/* masses up the calendar but improves the tables. Both need improvement as this rule is good to have */
/* * {margin: 0; padding: 0;} */

#body 
{
	background: url(../Images/table_top_2.gif) no-repeat ; 
    text-align: left;
}

.calendarWeekHeaderCell
{
}

.calenderWeekSelectorColumnCell
{
    /* the left column of the week-days header row gets its background color from here. */
    /* the other week selectors (first column) get this setting overriden by <SelectorStyle BackColor="#ADCEEF" /> in TimeTransactionHeaderUC.ascx*/
    background-color: #ADCEEF;
    padding: 0px 2px;
}

#calendarTitle
{
    padding-left: 26px;
}

.calendarTable
{
    width: 100%;
    height: 100%;    
}

.calenderTitleRow
{
    vertical-align: top;    /* otherwise IE adds a padding ...  */
    height: 23px;
}

.calendarBodyRow
{
    vertical-align: top;
    height: 152px;
}

#calendarInnerTitleTable
{
    /*border-collapse: collapse;*/
    width: 100%;
    height: 23px;
    
    background: url(../Images/OP_heading_slice.gif) repeat-x;
}

#calendarInternalContentContainerTable
{
    height: 100%; /* to get the padding-bottom right, there must be a better way */
    width: 100%;
}

#calendarInternalContentContainerCell
{
    background-color: #FFFFFF;
    padding: 2px 2px;
    /*height: 100%; /* IE needs this to strech up the calender. Why? */
}



/*Styles for the main div elements of the timesheet*/
#timesheetBox
{
    border: 0px solid blue;
	float: left;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;	
	/* width: 960px; */
	width: 100%;
	position: relative;	
}



/*
.TimesheetControlsTable /*style="height:auto; width:960px;"*/
/*{
    height: auto;
    width: 960px;
}

.TimesheetControlsRow
{
    margin-bottom: 100px;    
}

.TimesheetControlsCell
{
    align: left;    
} */

#TimesheetHeader
{
    height: 28px;
    width: 972px;
    background-color: #F3F3F3;
    border: 1px solid #E6E6E6;
    /*width: 954px; /* better in %s? */
    text-align: left; /* IE needs this */
    margin-bottom: 6px;
}

#TimesheetGrids
{
    width: 760px; /* 78%; */
    float: left;
    margin-right: 6px; 
}

#TimesheetAdditionalControls
{
    width: 200px;
    float: left;
    top: 0px;  
    margin-left: 6px; 
    /* text-align: left; /* IE needs this */
}

#TimesheetFooter
{
    clear: both;
    text-align: left; /* IE centers everything */
    padding-top: 10px;
	/*float: left;	
	border: none;	
	width: 100%;	*/
}


#commandHeaderTable
{
    margin: 0px 0px; 
       
}

#commandHeaderRow td:last-child
{
        
}

.commandHeaderCell
{
    vertical-align: middle;
    padding-left: 10px;    
}

/*#TimesheetControlsContainer
{
    border: 1px solid pink;
} */

#div_timetransgrid
{
	/*border: 0px solid #000000;	
	background: #FFFFFF;
	color: #666666;
	height: 180px;
	width: 99%;*/
	width: 100%;
	height: 180px;
	overflow:auto;
	margin-bottom: 10px;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6; 
	border-right: 1px solid #E6E6E6; 
	border-bottom: 1px solid #E6E6E6;   
}

#div_wagesortgrid
{
    width: 100%;
    height: 180px;
	overflow: auto;
	margin-top: 10px;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6; 
	border-right: 1px solid #E6E6E6; 
	border-bottom: 1px solid #E6E6E6; 
	/*border: 0px solid #000000;	
	background: #FFFFFF;
	color: #666666;
	overflow: auto;
	height: 180px;
	width: 99%; */
}

#div_calendar 
{
    width: 200px;
    /*float: left;*/
	border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-bottom: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	margin-bottom: 10px;
	background: #FFFFFF;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;	
	/*width: 200px;	*/
	height: 180px;
}

#div_transcomment
{
    width: 200px;
    /* float: left;*/
	border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-bottom: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	margin-top: 10px;
	height:180px;
	/*width:200px;*/
	background: #ffffff;
}

