﻿/******************************************
	basic definitions
*******************************************/
h1
{
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2
{
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}
BODY
{
	margin: 0px 0px 0px 0px;
	background-repeat: repeat-y;
	text-align: left;
}
A
{
	color: #274A65;
	text-decoration: underline;
}
table, div { text-align: left; }
.navboxsub A
{
	text-decoration: none;
}
.navbox A
{
	text-decoration: none;
}

A:hover
{
	color: #627A93;
	text-decoration: underline;
}
A.inactive
{
	color: #ffffff;
}
A.active
{
	color: #f7e565;
	font-weight: bold;
}
A.active:hover
{
	color: #f7e565;
	text-decoration: underline;
}
A.inactive:hover
{
	color: #f7e565;
	text-decoration: underline;
}
img.linkprefix
{
	margin-bottom: -4px;
	margin-right: 3px;
	margin-left: -3px;
}

Table, td, th
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

IMG
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
}
HR
{
	color: #7d97ba;
}
LI
{
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
UL
{
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	background-image: none;
	margin: 0px;
}

H2 /*content-teaser homepage (title)*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	color: #212121;
	padding: 0px 0px 0px 0px;
	background-image: none;
	margin: 0px;
}

H3 /*menu level 0*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	background-image: none;
	margin: 0px;
}

H4 /*menu level 1*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	background-image: none;
	margin: 0px;
}

H5
{
	font-weight: normal;
	font-size: 10px;
	color: #00204e;
}

P
{
	font-size: 11px;
	line-height: 15px;
}


input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}


/************************************
	Forms
************************************/
.FormLeftColum170Width
{
	width: 170px;
}

/* Form separator */
.FormBottomLineSpace
{
	border-bottom: dashed 1px #B9B9B9;
	padding-bottom: 5px;
}
.FormBottomLine, tr.FormBottomLine td, tr.FormBottomLine th
{
	border-bottom: dashed 1px #B9B9B9;
}
.FormTopLine
{
	border-top: dashed 1px #B9B9B9;
}
/************************************/

.bgclrdarkblue
{
	background-color: #001B36;
}
.bgclrmediumblue
{
	background-color: #7d97ba;
}
.bgclryellow
{
	background-color: #f8dd51;
}
.bgclryellowpic
{
	background: url(/JS24Web/Images/2/bgyellow.gif) repeat-x;
}
.toppadding
{
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}
.bgclrlightyellow
{
	background-color: #EBD949;
}
.bgclrlightblue
{
	background-color: #ACB8CA;
}
.bgclrwhite
{
	background-color: #ffffff;
}
.bgclrlighterblue
{
	background-color: #f5f8fa;
}



td
{
	font-size: 11px;
}

input
{
	font-family: Verdana;
	font-size: 11px;
	vertical-align: middle;
}

img
{
	border-style: none;
}

select
{
	font-family: Verdana;
	font-size: 11px;
}

/* ********************************** */
.teaserBoxRight
{
	width: 220px;
	vertical-align: top;
}

/************************************
	WARNING / INFO
*/
.box_warning, .box_info
{
	width: 100%;
	background-color: #FFFFFF;
}
.box_warning
{
	border: solid 1px #DF0000;
}
.box_info
{
	border: solid 1px #526BB5;
}
.box_warning .box_warningtitle
{
	background-color: #DF0000;
	color: white;
	padding-left: 12px;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}

.box_info .box_warningtitle
{
	background-color: #526BB5;
	color: white;
	padding-left: 12px;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}
.box_info .box_warningcontent_left, .box_warning .box_warningcontent_left
{
	padding-top: 4px;
	padding-left: 12px;
	padding-right: 4px;
	vertical-align: top;
}
.box_info .box_warningcontent, .box_warning .box_warningcontent
{
	padding-top: 4px;
	padding-left: 4px;
}
.box_info .box_warningcontent
{
}
.box_warning .box_warningcontent
{
	color: #DF0000;
}
/*
	END WARNING / INFO
************************************/


.linkbutton
{
	border: 0px solid;
	background-color: Transparent;
	overflow: visible;
	margin-left: 0px;
	margin-right: 0px;
	cursor: pointer;
	text-decoration: underline;
	font-weight: bold;
}

.defaultBox
{
	background-color: #EBF1FB;
}

.Box
{
	background-color: #FFFFFF;
	border: 1px solid #E4E4E4;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
}

.BoxHeadline
{
	background-color: #B9B9B9;
	color: #FFFFFF;
	height: 20px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 12px;
}

.BoxHeadlineDark
{
	background-color: #00204E;
	color: White;
	font-weight: bold;
	height: 20px;
	width: 676px;
	padding-top: 4px;
	padding-left: 4px;
}

.DivBoxHeadlineDark
{
	border-color: #00204E;
	border-style: solid;
	border-top-style: none;
	border-width: 1px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
}

.headline
{
	color: red;
	font-size: 12px;
	padding-left: 4px;
}

.Warning
{
	color: #954B32;
	background-color: #DF0000;
	width: 672px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 4px;
}

.Info
{
	color: #333300;
	background-color: #B6B76A;
	width: 672px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 4px;
}

.leiste
{
	background-color: #00204E;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-style: none;
}
.dachleiste
{
	height: 26px;
	padding: 0px;
}
.logoflaeche
{
	height: 90px;
	width: 180px;
	vertical-align: middle;
	text-align: center;
}
.bannerflaeche
{
	height: 76px;
	padding: 0px;
	vertical-align: bottom;
}
.haupttabelle
{
	margin: 7px;
	border-collapse: collapse;
}
.breadcrumbflaeche
{
	height: 11px;
	width: 854px;
	padding-bottom: 10px;
}
.footertext
{
	font-size: 10px;
}
.marketingteaser
{
	text-align: right;
	font-size: 10px;
}
.horiznavflaeche
{
	height: 48px;
	width: 854px;
}
.vertnavflaeche
{
	width: 165px;
}
.contentflaeche
{
	width: 640px;
}
.skyscraperflaeche
{
	width: 160px;
}


/******************************************
	div defnitions
*******************************************/
#footer
{
	width: 690px;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

#links
{
	padding: 2px;
}

#links ul
{
	margin: 0px;
	padding: 0px;
}

#links ul li
{
	display: inline;
	padding-right: 0px;
	padding-left: 0px;
}


#links ul li a:link, #links ul li a:visited
{
	text-decoration: none;
	padding: 1px 1px !important;
	color: #006;
	font-weight: bold !important;
	font-size: 10px;
}

#links ul li a:hover
{
	color: #000000;
}

#copyright
{
	color: #999;
	font-size: 10px;
}



/******************************************
	masterpage definitions
*******************************************/

div#tjsQL div.content { background-image: url(/JS24Web/Images/2/img_bg_berufsgruppen2.png); background-repeat: no-repeat; }
div#quicklinkbox div#tableTopic td.qlcolumn, div#quicklinkbox div#tableMinTopic td.qlcolumn { width: 50%; }
div#quicklinkbox div#tableAll td.qlcolumn, div#quicklinkbox div#tableMinAll td.qlcolumn { width: 25%; }
div#quicklinkbox td.qlcolumn a
{
    background: transparent url(/JS24Web/Images/2/img_arrow.png) no-repeat scroll 2px 3px;
    padding-left: 22px;
    padding-bottom: 1px;
    display: inline-block;
}
.quickLinkHead { padding: 15px; }
.quickLinkToggler { float: right; padding-right:2px; }
div.quickLinkHead h2.box_headline { font-size: 16px; }

.master_topRow
{
	height: 18px;
	background-color: #00204E;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 11px;
}

.master_logo
{
	width: 180px;
	height: 80px;
	padding: 0px 0px 3px 0px;
	vertical-align: middle;
	text-align: center;
	background-color: #00204E;
}

.master_bannerTop
{
	width: 100%;
	height: 80px;
	background-color: #00204E;
}

.master_bannerRight
{
	width: 160px;
	background-color: #ffffff;
	vertical-align: top;
	padding-top: 27px;
}

.master_breadcrumb
{
	padding-top: 1px;
	padding-bottom: 7px;
	background-color: #f8dd51;
	font-size: 9px;
}
.master_breadcrumb a
{
	font-size: 9px;
}

.master_status
{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	font-size: 10px;
}

.master_navTop
{
	width: 854px;
	height: 48px;
}

.master_navLeft
{
	width: 165px;
	background-color: #FFFFFF;
	vertical-align: top;
}

.master_content
{
	/*width: 672px;*/
	width: 640px;
	background-color: #ffffff;
	vertical-align: top;
	/*padding-left: 10px;*/
	padding-right: 8px;
	padding-top: 8px;
}

.master_publisher_content
{
	width: 844px;
	background-color: #ffffff;
	vertical-align: top;
}


A.link_navi_00
{
	color: #ffffff;
	text-decoration: none;
}

A.link_navi_aktiv
{
	color: #00204E;
	text-decoration: none;
}
A.link_navi_aktiv:hover
{
	color: #00204E;
	text-decoration: none;
}
A.link_navi_00:link
{
	color: #ffffff;
	text-decoration: none;
}
A.link_navi_00:hover
{
	color: #00204E;
	text-decoration: none;
}
A.link_navi_01:hover
{
	color: #00204E;
	text-decoration: none;
}
.navi_00, .navi_00_right, .navi_00_aktiv, .navi_00_left
{
	font-weight: bold;
	height: 20px;
	text-align: center;
	padding-bottom: 5px;
}
.navi_00
{
	color: White;
	border-left: groove 2px #FFFFFF;
	border-right: solid 1px #B9B9B9;
	border-top: solid 1px #B9B9B9;
	border-bottom: solid 1px gray;
	background: #B9B9B9;
}
.navi_00_left
{
	color: White;
	border-left: solid 1px #B9B9B9;
	border-right: solid 1px #B9B9B9;
	border-top: solid 1px #B9B9B9;
	border-bottom: solid 1px gray;
	background: #B9B9B9;
}
.navi_00_right
{
	color: White;
	border-right: solid 1px #B9B9B9;
	border-left: groove 2px #FFFFFF;
	border-top: solid 1px #B9B9B9;
	border-bottom: solid 1px gray;
	background: #B9B9B9;
}
.navi_00_rest
{
	font-weight: bold;
	border-left: #ffffff 2px solid;
	height: 24px;
}
.navi_00_aktiv
{
	border-right: solid 1px #B9B9B9;
	border-left: solid 1px #B9B9B9;
	border-top: solid 1px #B9B9B9;
	background: white;
}
.navi_01
{
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	vertical-align: middle;
	border-left: #ffffff 2px solid;
	padding-top: 0px;
	height: 24px;
	background-color: #d9e1f0;
}
.navi_ag
{
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	vertical-align: middle;
	border-left: #ffffff 2px solid;
	padding-top: 0px;
	height: 24px;
	background-color: #ffd4a4;
}


/**********************************
    LOGIN
**********************************/
.box_logintitle_medium
{
	width: 331px;
	background: #B9B9B9;
	color: White;
	font-weight: bold;
	height: 18px;
	padding: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 4px;
}

.login_textbox_medium
{
	width: 317px;
}

.box_table_login_medium
{
	margin: 0px;
	vertical-align: top;
	padding: 4px;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	background-color: #E4E4E4;
	width: 335px;
}
.login_error_medium
{
	width: 335px;
}

.box_logintitle_small
{
	width: 160px;
	background: #B9B9B9;
	color: White;
	font-weight: bold;
	height: 18px;
	padding: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 4px;
}

.login_textbox_small
{
	width: 146px;
}


.box_table_login_small
{
	margin: 0px;
	vertical-align: top;
	padding: 4px;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	background-color: #E4E4E4;
	width: 164px;
}
.login_error_small
{
	width: 164px;
}
.box_logintitle
{
	background: #B9B9B9;
	color: White;
	font-weight: bold;
	height: 18px;
	padding: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 4px;
}

.box_table_login
{
	margin: 0px;
	vertical-align: top;
	padding: 4px;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	background-color: #E4E4E4;
}

.box_login_row
{
	padding-top: 2px;
	padding-bottom: 4px;
}

/******************************************
	Tables
*******************************************/

.box_table
{
	margin: 0px;
	vertical-align: top;
	padding: 0px;
	border-collapse: collapse;
}
.box_image
{
	height: 70px;
}
.headline_link
{
	font-size: 12px;
	color: #3131ce;
	font-weight: bold;
	text-decoration: none;
}
.box_imagetitle
{
	background: #94A6CE no-repeat right top;
	color: White;
	font-weight: bold;
	height: 38px;
	padding: 4px;
	vertical-align: top;
}
.box_inlinetitle
{
	font-weight: bold;
	color: #00204E;
}


.box_blue
{
	width: 100%;
	background-color: #E4E4E4;
}


.box_bluecontent, tr.box_bluecontent td
{
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
}


.box_bluecontent_checkbox
{
	padding-top: 4px;
	padding-right: 4px;
}

.box_bluetitle, tr.box_bluetitle td, tr.box_bluetitle th
{
	background-color: #B9B9B9;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
}

.box_bluecontent_leftspace
{
	padding-top: 4px;
	padding-left: 12px;
	padding-right: 4px;
}
.box_bluecontent_leftspace_checkbox
{
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 8px;
}

.box_bluetitle_leftspace
{
	background-color: #B9B9B9;
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 4px;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}

.box_bluecontent_bottomspace
{
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #B9B9B9;
}

.box_lightblue
{
	width: 100%;
	background-color: #E4E4E4;
}

.box_lightbluecontent
{
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.box_lightbluetitle
{
	background-color: #B9B9B9;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
}

.box_lightbluecontent_leftspace
{
	padding-top: 4px;
	padding-left: 12px;
	padding-right: 4px;
}

.box_lightbluetitle_leftspace
{
	background-color: #B9B9B9;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	vertical-align: middle;
	padding-left: 12px;
	padding-right: 4px;
}

.box_lightbluecontent_bottomspace
{
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #B9B9B9;
}
/*************
CONTENT BOXEN
*************/

table.imagebox
{
}
td.imagebox_img
{
	padding: 0px 0px 0px 0px;
	background-color: #E4E4E4;
}

td.imagebox_text, td.imagebox_text_alternate
{
	padding-left: 10px;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	vertical-align: top;
	padding-top: 4px;
}
td.imagebox_text_alternate
{
	background-color: #E4E4E4;
}
td.imagebox_text b, td.imagebox_text_alternate b
{
	line-height: 20px;
}


div.area_blue
{
	background-color: #E4E4E4;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
}

div.area_blue h3
{
	font-size: 11px;
	font-weight: bold;
	color: #274A65;
	margin: 0;
}


div.area_bluetitle
{
	background-color: #B9B9B9;
	color: white;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	vertical-align: middle;
	padding-left: 12px;
	padding-top: 4px;
}

div.area_lightblue
{
	background-color: #E4E4E4;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
}

div.area_lightbluetitle
{
	background-color: #B9B9B9;
	color: white;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	vertical-align: middle;
	padding-left: 12px;
	padding-top: 4px;
}

div.box_content
{
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 12px;
	padding-right: 4px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #B9B9B9;
	border-right: solid 1px #B9B9B9;
	border-left: solid 1px #B9B9B9;
}


div.box_contenttitle
{
	background-color: #B9B9B9;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.box_inline td
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
}

.box_jobs
{
	border-right: solid 1px #B9B9B9;
	border-left: solid 1px #B9B9B9;
}

.box_jobs td
{
	padding-left: 10px;
}
.box_jobs_row
{
	border-bottom: solid 1px #B9B9B9;
}

/**************
ENDE CONTENT BOXEN
**************/

/*


.master_content .Maincontent
{
	background-color: #E4E4E4;
}

.master_content .Maincontent p
{
	
	padding-left:12px;
}

.master_content .Maincontent table tbody tr td
{
		padding-left:12px;
	}
.master_content .Maincontent table tbody tr td table td
{
		padding-left:0px;
	}
	*/
.box_gray
{
	width: 100%;
	background-color: #F4F4F4;
}

.box_gray td
{
	padding-left: 4px;
}

.box_graycontent
{
	padding-top: 4px;
}

.box_graytitle
{
	background-color: #CCCCCC;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}

.box_orange
{
	width: 100%;
	background-color: #E4E4E4;
}


.box_orangecontent
{
	padding-top: 4px;
	padding-left: 4px;
}

.box_orangetitle
{
	background-color: #B9B9B9;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-left: 4px;
}

.box_white
{
	border-right: #B9B9B9 1px solid;
	border-left: #B9B9B9 1px solid;
	border-bottom: #B9B9B9 1px solid;
	width: 100%;
	/*background-color: #FAFAFA;*/
}

.box_whitecontent, tr.box_whitecontent td
{
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden;
}
.box_whitetitle, tr.box_whitetitle td, tr.box_whitetitle th
{
	background-color: #B9B9B9;
	color: White;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
}
.box_whitecontent_leftspace
{
	padding-top: 4px;
	padding-left: 12px;
	padding-right: 4px;
}

.box_whitecontent_leftalign
{
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 4px;
}

.box_whitetitle_leftspace
{
	background-color: #B9B9B9;
	color: White;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-left: 12px;
	padding-right: 4px;
}
.box_whitecontent_bottomline, .box_whitecontent_bottomspace
{
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
}
.box_whitecontent_bottomline
{
	border-bottom: dashed 1px #B9B9B9;
}

.box_green
{
	width: 100%;
	background-color: #EDF5F7;
}

.box_green td
{
	padding-left: 4px;
}

.box_greencontent
{
	padding-top: 4px;
}
.box_greentitle
{
	background-color: #94C4CE;
	color: White;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}

.list_table
{
	background-color: #EBF1FB;
	border-collapse: collapse;
}
.list_title
{
	background: #94A6CE;
	color: White;
	font-weight: bold;
	height: 20px;
}
.list_row
{
	height: 20px;
	background-position: bottom;
	background-color: #EBF1FB;
	background-image: url(listback.gif);
}

/* jms promo teaser (homepage) */

.jms_promo_teaser_text
{
	color: #FF6600;
}
.jms_promo_teaser_text a, .jms_promo_teaser_text a:hover
{
	text-decoration: underline;
	color: #000000;
}
.jms_promo_teaser_search
{
	border: solid 1px #94A6CE;
}

/*********************************************************
*   ApplyForm
*********************************************************/
.applyform_outerbox
{
	border: solid 1px #94A6CE;
	margin-top: 8px;
}
.applyform_box
{
	width: 100%;
	margin: 0px;
	vertical-align: top;
	padding: 0px;
	border-collapse: collapse;
	text-align: left;
}
.applyform_header
{
	background-color: #94A6CE;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	color: White;
}
.applyform_attributes
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.applyform_content
{
	/* padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px; */
}
.applyform_content textarea
{
	width: 616px;
	margin-top: 5px;
	/* padding-right: 10px; */
}

.applyform_jobtext
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.applyform_upload_box
{
	margin: 3px 0 0;
	vertical-align: top;
	padding: 0px;
	border-collapse: collapse;
	text-align: left;
}

.applyform_file_box
{
	margin: 7px 0px 0px 0px;
	vertical-align: top;
	padding: 0px;
	border-collapse: collapse;
	text-align: left;
}
.applyform_upload_row
{
	/* padding-left: 10px; */
}
.applyform_upload_alt_row
{
	/* padding-left: 10px; */
}

.applyform_upload_field
{
	width: 400px;
}

.sitemap_catlist_title
{
	margin-bottom: 4px;
	margin-top: 12px;
	font-weight: bold;
}

.sitemap_catlist
{
}

.searchbuttoncell
{
	vertical-align: bottom;
	text-align: right;
}

/*****************/
/* CONTAINER CSS */
/*****************/

/* \*/
* html .tlc, 
* html .trc, 
* html .tlc-sub, 
* html .trc-sub {height: 1%;}
/* */

.tlc, .trc, .tlc-sub, .trc-sub { zoom: 1 }

.tlc, .trc, .blc, .brc, .tlc-sub, .trc-sub, .blc-sub, .brc-sub
{
	background-color: transparent;
	background-repeat: no-repeat;
}

.tlc, .tlc-sub
{
	background-position: 0% 0%;
}

.trc, .trc-sub
{
	background-position: 100% 0%;
}
	
.blc, .blc-sub
{
	background-position: 0% 100%;
}

.brc, .brc-sub
{
	background-position: 100% 100%;
}

.tb, .bb, .tb-sub, .bb-sub
{
	background-color: transparent;
	background-repeat: repeat-x;
}
			
.tb, .tb-sub
{
	background-position: 0% 0%;
}

.bb, .bb-sub
{
	background-position: 50% 100%;
}
	
.rb, .rb-sub
{
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

.lb, .lb-sub
{
	background-position: 0% 100%;
	background-repeat: repeat-y;
}
/*-TABLE----------------------------------*/
table.containerTable
{
	padding:15px 15px 15px 15px;
}
/*---END OF TABLE---*/	

/*-BOX BLUE----------------------------------*/
/*.box-blue .tlc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-tlc.gif);}
.box-blue .trc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-trc.gif); }
.box-blue .blc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-blc.gif);}
.box-blue .brc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-brc.gif);}
.box-blue .tb {	background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-tb.gif);}
.box-blue .bb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-bb.gif);}
.box-blue .rb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-r.gif);}
.box-blue .lb { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-l.gif);}
/*---END OF BOX BLUE---*/	

/*-BOX BLUE----------------------------------*/
.box-blue-tab .tlc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-tlc.gif);}
.box-blue-tab .trc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-trc.gif); }
.box-blue-tab .blc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-blc.gif);}
.box-blue-tab .brc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-brc.gif);}
.box-blue-tab .tb {	background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-tb.gif);}
.box-blue-tab .bb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-bb.gif);}
.box-blue-tab .rb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-r.gif);}
.box-blue-tab .lb { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-l.gif);}
.box-blue-tab { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-bkg.gif); border: none !important; }
.box-blue 
{
	/*background-color: #E5EAF0;*/
	border:1px solid #B9B9B9;
	text-align: left;
}
.box-blue h2, .box-blue h1
{
	/*color:#003468;*/
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	text-align: left;
}
/*---END OF BOX BLUE---*/	

