/* -----------------------------------------------------------------------

   FinalFutures CSS  1.0
   
----------------------------------------------------------------------- */

body {background-color:#333;}
.container {background-color:#fff; border:4px solid black}
a {color:#900; text-decoration:none}
legend {font-size:1.5em}

/*page header*/

#whitelink  a:link {color:#ddd; text-decoration:none}

#links ul, #login form, #login p, #register p, #register ul, #search form {text-align:right; float:right}
#links a {color:#999; text-decoration:none}
#links ul, #register  ul {list-style:none; padding:0; margin:10px}
#links ul li, #register ul li {display:inline; padding:0 10px; margin:0; border-right:1px solid #ccc}
#links ul li.last, #register ul li.last {border:none; padding: 0 0 0 10px}
#login form {position:relative; margin:0 10px 5px 0}
#login input {font-family:arial; font-weight:bold; font-size:1.0em; padding:4px;}
#login input.submit {font-family:arial; font-weight:bold; font-size:1.2em;color:white; background:#c00;)}
#login.submit input.submit {font-family:arial; font-weight:bold; font-size:1.2em;color:white; background:#c00;)}
.middle {vertical-align: middle; padding:0.6em;}
.tiny {font-size:.8em;}
.tiny_green {font-size:.8em;color:green;padding:0.6em 15px; vertical-align:text-top; background:url('../../img/icons/bullet_green.png') 0px 5px no-repeat}

#login p,#register p{margin:5px 10px 0 0; padding:0}

#logo a {padding:10px}

#navbar {height:40px;background: url('/en/img/template/nav_bg.png') top left repeat-x;}

div.input, div.submit {display:inline}
fieldset div.input {margin:0}

#search p {padding:0; margin:0}
#search form {width:200px;padding:3px 5px 5px 5px;margin:10px 10px 0 0;background: url('../../img/template/search_bg.png') top left no-repeat;}
#search form input {border:none; background:transparent;color:#666;font:1.2em helvetica, arial; margin:0 20px 0 0}

#homepage {background: url('/en/img/homepage_bg.png') top left repeat-y}
#homepage h2 {color:#111; font-size:2.25em}

#topmovers h2 {color:#111; font-size:2.25em}

#promo {background:#c00 url('/en/img/template/red_ff_bar.png') top left no-repeat; height:100px; margin:0; color:white}
#tickerdiv {background:url('/en/img/standard-banner.gif')  top left no-repeat; height:100px; margin:0; color:black}
#banner {background:url('/en/img/standard-banner.gif')  top left no-repeat;  margin:0; color:black}

.Football #banner  {background:url('/en/img/football-banner.gif')  top left no-repeat;}
.Tennis #banner  {background:url('/en/img/tennis-banner.gif')  top left no-repeat;}
.Cricket #banner  {background:url('/en/img/cricket-banner.gif')  top left no-repeat;}
.Rugby #banner  {background:url('/en/img/rugby-banner.gif')  top left no-repeat;}
.American-Football #banner {background:url('/en/img/americanfootball-banner.gif')  top left no-repeat;}

/* #ticker {background:url('../../img/template/tick_bg.png') top left repeat-x; margin-bottom:-5px} */
#tickerdiv ul {list-style:none;float:left; padding:5px 0; margin:0 0 10px 25px}
/* ie ticker hacks */
#tickerdiv ul {_margin-left:12px;_padding:3px 0 2px 0}


#tickerdiv ul li {float:left; padding:2px 10px 2px 0; margin: 0 10px 0 0; border-right:1px solid #aaa}
#tickerdiv a {color:white}

.padded {padding:15px}
#topmovers {background-color:#dedede}

.promo-images {padding:0px 5px 0px 5px;}
#footer {padding:5px 0px 5px 0px;background-color:black; color:#ccc;background: url('/en/img/footer.gif') top left no-repeat; border-top: 1px solid #ccc;}
#footer p {padding:1em;margin:0; color:#888;}
#footer a {color:#888;}

#sidebar {padding:0 0 0 10px;}
#right-sidebar {background-color:#eee;padding:20px 10px 20px 10px;}
#for-fans {padding:20px 5px 20px 10px;}
#for-traders {padding:20px 5px 20px 10px;}
#top-movers {padding:20px 0 20px 0}
.learn-more {color:#a00;  font-weight:bold; }
.maincontent {float:left;width:920px;padding:15px;margin:0}

.extrasmall {font-size:50%}

.right {float:right}

#registration input.text, #registration input.title, #registration div.input {margin:0;}
#registration p div.input {padding:0}
#registration input.submit {font-size:1.5em; padding:.25em}

#loginpage input.text, #loginpage input.title, #loginpage div.input {margin:0;}
#loginpage p div.input {padding:0}
#loginpage input.submit {font-size:1.5em; padding:.25em}

#details a {color:#448f44; font-weight:bold; padding: 0.5em 6pt 7px 8px}
#details a:hover {color:#c00;}


.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}


.actions ul, .buysell ul {list-style:none;float:left;clear:both;padding:0; margin:0}
.actions ul li, .buysell ul li {float:left; margin-right:3px}
.actions ul li a {font-size:.9em;float:left;display:block;padding:4px 8px;background-color:#c00;color:white;-moz-border-radius: .5em;-webkit-border-radius: .5em}
.actions ul li a:hover {background-color:#e20;color:white}

.buysell {padding: 10px}
.buysell  a {width:69px;height:26px;line-height:26px;color:white;text-align:center;background:#c00 url('/en/img/big-blank-button.gif') center left no-repeat; padding:5px 22px;font-size:1.2em;font-weight:bold}
.buysell  a:hover {background-position:0 -40px}

.submit input {	/*-moz-border-radius: 1em;
	-webkit-border-radius: 1em;*/
	background-color:#c00;
	border-color:#c00;
	border-width: 0;
	text-align: center;
	color:white !important;
	padding:4px 4px 4px 4px;
	_padding:1px 4px 1px 4px;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	line-height:1.4em	
	}

	
	.submit a {	/*-moz-border-radius: 1em;
	-webkit-border-radius: 1em;*/
	background-color:#c00;
	display: inline;
	border-color:#c00;
	border-width: 0;
	text-align: center;
	color:white !important;
	padding:5px;
	_padding:1px 4px 1px 4px;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	line-height:1.4em	
	}
	
     .submit input:hover {background-color:#e20}

     .submit a:hover {background-color:#e20}

 
.smallbutton {text-align:right}
.smallbutton a {display:inline;width:35px;height:15px;line-height:15px;color:white;text-align:center;background:#c00; top left no-repeat;font-size:1.0em; padding:1px 8px;font-weight:bold}
.smallbutton a:hover {background-color:#e20; background-position:0 -40px}


.numeric { text-align: center;}

/* floorplan overlays */
#floorplan {position:relative;  margin:0px; background:url('/en/img/seating-details.gif') bottom no-repeat;}
/* #floorplan div.boxtop {background:url('/ff/img/seating-details.gif') top left no-repeat;height:12px;margin:-5px 10px 0 -5px} */
#floorplan .basemap {position:absolute;top:40px;left:10px;z-index:1}
#floorplan .overlay {position:absolute;top:40px;left:10px;z-index:2}
#floorplan p {color:#444;position:absolute;top:240px;left:10px;}


/* seating */
#seating {position:relative;  margin:0px; background:url('/en/img/seating-details.gif') bottom no-repeat;}
/* #floorplan div.boxtop {background:url('/ff/img/seating-details.gif') top left no-repeat;height:12px;margin:-5px 10px 0 -5px} */
#seating .basemap {position:absolute;top:40px;left:130px;z-index:1}
#seating .overlay {position:absolute;top:40px;left:130px;z-index:2}
#seating p {position:absolute;top:240px;left:130px;}


/* buttons! */
.button, a.redbutton {
	/*-moz-border-radius: 1em;
	-webkit-border-radius: 1em;*/
	background-color:#c00;
	text-align: center;
	color:white !important
}
.button {
	width: 300px;
	height: 10px;
	padding: 15px 10px 20px 10px;
}
a.redbutton {
	display:block;
	width:90%;
	padding:0 3px 10p 3px;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	line-height:1.4em
}
.button a:link, a.redbutton:link, 
.button a:visited, a.redbutton:visited,
.button a:hover,  a.redbutton:hover,
.button a:active, a.redbutton:active {color: white}
.button a:hover,  a.redbutton:hover {background-color:#e20}


/* rounded boxes */

.bigroundtop {background:url('/en/img/template/big_round.png') top left;padding:20px 20px 0 20px}
.bigroundbottom {background:url('/en/img/template/big_round.png') bottom left;padding:10px 20px 20px 20px}

.orders {background-color:#e20;color:#444;background:url('/en/img/orders-tab.gif') top left no-repeat;padding:40px 20px 20px 20px;height:90px}
.history {color:#444;background:url('/en/img/trade-history-tab.gif') top left no-repeat;padding:40px 20px 20px 20px;height:90px}

.contracts-form {position:relative;background-color:#e20;color:#444;background:url('/en/img/contract-details-tab.gif') top left no-repeat;padding:40px 20px 40px 20px;height:14px;}
.orders-form {position:relative;background-color:#e20;color:#444;background:url('/en/img/your-order-tab.gif') top left no-repeat;  margin-top:20px; padding:25px 20px 40px 20px;height:149px; }
#order_advice {color:#c00;}
#qty_advice  {color:#c00;}


.sidebox {background:url('/en/img/template/5col_box_bot.png') bottom left no-repeat;padding-bottom:10px;position:relative;line-height:1}
.sideboxtop {background:url('/en/img/template/5col_box_top.png') top left no-repeat;margin:0;padding:10px 0 0 0}

.sideboxtop h2 {margin:0 10px}

.sidebox p {font-size:1.4em;line-height:1.4;margin:0 10px .5em 10px}

.venuename {font-weight:bold;white-space: nowrap}

/* heading icons */
.chart, .report, .preferences, .portfolio {padding-left:20px}
.chart {background:url('/en/img/template/icon_chart.png') left no-repeat}
.report {background:url('/en/img/template/icon_report.png') left no-repeat}
.preferences {background:url('/en/img/template/preferences.png') left no-repeat}
.portfolio {background:url('/en/img/template/briefcase.png') left no-repeat}

.shade {background-color:#eee; }


/* breadcrumbs */
ul#breadcrumbs {display:block; color: #666;  behavior: url(/en/js/iepngfix.htc); overflow: hidden; height: 36px; line-height: 34px; font-size:1.2em;font-weight: bold; clear:both; width:910px; list-style:none; margin:23px 0 0 0; padding:0}
ul#breadcrumbs li { height:36px; line-height:34px; float: left; padding: 0 9px 0 14px; position: relative; color:#999;}
ul#breadcrumbs li.home { padding-left: 3px }
ul#breadcrumbs li a {color: #ccc}
ul#breadcrumbs li.current {color:#fff}
ul#breadcrumbs li.current a {color: #fff;}

#subcrumbs { background: url(/en/img/template/directory_bg.png) repeat-y; border-top: 1px solid #e5e5e5; float: left; width: 895px; padding:15px 0 0 15px; position: relative; margin-top: -4px; }
#subcrumbs #details, #matching-contract-list {padding:15px}
#subcrumbs .capbottom { clear: both; position: relative; top: 5px; _top: 12px; margin-left:-15px; height: 5px; width: 910px; background: url(/en/img/template/directory_capbg.png) no-repeat; behavior: url(/iff/js/iepngfix.htc); }

/*portfolio page stuff*/
.portlink {display:block; padding-left:25px; font-weight:bold; }
.my_portfolio {background:url('/en/img/icons/briefcase.png') 5px 0px no-repeat}
.change_name {background:url('/en/img/icons/vcard_edit.png') 5px 0px no-repeat}
.change_address {background:url('../../img/icons/house_icon.png') 5px 0px no-repeat}
.change_password {background:url('/en/img/icons/shield_go.png') 5px 0px no-repeat}
.money_in {background:url('/en/img/icons/money_add.png') 5px 0px no-repeat}
.money_out {background:url('/en/img/icons/money_delete.png') 5px 0px no-repeat}

#add_funds div.input, #add_funds div.text, #add_funds div.submit {float:left;margin:0 5px; padding:0}
#add_funds input, #add_funds label {float:left}
#add_funds input.text {margin:0; width:150px; font-size:1.2em;}
#add_funds .submit input {width:100px}

/* cake stuff */
/* Scaffold View */
dl {line-height: 2em; margin: 0em 0em; width: 60%}
dl.altrow {background: #f4f4f4}
dt {font-weight: bold; padding-left: 4px; vertical-align: top}
dd {margin-left: 10em; margin-top: -2em; vertical-align: top}

.headline {border-bottom:2px solid #c00}
.headline h2, h2.headline {margin:5px 0 10px 0}

.lightshade {background-color:#f3f3f3}
.indents p {margin-left:5px}

#matching-contract-lists { background:#fff url(/en/img/available-contracts-tab.gif) 0 0  no-repeat; margin-left:15px; padding-top:25px } 
/*.matching-contract-bar { background:#e9f0ed url(/ff/img/available-contracts-tab.gif) left top  no-repeat; }*/
/* .portfolio-bar { background:#e9f0ed url(/ff/img/portfolio-tab.gif) left top  no-repeat; } */
#portfolio_container_for_sale { background:#fff url(/en/img//portfolio-tab.gif) 0 0  no-repeat; margin-left:15px; padding-top:25px }
#order-book { background:#fff url(/en/img//order-book-tab.gif) 0 0  no-repeat; margin-left:15px; padding-top:25px }

.altrow {background-color:#efffef}


.adminactions a {color:#c00; font-weight:bold; font-size:1.0em;padding: 0px 0 3px 8px;}


.shout {color:#cc0000; font-weight:bold; font-size:1.1em;}
.submit.input {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white;}

/* items for the ticker */


.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background:url(/en/ticker/nav_bg.jpg);
background-repeat:repeat-x; 
width:100%;
height: 27px; 
margin: auto auto 10px auto; 
padding: auto auto auto auto; 
overflow: clip;
/* ie ticker hacks */

}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
float:left;
left: 12px;
width: 950px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
margin:0px;            
padding:0px;            
list-style:none;
position: relative;
left: 950px;
font: bold 17px Verdana;
list-style-type: none;
margin: 0px;
padding: 0;
width:950px;
}
ul.newsticker li {
/*float: left;*/ /* important: display inline gives incorrect results when you check for elem's width */
width:950px;
display:inline;
vertical-align:middle;
font: bold 14px Arial;
color:#FFFFFF;
}

ul.newsticker a {
width:950px;
overflow: hidden;
white-space: nowrap;
text-decoration:none;
padding: 0px;
color: #ffffff;
vertical-align:middle;
font: bold 14px Arial;
margin: 0 1px 0 0;
} 
ul.newsticker span {
width:950px;
overflow: hidden;
margin: 0 1px 0 0;
font: bold 14px Arial;
vertical-align:middle;
} 

label.overlabel-apply {
	position:absolute;
	top:2px;
	_top:2px; 
	z-index:1;
	color:#999;
	padding:2px 0px 4px 4px;
	font-size:13px

}

.hide-seating {
visibility: hidden; z-index:2;
}

.show-seating {
visibility: visible;
}

.disabled {
	background-color:#fcc;
	border:1px solid #a00;
	color:#000;
	margin:2px;
	padding:2px 4px;
	width: 80px;
display: inline;
}

.paging a {
	background-color:#fcc;
	border:1px solid #a00;
	color:#a00;
	margin:2px;
	padding:2px 4px;
}

.paging span.current {
	background-color:#fcc;
	border:1px solid #a00;
	color:#000;
	margin:2px;
	padding:2px 4px;
 font-weight: bold;
}

#movers td {
padding: 0;
border-bottom: none;
}

#movers img {
padding:0 3px;
}