body 
{
    font-size: 12px;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f1f1f1;
}

input:disabled {
    background: #dddddd;
} 
select:disabled {
    background-color: #dddddd;
}

h1
{
    font-size: 1.6em;    
}

h2
{
    font-size: 1.2em;    
}


.page {
   position: relative;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 100%;
    min-width:1200px;
   overflow-wrap: break-word;
}

.page-panel{
    border: 1px solid #cccccc;
    background-color:White;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
}

.page-panel-table {
   width:100%;   
   border-style: solid !important; 
   border-spacing: 6px !important;
   margin-top:15px;
   margin-bottom:15px;
}


.pageHeading
{
    text-align: left;
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 5px;
}


.page-heading-grid-title
{
    text-align: left;
    font-size: 1.6em;
    font-weight: bold;
    margin-left: 5%;
 }

hr
{
    width: 50%;
    margin: 20px 0px 20px 25%;
}

DIV
{
    font-size: 12px;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif;
}
TR
{
    font-size: 12px;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif;
}

FORM
{
    font-size: 12px;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif;
  
}
SELECT
{
    font-size: 12px;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif;
}
TEXTAREA
{
    font-size: 12px;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif;
}
input
{
    font-size: 12px;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif !important;    
}

img
{
    border-style: none;
}

.bodyBold
{
    font-weight: bold;
}
.bodyItalic
{
    font-style: italic;
}
.bodySmall
{
    font-size: 9px;
}
.contentDataGrid
{
    font-style: italic;
    font-size: 200px;
}
.Heading
{
    color: #003366;
    font-size: 16px;
    font-weight: bold;
}
.subHeading
{
    color: #330000;
    font-size: 16px;
    font-weight: bold;
}
.columnHead
{
    color: #003366;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.textBlack
{
    color: #000000;
}
.textRed
{
    color: #CC0000;
}
.textGreen
{
    color: #009900;
}
.customerInfo
{
    color: #000044;
    font-size: 13px;
    font-weight: bold;
}

a
{
    color: #003366;
    text-decoration: none;
}
a:hover
{
    color: #000033;
    text-decoration: underline;
}
a.link
{
    color: #000066;
    text-decoration: none;
}
a:link:visited
{
}
a.link:hover
{
    color: #990000;
    text-decoration: underline;
}
a.link:active
{
    color: #FFFFFF;
    text-decoration: underline;
}

.addlLinks
{
    color: #FFFFF0;
    font-size: 10px;
    text-decoration: none;
}
:hover.addlLinks
{
    color: #FFFFFF;
    text-decoration: underline;
}

.mainNav
{
    color: #333333;
    font-size: 11px;
    text-decoration: none;
}
:hover.mainNav
{
    color: #000000;
    text-decoration: underline;
}

.whiteLink
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
:hover.whiteLink
{
    color: #DDDDDD;
    text-decoration: underline;
}
.thin-error {
    text-align: center;
    color: red;
}
span.error
{
    color: red;
    font-size: 14px;
}

span.success
{
    color: green;
    font-size: 14px;
}

div.content
{
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;    
    width: 950px;
    text-align: center;
}

div.DM_content
{
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

div.RR_Table
{
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 100px;
    width: 850px;
}
div.GL_Table
{
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 100px;
    width: 850px;
}
div.RL_Table
{
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 100px;
    width: 850px;
}
div.DNTL_Table
{
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 100px;
    width: 850px;
}





div.contentbutton
{
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 880px;
}


div.detailcontent
{
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 700px;
}

div.widercontent
{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    text-align: center;
    width: 1024px;
}
/*
div.tableHeader
{
    height: 40px;
}
*/

div.tableHeader1
{
    height: 30px;
}

div.tableHeader div
{
    padding-bottom: 3px;
    font-size: 16px;
}

div.tableHeader1 div
{
    padding-bottom: 3px;
    font-size: 14px;
}

div.tableHeader1 div.left
{
    float: left;
}

div.tableHeader1 div.right
{
    float: right;
}

div.tableHeader div.left
{
    float: left;
}

div.tableHeader div.right
{
    float: right;
}

div.legal
{
    margin-left: auto; 
    margin-right: auto; 
    margin-top:8px; 
    margin-bottom:8px; 
    text-align: center; 
    width: 800px; 
    font-size:0.8em;
}
/*

div.content table
{
    border: 1px solid #f1f1f1;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
*/

.tbl-style table
{
    border-collapse: collapse;
    font-size: 16px;
    width: 100%;    
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

.tbl-style-grid table
{
    border-width: 1px;
}

#dgDashboard tr td
{
    padding: 5px 5px 5px 5px !important;
}

#searchPanel table
{
    border: 1px none #cccccc;
    background-color:White;
}

#searchPanel input[type=text]
{
    height:16px;
    
}

#searchPanel select
{
    height:20px;    
}

.searchAlertsPanel
{
    border: 1px solid #cccccc;
    background-color:White;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
}

.searchComplianceLogPanel
{
    
    border: 1px solid #cccccc;
    background-color:White;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 10px 10px 10px;
    width:780px;
    margin-left:auto;
    margin-right:auto;
}

div#advanced
{
    margin: 10px 0px 10px 0px; 
    padding: 5px 5px 5px 5px;      
    text-align: left;    
    border: 1px solid #cccccc;
    
    background-color:White;
}

div#advanced-content
{
   /* border-top: 1px solid #CCCCCC; */
    margin: 10px 10px 10px 0px;    
}

div#divSearchBtns
{
    text-align:right;    
}

img#advanced-icon
{
    float:left; 
}

div.alertStatus
{
    float: right;
}

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

table.detailDataTable, table.alertNarrativeDataTable
{
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #999999;
    border-bottom: 2px solid #999999;    
}

table.detailDataTable tr, table.alertNarrativeDataTable tr
{
    text-align: left;
}

table.detailDataTable td, table.alertNarrativeDataTable td
{
    vertical-align: top;
    padding: 3px 6px 3px 6px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid transparent;
}

.textRight 
{
    text-align: right;
}

.detailDataTableSpacer
{
    background-color: #f1f1f1;
    height: 16px;
}

.treeView table tr td
{
    padding: 0px 0px 0px 0px;   
    vertical-align: middle; 
    border-bottom: none;
    margin:  0px 0px 0px 0px;   
}

table.detailDataTable tr, table.alertNarrativeDataTable tr
{
    background-color: White;
}

table.treeDetails td
{
    border: none;
    padding: 0px 0px 0px 0px;
    background-color: white;
}

.treeView table
{
    border: none;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
}

div.deptHeader
{
    padding-top: 3px;
    margin-bottom: 12px;
    background-color: #f3f3f3;
    text-align: center;
    border: none;
    border-top: 2px solid #416ca6;
    border-bottom: 2px solid #416ca6;
    color: #003366;
    font-size: 16px;
    font-weight: bold;
}

div.backLink
{
    text-align: left;
    margin-top: 10px;
}

div.backLink a
{
    font-weight: bold;
    text-decoration: underline;
}

div.notes
{
    margin-top: 10px;
}

div.note
{
    padding: 5px 5px 5px 10px;
    text-align: left;
}
a.btns
{
    background-image: url(../images/on.gif);
    background-repeat: no-repeat;
    width: 119px;
    display: block;
    height: 24px;
    text-align: center;
    font-weight: bold;
    padding-top: 11px;
}
a.btns:hover
{
    background-image: url(../images/off.gif);
    background-repeat: no-repeat;
    width: 119px;
    display: block;
    height: 24px;
    text-align: center;
    font-weight: bold;
    padding-top: 11px;
}
a.active
{
    background-image: url(../images/off.gif);
    background-repeat: no-repeat;
    width: 119px;
    display: block;
    height: 24px;
    text-align: center;
    font-weight: bold;
    padding-top: 11px;
}


.design
{
    clear: both;
    text-align: left;
    width: 940px;
    height: 400px;
    overflow: scroll;
    border: 1px solid #cacaca;
}
#contentpart
{
    width: 980px;
    margin: 0 auto;
    padding: 20px 20px 20px 0;
}

.boxbase
{
    width: 298px;
    float: left;
    margin-left: 20px;
}
.box1
{
    width: 278px;
    border: 1px solid #a5c3e9;
    padding: 10px;
}
.box
{
    width: 278px;
    margin-left: 20px;
    border: 1px solid #a5c3e9;
    padding: 10px;
    float: left;
}
#contentpart h2
{
    width: 300px;
    padding: 5px 0 5px 0;
    margin: 0;
    margin-left: 20px;
    float: left;
    font-weight: bold;
    font-size: 12px;
}
.vline
{
    width: 1px;
    font-size: 1px;
    border-right: 1px dashed #8daed4;
    height: 15px;
    margin: 0 auto;
}
.svline
{
    width: 1px;
    font-size: 1px;
    border-right: 1px dashed #8daed4;
    height: 10px;
    margin: 0 auto;
    line-height: 2px;
}

.nsvline
{
    width: 1px;
    height: 10px;
    margin: 0 auto;
    font-size: 1px;
    line-height: 2px;
}

.font11
{
    font-size: 11px;
}



.clr
{
    height: 1px;
    font-size: 1px;
    clear: both;
    line-height: 1px;
}
.color_bar
{
    background-image: url(../images/colorbar.jpg);
    width: 43px;
    height: 188px;
    background-repeat: no-repeat;
    margin: 10px 0 10px 0px;
}
.bluespace
{
    padding: 0px 0px;
    background-color: #dce6f2;
    color: #000;
}
.blueblock
{
    padding: 3px;
    background-color: #dce6f2;
    border: 1px solid #8daed4;
    color: #000;
    margin-bottom: 5px;
}
.whiteblock
{
    padding: 3px;
    background-color: #fff;
    color: #000;
    margin-bottom: 5px;
}
.whiteblock1
{
    padding: 3px;
    background-color: #fff;
    border: 1px solid #8daed4;
    color: #000;
    margin-bottom: 5px;
}
.redtxt
{
    border: 1px solid #ff0000;
    padding: 0;
    margin: 0;
    font-size: 11px;
    width: 80px;
}
.bluetxt
{
    border: 1px solid #09F;
    padding: 0;
    margin: 0;
    width: 80px;
    font-size: 11px;
}
.redbtn
{
    background-color: #c00000;
    padding: 3px;
    color: #000;
    text-align: center;
    font-size: 10PX;
    margin: 1px;
    width: 40px;
}
.yellowbtn
{
    background-color: #ffff00;
    padding: 3px;
    color: #000;
    text-align: center;
    font-size: 10PX;
    margin: 1px;
    width: 40px;
}
.greenbtn
{
    background-color: #00b050;
    padding: 3px;
    color: #000;
    text-align: center;
    font-size: 10PX;
    margin: 1px;
    width: 40px;
}
.redbtn1
{
    background-color: #c00000;
    padding: 2px;
    color: #000;
    text-align: center;
    font-size: 9PX;
    margin: 1px;
}
.yellowbtn1
{
    background-color: #ffff00;
    padding: 2px;
    color: #000;
    text-align: center;
    font-size: 9PX;
    margin: 1px;
}
.borders
{
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
.greenbtn1
{
    background-color: #00b050;
    padding: 2px;
    color: #000;
    text-align: center;
    font-size: 9PX;
    margin: 1px;
}
.greyarea
{
    background-color: #a5a5a5;
    padding: 2px;
}
.scrl
{
    overflow: scroll;
    height: 130px;
}
.cbox
{
    border: 1px solid #ccc;
    background-color: #FFF;
}

input.ra
{
    font-size: 12px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    width: 50px;
    text-align: center;
}
.specilatd
{
    background-color: #FFF;
    background-image: url(../images/rowback.jpg);
    background-repeat: repeat-y;
}
.specilatd1
{
    background-color: #FFF;
    background-image: url(../images/rowback1.jpg);
    background-repeat: repeat-y;
}
tr td.specilatd3
{
    font-size: 2px;
    background-color: #FFF;
    background-image: url(../images/rowback1.jpg);
    background-repeat: repeat-y;
}
.specilatd2
{
    background-color: #FFF;
    background-image: url(../images/rowback2.jpg);
    background-repeat: repeat-y;
}
.hline
{
    width: 20px;
    font-size: 1px;
    border-bottom: 1px solid #8daed4;
    height: 1px;
    padding-top: 7px;
    margin: auto;
}
.tdbase
{
    padding: 2px;
}
.srch
{
    font-size: 10px;
}
.boxbase h3
{
    padding: 5px 0 5px 0;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
}
.export
{
    margin-top: -4px;
    padding: 2px;
    text-align: left;
    float: right;
    width: 300px;
    display: block;
    position: relative;
    z-index: 2;
    background-color: #ece9d8;
}

.export .imgLink img
{
    border-style: none;
    margin-left: 30px;
}

@media print
{
    TR
    {
        font-size: 10px;
        color: #003366;
        font-family: Arial, Helvetica, sans-serif;
    }

    div.content
    {
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 600px;
    }

    div.contentbutton
    {
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 880px;
        visibility: hidden;
    }


    div.content table
    {
        border: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
    }
}

div.supportTitle
{
    font-size: large;
    font-weight: bold;
}

div.supportContent
{
    text-align: left;
    margin: 10px 0px 0px 0px;
    padding: 5px;
    background-color: #EFEFEF;
    border: solid 1px #aaa;
}
div.supportSectionTitle
{
    font-size: 15px;
    font-weight: 600;
    margin: 0px 10px 0px 10px;
    text-decoration: underline;
}
div.supportSectionContent
{
    text-align: left;
    margin: 10px 40px 20px 40px;
    background-color: #FFF;
    border: solid 2px #aaa;
    padding: 10px;
}

div.supportSectionContent table
{
    border-width: 0px;
    border-style: none;
}

div.supportSectionContent table tr td
{
    border-width: 0px;
    border-style: inset;
    padding: 5px;
}

.scenarioHidden
{
    background-color: #D0D0D0;
}

.scenarioActive
{
    background-color: #C3FDB8;
}

.boldItalicTxt
{
    font-weight: bold;
    font-style: italic;
}

.treeView a:link
{
    text-decoration: none;
}
.treeView a:visited
{
    text-decoration: none;
}
.treeView a:hover
{
    text-decoration: none;
}
.treeView a:focus
{
    text-decoration: none;
}
.treeView a:active
{
    text-decoration: none;
    background: transparent;
}

.dottedBox
{
    border-width: 1px;
    border-style: Dotted;
    border-color: SteelBlue;
}


tr.columnHeader
{
    text-align: center;
    margin: auto;
    height: 15px;
    background-color: #DDDDDD !important;
}
tr.columnHeader th.nosort
{
    padding: 5px 10px;
    background-image: url(../Images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
}
tr.columnHeader th.asc
{
    padding: 5px 10px;
}

.alertNarrative_belowThreshold
{
    color: orange;
    font-weight: bold;
}

.alertNarrative_aboveThreshold
{
    color: red;
    font-weight: bold;
}

.alertNarrative_overThreshold
{
    color: red;
    font-weight: bold;
}




tr.columnHeader th.asc
{
    padding: 5px 10px;
    background-image: url(../Images/asc.gif);
    background-repeat: no-repeat;
    background-position: center right;
}
tr.columnHeader th.desc
{
    padding: 5px 10px;
    background-image: url(../Images/desc.gif);
    background-repeat: no-repeat;
    background-position: center right;
}
tr.columnHeader th:hover
{
    cursor: pointer;
}
tr.pagingHeader
{
    background-color: beige;
    font-size: 12px;
    font-weight: bold;
}
tr.pagingHeader th
{
    border: 1px solid #abc;
    padding: 5px 10px 6px 10px;
    vertical-align: top;
}
tr.searchHeader
{
    text-align: center;
    margin: auto;
    background-color: #DDDDDD;
}
tr.searchHeader th
{
}
.ListTable
{
    border: 1px solid #555;
    margin: auto;
}
.ListTable tr td
{
    padding: 5px 10px;
}

th.security_id, td.security_id, th.SM_security_id, td.SM_security_id
{
    padding: 5px;
    width: 80px;
}
th.SM_security_symbol, td.SM_security_symbol
{
    width: 80px;
}
th.SM_security_desc, td.SM_security_desc
{
    width: 250px;
}
th.SM_cusip, td.SM_cusip
{
    width: 80px;
}
th.on_date, td.on_date, th.off_date, td.off_date
{
    width: 150px;
}
th.on_time, td.on_time, th.off_time, td.off_time
{
    width: 150px;
}
th.entity_name, td.entity_name
{
    width: 150px;
}
th.notes, td.notes
{
    width: 250px;
}
td.notes
{
    text-align: left;
}
div.noteContent
{
    background-color: #f3f3f3;
    margin-left: 20px;
    border: 1px solid #999999;
    padding: 5px;
}

.noteSection
{
    margin-top:10px;
    padding:20px 10px 10px 10px;
    border: 1px solid #999999;
   
}

#edit_notes
{
    width: auto;
}
th.update_btn, td.update_btn
{
    min-width: 40px;
    width: 50px;
    max-width: 60px;
}
th.delete_btn, td.delete_btn
{
    min-width: 40px;
    width: 50px;
    max-width: 60px;
}
th.select_btn, td.select_btn
{
    min-width: 40px;
    width: 50px;
    max-width: 60px;
}
.btnPlain
{
    height: 26px;
    padding: 0px 5px 0px 5px;
}

.SMSearchTable
{
    border: 1px solid #555;
    margin: auto;
    background-color: #fff;
    text-align: center;
}
.SMSearchTable tr td
{
    padding: 5px 10px;
}

input.SearchField
{
    width: 99%;
    border: 1px solid #ccc;
}

.step
{
    margin: 10px 10px 10px 10px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #ccc;
    background-color: beige;
}

.label_step
{
    margin: 5px 5px 10px 0px;
    font-size: 14px;
    font-weight: bold;
}
.btnAdd
{
    background: url('/Images/add.png') 0 0 no-repeat;
    float: none;
}
.btnSave
{
    background: url('/Images/accept.png') 0 0 no-repeat;
    float: left;
}
.btnUpdate
{
    background: url('/Images/pencil.png') 0 0 no-repeat;
    float: left;
}
.btnCancel
{
    background: url('/Images/remove.png') 0 0 no-repeat;
    float: right;
}
.btnDelete
{
    background: url('/Images/cross.png') 0 0 no-repeat;
    float: right;
}
.btnClear
{
    background: url('/Images/textfield.png') 0 0 no-repeat;
    float: none;
}
.btnPrevious
{
    background: url('/Images/arrow_left.png') 0 0 no-repeat;
    float: left;
}
.btnNext
{
    background: url('/Images/arrow_right.png') 0 0 no-repeat;
    float: right;
}
.btnSelect
{
    background: url('/Images/page_white_edit.png') 0 0 no-repeat;
    float: none;
}

.btnAdd, .btnSave, .btnUpdate, .btnDelete, .btnCancel, .btnClear, .btnPrevious, .btnNext, .btnSelect
{
    height: 16px;
    width: 16px;
    margin: 0px;
    padding: 0px;
}
.btnAdd:hover, .btnUpdate:hover, .btnDelete:hover, .btnCancel:hover, .btnSave:hover, .btnClear:hover, .btnPrevious:hover, .btnNext:hover, .btnSelect:hover
{
    cursor: pointer;
}



/** Admin  **/
.indexID, .entity_name, .read, .create, .update, .remove
{
    width: 60px;
}
.perm_update_btn
{
    width: 50px;
    text-align: center;
}


.searchBox
{
    border: 1px solid #555;
    margin: 10px 50px;
    padding: 5px;
    background-color: White;
    height: 20px;
}
.logBox
{
    border: 1px solid #555;
    margin: auto 50px;
    padding: 5px;
    background-color: white;
    height: 400px;
    overflow: scroll;
}
.logUserID
{
    display: block;
    margin-right: 10px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: White;
}
.logEntity
{
    display: block;
    margin-right: 10px;
    font-size: 12px;
    text-align: center;
    color: White;
}
.logTimestamp
{
    display: block;
    margin: auto;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: White;
}
.logEntry
{
    clear: both;
    margin: 10px;
    padding: 5px;
    overflow: hidden;
}
.logEntry.odd
{
    background-color: beige;
}
.logEntry.even
{
    background-color: #f1f1f1;
}
.grey
{
    background-color: #8B8989;
}
.rest
{
    background-color: #738BA6;
}
.logEntry:hover
{
    background-color: #def;
}
.logHeader
{
    border: 1px solid #555;
    float: left;
    width: 195px;
    height: 60px;
}
.logMessage
{
    border: 1px solid #555;
    background-color: #fff;
    color: #000;
    display: block;
    margin-left: 200px;
    padding: 0px 0px 0px 2px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    height: 60px;
    overflow: auto;
}



.dropdown
{
    border: 1px solid #ccc;
}

.error-text{
    text-align: center;
    padding: 5px 5px 5px 5px;
    color: #EE2C2C;
   }

.success-text{
    text-align: center;
    padding: 5px 5px 5px 5px;
    color: #2CEE2C;
   }

#error-message
{
    font-size: 140%;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    padding: 0.7em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 90%;
    border: solid 1px #EE2C2C;
    background: #F7CBCA;
    color: #EE2C2C;
}



table.riskDataTable
{
    border: 1px #CCCCCC solid;
    border-collapse:separate;
    width:100%;
    text-align:right;
    
}

table.riskDataTable th
{
    border: 1px #CCCCCC solid;
    text-align: center;
    padding: 2px 6px;
    background-color: #DDDDDD;
}
table.riskDataTable td
{
    color: #000;
    border: 1px #CCCCCC solid;
    border-left: 1px #CCCCCC solid;
    background: #fff;
    padding: 2px 6px;
    text-align: center;
}


table.riskDataTable td.on
{
    color: #000;
    border: 1px #2CEE2C solid;
    background: #ccffcc;
    padding: 2px 6px;
    font-weight: bold;
    text-align: center;
    
}


table.riskDataTable td.off
{
    color: #000;
    border: 1px #EE2C2C solid;
    background: #ffcccc;
    padding: 2px 6px;
    padding-left:2px 6px;
    
    font-weight: bold;
    text-align: center;
    
}


/*
===========================
= Error messages section
===========================
*/
.info, .success, .warning, .validation, .permission
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid;
    border-width: 1px 0px 1px 0px;
    margin: auto auto;
    padding: 10px 5px 10px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    vertical-align: top;
    width: 100%;
    position: relative;
}

.info
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../Images/exclamation_octagon_fram.png');
}
.success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../Images/accept.png');
}
.warning
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid;
    border-width: 1px 1px 1px 1px;
    margin: auto auto;
    padding: 10px 5px 10px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    vertical-align: top;
    position: relative;
    text-align: left;
    color: #9F6000;
    padding: 15px 15px 15px 35px;
    background-color: #FEEFB3;
    background-image: url('../Images/exclamation_octagon_fram.png');
    width: 80%;
}

.error_lotsOfText, .error
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid;
    border-width: 1px 1px 1px 1px;
    margin: auto auto;
    padding: 10px 5px 10px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    vertical-align: top;
    position: relative;
    text-align: left;
    color: #D8000C;
    padding: 15px 15px 15px 35px;
    background-color: #FFBABA;
    background-image: url('../Images/exclamation_octagon_fram.png');
    width: 80%;
}


