@charset "utf-8";
/*basic HTML styling*/
/*General styling*/
* {
margin: 0;
padding: 0;
}
html,body{

}
body{
	font:11px Verdana, Arial, Helvetica, "sans-serif";
	background:#222222;
	text-align:center;
	color:#cccccc;
}
h1{
	font-size:24px;
	font-family:Arial, Helvetica, "sans-serif";
}
h2{
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	padding-top:3px;
}
h3{
	font-size:14px;
	color:#993333;
	padding-bottom:4px
}
h4{
	font-size:11px;
	color:#005bab;
}
h5{
	font-size:11px;
	color:#005bab;
}
h6{
	font-size:11px;
	color:#005bab;
	
}
p{
	font-size:11px;
	color:#cccccc;
	margin:0 0 10px 0;
}

input,select{
	font-size:11px;
	font-family:verdana, Arial;
	margin:0px
}

.floatRight{
	float:right	
}

pre{

}

form{
	padding:0px;
	margin:0px	
}
/*Emphasis*/
strong{

}
em{

}
/*Lists*/
ul{

}
li{

}
ol{

} 
blockquote{

}
/*Links*/
a{
		color:#005bab; /*blue*/
		text-decoration:none;
} 
a:link{

} 
a:visited{

} 
a:hover{
	color:#993333;
} 
a:active{
	color:#4fd008;

} 
/*Tables*/
table{
	margin:0px;
	padding:0px;
	border:0px;
		font:11px Verdana, Arial, Helvetica, "sans-serif";

}
caption{

}
tr{

}
th{


}
td{

}


/*Forms*/
form{

}
label{


}
input{
	border: solid 1px #112233;
	background:#080808;
	color:white;
}
textarea{
	border: solid 1px #112233;
	background:#080808;
	color:white;
	font-family:arial;
}
select {
	border: solid 1px #112233;
	background:#080808;
	color:white;
}
option{
	
} 

fieldset{

}
legend{

}

/*Layout*/
#header{
	position:relative;
	}
#header-block {
	BACKGROUND-IMAGE: url(../../TradingSim/i/icma_new/top-bar-bg.png); MARGIN: 0px 8px; WIDTH: auto; BACKGROUND-REPEAT: repeat-x; 

POSITION: relative; HEIGHT: 35px
}
#header-block #header-logo {
	LEFT: 10px; POSITION: absolute; TOP: 10px
}
#header-block #header-logo A {
	DISPLAY: block; BACKGROUND-IMAGE: url(../../../../favicon.ico); WIDTH: 257px; TEXT-INDENT: -5000px;
	BACKGROUND-REPEAT: no-repeat; HEIGHT: 35px
}
#header-block #header-title {
	RIGHT: -8px; BACKGROUND-IMAGE: url(../../TradingSim/i/icma_new/top-bar-title.png); WIDTH: 150px; TEXT-INDENT: -5000px; 
	BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 35px
}

#footer-block {
	BACKGROUND-IMAGE: url(../../TradingSim/i/icma_new/footer-bg.png); MARGIN: 0px 8px; WIDTH: auto; BACKGROUND-REPEAT: repeat-x; 

POSITION: relative; HEIGHT: 8px;margin-bottom:10px
}
#footer-block #footer-left {
	LEFT: -8px; POSITION: absolute; TOP: 0px; margin:0px;
	DISPLAY: block; BACKGROUND-IMAGE: url(../../TradingSim/i/icma_new/footer-left.png); BACKGROUND-REPEAT: no-repeat; background-position:left top;WIDTH: 8px; height:8px; TEXT-INDENT: -5000px;
}

#footer-block #footer-right {
	RIGHT: -7px; BACKGROUND-IMAGE: url(../../TradingSim/i/icma_new/footer-right.png); WIDTH: 8px; TEXT-INDENT: -5000px; 
	BACKGROUND-REPEAT: no-repeat; background-position:left top; POSITION: absolute; TOP: 0px; HEIGHT: 8px; margin:0px;
}