#div_transcommentdetail
{
   padding: 5px 5px 5px 5px;
	/* background: #ffffff; */
	overflow: auto;
	width: 385px;
	border: 0px solid #000000;
	vertical-align: middle;
	text-align: left;
	margin: 0px auto; /*center horizontally*/
}

#div_MaterialView
{
	/* float: left; */
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;	
	width: 950px;
	/* position: relative;	*/
}


#div_MaterialDetail
{	
	vertical-align: text-top;	
	margin-top: 5px;
	
	/* background: #ffffff; */
	overflow: auto;
	width: 100%; /* 270px; */
	/* height: 360px; */
	border: 0px solid #000000;
}

#div_MaterialTable
{
	/* float: right; */
	border: 0px solid #000000;
	height: 360px;
	/* width: 100%; /* 620px; */
	width: 640px;
	background: #ffffff;
	overflow: auto;
}

#div_MaterialViewDetailContainer
{
    float: left;
    width: 32.5%;
    height: 400px;
    padding-right: 6px;
    padding-left: 0px;
}

#div_MaterialViewTableContainer
{
    float: left;
    width: 64%;
    height: 400px;
    padding-left: 6px;
}

.materialDetailGridViewStyle
{
    width: 300px;    
    text-align: left;  
}

.materialTableGridViewStyle
{
    width: 100%;    
}

#MaterialWeekSelector
{
    padding-left: 6px;
}

.InputBoxHeader
{
    height: 23px;
    background: url(../Images/OP_heading_slice.gif) repeat-x;
    width: 312px;
}

.InputBoxContentFrame
{
   border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-bottom: 1px solid #E6E6E6; /*same as the gif's upper pixels*/  
	padding: 5px; 
	/* width: 100%; */
	/*overflow: hidden;*/
	height: 360px;
	background: url(../Images/inputBox-background-2x768.jpg) repeat-x;
	text-align: left;
	width: 300px;
}

.OutputBoxHeader
{
    height: 23px;
    background: url(../Images/OP_heading_slice.gif) repeat-x;
    width: 648px;
}

.OutputBoxContentFrame
{	
    border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-bottom: 1px solid #E6E6E6; /*same as the gif's upper pixels*/  
	padding: 5px;  
	height: 360px;
	width: 636px;
	text-align: left;
}

/* project page */

#projectSearchTitle
{
    margin-left: 15px;
    margin-top: 5px;    
}

.ProjectSearchBoxLabel
{
    font-size: x-small;
    font-style:italic;
}

.OutputBoxHeaderProject
{
    height: 23px;
    background: url(../Images/OP_heading_slice.gif) repeat-x;
    width: 722px;
    
}

.OutputBoxContentFrameProject
{
    border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-bottom: 1px solid #E6E6E6; /*same as the gif's upper pixels*/  
	padding: 5px;  
	height: 310px;
	width: 710px;
	text-align: left;
}

.SettingsBoxHeader
{
    height: 23px;
    background: url(../Images/OP_heading_slice.gif) repeat-x;
    width: 598px;
}
	
.SettingsBoxContentFrame
{
   border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-bottom: 1px solid #E6E6E6; /*same as the gif's upper pixels*/  
	padding: 5px;  
	height: 250px;
	width: 586px;	
	background: url(../Images/inputBox-background-2x768.jpg) repeat-x;
}

.SettingBoxTitle
{
    padding-left: 5px;
    padding-top: 2px; 
}

.SettingsSelectedLanguage
{
    /* vertical-align: middle; */
}

.FlaggImage
{
    vertical-align: middle;
}

#CommentDetailBoxHeader
{
    height: 23px;
    background: url(../Images/OP_heading_slice.gif) repeat-x;
    width: 366px;
    margin: 0px auto; /*center horizontally*/
}

#CommentDetailBoxContentFrame
{
    border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-bottom: 1px solid #E6E6E6; /*same as the gif's upper pixels*/  
	padding: 5px;  
	height: 150px;
	width: 354px;	
	background: url(../Images/inputBox-background-2x768.jpg) repeat-x;
	margin: 0px auto; /*center horizontally*/
}

