/***********************************************
	 *
	 *		Advance For Careers - all of these styles need rework
	 *
	 **********************************************/
		
		/******************************
		 *	@imports
		 *****************************/
		 
			/* Job Search Results */
			@import "Controls/jobSearchResultsControl.css";
			
			/* expanding List Control */
			@import "Controls/expandingListControl.css";
			
		/*****************************
		 *	Specific Styles
		 ****************************/
		 
			.searchJobs h1
			{
				color: #4B2280;
			}


            a:active,
            a:link,
            a:visited
            {
                color: #C35118;
            }

            .extra h2, 
            .extra h2 a:link, .extra  h2 a:active {
	            color: #c35219;
            }

            /* test 3 */

            table span.lgAltTitle {
	            color: black; /* controls alternate title color on frakensite */
            }

            /* visited link states */
            #currentIssue h3 a:visited,
            .brief a:visited, .item a:visited,
            .extra h2 a:visited,
            .pubColor a:visited,
            .feature h2 a:visited {
	            color: #818067;
	
            } 

            /* something {
	            color: #30767D; /* secondary pub color 
            } */

            .eyebrow span {
	            color: #4b4a3b; /* web exclusive color */
            }

            .extra h2 {
	            color: #c35118;
            }

	            #nav li {
		            background-color: #c35118;
	            }
	
	            ul#nav li {
		            padding: 2px 18px 5px 19px;
		            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: 29px;
	            }
	

	
            /* because logo heights differ, the offset for this needs to be adjusted per-pub. UPDATE: all pub logos same size now, don't change this per pub */
            #pubHead p { 
		            padding: 25px 0px 0px 35px;
	            }
	             #pubHead img {
		            padding: 10px 0 0 20px;
	            }	
	            .bordered {
		            border: 1px solid #208187;
	            }

            .newsList span, .aggregator .item span, .bullet li {
	            background: url(http://advanceweb.com/SharedResources/Graphics/advanceweb/afc/AFC_bullet.gif) no-repeat left 5px;
            }

            .opportunities div {
	            background-color: #EFEFF6;
            }

            /* We're overloading this stylesheet .a bit to share some common definitions across AFC. We're staying out of master.css to avoid namespace problems */
            /* Nav borrowed from advanceweb.css */

            .contentBottom {
	            border-top: 1px solid #ccc;
	            clear: both;
	            background-color: #fff;
	            position: relative;
	            z-index: 1000;
	            margin: 0 0px;
	            border-bottom: none;
	            width: 985px;
            }

            .contentBottom .section {
	            padding: 5px 8px;
	            border-bottom: none;
            }

            .contentBottom .section p {
	            padding: 3px 10px 3px 10px;
	            margin: 0;
            }

            #contentWrapper .contentBottom .section p {
	            font-size: 10px;
            }

		            #nav li:hover li, #nav li.over li { /* set position: static to prevent dropdowns from sticking on ie7 */
			            position: static;
		            }


            #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: 29px;
            }

            #nav ul.multiDropDownNav {
		            background: #fff url(http://advanceweb.com/SharedResources/Graphics/advanceweb/afc/purple_grad_bg.gif) repeat-x top left;
		            width: 770px;
		            padding: 10px 0;
		            margin-top: 0px;
		            border-right: 2px solid #dbd3e6;
		            border-bottom: 3px solid #dbd3e6;
		            float: left;
            }

            #nav ul.multiDropDownNav ul.sub {
		            background-color: transparent;
		            border: none;
		            z-index: 4000;
		            position: relative;
            }

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

            #nav ul.multiDropDownNav ul.sub {
		            float: left;
		            padding: 0px 10px 0 10px;
		            border-left: 1px solid #ccc;
		            background: #fff url(http://advanceweb.com/SharedResources/Graphics/advanceweb/afc/purple_grad_bg.gif) repeat-x top left;
		            height: 183px;
		            margin-left: 0;
		            width: 230px;
		            left: auto;
            }	

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

            #nav ul.multiDropDownNav ul.sub li, #nav ul.multiDropDownNav ul.sub li a:link, #nav ul.multiDropDownNav ul.sub li a:visited, #nav ul.multiDropDownNav 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;
	            width: auto;
            }

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

            #nav ul.dropDownNav {
	            width: auto;
            }

            #nav ul.dropDownNav li {
	            width: 200px;
            }

            #nav ul.dropDownNav ul {
	            padding-left: 0;
	            list-style: none;
	            margin-left: 0;
            }

            #nav ul.dropDownNav ul.sub li {
	            padding-bottom: 0;
	            margin-bottom: 0;
            }

            #nav ul.dropDownNav ul.sub li a {
	            margin-bottom: 0;
            }

            #nav ul.multiDropDownNav ul li, #nav ul.multiDropDownNav ul li a:link, #nav ul.multiDropDownNav ul li a:visited, #nav ul.multiDropDownNav ul li a:active, #nav ul.multiDropDownNav ul li a:hover {
	            width: auto;
	            position: static;
	            float: none;

            }

            #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 {
	            position: static; /* prevent stuck drop downs in ie7 */
	            float: none;
            }

            #contentTop {
	            background: url(http://advanceweb.com/SharedResources/Graphics/advanceweb/AFC/purple_grad_bg.gif) repeat-x top left;
	            text-align: left;
	            overflow: visible;
	            clear: both;
	            border-bottom: 1px solid #cccccc;
	            margin: 0px 0px 0px 0px;
	            padding-left: 0px;
	            width: 764px;
            }



            div#adColRight, div.adColRight {
	            background: url(http://advanceweb.com/SharedResources/Graphics/advanceweb/AFC/purple_grad_bg.gif) repeat-x top left;
	            border-left:1px solid #CCCCCC;
	            float:left;
	            margin-bottom:-8000px !important;
	            overflow:hidden;
	            padding-bottom:8000px !important;
	            position:relative;
	            width:180px;
	            margin-right: 15px;
	            z-index:0;
	            padding-left: 10px;
            }

            div#adColRight div.dualAds {
	            border-bottom: none;
	            padding-left: 0;
            }

            div#adColRight iframe {
	            text-align: center;
	            margin: 4px 0;
            }

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

            .HomeRightColAd, .HomeRightColAd1 {
	            width: 180px;
	            margin: 0 auto;
	            text-align: center;
            }

            .adLabel {
	            font-size: 10px;
	            color: #818097;
	            text-align: left;
	            padding: 0;
            }

	            .searchJobs label {
		            display: block;
		            color: #333333;
		            padding-bottom: 6px;
	            }
	
	            .searchJobs label span {
		            font-weight: 400;
	            }
	
	            .searchJobs label a {
		            padding-left: 40px;
	            }
	
            #welcomeBar {
	            margin-bottom: 2px;
            }

            #nav {
	            margin-top: 0;
	            margin-bottom: 0;
            }


            div#pubHead {
	            width: 628px;
	            margin-bottom: 2px;
	            padding-left: 11px;
	            margin-left: 0;
            }

            div#pubHead img {
	            padding: 0;
	            margin: 0;
	            clear: both;

            }

            .section span.purple {
	            text-transform: uppercase;
	            font-size: .9em;
            }

            .slogan {
	            width:320px;
	            float: right;
	            overflow: hidden;
	            margin-right: 15px;
	            font-size: .70em;
	            font-weight: 800;
	            color: #4b2280;
	            display: inline; /* prevent double float margin bug in ie6 */
	            zoom: 1;
            }

            .slogan div.outer {
	            background: #EBE5F3 url("http://advanceweb.com/SharedResources/Graphics/advanceweb/AFC/lpurple_corners.gif") no-repeat -14px bottom;
	            margin-bottom: 6px;
	            zoom: 1;
            }

            .slogan div.inner {

	            margin-bottom: 0;
	            margin-left: 9px;
	            background: #EBE5F3 url("http://advanceweb.com/SharedResources/Graphics/advanceweb/AFC/lpurple_corners.gif") no-repeat 105% bottom;
	            zoom: 1;
            }

            .slogan div span {
	            border-bottom: 1px solid #947BB3;
	            padding: 5px 0px 5px 0px;
	            display: block;
	            margin-right: 9px;
	            font-size: .9em
	            zoom: 1;
            }

            .slogan select {
	            margin-left: 6px;
	            width: 120px;
	            vertical-align: baseline;
	            font-size: 11px;

            }

            .slogan div a {
	            font-size: 1em;
            }

            .slogan a {
	            font-weight: 400;
	            padding-left: 8px;
	            font-size: .90em;
            }

            .slogan a.bevelButton:link, .slogan a.bevelButton:visited, .slogan a.bevelButton:active {
	            font-weight: 400;
	            padding-left: 4px;
	            padding-right: 4px;
	            text-align: center;
	            padding-top: 3px;
	            padding-bottom: 3px;
	            font-size: .90em;
	            background-color: #fff;
            }

            .tabs {
	            padding-left: 0;
	            margin-left: 0;
            }

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

            ul.tabs li span {
	            padding: 0;
	            margin: 0;
	            text-transform: none;
            }

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

              .tabs li {
	            border-right: 1px solid #C7BDD6;
	            border-bottom: 1px solid #937ab3;
	            border-top: 1px solid #C7BDD6;
	            background-color: #eee5f8;
	            z-index: 100;
	            position: relative;
            }

              .tabs li.left {
	            background-color: #fff;
	            border-top: 1px solid #C7BDD6;
	            border-right: 1px solid #C7BDD6;
               color: #4c1f84;
            }

              .tabs li.right {

	            border-top: 1px solid #C7BDD6;
	            background-color: #fff;
            }

              .tabs li.activeTab {
	            background-color: #fff;
	            border-top: 1px solid #937ab3;
	            border-right: 1px solid #937ab3;
	            border-left: 1px solid #937ab3;
              color: #4c1f84;
	            border-bottom: 1px solid #fff;

              }

              .tabs li.activeTabLeft {
	            background-color: #fff;
	            background-image: none;
	            border-top: 1px solid #937ab3;
	            border-right: 1px solid #937ab3;
               color: #4c1f84;
	            border-bottom: 1px solid #fff;

            }

              .tabs li.activeTabRight {
	            background-color: #fff;
	            border-top: 1px solid #937ab3;
	            border-right: 1px solid #937ab3;
	            border-left: 1px solid #937ab3;
                color: #4c1f84;
	            border-bottom: 1px solid #fff;

            }

            .tabs li.emptyTab {
	            border-bottom: 1px solid #937ab3;
	            border-right: none;
	            padding: 10px 0 0 0;
	            border-top: 1px solid #fff;
	            background-color: #fff;
            }
	
            .tabs li.emptyTab {
	            border-left: none;
	            border-top: none;
	            display: block;
	            width: auto;
	            float: none;
	            margin: 0;
	            border-right: none;
	            position: relative;
	            background-color: #fff;
	            background-image: none;
	            border-top: 1px solid white; /* nudge to align empty tab bottom border */
	            z-index: 1;
            }

              .tabs a:link, .tabs a:visited {
	             color: #4c1f84;
	
            }

              .tabs a:active {
	             color: #4c1f84;
	
            }

            a:visited {
	            text-decoration: underline;
            }

            .opportunities a:visited {
	            text-decoration: none;
            }

            .opportunities div a:visited, .paginator a:visited {
	            text-decoration: underline;
            }

            div.VideoAd1, div.VideoAd {
	            width: 300px;
            }

            br.clear {
	            display: none; /* fix the stupid clearing breaks that never got removed */
            }

            .fieldBar {
	            background-color: #F1EFF5;
	            padding: 6px 0 6px 12px;
	            margin: 4px 15px 0 15px;
	            zoom: 1;
            }

	            .fieldBar div {
		            padding: 0 3px;
		            height: auto;
		            zoom: 1;
	            }
	
	            .fieldBar div span {
		            position: static;
		            float: none;
	            }
	
	            .fieldBar div.span {
		            float: none;
	            }
	
	            .fieldBar p {
		            padding: 0 3px;
		            height: auto;
		            width: 390px;
	            }
	
	            .fieldBar a.bevelButton:link, .fieldBar a.bevelButton:visited, a.bevelButton:active {
			            background-color: #fff;
			            font-size: .7em;
	            }
	
	            .fieldBar .button {
		            margin-left: 3px;
		            float: none;
	            }

            /* upcoming events list */

            .upcomingEventsMore {
              position:absolute;
              top: 60px;
              left:700px;
              width: 257px;
              padding: 10px;
            }

            .upcomingEventsMoreList {
            clear:both;
            float:left;
            font-size:0.7em;
            height:50px;
            overflow:auto;
            padding-bottom:12px;
            width:235px;
            }

            .upcomingEventsMoreListHead {
            color:#000000;
            font-weight:800;
            font-size: 0.7em;
            padding-left: 15px;
            }

            .upcomingEventsMoreListHead span.first {
	            width:150px;
	            display:block;
	            float:left;
            }

            .upcomingEventsMoreListHead span.second {
            width:40px;
            display:block;
            float:left;
            }

            .upcomingEventsMoreList .alt, .upcomingEventsMoreList .alt div {
            background-color:#FFFFFF;
            }

            .upcomingEventsMoreList div {
            background-color:#EFEFF6;
            overflow: hidden;
            padding-left: 10px;
            margin: 0px 5px 0px 5px;
            }

            .upcomingEventsMoreList span {
            display: block;
            float: left;
            padding: 2px 0px 2px 0px;
            }


            .upcomingEventsMoreList span.first {
            width:150px;
            }

            .upcomingEventsMoreList span.second {
            width:40px;

            }

            .upcomingEventsMoreList div a:link, .upcomingEventsMoreList a:active {
            color:#000000;
            text-decoration:none;
            }

            .upcomingEventsMoreList div a:hover span {
            text-decoration:underline;
            }

            .upcomingEventsMore input {
            width: 50px;
            }

            .upcomingEventsMoreSort {
            float: right;
            padding: 10px;
            }

            span.moreLeft, a.link {
            clear:both;
            display:block;
            float:left;
            font-size:11px;
            margin-right:0pt;
            }

            span.moreLeft {
            padding-right: 8px;
            }

            .exhibitorSwitch {
            width:220px;
            font-size: .85em;
            line-height: 1em;
            padding-top: 5px;
            clear:both;
            }

            .exhibitorSwitchBold {
            font-weight: bold;
            }