@charset "utf-8";
/* CSS Document */
@page {
   size: landscape;
}

body, html {font-family:"Trebuchet MS", "Times New Roman", Verdana; background-color:#E6F8FE; margin-bottom:10px;}

p {margin:0 0 1.8em 0;}

#header {
	/*background-color:#0044CC;*/
	color:#FFFFFF;
	background:url(images/header04jpg.jpg) top center no-repeat;
	padding-top:18px;
	margin-bottom:8px;
	height:115px;
	}

h1{font-size:16px; border-bottom:1px solid #f2f2f2; text-transform:capitalize; letter-spacing:0.1em; margin-bottom:12px; margin-top:12px; text-shadow:0 3px 0 #eee;}	
	
	
h2 #header{margin-bottom:18px;padding-left:48px;}

.container_border{width:970px; margin:auto; background-color:#B5EAFD; margin-top:10px; padding-top:10px;} 
	
* html .container_border{width:970px; padding:10px;}
* html .container {margin:0 auto 0 auto; width:950px;}
.secondheader2 {
	/*background-color:#800040;*/
	margin-top:-26px;
	padding-left:37px;
	}

*html .secondheader2{margin-bottom:0; margin-top:0px;}



#toppermenu {
	background-color:#e8effb;
	/*border:1px solid #CCCCCC;*/
	}

#logotop {
	position:absolute;
	background:url(images/logotransgif.gif) no-repeat;
	width:90px;
	height:72px;
	left: 24px;
	top: 15px;
	}

/*mainconatainer*/


.maincontainer {
	background-color:#fff;
	margin-top:-1px;
	}



.mainbodytop {
	background-color:#F2F8FF;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:3px solid #D9D9D9;
	padding:12px 6px 1px 12px;

	}

.innerborder {background-color:#D6E9FF; padding:8px; margin-bottom:5px;}


.mainbody {
	background-image:url(images/PSMZAlogotrans.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#fff;
	/*border-left:1px solid #fff;
	border-right:3px solid #D9D9D9;*/
	/*border-bottom:1px solid #D9D9D9;*/
	padding:12px 8px 12px 8px;
	margin-bottom:12px;
	}



 h5 {
	border-bottom:1px solid #6CD6F9; font-size:16px; color:#003399;}
	}
.mainbody ul {list-style-type: none}

/*html>body#flashcontent {text-align:center; width:1050px; height:404px;}*/
#flashcontent{text-align:center;}
#flashcontent img{width:650px; height:250px;}
/*mainconatainer*/

/*sidebar*/
.sidebar {margin-top:25px; padding-bottom:8px;}
.sidebar h5 {
	background-color:#f1f2f9;
	border:1px solid #cccccc;
	padding:4px;
	margin-right:10px;
	}

.sidebar ul {list-style-type: none}

.sidebar a {
	color:#800000;
	text-decoration:none;
	}

.sidebar a:hover{
	color:#CC0000;
	text-decoration:none;
	}
/*Sidebar*/

#login_butt {font-size:16px; color:#FFFFFF; text-align:center; margin-right:8px; padding-top:15px;}
#login_text {color:#4bb7ef; padding:3px; margin:auto; width:80%; font-size:18px; font-weight:bold; text-align:center;}

*html #login_butt {font-size:16px; color:#FFFFFF; text-align:center; margin-left:20px; padding-top:0px; padding-left:0px;}
*html #login_butt img {margin-left:5px; margin-right:5px; margin-bottom:0px; margin-top:8px; padding-bottom:0px;}


/*Horizontal nav style*/
#navlist
{
position: relative;
height: 2.1em;
margin: 0;
padding: 0;
/*border-bottom: 3px solid #d5b400;*/
white-space: nowrap;
padding-top:14px;
margin-top:5px;
font-size:12px;
font-weight: bold;
}

/**html #navlist {margin-bottom:-9px; margin-top:15px;}*/

#navlist li
{
float: left;
margin: 4px 0 0 2px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #fff;
list-style-type: none;

}

#navlist li a
{

position: relative;
/*width: 10em;*/
display: block;
margin: 0;
padding: 4px 6px;
/*border-width: 1px;
border-style: solid;
border-color: #fff;
border-bottom:1 px solid #fff;*/
background-color: #6093c1;
color:#FFFFFF;
font: bold 1.0em/120% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

#navlist li a:hover
{
font-weight: bold;
text-decoration: none;
/*border-color: #fff;*/
background-color: #f2f2f2;
color:#6093c1;

}

#navlist li #active
{
font-weight: bold;
text-decoration: none;
/*border-color: #fff;*/
background-color: #fff;
color:#6093c1;
/*border-color: #f96 #c30 #f63 #f96;*/
/*border-color: #ccc;*/
/*border-bottom: 3px solid #fff;*/
}

/*#navlist li#active a:hover { color: #800000;  }*/

#navlist ul#subnavlist
{
position: absolute;
width: 100%;
left: -25px;
top: 3.7em;
height: 1.75em;
margin: 0;
padding: 0;
padding-left:25px;
padding-top:5px;
white-space: nowrap;
background-color:#F2F2F2;


}

#navlist ul#subnavlist li
{
width: 16ex;
margin: 0;
border: 0;
}

#navlist ul#subnavlist li a
{
width: auto;
padding: 0.06em 1em 0;
border: 0;
background-color: #F2F2F2;
color: #000;
font: normal normal 1.0em/110% Verdana, Arial, sans-serif;
}

#navlist ul#subnavlist li a:hover
{
color: #00c;
text-decoration: underline;
font-weight: 400;
/* IE5/Mac disappearing item fix */
}

#navlist ul#subnavlist li#subactive a
{
background-color: #F2F2F2;
color: #000;
font-weight:bold;
}

* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 100%;
/* IE5/Mac fixed width fix */
}


/*end horizonatl nav style*/

/*Start Form style*/
p.login{margin-left:12px;}
input.login {width:200px;padding:5px;}
/*end form style*/

/*Top menu nav style*/
#menumain{
	background-color:#E1F6FE;
	border:2px solid #67CFF9;
	margin:0 0 12px 12px;
	padding:8px;
	}


#menumain.on {
	background-color:#B0E7FC;
	border:2px solid #67CFF9;
	margin:0 0 12px 12px;
	padding:8px;
	}

