﻿/*
1. Main containers
2. Main elements
3. Misc classes
4. Navigation
5. Forms
6. Typography
7. Grid
8. Mobiscroll
9. Icons
10. Validation
11. jQuery UI
12. Minified section
*/

/* ### 1. Main containers ############### */
body {
	width:100%;
	padding-top:102px;
	padding-bottom:90px;
	background:url(../Content/images/background.jpg) left top repeat #383838;
	background-size: 512px 512px;
}

#top {
	position:fixed;
	top:0;
	left:0;
	height:102px;
	width:1024px;
	background:url(../Content/images/top.jpg);
	background-size: 100% auto;
	background-repeat:no-repeat;
	z-index:900;
	font-size:0.88em;		
}

#footer {
	position:fixed;
	bottom:0;
	left:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	height:90px;
	width:1024px;
	padding:20px;
	padding-top:21px;
	padding-bottom:21px;
	background:url(../Content/images/footer.jpg);
	background-size: 100% auto;
	background-repeat:no-repeat;
	z-index:901;				
}

#content {
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:1024px;
	padding:20px;
}

/* ### 2. Main elements ############### */
#logo {
	position:absolute;
	top:19px;
	left:20px;
	width:319px;		
}
#logininfo {
    width:340px;
	color:#fff;
	padding:20px 20px 0px 0px;
	text-align:right;
}
#logininfo a {
	color:#fff;
	font-weight:bold;	
}

#top_assignmentinfo {
	float:right;
	width:240px;
	margin-right:10px;
	padding-top:42px;
	color:#fff;	
}

.box {
	position:relative;
	display:block;
	padding:20px;
	margin-top:0px;
	margin-bottom:25px;
	background:url(../Content/images/box_top.jpg) no-repeat right top #f9f9f9 !important;
	border:2px solid #fff !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow:  3px 3px 3px 2px rgba(0, 0, 0, 1);
	box-shadow:  3px 3px 3px 2px rgba(0, 0, 0, 1);
}
#content div.box:last-child {
	margin-bottom:0px !important;
}

.has_title {
	margin-top:63px;
}
.has_title_first {
	margin-top:38px !important;
}

.box_title {
	position:absolute;
	height:36px;
	line-height:36px;
	background-size:auto 100%;
	padding-left:16px;
	padding-right:21px;
	left:5px;
	top:-38px;
	background-image:url(../Content/images/box_title_right.png), url(../Content/images/box_title_left.png);
	background-position:right top, left top;
	background-repeat:no-repeat;
	color:#000;
	text-shadow: 1px 1px 0px #fff9cb;
}

.footer_message {
	position:relative;
	display:inline-block;
	float:right;
	height:46px;
	line-height:46px;
	padding-left:15px;
	padding-right:15px;
	background:#ffe400;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	border:2px solid #fff69d;
	text-shadow:1px 1px 0px #fff7b5;				
}
.footer_message:before {
	content:"";
	position:absolute;
	top:-13px;
	display:block;
	background:url(../Content/images/message_arrow_up_yellow.png) no-repeat transparent;
	height:13px;
	width:23px;	
}
.footer_warning {
	background-image:url(../Content/images/icon_warning_small.png);	
	background-repeat:no-repeat;
	background-position:12px center;
	padding-left:44px;
}

.message {
	position:relative;
	display:block;
	padding:10px;
	padding-bottom:16px;
	padding-top:16px;
	background:#fff;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	border:2px solid #eee;
	text-shadow:1px 1px 0px #fff;				
}
h1.message {
	padding-top:14px;
	padding-bottom:14px;	
}
.message_info {
	background-image:url(../Content/images/icon_info.png);	
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-size:auto 32px;
	padding-left:55px;		
}
.message_warning {
	background-image:url(../Content/images/icon_warning.png);	
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-size:auto 32px;
	padding-left:55px;
	background-color:#ffe400;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	border:2px solid #fff69d;
	text-shadow:1px 1px 0px #fff7b5;				
}

#top .message {
	display:inline-block;
	padding:0px 6px 0px 27px;
	color:#000;			
}
#top .message_warning, #top .message_info {
	background-position:4px 3px;
	background-size:auto 18px;		
}
#top .ui-helper-hidden {
	display:none;
}


/* ### 3. Misc classes ############### */
hr {
	border: none 0;
    border-top: 2px solid #777777;
    color: #fff;
    background-color: #fff; 
    clear: both;
	margin-top:20px;
	margin-bottom:20px;  
}
.left {
	float:left;	
}
.right {
	float:right;	
}
.alignleft {
	float:left;
	margin-right:1.5%;	
}
.alignright {
	float:right;
	margin-left:1.5%;	
}
.clear {
	clear:both;
	height:0px !important;
	font-size:0px !important;
	line-height:0px !important;	
}
.valign {
	display:table;	
}
.middle {
	display:table-cell;
	vertical-align:middle;	
}
.center {
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;	
}
.text_right, .text_right * {
	text-align:right !important;	
}

