/* 
================================
Skin Styles for DotNetNuke - XDMediaMadness Themes - dnn3@xd.com.au
Updated March 2008 for DNN 4.5 and above 
Copyright Nina Meiers - Credits must remain in file.
http://www.xd.com.au
================================
*/

.pagemaster
{
	width: 900px;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
}
html
{
	height: 100%;
}
body {
  text-align: center;
  margin: 0px auto;
  font-family: Tahoma, Geneva, Arial, Helvetica,Verdana, sans-serif;
  font-size: 14px;
  color: #404040;
	width: 100%;
	height: 100%;
}
.outbg {
	/*
	position: absolute;
	top: 0px;
	left: 0px;
*/
	background: #242424 url( 'bluepix/1x1x242424.gif' ) repeat;
	width: 100%;
	height: 99%;
}

/*-- Default classes --*/
table, p, li
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	margin: 0px 0px 0px 0px;
	text-align:left;
}

h1
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
}
h2
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	font-weight: bold;
}
h3
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	font-weight: bold;
}

a:link, a:visited, a:active
{
	text-decoration: none;
	color: #204080;
	font-style: normal;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
	color: #ff6600;
}

hr
{
	height: 1px;
	color: #204080;
}

/* custom classes */

.header
{
	width: 900px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.banner
{
	background: url(bluepix/header.jpg) top center no-repeat;
	height: 242px;
}
.bannerinfopage
{
	background: url(bluepix/headerinfopage.jpg) top center no-repeat;
	height: 242px;
}
.bannerright
{
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-align: right;
	height: 26px;
	padding-top: 15px;
	color: #ffffff;
	line-height: 12px;
}

#login
{
	font-size: 11px;
	text-decoration: none;
	color: #fefefe;
	margin: 5px auto 0 auto;
	padding: 4px 15px 0px 0px;
	height: 30px;
	text-align: right;
}

.header2
{
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 24px;
	background-color: white;
}

.menubg
{
	background-color: #dddddd;
	text-align: left;
	border: solid 1px #aaaaaa;
}
.menu
{
	margin: 0px auto 0px auto;
	text-align: left;
}


/* skinobject classes */


.breadcrumb
{
	background: #ffffff;
	text-align: left;
	/*margin: 0px auto 0px auto;*/
	float: left;
	width: 680px;
	padding: 5px 20px 6px 17px;
}

.langholder
{
	color: #ffffff;
	text-align: right;
	line-height: 12px;
	padding-right: 3px;
}
.langholder img
{
	border: none;
	padding: 0px 0px 0px 0px;
}
.langholder select
{
	background: #204080;
	border: 1px solid #003366;
	color: #ffffff;
	width: 146px;
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

.terms
{
	float: right;
	bottom: 0px;
	margin-top: 10px;
	/*padding-right: 10px;*/
}
.copyright
{
	padding: 10px 0px 0px 0px;
	/*margin-left: 15px;*/
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #3040a0 !important;*/
}

.footer01
{
	/*background: url(bluepix/footer.png) top no-repeat;*/
	height: 25px;
	text-align: center;
}
.footer
{
	font-size: 10px;
	text-decoration: none;
	margin: 0px auto 0px auto;
	width: 100%;
	text-align: left;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
}


/* pane classes */
.content
{
	width: 860px;
	background: #ffffff;
	margin: 0px auto 0px auto;
	padding: 10px 20px 10px 20px;
}
.toppane
{
	padding: 4px 0px 0px 0px;
	text-align: left; 
	vertical-align: top;
}
.contentpanetop
{
	padding: 4px 0px 0px 0px;
	text-align: left; 
	vertical-align: top;
}
.leftpane
{
	padding: 0px 10px 0px 0px;
	text-align: left; 
	vertical-align: top;
}
.contentpane
{
	padding: 4px 0px 0px 0px;
	text-align: left; 
	vertical-align: top;
}
.rightpane
{
	width: 260px;
	padding: 10px 0px 0px 10px;
	text-align: left; 
	vertical-align: top;
}
.contentpanebottom
{
	padding: 4px 0px 0px 0px;
	text-align: left; 
	vertical-align: top;
}
.bottompane
{
	padding: 10px 0px 0px 0px;
	text-align: left; 
	vertical-align: top;
}
.bannerpane
{
	width: 200px;
	padding: 20px 10px 20px 550px;
	text-align: right; 
}
.bannerpaneinfopage
{
	width: 200px;
	padding: 20px 10px 20px 950px;
	text-align: right; 
}

/* easy classes - for light and dark backgrounds */
.darkbg
{
	font-size: 11px;
	font-family: Tahoma, Geneva, Arial, Helvetica,Verdana, sans-serif;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
}
a.darkbg:link, a.darkbg:visited, a.darkbg:hover, a.darkbg:active
{
	font-family: Tahoma, Geneva, Arial, Helvetica,Verdana, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
	border: 0;
	font-weight: normal;
}
a.darkbg:hover
{
	background-color: transparent;
	text-decoration: none;
	color: #eeeeee;
	border: 0;
	font-weight: normal;
}

.lightbg {
	color: #3040a0;
	font-family: Tahoma, Geneva, Arial, Helvetica,Verdana, sans-serif;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
}

a.lightbg:link, a.lightbg:visited, a.lightbg:hover, a.lightbg:active
{
	font-family: Tahoma, Geneva, Arial, Helvetica,Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #3040a0; /*203060;*/
	background-color: transparent;
	border: 0;
	font-weight: normal;
}
a.lightbg:hover
{
	color: #f67611;
	text-decoration: underline;
	background-color: transparent;
}

/* Search boxes */
.search
{
	float: left;
	background-color: #ffffff;
	width: 163px;
	padding: 4px 20px 2px 0px;
	vertical-align: bottom;
}
.search img
{
	border: none;
}
.search input
{
	/*line-height: 14px;*/	
	/*background: #ffffff;*/	/*border: 1px solid #000000;	color: #1f558b;*/	/*width: 120px;*/
}

.SearchField /* image og link */
{
	padding: 2px 0px 0px 0px;
	background-color: #ffffff;
	text-align: right;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #204080;
	vertical-align: bottom;
}
a.SearchField
{
	color: #204080 !important;
	text-decoration: none !important;
}
a.SearchField:hover
{
	text-decoration: underline !important;
}
#dnn_dnnSEARCH_txtSearch.NormalTextBox /* inputfeltet */
{
	/*margin: 0px 0px 0px 0px;*/
	padding: 2px 0px 2px 2px;
	height: 14px;
	border: solid 1px #000000;
	width: 130px;
}


/* dnn classes */

.SubHead
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.Head
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
	background-color: transparent;
}

.normal, .Normal
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 1px 0px 1px 0px;
}
.NormalBold
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.NormalRed
{
	color: #990000;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

a.Normal:link, a.Normal:visited, a.Normal:active
{
	text-decoration: underline;
}
a.Normal:hover
{
	text-decoration: none;
}

select, input
{
	font-family: tahoma;
	font-size: 11px;
	color: #555555;
}
.NormalTextBox
{
	color: #333333;
	padding-left: 4px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}

.TreeViewMenu
{
	color: #000000;
}
.TreeViewMenu img
{
	height: 15px;
	margin: 0px auto;
	padding:0px;
}
a.TreeViewMenu:link, a.TreeViewMenu:visited, a.TreeViewMenu:active
{
	text-decoration: none;
	color: #204080;
	font-style: normal;
	text-decoration: underline;
}
a.TreeViewMenu:hover
{
	text-decoration: none;
	color: #ff6600;
}

/* Nav Menu - using DNN Menu for DotNetNuke 3.3 & 4.3 */
/* Modified by Nina Meiers - http://www.xd.com.au - dotnetnuke@xd.com.au */

.main_dnnmenu_bar
{
	cursor: auto;
	/*height: 25px;*/
	line-height: 25px;
	background-color: Transparent;
}

.main_dnnmenu_rootitem
{
	/* Add TD if yes for tables option for menu */
	cursor: auto;
	color: #000000;
	font-size: 9pt;
	font-weight: 100;
	font-style: normal;
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap; /*Word wrapping menu item now optional*/
	padding: 3px 3px 3px 3px; /* creates spacing between root menu items */
	height: 25px;
}

.main_dnnmenu_icon
{
	cursor: auto;
	text-align: center;
	width: 3px;
	height: 25px;
}
.main_dnnmenu_break
{
	height: 25px;
	font-size: 1px;
}
.main_dnnmenu_arrow
{
	border-right: #d1dbed 1px solid;
	border-bottom: #d1dbed 1px solid;
	border-top: #d1dbed 0px solid;
	font-family: webdings;
	font-size: 10pt;
	cursor: auto; /* arrows will not display if function is not set in ascx/xml file*/
}
.main_dnnmenu_rootmenuarrow
{
	font-family: webdings, sans-serif;
	font-size: 10pt;
	cursor: auto; /* arrows will not display if function is not set in ascx/xml file*/
}

.StyleIconBackColor
{
	background-color: transparent;
}

/* for customised menu colours */

.main_dnnmenu_container
{
	background-color: transparent;
	width: auto;
}
.main_dnnmenu_itemhoverroot td
{
	/*background-image: url(pix/orange01.jpg);*/
	white-space: nowrap;
	background-color: #147c97;
}
.main_dnnmenu_item
{
	/* Add TD if yes for tables option for menu */
	cursor: auto;
	color: #000000;
	font-size: 9pt;
	font-weight: 100;
	font-style: normal;
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap; /*Optional - Word wrapping menu item*/
	height: 25px;
}

.main_dnnmenu_itemhover
{
	/*color: inherit;*/
	color: #ffffff;
	background-color: #1aa2bc;
	/*background-image: url(pix/orange01.jpg);*/
	padding: 3px 3px 3px 3px;
	white-space: nowrap;
	height: 25px;
}
.main_dnnmenu_itemhover td
{
	background-color: #1aa2bc;
	color: #ffffff;
	/*background-image: url(pix/orange01.jpg);*/
	white-space: nowrap;
	height: 25px;
}

/* changing padding here to give more space on sub menu text - check browsers for behaviour */
.main_dnnmenu_submenu
{
	background-color: #bbbbbb;
	color: #000000;
	z-index: 1000;
	cursor: auto;
	border: solid 1px #999999; /*filter: progid:DXImageTransform.Microsoft.Shadow(color= '#696969' , Direction=135, Strength=3);*/
	padding: 3px 3px 3px 3px; /* creates spacing between sub-menu items */
	white-space: nowrap;
	width: auto;
}