#menumain.of {
	background-color:#E1F6FE;
	border:2px solid #67CFF9;
	margin:0 0 12px 12px;
	padding:8px;
	}
/*Top menu nav style*/

/*left menu nav style*/

#navleft-top{
	width:144px;
	background-color:#099DD7;
	border-left:10px solid #000066;
	border-right:5px solid #FF9900;
	border-bottom:2px solid #CCCCCC;
	border-top:2px solid #000066;
	padding:8px 0 12px 12px;
	margin-bottom:0;
	}
	
#navleft-bottom{
	width:144px;
	background-color:#099DD7;
	border-left:10px solid #000066;
	border-right:5px solid #FF9900;
	border-bottom:2px solid #000066;
	padding:8px 0 12px 12px;
	margin-top:-18px;
	}

#navleft { 
	width: 100%;
	}

#navleft ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

#navleft a
{
display: block;
padding: 5px 8px;
width: 140px;
background-color: #099DD7;
border-bottom: 1px solid #eee;
border-left:10px solid #000066;
border-right:5px solid #FF9900;
}

#navleft a:link, #navleft a:visited
{
color: #fff;
text-decoration: none;
border-left:10px solid #000066;
border-right:5px solid #FF9900;
}

#navleft a:hover
{
background-color: #0779A6;
color: #fff;
text-decoration:none;
border-left:10px solid #000066;
border-right:5px solid #9e260d;
}

/*left menu nav style*/

/*right link list style*/

#navright { 
	width: 100%;
	}

#navright ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navright a
{
display: block;
color:#3366FF;
text-decoration:none;
}

#navright a:link, #navright a:visited
{
display: block;
color:#3366FF;
text-decoration:none
}

#navright a:hover
{
color:#3300FF;
text-decoration:none;
}
/*right link list style*/

/* ----------- stylized ----------- */
.myform{
margin:auto;
width:500px;
padding:14px;
}

#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
}

#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
/* ----------- stylized ----------- */


/* ----------- program page ----------- */	
#program_link {
padding-left: 0;
margin-left: 0;
margin-top:12px;
/*width: 200px;*/
}

#program_link li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-bottom: 2px solid #b5eafd;
background:url(images/arrow-out.png) center left no-repeat;
padding-left:20px;
}


#program_link a {color:#0572CC; font-size:18px; display:block; padding:3px; text-decoration:none;}
#program_link a:hover{color:#0B8EF9; text-decoration:none;}

h3 { margin: 20px 0 10px 0; }