.success
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid;
    border-width: 1px 1px 1px 1px;
    margin: auto auto;
    padding: 10px 5px 10px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    vertical-align: top;
    position: relative;
    text-align: left;
    color: #00D80C;
    padding: 15px 15px 15px 35px;
    background-color: #BAFFBA;
    background-image: url('../Images/exclamation_octagon_fram.png');
    width: 80%;
}


.permission
{    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid;
    border-width: 1px 1px 1px 1px;
    margin: auto auto;
    padding: 10px 5px 10px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    vertical-align: top;
    position: relative;
    text-align: left;
    color: #9F6000;
    padding: 15px 15px 15px 35px;
    background-color: #FEEFB3;
    background-image: url('../Images/key.png');
    width: 80%;
}

/*
===========================
= Login
===========================
*/
.loginBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid #999999;
    border-width: 1px 1px 1px 1px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    vertical-align: middle;
    background-color: white;
    min-height: 150px;
    min-width: 550px;
    max-width: 550px;
    padding: 10px 0px 5px 0px;
    margin: auto;
}


.loginFields
{
    text-align: center;
    margin: 10px auto 0px auto;
}


/*
===========================
= Shared Instance Buttons
===========================
*/

a.instanceLinkXXX {
  border: 4px outset;
  padding: 2px;
  text-decoration: none;
}

