/*Reset CSS*/
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, b, u, i, center, dl, 
dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%; /*vertical-align: baseline;*/
}
/*body {
	line-height: 1;
}*/
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:afterbodycss
{
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
/*Reset CSS end*/

body 
{
    scrollbar-3dlight-color:#89B7D8; 
    scrollbar-arrow-color:#000000; 
    scrollbar-base-color:#A4D0DF; 
    scrollbar-darkshadow-color:#89B7D8; 
    scrollbar-face-color:#DBECF0; 
    scrollbar-highlight-color:#DBECF0; 
    scrollbar-shadow-color:#DBECF0;
    scrollbar-track-color:#cccccc;
} 


.bodycss
{
    background : url(https://e-trading.mu/Graphics/Images/bodyBg.jpg) repeat-x;
    background-color: #f7f7f7;
    margin: 0px;
    font-family: Arial;
    font-size: 12px;
}
.masterbodycss
{
    background : url(https://e-trading.mu/Graphics/Images/bodyBg.jpg) repeat-x;
    background-color: #f7f7f7;
    margin: 0px;
    font-family: Arial;
    font-size: 12px;
}
.dropdwn_frm {
    font-size:11px;
}
.txt_box_frm{
    font-size:11px;
}
.num_txtbox_frm {
    font-size:11px;
}
.box
{
    border: #aaaaaa 1px dotted;
}
.normaltext
{
    font-family: Tahoma;
    color: #333;
    font-size: 11px;
    font-weight: normal;
}
.title1
{
    font-family:Calibri, Arial, Verdana;
    color: #ffffff;
    font-size: 17px;
    padding:4px 10px 6px 10px;
    background :url(https://e-trading.mu/Graphics/Images/pageTitleBg2.jpg) repeat-x;
}
.pageTitleBg
{
	background :url(https://e-trading.mu/Graphics/Images/pageTitleBarDefault.jpg) repeat-x;
	height:35px;
	background-repeat:repeat-x;
}
.title2
{
    font-family:Tahoma, Arial, Verdana;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding:5px 0 5px 0;
    /*background-color:#EFF4EC;*/
    text-transform:uppercase;
}
.title3
{
    font-family:Tahoma, Arial, Verdana;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.title4
{
	font-family: Tahoma, Trebuchet MS, Verdana;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	/*background-color: #EFF4EC;*/
	padding:5px;
	text-transform:uppercase;
}
.titlenormal
{
    font-family:Georgia, Arial, Verdana;
    color: #333;
    font-size: 16px;
    font-weight: normal;
}
. login
{
    font-family: Georgia, Times New Roman, Trebuchet MS, Arial, Verdana;
    color: #333333;
    font-size: 20px;
    font-weight: normal;
}
.total
{
    font-family: Arial;
    color: #02508e;
    font-size: 11px;
    font-weight: bold;
}
.subtitle
{
    padding-left: 5px;
    font-family: Arial, Verdana;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    /*background-image: url(https://e-trading.mu/Graphics/Images/subtitlebg.jpg);*/
    background-repeat: repeat-x;
    background-color:#cccccc;
    text-transform:uppercase;
    border:1px dotted #959595;
    letter-spacing:0.3px;
    padding:2px 0 2px 5px;
    
}
.dropdown
{
    border:1px solid #DEA2A0;
    background-color: #F3E9E9;
    font-family: verdana;
    color: #333;
    font-size: 11px;
    height:22px;
    font-weight: normal;
}
.text12
{
    font-family: Tahoma;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    text-align:justify;
}
.textverdava11
{
    font-family:tahoma, Verdana, Arial;
    color: #333;
    font-size: 11px;
    font-weight: bold;
}
.textverdava11 A
{
    color: #333;
    font-weight: normal;
    text-decoration: underline;
}
.textverdava11 A:active
{
    color: #333;
    text-decoration: underline;
}
.textverdava11 A:hover
{
    color: #2d488a;
    text-decoration: underline;
}
.textverdava11 A:link
{
    color: #333;
    text-decoration: underline;
}
.textverdava11 A:visited
{
    color: #333;
    text-decoration: underline;
}
.texttahoma11
{
    font-family: Tahoma;
    color: #333;
    font-size: 11px;
    font-weight: normal;
}
.textwhite11
{
    font-family: arial;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
}
.textbox
{
    border:1px solid #DEA2A0;
    background-color: #F3E9E9;
    padding: 4px;
    font-family:Tahoma, Arial;
    font-size: 11px;
}
.logintextbox
{
    border: 1px solid #999999;
    background-color: #ffffff;
    padding: 3px 2px 2px 2px;
    font-family: Verdana;
    font-size: 11px;
    color:#000000;
    height:20px;
}
.numerictextbox
{
    border: #DEA2A0 1px solid;
    background-color: #F3E9E9;
    margin: 0px;
    padding:4px;
    font-family: verdana;
    font-size: 11px;
    padding-top: 2px;
    height:15px;
    text-align: right;
}
.textbox-error
{
    border-bottom: #666 1px solid;
    border-left: #666 1px solid;
    padding-bottom: 2px;
    background-color: #DFEEF2;
    margin: 0px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: verdana;
    font-size: 11px;
    border-top: #666 1px solid;
    border-right: #666 1px solid;
    padding-top: 2px;
}
.textbox-error
{
    border-bottom: #f00 1px solid;
    border-left: #f00 1px solid;
    border-top: #f00 1px solid;
    border-right: #f00 1px solid;
}
.listbox
{
     background-color:#EBF1E4;
    border:1px solid #C8D8BE;
    padding-bottom: 0px;
    padding-left: 2px;
    width: 100%;
    padding-right: 0px;
    font-family: verdana;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding-top: 2px;
}
.listboxSelector
{
    background-color:#EBF1E4;
    border:1px solid #C8D8BE;
    padding-bottom: 0px;
    padding-left: 2px;
    width: 100%;
    padding-right: 0px;
    font-family: verdana;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding-top: 2px;
}
.textarea
{
    border-bottom: #999 1px solid;
    border-left: #666 2px solid;
    padding-bottom: 0px;
    background-color: #DFEEF2;
    padding-left: 2px;
    padding-right: 0px;
    font-family: verdana;
    color: #333;
    font-size: 11px;
    border-top: #666 2px solid;
    font-weight: normal;
    border-right: #999 1px solid;
    padding-top: 2px;
}
.padding5px
{
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
.GridHeaderTitle
{
    /*background-image: url(https://e-trading.mu/Graphics/Images/subtitlebg.jpg);*/
    /*background-repeat: repeat-x;*/
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    color: #232323;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    border:1px dotted #666666;
    border-collapse:collapse;
    text-transform:uppercase;
    background-color:#C1DC9A;
    text-align:center;
}
.GridHeaderTitle A:link
{
    color: #232323;
    text-decoration: underline;
}
.GridHeaderTitle A:visited
{
    color: #232323;
    text-decoration: underline;
}
.GridHeaderTitle A:hover
{
    color: #458D37;
    text-decoration: underline;
}
.GridHeaderTitle A:active
{
    color: #232323;
    text-decoration: underline;
}
.Gridbuy
{
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 28px;
    color: #056502;
    font-size: 11px;
    font-weight: normal;
    border:1px dotted #999999;
    border-collapse:collapse;
    background-color:White;
}

.GridOrdNotReceived {
    background-color: cyan !important;
}
.GridOrdNotPlaced {
    background-color: orange !important;
}
.GridOrdUnderReview{
    background-color: yellow !important;
}
.Gridsell
{
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 28px;
    color: #d31102;
    font-size: 11px;
    font-weight: normal;
    border:1px dotted #999999;
    border-collapse:collapse;
    background-color:White;
}
.GridItemSelected
{
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 28px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    border:1px dotted #999999;
    border-collapse:collapse;
    background-color:#ece0be;
}
.GridItem
{
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 28px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    border:1px dotted #999999;
    border-collapse:collapse;
    background-color:#ffffff;
}
.GridItemSelected
{
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 28px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    border:1px dotted #999999;
    border-collapse:collapse;
    background-color:#ece0be;
}
.GridItem A:link
{
    color: #333333;
}
.GridItem A:visited
{
    color: #333333;
}
.GridItem A:hover
{
    background-color: #ffffff;
    color: #333333;
}
.GridItem A:active
{
    color: #333333;
}
.GridAltItem
{
    background-color: #f7f2e4;
}
.GridAlternateItem
{
    background-color: #f7f7f7;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 28px;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    border:1px dotted #999999;
    border-collapse:collapse;
 
}
.GridAlternateItem A:link
{
    color: #333333;
}
.GridAlternateItem A:visited
{
    color: #333333;
}
.GridAlternateItem A:hover
{
    background-color: #f3f3f3;
    color: #333333;
}
.GridAlternateItem A:active
{
    color: #333333;
}
.GridSelectedItem
{
    background-color: #e8d4d4;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 28px;
    color: #232323;
    font-size: 11px;
    font-weight: normal;
    border:1px dotted #999999;
    border-collapse:collapse;
}
.GridBound
{
    border:1px dotted #aaaaaa;
    border-collapse:collapse;
}

.GridLink A:link
{
    font-family: arial, sans-serif, verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.GridLink A:visited
{
    color: #333333;
    text-decoration: underline;
}
.GridLink A:hover
{
    color: #cc3300;
    text-decoration: underline;
}
.GridLink A:active
{
    color: #333333;
    text-decoration: none;
}
.GridPadding
{
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    /*color:#333;*/
    border : 1px dotted #999;
}
.GridPadding a
{
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    color:#333;
}
.grid-row-selected
{
    background-color: #ece0be;
}
.ErrorBox
{
    border-bottom: #666666 1px solid;
    border-left: #666666 1px solid;
    background-color: #ffffff;
    border-top: #666666 1px solid;
    border-right: #666666 1px solid;
}

.label
{
    background-color: #ffffff;
    font-family:tahoma, Arial;
    height: 25px;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding:0 5px 0 5px;
    border-collapse:collapse;
    text-align:right;
    border:1px dotted #cccccc;
}
.labelAlt
{
    padding-bottom: 0px;
    background-color: #ffe4b5;
    padding-left: 5px;
    padding-right: 3px;
    font-family: Arial;
    height: 22px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding-top: 0px;
}
.labelDescription
{
    border-collapse:collapse;
    background-color: #ffffff;
    font-family: Tahoma, Arial;
    height: 30px;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    border:1px dotted #cccccc;
    padding-left:5px;
    padding-right:5px;
    border-collapse:collapse;
}
.normallink
{
    font-family:Arial;
    color: #000000;
    cursor: hand;
    font-size:11px;
    text-decoration: underline;
}
.normallink A
{
    color: #000000;
    text-decoration: underline;
}
.normallink A:active
{
    color: #000000;
    text-decoration: underline;
}
.normallink A:hover
{
    color: #458D37;
    text-decoration: underline;
}
.normallink A:link
{
    color: #000000;
    text-decoration: underline;
}
.normallink A:visited
{
    color: #000000;
    text-decoration: underline;
}
.link
{
    color: #333;
    font-size: 11px;
}
.link A
{
    color: #333;
}
.link A:active
{
    color: #333;
}
.link A:hover
{
    color: navy;
    text-decoration: underline;
}
.link A:link
{
    color: #333;
}
.link A:visited
{
    color: #333;
}

.link9
{
    font-family:Verdana;
    color: #666;
    font-size: 9px;
    text-decoration:none;
}
.link9 a
{
    font-family:Verdana;
    color: #666;
    font-size: 9px;
    text-decoration:none;
}
.link9 a:link
{
    font-family:Verdana;
    color: #666;
    font-size: 9px;
    text-decoration:none;
}
.link9 a:active
{
    font-family:Verdana;
    color: #666;
    font-size: 9px;
    text-decoration:none;
}
.link9 a:hover
{
    font-family:Verdana;
    color: #333333;
    font-size: 9px;
    text-decoration:underline;
}
.link9 a:visited
{
    font-family:Verdana;
    color: #666;
    font-size: 9px;
    text-decoration:none;
}

.link12
{
    font-family:Tahoma, Arial;
    color: #333;
    font-size: 12px;
}
.link12 A
{
    color: #333;
}
.link12 A:active
{
    color: #333;
}
.link12 A:hover
{
    color: #D34805;
    text-decoration: underline;
}
.link12 A:link
{
    color: #333;
}
.link12 A:visited
{
    color: #333;
}

.linkGreen12
{
    font-family:Arial;
    color: #458d37;
    font-size: 12px;
}
.linkGreen12 A
{
    color: #458d37;
}
.linkGreen12 A:active
{
    color: #458d37;
}
.linkGreen12 A:hover
{
    color: #333333;
    text-decoration: underline;
}
.linkGreen12 A:link
{
    color: #458d37;
}
.linkGreen12 A:visited
{
    color: #458d37;
}

.bluelink
{
    color: #025191;
}
.bluelink A
{
    color: #025191;
}
.bluelink A:active
{
    color: #025191;
}
.bluelink A:hover
{
    color: #333;
}
.bluelink A:link
{
    color: #025191;
}
.bluelink A:visited
{
    color: #025191;
}


.header
{
    font-family: Arial;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

.headertext
{
    font-family: Tahoma;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}
.pager
{
    padding:5px 0 2px 0;
    font-family:tahoma, Arial;
    color: #333333;
    font-size: 11px;
    cursor: hand;
    margin:8px 0 0 0;
    text-decoration: none;
    background-color:#DFEEF2;
}
.pager a
{
    font-family:tahoma, Arial;
    color: #333333;
    font-size: 11px;
    cursor: hand;
    text-decoration: none;
    border:1px solid #cccccc;
    margin:2px;
    display:block;
    position:static;
    padding:2px 5px 2px 5px;
    background-color:#ffffff;
}
.pager a:link
{
    padding:2px 5px 2px 5px;
    font-family:tahoma, Arial;
    color: #333333;
    font-size: 11px;
    cursor: hand;
    margin:2px;
    text-decoration: none;
    border:1px solid #cccccc;
    background-color:#ffffff;
}
.pager a:active
{
    padding:2px 5px 2px 5px;
    font-family:tahoma, Arial;
    color: #333333;
    font-size: 11px;
    cursor: hand;
    margin:2px;
    text-decoration: none;
    border:1px solid #cccccc;
    background-color:#ffffff;
}
.pager a:hover
{
    padding:2px 5px 2px 5px;
    font-family:tahoma, Arial;
    color: #333333;
    font-size: 11px;
    cursor: hand;
    margin:2px;
    text-decoration: none;
    border:1px solid #cccccc;
    background-color:#EAF2D9;
}
.pager a:visited
{
    padding:2px 5px 2px 5px;
    font-family:tahoma, Arial;
    font-size: 11px;
    color: #333333;
    cursor: hand;
    margin:2px;
    text-decoration: none;
    border:1px solid #cccccc;
    background-color:#ffffff;
    
}
.PagerPageSelected
{
    padding:2px 5px 2px 5px;
    color: #fff;
    margin:2px;
    font-weight: bold;
    background-color: #458D37;
    border:1px solid #366C2B;
    vertical-align:top;
}
.error
{
    color: #cc3300;
    font-weight: bold;
}
.info
{
    color: green;
}
.LRPadding5px
{
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
}
.shadetabs
{
    text-align: left;
    padding-bottom: 3px;
    list-style-type: none;
    margin-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
    font: bold 12px arial;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 3px;
}
.shadetabs LI
{
    margin: 0px;
    display: inline;
}
.shadetabs LI A
{
    z-index: 1;
    /*border-bottom: #ccc 1px solid;*/
    position: relative;
    border-left: #ccc 1px solid;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    /*background: url(https://e-trading.mu/css/shade.gif) white repeat-x left top;*/
    background-color:#5F5F5F;
    color: #ffffff;
    border-top: #ccc 1px solid;
    margin-right: 3px;
    border-right: #ccc 1px solid;
    text-decoration: none;
    padding-top: 3px;
}
.shadetabs LI A:visited
{
    color: #333;
}
.shadetabs LI A:hover
{
    /*background-image: url(https://e-trading.mu/Graphics/Images/shadeactive.gif);*/
    background-color:#ffffff;
    color:#5F5F5F;
    background-repeat: repeat-x;
    /*color: #333;*/
    text-decoration: none;
    border:1px dotted #ccc;
    border-bottom:0px;
}
.shadetabs LI A.selected
{
    position: relative;
    top: 1px;
}
.shadetabs LI A.selected
{
    /*background-image: url(https://e-trading.mu/Graphics/Images/shadeactive.gif);*/
    background-color:#ffffff;
    color:#5F5F5F;
    border-bottom-color: white;
    background-repeat: repeat-x;
    border:1px dotted #ccc;
    border-bottom:0px;
}
.shadetabs LI A.selected:hover
{
    text-decoration: none;
    border:1px dotted #ccc;
    border-bottom:0px;
}
.tabcontent
{
    display: none;
}
.tabcontent
{
    display: block !important;
}
.completionList
{
    border-bottom: buttonshadow 1px solid;
    text-align: left;
    border-left: buttonshadow 1px solid;
    background-color: #ffffff;
    list-style-type: none;
    margin: 0px;
    visibility: hidden;
    color: #000000;
    overflow: auto;
    border-top: buttonshadow 1px solid;
    cursor: default;
    border-right: buttonshadow 1px solid;
}
.completionListItem
{
    cursor: default;
}
.completionListSelectedItem
{
    background-color: #add8e6;
    cursor: default;
}
.listSearchPrompt
{
    border-bottom: buttonshadow 1px solid;
    border-left: buttonshadow 1px solid;
    background-color: #ffcccc;
    height: 14px;
    color: #000000;
    border-top: buttonshadow 1px solid;
    border-right: buttonshadow 1px solid;
}
.sortedcolumncaption
{
    color: #232323;
}
.sortedcolumncaption A:link
{
    color: #232323;
}
.sortedcolumncaption A:visited
{
    color: #ffcc00;
}
.sortedcolumncaption A:hover
{
    color: #458D37;
}
.sortedcolumncaption A:active
{
    color: #232323;
}
.tooltipmsg
{
    z-index: 100;
    /*background-color: #ffffe1;*/
    font-family: Verdana;
    font-size: 12px;
    background: url(https://e-trading.mu/Graphics/Images/tooltipBg.gif) #ffffff;
}
.modelpopupbackground
{
    filter: alpha(opacity=70);
    background: url(https://e-trading.mu/Graphics/Images/modalBG.png) #808080;
    opacity: 0.7;
}
.updateprogress
{
    padding-bottom: 3px;
    background-color: #cc3300;
    padding-left: 3px;
    padding-right: 3px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 3px;
}
.totalbg
{
    background-color: #f5d0b1;
}
.diffValue
{
    background-color: #ce3000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    /*padding:2px;*/
    text-transform:uppercase;
}
.repBorderStyle1
{
    border-bottom: #666666 1px solid;
    border-left: #666666 1px solid;
    border-top: #666666 1px solid;
    border-right: #666666 1px solid;
}
.repBorderStyle2
{
    border-bottom: #666666 1px solid;
    border-top: #666666 1px solid;
    border-right: #666666 1px solid;
}
.repBorderStyle3
{
    border-bottom: #666666 1px solid;
    border-right: #666666 1px solid;
}
.repBorderStyle4
{
    border-bottom: #666666 1px solid;
    border-left: #666666 1px solid;
    border-right: #666666 1px solid;
}



.norecords
{
    text-align: center;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    color: maroon;
    font-weight: bold;
    padding-top: 5px;
}

.popup
{
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    background: #fff;
    border-top: #ccc 1px solid;
    border-right: #ccc 1px solid;
}
.popup-header
{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: url(https://e-trading.mu/Graphics/Images/shadeactive.gif) repeat-x;
    font-weight: bold;
    padding-top: 10px;
}
.popup-content
{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.popup-footer
{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
H2
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-family: 'Arial Narrow' , 'Arial';
    color: #333;
    font-size: 22px;
    font-weight: normal;
    padding-top: 0px;
}
.loader
{
    background: maroon;
    color: white;
    font-weight: bold;
}
.grid-row
{
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding-top: 0px;
}
.grid-row-error
{
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding-top: 0px;
}
.grid-row-warning
{
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding-top: 0px;
}
.grid-row-highlight
{
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding-top: 0px;
}
.grid-row-error
{
    background-color: #ffd9d9;
}
.grid-row-warning
{
    background-color: #d8e386;
}
.grid-row-highlight
{
    background-color: #fed889;
}
.containerBox
{
    border-bottom: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    padding-bottom: 3px;
    background-color: #f4f4f4;
    padding-left: 3px;
    padding-right: 3px;
    border-top: lightgrey 1px solid;
    border-right: lightgrey 1px solid;
    padding-top: 3px;
}
.popup-row-highlight
{
    background-color: #e5997f;
    padding-left: 3px;
    padding-right: 3px;
    font-family: Arial, Helvetica, sans-serif;
    height: 19px;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
}
.mainBox
{
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    /*padding-bottom: 7px;
    background: url(https://e-trading.mu/Graphics/Images/gridshadow.jpg) repeat-x 50% bottom;*/
}

.mainInsideBox
{
    /*border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    padding-bottom: 5px;
    background: url(https://e-trading.mu/Graphics/Images/gridshadow.jpg) repeat-x 50% bottom;
    border-bottom:3px solid #C5CED8;*/
}
.homeInfoBoxHeader
{
    font-family:Tahoma, Trebuchet MS, Verdana, Arial;
    font-size:11px;
    font-weight:bold;
    color:#000000;
    padding:0 0 0 0;
    /*background-color:#ECF2F4;*/
    background-color:#D7EDF4;
    text-transform:uppercase;
    height:25px;
    border-bottom:2px dotted #cccccc;
}
.homeInfoBoxHeader2
{
    font-family:Tahoma, Trebuchet MS, Verdana, Arial;
    font-size:11px;
    font-weight:bold;
    color:#000000;
    padding:0 0 0 10px;
    background-color:#F7E1DD;
    text-transform:uppercase;
    height:25px;
    border-bottom:2px dotted #cccccc;
}
.homeInfoBoxHeader3
{
    font-family:Tahoma, Trebuchet MS, Verdana, Arial;
    font-size:11px;
    font-weight:bold;
    color:#000000;
    padding:0 0 0 5px;
    background-color:#C1DC9A;
    text-transform:uppercase;
    height:25px;
    /*border-bottom:2px dotted #cccccc;*/
}
.homeInfoBulletBg
{
   background-color:#E9E6D1;
}
    
/*tab css by yogesh*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(https://e-trading.mu/Graphics/Images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    font-family:arial, Times, Garamond;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #333;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    color:#333333;
    background-position: 100% -100px;
}

.tabs-nav a span {
    width: 85px; /* IE 6 treats width as min-width */
    min-width: 85px;
    height: 280px; /* IE 6 treats height as min-height */
    min-height: 23px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .8;
}
.tabs-container {
    background: #ffffff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(https://e-trading.mu/css/loading.gif) no-repeat 0 50%;
}

UL.tabs
{
    border-left: #ccc 0px solid;
    padding-bottom: 5px;
    list-style-type: none;
    margin: 0px 0px 10px;
    padding-left: 0;
    padding-right: 0px;
    border-top: #ccc 0px solid;
    border-right: #ccc 0px solid;
    padding-top: 0px;
}
UL.tabs LI
{
    display: inline;
}
UL.tabs LI A
{
	color: #666666;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
    background-color:#cccccc;
    border-left:1px dotted #75B9CC;
    border-top:1px dotted #75B9CC;
    border-right:1px dotted #75B9CC;
}
UL.tabs LI A.selected
{
    border-left: #1px dotted #75B9CC;
    background-color:#DFEEF2;
    /*background: url(https://e-trading.mu/Graphics/Images/shadeactive.gif) repeat-x;*/
    border-top: 1px dotted #75B9CC;
    border-right: 1px dotted #75B9CC;
    color: #333333;
}


/*tab css end*/

.report
{
	font-family: Trebuchet MS; 
	font-size: 12px;
}

.column{
	width:49%;
	margin-right:.5%;
	min-height:300px;
	background:#fff;
	float:left;
}
.column .dragbox{
	margin:5px 2px 20px;
	background:#F3EAE2;
	position:relative;
	border:1px solid #bd6e2a;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.column .dragbox h2{
	margin:0;
	font-size:12px;
	padding:5px;
	background:#F3EAE2;
	color:#000;
	font-family:Verdana;
	cursor:move;
}
.dragbox-content{
	background:#EFF4ED;
	min-height:120px; 
	font-family:'Lucida Grande', Verdana; font-size:11px; line-height:1.5em;
	color:#ffffff;
}
.column  .placeholder{
	background: #cccccc;
	border:2px dashed #333333;
}

.dragbox h2 .configure{
	font-size:11px; font-weight:normal;
	margin-right:30px; float:right;
}

/*yogesh for report*/
.descriptionBlue15
{
    font-family: Tahoma, Trebuchet MS, Times, Garamond;
    font-size: 15px;
    font-weight: normal;
    color:#4F82BE;
}
.description11
{
    font-family: Tahoma, Trebuchet MS, Times, Garamond;
    font-size: 11px;
    font-weight: normal;
    color:#000000;
}
.description11Blue
{
    font-family: Tahoma, Trebuchet MS, Times, Garamond;
    font-size: 11px;
    font-weight: normal;
    color:#4F82BE;
}
.description11Bold
{
    font-family: Tahoma, Trebuchet MS, Times, Garamond;
    font-size: 11px;
    font-weight: bold;
    color:#000000;
}
.title20
{
    font-family: Tahoma, Trebuchet MS, Times, Garamond;
    font-size: 20px;
    font-weight: bold;
    color:#000000;    
}
.title16
{
    font-family: Tahoma, Trebuchet MS, Times, Garamond;
    font-size: 14px;
    font-weight: bold;
    color:#000000;
}
.title18
{
    font-family: Tahoma, Trebuchet MS, Times, Garamond;
    font-size: 18px;
    font-weight: bold;
    color:#000000;
    padding-bottom:5px;
}
.titlelogin
{
    font-family: Georgia, Arial, Trebuchet MS, Times, Garamond;
    font-size: 18px;
    font-weight: normal;
    color:#343434;
}
.dividerSingle
{
    background-color:#cccccc;
    height:1px;
}
.sectionDivider
{
    background-color:#cccccc;
    height:3px;
}
.padding5
{
    padding:0 5px 0 5px;
}
.paddingLeft
{
    padding-left:10px;
}
.greenBg
{
    background-color:#3D913B;
    font-family:Tahoma, Arial, Trebuchet MS, Times, Garamond;
    font-size: 11px;
    font-weight: bold;
    color:#f1f1f1;
}

.panelBg
{
    background-color:#efefef;
}
.homeSectionDivider
{
    border-bottom:3px solid #C5CED8;
}
.homeSectionDivider2
{
    border-bottom:3px solid #ECCECE;
}

/* MultiColumn Menu  Start*/



.mainTopMenu
{
    z-index:9999;
    color:#ffffff;
    font-size:16px;
    text-decoration:none;
    font-family: Calibri, Arial, Trebuchet MS;
    font-weight:normal;
    height:43px;
    border-right:1px solid #414141;
}
.mainTopMenu a:link
    {
        text-decoration:none;
        border-right:1px solid #414141;
    }
    .mainTopMenu a:active
    {
        text-decoration:none;
    }
    .mainTopMenu a:hover
    {
        text-decoration:none;
        color:#ffffff;
    }
    .mainTopMenu a:visited
    {
        text-decoration:none;
    }
    
.mainTopMenuOver
{
    z-index:5555;
    color:#74ab71;
    font-size:16px;
    text-decoration:none;
    font-family: Calibri, Arial, Trebuchet MS;
    font-weight:normal;
    background-color:#ffffff;
    border-right:1px solid #414141;
}
.mainTopMenuOver a:link
    {
        text-decoration:none;
    }
    .mainTopMenuOver a:active
    {
        text-decoration:none;
    }
    .mainTopMenuOver a:hover
    {
        text-decoration:none;
        color:#ffffff;
    }
    .mainTopMenuOver a:visited
    {
        text-decoration:none;
    }
 
 
.menuLevel1
{
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
    background-color:#cc3300;
    font-family: Arial, Verdana;
    font-weight:bold;
    padding:3px 10px 3px 5px;
}
.menuLevel1 a
{
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
    background-color:#cc3300;
    font-family: Arial, Verdana;
    font-weight:bold;
    padding:3px 10px 3px 5px;
}
.menuLevel1 a:link
    {
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
    background-color:#cc3300;
    font-family: Arial, Verdana;
    font-weight:bold;
    padding:3px 10px 3px 5px;
    text-decoration:none;
    }
    .menuLevel1 a:active
    {
        color:#ffffff;
		font-size:12px;
		text-decoration:none;
		background-color:#cc3300;
		font-family: Arial, Verdana;
		font-weight:bold;
		padding:3px 10px 3px 5px;
		text-decoration:none;
    }
    .menuLevel1 a:hover
    {
		color:#E6C664;
		font-size:12px;
		text-decoration:none;
		background-color:#cc3300;
		font-family: Arial, Verdana;
		font-weight:bold;
		padding:3px 10px 3px 5px;
		text-decoration:none;
    }
    .menuLevel1 a:visited
    {
        color:#ffffff;
		font-size:12px;
		text-decoration:none;
		background-color:#cc3300;
		font-family: Arial, Verdana;
		font-weight:bold;
		padding:3px 10px 3px 5px;
		text-decoration:none;
    }
.menuLevel2
{
    color:#333333;
    font-size:11px;
    font-weight:bold;
    font-family: Tahoma, Arial, Verdana;
    text-decoration:none;
    line-height:20px;
}
.menuLevel2 a
{
    color:#333333;
    font-size:11px;
    font-weight:bold;
    font-family: Tahoma, Arial, Verdana;
    text-decoration:none;
    line-height:20px;
}
.menuLevel2 a:link
    {
        color:#333333;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:10px 0 10px 0;
        text-decoration:none;
    }
    .menuLevel2 a:active
    {
        color:#333333;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:10px 0 10px 0;
        text-decoration:none;
    }
    .menuLevel2 a:hover
    {
		color:#458D37;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:10px 0 10px 0;
        text-decoration:none;
       
    }
    
.menuLevel3
{
    color:#333333;
    font-size:11px;
    font-family: Tahoma, Arial, Verdana;
    text-decoration:none;
    padding:0 0 0 0;
    line-height:20px;
    font-weight:normal;
}
.menuLevel3 a
{
    color:#333333;
    font-size:11px;
    font-family: Tahoma, Arial, Verdana;
    text-decoration:none;
    padding:0 0 0 0;
    line-height:20px;
    font-weight:normal;
}
.menuLevel3 a:link
    {
        color:#333333;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:0 0 0 0;
        text-decoration:none;
    }
    .menuLevel3 a:active
    {
        color:#333333;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:0 0 0 0;
        text-decoration:none;
    }
    .menuLevel3 a:hover
    {
        color:#458D37;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:0 0 0 0;
        text-decoration:none;
    }
    
.menuLevel4
{
    color:#37588E;
    font-size:11px;
    font-family: Tahoma, Arial, Verdana;
    text-decoration:none;
    padding:0 0 0 0;
    line-height:20px;
    font-weight:normal;
}
.menuLevel4 a
{
    color:#37588E;
    font-size:11px;
    font-family: Tahoma, Arial, Verdana;
    text-decoration:none;
    padding:0 0 0 0;
    line-height:20px;
    font-weight:normal;
}
.menuLevel4 a:active
    {
         color:#37588E;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:0 0 0 0;
        text-decoration:none;
        font-weight:normal;
    }
.menuLevel4 a:link
    {
        color:#37588E;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:0 0 0 0;
        text-decoration:none;
        font-weight:normal;
    }
    
    .menuLevel4 a:hover
    {
		color:#458D37;
        font-size:11px;
        font-family: Tahoma, Arial, Verdana;
        text-decoration:none;
        padding:0 0 0 0;
        text-decoration:none;
        font-weight:normal;
        
    }

.menuBottom
{	 
	 border-top: 2px solid #C5CED8; 
	 height:40px;
}

.mainDiv
{   
    background-color: #ffffff; 
    border-bottom:2px solid #666;
    border-right:2px solid #999;
    border-left:1px solid #ccc;
    position: absolute;
    z-index:99999999;
    padding:5px;
}

.tdbgColor
{
	background: url(https://e-trading.mu/Graphics/Images/menuOnBg.jpg) repeat-x;
	border:1px solid #e1e1e1;
}

.tdbgWhite
{
	background-color:White;
	border:1px solid #e1e1e1;
}
    /* MultiColumn Menu  End*/
.layoutBorder
{
	border:2px dotted #666666;
	border-collapse:collapse;
	color:#333333;
	background-color:#ffffff;
    font-size:11px;
    font-family: Tahoma, Arial, Verdana;
    text-align:center;
}
.lastUpdateBg
{
	background-color:#f8f8f8;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	padding:5px;
}   
.layoutSection
{
	border:1px solid #cccccc;
	background-color:#efefef;
	padding:5px;
}    
.layoutSectionData
{
	border:1px dotted #999999;
	background-color:#ffffff;
}    

#message_box { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 10; 
	font-weight:bold; 
	height:235px;
	float:right;
	margin-left:97.5%;
}

.temptitle1
{
	background-color:#5F5F5F;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	border-top:1px dotted #000000;
	border-left:1px dotted #000000;
	border-right:1px dotted #000000;
	display:inline-block;
	padding:3px;
	letter-spacing:0.5px;
	text-transform:uppercase;
}
.tempSubtitle
{
	background-color:#4E97BA;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	border-top:1px dotted #346A85;
	border-left:1px dotted #346A85;
	border-right:1px dotted #346A85;
	display:inline-block;
	padding:3px;
	letter-spacing:0.5px;
	text-transform:uppercase;
}
.tempSubheadtitle
{
	background-color:#666666;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	border-top:1px dotted #999999;
	border-left:1px dotted #999999;
	border-right:1px dotted #999999;
	display:inline-block;
	padding:3px;
	letter-spacing:0.5px;
	text-transform:uppercase;
}
.sectionBox
{
	padding: 5px; 
	border: 1px dotted #75B9CC; 
	border-bottom: 2px solid #818181;
    background-color: #DFEEF2;
}
.sectionBg_1
{
	background-color: #ffffff;
	border:1px dotted #999;
}
.sectionBg
{
	background-color: #DFEEF2;
}
.subSectionBox
{
	padding: 5px; 
	border: 1px dotted #70B4C5; 
	border-bottom: 2px solid #70B4C5;
    background-color: #F1F8FA;
}

/*For Help Slieds*/

#slideshow {
	margin:0;
	width:660px;
	height:325px;
	background:transparent url(https://e-trading.mu/css/bg-slideshow.jpg) no-repeat 0 0;
	position:relative;
	padding:0px 30px 0 30px;
}

#slideshow #slidesContainer {
  	margin:0 auto;
  	width:660px;
  	height:325px;
  	overflow:auto; /* allow scrollbar */
  	position:relative;
}

#slideshow #slidesContainer .slide {
  	margin:0 auto;
  	width:660px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  	height:325px;
}

/**
 * Slideshow controls style
 */
.control {
  	display:block;
  	width:26px;
  	height:53px;
  	text-indent:-10000px;
  	position:absolute;
  	cursor: pointer;
  	z-index:999;
  	vertical-align:middle;
  	margin-top:120px;
}
#leftControl {
  	top:0;
  	left:0;
  	background:transparent url(https://e-trading.mu/Graphics/Images/slideLeft.gif) no-repeat 0 0;
}
#rightControl {
  	top:0;
  	right:0;
  	background:transparent url(https://e-trading.mu/Graphics/Images/slideRight.gif) no-repeat 0 0;
}

/**
 * Style rules for this Demo
 */


.slide {
	text-align:left;
  	font-family:Arial, Geneva, sans-serif;
  	color:#333333;
  	font-size:12px;
  	padding:0 0 0 0;
}


/*For News*/
#newsticker-demo { 
	width:240px; 
	background:#EAF4F5; 
	font-family:Verdana,Arial,Sans-Serif;
	font-size:10px;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 1px solid #666666; }

#newsticker-demo .title {
	font-family:Tahoma, Verdana, Arial;
	color:#ffffff;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 5px;
	text-transform:uppercase;
	background-color:#666666;
	width:240px;
}

.newsticker-jcarousellite { width:240px;position:absolute;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding:0 5px 5px 5px; margin-bottom:5px; float:left }
.newsticker-jcarousellite .thumbnail { float:left; width:40px; padding-right:15px }
.newsticker-jcarousellite .info { float:right; font-family: Verdana,Arial,Sans-Serif; color:#333333; float:right; width:100%; text-decoration:none }
.newsticker-jcarousellite .info a { font-family: Verdana,Arial,Sans-Serif; color:#333333; float:right; width:100%; text-decoration:none }
.newsticker-jcarousellite .info a:hover{ font-family: Verdana,Arial,Sans-Serif; color:#3D913B; float:right; width:100%; text-decoration:underline }
.newsticker-jcarousellite .info a:active{ font-family: Verdana,Arial,Sans-Serif; color:#333333; float:right; width:100%; text-decoration:none}
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#333333 }
.clear { clear: both; }


.timeDelay
{
	font-family: Verdana,Arial,Sans-Serif; color:#3D913B; float:right; width:100%; text-decoration:none;
}

.newsAll
{
	background-color:#EAF4F5;
	border-bottom: 1px solid #cccccc;
	padding:10px; 
}

/*For theme div*/
.panel {
position: absolute;
top: 74px; right: 2%;
height:180px;
display: none;
background: #333333;
border-left:2px solid #7E92AA;
border-right:2px solid #7E92AA;
border-bottom:2px solid #7E92AA;
height: auto;
filter: alpha(opacity=96);
opacity: .96;
color:#999999;
font-weight:normal;
font-size:10px;
font-family:Verdana;
z-index:99;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
background:url(https://e-trading.mu/Graphics/Buttons/selectTheme.gif) no-repeat;
border: 0;
}

a.trigger:hover{
background:url(https://e-trading.mu/Graphics/Buttons/selectTheme.gif) no-repeat;

}

a.active.trigger {
background:url(https://e-trading.mu/Graphics/Buttons/selectThemeSelected.gif) no-repeat;
}
/*^ for div theme^*/

.btnNormal
{
background-color:#ffffff;
color:#cc3300;
padding: 6px 6px 8px 6px;

}
	
.btnHover
{
background-color:#F7E1DD;	
color:#333333;
padding: 6px 6px 8px 6px;

}
.iconBg
{
	background-color:#EDF7FA;
	height:25px;
	padding:0 5px 0 5px;
}

/*CSS button*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('https://e-trading.mu/Graphics/Buttons/buttonDefaultRight.gif') no-repeat scroll top right;
    color: #333333;
    display: block;
    float: left;
    font: bold 11px tahoma, arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('https://e-trading.mu/Graphics/Buttons/buttonDefault.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
.footerBg
 {
 	background-image: url(https://e-trading.mu/Graphics/Images/footerBg.gif); 
	background-repeat: repeat-x;
	height: 47px;
}
.logoMilesBg
{
	background-image:url(https://e-trading.mu/Graphics/Images/footerMIles.gif);
	padding:6px 15px 14px 15px;
	background-repeat:no-repeat;
}
.contentPlaceHolder
{
	padding: 15px 10px 10px 10px; 
	border-right: 2px solid #cccccc; 
	background-color: #ffffff;
	height: 350px 
}
.homePnlBg
{
	background-color:#ffffff;
}
.chartBg
{
	background-color:#ffffff;
}
.subMenuDivider
{
	border-collapse:collapse;
	border:1px solid #e1e1e1;
}
.news_Box
{
	/*border-left: dotted 1px #915C30; 
	border-right: dotted 1px #915C30; 
	border-top: dotted 1px #915C30; */	
	border:1px dotted #75B9CC;
	border-bottom: 2px solid #818181;
    background-color: #252525;
    padding:5px;
    color:#ffffff;	
}
.newsBox
{
	border-left: solid 1px #cccccc; 
	border-right: solid 1px #cccccc; 
	border-bottom: solid 2px #999999;
    background-color: #ffffff	
}
.newsDivider
{
	 border-top: 1px solid #cccccc; 
}
.altSection
{
	background-color:#F5F8ED;
}
.topMenuBorder
{
	border-left:2px solid #414141; 
	border-right:1px solid #414141;
}
.more
{
	background-color:#999999;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
}
.loginBg1
{
	background-color:#ffffff;
	border:1px dotted #666666;
}
.loginBg2
{
	background-color:#DFEEF2;
	border:1px dotted #666666;
}
.loginfooter
{
	background-color:#ffffff;
	padding: 10px; 
	border-right: 1px solid #cccccc; 
	border-top: 1px solid #cccccc;
}
.tabBg
{
	background-color:#ffffff;
	border: 1px dotted #cccccc;
}
.commonBg
{
	background-color:#ffffff;
}

/*Added by yogesh 120811 for reports*/

.reportHeaderTitle
{
  
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-family:tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border:1px solid #333333;
    border-collapse:collapse;
    background-color:#cccccc;
}
.reportHeaderTitle A:link
{
    color: #000000;
    text-decoration: underline;
}
.reportHeaderTitle A:visited
{
    color: #000000;
    text-decoration: underline;
}
.reportHeaderTitle A:hover
{
    color: #000000;
    text-decoration: underline;
}
.reportHeaderTitle A:active
{
    color: #000000;
    text-decoration: underline;
}
.reportGridItem
{
    padding-left: 5px;
    padding-right: 5px;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    height: 24px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    border:1px solid #333333;
    border-collapse:collapse;
    background-color:#ffffff;
}

.reportGridItem A:link
{
    color: #000000;
}
.reportGridItem A:visited
{
    color: #000000;
}
.reportGridItem A:hover
{
    background-color: #ffffff;
    color: #000000;
}
.reportGridItem A:active
{
    color: #000000;
}

.reportGridAlternateItem
{
    background-color: #f7f7f7;
    padding-left: 5px;
    padding-right: 5px;
    font-family:tahoma,  Arial, Helvetica, sans-serif;
    height: 28px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    border:1px solid #333333;
    border-collapse:collapse;
 
}
.reportGridAlternateItem A:link
{
    height: 22px;
    color: #000000;
}
.reportGridAlternateItem A:visited
{
    color: #000000;
}
.reportGridAlternateItem A:hover
{
    background-color: #f3f3f3;
    color: #000000;
}
.reportGridAlternateItem A:active
{
    color: #000000;
}
.reportGridLink A:link
{
    font-family:tahoma,  arial, sans-serif, verdana;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.reportGridLink A:visited
{
    color: #000000;
    text-decoration: underline;
}
.reportGridLink A:hover
{
    color: #000000;
    text-decoration: underline;
}
.reportGridLink A:active
{
    color: #000000;
    text-decoration: none;
}
.reportGridItemSelected
{
    padding-left: 5px;
    padding-right: 5px;
    font-family:tahoma,  Arial, Helvetica, sans-serif;
    height: 28px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    border:1px solid #333333;
    border-collapse:collapse;
    background-color:#cccccc;
}
.reportGridChildItem
{
    padding-left: 5px;
    padding-right: 5px;
    font-family:tahoma,  Arial, Helvetica, sans-serif;
    height: 28px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    border-bottom:1px solid #333333;
    border-right:1px solid #333333;
    border-collapse:collapse;
    background-color:#ffffff;
}
.header_bg
{
    background-color:#dfeef2;
    font-family:tahoma, Arial;
    height: 25px;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding:0 5px 0 5px;
    border-collapse:collapse;
    text-align:right;
    border:1px dotted #cccccc;
}
tr.trClass td
{
    background-color:#e8d4d4;
    color: #232323;
}
.popupBoxHeader
{
    font-family:Tahoma, Trebuchet MS, Verdana, Arial;
    font-size:11px;
    font-weight:bold;
    color: #1e1e1e;  

    padding-left: 5px;
    padding-right: 5px;
    background-color:#e5997f;
    border-color: #e5997f;
    text-transform:uppercase;
    height:25px;
    border-bottom:2px dotted #cccccc;
}
.popupGridHeaderTitle
{
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-family:tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border:1px solid #333333;
   
    border-collapse:collapse;
    background-color:#f5d6cc;
   /* border-left:#e5997f;
    border-right:#e5997f;*/
}
.popupTitleRowFontColor
{
    font-family:Tahoma, Trebuchet MS, Verdana, Arial;
    font-size:11px;
    font-weight:bold;
    color: #1e1e1e;
    padding:0 0 0 0;
    background-color: #1e1e1e;
    border-color: #e5997f;
    text-transform:uppercase;
    height:25px;
    border-bottom:2px dotted #cccccc;
   
}
.popupBoxNoRecords
{
    font-family:Tahoma, Trebuchet MS, Verdana, Arial;
    font-size:11px;
    font-weight:bold;
    color: #1e1e1e;  

    padding-left: 5px;
    padding-right: 5px;
    /*background-color:#e5997f;*/
    border-color: #e5997f;
    text-transform:uppercase;
    height:25px;
    border-bottom:2px dotted #cccccc;
}

/* EOD Screen - Start */

.eodBoxHeader
{
    background-image: url(https://e-trading.mu/Graphics/Images/EOD_process_default_hdr.jpg); 
    padding:10px 10px 10px 10px;
	background-repeat:no-repeat;
	height:42px;
}

.eodStatusBox
{
	padding: 5px; 
	border: 1px dotted #ffffff; 
    background-color: #DFEEF2;
}

.eodItem
{
    background-color: #f7f7f7;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 22px;
    color: #3e3d3d;
    font-size: 11px;
    font-weight: normal;
    border:1px solid #dddbdb;
    border-collapse:collapse;
}

.eodStepsBackGround
{
    background-color:White;
    
}

.pull-left {
    float:left;
}
/* EOD Screen - End */
.jqx-grid-cell-pinned-alt {
        background-color: #F7F7F7 !important;
}
.jqx-grid-cell-pinned {
    background-color:#fff !important;
}
.jqx-widget .jqx-grid-column-header {
white-space:normal !important;
}
.jqx-scrollbar-thumb-state-normal-horizontal{
        background:#bdbaba !important;
}
.jqx-fill-state-pressed {
        background: #d1d1d1 !important;
}