/************************************/
/* Eat-A-Metre Project Data Entry 	*/
/* 			CSS LAYOUT   			*/
/************************************/

/* =RESETTING ELEMENTS -------------------------------------------- */
/* Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, thead, tbody {
margin: 0;padding: 0;}
html {margin:0;padding:0;}
/* Font-size for headers */
h1, h2, h3, h4, h5, h5 {font-size: 100%;}
/* Removing list-style form lists */
ol, ul {list-style: none;}
/* Normalizes font-style and font-weight to Normal */
address, caption, cite, code, dfn, em, strong, th, var, legend {font-style: normal;font-weight: normal;}
/* Normalizes table borders */
table {border-collapse:collapse;border-spacing:0;margin:auto 0;}
/* Removes borders from fieldset and images */
fieldset, img {border: 0;}
/* Left align text in caption and th */
caption, th {text-align: left;} 
/* Removes quotation marks from q */
q:before, q:after {content:'';}
a:link, a:visited, a:hover, a:active{text-decoration: none;}
/* =END RESETTING ELEMENTS ---------------------------------------- */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Hide from IE-mac */

/*   Setting general css rules */
html {text-align:center;}
body {width:auto;margin:10px auto;text-align:left;font-size:62.5%;font-family:Arial, Helvetica, sans-serif;font-style:normal;color:#000;background-color:#FFFFFF;behavior: url(../styles/csshover.htc);}/* WinIE behavior call for drop down menu */ 
form {margin:0 auto;}
fieldset {margin:10px auto;padding:10px 0;border: 1px solid #003300;}
legend{margin:10px 0; color:#000000;font-size:1.4em;font-weight:700;}

/* Increase/Decrease text div */
#fontsize{position:relative;left:10px;width:50px;height:16px;margin:0;padding:0;font-size:5px;color:#006600;}
#fontsize img{border:#006600 solid 2px;}
/* =main divs */
#wrapper {position:relative;width:76em;margin:0 auto;padding:0;}
#startbanner{position:relative; width:76em; height:135px;margin:0; padding:0;background:#009900 url(../images/design/home_banner.jpg) no-repeat;}
#startbanner img{width:100%;height:100%;}

#branding {position:relative;width:76em;height:91px;margin:0 0 10px 0;padding:0;
background: url(../images/design/banner_brand.png) no-repeat;}
img#branding {width:100%; height:100%}
#site_info{position:relative;height:20px;width:100%;margin:10px 0 0 0;padding:0; background:#006600;}

/* POP UPS */
#updatemsg, #savemsg, #nodatamsg, #feedbackmsg, #confmsg, #updatemsg, #waitmsg{
margin:0 auto; text-align:center;
}

#waitbox, #updatebox, #savebox, #nodatabox, #feedbackbox, #confbox, #warningbox{width:25em;position:absolute;padding:.5em .5em;margin:.5em .5em;font-family:Arial, Helvetica, sans-serif;font-size:14px;background-color:#FFFFFF;border:solid 5px #006600;z-index:99;display:none; text-align:center;}
#confbox table, #feedbackbox table, #nodatabox table, #savebox table, #updatebox table, #warningbox table, #savebox table, #waitbox table{position:relative;margin: 0 auto;padding:10px 10px;text-align:center;}
#confbox table td, #feedbackbox table td, #nodatabox table td, #savebox table td, #updatebox table td, #warningbox table td, #savebox table td, #waitbox table td{margin:5px 5px;padding:5px 5px;}
#feedbackbtn, #updatebtn, #confbtn, #savebtn, #nodatabtn, #warningbtn, #warningimg {text-align:center;}
#confbox img, #feedbackbox img, #nodatabox img, #savebox img, #updatebox img, #warningbox img, #savebox img {width:2em;height:2em;}
/* End boxes */

/*** Classes  ****/
 a.externalLink:hover {text-shadow: 2px 2px 2px blue; text-decoration:underline;}
.compulsary {color:#FF0000;}
.bluecolour{color:#0033FF;}
.alcentre{text-align:center;}
.rowheader{color:#FFFFFF;background-color:#006600;font-size:1em;border:1px solid #006600;}
.girltitle {background-color: #FFCC99;}
.boytitle {background-color: #CCFFCC;}
.subrowheader{color:#000000;background-color:#80FF80;}
.toprowheader{color:#FFF;background-color: #009900;}
.fontsize1{font-size:1.2em;}
.fontsize2{font-size:1.4em;}
.fontsize3{font-size:1.6em;}
.fontsize0{font-size:1em;}
.rowfeedback {background-color: #99FF99;color:#000000;}
.alignright{margin-left:1em;margin-right:0;padding:0;}
.alignleft{margin:0;padding:0 1em 0 0;}
.tdwidth{width:5em;}
.imglist{height:4em;width:4em;}
.tdborder{border:1px solid #006600;width:5em;padding:5px 0;}
.weekcell{color:#FFFFFF;background-color:#006600;}
.alignright {margin-left:1em;margin-right:0;padding:0;}
.alignleft {margin:0;padding:0 1em 0 0;}
.imgcell{border: 1px solid #006600;}
.firstcell{background-color: #FFFFFF;border:none;}