.small-bar {
	FONT-SIZE: 0.75em; BACKGROUND: url(../../TradingSim/i/icma_new/small-bar-bg.png) repeat-x left top; MARGIN: 0px 8px; POSITION: 
relative; HEIGHT: 20px;margin-bottom:0px;margin-top:10px;
}
.small-bar-bottom {
	FONT-SIZE: 0.75em; BACKGROUND: url(../../TradingSim/i/icma_new/small-bar-bottom-bg.png) repeat-x left top; MARGIN: 0px 8px; POSITION: 
relative; HEIGHT: 20px;margin-bottom:0px;
}
.small-bar .small-bar-left {
	DISPLAY: block; WIDTH: 8px; POSITION: absolute; TOP: 0px; HEIGHT: 20px
}
.small-bar .small-bar-right {
	DISPLAY: block; WIDTH: 30px; POSITION: absolute; TOP: 0px; HEIGHT: 20px
}
.small-bar .small-bar-left {
	BACKGROUND: url(../../TradingSim/i/icma_new/small-bar-left.png) no-repeat left top; LEFT: -8px
}
.small-bar .small-bar-right {
	RIGHT: -8px; BACKGROUND: url(../../TradingSim/i/icma_new/small-bar-right.png) no-repeat right top
}
.small-bar-bottom .small-bar-bottom-left {
	BACKGROUND: url(../../TradingSim/i/icma_new/small-bar-bottom-left.png) no-repeat left top; LEFT: -8px
}
.small-bar-bottom .small-bar-bottom-right {
	RIGHT: -8px; BACKGROUND: url(../../TradingSim/i/icma_new/small-bar-bottom-right.png) no-repeat right top
}

.small-bar .small-bar-right img{
	
	}

.search-bar{
	position:relative;
	align:right;
	padding:3px;
	background:#222222;	
	height:22px;
	margin-bottom:1px;
	border-top:#333333 1px solid;
}

#container{
	width: 1000px;
	margin: 0 auto;
	text-align:left;
	}
#wrapper{
	float:left;
	width:100%;
}

#content{
	margin-left:248px;
	background-image:none;
	width:686px;
	/*border:#ff0000 1px solid;*/
	}
	
 #content-block{
	width:95%;
	}

#leftcol{
	float:left;
	width:240px;
	}
#rightcol{
	float:left;
	width:242px;
	margin-left:-242px;
	}
#footer{
	clear:left;
	width:100%;
	}


#loginfo{
padding: 10px;
	text-align:left;
}

.modbod,.modbod2{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#aaaaaa;
	/*background-color: #e7e7e7;*/
	/*background-image: url(../TradingSim/i/bg_mod.gif);*/
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #105b9c;
	border-right-color: #105b9c;
	border-bottom-color: #105b9c;
	border-left-color: #105b9c;
}
.modbod2{
	padding: 0px;
}
#newsbod{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	background: #eeeeee;
}


/*submenu*/
.navigation {
	background: #808080;
	font-weight: bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #005598;
	border-left-color: #005598;
	text-align:left;
	padding: 0 0 0 10px;
}

.navigation td a {
	color:#005598;
	padding: 5px 15px;
	height:23px;
	background-image:url(../../TradingSim/i/bg_submenu_middle.png);
	background-position:top;
	background-repeat:repeat-x;

}

.navigation a:hover {
	background-image:url(../../TradingSim/i/bg_submenu_middle.png);
	background-position: bottom;
	background-repeat:repeat-x;

}
.navigation a.current {
	background-image:url(../../TradingSim/i/bg_submenu_middle.png);
	background-position: bottom;
	background-repeat:repeat-x;
}

.submenu_l{
	background-image: url(../../TradingSim/i/bg_submenu_cornerleft.png);
	height: 23px;
	width: 12px;
	padding:5px;
}
.submenu_r{
	background-image: url(../../TradingSim/i/bg_submenu_cornerright.png);
	height: 23px;
	width: 12px;
}

