/** Main CSS Style
 *
 *  Use and modify this stylesheet as you want.
 *
 *
 */
html *{margin:0;padding:0;}
body{margin:0;padding:0;background-color:#999999;}
li {list-style-type: none;list-style-position:inside;margin:0;padding:0;font-size:90%;}
a {text-decoration:none;cursor:pointer;color:#0066ff;}
label{cursor:pointer;}
p img{vertical-align:middle;padding:0;margin:0.5em .05em 0.5em 0;border:none;}
p img.right {float:right;margin:0.5em 0 0.5em 0.5em;}
a img,fieldset { border: 0; }


a.white_edit {color:#ffffff;text-decoration:underline;}
a.white_edit:focus, a.white_edit:hover {color:#0066ff;}

tabsli {margin:0;padding:0;font-size:90%;}


#layout{padding:0 14px 0 14px;background: #999999 url('../images/background.jpg') repeat-y center;}/*size of the page is 1024px fixed!!!*/
#header {background:url('../images/gnos_header.jpg') no-repeat;height: 131px;position: relative;}

#footer {border-top: 1px #ff9900 solid;margin-top:10px;}

#copyright {text-align: center;padding-top: 20px;font-family: Helvetica;font-size: 8pt;color: #666;}

#copyright p {width: 664px;margin: 0 auto;}
#copyright p.pfooter{width:950px;text-justify:newspaper;}

#copyright ul li {display: inline;}

#copyright ul li, #copyright ul li a {
    font-family: helvetica;
    font-size: 12pt;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

#copyright ul li a:hover {
    text-decoration: underline;
}

h1{
font-family:Helvetica;font-size:18px;color:#333333;font-weight:bold;margin-bottom:5px;	
}
h2{
font-family:Helvetica;font-size:18px;color:#333333;font-weight:bold;margin-bottom:5px;	
}

span#logo a {
    text-indent: -9999px;
    display: block;
    text-decoration: none;
    background: url('../images/logo.png') no-repeat;
    width: 410px;
    height: 110px;
}

ul#loginPanel{
	position:absolute;
	margin:0;padding:0;
	right:0;
	top:30px;	
	text-align:right;
}
/*ul#loginPanel li{margin:0;padding:0;list-style-position:outside;}*/
ul#loginPanel li a{
color:#ffffff;
font-weight:bold;
	margin-right:5px;
	text-align:right;
}

ul#loginPanel li a:hover{
color:#0066ff;
text-decoration:underline;
font-weight:bold;
}
ul#loginPanel li span{color:#ffffff;}
#content{min-height:300px;
padding:0px;
}

