/*******************************************
BASE STYLES - This block sets all margins
and padding back to zero, so that we have
a consistent base to build from across all
browsers.
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 
    
body, p, div, td {}

/*******************************************
START CHANGING HERE
*******************************************/

body
{
    font: 14px Arial, sans-serif;
    color: #333333;
}

p, table {margin-bottom: 10px;}
p {line-height:150%;}

ol, ul, dl {margin: 0 0 10px 10px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}

h1, h2, h3, h4, h5, h6 {line-height:150%;}

a:link {
    color: #333333;
    text-decoration:underline;
}

a:visited {
    color: #333333;
}

a:focus,
a:hover,
a:active {
    /*color: #009999;*/
    color: #2d61c5;
    text-decoration: underline;
}

img {border:0 none}

/*******************************************
LAYOUT - Try to keep the order of elements the same as the HTML structure.
*******************************************/

    
/* *************** global style *************** */    

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


input[type=button], input[type=submit]
{
    color: #fff !important;
    /*background-color: #333366;*/
    background-color: #0979be;
    border: 1px solid #0979be;
    padding: 6px 12px !important;
    text-align: center;
    border-radius: 4px;
}
input[type=button]:focus, input[type=submit]:focus,
input[type=button].focus, input[type=submit].focus
{
    color: #fff !important;
    background-color: #000066;
    border: 1px solid #666699;
}
input[type=button]:hover, input[type=submit]:hover 
{
    color: #fff !important;
    /*background-color: #000066;*/
    background-color: #0063a6;
    border: 1px solid #666699;
}

input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search] {
    border:1px solid #cccccc;
    padding:5px 5px;
}

body
{
    padding:10px 0px;
}

h1 {
	font-size:26px;
    color:#009999;
    font-weight:bold;
}

h2 {
	font-size:22px;
    /*color:#009999;*/
    color:#2d61c5;
    font-weight:bold;
}

h3 {
	font-size:18px;
    /*color:#009999;*/
    color:#0979be;
    font-weight:bold;
}

a.btn
{
    text-decoration:none;
}
    a.btn:hover
    {}

    ul li {
        padding:5px 0px;
    }

div.clrFloat
{
    clear:both;
    height:0px;
}

hr
{
    height:2px;
    background: #666666;
}

.smlTxt
{
    font-size:75%;
}

.ui-widget.ui-widget-content
{
    background-color:#c5c5c5;
}


.ui-progressbar 
{
    border-radius:16px;
}
    .ui-progressbar .ui-progressbar-value
    {
        /*border:0 none;*/
        background-color:#d8f2f2;
        height:110%;
    }
        .ui-progressbar .ui-progressbar-complete
        {
            background-color:#99cc33;
        }

/* *************** layout style *************** */    

header
{
   
}
    div#logo, div#slogan
    {
        /*height:50px;*/
        /*height:60px;*/
        height:120px;
        line-height:50px;
    }
    
    div#slogan button.btn
    {
        margin-left:10px;
    }
    
    button#btnLogout{
        background-color: #0979be;
        border-color: #0979be;
    }
    
    button#btnLogout:hover{
        background-color: #2d61c5;        
    }
    
    button#btnPwd {
        /*color: #0099cc;*/
        color:#0979be;
        background-color: #ffffff;
        /*border-color: #0099cc;*/
        border-color: #0979be;
    }
    button#btnPwd:focus,
    button#btnPwd.focus {
        color: #0979be;
        background-color: #eeeeee;
        border-color: #0099cc;
    }
    button#btnPwd:hover {
        /*color: #0099cc;
        background-color: #eeeeee;
        border-color: #0099cc;*/
        color:#0979be;
        background-color: #efefef;
        border-color: #0979be;
    }
    
    
    ul.dropdown-menu{
       background-color:#cfd8e8 !important; 
    }
    
    /*
    button#btnLogout {
        color: #fff;
        background-color: #0099cc;
        border-color: #006699;
    }
    button#btnLogout:focus,
    button#btnLogout.focus {
        color: #fff;
        background-color: #006699;
        border-color: #006699;
    }
    button#btnLogout:hover {
        color: #fff;
        background-color: #006699;
        border-color: #006699;
    }
    */

