﻿html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6,
	form, fieldset, a, img, table, tr, td { margin: 0; padding: 0; border: 0; } 
img { border:none; }

body
{
	background: #F8F8F8; 
	color: #333333; 
	font-size: 8pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
	padding:0;
	margin:0;
	min-height:687px;
	min-width:750px;
}

/*FIELDSET*/
*|html fieldset { border: 1px solid silver;	}
fieldset { padding:6px 10px 10px 10px; margin-bottom:10px; }
legend { padding-left:2px; padding-right:5px; margin-bottom:4px; }
/*END OF FIELDSET*/

select, input, textarea { font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif; font-size: 8pt; border: solid 1px #CCCCCC; } 

h1 {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif; font-size:12pt; font-weight:bold; margin: 0px 0px 10px 0px;}

h1.pageTitle { background-color:#F4F4F4; border:solid 1px #CCC; padding:7px 5px;  padding-left:15px;  font-size:10pt;  font-weight:bolder; }

h2 {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif; font-size:10pt; font-weight:bold; margin: 10px 0px 5px 0px;}

h3 {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif; font-size:8pt; font-weight:bold; margin: 10px 0px 5px 0px;}

p.comment {font-size: 8pt; margin-top: 10px;}

A {color: #004E98; text-decoration: underline;}
A:hover	{color: #003261; text-decoration: none;}

.radio input { border: 0px; border: none !important; vertical-align:middle; }
.radio label { vertical-align:middle; }
CheckBox { margin-right:10px; white-space:nowrap; height:18px; padding-left:20px; padding-top:0.5em; }


.pageHeader { height: 56px; background-image:url(Images/Layout/headerBackground.gif); }

.logo { float:left; width: 224px;  height: 100%; }
 
.tabList { height: 56px; margin-left:226px; }

.tabList > div { height:28px; width:100%; float:left; margin-top:28px; }

.leftTopTabPanelCorner { width:18px; margin-top:26px; height: 2px; background-image:url(Images/Layout/tabPanelBorder.gif); background-repeat:repeat-x; float:left; }

.rightTopTabPanelCorner { margin-top:26px; height: 2px; background-image:url(Images/Layout/tabPanelBorder.gif); background-repeat:repeat-x; margin-right:2px; }

.tab,.selectTab { height: 26px; float: left; }

.tabText  
{
	font-weight:bold; 
	font-size: 8pt; 
	width: 120px; 
	background-image: url(Images/Layout/selectTabBackground.gif);	
	text-align:center;
	height:26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	direction:none;
	overflow: hidden;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
 
.tabText a { text-decoration:none; }

.bottomTabBorder{height:2px;background-image:url(Images/Layout/selectBottomTabBorder.gif);}

.tabText > a{cursor:pointer;cursor:hand;color:#FFFFFF;display:block; margin-top:8px;}
.tabText > a:hover{	color:#ffff66;}

.tab > .tabText{background-image:url(Images/Layout/tabBackground.gif);}
.tab > .bottomTabBorder{height:2px;background-image:url(Images/Layout/bottomTabBorder.gif);}
.tab > .tabText > a{cursor:pointer;cursor:hand;color:Black;}
.tab > .tabText > a:hover{color: #4682b4;}

table.pageContent {width:100%; padding:0; border-collapse:collapse; background-color:White;}
.mainContent { border-bottom:1px solid #CCCCCC; min-height:631px; }

.tabContent { background-color: #FFFFFF;  }

.tabPanel { height:31px; background-image:url(Images/Layout/tabPanelBackground.gif); background-repeat:repeat-x; }

.leftTabPanelBorder { width:2px; height:31px; float:left; background-image:url(Images/Layout/leftTabPanelBorder.gif); }

.actionListControl { width: 7px; cursor:pointer; vertical-align:middle; }
.actionListControl:hover { background-color: #EEE; }

.tabPanelLCorner { width:2px; height:5px; float:left; background-image:url(Images/Layout/tabPanelLCorner.gif); }
.tabPanelContent { float:left; }
.rightTabPanelBorder
{
	width:2px;
	height:31px;
	background-image:url(Images/Layout/rightTabPanelBorder.gif);
	float:right;
	position:relative;
}

.tabPanelRCorner
{
	width:2px;
	height:5px;
	float:right;
	background-image:url(Images/Layout/tabPanelRCorner.gif);
	position:relative;
}

.tabPanelBBorder
{
	height:5px;
	background-image:url(Images/Layout/tabPanelBBorder.gif);
}

.tabMainContent
{
	border-left: 1px solid #CCCCCC;
	min-height:600px;
	padding:10px 15px;
    vertical-align: top;
}

/*ACTION PANEL*/
.actionListTBorder { height:2px; background-image:url(Images/Layout/actionListTopBorder.gif); }

.actionListHeader { height:31px; background-image:url(Images/Layout/actionListHeaderBackground.gif); background-repeat:repeat-x; text-align:center; }

.actionListRBorder { width:2px; height:31px; float:right; background-image:url(Images/Layout/actionListRBorder.gif); }

.actionListHContent { width:220px; float:left; height:100%; }

.actionListLBorder { width:2px; height:31px; float:left; background-image:url(Images/Layout/actionListLBorder.gif); }

.actionListLCorner { width:2px; height:5px; float:left; background-image:url(Images/Layout/actionListLCorner.gif); }

.actionListRCorner { width:2px; height:5px; float:right; background-image:url(Images/Layout/actionListRCorner.gif); }

.actionListBBorder { height:5px; width:224px; background-image:url(Images/Layout/actionListBBorder.gif); }

.actionList { width: 217px; vertical-align: top; }
.actionListTop { width: 224px; vertical-align: top; }

.actionListContent { min-height:600px; width:217px; float:17ft; clear:right; }

.actionListItemContent ul {padding:0px 0px 0px 25px; }
.actionListItemContent ul li {padding:2px 0px 5px 0px; }
.actionListItemContent .noItems {padding:5px 0px 5px 25px;}

.actionListItem { width: 194px; margin:10px auto; }

.actionListItemHeader { background-image:url(Images/Layout/listHeaderBackground.gif); background-repeat:repeat-y; padding:4px 0 4px 10px; width:100%; height:15px; color: #555555;  text-decoration: none;  font-weight: bold;  }

.actionListItemHeader > a { cursor:pointer; cursor:hand; color: #333333; text-decoration:none; width:160px; }

.actionListItemHeader > a:hover { color: #888888; }

.actionListItemContent { width:100%; overflow:hidden; background-image:url(Images/Layout/listBackground.gif); }

.listBBorder { height:6px; width:100%; background-image:url(Images/Layout/listBBorder.gif); }

.more { width:8px; height:15px; padding-right:20px; background-image:url(Images/Layout/more.gif); background-repeat:no-repeat; float:right; }

*+html .more  { position:relative; bottom:13px; }
/*END OF ACTION PANEL*/

separator
{
	padding-top:31px;
	height:100%;
}

/*BREADCRUMBS*/
div.breadcrumbs { padding:8px 15px; color:white; }

div.breadcrumbs a { font-weight:bold; color:white;}

div.breadcrumbs span.spacer { padding:0 5px; }
/*END OF BREADCRUMBS*/

/*HELP DIV*/
div.helpNote
{
    padding: 8px 5px 8px 32px;
    background-image: url(Images/lightbulb.png);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-color: #FFFFD5;
    border: 1px solid #DFDF00;
    margin-bottom: 10px;
}
/*END OF HELP DIV*/

/*ERROR DIV*/
div.errorNote
{
    padding: 8px 5px 8px 32px;
    background-image: url(Images/error.png);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-color: #FFCCCC;
    border: 1px solid #FF7C80;
    margin-bottom: 10px;
}
div.errorNote ul 
{
    margin-left: 25px;
    margin-top: 2px;
}

/*END OF ERROR DIV*/

/*NOTE DIV*/
div.infoNote
{
    padding: 8px 5px 8px 32px;
    background-image: url(Images/lightbulb.png);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-color: #FFFFD5;
    border: 1px solid #DFDF00;
    margin-bottom: 10px;
}
/*END OF NOTE DIV*/



/*EDIT FORMS*/
table.form
{
	margin:10px 0;
}
table.form tr td
{
	padding-top:10px;
	/*margin-top:5px;
	margin-bottom:5px;*/
}
div.formControl
{
	margin:15px 0;
}
div.formControlLeft
{
	margin-left:15px 0;
}
/*END OF EDIT FORMS*/

.aspChk label, .aspChk input { vertical-align:middle; }
.aspChk input { margin-left: 0;  }

/*ADDITIONAL ITEMS FOR VALIDATORS*/
.invalid
{
    background-color: #FB9B9D;
}
/*END OF ADDITIONAL ITEMS FOR VALIDATORS*/
span.lblChecked
{
    display: inline-block;
    white-space:nowrap;
    padding-left:20px;
    background: url('Images/Buttons/confirm_16.gif') no-repeat;
    background-position:left center;	
}


checkBox
{
    display:inline-block;
    white-space:nowrap;
    
}

div.ShowTreeInEdit
{
    padding-top:15px; 
    padding-left:7px;
}
/* Login page */
	div.login
	{
		margin: auto;
		margin-top:75px;
		width:300px;		
	}
	
	div.login td
	{
	    padding:4px;
	}
	div.login label
	{
		display:inline-block;
		vertical-align:middle;	
		font-weight:normal;
		width: 80px;
		font-size:11px;	
		text-align:right;	
	}
	div.login div.bottomMsg
	{
		margin-top:40px;
	}
	div.login input
	{
		vertical-align:middle;
		margin:5px 0px;
		height:18px;
		border-color:#7F9DB9;
	}
	div.login .submit
	{
		margin-left:83px;
		margin-right:30px;
	}
	div.login label.errorLabel
	{
		width:auto;
		font-weight:normal;
		color:Red;
		margin-left:4px;	
		margin-bottom:0px;  
		
	}
	.loginHead
	{
	    background-color:#F4F4F4;
	    border:1px solid #CCCCCC;
	    color:#000000;
	    padding:5px;
	    margin-bottom:5px;
	}
	 
	
	.textHighlighted
	{color:Red;}
	
	/*Popup-окно*/
	 .hidden {
    display: none;
  }
    #popup {
     background-color: #FFFFFF;
     position: fixed;
     left:0;
     top:0;
     /*width:300px;*/
     min-width: 300px;
     z-index: 11;
     padding:25px;
     border-color:Gray;
      border-style:solid;
  }

  
    /* Pop-up message and fading background */
  #opaco {
     background-color: #000000;
     left: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE8 */
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
     filter: alpha(opacity=70);/* IE4- */
     moz-opacity: 0; /* Mozilla */
     -khtml-opacity: 0; /* Safari */
     opacity: 0;  /* general CSS3 */
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 10;
   }
   #bodypopup
   {
       min-width:inherit;
       }
       
.closediv
{
    background-position: 5 top;
    background-attachment:scroll;
    background-image: url('Images/Icons/CloseGray.png');
    background-repeat: no-repeat;

    height: 32px;
    font-size: 10pt;
    font-weight: bolder;
    width:30px;
    margin-top:-12px;
    margin-right:-11px; 
    float:right;
}
.closedivparent
{ 
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
}
.vertMiddle, .vertMiddle span, .vertMiddle label, .vertMiddle input, .vertMiddle select, .vertMiddle textarea, .vertMiddle img
{
    vertical-align: middle;
}
img.ajaxLoading { visibility:hidden; }

.BlockTable
{
	background-color: #eff3f6;
	border: solid 1px #c5d0de;
}
.BlockTable td
{
	padding: 2px;
}
.BlockTable td.TextAlign
{
	text-align: right;
}
td.BlockTableHeader, th.BlockTableHeader
{
	background-color: #467bc9; 
	color: #fff;
	padding-left: 4px;
}