/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */


/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 11px;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding: 2px;
	font-size: 11px;
	font-family: Arial, verdana, Tahoma, Sans-serif;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 5px 10px 10px 0;
	width: 475px;
	clear: left;
}
#Form_Form div.typography #left div.middleColumn {
	width: 380px;
	}
#Form_Form div #Skills .middleColumn, #Form_Form div #WorkWishes .middleColumn{
	width:800px;
	}
#Form_Form div #Skills .middleColumn #Form_Form_Skills, #Form_Form div #WorkWishes .middleColumn #Form_Form_WorkWishes{
	margin-left:0px;
	padding-bottom:20px;
	padding-top:10px;
	}
#Form_Form div #Skills .middleColumn li, #Form_Form div #WorkWishes .middleColumn li{
	width:190px;
	float:left;
	margin: 0px 0px 0px 10px;
	}
#Form_Form div #Skills .middleColumn li label, #Form_Form div #WorkWishes .middleColumn li label{
	width:160px;
	float:right;
	}
#Form_Registrer div.typography #left div.middleColumn {
	width: 380px;
	}
#Form_Registrer div #Skills .middleColumn, #Form_Registrer div #WorkWishes .middleColumn{
	width:1020px;
	}
#Form_Registrer div #Skills .middleColumn #Form_Registrer_Skills, #Form_Registrer_WorkWishes, #DriversLicense, #Car {
	margin-left:0px;
	padding-bottom:20px;
	}
#Form_Registrer div #Skills .middleColumn li, #Form_Registrer div #WorkWishes .middleColumn li {
	width:190px;
	float:left;
	margin: 0px 0px 0px 10px;
	}
#Form_Registrer div #Skills .middleColumn li label, #Form_Registrer div #WorkWishes .middleColumn li label, #Form_Form div #WorkWishes .middleColumn li label{
	width:160px;
	float:right;
	}
#DriversLicense input, #Car input, #Gender input, #WorkAlone input {
	margin-left:10px;
	margin-right:15px;
        width:15px;
	}
#DriversLicense, #Car, #Gender, #WorkAlone {
	padding-bottom:0px;
	margin-bottom:0px;
	}
div #Password .middleColumn {
	width: 380px;
	}
div #Email .middleColumn {
	width: 380px;
	}
div .field .password {
	float:left;
	}
	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}
	
	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}
	
	.middleColumn .middleColumn {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	.middleColumn .message {
		margin: 5px 0px 0px 0px;
	}
/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #0a7294;
	font-size: 11px;
	font-weight: normal;
	width: 479px;
}

textarea {
	height:88px;
	}

select {
	color: #0a7294;
	height:22px;
	}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: block;
	margin: 0px;
	color: #000000;
	font-size: 11px;
}

label.right {
    display:inline;
    float:none;
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
	width: 105px;
}
	input#Search_Form_SearchForm_Search {
		width: 110px;
		padding: 3px;
		margin-left: -4px;
		font-size: 11px;
	}
#Sidebar input.action {
	font-size: 11px;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}
 /* DEFAULT STUFF */
a{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}
a:hover{
	text-decoration:underline;
}

img {
	border:none;
	}
a img {
border:none;
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
/*This Line removes border around clickable images in Firefox*/
a:active, a:focus, input[type="image"] {
outline: 0;
}
object:active, div:active
{
outline: none;
}

object:focus, div:focus
{
-moz-outline-style: none;
} 
/* TEXT STYLE DEFAULT */
hr{
    border: 0;
    height:1px;
    color: #0a7294;
    background-color: #0a7294;
    margin-bottom:10px;
}
h1{
    color: #0a7294;/* #0a7294; */
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin: 0 0 16px;
    text-transform: uppercase;
}
textarea{
    resize: none;
}
.BoldText{
    font-weight:bold;
}
.CenterText{
    text-align: center;
}
.NormalText{
    text-transform:none;
}
.UppercaseText{
    text-transform:uppercase;
}
.LowercaseText{
    text-transform:none;
}
.MainColor, .TextColor1{
    color: #0a7294;
}
.SubColor{
    color: #1088b0;
}
.NoPaddingLeft, #WorkersJobTable .NoPaddingLeft{
    padding-left:0px;
}
.Hidden{
    display:none;
}
.NoBorder, #WorkersAdminStandardForm .NoBorder, #WorkersAdminStandardForm #ApplyForm_ApplyForm h1{
    border:none;
}
/* PANELS */
div.WorkersAdminPanel{
	display:block;
	width:1030px;
	height:17px;
	background: url(../../WorkersAdmin/images/bar.gif?1333369684) repeat-x #0a7294;
	padding:5px 10px;
	color:#FFF;
	margin-bottom: 15px;
}
div.WorkersAdminPanelForControl{
	display:block;
	width:1050px;
	height:32px;
	padding: 0px;
	color:#0a7294;
	margin: 20px 0 10px;
}
div.WorkersAdminPanelEmpty{
    background: url(../../WorkersAdmin/images/bar.gif?1333369684) repeat-x scroll 0 0 #FFFFFF;
    height: 27px;
    width:auto;
    float:left;
    font-size: 10px;
    color:#FFF;
    height:16px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
}
div.WorkersAdminPanelEmpty.SpecialWidth{
    width:1034px;
    margin-right:14px;
    padding:8px;
}
div.WorkersAdminPanel h1, div.WorkersEmployeePanel h1{
	color:#FFF;
        font-size: 10px;
}
div.WorkersEmployeePanel h1{
    line-height:16px;
}
div.WorkersAdminPanel h1.Saved{
	background: url(../../WorkersAdmin/images/YesIcon.png) no-repeat scroll 0 2px transparent;
	padding-left: 25px;
}
div.WorkersAdminPanel h1.Alert{
	background: url(../../WorkersAdmin/images/AlertIcon16x16.png) no-repeat scroll 0 0px transparent;
	padding-left: 20px;
}
div.WorkersEmployeePanel h1.Alert {
    background: url(../../WorkersAdmin/images/AlertIcon16x16.png) no-repeat scroll 0 0px transparent;
    padding-left: 20px;
}
div.Alert{
    background: url(../../WorkersAdmin/images/AlertIcon16x16.png) no-repeat scroll 0 0px transparent;
    width:20px;
    height:16px;
    margin-top:-2px;
    float:left;
}
.FloatRight{
	float:right;
}
.FloatLeft{
	float:left;
}
/* MENU  */
#MainMenu {
	padding:20px;
	margin-bottom: 15px;
}
#MainMenu h1 {
	float:left;
	margin-right:30px;
}
#MainMenuButton{
	display:block;
	width:32px;
	height:18px;
	background: url(../../WorkersAdmin/images/MenuButton.gif) no-repeat 0 0;
	float:left;
	cursor:pointer;
	margin-right:30px;
}
#DropDownMenu{
	display:block;
	width:210px;
	min-height:50px;
	background: #0a7294;
	color:#FFF;
	float:left;
	position:absolute;
	z-index:10000;
	padding:20px 20px 5px 20px;
	visibility:hidden;
}
#DropDownMenu a {
	display:block;
	margin-bottom:10px;
}
#DropDownMenu hr {
	margin-bottom:15px;
}
/* Content area*/
#WorkersAdminContentArea{
	color:#0a7294;
	text-transform:uppercase;
}
#WorkersAdminContentArea a{
	color:#0a7294;
}
#WorkersAdminContentArea .pagination{
	text-align:center;
	height: 22px;
    line-height: 24px;
}
/* EMPLOYEES DASHBOARD */

#EmployeeDashboardColumn1{
    margin-right:20px;
    float:left;
}

#EmployeeDashboardColumn2{
    
    float:right;
}

