/**
	Atmail6 Common/Global CSS 
**/

#emailSubject.default {
	color:#999999;
}

html {
	overflow: auto;
}

.preload {
	display: none;
}

/* 
	Header
*/

#header {
	float: left;
	display: inline;
	width: 100%;
	height: 36px;
	overflow: hidden;
	background: #235079 url(../images/themes/Blue-Steel/header.gif) 0 100% repeat-x;
}

#header h3.branding {
	float: left;
	display: inline;
	height: 26px;
	margin: 0 0 5px;
	padding: 0;
}

#header h3.branding a {
	float: left;
	display: block;
	width: 89px;
	height: 31px;
	margin: 0;
	padding: 0;
	background: url(../images/themes/Blue-Steel/logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


/*
	Navigation
*/

ul#nav {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#nav li {
	float: left;
	display: inline;
	margin: 0 0 4px;
	padding: 0;
	list-style-type: none;
	line-height: 1;
}

ul#nav li a {
	float: left;
	display: block;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	color: #cff;
	text-decoration: none;
}

ul#nav li a:hover {
	color: #fff;
}

ul#nav li a span {
	float: left;
	display: block;
	height: 22px;
	margin: 0 0 1px;
	padding: 9px 16px 0 32px;
	border-left: 1px solid #567395;
	border-right: 1px solid #153153;
	overflow: hidden;
	cursor: pointer;
	text-shadow: 0 1px 1px #000000;
	-moz-padding-end: 15px !important;
	padding-right: 15.5px\9;
}

ul#nav li#nav_ema a span {
	background: url(../images/icons/email.png) 12px 9px no-repeat;
}

ul#nav li#nav_add a span {
	background: url(../images/icons/address_book.png) 13px 7px no-repeat;
}

ul#nav li#nav_help a span {
	background: url(../images/icons/help.png) 13px 7px no-repeat;
}

ul#nav li#nav_cal a span {
	background: url(../images/icons/calendar.png) 12px 7px no-repeat;
}

ul#nav li#nav_set a span {
	background: url(../images/icons/settings.png) 10px 8px no-repeat;
	border-right: 1px solid #567395;
}

ul#nav li#nav_sec a span {
	background: url(../images/icons/security.png) 12px 6px no-repeat;
}

ul#nav li#nav_avt a span {
	background: url(../images/icons/search_new.png) 12px 6px no-repeat;
}

ul#nav li#nav_dsh a span {
	background: url(../images/icons/admin/dashboard.png) 11px 8px no-repeat;
}

ul#nav li#nav_srv a span {
	background: url(../images/icons/services.png) 10px 7px no-repeat;
}

ul#nav li#nav_mgr a span {
	background: url(../images/icons/manager.png) 10px 7px no-repeat;
}

ul#nav li#nav_app a span {
	background: url(../images/icons/appliance.png) 10px 7px no-repeat;
}

ul#nav li.current {
	border-left: 1px solid #66A1C5;
}

ul#nav li.current a {
	color: #fff;
	background: #1E5A96 url(../images/themes/Blue-Steel/nav_current.gif) repeat-x;
}

ul#nav li.current a span {
	border-left: none;
}


#mail ul#nav li#nav_ema {
	border-left: 1px solid #66A1C5;
}

#mail ul#nav li#nav_ema a {
	color: #fff;
	background: #1E5A96 url(../images/themes/Blue-Steel/nav_current.gif) repeat-x;
}

#mail ul#nav li#nav_ema a span {
	border-left: none;
}

#contacts ul#nav li#nav_add {
	border-left: 1px solid #66A1C5;
}

#contacts ul#nav li#nav_add a {
	color: #fff;
	background: #1E5A96 url(../images/themes/Blue-Steel/nav_current.gif) repeat-x;
}

#contacts ul#nav li#nav_add a span {
	border-left: none;
}

#calendar ul#nav li#nav_cal {
	border-left: 1px solid #66A1C5;
}

#calendar ul#nav li#nav_cal a {
	color: #fff;
	background: #1E5A96 url(../images/themes/Blue-Steel/nav_current.gif) repeat-x;
}

#calendar ul#nav li#nav_cal a span {
	border-left: none;
}

#settings ul#nav li#nav_ema {
	border-left: 1px solid #66A1C5;
}

#settings ul#nav li#nav_ema a {
	color: #fff;
	background: #1E5A96 url(../images/themes/Blue-Steel/nav_current.gif) repeat-x;
}

#settings ul#nav li#nav_ema a span {
	border-left: none;
}


/*
	Search
*/

div#search_anything {
	float: left;
	display: inline;
	border-left: 1px solid #567395;
	height: 25px;
	padding: 5px 12px 1px;
	vertical-align: middle;
}

div#search_anything form {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../images/themes/Blue-Steel/search.gif) no-repeat;
	width: 116px;
	height: 21px;
	line-height: 21px;
}

div#search_anything input {
	background: transparent;
	border: solid 0 #fff;
	font-weight: bold;
	color: #cff;
	width: 113px;
	height: 21px;
	line-height: 21px;
	margin-left: 3px;
}


