﻿BODY {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-image: url(../image/bg.jpg);
	background-color:#808ABB;
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 10px;
	font-size: 11px;
	color: #4C4C4C;

}
sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
	}

#page{
	background-color: #FFFFFF;
	width: 760px;
	margin-right: 10px;
	margin-left: 10px;
}

#MainTABLE {
	width: 780px;
}

#Header {
	margin-right: 10px;
	margin-left: 10px;
	height: auto;
	width: 760px;
}
#topMenu{
	width: 760px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0px;
	margin-bottom: 0px;
}

#topMenu div,
#topMenu div table,
#topMenu div table td{
	padding:0px;
}

#Flash_banner {
	width: 780px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#LEFTColumn {
	width: 190px;
	height: auto;
	margin-top: 30px;
	
}
#MiddleColumn {
	width: 390px;
	height: auto;
	margin-top: 30px;
	top: 30px;
	border-left: 1px solid #CCCFD8;	
}
#RightColumn{
	width: 160px;
	margin-top: 30px;
	margin-left: 20px;
	
}
#Homepage_banner {
	margin-left: 25px;
	margin-top: 10px;
}
#Homepage_TABLE {
	height: auto;
	margin-right: 15px;
	margin-left: 20px;
	margin-top: 20px;

}
#MiddleContent{
	WIDTH: 350px;
	height: auto;
	margin-top: 30px;	
	padding-left: 20px;
	margin-left: 5px;
}
#References_TABLE {
	height: auto;
	width: 400px;
	margin: 0px;
	background-color: #808BBC;
}
#popup {
	position: relative;
	background-color: #0D29A6;
	width: 250px;
}
#footer {
	width: 760px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 20px;
}
.bodytext {
	color: #4C4C4C;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
    
}
.bodytext a{
	color: #4C4C4C;
	text-decoration:underline;
    
}

