#header{
	width: 721px;
	margin: 5px 0 0 0;
	position: relative;
}

#header ul
{
	list-style-type: none;
}

/*************************************
*		Top Navigation			*/

#topnav{
	float: left;
	margin-top: 2px;
	margin-bottom: 61px;
}

#topnav li{
	display: inline;
	color: #6c6a6a;
	margin: 0px;
}

#topnav li a{
	font-family: tahoma, arial, sans-serif;
	font-size: 1em;
	color: #6c6a6a;
	text-decoration: none;
}


/*************************************
*		Main Navigation			*/

#mainnav{
	width: 721px;
	clear: both;
	margin: 0px;
	position: relative;
	height: 77px;
}

#mainnav .divider{
	font-weight: normal;
}

#mainnav li{
	float: left;
	margin: 0px;
	margin-right: -22px;
}

#mainnav .menufirst{
	margin-left: 200px;
}

#mainnav li a{
	display: block;
	width: 120px;
	height: 25px;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding: 5px 0 0 15px;
	font-weight: normal;
}

/* Office menu */
#header.office {
	min-height: 120px;
}
.office #officelogo {
	position: absolute;
	top: 5px;
	left: 0px;
}
.office .mainnavContainer {
	margin-top: 80px;
}
.office #mainnav {
}
.office #mainnav .menufirst {
	margin-left: 125px;
}
.office #mainnav li {
	margin-right: -21px;
}
.office #mainnav li a{
	/*width: 90px;*/
	width: 98px;
}

.office #mainnav a {
	background-image: url(../images/menu_office.png);
}
.office #mainnav .menufirst a {
	background-image: url(../images/menu_office_first.png);
}

.office .mn1 a { z-index: 6; }
.office .mn2 a { z-index: 5; } 
.office .mn3 a { z-index: 4; } 
.office .mn4 a { z-index: 3; } 
.office .mn5 a { z-index: 2; } 
.office #mn6 a { 
	z-index: 1; 
	background-image: url(../images/menu_office_red.png);
}

.office #mainnav li.active a {
	background-image: url(../images/menu_office_selected.png);
	z-index: 7;
}

#mainnav #arbetssokande a{
	background-image: url(../images/menu_arbetssokande.png);
	z-index: 3;
}

#mainnav #arbetsgivare a, #mainnav #profil a{
	background-image: url(../images/menu_arbetsgivare.png);
	z-index: 2;
}

#mainnav #utbildning a{
	background-image: url(../images/menu_utbildning.png);
	z-index: 1;
}

#mainnav #utbildning.active a, #mainnav #arbetsgivare.active a, #mainnav #arbetssokande.active a{
	z-index: 4;
}

.office #mainnav .active ul li a {
	background-image: none;
	padding: 0;
	position: static;
	display: inline;
	padding-left: 5px;
}

.office #mainnav ul {
	background: url(../images/officemenubg.gif);
}

.office #mainnav ul li {
	margin-right: 0px;
}
.office #mainnav ul li.active a {
	font-weight: bold;
}

/*************************************
*		Sub Navigation			*/

#mainnav ul{
	display: none;
	width: 721px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 0;
	margin: 0;
	background-repeat: repeat-x;
}

#mainnav .active ul{
	display: block;
}

#mainnav ul li{
	position: relative;
	top: 33px;
	left: 20px;
	margin: 0;
	color: #fff;
}

#mainnav #utbildning li a, #mainnav #arbetsgivare li a, #mainnav #arbetssokande li a, #mainnav #profil li a{
	background-image: none;
	padding: 0;
	position: static;
	display: inline;
	padding-left: 5px;
}

#mainnav #arbetssokande ul{
	background-image: url(../images/menubg_arbetssokande.gif);
}

#mainnav #arbetsgivare ul, #mainnav #profil ul{
	background-image: url(../images/menubg_arbetsgivare.gif);
}

#mainnav #utbildning ul{
	background-image: url(../images/menubg_utbildning.gif);
}


/*************************************
*			Login				*/

#loginruta{
	float: right;
	color: #6c6a6a;
	text-align: right;
}

#loginruta a{
	color: #6c6a6a;
	font-size: 0.9em;
	line-height: 8px;
	letter-spacing: -0.5px;
}

#loginruta input{
	border: solid 1px #b3b3b3;
	background-color: #f2f2f2;
	height: 18px;
	width: 128px;
	margin-bottom: 5px;
	font-size: 12px;
	padding: 2px 0 0 0;
}

.logintext{
	padding-left: 5px;
}

#loginruta #loggain{
	margin-bottom: 2px;
}

/*************************************
*		lokala webbplatser		*/

#lokalawebbplatser{
	position: absolute;
	top: 63px;
	right: 0;
	color: #7c7c7c;
	font-family: tahoma, arial, sans-serif;
	font-weight: bold;
}

#lokalawebbplatser select{
	width: 140px;
	font-family: tahoma, arial, sans-serif;
	color: #3f3f3f;
}

#lokalawebbplatser #gavle{
	background-image: url(../images/lokala_gavle.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
}


/*************************************
*			text o bild			*/

#graysquare{
	width: 721px;
	background-image: url(../Images/graysquare_bg.jpg);
	overflow: hidden;
	margin-top: 0px;
	height: 192px;
}

#graysquare div{
	width: 485px;
}

#graysquare p{
	text-align: left;
	font-family: Tahoma, Arial, sans-serif;
	color: #6c6a6a;
	margin-bottom: 8px;
	line-height: 14px;
}

#graysquare p a{
	color: #6c6a6a;
	text-decoration: none;
	font-weight: bold;
}

#graysquare img.left{
	float: left;
	margin: 10px 0 0 0;
}
#graysquare img.right{
	float: right;
	margin: 0px -10px 0px 0px;
}

#graysquare div div{
	margin: 10px 0 0 10px;
	float: left;
	width: 240px;
}

#graysquare h1{
	font-family: arial;
	color: #3a3838;
	font-size: 1.6em;
	margin-bottom: 5px;
	font-weight: normal;
}


/*************************************
*			snabbval			*/

#snabbval{
	width: 219px;
	height: 160px;
	position: absolute;
	top: 180px;
	right: 3px;
}

#snabbval ul{
	position: absolute;
	bottom: 7px;
	left: 4px;
	margin: 0px;
	padding: 0px;
}

#snabbval li{
	background-image: url(../images/snabbval_btnbg.png);
	width: 200px;
	height: 35px;
	margin: 7px 0 0 0;
	padding: 0px;
}

#snabbval li.redButton{
	background-image: url(../images/snabbval_btnbg_red.png);
}

#snabbval li a{
	color: #3a3838;
	font-family: tahoma, arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	height: 35px;
	width: 155px;
	padding: 10px 0 0 50px;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: url(../images/snabbval_icon.png);
	background-position: 8px 4px;
}