#LoginTitle
{
    background: url(../Images/OP_heading_slice.gif) repeat-x;
    height: 23px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 0.9em;
    padding-left: 20px;
}

#LoginBoxHeader
{
    height: 23px;
    background: url(../Images/OP_heading_slice.gif) repeat-x;
    width: 100%; /* 292px; */
    border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
    border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
}

#LoginBoxContentFrame
{
    border-left: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-right: 1px solid #E6E6E6; /*same as the gif's upper pixels*/
	border-bottom: 1px solid #E6E6E6; /*same as the gif's upper pixels*/  
	height: 148px;
	width: 100%; /* 292px; */
	background: url(../Images/inputBox-background-2x768.jpg) repeat-x;    
}

#LoginMainContainer
{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    
    text-align: left; /* undo text-align: center; of the parent, needed because of IE-bug*/    
}

#div_settings
{
	float: left;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;	
	width: 580px;
	height: 200px;
	/* background: #FFFFFF; */
	position: relative;
    border: 0px solid #000000;
}

#div_projectsearch
{
	float: left;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;	
	width: 680px;
	height: 240px;
	background: #FFFFFF;
	position: relative;
   border: 0px solid #000000;
   padding: 5px;
}
/*#timesheetdata{
	width: 80%;
	text-align: center;
}*/

/*styles for the controls used in the 'grids'*/
INPUT.quantityText
{
	font-size: 8pt;
	font-family: Arial;  
	text-align:right;
	border-style: none;
	/* background-color: #FFFFFF; */
}

INPUT.quantityTextEven
{
   /* this is overridden for edit boxes in the timesheetLine grid, 
   in TimeTransactionLineUC.cs: InitComponents() 
   so it applies only to text-boxes on the wagesort grid */
   background-color: #FFFFFF;
}

INPUT.quantityTextOdd
{
   /* this is overridden for edit boxes in the timesheetLine grid, 
   in TimeTransactionLineUC.cs: InitComponents() 
   so it applies only to text-boxes on the wagesort grid */
   background-color: #FFFFFF;
}

INPUT.quantityTextHoliday
{
    color: #FF0000;
}

INPUT.quantitySumText
{
	font-size: 8pt;
	font-family: Arial;  
	text-align:right;
	border-style: none;
	background-color: #f8f8f8;
}

INPUT.quantitySumTextHoliday
{
    color: #FF0000;
}

INPUT
{

}

SELECT.gridselect
{
     font-size: 8pt;
     font-family: Arial;
     /*height:5px;*/
}

INPUT.timeinput
{
    font-size: 8pt;    
}

SELECT.timeselect
{
     font-size: 8pt;   
     /* catalin's things */
     /* background: url(../Images/scroll_pressed_down.bmp); */
}

SELECT[class="timeselect"]:hover
{
     background: #ADCEEF;
}

SELECT:focus
{
     background: #ADCEEF;
}
     
SELECT:hover
{
     background: #ADCEEF;
}

INPUT:focus
{
     background: #ADCEEF;
}
     
INPUT[class="timetextbox"]:hover
{
     background: #ADCEEF;
}

INPUT[type="quantitySumText"]:hover
{
     background: #FFFF00; /* #ADCEEF; */
}

INPUT[class="text"]:hover
{
     background: #FF0000; /* #ADCEEF; */
}

INPUT.timebutton
{
     font-size: 8pt;   
     /*catalin's things*/
     background: url(../Images/OP_heading_slice.gif) repeat-x;
     /* background: url(../Images/button_normal_slice.gif) repeat-x; */
     height: 22px;
     width: 100px;
     border-style: none;
     color: Black;
     font-weight: bold; 
}

INPUT.ProjectSearchButton
{
    width: 80px;
}

INPUT.timebutton:hover
{  
     /*catalin's things*/
     background: url(../Images/normal_slice.bmp) repeat-x;
     color: White;
     /* background: url(../Images/button_hot_slice.gif) repeat-x;*/
}

/**/
/*Styles for the 'grid' table elements*/
/**/
table.TimeTable
{	
	border: 5px solid red;
	font: 5pt Arial;
	/*overflow: auto;*/
	width: 600px; 
	background-color: Yellow;	
}

