@import url(/js/site.css);
@import url(/js/SpryAssets/SpryMenuBarHorizontal.css);

body#loggedin, body#notloggedin
{
    background-color: #f3f1c5;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

p, li, div, td, th, *
{
    color: #808285;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

p.title, div.title, span.title, p.MsoTitle, li.MsoTitle, div.MsoTitle, span.MsoTitle, td.MsoTitle
{
    font-size: 17px;
    color: #13487f;
    line-height: 20px;
    margin-bottom: 0px;
}

p.notopmargin
{
    margin-top: 0px;
}

div#mastheadBackgroundBar
{
    background-image: url(/images/heo/sitewide/bg_heo.gif);
}

#wrapper
{
    text-align: left;
    padding: 0;
}
a:link, a:visited, a:hover
{
    color: #13487f;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

#header
{
    background: #0b4680;
    height: 105px;
}
#header *
{
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
}
#header input
{
    color: #000;
}
#header a:link, #header a:visited, #header a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    line-height: 15px;
}
#header a:hover
{
    color: #f1bc18;
}
#header #tblLoggedIn *
{
    font-weight: bold;
}

#headerlogo
{
    visible: false;
    background-image: url(/images/heo/home/logo.gif);
    width: 318px;
    height: 56px;
    cursor: pointer;
}
body.inner #headerlogo
{
    visible: false;
    background-image: url(/images/heo/inner/logo.gif);
    width: 282px;
    height: 46px;
}

div#topnav 
{
    background-color:#fff;
    height: 46px;
    padding-top:8px;
}
body.heohome div#topnav
{
    padding-left: 21px;
}
body.inner #MenuBar1 
{
    margin-left:21px;
}

.sidebar1
{
    width: 150px; /* since this element is floated, a width must be given */
    background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 0 0 25px 0; /* top and bottom padding create visual space within this div */
}

#sidebar2
{
    font-size: 12px;
    float: right;
    width: 231px; /* since this element is floated, a width must be given */
    background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 20px 7px 20px 9px; /* top and bottom padding create visual space within this div */
}
#sidebar2 .data *
{
    color: #373a1c;
    font-size: 11px;
}
#sidebar2 .data td, #sidebar2 .data th
{
    background: #e4e1d8;
    padding: 5px 8px;
    border-right: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
}
#sidebar2 .data .toprow
{
    background: #99968e;
    color: #FFFFFF;
}
#sidebar2 .arrow
{
    padding-right: 6px;
}
#sidebar2 #stats
{
    padding-left: 10px;
}
#sidebar2 #stats *
{
    color: #888a8d;
}
#sidebar2 #stats p
{
    margin-top: -3px;
}
#sidebar2 #stats a:link, #sidebar2 #stats a:visited
{
    color: #888a8d;
    text-decoration: none;
}
#sidebar2 #stats a:hover
{
    color: #888a8d;
    text-decoration: underline;
}
.mainContent
{
    width: 610px;
    background: #fff;
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.mainContent .headlines
{
    background: url(../images/home/yellowbar2.gif) repeat-x bottom #f6f3eb;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 14px;
}
.mainContent .headlines .title
{
    color: #13487f;
    font-size: 17px;
}
.mainContent .headlines .date
{
    color: #13487f;
}
.mainContent .house
{
    padding-left: 6px;
}
.mainContent p
{
    margin-top: -3px;
}
.mainContent .seiders
{
    background: #f3f1c5;
    line-height: normal;
    padding: 5px 5px 5px 5px;
}
.mainContent .releases
{
    padding-left: 16px;
    padding-top: 18px;
    padding-right: 5px;
}
.mainContent .releases .calendar
{
    border-top: solid 3px #FFFFFF;
    border-left: solid 3px #FFFFFF;
}
.mainContent .releases .calendar .toprow
{
    background: #e0dd86;
    text-align: center;
    font-weight: bold;
    color: #373a1c;
    padding: 2px;
    border-bottom: solid 2px #FFFFFF;
}
.mainContent .releases .calendar td
{
    background: #f3f1c5;
    text-align: center;
    font-weight: bold;
    color: #808285;
    padding: 2px;
    border-bottom: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    width: 14%;
}
.mainContent .releases .calendar td.in
{
    background: #f1bc18;
    text-align: center;
    font-weight: bold;
    color: #373a1c;
    padding: 3px;
    border-bottom: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
}
.mainContent .releases a:link
{
    color: #373a1c;
    text-decoration: none;
}
.mainContent .releases a:visited
{
    color: #373a1c;
    text-decoration: none;
}
.mainContent .releases a:hover
{
    color: #373a1c;
    text-decoration: underline;
}
.mainContent #promo
{
    margin: 30px 20px;
}
.mainContent #promo *
{
    line-height: 18px;
}
.mainContent #promo .title
{
    font-size: 17px;
    color: #13487f;
    line-height: 20px;
}

#footer *
{
    color: #a7a9ac !important;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover
{
    color: #808285 !important;
}

/* Miscellaneous classes for reuse */
.fltrt
{
    /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft
{
    /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

p.orange, div.orange, span.orange
{
    color: #f1bc18 !important;
}
p.new, div.new, span.new
{
    color: #f1bc18 !important;
    font-size: 11px;
}
form
{
    padding: 0;
    margin: 0;
}
input, #header input
{
    font-size: 10px;
    padding: 0;
    margin: 0;
}
.mono, #header .mono
{
    font-family: "Courier New" ,Courier,monospace;
    font-size: 11px;
}

/*************************************************************/
/* The following styles override styles in site.css */
body
{
    background-image: url(../images/heo/sitewide/bg_heo.gif);
}
body.heohome div#content
{
    padding: 0px 0px 35px 0px;
}
body.inner div#content
{
    padding-top: 8px;
}
.header, .header p, .header div, .header span
{
    color: #0E1C50 !important;
}
td.content-inner, td.content-inner p, td.content-inner span, td.content-inner div, td.content-inner td
{
    color: #808285;
}
#promoBox
{
    border: 1px solid #e2e089;
}
#promoBoxTitle
{
    color: #0E1C50;
    border-bottom: 1px solid #CECECE;
}
#promoBoxContent
{
    background-color: #FBF7EC;
}

/* Search Results tables */
tr.pagenav-top, div.GridViewHeader, tr.GridViewHeader
{
    background-color: #FBF7EC;
}
tr.pagenav-bottom, div.GridViewFooter, tr.GridViewFooter
{
    background-color: #FBF4DA;
}
div.GridViewHeader, div.GridViewFooter
{
	border: 1px solid #e2e089;
}
div.GridViewHeader
{
	border-bottom-width: 0px;
}
div.GridViewFooter
{
	border-top-width: 0px;
}

span.sortby
{
    color: #0E1C50;
    font: bold 14px Arial;
}
tr.columnHead
{
    background-color: #FBF4DA;
}
TABLE.dkGrnBdr, TABLE.dkGrnBdr TD
{
    border: 1px solid #9ebd00;
}
table.grnBdr, table.grnBdr TD, table.grnBdr TH, table.GridView, table.GridView TD, table.GridView TH
{
    border-color: #e2e089;
}
table.grnBdr TH, table.grnBdr tr.tableheader, table.GridView th
{
    background-color: #FBF4DA;
}
div.MembersOnlyIcon
{
	float: right;
	background: url(/images/heo/home/icon.house.gif) no-repeat 0 0;
	width: 14px;
	height: 14px;
}


/* Left nav styles */
td.leftNavBanner
{
    background-color: #fff;
    width: 164px;
    height: 72px;
    text-align: center;
}
td.leftNavBanner img
{
    margin: 0px;
    padding: 3px;
    border: 2px solid #e2e089;
}
td.leftnav
{
    background-color: #e6e3da;
    border: 2px solid #e2e089;
    width: 164px;
}
td.leftnav-title
{
    background-image: none;
    border-bottom-width: 0px;
}
td.leftnav-title a:link, td.leftnav-title a:visited, td.leftnav-title a:hover
{
    color: #11427a;
    text-transform: none;
}
td.leftnav-regular div
{
    color: #11427a;
    background-image: none;
    border-bottom-width: 0px;
}
td.leftnav-regular div a:link, td.leftnav-regular div a:visited, td.leftnav-regular div a:hover 
{
    color: #11427a;
}
td.leftnav-regular div.navHighlighted
{
    background-color: #fff;
    background-image: none;
    border-bottom-width: 0px;
}
td.leftnav-regular div.navHighlighted a:link, td.leftnav-regular div.navHighlighted a:visited, td.leftnav-regular div.navHighlighted a:hover
{
    color: #11427a;
}
td.leftnav-regular div.navSelected a:link, td.leftnav-regular div.navSelected a:visited, td.leftnav-regular div.navSelected a:hover, td.leftnav-regular div.navChildSelected a:link, td.leftnav-regular div.navChildSelected a:visited, td.leftnav-regular div.navChildSelected a:hover
{
    color: #11427a;
}

/* Footer Styles */
#footer *
{
    color: #666666;
}
#footer a:link, #footer a:visited
{
    color: #666666;
    text-decoration: underline;
}
#footer a:active, #footer a:hover
{
    color: #333333;
    text-decoration: underline;
}

.grnBox
{
    background-color: #FAF4DF;
    border: 1px solid #E5C760;
    padding: 10px;
}
table.shaded
{
    background-color: #FAF4DF;
}

/*************************************************************/
/* Styles for site search */
.searchfilter
{
    color: #032c62;
}
.searchfilter-detail a, .searchfilter-detail div, .searchfilter-detail a:visited
{
    color: #FFFFFF !important;
}
.questionmark
{
    visible: false;
    background: url(/assets/images/misc/icon.channel.questionmark.gif) top left no-repeat;
}
.filterclosed
{
    visible: false;
    background: url(/assets/images/misc/icon.channel.plus.gif) top left no-repeat;
}
.filteropen
{
    visible: false;
    background: url(/assets/images/misc/icon.channel.minus.gif) top left no-repeat;
}