
body {
background: #FFFFFF;
font-size : 12px;
font-family : arial;
margin-top : 0;
}

#all {
width: 960px;
margin: 0 auto;
margin-top: 10px;
border-left: 2px solid #636466;
border-right: 2px solid #636466;
border-top: 2px solid #636466;
border-bottom: 2px solid #636466;
border: none;
background: #FFFFFF;
padding : 0;
}

#head {
height: 90px;
margin: 0;
padding-left: 20px;
padding-right: 30px;
padding-top: 0;
padding-bottom: 0;
background-image: url("images/hr_pay_a_trader_logo.jpg");
background-repeat: no-repeat;
background-position: center left;
}

#householder_head {
height: 90px;
margin: 0;
padding-left: 20px;
padding-right: 30px;
padding-top: 0;
padding-bottom: 0;
background-image: url("images/hr_pay_a_trader_logo.jpg");
background-repeat: no-repeat;
background-position: center left;
}

#trader_head {
height: 90px;
margin: 0;
padding-left: 20px;
padding-right: 30px;
padding-top: 0;
padding-bottom: 0;
background-image: url("images/hr_pay_a_trader_logo.jpg");
background-repeat: no-repeat;
background-position: center left;
}

#pcs_head {
height: 90px;
margin: 0;
padding-left: 20px;
padding-right: 30px;
padding-top: 0;
padding-bottom: 0;
background-image: url("images/pcs_logo.jpg");
background-repeat: no-repeat;
background-position: center left;
}

#menu_container {
height: 28px;
border : none;
padding: 0;
background-image: url("images/gradient.jpg");
background-position: bottom left;
background-repeat: no-repeat;
}

#full_page {
margin: 10px;
padding: 10px;
border: 4px double #BBBBBB;
border: none;
height: 100%;
min-height:500px;
float: left;
clear: left;
width: 890px;
}

#trader_nav {
background-image: url("images/trader_nav_background_full.jpg");
background-repeat: no-repeat;
background-position: top left;
margin-top: 5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 5px;
padding: 0;
border: none;
height: 400px;
float: left;
width: 170px;
}

#trader_nav_home_page {
background-image: url("images/trader_nav_background.jpg");
background-repeat: no-repeat;
background-position: top left;
margin-top: 5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 5px;
padding: 0;
border: none;
height: 400px;
float: left;
width: 170px;
}

p.trader_headline {
clear : left;
color :  #636466;
font-weight : bold;
font-size : 20px;
text-align : center;
font-family : arial;
padding-top : 2px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 6px;
margin-left : 0;
}


#nav_spacer {
margin: 0;
margin-bottom: 10px;
padding: 0;
border-bottom: none;
height: 35px;
float: left;
clear: left;
width: 170px;
}

#middle_nav {
background-image: url("images/pay_a_trader_collage.jpg");
background-repeat: no-repeat;
background-position: top center;
margin-top: 5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 5px;
padding: 0;
border: none;
height: 400px;
float: left;
width: 585px;
}

#middle_nav2 {
background-image: url("images/pay_a_trader_collage_2.jpg");
background-repeat: no-repeat;
background-position: top center;
margin-top: 5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 5px;
padding: 0;
border: none;
height: 400px;
float: left;
width: 585px;
}

p.first_middle_nav {
clear : left;
color :  #404040;
font-weight : normal;
font-size : 16px;
text-align : center;
font-family : arial;
padding-top : 125px;
padding-left : 135px;
padding-right : 135px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 6px;
margin-left : 0;
}

p.middle_nav {
clear : left;
color :  #404040;
font-weight : normal;
font-size : 12px;
text-align : center;
font-family : arial;
padding-top : 0px;
padding-left : 135px;
padding-right : 135px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 6px;
margin-left : 0;
}

H1.middle_nav {
font-weight : bold;
font-size : 28px;
color :  #636466;
text-align : center;
font-family : arial;
padding-top : 5px;
padding-bottom : 0px;
margin-bottom : 0;
margin-top : 0;
}



#trader_graphic {
background-image: none;
background-repeat: no-repeat;
background-position: center right;
margin: 0px;
padding: 0px;
border: none;
height: 400px;
float: left;
clear: left;
width: 0px;
}

