body {
	font-size: 13px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
form {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
.menubar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#container {
    width:980px;
    margin:0 auto;
    padding:0 8px;
}
#leaderboard {
	width: 975px;
	margin: 0 auto;
	text-align: center;
}
/* menubar */
.menubar {
	width: 975px;
	margin: 5px 0 2px 0;
	overflow: hidden;
}
.menubar img {
	float: left;
}
.menubar ul {
	float: right;
	padding: 5px;
}
.menubar ul li {
	float: left;
	color: #706E6F;
}
.menubar a, .menubar a:visited, .menubar a:active {
	color: #706E6F;
	font-size: 12px;
	text-transform: uppercase;
}
.menubar li a { margin: 0 5px; }
#menubar_home {
	width: 980px;
	background: #ccc;
	border-bottom: 2px solid #cc6600;
}
#menubar_blogs {
	background: #C1CBE5;
	border-bottom: 2px solid #F59824;
}
#menubar, #menubar_news {
	background: #ccc;
	border-bottom: 2px solid #F59824;
}
#menubar_magazines {
	background: #2D487B;
	border-bottom: 2px solid #F59824;
}
#menubar_magazines a, #menubar_magazines a:visited, #menubar_magazines a:active {
	color: #fff;
}
.articleMenu td {
	border-bottom-width:1px;
  border-bottom-style:solid; 
  border-bottom-color:#9a9a9a;
	
	font-family: "Trebuchet MS"; 
	font-size:11px; 
	color:#666666;  
	font-weight:700;
	text-decoration:none;
	line-height:19px;
	letter-spacing: -.02em;
	word-spacing: -.08em;
}

.articleMenu td a {
	font-family: "Trebuchet MS"; 
	font-size:11px; 
	color:#666666;  
	font-weight:700;
	text-decoration:none;
	display:block;
	padding-left: 2px;
}

* html .articleMenu td a {width: 100%;}

.articleMenu td a:hover {
background-color:#CC6600;
color:#ffffff;
}
.articleMenu td a:visited {text-decoration:none} 

.articleHeadline {
	text-decoration:none;
	font-family: "Trebuchet MS"; 
	font-size:20px;
	color:#CC6600; 
	/*color:#004276;*/  
	font-weight:700;
	margin:0;
}

.articleHeadline:hover {
	color:#CC6600;  
	text-decoration:underline;
}

.articleNav {
	font-family: "Trebuchet MS"; 
	font-size:16px; 
	/* color:#CC6600; orange */  
	color:#004276;
	font-weight:600;
	text-decoration:none;
	line-height:16px; 
}

.articleText { 
	font-family: "Trebuchet MS"; 
	font-size:14px; 
/*	color:#333333;*/  
/*	font-weight:500;*/
	text-decoration:none;
	padding-top:10px;
}

.plainText { 
	font-family: "Trebuchet MS"; 
	font-size:14px; 
/*	color:#333333;*/  
/*	font-weight:500;*/
	text-decoration:none;
}

a.articleText {
	text-decoration: underline;
	color: #004276;  
}
	
a.articleText:hover {
	color: #CC6600;
}

