/*
Theme Name: Ulive Theme
URI: ?
Description: 
Author: Bevan Dunning
Author Email: bevan@advocateadvertising.co.nz

[Table Of Contents]

0- Reset
1- Global
2- Links
3- Header
4- Headings
5- Navigation
6- Forms
7- Content
8- Extras
9- Footer
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
* { margin: 0; }
html { font-family: Arial; font-size: 12px; height: 100%; }
body { background: #554223 url(Images/body_bg.png) repeat-x top; }
div.container { margin: 0 auto; width: 987px; padding-top: 14px; position:relative; }
table { border-collapse: collapse; }
table td {  }
div.hr { clear: both; height: 13px; background: #FFF url(Images/hr_green.gif) repeat-x; }
div.hr hr { display: none; }
hr { border: none; border-bottom: solid 1px #c0b9ad; }
p { padding: 2px 0; margin: 0 0 10px 0; }
strong, .strong  { font-weight: bold; }
/* Lists */
ul { display: block; list-style: disc; margin: 1em 0 1em 1.5em; list-style-position:outside; }
ol { display: block; list-style: decimal; margin: 1em 0 1em 1.5em; list-style-position:outside; }
li { display: list-item; }
ul ul, ol ul { list-style: circle; }
ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style: square; }
dd { display: block; }
dl { display: block; margin: 1em 0 1em 0; }
dt { display: block; }
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0; }
em { font-style:italic; }

blockquote { padding: 10px 20px 10px 20px; font-style: italic; }

.clearL { clear: left; }
.clearR { clear: left; }
.floatL { float: left; }
.floatR { float: right; }
.inline { display: inline; }
.centerAlign { text-align: center; }

br.clearL { height:0; line-height:0;}

