/* BITS Style */
body { 
	background-image: url(/templates/default/img/bg_pattern.png); 
	background-image: url(/templates/default/img/bg_img2.png); 
	background-position: center top; 
	background-repeat: repeat-x; 
	background-color: black;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    color: #535353; 
}

#privatbedrift { 
	height: 47px; 
	width: 714px; 
	background-image: url(/templates/default/img/privatbedrift.png); 
	background-repeat: no-repeat; 
	background-position: right top; 
	text-align: right;
	margin: 0 auto 11px auto; 
}

#privatbedrift a { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; width: 62px; min-height: 17px; height: 17px; }

#bedriftprivat { height: 47px; width: 704px; background-image: url(/templates/default/img/bedriftprivat.png); background-repeat: no-repeat; background-position: right top; text-align: right; }
#bedriftprivat a { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; width: 62px; min-height: 17px; height: 17px; }



#content {
	display: block;
	width: 714px;
	min-height: 260px;
	height: auto;
	background-color: white;
	margin: 0 auto 11px auto;
	overflow: auto;
}

.centered { 
	background-repeat: no-repeat; 
	margin: 0 auto; 
	width: 714px; 
	min-height: 300px; 
}

#footer {  
	background-color: #000000; 
	margin: 0px; 
	height: 25px; 
	text-align: center;
	color: #591c66;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 10px;
}

.NewMember {
	background-image: url("/templates/default/img/content/innmelding_over.png");
	background-repeat: no-repeat;
	margin-left: 11px;
	margin-top: 0;
	margin-bottom: 11px;
	padding-left: 30px;
	padding-top: 150px;
	width: 652px;
	padding-bottom: 30px;
}

#registerUserForm {
	width: 350px;
}

#registerUserForm label{
	min-width: 200px;
}

fieldset{
	border: 0px;
	margin: 0 0 11px 0;
	padding: 0;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px
}

legend{
    color:#733B90;
    font-family:Verdana;
    font-size:22px;
    font-weight:normal;
    line-height:17px;
    margin-bottom: 15px;
}
input {
	margin: 4px 0 4px 0;
}


#personsendsms fieldset {
	width: 400px;    
}

#charCount, #recuitform {
	color: #535353; 
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: normal; 
	line-height: 20px;

	border-spacing:1px;
	margin:8px 0; 
}


#registerUserForm table, .usertable  {
	color: #535353; 
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: normal; 
	line-height: 20px;
	border:1px solid #CCCCCC;
	border-spacing:1px;
	margin:8px 0; 
}


.usertable th{
   
	background:none repeat scroll 0 0 #E0E0E0;
	color:#333333;
	font-size:11px;
	padding:4px;
	text-align:left;
}

.usertable td{
	background:none repeat scroll 0 0 #F3F3F3;
	color:#333333;
	font-size:11px;
	padding:4px;
}

#errorPage {
	background: #F0F0F0;
	border: 1px solid #ccc;
	padding: 16px;
	margin: 20px auto 8px auto;
	width: 60%;
}


/* CompantStyle*/
#MainContent {
	margin: 11px;
	overflow: auto; 
}

#LeftFrame {
	background-color:#F0F0F0;
	color:#3D3D3D;
	font-size:11px;
	min-height:294px;
	line-height:20px;
	padding:15px;
	margin-right: 11px;
	width:190px;
	float:left;
}

#Content {
	width:451px;
	float:left;	
}

h1 { 
	color: #733b90; 
	font-family: Verdana; 
	font-size: 22px; 
	line-height: 17px; 
	margin-top: 5px; }

.button {
	background: #733B90;
	padding: 3px 12px 3px 12px;
	text-align:center;
	color: #fff;
}

#logincompany {
	background: #f0f0f0;
	padding: 6px;
	width:207px;
	margin-top: 11px;
}

/* Old Style */
cbody, html { margin: 0px; padding: 0px; }

a, a img { border: none; text-decoration: none; }

