/* @group General Body HTML Definitions */

body {
	margin: 0;
	padding: 0;
	font: .63em Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	height: 100%;
}

html {
	height: 100%;
}

h1,h2,h3,h4,h5,h6,form,img,select,input,div,table,ul,li,a,dl,dt,dd {
	margin: 0;
	padding: 0;
}

tt {
	font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.1em;
}

img {
	border: 0;
}

/* @end */

/* @group Interface Holder */

#interfacewrapper {
	background: url('main_header_back.png') repeat-x;
	min-width: 982px;
	height: 100%;
}

#contentbox {
	clear: both;
	border-bottom: 1px solid #c5c8c9;
}

/* @end */

/* @group Header */

#header {
	background: url('main_header_cogs.jpg') no-repeat right top;
	height: 92px;
	position: relative;
}

#header #logo {
	text-indent:-9999px;
	display:block;
	float: left;
}

#header #logo a {
	display:block; 
	height: 92px;
	width: 204px;
	background: url('main_header_logo.png') no-repeat left top;
}

#header #adspace {
	background: url('adshadow.png') no-repeat center bottom;
	height: 65px;
	position: absolute;
	width: 600px;
	top: 15px;
	left: 50%;
	margin-left: -310px;
}

#header #logout {
	text-indent:-9999px;
	display:block;
	float: right;
}

#header #logout a {
	display:block; 
	height: 19px;
	width: 79px;
	background: url(main_btn_logout.png) no-repeat right top;
}

#header #search {
	clear: right;
	display:block;
	float: right;
	padding-left: 10px;
	background: url(main_search_leftcorner.png) no-repeat left bottom;
	margin-top: 25px;
	margin-right: 15px;
	height: 22px;
	width: 150px;
}

#header #search .searchbox {
	padding: none;
	margin: none;
	border: none;
	height: 18px;
	border-bottom: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	background: white url(main_search_grad.png) repeat-x 0 top;
	color: #666666;
	font: 11px "Lucida Grande", Arial, sans-serif;
	width: 120px;
	padding-top: 2px;
	float: left;
	outline: none;
}

#header #search .searchbtn {
	padding: none;
	margin: none;
	border: none;
	float: left;
}


/* @end */

/* @group Actions Bar */

#actionbar {
	background: #050607 url('main_header_blackgrad.png') repeat-x 0 top;
	float: left;
	min-width: 980px;
	width: 100%;
}

#messagebar {
	background: #050607 url('main_header_blackgrad.png') repeat-x 0 top;
	width: 100%;
	float: left;
}

.actionbar #user {
	font-size: 1em;
	font-weight: bold;
	color: white;
	width: 170px;
	padding-right: 0;
	padding-top: 9px;
	padding-bottom: 6px;
	padding-left: 15px;
	float: left;
	overflow: hidden;
}

.actionbar .holder {
	background: url('main_mailboxbtn_divline.png') no-repeat left top;
	float: left;
	text-decoration: none;
	font-size: 1em;
	display: block;
	color: white;
	text-shadow: #202b30 1px 1px 3px;
	font-weight: bold;
	position: relative;
}

.actionbar .holder:hover {
	background: #FCBF06 url('main_mailboxbtn_active_grad.png') repeat-x 0 top;
	/*text-shadow: #a08117 1px 1px 1px;*/
	/*text-shadow: #f2f2df 1px 1px 1px;*/
	text-shadow:none;
	color: #262626;
	font-weight: bold;
}

.actionbar a {
	background: url('main_mailboxbtn_divline.png') no-repeat left top;
	float: left;
	text-decoration: none;
	font-size: 1em;
	display: block;
	color: white;
	text-shadow: #202b30 1px 1px 3px;
	font-weight: bold;
	position: relative;
}

.actionbar a:hover {
	background: #FCBF06 url('main_mailboxbtn_active_grad.png') repeat-x 0 top;
	/*text-shadow: #a08117 1px 1px 1px;*/
	/*text-shadow: #f2f2df 1px 1px 1px;*/
	text-shadow:none;
	color: #262626;
	font-weight: bold;
}

#composebar {
	background: #050607 url('main_header_blackgrad.png') repeat-x 0 top;
	width: 100%;
	float: left;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	height: 30px;
	overflow: hidden;
}

#composebar label {
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
}

#composebar input {
	margin-left: 8px;
}

#composebar select {
	width: 100px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
	margin-left: 5px;
}

#composebar div.big {
	float: left;
	padding: 5px 10px;
	background: url(main_mailboxbtn_divline.png) no-repeat left top;
}

#composebar div.small {
	padding: 7px 10px;
	float: left;
	background: url(main_mailboxbtn_divline.png) no-repeat left top;
}

.actionbar a div.button {
	padding: 8px 15px 8px 35px;
}

.actionbar .holder div.button {
	padding: 8px 15px 8px 35px;
}

