* { border: 0; padding: 0; margin: 0; }

body {
	font:11pt/120% Arial, serif;
	background-color: white !important;
	background-image: none !important;
	color:black;
}

/* styles for customized change_list.html, change_form.html, tabular.html, submit_line.html */

.buttonEdit {
	border:1pt solid black ! important;
	color:black ! important;
	font-size:12pt ! important;
	font-weight:bold ! important;
	background-color:white ! important;
	cursor:pointer ! important;
}

.buttonEditDelete {
	border:1pt solid black ! important;
	color:red ! important;
	font-size:12pt ! important;
	font-weight:bold ! important;
	background-color:white ! important;
	cursor:pointer ! important;
}

h1 {
	color:black ! important;
	background-color:#cfe0fe ! important;
	text-align:left ! important;
}

.actions  {
	font-family:Arial ! important;
	font-size:15pt ! important;
	text-align:left ! important;	
	color:black ! important;
	padding-top:6pt ! important;
}

.row1 {
	font-family:Arial ! important;
	font-size:15pt ! important;
	color:black ! important;
	background-color:#cfe0fe ! important;
	padding-top:6pt ! important;
}

.row2 {
	font-family:Arial ! important;
	font-size:15pt ! important;
	color:black ! important;
	background-color:white ! important;
}

th {
	font-family:Arial ! important;
	font-size:15pt ! important;
	color:black ! important;
	padding-top:6pt ! important;
	padding-bottom:6pt ! important;	
}

a {
	color:black ! important;
}

.aligned, .wide {
	text-align:left ! important;
}

label {
	font-family:Arial ! important;
	font-size:16pt ! important;
	color:black ! important;
}

.vTextField, .vIntegerField {
	font-family:Arial ! important;
	font-size:16pt ! important;
	color:black ! important;
}

#id_name {
	font-family:Arial ! important;
	font-size:14px ! important;
	color:black ! important;
}

h2 {
	font-family:Arial ! important;
	font-size:14pt ! important;
	color:black ! important;	
	background-color:#003399 ! important;
}

.year, .hourly_rate, .phase, .date, .phase_fee, .fee_type, .description, .delete, .ok {
	text-align:left ! important;
}

.add-row { font-size:16pt ! important; }

/* end of styles for customized change_list.html, change_form.html, tabular.html, submit_line.html */


#hw_header, #hw_body {
	padding-left:0pt;
	width:100%;
}

#vert_distance_for_screen {
	height:0pt;
}

#vert_distance_for_print {
	height:20pt;
}


/* styles for numbers in table cells
   displaying them wright one below the other */
.cXL {
	font-family:Courier;
	font-size:12pt;
	text-align:right;
}
.cL {
	font-family:Courier;
	font-size:11pt;
	text-align:right;
}
.cM {
	font-family:Courier;
	font-size:10pt;
	text-align:right;
}
.cS {
	font-family:Courier;
	font-size:9pt;
	text-align:right;
}
.cXS {
	font-family:Courier;
	font-size:8pt;
	text-align:right;
}



.forPrintHidden, .offsetForPrintHidden {
	display:none !important;
}

.menuTable {
	width:100%;
	background-color:white;
	border:solid black 1pt;
}

.editTable {
	background-color:white;
	border:solid black 1pt;
}

.listTable {
	width:100%;
	background-color:white;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12pt;
	color:black;
	border:solid black 1pt;
}

/* now for firefox4 and chrome border style must be in every td  */

/* the following styles are now used by hourrecording/employee.html */

/* the following styles are now used by hourrecording/employee.html */

.blBor1 {
    border:solid black 1pt !important;
}

.blBor2 {
    border:solid black 2pt;
}

.blBorTop2 {
    border-top:solid black 2pt !important;
}

.blBorBottom2 {
    border-bottom:solid black 2pt !important;
}

.blBorBottom3 {
    border-bottom:solid black 3pt !important;
}

.blBorLR2B1 {
    border-left:solid black 2pt;
    border-right:solid black 2pt;
    border-bottom:solid black 1pt;
}

.blBorLRB2 {
    border-left:solid black 2pt;
    border-right:solid black 2pt;
    border-bottom:solid black 2pt;
}

.blBorL2 {
    border-left:solid black 2pt;
}

.blBorR2 {
    border-right:solid black 2pt !important;
}

.blBorB2 {
    border-bottom:solid black 2pt;
}

.whBor1 {
    border:solid black 1pt;
}

.whBor2 {
    border:solid black 2pt;
}

/* */


