@charset "UTF-8";body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}
body {
	color: #666;
	height: 100%;
	font: normal 10pt "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 16px;
}
p {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 2px;
}
a {
  color: #458C4C;
	text-decoration: none;
}
header {
	height: 100px;
}

footer {
    float: left;
    margin-top: 20px;
    width: 100%;
}

fieldset {
	border: 0px;
}

/* imagery */
#page-head-imagery				{height: 55px; }
#page-head-bottom { background: none; height: 55px; }

ol li {
  font-size: 12px;
}

ul.public-content li {
  list-style-type: square;
  margin-left: 20px;
  margin-top: 3px;
  font-size: 12px;
}
.nav_wrapper {
	float: left;
	width: 100%;
}

#submenu {
	margin-bottom: 0;
}
ul.breadcrumbs {
    margin: 0;
	min-height: 25px;
	height: auto;
	width: 940px;
	float: left;
	margin-left: 15px;
    margin-right: 10px;
	line-height: 30px;
	margin-bottom: 10px;
}
ul.breadcrumbs li {
	float: left;
	line-height: 30px;
}

ul.breadcrumbs li a {
	color: #fff;
	padding: 0 5px 0 0;
	float: left;
	line-height: 30px;
}
ul.breadcrumbs li a:after {
	content: " >";
}
ul.breadcrumbs li a:hover {
	text-decoration: none;
}
ul.breadcrumbs li a span {
    -moz-border-radius: 0;
	-webkit-border-radius: 0;
    color: #FFFFFF;
    font: normal 9pt/36px Arial,Helvetica,sans-serif;
    height: 36px;
	background-color: transparent;
}
ul.breadcrumbs li a:hover span {
    background: transparent url(/assetss/subnav-carat.png) no-repeat 50% bottom;
	color: #fff;
}

ul.submenu {
    margin: 0;
	min-height: 25px;
	height: auto;
	width: 940px;
	float: left;
	margin-left: 10px;
    margin-right: 10px;
}
ul.submenu li {
    height: 45px;
}
ul.submenu li a {
    height: 36px;
}
ul.submenu li a span {
    -moz-border-radius: 0;
	-webkit-border-radius: 0;
    color: #FFFFFF;
    font: normal 9pt/36px Arial,Helvetica,sans-serif;
    height: 36px;
	background-color: transparent;
}
ul.submenu li a:hover span {
  background: transparent url(/assetss/subnav-carat.png) no-repeat 50% bottom;
	color: #fff;
}
ul.utility-menu {
	float: right;
	color: #fff;
	margin-right: 20px;
	margin-top: 28px;
	font-size: 11px;
}
ul.utility-menu li {
	float: left;
	margin: 13px 0 0 5px;
}
ul.utility-menu li a {
	color: #fff;
	display: block;
	height: 20px;
	margin-right: 5px;
	float: left;
}


/* error messages */

h2.error-heading,
div.formError	{color: #be3a88;}

#EnvironmentLabel {
    margin-left: 0;
    margin-top: 115px;
}

table {
	width: 100%;
}
thead {
	border: 1px solid #ccc;
	border-bottom: none;
}
tbody {
	border: 1px solid #ccc;
}
table.styled, .vanilla table {
	margin-bottom: 0;
}
table.styled th, .vanilla table th {
	border-bottom: none;
	font-size: 11px;
	white-space:nowrap;
	text-align:left;
	padding: 6px 4px;
}
table.styled th.label, .vanilla table th.label {
	width: 150px;
}
table.styled th span, .vanilla table th span {
	color: #aaa;
	font-size: 10px;
	padding: 0 0 0 2px;
}
table.styled td, .vanilla table td {
	border: none;
	font-size: 11px;
	padding: 10px 4px;
}
td.border-left {
	border-left: 1px solid #ccc !important;
}
table.bid-offer-controls {
	margin-bottom: 10px;
}
table.bid-offer-controls thead {
	border: none;
}
table.bid-offer-controls thead tr th {
	padding: 0;
}
td strong {
	font-weight: bold;
}
td.left, th.left {
	text-align: left !important;
}
td.right, th.right {
	text-align: right !important;
}
td.center, th.center {
	text-align: center !important;
}
.sprite {
	background-image: url(/assets/main-sprite.png);
	background-repeat: no-repeat;
}
.button-new-bid, .button-new-offer {
	background-color: rgba(51,51,51,.7);
    border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	color: #FFFFFF !important;
  font-size: 12px !important;
  padding: 0.4em 15px 0.4em 35px !important;
	display: block;
	text-align: right;
	box-shadow: inset 2px 2px 10px rgba(0,0,0,.25);
}

.button-new-bid {
	background-position: 5px 1px;
}
.button-new-offer {
	background-position: 5px -24px;
}

.disabled-bid-offer-button {
  opacity: 0.5;
  filter: alpha(opacity = 50); /* FFFFFFFFFFFF */
}

.activity-spinner {
	position: relative;
	top: -398px;
	margin-bottom: -398px;
	width: 458px;
	height: 398px;
	background: url(/assets/ajax-loader.gif) no-repeat 50% 50%;
}
.actions {
	text-align: right;
	padding-right: 15px !important;
	white-space: nowrap;
    width: 40px;
}
td.left {
  text-align: left;
}
td.left a {
  padding: 0;
}
.actions a {
	display: inline-block;
	padding: 0 0 0 25px;
	line-height: 14px;
	color: #458C4C !important;
}
.actions .delete,
.actions .withdraw {
	display: inline-block;
	padding: 0 0 0 25px;
	background: url(/assets/main-sprite.png) no-repeat 0 -56px;
	color: #CC0000 !important;
}
.actions .withdraw-bid {
	background: url(/assets/main-sprite.png) no-repeat 0 -81px;
}
.actions .withdraw-offer {
	background: url(/assets/main-sprite.png) no-repeat 0 -104px;
}
li.user {
	padding: 0 0 0 25px;
	background: url(/assets/main-sprite.png) no-repeat 0 -126px;
	line-height: 16px !important;
	margin-top: 7px !important;
}
li.user span {
	font-size: 11px;
}
li.user span em {
	color: #777;;
}
.chart-options-wrapper {
	float: left;
	width: 100%;
}
ul.chart-options {
  margin: 10px auto 0;
  width: 360px;;
  display: block;
}
ul.bid-offer-filters {
	float: right;
	margin-top: 10px;
}
ul.chart-options li, ul.bid-offer-filters li {
  float: left;
  margin: 0 5px 0 0;
}
ul.chart-options li a, ul.bid-offer-filters li a {
  width: 30px;
  padding: 9px;
  border: 1px solid #666;
  background: #666;
  color: #fff;
  float: left;
  margin: 0 5px 0 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  display: block;
}
ul.bid-offer-filters li a {
	width: auto;
}
ul.chart-options li a:hover,
ul.chart-options li.selected a,
ul.bid-offer-filters li a:hover,
ul.bid-offer-filters li.selected a {
  border: 1px solid #71A9B2;
  background: #71A9B2;
  text-decoration: none;
}
div.stock-chart {
  height: 400px;
  margin-top: 10px;
}
ul.legend {
	width: auto;
	float: right;
	margin: 0 35px 0 0;
}
.bid-offer-controls ul.legend {
	margin-bottom: -9px;
}
ul.legend li {
	float: left;
	white-space: nowrap;
}
.status-indicator {
	width: 40px;
}
.legend .status-indicator {
	width: auto;
	padding: 0 5px;
	font-size: 11px;
	line-height: 20px;
	color: #999;
}
.bid-offer-controls .legend .status-indicator {
	line-height: 25px;
}
.status-indicator div {
	text-indent: -10000px;
	height: 10px;
	width: 5px;
	margin: 0 auto;
	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
}