.actionbar a #compose {
	background: url(main_mailboxbtn_compose.png) no-repeat 10px top;
}

.actionbar a:hover #compose {
	background: url(main_mailboxbtn_compose.png) no-repeat 10px bottom;
}

.actionbar a #read {
	background: url(main_mailboxbtn_markread.png) no-repeat 10px top;
}

.actionbar a:hover #read {
	background: url(main_mailboxbtn_markread.png) no-repeat 10px bottom;
}

.actionbar a #unread {
	background: url(main_mailboxbtn_markunread.png) no-repeat 10px top;
}

.actionbar a:hover #unread {
	background: url(main_mailboxbtn_markunread.png) no-repeat 10px bottom;
}

.actionbar a #reply {
	background: url(main_mailboxbtn_reply.png) no-repeat 10px top;
}

.actionbar a:hover #reply {
	background: url(main_mailboxbtn_reply.png) no-repeat 10px bottom;
}

.actionbar a #replyall {
	background: url(main_mailboxbtn_replyall.png) no-repeat 10px top;
}

.actionbar a:hover #replyall {
	background: url(main_mailboxbtn_replyall.png) no-repeat 10px bottom;
}

.actionbar a #forward {
	background: url(main_mailboxbtn_fwd.png) no-repeat 10px top;
}

.actionbar a:hover #forward {
	background: url(main_mailboxbtn_fwd.png) no-repeat 10px bottom;
}

.actionbar a #flag {
	background: url(main_mailboxbtn_flag.png) no-repeat 10px top;
}

.actionbar a:hover #flag {
	background: url(main_mailboxbtn_flag.png) no-repeat 10px bottom;
}

.actionbar a #move {
	background: url(main_mailboxbtn_move.png) no-repeat 10px top;
}

.actionbar a:hover #move {
	background: url(main_mailboxbtn_move.png) no-repeat 10px bottom;
}

.actionbar a #copy {
	background: url(main_mailboxbtn_copy.png) no-repeat 10px top;
}

.actionbar a:hover #copy {
	background: url(main_mailboxbtn_copy.png) no-repeat 10px bottom;
}

.actionbar a #delete {
	background: url(main_mailboxbtn_delete.png) no-repeat 10px top;
}

.actionbar a:hover #delete {
	background: url(main_mailboxbtn_delete.png) no-repeat 10px bottom;
}

.actionbar #more {
	background: url(main_mailboxbtn_more.png) no-repeat 10px top;
}

.actionbar a #address {
	background: url(main_mailboxbtn_address.png) no-repeat 10px top;
	padding-right: 15px;
}

.actionbar a:hover #address {
	background: url(main_mailboxbtn_address.png) no-repeat 10px bottom;
	padding-right: 15px;
}

.actionbar .holder:hover #more {
	background: url(main_mailboxbtn_more.png) no-repeat 10px bottom;
}

.actionbar .holder #morearrow {
	background: url(main_mailboxbtn_arrowsml.png) no-repeat right 6px;
	padding-right: 12px;
	display: inline-block;
}

.actionbar .holder:hover #morearrow {
	background: none;
	background: url(trselected.gif) no-repeat right 6px;
}

.actionbar #submenu {
	display: none;
	position: absolute;
	list-style-type: none;
	left: 0;
	top: 28px;
}

.actionbar .holder:hover #submenu {
	display: block;
}

.actionbar .holder #submenu a {
	margin: 0;
	padding: 0;
	background: none;
	width: 100px;
	padding: 10px;
	background-color: #000;
}

.actionbar .holder #submenu a:hover {
	background-color: #FCBF06;
}

/* @end */

/* @group Sidebar */

#sidebar {
	width: 184px;
	float: left;
	background-color: #ecf0f2;
	clear: both;
}

#lhs {
	background-color: #ecf0f2;
	border-right: 1px solid #c5c8c9;
}

#sidebar #func_email {
	text-indent:-9999px;
	display:block;
}

#sidebar #func_email a {
	display:block; 
	height: 23px;
	width: 184px;
	background: url(main_sidebar_function_email.png) no-repeat left top;
	border-top: 1px solid #c5c8c9 ;
}

#sidebar #funct_addressbook{
	text-indent:-9999px;
	display:block;
}

#sidebar #funct_addressbook a {
	display:block; 
	height: 23px;
	width: 184px;
	background: url(main_sidebar_function_addressbook.png) no-repeat left top;
	border-top: 1px solid #c5c8c9 ;
}

#sidebar #func_calendar {
	text-indent:-9999px;
	display:block;
}

#sidebar #func_calendar a {
	display:block; 
	height: 23px;
	width: 184px;
	background: url(main_sidebar_function_calendar.png) no-repeat left top;
	border-top: 1px solid #c5c8c9 ;
}

#sidebar #func_accsettings {
	text-indent:-9999px;
	display:block;
}