.has_no_title {
	margin-top:0px;	
}

.height_2rows_label {
	height:144px;		
}
.height_3rows_label {
	height:240px;		
}
.height_4rows_label {
	height:335px;		
}

.height_2rows {
	height:170px;		
}
.height_3rows {
	height:265px;		
}
.height_4rows {
	height:360px;		
}

.spacer {
	height:20px !important;	
}

.nowrap {
    white-space: nowrap;
}

.textaligncenter {
    text-align: center;
}

.datalist {
	width:100%;		
}
.datalist tr.border td, .datalist tr.border th {
	border-top:2px solid #777 !important;
}
.datalist th {
	font-weight:bold;
	text-align:right;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	width: 1px;
    white-space: nowrap;
}
.datalist td {
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}
.datalist tr:nth-child(even), .datagrid tr:nth-child(odd) {
	background: #e8e8e8
}

.datagrid {
	width:100%;
}
.datagrid th {
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background:#3e3e3e;
	color:#fff;
}
.datagrid th:first-child {
	-webkit-border-radius: 5px 0px 0px 0px;
    border-radius: 5px 0px 0px 0px;		
}
.datagrid th:last-child {
	-webkit-border-radius: 0px 5px 0px 0px;
    border-radius: 0px 5px 0px 0px;		
}
.datagrid td {
	padding:10px;
	vertical-align:middle;
	overflow:hidden;
	text-overflow: ellipsis;
}

.message_icon {
	background-image:url(../Content/images/icon_info.png);	
	background-repeat:no-repeat;
	background-position:0px 2px;
	background-size:auto 15px;
	padding-left: 20px;		
}

.notify {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:1024px;
	line-height:20px;
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-o-linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);	
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-moz-linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);	
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-webkit-linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);	
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-ms-linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);	
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-webkit-gradient(linear, left bottom, left top, color-stop(0.47, rgb(255,230,2)), color-stop(0.74, rgb(255,236,65)));
	background-size:auto 20px, auto;							
	padding:6px 30px 6px 47px;
	z-index:100;
	-webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.5);
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}

/*Clearable input field*/
.clearable {
    position:relative;
	display:block;
}
.clearable input {
    padding-right:17px; /* add space for the 'x' icon*/
}
a.icon_clear {
	position:absolute;
    right:12px;
	top:12px;    
    display:none;
    cursor:pointer;
	background:url(../Content/images/icon_clear.png) left top no-repeat;
	height:27px;
	width:27px;
	z-index:999;
	text-decoration:none;
}
    a.icon_clear:hover {
        
    }
	
#footer .alignright {
	margin-left: 3%;	
}
#footer .alignleft {
	margin-right:3%;	
}

.td_valign_text {
	padding-top:15px !important;	
}

.item_list {
	list-style:none;	
}
.item_list li {
	display:block;
	height:340px;
	width:260px;
	padding:20px;	
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background:#cccccc;
	border-radius:5px;
	text-align:center;	
}
.item_list li:nth-child(3n) {
	margin-right:0px;	
}
.item_list li a {
	margin:0 auto !important;	
}
.item_list_photo_260x260px {
	display:table-cell;
	height:260px;
	width:260px;
	vertical-align:middle;
	text-align:center;
}

/* ### 4. Navigation ############### */
#scrollnav {
	height:35px;	
}
.nav {
	position:fixed;
	display:block;
	top:95px;
	left:0px;
	height:42px;
	width:1024px;
	list-style:none;
	background:url(images/nav_main_background.jpg) center top #e7302c;	
	z-index:90;
}
	.nav li {
		float:left;
		display:inline-block;
	}
	.nav li:last-child {
		background:url(images/nav_main_inactive.gif) right top no-repeat;
		padding-right:2px;
	}
	.nav li a {
		display:inline-block;
		line-height:36px;
		height:36px;
		padding-top:1px;
		padding-left:19px;
		padding-right:19px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		text-shadow:1px 1px 0px rgba(0,0,0,0.3);
		background:url(images/nav_main_inactive.gif) left top no-repeat;		
	}
	.nav li a:hover {
		text-decoration:none;	
	}
	.nav li.active a {
		background:url(images/nav_main_active.jpg) left top #f9e52e;
		color:#000;
		text-shadow:1px 1px 0px rgba(255,255,255,0.8);		
	}

.button, input[type=submit], .dwb, button {
	display:inline-block !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.25em !important;
	color: #000 !important;
	font-weight:bold;
	height:48px;
	line-height:48px;
	padding: 0px 20px 0px 20px !important;
	text-decoration:none !important;
	background:#f1f1f1 !important;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#ffffff) !important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#ffffff)) !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	border: 1px solid #ffffff !important;
	-moz-box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;
	-webkit-box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;
	box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1) !important;
	white-space:nowrap;
}