/*-BOX DARK----------------------------------*/
.box-dark .tlc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_tlc_sq.png);}
.box-dark .trc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_trc.png); }
.box-dark .blc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_blc.png);}
.box-dark .brc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_brc.png);}
.box-dark .tb {	background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_tb.png);}
.box-dark .bb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_bb.png);}
.box-dark .rb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_rb.png);}
.box-dark .lb { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_lb.png);}
.box-small-search { background-image:url(/JS24Web/Images/Facelift09/Containers/backgrounds/bkg-search.png); border: none !important; }
.box-search { background:url(/JS24Web/Images/Facelift09/Containers/backgrounds/bkg-large-search.png) no-repeat top left; background-color:#E8ECF8; border: none !important; }
.box-search .content{}
/*---END OF BOX DARK---*/	

/*-BOX DARK SUB------------------------------*/
.box-dark-sub .tlc-sub { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_tlc_sq.png);}
.box-dark-sub .trc-sub { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_trc.png); }
.box-dark-sub .blc-sub { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_blc.png);}
.box-dark-sub .brc-sub { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_brc.png);}
.box-dark-sub .tb-sub {	background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_tb.png);}
.box-dark-sub .bb-sub  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_bb.png);}
.box-dark-sub .rb-sub  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_rb.png);}
.box-dark-sub .lb-sub { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/dark/d_lb.png);}
.box-small-search { background-image:url(/JS24Web/Images/Facelift09/Containers/backgrounds/bkg-search.png); border: none !important; }
.box-search { background:url(/JS24Web/Images/Facelift09/Containers/backgrounds/bkg-large-search.png) no-repeat top left; background-color:#E8ECF8; border: none !important; }
.box-search .content{}/*---END OF BOX DARK SUB---*/	

/*-BOX WHITE----------------------------------*/
.box-white .tlc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-tlc.gif);}
.box-white .trc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-trc.gif); }
.box-white .blc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-blc.gif);}
.box-white .brc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-brc.gif);}
.box-white .tb {	background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-tb.gif);}
.box-white .bb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-bb.gif);}
.box-white .rb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-r.gif);}
.box-white .lb { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-l.gif);}
/*---END OF BOX WHITE---*/	

