@charset "UTF-8";
/* CSS Document */

/* Common headers and nav */
div.hidden-until-document-is-ready { display: none; }

body,td,th,p,form,a,div,span {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/body-back-gradient.png) repeat-x #ddd;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;

        height: 100%;
        overflow: hidden;
}

div.watermark {
  position: fixed;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: white;
  left: -163px;
  font-size: 26px;
  top: 73px;
  box-shadow: 2px 5px 15px rgba(0,0,0,0.1);
  background: red;
  width: 500px;
  text-align: center;
  padding: 7px;
}

/* IE8 and IE7 do not get the fancy rotated watermark. */
html.ie8 div.watermark, html.ie7 div.watermark {
  color: red !important;
  background: none !important;
  position: relative !important;
  top: -45px !important;
  left: 255px !important;
  width: 400px !important;
  height: 0px !important;
}

.scroller {
        height: 100%;
        overflow-y: scroll;
        overflow-anchor: none;
}

.container {
	background: url(../images/footer-back.png) no-repeat transparent center bottom;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 60px;
	color: #666;
}

.footer {
  text-align: center;
}

#main {
	background: url(../images/main-back-gradient.png) repeat-y transparent;
	min-height: 500px;
	padding-top: 10px;
	margin: 0px;
	color: #666;
}

#header {
	background: url(../images/header-back.png) no-repeat transparent;
	height: 175px;
}

#header h1 a img {
  margin-top: -24px;
}

div.prepend-top h1 {
    margin: 48px 0px 0px 0px;
    padding: 0px 0px 5px 78px;
    height: 42px;
    border: 0px;
}

img {border: none;}

/* This is mainly for the benefit of Cucumber tests. */
.unclickable {
  pointer-events: none;
}

#main-navbar {
	background: url(../images/nav-main-back.png) no-repeat transparent;
	background-position: 0px 0px;
	margin: 5px 0px 0px -5px;
	padding: 5px 0px 0px 10px;
	width: 960px;
	height: 40px;
}

#SecurityDates table {
  margin-top: 12px;
}

#SecurityDates td {
  text-align: center;
}

#main-navbar .span-3 {
	margin: 0px;
	width: 117px;
	background: url(../images/nav-tab-back.png) no-repeat transparent;
}

#secondary-navbar {
	background: url(../images/nav-secondary-back.png) no-repeat transparent;
	height: 30px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#secondary-navbar .span-3 {
	height: 23px;
	padding: 7px 0px 0px 0px;
	margin: 0px;
	width: 117px;
	background: url(../images/nav-secondary-tab-back.png) no-repeat transparent;
}










.navbar span {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	padding-top: 8px;
	padding-bottom: 12px;
	background-color: #2C526E;
	height: 15px;
}

.navbar a {
	color: #ccc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#secondary-navbar span a {
	color: #abd8fb;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#secondary-navbar span a:hover {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


#username-signout {
  text-align: right;
  white-space: nowrap;
}

#username {
  line-height: 36px;
  text-align: right;
  margin-right: 16px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
}

#signout,#signin {
	text-decoration: none;
	font-size: 14px;
	color: #2276b7;
        margin-right: 6px;
        line-height: 34px;
        float: right;
}

#signin {
  margin-right: 24px;
}

.navbar a:hover {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}

#main-navbar .navbar #sel {
	background: url(../images/nav-tabselected-back.png) no-repeat transparent;
}
.navbar #sel a {
	color: #fff;
}

.selected {
    background-color: #ffff80;
}

.selected #sel {
	background-color: #dcdcdc;
}
.navbar #sel a {
	color: #fff;
}
.secondary span {
	font-size: 12px;
	margin-bottom: 1.45em;
	color: #abd8fb;
	font-weight: bold;
}

#secondary-navbar #sel {
	background: url(../images/nav-secondary-tabselected-back.png) no-repeat transparent;
}

.secondary #sel a {
	color: white;
	font-weight: bold;
}

#spacer {
    background-color: transparent;
}








/* Basic content and form styling */


h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
	margin-top: 32px;
	font-weight: bold;
	color: #666;
	font-size: 30px;
}

h2 {
  font-size: 24px;
  line-height: 24px;
  color: #2276b7;
}

h3 {
	font-weight: normal;
	color: #2276b7;
	font-size: 24px;
	margin-top: 7px;
	margin-bottom: 10px;
}

h3 span {
        color: #2276b7;
}

div.mm_designation_status h5 {
  color: white;
}

div.mm_designation_status {
  background-color: #2276B7;
  width: 100px;
  height: 23px;
  text-align: center;
  vertical-align: center;
  margin-left: 170px;
  padding-top: 5px;
}

h2.counterparty {
  margin-top: 2px;
  margin-bottom: 18px;
  width: 160px;
  float: left;
}

h3.counterparty {
  margin-top: 17px;
  margin-bottom: 0px;
  width: 160px;
  float: left;
}

h4 {
      font-size: 16px;
}

label {
	font-size: 14px;
	font-weight: bold;
	color: #666;
        padding-top: 12px;
	display: block;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

input {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

input.date {
        width: 8em;
}

input#tenor_1Y,#tenor_4Y,#tenor_7Y,#tenor_10Y,#tenor_2Y,#tenor_5Y,#tenor_8Y,#tenor_30Y,#tenor_3Y,#tenor_6Y,#tenor_9Y,#tenor_NA {
	font-size: 14px;
	font-weight: normal;
	color: #999;
	height: 15px;
	padding: 0px 5px 0px 5px;
	vertical-align: middle;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
}


select {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
}

#main ul.chosen-choices {
  overflow: auto;
  border-radius: 5px;
  background-image: none;
}
#main div.chosen-choices a {
  border-bottom: 0px;
  padding-bottom: 0px;
}
#main ul.chosen-choices li span {
  font-weight: bold;
}
a.chosen-single {
  border-bottom: 1px solid #aaaaaa !important;
  font-weight: bold !important;
}