.button:hover, input[type=submit]:hover, button:hover {
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#fafafa 50%,
		#f0f0f0 50%,
		#ffffff) !important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #fafafa),
		color-stop(0.50, #f0f0f0),
		to(#ffffff)) !important;
	-moz-box-shadow:
		0px 2px 1px rgba(000,000,000,0.7),
		inset 0px 0px 4px rgba(255,255,255,1) !important;
	-webkit-box-shadow:
		0px 2px 1px rgba(000,000,000,0.7),
		inset 0px 0px 4px rgba(255,255,255,1) !important;
	box-shadow:
		0px 2px 1px rgba(000,000,000,0.7),
		inset 0px 0px 4px rgba(255,255,255,1) !important;
	cursor:pointer !important;
}
.button:disabled, .button.disabled, input[type=submit]:disabled, .dwb:disabled, button:disabled, .button:disabled:hover, input[type=submit]:disabled:hover, .dwb:disabled:hover, button:disabled:hover {
	background: -moz-linear-gradient(
		top,
		#f1f1f1 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#f1f1f1) !important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f1f1f1),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#f1f1f1)) !important;		
	-moz-box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;
	-webkit-box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;
	box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;	
	color:#b9b9b9 !important;
	text-shadow:none !important;
	cursor:default !important;
    pointer-events:none;	
}

.button_back, .button_print, .button_save, .button_home, .button_home, .button_info {
	padding: 0px 6px 0px 6px !important;		
}
.button_back:before {
	position:relative;
	top:7px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_back.png) center center no-repeat;
}
.button_print:before {
	position:relative;
	top:6px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_print.png) center center no-repeat;
}
.button_save:before {
	position:relative;
	top:0px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_save.png) center center no-repeat;
}
.button_home:before {
	position:relative;
	top:7px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_home.png) center center no-repeat;
}
.button_info:before {
	position:relative;
	top:7px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_info.png) center center no-repeat;
}

.more-buttons_button:before {
	position:relative;
	top:0px;
	content: "";
	width:47px;
	height:47px;
	display:block;
	background:url(images/button_more-buttons.png) center center no-repeat;
}
.more-buttons_button {
	display:block !important;
	border-radius: 50% !important;
	width:48px;
	padding:0px !important;	
}
.more-buttons {
	position:absolute;
	display:none;
	top:-87px;
	right:0px;
	background:#feeb54;
	padding:27px;
	padding-top:17px;
	padding-bottom:20px;
	border-radius:4px 4px 0px 4px;
	border-top:2px solid #fff8bd;
	-webkit-box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	white-space:nowrap;
}
.more-buttons .button {
	margin-right:25px;
	box-sizing:border-box;	
}
.more-buttons > .button:last-child {
	margin:0px;
}

.more-buttons form {
    display: inline-block;
}

button.ui-state-default, .ui-widget-content button.ui-state-default {
	border:none !important;	
}

.nav_icons {
	display:block;
	width:100%;
	list-style:none;	
}
.nav_icons li {
	display:inline-block;
	float:left;
	height:210px;
	width:220px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	text-align:center;
	margin-right:20px;
	background:url(../Content/images/icon_bg.png) transparent center top no-repeat;
	background-size:100% 100%;				
}
.nav_icons li:nth-child(-n+4) {
	margin-bottom:20px;	
}
.nav_icons li:nth-child(4n+4) {
	margin-right:0px;	
}
.nav_icons li.disabled, .nav_icons li.disabled a {
	opacity:0.2;		
}
.nav_icons li.disabled:hover a {
	cursor:default;	
}
.nav_icons li.disabled:hover {
	cursor:default;
	background:url(../Content/images/icon_bg.png) transparent center top no-repeat;		
}
.nav_icons li:hover {
	background:url(../Content/images/icon_bg_hover.png) transparent center top no-repeat;
	background-size:100% 100%;				
}
.nav_icons li input[type=submit] {
	box-shadow:none !important;
	text-shadow:none !important;
	padding:0px !important;
	border:0px !important;	
}
.nav_icons li a, .nav_icons li span, .nav_icons li input[type=submit] {
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	width:100%;	
	padding:10px !important;
	padding-top:170px !important;
	color:#000;
	text-decoration:none;
	background-size:auto 140px;
	cursor:pointer;	
}

.nav_icons li span.counter {
	display:inline;
	padding:0px !important;
}

.nav_icons li input[type=submit] {
	padding-top:153px !important;	
}
.nav_icons_small li:nth-child(-n+4) {
	margin-bottom:0px;	
}
.nav_icons_small li:nth-child(4n+4) {
	margin-right:0px;	
}
.nav_icons_small li {
	height:166px !important;
	width:166px !important;	
	margin-right:20px !important;
}
.nav_icons_small li:nth-child(-n+3) {
	margin-bottom:20px !important;	
}
.nav_icons_small li:nth-child(3n+3) {
	margin-right:0px !important;
}
.nav_icons_small li a, .nav_icons_small li span {
	padding-top:132px !important;
	background-size:auto 110px !important;
	font-size:0.95em !important;		
}

ul.flow_nav {
	display:inline-block;
	height: 48px;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 1), 1px 2px 2px 0px rgba(0, 0, 0, 1);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 1), 1px 2px 2px 0px rgba(0, 0, 0, 1);
	-webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
	margin-bottom:15px;
}