#householder_nav {
background-image: url("images/householder_nav_background_full.jpg");
background-repeat: no-repeat;
background-position: top left;
margin-top: 5px;
margin-left: 15px;
margin-right: 0;
margin-bottom: 5px;
padding: 0;
border: none;
height: 400px;
float: left;
clear: left;
width: 170px;
}

#householder_nav_home_page {
background-image: url("images/householder_nav_background.jpg");
background-repeat: no-repeat;
background-position: top left;
margin-top: 5px;
margin-left: 15px;
margin-right: 0;
margin-bottom: 5px;
padding: 0;
border: none;
height: 400px;
float: left;
clear: left;
width: 170px;
}

p.householder_headline {
clear : left;
color :  #8BC344;
font-weight : bold;
font-size : 20px;
text-align : center;
font-family : arial;
padding-top : 7px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 6px;
margin-left : 0;
}

#lower_container_left {
background-image: url("images/lower_container_left_bg.jpg");
background-repeat: no-repeat;
background-position: top right;
height: 120px;
width: 465px;
margin: 5px;
padding: 0;
float: left;
clear: left;
border: none;
}

H3.lower_left {
color :  #8BC344;
font-weight : bold;
font-size : 16px;
text-align : left;
font-family : arial;
padding-top : 10px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 6px;
margin-left : 0;
}

H3.lower_right {
color :  #636466;
font-weight : bold;
font-size : 16px;
text-align : left;
font-family : arial;
padding-top : 10px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 6px;
margin-left : 0;
}

#lower_container_right {
background-image: url("images/lower_container_right_bg.jpg");
background-repeat: no-repeat;
background-position: top right;
height: 120px;
width: 465px;
margin: 5px;
padding: 0;
float: left;
border: none;
}

p.lower_containers {
clear : left;
color :  #404040;
font-weight : normal;
font-size : 12px;
text-align : left;
font-family : arial;
padding-top : 5px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 0px;
margin-left : 0;
}



#householder_graphic {
background-image: none;
background-repeat: no-repeat;
background-position: center right;
margin: 0px;
padding: 0px;
border: none;
height: 400px;
float: left;
clear : left;
width: 0px;
}

#householder_active_content {
margin: 5px;
padding: 5px;
border: 4px double #8AC640;
border: none;
height: 100%;
min-height:500px;
float: left;
width: 920px;
}

#householder_content {
margin: 5px;
padding-left : 5px;
border: 4px double #8AC640;
border: none;
height: 400px;
float: left;
width: 450px;
}

#trader_active_content {
margin: 5px;
padding: 5px;
border: 4px double #636466;
border: none;
height: 100%;
min-height:500px;
float: left;
width: 100%;
}

#trader_content {
margin: 5px;
padding-left : 5px;
border: 4px double #636466;
border: none;
height: 400px;
float: left;
width: 550px;
}

#top_footer {
background: #FFFFFF;
clear: both;
height: 40px;
}

#footer {
background: #636466;
clear: both;
height: 48px;
vertical-align: middle;
}

#lower_footer {
background: #FFFFFF;
color: #666666;
text-align: center;
font-size : 10px;
font-family : arial;
clear: both;
height: 20px;
}

#facebook_footer {
background: #FFFFFF;
color: #666666;
text-align: center;
font-size : 10px;
font-family : arial;
clear: both;
height: 35px;
}

/* traderTab.css */
#tab_container {
height: 18px;
border: 0;
margin-top: 12px;
margin-bottom: -1px;
}

#tradertab {
float: left;
display: block;
width: 100%;
height: 18px;
font-family: arial;
font-size: 13px;
color: #404040;
margin-left: 5px;
padding: 0;
border: 0;
text-align: right;
vertical-align: middle;
background: #FFFFFF;
}

#tradertab ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: -1px;
}

#tradertab li {
float: left;
position: relative;
width: auto;
height: 18px;
text-align: center;
vertical-align: middle;
cursor: default;
background-color: #DDDDDD;
border-right: 1px solid #999999;
border-left: 2px groove white;
border-bottom: 0;
border-top: 1px solid #999999;
margin-bottom: -1px;
padding: 0 5px 0 5px;
}