tr.TimeDisabledRow
{
	background-color: #ffcccc;	   
}
tr.TimeDefaultRow
{
}
tr.TimeTableOddRow
{
  background-color: #FFFFFF;	/*#F7F6F3;*/
}
tr.TimeTableEvenRow
{	
	background-color: #FFFFFF;	
}
tr.TimeTableRowFocus
{	
	background-color: #eeeeff;	
}

tr.TimeTableHeader
{
   background-color: #FFFFFF; /* Table */
   font-weight: bold;
   color: #000000;
   text-align: center;
}

td.TimeTableFieldHeader
{
   /* background-color: #FFFFFF; /* Detail*/
   font-weight: bold;
   color: #000000;
   text-align: left;
}

tr.TimeTableFooter
{
   background-color: #FFFF00;
   font-weight: bold;
   color: #000000;
}

tr.TimeTablePageRow
{
   background-color: #ADE1FF;
   font-weight: bold;
   color: #000000;
   vertical-align: middle;
}

tr.TimeTableSelectRow
{
   background-color: #E2DED6;
   font-weight: bold;
   color: #333333;
}

tr.TimeTableEditRow
{
   background-color: #E2DED6;
   font-weight: bold;
   color: #333333;
}

tr.TimeTableRow
{
    padding: 4px 0px 4px 0px;
    vertical-align: top;
    text-align: left;
   /* background-color: #F7F6F3; 
   color: #333333; */
}

tr.TimeTableAlternatingRow
{
    padding: 4px 0px 4px 0px;
    text-align: left;
   /* background-color: #FFFFFF; 
   color: #284775; */
}

tr.TimeTableCommandRow
{
   background-color: #C6C6C6;
   font-weight: bold;
   color: #0000FF;
}

/*Style for rows and cells that are empty divider rows*/
tr.Divider
{	     
	background-color: #ffffff;	
}
td.Divider
{
	border: none;       
        height: 4px;
}

/*Table cell containing checkbox*/ /* used in table header only*/
td.Checkbox
{
   /* IE will apply the hover++ effect from the INPUT definitions, so we override the background color here*/
   background-color: #FF0000;
    
	/* width: 20px;	
	border-top: #ffffff 0px solid;
	border-left: none;
	border-right: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	padding-left:2px;
	font: 8pt Arial;
	color: #000000;		
	background-color: #dfdfea; */
}

SPAN.Checkbox
{
   /* IE will apply the hover++ effect from the INPUT definitions, so we override the background color here*/
    background-color: #FFFFFF;
}

.Checkbox:hover
{
    background-color: #FFFFFF; /* this so doesn't work... */
}


/*Table cell containing drop down control*/ /* used in table header only*/
td.DropDown
{
	/* border-top: #ffffff 0px solid; */
	border-left: none;
	border-right: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	padding-left:2px;
	padding-top:0px;
	font: 8pt Arial;
	color: #000000;	
	width: 70px;
	height: 20px;
	
	/* background-color: #0F0; */
	background: url(../Images/OP_heading_slice.gif) repeat-x;
}

th.DropDown
{
	/* border-top: #ffffff 0px solid; */
	border-left: none;
	border-right: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	padding-left:2px;
	padding-top:0px;
	font: 8pt Arial;
	color: #000000;	
	width: 70px;
	height: 20px;
	
	/* background-color: #0F0; */
	background: url(../Images/OP_heading_slice.gif) repeat-x;
}

td.quantityreadonly
{
	width: 40px;	
	padding-left:2px;
	font: 8pt Arial;
	color:Black;  
	text-align:right;
	vertical-align:middle;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;	
	background-color: #f8f8f8;
}

td.TimeTableHeading
{
	border-top: #ffffff 0px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-left: none;
	padding-left:2px;
	font: 8pt Arial;
	color: #000000;	
	width: 60px;
	text-align:center;
	
	/* background-color: #F00; */
	background: url(../Images/OP_heading_slice.gif) repeat-x;
}

td.TimeTableHeadingHoliday
{
    color: #FF0000;
}

th.TimeTableHeading
{
	border-top: #ffffff 0px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-left: none;
	padding-left:2px;
	font: 8pt Arial;
	color: #000000;	
	width: 60px;
	text-align:center;
	
	/* background-color: #F00; */
	background: url(../Images/OP_heading_slice.gif) repeat-x;
}

