/* @charset "utf-8"; */
/* CSS Document */
body {
	background-color: #FFFFFF;
	font-size: 10px; /* for the widget natural size */ 
}
a {
	text-decoration: none;
}
tr {
}
td {
	line-height: normal;
}
.normal_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.loggedin_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00000;
}

.daysheet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	margin: 10px;
}
.daysheet_headrows {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFCC;
	padding-left: 3px;
	text-align: center;
	border: 1px solid #666666;
}
.daysheet_datarows {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	padding-left: 3px;
	background-color: #FFFFFF;
	border-top: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.normal_text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

.company_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #06C;
	text-decoration: none;
}

#news {
	position:relative;
	z-index:2;
	left: 270px;
	top: 80px;
}
#logo {
	position:relative;
	z-index:2;
	top: 5px;
}
#topcorner_img {
	position:absolute;
	z-index:-1;
	left: 10px;
	top: 9px;
	background-image: url(images/top_corner.gif);
	background-repeat: no-repeat;
	height: 276px;
	width: 416px;
	overflow: auto;
}
#userlogged {
	position:relative;
	float: left;
	z-index:2;

}

#usernotlogged {
	position:relative;
	z-index:2;
}

#accesslevel {
	position:relative;
	z-index:2;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	width: 150px;
}

#language {
	position: relative;
	z-index:2;
	float: right;
	top: 5px;
	width: 120px;
	text-align: center;
	background-position: center center;
	vertical-align: bottom;
	height: 25px;
}

#left_td {
	background-color: #000066;
	border-right-width: 8px;
	border-top-style: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
}

#right_td {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-right-color: #000066;
	background-image: url(images/bg_middle.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#right_td_start {
	background-color: #000066;
	border: 1px solid #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}

#top_td1 {
	background-color: #000066;
	height: 75px;
}
#top_td2 {
	background-color: #000066;
	height: 75px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}



#bottom_td_right {
	background-color: #000066;
	height: 20px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}


#bottom_td_left {
	background-color: #000066;
	height: 25px;;
}

#icon {
	position:absolute;
	width:158px;
	height:137px;
	z-index:1;
	left: 202px;
	top: 117px;
}
#Pmenu {
	position:absolute;
	/*height:115px;*/
	z-index:2;
	left: 15px;
	top: 5px;
}

.menu_td {
	background-color: #FFFFFF;
	margin: 2px;
	padding: 5px 10px 2px 2px;
}
.menu_td_active {
	background-color: #FFFFFF;
	margin: 2px;
	background-image: url(images/blue_arrow.png);
	background-repeat: no-repeat;
	background-position: 160px center;
	padding: 5px 10px 2px 2px;
}
.menu_td2 {
	margin: 2px;
	padding: 5px 10px 2px 2px;
	border: 1px solid #000000;
}
.menu_td2_active {
	background-color: #FFFFFF;
	margin: 2px;
	padding: 5px 10px 2px 2px;
	border: 1px solid #000000;
}
.menu_td3 {
	margin: 2px;
	padding: 5px 10px 2px 15px;
	border: 1px solid #000000;
}
.menu_td3_active {
	margin: 2px;
	padding: 5px 10px 2px 15px;
	border: 1px solid #000000;
	background-image: url(images/blue_arrow.png);
	background-repeat: no-repeat;
	background-position: 160px center;
}
.menu_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
#Pmenu2 {
	position:absolute;
	width:163px;
	/*height:115px;*/
	z-index:2;
	left: 23px;
	top: 305px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	background-color: #FFFFFF;
	margin: 10px;
	padding: 10px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;

}

.email_text {
	font-family: "Microsoft Sans Serif";
	font-size: 10px;
	font-weight: bold;
	color: #00457e;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#contact-area {
	width: 300px;
	margin-top: 0px;
	margin-left: 135px;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 290px;
	font-family: "Microsoft Sans Serif";
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}
#contact-area textarea {
	height: 70px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ff6600;
}
#contact-area input.submit-button {
	width: 100px;
	float: right;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#adminlink {
	position:absolute;
	width:156px;
	/*height:115px;*/
	z-index:2;
	left: 795px;
	top: 18px;
}
.heading
{
	color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bolder;
	font-variant: small-caps;
	font-style: italic;
	margin-left: 100px;
	text-align: right;
}

