/* Stylesheet for ExecView */
*
{
	font-size: 8pt;
	margin-bottom: 1px;
}
.Total1
{
	text-align: right;
}

.AlignTextCenter
{
	text-align: center;
}
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/

/************* BANNER ******************/

.bannerPH
{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 132px;
	background-repeat: repeat-x;
	background-image: url(/ExecView8/images/topRepeat.jpg);
}

.banner
{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 135px;
	background-repeat: repeat-x;
	background-image: url(/ExecView8/images/topRepeat.jpg);
}

.logo
{
	position: absolute;
	top: 0px;
	left: 0px;
}

/*********** END BANNER ******************/

/************ CONTENT **************/
.content
{
	position: absolute;
	left: 175;
	top: 135px;
	width: 700px;
	height: 700px;
	font-size: 10pt;
	padding: 0px 0px 0px 0px;
	z-index: 2; /*border: solid 1px orange;*/
}

.content table
{
	border-right: 1px solid #999999;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #999999;
	border-collapse: collapse;
	background-color: White;
	top: 137px;
	left: 18px;
	position: absolute;
	height: 19px;
	width: 671px;
	right: 435px;
	border-left-style: solid;
	border-left-width: 1px;
}

.contentV2
{
	position: absolute;
	left: 175;
	top: 133px;
	width: 1000px;
	height: 1502px;
	font-size: 10pt;
	padding: 0px 0px 0px 0px;
	z-index: 2; /*border: solid 1px orange;*/
}

.contentV3
{
	position: absolute;
	left: 175;
	top: 133px;
	width: 701px;
	height: 1502px;
	font-size: 10pt;
	padding: 0px 0px 0px 0px;
	z-index: 2; /*border: solid 1px orange;*/
}

.italicFont
{
	font-size: 8pt;
	font-style: italic; /*border: solid 1px orange;*/
}

/************ END CONTENT **************/

/************ MENUBAR **************/
.menuBar
{
	width: 800px;
	position: absolute;
	top: 0px;
	left: 159px;
	height: 20px;
	z-index: 1000;
}
/************ END MENUBAR **************/

/************ SEARCHBAR **************/
.searchBar
{
	/* 		background-image: url(images/searchBar.gif); 		background-repeat: no-repeat; */
	position: absolute;
	left: 170px;
	top: 30px;
	width: 800px;
	height: 90px;
	z-index: 5;
	border: solid 0px blue;
}

.pageHeading
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 30px;
	width: 800px;
	background-color: Transparent;
	text-align: left;
}
.gridview
{
	height: 22px;
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
	 border-color:Aqua;	
	border-width: 1px 1px 1px 1px;
}
.gridviewheader
{
	height: 22px;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: Black;
	border: solid 2 red;
}

.gridviewrow
{
	height: 22px;
	font-family: arial;	
	border-right: solid 1px #E6E6E6;
}

.pageHeading span
{
	position: relative;
	top: 6px;
	left: 2px;
	font-weight: bold;
	font-size: 125%;
	color: White;
	background-color: Transparent;
}

.searchBarInfo
{
	background-color: transparent; /*background-image: url(controls/searchbars/images/searchbar.gif);*/
	background-repeat: no-repeat;
	border-color: gray;
	border-style: outset;
	border-width: 0px 0px 0px 0px;
	width: 100%;
	padding: 0px 0px 0px 5px;
	vertical-align: middle;
	margin: 0px;
	position: absolute;
	top: 30px;
	left: 0px;
	height: 23px;
	z-index: 100;
	color: White;
}

.searchBarButtons
{
	position: absolute;
	top: 80px;
	border-color: Gray;
	border-style: outset;
	border-width: 0px 1px 1px 0px;
	background-color: red;
	width: 800px;
	display: none;
}

.searchPanel
{
	z-index: 1000;
	background-color: White;
	border-color: Black;
	border-style: dotted;
	border-width: 1px;
	height: 50px;
	position: absolute;
	left: 170px;
	top: 140px;
	width: 800px;
	height: 200px;
	padding: 10px;
}

