html, body {
	height: 100%;	
}

body 
{    
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px;
    color:#666666;
    margin:0px 0px 0px 0px;
    text-align: justify; 
    background-image:url(img/bluedot-bg.gif);
    
    line-height: 150%;
}

Table.fset 
    {background:#f2f2e6; padding:10px; border:2px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:10px;margin:0px;    
    }
    
fieldset 
    {background:#f2f2e6; padding:10px; border:2px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:10px;margin:0px;    
     }
     
fieldset.action 
    {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend 
    {background: url(img/green_background.gif) left no-repeat;
	border-style:none;
    text-shadow: 0.07em 0.07em #404040;
    color:#fff; padding:0 10px; margin:10px 0px 10px 10px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}
    
.InputTextCenter 
    {height:15px; background:url(images/input1.jpg) repeat-x 0 0; padding:3px 0; margin:0; line-height:15px;}

.htmlbody
{
    width:900px;
   	min-height: 100%;
	height: auto; /*important;*/
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}


#homePageNav {
text-decoration : none;
font-size: 18pt; 
color: #C0C0C0;
}

#leftPageNav {
text-decoration : none;
font-size: 14pt; 
color: #C0C0C0;
}

.haslink 
{
}
.haslink a:link 
{
    color:#996699;
}

a:link 
{
    text-decoration : none;    
}
a:visited 
{
    text-decoration : none;
    }
a:active 
{
    text-decoration : none;
    }
a:hover {
    text-decoration : none;
    color:#996699;
}
.shadow
{
    text-shadow: 0.07em 0.07em #404040;
}

h1
{
    line-height :100%;
}

h1.shadow
{
       text-shadow: 0.07em 0.07em #C0C0C0;
}

.shadow2
{
    text-shadow: 0.05em 0.05em black;
}

.shadow2-grey
{
    text-shadow: 0.07em 0.07em black;
    font-size:larger;
}


.leftMenuItem
{
    padding-bottom:10px;
    margin-bottom:10px;
}
#list li{
    padding-top:10px
}

#header td
{
    color:White;
    font-weight:bold;
    background-color:#666666;
    }
    
#imageBox  
{
    margin: auto; 
    width: 600px; 
    border: 0px #000 solid; 
    overflow: hidden; 
    vertical-align:middle;height:90px;    
    }
#imageBoxInside
{
    width: 10000px; 
    left:0px;
    }  
#imageBox img  
{
    float: left; padding:0px; margin:5px; border-width:0px;
    }
#imageBox br  
{
    clear: both; 
    }

.small
{
    font-size:10px;
    
}
.small a:link
{
    text-decoration : none;
    color:#996699;
}

.pagebody a:link
{
    text-decoration : none;
    color:#996699;

}

.postit
{
    width: 700px; 
    background-image: url('Images/shadow-700.png'); 
    background-repeat: no-repeat; 
    background-position: center bottom;
    margin:0px 20px 2px 20px;
    text-align: left; 
    line-height: 150%;    
    padding: 5px 25px 5px 25px;        
}

.postit p
{
    text-align: inherit; 
    line-height: inherit;  
    padding: inherit;
    margin:inherit;
}

.postit table
{
    text-align: inherit; 
    line-height: inherit;  
    padding: inherit;
    margin:inherit;
    border:dotted 1 black;
}

.cellquestion 
{
    font-weight:bold;
    padding:5px;
}

span.hint {
	font:normal 11px/14px verdana;
	background:#eee url(img/bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:250px;
	height:45px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}

fieldset.welldone span.hint {
	background:#9fd680 url(img/bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url(img/bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;
}
 
 
fieldset.welldone {
	background-image:url(img/bg-fieldset-welldone.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
fieldset.kindagood {	
	background-image:url(img/bg-fieldset-kindagood.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.kindagood {	
	background-image:url(img/bg-fieldset-kindagood.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.welldone {
	background-image:url(img/bg-fieldset-welldone.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.question-label
{
    margin:5px 10px 0px 25px;
    font-weight:bold;
    width:200px;
    float:left;        
}

.question-label-400
{
    margin:5px 10px 0px 25px;
    font-weight:bold;
    width:400px;
    float:left;            
}

.InFocus
{
    background:url(img/infocus.png);
}

.OutofFocus
{
    background:url(img/outoffocus.png);
}

button { 
xborder:0; 
cursor:pointer; 
font-weight:bold; 
padding:5px; 
text-align:center; 
}

button span { 
position:relative; 
display:block; 
white-space:nowrap; 
padding:0 0 0 20px; 
}

/*blue buttons*/

input.submitBtn { 
background: url(img/blue_background.gif) left no-repeat;
font-size:1.3em; 
text-align:center;
height:50px; 
line-height:50px;
color:white;

border:0; 
cursor:pointer; 
font-weight:bold; 
padding:0 20px 0 20px; 
text-align:center; 
}

xinput.submitBtn  
{
background: url(img/blue_background.gif) left no-repeat;
font-size:1.3em; 
text-align:center;
height:50px; 
line-height:50px;
color:white;

border:0; 
cursor:pointer; 
font-weight:bold; 
padding:0 20px 0 20px; 
text-align:center; 
    float:right;
    text-align:right;

}

input.submitBtn:hover span {
color: yellow; 
}

.questioncheck{
    margin-top:10px;
    vertical-align:middle;
} 

#errorblock 
{
    background-color:White;    
    border:1px solid red;
	padding:5px 5px 5px 5px;
	display:none;
}

tr.highlight
{
    background-color:#FFFFC0;
}
tr.lowlight
{
    background-color:#f2f2e6;
}


span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(icons/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(icons/radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 158px;
	height: 21px;
	padding: 0 24px 0 8px;
	color: white;
	font-size: 12px;
	background: url(icons/select.gif) no-repeat;
	overflow: hidden;
	
}
option
{
    background-color:#3E4D5B;	
    color: white;
}
    
input {
	height: 21px;
	padding: 0 24px 0 8px;
	color: white;
	background: url(icons/input.gif) repeat-x;
	overflow: hidden;
}

.red
{
    border-color:red;
    border-width:2px;    	
}

textarea
{
  	color: white;
	background: url(icons/input.gif);
}

.styled
{   
    width: auto;
}
.footer
{
    background-color:White;
    padding:0 25px 0 15px;    
}
.SurveyHeader, .SurveyFooter
{
    padding:0 15 0 15; 
}
.validate
{
    height:35px;
    width:31px;    
    float:left;
}

.NextButton 
{
    float:right;
    text-align:right;
}

.BackButton 
{
    float:left;
    text-align:left;
}
.collapse
{
    visibility: collapse;
}
.paper
{
    background-image:url(images/tornedge.gif);
    background-repeat:repeat-y;
    margin:0 60px 0 60px;
    padding:10px 50px 10px 50px;
    width:600px;
    text-align:justify;
}
.floatLeft300
{
    float:left;
    width:300px;
    text-align:left;    
}

.floatRight300
{
    float:right;
    width:300px;
    text-align:right;    
}
    
.reportcell
{
    border-bottom:1px solid black; 
    border-left:1px solid black; 
    text-align:left;
    vertical-align:top;
    width:auto;
}
    
ul,ol
{
    margin:0 10 0 10;
    
}
img {
    position: relative;
}