/* Index & Common styles */
* {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 

html {
    height: 100%;
    overflow-y:scroll;
}

/* you can use "border-spacing" on the body as well */
body {
    display: table;
    width: 100%;
    height: calc(100% - 33px);
    height: 98%;
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
body > section, body > footer {
  display: table-row;
}

body > section {
    background-color:#9099AE;
    background-image: linear-gradient(to bottom, #9099AE, white 500px) no-repeat;   
	background-image: -webkit-linear-gradient(top, #9099AE, white);
	background-image: -moz-linear-gradient(top, #9099AE, white);
	background-image: -o-linear-gradient(top, #9099AE, white);
	background-image: -ms-linear-gradient(top, #9099AE, white);
    height: 100%;
}
body > section > div {
    display: table;
    height: 100%;
    /* margin: #top #right #bottom #left; */ 
    margin: 0px auto 0px auto;
    padding:  0px 15px 0px 15px;
    width: 1050px;
}
body > section > div > aside {
    display: table-cell;
}

body > section > div > aside:nth-child(1) {
	/* http://gradcolor.com/css3-gradient.php */
    float: right;
    width: 15px;
    height: 100%;
	background-color:#333333;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#333333, endColorstr=#cccccc);
	background-image:-moz-linear-gradient(right, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:linear-gradient(right, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-webkit-linear-gradient(right, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-o-linear-gradient(right, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-ms-linear-gradient(right, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(0%,#333333), color-stop(25%,#cccccc),color-stop(100%,#ffffff));
}

body > section > div > aside:nth-child(2) {
	float: none;
    width: calc(100% - 30px);
    height: 100%;
    text-align: center;
    vertical-align:top;
	background-color:#cccccc;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#333333, endColorstr=#cccccc);
	background-image:-moz-linear-gradient(top, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:linear-gradient(top, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-webkit-linear-gradient(top, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-o-linear-gradient(top, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-ms-linear-gradient(top, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#333333), color-stop(25%,#cccccc),color-stop(100%,#ffffff));
    border: 0px solid blue;    
}

body > section > div > aside:nth-child(3) {
    float: left;
    width: 15px;
	height: 100%;
    background-color:#333333;
 	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#333333, endColorstr=#cccccc);
 	background-image:-moz-linear-gradient(left, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:linear-gradient(left, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-webkit-linear-gradient(left, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-o-linear-gradient(left, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-ms-linear-gradient(left, #333333 0%, #cccccc 25%,#ffffff 100%);
	background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#333333), color-stop(25%,#cccccc),color-stop(100%,#ffffff));
}

body > section > div > aside > header {
    height: 70px;
    max-width: 100%;
    text-align: center;
    border: 0px solid red;
}

body > section > div > aside > content {
    /* margin: #top #right #bottom #left; */ 
    float:left;
    width: calc(100% - 30px);
    padding:  0px 15px 0px 15px;
    text-align: center;
    vertical-align:top;
    border: 0px solid black;    
}

body > footer {
    background-color: #fff;
    clear: left;
}
body > footer > div {
    height: 4px;
    width:100%;
    text-align: center;
    font-size: xx-small;
    border-top: 3px solid #333;      
    bottom:0; 
}


.fieldset_frame1 {
	margin-top:10px;
	min-height:55px;
    background-color: #efefef;
    color: black;
    padding: 10px 3px 3px 3px;
    font-family: sans-serif;
    font-size: 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;
	text-align:center;
	vertical-align: middle;	  	
	webkit-box-shadow: 8px 11px 26px -1px rgba(0,0,0,0.7);
	-moz-box-shadow: 8px 11px 26px -1px rgba(0,0,0,0.7);
	box-shadow: 8px 11px 26px -1px rgba(0,0,0,0.7);

}

fieldset legend {
	width:195px;
	margin:0 auto;
    background-color: #1F497D;
    color: aqua;
    padding: 5px;
    font-size: 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;
	text-align:center;
	vertical-align: middle;	  
}


.fieldset_frame2 {
	margin-top:20px;
	min-height:45px;
	width:195px;
    background-color: #1F497D;
    color: aqua;
    padding: 13px 3px 3px 3px;
    font-family: sans-serif;
    font-size: 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;
	text-align:center;
	vertical-align: middle;	  	
	webkit-box-shadow: 8px 11px 26px -1px rgba(0,0,0,0.7);
	-moz-box-shadow: 8px 11px 26px -1px rgba(0,0,0,0.7);
	box-shadow: 8px 11px 26px -1px rgba(0,0,0,0.7);		

}


h1 {font-size:20px;font-weight: bold; font-style: normal; margin-top: 0px;}
h2 {font-size:18px;font-weight: bold; font-style: normal; margin-top: 5px; margin-bottom: 5px;}
h3 {font-size:16px; font-weight: bold; font-style: oblique; margin-top: 5px; margin-bottom: 0px; COLOR: #8B0000; text-shadow: 1px 1px #FFF0F5;}
h4 {font-size:12px;font-weight: normal; font-style: italic; margin-top: 0px; margin-bottom: 5px;}
h5 {font-size:16px;font-weight: bold; font-style: normal; margin-top: 5px; margin-bottom: 5px; margin-left: 20px;}
h6 {font-size:10px;font-weight: normal; font-style: oblique; margin-top: 0px; margin-bottom: 5px; text-align: left;}
h7 {font-size:12px;font-weight: normal; font-style: normal; margin-top: 3px; margin-bottom: 5px; text-align: left;}
h8 {font-size:16px; font-weight: bold; font-style: oblique; margin-top: 5px; margin-bottom: 5px; COLOR: #8B0000; text-shadow: 1px 1px #FFF0F5;}


/* margin: #top #right #bottom #left; */ 



/* pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }*/ 

p{margin-top: 0px;}

a.login:link {color: #ffffff; text-decoration: none; }
a.login:active {color: #ffffff; text-decoration: none; }
a.login:visited {color: #ffffff; text-decoration: none; }
a.login:hover {color: #0000ee; text-decoration: underline; }

.lang:link {color: #ffffff; text-decoration: none; }
.lang:active {color: #ffffff; text-decoration: none; }
.lang:visited {color: #ffffff; text-decoration: none; }
.lang:hover {color: #0000ee; text-decoration: underline; }


#TitleName h1
{
    FONT: 36px/1.1em Brush Script MT, Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #FCEE8B;
    margin-top: 0px;
}

#title h1
{
    FONT: 36px/1.1em Brush Script MT, Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #FCEE8B;
    margin-top: 0px;
    text-shadow: 2px 2px #00e;
}

#title h2
{
    FONT: 20px/1.1em Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #FCEE8B;
    text-shadow: 1px 1px #00e;
    margin-top: 10px;    
}
 

#title h3
{
    FONT: 18px/1.0em Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #B22222;
    text-shadow: 1px 1px #151515;
    margin-top: 5px;
}
   
    
#title h9 
{
    FONT: 22px/1.1em Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #FACC2E;
    text-shadow: 1px 1px #fff;
    margin-top: 10px;
}	

#thankyou h4
{
    FONT: 18px, Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #000;
    text-shadow: 1px 1px #D2FFFF;
	margin-top: 40px;
	margin-bottom: 10px;    
}
#thankyou h5
{
    FONT: 28px Brush Script MT, Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #000;
    text-shadow: 1px 1px #D2FFFF;
}

#closed h4
{
    FONT: 18px Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #000;
    text-shadow: 1px 1px #D2FFFF;
	margin-top: 40px;
	margin-bottom: 10px;    
}
	
#closed h3
{
    FONT: 18px/1.2em Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #F00;
    text-shadow: 1px 1px #D2FFFF;
	margin-top: 70px;
	margin-bottom: 10px;    
}

#closed h5
{
    FONT: 28px Brush Script MT, Lucida Calligraphy, Geneva, sans-serif;
    COLOR: #000;
    text-shadow: 1px 1px #D2FFFF;
    margin-bottom: 100px;  
}

@media print {
  img {
    display: none !important;
  }

  * {
    background-image: none !important;
    border: none !important;
  }
	.noPrint {
    display:none;
 }  #title h1, #title h2 {
    color: #000 !important;
    text-shadow: 0 0 3px #000 !important;
 }
}  

.normaltext
{
    color: green;
    text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;  
}


.textcolor{
	color: black;
}

#page_center{
	min-width: 1020px;
}

.content_L {
	margin-left: 3px;   
	height: 100%;
	width: 735px;
	float: left;
	border: 0px solid #1E5A72;
	z-index: 2;
}	

.content_R {
	margin-left: 3px; 
	height: 80%;
	width: 270px;
	float: left;
	border: 0px solid #1E5A72;
	z-index: 1;
}
.content_B {
	margin-left: 3px; 
	width: 100%;
	float: left;
	border: 0px solid #fE5A72;
	z-index: 1;
}

#bottom {
/*	color:white;
    opacity: 0; */
}

.bottom {
   clear:both;
}


ul.a {list-style-type: circle;}
ul.b {list-style-type: disc; color: black;padding: 5px 0px 0px 15px;font-size: 10px;}
ul.c {list-style-type: square;}

 /* margin: #top #right #bottom #left; */ 
 

#noPrint{
	 display:none;
}

#schoollogo{ 
	padding:5px;
	text-align: center;	
}

#logo { 
	max-height:100px;
	max-width:150px;
}
	

#addbuttondiv{
	border: 0px solid black;
	height: 57px;
}
#submitbutton{
   -moz-border-radius: 20px;
   border-radius: 39px;	
   float:center;
   text-align: center;
   margin-left: 10px;  
	margin-top: 5px;
	margin-bottom: 10px;     
   height: 39px;
   width:250px;
   vertical-align: middle;
   font-weight: bold;
   font-size: 14px;
   border-color: #aaa #444 #444 #aaa;
   background-color: #81F79F;
   color: blue;
}	

#Results{
   background-color: white; 
   opacity: .9;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #999;   
   
}
	
#FormResults1{
   text-align: left;
   margin-top: 5px;
   margin-left: 20px;   
   color: green;
   font-weight: bold;
   font-size:14px;
   border-collapse: collapse;   
   border: 0px solid #00ff00;  
 
}
	
#FormResults{
   text-align: left;
   margin: 20px;
   color: green;
   font-weight: bold;
   font-size: 16px;
   border-collapse: collapse;
   border: 0px solid black;


}

#modeselect{
	color: black;
	font-size:12px;
	font-weight: bold; 
	font-style: normal; 
	text-align: center;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;	
}

	
#lang{
	color: black;
	font-size:12px;
	font-weight: bold; 
	font-style: normal; 
	text-align: right;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
	float:left;
}


#login{
	color: black;
	font-size:12px;
	font-weight: bold; 
	font-style: normal; 
	text-align: right;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	float:right;
}

#addbutton{
   -moz-border-radius: 20px;
   border-radius: 10px;	
   float:left;
   text-align: center;
   margin-left: 10px;  
	margin-top: 5px;
	margin-bottom: 25px;   
	font-size: 12px;  
   height: 28px;
   vertical-align: middle;
   font-weight: bold;
   border-color: #aaa #444 #444 #aaa;
   background-color: #3366FF;   
   color: #EEE;
}

#submitbutton{
   -moz-border-radius: 20px;
   border-radius: 39px;	
   float:center;
   text-align: center;
   margin-left: 10px;  
	margin-top: 5px;
	margin-bottom: 10px;     
   height: 39px;
   width:250px;
   vertical-align: middle;
   font-weight: bold;
   font-size: 14px;
   border-color: #aaa #444 #444 #aaa;
   background-color: #81F79F;
   color: blue;
}	


.PrintDiv{
	vertical-align: middle;	
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;	
	margin-bottom: 0px;  
	padding-top: 7px;  
	padding-bottom: 0px;  
 	word-wrap: normal; 
 	z-index: -1;
}
.PrintOutput{
   *position: relative; 
   height: 50px;	
   margin-top: 12px;
   border: 0px solid black;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;    
   background-color: #EFEFEF;       
   color: black;
   opacity: .95;
   font-size: 12px;   
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
   text-align: center;
}
input#printbutton{
    background: #A9BCF5 url(/images/printer_icon.png) no-repeat;
    background-size: 33px 33px;
   	-moz-border-radius: 20px;
   	border-color: #aaa #444 #444 #aaa;     	
	margin-top: 3px; 
	margin-bottom: -7px;    	
   	margin-left: 5px;  
   	border-radius: 39px;	
	padding-left: 27px;  	
    height: 35px;	
   	width:250px;   
   	text-align: left;
   	vertical-align: middle;
   	font-size:13px;
   	color: blue;
   	font-weight: bold;       
}

#Email{
	text-decoration: underline;
}

input#emailbutton{
    background: #A9BCF5 url(/images/email_icon.png) no-repeat;
    background-size: 33px 33px;    
    background-position: 6px;
   	-moz-border-radius: 20px;
   	border-color: #aaa #444 #444 #aaa;     	
	margin-top: 3px; 
	margin-bottom: 3px;    	
   	margin-left: 5px;  
   	border-radius: 39px;	
	padding-left: 36px;  	
    height: 35px;	
   	width:250px;   
   	text-align: left;
   	vertical-align: middle;
   	font-size:13px;
   	color: blue;
   	font-weight: bold;       
}
.Email-toggle{
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin-top: 3px; 
	/*margin-bottom: 3px; */	
}
.EmailNotes{
   *position: relative; 
	height: 90px;
   border: 0px solid black;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;    
   background-color: #EFEFEF;  
   margin-top: 5px;     
   margin-bottom: 0px;
   opacity: .95;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
   text-align: left;	
}

.TextNotes{
   *position: relative; 
	height: 175px;
   border: 0px solid black;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;    
   background-color: #EFEFEF;  
   margin-top: 5px;     
   margin-bottom: 0px;
   opacity: .95;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
   text-align: left;	
}

.NotesSection{
	margin-top: 5px;
/*	text-shadow: 1px 1px #333;	*/
}	

.frame_border {
	*position: relative;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
    border-radius: 25px;
    border: 3px solid #C7D8D8;	
    z-index: 10;
}
	
#EmailOutput{
   *position: relative;    
   height: 60px;	
   margin-top: 12px;
   border: 0px solid black;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;    
   background-color: #EFEFEF;       
   color: black;
   opacity: .95;
   font-size: 12px;   
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
   text-align: center;    
}

.EmailDiv{
	vertical-align: top;	
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;	
	margin-bottom: 0px;  
	padding-top: 0px;  
	padding-bottom: 0px;  
    z-index: -1;
 	word-wrap: normal; 
}

.SmsDiv{
	vertical-align: top;	
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;	
	margin-bottom: 0px;  
	padding-top: 7px;  
	padding-bottom: 0px;  	
    z-index: -1;
}

input#smsbutton{
    background: #A9BCF5 url(/images/sms_icon.png) no-repeat;
    background-size: 33px 33px;
    background-position: 6px; 
   	-moz-border-radius: 20px;
   	border-color: #aaa #444 #444 #aaa;     	
	margin-top: 10px; 
	margin-bottom: 3px;    	
   	margin-left: 5px;  
   	border-radius: 39px;	
	padding-left: 36px;  	
    height: 35px;	
   	width:250px;   
   	text-align: left;
   	vertical-align: middle;
   	font-size:13px;
   	color: blue;
   	font-weight: bold;       
}


.TextOutput{
   *position: relative; 
   height: 60px;	
   margin-top: 12px;
   border: 0px solid black;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
    border-radius: 20px;    
   background-color: #EFEFEF;       
   color: black;
   opacity: .95;
   font-size: 10px;   
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
   text-align: left;		
}
#phonenum{
	font-size:10px; 
	font-weight: normal; 
	font-style: oblique; 
	COLOR: black; 

}

.error{
	*position: relative;
   color: red;
   text-shadow: 1px 1px #ccc;
   font-weight: bold;
   font-size: 12px;   
   vertical-align: middle;
}
.error2{
   text-align: left;
   color: red;
}
.error3{
   text-align: left;
   color: red;
   font-weight: bold;
   font-size: 12px; 
   width: 340px;
   word-wrap: normal;   
}
.success{
	*position: relative;
   color: green;

   font-weight: normal;
   font-size: 12px;   
   vertical-align: middle;
}
.success3{
   text-align: left;
   color: green;

   font-weight: bold;
   font-size: 12px;   
   width: 340px; 
   word-wrap: normal;   

}
.ErrorCount{
	opacity: 100;
   color: black;
}
.numholder{
   background-color:white;
   text-align: left;
   color: #F00;
}
.redtext {
color : red;
}
.graytext {
color : gray;
}
.bluetext {
color : blue;
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    width: 90%;
}

#waiting{
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 32px;   
    height: 32px;  
    border: 0px solid white;
}

#notes, #notes_english, #notes_spanish{
	white-space: pre-wrap;
	background-color:white;
	border:1pt #000 solid;
	border-collapse:collapse;
	border-radius:8px;
	table-layout:fixed;	
	color:black;
	font-family:Calibri, sans-serif;
	font-size:11.0pt;
	min-height:10em;	 /* must come after font size */	
	width: 666px;  
	text-align: left;
	/*padding: 1px 3px 5px 3px;  */
	resize:none;
	overflow: hidden;
}

#notesdiv{
	float: left;
	text-align: left;
	margin-left: 20px;
	padding-bottom: 10px;
}

#FormTitle{
   text-align: left;
   margin-left: 20px;
   color: black;
} 

#FormSelect{
   text-align: left;
   margin-left: 20px;
   color: black;
   margin-bottom: 8px;
}  

#note{
   font-size:10px;
   color: #0A2229;
   font-style: italic;
} 


#text{
	font-size:12px;
	font-weight: bold; 
	font-style: normal; 
	margin-top: 2px;
}


#block_container
{
    text-align:left;
}

#bloc1, #bloc2
{
	display:inline;
	text-align:left;
	margin-top: 2px;
	margin-bottom: 0px;    
}


fieldset {
    border: 0;
}
select {
    font-size:1em;
    border-color:#999; /* without this, it won't work */
}


/* Table */
#apptable {
    padding: 7px; 
    width: 710px; 
}	

	
#mytable {
    border-collapse: collapse;
    border: 0px solid black;
    width:715px;
    margin-left: 0px; 
    padding: 15px; 
}
	
th.td_cell2{
	margin-left: 2px; 
	width:162px;
	font-size:10px;
	font-weight: bold;
	text-align: left;
    border-collapse: collapse;
    border:0px solid black;
}
td.td_cell2{
	font-size:12px;
	width:160px;
    border-collapse: collapse;
    border: 0px solid black;
}

th.td_cell3{
	margin-left: 2px; 
	font-size:10px;
	width:162px;
	font-weight: bold;
	text-align: left;
    border-collapse: collapse;
    border: 0px solid black;
}
td.td_cell3{
	font-size:12px;
	width:160px;
    border-collapse: collapse;
    border: 0px solid black;
}

th.td_cell4{
	margin-left: 2px; 
	font-size:10px;
	width:182px;
	font-weight: bold;
	text-align: left;
    border-collapse: collapse;
    border: 0px solid black;
}
td.td_cell4{
	font-size:12px;
	width:180px;
    border-collapse: collapse;
    border: 0px solid red;
}
.selectteacher{
	width:180px; 
}

th.td_cell5{
	margin-left: 2px; 
	font-size:10px;
	width:180px;
	font-weight: bold;
	text-align: left;
    border-collapse: collapse;
    border: 0px solid black;
}
td.td_cell5{
	font-size:12px;
	height:14px;
	min-width:190px;
    border-collapse: collapse;
    border: 0px solid black;
}
.selecttime{
	min-width:190px;	
}

th.td_cell6{
	margin-left: 2px; 
	font-size:10px;
	font-weight: bold;
	text-align: left;
    border-collapse: collapse;
    border: 0px solid black;
}
td.td_cell6{
    border-collapse: collapse;
    border: 0px solid black;
    
}	
.removebutton{
	font-size:10px;
}



#resultstable {
    border-collapse: collapse;
    border: 0px solid black;
    width: 680px
}


.cell0 {
	display:none;
}
.cell1, th.cell1 {
   border-style:none;   
   text-align:center;
}

.cell2 {
   background-color:#e6e6e6;
   border:1pt #000 solid !important; 
   text-align:center;
   font-size:12px;
   font-weight: bold;
}
.cell2b {
   background-color:#E6E6E6;
   border:1pt #000 solid !important; 
   text-align:center;
   font-size:16px;
}
.cell2c {
   background-color:none;
   border:none; 
}
.cell3 {
   background-color:white;
   border:1pt #000 solid !important;
   text-align:center;
}
.cell3_break {
   background-color:white;
   border:1pt #000 solid !important;
   text-align:center;
   color: red;
   font-weight: bold;
}
.cell3_taken {
   background-color:white;
   border:1pt #000 solid !important;
   text-align:center;
   color: yellow;
   font-weight: bold;
}
.cell3_nobreak {
   background-color:white;
   border:1pt #000 solid !important;
   text-align:center;
   color: #000000; 
   font-weight: normal;
}
.cell3_table {
   padding:0px; 
   margin:0px; 
   background-color:white;
   border-collapse: separate;   
}
.cell4 {
   border-style:none;
   text-align:left;
}
.cell5 {
   background-color:white;
   border-style:none;
   text-align:left;
}
.cell6 {
   width:35em;
   height:5em;	
   border:1pt #000 solid !important;
   background-color:white;
   
   padding-top:1px;
   padding-right:1px;
   padding-left:1px;   
   
   text-align:left;
   font-family:Calibri, sans-serif;   
   color:black;
   font-size:11.0pt;
   font-weight:400;
   font-style:normal;
}

.cell7 {
   border:1pt #000 solid !important;
   text-align:center;
}	

.cell8 {
   background-color:white;
   border:1pt #000 solid !important;
   text-align:center;
   font-weight: bold;
   vertical-align: middle; 
   height: 20px; 
   width: 150px;
}	

.cell9 {
   border:1pt #000 solid !important;
   background-color:#aaa;
   color: #eee;
   font-weight: normal;
   text-align:center;
   vertical-align: middle; 
   padding: 3px 5px 3px 5px;
}

.cell10L {
   border:1pt #000 solid !important;
   background-color:#ecf7f9;
   font-weight: bold;
   text-align:center;
   vertical-align: middle; 
   text-align:center;
   padding: 3px 5px 3px 5px;
}
.cell10T {
   border:1pt #000 solid !important;
   background-color:#fff2e6;
   font-weight: bold;
   text-align:center;
   vertical-align: middle; 
   text-align:center;
   padding: 3px 5px 3px 5px;
}

.excludeC, .excludeR {
   border:1pt #000 solid !important;
   background-color:#aaa;
   color: #eee;
   font-weight: normal;
   text-align:center;
   vertical-align: middle; 
   padding: 3px 5px 3px 5px;
}

.celltitle {
   background-color:#3300FF;
   border: 2px solid #CC6666;
   text-align:center;
   color: white;
   font-size:12px;
   font-weight: bold;
   /* padding: #top #right #bottom #left; */  
   padding: 3px 5px 3px 5px;
}





/* admin_school */
.admin_school_wrapper{float:none;position:relative; overflow:auto; display:block; text-align: center; vertical-align:top; height:450px;}
.admin_school_leftdiv{float:left;width:49%; height:99%; text-align: center; vertical-align:top;border:0px solid black;}
.admin_school_rightdiv{float:right;width:49%; height:99%; text-align: center; vertical-align:top;border:0px solid black;}



#newteachers {
   background-color:none;
   
   border-collapse: collapse;
   border:5pt #CC6666 ridge !important;
   
	/* padding: #top #right #bottom #left; */   
   padding: 3px;
   text-align:center;
   vertical-align: middle;
   font-size:12px;
   font-weight: bold;

}