th.TimeTableHeadingHoliday
{
    color: #FF0000;
}

td.RepTextHeading
{
	font: 8pt Arial;
	color: #000000;	
	width: 60px;
	background-color: #888888;
	text-align:left;
}

td.RepNumHeading
{
	padding-left:2px;
	font: 8pt Arial;
	color: #000000;	
	background-color: #888888;
	text-align:right;
	width: 60px;
}

td.ReportText
{
	padding-left:2px;
	font: 8pt Arial;
	color:Black;  
	text-align:left;
}

td.ReportNumber
{
	padding-left:2px;
	font: 8pt Arial;
	color:Black;  
	text-align:right;
	width: 60px;
}

td.topLeftCorner /* used to close the border of the table when there is no background giff behind the trash-can image */
{
    border-top: #E7E7E7 1px solid;
    /* background: url(../Images/OP_heading_slice.gif) repeat-x; */ /* if we need a background image like the rest of the header*/
}

td.firstColumnCells /* used to close the table on the left side*/ 
{
    width: 40px;	
	padding:2px;
	font: 8pt Arial;
	color:Black;  
	text-align:center;
	vertical-align:middle;
    /*border-left: #c0c0c0 1px solid;	*/
    border-right: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;	
    background-color: #FFFFFF; /* overriding the odd-even rows effects */
    
}

th.topLeftCorner /* used to close the border of the table when there is no background giff behind the trash-can image */
{
    border-top: #E7E7E7 1px solid;
    /* background: url(../Images/OP_heading_slice.gif) repeat-x; */ /* if we need a background image like the rest of the header*/
}

th.firstColumnCells /* used to close the table on the left side*/ 
{
    width: 40px;	
	padding:2px;
	font: 8pt Arial;
	color:Black;  
	text-align:center;
	vertical-align:middle;
    /*border-left: #c0c0c0 1px solid;	*/
    border-right: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;	
    background-color: #FFFFFF; /* overriding the odd-even rows effects */
    
}

td img
{
        
}

td.nonQuantity /* need to break away from the "default" quantity class for <TD> */
{
   width: 40px;	
	padding:2px;
	font: 8pt Arial;
	color:Black;  
	text-align:left;
	vertical-align:middle;
   border-right: #c0c0c0 1px solid;
   border-bottom: #c0c0c0 1px solid;	
   background-color: #FFFFFF; /* overriding the odd-even rows effects */    
}

td.quantity img
{
    margin-right: 1px;   
}

td.quantity
{
	/* width: 80px;	 
	padding-left:2px; */
	padding: 0 3px 0 3px;
	font: 8pt Arial;
	color:Black;  
	text-align:right;
	vertical-align:middle;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;	
	white-space: nowrap;	
}

td.quantity_nothing
{
	padding-left:2px;
	font: 8pt Arial;	
	text-align:right;
	vertical-align:middle;
	border-bottom: none;
	border-right: none;
}

td.commentHeader
{
    width:100%;
    border: none;
}

td.ProjectSearchButtonCell
{
    padding: 0px 3px;
}

#commentMain
{
    width:100%; 
    background-color:#cccccc;
    border: none;
    background: url(../Images/OP_heading_slice.gif) repeat-x;
}

#commentBox
{
    width:100%;
    height:100px;
    overflow:auto;
    font-size:12;
}



