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

#sys_body
{
	text-align:center;
	font-size:67.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	color:#336698;
	width:924px;
	margin:0px auto;
	padding:0px;		
}

#sys_header
{
    text-align:left;
    width:924px;    
    margin:0px auto 10px auto;
    background-color:#FFF;         
}

#sys_logo
{
	margin:10px 40px 0px 0px;
	padding:0px;
	float:left;
	Border:solid 1px red;
}

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	System pages 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#sys_content
{	
    text-align:left;
    background-color:#FFF;
    text-align:center;     
}

#sys_content_moz
{
	text-align:-moz-center;    
}

#sys_content a:link, 
#sys_content a:visited 
{ 
	color:orange;			
	text-decoration:underline;	
} 

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Place Holders
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sys_reserved_big
{
    margin-top:5px;     
    height:160px;             
}

.sys_reserved_small
{    
    margin-top:5px;     
    height:60px;
}

.sys_reserved_big , .sys_reserved_small
{ 
    background:#FFF url("./sys_bin/images/reserved.png") 0 0 repeat;         
    text-align:center; 
    color:Red;
    font-size:10px;     
    border:solid 1px red;        
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Edit Sections
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sys_edit_small
{
    margin-top:5px; 
    border:solid 1px red;        
}

.sys_edit_big
{
    margin-top:5px; 
    border:solid 1px red;        
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Table lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sys_table
{    
    width:924px;
    color:#336698;
    color:#336699;
    text-align:left; 
    border-collapse:collapse; 
    background-color:#ECE9D8;
    margin:20px 0px 20px 0px;
    border:solid 1px #336699;    
}

.sys_table td
{
    padding:5px 10px 5px 5px;
}


.sys_tablehead
{
    background-color:#336698;  
    color:#FFF;
    font-size:1.1em;
    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; 
}


.sys_tableedit
{   
    color:#333399;
    text-align:left;     
    background-color:#C6D4E1;
    width:920px;        
    border:solid 1px #336699;    
    margin:20px 0px 20px 0px;
}

.sys_tableedit th
{
    text-align:right;
    vertical-align:top;    
    padding:5px 10px 5px 5px;
}


.warning
{	
	font-size:1.4em;
	color:Red;
}


/* -----------------------------------------------
Data Entry Forms
-----------------------------------------------*/
.sys_form 
{		
		padding:10px;		 
		color:#336699; 
		background-color:#E8E8E8; 
		font-size:12px; 
		font-family:Arial;  
}	
.sys_form fieldset
{  	
		margin:0px;
		padding:0px;
		width:750px;
}
.sys_form legend 
{  
		text-transform:uppercase;
		font-size:12px;
		font-weight:bold;  
		padding:2px 5px 2px 5px;
		margin:4px 0px 0px 10px; 		
		color:#ffffff;
		background:#336699;
}
	
.sys_form fieldset ol
{  
		padding:0px;
		list-style:none;		
}	
.sys_form fieldset li
{  
		float:left;
		text-align:left;    
		padding-bottom:7px; 
		width:650px;
}
.sys_form label 
{
		clear:left;
		float:left;
		width:200px;		
		margin:0px 7px 0px 0px;		
		text-align:right;
}	
.sys_form label.required span
{
		font-weight:bold; 
		color:#FF0000;
		padding-left:10px; 
}
.sys_form input , .sys_form select , .sys_form textarea 
{
		padding:3px;
		font-size:12px;
		border:0px solid #BBBBBB; 
		color:#336699;		
}



.sys_edititem
{
	background-color:#000;
	width:100%;	
}
.sys_edititem h1
{
	background:#000; 
	color:#FFF;
	font-size:11px; 
	padding:4px 0px 0px 4px; 
	margin:0px; 
	width:100px;
	float:left;  
}
.sys_edit_small .editborder
{
	border:1px dashed #DEDEDE;
}

.sys_edititem input
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:block;
		float:right;  
		width:20px;
		height:20px;    	
		margin:2px 2px 2px 0px; 
	background:url('sys_bin/Images/EditTableHS.png') no-repeat 0 0;		
		cursor:pointer;
		_cursor:hand;	
}

.pagelistselect
{
	width:100%;	 
	margin-top:5px; 	
	background-color:#DEDEDE; 
}

.pagelistselect h1
{
	background:#000; 
	color:#FFF;
	font-size:11px; 
	padding:2px;
	margin:0px; 
}
.pagelistselect select
{
	width:85%; 
	margin:2px;
}
.pagelistselect input
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	width:20px;
		height:20px;    	
		margin:2px 2px 2px 0px; 
	background:url('sys_bin/Images/SaveHL.png') no-repeat 0 0;		
		cursor:pointer;
		_cursor:hand;	
}