.login-block {
    /*float:left;*/
    margin:0 49px 25px 0;
    text-align:center;
    width:260px;
}

.login-block form {
    -moz-border-radius:15px;
    -moz-box-shadow:0 0 10px #333;
    -webkit-border-radius: 15px;
    -webkit-box-shadow: 0 0 10px #333;
    border:3px solid white;
    padding:20px;
}

.login-block .active-form {
    border-color:#a3ceff;
}

.login-block form p {
    margin:0;
    text-align:left;
}

.login-block label {
    color:#7C6767;
    font-size:14px;
}

.login-block input[type="text"], .login-block input[type="password"] {
    border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
    border-right:1px solid #CCCCCC;
    border-style:solid;
    border-width:1px;
    font-size:15px;
    margin:0 0 15px;
    padding:5px;
    width:200px;
}

.login-block a.button {
    text-decoration:none;
}

.login-block input[type="text"]:focus, .login-block input[type="password"]:focus {
    border-color:#555555;
}


table.tablesorter {border-spacing:1px;
	background-color: #CDCDCD;
	margin:10px 0 15px; padding:0;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	text-shadow:0 2px 0 #fff;
}
table.tablesorter td {border:1px solid #FFF;}
table.tablesorter thead {text-transform:uppercase;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color:#55d0fb; border:1px solid #FFF; font-size:8pt; padding:4px 20px 4px 4px; color:#fff;text-shadow:0 1px 0 #444; }
table.tablesorter thead tr .header {background-image: url(img/bg.gif); background-repeat:no-repeat; background-position:center right; cursor: pointer;}
table.tablesorter tbody td {color:#3D3D3D; padding:4px; background-color:#FAFAFA; vertical-align:top;}
table.tablesorter tbody tr.odd td {background-color:#E6E6F6;}
.tablesorter tbody td.link {background-image:url(img/tdlink.gif); background-repeat:no-repeat; background-position:right 3px;}
table.tablesorter tbody tr.odd td.link {background-image:url(img/tdlinkodd.gif); background-repeat:no-repeat; background-position:right 3px;}
table.tablesorter thead tr .headerSortUp {background-image:url(img/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image:url(img/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color:#CCCCFF;}

/* ----------- program page ----------- */	

/*footer style*/
#footer {
	background-color:#b5eafd;
	color:#de1a1c;
	padding:12px 12px 12px 8px;
	margin-top:-18px;
	margin-bottom:-18px;
	
	}
	
#footer a{color:#800000; text-decoration:none;}
#footer a:hover{color:#cc0000; text-decoration:none;}
/*footer style*/


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
width:100%;
}
.tabberlive {
 margin-top:1em;
 width:100%;
}


/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 /*border:1px solid #aaa;*/
 border-top:0;
 

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#bottom-flex, #bottom2-flex, #bottom3-flex {padding:8px; }

*html #bottom-flex, #bottom2-flex, #bottom3-flex {padding:0px; }

#bottom-flex h5, #bottom2-flex h5, #bottom3-flex h5 {background:url(images/images_icons_bullet.png) center left no-repeat; padding-left:25px; color:#de1a1c; }

*html #bottom-flex h5, #bottom2-flex h5, #bottom3-flex h5 {background:url(images/images_icons_bullet.png) center left no-repeat; padding-left:25px; padding-top:4px; color:#de1a1c; margin-left:4px; margin-right:4px; }

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 180px;
height: 95px;
border: 1px solid black;
padding: 3px;
background-color: white;
}

#pscroller2{
width: 340px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

#navcontainer2 ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer2 ul li a:hover
{
background-color: #369;
color: #fff;
}

.floatleft_img
{
float: left;
margin: 0 10px 0 0;
background-color: #ddd;
padding: 10px;
border: 1px solid #666;
}

#news_bottom {font-size:10px; font-weight:bold; text-transform:capitalize;}
#news_bottom a{color:#800000; text-decoration:none;}
#news_bottom a:hover{color:#CC0000; text-decoration:none;}
#news_bottom ul{list-style-image:url(images/bullet_icon.png);}
#news_bottom ul li{list-style-type:none; list-style:outside; list-style-image:url(images/bullet_icon.png); margin-bottom:10px;}

*html #news_bottom ul li{list-style-type:none; list-style:outside; list-style-image:url(images/bullet_icon.png); margin-bottom:10px; margin-left:4px;}

#statcont {width:100%; overflow:auto; height:360px; margin-top:12px; margin-bottom:12px; padding-left:8px;}