.bodytext a:hover {
	color: #323F79;
	text-decoration:underline;

}
.superscript {
	color: #4C4C4C;
	vertical-align: super;
	font-size: 8px;
	padding: 0px;
}
.whitelink{
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	font-size: 11px;
	font-weight:bold;
	text-align: center;
	padding-left: 10px;
}
.whitelink a:link {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.whitelink a:visited {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.whitelink a:hover {
	COLOR: #323F79; TEXT-DECORATION: underline
}
.leftnav_section{
	font-size: 13px;
	color: #4C4C4C;
	text-decoration: none;
	width: 150px;
	padding-bottom: 12px;
	font-weight: bold;
	margin-left: 20px;
}
.leftnav_section a:link{
	color: #4C4C4C;
	text-decoration: none;
}
.leftnav_section a:visited{
	color: #4C4C4C;
	text-decoration: none;
}
.leftnav_section A:hover{
	color: #323F79;
	text-decoration: none;
	
}

.leftnav {
	font-size: 11px;
	color: #4C4C4C;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCFD8;
	margin-left: 28px;
	width: 150px;
}

.leftnav a
{
	padding-left:1em;
}

.leftnav a:link, .leftnav a:active, .leftnav a:visited {
	COLOR: #4C4C4C;
	text-decoration: none;
	
}

.leftnav a:hover {
	color: #323F79;
	background-image:url(../image/circle.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	
}
.leftnavdot{
	font-size: 11px;
	color: #4C4C4C;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCFD8;
	margin-left: 28px;
	width: 150px;}
	
.leftnavdot a {
	color: #4C4C4C;
	background-image:url(../image/circle.jpg);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 1em;
	text-decoration:none;}

.leftnavdot a:visited {
	font-size: 11px;
	color: #4C4C4C;
	text-decoration: none;
}
	
.h1 {
	font-size: 20px;
	color: #001FA4;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.h2 {
	font-size: 13px;
	color: #4C4C4C;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

}
.h2 a{
	color: #4C4C4C;
	text-decoration: underline;
	font-weight: bold;

}
.h2 a:visited{
	color: #4C4C4C;
	text-decoration: underline;
	font-weight: bold;

}
.h2 a:hover{
	color: #323F79;
	text-decoration: underline;	
}

.h3 {
	font-size: 16px;
	color: #001FA4;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 16px;
	padding-bottom: 6px;
}
.Poll_question{
	color: #4C4C4C;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 8px;
	padding-top: 1px;
}
.radio_button{
	text-indent: -0.2em;
	margin-bottom: 20px;
	
}
.textfield {
	font-size: 11px;
	color: #4C4C4C;
	margin-right: 5px;
	padding-left: 3px;
	padding-right: 3px;
}
.button {
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}


.footer {
	COLOR: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	text-align: left;
}
.footer a:link{
	COLOR: #FFFFFF;
	text-decoration: underline;
	font-size: 9px;
    
}
.footer a:visited{
	COLOR: #FFFFFF;
	text-decoration: underline;
	font-size: 9px;
}
.footer a:hover{
	COLOR: #323F79;
	text-decoration: underline;
	font-size: 9px;
}

.highlight_box {
	text-decoration: none;
	background-color: #CED0E7;
	margin-top: 0px;
	margin-bottom: 0px;
}
.highlight_Leftbox {
	text-decoration: none;
	background-color: #CED0E7;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 150px;
	margin-left: 20px;
	padding:0px;
}

.highlight_body {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #4C4C4C;
    height: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin:0px; 
	padding:0px 12px 0px 12px;
}

.highlight_Heading .highlight_body a:link {
	font-size: 13px;
}
.highlight_Heading {
	text-decoration: none;
	font-size: 11px;
	color: #4C4C4C;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	margin:0px; 
	padding:12px 12px 0px 12px;
}
.highlight_Heading a:link, a:visited{
	text-decoration: underline;
	font-size: 11px;
	color: #4C4C4C;
}
.highlight_Heading a:hover{
	text-decoration: underline;
	font-size: 11px;
	color: #323F79;
	padding-top: 10px;
}
.references_body {
	text-decoration: none;
	font-size: 11px;
	color: #4C4C4C;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
}
.references_body a:link {
	text-decoration: underline;
	font-size: 11px;
	color: #4C4C4C;

}
.references_body a:visited {
	text-decoration: underline;
	font-size: 11px;
	color: #4C4C4C;

}
.references_body a:hover{
	text-decoration: underline;
	font-size: 11px;
	color: #4C4C4C;
	
}
.popup_body {
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 12px;
}
.popup_body a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.popup_body a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.popup_body a:hover {
	text-decoration: none;
	color: #CED0E5;
}	
li.faq {
    list-style-image: url(../image/bullet.jpg);
    margin-bottom: 5px;
}

li.faq_selected{
    list-style-image: url(../image/bullet_1.jpg);
    margin-bottom: 5px;
}

li.faq_selected li, li.faq li {
    list-style-image: none;
    list-style-type: disc;
}

p.question {
    margin: 0px 0px 5px 0px;
    cursor: pointer;
}

p.answer {
    margin: 0px 0px 5px 0px;
}

div.hidden {
    display: none;
}

div.visible {
    display: block;
}
.homepage_text {
	color: #4C4C4C;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;	
    
}
.homepage_text a:link {
	color: #4C4C4C;
	text-decoration: none;
	
}
.homepage_text a:visited {
	color: #4C4C4C;
	text-decoration: none;
	
}
.homepage_text a:hover {
	color: #323F79;
	text-decoration:underline;   

}
#Homepage_1 {
	height: auto;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;	
	
}
#Homepage_2 {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 15px;
	margin-bottom: 10px;	
}
#Poll_table{
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 20px;
}


.PollTable
{
    margin:				0px;
    padding:			0px;
    padding-right:		0px;
    padding-bottom:		0px;
    width:				150px;
    border:				0px;
}
.boundingdiv
{
    width:				150px;
}

.answerbar
{
    background-color:   #8888FF;
    height:             8px;
    border:             none;/*1px solid black;*/
    padding:            0px;
    margin:             0px;
}
.answerbarspace
{
    background-color:	#cbd0e3;
	width:				372px;
    height:             8px;
}

.resultsTable
{
    width:              310px;
    border:             none;/*1px solid black;*/
}
.resultsText
{
    width:              150px;
}

.bartext
{
    font-size:          x-small;
}
#resultsbar
{
	background-color:	#808cbc;
}



 ul {margin-top:0px; padding-top:0px;}
 
 body.popup {
	background: #808bbc;
	padding: 0;
	margin: 0;
	border: 0;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
}
#popupPage {
	width: 380px;
	height: 400px;
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.popupContentWrapper {
	width: 379px;
	overflow: hidden;
}
.popupContentWrapper .header {
	background: url(med/popupHeader.gif) no-repeat;
	height: 55px;
}
.popupContentWrapper .bottom {
	background: url(med/popupBottom.gif) left top no-repeat;
	height: 13px;
}
.popupContentWrapper .header .closeBtn {
	float: right;
	margin: 4px 10px 0 0;
	background: url(med/iconClose.gif) right 4px no-repeat;
}
	html>body .popupContentWrapper .header .closeBtn {
		margin-top: 6px;
		background: url(med/iconClose.gif) right 1px no-repeat;
	}
