/* Note - Mozilla does not like semi-colon ';' at the end of definitions */

img { border: none }
table { border: none }

.borderless { border: none }

/* hand cursor, works on Mozilla and IE */
.cursor_hand { cursor:pointer;cursor:hand }

.notes { color: white; background: #FFFFFF; font-size: 5; margin: 0 0 0 -5000 }
.notes a { color: white; background: #FFFFFF; font-size: 5 }

.subMenuItem { float: left; font: 8pt arial; text-decoration: underline; color: #000000; padding: 2 2 0 6; margin: 0 }
.subMenuItemSelected { float: left; font: bold 8pt arial; color: #000000; padding: 2 2 0 6; margin: 0 }

.languageFlags { text-align: right; font: 8pt arial; color: #000000; padding: 2 8 0 0; margin: 0 }
.languageFlags img { margin-left: 1px }

.windowTitle { font: 11pt arial; color: #FFFFFF; }
.marketStatus { font: 8pt arial }
.marketSelectorTitle { font: 8pt arial }
.marketSelectorField { font: bold 8pt arial }
.marketColumnTitle { font: bold 8pt arial }
.marketDepthOrdersSubtitle { font: bold 8pt arial }
.marketDepthOrdersTitle { font: bold 11pt arial }
.marketDepthSpread { font: bold 8pt arial }
.marketSubTitle { font: bold 10pt arial }
.marketBestTitle { font: bold 9pt arial }
.marketBestSubTitle { font: 9pt arial }
.marketRowTitle { font: bold 12px arial }
.marketSpreadRowTitle { font: bold 13px arial }

/* .subMenuItemSelected { float: left; font: 8pt arial; color: #444444; padding: 0; margin: 0; padding-left: 8px; padding-right: 2px } */

/* a.boxlink:link,a.boxlink:visited,a.boxlink:active, a.boxlink:hover { font: 8pt Arial; color: #000000; text-decoration: none;  } */
a.boxlink { font: 8pt Arial; color: #000000; text-decoration: none; line-height: 100% }
a.boxlink:hover { text-decoration: underline }

.quotebox { background: #FFFFFF; padding: 1 2 1 1 }

/* font size was 8pt, but BBC uses pixels - probably for platform indepedence. */
/* However, 8pt works _perfectly_ on both IE and Firefox under Windows - especially for the "bests" boxes... 11px or 10.5px does not */

.offerbox { background: #E9EDE2; font: 8pt arial; width: 72; height: 32; padding-top: 2 }
.goldbidbox   { background: #FEEFC6; font: 8pt arial; width: 72; height: 32; padding-top: 2 }
.silverbidbox   { background: #E1E6ED; font: 8pt arial; width: 72; height: 32; padding-top: 2 }

.offerboxbest { background: #E9EDE2 url(/images/sell_up.gif) no-repeat; font: 8pt arial; width: 72; height: 32 }
.goldbidboxbest   { background: #FEEFC6 url(/images/buy_gold_up.gif) no-repeat; font: 8pt arial; width: 72; height: 32 }
.silverbidboxbest   { background: #EFEFEF url(/images/buy_silver_up.gif) no-repeat; font: 8pt arial; width: 72; height: 32 }

/* Order form styles */
#orderform_rejection_hint { margin: 7 0; font: 8pt arial; background-color: #E6E6E6; border: 1px solid #999; padding: 5px; }
#orderform_rejection_hint a:visited { color: blue; }
#orderform_rejection_hint_summary { padding: 0px 0px 0px 40px; background-position: 3px 50%; background-repeat: no-repeat; background-image:url('images/hint_warning.png'); }
#orderform_rejection_hint_explanation { margin-top: 7; padding-top: 7; border-top: 1px dashed #999; }
#orderform_rejection_hint_suggestion { padding:2px 0px 0px 6px; background-image:url('images/hint_suggestion_arrow.png'); background-repeat: no-repeat; background-position: 0px 60%; }
.inputTable { border: solid #999999 1px; border-bottom: none; border-right: none; margin-top: 5px }
.inputTableHead { padding: 5px; text-align: left; font: bold 9pt arial }
.inputTitleCell { background: #E6E6E6; font: 8pt arial; padding: 0px 3px 0px 5px; border: solid #999999 1px; border-top: none; border-left: none }
.inputBoxCell { padding: 0px 1px; border: solid #999999 1px; border-top: none; border-left: none; background-color: #eeeeee; width: 60% }
.inputBoxCell select { margin: 1px 0px }
.inputBoxCell input[class] { margin: 1px 0px }
.inputBoxMidCell { border: solid #999999 1px; border-top: none; border-left: none; background: #D9D9D9; width: 22px }
.inputBox { font: bold 8pt arial; min-width: 100%; width: 100%; height: 20px; }
.durationTable .inputBoxCell { width: 40% }
.durationTable .inputBox[class] { width: auto }

.inputBoxFake { font: bold 8pt arial; background: white; border: solid 1px #7F9DB9; padding: 2px 3px }

.inputBoxUpArrow { padding: 1px 1px 1px 1px; vertical-align: bottom }
.inputBoxDownArrow { padding: 1px 1px 1px 1px; vertical-align: top }

.inputSettingsTitleCell { background: #E6E6E6; font: 8pt arial; padding-left: 5px; border: solid #999999 1px; border-top: none; border-left: none; height: 23px; width: 115px }
.inputSettingsBoxCell { padding: 1px; border: solid #999999 1px; border-top: none; border-left: none }
.inputSettingsButtonCell { background: #E6E6E6; font: 8pt arial; padding-left: 5px; border: solid #999999 1px; border-top: none; border-left: none; height: 23px; width: 27px }

#orderContainerCell, #formBorder {
	padding: 10px; padding-left: 10px; padding-right: 10px;
}

#orderTip { position: absolute; background: #F7F7F7; text-align: center; margin: 0; color: #000; font: bold 8pt arial; padding: 0 }
#orderTip table { background: #999999; margin: 3px }
#orderTip th { font: 8pt arial; background: #E6E6E6; padding: 3px 7px; text-align: center }
#orderTip td { font: bold 8pt arial; background: #FFFFFF; padding: 3px 7px; text-align: center }

.bidOrderTip { border: solid 1px #7F5908}
.bidOrderTip #bevel{ border: solid 0px; border-color: #FEDB83 #C98B00 #C98B00 #FEDB83; background: #FFB310; padding: 3px }
.goldBidOrderTip { border: solid 1px #7F5908}
.goldBidOrderTip #bevel{ border: solid 0px; border-color: #FEDB83 #C98B00 #C98B00 #FEDB83; background: #FFB310; padding: 3px }
.silverBidOrderTip { border: solid 1px #738694}
.silverBidOrderTip #bevel{ border: solid 0px; border-color: #FEDB83 #C98B00 #C98B00 #FEDB83; background: #9CAABD; padding: 3px }

.offerOrderTip { border: solid 1px #3B5100 }
.offerOrderTip #bevel { border: solid 0px; border-color: #CCD6BC #4F7918 #4F7918 #CCD6BC; background: #8BA167; padding: 3px }

#footer_cell {
    height: 29px;
    border: #BBBBBB solid 1px;
    padding: 0 2 0 15;
    background-image: url(/images/shdr_footer.gif);
    background-repeat: repeat-x;
    background-color: #787878;
    vertical-align: top
}

#footer_table {
    padding: 4 0 0 0
}

#footer_ticker {
    padding-left: 10;
    padding-right: 10;
    width: 380
}

#footer_ticker iframe {
    border: solid 1px #BBBBBB;
    background: url(/images/shdr_ticker.gif) #FFFFFF repeat-x;
    margin-top: 1px
}

#footer_noticker {
    height: 17px
}

#footer_links {
    font: 11px arial
}

.footer_link {
    color: white;
    padding-right: 10
}

#panel_top {
    height: 258px;
    vertical-align: top;
}

#panel_next, #panel_previous { 
    padding: 0 10 3 10;
}

#panel_next {
    text-align: right;
}

#panel_next a, #panel_previous a {
    font: bold 9px arial;
    text-decoration: none;
}

.panel_gold_bar_text {
    font: 11px arial;
    color: #FFF
}

.registrationTitle {
    font: bold 11pt arial;
    padding: 10 10 0 10
}

.registrationTitle-mv {
    font: 20pt arial;
    font-weight: bold;
    margin-bottom: 0;
}

.registrationRegTitle-mv {
    font: 13pt arial;
    font-weight: bold;
}

.registrationSubTitle {
    font: 11pt arial;
}

.registrationSubTitle-mv {
    font: 10pt arial;
}

.registrationArrow-mv {
	background: url(images/arrow-mv.png) no-repeat left;
	width: 14px;
	height: 70px;
	margin-left: 10px;
}

.registrationBox-mv {
    font: 10pt arial;
    height: 70px;
    padding-right: 15px;
}

.registrationTerms-mv {
    font: 9pt arial;
}

.registrationLine {
    width: 300px;
    font: bold 11pt arial
}

.registrationLine-mv {
    width: 320px;
    font: bold 11pt arial
}

.registrationSubtext {
    font: 8pt arial;
}

.registrationSubtext-mv {
    font: 7pt arial;
    font-style: italic;
}

.registrationHelpTitle {
    font: bold 11pt arial;
    padding: 10 10 5 10;
}

.registrationHelpText {
    font: 9pt arial;
    padding-left: 10;
}

.loginFailed {
    font: bold 11pt arial;
    color: red;
    margin-top: 15px;
    margin-bottom: 20px;
}

.loginPleaseEnter {
    font: bold 11pt arial;
    margin-top: 15px;
    margin-bottom: 20px;
}

.loginInputTitle {
    font: 11pt arial;
    margin-top: 10;
}

.loginInput {
    width: 100%;
    font: bold 11pt arial;
}

.loginRegisterLink {
    font: 11pt arial;
    margin: 15 0;
}

.loginSecurityTipTitle {
    font: bold 11pt arial;
    margin-bottom: 10
}

.loginSecurityTipText {
    font: bold 9pt arial;
    margin-bottom: 10
}

.statementDescription {
	font: bold 8pt arial;
	padding: 5 0 1 5;
}

.statementAmount {
	font: bold 8pt arial;
	padding: 5 20 1 5;
}

.helpTocTop {
	width: 224px;
}

.helpTop {
	height: 61px;
}

#helpTitleCell {
	padding: 0;
	margin: 0;
    height: 37px;
}

#helpTitleSubCell {
	padding: 0;
	margin: 0;
    height: 37px;
}

.helpLogo {
	height: 61px;
	width: 246px;
}


/* Order form: General */
.question, #submitButton, .orderTab {
	text-align: center;
	text-indent: -5000px;
	vertical-align: middle;
}

/* Order form: Borders */
.buyGoldForm	#formBorder { border-color: #b57e08 }
.buySilverForm	#formBorder { border-color: #9caabd }
.sellGoldForm	#formBorder { border-color: #607e30 }
.sellSilverForm	#formBorder { border-color: #607e30 }

/* Order form: Tabs */
#buyorderTab {
	width: 75px;
	height: 30px;
}

#sellorderTab {
	width: 77px;
	height: 30px;
}

#queryTab {
	background: #bfbfbf url( /images/tabs_query_up.gif ) no-repeat;
	width: 75px;
	height: 30px;
}

#marketQueryForm #queryTab {
	background: #bfbfbf url( /images/tabs_query.gif ) no-repeat;
}

.buyGoldForm	#buyOrderTab	{ background: #fec957 url( /images/tabs_buy_gold.gif )		no-repeat }
.buySilverForm	#buyOrderTab	{ background: #9caabd url( /images/tabs_buy_silver.gif )	no-repeat }
.sellGoldForm	#buyOrderTab	{ background: #fec957 url( /images/tabs_buy_gold_up.gif )	no-repeat }
.sellSilverForm	#buyOrderTab	{ background: #9caabd url( /images/tabs_buy_silver_up.gif )	no-repeat }
.buyGoldForm	#sellOrderTab	{ background: #fec957 url( /images/tabs_sell_up.gif )		no-repeat }
.buySilverForm	#sellOrderTab	{ background: #9caabd url( /images/tabs_sell_up.gif )		no-repeat }
.sellGoldForm	#sellOrderTab	{ background: #fec957 url( /images/tabs_sell.gif )			no-repeat }
.sellSilverForm #sellOrderTab	{ background: #9caabd url( /images/tabs_sell.gif )			no-repeat }

#marketQueryForm	.buyGoldForm	#buyOrderTab	{ background-image: url( /images/tabs_buy_gold_up.gif )	}
#marketQueryForm	.buySilverForm	#buyOrderTab	{ background-image: url( /images/tabs_buy_silver_up.gif ) }
#marketQueryForm	.sellGoldForm	#sellOrderTab	{ background-image: url( /images/tabs_sell_up.gif ) }
#marketQueryForm	.sellSilverForm #sellOrderTab	{ background-image: url( /images/tabs_sell_up.gif ) }

/* Order form: Help buttons */
.question {
	width: 24px;
	height: 24px;
}

.buyGoldForm	.question { background: #fec957 url( /images/question_gold_up.gif )		no-repeat }
.buySilverForm	.question { background: #9caabd url( /images/question_silver_up.gif )	no-repeat }
.sellGoldForm	.question { background: #9fb181 url( /images/question_sell_up.gif )		no-repeat }
.sellSilverForm	.question { background: #9fb181 url( /images/question_sell_up.gif )		no-repeat }

/* Order form: Submit buttons */
/* Note that for submit buttons, widths are set in locale.css, as they vary from language to language. */
#submitButton { height: 24px }

#orderForm .buyGoldForm			#submitButton {
	background: #fec957 url( /images/buybid_gold_up.gif ) no-repeat
}

#orderForm .buySilverForm		#submitButton {
	background: #9caabd url( /images/buybid_silver_up.gif ) no-repeat
}

#orderForm .sellGoldForm		#submitButton,
#orderForm .sellSilverForm		#submitButton {
	background: #8ba167 url( /images/selloffer_up.gif ) no-repeat
}

#orderConfirm .buyGoldForm		#submitButton {
	background: #fec957 url( /images/bid_confirm_gold_up.gif ) no-repeat
}

#orderConfirm .buySilverForm	#submitButton {
	background: #9caabd url( /images/bid_confirm_silver_up.gif ) no-repeat
}

#orderConfirm .sellGoldForm		#submitButton,
#orderConfirm .sellSilverForm	#submitButton {
	background: #8ba167 url( /images/offer_confirm_up.gif ) no-repeat
}

#marketQueryForm .buyGoldForm		#submitButton {
	background: #fec957 url( /images/proceed_buy_gold_up.gif ) no-repeat
}

#marketQueryForm .buySilverForm	#submitButton {
	background: #9caabd url( /images/proceed_buy_silver_up.gif ) no-repeat
}

#marketQueryForm .sellGoldForm		#submitButton,
#marketQueryForm .sellSilverForm	#submitButton {
	background: #8ba167 url( /images/proceed_sell_up.gif ) no-repeat
}

#validation_flags_container {
	height:128px;
	overflow:auto;
	overflow-x:hidden;
}

#withdrawals_container {
	height:150px;
	overflow:auto;
	overflow-x:hidden;
}

.formNotice {
	text-align: center;
	width: 23em;
	background-color: #fdd;
	color: black;
}

form {
	margin-bottom: 0em;
}