/**
 * Global CSS file with base elements, helpers etc. for FSY 4.0
 * @version 1.2
 * @author Wikinggruppen
 * @url http://www.wikinggruppen.se/
 */

/* ==========================================================================
   Base elements
   ========================================================================== */

html {
	font-family: 'Open sans', sans-serif;
	font-size: 13px;
	line-height: 1.25;
	-webkit-font-smoothing: antialiased;
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
	color: #222;
	min-height: 100%;
}

a {
	text-decoration: none;
	color: #336699;
}

a:hover {
	opacity: 0.7;
}

a.nonopacity:hover {
	opacity: 1;
}

a.small-link {
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6,
.h1, .h12, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans Condensed', sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h12 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	color: #222;
}

h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa,
.h1 .fa, .h12 .fa, .h2 .fa, .h3 .fa, .h4 .fa, .h5 .fa, .h6 .fa {
	float: left;
}

h1,.h1 {
	font-size: 40px;
	margin-bottom: 15px;
}

h1 .fa,.h1 .fa {
	padding: 3px 10px 0 0;
}

h1 .fa.fa-plus,.h1 .fa.fa-plus {
	padding-top: 6px;
}

.h12 {
	/*font-size: 30px;*/
	margin-bottom: 10px;
}

.h121 {
	font-size: 30px;
	margin-bottom: 10px;
}

h2,.h2 {
	font-size: 25px;
}

h2 .fa,.h2 .fa {
	padding: 2px 8px 0 0;
}

h2 .fa.fa-plus,.h2 .fa.fa-plus {
	padding-top: 4px;
}

h3,.h3 {
	font-size: 20px;
}

h3 .fa,.h3 .fa {
	padding: 2px 6px 0 0;
}

h3 .fa.fa-plus,.h3 .fa.fa-plus,
h3 .fa.fa-th-list,.h3 .fa.fa-th-list,
h3 .fa.fa-cog,.h3 .fa.fa-cog,
h3 .fa.fa-history,.h3 .fa.fa-history {
	padding-top: 3px;
}

h4,.h4 {
	font-size: 15px;
}

h4 .fa,.h4 .fa {
	padding: 1px 6px 0 0;
}

h4 .fa.fa-lock,.h4 .fa.fa-lock {
	padding-top: 2px;
}

h5,.h5 {
	font-size: 14px;
}

h5 .fa,.h5 .fa {
	padding: 0 6px 0 0;
}

h6,.h6 {
	font-size: 10px;
}

.hico .fa {
	float: left;
	padding: 2px 10px 0 0;
}

.hico .fa-exclamation-triangle {
	color: orange;
}

.hp {
	padding: 5px 0 0 1px;
}

.tp {
	padding-top: 4px;
}

.tp2 {
	padding-top: 8px;
}

.bp {
	padding-bottom: 4px;
}

.bp2 {
	padding-bottom: 8px;
}

.lp {
	padding-left: 4px;
}

.rp {
	padding-right: 4px;
}

input[type=text],
input[type=file],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
textarea {
	padding: 4px 6px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 100%;
}

textarea {
	height: 100px;
}

select {
	padding: 3px 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	width: 100%;
}

select.smaller {
	padding: 1px 1px 2px 1px;
}

input[type=submit] {
	background-color: #fff;
	padding: 4px 10px 4px 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type=text].error,
input[type=password].error,
input[type=email].error,
input[type=tel].error,
input[type=number].error,
textarea.error {
	border-color: #b38c8c;
	background: #fff6f6;
}

hr {
	height: 1px;
	border: 0;
	margin: 25px 0;
	padding: 0;
	background: #ddd;
}

hr.tiny {
	margin: 15px 0;
}

hr.tinyhr {
	margin: 5px 0;
}

hr.smallhr {
	margin: 12px 0;
}

hr.middlehr {
	margin: 20px 0;
}

p {
	line-height: 1.4;
}