/*-BOX WHITE----------------------------------*/
.box-white-tab .tlc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-tlc.gif);}
.box-white-tab .trc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-trc.gif); }
.box-white-tab .blc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-blc.gif);}
.box-white-tab .brc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-brc.gif);}
.box-white-tab .tb {	background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-tb.gif);}
.box-white-tab .bb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-bb.gif);}
.box-white-tab .rb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-r.gif);}
.box-white-tab .lb { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-l.gif);}
.box-white-tab { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-bkg.gif); border: none !important; }
.box-white 
{
	background-color: #FFFFFF;
	text-align: left;
}
.box-white h1 ,.box-white h2 
{
	color:#003468;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	text-align: left;
}
/*---END OF BOX WHITE---*/	

/*-BOX GRAY----------------------------------*/
.box-gray .tlc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-tlc.gif);}
.box-gray .trc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-trc.gif); }
.box-gray .blc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-blc.gif);}
.box-gray .brc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-brc.gif);}
.box-gray .tb {	background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-tb.gif);}
.box-gray .bb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-bb.gif);}
.box-gray .rb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-r.gif);}
.box-gray .lb { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue/blue-l.gif);}
/*---END OF BOX GRAY---*/	

/*-BOX GRAY----------------------------------*/
.box-gray-tab .tlc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-tlc.gif);}
.box-gray-tab .trc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-trc.gif); }
.box-gray-tab .blc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-blc.gif);}
.box-gray-tab .brc { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-brc.gif);}
.box-gray-tab .tb {	background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-tb.gif);}
.box-gray-tab .bb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-bb.gif);}
.box-gray-tab .rb  { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-r.gif);}
.box-gray-tab .lb { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-l.gif);}
.box-gray-tab { background-image:url(/JS24Web/Images/Facelift09/Containers/corners/blue-bkg.gif); border: none !important; }
.box-gray 
{
	background-color: #E4E4E4;
	text-align: left;
}
.box-gray h1 ,.box-gray h2 
{
	color:#003468;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	text-align: left;
}
/*---END OF BOX GRAY---*/	

	
.breadcrumb-container
{
	padding: 7 0;
}