.hwTable {
	width:100%;
	background-color:white;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:9pt;
	color:black;
	border:solid black 1pt;
}

.hw2Table {
	width:100%;
	background-color:white;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:10pt;
	color:black;
	border:solid black 1pt ! important;
}

.hw1TD {
	color:black;
	border:solid #CCCCCC 1pt ! important;
}

.bordGray {
	border:1px solid gray !important;
}

.darkblueBG {
	background-color: white;
}

/* R for horizontal line in header image */
.hR {
	border:solid black 1pt;
	width:100%;
}


/* classes for PIKK: */

.textP {
    font-family:Arial;
    font-size:8pt;
    color:black;
    padding:2pt;
    border:solid #888888 1pt;    
} 

.textPb {
    font-family:Arial;
    font-size:8pt;
    color:black;
    padding:2pt;
    font-weight:bold;
    border:solid #888888 1pt;    
}

.textPM {
    font-family:Arial;
    font-size:9pt;
    color:black;
    padding:2pt;
    border:solid #888888 1pt;    
} 

.textPMb {
    font-family:Arial;
    font-size:9pt;
    color:black;
    padding:2pt;
    font-weight:bold; 
    border:solid #888888 1pt;    
} 

.textPL {
    font-family:Arial;
    font-size:11pt;
    color:black;
    padding:2pt;
    font-weight:bold; 
    border:solid #888888 1pt;    
}

.textPML {
    font-family:Arial;
    font-size:10pt;
    color:black;
    padding:2pt;
    border:solid #888888 1pt;    
} 

.textPLb {
    font-family:Arial;
    font-size:11pt;
    color:black;
    padding:2pt;
    font-weight:bold; 
    border:solid #888888 1pt;    
}

.textPXLb {
    font-family:Arial;
    font-size:18pt;
    color:black;
    padding:4pt;
    font-weight:bold;     
    border:solid #888888 1pt;    
}

.distanceForFooter {
    font-family:Arial;
    font-size:10pt;
    background-color:transparent;
    color:transparent;
    padding:0pt;    
    border-top:solid #888888 1pt;
    border-bottom:solid #888888 1pt;
    border-left:solid transparent 1pt;
    border-right:solid transparent 1pt;
}


/* special styles for single_view.html */

.textXL {
	font-family:Arial;
	font-size:18pt;
	color:black;	
}

.textL {
	font-family:Arial;
	font-size:14pt;
	color:black;	
}

.textM {
	font-family:Arial;
	font-size:11pt;
	color:black;	
}

.textS {
	font-family:Arial;
	font-size:10pt;
	color:black;	
}

/* end of special styles for single_view.html */

.arial32 {
	font-family:Arial;
	font-size:24pt;
	color:black;	
}

.arial30 {
	font-family:Arial;
	font-size:22pt;
	color:black;	
}

.arial28 {
	font-family:Arial;
	font-size:20pt;
	color:black;	
}

.arial21 {
	font-family:Arial;
	font-size:14pt;
	color:black;	
}

.arial19 {
	font-family:Arial;
	font-size:13pt;
	color:black;	
}

.arial18 {
	font-family:Arial;
	font-size:13pt;
	color:black;	
}

.arial17 {
	font-family:Arial;
	font-size:12pt;
	color:black;	
}

.arial15 {
	font-family:Arial;
	font-size:11pt;
	color:black;	
}

.arial14 {
	font-family:Arial;
	font-size:10pt;
	color:black;	
}

.arial12 {
	font-family:Arial;
	font-size:9pt;
	color:black;
}

.arial11 {
	font-family:Arial;
	font-size:8pt;
	color:black;	
}	

.arial10 {
	font-family:Arial;
	font-size:8pt;
	color:black;	
}

/* the following 4 styles are used for cell-values by hourrecording/employee.html */
.arial9 {
	font-family:Arial;
	font-size:7pt;
	color:black;
}

.arial8 {
	font-family:Arial;
	font-size:6pt;
	color:black;
}

.smallWidth {
	width:2% ! important;
	padding-top:none ! important;
}

.normalWidth {
	width:24pt ! important;
}

.greenBG {
	background-color:lightgreen;
}

.wbRgreen {
	border-right:solid lightgreen 1px;
}

.green {
	color:green;
}

.blue {
	color:#003399;
}

.normal_blue {
	color:blue;
}

.brown {
	color:brown;
}

.violet {
	color:#8a2aae;
}

.headerText {
	font-family:Arial;
	font-size:12pt;
	color:black;
}


/* the following four styles are ev. additions for the previous styles */
.bold {
	font-weight:bold;	
}

