html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */

/* Do not remove the following section, these rules are required for forms */
	.comment-replies {
		margin-left: 30px;
	}

	.form-element.form-hide, .form-important {
		display: none;
	}

	.form-element.form-type-checkbox label,
	.form-element.form-type-radio label {
		display: inline;
	}

	.form-float-left {
		float: left;
	}

	.form-element.form-float-left {
		padding-right: 10px;
	}

	/* This section works with the wt.hero function in site-local.js.  Values set to % need to be set.  Caption and control rules should be removed if not in use. */

	div#imageFadeContainer {
		position: relative;
		width: %;
		height: %;
		overflow: hidden;
	}

		div#imageFadeContainer img {
			position: absolute;
			top: 0px;
			left: 0px;
		}

		div#imageFadeContainer div#hero-foreground {

		}

		div#imageFadeContainer div#hero-caption {

		}

		div#imageFadeContainer div#hero-controls {

		}

			div#imageFadeContainer div#hero-controls ul {

			}

				div#imageFadeContainer div#hero-controls ul li {

				}

					div#imageFadeContainer div#hero-controls ul li a {

					}

					div#imageFadeContainer div#hero-controls ul li a#hero-previous {

					}

					div#imageFadeContainer div#hero-controls ul li a#hero-pause {

					}

					div#imageFadeContainer div#hero-controls ul li a#hero-play {

					}

					div#imageFadeContainer div#hero-controls ul li a#hero-next {

					}

		    div.ui-widget-overlay {
			position: absolute; top: 0; left: 0;
                    	background: #000;
                    	-moz-opacity: 0.7;
                    	opacity: 0.7;
                    	filter: alpha(opacity=70);
		    }

		    div.ui-dialog {
			background-color: #fff;
			border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
		    }

		    	div.ui-dialog-titlebar { display: none; }

			div.ui-dialog-content { text-align: left; margin: 20px; }

			    div.ui-dialog-content div.rich-text { margin: 1em 0; }

                    #overlay {
                    	position: fixed;
                    	_position: absolute;
                    	top: 0;
                    	left: 0;
                    	z-index: 10000;
                    	background: #000;
                    	width: 100%;
                    	height: 100%;
                    	-moz-opacity: 0.7;
                    	opacity: 0.7;
                    	filter: alpha(opacity=70);
                    	display:none;
                    }

                    #popup {
                   		width: 334px;
                   		height: 160px;
                   		overflow:hidden;
                   		background: url(../images/popup_box.png) 0 0 no-repeat;
                   		margin: -180px 0 0 -167px;
                		position: fixed;
                		*position: absolute;
                		top: 50%;
                		left: 50%;
                		z-index: 10001;
                    	display:none;
                   	}

					#popup div#box {
					    margin:20px;
					    text-align:left;
					}

					div.ui-dialog-content h3, #popup div#box h3 {
					    font-size:20px;
					    margin:0;
					    text-transform:uppercase;
					}

	/* Global styles */

	.clear {
		clear: both;
	}

	form .clear {
		clear: none;
	}

	.left {
		text-align: left;
	}

	.center {
		text-align: center;
	}

	.right {
		text-align: right;
	}

	img.left, div.cover-left {
		float: left;
		margin:0 1em 1em 0;
	}

	img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.right {
		float: right;
		margin:0 0 1em 1em;
	}

	.sub, div.sidebar h2.sub {
	    color:#fdaf2a;
	}

	.border {
	    border:1px solid red;
	}

	/* Specific styles */

	.wrapper { /* If a non YUI-standard width is being used, set it here; otherwise replace the wrapper ID in includes/header.inc.php with the appropriate YUI ID. */
		width: 948px;
		text-align: left;
		position:relative;
		margin: auto; /* A value of auto centers the page, while 'auto 0px' will left align it; god help you 'auto 0px auto auto' will right align it */
	}

    html {background-color:#534e49;}
    body {color:#645e59; background-color:#fafafa; line-height:1.4; min-width:970px;}

    h1, .title {
        margin:0 0 0.125em;
        text-transform:uppercase;
        letter-spacing:0.05em;
        color:#605d59;
        font-size:140%;
    }

    h2 {
        color:#3f3e3c;
        margin:0.75em 0 0.5em;
    }

    body.home #bd h2,
    body.local-home #bd h2 {
        text-transform:uppercase;
    }

    h3 {
        color:#FDAF2A;
    }
    div.main h3 {
        margin-bottom:0;
    }
    div.sidebar h2 {
        color:#60605e;
    }
    h4 {
        font-weight:normal;
        font-style:italic;
        margin-bottom:5px;
    }
    div.rich-text h4 {
        font-weight:bold;
        font-style:normal;
    }
    a {
        text-decoration:none;
        color:#f69c34;
        font-weight:bold;
    }

    hr {
		background: #bfbfbf;
		color: #bfbfbf;
		border: none;
		height: 1px;
		overflow: hidden;
		line-height: 1px;
		margin:1em 0 1.5em;
		*position: relative;
		*margin:0.5em 0 1em;
	}

	em {
	    font-style:italic;
	}
	strong {
	    font-weight:bold;
	}

	.caps {text-transform:uppercase;}

    #hd {
        position:relative;
        height:125px;
        background:url(../images/header_bg_main.png) top left repeat-x;
    }

    #hd h2.logo {
        position:absolute;
        top:18px;
        left:0;
        margin:0;
    }

    #hd h2.logo a {
        display:block;
        width:164px;
        height:92px;
        background:url(../images/logo_sunshine_media.png) top left no-repeat;
        outline:0;
	text-indent:-9999px;
    }

    	#hd h2.logo a.no-background-image { text-indent: 0; }

    #hd h3.edition {
        color:#254563;
        font-weight:normal;
        font-size:11px;
        position:absolute;
        top:50px;
        left:0;
    }
    #hd b {
        position:absolute;
        top:82px;
        margin:0;
        padding:0;
        right:-10px;
        width:10px;
        background: transparent url(../images/hd_hr_main_new.png) top right no-repeat;
        height: 2px;
        line-height: 2px;
        display:block;
    }
    #hd ul.navigation {
        background: transparent url(../images/hd_hr_main_new.png) top left no-repeat;
        padding-top:2px;
        margin:0;
        margin-left:100px;
        position:absolute;
        right:0;
        top:82px;
    }
    #hd ul.navigation li {
        list-style:none;
        float:left;
        display:block;
        position:relative;
        cursor:pointer;
        background:url(../images/nav_sep.png) bottom right no-repeat;
        padding-right:2px;
    }
    #hd ul.navigation li.last {
        background:none;
    }

    #hd ul.navigation li a {
        color:#fca611;
        text-transform:uppercase;
        letter-spacing:0.05em;
        font-size:12.5px;
        line-height:42px;
        font-weight:bold;
        text-decoration:none;
        color:#fca611;
        outline:0;
        display:block;
        position:relative;
        float:left;
        height:41px;
        padding:0 15px;
    }
    #hd ul.navigation li a:hover, #hd ul.navigation li.selected a, #hd ul.navigation li.ancestor a,
    body.company #hd ul.navigation li.nav-company a,
    body.publications #hd ul.navigation li.nav-publications a,
    body.advertising #hd ul.navigation li.nav-advertising a,
    body.careers #hd ul.navigation li.nav-careers a,
    body.contact #hd ul.navigation li.nav-contact a
     {
        color:#d85c23;
    }


    div.testimonial {
        border-bottom:1px solid #bfbfbf;
        padding-bottom:5px;
        margin-bottom:15px;
    }
        div.sidebar div.testimonial {
            border-bottom:0;
            padding-bottom:0;
            margin-bottom:0;
        }

    	div.testimonial blockquote { margin: 0; }

	div.testimonial p.attribution { text-align: right; margin: 0.5em 0 1em 0; font-style: italic; }


    #hd div#search {
        position:absolute;
        top:6px;
        right:0;
        padding-left:8px;
        background:url(../images/searchbar_main.png) top left no-repeat;
        height:29px;
        width:230px;
    }
    #hd div#search span {
        background:url(../images/searchbar_main.png) top right no-repeat;
        display:block;
        height:29px;
        padding-right:8px;
    }
    #hd div#search form {
        position:relative;
    }
    #hd div#search input {
    }
    #hd div#search input#search_term {
        position:absolute;
        font-size:13px;
        color:#7a7a7a;
        top:0;
        left:0;
        border:0;
        height:16px;
        width:188px;
        margin:0;
        padding:4px 6px 2px;
        background:url(../images/search_text_bg.png) top left no-repeat;
    }
    #hd div#search input#search_submit {
        position:absolute;
        left:200px;
        top:0;
        padding:0;
        border:0;
    }

    #bd {
        background:#fff url(../images/bd_bg.png) repeat-x left bottom;
        padding-bottom:60px;
    }

    #bd #sub_nav {
        background:url(../images/sub_nav_bg_main.png) top left repeat-x;
        height:25px;
        line-height:25px;
        margin-bottom:27px;
    }
    body.contact #bd #sub_nav, body.local-home #bd #sub_nav, body.privacy-policy #bd #sub_nav, body.user-agreement #bd #sub_nav {
        background-image:url(../images/sub_nav_shadow_bg.png);
        height:5px;
        line-height:5px;
    }
    #bd #sub_nav ul {
        margin:0 auto;
    }
    #bd #sub_nav ul li {
        list-style:none;
        display:block;
        float:left;
        position:relative;
        margin-left:2em;
    }
    #bd #sub_nav ul li a {
        text-decoration:none;
        text-transform:uppercase;
        color:#fff;
        font-weight:bold;
        font-size:11px;
    }
    #bd #sub_nav ul li.selected a, #bd #sub_nav ul li a:hover,
    body.one #bd #sub_nav ul li.one a,
    body.two #bd #sub_nav ul li.two a,
    body.three #bd #sub_nav ul li.three a,
    body.four #bd #sub_nav ul li.four a,
    body.five #bd #sub_nav ul li.five a,
    body.six #bd #sub_nav ul li.six a,
    body.seven #bd #sub_nav ul li.seven a,
    body.eight #bd #sub_nav ul li.eight a,
    body.nine #bd #sub_nav ul li.nine a,
    body.ten #bd #sub_nav ul li.ten a {
        color:#d85c23;
    }

    #bd div.yui-ge div.main {
        width:703px;
    }
    body.request-media-kit #bd div.yui-ge div.main {
        width:48%;
    }
    #bd div.yui-ge div.sidebar {
        width:227px;
    }
    body.request-media-kit #bd div.yui-ge div.sidebar {
        width:48%;
    }

    #bd div.main ul {
        margin:0;
        padding:0;
    }
    #bd div.main ul.sunshine li {
        list-style:none;
        background:url(../images/ul_sun_icon.png) no-repeat;
        margin:0;
        padding:0 0 6px 20px;
        font-style:italic;
    }

    #bd div.sidebar div.box {
        position:relative;
        width:223px;
        margin-bottom:12px;
        padding-bottom:12px;
    }
    #bd div.sidebar div.box div.padding {
        background:url(../images/sidebarbox.png) top left no-repeat;
        padding:20px 20px 10px;
    }
    #bd div.sidebar div.dark div.padding {
        background-image:url(../images/sidebarbox_dark.png);
    }
    #bd div.sidebar div.box div.padding div.rich-text {
        display:block;
        margin-bottom:5px;
    }
    #bd div.sidebar div.box div.box_bottom {
        position:absolute;
        left:0;
        bottom:0;
        _bottom:-1px;
        display:block;
        width:223px;
        height:26px;
        background:url(../images/sidebarbox.png) bottom left no-repeat;
    }
    #bd div.sidebar div.dark div.box_bottom {
        background-image:url(../images/sidebarbox_dark.png);
    }
    #bd div.sidebar div.box h2 {
        text-transform:uppercase;
        letter-spacing:0.005em;
        font-size:13px;
        margin-top:0;
    }

    #bd div.sidebar div.box h3.for_yourself {
        text-transform:none;
        letter-spacing:0;
        font-size:25px;
        margin:0 0 0.5em;
        font-weight:normal;
        line-height:1.2;
    }

    #bd div.sidebar div.box ul,
    #bd div.sidebar div.box ul li {
        margin:0;
        padding:0;
        list-style:none;
    }
    #bd div.sidebar div.box ul li {
        margin-bottom:10px;
    }

    #bd div.sidebar div.archive {
        margin-bottom:30px;
    }

    #bd div.sidebar div.archive p {
        padding-bottom:10px;
        border-bottom:1px solid #bfbfbf;
    }
    #bd div.sidebar div.archive p.last {
        border:0;
    }
    #bd div.sidebar div.archive p a {
        font-weight:normal;
        color:#666;
    }

    #bd div.sidebar div.featured h3 {
        text-transform:uppercase;
        letter-spacing:0.05em;
        font-size:90%;
    }

    #bd div.sidebar div.featured div.item {
	margin: 0;
    }
    
    #bd div.sidebar div.featured div.item p a {
        font-weight:normal;
        color:#8f8f8f;
    }

    #bd form {
        width:100%;

       /* This chops the right side of form inputs off in Safari because the
	  inputs are "width: 100%; padding: 0.25em;".

	  overflow:hidden; */
    }
        #bd form div.e-newsletter {
            _height:10px;
        }

    #bd div.box form {
        margin-bottom:5px;
        padding-bottom:10px;
    }

    	#bd div.sidebar form.callout-form label { display: none; }

	#bd div.sidebar form.callout-form ul.fields li.field { margin-bottom: 0; }

	.ui-dialog form span.buttons { display: block; text-align: right; }

    #bd form.styled input.text, #bd form.styled textarea {
        border:1px solid #cacaca;
        background:transparent;
        width:95%;
        padding:3px;
    }
    #bd form.styled select {
        width:100%;
    }
    #bd form.styled textarea {
        width:97.5%;
        height:9em;
        margin-bottom:10px;
        margin-top:3px;
    }
    #bd form.styled label {
        display:block;
        width:100%;
    }
    #bd form.styled div.full input.text {
        width:97.5%;
    }
    #bd form.styled div {
        position:relative;
        float:left;
        width:100%;
    }
    #bd form.styled div.select {
        width:220px;
    }
    #bd form.styled div.submit {
        width:80px;
        float:right;
    }

    #bd form.styled div.half {
        width:49%;
    }
    #bd form.styled div.last {
        float:right;
    }
    #bd form.styled div.city {
        width:69%;
        margin-right:0.5em;
    }
    #bd form.styled div.state {
        width:2em;
    }
    #bd form.styled div.zip {
        width:6em;
        margin-right:0.7em;
        _margin-right:0.1em;
    }
    #bd form.styled input.submit {
        float:right;
        margin-right:0.25em;
    }
    #bd form.styled span {
        margin-right:1em;
    }
    .sidebar form select, .ui-dialog form select {
        width:100%;
        margin-bottom:5px;
    }
    .sidebar form input.submit {
        float:right;
    }

    #bd div#home_top {
        height:333px;
        background:url(../images/home_top_bg.png) 0 0 repeat-x;
        padding-top:23px;
    }

    body.local-home #bd div.main {
        width:200px;
    }

    #bd div#home_top div.sidebar {
        width:223px;
        position:relative;
        float:right;
        color:#fff;
    }
    body.local-home #bd div.sidebar div.dark {
        width:223px;
        color:#fff;
    }

    body.local-home #bd div.sidebar div.dark a {
        color:#706f6a;
    }

    #bd div#home_top div.sidebar h1 {
        text-transform:none;
        font-size:160%;
        color:#fff;
        line-height:1.2;
        margin-bottom:0.5em;
	margin-top: 0;
	padding: 0;
    }

    #bd div#home_top div.sidebar h2, body.local-home #bd div.sidebar div.dark h2 {
        color:#fdaf2a;
        font-size:90%;
        text-transform:uppercase;
        letter-spacing:0.05em;
        margin:0 0 0.75em;
    }
    body.local-home #bd div.sidebar div.dark h2 {
        color:#71706c;
        margin:0;
    }
    #bd div#home_top div.sidebar h2 span, body.local-home #bd div.sidebar div.dark h2 span {
        text-transform:lowercase;
    }
    #bd div#home_top div.sidebar p, body.local-home #bd div.sidebar div.dark p {
        margin-bottom:0.5em;
        line-height:1.4;

    }
    #bd div#home_top div.sidebar p.learn_more {
        margin-top:1em;
    }
    /*
    #bd div#home_top div.sidebar p.learn_more a, #bd div#home_top div.sidebar p a {
        display:block;
        width:82px;
        height:22px;
        text-indent:-9999px;
        outline:none;
        background:url(../images/button-learn_more.png);
    }
    */
    #bd div#home_top div.sidebar ul {margin:0;}
    #bd div#home_top div.sidebar ul li {
        font-size:75%;
        list-style:none;
        margin-bottom:5px;
    }
    #bd div#home_top div.sidebar hr {
        background: #fff;
        color: #fff;
    }
    body.local-home #bd div.sidebar div.dark hr {
        background: #e0dfdb;
        color: #e0dfdb;
    }
    #bd div#home_top div.sidebar form, body.local-home #bd div.sidebar div.dark form {
        position:relative;
        display:block;
	padding-top: 26px;
    }
    #bd div#home_top div.sidebar form span.text-input, body.local-home #bd div.sidebar div.dark form span.text-input {
        position:absolute;
        top:1px;
        left:0;
        background:url(../images/home_form_field_bg.png) left top no-repeat;
        width:167px;
        height:21px;
    }
    body.local-home #bd div.sidebar div.dark form span.text-input {
        background-image:url(../images/home_local_form_field_bg.png);
        width:124px;
    }
    #bd div#home_top div.sidebar form .text-input input, body.local-home #bd div.sidebar div.dark form .text-input input {
        border:0;
        width:157px;
        height:16px;
        padding:3px 5px 2px;
        *padding-top:2px;
        color:#949494;
        background:transparent;
    }
    body.local-home #bd div.sidebar div.dark form .text-input input {
        width:120px;
    }
    #bd div#home_top div.sidebar form input.submit, body.local-home #bd div.sidebar div.dark form input.submit {
        position:absolute;
        right:0;
        top:0;
    }

    #bd div#home_bottom {
        padding-top:30px;
    }
    #bd div#home_bottom ul, #bd div#home_bottom ul li {
        list-style:none;
        margin:0;
        padding:0;
    }
    #bd div#home_bottom div.md-block {
        width:22.6%;
        display:block;
        float:left;
        padding-right:1em;
        margin-right:1em;
        border-right:1px solid #c9c9c9;
        overflow:hidden;

    }
    #bd div#home_bottom div.no-border {
        border-right:0;
    }
    #bd div#home_bottom div.last {
        float:right;
        margin-right:0;
        padding-right:0;
        border-right:0;
        width:223px;
    }

    #bd p.intro, #bd div.intro p, #bd div.rt-intro p {
        font-size:111%;
        line-height:1.66;
        margin-bottom:1.05em;
    }

    #bd div.item {
        width:100%;
        overflow:hidden;
        margin-bottom:15px;
    }
    #bd div.main div.item {
        border-bottom:1px solid #bfbfbf;
        padding-bottom:15px;
    }
    #bd div.main div.last,
    body.sunshine-media-titles #bd div.item,
    body.sunshine-media-group #bd div.item {
        border-bottom:0;
        padding-bottom:0;
    }
    #bd div.item h3 {
        color:#805119;
        margin:0;
    }
    body.sunshine-media-titles #bd div.item h3 {
        font-style:italic;
    }
    #bd div.item p {
        margin-bottom:0.5em;
    }
    div.item .photo {
	float: right;
	margin: 0 0 0.5em 0.5em;
    }
    body.sunshine-media-titles #bd div.item p {
        margin-bottom:1em;
    }
    #bd div.item div.logo, #bd div.item div.image {
        position:relative;
        float:left;
        display:block;
        text-align:center;
        width:220px;
        padding-top:4px;
    }
    #bd div.item div.image {
        width:230px;
        text-align:left;
    }
    #bd div.yui-g div.item div.image {
        width:130px;
    }
    body.sunshine-media-titles #bd div.item div.logo,
    body.custom-publications #bd div.item div.logo {
        width:100px;
        text-align:left;
    }

    #bd div.item div.description {
        position:relative;
        float:right;
        display:block;
        width:460px;
    }
    body.sunshine-media-titles #bd div.item div.description,
    body.custom-publications #bd div.item div.description {
        width:590px;
    }
    #bd div.yui-g div.item div.description {
        width:200px;
    }

    #bd div.digital-edition-item { position:relative; float: left; padding: 0 10px 1em 0; }

    	#bd div.digital-edition-item div.item { width: 330px; height:160px; }

    	#bd div.main div.digital-edition-item div.image { width: 130px; float: left; }

	#bd div.main div.digital-edition-item div.description { width: 200px; float: left; }

	body.local-home #bd div.digital-edition-item h3 { display: none; }

    /* This overlay is created by javascript to intercept click events on
       flash objects that would normally open a popup-window to
       zmags.com.  The click event is intercepted to ask the visitor to
       enter registration information before proceeding to the normal
       link target.

       Use of transparent.gif rather than simply using a background of
       "none" or "transparent" is required because IE will not
       intercept the click event properly if it detects a purely
       transparent overlay.  This detection fails in the case of a
       repeated background image.
       
       See digital-edition.js     
     */
    div.digital-edition-overlay { background: transparent url(../images/transparent.gif) repeat; }

    body.archives ul.issues { }

    	body.archives li.issue { list-style-type: none; margin: 0; padding: 0 1em 1em 0; display: inline; }

    #bd div#main_left, #bd div#main_right {
        width:48%;
        display:block;
        position:relative;
        float:left;
    }
        body.contact #bd div#main_left { width:24%;}
    #bd div#main_right {
        float:right;
    }
    body.contact #bd div#main_right { float:left; margin-left:1em; width:50%;}
    #bd div#main_left p, #bd div#main_right p {
        margin-bottom:0.5em;
    }
    #bd div#main_left div.md-block {
        width:48%;
        display:block;
        position:relative;
        float:left;
    }
        body.contact #bd div#main_left div.md-block { width:100%;}

    #bd div#main_left div.last {
        float:right;
    }

    #bd div.main div.image {
        width:200px;
        position:relative;
        float:left;
    }
    #bd div.main div.description {
        width:466px;
        position:relative;
        float:right;
    }

    #bd div.note {
	background:#f9dfb8 url(../images/builder-architect/note_bg.png) repeat-x top left;
        border:1px solid #e6bb79;
    }
    
    	#bd div.note h3 {
            font-size:90%;
            text-transform:uppercase;
            margin-top:0;
	    color:#7c5f34;
	}

	#bd div.note a { color: #D08808; }
    
    #bd div.note .yui-u {
        width:44%;
    }
    
    #bd div.note div.padding {
        padding:1em;

    }

    #bd div.rich-text img { float: left; margin: 0 1em 1em 0; }

    #bd div.rich-text h1, #bd div.rich-text h2, #bd div.rich-text h3, #bd div.rich-text h4, #bd div.rich-text h5, #bd div.rich-text h6 { clear: both; margin: 0; padding: 0.75em 0 0.5em; }

    #bd div.rich-text ul, #bd div.rich-text ol { margin-left: 2em; }

    #ft {
        background:#534e49;
        color:#d1d0ce;
        font-size:11px;
        padding:10px 0;
        line-height:1.4;
        height:130px;
    }
    #ft a {
        color:#d1d0ce;
        text-decoration:none;
    }

    #ft div.logos {
        width:600px;
        float:left;
        position:relative;
    }
    #ft div.logos img {
        margin-right:14px;
    }
    #ft div.logos img.first {
        border-right:1px solid #7e7a77;
        padding-right:10px;
        margin-right:10px;
    }
    #ft div.copyright {
        width:320px;
        float:right;
        position:relative;
        text-align:right;
    }    

