/* @override http://ihsg.local/web-static/inc/global.css */

@import url("reset.css");

body {
	font: normal 12px arial, verdana, sans-serif;
	background: #f3f2f2;
}

br {
	clear: both;
}

a {
	color: #069;
	text-decoration: none;
}

a:hover {
	color: #00a4df ! important;
}

a.mailto {
	padding-left: 16px;
	background: url(../img/icon_mail.png) 0 50% no-repeat;
	behavior: url(../../js/iepngfix.htc);
}

div#mainContainer {
	width: 961px;
	margin: 0 auto 20px;
	background: #fff url(../img/bg_stripes.gif);
	overflow: hidden;
}

div#masthead {
	position: relative;
	height: 95px;
	background: #f3f2f2;
	overflow: hidden;
}

div#masthead h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 239px;
	height: 95px;
}

div h1 a {
	display: block;
	width: 155px;
	height: 75px;
	text-indent: -9000px;
	background: url(../img/logo_main-trans.png) 50% 50% no-repeat;
	margin-top: 18px;
	behavior: url(../../js/iepngfix.htc);
}

div#masthead ul#linksAndSearch {
	position: absolute;
	right: 0;
	top: 24px;
}

div#masthead ul#linksAndSearch li {
	float: left;
	height: 17px;
	padding-left: 12px;
	color: #999;
	font-size: 9px;
	text-transform: uppercase;
}

div#masthead ul#linksAndSearch li a {
	padding-right: 12px;
	color: #999;
	line-height: 22px;
}

div#masthead ul#linksAndSearch li:last-child {
	padding-left: 0;
}

div#masthead ul#linksAndSearch li form {
	border: 1px solid #ccc;
	padding: 0;
}

div#masthead ul#linksAndSearch li form input[type=text] {
	height: 17px;
	width: 125px;
	border: 0;
	vertical-align: middle;
	color: #999;
	font-size: 9px;
	text-transform: uppercase;
}

div#masthead ul#linksAndSearch li form input[type=text].focused {
	text-transform: none;
	color: #000;
}

div#masthead ul#linksAndSearch li form input[type=image] {
	background: #e6e6e6;
	vertical-align: middle;
}

div#masthead div#mainNav {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
	width: 100%;
	height: 39px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

div#masthead div#mainNav ul {
	float: right;
	padding: 0;
	margin: 0;
	height: 39px;
	overflow: hidden;
}

div#masthead div#mainNav ul li {
	width: 127px;
	height: 39px;
	margin-left: 1px;
	float: left;
	display: inline;
	border-bottom: 0;
	text-align: center;
}

div#masthead div#mainNav ul li a {
	display: block;
	padding: 7px 8px;
	width: 111px;
	height: 25px;
	background: url(../img/bg_mainnav.gif) 0 0  no-repeat;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#masthead div#mainNav ul li.active a {
	background: url(../img/bg_mainnav.gif) 0px -39px  no-repeat;
	color: #00a4df;
}

div#masthead div#mainNav ul li.oneliner a {
	line-height: 27px;
}


div#subContainer {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 100%;
	width: 959px;
}

.mastflash {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 959px;
	overflow: hidden;
}

div#footer {
	border-top: 1px solid #ccc;
	background: #f3f2f2;
}

div#footer p {
	margin-top: 5px;
	font-size: 10px;
	color: #999;
	text-align: center;
	text-transform: uppercase;
}

div#footer p span {
	padding: 0 4px;
	font: 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#footer p span.blue {
	padding: 0;
	color: #069;
}

div#leftCol {
	float: left;
	width: 167px;
	margin: 0 17px 10px 11px;
	display: inline;
	overflow: hidden;
}

div#leftCol ul.subNav {
	margin: 32px 0 0;
	text-align: right;
}

div#leftCol ul.subNav li {
	margin-bottom: 12px;
	display: block;
	padding-right: 14px;
}


div#leftCol li.active {
	display: block;
}


div#leftCol li.active a {
	color: #07a5df;

}

div#leftCol ul.subNav li a {
	color: #999;
	font-size: 12px;
}

div#leftCol ul.subNav li.active {
	background: url(../img/arrow-trans.gif) 100% 4px no-repeat;
}

