body
{
	color:#666666;
	font: 70%/1.4em Arial, Helvetica, Sans-serif;
	margin: 0 auto;
	text-align: center;	
}

#adminbody
{	
	width:950px;
	background-color:#CCC7BA; 
}

#sys_logo
{
	margin:10px 40px 0px 0px;
	padding:0px;
	float:left;		
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	System navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#sys_navigation
{
	padding:34px 0px 0px 0px;
	height:26px;		
}


#lang
{
	display:block;float:right;text-align:right;  
	background:transparent url(images/sitenav_bg.png) 0 0 repeat-x;			
	border:solid 1px blue;
}
#lang h1
{
	float:left; 
	font-size:14px;
	margin-top:7px; 
}
.flag 
{
	float:left; 
	border:0px;width:40px;height:30px;cursor:pointer;_cursor:hand;	
	background-position:100% 0px;
	background-color:Transparent;
	background-repeat:no-repeat;    
}
.de-DE {	background-image:url(../flags/de-DE.png); }
.fr-FR {	background-image:url(../flags/fr-FR.png); }
.en-US {	background-image:url(../flags/en-US.png); }
#lang
{
	display:none;  
}


#sys_title
{
	text-align:left; 	
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;		
	color:#FFF;
	background-color:#336698;
	padding:3px;
    margin:5px auto 5px auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Common 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clr {clear:both;height:1px;overflow:hidden;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Table lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sys_table
{    
    width:100%;    
    color:#0872B3;
    text-align:left; 
    border-collapse:collapse; 
    background-color:#FFF;
    margin:20px 0px 30px 0px;      
}

.sys_table thead
{
	font-size:1.2em;
    font-weight:bold;         
}

.sys_table td
{
    padding:5px 10px 5px 5px;
    border-bottom:solid 2px #C4DAFA; 
}

.sys_tablehead
{
    background-color:#336698;  
    color:#FFF;
    font-size:1.2em;
    font-weight:bold;             
}

.sys_tablerow
{
    background-color:#FFF; 
    color:#000088; 
    font-size:1.1em;
    font-weight:normal;     
}

.sys_tablerowalt
{
    background-color:#F3F2E7; 
    color:#000066; 
    font-size:1.1em;
    font-weight:normal;     
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Table lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sys_tableedit
{   
    color:#000;
    text-align:left;    
    width:100%;            
    margin:20px 0px 20px 0px;
    border-collapse:collapse;      
}
.sys_tableedit thead
{
    background-color:#336698;  
    color:#FFF;
    font-size:1.1em;
    font-weight:bold;   
}
.sys_tableedit th
{
    text-align:right;
    vertical-align:top;    
    padding:6px 7px 4px 10px;    
}
.sys_tableedit td
{
    text-align:left;
    vertical-align:top;    
    padding:4px 10px 4px 5px;            
}



/* -----------------------------------------------
Data Entry Forms
-----------------------------------------------*/
.sys_form 
{		
		padding:0px 0px 0px 0px;		 
		color:#336699; 		
		font-size:12px;font-family:Arial;  		
}	
		
.sys_form label.required span
{
		font-weight:bold; 
		color:#FF0000;
		padding-left:10px; 
}

/* -----------------------------------------------
Toolbars
-----------------------------------------------*/
.sys_toolbar
{
	width:100%;		
	background:#F4F4F4 url(img/tlb_bg.png) 0 0 repeat;	
	text-align:left;  
	margin:0px 0px 7px 0px;
}
.sys_toolbar input
{
	padding:0px 10px 0px 15px; 	
	margin:0px 0px 0px 0px; 
	height:30px; 
	border:none;
	color:#FFF;
	text-align:right;  
	border:none;  
	cursor:pointer;_cursor:hand;	
	font-size:12px; 
	font-weight:bold; 	 
}
.sys_toolbar input.save
{	
	width:75px;	
	background:#F4F4F4 url(./img/tlb_save.png) 0 0 no-repeat;	
}
.sys_toolbar input.undo
{
	width:85px;
	background:#F4F4F4 url(./img/tlb_undo.png) 0 0 no-repeat;
}

.sys_smalltoolbar
{
	width:100%;		
	background:#F4F4F4 url(img/tlb_bg.png) 0 0 repeat;	
	text-align:left;  
	margin:0px 0px 0px 0px;
}
input.small
{
	font-size:11px; 
	font-weight:bold; 
	padding:0px 10px 0px 15px; 	
	margin:0px 0px 0px 0px; 
	height:20px; 
	border:none;
	color:#FFF;
	text-align:right;  
	border:none;	
	cursor:pointer;_cursor:hand;	
}
input.ssave
{
	width:65px;
	background:#F4F4F4 url(./img/tlb_ssave.png) 0 0 no-repeat;
}
input.sadd
{
	width:55px;
	background:#F4F4F4 url(./img/tlb_sadd.png) 0 0 no-repeat;
}
input.sdelete
{
	width:80px;
	background:#F4F4F4 url(./img/tlb_sdelete.png) 0 0 no-repeat;
}



#sys_header
{
	height:70px;	
	background-color:#333333;	
	border:solid 1px #98B5E2;
}
#sys_header h1
{
	color:#FFF;
	font-size:1.7em; 
	margin-top:25px; 
}

#sys_nw
{	
	background:#FFF url(img/sys_nw_bg.gif) 0 0 repeat-y;		
}

#sys_nw .caption
{
	width:100%;	
	height:21px;	
	background:#F4F4F4 url(img/caption_bg.gif) 0 0 no-repeat;		
	margin:0px;
	padding:0px; 	
}

#sys_nw_lbox
{	
	width:200px;float:left;	
	text-align:left;		
}
#sys_nw_rbox
{
	margin-right:10px; 
	width:720px;float:right;		
}
#sys_nw_bot
{
	width:100%;
	height:17px;
	background:#F4F4F4 url(img/sys_nw_bot.gif) 0 0 no-repeat;					
}

#sys_nw .caption h1
{
	font:bold 12px Arial, Helvetica, sans-serif;		
	color:#FFF;		
	padding:3px 0px 0px 12px;  
	margin:0px;  		
}
#sys_nw_lbox ul
{
	list-style-position:outside;  
	list-style-type:none;		 	 	
	margin:10px 0px 10px 15px;
	padding:0px; 
}
#sys_nw_lbox ul li
{
	text-indent:0px;	
	padding-top:3px;  
}
#sys_nw_lbox ul a
{
	text-decoration:none;	
	color:#303030;
	font-size:12px;
	font-weight:bold;  
}



/* -----------------------------------------------
Sys Menu Editor
-----------------------------------------------*/
.sys_menueditbar
{
	width:100%;		
	height:27px;
	background:#F4F4F4 url(img/menuedit.png) 0 0 repeat;	
	text-align:left;  
	margin:0px 0px 0px 0px;
}


input.notxt
{
	padding:0px 0px 0px 15px; 	
	margin:1px 0px 0px 0px; 
	height:27px; 
	width:27px; 
	border:none;
	text-align:right;  	
	cursor:pointer;_cursor:hand;		
}
input.content {background:url(./img/edt_modify.png) no-repeat 0 0;}
input.seo {background:url(./img/edt_find.png) no-repeat 0 0;}
input.details {background:url(./img/edt_details.png) no-repeat 0 0;}
input.delete {background:url(./img/edt_delete.png) no-repeat 0 0;}
input.addnew {background:url(./img/edt_add.png) no-repeat 0 0;}
input.setpass {background:url(./img/edt_pass.png) no-repeat 0 0;}

input.mnuaddroot {background:url(./img/mnu_addroot.png) no-repeat 0 0;}
input.mnuaddchild {background:url(./img/mnu_addchild.png) no-repeat 0 0;}
input.mnumoveup {background:url(./img/mnu_moveup.png) no-repeat 0 0;}
input.mnumovedown {background:url(./img/mnu_movedown.png) no-repeat 0 0;}
input.mnumovein {background:url(./img/mnu_movein.png) no-repeat 0 0;}
input.mnumoveout {background:url(./img/mnu_moveout.png) no-repeat 0 0;}
input.mnudelete {background:url(./img/mnu_delete.png) no-repeat 0 0;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Login
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#login-body
{
	width:400px;	
	margin:20px 0px 20px 120px;	
	padding:20px 20px 20px 20px; 
	border:1px solid #98B5E2;
	background-color:#f0f2f4;	
}
#login-body table
{	
	border-collapse:collapse;  
} 
#login-body table th
{
	padding:7px;	
}
#login-body th
{
	width:150px;
	text-align:right;
	font-weight:bold;  	
}
#login-body .txtbox
{	
	width:140px;
}
#login-body .btnlogin,#logout-body .btnlogout
{
	border-style: none;	
	display:block;	
	width:137px;
	height:28px;
	margin:10px 0px 20px 0px; 	 				 
	padding:0px;
	cursor:pointer;
	_cursor:hand;		
	background:url('img/btn_login.jpg') 0 0 no-repeat;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Information Dialogs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 15px 15px 15px 15px;
padding:7px 7px 7px 7px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('img/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('img/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('img/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('img/error.png');
}