/*
	Sign Out
*/

div#sign_out {
	float: right;
	display: inline;
	border-left: 1px solid #153153;
}


div#sign_out a {
	float: left;
	display: block;
	border-left: 1px solid #567395;
	line-height: 1;
	color: #cff;
	text-decoration: none;
	font-weight: bold;
}

div#sign_out a:hover {
	color: #fff;
}

div#sign_out a span {
	float: left;
	display: block;
	height: 11px;
	padding: 9px 32px 11px 12px;
	background: url(../images/icons/sign_out.png) 90% 50% no-repeat;
	cursor: pointer;
	text-shadow:0 1px 1px #000000;
}

/*
	Help button
*/

div#help {
	background: transparent url(../images/icons/help.png) no-repeat scroll 10px 7px;
	border-left: 1px solid #153153;
	display: inline;
	float: right;
	height: 31px;
	position: absolute;
	right: 100px;
	width: 30px;
	cursor: pointer;
}


div#help a {
	float: left;
	display: block;
	border-left: 1px solid #567395;
	line-height: 1;
	color: #cff;
	text-decoration: none;
	font-weight: bold;
	height: 31px;
}

div#help a:hover {
	color: #fff;
}

div#help a span {
	float: left;
	display: block;
	height: 11px;
	padding: 9px 32px 11px 12px;
	background: url(../images/icons/sign_out.png) 90% 50% no-repeat;
	cursor: pointer;
}


/* 
	Actions Toolbar
*/

#actions {
	clear: both;
	float: left;
	display: inline;
	width: 100%;
	height: 35px;
	overflow: hidden;
	background: #bcbcbc url(../images/themes/Blue-Steel/actions.gif) repeat-x;
	border-bottom: 1px solid #86888A;
}

.no_actions #actions, .help #actions {
	height: 5px;
}

#actions ul {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	padding-bottom: 7px;
}

#actions ul li {
	float: left;
	display: inline;
	list-style-type: none;
}

#actions ul li a {
	float: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #212121;
	text-shadow: 0 1px 1px #EEEEEE;
}

ul#for_messages {
	margin: 0 0 0 4px;
}

ul#for_messages li a {
	background: url(../images/themes/Blue-Steel/button_right.png) 100% 0 no-repeat;
	margin: 5px 4px 4px 0;
	display:inline;
}

ul#for_messages li a:active {
	color: #000;
	background: url(../images/themes/Blue-Steel/action_btn_right.png) 100% 0 no-repeat;
}


ul#for_messages li a span {
	float: left;
	display: block;
	background:url(../images/themes/Blue-Steel/button_left.png) no-repeat;
	text-shadow: 0 1px 1px #EEEEEE;
}

ul#for_messages li a:active span {
	background: url(../images/themes/Blue-Steel/action_btn_left.png)  0px  no-repeat;
}


ul#for_messages li a span strong {
	float: left;
	display: block;
	position: relative;
	height: 21px;
	padding: 5px 10px 0 30px;
	overflow: hidden;
	cursor: pointer;
}

ul#for_messages li#action_new a span strong {
	background: url(../images/icons/compose.png) 9px 6px no-repeat;
	padding-right: 32px;
}

ul#for_messages li#action_reply a span strong {
	background: url(../images/icons/reply.png) 9px 6px no-repeat;
}

ul#for_messages li#action_reply_all a span strong {
	background: url(../images/icons/reply_all.png) 9px 3px no-repeat;
	padding-left: 35px;
}

ul#for_messages li#action_forward a span strong {
	background: url(../images/icons/forward.png) 9px 6px no-repeat;
}

ul#for_messages li#action_junk a span strong {
	background: url(../images/icons/junk.png) 10px 5px no-repeat;
}

ul#for_messages li#action_delete a span strong {
	background: url(../images/icons/delete.png) 9px 5px no-repeat;
}

ul#for_messages li#action_more a span strong {
	padding-left: 12px;
	padding-right: 33px;
}

a.moredrop {
	margin-left: 0 !important;
}

ul#for_messages li a span strong span.arrow {
	float: none;
	position: absolute;
	top: 1px;
	right: 0;
	width: 18px;
	height: 20px;
	padding: 5px 0 0 6px;
	background: url(../images/themes/Blue-Steel/arrow_left_border.gif) no-repeat;
	color: #7a7a7a;
}

ul#for_messages li#action_contact_newgroup a span strong {
	background: url(../images/icons/add_group-new.png) 9px 5px no-repeat;
}

ul#for_messages li#action_contact_new a span strong {
	background: url(../images/icons/add_contact-new.png) 9px 5px no-repeat;
}

ul#for_messages li#action_contact_edit a span strong {
	background: url(../images/icons/compose.png) 9px 5px no-repeat;
}

ul#for_messages li#action_contact_delete a span strong { 
	background: url(../images/icons/delete_contact-new.png) 9px 5px no-repeat;
}
	
ul#for_messages li#action_contact_import a span strong { 
	background: url(../images/icons/import-new.png) 9px 5px no-repeat;
}