ul.flow_nav li 
{
	position:relative;
	float:left;
	height: 48px;
    line-height: 48px;
	text-align: center;		
	background: #4e9ecb; /* Old browsers */
	background: -moz-linear-gradient(top,  #4da1d6 0%, #4e9cca 48%, #4689bf 53%, #5ab3e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4da1d6), color-stop(48%,#4e9cca), color-stop(53%,#4689bf), color-stop(100%,#5ab3e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4da1d6 0%,#4e9cca 48%,#4689bf 53%,#5ab3e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4da1d6 0%,#4e9cca 48%,#4689bf 53%,#5ab3e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4da1d6 0%,#4e9cca 48%,#4689bf 53%,#5ab3e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4da1d6 0%,#4e9cca 48%,#4689bf 53%,#5ab3e7 100%); /* W3C */
}
ul.flow_nav li:first-child {
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
ul.flow_nav li:after {
	position:absolute;
	content:" ";
	top:-2px;
	right:-30px;
	height:53px;
	width:30px;
	background:url('../Content/images/flowmenu_arrow_blue.png') left top no-repeat;
	z-index:10;
}
ul.flow_nav li_last-child:after {
	right:30px;	
}
ul.flow_nav li a {
    display:block;
	width:85px;
	height: 48px;
    text-align: center;
    line-height: 48px;
	padding:0px 8px 0px 50px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:0.88em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);			
}

ul.flow_nav li.disabled {
	padding:0px 8px 0px 50px;
	width:85px;
	color:#616161;
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #b9b9b9 0%, #adadad 47%, #a0a0a0 53%, #b9b9b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(47%,#adadad), color-stop(53%,#a0a0a0), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b9b9b9 0%,#adadad 47%,#a0a0a0 53%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b9b9b9 0%,#adadad 47%,#a0a0a0 53%,#b9b9b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b9b9b9 0%,#adadad 47%,#a0a0a0 53%,#b9b9b9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b9b9b9 0%,#adadad 47%,#a0a0a0 53%,#b9b9b9 100%); /* W3C */   
}
ul.flow_nav li.disabled:after {
	background:url('../Content/images/flowmenu_arrow_inactive.png') left top no-repeat;
}
ul.flow_nav li:first-child.disabled {
	padding-left:22px !important;	
}

ul.flow_nav li.selected {
	padding:0px 0px 0px 0px;
	background: #4e9ecc; /* Old browsers */
	background: -moz-linear-gradient(top,  #84bee3 0%, #85bcdc 48%, #7fadd3 53%, #8dcbee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84bee3), color-stop(48%,#85bcdc), color-stop(53%,#7fadd3), color-stop(100%,#8dcbee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #84bee3 0%,#85bcdc 48%,#7fadd3 53%,#8dcbee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #84bee3 0%,#85bcdc 48%,#7fadd3 53%,#8dcbee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #84bee3 0%,#85bcdc 48%,#7fadd3 53%,#8dcbee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #84bee3 0%,#85bcdc 48%,#7fadd3 53%,#8dcbee 100%); /* W3C */   
}
ul.flow_nav li.selected:after {
	background:url('../Content/images/flowmenu_arrow_blue_active.png') left top no-repeat;
}

ul.flow_nav li.complete {
	padding:0px 0px 0px 0px;
	background: #96cb4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a6d74d 0%, #94ca4e 48%, #82bf46 53%, #bce75a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6d74d), color-stop(48%,#94ca4e), color-stop(53%,#82bf46), color-stop(100%,#bce75a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a6d74d 0%,#94ca4e 48%,#82bf46 53%,#bce75a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a6d74d 0%,#94ca4e 48%,#82bf46 53%,#bce75a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a6d74d 0%,#94ca4e 48%,#82bf46 53%,#bce75a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a6d74d 0%,#94ca4e 48%,#82bf46 53%,#bce75a 100%); /* W3C */   
}
ul.flow_nav li.complete:after {
	background:url('../Content/images/flowmenu_arrow_green.png') left top no-repeat;
}
ul.flow_nav li.complete a {
	display:inline-block;
	text-align:left;
	padding-left:84px;
	padding-right:22px;
	width:auto;
	background:url('../Content/images/check_white.png') 59px center no-repeat;
}

ul.flow_nav li.selected.complete {
	padding:0px 0px 0px 0px;
	background: #96cb4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #c7e780 0%, #badf81 48%, #add879 53%, #d4f08b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7e780), color-stop(48%,#badf81), color-stop(53%,#add879), color-stop(100%,#d4f08b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7e780 0%,#badf81 48%,#add879 53%,#d4f08b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7e780 0%,#badf81 48%,#add879 53%,#d4f08b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7e780 0%,#badf81 48%,#add879 53%,#d4f08b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7e780 0%,#badf81 48%,#add879 53%,#d4f08b 100%); /* W3C */   
}
ul.flow_nav li.selected.complete:after {
	background:url('../Content/images/flowmenu_arrow_green_active.png') left top no-repeat;
}

ul.flow_nav li:first-child a {
	padding-left:22px !important;
}

ul.flow_nav li.selected a {
	font-size:1.177em !important;
	background:url('../Content/images/flowmenu_active_arrow.png') 85px bottom no-repeat;
	cursor:default;	
}
ul.flow_nav li:first-child.selected a {
	background:url('../Content/images/flowmenu_active_arrow.png') 55px bottom no-repeat;	
}
ul.flow_nav li.selected.complete a {
	margin-left:60px;
	padding-left:24px;
	background:url('../Content/images/check_white.png') 0px center no-repeat, url('../Content/images/flowmenu_active_arrow.png') center bottom no-repeat;
}
ul.flow_nav li:first-child.complete a {
	margin-left:30px;
	padding-left:22px !important;
	background:url('../Content/images/check_white.png') 0px center no-repeat;
}
ul.flow_nav li:first-child.selected.complete a {
	margin-left:30px;
	padding-left:22px !important;
	background:url('../Content/images/check_white.png') 0px center no-repeat, url('../Content/images/flowmenu_active_arrow.png') center bottom no-repeat;
}

/* ### 5. Forms ############### */
label {
	position:relative;
	display:block;
	font-size:1em;
	height:25px;
	line-height:25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
	clear:both;
}
label.left {
	position:relative;
	top:15px;
	display:inline-block;
	clear:none;	
}
.required_compact label {
	display:inline-block;
	padding-right:20px !important;	
}
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	position:relative;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
	width:100%;
	min-height:50px;
	margin:0;
	padding:0 8px;
	background:url(../Content/images/input_bg.gif) right bottom #fff no-repeat;
	border:2px solid #777777;
	-webkit-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);
	box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:20px;
	font-size:1em;
	outline:none;
	-webkit-overflow-scrolling: touch;
}
input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=url]:hover,
select:hover,
textarea:hover {

}
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
	outline:none;
	border:4px solid #ffe400;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);	
}

