/* ******* Styles for . Autor zarko@considero.net   16.02.2009. ******* */

/* ******* --------------------------------------- MAIN --------------------------------------- *******/
html, body {
	padding: 0;
	margin: 0;
    width: 100%;
	height:100%; /* needed for container min-height */
	/* background-image: url(images/background.gif);
	background-repeat: repeat-x;
	background-position: top; */
    font-family: Arial;
    font-size: 12px;
}
#Page {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background-image: url(images/background_body.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
#Form {
	text-align: center;
}
table {
    font-size: 100%;
}
p {
	padding: 0px;
	margin: 0.5em 0;
}
a:link, a:active, a:visited, 
a.Normal:link, a.Normal:active, a.Normal:visited, 
a.SkinObject:link, a.SkinObject:active, a.SkinObject:visited, 
.Normal a:link, .Normal a:active, .Normal a:visited {
	color: #4C97DE;
}
a:hover, .Normal a:hover, a.Normal:hover, a.SkinObject:hover {
	color: #006DD2;
	text-decoration: none;
}
a:active, a:focus{
    outline:none;
}
td {
	text-align: left;
}
/* ******* --------------------------------------- GENERAL --------------------------------------- *******/
.FullWH {
    width: 100%;
    height: 100%;
}
.FullW {
    width: 100%;
}
.FullH {
    height: 100%;
}
.MainW {
	width: 950px;
	margin: 0px auto;
}
.MainW800 {
	width: 760px;
	margin: 0px auto;
}
.MainW100 {
	width: 96%;
	margin: 0px auto;
}
.ControlPanel {
	background-color: #EFEFEF;
	border: 5px solid #FFFFFF;
	margin: 0 auto;
	width: 100px;
}
.ControlPanel table td {
	padding-left: 6px;
	padding-right: 6px;
}
/* ******* --------------------------------------- TEXT --------------------------------------- *******/
.Normal {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}
h1, h2, h3, h4, h5 {
    font-family: Arial;
    color: #000000;
    padding: 0px;
    border: 0px;
    margin: 0.5em 0 0.5em;
	font-weight: bold;
}
h1 {
    font-size: 1.8em;
	margin-top: 0.2em;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 10px;
}
/* ******* --------------------------------------- HEADER --------------------------------------- *******/
.SearchPane {
	background: none repeat scroll 0 0;
	height:20px;
}
#SearchBar {
	/* background-color: #FFFFFF; */
	clear: right;	
	margin: 0px 20px 6px 0px;
	width: 50%;
}
#SearchWrapper {
	/* background-color: #FFFFFF;
	border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF; */
	/* float: right; */
	height: 21px;
	width: 300px;
	_width: 340px;
}
#SearchBox {
	/* clear: right; */
	padding: 0;
	margin: 10px 0px;
	text-align: right;
}
.SmallWhiteBold {
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;	
}
a.SearchLink:link ,a.SearchLink:active , a.SearchLink:visited {
	/* border: 1px dashed transparent; */
	color:#333399;
	font-weight:bold;
	width:30px;
	font-size: 11px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
}
a.SearchLink:hover {
	font-family: Arial;
	color: #4C97DE;
	text-decoration: none;
}
input#dnn_dnnSearch_txtSearch {
	border: 1px solid #333399;
	width: 110px;
	font-size: 0.9em;
	margin: 0px 5px;
	padding: 0px 2px;
}
.RegLink {
	font-size: 11px;
	text-align:right;
	margin: 0px 20px 6px 0px;
	line-height:120%;
}
.RegLink:link, .RegLink:active, .RegLink:visited {
	font-family: Arial;
	color: #999999;
	text-decoration: none;
}
.RegLink:hover {
	font-family: Arial;
	color: #999999;
	text-decoration: none;
}
.LogLink {
	display: block;
	float: right;
	font-size: 11px;
	margin: 0px 20px 6px 0px;
	padding-left: 23px;
	line-height:120%;
}
.LogLink:link, .LogLink:active, .LogLink:visited {
	font-family: Arial;
	color: #999999;
	text-decoration: none;
}
.LogLink:hover {
	font-family: Arial;
	color: #999999;
	text-decoration: none;
}
#RegLogLinks {
	padding: 0;
	text-align: right;
	font-size: 11px;
	color: #666666;
}
#Contacts {
	padding: 0;
	margin: 0px 20px 0px 0px;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
}
/* ******* --------------------------------------- REST PANES --------------------------------------- *******/
.RestPanes {
	text-align: center;
}
#LogoPane {
	height: 10px;
	padding: 10px 0px 10px 10px;
	text-align: left;
	vertical-align: middle;
}
.TopBannerPane {
	padding: 0px 0px 10px 10px;
}
/* ******* --------------------------------------- HORIZONTAL MENU --------------------------------------- *******/
#HorizontalMenuPane {
	z-index: 9999;
	text-align: left;
	background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px 0px 0px 0px; /* controls lefthand position of menubar t-r-b-l*/
	/* border-bottom: 7px solid #006DD2; /* solid blue bar */	
	border-bottom: 7px solid #333399; /* solid blue bar */
}

