/* Get rid of all the old styles that might be used... */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border:0pt none;
    font-family:inherit;
    font-size:100%;
    font-style:inherit;
    font-weight:inherit;
    margin:0pt;
    padding:0pt;
    vertical-align:baseline;
}

/* NOTE! If you use the clearfix.css from the regular Ledarna website, delete these ones! */
/*
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}*/
/* Stop deleting here if clearfix.css is used... */

/* Some more css from the current ledarna, delete if using the regular css from the site */
#navigation{
	width: 980px;
	height: 138px;
	background: url("/ledarna-resources/images/navigationBg2.gif") no-repeat;
}
#navWrapper{
	margin-top: 30px;
	width: 980px;
	height: 40px;
	background: url("/ledarna-resources/images/menuBg.png") repeat-y;
}
ul#navMenu{
	list-style: none;
	height: 40px;
	margin-left: 17px;
	float: left;
}
ul#navMenu .noBg{
	background: none;
}
ul#navMenu li a{
	display: block;
	height: 20px;
	padding: 12px 10px 8px 7px;
	float: left;
	background: url("/ledarna-resources/images/navBgRight.png") no-repeat 100% 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* 12px in most browsers */
	line-height: 1.416em; /* ~17px */
	color: #231f20;
	padding: 10px 0 0 10px;
}
form input, form select{
	font-family: Arial, Helvetica, sans-serif;
	color: #333
}
#navWrapper ul li{
	font-family: Helvetica, Arial, sans-serif;
	float: left;
}
#navigation a img{
	display: block;
	margin-left: 20px;
}
#navWrapper ul li a:link, #navWrapper ul li a:visited{
	color: #bc0000;
    font-size:0.9166em;
    padding-top:10px;
    text-decoration:underline;
}
#navWrapper ul li a:hover{
	color: #e06666;
}
/* Reuse from main site
div#footer {
    clear:left;
    margin-top:15px;
    padding-bottom:20px;
}
div#footer a img {
    float:left;
    margin:10px 15px;
}
div#footer{
    font-size:0.916em;
    line-height:1.416em;
}
div#footer a:link, div#footer a:visited {
    color:#D52532;
}
div#footer a:hover {
    color:#D96C6C;
}
div#footer .org{
    font-weight: bold;
} */
/* End of header and footer, reused css. */

/* Text css. If you use the regular ones from ledarna.se this might look bad since it's all inherited etc. */
#rekProcWrapper h1{
	font-size: 2.5em; /* ~37px */
	line-height: 1.227em;
	font-weight: bold;
	width: 875px;
}
.rekProcOrange h1 strong{
    color: #00ff00;
}
p
{
    margin-bottom:1em;
}

#rekProcWrapper h5
{
    font-size:1em;
    color:#000;
    font-weight:bold;
    margin-bottom:3px;
}
/* added 20090327 */
 #rekProcWrapper .rekProcNow
{
    font-size:1em;
    color:#000;
    font-weight:bold;
    margin-bottom:3px;
    margin-right:3px;
}
/* End text css */

/* Just to explain the strange names - since we don't want to mess with the current css, we have decided
   to give this one our own "namespace", every id and class will start with rekProc (Rekryterings Processen) */
#rekProcWrapper{
    width: 957px;
    height: 444px;
    background: url("/ledarna-resources/images/rekProcBackground.png") no-repeat 0 0;
    margin-top: 20px;
    padding: 19px 0 0 19px;
}
.rekProcOrange{
    border: 2px solid #a41c22;
}
#rekProcNavigation{
    padding-left: 4px;
    height: 38px;
    margin-bottom: 7px;
}
#rekProcNavigation ul{
    list-style-type: none;
}
#rekProcNavigation li{
    display: block;
    float: left;
    margin-left: -18px;
}
#rekProcNavigation li.rekProcNavFirst{
    margin-left: 0px !important;
}
img.rekProcNavImageFirst{
    position: relative;
    z-index: 100;
}
img.rekProcNavImageSecond{
    position: relative;
    z-index: 3;
}
img.rekProcNavImageThird{
    position: relative;
    z-index: 2;
}
img.rekProcNavImageFourth{
    position: relative;
    z-index: 1;
}
#rekProcContent{
    position: relative;
    width: 910px;
    padding: 30px 0 0 28px;
}
.rekProcOrange #rekProcContent{
    height: 356px;
    background: url("/ledarna-resources/images/rekProcContentNoTabsBg.png") no-repeat 0 0;
}
#rekProcContent .column{
    width: 283px;
    margin-right: 19px;
    float: left;
}
.rekProcOrange .column{
    width: 464px !important;
    margin-right: 0 !important;
}
#rekProcContent .wide{
    width: 640px !important;
    margin-right: 0;
}
.rekProcOrange .narrow{
    width:310px !important;
    padding-right:19px !important;
}
.rekProcOrange .veryNarrow{
    width:155px !important;
    padding-right:0px !important;
    float:left;
}

