/*  
Theme Name:  Jobbr v2 - Main
Theme URI: http://jobbr.se
Description:  Jobbr version 2 - Main
Version: 2.0
Author: Kristoffer Lidman / iDenta Labs
Author URI: http://identa.se/
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
	background: #e9eef1 url(/public/images/texture.png) repeat;
}
a {
	color: #4083a9;
	border: none;
	text-decoration: none;
}
a:hover {
	color: #205f82;
}
p {
	margin: 0 0 15px 0;
}
h1, h2, h3, h4, h5  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.frontpage {
	display: block;
	width: 220px;
	height: 75px;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9009px;
}
.frontpage a {
	display: block;
	outline: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
}
.alignleft  {
	float: left;
}
.alignright  {
	float: right;
}
/*-------- Top menubar --------*/
#top {
	width: 100%;
	height: 44px;
	margin: 0px auto;
	background: #333 url(/public/images/top_bg.gif) repeat-x;
	border-bottom: 1px solid #fff;
}
#top_container {
	width: 980px;
	padding: 6px 0 0 0;
	color: #eee;
	margin: 0px auto;
	text-shadow: 0 2px 1px #000;
}
#top_container a {
	color: #fff;
}
#top_container a:hover {
	color: #DCE1E4;
}
/*- Newsticker -*/
.newsticker {
	float: left;
	width: 400px;
	font-weight: bold;
	padding: 6px 0 0 0;
}
.newsticker ul {
	margin: 0;
	list-style-type: none;
}
.newsticker ul li {
	display: none;
}
.newsticker ul li span {
	font-weight: normal;
	color: #bbb;
}
.newsticker a {
	padding: 0 0 2px 0;
}
/*- Account information -*/
.account {
	float: right;
}
.account .text {
	padding: 8px;
	float: right;
	color: #ccc;
}
.account .text a {
	padding: 0;
	border-bottom: none;
}
.account .text strong {
	color: #fff;
	margin: 0 0 0 3px;
}
a.login {
	float: left;
	width: 30px;
	height: 31px;
	margin: 0 0 0 8px;
	background: url(/public/images/top_login.png) no-repeat;
}
a.login:hover {
	background: url(/public/images/top_login-hover.png) no-repeat;
}
a.logout {
	float: left;
	width: 30px;
	height: 31px;
	margin: 0 0 0 8px;
	background: url(/public/images/top_logout.png) no-repeat;
}
a.logout:hover {
	background: url(/public/images/top_logout-hover.png) no-repeat;
}
a.register {
	float: left;
	width: 30px;
	height: 31px;
	margin: 0 0 0 8px;
	background: url(/public/images/top_register.png) no-repeat;
}
a.register:hover {
	background: url(/public/images/top_register-hover.png) no-repeat;
}
a.profile {
	float: left;
	width: 30px;
	height: 31px;
	margin: 0 0 0 8px;
	background: url(/public/images/top_profile.png) no-repeat;
}
a.profile:hover {
	background: url(/public/images/top_profile-hover.png) no-repeat;
}
a.publish {
	float: left;
	width: 30px;
	height: 31px;
	margin: 0 0 0 6px;
	background: url(/public/images/top_publish.png) no-repeat;
}
a.publish:hover {
	background: url(/public/images/top_publish-hover.png) no-repeat;
}
/*-------- Main wrapper ---------*/
#wrapper  {
	width: 980px;
	margin: 20px auto;
	overflow: hidden;
	position: relative;
}
/*-------- Header --------*/
#header {
	width: 980px;
	height: 100px;
	float: left;
	background: url(/public/images/header.png) no-repeat;
}
/*- Menu -*/
#menu {
	width: 580px;
	height: 30px;
	float: right;
	margin: 43px 0 0 0;
	font-weight: bold;
	font-size: 14px;
}
#menu ul  {
	padding: 0;
	margin: 0;
	float: right;
	list-style-type: none;
}
#menu ul li  {
	height: 31px;
	float: left;
	margin: 0 0 0 10px;
	background: #f2f4f6 url(/public/images/menu_link.gif) no-repeat right top;
	text-align: center;
}	
#menu ul li a {
	height: 25px;
	float: left;
	margin: 0;
	color: #333;
	text-align: center;
	padding: 6px 10px 0 10px;
	text-decoration: none;
	background: url(/public/images/menu_link_left.gif) no-repeat left top;
	text-shadow: 0 1px 0 #eee;
}
#menu ul li a:hover  {
	height: 25px;
	float: left;
	margin: 0;
	color: #666;
	text-align: center;
	padding: 6px 10px 0 10px;
	text-shadow: 0 1px 0 #eee;
}
#menu ul li.current_page_item {
	height: 31px;
	float: left;
	text-align: center;
	color: #fff;
	background: url(/public/images/menu_active.gif) no-repeat right top;
	text-shadow: 0px 1px 0px #000;
}
#menu ul li.current_page_item a{
	height: 25px;
	float: left;
	margin: 0;
	text-align: center;
	padding: 6px 10px 0 10px;
	color: #fff;
	background: url(/public/images/menu_active_left.gif) no-repeat left top;
	text-shadow: 0 1px 0 #000;
}
/*-------- Left Container ---------*/
.left {
	width: 720px;
	float: left;
}
.left_box_top {
	width: 720px;
	height: 15px;
	float: left;
	background: #fff url(/public/images/left_bg_corners.png) no-repeat center top;
	margin: 0;
}
.left_box {
	width: 690px;
	padding: 0 15px;
	float: left;
	position: relative;
	background: #fff url(/public/images/left_bg.png) repeat-y;
}
.left_box.no_top {
	padding: 15px 15px 0 15px;
}
.content_big {
	width: 690px;
	font-size: 13px;
	float: left;
}
.left_box_bott {
	width: 720px;
	height: 15px;
	float: left;
	background: #fff url(/public/images/left_bg_corners.png) no-repeat center bottom;
	margin: 0 0 20px 0;
}
/*-------- Right Container ---------*/
.right {
	width: 240px;
	float: right;
	text-shadow: 0 1px 0 #fff;
}
.right_box {
	width: 210px;
	float: right;
	background: url(/public/images/right_bg.png) no-repeat;
	padding: 15px 15px 0 15px;
}
.right_box_bott {
	width: 240px;
	height: 15px;
	float: right;
	background: url(/public/images/right_bg.png) no-repeat center bottom;
	margin: 0 0 20px 0;
}
.right_headline {
	width: 240px;
	height: 30px;
	float: left;
	text-indent: -9999px;
}
.sidebar_cta {
	width: 210px;
	height: 27px;
	float: left;
	background: url(/public/images/sidebar_cta.gif) no-repeat;
	padding: 8px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 0 #EAF7FF;
}
.sidebar_price {
	font-size: 32px;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 10px;
	background: #E4F2FD;
	float: left;
}
/* - Image Headlines -*/
.right_headline.arbetsgivare {
	background: url(/public/images/headline_arbetsgivare.png) no-repeat;
}
.right_headline.employee {
	background: url(/public/images/headline_employee.png) no-repeat;
}
.right_headline.singlejob {
	background: url(/public/images/headline_singlejob.png) no-repeat;
}
.right_headline.related {
	background: url(/public/images/headline_related.png) no-repeat;
}
.right_headline.verktyget {
	background: url(/public/images/headline_tool.png) no-repeat;
}
.right_headline.news {
	background: url(/public/images/headline_news.png) no-repeat;
}
/*- Featured Company -*/
.focus {
	width: 240px;
	height: 145px;
	float: left;
	background: url(/public/images/focus.png) no-repeat;
}
.focus_bottom {
	width: 240px;
	text-align: center;
	float: left;
	margin: 0 0 25px 0;
}
/*-------- Searchbox and Pagination --------*/
.searchbox_top {
	width: 690px;
	height: 90px;
	padding: 15px;
	float: left;
	background: url(/public/images/searchbox_top.png) no-repeat;
	margin: 0;
	position: relative;
}
.pagination {
	width: 670px;
	height: 20px;
	float: left;
	background: #eee url(/public/images/pagination.gif) no-repeat;
	padding: 5px 10px;
	margin: 15px 0 0 0;
	text-shadow: 0 1px 0 #fff;
}
/*- Tabs -*/
.searchbox_tabs {
	width: 690px;
	height: 35px;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 15;
}
.searchbox_tabs a {
	height: 28px;
	float: left;
	margin: 0 2px 0 0;
	font-weight: bold;
	font-size: 13px;
	text-shadow: 0 1px 0 #fff;
}
.searchbox_tabs a.normal {
	width: 95px;
	padding: 7px 10px 0 30px;
	color: #fff;
	text-shadow: 0 1px 0 #333;
	background: url(/public/images/searchtab_normal.png) no-repeat;
}
.searchbox_tabs a.normal.active {
	background: url(/public/images/searchtab_normal-active.png) no-repeat;
	color: #4083a9;
	text-shadow: 0 1px 0 #fff;
}
.searchbox_tabs a.map {
	width: 87px;
	padding: 7px 10px 0 30px;
	color: #fff;
	text-shadow: 0 1px 0 #333;
	background: url(/public/images/searchtab_map.png) no-repeat;
}
.searchbox_tabs a.map.active {
	background: url(/public/images/searchtab_map-active.png) no-repeat;
	color: #4083a9;
	text-shadow: 0 1px 0 #fff;
}
/*- Infofield -*/
.searchbox_tabs .tab_info {
	float: right;
	padding: 7px 0 0 0;
	font-size: 14px;
	color: #eee;
	text-shadow: 0 1px 0 #333;
}
/*- Container -*/
.searchbox {
	width: 668px;
	height: 47px;
	float: left;
	position: absolute;
	top: 49px;
	left: 15px;
	padding: 11px 10px 0 12px;
}
/*- Background -*/
.searchbox.type_1 {
	background: url(/public/images/searchbox_1.png) no-repeat;
}
.searchbox.type_2 {
	background: url(/public/images/searchbox_2.png) no-repeat;
}
/*- Input and Selects -*/
.searchbox div {
	margin: 0;
	float: left;
}
.searchbox div.select {
	margin: 4px 0 0 20px;
	padding: 0 0 0 15px;
	height: 25px;
	float: left;
	border-left: 1px solid #ccc;
}
.searchbox div input {
	width: 235px;
	margin: 5px 0 0 0;
	padding: 4px 0 2px 5px;
	border: none;
	color: #888;
	background: none;
}
.searchbox div select {
	width: 105px;
	padding: 1px 0 0 0;
	color: #888;
	border: none;
	background: #fff;
	margin: 3px 0 0 0;
}
/*- Submit -*/
.searchbox .submit {
	width: 120px;
	height: 33px;
	float: right;
	border: none;
	background: none;
	cursor: pointer;
	text-indent: -9999px;
}
/*-------- Listings --------*/
.list_container {
	width: 690px;
	margin: 0;
	float: left;
}
.list_item {
	width: 670px;
	height: 30px;
	padding: 11px 10px 0 10px;
	float: left;
	border-bottom: 1px solid #e8f0fa;
}
/*- Featured -*/
.list_item.featured {
	width: 670px;
	height: 65px;
	padding: 15px 10px 0 10px;
	float: left;
	border-bottom: 1px solid #e8f0fa;
}
.list_item.featured .logo {
	width: 95px;
	height: 41px;
	padding: 5px;
	float: left;
	text-align: center;
	background: url(/public/images/feauterd_logo.png) no-repeat;
}
.list_item.featured .logo span {
	vertical-align: middle;
}
.list_item.featured .logo img {
	vertical-align: middle;
}
.list_item.featured .info {
	width: 510px;
	height: 55px;
	float: right;
}
.list_item.featured .info .title {
	width: 510px;
	margin: 0 0 12px 0;
	font-size: 15px;
	line-height: 1.3em;
	font-weight: bold;
	float: left;
}
/*- Other -*/
.list_item div {
	float: left;
}
.list_item div.date {
	float: right;
	color: #aaa;
}
.list_item div.more {
	background: url(/public/images/job_more.gif) no-repeat;
	width: 20px;
	height: 16px;
	margin: 2px 0 0 0;
	cursor: pointer;
	float: left;
	text-indent: -9999px;
}
.list_item div.more.active {
	background: url(/public/images/job_more_active.gif) no-repeat;
}
.list_item div.fav_box {
	cursor: pointer;
}
.list_item.alt {
	background: #f5f9fd;
	text-shadow: 0 1px 0 #fff;
}
.list_item:hover {
	background: #fffff2;
	border-bottom: 1px solid #f1f1e4;
	color: #000;
}
.listing_more {
	width: 670px;
	padding: 10px;
	float: left;
	border-bottom: 1px solid #eee;
}
.listing_more span {
	height: 20px;
	margin: 0 30px 0 0;
	float: left;
}
.listing_more span strong {
	margin: 0 5px 0 0;
}
/*-------- Company profile listings ----------*/
.list_container .profile_company {
	width: 670px;
	height: 65px;
	padding: 15px 10px 0 10px;
	float: left;
	border-bottom: 1px solid #e8f0fa;
}
.list_container .profile_company.alt {
	background: #f5f9fd;
	text-shadow: 0 1px 0 #fff;
}
.list_container .profile_company:hover {
	background: #fffff2;
	border-bottom: 1px solid #f1f1e4;
	color: #000;
}
.list_container .profile_company .logo {
	width: 95px;
	height: 41px;
	padding: 5px;
	float: left;
	text-align: center;
	background: url(/public/images/feauterd_logo.png) no-repeat;
}
.list_container .profile_company .info {
	width: 540px;
	height: 55px;
	float: right;
}
.list_container .profile_company .info div {
	float: left;
}
.list_container .profile_company .info .title {
	width: 400px;
	margin: 0;
	line-height: 1.3em;
}
.list_container .profile_company .info .title a {
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin: 0;
}
.list_container .profile_company .info .jobs {
	width: 120px;
	float: right;
	text-align: center;
}
.list_container .profile_company .info .jobs strong {
	margin: 0 0 6px 0;
	display: block;
	color: #888;
}
.list_container .profile_company .info .jobs span {
	padding: 1px 10px 2px 10px;
	margin: 0 8px 5px 0;
	background: #C8E767;
	color: #fff;
	font-size: 22px;
	line-height: 1em;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 1px 1px #8ca149;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*-------- Single Job --------*/
/*- Meta -*/
.single_meta {
	width: 690px;
	float: left;
	margin: 0 0 20px 0;
	text-shadow: 0 1px 0 #fff;
	background: url(/public/images/single_meta.gif) no-repeat;
}
.single_meta .job_date {
	width: 44px;
	height: 40px;
	float: left;
	padding: 5px 8px;
	text-align: center;
	margin: 0 1px 0 0;
}
.single_meta .job_date .top {
	width: 100%;
	font-size: 26px;
	margin: 5px 0 1px 0;
	font-weight: bold;
	float: left;
}
.single_meta .job_date .bott {
	width: 100%;
	color: #999;
	letter-spacing: 1px;
	font-size: 12px;
	float: left;
	text-transform: uppercase;
	text-align: center;
}
.single_meta .info {
	width: 500px;
	height: 40px;
	padding: 5px 5px 5px 10px;
	margin: 0 1px 0 0;
	float: left;
}
.single_meta .info span {
	height: 20px;
	margin: 0;
	float: left;
	color: #205f82;
}
.single_meta .info span.info_left {
	width: 320px;
}
.single_meta .info span strong {
	margin: 0 5px 0 0;
	color: #666;
}
/*- Application box -*/
.application_box {
	width: 670px;
	padding: 50px 10px 0 10px;
	margin: 0;
	float: left;
	background: url(/public/images/apply_box.gif) no-repeat;
	position: relative;
}
.application_box_bottom {
	width: 690px;
	height: 10px;
	margin: 0 0 10px 0;
	float: left;
	background: url(/public/images/apply_box.gif) no-repeat bottom;
}
.application_header {
	width: 145px;
	height: 35px;
	position: absolute;
	top: 8px;
	left: -5px;
	background: url(/public/images/apply_header.png) no-repeat;
}
/*- Add File for Application -*/
#add_file, .file_type_info {
	margin: 0 0 0 15px;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	color: #4083a9;
}
.file_type_info {
	cursor: default;
}
.my_files {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 7px 0;
	padding: 0 0 0 24px;
	background: url(/public/images/icons/icon_document.gif) no-repeat -2px 2px;
}
.my_files .remove_file {
	margin: 0 0 0 10px;
}
/*- Actions Container -*/
.single_actions {
	width: 690px;
	float: left;
	padding: 15px 0 0 0;
	margin: 5px 0 0 0;
	border-top: 1px dotted #ccc;
}
/*- Action Print -*/
.print {
	width: 83px;
	height: 27px;
	float: right;
	padding: 8px 0 0 32px;
	margin: 0 0 0 15px;
	background: #eee url(/public/images/action_print.gif) no-repeat;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
}
.print:hover {
	color: #333;
}
/*- Action Apply -*/
.apply {
	width: 138px;
	height: 27px;
	float: right;
	padding: 8px 0 0 32px;
	margin: 0 0 0 15px;
	background: url(/public/images/action_apply.gif) no-repeat;
	font-weight: bold;
	font-size: 16px;
	color: #5c6a30;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
}
.apply:hover {
	color: #333;
}
/*-------- Meta Share and Fav --------*/
.single_fav_button {
	width: 56px;
	height: 41px;
	padding: 9px 0 0 0;
	float: left;
	color: #777;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.single_fav_button .icon {
	width: 56px;
	height: 19px;
	float: left;
}
.single_share_button {
	width: 56px;
	height: 22px;
	padding: 28px 0 0 0;
	float: right;
	color: #777;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.single_share_button:hover, .single_fav_button:hover {
	color: #333;
}
/*- Share -*/
.single_share_box {
	display: none;
	width: 200px;
	height: 225px;
	position: absolute;
	top: 101px;
	right: 5px;
	z-index: 5;
	margin: 0;
	color: #000;
	text-shadow: 0 1px 0 #888;
	font-size: 13px;
	background: url(/public/images/share_box.png) no-repeat;
}
.single_share_box a {
	color: #fff;
	text-shadow: 0 1px 0 #333;
}
.single_share_box a:hover {
	color: #000;
	text-shadow: 0 1px 0 #777;
}
.single_share_box .share_content {
	padding: 25px 20px 0 25px;
}
.single_share_box .share_content ul {
	margin: 12px 0 0 0;
	list-style-type: none;
}
.single_share_box .share_content ul li {
	margin: 0 0 8px 0;
	font-size: 13px;
}
.single_share_box .share_content ul li img {
	margin: 1px 10px 0 0;
	float: left;
}
/*-------- Single Company --------*/
/*- List and Icons -*/
#single_right ul.job_more {
	list-style-type: none;
	margin: 0 0 20px 0;
}
#single_right ul.job_more li {
	list-style-type: none;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #eee;
}
#single_right ul.job_more img {
	float: left;
	margin: 1px 10px 0 0;
}
#single_right strong {
	font-size: 14px;
	display: block;
	margin: 0 0 5px 0;
}
/*- Logo -*/
.right_logo {
	width: 190px;
	height: 85px;
	float: left;
	text-align: center;
	padding: 10px;
	background: #eee url(/public/images/right_logo.gif) no-repeat;
	margin: 0 0 15px 0;
}
/*- Company Name -*/
#single_right strong.right_companyname {
	display: block;
	font-size: 16px;
	padding: 0 0 3px 0;
	margin: 0 0 2px 0;
	border-bottom: 1px solid #eee;
}
/*- Right List -*/
#single_right ul.job_list {
	list-style-type: none;
	margin: 0;
}
#single_right ul.job_list li {
	list-style-type: none;
	padding: 4px 0 4px 0;
	border-bottom: 1px dotted #eee;
}
strong.right_smalltitle {
	display: block;
	font-size: 14px;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}
