﻿BODY, TABLE, FORM, HTML
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #315960;	
}

BODY, HTML, FORM
{
	height: 100%;
}

.maxw
{
	width: 100%;	
}

.maxh
{
	height: 100%;
}

.minw
{
	width: 0%;
}

.minh
{
	height: 0%;
}

.cursor
{
	cursor: pointer;
	cursor: hand;
}

IMG
{
	border: 0px;
}

.bold
{
	font-weight: bold;
}

.Top_bg
{
	background-image: url(../../Tools/Images/BackEnd/Top_bg.gif);
	background-repeat: repeat-x;
}

.mail_content
{
	color: #000000;
}

.StatusBar
{
	width: 500px;
}

.email_table
{
	border: solid 1px #315960;
}

.coll-link
{
	color:#666;
	text-decoration:underline;
}
.pad_left_7
{
	padding-left: 7px;
}

.ErrorMessageHeader
{
	padding-bottom: 6px;
	line-height:125%;
}

.Logout
{
	color: White;
	font-size: 11px;
}

.ButtonsContainer
{
	padding-top: 10px;
}

.ImageContainer
{
	padding-top: 10px;
}

.Tabs
{
	background-color: #e2e4e9;
	padding-left: 20px;
	color: #466eba;
	font-weight: bold;
	border: solid 1px white;
}

.Bottom_line
{
	border-bottom: solid 1px #e2e4e9;
}

.SelectedTab
{
	text-decoration: underline;
}

.ControlInsideHeader
{
	font-size: 14px;
	font-weight: bold;
}

.WebTree
{
	cursor: poiner;
	cursor: hand;
}

.MessagesContainer
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: solid 1px #076785;
	background-color: #f0f3f8;
}

.SeparatorPadding
{
	padding-top: 20px;
}

.SmallSeparatorPadding
{
	padding-top: 10px;
}

.DateTextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #08546c;
	border: solid 1px #076785;
	width: 100px;
}

.Heading
{
	font-size: 9pt;
	font-weight: bold
}

.SuccessfulMessages
{
	font-weight: bold;
	color: #076785;
}

.Icon
{
	padding-right: 20px;
	padding-bottom: 20px;
}

.button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #608b95;
	height: 20px;
	color: #FFF;
	width: 80px;
	border: solid 1px #076785;	
}

.GreyCell
{
	background-color: #315960;
	width: 100%;
}

.footer_padding
{
	padding-left: 8px;
}

.FooterLeftCell
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}

.input_field
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #08546c;
	border: solid 1px #076785;
	width: 200px;
}

.upload_field
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #08546c;
	border: solid 1px #076785;
	width: 200px;
}

.inactive
{
	color: #9aa1a3;
}

.BreadCrumbs
{
	padding-top: 10px;
	padding-left: 20px;
}

.TitleText
{
	padding-top: 15px;
	padding-left: 23px;
	font-weight: bold;
	font-size: 13px;
}

.ErrorMessage
{
	color: red;
	width: 100%;
	padding-left:10px;
	font-weight: bold;
	line-height:125%;
}

.ErrorCssClass
{
	color: red;
	font-weight: bold;
}

.ErrorContainer
{
	height: 22px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 24px;
}

.DropDownList
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #08546c;
	border: solid 1px #076785;
	width: 202px;
}

.checkbox
{
	color: #08546c;
}

.LeftCell
{
	width: 180px;
	vertical-align:top;
}

.RightCell
{
}

.Text
{
	font-size: 11px;
}

.RequiredCssClass
{
	font-size: 11px;
	font-weight: bold;
}

.smaxw
{
	width: 590px;
}

.note
{
	color: Red;
	font-size: 10px;
	font-weight: bold;
}

.Container
{
	vertical-align: top;
	padding-left: 20px;
	/* padding-top: 10px; */
}

/* Dropdown menu CSS clases */

DIV.menu-sh 
{
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-color: #476280;
	background: #5F778F repeat top left;
	padding: 3px 0px 3px 0px
}

TABLE.tab-menu-sh {font-size: 10px; font-weight: bold; cursor: pointer; cursor: hand;}

TD.blk-menu-sh, TD.blk-menu-sh-act 
{
	background-repeat: no-repeat;
	background-position: center right;
	padding: 2px 20px 3px 8px;
}

TD.blk-menu-sh 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

