@import "/css/pedialink/body.css";
@import "/css/pedialink/styles.css";

body {
	/*text-align: center;*/
	font-family: Arial;
	font-size: 10px !important;
	line-height: 1.3em;
	background: #e6e6e6;
}



/* ------------------------------------------------------- */
/* --- iAPPS Fixes --- */
/* ------------------------------------------------------- */

div#ToolbarMenu table {
} 
div#ToolbarMenu table tr td {
    vertical-align: middle;
}
div#autohide {
    margin-left: 0 !important;
    text-align:center;
}
div#bar {
    font-size: 12px;
}




/* ------------------------------------------------------- */
/* --- Structure --- */
/* ------------------------------------------------------- */

div#pageWrapper {
	text-align: left;
	margin: 35px auto;
	width: 1029px;
	background: #e6e6e6 top center repeat-y url(/images/common/bgTile.gif);
}
div#pageWrapperInner {
	background: top left no-repeat url(/images/common/bgTop.gif);
}
div#pageBody {
	background: 763px top repeat-y url(/images/common/rightcolumnBg.gif);
}
div.contentWrapper div.contentLeft {
	width: 738px;
	float: left;
	padding: 15px 0 20px 25px;
	background: 23px top no-repeat url(/images/common/leftColumnTop.gif);
}
div.contentWrapper div.contentRight {
	width: 266px;
	float: right;
	position: relative;
	background: top left no-repeat url(/images/common/rightColumnFade.jpg);
	min-height: 500px;
}

div.contentRight div.spotlight {
	margin-left:6px;
	padding-bottom:20px;
	background: bottom left no-repeat url(/images/common/rightColBlueLightBottom.gif);
}


.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none !important;
}
div.hr {
	display: block;
	height: 5px;
	background: top left repeat-x url(/images/common/hrule.gif);
	margin: 10px 12px 0 11px;
}
div.line {
	display: block;
	height: 5px;
	margin: 10px 0 12px 0;
	border-bottom: solid 1px #e9e9e9;	
}
hr {
	display: block;
	line-height: 1px;
	height: 3px;
	font-size: 1px;
	color: #e5e5e5;
	background-color: #e5e5e5;
	border: none;
	border-bottom: solid 1px #b4b4b4;
	margin: 10px 12px 0 11px;
	clear: both;
}




/*--- Page Columns ---*/


div.column2 .col1 {
	display:block;
	float:left;
	width:460px;
	margin-right:12px;
	font-size:0.9em;
}

div.column2 .col2 {
	display:block;
	float:left;
	width:250px;
}

div.column2 div.hr {
	margin:10px 0px 15px 0 !important;
}


div.column2 {
	margin-left:12px;
	width:730px;
	height:auto;
	color:#333;
}
div.column2 h3 {
	margin-bottom:12px;
}
div.column2 .subheader {
	display:block;
	margin-top:-2px;
	margin-bottom:12px;
	font-style:italic;
	font-size:0.9em;
	line-height:1.3em;
}


div.column2 .col2 .bg {
	width:250px;
	height:auto;
	background:top left no-repeat url(/images/boxes/gray-top.gif);
}

div.column2 .col2 .bottom {
	width:250px;
	height:10px;
	background:top left no-repeat url(/images/boxes/gray-bottom.gif);
}

div.column2 .header label {
	width:180px;
	display:block;
	float:left;
	margin:3px 0 0 8px;
	font-weight:bold;
}

div.column2 .header a {
	display:block;
	float:right;
	margin:4px 4px 0 0;
}

div.introColumn1 {
	float: left;
	width:465px;
	height:auto;
}

div.introColumn2 {
    font-family: Verdana, Arial;
    font-size: 8pt;
    font-style: normal;
    float: right;
	width:240px;
	height:auto;
    vertical-align: top;
}

div.introColumn2 h4.orange 
{
    color:#C48000;
    font-family:Verdana,Arial;
    font-size:1.2em;
    font-weight:bold;
    margin: 0px 5px 0 11px;
}

div.titleBlock{
    float:left;
    width: 646px;
    height: auto;
    clear: both;
}

div.printBlock a {
    float:right;
}
div.printBlock {
    float:right;
    width: 60px;
    height: auto;
    display: block;
    vertical-align:top;
    margin: 8px 16px 0px 0px;
}

/*--- Header Styles ---*/
div#header {
	height: 158px;
}

div#header .loggedIn {
	background: 23px bottom no-repeat url(/images/common/headerBgLoggedIn.gif);
	height: 158px;
}


div#header .loggedOut {
	background: 23px bottom no-repeat url(/images/common/headerBgLoggedout.gif);
	height: 158px;
}