.red {
	color:red;
}

.white {
	color:black;
	}

.lightgreenBG {
	background-color:lightgreen ! important;
}

.forestgreenBG {
	background-color:#105810 ! important;
}
	
.lightblueBG {
	background-color:lightblue ! important;
}

.skyBlueBG {
	background-color:lightblue ! important;
}

.yellowBG {
	background-color:yellow ! important;
}	

/* R underline */
.uL {
	text-decoration:underline;
}

/* R text (link) without undescore*/
.wu {
	text-decoration:none ! important;
}

/* R text without undescore only by printing */
.wuP {
	text-decoration:none ! important;
	color:black;
}


.pa0 {
	padding:none ! important;
}

.pa1 {
	padding:1pt;
}

.pa2 {
	padding:2pt;
}

.pa4 {
	padding:3pt;
}

.pa6 {
	padding:6pt;
}

.pa8 {
	padding:8pt;
}

.pa10 {
	padding:10pt;
}

/* R used by single_view.html, contract_employee.html, employee.html */
.pT30 {
	padding-top:27pt;
}
.pB30 {
	padding-bottom:27pt;
}
.pT20 {
	padding-top:18pt ! important;
}
.pB20 {
	padding-bottom:18pt ! important;
}
.pT15 {
	padding-top:14pt ! important;
}
.pB15 {
	padding-bottom:14pt ! important;
}
.pT10 {
	padding-top:9pt ! important;
}
.pB10 {
	padding-bottom:9pt ! important;
}
.pT5 {
	padding-top:4pt;
}
.pB5 {
	padding-bottom:4pt ! important;
}
.pT2 {
	padding-top:2pt ! important;
}
.pB2 {
	padding-bottom:2pt ! important;
}
.pT30B20 {
	padding-top:20pt;
	padding-bottom:15pt;
}


.pT8 {
	padding-top:6pt ! important;
}

/* R used by contract_employee.html, index.html */
.pL4 {
	padding-left:3pt;
}

.pR4 {
	padding-right:3pt;
}
.pR2 {
	padding-right:2pt;
}

.pR10 {
	padding-right:8pt ! important;
}

.pL10 {
	padding-left:8pt;
}

.pL30 {
	padding-left:25pt ! important;
}
.pR30 {
	padding-right:25pt;
}
.pL20 {
	padding-left:18pt;
}
.pR20print {
	padding-right:8pt ! important;
}



/* empty vertikal offset for class contractTable */
.emptyVOffset {
	background-color:white;
	border-left:solid white 2pt ! important;
	border-right:solid white 2pt ! important;
	border-top:solid black 2pt ! important;
	height:20pt;	
}

/* and border top for the next <tr><td> after emptyVOffset */
.borderTop {
	border-top:solid black 2pt ! important;
}

/* empty vertikal offset for tables with class hw2Table */
.emptyVOffset2 {
	background-color:white;
	border-left:solid white 1pt ! important;
	border-right:solid white 1pt ! important;
	border-top:solid black 1pt ! important;
	height:20pt;
}

/* and border top for the next <tr><td> after emptyVOffset2 */
.borderTop2 {
	border-top:solid black 1pt ! important;
}

/* following class is used for the last column to suppres borders if we in some rows have lower number of columns for tables with class contractTable */
.lastColumn {
	background-color:white;
	border-left:solid black 2pt ! important;
	border-right:solid white 2pt ! important;
	border-bottom:solid white 2pt ! important;
}

/* following two classes are used to suppres borders for tables with class menuTable */
.suppresRLBborders {
	border-right:solid white 2pt ! important;
	border-left:solid white 2pt ! important;
	border-bottom:solid white 2pt ! important;
}

.suppresRBborders {
	border-right:solid white 2pt ! important;	
	border-bottom:solid white 2pt ! important;
}

.suppresRLTborders {
	border-right:solid white 1pt ! important;
	border-left:solid white 1pt ! important;
	border-top:solid white 1pt ! important;
}

.suppresRLBborders {
	border-right:solid white 1pt ! important;
	border-left:solid white 1pt ! important;
	border-bottom:solid white 1pt ! important;
}

.suppresBorders {
	border:solid white 1pt ! important;
}

.w1Print {
	width:6% ! important;
}

.w2Print {
	width:10% ! important;
}

/* without border bottom for table with class hoursFormTable */
.wBBh, .wBBh_hw {
	border-bottom:solid white 1px ! important;
}

