

body 
{
	text-align: center;
	margin: 20px;		/* shift whole page down by 25 pixels */
	background-color: #CCCCFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}

a:hover:visited,a:hover {
	color:#0033FF;
	text-decoration:underline; 
}
a:visited {color:#6788BF;
	text-decoration:none; 
}
a {color:#0066CC;
	text-decoration:none; 
}

#iframe
{
	text-align: left;
	background-color: #ffffff;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	width: 100%;
	font-size:70%;
	/*t r b l*/
	margin:0px 10px 0px 20px;
	clip:auto;
}

.bottomRound, .bottomSmall
{
	position: relative;
	text-align: left;
	width: 100%;
	background-color: #ffffff;
	margin: 0 auto;
	border: 3px solid #000066;
	border-top-style: solid;
    border-bottom-style: solid; 
 	border-left-style: solid;
 	border-right-style: solid;
}

.bottomRound p
{
	padding-right:15px;
}


#IEroot .bottomRound
{
	border-top-style: solid;
}

a.header, a.header:visited, a.header:active
{
	background-color: #666699;
	color: white;
	font-size: 18px;
}

div.formHeader, #formHeader, .topSmall, .bothSmall
{
	position: relative;
	width: 100%;
	background-color: #666699;
	margin:0 0 0 0;
	border: 3px solid #000066;
	border-top-style: solid;
    border-bottom-style: none; 
 	border-left-style: solid;
 	border-right-style: solid;
}

#mainForm
{
	position: relative;
	/*
	border: 1px; 
	border-style: solid;
	*/
	margin: 0 auto;
	text-align: left;
	width: 100%;
	background-color: #ffffff;
}

td.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	/*font-size:12px;	*/
	padding-left:20px;
	left:20px;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	/*font-size:12px;	*/
	left:20px;
	padding-left:20px;
}

li.mainForm
{
	padding-bottom: 5px;
	left:20px;
	padding-left:20px;
}

li.treatment
{
	vertical-align: left;
	right:20px;
	padding-right:20px;
}

#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}

div.testHeader
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 60%;
    padding: 20px;
    text-align: left;
	background-color: #666699;
    border: 3px solid #ffffff;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}


p.formHeader
{
	text-align: Center;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	font-size:25px;
	position:relative;
	left:-5px;
	top:4px;
	letter-spacing: 2px;
}



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}
h2.title
{
	text-align: Left;
	font-size:20px;
	color: #ffffff;
}

h2.formInfo
{
	text-align: Center;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:20px;
	position:relative;
	left:0px;
	top:10px;
	letter-spacing: 2px;
	line-height:100%;
	color: #ffffff;
}


p.treatment
{
	/*t r b l*/
margin:20px 15px 25px 25px;

}

p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	top:0px;
	color: #ffffff;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}
#sort_order, #status_order
{
	line-height:80%;
	padding:0 0px 0px 0;
	border:none;	
	font-size: 10px;
	font-weight:normal;
	text-align:left; 
}

label.formFieldQuestion
{
	padding:0 4px 1px 0;
	border:none;	
	font-size:12px;
	line-height:105%;
	font-weight:normal;
}

label.formFieldOption
{
	/*
	font-size:90%;
	line-height:1em;
	*/
	margin: 20px 0 0 5px;
	padding:4px 5px 5px 0;
}
label.formFieldQuestion2
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}

label.formFieldOption2
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.0em;
	margin:8px 0 0 3px;
	width:12px;
	height:12px;
}

.pic
{
	background-color: transparent;
	border: 0px;
	cursor: pointer;
}


a.infoImage {
	text-decoration:none; 
	position: relative;
	left:0px;
}
a.infoImage span {
	position: relative;
	display:none;
	z-index: 99999; 
}
a.infoImage:hover .infobox {
	display:block; 
	position:relative; 
	z-index: 99999; 
	margin: 0 auto;
	left:-10px;
	padding-left:0px; 
	padding-top:0px;
	background-color: #666699;
}

/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
	left:10px;
	padding-left:10px; 
}
a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
	z-index: 3; 
	clip:auto;
/*	clip:  rect(r,t,b,l); */
/* background-color: #FFFFFF;*/
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:-10px;;
	left:15px;
	width:205px; 
/*	height:70px; */
/*	overflow: auto; */
	border: 1px solid #ccc; 
	color:#000; 
	text-align:left; 
	/*font-size:1.0em; */
	padding-left:10px; 
	padding-top:10px;
background-color: #FFCCCC; background-image: url(question.gif); background-repeat: no-repeat; background-position: bottom right; 
}

/* pop-up calendar */
button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(imgs/calendar.png);
	cursor: pointer;
}

input.formAlign, select.formAlgin
{
	position: absolute;
	left: 105px;
}


a.notes
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:9px;
	position:relative;
	text-decoration:none; 
	top:-4px;
}

p.footer
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #6666ff;
	color: #000088;
	font-size:9px;
	position:relative;
	top:4px;
	left:-140px;
	letter-spacing: 2px;
}

#smallWhite
{
	text-align: center;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	color: #000088;
	font-size:9px;
	position:relative;
	letter-spacing: 1px;
}

a.footer
{
	text-align: center;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	color: #000088;

	font-size:9px;
	position:relative;
	top:4px;
	letter-spacing: 1px;
}
#title_link {
font-size:16px;
color: #ffffff;
}

#rate_it {
background-color: #666699;
position: relative;
font-size:12px;
z-index: 1; 
color: #ffffff;
text-align: left;
font-family: Tahoma, Arial, Verdana, sans-serif;
overflow: visible; clip:   rect( auto  );
}

#right_header, span.right_header {
	display: block;
	left: 15px;
	background-color: #666699;
	position: relative;
	font-size:12px;
	z-index: 1; 
	color: #ffffff;
	text-align: center;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	overflow: visible; clip:   rect( auto  );
}
#right_bottom, span.right_bottom{
	display: block;
	left: 15px;
	background-color: white;
	color: black;
	position: relative;
	font-size:12px;
	z-index: 1; 
	text-align: left;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	overflow: visible; clip:   rect( auto  );
}

#css_title {
	/*height: 125px; */
	top: 0px;
	background-color: #666699;
	position: relative;
	padding-left: 10px; 
	font-size:12px;
	z-index: 1; 
	color: #ffffff;
	text-align: left;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	/*overflow: auto; clip:   rect( auto  );*/
}
#css_title_right {
/*height: 125px; */
top: 10px;
background-color: #666699;
position: relative;
padding-right: 4px; 
font-size:12px;
z-index: 9; 
color: #ffffff;
text-align: right;
font-family: Tahoma, Arial, Verdana, sans-serif;
/*overflow: auto; clip:   rect( auto  );*/
}


div.text, #text {
/*height: 125px; */
background-color: #ffffff;
position: relative;
padding-left: 4px; 
font-size:12px;
z-index: 1; 
color: #000033;
text-align: left;
font-family: Tahoma, Arial, Verdana, sans-serif;
overflow: auto; clip:   rect( auto  )}