#snabbval li.redicon a{
	background-image: url(../images/snabbval_icon_red.png);
}
#snabbval li.redButton a{
	color: #fff;
	background-image: url(../images/snabbval_icon_white.png);
}

#snabbval div{
	width: 195px;
	position: absolute;
	bottom: 110px;
	left: 14px;
}

#snabbval p{
	color: #ababab;
	text-align: left;
	font-family: tahoma, arial, sans-serif;
}




/*************************************
*			misc				*/

#logo{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 175px;
	height: 95px;
	position: absolute;
	top: 33px;
	left:0px;
	z-index: 5;
}

#mittkontor{
	position: absolute;
	top: 138px;
	left: 423px;
}

#mittkontor a{
	display: block;
	width: 80px;
	height: 80px;
}


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

body {
	font-family: Verdana;
	text-align: center;
	background: #f2f2f2;
	margin: 0px;
	padding: 0px;
}

h1 {
    font-weight: bold;
    font-family: Arial;
    font-size: 1.3em;
    color: #93020a;
    margin-bottom: 5px;
}

h2 {
    font-weight: bold;
    font-family: Arial;
    font-size: 1.2em;
    color: #93020a;
}

h3 {
    font-weight: bold;
    font-family: Arial;
    font-size: 1.1em;
    color: #93020a;
}

.topImg h1 {
    margin-bottom: 0px;
}

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

a:hover {
	text-decoration: underline;
}

ol {
    list-style-type:upper-latin;
    padding-left: 5px;
}

li {
    margin-top: 5px;
    margin-left: 20px;
}
hr {
    height: 1px;
    color: #e5e5e5;
}
img {
    border: none;
}
.req {
    color: Red;
    margin-right: 2px;
}

.validatorSummary {
    border: solid 1px red;
    padding: 5px;
    margin: 10px 0 0 0;
}

#containerWrapper {
	width: 895px;
	margin: 0px auto;
	background: #fff url(../Images/backdrop.gif);
	padding: 0 13px 0 17px;
}

#container {
	text-align: left;
}

#siteGui {
	float: left;
	width: 723px;
}

#top {
	height: 154px;
	position: relative;
}

#topStats {
    font-size: 1em;
    width: 120px;
    position: absolute;
    top: 8px;
    right: 16px;
}

#virtualLogin {
    background-color: #fff;
    font-size: 1em;
    width: 126px;
    position: absolute;
    top: 0px;
    right:10px;
}

#virtualLogin .loginModule {
    background-color: #fff;
    height: 100px;
}

#topMenu {
	position: absolute;
	top: 112px;
	left: 138px;
}

.siteSelector {
	position: absolute;
	top: 111px;
	left: 3px;
}
.siteSelector select {
	font-size: 10px;
}
* html #topMenu {
	bottom: 25px;
}

.topBg {
  
}

.topSubMenu {
    margin-top: 1px;
    padding-top: 1px;
    width: 721px;
    height: 23px;
}

.topSubSubMenu {
    padding-top: 1px;
    width: 721px;
    height: 23px;
}

.black {
    background-image: url(../Images/menubg_black.gif);
}

.darkGray {
    background-image: url(../Images/menubg_darkGray.gif);
}

.green {
    background-image: url(../Images/menubg_green.gif);
}

.gray {
    background-image: url(../Images/menubg_gray.gif);
}

.red {
    background-image: url(../Images/menubg_red.gif);
}

.topMenuItem {
	float: left;
}

#mainContent {
	min-height: 400px;
}
#mainContent #share {
	margin: 20px 0 0 0;
}
*html #mainContent {
	height: 400px;
}

#footer {
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: center;
	color: #56595c;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footerLine {
	margin: 30px 0 0 0;
}

#footerPartners {
	margin: 30px 0 30px 0;
}

#partnerHead {
	margin: 0 0 7px 1px;
}

#footerText {
}

#banners {
	float: left;
	margin: 5px 0px 0px 28px;
}

#bannerHead {
	margin: 0px 0 4px 1px;
}

.banner {
    width: 140px;
    text-align: center;
	padding: 10px 0 10px 0;
	border-top: solid 1px #cccccc;
}

.banner.first {
    padding: 0 0 8px 0;
    border: none;
}

#leftMenu {
    width: 140px;
    position: relative;
	font-family: Tahoma;
	margin: 13px 6px 0 11px;
}

#leftMenu a {
	color: #000000;
	text-decoration: none;
}

#leftMenu a:hover {
	text-decoration: underline;
}

#leftMenu .selected {
    font-weight: bold;
	background-color: #e2e2e2;
}

.leftMenuItems {
	margin: 11px 0 0 7px;
	display: block;
}

.toggleMenu {
    position: absolute;
    right: 5px;
    top: 2px;
    cursor: pointer;
}

.toggleSearch {
    cursor: pointer;
}

.leftMenuHead {
	display: block;
	margin-bottom: 6px;
}

.leftMenuLine {
	display: block;
}

.leftMenuItem {
	margin-bottom: 9px;
}

.subMenuItems {
    font-size: 11px;
    margin: 0 0 0 15px;
}

.subMenuItems a {
    color: #ffffff;
}

.subMenuItem {
    float: left;
    margin-left: 10px;
}

.subMenuItem.active {
    font-weight: bold;
}

.topLeftSpot {
}

.spotModule {
	width: 133px;
}

.spotTextContent {
    width: 240px;
    padding: 10px;
}

.spotText {
    padding: 5px 0 10px 20px;
}
.rightSpotModule {
	margin-left: 12px;
}

.loginModule {
	font-size: 9px;
	color: #585656;
	width: 120px;
}

.loginModule .username {
	font-size: 12px;
	font-weight: bold;
	margin: 1px 0 5px 0;
}

.loginModule a {
	text-decoration: underline;
	color: #fff;
}

.loginModule .label {
	margin-top: 3px;
}

.loginModule .loginBoxTop {
}

.loginField {
    font-size: 10px;
	border: solid 1px #a39f94;
	background-color: #ffffff;
	color: #888888;
	width: 120px;
	margin-bottom: 3px;
}

.jobAdSpot {
	width: 490px;
	margin: 4px 0 0 0;
}

.jobAdModule {
	font-size: 0.8em;
	color: #56595c;
	width: 100%;
}

.jobAdModule a {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
}

.jobAdModule a:hover {
    text-decoration: underline;
}

.jobAdHeading {
}

.secondRow {
	margin-top: 23px;
}

.jobAdGridView {
    width: 100%;
	margin-top: 5px;
	font-size: 9px;
}

.jobAdGridRow {
	background-color: #FFFFFF;
}

.jobAdGridRow td, .jobAdGridAltRow td {
	border-bottom: solid 1px #e9e9e9;
	padding: 6px 0 6px 10px;
}

.rightCol {
    margin-left: 10px;
	float: left;
	width: 349px; 
}