input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=url]:disabled,
select:disabled,
textarea:disabled {
    color:#b9b9b9;
	border-color:#b9b9b9;
	background:url(../Content/images/input_bg_disabled.gif) right bottom #fff no-repeat;    
}

input[readonly]:not(.select), textarea[readonly] {
	border-color:#d0d0d0;
	background:#f9f9f9; 
}

input[readonly]:not(.select):focus,
textarea[readonly]:focus,
input[type=email]:disabled:focus,
input[type=number]:disabled:focus,
input[type=password]:disabled:focus,
input[type=tel]:disabled:focus,
input[type=text]:disabled:focus,
input[type=url]:disabled:focus,
select:disabled:focus,
textarea:disabled:focus {
	border:2px solid #d0d0d0;
	-webkit-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);
	box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);	
}

textarea {
	position:relative;
	display:block;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;	
	resize:none;
	height:145px;
}

select {
	outline:none;
}
select:hover, select option:hover {
	cursor:pointer;	
}
input.select {
	background-image:url(../Content/images/icon_select.png), url(../Content/images/input_bg.gif);
	background-position:right center,right bottom;
	background-repeat:no-repeat;
}

.checkbox {
	display:none;
}
.custom_checkbox {
	background:url(../Content/images/checkbox.png) no-repeat 0 0 transparent;
	display:inline-block;
	width:53px;
	height:53px;
	cursor:pointer;
	margin-bottom:11px;
}

.custom_checkbox_disabled {
	cursor:default;
}

/*.custom_checkbox:hover {
	background-position:0 -53px;
}*/
.custom_checkbox_active, .custom_checkbox_active:checked {
	background-position:0 -106px !important;
}

.radio {
	display:none;
}
.custom_radio {
	background:url(../Content/images/radio.png) no-repeat center 0px transparent;
	display:inline-block;
	width:40px;
	height:53px;
	cursor:pointer;
	margin-bottom:11px;
}

.custom_radio_disabled {
	cursor:default;
}

/*.custom_radio:hover {
	background-position:center -53px;
}*/
.custom_radio_active, .custom_radio_active:checked {
	background-position:center -106px !important;
}

span.left .custom_radio {
	margin:0px;	
}

.formelement_list {
	list-style:none;
	margin:0px;
}
.formelement_list li {
	float:left;
	margin-bottom:6px;
	white-space:nowrap;
}
.formelement_list li label {
	float:left;
	line-height:50px;
	height:50px;
	margin-right:3px;
	font-size:1em;
}
.formelement_list li .custom_checkbox, .formelement_list li .custom_radio {
	float:left;
	margin-right:20px;
}

label.required {
	background:url(../Content/images/required.png) right center no-repeat;	
}
input[type=email].error,
input[type=number].error,
input[type=password].error,
input[type=tel].error,
input[type=text].error,
input[type=url].error,
select.error,
textarea.error {
	outline:none;
	border:4px solid #e8312d;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);	
}
label.error {
	color:#e8312d;	
}
.textfield {
	display:block;
	height:50px;
	line-height:50px;
	margin-bottom:20px;
}

