html, body {
	height: 100%;
}

body{
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

}
body, table, td, p, div {
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
}
A {
	text-decoration : none;
	color: #008BBE;
}
A:hover {
	color: #386963;
}

/* Таблица главного меню */
.MainMenu{
	margin-top: 6px;
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	width: 128px;
}
.MainMenu TD{
	height: 14px;
}

/* Пункт главного меню в обычном состоянии */
.Item{
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
}
.Item A{
	color: #ffffff;
	font-size: 10px;
}

.ItemLight{
	background-color:#d1d7d7;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
}
.ItemLight A{
	color: #ffffff;
	font-size: 10px;
}

/* Пункт гланого меню при наводе мышки */
.OverItem{
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #d1e0e0;
	font-size: 10px;
}
.OverItem A{
	color: #0099cc;
	font-size: 10px;
}

/* Активный пункт главного меню */
.ActiveItem{
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #ffffff;
	color: #386963;
	font-size: 10px;
}

/* Путь */
.way{
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #386963;
}
.way A{
	color: #386963;
}
.way IMG{
	margin-right: 4px;
}
.way A:hover, .wayActiveItem{
	color: #B3CCCC;
}

/* Главный заголовок */
H1{
	margin-top: 13px;
	margin-bottom: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #B2CCCC;
}
/* Главный заголовок администрирования */
H2{
	margin-top: 15px;
	margin-bottom: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #B2CCCC;
}

H3{
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #B2CCCC;
}

