/* Styles that re-define standard HTML elements throughout the application */
A {
	color: #6699CC;
	text-decoration: none;
	vertical-align: middle;
}

A:hover {
	text-decoration: underline;
	color: #2D6F9C;
}

A:hover.titleBar {
	font-size: 11px;
	color: #6699CC;
	text-decoration: none;
}

A.login {
	font-size: small;
	color: #666666;
}

A.titleBar {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

A.noStyle 
{
}

BODY, HTML {
    font-family: "Inter","Open Sans","Segoe UI", "Lucida Grande";
    font-size: 12px;
    background-color: white;
    color: #212529;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

img
{
	border : none;
}

HR
{
	height: 1px;
}

H1
{
	font-size: large;
}

H2
{
	font-size: medium;
}

H3
{
	font-size: small;
}


/* Styles for tables with fixed header rows
DIV.fixedHeaderTable
{
	overflow: auto;
}

DIV.fixedHeaderTable TABLE
{
	width: 95%;
	overflow: hidden;
	background-color: #FFFFFF;
}

DIV.fixedHeaderTable TABLE THEAD
{
	position: relative;
	background-color: #FFFFFF;
}

DIV.fixedHeaderTable TABLE THEAD TR
{
	position: relative;
	top: 0px;
	left: 0px;
}

DIV.fixedHeaderTable TABLE TBODY
{
	overflow: auto;
	width: 95%;
}
*/

/* Styles for use throughout the application */

.button[disabled="disabled"]  
{
    color:GrayText;
 } 

.button
{
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.4285;
    color: #262626;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #ffffff 0, #ededed 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0, #ededed 100%);
    background-image: -o-linear-gradient(top, #ffffff 0, #ededed 100%);
    background-image: linear-gradient(to bottom, #ffffff 0, #ededed 100%);
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;  
    background-clip: padding-box;   
    height: 27px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    font-family: "Inter", "Open Sans", "Segoe UI", "Lucida Grande";
    box-sizing: border-box;
}



.button:hover, .button:focus, .button_green:hover, .button_green:focus 
{
	filter: alpha(opacity:80);
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
}

    .button_text
    {
    font-size: x-small;
    color: #777777;
    font-weight:bold;
    text-align: center;
    background: none;    
    cursor: pointer;
    vertical-align: top;
    padding: 2px 3px 3px 3px;
    border:none;   
    }

    .button_green
    {
    font-size: x-small;
    color: #FFF;    
    text-align: center;
    background: #CECECE url(images/buttonpopup_green.jpg) repeat-x;
    border: 1px solid #436825;
    cursor: pointer;
    vertical-align: middle;
    /*padding: 2px 4px 2px 4px;*/    
    border-radius: 3px;
    -moz-border-radius: 2px;
    }

    .button_green_text
    {
    font-size: x-small;
    color: #FFF;
    font-weight:bold;
    text-align: center;
    background: none;    
    cursor: pointer;
    vertical-align: top;
    /*padding: 2px 3px 3px 3px;*/
    padding-top: 2px;
    padding-bottom: 3px;
    border:none;   
    }

/* Styles for a green button SignIn button */	
    

    .greenButton 
    {	                
        text-align: center;
        background:url(images/greenbutton_Middle.png);         
        border:none;               
        cursor: pointer;
        vertical-align: top;
        padding: 0px;
        height: 31px;	
        width:100%;                                             
    }        

    .greenButton_Left
    {
    	width:5px;
    	height:31px;
    	padding:0px;
    	vertical-align: top;
    	border:none;
    	background:url(images/greenbutton_Left.png);   
    }

    .greenButton_Right
    {
    	width:5px;
    	height:31px;
    	padding:0px;
    	vertical-align: top;
    	border:none;
    	background:url(images/greenbutton_Right.png);           	     	                                          
    }
        
       
.button-operationsbar {

    background-image: -webkit-linear-gradient(top,#fff 0,#ededed 100%);
    background-image: -moz-linear-gradient(top,#fff 0,#ededed 100%);
    background-image: -o-linear-gradient(top,#fff 0,#ededed 100%);
    background-image: linear-gradient(to bottom,#fff 0,#ededed 100%);
    color: #444;
    background-color: #fff;
    border-color: #ccc;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
}


.btn.shiny {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.btn.shiny:hover {
  zoom: 1;
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.btn.shiny.active,
.btn.shiny:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.shiny.dropdown-toggle {
  border-left-width: 0 !important;
}

/*#region Success Button*/
.btn-success,
.btn-success:focus {
  background-color: #53a93f !important;
  border-color: #53a93f !important;
  color: #ffffff;
}
.btn-success:hover {
  color: #ffffff;
}
.btn-success.dropdown-toggle {
  border-left-color: #a0d468 !important;
}
.btn-success.active {
  background-color: #3e802f !important;
  border-color: #2f6124;
}
.btn-success.shiny {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3ZGI3MmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlN2QwZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background-image: -moz-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background-image: -o-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background-image: linear-gradient(linear, left to bottom, left bottom, from(#7db72f), to(#4e7d0e));
}
.btn-success:hover,
.open .btn-success.dropdown-toggle {
  background-color: #65b951 !important;
  border-color: #65b951;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #53a93f !important;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
/*#endregion Success Button*/

/*Small button*/
.btn-sm  {
  font-size: 12px;
  padding: 6px 12px;
  line-height: 1.39;
}
.btn-sm > .fa,
.btn-sm > .typcn,
.btn-sm > .glyphicon,
.btn-sm > [class*="wi-"] {
  font-size: 13px;
  margin-right: 3px;
}
.btn-sm > .fa.right,
.btn-sm > .typcn.right,
.btn-sm > .glyphicon.right,
.btn-sm > [class*="wi-"].right {
  margin-right: 0;
  margin-left: 3px;
}
.btn-sm.icon-only {
  width: 31px;
  height: 30px;
  padding: 3px !important;
}
.btn-sm.icon-only > .fa,
.btn-sm.icon-only > .typcn,
.btn-sm.icon-only > .glyphicon,
.btn-sm.icon-only > [class*="wi-"] {
  font-size: 20px;
  line-height: 21px;
}
/*end of small button*/


.checkBox 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	height: 14px;
	width: 14px;
	/*
	left: -4px;
	position: relative;
	*/
}

.comboBox 
{
	font-family: "Open Sans","Segoe UI", "Lucida Grande";
    font-size: 12px;
	color: #000000;
	vertical-align: middle;   
}

.optionBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	
	padding: 0px;
	margin: 0px;
	height: 14px;
	width: 14px;
	
	/*left: -4px;
	position: relative;*/
	top: 0px;
}

.textArea 
{
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	font-size: x-small;
	color: #000000;
	vertical-align: middle;
      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
             box-sizing: border-box;         /* Opera/IE 8+ */
}

.textBox {
    font-family: Inter, Open Sans,Segoe UI, "Lucida Grande";
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
}

.file 
{
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	font-size: x-small;
	color: #666666;
	vertical-align: middle;
	border: 1px solid #666666;
}

/*
    The following Pseudo-Element classes are used to make the File Input Control in IE look more like
    our standard Text Box and Button Controls.
*/
.file::-ms-browse, .file::-ms-value {
    border: 0;
    background-color: white;
	font-size: x-small;
    cursor: pointer;
}
 
.file::-ms-browse {
    border: 1px solid #999;
    color: #777777;
    background: #CECECE url(images/buttonpopup.gif) repeat-x;
    text-align: center;
    vertical-align: middle;
    padding: 2px 4px;
    font-weight: 550;
    border-radius: 3px;
    -moz-border-radius: 2px;
}
 
.file::-ms-value {
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	color: #000000;
	vertical-align: middle;
}

.titleBar {
	font-size: 11px;
	color: #666666;
	background-image:url(images/gradient.png);
	background-color: #CCCCCC;
	padding: 1px 5px 1px 5px;
}

.pageTitle  
{
    font-size: 14px;
    font-weight: 400 !important;
    font-family: 'Open Sans', 'Segoe UI', 'Lucida Grande' !important;
	font-weight: bold;
	color: #737373;
	padding-left: 10px;
	background-color:#FFFFFF;
    background-image: none;
	border-bottom: solid 1px #e5e5e5;
	height: 40px;
}

.bodyHeader 
{
	border: none;
}

.bodyContent
{
	border: none;	
	padding: 0px;
}

.error
{
	font-size: x-small;
	color: #000000;	
	padding: 5px;
	margin-bottom: 5px;
	border: solid 1px #FFCC00;
	background-color: #ffffcc;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.errorUnexpected
{
	font-size: x-small;
	color: #000000;
	
	padding: 5px;
	margin-bottom: 5px;
	border: solid 1px #0262DB;
	background-color: #ffcccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	
}

.statusMessage
{
	font-size: x-small;
	color: #000000;
	
	padding: 5px;
	margin-bottom: 5px;
	border: solid 1px #CCCCCC;
	background-color: #ECECED;
	border-radius: 4px;
	-moz-border-radius: 4px;
}


.login {
	font-size: x-small;
	color: #666666;
}


/* Styles for the list bar menu */
.listBar {
	font-size: 11px;
	color: #6699CC;
	background-color: #0262DB;
	border-top: 1px solid #FFFFFF;
}

.listBarItem {
	font-size: 11px;
	color: #6699CC;
	background-color: #0262DB;
	border: 1px solid #0262DB;
}

.listBarHover {
	border: 1px solid #6699CC;
}

/* Styles for tables */
.table 
{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;	
      border-collapse: collapse;
     font-family: "Open Sans","Segoe UI", "Lucida Grande";
	font-size: 12px;	
}

.tableClosed
{
	border: 1px solid #cccccc;
}



.tableColumnTitle, .tableColumnTitleStart {
	color: #666666;
	background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: linear-gradient(to bottom,#f2f2f2 0,#fafafa 100%);
	background-repeat:repeat-x;
	background-color: #fafafa;
    border: 1px solid #ddd;
	border-right: solid 1px #dfdfdf;
	padding: 5px;
    border-bottom: 3px solid #6f85bf;
    font-weight: 600;
}

.tableColumnTitleStart {
	
}

.tableGrid 
{
     border-collapse: collapse;
     font-family: "Open Sans","Segoe UI", "Lucida Grande";
	font-size: 12px;
    border-top: solid 1px #999999; 
	        border-bottom: solid 1px #999999;   
	        border-left: solid 1px #CCCCCC;
	        border-right: solid 1px #CCCCCC;
}


.tableGrid thead tr td {
            background-color: #ECECED;
	        
	        border-left: solid 1px #CCCCCC;
            color: #666666;	
            padding: 5px;
        }
        
        .tableGrid tbody tr td {
            background-color: #FFFFFF;
            border-left: solid 1px #ECECEC;
            border-bottom: solid 1px #ECECEC;
            padding: 4px 5px 4px 5px;
        }        
        
        .tableGrid table tbody tr td {
            background-color: #FFFFFF;
            border-left: solid 0px #ECECEC;
            border-bottom: solid 0px #ECECEC;
            padding: 0px;
        }  

a.tableLink { 
	color: #666666; 
	text-decoration: none;
}

.tableRow {
	color: #666666;
	background-color: #FFFFFF;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
}

.tableRowBlue {
	color: #666666; 
	background-color: #F5F8FC; 
	border-bottom: solid 1px #CEE7FF;	
	border-right: solid 1px #CEE7FF;
	padding: 3px 5px 3px 5px;
}

.tableRowBlueStart {
	color: #666666; 
	background-color: #F5F8FC; 
	border-bottom: solid 1px #CEE7FF;	
	border-right: solid 1px #CEE7FF;
	border-left: solid 1px #CEE7FF;
	padding: 3px 5px 3px 5px;
}

.tableRowDark {
	color: #666666;
	background-color: #FFFFFF;
     background-image: none;
     border: 1px solid #ddd;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	padding: 3px 5px 3px 5px;
}


.tableRowDarkStart {
	color: #666666;
	background-color: #FFFFFF;
     background-image: none;
     border: 1px solid #ddd;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	border-left: solid 1px #DEEFFF;
	padding: 3px 5px 3px 5px;
}

.tableRowStart {
	color: #666666;
	background-color: #FFFFFF;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	border-left: solid 1px #DEEFFF;
	padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
}

.tableRowTotal {  
	color: #666666;	
	background-color: #ECECED;
	border-top: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	padding: 4px 5px 4px 5px;
}

.tableRowTotalTop {  
	color: #666666;	
	background-color: #ECECED;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #DBDBDB;
	padding: 4px 5px 4px 5px;
}


/* Add-on table Styles */
.alert 
{
	color: red;
}

.standard
{	
	background-color: #FFFFFF;
}
.standardHighlight
{	
	background-color: #FFFFCC;
}


.alternate
{
	background-color: #F7F7FF;
}
.alternateHighlight
{
	background-color: #F1F8CC;
}


.total1
{
	background-color: #E9F5FF; 
}
.total1Highlight
{
	background-color: #E9F5CC; 
}


.total2
{
	background-color: #C4D9E5;
}
.total2Highlight
{
	background-color: #BDDFCC;
}

.total3
{
	color: white;
	background-color: #0066CC;
}

.total3Highlight
{
	color: white;
	background-color: #006699;
}

.total4
{
	color: white;
	background-color: #0033CC;
}

.total4Highlight
{
	color: white;
	background-color: #003399;
}

.locked 
{
	background-color: #ECECED;
}

.partialLocked 
{
    background-color: #FFFECE;
}

.partialLockedHighlight
{
    /*background-color: #DBDB77;*/
    background-color: #FDFDAA;
}

.lockedHighlight
{
	background-color: #ECEC99;
}

/* End of add-on table styles */



.detailBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border-top: 2px solid #cccccc;
	padding: 7px 13px 7px 0px;
	height: 30px;
	left: -1px;
}

.normal 
{
	font-family: "Open Sans","Segoe UI", "Lucida Grande";

	color: #666666;
}

.imageLink
{
	cursor: pointer;	
}






/* Styles for Edit Forms */

.form
{
	font-size: x-small;
	color: #666666;
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: transparent;
	
	-webkit-border-radius: 6px;
}

.formContent
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-collapse:  collapse;
	border: none 0px;
}

.formDetail {
    padding-top: 4px;
    padding-inline-end: 10px;
    padding-bottom: 4px;
    padding-inline-start: 4px;    
}

.formDetailGrid 
{
	padding: 4px 20px 4px 20px;
}

.formDetailHR 
{
	padding: 0px;
	margin: 0px;
	height: 10px;
}

.formDetailNoPadding {
	padding: 0px;
}

.formDetailDark {
    padding-top: 4px;
    padding-inline-end: 4px;
    padding-bottom: 4px;
    padding-inline-start: 10px;
    font-family: Open Sans,Segoe UI, Lucida Grande;
    font-size: 12px;
    color:#262626;
}

.formDetailDarkHR 
{
	padding: 0px;
	margin: 0px;
	height: 16px;
}

.formDetailDarkNoPadding 
{
	padding: 0px
}


.formFooter {
	color: #666666;
	background-color: #ECECED;
	border-bottom: solid 1px #CCCCCC;
	padding: 0px 10px 0px 10px;
	height: 34px;
	border-collapse: collapse;
}


/* Dividing line on Form - applied in com_formcontentdivider */
.formHorizontalDivider 
{
    border-bottom: 1px solid #CCCCCC; 
    width:100%; 
    height:1px;
}



.formTable 
{
	background-color: #fafafa;
    background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: linear-gradient(to bottom,#f2f2f2 0,#fafafa 100%);
    border: 1px solid #ddd;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: x-small;
	border-collapse: collapse;
}

.formTableGrid {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.formTableColumnTitle {  
	
	color: #666666;
	padding: 5px;
	background-color: #fafafa;
    background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: linear-gradient(to bottom,#f2f2f2 0,#fafafa 100%);
    border: 1px solid #ddd;  
    border-bottom: 3px solid #6f85bf;
    font-weight: 600;
}



.formTableRow {
	color: #666666;
	background-color: #FFFFFF;
	border-top: solid 1px #DEEFFF;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	border-left:  solid 1px #DEEFFF;
	padding: 4px 5px 4px 5px;
    border: 1px solid #ddd;
}

.formTableRowAlternate {
	color: #666666;
	background-color: #F5F8FC;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	border-left:  solid 1px #DEEFFF;
	padding: 4px 5px 4px 5px;
}

.formTableRowTotal {  
	color: #666666;
	padding: 4px 5px 4px 5px;
	background-color: #ECECED;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #DBDBDB;
}

.section 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	color: #777777;
	vertical-align: top;
}



/* Styles for the Loading Control */
.loading
{
	font-size: x-small;
	color: #666666;	
}


/* Styles for the menu list control */
.popupMenu
{	
	/*padding-left: 5px;*/ 
	text-align: center;
}


.popupMenuItem
{
	font-size: x-small;
	vertical-align: middle;
	padding: 3px 5px 4px 5px;
	cursor: pointer;
	text-align: left;
	border: none;
	margin: 0px;
}


.popupMenuItemDivider
{
	font-size: x-small; 
	border: none;
	vertical-align: middle; 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}


/* Styles for the TabStrip Control */
.formTabFrameBottom {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.tabOff, .tabOn, .dashboardTabOff, .dashboardTabOn, .dashboardTabDisabled, .tabSelected, .dashboardTabSelected,.tabDisabled, .formTabOff, .formTabOn, .formTabSelected, .formTabDisabled {
    font-family: Verdana, Arial, Helvetica,  Sans-serif;
    font-size: x-small;
    padding: 5px 12px 5px 12px;
}

.tabSelected {
    color: #FFFFFF;
}

.dashboardTabSelected {
    color: #FFFFFF;
    font-weight: bold;
}


.formTabSelected {
    color: #666666;
}

.tabOn {
    color: #ffffff;
}

.dashboardTabOn {
    color: #ffffff;
}

.formTabOn {
    color: #FFFFFF;
}

.tabOff {
    color: #FFFFFF;
}

.dashboardTabOff {
    color: #FFFFFF;
}


.formTabOff {
    color: #666666;
}

.tabDisabled {
    color: #0F385A;
    background-color: #DDDDDD;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #FFFFFF;
}

.dashboardTabDisabled {
    color: #0F385A;
    background-color: #DDDDDD;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #FFFFFF;
}


.tabOff {  	
    background-color: #455560;
    border-bottom: solid 1px #CCCCCC;
    /*border-top: solid 1px #FFFFFF;*/
}

.dashboardTabOff {  	
    background-color: #455560;
    border-bottom: solid 1px #CCCCCC;    
    /*border-top: solid 1px #FFFFFF;*/
}


.tabOn {
    background-color: #283138;
    border-bottom: solid 1px #FFFFFF;
    /*border-top: solid 1px #FFFFFF;*/
    cursor: pointer;	    
}

.dashboardTabOn {
    background-color: #999999;
    border-bottom: solid 1px #999999;    
    /*border-top: solid 1px #FFFFFF;*/
    cursor: pointer;	    
}


.tabSelected {
    background-color: #3B80AA;
    border-left: solid 1px #3B80AA;
    border-right: solid 1px #3B80AA;
    border-top: solid 1px #3B80AA;
}

.dashboardTabSelected {
    background-color: #3b80aa;
    border-left: solid 1px #3b80aa;
    border-right: solid 1px #3b80aa;
    border-top: solid 1px #3b80aa;
}



.dashboardTabOff, .dashboardTabOn, .dashboardTabSelected, .dashboardTabDisabled, .tabOff, .tabOn, .tabSelected, .tabDisabled, .formTabOff, .formTabOn, .formTabSelected, .formTabDisabled {
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
}




.tabIcon, .tabTail, .dashboardTabTail, .formTabIcon  {
    padding: 0px 5px 0px 5px;
    border-bottom: solid 1px #999999;
    width:100%;
}

   

.tabSpace {
    border-bottom: solid 1px #CCCCCC;
}

.dashboardTabSpace {
    border-bottom: solid 1px #CCCCCC;
}


.tabStripBase {
    background-color: #3B80AA;
}

.dashboardTabStripBase {
    background-color: #3b80aa;
}

.dashboardTabStrip {
    background-color: #ECECED;
}



.formTabOn, .formTabOff, .formTabSelected, .formTabDisabled, formTabDisabled {
    font-family: Verdana, Arial, Helvetica,  Sans-serif;
    font-size: x-small;
    font-weight: bold;
    padding: 5px 12px 5px 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
}

.formTabOn {
	background: #CECFCE url(images/taboffpopup.gif) repeat-x;
	border: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	color: #777;
	cursor: pointer;
	opacity: 0.8;
	filter: alpha(opacity:80);
}

.formTabOff {
	background: #CECFCE url(images/taboffpopup.gif) repeat-x;
	border: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	color: #777;
	cursor: pointer;
}

.formTabSelected {
	background: #FFFFFF;
	color: #777777;
	border: solid 1px #CCC;
	border-bottom-color: #FFFFFF;
}

.formTabSpace {
	border-bottom: solid 1px #CCC;
}

.formTabTail {
	border-bottom: solid 1px #CCC;
	padding: 0px 5px;
    width: 100%;
}

.formTabStrip {
	background: #CCC;
}

.formTabDisabled {
	background: #ABABAB url(images/taboffpopup.gif) repeat-x;
	border: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	color: #CCCCCC;
}

.tabScrollEnabled, .tabScrollDisabled {
    padding: 2px 5px 2px 5px;	
    cursor: pointer;    
}







.tabStripFooter {
    background: #FFFFFF;
	border: solid 1px #8C8C8C;
	border-top-width: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.tabStripHeader {
    background: #FFFFFF;
	border: solid 1px #8C8C8C;
	border-bottom-width: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}


.tabOnPopup, .tabOffPopup, .tabSelectedPopup, .tabDisabledPopup, tabDisabledPopup {
    font-family: "Open Sans","Segoe UI", "Lucida Grande";
    font-size: 12px;   
    font-weight: bold; 
    padding: 8px 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
}

.tabOnPopup {
    background: none;
	border: solid 0px #A4A4A4;
	border-bottom: solid 2px #a0d468;
	color: #000;
	cursor: pointer;
	opacity: 0.8;
	filter: alpha(opacity:80);
    font-weight: normal;
}

.tabOffPopup {
    background-color: #fff;
	border: solid 0px #EFEFEF;
	border-bottom: solid 1px #ddd;
	padding-bottom: 9px;
	color: #777;
	cursor: pointer;
    font-weight: normal;
}

.tabSelectedPopup {
    color:#262626;border:0;
    border-top:2px solid #2dc3e8;
    border-bottom-color:transparent;
    background-color:#fbfbfb;
    z-index:12;
    line-height:16px;
    margin-top:-2px;
    box-shadow:0 -2px 3px 0 rgba(0,0,0,.15);
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

.tabSpacePopup {
	border-bottom: solid 1px #ddd;
}

.tabTailPopup {
	border-bottom: solid 1px #ddd;
	padding: 0px 5px;
    width: 100%;
}

.tabStripPopup {
    background-color: #FFF !important;
    border-bottom:  none;
}

.tabDisabledPopup {
    background: none;
	border: none;
	border-bottom:  solid 1px #ddd;
	color: #CCCCCC;
}

/* End of Tab Strip */


/* Autocomplete picker control */
ul .ui-autocomplete {
    border: solid 1px #999 !important;
}

.pickIcon{    
    padding: 7px 7px 7px 7px;    
    color:#999 !important;
    font-size: 11px;
}

.pickdrop{    
    padding-left: 9px !important;    
    padding-right: 9px !important;    
}

/* end of picker*/

.toolbar 
{
    font-family: "Open Sans","Segoe UI", "Lucida Grande";
	font-size: 12px;
	background-color: #f4f7f9;
	color: #262626;
    border-bottom: solid 1px #e5e5e5;
}

.toolbarInner 
{
    font-family: "Open Sans","Segoe UI", "Lucida Grande";
	font-size: 12px;
	background-color: #f4f7f9;
	color: #262626;
	padding: 0px 2px 0px 2px;
}

.toolbarOuter {
    background-color: #f4f7f9;
	border-bottom: 0px;
	padding: 0px 8px 4px 8px;
	height: 30px;
}


/* Styles for the Operations Bar */
.operationsBarOuter {  
	font-family: "Open Sans","Segoe UI", "Lucida Grande"; 
	font-size: x-small;
	height: 20px;
	border-bottom: 1px solid #cccccc;
	width: 100% ;    
}

.operationsBar 
{
	padding:  4px  8px  4px  8px;
	font-size: 12px;
	color: #666666;
}


/* Styles for the DashboardContainer Master Page */
.dashboardContainer
{
	padding: 10px;
	margin: 0px;
	border: none;
}

.dashboardContainerElements
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.dashboardContainerTable
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

.dashboardContainerTableElement
{
	padding-right: 2px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-top: 0px;
	margin: 0px;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
}


/* Styles for the Dashboard Element Control */
.dashboardElementContainer
{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*vertical-align: middle;*/
	vertical-align: top;
	/*text-align: center;*/
	text-align: left;
	border-collapse: collapse;
}

.dashboardElementHeaderEnabled
{
	font-size: x-small;
	color: #666666;
	background-image:url(images/gradient.png);
	/*padding: 2px 8px 2px 8px;*/
	padding: 2px 8px 0px 8px;
	/*margin: 0px 0px 2px 0px;*/
	margin: 0px 0px 0px 0px;
	border: #cccccc 1px solid;
	vertical-align: middle;
	height: 16px;
	/*border-top: #999999 1px solid;*/
	/*border-bottom: #999999 1px solid;*/
	background-color: #E9E9E9;
	
}


.dashboardElementHeaderDisabled
{
	font-size: x-small;
	color: #666666;
	padding: 2px 8px 2px 8px;
	margin: 0px 0px 2px 0px;
	vertical-align: middle;
	height: 16px;
	/*border-top: #999999 1px solid;*/
	border-bottom: #cccccc 1px solid;
	background-color: #FFFFFF;	
}


.dashboardElementHeaderTitle
{
	font-weight: bold;
	font-size: x-small;
}

.dashboardElementHeaderLink
{
	font-size: x-small;
}

.dashboardElementContent
{
	padding: 4px;
	margin: 0px;
	/*vertical-align: middle;*/
	vertical-align: top;
	/*text-align: center;*/
	text-align: left;
	overflow: auto;
	border-collapse: collapse;
}

.dashboardElementContentHiddenMessage
{
	font-size: x-small;
	color: #000000;
	padding: 4px 10px;
	color: #999999;
	margin: 0px;
	vertical-align: middle;	
	text-align: center;
	border: none;
	border-collapse: collapse;

}


/* Styles for the Dashboard Element Master Page */
.dashboardContent 
{
	font-size: x-small;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #FFFFFF;
}




/* Styles for use by Dashboard Elements */
.dashboardTable
{
	border: 1px solid #CCCCCC;
}

dashboardTableNoBorder
{
	border-collapse: collapse;
}

.dashboardTable THEAD, .dashboardTableNoBorder THEAD
{
	color: #666666;
	padding: 4px 5px 4px 5px;	
}

.dashboardTable THEAD
{
	background-color: #EBF2F6 !important;
}

.dashboardTableNoBorder THEAD
{
	background-color: #F5F8FC !important;
}

.dashboardTable THEAD TR TD, .dashboardTableNoBorder THEAD TR TD
{
	color: #666666;
	padding: 7px 5px 7px 5px;	
	background-image:url(images/gradient.png);
	background-color: #CCCCCC;
}

.dashboardTable THEAD TR TD
{
	border: 0px solid #CCCCCC;
}

.dashboardTable TBODY TR, .dashboardTableNoBorder TBODY TR
{
	color: #666666;
	background-color: #FFFFFF;
}

.dashboardTable TBODY TR.alternate, .dashboardTableNoBorder TBODY TR.alternate
{	
	background-color: #FCFCFC !important;
}

.dashboardTable TBODY TR.hover, .dashboardTableNoBorder TBODY TR.hover
{	
	cursor: default;
	background-color: #EBF2F6 !important;
}

.dashboardTable TBODY TR TD, .dashboardTableNoBorder TBODY TR TD
{
	padding: 4px 5px 4px 5px;
}

.dashboardTable TBODY TR TD 
{
	border: 1px solid #F1F8FF;
}


/* Styles for the Chart Control */
.chartBorder 
{
	border: 1px solid #cccccc;
}

.chartToolBar 
{
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	font-size: x-small;
	color: #666666;
	border-bottom: 1px solid #cccccc;
	background-color: #ECECED;
	padding: 5px 6px 5px 6px;
}



/* Styles for the Calendar Control */

.calendarHeader 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
	width: 45px;
	height: 30px;
	border-bottom: 1px solid #cccccc;
}

.calendarHeaderNormal 
{
	background-color: #FFFFFF;
	border: solid 1px #DEEFFF;
}

.calendarHeaderSelected
{
	text-decoration: underline;
	background-color: #FFFFFF;
	border: solid 1px #DEEFFF;
}

.calendarHeaderHover 
{
	cursor: pointer;
	background-color: #DEEFFF;
	border: solid 1px #DEEFFF;
}

.calendarFooter {
	color: #666666;
	height: 30px;
	background-color: #ECECED;
	border-top: solid 1px #cccccc;
	padding: 2px 10px 1px 10px;
}

.calendarDay
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
	width: 45px;
	height: 30px;		
}

.calendarWorkingDay
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
	width: 45px;
	height: 30px;		
	background-color: #FFFFFF;
}

.calendarNonWorkingDay
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
	width: 45px;
	height: 30px;		
	background-color: #CCCCCC;
}

.calendarMonth
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	width: 100%;
	height: 20px;		
}

.calendarNormal 
{
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}

.calendarHover 
{
	background-color: #FFFFFF;
	border: solid 1px #CEE7FF;
	cursor: pointer;
}

.calendarSelected
{
	border: solid 2px #cccccc;
}

.calendarToday 
{
	background-color: #ECECED;
	border: solid 1px #ECECED;
}

.calendarHighlighted 
{
	background-color: #ECECED;
	border: solid 1px #000000;
}


/* Styles for Dashboards */

.dashboardElementSectionTitle
{
	color: #336699;
	padding: 2px 0px 2px 0px;
}

.dashboardElementNormal
{
	color: #666666;
	padding: 2px 0px 2px 0px;
}

.dashboardTableColumnTitle {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	padding: 4px 5px 4px 5px;
	background-color: #F5F8FC;
}

.dashboardTableRow {
	font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #F1F8FF;
	border-right: 1px solid #F1F8FF;
}

.dashboardTableRowStart {
	font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #F1F8FF;
	border-left: 1px solid #F1F8FF;
	border-right: 1px solid #F1F8FF;
}


/* Styles for the Resource Availability Search */
.resAvailabilityNonWorkingDay {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: xx-small;
	color: #666666;
	background-color: #F7F7FF;
	border-bottom: 1px solid #DEEFFF;
	border-right: 1px solid #DEEFFF;
	padding: 5px;
}

.resAvailabilityNotAvailableDay {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: xx-small;
	color: #666666;
	background-color: #ECECED;
	border-bottom: 1px solid #DEEFFF;
	border-right: 1px solid #DEEFFF;
	padding: 5px;
}
.resAvailabilityWorkingDay {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: xx-small;
	color: #666666;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DEEFFF;
	border-right: 1px solid #DEEFFF;
	padding: 5px;
}


        .tbWrap 
        {
	         border: solid 1px transparent !important;	 	              	         
	         border: solid 1px #E9E9E9;	  
	         display:block;
	         height:20px;  	           	         
        }        
        
        
        .tbWrap:hover
        {
        	border: solid 1px #3169C6 !important;        	        	                	
            background-color: #C6D3EF;                        
            cursor:pointer;      
            display:block;
	        height:20px;                                        
	    }
        
        .tbWraphover    /* used in ie.6 as .tbWrap:hover doesn't work well */
        {
        	border: solid 1px #3169C6 !important;        	        	                	
            background-color: #C6D3EF;                        
            cursor:pointer;       
            display:block;
	        height:20px;                                      
	    }

        .tbWrapSelected {
            border: solid 1px #3169C6 !important;
            background-color: #C6D3EF;   
            display:block;
	        height:20px;       
        }


        /* general popup menu common styles */

        .toolbarDropDown:after 
        {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }

        .toolbarDropDown, .toolbarDropDown * {
            padding: 0;
            margin: 0;
        }

        .toolbarDropDown {
            background: #FFFFFF;
            border: 1px solid #626262;
            white-space: nowrap;
            position: absolute;
            display: block;
            text-align: left;
            padding: 2px;
            z-index: 1;
            margin-top: -1px;
        	        	
            float: left;
        }

        .toolbarDropDown .tbItem, .toolbarDropDown .tbItemFocus {    
            display: list-item;
            display: block;
            padding: 0px;	
            cursor: pointer;
        }

        .toolbarDropDown .tbItem {
            border: solid 1px #FFFFFF;
            background: #FFFFFF;
        }

        .toolbarDropDown .tbItemFocus {
            border: solid 1px #3169C6;
            background: #C6D3EF;
        }

        .toolBarDropDown .tbItem, .toolbarDropDown .tbItemFocus, .toolbarDropDown .tbSeparator {
            list-style-type: none;	
            /*width: auto;*/            
            vertical-align: top;
        }

        .toolbarDropDown .tbIcon {    
            border-width: 0px;
            display: inline-block;
            vertical-align: text-bottom;            
        }

        .toolbarDropDown .tbText {
            font: 11px/20px Tahoma, sans-serif;
            font-size: 11px;
            color: #333333;	
            padding: 0px 20px 0px 5px;	            
            vertical-align: text-bottom;
        }

        .toolbarDropDown .tbSeparator {
            background: #8F8F8F;
            padding-top: 1px;
            margin: 1px 0;
            font-size: 0;
            line-height: 0;
        }
            
        .toolbarDropDown .tbDisabled { 
            background-color: #FFFFFF; 
        }


        .toolbarDropDown .tbDisabled .tbIcon {
            filter: alpha(opacity=40);
            opacity: 0.4;
            -moz-opacity: 0.4;            
        }

        .toolbarDropDown .tbDisabled .tbText { 
            color: #999999; 
        }

        .dashboardPageTitle 
        {
            font: 12px Arial, sans-serif;
			color: #006699;
	        padding-left: 10px;
	        border-bottom: solid 1px #cccccc;
	        
	        background-color: White;
	        height: 30px;
        }
        
        .dashboardOperationsBarOuter {  
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size: x-small;
            height: 30px;
            
            width: 100%;
            background-color:#ECECED;
        }

        .dashboardOperationsBar 
        {
            padding:  7px  8px  0px  8px;
            font-size: x-small;
            color: #000000
        }      
/* ---------------------------------------------- */

/* Split Button Styles */
.splitButton {
	display: inline-block;
}

.splitButton a {                                     
    color: #777; 
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.splitButton .text {
    background: transparent url('images/splitbutton.gif') no-repeat top left;
    padding: 5px 7px 5px 8px;
}

.splitButton .arrow {
    background: transparent url('images/splitbuttonarrow.gif') no-repeat top right;
    width: 19px;
    height: 22px;
}

.splitButton .arrow:hover {
	background-position: bottom right;
}

.splitButton ul {
    position: absolute; 
    border: solid 1px #999999; 
    list-style: none; 
    margin: 0px;
    padding: 2px;
    background: #FFFFFF;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.splitButton ul li a {
    padding: 3px;
    border: solid 1px #FFFFFF;
}

.splitButton ul li a:hover {
    border: solid 1px #3399FF;
    background: #CCE5FF;
    text-decoration:none;					/* Remove underline in IE6 */
}


div.formContainer {
    font-size: x-small;            
    background-color: #FFFFFF;
    padding: 0px; 
}

div.formHead {
    font-size: small;
    background-color: #E9E9E9;
    border-top: solid 1px #FFFFFF;
    color: #999999;
    padding-left: 0px;
}

div.formBody {
    background-color: #FFFFFF;
    padding: 10px 10px 0px 10px;  
    overflow: hidden;          
}

div.formFoot {
    background-color: #ECECED;
    color: #666666;
    border-bottom: solid 1px #999999;
    padding: 8px 10px 8px 10px;
    margin: 0px 10px 10px 10px;
}

/* This is required to fix an issue in the 'Loading Style' message box for the Treegrid control. 
   In ie7 and ie8 quirks mode the message box styles are not applied, so we additionally add it here */
.GridMessage {
    background:#F4F4F4; 
    border:1px solid #CBCBCB; 
    padding:10px; 
    white-space:nowrap; 
    text-align:center; 
    font:10px Verdana, Arial, Helvetica, sans-serif;
}

/* used for treegrid keyword colour icons */
.colourImage {display: block; margin-left: auto; margin-right: auto;}

.link {font-weight:normal; color:#0099FF; text-decoration:underline; vertical-align:bottom;}    
.link:hover {color:#2D6F9C;}

/**************************/
/* BOOTSTRAP TYPE STLYES */
/**************************/
/* These are here for pre v6 bootsrap styles on the editable grid.*/
/* Since MVC v6 pages may reference the actual boostrap css file instead.*/
/* This has been left in place so that the editable grid is not effected*/

/* Button Bar */
.btn {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-mini {
padding: 0 6px;
font-size: 10.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .btn:focus {
    color: #234D65;
    text-decoration: none;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-default {
    color: #234D65;
    background-color: #fff;
    border-color: #AFCDE7;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #234D65;
    background-color: #EBF2F6;
    border-color: #5F9CD0;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #234D65;
}

.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 2;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    outline: 0;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
    float: none;
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}

.btn-group-justified > .btn-group .btn {
    width: 100%;
}

/*DROPWDONW MENU*/
.dropdown-menuHolder {display:none;text-align:left;position:fixed;float:left;z-index:9999;}

.dropdown {position: relative;} 
.dropdown-toggle:focus {outline: 0;} 
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;float: left;min-width: 160px;padding: 3px 0;margin: 2px 0 0;font-size: 12px;list-style: none;background-color: #ffffff;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;}
.dropdown-menu.pull-right {right: 0;left: auto;} 
.dropdown-menu .divider {height: 1px;margin: 3px 0;overflow: hidden;background-color: #e5e5e5;}
.dropdown-menu > li > a {display: block;padding: 2px 15px;clear: both;font-weight: normal;line-height: 1.428571429;color: #333333;white-space: nowrap;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #5295CE;
} 
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: #fff;
  outline: 0;
} 
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* INPUT CONTROLS */
/* INPUT CONTROLS - override bootsrap*/
.form-control:-moz-placeholder {
  color: #999999;
}
 
.form-control::-moz-placeholder {
  color: #999999;
}
 
.form-control:-ms-input-placeholder {
  color: #999999;
}
 
.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}


.form-control {
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #262626;
  font-weight: 400;
  line-height: 150%;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #E9ECEF;
  border-radius: 4px;

}
    .form-control:focus {
        border-color: #076FCA;
        outline: 0;
        -webkit-box-shadow: 0px 0px 0px 4px rgba(116, 230, 255, 0.10), 0px 0px 0px 2px rgba(48, 148, 205, 0.26);
        box-shadow: 0px 0px 0px 4px rgba(116, 230, 255, 0.10), 0px 0px 0px 2px rgba(48, 148, 205, 0.26);
    } 
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
} 
textarea.form-control {
  height: auto;
}

.form-control.btn-primary:hover{
    background-color: #0284c6  !important;    
}

.form-control.btn-primary {
    padding: 5px 8px 5px 6px !important;
    background-image:none !important;
    background-color: #0072c6 !important;
    color: #FFFFFF !important;
    font-weight:bold !important;    
    font-size:12px;
}

/* FormdataEntry.master content */

#masterPage_divFormBody{
    border: solid 1px #ddd !important;    
    border-top-width: 0px !important;    
}

.formContainer{
    background: #FFFFFF !important;
}


.form, .formTable, .formTabOn, .formTabOff, .formTabSelected, .formTabDisabled, formTabDisabled {
    font-size: 12px;    
}

.formTabOn, .formTabOff, .formTabSelected, .formTabDisabled {
    font-size: 11px;
    font-weight:500;
}


/* End of FormdataEntry.master content */

/*#region Blue Button*/
.btn-blue,
.btn-blue:focus {
  background-color: #0284c6 !important;
  border-color: #0284c6;
  color: #ffffff;
}
.btn-blue:hover {
  color: #ffffff;
}
.btn-blue.dropdown-toggle {
  border-left-color: #81c1fb !important;
}
.btn-blue.active, .button.active {
  background-color: #449cec !important;
  border-color: #3d90db;
}
.btn-blue.shiny {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3MGJhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0OWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
  background-image: -moz-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
  background-image: -o-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
  background-image: linear-gradient(linear, left to bottom, left bottom, from(#70bafd), to(#449cec));
}
.btn-blue:hover,
.open .btn-blue.dropdown-toggle {
  background-color: #70bafd !important;
  border-color: #70bafd;
  color: #fff;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #5db2ff !important;
  border-color: #5db2ff;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
/*#endregion Blue Button*/

.btn-white {
    background-color: white;
    border-color: #cccccc;
    padding: 6px 12px;
}



.LegacyDashboardTable{
    border-top:none !important;
}