div#leftCol ul.subNav li.active a {
	color: #07a5df;
}

div#middleCol {
	float: left;
	width: 516px;
	margin: 18px 0 10px;
	display: inline;
	overflow: hidden;
}

div#middleCol div#mainContent {
	position: relative;
	border: 1px solid #ccc;
	background: #fff;
	overflow: hidden;
}

div#middleCol div#mainContent h2 {
	margin: 22px 0 14px;
	padding: 5px 25px;
	color: #666;
	font-size: 12px;
	text-transform: uppercase;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

div#middleCol div#mainContent a.topLeft {
	position: absolute;
	top: 5px;
	left: 25px;
	padding-left: 18px;
	font: italic normal 9px/13px georgia;
	background: url(../img/icon_patients.png) 0 50% no-repeat;
}

div#middleCol div#mainContent a.topRight {
	position: absolute;
	top: 5px;
	right: 25px;
	padding-right: 18px;
	font: italic normal 9px/13px georgia;
	background: url(../img/icon_patient.png) 100% 50% no-repeat;
}

div#middleCol div#mainContent .article {
	margin: 0 0 0 36px;
}

div#middleCol div#mainContent .article img {
	float: left;
	margin: 0 11px 5px 0;
	padding: 2px;
	border: 1px solid #ccc;
	display: inline;
}

div#middleCol div#mainContent .article h3 {
	margin-bottom: 5px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
}

div#middleCol div#mainContent .article h3 a {
	padding-left: 11px;
	background: url(../img/bullet-trans.gif) 0 5px no-repeat;
}

div#middleCol div#mainContent .article p {
	margin: 0 0 14px 130px;
	color: #999;
	font-size: 11px;
	font-style: italic;
}

div#middleCol div#mainContent .article li {
	margin: 0 0 14px 130px;
	color: #999;
	font-size: 11px;
	font-style: italic;
}
div#middleCol div#mainContent .articleTopIndex .article {
	margin-bottom: 15px;
}

div#middleCol div#mainContent .articleTopIndex .article {
	margin-bottom: 15px;
	margin-right: 15px;
}
div#middleCol div#mainContent .articleTopIndex .article p {
	margin: 0 10px 14px 12px;
	font: 12px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #535353;
}
div#middleCol div#mainContent .articleTopIndex .article .date {
	display: block;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #878787;
	margin-bottom: 5px;
}

div#middleCol div#mainContent .articleTopIndex a.more {
	color: #f7881c;
}



div#middleCol div#mainContent .alsoLinks {
	
}

div#middleCol div#mainContent .alsoLinks h3 {
	margin: 5px 0 10px;
	color: #666;
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: underline;
}

div#middleCol div#mainContent .alsoLinks a {
	padding-left: 15px;
	font-size: 10px;
	text-transform: uppercase;
	background: url(../img/arrow-flip-trans.png) 0 2px no-repeat;
	behavior: url(../../js/iepngfix.htc);
}

div#middleCol div#mainContent .floatLeft p,
div#middleCol div#mainContent .floatRight p {
	margin:0 0 14px 11px;
}

div#middleCol div#mainContent .floatLeft {
	float: left;
	width: 200px;
	margin: 0 0 0 36px;
	display: inline;
}


div#middleCol div#mainContent .floatRight {
	float: right;
	width: 200px;
	margin: 0 46px 0 0;
	display: inline;
}

div#middleCol div#mainContent .floatLeftBig {
	position: relative;
	float: left;
	width: 202px;
	margin: 0 0 12px 25px;
	font: italic normal 10px georgia;
	color: #666;
	display: inline;
}

div#middleCol div#mainContent .floatLeftBig img {
	display: block;
	margin-bottom: 4px;
}

div#middleCol div#mainContent .floatLeftBig ul {
	position: absolute;
	right: 0;
	bottom: 0;
}

div#middleCol div#mainContent .floatLeftBig ul li {
	float: left;
	margin-left: 4px;
	display: inline;
}

div#middleCol div#mainContent .floatRightBig {
	float: right;
	width: 213px;
	margin: 0 25px 12px 0;
	font: italic normal 10px georgia;
	color: #666;
	display: inline;
	position: relative;
}