#sidebar #func_accsettings a {
	display:block; 
	height: 23px;
	width: 184px;
	background: url(main_sidebar_function_account.png) no-repeat left top;
	border-top: 1px solid #c5c8c9 ;
	border-bottom: 1px solid #c5c8c9 ;
}

#sidebar .func_email_folders {
	display:block;
}

#sidebar .func_email_folders a {
	display:block; 
	font-size: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	color: #262626;
	width: 144px;
	padding-left: 40px;
	border-top: 1px solid #c5c8c9 ;
	text-decoration: none;
	background: url(mailbox_folder.png) no-repeat 9px 50%;
}

#sidebar #Inbox a {
	background: url(mailbox_inbox.png) no-repeat 10px 50%;
}

#sidebar #INBOX a {
	background: url(mailbox_inbox.png) no-repeat 10px 50%;
}

#sidebar #Outbox a {
	background: url(mailbox_outbox.png) no-repeat 10px 50%;
}

#sidebar #Sent a {
	background: url(mailbox_outbox.png) no-repeat 10px 50%;
}

#sidebar #Drafts a {
	background: url(mailbox_drafts.png) no-repeat 10px 50%;
}

#sidebar #Trash a {
	background: url(mailbox_deleted.png) no-repeat 10px 50%;
}

#sidebar #Spam a {
	background: url(mailbox_spam.png) no-repeat 10px 50%;
}

#sidebar #Inbox a:hover {
	background-color: #dde4e7;
}

#sidebar #INBOX a:hover {
	background-color: #dde4e7;
}

#sidebar #Outbox a:hover {
	background-color: #dde4e7;
}

#sidebar #Sent a:hover {
	background-color: #dde4e7;
}

#sidebar #Drafts a:hover {
	background-color: #dde4e7;
}

#sidebar #Trash a:hover {
	background-color: #dde4e7;
}

#sidebar #Spam a:hover {
	background-color: #dde4e7;
}

#sidebar .func_email_folders a:hover {
	background-color: #dde4e7;
}

#sidebar #adspace{
	padding-top: 15px;
	padding-bottom: 15px;
}

#sidebarloader {
	background: url(loader.gif) no-repeat center center;
	width: 180px;
	height: 200px;
	}

#gaugeholder {
	width: 150px;
	height: 15px;
	border: 1px solid #006700;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
}

#gaugeholder.red {
	border: 1px solid #930b0d;
}

#gauge {
	height: 15px;
	background: url(progressbar.jpg) no-repeat left top;
	width: 0%;
}

#gaugeholder.red #gauge {
	background: url(progressbarr.jpg) no-repeat left top;
}

#storage {
	padding: 10px 10px 20px;
	text-align: center;
	font-weight: bold;
}

/* @end */

/* @group Message Box */

#messagebox a {
	text-decoration: none;
	color: #333;
	display: block;
}

#messagebox a:hover {
	color: #3f5e98;
}

#messagebox {
	clear: both;
	overflow: auto;
	font-size: 1.1em;
}

#messagebox td {
	padding: .3em .3em .3em 1em;
}

#messagebox .indicator, #messagebox .check {
	padding: 0;
}

#messagebox #msgboxheader td {
	padding: 0;
}
 
#messagebox tr td.date {
	width: 20%;
}

#messagebox tr td.from {
	width: 25%;
}

#messagebox tr td.subject {
	width: 40%;
}

#messagebox tr td.from, 
#messagebox tr td.subject, 
#messagebox tr td.size, 
#messagebox tr td.date {
	padding: .3em .3em .3em 1em;
}

#messagebox table tr:hover td {
	background-color: #d3dee6;
}

#messagebox table .altline td {
	background-color: #f0f4f7;
}

#messagebox table .altline td.indicator {
	background-color: #fff;
}

#messagebox .Unread {
	font-weight: bold;
}

#messagebox .Deleted * {
/*	background-color: #fab3b6;*/
	text-decoration: line-through;
}

#messagebox .Deleted td.indicator {
/*      background-color: #fab3b6;*/
        text-decoration: none;
}


#messagebox .Unread .indicator {
	width: 25px;
	background: url(main_message_indicator.png) no-repeat center center;
}

#messagebox .Read {
	font-weight: normal;
}

#messagebox .Read .indicator {
	width: auto;
	background: none;
}

#messagebox .flagged .indicator {
	width: 25px;
	background: url(main_message_flag.png) no-repeat center center;
}

#messagebox .Redirected .indicator {
	width: 25px;
	background: url(main_message_fwd.png) no-repeat center center;
}

#messagebox input {
	margin: 0;
	padding: 0;
}

#messagebox .check {
	padding: 3px;
	width: 25px;
	text-align: center;
}

tr#msgboxheader {
	background: #FCBE03 url(main_message_topgrad.png) repeat-x 0 top;
	font-size: 1.1em;
	font-weight: bold;
	color: #704a07;
}