.searchHeader
{
	color: Black;
	background-color: #EFEFEF;
	text-align: center;
	font-weight: bold;
}
/************ SEARCHBAR **************/

/************ SIDEBAR **************/
.sideBar
{
	width: 160px;
	background-image: url(/ExecView8/images/leftRepeat.jpg);
	background-repeat: repeat-y;
	background-color: #EFEFEF;
	border-style: outset;
	border-color: #EFEFEF;
	border-width: 0 0 1px 0px;
	color: White;
	position: absolute;
	top: 135px;
	left: 0px;
	height: 800px;
	margin: 0px;
	padding: 0px;
}

.currentMenu
{
	width: 100%;
	margin: 0;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 10px;
}

.logOut
{
	position: absolute;
	bottom: 50px;
	left: 50px;
	width: 100%;
	z-index: 500;
}

.logout a
{
	color: white;
	text-decoration: none;
}

.logout a:hover
{
	color: white;
	text-decoration: underline;
	font-weight: bold;
}


.eTrackerLink
{
	z-index: 3000;
	background-color: #336799;
	color: white;
	text-decoration: none;
}

A.eTrackerLink:HOVER
{
	background-color: #B0C4DE;
	color: black;
	text-decoration: none;
}




/********* END SIDEBAR **************/


/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/
/*========================= NAVIGATION =====================================*/

/************ ADD NEW PANEL *******/
.addNewPanel
{
	position: absolute;
	text-align: center;
	background-color: white;
	border-width: 3px;
	border-color: #6699CC;
	border-style: solid;
	z-index: 500;
	left: 85px;
	top: 85px;
	vertical-align: top;
}

.addNewPanelRelative
{
	position: relative;
	text-align: center;
	background-color: white;
	border-width: 2px;
	border-color: yellow;
	border-style: solid;
	z-index: 500;
	left: 10px;
	top: 10px;
	vertical-align: top;
}

.addNewPanelLevel2
{
	position: absolute;
	text-align: center;
	background-color: white;
	border-width: 3px;
	border-color: #6699CC;
	border-style: solid;
	z-index: 500;
	left: 85px;
	top: 110px;
	vertical-align: top;
}

.addNewPanelLevel2 th
{
	background-color: #EFEFEF;
	border: solid 1px black;
	padding: 2px 5px 2px 5px;
	text-align: left;
}

.addNewTableLevel2 th
{
	background-color: #EFEFEF;
	border: solid 1px black;
	padding: 2px 5px 2px 5px;
}

.addNewPanel2
{
	position: absolute;
	left: 0px;
	top: 60px;
	text-align: center;
	background-color: transparent;
	border-width: 0px;
	border-color: Gray;
	border-style: solid;
	z-index: 500;
	width: 100%;
}

.addNewPanel3
{
	position: absolute;
	text-align: center;
	background-color: white;
	border-width: 1px;
	border-color: red;
	border-style: solid;
	z-index: 500;
	width: 100%;
	left: 0px;
	top: 80px;
	vertical-align: top;
}


.addNewTable
{
	background-color: White;
	border: solid 2px #336699;
}

.addNewTable th
{
	background-color: #EFEFEF;
	border: solid 1px black;
	padding: 2px 5px 2px 5px;
	text-align: left;
}

.addNewTable td
{
	background-color: White;
	border: solid 1px black;
	padding: 2px 5px 2px 5px;
	text-align: left;
}

.addNewHeader
{
	/*background-color: #6699cc;*/
    background-color: red;
    border-color: red;
	color: black;
	text-align: center;
	border: solid 2px black;
	font-weight: bold;
	padding: 5px;
	color: White;
}

.addNewTable .addNewHeader
{
	/*background-color: #6699CC;*/
    background-color: red;
	color: black;
	text-align: center;
	border: solid 2px black;
	font-weight: bold;
	padding: 5px;
	color: white;
}

