/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin:0;padding:0;}
/*table,th,td { border-collapse:collapse; border-spacing:0; }*/
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ul li{ list-style:none; }
ol li{ list-style-type: decimal }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
.clearfix{ clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#printables{ display: none; }

 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 ERROR CHECKING
 This is to determine if deprecated elements are used.
 If so, they should be replaced:
 1a. <font> and
 1b. <font color="xxx">…</font>: Shouldn’t be used.
 CSS should dictate font attributes.
 2. <center>: Shouldn’t be used. CSS should dictate
 horizontal alignment.
 3a. <div align="xxx">…</div>
 3b. <p align="xxx">…</p>
 3c. <table align="xxx">…</table>: Shouldn’t be used.
 CSS should dictate horizontal alignment.
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
 /* CSS Begin */
 /*
 font, center, div[align], p[align], table[align], font[color] {
   color : #cd0000;
   font-weight : bold;
   background : #eecc11 url(images/ajax-loading.gif) repeat 0 0;
   margin : 10px;
   padding : 10px;
   border : 2px dashed #cd0000;
   font-size : 2em;
}
*/

/* STYLE ***********************************************************************************************/

body
{
	/*font-size: 11px;*/
	/* set point: 16px, 11/15 -> 0,6875em -> 68.75% */
	font-size: 68.75%;
	font-family: Verdana, Arial, Sans-Serif;
	color: #000;
	background: #fff url('/gfx/BBS_BG.gif') repeat-x top;	
}

h1{ font-size: 21px; margin-top: 18px; } /* 32px */
h2{ font-size: 1.27em; font-weight: bold; } /* 14px */
h3{ font-size: 11px; font-weight: bold; } /* 12px; */

p{ margin-top: 1em; }
p.introduction{ font-weight: bold; margin: 1em 0; }


a{text-decoration: underline;}
/*a:link {color: #009fda;}*/
a:link {color: #005b82;}
a:visited {color: #666;}
/*a:hover {color: #005b82;text-decoration: underline;}*/
a:hover {color: #000; }
a:active {color: #aa272f;}

a.menuhead
{
	padding: 0.3em 0em 0.3em 0.0em;
	font-size: 1em;
	color: #009ee0;
	text-decoration: underline;
	margin: auto;
}
a.activemenuhead
{
	padding: 0.3em 0em 0.3em 0.0em;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	margin: auto;
}



input
{
	font-size: 1em;
	font-family: Verdana, Arial, Sans-Serif;
}

.ingress
{
	display: block;
	/*font-size: 1.27em;*/
	font-size: 12px;
	margin: 20px 0;
	font-weight: bold;
}

.ingress2
{
	display: block;
	/*font-size: 1.27em;*/
	font-size: 12px;
	margin: 0 0 10 0;
	font-weight: bold;
}

.ingress3
{
	display: inline;
}

/* LAYOUT ***********************************************************************************************/

#c_main
{
	width: 936px;
	margin: 0 auto;
	text-align: left;
	padding: 0 7px;
	background-color: #fff;	
	
}

/*** HEADER ***/
#c_header
{
	height: 91px;	
}


#c_header .logo
{
	float: left;
	margin: 11px 0 11px 11px;
}
#c_header .logoHeader
{
	height:58px;
	width:144px;
	background: #fff url('/newco/BBSnets.gif') repeat-x top;	
}
#c_header .quickbar
{
	position: relative;
	margin-left: -100px;
	width: 670px;
	overflow: hidden;
	text-align: right;
	padding: 8px 8px 0 0;
    float: right;
    vertical-align: bottom;
}

#c_header .quickbar ul,
#c_header .qbsearch
{
	float: right;	
}

#c_header .quickbar a
{
	padding: 0 7px;
	color: #000;	
}


/*** BREADCRUMB ***/

#c_breadcrumb{ width: 100%; }
#c_breadcrumb a{ text-decoration: none; }

/* clearfix */
#c_breadcrumb:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#c_breadcrumb .text
{
	background-color: #427730;
	float: left;
	width: 131px;
	padding: .4em 5px .4em 19px;
	color: #fff;
	height: 14px;	
}

#c_breadcrumb .breadcrumb
{
	width: 741px;
	float: left;
	border-left: 2px solid #fff;
	background-color: #7AB800;
	padding: .4em 5px .4em 33px;
	height: 14px;	
}

#c_breadcrumb .breadcrumb,
#c_breadcrumb .breadcrumb a{ color: #fff; }
#c_breadcrumb .breadcrumb a:hover { text-decoration: underline; }

/*** CONTENT AREA ***/
#c_content
{
	clear: both;
}

#c_columns
{
	
}


#c_leftcol
{
	/* minimum height for layout overall */
	width: 155px; 
	height: 400px;
	float: left;
	/*margin-top: 1px;	*/
}

#c_centercol
{
	margin-top: 1px;
	width: 408px;
	margin-left: 35px;
	float: left;
	overflow: hidden;
}

/* center and right col are combined in some page types */
#c_centerandrightcol
{
	margin-top: 1px;
	width: 776px;
	float: left;
	overflow: hidden;	
	margin-left: 2px;
}

#c_centerandrightcolwithmargin
{
	margin-top: 1px;
	width: 743px;
	margin-left: 35px;
	float: left;
	overflow: hidden;	
}

#c_printandtip
{
	height: 10px;
	background-color: #ccc;
}

#c_rightcol
{
	width: 311px;
	float: right;	
}

#c_footer
{
	margin: 20px 0 10px 0;
	padding: 2px;
	clear:left;
	background-color: #e5e2e2;
	color: #868686;
	text-align: center;
}



#c_mainregion
{
	clear: both;	
}

/* MAIN MENU *******************************************************************************************/

#c_topmenu
{ 
	text-align: left;
	display: block;
	clear: both;
	position: relative;
	z-index: 400;
	height: 24px;	
	background: url('/gfx/BBS_mainmenu_bg.gif') repeat-x bottom;
	margin-bottom: 8px;	
	font-size: 1.1em;	
}

#c_topmenu a{ color: #fff; text-decoration: none; }
#c_topmenu li.m_level2 a:hover{ text-decoration: underline; }


#c_topmenu li.m_level1
{
	height: 24px;
	display: inline;
	float: left;
	position: relative; 
}

/* m_hover mimics :hover pseudo class, handled in behaviour file IEdropdown.htc */
#c_topmenu li.m_level1:hover,
#c_topmenu li.m_hover,
#c_topmenu #selected{ background: #fff url('/gfx/BBS_mainmenu_active_bg.gif') repeat-x bottom; color: #fff; } 

#c_topmenu li.m_level1 a, 
#c_topmenu li.m_level1 span{ display: block; }
#c_topmenu li.m_level1 span{ padding: 4px 15px 5px 15px; }


/* rollover: */
#c_topmenu li.m_level1 ul
{
	padding: 10px;
	position: absolute;
	background: #2d2d2e url('/gfx/BBS_leftmenu_bg.gif') repeat-x top;
	clear: both;
	float: none;
	display: block;
	z-index: 1000;
	margin: 0 0 0 0; /* top margin MUST match this' vertical padding */
	/* w3c */
	left: -999em;
	/*left: -999em;*/
}

#c_topmenu li.m_level1:hover ul
{
	position: absolute;
	clear: both;
	/* w3c */
	left: auto;
	
}

#c_topmenu li.m_level2
{
	float: none; 
	width: 180px; /* might be skipped for IE, but not FF. Use !important? */
	padding: .2em .1em;
	overflow: hidden; 
	background: none;
}

/* SPECIAL UNITS ***************************************************************************************************/


#c_centercol li,
#c_centerandrightcol li,
#c_centerandrightcolwithmargin li
{
	list-style: outside disc;
	margin-left: 25px;
}


#c_centercol ul,
#c_centerandrightcol ul,
#c_centerandrightcolwithmargin ul
{
	margin-bottom: 1em;
}


#c_centercol ol li,
#c_centerandrightcol ol li,
#c_centerandrightcolwithmargin ol li
{
	list-style-type: decimal;
	
}


.fourgridcells
{
	width: 585px;	
}



/* GENERIC EPISERVER DIVS ***********************************************************************************************/

.leftfloating
{
	float: left;
}
.rightfloating
{
	float: right;
}
.centered
{
	text-align: center;
}
.rightaligned
{
	text-align: right;
}
.leftaligned
{
	text-align: left;
}
.hidden
{
	display:none;
}
img.borderless
{
	border: 0;
}
div.tablerow
{
	width: 99%;
	padding: 0.5em;
}
div.description
{
	float: left;
	width: 20%;
}
div.fullwidth
{
	width: 100%;
}
div.rightpadded
{
	padding-right: 1em;
}
div.clear
{
	clear: both;
}




.hrline
{
	color:Green;
	margin-top:0px;
}

#Date
{
	margin-top:10px;
	font-weight:bold;
	padding-bottom:0px;
}

/* UTIL */

.expanderContent .util{
	font-size: 1.1em;
	color: #888;
	width: 180px;
	float: right;
	text-align: right;
}

div.mainHeader {
	padding-left: 10px;
	height: 37px;
	line-height: 28px;
	margin-bottom: 30px;
	border-bottom: 1px solid #D3D3D3;
}

/*---- sIFR ---*/

@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	/* sIFR adjustments */

	.sIFR-active .eurostile {
		visibility: hidden;
	}
}