tr#msgboxheader td {
	background: #FCBE03 url(main_message_topgrad.png) repeat-x 0 top;
}

tr#msgboxheader:hover td {
	background: #FCBE03 url(main_message_topgrad.png) repeat-x 0 top;
}

#messagebox table tr#msgboxheader:hover, 
#messagebox table tr#msgboxheader {
	background: #FCBE03 url(main_message_topgrad.png) repeat-x 0 top;
}

#messagebox table tr#msgboxheader:hover .check, 
#messagebox table tr#msgboxheader:hover .from, 
#messagebox table tr#msgboxheader:hover .subject, 
#messagebox table tr#msgboxheader:hover .size, 
#messagebox table tr#msgboxheader:hover .date {
	background: url(main_message_topgrad_div.png) repeat-y right top;
}

#messagebox table tr#msgboxheader .check, 
#messagebox table tr#msgboxheader .from, 
#messagebox table tr#msgboxheader .subject, 
#messagebox table tr#msgboxheader .size, 
#messagebox table tr#msgboxheader .date {
	background: url(main_message_topgrad_div.png) repeat-y right top;
}

#msgboxheader a {
	padding: 3px 12px 3px 1em;
	display: block;
	text-decoration: none;
	color: #704a07;
}

#msgboxheader a.selected {
	color: #333;
	background: url(trselected.gif) no-repeat 95% center;
}

#msgboxheader a:hover {
	color: #333;
	background: url(trselected.gif) no-repeat 95% center;
}

/* @end */

/* @group Message View */

#messageviewer {
	position: relative;
}

#messageviewer #composebody {
	width: 100%;
	height: 350px;
	margin: 0;
}

#messageviewer p {
	margin-top: 1em;
	margin-bottom: 1em;
}

#msgvheader {
	background: url(settings_header_grad.png) repeat-x left top;
	height: 40px;
	overflow: hidden;
	position: relative;
}

#msgvheaderimg {
	background: url(msg_header.png) no-repeat left top;
	display: block;
	height: 40px;
	width: 200px;
	text-indent: -9999px;
}

#msgcheader {
	background: url(settings_header_grad.png) repeat-x left top;
	height: 40px;
	overflow: hidden;
	position: relative;
}

#msgcheaderimg {
	background: url(msg_compose.png) no-repeat left top;
	display: block;
	height: 40px;
	width: 200px;
	text-indent: -9999px;
}

#msgheader {
	position: relative;
	padding: 10px;
	border-bottom: 1px dotted #333;
	background-color: #f0f4f7;
}

#msgheader.compose {
	height: 115px;
	overflow: hidden;
}

#msgheader dl {
	color: #333;
	font-size: 1.1em;
	width: 800px;
}

#msgheader dt {
	clear: both;
	float: left;
	padding-bottom: 3px;
	width: 70px;
	font-weight: bold;
}

#msgheader dd {
	float: left;
	padding-bottom: 3px;
	width: 730px;
}

#msgheader input {
	width: 300px;
	border: 1px solid #c7c7c7;
	padding: 3px;
	color: #555;
	background: #d4d4d5 url(field.png) repeat-x left top;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#msgheader #alternate {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#msgheader #alternate a {
	color: #3f5e98;
}

.clear {
	clear: both;
}

#msgvclose {
	position: absolute;
	top: 8px;
	right: 8px;
	text-indent: -9999px;
	display: block;
	background: url(msg_header_close.png) no-repeat left top;
	width: 59px;
	height: 25px;
}

#msgvcancel {
	position: absolute;
	top: 8px;
	right: 153px;
	text-indent: -9999px;
	display: block;
	background: url(msg_header_cancel.png) no-repeat left top;
	width: 59px;
	height: 25px;
}

#msgvsave {
	position: absolute;
	top: 8px;
	right: 75px;
	text-indent: -9999px;
	display: block;
	background: url(msg_header_draft.png) no-repeat left top;
	width: 70px;
	height: 25px;
}

#msgvsend {
	position: absolute;
	top: 8px;
	right: 8px;
	text-indent: -9999px;
	display: block;
	background: url(msg_header_send.png) no-repeat left top;
	width: 59px;
	height: 25px;
}

#msgvcloseu {
	position: absolute;
	top: 8px;
	right: 75px;
	text-indent: -9999px;
	display: block;
	background: url(msg_header_closeunread.png) no-repeat left top;
	width: 112px;
	height: 25px;
}

#msgholder {
	padding: 10px;
}

#msgvfooter {
	background: url(settings_footer_grad.png) repeat-x left top;
	height: 14px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	display: none;
}