ul#for_messages li#action_contact_export a span strong { 
	background: url(../images/icons/export-new.png) 9px 5px no-repeat;
}
	
ul#for_views{
	float: right;
	margin: 10px 10px 0 0;
}

ul#for_views li a {
	width: 16px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#for_view_control {
	margin: 0 0 0 4px;
}

ul#for_view_control li a {
	background: url(../images/themes/Blue-Steel/button_right.png) 100% 0 no-repeat;
	margin: 5px 4px 4px 0;
}

ul#for_view_control li a:hover {
	color:#000;
}

ul#for_view_control li a:active, ul#for_view_control li a:focus {
	background: url(../images/themes/Blue-Steel/action_btn_right.png) 100% 0 no-repeat;
}

ul#for_view_control li a span {
	float: left;
	display: block;
	background: url(../images/themes/Blue-Steel/button_left.png) no-repeat;
}

ul#for_view_control li a:active span, ul#for_view_control li a:focus span {
	background:url(../images/themes/Blue-Steel/action_btn_left.png)  0px  no-repeat;
}

ul#for_view_control li a span strong {
	float: left;
	display: block;
	position: relative;
	height: 21px;
	padding: 5px 10px 0 30px;
	overflow: hidden;
	cursor: pointer;
}

/*
	2Pane or 3pane
*/

.toggleon {
	background-position: 0 -15px !important;
}

.toggleoff {
	background-position: 0 0 !important;
}

ul#for_views li#two_pane a {
	background: url(../images/view_two_pane.png) no-repeat;
	margin: 0 10px 0 0;
}

ul#for_views li#three_pane a {
	background: url(../images/view_three_pane.png) no-repeat;
}


/*
	Primary Header
*/

#primary_header {
	position: fixed;
	top: 72px;
	left: 217px;
	right: 0;
	height: 37px;
	border-bottom: 1px solid #97A9B6;
	background: #D1D8E2;
	vertical-align: middle;
	min-width: 500px;
}

#primary_header.static 
{
	position:static !important;
}

#primary_content.static 
{
	position:static !important;
}


#primary_header.loading {
	background: #D1D8E2 url(../images/themes/Blue-Steel/ajax-loading.gif) 3px 13px no-repeat;
}

.no_actions #primary_header {
	top: 42px;
}

.help #primary_header {
	top: 6px;
}

#primary_header h1 {
	position: relative;
	margin: 8px 210px 8px 20px;
	font-size: 17px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
}

#primary_header #back_button, #primary_header #top_right_button {
	position: absolute;
	top: 7px;
	right: 10px;
}

#primary_header #back_button a, #primary_header #top_right_button a {
	float: left;
	display: block;
	height: 24px;
	padding: 0 0 0 5px;
	background: url(../images/themes/Blue-Steel/button_blue_left_blue.png) no-repeat;
	color: #333;
	text-decoration: none;
}


#primary_header #back_button a:active, #primary_header #back_button .activeState, #primary_header #top_right_button a:active, #primary_header #top_right_button .activeState {
	background:transparent url(../images/themes/Blue-Steel/action_blue_left.png) no-repeat;
}

#primary_header #back_button a:hover, #primary_header #top_right_button a:hover {
	color: #000;
}

#primary_header #back_button a span, #primary_header #top_right_button a span {
	float: left;
	display: block;
	height: 20px;
	padding: 4px 12px 9px 7px;
	background: url(../images/themes/Blue-Steel/button_blue_right_blue.png) 100% 0 no-repeat;
	cursor: pointer;
	margin-right:5px;
	text-shadow: 0 1px 1px #EEE;
}


#primary_header #back_button a:active span, #primary_header #back_button a span.activeState, #primary_header #top_right_button a:active span, #primary_header #top_right_button a span.activeState {
	background: transparent url(../images/themes/Blue-Steel/action_blue_right.png) 100% 0 no-repeat;
}

.simpleButton {
	position: absolute;
	top: 7px;
	right: 10px;
}

.simpleButton a {
	float: left;
	display: block;
	height: 24px;
	padding: 0 0 0 5px;
	background: url(../images/themes/Blue-Steel/button_blue_left.png) no-repeat;
	color: #333;
	text-decoration: none;
}


.simpleButton a:active, .simpleButton .activeState {
	background:transparent url(../images/themes/Blue-Steel/action_blue_left.png) no-repeat;
}

.simpleButton a:hover {
	color: #000;
}

.simpleButton a span {
	float: left;
	display: block;
	height: 20px;
	padding: 4px 12px 9px 7px;
	background: url(../images/themes/Blue-Steel/button_blue_right.png) 100% 0 no-repeat;
	cursor: pointer;
	margin-right:5px;
}

.simpleButton a:active span, .simpleButton a span.activeState {
	background: transparent url(../images/themes/Blue-Steel/action_blue_right.png) 100% 0 no-repeat;
}

/*
	Primary Content
*/

#primary_content {
	position: fixed;
	top: 110px;
	left: 217px;
	right: 0;
	bottom: 0;
	overflow: auto;
	background: #fff;
	min-width: 500px;
}
	