TD.blk-menu-arr {background-color: #FFF}
TD.blk-menu-arr-act {background-color: #FFF}

TD.blk-menu-sh-act 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 20px 3px 8px;
	background: #778DA4 repeat top left
}

DIV.blk-menu {position: absolute}

.MenuItem
{}

.MenuRow
{}

/* Main clases */

.MenuCell
{
	padding-left: 5px;
	padding-top: 10px;
	height: 20px;
	color: #FFF;
	width: 280px;
	font-weight: bold;		
	background: #6d96d4 repeat top left;
	border-right: solid 1px #067aa2;
	vertical-align: top;
}


.header
{
	border-bottom: solid 1px #0096ca;
}

.footer
{
	height: 50px;	
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

A
{
/*	font-size: 10px;*/
	color: #00457C;
	font-weight: bold;		
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
}

HR
{
	height: 1px;
	color: #0096ca;
}

.cursor
{
	cursor: pointer;
	cursor: hand;
}

/* DataGrid classes */

.DataGridColumn
{
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 10px;	
	vertical-align: top;
	padding: 4px;
	border-right:1px; 
}

.TotalLine
{
	font-weight: bold;
	padding-bottom: 7px;
}

.DataGridHeader
{
	height: 25px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	background-color: #608b95;
}


.DataGrid
{
	width: 100%;
	border: 1px solid #c5c5c5;
}

.DataGrid_item
{
	background-color: #ffffff;
	height: 25px;
}

.DataGrid_item_act
{
	background-color: #99ccff;
	height: 25px;
}

.DataGrid_item TD
{
	cursor: pointer;
	cursor: hand;
	padding: 3px;
	height: 25px;
}

.DataGrid_item_act TD
{
	cursor: pointer;
	cursor: hand;
	height: 25px;
	padding: 3px;
	text-decoration: none;
}

TABLE.DataGrid TD.fld-check {padding: 0px; width: 0%;}
TABLE.DataGrid TR.header TD {background-color: #008eba; color: white; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: bold;}
TABLE.DataGrid TR.pager TD {border-right: 0px; border-bottom: 0px; border-left: 0px; border-top: 0px;}

TABLE.DataGrid A { color: #FFF; }
TABLE.DataGrid TD {padding: 4px 4px 2px 4px; border-left: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; }
TABLE.DataGrid TD.fld-check {padding: 0px; width: 0%;}
TABLE.DataGrid TR.header TD {background-color: #008eba; color: white; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: bold;}
TABLE.DataGrid TR.pager TD {border-right: 0px; border-bottom: 0px; border-left: 0px; border-top: 0px;}
TABLE.DataGrid TD {border-bottom: 1px solid #c5c5c5}
TABLE.DataGrid TR.dark TD {background-color: #FFF}
TABLE.DataGrid TR.light TD {background-color: #FFF}
TABLE.DataGrid TR.noclick TD {cursor: default; }
TABLE.DataGrid TR.active TD{background-color: #e2eaec; height: 25px;}
TABLE.DataGrid TR.inactive TD{background-color: #FFF; color: #003366; height: 25px;}
TABLE.DataGrid TR.hl TD {background-color: #FFF; color: #F26521;}
TABLE.DataGrid TR TD.line {border-right: 1px solid #c5c5c5}
TABLE.DataGrid TR.bf TD {font-size: 14px; font-weight:bold}
TABLE.DataGrid TR.header TD {border-top: 1px solid #c5c5c5;}
TABLE.DataGrid TR.header A:link, TABLE.DataGrid TR.header A:visited {color: white; text-decoration: none}
TABLE.DataGrid TR.header A:hover {text-decoration: underline}
TABLE.DataGrid TR.active A:link, TABLE.DataGrid TR.active A:visited {color: white}
TABLE.DataGrid TD.nav-butt {padding: 0px 0px 2px 4px}
TABLE.DataGrid TD.nav-butt A:link, TABLE.DataGrid TD.nav-butt A:visited {color: #000}
TABLE.DataGrid TR.paging TD {BORDER-BOTTOM: 0px solid; font-weight: bold; border-left: 0px solid; border-top: 0px solid; padding-bottom: 3px; padding-top: 3px}
TABLE.DataGrid TR.paging TD SPAN {BORDER-LEFT: 0px solid}
TABLE.DataGrid TR.paging TD A:link, TABLE.DataGrid TR.paging TD A:visited {font-weight: normal; text-decoration: underline}
TABLE.DataGrid TR.buttons TD {border-right: 0px; border-bottom: 0px; border-left: 0px; border-top: 0px; padding-top: 10px}


/* Calendar classes */

TABLE.calendar {background-color: #FFF; border: 1px solid #315A8C; padding: 0px; margin: 0px}
.day {background-color: #FFF}
.day A:link, .day A:visited {text-decoration: none; color: #315A8C}
.day A:hover {color: #F26521}
.calendar-title {color: #FFF; font-weight: bold}
.calendar-nav {color: #FFF}
.calendar-nav A:link, .calendar-nav A:visited {text-decoration: none; font-weight: bold; color: #FFF}
.calendar-nav A:hover {color: #F26521}
.day-header {border: 0px solid; font-weight: bold; background-color: #FFF; width: 25px}
.calendar-today {background-color: #F26521; font-weight: bold; }
.calendar-today A:link, .calendar-today A:visited, .calendar-today A:hover { text-decoration: none; }
.other-month-day { background-color: #FFF; }
.other-month-day A:link, .other-month-day A:visited, .calendar-today A:hover {color: #EEE; text-decoration: none}
.weekend A:link, .weekend A:visited, .weekend A:hover { color: #000; text-decoration: none;}

.calendar 
{
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table 
{
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  width: 200px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  font-size:x-small;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;  
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: smaller;
  padding: 1px;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #FFFFFF;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
.floatbox{overflow:hidden;margin-bottom:16px;_margin-bottom:0}
#all .steps{padding:1px 8px;border-bottom:1px solid #aec1db;margin-bottom:16px;}
.step{float:left;width:195px;height:55px;background:#f0f5fa url(../images/backend/bg-step-r.gif) no-repeat 100% 0;margin-right:2px;color:#205080}
	.step strong{float:left;background:url(../images/backend/bg-step-l.gif) no-repeat 0 0;font:bold 16px/55px verdana,sans-serif;padding:0 8px 0 8px}
	.step p{font:bold 11px/16px verdana,sans-serif;border-left:1px solid #205080;margin:7px 0 0;padding:5px 0 5px 9px;margin-left:70px}
	.step p.oneline{padding:13px 0 13px 9px}
	
.step-cur{background:#205080 url(../images/backend/bg-step-r_.gif) no-repeat 100% 0;color:#FFF}
	.step-cur strong{background:url(../images/backend/bg-step-l_.gif) no-repeat 0 0;}
	.step-cur p{border-color:#FFF}
	
	