.addNewTable .submitRow
{
	background-color: white;
	cursor: crosshair;
	text-align: right;
}

.addNewTable .topRowDDL
{
	text-align: center;
}

/********* BORDER TABLE ************/
.borderTable
{
	background-color: White;
	border: solid 1px black;
}

.borderTable th
{
	background-color: #336699;
	border: solid 1px black;
	color: White;
	padding: 2px 7px 2px 7px;
}

.borderTable td
{
	background-color: White;
	border: solid 1px black;
	padding: 2px 7px 2px 7px;
	text-align: center;
}

/*=========== COMBOBOX========================*/
.comboBox
{
	background-image: url(/ExecView8/controls/combobox/images/dropdownlistarrow.gif);
	background-position: right 0px;
	background-repeat: no-repeat;
	padding: none;
	cursor: hand;
}

.timeDropDown .smartTextBox
{
	text-align: center;
	border: 0;
	background-color: #EFEFEF;
	width: 10px;
}

.smartTextBox
{
	text-align: center;
	background-color: white;
}

/************ DISPLAY TABLE ********/
.displayTable
{
	margin: 10px;
	z-index: 50;
	background-color: White;
}

.displayTable th
{
	text-align: center;
	font-weight: bold;
	background-color: #EFEFEF;
}

.displayTable td
{
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-top-color: #EFEFEF;
	border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
/************ DISPLAY TABLE ********/

/*=========== DROP DOWN ============*/
.dropDownPanel
{
	position: absolute;
	top: 80px;
	left: 60px;
	text-align: right;
	background-color: White;
	border-color: #6699CC;
	border-style: solid;
	z-index: 500;
}

.dropDownPanel a
{
	color: black;
	border: none;
	text-decoration: none;
}

.dropDownPanel a:hover
{
	color: black;
	border: 0;
	text-decoration: underline;
}

a.plusButton
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
background-image: url('../../../../images/plus_up.gif');
		background-repeat: no-repeat;
		width: 16px;
		height: 11px;
		margin: 0px;
		padding: 0px;
}

a.plusButton:hover
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
background-image: url('../../../../images/plus_down.gif');
		background-repeat: no-repeat;
		width: 16px;
		height: 11px;
		margin: 0px;
		padding: 0px;
}

.dropDownPanelLevel2
{
	position: absolute;
	top: 105px;
	left: 85px;
	text-align: right;
	background-color: White;
	border-color: #6699CC;
	border-style: solid;
	z-index: 500;
}

.dropDownPanelLevel2 a
{
	color: black;
	border: none;
	text-decoration: none;
}

.dropDownPanelLevel2 a:hover
{
	color: black;
	border: 0;
	text-decoration: underline;
}

/************ END DROP DOWN ***********/



/*===================Login Page=====================*/
.login
{
	background-image: url(login.png);
	margin: 0 auto;
	width: 400px;
	height: 300px;
}
.loginTable
{
	border-color: gray;
	border-style: groove;
	border-width: 1px;
	border-collapse: collapse;
}

.loginTable th
{
	width: 33%;
	border-color: Black;
	border-style: groove;
	border-width: 1px;
	background-color: #AAAAAA;
	color: White;
}

.loginTable td
{
	border-color: Black;
	border-style: groove;
	border-width: 1px;
	background-color: white;
	color: black;
}

/********* LOOKUPS **************/
.hrLookup
{
	background-color: Transparent;
	width: 100%;
	top: 25%;
	z-index: 200;
}

.lookupAdd
{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	border: 4px solid black;
	background-color: White;
	z-index: 300;
}

.exitspan
{
	background-color: Transparent;
	width: 100%;
	top: 0px;
	right: 0px;
	position: absolute;
}

/************ LOOKUPS **************/

.offScreen
{
	position: absolute;
	left: -500px;
}

.resultspanel
{
	position: absolute;
	background-color: White;
	height: 90%;
	top: 10%;
	width: 80%;
	left: 10%;
}



