/***********************************************/
/* OpenLab CSS Theme                            */
/* By Rob Glaesemann aka labrat                 */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
a{
	color: #006699;
	text-decoration: none;
}
a:link{
	color: #006699;
	text-decoration: none;
}
a:visited{
	color: #006699;
	text-decoration: none;
}
a:hover{
	color: #006699;
	text-decoration: underline;
}
h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}
h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0 1.5em 0 1.5em ;
}
h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}
h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
ul{
 list-style-type: square;
}
ul ul{
 list-style-type: disc;
}
ul ul ul{
 list-style-type: none;
}
label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}
td {
    background: none;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color:#5d6e75;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align:left;
}
blockquote {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: italic;
	color:#7e96ac;
}
form {
	margin: 2px 0px 0px 2px;
}
hr {
	border-top: #666 1px solid;
	border-bottom: #eee 1px solid;
	height: 2px;
	width: 92%;
	text-align:center;
}

/***********************************************/
/* E107 Standard CSS Rules                     */
/***********************************************/

.smalltext {
    background: none;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color:#5d6e75;
}
.smallblacktext {
    background: none;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color:#000;
}
.defaulttext {
    background: none;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color:#000;
}
.mediumtext {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color:#ccc;
}
.captiontext {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 18px;
	color:#000080;
}
.tbox{
	background-color: #eaeef2;
	border-bottom: #5e5d63 1px solid;
	border-left: #5e5d63 1px solid;
	border-right: #5e5d63 1px solid;
	border-top: #5e5d63 1px solid;
	color: #000000;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
}
.button{
	background-color: #eaeef2;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	color: #000000;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 9px;
	text-align:center;
}
.np{
	background-color: #eaeef2;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	color: #000000;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 9px;
	text-align:center;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}
.spacer{
	padding-bottom : 2px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 2px;
}
.fborder {
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	background-color: #fff;
}
.forumheader{
	background-color: #EBEFF2;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	padding: 4px;
	background-image : url(../e107_images/forum/fcap2.png);
	border: #C3BDBD 1px solid;
}
.forumheader2{
	background-color: #EFEFEF;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}
.forumheader3{
	background-color: #E3E1E1;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}
.forumborder{
	border-bottom: #000080 1px solid;
	border-left: #000080 1px solid;
	border-right: #000080 1px solid;
	border-top: #000080 1px solid;
	background-color: transparent;
}
.fcaption {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 2px;
	background-color: #C9C7C7;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	background-image : url(../e107_images/forum/fcap.png);
	font-size: 12px;
	color:#fff;
}
.topbar {
	background-image : url(images/topbar.png);
}
.leftbar {
	background-image : url(images/leftbar.png);
}
.finfobar{
	background-color: #CCC8C8;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
	background-image : url(../e107_images/forum/finfobar.png);
}
a.forumlink{
	color: #fff;
	text-decoration: underline;
}

/* CSS Layout */

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header{
	margin: 0;
	padding: 15px 0px 0px 0px;
	width: 100%;

}
#menuleft{
    float:left;
	width: 21%;
	border-right: 1px solid #63956E;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #63956E;
	margin: 0 0 0 4px;
	padding-left: 0px;
}
/* IE Hack */
*html #menuleft{
    float:left;
	width: 21%;
	border-left: 1px solid #63956E;
	margin: 0 0 0 2px;
	padding-left: 0px;
}

.storytable{
  margin: 4px 0 0 4px;
  float: left;
  width: 56%;
}

#menuright{
    float: right;
	width: 20%;
	font-size: 12px;
	margin: 0 4px 0 0;
	padding: 2px 0 0 0;
    border-left: 1px solid #63956E;
}
/* IE Hack */
*html #menuright{
    float: right;
	width: 20%;
	font-size: 12px;
	margin: 0 2px 0 0;
	padding: 2px 0 0 0;
	border-bottom: 1px solid #63956E;
	border-left: 1px solid #63956E;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#menuright li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #menuright li {border-bottom: none;}