/* FRONTPAGE MENU */
.Button{
	display:block;
	width:250px;
	height:90px;
	float:left;
	cursor:pointer;
	margin-right:17px;
	margin-bottom:15px;
}
.NoMarginRight{
	margin-right:0px;
}
.Button h1{
	width: 165px;
	text-align:center;
	margin-top:25px;
	padding-left: 5px;
    padding-right: 5px;
}
.Button h1:hover{
	text-decoration:underline;
}
#SogEfterMedarbedere, #SogEfterJob{
    background: url(../../WorkersAdmin/images/SogEfterMedarbejdereOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#SogEfterMedarbedere:hover, #SogEfterJob:hover{
    background-color: #0a7294;
}
#SogEfterMedarbedere:hover h1, #SogEfterJob:hover h1{
    color:#FFF;
}
#SogEfterTimeRegistreringer{
    background: url(../../WorkersAdmin/images/SogEfterTimeRegistreringerOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#SogEfterTimeRegistreringer:hover{
    background-color: #0a7294;
}
#SogEfterTimeRegistreringer:hover h1{
    color:#FFF;
}
#SeAlleTimeRegistreringer{
    background: url(../../WorkersAdmin/images/SeAlleTimeRegistreringerOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#SeAlleTimeRegistreringer:hover{
    background-color: #0a7294;
}
#SeAlleTimeRegistreringer:hover h1{
    color: #FFF;
}
#OpretMedarbejdere{
    background: url(../../WorkersAdmin/images/OpretMedarbejderOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#OpretMedarbejdere:hover{
    background-color: #0a7294;
}
#OpretMedarbejdere:hover h1{
    color:#FFF;
}
#OpretEfterTimeRegistreringer{
    background: url(../../WorkersAdmin/images/OpretTimeregistreringOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#OpretEfterTimeRegistreringer:hover{
    background-color: #0a7294;
}
#OpretEfterTimeRegistreringer:hover h1{
    color:#FFF;
}
#VisAlleMedarbejdere{
    background: url(../../WorkersAdmin/images/VisAlleMedarbejdereOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#VisAlleMedarbejdere:hover{
    background-color: #0a7294;
}
#VisAlleMedarbejdere:hover h1{
    color:#FFF;
}
#NyeAnsogninger{
    background: url(../../WorkersAdmin/images/NyeAnsogningerOptimized.png) no-repeat 0px 0 #FFF;
    border:1px solid #0a7294;
}
#NyeAnsogninger:hover{
    background-color: #0a7294;
}
#NyeAnsogninger:hover h1{
    color:#FFF;
}
#EksporterMedarbejdere{
    background: url(../../WorkersAdmin/images/EksporterMedarbejdereOptimized.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#EksporterMedarbejdere:hover{
    background-color: #0a7294;
}
#EksporterMedarbejdere:hover h1{
    color:#FFF;
}
#OpretJob{
    background: url(../../WorkersAdmin/images/OpretJobOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294
}
#OpretJob:hover{
    background-color:#0a7294;
}
#OpretJob:hover h1{
    color:#FFF;
}
#OpretJobskabelon{
    background: url(../../WorkersAdmin/images/OpretJobskabelonOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#OpretJobskabelon:hover{
    background-color: #0a7294;
}
#OpretJobskabelon:hover h1{
    color:#FFF;
}
#OpretJobUdfraSkabelon{
    background: url(../../WorkersAdmin/images/OpretJobUdfraSkabelonOptimized.png) no-repeat 0 0;
    border:1px solid #0a7294;
}
#OpretJobUdfraSkabelon:hover{
    background-color:#0a7294;
}
#OpretJobUdfraSkabelon:hover h1{
    color:#FFF;
}
#VisAlleJobSkabeloner{
    background: url(../../WorkersAdmin/images/VisAlleJobSkabelonerOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#VisAlleJobSkabeloner:hover{

    background-color: #0a7294;
}
#VisAlleJobSkabeloner:hover h1{
    color:#FFF;
}
#OpretLokation{
    background: url(../../WorkersAdmin/images/OpretLokationOptimized.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#OpretLokation:hover{
    background-color: #0a7294;
}
#OpretLokation:hover h1{
    color:#FFF;
}
#VisAlleLokationer{
    background: url(../../WorkersAdmin/images/VisAlleLokationer.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#VisAlleLokationer:hover{
    background-color: #0a7294;
}
#VisAlleLokationer:hover h1{
    color:#FFF;
}
#SogEfterLokation{
    background: url(../../WorkersAdmin/images/SogEfterLokationer.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#SogEfterLokation:hover{
    background-color: #0a7294;
}
#SogEfterLokation:hover h1{
    color:#FFF;
}
#EksporterJobs{
    background: url(../../WorkersAdmin/images/EksporterJobsOptimized.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#EksporterJobs:hover{
    background-color:#0a7294;
}
#EksporterJobs:hover h1{
    color:#FFF;
}
#SeKommendeJobs{
    background: url(../../WorkersAdmin/images/VisKommendeJobsOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#SeKommendeJobs:hover{
    background-color:#0a7294;
}
#SeKommendeJobs:hover h1{
    color:#FFF;
}
#VisJobkalender{
    background: url(../../WorkersAdmin/images/VisJobkalender.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#VisJobkalender:hover{
    background-color:#0a7294;
}
#VisJobkalender:hover h1{
    color:#FFF;
}
#SeAlleJobs{
    background: url(../../WorkersAdmin/images/VisAlleJobsOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#SeAlleJobs:hover{
    background-color:#0a7294;
}
#SeAlleJobs:hover h1{
    color:#FFF;
}
#OpretKunde{
    background: url(../../WorkersAdmin/images/OpretKundeOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#OpretKunde:hover{
    background-color: #0a7294;
}
#OpretKunde:hover h1{
    color: #FFF;
}
#UdsendBeskeder{
    background: url(../../WorkersAdmin/images/UdsendBeskederOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#UdsendBeskeder:hover{
    background-color: #0a7294;
}
#UdsendBeskeder:hover h1{
    color:#FFF;
}
#UdsendSMSBeskeder{
    background: url(../../WorkersAdmin/images/UdsendSMSBeskederOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#UdsendSMSBeskeder:hover{
    background-color: #0a7294;
}
#UdsendSMSBeskeder:hover h1{
    color:#FFF;
}
#ProgramIndstillinger{
    background: url(../../WorkersAdmin/images/ProgramIndstillingerOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#ProgramIndstillinger:hover{
    background-color: #0a7294;
}
#ProgramIndstillinger:hover h1{
    color:#FFF;
}
#BeskedIndstillinger{
    background: url(../../WorkersAdmin/images/BeskedIndstillingerOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#BeskedIndstillinger:hover{
    background-color: #0a7294;
}
#BeskedIndstillinger:hover h1{
    color:#FFF;
}
#DesignInstillinger{
    background: url(../../WorkersAdmin/images/ConfigDesign.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#DesignInstillinger:hover h1{
    color:#FFF;
}
#PersonaleHaandbog{
    background: url(../../WorkersAdmin/images/PersonaleHaandbogOptimized.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#PersonaleHaandbog:hover{
    background-color: #0a7294;
}
#PersonaleHaandbog:hover h1{
    color:#FFF;
}
#EmailTekster{
    background: url(../../WorkersAdmin/images/EmailTeksterOptimized.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#EmailTekster:hover{
    background-color: #0a7294;
}
#EmailTekster:hover h1{
    color:#FFF;
}
#BrugerTilpasning{
    background: url(../../WorkersAdmin/images/BrugerTilpasningOptimized.png) no-repeat 0 0 #FFF;
    border: 1px solid #0a7294;
}
#BrugerTilpasning:hover{
    background-color: #0a7294;
}
#BrugerTilpasning:hover h1{
    color:#FFF;
}
#VisAlleBeskeder{
    background: url(../../WorkersAdmin/images/VisAlleBeskederOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#VisAlleBeskeder:hover{
    background-color: #0a7294;
}
#VisAlleBeskeder:hover h1{
    color:#FFF;
}
#SogEfterBeskeder{
    background: url(../../WorkersAdmin/images/SogEfterBeskederOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#SogEfterBeskeder:hover{
    background-color: #0a7294;
}
#SogEfterBeskeder:hover h1{
    color:#FFF;
}
/* FORMS */
label.error{
    color: #0a7294;
    display: block;
    font-weight: bold;
    line-height: 20px;
    margin: 5px 0;
    padding: 0 0 0 25px;
    background-position: left;
}
.field {
	margin-bottom:10px;
	min-height:40px;
}
.field.checkbox, .field.checkboxset {
	min-height:20px;
}
.field.dropdown div.middleColumn{
	width:225px;
}
.NoHeight{
	height:0px;
}
#Note div.middleColumn{
	width:1050px;
    margin-right: 0;
}
#NoteHeadline {
  background: url(../../WorkersAdmin/images/NoteIcon.gif) no-repeat scroll 7px 10px transparent;
  padding-left: 30px;
}
#Form_EditEmployeeForm_NoteIFrame html body{
	width:200px;
}
#WorkersAdminStandardForm h1.NoLine{
	border-top:none;
}

#WorkersAdminStandardForm h1, WorkersAdminSettingForm h1 {
	border-top:1px solid #0a7294;
	padding-top:10px;
	margin-bottom:10px;
	margin-top:15px;
}

#WorkersAdminSettingForm p.field.checkbox input{
	margin-right:5px;
}
#FormButton{
	float:right;
}
.FormDivLeft{
	float:left;
}
.FormDivRight{
	float:right;
}
.FormDivSmallWidth input{
	width:220px;
}
#EditEmployeeForm_EditEmployeeForm_Skills, #EditEmployeeForm_EditEmployeeForm_WorkWishes,
#CreateEmployeeForm_CreateEmployeeForm_Skills, #CreateEmployeeForm_CreateEmployeeForm_WorkWishes,
#SearchEmployeesForm_SearchEmployeesForm_Skills, #SearchEmployeesForm_SearchEmployeesForm_WorkWishes,
#EditProfileForm_EditProfileForm_Skills, #EditProfileForm_EditProfileForm_WorkWishes
{
	width:1050px;
}
#EditEmployeeForm_EditEmployeeForm_Skills li, #EditEmployeeForm_EditEmployeeForm_WorkWishes li,
#CreateEmployeeForm_CreateEmployeeForm_Skills li, #CreateEmployeeForm_CreateEmployeeForm_WorkWishes li,
#SearchEmployeesForm_SearchEmployeesForm_Skills li, #SearchEmployeesForm_SearchEmployeesForm_WorkWishes li,
#EditProfileForm_EditProfileForm_Skills li, #EditProfileForm_EditProfileForm_WorkWishes li
{
	width:250px;
	float:left;
	padding-left:10px;
	height:30px;
}
#EditEmployeeForm_EditEmployeeForm_Skills li input, #EditEmployeeForm_EditEmployeeForm_WorkWishes li input,
#CreateEmployeeForm_CreateEmployeeForm_Skills li input, #CreateEmployeeForm_CreateEmployeeForm_WorkWishes li input,
#EditProfileForm_EditProfileForm_Skills li input, #EditProfileForm_EditProfileForm_WorkWishes li input{
	margin-right:15px;
}
.FormDivDateTimePanel {
    background-color: #0a7294;
    padding: 20px;
    color: #fff;
}
.FormDivDateTimePanel h2 {
    margin-bottom: 10px;
}
div.DataObjectManager select {
    width: auto;
}
div.DataObjectManager div.fieldgroupField {
    display: inline;
}
/* EMPLOYEES */
select { 
	width: 220px; 
}
.Sorting{
    float:right;
    margin-bottom: 10px;
}
.checkboxsetfield li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}
div.WorkersEmployeeBox{
	width:508px;
	height:210px;
	display:block;
	float:left;
	border: 1px solid #0a7294;
	margin-bottom:25px;
}
div.WorkersEmployeeApplicationBox{
	width:508px;
	height:320px;
	display:block;
	float:left;
	border: 1px solid #0a7294;
	margin-bottom:25px;
}
div.WorkersEmployeeApplicationBox.Inaktiv {
	width:508px;
	height:300px;
	display:block;
	float:left;
	border: 1px solid #0a7294;
	margin-bottom:25px;
}
div.WorkersEmployeeBox.odd {
    width:508px;
    height:210px;
    display:block;
    float:left;
    border-top: none;
    border-left: 1px solid #0a7294;
    border-right: 1px solid #0a7294;
    border-bottom: 1px solid #0a7294;
    margin-bottom:25px;
}
div.WorkersEmployeeBox.Inaktiv{
	border: 1px solid #0a7294;
}
div.WorkersEmployeeApplicationBox div.Created, div.WorkersEmployeeBox div.Created{
    background: url(../../WorkersAdmin/images/bar.gif?1333369684) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 15px;
    height: 17px;
    padding: 5px;
    text-transform: uppercase;
}
div.WorkersEmployeeApplicationBox div.Created.Inaktiv, div.WorkersEmployeeBox div.Created.Inaktiv{
	background:#0a7294;
}
div.WorkersEmployeeApplicationBox.odd, div.WorkersEmployeeBox.odd{
    margin-right:30px;
}
div.WorkersEmployeeBox input.hiddenCheckbox{
    margin-left: 5px;
    margin-top: 4px;
}

div.WorkersEmployeeApplicationPictureBox{
	float:left;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	width:200px;
	height:150px;
}
div.WorkersEmployeeApplicationInfoBox{
	float:right;
	width:275px;
	padding: 10px 10px 0px 0px;
	overflow:hidden;
}
div.WorkersEmployeeApplicationInfoBox.Inaktiv, #WorkersAdminContentArea a.Inaktiv{
	color:#0a7294;
}
div.WorkersEmployeeApplicationDescriptionBox{
	padding: 10px;
	height:85px;
	overflow:hidden;
}
div.WorkersEmployeeApplicationDescriptionBox.Inaktiv{
	color:#0a7294;
}

.Star{
	float:left;
	width:20px;
	height:20px;
	margin: -2px 5px 0 0;
	cursor:pointer;
}
.Star.Negative{
	background:url(../../WorkersAdmin/images/big_stars.png) 0 0;
}
.Star.Positive{
	background:url(../../WorkersAdmin/images/big_stars.png) 0 -20px;
}
.PaginationContainer{
	width:170px;
	margin:0px auto;
	text-align:center;
        margin-top: -25px;
}
.PaginationContainer .MarginLeft{
	margin-left:5px;
        margin-top:0px;
}
.PaginationContainer .MarginRight{
	margin-right:5px;
}