/*- Internet Explorer...It's Hacktastic!--------------------------- */

/*\*//*/
#navigation ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#navigation ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}
/**/
/*end submenu*/

/*Tables modbod*/
#content .modbod table{
	margin:0px;
	padding:0px;
	width: 475px;

}
#content .modbod table.withScroll {
	width: 455px;

}
#leftcol .modbod table{
	margin:0px;
	padding:0px;
	width: 220px;

}
#rightcol .modbod table{
	margin:0px;
	padding:0px;
	width: 220px;


}
.modbod caption{

}
.modbod tr{

}
.modbod th{
	background-color:#aebbe0;
	padding: 2px;

}
.modbod .dataTable td{
	padding:2px;
	border:1px solid #ece9d8;
	background-color:#FFFFFF;

}
.modbod tr.row1{
	background-color:#FFFFFF;
	padding:2px;
}
.modbod tr.row2{
	background-color:#ece9d8;
	padding:2px;
}

/* standard images (eg help buttons) */

.small-bar .small-bar-right img{
	margin:2px;
	margin-right:5px	
}
/*Ross Tradinggame Styles*/



table.dataTable {
	border-collapse: collapse;
	border-spacing:0px;
	margin:0px;
	border: solid 1px #222222;
	/*width:686px*/
}

table.dataTable td, table.dataTable th {
	border:1px solid #222222;
	border-top:none;
	border-bottom:none;
	margin: 0px;
	padding: 4px;
}

table.dataTable tr.trNorm {
	background-color:#161616;
}

table.dataTable tr.trOther {
	background-color:#111111;
}

table.dataTable th {
	background-color:#112233;
}


#deTraceDiv {
	position: absolute;
	top: 200px;
	right: 0px;
	width: 200px;
	display:none
}

.num, .price, .numBold {
	text-align:right;
}

.numBold {
	font-weight:bold;
	
}

.num2{
	border-right:#b8b8b8 1px solid
}

.newsheader{
	display:inline;
}

.newstitle {
	font-weight:bold;
	
}

.newstimer{
	
}



.newsitem {
	padding-bottom:5px;
	border-bottom: 2px dotted #993333;
	margin-bottom:5px;
	margin-top:5px;
}

#coverUp {
	opacity: 0.8;
	-moz-opacity:0.8;
	position:absolute;
	top:0px;
	left:0px;

	background-color:#CCCCCC;
	/*z-index:99;*/
}
#coverUp.show {
	display:block;
	z-index:99;
	width:100%;
	height:100%;
}
#coverUp.hide {
	display:none;
	z-index:-99;
	height:0px;
	height:0px;
}

#coverUpMessage {
	opacity: 1;
	-moz-opacity:1;
	position:absolute;
	top:40%;
	left:40%;
	width:20%;
	padding: 20px;
	font-weight: bold;
	background-color:#FFFFFF;
	border: 2px solid #000000;
}
#coverUpMessage.hide {
	display:none;
}
#coverUpMessage.show {
	display:block;
}

