﻿body 
{
    background-color: #FFFFFF;
    font-family: 'Open Sans';
    font-size: 13px;
    color: #333333;
    margin: 0;
    padding:0;
    top:0;
    width:100% !important;
}
textarea {
    resize:none;
}
input, textarea, keygen, select, button {
font-family: 'Open Sans' !important;
}
fieldset {
    border: 1px solid #a0bac3 !important;
    padding-bottom:2px;
}
.sample
{

    width:200px;
    height:20px;
    border:1px solid;
    background-color:#cccccc;
}

#Roldesc:first-letter 
{
	
 text-transform:uppercase;
}

.bannerbackground
{
   background-image :url('../../Images/FINAL_BANNER2.png'); 
   background-repeat:inherit;
   background-position : right top;
   width:100%;
   
 
}
 
.login
{
   background-image :url('../../Images/login.jpg'); 
   background-repeat:inherit;
   background-position : right top;
   width:100%;
 
}
.accordionContent
        {
            border-color: -moz-use-text-color #ccc #ccc;
            border-right: 1px solid #ccc;
            border: 0.5px solid #ccc;
			border-width:0px 1px 0px ;
            width: 100%;
            height:300px;
            padding:2px;
            box-sizing:border-box;
        }
        .accordionHeaderSelected
        {
        
            /*background-color: #bccee2;*/
                background-color: #005776;
            border: 1px solid #2F4F4F;
            color: white;
            cursor: pointer;
            /*font-family: Arial;*/
            font-size: 12px;
            font-weight: bold;
            margin-top: 5px;
            padding: 5px;   
        }
.accordionHeaderSelected a {
    color:#fff !important;   
}
        .accordionHeader
        {
            background-color: #005776;
            border: 1px solid #2F4F4F;
            color: Black;
            cursor: pointer;
            /*font-family: Arial;*/
            font-size: 12px;
            font-weight: bold;
            margin-top: 5px;
          	padding: 5px 0px;
            
        }
        
        
.grid
{
    font-family: tahoma;
    font-size: 12px;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    color: #333333;
    width: 100%;
}

.grid th
{
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 1px;
    color: white;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align: left;
    background-color: Highlight;
}
.grid td
{
    color: #333333;
    padding: 4px 1px 4px 1px;
    
    padding: 4px 5px 4px 10px;
    clear:both;
}
.gridRow
{
    background-color: #B1DEDC;
}

.gridAltRow
{
    background-color: #D1EDE9;
}

.gridEditRow
{
    background-color: #0DC6DE;
}
.gridFooterRow
{
    background-color: #E8ECED;
}
.grid tr.gridRow:hover, .grid tr.gridAltRow:hover
{
    font-family: tahoma;
    font-size: 12px;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    background-color: #99BBE1;
}

.hCursor
{
    cursor: pointer;
    cursor: hand;
}


/*fieldset {border:1px solid red} this is the border color*/ 
legend {color:#005776; font-weight:bold; font-size:14px; text-align:left;} /* this is the GroupingText color */


input[type="text"][disabled], input[type="checkbox"][disabled], select[disabled], input[type="radio"][disabled] {
    /*background-color: #ECECEC;
    border: solid 1px #7F9DB9; 
    color:Red;*/
    background-color: #d7eaf1;
    border: solid 1px #b0ccd6;
    color: #036c92;
    cursor: no-drop;
}

.drpPrompt
{
 display:none;
 color:Green;
 
}
.leftarrow
{
	
}



.rightarrow
{
	
}


table
{
    padding: 0px;
    border-collapse: collapse;
}

table.table-form
{
    text-align: center;
    margin: auto;
    border-collapse: separate;
    border-spacing: 2px;
}

table.table-form td
{
    text-align: left;
}

td
{
    vertical-align: top;
}



.lovbutton
{
    width: 26px;
    height: 20px;
    vertical-align:bottom;
}

.label-title
{
    font-size: 18px;
    font-weight: bold;
}

.label-title-small
{
    font-size: 16px;
    font-weight: bold;
}

.TextLabel
{
    font-size: 12px !important;
}
.label-field, .label-header, .label-caption
{
    font-size: 12px !important;
    font-weight: bold;
}

.label-header, .label-text
{
    text-align: left;
    /*font-family:Arial;*/
}

.label-caption
{
    text-align: center;
	height: 25px;
	margin-left: 0px;
	width: 64px;
	/*font-family:Arial;*/
}

.label-field
{
	 /*font-family:Arial;*/
    text-align: right;
    padding-right: 5px;
}

.label-text, .link-submenu, .label-text-upper
{
    font-size: 12px;
	margin-bottom: 0px;
	/*font-family:Arial;*/
}

.label-text-upper
{
    text-transform: uppercase;
}
.labelstyles
{
  font-size:12px;
  width:auto;
  float:left;
  font-weight:bold;
  color:Black;
  vertical-align:text-top;
}
.labelvalues
{
  font-size:12px;
  width:auto;
  float:left;
  font-weight:normal;
  color:Black;
  vertical-align:text-top;
}
.gridheader
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:250px;
}