/* Profile */
#profileTop {
	background: #FFFFFF url(../Images/profiletopbg.gif) repeat-x;
	height: 43px;
	color: #FFFFFF;
	margin: 6px 0 0 0;
	padding: 0 0 0 15px;
	font-family: Arial;
}

#profileTop .warning {
	font-weight: bold;
	text-decoration: underline;
}

.profileTop1 {
	float: left;
	width: 260px;
	font-weight: bold;
	padding: 15px 0 0 0;
}

.profileTop2 {
	float: left;
	width: 370px;
	font-size: 0.9em;
	padding: 15px 0 0 0;
}

.profileTop3 {
	float: left;
}

.leftMenu {
    margin-top: 5px;
    background-image: url(../Images/leftmenudivider.gif);
    background-position: right top;
    background-repeat: no-repeat;
	float: left;
	background-color: #F7F7F7;
}

.leftMenuDivider {
	background-color: #F7F7F7;
	float: left;
	width: 10px;
	height: 456px;
}

.mainRightContent {
	float: left;
}


.bullet {
	display: block;
	float: left;
	width: 15px;
	margin-top: 2px;
}

#profileView {
	margin: 23px 0 0 15px;
	color: #4f5559;
}
#peView {
	margin: 23px 10px 0 24px;
	color: #4f5559;
}
#peView a {
	text-decoration: underline;
}
#profileView a {
	text-decoration: underline;
}
#profileView .general .image {
	float: left;
	padding-right: 16px;
}
#profileView .general .top {
	margin-bottom: 11px;
}
#profileView .general .text {
	float: left;
	margin-top: 11px;
}
#profileView .general .top .name {
	width: 280px;
	float: left;
	font-size: 20px;
}

#profileView .general .top .edit {
	width: 130px;
	float: left;
	text-align: right;
	margin-top: 10px;
}

#profileView .general .text .left {
	float: left;
	width: 195px;
}

#profileView .general .text .right {
	float: left;
}
#profileView .textBlock, #peView .textBlock {
    margin-top: 15px;
}
#profileView .section {
	margin-top: 35px;
}

#profileView .section .head {
	margin-right: 5px;
}
#profileView .section .head .topImg {
	width: 275px;
	float: left;
	position: relative;
}
#profileView .section .head .edit {
	width: 245px;
	margin-top: 2px;
	float: left;
	text-align: right;
}
#profileView .section .content {
	margin-top: 8px;
}
#profileView .textField, #peView .textField, #office .textField  {
	font-family: Verdana;
	font-size: 11px;
	border: solid 1px #a3a3a3;
	background-image: url(../Images/fieldbg.gif);
	background-repeat: repeat-x;
	padding: 1px 0 0 2px;
}
#profileView input.textField, #peView input.textField {
	height: 15px;
}

.activateBar {

}

.administratorsMenu {
    border: solid 1px #a3a3a3;
    padding: 10px;
    margin-bottom: 20px;
}
.updateProgress {
    position: absolute;
    top: 150px;
    left: 200px;
    width: 300px;
    height: 40%;
    border: solid 3px black;
    padding: 60px 20px 60px 20px;
    background-color: #f39380;
    font-size: 14px;
    font-weight: bold;
}
.updateExposes {
    position: absolute;
    top: 300px;
    left: 170px;
    width: 200px;
    padding: 20px;
    border: solid 1px black;
    background-color: White;
    text-align: center;
}
.textArea {
	width: 500px;
	height: 200px !important;
}
.textAreaSms {
	width: 500px;
	height: 80px !important;
}
.profileGridView {
	width: 519px;
}
.searchGridView {
	width: 500px;
}
.profileGridHead th {
    font-size: 0.9em;
}
.profileGridRow td, .profileGridAltRow td, .rptStandardDiv {
	background-color: #EEEEEE;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.active {
    font-weight: bold;
}

.profileGridNoItems {
    color: red;
}

.wizard {
	width: 519px;
}

.wizard .header {
	margin-bottom: 20px;
}

.wizard .description {
	margin-bottom: 20px;
}

.wizard .left, .wizard .right  {
	float: left;
	width: 250px;
}

.wizard .third  {
	float: left;
	width: 160px;
}

.wizard .third2  {
	float: left;
	width: 190px;
}
.wizard .third3  {
	float: left;
	width: 100px;
}

.wizard .textField {
	font-family: Verdana;
	font-size: 1em;
	border: solid 1px #a3a3a3;
	background-image: url(../Images/fieldbg.gif);
	background-repeat: repeat-x;
	padding: 1px 0 0 2px;
}
.wizard input.textField {
	height: 15px;
}

.wizard .normalWidth {
	width: 200px;
}

.wizard .wideWidth {
	width: 250px;
}

.zipWidth {
	width: 50px;
}

.cityWidth {
	width: 150px;
}

.wizard .personalLetter {
	width: 500px;
	height: 300px!important;
}

.wizard .birthdateWidth {
	width: 65px;
}
.wizard .ctrl, .wizard .label {
	margin-bottom: 2px;
}
.license .section {
    margin: 0 0 10px 0!important;
}
.toolbar {
	text-align: right;
}
.hidden {
	display: none;
}
.subBransch {
    padding: 0 0 0 20px;
}
.license {
    border: solid 1px #bebebe;
    padding: 5px;
    height: 200px;
    overflow: scroll;
}