#tradertab li.live {
color: #FFFFFF;
float: left;
position: relative;
width: auto;
height: 18px;
text-align: center;
vertical-align: middle;
cursor: default;
background-color: #636466;
border-right: 1px solid #999999;
border-left: 2px groove white;
border-bottom: 0;
border-top: 1px solid #999999;
margin-bottom: -1px;
padding: 0 5px 0 5px;
}

/* set anchors to act like buttons */
#tradertab a {
display: block;
height: 18px;
color: black;
text-decoration: none;
}

/* flash anchor white when hovered */
#tradertab a:hover {
background-color: #636466;
color: #FFFFFF;
}

/* ecTab.css */
#ectab {
float: left;
display: block;
width: 100%;
height: 18px;
font-family: arial;
font-size: 13px;
color: #404040;
margin-left: 5px;
padding: 0;
border: 0;
text-align: right;
vertical-align: middle;
background: #FFFFFF;
}

#ectab  ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: -1px;
}

#ectab  li {
float: left;
position: relative;
width: 175px;
height: 18px;
text-align: center;
vertical-align: middle;
cursor: default;
background-color: #DDDDDD;
border-right: 1px solid #999999;
border-left: 2px groove white;
border-bottom: 0;
border-top: 1px solid #999999;
margin-bottom: -1px;
}

#ectab  li.live {
color: #FFFFFF;
float: left;
position: relative;
width: 175px;
height: 18px;
text-align: center;
vertical-align: middle;
cursor: default;
background-color: #636466;
border-right: 1px solid #999999;
border-left: 2px groove white;
border-bottom: 0;
border-top: 1px solid #999999;
margin-bottom: -1px;
}

/* set anchors to act like buttons */
#ectab  a {
display: block;
height: 18px;
color: black;
text-decoration: none;
}

/* flash anchor white when hovered */
#ectab  a:hover {
background-color: #636466;
color: #FFFFFF;
}




/* horizMenu.css */

#menu {
float: left;
display: block;
width: 960px;
height: 22px;
font-family: arial;
font-size: 14px;
color: #636466;
margin: 0;
padding: 0;
border: 0;
text-align: right;
vertical-align: middle;
background: #FFFFFF;
}

#menu ul {
list-style: none;
padding: 0;
margin: 0;
z-index: 1000;
}

#menu li {
float: left;
position: relative;
width: 158px;
height: 20px;
text-align: center;
vertical-align: middle;
cursor: default;
background-color: #636466;
background-color: #636466;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: none;
border-top: none;
border-top: 1px solid #FFFFFF;
}

/* set anchors to act like buttons */

#menu a {
display: block;
height: 20px;
color: #FFFFFF;
color: #FFFFFF;
text-decoration: none;
}

/* flash anchor white when hovered */

#menu a:hover {
background-color: #8AC640;
background-color: #8AC640;
color: #FFFFFF;
color: #FFFFFF;
}


/* collapse nested lists */

li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
}

/* display sublists on hover */

li:hover > ul {
display: block;
height: 20px;
position: relative;
}

li>ul {
border-left: 1px solid #636466;
border-bottom: 1px solid #636466;
border-top: 1px solid #636466;
border-right: 1px solid #636466;
margin-left: -1px;
top: auto;
left: auto;
border-left: none;
border-right: none;
}

/* this works with the javascript fix for earlier versions of IE */
li:hover ul, li.over ul { display: block;}




/* Revised menus to make CSS menus work on IPad */

#menu {
width: 960px;
margin: 0 auto;
list-style-type: none;
margin: 50px auto;
padding: 0;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
border-right: solid 1px #CCC;
float: right;
display: block;
width: 960px;
height: 22px;
font-family: arial;
font-size: 14px;
color: #636466;
margin: 0;
padding: 0;
border: 0;
text-align: right;
vertical-align: middle;
background: #FFFFFF;
}


#menu ul {
list-style: none;
padding: 0;
margin: 0;
}

#link a {
float: right;
position: relative;
width: 158px;
height: 20px;
text-align: center;
vertical-align: middle;
cursor: default;
background-color: #636466;
background-color: #636466;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: none;
border-top: none;
border-top: 1px solid #FFFFFF;
text-decoration: none;
}