a { color: #591c66; font-size: 10px; font-family: Verdana; }
input[type=submit], a { cursor: pointer; }

span, div { vertical-align: top; }

hr { border: none; border-top: 1px solid #591c66; }



.inlineblock { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }

#privatbedrift { height: 47px; width: 704px; background-image: url(/templates/default/img/privatbedrift.png); background-repeat: no-repeat; background-position: right top; text-align: right; }
#privatbedrift a { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; width: 62px; min-height: 17px; height: 17px; }

#bedriftprivat { height: 47px; width: 704px; background-image: url(/templates/default/img/bedriftprivat.png); background-repeat: no-repeat; background-position: right top; text-align: right; }
#bedriftprivat a { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; width: 62px; min-height: 17px; height: 17px; }


#header { margin-left: 11px; margin-right: 11px; margin-top: 12px; width: 682px; height: 92px; padding-left: 8px; 
background-image: url(/templates/default/img/headerbg.png);  font-size: 0px; }
#header * { vertical-align: top; }
#header .menyitem { margin-top: 35px; }
#header #loginboks { margin-top: 0px; margin-left: 15px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; width: 128px; }

#loginboks #brukernavn, #loginboks #passord, #loginboks #submit { border: none; background-repeat: no-repeat; -webkit-appearance: none; outline: none; height: 24px; text-indent: 5px; color: #858484; font-family: Verdana; font-size: 11px; border: 0; border-color: transparent; }
#loginboks #brukernavn { width: 128px; height: 22px; margin-bottom: 3px; background-image: url(/templates/default/img/inputbg.png); }
#loginboks #passord { width: 99px; height: 22px; background-image: url(/templates/default/img/passordbg.png); }
#loginboks #submit, #submitcompany { background-image: url(/templates/default/img/submitbg.png); width: 27px; }
#loginboks form { margin-bottom: 12px; }

#splashbox, .labelcontainer { margin-left: 11px; margin-top: 0px; position: relative;width: 451px; }
.labelcontainer { position: absolute; z-index: 9999; margin: 0 auto; width: 451px; }
.labelcontainer .labeltryus { margin-left: -100px; margin-top: 180px; }

#hoyresidebar { width: 190px; height: 294px; background-color: #f0f0f0; margin: 11px 0px 0px 15px; padding: 15px; font-family: Verdana; font-size: 11px; line-height: 20px; color: #3d3d3d; }
/*#hoyresidebar .wrapper { width: 190px; height: 297px; overflow: hidden; display: block; }*/   
.nocolor { color: #535353; }
#hoyresidebar b { color: #591c66; }
#hoyresidebar p { margin-top:0px;}
#hoyresidebar h2 a,#hoyresidebar h2 { font-size: 12px; font-weight: bold; margin-bottom: 2px; }
#hoyresidebar hr { border: none; border-color: transparent; border-width: 1px 0 0 0; border-top: 1px solid #591c66; }

#medlemskapforside { margin-left: 11px; margin-bottom: 11px; }

#vertikalmedlemskap { width: 226px; height: 392px; margin-left: 11px; margin-bottom: 11px; }
.wrapper { width: inherit; height: inherit; overflow: visible; display: block; }
#vertikalmedlemskap img { margin-top: 11px; }
.nomargin { margin: 0px !important; }

#tekstinnhold { width: 451px; min-height: 387px; margin-top: 11px; margin-bottom: 11px; background-color: #f0f0f0;}
#tekstinnhold .wrapper { width: 407px !important; padding: 20px; padding-top: 10px; }
#tekstinnhold img { position: relative; top: -10px; left: -20px; }

h2 { color: #733b90; font-family: Verdana; font-size: 18px; font-weight: normal; line-height: 17px; margin-top: 5px; }
p { color: #535353; font-family: Verdana; font-size: 11px; font-weight: normal; line-height: 20px; }

#nyhetswrapper { width: 642px; min-height: 300px; background-color: #f0f0f0; margin: 0 11px 11px 11px; padding: 20px;  }
#nyhetswrapper h1 { color: #733b90; font-family: Verdana; font-size: 18px; font-weight: normal; margin: 0px 0 4px 0; }
#nyhetswrapper hr { border: none; border-top: 1px solid #591c66; margin: 7px 0 7px 0; }
#nyhetswrapper img { float: left; margin-right: 24px; }
#nyhetswrapper h2 { color: #733b90; font-family: Verdana; font-size: 11px; font-weight: normal; margin: 0px 0 4px 0; }
#nyhetswrapper p { color: #535353; font-family: Verdana; font-size: 11px; font-weight: normal; margin: 0px 0 4px 0; }


#boks { width: 642px; min-height: 50px; margin: 11px 11px 0px 11px; background-color: #f0f0f0; padding: 20px; }
#boks h1 { font-size: 18px; font-family: Verdana; font-weight: normal; color: #733b90; margin: 0 0 7px 0; }
#boks h2 { font-family: Verdana; font-weight: normal; font-size: 13px; margin-bottom: 5px; margin-top: 15px; }


#sliderboks { width: 642px; min-height: 300px; margin: 11px; background-color: #f0f0f0; padding: 20px; }
#sliderboks h1 { font-size: 18px; font-family: Verdana; font-weight: normal; color: #733b90; margin: 0 0 7px 0; }
#sliderboks h2 { font-family: Verdana; font-weight: normal; font-size: 13px; margin-bottom: 5px; margin-top: 15px; }
/*div.slider { width:320px; background-image: url(/templates/default/img/slider_bg.png); height:24px; position: relative; }
div.slider div.handle { width:36px; height:24px; background-image: url(/templates/default/img/slider.png); cursor:move; position: absolute; }
.theslider { position: relative; left: 21px; }
.sliderminus { position: absolute; }
.sliderminus img { position: relative; left: -21px; }
.sliderpluss { position: absolute; }
.sliderpluss img { position: relative; left: 315px; }
*/

.tipsknapp { background-image: url(/templates/default/img/knapper/tips_knapp.png); border: none; width: 71px; height: 60px; background-color: transparent; text-indent: -99999px; margin-left: -15px;  }
.verveknapp { background-image: url(/templates/default/img/knapper/verv_knapp.png); border: none; width: 91px; height: 60px; background-color: transparent; text-indent: -99999px; top: -10px;margin-top:-30px; position:relative; }
.nesteknapp { background-image: url(/templates/default/img/knapper/neste_knapp.png); border: none; width: 91px; height: 60px; background-color: transparent; text-indent: -99999px; top: 0px;margin-left: -15px; }

.lagreknapp { background-image: url(/templates/default/img/lagreknapp.png); border: none; width: 71px; height: 30px; background-color: transparent; text-indent: -99999px; margin-top: 15px; }
.lagreknapp2 { background-image: url(/templates/default/img/lagreknapp.png); width: 71px; height: 30px; background-color: transparent;  border: none; }

#personinfo { min-height: 200px; margin: 11px; background-color: #f0f0f0; padding: 20px; }
#personinfo h1 { font-size: 18px; font-family: Verdana; font-weight: normal; color: #733b90; margin: 0 0 7px 0; }
#personinfo hr { margin-bottom: 17px; }
#personinfo a { font-size: 12px; }
#personinfo input[type=text], #personinfo input[type=email], #personinfo input[type=date], #personinfo input[type=password] { border: none; background-repeat: no-repeat; -webkit-appearance: none; outline: none; height: 24px; text-indent: 5px; color: #858484; font-family: Verdana; font-size: 11px; border: 0; border-color: transparent; background-color: transparent; text-indent: 5px; }
/*#personinfo .secondrow { margin-left: 74px !important; }*/
#personinfo .miniwidth { width: 69px; height: 22px; margin-bottom: 3px; background-image: url(/templates/default/img/input/69tekstfelt.png); margin: 5px 0 5px 0; }
#personinfo .mediwidth2 {
	width: 172px;
	height: 22px;
	margin-bottom: 3px;
	background-image: url(/templates/default/img/input/172tekstfelt.png);
	margin: 5px 0 5px 0px;
}
#personinfo .mediwidth { width: 172px; height: 22px; margin-bottom: 3px; background-image: url(/templates/default/img/input/172tekstfelt.png); margin: 5px 0 5px 0px; }
#personinfo .fullwidth { width: 248px; height: 22px; margin-bottom: 3px; background-image: url(/templates/default/img/input/248tekstfelt.png); margin: 5px 0 5px 0; }

#sms { width: 642px; min-height: 200px; margin: 11px; background-color: #f0f0f0; padding: 20px; margin-top: 0px; padding-top: 30px; background-image: url(/templates/default/img/smsbg.png); background-repeat: no-repeat; }
#sms h1 { font-size: 18px; font-family: Verdana; font-weight: normal; color: #733b90; margin: 0 0 7px 0; }
#sms hr { margin-bottom: 17px; margin-right: 82px; }
#sms input[type=text] { border: none; background-repeat: no-repeat; -webkit-appearance: none; outline: none; height: 24px; text-indent: 5px; color: #858484; font-family: Verdana; font-size: 11px; border: 0; border-color: transparent; background-color: transparent; text-indent: 5px; }
#sms input.mediwidth { width: 138px; height: 22px; margin-bottom: 3px; background-image: url(/templates/default/img/input/138tekstfelt.png); margin: 5px 0 5px 5px; }
#sms input.miniwidth { width: 100px; height: 22px; margin-bottom: 3px; background-image: url(/templates/default/img/input/100tekstfelt.png); margin: 5px 0 5px 0; }
#sms #left { float: left; }
#sms #sendmelding { background-image: url(/templates/default/img/sendmelding.png); border: none; width: 142px; height: 30px; background-color: transparent; text-indent: -99999px; margin-top: 23px; margin-left: 5px; }
#sms textarea { background-image: url(/templates/default/img/smstextarea.png); width: 275px; height: 99px; border: 0px; margin-left: 10px; margin-top: 5px; padding: 10px; background-repeat: no-repeat; background-color: transparent; }

#contact_us { width: 400px; align: right; min-height: 200px; margin: 11px; background-color: #f0f0f0; padding: 20px; margin-top: 0px; padding-top: 30px; }
#contact_us h1 { font-size: 18px; font-family: Verdana; font-weight: normal; color: #733b90; margin: 0 0 7px 0; }
#contact_us hr { margin-bottom: 17px; margin-right: 82px; }
#contact_us input[type=text], #contact_us input[type=email] { border: none; background-repeat: no-repeat; -webkit-appearance: none; outline: none; height: 24px; text-indent: 5px; color: #858484; font-family: Verdana; font-size: 11px; border: 0; border-color: transparent; background-color: transparent; text-indent: 5px; }
#contact_us input.mediwidth { width: 138px; height: 22px; margin-bottom: 3px; background-image: url(/templates/default/img/input/138tekstfelt.png); margin: 5px 0 5px 5px; }
#contact_us #left { float: left; }
#contact_us #sendmelding { background-image: url(/templates/default/img/sendmelding.png); border: none; width: 142px; height: 30px; background-color: transparent; text-indent: -99999px; margin-top: 27px; }
#contact_us textarea { background-image: url(/templates/default/img/smstextarea.png); width: 295px; height: 99px; border: 0px; margin-left: 0; margin-top: 5px; padding: 10px; background-repeat: no-repeat; background-color: transparent;}
#contact_us label { 
	width: 150px;
	display: block;
	float: left;
	padding-top: 6px;
	 
}


.partner { width: 215px; height: 200px; border: solid thin; float: left; margin: 8px; background-color: #eee; }



/* BITS */

#registerForm{
    background-color: #dbdbdb;
}

.registerLabel{
    width: 200px;
}

.error {
    /* supply height to ensure consistent positioning for every browser */
    height:15px;
    background-color:#FFFE36;
    border:1px solid #E1E16D;
    font-size:11px;
    color:#000;
    padding:3px 10px;
    margin-left:-2px;


    /* CSS3 spicing for mozilla and webkit */
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topleft:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-left-radius:0;

    -moz-box-shadow:0 0 6px #ddd;
    -webkit-box-shadow:0 0 6px #ddd;
}

.error em {
    display:block;
    width:0;
    height:0;
    border:10px solid;
    border-color:#FFFE36 transparent transparent;

    /* positioning */
    position:absolute;
    bottom:-17px;
    left:60px;
}

/* Override skin1.css to make it vertical */
    
    /* height is now larger than width  */
    .slider {
        height:300px;
        width:9px;
        margin:0 0 0 60px;
    }
    
    /* tweak drag handle position */
    .handle {
        top:0;
        left:-10px;        
    }
    
    /* position progressbar on the bottom edge */
    .progress {
        width:9px; 
        position:absolute;
        bottom:0;    
    }

#personinfosliders, #personsendsms, #personinfo, #personrecrut, #userCampsContainer{
    background-color: #F0F0F0;
    margin: 0 11px 11px 11px;
    padding: 20px;
    border: 1px solid #ccc;
    
}

 

#personsendsms{
    background-image: url(/templates/default/img/smsbg.png);
    background-repeat: no-repeat;
    background-position: right top;
}


