/**
 * As previous jquery-ui.css has been modified by ETT developer, 
 * which makes migration harder than it is. 
 * Therefore I would suggest to move the changes to this css file, 
 * which will be applied after the jquery-ui.css being applied. 
 * 
 * Though applying the code here, may not be working, as CSS takes CSS ordering as an important factor
 * on which wins and which not. 
 *
 * This file only applies to main.html page
 */
 
 /* Tabs for iTrade ticket CSS */
.tabs { zoom: 1; height:195px; text-align:left}
.tabs { border:1px solid #aaaaaa; padding:0;overflow-y:hidden}/* bili: header-top space*/
.tabs ul { margin:0; padding:0;}
.tabs li { list-style:none; float:left; padding:0; margin:0px; cursor:pointer; width:192px;}/* bili: header space*/
.tabs li span { float:left; margin-top:8px; font-size:14px; font-weight:bold; text-align:center; height:20px; width:90%} /* bili: header*/
.tabs li.buy { background: #5693bd;color:#FFFFFF; cursor:text;border-top-right-radius:35px;border-top-left-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-left:0;}
.tabs li.sell { background: #DF7C81;color:#FFFFFF;border-top-right-radius:35px;border-top-left-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-left:0;}
.tabs li.algoOrder { background: #b1adad;color:#FFFFFF;border-top-right-radius:35px;border-top-left-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-left:0;}
.tabs li.basicOrder { background: #5693bd;color:#FFFFFF;border-top-right-radius:35px;border-top-left-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-left:0px;}
#bs { display: block; border-width:0; color:#FFFFFF; height:261px;}
#bs.buy { background: #5693bd;}/* bili: content:buy*/
#tabs.tabs { background: #FFFFFF;}
#bs.sell { background: #DF7C81;}/* bili: content:sell*/

/* for iTrade OrderBook, ... tables */
#footer .ui-tabs .ui-tabs-panel {
    padding: 1em 0;
}

/* for backward compatibility as original jquery-ui.css has been modified by one of our collegues
 * to below font-family
 */
.ui-widget { 
    font-family: Arial,helvetica,sans-serif/*{ffDefault}*/
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
    font-family: Arial,helvetica,sans-serif/*{ffDefault}*/
}

/* for backward compatibility */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.cancel-order--buy .ui-dialog-title {
    color: #0000ff;
}

.cancel-order--sell .ui-dialog-title {
    color: #ff0000;
}