.no_actions #primary_content { 
	top: 80px;
} 

.help #primary_content { 
	top: 44px;
} 

/* 
	Left Navigation
*/

#secondary {
	position: fixed;
	top: 72px;
	bottom: 0;
	left: 0;
	width: 216px;
	margin-bottom: 25px;
	overflow-y: hidden;
	border-right: 1px solid #97A9B6;
	background: #E2E7ED;
	overflow-x: hidden;
}

#secondary:hover {
	overflow-y:auto;
}

#help #secondary {
	margin-bottom: 0px;	
}

#Settings #secondary {
	margin-bottom: 0px;
}

.no_actions #secondary {
	top: 42px;
}

.help #secondary {
	top: 6px;
	margin-bottom: 0px;
}

ul#nav_secondary {
	cursor: pointer;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 216px;
}

ul#nav_secondary li {
	float: left;
	display: inline;
	position: relative;
	width: 100%;
	list-style-type: none;
	cursor: pointer;
}

ul#nav_secondary li a {
	float: left;
	display: block;
	width: 100%;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	/*border: 1px solid #E2E7ED;*/
	text-shadow:0 1px 1px #EEEEEE;
}

ul#nav_secondary li a:hover {
	background: #CCD4DE;
}

ul.subfolder {
	width: 216px;
}

ul#nav_secondary li a span.label, ul#nav_secondary form {
	white-space: nowrap; 
	display: block;
	height: 19px;
	padding: 11px 8px 6px 37px;
	background: url(../images/icons/folder.png) 14px 9px no-repeat;
	width: 132px; 
	overflow: hidden;
}

ul#nav_secondary li a span.groupIcon, ul#nav_secondary form.adminAddGroupForm {
	background: url(../images/icons/admin/groupicon.png) 14px 9px no-repeat;
}

ul#nav_secondary form#newDomainForm {
	background: url(../images/icons/folder.png) 14px 9px no-repeat;
}

div#Address_Book ul#nav_secondary li#Global a span.label {
	background: url(../images/icons/global_contacts.png) 14px 9px no-repeat !important;
}

div#Address_Book ul#nav_secondary li#Shared a span.label {
	background: url(../images/icons/shared_contacts.png) 14px 9px no-repeat !important;
}

div#Address_Book ul#nav_secondary li#All a span.label {
	background: url(../images/icons/all_contacts.png) 15px 12px no-repeat !important;
}

div#Address_Book ul#nav_secondary li a span.label, div#Address_Book ul#nav_secondary form {
	background: url(../images/icons/contact_groups.png) 15px 9px no-repeat;
}

div#Address_Book ul#nav_secondary li.server a span.label {
	background: url(../images/icons/contact_server.png) 15px 9px no-repeat;
}


/* maximise and minimise icons for folder tree*/

.folderOpened {
	background:transparent url(../images/minimize.jpg) no-repeat scroll 0 0;
	float:left;
	height:11px;
	left:23px;
	position:relative;
	top:29px;
	width:11px;
	margin-top:-10px;
}

.folderClosed {
	background:transparent url(../images/maximise.jpg) no-repeat scroll 0 0;
	float:left;
	height:11px;
	left:23px;
	position:relative;
	top:29px;
	width:11px;
	margin-top:-10px;
}

ul#nav_secondary div#folder_inbox a 
{ 
	border-top: 1px solid #DEE5EB;
}

ul.subfolder li {
	margin-left:-25px;
}

ul.subfolder a {
	padding-left: 25px;
}



ul.subfolder .current > a {
	background:#B9C4D2 url(../images/themes/Blue-Steel/current_folder_top.gif) repeat-x scroll 0 0 !important;
	border-bottom:1px solid #97A9B6 !important;
	border-top:1px solid #97A9B6 !important;
	font-weight:bold !important;
	padding-left:25px;
}

ul.subfolder ul.subfolder a {
	padding-left: 50px;
}

ul.subfolder ul.subfolder ul.subfolder  a {
	padding-left: 75px;
}

ul.subfolder ul.subfolder ul.subfolder ul.subfolder a {
	padding-left: 100px;
	padding-right: 100px;
}


ul.subfolder ul.subfolder .current > a {
	padding-left: 50px;
}


ul.subfolder span.folderOpened {
	left:48px;
	position:relative;
}

ul.subfolder span.folderClosed  {
	left:48px;
	position:relative;
}

ul.subfolder ul.subfolder span.folderOpened {
	left:73px;
	position:relative;
}

ul.subfolder ul.subfolder span.folderClosed  {
	left:73px;
	position:relative;
}

ul.subfolder ul.subfolder ul.subfolder span.folderOpened {
	left:98px;
	position:relative;
}

ul.subfolder ul.subfolder ul.subfolder span.folderClosed  {
	left:98px;
	position:relative;
}

ul.subfolder ul.subfolder ul.subfolder ul.subfolder span.folderOpened {
	left:123px;
	position:relative;
}