.breadcrumb 
{
	padding: 0 0 0 3;
}

.footer { width:992px; margin-top:10px;text-align:center;}
.footer a { color: #666666; }


.box-theme 
{
	width:199px;
	margin-right:15px;
	float:left;
	border-collapse:collapse 
}

.box-theme .content
{
	min-height:240px;
	height:240px;
	width:199px;
	max-height:240px;	
}	

.box-theme .last
{
	margin-right:0px;
}

.box-theme img
{
	width:198px !important;
	height:62px;
}

.box-theme .boxhead, .box-advice .boxhead, .box-header .boxhead
{
	/*background: url(/JS24Web/Images/Facelift09/Containers/headers/gray-r.png) no-repeat top right;	*/
}

.box-theme .boxhead h1, .box-header .boxhead h1, .box-advice .boxhead h1,
.box-theme .boxhead h2, .box-header .boxhead h2, .box-advice .boxhead h2 {
	/*background: url(/JS24Web/Images/Facelift09/Containers/headers/gray-l.png) no-repeat top left;	
	color: #333366;*/
	display:block;
}

.boxcontent{padding:15px;}

.box-advice .content
{
	height: 286px;
	min-height: 286px;
	max-height: 286px;
}

.sidebox .boxhead
{
	/*background: url(/JS24Web/Images/Facelift09/Containers/a-sbhead-r.gif) no-repeat top right;	*/
}


.sidebox .boxhead a 
{
	font-size: 12px;
	/*color:White;*/
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	/*background: url(/JS24Web/Images/Facelift09/Containers/a-sbhead-l.gif) no-repeat top left;*/
}

/*-BOX HEADER BLUE----------------------------------*/
.box-headerblue .boxhead
{
	/*background: url(/JS24Web/Images/Facelift09/Containers/headers/blue-r.png) no-repeat top right;*/
	font-weight:bold;
	background-color: #B9B9B9;
	height:23px;
}

.box-headerblue .boxhead h1,.box-headerblue .boxhead h2{
	/*background: url(/JS24Web/Images/Facelift09/Containers/headers/blue-l.png) no-repeat top left;	*/
	color:White;
	padding-left:15px;
	font-size:12px;
	text-align: left;
}

.bluegradient{
	background-color: #E4E4E4;
	/*background: #E5EAF0 url(/JS24Web/Images/Facelift09/Containers/gradient/bg_gradient_blue_200px.gif) repeat-x left top;*/
}

.box-headerblue-2 .boxhead 
{
	/*background:transparent url(/JS24Web/Images/Facelift09/Containers/headers/blue_2-r.png) no-repeat scroll right top;*/
	font-weight:bold;
	height:24px;
}
.box-headerblue-2 .boxhead h1, .box-headerblue-2 .boxhead h2
{
	/*background:transparent url(/JS24Web/Images/Facelift09/Containers/headers/blue_2-l.png) no-repeat scroll left top;*/
	/*color:White;*/
	padding-left:15px;
	text-align:left;
}
.box-headerblue-3 .boxhead 
{
	/*background:transparent url(/JS24Web/Images/Facelift09/Containers/headers/blue_3-r.png) no-repeat scroll right top;*/
	font-weight:bold;
	height:24px;
}
.box-headerblue-3 .boxhead h1 ,.box-headerblue-3 .boxhead h2
{
	/*background:transparent url(/JS24Web/Images/Facelift09/Containers/headers/blue_3-l.png) no-repeat scroll left top;*/
	/*color:#003468;*/
	font-size:13px;
	padding-left:10px;
	padding-top:3px;
	text-align:left;
}

/*-END OF BOX HEADER BLUE----------------------------------*/



/*-BOX HEADER ORANGE----------------------------------*/
.box-headerorange .boxhead
{
	/*background: url(/JS24Web/Images/Facelift09/Containers/headers/orange-r.png) no-repeat top right;*/
	height:24px;	
	font-weight:bold;
}

.box-headerorange .boxhead h1,.box-headerorange .boxhead h2
{
	/*background: url(/JS24Web/Images/Facelift09/Containers/headers/orange-l.png) no-repeat top left;	*/
	/*color:White;*/
	padding-left:10px;
	font-size:13px;
	padding-top:3px;
}

.orangegradient
{
    background: #FFF1E5 url(/JS24Web/Images/Facelift09/Containers/gradient/bg_gradient_orange_200px.gif) repeat-x left top;
}
/*-END OF BOX HEADER ORANGE ----------------------------------*/
.boxheadnone
{
}
.boxheadnone h1,.boxheadnone h2{
	/*color:#003468;*/
	font-size:13px;
	padding-top:3px;
	padding-left:0px;
}

/*-BOX HEADER GRAY ----------------------------------*/
.box-headergray .boxhead
{
	/*background: url(/JS24Web/Images/Facelift09/Containers/headers/gray-r.png) no-repeat top right;*/
	height:24px;	
	font-weight:bold;
}

.box-headergray .boxhead h1,
.box-headergray .boxhead h2,
.box-headergray .boxhead span
{
	/*background: url(/JS24Web/Images/Facelift09/Containers/headers/gray-l.png) no-repeat top left;	*/
	/*color:White;*/
	padding-left:10px;
	font-size:13px;
	padding-top:3px;
}

.graygradient
{
    background: #EEEEEE url(/JS24Web/Images/Facelift09/Containers/gradient/bg_gradient_grey_200px.gif) repeat-x left top;
}

/*-END OF BOX HEADER GRAY ----------------------------------*/
.graynone
{
    background-color:#E4E4E4;
}
/************/
/* GRID CSS */
/************/

/* --------------------------------------------------------------

	grid.css
	* Sets up an easy-to-use grid of 24 columns.
	
	By default, the grid is 950px wide, with 24 columns
	spanning 30px, and a 10px margin between columns.
	
	If you need fewer or more columns, namespaces or semantic
	element names, use the compressor script (lib/compress.rb)
	
	Note: Changes made in this file will not be applied when
	using the compressor: make changes in lib/blueprint/grid.css.rb
	
-------------------------------------------------------------- */
 
body
{
	/*text-align:left;	*/
	padding: 0px;
	margin: 0px;
}
/* A container should group all your columns. */
.grid_container {
  width: 992px;
  margin: 0 auto;
  text-align:left;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-nav, div.span-main, div.span-skyscraper, div.span-content, div.span-breadcrumb,div.span-status,div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 15px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-nav { width:176px; }
.span-main { width: 801px; }
.span-content { width:626px; }
.span-breadcrumb { /* width: 502px; */ }
.span-status { width: 402px; }
.span-skyscraper { width:160px; }
.span-footer  
{
	width:992px; 
	margin:0;
	background-image: url(/JS24Web/Images/1/img_bg_fotter.png);
}

.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:992px; margin:0; }

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}

