body
{
    font:normal 8pt arial;
    padding:0px;
    margin:0px;
}

#pageBorder{
	width:847px; 
	border-style:solid; 
	border-width:1px; 
	border-color:#999999;
}


#mainLayer{
	margin-left:auto; 
	margin-right:auto; 
	width:948px;
}

#pagePrintTitle{
	display:none;
}

#integrityBox{
	background-image:url(../ContentPages/images/border_integritybox.jpg);
	height:171px; 
	width:168px; 
	text-align:center;
}

.activityTitle{
	font-family:Arial; 
	font-weight:bold; 
	color:#333333;
	font-size:9pt;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
}

.gridviewHeader{
    text-align:left !important;	
	border-bottom-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	font-weight:bold;
	font-family:Arial;
	color:#444444;	
}

.gridviewHeaderCenter
{
    border-bottom-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	font-weight:bold;
	font-family:Arial;
	color:#444444;
    text-align:center !important;	
}

.gridviewHeaderRight
{
    text-align: right !important;
    border-bottom-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	font-weight:bold;
	font-family:Arial;
	color:#444444;
}

.content {
	position: relative;
	margin-top:60px;
	}

.footer {
	position: absolute;
	bottom: 0;
	height:40px;
	z-index:-1;
	}


.outputbox{
    width:200px;
    float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#999999;
}

.errorBox
{
    background-color: #FFB6C1;
    border-color: Red;
    border-style: solid;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    padding: 10px;
    width: 250px;
}    

.labelBoxGrey{
    border:solid 1px #EEEEEE; 
    padding:2px; 
    padding-right:50px
}

select{
color: #000000;
font-family:Arial, Helvetica, sans-serif;
border: 1px solid #deebf4;
font-size:8pt;
}

input{
color: #000000;
font-family:Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #deebf4;
padding:2px;
font-size:8pt;
}

table
{
    border-color:#EEEEEE;
    border-width:0px;
    border-style:solid;
}



textarea{
color: #000000;
font-family:Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #deebf4;
font-size:10pt;
}

a:visited{text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}

