/* Gröna Jobb 2006 - CSS Document */

/* Interface */

body {
	background-color:#FFFFFF	;
}

.gj_body_holder {
	height: 500px;
}

.gj_body {
	width:750px;
	border-bottom-style: solid;
	border-bottom-width: 9px;
	border-bottom-color: #c4c4c4
}

.gj_logotype {
	height:25px;
	background-image:url(../img/gj_logotype.gif);
	background-repeat:no-repeat;
	background-position:0 -15px;
}

.gj_top {
	height:44px;
	border-bottom-style: solid;
	border-bottom-width: 9px;
	border-bottom-color: #9a9a9a
}

.gj_logorubrik {
	/*background-image:url(../img/gj_rekrytera.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:25px;
	width:122;*/
	padding-right:30px;
}

/* Menu */

.gj_menu_holder 
{
	height:31px;
	overflow:hidden;
	width:570px;
	text-align: left;
	vertical-align: bottom;
}

.gj_menu_chosen_box {
	text-align: center;
	background-color: #9a9a9a;
	height: 28px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 7px;
	border-right-width:1px;
	border-right-color: #FFFFFF;
	border-right-style:solid;
	float: left
}

A.gj_menu_chosen:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	text-transform: uppercase
}

A.gj_menu_chosen:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	TEXT-DECORATION: none;
	text-transform: uppercase
}

A.gj_menu_chosen:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#f5f5f5;
	text-decoration: none;
	text-transform: uppercase
}

A.gj_menu_chosen:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#222222;
	text-decoration: none;
	text-transform: uppercase
}

.gj_menu_notchosen_box {
	text-align: center;
	background-color: #e0e0e0;
	height: 28px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 7px;
	border-right-width:1px;
	border-right-color: #FFFFFF;
	border-right-style:solid;
	float: left
}

A.gj_menu_notchosen:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#222222;
	text-decoration: none;
	text-transform: uppercase
}

A.gj_menu_notchosen:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#222222;
	TEXT-DECORATION: none;
	text-transform: uppercase
}

A.gj_menu_notchosen:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	text-decoration: none;
	text-transform: uppercase
}

A.gj_menu_notchosen:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#222222;
	text-decoration: none;
	text-transform: uppercase
}

/* Content */

A:link{FONT-SIZE: 11px; font-weight:bold; COLOR: #36b0ff; FONT-FAMILY: verdana; text-decoration:none}

A:visited{FONT-SIZE: 11px; font-weight:bold; COLOR: #36b0ff; FONT-FAMILY: verdana; text-decoration:none}

A:hover{FONT-SIZE: 11px; font-weight:bold; COLOR: #36b0ff; FONT-FAMILY: verdana; text-decoration:underline}

A:active{FONT-SIZE: 11px; font-weight:bold; COLOR: #36b0ff; FONT-FAMILY: verdana; text-decoration:none}

.gj_content_holder {
	height: 100%;
	background-image:url(../img/gj_content_bg_template.jpg);
	background-position:top-right;
	background-repeat:no-repeat;
	border-left-style: solid;
	border-left-width: 9px;
	border-left-color: #c4c4c4;
	border-right-style: solid;
	border-right-width: 9px;
	border-right-color: #c4c4c4;
	padding: 1px
}

.gj_content_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#444444;
	text-decoration: none
}

.gj_content_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222222
}

/* Boxes */

.gj_box_title {
	background-color: #9a9a9a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px
}

.gj_box_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#222222;
	background-color:#FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9a9a9a;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9a9a9a;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9a9a9a;
	padding: 14px
}

.gj_box_formtitle {
	background-color: #9a9a9a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px
}

.gj_box_formcontent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#222222;
	background-color:#FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9a9a9a;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9a9a9a;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9a9a9a;
	padding:14px
}

.gj_box_title_extra {
	background-color: #36b0ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px
}

.gj_box_content_extra {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#222222;
	background-color:#FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #36b0ff;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #36b0ff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #36b0ff;
	padding: 0px
}



/* Formulär */

.gj_form_textbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#222222;
	padding-left:2px
}

.gj_form_button {
	color: #333333;
	font-family: Verdana;
	font-size: 11px;
	height: 18;
	border: 1px solid #9A9A9A;
	background-color: #FFFFFF
}

.gj_form_button_emph {
	color: #333333;
	font-family: Verdana;
	font-size: 11px;
	height: 18;
	border: 1px solid #36b0ff;
	background-color: #FFFFFF
}

.gj_form_stage {
	background-color: #e1e1e1;
	height:51px;
	text-align:center
}

.gj_stage_left {
	background-image:url(../img/gj_stage_left.gif);
	background-repeat:no-repeat;
	width:47px;
	height:51px
}

.gj_stage_middle {
	background-image:url(../img/gj_stage_middle.gif);
	background-repeat:no-repeat;
	width:47px;
	height:51px
}

.gj_stage_right {
	background-image:url(../img/gj_stage_right.gif);
	background-repeat:no-repeat;
	width:47px;
	height:51px
}

.gj_form_holder {
	margin:35px;
	width:660px
}

.gj_form_bg_obligatorisk {
	background:#e1e9ec;
	width:auto;
}

.gj_form_bg_ejobligatorisk {
	background:#f1f1f1;
	width:auto;
}

.gj_form_bg_ifyllt {
	background:#ffffff;
	width:auto;
}

.gj_form_error {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#ff0000
}

.gj_form_divleft {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#222222;
	text-align:right;
	vertical-align:top;
	width:230px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:0px;
	padding-top:5px;
	border:#FFFFFF;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px
}

.gj_form_sep {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#222222;
	width:10px;
	border:#FFFFFF;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px
}

.gj_form_divright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#222222;
	width:auto;
	border:#FFFFFF;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.gj_form_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#222222
}

div.popupinfo
{
	position:absolute;
	top: 100px;
	left: 20px;
	padding:20px;
	display:none;
	width: 150px;
}