.accountsection input.field {
	width: 200px;
	border: 1px solid #e3e3e3;
	padding: 3px;
	color: #555;
	background: #d4d4d5 url(field.png) repeat-x left top;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.accountsection textarea.field {
	background: #d4d4d5 url(fieldbig.png) repeat-x left top;
	border: 1px solid #e3e3e3;
	padding: 3px;
	color: #555;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.msgvholder {
	padding-bottom: 110px;
}

#msgvad {
	height: 90px;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

/* @end */

/* @group Status Box */

#statusdivider {
	margin-top: 3px;
	border-top: 1px dotted #262626;
	margin-right: 5px;
	margin-left: 5px;
	clear: both;
}

#statuscount {
	color: black;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	padding: .5em;
	line-height: 1.1em;
}

#statuscount img{
	padding-right: .5em;
	padding-left: .5em;
}

#statusbox {
	text-align: center;
	padding: .3em;
	background: #EEEEEE url(statusbox_gradient.png) repeat-x center top;
	border-top: 1px solid #c5c8c9;
	border-bottom: 1px solid #c5c8c9;
	font-weight: bold;
	font-size: 1.1em;
	color: #262626;
	clear: both;
	line-height: 1.1em;
}

/* @end */

/* @group Footer Box */

#adbox {
	background: url(main_adspace_back.png) repeat-x 0 top;
}

#adbox #inner{
	background: url(main_adspace_cogs.jpg) no-repeat right top;
	padding-top: 10px;
}

#adbox td{
	text-align: center;
}

#adbox table{
	padding-left: 2%;
	padding-right: 2%;
}

#footerlinks{
	
	text-align: center;
	padding: 10px;
}

#footerlinks a{
	margin-left: 6px;
	margin-right: 6px;
	text-decoration: none;
	border: none;
	color: #262626;
}

#footerlinks a:hover{
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted #262626;
}

/* @end */

/* @group Footer */

#footer {
	padding: 25px;
	text-align: center;
}

#footer a{
	color: #e8b00a;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1em;
}

/* @end */

/* @group Settings Box */

/* @group Settings Box Main Structure */

#settingsframe {
	width: 700px;
	height: 510px;
	overflow-x: hidden;
	overflow-y: auto;
}

#settings_page {
	padding-bottom: 20px;
}

#settingsvheader {
	height: 40px;
	background: url(settings_header_grad.png) repeat-x;
	padding-left: 5px;
}

#settingsvheaderimg {
	background: url(settings_header.png) no-repeat left top;
	display: block;
	height: 40px;
	width: 200px;
	text-indent: -9999px;
}

#settingsvclose {
	position: absolute;
	top: 8px;
	right: 8px;
	text-indent: -9999px;
	display: block;
	background: url(msg_header_close.png) no-repeat left top;
	width: 59px;
	height: 25px;
}

#settings_menu {
	float: left;
	list-style-type: none;
	width: 119px;
	height: 510px;
	background-color: #ECF0F2;
}

#settings_menu li a{
	display: block;
	width: 118px;
	height: 80px;
	text-indent: -9999px;
	border-right: 1px solid #cececf;
}

#settings_menu #account a{
	background: url(settings_sidebar_accounts.png) no-repeat left bottom;
}

#settings_menu #viewing a{
	background: url(settings_sidebar_viewing.png) no-repeat left bottom;
}

#settings_menu #messaging a{
	background: url(settings_sidebar_msg.png) no-repeat left bottom;
}

#settings_menu #folders a{
	background: url(settings_sidebar_folder.png) no-repeat left bottom;
}

#settings_menu #password a{
	background: url(settings_sidebar_pass.png) no-repeat left bottom;
}

#settings_menu #rules a{
	background: url(settings_sidebar_rules.png) no-repeat left bottom;
}

#settings_menu #account_on a, #settings_menu #account a:hover{
	background: url(settings_sidebar_accounts.png) no-repeat -119px bottom;
}

#settings_menu #viewing_on a, #settings_menu #viewing a:hover{
	background: url(settings_sidebar_viewing.png) no-repeat -119px bottom;
}

#settings_menu #messaging_on a, #settings_menu #messaging a:hover{
	background: url(settings_sidebar_msg.png) no-repeat -119px bottom;
}

#settings_menu #folders_on a, #settings_menu #folders a:hover{
	background: url(settings_sidebar_folder.png) no-repeat -119px bottom;
}

#settings_menu #password_on a, #settings_menu #password a:hover{
	background: url(settings_sidebar_pass.png) no-repeat -119px bottom;
}

#settings_menu #password_on a, #settings_menu #rules a:hover{
	background: url(settings_sidebar_rules.png) no-repeat -119px bottom;
}

#settings_menu #account_on a, #settings_menu #viewing_on a, #settings_menu #messaging_on a, #settings_menu #folders_on a, #settings_menu #password_on a {
	border-right: 1px solid #ffffff;
}

/* @end */

/* @group Pages */

