/* --------------------------------------------------
General Styles
-------------------------------------------------- */ 
body {
  	background: #2273A0 url(../images/medvolution.gif) no-repeat 0 0;
	font: normal 10px verdana, helvetica, sans-serif;
  	color: #333;
  	margin:	0;
  	padding: 0;
  	text-align: center;
	}

select, input, textarea { font: normal 11px verdana, helvetica, sans-serif; }
input.clearpadding { height: 13px; width: 13px; margin: 0 }

html { margin: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, span, div, #bgContent { text-align: left; }
img { border: none; }

form { 
	margin: 0; 
	padding: 0; 
}

.backtotop { text-align: right; padding: 0; margin: 0 }
div.backtotop2 { text-align: right; padding: 0; padding-bottom: 10px}

.stdCopy { font: normal 10px verdana, helvetica, sans-serif }
.stdBoldCopy { font: bold 10px verdana, helvetica, sans-serif }
.alignC { text-align: center }
.uppercase { text-transform: uppercase }
.unavail { color: #ccc }
.normalWeight { font-weight: normal }
.normalCase { text-transform: none }
.aligntop { vertical-align: top }

.buttonout {
	margin: 0; 
	padding: 0; 
	border-style: solid;
	border-width: 1px;
	border-color:#e5e5e5 #383838 #383838 #e5e5e5; 
	text-align: center;
	}

.buttonin {
	margin: 0; 
	padding: 0; 
	border-style: solid; 
	border-width: 1px; 
	border-color:#ccc #666 #666 #ccc; 
	text-align: center;}


.button:link, .button:visited {
	display: block;
	padding: 2px 2px 2px 2px;
	margin: 0;
	color: #ccc;
	background-color: #666;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 11px verdana, helvetica, sans-serif;
	white-space: nowrap;
	}

.button:hover { color: #fff; background-color: #2273A0;}


table.frm { width: 99% }
table.frm td { padding: 3px 0px }
label { font-weight: bold; }
label.optional { font-weight: normal }

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;		
	}

a, a:visited {
	color: #2273A0;
	text-decoration: none;
	}
		
a:hover {
	color: #2273A0;
	text-decoration: underline;
	}
	
a.bookmark {
	color: #333;
	}

a.index, a.index:visited {
	color: #fff;
	text-decoration: none;
	}
	
a.index:hover {
	color: #fff;
	text-decoration: underline;
	}	
/* --------------------------------------------------
Page Layout & Formatting
-------------------------------------------------- */
#pageContainer {
  background-color: #eee;
	width: 800px;
	border: 1px solid #fff;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	}

#pageHeader {
  float: left;
	background-color: #fff;
	width: 100%;
	}

#navigation {
	width: 100%;
	float: left;
	}

	#navigation table {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		}
	
	#navigation table td {
		border-right: 1px solid #fff;
		vertical-align: middle;
		text-align: center;
		background-color: #666;
		}
	
	#navigation table td#nc7 {
		border: 0;
		}
	
	#navigation table td.on{
		background-color: #99CC00;
		}
	
	#navigation table td.off {
		background-color: #666;
		}

			