.icon_select {
	position:relative;
	top:-1px;
	background:url(images/icon_select.png) no-repeat 9px center,
	-moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#ffffff) !important;
	background:url(images/icon_select.png) no-repeat 9px center,
	-webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#ffffff)) !important;
	width:15px;
}
.icon_select:hover {
	background:url(images/icon_select.png) no-repeat 9px center,
	-moz-linear-gradient(
		top,
		#ffffff 0%,
		#fafafa 50%,
		#f0f0f0 50%,
		#ffffff) !important;
	background:url(images/icon_select.png) no-repeat 9px center,
	-webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #fafafa),
		color-stop(0.50, #f0f0f0),
		to(#ffffff)) !important;		
}

/* ### 6. Typography ############### */
html {
	font-size:100%;
	height:100%;	
}
body {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:17px !important;
	line-height:140% !important;
}

h1,h2,h3,h4 {
	line-height:normal !important;
	font-weight:normal !important;	
}
h1 {
	font-size:1.4em !important;	
}
h2 .box_title, .footer_message {
	font-size:1.25em !important;
	font-weight:500;	
}
h3 {
	font-size:1.1em !important;	
}

p {
	font-size:1em !important;
	margin-bottom:1em !important;	
}
p.last {
	margin:0px !important;	
}
p.error {
	color:#e8312d;	
}

a {
	color:#e8312d;	
}
a:hover {
	color:#ff0500;	
}

/* ### 7. Grid ############### */

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	position:relative;
	padding-right:2%;
	float:left;
	min-height:1px;
}
.box.onecol, .box.twocol, .box.threecol, .box.fourcol, .box.fivecol, .box.sixcol, .box.sevencol, .box.eightcol, .box.ninecol, .box.tencol, .box.elevencol {
	margin-right:2%;
}

.onecol {
	width:6.5%;
}

.twocol {
	width:15%;
}

.threecol {
	width:23.5%;
}

.fourcol {
	width:32%;
}

.fivecol {
	width:40.5%;
}

.sixcol {
	width:49%;
}

.sevencol {
	width:57.5%;
}

.eightcol {
	width:66%;
}

.ninecol {
	width:74.5%;
}

.tencol {
	width:83%;
}

.elevencol {
	width:91.5%;
}

.twelvecol {
	width:100%;
}

.col_right_border {
	background:url(../Content/images/border1.gif) right top repeat-y;	
}

.box *.last {
	margin-right:0px !important;
	padding-right:0px !important;
	background:none !important;
}
.box.last {
	margin-right:0px !important;	
}

/* ### 8. Mobiscroll ############### */
.dw {
	font-size:20px !important;	
}
.dwo {
	background:rgba(0,0,0,0.9) !important;	
}
.dwbc {
	height:auto !important;
	top:-60px !important;	
}
.dwbg {
	background:#000 !important;	
}
.dwv, .dwl {
	color:#fff !important;
	text-align:center !important;	
}
.dwb {
	width:96px !important;
	font-size: 18px !important;
	height:48px !important;
	line-height:48px !important;
	text-align:center !important;
	padding:0px !important;
}
.ios .dwwol {
	border-color: #979797 !important;
	background: #aeaeae  !important;
	background: linear-gradient(rgba(195, 195, 195, 0.5) 50%,rgba(176, 176, 176, 0.5) 50%) !important;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgba(195, 195, 195, 0.5)),color-stop(0.5, rgba(176, 176, 176, 0.5))) !important;
	background: -moz-linear-gradient(rgba(195, 195, 195, 0.5) 50%,rgba(176, 176, 176, 0.5) 50%) !important;
	background: -o-linear-gradient(rgba(195, 195, 195, 0.5) 50%,rgba(176, 176, 176, 0.5) 50%) !important;	
}

/* ### 9. Icons ############### */
.icon_example {
	background:url(../Content/images/icon_example.png) center 32px no-repeat;	
}

.icon_bargningsbilar {
	background:url(../Content/images/icon_bargningsbilar.png) center 20px no-repeat;	
}

.icon_uppdrag {
	background:url(../Content/images/icon_uppdrag.png) center 20px no-repeat;	
}
	.icon_uppdrag_nytt {
		background:url(../Content/images/icon_uppdrag_nytt.png) center 22px no-repeat;	
	}
	.icon_uppdrag_vantelista {
		background:url(../Content/images/icon_uppdrag_vantelista.png) center 22px no-repeat;	
	}
	.icon_uppdrag_pagaende {
		background:url(../Content/images/icon_uppdrag_pagaende.png) center 22px no-repeat;	
	}
	.icon_uppdrag_avbrutna {
		background:url(../Content/images/icon_uppdrag_avbrutna.png) center 22px no-repeat;	
	}
	.icon_uppdrag_utforda {
		background:url(../Content/images/icon_uppdrag_utforda.png) center 22px no-repeat;	
	}
	.icon_uppdrag_utforda_betalda {
		background:url(../Content/images/icon_uppdrag_utforda_betalda.png) center 22px no-repeat;	
	}							

