html, body { margin: 0; padding: 0; height: 100%; }
body { font-family: Tahoma, Verdana, "Segoe UI", Sans-Serif; font-size: 11px; }
table { border-collapse: collapse !important; }
table.list { min-width: 50%; }
legend { margin: 0 3px 5px 3px; font-weight: bold; }

tr.odd { background-color: #efefef; }

a:link { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

h2, h3 { /* these setttings can be the same for all brandings */ margin: 0; padding: 0px 13px 13px; /* these settings should be used in Branding/<Name>/Site.csss */ background-color: black; color: white; }
.Icon { width: 18px; height: 18px; background-repeat: no-repeat; background-position: center center; 
        vertical-align: bottom; float: left; display: inline-block; /*IE7 Inline-block fix 	zoom: 1; 	*display: inline;*/ }
.Icon.AddPort { background-image: url('images/ar-up.gif'); cursor: pointer; }
.Icon.RemovePort { background-image: url('images/X-mark.gif'); cursor: pointer; }
.hidden { display: none; }
.warning { color: #f00;font-weight: bold;}
.loader { display: block; }
.subtitle { margin: 5px 0 3px 0;}

#container {min-height: 100%; position: relative;}
#header { /* these setttings can be the same for all brandings */ background: none; height: 80px;
          /* these settings should be used in Branding/<Name>/Site.csss */ }
#header #logo { /* these setttings can be the same for all brandings */ background-repeat: no-repeat; background-position: left center; height: 80px;
                 /* these settings should be used in Branding/<Name>/Site.css */ background-image: url(''); /* logo */
                  /* background */ margin-left: 0px; /* use this to align the logo */
                }

#log {margin: 5px auto;position: absolute;left: 30%;top: 0;padding: 2px 5px;height: 50px; background-color: #ffffcf;border: dotted 1px #000;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
      visibility: hidden;}

#body { padding-bottom: 25px;}
#footer { background-color: #c0c0c0; position:absolute; bottom: 0px; width: 100%; height: 25px; margin: 0 auto; }
#footer p { margin: 0 auto;display: block;padding: 0.5em; color: #00f;}
#footer a { color: #00f; }

#login { margin: 0 auto; width: 250px;}
#login div { display: block;}
#login input[type="text"], #login input[type="password"] {width: 153px;}