ul.subfolder ul.subfolder ul.subfolder ul.subfolder span.folderClosed  {
	left:123px;
	position:relative;
}


ul#nav_secondary li a span.unread {
	float: left;
	position: absolute;
	top: 11px;
	right: 18px;
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 5px;
	overflow: hidden;
	background: url(../images/themes/Blue-Steel/unread_left.png) no-repeat;
	text-align: center;
	cursor: pointer;
}

ul#nav_secondary li a span.unread strong {
	float: left;
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 6px 0 1px;
	color: #fff;
	background: url(../images/themes/Blue-Steel/unread_right.png) 100% 0 no-repeat;
	text-shadow: none !important;
}

ul#nav_secondary div.current a {
	font-weight: bold;
	background: #B9C4D2 url(../images/themes/Blue-Steel/current_folder_top.gif) repeat-x;
	border-top: 1px solid #97A9B6;
	border-bottom: 1px solid #97A9B6;
}

ul#nav_secondary li.current a {
	font-weight: bold;
	background: #B9C4D2 url(../images/themes/Blue-Steel/current_folder_top.gif) repeat-x;
	border-top: 1px solid #97A9B6;
	border-bottom: 1px solid #97A9B6;
}

ul#nav_secondary li.current:first-child a {
	font-weight: bold;
	background: #B9C4D2 url(../images/themes/Blue-Steel/current_folder_top.gif) repeat-x;
	border-top: 1px solid #DEE5EB;
	border-bottom: 1px solid #97A9B6;
}

ul#nav_secondary li.current:first-child a:hover {
	font-weight: bold;
	background: #B9C4D2 url(../images/themes/Blue-Steel/current_folder_top.gif) repeat-x;
	border-top: 1px solid #DEE5EB;
	border-bottom: 1px solid #97A9B6;
}

ul#nav_secondary li.current a:hover {
	font-weight: bold;
	background: #B9C4D2 url(../images/themes/Blue-Steel/current_folder_top.gif) repeat-x;
	border-top: 1px solid #97A9B6;
	border-bottom: 1px solid #97A9B6;
}
	
ul#nav_secondary div#folder_inbox.current a {
	font-weight: bold;
	background: #B9C4D2 url(../images/themes/Blue-Steel/current_folder_top.gif) repeat-x;
	border-top: 1px solid #DEE5EB;
	border-bottom: 1px solid #97A9B6;
}

ul#nav_secondary li.current_top a {
	font-weight: bold;
	background: #B9C4D2 url(../images/themes/Blue-Steel/current_folder_top.gif) repeat-x;
	border-top: 1px solid #DEE5EB;
	border-bottom:1px solid #97A9B6;
}

ul#nav_secondary .current a span.label {
	padding: 11px 8px 6px 37px;
	background-position: 14px 9px;
}

ul#nav_secondary li.current a span.label h1 { 
	padding: 0px 0px 8px 0px;
	background-position: 14px 9px;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

ul#nav_secondary li.current a span.label h1.cal { 
	padding: 0px 0px 0px 0px;
	background-position: 14px 9px;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

ul#nav_secondary .current a span.unread { 
	top: 10px;
}

#nav_secondary li.currentcal a span.label {
	padding: 11px 8px 6px 20px ! important;
	background-position: 14px 9px;
	text-align: center;
}

ul#nav_secondary li.currentcal a span.label h1 {
	padding: 0px 0px 8px 0px;
	background-position: 14px 9px;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

ul#nav_secondary li.currentcal a span.label h1.cal {
	padding: 0px 45px 8px 0px;
	background-position: 14px 9px;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

ul#nav_secondary li.current_index a {
	font-weight: bold;
	background: #B9C4D2 url(../images/current_folder_top_index.gif) repeat-x;
	border-top: 1px solid #DEE5EB;
	border-bottom: 1px solid #97A9B6;
}

ul#nav_secondary li.current_index a span.label {
	padding: 6px 8px 6px 37px;
	background-position: 14px 5px;
	height: 15px;
}

ul#nav_secondary li.current_index a span.unread {
	top: 5px;
}

ul#nav_secondary div#folder_sent a span.label {
	background-image: url(../images/icons/folder_sent.png);
}

ul#nav_secondary div#folder_junk a span.label {
	background-image: url(../images/icons/folder_junk.png);
}

ul#nav_secondary div#folder_trash a span.label {
	background-image: url(../images/icons/folder_trash.png);
}

ul#nav_secondary li#address_all a span.label {
	background-image: url(../images/icons/address_book.png);
	background-position: 14px 10px;
}

ul#nav_secondary li#address_group a span.label {
	background-image: url(../images/icons/folder.png);
}

ul#nav_secondary li#address_group.current a span.label {
	background-image: url(../images/icons/folder.png);
	border-top:1px solid #97A9B6;
}


ul#nav_secondary div#folder_inbox a span.label
{
	background:transparent url(../images/icons/inbox.png) no-repeat scroll 13px 10px;
}