.accountbox {
	height: 125px;
	margin-left: 30px;
	margin-top: 30px;
	width: 305px;
	float: left;
	background: url(settings_box_grad.png) repeat-x left top;
}

.accountbox .icon{
	width: 32px;
	height: 32px;
	float: left;
}

.accountbox .status_inactive{
	float: right;
	width: 32px;
	height: 32px;
	background: url(settings_box_cross.png) no-repeat right top;
}

.accountbox .status_active{
	float: right;
	width: 32px;
	height: 32px;
	background: url(settings_box_check.png) no-repeat right top;
}

.accountbox .title{
	font-size: 1.7em;
	padding-top: 5px;
	padding-left: 37px;
}

.accountbox .description{
	font-weight: bold;
	padding: 15px 20px 15px 10px;
	height: 4.5em;
}

.accountbox .description .bigger{
	font-size: 1.2em;
}

.accountbox .button{
	padding-left: 10px;
}

.accountsection {
	margin-left: 30px;
	margin-top: 30px;
	background: url(settings_box_grad.png) repeat-x left top;
	float: left;
	width: 640px;
}

.accountsection .title{
	font-size: 1.7em;
	padding-top: 5px;
	padding-left: 10px;
}

.accountsection .description{
	font-weight: bold;
	padding: 15px 20px 15px 10px;
}

.accountsection .description a{
	color: #C01214;
	text-decoration: none;
}

.accountsection .description .bigger{
	font-size: 1.2em;
}

.accountsection .button{
	padding-left: 10px;
}

#account_fax .icon{
	background: url(settings_box_faxicon.png) left top;
}

#account_dial .icon{
	background: url(settings_box_dialupicon.png) left top;
}

#account_sms .icon{
	background: url(settings_box_smsicon.png) left top;
}

#account_gazette .icon{
	background: url(settings_box_gazetteicon.png) left top;
}

#account_pop .icon{
	background: url(settings_box_popicon.png) left top;
}

#account_acct .icon{
	background: url(settings_box_accounticon.png) left top;
}

.msginfo {
	font-size: 1.3em;
	padding-top: 4px;
	padding-left: 40px;
	height: 24px;
	background: url(settings_box_check.png) no-repeat left top;
	border: 1px dotted #1f9e13;
}

.msgerror {
	font-size: 1.3em;
	padding-top: 4px;
	padding-left: 40px;
	height: 24px;
	background: url(settings_box_cross.png) no-repeat left top;
	border: 1px dotted #d61515;
}

/* @end */

/* @end */

/* @group AJAX */

#blackout {
	position:absolute;
	z-index:100;
	height:100%;
	width:100%;
	display:none;
	top:0;
	left:0;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
	background-color: #000;
}

#ajaxcontent {
	z-index: 500;
	width: 90%;
	height: 90%;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	left: 5%;
	top: 5%;
	background-color: #fff;
	display: none;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#ajaxaccount {
	z-index: 500;
	width: 820px;
	height: 550px;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -410px;
	margin-top: -275px;
	background-color: #fff;
	display: none;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#loader {
	background: url(bkgtile.png) repeat-x center top;
	width: 100%;
	height: 100%;
}

#loadergif {
	background: url(loader4.gif) no-repeat center center;
	width: 100%;
	height: 100%;
	}

#loaderm {
	background: url(bkgtile.png) repeat-x center top;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
}

#loadergifm {
	background: url(loader4.gif) no-repeat center center;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 500;
	}

#popcopymove {
	display: none;
	padding: 25px 15px 20px;
	position: absolute;
	width: 270px;
	top: 25%;
	left: 50%;
	margin-left: -150px;
	z-index: 500;
	background: #FCBF06 url(main_adspace_cogs.jpg) left top;
	text-align: center;
	color: #333;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#popcopymove p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#popcopymove select {
	width: 200px;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
}

#popcopymove input {
	width: 90px;
	margin: 0 5px;
	border: none;
	height: 25px;
	color: #fff;
	font: bold 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	background: -moz-linear-gradient(90deg, #3f4855, #000);
}

#popcopymove input:active {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3f4855));
	background: -moz-linear-gradient(90deg, #000, #3f4855);
}

#popcopymove a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(btnclose.gif) no-repeat left top;
	width: 43px;
	height: 18px;
	text-indent: -9999px;
}

#popcopymove #btnholder {
	margin: 0 auto;
	width: 200px;
}

#msgpopcopymove {
	display: none;
	padding: 25px 15px 20px;
	position: absolute;
	width: 270px;
	top: 25%;
	left: 50%;
	margin-left: -150px;
	z-index: 500;
	background: #FCBF06 url(main_adspace_cogs.jpg) left top;
	text-align: center;
	color: #333;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#msgpopcopymove p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#msgpopcopymove select {
	width: 200px;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
}