div.chosen-container {
        text-align: left;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #666;
        padding-top: 2px;
        padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 0px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

div.chosen-container div.chosen-drop {
        font-size: 12px;
}

div.chosen-container div.chosen-search input {
  height: auto !important;
  font-size: inherit !important;
  padding: inherit !important;
}

div.chosen-container ul.chosen-results li {
        line-height: 12px;
        padding: 2px;
}

div.chosen-container ul.chosen-results li.group-result {
        color: #666;
        font-weight: bold;
        text-align: left;
}

div.chosen-container ul.chosen-results li.group-option {
        padding-left: 15px;
        text-align: left;
        white-space: normal;
        margin-bottom: 1px;
}

div.chosen-container ul.chosen-results .highlighted {
        background: #135d96 !important;
}

div.chosen-container#clearing_account_cti_chzn a.chosen-single span {
  font-size: 85%;
}

hr {
  margin-top: 10px;
  height: 2px;
  background: url(../images/hr-full.png) no-repeat transparent;
  background-size: contain;
}

#main a {
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 1px;
	font-style: normal;
        color: inherit;
}

#main a:hover {
	cursor: pointer;
	color: inherit;
	border-bottom: 1px dotted #999;
	padding-bottom: 1px;
	font-style: normal;
}

#main a img {
	border: 0;
	text-decoration: none;
}

a.search-choice-close {
  border-bottom: none !important;
  padding-bottom: 0px !important;
}






/* New Trade body structures */

#main .span-18 {
	width: 800px;
	margin: 0px 0px 0px 78px;
	padding: 0px;
}

#main .span-19 {
	width: 500px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#main .span-16 {
	width: 500px;
	height: auto;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}


#main .span-5 {
	width: 190px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.market_maker{
  float: left;
  margin-left: 75px;
  margin-top: 6px;
}

.market_maker label {
  display: inline;
  padding-top: 5px;
}

.mm_button{
  vertical-align: bottom;
  float: left;
}

#main div.actions {
        text-align: center;
}
#main .span-8 div.actions, #main .span-18 div.actions {
	padding-top: 10px;
        padding-right: 10px; /* Balances the padding-left of #main #edit-column.span-8 */
}

#main .span-8 {
	width: 310px;
}

#main #ReceiveFirmEntry.span-8 {
	width: 310px;
	padding-bottom: 0px;
}

#main #PayFirmEntry.span-8 {
	width: 310px;
	padding-bottom: 0px;
}

#main .span-8.append-11 {
	width: 310px;
	padding-bottom: 0px;
}

#main .login {
        width: 270px;
}
#main .login input.text {
        width: 258px;
}
#main .login input.ui-button {
        width: 7em;
}


#main .span-9 {
	width: 350px;
	padding-bottom: 20px;
}

#main .span-24 {
	width: 800px;
	margin: 0px 0px 0px 78px;
	padding: 0px 0px 0px 0px;
	height: auto;
}

#main form .span-24 {
	width: 800px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#main .span-24 .span-24 {
	width: 800px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#main hr.span-18 {
  margin: 0px 0px 0px -68px;
  height: 2px;
  width: 930px;
  background: url(../images/hr-full.png) no-repeat transparent;
}


a#Check-Z-Code {
	display: inline-block;
	margin-top: 10px;
}

#main div.error {
        text-align: left;
        padding: 10px;
        margin-top: 2px;
        margin-bottom: 10px;
}

#main div.error h2 {
        text-align: center;
}

#main div.info {
  border-radius: 8px;
}
#main div.info h4 {
  color: steelblue;
}

#main div.error, #main div.info {
  border-width: 1px;
  box-shadow: 1px 1px 8px -3px;
}

/* Admin Firms body stuctures */


#index-column {
	width: 500px;
}


#main #edit-column.span-8 {
	width: 278px;
	padding-left: 10px; /* See also div.actions */
	border-left: 1px dotted #cbcfd2;
	background: url(../images/edit-back.png) repeat-y 0 0 transparent;
	margin-left: 0px;
}

#main #edit-column .form-width {
    width: 255px;
}






.span-16 #index-table {
	border: 0;
	margin: 0px 0px 40px 0px;
	width: 500px;
}

.span-16 #index-table td {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}



h3.show-header {
	font-weight: normal;
	color: #2276b7;
	font-size: 24px;
	margin-top: 7px;
	margin-bottom: 10px;
	text-align: left;
	padding-bottom: 7px;
	background: url(../images/hr-admin-edit.png) no-repeat bottom left transparent;
	border: 0;
}

h3.user-show-header {
	font-weight: normal;
	color: #2276b7;
	font-size: 24px;
	margin-top: 7px;
	margin-bottom: 0px;
	text-align: left;
	border: 0;
}

#index-table thead th {
	font-weight: normal;
	color: #2276b7;
	font-size: 24px;
	margin-top: 7px;
	margin-bottom: 10px;
	text-align: left;
	border: 0;
}

#index-table thead th.column-label {
        font-size: 1.2em;
        padding: 0px 0px 0px 5px; /* Matches padding of #index-table tbody td */
        font-weight: normal;
}

#index-table thead tr {
        background: none !important;
}


#edit-column table {
	width: 95%;
        margin-bottom: 17px;
	margin-top: -12px;
	padding: 0px;
}

#edit-column table thead th {
	font-weight: bold;
	color: #666;
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 10px;
	text-align: left;
	border: 0;
}