.icon_kamera {
	background:url(../Content/images/icon_kamera.png) center 20px no-repeat;	
}

.icon_kassa {
	background:url(../Content/images/icon_kassa.png) center 20px no-repeat;	
}
	.icon_kassa_saldo {
		background:url(../Content/images/icon_kassa_saldo.png) 8px 60px no-repeat;
		background-size:200px auto !important;	
	}
	.icon_kassa_betalningar {
		background:url(../Content/images/icon_kassa_betalningar.png) center 20px no-repeat;
		background-size:170px auto !important;	
	}
	.icon_kassa_prislista {
		background:url(../Content/images/icon_kassa_prislista.png) center 20px no-repeat;	
	}
	.icon_kassa_specialpris {
		background:url(../Content/images/icon_kassa_specialpris.png) center 20px no-repeat;	
	}				

.icon_betalmetod_kontant {
	background:url(../Content/images/icon_betalmetod_kontant.png) center 18px no-repeat;	
}
.icon_betalmetod_faktura {
	background:url(../Content/images/icon_betalmetod_faktura.png) center 8px no-repeat;	
}
.icon_betalmetod_kreditkort {
	background:url(../Content/images/icon_betalmetod_kreditkort.png) center 18px no-repeat;	
}
.icon_betalmetod_rekvisition {
	background:url(../Content/images/icon_betalmetod_rekvisition.png) center 12px no-repeat;	
}
.icon_betalmetod_uppdelad {
	background:url(../Content/images/icon_betalmetod_uppdelad.png) center 17px no-repeat;	
}		
	
.icon_gps {
	background:url(../Content/images/icon_gps.png) center 20px no-repeat;	
}

.icon_loggaut {
	background:url(../Content/images/icon_loggaut.png) center 28px no-repeat;	
}

.icon_sok {
	background:url(../Content/images/icon_sok.png) center 20px no-repeat;	
}
	.icon_sok_cbr {
		background:url(../Content/images/icon_sok_cbr.png) center 60px no-repeat;
		background-size:200px auto !important;		
	}
	.icon_sok_verkstad {
		background:url(../Content/images/icon_sok_verkstad.png) center 25px no-repeat;	
	}	

.icon_installningar {
	background:url(../Content/images/icon_installningar.png) center 20px no-repeat;	
}

.icon_kvitto_agare {
	background:url(../Content/images/icon_kvitto_agare.png) center 22px no-repeat;	
}
.icon_kvitto_verkstad {
	background:url(../Content/images/icon_kvitto_verkstad.png) center 30px no-repeat;	
}
.icon_kvitto_forare {
	background:url(../Content/images/icon_kvitto_forare.png) center 20px no-repeat;	
}
.icon_kvitto_bargare {
	background:url(../Content/images/icon_kvitto_bargare.png) center 20px no-repeat;	
}
.icon_kvitto_annan {
	background:url(../Content/images/icon_kvitto_annan.png) 60px 20px no-repeat;	
}
	.icon_kvitto_mottagningsbevis {
		background:url(../Content/images/icon_kvitto_mottagningsbevis.png) center 22px no-repeat;	
	}
	.icon_kvitto {
		background:url(../Content/images/icon_kvitto.png) center 28px no-repeat;	
	}
	
.icon_borja-uppdrag_senare{
	background:url(../Content/images/icon_borja-uppdrag_senare.png) center 22px no-repeat;	
}
.icon_borja-uppdrag_nu, input[type=submit].icon_borja-uppdrag_nu {
	background:url(../Content/images/icon_borja-uppdrag_nu.png) center 22px no-repeat !important;
	background-size:190px auto !important;	
}	
.icon_borja-uppdrag_flytta {
	background:url(../Content/images/icon_borja-uppdrag_flytta.png) center 22px no-repeat;	
}	
.icon_borja-uppdrag_tilldela {
	background:url(../Content/images/icon_borja-uppdrag_tilldela.png) center 22px no-repeat;	
}

.icon_avlamningsplats_station {
	background:url(../Content/images/icon_avlamningsplats_station.png) center 22px no-repeat;	
}
.icon_avlamningsplats_adress {
	background:url(../Content/images/icon_avlamningsplats_adress.png) center 22px no-repeat;	
}
input[type=submit].icon_avlamningsplats_klar-pa-plats, .icon_avlamningsplats_klar-pa-plats {
	background:url(../Content/images/icon_avlamningsplats_klar-pa-plats.png) center 22px no-repeat !important;
	background-size:180px auto !important;	
}