H4{
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
/* Текст контента */
.ContentText{
	margin-bottom: 20px;
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #666666;
}

/* Логин Форма */
/* Только на странице логина */
.LoginForm{
	margin-top: 50px;
}
.LoginForm TD{
	padding-right: 11px;
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	color: #666666;
}
/*Поле ввода Логина, Пароля*/
.inputLoginForm{
	width: 169px;
	height: 20px;
	border: 1px solid #B3CCCC;
	color: #666666;
	font-family: verdana;
	font-size: 12px;
}
/* Поле ввода имени папки */
.inputRenameFolder{
	height: 18px;
	width: 497px;
	border: 1px solid #666666;
	color: #666666;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}
/* Поле ввода имени файла*/
.inputRenameFile{
	height: 18px;
	width: 497px;
	border: 1px solid #666666;
	color: #666666;
	font-family: verdana;
	font-size: 12px;
}
/* кнопка Логин Формы (Ok) */
.bt{
	width: 35px;
	height: 20px;
	background-color: #0099CC;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #8FD2E9;
	vertical-align: top;
	border-width: 0px 0px 0px 0px;
}

/* кнопки Формы */
.button{
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	background-color: #0099CC;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #8FD2E9;
	vertical-align: top;
	border-width: 0px 0px 0px 0px;
}

/* Список папок, список файлов */
.listFolder, .listFile{
	margin-left: 22px;
}
.listFolder TD, .listFile TD{
	height: 20px;
	font-size: 12px;
	vertical-align: middle;
}
.listFolder A{
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0999CD;
}
.listFile A{
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.arrowList{
	margin-left: 3px;
	margin-right: 4px;
	border-width: 0px;
}

.adminNavImg{
	margin-right: 10px;
	border-width: 0px;
}
/*
* Admin-dealers
*/
.dealerTable TD{
	font-family: Verdana;
	font-size: 12px;
}
.dealerTable A{
	color: #000000;
}
.dealerTable A:hover{
	color: #386963;
}
.dealersTbHd{
	background-color: #8cd2ed;
	font-weight: bold;
	height: 24px;
	padding-left: 5px;
}
.dealersTbBg1{
	background-color: #E2F4F4;
	height: 22px;
	padding-left: 5px;
}
.dealersTbBg2{
	background-color: #EDFEFE;
	height: 22px;
	padding-left: 5px;
}
.dealersTbBg9{ /* gray for inactive entries */
	background-color: #eeeeee;
	height: 22px;
	padding-left: 5px;
}
.inputSearch{
	height: 18px;
	width: 300px;
	border: 1px solid #666666;
	color: #666666;
	font-family: verdana;
	font-size: 12px;
}

/*
* Admin-profile, Admin-AddDealer
*/
.profileTable TD{
	font-family: Verdana;
	font-size: 12px;
}
.profileInput, .profileSelect{
	border: 1px solid #7f9db9;
	height: 22px;
	width: 320px;
	font-family: verdana;
	font-size: 12px;
}
.profileTextArea{
	border: 1px solid #7f9db9;
	width: 320px;
	font-family: verdana;
	font-size: 12px;
}
.profileBtAdd{
	background-color: #8CD2ED;
	border: 1px solid #E2F4F4;
	width: 100px;
}
.profileTable TEXTAREA{
	border: 1px solid #7f9db9;
	width: 320px;
	height: 70px;
}

.profileTbHd{
	background-color: #8CD2ED;
	width: 178px;
	padding-left: 4px;
}
.profileTbBg{
	background-color: #E2F4F4;
}

.messageTable TD{
	font-family: Verdana;
	font-size: 12px;
}
.messageTable TEXTAREA{
	border: 1px solid #7f9db9;
	font-family: verdana;
	font-size: 12px;
}
.listFolder A{
	font-weight: normal;
}
/* ----------- */
.pages{
	font-size: 10px;
}
sup{
	color:red;
}
HR {
	color: #8CD2ED;
	height: 1px;
	margin: 0px 0px 1px 0px;
	border-width : 0px 0px 1px 0px;
}
.hiddenSpace, .searchHidden{
	visibility:hidden; 
	z-index:100; 
	position:absolute; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	display:none;
}
.visibleSpace, .searchVisible
{
	width:auto; 
	height:auto; 
	overflow:visible;
	visibility:visible;
	display:inline;
}
.comment{
	font-size:9px;
	color:grey;
}

.paddingTop{
	padding-top : 10px;
}

.ts{
	padding:0px;
}

.inputSearchbezborder{
	height: 18px;
	width: 200px;
	border: 0px solid #666666;
	color: #666666;
	font-family: verdana;
	font-size: 12px;
}

.textareaSearch{
	width: 300px;
	border: 1px solid #666666;
	color: #666666;
	font-family: verdana;
	font-size: 12px;
}

/**/
.flynoteHidden
{
	position:absolute; 
	z-index:2; 
	visibility:hidden; 
	display:none;
	top:0; 
	left:30; 
	width:0px; 
	height:0px;
}

.flynoteVisible
{
	position:absolute; 
	z-index:2; 
	visibility:visible; 
	top:-50; 
	left:20; 
	width:0px; 
	height:0px;
	font-weight:normal;
}

/**/
.submenuHidden
{
	position:absolute; 
	z-index:99; 
	visibility:hidden; 
	display:none;
	top:0; 
	left:30; 
	width:0px; 
	height:0px;
}
.submenuVisible
{
	position:absolute; 
	z-index:99; 
	visibility:visible; 
	top:-13; 
	left:-15; 
	width:200px; 
	height:0px;
	font-weight:normal;
	overflow:visible;
}

/**/
.qualityOnCloseHidden
{
	position:absolute; 
	z-index:2; 
	visibility:hidden; 
	display:none;
	top:0; 
	left:0; 
	width:0px; 
	height:0px;
}

.qualityOnCloseVisible
{
	position:absolute; 
	z-index:2; 
	visibility:visible; 
	top:9; 
	left:0; 
	width:0px; 
	height:0px;
	font-weight:normal;
}





/* mazda etas */
.toggle
{
	font-size: 10px;
	text-decoration : underline;
	color: #008BBE;
	float: left;
	padding-left: 30px;
	padding-top: 3px;
}
.toggle:hover {
	color: #386963;
}

.cleaner
{
	clear: both;
}

.divPrint
{
	margin: 20 0 30 0;
}


.filterForm
{
}
.filterItem
{
	padding: 0 10px 20px 0;
	float: left;
	display: inline-block;
}
.filterItemTitle
{
	padding: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
}
.filterInputTextDate
{
	width: 75px;
	height: 20px;
}
#filterStates {
	padding-top: 15px;
	padding-left: 20px;
}

.sectionList
{
	padding-top:20px;
}
.divList
{
	border: 1px gray dashed;
	border-radius: 20px;
	margin: 5 0 5 0;
	float: left;
	padding: 20px 10px 20px 10px;
}

/* YU_FIX_20140729 */
.noticeBox{
	background-color: #e9ffff;
	color: #fc0000;
	width: 700px;
	padding: 20px 30px 30px 30px;
	margin-bottom: 30px;
}
.noticeBox .head{
	font-size:22px;
	font-weight: bold;
	font-family: verdana, Arial, helvetica, sans-serif;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}
.noticeBox .noticeText{
	font-style: italic;
}

/* YU_FIX_20140730 */
#listStaffTotalHeader{
	padding: 8px 0 2px 18px;
	font-style: italic;
}
#idStaffTotalControl{
	padding: 20px 0 25px 18px;
}

