/* 
    Document   : webstyles
    Created on : 31-May-2017, 12:55:00
    Author     : Colin
    Description: Stylesheet for TradeOrderBook website.
*/

	@import url('https://fonts.googleapis.com/css?family=Open+Sans');
	@import url('https://fonts.googleapis.com/css?family=Mukta+Malar');

root { 
    display: block;
}

body {
    font-family: Open Sans, sans-serif;
    font-size: 12px;
	-webkit-text-size-adjust: 100%;
	border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	background-color:#000000;
	/*
	background-image: url('Images/background_01.jpg');
	background-size: cover;
	background-position: center 25%;
	background-repeat: no-repeat;
	*/
	/*
	background-color:#cccccc;
	background-image: url(Images/Background.png);
	background-position: center top;
	*/
}

/********************************************
	Page header & navigation bar elements
********************************************/

div.page_header_panel,div.page_header_navpanel,div.page_body
{
	margin-left: auto;
    margin-right: auto;
	width: 80%;
}

DIV.page_header_panel
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
/*	padding-bottom: 0.25em; */
    padding-bottom: 0em;
    padding-left: 0px;
    padding-right: 0px;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
	position: relative;
	top: 0px;
/*	background-color: #ffffff; */
	background-color: #000000;
 }

DIV.page_header_navpanel_contain
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-style: none;
/*	background-color: #666666; */
	background-color: rgba(0,0,0,0.33);
}