#menuright ul {list-style: none; margin: 0; padding: 0;}

#footer{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
/***********************************************/
/* HEADER Components                      */
/***********************************************/

/************* #search styles ***************/
#search{
	margin: 0px;
	padding: 1px 4px 4px 10px;
	font-size: 90%;
	text-align:right;
	display:block;
	float: right;
}
#search form{
 margin: 0px;
 padding: 0px;
}
#search label{
	margin: 0px;
	padding: 0px;
}

*html #search{
	margin: 0px;
	padding: 4px 4px 0px 10px;
	font-size: 90%;
	text-align:right;
	display:block;
}

#sitename{

	margin: 0;
	padding: 5px 0 7px 5px;
}


/*************** #slogan styles **************/
#slogan{
	font-size:12px;
	text-align: left;
	margin: 0px;
	padding: 4px 0px 4px 10px;
	background-color: #859F8A;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}

/************* #sitelinks styles **************/
#sitelinks{
	font-size: x-small;
	margin: 0px 4px;
	padding: 0px;
}

/* ----- Pure CSS tabs start here ----- */

#sitelinks ul {
  display: block;
  list-style: none outside;
  padding: 0;
  margin: 0 4px 0 8px;
  font-family: Verdana, sans-serif;
  font-size: x-small;
}

#sitelinks li {
  padding: 0;
  margin: 0 2px 0 0;
  font-weight: bold;
  /* the next 4 lines are magic */
  display: block;
  float: left;
}

#sitelinks a:link,
#sitelinks a:visited {
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
}

#sitelinks a:hover {
  text-decoration: underline;
}
/* MENU BAR ===================================================================== */
.menu_button {
   background-color: white;
   -moz-border-radius: 5px 5px 0 0; /* SINCE IE SUCKS SO BAD...LET'S GIVE A LITTLE LOVING TO MOZILLA */
   border-top: 1px solid #42658c;
   border-left: 1px solid #42658c;
   border-right: 1px solid #42658c;
   padding: 0 10px;
   float: left;
   line-height: 19px;
   height: 19px;
}
.menu_button a:hover { 
	text-decoration: none; 
}
/* IE HACK OF ABOVE */
* html .menu_button {
	font-size:10px;
	background-color: white;
	border-top: 1px solid #42658c;
	border-left: 1px solid #42658c;
	border-right: 1px solid #42658c;
	padding: 0px;
	float: left;
 }

.menu_button_selected {
   color:#FFFFFF;
   background-color: #63956E;
   -moz-border-radius: 5px 5px 0 0; /* SINCE IE SUCKS SO BAD...LET'S GIVE A LITTLE LOVING TO MOZILLA */
   border-top: 1px solid #42658c;
   border-left: 1px solid #42658c;
   border-right: 1px solid #42658c;
   padding: 0 10px;
   float: left;
   line-height: 19px;
   height: 19px;
}
.menu_button_selected a:link,
.menu_button_selected a:visited {
  color:#FFFFFF;
}

.menu_button_selected a:hover {
  text-decoration: none;
}
/* IE HACK OF ABOVE */
* html .menu_button_selected {
   font-size:10px;
   color:#FFFFFF;
   background-color: #63956E;
   -moz-border-radius: 5px 5px 0 0;
   border-top: 1px solid #42658c;
   border-left: 1px solid #42658c;
   border-right: 1px solid #42658c;
   padding: 0;
   float: left;
}
* html .menu_button_selected a:link,
.menu_button_selected a:visited {
  color:#FFFFFF;
}

