@charset "UTF-8";
/* CSS Document */

/***********************************************************************
 *
 * Cms 
 *
 **********************************************************************/
 
 body.esus {
 	background:#ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:11px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
}
 
/***********************************************************************
 *
 * Cms top
 *
 **********************************************************************/
 
#cms_wrapper {
	background:url(/images/esus/cms_wrapper_bg.jpg);
	width:100%;
	padding:0px;
	height:120px;
	border-bottom:10px #333333 solid;
}

#cms_top 
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	padding:10px;
	height:60px;
}

#cms_content_top {
	float:left;
	width:500px;
	height:60px;
}

#cms_logo {
	float:right;
	width:auto;
	height:50px;
	padding-top:10px;
}
#cms_menu_wrapper {
	width:100%;
	height:40px;
	border-bottom: 1px solid #000000;
}

#wrapper_buttons {
	float:left;
	width:100%;
	margin-top:10px;
	padding:10px 0px 10px 0px;
}

/***********************************************************************
 *
 * Cms menu top
 *
 **********************************************************************/

#cms_menu_container {width:900px; margin-left:auto;margin-right:auto;padding: 0px;}
#cms_menu_container ul {float:left; margin:0px; padding: 0px;font: 12px Verdana, Helvetica, sans-serif;}
#cms_menu_container li {float:left;margin: 0; display: inline; list-style: none;}

#cms_menu_container li a {float:left;text-decoration: none; color: #333333; height:25px; padding: 4px 10px 0px 10px; margin-right: 10px; margin-top:10px; background-image:url(/images/esus/cms_tab.jpg); border: 1px solid #aaa; border-bottom: none;}
#cms_menu_container a:link, #cms_menu_container a:visited {color: #333333;}
#cms_menu_container a:hover {background-position: 0px -30px;}

#cms_menu_container li#active a, #cms_menu_container li a.active  {background-image:url(/images/esus/cms_tab_active.jpg); padding: 10px 20px 0px 20px; border: 1px solid #333; border-bottom: 0px; color: #fff; height:30px; margin-top:0px;}
#cms_menu_container li#active a:hover, #cms_menu_container li a.active:hover {background-position: 0px 0px;} 

#cms_menu_container ul li a span { cursor:pointer;}

/***********************************************************************
 *
 * Cms menu left
 *
 **********************************************************************/

#cms_menu_left {float:left;margin: 0px; width: 178px; border:1px solid #cccccc; border-top:none; }
#cms_menu_left ul {background: #ffffff; width: 178px; border:0px;list-style-type: none; margin:0px; padding:0px;}

#cms_menu_left .l1 a{display: block; margin: 0; width:170px; height:21px; padding: 4px 4px 0px 4px; background-image: url(/images/esus/cms_menu_left_btn.jpg); text-decoration: none; border-top:1px solid #cccccc;}
#cms_menu_left .l1 a:link, #cms_menu_left .l1 a:visited {color: #333333;}
#cms_menu_left .l1 a:hover {background-position: 0px -25px;}

#cms_menu_left .l1 a#active {background-image:url(/images/esus/cms_black_fade.jpg);color:#ffffff;}
#cms_menu_left .l1 a#active:hover {background-position: 0px 0px;} 

/***********************************************************************
 *
 * Cms content
 *
 **********************************************************************/


#cms_content {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	padding:20px 20px 20px 20px;
	height:auto;
}

a.esus_link, a.esus_link:link, a.esus_link:visited  
{
    color:#666666;     
}

a.esus_link:hover 
{
    color:#000000;     
}

#cms_content_left {
	float:left;
	width: 180px;
	height:auto;
}

#cms_content_right {
	float:left;
	padding-left:20px;
	width: 700px;
	height:auto;
}
#cms_content_right td, #cms_content_right th  {
	padding:3px;
}

.esus_table {
	border:1px solid #CCCCCC;
	width:100%;
}

.esus_table_top 
{
    height:30px;
	padding:10px;
	border-bottom:1px solid #CCCCCC;
	font-size:14px;
	background-image:url(/images/esus/cms_black_fade.jpg);	
}