DIV.page_header_navpanel
{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: .05em;
    padding-bottom: .05em;
    padding-left: 0px;
    padding-right: 0px;
/*	background-color: #666666; */
	background-color: rgba(0,0,0,0.33);
	border-style: none;
    border-width: 0em;
    border-color: #000000;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

DIV.page_header_nav_submenu
{
	position: absolute;
	/*border-color: rgba(0,0,0,0.75); */
	border-color: transparent; 
	border-style: solid; 
	border-top-width: 0.5em; 
	border-bottom-width: 0.5em; 
	border-left-width: 1em; 
	border-right-width: 1em; 
	left: 0px;
	top: 0px;
	text-align: left;
	line-height: 1.5;
	width: auto;
	display: none;
	background-color: rgba(0,0,0,0.75);
}

.page_header_navsep {
	font-family: Open Sans, sans-serif	font-size: 100%;
/*	color: #cccccc; */
	color: #cccccc;
}

.page_header_navtext {
	font-family: Open Sans, sans-serif;
	font-size: 66%;
	font-weight: normal;
/*	color: #cccccc; */
	color: #cccccc;
}

.page_header_navtext_left {
	font-family: Open Sans, sans-serif;
	font-size: 66%;
	font-weight: normal;
	float: left;
	margin-left: 1em;
	padding-top: .25em;
/*	color: #cccccc; */
	color: #cccccc;
}

.page_header_navtext_right {
	font-family: Open Sans, sans-serif;
	font-size: 66%;
	font-weight: normal;
	float: right;
	margin-right: 1em;
	padding-top: .25em;
/*	color: #cccccc; */
	color: #cccccc;
}

.page_header_navtextsel
{
	font-family: Open Sans, sans-serif;
	font-size: 100%;
	font-weight: normal;
/*    color: #FFFFFF; */
    color: #ffff00;
}

A.page_header_navlink
{
	font-style:normal;
	font-weight: normal;
	text-decoration:none;
/*    color: #cccccc; */
    color: #cccccc;
}

A.page_header_navlink_ok {
	color: #33ff33;
}

A.page_header_navlink_err {
	color: #ff3333;
}

A:hover.page_header_navlink
{
	font-style:normal;
	font-weight: normal;
	text-decoration:none;
/*    color:#FFFF00; */
    color: #ffffff;
}

A:hover.page_header_navlink_ok {
	color: #77ff77;
}

A:hover.page_header_navlink_err {
	color: #ff7777;
}


/****************************
	Page content elements
****************************/

DIV.page_background
{
	position: fixed;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-image: url(Images/background.jpg);
	background-size: cover;
	background-position: center 25%;
}

DIV.page_body
{
    text-align: center;
	left:0px;
	right:0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 1em;
	padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
/*	background-color:#ffffff; */
	background-color: transparent;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
}

h2 {
	font-family: Open Sans, sans-serif;
	font-size: 125%;
	font-style: normal;
	font-weight: bold;
    text-align: center;
/*	color: #333333; */
	color: #ffffff;
}

.heading_subhead
{
	font-family: Open Sans, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	text-align: center;
}

.maintext {
	font-family: Open Sans, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
/*	color: #333333; */
	color: #ffffff;
}

a.maintext_link
{
	text-decoration: none;
	color: #00ccff;
}

a.maintext_link:hover
{
	text-decoration: none;
	color: #ffff00;
}


/***********************
	Table components
***********************/

TABLE
{
    margin-left: auto;
    margin-right: auto;
	font-size: 100%
}

TD
{
	text-align: left;
}


/**********************
	Form components
**********************/

.heading_err
{
	font-family: Open Sans, sans-serif;
	font-size: 100%;
/*	font-style: italic;*/
	font-weight: bold;
/*	color: #FF0000; */
	color: #bb0000;
	text-align: center;
}

.heading_ok
{
	font-family: Open Sans, sans-serif;
	font-size: 100%;
/*	font-style: italic;*/
	font-weight: bold;
/*	color: #00bb00; */
	color: #00bb00;
	text-align: center;
}

.form_label
{
	font-family: Open Sans, sans-serif;
	font-size: 66%;
	font-weight: bold;
    text-align: left;
/*	color: #333333; */
	color: #ffffff;
}

.form_data
{
	font-family: Open Sans, sans-serif;
	font-size: 66%;
	font-weight: normal;
    text-align: left;
/*	color: #333333; */
	color: #ffffff;
}

.form_data_greyed
{
	font-family: Open Sans, sans-serif;
	font-size: 66%;
	font-weight: normal;
    text-align: left;
/*	color: #666666; */
	color: #cccccc;
}

a.form_data_link
{
	text-decoration: none;
	color: #00ccff;
}

a.form_data_link:hover
{
	text-decoration: none;
	color: #ffff00;
}

input.input_medtext, input.input_smltext
{
	font-family: Open Sans, sans-serif;
	font-size: 66%;
/*	color: #333333; */
	color: #000000;
	background-color: rgba(255,255,255,0.75);
	border-style: solid;
/*	border-color: #666666; */
	border-color: #666666;
	/* border-radius: 0.25em; */
	/* border-width: 0.05em; */
	border-width: 0em;
	padding: 0.05em 0.25em;
}

input.input_medtext
{
	width: 15em;
}

input.input_smltext
{
	width: 3em;
}

input.input_stdbutton, button.input_stdbutton
{
	border-style: solid;
/*	border-color: #666666; */
	border-color: #666666;
	border-radius: 0.25em;
	/* border-width: 0.05em; */
	border-width: 0em;
	padding: 0.05em 0.25em;
/*	background-color: #cccccc; */
	background-color: rgba(0,0,0,0.5);
	font-family: Open Sans, sans-serif;
	font-size: 60%;
/*	color: #333333; */
	color: #00ccff;
}

input.input_stdbutton:hover, button.input_stdbutton:hover
{
/*	border-color: #666666; */
	border-color: #666666;
/*	background-color: #AAAAAA; */
	background-color: rgba(0,0,0,0.5);
/*	color: #000000; */
	color: #ffffff;
}

input.input_stdbutton:disabled, button.input_stdbutton:disabled
{
/*	border-color: #000000; *
	border-color: #000000;
/*	background-color: #999999; */
	background-color: rgba(0,0,0,0.5);
/*	color: #000000; */
	color: #ffff00;
}

select.input_stdoption {
	border-style: solid;
/*	border-color: #666666; */
	border-color: #666666;
`	border-radius: 0.25em;
	border-width: 0.05em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 0.25;
	padding-right: 0.1;
/*	background-color: #ffffff; */
	background-color: rgba(0,0,0,0.5);
	font-family: Open Sans, sans-serif;
	font-size: 100%;
/*	color: #333333; */
	color: #ffffff;
}

select.input_stdoption:hover {
/*	border-color: #666666; */
	border-color: #666666;
/*	background-color: #cccccc; */
	background-color: rgba(0,0,0,0.5);
/*	color: #000000; */
	color: #ffff00;
}

option.input_stdoption
{
	font-family: Open Sans, sans-serif;
	font-size: 100%;
	color: #ffffff;
	background-color: rgba(0,0,0,0.5);
}

option.input_stdoption:hover
{
	color: #ffff00;
	background-color: rgba(0,0,0,0.5);
}

input.input_stdcheckbox {
	border-style: solid;
	border-color: #666666;
	border-radius: 0.25em;
	border-width: 0.05em;
	padding: 0.25em 0.25em;
	background-color: #cccccc;
	width: 1.25em;
	height: 1.25em;
	font-family: Open Sans, sans-serif;
	font-size: 75%;
	color: #333333;
}

input.input_stdcheckbox:hover {
	background-color: #AAAAAA;
	color: #000000;
}


/************************
	Report components
************************/

table.reporttable
{
/*	border: .1em solid #999999; */
	border: 0em solid rgba(0,0,0,0.50);
	border-radius: 0.15em;
	padding: .2em;
	background-color: rgba(0,0,0,0.25);
}

.table_stdcell
{
	text-align: left;
	padding: .1em .25em;
}

.table_heading
{
	font-family: Open Sans, sans-serif;
	font-weight: bold;
	font-size: 66%;
	text-align: left;
/*	color: #000000; */
	color: #ffffff;
	padding: .1em .25em;
}

.table_heading_text {
	font-family: Open Sans, sans-serif;
	font-weight: bold;
	font-size: 66%;
/*	color: #000000; */
	color: #ffffff;
	padding: .1em .25em;
}

.table_data
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
/*	color: #333333; */
	color: #cccccc;
	padding: 0em .25em;
}

.table_data_highlight
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #ffff66;
	padding: 0em .25em;
}

.table_button
{
	background-color: transparent;
	border: none;
	padding: 0px;
	font-family: Open Sans, sans-serif;
	font-size: 100%;
/*	color: #000000; */
	color: #00ccff;
}

.table_button:hover
{
	background-color: transparent;
/*	color: #666666; */
	color: #ffff00;
}


/*************************
	Special components
*************************/

.errmessage_ok
{
	color: #00ff00;
}

.errmessage_warn
{
	color: #ffbb00;
}

.errmessage_err
{
	color: #ff0000;
}


div.home_banner_container
{
	display: inline-block;
	margin: 0px;
	padding: 1.5em 0em 2em 0em;
	border: 0px;
	line-height: 1;
}

div.home_banner_head
{
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	font-family: Mukta Malar, sans-serif;
	font-size: 275%;
	font-weight: bold;
	color: #ffffff;
}

div.home_banner_divide
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.25em;
	width: 100%;
	height: 0.1em;
	background-color: #ffffff;
}

div.home_banner_subhead
{
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	font-family: Mukta Malar, sans-serif;
	font-size: 107%;
	font-weight: normal;
	color: #ffffff;
}

div.infoblock_container
{
	display: block;
	width: 80%;
	/* border: 0.05em green solid; */
	border: 0em;
	margin: 0em auto 2em auto;
	text-align: left;
}

div.infoblock_imgpanel
{
	display: inline-block;
	/* width: 30%; */
	/* border: 0.05em black solid; */
	width: 5%;
	background-color: transparent;
	border: 0em;
	vertical-align: top;
}

div.infoblock_textpanel_left
{
	display: inline-block;
	/* width: 65%; */
	/* border: 0.05em red solid; */
	width: 66%;
	border: 0em;
	padding: 0em 1em 0em 0em;
	/* background-color: yellow; */
	vertical-align: top;
}

div.infoblock_textpanel_right
{
	display: inline-block;
	/* width: 65%; */
	/* border: 0.05em red solid; */
	/* width: 69%; */
	width: 94%;
	border: 0em;
	padding: 0em 0em 0em 0em;
	vertical-align: top;
}

p.infoblock_texthead
{
	text-align: center;
	font-weight: bold;
	margin: 0em;
	color: #555555;
}

ul.infoblock_textbody
{
	text-align: justify;
	line-height: 1.25;
	padding-left: 1.5em;
	color: #666666;
}

li.infoblock_textline
{
	padding-bottom: 0.5em;
}

TR.sett_table_head_row
{
/*	background-color: #cccccc; */
	background-color: #ffffff;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

TD.sett_table_head
{
	font-family: Open Sans, sans-serif;
	font-weight: bold;
	font-size: 66%;
	text-align: left;
	color: #666666;
/*	color: #333333; */
/*	color: #ffffff; */
	padding: 0.25em 0.1em;
}

TR.sett_table_default_row
{
/*	background-color: #3333cc; */
	background-color: #ffffff;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	height: 1.5em;
}

TD.sett_table_default_symbol
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	font-weight: bold;
/*	color: #ffffff; */
	color: #666666;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
}

TD.sett_table_default_sett_on
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #009900;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_default_sett_off
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #cc3333;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TR.sett_table_standard_row
{
/*	background-color: #cccccc; */
	background-color: #ffffff;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

TD.sett_table_standard_symbol
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	font-weight: bold;
	color: #999999;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
}

TD.sett_table_standard_ovr
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #999999;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_standard_sett_def
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #999999;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_standard_sett_on
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #669966;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_standard_sett_off
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #996666;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TR.sett_table_override_row
{
	background-color: #ffffff;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

TD.sett_table_override_symbol
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	font-weight: bold;
	color: #666666;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
}

TD.sett_table_override_ovr
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #3333cc;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_override_sett_def
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #666666;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_override_sett_on
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #009900;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_override_sett_off
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #cc3333;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TR.sett_table_filter_row
{
/*	background-color: #9966cc; */
	background-color: #ffffff;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	height: 1.5em;
}

TD.sett_table_filter_mixed
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #999900;
/*	color: #cccc33; */
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_filter_ovr_def
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #333333;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_filter_ovr_ovr
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #0000cc;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_filter_sett_def
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #333333;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_filter_sett_on
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #009900;
/*	color: #33ff33; */
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}

TD.sett_table_filter_sett_off
{
	font-family: Open Sans, sans-serif;
	font-size: 60%;
	text-align: left;
	color: #cc3333;
/*	color: #cccccc; */
	padding: 0.25em 0.1em;
	cursor: pointer;
}