/* White Label Colour */
h1, h2, h3, h4, 
.slogan, .head_bar h4, 
.back2_S1 h4, .back2_S1 h3, 
.login_table
{ color: #2B539C; }
.login_box a  { color: #AFC9E5; }
/* End */


html, body, #wrapper   { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("../img/back-shad.gif"); background-repeat: repeat-y; background-position: center 0; text-align: center; margin: 0; height: 100% }
#wrapper { text-align: left; }

h1, h2, h3, h4  { font-weight: normal; margin: 0; padding: 0 }
h1  { font-size: 23px }
ul  { line-height: 1.6; margin-left: 10px; padding: 0 }
li  { margin-bottom: 5px }
h2  { font-size: 20px }
h3  { font-size: 17px }
h4  { font-size: 13px }

.head_bar { background-image: url("/img/header-bar-grey.gif")}
.bot_cell { background-image: url("/img/footer-bar-grey.gif")}

.slogan   { font-size: 10px; font-style: italic; text-align: right; margin-left: 70px; padding-top: 5px; padding-right: 10px; width: 325px; float: right }

a { color: #666; font-size: 11px; text-decoration: none; text-align: left }
a:focus {outline: none;}

.login_box    { color: #fff; font-size: 12px; font-weight: bold; background-image: url("../img/login-box-grey.gif"); text-align: center; width: 175px; height: 90px; float: left }
.login_box a  { font-size: 10px }

p { color: #666; font-size: 11px; line-height: 17px; text-align: left }
td { font-size: 11px }
hr { color: #999; height: 1px }
img {border-color: black}

.top_cell   { background-image: url("../img/top-shad.gif"); background-repeat: repeat-x; background-position: 0 bottom; height: 75px }
.head_bar   { color: #666; padding: 8px; width: 800px; height: 63px }
.head_bar h1    { color: #666; font-size: 17px }
.head_bar h4     { font-size: 11px }
.mid_cell    { background: #404040 url("../img/menu-il.gif") no-repeat left top }
.bot_cell  {  background-repeat: no-repeat; height: 35px }


.menu         { color: #ccc; margin: 0; padding-top: 30px; width: 140px; height: 100%; float: left }
.menu_cntr   { left: 0 }
.menu_item a         { color: #ccc; background-image: url("../img/menu-out.gif"); background-repeat: no-repeat; background-position: 10px 0; padding-left: 20px; position: relative; right: 10px; width: 150px; height: 25px; float: left }
.menu_item a:hover    { background-image: url("../img/menu-over.gif") }

.top_links {height:20px;margin:10px 15px 0 0;text-align:right}
.top_links a:hover   { color: #333 }

.page  { display:inline; background-color: #fff; background-image: url("../img/mid-tp-shad.gif"); background-repeat: repeat-x; background-position: 0 top; padding-top: 20px; width: 650px; float: right }
.corner { background-image: url("../img/main-corner.gif"); background-repeat: no-repeat; background-position: left bottom; width: 10px; height: 10px }
.page_cntr  { margin: 10px }
.buttons {  height: 28px; margin-top:20px }
.page ul  { padding-left: 15px }

.bt_off, .bt_on, .bt_first_off, .bt_first_on  { color: white; font-size: 9px; line-height: 3; text-align: center; display: block; width: 138px; height: 28px; float: left }

.bt_first_off {  background-image: url("../img/bt-first-off.gif");}
.bt_first_on    { color: #333; background-image: url("../img/bt-first-on.gif") }
.bt_off {  background-image: url("../img/bt-off.gif");}
.bt_on   { color: #333; background-image: url("../img/bt-on.gif") }

.credits { color: #666; font-size:9px; float:left; padding:7px 0 0 15px}
.credits a { font-size:9px; color: #666}
.credits a:hover, .sitemap a:hover  { color: #333 }

.sitemap {float:right; padding:7px 9px 0 0}

.pad_5 {padding:5px}
.pad_10 {padding:10px}
.pad_15 {padding:15px}

.pan1  { display: inline; margin-left: 10px; width: 472px; float: left }

.srch_bnt {margin:0px; position: relative; top: 3px}

.logo   { background-image: url("../img/stm-logo.gif"); margin-top: 4px; width: 245px; height: 67px; float: left }
/*
.grey_bar    { background-image: url("../img/bar.gif"); background-repeat: repeat-x; background-position: 0 center; padding: 0 }
*/
.sign_up_lines  { border-top: 1px dotted #e1e1e1 }

.star_blt_b    { background-repeat: no-repeat; background-position: 0 0; text-indent: 18px; padding-top: 2px; width: 49%; height: 23px; float: left }
.star_blt_b   { background-image: url("../img/small-stars/blue.gif") }

.admin_but a     { line-height: 1.7; background-image: url("../img/user_button.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 2px 5px; width: 90px; height: 21px; float: left }
.admin_but a:hover    { background-image: url("../img/user_button_on.gif") }

.admin_but_small a      { font-size: 9px; line-height: 1.5; background-image: url("../img/user_button_small.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 5px 2px; width: 64px; height: 15px; float: left }
.admin_but_small a:hover    { background-image: url("../img/user_button_small_on.gif") }

.box_title  { background-color: #f5f5f5; padding-right: 10px; padding-left: 10px; position: relative; bottom: -1px; height: 30px; float: left; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999 }
.box_title_light a        { background-color: #f5f5f5; position: relative; bottom: -1px; height: 30px; float: left }
.box_title_dark a         { color: #828282; font-style: italic; background-color: #bebebe; margin-top: 1px; height: 29px; float: left }
.box_line        { line-height: 2; padding: 0; width: 620px; border-bottom: 1px solid #999 }
.box_title_light a, .box_title_dark a  { text-align: center; display: block; margin-right: 5px; width: 115px; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999 }
.box_title_dark a:hover  { color: #ccc; background-color: #666 }

.box_body          { float:left;background-color: #f5f5f5; width: 620px; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
.box_inner   { padding: 5px 5px 10px }
/*
.menu_bx {float:left;width:120px; font-size: 9px; border: solid 1px #999;margin:15px}
.tab_hed   { font-style: italic; font-weight: bold; background-color: #e6e6e6 }

.scroller   { padding: 8px; z-index: 5; width: 610px; height: 170px; overflow: auto; border: solid 1px #f0f0f0 }
.info_pan  { background: #fafafa; width: 620px; border: solid 1px #ccc }
.info_pan  li  { line-height: 1.2; padding-top: 5px }
.float_50 {float:left;width:275px;margin:0 10px 0 0}
.float_50  li    { color: #666; line-height: 1.2; margin: 0 0 6px }
.float_50  ul  { margin: 5px 0 5px 5px}

.back_S1   { color: #c3c3c3; background-image: url("../img/silver-panel/mid.gif"); background-repeat: repeat-y }
.back_S2   { background-image: url("../img/silver-panel/top.gif"); background-repeat: no-repeat }
.back_S3   { background-image: url("../img/silver-panel/bot.gif"); background-repeat: no-repeat; height: 8px }


.back_S1 h3     { color: white }
.back_L1, .back_L2, .back_L3, .back_S1, .back_S2, .back_S3 {display:inline; float:left; width: 620px }
*/

.back2_S1    { color: #999; background-image: url("../img/pale-panel/mid.gif"); background-repeat: repeat-y }
.back2_S2   { background-image: url("../img/pale-panel/top.gif"); background-repeat: no-repeat }
.back2_S3   { background-image: url("../img/pale-panel/bot.gif"); background-repeat: no-repeat; height: 8px }

.back2_S1 h4     { font-size: 14px; margin-bottom: 5px }
.back2_S1 h3     { margin-bottom: 5px }
.back2_L1, .back2_L2, .back2_L3, .back2_S1, .back2_S2, .back2_S3 {display:inline; float:left; width: 620px }

.add_cart a  { display:block;background-image: url("../img/add-cart.gif"); width: 43px; height: 43px }
.add_cart a:hover  { background-image: url("../img/add-cart-over.gif") }

.add_download a  { display:block;background-image: url("../img/add-download.gif"); width: 43px; height: 43px }
.add_download a:hover  { background-image: url("../img/add-download-over.gif") }

.start_but a   { background-image: url("../img/start-button.gif"); display: block; width: 43px; height: 43px }
.start_but a:hover   { background-image: url("../img/start-button-over.gif") }

.cancel_but a   { background-image: url("../img/cancel.gif"); display: block; width: 43px; height: 43px }
.cancel_but a:hover   { background-image: url("../img/cancel-over.gif") }

.dl_folder a     { font-size: 9px; background-image: url("../img/folder.gif"); background-repeat: no-repeat; background-position: center top; text-align: center; display: block; margin: 10px; padding-top: 40px; width: 120px; height: 75px; float: left }
.dl_folder a:hover    { background-image: url("../img/folder-over.gif") }

.login_table { margin-bottom:10px}