h3, clonedInput { color: #733b90; font-family: Verdana; font-size: 13px; font-weight: normal; line-height: 17px; margin: 5px 0 0; }

#notificationbox{
    /*background:url('img/box_bg.jpg') repeat-x center top #fcfcfc;*/
    background: url(/templates/default/img/bbox.png) no-repeat transparent;
    background-color: #E0E0E0;
    height:93px;
    /*padding:20px;padding-top:30px;border:1px solid #000;  */
    margin-top:-10px;
    
    width:469px;
    
    
   
}

#notificationbox p{
    font-size:13px;
    /*background:url('img/warning.png') no-repeat 10px center;*/
    padding-left:90px;
}

#notificationbox p b{
    font-size:13px;
    display:block;
}



/* SLIDESHOW */
.slideshow { height: 337px; width: 451px; margin: auto }
.slideshow img { background-color: #eee; }

.modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #616161;

    opacity:0.8;

}


/* DATEPICKER */


/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date {
    border:1px solid #ccc;
    font-size:18px;
    width:194px;        
    -moz-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
    margin-top:-1px;
    width:198px;
    padding:2px;
    background-color:#fff;
    font-size:11px;
    border:1px solid #ccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;    
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {    
    padding:2px 0;
    height:22px;
} 

#caltitle {
    font-size:14px;
    color:#0150D1;    
    float:left;
    text-align:center;
    width:155px;
    line-height:20px;
    text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background:transparent url(/templates/default/img/prev.gif) no-repeat scroll center center;
    float:left;
    cursor:pointer;
}