#edit-column table thead tr {
	background: url(../images/hr-admin-edit.png) no-repeat top left transparent;
}

div.multi-select-check-box {
  text-align: left;
}

table.multi-select-form-table tbody {
  max-height: 225px;
  overflow-y: auto;
  display: block;
}
table.multi-select-form-table tbody tr, table.multi-select-form-table tbody tr td {
  display: block;
}

div .field {
	line-height: 14px;
}


div .field i.help {
        float: right;
	color: #2276b7;
        margin-right: 15px;
        line-height: 18px;
        font-size: 16px;
}

div .field label {
	font-weight: normal;
	margin: 0px;
	color: #2276b7;
	font-size: 16px;
	text-align: left;
	border: 0;
	line-height: 20px;
	padding: 0px;
}

div .field span.checkbox_label label, div .field span.checkbox_label i {
        color: inherit !important;
        font-size: 12px !important;
        line-height: 20px !important;
        display: inline !important;
        top: -15px;
        position: relative;
}

div .field input {
	margin-top: -12px;
	margin-bottom: 20px;
}

div .field select, div .field div.chosen-container {
	margin-top: -12px;
	margin-bottom: 20px;
}

div.field .static-txt {
	margin-top: 5px;
	margin-bottom: 20px;
    font-size: 14px;
}

div.field input#clearing_firm_killed {
	border: 0;
}

div.field div.error {
  position: relative;
  top: -19px;
}


#index-table thead th.icon_column {
/*	background: url(../images/hr-admin-index.png) no-repeat bottom right transparent; */
}

#index-table tbody tr:nth-child(1) td {
	border-top: 1px solid rgba(0,0,0,0.1);
}

tbody tr:nth-child(even) td {
	background: url(../images/table-admin-row.png) repeat top left transparent;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	border-top: 1px solid rgba(0,0,0,0.05);
}

tbody tr.even td {
	background: url(../images/table-admin-row.png) repeat top left transparent;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	border-top: 1px solid rgba(0,0,0,0.05);
}

tbody tr:nth-last-child(1) td {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

#index-table tfoot tr {
/*	background: url(../images/hr-admin-index.png) no-repeat 0px 5px transparent; */
}

#index-table tfoot td {
	padding-top: 15px;
}


#clearing-firm-clearing-account-id-strings-table tfoot tr {
/*	background: url(../images/hr-admin-index.png) no-repeat 0px 3px transparent; */
}

#clearing-firm-clearing-account-id-strings-table tfoot td {
	padding-top: 10px;
}


#clearing-firm-clearing-firm-user-id-strings-table tfoot tr {
/*	background: url(../images/hr-admin-index.png) no-repeat 0px 3px transparent; */
}

#clearing-firm-clearing-firm-user-id-strings-table tfoot td {
	padding-top: 10px;
}






/* Admin Firm details body stuctures */

#main #show-column.span-6 {
	width: 500px;
}

#main #show-column.span-6 table {
	margin-bottom: 40px;
}

#main #show-column h3.show-header {
	font-weight: bold;
	color: #666;
	font-size: 30px;
	background: none;
	margin: 0;
}

#main #edit-column.span-18 {
	width: 278px;
	padding-left: 10px;
	border-left: 1px dotted #cbcfd2;
	background: url(../images/edit-back.png) repeat-y 0 0 transparent;
	margin: 0px;
}


div .field#risk-used {
	line-height: 6px;
	margin-bottom: 20px;
}

div .field#risk-rem {
	line-height: 6px;
	margin-bottom: 20px;
}


#clearing-account-broker-firm-id-strings-table tfoot tr {
/*	background: url(../images/hr-admin-index.png) no-repeat 0px 3px transparent; */
}

#clearing-account-broker-firm-id-strings-table tfoot td {
	padding-top: 10px;
}




/* Admin Users body stuctures */


.span-24 .span-16 h3 {
	font-weight: bold;
	color: #666;
	font-size: 30px;
	background: none;
	margin: 0px 0px 10px 0px;
}


#trader-state-street-accounts-table tfoot tr {
	background: url(../images/hr-admin-edit.png) no-repeat 0px 3px transparent;
}

#trader-state-street-accounts-table tfoot td {
	padding-top: 10px;
}



#trader-state-street-ids-table tfoot tr {
	background: url(../images/hr-admin-edit.png) no-repeat 0px 3px transparent;
}

#trader-state-street-ids-table tfoot td {
	padding-top: 10px;
}


div .field#passwordResetDiv {
	line-height: 4px;
	margin-bottom: 20px;
}

.securityInformation {
	font-weight: bold;
	font-size: 18px;
}

.securityInformation .field {
	font-size: 16px;
	font-weight: normal;
}

.securityInformation .field input.dob {
	margin-top: 5px;
}

.field input.passwordInput {
	margin-top: 5px;
}











.icon_column {
  width: 10px;
}

.new_column {
}


.colborder {
    border-right: 1px dotted #ccc;
    margin-right: 49px;
    padding-right: 49px;
}




.box {
  border-width: 1px;
  border-color: #dcdcdc;
  border-style: solid;
  background-color: #E5ECF9;
  min-height: 72px;
}

.page-title {
	padding-bottom: 12px;
}

div.show-header {
  font-weight: bold;
}



#SecurityIDEntry {
	display: none;
}

#SecurityIDDialog {
  display: none;
}

#EnterSecurityIDLink {
  padding-left: 5px;
  padding-right: 5px;
}

#SecurityIDDialog p {
  margin: 0.5em;
}

#SecurityIDError {
	padding-left: 10px;
}

#tenor-readonly {
	display: none;
}

#Check-Entered-Z-Code {
	padding-left: 10px;
}

/*.spinner {*/
	/*display: none;*/
