body { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: .77em;
	margin:0;
	padding:0;
	background-color: black;
	color: #333;
}

.dark  { color: #f5f5f5; background-color: inherit; font-weight: bold; }


a { color: #cc6600; text-decoration: none; background-color: inherit;}
a:link { color: #cc6600; text-decoration: none; }
a:hover  { color: #cc6600; text-decoration: none; background-color:#FFCCCC; }


p {	margin: 0 0 5px 0; }
form { 	margin: 0; }


#wrap { 
	width:850px;
	text-align: left;
	background-color: #fff;
	padding: 15px 15px 15px 15px;
	margin: 0px auto;
	border: 6px solid #4F5464;
	height:auto;
}

input.search { 
	width: 120px;
	border: 1px solid;
	padding: 4px; 
	font-weight: bold;
}

input.gen {
	width: 100%;
	background-color: #FFCCCC; 
	border: 1px dashed;
}

input.login { 
	width: 90%; 
	border: 1px solid;
	background-color: #FFF;
	padding: 4px; 
	color: black;
	font-weight: bold;
}


input.submit {
	background-color: #E0691A ; 
	margin: 0px 10px 0px 0px;
	border: 0px;
	padding: 3px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}




/** HEADER */


#header {
	width:850px;
	margin: 0 auto 0 auto;
	border: 0px solid #000;
	text-align: left;
	margin-top: 5px;
	color: #fff;
	margin-bottom: 5px	
}

#header h1 {
	margin: 0px;
	font-size: 2.2em;
}

#header h2 {
	margin: 0px;
	font-size: 1em;
}

#header a {
	background-color:black;
}

/** MENU */

#sorting {
	font-size: 1.2em;
	position: relative; top: -30px;
	float:right;
}

#sorting a {
	color: #3c7e55;
}
#sorting a:hover {
	background-color: #d7eaff;
}

.closing {
	font-size: 1.1em;
	float:right;
	position: relative; top: -20px;;
}

.closing a {
	color: #3c7e55;
}
.closing a:hover {
	background-color: #d7eaff;
}


#menu {
	float:right;
	position: relative; top: -20px;;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}

#menu li {
	display: inline;
}

#menu a {
	margin: 0px 0px 0px 0px;
	padding: .2em 1em;
	background-color: #F47511;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	color: #FFFFFF;
}

#menu a:hover {
	background-color: #746D12;
}


.errors { 
	margin: 2px 0px;
	width:100%;
	color: red;
	border-bottom: 1px solid #ccc;
	background-color: white;
	font-weight: bold; 
	font-size: 1.5em;
}

.infos { 
	margin: 2px 0px;
	width:100%;
	color: #00A01A;
	border-bottom: 1px solid #ccc;
	background-color: white;
	font-weight: bold; 
	font-size: 1.5em;
}


.search_form { 
	font-weight: bold;	
	background-color: inherit;
	clear: both;
	padding: 0px 0px 0px 0px;	
	margin: 1px 0px;
}


.grey {
	color: #808080;
	background-color: inherit;
	font-weight: normal;
}


.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	font: bold 1.2em Arial, Sans-Serif;;
}

/* left side
   --------- */
   
.stock-quest {
	font-size: 1.1em;
	font-weight: 900;
}


.left {
	float: left;
	width: 73%;
	margin: 0 0 10px 0;
	padding-right: 1%;
}

.left h3 {
	clear: both;
	color: black;
	padding: 5px 0 5px 5px;
	font: bold 1.1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.left h2 {
	clear: both;
	color: #454545;
	padding: 5px 0 5px 5px;
	font: bold 1.5em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.left_side { float: left; width: 50%; }
.left_side a, .right_side a { color: #414141; background-color: #FFF; }
.right_side { float: right; width: 50%;	color: #414141; }
.left_box { margin: 0 0 0px 0; color: #000; background-color: #FFF; padding: 0px 0; }
	
.bi {
	float: left;
	color: #000;
	margin: 0 15px 10px 0;
}

.lf2 {
	background: #f4f4f4;
	color: #808080;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 15px;
	margin: 0 0 15px 0;
}
.lf2 p {
	font: bold 1.1em Arial, Sans-Serif;
}


		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 24.6%;
	margin: 0 0 10px 0;
}

.right h3 {
	background: #6C757A  url(corner.gif) no-repeat top right;;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: bold 1em Arial, Sans-Serif;; 
	margin: 0 0 3px 0;
}

.right_articles {
	background-color: #f5f5f5;
	color: #414141;
	padding: 8px;	
	margin: 0 0 3px 0;
}
	
/* footer
   ------ */

.footer { 

	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
}

.footer a { color: #808080; }

/* TABLES */

table.stat {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #dedede;
	border-collapse: collapse;
	width: 100%;
}

table.stat td {
	padding: 5px 0px 5px 5px;
	border-width: 1px 1px 1px 0px;
	border-style: solid solid solid solid;
	border-color: #dedede;
}

table.stat td.closed {
	background: url(cld.gif);
}

table.stat td.capt {
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: none none none none;
	text-transform: uppercase;
	font-size: smaller;
}

table.stat td.price-no-change {
}

table.stat td.num {
	font-family: Georgia, Helvetica, Verdana, sans-serif;
}

table.stat td.price-up {
	background: url(arru.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
    background-color:#e9f7c0; 
	color:green;
}

table.stat td.price-down {
	background: url(arrd.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
	background-color:#f29f8d;
	color:red;
}


table.stat td.captd {
	background-color:#d5d5d5;
}

table.evt {
	margin: 2px;	
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #dedede;
	border-collapse: collapse;
	width: 100%;
	background-color:white;
	font-size: 1.2em;
}

table.evt td {
	padding: 5px 0px 5px 5px;
	border-width: 1px 0 1px 0;
	border-style: solid solid solid;
	border-color: #dedede;
}

.closed {
	background: url(cld.gif);
}

table.evt td.capt {
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: none none none none;
	text-transform: uppercase;
	background-color: #ffffcc;
	font-size: smaller;
}

table.evt td.price-no-change {
}

table.evt td.price-up {
	background: url(arru.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
	color:green;
}

table.evt td.price-down {
	background: url(arrd.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
	color:red;
}

table.evt td.bor {
	border-width: 1px 1px 1px 1px;	
	border-style: solid solid solid solid;
}

.sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}

a.tag {
	color: #3c7e55;	
}

span.tag {
	color: #3c7e55;	
}

a.aup {
     color:green;
}

a.adown {
       color:red;
}

a.exp { color: inherit; text-decoration:none;}
a.exp:hover { color: inherit; text-decoration:none; background:none;}

img.nb {
	border:0;
}

.pos {
	width:100%;
	margin: 0px 0 10px 0;
	padding: 5px 0 0px 0;
	border: 1px solid #eee;
	background-color:#f5f5f5;
}