/* Name: 					advanceweb.css
* Maintainer(s):	Bryan Mills (bmills@merion.com, x1427)
* ------------------------------------------------------
* Used on:				AW - All pages
* Inherits: 			master.css -> interior.css -> AW.css
* ------------------------------------------------------
* Notes: Common layout styles for all AW pages. Shares
* 'interior.css' from AOE for non-homepage pages
*
*/

@import 'master.css';
@import 'interior.css'; /* no separate stylesheet for interior pages here, so call this here */
@import 'AW.css';

#contentWrapper {
	background-image: none;
}

ul { /* stupid default styles */
	padding-left: 0;
}


.fieldBar .button {
	display: inline-block;
}

/* because we're calling interior.css here, just set the background color to cover up that bg image border */
.columnContainer, .lowerSection {
		background-color: #fff;
}

.columnContainer {
	float: left;
	position: static;
	width: 785px;
}

.HomeRightColAd iframe {
	margin-bottom: 16px;
}

.topSection div.section p, .lowerSection div.section p {
	line-height: 16px;
}

.topSection {
	float: left;
	padding: 0px 15px 0px 15px;
	width: 764px;
	overflow: hidden;
	position: relative;

}

.contentTop {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	zoom: 1;
	
}

.contentLeft {
	float: left;
	width: 457px;
	border-right: 1px solid #ccc;
	position: relative;
	padding-bottom: 4000px !important; 
	margin-bottom: -4000px !important;
	overflow: hidden;
}

.contentRight {
	float: left;
	width: 327px;
	position: relative;
	padding-bottom: 4000px !important; 
	margin-bottom: -4000px !important;
	overflow: hidden;
}

h1.headline {
	font-size: 2.7em;
	color: inherit;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0 12px 15px;
	position: relative;
	top: 17px;
	line-height: .8em;
}

.contentTop, .tier2 {

}




.contentTop p, .tier2 p, .lowerSection p {
	font-size: .75em;
}

.contentTop {
	padding-top: 0;
}

.adColRight {
	float: left;
	width: 180px;
	border-left: 1px solid #ccc;
	z-index: 0;
	position: relative;
	padding-bottom: 4000px !important; 
	margin-bottom: -4000px !important;
	overflow: hidden;
}

#bgWrapper .adColRight div.dualAds {
	padding-top: 15px;
}

.lowerSection {
	clear: both;
	float: left;
	border-top: 1px solid #ccc;
	overflow: hidden;
	width: 764px; /* set this, or safari likes to make up numbers */
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
}

.lowerSection .section {
	float: left;
	width: 287px;

}

.lowerSection div.extra h2 a:link, .lowerSection div.extra h2 a:visited, .lowerSection div.extra h2 a:active, .lowerSection div.extra h2 a:hover {
	color: #990000;
}

.lowerSection .extra {
}

.extra h2 {

}

.borderEraser {
	display: none;
}


.lowerSection .section p {
	display: table; /* prevent text from wrapping under image */
	zoom: 1; /* hasLoayout = true */
}

.lowerSection .middle {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: none;
}

.lowerSection .left {
			border-bottom: none;
}


.lowerSection .right {
		border-bottom: none;
		position: relative;
		z-index: 5;
		background-color: #fff;
}

.lowerSection .right .more a {
		margin-right: 12px;
		zoom: 1; /* hasLayout = true */
		height: 1%;
		
}

.featuredPub {
	border: none;
	margin-top: 20px;
	margin-right: 18px;
	padding-left: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	width: 495px;
	float: left;
	overflow: hidden;
}


	.featuredPub img {
		float: left;
		vertical-align: top;
		margin-right: 16px;
	}
	.featuredPub img.featuredCover {
		margin-right: 15px;
	}

	.featuredPub p {
		padding: 0px 0px 6px 0;
		line-height: 18px;
	}
	
	.featuredPub p br {

	}
	
	.featuredPub h2 {
		margin: 0 0 6px 0;
		color: #000;
		font-weight: 800;
		padding: 0;
		font-size: .8em;
	}
	
	.featuredPub .featuredButtons {
		display: block;
		margin: 4px 0 0 0px;
		float: left;
		text-align: left;
	}