.driversLicense label {
	margin-left: 2px;
	margin-bottom: 4px;
	display: block;
	float: left;
	width: 40px;
}
* html .driversLicense label {
	margin-top: 3px;
}
.driversLicense input {
	float: left;
}
.driversLicense br {
	display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* ----- search ------------------------------------------ */
.searchIcon {
    width: 18px;
    display: inline-block;
}

.searchTab {
    margin-top: 5px;
    width: 500px;
}

.searchTab .head {
	height: 1%;
    font-size: 1.0em;
    background-color: #dedede;
    color: #000;
    font-weight: bold;
    padding: 1px 1px 1px 2px;
}

.searchTab .head img {
    margin: 3px 2px 0px 0px;
}

.searchTab .details {
    padding: 10px 10px 10px 10px;
    border: solid 1px #dedede;
}

.searchTab .left {
    float: left;
    width: 180px;
}

.searchTab .middle {
    float: left;
    width: 80px;
    text-align: center;
}

.searchTab .right {
    float: left;
}

.searchTab .normalWidth {
    width: 180px;
}

.searchTab .normalHeight {
    height: 80px !important;
}

.searchList {
    width: 520px;
}

.addRemoveBut {
    margin-top: 20px;
}
.searchTab .label {
    float: left;
}

.searchTab .ctrl {
    float: left;
}

.labelNormalWidth {
    width: 80px;
}

.labelWidth2 {
    width: 110px;
}

.labelWidth3 {
    width: 250px;
}

.labelWidth4 {
    width: 150px;
} 

.labelWidth5 {
    width: 120px;
} 

.dateWidth {
    width: 80px;
}

.dateTimeWidth {
    width: 110px;
}

.textWidth {
    width: 200px;
}
.textWidth2 {
    width: 220px;
}

.textHeight {
    height: 100px;
}

.textHeight2 {
    height: 60px;
}

.textWider {
    width: 300px;
}

.textMoreWider {
    width: 350px;
}

.numericWidth {
    width: 40px;
}

.trace {
    border: solid 1px red;
}

.left {
    float: left;
}

.right {
    float: right;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

/* TabStrip */
#tabStripContainer {
	margin: 0px 0px 0px 0px;
	font-size: 0.9em;
}

ul.tabStrip {
	padding: 0px 0px 22px 10px;
	margin: 0px;
	border-bottom: #cecece 1px solid;
	list-style-type: none;
}

ul.tabStrip li {
	border: #cecece 1px solid;
	padding: 0px;
	float: left;
	margin: 0px 2px;
	height: 21px;
	BACKGROUND-COLOR: #eeeeee;
}

ul.tabStrip li.active {
	border-bottom: #fff 1px solid;
	background-color: #fff;
	color: #000;
}

.tabStrip a {
	float: left;
	padding: 4px;
	display: block;
	color: #666;
	text-decoration: none;
}

.tabPage {
	padding: 20px 10px 10px 10px;
	border-left: #cecece 1px solid;
	border-bottom: #cecece 1px solid;
	border-right: #cecece 1px solid;
}

.tabPage .lleft {
	float: left;
	width: 50%;
}

.tabPage .rright {
	float: left;
	width: 50%;
	text-align: right;
}

.page {
	padding: 20px 10px 10px 10px;
}

.dPageContent {
    width: 486px;
}
.dPageTop {
    margin: 0 0 10px 0;
    width:481px;
}

.dPageLeft {
    float: left;
    width: 243px;
    margin-bottom: 10px;
}

.dPageRight {
    float: left;
    width: 243px;
    margin-bottom: 10px;
}

.dPageBottom {
    margin-bottom: 10px;
}

.dpageSpotCollum
{
    line-height: 1;
    width:210px;    
    margin: 0 0 0 9px;
}
.dpageContentWith
{
    width:721px;
}


.firstPageSpot {
    float: left;
    margin-top: 1px;
    width: 413px;
}

.memberSpot {
    width: 349px;
}

.jobAdModule .bottom {
    padding-top: 5px;
    text-align: center;
}

.member {
    float: left;
    margin: 5px;
    width: 73px;
}

.member .image {
    position: relative;
    height: 81px;
    background-color: #ddd;
    text-align: center;
}

.member img {
    margin-top: 4px;
}

.member .name {
    height: 25px;
    padding: 2px;
    margin-top: 1px;
    background-color: #333;
    color: #fff;
}
.shopLeft {
    width: 530px;
}
.shopCats {
    width: 160px;
    float: left;
    padding: 5px 10px 10px 5px;
}

.shopProds {
    width: 312px;
    float: left;
    padding: 5px 0 10px 15px;
    border-left: solid 1px #d7d7d7;
}

.shopChart {
    width: 175px;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}

.shopItemLeft {
    width: 455px;
    padding: 12px;
    margin-bottom: 8px;
    border: solid 1px #e1e1e1; 
}

.chartItemLeft {
    padding: 12px;
    margin-bottom: 8px;
    border: solid 1px #e1e1e1; 
}

.shopItemRight {
    float: left;
    width: 42px;
    height: 150px;
}

.shopItemHead {
    font-weight: bold;
    margin-bottom: 3px;
}

.shopItemIngress {
    margin-bottom: 5px;
}

.shopItemPrice {
    font-weight: bold;
    margin-bottom: 3px;
}

.shopItemButton {
    text-align: right;
}

.chartHead {
    margin-bottom: 3px;
    font-weight: bold;
}

.chartDropDown {
    margin-bottom: 5px;
}

.chartButton {
}

.shopTop {
    width: 480px;
    margin-bottom: 5px;
}
.shopCatFilter {
    text-align: right;
    margin-bottom: 3px;
}
.shopCatLabel {
    background-color: #5b5b5b;
    color: #fff;
    font-weight: bold;
    padding: 4px 7px 4px 7px;
}
.shopTop .catHead {
    float: left;
    width: 170px;
    padding: 2px 0 0 10px;
}

.shopTop .prodHead {
    float: left;
    width: 300px;
    padding: 2px 0 0 10px;
}

.occupation {
    margin-left: 20px;
}

.treeNode a {
    text-decoration: none!important;
    margin-left: 3px;
}

.newHit {
    font-weight: bold;
}

.unreadHit {
    color: #a21f07;
}

.becomeGoldMember {
    position: relative;
    top: -9px;
    left: 250px;
}
.popLayer {
    border: solid 2px black;
    position: absolute;
    top: 0px;
    left: 35px;
    width: 674px;
    height: 604px;
    z-index: 1;
}

.topCornor {
    background-image: url(../Images/topcornor.png);
    position: absolute;
    top: -22px;
    left: -24px;
    width: 171px;
    height: 161px;
}

* html .topCornor {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/topcornor.png', sizingMethod='crop'); 
}

#topMemberCounter {
    position: absolute;
    width: 400px;
    top: 136px;
    left: 312px;
    color: white;
    font-size: 10px;
    text-align: right;
}

.unread {
    font-weight: bold;
}

.anonymousRow {
    background-color: #f39380;
}


.inactiveRow {
    background-color: Yellow;
}

.anonymousBox {
    padding: 5px 0px 0px 20px;
    color: Red;
}

.wizardSteps {
    margin-bottom: 10px;
}

.wizStep {
}

.wizPhase1 {
    width: 260px;
    padding: 0 0 1px 8px;
}

.wizPhase2 {
    width: 187px;
    padding: 0 0 1px 0;
}

.wizardBubble {
    width: 519px;
    text-align: center;
}

.pageLeftCol {
    width: 505px;
    margin: 0px;
}

.pageRightCol {
    width: 210px;
    margin: 4px 0 0 6px;
}

.searchCriteria {
    background-color: #EEE;
    padding: 10px;
}

#flashcontent {
	border: solid 1px #000;
	margin: 15px 20px;
	padding: 10px;
}

.flashStats {
    margin-bottom: 6px;
}
.emailLabel {
    position: absolute;
    padding-top: 2px;
    text-align: right;
    width: 80px;
    left: -85px;
}

.addToContactList {
    margin-bottom: 20px;
}


/* ----- Tab Control ------------------------------------- */
.tabControl {
}
.tabControl .tabs {
}
.tabControl .tab {
    float: left;
    margin: 0 1px 0 0;
}
.tabControl .topBar, .tabControl .bottomBar {
    height: 17px;
    background: url(../Images/TabControl/spotbarbg.gif) repeat-x;
    text-align: right;
}
.tabControl .tabContent {
}

