html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}

ol, ul {
	list-style:none;
}

html, body {
	height:100%;
}


h1{font-size:22px; font-family:Georgia, "Times New Roman", Times, serif;}
h2{font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
a{color:#21759B; text-decoration:none;}

a.condition{color:#21759B; text-decoration:underline;}
a.contract{color:#000000; text-decoration:underline;}

body, td, textarea, input, select {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#outer-wrapper {
	height:auto;
	min-height:100%;
	width:100%;
	position:relative;
}

/********************************************************************************************/
/*Top*/
#top {
	position: relative;
	min-width: 960px;
    background-color: #000000;
    background-image: -moz-linear-gradient(center bottom , #000000, #444444);
    color: #FFF;
    height: 40px;
    left: 0;
    top: 0;
    width: 100%;
}

#top #logo-arrow{position:absolute; left:222px; top:7px; height:26px; background:url(../img/logo-arrow.png) no-repeat; z-index:99; width:11px;}

#top #top-left{position:relative; float:left;}
	#top-left a.logo{position:relative; display:block; height:40px; width:222px;}
	#top-left #logo{background:url(../img/logo.jpg) left top no-repeat; height:40px;}

#top #top-right{position:relative; float:left; margin-right:30px;}
		
	#log-in p{	
		font-family:Georgia, "Times New Roman", Times, serif; background-color:#666; border-right: 1px solid #808080; padding-left:30px; padding-right:20px; padding-bottom:11px; padding-top:12px; font-size:14px; cursor:pointer;
	}
	

#top #search{position:relative; float:left; margin-right:30px; padding-top:6px; margin-top:0px;}	
#top #search input[type=text]{width:250px; padding-top:1px; margin-right:5px;}
#top #search button[type=submit]{padding-top:3px !important;}
/********************************************************************************************/


/********************************************************************************************/
/*Meny*/
#menu-back, #menu-wrap, #menu {
	width:222px;
}

#menu-wrap {
	position:relative;
	float:left;
}

#menu-back, #menu-wrap {
	border-width:1px 1px 0 0;
	border-style:solid;
	background-color:#ECECEC;
	border-color:#CCCCCC;
}

#menu-back {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	z-index:-1;
}

#menu ul{position:relative;}
/*#menu li{position:relative; padding-top:7px; padding-bottom:8px; padding-left:10px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #F6F6F6;}
#menu li #nav-icon-dashboard{background:url(../img/icon/my_info.png) left 2px no-repeat; height:18px; width:16px; float:left; padding-left:10px;}

#menu li a{color:#666; text-decoration:none; padding-top:3px; display:block;}*/
#menu li{position:relative; padding-top:3px; padding-bottom:16px; padding-left:10px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #F6F6F6;}

#menu li .nav-icon{height:44px; width:44px; float:left; padding-left:10px;}
#menu li .dashboard{background:url(../img/icon/dashboard.png) left 2px no-repeat;}
#menu li .my-info{background:url(../img/icon/my_info.png) left 2px no-repeat;}
#menu li .user-register{background:url(../img/icon/user_register.png) left 2px no-repeat;}
#menu li .invoices{background:url(../img/icon/my_invoices.png) left 2px no-repeat;}
#menu li .logout{background:url(../img/icon/logout.png) left 2px no-repeat;}

#menu li .user-info{background:url(../img/icon/edit_user.png) left 2px no-repeat;}
#menu li .saved-invoices{background:url(../img/icon/saved_invoices.png) left 2px no-repeat;}
#menu li .my-invoices{background:url(../img/icon/my_invoices.png) left 2px no-repeat;}
#menu li .overview-payouts{background:url(../img/icon/overview_payouts.png) left 2px no-repeat;}
#menu li .create-invoices{background:url(../img/icon/create_invoices.png) left 2px no-repeat;}
#menu li .edit-payreceiver{background:url(../img/icon/edit_user.png) left 2px no-repeat;}
#menu li .edit-organizer{background:url(../img/icon/edit_organizer.png) left 2px no-repeat;}
#menu li .invoice-id{background:url(../img/icon/invoice_id.png) left 2px no-repeat;}

