html, body { background:#E0E0E0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px }

h1, h2, h3, h4, p { padding-bottom:12px }
h2 { font-weight: bold; font-size:16px }
h4 { font-weight:900; font-size: 14px }
p, ul { font-weight:normal; font-size:12px }

em { font-style: italic }
strong { font-weight:900 }
input { padding: 3px }

img.right { float:right; margin-left:10px; margin-bottom:12px }
.clear { clear:both }

#globalPositioning { width: 965px; margin: 0 auto; overflow:hidden }

#header-top { width:965px; height: 100px; background: url(/test/images/header_top.jpg); overflow:hidden;  }
#public_nav_holder { width: 540px; height:35px; float: left; padding-left:20px; margin-top: 71px}
#pesst-logo { float:left; width:404px; text-align:center; margin-top:20px}
#wrapper { background:url(/test/images/wrapper.jpg) repeat-y left; width:925px; padding: 0 20px }
#header { width:925px; height:300px }
#members_header { width:925px; height:150px; background:#000 }

#header_fg { background:url(/test/images/header-foreground.png) repeat-y; width: 386px; height:276px; position:relative; margin-bottom:-300px; z-index:50; border-right: 1px #FFFFFF solid; color:#FFFFFF; padding:12px ; font-size:14px; line-height:1.5em}

#members_header_fg { background:url(/test/images/header-foreground.png) repeat-y; width: 386px; height:126px; position:relative; margin-bottom:-150px; z-index:50; border-right: 1px #FFFFFF solid; color:#FFFFFF; padding:12px ; font-size:14px; line-height:1.5em}

#header_fg h1 { font-size:20px }
#header_fg h2 { font-size:16px }
#header_fg h3 { font-size:14px; font-weight:700 }
#header_fg img { border: 1px solid  #FFFFFF }
#header_fg strong { font-weight: 900 }
#header_fg ul { margin-left: 3em; margin-top:1em}
#header_fg li {  }
#header_fg a { color:#FFFFFF }
#header_fg a:hover { text-decoration:none }

#header_slider { height:300px;overflow:hidden;position:absolute; width:925px; padding:0}
#members_header_slider { height:150px;overflow:hidden;position:absolute; width:925px; padding:0}

#content { padding: 1em 0; overflow:hidden }

#footer { border-top: 2px solid #CCCCCC; width:901px; background:url(/test/images/footer.jpg) repeat-x; height:65px; line-height:65px; padding: 0 12px; color:#666666 }
#footer span { float:left }
#footer a { color:#0000FF }
#footer img { padding-top: 5px }

#sub_footer { width:965px; height: 10px; background: url(/test/images/sub_footer.jpg) no-repeat center; margin-left: -1px }

.homenavtab {
padding:6px 12px ;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#000000 url(/images/corner.gif) top right no-repeat;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
color:#FFFFFF;
float:left
}
.memhomenavtab {
padding:6px 12px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#000000 url(/images/corner2.gif) bottom left no-repeat;
color:#FFFFFF;
float:left
}
.navtabs {
padding:6px 12px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#289038 url(/images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
float:left
}

.memnavtabs {
padding:5px 12px 6px 12px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#289038 url(/images/corner2.gif) bottom left no-repeat;
border-left:1px solid #FFFFFF;
border-top:1px solid #ffffff;
color:#FFFFFF;
float:left
}
.memnavtabs:hover {
background:#40B44F url(/images/corner2.gif) no-repeat scroll bottom left;
border-top:1px solid #40B44F;
text-decoration:none;
}

.navtabs:hover {
background:#40B44F url(/images/corner.gif) no-repeat scroll right top;
border-bottom:1px solid #40B44F;
text-decoration:none;
}

.regnavtab{
padding:6px 12px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background: #0033CC url(/images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
float:left
}
.regnavtab:hover {
background: #0066CC url(/images/corner.gif) no-repeat scroll right top;
border-bottom:1px solid #0066CC;
text-decoration:none;
}

.loginnavtab{
padding:6px 12px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background: #FF6600 url(/images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
float:left
}
.loginnavtab:hover {
background: #FF9900 url(/images/corner.gif) no-repeat scroll right top;
border-bottom:1px solid #FF9900;
text-decoration:none;
}

.controlnavtab {
padding:5px 12px 6px 12px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#000000 url(/images/corner2.gif) bottom left no-repeat;
background: #0033CC url(/images/corner2.gif) bottom left no-repeat;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#FFFFFF;
float:left
}

.controlnavtab:hover {
background: #0066CC url(/images/corner2.gif) no-repeat scroll bottom left;
border-top:1px solid #0066CC;
text-decoration:none;
}

#home h1, #about h1, #contacts h1, #getting-started, #register h1, #control h1 { font-weight:900; font-size:18px }


#studentPic { width: 152px; float: left;}
#studentDetails { float: left; margin-left:10px; width:218px}

/*generic rules*/
div.listbox{background:white;font-size:12px;padding:0;list-style:none;overflow:auto;border:solid 1px #666666; height: 100px; width:850px;margin-bottom:10px;}
div.listbox label input{float:left; margin: 0 6px}
div.listbox label{display:block;clear:both;}
div.listbox span{white-space:nowrap;height:1em;display:block;padding:3px 6px 3px 0px;cursor:hand;cursor:pointer;}

/*CSS 2.0 behaviors
div.listbox[id] label:hover{background-color:#0033CC;color:white;}*/

/*for IE*/* /*html div.listbox label input{display:block;float:left;width:0;behavior:expression(void(init_listbox_checkbox(this))); padding:0}*/
/*for IE*/* /*html div.listbox span{padding-left:22px; left center no-repeat;border:solid 1px white;border-bottom-color:#f0f0f0;border-left:solid 6px #dedede;}*/
/*for IE*/div.listbox label.hover{background-color:#FF00CC;color:white;}
/*for IE*/div.listbox span.checked{background-color:#FFCC66;border-color:#CC9933;border-bottom-color:#f0f0f0;border-left:solid 6px #222222;}
div.listbox strong { font-weight:900 }

#errBlock {
background: #FFFFCC url(/images/error_icon.jpg) no-repeat left;
border: 1px solid #FF0000;
padding: 5px;
padding-top: 6px;
margin-bottom: 12px;
font-weight:bold;
padding-left: 120px;
}

#errBlock p, #confBlock p { font-weight:900 }
#errBlock h3 { font-weight: bold; font-size:14px }

#confBlock {
background: #E9FEEB url(/images/conf_mess.jpg) no-repeat left;
border: 1px solid #006600;
padding: 5px;
padding-top: 6px;
margin-bottom: 12px;
font-weight:bold;
padding-left: 50px;
}



table { border: #999999 1px solid; border-spacing: 0px; border-collapse: collapse; margin-bottom:12px; margin-left:1px}
td { padding: 3px; border: #999999 1px solid; border-spacing: 0px; border-collapse: collapse;}
th { padding: 3px; background: #F0F0F0 url(/images/thead_bg.jpg) top repeat-x; color: #000000; font-weight:900}
td.centre, th.centre { text-align:center }
td.right, th.right { text-align:right }
td.enable { background-color:#009900; color: #FFFFFF; font-weight: bold;  text-align: center;}
td.disable { background-color:#ff0000; color: #FFFFFF; font-weight: bold; text-align: center;}


#login_form { 
background:url(/images/login_pad.jpg) no-repeat; width:334px; height: 234px; padding: 12px;
}

#login-options { border:1px solid #999999; padding: 12px 6px 6px 6px;min-height:188px; height: auto !important; height: 188px }
#login label { float:left; width: 90px; font-weight:900 }
#login input, #contacts input { padding: 3px }
#contacts label { float:left; width: 150px; }
#contacts textarea { width: 400px; height: 160px }


input.submit { color: #fff; background-color: #289038; border: 2px outset #d7b9c9; padding: 3px; width:auto} 
input.navFrmBtn { border: 1px solid #000000; padding: 3px; width:auto}
input.addAnotherActBtn { 
background:#FFFFFF url(/images/add_btn.png) no-repeat left; 
height: 30px;
line-height: 30px; 
padding-left:30px; 
border:none; 
text-align:left;
cursor:pointer
}

#homepage h1, #getting-started h1 { font-weight:900; font-size:20px }

#hp-container { background:url(/images/hp-sidebar-bg.gif) right repeat-y; overflow:hidden }

#hp-main-content { float:left; width:600px }
#hp-sidebar { float:left; width: 310px; padding-left:15px; text-align:center; padding-top: 6px; font-weight:900 }

ul#publicList li {
background:url(/images/bullet.gif) left top no-repeat;
padding-left: 1.5em;
padding-bottom:1em;
}

ul#publicList li span.publicListTitle { font-weight:900; color:#0000FF }
ul#publicList li a { color:#00F }
ul#publicList li a:hover { text-decoration:none }

#register label { float: left; font-weight:900; width: 150px }
#register input { padding:3px }




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:99;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
#header_fg a#signInBtn { background: url(/images/sign_in_btn.png) no-repeat; width:100px; height:40px; line-height:40px; color:#000; text-align:center; float:left; display:block; text-decoration: none; font-size:14px }