.formular
{
	display:none;
	border:0px solid #ccc;
	padding:0px;
}

.noscriptformular
{
	display: block;
	padding: 5px;
	margin: 0 0px 5px 0px;
	background: #ffffcc;
}
.noscriptformular p
{
	
}

.cssform
{
	margin:0px;
	padding:0px;
	margin-top:5px;
	font-family: inherit;
	text-decoration:none;
	font-size:1em;	
}

.cssform .buttondiv
{
	padding-left: 200px;
	border-top: 1px solid #ccc;
	padding-top:10px;
	height:50px;
		
}
.cssform .buttondiv input
{
	margin-right:8px;
	/*min-width:140px;
	width:140px;*/
	padding:10px;
}

.cssform p{
	/*width: 100%;*/
	width:385px;
	clear:both;
	margin: 0;
	padding: 10px 0 10px 0;
	padding-left: 200px; /*width of left column containing the label elements*/
	border-top: 1px solid #CCC;
	height: 1%;
	
}

.cssform .collectionText
{
	line-height:1.5em;
	border:1px solid #ccc;
	width: 350px;
	position:relative;
	display:block;
	padding:5px;
	margin-bottom:10px;
	

}

.cssform .collectionText span
{
	display:block;
	width:100%;
	position:relative;
	font-size:1.0em;
		
}
.cssform .overline
{
	border-top: 1px solid #ccc;
}


.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -200px; /*width of left column*/
	width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform .novalidate
{
	font-weight:normal;
}
.cssform small{
	display: block;
	margin: 0 0 5px 0px;
	padding: 1px 3px;
	font-size:0.8em;
	color:#555;
	height: expression('1%');
	
	
	clear:both;
}

.cssform ul
{
	
}


.cssform small.noneheight
{
	height:0px;
	padding:0;
	margin:0;
	clear:both;
	width:100%;
	font-size:0px;
	line-height:0px;
}

.cssform .example
{
	
	/*Gäller för exempeltexter i inputobjekt
		jquery .example*/
	
	color:#999999;
}

.cssform .inputtext{
	width: 350px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-image: url(../../../images/bg_soekruta.gif);
	height: 15px;
	border: 1px solid #999999;
	background-color: #E2E0E0;
	background-repeat: repeat-x;
	padding: 6px 5px;	
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 350px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-image:url(../../../images/bg_soekruta.gif);
	height: 15px;
	border: 1px solid #999999;
	background-color: #E2E0E0;
	background-repeat: repeat-x;
	padding: 6px 5px;	
}

.cssform textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-image:url(../../../images/bg_soekruta.gif);
	height: 15px;
	border: 1px solid #999999;
	background-color: #E2E0E0;
	background-repeat: repeat-x;
	padding: 6px 5px;
	width: 350px;
	height: 100px;
	
}

textarea.expanding
{
	/*MÅSTE INNEHÅLLA line-height och min-height:*/
	line-height: 15px;
	min-height: 100px;
	/*font-size:11px;
	font-family: Arial, Helvetica, sans-serif;*/
}

.cssform label.error
{
  background-color:#ee8311;
  background-image: url(../images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 5px 3px 5px 27px;
  border: 1px solid #000;;
  margin: 0px 0px;
  width:330px !important;
  width:330px;
  clear:both;
  min-height:16px;

}
.cssform .error
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:whitesmoke;
	border:2px solid #999999;
	padding:1px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.formular
{
	width:100%;
	/*font-family:arial,helvetica;*/
	font-size:1em;
	padding:0px;
}
.formular_header
{
		
}
.formular_header h1
{
	font-size:2.0em;
}
.formular_main
{
	/*border: #000 1px solid;
	background-color:whitesmoke;
	padding:5px;*/
	padding-left:0px;
	padding:10px;
	
}
.formular_main_info
{
	margin:5px;
	border:1px solid #ccc;
	padding:5px;
	display:none;
	
}
.cssform .intext
{
	margin-top:30px;
	margin-bottom:10px;
}


.formular_main_info h1
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	text-decoration:none;
	font-size:1.2em;
	border-bottom: 1px solid #000;
	width:inherit;
	padding-left:25px;
	padding-bottom:5px;
	margin:0px;
	margin-bottom:5px;
	display:none;

	
}
.formular_main_info p
{
	margin:0px;
	padding:0px;
	width:auto;
	border:0;
}

.formular_main_help
{
	padding-left:200px;
	padding-top:0px;
	padding-bottom:0px;
}
.formular_main_help h1
{

}

.formular_main_help p
{
	font-style: italic;
}
.formular_main_input
{
	
}

#captchatextImg
{
	margin-left:5px;
}


/********* DATEPICKER *************************************************************************************
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* The wrapper div */
div.datePicker
        {
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

      
		
		 /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        /*font:900 0.8em/0.8em Verdana, Sans-Serif;*/
		
		font-size:10px;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-weight:900;
        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        /*position:relative;*/
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 4px; 4px;
        background:transparent url(../images/cal.gif) no-repeat 50% 50%;*/
		/*background: url(../images/cal.gif);*/
		min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;		
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:0px 0px 10px 5px;
		border:0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
		/*line-height:12px;*/
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 10px Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:10px;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 10px Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 10px Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#ffffff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;*/
        text-align:center;
        width:100%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
		font:500 10px Verdana, Sans-Serif;
        cursor:pointer;
        background:#fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;*/
		width:3em;
        height:2em !important;
        height:1.8em;
		/*width:auto;
		height:20px !important;
		height:18px;*/
        outline:none;
        }
div.datePicker table th
        {
         border:0 none;
        padding:0;
        line-height:1em;
	    font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
		background-image:none;
		background:transparent;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(../images/backstripes.gif);
		border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(../images/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(../images/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }



/************************* FACEBOX *******************************/

#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
  }

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;  
}
#facebox .body .content
{
	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
	color:#000000;
	text-align:center;
	font-weight:bold;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}