#container_panel
{
background-color: white;
background-clip: padding-box;
-moz-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVORK5CYII=) 2 / 2px repeat;
-ms-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVORK5CYII=) 2 / 2px repeat;
-o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVORK5CYII=) 2 / 2px repeat;
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVORK5CYII=) 2 / 2px repeat;
-webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVORK5CYII=) 2 / 2px repeat;
border-width: 2px;
padding: 20px 70px;
left: 8px;
max-width: 900px;
margin: 0px auto;
position: relative;
	
}
.x-viewport
{
overflow:hidden !important;
}
.entryform
{
background:#eee; background-color: rgba(238, 238, 238, 1);
padding-bottom:20px;
}
.contentgrid
{
border:1px solid #eee !important;background:#fff !important; padding:0px 0px;
}
.x-panel-ghost {
    z-index: 1;
}
.x-border-layout-ct {
    background: #DFE8F6;
}
.x-portal-body {
    padding: 0 0 0 8px;
    
}
 
.x-portal .x-panel-body-default
{
	
}  
.breadcrumb .x-btn-inner, .breadcrumb .x-toolbar-text{color:White !important;}
.x-tab
{
		
}
.x-nlg .x-tab-default-top-mc 
{
	background-image:none !important;
	background-color:#a4c1d8 !important;
	color:black;
    -moz-box-shadow: none;/* white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;*/
    -webkit-box-shadow:none;/*  white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;*/
    -o-box-shadow:none; /* white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;*/
    box-shadow: none; /* white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;*/
    border-bottom: 1px solid #7f9cb5 !important; /* 1px solid #99BCE8 !important;*/
    border-color: #7f9cb5
	
}

.x-tab-default-top 
{
	background-image:none;
	background-color:#a4c1d8;
	color:black;
    -moz-box-shadow: none;/* white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;*/
    -webkit-box-shadow:none;/*  white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;*/
    -o-box-shadow:none; /* white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;*/
    box-shadow: none; /* white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;*/
    border-bottom: 1px solid #7f9cb5 !important; /* 1px solid #99BCE8 !important;*/
    border-color: #7f9cb5
	
}
.x-nlg .x-tab-top-active button
{
    color: white;
    
}
.x-nbr .x-tab-top-active .x-frame-mc
{
	background-image:none !important;
	background-color:#5c8bbc !important;
	color:red;
}

.x-tab-top-active 
{
	background-image:none;
	background-color:#5c8bbc;
	
}
.x-tab button
{
		color: #313031;
}

.x-tab-top-active button
{
    color: White;
    
}
.gradientblue{color:White !important;}
.x-nlg  .gradientblue
{
	background-image:url(../images/esd/gradient_blue.png) !important;
	background-repeat:repeat-x;
	background-color:#4c76a6;
	height:22px;
	
}
.x-nlg .gradientblue .x-toolbar-item, .x-nlg .gradientblue .x-toolbar-item *
{
	color:White !important;
}

.x-nbr .x-tab-default-top-tc, .x-nbr .x-tab-default-top-tl, .x-nbr .x-tab-default-top-tr, .x-nbr .x-tab-default-top-ml, .x-nbr .x-tab-default-top-mr
{
	background: #a4c1d8 !important;
}
.x-nbr .x-tab-top-active .x-frame-tc, .x-nbr .x-tab-top-active .x-frame-tl, .x-nbr .x-tab-top-active .x-frame-tr, .x-nbr .x-tab-top-active .x-frame-ml, .x-nbr .x-tab-top-active .x-frame-mr
{
		background: #5c8bbc !important;
}
.gradientblue
{
	background-image:url(../images/esd/gradient_blue.png) !important;
	background-repeat:repeat-x;
	background-color:#4c76a6;
	height:28px;
	color:white !important;
	
}
.gradientblue .x-toolbar-item, .gradientblue .x-toolbar-item *
{
	color:White !important;
}

.x-nlg .topmenu 
{
	background-image:url(../images/esd/background.jpg) !important;
	background-repeat:repeat-x;color:White !important;
}
.x-nlg .topmenu .x-toolbar-item *
{
	color:White !important;
}
.topmenu 
{
	background-image:url(../images/esd/background.jpg) !important;
	background-repeat:repeat-x;color:White !important;
}
 .topmenu .x-toolbar-item *
{
	color:White !important;
}
.x-tab-inner
{
		
}
#app-center-body
{
	border-width:0px;
	}
	