#msgpopcopymove input {
	width: 90px;
	margin: 0 5px;
	border: none;
	height: 25px;
	color: #fff;
	font: bold 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	background: -moz-linear-gradient(90deg, #3f4855, #000);
}

#msgpopcopymove input:active {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3f4855));
	background: -moz-linear-gradient(90deg, #000, #3f4855);
}

#msgpopcopymove a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(btnclose.gif) no-repeat left top;
	width: 43px;
	height: 18px;
	text-indent: -9999px;
}

#msgpopcopymove #btnholder {
	margin: 0 auto;
	width: 200px;
}

#popforward {
	display: none;
	padding: 25px 15px 20px;
	position: absolute;
	width: 270px;
	top: 25%;
	left: 50%;
	margin-left: -150px;
	z-index: 500;
	background: #FCBF06 url(main_adspace_cogs.jpg) left top;
	text-align: center;
	color: #333;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#popforward p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#popforward input.field {
	width: 194px;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
	padding: 3px;
}

#popforward input.btn {
	width: 90px;
	margin: 0 5px;
	border: none;
	height: 25px;
	color: #fff;
	font: bold 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	background: -moz-linear-gradient(90deg, #3f4855, #000);
}

#popforward input.btn:active {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3f4855));
	background: -moz-linear-gradient(90deg, #000, #3f4855);
}

#popforward a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(btnclose.gif) no-repeat left top;
	width: 43px;
	height: 18px;
	text-indent: -9999px;
}

#popforward #btnholder {
	margin: 0 auto;
	width: 200px;
}

#popaddress {
	display: none;
	padding: 25px 15px 20px;
	position: absolute;
	width: 270px;
	top: 25%;
	left: 50%;
	margin-left: -150px;
	z-index: 500;
	background: #FCBF06 url(main_adspace_cogs.jpg) left top;
	text-align: center;
	color: #333;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#popaddress p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#popaddress select {
	width: 200px;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
}

#popaddress input {
	width: 90px;
	margin: 0 5px;
	border: none;
	height: 25px;
	color: #fff;
	font: bold 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	background: -moz-linear-gradient(90deg, #3f4855, #000);
}

#popaddress input:active {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3f4855));
	background: -moz-linear-gradient(90deg, #000, #3f4855);
}

#popaddress a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(btnclose.gif) no-repeat left top;
	width: 43px;
	height: 18px;
	text-indent: -9999px;
}

#popaddress #btnholder {
	margin: 0 auto;
	width: 200px;
}

#msgattach {
	display: none;
	padding: 25px 15px 20px;
	position: absolute;
	width: 270px;
	top: 25%;
	left: 50%;
	margin-left: -150px;
	z-index: 500;
	background: #FCBF06 url(dialog.jpg) left top;
	text-align: center;
	color: #333;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#msgattach p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#msgattach select {
	width: 200px;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
}

#msgattach input {
	margin-bottom: 10px;
	margin-top: 10px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

#msgattach .bt {
	width: 90px;
	margin: 0 5px;
	border: none;
	height: 25px;
	color: #fff;
	font: bold 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	background: -moz-linear-gradient(90deg, #3f4855, #000);
	margin-bottom: 0;
}

#msgattach .bt:active {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3f4855));
	background: -moz-linear-gradient(90deg, #000, #3f4855);
}

#msgattach a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(btnclose.gif) no-repeat left top;
	width: 43px;
	height: 18px;
	text-indent: -9999px;
}

#msgattach #btnholder {
	margin: 0 auto;
	width: 200px;
}

#msgaddress {
	width: 350px;
	display: none;
	padding: 25px 15px 20px;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -175px;
	z-index: 500;
	background: #FCBF06 url(dialog.jpg) left top;
	text-align: center;
	color: #333;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#msgaddress p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#msgattach select {
	width: 200px;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
}

#msgaddress input {
	margin-bottom: 10px;
	margin-top: 10px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

#msgaddress .bt {
	width: 90px;
	margin: 0 5px;
	border: none;
	height: 25px;
	color: #fff;
	font: bold 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	background: -moz-linear-gradient(90deg, #3f4855, #000);
	margin-bottom: 0;
}

#msgaddress .bt:active {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3f4855));
	background: -moz-linear-gradient(90deg, #000, #3f4855);
}

#msgaddress a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(btnclose.gif) no-repeat left top;
	width: 43px;
	height: 18px;
	text-indent: -9999px;
}

#msgaddress #btnholder {
	margin: 0 auto;
	width: 200px;
}

#msgaddress select.field  {
	background: #d4d4d5 url(fieldbig.png) repeat-x left top;
	border: 1px solid #e3e3e3;
	color: #555;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	width: 206px;
}

#popnewbox {
	display: none;
	padding: 25px 15px 20px;
	position: absolute;
	width: 270px;
	top: 25%;
	left: 50%;
	margin-left: -150px;
	z-index: 500;
	background: #FCBF06 url(main_adspace_cogs.jpg) left top;
	text-align: center;
	color: #333;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#popnewbox p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#popnewbox input.field {
	width: 194px;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
	padding: 3px;
	text-align: center;
}

