body { padding:0;
margin:0;
color:#666;
font-family: Verdana,Arial,Helvetica,sans-serif;
background-color:#FFF;
text-align:center;
}
/*************************************************
FONT SIZES
*************************************************/
body { font-size:65% }
/* hack for IE5 table cells: */
td,th { font-size:100% !important; font-size /**/:65% }
input,textarea { font-size:100% }
h1 { font-size:1.5em }
h2 { font-size:1.2em }
h3 { font-size:1.1em }
h4 { font-size:1.2em }
h5 { font-size:1.1em }
h6 { font-size:1.0em }
/*********************************************************
GENERAL TEXT, POSITIONING, COLOUR and MULTI USE CLASSES
*********************************************************/
.fixspacing
{
padding:0 8px;
line-height:1.4em;
}
img { border:0 }
h1,h2,h3,h4,h5,h6 { color:#193889 }
h4,h5,h6 { background:#F0F0F7; color:#666666; padding:4px 8px 4px 8px; margin:0 -7px 4px -7px }
p { margin:0; padding:4px 0; }
a { color:#666; text-decoration:underline; font-weight:bold }
a:visited { color:#666 }
a:hover { color:#193889; text-decoration:underline }
td,th { vertical-align: top }
.floatright { float:right }
.floatleft { float:left }
.bold { font-weight:bold }
.clearonly { clear:both }
.clear { clear:both; float:none; font-size:0 }
.clearleft { clear:left }
.date { padding:0; margin:0; font-weight:bold }
.blue { color:#193889 }
.red { color:#CC3300 }
.topborder { border-top:1px solid #FFF }
.botborder { border-bottom:1px solid #CCC }
.question { color:#767DB4 }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: right; }
.alignmid { margin-left:8px; vertical-align: middle; }
.contact { float:left; margin-right:6px; padding-left:34px; margin-left:0 }
.iconphone { background:#FFF url(../images/gui/icon_phone.gif) no-repeat top left }
.iconemail { background:#FFF url(../images/gui/icon_email.gif) no-repeat top left }
.iconsnail { background:#FFF url(../images/gui/icon_snailmail.gif) no-repeat top left }
.profile,.profilehi { padding:3px; }
.profilehi { background-color:#B3B5D6; color:#FFF; font-weight:bold }
.profilehi a:link,.profilehi a:visited,.profilehi a:hover { color:#FFF; text-decoration:none }
.leftspace { padding:30px; margin:0 8px 0 0; border-right:1px solid #D1D2E6 }
.w100 { width:100px }
.w174 { width:174px }
.w200 { width:200px }
.w400 { width:400px }
p.copyfoot { display:none }
p.formbutton { margin:0 0 0 8px; padding:0; text-align:left; background:url(../images/gui/button_grad_leftonly.gif) no-repeat top left }
p.formbutton input { margin:0 0 0 5px; padding:0 8px 0 0; background:url(../images/gui/button_grad_right.gif) no-repeat top right; border:0; height:20px; font-weight:bold; color:#FFF }
.button { padding:0; margin:0 0 8px 0; position:relative; background:url(../images/gui/button_grad_right.gif) no-repeat top right }
.button a { line-height:20px; height:20px; display:block; padding:0 0 0 8px; color:#FFF; text-decoration:none; background:url(../images/gui/button_grad_leftonly.gif) no-repeat top left }
.button a.subicon { position:absolute; top:2px; right:0; padding:0; margin:0 8px 0 0; color:#FFF; text-decoration:none; background:none }
.button a.lilacbg { background:url(../images/gui/button_grad_leftonly_lilac.gif) no-repeat top left }
.button a:visited,.button a:hover { color:#FFF }
.indent { margin-left:8px}
/*************************************************
LAYOUT DIVS WITH FLOATS ETC
*************************************************/
#wrapper { width:770px; margin-left:auto; margin-right:auto; text-align:left; }
#topbar { clear:both; float:left; width:100% }
#content { background:#F0F0F7; clear:both; padding:8px 0 8px 8px }
#rightmain { width:580px; text-align:left } /*Wrapper for screens with left side panel and multi content on right */
/*****************************************************************************
GENERIC FORM ELEMENTS
*****************************************************************************/
input.text,textarea.text { background:#FFF;
color: #666;
font-family: Verdana,Arial,Helvetica,sans-serif;
margin:0;
padding:2px;
vertical-align:middle;
border:1px solid #B3B5D6 }
input.button { font-weight:bold;
border:0;
padding:4px;
font-family: Verdana,Arial,Helvetica,sans-serif }
input.image { vertical-align:middle; margin:0; padding:0; }
label { color:#767DB4; font-weight:bold }
/*****************************************************************************
LOGIN / THREE BUTTONS BAR
*****************************************************************************/
#topoptions { float:right; width:276px; margin:0; padding:0; margin-bottom:10px; padding-top:10px; list-style-type:none }
#topoptions li { float:left; padding:0; margin:0; background:#F0F0F7; border-right:1px solid #FFF }
#topoptions li.hilite { background:#B3B5D6 }
#topoptions a { font-weight:bold; line-height:18px; display:block; padding:0 6px; text-decoration:none; color:#193889 }
#topoptions li.hilite a { color:#FFF }
#loginpanel { clear:right; background:#FFF url(../images/gui/bg_loginbar_new.gif) no-repeat top left;
/* height:27px !important; OLD THINNER BAR */
/* padding:8px 16px 0 0 !important; OLD THINNER BAR */
height:42px !important;
padding:8px 16px 0 0 !important;
/* hack for IE5.5 to get correct height */
height /**/:50px;
border-bottom:2px solid #FFCC33;
/* border:0px solid #F00; */ }
#loginpanel img { float:left; padding:0 0 0 15px; }
#loginpanel form { display:inline; text-align:right; margin:0; padding:0; }
#loginform { text-align:left; margin:0; padding:0; }
#loginform p { margin:0; padding:0; margin-left:16px; display:inline; }
#logout p { width:100px; float:right; padding:0; margin:0; border:0px solid #F00; text-align:right }
#logout input { display:inline; margin:0; padding:0 }
#loginform label { margin-right:8px; color:#666; font-weight:bold }
#loginform label span { color:#767DB4; }
#loginform #remember { margin-left:-8px; }
#loginform input.text { border:1px solid #666; margin-top:0; width:100px; }
#loginform input.check { margin:0; vertical-align:middle }
#tabsearch { border-bottom:1px solid #FFF;
height:24px;
width:100%;
background:#FFF }
#searchform { float:right; height:24px; background:#FFCC33 url(../images/gui/bg_searchform.gif) no-repeat bottom right; text-align:right; padding:0 16px 0 0; margin:0; }
#searchform input.text { border:1px solid #666; width:145px; margin:1px 8px 0 11px; }
/** html #searchform input.text { width:145px; margin:1px 6px 0 6px; }*/
#searchform p { margin:0; padding:0 }
/*****************************************************************************
TOP TABS BAR
*****************************************************************************/
/*These tabs use a variation on the SLIDING DOORS technique:
http://www.alistapart.com/articles/slidingdoors/ */
#tabs { background:#FFF; margin:0; padding:0 0 0 120px; list-style-type:none; border:0px solid #F00 }
/* All LI elements have a background with a right curved corner set to position on the right hand side. The curve is white pixels,
the rest of the background image is transparent. This allows the background colour to show through */
#tabs li { width:110px; float:left; margin:0; padding:0; padding-right:6px;
height:24px; background:#F0F0F7 url(../images/gui/toptab_r.gif) no-repeat top right;
border-right:1px solid #FFF }
/* By default, all anchors set up as DISPLAY:BLOCK to fill the LI tag and be clickable. Each tag has a background set
with a curved corner from top left.*/
#tabs a { float:left; display:inline; padding-left:6px; background:url(../images/gui/toptab_l.gif) no-repeat top left;
white-space:nowrap; font-weight:bold; text-decoration:none; line-height:24px; }
#tabs a:visited,#tabs a:hover { color:#666 }
/* override the padding for anchors with IMG class. These are the subscribed icons. The icons are transparent except for the white
corner and the blue S -- this allows the current background colour to show through */
#tabs a.img { padding:0 }
/* setup the styles for the tags for both subscribed/unsubscribed variations. This is because when UNSUBSCRIBED,
the 'S' icon defines the left hand curved corner, but when SUBSCRIBED, the background image of the defines the corner.
DISPLAY:INLINE used on UNSUBSCRIBED because of weird alignment/float issues in some browsers */
#tabs .subscribed { display: block; background:#F0F0F7 url(../images/gui/toptab_l.gif) no-repeat top left; color:#666 }
#tabs .unsubscribed { padding-left:0; display:inline; background:none; color:#666 }
#tabs img { float:left; margin:0; padding:0; display:block; padding-right:3px }
/* In the list, you can add the HILITE class to any LI (including the last one). This inverts the text onto
a grey background. Because the rounded corners use white to define the corner curve, the current background
color always shows through (either grey or lilac) */
#tabs li.hilite { background:#999 url(../images/gui/toptab_r.gif) no-repeat top right }
#tabs li.hilite a:link { color:#FFF }
#tabs li.hilite a.subscribed { background:#999 url(../images/gui/toptab_l.gif) no-repeat top left }
#tabs li.hilite a.unsubscribed { background:none }
#tabs li.hilite a:link,
#tabs li.hilite a:visited,
#tabs li.hilite a:hover { color:#FFF }
/* The LAST has background attributes controlled individually so that it doesn't override
any of the settings made by the HILITE style */
#tabs li.last { background-image:url(../images/gui/toptab_last.gif);
background-repeat: no-repeat;
background-position: top right;
width:auto;
border:0; }
#tabs li.last a { display: block; }
/*****************************************************************************
NAVIGATION BAR
*****************************************************************************/
#navbar { clear:both; }
#navbar ul { margin:0; padding:0; list-style-type:none }
#navbar li { background-color:#193889; margin:0; padding:0; vertical-align:middle; float:left }
#navbar a { padding-left:6px; padding-right:7px; padding-top:2px; height:30px; display:block;
font-weight:bold; text-decoration:none; vertical-align:middle;
text-align:center; border-right:1px solid #758ABA; color:#FFF }
/* Hack for IE for block level anchors to stop them stretching across page */
* html #navbar a { float: left; }
#navbar li.first a { background:#193889 url(../images/gui/nav_topleft.gif) no-repeat top left; padding: 2px 14px 0;}
#navbar li.first a:hover { background-color:#B3B5D6 }
#navbar a.high { background-color:#B3B5D6; color:#FFF }
#navbar a:hover { background-color:#B3B5D6; color:#FFF }
#navbar li.last a { background:#193889 url(../images/gui/nav_topright.gif) no-repeat top right; border:0; padding: 2px 14px 0 15px; }
#navbar li.last a:hover { background-color:#B3B5D6 }
#navbar li.hilite { background-color:#B3B5D6; color:#FFF }
#navbar li.hilite a { background-color:#B3B5D6; color:#FFF }
#navbar li.hilite a:hover { background-color:#B3B5D6; color:#FFF }
/*****************************************************************************
LEFT SIDE BAR
*****************************************************************************/
#leftmain { background:#F6F6FA url(../images/gui/sidebar_bg_main.gif) repeat-y;
float:left; text-align:left; width:174px; margin-right:8px }
#leftmain img { display:block }
#leftmain h3 { position:relative; background:#B3B5D6 url(../images/gui/sidebar_bg_title.gif) repeat-x;
padding:6px; padding-left:8px; margin:0 1px 0 1px; color:#FFF; }
#leftmain h3 img { position:absolute; right:0; display:inline; margin-right:6px; vertical-align:middle}
#leftmain p { clear:both; margin:0; padding:6px 0 }
#leftmain h3 a:link,#leftmain h3 a:visited {color:#FFF; text-decoration:none }
#leftmain h3 a:hover {color:#FFF; text-decoration:underline }
#leftmain h3.hilite {background:#193889 url(../images/gui/sidebar_bg_title_hilite.gif) repeat-x }
/*****************************************************************************
HOME PAGE MIDDLE BAR
*****************************************************************************/
#middle { float:left; text-align:left }
/*************************************************
SEARCH RESULTS TABS
*************************************************/
.searchtabs { height:21px; margin:8px 0 8px 8px; padding:0; list-style-type:none; border-bottom:1px solid #B3B5D6 }
.searchtabs li { margin:0 1px 0 0; padding:0; vertical-align:middle; line-height:20px; float:left; background:#B3B5D6 url(../images/gui/tab_topleft.gif) no-repeat top left }
.searchtabs a { padding:0 8px; color:#FFF; text-decoration:none; display:block; background:url(../images/gui/tab_topright.gif) no-repeat top right }
.searchtabs a:visited,.searchtabs a:hover {color:#FFF}
.searchtabs li.hilite { background-color:#767DB4 }
/*****************************************************************************
GENERIC PANELS
*****************************************************************************/
/* padding/margin shorthand: TOP RIGHT BOTTOM LEFT */
h1 { margin:0; padding:0 8px 8px 8px; border-bottom:2px solid #FFC425 }
h2,h3 { position:relative; margin:0; color:#FFF }
h3 img { position:absolute; right:0; display:inline; margin-right:6px; vertical-align:middle}
h2 img { margin-left:6px; vertical-align:middle}
p.lines3 { position:relative }
p.lines3 img { position:absolute; right:0; display:inline; margin-right:6px; vertical-align:middle }
/* Common attributes for all .top***** classes: */
.toplilac174,.topblue174,.topblue191,.topblue572,.topblue754,.topblue390,.topblue390dk,.topblue360,.yell,.blue
{ padding:4px 8px 4px 8px;
background-color:#B3B5D6;
background-repeat:no-repeat;
background-position:top left }
.toplilac174 a,.topblue174 a,.topblue191 a,.topblue572 a,.topblue754 a,.topblue390 a,.topblue390dk a,.topblue360 a,.blue a
{ color:#FFF; text-decoration:none }
.toplilac174 a:visited,.topblue174 a:visited,.topblue191 a:visited,.topblue572 a:visited,.topblue754 a:visited,.topblue390 a:visited,.topblue390dk a:visited,.topblue360 a:visited,.blue a:visited
{ color:#FFF; text-decoration:none }
.toplilac174 a:hover,.topblue174 a:hover,.topblue191 a:hover,.topblue572 a:hover,.topblue754 a:hover,.topblue390 a:hover,.topblue390dk a:hover,.topblue360 a:hover,.blue a:hover
{ color:#FFF; text-decoration:underline }
/* Unique background-image attributes for all .top***** classes: */
.toplilac174 { background-image:url(../images/gui/generic_bg_174_toplilac.gif)}
.botlilac174 { background-image:url(../images/gui/generic_bg_174_botlilac.gif); background-repeat:no-repeat; background-position:bottom left }
.topblue174 { background-image:url(../images/gui/generic_bg_174_topblue.gif)}
.topblue191 { background-image:url(../images/gui/generic_bg_191_topblue.gif)}
.topblue572 { background-image:url(../images/gui/generic_bg_572_topblue.gif)}
.topblue754 { background-image:url(../images/gui/generic_bg_754_topblue.gif)}
.topblue390 { background-image:url(../images/gui/generic_bg_390_topblue.gif)}
.topblue390dk { background-image:url(../images/gui/generic_bg_390_topblue_dk.gif)}
.topblue360 { background-image:url(../images/gui/generic_bg_360_topblue.gif)}
.topblue572 span,.topblue390 span,.topblue754 span { color:#193889 }
.margin8b { display:block; margin:0 8px 8px 0 }
.margin8r { display:block; margin:0 8px 0 0 }
.highpanel { height:24px; padding:0 }
.generic754 { width:754px; background:#FFF url(../images/gui/generic_bg_754_mid.gif) repeat-y top left; padding:0; margin-bottom:8px;}
.generic754 .top { background:#FFF url(../images/gui/generic_bg_754_top.gif) no-repeat top left; height:8px; font-size:0; }
.generic754 .bot { background:#FFF url(../images/gui/generic_bg_754_bot.gif) no-repeat bottom left; height:8px; font-size:0; }
.generic572 { width:572px; background:#FFF url(../images/gui/generic_bg_572_mid.gif) repeat-y top left; padding:0; margin-bottom:8px;}
.generic572 .top { background:#FFF url(../images/gui/generic_bg_572_top.gif) no-repeat top left; height:8px; font-size:0}
.generic572 .bot { background:#FFF url(../images/gui/generic_bg_572_bot.gif) no-repeat bottom left; height:8px; font-size:0 }
.generic390 { width:390px; background:#FFF url(../images/gui/generic_bg_390_mid.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic390 .top { background:#FFF url(../images/gui/generic_bg_390_top.gif) no-repeat top left; height:8px; font-size:0}
.generic390 .bot { background:#FFF url(../images/gui/generic_bg_390_bot.gif) no-repeat bottom left; height:8px; font-size:0 }
.generic390dk { width:390px; background-color:#767DB4; padding:0; margin:0 8px 8px 0;}
.generic390dk .bot { background:#767DB4 url(../images/gui/generic_bg_390_botblue_dk.gif) no-repeat bottom left; height:8px; font-size:0 }
.generic360 { width:360px; background:#FFF url(../images/gui/generic_bg_360_mid.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic360 .top { background:#FFF url(../images/gui/generic_bg_360_top.gif) no-repeat top left; height:8px; font-size:0}
.generic360 .bot { background:#FFF url(../images/gui/generic_bg_360_bot.gif) no-repeat bottom left; height:8px; font-size:0 }
.generic174 { width:174px; background:#FFF url(../images/gui/generic_bg_174_mid.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic174 .top { background:#FFF url(../images/gui/generic_bg_174_top.gif) no-repeat top left; height:8px; font-size:0}
.generic174 .bot { background:#FFF url(../images/gui/generic_bg_174_bot.gif) no-repeat bottom left; height:8px; font-size:0 }
.generic174blue { width:174px; background:#D1D2E6 url(../images/gui/generic_bg_174_midblue.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic174blue .top { background:#D1D2E6 url(../images/gui/generic_bg_174_topblue.gif) no-repeat top left; height:8px; font-size:0}
.generic174blue .bot { background:#D1D2E6 url(../images/gui/generic_bg_174_botblue.gif) no-repeat bottom left; height:8px; font-size:0; margin-top:-8px }
.generic174blue img { margin:0 8px 8px 8px; padding:0 }
.generic191 { width:191px; background:#FFF url(../images/gui/generic_bg_191_mid.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic191 .top { background:#FFF url(../images/gui/generic_bg_191_top.gif) no-repeat top left; height:8px; font-size:0}
.generic191 .bot { background:#FFF url(../images/gui/generic_bg_191_bot.gif) no-repeat bottom left; height:8px; font-size:0}
.generic191blue { width:191px; background:#D1D2E6 url(../images/gui/generic_bg_191_midblue.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic191blue .top { background:#D1D2E6 url(../images/gui/generic_bg_191_topblue.gif) no-repeat top left; height:8px; font-size:0}
.generic191blue .bot { background:#D1D2E6 url(../images/gui/generic_bg_191_botblue.gif) no-repeat bottom left; height:8px; font-size:0}
.picleft754 { width:754px; margin-bottom:8px; background:#FFF url(../images/gui/generic_bg_754_mid.gif) repeat-y; }
.picleft754 .top { position:relative; top:0; background:url(../images/gui/generic_bg_754_top.gif) no-repeat; width:100%; height:8px; font-size:0 }
.picleft754 .bot { margin-top:-7px; position:relative; bottom:0; background:url(../images/gui/generic_bg_754_bot.gif) no-repeat bottom left; width:100%; height:8px; font-size:0 }
.picleft754 img { display:block; float:left; margin-left:1px; margin-top:-7px; margin-right:16px }
* html .picleft754 img { margin-left:0; padding-left:1px}
.generic204 { width:204px; margin:0 8px 8px 0; background:#FFF url(../images/gui/generic_bg_204_mid.gif) repeat-y; }
.generic204 .bot { background:url(../images/gui/generic_bg_204_bot.gif) no-repeat; width:204px; height:8px; font-size:0 }
.generic204 h3.yell { background:#FFC724 url(../images/gui/generic_bg_204_top_yell.gif)}
.generic204 h3.blue { background:#767DB4 url(../images/gui/generic_bg_204_top_blue.gif)}
/*****************************************************************************
FOOTER
*****************************************************************************/
#footer { clear:both; float:none;
background:#FFF;
border-top:1px solid #CCC;
padding-top:6px }
#footer p { margin:0; padding:0; line-height:2.2em; }
/*****************************************************************************
TABLES
*****************************************************************************/
#homeindices { width:100%; border-collapse:collapse; border:0 }
#homeindices th { text-align:left; padding:6px 8px 8px 6px; font-weight:bold; border-bottom:1px solid #CCC }
#homeindices td { color:#193889; text-align:left; padding-left:6px }
#homeindices td.up { width:7px; background:#FFF url(../images/gui/arrow_up.gif) no-repeat 0 2px }
#homeindices td.down { width:7px; background:#FFF url(../images/gui/arrow_down.gif) no-repeat 0 2px }
#homeindices td.nochange { width:7px; background:#FFF url(../images/gui/arrow_nochange.gif) no-repeat 0 2px }
#midas50 { width:98%; margin-left:1%; margin-right:1%; text-align:center; border-collapse:collapse; border:0 }
#midas50 th { background:#F0F0F7; text-align:center; padding:4px; border:1px solid #B3B5D6 }
#midas50 td { background:#FFF; text-align:left; padding:4px 2px 2px 4px; border:1px solid #B3B5D6 }
#midas50 td.num { text-align:right }
#midas50 td.stars { text-align:center }
#midas50 td.green { color:#009933 }
#midas50 td.red { color:#CC3300 }
#createprofile { text-align:left; border-collapse:collapse; border:0 }
#createprofile th { width:45%; text-align:right; vertical-align:top; }
#createprofile td { text-align:left }
#createprofile td.help { width:25%; border-left:1px solid #999; text-align:left; padding:0 20px 0 20px }
td.radiobutton { padding-top:0; padding-bottom:2em; margin:0; }
td.radiobutton p { margin:0; padding-bottom:0; }
td.radiobutton input.radio { vertical-align:middle }
td.radiobutton label { margin:0; padding:0; }