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

/* ******* --------------------------------------- MAIN --------------------------------------- *******/
html, body {
    width: 100%;
    height: 100%;
    font-family: arial;
    font-size: 12px;
}
#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: #808080;													/* <<<<<<<<<<<<<<<<< --------------------------------------- Link color --------------------------------------- *******/
}
a:hover, .Normal a:hover, a.Normal:hover, a.SkinObject:hover {
	color: #606060;													/* <<<<<<<<<<<<<<<<< --------------------------------------- Link hover --------------------------------------- *******/
	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: 948px;
	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: #303030;														/* <<<<<<<<<<<<<<<<< --------------------------------------- Heading color --------------------------------------- *******/
    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:#808080 none repeat scroll 0 0;							/* <<<<<<<<<<<<<<<<< --------------------------------------- Top bar color --------------------------------------- *******/
	height:28px;
}
#SearchBar {
	background-color: #808080;											/* <<<<<<<<<<<<<<<<< --------------------------------------- Top bar color --------------------------------------- *******/
	float: right;
	width: 50%;
}
#SearchWrapper {
	background-color: #404040;											/* <<<<<<<<<<<<<<<<< --------------------------------------- Search bar color --------------------------------------- *******/
	border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	float: left;
	height: 29px;
	width: 220px;
	_width: 260px;
}
#SearchBox {
	clear: right;
	padding: 0;
	margin: 6px 10px;
	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:#FFFFFF;
	font-weight:normal;
	width:36px;
	font-size: 11px;
	padding: 0px 6px;
	text-decoration: none;
}
a.SearchLink:hover {
	border: 1px dashed #ffffff;
}
input#dnn_dnnSearch_txtSearch {
	border: 1px solid #808080;
	width: 105px;
	font-size: 0.9em;
	margin: 0px 5px;
	padding: 0px 2px;
}
.RegLink {
	display: block;
	float: left;
	font-size: 11px;
	margin: 6px 0 6px 10px;
	padding-left: 18px;
	background-image: url(images/User.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height:150%;
}
.RegLink:link, .RegLink:active, .RegLink:visited {
	font-family: arial;
	color: #000000;
	text-decoration: none;
}
.RegLink:hover {
	font-family: arial;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/UserHover.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.LogLink {
	display: block;
	float: left;
	font-size: 11px;
	margin: 6px 0 6px 10px;
	padding-left: 18px;
	background-image: url(images/Login.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height:150%;
}
.LogLink:link, .LogLink:active, .LogLink:visited {
	font-family: arial;
	color: #000000;
	text-decoration: none;
}
.LogLink:hover {
	font-family: arial;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/LoginHover.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
/* ******* --------------------------------------- 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: 2000;
	text-align: left;
	padding: 4px;
	border-bottom: 6px solid #808080;										/* <<<<<<<<<<<<<<<<< --------------------------------------- Menu line color --------------------------------------- *******/
}
.Menu-Control
{
    margin: 0px;
    padding: 4px;
	margin-left: 50px;
	cursor: pointer;
}

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



/* span */
.Menu-Root
{
    color: #000000;
    padding: 4px 10px;
	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: #000000;
    padding: 4px 10px;
	background-image: url(images/HorizontMenu_Hover.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

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

.Menu-Root-Selected
{
    color: #ffffff;
    padding: 4px 10px;
	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 #505050;												/* <<<<<<<<<<<<<<<<< --------------------------------------- Submenu line separator color --------------------------------------- *******/
	border-top: 0px solid transparent;
}

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

/* 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: #808080; 												/* <<<<<<<<<<<<<<<<< --------------------------------------- Menu child background color --------------------------------------- *******/
}
.Menu-Child td {
	border-top: 1px dotted #505050;											/* <<<<<<<<<<<<<<<<< --------------------------------------- Menu child separator line color --------------------------------------- *******/
	color: #ffffff;
}
.Menu-Child-Hover td {
	color: 000000;
}
/* tr */
.Menu-Child-Selected
{
    color: #ffffff;
	background-image: url(images/HorizontMenuSel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.Menu-Child-Hover
{
    color: #000000;
    padding: 4px 10px;
	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: 10px;
}
.TopPane {

}
.MiddlePanes {

}
.MidPan {
	vertical-align: top;
	width: 204px;
	padding-right: 8px;
}
.TwoPan {
	vertical-align: top;
	padding-right: 8px;
}
.Pane {
	vertical-align: top;
}
.RightPane {
	vertical-align: top;
}
.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 0px;
}
.LeftPane2 {
	vertical-align: top;
	width: 185px;
	padding-right: 10px;
	background-position: right top;
	background-repeat: repeat-y;
	padding-right: 8px;
}
.MiddlePanes2 {
	vertical-align: top;
}
.RightPane2 {
	vertical-align: top;
	width: 185px;
	padding-left: 10px;
	background-image: url(images/VertDotBorder.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
.LeftMidPane, .RightMidPane {
	vertical-align: top;
	width: 49.9%;
}
.L_BottomMidPane, .M_BottomMidPane, .R_BottomMidPane {
	vertical-align: top;
	width: 33%;
}