html 
{
	height:100%;
	}

body {
	margin:5px 0px; padding:0px;
	text-align:left;
	font-size:14px;
    background-color: #f8f8f8;
    background-image: url("../image/bkgd.png");	
    background-repeat: repeat-x;
	font-family: 'Segoe UI';
	z-index:9;
	}
	
	.white_body
	{
		margin:0;
		background-image: none;
		background-color: White;
		max-height:850px;
		height: auto;
		overflow:hidden;
	}
	
	
	a 
	{
		text-decoration:none;
		
		}
	
#Content {
	width:800px;
	min-height:840px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border:0px;
	z-index:11;
	/* background-color:#ffffff;
	box-shadow: 5px 0px 30px -5px #999, -5px 0px 30px -5px #999; */
	}
	
	
	#brand-left 
	{
		position: fixed;
		top: 0;
		left: 50%;
		margin-left: -1400px;
		width: 800px;
		min-height: 1200px;
		text-align:left;
	}
	
	#brand-right
	{
		position: fixed;
		top: 0;
		right: 50%;
		margin-right: -1400px;
		width: 800px;
		min-height: 1200px;
		text-align: left;
		}
	
	
	
#left-side {
  float:left;
  width:350px;
  min-height:800px;
  padding:5px;
  background:#ffffff;
  border-right-width:2px;
  border-right-style:solid;
  border-right-color:Gray;

  text-align: center;
  }
  
#MainDIV {
  float:left;
  width:800px;
  min-height:800px;
  outline:#ffffff solid thick;
  background:#ffffff;
  
  }

#right-side {
  margin-left:370px;
  width:800px;
  min-height:800px;
  background:#ffffff;
  
  padding: 10px;
  }

#footer {
  text-align: center;
  }
  
 #tableheaderleft {
  text-align: left;
  }
  
   .tableheaderleft {
  text-align: left;
  }
  
 #userimg 
 {
	float:left;
	height: 150px;
	width: 150px;
 }
 
 #overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#overlay div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

