@import url("reset.css");
/* Global Styles */

body {
    font: 80%/1.4  tahoma, verdana, helvetica, arial, sans-serif;
    background: url("/image/border-main.gif") repeat-y top center scroll #ffffff;
    color: #222222;
    overflow-y: scroll;
}

h1{
	font-size: 20px;
}

h2{
	font-size: 15pt;
}

h3{
    font-size: 12px;
}

h4{
	font-size: 13pt;
}

h1, h2, h3, h4, h5, h6{
	padding-top: 12px;
	padding-bottom: 10px;
}

ul, ol{
	margin-left: 25px;
	padding-top: 6px;
}

ul{
	list-style-type: disc;
}

ol{
	list-style-type: decimal;
}

p{
    padding-bottom: 6px;
    padding-top: 2px;
}


sup, super{
    font-size: 6pt;
    vertical-align: super;
}

sub{
    font-size: 6pt;
    vertical-align: sub;
}

div.main
{
    position: inherit;
    min-height: 100%;
    width: 800px;
    padding: 0;
    margin: 0 auto;
}


div.head
{
   background: url('/image/banner-IR.gif') no-repeat top center scroll transparent;
   position: relative;
   width: 800px;
   height: 125px;
   margin: 0 auto;
   padding: 0;
   text-align: left;
   display: inline-block;
}
.webkit div.head, .webkit div.top_menu, .webkit div.foot
{
   margin-left: 1px;
}
.webkit div.item-menu-bar
{
   margin-left: -11px;
}

div.headRIGHT
{
   margin: 0;
   padding: 0;
   float: right;
   height: 125px;
   width: 106px;
   display: block;
}

div.headRIGHT img
{
   height: 125px;
   width: 100px;
   float: right;
   padding-right: 5px;
   background-image:url('/image/ranzcr-logo.gif');
   background-repeat: no-repeat;
}

div.body
{
   text-align: left;
   width: 780px;
   margin: 0;
   padding: 0px;
   padding-left: 12px;
   padding-right: 8px;
   padding-bottom: 40px;
   border: none;
   overflow-x: hidden;
}

div.top_menu
{
   height: 25px;
   padding: 0;
   margin: 0 auto;
   width: 800px;
   text-align:center;
   background: #ffffff;
}


div.menu_item{
   position: relative;
   float: left;
   padding: 0;
   height: 25px;
   padding-left: 5px;
   padding-right: 5px;
   background-repeat: no-repeat;
   background-position: center;
}

div.menu_item img{
   position: relative;
   display: block;
   height: 25px;
   border: 0;
}

a img{
   border: 0;
}

label{
    display: none;
}

label.lite{
    font-weight: normal;
}


/*/////////////////////////////////////////////////////////////////////////////*/
/*   Menu   */

div #m2_HOME{background-image: url('/image/m2_HOME.gif'); width: 100px; }
div #m2_HOME_AT{background-image: url('/image/m2_HOME_down.gif'); width: 100px;}
div #m2_HOME:hover{background-image: url('/image/m2_HOME_hover.gif'); width: 100px;}

div #m2_SEARCH{background-image: url('/image/m2_SEARCH.gif'); width: 110px;}
div #m2_SEARCH_AT{background-image: url('/image/m2_SEARCH_down.gif'); width: 110px;}
div #m2_SEARCH:hover{background-image: url('/image/m2_SEARCH_hover.gif'); width: 110px;}

div #m2_INDEX{background-image: url('/image/m2_INDEX.gif'); width: 100px; }
div #m2_INDEX_AT{background-image: url('/image/m2_INDEX_down.gif'); width: 100px;}
div #m2_INDEX:hover{background-image: url('/image/m2_INDEX_hover.gif'); width: 100px;}

div #m2_HELP{background-image: url('/image/m2_HELP.gif'); width: 80px;}
div #m2_HELP_AT{background-image: url('/image/m2_HELP_down.gif'); width: 80px;}
div #m2_HELP:hover{background-image: url('/image/m2_HELP_hover.gif'); width: 80px;}

div #m2_ABOUT{background-image: url('/image/m2_ABOUT.gif'); width: 100px;}
div #m2_ABOUT_AT{background-image: url('/image/m2_ABOUT_down.gif'); width: 100px;}
div #m2_ABOUT:hover{background-image: url('/image/m2_ABOUT_hover.gif'); width: 100px;}