div#middleCol div#mainContent .floatRightBig .before {
	float: left;
	width: 102px;
	margin-right: 9px;
	margin-bottom: 18px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ccc;
	text-indent: 6px;
}

div#middleCol div#mainContent .floatRightBig .after {
	float: left;
	width: 102px;
	margin-bottom: 18px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ccc;
	text-indent: 6px;
}

div#middleCol div#mainContent .floatRightBig .before img,
			div#middleCol div#mainContent .floatRightBig .after img {
	display: block;
	margin-bottom: 5px;
}

div#middleCol div#mainContent .floatRightBig img.illus {
	clear: both;
	display: block;
	margin-bottom: 6px;
	margin-left: 13px;
}

div#middleCol div#mainContent .floatRightBig h3 a {
	padding-left: 11px;
	font: normal 11px georgia;
	background: url(../img/bullet-trans.png) 0 3px no-repeat;
	behavior: url(../../js/iepngfix.htc);
}

div#middleCol div#mainContent .floatRightBig p {
	margin-bottom: 10px;
	padding-left: 11px;
}

div#middleCol div#mainContent div.articleTop {
	padding-bottom: 11px;
	background: url(../img/hr.gif) 50% 100% no-repeat;
	width: 100%;
}

div#middleCol div#mainContent div.articleContent {
	margin: 0 24px 60px;
	padding: 7px 11px 21px 11px;
	overflow: auto;
}
#mainContainer div#middleCol div#mainContent div.contentWide {
	margin: 0 0px 60px 24px;
	padding: 4px 0px 21px 11px;
	width: 500px;
}

div#middleCol div#mainContent .articleContent img {
	padding: 2px;
	border: 1px solid #ccc;
}

div#middleCol div#mainContent div.articleContent h4 {
	padding-top: 2px;
	font-size: 10px;
	color: #333;
	text-transform: uppercase;
	display: block;
	float: left;
	zoom:1;
	text-indent: 0;
	position: relative;
}

div#middleCol div#mainContent div.articleContent ul.list {
	padding: 0 0 12px 0;
	font-size: 12px;
	color: gray;
	position: relative;
	list-style-type: square;
}

div#middleCol div#mainContent div.articleContent h4:after {
	content: ':';
	padding-right: 6px;
}

div#middleCol div#mainContent div.articleContent p {
	margin-bottom: 15px;
	color: #7d7d7d;
	line-height: 16px;
}

div#middleCol div#mainContent div.patientSummary {
	float: left;
	width: 124px;
	margin: 0 42px 0px 0;
}

div#middleCol div#mainContent div.patientSummary div {
	margin-bottom: 6px;
	padding-bottom: 4px;
	font: italic normal 9px georgia;
	color: #666;
	border-bottom: 1px dotted #ccc;
}

div#middleCol div#mainContent div.patientSummary div img {
	display: block;
	margin-bottom: 4px;
	border: 0px;
	padding: 0;
}

div#middleCol div#mainContent div.patientSummary div.before {
	float: left;
	margin-right: 1px;
	display: inline;
	padding-right: 5px;
}

div#middleCol div#mainContent div.patientSummary div.after {
	float: left;
}

div#middleCol div#mainContent div.patientSummary h3 {
	margin-bottom: 3px;
}

div#middleCol div#mainContent div.patientSummary h3 a {
	padding-left: 11px;
	font: italic normal 11px georgia;
	background: url(../img/bullet-trans.png) 2px 3px no-repeat;
	behavior: url(../../js/iepngfix.htc);
}

div#middleCol div#mainContent div.patientSummary p {
	margin-left: 11px;
	font: italic normal 10px georgia;
	color: #999;
}

div#middleCol div#mainContent ul.list {
	margin-left: 15px;
}
div#middleCol div#mainContent ul.list li {
	margin-bottom: 10px;
	display: block;
	font: italic normal 11px georgia;
	color: #909090;
}


div#rightCol {
	float: right;
	width: 226px;
	margin: 18px 11px 10px;
	display: inline;
	overflow: hidden;
}

div#rightCol .largeModule {
	margin-bottom: 9px;
	border: 1px solid #ccc;
	background: #fff url(../img/bg_module.png) 0 100% repeat-x;
	width: 224px;
	overflow: hidden;
}