.white { background: #fff; }

a img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ovrl
{
	max-width: 550px;
	height:75px;
	font-family: Segoe UI;
	color:White;
	background-color: #fff;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}

.ovrl:hover 
{
	max-width: 550px;
	height:75px;
 -khtml-opacity:.50; 
 -moz-opacity:.50; 
 -ms-filter:"alpha(opacity=50)";
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50; 
}

.box_title
{
	max-width: 150px;
	margin: -35px -10px 0px -10px;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
	background-color: #b4b4b4;
	padding: 0px 5px 5px 0px;
	}
	
	input[type="text"], input.textbox
	{
		padding-left:5px;
		}

		
@media print 
{
	
    .noprint 
    {
        display:none;
    }
    
    	body
	{
		background-color:White;
		
		}
}

.grey 
{
	color: Gray;
}


input[type='text']
{
border-width: 1px;
border-style:solid;
border-color: Gray;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
color:#666666;

}
.lnk
{
	vertical-align: top;
	}

.lnk:hover
{
	font-weight: bolder;
	font-size: 18px;
	vertical-align: top;
	}


/* ----------------------------------------------  Inputs, textareas and selects  ---------------------------------------------- */


	select div.styled, input[type="file"] {  
		width:12em; border-radius:2px; border: solid 1px #ccc; padding:0.4em; }
	
	div.styled, 
	.def input[type="submit"], 
	.def input[type="button"],
	input[type="file"]:after {
		background: white url(../image/buttons/formelements-select.png) no-repeat center right;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);}	
	
	 input[type="file"] { 
		background-color: #f5f5f5;
		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);}
	
		.ie9 { line-height:normal; } /* Get the stuff to line up right */
	
	
	
/* ----------------------------------------------  Select menu  ---------------------------------------------- */
	
	/* For IE and Firefox */

	select { overflow:hidden; padding:0; margin:0; }
		
		.ie7 div.styled {border:none;}

	select  {	
		width:115%; background-color:transparent; background-image:none;
		-webkit-appearance: none; border:none; box-shadow:none;}
		
		.ie7 div.styled select {
			width:100%; background-color:#fff; border: solid 1px #ccc; 
			padding:0.3em 0.5em;}	
			
select  {
			position: relative;
		background:white url(../image/buttons/formelements-select.png) no-repeat center right;
		padding:0.3em 0.5em; border: solid 1px #ccc !important;
		color:#666666;
			}
/* ----------------------------------------------  File field  ----------------------------------------------  */

	/* Webkit Only */
	
	input[type="file"] input[type="text"] { 
		position: relative; 
		-webkit-appearance: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	width: 40%;	padding:0;}
		
	input[type=file]::-webkit-file-upload-button {
		width: 0; padding: 0; margin: 0;-webkit-appearance: none; border: none;}	
		
	input[type="file"]:after {
		content: 'Upload File';
		margin:0 0 0 0.5em;
		display: inline-block; left: 100%; position: relative;
		background:white url(../image/buttons/formelements-select.png) no-repeat center left;
		padding:0.3em 0.5em; border: solid 1px #ccc !important;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);
		border-radius:4px;}	
		
		
		input[type="file"]:active:after {box-shadow:none;}
	
	
/* ----------------------------------------------  Checkboxes and Radio inputs  ----------------------------------------------  */	
		
	input[type="radio"], 
	input[type="checkbox"] { position: absolute; left: -999em; }
		
	label:before { 
		display: inline-block; position: relative; top:6px; left:-2px; 
		content:''; width:25px; height:25px;
		background-image:url(../image/buttons/formelements_blue.png); margin-right:5px;}


	input[type="checkbox"] + label:before { background-position: 0 -25px;  margin-right:5px;}
	input[type="checkbox"]:checked + label:before {background-position: 0 0 ;  margin-right:5px;}
		 
	input[type="radio"] + label:before { background-position: -25px -25px;  margin-right:5px;}	 	
	input[type="radio"]:checked + label:before { background-position: -25px 0; margin-right:5px;}
	
		/* Remove the custom styling for IE 7-8 */
		
		
		.ie11 label:before { display:none; content:none; margin-right:10px;}
		.ie10 label:before { display:none; content:none; margin-right:10px;}
		.ie9 label:before { display:none; content:none; margin-right:10px;}
		.ie8 label:before { display:none; content:none; margin-right:10px;}
		.ie7 label:before { display:none; content:none; margin-right:10px;}
		

		.ie8 input[type="checkbox"],
		.ie8 input[type="radio"],
		.ie7 input[type="checkbox"],
		.ie7 input[type="radio"]{ 
			position: static ; left:0; margin-right:10px; }
		

		.ie7 input[type="checkbox"],
		.ie7 input[type="radio"],
		.ie8 input[type="checkbox"],
		.ie8 input[type="radio"] { 
			position:static; top:5px; margin-right:0.5em; }	
			
	input[type="text"]:focus, textarea:focus {
		border-color:#000;
		}

/* ---------------------------------------------- Form Submit and Next buttons ---------------------------------------------- */	

	.def input[type="submit"], 
	.def input[type="button"] { 
		padding:0.5em 1em; line-height:1em; cursor:pointer;
		border-radius:4px; color:#000; font-weight:bold; font-size:inherit;
		border:solid 1px #ccc;	box-shadow:0 1px 5px rgba(0,0,0,0.2);
		background-position: center bottom;}
		
		
	.def input[type="submit"]:active, 
	.def input[type="button"]:active {-webkit-box-shadow: none; box-shadow:none; cursor:pointer;}
		
		/* IE7 needs you to change the background to transparent when using image background for submit buttons */	
		
	
		
.rotate {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
  vertical-align: middle;
  font-weight:bold;
  font-size:13px;
		}
		
		.invis
		{
			opacity: 0;
			filter: alpha(opacity=0);
		}
		
		
dt{
	font-weight:bold;	
}


.rounded_img_div {
    border: 0px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #888888;
} 

#divfloatingleft
{
	position: fixed;
	top: 50px;
	left: 20px;
	background-color: White;
	width: 300px;
	z-index:2;
	padding:5px
}



.treeView img { width:20px; height:20px; }
.treeViewParent {border-bottom-style: solid; border-top-style:solid;}


.list_item_bold
{
	font-size: 14px;
	font-weight: bold;
}

.question_subtitle
{
	font-size:12px;
	color: gray;
}

.question
{
	position: relative;
	margin-top:-70px;
	padding: 20px;
	min-width:800px;
	min-height:20px;
	margin:0px auto;
	text-align:left;
	border:0px;
	z-index:2;
	background-color:#ffffff;
	box-shadow: 5px 0px 30px -5px #999, -5px 0px 30px -5px #999; 
	margin-bottom: 30px;
	
}

.question_header
{
	font-size: 18px;
	font-weight: bold;
}

.answers
{
	padding-left: 10px;
}


td.answers_table 
{
	padding-right: 50px;
}

.rbl label
{
   margin-right: 100px;
}

.rbl30 label
{
   margin-right: 30px;
   top:-5px;
}

.rbl40 label
{
	
   margin-right: 40px;
   top:-5px;
}

.rbl150 label
{
	
   margin-right: 150px;
   top:-5px;
   font-size: 18px;
	font-weight: bold;
}

div.header_with_logo
{
	background-image: url(../image/header_img.png); 
	background-size: cover;
	z-index:1;
	position: relative;
	top:-5px;
	min-height: 120px;
}



.button_next {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#003875), to(#1089C0));
   background: -webkit-linear-gradient(top, #003875, #1089C0);
   background: -moz-linear-gradient(top, #003875, #1089C0);
   background: -ms-linear-gradient(top, #003875, #1089C0);
   background: -o-linear-gradient(top, #003875, #1089C0);
   padding: 13.5px 27px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: initial;
   }
.button_next:hover {
   border-top-color: #009BDB;
   background: #009BDB;
   color: black;
   cursor: pointer;
   }
.button_next:active {
   border-top-color: #009BDB;
   background: #009BDB;
   color: black;
   cursor: pointer;
   }