@charset "utf-8";
/* Colors
000000 - whole screen
f4f3f0 - panel content
eae8df - panel header and unselected tabs
45aa42 - tab labels hover and panel border
046d11 - tab labels 
*/
html, body { height: 100%; margin: 0; padding: 0;}
body { display: table; height: 100%; width: 100%; color:#000000; background-color:#ffffff; font-family:Helvetica, Arial, sans-serif;}

#wrapper { display: table-cell; vertical-align: top; padding-top: 10px; padding-bottom: 10px;}
#centered{ background:#f4f3f0; min-height:460px; width:360px; margin: 0 auto; font-size:0.8em; border:1px solid #45aa42; padding-bottom: 20px;}

form, input {margin:5px 0px 15px 0px; padding:5px;}
form.image, form.image input {margin:0px; padding:0px;}
form.button, form.button input {margin:3px; padding:1px; text-align:left; }
input[type="text"], input[type="password"] { border:#e3e3e3 solid 1px; background-color:#fbfbfb; vertical-align:middle; width:200px; }
form { text-align:center; }

.spacer {height:55px;}
.error {color:red; font-weight:bold; }



.tab  {  background-color:#eae8df; padding:4px 10px 4px 10px; border-style:solid; border-width:1px; border-color:white black white white; font-weight:bold;}
.tab2 {  font-size:0.9em; background-color:#eae8df; padding:4px 10px 4px 10px;; border-style:solid; border-width:1px; border-color:white black white white;}

.tabsel  { background-color:#f4f3f0; padding:4px 10px 4px 10px; border-style:solid solid none; border-width:2px; border-color:white black white white; font-weight:bold; }
.tab2sel { font-size:0.9em; background-color:#f4f3f0; padding:4px 10px 4px 10px; border-style:solid solid none; border-width:2px; border-color:white black white white; font-weight:bold; }

.tab a:link, .tab a:visited, .tab a:active, .tab2 a:link, .tab2 a:visited, .tab2 a:active { text-decoration:none; color:#046d11; }
.tabsel a:link, .tabsel a:visited, .tabsel a:active, .tab2sel a:link, .tab2sel a:visited, .tab2sel a:active { text-decoration:none; color:#046d11; }

.altlink { color:#046d11; }
.tablink, .tab2link  { color:#046d11; }
.tabsellink, .tab2sellink { color:#046d11; } 

a:link, a:visited, a:active { text-decoration:none; color: #0000ff;}
a:hover { text-decoration:none; color:#45aa42; } 



.logo { background:url(/images/panel/panel_logo.png) no-repeat; height:80px; }
.header { background-color:#eae8df; text-align:center; line-height:3em; font-size: 1.3em;}
.tabs  { background-color:#eae8df; text-align:left; padding:4px 4px 3px 4px; } /* padding 1px narrower on bottom to prevent thin line on selected tab in Firefox */
.tabs2 { background-color:#f4f3f0; text-align:left; padding:4px 4px 3px 4px; } /* padding 1px narrower on bottom to prevent thin line on selected tab in Firefox */
.content { padding: 20px 10px 0px 10px; }
.padding1 { padding:2px 6px 2px 6px; }

table { border-collapse:collapse; text-align:center;}
table,th,td { border:1px solid black; }
td, th { text-align:center; padding:6px; }
th { background-color:#eae8df; }

ul { list-style-type: none;}
li { margin: 10px; position:relative; left:-40px; font-weight:bold; }

.toleft { float:right; }
.vcenter { vertical-align:middle; }

.noborder { border: 0px none white; text-align:left; }


h2 { font-size: 1.3em; font-weight: bold; color: #b50080; margin: 0px; padding: 0px;}
b.hlight { font-weight: bold; color: #b50080; }