body { 
background-image: url(../images/site_bg.png);
background-repeat: repeat;
background-color: #212629;
}

#recoverpasscontent
{
height: 285px;
width: 90%;
margin: auto;
background-color:#292f33;
padding: 1em;
color:#ACB7BF;
border: 1px solid gray;
font-size:12px;
font-family: Verdana;
}

#container
{
width: 900px;
margin: 5px auto;
background-color:#292f33;
color:#ACB7BF;
font-size:12px;
font-family: Verdana;
}

#top
{
font-size:25px;
font-weight: bold;
font-family: Verdana;
padding: .5em;
background-color:#292f33;
}

#topright
{
font-size:10px;
font-family: Verdana;
}

#top h1
{
padding: 0;
margin: 0;
}

#topright
{
text-align: right;
}


#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
border-right:0px;
}



#leftnav p { margin: 0 0 1em 0; }

#leftnavbottom {
margin-left : 10px;
margin-right : 8px;
}


#content
{
margin-left: 200px;
padding: 1em;
max-width: 650px;
border-left:0px;
}

#Content h1,h2,h3
{
color: #FF3333;
padding: 0;
margin: 0 0 .5em 0;
}


#footer
{
clear: both;
margin: 0;
padding: .5em;
text-align: right;
}


a:hover, a:active li a:hover {
color:#FFFFFF;
text-decoration:none;
}

a:link, a:visited, li a:link, li a:visited {
color:#FF3333;
text-decoration:none;
}


ul {
margin-left: 40px
}

li{
 list-style-type : none ;
 clear:both ;
 line-height:22px ;
}

ol {
list-style-type:decimal;
clear:both ;
line-height:25px ;
}

label{
 display:block ;
 float:left ;
 width:200px ;
}

.inputbox {
background-color:#434343;
border:0px;
color:#FFFFFF;
width:200px ;
border:1px solid #222222;
}

.inputboxsmall {
background-color:#434343;
border:0px;
color:#FFFFFF;
width:100px ;
border:1px solid #222222;
}



.button:hover {
background-color:#222222;
color:#FFFFFF;
}

.button {
background-color:#212629;
border:medium none;
color:#FF3333;
cursor:pointer;
margin-bottom:3px;
margin-top:3px;
padding:3px 6px;
}

.textarea {
background-color:#434343;
border:1px solid #222222;
color:#FFFFFF;
width:200px ;
}

.textarealarge {
background-color:#434343;
border:1px solid #222222;
color:#FFFFFF;
width:270px ;
}

legend {
color: #ACB7BF;
}

fieldset {
width: 630px;
}

/* js clock */ 
table.clock {
font-size: 12px;
text-align: center;
border-collapse: collapse;
width: 100%;
}

/* oe table*/ 
.tableoe {
font-size: 12px;
border-collapse: collapse;
width: 650px;
}

caption {
font-size: 14px;
padding: .4em .8em;
color:#FF3333;
font-weight: bold;
}

td {
padding-right: .3em;
padding-left: .3em;
text-align: center;
border: thin solid #545658;
color:#ACB7BF;
}

th {
padding-right: .3em;
padding-left: .3em;
text-align: center;
border: thin solid #545658;
background-color: #4d5052;
color:#ACB7BF;
font-weight: bold;
}

/* icons menu*/ 
.icon {
margin-left : 10px;
margin-right : 8px;
background-color: #AA3333;
background-repeat: no-repeat;
border:0px;
}

/* red text*/ 
.alarm {
color: #FF3333;
font-size: 9px;
}

.alarmnorm {
color: #FF3333;
font-size: 12px;
}

/* mootools tips */ 
.tip {
color: #fff;
width: 139px;
       z-index: 13000;
}

.tip-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #ff3333;
padding: 8px 8px 4px;
background: url(../images/bubble.png) top left;
}

.tip-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(../images/bubble.png) bottom right;
color: #ACB7BF;
}

/* toggler faq */ 
.toggler  { 
cursor:pointer; 
font-weight:bold; 
color:#000; 
margin: 0; 
padding:5px; 
font-size:12px; 
font-family: Verdana;
}  

.toggler:hover   { background: #575757; }  
.element     { padding:0 5px; }  

.element p {
	margin: 0;
	padding-bottom: 10px;
}


/* Main menu*/ 
ul#menuul {
margin-left:2px;
padding-top: 10px;
padding-bottom: 10px;
padding-left:0 ;
}


ul#menu, li a:hover, 
body#menu ul#menuul li.menu a,
body#adminmanageadmins ul#menuul li.adminmanageadmins a,
body#adminmanagecustomers li.adminmanagecustomers a,
body#adminmanagesales li.adminmanagesales a,
body#adminviewstats li.adminviewstats a,
body#viewuserinfo li.viewuserinfo a,
body#faq li.faq a,
body#viewuserprepay li.viewuserprepay a,
body#viewusersummary li.viewusersummary a,
body#usersubmitoeneworder  li.usersubmitoeneworder a,
body#usersubmitoenewestimate  li.usersubmitoenewestimate a,
body#viewpastoeordercompleted  li.viewpastoeordercompleted  a,
body#mailbp li.mailbp a,
body#logout li.logout a
{
padding-right: 2px;
width:200px;
border:1px solid #FF4D4D;
padding-left: 2px;
}