.top_icon_connected {
	position:relative;
	display:inline-block;
	width:30px;
	height:1px;	
}
.top_icon_connected span {
	position:absolute;
	top:-1px;
	display:block;
	width:30px;
	height:33px;
	background:url(../Content/images/icon_connected.png) left top no-repeat;
}
.top_icon {
	position:relative;
	display:inline-block;
	width:30px;
	height:1px;	
}
.top_icon_connected {
	position:absolute;
	top:-1px;
	display:block;
	width:30px;
	height:33px;
	background:url(../Content/images/icon_connected.png) left top no-repeat;
}
.top_icon_disconnected {
	position:absolute;
	top:-1px;
	display:block;
	width:30px;
	height:33px;
	background:url(../Content/images/icon_disconnected.png) left top no-repeat;
}

/* ### 10. Validation ############### */
.validation_popup_container {
	position:relative;
	width:1px;
	height:0px;
	line-height:0px;
}
.validation_popup {
	position:absolute;
	display:inline-block;
	top:-20px;
	right:-3px;
	height:26px;
	width:auto;
	line-height:26px;
	padding-left:7px;
	padding-right:7px;
	background:#ffe400;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	-webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.3);
	border:1px solid #fff69d;
	text-shadow:1px 1px 0px #fff7b5;
	white-space:nowrap;
	font-size:0.8em;
	z-index:99;		
}
.validation_popup:before {
	content:"";
	position:absolute;
	top:26px;
	display:block;
	background:url(../Content/images/message_arrow_down_yellow_small.png) no-repeat transparent;
	height:13px;
	width:23px;	
}

/* ### 11. jQuery UI ############### */

.ui-autocomplete {
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
	font-size: 1em !important;
	outline: none !important;
	border:4px solid #ffe400 !important;	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background:url(../Content/images/input_bg.gif) right bottom #fff no-repeat !important;
	-webkit-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);
	box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);					
}
.ui-autocomplete .ui-widget-content a, .ui-widget-content a:hover {
	padding:0 8px !important;	
}
.ui-autocomplete .ui-state-focus {
	background:none !important;
	background-color:rgba(255,255,255,0.5) !important;
	color:#111 !important;
	border:none !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	cursor:pointer;
}
.ui-dialog-buttonpane {
	background: #333 url(../Content/themes/base/images/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x !important;	
}
.ui-dialog-content textarea {
	font-size:1.29em !important;	
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em 0em .5em 2em !important;	
}

.ui-dialog-content textarea {
	margin-bottom:0px !important;	
}

/*--Tabs--*/
.ui-widget-header {
	border:none !important;	
}
.ui-widget {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1em !important;
	padding:0px !important;
}
.ui-tabs .ui-tabs-panel {
	padding:20px !important;	
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:none !important;
	background:#f7f7f7 !important;	
}
.ui-state-active a {
	color:#000 !important;	
}
.ui-tabs .ui-tabs-nav li a:hover {
	padding: .5em 1em !important;	
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border-top:1px solid #999 !important;
	border-left:1px solid #999 !important;	
	border-right:1px solid #999 !important;	
}

/* ### 12. Minified section ############### */
.minified {
	font-size:0.8em !important;
}
.formelement_list li label {
	font-size:1em !important;
}
.minified input[type=email],
.minified input[type=number],
.minified input[type=password],
.minified input[type=tel],
.minified input[type=text],
.minified input[type=url],
.minified select,
.minified textarea {
	height:36px !important;
	min-height:36px !important;
	margin-bottom: 10px !important;	
}
.minified textarea {
	height:86px !important;	
}
.minified .height_3rows {
	height:auto !important;	
}
.minified .height_3rows textarea {
	height:136px !important;
	min-height:136px !important;	
}
.minified .input_table td {
	padding-top:4px;	
}
.ui-tabs .ui-tabs-nav li a {
	font-size:16px !important;
}
.minified  .button, .minified  input[type=submit] {
	display:inline-block !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.25em !important;
	color: #000 !important;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding: 0px 20px 0px 20px !important;
}
.minified .custom_checkbox {
	background:url(../Content/images/checkbox.png) no-repeat 0 0 transparent;
	background-size:cover;
	width:34px;
	height:34px;
	margin-bottom:6px;
}
.minified .custom_checkbox_active, .custom_checkbox_active:checked {
	background-position:0 -67px !important;
}
.minified .custom_radio {
	position:relative;
	left:-5px;
	background-size:cover;
	width:40px;
	height:45px;
	margin-bottom:11px;
}
.minified .custom_radio_active, .custom_radio_active:checked {
	background-position:center -80px !important;
}
.minified span.two_row_header {
	position:relative;
	top:-15px;	
}
.minified label.required {
	background-position:left 3px;	
}

.input_table .custom_radio {
	float:left !important;	
	margin-bottom:6px;
}
.input_table .radio_label {
	position:relative;
	top:9px;
	margin-left:0px;
	font-size:1em !important;	
}
.input_table {
	position:relative;
	width:100%;
}
.input_table td, .input_table th {
	vertical-align:top;	
}
.input_table th {
	position:relative;
	width:40%;
	padding-top:10px;
	padding-right:8px;
	text-align:right;
}
.input_table textarea {
	height:108px;	
}
.input_table td label {
	clear:none !important;
	float:left !important;	
}