.SmallDeleteIcon{
	background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat scroll 0 0 transparent;
	width:16px;
	height:16px;
	cursor:pointer;
}
.SmallHourIcon{
	background: url("../../WorkersEmployee/images/houricon.png") no-repeat scroll 0 0 transparent;
	width:16px;
	height:16px;
        margin-right: 5px;
	cursor:pointer;
}
.SmallEditIcon{
	background: url(../../WorkersAdmin/images/EditIcon.gif) no-repeat scroll 0 0 transparent;
	width:16px;
	height:16px;
	cursor:pointer;
	margin-right:10px;
}
.SmallMessageIcon{
    margin-top: 3px;
    background: url(../../WorkersAdmin/images/MessageIcon.png) no-repeat scroll 0 0 transparent;
    width:18px;
    height:16px;
    cursor:pointer;
    margin-right:10px;
}
.SmallSMSIcon{
    background: url(../../WorkersAdmin/images/SMSIcon.png) no-repeat scroll 0 0 transparent;
    width:16px;
    height:16px;
    cursor:pointer;
    margin-right:10px;
}
.SmallNoteIcon{
    background: url(../../WorkersAdmin/images/NoteIcon.gif) no-repeat scroll 0 0 transparent;
    width:16px;
    height:16px;
    cursor:pointer;
    margin-right:10px;
}
.SaveEmployee, .SaveJob, .SaveClient, .SaveConfig{
    background: url(../../WorkersAdmin/images/SaveIcon16x16.png) no-repeat scroll 12px 5px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor:pointer;
    padding-left:40px;
    font-weight:normal;
    font-size:12px;
    text-transform:uppercase;
    height: 20px;
    padding-top: 5px;
    width: 48px;
    float:right;
}
.ForwardButton{
    background: url("../../WorkersAdmin/images/Forward.png") no-repeat scroll 5px 4px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 28px;
    padding-top: 5px;
    text-transform: uppercase;
    width: 55px;
}
.BackwardButton{
    background: url("../../WorkersAdmin/images/Backward.png") no-repeat scroll 5px 4px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 28px;
    padding-top: 5px;
    text-transform: uppercase;
    width: 50px;
}
.SearchEmployee, .NewSearch{
    background: url(../../WorkersAdmin/images/SearchIcon18x18.png) no-repeat scroll 10px 3px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 48px;
}
.SaveEmployee:hover, .SaveJob:hover, .SaveClient:hover, .SaveConfig:hover, .SearchEmployee:hover, .NewSearch:hover, .CreateEmployee:hover, .CreateEvaluation:hover, .CreateJob:hover, .CreateLocation:hover, .SaveLocation:hover, .CreateContact:hover, .CreateAlias:hover, .CreateApplication:hover, .CancelApplication:hover, .DeleteEmployee:hover, .DeleteJob:hover, .DeleteTemplateEdit:hover, .DeleteClient:hover, .CreateWallPost:hover, .SaveWallPost:hover, .EvaluateJob:hover, .DeleteMessage:hover, .SendEmailForSender:hover, .SendEmailForReceivers:hover, .SendEmailForNewReceivers:hover, .SendMessage:hover, .SendMessage:hover, #DesignInstillinger:hover, .CreateFromTemplateEdit:hover, .CreateNewTime:hover, .SavePassword:hover, .ForwardButton:hover, .BackwardButton:hover{
    background-color:#0a7294;
    color:#FFF;
}
.NewSearch{
    width:100px;
}
.CreateEmployee, .CreateJob, .CreateLocation, .SaveLocation, .CreateContact, .CreateNewTime, .CreateAlias, .CreateWallPost, .SaveWallPost, .EvaluateJob{
    background: url(../../WorkersAdmin/images/SaveIcon16x16.png) no-repeat scroll 12px 5px transparent;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 58px;
}
.CreateApplication{
    background: url(../../WorkersAdmin/images/PlusIcon20x20.png) no-repeat scroll 10px 4px #FFFFFF;
    border: 1px solid #0a7294;
    cursor:pointer;
    padding-left:40px;
    color:#0a7294;
    font-weight:normal;
    font-size:12px;
    text-transform:uppercase;
    height: 20px;
    padding-top: 6px;
    width: 58px;
    float:right;
}
.CancelApplication{
    background: url(../../WorkersAdmin/images/AlertIcon16x16.png) no-repeat scroll 10px 4px #FFFFFF;
    border: 1px solid #0a7294;
    cursor:pointer;
    padding-left:40px;
    color:#0a7294;
    font-weight:normal;
    font-size:12px;
    text-transform:uppercase;
    height: 20px;
    padding-top: 6px;
    width: 150px;
    float:right;
}
.SavePassword{
    background: url(../../WorkersAdmin/images/PlusIcon20x20.png) no-repeat scroll 10px 4px #FFFFFF;
    border: 1px solid #0a7294;
    cursor:pointer;
    padding-left:40px;
    color:#0a7294;
    font-weight:normal;
    font-size:12px;
    text-transform:uppercase;
    height: 20px;
    padding-top: 6px;
    width: 150px;
    float:right;
}
.CreateFromTemplateEdit{
    background: url(../../WorkersAdmin/images/PlusIcon.png) no-repeat scroll 10px 4px #FFFFFF;
    border: 1px solid #0a7294;
    cursor:pointer;
    padding-left:40px;
    color:#0a7294;
    font-weight:normal;
    font-size:12px;
    text-transform:uppercase;
    height: 20px;
    padding-top: 6px;
    width: 58px;
    float:right;
}
.CreateEvaluation{
    background: url(../../WorkersAdmin/images/EvaluateIcon.png) no-repeat scroll 10px 5px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 70px;
}
.SendMessageForEmployee, .ViewMessageForEmployee{
    background: url(../../WorkersAdmin/images/MessageIcon.png) no-repeat scroll 10px 6px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 95px;
    margin-left:15px;
}
.SendEmailForEmployee{
    background: url(../../WorkersAdmin/images/SendMessageIcon20x20.png) no-repeat scroll 10px 6px #FFF;
    cursor:pointer;
    border: 1px solid #0a7294;
    padding-left:40px;
    color:#0a7294;
    font-weight:normal;
    font-size:12px;
    text-transform:uppercase;
    height: 20px;
    padding-top: 6px;
    width: 105px;
    float:right;
    margin-right:15px;
}
.SendSMSForEmployee{
    background: url(../../WorkersAdmin/images/SendSMSIcon24x24.png) no-repeat scroll 8px 3px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 23px;
    margin-right: 15px;
    padding-left: 40px;
    padding-top: 7px;
    text-transform: uppercase;
    width: 90px;
}
.DeleteMessage{
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat scroll 10px 6px #FFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 45px;
    margin-left:15px;
}
.SendEmailForSender, .SendMessage{
    background: url(../../WorkersAdmin/images/MessageIcon.png) no-repeat scroll 10px 7px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 45px;
    margin-left:15px;
}
.SendEmailForReceivers{
    background: url(../../WorkersAdmin/images/MessageIcon.png) no-repeat scroll 10px 7px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 97px;
    margin-left:15px;
}
.SendEmailForNewReceivers{
    background: url(../../WorkersAdmin/images/MessageIcon.png) no-repeat scroll 10px 7px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 93px;
    margin-left:15px;
}
.ExportExl{
    background: url(../../WorkersAdmin/images/ExcelIcon15x18.gif) no-repeat scroll 10px 6px #FFF;
    cursor:pointer;
    border: 1px solid #0a7294;
    padding-left:40px;
    color:#0a7294;
    font-weight:normal;
    font-size:14px;
    text-transform:uppercase;
    height: 23px;
    padding-top: 7px;
    width: 105px;
    float:right;
    margin-right:15px;
}
.ExportPdf{
	background: url(../../WorkersAdmin/images/PdfIcon15x18.gif) no-repeat scroll 10px 6px #FFF;
	cursor:pointer;
	border: 1px solid #0a7294;
	padding-left:40px;
	color:#0a7294;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	height: 23px;
	padding-top: 7px;
	width: 105px;
	float:right;
	margin-right:15px;
}
.InActivateEmployee{
    background: url(../../WorkersAdmin/images/InAktiverIcon22x22.png) no-repeat scroll 8px 3px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 23px;
    margin-right: 15px;
    padding-left: 40px;
    padding-top: 7px;
    text-transform: uppercase;
    width: 90px;
}
.DeleteJobLink {
    cursor: pointer;
}
.DeleteEmployee, .DeleteJob, .DeleteClient, .DeleteTemplateEdit{
    background: url(../../WorkersAdmin/images/DeleteIcon16x16.png) no-repeat scroll 12px 5px #FFFFFF;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    padding-left: 40px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 50px;
}
.DeleteEmployee:hover, .DeleteJob:hover, .DeleteClient:hover, DeleteTemplateEdit:hover{
    background-color: #0a7294;
    color:#FFF;
}
input[type=submit] {
	display:none;
}
#EditEmployeeForm_EditEmployeeForm_Note_tbl, #CreateEmployeeForm_CreateEmployeeForm_Note_tbl{
	width:1050px;
}
#EditEmployeeForm_EditEmployeeForm_Status, #CreateEmployeeForm_CreateEmployeeForm_Status{
	width:100px;
}
#Status{
	width:100px;
	float:left;
	margin-bottom:0px;
}
#Status div.middleColumn{
	margin-top:0px;
}
/*#StatusText{
	width:400px;
	float:right;
	margin-top: -45px;
}*/
#StatusText.middleColumn, #EditEmployeeForm_EditEmployeeForm_StatusText, #CreateEmployeeForm_CreateEmployeeForm_StatusText{
	width:395px;
}
#StatusAktiv{
	margin-left: 10px;
	clear: left;
	float: left;
    height: 55px;
    width: 75px;
	display:block;
	background: url(../../WorkersAdmin/images/StatusActiveIconBig.png) no-repeat scroll 8px 3px #FFFFFF;
}
#StatusInAktiv{
	margin-left: 10px;
	clear: left;
	float: left;
    height: 55px;
    width: 75px;
	display:block;
	background: url(../../WorkersAdmin/images/StatusDeactiveIconBig.png) no-repeat scroll 8px 3px #FFFFFF;
}
#EditEmployeeForm_EditEmployeeForm_Note_tbl, #CreateEmployeeForm_CreateEmployeeForm_Note_tbl{
	width:1050px;
}
.file_heading{
	width:475px;
}
.no_files{
	margin-left:5px;
}
#EditEmployeeForm_EditEmployeeForm_Email, #CreateEmployeeForm_CreateEmployeeForm_Email{
	width:479px;
}
#CreateEmployeeForm_CreateEmployeeForm_Note_tbl{
	width:1050px;
}
#ApprovalStatus{
	height: 20px;
    margin-bottom: 0;
}
.file{
    background: url(../../WorkersAdmin/images/WorkersFiles.png) no-repeat scroll center 0 transparent;
    float: left;
    height: 25px;
    padding: 65px 0 0;
    text-align: center;
    width: 175px;
}
.deleteFile{
    width: 20px;
    height: 20px;
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat scroll center 0 transparent;
    left: 95px;
    top: 45px;
    position:relative;
    cursor:pointer;
}
.fileHolder{
    float: left;
    height: 100px;
    width: 175px;
}
#MessageForm_SendSMSMessageForm_SMSMessage{
    width:1045px;
}
.Breadcrumb{
    color:#0a7294;
    text-decoration:underline;
}
#VisAlleKunder{
    background: url(../../WorkersAdmin/images/VisAlleKunderOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#VisAlleKunder:hover{
    background-color: #0a7294;
}
#VisAlleKunder:hover h1{
    color:#FFF;
}
.Edit{
    background: url(../../WorkersAdmin/images/EditIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.EditContact{
    background: url(../../WorkersAdmin/images/EditIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.Delete{
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.DeleteContact{
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
#WorkersClientApplicationTable{
	margin-bottom:20px;
}
#WorkersClientApplicationTable thead th{
	padding-left:10px;
        cursor:normal;
}
#WorkersClientApplicationTable tr{
	border:1px solid #0a7294;
	cursor:pointer;
}
#WorkersClientApplicationTable tr:hover{
	
}
#WorkersClientApplicationTable tr th{
	padding:10px;
}
#WorkersClientApplicationTable tr.even{
	background:#0a7294;
	color:#FFF;
}
#WorkersClientApplicationTable tr.odd{
	background:#FFF;
	color:#0a7294;
}