div#sectTop
{
    margin-top:10px;
}
    div#navBarTop
    {
        padding:0px;
        /*background-color:#d3e5e8;*/
        background-color:#cfd8e8;
    }
         div#navBarTop nav
         {
            margin-bottom:0px;
            border:0px none;
            border-radius:0px;
            /*background-color:#d3e5e8;*/
            background-color:#cfd8e8;
         }
         
         div#navBarTop nav li.nav-item, div#navBarTop nav li.nav-item a
         {
            /*color:#333333;*/
            color:#0979be;
            font-weight:bold;
         } 
         
         div#navBarTop nav li.nav-item:hover
         {
            /*color:#333333;*/
            /*background-color:#ffffff;*/
            font-weight:bold;
         }   
         
         div#navBarTop nav li.nav-item.active a
         {
            background-color:inherit;
            /*color:#009999;*/
            color: #2d61c5;        
         }
         
         div#navBarTop nav li.nav-item.dropdown.open a
         {
             /*background-color:#ffffff;*/
             background-color:#cfd8e8
         }
         
             div#navBarTop nav li.nav-item > div
             {
                line-height:100%;
                padding:15px 0px;
             }
             
        .navbar-default .navbar-toggle {
            border-color: #9999cc;
            /*background-color: #d8f2f2;*/
            background-color:#2d61c5;
        }
        
        .navbar-default .navbar-toggle .icon-bar{
            background-color:#ffffff !important;
        }
        
            .navbar-default .navbar-toggle.collapsed:hover {/*background-color:#d8f2f2;*/background-color:#2d61c5;}
            .navbar-default .navbar-toggle:hover {background-color:transparent;}  
    
    div#bannerTop
    {
        /*background:url("/dev_proteusinsurance_aus/images/banner_bkgrd_long.png") #99cccc bottom left no-repeat;*/
    }
        div#bannerTop > .container
        {
            padding-top:20px;
            padding-bottom:20px;
            /*min-height:200px;*/
            height:220px;
        }

div#sectMid
{
    margin-top:20px;
    min-height:250px;
}
    div.box_hilite
    {
        background-color:#cfd8e8;
        padding:0px 40px;
    }
        div.box_hilite span
        {
            background-color:#cfd8e8;
            padding:10px 20px;
            display:block;
            border-left:5px solid #ffffff;
            border-right:5px solid #ffffff;
            text-align:center;
        }
        
    div#sectMid table
    {
        /*width:100%;*/
    }
        div#sectMid table tr td, div#sectMid table tr th
        {
            padding:5px;

        }
        
        .div_sectTitle
        {
            /*background-color:#333366;*/
            background-color:#0979be;
            color:#ffffff;
            text-align:center;
            padding:10px 10px;
            cursor:pointer;
        }
 
div#sectBot
{
    margin-top:20px;
    padding:20px 0px;
    /*background-color:#d8f2f2;*/
    background-color: #333333
}

footer
{
    padding:20px 0px;
    /*background-color:#333366;*/
    background-color:#333333;
    
    /*color:#ffffff !important;*/
    
    color:#8f8f8f !important;
}
    div#footerLeft{
        text-align:left;
    }
    div#footerRight {
        text-align:right;
    }

    


/* *************** redefined bootstrap styles *************** */


.btn-primary, a.btn-primary {
    color: #fff;
    /*background-color: #333366;*/
    background-color: #0979be;
    /*border-color: #666699;*/
    border-color: #0979be;
}
    .btn-primary:focus, a.btn-primary:focus,
    .btn-primary.focus, a.btn-primary.focus {
        color: #fff;
        /*background-color: #000066;*/
        background-color: #2d61c5;
        border-color: #666699;
    }
    .btn-primary:hover, a.btn-primary:hover {
        color: #fff;
        /*background-color: #000066;*/
        background-color: #2d61c5;        
        /*border-color: #666699;*/
        border-color: #2d61c5;        
    }


.datepicker .datepicker-switch
{
    background-color: #66bfc5;
    color:#ffffff;
}

.datepicker th.prev, .datepicker th.next
{
    color:#66bfc5;
}

.datepicker th.clear
{
   background-color: #dddddd;
}


.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, 
.datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active,
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, 
.datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active
{
    background-color: #66bfc5 !important;
}



/* *************** 3rdgen Form Styles ******************** */                
        
.generalForm {
    margin-top:5px;    
    border-collapse: collapse;
    width:100%;
}