.rekProcOrange .veryNarrow label{
    width:130px !important;
}
.rekProcOrange .right
{
    padding-left:15px;
}
 #rekProcContent .border{
    border-right: 1px solid #f1f1f1;
}
.rekProcGreen .narrow{
    width: 268px !important;
    padding-right: 15px;
}


.rekProcOrange #rekProcNext{
    float: right;
    margin: -105px 53px 0 0;
}
#rekProcNext /* ny top marginal när tabbar är på plats*/
{
    position: relative;
    float: right;
    margin: -130px 53px 0 0;
}
/* links in orange colored pages */
.rekProcOrange #rekProcContent a:link, .rekProcOrange #rekProcContent a:visited
 {
   color:#a41c22;
 }

.rekProcOrange #rekProcContent a:hover
   {
   color:#b35d61;
 }

 #rekProcContent .displayOnNewLine
{
    display:block;
}

/* end */

.rekProcInputWrapper{
    width: 212px;
    margin: 0 20px 6px 0;
    float: left;
}
.rekProcInputWrapper label{
    font-size: 1.0833em;
    display: block;
    margin-bottom: 3px;
}
.rekProcInputWrapper input{
    border: 0;
    background: url("/ledarna-resources/images/rekProcInputBg.png") no-repeat 0 0;
    padding: 3px 5px;
    width: 202px;
    height: 13px;
    font-size:0.9167em;
}
.rekProcInputValidationError{
    color: #fff !important;
    background: #a41c22 !important;
}
.rekProcInputWrapper p{
    padding-top: 2em;
}
#rekProcLinkBox{
    float: left;
    margin-top: 200px;
}
#rekProcLinkBox ul{
    list-style-type: none;
}
#rekProcLinkBox ul li a{
    font-size: 0.9166em;
}
.readAgreementWrapper input
{
    float:left;
    margin-right:5px;
    margin-left:0px;
}
.rekProcRed{
    border: 2px solid #014ea6;
}
.rekProcRed a:link, .rekProcRed  a:visited
 {
   color:#014ea6;
 }

.rekProcRed #rekProcContent a:hover
   {
   color:#4d83c1;
 }
 .rekProcGreen #rekProcContent, .rekProcRed #rekProcContent{
    height: 362px;
    background: url("/ledarna-resources/images/recProcBackgroundTabs.png") no-repeat 0 0;
}
.rekProcGreen #rekProcContent ul#rekProcStatement, .rekProcRed #rekProcContent ul#rekProcStatement
{
    margin-bottom:1.167em;
}
.rekProcGreen #rekProcContent ul#rekProcStatement li, .rekProcRed #rekProcContent ul#rekProcStatement li
{
    font-weight:bold;
    font-size:1.0833em;
    margin:0 0 0 1.25em;
}
.rekProcRed #rekProcContent ul.rekProcServices
{
    margin:0 0 1.67em 0;
}
.rekProcRed #rekProcContent ul.rekProcServices li
{
     font-size:1.0833em;
    margin:0 0 0 1.25em;
    font-weight:normal;
}

.rekProcInputWrapper select{
    padding: 2px 2px 2px 5px;
    width: 212px;
    font-size:0.9167em;
}
.rekProcRadioWrapper
{
    padding:2px 0px;
    width:310px;

}
.rekProcRadioWrapperWillJoin
{

    padding:2px 0px;
    width:310px;

}
.rekProcRadioWrapperUnionSelect
{
    display:block;
    padding:2px 0px;
    width:310px;

}
.rekProcRadioWrapper input
{
    float:left;
    margin:0px 5px 5px 0px;
}
#rekProcContent .narrow select
{
    width:240px;
    margin-bottom:5px;
    font-size:0.9167em;
}
#rekProcContent span.bold
{
    font-weight:bold;
}
#rekProcContent select#rekProcSelectTitle
{
    float:left;
}

