BODY
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
color:black;
}

TABLE
{

border-collapse: collapse;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        border-color: #CFCFCF;
}


TT
{
        font-family: Courier New, Arial, Helvetica, sans-serif;
        font-size: 13px;
}

A
{
font-family: Verdana;
font-size: 10px;
color: #0000FF;
font-weight: bold;
}

A:hover
{
text-decoration: none;
}


SELECT
{
background-color: #FAFBFC;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-width:1; border-style:solid; border-color:#888888;
font-size: 12px;
}


TEXTAREA
{
border-width:1; border-style:solid; border-color:#888888;
}

INPUT
{
height: 20px;
}

.text_login
{
font-family: Verdana;
font-size: 10px;
}

.text_menu_headers
{
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
}

.text_clear_trash
{
font-family: Verdana;
font-size: 10px;
color: #FF0000;
font-weight: normal;
}

.text_create_new_folder
{
font-family: Verdana;
font-size: 10px;
color: #000000;
font-weight: bold;
}

.button_ok
{
	height: 20px;
	border-width:1; border-style:solid; border-color:#003070;
	color: black;
	font-size: 11px;
	font-family: Tahoma;
	background-image: url(http://mail.tj/_button_background.gif);
	width: 27px;
	background-color: #FFFFFF;
}


.buttons
{
	height: 20px;
	border-width:1; border-style:solid; border-color:#003070;
	color: black;
	font-size: 11px;
	font-family: Tahoma;
	background-image: url(http://mail.tj/_button_background.gif);
	background-color: #FFFFFF;

}
.buttons_smart
{
	height: 20px;
	border-width:1; border-style:solid; border-color:#003070;
	color: black;
	font-size: 11px;
	font-family: Tahoma;
	background-image: url(http://mail.tj/_button_background2.gif);
	background-color: #FFFFFF;

}
.buttons_imode
{
	height: 20px;
	border-width:1; border-style:solid; border-color:#003070;
	color: black;
	font-size: 11px;
	font-family: Tahoma;
	background-color: #FFFFFF;
}

.text_header_link
{
color: black;
font-weight: normal;
}

.text_header_link_right
{
color: #0060FF;
font-weight: bold;
}

.text_page_titile
{
font-family: Arial;
font-weight: bold;
font-size: 19px;
color: #4FA7FF;
}

.text_errorpage_titile
{
font-family: Arial;
font-weight: normal;
font-size: 19px;
color: #FF5500;
}


.text_input
{
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-width:1; border-style:solid; border-color:#888888;
}

.text_error
{
font-family: Tahoma;
color: red;
font-weight: bold;
font-size: 11px;
}

.text_greenheader
{
font-family: Tahoma;
color: #008200;
font-weight: bold;
font-size: 11px;
}

.text_page_navigation
{
font-weight: normal;
}

.text_mailboxname
{
font-family: Arial;
font-weight: bold;
font-size: 19px;
color: #FFFFFF;
}

.text_mail_headers
{
color: #000000;
font-weight: bold;
font-size: 10px;
}

.tu
{
background-color: #FFFCD8;
font-family: Tahoma;
color: #000000;
font-size: 11px;
font-weight: bold;
}


.text_ref
{
color: #0000FF;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
}

.text_ref_new
{
color: #0000FF;
font-family: Tahoma;
font-size: 11px;
}

.tm
{
color: #000000;
font-family: Tahoma;
font-size: 11px;
}

.tm_12
{
color: #000000;
font-family: Tahoma;
font-size: 11px;
padding-left:12px;
}

.tm_17
{
color: #000000;
font-family: Tahoma;
font-size: 11px;
padding-left:17px;
}


.tm_a
{
font-family: Tahoma;
font-size: 11px;
font-weight:normal;
}

.table_mailbox_new
{
color: #000000;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}

.table_selected
{
background-color: #EAF4FF;
}
.text_bold
{
font-weight: bold;
}

.table_green
{
border-width:1; border-style:solid; border-color:#91D668;
background-color: #EAFFE0;
}

.table_red
{
border-width:1; border-style:solid; border-color:#E69090;
background-color: #FBEFEF;
}

.text_manage_out
{
font-weight:normal; 
text-decoration: underline; 
cursor: pointer;
}

.text_manage_over
{
font-weight:normal; 
text-decoration: none; 
cursor: pointer;
}

.text_u
{
text-decoration: underline; 
cursor: pointer;
}

.text_un_u
{
text-decoration: none; 
cursor: pointer;
}

.table_body822
{
padding-bottom:15px;
padding-top:15px;
padding-right:10px;
padding-left:10px;
}

.text_box_over
{
background-color: #FFFCD8;
}

.is_line
{
text-decoration: underline;
cursor:pointer;
font-weight:normal;
}

.dynCalendar_header{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
}
.dynCalendar_dayname {
	background-color: #FFFFFF;

	border-width:1; border-style:solid; border-color:#c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;

	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
	text-align: center;
	color: DarkBlue;
}

.dynCalendar_day {
	background-color: #FFFFE2;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar_today {
	background-color: #ffffff;
	border-width:1; border-style:solid; border-color:#c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar {
	background-color: red;
	border-width:1; border-style:solid; border-color:#61A3FF;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}

.dynCalendar_link 
{
	color: blue;
}

.c_ini
{
	padding-bottom:5px;
}

.dragme {
	POSITION: absolute;
}
.dragme {
	CURSOR: crosshair;
}
.dragme_handle {
	CURSOR: move;
}

.htmlarea { background: #fff; }

.htmlarea .toolbar {
  cursor: default;
  background: #0069C1;
  padding: 0px 4px 0px 0px;
  border: 1px solid;
  border-color: #7BC2FF #7BC2FF #7BC2FF #7BC2FF;
  background-image: url(http://mail.tj/_ed_bg.gif);
}


.htmlarea .toolbar table { font-family: tahoma,verdana,sans-serif; font-size: 11px; }
.htmlarea .toolbar img { border: none; }
.htmlarea .toolbar .label { padding: 0px 3px; }

.htmlarea .toolbar .button {
  background-image: url(http://mail.tj/_ed_bg_b.gif);
  cursor:pointer;
  width: 20px;
  height: 19px;
}
.htmlarea .toolbar .buttonHover {
  background-image: url(http://mail.tj/_ed_bg_b_o.gif);
  cursor:pointer;
}

.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {

}
.htmlarea .toolbar .buttonPressed {
  background-image: url(http://mail.tj/_ed_bg_b_o.gif);
  cursor:pointer;
}
.htmlarea .toolbar .indicator {
  padding: 0px 3px;
  overflow: hidden;
  width: 20px;
  text-align: center;
  cursor: default;
  border: 1px solid ButtonShadow;
}

.htmlarea .toolbar .separator
{
  background-image: url(http://mail.tj/_ed_sep.gif);
  width:10px;
  height:25px;
}

.htmlarea .toolbar .space { width: 5px; }
.htmlarea .toolbar .space_small { width: 2px; }
.htmlarea .toolbar .sel_font { width: 110px; font-size:9px; }
.htmlarea .toolbar .sel_font1 {width: 60px; font-size:9px; }


.htmlarea .toolbar select { font: 11px Tahoma,Verdana,sans-serif; }

.htmlarea .toolbar select,
.htmlarea .toolbar select:hover,
.htmlarea .toolbar select:active { background: #FFFFFF; color: ButtonText; }

.htmlarea .statusBar {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 4px;
  background-color: ButtonFace;
  color: ButtonText;
  font: 11px Tahoma,Verdana,sans-serif;
}

.htmlarea .statusBar .statusBarTree a {
  padding: 2px 5px;
  color: #00f;
}

.htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
.htmlarea .statusBar .statusBarTree a:hover {
  background-color: Highlight;
  color: HighlightText;
  padding: 1px 4px;
  border: 1px solid HighlightText;
}


/* Hidden DIV popup dialogs (PopupDiv) */

.dialog {
  color: ButtonText;
  background: ButtonFace;
}

.dialog .content { padding: 2px; }

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
  font: 11px Tahoma,Verdana,sans-serif;
}

.dialog table { border-collapse: collapse; }

.dialog .title {
  background: #008;
  color: #ff8;
  border-bottom: 1px solid #000;
  padding: 1px 0px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
}

.dialog .title .button {
  float: right;
  border: 1px solid #66a;
  padding: 0px 1px 0px 2px;
  margin-right: 1px;
  color: #fff;
  text-align: center;
}

.dialog .title .button-hilite { border-color: #88f; background: #44c; }

.dialog button {
  width: 5em;
  padding: 0px;
}

.dialog .buttonColor {
  padding: 1px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.dialog .buttonColor-hilite {
  border-color: #000;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  height: 0.6em;
  border: 1px solid;
  padding: 0px 1em;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonColor .nocolor { padding: 0px; }
.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }

.dialog .label { text-align: right; width: 6em; }
.dialog .value input { width: 100%; }
.dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }

.dialog legend { font-weight: bold; }
.dialog fieldset table { margin: 2px 0px; }

.popupdiv {
  border: 2px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.popupwin {
  padding: 0px;
  margin: 0px;
}

.popupwin .title {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  letter-spacing: 2px;
}

form { margin: 0px; border: none; }

div.htmlarea-context-menu {
  position: absolute;
  border: 1px solid #aca899;
  padding: 2px;
  background-color: #fff;
  cursor: default;
  z-index: 1000;
}

div.htmlarea-context-menu table {
  font: 11px tahoma,verdana,sans-serif;
  border-collapse: collapse;
}

div.htmlarea-context-menu tr.item td.icon img {
  width: 20px;
  height: 19px;
}

div.htmlarea-context-menu tr.item td.icon {
  padding: 0px 3px;
  height: 19px;
  background-color: #B6DEFF;
}

div.htmlarea-context-menu tr.item td.label {
  padding: 1px 10px 1px 3px;
}

div.htmlarea-context-menu tr.separator td {
  padding: 2px 0px;
}

div.htmlarea-context-menu tr.separator td div {
  border-top: 1px solid #aca899;
  overflow: hidden;
  position: relative;
}

div.htmlarea-context-menu tr.separator td.icon {
  background-color: #cdf;
}

div.htmlarea-context-menu tr.separator td.icon div {
/*  margin-left: 3px; */
  border-color: #fff;
}

div.htmlarea-context-menu tr.separator td.label div {
  margin-right: 3px;
}

div.htmlarea-context-menu tr.item.hover {
  background-color: #316ac5;
  color: #fff;
}

div.htmlarea-context-menu tr.item.hover td.icon {
  background-color: #619af5;
}

.hlt {
	background-color: #FFFCD8;
}

.sctrolls {
	scrollbar-face-color: #DDEEFE;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #C3DEFF;
	scrollbar-darkshadow-color: #A6CEFE;
	scrollbar-shadow-color: #cccccc;
	scrollbar-arrow-color: #80B9FD;
	scrollbar-track-color: #EFF7FF;	
}