div.yui-ge div.yui-g {width:100%;}

div.article-intro img.photo {
    float: right;
    margin: 0 0 1em 1em;
}

/* ==================== Forms ==================== */

form.list-form ul.fields { display: block; margin: 0; padding: 0; width: 100%; }

    form.list-form div.section { clear: both; }

    form.list-form li.field { display: block; width: 100%; *width:98%; list-style-type: none; margin: 0 0 1em 0; padding: 0; text-transform: none; letter-spacing: auto; font-size: 1em; float: left; clear: left; }

    	form.list-form label { display: block; width: 100%; }

	    form.list-form li.required label { font-weight: bold; }

	form.list-form span.input { display: block; }

	form.list-form li.text-input input, form.list-form textarea { display: block; width: 100%; max-width: 100%; padding: 0.25em; border:1px solid #cacaca; background:transparent; }

	form.list-form textarea { height: 9em; }

	form.list-form select { width: 100%; max-width: 100%; }

    form.list-form li.radio-select {}

    	#bd form.list-form li.radio-select ul { margin: 0.25em 0; padding: 0 }

	form.list-form li.radio-select li { margin: 0 1em 0 0; padding: 0; list-style-type: none; display: block; float: left; _width:97px; }

	form.list-form li.radio-select label { }

    form.list-form li.errors label { color: firebrick; }

    	form.list-form span.errors { display: block; clear: both; padding-top: 0.2em; }

    	    form.list-form span.errors strong { color: firebrick; font-weight: normal; }

    form.list-form div.success { padding: 1em; margin: 0.5em 0 1em 0; border: 1px solid #b8dda3; background-color: #ecfde2; color: green; font-weight: bold;}

form.list-form div.buttons { clear: both; text-align: right; }

form.callout-form { overflow: hidden; }

    form.callout-form span.errors { display: block; color: firebrick; }

    form.callout-form div.success { display: block; font-weight: bold; }

/*- Contact Form */

form.list-form ul.contact { }

    form.list-form ul.contact li.title { clear: none; margin-left: 2.99%; }

	form.list-form ul.contact li.name, form.list-form ul.contact li.title { width: 48.5%; *width:47.5%; _width:46%;}

    form.list-form ul.contact li.state, form.list-form ul.contact li.zipcode { clear: none; margin-left: 2.99%; }

	form.list-form ul.contact li.city { width: 48.5%; }

	form.list-form ul.contact li.state { width: 25%; *width:21.5%; _width:20.5%; }

	form.list-form ul.contact li.zipcode { width: 20.5%; _width:18%; }

    form.list-form ul.contact li.fax { clear: none; margin-left: 2.99%; }

	form.list-form ul.contact li.phone, form.list-form ul.contact li.fax { width: 48.5%; *width:47.5%; _width:46.25%; }

	form.list-form div.buttons { *margin-top: 10px;}


/*- Publisher */

form.publisher-form {}

    form.publisher-form label { margin-bottom: 0.25em; }

    form.publisher-form li.publisher, form.publisher-form span.input { float: left; width: auto; }

    	form.publisher-form li.publisher select { width: 100%; }

    form.publisher-form input.submit { float: left; margin: 1.65em 0 0 1em; }

/*- Request Media Kit */

form.list-form ul.request-media-kit {}

    form.list-form ul.request-media-kit li.first-name, form.list-form ul.request-media-kit li.last-name { clear: none; margin-left: 2.99%; }

	form.list-form ul.request-media-kit li.salutation { width: 20%; }

	form.list-form ul.request-media-kit li.first-name, form.list-form ul.request-media-kit li.last-name { width: 37%; *width:35%; }

    form.list-form ul.request-media-kit li.company-name { clear: none; margin-left: 2.99%; }

    form.list-form ul.request-media-kit li.company-address { *width:96.5%; }

	form.list-form ul.request-media-kit li.job-title, form.list-form ul.request-media-kit li.company-name { width: 48.5%; *width:46.5%; }

    form.list-form ul.request-media-kit li.state, form.list-form ul.request-media-kit li.zipcode { clear: none; margin-left: 2.99%; }

	form.list-form ul.request-media-kit li.city { width: 48.5%; }

	form.list-form ul.request-media-kit li.state { width: 25%; *width:21.5%; _width:20.5%; }

	form.list-form ul.request-media-kit li.zipcode { width: 20.5%; _width:18%; }

	form.list-form ul.request-media-kit li.email, form.list-form ul.request-media-kit li.phone { width: 48.5%; }

    form.list-form ul.request-media-kit li.phone { clear: none; margin-left: 2.99%; *width:45.5%; _width:43.5%; }

    form.list-form ul.request-media-kit li.region { clear: none; margin-left: 2.99%; }

	form.list-form ul.request-media-kit li.magazine, form.list-form ul.request-media-kit li.region { width: 48.5%; }

    form.list-form ul.request-media-kit li.referer { clear: none; margin-left: 2.99%; }

	form.list-form ul.request-media-kit li.product, form.list-form ul.request-media-kit li.referer { width: 48.5%; }

    form.list-form ul.request-media-kit li.agency { width: 48.5%; }

	form.list-form ul.request-media-kit li.region, form.list-form ul.request-media-kit li.referer { *width:46.5%;}


/* Hide `magazine' input on national sites. */
body.sites form.list-form ul.request-media-kit li.magazine { display: none; }

    body.sites form.list-form ul.request-media-kit li.region { margin-left: 0; }

    /* Hide `magazine' and `region' on local sites. */
    body.local-site form.list-form ul.request-media-kit li.region { display: none; }

/*- Apply Form */

form.list-form ul.apply { }

    form.list-form ul.apply li.last-name { clear: none; margin-left: 2.99%; }

	form.list-form ul.apply li.first-name, form.list-form ul.apply li.last-name { width: 48.5%; }

    form.list-form ul.apply li.state, form.list-form ul.apply li.zipcode, form.list-form ul.apply li.country { clear: none; margin-left: 2.99%; }

	form.list-form ul.apply li.city { width: 37.75%; }

	form.list-form ul.apply li.state { width: 21.75%; }

	form.list-form ul.apply li.zipcode { width: 17.75%; }

	form.list-form ul.apply li.country { width: 13.75%; }

    form.list-form ul.apply li.fax, form.list-form ul.apply li.mobile { clear: none; margin-left: 2.99%; }

	form.list-form ul.apply li.phone { width: 31.33%; }

	form.list-form ul.apply li.fax { width: 31.33%; }

	form.list-form ul.apply li.mobile { width: 31.33%; }

    form.list-form ul.apply li.resume textarea { height: 20em; }

    form.list-form ul.apply li.cover-letter textarea { height: 20em; }
    
/*  Hide honey-pot fields */
form li.honey-pot-widget, form li.honey { display: none !important; }    

/* ==================== Sharing Toolbar ==================== */


#bd div.main ul.sharing-toolbar { display: block; margin: 13px 0px 15px 0px; padding: 0; border: 1px #c3c1c1 solid; border-left: none; border-right: none; height: 21px; }

    #bd .sharing-toolbar li { display: block; margin: 4px 27px 4px 0px; float: left; background: url(../images/share-sprite.gif) 6px 0px no-repeat; line-height: 13px; }

    	#bd .sharing-toolbar li a { font-size: 10px; color: #282828; text-decoration: none; padding: 0 0 0px 25px; }

	    #bd .sharing-toolbar .tool-email { background-position: 6px -19px; }

	    #bd .sharing-toolbar .tool-addthis { background-position: 6px -37px; }

	    	#bd .sharing-toolbar .tool-addthis a { padding-left: 22px; }

	    #bd .sharing-toolbar .tool-rss { background-position: 6px -56px; }

/* ==================== Slideshows ==================== */

div.slideshow { position: relative; overflow: hidden; z-index: 100; }

    div.slideshow div.layout { position: absolute; width: 100%; height: 100%; z-index: 150; }

    div.slideshow div.presentation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    	div.slideshow div.slide { position: absolute; top: 0; left: 0; display: none; }

	    div.slideshow div.loop-1 { display: block; }

div.slider-control { position: absolute; width: 100%; height: 100%; z-index: 200; }

    div.slider-control div.presentation { z-index: 250; }

    	div.slider-control div.slide { position: relative; top: 0; left: 0; float: left; display: block; margin: 0; }

	    div.slider-control div.slide a { display: block; overflow: hidden; }

    div.slider-control a.control { display: block; position: absolute; z-index: 300; }

    	div.slider-control a.control span { display: block; zoom: 1; width: 100%; height: 100%; }

    	div.first-page a.prev, div.last-page a.next { opacity: 0.5; filter: alpha(opacity=50); }

/* ==================== Instance customization ==================== */		
    
#home_top div.heroshots { width: 707px; height: 309px; background: #ccc; float: left; }

    #home_top div.heroshots div.controls { width: 100%; height: 100%; }

    #home_top div.heroshots div.layout { position: absolute; bottom: 0; left: 0; height: 64px; }

    #home_top div.heroshots div.footer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; opacity: 0.5; filter: alpha(opacity=50); }

#home_top div.slider-control { overflow: visible; top: 5px; left: 133px; width: 440px; /* 5 x (82 + (3 x 2)) [5 x (width + margin)] */ height: 54px; }

    #home_top div.slider-control div.layout { height: 100%; }

    #home_top div.slider-control div.slide a { width: 82px; height: 50px; margin: 3px; opacity: 0.75; filter: alpha(opacity=75); }

    	#home_top div.slider-control div.slide a:hover, #home_top div.slider-control div.selected a { margin: 0; border: 3px solid #000; opacity: 1.0; filter: alpha(opacity=100); }

    #home_top div.slider-control a.control { width: 25px; height: 25px; top: 15px; }

    #home_top div.slider-control a.prev { left: -30px; }

    	#home_top div.slider-control a.prev span { background: url(/media/images/hero_control_left.png) 0 0 no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/hero_control_left.png', sizingMethod='image'); }
    
    #home_top div.slider-control a.next { right: -30px; }

    	#home_top div.slider-control a.next span { background: url(/media/images/hero_control_right.png) 0 0 no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/hero_control_right.png', sizingMethod='image'); }