/* Styles for main site */
/* =RESET */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
*{ outline: none; cursor: default;} a,a *{ cursor:pointer;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*=HACKS*/
.clearfix{ display: block; height: 0; clear: both; margin: 0; padding: 0; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* =STYLES */
h1,h2,h3{ font-family: arial, helvetica, sans-serif; font-weight: bold;}
h1{ font-size: 24pt;} h2{ font-size: 18pt; } h3{ font-size: 14pt; }
strong, b, strong *, b *{ font-weight: bold; }
accronym{ border-bottom: 1px dotted #333;}
em, i, em *, i *{ font-style: italic;}
.a_left{ text-align: left; } .a_center{ text-align: center; } .a_right{ text-align: right; }
.f_right{ float: right; } .f_left{ float: left; }
.f_right.img{ margin-left: 20px; } .f_left.img{ margin-right: 20px;}
img.border{ border: 2px solid #91918a;}
.sectionbreak{ display: block; height: 2px; background: url('../img/hr.png') repeat-x; margin-bottom: 20px;}
input, textarea, select{ padding: 1px; }
input:disabled{background: #dfdfdf; color: #444;}

form.sectioned div.section{ background: url('../img/hr.png') bottom repeat-x; margin-bottom: 10px; padding-bottom: 10px; }
form.sectioned div.floatlabels label{ float: left; }
.signupfields{ width: 60%; }
.invalid{ background: url('../../../share/img/input.invalid.bg.png') bottom repeat-x #f6f2ed;}
.invalidnote{ font-weight: bold; color: #b32134;}
.sectioned .invalidnote{ width: 38%; float: right;}
form.full textarea{ width: 98%; }

form.payment label{ display: block; margin-bottom: 15px; }
form.payment input{width:300px;}
form.payment div.text{ float: left;width: 150px;  text-align: right; padding-right: 10px;}

.info{  background-color: #fff9cf; padding: 0 5px; border: 2px solid #fa0; border-left: none; border-right: none; }
big.info{ display: block; border: none; padding: 10px;}
.error{  background-color: #ffe1d0; padding: 0 5px; border: 2px solid #c54451; border-left: none; border-right: none; }


/* =BASE */
body{ background: url('../img/body.bg.jpg') repeat-x #26211e; color: #fff; text-align: center; font:11pt/1.65 "Lucida Grande",verdana,arial,helvetica,clean,sans-serif;}

.container{ width: 768px; margin: 0 auto; text-align: left;}

.userbar{ font-family:verdana,arial,helvetica,clean,sans-serif; color: #a19187; background: url('../img/userbar.bg.png') bottom repeat-x #433c38;
border-bottom: 1px solid #514944; padding: 6px 10px 7px 10px; font-size: 10pt;}
.userbar .container{ width: auto; text-align: right;}
.userbar a{ color: #ffce57; text-decoration: none; }
.userbar a:hover{ text-decoration: underline; }


.header{ padding: 15px 20px 10px 20px;}
.header a{ color: #fff;}

.topbox{ background: url('../img/topbox.bg.png') center repeat-y #5a744f; border: 1px solid #728a68; border-right-color: #201d1b; border-bottom: 1px solid #142e09;}
.topbox p{ margin-top: 10px;}
.topbox .studentbox{ float: left; width: 343px; padding: 20px 20px 0 20px; }
.topbox input{ font-size: 14pt; border: 1px solid #595452; padding: 2px; margin-top:10px;}
.topbox input.search{ width: 240px; background: url('../img/input.bg.gif') repeat-x #e8e8e2;}
.topbox input.submit{ width: 70px; background: #e8e8e2; border-bottom-color: #3c3836; padding: 1px;}
.topbox .teacherbox{ float: right; width: 343px; padding: 20px 20px 0 20px; }
.topbox .teacherbox a{ font-weight: bold; color: #ffc947;}
.topbox .teacherbox img{ float: right; margin-top: -43px; z-index: 0; position: relative;}
.topbox.mini{ background-image: none; padding: 6px 20px;}
.topbox .mini strong{display: block; float: left; width: 170px;}
.topbox .mini input{ font-size: 11pt;}
.topbox .mini input.search{ width: 379px;}

.navbar{ border-bottom: 1px solid #131110; }
.navbar ul li { float: left; width: 192px;}
.navbar ul li a{ background: url('../img/navbar.bg.png') repeat-x #04211a; display: block; padding: 10px 10px 10px 20px; border-left: 1px solid #0a4c3d; 
	border-right: 1px solid #04241c; color: #fff; text-decoration: none; font: 12pt Arial, Helvetica, sans-serif; height: 18px;}
.navbar ul li a:hover, body.page_home .navbar ul li a.home, body.page_features .navbar ul li a.features, 
body.page_pricing .navbar ul li a.pricing{ background: url('../img/navbar.bg.png') 0 40px #084033;}
.navbar ul li.signup a{ font-weight: bold; background: url('../img/navbar.signup.bg.png') repeat-x #be6000; border-left: none;} 
.navbar ul li.signup a small{font-weight: normal;}
.navbar ul li.signup a:hover, body.page_signup .navbar ul li.signup a{background: url('../img/navbar.signup.bg.png') 0 40px #ce7f00;}

.main { padding: 20px; background: #d4d3c2; color: #222; border: 1px solid #f0f0e8; border-right-color: #201d1b; border-bottom: none; border-top: none;}
.main .col1, .main .col2 {width: 323px; float: left;}
.main .halfcol{ width: 49%; float: left;}
.main .col1{ padding-right: 30px;}
.main .col2{ padding-left: 30px;}
.main p{ margin-bottom: 20px;}
.main a{ color: #063334; padding: 0 1px;} .main a:visited{ color: #2e4c4c; } .main a:hover{ color: #00766f; background: #fff; text-decoration: none;}

.main.home{ padding: 20px 0; }
.home .video{ width: 384px; float: left; }
.home .news{ width: 191px; float: left; font-size: 10.5pt; }
.home .news .date{ color: #42423a;}
.home .news a{ text-decoration: none; padding: 0;}
.home .news a:hover{ text-decoration: underline; background: transparent;}
.home .login{ width: 191px; float: left; font-size: 10.5pt;}
.home .login big a{ display: block; text-align: center; padding: 10px 0; }
.home .login a{ text-decoration: none; }
.home .login label{ display: block; margin-bottom: 10px; color: #42423a; }
.home .login input{ font-size: 10pt; width: 95%; }
.home .holder{ padding: 0 20px; }
.home h2{ font-size: 11pt; text-transform: uppercase; border-bottom: 1px solid #bbb; padding-left: 1px;}

.newspost{ margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c2c1b0; }
.newspost h4{ font-weight: bold; }
.newspost ol, .newspost ul{ padding-left: 25px;}
.newspost ol li{ list-style: decimal; }
.newspost ul li{ list-style: square;}
.newspost img{ border: 3px solid #6d6d6d; display: block; }
.search_results li{ background: url('../img/hr.png') bottom repeat-x; padding-bottom: 5px; margin: 10px 0;}
.search_results li a{text-decoration: none; display: block; color: #222;}
.search_results li a:visited{ color: #222;}
.search_results li strong{text-decoration: underline; color: #063334;}
.search_results li a:hover{ background: transparent; color: #222;}
.search_results li a:hover strong{ background: #fff;}
.search_results li span{ color: #3b5f2c;}
.searchquery{ color: #284;}

.pagination{ text-align: center;}
.pagination li{ display: inline; }
.pagination li a{padding: 4px; border: 1px solid #999; text-decoration: none;}
.pagination li a.current{background: #9bbc8e;}

.footer{ padding: 20px; border-top: 5px solid #1b1715; font-size: 9pt; color: #4a443f;}
.footer a{ color: #bb6c57; text-decoration:  none; padding-right: 10px; margin-right: 10px; border-right: 1px dotted #4a443f;}
.footer a:hover{ text-decoration: underline;}

.preload{ display: none; visibility: hidden; }

div.info.afflink{ color: #75736b; width: 75%; border: none; line-height: 1.2; padding: 10px;}
div.info.afflink a{background: #fff; text-decoration: none; padding: 2px; }
div.affbalance{ border-left-color: #b8c1bf; border-left-style: solid; border-left-width: 1px; float: right; width: 20%; background: #d9f1db; padding: 10px; line-height: 1.2;}
div.affbalance big{ font-weight: bold; }
div.affbalance big small{ font-weight: normal; font-size: 10pt;}
table.aff{ width: 100%; }
table.aff th{ background: #e4e3d2; font-weight: bold; padding: 2px; border-bottom: 1px solid #c4c3b2;}
table.aff td{ border-bottom: 1px solid #c4c3b2; padding: 2px;}

a.demobutton, a.button{ display: block; float: right; margin: 0 0 10px 10px; padding: 10px; font-weight: bold; text-decoration: none; background: #efefef; border-bottom: 1px solid #bbb;
text-transform: uppercase;}
a.button{ padding: 0px 4px; margin: 0px 1px;}

div.sidebar{ float: left; width: 24%; }
div.mainbar{ float: right; width: 74%; }
ul.notifications li, ul.sites li{ padding: 2px 0; border-bottom: 1px solid #c4c5b3; }
ul.notifications li span{ float: right; margin-left: 5px; color: #888;}
ul.notifications li a{ font-weight: bold; text-decoration: none; padding-right: 5px; }
ul.sites li{ padding: 0;}
ul.sites li a{ display: block; text-decoration: none; padding: 1px 2px; }