.x-btn-default-toolbar-small-over
{
    background-color:#b8d6ec !important;   
    border-color:#81a4d0;
    
     background-image:none !important;
    /*
    background-image:none;
    background-color:#dbeeff;
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
    background-image:-webkit-linear-gradient(top, #dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
    background-image:-moz-linear-gradient(top, #dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
    background-image:-o-linear-gradient(top, #dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
    background-image:-ms-linear-gradient(top, #dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
    background-image:linear-gradient(top, #dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5)
*/
 }
.x-btn-default-toolbar-small-over button .x-btn-inner{
    color: black !important;
}
.x-tab-bar-top .x-tab-bar-body { border-top-width:0px !important;background-color: #dfe8f6;}
.x-tab-bar-body
{
	background:#d7e2f3;	
	padding-top:4px !important;
	padding-bottom:0px !important;
	padding-left:5px !important;
}
.x-portal .x-portal-column {
    /* columns must have vertical padding to avoid losing dimensions when empty */
    padding: 8px 8px 0 0;
}
.x-portal .x-panel-dd-spacer {
    border: 2px dashed #99bbe8;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 10px;
}
.x-portlet {
    margin-bottom:10px;
    padding: 1px;
}
.x-portlet-selected
{
	background:Yellow !important;	
}

.x-portlet .x-panel-body {
    background: #fff;
}
.portlet-content {
    padding: 10px;
    font-size: 11px;
}

#app-options .portlet-content {
    padding: 5px;
    font-size: 12px;
}
.formheader {
    background-image:url(../images/fam/application_form.png);
}
.add {
    background-image:url(../images/fam/add.png);
}
.user {
    background-image:url(../images/fam/user.png);
}
.savenew {
    background-image:url(../images/fam/clone_copy_icon.png);
    background-repeat:no-repeat;
}
.save {
    background-image:url(../images/fam/save.png);
    background-repeat:no-repeat;
}
.print {
    background-image: url(../images/fam/printer.png);
    background-repeat: no-repeat;
}
.cancel {
    background-image:url(../images/fam/cross.png);
}
.student {
    background-image:url(../images/fam/user.png);
}
.household {
    background-image:url(../images/fam/building.png);
}
.guardian {
    background-image:url(../images/fam/user_suit.png);
}
.next {
    background-image:url(../images/fam/arrow_right.png);
}
.prev {
    background-image:url(../images/fam/arrow_left.png);
}
.application {
    background-image:url(../images/fam/application.png);
}
.form {
    background-image:url(../images/fam/application_form.png);
}

.settings {
    background-image:url(../shared/icons/fam/folder_wrench.png);
}
.nav {
    background-image:url(../shared/icons/fam/folder_go.png);
}
.info {
    background-image:url(../shared/icons/fam/information.png);
}    
#WestAccordionPanel .x-tab-bar-body, #WestAccordionPanel .x-tab-bar, 
#WestAccordionPanel .x-tab-bar-strip-default, #WestAccordionPanel  .x-tab-bar-strip-default-plain
{
	background-image:none;
	background-color:#f7f7f7;
	border-width:0px;
		
}
#WestAccordionPanel .x-panel-header-default
{
	background-image:none;
	background-color:#d8e5f3;	
}
.esddatasectionfield .x-panel-body
{
	background-color: white;
	/*border-width: 0px;*/ /*using color so that changes in border width don't cause moving effect*/
	border-color: White;
}
.esddatasectionfield-over .x-panel-body
{
	background-color: #D8D8D8;
	/*border-width: 1px;*/
	border-color: #99BCE8;
}
.esddatasectionfield-over .x-panel-header-default
{
	background-color: #D8D8D8 !important;
	visibility: visible !important;
}
.esddatasectionfield .x-panel-header-default
{
	background-image: none;
	background-color: White;	
	border-bottom-width: 0px;
	visibility: hidden;
}
.esddatasectionfield .x-panel-body-default
{
	border-top-width: 0px;
}