.gridtext
{
  font-size:11px;
  text-align: left;
  vertical-align:middle; 
  font-weight:normal;
  color:Black;
}

.gridHyperLink
{
  font-size:14px;
  text-align: center;
  vertical-align:middle; 
  font-weight:bold;
  color:blue;
}

.gridheaderNIR
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:130px;
  color:white;
}

.gridtextNIR
{
  font-size:11px;
  text-align: left;
  vertical-align:middle; 
  width:130px;	
  font-weight:normal;
  color:Black;
}
.gridtextNIRcolorNone
{
  font-size:11px;
  text-align: left;
  vertical-align:middle; 
  width:130px;	
  font-weight:normal;
  
}

.gridheader400
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:400px;
  color:white;
}

.gridtext400
{
  font-size:11px;
  text-align: left;
  vertical-align:middle; 
  width:400px;	
  font-weight:normal;
  color:Black;
}

.gridheader300
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:300px;
  color:white;
}

.gridtext300
{
  font-size:11px;
  text-align: left;
  vertical-align:middle; 
  width:300px;	
  font-weight:normal;
  color:Black;
}
.gridtext200
{
  font-size:8px;
  text-align: left;
  vertical-align:middle; 
  width:200px;	
  font-weight:normal;
  color:Black;
}

.gridheader500
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:500px;
  color:white;
}

.gridtext500
{
  font-size:11px;
  text-align: left;
  vertical-align:middle; 
  width:500px;	
  font-weight:normal;
  color:Black;
}
.gridheaderAbbr
{
  font-size:12px;
  /*text-align: left;*/
  font-weight:600 !important;
  /*width:200px;
  color:#333333;*/
}

.gridtextAbbr
{
  font-size:11px;
  text-align: left;
  width:200px;
   vertical-align:middle; 
  font-weight:normal;
  color:Black;
}

.gridheadercode
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:200px;
  color:white;
}

.gridtextcode
{
  font-size:11px;
  text-align: left;
   vertical-align:middle; 
  font-weight:normal;
  color:Black;
}

.gridheaderdesc
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:300px;
  color:white;
}

.gridtextdesc
{
  font-size:11px;
  text-align: left;
  width:300px;
  font-weight:normal;
  vertical-align:middle; 
  color:Black;
  
}
.rbgridfront
{
  font-size:12px;
  text-align: left;
  width:80px;
  vertical-align:middle; 
  font-weight:bold;
  color:Black;
}

.gridheaderactive
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
   vertical-align:middle;
  width:70px;
  color:Black;
}
.rbgridfront
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:20px;
  color:Black;
}
.rbgridfront100
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:100px;
  color:Black;
}