/* ----- Quick Search ------------------------------------ */
div#quickSearch {
}

div#quickSearch .searchTop {
    margin: 10px 0 10px 0;
    padding: 0 0 15px 0;
}

div#quickSearch .searchSection {
    margin-top: 0px;
    background-color: #dedede;
}

div#quickSearch .searchSection .top {
    height: 8px;
    background-image: url(../Images/searchTop.gif);
    background-repeat: no-repeat;
}

div#quickSearch .searchSection .middle {
    padding: 0 10px 0 10px;
}

div#quickSearch .searchSection .bottom {
    height: 17px;
    background-image: url(../Images/searchBot.gif);
    background-repeat: no-repeat;
}

.chooseJob {
    text-align: center;
}

div#qsChart {
    margin-top: 10px;
}

div#qsChart .chartList {
    width: 250px;
    border-right: solid 1px #ccc;
}

div#qsChart .chartSum {
    width: 160px;
}

div#qsChart .chartTotal {
    font-size: 9px;
    padding: 3px 0 0 0;
}

div#qsChart .chartEmptyRow td {
    text-align: center;
    padding-top: 30px;
}

div#qsChart .chartTop {
    height: 9px;
    background-image: url(../Images/chartTop.gif);
    background-repeat: no-repeat;
}

div#qsChart .chartBot {
    height: 9px;
    background-image: url(../Images/chartBot.gif);
    background-repeat: no-repeat;
}

div#qsChart .chartMid {
    padding: 0px 20px 0px 20px;
    background-image: url(../Images/chartMid.gif);
    background-repeat: repeat-y;
}

.qsGridView {
    margin-top: 10px;
}

.qsGridRow {
	background-color: #FFFFFF;
}

.qsGridRow td, .qsGridAltRow td, .qsAnonymousRow td {
    height: 18px;
	border-bottom: solid 1px #e9e9e9;
	padding: 6px 0 4px 10px;
}

.qsAnonymousRow td {
    color: Gray;
    background-color: #F3F3f3;
}

.qsAnonymousRow td a {
    color: Gray;
}

.qsMemberRow {
    background-color: #EEEEEE;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.qsUpdateProgress {
    position: absolute;
    top: 300px;
    left: 150px;
    width: 200px;
    border: solid 1px black;
    padding: 30px 20px 30px 20px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}
* html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.loader {
    z-index: 100;
    position: fixed;
    width: 200px;
    border: solid 1px black;
    padding: 30px 20px 30px 20px;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    margin-left: -100px;
    top: 50%;
    left: 50%;
}
* html .loader {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}


.emptyDataRow {
    margin-top: 60px;
    text-align: center;
}

.resultTop {
    color: Black;
    font-weight: bold;
}

.helpBoxWrapper {
	position: relative;

}


.helpBox {
	position: absolute;
	display: none;
	width: 300px;
	border: solid 1px #000;
	background: #fff;
}

.helpBox .topbar {
	border-bottom: solid 1px #000;
	padding: 0 2px 0 0;
	background: #000;
	text-align: right;
}

.helpBox .topbar a {
	color: #fff;
	text-decoration: none;
}

.helpBox .content {
	padding: 10px;
}

/* ----- new helpbox ------------------------------------------ */
.helpBox2Wrapper {
	position: relative;
}

.helpBox2TopContent
{
	background-image: url(../images/knp_bg.gif);
	width: 172px;
	height: 42px;
}



.helpBox2 {
	position: absolute;
	width: 300px;
	display: none;
	border: solid 1px #000;
	background: #fff;
}


.helpBox2 .topbar {
	border-bottom: solid 1px #000;
	padding: 0 2px 0 0;
	background: #000;
	text-align: right;
}

.helpBox2 .topbar a {
	color: #fff;
	text-decoration: none;
}

.helpBox2 .content {
	padding: 10px;
}