#menu li a{color:#666; text-decoration:none; padding-top:21px; display:block;}
#menu li a.active{color:#FFF;}
#menu li.active{background-color:#666;}
#menu li.active .nav-icon-arrow{
    background:#666 url(../img/nav-arrow-active.png) left top no-repeat; width:29px; height:58px; /*width:18px; height:36px;*/
	cursor: auto;
    display: block;
    position: absolute;
	right: -29px;
    /*right: -18px;*/
    top: -1px;
    z-index: 25;
}

#menu li.nav-separator{background:url(../img/nav-border.jpg) left center repeat-x; margin:0px; height:2px; padding:0px;}
		
		/*Submeny*/
		/*#menu .submenu{position:relative; background-color:#FFF; top:17px; left:-10px; width:222px;}
		#menu .submenu li{padding-top:7px; padding-bottom:9px; padding-left:15px; border-bottom:#F2F2F2 1px solid;}
		#menu .submenu li a{font-size:12px; text-decoration:none; color:#666; margin:0px; padding:0px;}*/
		
		#menu li.submenu{background-color:#FFF; padding-top:7px; padding-bottom:9px; padding-left:15px; border-bottom:#F2F2F2 1px solid;}
		#menu li.submenu a{font-size:12px; text-decoration:none; color:#666; margin:0px; padding:0px;}

/********************************************************************************************/


/*User info block*/
#search_user_info_block {
	width:222px;
	margin-top:40px;
}

#search_user_info_block .search_user_info_separator_top{background:url(../img/nav-border.jpg) left center repeat-x; height:2px; padding:0px; margin-bottom:15px;}
#search_user_info_block .search_user_info_separator_bottom{background:url(../img/nav-border.jpg) left center repeat-x; height:2px; padding:0px; margin-top:15px;}

#search_user_info_block img{float:right; margin-right:10px;}
#search_user_info_block p{padding-left:10px; font-size:12px;}
#search_user_info_block p.on_off{font-size:16px; margin-bottom:21px;}
#search_user_info_block p.search_button{margin-top:20px;}

/********************************************************************************************/


/********************************************************************************************/
/*Content*/
#inner-wrapper {
    margin-left: 270px;
	height: 100%;
	margin-right:20px; 
}

#overlay-wrapper p.info{padding:5px; border:#F00 1px dashed; width:390px; margin-bottom:10px;}

#content-wrapper{position:relative; float:left; margin-top:40px; margin-bottom:80px; width:100%;}

#content-wrapper h1, #overlay-wrapper h1{margin-bottom:30px; font-weight:normal; padding-bottom:3px; background:url(../img/h1-arrow-right.jpg) left top no-repeat; padding-left:30px;}

/*#content-wrapper #toggle a{border:#666 1px solid; background-color:#F2F2F2; display:block; height:4px; width:12px; float:right; margin-right:8px;}*/

#content-wrapper p.characters{color:#666;}

/*Breadcrumb*/
#content-wrapper #steps{position:relative; margin-bottom:40px; min-height:24px; background-color:#E4E4E4; border:#D5D5D5 1px solid; border-radius:3px;}
#content-wrapper #steps ul.steps{list-style:none;}
#content-wrapper #steps ul.steps li{float:left; padding:3px 20px 0px 15px; height:21px;}
#content-wrapper #steps ul.steps li.active{color:#FFF; background:#D76179 url(../img/steps-active.jpg) right top no-repeat;}
#content-wrapper #steps ul.steps li.undone{color:#777777; background:#E4E4E4 url(../img/steps-undone.jpg) right top no-repeat;}
#content-wrapper #steps ul.steps li.done{color:#FFF; background:#E891A6 url(../img/steps-done.jpg) right top no-repeat;}
#content-wrapper #steps ul.steps li.done2{color:#FFF; background:#E891A6 url(../img/steps-done2.jpg) right top no-repeat;}