* html .menu_button_selected a:hover {
  text-decoration: none;
}
#navclear {
  display: none;
}
html>body #navclear {
  display: block;
  clear: both;
}
/************* #login styles *************/
#login{
	display:block;
    clear: both;
	font-size: 80%;
	text-align:center;
    margin: 0 4px 0 4px;
	padding: 0; 
	background-color: #63956E;
	color: #CCCCCC;
    line-height: 25px;
    height: 25px;
    -moz-border-radius: 5px 5px 0 0; /* SINCE IE SUCKS SO BAD...LET'S GIVE A LITTLE LOVING TO MOZILLA */
}
#login a{
	color: #cccccc;
	text-decoration: none;
}
#login a:hover{
	color: #ffffff;
	text-decoration: underline;
}
#login .mediumtext {
color:#FFFFFF;
}
/************* IE Hack *************/
*html #login{
	display:block;
    clear: both;
	font-size: 80%;
	text-align:center;
	padding: 3px 0 0px 0; 
	background-color: #63956E;
	color: #CCCCCC;
    height: 25px;
}
*html #login a{
	color: #cccccc;
	text-decoration: none;
}
*html #login a:hover{
	color: #ffffff;
	text-decoration: underline;
}

/************** #advert styles **************/
#advert{
	padding: 30px 0px 10px;
}
#advert img{
	display: block;
}

/***********************************************/
/* LEFTMENU Components -> menu 1, menu 2, menu 3*/
/***********************************************/
/************** #menu1 styles **************/
#menu1{
	margin: 0px 0 0 0;
	text-align:center;
	padding: 0px 0px 10px 0px;
	font-size: 80%;
	background-color: #D5E4D3;

}
#menu1 h3 {
    background: rgb(33%, 33%, 33%); 
	color: white;
    text-align: center; 
	margin: 0; 
	padding: 0.25em 0 0.125em 0;
}


/************** #menu2 styles **************/
#menu2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 80%;
	background-color: #D5E4D3;
}
#menu2 p{
	padding: 5px 0px 5px 0px;
}
#menu2 b{
	font-size:x-small;
	padding: 5px 0px 5px 4px;
	color:#333333;
	font-weight: bold;
}
#menu2 h3 {background: rgb(33%, 33%, 33%); color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}
#menu2 .smalltext {
    padding: 0px 0px 0px 4px;
}
#menu2 .smallblacktext {
    padding: 0px 0px 0px 4px;
}
#menu2 .defaulttext {
    padding: 0px 0px 0px 4px;
}
#menu2 .mediumtext {
    padding: 0px 0px 0px 4px;
}
#menu2 .captiontext {
    padding: 0px 0px 0px 4px;
}

/************** #menu3 styles **************/
#menu3{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size: 80%;
	background-color: #eee;
}
#menu3 p{
	padding: 5px 0px 5px 0px;
}
#menu3 b{
	font-size:x-small;
	padding: 5px 0px 5px 4px;
	color:#ffffff;
	font-weight: bold;
}
#menu3 h3 {background: rgb(33%, 33%, 33%); color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}
#menu3 .smalltext {
    padding: 0px 0px 0px 4px;
}
#menu3 .smallblacktext {
    padding: 0px 0px 0px 4px;
}
#menu3 .defaulttext {
    padding: 0px 0px 0px 4px;
}
#menu3 .mediumtext {
    padding: 0px 0px 0px 4px;
}
#menu3 .captiontext {
    padding: 0px 0px 0px 4px;
}


/***********************************************/
/* MAIN CONTENT Components                     */
/***********************************************/

/**************  NEWSSTYLE styles *****************/
#welcome{
	margin: 0 0 10px 0px;
	padding: 4px 10px 10px 10px;
	border-bottom: 1px solid #000000;
	text-align:left;
}
#welcome h3{FONT-SIZE: 1.2em; MARGIN: 1em 0px 0px; COLOR: #333333; text-align: left;}
#welcome p{	
   font-size:12px;
   text-align: justify;
   color: #000000;
   line-height: 1.5em;
}
#welcome img{float: right; margin: 0 0 0 10px; padding: 0 0 10px 10px;}
#welcome b{color: #63956E;}
	