.red_status
{
	color:#990033;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-align: right;
}

.green_status
{
	color:#006633;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-align: right;
}


fieldset {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 25px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

legend {
	padding: 0.2em 0.5em;
	border:1px solid #C60;
	color:#999999;
	font-size:75%;
	text-align:right;
	font-weight: bold;
  }
  
  
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.ordercardpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
}

#salarycalcs{
	/* Syling the comments and the comment form container */
	
	padding:5px;
	width: 800px;
	position: absolute;
	background-color:#E1E1E1;
	border:1px solid white;
	color:#000000;
	margin-bottom:15px;
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	left: 20px;
	top: 110px;
}

#growthcalc{
	/* Syling the comments and the comment form container */
	
	padding:5px;
	width:710px;
	position:absolute;
	background-color:#E1E1E1;
	border:1px solid white;
	color:#000000;
	margin-bottom:15px;
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	left: 220px;
	top: 110px;
}

#daysheettotals{
	/* Syling the comments and the comment form container */
	
	padding:5px;
	width:650px;
	position:absolute;
	background-color:#fcfcfc;
	border:1px solid white;
	color:#000000;
	margin-bottom:15px;
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	left: 250px;
	top: 110px;
}

.Heading1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}



.green_button
{
   color:#330000;
   background-color:#66CC33;
}

.red_button
{
	color:#FFFFFF;
	background-color:#990033;
}

.place_button
{
	color:#FFFFFF;
	background-color:#006699;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	background-position: center;
	border: 1px double #003399;
}

.building_button
{
	color:#FFFFFF;
	background-color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: small-caps;
	background-position: center;
	border: 1px double #003399;
}
.job_button
{
	color:#FFFFFF;
	background-color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: small-caps;
	background-position: center;
	border: 1px double #003399;
}

/*#ajaxDiv{*/
/*	position:relative;*/
/*	width:280px;*/
/*	height:115px;*/
/*	left: 700px;*/
/*	top: 480px;*/
/*	z-index:2;*/
/*}*/
#ajaxDiv_personell{
	position:absolute;
	width:300px;
	height:115px;
	left: 660px;
	top: 200px;
	z-index:2;
}
#ajaxDiv_jobpersonell{
	position:absolute;
	width:250px;
	height:115px;
	left: 720px;
	top: 470px;
	z-index:2;
}
#reg_form{
	position:absolute;
	width:450px;
	left: 240px;
	top: 200px;
	z-index:2;
}
#jobpersonell_form{
	position:absolute;
	width:450px;
	left: 240px;
	top: 150px;
	z-index:2;
}
#helptext{
	position:absolute;
	width:200px;
	height:300px;
	left: 720px;
	top: 140px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
	text-align: left;
	margin: 5px;
	padding: 5px;
}
#status{
	position:fixed;
	width:400px;
	height:20px;
	left: 650px;
	top: 25px;
	z-index:2;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#infotext {
	position:absolute;
	width:550px;
	height:102px;
	z-index:1;
	left: 300px;
	top: 185px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #999999;
}
#infotext2 {
	position:absolute;
	width:550px;
	height:102px;
	z-index:1;
	left: 300px;
	top: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #999999;
}
#infotext3 {
	position:absolute;
	width:550px;
	height:102px;
	z-index:1;
	left: 300px;
	top: 120px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #999999;
}
#invoice_overview{
	position:absolute;
	left: 250px;
	top: 120px;
	z-index:2;
}
#invoice_overview_text{
	position:absolute;
	left: 250px;
	top: 100px;
	z-index:2;
}
#infotext_small {
	position:relative;
	left: 320px;
	top: 103px;
	z-index:1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #e2e2e2;
	font-weight: bold;
}
#tabell_oversikt{
	position:absolute;
	width:400px;
	height:115px;
	left: 250px;
	top: 185px;
	z-index:2;
}
#table_client1{
	position:absolute;
	left: 250px;
	top: 230px;
	z-index:2;
}
#table_client2{
	position:absolute;
	left: 250px;
	top: 185px;
	z-index:2;
}
#warning_days{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #990000;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000000;
}
#map_canvas{
	position:absolute;
	left: 740px;
	top: 125px;
	z-index:2;
}
#map_canvas_link{
	position:absolute;
	left: 770px;
	top: 325px;
	z-index:2;
}
#map_canvas_big{
	position:absolute;
	left: 235px;
	top: 190px;
	z-index:2;
}
#workcompleted{
	position:absolute;
	left: 250px;
	top: 130px;
	z-index:2;
}
#back_link{
	position:absolute;
	left: 800px;
	top: 150px;
	z-index:2;
}
#adminpages{
	position:absolute;
	left: 250px;
	top: 100px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