input.span-1, textarea.span-1 { width: 18px!important; }
input.span-2, textarea.span-2 { width: 58px!important; }
input.span-3, textarea.span-3 { width: 98px!important; }
input.span-4, textarea.span-4 { width: 138px!important; }
input.span-5, textarea.span-5 { width: 178px!important; }
input.span-6, textarea.span-6 { width: 218px!important; }
input.span-7, textarea.span-7 { width: 258px!important; }
input.span-8, textarea.span-8 { width: 298px!important; }
input.span-9, textarea.span-9 { width: 338px!important; }
input.span-10, textarea.span-10 { width: 378px!important; }
input.span-11, textarea.span-11 { width: 418px!important; }
input.span-12, textarea.span-12 { width: 458px!important; }
input.span-13, textarea.span-13 { width: 498px!important; }
input.span-14, textarea.span-14 { width: 538px!important; }
input.span-15, textarea.span-15 { width: 578px!important; }
input.span-16, textarea.span-16 { width: 618px!important; }
input.span-17, textarea.span-17 { width: 658px!important; }
input.span-18, textarea.span-18 { width: 698px!important; }
input.span-19, textarea.span-19 { width: 738px!important; }
input.span-20, textarea.span-20 { width: 778px!important; }
input.span-21, textarea.span-21 { width: 818px!important; }
input.span-22, textarea.span-22 { width: 858px!important; }
input.span-23, textarea.span-23 { width: 898px!important; }
input.span-24, textarea.span-24 { width: 938px!important; }