div#rightCol .largeModule .largeTopPart {
	margin-bottom: 2px;
	padding: 14px 13px;
	border-bottom: 1px dotted #ccc;
}

div#rightCol .largeModule .largeBottomPart {
	padding: 14px 13px;
	border-top: 1px dotted #ccc;
}

div#rightCol .largeModule h3 {
	margin-bottom: 10px;
	color: #666;
	text-transform: uppercase;
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.largeModule p {
	margin: 0 13px 0px 13px;
	font-size: 11px;
	color: #888;
	line-height: 14px;
}

div#rightCol .largeModule ul {
	margin-left: 6px;
}

div#rightCol .largeModule li {
	margin-bottom: 3px;
}

div#rightCol .largeModule li a {
	padding-left: 20px;
	font: italic normal 11px georgia;
}

div#rightCol .largeModule li a.item-FAQ {
	background: url(../img/icon_FAQs.png) 0 50% no-repeat;
}

div#rightCol .largeModule li a.item-photos {
	background: url(../img/icon_photos.png) 0 50% no-repeat;
}

div#rightCol .largeModule li a.item-basics {
	background: url(../img/icon_basics.png) 0 50% no-repeat;
}

div#rightCol .largeBottomPart li a {
	background: url(../img/icon_patient.png) 0 50% no-repeat;
}

div#rightCol .basicModule {
	margin-bottom: 9px;
	border: 1px solid #ccc;
	border-top: 1px solid #adadad;
	background: #fff url(../img/bg_module.png) 0 100% repeat-x;
}

div#rightCol .basicModule h3 {
	margin-bottom: 10px;
	padding: 4px 16px 14px;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	background: #ccc url(../img/bg_moduleH3.png) 0% 100% no-repeat;
	height: 12px;
}

div#rightCol .basicModule ul {
	margin: 0 25px 20px;
}

div#rightCol .basicModule ul li {
	margin-bottom: 3px;
}

div#rightCol .basicModule ul li a {
	padding-left: 11px;
	font-size: 11px;
	background: url(../img/bullet-trans.png) 0 2px no-repeat;
	behavior: url(../../js/iepngfix.htc);
}

div#rightCol .basicModule h4 {
	margin: 0 13px 10px 25px;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #999;
}
div#rightCol .basicModule h4.pdf {
	padding-left: 14px;
	background: url(../img/pdf_icon.gif) 0% 50% no-repeat;
}

div#rightCol .basicModule p {
	margin: 0 13px 20px 25px;
	font-size: 11px;
	line-height: 14px;
	color: #535353;
}

div#rightCol .basicModule .basicTopPart {
	margin-bottom: 2px;
	padding: 0px 13px 10px 13px;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}

div#rightCol .basicModule .basicBottomPart {
	padding: 8px 13px;
	border-top: 1px dotted #ccc;
}
div#rightCol .basicModule .basicBottomPart a {
	font-size: 11px;
}

div#rightCol a.module_arrow {
	background: url(../img/module_arrow.gif) 0% 50% no-repeat;
	padding-left: 8px;
	margin-left: 17px;
	font: italic 12px/16px Georgia, "Times New Roman", Times, serif;
}

.logo_ishrs {
	width: 90px;
	height: 63px;
	display: inline;
	float: left;
	background: url(../img/ishrs-logo.gif) 50% 50% no-repeat;
	text-indent: -9000px;
	margin-left: 15px;
}
.logo_eshrs {
	width: 62px;
	height: 63px;
	display: inline;
	float: left;
	background: url(../img/eshrs-logo.gif) 50% 50% no-repeat;
	text-indent: -9000px;
	margin-left: 10px;
}

.clear {
	font-size: 1px;
	line-height: 0px;
	height: 0px;
	clear: both;
}

table.index_logos {
	width: 99%;
	border-collapse: collapse;
	margin: 20px 0;
}
table.index_logos td {
	width: 50%;
	text-align: center;
	vertical-align: middle;
}
table.index_logos .logo_ishrs {
	margin-left: 0px;
}
table.index_logos .logo_eshrs {
	
}