div#header div.left {
	width: 735px;
	position: relative;
}
div#header div.right {
	width: 276px;
}
div#header ul.mainNav {
	padding: 3px 0 0 31px;
}
div#header ul.mainSecondaryNav {
	padding: 3px 30px 0 0;
	float: right;
}
div#header ul.mainNav li {
	float: left;
}
div#header ul.mainSecondaryNav li {
	float: right;
}
div#header ul li a {
	display: block;
	text-indent: -9000em;
}
div#header ul li a:hover {
	background-position: 0 -28px !important;
}
div#header ul li.aboutPediaLink a {
	background: top left no-repeat url(/images/buttons/aboutPedialinkBtn.gif);
	width: 128px;
	height: 28px;
}
div#header ul li.contactUs a {
	background: top left no-repeat url(/images/buttons/contactUsBtn.gif);
	width: 95px;
	height: 28px;
}
div#header ul li.help a {
	background: top left no-repeat url(/images/buttons/helpBtn.gif);
	width: 52px;
	height: 28px;
}
div#header ul li.privacyPolicy a {
	background: top left no-repeat url(/images/buttons/privacyBtn.gif);
	width: 117px;
	height: 28px;
}
div#header ul li.membershipInfo a {
	background: top left no-repeat url(/images/buttons/membershipInfo.gif);
	width: 130px;
	height: 28px;
}
div#header ul li.myAccount a {
	background: top left no-repeat url(/images/buttons/myAccountBtn.gif);
	width: 103px;
	height: 28px;
}
div#header ul li.aapHome a {
	background: top left no-repeat url(/images/buttons/homeBtn.gif);
	width: 89px;
	height: 28px;
}
div#header ul li.aapHome_loggedIn a {
	background: top left no-repeat url(/images/buttons/homeBtn_loggedIn.gif);
	width: 89px;
	height: 28px;
}
div#header ul li.youngPeds a {
	background: top left no-repeat url(/images/buttons/youngpedsNetworkBtn.gif);
	width: 157px;
	height: 28px;
}
div#header a.pediaLinkLogo {
	margin: 10px 0 0 35px;
	display: block;
	clear: left;
}
div#header .loggedOut a.pediaLinkLogo {
	margin: 6px 0 0 41px;
	display: block;
	clear: left;
}
div#header p.welcome {
	position: absolute;
	top: 95px;
	left: 35px;
	color: #666;
	font-family: Verdana,Arial;
	font-size: 1.2em;
	line-height:1.5em;
}
div#header p.welcome a{
	font-size: .8em;
	margin-left: 15px;
}
div#header ul.sectionNav {
	clear: left;
	position: absolute;
	top: 115px;
	left: 0;
	margin: 14px 0 0 32px;
}
div#header ul.sectionNav li {
	float: left;
}
div#header ul.sectionNav li a.pediatricianBtn {
	background: top left no-repeat url(/images/buttons/pediatricianViewBtn.gif);
	width: 151px;
	height: 25px;
}
div#header ul.sectionNav li a.programDirectorBtn {
	background: top left no-repeat url(/images/buttons/programDirectorViewBtn.gif);
	width: 125px;
	height: 25px;
}
div#header ul.sectionNav li a.residentViewBtn {
	background: top left no-repeat url(/images/buttons/residentViewBtn.gif);
	width: 126px;
	height: 25px;
}
div#header ul.sectionNav li a.studentViewBtn {
	background: top left no-repeat url(/images/buttons/studentViewBtn.gif);
	width: 126px;
	height: 25px;
}
div#header ul.sectionNav li a.prtViewBtn {
	background: top left no-repeat url(/images/buttons/prtViewBtn.gif);
	width: 126px;
	height: 25px;
}
div#header ul.sectionNav li.selected a {
	background-position: 0 -25px !important;
}
div#header ul.sectionNav li a:hover {
	background-position: 0 -25px !important;
}
div#header div.right div.academyOfPediatrics {
	text-indent: -9000em;
	display: block;
	background: left 5px no-repeat url(/images/common/americanAcademy.gif);
	width: 240px;
	height: 45px;
	clear: right;
}
div#header div.right input {
	border: 0;
	width: 182px;
	height: 21px;
	float: left;
	background-color: transparent;
}
div.searchBox {
	padding-top: 23px;
	height: 25px;
	background: left 23px no-repeat url(/images/common/searchInput.gif);
}
div#header a.myLinksBtn {
	display: block;
	clear: both;
	margin-top: 3px;
	background: left top no-repeat url(/images/buttons/myLinksBtn.gif);
	width: 66px;
	height: 17px;
	text-indent: -9000em;
	float:left;
}
div#header a.myLinksBtn:hover {
	background-position: 0 -17px;
}
div#header div.right a.searchBtn {
	border: 0;
	width: 55px;
	height: 17px;
	float: left;
	display: block;
	position: relative;
	top: 2px;
	left: -3px;
	text-indent: -9000em;
	background: top left no-repeat url(/images/buttons/searchBtn.gif);
}
div#header div.right a.searchBtn:hover {
	background-position: 0 -17px;
}