.featuredButtons a.bevelButton:link, .featuredButtons a.bevelButton:visited, .featuredButtons a.bevelButton:active, .featuredButtons a.bevelButton:hover {
		display: block;
		float: left;
		width: 85px;
		font-size: 12px;
		margin-right: 6px;
		margin-left: 0;
	}
	
.subscribe {
	margin-top: 38px;
	width: 250px;
	float: left;
	}
	
	.subscribe img {
		float: left;
	}
	
	.subscribe div.message {
		float: left;
		width: 120px;	
		margin-left: 12px;
	}
	
	.subscribe ul {
		margin-left: 6px;
		margin-top: 6px;
	}
	
	.subscribe .featuredButtons {
			margin-top: 13px;
			margin-right: 8px;
			width: 85px;
			float: right;
	}
	
	.subscribe .flashWrapper {
		width: 102px;
	}
	
	.subscribe .featuredButtons a.bevelButton:link, .subscribe .featuredButtons a.bevelButton:visited, .subscribe .featuredButtons a.bevelButton:active, .subscribe .featuredButtons a.bevelButton:hover {
		width: 65px;
	}
	
.tier2 {
		border-top: 1px solid #ccc;
	
	}

.tier2 .leftCol {
	float: left;
	padding-left: 0;
	border-right: 1px solid #ccc;
	overflow: visible;
}	

.tier2 .leftCol .bevelButton {
	margin-top: -5px;
}

.tier2 .rightCol {

	border-bottom: none;
	float: left;
	overflow: visible;


}

.tier2 .rightCol .extra {
	margin-bottom: 0;
	height: 167px;

}

.tier2 .rightCol img {
	margin-right: 10px;
}


.opportunities {
	overflow: visible;
	padding-bottom: 0;
}

.opportunities, .opportunities div {
	width: 430px;
}



.opportunities span {
	width: 105px;
}

.aggregator .jumpTo {
	clear: none;
	float: left;
	background-color: #fff;
	margin: 12px 0;
	}
	
.aggregator .jumpTo div.dual {
		float: left;
		width: 210px;
		overflow: visible;
		margin: 0 0 0 0;
	}
	
	.aggregator .jumpTo div.dual span {
		width: auto;
		float: none;
		cursor: auto;
	}
	

	
	.aggregator .jumpTo div {
		float: left;
		width: auto;
		clear: none;
		background-color: #fff;
		margin: 8px 0 0 0;
		padding: 0;
	}
	
.aggregator .jumpTo select, .aggregator .jumpTo label {
	display: inline;
	width: 200px;
	}

.aggregator .jumpTo .more {
	padding-top: 10px;
	}	
	
.aggregator	.jumpTo a.bevelButton {
		font-weight: 400;
		color: #4C1F84;
		overflow: visible;




	}
	
	.jumpTo {
			font-size: .7em;
	padding-top: 0px;
	overflow: visible;
	}
	
	.jumpTo span, .jumpTo div {
		font-weight: bold;
		color: #4B4A3B;
	}
	
	.jumpTo label {
		color: #333;
		padding-right: 5px;
	}
	
	.jumpTo label span {
		font-weight: 400;
		padding: 0;
		margin: 0;
	}
	


	.jumpTo select, .jumpTo input {
		font-size: 1.2em;
		margin-top: 5px;
		margin-right: 8px;
		margin-left: 4px;
	}
	
	.jumpTo select {
			width: 190px;
	}
	
	.jumpTo input {
			width: 110px;
			padding: 1px;
	}
	

	.jumpTo .insideLabel {
			position: absolute;
			color: #85846C;
			padding: 5px 0 0 5px;
			z-index: 3;
			color: #000;
			font-weight: 400;

		}

	.jumpTo .hideLabel {
		position: absolute;
		color: #85846C;
		padding: 3px 0 0 5px;
		cursor: text;
		visibility: hidden;
	  }
		