.greyBack { background: #eeece9; }

.brown { color: #554223; }
.red { color: #D00000; }
.blue { color:#4997d2;}
.green { color:#5c6a00; }

.greyUnderline { border-bottom: solid 1px #ddd9d3; }
.underline { text-decoration: underline; }

.small { font-size: 11px; }
.large { font-size: 15px; }

.txtbox { background: #fff url(Images/bg_txt.gif) repeat-x; border: solid 1px #c2c2c2; color: #666666; padding:3px; }


/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a img { border: none; }

a:link, a:visited, a:hover, a:active { color: #5c6a00; text-decoration: underline; }
a:link.large, a:visited.large, a:hover.large, a:active.large { font: normal 15px/28px Arial; }
a:link.small, a:visited.small, a:hover.small, a:active.small { font: normal 11px/14px Arial; }
a:link.strong, a:visited.strong, a:hover.strong, a:active.strong { font-weight: bold; }

.notifyPanel a { color: #b5cb33; }
a.strong { font-weight: bold; }

/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html .header div.logo { padding: 0; margin: 0; visibility:visible; font:normal 18px/18px Arial; float:left; }
html .header div.logo a { text-indent: -99999px; background:transparent url(images/header_bg.png) no-repeat 0 -94px; width: 262px; height: 86px; overflow: hidden; outline-style: none; float: left; padding: 0; margin: 0; }

.bannerAd, .bannerAdClub{ padding-top:10px;margin: 0 auto; width: 987px; text-align:center; }
.header { }
.navigation { height: 47px; padding: 39px 0 0 0; border: none; margin: 0; float:left;  background:transparent; overflow:hidden;}
.navigation li { display: block; float: left; text-align: center; padding: 0; }
.navigation li.last {  }
.navigation li.selected {  }
.navigation li.selectedlast {  }
.navigation li a:link, .navigation li a:visited, .navigation li a:hover, .navigation li a:active { font: bold 15px/47px Arial; color: #ffffff; margin: 0; padding: 0; text-decoration: none; }
.navigation li a:link, .navigation li a:visited, .navigation li a:hover, .navigation li a:active { display: block; float: left; text-align: center; border-left: solid 1px #8ba11f; background: url(Images/header_bg.png) no-repeat 0 0px; padding: 0; }
.navigation li a.last:link, .navigation li a.last:visited, .navigation li a.last:hover, .navigation li a.last:active { background: url(Images/header_bg.png) no-repeat top right; }
.navigation li a.selected:link, .navigation li a.selected:visited, .navigation li a.selected:hover, .navigation li a.selected:active.navigation { background: url(Images/header_bg.png) no-repeat bottom left; }
.navigation li a.selectedlast:link, .navigation li a.selectedlast:visited, .navigation li a.selectedlast:hover, .navigation li a.selectedlast:active.navigation { background: url(Images/header_bg.png) no-repeat bottom right; }
.navigation li a:link, .navigation li a:visited, .navigation li a:hover, .navigation li a:active { font: bold 15px/47px Arial; color: #ffffff; margin: 0; padding: 0; text-decoration: none; }

.navigation li a:hover { background-position: left bottom; }
.navigation li a.last:hover { background-position: right bottom;}


html .private .header  div.logo a { width: 259px; }
.private .navigation li a { font: bold 15px/47px Arial; color: #ffffff; padding: 0; text-decoration: none; }
.private .subnav li a { font: normal 12px/47px Arial; color: #ffc000; padding: 0 14px; text-decoration: none; }
.private .subnav ul { margin:0; }

/* Width of fonts seem to render different between Mac and PC so need to explicitly set width of li's */
#ctl00_aHome { width: 78px; }
#ctl00_aHowItWorks { width: 133px; }
#ctl00_aSample { width: 153px; }
#ctl00_aContactUs { width: 116px; }
#ctl00_aWhatsNew { width: 129px; }
#ctl00_aSignUp { width: 110px; }

#ctl00_aTutorials { width: 87px; }
#ctl00_aBlogs { width: 72px; }
#ctl00_aTeams { width: 73px; }
#ctl00_aSchoolsDir { width: 154px; }
#ctl00_aTeamsDir { width: 144px; }
#ctl00_aMentors { width: 88px; }
#ctl00_aRankings { width: 103px; }

.topnav { position: absolute; top: 8px; right: 5px; color: #92846b; }
.topnav ul { }
.topnav li { display: block; float: left; border-left: solid 1px #92836b; }
.topnav li.first { border: none; }

.topsearch { position: absolute; top: 18px; right: 5px; color: #FFF; font-weight:bold; }
.topsearch label { display:block; float:left; height:22px;line-height:22px; padding-right:10px; }
.topsearch .txtsearch { display:block; float:left; height:18px; line-height:18px; width: 150px; margin:2px 10px 0 0; padding:2px 4px; border:none; background: #fff url(Images/bg_txt.gif) repeat-x; color:#666666; }
.topsearch .ddlsearch { display:block; float:left;  height:22px; width: 130px; margin:2px 10px 0 0; padding:0; border:solid 1px #FFF; }
.topsearch .searchbtn { display:block; float:left; }

.topnav a:link, .topnav a:visited, .topnav a:hover, .topnav a:active { color: #f0e2b2; text-decoration: none; padding: 0 10px; }
.topnav a:hover { text-decoration: underline;  }

/* =4 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 { font: bold 18px/18px Arial; color: #554223; padding:0 0 15px 0; }
h2 { font: bold 16px/18px Arial; color: #554223; padding: 0 10px 10px 0; }
h3 { font: bold 14px/16px Arial; color: #554223; padding: 0 10px 10px 0; }
h4 { font: bold 16px/18px Arial; color: #554223; padding: 0 10px 10px 0; }
h5 { font: bold 14px/16px Arial; color: #554223; padding: 0 10px 10px 0; }
h6 { font: bold 12px/14px Arial; color: #554223; padding: 0 10px 10px 0; }

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 20px;
   padding:0;
        height:45px;

}
.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
   padding:0;
     height:40px;

}
.sIFR-active h3 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
  padding:0;
  height:35px;
}


/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.inboxNav { background: url(Images/background.png) no-repeat 0 -57px; height: 40px; margin:0; }
.inboxNav li { display: block; float: left; background: url(Images/background.png) no-repeat 0 -57px; border-right: solid 1px #8ba11f; }
.inboxNav li.selected { display: block; float: left; background: url(Images/background.png) no-repeat 0 -97px; }
.inboxNav li a:link,.inboxNav li a:visited,.inboxNav li a:hover,.inboxNav li a:active { font: bold 15px/40px Arial; color: #ffffff; padding: 0 20px; text-decoration: none; }
.private .subnav { background: url(Images/header_bg.png) no-repeat 0 -47px; height: 47px; overflow: hidden; margin-bottom: 11px; padding: 0 15px; float:left; width:957px;}
.private .subnav a.loginname { line-height: 47px; height: 47px; padding: 0 15px; color: #ffc000; font-weight: bold; float: left; }
.private .subnav a.loginimg { float: left; margin-top: 10px; display: block; }
.private .subnav ul li { display: block; float: left; }
.schoolNav,.mentorNav { background: #eeece9; border-bottom: solid 1px #cfcac1; height: 36px; text-align: right; height: 47px; line-height: 47px; text-align: right; padding: 0 20px; float:left; width:947px; }


/* =6 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
fieldset { border: solid 1px #cbc6bd; clear: left; margin: 20px 0 20px 0; position: relative; }
fieldset span.legend { font: bold 14px/18px Arial; color: #554223; position: absolute; left: 15px; top: -10px; padding: 0 5px; background: #fff; }
fieldset .fields { padding: 15px; }
input[type=text], input[type=password], textarea { border: solid 1px #a89f8f; font: normal 12px/12px Arial; padding: 5px; margin-bottom: 8px; }
input[type=file] { font: normal 12px/35px Arial; margin-bottom: 8px; padding: 5px; }
label { }
select { border: solid 1px #a89f8f; font: normal 12px/12px Arial; }

html span.rememberMe input { float:none; display:inline; }
html span.rememberMe label { float:none; font-size:11px; display:inline; padding-left:5px; width:auto; }


/* =7 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content3col { background: #fff url(Images/background.png) repeat-y -987px 0; position: relative;  clear:left; overflow:hidden; }
.content3col .top { background: url(Images/background.png) no-repeat 0 -15px; height: 15px; }
.content3col .col1, .content3col .col2, .content3col .col3 { float: left; position:relative;  }
.content3col .col1 { width: 220px; }
.col1 hr { width: 200px; border: none; border-bottom: solid 1px #d4d0c8; margin: 10px 0; }
.content3col .col2 { width: 518px; background: url(Images/background.png) no-repeat -1974px 0; min-height: 228px; }
.content3col .col3 { width: 249px; }
.content3col .col3 .hr { clear: both; height: 18px; background: url(Images/rightcol_hr.png) no-repeat; }
.content3col .col3 .hr hr { display: none; }

.content2col { background: #fff url(Images/background.png) repeat-y -987px 0; position: relative; clear:left; overflow:hidden;  }
.content2col .top { background: url(Images/background.png) no-repeat 0 0px; height: 15px; }
.content2col .col1, .content2col .col2 { float: left; position:relative; }
.content2col .col1 { width: 738px; }
.content2col .col2 { width: 229px; }

.content1col { background: #fff; position: relative; clear:left;  overflow:hidden;}
.content1col .top { background: url(Images/background.png) no-repeat 0 -45px; height: 12px; }
.content1col .col1 { width: 987px; position:relative;  }

.content { clear:left; background:#fff; overflow:hidden;}
.content .col1 { padding:  18px; width: 296px; float: left;   }
.content .col1-2 { padding:  18px; width: 610px; float: left; }
.content .col2 { padding: 18px; width: 277px; float: left; }
.content .col2-3 { padding: 18px; width: 619px; float: left;  }
.content .col3 { padding: 18px 0px 18px 18px; width: 320px; float: left;   }

.content .leftNav { width:262px; float:left;border-right: solid 1px #ddd9d3; }
.content .leftNav h3 { padding:0 0 0 25px; background:#f3f2ef; border-bottom:solid 1px #d3cfc6; }
.content .leftNav ul { margin:5px 0 10px 0 ; padding:0 0 15px 0; text-indent:0; border-bottom: dotted 1px #ddd9d3; }
.content .leftNav ul li { list-style-position:outside; list-style-type:none; padding: 2px 10px 4px 25px; }
.content .leftNav .subcontent { padding: 5px 10px 15px 25px;}
.content .leftNavContent { float:left; border-left: solid 1px #ddd9d3; margin-left:-1px; width:705px; }
.content .leftNavContent .contentContainer{ padding:18px; }

.rightNav { width:316px; float:left;border-left: solid 1px #ddd9d3; padding:18px 20px }
.rightNav h3 { padding:0 ;  }
.rightNav ul { margin:5px 0 10px 0 ; padding:0 0 15px 0; text-indent:0; border-bottom: dotted 1px #ddd9d3; }
.rightNav ul li { list-style-position:outside; list-style-type:none; padding: 2px 10px 4px 25px; }
.rightNav .subcontent { padding: 5px 10px 15px 25px;}
.rightNavContent { float:left; width:629px; border-right: solid 1px #ddd9d3; margin-right:-1px; }
.rightNavContent .contentContainer{ padding:18px; }

.content .fullContainer { padding:8px 38px 18px 18px; float:left; position:relative; overflow:hidden; background:#fff;  }

.private .col1 .content { padding: 0 0 10px 10px; margin: 0 20px 10px 0px; border-bottom: solid 1px #d4d0c8; }
.private .col1 .content.last { border: none; }
.private .col3 .content { margin: 0 20px 0 20px; }

.logincontainer {  width: 680px; margin: auto; padding-top: 20px; }
.logincontainer fieldset p { padding-bottom: 10px; }
.logincontainer fieldset label { display: block; }
.logincontainer fieldset legend { display: block; margin-left: 80px; width:30px; padding: 0 10px; font:bold 14px Arial;  color:#554223; }

.logincontainer fieldset { display: block; margin: 15px; padding:20px; }
.logincontainer fieldset.teamLogin {  width:260px; height: 200px;}
.logincontainer fieldset.teamLogin p {  margin:0; padding:0; }
.logincontainer fieldset.newTeam {  width:260px; height: 200px;}

.forgotpwContainer {  width: 500px; margin-left:100px; padding-top: 20px; }
.forgotpwContainer fieldset p { padding-bottom: 10px; }
.forgotpwContainer fieldset label.label { display: block; float:left; margin:10px 30px 0 0; line-height:30px; }
.forgotpwContainer fieldset .txtEmail { display: block; float:left; margin:10px 30px 0 0; }
.forgotpwContainer fieldset legend { display: inline; margin-left: 80px; width:30px; padding: 0 10px; font:bold 14px Arial;  color:#554223; }
.forgotpwContainer fieldset { display: block; padding:20px;background:#f3f2ef; }
.forgotpwContainer .submit{ float:right; }

.schoolLoginContainer { padding-left:150px; }
.schoolLoginContainer fieldset.schoolLogin { width:330px; margin:0; padding:15px; background:#f3f2ef; }
.schoolLoginContainer fieldset.schoolLogin label.label,.schoolLoginContainer fieldset.schoolLogin input.txtbox { display:block; float:left; padding:3px; margin-bottom:8px; }
.schoolLoginContainer fieldset.schoolLogin label.label { width:80px; }
.schoolLoginContainer fieldset.schoolLogin input.txtbox {}
.schoolLoginContainer fieldset.schoolLogin p {  margin:0; padding:0px; }

.greyContent { background: #eeece9; border-bottom: solid 1px #d7d3cb; padding-bottom: 10px; }
.greyContent .top { background: #eeece9 url(Images/background.png) no-repeat 0 -30px; height: 15px; }

.subheader { margin-left: 36px; }

.homeTeams { }
.homeTeams td a { font-size: 12px; }
.homeTeams td { text-align: center; padding: 26px 0 0 36px; font-size: 11px; line-height: 18px; height:190px; }

.profile { }
.profile .leftNav { width: 245px; padding: 15px 0 0 20px; float: left; position:relative; }
.profile .content { padding: 18px; border-left: solid 1px #ddd9d3; margin-left: 265px; position:relative; clear:none; }
.profile .editAboutUs { border: 1px #999 solid; width: 670px; height: 200px; }
.profile .profileUpdated { font: bold 14px/14px Arial; color: #2f6a00; background: #f0f5d6; border-bottom: solid 1px #d6e28e; border-top: solid 1px #d6e28e; text-align: center; padding: 15px; margin-top: -1px; }
.profile .memberForm .label, .profile .memberForm .label { width: 80px; padding: 8px; display: block; float: left; font: normal 12px/12px Arial; margin-bottom: 8px; }
.profile .memberForm .label { width: 70px; position:relative; }
.profile .memberForm .txtbox { width: 190px; background:#fff; border:solid 1px #7f9db9;padding:3px 0 0 5px; }
.profile .memberForm textarea.txtbox { width:300px; height:60px; background:#fff; border:solid 1px #7f9db9; padding:3px 0 0 5px; font: normal 12px/16px Arial; margin-bottom: 8px; }
.profile .memberForm br { clear: left; }

.teammanagement{}
.teammanagement .TeamBar  {text-align:left; font:normal 12px Arial; color:#000; background: #f0f5d6; border-bottom: solid 1px #d6e28e; border-top: solid 1px #d6e28e;  padding: 15px; margin-top: -1px; }

.teammanagement .manageteamscontainer h2 { padding:10px 0 10px 22px; }
.teammanagement .manageteamscontainer .teamsTable { width:100%; }
.teammanagement .manageteamscontainer .teamsTable th { background:#eeece9; border-top: solid 1px #cfcac1;  border-bottom: solid 1px #cfcac1; border-right: solid 1px #cfcac1; text-align:left; padding:6px 19px;  color:#74644b; }
.teammanagement .manageteamscontainer .teamsTable td { border-bottom: solid 1px #cfcac1; border-right: solid 1px #cfcac1; text-align:left; padding:6px 19px;  }
.teammanagement .manageteamscontainer .teamsTable a img { vertical-align:middle;  }
.teammanagement .manageteamscontainer .teamsTable td .edit { float:right; padding:10px 0 0 0; }
.teammanagement .content { padding:22px 19px;}
.teammanagement .content table td { vertical-align:top; }

.teammanagement .editAboutUs { border: 1px #999 solid; width: 670px; height: 200px; }
.teammanagement .profileUpdated { font: bold 14px/14px Arial; color: #2f6a00; background: #f0f5d6; border-bottom: solid 1px #d6e28e; border-top: solid 1px #d6e28e; text-align: center; padding: 15px; margin-top: -1px; }
.teammanagement .memberForm .label, .teammanagement .memberForm .label { width: 80px; padding: 8px; display: block; float: left; font: normal 12px/12px Arial; margin-bottom: 8px; }
.teammanagement .memberForm .label { width: 70px; position:relative; }
.teammanagement .memberForm .txtbox { width: 190px; background:#fff; border:solid 1px #7f9db9;padding:3px 0 0 5px; }
.teammanagement .memberForm textarea.txtbox { width:300px; height:60px; background:#fff; border:solid 1px #7f9db9; padding:3px 0 0 5px; font: normal 12px/16px Arial; margin-bottom: 8px; }
.teammanagement .memberForm br { clear: left; }


.teamAccess {} 
.teamAccess h2 { padding:18px;} 
.teamAccess .leftNav { width: 245px; padding: 15px 0 0 20px; float: left; position:relative; }
.teamAccess .content { border-left: solid 1px #ddd9d3; margin-left: 265px; position:relative; clear:none; }
.teamAccess  .teamsTable { width:100%; }
.teamAccess  h3 { background:#eeece9; border-top: solid 1px #cfcac1;  border-bottom: solid 1px #cfcac1; border-right: solid 1px #cfcac1; text-align:left; padding:6px 19px;  color:#74644b; margin-top:-1px; }
.teamAccess  .teamsTable td { width:50%; border-bottom: solid 1px #cfcac1; border-right: solid 1px #cfcac1; text-align:left; padding:6px 19px;  }
.teamAccess  .teamsTable a img { vertical-align:middle;  }
.teamAccess  .teamsTable td .edit { float:right; padding:10px 0 0 0; }


.notifications {}
.notifications .genericContent { padding:5px 20px 10px 20px; }
.notificationsTable { width:100%; }
.notificationsTable td { border-top:solid 1px #ddd9d3; padding:20px 0; }

.mentors { overflow:hidden;}
.mentors .leftNav { width: 245px; padding: 18px 0 18px 20px; float: left; }
.mentors .content { padding: 18px; border-left: solid 1px #ddd9d3; margin-left: 265px; clear:none; }
.mentors .editAnswer { border: 1px #999 solid; width: 670px; height: 200px; }

.mentorLoggedIn { overflow:hidden;}
.mentorLoggedIn .leftNav { width: 245px; padding: 18px 0 18px 20px; float: left; }
.mentorLoggedIn .content { padding: 18px; border-left: solid 1px #ddd9d3; margin-left: 265px; clear:none; }
.mentorLoggedIn .editAnswer { border: 1px #999 solid; width: 670px; height: 200px; }
.mentorLoggedIn .mentorNav { border-bottom: solid 1px #ddd9d3; background: #eeece9; height: 47px; line-height: 47px; text-align: right; padding: 0 20px; }


.rankings {}
.rankings .ranking { border-top:solid 1px #ddd9d3; clear:left; }
.rankings .ranking .rank { font-size:16px; padding:15px; float:left; line-height:140px;position:relative; }
.rankings .ranking .rank .topthree { font-weight:bold; color:#4997d2; }
.rankings .ranking .teamContainer { float:left; padding:10px 0;position:relative; width:860px; }
.rankings .ranking .teamContainer .team { float:left; width:150px; text-align:center; margin-right:15px; height:180px; }

.rankings .years {}
.rankings .yearH2{ margin:0px 39px 10px 36px;}
.rankings .years { background: #a8c129; height: 30px;  }
.rankings .years a:link,.rankings .years a:visited,.rankings .years a:hover,.rankings .years a:active { background: #a8c129; height: 30px; display: block; float: left; border-right: solid 1px #83981e;  font: bold 12px/28px Arial; text-align: center; text-decoration: none; color: #fff; padding: 0 10px; }
.rankings .years a.selected:link,.rankings .years a.selected:visited,.rankings .years a.selected:hover,.rankings .years a.selected:active { background: #95b21b; }
.rankings .years a:hover { text-decoration: underline; }


.NotificationBar { font: bold 14px/14px Arial; color: #2f6a00; background: #f0f5d6; border-bottom: solid 1px #d6e28e; border-top: solid 1px #d6e28e; text-align: center; padding: 15px; margin-top: -1px; clear:both; }
.blueNotify { border-top: solid 1px #bde7eb; border-bottom: solid 1px #bde7eb; background: #eaf8f9; font: normal 14px/14px Arial; padding: 15px; }

.sponsors { background: #fff; border-top: solid 1px #d4d0c8; margin-bottom: -20px; clear:left; padding:15px; position:relative; }

.signUp  { width: 573px;  padding: 0; }
.signUp .rightcontent { margin-left: 629px; padding: 18px 28px; }
.signUp .formContainer { width: 420px; margin-left: 75px; }
.signUp fieldset { background: #f3f2ef; }

.signUp fieldset .label, .createTeam fieldset input.txtbox, .createTeam fieldset select.ddl { display: block; float: left; }
.signUp .formContainer br { clear: left; }
.signUp fieldset label, .signUp fieldset input[type=text], .signUp fieldset input[type=password], .signUp fieldset select { display: block; float: left; }
.signUp fieldset div.small label.label, .signUp fieldset div.small input.txtbox, .signUp fieldset div.small select.ddl {  margin:0; }
.signUp .formContainer br { clear: left; }
.signUp .formContainer input.txtbox { padding:3px; }
.signUp .formContainer label.label { width: 105px; padding: 5px; margin-bottom: 8px; }
.signUp .formContainer select { height:24px; width:160px; }
.signUp .button { background: url(images/green_arrow.gif) no-repeat 20px 20px; padding: 20px 0 20px 100px; }
.signUp .formContainer .terms { padding-bottom: 10px; }
.signUp .formContainer span {  }


.createTeam { margin: 20px 0 0 105px; float:left; clear:left; width:600px; }
.createTeam .formContainer { width: 450px; }
.createTeam fieldset .label, .createTeam fieldset input.txtbox, .createTeam fieldset select.ddl { display: block; float: left; }
.createTeam .formContainer br { clear: left; }
.createTeam .formContainer label.label { width: 125px; padding: 5px; margin-bottom: 8px; }
.createTeam .formContainer label.txtbox  { padding: 5px; margin-bottom: 8px;  }
.createTeam .button { background: url(images/green_arrow.gif) no-repeat 20px 20px; padding: 20px 0 20px 100px; }

.submitAnswer { border: 1px #999 solid; width: 670px; height: 200px; }

.title { padding: 5px 0 15px 20px; }
.genericContent { padding: 5px 0 10px 20px; }
.breadCrumbs { height: 29px; color: #b4aa9b; font: normal 11px Arial; }
.breadCrumbs a { color: #fff; font: normal 11px Arial; text-decoration: none; padding: 0 8px; }
.breadCrumbs span { color: #b5cb33; padding: 0 8px; }

.tutorials { }
.tutorials .currentTutorial { padding: 5px 0 10px 20px; }
.tutorials .currentTutorial h2 { padding: 0 0 10px 0; }
.tutorials .currentTutorial .viewtutorial { float: left; margin: 0 15px 0 0; text-align: center; }
.tutorials .currentTutorial .viewtutorial img { padding: 0 0 5px 0; }
.tutorials .currentTutorial .tutorialInfo ul { }
.tutorials .currentTutorial .tutorialInfo ul li { display: inline; padding: 0 15px; border-left: solid 1px #cfcac1; }
.tutorials .currentTutorial .tutorialInfo ul li.first { padding: 0 15px 0 0; border: none; }

table.prevTutorials { width: 100%; }
table.prevTutorials td { vertical-align: top; line-height: 18px; padding-bottom: 10px; }
table.prevTutorials td a img { padding-right: 20px; }
.tutorials table.rankings { }
.tutorials table.rankings td { padding: 5px; line-height: 18px; }
.tutorials table.rankings td a img { padding-right: 10px; }
.tutorials .col2 .genericContent { padding-right: 20px; }
.tutorials .nextTutorial { float: right; padding-right: 30px; }
.tutorials .nextTutorial strong { padding-right: 15px; }

.tutorial { }

.tutorialAnswer { }
.tutorialAnswer hr { width: 100%; }
.tutorialAnswer .col1 .genericContent { padding-right: 20px; }

.default {}
.default .years { margin:10px 39px 10px 36px;}
.default .yearH2{ margin:0px 39px 10px 36px;}
.default .years { background: #a8c129; height: 30px;  }
.default .years a:link,.default .years a:visited,.default .years a:hover,.default .years a:active { background: #a8c129; height: 30px; display: block; float: left; border-right: solid 1px #83981e;  font: bold 12px/28px Arial; text-align: center; text-decoration: none; color: #fff; padding: 0 10px; }
.default .years a.selected:link,.default .years a.selected:visited,.default .years a.selected:hover,.default .years a.selected:active { background: #95b21b; }
.default .years a:hover { text-decoration: underline; }

.default .currentTutorial { border-bottom: 1px solid #D4D0C8; margin: 0 20px 10px 0; padding: 0 10px 15px; text-align: center; }
.default .currentTutorial h2 { padding: 0 0 10px 0; margin: 0; }
.default .previousTutorial { padding: 5px 0; clear: left; }
.default .previousTutorial a img { padding-right: 8px; float: left; }
.default .previousTutorial a.tutorialTitle { font-size: 12px; padding: 4px 0; display: block; }


.homepage {  }
.homepage br { clear:left;  }
.homepage .col3 label.label { display: block; }
.homepage .col3  .loginbtn { padding-bottom:7px; }
.homepage .col3  { padding:5px 0 0 18px;  }
.homepage .col3 .pnlLogin  {  background: url(images/bg_home2.jpg) no-repeat 188px 18px; padding-bottom:10px; }
.homepage .col3 .txtbox { padding:3px; }
.homepage .col1-2 { padding-right: 239px; border-right:solid 1px #d9d9d9;  width: 388px; background: url(images/bg_home.jpg) no-repeat right bottom; min-height: 195px; }

.homepage .buttons a { display: block; float: left; }
.homepage .buttons a.signup { text-indent: -99999px; background: url(../images/btn_sign_up.gif) no-repeat; width: 119px; height: 31px; padding-right: 15px; }
.homepage .buttons a.learnmore { text-indent: -99999px; background: url(../images/btn_learn_more.gif) no-repeat; width: 119px; height: 31px; }
.homepage .home_grey { height: 292px; position:relative; overflow:hidden; }
.homepage .home_white { background: #FFF; position:relative; clear:left; }
.homepage .home_grey .col1 { height: 282px; width: 295px; padding:0 18px;  padding-top:10px;background: url(images/bg_home_grey.jpg) no-repeat; }
.homepage .home_grey .col2 { height: 264px; width: 277px; padding-top:10px;background: url(images/bg_home_grey.jpg) no-repeat -331px 0; }
.homepage .home_grey .col3 {  height: 180px; width: 285px;  padding-bottom: 102px; padding-top:10px; padding-right:40px; background: url(images/bg_home_grey.jpg) no-repeat -644px 0; }

.homepage .home_white .col2-3 { padding:0; width:654px; border-left:solid 1px #ddd9d3;  }
.homepage .home_white .col1 { border-right:solid 1px #ddd9d3; margin-right:-1px;  }
.homepage .login_here { background: url(images/bg_login_arrow.gif) no-repeat bottom right;  width: 139px; height: 49px; }
.homepage .whatsnew { background: #eeece9; margin:0; clear:left; }
.homepage .whatsnew .top { background: url(Images/background.png) no-repeat 0 -30px; height: 10px; }
.homepage .whatsnew h4 { padding:5px 0 0 14px; margin:0; }
.homepage .whatsnew .articleContainer { padding:14px; border-bottom:solid 1px #cbc9c6; }
.homepage .whatsnew .articleContainer img { float:left; }
.homepage .whatsnew .articleContainer br { display:none; }
.homepage .whatsnew .articleContainer h5 {  padding:0; margin:0; }
.homepage .whatsnew .articleContainer .articleContent {  padding-top:10px;  }
.homepage .whatsnew .articleContainer .small { color:#302f2f; }
.homepage .whatsnew .articleContainer .hasImg { padding-left:100px;  }
.homepage .whatsnew h5 a:link,.homepage .whatsnew h5 a:visited,.homepage .whatsnew h5 a:hover,.homepage .whatsnew h5 a:active { text-decoration:none; font:bold 14px/16px Arial; color:#596606;  }
.homepage .whatsnew .allarticles { padding:14px; color:#5a6706; }

.homepage .homeContent { padding:18px; }
.homepage .howitworks table td { padding:0 15px 20px 0; }


.teams { }

.teams table, .schoolPage table { margin-top: 20px; width: 100%; }
.teams table td, .schoolPage table td { text-align: center; padding:0 30px 10px 0; line-height: 18px; width:180px; height:190px; }

.teams .col2 genericContent { padding: 5px 0px 20px 20px; }

.teamPage { }
.teamPage h1.teamTitle { margin:0; padding:0; display:inline; }
.teamPage .topcontent { padding: 0 0 20px 20px; position: relative; }
.teamPage .statsContainer { padding: 20px 0 0 0; line-height: 21px; }
.teamPage .statsContainer label { font-weight: bold; }
.teamPage .VideoContainer { padding-right: 20px; float: left; }
.teamPage .secondaryNav { position: absolute; top: 0; right: 20px; }
.teamPage .secondaryNav li { display: block; float: left; }
.teamPage .secondaryNav li.first { border-right: solid 1px #cccccc; }
.teamPage .secondaryNav li a { margin: 0 10px; font: bold 14px/20px Arial; text-decoration: none; }
.teamPage .teamMembers h1 { padding: 0 0 0 20px; }
.teamPage .teamMembers td { padding: 10px 20px; }
.teamPage .teamMembers td img { padding: 0 20px 20px 0; width: 100px; }
.teamPage .teamMembers td p { line-height: 18px; margin: 0 0 5px 0; padding: 0; }
.teamPage .messageWall .postMessage { padding: 10px 0 10px 20px; }
.teamPage .paging { border-bottom: solid 1px #cfcac1; border-top: solid 1px #cfcac1; background: #eeece9; padding: 10px 15px; font: normal 11px/11px Arial; }
.teamPage .wallPost { padding: 12px; clear: left; border-bottom: solid 1px #ddd9d3; font-size: 11px; }
.teamPage .wallPost p { margin-bottom: 5px; }
.teamPage .wallPost img { float: left; padding-right: 10px; }
.teamPage .wallPost a.strong { font-weight: bold; text-decoration: none; }
.teamPage .col2 .genericContent { padding: 0 5px 25px 25px; }
.teamPage .col2 .genericContent img { padding: 0 0 15px 0; }
.teamPage .teamMember { border-bottom: 1px solid #DDD9D3; clear: left; padding: 12px 23px; }
.teamPage .teamMember img { float: left; padding-right: 15px; }
.teamPage .areFriends { padding-top: 10px; font-style: italic; }

table.friends {  }
table.friends td {line-height:18px;padding-right:50px;text-align:center; }

.alphaList { background: url(Images/background.png) no-repeat 0 -97px; height: 30px;  border-bottom: solid 1px #8a9e24; }
.alphaList a:link,.alphaList a:visited,.alphaList a:hover,.alphaList a:active { background: url(Images/background.png) no-repeat 0 -57px; height: 30px; display: block; float: left; border-bottom: solid 1px #8a9e24; border-right: solid 1px #83981e; width: 30px; font: bold 14px/30px Arial; text-align: center; text-decoration: none; color: #fff; }
.alphaList a:hover { text-decoration: underline; }

.schoolDirectory { }
.schoolDirectory .subnav { border-bottom: 1px solid #DDD9D3; background: #EEECE9; padding: 14px 0 0 20px; color: #bebdba; height: 30px; width:967px; float:none; }
.schoolDirectory .subnav label { font: bold 12px Arial; color: #554223; }
.schoolDirectory .subnav select { }
.schoolDirectory .schoolListings h1 { background: url(images/bg_circle.gif) no-repeat; padding: 6px 8px; margin-bottom: 8px; position:relative;}
.schoolDirectory .schoolListings .schoolGroup { border-bottom: solid 1px #ddd9d3; padding: 10px 20px 20px 20px; }
.schoolDirectory .schoolListings .schoolGroup table td { width: 30%; }
.schoolDirectory .regionSchools { padding: 10px 20px 20px 20px; line-height: 18px; }
.schoolDirectory .results { font-size: 16px; color: #554223; padding: 0px 0px 10px 20px; }

.schoolPage {}
.schoolPage  h1.teamsTitle { padding:10px 0 10px 20px;}
.schoolPage .genericContent table { margin:15px 0 0 0; }

.teamDirectory { }
.teamDirectory .subnav { border-bottom: 1px solid #DDD9D3; background: #EEECE9; padding: 14px 0 0 20px; color: #bebdba; height: 30px;width:967px; float:none; }
.teamDirectory .subnav label { font: bold 12px Arial; color: #554223; padding-right: 10px; }
.teamDirectory .subnav select { }
.teamDirectory .teamGroup h1 { background: url(images/bg_circle.gif) no-repeat; padding: 6px 8px; margin-bottom: 8px; position:relative; }
.teamDirectory .teamGroup { border-bottom: solid 1px #ddd9d3; padding: 10px 20px 20px 20px; }
.teamDirectory .teamGroup table td { width: 30%; padding: 2px 0; }
.teamDirectory .regionSchools { padding: 10px 20px 20px 20px; line-height: 18px; }
.teamDirectory .results { font-size: 16px; color: #554223; padding: 0px 0px 10px 20px; }
.teamDirectory .tblTeams { width: 100%; }
.teamDirectory .tblTeams th, .teamDirectory .tblTeams td { padding: 10px 18px; text-align: left; border-right: solid 1px #cfcac1; }
.teamDirectory .tblTeams th { background: #eeece9; border-bottom: solid 1px #cfcac1; border-top: solid 1px #cfcac1; }
.teamDirectory .tblTeams tr.alt td { background: #eeece9; }

.contactUsForm {}
.contactUsForm fieldset { background:#f3f2ef; padding:20px; }
.contactUsForm fieldset br { clear:left; }
.contactUsForm label,.contactUsForm .txtbox  { display:block; float:left; margin-bottom:13px; padding:0; font:normal 12px Arial; }
.contactUsForm label { font-weight:bold; width:115px; }
.contactUsForm .txtbox { background:#FFF; border:solid 1px #7f9db9;padding:3px 0 0 5px;}
.contactUsForm input.txtbox { background:#FFF; height:16px; width:170px; height:22px; line-height:22px;  }
.contactUsForm textarea.txtbox { background:#FFF; height:16px; height:200px; width:400px; }
.contactUsForm .button { padding-left: 115px;}

.mentorApply { position:relative;  }
.mentorApply .formContainer { padding:20px; }
.mentorApply .label, .mentorApply .txtbox  { display:block; float:left; margin-bottom:13px; padding:0; font:normal 12px Arial; }
.mentorApply fieldset {  position:relative; background:#f3f2ef;  }
.mentorApply .label { font-weight:bold; width:115px; }
.mentorApply .txtbox { background:#FFF; border:solid 1px #7f9db9;padding:3px 0 0 5px; width:170px;}
.mentorApply .ddl {  border:solid 1px #7f9db9;padding:3px 0 0 5px; width:270px;}
.mentorApply textarea.txtbox { background:#FFF; height:16px; height:200px; width:400px; }
.mentorApply .buttons { padding-left: 115px;}

.mentors { clear:left; background:#fff; }

.mentorsNav { float:left; width:220px;border-right:solid 1px #ddd9d3; margin-right:-1px; }
.mentorsNav .top { background: url(Images/background.png) no-repeat 0 -15px; height: 15px;}
.mentorsNav .mentorsHome { position:relative;border-bottom:solid 1px #ddd9d3;  padding-bottom:10px; padding-left:20px; }
.mentorsNav .mentorsHome a:link, .mentorsNav .mentorsHome a:visited, .mentorsNav .mentorsHome a:hover, .mentorsNav .mentorsHome a:active { background:url(images/ico_home.gif) no-repeat 3px; font-size:11px; padding:3px 0 3px 20px; }
.mentorsNav .navContainer { position:relative; padding:0px 0 0 20px; margin:0; }
.mentorsNav .navContainer h2 { padding:10px 0; }
.mentorsNav .latestQuestions {}
.mentorsNav a.greyBlock:link,.mentorsNav a.greyBlock:visited,.mentorsNav a.greyBlock:hover,.mentorsNav a.greyBlock:active { background:#eeece9; border:solid 1px #ccc6bd; display:block; float:left; padding:4px 8px; font-size:11px; margin:10px 0; font-weight:bold; }

.mentorContainer { position:relative; padding-top:9px; width:767px; float:left;}
.mentorContainer .top { background: url(Images/background.png) no-repeat 0 0px;width:767px; height:9px; position:absolute; top:0px; left:0; padding:0; margin:0; }
.mentorContainer .top span { display:block; float:right; width:150px; height:9px; background: url(Images/background.png) no-repeat -588px 0; }
.mentorContent { border-left:solid 1px #ddd9d3; width:765px;}
.mentorContent h1 { padding:8px 0 8px 20px;}
.mentorContent .litBody { padding:8px 0 8px 20px; }
.mentorContent .mentorInfo { border-bottom:1px solid #DDD9D3; background:#EEECE9 ; padding:8px 5px 8px 20px; }
.mentorContent .mentorInfo img  { padding-right:10px; vertical-align:middle; }

.mentors .mentorsubnav {  border-bottom: solid 1px #cfcac1; border-top: solid 1px #cfcac1; background:#eeece9; padding:8px 0 8px 20px; }
.mentors .question { border-bottom:solid 1px #ddd9d3; padding:5px 10px 10px 20px; }
.mentors .dataPager { padding:5px 10px 10px 20px; }

.mentorLoggedIn .question { border-bottom:solid 1px #ddd9d3; padding:5px 10px 10px 0px; }
.mentorLoggedIn .mentorsubnav {  border-bottom: solid 1px #cfcac1; border-top: solid 1px #cfcac1; background:#eeece9; padding:8px 0 8px 20px; }
.mentorLoggedIn { clear:left; background:#fff; }

.mentorQuestion { clear:left; background:#fff; overflow:hidden;}
.mentorQuestion .question { background:#f0f5d6; padding:12px 45px 12px 22px; border-bottom:solid 1px #d2e084; border-top:solid 1px #d2e084; margin-top:-1px; }
.mentorQuestion .question h2 { color:#56862b; }
.mentorQuestion .answer {  padding:12px 45px 12px 22px;}
.mentorQuestion .answer h2 { color:#fb7c02; }
.mentorQuestion h2.comment {border-bottom: solid 1px #cfcac1; border-top: solid 1px #cfcac1; background:#eeece9; padding:8px 0 8px 20px; }
.mentorQuestion .comments { }
.mentorQuestion .comments .commentPost {  padding:12px 45px 12px 22px; border-bottom: solid 1px #cfcac1; }
.mentorQuestion .comments .postComment { padding:12px 45px 12px 22px; }
.mentorQuestion .comments .dataPager { padding:5px 0px 5px 22px; }

table.mentorsTable { width:100%; }
table.mentorsTable tr th { background:#a9c22a; color:#fff; text-align:left; padding:4px 5px 4px 15px; }
table.mentorsTable tr td { text-align:left; padding:4px 5px 4px 15px; }
table.mentorsTable tr.alt td { background:#f3f2ef; }

.mentorSubNav { background: url(Images/background.png) no-repeat 0 -57px; height: 30px;  border-bottom: solid 1px #8a9e24; }
.mentorSubNav a:link,.mentorSubNav a:visited,.mentorSubNav a:hover,.mentorSubNav a:active { background: url(Images/background.png) no-repeat 0 -57px; height: 30px; display: block; float: left; border-bottom: solid 1px #8a9e24; border-right: solid 1px #83981e; font: bold 14px/30px Arial; text-align: center; text-decoration: none; color: #fff; padding:0 10px; }
.mentorSubNav a:hover { text-decoration: underline; }

.mentorSubNav a.selected:link,.mentorSubNav a.selected:visited,.mentorSubNav a.selected:hover,.mentorSubNav a.selected:active { background: url(Images/background.png) no-repeat 0 -97px;}
.askYourQuestion {   padding:12px 45px 12px 22px;}
.askYourQuestion label,.askYourQuestion select { display:block; float:left; width:130px;margin-bottom:10px; }

.mentorAccount  { position:relative;   }
.mentorAccount .label, .mentorAccount .txtbox  { display:block; float:left; margin-bottom:13px; padding:0; font:normal 12px Arial; }
.mentorAccount fieldset {  position:relative; background:#f3f2ef;  }
.mentorAccount .label { font-weight:bold; width:115px; }
.mentorAccount .txtbox { background:#FFF; border:solid 1px #7f9db9;padding:3px 0 0 5px; width:170px;}
.mentorAccount .ddl {  border:solid 1px #7f9db9;padding:3px 0 0 5px; width:170px;}
.mentorAccount textarea.txtbox { background:#FFF; height:16px; height:200px; width:400px; }
.mentorAccount .buttons { padding-left: 115px;}

.blogs { overflow:hidden; clear:left; background:#fff;}
.blogs .leftNav { width: 245px; padding: 18px 0 18px 20px; float: left; }
.blogs .blogsubnav {  border-bottom: solid 1px #cfcac1; border-top: solid 1px #cfcac1; background:#eeece9; padding:8px 0 8px 20px; }
.blogSubNav { background: url(Images/background.png) no-repeat 0 -57px; height: 30px;  border-bottom: solid 1px #8a9e24; }
.blogSubNav a:link,.blogSubNav a:visited,.blogSubNav a:hover,.blogSubNav a:active { background: url(Images/background.png) no-repeat 0 -57px; height: 30px; display: block; float: left; border-bottom: solid 1px #8a9e24; border-right: solid 1px #83981e; font: bold 14px/30px Arial; text-align: center; text-decoration: none; color: #fff; padding:0 10px; }
.blogSubNav a:hover { text-decoration: underline; }
.blogSubNav a.selected:link,.blogSubNav a.selected:visited,.blogSubNav a.selected:hover,.blogSubNav a.selected:active { background: url(Images/background.png) no-repeat 0 -97px;}

.blogsNav { float:left; width:220px;border-right:solid 1px #ddd9d3; margin-right:-1px; }
.blogsNav .top { background: url(Images/background.png) no-repeat 0 -15px; height: 15px;}
.blogsNav .blogsHome { position:relative;border-bottom:solid 1px #ddd9d3;  padding-bottom:10px; padding-left:20px; }
.blogsNav .blogsHome a:link, .blogsNav .blogsHome a:visited, .blogsNav .blogsHome a:hover, .blogsNav .blogsHome a:active { background:url(images/ico_home.gif) no-repeat 3px; font-size:11px; padding:3px 0 3px 20px; }
.blogsNav .navContainer { position:relative; padding:0; margin:0 0 -1px 0; }
.blogsNav .navContainer h2 { padding:10px 0; }
.blogsNav .navContainer h2 a:link, .blogsNav .navContainer h2 a:visited, .blogsNav .navContainer h2 a:hover, .blogsNav .navContainer h2 a:active { text-decoration:none; color:#554223; font:bold 15px/18px Arial;  }
.blogsNav .entriesContainer { padding:0 0 0 20px; border-bottom:dotted 1px #ddd9d3; }
.blogsNav .entriesContainer .small { display:block; padding-bottom:8px; }
.blogsNav .entriesContainer .strong { display:block; }
.blogsNav .entriesContainer a.strong:link, .blogsNav .entriesContainer a.strong:visited,.blogsNav .entriesContainer a.strong:hover,.blogsNav .entriesContainer a.strong:active { text-decoration:none; }

.blogsNav .latestQuestions {}
.blogsNav a.greyBlock:link,.blogsNav a.greyBlock:visited,.blogsNav a.greyBlock:hover,.blogsNav a.greyBlock:active { background:#eeece9; border:solid 1px #ccc6bd; display:block; float:left; padding:4px 8px; font-size:11px; margin:10px 0; font-weight:bold; }
.blogContainer { position:relative; padding-top:9px; width:767px; float:left;}
.blogContainer .top { background: url(Images/background.png) no-repeat 0 0px;width:767px; height:9px; position:absolute; top:0px; left:0; padding:0; margin:0; }
.blogContainer .top span { display:block; float:right; width:150px; height:9px; background: url(Images/background.png) no-repeat -588px 0; }
.blogContent { border-left:solid 1px #ddd9d3; width:765px;margin-bottom:-1px;}
.blogContent h1 { }
.blogContent .litBody { padding:8px 0 8px 20px; }

.blogSubtitle { border-bottom:1px solid #DDD9D3; background:#EEECE9 ; padding:8px 15px 8px 20px; font:bold 16px Arial; color:#554223; height:22px; }
.blogSubtitle div { font-size:11px; font-weight:normal; }
.blogTitle { padding: 0 0 10px 20px; font-size:11px; }
.blogTitle .commentCount { font-size:12px; }
.blogBody { padding: 0 30px 0 20px;}
.blogBody .blogImage { float:left; padding:0 20px 20px 0; }
.blogContent h2.comment {border-bottom: solid 1px #cfcac1; border-top: solid 1px #cfcac1; background:#eeece9; padding:8px 0 8px 20px; }
.blogContent .comments { }
.blogContent .comments .commentPost {  padding:12px 45px 12px 22px; border-bottom: solid 1px #cfcac1; }
.blogContent .comments .postComment { padding:12px 45px 12px 22px; }
.blogContent .comments .commentPost p.small { padding-bottom:0; margin:0; }
.blogContent .comments .dataPager { padding:5px 0px 5px 22px; }
.blogContent .comments .dataPager .paging { padding:0; }

.blogEntry {  border-bottom:1px solid #DDD9D3; }
.blogEntry .entryTitle { padding:15px 0 0 20px;}
.entryTitle h3 a:link, .entryTitle h3 a:visited, .entryTitle h3 a:hover, .entryTitle h3 a:active { text-decoration:none; color:#2f6a00; font: bold 15px Arial;  }
.blogEntry .entryBody { padding: 5px 30px 18px 20px;  }
.blogEntry .entryBody img {float:left; padding: 8px 20px 20px 0px;  }
.blogs .blogContent .paging { padding: 8px 20px; }
.tblArchives { margin:20px;}

.blogInfo { background:#f0f5d6; padding:12px 45px 12px 22px; border-bottom:solid 1px #d2e084; border-top:solid 1px #d2e084; margin-top:-1px; }
.blogInfo h2 { color:#56862b; }

.whatsnew { margin:-8px -38px -30px -18px; }
.whatsnew .leftNavContent { width:724px; padding:0; background:#fff; }
.whatsnew .leftNavContent .contentContainer {   padding:10px 38px 18px 18px; background:#fff; }
.whatsnew .leftNav .latestArticle { border-bottom:dotted 1px #ccc6bd; padding:5px 20px; }
.whatsnew .leftNavContent h4 { font:bold 18px/18px Arial; padding:0; }
.whatsnew h1 {  padding:16px 0 0 16px; } 
.whatsnew .pager { padding:10px 0 10px 16px;}
.whatsnew .pager span span,.whatsnew .pager a,.whatsnew .pager a:link,.whatsnew .pager a:visited,.whatsnew .pager a:hover,.whatsnew .pager a:active { border: solid 1px #ddd9d3; padding: 0 4px; margin-right:2px; font:normal 11px/16px Arial; color:#598833; text-decoration:none;  } 
.whatsnew .pager a:hover {  background:#2f6a00;  color:#fff; border:solid 1px #2f6a00;} 
.whatsnew .pager span span { background:#2f6a00; color:#fff; border:solid 1px #2f6a00; }
.whatsnew .newsArticle { border-bottom: solid 1px #ddd9d3; padding:16px; clear:left; } 
.whatsnew .newsArticle img { float:left; } 
.whatsnew .newsArticle .hasImg { padding-left:145px; } 
.whatsnew .newsArticle br { display:none; } 
.whatsnew .newsArticle h5 {  padding:0; margin:0; }
.whatsnew .newsArticle .articleContent {  padding-top:10px;  }
.whatsnew .newsArticle .small { color:#302f2f; }
.whatsnew h5 a:link, .whatsnew h5 a:visited, .whatsnew h5 a:hover, .whatsnew h5 a:active { text-decoration:none; font:bold 14px/16px Arial; color:#596606;  }
.whatsnew .showArticle { padding:20px; }
.whatsnew .showArticle img { float:left; margin:0 15px 15px 0; border:solid 1px #bababa; }
.whatsnew .showArticle .small { color:#302f2f; }
.whatsnew .showArticle .backToWhatsNew { clear:left; padding: 10px 0;}

.faq {  }
.faq .faqContainer { width:630px; border-right:solid 1px #d3cfc6; padding-bottom:20px;}
.faq .faqContainer h2 { padding:18px 0 0 30px; }
.faq .faqContainer ol { margin-top:0;  list-style-position:inside; margin-left:0; }
.faq .faqContainer ol li {  font:normal 15px/28px Arial; color:#306900; padding-left:30px; }
.faq .faqContainer ul { list-style-position:inside; margin-left:0; }
.faq .faqContainer ul li {  }
.faq .faqContainer .faqQuestion { display:inline; font:normal 15px/28px Arial; color:#306900; cursor:pointer; }
.faq .faqContainer .faqAnswer { font:normal 12px/18px Arial; color:#000; margin-left:-30px; background:#f3f2ef; position:relative; border-bottom:solid 1px #d3cfc6; border-top:solid 1px #d3cfc6; padding:5px 60px 10px 35px; }
.faq .faqRight { float:right; width:300px; padding:18px 30px 18px 0; position:relative; }

.search{}
.search h1 { padding:18px 0 0 18px; }
.search .paging { padding:0 0 18px 18px; }
.search .searchResult { padding:10px 18px; border-top: solid 1px #ddd9d3; }
.search .searchResult a { padding-right:10px;}

.sitemap {}
.sitemap ul { float:left; width:230px; list-style-type:none; margin-left:0; height:160px; }

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.notifyPanel { background: #44351c; border-bottom: solid 1px #a08859; color: #fff; }
.notifyPanel .container { padding: 15px; }
.notifyPanel p { margin: 0; padding: 0 0 10px 0; }

.tutorial #player { width: 500px; height: 400px; display: block; margin: 20px auto 10px auto; }
.profile #player { width: 375px; height: 300px; display: block; margin: 20px 0 10px 0; }
.teamPage #player { width: 375px; height: 300px; display: block; margin: 20px 0 10px 0; }
.teammanagement #player { width: 375px; height: 300px; display: block; margin: 20px 0 10px 0; }

.sampletutorial #player { width: 500px; height: 400px; display: block; margin: 20px auto 10px auto; }

.inbox { }
.inbox .tblMessages { width: 100%; }
.inbox .tblMessages td { }
.inbox .tblMessages td.checkboxCol { width: 50px; padding: 0; margin: auto; vertical-align: middle; text-align: center; }
.inbox .tblMessages td.fromCol { width: 220px; padding: 10px 10px 10px 0; font-size: 11px; line-height: 18px; }
.inbox .tblMessages td.fromCol a { font-size: 12px; }
.inbox .tblMessages td.fromCol img { padding-right: 10px; }
.inbox .tblMessages td.msgCol { padding: 10px; }
.inbox .tblMessages td.checkboxCol, .inbox .tblMessages td.fromCol, .inbox .tblMessages td.msgCol { border-bottom: solid 1px #e6e3de; }
.inbox .tblMessages tr.pager table { margin-left: 24px; }
.inbox .tblMessages tr.pager table tr td { padding: 10px 5px; }
.inbox .tblMessages .emptyContainer { padding: 20px; }
.inbox .UnRead { }
.inbox .UnRead td { background-color: #f7faea; border-bottom: solid 1px #e0eaaa; }
.inbox .UnRead a { font-weight: bold; }
.inbox .btndelete { text-indent: -9999px; display: inline-block; width: 74px; height: 20px; background: url(images/btn_delete_twostate.gif) no-repeat 0 0px; }
.inbox .enabled { background-position: 0 0; }
.inbox .disabled { cursor: default; text-decoration: none; background-position: 0 -20px; }
.inbox .inboxSubNav { border-bottom: 1px solid #DDD9D3; background: #EEECE9; padding: 12px 24px; color: #bebdba; }
.inbox .inboxSubNav label { color: #554223; font-weight: bold; padding-right: 10px; }
.inbox .inboxSubNav a { padding: 0 10px; }
.inbox .inboxSubNav a img { vertical-align: middle; }

.viewMesage .messageContainer { padding: 17px 22px; }
.viewMesage .messageHeader { border-bottom: solid 1px #ddd9d3; padding-bottom: 17px; }
.viewMesage .fromContainer { font-size: 11px; line-height: 17px; }
.viewMesage .fromContainer label { font-weight: bold; }
.viewMesage .message { padding-top: 17px; }
.viewMesage .message .from { float: left; width: 230px; line-height: 17px; }
.viewMesage .message .from img { float: left; padding-right: 8px; }
.viewMesage .message .bodyContainer { margin-left: 230px; }
.viewMesage .reply { padding-top: 17px; clear: left; border-top: solid 1px #ddd9d3; margin-top: 17px; }
.viewMesage textarea.message { border: solid 1px #a89f8f; font: normal 12px/12px Arial; padding: 5px; width: 600px; height: 120px; margin-bottom: 8px; }

.composeMessage { border: none; padding: 20px; }
.composeMessage input { border: none; margin: 0; font: normal 12px/12px Arial; padding: 2px; }
.composeMessage input.subject { border: solid 1px #a89f8f; width: 600px; padding: 5px; }
.composeMessage .message { border: solid 1px #a89f8f; font: normal 12px/12px Arial; padding: 5px; width: 600px; height: 120px; margin-bottom: 8px; }

.ac_results { padding: 0px; border: 1px solid black; background-color: Window; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: Window url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: HighlightText; }
.ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0px; padding: 0px 5px; cursor: default; display: block; width: 100%; font: bold 12px arial; overflow: hidden; }

.p { cursor: pointer; }
.acfb-input { border: medium none; margin: 0pt; outline-style: none; outline-width: 0pt; padding: 3px 0pt 2px; width: 150px; }
/* TextboxList sample CSS */
* html ul.acfb-holder, *:first-child + html ul.acfb-holder { padding-bottom: 2px; }
ul.acfb-holder { margin: 0; padding: 5px 0; border: 1px solid #999; height: auto !important; height: 1%; overflow: hidden; font: 11px "Lucida Grande" , "Verdana"; width: 600px; }
ul.acfb-holder li { float: left; margin: 0 5px 0px 0; list-style-type: none; }
ul.acfb-holder li.acfb-data { border: 1px solid #CAD8F3; padding: 1px 5px 2px; background: #DEE7F8; }



/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.spacer { background:#fff; }
.footer { background: url(Images/background.png) no-repeat 0 -178px; padding-top: 50px; padding-bottom: 10px; font: normal 11px/12px Arial; color: #ccc7bd; text-align: center; clear:left; position:relative; }
.footer ul { clear: left; margin-top: 20px; }
.footer ul li { display: inline; border-left: solid 1px #665539; }
.footer ul li.first { border: none; }
.footer ul li a:link,.footer ul li a:visited,.footer ul li a:hover,.footer ul li a:active { font: normal 12px/12px Arial; color: #ffffff; padding: 0 10px; text-decoration: none; }
.footer ul li a:hover { text-decoration:underline; }
.footer ul.small li { border: none; }
.footer ul.small li a:link,.footer ul.small li a:visited,.footer ul.small li a:hover,.footer ul.small li a:active { font: normal 11px/11px Arial; color: #ccc7bd; padding: 0 5px; text-decoration: underline; }