/*
.siteSelector {
	position: absolute;
	top: 111px;
	left: 3px;
}
.siteSelector select {
	font-size: 10px;
}
* html #topMenu {
	bottom: 25px;
}

.topBg {
  
}

.topSubMenu {
    margin-top: 1px;
    padding-top: 1px;
    width: 721px;
    height: 23px;
}

.topSubSubMenu {
    padding-top: 1px;
    width: 721px;
    height: 23px;
}

.black {
    background-image: url(../Images/menubg_black.gif);
}

.darkGray {
    background-image: url(../Images/menubg_darkGray.gif);
}

.green {
    background-image: url(../Images/menubg_green.gif);
}

.gray {
    background-image: url(../Images/menubg_gray.gif);
}

.red {
    background-image: url(../Images/menubg_red.gif);
}

.topMenuItem {
	float: left;
}

#mainContent {
	min-height: 400px;
}

*html #mainContent {
	height: 400px;
}

#footer {
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: center;
	color: #56595c;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footerLine {
	margin: 30px 0 0 0;
}

#footerPartners {
	margin: 30px 0 30px 0;
}

#partnerHead {
	margin: 0 0 7px 1px;
}

#footerText {
}

#banners {
	float: left;
	margin: 5px 0px 0px 28px;
}

#bannerHead {
	margin: 0px 0 4px 1px;
}

.banner {
    width: 140px;
    text-align: center;
	padding: 10px 0 10px 0;
	border-top: solid 1px #cccccc;
}

.banner.first {
    padding: 0 0 8px 0;
    border: none;
}

#leftMenu {
    width: 140px;
    position: relative;
	font-family: Tahoma;
	margin: 13px 6px 0 11px;
}

#leftMenu a {
	color: #000000;
	text-decoration: none;
}

#leftMenu a:hover {
	text-decoration: underline;
}

#leftMenu .selected {
    font-weight: bold;
	background-color: #e2e2e2;
}

.leftMenuItems {
	margin: 11px 0 0 7px;
	display: block;
}

.toggleMenu {
    position: absolute;
    right: 5px;
    top: 2px;
    cursor: pointer;
}

.toggleSearch {
    cursor: pointer;
}

.leftMenuHead {
	display: block;
	margin-bottom: 6px;
}

.leftMenuLine {
	display: block;
}

.leftMenuItem {
	margin-bottom: 9px;
}

.subMenuItems {
    font-size: 10px;
    margin: 5px 0 0 0;
}

.subMenuItems a {
    color: #ffffff;
}

.subMenuItem {
    float: left;
    margin-left: 10px;
}

.subMenuItem.active {
    font-weight: bold;
}

.topLeftSpot {
}

.spotModule {
	width: 133px;
}

.spotTextContent {
    width: 240px;
    padding: 10px;
}

.spotText {
    padding: 5px 0 10px 20px;
}
.rightSpotModule {
	margin-left: 12px;
}

.loginModule {
	font-size: 9px;
	ccolor: #000;
	width: 120px;
}

.loginModule a {
	text-decoration: underline;
	color: #fff;
}

.loginModule .label {
	margin-top: 3px;
}

.loginModule .loginBoxTop {
}

.loginField {
    font-size: 10px;
	border: solid 1px #a39f94;
	background-color: #ffffff;
	color: #888888;
	width: 120px;
	margin-bottom: 3px;
}

.jobAdSpot {
	width: 490px;
	margin: 4px 0 0 0;
}

.jobAdModule {
	font-size: 0.8em;
	color: #56595c;
	width: 100%;
}

.jobAdModule a {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
}

.jobAdModule a:hover {
    text-decoration: underline;
}

.jobAdHeading {
}

.secondRow {
	margin-top: 23px;
}

.jobAdGridView {
    width: 100%;
	margin-top: 5px;
	font-size: 9px;
}

.jobAdGridRow {
	background-color: #FFFFFF;
}

.jobAdGridRow td, .jobAdGridAltRow td {
	border-bottom: solid 1px #e9e9e9;
	padding: 6px 0 6px 10px;
}

.rightCol {
    margin-left: 10px;
	float: left;
	width: 349px; 
}

/* Profile 
#profileTop {
	background: #FFFFFF url(../Images/profiletopbg.gif) repeat-x;
	height: 43px;
	color: #FFFFFF;
	margin: 6px 0 0 0;
	padding: 0 0 0 15px;
	font-family: Arial;
}

#profileTop .warning {
	font-weight: bold;
	text-decoration: underline;
}

.profileTop1 {
	float: left;
	width: 260px;
	font-weight: bold;
	padding: 15px 0 0 0;
}

.profileTop2 {
	float: left;
	width: 370px;
	font-size: 0.9em;
	padding: 15px 0 0 0;
}

.profileTop3 {
	float: left;
}

.leftMenu {
    margin-top: 5px;
    background-image: url(../Images/leftmenudivider.gif);
    background-position: right top;
    background-repeat: no-repeat;
	float: left;
	background-color: #F7F7F7;
}

.leftMenuDivider {
	background-color: #F7F7F7;
	float: left;
	width: 10px;
	height: 456px;
}

.mainRightContent {
	float: left;
}

.bullet {
	display: block;
	float: left;
	width: 15px;
	margin-top: 2px;
}

#profileView {
	margin: 23px 0 0 15px;
	color: #4f5559;
}
#peView {
	margin: 23px 10px 0 24px;
	color: #4f5559;
}
#peView a {
	text-decoration: underline;
}
#profileView a {
	text-decoration: underline;
}
#profileView .general .image {
	float: left;
	padding-right: 16px;
}
#profileView .general .top {
	margin-bottom: 11px;
}
#profileView .general .text {
	float: left;
	margin-top: 11px;
}
#profileView .general .top .name {
	width: 280px;
	float: left;
	font-size: 20px;
}

#profileView .general .top .edit {
	width: 130px;
	float: left;
	text-align: right;
	margin-top: 10px;
}

#profileView .general .text .left {
	float: left;
	width: 195px;
}

#profileView .general .text .right {
	float: left;
}
#profileView .textBlock, #peView .textBlock {
    margin-top: 15px;
}
#profileView .section {
	margin-top: 35px;
}

#profileView .section .head {
	margin-right: 5px;
}
#profileView .section .head .topImg {
	width: 275px;
	float: left;
	position: relative;
}
#profileView .section .head .edit {
	width: 245px;
	margin-top: 2px;
	float: left;
	text-align: right;
}
#profileView .section .content {
	margin-top: 8px;
}
#profileView .textField, #peView .textField, #office .textField  {
	font-family: Verdana;
	font-size: 11px;
	border: solid 1px #a3a3a3;
	background-image: url(../Images/fieldbg.gif);
	background-repeat: repeat-x;
	padding: 1px 0 0 2px;
}
#profileView input.textField, #peView input.textField {
	height: 15px;
}

.activateBar {

}

.administratorsMenu {
    border: solid 1px #a3a3a3;
    padding: 10px;
    margin-bottom: 20px;
}
.updateProgress {
    position: absolute;
    top: 150px;
    left: 200px;
    width: 300px;
    height: 40%;
    border: solid 3px black;
    padding: 60px 20px 60px 20px;
    background-color: #f39380;
    font-size: 14px;
    font-weight: bold;
}
.updateExposes {
    position: absolute;
    top: 300px;
    left: 170px;
    width: 200px;
    padding: 20px;
    border: solid 1px black;
    background-color: White;
    text-align: center;
}
.textArea {
	width: 500px;
	height: 200px !important;
}
.textAreaSms {
	width: 500px;
	height: 80px !important;
}
.profileGridView {
	width: 519px;
}
.searchGridView {
	width: 500px;
}
.profileGridHead th {
    font-size: 0.9em;
}
.profileGridRow td, .profileGridAltRow td, .rptStandardDiv {
	background-color: #EEEEEE;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.active {
    font-weight: bold;
}

.profileGridNoItems {
    color: red;
}

.wizard {
	width: 519px;
}

.wizard .header {
	margin-bottom: 20px;
}

.wizard .description {
	margin-bottom: 20px;
}

.wizard .left, .wizard .right  {
	float: left;
	width: 250px;
}

.wizard .third  {
	float: left;
	width: 160px;
}

.wizard .third2  {
	float: left;
	width: 190px;
}
.wizard .third3  {
	float: left;
	width: 100px;
}

.wizard .textField {
	font-family: Verdana;
	font-size: 1em;
	border: solid 1px #a3a3a3;
	background-image: url(../Images/fieldbg.gif);
	background-repeat: repeat-x;
	padding: 1px 0 0 2px;
}
.wizard input.textField {
	height: 15px;
}

.wizard .normalWidth {
	width: 200px;
}

.wizard .wideWidth {
	width: 250px;
}

.zipWidth {
	width: 50px;
}

.cityWidth {
	width: 150px;
}

.wizard .personalLetter {
	width: 500px;
	height: 300px!important;
}

.wizard .birthdateWidth {
	width: 65px;
}
.wizard .ctrl, .wizard .label {
	margin-bottom: 2px;
}
.license .section {
    margin: 0 0 10px 0!important;
}
.toolbar {
	text-align: right;
}
.hidden {
	display: none;
}
.subBransch {
    padding: 0 0 0 20px;
}
.license {
    border: solid 1px #bebebe;
    padding: 5px;
    height: 200px;
    overflow: scroll;
}

.driversLicense label {
	margin-left: 2px;
	margin-bottom: 4px;
	display: block;
	float: left;
	width: 40px;
}
* html .driversLicense label {
	margin-top: 3px;
}
.driversLicense input {
	float: left;
}
.driversLicense br {
	display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* ----- search ------------------------------------------ 
.searchIcon {
    width: 18px;
    display: inline-block;
}

.searchTab {
    margin-top: 5px;
    width: 500px;
}

.searchTab .head {
	height: 1%;
    font-size: 1.0em;
    background-color: #dedede;
    color: #000;
    font-weight: bold;
    padding: 1px 1px 1px 2px;
}

.searchTab .head img {
    margin: 3px 2px 0px 0px;
}

.searchTab .details {
    padding: 10px 10px 10px 10px;
    border: solid 1px #dedede;
}

.searchTab .left {
    float: left;
    width: 180px;
}

.searchTab .middle {
    float: left;
    width: 80px;
    text-align: center;
}

.searchTab .right {
    float: left;
}

.searchTab .normalWidth {
    width: 180px;
}

.searchTab .normalHeight {
    height: 80px !important;
}

.searchList {
    width: 520px;
}

.addRemoveBut {
    margin-top: 20px;
}
.searchTab .label {
    float: left;
}

.searchTab .ctrl {
    float: left;
}

.labelNormalWidth {
    width: 80px;
}

.labelWidth2 {
    width: 110px;
}

.labelWidth3 {
    width: 250px;
}

.labelWidth4 {
    width: 150px;
} 

.labelWidth5 {
    width: 120px;
} 

.dateWidth {
    width: 80px;
}

.dateTimeWidth {
    width: 110px;
}

.textWidth {
    width: 200px;
}
.textWidth2 {
    width: 220px;
}

.textHeight {
    height: 100px;
}

.textHeight2 {
    height: 60px;
}

.textWider {
    width: 300px;
}

.textMoreWider {
    width: 350px;
}

.numericWidth {
    width: 40px;
}

.trace {
    border: solid 1px red;
}

.left {
    float: left;
}

.right {
    float: right;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

/* TabStrip 
#tabStripContainer {
	margin: 0px 0px 0px 0px;
	font-size: 0.9em;
}

ul.tabStrip {
	padding: 0px 0px 22px 10px;
	margin: 0px;
	border-bottom: #cecece 1px solid;
	list-style-type: none;
}

ul.tabStrip li {
	border: #cecece 1px solid;
	padding: 0px;
	float: left;
	margin: 0px 2px;
	height: 21px;
	BACKGROUND-COLOR: #eeeeee;
}

ul.tabStrip li.active {
	border-bottom: #fff 1px solid;
	background-color: #fff;
	color: #000;
}

.tabStrip a {
	float: left;
	padding: 4px;
	display: block;
	color: #666;
	text-decoration: none;
}

.tabPage {
	padding: 20px 10px 10px 10px;
	border-left: #cecece 1px solid;
	border-bottom: #cecece 1px solid;
	border-right: #cecece 1px solid;
}

.tabPage .lleft {
	float: left;
	width: 50%;
}

.tabPage .rright {
	float: left;
	width: 50%;
	text-align: right;
}

.page {
	padding: 20px 10px 10px 10px;
}

.dPageContent {
    width: 486px;
}
.dPageTop {
    margin: 0 0 10px 0;
    width:481px;
}

.dPageLeft {
    float: left;
    width: 243px;
    margin-bottom: 10px;
}

.dPageRight {
    float: left;
    width: 243px;
    margin-bottom: 10px;
}

.dPageBottom {
    margin-bottom: 10px;
}

.dpageSpotCollum
{
    /*border:1px solid black;
    width:210px;    
    margin: 0 0 0 9px;
}
.dpageContentWith
{
    width:721px;
}


.firstPageSpot {
    float: left;
    margin-top: 1px;
    width: 413px;
}

.memberSpot {
    width: 349px;
}

.jobAdModule .bottom {
    padding-top: 5px;
    text-align: center;
}

.member {
    float: left;
    margin: 5px;
    width: 73px;
}

.member .image {
    position: relative;
    height: 81px;
    background-color: #ddd;
    text-align: center;
}

.member img {
    margin-top: 4px;
}

.member .name {
    height: 25px;
    padding: 2px;
    margin-top: 1px;
    background-color: #333;
    color: #fff;
}
.shopLeft {
    width: 530px;
}
.shopCats {
    width: 160px;
    float: left;
    padding: 5px 10px 10px 5px;
}

.shopProds {
    width: 312px;
    float: left;
    padding: 5px 0 10px 15px;
    border-left: solid 1px #d7d7d7;
}

.shopChart {
    width: 175px;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}

.shopItemLeft {
    width: 455px;
    padding: 12px;
    margin-bottom: 8px;
    border: solid 1px #e1e1e1; 
}

.chartItemLeft {
    padding: 12px;
    margin-bottom: 8px;
    border: solid 1px #e1e1e1; 
}

.shopItemRight {
    float: left;
    width: 42px;
    height: 150px;
}

.shopItemHead {
    font-weight: bold;
    margin-bottom: 3px;
}

.shopItemIngress {
    margin-bottom: 5px;
}

.shopItemPrice {
    font-weight: bold;
    margin-bottom: 3px;
}

.shopItemButton {
    text-align: right;
}

.chartHead {
    margin-bottom: 3px;
    font-weight: bold;
}

.chartDropDown {
    margin-bottom: 5px;
}

.chartButton {
}

.shopTop {
    width: 480px;
    margin-bottom: 5px;
}
.shopCatFilter {
    text-align: right;
    margin-bottom: 3px;
}
.shopCatLabel {
    background-color: #5b5b5b;
    color: #fff;
    font-weight: bold;
    padding: 4px 7px 4px 7px;
}
.shopTop .catHead {
    float: left;
    width: 170px;
    padding: 2px 0 0 10px;
}

.shopTop .prodHead {
    float: left;
    width: 300px;
    padding: 2px 0 0 10px;
}

.occupation {
    margin-left: 20px;
}

.treeNode a {
    text-decoration: none!important;
    margin-left: 3px;
}

.newHit {
    font-weight: bold;
}

.unreadHit {
    color: #a21f07;
}

.becomeGoldMember {
    position: relative;
    top: -9px;
    left: 250px;
}
.popLayer {
    border: solid 2px black;
    position: absolute;
    top: 0px;
    left: 35px;
    width: 674px;
    height: 604px;
    z-index: 1;
}

.topCornor {
    background-image: url(../Images/topcornor.png);
    position: absolute;
    top: -22px;
    left: -24px;
    width: 171px;
    height: 161px;
}

* html .topCornor {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/topcornor.png', sizingMethod='crop'); 
}

#topMemberCounter {
    position: absolute;
    width: 400px;
    top: 136px;
    left: 312px;
    color: white;
    font-size: 10px;
    text-align: right;
}

.unread {
    font-weight: bold;
}

.anonymousRow {
    background-color: #f39380;
}


.inactiveRow {
    background-color: Yellow;
}

.anonymousBox {
    padding: 5px 0px 0px 20px;
    color: Red;
}

.wizardSteps {
    margin-bottom: 10px;
}

.wizStep {
}

.wizPhase1 {
    width: 260px;
    padding: 0 0 1px 8px;
}

.wizPhase2 {
    width: 187px;
    padding: 0 0 1px 0;
}

.wizardBubble {
    width: 519px;
    text-align: center;
}

.pageLeftCol {
    width: 505px;
    margin: 0px;
}

.pageRightCol {
    width: 210px;
    margin: 4px 0 0 6px;
    line-height: 1;
}

.pageRightCol .spot, .dpageSpotCollum .spot
{
    margin-bottom: 5px;
}


.searchCriteria {
    background-color: #EEE;
    padding: 10px;
}

#flashcontent {
	border: solid 1px #000;
	margin: 15px 20px;
	padding: 10px;
}

.flashStats {
    margin-bottom: 6px;
}
.emailLabel {
    position: absolute;
    padding-top: 2px;
    text-align: right;
    width: 80px;
    left: -85px;
}

.addToContactList {
    margin-bottom: 20px;
}


/* ----- Tab Control ------------------------------------- 
.tabControl {
}
.tabControl .tabs {
}
.tabControl .tab {
    float: left;
    margin: 0 1px 0 0;
}
.tabControl .topBar, .tabControl .bottomBar {
    height: 17px;
    background: url(../Images/TabControl/spotbarbg.gif) repeat-x;
    text-align: right;
}
.tabControl .tabContent {
}

/* ----- Quick Search ------------------------------------ 
div#quickSearch {
}

div#quickSearch .searchTop {
    margin: 10px 0 10px 0;
    padding: 0 0 15px 0;
}

div#quickSearch .searchSection {
    margin-top: 0px;
    background-color: #dedede;
}

div#quickSearch .searchSection .top {
    height: 8px;
    background-image: url(../Images/searchTop.gif);
    background-repeat: no-repeat;
}

div#quickSearch .searchSection .middle {
    padding: 0 10px 0 10px;
}

div#quickSearch .searchSection .bottom {
    height: 17px;
    background-image: url(../Images/searchBot.gif);
    background-repeat: no-repeat;
}

.chooseJob {
    text-align: center;
}

div#qsChart {
    margin-top: 10px;
}

div#qsChart .chartList {
    width: 250px;
    border-right: solid 1px #ccc;
}

div#qsChart .chartSum {
    width: 160px;
}

div#qsChart .chartTotal {
    font-size: 9px;
    padding: 3px 0 0 0;
}

div#qsChart .chartEmptyRow td {
    text-align: center;
    padding-top: 30px;
}

div#qsChart .chartTop {
    height: 9px;
    background-image: url(../Images/chartTop.gif);
    background-repeat: no-repeat;
}

div#qsChart .chartBot {
    height: 9px;
    background-image: url(../Images/chartBot.gif);
    background-repeat: no-repeat;
}

div#qsChart .chartMid {
    padding: 0px 20px 0px 20px;
    background-image: url(../Images/chartMid.gif);
    background-repeat: repeat-y;
}

.qsGridView {
    margin-top: 10px;
}

.qsGridRow {
	background-color: #FFFFFF;
}

.qsGridRow td, .qsGridAltRow td, .qsAnonymousRow td {
    height: 18px;
	border-bottom: solid 1px #e9e9e9;
	padding: 6px 0 4px 10px;
}

.qsAnonymousRow td {
    color: Gray;
    background-color: #F3F3f3;
}

.qsAnonymousRow td a {
    color: Gray;
}

.qsMemberRow {
    background-color: #EEEEEE;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.qsUpdateProgress {
    position: absolute;
    top: 300px;
    left: 150px;
    width: 200px;
    border: solid 1px black;
    padding: 30px 20px 30px 20px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}
* html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.loader {
    z-index: 100;
    position: fixed;
    width: 200px;
    border: solid 1px black;
    padding: 30px 20px 30px 20px;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    margin-left: -100px;
    top: 50%;
    left: 50%;
}
* html .loader {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}


.emptyDataRow {
    margin-top: 60px;
    text-align: center;
}

.resultTop {
    color: Black;
    font-weight: bold;
}

.helpBoxWrapper {
	position: relative;

}


.helpBox {
	position: absolute;
	display: none;
	width: 300px;
	border: solid 1px #000;
	background: #fff;
}

.helpBox .topbar {
	border-bottom: solid 1px #000;
	padding: 0 2px 0 0;
	background: #000;
	text-align: right;
}

.helpBox .topbar a {
	color: #fff;
	text-decoration: none;
}

.helpBox .content {
	padding: 10px;
}

/* ----- new helpbox ------------------------------------------ 
.helpBox2Wrapper {
	position: relative;
}

.helpBox2TopContent
{
	background-image: url(../images/knp_bg.gif);
	width: 172px;
	height: 42px;
}



.helpBox2 {
	position: absolute;
	width: 300px;
	display: none;
	border: solid 1px #000;
	background: #fff;
}


.helpBox2 .topbar {
	border-bottom: solid 1px #000;
	padding: 0 2px 0 0;
	background: #000;
	text-align: right;
}

.helpBox2 .topbar a {
	color: #fff;
	text-decoration: none;
}

.helpBox2 .content {
	padding: 10px;
}


/* ----- common ------------------------------------------ */
.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.selfClear {
	display: inline-block;
}