.submitRow
{
	background-color: white;
	cursor: crosshair;
	text-align: right;
}

/********* START TIMECARD TABLE *********/

.timecardTable
{
	width: 100%;
	background-color: White;
	margin: 0px;
	border-top-color: #EFEFEF;
	border-bottom-color: Gray;
	border-right-color: Gray;
	border-width: 1px;
	border-style: solid;
}

.timecardTable th
{
	text-align: center;
	padding: 5px;
	background-color: #EFEFEF;
	border-top-color: #EFEFEF;
	border-bottom-color: gray;
	border-right-color: gray;
	border-width: 1px;
	border-style: solid;
	margin: 0px;
}

.timecardTable td
{
	text-align: center;
	padding: 5px;
	background-color: white;
	border-top-color: #EFEFEF;
	border-bottom-color: Gray;
	border-right-color: Gray;
	border-width: 1px;
	border-style: solid;
	margin: 0px;
}

.timecardHeader
{
	color: White;
	width: 100%;
	background-color: #0066FF;
	border-top-color: #EFEFEF;
	border-bottom-color: black;
	border-right-color: black;
	border-width: 1px;
	border-style: solid;
	margin: 0px;
	height: 40px;
}

.timecardHeader td
{
	color: White;
	width: 100%;
	background-color: #0066FF;
	border-top-color: #EFEFEF;
	border-bottom-color: black;
	border-right-color: black;
	border-width: 1px;
	border-style: solid;
	margin: 0px;
	padding: 25px;
}

.timecardInfo
{
	color: White;
	background-color: transparent;
	border-top-color: #EFEFEF;
	border-bottom-color: black;
	border-right-color: black;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	margin: 0px;
}