.popupContentWrapper .header .closeBtn a {
	padding-right: 15px;
	font-size: 9px;
	color: #001fa4;
	text-decoration: none;
}
.popupContentWrapper .header .closeBtn a:hover {
	text-decoration: underline;
}
.popupContentWrapper .header .title {
	clear: both;
	font-size: 24px;
	font-weight: bold;
	color: #001fa4;
	padding-left: 15px;
	padding-top: 6px;
}
	html>body .popupContentWrapper .header .title {
		padding-top: 8px;
	}

.popupContentWrapper .contentBody {
	width: 379px;
	background: #fff;
	padding-top: 10px;
	height: 305px;
	overflow: hidden;
	margin-bottom: -13px;
}
	html>body .popupContentWrapper .contentBody {
		padding: 0;
		margin-bottom: 0;
	}

.popupContentWrapper .contentBody .longContent {
	width: 355px;
	height: 300px;
	margin: 0 10px 0 20px;
	overflow: auto;
}

img {
	border:none;}
	
.bodytext a.question {
text-decoration:none;
color:#4c4c4c;
}

.bodytext a.question:hover{
color:#8aa210;
text-decoration:none;
}

.bodytext a.ask {

text-decoration:none;
color:#4c4c4c;
}

 

.bodytext a.ask:hover{
color:#8aa210;
text-decoration:none;
}

.subMenu {
	position:absolute;
	top:100px;
	width:185px;
	z-index:10;
	display: none;
}

#Layer1 {

	position:absolute;

	width:400px;

	height:115px;

	z-index:11;

	left: 227px;

	top: 391px;

	display: none;

}
#Layer6 {
	position:absolute;
	width:200px;
	height:1px;
	z-index:12;
}
#Layer9 {
	position:absolute;
	width:200px;
	height:1px;
	z-index:12;
}
#Layer10 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:13;
}
#Layer11 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:13;
}
#Layer12 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:17;
}
#about {
	position:absolute;
	width:400px;
	height:auto;
	z-index:12;
	top: 0;
	display: none;
}

#term {
	position:absolute;
	width:400px;
	height:auto;
	z-index:13;
	top: 0;
	display: none;
}

#privacy {
	position:absolute;
	width:400px;
	height:auto;
	z-index:14;
	top: 0;
	display: none;
}
#reference {
	position:absolute;
	width:400px;
	height:115px;
	z-index:16;
	display: none;
}
#Lareference {
	position:absolute;
	width:200px;
	height:115px;
	z-index:15;
}
.style1 {
	color: #000000;
	font-size: 10px;
}


.footnote {
    color: Gray;
    font-size: 10px;
}

#callout-add
{
	background-color: #CED0E7;
	background-image: url('../image/c_03.jpg'), url('../image/c_04.jpg');
	background-repeat: no-repeat;
	background-position: top left, bottom left;
	padding:15px 10px 15px 10px;
}

.visual_add, .visual_add a, .visual_add a:visited 
{	
	font-size:14px;
	font-weight:bold;	
}

#romanowski
{
	display:none;
}

div#dialog ol li
{
	padding: 0px 5px 10px 5px;
	color: #4C4C4C;
	font-size:11px;
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
}

div#opener
{
	background: url('../image/bullet.jpg') no-repeat left center;
	cursor:pointer;
	text-decoration:underline;
	padding-left:15px;
}
	
#message
{
	font-weight:bold;
	cursor:pointer;
}

div#error
{
	background: url('../image/bullet.jpg') no-repeat left center;
	cursor:pointer;
	text-decoration:underline;
	padding-left:15px;
}



/**** This CSS only for tooltip display small window message box ****/

a.info
{
    position:relative; /*this is the key*/
    z-index:24; 
    background-color:#ccc;
    color:#000;
    text-decoration:none;
}

a.info:hover{z-index:25; background-color:#979DBD;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
    left:2em; 
    width:20em;
    border:1px solid #001FA4;
    background-color:#CED0E7; color:#000;
    text-align: center;
    padding:5px;
    text-align:left;
}

/**** End tooltip display small window message box ****/