a.articleText:visited {color: #000044;}

.articleLink { 
	font-family: "Trebuchet MS"; 
	font-size:14px; 
	font-weight:700;
	text-decoration: none; 
	color:#CC6600;
	line-height: 16px;
}

/* .articleLink:visited {color: #000044;}*/
.articleLink:visited {color: #CC6600;}

.articleLink:hover { 
	/* color:#CC6600; */
	text-decoration:underline;
}

/* .articleLink:visited { 
	color:#CCCCCC;
}
*/


.archiveLink { 
	font-family: "Trebuchet MS"; 
	font-size:13px; 
	font-weight:500;
	text-decoration: none; 
	color:#CC6600;
	line-height: 16px;
}

/* .articleLink:visited {color: #000044;}*/
.archiveLink:visited {color: #CC6600;}

.archiveLink:hover { 
	/* color:#CC6600; */
	text-decoration:underline;
}

.magLink {
	text-decoration:none; 
	font-family: "Trebuchet MS"; 
	font-size:13px; 
	font-weight:500;
	/* color:#F47B08; light orange */
	color:#CC6600;
	line-height: 16px;
}

.magLink:hover { 
	text-decoration:underline; 
}


.showLink {
	text-decoration:none; 
	font-family: "Trebuchet MS"; 
	font-size:13px; 
	font-weight:bold;
	color:#000000;
}

.showLink:hover { 
	text-decoration:underline; 
}

.showDate {
	font-family: "Trebuchet MS"; 
	font-size:11px; 
	font-weight:bold;
	color:#CC6600;
	line-height:10px;
	text-decoration:none;
}

.showDate:hover { 
	text-decoration:underline; 
}

.authorBoxText {
	font-family: "Trebuchet MS"; 
	font-size:11px; 
	color:#666666;  
	font-weight:700;
	text-decoration:none;
	/* line-height:11px; the search button doesn't deal with this correctly in IE, works fine in FF */
	letter-spacing: -.02em;
	word-spacing: -.08em;
}


a.authorEmail {text-decoration: underline; color: #000044;  }
a.authorEmail:hover {color: #CC6600;}
a.authorEmail:visited {color: #000000;}

.articleDate {
	font-family: "Trebuchet MS"; 
	font-size:11px; 
	color:#BBBBBB;
}

.blackBorder { 
	border-style:solid; 
	border-width:1px;
	border-color: #9a9a9a;
}

.greyBorder { 
	border-style:solid; 
	border-width:1px;
	border-color:#CCCCCC;
}

.manageMenu { 
	font-family: "Trebuchet MS"; 
	font-size:12px; 
	/*color:#666666;*/
	color:#666666;  
	font-weight:500;
	text-decoration:none; }
	
.manageMenu a:hover {
	color:#CC6600;
}

.captionText { 
	font-family: "Trebuchet MS"; 
	font-size:12px; 
	color:#333333; 
	line-height:14px;
	font-style:italic;
	font-weight:bold;
}

.photoText { 
	font-family: "Trebuchet MS" ; 
	font-size:11px; 
	color:#666666; 
}

.mdnsub {  font-size: 13pt; font-style: normal; font-weight: bold; color:#8E0223; font-family: Arial, Helvetica, sans-serif}
.mdnhead {  font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
.mdntext {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 1.2}
.mdndate {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal}
.mdnby {  font-size: 8pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif}

.omdsub {  font-size: 13pt; font-style: normal; font-weight: bold; color:#000000; font-family: Arial, Helvetica, sans-serif}
.omdhead {  font-size: 9pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.omdtext {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 1.2}
.omddate {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal}
.omdeditor {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; line-height: 1.2}

.omdhead:link {color:#8E0223}
.omdhead:hover {color:#999999}
.omdhead:visited {color:#000099}


.mdsub {  font-size: 12pt; font-style: normal; font-weight: bold; color:#336633; font-family: Trebuchet MS, Arial, Helvetica, sans-serif}
.mdhead {  font-size: 12pt; font-weight: bold;  font-family: Trebuchet MS, Arial, Helvetica, sans-serif}
.mdtext {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 1.2}
.mddate {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal}
.mdby {  font-size: 8pt; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif}
.mdeditor {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; line-height: 1.2}
.mdtext1{  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; line-height: 1.2}

.mdbox {  font-size: 12px; font-style: normal; font-weight: bold; color: black; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 10px}

.mdhead:link {color:#336633}
.mdhead:hover {color:#999999}
.mdhead:visited {color:#336633}

.mdtext:link {color:#336633}

/* START - style for comments blocks at the bottom of articles or within the comments tab 
	 for news stories */
.commentlist li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0px 0px;
padding:0 0 0px;
}
.commentlist li {
font-weight:bold;
}
.commentlist li, #comment input, #comment textarea {
/*-x-system-font:none;*/
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

.browncomment {
margin:0;
padding:0;
}
.browncomment {
background-color:#FFFFFB;
border:1px solid #999999;
}
.browncommentauth {
margin:0;
padding:5px;
}
.browncommentauth {
background-color:#F9F8EC;
border-bottom:1px solid #999999;
}

.graycomment {
margin:0;
padding:0;
}
.graycomment {
background-color:#F4F4F4;
border:1px solid #999999;
}
.graycommentauth {
margin:0;
padding:5px;
}
.graycommentauth {
background-color:#E8E8E8;
border-bottom:1px solid #999999;
}

.commentlist {
text-align:justify;
font-size:85%;
margin:0px; padding:0px;
}

.commentcontent { padding:8px; }
/* END - style for comments blocks at the bottom of articles or within the comments tab 
	 for news stories */
	 
/* START - tab styles for article/comments tabs when we're looking at news stories -- extends 	<script src="{{S3_MEDIA_URL}}js/dropdowntabs.js" type="text/javascript" ></script>	
top_menu css
	 that is used to build the top navigation. */
div.articlecommenttabs { background-color:#FFFFFF; padding-top:6px; padding-bottom:2px; }
ul.articlecommenttabs { padding-left:10px; }
li.articlelink, li.commentslink { margin-bottom: -3px; font-size:12px; }
/* END - tab styles for article/comments tabs when we're looking at news stories -- extends 	<script src="{{S3_MEDIA_URL}}js/dropdowntabs.js" type="text/javascript" ></script>	
top_menu css
	 that is used to build the top navigation. */	 


/* START Copied from 	<script src="{{S3_MEDIA_URL}}js/dropdowntabs.js" type="text/javascript" ></script>	
top_menu.css (top menu) to create publication tabs for comments */
div.pubtabs{
border-bottom: 1px solid gray;
}

.pubtabs ul{
padding: 2px 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
font: bold 12px "Trebuchet MS";
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.pubtabs li{
display: inline;
margin: 0px;
}

.pubtabs li a{
text-decoration: none;
padding: 2px 7px;
margin-right: -5px;
border: 1px solid #778;
color: #555555;
background: white url('http://media.mediapost.com/images/pubtab.gif') top left repeat-x; /*THEME CHANGE HERE*/
}

.pubtabs li a:visited{
color: #555555;
}

.pubtabs li a:hover{
text-decoration: underline;
color: #555555;
}

.pubtabs li.selected{
}

.pubtabs li.selected a{ /*selected main tab style */
background-image: url('http://media.mediapost.com/images/pubtabactive.gif'); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.pubtabs li.selected a:hover{ /*selected main tab style */
text-decoration: underline;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid  #918d8d; /*THEME CHANGE HERE*/
border-width: 0px 1px 1px 1px;
font:normal 12px "Trebuchet MS";
line-height:18px;
z-index:100000;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0px solid  #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 0px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 99.8%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #929191; /* #edf3f3 #3a6b92 */
text-decoration:none;
color: white;
}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid gray;
border-bottom-width: 1px;
font: normal 12px "Trebuchet MS";
line-height: 18px;
z-index: 100000;
background-color: white;
width: 120px;
}

.anylinkcss a{
color: black;
display: block;
border-bottom: 0px solid gray;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
text-indent: 5px;
}

* html .anylinkcss a{ /*IE only hack*/
width: 99.8%;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #929191;
color: white;
}

.anylinkseparator{
background-color:#918d8d;
height:1px;
line-height:0px;
margin-top:3px;
margin-bottom:3px;
}
/* END Copied from 	<script src="{{S3_MEDIA_URL}}js/dropdowntabs.js" type="text/javascript" ></script>	
top_menu.css (top menu) to create publication tabs (pubtabs) for comments */

/* used for header to all small boxes on article pages */
	td.boxheader { 
		padding:2px; text-align:center; 
		border-collapse:collapse; border:2px solid #ffffff; /* 'cellspacing' */ 
		font-size:11.5px; 
		color:#333333; 
		font-family:"Trebuchet MS"; 
		font-weight:bold; 
		background-color:#DDDDDD; }  

/*from dspTools.cfm -- used for tools box*/
	ul.tools {
        display: inline;
        font-size: 11px;
        list-style-type: none;
        margin: 0;
        padding: 0;
		font-family:"Trebuchet MS";
		}
		
    .tools li {
			float: left;
			margin-right:5px;
	    }
	
		.tools li:nth-child(3) {
			max-width: 138px;
		}

		.tools li:nth-child(4) {
			max-width: 96px;
		}

    .tools li a {
        color:black;
        text-decoration: none;
    }
    .tools li a:hover {
		opacity:0.8;
		text-decoration: underline;
    }
    a.tools {
        color: #999999;
        position: relative;
        text-decoration: underline;
    }
    a.tools:hover {
        color: #000000;
        text-decoration: underline;
    }
    img.tools {
        margin-bottom: 0;
    }

/* from get_authors.cfm --  used for authors and archives boxes */
	ul.authorarchive {list-style-type:none; margin:0px; padding:3px 0px 0px 6px; line-height:0.6em;}
	li.authorarchive {margin-bottom:0.6em; font-family:"Trebuchet MS"; font-size:12px;}
	a.authorarchive {color:#333333; text-decoration:none;}
	a.authorarchive:hover {color:#333333; text-decoration:underline;}

/* from get_related.cfm -- used for related and most read boxes */
	ul.relatedmostread {list-style-type:none; margin:0px; padding:5px 3px 0px 5px; line-height:0.8em;}
	li.relatedmostread {margin-bottom:0.6em; font-family:"Trebuchet MS"; font-size:11px;}
	a.relatedmostread {color:#CC6600; text-decoration:none;}
	a.relatedmostread:hover {color:#CC6600; text-decoration:underline;}
	a.relatedmostread:visited {color:#CC6600; text-decoration:none;}
	td.relatedmostreadtags { padding:4px 0px 4px 5px; font-size:11px; color:#333333; font-family:"Trebuchet MS";
													border-top:1px solid #CCCCCC; }

/* from follow mediapost */
	ul.followus {list-style-type:none; margin:0px; padding:3px 0px 0px 6px;}
	li.followus {margin-bottom:1em; font-family:"Trebuchet MS"; font-size:12px;}
	a.followus {color:#333333; text-decoration:none;}
	a.followus:hover {color:#333333; text-decoration:underline;}
  

    .inField form legend {
        color: #333333;
        padding: 0 0 20px;
        text-transform: uppercase;
    }
    .inField form {
        padding: 0 2px 2px;
    }
    .inField form, .inField form fieldset input, .inField form fieldset textarea, .inField form label {
        font-size: 12px;
    }
    .inField form p {
        margin: 10px 0;
        position: relative;
    }
    .inField form p label {
        left: 0;
        position: absolute;
        top: 0;
    }
    .inField form p br {
        display: none;
    }
    .inField form p input, .inField form p textarea {
        display: block;
        margin: 0;
        padding: 4px;
        width: 160px;
    }
    .inField form p label {
        display: block;
        margin: 5px 5px 5px 6px;
        padding: 0;
        width: 160px;
    }
    .inField form p textarea {
        padding: 2px;
        width: 184px;
    }
    .inField form p textarea, .inField form p input {
        border: 1px solid #CCCCCC;
    }
    .inField form p label {
        color: #777777;
    }
    
    .recButton {
        color: #333333;
        font-size: 11px;
		line-height:20px;
        font-style: normal;
        text-decoration: none;
		border:solid 1px #cccccc;
		border-left:solid 3px #55aa26;
		padding:2px 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background: #f0f0f0;
    }

	.commentButton {
	    color: #333333;
        font-size: 11px;
		line-height:20px;
        font-style: normal;
        text-decoration: none;
		border:solid 1px #cccccc;
		border-left:solid 3px #55aa26;
		padding:2px 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background: #f0f0f0;
	}

	.count {
		background: url('http://media.mediapost.com/images/publications/count.gif') no-repeat;
		display:inline-block;
		width:20px;
		height:20px;
		padding:3px 5px 0 10px;
		text-align:center;
		color:#555;
	}
	
    .joinButton {
        color: #333333;
        font-size: 12px;
        font-style: normal;
		border:solid 1px #cccccc;
		padding:4px 5px 4px 22px;
		display:inline-block;
		vertical-align:bottom;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background: #f0f0f0 url('http://media.mediapost.com/images/mpicon14.gif') no-repeat 4px 4px;
    }

	.followButton {
        color: #333333;
        font-size: 11px;
		padding:2px 8px;
		display:inline-block;
		vertical-align:bottom;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background: -moz-linear-gradient(center top , #FFF5BD 0pt, #FFF5BD 1px, #FFE976 1px, #FFCF0B 100%) repeat scroll 0 0 transparent;
	    border:solid 1px #E8B463;
	    font-weight: bold;
    }

    #articleemail ul {
        margin: 3px 0;
        padding-left: 0;
    }
    
    #articleemail li {
        list-style-type: none;
    }