.esddatasectionfield-instructions{
    width: 200px;
    /*border:1px solid #ccc;
    border-left: 1px dotted #AAA;*/
    padding: 10px 5px 10px 5px;
}

.esddatasectionfield-selected .x-panel-header-default, .esddatasectionfield-selected .x-panel-body
{
    	background-color: #D8D8D8;
	    border-color: #99BCE8;
	    background-color: #D8D8D8 !important;
	    visibility: visible !important;
}
.esddatasectionfield-required .x-panel-body-default
{
    	border-top-width: 1px;
}
.required{color:#eb0026;}
strong{font-weight:bold !important;}
/*em{font-style:italic !important;}*/




/* the DataSection style: Goal is to make it plainer and not look like default Ext Panel*/

.esddatasection
{
    border-width: 1px;
    border-style: dashed;
    margin-bottom: 5px;
}
.esddatasection .x-panel-header-default
{
	background-image: none;
	background-color: White;	
	border-bottom-width: 0px;
	
}
.esddatasection .x-panel-body-default
{
	border-top-width: 0px;
}

/* Style for DDProxy, the ghost panel that appear when dragging a panel*/

.x-panel-ghost .x-panel-header-default
{
    background-image: none;
	background-color: White;	
	border-bottom-width: 0px;
}

.x-panel-ghost .x-panel-body-default
{
	border-top-width: 0px;
}
.mainform
{
	margin: 0 auto;
	
}
.mainformsection
{
	   border-width: 0px;
    border-style: dashed;
    margin-bottom: 5px;
    padding: 20px;
}
.mainform .x-panel-header-default
{
	background: #ddd;
	
	border-width: 0px;
	box-shadow:none;
	
}
.mainform .x-panel-body-default
{
	
	border-width: 0px;
	
}


.mainform .x-panel-header-text
{
   
	font-size:12px !important;
	color:#999;
	font-weight:bold;
	

	
}
.mainformsection .x-panel-header-default
{
	background: transparent;
	
	border-width: 0px;
	
	
}
.mainformsection .x-panel-header-text
{

	font-size:large !important;
	color:#999;
	font-weight:bold;
	
	
	
}
.mainformsection .x-panel-body-default
{
	
	border-width: 0px;
	
}

.mainform .esddatasectionfield-selected .x-panel-header-default, .mainform .esddatasectionfield-selected .x-panel-body
{
    	background-color: #fff7c0;
	    border-color: #fff7c0;
	    background-color: #fff7c0 !important;
	    visibility: visible !important;
}


.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}
#msg-div .infomsg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #fff9d7;
    border: 2px solid #e2c822;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .infomsg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .infomsg p {
    margin: 0;
}

.validation-summary-errors {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #ffebe8;
    border: 2px solid #dd3c10;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
.validation-summary-errors p {
    margin: 0;
}

.validation-summary-errors h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
.field-validation-error
{
	color: #dd3c10;
}
#msg-div .errormsg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #ffebe8;
    border: 2px solid #dd3c10;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .errormsg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .errormsg p {
    margin: 0;
}

#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #eceff6;
    border: 2px solid #d4dae8;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .msg p {
    margin: 0;
}


.doc, .docx {background: url(../Images/Fam/document-word.png)  no-repeat left !important;}
.xls{background: url(../Images/Fam/table-excel.png)  no-repeat left !important;}
.xml{background: url(../Images/Fam/file-xml.png)  no-repeat left !important;}
.csv{background: url(../Images/Fam/doc_excel_csv.png)  no-repeat left !important;}
.pdf{background: url(../Images/Fam/pdf.png)  no-repeat left !important;}

.delete{background: url(../Images/Fam/delete.png)  no-repeat left !important;}



 .validation-summary-errors li{margin-top:10px; color:red}
    .editor-field-a input{


  
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #CCC;
font: 13px Arial,sans-serif;
padding: 6px 6px 4px;
width: 200px;
width: 296px;
font-size: 18px;
-webkit-appearance: textfield;
}
.editor-label
{
	
    font-weight:normal;	padding:4px;
}
.submit
{
    font-size: 16px;
height: 36px;
padding: 0 25px;	
}
.submit:hover, .submit:focus {
background-position: 0 -6px;
border-color: #999 #999 #666;
color: black;
text-decoration: none;
}
.submit {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-color: #BBB #BBB #999;
border-radius: 4px;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
font: 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
margin: 0;
overflow: hidden;
padding: 5px 9px 5px 9px;
text-shadow: 0 1px #F0F0F0;
color: #333!important;
-moz-box-shadow: 0 1px 0 #f8f8f8;
-wekbit-box-shadow: 0 1px 0 #f8f8f8;
box-shadow: 0 1px 0 #f8f8f8;
-webkit-appearance: button;
}