#sitepages{
	position:absolute;
	left: 250px;
	top: 100px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #06C;
}

#siteinfo{
	position:absolute;
	left: 250px;
	top: 130px;
	z-index:2;
}

#tabell_oversikt_buildings{
	position:absolute;
	width:200px;
	height:115px;
	left: 220px;
	top: 150px;
	z-index:2;
}

#finishedwork{
	position:absolute;
	width:100px;
	height:18px;
	left: 830px;
	top: 115px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #999999;
	border: 3px double #FFFFFF;
	text-align: left;
	vertical-align: middle;
	margin: 2px;
	padding: 2px;
	text-decoration: none;
}

#personell_status{
	position:absolute;
	width:350px;
	height:115px;
	left: 670px;
	top: 250px;
	z-index:2;
}

#fiskekar{
	position:absolute;
	left: 500px;
	top: 300px;
	z-index:2;
}

.active_form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	background-color: #CCCCCC;
}

.input_form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	background-color: #FFFFFF;
	border: 1px solid #CC6600;
	width: 100%;
}

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	background-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	background-color: #FFFFFF;
	border: 1px double #CC6600;
}


/* ------------------
 styling for the tables 
   ------------------   */


body
{
	line-height: 1.6em;
}

#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}


#ver-minimalist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
#ver-minimalist td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}


#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}


#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}


#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 9px;
	margin: 45px;
	text-align: left;
	border-collapse: collapse;
}

#rounded-corner thead th.rounded-company
{
	background: #e2e2e2 url(table-images/left2.png) no-repeat left -1px;
}
#rounded-corner thead th.rounded-q4
{
	background: #e2e2e2 url(table-images/right2.png) no-repeat right -1px;
}
#rounded-corner thead th.green
{
	background: #D6EAD5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}
#rounded-corner thead th.yellow
{
	background: #F2EFA8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}
#rounded-corner thead th.red
{
	background: #FBD2C8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}
#rounded-corner th
{
	padding: 3px;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	background: #e2e2e2;
}
#rounded-corner td
{
	padding: 3px;
	background: #ffffff;
	color: #669;
	border: 1px solid #999999;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #FFFFFF url(table-images/botleft.png) no-repeat left bottom;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #FFFFFF url(table-images/botright.png) no-repeat right bottom;
}
#rounded-corner tbody tr:hover td
{
	background: #E2E2E2;
}


#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/blurry.jpg') 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('table-images/back.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}


#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}


#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/pattern.png');
}
#pattern-style-a thead tr
{
	background: url('table-images/pattern-head.png');
}
#pattern-style-a th
{
	font-size: 10px;
	font-weight: normal;
	padding: 4px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 4px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}


#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/patternb.png');
}
#pattern-style-b thead tr
{
	background: url('table-images/patternb-head.png');
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}
 
#main{
	position:absolute;
	margin:0 auto;
	width:327px;
	left: 620px;
	top: 180px;
}
.comment,
#addCommentContainer{
	/* Syling the comments and the comment form container */
	
	padding:5px;
	width:290px;
	position:relative;
	background-color:#fcfcfc;
	border:1px solid white;
	color:#000000;
	margin-bottom:15px;
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.comment .avatar{

	/*
	/	The avatar is positioned absolutely, 
	/	and offset outside the comment div
	/*/

	height:40px;
	left:-10px;
	position:absolute;
	width:40px;
	background:url('img/default_avatar.gif') no-repeat #fcfcfc;
	
	/* Centering it vertically: */
	
	margin-top:-25px;
	top:50%;

	-moz-box-shadow:1px 1px 0 #c2c2c2;
	-webkit-box-shadow:1px 1px 0 #c2c2c2;
	box-shadow:1px 1px 0 #c2c2c2;
}

