/*
 * SchoolDynamics v3
 * Copyright(c) 2010-, School Dynamics, Inc.
 * www.schooldynamics.net
 *
 */
 
/* Import External CSS Files */
@import url(icons.css);

html, body { font:normal 12px verdana; margin:0; padding:0; border:0 none; overflow:hidden; height:100%; background-color: #DFE8F6;}

/* Header Rules */
#header { font-style: normal; font-weight: normal; font-family: Verdana; color: #fff; background: #7F99BE url(../images/headerbackground.png) repeat-x; height:55px;}
#header h1 { background: url(../images/h1.png) 0 0 no-repeat; height: 55px; width: 301px; text-indent: -9999px;  }
#header h2 { font-weight: normal; font-size: 12px; position: absolute; top: 35px; left: 50px; width:50%; }
#header h3 { font-weight: normal; font-size: 14px; color: #87c9ef;  text-align: right; width: 300px; position: absolute; top: 2px; right: 185px; line-height: 52px;  }
#topButtons { position: absolute; top: 2px; right: 6px; padding: 15px 0px;}
.topButton { float: right; margin-left: 6px; }

/* Footer Rules */
#footer { position: absolute; bottom: 4px; margin: 0 5px; width: 100%; color: #15428B; }
#footerRight { position: absolute; right: 10px; bottom: 0px; font-size: 11px; font-weight: bold; }
#footer h5 { font-size: 13px; }
#footer h5 em { font-style: italic; font-size: 11px; }

/* Tools Panel */
#tools-panel .x-form { padding: 6px; background-color: #cad9ec; }
#tools-panel div div div div .x-panel-body { background: transparent; border: none; }
.toolbox { margin-bottom: 6px; }
.toolbox input { margin-left: 22px;}

/* Font for collapsed panel titles */
.collapsedTitle { color:#6B6C6F; font:bold 11px tahoma,arial,verdana,sans-serif; padding:3px 0 0 5px; }

/* Panel margins and padding */
.x-panel-body p { margin-bottom:5px; }
#home-south-panel .x-panel-body, #day-south-panel .x-panel-body { padding: 5px; }

/* Navigation (icon definitions are located in icons.css) */
.navTreeNode { margin-left: 0px; }
.hw-grid { width: 100%; }
.hw-grid .x-grid3-col-1 { padding-left: 16px; }
.hw-grid .x-grid3-cell-inner, .x-grid3-hd-inner { white-space:normal !important; }

/* Message Center */
.messagegrid { margin-bottom: 10px; }
.messages-textarea-empty, .emptyText { text-align: center; line-height: 30px; color:#999999; margin-top: 20px; } 
.remove-field-shading { background-image:none; border: 1px solid #99bbe9; !important; }

/* General Items */
.help { background-position: 0px 0px; text-indent: -9999px; display: inline-block; height: 16px; width: 20px;  background-repeat: no-repeat; background-image: url(../images/silk_icons/help.png); }
strong { font-weight: bold; }
.x-grid3-radio-checker { background-image: url(../images/row-radio-sprite.gif); width: 16px !important; margin-left: 0 !important; }
.x-combo-list {z-index: 9999999 !important;}  /* Bug fix with combos and modal windows */

/* Preference Box */
.x-check-group-prefs { background-color: #D1DDEF; border-top:1px dotted #B5B8C8; border-bottom:1px dotted #B5B8C8; padding: 0 5px; margin-bottom: 10px; }
.preferencecheckbox {background-color: #D1DDEF;}
.preferencevideo {margin-left: 230px; margin-top: -20px; font-size: 11; font-weight: bold;  }
.preferencevideo a {color: #15428B}
.x-check-group-prefs .x-panel-body { background-color: #D1DDEF; }
.prefcheckbox { background-color: #D1DDEF; overflow: hidden !important; }
.x-fieldset-prefs { background-color: #D1DDEF; border-top:1px dotted #B5B8C8; border-bottom:1px dotted #B5B8C8; border-left: none; border-right: none; }

/* Home Page */
#welcomecontent { width: 600px !important; /* text-align: center; */ margin: 30 auto; }
#welcomemsg { text-align: left; background: url(../images/sd_bigapple.png) 0 0 no-repeat; height: 75px; padding:10px 0 0 75px; margin-bottom: 10px; }
#welcomemsg h3 { font-family: "Lucida Grande", Verdana; font-size: 16px; margin-bottom: 10px; }
#welcomemsg h3 em { color: #434343; }
#welcomemsg p { font-size: 11px; }
.welcomeintro { padding-left: 65px; margin-bottom: 1em !important; }
.homemonitor { background: url(../images/satin_icons/monitor_white.png) 0 0 no-repeat; }
.homegears { background: url(../images/satin_icons/gears.png) 0 0 no-repeat; min-height: 40px; }
.welcomeSelection button { font-weight: bold; font-size: 14px; }

/* Form Sizes */
.form { margin-bottom: 1.5em; margin-left: 20px; width: 600px; }
.form_left { margin-bottom: 1.5em; margin-left: 90px; width: 600px; }
.formsmall { margin-bottom: 1.5em; margin-top: 10px; margin-left: 40px; width: 600px; }
.formWide { margin-bottom: 1.5em; margin-left: 80px; width: 650px; }
.formsuperwide { margin-bottom: 50px; margin-left: 20px; ; margin-top: -50px;width: 1000px; }
.formsupersmall { margin-bottom: 1.5em; margin-top: 15px; margin-left: 0px }
.formsplash {margin-left: 30px;}
.form_bbar {margin-left: 80px; width: 600px; }
.columnHalf { width: 50%; }
.columnForty { width: 40%; }
.columnForty_top { width: 40%; margin-top: 60px }
/*.x-form-field { width: 100%; } */
.x-form-item-label { min-height: 16px; }
.small { width: 85px; }
.medium { width: 180px; }
.medium .x-form-field-wrap { width: 81%; }
.large { width: 280px; }
.large .x-form-field-wrap { width: 88.3%; }
.addressPanel .large { width: 260px; }
.full { width: 575px; }
.buttonFull { padding-top: 10px; width: 670px; }
.addressPanel .full { width: 544px; }

.white { background: white !important; } /* Are we using this rule anywhere? */
.window { background-color: white; } /* use this to create a white background in pop-up windows (bodyCssClass: 'window') */

/* Message Center */
.message_item_head { background-color: #d2e0f1; padding: 8px 10px; border-bottom: 1px #99bbe8 solid; }
.message_item_head span { display: block; font-size: .9em; line-height: 1.5em; }
.message_item_head span.message_item_subject { margin-top: 5px; }
.message_item_body { padding: 15px; }

/* grid summary styles */
.x-grid3-summary-row {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    color:#333;
    background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}

/*THIS IS IMPORTANT*/
.x-grid-group-body-hide { display:none; }


.x-link { margin: 2px 0 2px 0; font-size: 11px;}
.x-link td { background-image: none; }
.x-link button {color: #537aa4; font-size:11px;}

.formpadding form { padding: 10px 10px 10px 10px; }

/* Time Clock */
#clockcontainer {width: 358px; height: 55px;background: #e7edf8;  text-align: center; font-size: 26px; color: #3387d6; font-weight: bold; border: 1px solid #99bbe8; margin-bottom: 15px;}
#innerclock {padding-top: 10px; padding-left: 15px; }
#tdate {float: left; }

/* Seating Charts */
#classcontainter div.x-panel-body,#classcontainter div.x-panel-bwrap  {overflow: visible !important}    /*Allows horizontal scrollbars in firefox for classroom*/
.configCombo img {float: left;}
.configCombo {height: 40px !important;}

/* Lesson Plans */
.lpDayHeader { display: block; color: #15428b; font: bold 11px Verdana !important; text-align: left; padding-left: 20%; }
.lpDayEditor { border-left: 1px solid #99bbe8;}

/* Address Book */
#abookTemplate { width: 320px; margin-left: 15px; margin-top: 15px; }
#abooktop img { float: left; margin-right: 20px; padding: 2px; }
.student_img { border: 1px #eaeaea solid; background: url(../images/no_image.png) center 0 no-repeat; width: 54px; height: 54px; float: left; }
#abookTemplate h2 { padding: 0; margin: 0 0 0 70px; font-size: 18px; }
#abookstudent { display: block; margin-bottom: 12px; height: 54px; }
#abookstudent span { color: grey; font-size: 14px; margin-left: 14px; }
#abookP { margin-bottom: 10px; }
.abookLabel { width: 70px; float: left; text-align: right; margin-right: 5px; color: grey; }
.abookPname { width: 300px; font-weight: bold; }
.abookSpacer { width: 16px; height: 16px; float: left; }
.abookRelationship { float: right; color: grey; }
#abookTemplate p { padding: 0; margin: 0 0 5px 0; font-size: 13px; }
#abookTemplate hr { height: 1px; color: #d0d0d0; }

#addressbookTree div.x-panel-header{background-image: url(../images/gridback.png); border-bottom: rgb(208,208,208) 1px solid; background-color: #f9f9f9; font-weight: normal; color: black;}
.x-grid3-hd-studentname {height: 90px; text-align: center; font-size: 12px}

/* Print Wizard */
.printwizardTop {padding: 10px; border-bottom: 1px solid #aecae9; background-color: white; height:50px;}
.printwizardTop img {float: left; display: block}
.printwizardTop h3 {font-size: 14px}
.printwizardTopInner {padding-left: 75px;}
.printwizardTopInner p {font-size: 11px; margin-top: 10px}
.pScreenRadioGroup div.x-panel-body{margin-left: 10px;}
.pScreenRadioGroup * { margin-top: 0 !imporant; margin-bottom: 0 !important; padding-top: 0 !imporant; padding-bottom: 0 !important}
.pScreenRadioGroup {background: none;}
.simpleWizard .x-window-mc { background-color: #f8f8f8 !important; }
.simpleWizard .x-window-mc .x-panel-body { background-color: #f8f8f8 ; }


#manageAssignmentsArrow { margin-top: 125px; }

.x-grid3-summary-table div {overflow: visible}
#manageAssignmentsGrid table.x-grid3-summary-table td.x-grid3-cell-last {background-color: #e8e8ea; text-align: right} 
#manageAssignmentsGrid div.x-grid3-summary-row {background: #e8e8ea}
.x-grid3-summary-table td {background-color: #F1F2F4}
.x-grid3-summary-table .x-grid3-td-checker { background-image:none; }
.assignSummaryPercent {color: red}
.assignSummaryPercent100 {color: #167f3a}
.notEditable {background: #e8e8ea !important}
.textAlignRight {text-align:right}

.x-form-checkbox {width: 15px}

.calLabel {font-size:12px; display: block;}
.calAtSign {padding-left: 10px; padding-right: 10px; font-size: 12px;}
.font12 {font-size:12px;}
.font12 label {font-size:12px;}

.my-fieldset .x-fieldset-header .x-fieldset-header-text {float: left; padding: 5px 5px 0 0; color: black; font-size: 13px; font-weight: normal}
.my-fieldset .x-fieldset-header .x-form-field-wrap {float: left;}
.my-fieldset legend input {height: 22px; padding: 0; margin: 0;}
.my-fieldset .x-form-check-wrap {display: inline; float: left; margin-right: 10px;}
.floatLeft {float: left}

.mbErrorIcon { background-image: url(../ext/resources/images/default/window/icon-error.gif) left top !important; border: 2px solid red; }

/* Notification Badges */
.badge { float: right !important; text-align: center; color: white; height: 12px; line-height: 12px; margin: 3px; font-size: 10px; background: url(../images/badge_left.png) left 0px no-repeat; padding-left: 3px; }
.badge strong { font-weight: normal; background: url(../images/badge_right.png) right 0px no-repeat; padding-right: 3px; }

#commCenterMailboxTree li.x-tree-node {white-space: normal; display: block; }
#commCenterMailboxTree .x-tree-elbow, #commCenterMailboxTree .x-tree-elbow-end {display: none;}
#commCenterMailboxTree .x-tree-node-leaf {height: 15px; padding-bottom: 3px;}
#commCenterMailboxTree a {height: 15px; float: left;}
#commCenterMailboxTree li.x-tree-node img {float: left;}
#commCenterMailboxTree a span {height: 15px; float: left; width: 165px;}

.treeSumLabel {font-weight: bold; font-size: 12; padding-top: 5px; padding-left: 10px; height: 25px; display: block; float: left;}
.displayBlock {display: block;}
.tablePadding td {padding-top: 2px; padding-bottom: 2px}

.treeSummarySum {font-weight: bold; font-size: 12; padding-top: 5px; height: 25px; background-color: #E7E8E9; text-align: center; display: block; float: left}
.floatLeft {float: left}
.floatRight {float: right}

/* Calendar */
/*#exportmonth {width:83px !important;}

.backgroundNone .x-btn-text {background-image: none }

#letterIncludeTree input {margin-left: 0;}

.radioColCell {background: none;}
.radioColCell .x-grid3-cell-inner {padding:0 auto; padding-left: 0; padding-right: 0; height: 100%;}
.x-grid3-radio-col, .x-grid3-radio-col-on  {height: auto; width: 100%}

.x-grid3-row-checker {margin-left: auto; margin-right: auto; width: 15px;}*/

/* Gradebook */
#gradebookGrid .x-grid3-hd-row td { vertical-align:bottom; }

/* Layout: Shortcut Bar */
#shortcuts .x-panel-body { border:0px; border-bottom: 1px; border-style: solid; border-color: #99BBE8;  }

.groupUp, .groupDown {display: inline}
.hiddenGroup {display: none}

/* Meal orders */
/*#mealsStudentGrid .x-grid-group-hd {border:0px;}*/
.treegrid-summary div { font-weight: bold;  }
.treegrid-summary .x-grid3-td-checker { visibility:hidden; }



/* Help window */
#helppopup .x-window-body { background: white; }
.help_header { background-repeat: no-repeat; background-position: 20px center; padding: 15px; background-color: #f7f7f7; border-bottom: 1px #e2e2e2 solid; }
.help_header h2 { font-size: 2em; font-family: Verdana, Arial; font-weight: normal; line-height: 1.9em; padding-left: 70px; }
.help_content { padding: 20px 20px 8px 20px; background-repeat: no-repeat; background-position: 20px 20px;}
.help_content h3 { font-size: 1.2em; font-family: Verdana, Arial; margin-bottom: .8em; }
.help_content h4 { font-size: 1.1em; color: #545353; margin-bottom: .3em; }
.help_content p { margin-bottom: 1.2em; line-height: 1.5em; }
.help_content em { font-style: italic; }
.help_content strong { font-style: bold; }
.help_content ul, .help_content ol { margin: 0px 0px 1.5em 20px; }
.help_content ul li { list-style-type: disc; }
.help_content ol li {  list-style-type: decimal;  }
.help_content li { margin-bottom: .5em; padding-left: 0px; line-height: 1.5em; }
/*.illustration { position: relative; margin-bottom: 1.5em; margin: 0px auto 1.5em auto; }
.illustration img { background-color: white; padding: 10px 5px 10px 10px; border-color: #e2e2e2; border-right-width: 6px; border-left-width: 6px; border-bottom-width: 24px; border-top-width: 6px; border-style: solid; } 
.illustration em { color: #6d6d6d; font-style: normal; position: absolute; bottom: 6px; left: 6px; }*/
.illustration { position: relative; margin: 0px auto 1.5em auto; border-color: #e2e2e2; border-right-width: 6px; border-left-width: 6px; border-bottom-width: 4px; border-top-width: 6px; border-style: solid;}
.illustration img { background-color: white; padding: 10px 5px 32px 10px; margin: 0 auto; display: block; } 
.illustration em { color: #6d6d6d; font-style: normal; position: absolute; bottom: 0; left: 0; background-color: #e2e2e2; display: block; width: 100%; padding-left: 6px; line-height: 2.2em; margin-bottom: 0; }
.callout { background: #DFE8F6; border: 1px solid #99BBE8; padding: 10px; margin-bottom: 1.5em;}
.callout h3 { padding-left: 20px; line-height: 1.2em; }
.info h3 { background: url(../images/silk_icons/information.png) 0 0 no-repeat; }
.tip h3 { background: url(../images/silk_icons/lightbulb.png) 0 0 no-repeat; }
.caution h3 { background: url(../images/silk_icons/error.png) 0 0 no-repeat; }
.callout p { margin-bottom: 0px; }


.x-tree-node-noicon {background-image: none !important;} 

.draggable_rows .x-grid3-row { cursor: move !important; }
.editable { cursor:text !important; }

.highlight { background-color: #B8CFEE; }