.title{
	FONT-SIZE: 1.2em;
	MARGIN: 1em 0px 0px;
	COLOR: #36c;
	
}
.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}
.story p{
	padding: 0px 0px 10px 0px;
}

.story h3{
	color:#63956E;
	padding: 0px 0px 10px 0px;
}
.date{
	FONT-SIZE: 1.2em;
	MARGIN: 1em 0px 0px;
	COLOR: #CCCCCC;
	font-style: italic;
}


/***********************************************/
/* RIGHT MENU Components                       */
/***********************************************/

/***********************************************/
/* RIGHTMENU Components -> menu 4, menu 5, menu 6*/
/***********************************************/
/************** #menu4 styles **************/
#menu4{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 4px;
	background-color: transperant;
}
#menu4 br {
    display:none;
}
#menu4 p{
	padding: 5px 0px 5px 0px;
}
#menu4 h3 {
	
	color: black;
	text-align: left;
	margin: 0px 0px 4px 0px;
	padding: 8px 0 4px 0;
	border-bottom: 1px solid #63956E;
	border-right: 1px solid #63956E;

}
#menu4 a, #menu4 a:visited {display: block;
   margin: 0 0 0 3px; padding: 1px 5px 1px 10px;
   border-left: solid #D5E4D3 7px;
   border-bottom: solid #D5E4D3 1px;
   text-decoration: none;
   font: bold 100% Arial, Verdana, sans-serif;
   color: rgb(30%,30%,60%); background: transparent;}
#menu4 a:hover {background-color: #eee;
   border-left: 7px solid #63956E;
   border-bottom: 1px solid #63956E;
   padding-left: 10px; margin-right: 0;}


/************** #menu5 styles **************/
#menu5{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 4px;
	background-color: transperant;
}
#menu5 br {
    display:none;
}
#menu5 h3 {   	
    color: black;
	text-align: left;
	margin: 0px 0px 4px 0px;
	padding: 8px 0 4px 0;
	border-bottom: 1px solid #63956E;
	border-right: 1px solid #63956E;
   }
#menu5 h4 {background-color: transparent; color: rgb(30%,20%,10%);
   margin: 0 0 0 3px; padding: 1em 0 0; 
   font: bold 100% Arial, Verdana, sans-serif;
}
#menu5 a, #menu5 a:visited {display: block;
   margin: 0 0 0 3px; padding: 1px 5px 1px 10px;
   border-bottom: solid #E3E1E1 1px;
   text-decoration: none;
   font: bold 100% Arial, Verdana, sans-serif;
   color: rgb(30%,30%,60%); background: transparent;}
#menu5 a:hover {background-color: #eee;
   border-left: 7px solid #D5E4D3;
   border-bottom: 1px solid #D5E4D3;
   padding-left: 3px; margin-right: 0;}
#menu5 forumheader3{
	margin: 2px 0 0 0;
	padding: 0px 0px 20px 0px;
	background-color: #D5E4D3;
 	border-color: #ffffff;
}
#menu5 forumheader2{
	margin: 0px;
	padding: 4px 0px 20px 0px;
	background-color: #D5E4D3;
 	border-color: #ffffff;
}

/************** #menu6 styles **************/
#menu6{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 4px;
	background-color: transperant; 
}
#menu6 p{
	padding: 5px 0px 5px 0px;
}
#menu6 b{
	font-weight: normal;
	font-size: x-small;
}
#menu6 h3 {  
	color: black;
	text-align: left;
	margin: 0px 0px 8px 0px;
	padding: 8px 0 4px 0;
	border-bottom: 1px solid #D5E4D3;
	border-right: 1px solid #D5E4D3;
}
#menu6 a, #menu6 a:visited {display: block;
   margin: 0; padding: 0;
   text-decoration: none;
   font: bold 100% Arial, Verdana, sans-serif;
   color: rgb(30%,30%,60%); background: transparent;}

/***********************************************/
/* FOOTER Components                           */
/***********************************************/
/************* #footer styles ***************/

#footer img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}