/*Show and hides*/
#quote_stock{
	display:none;
	margin:10px 0;
	padding-bottom:10px;
	margin-bottom:5px;
}
#quote_stockop{
	display:none;
	margin:10px 0;
	padding-bottom:10px;
	margin-bottom:5px;
}
#quote_stockoo{
	display:none;
	margin:10px 0;
	padding-bottom:10px;
	margin-bottom:5px;
}
#quote_stockopoo{
	display:none;
	margin:10px 0;

	padding-bottom:10px;
	margin-bottom:5px;
}
#posbook_stock{
	margin:10px 0;
	border-bottom: 2px dotted #993333;
	padding-bottom:10px;
	margin-bottom:5px;
}
#posbook_stockop{
	margin:10px 0;
	padding-bottom:10px;
	margin-bottom:5px;
}
hr.fatdot{
	height: 7px;
	background-image: url(../i/dot_fat_hor.png);
	background-repeat: repeat-x;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*Form setup*/
.formrow{
  	padding: 2px 0;
}

.formrow span.formlabel {
}
.formrow span.formfields{
	padding: 0 10px;
}

.formrowheader{
    padding:5px;
    padding-top: 20px;
    text-align: center;
}

.formrowheader.first {
    padding-top:0px;
}

.formrowheader h2 {
    color: #7596C7;
    text-decoration: underline;
}

.formrowheader h2:before{
    content: "~ ";
}

.formrowheader h2:after{
    content: " ~";
}

.wizardformrow {
    padding: 5px 5px;
    border-top: 1px solid rgb(44, 44, 44);
    border-bottom: 1px solid black;
    background:#111111;
}

.wizardformrow input,
.wizardformrow select{
    min-width: 170;
    margin-bottom: 7px;
}

.wizardformrow .error,
.wizardformrow .fieldError {
    padding:3px;
}

.wizardformrow span.formlabel {
}

.wizardformrow span.formfields{

    padding: 0 10px;
}

.wizardformrow span.formnotes{
    width:50%;
    display:table-cell;
    font-style:italic;
}

.progressmeter {
    clear:both;
    margin: 20px;
    margin-bottom: 50px;
}

.progressmeter li {
    float: left;
    width: 6em;
    min-height: 3em;
    margin: 0 .6em;
    padding-left: 2.2em;
    color: #999;
    list-style-type: none;
}

.page-numeral {
    color:#666666;
    font-size: 24px;
    font-weight:bolder;
    position: relative;
    left: -30px;
    top: 10px;
}

.page-details {
    color:#666666;
    position: relative;
    top: -14px;
}

.progressmeter li.current .page-numeral{
    color:#6c5c87;
}

.progressmeter li.current .page-details{
    color:#ffffff;
    font-weight: bold;
}

.designrow{
	clear: both;
  	margin: 10px 0;
}
/*trade messages from javascript*/

.message input {
	clear:both;
	display:block;
}
.bluebutt {
	background-color:#005598;
	background-image:url(../i/bg_button.png);
	border: 1px solid #005598;
	padding: 1px 5px;
	margin: 0 5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 11px;
	text-transform:capitalize;
}
.bluebutt submit :hover {
	background-image:url(../i/bg_button.png);
	background-position:bottom;
}
/* Splash Screen */
#splashbottom{
/*	background-image: url(i/bg_splash_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px;*/
}
#splashdiv{
/*	width:588px;
	margin:20px auto;*/
}
#splashimage{
/*	background-image: url(i/header_splash.png);
	background-repeat: no-repeat;
	
	height:98px;
	background-position: left top;*/
}
#splashbottom{
/*	height:280px;
	background-image: url(i/bg_splash_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 30px;
	text-align:left;
	*/
}
#admin2 h1 {
	color:#ffffff;
}

#admin2 h3 {
	margin:20px 0 5 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#993333;
	text-transform:capitalize;
}

/** Administration - admin1 is the small one, admin2 is the large one* */
#admincontent {
		width:956px;
		margin:20px auto 0 auto;
}


#admin2 {
	text-align:left;
	background-color: #000000;
	padding: 10px;
}
/*admin lists*/
#admin1 ul,#admin2 ul {
	list-style:inside;
	margin:10px 0;
}



#admin1 input,#admin2 input {
	/*width:	100px;*/
}
#admin1 .desc,#admin2 .desc {
	width:70%;
}

a.buttonlink {
	background-color:#005598;
	background-image:url(../i/bg_button.png);
	border: 1px solid #005598;
	padding: 1px 5px;
	margin: 0 5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 11px;
	text-transform:capitalize;
	margin: 1px;
}

a.buttonlink:hover {
	
	background-position:bottom;
}

#admin2 .formrow {
	display:table-row;
}

#admin2 .formlabel {
	text-align:right;
	width:162px;
	display:table-cell;
}
#admin2 .formfields {
	display:table-cell;
}
#admin2 .bluebutt{
	margin:0;
}

#graphbod{
	margin:0px;
	padding:0px;
	height:160px
}