/*}*/

#security-conf img {
	padding-left: 10px;
	padding-right: 5px;
}

#security-conf-dialog img {
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 10px;
}

#NotionalAmountEntry span {
  padding-left: 10px;
}

#NPVEntry span {
  padding-left: 10px;
}

.checkmark img {
	padding-left: 5px;
	padding-right: 5px;
}

#select-swap-fut-input-type .chosen {
	font-weight: bold;
}



.index-data:hover {
	cursor: pointer;
}

.CouponRate {
  white-space: nowrap;
}

.existing-Zcode {
  white-space: nowrap;
}

#Existing-Z-Code {
	padding-left: 10px;
}

.created_at{
  display: none;
}

#trade-sent {
  color: green;
  font-size: 1.5em;
  display: none;
}

.firm_sel {
  width: 16em;
}

table.tenorRatiosTable {
  color: #666;
  padding-bottom: 4px;
  border-collapse: collapse;
  border-bottom: 1px dotted #999;
}

#risk_used, #swap_book_risk_used {
  width: 847px;
  margin-left: -32px;
}

div.float-left {
  float: left;
}
div.float-right {
  float: right;
}

span.checkbox {
  margin-right: 10px;
  line-height: 18px;
  height: 18px;
}
span.checkbox label {
  display: inline;
  padding-top: 0px;
  font-weight: normal;
  position: relative;
  top: 1px;
  font-size: 100%;
}

#trades_tbl, #executions_tbl {
  width: 847px;
  margin-left: -32px;
  font-size: 9px;
}

table td.aggressor {
  background-color: palegoldenrod !important;
}

div#footnote-aggressor div {
  float: left;
  margin-left: 5px;
}

table#footnote-aggressor-table {
  float: left;
  display: inline;
  margin-bottom: 0px;
  width: 18px;
  height: 16px;
}

table#footnote-aggressor-table td {
  margin: 0px !important;
  padding: 0px !important;
  width: 16px !important;
  /*height: 16px !important;*/
  border: 1px solid gray;
}

#security_dates_tbl, #trades_tbl, #risk_used, #swap_book_risk_used, #executions_tbl, .trade_details_tbl {
  color: #666;
  padding-bottom: 4px;
  border-collapse: collapse;
  border-bottom: 1px solid #777;
  clear: left;
}

thead th {
	background:none;
	color: #BDE8FF;
}

thead th.title {
  font-size: large;
}

#security_dates_tbl td, #trades_tbl td, #risk_used td, #swap_book_risk_used td, table.tenorRatiosTable td, #executions_tbl td, th, .trade_details_tbl td, th {
  padding: 1px;
  text-align: center;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  white-space: nowrap;
}

td.nowrap, tr.nowrap td {
  white-space: nowrap !important;
}

td.allow-wrap {
  white-space: normal !important;
}

#trades_tbl td, #trades_tbl th {
  font-size: 9px;
}
#executions_tbl td, #executions_tbl th {
  font-size: 9px;
}

.trade_details_tbl th label {
  padding: 1px;
  text-align: center;
  font-size: 0.75em;
  font-family: Arial, Helvetica, sans-serif;
  color: #A6DAF6;
}

.trade_details_tbl th {
  white-space: normal;
}

.trade_details_tbl td {
  height: 35px;
}

.lite_link {
    color: #A6DAF6;
}

#security_dates_tbl thead tr {
  background: url(../images/table-secdates-header.png) no-repeat  0 0 transparent;
}

.trade_details_tbl thead tr, .swapTypesTable thead tr, table thead tr {
  background-image: url(../images/table-trade-details-header.png);
  background-image: -ms-linear-gradient(top, #666 0%, #444 100%);
  background-image: -moz-linear-gradient(top, #666 0%, #444 100%);
  background-image: -o-linear-gradient(top, #666 0%, #444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #444));
  background-image: -webkit-linear-gradient(top, #666 0%, #444 100%);
  background-image: linear-gradient(to bottom, #666 0%, #444 100%);
}

#security_dates_tbl td, .trade_details_tbl td {
  line-height: 1.9em;
  font-weight: bold;
}

#security_dates_tbl td img, .trade_details_tbl td img {
  display: block;
  margin-left: 40%;
  margin-right: 40%;
}

#trades_tbl thead tr, #risk_used thead tr, #swap_book_risk_used thead tr, table.tenorRatiosTable thead tr, #executions_tbl thead tr
#trade-log-table thead tr, #trades_tbl thead tr th {
  background: #272727;
  background-image: -ms-linear-gradient(top, #515151 0%, #272727 100%);
  background-image: -moz-linear-gradient(top, #515151 0%, #272727 100%);
  background-image: -o-linear-gradient(top, #515151 0%, #272727 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #515151), color-stop(1, #272727));
  background-image: -webkit-linear-gradient(top, #515151 0%, #272727 100%);
  background-image: linear-gradient(to bottom, #515151 0%, #272727 100%);
}

#security_dates_tbl thead tr, #trades_tbl thead tr, #risk_used thead tr, #swap_book_risk_used thead tr, table.tenorRatiosTable thead tr, #executions_tbl thead tr, .trade_details_tbl thead tr
#trade-log-table thead tr {
  border: none;
  color: #a6daf6;
  font-weight: bold;
  padding: 5px 3px 5px 3px;
  height: 31px;
}

.trade_details_tbl {
  margin-bottom: 5px !important;
}


#trades_tbl tbody#trades_tbl_body {
  color: #666;  
}

#trades_tbl .trading_firm {
  font-weight: bold;  
}

#trades_tbl .transact_time {
  text-align: left;
}

.effective_date {
  white-space: nowrap;
}

.maturity_date {
  white-space: nowrap;
}

#home {
  min-height: 500px;
}

#unit-label {
  font-size: 0.5em;
  padding-left: 20px;
}

#header img {
  margin-right: 40px;
}