span.instanceLinkXXX {
  border: 4px outset;
  padding: 2px;
  text-decoration: none;
}

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

/* instance buttons */
a.instanceLink {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #003366;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 4px;  /* spacing between buttons */
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    margin-top: 17px;
}

a.instanceLink span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    
} 

/* currently selected instance button */
span.instanceLink {
    background: transparent url('/images/bg_button_gr_a.gif') no-repeat scroll bottom right;
    color: #003366;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 4px;  /* spacing between buttons */
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    margin-top: 17px;
}

span.instanceLink span {
    background: transparent url('/images/bg_button_gr_span.gif') no-repeat bottom left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

/* on click buttons */
a.instanceLink:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.instanceLink:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


/* Drift Lengend */
table.driftLegend 
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;    
    border: 1px solid #999999;
    border-collapse: collapse;
    width: 400;
}

table.driftLegend td
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;      
    border: 1px solid #999999;
    height: 25px;
}

table.driftLegend tr
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;      
    padding: 0px 0px 0px 0px;
}

table.driftLegendBottom
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;    
    width: 400;
}
.disclosurebox
{
    text-align:center;
    bottom: 0;
    position: absolute;
}
.disclosure
{   
    text-align:justify;
    font-size : 10px;
    padding-top:20px;
    padding-left:100px;
    padding-right:100px;
    padding-bottom:50px;
    position:relative; 
    bottom:0;  
    }
    