#pageBody {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #fff;
	}

	#pageBody p {
		margin: 0;
		padding: 5px 0px;
		}
		
	#pageBody ul {
		list-style: disc outside url(../images/blt_cross.gif);
		margin: 0;
		margin-right: 5px; 
		margin-left: 15px;
		padding: 5px;
		}
	
	#pageBody li {
		margin: 0 0 8px 0; 
		padding-left: 0;
		}
			
	#pageBody ol {
		padding: 0;
		margin: 5px 30px;
		}
		
	#pageBody .name {
		font-weight: bold;
		}
	
	#pageBody hr {
		border: 1px dashed #ccc;
		height: 1px;
		padding: 0;
		margin: 0;
		}
	
	#pageBody #contentTop {
		position: relative;
		margin: 0;
		padding: 0;
		width: 800px;
		}
	
		#pageBody #welcomeImg {
			float: left;
			width: 424px;
			margin: 0;
			padding: 0;
			}
		
		#pageBody #welcomeTxt {
		  position: relative;
			font: normal 10px verdana, helvetica, sans-serif;
			padding: 0px 9px 0px 0px;
			margin: 0px 0px 0px 432px;
			}
			
		#pageBody #welcomeTxt p.special:first-letter {
			font: bold 16px verdana, helvetica, sans-serif; 
			color: #32A0DE;
			}

	#pageBody #contentBottom {
		/*position: relative;*/
		float: left;
		margin: 0;
		padding: 0;
		width: 800px;	
		}
	
		#pageBody #contentBottom a.top {
			position: relative;
			top: 0px; 
			left: 0px;
			height: 30px;
			display: block;
			}
			
		#pageBody #contentBottom a.all{
			position: relative;
			top: 0px; 
			left: 0px;
		  width: 180px;			
			height: 180px;
			display: block;
			}
		
		#pageBody #contentBottom a.quiz{
			position: relative;
			top: 0px; 
			left: 0px;
		  height: 108px;
		  width: 185px;
			display: block;
			}
						
		#pageBody #featuredServices {
			float: left;
		    	width: 256px;
		    	height: 180px;
			display: block;
		    	margin: 10px 4px 8px 8px;
		    	padding: 0;
			background: url(../images/en/bgFeaturedS.gif) no-repeat 0 0;
			}
			
		#pageBody #featuredServices a.top {
			width: 230px;
			}
			
		#pageBody #doYouKnow {
			float: left;
		    	height: 180px;
		    	width: 305px;
			position: relative;
			display: block;
		    	margin: 10px 4px 8px 8px;
		    	padding: 0;
			background: url(../images/en/bgDoYouKnow.gif) no-repeat 0 0;
			}
			
		#pageBody #doYouKnow a.top {
			width: 280px;
			}
	
		#pageBody #takeQuiz {
			float: left;
		    	height: 108px;
		    	width: 185px;
			position: relative;
			display: block;
		    	margin: 10px 4px 0px 8px;
		    	padding: 0;
			background: url(../images/en/bgTakeQuiz.gif) no-repeat 0 0;
			}
			
		#pageBody #aasm {
			float: left;
			position: relative;
			top: 4px;
			left: 65px;
		}
		
		#pageBody .boxedContent {
			padding: 10px;
			}
		
		#pageBody .boxedContent h1 {
			color: #32A0DE;
			font-size: 10px;
			padding: 0;
			margin: 0;
			}
			
		#pageBody .boxedContent p {
			padding-top: 5px;
			padding-bottom: 10px;
			}

		#pageBody .boxedContent p.more {
			font-weight: bold;
			}

	#pageBody #contentRight {
		padding: 10px 12px 5px 13px;
		position: relative;
		background-color: #fff;
		margin: 0px 0px 0px 173px;
		}

		#pageBody #contentRight .azsubject {
			font-weight: bold;
			padding: 1px;
			margin: 0;
			}
		
		#pageBody #contentRight .azdetail {
			padding: 5px;
			margin: 2px 0px 5px 0px;
			border: none;
			background-color: #eee;
			}
		
		#pageBody #contentRight img.pageTitle {
		  margin: 0;
			padding-bottom: 10px;
			}
		
		#pageBody #contentRight p {
			padding: 5px 0px 10px 0px;
			margin: 0;
			}

		#pageBody #contentRight p.tight {
			padding: 0;
			}

		#pageBody #contentRight p.semitight {
			padding: 5px 0px
			}
			
		#pageBody #contentRight p.srvcDetail {
			padding: 3px 0px 12px 0px;
			}
									
		#pageBody #contentRight h1 {
			font-size: 12px;
			padding: 5px;
			margin: 0;
			}

		#pageBody #contentRight h1.term {
			font-size: 12px;
			padding: 3px 3px 3px 0px;
			margin: 0;
			}
			
		#pageBody #contentRight h2 {
			font-size: 10px;
			padding: 0;
			margin: 0;
			}
		
		#pageBody #contentRight p.sectionTitle{
			font: bold 11px verdana, helvetica, sans-serif;
			color: #fff;
			padding: 4px;
			vertical-align: middle;
			background-color: #2273A0;
			}

		#pageBody #contentRight p.allcap {
			text-transform: uppercase;
			}
			
		#pageBody #contentRight table.ppl{
		  	width: 99%;
		  	margin: 5px 0;
			}
		
		#pageBody #contentRight table.ppl td {
			width: 50%;
			padding: 3px;
			padding-left: 0px;
			}
		
		#pageBody #contentRight table.ppl td.pic {
			padding: 5px;
			vertical-align: top;
			width: 25%;
			}				

		#pageBody #contentRight table.ppl td.profile {
			padding: 0;
			vertical-align: top;
			width: 75%;
			}
			
		#pageBody #contentRight table.ppl td.profile p {
			padding: 5px 10px;
			}
		
		#pageBody #contentRight table.facility{
		  width: 99%;
			}
		
		#pageBody #contentRight table.facility td {
			padding: 0;
			padding-bottom: 5px;
			}	
			
		#pageBody #contentRight table.facility td.caption {
			font: bold 10px verdana, helvetica, sans-serif;
			padding: 5px 0px;
			}
		
		#pageBody #contentRight table.srvc, #pageBody #contentRight table.sleepaz, #pageBody #contentRight table.info_content  {
		  width: 99.5%;
			border: 1px solid #ccc;
			margin-bottom: 10px;
			}
		
		#pageBody #contentRight table.info_content tr.header{
			background-color: #eee;
		}
		
		#pageBody #contentRight table.info_content td.header{
			background-color: #eee;
		}
		
		#pageBody #contentRight table.info_content td{
			border: 1px solid #ccc;
			padding-bottom: 3px;
		}
		
		#pageBody #contentRight table.srvc td, #pageBody #contentRight table.sleepaz td{
			padding: 5px;
			border-bottom: 1px solid #ccc;
			background-color: #eee;
			}
			
		#pageBody #contentRight table.srvc td.srvcDetailHeader, #pageBody #contentRight table.sleepaz td.index {
			text-transform: uppercase;
			font: bold 10px verdana, helvetica, sans-serif;
			color: #fff;
			background-color: #2273A0;
			}

    #pageBody #contentRight table.quiz{
    	width: 99%;
    	}
		#pageBody #contentRight table.quiz td {
			padding: 5px;
			vertical-align: top;
			}
		
		#pageBody #contentRight table.term {
			width: 99%;
		}
			
		#pageBody #contentRight table.term td {
			padding: 5px 5px 0px 5px;
			vertical-align: middle;
			}
			
		#pageBody #contentRight table.quiz td.enum, #pageBody #contentRight table.term td.enum {
			color: #2273A0;
			font-weight: bold;
			width: 2%;
			}
		
		#pageBody #contentRight table.quiz td.q {
			width: 78%;
			}
			
		#pageBody #contentRight table.result {
			width: 70%;
			}
			
		#pageBody #contentRight table.result td {
			font: bold 10px verdana, helvetica, sans-serif;
			color: #fff;			
			padding: 3px;
			text-align: center;
			}	

		#pageBody #contentRight table.result td.answerYes {
			background-color: #FFC000;
			}	
			
		#pageBody #contentRight table.result td.answerNo {
			background-color: #99CC00;
			}			
			
		form#sleepquiz label{
			font-weight: bold; 
			}
		
		#pageBody #contentRight table.button{
		  width: 99%;
			background-color: #fff;
			}
			
		#pageBody #contentRight table.button td {
			background-color: #fff;
			padding: 10px 10px 10px 0px;
			margin: 0px;
			}
		
		#disclaimer {
			width: 300px;
			border: 1px solid #666;
			background-color: #FCF2AF;
			margin: 0;
			padding: 5px;
			display: none;
			z-index: 10;
			}
		#disclaimer #close {
			float: right;
			clear: left;
			border: 1px solid red;
			margin: 0px 0px 0px 10px;
			width: 13px;
			text-align: center;
			color: red;
			background-color: #fff;
			}
			
	#pageBody #leftNav {
		float: left;
		width: 173px;
		padding: 0;
		padding-top: 6px;
		margin: 0px;
		border: 0;
		background-color: #FCF2AF;
		}

	#pageBody #leftNav td {
		padding: 0;
		padding-bottom: 3px;
		margin: 0px;
		}
	
	#pageBody #leftNav .leftnavAd {
		padding: 10px 0px;
		text-align: center;
		}
		
