body
{
	background-image: url(px/bg.png);
	background-repeat: repeat-x;
	background-color: White;
	color: #5f6062;
	font-family: Arial, Helvetica, Lucida Sans, Sans-Serif;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 11px;
}

input, textarea, select
{
	/*
     * Silly IE doesn't honor this for input-tags:
	font-family: inherit;
	font-size: inherit;
	*/
	font-family: Arial, Helvetica, Lucida Sans, Sans-Serif;
	font-size: 12px;
}

form, table, tbody, thead, tfoot, tr, td, th
{
	font-family: inherit;
	font-size: inherit;
}

.FormError
{
	color: Red;
}

.BadFormElement
{
	border-color: Red !important;
	background-color: #FDF2F2 !important;
}

big
{
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6
{
	margin-top: 0px;
	margin-bottom: 0px;
}

h1
{
	color: #0093d0;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 14px;
	font-weight: bold;
}

h2.jobform
{
	color: #0093d0;
	font-weight: bold;
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 10px;
}

input.text, input.fileupload, textarea, select
{
	margin-top: 2px;
	margin-bottom: 8px;
	background-color: #F2F9FD;
	border: 1px inset #999;
	color: #0093D0;
	font-size: 11px;
}
input.button
{
	margin-top: 2px;
	margin-bottom: 8px;
	background-color: #0093D0;
	border: 1px outset #999;
	color: #F2F9FD;
	font-size: 11px;
	font-weight: bold;
}
textarea
{
	margin-bottom: 8px;
	width: 250px;
	background-color: #F2F9FD;
	border: 1px inset #999;
	color: #0093D0;
	font-size: 11px;
}

input.datepicker
{
	width: 70px;
	padding-left: 4px;
}


h1.startpage
{
	margin-bottom: 5px;
}

img
{
	border-width: 0px;
}

a
{
	color: #5f6062;
	text-decoration: underline;
}
a:hover
{
	background-color: #eeeeff;
	text-decoration: underline;
}

form
{
	margin: 0px 0px 0px 0px;
}

p
{
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 14px;
}

p.preamble
{
	font-weight: bold;
}

span.underline
{
	text-decoration: underline;
}
div.clear
{
	clear: both;
	height: 0px;
	overflow: hidden;
	float: none;
}

div#PageContent
{
	background-color: White;
	width: 810px;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

div#PageContentInner
{
	position: relative;
}

div#PageHead
{
	position: relative;
	height: 101px;
	background-color: #cceaf5;
	/* IE7 bug requires use of border when a 2px margin-bottom would be saner: */
	border-bottom: solid 2px white;
	background-repeat: repeat-x;
	background-image: url(px/topbg.png);
}

div#PageHeadTop
{
	position: absolute;
	right: 15px;
	top: 22px;
	font-weight: bold;
	padding-top: 0px;
	text-align: right;
}

div#LoginControl
{
}

div#LoginControl table
{
	border-collapse: collapse;
	font-size: 11px;
}

div#LoginControl td
{
	padding: 0px 0px 0px 0px;
}

div#LoginControl a
{
	text-decoration: none;
}

div#LoginControl input.Login
{
	height: 14px;
	width: 77px;
	border-width: 0px;
	color: #9d9ea1;
	font-weight: normal;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 1px 2px;
}

div#LoginControl input.LoginButton
{
	margin-top: 0px;
	vertical-align: bottom;
}

div#Logotype
{
	float: left;
}

div#PageHeadButtons
{
	position: absolute;
	bottom: 11px;
	right: 14px;
}

div#PageHeadButtons table
{
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

div#PageHeadButtons td
{
	padding: 0px 0px 0px 0px;
}

div#PageHeadButtons td.PageHeadButtonSeparator
{
	width: 0px;
}

div.PageHeadButton
{
	position: relative;
}
div.PageHeadButton a, div.PageHeadButton a:hover
{
	text-decoration: none;
	cursor: pointer;
}
div.PageHeadButton span
{
	z-index: 100;
	position: absolute;
	top: 11px;
	left: 0px;
	font-family: Arial, Helvetica, Lucida Sans, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	background-color: Transparent;
	display: block;
	width: 100%;
	text-align: center;
}
div.PageHeadButton span.on
{
	color: White;
}

div#MainContentTop
{
	background-color: White;
}

div#MainContent
{
	margin-top: 2px;
}
div#MainContentAdmin
{
	margin-top: 2px;
}
div#MainContent
{
	background-repeat: repeat-x;
	background-image: url(px/mainbg.png);
	background-color: #bfe4f3;
	position: relative;
	z-index: 1;
}

div#MainContentInner
{
	padding: 14px 14px 16px 14px;
	position: relative;
}

div#Footer
{
	position: relative;
}

div#FooterInner
{
	/*
	Layout-bug in IE7 requires FooterInner, this could be part of div#Footer otherwise.
	*/
	margin-top: 14px;
	border-top: white 2px solid;
	padding-top: 14px;
	position: relative;
	width: 100%;
}

div#FooterLeft
{
	position: relative;
	font-weight: normal;
	float: left;
}
div#FooterLeft a
{
	text-decoration: underline;
}
div#FooterRight
{
	float: right;
	text-align: right;
	position: relative;
}
div#FooterRight a
{
	text-decoration: none;
}
div#FooterRight a:hover
{
	text-decoration: underline;
}

div#StartPageLeft
{
	background-color: White;
	width: 385px;
	position: relative;
	padding-bottom: 36px;
	float: left;
}

a#StartPageButtonLinkLeft
{
	position: absolute;
	display: block;
	left: 11px;
	bottom: 11px;
}

a#StartPageButtonLinkRight
{
	position: absolute;
	display: block;
	left: 197px;
	bottom: 11px;
}

div#StartPageRight
{
	position: relative;
	float: right;
	width: 383px;
}

div#StartPageRightTop
{
	background-color: #b77316;
	color: White;
	height: 138px;
	position: relative;
	background-image: url(px/startpageaboutbg.jpg);
}

div#StartPageRightTop p
{
	width: 275px;
}
div#StartPageRightTop a
{
	font-weight: bold;
	color: White;
}
div#StartPageRightTop a
{
	background-color: Transparent;
}

div#StartPageRightBottom
{
	background-color: #c7db42;
	width: 383px;
	position: relative;
	margin-top: 14px;
}

div#StartPageRightTop h1,div#StartPageRightBottom h1
{
	color: White;
}
div#StartPageRightBottom h1 .boff
{
	color: #00853e;
}

div.StartPageContentInner
{
	padding: 10px 13px 9px 11px;
	overflow: hidden;
}

div#TextContent, div#DashboardContent
{
	background-color: White;
	width: 592px;
	float: right;
	position: relative;
}
div#TextContentInner
{
	position: relative;
	padding: 11px 13px 11px 13px;
}

div#AdminContent
{
	background-color: White;
	position: relative;
}
div#AdminContentInner
{
	position: relative;
	padding: 11px 13px 11px 13px;
}

div#DashboardContentInner
{
	padding: 10px 12px 10px 14px;
}

div#TextContentText
{
	float: left;
	width: 354px;
	position: relative;
}
div#TextContentIllustration
{
	width: 186px;
	float: right;
	position: relative;
}

div#TextContentHeightPusher
{
	float: right;
	height: 357px;
}
div#DashboardContentHeightPusher
{
	float: right;
	height: 375px;
}
div#DashboardContentHeightPusherExtra
{
	float: right;
	height: 480px;
}

div#TextLeftColumnOuter
{
	width: 179px;
	float: left;
	position: relative;
}
div#TextLeftColumn, div#DashboardLeftColumn
{
	background-color: White;
}
div#TextLeftColumnInner
{
	padding: 8px 8px 2px 8px;
}
div#DashboardLeftColumnInner
{
	padding: 10px 0px 2px 0px;
	width: 157px;
	margin-left: auto;
	margin-right: auto;
}

ul.PageLinks
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.PageLinks li
{
	list-style-type: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.PageLinks a
{
	font-weight: bold;
}


ul.Submenu
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.Submenu li
{
	list-style-type: none;
	display: block;
	width: 163px;
	height: 35px;
	overflow: hidden;
	margin-bottom: 3px;
}

ul.Submenu li.on
{
	background-image: url(px/submenubutton_on.png);
}

ul.Submenu li.off
{
	background-image: url(px/submenubutton_off.png);
}

ul.Submenu a, ul.Submenu a:hover
{
	display: block;
	background-color: Transparent;
	font-weight: bold;
	font-size: 13px;
	color: White;
	text-decoration: none;
	padding-top: 9px;
	padding-left: 18px;
	height: 100%;
	white-space: nowrap;
}

div.TopBanner
{
	background-color: #7dc8e7;
	/* IE6 must die! DIE! DIE! DIE! */
	position: relative;
	width: 810px;
	height: 155px;
}

div.TopBannerInner
{
	float: left;
	width: 260px;
	color: White;
	padding-left: 20px;
}

div.TopBannerImage
{
	position: absolute;
	top: 0px;
	right: 0px;
}

div.TopBanner a
{
	color: White;
	background-color: Transparent;
}

div.TopBanner h1
{
	color: White;
	margin-bottom: 5px;
	margin-top: 10px;
}

div.FileListContainer
{
	padding: 0px 5px 0px 5px;
}

h2.FileList
{
	color: #0093d0;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 6px;
}

table.FileList
{
	border-collapse: collapse;
	width: 100%;
}

table.FileList td, table.FileList th
{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	height: 23px;
	font-size: 11px;
}

table.FileList td
{
}
table.FileList th
{
	width: 18px;
}

table.FileList img
{
	margin-right: 5px;
}

table.FileList td a
{
	display: block;
	overflow: hidden;
	width: 120px;
	white-space: nowrap;
	padding-top: 1px;
}

.cleanCostList
{
	width: 59px;
	margin: 0px;
	color: #0093d0;
	font-weight: bold;
}

.cleancost
{
	width: 48px;
	border: none;
	border-width: 0px;
	color: #0093d0;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 3px;
	padding-left: 7px;
	font-size: 11px;
	height: 13px;
	background-position: 2px 0px;
}

div.cleancost
{
	padding-left: 4px;
	background-color: #fff;
	width: 22px;
	float: left;
	
	cursor: pointer;
	_cursor: hand;
}

div.cleancost-last
{
	margin-left: 3px;
	padding-left: 3px;
	width: 20px;
}

td.cleancost-result
{
	background-color: #fff;
	vertical-align: bottom;
	padding-bottom: 5px;
	padding-left: 7px;
	width: 153px;
	text-align: right;
}

td.cleancost-result strong
{
	text-align: left;
}

td.cleancost-text
{
	width: 105px;
}

div.cleancost-result
{
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}

div.cleancost-result-strong
{
	font-weight: bold;
	width: 100%;
	vertical-align: bottom;
	position: relative;
	margin-bottom: 4px;
	_height: 21px;
}

div.cleancost-result-text
{
	margin-bottom: -5px;
	margin-right: 5px;
	float: right;
	font-size: 20px;
	color: #0093d0;
	font-weight: normal;
	font-family: Tahoma;
	z-index: 10;
	position: relative;
}

/*
 * Order pages styling
 */

ol.orderlist
{
	font-size: 25px;
	color: #0093D0;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	padding-top: 10px;
}

ol.orderlist h3
{
	font-size: 16px;
	display: inline;
	margin-left: -10px;
}

ol.orderlist li.active
{
	color: #C1D72E;
}

ol.orderlist p.smallinfotext
{
	font-size: 11px;
	color: #5F6062;
}

h1.cornerheader
{
	font-size: 12px;
	color: #fff;
	height: 20px;
	width: 556px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url('px/lbl_top_long.png');
	position: relative;
}

h1.admin_short_cornerheader
{
	font-size: 12px;
	color: #fff;
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	background-image: url('px/lbl_top_adminshort.png');
	width: 343px;
}

.DashboardLoggedIn
{
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	color: #5f6062;
	font-weight: normal;
}

h2.cornerheader
{
	font-size: 12px;
	color: #fff;
	height: 20px;
	width: 152px;
	padding-top: 5px;
	padding-left: 5px;
	background-image: url('px/lbl_top_short.png');
}

.form-text-cell
{
	font-weight: bold;
	font-size: 11px;
}

.calculate-input
{
	background-color: #F2F9FD;
	border: 1px inset #999;
	padding: 2px;
	padding-left: 5px;
	color: #0093D0;
	font-size: 10px;
	width: 163px;
}

.blue-line
{
	height: 1px;
	background-color: #7DC8E7;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	
	/* hacks for ie */
	font-size: 1px;
	line-height: 1px;
}

.leftpadding
{
	padding-right: 20px;
}

.CalculationResult
{
	margin-top: 20px;
	border: 5px solid #C7DB42;
	padding: 5px;
	width: 166px;
}

.CalculationResult .infotext, .cleancost-result .infotext
{
	color: #9d9ea1;
	font-size: 9px;
	text-align: left;
	line-height: 12px;
}

.helpbox
{
	background-image: url('px/helpbox.gif');
	width: 215px;
	height: 122px;
	position: absolute;
	display: none;
	z-index: 3000;
	text-align: left;
	
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
}

.helpbox-content
{
	font-size: 9px;
}

.helpbox-close
{
	text-align: right;
}

.helpbox-close a
{
	color: #C1D72E;
	font-size: 9px;
	font-weight: bold;
}

.helpbox-close a:hover
{
	color: #C1D72E;
	background-color: transparent;
}

/*
 * Dashboard styling
 */
div#DashboardColumnLeft
{
	float: left;
	width: 280px;
	position: relative;
}

div#DashboardColumnRight
{
	float: right;
	width: 274px;
	position: relative;
}

div.DashboardPanel
{
	background-color: #f2f9fd;
	position: relative;
}

div.DashboardPanelInner
{
	padding: 9px 10px 9px 10px;
}

div.DashboardPanel a
{
	text-decoration: underline;
	color: #0093d0;
}

div.DashboardPanel img.icon
{
	margin-bottom: 3px;
	display: block;
}

div.DashboardPanel h2
{
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 19px;
	left: 65px;
}

div.DashboardPanelSeparator
{
	height: 12px;
}

.InvalidZipCode
{
	color: Red !important;
}

.Admin .LargeArea
{
	color: Red !important;
}

table.DashboardTenders
{
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}

table.DashboardTenders tr
{
	height: 19px;
}

table.DashboardTenders td
{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}

table.DashboardTenders input
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.ConfirmPageCalculation, table.DashboardPageCalculation
{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

table.ConfirmPageCalculation tr.odd
{
	background-color: #f2f9fd;
}
table.DashboardPageCalculation tr.odd
{
	background-color: #ffffff;
}

table.ConfirmPageCalculation th
{
	text-align: left;
	font-weight: bold;
}

table.DashboardPageCalculation th
{
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
}

.DashboardUserData, table.ConfirmPageCalculation td, table.DashboardPageCalculation td
{
	color: #0093d0;
	white-space: nowrap;
}

.DashboardUserData a
{
	color: #000000 !important;
}

div.separatorline
{
	border-top: solid 1px #0093d0;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.DashboardPageCalculation div.separatorline
{
	margin-left: 10px;
	margin-right: 10px;
}

div#DashboardFooter
{
	border-top: solid 1px #0093d0;
	margin-top: 20px;
	padding-top: 15px;
}

div#DashboardFooter div.Left
{
	color: #0093d0;
	font-weight: bold;
	float: left;
	padding-top: 8px;
}

div#DashboardFooter div.Right
{
	float: right;
}

div#DashboardFooter > div.Right a img, div#DashboardFooter > div.Right input
{
	margin-left: 5px;
}

table.Register
{
	width: 100%;
}
table.AdminCustomerTable
{
	width: 360px;
}
table.Register, table.AdminCustomerTable
{
	border-collapse: collapse;
	margin-bottom: 10px;
}
table.Register td, table.AdminCustomerTable td
{
	padding: 0px 0px 0px 0px;
}

table.Register input, table.Register select, table.AdminCustomerTable input, table.AdminCustomerTable select
{
	width: 160px;
	background-color: #F2F9FD;
	border: 1px inset #999;
	padding: 1px 1px 1px 1px;
	padding-left: 5px;
	color: #0093D0;
	font-size: 11px;
}

table.Register input.double
{
	width: 337px;
}
table.AdminCustomerTable input.double
{
	width: 340px;
}



.AdminResultTable
{
	width: 100%;
}

.AdminResultTable tr.alternate, .AdminUserEdit tr.alternate
{
	background-color:  #F9F9FF;
}

.AdminResultTable tr:hover, .AdminResultTable tr.header, .AdminResultTable tr.header
{
	background-color: #F2F9FD;
}

span.AdminData
{
	font-weight: normal;
}
span.AdminLabel,td.AdminLabel
{
	font-weight: bold;
	color: #0093d0;
}

.AdminCustomerData table td
{
	padding-right: 10px;
}

div#Tabs
{
	display: block;
	position: relative;
}
div#Tabs a
{
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	color: White;
	display: block;
	width: 100px;
	height: 20px;
	position: relative;
	float: left;
	margin-right: 10px;
	background-color: #AAAAAA;
	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
}

div#Tabs a:hover
{
	background-color: #CCCCCC;
}
div#Tabs a.active
{
	background-color: #CCCCCC;
	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #888888;
	border-bottom: solid 1px #CCCCCC;
}

/*
 * Added by Patrik
 */
.changeStatusButton
{
	color: #0093D8;
	text-decoration: none;
}

.changeStatusButton:hover
{
	text-decoration: underline;
	background-color: #fff;
}

#changeStatusPlaceHolder
{
	display: none;
}

#slStatus
{
	width: 100%;
}

#changeStatusButtonPlaceHolder
{
	position: relative;
	height: 14px;
}

#changeStatusButtonShowPlaceHolder, #changeStatusButtonSaveCancelPlaceHolder
{
	height: 14px;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
}

#changeStatusButtonSaveCancelPlaceHolder
{
	display: none;
}

#changeStatusUpdatedMessagePlaceHolder
{
	display: none;
}