.disclosureDashboard
{
    text-align:justify;
    font-size : 10px;
    padding-top:20px;
    padding-bottom:20px;
    position:relative; 
    bottom:0; 
    }    

.historical_not_available{
 padding-left:5px;
 padding-bottom:0px;
}

.imgBtn
{
    cursor: pointer;
}

.imgBtnSpan 
{ 
   float: left;
   padding-top: 5px;
}

.backupuserbanner
{
   vertical-align: middle;
   line-height: 1.8em;
   background-color: #C9C9B9;
   padding-top: 0px;
   padding-left: 33px;
   padding-bottom: 0px;
   padding-right: 0px;
   border: 2px;
   border-style: solid;
   border-color: #A2A2A2;
}

.backupuserhelpicon
{
    vertical-align: middle;
    padding-bottom: 2px;
    padding-right: 5px;
}

.backupusername
{
    font-weight:bold;
    color: #692204;
}

span.objectiveRiskScore
{
    color: #000033;
  
    padding-left: 5px;
    padding-right: 10px;
}
span.ntierRiskToleranceValue
{
    color: #000033;
  
    padding-left: 5px;
    padding-right: 10px;
}
span.riskObjectiveLabel
{
    color: #003366;
    font-size: 12px;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-right: 5px;
    display: inline;
    float: left;
}