#WorkersClientApplicationTable .Edit{
    margin-right:10px;
}
#WorkersClientApplicationTable .Edit, #WorkersClientApplicationTable .Delete{
    float:left;
}
.CreateClient{
    background: url(../../WorkersAdmin/images/SaveIcon20x20.png) no-repeat scroll 10px 4px transparent;
    border: 1px solid #0a7294;
    color: #0a7294;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 21px;
    padding-left: 40px;
    padding-top: 5px;
    text-transform: uppercase;
    width: 58px;
}
.CreateClient:hover{
    background-color: #0a7294;
    color:#FFF;
}
#CreateClientForm_CreateClientForm_action_CreateClient, #EditClientForm_EditClientForm_action_EditClient{
    display:none;
}
div.applicationContainer {
    background-color: #0a7294;
    padding: 10px;
    color: #fff;
}

div.applicationContainer div.HeadLine {
    padding-top: 5px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

div.applicationContainer div.HeadLine div{
    text-align: right;
}

div.applicationContainer h3 {
    text-transform: uppercase;
}

div.applicationContainer table {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
}

div.applicationContainer table th {
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 5px;
}

div.applicationContainer table td {
    padding: 5px;
}
.clickable {
    cursor: pointer;
}
.heartPreloader{
    background: url(../../WorkersAdmin/images/heartPreloader.gif) no-repeat center center;
    height:260px;
}
/* 
    Document   : WorkersAdminEmployees
    Created on : 22-04-2011, 11:51:06
    Author     : Joel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
div.BirthdayMessage {
   background: url("../../WorkersEmployee/images/BirthdayBallons.png") no-repeat scroll 985px 4px #0a7294;
    color: #FFFFFF;
    font-size: 15px;
    margin: 0 0 20px;
    padding: 10px;
    width: 1030px;
}
div.BirthdayMessage li {
    margin-left: 20px;
}
div.BirthdayMessage ul {
    margin-top: 5px;
}

.visListe, .visBilleder{
    cursor: pointer;
}
.View{
    background: url(../../WorkersAdmin/images/SearchIcon18x18.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.Edit{
    background: url(../../WorkersAdmin/images/EditIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.Delete{
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
#WorkersEmployeeApplicationTable .Edit{
    margin-right:10px;
}
#WorkersEmployeeApplicationTable .Edit, #WorkersEmployeeApplicationTable .Delete{
    float:right;
}
#WorkersEmployeeApplicationTableList{
	margin-bottom:20px;
}
#WorkersEmployeeApplicationTableList thead th{
	padding-left:10px;
}
#WorkersEmployeeApplicationTableList tr{
	border:1px solid #0a7294;
	cursor:pointer;
}
#WorkersEmployeeApplicationTableList tr:hover{
	
}
#WorkersEmployeeApplicationTableList tr th{
	
}
#WorkersEmployeeApplicationTableList tr.even{
	background:#0a7294;
	color:#FFF;
}
#WorkersEmployeeApplicationTableList tr.odd{
	background:#FFF;
	color:#0a7294;
}
.WorkersEmployeeApplicationIconsBox{
	height:30px;
	width:488px;
	padding:0px 10px 10px 10px;
	font-weight:bold;
}
.WorkersEmployeeApplicationIconsBox .MereInfo{
	background: url(../../WorkersAdmin/images/MoreIcon.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 25px;
    line-height: 19px;
    padding-left: 25px;
}
.WorkersEmployeeApplicationIconsBox .Godkend{
	float:right;
	background: url(../../WorkersAdmin/images/YesIcon.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 25px;
    line-height: 19px;
    padding-left: 20px;
	margin-right:10px;
}
.WorkersEmployeeApplicationIconsBox .Godkend:hover, .WorkersEmployeeApplicationIconsBox .Afvis:hover, .WorkersEmployeeApplicationIconsBox .MereInfo:hover{
	text-decoration:underline;
}
.WorkersEmployeeApplicationIconsBox .Afvis{
	float:right;
	background: url(../../WorkersAdmin/images/NoIcon.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 25px;
    line-height: 19px;
    padding-left: 20px;
}
.WorkersEmployeeApplicationIcons{
	padding:0px 10px;
}
#WorkersEmployeeApplicationTable{
    border: 1px solid #0a7294;
    margin-bottom:20px;
    clear: both;
}
#WorkersEmployeeApplicationTable thead th{
	
}
#WorkersEmployeeApplicationTable tr{
	border:1px solid #0a7294;
	cursor:pointer;
}
#WorkersEmployeeApplicationTable tr:hover{
	
}
#WorkersEmployeeApplicationTable tr th{
	
}
#WorkersEmployeeApplicationTable tr.even{
	background:#0a7294;
	color:#FFF;
}
#WorkersEmployeeApplicationTable tr.odd{
	background:#FFF;
	color:#0a7294;
}
.file{
    height: 100px;
    width: 150px;
    float: left;
    height: 25px;
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}
.deleteFile{
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat scroll center 2px #FFFFFF;
    cursor: pointer;
    height: 20px;
    left: 130px;
    position: relative;
    top: 80px;
    width: 20px;
}
.fileHolder{
    float: left;
    height: 100px;
    width: 175px;
    margin-bottom: 20px;
}
.employeeCheckbox{
    margin-left: 5px;
    margin-right: 10px;
}
.selectingLink, .ShowSearchAsList, .ShowSearchAsDetails{
    cursor: pointer;
}
#VisAlleOpslagPaaVaeggen{
    background: url(../../WorkersAdmin/images/VisAlleVaegOpslagOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#VisAlleOpslagPaaVaeggen:hover{
    background-color: #0a7294;
}
#VisAlleOpslagPaaVaeggen:hover h1{
    color:#FFF;
}
#OpretOpslagPaaVaeggen{
    background: url(../../WorkersAdmin/images/OpretVaegOpslagOptimized.png) no-repeat 0 0 #FFF;
    border:1px solid #0a7294;
}
#OpretOpslagPaaVaeggen:hover{
    background-color: #0a7294;
}
#OpretOpslagPaaVaeggen:hover h1{
    color:#FFF;
}
div.WallPosts p{
    margin-bottom:10px;
}
#WorkersEmployeeWallPostTable{
	margin-bottom:20px;
}
#WorkersEmployeeWallPostTable thead th{
}
#WorkersEmployeeWallPostTable tr{
	border:1px solid #0a7294;
	cursor:pointer;
}
#WorkersEmployeeWallPostTable tr:hover{
	
}
#WorkersEmployeeWallPostTable tr th{

}
#WorkersEmployeeWallPostTable tr.even{
	background:#0a7294;
	color:#FFF;
}
#WorkersEmployeeWallPostTable tr.odd{
	background:#FFF;
	color:#0a7294;
}
.Edit{
    background: url(../../WorkersAdmin/images/EditIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.Delete{
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
#WorkersEmployeeWallPostTable .Edit{
    margin-right:10px;
}
.wallPaperCheckbox{
    margin-left:10px;
    margin-right: 10px;
}
#WorkersEmployeeWallPostTable{
    margin-bottom:20px;
    clear: both;
}
.selectingLink{
    cursor: pointer;
}
.WallPostUtilities{
    float:left;
}
#WorkersJobsTable{
	margin-bottom:20px;
}
#WorkersJobsTable thead th{
	padding-left:10px;
}
#WorkersJobsTable tr{
	border:1px solid #0a7294;
	cursor:pointer;
}
#WorkersJobsTable tr:hover{
	
}
#WorkersJobsTable tr th{
	padding:10px;
}
#WorkersJobsTable tr.even{
	background:#0a7294;
	color:#FFF;
}
#WorkersJobsTable tr.odd{
	background:#FFF;
	color:#0a7294;
}
div.ApplicationCurrentStatus div.LeftStatus{
    background: url("WorkersAdmin/images/Dots/yellowDot.png") no-repeat scroll 0 1px transparent;
    height: 12px;
    margin: 2px 4px 0 9px;
    padding-bottom: 0;
    padding-left: 14px;
    padding-top: 0;
    width: 10px;
}
div.WorkersJobBox{
    display:block;
    border: 1px solid #0a7294;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

div.WorkersJobBox div.Header {
    background: #0a7294;
    color: #FFF;
    padding: 5px;
    height: 20px;
    font-size: 15px;
    text-transform: uppercase;
}

div.WorkersJobBox div.Content {
    padding: 10px;
    width: 100%;
}

div.WorkersJobBox div.JobInfo {
    float: left;
    width: 245px;
    margin-bottom: 10px;
    line-height:16px;
}

div.WorkersJobBox div.JobInfo td {
    padding-right: 20px;
}

div.WorkersJobBox div.JobInfo td.JobInfoData {
    font-weight: bold;
}

div.WorkersJobBox div.JobEmployeesLabel {
    border-top: 1px solid #0a7294;
    border-bottom: 1px solid #0a7294;
    text-transform: uppercase;
    padding: 7px 0px 7px 0px;
    margin-top: 10px;
    font-weight: bold;
    width: 98%;
    float: left;
    font-size: 12px;
}

div.WorkersJobBox div.JobEmployeesApproved {
    float: left;
    width: 100%;
    margin-top: 5px;
}

div.WorkersJobBox div.JobEmployeesApproved table {
    width: 98%;
}

div.WorkersJobBox div.JobEmployeesApproved table td {
    font-weight: bold;
    padding-top: 10px;
}

div.WorkersJobBox div.JobEmployeesApproved table td div.ApplicationCurrentStatus {
    text-align: center;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #0a7294;
    text-transform: uppercase;
    color: #fff;
    width: 90px;
    cursor: pointer;
    
    -moz-border-radius: 15px; /* Old firefox  */
    -webkit-border-radius: 15px; /* Old safari and chrome */
    -ie-border-radius: 15px;
    border-radius: 15px;
    height:15px;
}