/*-------- Map Containers and Markers --------*/
#map_canvas {
	height: 230px;
}
#map_canvas_big {
	height: 550px;
}
.gmap_marker {
	font-size: 14px;
	font-weight: bold;
}
/*-------- Search Page -------*/
.search_categories {
	width: 300px;
	float: left;
}
.search_categories ul, .search_regions ul {
	margin: 0;
	font-size: 14px;
	list-style-type: none;
}
.search_categories ul li {
	padding: 3px 0 3px 25px;
	color: #888;
	background: url(/public/images/icons/tag_bullet.gif) no-repeat 0 4px;
}
.search_categories ul li a {
	font-weight: bold;
}
.search_regions {
	width: 300px;
	float: right;
}
.search_regions ul li {
	padding: 3px 0 3px 22px;
	color: #888;
	background: url(/public/images/icons/region_bullet.gif) no-repeat 0 4px;
}
.search_regions ul li a {
	font-weight: bold;
	margin: 0 5px 0 0;
}
/*-------- Subpages (Text content) ---------*/
ul.faq {
	list-style-type: none;
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: bold;
}
ul.faq li {
	padding: 4px 0 4px 24px;
	background: url(/public/images/icons/faq_bullet.gif) no-repeat 0 5px;
}
ul.content_list, .content_big ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	font-weight: bold;
}
ul.content_list li, .content_big ul li {
	padding: 3px 0 3px 22px;
	color: #888;
	background: url(/public/images/icons/region_bullet.gif) no-repeat 0 4px;
}
/*- Partner -*/
.bigger {
	font-size: 14px;
}
.partner_box {
	width: 690px;
	float: left;
	margin: 0 0 20px 0;
}
.partner_box .logo {
	width: 310px;
	float: left;
}
.partner_box .text {
	width: 370px;
	padding: 15px 0 0 0;
	float: right;
}
.partner_more {
	width: 690px;
	float: left;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	text-align: right;
}
/*------ Headings ------*/
.left_box h1 {
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 5px 0 15px 0;
	background: url(/public/images/heading_line.gif) repeat-x bottom;
	border-bottom: 1px solid #e3e3e3;
}
.left_box#backend_left h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 5px 0 15px 0;
	color: #666;
	border-bottom: 1px solid #e3e3e3;
}
.left_box h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.left_box h3.partner_count {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	color: #777;
	border-bottom: 1px solid #eee;
}
.left_box h3.partner_count strong {
	font-size: 20px;
	color: #333;
}
.rss_heading {
	width: 28px;
	height: 20px;
	float: right;
	text-indent: -8989px;
	background: url(/public/images/icons/icon_rss.gif) no-repeat bottom right;
}
.rss_heading:hover {
	background: url(/public/images/icons/icon_rss_hover.gif) no-repeat bottom right;
}
/*------ Image Scroller Featured Company -------*/
.prev {
	width: 17px;
	height: 17px;
	float: right;
	margin: 0 3px 6px 0;
	background: none;
	cursor: pointer;
}
.next {
	width: 17px;
	height: 17px;
	float: right;
	margin: 0 0 6px 0;
	background: none;
	cursor: pointer;
}
.scrollable { 
    position: relative; 
    overflow: hidden;          
    width: 240px;     
    height: 113px; 
	float: left;
	margin: 5px 0 0 0;
} 
.scrollable .items {      
    width: 20000em;     
    position: absolute;
} 
.scrollable .items div { 
    float: left; 
	width: 102px;
	height: 103px;
	padding: 5px;
	margin: 0 15px 0 0;
	background: url(/public/images/focus_image.png) no-repeat;
}
/*------ Standard Forms -------*/
.left_box dl {
	width: 690px;
	float: left;
	padding: 0;
	margin: 20px 0 10px 0;
} 
.left_box dl dt {
	width: 220px;
	float: left;
	font-weight: bold;
	color: #888;
	font-size: 16px;
	clear: both;
}
.left_box dl dd {
	width: 440px;
	float: right;
	color: #989898;
	font-size: 12px;
	position: relative;
}
.left_box dl dd.separator {
	width: 690px;
	float: left;
	border-bottom: 1px dotted #eee;
	margin: 0 0 15px 0;
}
.left_box dl dd .textfield {
	width: 434px;
	padding: 2px;
	color: #777;
	margin: 0 0 3px 0;
	font-size: 14px;
}
.left_box dl dd .textfield_postnr {
	width: 60px;
	padding: 2px;
	color: #777;
	margin: 0 15px 3px 0;
	font-size: 14px;
}
.left_box dl dd .textfield_small {
	width: 190px;
	padding: 2px;
	color: #777;
	margin: 0 0 3px 0;
	font-size: 14px;
}
.left_box dl dd .textfield_medium {
	width: 274px;
	padding: 2px;
	color: #777;
	margin: 0 0 3px 0;
	font-size: 14px;
}
.left_box dl dd .textfield_select {
	width: 280px;
	padding: 2px;
	color: #777;
	margin: 0 0 3px 0;
	font-size: 14px;
}
.left_box dl dd .textfield_mini {
	width: 90px;
	padding: 2px;
	color: #777;
	margin: 0 0 3px 0;
	font-size: 14px;
}
.left_box dl dd .textarea {
	width: 432px;
	height: 200px;
	padding: 2px;
	color: #777;
	margin: 0 0 3px 0;
	font-size: 14px;
}
.left_box dl dd #upload {
	float: left;
	margin: 0 0 15px 0;
}
.left_box dl dd #msgbox {
	position: absolute;
	top: 0;
	width: 82px;
	height: 30px;
	right: 72px;
	padding: 2px 0 0 0;
}
.left_box .submit {
	float: right;
	width: 160px;
	height: 30px;
}
.left_box .wysiwyg {
	float: left;
	width: 688px;
	margin: 0 0 20px 0;
}
.ui-datepicker-trigger {
	margin: 0 0 0 5px;
}
.charcount {
	float: right;
	color: #333;
}
.req {
	width: 16px;
	height: 16px;
	background: url(/public/images/icons/icon_req.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	left: -20px;
	cursor: help;
}
.req:hover {
	background: url(/public/images/icons/icon_req_hover.gif) no-repeat;
}
.req_span {
	width: 16px;
	height: 16px;
	background: url(/public/images/icons/icon_req.gif) no-repeat;
	cursor: help;
	float: left;
	margin: 1px 8px 0 0;
}
.req_span:hover {
	background: url(/public/images/icons/icon_req_hover.gif) no-repeat;
}
.messagebox {
	padding: 3px 0 0 3px;
}
.messageboxerror {
	width: 25px;
	height: 25px;
	float: left;
	padding: 0;
	background: url(/public/images/icons/icon_delete.gif) no-repeat 0 1px;
}
.messageboxok {
	width: 25px;
	height: 25px;
	float: left;
	padding: 0;
	background: url(/public/images/icons/status_1.gif) no-repeat 0 1px;
}
/*------ Messages ---------*/
.msg {
	width: 690px;
	padding: 10px 0 10px 0;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
	text-shadow: 0 1px 0 #fff;
}
.msg.ok {
	background: #dfefa1;
}
.msg.notok {
	background: #f4c5c6;
}
.msg.info {
	background: #f8f4c6;
}
.msg.empty {
	background: #f8f4c6;
	margin: 1px 0 0 0;
	border-bottom: 1px solid #efebbf;
}
/*- Validation -*/
#validation_errors {
	width: 660px;
	float: left;
	margin: 0 0 20px 0;
	padding: 15px 15px 5px 15px;
	text-shadow: 0px 1px 0px #fff;
	background: #eee url(/public/images/add_content_box.gif) no-repeat;
}
#validation_errors p {
	font-weight: bold;
	margin: 0 0 10px 0;
}
.selector {
	margin: 0;
}
/*-------- Credits --------*/
.cart_container {
	width: 690px;
	height: 44px;
	float: left;
	margin: 0 0 5px 0;
	padding: 15px 0 0 0;
	border-top: 1px dotted #eee;
}
.cart_desc {
	width: 690px;
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #888;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #eee;
}
.cart_desc div {
	float: left;
}
/*- Picker -*/
.credit_box {
	float: left;
	width: 95px;
	height: 44px;
	margin: 0 50px 0 0;
	background: url(/public/images/credits_box.gif) no-repeat;
}
.credit_box input {
	height: 44px;
	width: 55px;
	font-size: 26px;
	padding: 0;
	float: left;
	background: none;
	text-align: center;
	border: none;
	color: #666;
}
.credit_box .credit_buttons {
	width: 40px;
	height: 44px;
	float: right;
}
.credit_box .credit_buttons #credit_add {
	width: 40px;
	height: 22px;
	float: left;
	cursor: pointer;
	text-indent: -9999px;
}
.credit_box .credit_buttons #credit_remove {
	width: 40px;
	height: 22px;
	float: left;
	cursor: pointer;
	text-indent: -9999px;
}
/*- Price, Discount, Total -*/
.cart_price_st {
	width: 180px;
	height: 44px;
	font-size: 42px;
	padding: 0;
	line-height: 1.1em;
	font-weight: bold;
	float: left;
}
.cart_price_discount {
	width: 130px;
	height: 44px;
	font-size: 42px;
	padding: 0;
	line-height: 1.1em;
	font-weight: bold;
	float: left;
}
.cart_price_total {
	width: 180px;
	height: 44px;
	font-size: 42px;
	padding: 0;
	line-height: 1.1em;
	font-weight: bold;
	float: left;
}
/*-------- Bookmarklet -----*/
.bookmarklet {
	width: 210px;
	height: 27px;
	float: left;
	background: url(/public/images/bookmarklet.gif) no-repeat;
	padding: 8px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 0 #EAF7FF;
}
/*-------- Footer --------*/
#footer {
	width: 980px;
	float: left;
	text-shadow: 0 1px 0 #fff;
}
#footer_container {
	width: 960px;
	float: left;
	padding: 20px 0 0 20px;
	background: #ced2d5 url(/public/images/footer.gif) no-repeat center top;
}
#footer_bottom {
	width: 980px;
	height: 17px;
	float: left;
	background: #ced2d5 url(/public/images/footer.gif) no-repeat center bottom;
	margin: 0 0 5px 0;
}
.footer_box {
	width: 210px;
	float: left;
	font-weight: bold;
	margin: 0 30px 0 0;
}
.footer_box h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 7px 0;
}
.footer_box ul {
	list-style-type: none;
	margin: 0;
}
.footer_box ul li {
	margin: 0 0 2px 0;
}
.footer_logo {
	width: 300px;
	height: 25px;
	text-align: right;
	padding: 0;
	float: right;
	font-size: 11px;
}
.footer_logo img {
	float: right;
	margin: 0 0 0 4px;
}