.rbgridtextfront100
{
  font-size:12px;
  text-align: left;
  font-weight:normal;
  width:100px;
  color:Black;
}
.rbgridfronttext
{
   font-size:11px;
  text-align: left;
   vertical-align:middle;
  width:20px;
  font-weight:normal;
  
}
.gridtextactive
{
  font-size:11px;
  text-align: left;
  width:70px;
  vertical-align:middle; 
  font-weight:normal;
  color:Black;
}

.rbgridheader
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:75px;
  color:Black;
}
.rbgridtext
{
   font-size:11px;
  text-align: left;
  vertical-align:middle;
  width:75px;
  font-weight:normal;
  color:Black;
}



.rbgridheader150
{
  font-size:12px;
  text-align: left;
  font-weight:bold;
  width:150px;
  color:Black;
}
.rbgridtext150
{
   font-size:11px;
  text-align: left;
  vertical-align:middle;
  width:150px;
  font-weight:normal;
  color:Black;
}

.rbgridselect
{
  font-size:12px;
  text-align: left;
  width:60px;
  vertical-align:middle; 
  font-weight:bold;
  color:white;
  padding-left:2px;
}
.rbgridtextselect
{
  font-size:11px;
  text-align: left;
  width:60px;
  vertical-align:middle; 
  color:Black;
}

.item-list
{
	top:auto !important; 
	margin-top:1.5em !important;
    height: auto;
    max-height:180px;
    /*min-height: 100px;*/
    overflow:visible;
    background-color: #EEEEEE;
    list-style-type: none;
    padding-left: 0px;
    padding-top: 0px;
    margin: 0px;
    z-index: 2000;
}

.item-style, .item-style-highlight
{
    font-size: 9px;
    padding: 2px;
    height: 15px;
}

.item-style-highlight
{
    background-color: #cccccf;
}

.ul-list-item
{
    list-style-type: none;    
    height: 15px;
    padding: 2px;
   
    font-size: 9px;
    background-color: #cccccf;
    white-space:nowrap;
}

.ul-list-item:hover
{
    background-color: #cccccf;
    color: #333333;
}

.ul-list-item li
{
    text-align: left;
    float: left;
    background-color: inherit;
}

.link-submenu
{
    padding: 5px;
}

.list-item div
{
    padding: 3px;
    width:700px;
}

.panel-default
{
}

.panel, .panel-actions, .panel-status
{
    padding: 2px 0px 3px 0px;
    border: solid 0px #EEEEEE;
    /*font-family:Arial;*/
}

.panel
{
    text-align: center;
    margin: auto;
     /*font-family:Arial;*/
}

.panel1 {
    text-align: center;
    margin: auto;
    /*font-family:Arial;*/
    overflow-y: scroll;
    overflow-x: scroll;
    height: auto;
}

.panel-actions
{
    text-align: right;
}

.panel-status
{
    text-align: left;
}

.panel-modal
{
    /*background-color: Gray;
    filter: alpha(opacity=70);*/
        background: #005776;
    opacity: 0.9;
    position:absolute;
left:0px;
top:0px;
z-index:-10;
}



.panel-header
{
    background-color:#CCCCCF;
    padding: 3px;
    height: 20px;
}

.panel-content
{
  padding: 5px 5px;
  
   text-align: left;
   border: solid 1px #CCCCCF;
}

.panel-dialog
{
    text-align:center; 
    margin:auto
}
.error-text
{
    font-size:  10px;
    color: #E00000;
    text-align: left;
}
.message-text
{
    font-size: 14px;
     font-weight:bold;
    color:#044b65;
    text-align: left;
}

a, a:visited
{
    /*color: #0066FF;*/
    color:#0077b3;
}

a.mainmenu
{
    color: #003399;
}

a.submenu
{
    color: #004080;
}

.panel-footer
{
    background-color: #FFFFFF;
    width: 100px;
    height: 20px;
    text-align: center;
    padding: 3px;
    border: solid 1px #333333;
    z-index: 2000;
}

div.div-center
{
    text-align: center;
    margin: auto;
}

div.div-left
{
    text-align: left;
}

.dummy
{
    font-size: 1.1em;
    /*font-family: Arial;*/
    margin-left:0em;
    margin-right:0em;
}