div.ApplicationStatusPopup, div.ApplicationPopup, div.FakturePopup { 
    visibility: hidden;
    position: absolute;
}

div.FakturePopup div {
    text-align: left;
    padding: 8px;
    background-color: #0a7294;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #FFFFFF;
    position: relative;
    right: 150px;
    z-index:1000;
    -moz-border-radius: 15px; /* Old firefox  */
    -webkit-border-radius: 15px; /* Old safari and chrome */
    -ie-border-radius: 15px;
    border-radius: 15px;
    
    -moz-box-shadow: 3px 3px 3px #a9a9a9; /* Old firefox  */
    -webkit-box-shadow: 3px 3px 3px #a9a9a9; /* Old safari and chrome */
    box-shadow: 3px 3px 3px #a9a9a9;
}

div.ApplicationStatusPopup {
    text-align: left;
    padding: 8px;
    background-color: #0a7294;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #FFFFFF;
    position: absolute;
    z-index:1000;

    -moz-border-radius: 15px; /* Old firefox  */
    -webkit-border-radius: 15px; /* Old safari and chrome */
    -ie-border-radius: 15px;
    border-radius: 15px;

    -moz-box-shadow: 3px 3px 3px #a9a9a9; /* Old firefox  */
    -webkit-box-shadow: 3px 3px 3px #a9a9a9; /* Old safari and chrome */
    box-shadow: 3px 3px 3px #a9a9a9;
    width:100px;
}

div.ApplicationPopup {
    text-align: left;
    padding: 8px;
    background-color: #0a7294;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #FFFFFF;
    position: absolute;
    z-index:1000;

    -moz-border-radius: 15px; /* Old firefox  */
    -webkit-border-radius: 15px; /* Old safari and chrome */
    -ie-border-radius: 15px;
    border-radius: 15px;

    -moz-box-shadow: 3px 3px 3px #a9a9a9; /* Old firefox  */
    -webkit-box-shadow: 3px 3px 3px #a9a9a9; /* Old safari and chrome */
    box-shadow: 3px 3px 3px #a9a9a9;
}

.optionset li {
    display: inline;
    margin-left: 5px;
}

div.WorkersJobBox div.JobEmployeesApproved table td div.ApplicationStatusPopup div {
    cursor: pointer;
    padding: 4px;
}

div.applicationContainer {
    background-color: #0a7294;
    padding: 10px;
    color: #fff;
}

div.applicationContainer div.HeadLine {
    padding-top: 5px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

div.applicationContainer div.HeadLine div{
    text-align: right; 
}

div.applicationContainer h3 {
    text-transform: uppercase;
}

div.applicationContainer table {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
}

div.applicationContainer table th {
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 5px;
}

div.applicationContainer table td {
    padding: 5px;
}

.clickable {
    cursor: pointer;
}

.NoCrown {
    visibility: hidden;
}

#WorkersJobTable{
    border: 1px solid #0a7294;
    margin-bottom:20px;
}
#WorkersJobTable thead th{
    padding-left:2px;
}
#WorkersJobTable tr{
	border:1px solid #0a7294;
	cursor:pointer;
}
#WorkersJobTable th {
    padding: 2px 2px 2px 10px;
}
#WorkersJobTable tr.even{
	background:#0a7294;
	color:#FFF;
}
#WorkersJobTable tr.odd{
	background:#FFF;
	color:#0a7294;
}
.file{
    background: url(../../WorkersAdmin/images/WorkersFiles.png) no-repeat scroll center 0 transparent;
    float: left;
    height: 25px;
    padding: 65px 0 0;
    text-align: center;
    width: 175px;
}
.deleteFile{
    width: 20px;
    height: 20px;
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat scroll center 0 transparent;
    left: 95px;
    top: 45px;
    position:relative;
    cursor:pointer;
}
.downloadFile{
    width: 20px;
    height: 20px;
    background: url(../../WorkersAdmin/images/download.png) no-repeat scroll center 0 transparent;
    left: 55px;
    top: 25px;
    position:relative;
    cursor:pointer;
}
.fileHolder{
    float: left;
    height: 100px;
    width: 175px;
}
.Edit{
    background: url(../../WorkersAdmin/images/EditIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.Delete{
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
#WorkersJobTable .Edit, #WorkersJobTable .CreateFromTemplate{
    margin-right:10px;
}
.CreateFromTemplate{
    background: url(../../WorkersAdmin/images/PlusIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.JobPicture {
    float: left;
    margin-right: 10px;
}
.selectingLink, .ShowSearchAsList, .ShowSearchAsDetails {
    cursor: pointer;
}
#VisAlleTimer{
    background: url(../../WorkersAdmin/images/VisAlleTimer.gif) no-repeat 0 0;
}
.Edit{
    background: url(../../WorkersAdmin/images/EditIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
.Delete{
    background: url(../../WorkersAdmin/images/DeleteIcon.png) no-repeat 0 0;
    width:16px;
    height:16px;
}
#WorkersHourTable{
	margin-bottom:20px;
}
#WorkersHourTable thead th{
	padding-left:10px;
}
#WorkersHourTable tr{
	border:1px solid #0a7294;
	cursor:pointer;
}
#WorkersHourTable tr:hover{
	
}
#WorkersHourTable tr th{
	padding:10px;
}
#WorkersHourTable tr.even{
	background:#0a7294;
	color:#FFF;
}
#WorkersHourTable tr.odd{
	background:#FFF;
	color:#0a7294;
}
#WorkersHourTable .Edit{
    margin-right:10px;
}
#WorkersHourTable .Edit, #WorkersHourTable .Delete{
    float:left;
}
.selectingLink {
    cursor: pointer;
}


#Layout.MainLayout {
	margin: 20px auto 10px;
        width: 1050px;
}









/* Employee */

a {
    color:#FFF;
    text-decoration:none;
    text-transform:uppercase;
}
a:hover{
    text-decoration:underline;
}
img {
    border:none;
}
a img {
    border:none;
}
a:active {
    outline: none;
}
a:focus {
    -moz-outline-style: none;
}
/*This Line removes border around clickable images in Firefox*/
a:active, a:focus, input[type="image"] {
    outline: 0;
}
h1 {
    color: #0a7294;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin: 0 0 16px;
    text-transform: uppercase;
}
.NormalText {
    text-transform:none;
}
div.WorkersEmployeePanel {
    background: url(../../WorkersAdmin/images/bar.gif?1333369684) repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    height: 15px;
    margin-bottom: 20px;
    padding: 6px 10px;
    width: 1030px;
}
div.WorkersEmployeePanelForControl {
    display:block;
    width:1050px;
    height:32px;
    padding: 0px;
    color:#0a7294;
    margin: 20px 0 10px;
}
div.WorkersEmployeePanelEmpty {
    background:#0a7294;
    height:32px;
    margin-right:15px;
    width:auto;
    float:left;
}
div.WorkersEmployeePanel h1 {
    color:#FFF;
}
div.WorkersEmployeePanel h1.Saved {
    background: url(../../WorkersAdmin/images/YesIcon.png) no-repeat scroll 0 0 transparent;
    padding-left: 25px;
}
div.WorkersAdminPanelEmpty div.HasApplied {
    background: url(../../WorkersAdmin/images/YesIcon.png) no-repeat scroll 0 0 transparent;
    width:15px;
    height: 17px;
    margin-top: -2px;
    padding-right: 5px;
    float:left;
    margin-left:5px;
}
.FloatRight {
    float:right;
}
.FloatLeft  {
    float:left;
}
/* MENU  */
#MainMenu {
    padding:20px;
    margin-bottom: 15px;
}
#MainMenu h1 {
    float:left;
    margin-right:30px;
}
#MainMenu a{
    color:#0a7294;
    cursor:pointer;
}
#MainMenuButton {
    display:block;
    width:32px;
    height:18px;
    background: url(../../WorkersAdmin/images/MenuButton.gif) no-repeat 0 0;
    float:left;
    cursor:pointer;
    margin-right:30px;
}
#DropDownMenu {
    display:block;
    width:210px;
    min-height:50px;
    background: #0a7294;
    color:#FFF;
    float:left;
    position:absolute;
    z-index:10000;
    padding:20px 20px 5px 20px;
    visibility:hidden;
}
#DropDownMenu a {
    display:block;
    margin-bottom:10px;
}
#DropDownMenu hr {
    margin-bottom:15px;
}
/* Content area*/
#WorkersEmployeeContentArea {
    color:#0a7294;
    text-transform:uppercase;
}
#WorkersEmployeeContentArea a {
    color:#0a7294;
}
/* PAGINATION */
#WorkersEmployeeContentArea .pagination {
    text-align:center;
    margin-bottom:20px;
    height: 22px;
    line-height: 24px;
}
#EmployeeDashboardColumn1 .PaginationContainer{
    margin-top:0px;
}
.PaginationContainer{
	width:170px;
	margin:0px auto;
	text-align:center;
        margin-top: -25px;
}
.pagination{
    padding-top: 2px;
    line-height: 23px;
}
/* FRONTPAGE MENU */
.Button {
    display:block;
    width:248px;
    height:86px;
    float:left;
    cursor:pointer;
    margin-right:17px;
    margin-bottom:15px;
}
.NoMarginRight {
    margin-right:0px;
}
.Button h1 {
    width: 165px;
    text-align:center;
    margin-top:25px;
    padding-left: 5px;
    padding-right: 5px;
}
.Button h1:hover {
    text-decoration:underline;
}
/* FORMS */
label.error {
    color: #0a7294;
    display:block;
    margin:5px 0px;
    font-weight:bold;
}
.error {
    border-color: red;
    background-image: url(../../WorkersAdmin/images/error.gif);
    background-position: right;
    background-repeat: no-repeat;
}
.field {
    margin-bottom:10px;
    min-height:40px;
}
.field.checkbox, .field.checkboxset {
    min-height:20px;
}
.field.dropdown div.middleColumn {
    width:225px;
}
.FormDivSmallWidth {
    width:230px;
    margin-right: 40px;
}
.FormDivSmallWidth.Last {
    margin-right: 0px;
}
.NoHeight{
    height:0px;
}
#Note div.middleColumn {
    width:1050px;
    margin-right: 0;
}
#NoteHeadline {
    background: url(../../WorkersAdmin/images/NoteIcon.gif) no-repeat scroll 7px 10px transparent;
    padding-left: 30px;
}
#WorkersEmployeeStandardForm h1.NoLine {
    border-top:none;
}

#WorkersEmployeeStandardForm h1 {
    border-top:1px solid #0a7294;
    padding-top:10px;
    margin-bottom:10px;
    margin-top:15px;
}
#FormButton {
    float:right;
}
.FormDivLeft {
    float:left;
}
.FormDivRight {
    float:right;
}
.FormDivSmallWidth input {
    width:220px;
}
.FormDivDateTimePanel {
    background-color: #0a7294;
    padding: 20px;
    color: #fff;
}
.FormDivDateTimePanel h2 {
    margin-bottom: 10px;
}
div.DataObjectManager select {
    width: auto;
}
div.DataObjectManager div.fieldgroupField {
    display: inline;
}
.Actions {
    display: none;
}
.left{
    float:left;
}
.right{
    float:right;
}
.lightPurple{
    background: #0a7294;
}
.textCenter{
    text-align: center;
}
.smallCaption{
    text-transform: none;
    font-size: 10px;
    float:right;
}
.smallCaption a{
    text-transform: uppercase;
    cursor: pointer;
    color:#FFF;
}
#EditProfileForm_EditProfileForm #StatusText{
    float:none;
    width:1050px;
}
#WorkersTable{
    margin-bottom: 40px;
}
#WorkersTable th{
    padding: 5px;
    background: #0a7294;
    color: #FFF;
}
#WorkersTable tr {
    border: 1px solid #0a7294;
}
#WorkersTable tr td{
    padding: 5px;
    cursor: pointer;
}

