/*
	Developer: 	Netmester A/S.
	Description: Common Layout CSS

*/

/* P A G E      &     B A C K G R O U N D  */
HTML
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
BODY
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:100%;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 75%;
	color:#595959;
}
#mainform
{
	padding: 0px;
}
#bg_regular
{
	width:100%;
	background: url("images/bg_regular.gif") repeat-x;
	background-color:#F6F6F6;
	float:left;
}
#bg_front
{
	width:100%;
	background: url("images/bg_front.gif") repeat-x;
	background-color:#fff;
	height:100%;
	padding:0px;
	float:left;
}
#bg_content_regular
{
	width:970px;
	margin:auto;
	height:100%;
	background: url("images/bg_content_regular.gif") repeat-x;
	background-color:White;
}

#bg_content_front
{
	width:1010px;
	margin:auto;
	background: url("images/bg_content_front.gif") 0px 40px no-repeat;
}
#layout
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

/* T O P  */



#color_identity 
{
	position:absolute;
	left:80px;
	top:0px;
	width:168px;
}
#color_identity span 
{
	position:absolute;
	left:17px;
	bottom:20px;
	width:140px;
	font-size:20px;
	color:White;
}
#topimage
{
	margin-left:22px;
}
#topimage_page
{
	margin-left:12px;
}
#topname
{
	position:absolute;
	display:inline;
	left:38px;
	top:120px;
	font-size:20px;
	z-index:100;
	color:White;
/*	text-transform:capitalize;*/
}
#toptitle_section
{
	position:absolute;
	display:inline;
	left:210px;
	top:110px;
	font-size:30px;
	z-index:100;
	color:White;
}
.search
{
	position:absolute;
	right:70px;
	top:13px;
}

.search_page
{
	position:absolute;
	right:30px;
	top:13px;
}
.search input, .search_page input
{
	vertical-align:top;
	margin:0px;	
}
.search_button
{
	/*border: 0px; 
	cursor: pointer; 
	background-color:White; 
	color:#416166;
	-moz-opacity:90 ;
	filter:alpha(opacity=90);
	opacity: .90;
	vertical-align:top;
	padding:0px;
	margin:0px;
	position:absolute;
	top:-10px;
	_top:0px;
	right:-40px;
	_right:-30px;
	height:22px;
	padding-bottom:5px;*/
}


/*  I F    A R E A  */
#if_outer
{
	position:absolute; 
	top: 55px; 
	right:37px;
	width:213px; 
	height:230px; 	
	overflow:hidden;
}
#if_inner
{
	position:relative; 
	top:10px; 
	left:10px; 
	color:white; 
	font-size:130%; 
	display:inline;
}

/* C O N T E N T  */

#main_content_regular
{
	float:left; 
	margin-bottom:20px;  
	padding:0px; 
	width:100%;
	display:inline;
	background-color:#fff;
}
#main_content_front
{
	float:left; 
	margin:20px 0px 30px 0px;  
	padding:0px;
	padding-left:10px; 
	width:100%;
}
#content
{
	margin-top:25px;
							
}
#crossflowsfields
{
	float:left;
	margin-top:20px;
}


#content_page{
	float:left;
	width:519px;
	margin:0px 15px 10px 21px;
	overflow:hidden;
}

#contentWide{
	float:left;
	width:538px;		/*609*/	
	padding:0px 0px 0px 42px;	
	margin:0px 0px 10px 0px;	
	overflow:hidden;		
}
/* B R E A D   C R U M B   A R E A */
#breadCrumb
{
	float:left;
	width:519px;
	border-bottom:dotted 1px #B7B8BB;
	margin-bottom:40px;
	padding: 3px 0px 6px 0px;
}

/* F R O N T    C O N T E N T  */

#front_content_left
{
	float:left; 
	width: 292px; 
	margin:-5px 0px 0px 31px; 
	padding:0px;
	padding-right:8px;
}
#front_content_left .col
{
    float:left;
    width:146px;
    margin-top:20px;
    color:Black;
}
#front_content_right
{
	float:left; 
	width: 420px;
    min-height:170px;
    margin-top:-5px;
	padding:0px;
	padding-left:18px; 
	border-left:solid 1px #cccccc;
}
#front_content_right .col
{
    float:left;
    margin-top:20px;
    color:Black;
}


/* L E F T   M E N U   A R E A */
#leftmenu
{
	float:left;
	list-style:none;
	margin:24px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:100%;
	color:Black;
	font-weight:normal;
}


/* B O T T O M  */

#bottom
{
	top:20px; 
	padding:0px; 
	width:100%;
	display:inline;
}
#banners
{
	float:right;
	margin-right:25px;
	display:inline;
	
}
/* R I G H T   C O N T E N T  */

#rightColumn
{
	float:right;
	width:232px;
}
#rightList
{
	float:right;
	width:231px;
}


/*    P O P     U P     */

#popUp
{
	background-color:White;
	margin:auto;
	text-align:center;
	background: url("images/bg_content_regular.gif") repeat-x;
}
#popUp_content
{
	text-align:left;
	padding:30px 10px 5px 10px;	
}
#comment
{
	background:url(images/right_col_border_top.gif) repeat-x left bottom ; 
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	text-align:left;
	width:100%;	
}

.inline
{
	padding: 0px;
	margin: 0px;
	display: inline;	
}

/*   A C A D R E   */

td.left
{
	width: 190px;
	vertical-align: top;
	padding-right: 10px;
}

td.right
{
	width: 380px;
	vertical-align: top;
}

.leftad 
{
	width: 174px;
	vertical-align: top;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
}

.rightad
{
	width: 335px;
	vertical-align: top;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* CHW: added this class so you can do a clear both easier */ 
.clearboth
{
    clear: both;
}