/* Validated 12 march */
/* Styling specific to the schedule and workshop pages.  */


img{border:thin solid #ffffff; padding:0px 0px 0px 0px;}
h2 {color:white; text-align:center;}
h1{color:#000069; font-size:22px;}
h3{color:#000069;}

/* Top Section of Page */
div#detailswrap{float:left; width:750px;}
div#topwrap {float:left; width:735px;  padding:0px 0px 0px 15px; /*margin-left:15px; margin-right:15px;*/  }	/* wrapper for top section of page */
div#jois{float:left; width:200px;  height:140px; }		/*picture box*/
div#details {float:left; padding:0px 0px 0px 0px; width:520px; text-align:left; }	/*details right of picture box */
#order{font-size:12px;}

/* class details box & heading */ 
div#toolwrap{float:right; width:204px; height:250px; margin-top:0px; margin-right: 5px;/*border:white 1px solid;*//*border:red 1px solid;*/ }
div#tools{ float:right;  width:96%; padding:3px 3px 3px 3px; border:#000066 1px solid; height:280px;  text-align:left;    }

div#toolsheading{width:101%; height:20px; font-weight: bold; font-style:italic; 
background-image:url(../Images/LayoutImages/tabletop.jpg); vertical-align:middle;
text-align:center; font:Arial, Helvetica, sans-serif; color:#000066;}

div#toolsheading p{display:inline; font-size:9px; color:#990000}
#page2 {display:none}/* facilitates page switch for class details box */	

/* Schedule table */
div#scheduledetails{/*float:left; */ padding: 0px 0px 0px 15px;  /*margin:0 auto;*/ width:500px; height:300px; vertical-align:top; }

div#tablewrap{clear:both; /*float:left;*/ width:750px;  }/*wrapper around schedule and class details */
div#scheduleTable{width:515px; float:left; }
#dataTable{padding:2px; /*border:0px solid #000069;*/ border-collapse:collapse;  
background-image:url(../Images/LayoutImages/tablebody.jpg); background-repeat:repeat-x }
#tableheading{background-color:#bbbcf2; /*border:1px solid #000066; */font-weight: bold; font-style:italic; color:#000066; border-collapse:collapse; background-image:url(../Images/LayoutImages/tabletop.jpg); background-repeat:repeat-x; }
div#searchoptions{ clear:both; text-align:left;  width:700px;}
/*    
div#heading_div{padding: 0px 0px 0px 15px;}
*/
.tablerows{/*border:1px solid #000066;*/ }
.tablecells{color:#000066; padding:2px; border:1px solid #000069; border-collapse:collapse; text-align:left;}
.searchcell{ width:150px; height:30px;}
.tablerows:hover{background-color:#0066FF;}
#searchboxes{margin-left:15px;}
#searchoption{padding:0px 0px 0px 15px; padding-left:15px;  }


/* Bottom table */
div#btmtable{margin-left:15px; width:720px; }
.breakdown{/*border:1px solid #000066;*/ width:720px; border-collapse:collapse; background-image:url(../Images/LayoutImages/tablebody.jpg)  }
.btmheading{border:1px solid #9999ff; color:#000066 /*background-color:#bbbcf2; */ border-collapse:collapse; background-image:url(../Images/LayoutImages/tabletop.jpg);  ;}
.btmrow{background-color:#bbbcf2; font-weight: bold; font-style:italic; color:#000066;}
/*.btmtopheading{background-color:#bbbcf2; font-weight: bold; font-style:italic; color:#000066; border-collapse:collapse; background-image:url(../Images/LayoutImages/tabletop.jpg); background-repeat:repeat-x; }*/
div#classes{margin: 0px 15px 15px 15px; width:720px; text-align:left;}