@import url(override_dnn_default.css);
@import url(solparmenu.css);

/* Style the Control panel */
.controlpanel{background:#EEEEEE;border:#CCC solid;border-width:0px 0px 2px;}
.controlpanel img{margin:15px 5px 0px;}
.controlpanel td td td td img{margin:0px;}
.controlpanel td td td{width:auto;}
.controlpanel DIV{border:#CCC solid;border-width:0px 1px;width:3px;height:100px;}
.controlpanel td .SubHead{background:#EEEEEE;font-size:12px;color:#333;font-weight:bold;}
.controlpanel td td td .SubHead{background:transparent;border:0px;font-size:11px;color:#333;font-weight:normal;}
.controlpanel td td td input{font-size:11px;color:#000;font-weight:bold;padding-left:4px;}
.controlpanel td td td select{font-size:11px;color:#333;}
.controlpanel a.CommandButton{font-size:10px;text-decoration:none;}
.controlpanel a.CommandButton:link{color:#000;text-decoration:none;}
.controlpanel a.CommandButton:visited{color:#000;text-decoration:none;}
.controlpanel a.CommandButton:hover{color:#F00;text-decoration:underline;}
.controlpanel a.CommandButton:active{color:#000;text-decoration:none;}

/* Style the DNN style */
.Head
{
	font-size:16px;
}

/* Remove padding, marging, border, etc. from global elments */

HTML, BODY, DIV, SPAN, TABLE, TR, TH, TD, IMG
{
margin:0;
padding:0;
border:0;
}


/* Style the HTML and BODY elment */
HTML,BODY
{
	background:url(background-metal.gif) #323232;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

/* Link colors */
A:link, A:visited
{
	color: #0d890c;
}

A:active
{
	color: #890d0c;
}

/*
 *  Container Top level DIV
 */
DIV#container
{	
	width:934px;

	margin: 0 auto;
	
	text-align: left;
	
	/*position:relative; /* It's important for child elment postion */
}

/*
 *
 * SECTION
 *
 * An arbitrary main "section" of the page: the are white box, given round
 * rounded corners, etc.
 */

DIV.section
{
}

/* Draw rounded corners before the start of a section */
DIV.section > DIV.start
{
	width:880px;
	height:22px;
	
	padding:0 27px 0 27px;
	margin: 1px 0 0 0;

	background:url(section-corners-934.gif) no-repeat 0 -86px;
}

DIV.section > DIV.body
{
	width:880px;
	
	padding:0 27px 0 27px;
	
	background:url(section-background-934.gif) repeat-y;
}

DIV.section > DIV.end
{
	width:880px;
	height:29px;
	
	padding:0 27px 0 27px;
	
		/* 
	 * Height reflects the image height, we have negative bottom padding to
	 * bring the element below us up 9 pixels, flowing over the drop shadow
	 */
	margin: 0 0 -9px 0;

	background:url(section-corners-934.gif) no-repeat 0 -109px;
}

/* First setion gets gradient and padding on top */
DIV.section.first > DIV.start
{
	background:url(section-corners-934.gif) no-repeat 0 0;
	margin: 20px 0 0 0;
}


DIV#header > DIV#logo
{
	width:200px;
	position:absolute;

}

DIV#header DIV#login_and_search
{
	color:#464646;


	min-height:44px;
	width:300px;
	
	position:relative;
	left:580px;
	top:0px;
	
	margin-bottom:20px;
	
	text-align:right;

}

DIV#header DIV#login_and_search > *
{
	clear:right;
	float:right;
}

DIV#header DIV#login_and_search DIV#login
{
	width:300px;
}

DIV#header DIV#login_and_search DIV#search
{
	width:300px;
	
	margin:10px 0 0 0;

}

DIV#header DIV#login_and_search DIV#search > *
{
}

DIV#header DIV#login_and_search A
{
	font-weight:normal;
	color:#464646;
}

DIV#header DIV#login_and_search DIV#search INPUT#dnn_dnnSEARCH_txtSearch
{
}

DIV#header DIV#login_and_search DIV#search A.ssearch
{
	display:inline;
	height:16px;
	width:46px;
	
	text-indent:9999px;
	
	
	background:url(search-button.gif) no-repeat right top;

}

DIV#header > DIV#menu
{
	height:28px;
	width:880px;
	background:url(menubar-background.gif) repeat-x left bottom;
	border-bottom:1px solid #88CC81;
	border-right:1px solid #88CC81;
	position:relative;

}

DIV#header > DIV#menu > DIV#language
{
	position:absolute;
	right:10px;
	top:5px;
}

DIV#header-banner
{
	height:200px;
	width:880px;
	
	margin-top:20px;
	
	background:url(header-banner-background.jpg) no-repeat left top;
}

DIV.dynamic-header-banner
{
	height:350;
	width:880px;
	
	margin-top:20px;
}

/* Second section gets gradient at bottom */
DIV.section.second > DIV.end
{
	width: 880px;
	margin: 0 0 22px 0;
	padding-top: 35px;
	
	background: #ffffff url("section-corners-934.gif") no-repeat 0 -22px;
}

/* Content pane */


/* THREE COLUMN layout: three equal size columns */
DIV.three.column
{
	width:880px;
}

DIV.three.column DIV.left-column
{
	float: left;
	width: 200px;
	margin-right: 23px;
}

DIV.three.column DIV.center-column
{
	float: left;
	width: 434px;
	margin-right: 23px;
}

DIV.three.column DIV.right-column
{
	float: left;
	width: 200px;
}

DIV.three.column H3
{
	color: #303030;
	font-size: 11px;
	font-weight: bold;
}


/* TWO COLUMN layout: left column is small */
DIV.two.column
{
	width:880px;
}

DIV.two.column DIV.left-column
{
	float: left;
	width: 226px;
	margin-right: 24px;
}

DIV.two.column DIV.center-column
{
	float: left;
	width: 579px;
}


DIV.two.column H3
{
	color: #303030;
	font-size: 11px;
	font-weight: bold;
}


/* ALL columnar layouts are floated and need a clear */
DIV.column DIV.end
{
	clear:both;
}