/* following class is used for the first column to suppres borders for tables with class contractTable */
.firstColumn {
	background-color:white;
	border-right:solid black 2pt ! important;
	border-left:solid white 2pt ! important;
	border-bottom:solid white 2pt ! important;
}

/* following class is used for the first column to suppres borders for tables with class hw2Table */
.firstColumn2 {
	background-color:white;
	border-right:solid white 1pt ! important;
	border-left:solid white 1pt ! important;
	border-bottom:solid white 1pt ! important;
}

.withoutAllBorders {
	border:solid white 1px ! important;
}

/* without border top for tables with class contractTable */
.withoutBorderTop {
	border-top:solid white 2pt ! important;
}

/* without border top for tables with class hw2Table */
.withoutBorderTop2 {
	border-top:solid white 1px ! important;
}

/* without border left for tables with class hw2Table */
.withoutBorderLeft2 {
	border-left:solid white 1px ! important;
}

/* without border top and left for tables with class hw2Table */
.withoutBorderTopLeft2 {
	border-top:solid white 1px ! important;
	border-left:solid white 1px ! important;
}

/* R the following style is used by hourrecording/employee.html after page break */

.withoutBorderLeftRight {
    border-left:solid white 1pt ! important;
    border-right:solid white 1pt ! important;
}

/* R left and right border are white and unvisible by printing */
.blrW {
	border-left:solid white 1pt ! important;
	border-right:solid white 1pt ! important;
}

/* R top border is white and unvisible by printing */
.btW {
	border-top:solid white 1pt ! important;
}

.extraPaddingT {
	padding-top:8pt;
}

.extraPaddingB {
	padding-bottom:8pt;
}

.hoursFormTitle {
	background-color:white;
	color:black;
	font-size:12pt;
	font-weight:bold;
}

.hoursFormSubtitle {
	background-color:white;
	color:black;
	font-size:10pt;
	font-weight:bold;	
}

.hoursFormSubtitle2 {
	background-color:white;
	color:black;
	font-size:10pt;
}


.hoursSaveButton {
	border:1px solid black;
	color:black;
	font-size:12pt;
	font-weight:bold;
	background-color:white;
}

.buttonPlus {
	border:1px solid black;
	color:black;
	font-size:10pt;
	font-weight:bold;
	background-color:white;
}

.buttonNav {
	border:1pt solid black;
	color:black;
	font-size:14pt;
	font-weight:bold;
	background-color:white;
	cursor:pointer;
}

.grayB {
	border-left:1pt solid gray;
	border-right:1pt solid gray;
	border-top:1pt solid gray;
}

#page-break {
	page-break-before: always;
	padding:none ! important;
}

.unvisibleText {
	font-size:8pt ! important;
	color:transparent ! important;
}


/* ogi: new styles for object_reporting.html by ES: */

.transparentTable {
    background-color:white !important;
}

.transparentTdM {
    background-color:white !important;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:10pt;
    color:black;
    padding:1pt;
}

.transparentTdS {
    background-color:white !important;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:8pt;
    color:black;
    padding:1pt;    
}

.textPS {
    font-family:Arial;
    font-size:7pt ! important;
    color:black;
    padding:1pt;
    border:solid black 1pt;    
}

.textPSb {
    font-family:Arial;
    font-size:7pt ! important;
    color:black;
    padding:1pt;
    font-weight:bold;    
    border:solid black 1pt;
}

.textPMXb {
    font-family:Arial;
    font-size:10pt;
    color:black;
    padding:4px;
    font-weight:bold; 
    border:solid black 1px;    
}

.grayBG {
    background-color:#BBBBBB;
}

.withoutBordersExceptBottom {
    border-left:solid white 1pt !important;
    border-top:solid white 1pt !important;
    border-right:solid white 1pt !important;
}

.withoutBordersExceptTop {
    border-left:solid transparent 1pt !important;
    border-bottom:solid transparent 1pt !important;
    border-right:solid transparent 1pt !important;
    border-top:solid black 1pt !important;
}

.withoutBorderBottom {
    border-bottom:solid white 1pt !important;
}

.woBorderTop {
    border-top:solid white 1pt ! important;
}


/* ogi: new styles for letter-form.html by ES: */

.letter {
    background-color:white !important;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:10pt;    
    color:black;  
}


/*.centerTable {
    margin-left:auto ! important;
    margin-right:auto ! important;
}*/


/* till here are new better styles */


.employeeLink {
	display:none;
}

.lyBG {
		background-color:fefdd2 ! important;
}

.lbBG {
	background-color:d8e6f2 ! important;
}

.vertText {
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);	
}