.differentdata .x-dc-column-cell
{
    color:red; 
}
.x-guardian-selected, .x-household-selected, .x-student-selected
{
    color: green;font-weight:bold !important;
}
sup{font-size:xx-small; color:Red;}

   #loading-mask{
        background-color:white;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        z-index:20000;
    }
    #loading{
        height:auto;
        position:absolute;
        left:45%;
        top:40%;
        padding:2px;
        z-index:20001;
    }
    #loading a {
        color:#225588;
    }
    #loading .loading-indicator{
        background:white;
        color:#444;
        font:bold 13px Helvetica, Arial, sans-serif;
        height:auto;
        margin:0;
        padding:10px;
    }
    #loading-msg {
        font-size: 10px;
        font-weight: normal;
    }
 .sprite 
 {
		
 }   
.sprite b
{
	
line-height: 16px;
width: 48px;
height: 16px;
background-repeat: no-repeat;
display: inline-block;

position: relative;
left: 8px;
background-repeat: no-repeat;
background-image: url(/images/Fam/sprite.png);

}
.sprite .radiogroup
{
	background-position: -10px -619px;
}
.sprite .checkbox
{
	background-position: -10px -688px;
}
.sprite .textfield
{
	background-position: -10px -549px;

}
.sprite .numberfield
{
	background-position: -10px -654px;

}
.sprite .datefield
{
	background-position: -10px -975px;

}
.sprite .checkboxgroup
{
	background-position: -10px -688px;
}
.sprite .combo
{
background-position: -10px -722px;
}

.sprite .emailaddr
{
	background-position: -10px -830px;
}
.sprite .name
{
	background-position: -10px -759px;
}
.sprite .phone
{
	background-position: -10px -866px;
}
.sprite .address
{
	background-position: -10px -794px;
}

.sprite .comments
{
	background-image: url(/images/Fam/comment.png);
}

.sprite .filefield
{
	background-position: -10px -938px;
}
.fieldToolbar 
{
	background-image:none;
	background-color:#fff;
	border-bottom:1px solid #ccc !important;
}

.sectionToolbar, .x-nlg .sectionToolbar
{
	background-image:none !important;
	background-color:#fff;
	
	border-bottom:1px solid #ccc !important;
}

.sectionToolbar .x-toolbar-text
{
	font-weight:bold !important;
	font-size:12px;
}

.statustoolbar
{
	background-color:#f7f7f7;
	font-weight:bold !important;background-image:none;
               
               }
#searchhouseholdpanel .x-panel-header-default,
#searchguardianpanel .x-panel-header-default


{
	background-image:none;
	background-color:#dfe8f6;
	border-top:1px solid #ccc !important;
	border-bottom-color: #ccc !important;
}
#searchstudentpanel .x-panel-header-default, 
#searchpanel .x-panel-header-default
{
		background-image:none;
	background-color:#dfe8f6;
}
#applicationCourseRequestPanel .x-panel-header-default
{
	background-image:none;
	background-color:#dfe8f6;
	border-bottom-color: #ccc !important;
	border-top:1px solid #ccc !important;
}

.x-grid-row .x-grid-cell
{
	padding:4px;	
}


.present, .tardy, .absent, .na, .nonattendance, .dismissed{
	border-left: #fff solid 1px;
	border-bottom: #fff solid 1px;
	text-align:center;
}

.present{
	background-color: #bfd2a4 ;
}

.tardy{
	background-color: #f7f3b4  ;
}

.absent{
	background-color: #d5999c ;
}
.na
{
	background-color:	#ccc;
}
.nonattendance
{
	background-color:	blue;
	color: #ffffff;
}
.dismissed
{
	background-color:	#FFB31C;
}