#header h1 {
  color: red;
  font-family: Helvetica;
}

#RiskCheckStatus {
  margin: 35px 0px 35px 0px;
}

.risk-numbers {
  display: none;
  background-color: #cfe0ea;
  border-style: white;
  border-width: 2px;
  border-color: #0f3952;
  margin: 10px 0px 10px 0px;
}

#TradeStatus {
  width: 270px;
  margin-right: 0;
  margin-top: 24px;
  margin-bottom: 24px;
  float: right;
}
#TradeStatus img {
  padding-right: 20px;
}

.strong {
  font-weight: bold;
}

#fail-message {
  font-style: oblique;
  font-weight: bold;
}

.FuturesPrice {
  padding: 4px 6px 4px 6px;
  tobackground-color: #E5ECF9;
}

table.tenorRatios {
  width: auto;
}

.trades-risk {
  font-size: 1.4em;
  font-weight: bold;
}

.trades-risk-fail, #basketImportErrorsSection {
  color: red;
}

.trades-risk-pass {
  color: green;
}

.trades-risk-fail-border {
  border: 2px solid red;
  padding: 2px 10px 2px 10px !important;
  background: none repeat scroll 0 0 #FBE3E4;
}

.trades-risk-pass-border {
  border: 2px solid green;
  padding: 2px 10px 2px 10px !important;
  background: none repeat scroll 0 0 #57E964;
}

#risk-check .overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

/* @group RY additional css changes for new trades page */
#portal_user_new label {
  display: inline;
}

#FuturesPriceEntry {
  margin-bottom: 10px !important;
  padding: 4px 0px !important;
}

#FuturesPriceEntry label {
  padding-top: 0px;
}

div.actions input, #portal_user_new input {
  height: auto;
}


tr.index-data td.selected, tr.index-data td.selected div {
  background: #135d96;
  color: white;
}

/*
 * Status Symbols
 */
tbody tr td.status-symbol-no {
  background: red;
}
span.status-symbol-yes {
  font-weight: bold;
  font-size: 1.9em;
  line-height: 1.9em;
  color: #093;
}
span.status-symbol-no {
  font-weight: bold;
  font-size: 1.9em;
  color: #eee;
}

/*
 * Tweak the jQuery-UI ThemeRoller theme
 */
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: inherit;
}
.ui-widget-overlay {
  opacity: 0.35;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
}

.ui-datepicker {
  box-shadow: 1px 4px 16px 1px rgba(0,0,0,0.5);
}
.ui-datepicker-header {
  border: 0px !important;
}
.ui-datepicker-calendar th span {
  color: #aaa;
}

/*
 * Icons
 */
i.fa-dot:before {
  content: '\2022';
}
div.fa-fixed {
  display: inline-block;
  width: 1.2em;
}
div.fa-text {
  display: inline-block;
  width: 6em;
}

i.fa-16 {
  font-size: 16px;
}
i.fa-shadow {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}
i.fa-red {
  color: #f00;
}
i.fa-green {
  color: #035e0c;
}


/*
 * Button Style: ui-button-submit
 *
 * Use this style for "submit" buttons where a whole-page form is being
 * submitted, and typically will navigate to a new page.
 */
#main .ui-button.ui-button-submit {
        font-size: 16px;
        font-weight: bold;
        height: 2.25em;
        cursor: pointer;
        color: #ffffff;
        white-space: nowrap;
        width: 12em;
        margin-top: 18px;
        margin-bottom: 20px;
}
#main .ui-button.ui-button-submit.ui-button-wide {
        width: 14em;
}
#main .ui-button.ui-button-submit .ui-button-text {
        padding: .5em 1em;
        color: #ffffff;
}
#main input.ui-button.ui-button-submit {
        padding-bottom: 4px;
}
.ui-state-default.ui-button-submit {
        border: 1px solid #024c85 !important;
        background: #024c85 url(portal-custom-theme/images/blue/ui-bg_glass_40_024c85_1x400.png) 50% 50% repeat-x !important;
        border-radius: 5px !important;
}
.ui-state-hover.ui-button-submit {
        border: 1px solid #024c85 !important;
        background: #135d96 url(portal-custom-theme/images/blue/ui-bg_glass_50_135d96_1x400.png) 50% 50% repeat-x !important;
        border-radius: 5px !important;
}
.ui-state-active.ui-button-submit {
        border: 1px solid #024c85 !important;
        background: #024c85 url(portal-custom-theme/images/blue/ui-bg_glass_15_024c85_1x400.png) 50% 50% repeat-x !important;
        border-radius: 5px !important;
}

/*
 * Button Style: ui-button-danger
 *
 * Use this style for "submit" (typically) buttons where the action
 * it leads to is something dangerous and irrevokable.
 *
 * Example: Submit Trade For Reporting or Submit Trade For Clearing.
 */