.tradeHolder {
	padding-bottom:10px;
	border-bottom: 2px dotted #993333;
	margin-bottom:10px;
}

.traderHeading {
	/*padding:5px;
	font-weight:bold;
	background-color: #aebbe0;*/
	margin-bottom: 10px;
}


.buyTraderHeading {
	/*padding:5px;
	font-weight:bold;
	background-color: #b78787;*/
	margin-bottom: 10px;
}

.tradeHolder .trader {
	padding:2px;
	font-weight:bold;
	background-color: #aebbe0;
}

.tradeHolder .message {
	padding:5px;
	background-color: #e7e7e7;
	font-style: italic;
	border: solid 1px #CCCCCC;
	border-bottom-width:0px;
}

.tradeHolder .response {
	padding:5px;
	background-color: #e7e7e7;
	border: solid 1px #CCCCCC;
	border-top: dashed 1px #993333;
}

.tradeHolder input {
	width: 90px;
}

/* Error messages */

.error, .fieldError {
	border: solid 1px #FF0000;
	background-color: #FFCCCC;
	color:#000000;
	font-weight: bold;
}
.warning {
	border: solid 1px #FF0000;
	background-color: #FFCCCC;
color:#000000;

}
input.error {
	font-weight: normal;
color:#000000;

}
.success {
	border: solid 1px #00CC00;
	background-color: #CCFFCC;
color:#000000;

	font-weight: bold;
}
.message { /* combine with .error or .success */
	padding: 5px;
}

legend .error {
	margin: 2px;
}

#limitsContainer.broken {
	border: 1px #FF0000 solid;
	background-color: #ff9999;
}

#limitsContainer.quiet {
	background-color: #CCFFCC;
	border:1px #33cc33 solid;
}

#limitsMessage{
	padding-top:4px;
	padding-left:2px;
	padding-bottom:4px;
	
	font-weight:bold
}


#phonebookTable {
	background-color:#ffffff;
}

#phonebookTable .trader, #phonebookTable td {
	cursor:pointer;
}

#phonebookTable .incoming {
	background-color: #aebbe0;	
}

#phonebookTable .sel {
	/*background-color: #316ac5;*/
	font-weight: bold;	
}

#phonebookTable .buyIncoming {
	background-color: #b78787;	
}

#phonebookTable .buySel {
	/*background-color: #993333;	*/
	font-weight: bold;
}


#counterpartyBalance {
	padding-bottom:4px;
}

#phonebookTable {
	width: 100%;
	border-collapse: collapse;
}

#phonebookTable td {
	width: 33%;
	border: 1px solid #999999;
	padding:2px;
}

#histbod {
	height:200px;
	overflow: auto;
}

div.counterPartyLimit {
	text-align:right;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	/*float:right;
	width:50%*/
}

span.helpText {
	cursor:help;
}
span.helpText:hover {
	border-bottom: 1px dashed #00FF00;
}

.formTable{
	background:#111111;
}
.wizardFormTable{
	background:#000000;
}

div.nav-content ul li{
 		padding:3px;
 		padding-left:10px;
 		padding-right:10px;
 		border-top:#334455 1px solid;
 		border-bottom:#000000 1px solid;
 		margin:0px
 	}

div.nav-content ul li ul {		
 		padding-top:5px;
 	}
div.nav-content ul li ul li{		
 		border-bottom:#334455 1px solid;
 		border-top:#000000 1px solid;
 	}

div.nav-content{
	background:#112233
	}

div.nav-content ul li a{
	color:#fff;
}

.greybutt {
	background-color:#D8D8D8;
	background-image:url(../i/bg_button_grey.png);
	border:1px solid #999999;
	font-size:11px;
	font-weight:normal;
	margin:0 0;
	padding:1px 5px;
	text-transform:capitalize;
}

dl {
    border: 3px double #ccc;
    padding: 0.5em;
}
dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
    color: green;
}
dt:after {
    content: " -";
}
dd {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
}