/* Add these to a column to append empty cols. */

.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}


/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */


.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
  margin-top:1.5em; 
}
.append-bottom { 
  margin-bottom:1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .grid_container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .grid_container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* div spacers */
.space-1{font-size:smaller; width:1px; height:1px; margin: 0; padding: 0;}
.space-2{font-size:smaller; width:2px; height:2px; margin: 0; padding: 0;}
.space-3{font-size:smaller; width:3px; height:3px; margin: 0; padding: 0;}
.space-4{font-size:smaller; width:4px; height:4px; margin: 0; padding: 0;}
.space-5{font-size:smaller; width:5px; height:5px; margin: 0; padding: 0;}
.space-10{font-size:smaller; width:10px; height:10px; margin: 0; padding: 0;}
.space-15{font-size:smaller; width:15px; height:15px; margin: 0; padding: 0;}
.space-20{font-size:smaller; width:20px; height:20px; margin: 0; padding: 0;}
.space-30{font-size:smaller; width:30px; height:30px; margin: 0; padding: 0;}
.space-40{font-size:smaller; width:40px; height:40px; margin: 0; padding: 0;}
.space-50{font-size:smaller; width:50px; height:50px; margin: 0; padding: 0;}

/*padding*/
.padding-15{padding:15px 15px 15px 15px;}

table.cvdatatable { width: 100%; }
table.cvdatatable col.formTableLabelColumn, col.formTableLabelColumn { width: 165px; }
table.cvdatatable col.formTableSpacerColumn, col.formTableSpacerColumn { width: 15px; }
table.cvdatatable tr td { vertical-align: top; padding-bottom: 5px; }
table.cvdatatable tr td * { padding-bottom: 0px; }
table.newCheckBoxList { width: 100%; }

table.slimCICD { overflow: hidden; table-layout: fixed; width: 100%; }

/*Job 404-Smartie*/

ul.st-list {
    padding: 0px;
    margin: 0px;
}

ul.st-list li {
    list-style-type: none;
    background-image: url(/JS24Web/Images/img_arrow_tjs24.png);
    background-position:left 0.4em;
    background-repeat:no-repeat;
    list-style-type:none;
    padding-left: 2em;
}

#divJobExpiredText
{
    float: left;   
    width: 387px; 
}

#divIntroExpired {
    font-size: 12px;
}