.indexModule {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px dotted #ccc;
}
.indexModule h3 {
	margin-bottom: 10px;
	color: #666;
	text-transform: uppercase;
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.indexModule li.patient a {
	background: url(../img/icon_patient.png) 0 50% no-repeat;
	font: italic 11px/1.5em Georgia, "Times New Roman", Times, serif;
	padding-left: 20px;
}
.indexModule li.page a {
	background: url(../img/icon_basics.png) 0 50% no-repeat;
	font: italic 11px/1.5em Georgia, "Times New Roman", Times, serif;
	padding-left: 20px;
}
.indexModule li.faq a {
	background: url(../img/icon_FAQs.png) 0 50% no-repeat;
	font: italic 11px/1.5em Georgia, "Times New Roman", Times, serif;
	padding-left: 20px;
}
ul.sitemap {
	margin-left: 32px;
}
ul.sitemap li {
	margin-bottom: 10px;
	display: block;
}

ul.sitemap li li {
	margin-bottom: 0px;
}
ul.sitemap li a {
	background:transparent url(../img/bullet-trans.png) no-repeat scroll 0 5px;
	padding-left:11px;
	color: #165185;
	font: 12px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 2px;
}
ul.sitemap li li a {
	background: url(../img/minidoublearrow.gif) 0% 50% no-repeat;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #878787;
	padding-left: 11px;
}
ul.sitemap ul {
	margin-top: 3px;
	margin-left: 50px;
}

#patient_gallery {
	display: block;
	width: 202px;
	height: 307px;
	overflow: hidden;
	position: relative;
}
#patient_gallery .item {
	width: 202px;
	height: 307px;
	position: absolute;
	top:  0;
	left: 0;
}
.navdiv {
	margin-top: 3px;
	clear: both;
	height: 14px;
}
#patient_gallery_nav a {
	cursor: pointer;
	padding-bottom: 1px;
}
#patient_gallery_nav a.current {
	border-bottom: 3px solid #99bcdb;
	display: block;
}

/* @group Form Formatting */

/*FORM*/
form#theform {
 font-size: 1em;
 width: 85%;
 position: relative;
}


/* fieldset styling */
fieldset {
 margin: 1em 0; /* space out the fieldsets a little*/
 padding: 1em;
 border : 1px solid #ccc;
 background-color:#fff
}

/* legend styling */
legend {
 font-size:1.1em;
}

form#theform p {
 position: relative;
 width: 100%;
 font-size: 1.2em;
 border-bottom: 1px dotted #ccc;
}

/* style for labels */
form#theform label {
 float: left;
 width: 7em;
}


/* style for required labels */
form#theform .required {
 font-size: 1.2em;
 color:#760000;
}

/* style error messages */
form#theform label .feedback {
 position: absolute;
 margin-left: 11em;
 left: 200px;
 right: 0;
 font-weight: bold;
 color:#760000;
 padding-left: 18px;
 background: url(images/error.png) no-repeat left top;
}
p .required {
 font-size: 1.0 em;
 color:#760000;
}
/* :KLUDGE: Explicitly set the width for IE6- */
* html .feedback{
 width: 10em;
}

form#theform input {
 width: 200px;
}

form#theform input.radio, form#theform input.checkbox, form#theform input.submit, form#theform input.list {
 width: auto;
}


#area_code, #phone1, #phone2 {
 width: 30px;
}

form#theform input.radio {
 float: left;
 margin-right: 1em;
}

form#theform textarea {
 width: 235px;
 height: 100px;
}


/* Color form styling */
#favoriteColor {
 margin: 0;
 padding: 0;
 border: none;
 background: transparent;
}

#favoriteColor h2 {
 width: 10em;
 float: left;
 font-size: 1em;
 font-weight: normal;
}

#favoriteColor div {
 width: 8em;
 float: left;
}

#favoriteColor label {
 /*width: 3em;*/
 float: none;
 display: inline;
}

#theform {
	padding-left:20px;
padding-right:20px;
}

#theform p {
	padding: 3px 2px;
}
#theform .warning {
	background-color: #fcc;
}
#warning_box {
	width: 80%;
	margin: auto;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 10px;
}
#theform .conftext {
	margin-left: 7.5em;
	display: block;
	color: #000;
}
#theform p {
	font-size: 11px;
}

/* @end */