a.mainlink:visited{color: #333333; text-decoration:none}
a.mainlink:link{color: #333333; text-decoration:none}
a.mainlink:hover{color: #333333; text-decoration:underline; font-weight:bold}
a.mainlink:active{color: #333333; text-decoration:none}

a.gButton:visited{color: #FFFFFF; text-decoration:none; font:bold 10pt arial; color:#2F5CB9}
a.gButton:link{color: #FFFFFF; text-decoration:none; font:bold 10pt arial; color:#2F5CB9}
a.gButton:hover{color: #FFFFFF; text-decoration:none; font:bold 10pt arial; color:#2F5CB9}
a.gButton:active{color: #FFFFFF; text-decoration:none; font:bold 10pt arial; color:#2F5CB9}

a.mainlinkBold:visited{color: #FFFFFF; text-decoration:none; font-weight:bold}
a.mainlinkBold:link{color: #FFFFFF; text-decoration:none; font-weight:bold}
a.mainlinkBold:hover{color: #FFFFFF; text-decoration:underline; font-weight:bold}
a.mainlinkBold:active{color: #FFFFFF; text-decoration:none; font-weight:bold}

a.mainlinkBoldBlack:visited{color: #333333; text-decoration:none; font-weight:bold}
a.mainlinkBoldBlack:link{color: #333333; text-decoration:none; font-weight:bold}
a.mainlinkBoldBlack:hover{color: #333333; text-decoration:underline; font-weight:bold}
a.mainlinkBoldBlack:active{color: #333333; text-decoration:none; font-weight:bold}

a.mainlinkBlack:visited{color: #333333; text-decoration:none;}
a.mainlinkBlack:link{color: #333333; text-decoration:none;}
a.mainlinkBlack:hover{color: #333333; text-decoration:underline; font-weight:bold}
a.mainlinkBlack:active{color: #333333; text-decoration:none;}

a.buttonBlack:visited{color: #3399FF; text-decoration:none; font-size:8pt; font-weight:bolder}
a.buttonBlack:link{color: #3399FF; text-decoration:none; font-size:8pt; font-weight:bolder}
a.buttonBlack:hover{color: #888888; text-decoration:underline; font-size:8pt; font-weight:bolder}
a.buttonBlack:active{color: #3399FF; text-decoration:none; font-size:8pt; font-weight:bolder}

a.menuBluelink:visited{color: #789FC7; text-decoration:none; font:bold 8pt arial}
a.menuBluelink:link{color: #789FC7; text-decoration:none; font:bold 8pt arial}
a.menuBluelink:hover{color: #374973; text-decoration:underline; font:bold 8pt arial}
a.menuBluelink:active{color: #789FC7; text-decoration:none; font:bold 8pt arial}

a.task:link, a.task:visited{
	color:#888888;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	font-family: verdana;	
}

a.task:hover{
	color:#374973;
	font-size:9pt;
	font-weight:bold;
	text-decoration:underline;
    font-family: verdana;	
}

a.normal:link, a.normal:visited{
	color:#888888;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	font-family: arial;	
}

a.normal:hover{
	color:#374973;
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline;
    font-family: arial;	
}

a.taskSmall:link, a.taskSmall:visited{
	color:#888888;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial;
	border:solid 1px #DDDDDD; 
	padding:3px 7px 3px 7px;
	background-color:#FFFFFF;
}

a.taskSmall:hover{
	color:#374973;
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline;
    font-family: Arial;	
	border:solid 1px #DDDDDD; 
	padding:3px 7px 3px 7px;  
    background-color:#FFFFFF;	
}

a.linkSmall:link, a.linkSmall:visited{
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	font-family: verdana;
	
}

a.linkSmall:hover{
	color:#374973;
	font-size:9pt;
	font-weight:bold;
	text-decoration:underline;
    font-family: verdana;	
}

a.linkSmallBlue:link, a.linkSmall:visited{
	color:#0099FF;
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;
	font-family: verdana;
	
}

a.linkSmallBlue:hover{
	color:#374973;
	font-size:7pt;
	font-weight:bold;
	text-decoration:underline;
    font-family: verdana;	
}

a.alpha:link, a.alpha:visited{
	color:#666666;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	font-family: arial;
	
}

a.alpha:hover{
	color:#374973;
	font-size:9pt;
	font-weight:bold;
	text-decoration:underline;
    font-family: arial;	
}

.detailtext{
	color:#FFFFFF;
	font-size:7pt;
    font-family: tahoma, arial;	
}
.rghours{
    background-color:#e4e0ce
}

.holhours{
    background-color:#ded6bd
}

.dayodd{
    background-color:#dcd8ca
}

.dayeven{
    background-color:#cfc7b7
}

.button{
    color:#FFFFFF; 
    background-color:#7f98bb; 
    border:solid 3px #355c90; 
    font-weight:bold; 
    font-size:8pt;
    font-family:tahoma;
}

.alphakor{
    font-family:Tahoma, Arial;
    font-size:8pt;
    font-style:italic;
    color:#CCCCCC;
    float:left;
    padding:3px 0px 0px 5px;
}

a.actionButtonText:visited{color: #000000; text-decoration:none}
a.actionButtonText:link{color: #000000; text-decoration:none}
a.actionButtonText:hover{color: #5D7B9D; text-decoration:underline; font-weight:bold}
a.actionButtonText:active{color: #000000; text-decoration:none}

a.actionButtonTextWhite:visited{color: #FFFFFF; text-decoration:none}
a.actionButtonTextWhite:link{color: #FFFFFF; text-decoration:none}
a.actionButtonTextWhite:hover{color: #5D7B9D; text-decoration:underline; font-weight:bold}
a.actionButtonTextWhite:active{color: #FFFFFF; text-decoration:none}

.actionButton{
    width:200px; 
    border:solid 1px #5D7B9D; 
    font-family:arial; 
    font-size:8pt; 
    font-weight:bold; 
    text-align:center; 
    padding:2px 0px 2px 0px;
}

.actionButtonWhite{
    width:200px; 
    border:solid 1px #CCCCCC; 
    font-family:arial; 
    font-size:8pt; 
    font-weight:bold; 
    text-align:center; 
    padding:2px 0px 2px 0px;
}

.actionButtonSpace{
    padding:0px 10px 0px 10px; 
    color:#5D7B9D;
}

.actionButtonSpaceWhite{
    padding:0px 10px 0px 10px; 
    color:#CCCCCC;
}

a.actionButton2:visited{color: #000000; text-decoration:none; font:bold 8pt arial; border:solid 1px #EEEEEE; padding:3px 7px 3px 7px; background-color:#FFFFFF}
a.actionButton2:link{color: #000000; text-decoration:none; font:bold 8pt arial; border:solid 1px #EEEEEE; padding:3px 7px 3px 7px; background-color:#FFFFFF}
a.actionButton2:hover{color: #5D7B9D; text-decoration:underline; font-weight:bold; font:bold 8pt arial; border:solid 1px #EEEEEE; padding:3px 7px 3px 7px; background-color:#FFFFFF}
a.actionButton2:active{color: #000000; text-decoration:none; font:bold 8pt arial; border:solid 1px #EEEEEE; padding:3px 7px 3px 7px; background-color:#FFFFFF}

.popupTitlebar{
	font-family:Arial; 
	border-bottom:solid 1px #CCCCCC; 
	background-color:#81AADE; 
	font-weight:bold; 
	font-size:10pt; 
	color:#FFFFFF; 
	padding:5px 0px 5px 5px;
}

.employeeInfo{
	font-family:Arial;
	font-size:8pt;
	color:#777777;
	border: solid 1px #deebf4;
	padding:2px
}

 
.smallHeader{
    font:bold 8pt arial;
}


.deletePanel{
    background-color:#FFE8F1;
    padding:5px;
    min-width:200px;
    border:solid 1px maroon;
    text-align:right;    
}

.standardPanel{
    background-color:#FFFFFF;
    padding:5px 5px 10px 5px;
    min-width:250px;
    border:solid 1px #A3B4C6;
    text-align:right;
    border-radius: 5px; 
}

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 11px;
    font-weight: bold;
    border-bottom: solid 1px #BBD7FF;
}
.ajax__tab .ajax__tab_header .ajax__tab_outer
{
    background: url(images/background_tab_header_normal.png) repeat-x right;


    vertical-align: bottom;
    height:30px;
    line-height:22px;
    font-family:Arial;
    font-size:9pt;
}
.ajax__tab .ajax__tab_header .ajax__tab_tab
{
    color: #777777;
    padding: 0.35em 1em;
    margin-right: 0.01em;
}
.ajax__tab .ajax__tab_hover .ajax__tab_outer
{
    background: url(images/background_tab_header_hover.png) #DDDDDD repeat-x right;
}
.ajax__tab .ajax__tab_active .ajax__tab_tab
{
    color: #000000;
}
.ajax__tab .ajax__tab_active .ajax__tab_outer
{
    background: url(images/background_tab_header_selected.png) #BBD7FF repeat-x right;
    height:33px;
}
.ajax__tab .ajax__tab_body
{
    font-family: arial, verdana,tahoma,helvetica;
    font-size: 11px; /* background-color:#edf5ff; */
    border: solid 0px #BBD7FF;
    border-top-width: 0px;
    height:100%;
}
 
.ajax__tab .ajax__tab_panel
{
    height:100%;
}
        
.accordion2Header
{
    background-color:#B3CCFB;
    color: white;
    border: solid 1px #B2D8FF;
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 3px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    margin-bottom: 1px;
}
.accordion2SelectedHeader
{
    background-color:#B3CCFB;
    color: white;
    border: solid 1px #B2D8FF;
    border-bottom: 0px;
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 3px;
    padding-bottom: 0px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
}
.accordion2Content
{
    padding: 0px 2px 0px 2px;
    border: 1px solid #B2D8FF;
    border-top: 0px;
    margin-bottom: 1px;
}
.accordionHeader
{
    color: white;
    background-image: url(../ContentPages/images/titlebar_accordian.png);
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionSelectedHeader
{
    color: white;
    background-image: url(../ContentPages/images/titlebar_accordian.png);
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    border: 1px solid #6699FF;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    padding-left: 20px;
}
.accordionMenuHeader
{
    color: white;
    background-image: url(images/titlebar_menu_accordian.gif);
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
    height: 25px;
    line-height: 25px;
    padding-right: 10px;
    text-align: right;
    cursor: pointer;
}
.accordionMenuSelectedHeader
{
    color: white;
    background-image: url(images/titlebar_menu_selected_accordian.gif);
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
    height: 25px;
    line-height: 25px;
    padding-right: 10px;
    text-align: right;
    cursor: pointer;
}
.accordionMenuContent
{
    border: 1px solid #6699FF;
    border-top: none;
    padding: 5px;
}
.accordionMenuLink
{
    text-decoration: none;
    font-weight: bold;
    font-size: 9pt;
}
.accordionMenuLink:hover
{
    color: #aaaaaa;
    font-size: 9pt;
}    
        
.kickoffHeader
{
    font-weight:bold;
    font-size:8pt;
}    

.whiteHeader
{
    font-weight:bold;
    font-size:9pt;
    color:#FFFFFF;
}       
    
.midHeader
{
    font-weight:bold;
    font-size:9pt;
    color:#666666;
} 

.smallHeader
{
    font-weight:bold;
    font-size:8pt;
    color:#666666;
} 
    
.watermark
{
    color: #CCCCCC;
} 

.editLabel
{
    min-width:40px; 
    min-height:14px; 
    text-align:center; 
    padding:2px;   
    cursor: pointer; 
    cursor: hand;
    border:solid 1px #CCCCCC;
    font-size:8pt;
}      
        
.popupRoundedBox
{
    padding:5px;
    background-color:#FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
}

.popupTitleBar
{
    height:59px;
    background-image: url(images/minibackground_widetop.png);
}      

.warningMessage
{   
    padding:5px; 
    border:solid 1px Maroon; 
    width:200px; 
    background-color: #FFE1D7;
    color: Maroon;
    font: bold 8pt arial;    
}  

.watermark
{
    color: #CCCCCC;
}      

.calendar .ajax__calendar_header 
{
	background-color:#EEEEEE;
}        
        
.calendar .ajax__calendar_container 
{
    background-color:#FFFFFF;
    border:solid 1px #EEEEEE;
    font-family:arial,helvetica,clean,sans-serif;
}

.calendar .ajax__calendar_day, .calendar .ajax__calendar_month, .calendar .ajax__calendar_year
{
    padding:0px;
    color:#000;
    text-align:center;  
    padding:0pt 2px;
}
                
.calendar .ajax__calendar_body tr td {
    padding: 1px !important; 
    margin: 0px;
}                      
        
.autocomplete_completionListElement {  
    font-size:9pt;
    padding:5px;
    background-color:#FFFFFF;
    width:300px;
    max-height:200px;
    overflow-x:hidden;
    margin : 0px;
    border-width : 1px;
    border-style : solid;
    border-color:#EEEEEE;
    text-align : left; 
    cursor:pointer;
}

.completionList   
{
    list-style-type: none;
    font-size:8pt;
    background-color:#FFFFFF;
    max-height:200px;
    overflow-x:hidden;
    margin : 0px;
    padding:0px;
    border-width : 1px;
    border-style : solid;
    border-color:#EEEEEE;
    text-align : left; 
    cursor:pointer;
}
.completionListElement   
{
    background-color:#FFFFFF;
    border-bottom:1px solid #FAFAFA;
    padding:3px 0 3px 3px;
}

.completionListElementHighlight   
{
    background-color:#FAFAFA;
    border-bottom:1px solid #FAFAFA;
    padding:3px 0 3px 3px;
}

.saveMessageDisappear {
    width:100px;
    padding:10px;
    border:2px solid #C6E3C6;
    border-radius: 5px; 
    background-color:#EEF7EE;
    font:bold 10pt arial;
    color:#9ECF9E;
} 

.saveMessageErrorDisappear {
    width:100px;
    padding:10px;
    border:2px solid #FFC6D1;
    border-radius: 5px; 
    background-color:#FFF0F3;
    font:bold 10pt arial;
    color:#FF0033;
}   

.x-tree-node-el
{
    border-bottom:1px solid #EEEEEE;
    padding-top:3px;
    padding-bottom:3px;
    vertical-align:middle;
}

.x-tree-node
{
    font-weight:bold;
    font-size:10pt;
}

.x-panel-header
{
    background-image:none !important;
    font-size:9pt; font-weight:bold; color:#15428B; background-color:#D7E5F5;
}

.tableLinks td
{
    padding:5px !important;
}

.headerLight
{
    font-weight:bold;
    font-color:#666666;
}

.padding5px
{
    padding:5px;
}

.padding3px td
{
    padding:3px !important;
    font-size:9pt !important;
}

.radioButtonList td
{
    padding-right:3px !important;
}

.radioButtonList5px td
{
    padding-right:5px !important;
}

.gridview td
{
    padding:3px;
    font-size:9pt !important;
}

.fontBold
{
    font-weight:bold !important;    
}

.gridview th
{
    padding:3px;
    text-align:right !important;
    font: bold 10pt arial !important;
}

.paddingLeft10px
{
    padding-left:10px !important;
}

.borderTopBlue
{
    border-top:solid 1px #CFDBF3;
}

.borderTopLight
{
    border-top:solid 1px #F2F2F2;
}

.comboBoxRelativePosPopup 
{
    position:relative;
}

.comboBoxRelativePosPopup ul {
    position:absolute ! important;
    left:0px ! important;
    top:23px ! important;
}
    
.rootNode
{
    background-color:#F0FAFF;
}

.mainNode
{
    background-color:#F9FDFF;
}

.employeeNode span
{
    color:#566F8B ! important;
    font:bold 8pt arial;
}

.employeeNode td
{
    vertical-align:middle
}

.employeeNode
{
    color:#566F8B ! important;
}

.taskNode span
{    
    color:#566F8B ! important;
    font:bold 8pt arial;
}

.taskNode  td
{
    vertical-align:middle
}

.taskNode 
{
    background-color:#F0FFF0;
    color:#566F8B ! important;
}

.totalNode
{
    background-color:#F0FFF0;
}

.inactiveColor a span
{
    color:Maroon ! important;
}

.window .x-window-body
{
    background-color:#FFFFFF !important;
}

.warningPopup
{   
    padding:5px;
    text-align:right;
    min-width:200px;
    min-height:50px;
    border:solid 1px maroon; 
    background-color: #FFE1D7;
    color: Maroon;
    font-weight: bold;
    z-index:500000 !important;
}  

.infoPopup
{       
    padding:5px;
    border:solid 1px #ABB7CF; 
    background-color: #FAFAFA;
    color: Black;
    z-index:500000 !important;
}  

.tableLinks input[type="checkbox"]
{
    margin-right:3px;
}

.gvCenter
{
    text-align:center !important;
    font-weight:bold;
}

.gvLeft
{
    text-align:left !important;
    font-weight:bold;
}

.gvRight
{
    text-align:right !important;
    font-weight:bold;
}

.gvRightNormal
{
    text-align:right !important;
}

.gvCenterNormal
{
    text-align:center !important;
}

.tryoutEditJobHistory .x-layout-collapsed-west{
    background: url(../ContentPages/images/tryoutHistory_title.png) no-repeat top;
    border:none !important;    
}

.tryoutEditJobHistory {
    background-color:#D7E5F5;    
}

.ext-el-mask {
    opacity: .7;
    background-color: #FFFFFF !important;
}
    
.mainViewport
{
    background-color: #FFFFFF;
}

.mainTabPanel .x-tab
{
    border-color: #D9DFE8;
}

.mainTabPanel .x-tab-panel-header
{
    
    /* background-color: #F5F8FC !important; */
    background-color: #FFFFFF !important;
    background-image: none !important; 
        
    height:36px;
    padding:5px;
    padding-left:2px;
    border-bottom:3px solid #D9DFE8;
}

.mainTabPanel ul.x-tab-strip li {
       background-color: #F5F8FC;
       border:1px solid #EEEEEE; 
       height:50px;       
}

.mainTabPanel .x-tab-strip-active span.x-tab-strip-text
{
    font-weight:bold !important;
}

.mainTabPanel .x-tab-strip span.x-tab-strip-text
{
    font:normal 9pt arial;
}

.mainTabPanel ul.x-tab-strip-top
{
    background-image:none;
    background-color:transparent;
    border-bottom-color:transparent !important;
    height:50px;
}


.mainTabPanel .x-tab-strip-top .x-tab-strip-active
{
   background: -moz-linear-gradient(top, #D9DFE8 0%, #f2f4ff 30%, #f2f4ff 70%, #D9DFE8 100%);    
   background: -webkit-linear-gradient(top, #D9DFE8 0%, #f2f4ff 30%, #f2f4ff 70%, #D9DFE8 100%);    
   background: linear-gradient(top, #D9DFE8 0%, #f2f4ff 30%, #f2f4ff 70%, #D9DFE8 100%);    
   height:50px;   

}      
       
.mainTabPanel .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner
{
    /*for 1.5 */
    background-color: transparent; 
    background-image: none;
    height:29px;
    margin-top:4px;
}

.mainTabPanel .x-tab-bar-body
{
    height:35px !important;
    border:none;
    padding-top:5px;
    padding-left:3px;
}

.mainTabPanel .x-tab-bar-strip-default, .x-tab-bar-strip-default-plain 
{
    background-color: #F5F8FC;
    background-image: none; 
    border:none;
}

.mainTabPanel  .x-tab-bar 
{
    background-color: #F5F8FC;
    background-image: none; 
    border-bottom:solid 1px #F5F8FC !important;
}

.mainTabPanel .x-tab-top-active
{
    background-color: #FFFFFF;
    background-image: none;
}

.mainTabPanel .x-tab-default-top 
{
    border-radius:0 0 0 0 !important;
    
    border-bottom:0 !important;
    box-shadow:none;
    height:30px;
}

.mainTabPanel .x-tab-default-top-active
{
    border-bottom:0 !important;
}

.mainTabPanel .x-panel-body-default
{
    border:none;
}


.subTabPanel .x-tab
{
    border-color: #D9DFE8;
}

.subTabPanel .x-tab-panel-header
{
    
    /* background-color: #F5F8FC !important; */
    background-color: #FFFFFF !important;
    background-image: none !important; 
    
    
    height:36px;
    padding:5px;
    border-bottom:3px solid #D9DFE8;
}

.subTabPanel ul.x-tab-strip li {
       background-color: #EDF7FE;
       border:1px solid #EEEEEE; 
       height:50px;       
}

.subTabPanel .x-tab-strip-active span.x-tab-strip-text
{
    font-weight:bold !important;
}

.subTabPanel .x-tab-strip span.x-tab-strip-text
{
    font:normal 9pt arial;
}

.subTabPanel ul.x-tab-strip-top
{
    background-image:none;
    background-color:transparent;
    border-bottom-color:transparent !important;
    height:50px;
}


.subTabPanel .x-tab-strip-top .x-tab-strip-active
{
   background: -moz-linear-gradient(top, #D9E7F2 0%, #F2F9FF 100%);
   background: -webkit-linear-gradient(top, #D9E7F2 0%, #F2F9FF 100%);
   background: linear-gradient(top, #D9E7F2 0%, #F2F9FF 100%);
   height:50px;   

}      
       
.subTabPanel .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner
{
    /*for 1.5 */
    background-color: transparent; 
    background-image: none;
    height:40px;
    margin-top:4px;
}

.subTabPanel .x-tab-bar-body
{
    height:35px !important;
    border:none;
    padding-top:5px;
    padding-left:3px;
}

.subTabPanel .x-tab-bar-strip-default, .x-tab-bar-strip-default-plain 
{
    background-color: #EDF7FE;
    background-image: none; 
    border:none;
}

.subTabPanel  .x-tab-bar 
{
    background-color: #EDF7FE;
    background-image: none; 
    border-bottom:solid 1px #F5F8FC !important;
}

.subTabPanel .x-tab-top-active
{
    background-color: #FFFFFF;
    background-image: none;
}

.subTabPanel .x-tab-default-top 
{
    border-radius:0 0 0 0 !important;
    
    border-bottom:0 !important;
    box-shadow:none;
    height:30px;
}

.subTabPanel .x-tab-default-top-active
{
    border-bottom:0 !important;
}

.subTabPanel .x-panel-body-default
{
    border:none;
}

.mainMenu td 
{
    text-align:center; 
    border-bottom:1px solid #EEEEEE;
    font:bold 8pt arial;
    color:#5C80A3;
    width:80px;
    height:65px;
    cursor:pointer;
}

.mainMenuContainer
{
    background-color:#E2E4EB;
    z-index: 10000000 !important;
}

.mainMenuHover
{
    border-top:1px solid #E9EAED;
    border-bottom:1px solid #E9EAED;
    border-right:1px solid #E9EAED;
    background-color:#D1D6DC;
    min-width:200px;
    min-height:80px;
    padding:0 5px 0 5px;

}

.menuHover td:not(:last-child) 
{
    border-right:1px solid #E9EAED;
    font:bold 11pt arial;
    color:#636F7E;    
    padding:5px;
    cursor:pointer;
}

.menuHover td:last-child
{
    font:bold 11pt arial;
    color:#636F7E;    
    padding:5px;
    cursor:pointer;    
}

.menuHover td:hover{
    background-color: #DEE2E7;
}

.menuHover tr:not(:last-child) 
{
    border-bottom:1px solid #DEE2E7;
}

.btn
{
    border: 1px solid #DEEBF4;
    padding: 3px 7px 3px 7px;
    font: 10px;
    background-color:#F0F0F0;
}
        
a.btn:visited{color: #000000; text-decoration:none}
a.btn:link{color: #000000; text-decoration:none}
a.btn:hover{color: #5D7B9D; text-decoration:underline}
a.btn:active{color: #000000; text-decoration:none}
        
.standardButton
{
    font:bold 8pt arial;
    height:24px; 
    min-width:24px; 
    padding:0 3px 0 3px; 
    border: 2px solid #979DAB; 
    text-align:center; 
    line-height:24px; 
    border-radius:7px; 
    color:#8991A0;     
}

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

.flatPopup .title
{
    padding:5px; font:bold 10pt arial; background-color:#E6F0FF
}   

.tblRowBottomBorder tr:not(:last-child) {
    border-bottom: 1px solid #BBBBBB;
}

.extPanel .x-panel-body 
{
    -webkit-overflow-scrolling:touch;
    }
    
.pageTopNavBar
{
    background-color: #D1D6DC;
    color:#000000;
}

.headerText
{
    font:14pt 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;    
    color:#4F749D;
}

.menuImage
{
    height:35px; 
    width:35px;
}

.gridviewTasksHeaderCenter
{
    border-bottom-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	font:bold 9pt Arial;	
    text-align:center !important;	
}

.gridviewTasksHeaderLeft
{
    border-bottom-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	font:bold 9pt Arial;	
    text-align:left !important;	
}

.labelText
{
    font-size: 8pt;
    color: #4986C2;
    font-weight: bold;
    text-decoration: none;
}

.tableColBorder td:not(:last-child) 
{
    border-right:1px solid #CCCCCC;
}

.tableWhiteBorder td
{
    border:1px solid #FFFFFF;
}

.gridviewHeaderBold
{
    text-align:left !important;
    font-weight:bold;
}

.gridviewHeaderBoldRight
{
    font-weight:bold;
    text-align:right !important;
}

.gridviewHeaderBoldCenter
{
    font-weight:bold;
    text-align:center !important;
}

.checkboxPadding input[type=checkbox]
{
    margin-right:3px;
}

.extGrid .x-grid3-cell-inner
{
    font:9pt arial !important;
    padding: 7px 3px 7px 5px !important;
}

.extGrid .x-grid3-locked
{
    border-right:1px solid #EEEEEE !important;
}

.extGrid .x-grid3-hd-row {
     height: 30px !important; 
}

.extGrid .x-grid3-hd-row td {
     font:bold 8pt arial !important;     
     border-left-color:#EEEEEE !important;
     border-right-color:#EEEEEE !important;
}

.extGrid .x-grid3-header {
     background-image:none !important;     
}

.extGrid .x-toolbar
{
    border:none !important;    
    border-color:#FFF !important;     
    background-color:#D1D6DC !important;
    background-image:none !important;
}

.extGrid td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner
{
    background-image:none !important;
}

.extGrid .x-grid3-hd-btn
{
    background-image:none !important;
}

.extGridBold
{
    font-weight:bold !important;
}