/* Hide from IE-mac \*/
* html .selfClear {
	height: 1%;
}

.selfClear {
	display: block;
}
/* End hide from IE-mac */

.pageRightCol .spot, .dpageSpotCollum .spot {
    margin-bottom: 5px;
}

.paMovieLink
{
    background:url(../Images/Buttons/knp_film_utanskugga.jpg) no-repeat; 
    display:block; 
    padding-left:19px; 
    height:17px;
    line-height:15px;
}

.startPageRightFlashBottom
{
    padding-top:6px;
}

.requiredTextSpan {font-size:11px; color:#ff7777;}
.pagemod {
}
.pagemod .header {
	padding: 1px 10px 0 10px;
	position: relative;
	background:transparent url(../Images/TabControl/spotbarbg.gif) repeat-x;
	height:18px;
	color: #fff;
	font-weight: bold;
}
.pagemod .header a {
	color: #fff;
	padding: 0 15px 0 0;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: 0px;
	background: url(../Images/arrow.gif) right no-repeat;
}
.pagemod .content {
}
.pagemod .content .row {
	padding: 10px 0 10px 0;
	border-bottom: solid 1px #efefef;
}
.pagemod .bottom {
	margin: 10px 0 15px 0;
}
.pagemod .bottom a {
	padding: 0 0 0 18px;
	font-weight: normal;
	background: url(../Images/arrow2.gif) left no-repeat;
}