ul#nav_secondary div#folder_inbox_sent a span.label, ul#nav_secondary div#folder_sent a span.label
{
	display: block;
	height: 19px;
	padding: 13px 8px 4px 37px;
	background: transparent url(../images/icons/sent.png) no-repeat scroll 13px 11px;
}

ul#nav_secondary div#folder_inbox_spam a span.label, ul#nav_secondary div#folder_spam a span.label
{
	display: block;
	height: 19px;
	padding: 13px 8px 4px 37px;
	background:transparent url(../images/icons/junk.png) no-repeat scroll 13px 12px;
}

ul#nav_secondary div#folder_inbox_trash a span.label, ul#nav_secondary div#folder_trash a span.label
{
	display: block;
	height: 19px;
	padding: 13px 8px 4px 37px;
	background: transparent url(../images/icons/trash.png) no-repeat scroll 12px 10px;
}

ul#nav_secondary div#folder_inbox_drafts a span.label, ul#nav_secondary div#folder_drafts a span.label
{
	display: block;
	height: 19px;
	padding: 13px 8px 4px 37px;
	background: transparent url(../images/icons/drafts.png) no-repeat scroll 13px 10px;
}



/*
	Folder Actions
*/

ul#folder_actions {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 216px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #A9ADB2;
	background: #BAC5D3 url(../images/themes/Blue-Steel/folder_actions.gif) repeat-x;
	border-right: 1px solid #A9ADB2;
	height: 25px;
}

ul#folder_actions li {
	float: left;
	display: inline;
	border-right: 1px solid #CBD4DE;
}

ul#folder_actions li a {
	float: left;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border-right: 1px solid #A9ADB2;
}

ul#folder_actions li#folder_add a {
	width: 33px;
	height: 25px;
	background: url(../images/themes/Blue-Steel/folder_add.gif) no-repeat;
	cursor: pointer;
}

ul#folder_actions li#folder_add a.disabled {
	width: 33px;
	height: 25px;
	background: url(../images/themes/Blue-Steel/folder_add.gif) no-repeat;
	cursor: not-allowed;
}

ul#folder_actions li#sub_folder_add a {
	width: 33px;
	height: 25px;
	background: url(../images/themes/Blue-Steel/sub-add.gif) no-repeat;
	cursor: pointer;
	display: none;
}

ul#folder_actions li#sub_folder_add a.disabled {
	width: 33px;
	height: 25px;
	background: url(../images/themes/Blue-Steel/sub-add.gif) no-repeat;
	cursor: not-allowed;
}

ul#folder_actions li#folder_remove a.enabled {
	width: 31px;
	height: 25px;
	background: url(../images/themes/Blue-Steel/folder_remove_active.gif) no-repeat;
	cursor: pointer;
}

ul#folder_actions li#folder_remove a.disabled {
	width: 31px;
	height: 25px;
	background: url(../images/themes/Blue-Steel/folder_remove.gif) no-repeat; 
	cursor: not-allowed;
}

ul#folder_actions li#folder_lock a {
	width: 33px;
	height: 25px;
	background: url(../images/icons/admin/unlock-disabled.png) no-repeat;
	cursor: pointer;
}

ul#folder_actions li#folder_lock a.disabled {
    display: none;
}

ul#folder_actions li#folder_unlock a {
	width: 33px;
	height: 25px;
	background: url(../images/icons/admin/lock.png) no-repeat;
	cursor: pointer;
}

ul#folder_actions li#folder_unlock a.disabled {
    display: none;
}

ul#folder_actions li#error, ul#folder_actions li#exclamation {
	border-right: none;
	right: -1px;
	position: absolute;
}

ul#folder_actions li#error a, ul#folder_actions li#exclamation a {
	width: 33px;
	height: 25px;
	background: url(../images/themes/Blue-Steel/error.gif) no-repeat;
	cursor: pointer;
	border-left: 1px solid #A9ADB2;
}

ul#folder_actions li#error a.disabled, , ul#folder_actions li#exclamation a.disabled {
	width: 33px;
	height: 25px;
	background: url(../images/themes/Blue-Steel/error.gif) no-repeat;
	cursor: not-allowed;
}

/* 
	Drop Down Menu 
*/

#jsddm {
	margin:0 0 0 4px;
}

#jsddm li {
	float: left;
	list-style: none;
}

#jsddm li a {
	display:block;
	background:#20548E;
	text-decoration:none;
	color:#EAFFED;
	background:url(../images/themes/Blue-Steel/button_right.png) 100% 0 no-repeat;
	margin:5px 0px 0px 4px;
	white-space:nowrap;
}

#jsddm li a:hover {
	color:#000;
}

#jsddm li a span {
	float: left;
	display: block;
	background: url(../images/themes/Blue-Steel/button_left.png) no-repeat;
	text-shadow: 0 1px 1px #EEEEEE;
}

#jsddm li a:active {
	color: #000;
	background: url(../images/themes/Blue-Steel/action_btn_right.png) 100% 0 no-repeat;
}

#jsddm li a:active span {
	background: url(../images/themes/Blue-Steel/action_btn_left.png)  0px  no-repeat;
}