.generalForm input { color: #333333; }

.generalForm input#cmdSubmit{float: right !important;}
	
.generalForm td, 
.generalForm th {   
    padding:5px; 
    margin: 0;
    text-align:left;     
    /*vertical-align:top; */
    vertical-align:middle;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    /*width:auto !important;*/
}
	
.generalForm .formPromptStyle {   
    font-weight:bold;   
    width:40%;
}

.generalForm .formInfoStyle { }

.generalForm .formLine1Style { }

.generalForm .formLine2Style { }
	
.generalForm .formLabelStyle {
    font-weight:bold;
    font-size:110%;
    /*background: #66bfc5;*/
    /*background: #ffffff;*/
    /*background-color: #cfd8e8;*/
    background-color: #0979be !important;
    color:#ffffff;
}

.generalForm .formDataStyle td, th {
    /*margin:10px;*/
}

.generalForm .formMandatoryFieldStyle {
    /*font-size:10px;*/
}

.generalForm .formCommentStyle {
    clear:both;
    font-style:italic;
}

.generalForm .formSubPromptStyle {
    font-weight:normal;
    font-style:normal;
    font-size:90%;
}

.generalForm .formSubPromptStyle li {
    margin:0px 15px;
}

.generalForm .formErrorStyle, .formErrorStyle {
    font-weight:bold;
    color:red;
}
   
.generalForm input {
    border:1px solid #cccccc;
    padding:5px 5px;
}

.generalForm select {
    color: #333333;
    background: #FFFFFF;
    padding:5px 5px;
}

.generalForm textarea {
    border:1px solid #cccccc;
    color: #333333;
    background: #FFFFFF;
    padding:5px 5px;
}
.generalForm .formPickDiv {
    /*float:left;*/
    margin-right:10px;
}

.generalForm .datepicker
{
    width:100px;
}

.generalForm td.numeric {text-align:right}

.generalForm table td { /* this is sub-table */
    border:0 none;
}

.generalForm .formTooltipCnt
{
    display:none;
}

.generalForm input[type=text],
    .generalForm input[type=email],
    .generalForm input[type=password],
    .generalForm input[type=tel],
    .generalForm input[type=search] {
    min-width:100px;
}

/* *************** Specific Page Styles ******************** */  
body#soid_33539 div#sect1 table#tblImportantForms
{
    width:100%;
    border-collapse: collapse;
}
body#soid_33539 div#sect1 table#tblImportantForms td
{
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:5px;
}

body#soid_33540 div.box_hilite span
{
    line-height:150%
}
body#soid_33540 table
{
    width:100%;
}



.generalForm td#td_field_QD_tblGoodsType > table
{
    width:100%;
}
    .generalForm td#td_field_QD_tblGoodsType > table td
    {
        white-space: nowrap;
    }
    
    .generalForm td#td_field_QD_tblGoodsType table td { 
        border:1px solid #cccccc;
    }
   
    .generalForm tr#tr_field_QD_tblBaseArea table td{
        padding:0px 10px 0px 0px;
    }
    
    .generalForm tr#tr_field_QD_tblGoodsType td, .generalForm tr#tr_field_QD_tblGoodsXType td, .generalForm tr#tr_field_QD_GoodsTypeDesc td
    {
        background-color:#ffffff;
    }
        .generalForm tr#tr_field_QD_tblGoodsType td.GT_Active
        { 
            background-color:#d8f2f2; 
            border-color:#66bfc5;
        } 
    
    .generalForm tr#tr_field_QD_GoodsTypeDesc {display:none;}
    
    .generalForm td#td_field_QD_tblGoodsType table input[type=text],
    .generalForm td#td_field_QD_tblGoodsType table input[type=email],
    .generalForm td#td_field_QD_tblGoodsType table input[type=password],
    .generalForm td#td_field_QD_tblGoodsType table input[type=tel],
    .generalForm td#td_field_QD_tblGoodsType table input[type=search] {
        width:40px;
        min-width:40px;
    }

    .generalForm td#td_field_QD_tblGoodsType input#field_QD_GoodsType_Bulk_Dsc, 
        .generalForm td#td_field_QD_tblGoodsType input#field_QD_GoodsType_Danger_Dsc, 
        .generalForm td#td_field_QD_tblGoodsType input#field_QD_GoodsType_Valued_Dsc
    {
        width:auto;
    }
    
    .generalForm #info_QD_tblGoodsType
    {
        display:block;
        height:24px;
        width:24px;
        background: url('../images/icon_info.png') 50% 50% no-repeat;
        float:right;
        margin-right:10px;
        cursor:pointer;
    }
       
    
    .generalForm .tooltip 
    {
        padding:10px 0px !important;
    }
    
        .generalForm .tooltip.in {
            filter: alpha(opacity=100);
            opacity: 1;
        }
        
        .generalForm .tooltip.bottom > .tooltip-arrow {
            color: #bbbbbb !important;
            border-bottom:10px solid #bbbbbb !important;
        }
        
        .generalForm .tooltip > .tooltip-inner {
            background-color: #ffffff; 
            color: #666666; 
            border: 2px solid #bbbbbb; 
            max-width:600px;
            padding:10px;
            font-size:12px;
            text-align:left;
        }
    
        .generalForm #info_QD_tblGoodsType + .tooltip > .tooltip-inner {
            width:500px;
            padding:10px 10px 10px 20px;
        }
            .generalForm #info_QD_tblGoodsType + .tooltip > .tooltip-inner ul li
            {
                margin:0px;
            }
           
    .generalForm #perDisp
    {
        margin:5px 10px 5px 0px;
        float:right;
    }
        .generalForm .perDispOk
        {
            font-weight:bold;
            color:#99cc33;
        }
        .generalForm .perDispErr
        {
            font-weight:bold;
            color:red;
        }

td#data_field_QD_totaldisp {
    font-weight: bold;
}