#content-wrapper #steps ul.steps li:first-child{
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*Info*/
#content-wrapper .infobox{margin-bottom:40px; min-height:24px; background-color:#FFFFFF; border:#F00 1px solid; border-radius:3px;}
#content-wrapper .infobox p{padding:5px;}

#content-wrapper #mini-menu{margin-bottom:6px;}

/*Dashboard*/
#content-wrapper #dashboard-content {width:900px;}
#content-wrapper #dashboard-content #dashboard-content-left{float:left; width:400px; margin-right:30px;}
#content-wrapper #dashboard-content #dashboard-content-right{float:left; width:400px;}
#content-wrapper #dashboard-content table.table-dashboard td{padding: 7px 7px 7px 8px; margin-bottom:10px;}
#content-wrapper #dashboard-content p{margin-bottom:10px;}

#content-wrapper #create-payreceiver-left{float:left; width:400px; margin-right:30px;}
#content-wrapper #create-payreceiver-right{float:left; width:540px;}

#content-wrapper #create-payreceiver-right #toggle .close{background:url(../img/icon/minus.gif) left top no-repeat; height:9px; width:9px;}
#content-wrapper #create-payreceiver-right #toggle .open{background:url(../img/icon/plus.gif) left top no-repeat; height:9px; width:9px;}

#content-wrapper #create-payreceiver-right tbody.display_payreceiver {display:none;}

#content-wrapper #create-payreceiver-right tbody.toggle-travel-up{display:none;}
#content-wrapper #create-payreceiver-right tbody.toggle-travel-down{display:;}

#content-wrapper #create-payreceiver-right tbody.toggle-subsistence-up{display:none;}
#content-wrapper #create-payreceiver-right tbody.toggle-subsistence-down{display:;}

#content-wrapper table{}

table.main{
	background-color: #F9F9F9;
	border-color: #DFDFDF;
	border-radius: 3px 3px 3px 3px;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px;
    clear: both;
    margin: 0;
    width: 100%;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
}

