﻿html, body, form
{
	margin: 0;
	padding: 0;
}

html
{
	height:100%;
}

body
{
	height:auto !important;
	height:100%;
	min-height:100%;
	min-width:100%;
}

/*Font*/
body
{
	font-size: 80%;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #333;
	background-color: #f5f5f5;
}

/*Font in table*/
table
{
	font-size:100%;
}

/*Links*/
a:link {color: #333;}
a:visited{color:#333;}
a:active {color: #2F7CCC;}
a:hover{color:#DD0000;}


small
{
	font-size:85%;
}

hr
{
	width:100%;
	height: 1px;
	border: medium none;
	color: #d1d0d0;
	background-color: #d1d0d0;
	margin:8px 0
}

#header
{
	position:relative;
	height:106px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background: #2F7CCC url(images/header_bg.gif) repeat-x;
	border-bottom:1px solid #D6D6D6;
}

#header_logo
{
	position:absolute;
}

#company_logo
{
	display:block;
	position:absolute;
	width:100px; 
	height:106px; 
	left:165px;
	top: 0;
	background:url(images/logo.gif) right center no-repeat;
}

#header_text
{
	position:absolute;
        right: 100px;
	top: 0;
	width: 330px;
	height: 106px;
	padding-left: 5px;
	padding-top: 5px;
	color: #333;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}


#header_logon
{
	position:absolute;					
	left:50px;						
	top: 0;							
	width:200px; 						
	height:105px;						
	padding-left:1px;					
	padding-top:1px;					
	color:#fff;						
	box-sizing:border-box;					
	-moz-box-sizing:border-box;				 
	background:url(images/logon.gif) left no-repeat;	
}


#header_logov
{
	position:absolute;					
	right:0px;						
	top: 0;							
	width:200px; 						
	height:105px;						
	padding-rigth:1px;					
	padding-top:1px;					
	color:#fff;						
	box-sizing:border-box;					
	-moz-box-sizing:border-box;				 
	background:url(images/logov.gif) right no-repeat;	
}


#header_text h1
{
	margin:0;
	padding:0;
	font-size:160%;
	border:none;
	text-decoration:none;
}

#header_text span
{
	font-size:80%;
}

/* Header menu: home, search, feedback*/
#header_menu
{

	background:#2F7CCC;
	position:absolute;
	right:55px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#header_sites
{
	position:absolute;
	right:55px;
	top: 60px;
	color:#fff;
	text-align:right;
}

#header_sites a, #header_sites span
{
	color:#fff;
	text-decoration:none;
}

#header_sites span
{
	color: #535353;
}

#header_menu a
{
	display:block;
	float:left;
	cursor:pointer; cursor: hand;
	padding:8px 11px;
}

#zebra
{
	height:20px;
	background:transparent url(images/zebra_bg.gif) left top repeat-x;
}

#navigation
{

}

/*Navigation*/
#navigation a
{
	font-size:95%;
	text-decoration:none;
	color:#535353;
}


#sape1
{
	position:absolute;
        left: 10px;
	top: 750px;
	width: 170px;
	height: 100px;
	padding-left: 10px;
	padding-top: 10px;
	color: #333;
	border: 0px solid #CECECE;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/*Content table*/
#content
{
	width:100%;
	height:70%;
	border-collapse:collapse;
}

/*Left column*/
#content .left-column
{
	width:180px;
	vertical-align:top;
	height:100%;
}

/*Main column*/
#content .main-column
{
	vertical-align:top;
	padding:0 23px 10px 23px;
}

/*Right column*/
#content .right-column
{
        width:180px;
	vertical-align:top;
        height:100%;
}

/*Bottom banner*/
#bottom_banner
{
	padding:5px;
	text-align:center;
}

/*Footer*/
#footer
{
	background: #f5f5f5;
	text-align:left;
	left: 300px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:100px;
	padding:5px;

}



#footer_text
{
	background: #f5f5f5;
	text-align:right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:100px;
	padding:5px;
}


/*Link in footer*/
#footer a
{
	color: #535353;
	font-size: 100%;
}

/*Data table*/
table.data-table
{
	border:1px solid #535353;
	border-collapse:collapse;
}

/*Any cell*/
table.data-table td
{
	border:1px solid #535353;
	background-color:#FFFFFF;
	color:#333;
	padding:3px 5px;
}

/*Head cell*/
table.data-table thead td, table.data-table th
{
	background-color:#F1F5FA;
	text-align:left;
	font-weight:normal;
	background-image:none;
	border:1px solid #535353;
	padding:4px;

	color:#333;
}

/*Body cell*/
table.data-table tbody td
{
	background-color:#FFF;
	background-image:none;
	color:#333;
}

/*Foot cell*/
table.data-table tfoot td
{
	background-color:#F1F5FA;
	padding:4px;
	color:#333;
}

/*Error & OK messages*/
.errortext
{
	color:red;
}
.ral {
   color: #FFF;
   border: 1px solid #CECECE;
   font-size: 92%;
   text-align: center;
}
   .ral td {
      padding: 2px;
   }
   .ral td.black {
      color: #000;
   }
   .ral .borderout {
      border: 1px solid #CECECE;
      padding: 2px 2px;
   }
   .ral td div {
      padding: 3px 2px;
   }
   .ral .head {
      color: #000;
      padding-left: 20px;
      text-align: left;
      font-size: 100%;
   }

.notetext
{
	color:green;
}

/* Used to draw a "star" near reqired field */
.starrequired
{
	color:red;
}

/* social network*/
div#sonet_events_ms_message {width:150px;}