.heartPreloaderOverlay{
    background-color: #0a7294;
    height: 100%;
    width: 100%;
    position: fixed;
    visibility: hidden;
    top: 0px;
    left: 0px;
    z-index: 99999;
    opacity: 0.8;
    text-transform: none;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    font-size: 25px;
}

.heartPreloaderOverlay div{
    margin-top: 20%;
}

/* 
    Document   : WorkersEmployeeJobs
    Created on : 30-05-2011, 16:41:54
    Author     : Joel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
td{
    /* height:25px; */
}
#DateAndTimeTable {
    color: #FFFFFF;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 500px;
}
#DateAndTimeTable td {
    padding-bottom: 18px;
    padding-left: 15px;
    padding-top: 18px;
}
tr{
    padding-left:10px;
}
.ViewJob{
    cursor:pointer;
}
.selectingLink, .ShowSearchAsList, .ShowSearchAsDetails {
    cursor: pointer;
}
.downloadFile{
    width: 20px;
    height: 20px;
    background: url(../../WorkersAdmin/images/download.png) no-repeat scroll center 0 transparent;
    left: 55px;
    top: 45px;
    position:relative;
    cursor:pointer;
}


#WorkersMessageTable{
	margin-bottom:20px;
}
#WorkersMessageTable thead th{
	
}
#WorkersMessageTable tr{
	border:1px solid #0a7294;
	cursor:pointer;
}
#WorkersMessageTable tr:hover{
	
}
#WorkersMessageTable tr th{
    padding: 10px 10px 10px 0;
}
#WorkersMessageTable tr.even{
	background:#0a7294;
	color:#FFF;
}
#WorkersMessageTable tr.odd{
	background:#FFF;
	color:#0a7294;
}
tr.CheckedRow{
    background-color: rgba(10, 114, 148, 0.05);
}


div.WorkersEvaluationBox {
    width: 1028px;
    display: block;
    float: left;
    border: 1px solid #0a7294;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 14px;
}

div.WorkersEvaluationBox ol, div.WorkersEvaluationBox ul {
    padding-left: 40px;
}

div.WorkersEvaluationBox a {
    color: #0a7294;
}

div.Created a {
    color: #ffffff;
}

div.WorkersEvaluationBox div.Created {
    background-color: #0a7294;
    color: #FFF;
    padding: 5px;
    height: 20px;
    font-size: 15px;
    text-transform: uppercase;
}
#WorkersMessageTable, #WorkersEmployeeWallPostTable, #WorkersHourTable{
    border: 1px solid #0a7294;
}
#WorkersEmployeeApplicationTable input.hiddenCheckbox, #WorkersEmployeeWallPostTable input.hiddenCheckbox{
    margin: 0px 10px;
}
.WorkersEmployeeCheckboxAbsolutePositioned{
    position:absolute;
    margin-left: 10px;
    margin-top: -22px;
}
.WorkersEmployeeMessageAbsolutePositioned{
    position:absolute;
    margin-left: 480px;
    margin-top: 160px;
}
#WorkersTable.WalletTable{
   border: medium none;
    color: #0a7294;
    font-size: 14px;
    text-transform: uppercase;
    width: 400px;
    float:right;
}
#WorkersTable.WalletTable th{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #0a7294;
    border-bottom: 1px solid #0a7294;
}
#WorkersTable.WalletTable tr{
    border:none;
}
#WorkersEmployeeStandardForm .UploadifyField .button_wrapper{
    min-height:40px;
}
/* ICONS */
.DefaultPopUpButton.SaveIcon{
    background: url("../../WorkersAdmin/images/SaveIcon16x16.png") no-repeat scroll 7px 5px transparent;
    padding-left: 30px;
}
.DefaultPopUpButton.SearchIcon{
    background: url("../../WorkersAdmin/images/SearchIcon18x18.png") no-repeat scroll 7px 5px transparent;
    padding-left: 30px;
}
.DefaultPopUpButton.SMSIcon{
    background: url("../../WorkersAdmin/images/SMSIcon.png") no-repeat scroll 7px 5px transparent;
    padding-left: 30px;
}
.DefaultPopUpButton.YesIcon{
    background: url("../../WorkersAdmin/images/YesIcon.png") no-repeat scroll 7px 5px transparent;
    padding-left: 30px;
}
.DefaultPopUpButton.SendIcon, .DefaultPopUpButton.MessageIcon{
    background: url("../../WorkersAdmin/images/MessageIcon.png") no-repeat scroll 7px 5px transparent;
    padding-left: 30px;
}

.DefaultPopUpButton.DeleteIcon{
    background: url("../../WorkersAdmin/images/DeleteIcon.png") no-repeat scroll 7px 5px transparent;
    padding-left: 30px;
}
.DefaultPopUpButton.CancelIcon{
    background: url("../../WorkersAdmin/images/CancelIcon16x16.png") no-repeat scroll 7px 5px transparent;
    padding-left: 30px;
}
.CloseIcon, .DefaultPopUpButton.CloseIcon{
    background: url("../../WorkersAdmin/images/CloseIcon16x16.png") no-repeat scroll 7px 5px transparent;
    padding-left: 30px;
}
.ProfileIcon{
    background: url(../../WorkersAdmin/images/UserProfileIcon.png) no-repeat scroll 0 0 transparent;
    padding-left: 40px;
}
.ExtraPicturesIcon{
    background: url(../../WorkersAdmin/images/ExtraPicturesIcon.png) no-repeat scroll 0 0 transparent;
    padding-left: 40px;
}
.UserDescriptionIcon{
    background: url(../../WorkersAdmin/images/UserDescriptionIcon.png) no-repeat scroll 6px 5px transparent;
    padding-left: 40px;
}
.UserMapIcon{
    background: url(../../WorkersAdmin/images/UserMapIcon.png) no-repeat scroll 9px 7px transparent;
    padding-left: 40px;
}
.UserIcon{
    background: url(../../WorkersAdmin/images/UserIcon.png) no-repeat scroll 9px 7px transparent;
    padding-left: 40px;
}
.RulerIcon{
    background: url(../../WorkersAdmin/images/RulerIcon.png) no-repeat scroll 7px 4px transparent;
    padding-left: 40px;
}
.FacebookIcon{
    background: url(../../WorkersAdmin/images/FacebookIcon.png) no-repeat scroll 7px 7px transparent;
    padding-left: 40px;
}
.UserMedalIcon{
    background: url(../../WorkersAdmin/images/UserMedalIcon.png) no-repeat scroll 7px 4px transparent;
    padding-left: 40px;
}
.UserToolsIcon{
    background: url(../../WorkersAdmin/images/UserToolsIcon.png) no-repeat scroll 7px 4px transparent;
    padding-left: 40px;
}
.LegalIcon{
    background: url(../../WorkersAdmin/images/LegalIcon.png) no-repeat scroll 7px 4px transparent;
    padding-left: 40px;
}
.BankIcon{
    background: url(../../WorkersAdmin/images/BankIcon.png) no-repeat scroll 7px 4px transparent;
    padding-left: 40px;
}
.StatusIcon{
    background: url(../../WorkersAdmin/images/StatusIcon.png) no-repeat scroll 7px 4px transparent;
    padding-left: 40px;
}
#Layout .upload_previews ul li.uploadifyFile div.delete a.delete {background: url("../../WorkersAdmin/images/DeleteIcon.png") no-repeat scroll 4px 8px #999999; padding: 10px 10px 10px 25px;}
#heartPreloaderAnim{
    width:64px;
    height:64px;
    background: url(../../WorkersAdmin/images/Preloader.gif) no-repeat transparent;
    margin: 0 auto;
}

.JobCategory {
    width: 30%;
    color: #FFF;
    padding: 5px;
    margin: 10px;
    background-color: #1088b0;
    float: left;
}

.JobCategory textarea {
    position: absolute;
    width: 300px;
    height: 70px;
    margin: 5px;
    visibility: hidden;
}

.JobCategory img {
    cursor: pointer;
}

.CreateJobCategoryBox {
    padding: 10px;
    border: 1px solid #0a7294;
}

.CreateGroupBox {
    float: left;
    margin: 10px;
    width: 45%;
    padding: 10px;
    border: 1px solid #0a7294;
}

.CreateJobCategoryBox legend, .CreateGroupBox legend {
    padding: 5px;
}

.CreateJobCategoryBox .CreateCategory, .CreateGroupBox .CreateCategory {
    cursor: pointer;
    padding: 5px 40px 5px 40px;
    color: #FFF;
    background-color: #1088b0;
    float: right;
}

.JobCategory .EditCategorySubmit {
    cursor: pointer;
    padding: 5px;
    color: #FFF;
    border: 1px solid #FFF;
    background-color: #1088b0;
    float: right;
    position: relative;
    top: 83px;
    right: 9px;
    visibility: hidden;
}
div.CalendarEventCustom{
    line-height: 20px;
    height: 20px;
}
.noclickth{
    padding-top:15px;
}

.RightsContainer {
    width: 22%;
    float: left;
    margin: 15px;
}

.RightsContainer .gotRightsIndicator {
    float: right;
    cursor: help;
}

#EmployeeRightGroupBox {
    float: right;
    width: 60%;
}

#EmployeeRightBox {
    float: left;
    width: 35%;
}

.editJobCategoryRights {
    padding: 5px;
    border: 1px solid #1088b0;
    cursor: pointer;
}
.editNotificationRights {
    padding: 5px;
    border: 1px solid #1088b0;
    cursor: pointer;
}
#CustomLoginForm_LoginForm div.Actions, #MemberLoginForm_LoginForm div.Actions, #MemberLoginForm_LoginForm_action_dologin{
    display: block;
}
.CheckIn{
    background: url("../../WorkersAdmin/images/WatchPlayButton.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
    width: 60px;
}
.CheckOut{
    background: url("../../WorkersAdmin/images/WatchPauseButton.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
    width: 60px;
}
.CheckOutAndFinish{
    background: url("../../WorkersAdmin/images/WatchStopButton.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
    width: 60px;
}
.jobtr{
    height:30px;
}
#DefaultPopUpHolder{
    display:none;
}
#DefaultPopUp{
    width:600px;
    min-height:100px;
}
#DefaultPopUpHeader{
    background: url(../../WorkersAdmin/images/bar.gif?1333369684) repeat-x #0a7294;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    padding: 5px 15px;
    text-transform: uppercase;
}
#DefaultPopUpBody{
    padding: 15px;
    color:#0a7294;
}
#DefaultPopUpBody p{
    margin-bottom:10px;
}
.DefaultPopUpButton{
    border: 1px solid #0a7294;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    padding: 5px 10px;
    float:right;
    color:#0a7294;
    text-transform: uppercase;
    cursor: pointer;
    margin-right:15px;
}
.DefaultPopUpButton:hover{
    background-color: #0a7294;
    color:#FFF;
}
#DefaultPopUpButtonHolder{
    bottom: 15px;
    height: 27px;
    position: absolute;
    right: 0px;
}
#JobTimesHolder{
    padding:20px;
    background-color:#0a7294;
    color:#FFF;
}
#JobTimesHolder div.JobTimeElement{
    width:250px;
    height:35px;
    margin-bottom:10px;
}
.JobTimeSpecialWidth{
    width:240px;
}
#JobTimesHolder #JobTimesHolderHeader div.JobTimeElement {
    height:20px;
}