.CustomTabStyle .ajax__tab_body {
    /*font-family: Arial;*/
    font-size: 0.78em;
}

.reorder-drag
{
	/*background-color: #999999;
	border: thin outset black;*/
    background-color: #d1e1e6;
    border: thin outset #e6eef1;
	cursor: move;
	height: 22px;
	width: 13px;
    letter-spacing:2px;
}

.reorder-container
{
	margin:0px !important;
	padding:0px !important;
	width: 100%;
}

.reorder-container ul
{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.reorder-container li 
{
    /*background-color: #CCCCCC;*/
    /*background-color:rgba(0, 87, 118, 0.1);*/	
    list-style-image: none;
    list-style-type: none;
    /*margin-bottom: 2px;*/
    min-height: 24px;
}
.reorder-container li table td {
            border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color:#ccc;
    }
    .reorder-container li table table td {
            border-style: solid;
    border-width: 0 1px 0px 1px;
    border-color:#ccc;
    height:26px;
    padding:0px 2px;
    }

.dragVisualContainer li {
	background-color:#EEEEEE; 
	list-style-type: none; 
	list-style-image: none
}

.reorder-cue 
{
    border: thin dotted red;
    height: 25px;
    width: 100%;
}

.reorder-item 
{
    margin-left: 20px;
    text-align:	left;
}
.reorder-item td {
    padding-left:2px;
    height:26px;
}
.grid-view
{
	clear:both;
}
#navig-links
{
	list-style: none;
	padding: 0px 10px;
	margin: 0px;
	/*width: 100%;*/
    display:inline-block;
    text-align:right;
	height: 20px;
}
#navig-links li
{
    float: left;
    padding:0;
    /*padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-top: 0px;*/
    height: 20px;
}
.tab-header
{
	text-decoration: none;
	font-size: 13px;
	color: #333333;

	font-weight:bold;
}
.grid-header
{
	background-color: #005776;
	color: white;
	height: 26px;
}


/* ajax__tab_lightblue-theme theme (images/lightblue.jpg) */


/*.MyTabStyle1 .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #c2e0fd;
   
}
.MyTabStyle1 .ajax__tab_header .ajax__tab_outer 
{
    background:url(../../Images/lightblue.jpg) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}

.MyTabStyle1 .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.MyTabStyle1 .ajax__tab_hover .ajax__tab_outer 
{
    background: url(../../Images/lightblue.jpg) #bfdaff repeat-x left -1300px;
}
.MyTabStyle1 .ajax__tab_active .ajax__tab_tab 
{
    color:#000;
}
.MyTabStyle1 .ajax__tab_active .ajax__tab_outer
{
    background:url(../../Images/lightblue.jpg) #ffffff repeat-x left -1400px;
}
.MyTabStyle1 .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#ffffff;    
    border:solid 1px #808080;
    border-top-width:0px;
}

/* tabthemes1 */


/* .MyTabStyle .ajax__tab_header
        {
            font-family: "Helvetica Neue" , Arial, Sans-Serif;
            font-size: 14px;
            font-weight:bold;
            display: block;

        }
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
			background:url(Images/lightblue.jpg) #d8d8d8 repeat-x;
            border-color: #222;
            color: #222;
            padding-left: 10px;
            margin-right: 3px;
            border:solid 1px #d7d7d7;
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {
        	background: url(Images/lightblue.jpg) #bfdaff repeat-x left -1300px;
            background-color:#9c3;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
        {
            border-bottom-color: #ffffff;
            background-color: #d7d7d7;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
        {
        	background:url(Images/lightblue.jpg) #ffffff repeat-x left -1400px;
            color: #000;
            border-color: #333;
        }
        .MyTabStyle .ajax__tab_body
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #fff;
            border-top-width: 0;
            border: solid 1px #d7d7d7;
            border-top-color: #ffffff;
        }
/*********    end of theme 1 ********/


/**********theme 2 ************/


/* default layout */
/*.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}/*

/* xp theme */
/*.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(AjaxControlToolkit.Tabs.tab-line.gif) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(AjaxControlToolkit.Tabs.tab-right.gif) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(AjaxControlToolkit.Tabs.tab-left.gif) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(AjaxControlToolkit.Tabs.tab.gif) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(AjaxControlToolkit.Tabs.tab-hover-right.gif) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(AjaxControlToolkit.Tabs.tab-hover-left.gif) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(AjaxControlToolkit.Tabs.tab-hover.gif) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(AjaxControlToolkit.Tabs.tab-active-right.gif) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(AjaxControlToolkit.Tabs.tab-active-left.gif) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(AjaxControlToolkit.Tabs.tab-active.gif) repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}*/

/* scrolling */
/*.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}*/

/* plain theme */
/*.ajax__tab_plain .ajax__tab_outer {text-align: center; vertical-align: middle; border:2px solid #999999;}
.ajax__tab_plain .ajax__tab_inner {text-align: center; vertical-align: middle; }
.ajax__tab_plain .ajax__tab_body {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_header {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {background:#FFFFE1;}


body
{
    font-family:verdana,tahoma,helvetica;
}*/

/* ajax__tab_red-theme theme (images/red.jpg) */
/*.ajax__tab_red-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    font-weight:bold;
    border-bottom:solid 5px #a50000;
}
.ajax__tab_red-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Images/red.jpg) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_red-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_red-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(Images/red.jpg) #bfdaff repeat-x left -1300px;
}
.ajax__tab_red-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_red-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(Images/red.jpg) #a50000 repeat-x left -1400px;
}
.ajax__tab_red-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}


/* ajax__tab_green-theme theme (images/green.jpg) */
/*.ajax__tab_green-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #7cdb44;
}
.ajax__tab_green-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Images/green.jpg) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_green-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_green-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(Images/green.jpg) #bfdaff repeat-x left -1300px;
}
.ajax__tab_green-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_green-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(Images/green.jpg) #7cdb44 repeat-x left -1400px;
}
.ajax__tab_green-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}
/* ajax__tab_orange-theme theme (images/orange.jpg) */
/*.ajax__tab_orange-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #84aeef;
}
.ajax__tab_orange-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Images/orange.jpg) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_orange-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_orange-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(Images/orange.jpg) #bfdaff repeat-x left -1300px;
}
.ajax__tab_orange-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_orange-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(Images/orange.jpg) #84aeef repeat-x left -1400px;
}
.ajax__tab_orange-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}

/* ajax__tab_darkblue-theme theme (images/darkblue.jpg) */
/*.ajax__tab_darkblue-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #84aeef;
}
.ajax__tab_darkblue-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Images/darkblue.jpg) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_darkblue-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_darkblue-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(Images/darkblue.jpg) #bfdaff repeat-x left -1300px;
}
.ajax__tab_darkblue-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_darkblue-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(Images/darkblue.jpg) #84aeef repeat-x left -1400px;
}
.ajax__tab_darkblue-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}
/* ajax__tab_blueGrad-theme theme (images/blueGrad.jpg) */
/*.ajax__tab_blueGrad-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    color:#ffffff;
    border-bottom:solid 5px #84aeef;
}
.ajax__tab_blueGrad-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Images/blueGrad.jpg) repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:middle;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_blueGrad-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#ffffff;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_blueGrad-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(Images/blueGrad.jpg) #84aeef repeat-x left -1300px;
}
.ajax__tab_blueGrad-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_blueGrad-theme .ajax__tab_active .ajax__tab_outer
{
     background:url(Images/blueGrad.jpg) #84aeef repeat-x left -1400px;  
}
.ajax__tab_blueGrad-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8'); 
    border:solid 1px #808080;
    border-top-width:0px;
}
*/


.ContentContainer
{
	background-color: #EFEFEF;
	border:solid 1px #B2B7BC;
	padding: 5px 5px 30px 5px;
	margin-bottom:15px;
	overflow:auto;
	overflow-y:hidden;
}


.PopupContainer
{
    height:auto;
    margin-top:auto;
    margin-bottom:auto;
    overflow:auto;
    max-height:70%;
}


.PopupHeaderContainer
{
    background-color:#9A4D9E;
    position: absolute;
	top: 500px;
	left: 500px;
    z-index:1;
}


.PopupContentContainer
{
    background-color:#EFEFEF;
    padding:10px 10px 10px 10px;
    border-bottom:solid 2px #9A4D9E;
    border-right:solid 2px #9A4D9E;
    border-left:solid 2px #9A4D9E;
}


.PopupPageBackground
{
    background-color:white;
    filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity:0.6;
}
.rbgridheader100
{
  font:12px arial;
  text-align: left;
  font-weight:bold;
  width:150px;
  color:Black;
}
.rbgridtext100
{
   font:11px arial;
  text-align: left;
  vertical-align:middle;
  width:150px;
  font-weight:normal;
  color:Black;
}

/****Button*****/
.btn {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 6px 7px;
    color: #ffffff;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
}
.btnSave {
    background-color: #1db3b5;
    border: 1px solid #009ad2;
    color:white;
}
    .btnSave:hover, .btnSave:focus {
        background-color: #fff;
        color:#009FD8;    
    }
.btnUpdate {
    background-color: #005776;
    border: 1px solid #005776;
}
    .btnUpdate:hover, .btnUpdate:focus {
        background-color: #fff;
        color:#005776;
    }
.btnCan {
    background-color: #717171;
    border: 1px solid #5f5e5e;
}
    .btnCan:hover, .btnCan:focus {
        background-color: #fff;
        color:#5f5e5e;
    }


/****** Rad Grid*******/
.RadUpload .ruInputs li {
    margin-bottom:0px;
}
td.tableBody {
    font-weight:600;
    color:#333333;
}

.RadGrid_Outlook .rgHeader {
    color:#fff !important;
}
.RadGrid {
    /*border:0px !important;*/
    border-color:#005776 !important;
    outline:none;
}
.RadGrid_Outlook .rgHeader, .RadGrid_Outlook th.rgResizeCol, .RadGrid_Outlook .rgHeaderWrapper,
.RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue th.rgResizeCol, .RadGrid_WebBlue .rgHeaderWrapper
 {
    border-left: 1px solid #23A3A5 !important;
    border-bottom: 1px solid #23A3A5 !important;
    background: #005776 !important;
    background-image: none !important;
}
.RadGrid_Outlook .rgFilterRow > td, .RadGrid_Outlook .rgRow>td, .RadGrid_Outlook .rgAltRow>td {
    border-color:#daddde !important
}
.RadGrid .rgFilter {
    padding:3px !important;
}
.RadGrid_Outlook .rgInput, .RadGrid_Outlook .rgEditRow > td > [type="text"], .RadGrid_Outlook .rgEditForm td > [type="text"], 
.RadGrid_Outlook .rgBatchContainer > [type="text"], .RadGrid_Outlook .rgFilterBox, .RadGrid_Outlook .rgFilter,
.RadGrid_WebBlue .rgFilter, .RadGrid_WebBlue .rgFilter, .RadInput_Outlook .riTextBox, .RadInput_Outlook .riSelect, .RadInput_Outlook .rcSelect, .RadInputMgr_Outlook
 {
    border-color:#ccc !important;
    background-color:#fff !important;
    background-image:none !important;
}
    .RadGrid_Outlook .rgInput:hover, .RadGrid_Outlook .rgEditRow > td > [type="text"]:hover, 
    .RadGrid_Outlook .rgEditForm td > [type="text"]:hover, .RadGrid_Outlook .rgBatchContainer > [type="text"]:hover, 
    .RadGrid_Outlook .rgFilterBox:hover,
    .RadGrid_Outlook .rgInput:focus, .RadGrid_Outlook .rgEditRow > td > [type="text"]:focus, 
    .RadGrid_Outlook .rgEditForm td > [type="text"]:focus, .RadGrid_Outlook .rgBatchContainer > [type="text"]:focus, 
    .RadGrid_Outlook .rgFilterBox:focus,
    .RadGrid_WebBlue .rgFilter:hover, 
    .RadGrid_WebBlue .rgFilter:focus, 
    .RadInput_Outlook .riTextBox:focus, .RadInput_Outlook .riTextBox:hover, 
    .RadInput_Outlook .riSelect:focus, .RadInput_Outlook .riSelect:hover, 
    .RadInput_Outlook .rcSelect:focus, .RadInput_Outlook .rcSelect:hover, 
    .RadInputMgr_Outlook:focus, .RadInputMgr_Outlook:hover
     {
     border-color:#009FD8 !important;
    }

    .RadGrid_Outlook .rgFilter:hover, .RadGrid_Outlook .rgFilter:focus {
        border-color:#009FD8 !important;
     box-shadow:none !important;
    }
    .RadGrid_WebBlue .rgFilterRow{
        background-color:#e7f6fb !important;
     }
.RadGrid_Outlook .rgPagerCell {
        color:#fff !important;
        font-size:12px !important;
        background: #005776 !important;
        background-image: none !important;
        border: 0 !important;
        font-weight:600;
    }
.RadComboBox_Outlook .rcbReadOnly, .RadGrid_Outlook .rgPagerCell .rgActionButton,
.RadGrid_Outlook .rgFilterActive, .RadGrid_Outlook .rgFilterActive:hover, .RadGrid_Outlook .rgFilterActive:focus,
.RadGrid_WebBlue .rgFilterActive, .RadGrid_WebBlue .rgFilterActive:hover, .RadGrid_WebBlue .rgFilterActive:focus
 {
    background-image:none !important;
    background-color:#fff !important;
    border-radius:0px !important;
    border:0px !important;
    box-shadow:none !important;

}
    .RadComboBox_Outlook .rcbReadOnly.rcbHovered, .RadComboBox_Outlook .rcbReadOnly.rcbFocused, 
    .RadComboBox_Outlook .rcbReadOnly.rcbExpanded {
        border-color:#009FD8 !important;
        box-shadow:none !important;
    }
.RadComboBoxDropDown_Outlook .rcbHovered {
    color:#fff !important;
    background-color:#009FD8 !important;
}
.RadMenu_Outlook .rmGroup .rmLink:hover, .RadMenu_Outlook .rmGroup .rmToggle:hover,
.RadMenu_WebBlue .rmGroup .rmLink:hover, .RadMenu_WebBlue .rmGroup .rmToggle:hover
 {
    color:#fff !important;
    background-color:#009FD8 !important;
    border-radius:0px !important;
    border:0px !important;
    box-shadow:none !important;
     background-image:none !important;
}
.RadMenu .rmItem {
    font-size:12px;
}
.RadGrid_Outlook .rgHeader a {
    color:#fff !important;
}
.RadGrid_Outlook .rgRow > td:last-child, .RadGrid .rgClipCells .rgAltRow>td:last-child {
    border-right-width:1px !important;
}
.gridManualDesign table {
    font-size:12px;
    font-weight:600 !important;
}
.gridManualDesign table tr:first-child th {
    background-color: #005776 !important;
    color:#fff !important;
    font-size:12px;
    font-weight:600 !important;
}
.RadInput_Outlook a:hover {
    box-shadow:none;
}
/******UI Widget*******/
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-weight:400 !important;
    font-family:inherit !important;
    font-size:12px !important;
}
.boxSize {
    box-sizing:border-box;
}
.padTD-4 tr td:nth-child(2n+1) {
    /*vertical-align:middle;*/
}
.padTD-4 tr td {
    padding:4px 3px;
}
/****Upload ****/
.RadUpload_Default .ruButton {
    background-image:none !important;
    background: none;
    border: 0;
    font-size:11px !important;
    background-color: #009fd8 !important;
    border: 1px solid #028fc1 !important;
    cursor: pointer;
    padding: 6px 7px !important;
    height:29px !important;
    color: #fff !important;
    position:absolute;
    right:3px;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
}
.RadUpload {
 width:200px !important;
}
.bulkUpload table {
    display:inline-block;
}
    .RadUpload .ruStyled .ruFileInput, .RadUpload .ruFakeInput {
        padding: 5px !important;
            line-height: 0 !important;
    }
    .RadUpload .ruFileWrap {
        height:30px !important;
        width:100%;
    }