div.orange {background-color:#ff9900;}
div.blue {background-color:#0066ff;}
div.red {background-color:#ff0000;}
div.green {background-color:#009933;}
div.grey {background-color:#999999;}

/* Menu */
.blue:hover{color: #0066ff;}

ul.nav {display:block;top:85px;left:390px;position:absolute;z-index:1000;}
ul.nav li {float:left;padding:10px;margin:0;list-style-type:none;}
ul.nav li a {display:block;font-size:12pt;color:#fff;padding-bottom:8px;margin-bottom:0;}
a.blue {background: transparent url('../images/nav_blue.gif') bottom left repeat-x;}
a.orange {background: transparent url('../images/nav_orange.gif') bottom left repeat-x;}
a.red {background: transparent url('../images/nav_red.gif') bottom left repeat-x;}
a.green {background: transparent url('../images/nav_green.gif') bottom left repeat-x;}
a.grey {background: transparent url('../images/nav_grey.gif') bottom left repeat-x;}
a.blue:hover{color: #0066ff;}
a.orange:hover, li:hover a.orange{color: #ff9900;background: url('../images/nav_orange_hover.gif') bottom left repeat-x;}
a.red:hover, li:hover a.red{color: #ff0000;background: url('../images/nav_red_hover.gif') bottom left repeat-x;}
a.green:hover, li:hover a.green{color: #009933;background: url('../images/nav_green_hover.gif') bottom left repeat-x;}
a.grey:hover, li:hover a.grey{color: #999999;background: url('../images/nav_grey_hover.gif') bottom left repeat-x;}

a.white{color: #ffffff;}
a.white:hover{color: #ff0000;}

a.this_blue {background: transparent url('../images/nav_blue.gif') bottom left repeat-x;}
a.this_orange {background: transparent url('../images/nav_orange_hover.gif') bottom left repeat-x;}
a.this_red {background: transparent url('../images/nav_red_hover.gif') bottom left repeat-x;}
a.this_green {background: transparent url('../images/nav_green_hover.gif') bottom left repeat-x;}
a.this_grey {background: transparent url('../images/nav_grey_hover.gif') bottom left repeat-x;}


ul.nav ul.submenu {position:absolute;margin:0;padding:0;margin-top:4px;}
ul.hidden{display:none;}
ul.nav ul.submenu li {float:left;clear:both;display:block;width:200px;list-style-type:none;margin:0;padding:0;}
ul.nav li ul.submenu a{display:block;padding:0 5px;margin:0;color:#000000;background:#ffffff;font-size:10pt;font-weight:bold;}
/*ul.nav li:hover ul.submenu {display:block;}*/
ul.hover{display:block}

ul.nav li.orange ul.submenu li{border:1px #ff9900 solid;}
ul.nav li.blue ul.submenu li{border:1px #0066ff solid;}
ul.nav li.red ul.submenu li{border:1px #ff0000 solid;}
ul.nav li.green ul.submenu li{border:1px #009933 solid;}
ul.nav li.grey ul.submenu li{border:1px #999999 solid;}

li.orange ul.submenu a:hover{background-color:#ff9900;color:#ffffff;}
li.blue ul.submenu a:hover{background-color:#0066ff;color:#ffffff;}
li.red ul.submenu a:hover{background-color:#ff0000;color:#ffffff;}
li.green ul.submenu a:hover{background-color:#009933;color:#ffffff;}
li.grey ul.submenu a:hover{background-color:#999999;color:#ffffff;}

/**
 * Color used in this project
 * orange : #ff9900;
 * blue: #0066ff;
 * red: #ff0000;
 * green: #009933;
 * gray: #999999;
 **/


.separator{
	margin: 0;
	padding:0;
	line-height:1px;
  	width: 100%;
	font-size:1px;
	height:1px;
	clear:both;
}
/* all the block */
.block_blue,.block_red,.block_green,.block_orange,.block_black,.block_grey{
	width:235px;
	height:227px;
	padding:15px 20px;
	background-color:#ffffff;
	background-repeat: no-repeat; 
	background-position:top left;
}
.block_blue{background-image:url('../images/block_blue.jpg') }
.block_red{background-image:url('../images/block_red.jpg') }
.block_orange{background-image:url('../images/block_gold.jpg') }
.block_grey{background-image:url('../images/block_silver.jpg') }
.block_green{background-image:url('../images/block_green.jpg') }
.block_black{background-image:url('../images/block_blue_dk.jpg') }
#flashHome{margin:0 0 10px 0;}
.tpadding{padding-top:10px;}
h4{font-family:Helvetica;font-size:18px;color:#333333;font-weight:bold;margin-bottom:5px;}
div p{font-family:Helvetica,sans-serif;font-weight:400;font-size:90%;color:#333333;line-height:140%;margin-bottom:1.5em;}
strong{font-size:12px;}
/* JQuery Tabs Style*/
#tabs-home{font-size: 8pt; font-weight: bold; border: 1px solid #ADADAF;margin:0 auto;width:918px;}
.ui-tabs-hide {display:none;}
ul.ui-tabs-nav li{float:left;height:40px;line-height:40px;background:#eeeeee;border-bottom:1px solid #adadaf;display:block;padding:5px;border-right:1px solid #adadaf;text-align:center;}
ul.ui-tabs-nav li a,ul.ui-tabs-nav li a span{display:block;cursor:pointer;}
.ui-tabs-nav{display:block;background:#ffffff;}
ul.ui-tabs-nav li.ui-tabs-selected {background: #ffffff; border-bottom: 1px solid #FFFFFF; }
.ui-tabs-disabled {}
.ui-tabs-panel{color:#333333;font-style:normal;clear:both;padding:10px;}
#fragment-7 li{list-style-position:outside;list-style-image:url('../images/listitem_bullet.gif');list-style-type:disc;margin-left:29px;}

p.tabs{
font-size:12px;
padding-left:10px;	
}

.inner-float{overflow:auto;}
.left-2{float:left;margin-right:10px;border: 1px #202120 solid;padding:10px;}
.left-2 ul,.left-2 li{width:auto;}




/* Special Styling*/


.grey_strong {
color: #666;
font-family: "Helvetica", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-size:16px;
font-weight: bolder;
}
.grey_smaller_strong {
color: #666;
font-family: "Helvetica", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-size:14px;
font-weight: bolder;
}


/* Form Edit Quant rank*/
table.modify th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url('../images/bg_header.jpg') repeat;
	}		
table.modify th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}	
table.modify th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url('../images/bullet1.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
}
table.modify th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('../images/bullet2.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}
table.modify th.specalt_note {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('../images/bullet2.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
	width:50px;
}

 	table.modify td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
 			}		

			
	table.modify td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}	
	table.modify input.modif {
		width:100px;
	}
	table.modify input.modif_note {
		width:100%;
	}				
		
	/* Table Events */


 	table.modify td.tdevent {
	width:50px;
 	}

	
	table.modify th.specalt_note_events {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('../images/bullet2.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
	width:100px;
}	
	/* Table Events List Front*/
table.list th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url('../images/bg_header.jpg') repeat;
	}		
table.list th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}	
table.list th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url('../images/bullet1.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
}
table.list th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('../images/bullet2.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}
table.list th.specalt_note {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('../images/bullet2.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
	width:50px;
}

 	table.list td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
 			}		

			
	table.list td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}	
	table.list input.modif {
		width:100px;
	}
	table.list input.modif_note {
		width:100%;
	}
	
 	table.list td.tdevent {
	width:50px;
 	}
	
	
	
	table.list th.specalt_events_list {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('../images/bullet2.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #000000;
	width:75px;
}				
			
/* SIGNIN REGISTER CONTACT */
ul.signin li label{width:auto;display:table;float:none;padding:0;margin:0;}
div.generic-form{
	background:#212021 none repeat scroll 0 0;
	border:1px solid #aaccff;
	margin-top:10px;
	line-height:1.8em;
	padding:10px;
}
div.generic-form h1 {
display:inline;
color:#ffffff;
font-family:"Helvetica",arial,verdana,sans-serif;
font-size:2em;
margin-bottom:10px;
line-height:1.5em;
}
.generic-form .inner-border {
	border:1px solid #aaccff;
	background: #ffffff;
	padding: 10px;
}
div.inner-border legend{display:none;}

.generic-form li { 
	list-style-position:outside;

	display: block;
	clear: both;  
}
.generic-form li label {
  padding-left: 2px;
 
  white-space: nowrap;
}

.generic-form p {
	clear: both;
	margin: 10px 0px;
}
span.sign {
color:#cacaca;
}
.generic-form li input[type=text],.generic-form li input[type=password] {
float:left;
padding:.8em;
margin-bottom:2px;
border:2px solid #ddd;
width: 200px;
}
.generic-form li .formtip{
	margin-left:0px;
	color:#999999;
	line-height: normal;
	font-size:90%;
	clear: none;
	display:inline;
	margin-left:10px;
}
.generic-form a{text-decoration:underline;}

.generic-form a:hover{color:#ff9900;}

.errors{
float:left;
margin-left:5px;
padding:.7em;
margin-bottom:2px;
width:400px;
border:2px solid #ddd;
background:#606060 none repeat scroll 0 0;
border-color:#212021;
color:#FFFFFF;
white-space: nowrap;
}
.errors_terms{float:left;color:red;}
span.required{color:#ff0000;}
span.requiredsignin{
float:left;
margin-left:0px;
padding:.7em;
margin-bottom:2px;
width:240px;
border:2px solid #ddd;
border-color:#212021;
background:#606060 none repeat scroll 0 0;
color:#FFFFFF;
white-space: nowrap;}

.em_signin {
float:left;
cursor:pointer;
margin-left:0px;
padding:.7em;
margin-bottom:2px;
width:100px;
border:2px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#212021;
color:#212021;
white-space: nowrap;
}
.em_signin_over {
float:left;
cursor:pointer;
margin-left:0px;
padding:.7em;
margin-bottom:2px;
width:100px;
border:2px solid #ddd;
background:#0066ff none repeat scroll 0 0;
border-color:#212021;
color:#ffffff;
white-space: nowrap;
}
/* FORM CONTACT */
ul.contact li label{width:auto;display:table;float:none;padding:0;margin:0;}


#signupform label {
  padding-left: 5px;
  vertical-align: top;
  text-align: left;
  width: 100px;
  white-space: nowrap;
}
#signupform input {
float:left;
padding:.8em;
margin-bottom:2px;
border:2px solid #ddd;
}

#signupform textarea {
float:left;
width:270px;
height:50px;
padding:.8em;
margin-bottom:2px;
border:2px solid #ddd;
}

#signupform label.error {
float:left;
margin-left:5px;
padding:.7em;
margin-bottom:2px;
width:250px;
border:2px solid #ddd;
background:#606060 none repeat scroll 0 0;
border-color:#212021;
color:#FFFFFF;
white-space: nowrap;
}


.em {
float:left;
cursor:pointer;
padding:.7em;
margin-bottom:2px;
width:100px;
border:2px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#212021;
color:#212021;
white-space: nowrap;
}
.em_upload {
float:left;
cursor:pointer;
padding:.2em;
margin-bottom:1px;
width:100px;
border:1px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#212021;
color:#212021;
white-space: nowrap;
}

.em_over {
float:left;
cursor:pointer;
padding:.7em;
margin-bottom:2px;
width:100px;
border:2px solid #ddd;
background:#0066ff none repeat scroll 0 0;
border-color:#212021;
color:#ffffff;
white-space: nowrap;
}

span.left{float:left;}
span.right{float:right;}



/* PROFILE NAV MENU*/

.categories {
    background-color: #232323;
    border: 1px solid #d0d0d0;
    width: 180px;
    padding: 3px;
    margin: 0px;
    margin-bottom: 10px;
    padding-top: 3px;
}

.cat_content {
    background-color: #ffffff;
    border: 1px solid #bcbcbc;
}

.cat_content ul {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cat_content ul li {
    margin: 0px;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

.cat_content ul li a {
    color: #403f3f;
    text-decoration: none;
    border-bottom: 1px solid #ebe9e3;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cat_content ul li a:hover {
    color: #fff;
    background-color: #0066ff;
}

#categories a small {
    font-style: normal;
    font-size: 9px;
    text-transform: uppercase;
    color: #b3a37b;
    padding-left: 2px;
}
.left-2-edit{float:left;margin-right:10px;padding:10px;}
.left-2-edit ul,.left-2-edit li{width:auto;}


/* PROFILE EDIT */
div.generic-edit-form{
	line-height:1.8em;
	padding:10px;
}
div.generic-edit-form h1 {
display:inline;
font-family:"Helvetica",arial,verdana,sans-serif;
font-size:2em;
margin:0px 0 5px 10px;
line-height:1.5em;
}
.generic-edit-form .inner-border {
	background: #ffffff;
	padding: 10px;
}

.generic-edit-form li { 
	list-style-position:outside;

	display: block;
	clear: both;  
}
.generic-edit-form li label {
  padding-left: 2px;
 
  white-space: nowrap;
}

.generic-edit-form p {
	clear: both;
	margin: 10px 0px;
}

.generic-edit-form li input[type=text],.generic-edit-form li input[type=password] {
float:left;
padding:.8em;
margin-bottom:2px;
border:2px solid #ddd;
width: 200px;
}
.generic-edit-form li .formtip{
	margin-left:0px;
	color:#999999;
	line-height: normal;
	font-size:90%;
	clear: none;
	display:inline;
	margin-left:10px;
}
.generic-edit-form a{text-decoration:underline;}

.generic-edit-form a:hover{color:#ff9900;}

.em_signin {
float:left;
cursor:pointer;
margin-left:0px;
padding:.7em;
margin-bottom:2px;
width:100px;
border:2px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#212021;
color:#212021;
white-space: nowrap;
}
.em_signin_over {
float:left;
cursor:pointer;
margin-left:0px;
padding:.7em;
margin-bottom:2px;
width:100px;
border:2px solid #ddd;
background:#0066ff none repeat scroll 0 0;
border-color:#212021;
color:#212021;
white-space: nowrap;
}
/* FORM CONTACT */
/* PROFILE NAV Main*/
.mainprofile {
    border: 1px solid #d0d0d0;
    width: 460px;
    padding: 3px;
    margin: 0px;
    margin-bottom: 10px;
    padding-top: 3px;
}
.profile_info_tab {
	float:left;
    border: 1px solid #d0d0d0;
	background-color:#232323;
	color:#ffffff;
    width: 450px;
    padding: 3px;
    margin: 0px;
    margin-bottom: 5px;
    padding-top: 3px;
}
.profile_user_info {
	float:left;
    width: 455px;
}
ul.ul_tradingroom{
	margin:0;padding:0;
	text-align:left;
}
/* Box landing pages*/
.boxtitle {
    float: left;
    width: 400px;
    margin: 10px 0px 0px 10px;
}
.backcenterbox {
    float: left;
    margin: 5px 0px 0px 0px;
}

.backcentertop {
    float: left;
    width: 470px;
    height: 40px;
    display: inline;
    background-image: url(../images/backtopbox.gif);
    background-repeat: no-repeat;
}

.backcentermid {
    float: left;
    width: 470px;
    display: inline;
    background-image: url(../images/backmidbox.gif);
    background-repeat: repeat-y;
}

.backcenterbottom {
    float: left;
    width: 470px;
    height: 20px;
    display: inline;
    background-image: url(../images/backbottombox.gif);
    background-repeat: no-repeat;
}
.box1left {
float: left;
margin-left:10px;
}
.box1right {
float: left;
margin-left:10px;
}
p.boxlanding{
width:230px;	
}
/* Box Home pages*/
.boxtitlehome {
    float: left;
    width: 400px;
    margin: 0px 0px 0px 10px;
}
.backcenterboxhome {
    float: left;
    margin: 0px 0px 5px 0px;
}

.backcentertophome {
    float: left;
    width: 420px;
    height: 36px;
    display: inline;
    background-image: url(../images/backtopboxhome.gif);
    background-repeat: no-repeat;
}

.backcentermidhome {
    float: left;
    width: 420px;
    display: inline;
    background-image: url(../images/backmidboxhome.gif);
    background-repeat: repeat-y;
}

.backcenterbottomhome {
    float: left;
    width: 420px;
    height: 18px;
    display: inline;
    background-image: url(../images/backbottomboxhome.gif);
    background-repeat: no-repeat;
}
.box1lefthome {
float: left;
margin-left:10px;
}
.box1righthome {
float: left;
margin-left:10px;
}
p.boxlandinghome{
width:380px;	
}