/* Global Stylesheet for www.jobzonen.dk */

/* Layout */
html, body {
	background:url("../images/jobzonen_forside_bg.png") repeat-x scroll center top #003A69;
	background-color:#003A69;
	margin:0 auto;
	text-align: center;
	padding: 0px;
	vertical-align:baseline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	line-height: 15px;
	
}

p {
    font-size: 13px;
    color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    line-height: 16px;  
}
h1 
{
    color: #009abc;
	font-size: 24px;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
	line-height: 28px;
	
}
h2 
{
    color: #003a69;
    font-size: 13px;
}
h3 
{
color: #003a69;
}
a {text-decoration: underline; color: #003A69; font-weight: bold; font-size: 12px; line-height: 16px;}

.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.lighter {font-weight: lighter;}
.smallText {font-size: 11px;}
/* List style items */

a
{
    outline: none;
}
div , ul li, li 
{
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
}

a.standardButton {background-image: url(../Images/autoflow_button.png); background-repeat: repeat-x; background-position: bottom left; background-color: #FFFFFF; height: 30px; border: #003a69 solid thin; color: #003a69; font-weight: bold; cursor: pointer; padding: 4px 4px 3px 4px; text-decoration: none;}

/* Buttons */
input.standardButton {background-image: url(../Images/autoflow_button.png); background-repeat: repeat-x; background-position: bottom left; background-color: #FFFFFF; height: 30px; border: #003a69 solid thin; color: #003a69; font-weight: bold; cursor: pointer; padding: 4px 4px 3px 4px;}
input.next {background-image: url(../Images/autoflow_next_bg.png); background-repeat: repeat-x; border: #003a69 solid thin; height: 26px; cursor: pointer; color: #003a69; font-weight: bold;}
input.previous {background-image: url(../Images/autoflow_previous_bg.png); background-repeat: repeat-x; border: #86b7bf solid thin; height: 26px; cursor: pointer; color: #003a69; font-weight: bold;}
input.first {background-image: url(../Images/autoflow_next_bg.png); background-repeat: repeat-x; border: #003a69 solid thin; height: 26px; cursor: pointer; color: #003a69; font-weight: bold; margin-left: 855px;}
input.last {background-image: url(../Images/autoflow_previous_bg.png); background-repeat: repeat-x; border: #86b7bf solid thin; height: 26px; cursor: pointer; color: #003a69; font-weight: bold; margin-left: 15px;}

/* Custom button */
input.autoFlowBtn {background-image: url(../Images/autoflow_button.png); background-repeat: repeat-x; background-position: bottom left; height: 25px; border: #003a69 solid thin; color: #003a69; font-weight: bold; cursor: pointer; padding-bottom: 3px;}
input.jQuery-help-tabs-btn {background-image: url(../Images/autoflow_button.png); background-repeat: repeat-x; background-position: bottom left; height: 25px; border: #003a69 solid thin; color: #003a69; font-weight: bold; cursor: pointer; padding-bottom: 3px;}
input.print {background-image: url(../Images/printBtn.png); background-repeat: no-repeat; height: 26px; width: 98px; cursor: pointer; border: #86b7bf solid thin; color: #003a69; font-weight: bold; padding-left: 30px; margin-left: 580px;}
input.BilledeSlet {background-image: url(../Images/autoflow_previous_bg.png); background-repeat: repeat-x; background-position: bottom left; background-color: #FFFFFF; height: 32px; border: #003a69 solid thin;}
input.autoFlowBtnIndtryk-nu {height: 35px; width: 200px; padding-bottom: 5px; background-image: url(../Images/autoflow_button.png); background-repeat: repeat-x; background-position: bottom left; background-color: #ffffff; border: #003a69 solid thin; color: #003a69; font-size: 15px; font-weight: bold; cursor: pointer;}
input.autoFlowBtnLogin {height: 35px; width: 100px; padding-bottom: 5px; background-image: url(../Images/autoflow_button.png); background-repeat: repeat-x; background-position: bottom left; background-color: #ffffff; border: #003a69 solid thin; color: #003a69; font-size: 15px; font-weight: bold; cursor: pointer;}
input.nextPrint {background-image: url(../Images/autoflow_next_bg.png); background-repeat: repeat-x; border: #003a69 solid thin; height: 26px; cursor: pointer; color: #003a69; font-weight: bold; float: right; margin-right: 20px;}


/* Input & Select fields */
input[type="text"] {border: #003A69 solid 1px; color: #003A69; font-size: 12px; line-height: 18px; padding: 3px;}
input[type="password"] {border: #003A69 solid 1px; color: #003A69; font-size: 12px; line-height: 18px; padding: 3px;}
input[type="button"] {background-image: url(../Images/autoflow_button.png); background-repeat: repeat-x; background-position: bottom left; background-color: #FFFFFF; height: 30px; border: 1px solid #003a69; color: #003a69; font-weight: bold; cursor: pointer; padding: 4px 4px 3px 4px;} 
input[type="submit"] {background-image: url(../Images/autoflow_button.png); background-repeat: repeat-x; background-position: bottom left; background-color: #FFFFFF; height: 30px; border: 1px solid #003a69; color: #003a69; font-weight: bold; cursor: pointer; padding: 4px 4px 3px 4px;} 
textarea {border: #003A69 solid 1px; color: #003A69; font-size: 12px; line-height: 18px; padding: 3px;}
select {font-size: 12px; height: 22px; border: #003A69 solid thin;}
.SelectDiv {color: #003A69; font-size: 1.1em; font-weight: bold; line-height: 18px; padding: 3px;}

input[type="text"].Requeried {border: #d91a15 solid 2px; color: #003A69; font-size: 12px; line-height: 18px; padding: 3px; background-color: #ffffff;}
textarea.Requeried {border: #d91a15 solid 2px; color: #003A69; font-size: 12px; line-height: 18px; padding: 3px; background-color: #ffffff;}
input[type="password"].Requeried {border: #d91a15 solid 2px; color: #003A69; font-size: 12px; line-height: 18px; padding: 3px; background-color: #ffffff;}
.SelectDiv.Requeried {border: #d91a15 solid 2px; color: #003A69; font-size: 1.1em; font-weight: bold; line-height: 18px; padding: 3px; background-color: #ffffff;}

.divValidate
{
     float: left; 
     width: 640px; 
     border: 2px solid #d91a15; 
     background-color: #ffffff; 
     padding: 10px 10px 10px 10px; 
     margin: 10px 60px 10px 0px; 
     font-weight: normal;
}

input.BilledeGennemse {}


/* BEGIN: Pagination */
.paginationActivePrevious {
	float: left; 
	margin: 0px 5px 0px 5px;
	background-image:url(../Images/pagination/paginator_arrow_ny.png); 
	background-repeat:no-repeat; 
	background-position: -45px -23px;
	width: 45px; 
	height: 23px; 
	cursor: pointer;
	border: 1px solid #ffffff;
}
.paginationActiveNext {
	float: left; 
	margin: 0px 5px 0px 5px;
	background-image:url(../Images/pagination/paginator_arrow_ny.png); 
	background-repeat:no-repeat; 
	background-position: -45px 0px;
	width: 45px; 
	height: 23px;
	cursor: pointer;
	border: 1px solid #ffffff;
}
.paginationActivePrevious:hover, .paginationActiveNext:hover, .paginationLink:hover 
{
	margin: 0px 5px 0px 5px;
	border: 1px solid #003A69;
}
.paginationInactivePrevious {
	float: left;  
	margin: 0px 5px 0px 5px;
	background-image:url(../Images/pagination/paginator_arrow_ny.png); 
	background-repeat:no-repeat; 
	background-position: 0px 0px;
	width: 45px; 
	height: 23px; 
}
.paginationInactiveNext {
	float: left; 
	margin: 0px 5px 0px 5px;
	background-image:url(../Images/pagination/paginator_arrow_ny.png); 
	background-repeat:no-repeat; 
	background-position: 0px -23px;
	width: 45px; 
	height: 23px;
}
.paginationLink {
	margin: 0px 5px 0px 5px;
	float: left;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	border: 1px solid #ffffff;
}

.paginationLink.active {
	float: left; 
	padding: 5px 5px 5px 5px; 
	background-color: #003A69;
	color: #FFF;
}
/* END: Pagination */


/* BEGIN: Print function */
.printButton
{
    background-image:url(../Images/Advert/ic_printer.png); 
	background-repeat:no-repeat; 
	background-position: 0px 0px;
    padding: 0px 0px 0px 25px;
    text-decoration: none;
    font-size: 1.1em;
}

.printButton:hover
{
    background-image:url(../Images/Advert/ic_printer.png); 
	background-repeat:no-repeat; 
	background-position: 0px -18px;
    padding: 0px 0px 0px 25px;
}
/* END: Print function */


/* BEGIN: Login Area */
.loginAreaContainer 
{
    position: relative; 
    left: 665px; 
    top: -55px; 
    border-left: 1px solid #003A69; 
    border-right: 1px solid #003A69; 
    border-bottom: 1px solid #003A69; 
    width: 315px; 
    height: 20px; 
    padding: 2px 5px 5px 5px;
    background-image: url(../Images/autoflow_button.png); 
    background-repeat: repeat-x; 
    background-position: bottom left; 
    background-color: #FFFFFF;
}
.modalPopup
{
	 
	padding: 35px 15px 15px 35px;
	background: transparent url(../Images/login/login_bg.png);
	background-repeat: no-repeat;
	background-position: left top; 
	width: 423px;
	height: 570px; /* The normal height should be 320px - This needs to be changed back after registration updating is completed. */
}

.modalPopupSaveProfile
{
	 
	padding: 35px 15px 15px 35px;
	background: transparent url(../Images/login/login_bg.png);
	background-repeat: no-repeat;
	background-position: left top; 
	width: 423px;
	height: 270px; /* The normal height should be 320px - This needs to be changed back after registration updating is completed. */
}

.modalPopupRequestProfile
{
	 
	padding: 35px 15px 15px 35px;
	background: transparent url(../Images/login/login_bg.png);
	background-repeat: no-repeat;
	background-position: left top; 
	width: 423px;
	height: 570px; /* The normal height should be 320px - This needs to be changed back after registration updating is completed. */
}

.loginRegistrationBox
{
	background: #F1F1F1 url(../Images/login/registration_icon.jpg) no-repeat scroll center 25px;
	float: right;
	margin-right: 70px;
	position: relative;
	height: 230px;
	margin-top: -235px;
	
	
	width:130px;
}
.loginRegistrationBox p
{
	font-size: 12px;
	line-height: 16px;
	color: #565656;
	margin-top: 90px;
	padding: 10px 10px 10px 10px;
}
.loginRegistrationBox a
{
	font-size: 12px;
	line-height: 16px;
	color: #2b5e82;
	padding: 0px 10px 10px 10px;
}


/**********************************/
/******* Start: Online help *******/
/**********************************/
.tab_link 
{  
float:left; /* important */  
/* just styling */  
border:none;  
background: #FFFFFF;  
padding:0px;  
margin-right:10px;   
}  
.tab_link_selected{ background-color: #eef8f9; } /* just a different tab link bg color when it's selected */  
.tab_text {  
display: none; /* hide the text containers */  
/* just styling */  
background-color: #eef8f9;
padding:10px 10px 10px 10px;  
color:black;
float: left;
width: 195px;
text-align: left;
}  
.clear {clear: both;}  /* when we use css float property, we need to clear after the last floated item */ 
.helpLinkChat 
{
    background-image: url(../images/Chat/chat.png);
    background-repeat: no-repeat;
    width: 65px;
    height: 42px;
}
.helpLinkRing 
{
    background-image: url(../images/Chat/ring.png);
    background-repeat: no-repeat;
    width: 65px;
    height: 42px;
}
.helpLinkEmail 
{
    background-image: url(../images/Chat/mail.png);
    background-repeat: no-repeat;
    width: 65px;
    height: 42px; 
}
/**********************************/
/******** End: Online help ********/
/**********************************/


/**********************************/
/******* Start: Image Hover *******/
/**********************************/
img {border: none;}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(../Images/jquery/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
/**********************************/
/******** End: Image Hover ********/
/**********************************/ 
.profileStats 
{
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
    float: left;
}
.cvTextDescriptionWebkitFix 
{
    margin-top: -25px;
}
.cvProfileStatus 
{
    margin: -35px -10px 0px 0px;
}