#divJobExpiredImage
{
    float: right;
}

#divIntroExpired, #divJobsInSameCategories, #divCategoryRecommendations, #divNewSearch {
    padding: 5px 0px 5px 0px;
}

 #divNewSearch{
    padding: 20px 0px 5px 0px;
 }

.button_new_search_de, .button_new_search_fr, .button_new_search_it, .button_new_search_en {

}

.buttons_new_search {

}

.hidden
{
	display: none;
}

/* !!! clear ist in grid.css definiert und darf so nicht überschrieben werden
.clear
{
    clear: both;
    height: 0px;
    width: 0px;  
    visibility: hidden; 
}
*/

div.job 
{
    clear: both;   
    background-image: url(/JS24Web/Images/2/img_bg_line.png);
    background-position: center bottom;
    background-repeat: repeat-x; /*border:solid 10px red;*/ 
    padding: 10px 5px;
}

div.heading, div.job_infos {
    overflow: hidden;
}

div.job .visible, .job .online_since
{
    display: block;
}

div.job .job_info
{
   float: left;
   padding-right: 5px;
}

.job_info + .job_info
{
   background: url("/Images/px-separator-line-grey.gif") repeat-y scroll left center transparent;
   padding-left: 5px;    
}

div.job span.job_info.company,div.job span.job_info.location,div.job span.job_info.pensum
{
    margin-bottom: 2px;     
}