.comment .avatar img{
	display:block;
}

.comment .name{
	font-size:10px;
	padding-bottom:5px;
	color:#0066cc;
	position:absolute;
	left:40px;
	top:2px;
	font-weight: bold;
}

.comment .delete_me{
	font-size:10px;
	color:#990000;
	position:absolute;
	right:15px;
	top:2px;
	font-weight: bold;
	padding-bottom:5px;
}


.comment .date{
	font-size:8px;
	position:absolute;
	right:35px;
	top:5px;
	color:#bbb;
}


.comment p,
#addCommentContainer p{
	font-size:9px;
	line-height:1.3;
	overflow-x:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	padding-left: 35px;
	padding-top: 5px;
}

#addCommentContainer input[type=text],
#addCommentContainer textarea{
	/* Styling the inputs */

	display:block;
	border:1px solid #ccc;
	margin:5px 0 5px;
	padding:3px;
	font-size:12px;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#addCommentContainer textarea{
	width:290px;
}

label{
	font-size:10px;
}

label span.error{
	color:red;
	position:relative;
	right:-10px;
}

#submit{
	/* The submit button */
	
	background-color:#666666;
	border:1px solid #40A2D4;
	color:#FFFFFF;
	cursor:pointer;
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	margin-top:3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#submit:hover{
	background-color:#80cdf5;
	border-color:#52b1e2;
}
#ordercard_table{
	/* Syling the comments and the comment form container */
	
	padding:5px;
	width:400px;
	position:relative;
	background-color:#fcfcfc;
	border:1px solid white;
	color:#000000;
	margin-bottom:15px;
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.upload_message_success {
	padding:4px;
	background-color:#009900;
	border:1px solid #006600;
	color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
}

.upload_message_error {
	padding:4px;
	background-color:#CE0000;
	border:1px solid #990000;
	color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
}
#table_pic {
	position:absolute;
	z-index:2;
	left: 250px;
	top: 60px;

}
#pos_a {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 250px;
	top: 50px;
}
#pos_b {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 300px;
	top: 50px;
}
#pos_c {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 350px;
	top: 50px;
}
#pos_d {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 400px;
	top: 50px;
}
#pos_e {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 250px;
	top: 140px;
}

#pos_f {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 300px;
	top: 140px;
}
#pos_g {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 350px;
	top: 140px;
}
#pos_h {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 400px;
	top: 140px;
}
#pos_net {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 200px;
	top: 90px;
}


#editdel {
	position:absolute;
	font-size:8px;
	z-index:2;
	left: 250px;
	top: 125px;
	height: 20px;
	width: 200px;
}


	.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 1 0;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}
/*-------LOGIN STARTS HERE -------*/
/*.container { width:262px; margin:0 auto; padding-top:200px; }*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
#loginButton { 
    display:inline-block;
    float:right;
    background:#d2e0ea url(images/buttonbg.png) repeat-x; 
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#loginButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 29px 9px 10px;
    background:url(images/loginArrow.png) no-repeat 53px 7px;
    display:block
}

#loginButton:hover {
    background:url(images/buttonbgHover.png) repeat-x;
}

/* Login Box */
#loginBox {
    position:absolute;
    top:34px;
    right:0;
    display:none;
    z-index:29;
}

/* If the Login Button has been clicked */    
#loginButton.active {
    border-radius:3px 3px 0 0;
}

#loginButton.active span {
    background-position:53px -76px;
}

/* A Line added to overlap the border */
#loginButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:248px; 
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background:#d2e0ea;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
	color:#3a454d;
	margin:9px 0 0 0;
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:left;
    background:#339cdf url(images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}