#idStaffTotalControl input[type="text"] {
	height: 18px;
	width: 50px;
	border: 1px solid #666666;
	font-family: verdana;
	font-size: 12px;
	margin-left: 10px;
}
#idStaffTotalControl .bigValue{
	font-size: 25px;
	padding-left: 10px;
}
#idStaffTotalControl .bigValueRed{
	font-size: 25px;
	color: red;
	padding-left: 10px;
}

.tblList
{
	padding: 5 0 5 0;
}
.trListHead td
{
	background-color: #8cd2ed;
	font-weight: bold;
	height: 24px;
	padding-left: 5px;
}
.trListItem td{
	background-color: #E2F4F4;
	height: 22px;
	padding-left: 5px;
}
.trListItem2 td{
	background-color: #EDFEFE;
	height: 22px;
	padding-left: 5px;
}
.trListItem9 td{
	background-color: #EEEEEE;
	height: 22px;
	padding-left: 5px;
}

.tdGray {
	background-color: #EEEEEE !important;
}

.profileInfo
{
	font-size:13px;
	position: relative;
	/*
	z-index: 1;
	*/
}
.profileInfo .head
{
	font-weight: bold;
}
.profileListHead
{
	font-size:13px;
	font-weight: bold;
	float: left;
}

/* Dealer Profile page */
#dpCourse
{
	border-collapse: collapse;
}
#dpCourse th
{
	padding: 5px;
}
#dpCourse .clickable
{
	text-decoration: underline;
}

.dpThTop th
{
	font-size: 13px;
}
.dpTh th
{
	font-weight: normal;
	font-style: italic;
}
.dpTd td
{
	text-align: center;
	padding: 5px;
}
.dpRight
{
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.dpLeft
{
	border-bottom: 1px solid #dddddd;
}

.clsDealerGroupControl
{
	position:absolute;
	z-index: 2;
	top: 0px; 
	left: 0px; 
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #386963;
	margin: 3px;
	padding: 5px;
}
.clsDealerGroupControlListItem
{
	font-size: 10px;
	text-decoration : underline;
	color: #008BBE;
}
.clsDealerGroupControlListItem:hover {
	color: #386963;
}
/* --/-- Dealer Profile page */


.controlForm
{
	position: absolute; 
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #386963;
	margin: 3px;
	padding: 10px;
}


/* ---- Employee Profile page */
#idEmFotoHolder
{
	position: relative;
	float: right;
	margin-top: 20px;
}
#idEmFoto
{
	width: 150px;
	height: 150px;
	overflow: hidden;
	border: 1px solid #B2CCCC;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #B2CCCC;
}
#idEmFotoControl
{
	z-index: 11;
	top: 0px; 
	left: -150px; 
	width: 250px; 
}

#idAgeControl
{
	display:inline;
}
#idAgeControlForm
{
	z-index: 1;
	top: 0px; 
	left: 65px; 
	width: 200px; 
}

#idDateHiredControl {
	display: inline;
}
#idDateHiredControlForm {
	z-index: 1;
	top: 0px; 
	left: 180px; 
	width: 230px; 
}

#idDateFiredControl {
	display: inline;
}
#idDateHiredControlForm {
	z-index: 1;
	top: 0px; 
	left: 180px; 
	width: 230px; 
}

#idPositionInfo, #idPositionName
{
	display:inline;
}
#idPositionControl
{
	display:inline;
}

#idPositionForm
{
	z-index: 3;
	top: 0px; 
	left: 90px; 
	width: 350px; 
}

#idDeptControl
{
	display:inline;
}
#idDeptControlForm
{
	z-index: 2;
	top: 0px; 
	left: 65px; 
	width: 300px; 
}

#idAccessRoleControl
{
	display:inline;
}
#idAccessRoleControlForm
{
	z-index: 12;
	top: 0px; 
	left: 135px; 
	width: 250px; 
}

#idAccessLoginControl
{
	display:inline;
}
#idAccessLoginControlForm
{
	z-index: 13;
	top: 0px; 
	left: 50px; 
	width: 330px; 
}

#idAccessPasswordControl
{
	display:inline;
}
#idAccessPasswordControlForm
{
	z-index: 13;
	top: 0px; 
	left: 60px; 
	width: 330px; 
}

#idCRControlForm
{
	z-index: 1;
	top: 0px; 
	left: 65px; 
	width: 300px; 
}

/* --/-- Employee Profile page */