body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
p, h1, form, button, ul, li, table{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:880px;
	padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
}
#stylized h1 {
	margin-bottom:24px;
	padding-bottom:10px;
	border:solid 1px #b7ddf2;
	background: url(banner.gif) no-repeat scroll center;
	height:200px;
}
#stylized h1 span {
	margin-top:70px;
	margin-left:30px;
	padding: 12px;
	display:inline-block;
	font-size:36px;
	color:black;
	background-color:rgba(70,150,255,0.5);
	text-shadow: 0px 1px 1px white;
}
#stylized .help{
	margin-left:750px;
	margin-top:-25px;
	border: 1px solid #b7ddf2;
	border-top: 1px solid #ebf4fb;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
}
#stylized .help a{
	text-decoration: none;
}

#stylized h3 {
	margin-bottom:10px;
}
hr{
	color:#b7ddf2;
	background-color:#b7ddf2;
	height:1px;
	border:0;
	margin-bottom:24px;
	clear:both;
}
#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:10px;
}
#stylized ul{
	list-style-type:none;
}
#stylized #menu li{
	float: left;
	padding: 6px;
	font-size:14px;
	border:1px solid #ccc;
	border-bottom:0px;
	margin-right:20px;
}
#stylized #menu li a{
	padding: 6px;
	text-decoration: none;
	color: #666;
}
#stylized #menu li.highlight{
	border: 1px solid #b7ddf2;
	border-bottom:0px;
	font-weight:bold;
	color: #333;
}
#stylized td{
	vertical-align:top;
	width:440px;
	height:24px;
	border-bottom:1px dashed #d9edf0;
}
#stylized .questionmark{
	content:"";
	float:right;
	background:url(helpIcon.gif) no-repeat 0 0;
	width:16px;
	height:16px;
	cursor:pointer;
	margin-top:6px;
}
#stylized .titleTr {
	font-weight:bold;
	font-size:14px;
}
#stylized .titleTr td{
	padding: 10px 0px 2px 20px;
	border-bottom: 1px solid #b7ddf2;
}
#stylized label{
	display:block;
	text-align:right;
	width:200px;
	float:left;
	margin-top:6px;
}
#stylized label.vtop{
	margin-top:0px;
}
#stylized .small{
	clear:both;
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	padding-right: 20px;
	margin-bottom: 8px;
}
#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:190px;
	margin:2px 0 2px 10px;
}
#stylized select{
	float:left;
	font-size:12px;
	padding:4px 2px;
	width:200px;
	margin:5px 0 5px 10px;
}
#stylized input.checkbox{
	width:20px;
}
#stylized .button{
	clear:both;
	margin-left:290px;
	width:120px;
	height:24px;
	background:#000066;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#stylized .button1{
	clear:both;
	margin-left:686px;
	width:150px;
	height:24px;
	background:#000066;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#stylized .button2{
	float: right;
	margin-right: 30px;
	width:150px;
	height:24px;
	background:#000066;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#stylized .codebox{
	float: right;
	margin-right: 30px;
	width: 135px;
	height: 14px;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #b7ddf2;
	text-align:center;
}
div.hr{
	height:15px;
	background: url(hr1.gif) no-repeat scroll center;
}

#backgroundPopup{  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:100%;  
    width:100%;  
    top:0;  
    left:0;  
    background:#000000;  
    border:1px solid #cecece;  
    z-index:1;  
}  
#popupContent{  
    display:none;
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:124px;  
    width:189px;  
    background:#E6E6E6;  
    border:2px solid #FFFFFF;  
    z-index:2;  
    padding:0px;  
    font-size:13px;  
}
#popupContent div{
	color: black;
	padding: 0 5px 0 5px;
}

/* ----------- tab ----------- */
.tabs { list-style: none; }
.tabs li { display: inline; }
.tabs li a { color: black; float: left; display: block; padding: 4px 10px; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; }
.tabs li a:hover { background: #ccc; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.box-wrap { position: relative; min-height: 58em; }
.tabbed-area div div { background: min-height: 58em; position: absolute; top: -1px; left: 0; width: 99%; }
.tabs li a { border: 1px solid #ccc; }
#cysweb:target, #pdfbox:target {
  z-index: 1;
}