.legend .status-indicator div {
	float: left;
	margin: 5px 5px 0 0;
}
.bid-offer-controls .legend .status-indicator div {
	margin: 0 5px 0 0;
	-moz-border-radius: 0px;
  	-webkit-border-radius: 0px;
	height: 25px;
	width: 5px;
}
tr.live td.status-indicator div, .status-indicator div.live {
	background: #8CD98C;
	border: 1px solid #66CC66;
}
tr.fully_matched td.status-indicator div, .status-indicator div.fully_matched {
	background: #40D9D9;
	border: 1px solid #00CCCC;
}
tr.expired td.status-indicator div, .status-indicator div.expired {
	background: #E37070;
	border: 1px solid #D94040;
}
tr.withdrawn td.status-indicator div, .status-indicator div.withdrawn {
	background: #B3B3B3;
	border: 1px solid #999999;
}
.status-indicator div.user {
	background: #458C4C;
	border: 1px solid #458C4C;
}
.status-indicator div.company {
	background: #ccc;
	border: 1px solid #ccc;
}

.pagination {
	padding: 5px;
	margin-top: 10px;
	text-align: center;
}
.pagination a, .pagination em, .pagination span {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	text-align: center;
	height: 20px;
	color: #666;
}
.pagination em {
	color: #71A9B2;
	font-weight: bold;
}
.pagination a:hover {
	border: 1px solid #71A9B2;
  	background: #71A9B2;
	color: #fff;
	text-decoration: none;
}
a.previous_page, a.next_page, span.previous_page, span.next_page {
	display: inline-block;
	padding: 5px;
	border: none;
	text-align: center;
	width: auto;
}
a.previous_page:hover, a.next_page:hover {
	background: none;
	border: none;
	text-decoration: underline;
	color: #71A9B2;
}
span.gap {
	border: none;
}
.notice-message {
	margin: 5px 10px 0;
	padding: 5px 5px 5px 30px;
	border: 1px solid #bbb;
	color: #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #eee url(/assets/main-sprite.png) no-repeat 3px -168px;
	float: left;
	width: 903px;
}
.notice-message {
	margin: 5px 10px 0;
	padding: 10px 5px 10px 30px;
	border: 1px solid #bbb;
	color: #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #eee url(/assets/main-sprite.png) no-repeat 3px -168px;
	float: left;
	width: 903px;
	font-size: 14px;
}

.error-message {
	margin: 5px 0 10px 10px;
	padding: 10px 5px 10px 30px;
	border: 1px solid #AA1111;
	color: #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #eee url(/assets/main-sprite.png) no-repeat 3px -292px;
	float: left;
	width: 903px;
	font-size: 14px;
	color: #AA1111;
}
.list_filters_wrapper {
	width: 940px;
	clear: both;
}
#list_filters {

}
#list_filters thead {
	border-top: 3px solid #ccc;
}
#list_filters tbody {
	border-bottom: none;
	border-top: none;
}
#list_filters tr {
	background-color: #ddd !important;
}
#list_filters thead tr td {
	padding: 2px 6px 0;
}
#list_filters tbody tr td {
	padding: 2px 4px 6px;
}
#list_filters label {
	color: #888;
}
#list_filters .date-picker {
	width: 80px;
	float: left;
}
#list_filters .date-picker-control {
	float: left;
}
#list_filters .select-option {
	width: 140px;
	float: left;
}
a.csv_download {
	display: inline-block;
	padding: 0 0 2px 25px;
	margin: 0;
	line-height: 20px;
	font-size: 11px;
	background: url(/assets/main-sprite.png) no-repeat 0 -368px;
}
.trade_actions {
	width: 25px;
}
.trade_actions a.pdf_download {
	background: url(/assets/main-sprite.png) no-repeat 0 -393px;
	display: inline-block;
	font-size: 11px;
	text-indent: -10000px;
	margin: -10px 0 -5px;
	width: 25px;
	line-height: auto;
	height: 20px;
	padding: 0;
	overflow: hidden;
}
.void {
  text-decoration: line-through;
}
td.ownerflag {
	padding: 10px 0 !important;
	width: 5px !important;
	overflow: hidden;
}
td.bid-user, td.offer-user {
	background: #458C4C;
}
td.bid-company, td.offer-company {
	background: #ccc;
}
table.bid_offer_stack tr {
	border-bottom: 1px solid #ccc;
}
table.bid_offer_stack tr td.actions {
	width: 25px;
	padding: 0 !important;
	text-align:left !important;
}
table.bid_offer_stack tr td.actions .withdraw {
	display: block;
	text-indent: -10000px;
	width: 20px;
	height: 15px;
	background: url(/assets/main-sprite.png) no-repeat 0 -56px;
	color: #CC0000 !important;
	padding: 0 !important;
}
td.divide {
	border-right: 1px solid #ccc !important;
}
td.bids {
	text-align: right;
}
td.offerquantity {
	text-align: right;
}
td.bidprice, td.offerprice {
	width: 10px;
	white-space:nowrap;
	text-align: right;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
td.bidprice {
	padding-right: 15px !important;
}

td.offerprice {
	padding-left: 15px !important;
}
td.cannot-trade {
  color: #ccc;
}
.bidhead, .offerhead {
	width: 50%;
	text-align: center!important;
}
.bidhead h4, .offerhead h4 {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	padding: 0 10px;
}
.last-price-widget h5 {
	color: #458C4C;
	font-size: 25px;
	padding: 5px 0;
	white-space: nowrap;
	font-weight: bold;
}
.last-price-widget {
}
.last-price-widget h5 strong {
	font-size: 25px;
}
.last-price-meta {
	font-size: 10px;
	color: #aaa;
	margin-bottom: 10px;
	text-align: right;
}
.last-price-meta h6.up, .last-price-meta h6.no-change, .last-price-meta h6.down {
	font-size: 12px;
	font-weight: bold;
}
.last-price-meta h6.up, .last-price-widget h5 strong.up {
	color: #8CD98C;
}
.last-price-meta h6.no-change, .last-price-widget h5 strong.no-change {
	color: #8CD98C;
}
.last-price-meta h6.down, .last-price-widget h5 strong.down {
	color: #E37070;
}
.last-price-date {
  text-align: left;
  padding-top: 5px;
}
.overview {
	margin-top: 5px;
}
.overview thead {
	border: none;
	border-bottom: 1px solid #CCCCCC;
}
.overview tbody {
	border: none;
}
.overview table tr td, .overview table tr th {
	width: 25%;
	text-align: right;
}
.overview table tr td {
	color: #458C4C;
	font-size: 14px;
}
.currency {
	text-align: right !important;
}
span.header-link, span.header-link a {
	color: #999 !important;
	font-size: 11px;
}
p.smallprint {
	font-size: 10px;
	color: #999;
	padding-bottom: 10px;
}
a.page-top-anchor {
	height: 0;
	overflow: hidden;
	display: block;
}
.topLink {
	color: #333;
	margin: 5px 0 10px;
	display: inline-block;
}
ul.index {
	margin: 12px 0 0 10px;
	border-top: 1px dotted #ccc;
}
ul.index li {
	padding: 8px 0;
	border-bottom: 1px dotted #ccc;
}
ul.features {
	margin: 12px 0 0;
	border-top: 1px dotted #ccc;
}
ul.features li {
	padding: 8px 0;
	border-bottom: 1px dotted #ccc;
}
#market-state {
	display: block;
	float: right;
	background-image: url(/assets/menu/menu-bg-summer.png);
	background-repeat: repeat-x;
	color: #fff;
	border: 1px solid #fff;
	border-top: 0;
	z-index: 100000;
	padding: 0 15px;
	margin-right: 20px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
.market-open {
	background-position: 0 -222px;
}
.market-suspended {
	background-position: 0 -282px;
}
.market-closed {
	background-position: 0 -342px;
}
#market-state h5, #market-state p {
	display: block;
	margin: 0 auto 7px;
	text-shadow: 1px 1px 4px #000;
}
#market-state h5 {
	font-weight: bold;
	font-size: 14px;
	margin: 5px auto 0;
}
#market-state p {
	font-size: 9px;
	font-weight: bold;
}
.form-column {
	float: left;
	margin-right: 20px;
}
.align-right {
	text-align: right;
}
.last-price-table {
	margin-top: 11px;
}
.last-price-table thead {
	border-bottom: 1px solid #CCCCCC;
}
#new_bid_dialog textarea, #new_offer_dialog textarea {
  height: 100px !important;
}