/* Popup container css */
#rekProcPopup{
    width: 543px;
    padding-top: 98px;
    position: absolute;
    top: 200px;
    left: 200px;
    z-index: 100;
    display:none;
    background: url("/ledarna-resources/images/rekProcPopupTop.png") no-repeat 0 0;
}
#rekProcPopupContent{
    width: 393px;
    padding: 0 75px;
    background: url("/ledarna-resources/images/rekProcPopupMiddle.png") repeat-y 0 0;
}
#rekProcPopupContent h2{
    font-size: 2em;
    color: #000;
}
#rekProcPopupBottom{
    height: 98px;
    width: 393px;
    padding: 0 75px;
    text-align: right;
    background: url("/ledarna-resources/images/rekProcPopupBottom.png") no-repeat 0 0;
}
#rekProcPopupBottom a{
    padding: 5px;
}
/* uppdaterad 20090324 */
.recProcSmallFooter
{
    color:#666;
    font-size:0.833em;
    line-height:1.4em;
    padding:0px 5px 0px 0px;
    width:195px;
    float:left;
    margin-left:20px;
}
.recProcSmallFooterWide{
    clear: left;
    color:#666;
    font-size:0.833em;
    line-height:1.4em;
    padding:0px 5px 0px 0px;
    width:580px;
    float:left;
    margin-top:5px;
}
/*Unorganized pages(green) */

.rekProcGreen{
    border: 2px solid #004f39;
}
.rekProcGreen #rekProcContent{
    height: 362px;
    background: url("/ledarna-resources/images/recProcBackgroundTabs.png") no-repeat 0 0;
}

.rekProcGreen #rekProcContent a:link, .rekProcrekProcGreen #rekProcContent a:visited {
    color:#004f39;
}
.rekProcGreen #rekProcContent a:hover {
    color:#4c8374;
}
.rekProcGreen #rekProcContent label, .rekProcRed #rekProcContent label{
    margin-top: 15px;
    font-weight: bold;
}
.rekProcInsuranceWrapper{
    float:left;
    clear:left;
}
.rekProcGreen #rekProcContent label.rekProcInputInsurance, .rekProcRed #rekProcContent label.rekProcInputInsurance{
    font-weight: normal;
}
.rekProcGreen #rekProcContent .narrow select, .rekProcRed #rekProcContent .narrow select{
    padding: 2px 2px 2px 5px;
    width: 253px;
    display: block;
    margin-bottom: 8px;
    font-size:0.9167em;
}

.rekProcGreen input#rekProcInputInsurance, .rekProcRed input#rekProcInputInsurance, .rekProcGreen input#rekProcInputInsuranceTime, .rekProcRed input#rekProcInputInsuranceTime{
    float: left;
    margin-right: 10px;
}

/* Tabs underneath flow 1 and 2 */
#rekProcPageTabs{
    position: absolute;
    bottom: -4px;
    left: 15px;
    height: 38px;
}
#rekProcPageTabs ul{
    float: left;
    list-style-type: none;
}
#rekProcPageTabs li{
    float: left;
}
#rekProcPageTabs ul#rekProcLinks{
    padding: 10px 0 0 15px;
}
#rekProcPageTabs ul#rekProcLinks li{
    padding-right: 15px;
}
#doubleDl dl{
    width: 290px;
    float: left;
    margin-bottom: 20px;
}
#doubleDl dt{
    font-weight: bold;
}
#doubleDl dt.rekProcSecond{
    margin-top: 20px;
}
#doubleDl dd li{
    margin:0 0 0 1.25em;
}
#rekProcIllustration{
    float: right;
    margin: -30px 35px 0 0;
}
/* added 20090326 */
#rekProcIllustrationSmall
{
     float: right;
    margin: -23px 42px 0 0;
}
/* Cost calculation table */
#rekProcCounter{
    font-size: 1.5em;
}
table{
    font-size: 0.9166em;
}
caption{
    font-weight: bold;
    text-align: left;
}
td{
    width: 50px;
}
td.first{
    font-weight: bold;
    width: 200px;
}
td.first span{
    font-weight: normal;
    display: block;
}
td{
    padding-top: 10px;
}

/* uppdaterat 2008-03-20 */

input#rekProcInputPhoneWorkShort, input#rekProcInputPhoneHomeShort, input#rekProcInputPhoneShort, input#rekProcInputWorkPhoneShort
{
    width:40px;
    margin-right:5px;
}
input#rekProcInputPhoneHome, input#rekProcInputPhoneWork, input#rekProcInputPhone, input#rekProcInputWorkPhone
{
    width:144px;
}
label span
{
    color:#a41c22;
    font-size:0.8333em;
    line-height:1.1em;
    padding-left:4px;
}

div.dummyDiv{
    height:42px!important;
}