#jsddm li a span strong {
	float: left;
	display: block;
	position: relative;
	height: 21px;
	padding: 5px 10px 0 30px;
	overflow: hidden;
	cursor: pointer;
}

#jsddm li#action_new a span strong {
	background: url(../images/icons/compose.png) 9px 6px no-repeat;
	padding-right: 32px;
}

ul#for_messages li#action_get_mail a span strong {
	background: url(../images/icons/getmail.png) 9px 4px no-repeat;
	padding-right: 11px;
}

#jsddm li#action_more a span strong {
	padding-left: 12px;
	padding-right: 33px;
}

#jsddm li a span strong span.arrow {
	float: none;
	position: absolute;
	top: 1px;
	right: 0;
	width: 18px;
	height: 20px;
	padding: 5px 0 0 6px;
	background: url(../images/themes/Blue-Steel/arrow_left_border.gif) no-repeat;
	color: #7a7a7a;
}

#jsddm li a:active span strong span.arrow {
	float: none;
	position: absolute;
	top: 1px;
	right: 0;
	width: 18px;
	height: 20px;
	padding: 5px 0 0 6px;
	background: url(../images/themes/Blue-Steel/arrow_left_border_active.jpg) no-repeat;
	color: #7a7a7a;
}

#jsddm li a span strong span.arrow:hover {
	color: #212121;
}

#jsddm li ul {
	margin: 0;
	position: absolute;
	visibility: hidden;
	z-index: 9999;
}

#jsddm li ul li {
	float: none;
	display: inline;
}

#jsddm li ul li a {
	width: auto;
	padding: 8px 20px 5px 15px;
	margin: 0;
}

jsddm li ul li a:hover {
	background: url("../../../images/themes/Blue-Steel/drop_gradient_roll.png") repeat-x scroll 0 0 transparent;
	margin: 0 8px 0 10px;
}

#jsddm li ul li.bottom a.deselected:hover {
	margin-bottom: 3px;
}

#actions ul.menu_drop li a {
	float: none;
	display: block;
	background: transparent;
	margin: 0 9px 0 10px;
}

#actions ul.menu_drop_more li a {
	float: none;
	display: block;
	background: transparent;
	margin: 0 9px 0px 10px;
}

#actions ul.menu_drop_more li.bottom a {
	margin-bottom: 3px;
}

#actions ul.menu_drop_more_viewmsgs li a {
	float: none;
	display: block;
	background: transparent;
	margin: 0 9px 0px 10px;
}

#actions ul.menu_drop_more_admin li a {
	float: none;
	display: block;
	background: transparent;
	margin: 0 9px 0px 10px;
}

#actions ul.menu_drop_more_admin li a.deselected {
	margin-bottom:3px;
}

#actions ul.menu_drop_more_viewmsgs li a.deselected {
	margin-bottom:3px;
}

#actions ul.menu_drop li.bottom a {
	margin-bottom:3px;
}

#actions ul.menu_drop_more_admin li.bottom a {
	margin-bottom: 3px;
}

.menu_drop {
	background: url('../images/drop_gradient2.png') left bottom no-repeat;
	position: absolute;
	display: block;
	top: 72px;
	left: -3px;
	width: 155px;
}

.menu_drop li a {
	border-bottom: 1px solid #b7b7b7;
	margin: 0px;
	padding: 0px;
}

.menu_drop li.bottom a {
	border-bottom:none;
	margin-bottom: 3px;
}


.menu_drop_more {
	background: url('../images/drop_gradient2.png') left bottom no-repeat;
	position: absolute;
	display: block;
	top: 72px;
	/*left: 534px !important;*/
	width: 155px;
}

.menu_drop_more_admin {
	background: url('../images/drop_gradient2.png') left bottom no-repeat;
	position: absolute;
	display: block;
	top: 72px;
	/*left: 421px !important;*/
	width: 155px;
}

.menu_drop_more_viewmsgs {
	background: url('../images/drop_gradient2.png') left bottom no-repeat;
	position: absolute;
	display: block;
	top: 72px;
	/*left: 605px !important;*/
	width: 155px;
}

.menu_drop_more li a {
	border-bottom: 1px solid #b7b7b7;
	margin: 0px;
	padding: 0px;
}

.menu_drop_more_admin li a {
	border-bottom: 1px solid #b7b7b7;
	margin: 0px;
	padding: 0px;
}

.menu_drop_more_viewmsgs li a{
	border-bottom: 1px solid #b7b7b7;
	margin: 0px;
	padding: 0px;
}

.menu_drop_more li.bottom a {
	border-bottom:none;
}

.menu_drop_more_admin li.bottom a {
	border-bottom:none;
}

.menu_drop_more_viewmsgs li.bottom a {
	border-bottom:none;
}


/* 
	Misc
*/


.hidden {
	display: none;
}

.highlight { 
	background-color: #dddddd;
}

div.submit {
	margin: 10px 20px 0;
	padding: 20px 0 20px 166px;
	border-top: 1px solid #CBD4DA;
}