#main .ui-button.ui-button-danger, #main .ui-button.ui-button-warning {
        font-size: 16px;
        font-weight: bold;
        height: 2.25em;
        cursor: pointer;
        color: #ffffff;
        white-space: nowrap;
}
#main input.ui-button.ui-button-danger, #main .ui-button.ui-button-warning {
        padding-bottom: 4px;
}
.ui-button-danger span, .ui-button-warning span {
        color: #ffffff !important;
}
.ui-state-default.ui-button-danger {
        border: 1px solid #850c02 !important;
        background: #850c02 url(portal-custom-theme/images/red/ui-bg_glass_40_850c02_1x400.png) 50% 50% repeat-x !important;
}
.ui-state-hover.ui-button-danger {
        border: 1px solid #850c02 !important;
        background: #9d2e25 url(portal-custom-theme/images/red/ui-bg_glass_50_9d2e25_1x400.png) 50% 50% repeat-x !important;
}
.ui-state-active.ui-button-danger {
        border: 1px solid #850c02 !important;
        background: #9d2e25 url(portal-custom-theme/images/red/ui-bg_glass_15_9d2e25_1x400.png) 50% 50% repeat-x !important;
}
.ui-state-default.ui-button-warning {
        border: 1px solid #035e0c !important;
        background: #035e0c url(portal-custom-theme/images/green/ui-bg_glass_40_035e0c_1x400.png) 50% 50% repeat-x !important;
}
.ui-state-hover.ui-button-warning {
        border: 1px solid #035e0c !important;
        background: #06750e url(portal-custom-theme/images/green/ui-bg_glass_50_06750e_1x400.png) 50% 50% repeat-x !important;
}
.ui-state-active.ui-button-warning {
        border: 1px solid #035e0c !important;
        background: #035e0c url(portal-custom-theme/images/green/ui-bg_glass_15_035e0c_1x400.png) 50% 50% repeat-x !important;
}

/*
 * Button Style: ui-button-tool
 *
 * Use this style for "tool buttons" that manipulate something on the page.
 *
 * Example: Add Trade Leg
 */
#main .ui-button.ui-button-tool {
        border: 1px solid lightGrey;
        height: 2em;
        padding-bottom: 0px;
        font-size: 15px;
        font-weight: bold;
        min-width: 8em;
        white-space: nowrap;
        cursor: pointer;
        margin-bottom: 10px;
}
#main input.ui-button.ui-button-tool {
        padding: 0em 1em;
        color: #2276B7;
}
#main .ui-button.ui-button-tool .ui-button-text {
        padding: .25em 1em;
        color: #2276B7;
}
#main .ui-button-tool.ui-button-danger .ui-button-text {
        color: #ffffff;
}

/*
 * Button Style: ui-button-form
 *
 * Use this style for a smaller style submit button, for use when
 * a form will be saved, but the page will not be navigated away.
 */
#main .ui-button.ui-button-form {
        border: 1px solid #024c85;
        color: #ffffff;
        /*height: 2em;*/
        font-size: 15px;
        font-weight: bold;
        min-width: 8em;
        cursor: pointer;
        white-space: nowrap;
}
#main input.ui-button.ui-button-form {
        /*padding-bottom: 4px;*/
}
#main .ui-state-default.ui-button-form {
        border: 1px solid #024c85;
        background: #024c85 url(portal-custom-theme/images/blue/ui-bg_glass_40_024c85_1x400.png) 50% 50% repeat-x;
}
#main .ui-state-hover.ui-button-form {
        border: 1px solid #024c85;
        background: #135d96 url(portal-custom-theme/images/blue/ui-bg_glass_50_135d96_1x400.png) 50% 50% repeat-x;
}
#main .ui-state-active.ui-button-form {
        border: 1px solid #024c85;
        background: #024c85 url(portal-custom-theme/images/blue/ui-bg_glass_15_024c85_1x400.png) 50% 50% repeat-x;
}
#main .ui-button.ui-button-form .ui-button-text {
        padding: .45em 1em;
        color: #ffffff;
}


.ui-button-text-only .ui-button-text {
  font-weight: bold;
}

/*
 * Special Buttons
 */
div#uploadBasketSection {
        text-align: center;
}
#main #upload-basket {
  width: 13em;
}
#main #import-trade-log {
  width: 13em;
}
#main div#previewButtonSection {
        text-align: center;
}
#check-risk {
        width: 12em;
        margin-top: 18px;
        margin-bottom: 20px;
}
div#submitButtonSection {
        margin-top: 20px;
}
div#submitButtonSection dt {
        float: left;
        clear: left;
        margin: 0px;
        width: 27em;
}
div#submitButtonSection dd {
        float: left;
        width: 37em;
        margin: 0px;
        padding: .5em .5em;
        height: 5em;
}
#main #submit-trade {
        width: 20em;
        height: 3em;
}
#main #report-trade {
        width: 20em;
        height: 3em;
}

div.portfolioRatiosDiv {
  margin-left: -32px;
}

.ui-dialog {
  overflow: visible;
}
.ui-resizable-handle {
  z-index: auto !important;
}

div.ui-dialog-content {
  text-align: left;
}

.ui-widget-content {
  border: 0px !important;
}

div.ui-dialog-content-top {
  border-bottom: 1px solid #ddd !important;
  box-shadow: -2px 4px 4px -2px rgba(0,0,0,0.1);
  padding-top: 4px !important;
  padding-bottom: 3px !important;
}

.ui-dialog-content label, .ui-dialog-buttonpane label, .ui-dialog label {
  padding-top: 0px;
  display: inline-block;
  font-weight: normal;
  font-size: 100%;
}

.ui-dialog-buttonpane-label {
  float: left;
  line-height: 35px;
  padding-left: 12px;
  padding-top: 3px;
}

.ui-dialog-buttonpane-label span.add_to {
  margin-right: 16px;
  font-size: 85%;
}
.ui-dialog-buttonpane-label span.unwind {
  font-size: 85%;
}

.ui-dialog-buttonpane-label div.chosen-container {
  margin: 0px;
  padding: 0px;
}

.ui-dialog-buttonpane input {
  margin-top: 0px;
}

.ui-dialog .ui-dialog-buttonpane button {
  min-width: 72px;
}

.ui-dialog {
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.5);
  padding: 0px;
  -webkit-box-shadow: 0 6px 38px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 6px 38px rgba(0,0,0,0.5);
  box-shadow: 0 6px 38px rgba(0,0,0,0.5);
}