#menu li {
display: block;
float: left;
position: relative;
width: 158px;
height: 20px;
text-align: center;
vertical-align: middle;
cursor: default;
background-color: #636466;
background-color: #636466;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: none;
border-top: none;
border-top: 1px solid #FFFFFF;
}

#menu li .hover_controls {
float: left;
display: none;
}
#menu li:hover .hover_controls {
display: block;
background-color: #8AC640;
background-color: #8AC640;
color: #FFFFFF;
}

#menu li:hover .hover_controls li.heading {
background: black;
}

/* collapse nested lists */

li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
}

/* display sublists on hover */

li:hover > ul {
display: block;
height: 20px;
position: relative;
}

li>ul {
border-left: 1px solid #636466;
border-bottom: 1px solid #636466;
border-top: 1px solid #636466;
border-right: 1px solid #636466;
margin-left: -1px;
top: auto;
left: auto;
border-left: none;
border-right: none;
}

/* this works with the javascript fix for earlier versions of IE */
li:hover ul, li.over ul { display: block;}


H1 {
font-weight : bold;
font-size : 16px;
text-align : left;
font-family : arial;
padding-top : 0pt;
padding-left : 0pt;
padding-bottom : 2pt;
margin-bottom : 0pt;
margin-top : 0pt;
}

H1.hi_viz {
font-weight : bold;
color: #FF0000;
font-size : 18px;
text-align : left;
font-family : arial;
padding-top : 0pt;
padding-left : 0pt;
padding-bottom : 2pt;
margin-bottom : 0pt;
margin-top : 0pt;
}

p.heading {
font-weight : bold;
font-size : 16px;
text-align : left;
font-family : arial;
padding-top : 0pt;
padding-left : 0pt;
padding-bottom : 2pt;
margin-bottom : 0pt;
margin-top : 0pt;
}

H1.traders {
color :  #636466;
}

H1.householders {
color : #8AC640;
color : #8AC640;
}

H1.white {
color : #FFFFFF;
}


H2 {
font-weight : bold;
font-size : 12px;
color :  #404040;
text-align : left;
font-family : arial;
padding-top : 5px;
padding-left : 0pt;
padding-bottom : 10px;
margin-bottom : 0pt;
margin-top : 0pt;
}

H2.traders {
color :  #636466;
}

H2.householders {
color :  #8AC640;
}

H3 {
clear : left;
float : left;
font-weight : bold;
font-size : 12px;
color :  #404040;
text-align : left;
font-family : arial;
padding-top : 0;
padding-left : 1px;
padding-bottom : 0;
margin-bottom : 0;
margin-top : 5px;
}

H3.hi_viz {
color :  #FF0000;
font-size : 14px;
}

H3.large {
clear : left;
float : left;
font-weight : bold;
font-size : 13px;
color :  #404040;
text-align : left;
font-family : arial;
padding-top : 0;
padding-left : 1px;
padding-bottom : 0;
margin-bottom : 0;
margin-top : 5px;
}

H3.traders {
margin-bottom : 6px;
margin-top : 10px;
float : none;
color :  #636466;
}

H3.householders {
margin-bottom : 6px;
margin-top : 10px;
float : none;
color :  #8AC640;
}

p {
clear : left;
color :  #404040;
font-weight : normal;
font-size : 12px;
text-align : left;
font-family : arial;
padding-top : 0;
padding-left : 1px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 6px;
margin-left : 0;
}

p.important {
font-weight : bold;
}

p.lh20 {
font-size : 13px;
padding-top : 0;
padding-left : 1px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 10px;
margin-left : 0;
line-height : 20px;
}

p.important {
font-weight : bold;
}

p.small {
color :  #404040;
font-weight : bold;
font-size : 10px;
text-align : left;
vertical-align : top;
font-family : arial;
padding-top : 3px;
padding-left : 30px;
padding-bottom : 0;
margin-bottom : 6px;
margin-top : 6px;
margin-left : 0;
}


ul.text, ol.text, li.text {
list-style-position: outside;
color : #404040;
font-weight : normal;
font-size : 12px;
text-align : left;
font-family :  arial;
margin-left: 10px;
padding-left: 10px;
}