#pageFooter {
	clear: both; /* gecko fix */
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #fff;
	background-color: #666;
	height: 20px;
	}
		
	#pageFooter .leftPanel {
		float: left;
		font-size: 9px;
		color: #aaa;
		padding-left: 8px;
		padding-top: 3px;
		}
	
	#pageFooter .rightPanel {
		float: right;
		font-size: 9px;
		color: #aaa;
		padding-right: 8px;
		padding-top: 3px;
		}
	
	#pageFooter a, #pageFooter a:visited {
		color: #aaa;
		text-decoration: none;
	}

	#pageFooter a:hover {
		color: #fff;
		text-decoration: none;
	}	

/* --------------------------------------------------
Miscellaneous
-------------------------------------------------- */ 
#medvolutionLink {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline;
	height: 244px;
    	width: 18px;
	}

#logoLink {
	position: relative;
	top: 10px; 
	left: 10px;
	float: left;
	display: block;
    	height: 47px;
    	width: 246px;	
	background: url(../images/headerLogo.gif) no-repeat;
	}

#headerGradient {
  float: right;
	display: block;
    	height: 67px;
    	width: 523px;	
	background: url(../images/headerGradient.gif) no-repeat;
	}

#languageBlock {
	text-align: right; 
	padding-top: 3px; 
	padding-right: 5px;
	color: #ffffff;
}

.hidden {
	display: none;
	}

.shown {
	display: block;
	}

.caption {
	font: normal 8px verdana, helvetica, sans-serif;
}