/** Add css rules here for your application. */
.body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	/*border: 1px solid;*/
}

.labelHat{
	 padding-left: 5px;
	 width: 100%;
	 color: black;
}

.labelctgdata{
	 padding-left: 5px;
}

.svodTableHeader {
  background:#ffffff url(images/gradient-top32.png) repeat-x;
  color: #646464;
  text-align: center;
  height 32px;
  border: 1px solid #CCCCCC;
  padding-top: 5px;
}

/*.svodTableValueColumn {
	color: #646464;
  	text-align: left;
  	overflow: hidden;
  	background-color: #F1F3F3;
}*/

.svodTableValueColumnLight {
	color: #646464;
  	text-align: left;
  	background-color: #F6F8F8;
  	overflow: hidden;
}

.svodTableValueColumnDark {
	color: #646464;
  	text-align: left;
  	/*background-color: #E1E3E3;*/
  	background-color: #E6E8E8;
  	overflow: hidden;
}

.filterButton {
	background: url(images/filter.gif) no-repeat scroll 0 0 transparent;
	float: inherit;
	border: 0px solid transparent;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.filterButton:HOVER {
	background: url(images/filter_Hover.png) no-repeat scroll 0 0 transparent;
}

.filterRedButton {
	background: url(images/filterRed.gif) no-repeat scroll 0 0 transparent;
	float: inherit;
	border: 0px solid transparent;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.filterRedButton:HOVER {
	background: url(images/filterRed_Hover.png) no-repeat scroll 0 0 transparent;
}

.sortButtonNone {
	background: url(images/sortnone.gif) no-repeat scroll 0 0 transparent;
	float: inherit;
	border: 0px solid transparent;
	cursor: pointer;
	height: 18px;
	width: 18px;
}

.sortButtonNone:HOVER {
	background: url(images/sortnone_Hover.png) no-repeat scroll 0 0 transparent;
}

.sortButtonAsc {
	background: url(images/sortasc.gif) no-repeat scroll 0 0 transparent;
	float: inherit;
	border: 0px solid transparent;
	cursor: pointer;
	height: 18px;
	width: 18px;
}

.sortButtonAsc:HOVER {
	background: url(images/sortasc_Hover.png) no-repeat scroll 0 0 transparent;
}

.sortButtonDesc {
	background: url(images/sortdes.gif) no-repeat scroll 0 0 transparent;
	float: inherit;
	border: 0px solid transparent;
	cursor: pointer;
	height: 18px;
	width: 18px;
}

.sortButtonDesc:HOVER {
	background: url(images/sortdes_Hover.png) no-repeat scroll 0 0 transparent;
}

.SuggestComboBox {
     background-color: #f6f6f6;
     padding-left: 5px;
     padding-top:0px;
     height: 27px;
     background-image: url(images/comboPanel.jpg);
     background-repeat: no-repeat;
}

.SuggestComboBox-SuggestBox {
     background-color: #f6f6f6;
     height: 27px;
     margin: 0px;
     padding-bottom:2px;
     border: 0px;
     width:100%;
     position:relative;
     background-repeat: repeat-x;
     background-image: url(images/comboFon2.jpg);
     table-layout: fixed;
}

.SuggestComboBox-Button {
     border: 0;
     background-color: #f6f6f6;
     background-repeat: no-repeat;
     background-image: url(images/comboButton.jpg);
     padding-top: 0px;
     margin: 0px;
     height: 25px;
     width: 25px;
     cursor: pointer;
}

.hat {
	background: url(images/header.png) repeat-x scroll 0 0 transparent;
	float: inherit;
	height: 74px;
	width: 100%;
}

.hatGerb {
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 20px;
	position: fixed;
}

.hatRight {
	background: url(images/right_header.png) no-repeat scroll 100% 0 transparent;
    vertical-align: top;
}

.hatTitle {
    color: #667984;
    float: left;
    font-family: Arial Narrow,Georgia;
    font-size: 1em;
    left: 100px;
    margin: 0;
    padding-bottom: 12px;
    position: absolute;
    text-transform: uppercase;
    top: 23px;
    width: 540px;
    word-spacing: 2px;
    font-weight: bold;
}