ul.text_high, ol.text_high {
list-style: square;
list-style-position: outside;
color : #8AC640;
font-weight : bold;
font-size : 16px;
text-align : left;
font-family :  arial;
margin-left: 10px;
padding-left: 10px;
}


li.text_high {
list-style: square;
list-style-position: outside;
list-style-image: url('images/tick.jpg');
color : #8AC640;
font-weight : bold;
font-size : 16px;
text-align : left;
font-family :  arial;
margin-left: 10px;
padding-top: 12px;
padding-left: 10px;
}

ul.text_mid, ol.text_mid {
list-style: square;
list-style-position: outside;
color : #404040;
font-weight : normal;
font-size : 12px;
text-align : left;
font-family :  arial;
margin-left: 10px;
padding-left: 10px;
}


li.text_mid {
list-style: square;
list-style-position: outside;
list-style-image: url('images/green_tick.jpg');
color : #404040;
font-weight : normal;
font-size : 12px;
text-align : left;
font-family :  arial;
margin-left: 10px;
padding-top: 9px;
padding-left: 10px;
}

ul.text_low, ol.text_low {
list-style: square;
list-style-position: outside;
color : #636466;
font-weight : normal;
font-size : 11px;
text-align : left;
font-family :  arial;
margin-left: 10px;
padding-left: 10px;
}


li.text_low {
list-style: square;
list-style-position: outside;
list-style-image: url('images/green_tick.jpg');
color : #636466;
font-weight : normal;
font-size : 11px;
text-align : left;
font-family :  arial;
margin-left: 10px;
padding-top: 9px;
padding-left: 10px;
}



table.layout {
width : 100%;
color :  #404040;
font-weight : normal;
font-size : 11px;
text-align : left;
font-family : arial;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
}

table.left_border {
width : 100%;
color :  #404040;
font-weight : normal;
font-size : 11px;
text-align : left;
font-family : arial;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0;
margin-right : 0;
padding : 0;
border-left: solid 1px black;
}

table.formlayout {
width : 100%;
color :  #404040;
font-weight : normal;
font-size : 11px;
text-align : left;
font-family : arial;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
}

table.paymentlayout {
height : 100%;
color :  #404040;
font-weight : normal;
font-size : 11px;
text-align : left;
font-family : arial;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
}

td {
text-align : left;
font-size : 11px;
vertical-align : top;
padding-top : 0;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
}

td.small_grey {
font-size : 10.5px;
color :  #999999;
text-align : left;
vertical-align : top;
padding-top : 0;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
margin-top : -20px;
}

td.large {
text-align : left;
font-size : 13px;
vertical-align : top;
padding-top : 0;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
}

td.vcentre {
vertical-align : middle;
}

td.centre {
text-align : center;
vertical-align : top;
margin-top : 20px;
padding-top : 20px;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
padding-right : 10pt;
}

td.financial {
text-align : right;
vertical-align : top;
padding-top : 0;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
padding-right : 20px;
}

td.blue {
color :  #8AC640;
font-weight : bold;
text-align : left;
vertical-align : top;
padding-top : 0;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
}

td.red {
color :  #FF0000;
text-align : left;
vertical-align : top;
padding-top : 0;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
}

td.text {
text-align : left;
vertical-align : top;
padding-top : 0;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
padding-right : 10pt;
}

td.redstatus {
color :  #C00000;
font-weight : bold;
}

td.amberstatus {
color :  #EA8916;
font-weight : bold;
}

td.greenstatus {
color :  #8CC447;
font-weight : bold;
}

td.footer {
text-align : center;
vertical-align : middle;
padding-top : 0;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
padding-right : 10pt;
}

td.flash {
text-align : left;
vertical-align : top;
padding-top : 20px;
padding-left : 10px;
padding-bottom : 20px;
margin-bottom : 0;
background: #8AC640;
color: #FFFFFF;
font-family: arial;
font-size: 13px;
font-weight: bold;
width : 210px;
height : 400px;
}

td.flashtrader{
text-align : left;
vertical-align : top;
padding-top : 20px;
padding-left : 10px;
padding-bottom : 20px;
margin-bottom : 0;
background: #636466;
color: #FFFFFF;
font-family: arial;
font-size: 13px;
font-weight: bold;
width : 210px;
height : 400px;
}