.ui-dialog .ui-dialog-title {
  width: auto !important;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header {
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(242,242,242) 50%, rgb(234,234,234) 51%, rgb(246,246,246) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(242,242,242)), color-stop(51%,rgb(234,234,234)), color-stop(100%,rgb(246,246,246))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 50%,rgb(234,234,234) 51%,rgb(246,246,246) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 50%,rgb(234,234,234) 51%,rgb(246,246,246) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 50%,rgb(234,234,234) 51%,rgb(246,246,246) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(242,242,242) 50%,rgb(234,234,234) 51%,rgb(246,246,246) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  border: 0px;
  border-bottom: 1px solid #ccc;
}

.ui-dialog .ui-dialog-titlebar .ui-button-icon-only:not(.ui-state-hover),
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-buttonpane a:not(.ui-state-hover) {
  border: 0 !important;
  background: none !important;
}

.header-user-email {
	font-size: 12px;
	background: url("../images/hr-admin-edit.png") no-repeat scroll left bottom transparent;
	padding-bottom: 7px;
}


/* Fixed width for trader/firm/account columns */
#trades_tbl div.buy_trader,
#trades_tbl div.buy_firm,
#trades_tbl div.sell_trader,
#trades_tbl div.sell_firm,
#trades_tbl div.buy_acct,
#trades_tbl div.sell_acct {
  width: 64px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

/* @group tooltip styling */
#trades_tbl div.tooltip_trigger span {
   text-decoration: none;
   border-bottom:1px dotted;
   cursor: pointer;
}

#trades_tbl .tooltip {
	display:none;
	padding:0px 30px 0px 30px;
	font-size:11px;
	color:#fff;
}

.tooltip tbody td {
	background-color: #FFFFFF !important;
        font-size: 11px !important;
        text-shadow: none !important;
}

.tooltip table {
  margin: 0px !important;
  padding: 6px !important;
}

.tradeTableCellTooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:auto;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

/* SwapBook Account labels that appear in various places */
span.swapbook-account {
  color: inherit !important;
}
span.swapbook-account span.clearing-account {
  color: inherit !important;
  opacity: 0.75;
  font-style: italic;
  font-size: 90%;
}

/* Inset elements in admin UI */
ul.admin-inset, table.admin-inset {
  box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) inset;
  border: 1px solid #bbb;
  border-radius: 3px;
  background-color: white;
  width: 247px;
}

/* UL tree for trader's SwapBook Associations */

fieldset {
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}

ul.permission-list {
  padding: 4px 4px 4px 12px !important;
}

ul.permission-list label {
  display: inline;
  font-size: 100%;
}

ul.permission-list input {
  display: inline;
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.permission-list, ul.permission-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.permission-list ul {
  background: url(../images/permission-list-vline.png) repeat-y;
  margin-left: -8px;
  padding-left: 17px;
}
ul.permission-list li.last ul {
  margin-left: 10px;
  padding-left: 0px;
}

ul.permission-list li.permission-list-check-all {
  padding: 0px;
  margin-left: -9px;
  background: none;
}

ul.permission-list li {
  margin: 0;
  padding: 0 8px;
  line-height: 20px;
  background: url(../images/permission-list-node.png) no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.permission-list li.last {
  background: url(../images/permission-list-lastnode.png) no-repeat;
}

#edit-column ul.permission-list li.last {
  background-color: white;
}

#show-column ul.permission-list li.last {
  background-color: #fff;
}

ul.permission-list {
  margin-bottom: 20px;
}

#show-column ul.permission-list {
  background-color: #fff;
}

ul.alert-list li.permission-list-message {
  font-style: italic;
}

ul.permission-list .permission-list-item-details {
}

/* Add SwapBook user form for trader */

.new_state_street_user label {
  display: block;
}

#trading-firm-traders-unassociated-with-state-street.error li,
#clearing-accounts-unassociated-with-state-street.error li {
	margin-left: 10px;
}

/** @group Feedback indicators **/
table#index-table td {
  position: relative;
}
span.loading_user_info_indicator {
	display:none;
	margin-left: 6px;
	position: absolute;
}

span.loading_user_info_indicator img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.save_indicator {
	background-repeat: no-repeat;
	background-image: url(../images/ajax-loader.gif);
	width: 24px;
	height: 24px;
	margin: 0px 0px 5px 125px;
	display: block;
	visibility: hidden;
}

#edit-column .notice, #edit-column .error {
  width: 258px;
  padding-right: 0px !important;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
  border-width: 1px;
  margin-top: 8px !important;
  margin-left: -2px !important;
}

.trade-details .details-name {
	font-weight: bold;
}

.trade-details .box.last {
	padding-bottom: 18px !important;
}

.trade-details .fixed-leg {
	padding-right: 25px;
}

.npv-recv-details .details-name, .npv-pay-details .details-name {
	font-weight: bold;
}

.npv-recv-details, .npv-pay-details {
	padding-top: 10px;
}

#main .span-24 .trade_leg {
	/*overflow: auto;
	width: 100%;*/
        margin-bottom: 1em;
}

#main div.trade_leg div.chosen-container {
        margin: 1px 0px 0px 0px;
}
#main div.trade_leg td {
        padding: 0px 3px;
}
#main div.trade_leg td.Zcode {
        width: 10em;
}

.swap_type {
	width: auto;
  font-size: 0.95em;
}

#tradeLegsSection {
	min-height: 35px;
}

.swapTypesTable input[type="text"] {
	color: #000;
	margin: 0px;
	padding: 2px;
        height: 22px;
        margin-top: 5px;
}

.swapTypesTable tbody tr {
	cursor: move;
}

