/* CSS Document */

    body {
      background:#fff;
	  float:center;
      margin:0;
      padding:0;
      color:#000;
      font:small/1.5em Verdana, Arial, Helvetica, sans-serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}
	 
	 a, a:visited {color:#0066CC;}
	 
	 a:hover {color: #000066; }
	  
	/**nav**/
	
	#text {
	font-size:12px;
	padding:10px 10px 0;
	}
	
	#textsm {
	font-size:10px;
	}
	
	#header {
      float:left;
      width:100%;
      background:#DAE0D2 url("/images/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("/images/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #header a {
      display:block;
      background:url("/images/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
	  text-transform:uppercase;
      font-weight:bold;
	  font-size:10px;
      color:#666;
      }
    #header a:hover {
      color:#000;
      }
    #header #current {
      background-image:url("/images/left_on.gif");
      }
    #header #current a {
      background-image:url("/images/right_on.gif");
      color:#000;
      padding-bottom:5px;
      }
	
	/**subnav**/
	#subheader{
	float: left;
	width: 100%;
	background: url("images/bg2.gif") repeat-x top;
	}
	
	#subheader ul{
    margin:0;
    padding:10px;
    list-style:none;
    }
	
	#subheader li {
    margin:0;
    padding:0 0 10px 20px;
	display: inline;
      }
	
	#subheader #phatty a {
	text-decoration:none;
	color: #000;
	font-weight: bold;
      }  
	  
    #subheader a {
      text-decoration:none;
	  text-transform:uppercase;
      font-weight:bold;
	  font-size:10px;
      color:#0066cc;
      }
	  
	 #subheader a:hover{
	 color: #000;
	 }
	
	/**top**/
	#top {
	background: url("/images/header_top.gif") top left no-repeat;
	height:80px;
	}
	
	#top span{
	display: none;
	}
	
	#buttons {
	width: 615px;
	padding: 0;
	margin: 0 0 0 25px;
	background: #fff;
	}
	
	#buttons a{
	float: right;
	padding: 2px 6px 2px 6px;
	margin: 4px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
    color:#666;
	background:#fff;
	border: 1px solid #DAE0D2;
	}
	
	#buttons a:hover{
	color:#CC6600;
	}
	
	
	/**homepage content**/
	#content, #content2{
	clear: both;
	margin: 10px 20px;
	padding-top: 30px;
	}
	
	.home #content, .manage_users #content, .archives #content, .help #content{
	width: 90%;
	}
	
	.home #content2, .manage_users #content2{
	width: 525px;
	}
	
	.manage_ips #content{
	width: 600px;
	}
	
	.login #content{
	width: 625px;
	}

	#content p, #content2 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5em;
	margin-bottom: 8px;
	}
	
	/*IE HACK*/
	* html #content p{
	line-height: 1.2em;
	}
	
	h1, h2 {
	color:#ff6600;
	text-transform:uppercase;
	font-size:13px;
	margin-bottom: 15px;
	margin-top: 0px;
	}
	
	h2 {
	color:#000;
	margin-bottom: 6px;
	padding-bottom: 15px;
	}
	
	h3 {
	color: #6c4e2d;
	font-size: 11px;
	letter-spacing: .1em;
	margin-bottom: 8px;
	padding:0;
	text-transform: uppercase;
	width:100%;
	}
	
	.or {float: right; background: #ffff66; padding: 5px 10px; margin-top: 10px;font-size:12px; font-weight: bold;}
	
	#homebuttons {
	float: right;
	margin-top:10px;
	}
	
	#homebuttons ul{
    margin:0;
    padding:0;
    }
	
	#homebuttons li {
    margin-bottom:10px;
	padding: 5px 15px;
	background:#0066cc url(images/bg2.gif);
	list-style: none;
	border: 1px solid #0066cc;
	text-align: center;
    }
    
	#homebuttons a {
    text-decoration:none;
	text-transform:uppercase;
    font-weight:bold;
	font-size:10px;
	color: #0066cc;
    }
	
	#homebuttons a:hover{
	color: #000;
	}
	
	/**FORMS**/
	
	.formbox{
	border: 1px solid #ccc;
	background: #fff url(/images/gradient.gif) repeat-x;
	padding: 20px;
	}
	
	.formbox500, .formbox80{
	border: 1px solid #ccc;
	background: #fff url(/images/gradient.gif) repeat-x;
	padding: 20px;
	width: 500px;
	}
	
	.formbox80{
	width: 80%;
	}
	
	.formbox2{
	border: 1px solid #ccc;
	width:250px;
	background: #fff url(/images/gradient.gif) repeat-x;
	padding: 20px;
	}
	
	
	.textfield, .multselect{
	border: 1px solid #666;
	background: #fefee9;
	font-family: Verdana, Tahoma, helvetica, sans-serif;
	padding: 2px 4px;
	font-size: 11px;
	color: #333333;
	}
	
	textarea{
	font-family: Verdana, Tahoma, helvetica, sans-serif;
	font-size: 11px;
	}
	
	input.submit, input.delete,button.submit{
	text-transform:uppercase;
	background-color: #dedede;
	color:#000;
	font-size: 11px; font-weight: bold;
	letter-spacing: .1em;
	padding: 2px 5px;
	margin: 0;
	border: 1px solid;
	border-top-color:#bbc0b3;
	border-left-color:#bbc0b3;
	border-right-color: #9ea398;
	border-bottom-color:#9ea398;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cccccca');
	}
	
	input.submit,button.submit {
	float: right;
	}
	
	input.submit:hover, #pod button:hover, button.submit:hover{
   border: 1px solid green;
   color: green;
   }
   
   input.submit:active, #pod button:active, button.submit:active, input.delete:active{
   border: 1px solid green;
   color: #000;
   }

	input.delete:hover
   {
   border: 1px solid red;
   color: red;
   }
   
   input.delete{
   color: red;
   }
   
   input.submit:disable
   {
   filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#dededea');
   }
   
   input.upload{
   margin-left: 5px;
   font: Tahoma, sans-serif bold;
   }
	
	#buttons{
	width: 25%;
	float: right;
	margin-bottom: 10px;
	}
	
	/*IE HACK*/
	* html #buttons{
	width:30%;
	}

	form p{
	font-family: Verdana, Tahoma, helvetica, sans-serif;
	line-height: 13px;
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	}	
	
	form label{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	}
	
	#roles label, #milestones label, #defaults label, #dis_only label{
	text-transform: none;
	font-size: 11px;
	font-weight: bold;
	}
	
	#dis_only, #pod, #randm{
	margin-bottom: 16px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #ccc;
	}
	
	#roles p, #milestones p, #defaults p, #dis_only p{
	margin-bottom: 6px;
	}
	
	#borderless{
	margin-bottom: 16px;
	}
	
	#pod table{
	text-align: left;
	padding:0; margin:0;
	}
	
	#pod table th, td{
	padding-bottom: 0px;
	padding-right: 0px;
	font-size: 10px;
	}

	#pod button{
	text-transform:uppercase;
	background-color: #dedede;
	color:#000;
	font-size: 10px; font-weight: bold;
	letter-spacing: .1em;
	padding: 2px 5px;
	margin: 0;
	border: 1px solid;
	border-top-color:#bbc0b3;
	border-left-color:#bbc0b3;
	border-right-color: #9ea398;
	border-bottom-color:#9ea398;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cccccca');
	}
	/**SEARCH RESULTS**/
	
	#searchresults{
	width: 100%;
	}
	
	.fourbuttons #searchresults{
	width: 95%;
	}
	
	#searchresults th {
	font: bold 10px Verdana, Tahoma, sans-serif;
	color: #336699;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ffcc99;
	border-top: 1px solid #ffcc99;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ccc url(/images/bg_th.jpg) no-repeat;
	}
	
	#searchresults th a{
	color: #0066cc;
	}
	
	#searchresults th a:hover{
	color: #000;
	}
	
	#searchresults th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ffcc99;
	background: none;
	color:#999;
	font-size: 10px;
	text-align: right;
	}
	
	#searchresults th.spec {
	width: 100px;	
	border-left: 1px solid #ffcc99;
	border-right: 1px solid #ffcc99;
	border-bottom: 1px solid #ffcc99;
	border-top: 0;
	background: #ffe9ba;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	}

	#searchresults th.specalt {
	width: 100px;
	border-left: 1px solid #ffcc99;
	border-right: 1px solid #ffcc99;
	border-bottom: 1px solid #ffcc99;
	border-top: 0;
	background: #fff6e1;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	}
	
	.manage_users #searchresults th.spec, .manage_users #searchresults th.specalt,
	.archives #searchresults th.spec, .archives #searchresults th.specalt
	{
	width: 60px;
	}
	
	.fourbuttons #searchresults th.spec, .fourbuttons #searchresults th.specalt{
	width: 200px;
	}
	
	#searchresults td {
	border-right: 1px solid #ffcc99;
	border-bottom: 1px solid #ffcc99;
	background: #ffe9ba;
	padding: 6px 6px 6px 12px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}


	#searchresults td.alt {
	background: #fff6e1;
	color: #666;
	}
	
	#searchresults td.red {
	color: red;
	}
	
	#searchresults caption {
	display: none;
	}
	
	.archives h4{
	margin-bottom:2px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .1em;
	}
	
	.archives #searchresults th.specalt, .archives #searchresults th.spec{
	width: 80px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
	
	.archives #searchresults #archivetop td{
	border: none;
	background:#fff;
	}
	
	/**Other Formatting**/
	
	#alert{
	width: 80%;
	border: 1px dotted red;
	padding: 10px;
	font-size: 11px;
	}
	
	#nonalert{
	text-align: center;
	width: 50%;
	border: 1px dotted #999;
	padding: 8px;
	font-size: 12px;
	margin-bottom: 10px;
	}
	
	#nonalert a{
	font-weight: bold;
	font-size: 12px;
	}
	
	.red{
	color: #CC0000;
	}
	
	.null{
	color: #CC0000;
	}
	
	#message{
	width: 80%;
	}
	
	#date_notice {
	color: #CC0000;
	visibility:hidden;
	}
	/**Footer**/
	/* 
	#footer{
	margin: 20px 0;
	text-align: center;
	font-family:verdana, tahoma, sans-serif;
	font-size:10px;
	color: #666666;
	}
	*/
	
	
	#footer {display: none;}
	
	.who{
	color: #CC0000;
	font-size: 10px;
	font-weight: bold;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
	}
	
	.help ul{
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 1.5em;
	margin: 4px 10px 4px 15px;
	}
	
	.help li{
	margin:0;
    padding:0 0 10px 0;
	}
	
	.help #content p{
	margin-top: 2px;
	}
	
	.help a{
	font-weight: bold;
	}
	
	.help h3{ margin: 6px 0 0 0;}
	
	.help ul li ul li{
	list-style; none;
	}
	
	.help ul li ul li ul li{
	list-style: square;
	}
	
	option {padding-right:3em;}
	

/**CSR REPORT STYLES**/

.protocol-id_container {
	background-color: #fee9c1;
	width: 100%;
	border: thin solid #999999;
	margin-bottom: 24px;
	font-size:10px;
}

.blue-label {
	background-color: #99CCFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 106px;
	height: auto;
}

.blue-hdr {
	background-color: #99CCFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.orange-label {
	background-color: #fdd588;
	width: 106px;
	height: auto;
}

.orange-row {
	background-color: #fdd588;
}