table.table_image 
{
    background:#cccccc;    
}

td.td_image  
{
    background:#ffffff;
}


#display_edit_wrapper 
{
	float:left;
	width:250px;
	padding-bottom:20px;
}

#display_edit_wrapper a
{
	color:#ffffff;	
}

/***********************************************************************
 *
 * Cms content on webpage
 *
 **********************************************************************/


#content_edit_wrapper {
	float:left;
	width: 675px;
	padding:9px;
	border:1px solid #cccccc;
    background-color:#ededed;
}


#content_edit_left_caption_edit 
{
    float:left;
    width: 663px;
	padding:5px;
	margin-bottom:15px;
	background-image:url(/images/esus/cms_btn_edit_bg.jpg);
	font-weight:bold;
	color:#ffffff;
    border:1px solid #ffffff;	
}

#content_edit_left_caption_add 
{
    float:left;
    width: 663px;
	padding:5px;
	margin-bottom:15px;
	background-image:url(/images/esus/cms_btn_save_bg.jpg);
	font-weight:bold;
	color:#ffffff;
    border:1px solid #ffffff;	
}

.edit_item_wrapper 
{
	float:left;
	width:100%;
	margin-bottom:10px;
}

#edit_item_attachments
{
	float:left;
	width:428px; 
	border:1px solid #ccc;
	margin-top:15px;
}

#edit_item_attachments a.attachment_edit 
{
	float:right;
	padding:3px 10px 0px 0px;
	background:none;
	color:#144d9b;	
}
#edit_item_attachments a.attachment_edit:hover 
{
	text-decoration:underline;
}

#edit_item_attachments a.attachment_delete 
{
	float:right;
	padding:3px 10px 0px 0px;
	background:none;
	color:#c82f05;	
}
#edit_item_attachments a.attachment_delete:hover 
{
	text-decoration:underline;
}

/***********************************************************************
 *
 * Cms messages
 *
 **********************************************************************/


.alert {
	float:left;
	width:371px;
	padding: 10px 10px 10px 45px;
	margin: 10px 0px 10px 0px;
	background: #ffe url("/images/esus/error_icon.gif") no-repeat 10px 10px ;
	color: #dd561b;
	border: solid 1px #fadeaf;
	font-weight: bold;
}


.ok {
	float:left;
	width:410px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	background: #eef2e1;
	color:#90b13e;
	border: solid 1px #90b13e;
	clear: both;
	font-weight: bold;
}

.info {
	float:right;
	width:200px;
	padding: 10px;
	margin: 0px 0px 0px 10px;
	background: #a3c2f5;
	color: #0d2f68;
	border: solid 1px #0d2f68;
	clear: both;
}

.info_gray {
	float:right;
	width:200px;
	padding: 10px;
	margin: 0px 0px 0px 10px;
	background: #ededed;
	color: #000000;
	border: solid 1px #0d2f68;
	clear: both;
	line-height:20px;
}

.info_gray a 
{
	color: #0d2f68;
}

/***********************************************************************
 *
 * Form
 *
 **********************************************************************/
.form_login {
	width:300px;
	font-size:12px;
	color:#666;
}


.esus_input {
	width:190px;
	height:18px;
	padding:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	color:#333333;
}

.esus_textarea {
	width:190px;
	padding:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	color:#333333;
}

.esus_drop {
	width:200px;
	height:auto;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	color:#333333;
}

.form_cms_input {
	width:416px;
	height:18px;
	padding:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	color:#333333;
}

.form_cms_drop {
	width:426px;
	height:auto;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	color:#333333;
}

.form_cms_textarea {
	width:416px;
	height:100px;
	padding:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	color:#333333;
}