td.label {
text-align : right;
padding-right : 3px;
}

td.firstlabel {
text-align : right;
padding-right : 3px;
width : 180px;
}

td.smalllabel {
text-align : right;
padding-right : 3px;
width : 75px;
}

td.heading {
color :  #404040;
font-weight : bold;
font-size : 11px;
text-align : left;
font-family : arial;
padding-top : 1pt;
padding-left : 0pt;
padding-bottom : 1pt;
margin : 0;
}

td.heading_right {
color :  #404040;
font-weight : bold;
font-size : 11px;
text-align : right;
font-family : arial;
padding-top : 1pt;
padding-left : 0pt;
padding-bottom : 1pt;
margin-bottom : 0pt;
}


td.grey_border {
color :  #404040;
font-size : 11px;
text-align : left;
font-family : arial;
padding-top : 20px;
padding-left : 10px;
padding-bottom : 0;
margin-bottom : 0;
border: 1px solid #404040;
-moz-border-radius: 15px;
border-radius: 15px;
}


form {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}

fieldset {
font-size : 11px;
background-color : #DDDDDD;
margin-left : 5px;
margin-right : 5px;
margin-top : 0px;
margin-bottom : 2px;
vertical-align : middle;
padding-top : 1px;
padding-bottom : 1px;
}

fieldset.greenbg {
font-size : 11px;
background-color : #C7E898;
margin-left : 5px;
margin-right : 5px;
margin-top : 0px;
margin-bottom : 2px;
vertical-align : middle;
padding-top : 1px;
padding-bottom : 1px;
}

fieldset.whitebg {
font-size : 11px;
background-color : #FFFFFF;
margin-left : 5px;
margin-right : 5px;
margin-top : 0px;
margin-bottom : 2px;
vertical-align : middle;
padding-top : 1px;
padding-bottom : 1px;
}

fieldset.tabbed {
font-size : 11px;
background-color : #DDDDDD;
margin-left : 5px;
margin-right : 5px;
margin-top : 0px;
margin-bottom : 2px;
vertical-align : middle;
padding-top : 8px;
padding-bottom : 0px;
}

fieldset.height150 {
font-size : 11px;
background-color : #DDDDDD;
margin-left : 5px;
margin-right : 5px;
margin-top : 10px;
margin-bottom : 2px;
vertical-align : middle;
padding-top : 10px;
padding-bottom : 1px;
padding-left : 1px;
padding-right : 1px;
height : 150px;
width : 295px;
}

label {
text-align : right;
margin-right : 5px;
}

label.important {
text-align : right;
margin-right : 5px;
font-weight : bold;
}

label.error {
width : 800px;
float : left;
clear : both;
font-weight : bold;
font-size : 11px;
margin-top : 0;
margin-bottom : 10px;
text-align : left;
margin-left : 0px;
color : red;
}

label.info {
width : 880px;
float : left;
clear : both;
font-weight : bold;
font-size : 11px;
margin-top : 0;
margin-bottom : 10px;
text-align : left;
margin-left : 0px;
}

label.smallerror {
width : 250px;
float : left;
clear : both;
font-weight : bold;
font-size : 11px;
margin-top : 0;
margin-bottom : 0;
text-align : left;
margin-left : 0px;
color : red;
}

input {
background-color : white;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
font-size : 12px;
vertical-align : middle;
}

input.highlighted {
background-color : #F0F268;
padding : 0;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
font-size : 12px;
}

input[readonly] {
background-color : #CAE3A7;
}

input.financial {
background-color : white;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
font-size : 12px;
vertical-align : middle;
text-align : right;
}

input.financial_highlighted {
background-color : #F0F268;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
font-size : 12px;
vertical-align : middle;
text-align : right;
}

input.financial[readonly] {
background-color : #CAE3A7;
}

input.radio {
background-color : #DDDDDD;
}

a.button, a.buttonleft {
padding: 3px 6px !important;
text-decoration: none;
cursor: default;
}

.button {
float : right;
margin-right : 20px;
margin-top : 2px;
margin-bottom : 2px;
padding-top : 2px;
padding-bottom : 2px;
background-color: #636466;
font-weight : normal;
font-size : 12px;
color : #FFFFFF;
}