.hoverAddIcon {
	background: url('../images/icons/btn_add.gif') no-repeat;
}

#save_button {
	margin-top: 18px;
}

#save_button a {
	float: left;
	display: block;
	height: 24px;
	padding: 0 0 0 5px;
	background: url(../images/themes/Blue-Steel/button_blue_left.png) no-repeat;
	color: #333;
	text-decoration: none;
}

#save_button a:hover {
	color: #000;
}

#save_button a span {
	float: left;
	display: block;
	height: 20px;
	padding: 4px 12px 0 7px;
	background: url../images/themes/Blue-Steel/button_blue_right.png) 100% 0 no-repeat;
	cursor: pointer;
}

div.warning {
	background-color: #ffcc66;
	border: 2px solid #ff8000;
	color: #ff8000;
	width: 60%;
	text-align: center;
	margin-left: 20%;
	padding: 10px;
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
}

.selected {
	background-color: #EAEEF3 !important;
	cursor: pointer;
}

.req {
	color: #CC0000;
}

.droppable-hover {
	background: #CCD4DE;
}

/*
	Notices
*/


#Flash {
	border: 1px solid #CCCCCC;
	font-size: 14px;
	margin: 12px 12px 0;
	padding: 5px 5px 5px 30px;
	text-align: left;
	display: none;
}

#messagesListForm #Flash.flash_notice {
	position: relative;
	background: #E2F9E3 url(../images/alert-tick.gif) no-repeat scroll 0 6px;
	border-color: #99CC99;
	color: #006600;
}

#Flash.flash_notice {
	background: #E2F9E3 url(../images/alert-tick.gif) no-repeat scroll 0 6px;
	border-color: #99CC99;
	color: #006600;
}

#Flash.flash_notice_error {
	background: #F9E2E2 url(../images/alert-cross.gif) no-repeat scroll 10px 9px;
	border-color :#CC9999;
	color: #ED2C2C;
}

#Users #Flash.flash_notice_error {
	margin: 12px 40px 0 0;
	padding: 5px 0px 5px 30px;
	
}

.divider {
	border-top: 1px solid #CBD4DA;
	margin: 20px 20px 8px;
}

div.error {
	background: url(../images/icons/error.png) #FFA6A6 no-repeat left;
	border: 2px solid #CC0000;
	font-size: 14px;
	color: #CC0000;
	height: 28px;
	margin: 5px 20px 0 0;
	padding-left: 30px;
	padding-top: 10px;
}

/*
	Popup Help Div
*/

ul#nav_secondary li#email_help a span.label, ul#nav_secondary li#addressbook_help a span.label, ul#nav_secondary li#calendar_help a span.label, ul#nav_secondary li#settings_help a span.label, ul#nav_secondary li#calendarremote_help a span.label, ul#nav_secondary li#websync_help a span.label  {
	background: transparent url(../images/icons/help-light.png) no-repeat scroll 14px 11px;
	display: block;
	height: 19px;
	padding: 13px 8px 4px 37px;
}

/* 
	Login/License Error Div
*/

.loginAlert {
	width: 250px;
}

#licence-error {
	background: #FEF5C9 none repeat scroll 0 0;
	border: 1px solid #E8D15C;
	font-size: 14px;
	height: 32px;
	margin: 15px;
	padding-left: 9px;
	padding-top: 8px;
}

#licence-register {
	background: #FEF5C9 none repeat scroll 0 0;
	border: 1px solid #E8D15C;
	font-size: 14px;
	height: 110px;
	margin: 15px;
	padding-left: 9px;
	padding-top: 8px;
	
}

.regerror {
	float: left;
}

#licence-error span {
	float: left;
	padding-left: 8px;
	padding-top: 3px;
}

li#action_view_sync a span strong {
	background: url(../images/icons/help.png) 8px 5px no-repeat;
}

/*
Buttons in the settings
*/

INPUT.settingpanelFilter {
	width: 564px;
}

div #add_button_action a {
	background: transparent url(../images/themes/Blue-Steel/button_blue_left.png) no-repeat scroll 0 0;
	color: #333333 !important;
	display: block;
	float: left;
	height: 24px;
	padding: 0 0 10px 5px;
	text-decoration: none;
	text-shadow: 0 1px 1px #EEE;
}

div #add_button_action a span {
	background: transparent url(../images/themes/Blue-Steel/button_blue_right.png) no-repeat scroll 100% 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	padding: 4px 12px 0 7px;
}

div #add_button_action {
	margin-top: 3px;
	position: relative;
	top: 5px;
	width: 120px;
}

div #add_button_action a {
	background: transparent url(../images/themes/Blue-Steel/button_blue_left.png) no-repeat scroll 0 0;
	color: #333333 !important;
	display: block;
	float: left;
	height: 24px;
	padding: 0 0 10px 5px;
	text-decoration: none;
	text-shadow: 0 1px 1px #EEE;
}

div #add_button_action a span {
	background: transparent url(../images/themes/Blue-Steel/button_blue_right.png) no-repeat scroll 100% 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	padding: 4px 12px 0 7px;
}
