/* Common */
html 
{
	height: 100%;
}
body
{
  font-family: Arial;
	color: #787368;
  margin: 0;
  padding: 0;    
  background: url(../images/body_background.png);
	height: 100%;
	width: 100%;
}

a
{
	color: #252525;	
	text-decoration: none;
}

a:hover
{
	color: #656565;
}

a:visited
{
	color: #656565;
}

fieldset {
	font-size: 10px;
	border: 0px solid black;
	width: 20em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

dd {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font-size: 10px;
	border: 1px solid silver;
}

h3{
	margin: 0;
	padding: 0;
	font-size: 12px;
}


.clear
{
	clear: both;
}

/* Top bar */

#topbar
{
	color: #fff;
	height: 25px;	
	background: url(../images/topbar_background.png);
}

#container
{	
	width: 1062px;
	margin: 0 auto;	
}

#container .bottom
{			
	height: 30px;	
	background: url(../images/container_bottom.png) no-repeat;
}

#container .body
{	
	background: url(../images/main_background.png) repeat-y;
	padding: 0px 13px 0px 13px;
}

.body .skeleton
{		
	padding: 0px 10px 10px 10px;	
}

.body .foot
{			
	height: 46px;	
	padding: 5px;
	background: url(../images/foot_background.png) repeat-x;
}

.body .foot .left
{
	font-size: 9px;
	color: #252525;
	float: left;
}

.body .foot .right
{
	padding: 15px;	
	float: right;
}

.body .head
{			
	height: 130px;	
	padding: 5px;	
	background: url(../images/head_background.png) repeat-x;		
}



.menu {	
	width: 100%;	
	height: 26px;	
	background: url(../images/menu_background.png) repeat-x;		
	float: left;
}

.menu ul {	
	list-style: none;
	margin:0;
	padding: 0;
	font-size: 11px;
	float: left;
}

.menu a
{
	margin-top: 2px;
	padding: 5px 10px;	
	margin: 0;
	color: white;
	display: block;
	text-decoration: none;		
}


.menu a:hover
{
	background: white;
	color: black;
}

.menu .spacer
{
	margin: 0;
	height: 24px;
	width: 2px;
	background: url(../images/menu_spacer.png) repeat-x;		
}

.menu li {
	margin-top: 1px;
	position: relative;
	float: left;
}

.menu ul ul {
	position: absolute;
	z-index: 500;
	background: #7d745b;
}


.menu ul ul li
{
	width: 100%;		
}

div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{
	display: block;
}



.skeleton .main
{	
}

.content 
{
	padding: 0px;
	margin: 0;	
	background: url(../images/content_background.png) #e0dcd7 repeat-x;			
}

.mainbottom
{	
	height: 10px;
	width: 870px;	
	background: url(../images/content_bottom.png) no-repeat;		
}

.main .left
{	
	float: left;
	width: 869px;
	margin-top: 10px;
}

.main .right
{
	margin-left: 8px;
	margin-top: 10px;
	text-align: center;
	width: 137px;		
	float: left;	
}

.loginbox 
{
	position: relative;
}

.login  
{
	font-size: 10px;
	position: absolute;
	top: -5px;
	left: 650px;
	background: url(../images/login_background.png) no-repeat;		
	border: 0px solid black;
	width: 288px;
	height: 160px;		
	padding: 0 8px;	
}

.login_error
{
	position: absolute;
	width: 150px;
	padding: 5px;
	left: 150px;
	top: 30px;
	background: red;
	color: white;
	display: none;
}

.loginmenu
{
	font-family: Tahoma;
	width: 100%; 
	border-bottom: 1px solid #c1baba; 
	height: 20px;
}

.loginmenu ul
{	
	font-size: 11px;
	color: white;
	list-style: none;
	padding: 0;
	margin: 0;		
}

.loginmenu li
{		
	text-align: center;	
	float: left;	
	padding-top: 3px;
	height: 17px;
}

.loginmenu a
{	
	padding: 4px 10px;
	color: #9b9586;	
	text-decoration: none;
}

.loginmenu .active
{	
	background: white;	
}

.loginmenu .menu1
{	
	padding: 4px 28px;			
}

.loginmenu .menu2
{	
	padding: 4px 19px;		
}

.loginmenu .menu3
{	
	padding: 4px 20px;		
}

.loginmenu .status1
{	
	padding: 4px 26px;			
}

.loginmenu .status2
{	
	padding: 4px 19px;		
}

.loginmenu .status3
{	
	padding: 4px 20px;		
}

.loginmenu li a:hover
{
	background: white;
	color: black;
}

.loginmenu .spacer
{
	margin: 0;
	height: 24px;
	width: 2px;
	background: url(../images/login_spacer.png) repeat-x;		
}

.loginleft 
{
	position: relative;
	float: left;
	width: 120px;
	height: 125px;
	padding-top: 5px;
	border-right: 1px solid #c1baba; 	
	padding-right: 15px;
}

.loginright 
{
	position: relative;
	float: left;
	width: 100px;
	padding-top: 5px;
	padding-left: 15px;
	top: -5px;
}

.loginright input
{
	width: 120px;
}

.loginright #autologin
{
	width: 5px;
	margin: 1px;	
	border: none;
	height: 5px;
}

.loginright .button1
{
	width: 60px;
}


.loginstatus img  {
	padding: 0 5px;
}

.loginstatus {
	width: 280px;
}

/* Hider */

#overflow 
{
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 200;
 display: none;
}

.visible
{

}

.hidden
{
	background: white;
}


.curWait 
{
	cursor: wait;
}

.tipsembed 
{
	padding: 10px;
}