.button:disabled, .buttonleft:disabled,
.button:disabled:hover, .buttonleft:disabled:hover{
background-color: rgb(163, 163, 163);
}

.button:hover {
float : right;
margin-right : 20px;
margin-top : 2px;
margin-bottom : 2px;
padding-top : 2px;
padding-bottom : 2px;
background-color: #8AC640;
background-color: #8AC640;
font-weight : normal;
font-size : 12px;
color : #FFFFFF;
color: #FFFFFF;
}

.button:hover:disabled {
background-color: rgb(163, 163, 163);
}

.buttonleft {
float : left;
margin-left : 20px;
margin-top : 2px;
margin-bottom : 2px;
padding-top : 2px;
padding-bottom : 2px;
background-color: #636466;
font-weight : normal;
font-size : 12px;
color : #FFFFFF;
}

.buttonleft:hover {
float : left;
margin-left : 20px;
margin-top : 2px;
margin-bottom : 2px;
padding-top : 2px;
padding-bottom : 2px;
background-color: #8AC640;
background-color: #8AC640;
font-weight : normal;
font-size : 12px;
color : #FFFFFF;
color: #FFFFFF;
}

input.super_button {
float : left;
margin-left : 20px;
margin-top : 2px;
margin-bottom : 2px;
padding-top : 6px;
padding-bottom : 6px;
background-color: #8AC640;
font-weight : bold;
font-size : 24px;
color : #FFFFFF;
}

input.super_button:hover {
float : left;
background-color: #636466;
font-weight : bold;
color : #FFFFFF;
}

.buttonadjacent {
float : none;
margin-left : 6px;
margin-right : 0;
margin-top : .1em;
margin-bottom : .1em;
background-color: #8AC640;
background-color: #8AC640;
color : #FFFFFF;
color: #FFFFFF;
}

.buttonadjacent_greyed {
float : none;
margin-left : 20px;
margin-right : 0;
margin-top : .1em;
margin-bottom : .1em;
background-color: #BBBBBB;
color : #FFFFFF;
}

input.greybutton {
float : right;
margin-right : 20px;
margin-top : 2px;
margin-bottom : 2px;
padding-top : 2px;
padding-bottom : 2px;
background-color: #BBBBBB;
font-weight : normal;
font-size : 12px;
color : #FFFFFF;
}

select {
float : left;
background-color : white;
margin-top : 0;
margin-bottom : 0;
font-size : 12px;
}

select.highlighted {
background-color : #F0F268;
margin-top : 0;
margin-bottom : 0;
font-size : 12px;
}

select.address {
float : left;
background-color : white;
margin-top : 0;
margin-bottom : 0;
font-size : 10px;
min-width : 200px;
}

textarea {
float : left;
background-color : white;
font-family : arial;
font-size : 12px;
width : 270px;
height : 50px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
}

textarea.highlighted {
float : left;
background-color : #F0F268;
font-family : arial;
font-size : 12px;
width : 270px;
height : 50px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
}

textarea[readonly] {
float : left;
background-color : #CAE3A7;
font-family : arial;
font-size : 12px;
width : 270px;
height : 50px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}

textarea.big[readonly] {
float : left;
background-color : #CAE3A7;
font-family : arial;
font-size : 12px;
width : 700px;
height : 150px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}

textarea.wide400[readonly] {
float : left;
background-color : #CAE3A7;
font-family : arial;
font-size : 12px;
width : 520px;
height : 80px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}

textarea.wide200[readonly] {
float : left;
background-color : #CAE3A7;
font-family : arial;
font-size : 12px;
width : 290px;
height : 80px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}

select[disabled] {
background-color : #CAE3A7;
color: black;
font-family : arial;
font-size : 12px;
}

textarea.small {
float : left;
background-color : white;
font-family : arial;
font-size : 12px;
width : 220px;
height : 40px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
}

textarea.small[readonly] {
float : left;
background-color : #CAE3A7;
font-family : arial;
font-size : 12px;
width : 220px;
height : 40px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
}

hr {
margin-top : 5px;
margin-bottom : 5px;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
}

#nav ul {
list-style: none;
padding: 0;
margin: 0;
display: inline;
}