#popnewbox input.btn {
	margin: 0 5px;
	width: 150px;
	border: none;
	height: 25px;
	color: #fff;
	font: bold 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	background: -moz-linear-gradient(90deg, #3f4855, #000);
}

#popnewbox input.btn:active {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3f4855));
	background: -moz-linear-gradient(90deg, #000, #3f4855);
}

#popnewbox a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(btnclose.gif) no-repeat left top;
	width: 43px;
	height: 18px;
	text-indent: -9999px;
}

#popnewbox #btnholder {
	margin: 0 auto;
	width: 200px;
}

#poprenamebox {
	display: none;
	padding: 25px 15px 20px;
	position: absolute;
	width: 270px;
	top: 25%;
	left: 50%;
	margin-left: -150px;
	z-index: 500;
	background: #FCBF06 url(main_adspace_cogs.jpg) left top;
	text-align: center;
	color: #333;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
	border: 1px solid #FCBE03;
}

#poprenamebox p {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#poprenamebox input.field {
	width: 194px;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	border: 1px solid #333;
	padding: 3px;
	text-align: center;
}

#poprenamebox input.btn {
	margin: 0 5px;
	width: 150px;
	border: none;
	height: 25px;
	color: #fff;
	font: bold 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4855), to(#000));
	background: -moz-linear-gradient(90deg, #3f4855, #000);
}

#poprenamebox input.btn:active {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3f4855));
	background: -moz-linear-gradient(90deg, #000, #3f4855);
}

#poprenamebox a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(btnclose.gif) no-repeat left top;
	width: 43px;
	height: 18px;
	text-indent: -9999px;
}

#poprenamebox #btnholder {
	margin: 0 auto;
	width: 200px;
}

.hidden {
	display: none;
}

/* @end */

/* @group Login */

#header #logo.main a {
	background: url(logomain.gif) no-repeat left top;
}

#menubar {
	background: url(loginmenubkg.gif) repeat-x left top;
	height: 27px;
	overflow: hidden;
}

#menubarholder {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#menubar ul {
	position: absolute;
	right: 160px;
	display: block;
	list-style-type: none;
}

#menubar ul li {
	float: left;
	display: block;
}

#menubar ul li a {
	float: left;
	display: block;
	color: #fff;
	padding: 6px 9px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#menubar ul li a:hover {
	background: url(main_mailboxbtn_active_grad.png) repeat-x left bottom;
	color: #704a07;
}

#loginholder {
	width: 800px;
	margin: 0 auto;
	margin-top: 30px;
	height: 200px;
	padding-right: 160px;
}

#login {
	position: relative;
	height: 220px;
}

#loginbox {
	width: 300px;
	height: 147px;
	background: url(loginlogo.png) no-repeat left top;
	padding-top: 95px;
	padding-left: 15px;
	position: absolute;
	top: -42px;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}

input.inputfield {
	width: 141px;
	border: 1px solid #ddd;
	color: #666;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background: url(field.png) repeat-x left top;
	padding: 3px;
	margin: 5px 0 5px 15px;
}

select.inputfield {
	width: 149px;
	border: 1px solid #ddd;
	color: #666;
	height: 22px;
	font: 11px Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	background: url(field.png) repeat-x left top;
	margin: 5px 0 5px 15px;
}

.loginbtn {
	margin-top: 10px;
}

#forgot {
	font-size: 10px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	float: left;
	padding-top: 15px;
}

#signup {
	display: block;
	position: absolute;
	top: 117px;
	right: 10px;
	width: 193px;
	height: 63px;
	text-indent: -9999px;
	background: url(signupbtn.png) no-repeat;
}

#reasons {
	width: 460px;
	height: 160px;
	position: absolute;
	top: 0;
	left: 300px;
	padding: 20px;
}

#reasons_no1 {
	width: 460px;
	height: 160px;
	position: absolute;
	top: 0;
	left: 300px;
	padding: 20px;
}

#reasons span {
	top: 0;
	left: 0;
	position: absolute;
	width: 500px;
	height: 200px;
	background: url('loginreasons.jpg') no-repeat left top;
}

#reasons_no1 span {
	top: 0;
	left: 0;
	position: absolute;
	width: 500px;
	height: 200px;
	background: url('loginreasonsno1.jpg') no-repeat left top;
}

#leaderboard {
	position: absolute;
	left: 332px;
	top: 16px;
}

#skyscraper {
	position: absolute;
	left: 820px;
	top: 16px;
}

#bannerads {
	width: 800px;
	height: 70px;
}

.bannernormal {
	float: left;
}

.bannerspaced {
	float: left;
	margin-right: 20px;
}

.inner {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

/* @end */