.chooseField {
	background: #fff url(http://nursing.advanceweb.com/sharedresources/Graphics/advanceweb/aw/aw_list_bg.gif) repeat-x top left;
	clear: both;
	float: left;
	margin: 4px 15px 0px 15px;
	width: 955px;
	border-bottom: 1px solid #ccc;
	font-size: .9em;
}
	.chooseField .intro {
		line-height: 24px;
		width: 205px;
		float: left;
		padding: 10px 10px 10px 10px;
	}

	.chooseField ul {
		float: left;
		list-style: none;
		margin-left: 0;
		margin-top: 0;
		padding: 15px 10px 0 20px;
		border-left: 1px solid #ccc;
		height: 187px;


	}
	
	.chooseField ul.left, .chooseField ul.middle, #nav ul.left, #nav ul.middle {
			width: 230px;
	}
	
	.chooseField ul.right, #nav ul.right {
			width: 160px;
	}
	
	.chooseField ul li {
		font-size: 11px;
		margin-bottom: 7px;
	}
	
	.chooseField li a:link, .chooseField li a:visited, .chooseField li a:active {
		text-decoration: none;
	}
	
	.chooseField li a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	.chooseField a.beigeBevelButton:link, .chooseField a.beigeBevelButton:visited, .chooseField a.beigeBevelButton:active {
			margin-top: -50px;
			display: block;
			margin-right: 15px;
			color: #818067;
	}
	
.flashWrapper {
	float: left;

}
/* provide bg image info for tabs */

ul.tabs li {
	background-color: #fff; /* for some reason this wasn't overriding .tabs li without a tag selector */
}

.tabs li, .tabs li.left, .tabs li.right {
	background: url(http://nursing.advanceweb.com/sharedresources/Graphics/advanceweb/aw/aw_list_bg.gif) repeat-x bottom left;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	color: inherit;
	padding: 5px 11px; 
}

.tabs li.emptyTab, .tabs li.activeTabLeft, .tabs li.activeTabRight, .tabs li.activeTab {
	background: #fff;
	background-image: none;
}

ul.tabs li.emptyTab { /* nudge to align empty tab bottom border */
	border-top: 1px solid white;
}

#nav {
	margin: 0 auto;
	padding: 0;
	width: 955px;
	text-align: center;
}

ul#nav li {
		padding: 2px 18px 5px 18px;
		margin-bottom: 0;
}



#nav li.hasSubNav { /* this is a nudge to add individual pixels to the nav to help it better align. It assumes only "our magazines" has a drop down */
	padding-right: 27px;
}

#nav ul.dropDownNav {
		background: #fff url(http://nursing.advanceweb.com/sharedresources/Graphics/advanceweb/aw/aw_list_bg.gif) repeat-x top left;
		width: 760px;
		padding: 10px 0;
		margin-top: 0px;
		border-right: 2px solid #B6B5A7;
		border-bottom: 3px solid #B6B5A7;
}

#nav ul ul.sub {
		background-color: transparent;
		border: none;
}

#nav ul.dropDownNav li, #nav ul ul.sub li {
		background-color: transparent;
		background-image: none;
		float: none;
		background-color: transparent;
}

#nav ul ul.sub {
		float: left;
		padding: 0;
		border-left: 1px solid #ccc;
		background: #fff url(http://nursing.advanceweb.com/sharedresources/Graphics/advanceweb/aw/aw_list_bg.gif) repeat-x top left;
		margin-left: 0;
		width: 252px;
}	

#nav ul ul.left {
		border: none;
}

#nav ul ul.sub li
{
	padding: 7px 6px 7px 7px;
}

#nav ul ul.sub li, #nav ul ul.sub li a:link, #nav ul ul.sub li a:visited, #nav ul ul.sub li a:active {
	text-decoration: none;
	color: #000;
	font-weight: 400;
	background-color: transparent;
	position: static;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px
}

#nav ul.dropDownNav ul.sub li a:hover {
		color: #000;
		text-decoration: underline;
		background-color: transparent;
}



/* Styles for interior pages on advanceweb */

#contentLeft { /* need to adjust columns sizes because of differnet padding requirements */
	padding-left: 25px;
	padding-right: 16px;
	width: 634px;
}

#contentLeft p {
	line-height: 16px;
	margin-top: 7px;
}

#contentLeft table {
	font-size: 12px;
}


#contentLeft a:link, #contentLeft a:visited, #contentLeft a:active {
	font-size: 12px;
	text-decoration: underline;
}

#contentLeft span.formLabel, #contentLeft td.formLabel {
	font-size: 12px;
	font-weight: 800;
	padding-bottom: 6px;
}

#contentLeft ul, #contentLeft ul.magText, #contentLeft td.magText, #contentLeft li { /* covers malformed html */
	list-style-type: square;
	margin-left: 25px;
	margin-top: 6px;
	
}