/**/
/*Misc styles for third party elements (menu, calendar, ...*/
/**/
body 
{
	margin: 0px;
	background: #FFFFFF url(../Images/va_background.bmp) repeat-x left top;
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
}
#login a:link, #login a:visited 
{
	color: #000000;
}
#title h1 a:link, #title h1 a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
a:link 
{
	color: #396EAA; /* Slett/Delete on the Material page. Why not "Velg" also? */
	text-decoration: none;
}
a:visited 
{
	color: #396EAA;
	text-decoration: none;
}
a:hover 
{
	text-decoration: underline;
}
a:active 
{
	text-decoration: none;
}
/*begin creating the tabs */
.menu 
{
	font-size: 10px;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td 
{
	color: #FFFFFF;
	height: 28px;
	width: 100px;
	text-align: center;
}

/* make link and visited the same look,set the background-color also in case Images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited 
{
	color: #FFFFFF;
	text-decoration: none;
}

/* make current tab gray,set the background-color also in case Images are not on*/
.menuSelectedItem td
{
   height: 28px;
    background: url(../Images/active_slice.gif) repeat-x;
}
.menuSelectedItem a:link, .menuSelectedItem a:visited 
{
   color: #000000;   
}

/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover 
{
   color: #000000;
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup 
{
	background: url(../Images/background_drop_menu.jpg) no-repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem 
{
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}

/* define the main layout divs */
#header 
{
	margin-right: auto;
	height: 50px;
}
#navtop
{	
   padding: 0;
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 0;
	background: url(../Images/1L_slice.bmp) repeat-x;
}

/*
    a hack because asp:menu uses a hidden <a /> tag, which nevertheless
    moves things down one pixel in IE7. Search for SkipLink if you want to find it.
*/
#navtop a img
{
    display: none;
}

#title 
{
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
}
#Copyright
{
   position: relative;
}

#login 
{
	padding-top: 10px;
	padding-right: 10px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 10px;
	top: 0px;
	text-align: right;
}
/* make crumbs after making new nav */
#breadcrumb 
{
	padding-top: 4px;
	padding-left: 10px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	height: 30px;
	text-align: left;
}

#catlist 
{
	width: 20%;
}
/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

#Copyright h1 
{
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;	
	
}

/* can be removed if no Images in breadcrumb area */
#breadcrumb img 
{
	border: none;
	vertical-align: middle;
}
/* all the legend tags use this same style */
legend {
	padding: 0px 4px;
	margin: 0px 0px 7px 0px;
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
/* define sizes of the username field */
.username {
	font-size: 0.9em;
	width: 150px;
}
/* all the fieldset tags use this same style */
fieldset {
	margin-bottom: 0px;
	padding: 0px 6px 6px 6px;
	border: none;
	display: block;
}
/* create hover effect for calendar icons */
#timesheetBox a:link img, #timesheetBox a:visited img, #resourcereport a:link img, #resourcereport a:visited img 
{
	/*padding: 2px;*/
	/*border: 1px solid #DFE4EA;*/
	/*background: #DFE4EA;*/
}
/* Put the admin edit calendar icon on a white background */
#adminedit a:link img, #adminedit a:visited img {
	padding: 2px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
}
#timesheetBox a:hover img, #resourcereport a:hover img, #adminedit a:hover img {
	/*padding: 2px;
	border: 1px solid #C1CFE0;*/
	background: #E8ECF0;
}
#timesheetBox a:active img, #resourcereport a:active img, #adminedit a:active img {
	/*padding: 2px;
	border: 1px solid #C1CFE0;*/
	background: #C9D4E2;
}

/* make the cal icon appear in line with the forms and text */
#timesheetBox img, #resourcereport img, #adminedit img {
	border: 0px;
	vertical-align: text-bottom;
}
/* make hours input field more prominent */
#timesheetBox .hours {
	padding-top: 1px;
	font-size: 1.5em;
	font-weight: bold;
	width: 35px;
	height: 20px;
	text-align: center;
}
/* condense in mark up to be '.button' */
.submit, .reset, .delete, .create, .add, .copy {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 28px;
}
/* make submit button larger */
.submit {
	width: 108px;
}
/* create section heading container to separate long forms */
.formsection {
	padding: 10px;
	margin-top: 15px;
	background: #D6DDE9 url(../Images/background_formsection.gif) repeat-x center;
	font-weight: bold;
	text-align: center;
}
/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility). I've also hidden the table in the admin_create_projects.html page */
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}

img {
	border: none;
}

/* */

/* MainTable is kind of a general container for everything on the page, it seems*/
#MainTableTag
{
    vertical-align:middle;  /* IE6 ? */
    width: 100%;
    height: 100%; 
    overflow: auto;
    border: none; 
}

.TableDataTag
{
    vertical-align: middle; /* IE6 ? */
}

#MenuTable
{
    border: none;
    width:1000px;
}

.MenuImgTag
{
    vertical-align:top;
}