div.job .first
{
    clear: left;
    background: none;
    padding-left: 0px;
}

div.job .job_infos
{
    padding-left: 22px;    
    color: #666666;
}

div.job .job_infos a.video
{
    background:url("/Images/movie-icon.png") no-repeat scroll 0 50% transparent;
    padding-left:15px;
}

div.job div.action
{
    float: right;
    width: 88px;
}

div.job div.action a.video
{
   background:url("/Images/btn-play-video.gif") no-repeat scroll 0 50% transparent;
    float:right;
    height:33px;
    margin:2px 0 5px;
    width:33px;
}

div.job_info span 
{
    padding: 0px 2px 0px 2px;    
}

div.job div.jobTitle, div.job .job_summary 
{
    margin-bottom: 3px;    
}

div.job div.jobTitle a {
    padding-left: 22px;
    width: 492px;
    display: inline-block;
    background:url("/JS24Web/Images/2/img_arrow.png") no-repeat scroll 2px 3px transparent;
    font-size:13px;
    text-decoration: none;
}

div.job div.jobTitle a, div.job div.jobTitle a:active, div.job div.jobTitle a:visited
{
    color: #003468;    
}

div.job div.jobTitle.video a
{
    background:url("/Images/bullet-blue.png") no-repeat scroll 0 50% transparent;
}

div.job div.job_summary 
{ 
    width: 492px;
    padding-left: 22px;
    color: #000000;
}

div.watchlist 
{   
    overflow:hidden;   
    height:19px;
    width:88px;
}

div.watchlist a.off 
{
    background:url("/Images/btn-merken.png") no-repeat scroll 0 0 transparent;
    color:#666666;
}

div.watchlist a.on 
{
    background:url("/Images/btn-gemerkt.png") no-repeat scroll 0 0 transparent;
    color:#00B800;
}

div.watchlist a 
{
    display:inline-block;
    height:17px;
    padding:2px 0 0 16px;
    text-align:center;
    text-decoration:none;
    width:72px;
}

div.watchlist a.off span.on, div.watchlist a.on span.off 
{
    display:none;
}

/*********************************************************
*   Jobseeker Home
*********************************************************/
div.user_maincontent
{
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
}

div.user_maincontent > div.services
{
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    clear: both;
    padding-top: 10px;
}

div.user_maincontent > div.services + div.services
{
    background: transparent url(/JS24Web/Images/px-separator-line.gif) repeat-x scroll center top;
}

div.user_maincontent > div.services div.serviceicon
{
    float: left;
    margin-right: 15px;
    width: 60px;
}

div.user_maincontent > div.services div.titlelink
{
    margin-bottom: 5px;
}

div.user_maincontent > div.services div.text
{
    margin-bottom: 5px;
}

div.user_maincontent > div.services > div.userservice, div.user_maincontent > div.services > div.partnerservice, div.user_maincontent > div#logoutservice, div.user_maincontent > div#publisherservice
{
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    clear: both;
}

/*********************************************************
*   CVView
*********************************************************/
div#user_profile
{
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
}

div#user_profile div.title
{
    font-weight: bold;
    padding-bottom: 10px;
}

div#user_profile > div.profileElement
{
    width: 100%;
    clear: left;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px;
}
div#user_profile > div.profileElement + div.profileElement
{
    padding-top: 15px;
    background: transparent url(/JS24Web/Images/px-separator-line.gif) repeat-x scroll center top;
}

div#user_profile > div.profileElement > div.iconcolumn
{
    float: left;
    width: 72px;
    margin-right: 15px;
}

div#user_profile > div.profileElement > div.iconcolumn img:hover,
div#user_profile > div.profileElement > div.iconcolumn:hover
{
    cursor:pointer;cursor:hand;
}

div#user_profile > div.profileElement > div.datacolumn
{
    float: left;
    width: 509px;
}

div#user_profile > div#customerProfile div.link
{
    padding-top: 15px;
}

div#user_profile > div#customerDocuments div#documentUploadControl 
{
	margin-top: 5px;
}
div#user_profile > div#customerDocuments div#documentUploadControl:hover,
div#user_profile > div#customerDocuments div#documentUploadControl a:hover
{
    cursor:pointer;
}

div#user_profile > div#customerDocuments div#documents div.document
{
    padding-bottom: 5px;
    clear: both;
    overflow: hidden;
    width: 100%;
}

div#user_profile > div#customerDocuments div#documents div.document > div.link
{
    float: right;
}

div#user_profile > div#customerDocuments div#documents div.document > div.link:first-child
{
    float:left;
    width: 250px;
}

div#user_profile > div#customerDocuments div#documents div.document > div.creationtime
{
    float: left;
}

div.GroupingCategory
{
    margin: 5px 0 10px 0;
    padding: 0 0 10px 0;
    background-image:url(/JS24Web/Images/1/img_bg_line.png);
    background-position:center bottom;
    background-repeat:repeat-x;
}
div.GroupingCategory select
{
    width: 380px;
}