#contentLeft ol li { /* reset list style here or else we get bullets from the naked li selector above */
	list-style: decimal;
}

#contentLeft .formRed {
	color: red;
}

#contentLeft a:hover {
	text-decoration: none;
}

#contentRight {
	width: 290px;
	border-left: 1px solid #ccc;
	padding-bottom: 32000px !important; 
	margin-bottom: -32000px !important;

}

#contentRight .section {
	border-bottom: none;
}

#linkFooter {
	clear: both;
}

.magTitle {
	color: #4b2280;
	font-weight: 800;
	font-size: 16px;
}

.magText, .magText p {
	font-size: 12px;
}

.magText p {
	margin-bottom: 8px;
}

#contentLeft td.magText ul, ul.magText { /* copied from .bullet in master.css and AW.css */
	font-size: 12px;
	margin-top: 6px;
	list-style-type: none;
	display: table; /* prevent list items from wrapping under images */
	zoom: 1; /* hasLayout = true */
	/* end copy */
	margin-bottom: 12px;
	margin-left: 25px;
}

#contentLeft .magText ul li {
	background: url(http:/nursing.advanceweb.com/sharedresources/Graphics/advanceweb/AW/AW_bullet.gif) no-repeat left 5px;
	padding: 0px 0px 2px 15px;
}

#contentLeft td.magText ul li {
	background: none;
	padding-left: 0;
}

.opportunities div.heading span {
		color: #4b2280;
}

.opportunities span {
	padding: 2px 6px;
}

#welcomeBar .search {
	visibility: hidden; /* hide this instead of taking it out. it subtracts padding from the whole bar otherwise */
}

.fade {
	-moz-opacity: .25;
	opacity: .25;
	filter: alpha(opacity='25');
}

.directoryLinks .formLabel {
	padding-bottom: 6px;
}

.directoryLinks p {
	padding-left: 12px;
	padding-bottom: 10px;
}

.directoryLinks a {

	font-size: 11px;
}

.blueBold {
	font-weight: 800;
	color: #4b2280;
	padding-bottom: 6px;
}

#contentLeft ol li {
	padding-bottom: 6px;
}

br.clear {
	display: none;
}

#bgWrapper .contentRight div.dualAds {
	padding: 12px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

div.dualAds .adNotice {
	color: #818067;
	font-size: .6em;
	text-transform: uppercase;
	font-style: italic;
	text-align: left;
	margin: 0;
}

.mediumTile {
	margin: 0 auto;
}

/* hacks until we can get the border erasing working properly */

.noBottomBorder {
	border-bottom: 1px solid #ccc;
}

.contentLeft .left {
	border-bottom: none;
}

.contentRight .right {
	border-bottom: none;
}

/* custom width for quick search columns */
/* negative margins included to prevent duplicate text bug in IE6 */
.careers div span.first { width: 118px; }
.careers div span.second { width: 105px; }
.careers div span.third { width: 100px; }
.careers div span.fourth { width: 73px; padding-right: 0; margin-right: -4px;}

.jobfairs div span.first { width: 101px; }
.jobfairs div span.second { width: 245px; }
.jobfairs div span.third { width: 50px; padding-right: 0; margin-right: -4px;  }

.buyersguide div span.first { width: 180px; }
.buyersguide div span.second { width: 137px; }
.buyersguide div span.third { width: 75px; padding-right: 0; margin-right: -4px;  }

.education div span.first { width: 210px; }
.education div span.second { width: 128px; }
.education div span.third { width: 62px; padding-right: 0; margin-right: -4px;  }

.onlinece div span.first { width: 225px; }
.onlinece div span.second { width: 75px; }
.onlinece div span.third { width: 45px; text-align: center; }
.onlinece div span.fourth { width: 40px; padding-right: 0; margin-right: -4px;  }

/****************************************
 *
 *  HR content: 
 *      these are the links at the top of
 *      all pages above the menu bar
 *      (About Us | Advertise | ) etc...
 *
 ***************************************/
 
 .careerInfoBlurb
 {
     font-size: 0.75em;
 }
 
    .careerInfoBlurb h1
    {
        font-size: 1.5em;
        font-weight: 800;
    }
    
        .careerInfoBlurb h1 span
        {
            font-style: italic;
        }