div #m2_QUDI{background-image: url('/image/m2_QUDI.gif'); width: 150px;}
div #m2_QUDI_AT{background-image: url('/image/m2_QUDI_down.gif'); width: 150px;}
div #m2_QUDI:hover{background-image: url('/image/m2_QUDI_hover.gif'); width: 150px;}


/*//////////////////////   SEARCH BOX  //////////////////////////*/

div #m2_SEARCH_BOX{ background-image: url('/image/search_box.png'); width: 240px;}

/*div.m2_SEARCH_BOX div{ display: block; border: 0; width: 240px; height: 25px; padding: 0; margin: 0; text-align: right; vertical-align: middle; }*/
div #m2_SEARCH_BOX input.s_text{ position: absolute; top: 5px; left: 18px; border: none; font-size: 12px; color: #003366; width: 185px; height: 18px; background: none;}
div #m2_SEARCH_BOX input.s_button{ position: absolute; top: 2px; left: 205px; border: none; background: none; width: 30px; height: 25px; }

/*/////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////   SURVEY BOX  //////////////////////////*/

#survey_prompt{
	width: 250px;
	padding: 5px;
	background: #eee;
	overflow: visible;
	border: solid 1px #333;
	font-size: 10pt;
	display: block;
	position: fixed;
	top: 150%;
	left: 150%;
	z-index: 999;
	margin-left: -125px;
	margin-top: -90px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0px 0px 20px 4px #222;
	-webkit-box-shadow: 0px 0px 20px 4px #222;
	box-shadow: 0px 0px 20px 4px #222;
}

#survey_prompt div {
	display: inline;
	width: 100%;
	text-align: center;
}

#survey_prompt h1{
	font-size: 11pt;
	text-align: center;
}

#survey_prompt p{
	text-align: left;
}

#survey_prompt a{
	text-decoration: none;
}

#survey_prompt label{
	display: inline;
}

#survey_prompt #okay, #survey_prompt #no_thanks {
	width: auto;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #ddd;
	color: black;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	border: solid 1px #222;
	display: inline;
	float: left;
	margin-left: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

#survey_prompt #okay:hover, #survey_prompt #no_thanks:hover {
	-moz-box-shadow: inset 0px 0px 10px #000;
	-webkit-box-shadow: inset 0px 0px 10px #000;
	box-shadow: inset 0px 0px 10px #000;
}

#survey_prompt #close{
	height: 20px;
	width: 20px;
	background-color: #003366;
	color: white;
	text-align: center;
	float: right;
	font-size: 16pt;
	font-weight: bolder;
	line-height: 16px;
	border: solid 1px #222;
	display: block;
	padding-left: 1px;
	margin-right: -15px;
	margin-top: -15px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
}

#survey_prompt #close:hover{
	-moz-box-shadow: inset 0px 0px 10px #000;
	-webkit-box-shadow: inset 0px 0px 10px #000;
	box-shadow: inset 0px 0px 10px #000;
}

/*   SKELEMAN - HD   */
#BodySearch div.containers{
    position: inherit;
    padding: 0;
    margin: 0;
    width: 389px;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    border-right: solid 1px #cccccc;
}
#BodySearch #list_container{
    margin-left: -4px;
}
#BodySearch #items_container{
    border: none;
    width: 0px;
}

#BodySearch #body_container #the_skeleman{
    width: 160px;
    position: relative;
    margin: 0 auto;
    height: 350px;
}

#BodySearch #list_container ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#BodySearch #list_container ul li{
    background: url('/image/area-text-highlight.png') repeat-x 0 0 #fff;
    display: inline-block;
    width: 100%;
    height: 35px;
    cursor: pointer;
}
#BodySearch #list_container ul li.active{
    background-position: 0 -35px;
}
#BodySearch #list_container ul li span{
    display: inline-block;
    margin: 7px 14px;
    font-size: 14px;
    font-weight: bold;
}

