﻿body { background: #526488 url('../images/back.jpg') repeat-x scroll left top; color: #FFF }
a, a:link, a:visited, a:hover, a:active { color: #CCC; outline: 0 }

table.logincontainer { margin: 0 auto; width: 600px }
table.logincontainer tr td { vertical-align: top }
table.login { width: 100% }
table.login tbody tr td { padding: 5px }
table.login thead tr th { background-color: transparent; border-bottom: 1px dashed #D49400; color: #D49400; font: bold 16px Verdana; text-align: left }

/* Header */
div.header { background: transparent url('../images/header.bg.png') repeat-x scroll top left; height: 59px; position: relative; width: 100% }
	div.header div.pagecontainer { background: transparent url('../images/header.bg.png') repeat-x scroll top left; height: 59px; margin: 0 auto; position: relative; width: 790px }
	a.brandinglogo { left: 0; position: absolute; top: 0 }
	a.companylogo { bottom: 2px; position: absolute; right: 5px; }

/* Standard Box */
table.standardbox { float: left; width: 100% }
table.standardbox tr td { padding: 0 }
table.standardboxheader { height: 11px; margin: 0; width: 100% }
table.standardboxheader tr td { line-height: 0 }
table.standardboxheader tr td.standardboxtopmid { background: url('../images/standard_box/box-top-mid.png'); background-repeat: no-repeat; height: 11px; width: 100% }
table.standardboxfooter { height: 12px; width: 100%; }
table.standardboxfooter tr td { line-height: 0 }
table.standardboxfooter tr td.standardboxbottommid { background: url('../images/standard_box/box-bottom-mid.png'); background-repeat: no-repeat; height: 12px; width: 100%; }
table.standardbox tbody tr td.standardboxmiddleleft { background-image: url('../images/standard_box/box-left.png'); width: 4px }
table.standardbox tbody tr td.standardboxmiddle { background-color: #000; padding: 0 10px }
table.standardbox tbody tr td.standardboxmiddleright { background-image: url('../images/standard_box/box-right.png'); width: 6px }

/* Sliding Buttons */
a.btnblue { background: transparent url('../images/buttons/sliding-right-blue.gif') no-repeat scroll top right; color: #FFF; display: block; float: right; height: 23px; padding-right: 5px; text-decoration: none }
a.btnblue span { background: transparent url('../images/buttons/sliding-left-blue.gif') no-repeat scroll top left; display: block; font: bold 12px Segoe UI, Arial, Helvetica, sans-serif; left: -5px; padding: 4px 0px 4px 10px; position: relative } 

/* Page Nav */
div.pagetabs { height: 65px; padding-top: 15px }

div.tabbar { height: 34px; line-height: 34px; position: relative; width: 100% }
div.tabbar div.tabbarleft { background: transparent url('../images/tabs/bar.left.png') no-repeat scroll left top; height: 34px; left: 0; position: absolute; top: 0; width: 8px }
div.tabbar div.tabbarright { background: transparent url('../images/tabs/bar.right.png') no-repeat scroll left top; height: 34px; right: 0; position: absolute; top: 0; width: 8px }
div.tabbar div.tabbarmiddle { background: transparent url('../images/tabs/bar.bg.png') repeat-x scroll left top; height: 34px; left: 8px; line-height: 34px; right: 8px; position: absolute; top: 0; width: auto }

div.tabs { height: 26px; padding-left: 8px }
a.tab { background: transparent url('../images/tabs/tab_right_over.gif') no-repeat scroll 50px 50px; color: #FFF; display: block; float: left; font: 13px Segoe UI, Arial, Helvetica, sans-serif; height: 26px; margin-right: 7px; padding-right: 6px; text-decoration: none }
a.tab span { background: transparent url('../images/tabs/tab_left_over.gif') no-repeat scroll 50px 50px; display: block; line-height: 26px; padding: 0 5px 0 10px; } 
a.tab:hover span { background: transparent url('../images/tabs/tab_left_over.gif') no-repeat; color: #FFF; cursor: hand }
a.tab:hover { background: transparent url('../images/tabs/tab_right_over.gif') no-repeat scroll top right }
a.tab_on { background: transparent url('../images/tabs/tab_right.gif') no-repeat scroll top right; color: #FFF; display: block; float: left; font: 13px Segoe UI, Arial, Helvetica, sans-serif; height: 26px; margin-right: 7px; padding-right: 6px; text-decoration: none }
a.tab_on span { background: transparent url('../images/tabs/tab_left.gif') no-repeat; display: block; line-height: 26px; padding: 0 5px 0 10px } 
a.tab_on:hover span { color: #FFF }

/* Random */
h1 { color: #FFF; font-size: 18px }
div.regtemplate { border: 1px solid #333; margin: 0; padding: 10px }
input.actcodebox { width: 30px }
table.frmActivationCode tr td { padding: 5px }
table.frmActivationCode { margin: 10px auto; width: auto }
div.usermenu { margin: 10px auto; text-align: center }