/* The middle part of the menu, where the menu entries are located*/
#MenuTableDataTag
{
    width: 974px;
}

/* ---------------------------- */

.NordicCoolButton1
{
    /* background: url(../Images/button_normal_slice.gif) repeat-x;
    background-color: Blue; */
}

#centerContentIE
{
    /* IE fun: margin: 0 auto; does not work */
    text-align: center; 
    /* centers EVERYTHING in its children; 
       set text-align: left; in it's imediat child to undo its effect */
}

/*begin styles for login page*/

.LoginLeftSideText
{
   height: 24px;
   width: 98px;  
   float: left; 
   padding-left: 8px;  
}

.LoginLabel
{
   /*text-align: left;*/
   font-size:x-small;   
   color:Black;
}

.LoginLeftSide
{
   height: 8px;
   width: 98px; 
   float: left; 
   padding-left: 8px;  
}

.LoginRightSideText
{
   height: 24px;
   width: 178px;
   /*text-align:left;*/
   float:right;
   padding-right: 8px;
}

.LoginTextBox
{
   /*font-size: 0.8em;*/
   width: 155px;
   border-style: solid;
   border-width: 1px;
   border-color: #999999;
}

.LoginRightSide
{
   height: 8px;
   width: 178px; 
   float:right;
   padding-right: 8px;  
}

.LoginMessageContent
{
   text-align: center;
   height: 22px;
   color: red;
   /*font-size: 0.8em;*/
   float: left;
   /*width: 100%;*/
   width: 284px;
   padding-left: 8px;
   padding-right: 8px;
   font-size: 1.3em;     
}

.LoginButtonContent
{
   height: 22px;   
   float:left;
   text-align:right;
   /*width: 100%;*/
   width: 284px;
   padding-left: 8px;
   padding-right: 8px;    
}

.LoginButton
{   
   background-color: #FFFBFF;
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
   font-family: Verdana;
   /*font-size: 0.8em;*/  
   color: #284775; /* ForeColor="#284775" */
   margin-right: 8px;
   
   
}

.LoginTitleText
{
    background: url(../Images/OP_heading_slice.gif) repeat-x;
    height: 23px;
    width: 280px;
    /*width: 100%;*/
    text-align: left;
    font-weight: bold;
    font-size: 0.9em;
    padding-left: 20px;
    vertical-align:middle;    
}

.LoginTitleAlignment
{
   padding-top: 5px;
}

.LoginVTControl
{
   border-color: #E6E2D8;
   border-width: 0px;
   border-style: solid;
   padding: 4px; /* BorderPadding="4" */
   font-family: Verdana;
   font-size: 0.8em;
   color: #396EAA;
   height:148px; /* ? */
}

.TitleText
{
   background-color: #5D7B9D;
   font-weight:bold;
   font-size: 0.9em;
   color: White; /* ForeColor="White" */
}

.InstructionText
{
   font-style: italic;
   color: Black; /* ForeColor="Black" */
}

.LoginLogo
{
   border:0px;
   vertical-align:bottom;
}

/*end styles for login page*/

/*begin styles for settings page*/

#controls_content
{
   width: 500px;
   border: 1px;
   height: 110px;
   float:left;
}

.left_side
{
   float:left;
   width: 200px;
   height: 25px;
}

.right_side
{
   float: right; 
   height: 25px;
   width: 300px; 
}

.left_side_higher
{
   float:left;   
   height: 30px;
   width: 200px;   
}

.right_side_higher
{
   float: right; 
   height: 30px;
   width: 300px; 
}

.container
{
   float: left;
   width: 500px;
}

#language_alignment
{
   padding-top: 8px;
}

INPUT.settings_textbox
{
   width: 50px;   
}

SELECT.settings_select
{
   height: 22px;
   width: 128px;
}

INPUT.settings_button
{
   width: 72px;
}

/*end styles for settings page*/

tr.hide
{
   display:none;
}

tr.show
{   
}

/*used for wagesorts*/
.VarianceControlReducesDeviation
{
   background-color:#eeeeff;
}

.VarianceControl
{
   background-color:#ffeeee;
}

.NoVarianceControl
{
   background-color:#ffffff;
}