#BodySearch #items_container div.item_list{
    display: none;
    margin: 0;
    padding: 0;
}
#BodySearch #items_container div.item_list h3{
    margin: 4px 0 0 12px;
    padding: 0;
    font-size: 14px;
}
#BodySearch #items_container div.item_list ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#BodySearch #items_container div.item_list ul li{
    line-height: 13px;
    margin: 8px 0 0 12px;
    padding: 0;
}
#BodySearch #items_container div.item_list ul li a{
    color: #003366;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}
#BodySearch #items_container div.item_list ul li a:hover{
    text-decoration: underline;
}




#body_parts img
{
    display: none;
    position: absolute;
    top:0;
    left:0;
    z-index: 101;
}
#body_parts img.active
{
    display: none;
    position: absolute;
    top:0;
    left:0;
    z-index: 99;
}

#body_map area
{
    cursor: pointer;
}


/*//////////////////////    SEARCH    /////////////////////////////*/

form.top_search label{
    display: none;
}

.search-results-list{
    list-style-type: none;
    margin-left: 10px;
}

.search-results-list li{
    margin: 5px 0px 25px;
}

.search-results-list .search-result-title{
    font-size: 14px;
}

.search-results-list .search-result-view{
    font-size: 11px;
    color: #0E774A;
    font-weight: normal;
    margin-right: 15px;
}

.search-results-list .search-result-more-info{
    font-size: 11px;
    color: #003366;
    font-weight: normal;
    margin-left: 15px;
}

.search-results-list p{
    margin: 0;
    padding: 0;
}

/*///////////////   FOOTER   ////////////////*/
div.foot
{
    background: url("../image/footer_bg.png") repeat-x scroll left 2px transparent;
    bottom: 0;
    color: white;
    display: block;
    height: 16px;
    padding: 12px 5px 5px;
    margin-left: -12px;
    position: fixed;
    text-align: center;
    width: 790px;
}
div.foot {
    background: url("../image/footer_bg.png") repeat-x scroll left 2px transparent;
    bottom: 0;
    color: white;
    display: block;
    height: 16px;
    margin: 0;
    padding: 14px 0 5px;
    position: fixed;
    text-align: center;
    width: 800px;
}

.main.is-iOS {
    padding-bottom: 0;
    margin-bottom: 0;
}

.main.is-iOS div.foot
{
    display: inline-block;
    position: relative;
    margin-bottom: -40px;
    height: 13px;
}