span.riskObjectiveValue
{
    color: #003366;
    font-size: 12px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-right: 5px;
    display: inline;
    float: right;
}

span.riskRealizedRiskScoreRed
{
    color: #FF0000;
    font-size: 12px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-right: 5px;
    display: inline;
    float: right;

}

span.riskRealizedRiskScoreGreen
{
    color: #00AA00;
    font-size: 12px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-right: 5px;
    display: inline;
    float: right;
}

.riskToleranceLabel
{
    font-size: 13px;
    padding-top: 5px;
}
.riskScore
{
    font-size: 13px;  
    padding-top: 10px;
}

div.alertDetailRiskScore
{
    width: 160px;
}

#labelPwReq
{
    width: 250px;
    font-size: 0.8em;
    display: block;
}

#labPWD
{   display: inline-block;
    width: 110px;
}

#labCon
{
    display: inline-block;
    width: 110px;
}

.bold-label-style {
    font-weight: bold; 
}

table.riskDataTable th
{
    font-weight: normal; !important;
}
    
div.alert-detail-warning
{
    padding-top: 128px;
    width: 60%;
    margin: 0 auto;
}
.empty-compliance-test {
    color:red
}
.custom-security-list-test {
    padding-left: 8px;
    margin-top: 0;
    list-style-type: none;
    display: inline-block
}
.left {
    float: left;
}
.right {
    float: right;
}
.control-seperator {
    margin: 0 4px;
}
.custom-security-list-button-container,.custom-account-list-button-container  {
    padding-top: 8px;
}
.blotter-summary {
    background: #c6e5ff;
    border: 1px solid #8ebacf;
    margin-top: 8px;
    padding: 12px;
}