.RadUpload .ruFakeInput {
    height:18px !important;
}
.RadUpload .ruBrowse {
    width:48px !important;
}
.RadUpload_Default .ruFakeInput {
    border-color:#ccc !important;
    width: 90%;
}
.RadMenu .rmGroup:before, .RadMenu .rmMultiColumn:before, .RadMenu .rmScrollWrap > .rmHorizontal:before, .RadMenu .rmScrollWrap > .rmVertical:before {
    width: 18px !important;
}
.RadMenu_Outlook .rmGroup:before, .RadMenu_Outlook .rmMultiColumn:before, .RadMenu_Outlook .rmScrollWrap > .rmHorizontal:before, .RadMenu_Outlook .rmScrollWrap > .rmVertical:before {
            background-color: #009fd8 !important;
}
svg g text {
    font-family:'Open Sans' !important;
}
/*****ICONS*******/
.icons {
    padding:7px 5px;
    box-sizing:border-box;
    border-radius:2px;
}
.addDoc, .saveDoc {
     /*background-color:#508a6a;*/
     background-color:#00ABE2
}
.editDoc {
    /*background-color:#505a8a;*/
    background-color:#A47242
}
.viewDoc, .refreshDoc {
    /*background-color:#8a7e50;*/
    background-color:#3D6781
}
.deleteDoc, .cancelDoc {
    background-color:#8a5050;
}
.downloadDoc {
    background-color:#e2bd1b;
}
.addDoc:hover, .addDoc:focus, .saveDoc:hover, .saveDoc:focus,.editDoc:hover, .editDoc:focus,.viewDoc:hover, 
.viewDoc:focus, .refreshDoc:hover, .refreshDoc:focus,.deleteDoc:hover, .deleteDoc:focus, .cancelDoc:hover, .cancelDoc:focus {
    opacity:0.8;
}
/*.addDoc:hover, .addDoc:focus, .saveDoc:hover, .saveDoc:focus {
     background-color:#387151;
}
.editDoc:hover, .editDoc:focus {
    background-color:#3c4673;
}
.viewDoc:hover, .viewDoc:focus, .refreshDoc:hover, .refreshDoc:focus {
    background-color:#756938;
}
.deleteDoc:hover, .deleteDoc:focus, .cancelDoc:hover, .cancelDoc:focus {
    background-color:#6f3636;
}*/
.saveDoc, .refreshDoc, .cancelDoc {
    margin:0 5px;
}

.frwrd {
   vertical-align:middle;
    padding: 0;
    height:18px;
    width:18px;
}
.mrg30-T {
    margin-top:30px;
}
.mrg20-T {
    margin-top:20px;
}
.oldGridHead tr td {
    color:#fff;
    font-size:13px;
    font-weight:600;
    padding:5px;
}
.oldGridBody tr td {
    font-size:12px;
    vertical-align:inherit;
    color: #01374a;
}
.RadGrid .rgHeader {
    text-align:center !important;
}
.linkBtn {
    color: #2e2f2f !important;
    font-size: 12px;
}

.textLeft {
    text-align:left;
}
.ajax__tab_xp .ajax__tab_body, .ajax__tab_xp .ajax__tab_header {
    font-family:'Open Sans' !important;
}
.RadGrid_WebBlue .rgMasterTable .rgSelectedCell, .RadGrid_WebBlue .rgSelectedRow {
    background-image:none !important;
    background-color:#9cd4e8 !important;
}
