/* Based on style of cback's ORION -cback- */
/* original css of cback, modified by motte */
/* sipport only on www.orionmods.de */

/* The content of the posts ( of text) */
body
{
  background       				 :#70A5CC;
  color						 :#000000;
	

  font						 :12px Verdana,Arial,Helvetica,sans-serif;
  margin					 :0px;
  padding					 :0px;
}


/* This is the gradient background at the top of the page */
.topbkg{background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x}
.topnav{font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#FF0000;
height:21px;white-space:nowrap;border: 0px solid #91a0ae;border-width: 1px 0px 1px 0px}


/* Div for images */

.o_l {
        float:left;background:  url(styleimg/o_l.gif) no-repeat ;
        height: 28px;
        width: 500pxpx;
        }

.o_l2 {
        float:left;background:  url(styleimg/o_l2.gif) no-repeat ;
        height: 28px;
        width: 36px;
        }
.o_l3 {
        float:left;background:  url(styleimg/o_l3.gif) no-repeat ;
        height: 28px;
        width: 400px;
        }

.o_c {
        background: url(styleimg/o_c.gif);
        height: 28px;
        }

.o_r {
        float:right;background:  url(styleimg/o_r.gif) no-repeat;
        height: 28px;
        width: 36px;
        }
.o_r2 {
        float:right;background:  url(styleimg/o_r2.gif) no-repeat;
        height: 28px;
        width: 36px;
        }

.u_l {
        float:left;background:  url(styleimg/u_l.gif) no-repeat;
        height: 17px;
        width: 36px;
        }

.u_c {
        background: url(styleimg/u_c.gif);
        height: 17px
        }

.u_r {
        float:right;background:  url(styleimg/u_r.gif) no-repeat;
        height: 17px;
        width: 36px;
        }

.u_l2 {
        float:left;background:  url(styleimg/u_l2.gif) no-repeat;
        height: 36px;
        width: 7px;
        }

.u_c2 {
        background: url(styleimg/u_c2.gif);
        height: 36px
        }

.u_r2 {
        float:right;background:  url(styleimg/u_r2.gif) no-repeat;
        height: 36px;
        width: 7px;
        }


/* Div fixed navi */
.navigation {
	position: absolute;
	width: 160px;
	height: 434px;
	float: left;
	top: 100px;
	left: 0px;
}

.navigation_main {
	position: fixed;
	width: 160px;
	height: 407px;
	left: 0px;
	top: 10px;
	background-image: url(../bnb/navi/mainbg_menu.png);
	z-index: 3;
}

.navigation_top {
	position: fixed;
	width: 160px;
	height: 15px;
	left: 0px;
	top: 0px;
	background-image: url(../bnb/navi/menu_top.png);
	z-index: 2;
}

.navigation_streifen {
	position: fixed;
	background-color: #9F0102;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 0px;
	top: 8px;
	width: 154px;
	height: 19px;
	text-align: right;
	padding-top: 4px;
	padding-right: 4px;
	overflow: hidden;
	z-index: 2;
	cursor: default;
}

.navigation_bottom {
	position: fixed;
	width: 160px;
	height: 15px;
	left: 0px;
	bottom: 2px;
	background-image: url(../bnb/navi/right_menu_bottom.png);
	z-index: 2;
}



/* General font families for common tags */
font,th,td,p
{
  font:12px Verdana,Arial,Helvetica,sans-serif
}

/* General text */
.gensmall
{
  font-size:10px
}


td.genmed,.genmed
{
  font-size:11px
}

.explaintitle
{
  font-size:11px;font-weight:bold;color:#0053B1
}

.explainecp,h1
{
  font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  text-decoration:none;
  color:#FF0000
}

/* General page style */
a:link,a:active,a:visited,a.postlink
{
  color:#0053B1;text-decoration:none
}


a:hover
{
  color:#FF0000
}


/* titles for the topics:could specify viewed link colour too */
.topictitle
{
  font-size:11px;font-weight:bold
}

a.topictitle:visited
{
  color:#0053B1
}

a.topictitle:hover
{
  color:#FF0000
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name
{
  font-size:11px;font-weight: bold
}

hr
{
  border: 0px solid #ffffff;border-top-width:1px;height:0px
}

/* Category gradients*/
td.cat
{
  font-weight:bold;letter-spacing:1px;background:#d9e2ec url(styleimg/cellpic1.gif);
  height:29px;text-indent:4px
}



/* Text and link to the forums div */


.ct		  { color: #0053B1; padding-top:7px; padding-left:8px; font-weight: bold; font-size: 12px; text-decoration: none; letter-spacing: 0px }
a.ct		  { color: #0053B1; text-decoration: none }
a.ct:visited      { color: #0053B1; text-decoration: none }
a.ct:hover        { color: #FF0000; text-decoration: underline }

.ct_2		  { color: #000000; font-weight: bold; font-size: 11px; text-decoration: none; letter-spacing: 0px }
a.ct_2		  { color: #000000; text-decoration: underline }
a.ct_2:visited    { color: #000000; text-decoration: underline }
a.ct_2:hover      { color: #FF0000; text-decoration: none }

.ct_3		  { color: #0053B1; padding-top:9px; padding-left:8px; font-weight: bold; font-size: 12px; text-decoration: none; letter-spacing: 0px }
a.ct_3		  { color: #0053B1; text-decoration: underline }
a.ct_3:visited    { color: #0053B1; text-decoration: underline }
a.ct_3:hover      { color: #FF0000; text-decoration: none }

.nav_link		  { color: #2E60CC; padding-top:10px; font-weight: bold; font-size: 10px;font-family: "Verdana", sans-serif , Helvetica, Trebuchet MS, Arial; text-decoration: none; letter-spacing: 0px }
a.nav_link		  { color: #2E60CC; text-decoration: none }
a.nav_link:visited        { color: #2E60CC; text-decoration: none }
a.nav_link:hover          { color: #D4A382; text-decoration: underline }

.nav2		  { color: #0053B1; font-weight: bold; font-size: 11px;font-family: "Verdana", sans-serif , Helvetica, Trebuchet MS, Arial; text-decoration: none; letter-spacing: 0px }
a.nav2		  { color: #0053B1; text-decoration: none }
a.nav2:visited    { color: #0053B1; text-decoration: none }
a.nav2:hover      { color: #1E4597; text-decoration: underline }

.maintitle2,hl2		  { color: #ffffff; font-weight: bold; font-size: 20px;font-family: "Verdana", sans-serif , Helvetica, Trebuchet MS, Arial; text-decoration: none; letter-spacing: 0px }
a.maintitle2,hl2		  { color: #ffffff; text-decoration: none }
a.maintitle2,hl2:visited  { color: #ffffff; text-decoration: none }
a.maintitle2,hl2:hover    { color: #E59A59; text-decoration: underline }

.gensmall2		  { color: #626262; font-size: 10px; text-decoration: none; letter-spacing: 0px }
.gensmall3		  { color: #ffffff; font-size: 10px; text-decoration: none; letter-spacing: 0px }


/* Main table cell colours and backgrounds */
/* BG Row Announcemant & Surch */
.rowA
{
  background:#FFAEAE
}
/* BG Service */
.rowS
{
  background:#FFAEAE
}

.row1
{
  background:#E9E8E8;border-left:1px solid #ffffff;border-top:1px solid #ffffff;
}

.row2,.helpline
{
  background:#FFFFFF
}

.row3
{
  background:#F4F4F4;border-left:1px solid #ffffff;border-top:1px solid #ffffff;
}

.row4
{
  background:#000000
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: normal; border: #FFFFFF; border-style: solid; height: 26px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 3px 0px 3px; }
th.thCornerL { border-width: 0px 3px 0px 3px; }
th.thCornerR { border-width: 0px 3px 0px 3px; }

td.spacerow
{
  background:#cad9ea
}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic
{
  background:url(styleimg/cellpic2.jpg) #ffffff repeat-y
}

/* Table Header cells */
th
{
  background:#F8F8F8 url(styleimg/cellpic3.gif);
  color:#ffffff;
  font-size:10px;
  font-weight:normal;
  height:26px;
  white-space:nowrap;
  text-align:center;
  padding-left:8px;
  padding-right:8px
}

/* This is the border line & background colour round the entire page */
.bodyline
{
  background:#DEE6F0;
  border:0px solid #3C74CB
}


/* message_bg */
.service
{
  background:#FEEBB1;
}


/* This is the outline round the main forum tables */
.forumline
{
  background:#CECDCD;
  border:0px solid #006699
}

.forumline2
{
  background:#ffffff;
  border:0px solid #006699
}


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1
{
  font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  text-decoration:none;
  color:#5c81b1
}

.subtitle,h2
{
  font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  text-decoration:none
}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav
{
  font-size:11px;font-weight:bold
}

.postbody
{
  font-size:12px;line-height:125%
}

/* Location,number of posts,post date etc */
.postdetails
{
  font-size:10px;color:#00396a
}

/* FI DivExpand - Daz - ForumImages.com - START */
/* Code  */
.codetitle,.code
{
  border:1px solid #a4bad2;padding:2px 2px 3px 3px
}

.codetitle
{
  font-size:11px;background: #d8dfe4;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px
}

.code
{
  background:#fafafa;border-top-width:0;color:#060;
  font:12px Courier,'Courier New',sans-serif;overflow:auto;height:40px;
  margin:0 20px 0 20px
}

/* Quote blocks */
.quotetitle,.quote
{
  color:#475e61;font-size:11px;border: 1px solid #a4bad2;padding:2px 2px 3px 3px
}

.quotetitle
{
  background:#e1e7ec;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px
}

.quote
{
  background:#fafafa;border-top-width:0;color:#444;
  overflow:auto;height:40px;margin:0 20px 10px 20px
}


/* This is for the error messages that pop up */
.errorline
{
  background:#add8e6;border:1px solid #006699
}

/* Form elements */
form
{
  display:inline
}

input
{
  font:11px Verdana,Arial,Helvetica,sans-serif
}

select
{
  background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif
}

input.post	 																	 			 	 		 					 
{																															 											 
  background:#ffffff;border:1px solid #000000; 																			 
/*  float: left; 																								*/
/*  background:#ffffff url(styleimg/areaback.jpg) no-repeat; 		*/
  font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px	 
}																																										 

textarea.post
{
  background:#ffffff url(styleimg/textarea.jpg)no-repeat;
  background-position: bottom right;
  border:1px solid #000000;
  font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px
} 

input.post1,textarea.post1
{
  background:#ffffff;border:1px solid #000000;
  width: 100%;
  font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px
}

input.button,.fakebut
{
  border:1px solid #000000;background:#fafafa;font-size:11px
}

input.catbutton
{
  border:1px solid #000000;background:#fafafa;font-size:10px
}



a.but,a.but:hover,a.but:visited
{
  color:#000000;text-decoration:none
}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline
{
  border:0 solid;font-size:10px
}

abbr, acronym
{
  border-bottom:1px dotted #FF0000;
  margin:0px;
  font-style: italic;
  color: red;
  cursor:help;
}


/* This is the gradient background at the top of the page */
.topbkg{background: #80A9F3 url(styleimg/cellpic_bkg.gif) repeat-x}
.topnav{font-size:10px;background: #e5ebf3 url(styleimg/b_back.gif) repeat-x;color:#FF0000; height:38px}
a.topnav		  { color: #000000; padding-top:12px; text-decoration: none }
a.topnav:visited  { color: #000000; text-decoration: none }
a.topnav:hover  { color: #808082; text-decoration: underline }

/* Admin & Moderator Colours MODification */
.admin,.mod
{
  font-size:11px;font-weight:bold
}

.admin,a.admin,a.admin:visited
{
  color:#ffa34f
}

.mod,a.mod,a.mod:visited
{
  color:#006600
}

a.admin:hover,a.mod:hover
{
  color:#FF0000
}


/* Specify the space around images */
.imgtopic,.imgicon
{
  margin-left:3px
}

.imgspace
{
  margin-left:1px;margin-right:2px
}

.imgfolder
{
  margin:1px 4px 1px 4px
}


/* Gets rid of the need for border="0" on hyperlinked images */
img
{
  border:0 solid
}

/* Background images for tables */
.tbl
{
  border-collapse:collapse;
  height:4px;
  width:100%
}

.tbll
{
  background: url(styleimg/tb4_l.gif) no-repeat;
  width:8px
}

.tblbot
{
  background: url(styleimg/tb4_m.gif) repeat-x;
  width:100%
}

.tblr
{
  background: url(styleimg/tb4_r.gif) no-repeat;
  width:8px
}

.orionmenu
{
  padding:2px;
}

#login_box
{
  background: url(images/login.png) no-repeat;
  width:      300px;
  height:     300px;
  position:   absolute;
  top:        500px;
  left:       10%;
  font:       Verdana,Arial,Helvetica,sans-serif;
  font-size:  12px;
  color:      #333333;
  z-index:    100;
}