/*- Random Photos -*/
div#header div.left div.randomPhoto {
	position: absolute;
	top: -13px;
	left: 590px;
	display: block;
	width: 153px;
	height: 167px;
}


/*- Guided Tour -*/
div.tour {
	margin-top:8px;	
}



div.left div.randomPhoto1 {
	background: top left no-repeat url(/images/banner/bannerPhoto1.jpg);
}
div.loggedOut div.left div.randomPhoto1 {
	background: top left no-repeat url(/images/banner/bannerPhoto1Out.jpg);
}
div.left div.randomPhoto2 {
	background: top left no-repeat url(/images/banner/bannerPhoto2.jpg);
}
div.loggedOut div.left div.randomPhoto2 {
	background: top left no-repeat url(/images/banner/bannerPhoto2Out.jpg);
}
div.left div.randomPhoto3 {
	background: top left no-repeat url(/images/banner/bannerPhoto3.jpg);
}
div.loggedOut div.left div.randomPhoto3 {
	background: top left no-repeat url(/images/banner/bannerPhoto3Out.jpg);
}
div.left div.randomPhoto4 {
	background: top left no-repeat url(/images/banner/bannerPhoto4.jpg);
}
div.loggedOut div.left div.randomPhoto4 {
	background: top left no-repeat url(/images/banner/bannerPhoto4Out.jpg);
}
div.left div.randomPhoto5 {
	background: top left no-repeat url(/images/banner/bannerPhoto5.jpg);
}
div.loggedOut div.left div.randomPhoto5 {
	background: top left no-repeat url(/images/banner/bannerPhoto5Out.jpg);
}
div.left div.randomPhoto6 {
	background: top left no-repeat url(/images/banner/bannerPhoto6.jpg);
}
div.loggedOut div.left div.randomPhoto6 {
	background: top left no-repeat url(/images/banner/bannerPhoto6Out.jpg);
}
div.left div.randomPhoto7 {
	background: top left no-repeat url(/images/banner/bannerPhoto7.jpg);
}
div.loggedOut div.left div.randomPhoto7 {
	background: top left no-repeat url(/images/banner/bannerPhoto7Out.jpg);
}
div.left div.randomPhoto8 {
	background: top left no-repeat url(/images/banner/bannerPhoto8.jpg);
}
div.loggedOut div.left div.randomPhoto8 {
	background: top left no-repeat url(/images/banner/bannerPhoto8Out.jpg);
}
div.left div.randomPhoto9 {
	background: top left no-repeat url(/images/banner/bannerPhoto9.jpg);
}
div.loggedOut div.left div.randomPhoto9 {
	background: top left no-repeat url(/images/banner/bannerPhoto9Out.jpg);
}




/*--- Footer Styles ---*/
div#footer {
	clear: both;
	display: block;
	height: 37px;
	background: bottom left no-repeat url(/images/common/bgBottom.gif);
}
div#footer p.copyright {
	float: left;
	display: block;
	font-size: .9em;
	padding: 18px 0 0 35px;
}





/* ------------------------------------------------------- */
/* --- Modal Window --- */
/* ------------------------------------------------------- */
#modal {
	z-index: 9999;
	position: absolute;
	visibility: visible;
	padding: 0;
	margin: 0;
}

#modalFixed {
	z-index: 9999;
	position: absolute;
	visibility: visible;
	padding: 0;
	margin: 0;
}

#coverLayer, .coverLayer {
	z-index: 1;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background: #404c58;
	-moz-opacity: .5;
	opacity: .5;
	opacity: transparent;
	filter: alpha(opacity='50');
}

.coverLayer {
	display:none;
}
.customCoverLayer
{
	z-index:50;
	display:block;
}



/* ------------------------------------------------------- */
/* --- Popup Boxes --- */
/* ------------------------------------------------------- */


div.popup {
	text-align:left;
	font-family:verdana;
}

div.popup label {
	display:block;
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 10px 0;
}

div.popup div.inlineSmall label{
    display: inline-block;
	font-weight:bold;
	font-size:1.0em;
	margin:0 0 0 0;
}

div.popup div.inlineSmall span{
	font-weight:bold;
	font-size:0.8em;
	margin:0 0 0 0;
}

div.popup div.inlineSmall span.plain{
	font-size:0.8em;
	font-weight: normal;
}

.modal {
	position:absolute;
	z-index:3;
	display:none;
}