td.top{
	border: red;
	text-align:center;
	border-width: thin;
	border-style: solid;
    border-left-style: double #ff0000;
    border-right-style: double #ff0000;
    border-top-style: double #ff0000;   
    border-bottom-style: double #ff0000; 	

}
td.top_left{
	border: red;
	text-align:right;
	border-width: thin;
	border-style: solid;
    border-left-style: double #ff0000;
    border-right-style: none;
    border-top-style: double #ff0000;   
    border-bottom-style: none;     
}		
td.top_middle{
	border: red;
	text-align:center;
	border-width: thin;
	border-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: double #ff0000;   
    border-bottom-style: none;   
}		
td.top_right{
	border: red;
	text-align:center;
	border-width: thin;
	border-style: solid;
    border-left-style: none;
    border-right-style: double #ff0000;
    border-top-style: double #ff0000;   
    border-bottom-style: none;   
}		
td.left{
	border: red;
	text-align:right;
	border-width: thin;
	border-style: solid;
    border-left-style: double #ff0000;
    border-right-style: none;
    border-top-style: none;   
    border-bottom-style: none; 
}		
td.middle{
	border: red;
	text-align:center;
	border-width: thin;
	border-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;   
    border-bottom-style: none; 
}		
td.right{
	border: red;
	text-align:center;
	border-width: thin;
	border-style: solid;
    border-left-style: none;
    border-right-style: double #ff0000;
    border-top-style: none;   
    border-bottom-style: none; 
}		
td.bottom_left{
	border: red;
	text-align:right;
	border-width: thin;
	border-style: solid;
    border-left-style: double #ff0000;
    border-right-style: none;
    border-top-style: none;   
    border-bottom-style: double #ff0000;  
}		
td.bottom_middle{
	border: red;
	text-align:center;
	border-width: thin;
	border-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;   
    border-bottom-style: double #ff0000;  
}		
td.bottom_right{
	border: red;
	text-align:center;
	border-width: thin;
	border-style: solid;
    border-left-style: none;
    border-right-style: double #ff0000;
    border-top-style: none;   
    border-bottom-style: double #ff0000; 
}		
.td_size {    
  width:200px; 
  height:50px;
  max-width:200px;
  min-width:200px; 
  max-height:50px; 
  min-height:50px;
}	

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}    


.message {
	color: #0000FF;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

#logout{
	color: white;
	font-size:10px;
	font-weight: normal; 
	font-style: normal; 
	text-align: right;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 10px;
	float:right
}
.logoutbutton {
    background:#E3E3E3;
    border: 1px solid #BBBBBB;
	font-size:12px;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	padding: 2px;
	float:right
	margin-top: -5px;
}

#AdminEmaildiv{
	width: 680px;
   	background-color:#FAFAE0;
   	border:1pt #000 solid; 
   	text-align:center;
}

#teachimpdiv{
	border-collapse: collapse; 
	border:4pt #99CCFF ridge !important;
	width: 96%;
}





/* is this needed? */



#TopColorName option {
    width: 150px;
}