* {margin: 0px; padding: 0px}
body, html { background: white; width: 100%; height: 100%; font-family: Arial; font-size: 12px; overflow: hidden;}
h4 {font-size: 12px;}

table { border-collapse: collapse }
li {list-style-type: none}
table.wborder {border: #888888 solid 1px; margin: 0px; padding: 0px;}
table.wborder tbody {}
table.wborder thead {}
table.wborder thead tr th {border: 1px solid #888888; padding: 3px; margin: 0px;}
table.wborder tbody tr td {border: 1px solid #888888; padding: 3px; margin: 0px;}
table.wborderw thead tr th {border-top-color: #888888; border-bottom-color: #888888; border-left-color: #FFFFFF; border-right-color: #FFFFFF;}
table.wborderw tbody tr td {border-top-color: #888888; border-bottom-color: #888888; border-left-color: #FFFFFF; border-right-color: #FFFFFF;}

table.wform tbody tr td {vertical-align: top; padding: 3px}
table thead tr th { vertical-align: top; font-size: 12px; }
table tbody tr td { vertical-align: top }

select option {padding-right: 5px;}
.href {cursor: pointer;}

/* Общее для панелей */
img.Controls { width: 16px; height: 16px }
img.CloseIcon {float: right; width: 13px; height: 13px; cursor: pointer }
ul.ULContent {list-style: none}
ul.ULContent iframe {width: 100%}
ul.ULContent li {margin: 0px; padding: 0px;}
div#Backdrop {font-family: Verdana; font-size: 20px; color: white; display: none; z-index: 999; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: black; opacity: 0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4}
#GhostItem {border: 1px dashed #999999; background: #fafafa; list-style: none; margin-bottom: 10px;}
div#preload {font-weight: bold;}
div#preload div#shroud {opacity: 0.5; -moz-opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); background: white; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5000}
div#preload table {width: 100%; height: 100%; position: absolute; z-index: 5001}
div#preload table tbody td {vertical-align: middle; text-align: center}
div#preload table tbody td div {position: relative; right: 50%; float: right;}
div#preload table tbody td div span {border: 1px solid #C2C2C2; padding: 20px 30px; background-color: #FFFFFF; width: 315px; height: 350px; display: block; position: relative; right: -50%;}
/* div#preload table tbody td img {opacity: 3;} */

div.ModuleHelpLayer {position: absolute; background: #fbfc9d; border: 2px solid #bdbdbd; width: 250px; padding: 5px;}

ul.tree li {margin-left: 20px; border: none;}
ul.tabs {margin: 0px; padding-top: 0px; width: 100%;}
ul.tabs li {
	list-style-type: none;
	float: left;
	border: 1px solid #888888;
	background: url('/img/icons/blt1.gif') no-repeat center left #FFFFFF;
	background-position: 3px;
	padding: 3px 10px;
	margin: 0px;
	cursor: pointer;
	font-weight: bold;
}
ul.tabs li.on {
	border-bottom: none;
	background: none;
	background: url('/img/icons/blt1.gif') no-repeat center left;
	background-position: 3px;
	border-width: 1px 1px 0px;
	cursor: default;
}
ul.tabs li.sep {
	width: 3px;
	padding: 0px;
	border-width: 0px 0px 1px;
	background: none;
	cursor: default;
}
ul.tabs li.end {width: auto;}
ul.tabs_workspace li {height: 18px;}
ul.tabs_workspace li.sep {height: 25px;}
ul.tabs_gadget li {height: 18px;}
ul.tabs_gadget li.sep {height: 25px;}

div.tabs {
	clear: both;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #888888;
	margin: 0px;
	padding: 10px 10px;
	display: none;
}

div.tabs_gadget
{
	max-height: 150px;
	overflow-y: auto;
	height:expression(this.scrollHeight> 150 ? '150px' : 'auto');
}

ul.menu {

}
ul.menu li {
	list-style-type: none;
	padding: 3px;
	cursor: pointer;
}

ul.news {padding-left: 20px;}
ul.news li {list-style: url('/img/icons/blt1.gif') outside }

a.color_box {display: block; float: left; width: 15px; height: 15px; border: 2px solid #AAAAAA; background-color: #FFFFFF; margin-right: 6px;}
table.gform tbody tr td {padding-bottom: 5px}
table.workspace thead tr th {padding: 6px;}
table.workspace tbody tr td {padding: 6px;}

/*  Диалоговое окно с набором стандартных элементов */
div.Dialog { display: none; z-index: 99999; position: absolute; border: 2px solid #b8b8b8; background: #feedc3 url('/img/dialog/gradient.jpg') repeat-x }
div.Dialog h1 { font-size: 18px; font-weight: bold; margin: 10px }
div.Dialog h2 { font-size: 16px; font-weight: bold; margin: 10px }
div.Dialog div.content { height: 100%; background: #feedc3; margin: 10px}
div.Dialog div.content table { width: 100% }
div.Dialog div.content table td { height: 35px; border: 10px solid #FEEDC3 }
div.Dialog div.content table td.label { font-weight: bold; color: black; width: 130px; text-align: right }
div.Dialog div.content table td.label-invalid { font-weight: bold; color: red; width: 130px; text-align: right }
div.Dialog div.content table td.field { width: 150px }
div.Dialog div.content table td.field input { width: 100%; border: 1px solid #b8b8b8 }
div.Dialog div.content table td.field input.valid { background: white url('/img/dialog/checked.png')  no-repeat right }
div.Dialog div.content table td.field input.invalid { background: white url('/img/dialog/red.png')  no-repeat right }
div.Dialog div.content table td.small { font-size: 10px }
div.Dialog div.content table td.button { text-align: center }
div.Dialog div.content table td.button input { border: 1px solid #f08302; background: #f08302; color: white; font-weight: bold; font-size: 10px }
div.Dialog div.content p { font-size: 10px; margin-bottom: 10px }


/* Default стиль для HList */
ul.HList { list-style: none; padding: 0px; margin: 0px; margin-bottom: 10px; }
ul.HList li { padding: 2px; }
ul.HList li.Header { cursor: pointer; background: #ececff; border: 1px solid #e2e2e2; font-weight: bold; }
ul.HList li.Active { border: 1px dotted #8d90ff; color: #434ea4; }
ul.HList li.Header img { width: 15px; height: 9px; margin-right: 4px; margin-left: 4px; }
ul.HList li.Content { display: none; }

/* Стиль для модуля */
div.SimpleModule {margin-bottom: 10px; border-style: solid; border-width: 0px 0px 1px 0px;}
div.SimpleModule div.Header {cursor: move; border-style: solid; border-width: 1px 1px 0px 1px; background: repeat-x left bottom;}
div.SimpleModule div.Header table {width: 100%; height: 20px;}
div.SimpleModule div.Header table {vertical-align: top;}
div.SimpleModule div.Header td.mHeaderDiv1 {width: 25px; padding: 2px 0px 1px 8px;}
div.SimpleModule div.Header td.mHeaderDiv2 {padding: 3px 0px 2px 0px; font-weight: bold; color: #000000; font-size: 11px; white-space: nowrap;}
div.SimpleModule div.Header td.mHeaderDiv3 {width: 110px; padding: 2px 0px 1px 0px; text-align: right;}

div.SimpleModule div.Header img.Icon {width: 16px; height: 16px;}
div.SimpleModule div.Options {padding: 10px; border-style: solid; border-width: 1px 1px 0px 1px;}
div.SimpleModule div.Content {padding: 10px; border-style: solid; border-width: 1px 1px 0px 1px;}
div.SimpleModule div.Content div.Error {color: black; font-weight: bold; text-align: center;}

table.Form { }
table.Form td { padding-bottom: 5px }
table.Form td.Header { font-size: 11px; font-weight: bold; width: 90px }
table.Form td input { font-size: 11px; border: 1px solid #696969 }
table.Form td select { font-size: 11px; border: 1px solid #696969 }
table.Form td input.button { border: 1px solid #a2a2a2; background: url('/img/button.gif'); height: 20px; color: black;  cursor: pointer; font-family: Arial; margin-top: 5px; width: auto; font-weight: bold}


table.Form td.SmallOptions { font-size: 10px }
table.Form img.RedCross { vertical-align: bottom; cursor: pointer; margin-right: 5px }
table.Form img.RedCheckbox { vertical-align: bottom; cursor: pointer; margin-right: 5px }

/* CSS RSS гаджетов */
.MultiRSS a.header { font-weight: bold; text-decoration: none; color: blue }
.MultiRSS a.header:hover { text-decoration: underline; color: red }
.MultiRSS ul.ItemsBlock { margin-top: 5px; margin-bottom: 5px; margin-left: 20px; list-style-image: url("/img/list-style-1.gif")}
.MultiRSS ul.ItemsBlock li { font-size: 11px; margin-bottom: 5px }
.MultiRSS ul.ItemsBlock li a { text-decoration: none; color: Black }
.MultiRSS ul.ItemsBlock li a:hover { text-decoration: underline; color: red }
.MultiRSS div.message { text-align: center }
.MultiRSS small { font-size: 8px; font-family: Verdana; color: blue }

/* Окошко настроек и создания гаджетов */
div.Settings { position: absolute; border: 2px solid #c9c9c9; background: #b0dcb7 url('/img/settings-background.jpg'); z-index: 9999000; display: none;  }
div.Settings img.CloseIcon { float: right; margin: 5px; cursor: pointer; }
div.Settings h1 { font-family: Verdana; font-weight: bold; font-size: 15px; color: #3d3d3d; margin: 5px }

div.Settings div.Menu { background: white; margin-left: 5px; border: 1px solid #ffce67; float: left; height: 462px; width: 200px }
div.Settings div.Menu ul { list-style: none }
div.Settings div.Menu ul li { background: #fefeed; cursor: pointer; font-weight: bold; padding: 7px 10px 0px 10px; border-bottom: 1px solid #ababab; height: 23px;}
div.Settings div.Menu ul li img { margin-right: 5px; vertical-align: middle}
div.Settings div.Menu ul li.Selected { background: #f2ff88  }
div.Settings div.Content { margin-left: 5px; height: 462px; width: 480px; border: 1px solid #ffce67; background: white; float: left; overflow-x: auto; overflow-y: auto }

div.Settings div.Content ul.SelectNewModule { list-style: none }
div.Settings div.Content ul.SelectNewModule li { border: 1px solid #eaeaea; cursor: pointer; background: #fdfff0; padding: 10px; margin: 5px; }
div.Settings div.Content ul.SelectNewModule li small { color: 6a6a6a }
div.Settings div.Content ul.SelectNewModule li div { text-align: right; margin-top: 10px; font-size: 10px;}
div.Settings div.Content ul.SelectNewModule li a {text-decoration: none; color: #3f46d2; font-size: 15px;}
div.Settings div.Content ul.SelectNewModule li a:hover {text-decoration: none; font-size: 15px; color: #FFFFFF; background-color: #FFCE67;}
div.Settings div.Content ul.SelectNewModule li img { margin-right: 5px; vertical-align: bottom}
div.Settings div.Content ul.SelectNewModule li.Selected { background: #f2ff88 }

ul.SubIconsLayer {background: #f4f3f3; position: absolute; list-style: none; border: 2px solid #cfcece; width: 200px; cursor: pointer;}
ul.SubIconsLayer li {padding: 2px; padding-left: 5px; padding-right: 5px; color: #9c9c9c;}
ul.SubIconsLayer li.current {background: #e2e5fd; color: #5b67dc;}
ul.SubIconsLayer li.ModuleRecolor {height: 25px;}
ul.SubIconsLayer li.ModuleRecolor div {height: 20px; width: 20px; float: left; margin-right: 2px; border: 1px solid #9c9c9c;}
.OpenURL input {border: 1px solid #696969; background: #FFFFFF; width: 250px}
.OpenURL input.button {border: 1px solid #a2a2a2; background: url('/img/button.gif'); height: 17px; color: black;  cursor: pointer; font-weight: bold; font-size: 10px; width: 90px; padding-top: 3px; text-align: center}
.SBox {margin-bottom: 10px; padding: 10px; height: 30px; background: #f08302 url('/img/sbox.gif'); border: 1px solid #f08302; text-align: center; padding-top: 20px}
#UpBox {text-align: right; margin-right: 10px; margin-top: 10px}
#UpBox img {margin-left: 10px; border: 0px}

li.Welcome {margin: 10px}
li.Welcome div.showFrame {background: white; border: 2px solid #7F7E83; padding: 10px; font-size: 12px; font-family: Tahoma;}
li.Welcome div.showFrame p {margin-bottom: 10px }
li.Welcome div.showFrame p img {border: 0px }
li.Welcome div.showFrame ul {margin-bottom: 10px; margin-left: 20px}

div.disc p { margin-bottom: 10px }

.ChangePassword {}
.ChangePassword input.std { border: 1px solid black; width: 250px }

div.Slider { background: url('/img/slider/background.gif') !important; height: 19px }
div.Slider div.Controller { height: 19px; width: 6px; background: url('/img/slider/controller.gif'); cursor: pointer }


.MetaBrowser { margin: 0px !important; padding: 0px !important}
.MetaBrowser iframe { border: 0px }
.MetaBrowser .iframe { overflow: scroll; width: 200px }

/* MAIL & CALENDAR*/
.std_link {color: #020094; text-decoration: none;}
.std_link:hover {color: #C20014; text-decoration: none;}
 
.std_button {
	border: 1px solid #a2a2a2;
	background: url('/img/button.gif');
	height: 20px; color: black;
	cursor: pointer;
	font-family: Arial;
	font-size: 11px;	
	width: auto;
	font-weight: bold
	} 
 
 .setting_tab {
 	width: 50px;
 	color: black;
 	text-align: center;
 	cursor: pointer;
 	padding: 3px;
 	
 	background: #F4F4F4;	
	border: 1px solid #7B7F82;
	 	
 	}
 
 .setting_tab_on {
 	width: 50px;
 	color: black;
 	text-align: center;
 	cursor: pointer;
 	padding: 3px;
 
 	background: #F4F4F4;	
	border-left: 1px solid #7B7F82;
	border-right: 1px solid #7B7F82;
	border-top: 1px solid #7B7F82; 	
 }

.em_settings_contaner {	
	position: relative;	
	background: #F4F4F4;		
	border-left: 1px solid #7B7F82;
	border-right: 1px solid #7B7F82;
	border-bottom: 1px solid #7B7F82;
	width: 100%;
 }
 
.em_settings_contaner td {padding: 2px;}
.em_replay_table td {padding: 2px;}
.topmessages td {font-family: Verdana; font-size: 9px; padding: 2px;}
.em_email {font-family: Arial; font-size: 13px; font-weight: bold;}
.em_searchform td {padding: 2px; vertical-align: middle;}
.folder_spacer {border-bottom: 1px solid #7B7F82; padding: 0px; }
.folder_norm {
		background: #F3F3F3;
		padding: 3px;
		border: 1px solid #7B7F82;		
		overflow : hidden;
		height: 15px;
		}
						
.folder_on {
		background: #F5EED1;
		padding: 3px;		
		border-left: 1px solid #7B7F82;
		border-right: 1px solid #7B7F82;
		border-top: 1px solid #7B7F82;
		overflow: hidden;
		height: 15px;
}

.folder_norm a, .folder_on a {color: black; text-decoration: none;}

.messages_main {
		background: #F5EED1;
		border-left: 1px solid #7B7F82;
		border-right: 1px solid #7B7F82;
		border-bottom: 1px solid #7B7F82;
		width: 100%;
}

.messagelist td {padding: 3px; }
.messagelist td div { overflow: hidden; }
.messagelist td {  overflow: hidden; }

.em_column_hd a {color: black; text-decoration: none; font-weight: bold;}

.em_messagefild { background: #F5EED1; width: 100%}

.em_message_content {
	width: 100px;	
	overflow: scroll;	
	height: 10px;
	padding: 3px;
	background: white;
	border-bottom: 1px solid #7F7F7F;
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;	
	word-wrap: break-word;
}



.em_settings {
	position: absolute;
	width: 500px;
	display: none;
	z-index:5000;
	background: #F5EED1;
	border: solid #817C82 1px;
	padding: 7px;

}

/*
.em_settings_tab {
	width: 50px; color: black; background: white; text-align: center; cursor: pointer;
}

.em_settings_tab_on {
	width: 50px; color: white; background: navy; text-align: center; cursor: pointer;

}
*/

.paging td {padding: 2px; vertical-align: middle}

.em_loginsettings td {padding: 2px; vertical-align: middle}

.lastemails {padding: 5px; border: 1px solid #006991; background: #E3F7FF;}

.hightlight_off {padding: 2px; cursor: pointer; border: 1px solid #E3F7FF;}

.hightlight_on {padding: 2px; cursor: pointer; border: 1px solid #006991; background: #b7ebff;}


.em_txt1 {color: #020094; font-weight: bold; text-decoration: none;}
.em_attaches a {color: #000000; text-decoration: none;}


.folder_name, .folder_name a {color: #020094; }
.mes_count {color: #A0A0A0;}

.pg a {color: #000000; text-decoration: none; }
.pg_on a {color: #191286; text-decoration: none; font-weight: bold;}

/* для календаря*/
.clnd {background: white;}

.clnd_border1 {border: 1px solid #7C7F84; }
.clnd_border2 {border: 4px solid #BEC7D8}

.clnd_records {display: none; margin-top: 4px; height: 100px;
						overflow-y : scroll; clip:rect(auto auto 150px auto);
						border: 1px solid #7C7F84;
						}


.clnd .clhd, .cltd, .cldtdon, .cltdover, .cltdnow, .cltdcurr {width: 20px; text-align: center; padding: 1px;}

.clnd .clhd, .cltd, .cldtdon, .cldtdover, .cltdnow, .cltdcurr { cursor: pointer; background: white;}
.clnd .cltdon  { background: #CCCCCC;}

.clnd .cltdover  { cursor: pointer; background: navy; color: white;}

.clnd .cltdnow {background: red; color: white;}
.clnd .cltdcurr {background: green; color: white;}

/*для курса валют*/

.currencyList td {font-size: 10px; font-family: Verdana; padding: 2px 3px 2px 2px; white-space: nowrap}

.currencyTitle {font-size: 11px; }

.std_padding td {padding: 2px;}
.std_padding1 td {padding: 1px;}
.std_padding2 td {padding: 2px;}


form#langTopForm {position: absolute; right: 20px; top: 28px; z-index: 2; width: 90px; height: 15px; padding: 3px; white-space: nowrap;}
form#langTopForm ul {width: 96px; margin: 0px; background-color: #F0F0F0; border: 1px solid #7F7E83; position: absolute; top: -1px; left: -1px;}
form#langTopForm ul li {color: #000000;}
form#langTopForm span {color: #FFFFFF;}

ul.Boxes {}
ul.Boxes li {border: 1px solid #B8B8B8; background-color: #FCFEE2; padding: 10px; margin: 8px 0px}
ul.Boxes li a:link, ul.Boxes li a:visited {color: #F08302; font-size:15px; margin-bottom:10px; text-decoration: none;}
ul.Boxes li a:hover {text-decoration: underline;}