/** Normalization  
    CREDIT:Normalize-css Google code, few css below as been adopted from normalize.css file
    Under the MIT License (Copy, use, etc is allowed) https://code.google.com/p/normalize-css/ 
*/

/* 1. Set default font family to sans-serif.  2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html {font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}
body {margin:0; font-size:12px !important; font-family:verdana, arial, helvetica, sans-serif;}/*Remove default margin.*/
header,article,menu,nav {display:block;} /* Correct `block` display not defined for any HTML5 element in IE 8/9/10/11 and Firefox.*/
/* 1. Correct `inline-block` display not defined in IE 8/9.  2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
a{ background-color: transparent;}/* Remove the gray background color from active links in IE 10.*/
a:active, a:hover { outline: 0; }/* Improve readability of focused elements when they are also in an active/hover state. */
b, strong { font-weight: bold; }/* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
img { border: 0;}/* Remove border when inside `a` element in IE 8/9/10. */
button {  overflow: visible;}/* Address `overflow` set to `hidden` in IE 8/9/10/11. */
/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"]{  -webkit-appearance: button; /* 2 */  cursor: pointer; /* 3 */}
button[disabled], html input[disabled],select[disabled],textarea[disabled] { cursor: default; }/* Re-set default cursor for disabled elements. */
input.readonly[disabled],select.readonly[disabled],textarea.readonly[disabled] { color:black; background-color:white;border-style:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }/* Remove inner padding and border in Firefox 4+. */
input { line-height: normal;}/* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
/* 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}
textarea { overflow: auto; }/* Remove default vertical scrollbar in IE 8/9/10/11. */
b, strong {font-weight:bold;}
/*END of Normalization */

/*Report Styling */
.recordStampY{overflow-y: auto; width:100%; margin-top:5px; max-height:350px;}