table.searchCriteriaPanel td{
    padding-bottom: 4px;
}
td.searchCriteriaPanelLabel {
    font-weight: bold;
}

.position-analytics-summary-label-spacing {
    padding-left: 24px;
}
.position-analytics-summary-value {
    padding-left: 4px;
    font-weight: bold;
}
.blotter-summary-text {
    font-size: 1.6em;
    font-weight: bold;
    float: left;
}

.blotter-summary-text span {
    display: inline-block;
    float: left;
    text-align: left;
    padding-right: 20px;
}

.blotter-summary-value {
    height: 22px;
    font-size: 1.2em !important;
}


table.riskDataTolerance
{
    border: 0px #CCCCCC solid;
    border-collapse:separate;
    width:100%;
    text-align:right;
    
}

table.riskDataTolerance th
{
    border: 0px #CCCCCC solid;
    text-align: center;
    padding: 2px 6px;
    background-color: #DDDDDD;
}
table.riskDataTolerance td
{
    color: #000;
    border: 0px #CCCCCC solid;
    border-left: 0px #CCCCCC solid;
    background: #fff;
    padding: 1px 1px;
}







/*Styles for new admin panel*/


.validation-container {
    padding: 2px 4px;
    border: 1px solid;
    display: none;
}

.admin-error{
    background: #ffbaba;
    color: #d8000c;
}