.Menu-Control
{
    margin: 0px;
    padding: 0px;
	margin-left: 0px;
	cursor: pointer;
}

.Menu-Control *
{
    line-height: normal;
    text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}



/* span */
.Menu-Root
{
    color: #FFFFFF;
    padding: 4px 20px; /* controls padding around text t-r*/
	background-image: url(images/HorizontMenu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 1px;
}
.Menu-Root span {
	padding: 5px 0px;
}
/* span */
.Menu-Root-Hover
{
    color: #FFFFFF;
    padding: 4px 20px;
	background-image: url(images/HorizontMenu_Hover.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* span */
.Menu-Root-ChildSelected
{    
    color: #FFFFFF;
    padding: 4px 20px;
	background-image: url(images/HorizontMenuSel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 1px;
}

.Menu-Root-Selected
{
    color: #FFFFFF;
    padding: 4px 20px;
	background-image: url(images/HorizontMenuSel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* table */
.Menu-Child-Container
{
    background-color: transparent;
	_filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	/* border: 1px dotted #98caf4;
	border-top: 0px solid transparent; */
}

.Menu-Child-Container td
{
	padding: 4px 0px 4px 10px;
}

/* tr */
.Menu-Child-ChildSelected
{
    color: #FFFFFF;
	background-image: url(images/HorizontMenuSel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* td */
.Menu-Icon
{
}

/* tr */
.Menu-Child
{
    background-color: #4C97DE; 
}
.Menu-Child td {
	border-top: 1px solid #98caf4;
	/* border-top: 1px dotted #98caf4;  */
}

/* tr */
.Menu-Child-Selected
{
    color: #FFFFFF;
	background-image: url(images/HorizontMenuSel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Menu-Child-Hover
{
    color: #FFFFFF;
    padding: 4px 20px;
	background-image: url(images/HorizontMenu_Hover.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


/* Module Action Menus */

.ModuleTitle_MenuItem 
{
	border: #FFFFFF 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem td 
{
	cursor: pointer;
	color: #000000; 
	height: 21px;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}


.ModuleTitle_MenuIcon 
{
	cursor: pointer;
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer;
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  
{
	background-color: #EEEEEE; 
	font-size: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	color: #000000; 
	background-color: #C1D2EE;
}
/* ******* --------------------------------------- PANES --------------------------------------- *******/
.HeaderBreak {
	height: 5px;
}
.TopHeaderPane {	
	z-index:10;
	height: 170px;
	/* background-image: url(../../siteImages/pic-home-header.jpg);
	background-position: left top;
	background-repeat: no-repeat; */
}
.TopPane {

}
.ContentPane {
	vertical-align: top;
	padding-left: 1px;
	padding-right: 1px;
}
.MiddlePanes {

}
.Middle1Pane {
	padding-left: 14px;
	padding-right: 2px;
}
.MidPan {
	vertical-align: top;
	width: 204px;
}
.MidPanHm {
	vertical-align: top;
	width: 250px;
}
.TwoPan {
	vertical-align: top;
	padding-right: 8px;
}
.ThreePan {
	vertical-align: top;
	padding-right: 8px;
}
.Pane {
	vertical-align: top;
}
.RightPane {
	vertical-align: top;
	padding-left: 2px;
}
.LinksPane {
	padding-bottom: 3px;
	padding-top: 5px;
}
.LeftLinksPane {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	width: 49.9%;
}
.RightLinksPane {
	font-size: 11px;
	text-align: right;
	vertical-align: top;
	width: 49.9%;
}
.LinksPane .Normal, .LinksPane {
	color: #8F8F8F;
	font-size: 11px;
}
.CopyrightPane .SkinObject {
	font-size: 11px;
	color: #8F8F8F;
	font-weight: normal;
	font-family: arial;
}
.CopyrightPane {
	border-top: 1px solid #E3E3E3;
	padding: 8px 20px 8px 20px;
}
.LeftPane2 {
	vertical-align: top;
	width: 185px;
	padding-left: 0px;
	background-position: right top;
	background-repeat: repeat-y;
	padding-right: 8px;
}
.MiddlePanes2 {
	vertical-align: top;
}
.RightPane2 {
	vertical-align: top;
	width: 185px;
	padding-right: 0px;
	padding-left: 8px;
}
.LeftMidPane {
	vertical-align: top;
	padding-left: 1px;
	width: 49.9%;
}
.RightMidPane {
	vertical-align: top;
	padding-right: 1px;
	width: 49.9%;
}
.L_BottomMidPane, .M_BottomMidPane, .R_BottomMidPane {
	vertical-align: top;
	width: 33%;
	padding-right: 1px;
	padding-left: 1px;
}
.BottomPane {
	vertical-align: top;
	padding-left: 1px;
	padding-right: 1px;
}