/* This is the Default css required for the site */
html {overflow-y:scroll; }
body {
	background-color: #E4E4E4;
	font-family: Arial, sans-serif; 
	font-size: 12px;
	color: #333333;
	margin: -12px 0.5em;
	list-style-image:url(/images/ebex/list1.gif)
}

.linerule {
	border-top: 1px solid #01658a;
}

#header {
	float:right;
	margin-right: 15px;
	margin-top:20px;
	width:170px;
}

#footer {
	margin: 10px 0px 0 25px ;
}

.statusbar{
    background-color: #367FA9;
    background-image: url("https://ebex.medoc.com/images/zymonic-menu.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow:3px 3px 4px #777;
    color: #ffffff;
    height: 42px;
    margin-top: -10px;
    width: 100%;
}
.statusbar h3 {
	color:#FFFFFF;
	margin-left:30px;
	padding-top:15px;
	font-size:12px;
}
.statusbar h3 span {
	float :right;
	padding-right: 100px;
}
.statusbar basketpop ul {
	padding:0px; 
	margin:0px 0px 3px 0px;
}

.login_area{
    background-color: #367FA9;
    border-radius: 5px;
	color:#FFFFFF;
    height: 2.5em;
    margin-bottom: 12px;
    padding-bottom: 4px;
    padding-left: 85px;
    padding-top: 1px;
    margin-top:0px
}
	
.login_area h3 {
	color:#FFFFFF;
	line-height:8px;
	font-size:12px;
}
.login_area p {
	line-height:10px;
}
#shift_profit {
	float:right;
	padding-right:100px;
}

.mainTable {
	border: 0px solid #333333;
	border-radius: 5px;
    position: relative;
    margin: 0.2em;
	margin-top:12px;
	margin-left:3px;
	background-color:#FFFFFF;
	width: 85%;
 	min-height: 750px;
  	box-shadow: 3px 3px 4px #777;
}


.headertitlebar {
	font-size:11px;
	font-weight:bold;
}

.message{
	font-weight: bold;
	color: #333333;
}

