﻿
body, html, form{
	background-color: #d6e1fc;
	background-image:url(Images/bodyBg.png);
	background-repeat: repeat-x;
	margin: 0;
	cursor: default;
	font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	height:100%;
}

h2{
	margin-top: 0;
	margin-bottom: 0;
}

h3{
	margin-top: 0;
	margin-bottom: 0;
	}


ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}

fieldset{ border: 1px solid #D0DEDE;}
legend {color: #2C6263; font-weight: bold;}

hr{ color: silver; border-style: dotted; border-width: 1px; }

a, a:link{
	color: #ED7E00;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}





.label{color:#313131;font-weight:bold; font-size: 12px;}

.error-textbox-value{background-color: Red; color: White;}

.ErrorMessage
{
	color: Red;
}
.SuccessMessage
{
	color: Green;
}

#pageTitleBlock {
	position: absolute; top: 83px; left: 110px;/*top: 15px; left: 200px*/
	color: white;	
}

#pageTitleBlockLbl {
	position: absolute; top: 83px; left: 110px;
	color: white;	
}

#topContainer
{
	margin: 0 auto;
	height: 140px;
	width: 800px;    
}
#bannerPanel
{
	width: 800px;
	height: 0px;    
}
#logo
{
	 background-image:url(Images/logo.jpg);
	 width: 258px;
	 height: 80px;
	 float: left;
}
#topMenuPanel
{    
	width: 800px;
	height: 35px;
	background-image:url(Images/topMenuBg.gif);
	background-repeat: no-repeat;
	 
}
#statusPanel
{
	background-image:url(Images/statusBg.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 40px;
	padding-top: 5px;
}
#statusTable
{
	width: 780px;
	margin-left: 10px; 
}
#balanceTd{ }
#accountStateTd{text-align: center; width: 200px;}
#logedUserTd{ text-align: right; }


#statusTable .label 
{ 
	color: #2C6263;
	font-weight: bold;
}



#mainlevel {
margin:0;
padding:0 0 0 30px;
}

#mainlevel li {
float:left;
font-size:12px;
line-height:20px;
list-style-type:none;
margin:0;
padding-left:7px;
padding-right:0;
text-align:center;
white-space:nowrap;
margin-top: 5px;
}

a.mainlevel, a.mainlevel:visited  {
background-color: #2B6364;
color:#FFFFFF;
display:block;
font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height: 25px;
margin-bottom:0;
margin-left:0;
padding-left:8px;
padding-right:8px;
text-align:center;
text-decoration:none;
text-indent:0;
}

a.active_menu {
background-color: White;
color:#000000;
display:block;
font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height: 30px;
margin-bottom:0;
margin-left:0;
padding-left:8px;
padding-right:8px;
text-align:center;
text-decoration:none;
text-indent:0;
}

a.mainlevel:hover {
background-color: White;
background-repeat:repeat-x;
color:#000000;
display:block;
font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height:26px;
margin-bottom:0;
margin-left:0;
padding-left:8px;
padding-right:8px;
text-align:center;
text-decoration:none;
text-indent:0;
}


/***********************foother*************************/
#footPanel
{
	background-image:url(Images/bottomLine.png);
	background-repeat: no-repeat;
	margin: 0 auto; 
	width: 800px;
	text-align: center;
	padding-top: 5px;    
	font-size: 11px;
}

.foot-separator
{
	height: 50px
}

.footer{
background-repeat:repeat-x;
height:50px;
margin:-50px auto 0;
text-align:center;
width:100%;
}
/***********************foother*************************/

/***********************BUTTONS*************************/
.toolbar{float: right;margin-top: 10px;}
.CommandButton {color: white; background-color: #414B67; border: 1px solid #838EA9;cursor: pointer; text-align: center;}
.CommandButton:hover {background-color: #616B87;}
.width150{width: 150px}
.deleteButton {display: inline-block; width:70px; text-indent: 18px; text-align: left; background-image:url(images/DeleteSmall.png); background-repeat: no-repeat;}
.acceptButton {display: inline-block; width:90px; text-indent: 18px; text-align: left; background-image:url(images/success.png); background-repeat: no-repeat;}
.refuseButton {display: inline-block; width:90px; text-indent: 18px; text-align: left; background-image:url(images/failed.png); background-repeat: no-repeat;}
.clone-button{display: inline-block; width:50px; height: 16px; text-indent: 18px; text-align: left; background-image:url(images/PageWhiteCopy.png); background-repeat: no-repeat;}
a.backButton, a.backButton:visited{display: inline-block; height:28px; width:60px; text-indent: 30px; text-align: left; background-image:url(images/backIcon.gif); background-repeat: no-repeat;}
/***********************BUTTONS*************************/

/***********************registration panel*************************/
#registrationPanel{}
#registrationPanel .Label{display: inline-block;  text-align: left; width: 120px; background-color: #F0F5F5; padding: 2px; margin: 1px; margin-right: 10px;}
#registrationPanel .BasicInfo{width: 350px;}
#registrationPanel .Companies{width: 350px}
#registrationPanel .reg-form-table{ width: 100%;}
#registrationPanel fieldset{ height: 190px; text-align:left; padding: 10px; }
#registrationPanel input {text-align: left; width: 150px}
#registrationPanel .registration-chck input {width: 15px; margin-right:5px; }
#registrationPanel fieldset legend {color: #2C6263; font-weight: bold;}
#registrationPanel ul{margin-left: 350px;list-style-type: disc;}
#registrationPanel .CommandButton {margin: 0 auto; text-align: center;}
#registrationPanel .resultpanel{text-align: center; margin: 30px;}
#registrationPanel .errorpanel{text-align: center; margin: 30px;}
#registrationPanel .resultText{font-size: 18px;}
#registrationPanel .icon {vertical-align: middle;}
#registrationPanel .title img {float: left;}
#registrationPanel div.progressPanel{margin-left: 100px; color: #2C6263;}
#registrationPanel div.progressPanel img{vertical-align: middle;}
#registrationPanel select{width: 150px; margin:0; padding:0;}
#registrationPanel p{color: #F77F00;}
/***********************registration panel*************************/

/**************************Login box***************************************/
#loginFormPanel .textbox{width: 150px; margin: 5px;}
#loginFormPanel .CommandButton {margin-right: 10px;}

/**************************Login box***************************************/

/**************************SUBMENU***************************************/
#submenu-panel {width: 650px; height: 36px;  margin: 0 auto;}
#submenu-panel li {margin:0; padding:0; width: 213px; float: left;}
a.submenu-item, a.submenu-item:visited{
		float:left;
		font-size:12px;
		line-height: 36px;        
		margin:5px 0 0;
		padding-left:7px;
		padding-right:0;
		text-align:center;
		white-space:nowrap;
		width: 213px;
		background-image:url(Images/submenu.jpg);
		background-repeat: no-repeat;
		display: block;
		text-decoration: none;
		color: White;
		font-weight: bold;
}
a.submenu-item:hover{background-image:url(Images/submenu_white.jpg); color: #2B6364;}
a.submenu-item-active,a.submenu-item-active:visited{background-image:url(Images/submenu_white.jpg); color: #2B6364;}
/**************************SUBMENU***************************************/

/**************************Pasword recovery***************************************/
.passwordRecoveryPanel{float:left; width: 500px;}
.successsResultPanel{margin-top: 10px; background-image:url(Images/successIcon.jpg); background-repeat: no-repeat; height: 45px; text-indent: 50px;}
.successsResultPanel .resultMessage{ color: green; display: block; padding-top: 10px; height: 20px;}
.failedResultPanel{margin-top: 10px; background-image:url(Images/failedIcon.jpg); background-repeat: no-repeat; height: 45px; text-indent: 50px;}
.failedResultPanel .resultMessage{ color: Red; display: block; padding-top: 10px; height: 20px;}
/**************************Pasword recovery***************************************/

.backIconPanel{float: right}

/*************LEFT MENU************************/
.left-menu ul { margin-bottom: 10px;}
.left-menu li
{  
	background-image:url(Images/greenBullet.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	margin-top: 5px;
	padding-top: 3px;
}
/*************LEFT MENU************************/

#default-title
{
	width: 800px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
}

.lopgged-user-panel
{
	position: absolute;
	right: 10px;
	top: 5px;
	text-align: right;
	color: white;
}
.role-name-label{font-size: 8px;}
.zavod-name-label{font-size: 8px;}
.zavod-number-label{font-size: 8px;}

#menuContainer
{
	margin-left: 110px;
	margin-top: 66px;
}

#banner-menu
{
	background-image:url(Images/banner_menu.png);
	width: 820px;
	height: 127px;
	position: absolute;
	left: 0;
	top: 0;
}

.red-row{background-color: #FCA3A3;}
.orange-row{background-color: #FCCF9C;}
.silver-row{background-color: Silver;}
.blue-font{color: Blue;}

.error-red {
    color: red;font-weight:bold;
}
.error-purple {
    color: #d6a1fb;font-weight:bold;
}


.ajax-loader
{
	position: absolute; 
	right: 10px; 
	top: 100px; 
	background-image:url(Images/ajax-loader.gif); 
	background-repeat: no-repeat;	
	width: 100px;
	height: 30px;
	text-indent: 30px;
	padding-top: 2px;
		
}
.ajax-progress
{
	background-color: White;
	background-image:url(Images/ajax-loader.gif); 
	background-repeat: no-repeat;	
	background-position: 10% 50%;	
	width: 120px;
	height: 25px;
	text-indent: 30px;
	padding-top: 2px;
	color: #2c6263;
	font-weight: bold;
	margin: 0 auto;
	border: 1px solid #2c6263;
	padding: 10px;	
}
.ajax-loader-transparentbg
	{		
		z-index: 10;
		filter: alpha(opacity=40);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		opacity: 0.4;				
	}



#totalContainer
{
	border-bottom:1px solid #99B8B3;
	font-size:large;
	font-weight:bold;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	width:80%;
}
#itemsCount-panel{float: left;}
#totalVyberSum-panel{ float: right;}
#totalVkladSum-panel{ float: right; padding-right: 10%;} 


a.oragnelink, a.oragnelink:visited {color:#ED7E00;}
a.active_menu {color:#ED7E00; text-decoration: underline;}


/******************************************CLIENT PAGES**********************************/
#client-banner
{
	background-image:url(Images/client_banner.jpg);
	width: 520px;
	height: 130px;
	margin: 0 auto;
}
.box-cardValidate-table
{
	background-color: White;  margin: 0 auto;margin-top: 50px;
}

.cardvalidation-snr-textbox
{
	border-width: 1px;
	border-style: dashed;
	border-color: #2C6263;
	background-color: #F1F5F6;
	text-align: center;
	font-size: 15px;
}
.part1{width: 70px;}
.part2{width: 75px;}
.part3{width: 15px;}


.cardvalidation-snr-textbox-failedformat
{	
	border-width: 1px;
	border-style: dashed;
	border-color: Red;
	background-color: #F1F5F6;
	text-align: center;
	color: Red;	
}
.cardvalidation-captchaCode-textbox
{
	border-width: 1px;
	border-style: dashed;
	border-color: #2C6263;
	background-color: #F1F5F6;
	font-size: 14px;
	text-align: center;
	width: 160px;
}
.cardValidate-ErrorMessage
{
	color: Red;
	width: 98%;
	text-align: center;
	display: block;
	border-width: 1px;
	border-style: dashed;
	border-color: Red;
	background-color: #FFDFE8;
}
/*******************************Carrier information form******************************/
#carrier-information-table input,textarea
{
	border: 1px solid #2C6263;
	width: 240px;
}

.client-files-download 
{
	padding-left: 20px;
}

.client-files-download li
{
	list-style-type: disc;	
}

/************timetable container  header************/
.line-owner-container
{
	font-size: 9px; float: right;
}
.line-validity-container
{
	font-size: 9px; float: right; clear: both; min-width: 200px; text-align: right;
}
.line-timetable-container
{
	clear: both; float: left; margin-top: 10px;
}
.direction-container
{
	float: left; margin-right: 10px;
	font-size: 11px;
}
/************timetable container  header************/

/**********************Timetable table********************/
.timetable-table
{
	border: 1px solid black;
	background-color: White;

}
.timetable-table th
{
	border-bottom: 1px solid black;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	background-color: Silver;
	text-align: center;
}

.timetable-table td
{
	padding-left: 3px !important;
	padding-right: 3px !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;	
	border-right: 1px solid black;
	font-size: 12px;
	text-align: center;
}

.timetable-table tr:hover
{
	background-color: #E9E9E9;
}

.signsrow
{
	background-color: #E9E9E9;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: silver;
}
.highlightrow
{
	font-weight: bold;
	font-size: 10px;
}
.timetable-tripsign-container{ width: 40px; text-align: center;}
.timetable-textsign{cursor: pointer; float: left; padding: 3px;}
.timetable-imagesign{cursor: pointer; float: left; padding: 3px;}
.timetable-table td.timetable-order-column{text-align: right;}
.timetable-table td.timetable-stopname-column{text-align: left;}

/**********************Timetable table********************/

/**********************sign list tale********************/
.timetable-signlist-maintable
{
	border: 0px solid black;
	margin-top: 10px;
}
.timetable-signlist-maintable th
{
	border-bottom: 0px solid black;
	text-align: left;
	padding-left: 10px;
}
.timetable-signlist-maintable td
{
	padding: 10px;
}

.timetable-signlist-table td
{
	font-size: 12px;
	padding: 0;
}
/**********************sign list tale********************/

/**********************NOTE list tale********************/
.timetable-notelist-maintable
{
	border: 0px solid black;
	margin-top: 10px;
}
.timetable-notelist-maintable th
{
	border-bottom: 0px solid black;
	text-align: left;
	padding-left: 10px;
}
.timetable-notelist-maintable td
{
	padding: 10px;
}

.timetable-notelist-table td
{
	font-size: 12px;
	padding: 0;
}
/**********************NOTE list tale********************/

/* AutoCompleteExtender start */
.list2
{
	border: 1px solid #0F686D;
	list-style-type: none;
	margin: 0px;
	background-color: #fff;
	text-align: left;
}

ul.list2
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
}

ul.list2 li
{
	padding: 2px 5px 0px 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #3C7273;
	line-height: 160%;
	background-image: none;
	text-align: left;
}

.listitem2
{
	color: #555;
}

.hoverlistitem2
{
	color: #000;
	background-color: #e6f2f2;
}
/* AutoCompleteExtender end */