.home { padding: 20px; font-size: larger; }
.menubar { height: 24px; }
.toolbar { height: 28px; }
.toolbar, #gridbox { margin-left: 1px; }
.field-validation-error { color: #f00; display: block; }
.validation-summary-errors { color: #f00; }
.validation-summary-errors ul { list-style-type: none; }

/* Logon/Forgot Password related styles */

.logon, .forgotPassword, .changePasswordFromEmail { width: 300px; margin-left: auto; margin-right: auto; margin-top: 150px; }
.logon h2, .forgotPassword h2, .changePasswordFromEmail h2 { padding: 10px 20px 10px 20px; margin-bottom: 4px; }
.logon label, .forgotPassword label, .changePasswordFromEmail label { width: 100px; }
.logon table, .forgotPassword table, .changePasswordFromEmail table { width: 100%; }
.logon table td, .forgotPassword table td, .changePasswordFromEmail table td { width: 50%; }
.logon input, .forgotPassword input, .changePasswordFromEmail input { margin-top: 2px; margin-bottom: 2px; }

/* END Logon/Forgot Password related styles */

#chngpwd { width: 300px; }
.button_row { text-align: center; }

.button_row td { padding-top: 10px; }

.button_row button, .button_row input[type=submit] { width: 80px; }

#lookup { /*	height: 100%; 	position:relative;*/ }

#LUInput { position: relative; }

#LUcancel { position: absolute; right: 0; }

#LUaccept { display: none; }

#LUacceptHolder { /* 	position: absolute; 	bottom: 0px; */ }

#LUgrid { /* 	position: absolute; 	bottom: 40px; 	top: 40px; 	margin: 0px; 	left: 0px; 	right:0px; */ }

#newcontract td { padding-left: 10px; padding-right: 10px; }

.editor-container { /*width:100%;*/ margin-top: 5px; margin-bottom: 5px; white-space: nowrap; }

.contract-line .editor-container { max-width: 375px; }

.editor-buttons { width: 200px; float: right; }

.editor-container input[type=text], .editor-container input[type=password] { width: 200px; }

.editor-container input.daterange-date { width: 90px; }

.editor-container select { width: 206px; padding-top: 2px; padding-bottom: 2px; }
.editor-container select.month { width: 151px; } 
.editor-container select.year { width: 50px; } 

.editor-container p { margin: 0px; }

.editor-buttons input { width: 45%; }

.ui-dialog .editor-label { padding-top: 6px; padding-bottom: 3px; display: inline-block; width: 120px; }

.ui-dialog .editor-field { display: inline-block; padding-left: 10px; }

.ui-dialog .editor-label { width: 130px; }

fieldset fieldset .editor-label { width: 118px; }

fieldset fieldset .daterange-to { margin-left: 10px; }

#customerdetails ul { width: 45%; display: inline-block; vertical-align: top; list-style: none; padding-left: 20px; }

#customerdetails li { line-height: 2em; }

#customerdetails span { font-weight: bold; display: inline-block; min-width: 7em; }

#contractlinedetails ul { display: inline-block; vertical-align: top; list-style: none; padding-left: 20px; }

#contractlinedetails .smalldetails { width: 120px !important; }

#contractlinedetails .largedetails { width: 400px !important; }

#contractlinedetails .mediumdetails { width: 170px !important; }

#contractlinedetails li { line-height: 2em; }

#contractlinedetails span { font-weight: bold; min-width: 7em; }

#unallocweight { font-weight: normal !important; }

#contractDetails table, #batchDetails table { width: 100%; height: 1%; }

#contractDetails th, #batchDetails th { text-align: left; vertical-align: top; width: 1%; white-space: nowrap; padding: 5px 15px 0px 10px; }

#contractDetails td, #batchDetails td { padding-top: 5px; vertical-align: top; width: 1%; white-space: nowrap; }

#editContract, #editContract form { max-width: 810px; }

#contractLine, #contractLine form { max-width: 397px; }

#delivery, #delivery form { max-width: 370px; }

/* restraining the width for long relation names - will wrap */

#contractDetails td#delivery-contract-relation-name { white-space: normal; }

#contractDetails tr.separator td { height: 1px; padding: 0px 0px 0px 0px; }

#contractDetails tr.separator td.line { background-color: rgb(180, 180, 180); }

#contractDetails tr.separator td.pad { background-color: rgb(200, 200, 200); }

#err p { margin: 2px 0px 2px 4px; }

.cell-action { margin-left: 2px; margin-right: 2px; }

#innerForm table { margin-bottom: 10px; background: #E3EFFF; }

#innerForm table th, #innerForm table td { border-color: Black; border-width: 1px; border-style: solid; text-align: right; padding: 4px; }

.hideDatePicker .ui-datepicker-calendar, .hideDatePicker .ui-datepicker-current { display: none; }

#easyTooltip { padding: 5px; border: 1px solid #ccc; background: #f1f1f1; z-index: 1000000; }

.error { color: #f00; }

/* Multi select control */

.unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}

.select-box {background-image: url(images/select-box.png); background-position: right top; background-repeat: no-repeat; padding-left: 2px;
				cursor: pointer; }

.txt-months {vertical-align: middle; padding: 0; margin: 0; cursor: pointer;}
#chkList {border-collapse:collapse; text-align: left;}
#chkList input, #ctl00_cph_monthsCtl_chkList label {vertical-align: middle; cursor: pointer;}

.multidropdown {color: rgb(0, 0, 0); background-color: #F8F8FF; border: 1px solid Gray; width: 147px; font-size: 12px;
					position: absolute; z-index: 1000; margin: 0; padding: 0;}

#chkList label {padding: 2px 5px; width: 100px;}
#chkList tr:hover {background-color: #F6DD75;}

label[for], input[type=submit], input[type=button], input[type=checkbox], div.top_level_text,
 div.sub_item_text, div.dhx_toolbar_btn, select { cursor: pointer;}

input[type=checkbox], input[type=radio], label[for]{ vertical-align: middle;}

#version { background-color: #254312;color: #115612; float: right}

/* overrides */
.t-grid-header .t-header, .t-grid-header .t-last-header { padding: 0px 4px !important;}
.t-grid td { padding: 2px 4px !important; white-space: nowrap;}
td.t-last, th.t-last-header, td.t-detail-cell {padding: 2px 0 2px 4px !important; border-right-width: 0 !important}
.t-widget { border-right: 0px !important;}
.t-grid-header .t-header .t-link { padding-right: 2.3em!important; }
.t-header { min-width: 21px;}

.t-edit-form-container { margin: 1em; width: 250px;}

.t-edit-form-container .editor-label, .t-edit-form-container .editor-field { float: left; padding-bottom: 1em;}

.t-edit-form-container .editor-label {clear: left; padding-right: 3%; text-align: right; width: 30%;}

.t-edit-form-container .editor-field { width: 60%;}

.t-edit-form-container .editor-field .editor-radio { float: left; margin-right: 5px;}

.t-edit-form-container .t-button { margin: 0 0.2em;}

#CurrenciesPopUp .t-edit-form-container { width: 280px;}

#OptionsPopUp .t-edit-form-container { width: 300px;}

#ExchangesPopUp .t-edit-form-container { width: 260px;}

/* Positions grids - must be re-organized */

.number {text-align: right;}
td.action { width: 28px; min-width: 28px}

img.alert-level {width: 20px; height:20px}
.traffic-light {width: 26px; min-width: 26px}
.overall-row-header { min-width: 138px;max-width: 139px;}
.overall-header { width: 50px;}
.ctr-type { max-width: 30px;width: 30px;}

.col-profitorloss {min-width: 81px;width: 81px;}
.h-profitorloss {text-align: center !important;}

.grid-row-header { min-width: 60px; max-width: 61px}
.grid-header { width: 25px;}
.grid-op-type { max-width: 50px;width: 50px;}
.trading-date, .col-tradingdate { min-width: 248px;width: 248px;}
.col-instrument, .col-optionmonth {min-width: 272px;width: 272px;}
.col-strikeprice, .strike-price {min-width: 237px;width: 237px;}
.col-optiontype, .option-type { min-width: 70px; width: 70px}
/*.col-totaldeltaxlots { width: 80px; min-width: 80px;}*/
.col-operationtypedisplay { min-width: 79px; width: 79px; }
.h-operationtypedisplay { min-width: 80px; width: 80px; }


.company-option-contract .col-operationtypedisplay {min-width: 80px; width: 80px;}

.col-futuresmonth {min-width: 237px;width: 237px;}
.col-premiumavgdisplay, .h-premiumavgdisplay {min-width: 90px;width: 90px;}

.portfolio-option-month .col-underlyingprice, .portfolio-option-month .h-underlyingprice {min-width: 100px; width: 100px;}
 .overall-option-month .col-underlyingprice {min-width: 255px; width: 255px;}
 .company-option-month .col-underlyingprice {min-width: 156px; width: 156px;}
 .portfolio-strike-price .col-underlyingprice, .company-strike-price .col-underlyingprice, .overall-strike-price .col-underlyingprice {min-width: 895px; width: 895px;}

.overall-option-contract .col-strikeprice, .company-option-contract .col-strikeprice {min-width: 80px; width: 80px;}
.overall-option-contract .col-tradingdate {min-width: 240px; width: 240px;}
.company-option-contract .col-tradingdate {min-width: 277px; width: 277px;}

.company-option-contract .col-portfoliodisplay {min-width: 135px; width: 135px;}
.overall-option-contract .col-portfolio {min-width: 107px; width: 107px;}
.overall-option-contract th.col-tradingdate .t-link,
.company-option-contract th.col-tradingdate .t-link { padding-right: 0.5em !important; }

.overall-option-type .col-optiontype,
.company-option-type .col-optiontype { min-width: 151px; width: 151px; }
.overall-strike-price .col-strikeprice { min-width: 110px; width: 110px; }
.company-strike-price .col-strikeprice, .company-strike-price .h-strikeprice { min-width: 148px; width: 148px; }
.overall-option-month .col-optionmonth { min-width: 270px; width: 270px; }
.company-option-month .col-optionmonth { min-width: 308px; width: 308px; }
.overall-company .col-company { min-width: 271px; width: 271px; }
.overall-instruments .col-instrument { min-width: 291px; width: 291px; }
.company-instrument .col-instrument { min-width: 221px; width: 221px; }

.p-portfolio-portfolios .col-portfolio {min-width: 1080px; width: 1080px; font-size: 110%; font-weight:bold;}
.portfolio-portfolios .col-portfolio {min-width: 957px; width: 957px; font-size: 110%; font-weight:bold; }

.col-company { min-width: 1371px; width: 1371px; }
.portfolio-companies .col-company { min-width: 1157px; width: 1157px; }
.portfolio-companies .p-col-company { min-width: 1141px; width: 1141px; }

.portfolio-instruments .col-dxl-holder {min-width: 717px; width: 717px;}
.portfolio-instruments .col-totaldeltaxlots {min-width: 80px; width: 80px;}
.portfolio-instruments .col-instrument {min-width: 222px; width: 222px;}
.portfolio-instruments .p-col-instrument {min-width: 230px; width: 230px;}

.portfolio-option-month .col-totaldeltaxlots {min-width: 80px; width: 80px;}
.col-daysuntilexpire { /* min-width: 785px; width: 785px; */ }

.portfolio-strike-price .col-strikeprice { min-width: 111px; width: 111px; }

.portfolio-futures-delta-hedge-positions .col-futuresmonth, .p-portfolio-futures-delta-hedge-positions .col-futuresmonth { min-width:234px; width: 234px; }
.p-portfolio-futures-delta-hedge-positions .col-settlementprice {min-width: 143px; width: 143px;}
.p-portfolio-futures-delta-hedge-positions .col-settlm-holder {min-width: 391px; width: 391px;}

.h-futuresmonth {min-width:234px; width: 234px;}
.h-totaldeltaxlots {min-width: 80px;width: 80px;}

.portfolio-futures-delta-hedge-positions .col-settlementprice, .portfolio-futures-delta-hedge-positions .h-settlementprice {min-width: 142px; width: 142px;}
.portfolio-futures-delta-hedge-positions .col-settlm-holder  {min-width: 391px; width: 391px;}

.portfolio-futures-delta-hedge-positions .col-underlyingprice {min-width: 101px; width: 101px;}

.company-futures-delta-hedge-positions .col-settlementprice, .company-futures-delta-hedge-positions .h-settlementprice {min-width: 142px; width: 142px;}
.company-futures-delta-hedge-positions .col-settlm-holder {min-width: 392px; width: 392px;}

.company-futures-delta-hedge-positions .col-underlyingprice {min-width: 100px; width: 100px;}

.overall-futures-delta-hedge-positions .col-underlyingprice {min-width: 121px; width: 121px;}
.overall-futures-delta-hedge-positions .col-settlementprice, .overall-futures-delta-hedge-positions .h-settlementprice {min-width: 142px; width: 142px;}
.overall-futures-delta-hedge-positions .col-settlm-holder {min-width: 390px; width: 390px;}

.company-futures-delta-hedge-positions .h-futuresmonth { min-width: 272px; width: 272px; }
.company-futures-delta-hedge-positions .col-futuresmonth,
.overall-futures-delta-hedge-positions .col-futuresmonth, .company-futures-delta-hedge-positions .col-futuresmonth,
.overall-futures-delta-hedge-positions .h-futuresmonth { min-width: 233px; width: 233px; }

.company-futures-contracts .col-price {min-width: 89px; width: 89px;}
.company-futures-contracts .col-price-holder {min-width: 653px;width: 653px; }

.company-futures-contracts .col-lots { min-width: 68px; width: 68px; }
.company-futures-contracts .col-tradingdate { min-width: 279px; width: 279px; }
.company-futures-contracts .col-operationtypedisplay { min-width: 78px ; width: 78px} 

.overall-futures-contracts .col-tradingdate { min-width: 240px; width: 240px; }

.portfolio-option-contract .p-col-tradingdate { min-width: 253px; width: 253px; }
.portfolio-option-contract .col-tradingdate { min-width: 201px; width: 201px; }

.p-portfolio-futures-contracts .col-tradingdate { min-width: 254px; width: 254px; }
.portfolio-futures-contracts .col-tradingdate { min-width: 202px; width: 202px; }

.p-portfolio-futures-contracts .col-price {min-width: 90px; width: 90px;}
.p-portfolio-futures-contracts .col-price-holder {min-width: 652px;width: 652px; }
.p-portfolio-futures-contracts .col-lots { min-width: 69px; width: 69px; }

.portfolio-futures-contracts .col-price {min-width: 89px; width: 89px;}
.portfolio-futures-contracts .col-price-holder {min-width: 650px;width: 650px; }
.portfolio-futures-contracts .col-lots { min-width: 69px; width: 69px; }

.overall-futures-contracts .col-lots { min-width: 67px; width: 67px; }
.overall-futures-contracts .col-price {min-width: 89px; width: 89px;}
.overall-futures-contracts .col-price-holder {min-width: 672px;width: 672px; }
 
.col-priceavg, .h-priceavg { min-width: 90px ; width: 90px}
.col-totalpremium { min-width: 631px ; width: 631px}
.portfolio-option-contract .col-totalpremium {min-width: 101px; width: 101px}
.portfolio-option-contract .col-prem-holder {min-width: 542px; width: 542px;}
.p-col-prem-holder {min-width: 543px; width: 543px;}
.col-settlementpricedisplay, .h-settlementpricedisplay {min-width: 98px ; width: 98px}

.overall-strike-price .col-settlementpricedisplay {min-width: 120px;width: 120px;}
.company-option-contract .col-totalpremium { min-width: 101px; width: 101px}
.company-option-contract .col-prem-holder {min-width: 543px; width: 543px;}
.col-contracttype, .h-contracttype {min-width: 80px; width: 80px}

.col-premiumpaid {min-width: 90px; width: 90px}
.overall-option-contract .col-premiumpaid {min-width: 89px; width: 89px}
.col-totallots, .h-totallots {min-width: 68px; width: 68px}
.portfolio-option-contract .col-lots {min-width: 68px; width: 68px}
.portfolio-option-type .col-settlementprice {min-width: 98px; width: 98px}

.col-currentprice, .h-currentprice { min-width: 82px; width: 82px}
.col-delta {min-width: 47px; width: 47px}
.col-gamma {min-width: 57px; width: 57px}
.col-vega {min-width: 45px; width: 45px}
.col-theta {min-width: 72px; width: 72px}
.col-intrinsicvalue {min-width: 85px; width: 85px}
.col-currentvalue {min-width: 86px; width: 86px}

.overall-option-contract .col-totalpremium {min-width: 120px ; width: 120px; }
.overall-option-contract .col-prem-holder {min-width: 542px; width: 542px;}

.company-companies .col-company {min-width: 1160px; width: 1160px;}

.company-instrument .col-dxl-holder {min-width: 717px; width: 717px;}
.company-instrument .col-totaldeltaxlots {min-width: 81px; width: 81px;}

.overall-instruments .col-dxl-holder, .overall-company .col-dxl-holder {min-width: 735px; width: 735px;}
.overall-instruments .col-totaldeltaxlots, .overall-company .col-totaldeltaxlots {min-width: 81px; width: 81px;}

.company-option-month .col-totaldeltaxlots, .overall-option-month .col-totaldeltaxlots, 
.company-strike-price .col-totaldeltaxlots, .company-strike-price .h-totaldeltaxlots, .company-option-type .col-totaldeltaxlots {min-width: 81px; width: 81px;}

.overall-option-month .col-daysuntilexpire {min-width: 471px; width: 471px;}
.company-option-month .col-daysuntilexpire {min-width: 552px; width: 552px;}

.company-option-contract .col-lots {min-width: 68px; width: 68px}
.overall-option-contract .col-lots {min-width: 69px; width: 69px}

.company-instrument .col-instrument {min-width: 259px; width: 259px;}

/* .company-option-contract .col-contracttypedisplay {min-width: 59px; width: 59px} */

.portfolio-option-month .col-daysuntilexpire, .portfolio-option-month .h-daysuntilexpire { min-width: 604px; width: 604px; }
.portfolio-option-month .col-optionmonth, .portfolio-option-month .h-optionmonth { min-width: 271px; width: 271px; }
.portfolio-option-month .p-col-optionmonth { min-width: 265px; width: 265px; }

/* .h-settlementprice { min-width: 543px; width: 543px} */
 
.col-checkbox, .h-checkbox { width: 25px;min-width: 25px;}

.comp-row-header {min-width: 180px;}
.comp-header {width: 25px;}
.comp-ctr-type { min-width: 40px; width: 40px}
.comp-op-type { min-width: 50px;width: 50px;}

.t-chart-icon { display: inline-block; width: 16px; height: 16px; overflow: hidden; font-size: 0; line-height: 0;
                 text-indent: -3333px; text-align: center; vertical-align: middle; background-image: url('images/line_chart.png'); }

td[class*=col], th[class=t-header] { border-left: #ddd solid 1px !important; border-right: #ddd solid 1px !important}
td.col-empty, th.col-empty { border-left: none !important; border-right: none !important}
td.col-holder {width: 23px;min-width: 23px;max-width: 23px;}
body.print .t-detail-cell {padding-left: 0 !important;}

#tbl-columns { margin: 5px 10px;width: 350px; }
ul.sortable { list-style-type: none;margin-left: -20px; width: 250px}
#tbl-columns li[id] { border-top: 1px dotted #ddd;border-bottom: 1px dotted #ddd;cursor: move;}
.ui-sortable-helper { background-color: #CD853F;color: #fff;}

#configure-columns { margin: 15px 10px;padding: 15px 5px;}
a.manage-portfolio { padding: 3px 5px;}

#NewOptionContractGridPopUp { left: 50%!important; margin-left: -125px!important; }
#NewFuturesContractGridPopUp { left: 50%!important; margin-left: -125px!important; }

.t-DeletePortfolioAjax {background-position: -16px -336px;}
.t-edit-disabled, .t-delete-disabled { border-color: #BBBBBB; color: #999999; }
.t-edit-disabled:hover, .t-delete-disabled:hover { border-color: #BBBBBB!important; color: #999999!important; 
                                                   cursor: default; background-color: #D1D1D1!important; background-position: 0 -560px!important; }

/* .t-edit-disabled .t-edit, .t-delete-disabled .t-delete { background: url(images/edit-disabled.png); } */

.t-chart-icon { display: inline-block; width: 16px; height: 16px; overflow: hidden; font-size: 0; line-height: 0;
                 text-indent: -3333px; text-align: center; vertical-align: middle; background-image: url('images/line_chart.png'); }
.t-icon.t-plus { width: 22px; height: 22px; background-image: url('images/icon-plus.png'); background-position: 0 0; }
.t-icon.t-minus { width: 22px; height: 22px; background-image: url('images/icon-minus.png'); background-position: 0 0; }
.t-icon.t-reopenoptiontrade, .t-icon.t-reopenfuturetrade { width: 22px; height: 22px; background-image: url('images/revert.png'); background-position: 0 0; }

td.print {width: 41px;min-width: 41px;}
span.t-print {background: url(images/print-preview.png) no-repeat;}
span.t-closeOptionContract, span.t-closeFuturesContract {background: url('images/close.png') no-repeat}

#trade-commands {text-align: center;margin-top: 10px;}
#trade-details {margin: 0 auto;width: 350px;}
#trade-details label[for] {vertical-align: top;}
#save-close-date {margin: 0 auto; text-align: center}


/*
	#AC0C0A
	#C0FFEE
*/

/* Reuters */
.rt-status {width: 70px}
.rt-call-time {width: 110px}
.rt-svc-name {width: 200px}
.rt-err-desc {white-space: normal !important;max-width: 400px;overflow: hidden !important;}