#JobTimesHolderHeader h2{
    margin-bottom: 10px;
}
#Container .top-controls .rounded_table_top_left {
    background: none repeat scroll 0 0 #0a7294;
    height: 34px;
}
#Container .top-controls .rounded_table_top_right {
    background: none repeat scroll 0 0 #0a7294;
    height: 34px;
    padding-right: 6px;
}
#Container .DataObjectManager .Pagination {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-weight: normal;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 8px;
    width: 210px;
}
#Container .bottom-controls .rounded_table_bottom_left {
    background: none repeat scroll 0 0 #0a7294;
    height: 34px;
}
#Container .bottom-controls .rounded_table_bottom_right {
    background: none repeat scroll 0 0 #0a7294;
    height: 34px;
    padding-right: 6px;
    color:#FFF;
    
}
#Container .list .dataobject-list li.head{
    background-image:none;
} 
.JobTime{
    margin-bottom:10px;
    height:20px;
}
#MemberLoginForm_LostPasswordForm div.Actions, #MemberLoginForm_LostPasswordForm div.Actions #MemberLoginForm_LostPasswordForm_action_forgotPassword{
    display:block;
}

.NotificationBox {
    position: absolute;
    margin-left: -12px;
    margin-top: -8px;
    padding-top: 6px;
    text-align: center;
    background: url(../../WorkersAdmin/images/NotifyNumberBackground.png) no-repeat 0 0 transparent;
    background-size: 100%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    color: #fff;
}
.NotificationNumber {
    position: absolute;
    margin-top: 2px;
    margin-left: 221px;
    padding-top: 6px;
    text-align: center;
    background: url(../../WorkersAdmin/images/NotifyNumberBackground.png) no-repeat 0 0 transparent;
    background-size: 100%;
    width: 25px;
    height: 25px;
}
#ApplyForm_ApplyForm div.FormateretTekst{
    padding-right:20px;
}
#DriversLicense label, #Car label{
    margin-bottom:10px;
} /** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
 	font-size: 10px;
 	margin-bottom: 40px;
	font-family: Arial, verdana, Lucida, sans-serif;
	background: #FFF url(../../WorkersAdmin/images/bar.gif?1333369684) repeat-x 0 125px;
}

html {
	background: #FFF;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}


/* DEFAULT WIDTHS
----------------------------------------- */

.LargeWith{
    width: 1050px;
}

.MediumWith{
    width: 550px;
}

.SmallWith{
    width: 320px;
}

.LargeLayoutWith{
    width: 950px;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
    margin: 0 auto;
}
#Container { 
	width: 1050px;
	padding-bottom: 15px;
	background: #fff;
}
#Layout {
	width: 1030px; /* Takes care of 10px margin left and right*/
	clear: both;
	overflow: hidden;
	margin: 20px auto 10px;
}
#Content {
	width: 538px;
	float: right; 	
	margin: 0;
	text-align: left;
}
/* HEADER
----------------------------------------- */
#Header { 
    width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    background: #FFF url(../../WorkersAdmin/images/logo.jpg) no-repeat 0 15px;
    height: 125px;
}
#Header h1 { 
    color: #000;
    font-size: 3.2em;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: 300;
    padding: 20px 0 0 30px;
}
#Header p {
    font-size: 1.4em;
    color: #000;
    clear: left;
    margin: 0 0 0 100px;
}
#LogoLink{
    display:block;
    width:320px;
    height:120px;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	width: 1050px;
	margin: 0 auto;
	overflow: hidden;
	background: #FFF url(../../WorkersAdmin/images/bar.gif?1333369684) repeat-x;
	height:27px;
}
	ul.dropdown { 
 		position:absolute;
 		float: left; 
		margin-right: 10px;
	}
		ul.dropdown li { 
	 		list-style: none; 
			margin: 0px;
			padding-left: 2px; 
			float: left;
			line-height: 28px;
			height:26px;
			display: block;
			text-transform:uppercase;
			background: url(../../WorkersAdmin/images/line.gif) no-repeat;
		}
  			ul.dropdown li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 27px;
				font-size: 10px; 
				padding: 0 0 0 10px;
				color: #fff;
			}
				ul.dropdown li a span {
					text-align: center;
	        		float: left;
					padding-right: 10px;
					height: 27px;
				}
					ul.dropdown li a:hover { 
			 			color: #fff;
						cursor: pointer;
					}
					ul.dropdown li a:hover span {
						text-decoration:underline;
						cursor: pointer;
					}
					
    			ul.dropdown li a.current,
	    		ul.dropdown li a.section,
	    		ul.dropdown li a.section:hover,
	    		ul.dropdown li a.current:hover { 
				 	color: #FFF;
					}
				ul.dropdown li a.current span,
				ul.dropdown li a.section span,
	    		ul.dropdown li a.section:hover span,
				ul.dropdown li a.current:hover span {
					color: #FFF;
					text-decoration:underline;
				}
ul.dropdown ul.sub_menu
{
	padding-left:0px;
	visibility:hidden;
	clear:left;	
	position:absolute;
	margin-top:27px;
	margin-left:-1px;
        z-index: 10000;
}
ul.dropdown ul.sub_menu li
{
	min-height:27px;
	line-height:27px;
	clear:left;
	float:none;
	background: #0a7294;
	color:#FFF;
	min-width:300px;
}
ul.dropdown ul.sub_menu li:hover
{
	background: #1088b0;
}
ul.dropdown ul.sub_menu li a
{
	min-height:25px;
	color:#FFF;
}
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}


/* SIDEBAR
-------------------------------------- */
#Sidebar { 
 	width: 200px; 
	float: left;  
	margin: 10px 0 0 0;
	padding: 0;
}
	#Sidebar .sidebarBox {
		margin: 0 0 5px 0;
		padding-bottom: 2px;
		background: #EFEFEF url(../../WorkersAdmin/images/sidebarHeader.gif) no-repeat left top;
	}
	#Sidebar ul {
		margin: 2px 0 5px 3px;
	}
		#Sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
	#Sidebar h3 { 
		clear: both; 
		text-transform: lowercase;
		color: #fff;
		font-weight: 700; 
		font-size: 1.4em; 
		margin: 0 0 10px 0;
		line-height: 1.8;
		padding: 1px 0 0 10px;
		background: transparent url(../../WorkersAdmin/images/sidebarHeaderSub.gif) repeat-x center left;
	}
	
	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 200px;
		margin: -5px 0 0 0;
		background: #EFEFEF url(../../WorkersAdmin/images/sidebarBottomBg.gif) no-repeat center bottom;
	}
	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar p {
		font-size: 11px;
	 	clear: both;
	 	margin: 10px 10px 0 10px;
	}
	
	/* MENU2 */
    ul#Menu2 li { 
    	font-size: 0.9em; 
    	margin: 1px 0 5px 4px;
        list-style: none;
    }
    	ul#Menu2 li a {
            display: block;
            width: 196px;
            font-size: 1.2em;
            height: 1.8em;
            line-height: 1.8em;
            color: #898989;
      	}
			ul#Menu2 li em {
				padding-left: 8px;
				display: block;
			}
				ul#Menu2 li li em {
					padding-left: 0;
				}
      	/* Level 1 
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/
      	ul#Menu2 li a:hover,
      	ul#Menu2 li a.current,
      	ul#Menu2 li a.current:hover {
        	background: #DCDCDC url(../../WorkersAdmin/images/sidebarSideArrow.gif) no-repeat right center;
        	color: #666;
			cursor: pointer;
            text-decoration: none;
      	}
	  	ul#Menu2 li a.current {
	  		font-weight: 700;
	  	}
      	ul#Menu2 li a.section,
      	ul#Menu2 li a.section:hover {
            background: #DCDCDC;
            font-weight: 700;
            width: 193px; 
      	}
      	ul#Menu2 li a.levela:hover span,
      	ul#Menu2 li a.current span,
      	ul#Menu2 li a.section span,
      	ul#Menu2 li a.section:hover span,
      	ul#Menu2 li a.current:hover span {
			background: transparent url(../../WorkersAdmin/images/sidebarTopLeftHover.gif) no-repeat left top;
			display: block;
			width: 100%;
			height: 100%;
		} 
		ul#Menu2 li a.levela:hover em,
		ul#Menu2 li a.current em,
		ul#Menu2 li a.section em,
		ul#Menu2 li a.section:hover em,
		ul#Menu2 li a.current:hover em {
        	background: transparent url(../../WorkersAdmin/images/sidebarBottomLeftHover.gif) no-repeat left bottom;
			display: block;
			width: 100%;
            height: 100%;
      	}
      		ul#Menu2 li ul {
            	height: 100%;
            	position: relative;
            	margin: -4px 0 0 0;
            	width: 193px;
            	padding: 4px 0 10px 0;
            	background: #DCDCDC url(../../WorkersAdmin/images/sidebarSectionBottom.png) no-repeat bottom left;
      		}
      			ul#Menu2 li ul li {
            		width: 160px;
            		background: #DCDCDC;
            		padding: 0;
            		font-size: 0.8em;
            		display: inline;
            		margin: 0;
      			}
      				ul#Menu2 li ul li ul {
            			background: #DCDCDC;
            			margin-left: 0;
      				}	
      
					ul#Menu2 li li a.current,
      				ul#Menu2 li li a.section,
      				ul#Menu2 li li a.section:hover,
      				ul#Menu2 li li a.current:hover {
            			color: #555;
            			font-weight: 700;
            			background: #DCDCDC;
      				}
      					ul#Menu2 li li ul {
            				margin: 0 0 0 10px;
            				padding: 0;
            				width: 175px;
      					}
      					ul#Menu2 li li ul .roundWhite {
            				margin-bottom: -10px;
      					}
      			
			/* Sub Menu */
      		ul#Menu2 li a.levelb {
            	font-size: 1.7em;
            	text-indent: 8px;
            	width: 188px;
				background: transparent;
            	margin-left: 10px;
      		}
	  		ul#Menu2 li a.levelb:hover,
      		ul#Menu2 li li a.current,
      		ul#Menu2 li li a.current:hover,
      		ul#Menu2 li li a.section,
      		ul#Menu2 li li a.section:hover {
            	background: #BCBCBC url(../../WorkersAdmin/images/sidebarSideArrow2.gif) no-repeat right center;
            	text-decoration: none;
            	display: block;
            	color: #fff;
      		}
      		ul#Menu2 li a.levelb:hover span,
      		ul#Menu2 li li a.current span,
      		ul#Menu2 li li a.current:hover span,
      		ul#Menu2 li li a.section span,
      		ul#Menu2 li li a.section:hover span {
            	background: transparent url(../../WorkersAdmin/images/sidebarTopLeftHover2.gif) no-repeat left top;
            	display: block;
            	width: 100%;
            	height: 100%;
      		} 	
      		ul#Menu2 li a.levelb:hover em,
      		ul#Menu2 li li a.current em,
      		ul#Menu2 li li a.current:hover em,
      		ul#Menu2 li li a.section em,
      		ul#Menu2 li li a.section:hover em {
            	background: transparent url(../../WorkersAdmin/images/sidebarBottomLeftHover2.gif) no-repeat left bottom;
            	display: block;
            	width: 100%;
            	height: 100%;
      		}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../../WorkersAdmin/images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../../WorkersAdmin/images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../../WorkersAdmin/images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #51a9df;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* MESSAGEBOXS