.company_product_permissions {
  border: 1px dotted #AAA;
  padding: 5px 10px 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 250px;
  margin-top: 5px;
  background: #F9F9F9;
  display: inline-block;
}

.company_product_permissions li {
  border-bottom: 1px dotted #DDD;
  padding: 3px;
}

.company_product_permissions li label {
  font-size: 11px;
  margin-bottom: 0;
}

.company_product_permissions strong {
  font-weight: bold; /* why */
}

.company_product_permissions_our_company {
  width: 197px !important;
  vertical-align: top;
}

.target_company_allowed_products_our_company {
  display: none;
}

/* Admin > Banner Images */
.banner_image_thumbnail {
	margin: 15px 0;
}

.banner_image_thumbnail img {
	width: auto;
	height: 150px;
}

/* Homepage Ad Banner */
.homepage-banner-ad img {
  width: 100%;
  margin-bottom: 10px;
}


/* html5 compatibility */
header, nav, footer, aside, article, section { display: block; }

html {
		height: 100%;
}

h1,h2,h3	{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #000;
}

h1 {font-size: 20pt; margin-bottom: 20px;}
h2 {font-size: 16pt; margin-bottom: 10px;}
h3 {font-size: 12pt;}

/*a		{text-decoration: none; color: #336699;}*/
a:hover	{text-decoration: underline;}
a img	{text-decoration: none; border: none;}

table 	{border-collapse: collapse;}

.clear-both	{
	display: block;
	float: none;
	clear: both;
	height: 0;
	overflow: hidden;
}


/* page head */

header {
	height: 96px;
	background: transparent url(/assets/structure/bg-page-head.png) repeat-x 0 0;
	background-color: #4d8f90;
}

#page-head-imagery	{
	height: 96px;
	/* branding imagery can go here */
}

#page-head-top	{
	height: 50px;
	padding: 0 12px 0 20px;
}

#page-head-top h2	{
	float: left;
	margin: 14px 0 0 0;
}

#page-head-top h2 a	{
	color: #fff;
}

#page-head-top h2 a:hover	{
	text-decoration: none;
}

#page-head-top ul	{
	float: right;
	height: 20px;
	margin-top: 5px;
}

#page-head-top ul li	{
	float: left;
	margin-left: 10px;
	font-size: 9pt;
	color: #ccc;
	padding-bottom: 1px;
}

#page-head-top ul li.logout	{
	/*
	margin-left: 20px;
	*/
}

#page-head-top ul li span	{
	color: #eee;
	display: inline-block;
	margin-right: 10px;
}

#page-head-top ul li a	{
	color: #fff;
	border-bottom: 1px dotted #ccc;
}

#page-head-top ul li a:hover	{
	text-decoration: none !important;
}



#page-head-bottom	{
	height: 46px;
	padding: 0 0 0 14px;
/*	background: transparent url(/assets/structure/bg-page-head-bottom.png) no-repeat bottom right;*/
}


/* Enviromant label CSS */

#EnvironmentLabel {position: absolute; width: 144px; height: 35px;}
#EnvironmentLabel_Color {position: absolute; opacity: 0.5; filter: alpha(opacity=50);}
#EnvironmentLabel_Name  {position: absolute; opacity: 0.7; filter: alpha(opacity=70);}


/* Banner message CSS */
div.banner {
  padding: 10px;
  background: url("/assets/system-message-bg.png") repeat-x scroll left bottom #666;
  /* background: url("/assets/system-message-bg.png") repeat-x scroll left bottom #F7941E; */
  color: #fff;
  text-align:center;
  font-size: 14px;
}

/* submenu */

ul.submenu	{
	height: 50px;
	margin: 20px 18px 0 18px;
}

ul.submenu li	{
	float: left;
	margin-right: 6px;
}

ul.submenu li a	{
	display: inline-block;
	height: 28px;
	overflow: hidden;
}