div.foot div
{
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

div.foot div.stats
{
	display: block;
	padding: 0;
	float:right;
	width: 1px;
}

div.foot div.stats a img
{
	width: 1px;
	height: 1px;
}

div.foot div a{ color: white; text-decoration: none; font-weight: normal; }
div.foot div a:hover{ color: white; text-decoration: underline; }
div.foot div a:visited{ color: white; }

/*////////////////////////////////////////////*/

table.contributers td{
	padding: 4px;
	padding-bottom: 8px;
}


/*////////////////////////////////////////////*/

div.USERmenu
{
	position: fixed;
	display: block;
	background-color: #101010;
	color: white;
	width: 120px;
	top: 10px;
	left: 50%;
	margin-left: 400px;
	text-align: center;
	padding: 5px;
}

div.USERmenu div.menuItem
{
   display: inline;
   text-align: center;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 1px;
   padding-top: 2px;
   height: 13px;
   font-size: 11px;
   line-height: 15px;
}

div.USERmenu a{ color: #FFFFFF;	text-decoration: none;}
div.USERmenu a:visited{	color: #FFFFFF; text-decoration: none;}

#overlay_Content{
	display: block;
	position: absolute;
	left: 50%;
	padding: 20px;
	margin-left: -300px;
	margin-top: 150px;
	background: white;
	width: 600px;
	max-height: 500px;
}

div.survey_question_div{
	width: 590px;
	padding: 5px;
	padding-bottom: 15px;
	display: inline-block;
	position: relative;
}


td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
}
	
a image{
	border: 0;
}

div.body a {
	color: #FF6600;
	font-weight:bold;
}
	
a:hover {
	color: #3366CC;
}

div.answer {
	display: inline;
	width: 95%;
	margin-left: 6%;
	text-align: justify;
}

.answer table{
    border: solid 1px #222222;
}

.answer table td{
    border: solid 1px #222222;
    padding-left: 2px;
    padding-right: 2px;
}

.answer table td p{
    padding-bottom: 2px;
}

div.Q_Div {
	display: none;
	width: 90%;
	margin-left: 6%;
	font-size: smaller;
	text-align: justify;
}

table.listing {
	width: 90%;
	padding-left: 5%;
}

table.listing td{
	border-top: solid thin #003366;
	padding: 3px;
}

a.adminListing{
	text-decoration: none;
	font-weight: 200;
}

table.listing{
	text-align: center;
}

div.onTopDiv{
	color: white;
	z-index: 999;
	position: absolute;
	left: 20%;
	top: 20%;
	background-color: #358195;
	display: block;
	border: double 3px white;
}

h4{
	color: #003366;
	margin: 0;
	padding: 0;
	font-size: 12px;
}


/*////////////////////// OVERLAY DIV ///////////////////////*/

div.transparentBLOCK{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-image: url('../image/shadow_85.png');
	display: none;
}

div.transparentBLOCK table{
	width: 90%;
	padding: 0;
	z-index: 1002;
	margin-top: 50px;
}
div.transparentBLOCK table td{
	background-color: #FFFFFF;
	padding: 0;
}

div.transparentBLOCK table td.cnr_tl{
	background: none;
	background-image: url('../image/whiteCNR_tl.png');
	width: 20px; height: 20px;
}
div.transparentBLOCK table td.cnr_tr{
	background: none;
	background-image: url('../image/whiteCNR_tr.png');
	width: 20px; height: 20px;
}
div.transparentBLOCK table td.cnr_bl{
	background: none;
	background-image: url('../image/whiteCNR_bl.png');
	width: 20px; height: 20px;
}
div.transparentBLOCK table td.cnr_br{
	background: none;
	background-image: url('../image/whiteCNR_br.png');
	width: 20px; height: 20px;
}


/*/////////////////Information Item Page Top/////////////////*/
div.item-menu-bar{
    position: relative;
    height: 25px;
    overflow: visible;
    border-bottom: 1px #666 solid;
    margin-bottom: 15px;
    margin-left: -12px;
}

.main.is-iOS div.item-menu-bar{
    width: 790px;
}


.item-menu-bar div {float: left; margin-right: 10px; }

.item-menu-bar div h2, .item-menu-bar div a { font-size: 12px; padding: 0; text-decoration: none; color: #000000;}
.item-menu-bar div a img { margin-top: 3px; }
.item-menu-bar .consumer-information, .item-menu-bar .health-professional-information, .item-menu-bar .question-drop-down{
    border: 1px solid #666666;
    background-color: #cccccc;
    border-bottom: 0;
    height: 16px;
    padding: 5px 5px 3px 5px;
    margin-right: 10px;
}

.item-menu-bar .consumer-information.active, .item-menu-bar .health-professional-information.active{
    background-color: #ffffff;
    padding: 5px 5px 4px 5px;
}

.item-menu-bar .consumer-information{
    border-radius: 0 10px 0 0;
    border-left: 0;
}

.item-menu-bar .health-professional-information{
    border-radius: 10px 10px 0 0;
}

.item-menu-bar .question-drop-down{
    border-radius: 10px 10px 0 0;
    background-color: white;
    margin-right: 0px;
    float: right;
    color: #003366;
}

.item-menu-bar .question-drop-down:hover{
    background-color: #003366;
    color: #ffffff;
}
/*//////////////////////////////////////////////////////////*/

/*///////////////////DROP DOWN MENU/////////////////////////*/
#sddm{
    margin: 0;
    padding: 0;
    z-index: 30;
}

#sddm li{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

#sddm li a{
    display: block;
    width: 200px;
    text-align: center;
    text-decoration: none;
    color: inherit;
}

#sddm div{
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    width: 210px;
    background: #FFFFFF;
    border: 1px solid #003366;
    border-radius: 0 0 10px 10px;
    padding-bottom: 5px;
    margin: 2px 0 0 -6px;
}

.main.is-iOS #sddm li a{
    width: 180px;
}

.main.is-iOS #sddm div{
    width: 190px;
}

#sddm div a.menu-question {
    position: relative;
    display: block;
    padding: 5px 10px;
    text-align: left;
    text-decoration: none;
    color: #003366;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    width: auto;
}

#sddm div a:hover{
    background: #003366;
    color: #FFFFFF
}