div.modal318 {
	position:absolute;
	z-index:3;
	width:318px;
	height:auto;
	display:none;
}
div.modal318 .top {
	background: top left no-repeat url(/images/popup/318/top.gif);
	width:318px;
	height:10px;
	padding:0 !important;
	font-size:1px;
}
div.modal318 .bg {
	background: bottom left url(/images/popup/318/bg.gif);
	padding-bottom:10px;
	padding-left:14px;
	padding-right:12px;
	color:#333;
}
div.modal318 div.line2 {
	display: block;
	height: 5px;
	background: top left repeat-x url(/images/ilp/line2.gif);
	margin: 12px 8px 8px 0px !important;
	padding: 0 !important;
}
div.modal318 table.selection td {
	padding: 1px 4px 1px 0px !important;
}




div.modal240 {
	position:absolute;
	z-index:3;
	width:240px;
	height:auto;
	display:none;
}
div.modal240 .top {
	background: top left no-repeat url(/images/popup/240/top.gif);
	width:240px;
	height:21px;
}
div.modal240 .topShort {
	background: top left no-repeat url(/images/popup/240/topShort.gif);
	width:240px;
	height:3px;
}
div.modal240 .bot {
	background: top left no-repeat url(/images/popup/240/bot.gif);
	width:240px;
	height:5px;
}
div.modal240 .bg {
	background: bottom left repeat-y url(/images/popup/240/bg.gif);
	padding-top: 0px;
	padding-bottom:10px;
	padding-left:1px;
	padding-right:1px;
}

div.modal240 .bg a {
	text-decoration: none;
	outline: none;
	color: #333333;
}
div.modal240 .bg a:hover {
	text-decoration: underline;	
}
div.modal240 .left {
	display:block;
	float:left;
	padding: 1px 0 3px 3px;

}
div.modal240 .right {
	display:block;
	float: right;
	font-size:11px;
	font-weight:normal;
	padding:1px 25px 5px 0;
}




div.tooltip {
	position:absolute;
	z-index:9999;
	width:195px;
	height:auto;
	display:none;
}
div.tooltip .top {
	background: top left no-repeat url(/images/popup/tooltip/top.gif);
	width:195px;
	height:9px;
	font-size:1px;
}
div.tooltip .bg {
	background: bottom left url(/images/popup/tooltip/bg.gif);
	padding-bottom:30px;
	padding-left:12px;
	padding-right:10px;
	color:#333;
}



div.tooltip2 {
	position:absolute;
	z-index:9999;
	width:420px;
	height:auto;
	display:none;
}
div.tooltip2 .top {
	background: top left no-repeat url(/images/popup/tooltip/top2.gif);
	width:420px;
	height:9px;
	font-size:1px;	
}
div.tooltip2 .bg {
	background: bottom left url(/images/popup/tooltip/bg2.gif);
	padding-bottom:30px;
	padding-left:12px;
	padding-right:10px;
	color:#333;
}



div.tooltipAction {
	display:none;
	height:auto;
	position:absolute;
	width:80px;
	z-index:3;
}

div.tooltipAction .top {
	background: top left no-repeat url(/images/popup/tooltip/top-action.gif);
	height:9px;
	width:80px;
	font-size:1px;	
}
div.tooltipAction .bg {
	background:transparent url(/images/popup/tooltip/bg-action.gif) repeat scroll left bottom;
	color:#333333;
	padding-bottom:30px;
	padding-left:12px;
	padding-right:10px;
}

div.tooltipRight {
	display:none;
	height:auto;
	position:absolute;
	width:195px;
	z-index:3;
}

div.tooltipRight .top {
	background: top left no-repeat url(/images/popup/tooltip/top.gif);
	height:9px;
	width:195px;
	font-size:1px;	
}
div.tooltipRight .bg {
	background:transparent url(/images/popup/tooltip/bg-right.gif) repeat scroll left bottom;
	color:#333333;
	padding-bottom:30px;
	padding-left:12px;
	padding-right:10px;
}





table.MyLinks {
	font-size: .8em;
	border: none;
}
table.MyLinks td
{
    background-color: #DFDFDF;
    font-size: 11px;
    color: #666666;
    margin: 0px;
    padding-top:6px;
    padding-bottom: 6px;
    padding-left: 15px;
    border-bottom: 2px groove white;  
    border-right: none;
    border-left: none;
}

table.MyLinks tr td {
	vertical-align: top; 
}


div.pageMessage 
{
	margin:20px	20px 20px 18px;
}

div.pageMessage h1
{
	margin-left:0px !important;
	margin-bottom:15px !important;
}


div.pageMessage h3
{
	margin-top:12px !important;
}

div.pageMessage ul li
{
	font-size:1em !important;
}

/* ------------------------------------------------------- */
/* --- Clear Fix --- */
/* ------------------------------------------------------- */
div.clear {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}