.esus_update, .form_cms_save, a.form_cms_save, input.form_cms_save 
{
    float:left;
    width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px;
	background-color:#999;
	border:0px;
	background-image:url(/images/esus/cms_btn_save_bg.jpg);
	font-size:12px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

.esus_select, .form_cms_edit, a.form_cms_edit, input.form_cms_edit  
{
    float:left;
	width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px;
	background-color:#999;
	border:0px;
	background-image:url(/images/esus/cms_btn_edit_bg.jpg);
	font-size:12px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

.form_cms_delete, a.form_cms_delete, input.form_cms_delete
{
    float:left;
	width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px 10px;
	border:0px;
	background-color:#999;
	background-image:url(/images/esus/cms_btn_delete_bg.jpg);
	font-size:12px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

.form_cms_delete_enabled
{
	float:left;
	width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px 10px;
	border:0px;
	background-color:#999;
	background-image:url(/images/esus/cms_btn_cancel_bg.jpg);
	font-size:12px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

.form_cms_cancel, a.form_cms_cancel 
{
    float:left;
	width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px;
	border:0px;
	background-color:#999;
	background-image:url(/images/esus/cms_btn_cancel_bg.jpg);
	font-size:12px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

.form_cms_cancel:hover, a.form_cms_cancel:hover, .form_cms_delete:hover, a.form_cms_delete:hover, .esus_select:hover, .form_cms_edit:hover, a.form_cms_edit:hover .esus_update:hover, .form_cms_save:hover, a.form_cms_save:hover 
{
	background-position:0px -30px;	
}


.mceEditor 
{
	width:500px;
}


/**************************************************
*
*	Logos and Links
*
**************************************************/

span.text, a.text 
{
	color:#000000;
	float:left;
	background-image:url("/images/esus/logo_text.png");
	background-repeat:no-repeat; 
	padding:0px 0px 0px 20px;
	height:16px;		
}

span.link, a.link 
{
	float:left;
	background-image:url("/images/esus/logo_link.png");
	background-repeat:no-repeat; 
	padding:0px 0px 0px 20px;
	height:16px;		
}

span.existing , a.existing
{
	color:#000000;
	float:left;
	background-image:url("/images/esus/logo_existing.png");
	background-repeat:no-repeat; 
	padding:0px 0px 0px 20px;
	height:16px;		
}

span.date, a.date 
{
	color:#000000;
	float:left;
	background-image:url("/images/esus/logo_date.jpg");
	background-repeat:no-repeat; 
	padding:0px 0px 0px 20px;
	height:16px;		
}

span.name, a.name 
{
	color:#000000;
	float:left;
	background-image:url("/images/esus/logo_name.png");
	background-repeat:no-repeat; 
	padding:0px 0px 0px 20px;
	height:16px;		
}

span.position, a.position 
{
	color:#000000;
	float:left;
	background-image:url("/images/esus/logo_position.png");
	background-repeat:no-repeat; 
	padding:0px 0px 0px 20px;
	height:16px;		
}

a.permission, a.permission:link, a.permission:visited {
	float:left;
	margin-top:0px;
	height:15px;
	width:auto;
	padding:0px 0px 0px 20px;
	background-image:url("/images/esus/btn_lock.gif"); 
	background-repeat:no-repeat;
	background-position:0px 0px;  
	color:#000000;
	text-align:left;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
} 

a.permission:hover {
	background-position:0px -15px;
}

a.versions, a.versions:link, a.versions:visited {
	float:left;
	margin-top:0px;
	height:16px;
	width:auto;
	padding:0px 0px 0px 20px;
	background-image:url("/images/esus/btn_versions.gif"); 
	background-repeat:no-repeat;
	background-position:0px 0px;  
	color:#000000;
	text-align:left;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
} 

a.versions:hover {
	background-position:0px -16px;
}

a.logout, a.logout:link {
	float:left;
	height:16px;
	width:auto;
	padding:0px 0px 0px 20px;
	background-image:url("/images/esus/btn_logout.gif"); 
	background-repeat:no-repeat;
	background-position:0px 0px;  
	color:#666666;
	text-align:left;
	text-decoration:none;
} 

a.logout:hover {
	background-position:0px -16px;
	color:#666666;
}


/**************************************************
*
*	UserInfo
*
**************************************************/

#user_info_main 
{
	float:left;
	width:auto;
	padding:20px;
	background-color:#ffffff;
}