.admin-success {
    background: #90ee90;
    color: #009900;
}


.error-indicator {
    color: #ff0000;
    padding-left: 4px;
}

.input-group-dmin span {
    display: none;
}


.checkbox-label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.checkbox-label input {
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}


.panel-admin-left {
    width: 300px;
    text-align: left;
    vertical-align: top;
}

.panel-admin-right {
    vertical-align: top;
}
.user-list-container {
    height: 540px;
    border: 1px solid #ccc;
    overflow:auto;
    width: 300px;
    white-space: nowrap;
}

.add-user-icon {
    content: "";
    display: block;
    background: url("../Images/adduser.png") no-repeat;
    float: left;
    padding-left: 18px;
}
.add-user-icon:hover{
    cursor: pointer;
}

.admin-panel-user-list {
    padding-left: 30px;
    margin-top: 4px;
}
.user-list-item {
    padding-bottom: 4px;
    border-bottom: 1px solid #efefef;
    cursor: pointer;
    text-align: left !important;
}

.user-list-item:hover {
    background: #dddddd;
}
.selected-user-header-container {
    display: inline-block;
    overflow: hidden;
    padding: 4px 0;
}

.selected-user-header {
    padding: 0 0 0 20px;
    font-size: 18px;
    
    
}


.header-user-icon-active {
    background:url(../images/user.png) no-repeat transparent;
}
.header-user-icon-inactive {
   background:url(../images/user-gray.png) no-repeat transparent;
}
.header-user-icon-locked {
   background:url(../images/user-locked.png) no-repeat transparent;
}
.header-user-icon-expired {
   background:url(../images/user-expired.png) no-repeat transparent;
}
.selected-user-list-item {
    background: #659CEF !important;
    color: #ffffff;
}