#nav li {
list-style: none;
vertical-align: middle;
padding: 0;
margin: 0;
display: inline;
}

#nav a {
display: block;
display: inline;
font-weight : bold;
vertical-align: middle;
padding: 0;
text-decoration: none;
margin: 5px;
}

#nav li a {
height: 16px;
width: 130px;
display: block;
display: inline;
background-position: 0 0;
background-repeat: no-repeat;
background-color: #FFFFFF;
font-weight: bold;
padding: 5px;
text-decoration: none;
margin: 5px;
margin-left: 15px;
}

#nav li a:hover {
height: 16px;
width: 130px;
display: block;
display: inline;
background-position: 0 0;
background-repeat: no-repeat;
font-weight: bold;
padding: 5px;
text-decoration: none;
margin: 5px;
margin-left: 15px;
}

#nav li a:visited {
height: 16px;
width: 130px;
display: block;
display: inline;
background-position: 0 0;
background-repeat: no-repeat;
font-weight: bold;
text-decoration: none;
padding: 5px;
margin: 5px;
margin-left: 15px;
}

#td li a {
float : left;
clear : left;
background-color: #4A4A4C;
color: #FFFFFF;
padding: 5px;
border : 2px outset threedhighlight;
margin: 5px;
margin-left: 15px;
display: inline;
width: 130px;
}

#td li a:hover {
float : left;
clear : left;
background-color: #7BB344;
color: #FFFFFF;
margin: 5px;
margin-left: 15px;
padding: 5px;
display: inline;
width: 130px;
}


#hh li a {
float : left;
clear : left;
background-color: #7BB344;
color: #FFFFFF;
padding: 5px;
border : 2px outset threedhighlight;
margin: 5px;
margin-left: 15px;
display: inline;
width: 130px;
}

#hh li a:hover {
float : left;
clear : left;
background-color: #4A4A4C;
color: #FFFFFF;
margin: 5px;
margin-left: 15px;
padding: 5px;
display: inline;
width: 130px;
}

#nav img {
border: none;
margin: 0;
padding: 0;
display : inline;
}

img {
border: none;
margin-top: 0;
margin-bottom: 0;
margin: 0;
padding: 0;
}

img.right {
border: none;
float: right;
margin-top: 0;
margin-bottom: 0;
margin-left: 5px;
margin-right: 0;
padding: 0;
}

img.left {
border: none;
float: left;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 5px;
padding: 0;
}

img.inform {
border: 2px solid #8AC640;
margin-top: 5px;
margin-bottom: 0;
margin-left: 5px;
padding: 0;
}

a {
color: #636466;
font-family: arial;
text-decoration : underline;
}

a.front_page{
color: #8AC640;
font-weight: bold;
font-family: arial;
text-decoration : none;
}

a.front_page:hover{
color: #636466;
font-weight: bold;
font-family: arial;
text-decoration : none;
}

a.footer {
color: #FFFFFF;
font-family: arial;
text-decoration : none;
}

a.footer:hover {
color: #FFFFFF;
font-family: arial;
text-decoration : underline;
}

.info span {
display: none;
}

.info:hover {
position: relative;
}

.info:hover span {
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 235px;
height: 550px;
border: 3px solid #8AC640;
background-color: #636466;
color: #FFFFFF;
font-family: arial;
font-size: 13px;
padding: 3px;
text-align: left;
}

.info:hover span a {
color: #FFFFFF;
}

a.bigwhite {
color: #FFFFFF;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration : none;
}

a.bigwhite:hover {
color: #636466;
}

a.bigblue {
color: #636466;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration : none;
}

a.bigwhitetrader {
color: #FFFFFF;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration : none;
}

a.bigwhitetrader:hover {
color: #8AC640;
}

a.bigorange {
color: #8AC640;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration : none;
}

.hiddenField {
display: none;
}

.longInput {
width: 60%;
}

.miura-serial {
background: url('/images/miura_serial.png');
background-repeat: no-repeat;
background-position: top left;
height: 150px;
width: 100%;
position: relative;
}

.miura-serial input {
position: absolute;
top: 48px;
left: 228px;
width: 194px;
padding: 4px;
font-size: 16px;
}