.timecardInfo td
{
	color: White;
	background-color: transparent;
	border-top-color: #EFEFEF;
	border-bottom-color: black;
	border-right-color: black;
	border-width: 1px;
	border-style: solid;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.weekTotals
{
	margin: 10px;
	width: 766px;
}

.weekTotals th
{
	font-weight: bold;
	color: black;
	background-color: #EFEFEF;
}

.weekTotals td
{
	font-weight: bold;
	text-align: center;
}
/********* END TIMECARD TABLE ***********/

/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
.addPanel
{
	position: absolute;
	z-index: 500;
	top: 250px;
	left: 350px;
	vertical-align: top;
}

/*=================Natural Tags===================================*/

a
{
	color: #336699;
	text-decoration: none;
}

a:hover
{
	color: #003366;
	text-decoration: underline;
	border: none;
}

a span
{
	display: none;
}

/*a:hover span
{
	display: block;
	position: relative;
	padding: 5px;
	z-index: 1000;
	color: black;
	/*background-color: white;
	border: 2px dashed black;
	text-align: left;
	text-decoration: none; 
	/*font-weight: normal;
	font-size: 80%;
	cursor: help;
}*/

body
{
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

img
{
	border: none;
	margin: none;
	padding: none;
}

input
{
}

option
{
	z-index: -50;
}

p
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-width: 0px;
	text-indent: 0px;
}

select
{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

/******/

.Label8
{
	color: Maroon;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
}

.DefaultLabel3
{
	color: Black;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	cursor: help;
	text-align: right;
	font-style: normal;
}


.DefaultTable
{
	width: 95%;
	background-color: White;
	border: solid 1px silver;
	border-collapse: collapse;
	padding-left: 7;
}
.DefaultColor
{
	text-align: left;
	font-weight: bold;
	background-color: #EFEFEF;
	color: green;
}

.DefaultTable th
{
	text-align: center;
	font-weight: bold;
	background-color: #EFEFEF;
	color: black;
}

.DefaultTable td
{
	text-align: left;
	background-color: white;
	font-family: Arial;
	font-size: 8pt;
	color: gray;
	padding-left: 7px;
}

.tableArial8
{
	font-family: Arial;
	font-size: 8pt;
}

.defaultLabel1
{
	color: Maroon;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	cursor: help;
	text-align: left;
}

.defaultDialogLabel1
{
	color: Black;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}


.DefaultTable2
{
	width: 95%;
	background-color: White;
	border: solid 1px silver;
	border-collapse: collapse;
	padding-left: 7;
	border-right: silver thin outset;
	border-top: silver thin outset;
	border-left: silver thin outset;
	border-bottom: silver thin outset;
}

.DefaultTable2 th
{
	text-align: Center;
	font-weight: bold;
	background-color: #EFEFEF;
	color: black;
}

.DefaultTable2 td
{
	text-align: left;
	background-color: white;
	font-family: Arial;
	font-size: 8pt;
	color: Maroon;
	padding-left: 7px;
}

.DefaultTable3
{
	background-color: White;
	border: solid 1px silver;
	border-collapse: collapse;
	padding-left: 7;
	border-right: silver thin outset;
	border-top: silver thin outset;
	border-left: silver thin outset;
	border-bottom: silver thin outset;
}

.DefaultTable3 th
{
	text-align: Left;
	font-family: Arial;
	font-size: 8pt;
	background-color: #EFEFEF;
	color: Maroon;
}

.DefaultTable3 td
{
	text-align: left;
	background-color: white;
	font-family: Arial;
	font-size: 8pt;
	color: Maroon;
	padding-left: 7px;
}

.menuStyleA
{
	border-color: White;
	background-color: steelBlue;
	border-style: ridge;
	border-width: medium;
	font-style: normal;
	border-spacing: 2;
}

.GvDisplay
{
display:none;
}

/*Overlay panels*/
.ui-overlay
{
    margin: 0 auto;
    position: absolute;
    display: none;
}
.ui-widget-overlay {
    background: repeat-x scroll 50% 50% #AAA;
    opacity:0.90;
    filter: Alpha(Opacity=90);
    background-color: white;
}

.ui-widget-overlay {
    height:310px;
    width: 300px;
    left:420px;
    position:absolute;
    top: 200px;
    margin: 0 auto;         
    z-index: 1000;
    border-color:#e8e8e8;
    border-width: 12px;
    border-style: solid;
    border-bottom-style: inset;
    display: none;
}

table.overlay
{
    margin: 0 auto;
    margin-top: 20px;
}
    table.overlay tr
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    table.overlay tr td
    {
        font-size: 20px;
        font-style: normal;
        /*color:#5a1111;*/
        color: #c7a431;        
    }

.overlay input[type=button]
{
    font-size: 18px;
    background-color: #6c0c0c;
    color: white;
    width: 100px;
    height: 40px;
}

.overlay input[type=checkbox]
{
    width: 15px;
    height: 15px;    
    color: #06652b;
}

.closeButton
{
    top: 31px;
    right: 2px;
    float: right;
    background-image: url('../../../../close.png');
    position: relative;
    z-index: 1000;
    height: 30px;
    width: 30px;
    outline:none; 
}
    .closeButton:hover
    {
        cursor: pointer;  
        text-decoration:none;   
    }
    .closeButton span
    {
        z-index:10000;
        display:none; 
        padding:14px 20px;
        margin-top:-60px; 
        margin-left:-40px;
        width:100px; 
        line-height:10px;
        text-align: center;
        color:#6c0c0c;
    }

    .closeButton:hover span
    {
        display:inline; 
        position:absolute; 
        color:#111;
        border:1px solid #DCA; 
        background:#fffAF0; 
        color: #6c0c0c;
    }
    .closeButton span
    {
        border-radius:4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;        
        -moz-box-shadow: 5px 5px 8px #CCC;
        -webkit-box-shadow: 5px 5px 8px #CCC;
        box-shadow: 5px 5px 8px #CCC;
    }
.heading
{
    color: #06652b;
}

.top
    {
    	background-image: url('../../images/top.png');
    	/*background-color: #093b6f;*/
    	border : solid 3px brown;
    	text-align: center;
    	width: 150px;
    	height: 50px;
    }