/*admin legend*/

.legend-container {
    padding: 20px 0;
}
.legend-container ul {
    list-style:none;
    text-align: center;
}

.legend-container ul li {
    display:inline;
}

.legend-container ul li span {
    font-weight: bold;
  padding-left: 20px;
}

.legend-container ul .user-active-icon span { background:url(../images/user.png) no-repeat transparent; }

.legend-container ul .user-locked-icon span { background:url(../images/user-locked.png) no-repeat transparent; }

.legend-container ul .user-inactive-icon span { background:url(../images/user-gray.png) no-repeat transparent; }

.legend-container ul .user-expired-icon span { background:url(../images/user-expired.png) no-repeat transparent; }

/*ending admin legend*/

.admin-toolbar {
    padding-left: 8px;
}
.admin-tab {
    width: 650px;
}
.user-active {
    list-style-image: url(../images/user.png);
}
.user-inactive {
    list-style-image: url(../images/user-gray.png);
}
.user-locked {
    list-style-image: url(../images/user-locked.png);
}
.user-expired {
    list-style-image: url(../images/user-expired.png);
}
.seperator-line {
    height: 1px;
    background: #cccccc;
    margin-top: 20px; 
}
.responsibility-table {
    width: 100%;
}
.res-item-list-label {
    height: 20px;
    text-align: left;
}
.admin-page-content {
    width: 100%;
    border: 1px solid #cfcfcf;
    background: #fff;
}
.admin-control-content {
    width: 100%;
    text-align: left;
}
.admin-control-content td {
    padding: 6px 8px;   
}
.control-item {
    width: 100%;
}
.center {
    text-align: center;
}
#BackupUserSelect {
    border-top: 1px solid #cfcfcf;
}
#BackupUserSelect td{
    padding: 0;
}

#pnlDataPermission table{
    width: 100%;
}

.password-panel {
    
}
.password-hint {
    font-size: 10px;
    clear: both;
}
.res-text-area {
    margin: 8px;
    height: 130px;
    width: 94%;
}

.res-text-area-extended {
    height: 212px;
}

.res-lebel {
    float: left;
    padding-left: 15px;
}
#pnlAdminForm h2{
    font-size:22px;
}
.readonly {
    background: #cccccc;
}
.locked-user-container {
    padding: 2px 4px;
    background: #ffbaba;
    color: #d8000c;
    border: 1px solid;
    overflow: hidden;
}
.button-activate-user {
    float: right;
    margin: 4px 8px;
}
.locked-user-label {
    float: left;
    margin: 7px 8px;
}
.block-loading {
    background-image: url('../javascript/lib/extjs-3.4.1.1/resources/images/default/grid/loading.gif');
    width: 16px;
    height: 16px;
    margin: 4px 0 0 4px;
    padding-left: 24px;
    background-repeat: no-repeat;
}
.dual-select {
    text-align: left;
    width: 669px;
    padding-bottom: 4px;
}
.admin-status {
    padding: 2px 4px;
    border: 1px solid;
    margin-top: 8px;
}
.res-button-strip {
    padding-top: 10px;
}
.password-group {
    float: left;
    width: 154px;
}
.password-group input {
    width: 100%;
}
.vertical-top {
    vertical-align: top;
}
.scenario-active .scenario-inactive{
    
}
.scenario-hidden {
    font-style: italic;
    color: #666;
}
.alert-detail-note-textbox {
    width: 100%;
    box-sizing: border-box;
}

/******************************/

#topbar {
    display: none;
}
#topbanner-title-container {
    display: none;
}
/******************************/

#txtConcentrationPercentageValue {
    margin-left: -14px;
}

.padding-bottom-blank {
    padding-bottom: 8px !important;
}