@charset "utf-8";

/* 	Default Properties 
*/

body { background-color: #FFF; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 72%; margin: 0 0 0 0; }


/* 	Hide elements from being printed 
*/

.topbarbg, .menubg, .partnersbg, .footerbg { visibility: hidden; }

.container-big { margin-top: -320px; }


/* 	Content Styles 
*/

.clear, .spacer { clear: both; }
p { line-height: 1.6em; margin-bottom: 15px; }
ul { margin: 0 0 15px 20px; }
li { line-height: 1.6em; list-style: square; }
td { line-height: 1.2em; vertical-align: middle; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold;}
h1 { margin: 0 0 0 0; border-bottom: 1px solid #C0C0C0; font-family: "Trebuchet MS"; color: #BEBEBE; font-weight: normal; font-size: 2.2em; }
.rtosbg h1, .learnersbg h1, .employersbg h1 { color: #080E4A; border-bottom: 1px solid #BEB6A0; }
h2, .headerSub, .header { margin: 30px 0 15px 0; font-family: "Trebuchet MS"; color: #384772; font-weight: normal; font-size: 1.5em; }
h3 { margin: 30px 0 15px 0; font-family: "Trebuchet MS"; color: #384772; font-weight: bold; font-size: 1.3em; }
h4 { margin: 30px 0 15px 0; font-family: "Trebuchet MS"; color: #384772; font-weight: bold; font-size: 1.1em; }
.yellow { color: #E2B208; }
.textError { color: #CC0000; }
.imgright { float: right; margin: 0 0 10px 10px; }
.imgleft { float: left; margin: 0 10px 10px 0; }
.textBold { font-weight: bold; }
.textHighlight { background-color: #f7f7f7; padding: 10px; border: 1px solid #CCCCCC; color: #666; }
.textLink { background-image: url(../images/link.gif); background-repeat: no-repeat; padding-left: 15px; margin-left: 10px; }
.yellowbox { border: 2px solid #FDE480; padding: 10px; }
.yellowbox h2 { margin: 0 0 15px 0; }

/* 	Forms and Datagrids 
*/

.formFieldSearch { background-color: #FFF; border: 1px solid #B6B6B6; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; width: 140px; }
.formLabel { background-color: #F5F5F5; font-size: 1em; padding: 10px; color: #4E4E4E; }
.formLabelTop { vertical-align: top; border: 1px solid #CCCCCC; background-color: #f7f7f7; font-size: 1em; padding: 8px; color: #666666; }
.formField { border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; font-size: 0.9em; padding: 8px; vertical-align: top; }
.formFieldTop { border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; font-size: 0.9em; padding: 8px; vertical-align: top; }
.formFieldSmall { font-size: 12px; color: #000000; width: 75px; border: 1px solid #CCCCCC; }
.formFieldMedium { font-size: 12px; color: #000000; width: 220px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.formFieldLarge { font-size: 12px; color: #000000; width: 350px; border: 1px solid #ACB8B9; }
.formButton { font-weight: bold; color: #663366; background-color: #FFFFFF; font-size: 12px; border: 1px solid #CCCCCC; }

#dgDataGrid { margin-top: 20px; }
.dgHeader { background-color: #2E517F; padding: 5px; color: #FFF; font-weight: bold; font-size: 1em; text-transform: uppercase; }
.dgHeader a { color: #FFF; text-decoration: none; }
.dgRow, .dgAlternateRow { border-bottom: 1px solid #CCC; padding: 5px; color: #000; font-size: 1em; vertical-align: top; }
.dgHeaderSub { font-size: 1em; font-weight: bold; color: #CC0000; padding-top: 15px; }
.dgFooter { font-size: 1em; font-weight: bold; padding-top: 20px; }
.dgLabel { font-size: 1em; text-transform: uppercase; color: #666666; font-weight: bold; padding-right: 10px; }
.tableResource td { border: 1px solid #ccc; padding: 10px; vertical-align: top; line-height: 1.6em; }
.tableResource th { background-color: #757575; color: #fff; border: 1px solid #ccc; padding: 10px; }


/* 	Calendar 
*/

.calendar { border-collapse: collapse; width: 216px; float: left; margin-right: 25px; margin-bottom: 10px; }
.calendar th { background-color: #96A9BF; color: #FFF; border-bottom: 1px solid #FFF; padding: 3px; }
.calendar .month { background-color: #2E5380; font-size: 1.3em; font-family: "Trebuchet MS"; padding: 5px 3px; }
.calendar td { border: 1px solid #e5e5e5; text-align: center; padding: 4px 2px; color: #333; }
.calendar a { font-weight: bold; background-color: #FECD04; padding: 3px 5px; }