.p {
	font-family: 'Open sans', sans-serif;
	font-size: 13px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

ul {
	margin-left: 18px;
	margin-bottom: 15px;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

.listtable {
	width: 100%;
}

.listtable,
.listtable th,
.listtable td {
	font-size: 13px;
}

.listtable.fixed-table {
	table-layout: fixed;
}

.listtable.fixed-table td,
.listtable.fixed-table th {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.listtable th.cblength,
.listtable td.cblength {
	width: 45px;
	padding: 7px 0;
	text-align: center;
}

/* .listtable th.cblength,
.listtable td.cblength {
	width: 60px;
} */

.listtable th.tinylength,
.listtable td.tinylength {
	width: 100px;
}

.listtable th.midlength,
.listtable td.midlength {
	width: 150px;
}

.listtable th.biglength,
.listtable td.biglength {
	width: 200px;
}

.listtable td.td-confirm {
	white-space: normal;
}

.listtable td.td-confirm p {
	line-height: 150%;
}

.listtable td.td-nofound {
	color: #aaa;
	text-align: center;
	padding: 10px 0 11px 0;
}

.listtable td.td-actions .fa {
	color: #336699;
	font-size: 16px;
	float: left;
	margin-right: 8px;
}

.listtable td.td-actions .fa.fa-times,
.listtable td.td-actions .fa.fa-ban {
	color: #bd0000;
}

.listtable td.td-actions .fa.fa-check {
	color: green;
}

.listtable td.td-actions .disabled-fa .fa {
	color: #ddd;
}

.listtable th {
	text-align: left;
	border-top: 1px solid #a0b2c0;
	border-right: 1px solid #a0b2c0;
	border-bottom: 1px solid #a0b2c0;
	padding: 8px 10px;
	font-weight: bold;
	background: #d3e2ee;
	line-height:1.1
}

.listtable th:first-child {
	border-left:1px solid #a0b2c0;
	border-top-left-radius:3px
}

.listtable th:last-child {
	border-top-right-radius:3px
}

.listtable td {
	border-right: 1px solid #a0b2c0;
	border-bottom: 1px solid #a0b2c0;
	padding: 6px 10px;
	vertical-align: top;
	line-height: 1.1;
}

.listtable td.td-blocklink {
	padding: 0;
}

.listtable td.td-blocklink a {
	padding: 6px 10px;
	display: block;
}

.listtable td label,
.listtable td p,
.listtable td ul{
	margin:0;
	line-height:1.1
}

.listtable td:first-child {
	border-left:1px solid #a0b2c0;
}

.listtable td:last-child {
	border-right:1px solid #a0b2c0;
}

.listtable td.td-error {
	background: #ffefef !important;
	color: #721f1f;
}

.listtable td.td-accept {
	background: #efffe9 !important;
	color: #36721f;
}

.listtable td.td-accept .fa {
	color: #36721f;
}

.listtable tr:nth-child(even) td {
	background:#f6fafd;
}

.listtable tr:last-child td {
	border-bottom: 1px solid #a0b2c0;
}

.listtable tr:last-child td:first-child {
	border-bottom-left-radius:3px;
}

.listtable tr:last-child td:last-child {
	border-bottom-right-radius:3px;
}

.listtable tr:hover td {
	background: #e4ecf3;
}

.listtable tr:hover td.td-error {
	background: #fad8d8;
}

.listtable tr td.acceptline {
	background: #ccffcc;
}

.listtable tr:hover td.acceptline {
	background: #e0fbe0;
}

.listtable tr td.denyline {
	background: #ffcccc;
}

.listtable tr:hover td.denyline {
	background: #ffe2e2;
}

/* ==========================================================================
   Modules
   ========================================================================== */

.page-breadcrumbs {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 15px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 4px 12px 6px 12px;
}

.page-breadcrumbs .bc-sep {
	color: #aaa;
	padding: 0 3px;
}

.page-breadcrumbs .bc-ico {
	color: #777;
	padding-right: 10px;
	float: left;
	font-size: 14px;
}

.page-breadcrumbs .bc a {
	color: #222;
	font-weight: bold;
}

.page-breadcrumbs .bc a .fa {
	font-weight: normal;
}

.list,
.list > li {
	margin-left: 10px;
	padding-left: 0;
	line-height: 1.7;
}

.multiselect-area {
	width: 100%;
	position: relative;
}

.multiselect {
	width: 100%;
	position: absolute;
	z-index: 1000;
	margin: 0 0 10px 0;
	list-style-type: none;
}

.multiselect-item {
	padding-bottom: 1px;
}

.multiselect-item input {
	float: left;
	margin: 2px 3px 0 0;
}

.multiselect.closed .multiselect-item {
	display: none;
	padding: 0;
}

.multiselect.closed .multiselect-item:first-child {
	display: block;
}

.multiselect .multiselect-noitem {
	padding-right: 20px;
	background: url(/files/graph/smallicons/selectarrow_down.png) no-repeat right 6px;
}

.multiselect.open .multiselect-item {
	padding-bottom: 2px;
}

.multiselect.open .multiselect-noitem {
	padding-bottom: 5px;
}

.ghost-multiselect {
	margin-right: 20px;
	visibility: hidden;
}

/* List in horizontal mode  */

.nav,
.nav-block {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}
.nav > li,
.nav > li > a {
	display: inline-block;
}

.stepcrumb {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.stepcrumb li {
	float: left;
	padding: 0 20px 0 0;
	margin: 0 0 0 2px;
	color: #aaa;
}

.stepcrumb li.selected {
	font-weight: bold;
	color: #000;
}

.tab-nav {
	position: relative;
}

.tab-nav .nav {
	margin-left: 10px;
}

.tab-nav .nav > li {
	position: relative;
	float: left;
	cursor: pointer;
	z-index: 1;
	margin: 0 3px 0 0;
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	color: #aaa;
	border-bottom: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.tab-nav .nav > li:hover {
	color: #555;
	background: #fafafa;
}

.tab-nav .nav > li.selected {
	color: #000;
	background: #fff;
	border-color: #ccc;
	border-bottom: 1px solid #fff;
}

.tab-nav-bb {
	position: relative;
}

.tab-nav-body {
	display: none;
	padding: 25px 0;
}

.tab-nav-bbi {
	width: 100%;
	position: absolute;
	top: -1px;
	z-index: 0;
	height: 1px;
	border-top: 1px solid #ccc;
}

.page-maincontent p { }

/* Main navigation section */

.mobile-nav-menu,
.mobile-search {
	display: none;
}

.page-nav > li > a {
	display: block;
	font-weight: bold;
	white-space: nowrap;
}

.page-module {
	margin-bottom: 15px;
}

.page-news-module {
	max-width: 230px;
}

.page-editlink {
	padding-top: 14px;
}

.module-title {
	margin: 0;
	padding: 9px 11px;
	background-color: #8d8d8d;
	background-image: linear-gradient(to bottom, #8d8d8d, #a8a8a8);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
}

.module-title,
.module-title h5 {
	font-weight: bold;
}

.module__body {
	border: 1px solid #dcdcdc;
	border-top-style: none;
	background: #fff;
	padding: 10px;
}

.module-owncontent {
	max-width: 210px;
}

.module-login .remember-me {
	margin: 3px 0 7px 0;
}

.module-login .login-input {
	padding: 3px 0 7px 0;
}

.module-login .login-col1 {
	float: left;
}

.module-login .login-col2 {
	float: right;
}

.module-search .col-1 {
	margin-left: 8px;
	float: right;
}

.module-search .col-2 {
	overflow: hidden;
}

/* Secondary navigation */

.listmenu {
	margin: 0;
	padding-left: 10px;
	list-style-type: none;
}
.listmenu a {
	position: relative;
	display: block;
	color: #222;
}
.listmenu .listmenu--subitems {
	background: url();
}
.listmenu .selected {
	font-weight: bold;
}

.listmenu {
	padding-left: 0;
}

.listmenu:last-child {
	margin-bottom: -1px;
}

.listmenu .listmenu--opensubitems {
	position: absolute;
	z-index: 100;
	top: 14px;
	right: 10px;
	background: url(/design/aico/arrown_up.png) no-repeat;
	width: 8px;
	height: 4px;
}

.listmenu .listmenu--subitems {
	position: absolute;
	z-index: 100;
	top: 14px;
	right: 10px;
	background: url(/design/aico/arrown_down.png) no-repeat;
	width: 8px;
	height: 4px;
}

.listmenu .listmenu--item {
	position: relative;
}

.listmenu-0 > .listmenu--item > a {
	padding-top: 7px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: solid 1px #dcdcdc;
	background-color: #fff;
}

.listmenu-1 .listmenu--item {
	padding: 0 0 0 20px;
	border-bottom: solid 1px #ddd;
}

.listmenu-1 .listmenu--item a {
	padding-top: 6px;
	padding-bottom: 6px;
}

.page-formular .formular-part {
	display: inline-block;
	vertical-align: top;
}

.page-formular {
	margin-left: -2%;
}

.page-formular .formular-part {
	width: 48%;
	margin: 0 0 10px 2%;
}

.page-formular .formular-part.fullpart {
	width: 98%;
}

.page-formular .formular-part input,
.page-formular .formular-part textarea {
	width: 100%;
}

.page-formular .formular-part p {
	padding-bottom: 5px;
	font-weight: bold;
}

.form-error {
	position: relative;
	background: #fff3f3;
	color: #9a0404;
	border: 1px solid #d9a0a0;
	border-radius: 3px;
	padding: 5px 7px 4px 7px;
	font-weight: bold;
	margin-top: 5px;
}

.form-error:after, .form-error:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	left: 25px;
	position: absolute;
	pointer-events: none;
}

.form-error-rp:after, .form-error-rp:before {
	left: 85% !important;
}

.form-error:after {
	border-color: rgba(255, 243, 243, 0);
	border-bottom-color: #fff3f3;
	border-width: 10px;
	margin-left: -10px;
}
.form-error:before {
	border-color: rgba(217, 160, 160, 0);
	border-bottom-color: #d9a0a0;
	border-width: 11px;
	margin-left: -11px;
}

.confirmation-area {
	background: #dff8ce;
	padding: 10px 14px;
	color: #48712d;
}

.notice-area {
	background: #fff4d8;
	padding: 10px 14px;
	color: #6c6759;
}

.error-area {
	background: #fff5f5;
	padding: 10px 14px;
	color: #bd0000;
}

.confirmation-area--tiny,
.notice-area--tiny,
.error-area--tiny {
	padding: 6px 9px 7px 9px;
}

.error-area .fa {
	color: #bd0000 !important;
}

.confirmation-area .fa {
	color: #48712d !important;
}

.confirmation-area a,
.error-area a,
.notice-area a {
	color: #444;
	font-size: 12px;
	text-decoration: underline;
}

.error-text {
	color: #bd0000 !important;
}

.success-text {
	color: #339900 !important;
}

.disabled-text {
	color: #ccc !important;
}

.disabled-strike {
	color: #ccc !important;
	text-decoration: line-through;
}

.gray-text {
	color: #999 !important;
}

.italic-text {
	font-style: italic;
}

.error-field {
	border-color: #cb9696 !important;
	background-color: #fff3f3 !important;
}

.extra-p {
	padding-bottom: 8px;
}

.min-100 { min-width: 100px; }
.min-150 { min-width: 150px; }
.min-200 { min-width: 200px; }

.btn,
input.btn {
	display: inline-block;
	padding: 6px;

	border: 1px solid #d7d7d7;
	border-radius: 4px;

	background-color: #fff;
	background-image: linear-gradient(to bottom, #fff, #e9e9e9);

	font-weight: bold;
	color: #222;
	line-height: 1;
	margin: 1px 1px 1px 0;

	cursor: pointer;
}

span.btn {
	cursor: default;
}

.plainbtn {
	background-color: #e9e9e9;
	background-image: linear-gradient(to bottom, #e9e9e9, #d9d9d9);
	border: 1px solid #e9e9e9;
	padding: 7px 8px 6px 8px;
	display: inline-block;
	color: #3f73aa;
	font-weight: bold;
	border-radius: 3px;
}

.plainbtn--selected {
	background-color: #fff;
	background-image: linear-gradient(to bottom, #fff, #f0f0f0);
	border-color: #ddd;
	color: #ac9a00;
}

.plainbtn--unselected {
	background-color: #fff;
	background-image: linear-gradient(to bottom, #fff, #f0f0f0);
	border-color: #ddd;
	color: #222;
}

.btn--round {
	border-radius: 100%;
}

.btn--disabled,
.btn--disabled:hover {
	opacity: 0.4;
	cursor: default;
}

.btn--primary,
input.btn--primary {
	border-color: #c0812f;
	background-color: #f49111;
	background-image: linear-gradient(to bottom, #f49111, #c0812f);
	color: #fff;
}

.btn--selected,
input.btn--selected {
	background-color: #eeeeee;
	background-image: linear-gradient(to bottom, #eeeeee, #aaaaaa);
}

.btn--warning,
input.btn--warning {
	border-color: #c02f2f;
	background-color: #f41111;
	background-image: linear-gradient(to bottom, #f41111, #c02f2f);
	color: #fff;
}

.btn--small,
input.btn--small {
	padding: 4px 6px;
	font-size: 11px;
}

.btn--middle,
input.btn--middle {
	padding: 9px 12px;
	font-size: 14px;
}

.btn--big,
input.btn--big {
	padding: 10px 12px;
	font-size: 14px;
}

.btn--checked,
input.btn--checked {
	border-color: #339933;
}

.btn--accepted,
input.btn--accepted {
	border-color: #5da028;
	background-color: #5fc011;
	background-image: linear-gradient(to bottom, #5fc011, #569126);
	color: #fff;
}

.btn--accepted .fa,
.btn--warning .fa,
.btn--primary .fa,
input.btn--warning .fa,
input.btn--primary .fa {
	color: #fff !important;
}

.btn--primary:hover,
input.btn--primary:hover {
	color: #fff;
}

.ckeditinput-holder {
	padding-bottom: 8px;
}

.ckeditinput {
	display: block;
	background: #f9f9f9;
	background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
	border: 1px solid #b2b2b2 !important;
	box-shadow: 0 0 4px #dcdcdc;
	border-radius: 4px;
	font-size: 14px;
	padding: 8px 10px 9px 10px !important;
	color: #333;
}

.ckeditinput-prefix {
	position: absolute;
	right: 9px;
	top: 9px;
	font-size: 14px;
}

.ckeditinput--wiped {
	padding: 0 !important;
}

.ckeditinput-light {
	background: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff, #fcfcfc);
}

.ckeditinput-sq {
	padding: 7px !important;
}

.ckeditinput-ib {
	display: inline-block;
}

.ckeditinput-small {
	padding: 4px 6px !important;
	font-size: 12px;
}

.ckeditinput--disabled {
	color: #aaa;
	background: #fff;
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	border-color: #bebebe !important;
	cursor: default;
}

.ckeditinput--disabled:hover {
	opacity: 1 !important;
}

.password-input {
	position: relative;
}

.password-input .fa {
	position: absolute;
	top: 8px;
	left: 10px;
	font-size: 21px;
	color: #eb8e17 !important;
}

.password-input .ckeditinput {
	padding-left: 30px !important;
}

input.blankinput {
	padding: 7px 10px !important;
	border: 0;
	background: none;
}

input.ckeditinput {
	padding: 7px 10px !important;
}

input.ckeditinput--prefixinput {
	padding-right: 25px !important;
}

input[type="file"].ckeditinput,
input[type="date"].ckeditinput {
	padding: 6px 8px !important;
	line-height: 1 !important;
}

select.ckeditinput {
	padding: 6px 6px !important;
}

.ckeditinput--error {
	background: #fff0f0;
	background-image: linear-gradient(to bottom, #fff0f0, #dfcbcb);
	border: 1px solid #ac6161 !important;
	box-shadow: 0 0 4px #e9abab;
}

.ckeditinput--error::-webkit-input-placeholder {
   color: #bd8282;
}

.ckeditinput--error:-moz-placeholder {
   color: #bd8282;  
}

.ckeditinput--error::-moz-placeholder {
   color: #bd8282;
}

.ckeditinput--error:-ms-input-placeholder {  
   color: #bd8282;  
}

input[type="submit"].ckeditinput {
	width: auto;
}

textarea {
	resize: none;
}

textarea.ckeditinput {
	width: 100%;
	height: 100px;
}

textarea.ckeditinput-big {
	width: 100%;
	height: 300px;
}

/* ==========================================================================
   User
   ========================================================================== */

.user-anonymous-avatar {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fcfcfc;
}

.user-anonymous-avatar .fa {
	width: 80px;
	line-height: 80px;
	font-size: 70px;
	display: inline-block;
	text-align: center;
	color: #888;
	cursor: pointer;
}

.user-anonymous-avatar:hover {
	opacity: 0.6;
}

.user-avatar {
	 display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.user-avatar .fa {
	width: 80px;
	line-height: 80px;
	font-size: 70px;
	display: inline-block;
	text-align: center;
	color: #888;
	cursor: pointer;
}

.user-avatar:hover {
	opacity: 0.6;
}

.user-dp {
	background: #fdfdfd;
	color: #fff;
	border-bottom: 1px solid #eee;
}

.user-dp,
.user-dp a {
	color: #222;
}

.user-dpcontent {
	padding: 8px 15px;
}

.user-dp .fa {
	float: right;
	font-weight: 100 !important;
	font-size: 16px;
}

.user-dp-logo {
	display: inline-block;
}

.user-dp-logo img {
	height: 22px;
}

.user-dp-loggedinas {
	padding-right: 15px;
	display: inline-block;
}

.user-dp-loggedinas .fa {
	font-size: 11px;
	padding-top: 4px;
}

.user-dp-links {
	display: inline-block;
}

.user-dp-links a.action-link {
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
}

.user-dp-links a.action-link .label {
	padding-top: 2px;
	display: inline-block;
}

.user-dp-links a.action-link .fa {
	font-size: 18px;
	float: left;
	padding: 1px 8px 0 0;
}

.user-dp-links a.action-logout {
	color: #bd0000;
}

@media all and (max-width: 500px) {
	.user-dp-loggedinas {
		display: block;
		padding-bottom: 5px;
	}
	.user-dp-loggedinas .fa {
		float: none;
	}
}

.viewemail-content {
	padding: 0 10px 15px 10px;
	border-bottom: 1px solid #ddd;
}

.viewemail-headers .p-line {
	width: 80px;
}

.viewemail-thecontent {
	padding: 10px 0;
}

.viewemail-content .p-line,
.viewemail-content .t-line {
	vertical-align: top;
	line-height: 150%;
	display: inline-block;
}

.viewemail-content .t-line {
	font-weight: bold;
}

.viewemail-content .h-top {
	display: inline-block;
	margin-right: 5%;
}

.viewemail-content .h-line2 {
	padding-top: 10px;
}

.viewemail-content .t-line span {
	font-weight: normal;
	color: #aaa;
}

.viewemail-headertitle  {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

@media all and (max-width: 600px) {
	.viewemail-headers .t-line span {
		display: block;
		padding-bottom: 5px;
	}
	.viewemail-headers .h-line2 {
		margin-top: 5px;
		padding-top: 10px;
		border-top: 1px solid #eee;
	}
}

@media all and (max-width: 500px) {
	.user-dp-logo {
		display: none;
	}
}

@media all and (max-width: 400px) {
	.viewemail-headers .p-line,
	.viewemail-headers .t-line {
		display: block;
	}
	.viewemail-headers .t-line {
		padding-bottom: 5px;
	}
}

/* ==========================================================================
   Helpers
   ========================================================================== */

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

.non-visible {
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	visibility: hidden;
}

.is-hidden {
	display: none;
}

.oh {
	overflow: hidden;
}

.ovfl .oh-r {
	margin-left: 7px;
}

.abs {
	position: absolute;
}

.rel {
	position: relative;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}

.ib {
	display: inline-block;
	vertical-align: top;
}

.bl {
	display: block;
}

.wipe {
	padding: 0 !important;
	margin: 0 !important;
}

.wipe-b {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.wipe-t {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.link-holder {
	padding-top: 8px;
}

.cb-nav {
	margin-bottom: 5px;
}

.cb-nav .cb {
	float: left;
	margin-right: 12px;
	margin-bottom: 3px;
}

.cb-selector {
	height: 200px;
	overflow-y: scroll;
}

.cb-selector .cb-line .cb,
.cb-selector .cb-subline .cb {
	padding: 4px 0;
}

.cb-selector .cb-subline {
	padding: 0 13px;
}

.cbs .cb {
	padding: 2px 0;
}

.cb-disabled {
	color: #ccc !important;
	text-decoration: line-through;
}

.cb input {
	float: left;
	margin: 2px 4px 0 0;
}

.cb-icheck {
	font-size: 15px;
}

.cb-icheck-input {
	float: left;
}

.cb-icheck label {
	display: inline-block;
	padding: 2px 0 0 8px;
}

.warning-color {
	color: #bd0000;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.smaller {
	font-size: 90%;
}

.big {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}

.preview-theme-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
}

.preview-theme-overlay-title {
	position: relative;
	z-index: 1000001;
}

.page-split .split-f { float:left; margin-right: 10px; }
.page-split .split-d { display: inline-block; margin-right: 10px; }

.page-split .split-2 > .splitcol-1 { position: relative; width: 49%; float: left; }
.page-split .split-2 > .splitcol-2 { position: relative; width: 49%; float: right; }

.page-split .split-12 > .splitcol-1 { position: relative; overflow: hidden; }
.page-split .split-12 > .splitcol-2 { position: relative; float: right; margin-left: 1%; }
.page-split .split-12 > .splitcol-3 { position: relative; float: left; margin-right: 1%; }

.page-split .split-3 > .splitcol-1 { position: relative; width: 33%; float: left; margin-right: 1%; }
.page-split .split-3 > .splitcol-2 { position: relative; float: none; overflow: hidden; }
.page-split .split-3 > .splitcol-3 { position: relative; width: 33%; float: right; margin-left: 1%; }

.pagetitle-top h1,
.pagetitle-top h2,
.pagetitle-top h3 {
	text-transform: uppercase;
}

.pagetitle-top h1 {
	padding-top: 6px;
}

.pagetitle-top h2 {
	padding-top: 4px;
}

.pagetitle-top img {
	width: 40px;
	float: left;
	margin: 0 12px 0 0;
}