.genRptLists {background:white; max-height:370px; padding:1%; padding-top:1%}
.genRptul li{padding:0.7%; border-bottom:1px dashed #dddddd;}
.genRptul li:first-child{border-top:1px dashed #dddddd;}
.genRptul li:hover {background:rgba(0,56,150,0.1)}

div.mcdropdown a{ background:transparent url('../../images/mcdropdown/mcdd_select_button_sprite.gif') no-repeat top left;}
.mcdropdown, div.mcdropdown input, div.mcdropdown div { background-color: white;}
.mcdropdown > input{width:96% !important;}/*Show the x in IE but not in other browsers*/
ul.mcdropdown_menu li.mc_parent { background: url(../../images/mcdropdown/mcdd_icon_normal.gif) no-repeat 100% 50%; }/**/ /*This show the arrows >>*/
/*ul.mcdropdown_menu li.mc_parent{padding-right:20px!important;background:url(../images/mcdropdown/mcdd_icon_normal.gif) no-repeat 100% 50%;}*/
/*ul.mcdropdown_menu li:hover.mc_parent{background:#999 url(../images/mcdropdown/mcdd_icon_hover.gif) no-repeat 100% 50%!important;color:#fff!important;}*/
/***************** Common styling to almost all the pages **************************/
.genBgtree a:hover {background-color:rgb(188,215,250); width:97% !important;}
.relationship_element:hover{background-color:rgb(188,215,250) !important;}

/*Floats, clear and display none */
.genFleft {float:left;} .genFright {float:right !important;} .clear {clear:both;} .genDnone {display:none;} 

/* Text Alignment*/
.genAright {text-align:right}.genAcenter {text-align:center;}.genAleft {text-align:left;}  

.contentzz {color:#ffffff !important; background-color:#00858a;  width: 95%;}
.genReport,.lyonTabs, .contentbb {background: #ddd; border:1px solid #003896; }

/*External Links styling - communityneeds*/
.genExtlinks {text-decoration:underline; cursor:pointer;  margin-right:3%; margin-left:3%}

 .genLogin, .genMainmenu ul, .genReport, .rounded-corners { padding: 3pt; margin: 2pt auto; }

 /*.genRptul ul ul li:hover,*/
.genRptul ul:hover,.genRptLists,.genRpthover:hover,.genLogin, .genMainmenu ul, .genReport,.rounded-corners { 
    behavior: url(../../css/border-radius.htc); 
    -moz-border-radius: 0.75em !important;  
    -webkit-border-radius: 0.75em !important;
    -khtml-border-radius: 0.75em !important;
    border-radius: 0.75em !important;
  		
}
.rounded-top-corners{
    /*padding: 0.75%; margin: 1% auto;*/
    border-top-left-radius:0.75em !important;  
    border-top-right-radius:0.75em !important;  

     -moz-border-radius-topleft: 0.75em !important;  
     -moz-border-radius-topright: 0.75em !important;  
     -webkit-border-top-left-radius:0.75em !important;  
     -webkit-border-top-right-radius:0.75em !important;  
    
    
}
.gridWrap{ background:#ddd }

.genReportinner,.genTree, .gridContainer {
   width: 87%;
   margin: 10px auto;
   padding-top: 1%;
   padding-bottom:0.75%;
   
    

}
.gridContainer {
     behavior: url(../../css/border-radius.htc); 
    -moz-border-radius: 0.8em !important;  
    -webkit-border-radius: 0.8em !important;
    -khtml-border-radius: 0.8em !important;
    border-radius: 0.8em !important;
}
.genTopcurve{
  behavior: url(/css/border-radius.htc); 
    border-top-left-radius:0.8em;
    -webkit-border-top-left-radius: 0.8em; 
     -moz-border-radius-topleft:0.8em;
     border-top-right-radius:0.8em;
    -webkit-border-top-right-radius: 0.8em; 
    -moz-border-radius-topright: 0.8em;
}
.genBottomcurve {
     behavior: url(/css/border-radius.htc); 
    border-bottom-left-radius:0.8em;
    -webkit-border-bottom-left-radius: 0.8em; 
    -moz-border-radius-bottomleft: 0.8em; 
      border-bottom-right-radius:0.8em;
    -webkit-border-bottom-right-radius: 0.8em; 
    -moz-border-radius-bottomright: 0.8em;
}
/*#navlist ul span {margin-top:-0.5%;}*/
.genReport {padding:0; width:26% !important; /*height:7.5em;*/} 
.genReportinner {margin:0 auto; background-color:#003896; width:100%; height:30px; color:#ffffff; padding-top:2%;} 
.genRpreview {width:16em !important;} .genTree {padding-top:1.5%;} .treeHeader {margin-left:2.5%;color:#ffffff; padding-bottom:0.5%}

.genCustheader {
    word-wrap: break-word;
    color:#ffffff; background-color:#003896;  
    border:2px solid #003896;
    -webkit-border:2px solid #003896; 
    -moz-border: 2px solid #003896; 
    padding:0; width:87%;
}
.newGrid{width:100%; background-color:#ffffff;}
.genCustbody{background-color:#ffffff !important; width:98%; color:#000000; padding:1%; display:block;}
.genCustbody a, .genCustbody a:hover{text-decoration:underline; color:#003896; cursor:pointer;}
/*.genCustbody > DIV {padding-bottom:0.5%; margin-left:1%;}*/
.newGrid th { font-style:italic; text-decoration:none; text-align:left;  padding:0.5%; text-transform: capitalize;} .newGrid td {padding-left:0.5%;}
.optionGrid th,.optionGrid th a {background-color:#003896;color:#ffffff;}
.optionGrid th a:hover {background-color:#003896;color:#ffffff;text-decoration: underline;}

/* common text colors with bold*/
.orange_text{ color:#D97300; font-weight:bold;}
.orange_text_underlined{ color:#D97300; font-weight:bold; border-bottom: 1px solid;}
 .lightBlue_text{ color:#8AB5FA; font-weight:bold;} .seaGreen_text{color:#00858A; font-weight:bold;} 
.blueslate_text{ color: #003399; font-weight: bold;} .genTblue {color:#003896;}  .genTred {color:red;}
.genForange {color:#e67300 !important;}

/* common text colors and events for CBISALink (quick link from main application page to pertinent OptionsView lookup page*/
.cbisalink {color:black;}
.cbisalink:hover{text-decoration:underline; color:#003896; cursor:pointer;}

/*Background Colors*/

.genGbg {background-color:#9eab05;}.genBgblue {background-color:#003896;} .genBGorange {background:#e67300;} 
.genBggreen {background-color:#9eab05;} .genBgtree {background-color:#ffffff; padding-left:2%;} 
/*The css setting that applied to all general pages*/
 .genTrow {padding:1%; width:98%; display:block;}

 /*Login Page Styling*/
/*.branding_chw{text-align:left !important; width:100%;}
#divBranding table { width: 98%;}
#Image1 {display:block !important; max-width: 100%; height:auto;}*/
/*#Image1 {width:280px;}*/
.genLogin {width:50%;}
.genOcctabs {background-color:white; padding-bottom:2%}                                                                                      
 .progDiv {padding:1%; margin-left:0; width:60.875em;}

 .occDiv {padding:1%; margin-left:0; width:100.875em;}
 .genJointven{padding:1%; margin-left:0; width:77em;}
.genJointven > Div {font-size:89%;}
/*Columns in percentage... helps fluid layout*/
.genCln2 {width:2%;} .genCln3 {width:3%;} .genCln4{width:4%;} .genCln5 {width:5%;}.genCln6 {width:6%;} .genCln7 {width:7%;} .genCln8 {width:8%;} .genCln9 {width:9%;}
.genCln10 {width:10%;} .genCln11{width:11%;} 
.genCln12 {width:12%;} .genCln13 {width:13%;} .genCln14 {width:14%;} .genCln15 {width:15%;} .genCln16 {width:16%;}  .genCln17 {width:17%;} .genCln19 {width:19%;}                         
.genCln20 {width:20%;} .genCln21 {width:21%;} .genCln23 {width:23%;}.genCln25 {width:25%;}.genCln27 {width:27%;}.genCln28 {width:28%;}.genCln29 {width:29%;}                                                                     
.genCln30 {width:30%;} .genCln31 {width:31%;} .genCln32 {width:32%;}.genCln35,.occCln1 {width:35%;}
.genCln40 {width:40%;} .genCln43 {width:43%;} .genCln45 {width:45%;} .genCln46 {width:46%;} .genCln47 {width:47%;}  .genCln49 {width:49%;}
.genCln50 {width:50%;} .genCln51{width:51%;}.genCln53 {width:53%;} .genCln57 {width:57%;}.genCln59 {width:59%;} 
.genCln60 {width:60%;} .genCln65 {width:65%;} .genCln69 {width:69%;}
.genCln70 {width:70%;} .genCln72 {width:72%;} .genCln73 {width:73%;} .genCln75 {width:75%;} .genCln77 {width:77%;}                                          
.genCln80 {width:80%;} .genCln82 {width:82%;} .genCln84 {width:84%;}                                             
.genCln95 {width:95%;} .genCln96 {width:96%;} .genCln98 {width:98%; } .genCln99 {width:99%; } .genCln100 {width:100%;}

.genBglightgreen{background-color:#ecf0d2 !important; border-width:0px;}
.genTxtbox {height:10em;} /*txtbox with no numbers*/.genLblnum {/*color:red;*/ font-weight:bold;}/*labels with numbers*/
.genTxtnum {/*color:blue;*/}/*text box with numbers*/.genChkbox {}/*checkboxe*/

.genRptBottomborder {border-bottom:1px dotted #9eab05;}
.genRptTopborder {border-top:1px dotted #9eab05;}
/*.genDwnlist,*/.genLblnum, .genTxtnum {text-align:right; height:1.5em; font-size:99%; border-radius:0.3em; font-family:Arial;} /*txtbox and label with numbers... this is necessary for jquery class use*/
.genDwnlist {/*color:purple; height:1.8em; border-radius:0.3em;*/}
.genTxtarea {height:10em; } /*Give same height to all textarea*/
.genTbl{display: table; width:96%; margin:1% auto; } .genTblrow { display: table-row } .genTblcell {display: table-cell; width:49%}/*Table display*/
/*Generic responsive layout can be used anywhere*/
.genTable {display: table;}.genTablerow { display: table-row; } 
.genTblMcell {display: table-cell; vertical-align:middle;}
.genTblUcell {display: table-cell; vertical-align:top;}
.genTblBcell {display: table-cell; vertical-align:bottom;}
.genTblRcell {display: table-cell;}
.genTblSpacing { border-spacing: 0.5em; border-collapse: separate; }
.genTblCollapse{ border-collapse: collapse; }

/*Try to use this everywhere*/
#validEmail, #validEmail1, #validEmail2, #validEmail3 {font-weight:bold; color:#EA5200; text-align:right;}
.textWrapdiv { word-wrap: break-word; }/*word break*//*.textWrapdiv {float: left; display: inline; word-break: break-all; word-wrap: break-word; }*/

/*.genJointven input{ -moz-border-radius: 0.3em; border-radius: 0.3em;  border:solid 1px black;  padding:2%; }*/
/*input[type="text"],textarea{border-radius:0.3em; border:1px solid #bbb; padding:0.7%;} use this eventually*/

/*Tabs and Accordion*/
.lyonTabs{font-size:99%;}.lyonTabs h4{font-size:13px;} .lyonTitles a{font-weight:bold; font-size:0.900em;} 
.lyonAccordion h3,.lyonTabs titleHead, .lyonTabs a{color:#003896 !important;} .lyonTabs a:hover{color:#e67300 !important;} .lyonAccordion h3:hover{color:#ffffff !important;}
.lyonTitles{ background:rgba(0,56,150,0.75); border: 1px solid #003896;}
.lyonAccordion p, .lyonAccordion h3{font-size:12px;} .lyonAccordion h4{color:#003896; font-weight:bold;}

/*this is important for print preview*/
.lyonTabsprint {background-color:#003896; font-size:18px; color:#ffffff;   padding:1%; font-family:Arial;}
.lyonTabs {width:99% !important;}
/*.lyonFintab {width:62.875em !important;}*/
 .lyonFintab {padding:1%; margin-left:0; width:62.875em !important;}
/*#searchbox {width:98%;}*/

/**************************** CBISA Header - part holding logo, menu, in general the toppanel ****************/
#main_navigator {
    height:100%;
    background-image: -ms-linear-gradient(top, #DEDEDE 0%, #FFFFFF 60%);/* IE10 Consumer Preview */ 
    background-image: -moz-linear-gradient(top, #DEDEDE 0%, #FFFFFF 60%);/* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #DEDEDE 0%, #FFFFFF 60%);/* Opera */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DEDEDE), color-stop(0.6, #FFFFFF));/* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-linear-gradient(top, #DEDEDE 0%, #FFFFFF 60%);/* Webkit (Chrome 11+) */ 
    background-image: linear-gradient(to bottom, #DEDEDE 0%, #FFFFFF 60%); /* W3C Markup, IE10 Release Preview */ 
 
}
/*Styling the Navigation panel*/

.DHTMLSuite_paneSplitter_vertical, #NavPanel {

background: #337BBC; /* Old browsers */
background: -moz-linear-gradient(top,  #337BBC 0%, #003896 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #337BBC 0%,#003896 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #337BBC 0%,#003896 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337BBC', endColorstr='#003896',GradientType=0 ); /* IE6-9 */


}
/*Front and Back Menu - Bring close to left*/
#ul_navlist, #navlist { list-style: none; margin-left:-0.1%; text-align:left; padding:3px;} 
.slick-header-column:hover, .genNavlist {
    behavior: url(../../css/border-radius.htc); 
    border-top-left-radius:0.8em !important;
    -webkit-border-top-left-radius: 0.8em !important;
    -moz-border-radius-topleft: 0.8em !important;
    border-top-right-radius:0.8em !important;
    -webkit-border-top-right-radius: 0.8em !important; 
    -moz-border-radius-topright: 0.8em !important;

}
.genNavlist, .slick-header {background:#003896 !important;}
.genNavlist { border: 0.4em solid #003896; border-top:1em solid #003896;  margin-top:-1px !important;}
.genMenubar {background:transparent; padding:0; margin-top:13px !important;}
.slick-header-column:hover {background:#e67300 !important; }

.genMainmenu ul{ width: 96.5% !important;  padding:9px 4px 4px 4px !important;  height:17px !important;}
.genMainmenu ul li span { border-right: 1px solid rgba(0,0,0,0.7) !important; }
.chromestylebuttondiv { padding:6px 4px 8px 4px !important; }/*fixed the indicator button menu to fixed height*/


.dropmenudiv {z-index:999999;/*color:red !important; */}


/*CBISA header styling*/
.logoSize { display: block; width: 100% !important; height: auto !important; }
.supportIcon {height:15px; width:15px; border: none; background-color: Transparent;}
#lyonsoftwareLogo {margin-left:0.3%;}
.logoWidth{ width:250px;  margin-right:0.3%;}

#topRightsec {  width: 27%; padding: 0.1%; margin-right: 0.1%;}/**/
#topMiddlesec { width:55%;}
.customerID { width:23%; text-align:right; /*margin-top:1.3%;*/ color:#d97300; font-size:75%}/**/
.optionBar {float:right; width:1%; /*background-color:#ffffff;*/}

#navlist ul.subnavlist {background:#9eab05; border-top:2px solid #003896; border-bottom:/*0.5em*/ 1px solid #003896; }

/*login/reset password and timeout page style*/
.se-comment{text-align:center; color:red; font-weight:bold; font-family:Verdana; font-size:11pt;}
.popupitem { font-weight:bold; font-size:10px; padding-left:20px; padding-bottom:5px; }
.popupsubitem { font-weight: normal; font-size: 10px; }
.img-circle {
    zoom: 1; -ms-zoom: 1; -webkit-zoom: 1; display:block;  width:100%;  max-width: 100%;  height: 100%; 
    border-top-left-radius: 10em; -webkit-border-top-left-radius:10em; -moz-border-radius-topleft:10em;

}
.resetMiddle,.loginMiddle { background-color:#E5EEFD; border-bottom-right-radius: 10em; -webkit-border-bottom-right-radius: 10em; -moz-border-radius-bottomright: 10em; }
.resetMiddle {border-top-left-radius: 10em; -webkit-border-top-left-radius: 10em; -moz-border-radius-topleft: 10em; padding-top:10%; padding-bottom:10%}
.loginGrad {   
        width:62em; margin:3.125em auto; padding: 0 0 0 0;   
        background-image: -ms-linear-gradient(bottom, #3366CC 0%, #003896 100%);/* IE10+ */ 
        background-image: -moz-linear-gradient(bottom, #3366CC 0%, #003896 100%);/* Mozilla Firefox */
        background-image: -o-linear-gradient(bottom, #3366CC 0%, #003896 100%);/* Opera */
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3366CC), color-stop(100, #003896));/* Webkit (Safari/Chrome 10) */
        background-image: -webkit-linear-gradient(bottom, #3366CC 0%, #003896 100%);/* Webkit (Chrome 11+) */
        background-image: linear-gradient(to top, #3366CC 0%, #003896 100%);/* W3C Markup */ 
        -moz-box-shadow: 0px 0px 15px #888888;
        -webkit-box-shadow: 0px 15px 4px #888888;
        box-shadow: 0px 0px 15px #888888;

    }



/*Filter Div Styling*/
.genFilter { width: 99%; margin: 10px auto; background-color: #ccc;padding:3% 1% 2% 1% } 
 .genRounded,div.genFilter > div:nth-of-type(even),div.genFilter > div:nth-of-type(odd)
 {
     background:#eee; width:98%; padding:1%1%1%1%; border-radius:0.3em; -webkit-border-radius:0.3em;-moz-border-radius:0.3em;
 }
div.genFilter > div:nth-of-type(odd) {background:#ccc;}
.genBgNone {background:none !important; background-color:none !important;}


/*option view page */
.optlogoWidth{ width:250px; height:36%; margin-right:0.3%;}
.optionViewbtn {width:4%;}
#opt_navlist { margin-top: -0.09%; }
.optionViewgreenbar{ border-top:0.09em solid #003896; border-bottom:0.09em solid #003896; background-color:#9eab05; padding:0.25%; /*position:fixed;*/ z-index:9999;}

#filter_message, #wait_message{
    position:absolute; left: 50%; top: -500px; width:550px; color:White;background:#003896; height:30px;  z-index:10000; 
    margin-left:-250px; text-align: center; vertical-align : middle; line-height : 30px;  
}

#filter_message
 { 
   overflow:hidden;  
   opacity:0.65;
   cursor:pointer;
}

.cbisaResmenu { display:none;}
/*common button style*/
.newBtn {
  background: #003896;
  background-image: -webkit-linear-gradient(top, #003896, #003896);
  background-image: -moz-linear-gradient(top, #003896, #003896);
  background-image: -ms-linear-gradient(top, #003896, #003896);
  background-image: -o-linear-gradient(top, #003896, #003896);
  background-image: linear-gradient(to bottom, #003896, #003896);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
  border:none !important;
  box-shadow:none !important;
  text-align:center;
  cursor:pointer;
}
.newBtn:hover {
  background: #003890;
  background-image: -webkit-linear-gradient(top, #003890, #3498db);
  background-image: -moz-linear-gradient(top, #003890, #3498db);
  background-image: -ms-linear-gradient(top, #003890, #3498db);
  background-image: -o-linear-gradient(top, #003890, #3498db);
  background-image: linear-gradient(to bottom, #003890, #3498db);
  text-decoration: none;
}
/*.btnOptionClose {background:#e67300; outline: 0 !important;}*/
.btnDenyrollup,.btnFiscalyear {color:#ffffff !important; background:grey; outline: 0 !important;}

.btnEditDept,.btnRequestrollup,.btnFringe {background:#00858a; color:#ffffff !important; outline: 0 !important;}
.sendEmailbtn {font-size:8.5px;  padding: 3px 7px 3px 7px; /*padding:9%;*/ font-family:verdana; font-weight:bold;}
.timeoutBtn {  /*padding: 3px 7px 3px 7px;*/padding:3%; width:50%; font-weight:bold;}
.sendEmailbtn {font-size:8.5px;  padding: 3px 7px 3px 7px; /*padding:9%;*/ font-family:verdana; font-weight:bold;}
.timeoutBtn,.reportPrevbtn {  /*padding: 3px 7px 3px 7px;*/padding:3%; width:50%; font-weight:bold;}
.timeoutBtn:hover {background:rgba(0,133,138,1) !important;}
.chromestylebutton {background:transparent;}

/*Style for edit dialogue box*/
#EDIT_DIALOG {background-color:#ecf0d2;}
.ui-dialog-buttonpane {background-color:#ffffff !important}
#FacilityMembership { font-size:90% !important; margin-top:0;}
#FacilityMembership li:hover { background:rgba(0,56,150,0.1)}

.DHTMLSuite_paneSplitter_vertical,.DHTMLSuite_paneSplitter_horizontal {background-color:#003896;}/*for IE9*/

/* This is what we want next
.DHTMLSuite_pane_collapsed_west .DHTMLSuite_pane_collapsedInner, .DHTMLSuite_pane_collapsed_east .DHTMLSuite_pane_collapsedInner, .DHTMLSuite_pane_collapsed_west .DHTMLSuite_pane_collapsedInnerOver, .DHTMLSuite_pane_collapsed_east .DHTMLSuite_pane_collapsedInnerOver
.DHTMLSuite_pane_collapsedInner,.DHTMLSuite_pane_collapsed_west {width:20px !important;}
*/
.DHTMLSuite_paneHeader{display:none!important;}/* Hide panelTitle that display current user */



/***************PASSWORD CHANGE STYLE****************/
#complexity, #confirmation { /*padding: 0px 0; width:16px;  margin-left:5px;*/ }
.default{background-color: Transparent;}
.unchecked { background:url("../../images/validate/unchecked.gif") no-repeat 2px 0px; font-weight: bold;  color: #EA5200; }
.checked { background:url("../../images/validate/checked_green.gif") no-repeat 3px 0px; }
#meetsMatch, #meetsComplexity { font-size:7pt; font-weight:bold; font-style:italic; padding-top: 7px; }

/*Pop Up widget div Style*/

.ui-dialog-content {
     background-color:rgb(236, 240, 210) !important;
    
}
.popupimage { width:15px; height:15px;}
.deep_hovered { cursor:pointer; text-decoration:underline; color:blue; }
.attachment_delete { text-decoration:line-through; }
.nowrap { white-space:nowrap; }

/*LyonSoftware overrides for JQuery.alert*/

#popup_content.error {
	background-image: url(../../images/important.gif);
}

#popup_content.warning {
	background-image: url(../../images/warning.png);
}

#popup_content.info {
	background-image: url(../../images/info.gif);
}

#popup_content.help {
	background-image: url(../../images/help.gif);
}

.custom-combobox-input {
    margin: 0;
    background-color:white;
  }
 .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .overflowable {
    overflow:visible;
}

.qa_text {
    width:90%;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    margin-top:0px;

    border-radius:4pt;
    border-style:solid;
    border-width:1pt;
}

span.menu_disable {
    color:GrayText;
}

.nowrap {
  white-space: nowrap;
}
.relationship_list li
{
    background-color:#eeeeee;
}

.relationship_list li:first-child
{
    border-top-left-radius:8pt;
                    border-top-right-radius:8pt;
                    -webkit-border-top-left-radius: 8pt;
					-webkit-border-top-right-radius: 8pt;
}

.relationship_list li:last-child {
    border-bottom-left-radius: 8pt;
    border-bottom-right-radius: 8pt;
    -webkit-border-bottom-left-radius: 8pt;
	-webkit-border-bottom-right-radius: 8pt;
}
.buttonDiv {text-align:center; color:#ffffff; font-size:11px;}


 
.DHTMLSuite_pane_collapsed_west .DHTMLSuite_pane_collapsedInnerOver,.DHTMLSuite_pane_collapsed_west > .DHTMLSuite_pane_collapsedInner {
   color: #ffffff;
    position: relative;
    text-align: center;
   display:table-cell;
	vertical-align:middle;
    font-size:11px;
     
}

 .relationshiplink{ padding:5pt; cursor:pointer;}

/********************************************* RESPONSIVE DESIGN*********************************************/



@media screen and (max-width: 98.438em) { /*1575px width*/
    
 /*#opt_navlist li {border-bottom:1px solid #003896;}*/
       
}
@media screen and (max-width: 93.750em) { /*1500px width*/
    #topMiddlesec {width:55% !important; font-size:95%;}
    .optionViewbtn {width:4.5%;}
    
    /*Report master */
    .genRdate {width:33% !important;}
    .genRorient {width:25%;}.genLogin {width:56% !important;}
}
@media screen and (max-width: 90.000em) { /*1440px width*/
    #topMiddlesec {width:52% !important;} 
    #topMiddlesec DIV:nth-child(1) { margin-right:0.9%;}
   .optionViewbtn {width:5%;}
  

}
@media screen and (max-width: 86.125em) { /*1378px width*/
    .genJointven{
        padding: 0.5%;
        margin: 0.3% auto;
        width: 100% !important;
    }
}

@media screen and (max-width: 81.250em) { /*1300px width*/
    #topMiddlesec {width:46.8% !important;} #topMiddlesec DIV:nth-child(2) {  float:right !important;}
    #topMiddlesec DIV:nth-child(3) { width:99%; text-align:right !important; margin-top:0.3%;}
    .genLogin {width:62% !important;}
    
}
@media screen and (max-width: 80.000em) { /*1280px width*/
    /*Report master */
 #ED,  #SD, .genReport {font-size:90%;}
 .genRdate {width:38% !important;}
 .genRorient {width:30% !important;}
    
}
@media screen and (max-width: 80.000em) { /*1234px width*/


}
/*************************** Medial Min-width = 1208x ************************/
@media screen and (max-width: 75.500em) {
    #opt_navlist > ul { width: 100%; margin:0px}
    .smaller_button { font-size:xx-small; }
    .optionViewgreenbar { border-top:0.05em solid #003896 !important; border-bottom:0.05em solid #003896 !important; }


    /*body:not(:-moz-handler-blocked) #opt_navlist { margin-top: 1%; }*/

}
@media screen and (max-width: 75.000em) { /*1200px width*/

}
/*************************** Medial Min-width = 1175px ************************/
@media screen and (max-width: 73.438em) {
    #topMiddlesec {width:39% !important;}
    .optionViewbtn {width:6%;}
    .genLogin {width:72% !important;}
   /*.genMainmenu ul{height:1.3em !important; }*/
    /*.width45 {width:40%;} .lyonTabs,  .lyonFintab.progDiv { padding: 1%; width: 99% !important;  margin-right: 1%; }
                                                 .genCln23 {width: 25%;}*/

}
@media screen and (max-width: 68.750em) { /*1100px width*/
 .lyonFintab, .progDiv { padding: 0.5%; margin: 0.3% auto;  width: 100% !important; }
}
@media screen and (max-width: 100.750em) { /*1100px width*/
.occDiv { padding: 0.5%; margin: 0.3% auto;  width: 100% !important; }
}

@media screen and (max-width: 67.500em) { /*1080px width*/
/*#topMiddlesec {width:44% !important; font-size:85%;}

 #topMiddlesec DIV:nth-child(2) {margin-left:5% !important;}*/
    /*#topRightsec{width:37% !important;}*/
    /*#topMiddlesec {width:34% !important; font-size:89%;}*/

        /*#topMiddlesec DIV:nth-child(2) {  float:right;}
        #topMiddlesec DIV:nth-child(3) { text-align:center; margin-top:4%;}*/
    /*#topRightsec{width:40% !important;}*/
    
}
@media screen and (max-width: 64.000em) { /*1024px width*/
    /*.progDiv {
        padding: 0.5%;
        margin: 0.3% auto;
        width:99%;
    }*/
    /*#searchbox {
    width:100% !important;}
    #Search {width:70% !important;}*/
   .genLogin {width:81% !important;}
.logoWidth { width: 19.5%; }
/*.genCln10 { width:17%;}*/ 
/*.genCustheader, .genTxtbox, #container{font-size:95% !important;}*/ /*.occKleader {width:74%;}.genTrow > div {padding:0.5%;}*//*Occurrence Page when it 1024px width*/

}
@media screen and (max-width: 63.938em) { /*1023px width*/
 /*.logoWidth { width: 80%; }*/
    #topRightsec { width: 28em;  } 
    .gridWrap {width:100%;}
    .genReportinner, .genTree, .gridContainer {
        width: 98%;
    }
    .genMainmenu ul{font-size:95% }
    /*#topMiddlesec {width:38% !important;}*/ 
                                         

  /*Report master */
.genRdate {width:43% !important;}
 .genRorient {width:25% !important;}
    .genRpreview {width:20% !important;}
}
@media screen and (max-width: 56.250em) { /*900px width*/ 
  #topMiddlesec {display:none; width:35% !important;}
  .optionViewbtn {width:7%;}    .genLogin {width:97% !important;}
    /*#topMiddlesec {width:28% !important; font-size:89%; text-align:center;}
    #topMiddlesec DIV:nth-child(1) {  display:none;}
        #topMiddlesec DIV:nth-child(2) {  float:left;}*/
       /* #topMiddlesec DIV:nth-child(3) { text-align:center; margin-top:4%;}*/
    /*#topRightsec{width:43% !important;}*/
    .genRdate {width:60% !important;}.genRpreview {width:35% !important;}
 .genRorient {width:60% !important;}
 .occCln1 {width:50%;}
    
}
@media screen and (max-width: 50.000em) { /*800px width*/
  .optionViewbtn {width:8%;} 
  .optionViewgreenbar DIV:nth-child(4) { width:3%;}
}
@media screen and (max-width: 43.750em) { /*700px width*/ 

  .optionViewbtn {width:9%;} 

   
}
@media screen and (max-width: 40.625em) { /*650px width*/ 

  .optionViewbtn {width:10%;} 

   
}
@media screen and (max-width: 34.375em) { /*550px width*/ 

  .optionViewbtn {width:11%;} 

   
}
@media screen and (max-width: 30.625em) { /*490px width*/ 

  .optionViewbtn {width:13%;} 

   
}

.silentclickable{

    cursor:pointer;
}

li.LEVEL_1{
     padding-left:15pt
 }
li.LEVEL_2 {
    padding-left: 25pt;
}