.swapTypesTable select.type {
        width: 10em;
}
.swapTypesTable select.tenor {
        width: 4.5em;
}
.swapTypesTable .chosen-container {
        font-size: 12px;
}
.swapTypesTable td {
        white-space: nowrap;
}

.first_leg {
	display: none;
}

#main a.remove_trade_leg, #main a.fake_add_leg_button {
        width: 8em;
}

#main hr.trade-leg-separator-bottom {
	margin-bottom:10px;
	margin-top:5px;
}

.disabled {
  opacity: 0.35 !important;
}
#main .disabled.no-fade-disabled {
  opacity: 1;
}

.swapTypesTable .disabled {
  background-color: #ddd;
}

.trade_leg_table_error {
  background-color: #FBC2C4;
}

.trade_leg_error_title {
  font-weight: bold;
}

#main ul.errorsList {
  padding-left: 20px;
  margin: 0;
  margin-top: 8px;
}

#main .error h2 {
  color: #8a1f11;
  margin: 0;
}

input.zcode-input-readonly {
  margin-top: 7px;
  font-size: 0.95em;
}

span.legNumber {
  color:#2276B7
}

#basketUploadFile {
  height: auto;
}

#uploadBasketDialog {
  /* Fix appearance of select widgets in this dialog */
  overflow: visible;
}

#uploadBasketDialog form {
  margin-top: 5px;
}

#uploadBasketDialog label {
  font-weight: normal;
  margin-top: 1px;
}

#basketImportErrorsSection .errorText {
  color: red;
}

#main a.asterisk-1mm {
  border-bottom: 0px;
  font-size: 10pt;
  text-decoration: none;
}

/* Make tiptip content easier to read. */
#tiptip_content {
  font-size: 12pt;
}

table.tiptip {
  color: white;
  width: 250px;
  margin-bottom: 0px;
}

table.tiptip tr td, table.tiptip tr th {
  background: none;
  border: none;
  color: #ddd;
  white-space: nowrap;
  padding: 2px;
  text-align: left;
  font-size: 10pt;
}

table.tiptip tr th {
  font-weight: bold;
}

.whats-this {
  display: inline-block;
  position: relative;
  left: 6px;
  bottom: 4px;
  font-size: 85%;
  opacity: 0.85;
}

h3.whats-this-annotated-header {
  display: inline-block;
}

.tool-buttons a {
  margin: 10px;
}

.task-status-success {
  color: green;
}
.task-status-fail {
  color: red;
}
table.task_log_detail td {
  padding: 0px 4px;
  background: none !important;
  border: none !important;
}
table.task_log_detail td.timestamp {
  white-space: nowrap;
  color: #aaa;
  vertical-align: top;
  width: 11em;
}
table.task_log_detail td.message {
  font-family: monospace;
  font-size: 12px;
}

/* Page tabs */
#main #EntryModeTabs {
  margin-top: 24px;
  margin-bottom: 16px;
}

div.form-tabs-move-up {
  font-size: 14px;
  position: relative;
  top: -15px;
  margin: auto;
}
#form-mode-tabs label {
  font-size: 14px;
  font-weight: bold;
  height: 24px;
}
#form-mode-tabs label span {
  line-height: 13px;
}
.form-tabs-2 {
  width: 404px;
}
.form-tabs-2 label {
  width: 200px;
}
.form-tabs-3 {
  width: 531px;
}
.form-tabs-3 label {
  width: 175px;
}
#main #form-mode-tabs .ui-corner-left {
  -moz-border-radius-topleft:        5px;
  -moz-border-radius-bottomleft:     5px;
  -webkit-border-to-left-radius:     5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius:            5px;
  border-bottom-left-radius:         5px;
}
#main #form-mode-tabs .ui-corner-right {
  -moz-border-radius-topright:        5px;
  -moz-border-radius-bottomright:     5px;
  -webkit-border-to-right-radius:     5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius:            5px;
  border-bottom-right-radius:         5px;
}
div.ui-buttonset label {
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(242,242,242) 50%, rgb(234,234,234) 51%, rgb(246,246,246) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(242,242,242)), color-stop(51%,rgb(234,234,234)), color-stop(100%,rgb(246,246,246))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 50%,rgb(234,234,234) 51%,rgb(246,246,246) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 50%,rgb(234,234,234) 51%,rgb(246,246,246) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 50%,rgb(234,234,234) 51%,rgb(246,246,246) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(242,242,242) 50%,rgb(234,234,234) 51%,rgb(246,246,246) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
div.ui-buttonset label.ui-state-active {
  background: rgb(28,28,28); /* Old browsers */
  background: -moz-linear-gradient(top,  rgb(28,28,28) 0%, rgb(76,76,76) 24%, rgb(129,129,129) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(28,28,28)), color-stop(24%,rgb(76,76,76)), color-stop(100%,rgb(129,129,129))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(28,28,28) 0%,rgb(76,76,76) 24%,rgb(129,129,129) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(28,28,28) 0%,rgb(76,76,76) 24%,rgb(129,129,129) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(28,28,28) 0%,rgb(76,76,76) 24%,rgb(129,129,129) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(28,28,28) 0%,rgb(76,76,76) 24%,rgb(129,129,129) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#818181',GradientType=0 ); /* IE6-9 */
  border: 1px solid #444; /*#135d96;*/
}
div.ui-buttonset label.ui-state-active span {
  color: white;
}

.ui-dialog-titlebar-restore, .ui-dialog-titlebar-collapse,
.ui-dialog-titlebar-maximize, .ui-dialog-titlebar-minimize,
.ui-dialog-titlebar-close {
  width: 19px;
  padding: 1px;
  height: 18px;
}