/*
+---------------------------------------------------------------+
|	e107 Theme
|     --------------
|     C4_2009
|     --------------
|	©2007 mcpeace
|	http://www.manatwork.evonet.ro
|	manatwork@evonet.ro
|
|	Released under the terms and conditions of the
|	Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License 
|     (http://creativecommons.org/licenses/by-nc-sa/2.5/).
|
+---------------------------------------------------------------+
*/
	/* Special Additions */
#jswarning { color: #CC0000;
  background-color: #FFFFCC;
  display: block;
  /* margin: 10px 0 10px 0; */
  border: 1px solid #CC0000;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding: 10px 10px 10px 36px;
} 

#ie6Warning {
		background: #e3e3e3;
		border: 1px solid #bbbbbb;
		padding: 10px 10px 1px;
		margin-bottom: 10px;
		}

#ie6Warning h4 {
		background: url(images/warn1.png) 0 50% no-repeat;
		padding-left: 40px;
		}


/* End Accessability Option */
  #loginmenu {background: url(images/loginbox.png) no-repeat;width:180px;height:164px;float:right;color: #70A401;text-align: center;font-weight: bold;}
.floatleft {clear: right; float: left; margin: 0px 5px 5px 0px; padding:2px; border: 0px;}
.floatright {clear: left; float: right; margin: 0px 0px 0px 5px; padding:2px; border: 0px;}
.center {text-align : center;}
.justify{text-align: justify; margin: 0px 5px 0px 5px;}
.justify2{text-align: justify; margin: 0px 10px 0px 10px;}
.justify3{text-align: justify; margin: 10px 10px 10px 10px;}
.justify_help{width:90%; text-align: justify; margin: 10px 10px 10px 10px;}
.container {border: outset;	padding:5px; margin:5px; background-color: #ebeaef; font: bold 11px verdana, tahoma, arial, helvetica, sans-serif;	color: #000; text-align : center;}
.container2 {border: outset; padding:5px; margin:5px; background-color: #ffa502; font: bold 11px verdana, tahoma, arial, helvetica, sans-serif; color: #000; text-align : center;}
.container3 {border: outset; padding:5px; margin:5px; background-color: #ebeaef; font: bold 11px verdana, tahoma, arial, helvetica, sans-serif; color: #000; text-align : justify;}
.container4 {border: outset; padding:5px; margin:5px; background-color: #ddffff; font: 11px verdana, tahoma, arial, helvetica, sans-serif; color: #000; text-align : justify;}
.ice {border: outset; padding: 4px 5px 5px 4px;  background-color: #ffffff; text-align : justify;}
.member {border: outset;	padding:10px; margin:5px; background-color: #f7f7f7; font: 11px verdana, tahoma, arial, helvetica, sans-serif;	color: #000; text-align : justify;}
.premier {border: outset; padding:10px; margin:5px; background-color: #eeffcc; font: 11px verdana, tahoma, arial, helvetica, sans-serif; color: #000; text-align : justify;}
.cancel {border: outset; padding:10px; margin:5px; background-color: #ff9933; font: 11px verdana, tahoma, arial, helvetica, sans-serif; color: #000; text-align : justify;}
.hr {width: 75%; text-align: center;}  
.hr2 {width: 90%; font-weight: bold; color: #ff0000; text-align: center;}
.linkspage_button {text-align: left; border:0;}
.mmenu {text-align: left;  padding: 0; vertical-align:middle; border:0px;} 
.store {border:1px solid #C0C0C0; background-color: #F3F3F3;}
.storewelcome {border:1px solid #C0C0C0; background-color: #F3F3F3;font-size: 13px; font-weight: bold; color: #f7941d;}
.storeitem {border:1px solid #C0C0C0; margin:10px 5px;}
.provider {border:1px solid #C0C0C0; margin:2px;}
.rules {font-family: verdana, arial, "ms sans serif", sans-serif; font-size: 10px;}	
.help {text-align: justify; margin:5px 5px 5px 5px; } 
.help_up {text-align: justify; margin:5px 5px 5px 5px; font: bold 11px verdana, tahoma, arial, helvetica, sans-serif;}   
.know {margin: 5px;	text-align: justify; background: #fff url("images/c4outline.jpg") top no-repeat; }
.cknot {margin: 1px; text-align: justify; background: url("images/cknot.gif") left no-repeat; }
#myform {margin: 0 5px;}
#survey_id {width:95%;}
.img .IMG {vertical-align:middle; border:0px; max-width: 680px;}  
.forum_jump {vertical-align: bottom;} 
div.code_highlight { overflow: scroll; width: 160%;}
.forumfocus_table {width: 99%; background: #f7f7f7; border: 2px dotted #6482a4; margin: 5px;}
.news_forum_header {font: bold 16px Trebuchet MS, verdana, arial, tahoma, sans-serif; color: #fff; text-align: left;}
.news_forum_header a {color: #cc3300; font: bold 16px Trebuchet MS, verdana, arial, tahoma, sans-serif;}
.byline_forum {color: #000000; margin-bottom: 2px;}
.news_forum_body {font: 12px Trebuchet MS, verdana, arial, tahoma, sans-serif; margin: 5px;}
.news_forum_body img {float: right; margin-bottom: 5px; margin-right: 5px; border: 1px solid #000000;}	
#sign {font: bold 12px verdana, arial, tahoma, sans-serif; color: #ffffff; background: url(images/sign.gif) top right no-repeat; width: 159px; height: 48px; margin: 0 auto;}
#sign a{ width: 159px; display:block; padding: 27px 0 0 0; color:#000000; font-weight:bold;}
#sign a:hover {	color: #0000ff; font-weight:bold; text-decoration: none;}
input.comment, textarea#comment, input#helpb {width: 90%;}
.captcha{font: bold 16px Trebuchet MS, verdana, arial, tahoma, sans-serif; color: #fff; text-align: center;}
#recall {font-family: verdana, arial, "ms sans serif", sans-serif; font-size: 12px; background: #f7f7f7;}	
.mxdiv {margin-left:auto;
    margin-right:auto;
    width:125px;
    height:125px;
    background: url(images/Citroenbanner125x125.png); background-repeat:no-repeat;
    text-align:center;}
.mxdiv p { padding-top:4px;}
.mxdiv a {font-family: Arial;
        font-size:12px;
        color:#CC3300;
        font-weight:bolder;
        text-decoration:none;}
/* End Special Additions */

#benefit {text-align: center; margin-top: 240px;} 
* {
	margin: 0;
	padding: 0; 
}
body {
	margin: 0px;
	padding: 0; 
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	background: #313332 url("images/grad.png");background-repeat: no-repeat; background-attachment: fixed;}
a {
	color: #CC3300;
	text-decoration: none;}
a:hover {
	color: #0000ff;
	text-decoration: none;}
.nextprev {
    padding:10px 0;
    clear: both;
}
.nextprev_link {
              background-color: #CC3300;
              border: #cccccc 1px solid;
              color: #ffffff;
              font: 11px tahoma; 
			  font-weight:bold;
              text-align:center;
              padding: 2px 5px 2px 5px;
 }

.nextprev_link:hover{
              background: #ffffff url("images/bg.gif");
              border: #666666 1px solid;
              color: #0dd90d;
              font: 11px tahoma;
              text-align:center;
              padding: 2px 5px 2px 5px;
              text-decoration: none; }
.nextprev_current {
              background: #000;
              border: #cccccc 1px solid;
              color: #ffffff;
              font: 11px tahoma;
              text-align:center;
              padding: 2px 5px 2px 5px;
}
.npbutton{
              background-color: #CC3300;
              border: #cccccc 1px solid;
              color: #ffffff;
              font: 11px tahoma;
              text-align:center;
}
.npbutton:hover{
	          color: #000;
	          background:#eee;
}
h1 {font-size: 4em;}
h2 {font-size: 1.5em; color: #b3b3b3;}
h3 {font-size: 1.3em;}
h4{font-size: 1.5em; color: #ff0000;}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;}
td {    background: none;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#5d6e75;
	padding: 0px;
	text-align:left;}
acronym, abbr, span.caps {
	cursor: help;}
acronym, abbr {	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #555;}
blockquote cite {
	margin: 5px 0 0;
	display: block;}
a img {
	border: none;}
.linkspage_button {
	border:0px;}
.hidden{display:none!important}
#leftnews{
	width: 350px;
	padding: 5px;
  	font-size: 12px;
}
#rightnews {
	width: 350px;
	padding: 5px;
  	font-size: 12px; 
  }
#page {
	margin: 0;
	padding: 0;
	width: 960px;
	text-align: left;
	background: #fff url(images/sidebar.png) top left repeat-y;
      border:1px solid;
      border-color:#000;
      margin-right:auto;
      margin-left:auto;}
#page1 {
	margin: 0;
	padding: 0;
	width: 960px;
	text-align: left;
	background: #fff;
      border:1px solid;
      border-color:#000;
      margin-right:auto;
      margin-left:auto;}
#header {
	padding: 0;
	margin: 0;
	height: 120px;
	width: 960px;
	background: url("images/c4_logo_2009.jpg") bottom left no-repeat; }
#top_menu {
      position:relative;
      top:0px;
      left:0px;
	height: 26px;
	width: 960px;
      background: url("images/top.gif") top left no-repeat;
      text-align:right;
      padding:0;
      overflow: hidden;}
#translate {
	height: 26px;
	width: 960px;
    margin:2px 30px 0 5px;
    padding:3px 0 0 0; 
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
    color: #ffffff;		  
    text-align:center;}
#translate h3 {
      display:none;}
#search {
    position: absolute;
	height: 26px;
	width: 170px;
	top: 1px;
	right: 20px;
    margin:0;
    padding:0;}
#navigation {
    float:left;
	width: 100%;
	height: 26px;
    margin:0 0 10px 0;
    padding:0; 
    text-align:left;
    background: #000;
}
#content { 
	font-family: 'lucida grande', verdana, arial, sans-serif;
	font-size: 1.2em;
	width: 750px;
	margin: 0px auto;
}
#sidebar {
    float:left;
	margin:0;
	padding: 0;
	width: 190px;
	font: 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #fff url("images/sidebar.png") top left repeat-y;
}
#sidebar h3 {
    margin:0;
    padding:4px 0; 
	background:#000;
    color:#fff;
    text-align:center;
}
#sidebar .text {
	padding: 10px 5px 0 5px;
}
.narrowcolumn {
	float: right;
	padding: 0;
	margin: 0;
	width: 750px;
}
.widecolumn {
	padding: 0px 0;
	margin: 0;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.widecolumn h3 {
     margin:0;
    padding:0px 0;
    background:#000;
    color:#fff;
    text-align:center;
}
.widecolumn .text {
	padding: 10px 5px 0 5px;
}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}
.widecolumn {
	line-height: 1.6em;
}
#footer {
	padding: 0;
	margin: 0;
	width: 960px;
	clear: both; 
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color:#fff;
    margin-right:auto;
    margin-left:auto;
	background: #000 url("images/footer_outer_news.jpg") top left no-repeat; 
} 
#footer_outer {
	padding: 0;
	margin: 0;
	height: 40px;
	width: 960px;
	background: #000 url("images/footer_outer_news.jpg") top left no-repeat; 
}
#footer_outer_forum {
	padding: 0;
	margin: 0;
	height: 40px;
	width: 960px;
	background: #ffffff url("images/footer_outer.jpg") top left no-repeat; 
}  
#footer a {
		color: #ff9900;
}
#footer a:hover {
	color: #CC3300;
}
#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
.commentinfo {
      background:#eee;
      padding:3px;
}   
.button{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	background:#FF0000;
    padding:1px 10px;
    border: 1px solid;
    border-color: #ccc #333 #333 #ccc;
    cursor:pointer;
    margin-top:2px;
    color:#fff;
}
.button:hover {
	color:  #0000ff;
	background:#000;
}
.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.spacer {
	padding: 2px 0 2px 0;
        background: #ffffff;
}
.spacer2 {
	width:10px;
	padding: 2px 0 2px 0;
        background: #ffffff;
	}
.spacerpost {
	width:100%;
	height: 5px;
	padding: 2px 0 2px 0;
        background: #ffffff;
}

.indent{
	padding: 5px;
	margin: 5px;
	font: 12px verdana, tahoma, arial, sans-serif;
	color: #000000;
	background: #f2f2f2 url("images/quote.gif") top right no-repeat;
	border: outset;
}
.smalltext {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.smalltext2 {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000000;
}
.mediumtext {
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.tbox{
	background: #F4F7FA;
    border: 1px solid;
    border-color: #333 #ddd #ddd #333;
	color: #000000;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	padding: 1px;
}
.helpbox {
	border: 0px;
	background-color: transparent;
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}
.fborder {
	background-color: #fff;	
}
.forumpost {text-align: justify; 
	padding: 5px; 
	background: #fff url("images/bg.gif"); 
	font: 11px verdana, tahoma, arial, helvetica, sans-serif; 
	border: 1px solid #cc3300;
	}
.forumheader {
	background-color: #000;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	padding: 4px;
} 
 .forumheader a {
	color: #CC3300;
}
.forumheader a:hover {
	color: #0dd90d;
}

.forumheader2 {
	background-color: #fff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	padding: 4px;
}

.forumheader3 {
	background-color: #fff;
	font: 12px 'lucida grande', verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
}

.forumheader4 {
	background-color: #eee;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
}

.forumheader6 {
	background-color: #eee;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
}

.forumheader7 {
	background: #eee url("images/bg.gif"); 
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
	border: 1px solid #bbb;
}


.forumheader8 {
	background: #eee url("images/bg.gif"); 
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	padding: 4px;
	border: 1px solid #bbb;
}
.forumheader9{
	background-color: #ffffff; 
	padding: 4px;
	text-align: center;
	vertical-align: middle;
}


.forumborder {
	border:  #000080 1px solid;
	background-color: transparent;
}

.fcaption, .forumheadermain {
	height:35px;
	padding: 2px 0 2px 8px;
	background-color: #CC3300;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
}

.fcaption1 {
	height:35px;
	padding: 2px 0 2px 8px;
	background-color: #CC3300;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
}

.fcaption a, .fcaption1 a  {
	padding-right:4px;
	color:#222;
}  

.fcaption a:hover{
		color: #0dd90d;
} 
.forumlink a{
		color: #222;
}
.forumlink a:hover{
		color: #0dd90d;
}

#jswarning {
     border: outset; 
     padding: 3px 4px 4px 3px; 
     background-color: #f7941d; 
     font: bold 11px verdana, tahoma, arial, helvetica, sans-serif; 
     color: #fff; 
     text-align : justify;
}

/*----- Hoverbox Code - get code found at http://host.sonspring.com/hoverbox/ ------*/

.hoverbox {cursor: default; list-style: none;}
.hoverbox a {cursor: default;}
.hoverbox a .preview {display: none;}
.hoverbox a:hover .preview {display: block; position: absolute;	top: -33px; left: -45px; z-index: 1;}
.hoverbox img { background: #fff; color: inherit; vertical-align: top; width: 150px; height: 112px; margin: 2px; padding: 2px; border-color: #ccc; border-style: solid; border-width: 1px;}
.hoverbox li{color: inherit; display: inline; float: left; position: relative;}
.hoverbox .preview { border-color: #000; width: 400px; height: 300px;}