table.main tbody{background-color:#F9F9F9;}
table.main tbody.hover tr:hover, table.main tfoot.hover tr:hover{background-color:#FFC;}

table.main td.background{background-color:#DDD;}
table.main_sub td.background_sub{background-color:#F9F9F9;}

table.main thead th:first-of-type {
    border-top-left-radius: 3px;
}

table.main thead th:last-of-type {
    border-top-right-radius: 3px;
}

table.main tfoot td:first-of-type {
    border-bottom-left-radius: 3px;
}
table.main tfoot td:last-of-type {
    border-bottom-right-radius: 3px;
}

table.main tr.odd {
    background-color: #FCFCFC;
}

table.main tr.odd {
    background-color: #FCFCFC;
}

table.main td.label {
    background-color: #CCC;
}


table.main thead tr th{
	background-color: #F1F1F1;
    /*background-image: -moz-linear-gradient(center top , #F9F9F9, #BDC2F8);*/
}

table.main thead.calculate tr th{
	background-color: #F1F1F1;
    /*background-image: -moz-linear-gradient(center top , #F9F9F9, #999);*/
}

table.main th {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

table.main td, table.main th {
    border-bottom-color: #DFDFDF;
    border-top-color: #FFFFFF;
	font-weight: normal;
	overflow: hidden;
	font-size: 12px;
    padding: 7px 7px 8px;
    text-align: left;
	border-style: solid;
    border-width: 1px 0px;
}

table.main th.icon-cell {
    width:20px;
}

table.extended_help p{margin-bottom:10px;}

/********************************************************************************************/


/********************************************************************************************/
/*Footer*/
#footer{
    border-top: #CCCCCC 1px solid;
    bottom: 0;
    left: 0;
	right:0;
    margin-right: 20px;
    padding: 10px 0;
    position: absolute;
	margin-left: 270px;
	margin-top:20px;
}

/********************************************************************************************/


/********************************************************************************************/
/*Formulärdata*/
input[type=text], input[type=password] {
	width: 200px;/* float:left;*/
}

input[type=text].zip {
	width: 100px; float:left; margin-right:4px;
}

input[type=text].org {
	width: 150px; float:left; margin-right:4px;
}

input[type=text].amount {
	width: 100px;
}

input[type=text].mile {
	width: 100px;
}

input[type=text].date {
	width: 80px;
}

textarea{width:250px; float:left;}

select{/*float:left;*/}

.read{background-color:#F2F2F2; color:#999;}

img.ui-datepicker-trigger{/*float:left; */margin-right:4px;}

p.gage-label{margin-bottom:9px;}
p.gage-textfield{margin-bottom:2px;}

input[type=submit]{
	height:32px;
	background-color: #FEA004;
    border: 1px solid #F63;
    color: #FFF;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px 8px 3px;
    text-align: center;
	margin:10px 0px;
	cursor:pointer;
	
	width: auto;
    overflow:visible;
}

input[type=submit].disabled{
	height:32px;
	background-color: #F2F2F2;
    border: 1px solid #F63;
    color: #B6B6B6;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px 8px 3px;
    text-align: center;
	margin:10px 0px;
	cursor:pointer;
	
	width: auto;
    overflow:visible;
}

input[type=submit].disabled_big{
	height:60px;
	background-color: #F2F2F2;
    border: 1px solid #F63;
    color: #B6B6B6;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
	margin:0px;
	cursor:pointer;
	font-size:20px;
	width:250px;
}

input[type=submit].undisabled_big{
	height:60px;
	background-color: #FEA004;
    border: 1px solid #F63;
    color: #FFF;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
	margin:0px;
	cursor:pointer;
	font-size:20px;
	width:250px;
}

input[type=button] {
	height:32px;
	background-color: #FEA004;
    /*background-image: -moz-linear-gradient(center top , #F2F2F2, #FFFFE0);*/
    border: 1px solid #F63;
    color: #FFF;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px 8px 3px;
    text-align: center;
	margin:10px 0px;
	cursor:pointer;
	
	width: auto;
    overflow:visible;
}

input[type=button].disabled{
	height:32px;
	background-color: #F2F2F2;
    border: 1px solid #F63;
    color: #B6B6B6;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px 8px 3px;
    text-align: center;
	margin:10px 0px;
	cursor:pointer;
	
	width: auto;
    overflow:visible;
}

button[type=button], button[type=submit] {
	height:22px;
	background-color: #F9F9F9;
    border: 1px solid #CCC;
    color: #21759B;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px 8px 3px;
    text-align: center;
	margin:3px 0px;
	cursor:pointer;
	
    width: auto;
    overflow:visible;
}

input[type=button].undone {
	height:32px;
    border: 1px solid #F63;
    color: #B6B6B6;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    /*padding: 0px 4px 3px 19px;*/
	padding: 0px 8px 3px;
    text-align: center;
	margin:10px 0px;
	cursor:default;
	background-color:#F2F2F2;
	/*background:#F2F2F2 url(../img/icon/cross.png) 4px 7px no-repeat;*/
	
	width: auto;
    overflow:visible;
}

input[type=button].calculate {
	height:60px;
	background-color: #21759B;
    border: 1px solid #124861;
    color: #FFF;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
	margin:0px;
	font-size:20px;
	width:180px;
}

input[type=button].calculate_disabled {
	height:60px;
	background-color: #F2F2F2;
    border: 1px solid #F63;
    color: #B6B6B6;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
	margin:0px;
	font-size:20px;
	width:180px;
}

input[type=submit].done {
	height:32px;
    border: 1px solid #F63;
    color: #FFF;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    /*padding: 0px 4px 3px 28px;*/
	padding: 0px 8px 3px;
    text-align: center;
	margin:10px 0px;
	background-color:#FEA004;
	/*background:#FEA004 url(../img/icon/done.png) 6px 4px no-repeat;*/
	
	width: auto;
    overflow:visible;
}

/********************************************************************************************/


/********************************************************************************************/
/*Meddelanden*/
#message{
	width:100%;
	margin:0px 10px 10px 0px;
}

#message #done, #message #err{
	padding:10px 5px 10px 35px;
	
	background-position: 0.5% 50%;
	background-repeat:no-repeat;
}

#message #done{
	background-image:url(../img/done.png);
	background-color:#D3E8C6;
	border:1px solid #51A321;
}
	
#message #err{
	background-image:url(../img/delete.png);
	background-color:#FFB0B0;
	border:1px solid #C40000;
}

/********************************************************************************************/


/********************************************************************************************/
/*Generella klasser*/
.clear{clear:both; float:none;}

.mini-text{font-size:10px;}

.mandatory{color:#F00;}

.help{background:url(../img/help.png) left top no-repeat; height:16px; width:16px; float:right; margin-left:5px; margin-top:3px; margin-right:4px;}
.information{background:url(../img/information.png) left top no-repeat; height:16px; width:16px; float:right; margin-left:5px; margin-top:0px; margin-right:4px;}
a.information{float:left;}

.tooltip{background-color: #FFFFE0; border-color: #E6DB55; border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
   	margin: 0 0 16px 8px;
   	padding: 12px;
	width:200px;
	z-index:10001;
}

.discount_ok{
	background:url(../img/done_small.png) left top no-repeat;
	width:16px;
	height:16px;
	float:right;
	margin-top:4px;
}

.discount_wrong{
	background:none;
}

.discount{
	float:left;
	margin-right:4px;
}

.toggle_hide{
	display: none;
}

.toggle_show{
	display: table-row;
}

/********************************************************************************************/


/********************************************************************************************/
/*Overlay*/
.simple_overlay{
	/*background:transparent url(../img/overlay/white.jpg) repeat;*/
	background-color:#FFF;
	/* must be initially hidden */
	display:none;
	position:relative;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	/*width:646px !important;
	height:516px !important;*/
	
	width:800px !important;
	height:500px !important;
}

.simple_overlay.policy{
	height:800px !important;
}

.simple_overlay .close{
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:36px;
	width:36px;
}

.simple_overlay #btnClose .close{
	position:relative;
	
	height:auto;
	background:none;
	width:auto;
}

div.contentWrap{
	position: relative;
	height: 450px !important;
	overflow:hidden;
	overflow-y:auto;
	/*width:530px !important;*/
	width:720px !important;
	margin-top:40px;
	margin-left:50px;
	padding-right:20px;
}

div.contentWrap.policy{
	height: 720px !important;
}

/********************************************************************************************/


/********************************************************************************************/
/*Policy*/
.policy-content ul{
	list-style:disc;
	margin-left: 42px;
	margin-bottom: 10px;
}

.policy-content ol{
	list-style:decimal;
	margin-left: 42px;
	margin-bottom: 10px;
}

.compilance-title{
	text-align: center;
}

/********************************************************************************************/

/********************************************************************************************/
/*Multiple datepicker*/
.ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-calendar thead tr th {
    color: #666666;
}

.performanceDates #startDateCal{
	margin-bottom: 10px;
}

.performanceDates .startDateText{
	background-color: #F9F9F9;
	border: none;
	resize: none;
	outline: none;
	width: 560px;
}

.performanceDates .selectedPerformanceDates{
	font-weight: bold;
}

/********************************************************************************************/

/********************************************************************************************/
/*Multiple datepicker*/
.spinner{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.spinner.hide{
	display: none;
}

.spinner.show{
	display: inline-block;
}

.spinner-text{
	color: green;
}

.spinner-text.hide{
	display: none;
}

.spinner-text.show{
	display: inline-block;
}

.spinner-del{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.spinner-del.hide{
	display: none;
}

.spinner-del.show{
	display: inline-block;
}

.spinner-del-text{
	color: green;
}

.spinner-del-text.hide{
	display: none;
}

.spinner-del-text.show{
	display: inline-block;
}
/********************************************************************************************/