--------------------------------------------- */
#CustomLoginForm_LoginForm #Remember {
	display:none;
}
.purpleBoxLogin {
	color:#FFFFFF;
	background:#999999;
	padding:20px 20px 5px 20px;
	font-size:11px;
	float:right;
	width:400px;
}
.typography.purpleBoxLogin p{
	color:#FFFFFF;
}
.message {
	margin: 15px;
	padding: 5px;
	width: 463px;
	color: #FFFFFF;
	border: 4px solid #994D9D;
	background: #999999;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 463px;
	color: #FFFFFF;
	border: 4px solid #994D9D;
	background: #999999;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FORSIDE   */
#newsHolder {
	width: 610px;
	float:left;
	}
#thumbs {
	float:right;
	width:400px;
	}
#thumbs .thumb .thumbFloatLeft{
	float:left;
	}
#thumbs .thumb .thumbTextFloatRight{
	float:right;
	width:250px;
	}
.thumb {
	margin-top:15px;
	}
.thumb .thumbTextFloatRight p {
	margin-bottom:10px;
	}
.purpleBorderBottom{
	border-bottom:3px solid #999999;
	}	
.news {
	margin-bottom:25px;
	padding-bottom:10px;
	border-bottom:3px solid #999999;
	}
.alignRight {
	text-align:right;
	font-size:11px;
	}
/* FOOTER
----------------------------------------------- */
#FooterHolder {
	background: #FFF url(../../WorkersAdmin/images/bar.gif?1333369684) repeat-x;
	}
#Footer { 
 	clear: both;  
	width: 1050px; 
	height: 27px; 
	text-align: center;
	font-size: 10px;
	margin:0 auto; 
}
	#Footer p { 
		color: #fff;
		font-size: 1.1em;
		text-align: center;
		line-height:27px;
	}
  		#Footer a { 
	   		color: #fff; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #fff;
				text-decoration: underline;
			}
	#Footer ul li {
		float:left;
		color:#FFF;
		text-transform:uppercase;
		padding-left:10px;
		padding-right:10px;
		height:27px;
		line-height:27px;
		list-style:none;
		}
#ForgotPassword{
	margin-top:5px;
	}
#CustomLoginForm_LoginForm_error {
	color:#FFFFFF;
	}
	
/* GALLERI */
#flashSlideshow {
	margin-top:10px;	
	}
.galleriHolder {
	width: 230px;
	float:left;
	margin-right:10px;
	background: #999999;
	margin-bottom:10px;
	padding:10px;
	height:200px;
	cursor:pointer;
	}
.galleriHolder:hover{
	background:#936CB0;
	}
.galleriHolder h2.galleriText{
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
	}
.right form#Form_QuickAddJobForm{
	margin: 0px;
}
#nyBesked{
	background:#999999 url(../../WorkersAdmin/images/new_mail.png) no-repeat scroll 110px 5px;
	color:#FFFFFF;
	font-size:14px;
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	padding:5px 5px 5px 15px;
	text-transform:uppercase;
	width:140px;
	cursor:pointer;
	float:left;
	margin-right:20px;
}
#nyBesked:hover{
	background-color:#FFF;
	color:#999999;
	border:1px solid #999999;
	width:138px;
	height:38px;
}
#nytSvar{
	background:#999999 url(../../WorkersAdmin/images/new_mail.png) no-repeat scroll 110px 5px;
	color:#FFFFFF;
	font-size:14px;
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	padding:5px 5px 5px 15px;
	text-transform:uppercase;
	width:140px;
	cursor:pointer;
	float:left;
}
#nytSvar:hover{
	background-color:#FFF;
	color:#999999;
	border:1px solid #999999;
	width:138px;
	height:38px;
}
#Form_beskedFormular_action_sendBeskedAction{
	background:#999999 url(../../WorkersAdmin/images/new_mail.png) no-repeat scroll 70px 0px;
	color:#FFFFFF;
	font-size:14px;
	height:44px;
	line-height:40px;
	margin-bottom:20px;
	padding:5px 5px 5px 15px;
	text-transform:uppercase;
	width:120px;
	cursor:pointer;
	float:right;
	border:none;
	text-align:left;
	margin-right:0px;
}
#Form_beskedFormular_action_sendBeskedAction:hover{
	background-color:#FFF;
	color:#999999;
	border:1px solid #999999;
	width:118px;
	height:44px;
}
#tilfojModtager{
	background:#999999 url(../../WorkersAdmin/images/plus_white.png) no-repeat scroll 110px 6px;
	color:#FFFFFF;
	font-size:14px;
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	padding:5px 5px 5px 15px;
	text-transform:uppercase;
	width:140px;
	cursor:pointer;
	float:right;
	margin-top:33px;
}
#tilfojModtager:hover{
	background-color:#FFF;
	color:#999999;
	border:1px solid #999999;
	width:138px;
	height:38px;
}
#forrigeSide{
	background:#999999 url(../../WorkersAdmin/images/arrowLeft.png) no-repeat scroll 7px 6px;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-size:12px;
	height:23px;
	line-height:23px;
	margin-bottom:20px;
	margin-top:10px;
	padding:5px 5px 5px 35px;
	text-transform:uppercase;
	width:65px;
}
#forrigeSide:hover{
	background-color:#FFFFFF;
	color:#999999;
	height:21px;
	width:73px;
	border:1px solid #999999;
}
#naesteSide{
	background:#999999 url(../../WorkersAdmin/images/arrowRight.png) no-repeat scroll 70px 6px;
	color:#FFFFFF;
	height:23px;
	font-size:12px;
	line-height:23px;
	margin-bottom:20px;
	padding:5px 5px 5px 15px;
	text-transform:uppercase;
	width:75px;
	cursor:pointer;
	float:right;
	margin-top:10px;
}
#naesteSide:hover{
	background-color:#FFFFFF;
	color:#999999;
	height:21px;
	width:73px;
	border:1px solid #999999;
}
.Besked{
	padding:20px;
	background:#FFFFFF;
	border:1px solid #999999;
	margin-bottom:20px;
}
#Form_beskedFormular div.middleColumn {
	width:750px;
}

.heartPreloader{
    background: url("../../WorkersAdmin/images/heartPreloader.gif") no-repeat center center;
    height: 200px;
    width: 95%;
}

.heartPreloaderOverlay{
    background-color: #1088b0;
    height: 100%;
    width: 100%;
    position: fixed;
    visibility: hidden;
    top: 0px;
    left: 0px;
    z-index: 99999;
    opacity: 0.8;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}

.heartPreloaderOverlay div{
    margin-top: 20%;
}

div.FormateretTekst {
    margin-bottom:25px;
    font-size: 12px;
}
div.FormateretTekst.SpecialBox{
    border: 1px solid #0a7294; padding: 10px; width: 1030px; height: 150px; overflow: auto;
}
div.FormateretTekst p{
    margin-bottom:25px;
}
div.FormateretTekst ul, div.FormateretTekst ol {
    padding-left: 40px;
    margin: 10px;
}
div.FormateretTekst ul {
    list-style: disc outside none;
}
div.FormateretTekst ol {
    list-style: decimal;
}

div.FormateretTekst a, div.FormateretTekst h1, div.FormateretTekst h2, div.FormateretTekst h3, div.FormateretTekst h4 {
    color: #999999;
}
#FacebookBox{
    background-color: #0a7294; border: 1px solid #0a7294; padding: 20px;
}
#facebookText{
    margin-bottom: 5px; color:#FFF;
}
#CustomLoginForm_LoginForm div.Actions{
    display: block;
} /** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
 
.typography * {
	font-family: Arial, verdana, Lucida, Arial, sans-serif; 
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	color: #000000;
 	line-height: 18px;
 	font-size: 12px;
	margin: 0 0 18px 0;
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}	
.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}

/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none; 
	color: #0a7294;
}
	.typography a:hover { 
 		text-decoration: underline;
	}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],
	.typography a.pdf {
		/*padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;*/
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a.doc {
		/*padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;*/
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a.xls {
		/*padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;*/
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		/*padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;*/
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		/*padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;*/
	}

/* LIST STYLES 
-------------------------------------------- */
.typography ul, 
.typography ol {
	margin: 0 0 18px 24px;
	color: #000;
}
	.typography li {
		margin: 5px 10px;
		font-size: 12px;
	}
		.typography li li {
			font-size: 10px;
		}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1,
.typography h2 { 
	color: #0a7294;
	margin: 0 0 18px 0;
	font-weight: 300;
	font-family: Arial, Verdana, sans-serif;
}

.typography h1 {
	color:#0a7294;
	font-size:24px;
	font-weight:300;
	line-height:24px;
	margin:0 0 16px;
	text-transform:uppercase;
}
.typography h2 { 
 	font-size: 20px; 
}	
.typography h3 {
	color: #0a7294;
	margin: 0 0 18px 0;
	font-weight: 300;
	clear: both;
	font-size: 18px;
}
.typography h4 {
	font-size: 16px;
	color: #0a7294;
	width: 95%;
	font-weight: 300;
	line-height: 18px;
	margin: 0 0 16px 0;
	text-transform:uppercase;
}
.typography h5 {
	color:#0a7294;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 16px;
	text-transform:uppercase;
}
.typography h6 {
	font-size: 13px;
	font-weight: normal;
	color: #0a7294;
	line-height: 1.4em;
	margin: 0 0 12px 0;
	text-transform:uppercase;
	padding-left:1px;
}
.typography h6.linebreak {
	font-size: 13px;
	color: #0a7294;
	line-height: 1.4em;
	margin: 0 0 12px 0;
	text-transform:uppercase;
	padding-left:1px;
	border-bottom: 3px solid #999999;
	clear:both;
}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table {
	margin: 0 0 18px 0;
	font-size: 11px;
	color: #0a7294;
	border-collapse:collapse;
}
	.typography tr {}
	
		.typography td {
		}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography img.right {
		float: right;
		margin-left: 20px;
	}
	.typography img.left {
		float: left;
	}
	.typography img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}