ul.submenu li a span	{
	display: inline-block;
	height: 28px;
	overflow: hidden;
	font: bold 9pt/28px Arial, Helvetica, sans-serif;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-border-radius: 14px;
	color: #777;
	background-color: #eee;
	padding: 0 12px;
	cursor: pointer;
}

ul.submenu li a:hover	{
	text-decoration: none;
}

ul.submenu li a:hover span	{
	background-color: #ddd;
	color: #444;
}

ul.submenu li.selected a span {
	background-color: #ccc;
	color: #333;
}

.submenu-content { margin: -16px 18px; background-color: #f7f7f9; padding: 16px; border-radius: 6px; min-height: 210px; }

.container_12 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 960px !important;
}

/* common content */

.content {
  padding: 0 18px 0 22px;
  min-height: 520px;
  background: url(/assets/page-bg.png) no-repeat top left;
	margin: -10px 30px 0;
	padding-bottom: 50px;
}

div.col-1-of-2	{
	float: left;
	width: 49.99%;
}

div.col-1-of-3	{
	float: left;
	width: 33.32%;
}

div.col-content	{
	margin: 0 30px 0 0;
}



/* forms */

input, select, textarea	        {font-family:Arial, Helvetica, sans-serif; font-size: 10pt; padding: 3px 4px;}
.vanilla label, label.styled    {display: block; margin-bottom: 3px; font-size: 9pt; color: #666;}

input.input-text, textarea.input-text		{width: 221px; border: 1px solid #ccc;}
select.select-option	{border: 1px solid #ccc; padding: 2px;}
textarea.input-text {height: 100px;}

input.input-text:focus,select:focus,textarea:focus	{border: 1px solid #999; background-color: #fffbd2;}

label.for-checkbox,
label.for-radio			{display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; margin-left: 4px; margin-right: 12px;}

div.form-row	{
	margin-bottom: 12px;
}
.login-box div.form-row	{
	clear: both;
}

div.form-row-multiple div.form-row	{
	float: left;
	margin-right: 10px;
}

.readonly div.form-row {
   width: 220px;
   margin-right: 20px;
}
.readonly div.form-row label {
   color: #458C4C;
   font-size: 12pt;
}

div.checkbox-radio-row	{
	padding-top: 8px;
}

a.button,
a.button span,
button.button,
button.button span{
	display: table-cell;
	background: transparent url(/assets/structure/bg-button-standard.gif) no-repeat 0 0;
	height: 29px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	font: bold 9.5pt/29px Arial, Helvetica, sans-serif;
	border: none;
	padding: 0;
	outline: none;
	padding: 0;
	margin: 0;
	position: relative;
	text-shadow: #fff 1px 1px 1px;
}


a.button,
button.button							{background-repeat: repeat-x; margin-right: 8px; #width: auto; #overflow: visible;}
button.button::-moz-focus-inner			{border: none; padding: 0;}
button.button:focus::-moz-focus-inner	{border: none; border-color: transparent ! important;}
a.button span.left,
button.button span.left					{background-position: 0 -30px; padding-left: 15px;}
a.button span.right,
button.button span.right				{background-position: right -60px; padding-right: 15px;}
button.button span						{overflow: visible;}


div.form-actions	{
	height: 50px;
	padding-top: 15px;
}

.standard-cancel,
.standard-save	{float: left;}

.standard-cancel span		{font-weight: normal !important; color: #555 !important;}
.standard-save span.right	{color: #222; width: 80px;}
.wide span.right	{color: #222; width: 150px;}


h2.error-heading	{
	background-color: #ffffb7;
	font: normal 12pt Arial, Helvetica, sans-serif;
	padding: 20px;
	margin: -5px 0 20px 0;
	width: 505px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-border-radius: 8px;
	 color: #000;
}


div.fieldWithErrors	input.input-text	{border: 1px solid #333; background-color: #eee;}
div.formError							{font-size: 9pt; padding: 3px 0; color: red;}

div.heading-for-editable	{
	height: 3.3em;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
	width: 942px;
}

div.heading-for-editable h1	{
	float: left;
}

div.heading-for-editable a.edit-details	{
	float: right;
	display: inline-block;
	margin: 18px 5px 0 0;
}

a.edit-details {
	font: normal 11pt Arial, Helvetica, sans-serif;
}

span.attribute-value	{
	font: normal 11pt Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	margin-bottom: 7px;
}

div.heading-for-editable .standard-cancel,
div.heading-for-editable .standard-save		{float: right; margin-top: 5px;}


/* text */
p.news_date {font-size: 8pt; color: #666; margin-bottom:5px;}




/* tables */
/*table.styled, .vanilla table        {margin-bottom: 15px;}*/
/*table.styled th, .vanilla table th  {border-bottom: 3px solid #eee; padding: 6px; font-size: 9pt; color: #333;}*/
/*table.styled td, .vanilla table td  {border-bottom: 1px solid #eee; padding: 6px; font: normal 11pt Arial, Helvetica, sans-serif;}*/

.no-result {
	display: block;
	border: 1px solid #ccc;
	color: #666;
	padding: 10px;
}

/* footer */
#massive-page-container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -160px;
  min-width: 1004px;
}
.product-description p {
	color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.25;
    margin: 10px 0;
}

.push {
  height: 160px;
}
.content-wrapper-right ul {
	list-style-type: disc;
	margin: 0;
}
.content-wrapper-right ol {
	list-style-type: decimal;
	margin: 0;
}
.content-wrapper-right ul li, .content-wrapper-right ol li {
	display: list-item;
	margin: 0 0 0 30px;
	padding: 0;
}

footer
{
  background-color: #333;
  height: 160px;
  min-width: 1004px;
  text-shadow: #333 0 0 0;
  color: #ccc;
}

#footer-left	{
	float: left;
	height: 160px;
	background: transparent url(/assets/structure/bg-footer-left.png) no-repeat 0 0;
	width: 49.9%;
}

#footer-right	{
	float: right;
	height: 160px;
	background: transparent url(/assets/structure/bg-footer-right.png) no-repeat right 0;
	width: 49.9%;
	text-align: right;
}
.reorder {
	cursor: move;
}
.last-updated {
	font-size: 10px;
	color: #999;
	text-align: right;
	padding-top: 5px;
}
.last-updated span {
	color: #666;
}
.bullet-list {
  list-style: disc;
  margin-left: 50px;
}
.numeric-list {
  list-style: decimal;
  margin-left: 50px;
}
.listing {
  margin: 0;
}
.listing li {
  margin: 0 0 20px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #eee;
}
.listing img {
  display: inline-block;
  margin: 0 10px 10px 0;
  vertical-align: top;
}
.listing-body {
  display: inline-block;
  width: 375px;
}
.listing h3 {
  margin: 0;
  line-height: 1;
}
.listing .intro {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 6px;
}
.listing .intro p {
  font-size: 11px;
}
.listing-status {
  font-size: 10px;
  color: #999;
}
#greenlist, #redlist {
  border: 1px dotted #aaa;
  padding: 5px 10px 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 450px;
  margin-top: 5px;
  background: #f9f9f9;
}
#greenlist li, #redlist li {
  border-bottom: 1px dotted #ddd;
  padding: 3px;
}
#greenlist li label, #redlist li label {
  font-size: 11px;
  margin-bottom: 0;
}
.agent-prices {
  margin-top: 10px;
}
.agent-prices td {
  padding: 5px 4px !important;
}
.price-warning {
  background: url(/assets/main-sprite.png) no-repeat 2px -295px #F7941E;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  padding: 8px 10px 10px 30px;
  margin: 0 0 10px;
  font-size: 11px;
}
.price-warning strong {
  font-weight: bold;
}
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* Hide the input by using a className */

input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
	-moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
a.date-picker-control:focus,
div.datePicker table td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;
        }
/* The wrapper div */
div.datePicker
        {
        position:absolute;        
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/1em Verdana, Sans-Serif;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        
        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
div.datePicker table
        {
        width:auto;
        height:auto;
        border-collapse:separate;         
        } 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(/assets/datepicker/cal-grey.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url(/assets/datepicker/cal.gif) no-repeat 50% 50% !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* Default "button" styles */
div.datePicker thead th span
        {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
        line-height:1em;
        border:0 none;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        display:inline;
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;          
        }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-weight:lighter;
        font-size:2.4em;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover
        {
        color:#a84444;
        }
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important; 
        opacity:1;        
        }   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        text-decoration:none;
        text-transform:lowercase;
        cursor:pointer;          
        }
/* The table */
div.datePicker table
        {               
        margin:0;
        padding:0;
        border:1px solid #ccc;        
        background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        border-spacing:2px;
        padding:0.3em; 
        width:auto;             
        empty-cells:show;   
        border-radius:0.8em;             
        -moz-border-radius:0.8em;
        -moz-box-shadow:0px 0px 5px #aaa;               
        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th
        {                 
        border:0 none;
        padding:0;
        text-align:center;
        vertical-align:middle;               
        cursor:pointer;
        background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em;   
        overflow:hidden;      
        outline:transparent none 0px;        
        border:1px solid #ccc;
        text-transform:none;         
        -moz-border-radius:2px;         
        border-radius:2px;
        }
div.datePicker table td:focus,
div.datePicker table td:active
        {
        outline:0 none red;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;        
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle; 
        text-transform:none;        
        }
div.datePicker table thead th
        {
        height:auto !important;
        }
div.datePicker table tbody th
        {                          
        border:1px solid #dcdcdc;        
        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header
        {
        font-style:oblique;  
        background:transparent;
        cursor:default;         
        }
div.datePicker table thead th.date-picker-week-header
        {
        cursor:help;
        border:0 none;
        padding:0 0 0.2em 0;
        }
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused
        {
        background:#fff url(/assets/datepicker/backstripes.gif);
        border-color:#dcdcdc;          
        cursor:default !important;
        }

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        height:auto;
        }
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today
        {
        background:#fff url(/assets/datepicker/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }

div.datePicker table tbody td.month-out.date-picker-highlight 
        {
        color:#aa8866 !important;
        }
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight
        {
        color:#a86666 !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(/assets/datepicker/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170) !important;
        color:rgb(100,130,170); 
        text-shadow: 0px 1px 1px #fff;                
        }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled
        {          
        background:#fff url(/assets/datepicker/backstripes.gif) no-repeat 0 0;
        color:#aaa !important;
        cursor:default;
        text-decoration:line-through;
        } 
div.datePicker table tbody td.month-out 
        {
        border-color:#ddd;
        color:#aaa !important;
        background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;                             
        } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable
        {           
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;              
        } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range
        {
        color:#aaa !important;
        font-style:oblique;
        background:#fcfcfc !important;          
        }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range
        {
        opacity:0.6;
        filter:alpha(opacity=60);
        }  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable
        {         
        opacity:0.8;
        filter:alpha(opacity=80);        
        }
div.datePicker table tbody tr
        {
        display:table-row;
        }
div.datePicker table tfoot sup
        {
        font-size:0.86em;
        letter-spacing:normal;
        text-transform:none;
        height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
        }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display
        {            
        text-shadow: 0px 1px 1px #fff;                            
        }
/* You can add focus effects (for everything but IE6) like so: */

div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.datePicker table tbody tr td:focus,
div.datePicker table tbody td.date-picker-hover 
        {
        overflow:hidden;
        outline:0px solid #ff0000;        
	-moz-outline: 0 none;
	-o-highlight:0 none;
	color:rgb(100,130,170) !important;        	
        }
div.static-datepicker table
        {
        -moz-box-shadow:0 0 0 transparent;
        
        }               
div.datepicker-focus table
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
         -moz-box-shadow:0px 0px 5px #aaa;         
        }    
       *:-o-prefocus{outline : -o-highlight-border;}
 
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
body.fd-drag-active 
        {
        -webkit-user-select:none;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                } 
        div.datepicker-focus table
                {        
                -webkit-box-shadow:0px 0px 5px #aaa;       
                }       
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}

/* CSS Document */


#input-01	{width: 200px;}
#input-02,
#input-03	{width: 350px;}

#select-01	{width: 360px;}

table.table-01	{width: 600px;}

/*
 * Table
 */

table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 6px 18px 4px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #eee; }
table.dataTable tr.even { background-color: white; }



/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url("/assets/back_enabled.png") no-repeat top left; }
.paginate_enabled_previous:hover { background:  url("/assets/back_enabled_hover.png") no-repeat top left; }
.paginate_disabled_previous { background:  url("/assets/back_disabled.png") no-repeat top left; }

.paginate_enabled_next { background:  url("/assets/forward_enabled.png") no-repeat top right; }
.paginate_enabled_next:hover { background:  url("/assets/forward_enabled_hover.png") no-repeat top right; }
.paginate_disabled_next { background:  url("/assets/forward_disabled.png") no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url("/assets/sort_both.png") no-repeat center right; }
.sorting_asc { background: url("/assets/sort_asc.png") no-repeat center right; }
.sorting_desc { background: url("/assets/sort_desc.png") no-repeat center right; }

.sorting_asc_disabled { background: url("/assets/sort_asc_disabled.png") no-repeat center right; }
.sorting_desc_disabled { background: url("/assets/sort_desc_disabled.png") no-repeat center right; }

table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

/* CSS Document */

 
.position {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin: -210px auto 0 auto;
	float: left;
}
 
.wrapper {
	width: 560px;
	height: 400px;
	padding: 10px 20px;
	clear: both;
	background: transparent url(/assets/structure/bg-login.png) no-repeat 0 0;
	position: relative;
	top: -200px;
	margin: 0 auto;
	text-align: left;
	position: static;
}

.login-content-outer	{
	margin: 0;
	padding: 10px;
	height: 349px;
	border: 1px solid #f5f5f5;
	border-right: none;
	border-bottom: none;	
}

.login-content-inner	{
	background: transparent url(/assets/structure/bg-login-gradient.png) no-repeat 0 0;
	background-color: #4d8f90;
}

.login-content-inner-imagery	{
	height: 349px;
	overflow: hidden;
	/* any branding imagery goes here */
}

body.login h2	{
	color: #fff;
	margin: 35px 40px 8px 40px;
}

body.login form	{
	padding: 0 40px;
	font-size: 9pt;
}

body.login form fieldset	{
	padding-bottom: 15px;
}

body.login form fieldset.remember	{
	font-size: 8pt;
}

body.login form label	{
	margin-top: 14px;
	color: #fff;
	opacity: 0.8;
}

body.login form label.for-checkbox	{
	opacity: 1.0;
}

body.login form input.input-text	{
	width: 200px;
	border-color: #888;
	font-size: 11pt;
	vertical-align: -1px;
}

body.login form input.input-checkbox	{
	margin: 0 2px 0 0;
	padding: 0;	
}

body.login label.for-checkbox-login	{
	display: inline;
	opacity: 1.0;
}

body.login form fieldset.remember span	{
	padding: 0 5px;
	color: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

body.login a.forgot-password	{
	color: #fff;
	border-bottom: 1px dotted #ccc;
	padding: 0 1px;
}

body.login a.forgot-password:hover	{
	text-decoration: none;
}

body.login p.instructions	{
	padding: 15px 40px 10px 40px;
	font-size: 9pt;
	color: #fff;
}

body.login button.button-login	{
	display: inline-block;
	background: #eee url(/assets/structure/bg-button-colourbg.gif) repeat-x 0 0;
	height: 25px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	font: bold 9.5pt Arial, Helvetica, sans-serif !important;
	line-height: 20px;
	border: none;
	padding: 0;
	outline: none;
	padding: 0 12px;
	margin: 0 0 0 4px;
	position: relative;
	text-shadow: #fff 1px 1px 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	-border-radius: 4px;		
}

button.button-login::-moz-focus-inner		{border: none; padding: 0;}
button.button-login:focus::-moz-focus-inner	{border: none; border-color: transparent ! important;}

ul.primary-nav	{
	float: left;
	height: 36px;	
	margin-top: 10px;
}

ul.primary-nav li	{
	float: left;
	height: 36px;
	margin-right: 3px;
}

ul.primary-nav li	a	{
	display: block;
	height: 36px;
	overflow: hidden;
	text-align: center;
	color: #eee;
  background: transparent url(/assets/menu/menu-bg.png) repeat-x 0 -96px;
	font: bold 9pt/36px Arial, Helvetica, sans-serif;
	cursor: pointer;
}

ul.primary-nav li	a:hover	{
	background-position: 0 -132px;
	color: #fff;
	text-decoration: none;
}

ul.primary-nav li.selected a {
	background-color: #333;
	color: #FFF;
	margin-top: 3px;
	line-height: 38px;
	height: 35px;
}

/* Rollover menus */
ul.primary-nav li ul {
	position: absolute;
	z-index: 999;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	width: 180px;
	background: #666;
}

ul.primary-nav li ul li {
	margin-left: 0;
	width: 180px;
	background: none;
	color: #444;
}

ul.primary-nav li ul li a {
	color: #444 !important;
	background: #666 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	text-align: left;
	padding: 0 10px;
	color: #fff !important;
	font-weight: bold;
	font-size: 12px;
  line-height: 35px;
	margin-top: 0px;
	height: 35px;
}

ul.primary-nav li ul li a:hover {
	background: #bbb;
}

ul.primary-nav li	{
	float: left;
	height: 36px;
	margin-right: 3px;
	/* min-width: 110px;
	width: 110px; */
}

ul.primary-nav li a	{
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-align: center;
	color: #eee;
  	background: transparent url(/assets/menu/menu-bg.png) repeat-x 0 -74px;
	font: bold 9pt/36px Arial, Helvetica, sans-serif;
	cursor: pointer;
	-moz-border-radius: 5px 5px 0 0;	
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
  color: #eee;
  background: rgba(0,102,26,.5);
  padding: 0 12px;
  margin-top: 6px;
  text-decoration: none;
}

ul.primary-nav li a:hover, ul.primary-nav li a.active {
	background-position: 0 -110px;
	color: #fff;
	text-decoration: none;
}

ul.primary-nav li a:hover, ul.primary-nav li a.active {
  background: #666;
}
ul.primary-nav li.selected a:hover, ul.primary-nav li.selected a.active {
  background: #333;
}

ul.menu-items li a {
	background: #666 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	text-align: left;
	padding: 0 10px;
	color: #fff !important;
	font-weight: bold;
	font-size: 12px;
}
.selected ul.menu-items li a {
	background: none !important;
}
ul.menu-items li a span {
	color: #fff !important;
}
ul.menu-items li a:hover {
	background: rgba(255,255,255,.25) !important;
}
ul.menu-items li a:hover span {
	background: none !important;
}

ul.primary-nav li.selected ul {
	background: #333;
}
ul.primary-nav li.selected ul li a {
	margin-top: 0;
}

/* CSS Document */

/*header, #EnvironmentLabel, #submenu-wrapper, .footer-nav {display: none;}*/

/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
/*	border: 0;*/
	outline: 0;
/*	font-weight: inherit;
	font-style: inherit;*/
/*	font-size: 100%;*/
/*	font-family: inherit;*/
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}

a img {border:none;}

table {
/*	border-collapse: separate;
	border-spacing: 0;*/
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
ul.chart-options {
  margin: 10px auto 0;
  width: 360px;
}
ul.chart-options li {
  float: left;
  margin: 0 5px 0 0;
}
ul.chart-options li a {
  width: 30px;
  padding: 9px;
  border: 1px solid #666;
  background: #666;
  color: #fff;
  float: left;
  margin: 0 5px 0 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  display: block;
}
ul.chart-options li a:hover {
  border: 1px solid #71A9B2;
  background: #71A9B2;
  text-decoration: none;
}
/* Results tables */

table.results {font-size:80%;}

/* Cron Job Screen CSS */
td.green {
  background:green;
  font-weight:bold;
  color:white;
}

td.red {
  background:red;
  font-weight:bold;
  color:yellow;
}

.good-status {
  background:green;
  font-weight:bold;
  color:white;
  padding:2px;
}

.bad-status {
  background:red;
  font-weight:bold;
  color:yellow;
  padding:2px;
}

dl.attribute-list { padding: 8px }
dl.attribute-list dt { float: left; width: 160px; }
dl.attribute-list dd { font-weight: bold; margin-bottom: 4px; }

/* CSS Document */


#input-01	{width: 200px;}
#input-02,
#input-03	{width: 350px;}

#select-01	{width: 360px;}
/* YESTrade CSS Theme Document */

body {
	background: url(/assets/body-bg.png) repeat-x top left;
}
table.zebra tbody tr:nth-child(odd), tbody tr.clickable:nth-child(odd) {
	background: #eee;
}
table.zebra tr.odd, tr.odd {
	background: #eee; /* For stoopid IE */
}

td.numeric, th.numeric {
  text-align: right !important;
  padding-right: 10px !important;
}

.login-content-inner, header	{background-color: #71A9B2 !important; background: url("/assets/header-bg.png") repeat-x scroll left bottom !important;}

h1,h2,h3			{ color: #71A9B2; font-weight: normal; margin: 10px 0; /*font-family: Arial, Helvetica, sans-serif;*/}

h1 strong {
	color: #666;
}

#page-head-bottom h2	{
	background: url("/assets/logo.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 35px;
    margin: 13px 7px 0 -8px;
    text-indent: -10000px;
    width: 150px;}

table.quote-line {
	width: 100%;
}

tr.clickable td a,
tr.clickable td a:visited {
	display: block;
	text-decoration: none;
  	color: inherit;
}

tr.clickable:hover {
	background-color: #DBE9EC !important;
}
tr.table-group-header, tr.table-group-header td, tr.table-group-header td strong {
	background-color: #666 !important;
	color:#fff !important;
	font-weight: bold !important;
}
#submenu-wrapper {
	background: url("/assets/subnav-bg.png") repeat-x left bottom #87B6BE;
}

ul.menu-items li a {
	background: #87B6BE !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	text-align: left;
	padding: 0 10px;
	color: #fff !important;
	font-weight: bold;
	font-size: 12px;
}
ul.menu-items li a span {
	color: #fff !important;
}
/*ul.menu-items li a:hover {
	background: #C3DADE !important;
	color: #666 !important;
	text-shadow: 1px 1px 4px #fff !important;
}*/
/*ul.menu-items li a:hover span {
	background: #C3DADE !important;
	color: #666 !important;
} */

/* jQuery UI Theme overrides */

.ui-widget-header {
	background: url("/assets/subnav-bg.png") repeat-x scroll left bottom #87B6BE;
	border: none;
	
}
.ui-widget-header span {
	color: #fff;
	text-shadow: 1px 1px 4px #666 !important;
	font: bold 9pt/25px Arial,Helvetica,sans-serif;
	
	border: none;
}

.ui-widget-header .ui-icon {
	background-image: url("/assets/themes/base/images/ui-icons_ffffff_256x240.png") !important;
}
/* YESTrade CSS Theme Document */

body {
	background: url(/assets/body-bg.png) repeat-x top left;
}
table.zebra tbody tr:nth-child(odd), tbody tr.clickable:nth-child(odd) {
	background: #eee;
}
table.zebra tr.odd, tr.odd {
	background: #eee; /* For stoopid IE */
}

table.zebra tbody tr.dragging, tbody tr.dragging {
	background: #ddd;
}

td.numeric, th.numeric {
  text-align: right !important;
  padding-right: 10px !important;
}

.login-content-inner, header	{
	/*background: url("/assets/header-bg.png") repeat-x left bottom !important;*/
	/*background: #2A2018 url("/assets/header-bg-summer.jpg") repeat-x center bottom !important;*/
	/*background: #2A2018 url("/assets/header-bg-lake1.jpg") repeat-x center bottom !important;*/
	background: #333 url("/assets/header-bg-grass.jpg") repeat-x center bottom !important;
	height: 175px;
}
#page-head-imagery {
  background: transparent url("/assets/header-bg-shadow-overlay.png") repeat-x center bottom !important;
  height: 175px;
}

h1,h2,h3			{ color: #333; font-weight: normal; margin: 10px 0; line-height: 1.5;}

h1 strong {
	color: #666;
}
h4 {
	margin: 0 0 5px 0;
	font-size: 14px;
}
.sidebar-wrapper h3 {
	margin: 10px 0 0;
}
.sidebar-wrapper h4 {
	margin: 0px 0 0;
	font-size: 12px;
	color: #BA0E31;
}
.sidebar-wrapper table {
	margin: 10px 0 0;
}
#page-head-bottom h2	{
	background: url("/assets/carbon-match-logo.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 90px;
    margin: 37px 7px 0 -8px;
    text-indent: -10000px;
    width: 250px;
	float: left;
}
.nav_wrapper {
  margin: 0 0 0 -13px;
  width: 960px;
}

ul.utility-menu {
  -moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
  background: transparent url("/assets/menu/menu-bg-summer.png") repeat-x 0 -146px;
  color: #666;
  height: 36px;
  margin-right: 0;
  margin-top: 10px;
  padding: 0 5px 0 0;
}
ul.utility-menu li {
  margin: 11px 0 0 10px;
}
ul.utility-menu li a {
	color: #458C4C;
}

ul.logged-in {
  height: 48px;
  margin-top: 0px;
}
ul.logged-in li {
	line-height: 36px;
	margin: 13px 0 0 5px;
}

table.quote-line {
	width: 100%;
}

tr.clickable td a.clickable,
tr.clickable td a.clickable:visited {
	display: block;
	text-decoration: none;
  	color: inherit;
}

tr.clickable:hover {
	background-color: rgba(69,140,76,.15) !important;
}
tr.table-group-header, tr.table-group-header td, tr.table-group-header td strong {
	background-color: #666 !important;
	color:#fff !important;
	font-weight: bold !important;
}
#submenu-wrapper {
	background: #333;
}

ul.breadcrumbs {
  color: rgba(255,255,255,.8);
}



.footer {
	color: #fff;
	font-size: 11px;
	padding-top: 10px;
}
.footer p {
	float: left;
	line-height: 25px;
	font-size:: 11px;
}
ul.footer-nav {
	float: right;
}
ul.footer-nav li {
	float: left;
	line-height: 25px;
	font-size:: 11px;
}
ul.footer-nav li a {
	color: #fff;
	padding: 0 5px;
}

/* jQuery UI Theme overrides */

.ui-widget-overlay {
  opacity: 0.6;
}
.ui-dialog {
    box-shadow: 2px 2px 15px #666666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0;	
	border: none;
}
.ui-dialog-titlebar {
    -moz-border-radius: 0px;
}
.ui-widget-header {
	background: #458C4C;
	border: none;
  border-radius: 5px 5px 0 0;
}
.ui-widget-header .ui-state-hover {
	background: #FBC98E;
	border: 1px solid #F7941E; 
}
.ui-widget-header span {
	color: #fff;
	text-shadow: 1px 1px 4px #666 !important;
	font: bold 9pt/25px Arial,Helvetica,sans-serif;
	
	border: none;
}

.ui-widget-header .ui-icon {
	background-image: url("/assets/themes/base/images/ui-icons_ffffff_256x240.png") !important;
}
.sidebar-wrapper {
	border-left: 1px dotted #458C4C;
	padding: 0 10px 0 20px;
}
.sidebar-wrapper-left {
	padding: 0 20px 0 10px;
}
.content-wrapper-right {
	border-left: 1px dotted #458C4C;
	padding: 0 10px 0 20px;
}
fieldset.login-box {
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 15px 0 0 20px;
}

.login-box input.input-text {
	width: 189px;
}
button.login {
	float: right;
	margin-right: 0;
}
.remember {
	line-height: 29px;
	display: inline-block;
}
.order-confirmation {
	color: #999;
	font-size: 18px;
	margin: 10px 0;
	line-height: 25px;
}
.order-confirmation span, .order-expiry-detail span {
	color: #BA0E31;
	white-space: nowrap;
}
.order-expiry-detail, .order-note {
	color: #999999;
	margin: 0 0 10px;
}
.order-note strong {
    color: #666;
	font-weight: bold;
}
.list-numeric {
	list-style: decimal;
	counter-reset: item;
	margin: 0 15px;
	font-size: 12px;
}
.list-numeric li { 
	display: block;
	float: left;
    margin-bottom: 5px;
}
.list-numeric li:before { content: counters(item, ".") " "; counter-increment: item }

.list-numeric li span { 
	display: inline;
    float: left;
    margin: 0 0 -10px 40px;
    position: relative;
    top: -16px;
	width: 865px;
}
.list-heading, #termsofuse strong, #marketrules strong {
	font-weight: bold;
}
.list-sub {
	font-weight: normal;
	margin: 5px 0 0 12px;
	float: left;
}
ol.list-alpha { 
	list-style-type: lower-alpha !important;
	margin: 0 0 0 30px;
}
ol.list-roman { 
	list-style-type: lower-roman !important;
}
.list-alpha li { 
	display: list-item;
	float: none;
	margin-bottom: 0;
}
.list-alpha li:before { 
	content: none; 
	counter-increment: auto;
}
.list-continuation { 
	counter-reset: item;
}
.list-step-out {
	margin: 5px 0 5px -30px;
}
.list-step-in {
	margin: 5px 0 5px 30px;
}
ul p, ol p { 
	margin-top: 5px;
}
.terms-statement {
	background: #666;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.terms-statement p {
	padding: 10px;
}
.terms-statement a {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px dotted #FBC98E;
	white-space: nowrap;
}
.terms-statement a:hover {
	border-bottom: 1px dotted #fff;
	text-decoration: none;
}
a.pdf_terms_download {
  background: url(/assets/pdf-icon.png) no-repeat 5px 50%;
  padding: 0 10px 0 40px;
  line-height: 50px;
  margin: 0 20px 15px;
  display: block;
  float: right;
  font-size: 11px;
  border: 1px solid #FBC98E;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
a.pdf_terms_download:hover {
  background-color: #efefef;
  text-decoration: none;
}
.mailinglist-form {
  margin-top: 5px;
}
.mailinglist-form .form-row {
  font-bottom: 7px;
}
.mailinglist-form label {
  font-size: 11px;
  color: #999;
}

div.field_with_errors {
  display: inline-block;
}

.trade_restriction_matrix_wrap {
  overflow-x: scroll;
}
.trade_restriction_matrix {
  margin-bottom: 20px !important;
  /* table-layout: fixed; */
  background: #fff;
  width: auto;
}
.trade_restriction_matrix tr.odd {
  background: none;
}
.trade_restriction_matrix tr.even {
  background: rgba(238,238,238,.5);
}
.trade_restriction_matrix td,
.trade_restriction_matrix th {
  width: 50px;
  min-width: 50px;
}
.trade_restriction_matrix th {
  text-align: center !important;
}
.trade_restriction_matrix thead,
.trade_restriction_matrix tbody {
  border: none;
}
.trade_restriction_matrix thead th {
  color: #8e8e8e;
  font-size: 1em;
  white-space: normal;
}
.trade_restriction_matrix thead tr.buy_sell_heading {
  background-color: #555555;
}
.trade_restriction_matrix thead tr.buy_sell_heading th {
  color: #fff;
}
.trade_restriction_matrix tbody td {
  height: 40px;
  vertical-align: middle;
  padding: 0;
  border: 1px solid #ffffff;
  font-size: 1.1em;
}
.trade_restriction_matrix .first_column {
  padding-left: 10px;
  width: 200px;
  min-width: 200px;
  text-align: left !important;
}
.trade_restriction_matrix tbody .first_column {
  padding-right: 30px;
}
.trade_restriction_matrix .spacer {
  width: 4px;
  max-width: 4px;
}
.trade_restriction_matrix .buy {
  background: rgba(136,136,136,.5);
}
.trade_restriction_matrix .sell {
  background: rgba(136,136,136,.25);
}
.trade_restriction_matrix .tick {
  background: rgba(0,178,45,.4);
  text-shadow: 2px 2px 5px rgba(0,0,0,.5);
  color: #ffffff;
  text-align: center;
  font-size: 1.5em;
  line-height: 40px;
}
/*
 * jQuery UI Accordion 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */

@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";
/*
 * jQuery UI Autocomplete 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */

.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
@import url("jquery.ui.core.css");
@import url("jquery.ui.resizable.css");
@import url("jquery.ui.selectable.css");
@import url("jquery.ui.accordion.css");
@import url("jquery.ui.autocomplete.css");
@import url("jquery.ui.button.css");
@import url("jquery.ui.dialog.css");
@import url("jquery.ui.slider.css");
@import url("jquery.ui.tabs.css");
@import url("jquery.ui.datepicker.css");
@import url("jquery.ui.progressbar.css");
/*
 * jQuery UI Button 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
 * jQuery UI Datepicker 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
 * jQuery UI Dialog 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */

.ui-dialog { position: absolute; padding: 0; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Progressbar 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */

.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*
 * jQuery UI Resizable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/*
 * jQuery UI Selectable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */

.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Slider 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/


.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/


table.daily-email-list-table {
  width: 100%;
}

tbody.email-list-table {
  width: 100%;
}

div.flash-messages {
  height: 55px;
}

table.management-only {
  opacity: 0.5;
}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


*/