.error{
	font-weight: bold;
	color: #CC0000;
}
table {border-collapse:collapse;}
tr {line-height:20px;}
p {line-height:15px;}
a {color: #333333;}
a:link {color: #333333;text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #01658a; text-decoration: underline;}
a:focus {color:#333333; text-decoration: none;}

/*Text and background as used by Back Office settings */
strong {font-weight:normal;}
b.texttitlebar {font-size:14px; color: #367fa9;	font-weight: normal;}
.texttitlebar2 { font-size:14px; font-weight:normal; color: #367fa9; }
b.texttitlebar2 {font-size:14px; font-weight: normal; color: #367fa9; }
b.texttitlebar2 a:link {color:#000000; text-decoration: none;}
b.texttitlebar2 a:active {color:#000000; text-decoration: none;}
b.texttitlebar2 a:visited {color:#000000; text-decoration: none;}
b.texttitlebar2 a:hover {color:#01658a; cursor: pointer; text-decoration: none;}

.texttitlebar3 { font-size: 11px; font-weight: bold; color:#333333;}
.texttitlebar3 a:link {color:#333333; text-decoration: none;}
.texttitlebar3 a:active {color:#333333; text-decoration: none;}
.texttitlebar3 a:visited {color:#333333; text-decoration: none;}
.texttitlebar3 a:hover {color:#01658a; cursor: pointer; text-decoration: none;}

.text {
	line-height:15px;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.text1 {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
b.text1 {color: #333333; font-size: 12px; font-weight: normal;}

b.text2 {color: #333333;  font-size: 12px; font-weight: normal;}

b.text3 {color: #333333;  font-size: 12px; font-weight: normal;}

b.text4 {color: white; }

/*Font colours/styles as used by Back Office settings */
h1{
	color:#333333;
	font-size:14pt;
	font-family: Arial, sans-serif; 
	border-bottom:1px dotted #666666;
	line-height:30px;
}
h2 { color: #333333;} 
h3 {color:#367fa9;
	font-size:14px;
	font-family: Arial, sans-serif;
	font-weight:lighter; 
}

blockquote { color: black; font-style:italic; 	font-family: Arial, sans-serif; }

.boxwidth { width: 150px;} /* This allows you to set the width of select boxes */
 
input {
	color: #333333;
	border: 1px solid #333333;
    margin-top: 2px;
    margin-left: 5px;
	font-size:12px;
	padding:5px 3px;
}
input[type="text"]:disabled {
background:#FFFFFF;
} 
input[type="checkbox"] {
    height: 20px;
    width: 20px;
}
input[type="radio"] {
    height: 22px;
    width: 22px;
}
label {
    width: 260px;
    float: left;
    clear: left;
	line-height:30px;
}
text {
	background-color:#FFFFFF;
}

select {
	color: #333333;
	border: 1px solid #333333;
    margin-top: 2px;
    margin-left: 5px;
	font-size:12px;
	padding: 5px 3px;
	overflow: hidden;  background: #FFFFFF url("https://ebex.medoc.com/images/arrow.png") no-repeat right ; 
	-moz-appearance: none; min-width: 155px;
}

.radioButton {
	border: 0px;
}
	
textarea {
	font-family: Arial, sans-serif; 
	font-size: 12px;
	color: #333333;
	padding: 4px;
	width:280px;
}

input.sbtn{
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 2px 2px 2px 2px;
	background-color: transparent;
    color:#000000;
    font-size:10px;
	font-family: Arial, sans-serif; 
} 

input.sbtn:hover{
	cursor: pointer;
}

input.btn{
    border-color:#333333;
    border-style: solid;
    border-width: 1px;
    padding: 5px 10px 6px 10px;
	background-color: #FFFFFF;
    color:#333333;
	cursor: pointer;
	font-family: Arial, sans-serif; 
	border-radius:3px;
}

input.btn:hover{
	cursor: pointer;
}
button.btn{
    border-color:#333333;
    border-style: solid;
    border-width: 1px;
    padding: 5px 10px 6px 10px;
	background-color: #FFFFFF;
    color:#333333;
	cursor: pointer;
	font-family: Arial, sans-serif; 
	border-radius:3px;
}

button.btn:hover{
	cursor: pointer;
}
input.btnMenu{
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 5px 10px 6px 10px;
	background-color: transparent;
    color:#000000;
	cursor: pointer;
	width:100px;
	font-family: Arial, sans-serif; 
}

input.btnMenu:hover{
	cursor: pointer;
}
button.btnMenu{
    background-color: transparent;
    border-color: #333333;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    height: 30px;
    margin: -10px;
    position: absolute;
    top: 15px;
    width: 200px;
}

input.btnm{
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 5px 10px 6px 10px;
	background-color: transparent;
    color:#000000;
    width:150px;
	font-family: Arial, sans-serif; 
}

input.btnm:hover{
	cursor: pointer;
}

input.btnl{
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 5px 10px 6px 10px;
	background-color: transparent;
    color:#000000;
    width:180px;
	font-family: Arial, sans-serif; 
}

input.btnl:hover{
	cursor: pointer;
}


/* these are for the standard products */
.variant1 {background-color:#CCCCCC} /* grey*/
.variant2 {background-color:#CCCCCC}
.price {background-color: #DEDEDE;} /* yellow */

/*These are the styles available on the products page */

 
.StyleProductprepaid {color: #000000; } 
.StyleProductcurrency {color: #000000;	 } 
.StyleProductprepaidsup {color: #000000;	 } 
.StyleProducttc {color: #000000;	 }



.tbl2 {
	margin-left: 95px;
}

/* these rows are for the Currency exchange rates column lists 
- the number of rows 'A-Z' are set in the Back Office */

.rowA {
background-color: #E4E4E4; /* yellow */
padding: 8px;}

.rowB {
background-color: #F1F1F1;
padding: 8px;}

.rowA a, .rowB a  {
	color: #333333;
	text-decoration: none;
	font-size:12px;
}

.rowA a:hover, .rowB a:hover  {
	color:#01658a; 
	text-decoration: none;	
	cursor: pointer;
}
 /* This are additional styles for elements of the product line*/
#live_basket {margin-top: -45px;margin-left: 4px;}
#live_basket div {line-height: 30px;float:left;min-width:50px;}
.miniHeader {text-align: left !important;color: #367fa9;border-top: 1px dotted #367fa9;border-bottom: 1px dotted #367fa9;margin-top: 10px;margin-bottom: 10px;}
.StyleCurrency{	text-align:left; width:160px;clear:left;}
.StyleForeignAmount{text-align:left;width:60px;}
.StyleSterlingAmount {width: 105px;padding-left: 20px;}
.StyleRate {text-align:left; width:60px;}
.StyleBuyRate {text-align:left; padding-left: 10px; width:60px;}

.StyleProfit {width: 78px;}
.StyleDescription {clear:both;width:160px;}
.StyleUnitPrice {width:70px;text-align: left;padding-left: 10px;}
.StyleCost {width:95px;text-align: left;}
.StyleCostPrice {width:80px;padding-left: 10px;}

#orderHistory .miniHeader {text-align: left !important;color: #367fa9;font-weight: bold;/*! border-bottom: 1px dotted #367fa9; */margin-top: 10px;margin-bottom: 10px;}
#orderHistory .StyleDate {width:155px;}
#orderHistory .StyleOrderNo\. {width:65px;}
#orderHistory .StyleCurrency{	 width:185px;clear:left; /*! padding: 0px 15px; */}
#orderHistory .StyleForeignAmount{text-align:left;width:90px;}
#orderHistory .StyleRate {width:100px;/*! margin-right:20px; */}
#orderHistory .StyleSterlingAmount{text-align:left; width:180px;}
#orderHistory .StyleBuyRate {text-align:left; padding-left: 10px; width:100px;}
#orderHistory .StyleProfit {width: 78px;}
#orderHistory .StyleDescription {clear:both;width:160px;}
#orderHistory .StyleUnitPrice {width:70px;text-align: left;padding-left: 10px;}
#orderHistory.StyleCost {width:95px;text-align: left;}
#orderHistory .StyleCostPrice {width:80px;padding-left: 10px;}
#orderHistory .StyleForeignAmount{ padding: 0px 15px;}
#orderHistory .StyleBuy\/Sell {  width: 100px;}
#orderHistory .StyleProductFloat {float:left;clear:none;margin:0 0 5px 0;line-height: 30px;}

#confirmOrder .StyleForeignAmount{width:180px;}
#confirmOrder .StyleSterlingAmount {width: 140px;padding-left: 0px;}
#confirmOrder .StyleCurrency {width:260px;}
#confirmOrder .StyleDescription {width:260px;}
#confirmOrder .StyleRate {width:160px;}
#confirmOrder .StyleUnitPrice {width:160px;}

 /* This is the style that is on the order_confirmation*/
.StyleRate1 { 
	text-align:center;
	border-right-color:transparent;
	border-right-style:solid;
	border-right-width:15px;
}

.printonly {
	display:none; }
.printonly1 {
	display:none; }
.printonly1 fixed {
	height:30px;
}
.printonly1 fixed {
	height:60px;
	padding-top:40px;
}
.print_home {
	visibility:visible;}
.print_home_top {
	border-top: 1px dotted #666666;
}
	
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 1px;
   font-size: 11px;
   border: 1px solid #000;
   border-left: 2px solid #000;
   height: 21px;
}
.styled-select {
   width: 240px;
   height: 18px;
   overflow: hidden;
   background: url(https://ebex.medoc.com/images/new_arrow.jpg) no-repeat right #f6f6f6;
}
.menuItem {
	height:33px;
	width:20em;
	font-size:105%;
	padding-left:10px;
	line-height:12px;
	border-top: 1px solid #999999;
	list-style:none;
	background-image: url(https://ebex.medoc.com/images/zymonic_go.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
	cursor:pointer;
}
#basketcell #basketpop { display: none; z-index:100; padding:0px; margin:0px; list-style: none; border: 1px solid #000000; border-top: 0px; background-color:#f6f6f6;  box-shadow: 3px 3px 4px #777777; top:25px; left:25px;  border-radius: 0px 5px 5px;}
#basketcell:hover #basketpop { display: block; position: absolute; margin: -1px 0px 0px 10px; padding:0px; }

.tradingArea {
    background-color: #F1F1F1;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    margin: -10px 5px 15px;
	min-height:685px;
	padding:10px;
}
#transData {
    float: right;
    max-height: 150px;
	overflow-y:scroll;
}
.transactions tr:nth-child(even) {background: #F5FFFF;}
.transactions tr:nth-child(odd) {background: #FFF}

#PayPage h4 {font-size: 18px; }
#PayPage p {line-height: 20px}
#PayDetail label {line-height: 20px}
#PayDetail .payValue {line-height:20px;}

/* hide total breakdowns on payment page 
.totalNet, .totalVAT, .totalDelivery,  { display: none; }
.payFees {  display: none;}
*/

.commission_percentage {
	text-align:right;
}
.payment_cell {
	padding-left: 5px;
}