#calnext {
    background-image:url(/templates/default/img/next.gif);
    float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;    
}

/* year/month selector */
#caltitle select {
    font-size:10px;    
}

/* names of the days */
#caldays {
    height:14px;
    border-bottom:1px solid #ddd;
}

#caldays span {
    display:block;
    float:left;
    width:28px;
    text-align:center;
}

/* container for weeks */
#calweeks {
    background-color:#fff;
    margin-top:4px;
}

/* single week */
.calweek {
    clear:left;
    height:22px;
}

/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;         
} 

/* different states */
.calweek a:hover, .calfocus {
    background-color:#ddd;
}

/* sunday */
a.calsun {
    color:red;        
}

/* offmonth day */
a.caloff {
    color:#ccc;        
}

a.caloff:hover {
    background-color:rgb(245, 245, 250);        
}


/* unselecteble day */
a.caldisabled {
    background-color:#efefef !important;
    color:#ccc    !important;
    cursor:default;
}

/* current day */
#calcurrent {
    background-color:#498CE2;
    color:#fff;
}

/* today */
#caltoday {
    background-color:#333;
    color:#fff;
}

#errorPage{
    padding:10px;
}

#tos{
	background-color: white;
	height: 250px;
	width: 620px;
	padding: 8px;
	display: block;
	overflow-x: scroll;
	overflow-y: auto;
	margin: 0px 0px 15px 0px;
	border: 1px solid #DDD;

}



.tooltip {
    display:none;
    background:url(/templates/default/img/black_arrow.png);
    width:150px;
    padding:35px 30px 10px 30px;
    color: #fff;
    height:75px;     
}

.tooltipRec {
    display:none;
    background:url(/templates/default/img/black_arrow_big.png);
    height:163px;
    padding:40px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#fff;
}

.tooltipRec td{
    background: transparent;
    color: #fff;
}

.help{
    cursor: help;
}

/* the overlayed element */
.simple_overlay {
    
    /* must be initially hidden */
    display:none;
    
    /* place overlay on top of other elements */
    z-index:10000;
    
    /* styling */
    background-color:#F0F0F0;
    
    width:675px;    
    min-height:200px;
    border:1px solid #666;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;    
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/templates/default/img/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}