/* Minification failed. Returning unminified contents.
(481,23): run-time error CSS1030: Expected identifier, found '".row-spaceless"'
(481,39): run-time error CSS1031: Expected selector, found ')'
(481,39): run-time error CSS1025: Expected comma or open brace, found ')'
(485,23): run-time error CSS1030: Expected identifier, found '".row-spaceless"'
(485,39): run-time error CSS1031: Expected selector, found ')'
(485,39): run-time error CSS1025: Expected comma or open brace, found ')'
(3320,77): run-time error CSS1035: Expected colon, found '}'
*/
/*******************************************
File icons:
- Documents
How to use:
*******************************************/
/* File Icon */
.file-icon {
display:inline-block;
width:30px;
height:38px;
line-height:38px;
background:#eee;
border-radius:3px;
text-align:center;
position: relative;
}
/* Folded corner */
.file-icon:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 1px;
border-bottom: 8px solid rgba(0,0,0,0.3);
border-right: 8px solid #fff;
border-left: 0;
border-top: 0;
}
/*File type icon */
.file-icon img {
max-width:75%;
vertical-align: middle;
}
/*File icon size */
.file-icon.file-icon-small { width:14px; height:16px; line-height:14px; }
.file-icon.file-icon-small:after { border-bottom-width: 3px; border-right-width: 3px; }
/* File Icon Colors */
.file-icon.folder { background-color:#f8c63d; }
.file-icon.folder:after { border:0;}
.file-icon.photo { background-color:#ff543d; }
.file-icon.vector { background-color:#ffa500; }
.file-icon.audio { background-color:#562f89; }
.file-icon.video { background-color:#e50808; }
.file-icon.presentation { background-color:#e75a15; }
.file-icon.web { background-color:#2aa8e2; }
.file-icon.code { background-color:#44486b; }
.file-icon.flash { background-color:#e54b37; }
.file-icon.pdf { background-color:#d3220b; }
.file-icon.plaintext { background-color:#c4c9d1; }
.file-icon.document { background-color:#0091ff; }
.file-icon.spreadsheet { background-color:#2db965; }
.file-icon.compressed { background-color:#363a56; }
.file-icon.unknown { background-color:#ababab; }
body {
-webkit-text-size-adjust: none;
font-kerning: none;
color: #444444;
overflow-y: scroll;
}
/* Defaults Resets *****************************************************************************************************************/
ul, ol { padding:5px 0px 5px 30px; margin:0px; }
ul { list-style: square; }
label { font-weight: normal; display: inline; margin: 0px; cursor:pointer;}
a { outline:0; }
p { margin: 0; }
img { border:0; }
table { font-size: 14px; }
h1, h2, h3, h4, h5 { font-weight: bold; }
/* Bootstrap resets *****************************************************************************************************************/
.control-label { cursor: default; font-weight: bold; }
.control-label[for] { cursor: pointer; }
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.row-divider .row:not(:last-child) { border-bottom: 1px solid #eee; margin-bottom:20px!important; padding-bottom:20px!important; }
.tooltip { z-index: 10000; }
ul.nav { padding: 0px; }
.nav a { text-decoration: none; }
.list-unstyled { margin: 0px; padding: 0px; }
.input-lg,
.form-group-lg .form-control { height: 45px; }
.form-control-inline { min-width: 0; width: auto; display: inline; }
.form-label-left .control-label {text-align: left;font-weight: normal;padding-top: 7px;}
.input-group-clear {border:0;background:none;text-align: left;}
.list-group-item-heading {display: block;}
.no-transition {
-webkit-transition: height 0.01s;
-moz-transition: height 0.01s;
-ms-transition: height 0.01s;
-o-transition: height 0.01s;
transition: height 0.01s;
}
/* Horizontal line *****************************************************************************************************************/
hr { margin: 20px 0px; border-color: #ddd; clear:both; }
hr.md { margin: 15px 0px; }
hr.lg { margin: 20px 0px; }
hr.hr { display: block; margin: 10px 0px; border: none; height: 1px; background: #ccc;}
div.hr { margin:20px 0px; }
div.hr hr { border-color: #ddd; }
div.hr2 hr { margin:7px 0px; border-top:solid 1px #CCC; height:1px; }
div.hr3 hr { margin:7px 0px; border-top:solid 1px #DDD; height:1px; }
/* Utility: Typography *****************************************************************************************************************/
.font-default { font-family: inherit; }
.lg { font-size: 16px; }
.lh1 { line-height: 1; }
.left-align { text-align: left; }
.center-align { text-align: center; }
.right-align { text-align: right; }
.dimmed { color: #999; }
.text-narrow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* ellipsis ... */
.text-normal { font-weight: normal; }
.break-long-words {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
/* Text Size */
.sz11, .sz11 * { font-size: 11px; }
.sz12, .sz12 * { font-size: 12px; }
.sz13, .sz13 * { font-size: 13px; }
.sz14, .sz14 * { font-size: 14px; }
.xsmall { font-size: 80%; }
.lead { font-size: 20px; }
/* Text Colors */
.text-default, a.text-default:focus { color: #444; }
a.text-default:hover { color: #1176a5; }
.text-muted, a.text-muted:hover { color: #999; }
.text-xmuted, a.text-xmuted:hover, a.text-xmuted:focus { color: #ddd; }
.text-primary { color: #298ccd; }
.text-success, a.text-success:focus { color: #17bd80; }
.text-warning { color: #ec971f; }
.text-danger, a.text-danger:focus { color: #d9534f; }
/* Utility: margin *****************************************************************************************************************/
.m-0 { margin: 0px!important; }
.m-10 { margin: 10px!important; }
.m-20 { margin: 20px!important; }
.m-30 { margin: 30px!important; }
.m-40 { margin: 40px!important; }
.m-b-0 { margin-bottom: 0px!important; }
.m-b-5 { margin-bottom: 5px!important; }
.m-b-10 { margin-bottom: 10px!important; }
.m-b-15 { margin-bottom: 15px!important; }
.m-b-20 { margin-bottom: 20px!important; }
.m-b-30 { margin-bottom: 30px!important; }
.m-b-40 { margin-bottom: 40px!important; }
.m-t-0 { margin-top: 0px!important; }
.m-t-5 { margin-top: 5px!important; }
.m-t-10 { margin-top: 10px!important; }
.m-t-15 { margin-top: 15px!important; }
.m-t-20 { margin-top: 20px!important; }
.m-t-30 { margin-top: 30px!important; }
.m-t-40 { margin-top: 40px!important; }
.m-t-60 { margin-top: 60px!important; }
.m-l-10 { margin-left: 10px!important; }
.m-r-10 { margin-right: 10px!important; }
.m-l-5 { margin-left: 5px!important; }
.m-r-5 { margin-right: 5px!important; }
/* Utility: padding *****************************************************************************************************************/
.p-0 { padding: 0px!important; }
.p-10 { padding: 10px!important; }
.p-20 { padding: 20px!important; }
.p-30 { padding: 30px!important; }
.p-40 { padding: 40px!important; }
.p-b-0 { padding-bottom: 0px!important; }
.p-b-5 { padding-bottom: 5px!important; }
.p-b-10 { padding-bottom: 10px!important; }
.p-b-15 { padding-bottom: 15px!important; }
.p-b-20 { padding-bottom: 20px!important; }
.p-b-30 { padding-bottom: 30px!important; }
.p-b-40 { padding-bottom: 30px!important; }
.p-t-0 { padding-top: 0px!important; }
.p-t-5 { padding-top: 5px!important; }
.p-t-10 { padding-top: 10px!important; }
.p-t-15 { padding-top: 15px!important; }
.p-t-20 { padding-top: 20px!important; }
.p-t-30 { padding-top: 30px!important; }
.p-t-40 { padding-top: 40px!important; }
.p-lr-10 { padding-left: 10px!important; padding-right: 10px!important; }
.p-lr-20 { padding-left: 20px!important; padding-right: 20px!important; }
.p-lr-30 { padding-left: 30px!important; padding-right: 30px!important; }
.p-lr-35 { padding-left: 35px!important; padding-right: 35px!important; }
.m-lr-10 { margin-left: 10px!important; margin-right: 10px!important; }
.m-lr-20 { margin-left: 20px!important; margin-right: 20px!important; }
.p-r-5 {padding-right:5px!important; }
.p-r-10 {padding-right:10px!important; }
.p-r-20 {padding-right:20px!important; }
.p-l-5 {padding-left:5px!important; }
.p-l-10 {padding-left:10px!important; }
.p-l-20 {padding-left:20px!important; }
.p-t-2 { padding-top: 2px!important; }
/* Utility: Widths *****************************************************************************************************************/
.full, .full-width { width: 100%; }
.w120 { width: 120px; }
.w-100 { width: 100px !important; }
/* Utility: Display and Layout *****************************************************************************************************************/
.hide { display:none; }
.inline-block { display: inline-block; }
.clear { clear:both; }
.rounded { border-radius: 100px; }
.o-70 { opacity: 0.7; }
.bg-muted { background: #f7f7f7; }
.bg-default { background: #fff; }
/* --- SIDFOT: Välj mobil/desktop version ---------------------------- */
.choose-layout {
border-top: 1px solid #ddd;
margin-top:20px;
padding: 20px 20px 10px;
text-align: center;
background:#fff;
}
/* Page layout *****************************************************************************************************************/
.colMid {
width:500px;
position:relative;
display:inline-block;
}
/* Section container *****************************************************************************************************************/
.section-content {
position:relative;
width:500px;
clear: both;
}
/* Section clear fix*/
.section-content::after { content: ''; display: block; clear:both; }
.section-content div::after { content: ''; display: block; clear:both; }
/* Schemalagad artikel */
.section-content.scheduled { }
.section-content.scheduled .label { top: 0px; padding: 5px 8px;}
/* Edit Section dropdown.*/
.edit-section-tools {
float: none !important;
padding: 5px;
background: #fdf6d2;
border-top: 1px solid #fdebcc;
text-align: right;
margin: 10px 0 0;
box-shadow: inset 0 -14px 22px #fff;
}
.section-content.scheduled .edit-section-tools {
background-color: #ffeeee;
border-color: #ddaaaa;
}
.edit-section-tools:hover {
box-shadow:none;
}
.edit-section-tools:hover + div {
background:#fdf6d2;
}
.section-content.scheduled .edit-section-tools:hover + div {
background:#ffeeee;
}
/* Form style *****************************************************************************************************************/
form {}
select, textarea, input {
font-family: Arial;
font-size: 14px;
color: #444;
padding:3px;
margin:0px;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
*:focus {
outline: none!important;
}
.form-control:focus::-webkit-input-placeholder { color: #ddd; }
.form-control:focus::-moz-placeholder { color: #ddd; }
.form-control:focus:-ms-input-placeholder { color: #ddd; }
.form-control:focus:-moz-placeholder { color: #ddd; }
/* Select */
select {
border-radius: 3px;
padding: 7px 4px;
border: 1px solid #ccc;
}
select[disabled] {
opacity: 0.6;
}
select.form-control {
box-shadow: none;
}
.filter-select {
position: relative;
top: -5px;
}
/* Text inputs */
input[type=text],
input[type=password],
textarea {
border: 1px solid #ccc;
padding: 6px 7px;
box-shadow: inset 0px 2px 1px rgba(0,0,0,0.05);
border-radius: 3px;
}
input:-ms-input-placeholder {
color: #aaa;
}
#FormBoxNotice input[type=text] {
width: 100px;
}
input[type=text].form-control,
input[type=password].form-control {
padding: 6px 10px;
}
input[type=text].form-control.input-sm,
.form-control.input-sm {
padding: 5px 8px;
}
/* Checkbox & Radio buttons*/
input[type="radio"],
input[type="checkbox"] {
margin: 0px;
position: relative;
top: 2px;
cursor: pointer;
}
.checkbox input[type="checkbox"] {
margin: 4px 0 0;
margin-left: -20px;
top: auto;
}
.checkbox input[type=checkbox]:not(:checked) + span,
.checkbox input[type=checkbox]:not(:checked) + input[type=hidden] + span {
color: #999;
}
input[type=checkbox].checkbox {
display: inline-block;
margin:0px 3px 1px 0px;
}
.checkbox-group {
margin-bottom: 15px;
}
.checkbox-group.row {
margin-left: -3px;
margin-right: -3px;
}
.checkbox-group.row [class^=col-] {
padding-left: 3px;
padding-right: 3px;
}
.checkbox-group .btn {
padding: 3px 8px;
text-align: left;
border-width: 0px;
background: #f9f9f9;
margin-bottom: 6px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.checkbox-group .btn:hover { background: #f2f2f2; }
.checkbox-group .btn:active { box-shadow: none; }
.checkbox-group .btn.selected { background: #ebf5fb; }
/* Radio buttons */
.radio {
display: inline-block;
}
/* File inputs */
.file {
font-family: Arial;
color: #444;
height:21px;
line-height:15px;
}
/* Text area */
textarea {
resize: vertical;
}
/* Validation */
.has-warning .control-label {
color: #ff8d8a;
}
input.input-validation-error,
select.input-validation-error,
.has-warning.form-control,
.has-warning .form-control {
border-color: #ff8d8a;
}
.form-control.has-warning:focus,
.has-warning .form-control:focus {
box-shadow: 0 0 6px #ffc444;
}
/* Tooltip */
.tooltip-inner {
white-space: normal;
text-overflow: clip;
max-width: 300px;
padding: 6px 10px;
font-size: 12px!important;
text-align: left;
}
/* Other form styles */
.form-group-slim {
margin-bottom: 10px;
}
.form-group-sm {
margin-bottom: 10px;
}
.form-group-lg {
margin-bottom: 20px;
}
.form-group .row:not(".row-spaceless") {
margin-left: -7px;
margin-right: -7px;
}
.form-group .row:not(".row-spaceless") [class^=col-] {
padding-left: 7px;
padding-right: 7px;
}
.form-group-slim .form-group {
margin-bottom: 10px;
}
.form-group-slim .form-group .row {
margin-left: -5px;
margin-right: -5px;
}
.form-group-slim .form-group .row [class^=col-] {
padding-left: 5px;
padding-right: 5px;
}
.form-group p {
margin: 0px 0px 10px;
}
.form-disabled .form-control,
.form-disabled input[type=checkbox],
.form-disabled input[type=radio] {
cursor: not-allowed;
background-color: #eee;
pointer-events: none;
}
.form-disabled .checkbox label {
cursor: not-allowed;
pointer-events: none;
}
/* Standard Buttons *****************************************************************************************************************/
.btn {
border-radius: 3px;
text-decoration: none;
}
.btn .btn-icon { margin-top: -2px; }
.btn-ico-text img { float: left; margin: 2px 5px 0px 0px; }
.btn .fa { line-height: inherit; }
.btn-lg { border-radius: 4px; }
.btn-wide { min-width: 120px; }
.btn-lg.btn-wide { min-width: 180px; }
/* Default */
.btn-default,
.btn-default:link,
.btn-default:focus {
background-color: #fbfbfb;
border-color: #ccc;
box-shadow: 0px 1px 0px rgba(0,0,0,0.01);
color: #555;
}
.btn-default:hover {
background: #fff;
border-color: #ccc;
}
.btn-default:active,
.btn-default.active,
.btn-default[data-toggle="dropdown"][aria-expanded="true"] {
background-color: #eee;
border-color: #ccc;
background: linear-gradient(#eee,#f2f2f2);
box-shadow: inset 0px 1px 5px rgba(0,0,0,.06);
}
/* Primary */
.btn-primary,
.btn-primary:link,
.btn-primary:focus {
background: #298ccd;
border-color: #298ccd;
}
.btn-primary:hover {
background: #3e96d2;
border-color: #3e96d2;
}
.btn-primary:active {
background-color: #286090;
border-color: #204d74;
}
/* Success */
.btn-success,
.btn-success:link,
.btn-success:focus {
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-success:hover {
background-color: #449d44;
border-color: #449d44;
}
/* Danger / Delete */
.btn-danger,
.btn-danger:focus {
background: #d9534f;
border-color: #d9534f;
}
.btn-danger:hover {
background: #dd6460;
border-color: #dd6460;
}
.btn-danger:active,
.btn-danger.active,
.btn-danger[data-toggle][aria-expanded='true'] {
border-color: #cf4f4b;
background: #cf4f4b;
box-shadow: inset 0px 1px 5px rgba(0,0,0,.06);
}
/* Pagination Buttons *****************************************************************************************************************/
.pagination {}
.pagination > li > a,
.pagination > li > a:focus {
background-color: #fbfbfb;
border-color: #ccc;
box-shadow: 0px 1px 0px rgba(0,0,0,0.01);
color: #555;
}
.pagination > li > a:hover {
background: #fff;
border-color: #ccc;
}
.pagination > .active > a,
.pagination > li > a:active {
background-color: #eee;
border-color: #ccc;
background: linear-gradient(#eee,#f2f2f2);
box-shadow: inset 0px 1px 5px rgba(0,0,0,.06);
}
.pagination > .active > a,
.pagination > .active > a:hover {
background: linear-gradient(#f2f2f2,#f7f7f7);
color: #555;
border-color: #ccc;
}
/* Sponsor templates in Right Column *****************************************************************************************************************/
.banner { }
.banner {
display: block;
margin-bottom:6px;
overflow:hidden;
}
.banner img {
display:block;
max-width: 100%;
}
.banner-image {
background: #fff;
}
.banner-image img {
margin: auto;
}
.banner.magic {
padding: 15px 60px;
background: #fff;
text-align: center;
vertical-align: middle;
white-space: nowrap;
font-size: 0px;
}
.banner.magic:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.banner.magic img {
display: inline;
max-height: 100%;
max-width: 100%;
}
.banner.magic.sm {
height: 70px;
}
.banner.magic.md {
height: 80px;
}
.banner.magic.lg {
height: 120px;
padding: 20px 50px;
}
/* Member Photo *****************************************************************************************************************/
/* No Photo: */
/* Photo: 
">*/
.member-photo {}
.member-photo {
width:34px;
height:34px;
line-height:34px;
display: inline-block;
position: relative;
overflow:hidden;
border-radius:3px;
background:#eee;
color:#cbcbcb;
font-size: 18px;
vertical-align: middle;
}
.member-photo img {
vertical-align: top;
}
.member-photo-big {
min-width: 100%;
height:170px;
line-height:170px;
font-size: 5em;
display: block;
}
.member-photo-dark {
background:#dddddd;
color:#9a9a9a;
}
.member-photo-blank {
text-align: center;
text-transform: uppercase;
}
.member-photo-blank:before {
content: "\f2be";
font-family: FontAwesome;
font-weight: 100;
display:inline-block;
}
.member-photo.teamphoto {
width:auto;
height:auto;
line-height:150px;
font-weight: bold;
display: block;
}
/* remove icon from teamphoto */
.member-photo.teamphoto.member-photo-blank:before { content:'\f03e'; }
/* Klubbar med Superettan, Ettanfotboll, Damallsvenskan *****************************************************************************************************************/
.ettan-topbar { height:40px; z-index: 10; visibility:hidden; }
/* Popover *****************************************************************************************************************/
.popover {}
.popover {
/*min-width: 200px; /* Deleted (too wide popover on Våra lag. phonenumber) */
}
.popover-confirm {
min-width: 250px;
text-align: center;
}
.popover-confirm .popover-content {
display: flex;
}
.popover-confirm .popover-content .btn {
flex: 1;
}
/* Popover *****************************************************************************************************************/
.label {}
.label {
position: relative;
top: -1px;
padding: 4px 8px;
}
.label-default {
background: #eee;
color: #888;
}
.label.label-default-light,
.label.label-default-light:focus {
color: #555;
background: rgba(0,0,0,0.06);
}
.label-default-o {
background: rgba(0,0,0,.08);
color: #555;
}
.label-dark {
background: #777;
color: #eee;
}
.label-group .label {
margin-right: 5px;
}
/* Member Types *****************************************************************************************************************/
.membertype-colors {}
.text-membertype-1 { color: #269ade; }
.text-membertype-2 { color: #fdae47; }
.text-membertype-3 { color: #9e63f7; }
.text-membertype-4 { color: #cf9ef5; }
.text-membertype-5 { color: #777777; }
.text-membertype-6 { color: #f3ca27;}
.text-membertype-7 { color: #5dc862;}
.text-membertype-8 { color: #ff5ce2;}
.text-membertype-9 { color: #fe6d6d;}
.bg-membertype-1, .bg-membertype-1:hover,
.bg-membertype-1:active, .bg-membertype-1:focus {
background: #269ade;
border-color: #269ade;
}
.bg-membertype-2, .bg-membertype-2:hover,
.bg-membertype-2:active, .bg-membertype-2:focus {
background: #fdae47;
border-color: #fdae47;
}
.bg-membertype-3, .bg-membertype-3:hover,
.bg-membertype-3:active, .bg-membertype-3:focus {
background: #9e63f7;
border-color: #9e63f7;
}
.bg-membertype-4, .bg-membertype-4:hover,
.bg-membertype-4:active, .bg-membertype-4:focus {
background: #cf9ef5;
border-color: #cf9ef5;
}
.bg-membertype-5, .bg-membertype-5:hover,
.bg-membertype-5:active, .bg-membertype-5:focus {
background: #777777;
border-color: #777777;
}
.bg-membertype-6, .bg-membertype-6:hover,
.bg-membertype-6:active, .bg-membertype-6:focus {
background: #f3ca27;
border-color: #f3ca27;
}
.bg-membertype-7, .bg-membertype-7:hover,
.bg-membertype-7:active, .bg-membertype-7:focus {
background: #5dc862;
border-color: #5dc862;
}
.bg-membertype-8, .bg-membertype-8:hover,
.bg-membertype-8:active, .bg-membertype-8:focus {
background: #ff5ce2;
border-color: #ff5ce2;
}
.bg-membertype-9, .bg-membertype-9:hover,
.bg-membertype-9:active, .bg-membertype-9:focus {
background: #fe6d6d;
border-color: #fe6d6d;
}
/* Modal *****************************************************************************************************************/
.modal{}
body, .modal { padding-right: 0px!important; }
.modal-open { padding-right: 0px; overflow:visible; }
.modal-header .close { margin-top: 2px; text-decoration: none;}
.modal-body p { margin-bottom: 5px; }
.modal-alert.alert {
border-width: 0px;
border-radius: 0px;
margin: 0px;
padding-left: 20px;
padding-right: 20px;
}
.modal .modal-toolbar {
background: #f5f5f5;
border-color: #e5e5e5;
border-style: solid;
border-width: 1px 0px 1px;
padding: 10px 20px;
}
.modal .modal-toolbar a { text-decoration: none; }
.modal.vocation fieldset {
border-top: 1px solid #eee;
font-size: inherit;
width: 100%;
position: relative;
margin-bottom: 8px;
}
.modal.vocation fieldset legend {
margin: 0px;
padding: 0px 10px 0px 0px;
border-width: 0px;
font-size: inherit;
width: auto;
}
.modal.vocation fieldset legend .pull-right {
position: absolute;
right: 0px;
padding-left: 10px;
background: #fff;
}
/* Dropdown *****************************************************************************************************************/
.dropdown { z-index: 100;}
.dropdown.open {
z-index: 101;
}
.dropdown.display-inline .dropdown-menu {
margin-top: 12px;
}
.open > .dropdown-menu {
display: block!important;
}
.dropdown-menu a {
font-weight: normal;
}
.dropdown-menu li a,
.dropdown-menu li label {
display: block;
font-weight: normal;
text-decoration: none;
color: #555;
}
.dropdown-menu > .active > label,
.dropdown-menu > .active > label:hover,
.dropdown-menu > .active > label:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu li a.current {
background-color: #eee;
}
.dropdown-menu li a:hover, .dropdown-menu li label:hover {
background-color: #f5f5f5;
color: #555;
}
.dropdown-menu li a .gi {
position: relative;
top: 2px;
line-height: 1;
}
.dropdown-menu li a .fa.pull-right {
margin-top: 3px;
}
.dropdown-menu .divider {
margin: 5px 0px;
}
.dropdown-menu-arrow:before {
position: absolute;
top: -8px;
left: 7px;
display: inline-block;
border-right: 8px solid transparent;
border-bottom: 8px solid #ccc;
border-left: 8px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown-menu-arrow:after {
position: absolute;
top: -7px;
left: 8px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ffffff;
border-left: 7px solid transparent;
content: '';
}
.dropdown-arrow-center:before {
position: absolute;
top: -8px;
left: auto;
right: 50%;
margin-right: -7px;
display: inline-block;
border-right: 8px solid transparent;
border-bottom: 8px solid #ccc;
border-left: 8px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown-arrow-center:after {
position: absolute;
top: -7px;
left: auto;
right: 50%;
margin-right: -6px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ffffff;
border-left: 7px solid transparent;
content: '';
}
.dropdown-menu .dropdown-help {
margin-top: 2px;
float: right;
}
.dropdown-menu .form-group p {
margin-bottom: 5px;
}
[data-toggle="radio-menu"] input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
/* Dropdown with checkboxes. */
.dropdown-menu.checkbox-active {}
.dropdown-menu.checkbox-active a {padding-left:20px;}
.dropdown-menu.checkbox-active a:before {
/* content: '\f14a'; = checkbox-square */
content: '\f096'; /* square-o */
font-family:fontawesome;
margin-right:5px;
}
.dropdown-menu.checkbox-active a.active:before {
content: '\f14a'; /*= checkbox-square */
/*content: '\f00c'; /* = check*/
font-family:fontawesome;
color:#337ab7;
}
/* Dropdown: Calendar *****************************************************************************************************************/
.dropdown-calendar {}
.dropdown-calendar {
width: 100%;
margin-top: 8px;
padding: 15px;
}
.dropdown-calendar.dropdown-menu .col-sm-3 {
display: flex;
}
.dropdown-calendar.dropdown-menu a {
display: block;
padding: 0px;
line-height: 34px;
flex: 1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #555;
border-radius: 4px;
}
.dropdown-calendar.dropdown-menu a.bg-theme {
color: #fff;
}
.dropdown-calendar.dropdown-menu a:not(.bg-theme):hover {
background: #eee;
}
.dropdown-calendar .form-control {
margin-bottom: 15px;
}
.dropdown-calendar.dropdown-menu a {
margin: 1px;
}
.dropdown-calendar.dropdown-menu a:not(.bg-theme) {
background: #f7f7f7;
}
.dropdown-calendar.dropdown-menu a:active, .dropdown-calendar.dropdown-menu a:focus {
background: #ddd;
}
/* Table Layouts *****************************************************************************************************************/
th[align=left],td[align=left] { text-align: left; }
th[align=center],td[align=center] { text-align: center; }
th[align=right],td[align=right] { text-align: right; }
th[valign=middle],td[valign=middle] { vertical-align: middle !important; }
.table-default > thead > tr > th { background: #f7f7f7; padding: 5px 8px; }
table.solid-header thead {background-color:#f2f2f2}
.tablesorter {min-width: 100%;}
.tablesorter th {cursor: pointer;}
.table.valign-middle td { vertical-align: middle; }
a.sortHeader:link, a.sortHeader:active, a.sortHeader:visited, a.sortHeader:hover { color: inherit; text-decoration:none; }
.table tr.current td { background: #f5f5f5; }
.table tr.today td {background: #fdf6d2; }
.table-default.table-condensed td { padding: 5px 8px; }
.table-light-border > tbody > tr > td { border-color: #eee; }
.table-border-bottom { border-bottom: 1px solid #ddd; }
.table-narrow { table-layout: fixed; }
.table-narrow th, .table-narrow td { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.table-striped > tbody > tr:nth-child(odd) { background-color: #f5f5f5; }
.table-fixed { table-layout: fixed; }
.table-fixed th, .table-fixed td { overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.table > tbody > tr > td.no-border {border:none;}
.table-form { width: 100%; }
.table-form td { line-height: 40px; }
.table-default-padding td, .table-default-padding th {padding:8px !important;}
.table > tbody > tr > td.no-items {
text-align: center;
padding: 40px 0;
}
/* Stats */
table.standings {
margin: 5px 0px;
table-layout: fixed;
border-bottom: 1px solid #ddd;
}
table.standings.small > tbody > tr > td img {
height: 17px;
}
table.standings.small > tbody > tr > td {
padding: 6px 5px;
}
table.standings > tbody > tr > td img {
height: 20px;
}
table.standings > tbody > tr > td {
border-color: #ebebeb;
padding: 9px 5px;
}
table.standings tr.line td {
border-bottom:1px solid #cccccc;
}
table.standings td img {
position: relative;
top: -1px;
margin-right: 4px;
}
.standings-panel
{
margin-bottom: 30px;
}
.standings-panel .btn
{
border: none;
background: #eee;
padding: 8px 0px;
}
.standings-panel .btn[aria-expanded=true]
{
border-radius: 3px 3px 0px 0px;
}
img.everysport
{
margin-top: 10px;
}
ul.list-group
{
padding: 0px;
}
.list-group a
{
text-decoration: none;
}
label.list-group-item:hover
{
background: #f7f7f7;
}
label.list-group-item:active
{
box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
}
.list-group-item.list-group-item-collapse
{
background: #f7f7f7;
border-top: 1px solid #ddd;
}
.list-group-item-collapse [data-toggle="collapse"] .fa.fa-angle-up
{
display: inline;
}
a.list-group-item[aria-expanded="false"]:nth-last-child(2)
{
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.list-group .collapse:last-child .list-group-item
{
border-radius: 0px 0px 3px 3px;
}
.list-group-thumbs .list-group-item
{
padding: 15px;
}
.list-group-thumbs .thumb
{
margin: -5px 10px 0px 0px;
}
.list-group-thumbs .thumb-lg
{
margin-right: 10px;
width: 40px;
}
.list-group-thumbs .btn-group
{
margin-top: 9px;
}
.list-group.sortable .list-group-item:hover
{
cursor: move;
}
.list-group .sortable-icon
{
display: none;
}
.list-group.sortable .sortable-icon
{
opacity: 0.2;
margin-right: 6px;
}
.list-group-borderless .list-group-item
{
border: 0px;
margin-bottom: 2px;
border-radius: 3px;
}
.list-group-condensed .list-group-item
{
padding: 7px 12px;
}
/***************************
Footer Text Ads
***************************/
.footer-ads {
clear:both;
width:100%;
overflow: hidden;
}
.footer-ads .col-text-ad {
padding: 20px;
float:left;
}
.text-ad-1 {width:100%}
.text-ad-2 {width:50%}
.text-ad-3 {width:33%}
.text-ad-4 {width:25%}
.text-ad-5 {width:20%}
/* Sponsors grid */
.footer-custom-sponsors {
padding:20px;
}
.footer-custom-sponsors .row {
margin-bottom:20px;
}
.footer-custom-sponsors .col-bordered {
border:1px solid #ccc;
margin:0 0 20px 0;
}
.footer-custom-sponsors .col-bordered div {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
margin-left:-1px;
margin-top:-1px;
}
.footer-custom-sponsors div.p-20 a {
}
.footer-custom-sponsors h3 {
margin:0 0 5px 0;
}
.footer-custom-sponsors h6 {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
letter-spacing:0px;
color:#999;
}
.footer-custom-sponsors div img {
max-width:100%;
}
/***************************
Tjäna pengar
***************************/
#seasonTable .match-actions {
white-space: nowrap;
}
#seasonTable .match-actions a {
display: inline-block;
margin: 0 4px ;
}
/***************************
Tjäna pengar
***************************/
.client-info {
max-width:100%;
overflow:hidden;
}
.client-info iframe {
max-width:100%;
height:auto;
}
.text-left .dl-horizontal dt {
min-width:100px;
text-align:left;
}
.text-left .dl-horizontal dd {
margin-bottom:5px;
}
.text-left .dl-horizontal dt,.text-left .dl-horizontal dd {
width:auto;
margin-left:auto;
}
/***************************
File list
***************************/
table.file-list {}
table.file-list tbody td {
padding-left:43px !important;
height:50px;
position:relative;
}
table.file-list .folder-content td {
padding-left:63px !important;
}
/* Open folder anchor */
table.file-list .document-goto-link {
position:absolute;
top:-60px;
}
table.file-list td div {
position:relative;
}
table.file-list a {
text-decoration:none;
color:#444;
}
table.file-list figure {
position:absolute;
left:-43px;
margin-top:1px;
}
/* Folded corner */
table.file-list figure:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 1px;
border-bottom: 8px solid rgba(0,0,0,0.3);
border-right: 8px solid #fff;
border-left: 0;
border-top: 0;
}
/*File type icon */
table.file-list figure img {
max-width:75%;
}
/* File name */
table.file-list label {
display:block;
margin-bottom:3px;
}
/*File details description, size and access */
table.file-list .file-info {
padding:3px 0;
border-radius:3px;
display:inline-block;
}
/* File size */
table.file-list .file-info.size {
box-shadow: inset 0 0 0 1px #ccc;
padding:3px 5px;
}
/* Only member access lock */
table.file-list .file-info.members-only {
box-shadow: inset 0 0 0 1px #ccc;
padding:3px 5px;
}
/* Access level */
table.file-list .file-info.access {
font-size:60%;
position:relative;
top:-1px;
}
/* Admin buttons */
table.file-list .admin {
display:inline;
margin-left:2px;
}
table.file-list .admin .actions {
float:right;
position:relative;
top:-3px;
}
/***************************
News list
***************************/
.news-list-group.list-group {
clear:both;
margin-top:10px;
}
.news-list-group.list-group .list-group-item {
padding: 0;
}
.news-list-group.list-group .list-group-item .news-item-inner {
padding: 10px;
display: block;
}
.news-list-group.list-group .list-group-item .news-item-inner:hover { background-color:#f9f9f9; }
/* Active item */
.news-list-group.list-group .list-group-item.active { border-color:#ddd; }
.news-list-group.list-group .list-group-item.active .news-item-inner { background-color:#f2f2f2; }
.news-list-group.list-group .list-group-item.active .news-item-inner:hover { background-color:#f2f2f2; }
/* Headline links */
.news-list-group.list-group .list-group-item a { color:#555; }
.news-list-group.list-group .list-group-item p {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* Info icons */
.news-list-group.list-group .list-group-item span i { margin-left:10px; }
.news-list-group.list-group .list-group-item span i:first-child { margin:0; }
/* News photo */
.news-list-group.list-group .photo {
float: left;
width: 40px;
height: 40px;
background: #eee;
border-radius: 3px;
margin-right: 10px;
overflow:hidden;
}
.news-list-group.list-group .photo img { max-width: 100%; min-height:100%;}
.news-list-group.list-group .photo.logo { line-height:40px; }
.news-list-group.list-group .photo.logo img { margin-top: -2px; width:25px;height:27px;min-height:auto; }
/* Admin actions */
.news-list-group.list-group .admin {
float:right;
margin:10px 10px 0 0 ;
}
.news-list-group.list-group .admin button {
border:0;
}
/* --- Gallery / Albums / Photos ---------------------------------------------------------------- */
/***************************
Gallery - List all albums
***************************/
.gallery-container {clear:both;}
/* smaller default gutter */
.gallery-container .row {padding-left:10px;padding-right:10px;}
.gallery-container .col {padding-left:5px;padding-right:5px;}
.gallery-container .gallery-album {
border-radius:4px;
border:1px solid #eee;
overflow:hidden;
margin-bottom:10px;
padding:0;
}
.gallery-container .gallery-album figure {
height:130px;
overflow:hidden;
background:#eee;
text-align:center;
}
.gallery-container .gallery-album figure a {
width:100%;
height:100%;
display:block;
}
.gallery-container .gallery-album img {min-height: 100%;width:100%;}
.gallery-container .gallery-album:hover img {opacity:0.9}
.gallery-container .gallery-album-details {
padding:10px;
}
.gallery-container .gallery-album-details a {
font-size:12px;
font-weight:bold;
white-space:nowrap;
text-overflow:ellipsis;
width:90%;
overflow:hidden;
display:block;
}
.gallery-container .gallery-album-details span {margin-right:5px;}
.gallery-container .admin {border-top:1px solid #eee;}
.gallery-container .admin .btn {border:0;}
.gallery-container .admin .btn:first-child {border-right: 1px solid #eee;}
/******************************
Album - list thumbnails in an album
*******************************/
.album-container {}
.album-container ul {
margin: 0;
padding: 0;
list-style: none;
}
.album-container li.album-thumbnail {
padding: 5px 5px 16.6% 5px;
overflow: hidden;
position:relative;
}
.album-container .album-thumbnail .settings {
position: absolute;
bottom:0;
width: 100%;
height:30px;
background:rgba(0,0,0,0.8);
}
.album-container .album-thumbnail .settings a {
text-align:center;
display: inline-block;
padding:5px;
width: 50%;
height:30px;
float: left;
}
.album-container .album-thumbnail a {
text-align: center;
display:block;
height:121px;
}
.album-container .album-thumbnail figure {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
background:#eee;
}
.album-container .album-thumbnail figure img {
min-height:100%;
min-width:100%;
display:inline-block;
margin:0 -50%;
}
.album-container .album-thumbnail figure img:hover {
opacity:0.8;
}
/* Album - thumbnail view smaller devices */
@media (max-width: 767px) {
.album-container {
margin-right: -20px;
margin-left: -20px;
background: #eee;
}
.album-container ul {
overflow: auto;
}
.album-container li.album-thumbnail {
width: 25%;
float: left;
padding: 1px 1px 25% 1px;
}
.album-container .album-thumbnail figure img {
}
}
/******************************
Photo - Show photo in album
*******************************/
.photo-container {
position:relative;
min-height: 100px;
background: #eee;
}
/* Tags*/
#pictag_box {
z-index:3;
}
#pictag_done {
position:absolute;
bottom:0;
margin:0 !important;
border:0;
width:100%;
background:rgba(0,0,0,0.8);
color:#333;
font-size:85%;
text-align:center;
}
/* Next / Previous buttons inside image */
.photo-container .photo-navigate {
display:none;
}
#album-navigation .next-prev {
display:block;
}
@media (max-width: 767px) {
/* Rmove gutter so image can be fullwidth.*/
.photo-container {
margin-right:-20px;
margin-left:-20px;
}
/* Change tag-square size for smaller devices.*/
.pictag .square_box {
width:50px;
height:50px;
background:0;
border: 3px solid #fff;
box-shadow: 0 0 1px 1px #000;
}
/* Next / Previous buttons inside image */
#album-navigation .next-prev { display:none; }
.photo-container .photo-navigate {
z-index:888;
display:block;
}
.photo-container .photo-navigate a {
display:inline-block;
background: rgba(0,0,0,0.6);
border-radius:50%;
width:38px;
height:38px;
line-height:38px;
text-align:center;
color:#fff;
position:absolute;
top:50%;
margin:-20px 10px 0;
z-index:2;
}
.photo-container .photo-navigate a.photo-next { text-indent:1px; right:0; }
.photo-container .photo-navigate a.photo-prev { text-indent:-1px; }
}
.modal-list-group
{
margin: 0px;
}
.modal-list-group .list-group-item:first-child, .modal-list-group .list-group-item:last-child
{
border-radius: 0px;
border-left: 0px;
border-right: 0px;
padding-left: 20px;
padding-right: 20px;
}
.modal-list-group .list-group-item:first-child
{
border-top: 0px;
}
.modal-list-group .list-group-item:last-child
{
border-bottom: 0px;
}
.panel-heading
{
display: block;
text-decoration: none;
padding: 15px;
}
.panel-heading-sml {
padding: 0 15px;
line-height: 45px;
height:45px;
}
.panel-heading a
{
text-decoration:none;
}
.panel-heading.hover:hover
{
background: #f9f9f9;
}
.panel-heading[data-toggle="collapse"][aria-expanded=true]
{
background: #eee;
}
a.panel-footer
{
display: block;
text-decoration: none;
text-align: center;
color: #555;
}
a.panel-footer:hover
{
color: #555;
background: #f9f9f9;
}
[data-toggle="collapse"] .fa.fa-caret-up,
[data-toggle="collapse"] .fa.fa-caret-down,
[data-toggle="collapse"] .fa.fa-angle-up,
[data-toggle="collapse"] .fa.fa-angle-down
{
display: none;
}
.panel-heading[data-toggle="collapse"] .fa.fa-caret-up,
.panel-heading[data-toggle="collapse"] .fa.fa-caret-down,
.list-group-item[data-toggle="collapse"] .fa-caret-up,
.list-group-item[data-toggle="collapse"] .fa-caret-down,
.list-group-item[data-toggle="collapse"] .fa-angle-up,
.list-group-item[data-toggle="collapse"] .fa-angle-down
{
margin-top: 2px;
}
[data-toggle="collapse"][aria-expanded=true] .fa-caret-up,
[data-toggle="collapse"][aria-expanded=true] .fa-angle-up
{
display: inline;
}
[data-toggle="collapse"][aria-expanded=false] .fa-caret-down,
[data-toggle="collapse"][aria-expanded=false] .fa-angle-down
{
display: inline;
}
.panel-sm .panel-body, .panel-sm.panel-body
{
padding: 5px 15px;
}
.panel-default > .panel-collapse > .table
{
border-top: 1px solid #ddd;
}
.panel-group .panel + .panel
{
margin-top: 10px;
}
.panel-body[data-toggle=collapse]
{
cursor: pointer;
-webkit-user-select: none;
}
.panel-body[data-toggle=collapse]:hover
{
border-radius: inherit;
background: #f9f9f9;
}
.game-well
{
background: #f9f9f9;
}
.game-well h1
{
margin: 15px 0px 8px;
}
.game-well h1.score
{
margin: 10px 0px 2px;
font-size: 40px;
}
.game-well .clubmark img
{
display: block;
margin: 0 auto 8px;
width: 50px;
height: 54px;
}
.game-well .clubmark p
{
font-weight: bold;
font-size: 16px;
}
.game-well .clubmark .fa
{
font-size: 40px;
margin: 8px 0px;
color: #ddd;
}
.game-well p
{
margin-bottom: 5px;
}
.game-tabs
{
background: linear-gradient(#fff,#f7f7f7);
}
.game-tabs.nav-tabs > li > a
{
border-radius: 0px;
margin-right: 5px;
border-color: #ddd;
color: #555;
padding: 8px 20px;
font-weight: bold;
text-align: center;
}
.game-tabs.nav-tabs > li > a:hover
{
background: #fff;
}
.game-tabs.nav-tabs > li.active > a
{
border-bottom-color: transparent;
}
.game-tabs.nav-tabs > li:last-child > a
{
margin-right: 0px;
}
.game-info-table
{
width: 100%;
border-bottom:solid 1px #ddd;
table-layout: fixed;
}
.game-info-table td.lineup-cell
{
padding: 10px 0px;
border-right: 1px solid #ddd;
line-height: 22px
}
.game-info-table td.lineup-cell.players
{
border-bottom: 1px solid #ddd;
}
.row-sm
{
margin-left: -5px;
margin-right: -5px;
}
.row-sm [class^=col-]
{
padding-left: 5px;
padding-right: 5px;
}
.row-xs
{
margin-left: -3px;
margin-right: -3px;
}
.row-xs [class^=col-]
{
padding-left: 3px;
padding-right: 3px;
}
.row-spaceless
{
margin-left: 0px;
margin-right: 0px;
}
.row-spaceless > [class^=col-]
{
padding-left: 0px;
padding-right: 0px;
}
/* --- POPUPS ---------------------------------------------------------------- */
body.Popup
{
background-image: url("../img/admin/popup_bg.jpg");
background-repeat:repeat-x;
background-attachment:scroll;
background-position:top;
}
.Popup
{
background-color:#FFF;
margin:20px 40px 20px 40px;
text-align:left;
}
.Popup h1, .Popup.h1, .Popup h2, .Popup.h2 { font-family: Arial, Helvetica; font-size: 27px !important; font-weight: bold; line-height: 115%; margin: 0px 0px 2px 0px; letter-spacing:-1px; color:#444 !important; white-space: nowrap; }
.Popup h2, .Popup.h2 { font-size: 19px !important; line-height: 120%; }
.Popup h1 span { font-size: 27px; }
.edit-gamedata * { font-size:11px; font-family: Arial;}
.edit-gamedata .std-btn { margin-top:10px; float:right; font-family:Arial; font-size:14px; border:none;}
.popup-help *
{
font-size: 12px;
}
.edit-window
{
background: #fff;
}
.edit-window-header
{
padding: 15px 30px;
background: #f2f2f2;
border-bottom: 1px solid #ddd;
}
.edit-window h1
{
font-family: Arial;
color: #555;
}
.edit-window-content
{
padding: 20px 30px;
}
.edit-window-content table td
{
height: 40px;
padding: 3px 0px;
}
/* --- ADMIN PANEL ---------------------------------------------------------------- */
.admin-btn
{
margin: 10px 0px 20px 0px;
}
.admin-btn img
{
vertical-align: top;
margin-right: 5px;
position: relative;
top: 1px;
}
.admin-btn a
{
padding: 6px 10px;
}
.admin-btn .std-btn
{
padding: 8px 15px;
}
.admin-btn.top
{
margin: -4px 0px 0px 0px;
float:right;
}
.admin-pnl
{
background: #fcf8e3;
border: 1px solid #faebcc;
padding: 5px;
margin-bottom: 20px;
border-radius: 3px;
clear:both;
}
.admin-pnl .btn img { margin-right: 3px; margin-top: -2px; display:inline-block; }
.btn.pnl-add:active { background: url(../img/admin/btn-bg.gif?1); background-position: 0px -120px; border: 1px solid #8c9e8d; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);}
.btn.pnl-edit:active { background-image: url(../img/admin/btn-bg.gif?1); background-position: 0px -160px; border: 1px solid #cfab63; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);}
.btn.pnl-delete:active { background-image: url(../img/admin/btn-bg.gif?1); background-position: 0px -200px; border: 1px solid #c38a90; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);}
.btn.pnl-normal:active { background-image: url(../img/admin/btn-bg.gif?1); background-position: 0px -240px; border: 1px solid #8aaec3; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);}
.admin-pnl-arrow-bg {
background: url(/img/admin-pnl-arrow-bg.png) center right;
padding: 15px 60px 15px 15px;
}
/* --- LINKS 2 ---------------------------------------------------------------- */
.icoPencil { background-image:url("../img/icons/pencil.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoDelete { background-image:url("../img/icons/delete.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoPage { background-image:url("../img/icons/page_white.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoExtPage { background-image:url("../img/icons/page_white_world.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px;}
.icoMail { background-image:url("../img/icons/email.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:20px; }
.icoAddMail { background-image:url("../img/icons/email_add.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:20px; }
.icoEdit { background-image:url("../img/icons/edit-page.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoInfo { background-image:url("../img/icons/info.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAdd { background-image:url("../img/icons/file_add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddFolder { background-image:url("../img/icons/folder_add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddImg { background-image:url("../img/icons/image_add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoError { background-image:url("../img/icons/error.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; font-size:11px; color:#DD0000; }
.icoCal { background-image:url("../img/icons/calendar_add.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; min-width:16px; text-indent:19px; }
.icoRefresh { background-image:url("../img/icons/arrow_refresh.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddBig { background-image:url("../img/icons/add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoTickmark { background-image:url("../img/icons/tickmark-sprite.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoTickmark.inactive { background-position:0 -20px; }
.icoTickmark.inactive:hover { background-position:0 -40px; }
.icoDeleteGrey { background-image:url("../img/icons/delete_grey.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; cursor:default; }
.icoPlay { background-image:url("../img/icons/play.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px;}
.icoPause { background-image:url("../img/icons/pause.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoTag { background-image:url("../img/icons/tag_green.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoFile { background-image:url("../img/icons/report.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoArrowRight { background-image:url("../img/icons/arrow_right_green.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoArrowLeft { background-image:url("../img/icons/arrow_left.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddSMS { background-image:url("../img/icons/add_sms.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoTime { background-image:url("../img/icons/time.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoComment { background-image:url("../img/icons/comment.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoUp { background-image:url("../img/icons/arrow_up.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoDown { background-image:url("../img/icons/arrow_down.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoUpGrey { background-image:url("../img/icons/arrow_up_grey.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; cursor:default; }
.icoDownGrey { background-image:url("../img/icons/arrow_down_grey.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; cursor:default; }
.icoWarning { background-image:url("../img/icons/warning.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoEmailWarning { background-image:url("../img/icons/email_error.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoTextAd { background-image:url("../img/icons/ad_text.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoPrint { background-image:url("../img/icons/printer.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddMem1 { background-image:url("../img/icons/member1_add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddMem2 { background-image:url("../img/icons/member2_add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddMem3 { background-image:url("../img/icons/member3_add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddMem4 { background-image:url("../img/icons/member4_add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoAddMem5 { background-image:url("../img/icons/member5_add.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoMem1 { background-image:url("../img/icons/member1.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; min-height:16px; min-width:16px; padding-left:19px; }
.icoMem2 { background-image:url("../img/icons/member2.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; min-height:16px; min-width:16px; padding-left:19px; }
.icoMem3 { background-image:url("../img/icons/member3.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; min-height:16px; min-width:16px; padding-left:19px; }
.icoMem4 { background-image:url("../img/icons/member4.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; min-height:16px; min-width:16px; padding-left:19px; }
.icoMem5 { background-image:url("../img/icons/member5.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; min-height:16px; min-width:16px; padding-left:19px; }
.icoMem6 { background-image:url("../img/icons/building.png"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; min-height:16px; min-width:16px; padding-left:19px; }
.icoMem1Grey { background-image:url("../img/icons/member1_inactive.gif"); background-repeat:no-repeat; vertical-align:middle; display:block; float:left; height:16px; min-width:16px; text-indent:19px; }
.icoMember, .icoMember1, .icoMember2, .icoMember3, .icoMember4, .icoMember5 { background-repeat:no-repeat; background-position:0px 10px; width:17px; height:30px; float:left; cursor:pointer; }
.icoMember { background-image:url("../img/icons/member-white.png");}
.icoMember1 { background-image:url("../img/icons/member1.png"); }
.icoMember2 { background-image:url("../img/icons/member2.png"); }
.icoMember3 { background-image:url("../img/icons/member3.png"); }
.icoMember4 { background-image:url("../img/icons/member4.png"); }
.icoMember5 { background-image:url("../img/icons/member5.png"); }
a.add.inactive:link { color:#666; }
a.add.inactive:hover { color:#444; }
a.add:link { text-decoration: none; color: #2d8900; }
a.add:active { text-decoration: none; color: #2d8900; }
a.add:visited { text-decoration: none; color: #2d8900; }
a.add:hover { text-decoration: none; color: #81b866; }
a.edit:link { text-decoration: none; color: #e26a00; }
a.edit:active { text-decoration: none; color: #e26a00; }
a.edit:visited { text-decoration: none; color: #e26a00; }
a.edit:hover { text-decoration: none; color: #eea666; }
a.delete:link { text-decoration: none; color: #dd0000; }
a.delete:active { text-decoration: none; color: #dd0000; }
a.delete:visited { text-decoration: none; color: #dd0000; }
a.delete:hover { text-decoration: none; color: #eb6666; }
a.info:link { text-decoration: none; color: #3068a0; }
a.info:active { text-decoration: none; color: #3068a0; }
a.info:visited { text-decoration: none; color: #3068a0; }
a.info:hover { text-decoration: none; color: #97b3cf; }
a.admin:link { text-decoration: none; color: #1176a5; }
a.admin:active { text-decoration: none; color: #1176a5; }
a.admin:visited { text-decoration: none; color: #1176a5; }
a.admin:hover { text-decoration: none; color: #82b7d1; }
a.admin.no-hover:hover { text-decoration: none; color: #1176a5; }
a.grey:link { text-decoration: none; color: #666; }
a.grey:active { text-decoration: none; color: #666; }
a.grey:visited { text-decoration: none; color: #666; }
a.grey:hover { text-decoration: none; color: #888; }
a.notice:link { text-decoration: none; color: #d2235a; }
a.notice:active { text-decoration: none; color: #d2235a; }
a.notice:visited { text-decoration: none; color: #d2235a; }
a.notice:hover { text-decoration: none; color: #e47b9c; }
a.tip:link { text-decoration: none; color: #105f7d; }
a.tip:active { text-decoration: none; color: #105f7d; }
a.tip:visited { text-decoration: none; color: #105f7d; }
a.tip:hover { text-decoration: none; color: #78a7b9; }
a.white:link { text-decoration: underline; color: #FFF; }
a.white:active { text-decoration: underline; color: #FFF; }
a.white:visited { text-decoration: underline; color: #FFF; }
a.white:hover { text-decoration: underline; color: #FFF; }
a.sort:link { text-decoration: none; color: #444; }
a.sort:active { text-decoration: none; color: #444; }
a.sort:visited { text-decoration: none; color: #444; }
a.sort:hover { text-decoration: none; color: #000; }
a.adfooter:link { text-decoration: none; color: #888; font-weight:bold; }
a.adfooter:active { text-decoration: none; color: #888; font-weight:bold; }
a.adfooter:visited { text-decoration: none; color: #888; font-weight:bold; }
a.adfooter:hover { text-decoration: none; font-weight:bold; }
.footer-ads a { z-index:5; display:block; }
.footer-ads a:link { color:#555; text-decoration:none; }
.footer-ads a:visited { color:#555; text-decoration:none; }
.footer-ads a:hover { color:#000; text-decoration:none; }
a.adWhite:link { text-decoration: none; color: #19c4ff; font-weight:bold;}
a.adWhite:active { text-decoration: none; color: #19c4ff; font-weight:bold;}
a.adWhite:visited { text-decoration: none; color: #19c4ff; font-weight:bold;}
a.adWhite:hover { text-decoration: none; color: #FFF; font-weight:bold;}
a.adYellow:link { text-decoration: none; color: #ffee00; font-weight:bold;}
a.adYellow:active { text-decoration: none; color: #ffee00; font-weight:bold;}
a.adYellow:visited { text-decoration: none; color: #ffee00; font-weight:bold;}
a.adYellow:hover { text-decoration: none; color: #FFF; font-weight:bold;}
.StatSelect a { z-index:5; display:block; padding:4px 8px 4px 8px; }
.StatSelect a:link { text-decoration:none; }
.StatSelect a:visited { text-decoration:none; }
.StatSelect a:hover { text-decoration:none; background-color:#EDEDED;}
.StatSelect2 a { z-index:5; display:block; padding:4px 8px 4px 8px; background-color:#EDEDED; }
.StatSelect2 a:link { text-decoration: none;}
.StatSelect2 a:visited { text-decoration: none;}
.TeamSelect a { z-index:5; display:block; padding:2px 8px 2px 8px; font-weight: normal; }
.TeamSelect a:link { text-decoration:none; }
.TeamSelect a:visited { text-decoration:none; }
.TeamSelect a:hover { text-decoration:none; background-color:#EDEDED;}
.TeamSelect2 a { z-index:5; display:block; padding:2px 8px 2px 8px; background-color:#EDEDED; font-weight: normal; }
.TeamSelect2 a:link { text-decoration: none;}
.TeamSelect2 a:visited { text-decoration: none;}
a.SvelagAd:link { color:#FFF; text-decoration:none; font-size:20px; line-height:22px; font-weight:bold; font-style:italic; font-family: Tahoma;}
a.SvelagAd:visited { color:#FFF; text-decoration:none; font-size:20px; line-height:22px; font-weight:bold; font-style:italic; font-family: Tahoma;}
a.SvelagAd:hover { color:#a6dcef; text-decoration:none; font-size:20px; line-height:22px; font-weight:bold; font-style:italic; font-family: Tahoma;}
a.SvelagAd:active { color:#a6dcef; text-decoration:none; font-size:20px; line-height:22px; font-weight:bold; font-style:italic; font-family: Tahoma;}
.member-stats-table .StatsTop a.trigger, .StatsTop p
{
display: block;
font-weight: bold;
float: left;
padding: 4px 10px;
border-right: 1px solid #ddd;
color:#444; text-decoration:none;
}
.member-stats-table .StatsTop a img
{
vertical-align:middle;
margin-left:5px;
}
.member-stats-table .StatsTop p
{
padding: 4px 10px 4px 5px;
}
.member-stats-table .StatsTop a.trigger:hover
{
background: rgba(255,255,255,0.8);
}
.member-stats-table ul
{
list-style: none;
padding: 0px;
margin: 0px;
overflow: hidden;
float: left;
}
.member-stats-table .stats-menu
{
display: none;
min-width: 200px;
position: absolute;
margin-left: -1px;
margin-top: 28px;
background: #fff;
border: 1px solid #ccc;
}
.member-stats-table .stats-menu a
{
display: block;
text-decoration: none!important;
padding: 4px 8px;
}
.member-stats-table .stats-menu a:hover, .member-stats-table .stats-menu a.selected
{
background: #ededed;
}
#GameBoxHover { background-color:#FFF; height:140px; width:200px; position:absolute; opacity:0.15; filter:alpha(opacity=15); z-index:99; visibility:hidden;}
a.svelag:link { color:#0080c9; text-decoration:none; }
a.svelag:visited { color:#0080c9; text-decoration:none; }
a.svelag:active { color:#0080c9; text-decoration:none; }
a.svelag:hover { color:#333; text-decoration:none; }
/* --- TOPPMENY -------------------------------------------------------------------- */
.profile-menu .user {
display: block;
float: left;
width: 40px;
height: 40px;
margin-right: 10px;
background-size: 100%;
border-radius: 100px;
overflow:hidden;
}
.profile-menu .user img {
width:40px;
}
/* Menyn */
.navbar {
min-height: 0;
border:0;
margin:0;
position:relative;
}
.navbar #navigation {
float:left;
}
.navbar .navbar-collapse, .navbar-nav {
padding:0;
margin:0;
}
/* Small device toggle meny */
.navbar .navbar-header {
width:50%;
float:left;
text-align:center;
line-height:38px;
}
.navbar .navbar-header button {
position: relative;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
max-height:36px;
width:100%;
}
.navbar .navbar-header button span {
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
max-width:80%;
display:inline-block;
vertical-align: middle;
}
.navbar .navbar-header button .fa {
opacity:0.6;
}
#logged-in-menu li.dropdown {
float: right;
}
#logged-in-menu .dropdown-menu .submenu {display: none}
#logged-in-menu .dropdown-menu .submenu.open {display: block}
/* Inset highlight on Hover Links */
.nav > li > a:hover, .nav > li > a:focus {
/*box-shadow: inset 1px 0 rgba(255,255,255,0.15);*/
}
.navbar .navbar-nav > li > a {
font-weight: bold;
line-height: 36px;
padding: 0 15px;
}
/* Icons */
.navbar .navbar-nav i.fa-cog {
font-size:16px;
top: 1px;
position: relative;
}
.navbar .navbar-nav i.fa-external-link {
font-size:11px;
opacity:0.7;
margin-left:4px;
}
.navbar a .caret {
opacity: 0.6;
margin-right: -1px;
margin-left: 0px;
}
.navbar .navbar-nav i.fa-external-link, .navbar .navbar-nav a .fa-angle-down {
width: 12px;
text-align: right;
}
.navbar .navbar-nav a:active .caret,
.navbar .navbar-nav .open .caret {
top:-1px;
}
/* Remove borders from right menu */
.navbar-right li:last-child {
/* Removed, because it interfered with main menu */
/*box-shadow: none;
border:0;*/
}
/*Remove dividers from submenu*/
.navbar .navbar-nav li li {
box-shadow: none;
border-right: 0;
}
/* Secret links in submenu */
.navbar .navbar-nav li li.hidden a {
/*opacity:0.5;*/
color: #afafaf;
}
/*Render up-arrows on right dropdowns. */
.navbar-right .open .dropdown-toggle {
position:relative;
}
.navbar-right .open .dropdown-toggle:before {
position: absolute;
bottom: 0px;
right: 45%;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ccc;
border-left: 6px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
z-index:1001;
}
.navbar-right .open .dropdown-toggle:after {
position: absolute;
bottom: -1px;
right: 45%;/* +1px mot :before */
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: '';
z-index:1001;
}
/* Dropdown alignment logged in menu */
#logged-in-menu {
position:relative;
}
#logged-in-menu .dropdown {
position:static;
}
/* Multi col navbar dropdown. */
.dropdown-menu.columns-2 {
min-width: 360px;
}
.dropdown-menu.columns-3 {
min-width: 560px;
}
.dropdown-menu .col {
padding:0;
border-right:1px solid #eee;
}
.dropdown-menu .col:last-child {
border-right:0;
}
.navbar .dropdown-menu .row {
margin:0;
}
.multi-column-dropdown {
list-style: none;
margin: 0px;
padding: 0px;
}
.dropdown-menu li a {
font-weight: normal;
padding: 5px 15px;
}
.dropdown-menu li a {
display: block;
clear: both;
line-height: 1.428571429;
color: #333;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/*
Fixa classer i theme-cssen:
.theme-background {background: red;}
.theme-color {color: red;}
*/
.login-dropdown
{
width: 300px;
padding: 20px;
}
.login-dropdown .form-group
{
margin-bottom: 12px;
}
.profile-menu .links .notification
{
float: right;
margin: -2px 0px 0px 0px;
}
.profile-menu
{
width: 220px;
padding: 0px;
}
.profile-menu .top
{
padding: 10px 15px;
border-bottom: 1px solid #eee;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-color: #f7f7f7;
}
.profile-menu .top a
{
line-height: 24px;
font-weight: normal;
color: #555;
}
.profile-menu .photo
{
display: block;
float: left;
width: 40px;
height: 40px;
margin-right: 10px;
background-size: 100%;
border-radius: 100px;
}
.profile-menu .top p
{
line-height: 1;
}
.profile-menu ul
{
margin: 10px 0px;
}
.profile-menu .footer
{
padding: 10px 15px;
border-top: 1px solid #eee;
}
/* Controlpanel Menu */
#controlpanel-dropdown-menu .controlpanel-menu {
min-width:300px;
}
.profile-menu .controlpanel-menu {
width:100%;
}
.controlpanel-menu {
padding: 0 0 1px 0;
width: 100%;
z-index: 1000;
margin-top: 1px;
}
/* reset nav */
.navbar .controlpanel-menu ul {
margin:0;
padding:0;
list-style: none;
}
.navbar .controlpanel-menu li {
margin:0;
padding:0;
}
.navbar .controlpanel-menu li i {
position: absolute;
left:0;
top:0;
margin:10px 0;
}
.navbar .controlpanel-menu li a {
margin:0 0 0 20px;
padding:7px 20px 7px 23px;
border-bottom: 1px solid #e5e5e5;
color:#555;
vertical-align: middle;
position: relative;
}
.navbar .controlpanel-menu li a:hover {
background-color:transparent;
}
.navbar .controlpanel-menu li a:focus {
font-weight: bold;
color:#000;
}
.navbar .controlpanel-menu ul li:last-child > a {
border:0;
}
/* Header */
.navbar .controlpanel-menu .dropdown-header {
padding:20px 0 5px 20px;
text-transform: uppercase;
background:#f7f7f7;
border-bottom: 1px solid #e5e5e5 !important;
}
.navbar .controlpanel-menu .dropdown-header.shortcuts {
border-top: 1px solid #e5e5e5 !important;
}
/* Selected */
.navbar .controlpanel-menu li a.current {
font-weight: bold;
color:#000;
background-color:transparent;
}
/* Submenu */
.navbar .controlpanel-menu .submenu {
background:#f7f7f7;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding-left:23px;
}
.navbar .controlpanel-menu .submenu {
margin-top:-1px;
}
.navbar .controlpanel-menu .submenu li a {
font-size:13px;
padding:6px 0 5px 0;
}
.navbar .controlpanel-menu .submenu li:last-child a {
border:0;
}
.navbar .controlpanel-menu .submenu li a.current {
font-weight: bold;
color:#000;
background-color: transparent;
}
/* icons */
.controlpanel-menu .dropdown-submenu .caret { float:right; margin-top:8px;}
.controlpanel-menu .fa.fa-fw { margin-right: 2px; }
.controlpanel-menu a img { float: right; margin-top: 5px; }
/* --- VÄNSTERMENY ----------------------------------------------------------------- */
.menu-group, .menu-group + .menu-group a:first-child
{
border-top:solid 1px #ddd;
}
.menu-group + .menu-group
{
padding-top: 30px;
border: none;
}
.menu-group a
{
display:block;
padding: 0px 15px 0px 20px;
line-height: 32px;
border-bottom:solid 1px #ddd;
color:#555;
text-decoration:none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.menu-group a:hover
{
background-color:#f4f4f4;
color:#555;
}
.menu-group a .fa-angle-down
{
margin-top: 9px;
}
.menu-group a .icon-external-link
{
margin: 11px 0px 0px 10px;
opacity: 0.5;
}
.menu-group .current
{
background-color: #FFF;
}
.menu-group .current:hover
{
background-color: #FFF;
}
.submenu-group .submenu
{
padding-left: 30px;
border: none;
font-size: 12px;
}
.submenu-group .submenu:hover
{
border: none;
}
.submenu-group .submenu:active
{
border: none;
}
.submenu-group .submenu.current
{
background: #FFF;
}
.menu-bg { background-image:url(../../img/menu/light-grey-1.gif); background-repeat:repeat-y; }
.submenu-group .submenu:hover { background:#f4f4f4; }
.submenu-group .submenu:active { background:#f4f4f4; }
.submenu-group { border-bottom:solid 1px #ddd; }
/* --- TEXT ------------------------------------------------------------------------ */
.tip { font-size: 12px; color: #105f7d; line-height:15px;}
h3 { font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; line-height: 130%; margin: 25px 0px 5px 0px; color:#333;}
h4, h5, h6 { margin:0px; line-height:120%;}
h3.function { font-family: Arial, Helvetica; font-size: 15px; font-weight: bold; line-height: 130%; margin: 0px 0px 0px 0px; color:#0083b0;}
.functionRow { padding:8px 0px 9px 0px;}
.AlertBox { border: solid 1px #f0de9f; padding:9px 4px 9px 4px; background-color:fffbc4; text-align:center; color:#955b00; }
#confirm { border: solid 1px #f0de9f; padding:9px 4px 9px 4px; background-color:fffbc4; text-align:center; color:#955b00; visibility:hidden; font-family:Tahoma; font-size:12px;}
/* --- LIVESÄNDNING ------------------------------------------------------------------------ */
#liveContainer { height:330px; margin:10px 0px 0px 0px; padding-top:80px; }
#liveAlert { background-image:url(../img/streaming_alert.png); background-repeat:no-repeat; width:393px; height:233px; padding-top:50px; margin:0px auto 0px auto; text-align:center; font-weight:bold; }
#liveAlert div.headline { font-family:Arial; font-size:14px; line-height:20px; text-transform:uppercase; }
#liveAlert div.counter { font-family:Arial; font-size:25px; line-height:25px; }
#liveAlert h3.thanks { font-family:Arial; font-size:22px; line-height:25px; margin:25px 0px 5px 0px; }
#liveAlert div.upcoming { margin-top:65px; }
a.buy { background-image:url(../img/btn_buy.png); display:block; font-size:12px; height:32px; line-height:30px; width:150px; padding-right:10px; overflow:hidden; font-weight:bold; text-align:right; margin:15px auto 32px auto;}
a.buy:link { color:#FFF; text-decoration:none; font-size:12px; }
a.buy:visited { color:#FFF; text-decoration:none; font-size:12px; }
a.buy:hover { color:#FFF; text-decoration:none; font-size:12px; background-position:0px 32px; }
#liveCodeContainer { width:334px; margin:auto; text-align:left;}
#liveCodeContainer input { border:solid 1px #c6c6c6; height:18px; width:76px; margin:0px 4px 0px 0px; font-weight:bold; font-size:12px; }
#liveCodeContainer .error { color:#DD0000; width:310px; font-size:12px; }
#liveCodeContainer a { float:left; background-image:url(../img/btn_ok.png); display:block; font-size:12px; height:26px; line-height:26px; width:36px; text-align:center; overflow:hidden; font-weight:bold; padding:0px; margin:0px; }
#liveCodeContainer a:link { color:#FFF; text-decoration:none; font-size:12px; }
#liveCodeContainer a:visited { color:#FFF; text-decoration:none; font-size:12px; }
#liveCodeContainer a:hover { color:#FFF; text-decoration:none; font-size:12px; background-position:0px 26px; }
.playerContainer { height:410px; margin:10px 0px 10px 0px; }
/***/
.form-box {
font-size: 14px;
padding: 25px;
background-color: #f4f8fd;
margin: 0px;
border: solid 2px #e5ebf3;
position: relative;
}
.form-box h2
{
font-family: Arial;
}
.form-box hr.hr
{
background: #e5ebf3;
}
/* --- CONTROLPANEL ---------------------------------------------------------------- */
/*Flyttat till controlpanel.css
.AddSection
{
text-align:center;
padding:7px;
margin:0px 0px 15px 0px;
background-color:#e1fad4;
border:solid dashed #9acc7e 1px;
}
#AdministratorBox
{
background-color:f4f8fd;
margin-bottom:5px;
}
#AdminBox
{
border: solid 5px #e5ebf3;
padding:10px 10px 10px 10px;
background-color:#f4f8fd;
margin-bottom:5px;
font-size: 11px;
}
#AdminBox2
{
border: solid 10px #e5ebf3;
padding:10px 25px 10px 25px;
background-color:#f4f8fd;
margin-bottom:30px;
font-size: 11px;
}
#FormBox, .admin-panel
{
border: solid 5px #e5ebf3;
padding: 20px;
background-color:#f4f8fd;
}
.admin-panel .table > thead > tr > th, .admin-panel .table > tbody > tr > td, .admin-panel .table-border-bottom
{
border-color: #d6dee7;
}
.admin-panel .table-default th
{
background: #e5ebf3;
}
.admin-panel .table-hover > tbody > tr:hover
{
background: #edf2f9;
}
.admin-panel .panel-default,
.admin-panel .panel-divider,
.admin-panel .panel-default .panel-heading,
.admin-panel .list-group-item
{
border-color: #cfd8e5;
}
.admin-panel .panel-default .panel-heading
{
background: #fafcff;
}
.admin-panel a.list-group-item:focus,
.admin-panel a.list-group-item-muted:focus
{
background: #fff;
}
.admin-panel a.list-group-item:hover
{
background-color: #fafcff;
}
.admin-panel .panel-divider-right
{
border-right-width: 1px;
border-right-style: solid;
}
.admin-panel .list-group-item-info
{
background: #e3ecf9;
color: #444;
}
.admin-panel .panel-heading + .list-group .list-group-item.list-group-item-collapse
{
background: #fafcff;
border-top-width: 1px;
}
.admin-panel .list-group-item.list-group-item-collapse, .admin-panel .panel > .list-group:first-child .list-group-item.list-group-item-collapse:first-child
{
background: #fafcff;
border-top: 1px solid #cfd8e5;
border-radius: 0px;
}
.admin-panel .list-group-item.list-group-item-collapse h5
{
margin: 10px 0px;
}
#FormBox2 { border: solid 5px #f0e0e6; padding:10px 20px 20px 20px; background-color:#fcf2f6; }
#FormBox3 { border: solid 5px #f5ebc7; padding:15px 20px 15px 20px; background-color:#fffedf; }
.FormRow { padding:2px 0px 2px 0px; height: 30px; }
.LokGroups td { padding:4px 0px 4px 0px !important;}
.b { font-weight:bold;}
.form-notice { display: block; background: #1176a5 url(/img/icons/glyph_info-white.png) no-repeat 10px 13px; padding: 8px 8px 8px 40px; border-radius: 3px; color: #fff!important; text-decoration: none!important; overflow: hidden; margin-bottom: 20px; }
.form-notice p { float: left; font-size: 14px; padding-top: 5px; }
.form-notice .notice-btn { float: right; background: rgba(0,0,0,0.5); border-radius: 2px; font-size: 12px; padding: 5px 15px; font-weight: bold; }
.form-notice .notice-note { font-size: 11px; color: rgba(255,255,255,0.6); }
.form-notice:hover { background-color: #2185b5; }
.form-notice:active { background-color: #086c9c; }
.AdContent {
__display:none;
}
.socialLinkWrapper {
position:relative;
}
.socialLinkWrapper.error:after {
content:'\f00d';
height:20px;
width:20px;
display:block;
position:absolute;
top:7px;
right:7px;
font-family:fontAwesome;
text-align:center;
color:#d21511;
}
.H2Text
{
line-height:24px;
padding:0px 8px;
margin-left:10px;
background-color:#f4f8fd;
float:left;
font-size:16px;
}
.H2Containter { background-image:url(../img/admin/headline-bg.gif); height:33px; }
.H2Containter.w390 { background-image:url(../img/admin/headline-bg-390.gif); }
.H2Containter.w260 { background-image:url(../img/admin/headline-bg-260.gif); }
.preview-container
{
background: #e5ebf2;
border: 1px solid #d6dee7;
border-radius: 3px;
padding: 15px 15px 25px;
margin-top: 15px;
}
.preview-tools
{
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #d6dee7;
}
.ad .image-preview-container
{
margin: auto;
text-align: center;
}
.ad .image-preview-container img
{
margin: auto;
}
.tip-links
{
margin-bottom: 30px;
}
.tip-links a
{
display: block;
font-size: 13px;
padding: 4px 10px;
margin-bottom: 4px;
border: 1px solid #cfd8e5;
border-radius: 3px;
color: #444!important;
text-decoration: none!important;
}
.tip-links a:hover {
background: #fff;
}
.tip-links a:active {
background: #e5ebf3;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}
.tip-links a img {
display: block;
margin: 1px 6px 0px 0px;
float: left;
}
#FormBoxNotice
{
border:solid 1px #cfd8e5;
background-color:#FFF;
padding:10px;
color:#d2235a;
margin-bottom:20px;
}
#FormBoxNotice a
{
font-weight: normal;
}
.cPanelBox
{
border:solid 1px #cfd8e5;
background-color:#FFF;
margin-bottom:20px;
max-width:100%;
}
.font13 td
{
font-size:13px;
}
*/
/* Flyttat till controlpanel.css
.FormHeadline
{
font-size: 20px;
margin: 2px 0px 20px 0px;
font-weight:bold;
letter-spacing:-1px;
}
.FormHeadline img
{
position: relative;
top: -2px;
margin-right: 10px;
}
*/
.FormHeadline2
{
font-size: 13px;
line-height: 20px;
margin-bottom:10px;
font-weight:bold;
}
#cpPhoto
{
border:solid 1px #cfd8e5;
background-color:#FFF;
float:left;
margin-right:10px;
}
.ThemeThumb
{
border:solid 1px #ccc;
background: #fff;
padding:6px;
text-align:center;
margin-bottom:4px;
}
.ThemeThumb:hover
{
border:solid 2px #707884;
padding:5px;
}
.ThemeThumb2
{
border:solid 2px #707884;
background: #fff;
padding:5px;
text-align:center;
margin-bottom:4px;
}
.thumbnail-wrap
{
display: block;
margin-bottom: 20px;
text-decoration: none;
}
.thumbnail-wrap .thumbnail
{
display: block;
margin-bottom: 8px;
}
.thumbnail-wrap .thumbnail img
{
max-height: 100px;
width: auto;
max-width: 100%;
}
a.thumbnail-wrap:hover .thumbnail
{
border-color: #298ccd;
}
.thumb-group .thumbnail
{
height: 80px;
display: flex;
align-items: center;
}
.thumb-group .thumbnail img
{
max-height: 80%;
max-width: 80%;
}
#IconBox
{
float:left;
margin:0px 5px 5px 0px;
padding-bottom:10px;
text-align:center;
}
#IconBoxImg
{
margin:10px 22px 5px 21px;
border:0px;
width:32px;
height:32px;
}
#BtnSave, #BtnCancel, .standard-btn
{
width: 120px;
height: 28px;
margin-top:10px;
font-weight: bold;
}
#BtnPublish { width: 180px; height: 28px; margin-top:10px; font-weight: bold;}
.edit-profile table td
{
vertical-align: top;
}
.edit-profile textarea, .edit-profile input[type="text"]
{
width: 400px;
max-width: 400px;
}
.edit-profile textarea
{
margin-bottom: -5px;
height: 50px;
}
.edit-profile .profile
{
border: 1px solid #d6dee7;
border-radius: 5px;
margin-bottom: 20px;
}
.edit-profile .profile-header
{
background: #e0ecf9;
color: #444;
padding: 10px 15px;
overflow: hidden;
border-radius: 3px 3px 0px 0px;
}
.edit-profile .profile-header img
{
float: left;
}
.edit-profile .profile-header h2
{
float: left;
font-size: 18px;
font-family: Arial;
margin: 5px 0px 0px 2px;
}
.edit-profile .profile-content
{
padding: 15px 15px;
}
/* SPELARE */
#memberTypeData-1 .profile-header
{
background: #def3ff;
color: #124f74;
}
/* LEDARE */
#memberTypeData-2 .profile-header
{
background: #ffeeda;
color: #76421f;
}
/* STYRELSE */
#memberTypeData-3 .profile-header
{
background: #f8e9ed;
color: #713041;
}
/* ÖVRIG */
#memberTypeData-4 .profile-header
{
background: #f0e2ff;
color: #4f2362;
}
img.Calendar { border:none; width:16px; height:16px; margin:2px; vertical-align:middle; }
.SectionEdit { text-align:right; font-size:11px; padding:0px 8px 0px 8px; margin-top:15px; background-color:#fcf8e3;border:1px solid #faebcc; overflow:auto;width:100%; }
.SectionEdit div { font-size:13px; float:right; margin-top:5px; }
.SectionDivider { margin:0px 6px 0px 7px !important; height:27px; width:2px; background-image:url("../img/admin/section_edit_divider.png");}
/* --- COLORS ---------------------------------------------------------------- */
.grey { color: #666; }
.date { color: #666; font-size:12px; line-height: 150%; }
.no, .red { color: #DD0000; }
.yes, .green { color: #328c07; }
.white { color: #FFFFFF; }
.magenta { color: #90004b; }
.pink { color: #893956; }
.blue { color: #4a8fd3; }
.NoticeColor { color: #d2235a; }
.Gold { color:#d8a300; }
.Silver { color:#6d7e86; }
.Free { color:#4dad00; }
/* --- FORM ---------------------------------------------------------------- */
.invalid { border-color:#f1bbbb; border-style:solid; border-width:1px; p }
.valid { border-color:#72d072; border-style:solid; border-width:1px; }
.FormHolder { padding:10px; margin:0px 0px 15px 0px;}
.FormHolder.Green { background-color:#e5ffd9;}
.FormHolder.Yellow { background-color:#fbf9d1;}
.FormHolder.Blue { background-color:#ecf6ff;}
/* --- PAGE SETTINGS ---------------------------------------------------------------- */
table
{
padding:0px;
border-spacing:0px;
border-collapse:collapse;
}
#container
{
margin: auto;
width: 1310px;
min-height: 100%;
}
#siteCol
{
margin-top: 15px;
padding:10px;
background: #fff;
width: 1000px;
float: left;
}
#rightCol
{
width: 310px;
padding: 15px 0px 40px 10px;
float:right;
}
.menu-bg
{
border-bottom: 5px solid #fff;
padding-bottom:50px;
}
.menu
{
float:left;
width:200px;
padding-top:30px;
}
.content
{
float:left;
width:730px;
margin:25px 20px 30px 30px;
min-height:700px;
/*--- NEEDED FOR HOVERCARD ---*/
position: relative;
}
.footer
{
border-top: 1px solid #ddd;
}
.footer a.ListLinkGrey
{
}
.footer-footer
{
border-top: 1px solid #ddd;
padding: 15px 20px 5px 20px;
}
.footer-footer .powered-by a {
text-decoration:none;
}
.footer-footer .powered-by a span {
margin-right:5px;
line-height:30px;
}
.footer-footer .powered-by a img {
width:130px;
}
.footer .clubmarks img
{
margin:2px 10px 10px 0px;
width:30px;
float:left;
}
#content-footer
{
float:right;
padding:0px 20px;
margin-top:-40px;
}
/*.newslist-start { border-bottom: 1px solid #dcdcdc; border-radius: 3px; overflow: hidden; }
.newslist-start-item { display: block; border: 1px solid #dcdcdc; font-size: 13px; border-bottom: none; background: #f9f9f9; text-decoration: none!important; color: #444 !important; font-weight: normal!important; padding: 8px 10px; text-shadow: 0px 1px 0px white; border-radius: 0px; overflow: hidden; line-height: 130%; }
.newslist-start-item:hover { background: #f2f2f2; }
.newslist-start-item:active { background: #ebebeb; }
.newslist-start-item .title { float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 290px; font-weight: bold; }
.newslist-start-item .date { float: right; width: 140px; font-size: 13px; line-height: 130%; }
.newslist-start-item .icoComment { width: 30px; }*/
/***
table-schedule = tables...
****/
.table-schedule {
margin-bottom: 10px;
}
table.table-schedule tbody tr td {
padding: 8px 10px;
}
.table-schedule tr:first-child td {
border-top-width: 2px;
border-color: #ddd;
}
.table-schedule tr td:first-child {
padding-left: 0px;
padding-right: 0px;
}
.table-schedule > tbody > tr:last-child > td {
border-bottom: 1px solid #ddd;
}
.table-schedule .divider {
border-right: 1px solid #eee;
margin-right: 4px;
}
.table-schedule .season .divider {
border-right-width: 0px;
border-left: 2px solid #eee;
padding-left: 15px;
}
.table-schedule .season > td:first-child {
width: 65px;
}
.table-schedule .season td:nth-child(2) {
padding-left: 0px;
}
.table-schedule a { text-decoration: none; }
.table-schedule > tbody > tr > td {
border-color: #eee;
}
.table-schedule tbody + thead:not(:first-of-type) > tr > th
{
padding-top: 25px;
}
.table-schedule thead:first-of-type > tr > th
{
border-top: none;
}
.table-schedule .lead
{
font-size: 120%;
}
/* Matcher
***********************************************************************/
#seasonTable {
font-size: 0px;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
}
#seasonTable th {
padding-top:25px;
font-size: 14px;
}
#seasonTable td {
position: relative;
}
#seasonTable .schedule-details {
width: 100%;
}
#seasonTable div {
display: inline-block;
vertical-align: top;
font-size: 14px;
}
#seasonTable a {
text-decoration: none;
}
#seasonTable .schedule-date {
text-align: center;
min-width: 50px;
white-space: nowrap;
border-right-style:solid;
border-right-width: 2px;
padding-right: 10px;
margin-right: 10px;
}
#seasonTable .schedule-season-color {
display: none;
}
#seasonTable .schedule-teams {
}
#seasonTable .schedule-ticket {
float: right;
padding-top:10px;
margin-right:10px;
}
#seasonTable .schedule-result {
float:right;
padding-top:10px;
text-align: center;
width: 112px;
}
#seasonTable .schedule-admin {
float:right;
}
#seasonTable .schedule-actions {
float:right;
padding-top:10px;
min-width: 80px;
min-height: 20px;
text-align: right;
}
#seasonTable .schedule-actions a {
margin-left:5px;
}
/* Matches season colors */
.season-color1 { border-color: #cfe4f9; }
.season-color2 { border-color: #d2eed0; }
.season-color3 { border-color: #f6eccc; }
.season-color4 { border-color: #f4d7cb; }
.season-color5 { border-color: #f4cdda; }
.season-color6 { border-color: #efcdf8; }
.season-color7 { border-color: #ddd4f9; }
.season-color8 { border-color: #d7d7d7; }
.season-color9 { border-color: #d0f3f6; }
.season-color10 { border-color: #d0f2df; }
.season-color11 { border-color: #edf2ca; }
/* Truppen
***********************************************************************/
#page_squad tbody td {
border-color: #eee;
}
#page_squad .table-squad td {
vertical-align: middle;
}
#page_squad .table-squad td i {
width:25px;
display: inline-block;
}
/* --- MATCHES ---------------------------------------------------------------- */
.dot { display:block; width:6px; height:6px; background: url("../img/dots.png"); overflow:hidden; }
.dot.color1 { background-position: 0px 0px; }
.dot.color2 { background-position: -10px 0px; }
.dot.color3 { background-position: -20px 0px; }
.dot.color4 { background-position: -30px 0px; }
.dot.color5 { background-position: -40px 0px; }
.dot.color6 { background-position: -50px 0px; }
.dot.color7 { background-position: -60px 0px; }
.dot.color8 { background-position: -70px 0px; }
.dot.color9 { background-position: -80px 0px; }
.dot.color10 { background-position: -90px 0px; }
.dot.color11 { background-position: -100px 0px; }
.sfilter, .sfilter:focus, .sfilter:hover, .sfilter-trigger, .sfilter-trigger:hover, .sfilter-trigger:focus
{
display:block;
background: #eee;
padding: 4px 10px;
color:#444;
margin-bottom: 6px;
text-decoration: none;
font-size: 12px;
border-radius: 2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.sfilter .fa
{
margin-right: 3px;
}
.sfilter .fa-square
{
opacity: 0.2;
}
.sfilter .fa-check-square, .sfilter.selected .fa-square
{
display: none;
}
.sfilter.selected .fa-check-square
{
display: inline;
}
.sfilter.c1 { background: #e6f1fc; }
.sfilter.c1:hover, .sfilter.c1.selected { background: #cfe4f9; }
.sfilter.c1 .fa { color: #2b7add; }
.divider.divider-color1 { border-color: #cfe4f9; }
.sfilter.c2 { background: #e8f6e8; }
.sfilter.c2:hover, .sfilter.c2.selected { background: #d2eed0; }
.sfilter.c2 .fa { color: #3caf12; }
.divider.divider-color2 { border-color: #d2eed0; }
.sfilter.c3 { background: #faf6e4; }
.sfilter.c3:hover, .sfilter.c3.selected { background: #f6eccc; }
.sfilter.c3 .fa { color: #d1a100; }
.divider.divider-color3 { border-color: #f6eccc; }
.sfilter.c4 { background: #f9ebe5; }
.sfilter.c4:hover, .sfilter.c4.selected { background: #f4d7cb; }
.sfilter.c4 .fa { color: #a84114; }
.divider.divider-color4 { border-color: #f4d7cb; }
.sfilter.c5 { background: #f9e5ec; }
.sfilter.c5:hover, .sfilter.c5.selected { background: #f4cdda; }
.sfilter.c5 .fa { color: #a41a49; }
.divider.divider-color5 { border-color: #f4cdda; }
.sfilter.c6 { background: #f7e5fc; }
.sfilter.c6:hover, .sfilter.c6.selected { background: #efcdf8; }
.sfilter.c6 .fa { color: #9c24b2; }
.divider.divider-color6 { border-color: #efcdf8; }
.sfilter.c7 { background: #eee9fc; }
.sfilter.c7:hover, .sfilter.c7.selected { background: #ddd4f9; }
.sfilter.c7 .fa { color: #5034ab; }
.divider.divider-color7 { border-color: #ddd4f9; }
.sfilter.c8 { background: #ebebeb; }
.sfilter.c8:hover, .sfilter.c8.selected { background: #d7d7d7; }
.sfilter.c8 .fa { color: #444; }
.divider.divider-color8 { border-color: #d7d7d7; }
.sfilter.c9 { background: #e7f9fa; }
.sfilter.c9:hover, .sfilter.c9.selected { background: #d0f3f6; }
.sfilter.c9 .fa { color: #42c5d2; }
.divider.divider-color9 { border-color: #d0f3f6; }
.sfilter.c10 { background: #e7f8ef; }
.sfilter.c10:hover, .sfilter.c10.selected { background: #d0f2df; }
.sfilter.c10 .fa { color: #4daa66; }
.divider.divider-color10 { border-color: #d0f2df; }
.sfilter.c11 { background: #f6f8e4; }
.sfilter.c11:hover, .sfilter.c11.selected { background: #edf2ca; }
.sfilter.c11 .fa { color: #abc200; }
.divider.divider-color11 { border-color: #edf2ca; }
.sfilter-trigger
{
margin-left: 3px;
margin-right: 3px;
}
.sfilter-trigger[aria-expanded=false] span.less
{
display: none;
}
.sfilter-trigger[aria-expanded=true] span.more
{
display: none;
}
.StatsTop { height:27px; padding-left:3px; }
.StatsRow { height:28px; padding-left:3px; }
.Row1 { padding:5px 0px;}
.Row2 { height:30px;}
.Row3 { padding-top:5px; padding-bottom:5px;}
.Row4 { padding:1px 0px 1px 0px;}
.ScheduleRow { padding: 4px 0px; line-height:19px; }
.ScheduleItem { padding: 3px 0px; }
.List { height: 28px; }
.List1 { padding:4px 0px; }
.List2 { padding:5px 0px; }
.Line { height: 1px; background-color: #CCC; overflow: hidden; }
.Line1 { height:1px; background-color: #CCCCCC; border-collapse: collapse; overflow: hidden; }
.Line2 { height:1px; background-color: #ebebeb; border-collapse: collapse; overflow: hidden; }
.Line1Blue { height:1px; background-color: #d6dee7; border-collapse: collapse; overflow: hidden; }
.RowBg { background-color: #f7f7f7; }
.RowBgActive { background-color: #fffed1; }
.clubmarkOverlay { width:50px; height:54px; display:block; }
.PaddingR { padding-right:3px; }
.PaddingL { padding-left:3px; }
.pix50 { height:50px; border-collapse:collapse; padding:0px; }
.pix40 { height:40px; border-collapse:collapse; padding:0px; }
.pix30 { height:30px; border-collapse:collapse; padding:0px; }
.pix20 { height:20px; border-collapse:collapse; padding:0px;}
.pix10 { height:10px; border-collapse:collapse; padding:0px; }
.pix5 { height:5px; border-collapse:collapse; padding:0px; }
.Pixel { background-color:#CCC; border-collapse:collapse; }
.MatchStatsHeader { background-image:url("../img/table_top_bg.gif"); background-repeat:repeat-x; padding:0px 0px 0px 15px; font-weight:bold; height:28px; margin-top:3px; }
.MatchStatsInfo { border-top:solid 1px #CCC; padding:5px 5px 15px 15px; }
.MatchStatsInfo td {border-bottom: 1px solid #ebebeb}
.MatchStatsInfo td.title {padding: 5px 15px;}
#iconSize { width:16px; height:22px;}
.archiveItemBg { width:105px; height:107px; background-image:URL("../img/archive_item_bg.gif"); background-repeat:no-repeat; text-align:center; cursor:hand; cursor:pointer; }
.tagArea { width:109px; height:121px; background-image:URL("../img/gallery_img_bg2_over.gif"); background-repeat:no-repeat; text-align:center; cursor:hand; cursor:pointer; }
.tagID { position:absolute; background:#000; color:#FFF; padding:6px 9px 6px 9px; visibility:hidden; }
#autoLogin { position:absolute; z-index:100; width:201px; height:39px; margin-left:738px; margin-top:36px; visibility:hidden; background:url("../img/login_bubble.png"); background-repeat:no-repeat; }
#MailSender { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:300; visibility:hidden; text-align:center; padding-top:400px; background-image:url("../img/icons/mail_sending.gif"); background-repeat:no-repeat; background-position:center 235px;}
#SmsSender { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:300; visibility:hidden; text-align:center; padding-top:400px; background-image:url("../img/icons/sms_sending.gif"); background-repeat:no-repeat; background-position:center 235px;}
#Fade { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:299; background-color:#FFF; filter:alpha(opacity=70); opacity:.7; visibility:hidden; }
.ad-mittenspalt { margin:30px 0px 10px 0px; background-image:url("../img/ad-bg-mittenspalt.gif?ver=2"); background-position:center top; background-repeat:no-repeat; background-color:#eaeaea; text-align:center; text-align:center; padding:25px 0px 25px 0px; clear:both;}
.ad-panorama { padding-bottom:5px; }
.mail-list .icoMail { height: 20px; }
/* --- INFOBOX STANDARD ------------------------------------------------------------------------*/
.infobox-holder, .infobox-holder:focus
{
display: block;
border: 1px solid #ddd;
margin-bottom: 20px;
border-radius: 5px;
text-decoration: none;
color: #444;
}
.infobox
{
background: #f9f9f9;
padding: 12px 10px;
border: 2px solid #fff;
border-radius: 5px;
}
/*
.infobox h2 {
margin: 0 0 5px;
}*/
.infobox .form-group
{
margin-bottom: 10px;
}
.infobox-hover:hover, .infobox-hover:focus
{
color: #444;
background: #fdfdfd;
text-decoration: none;
}
.infobox-bar
{
position:relative;
margin: 0px 0px 0px -6px;
padding-left:15px;
width:206px;
height:31px;
line-height:31px;
text-transform:uppercase;
color: #fff;
font-size:15px;
}
.infobox-elite a
{
text-decoration: none;
color: #444;
}
.infobox.list
{
padding:10px 0px;
}
.infobox .list-group
{
margin: 0px;
}
.infobox .list-item
{
padding: 6px 10px 10px;
display:block;
color:#444;
text-decoration:none;
border-bottom: 1px solid #d9d9d9;
}
.infobox .list-item:hover
{
color:#111;
background: linear-gradient(#fff,#ededed);
}
.infobox .list-item:active
{
background: linear-gradient(#ededed,#fff);
}
.infobox .list-item:first-child {
margin-top: 0;
}
.infobox-clubmarks {
height:54px;
background: url(../img/vs.gif) center no-repeat;
margin-top: 10px;
}
.infobox-clubmarks img {
max-width:50px;
max-height:54px;
}
.infobox-DateHolder
{
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 16px;
line-height: 34px;
margin: 12px 0px 8px 0px;
}
/*.infobox-HomeTeam
{
width:50px;
margin-left:10px;
float: left;
}
.infobox-AwayTeam
{
width:50px;
margin-right: 10px;
float: right;
}*/
.infobox .item-info
{
font-size: 12px;
}
.infobox.games a.ListLink
{
line-height: 145%;
}
.infobox .team-title
{
margin-bottom: 5px;
font-size: 16px;
color: #333;
}
.infobox-empty {
padding: 10px 10px 0;
}
.promoted-list
{
padding: 10px 0px 0px;
}
.promoted-list .infobox-empty
{
padding-bottom: 10px;
}
.promoted-list .list-item:last-child
{
border: none;
}
/* --- SENASTE MATCHERNA PREMIUM ------------------------------------------------------------------------*/
.gameItem { height:62px; cursor:pointer; text-align:center; }
.gameItem2 { height:62px; cursor:pointer; text-align:center; background-color:#f6f6f6;}
/* --- STARTSIDA PREMIUM ------------------------------------------------------------------------*/
.gameLinks { border:solid #ddd 1px; background-color:#DDD; font-size:12px; font-weight:bold; text-align:center; margin-top:5px; margin-bottom:10px; height:35px;}
.gameLinks a:link, .gameLinks a:visited { display:block; background-color:#FFFFFF; line-height:33px; height:33px; width:248px; float:left; text-decoration:none; color:#444; }
.gameLinks a:hover { background-color:#feeef0; color:#db0404; }
#sliderWrapper {
height:320px;
margin-bottom:20px;
}
.sliderBanner {
display:block;
background-repeat:no-repeat;
position:absolute;
margin-left:-2px;
margin-top:-2px;
z-index:60;
width:152px;
height:88px;
top:0;
left:0;
}
.tabStart { display:none; }
#tabLinks
{
background: linear-gradient(#f7f7f7,#eee);
border: 1px solid #ddd;
border-bottom: none;
font-weight: bold;
display: flex;
box-shadow: inset 0 -1px 0 0 #ddd;
}
#tabLinks a
{
display:inline-block;
line-height:34px;
padding:0 20px;
text-decoration:none;
color:#444;
text-align:center;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
box-shadow: 1px 0 0 0 #ddd;
}
#tabLinks a:first-child
{
border-left: none;
}
#tabLinks a.active, #tabLinks a.active:hover
{
background: #fff;
border-bottom: 1px solid #fff;
}
#tabLinks a:hover
{
background:#f7f7f7;
}
.gameHolder .panel
{
margin-top: 20px;
}
.gameHolder .panel h2
{
margin-top: 15px;
}
/* --- AdLayer ------------------------------------------------------------------------*/
.overlay_removed { position:absolute; left:0; top:0; z-index:999; text-align:center; background-image:url(../img/black_alpha_40.png); display: none; }
.tableScript { position:absolute; margin-left:-561px; margin-top:4px; display:none; background-color:#FFF; width:625px; z-index:1000; text-align:left; }
#adLayer { position:absolute; left:0; top:0; z-index:999; text-align:center; background-image:url(../img/black_alpha_40.png); display: none; }
#adLayer div { background-image:url(../img/sponsors/layer_svelag_klubbsida.png); background-repeat:no-repeat; width:726px; height:726px; text-align:left; background-position:0 50px; margin:0 auto 0 auto; }
#adLayer div div { font-family: Arial; font-size:15px; line-height:140%; padding:88px 57px 0px 57px; }
#adLayer div div h1 { font-family: Arial; font-size: 35px; font-weight: normal; line-height: 110%; margin: 0px 0px 4px 0px; color:#0083b0;}
#adLayer div div h2 { font-family: Arial; font-size: 19px; font-weight: normal; line-height: 140%; margin: 0px 0px 4px 0px; color:#444;}
#adLayer div div h3 { font-family: Arial; font-size: 19px; font-weight: normal; line-height: 140%; margin: 290px 0px 15px 0px; color:#444;}
#adLayer div div ul { list-style-type:none; padding:0px 0px 0px 20px; margin:0px 0px 0px 5px; font-weight:normal; }
#adLayer div div li { background-image:url(../corporate/img/icon_li_check.gif); background-repeat:no-repeat; background-position:0px 2px; padding-left:20px; line-height:20px; margin-bottom:10px; }
.btnHideAdLayer { margin:0px 0px 25px -20px; cursor:pointer; }
/* --- Skapa / Redigera match & aktivitet --------------------------------------------------------------------*/
.Popup input[type=text], .Popup textarea {
padding: 3px;
border: 1px solid #abadb3;
}
.Popup select
{
border: 1px solid #ccc;
padding: 6px 10px;
}
.Popup .std-btn {
margin-right: 10px;
width: 140px;
font-size: 14px;
}
/* --- Template (Nyheter / stycken ) --- */
.template {
width: 500px;
clear:both;
float:left;
margin-bottom: 15px;
}
.template a {
word-wrap: break-word;
}
.template-info {
margin-bottom: 6px;
}
.template-info a {
color: inherit;
text-decoration: none;
}
.template-info span.label {
margin-right:5px;
}
.template-info a:hover {
color: #555;
}
.template table {
border-color: #ddd;
border-style: solid;
border-width: 0;
}
.template table td {
display: table-cell;
vertical-align: top;
}
.template table[cellpadding] td {
padding: 5px;
}
.template .image {
margin-bottom:10px;
}
.template .caption {
display: inline-block;
margin: 5px 0 0 0;
}
/* Image */
.template-image-left .image { float:left; width:200px;margin: 0 15px 15px 0; }
.template-image-right .image { float:right; width:200px;margin: 0 0 15px 15px; }
/* Tag on front page */
.news-tag {
display: inline-block;
padding: 2px 10px;
margin-bottom: 6px;
border-radius: 3px;
border: 1px solid #ddd;
font-size: 12px;
color: #999;
}
/* Toppnyheter */
#sliderWrapper {
clear:both;
position: relative;
}
.template-html-code {
overflow: hidden;
}
/* --- Comments! --------------------------------------------------------------------*/
.comments-panel { margin-top: 20px;}
.comments-panel .nav-tabs {
display: table;
width: 100%;
margin-bottom: 8px;
background: linear-gradient(#fff,#f2f2f2);
}
/* Visa kommentarer */
.comments {
margin: 0px;
padding: 0px;
list-style: none;
}
.comments li {
background: #f2f2f2;
padding: 15px;
margin-bottom: 3px;
position: relative;
}
.comments li td {
vertical-align: top;
}
.comments li img {
border-radius: 3px;
/*margin: 3px 0px;*/
}
.comments li .delete {
position: absolute;
right: 15px;
top: 10px;
color: #999;
}
.comments li .delete:hover {
color: #dd0000;
}
.comments li:hover .delete {
display: block;
}
/* Skriv ny kommentar */
.new-comment {
padding: 15px;
background: #f2f2f2;
}
.new-comment .new-comment-message {
padding-left:44px;
width:100%;
position:relative;
margin-bottom:5px;
}
.new-comment .new-comment-message figure {
position:absolute;
left:0;
border-radius: 3px;
overflow: hidden;
}
.new-comment .submit-comment-panel {
margin-left:44px;
font-size:0;
}
.new-comment .submit-comment-panel .btn {
width:28%;
vertical-align: top;
}
.new-comment .comment-author {
width:72%;
display: inline-block;
margin-bottom:5px;
padding-right:5px;
}
.new-comment table {
width: 100%;
}
.std-btn {
display: inline-block;
cursor: pointer;
width: auto;
padding: 9px 15px;
margin-bottom: 10px;
line-height: 1;
text-align: center;
color: #555 !important;
text-decoration: none !important;
text-shadow: 0px 1px 0px #fff;
border: 1px solid #c1c1c1;
border-radius: 2px;
box-shadow: 0px 1px 1px rgba(0,0,0,.05);
background: #eee linear-gradient(#fff,#eee);
outline: 0;
border-radius: 3px;
}
.std-btn:hover {
background: #f5f5f5 linear-gradient(#fff,#f5f5f5);
}
.std-btn:active, .std-btn.active {
background: #eee;
box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
}
.std-btn::-moz-focus-inner
{
padding: 0;
border: 0;
}
.std-btn img
{
float: left;
margin: -2px 5px -3px 0px;
}
.std-btn.m10
{
margin-top: 10px;
}
a.std-btn.blue-btn,
input.std-btn.blue-btn
{
background: url(/img/blue-btn.png?1);
color: #fff!important;
border: 1px solid #1b4d71!important;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}
a.std-btn.blue-btn:hover,
input.std-btn.blue-btn:hover
{
background-position: 0px -60px;
}
a.std-btn.blue-btn:active,
input.std-btn.blue-btn:active
{
background-position: 0px -120px;
}
.green-btn
{
display: block;
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
border-radius: 5px;
border: 1px solid #20a04e;
background: url(/img/green-btn-bg.jpg);
padding: 14px 0px;
color: #fff!important;
text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
text-decoration: none!important;
text-align: center;
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 5px rgba(0,0,0,0.3);
}
.green-btn:hover
{
background-position: 0px -60px;
}
.green-btn:active
{
background-position: 0px -120px;
box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
}
.btn-group .first {
border-radius: 3px 0px 0px 3px;
}
.btn-group .last {
border-right: 1px solid #ccc;
border-radius: 0px 3px 3px 0px;
}
.btn-group input[type=radio] {
display: none;
}
.btn-group input[type=radio]:checked+label {
background: #eee;
box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
}
.btn-group-justified .btn
{
border-left-width: 0px;
}
.btn-group-justified .btn:first-child
{
border-left-width: 1px;
}
.btn-group-sizing .btn
{
padding-top: 0px;
padding-bottom: 0px;
line-height: 32px;
}
.btn-group-sizing .btn .fa
{
line-height: 1;
}
.btn-group-sizing .btn:first-child
{
font-size: 80%;
}
.btn-group-sizing .btn:last-child
{
font-size: 130%;
}
label.std-btn {
padding: 0px 10px;
line-height: 32px;
margin: 0px!important;
float: left;
border-right: 0px;
border-radius: 0px;
}
.msg-box { display: inline-block; padding: 8px 10px; border-radius: 3px; margin-bottom: 15px;}
.msg-box.error { color: #dd0000; background: #f9e6e4; border: 1px solid #eec0c4; }
.msg-box.warning { color: #8d4a26; background: #fffedf; border: 1px solid #e5d9ac; }
.std-btn.choose-image,
.std-btn.upload-image,
.std-btn.edit-image
{
font-size: 14px;
}
/*------------- Month Picker ----------------*/
.options {
display: none;
background: white;
border: 1px solid #999;
box-shadow: 0px 1px 5px rgba(0,0,0,0.15);
width: 160px;
border-radius: 2px;
margin-top: 3px;
padding: 8px 5px;
overflow: hidden;
position: absolute;
}
#months {
border-top: 1px solid #ebebeb;
margin-top: 8px;
padding-top: 5px;
overflow: hidden;
}
#months a {
padding: 6px 0px;
width: 49px;
text-align: center;
float: left;
border-radius: 2px;
color: #333;
text-decoration: none;
}
#months a:hover {
background: #ebebeb;
cursor: pointer;
}
#months a.active {
background: #265da0;
color: white;
}
#year {
text-align: center;
font-weight: bold;
}
#left-arrow {
float: left;
border-radius: 2px;
background: #fff;
}
#right-arrow {
float: right;
border-radius: 2px;
background: #fff;
}
#left-arrow:hover, #right-arrow:hover {
background: #ebebeb;
}
/* --- Svenskalag i sponsorspalten -------------------------------------------------*/
.svelag-logo-link
{
display: block;
background: #fff url(../img/svelag-logo-link.png?3) center no-repeat;
}
.svelag-logo-link:hover { background-color: #298ccd; background-image: url(../img/svelag-logo-link-white.png?3); }
.h-70 { height: 70px; }
.h-80 { height: 80px; }
.h-90 { height: 90px; }
.h-100 { height: 100px; }
.h-110 { height: 110px; }
.h-120 { height: 120px; }
/* --- Banner Title --- */
.banner fieldset.title {
border: 1px solid rgba(0,0,0,0.5);
border-bottom:0;
height:18px;
margin:0 0 5px 0;
overflow:visible;
opacity: .85;
filter: alpha(opacity=85);
}
.banner fieldset.title legend {
width: auto;
padding: 2px 10px;
margin:0 auto;
text-align: center;
font-family: sans-serif;
font-weight: bold;
font-size: 16px;
letter-spacing: -1px;
border: none;
}
/* 100% opacity */
.banner fieldset.title.full-opacity {opacity:1;}
/* Title Colors */
.banner fieldset.title.light { border-color: rgba(255,255,255,0.5); }
.banner fieldset.title.light legend { color:#fff; }
.banner fieldset.title.gold { border-color: #f0d208;}
.banner fieldset.title.gold legend { color:#f0d208; }
.banner fieldset.title.silver { border-color: #e2e7e9;}
.banner fieldset.title.silver legend { color:#e2e7e9; }
.banner fieldset.title.bronze { border-color: #e19f13;}
.banner fieldset.title.bronze legend { color:#e19f13; }
/* --- Header alert ------*/
.header-alert {
min-height: 40px;
line-height: 41px;
text-align: center;
box-shadow: 0px 3px 1px rgba(0,0,0,.1);
width:100%;
min-width: 1260px;
font-size: 14px;
}
.header-alert a {
text-decoration: none;
}
.header-alert a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
}
.header-alert.yellow {
background-color: #ffee9d;
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
color: #846027;
}
.header-alert.yellow a {
color: #846027;
}
.header-alert.red {
background-color: #ff5d5d;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
color: #530303;
}
.header-alert.red a {
color: #530303;
}
.header-alert.blue {
background-color: #c2d3f0;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
color: #1e508e;
}
.header-alert-primary
{
background: #298ccd;
color: #fff;
box-shadow: none;
}
.header-alert-primary a
{
color: #fff;
text-decoration: none;
}
.header-alert-primary a:hover
{
color: #fff;
text-decoration: none;
}
.header-alert-primary .btn
{
text-decoration: none;
border: none;
}
.header-alert-primary .btn:hover
{
opacity: 1;
}
.header-alert.blue a {
color: #1e508e;
}
.header-alert.green {
background-position: 0px -120px;
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
color: #23823f;
}
.header-alert.green a {
color: #23823f;
}
.header-alert-btn
{
display: inline-block;
border: 1px solid #dacc8c;
border-radius: 3px;
padding: 6px 10px;
line-height: 1;
margin-left: 20px;
}
.header-alert-btn:hover
{
background: rgba(255,255,255,0.2);
opacity: 1!important;
}
.header-alert-btn:active
{
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);
}
.header-alert-btn img
{
float: left;
margin: 3px 5px 0px 0px;
}
/* Schedule */
tr.RowBgExpanded td
{
padding:4px 0;
}
tr.RowBgExpanded
{
background-color:#edfbff;
}
tr.RowBgExpanded div.collapse
{
background-position:0 -15px;
}
td.ScheduleItem.first
{
padding-top:5px;
}
tr.last td.ScheduleItem
{
padding-bottom:5px;
}
div.icon-collapse
{
margin-top:3px;
background-image:url('/img/icons/collapse-sprite.png');
width:15px;
height:15px;
float:left;
line-height: 145%;
cursor:pointer;
}
div.more-info
{
padding:4px 0 2px 0;
}
.members td, .members td a, .members td select
{
font-size: 13px;
}
/*------------------ KONTAKT (Klubben) ---------------------*/
.contact-details {
}
.contact-details div {
border-bottom: 1px solid #eee;
margin-top:5px;
padding-bottom:5px;
}
.contact-details div span.small {
text-transform:uppercase;
font-size:0.75em;
position:absolute;
line-height:20px;
}
.contact-details div p {
width:100%;
padding-left:140px;
/*break long words*/
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/*------------------ KONTAKT (Person) ---------------------*/
.contacts .media {
border-bottom: 1px solid #eee;
padding:10px 0;
margin:0;
}
.contacts .media-body {width:100%;}
.contacts .media-body strong {display:block;line-height:0.9;}
.contacts .media-body a {text-decoration:none;}
.contacts .media-body p {margin-top:10px;}
.contacts .media-object {
width:90px;
}
.contact-person .member-photo {
width:90px;
height:90px;
line-height:90px;
font-size: 30px;
}
/* --- Lägg till lag --- */
.add-team .url
{
display: block;
font-size: 16px;
margin-top: 5px;
}
.add-team .member-result-list .name
{
width: 175px;
}
.member-result-list .list
{
border-radius: 3px;
border: 1px solid #e3ebf4;
border-top: 0px;
border-bottom: 0px;
background: #fff;
}
.member-result-list .list a:hover
{
background: #f4f9ff;
}
.member-result-list .list input
{
margin:8px 8px 8px 0
}
.member-result-list .list label
{
width:100%;
}
/* Våra Lag -> Lägg till nytt lag */
.add-team { }
.add-team {
background:#f4f8fd;
border-bottom: solid 1px #e5ebf3;
border-top: solid 1px #e5ebf3;
overflow: hidden;
}
.add-team .control-label {text-align: left;font-weight: normal;}
.add-team #newTeamOwnerForm { display: none;}
.add-team .form-footer {
display: none;
}
.member-result-list .list-group li {
cursor:pointer;
padding:10px;
}
.member-result-list .list-group li p {
overflow: hidden;
max-width: 90%;
padding-left:10px;
display:inline-block;
vertical-align: top;
}
.member-result-list .list-group li p {
margin-top:-3px;
}
.member-result-list .list-group .profiles {
display:inline-block;
width:auto;
max-width:100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.member-result-list .list-group .profiles img {
margin:0;
margin-right:5px;
}
.member-result-list .list-group .photo {
width:10%;
max-width: 40px;
height:auto;
margin-right:0;
display:inline-block;
vertical-align:top;
}
.member-result-list .list-group .photo img {
width:100%;
height:100%;
}
/* Selected team owner */
.selected-member td {
padding: 10px 0px;
border-top: 1px solid #dee6ef;
border-bottom: 1px solid #dee6ef;
}
.selected-member p {
font-weight: bold;
line-height: 30px;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
margin-left: 10px;
}
.selected-member .remove-member {
float: right;
text-decoration: none!important;
font-size: 24px;
color: #1176a5!important;
margin: 5px 0px 0px 10px;
}
/* --- TRUPPEN --- */
.squad .squad-list .photo {
padding: 5px 10px 5px 0px;
}
.squad .squad-list .photo img {
border-radius: 3px;
float: left;
}
.squad .squad-list .title {
display: block;
font-size: 11px;
line-height: 11px;
color: #999;
}
/* --- Share Game/news --- */
.share-links h4 {
font-size: 18px;
letter-spacing: -1px;
margin-bottom: 10px;
}
.share-links h2 {
margin-bottom:7px;
}
.share-links p {
margin-bottom:7px;
}
.share-links a {
color: #555;
text-decoration: none;
}
.share-links a:hover {
text-decoration: underline;
}
.share-links a img {
vertical-align:top;
margin: 2px 4px 0px 0px;
border: none;
}
.share-links .share i {
width: 20px;
text-align: center;
line-height: 20px;
border-radius: 2px;
display: inline-block;
margin-right:5px;
color:#fff;
}
.share-links .share.facebook { color:#3b5998; }
.share-links .share.facebook i { background:#3b5998; }
.share-links .share.twitter { color:#55acee; }
.share-links .share.twitter i { background:#55acee; }
.share-links .share.rss { color:#f26522; }
.share-links .share.rss i { background:#f26522; }
/*---Närvaro --- */
.presence-overview {
margin-top: 30px;
}
.presence-overview .icons img {
margin-top: 4px;
}
.video-popup .popup-box {
width: 900px;
margin-left: -450px;
margin-top: -260px;
text-align: center;
padding: 20px 0px;
}
/*--- PROGRESS ---*/
.progress-bar {
min-width: 30px;
max-width: 100%;
}
.progress-bar.empty {
background: none;
color: #999;
box-shadow: none;
}
/* --- FOOTER -------------------------------------------------------------------- */
.footer .link-group {
border-left: 1px solid #ddd;
padding: 0px 0px 8px 30px;
}
.footer-footer .col-sm-6:last-child {
text-align: right;
}
.signup-footer-ad .col-sm-4 {
text-align: right;
}
.footer-partners
{
padding: 20px 0px 30px 0px;
background: #fff;
}
.footer-partners .partners-title
{
position: relative;
overflow: hidden;
height: 18px;
margin: 0px 0px 15px 0px;
text-align: center;
text-transform: uppercase;
}
.footer-partners .partners-title:before
{
content: "";
position: absolute;
z-index: 0;
width: 100%;
display: block;
margin-top: 9px;
height: 18px;
border: 1px solid #eee;
}
.footer-partners h4
{
font-size: 14px;
display: inline-block;
padding: 0px 20px;
margin: 0px;
color: #444;
background: #fff;
position: relative;
z-index: 1;
}
.footer-partners .table
{
margin: 0px;
table-layout: fixed;
}
.footer-partners .table > tbody > tr > td
{
padding: 0px;
}
.footer-partners table td a
{
display: block;
background: #fff;
padding: 8px;
}
.footer-partners table img
{
max-width: 100%;
}
/*********************************************************************************
**********************************************************************************
KONTROLLPANELEN!
**********************************************************************************
*********************************************************************************/
/*********************************************************************************
**********************************************************************************
Desktop specific CSS
**********************************************************************************
*********************************************************************************/
@media (min-width: 768px) {
/* Right Column with ads */
.colRight {
width: 230px;
float: right;
padding-left: 30px;
}
/* --- SIDEMENU (sticky) -------------------------------------------------------------------- */
#sideMenu.dropdown {
z-index:0;/* Prevent z-index problem with main navigation dropdowns. */
}
.menu .dropdown-menu {
display: block;
position: static;
width: 100%;
background: none;
border: none;
box-shadow: none;
padding: 0px;
margin: 0px;
z-index:initial;
}
.menu .dropdown [data-toggle=dropdown] {
display: none;
}
/* --- Tabell / Standings -------------------------------------------------------------------- */
.standings-panel {
margin: 0px;
}
.standings-panel .btn {
display: none;
}
.standings-panel .collapse, .seasons-collapse {
display: block;
visibility:visible;
height: auto!important;
}
}
div.recipients-empty
{
background-repeat: no-repeat;
background-position: center 30px;
color: #999;
text-align: center;
padding-top: 60px;
padding-bottom: 50px;
}
.search-dimmed
{
opacity:0.5;
}
/* Show iframe with non https link. */
.embedded-code-link {
width:100%;
padding:30px 20px;
background-color:#f2f2f2;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAIAAABJObGsAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAcFJREFUeNrs17mRA0EQxEAeY/w3dS1Y4VyggOkXMCGjlPp7nudTpnPOp21fHZHe9/3qiDhWWeUAxxKUMxzzKcc4JlNOcsykHOaYRjnPMYdypGMC5VTHaMrBjqGUsx3jKMc7BlFucIygXOJ4nXKP413KVY4XKbc53qJc6HiFcqcjT7nWEabc7EhSLnfEKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHWM++A6/tI556sj4th1lQUdW1LWdOxHWdaxGWVlx06UxR3bUNZ37EHZwrEBZRfH6pSNHEtT9nKsS9nOsShlR8eKlE0dy1H2daxF2dqxEGV3xyqUAxxLUM5wzKcc45hMOckxk3KYYxrlPMccypGOCZRTHaMpBzuGUs52jKMc7xhEucExgnKJ43XKPY53KVc5XqTc5niLcqHjFcqdjjzlWkeYcrMjSbncEaPUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUEel/ABmPSsHVrZXJAAAAAElFTkSuQmCC");
text-align:center;
border:1px solid #dedede;
}
.embedded-code-link a {
display: inline-block;
padding:8px 15px;
background: #fbfbfb;
border:1px solid #ccc;
border-radius: 3px;
color:#333;
text-decoration: none;
}
.embedded-code-link p {
color:#777;
font-size: 12px;
font-style: italic;
margin-top: 15px;
}
.embedded-code-link a:hover {
color:#777;
background: #fff;
}
.embedded-code-link a:before {
content: '\f08e';
font-family: fontAwesome;
display: inline-block;
margin-right:3px;
}
.modal {
z-index:2000;
}
/*
Svara på närvaro.
Sidor: match_stats, schedule_info;
*****************************/
#attendance-status-form {
}
#attendance-status-form #membersReplyList p {
}
/* Dropdown */
#attendance-status-form #membersReplyList .text-only {
padding:0 20px 0 0;
background: none;
width: auto;
border:0;
font-weight: bold;
box-shadow: none !important
}
#attendance-status-form #membersReplyList .text-only:active,
#attendance-status-form #membersReplyList .text-only:focus {
outline: none !important;
box-shadow: none;
}
#attendance-status-form .reply-group {
border:1px solid #eee;
border-radius: 3px;
overflow: hidden;
margin-bottom:10px;
}
#attendance-status-form .reply-button {
width:50%;
line-height: 60px;
display: inline-block;
text-align: center;
background: #fff;
font-weight: bold;
font-size: 1.15em;
margin:0;
}
#attendance-status-form .reply-button:first-of-type {
border-right:1px solid #eee;
}
#attendance-status-form .reply-button.accept {
color: #58b358;
}
#attendance-status-form .reply-button.decline {
color: #d9534f;
}
#attendance-status-form .reply-button input {
display: none;
}
#attendance-status-form .accept.active {
background-color: #58b358;
color:#fff;
}
#attendance-status-form .decline.active {
background-color: #d9534f;
color:#fff;
}
/*
Visa anmälda och kallade.
Sidor: match_stats, schedule_info;
*****************************/
#show-attending-lists {}
/*tables*/
#show-attending-lists table {font-size: 13px;}
/* Tabs */
#show-attending-lists .btn-group {}
#show-attending-lists .btn-group .accept.active {
background: #58b358;
}
#show-attending-lists .btn-group .decline.active {
background: #d9534f;
}
#show-attending-lists .btn-group .no-answer.active {
background: #777;
color:#fff;
}
#show-attending-lists .btn-group .btn.active span {
color: #fff;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
padding: 5px 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px 0;
}
/*********************************************************************************
**********************************************************************************
Archives
**********************************************************************************
*********************************************************************************/
/*
.thumb-news-group .edit-block-wrap {
position: relative;
}
.thumb-news-group .edit-block {
position: absolute;;
right: 0px;
background: rgba(255,255,255,0.9);
border-radius: 3px;
margin: 4px;
padding: 5px 10px;
z-index: 100;
line-height: normal;
}
.thumb-news:hover .border {
background: rgba(255,255,255,0.2);
border-color: rgba(0,0,0,0.2);
}
.thumb-news .border {
position: absolute;
width: 230px;
height: 120px;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 3px;
}
.thumb-news-group .current .border,
.thumb-news-group .current:hover .border {
background: none;
border: 4px solid rgba(0,0,0,0.2);
}
*/
/*
.nw-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nw-text.w80 { max-width: 80px; }
.nw-text.w100 { max-width: 100px; }
.nw-text.w150 { max-width: 150px; }
.nw-text.w180 { max-width: 180px; }
.nw-text.w200 { max-width: 200px; }
*/
/*
.pnl {
padding: 10px 15px;
border-radius: 4px;
border-width: 1px;
border-style: solid;
margin-top: 20px;
}
.pnl.pnl-default {
background: #f7f7f7;
border-color: #ddd;
}
*/
/* TEMP
.teams-list{width:100%;margin-bottom:20px}
.teams-list .edit-links{float:right;overflow:hidden}
.teams-list .edit-links a{display:block;float:left;padding:3px 10px;margin-bottom:5px;border-right:1px solid #eee}
.teams-list .edit-links a.last{padding:3px 0;margin-left:10px;border:0}
.teams-list .edit-links a img{display:block}
*/
/*
.ClubLink a { font-size:11px; height:32px; line-height:32px; font-weight:bold; vertical-align:middle; color:#444;}
.ClubLink a:link { text-decoration:none; font-size: 11px; color:#444;}
.ClubLink a:visited { text-decoration:none; color:#444; }
.ClubLink a:hover { text-decoration:none; color:#777; }
.TeamLink a { display:block; font-size:11px; height:32px; line-height:32px; width:150px; font-weight:bold; vertical-align:middle; color:#444;}
.TeamLink a:link { text-decoration:none; font-size: 11px; color:#444;}
.TeamLink a:visited { text-decoration:none; color:#444; }
.TeamLink a:hover { text-decoration:none; color:#777; }
*/
/* --- DATEPICKER --- */
.ui-datepicker
{
display: none;
background: #fff;
border-radius: 3px;
overflow: hidden;
width: 250px;
border: 1px solid #ccc;
box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
padding: 10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
font-size: 14px;
}
.ui-datepicker a
{
text-decoration: none;
}
.ui-datepicker-header
{
padding: 0px 0px 10px 0px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
text-align: center;
}
.ui-datepicker-header a
{
color: #298ccd;
}
.ui-datepicker-header a:hover
{
color: #97b3cf;
}
.ui-datepicker-prev
{
float: left;
cursor: pointer;
-webkit-user-select: none;
}
.ui-datepicker-next
{
float: right;
cursor: pointer;
-webkit-user-select: none;
}
.ui-datepicker-calendar
{
width: 100%;
}
.ui-datepicker-calendar {
font-size: 14px;
}
.ui-datepicker-calendar th
{
text-align: center;
color: #999;
font-size: 11px;
text-transform: uppercase;
}
.ui-datepicker-calendar a
{
display: block;
color: #555;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 100px;
}
.ui-datepicker-calendar a:hover
{
background: #f2f2f2;
color: #555;
}
.ui-datepicker-calendar td
{
text-align: center;
}
.ui-datepicker-today a
{
background: #e4f0ff;
}
.ui-datepicker-current-day a
{
color: #fff;
background: #298ccd;
}
.ui-datepicker-current-day a:hover
{
color: #fff;
background: #298ccd;
}
.member-result-list a
{
display: block;
text-decoration: none;
padding: 10px 20px;
overflow: hidden;
color: #444;
margin-bottom: 1px;
}
.member-result-list a:hover
{
background: #e8eff7;
}
.member-result-list a.inactive span
{
opacity: 0.5;
}
.member-result-list a span
{
display: block;
float: left;
color: #444;
font-size: 12px;
padding: 6px 15px 0px 0px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.member-result-list .photo
{
width: 30px;
height: 30px;
border-radius: 3px;
background: #ddd;
padding: 0px;
margin-right: 10px;
}
.member-result-list .photo img
{
width: 30px;
height: 30px;
}
.member-result-list .name
{
width: 160px;
font-weight: bold;
}
.member-result-list .profiles
{
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #777;
}
.member-result-list .profiles img
{
margin: 0px 8px 0px 5px;
float: left;
}
.member-result-list .profiles img.multi
{
margin: 0px 5px 0px 0px;
}
.member-result-list .inactive .profiles
{
color: #999;
}
.member-result-list .email
{
width: 180px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #777;
}
.member-result-list .email
{
width: 170px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #777;
}
.member-result-list .plus
{
float: right;
padding: 0px;
margin: 8px 5px 0px 0px;
width: 15px;
height: 15px;
background: url(../img/icons/plus-circle.png) no-repeat;
}
.member-result-list .arrow
{
padding: 0px!important;
margin-top: 8px;
width: 15px;
height: 15px;
background: url(../img/admin/arrow-right.png) no-repeat;
}
.member-result-list .check
{
margin: 7px 10px 0px 0px;
width: 15px;
height: 15px;
background: #fff;
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);
border: 1px solid #d6dee7;
padding: 0px;
border-radius: 2px;
}
.merge-members-edit .loading-overlay
{
width: 100%;
height: 100%;
background: #fff;
overflow: hidden;
position: absolute;
top: 80px;
left: 0px;
opacity: 0.6;
}
.member-result-list a.checked
{
background: #e8eff7!important;
margin-bottom: 1px;
}
.member-result-list a.checked .check
{
background-image: url(../img/icons/check-icon.png?ver=1);
background-position: 0px -15px;
}
.merge-members select
{
width: 248px;
float: left;
margin-right: 5px;
}
.merge-members-edit .result
{
margin-bottom: 30px;
}
.merge-members input[type="text"]
{
width: 240px;
}
.merge-my-users .popup-box table td
{
padding: 2px 0px;
}
.merge-my-users .popup-box table td.Line1Blue
{
padding: 0px;
background: #eee;
}
.search-members .member-result-list a
{
padding: 10px;
margin: 0px;
border-top: 1px solid #e3ebf4;
}
.search-members .member-result-list .email
{
width: 160px;
}
.search-members .search
{
margin: 20px 0px;
}
.search-members .footer
{
text-align: right;
overflow: hidden;
padding-top: 20px;
border-top: 1px solid #e3ebf4;
}
/* user-info-modal */
.popup-box.user-info-modal
{
width: 600px;
margin-left: -300px;
margin-top: -220px;
}
.popup-box.user-info-modal .close-x
{
text-decoration: none;
font-size: 18px;
color: #ccc;
}
.user-info-modal .close-x:hover
{
color: #999;
}
.user-info-modal h1
{
font-family: Arial;
font-size: 24px;
margin-bottom: 10px;
}
.user-info-modal .photo
{
border-radius: 10px;
width: 150px;
background: #eee;
}
.user-info-modal table
{
width: 100%;
}
.user-info-modal table td
{
vertical-align: top;
}
.user-info-modal .top
{
padding: 20px;
border-bottom: 1px solid #eee;
}
.user-info-modal .top table td
{
padding: 3px 0px;
}
.user-info-modal .mdl-content
{
padding: 20px;
border-bottom: 1px solid #eee;
}
.user-info-modal .mdl-content table td
{
line-height: 40px;
}
.mdl-footer
{
padding: 15px 20px;
overflow: hidden;
}
.user-info-modal input[type=checkbox]
{
position: relative;
top: 1px;
}
.modal-content select, .mdl-content input[type=text]
{
width: 100%;
box-sizing: border-box;
}
.user-info-modal .mdl-footer .btn
{
width: 100%;
box-sizing: border-box;
margin: 0px;
text-align: center;
font-size: 14px;
}
.user-info-modal .narrow
{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 300px;
}
/* --- */
.merge-my-users .popup-box
{
width: 700px;
margin-left: -350px;
margin-top: -270px;
}
.merge-my-users .popup-box h3
{
margin: 20px 0px 10px 20px;
}
.merge-my-users .member-result-list.first
{
padding-bottom: 10px;
}
.merge-my-users .member-result-list.first a, .merge-my-users .member-result-list.first a:hover, .merge-my-users .member-result-list.first a span
{
background: #f2f2f2!important;
cursor: default;
}
.merge-my-users .member-result-list.second-group .name
{
width: 138px;
}
.sz11, .sz11 * {
font-size: 11px;
}
.sz12, .sz12 * {
font-size: 12px;
}
.sz13, .sz13 * {
font-size: 13px;
}
/* --- Tooltip --- */
#tip-holder {
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 10001;
max-width: 300px;
}
#tip-holder span {
display: block;
background: #171717;
color: white;
padding: 8px 10px;
font-size: 12px;
border-radius: 3px;
border: 1px solid #171717;
box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
/*white-space:nowrap;*/
}
#tip-holder .arrow {
background: url(/img/tooltip-arrow.png) top center no-repeat;
height: 4px;
width: 100%;
}
/*.tooltip
{
display: inline-block;
}*/
/* --- Popup-box --- */
.popup-wrap, .popup-wrap-noclose, .popup-wrap-noclick, .popup-wrap-an {
z-index: 1300;
position: fixed;
display: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(/corporate/img/lightbox-bg.png);
}
.popup-box {
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -250px;
background: white;
width: 500px;
border-radius: 3px;
}
.popup-box .box-header {
padding: 15px 20px;
border-bottom: 1px solid #eee;
}
.popup-box .box-header .close-x, .x-symbol {
float: right;
font-size: 28px;
line-height: 28px;
color: #ccc !important;
text-decoration: none !important;
}
.popup-box .box-header .close-x:hover, .x-symbol:hover {
color: #aaa !important;
}
.popup-box .box-header h1 {
font-family: Arial;
font-size: 24px;
margin: 0px;
}
.popup-box .box-header h2 {
font-size: 24px;
font-family: Arial;
margin: 0px;
}
.popup-box .box-header a:hover {
color: #ccc;
}
.popup-box .box-content {
padding: 20px;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.popup-box .box-content p {
font-family: arial;
font-size: 14px;
}
.popup-box .box-content table p {
line-height: 30px;
}
.popup-box .box-footer {
padding: 15px 20px;
background: #f5f5f5;
border-radius: 0px 0px 5px 5px;
text-align: right;
overflow: hidden;
}
.popup-box .box-footer .std-btn, .popup-box .box-footer .btn {
float: right;
margin: 0px 0px 1px 5px;
border-radius: 3px;
}
.popup-box .box-footer .std-btn:active, .popup-box .box-footer .btn:active {
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.05), 0px 1px 0px white;
}
.popup-wrap-w {
z-index: 1000;
position: fixed;
display: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255,255,255,0.7);
}
.popup-wrap-w .popup-box {
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
}
.sending-popup {
display: block;
}
.sending-popup .popup-box {
padding: 50px 0px;
text-align: center;
}
.sending-popup .popup-box h1 {
margin-bottom: 20px;
}
.modal-header, .modal-body, .modal-footer {
padding: 15px 20px;
}
.modal-footer {
overflow: hidden;
}
/* --- Merge popup --- */
.popup-box.merge-popup {
background: #333;
width: 900px;
margin-top: -280px;
margin-left: -450px;
}
.popup-box.merge-popup hr {
display: block;
border: none;
height: 1px;
background: #ddd;
margin: 5px 0px;
clear: both;
}
.popup-box.merge-popup table {
border-spacing: 2px;
}
.popup-box.merge-popup .box-header {
padding: 10px 15px;
}
.popup-box.merge-popup .box-content {
height: 500px;
overflow-y: scroll;
padding: 0px;
}
.confirm-merge .box-content {
height: 361px !important;
}
.popup-box.merge-popup .left-col {
float: left;
color: #eee;
font-size: 11px;
width: 200px;
}
.popup-box.merge-popup .left-col ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.popup-box.merge-popup .left-col ul li {
background: #444;
padding: 10px 15px;
font-size: 14px;
font-weight: bold;
margin-bottom: 1px;
}
.popup-box.merge-popup .left-col ul li.current {
background: #298ccd;
color: #fff;
}
.popup-box.merge-popup .left-col ul li.first {
border-radius: 3px 0px 0px 0px;
}
.popup-box.merge-popup .left-col ul li.info {
font-size: 13px;
line-height: 18px;
font-weight: normal;
background: none;
padding: 15px 20px;
}
.popup-box.merge-popup .right-col {
background: #fff;
float: right;
width: 700px;
border-radius: 0px 3px 3px 0px;
}
.popup-box.merge-popup .member-result-list a {
padding: 10px 15px;
}
.popup-box.merge-popup .member-result-list .email {
width: 200px;
}
.alert .alert-info a {
text-decoration:underline;
color: inherit;
}
.merge-popup .alert-warning, .merge-popup .alert-error {
margin: 0px;
margin-top: -1px;
padding: 10px 20px;
border-right: none;
border-left: none;
border-radius: 0px;
font-size: 12px;
}
.merge-members select {
padding: 1px;
}
.merge-members input {
padding: 2px 4px;
}
.merge-members .cpTable {
width: 650px;
}
.merge-member-info {
padding: 15px 20px;
}
.merge-member-info table {
width: 100%;
}
.merge-member-info table p {
padding: 0px;
margin: 0px;
line-height: 27px;
}
.users-merged {
background: #fff;
padding: 180px 0px 183px 0px;
text-align: center;
border-radius: 3px 3px 0px 0px;
}
.users-merged h1 {
font-family: Arial;
font-size: 40px;
font-weight: normal;
letter-spacing: -1px;
}
.users-merged h1 img {
margin: 0px 15px 0px 0px;
}
.users-merged p {
font-size: 17px;
}
.popup-box.merge-popup .merge-info {
background: #fff;
border-radius: 3px;
}
.popup-box.merge-popup .merge-info .box-content {
text-align: center;
overflow: hidden;
}
.popup-box.merge-popup .merge-info .box-content img {
margin: 80px 0px 20px 0px;
}
.popup-box.merge-popup .merge-info .box-content h3 {
font-size: 24px;
font-weight: normal;
letter-spacing: -1px;
}
.popup-box.merge-popup .merge-info .box-content p {
font-size: 13px;
}
.signup-footer-ad {
padding: 20px;
border-top: 1px solid #ddd;
}
.signup-footer-ad-preview {
padding: 10px 20px;
border: none;
}
.signup-footer-ad h1 {
font-size: 24px;
margin: 2px 0px 0px 0px;
}
.signup-footer-ad h1 img {
vertical-align: middle;
position: relative;
margin-top: -3px;
margin-right: 10px;
max-height: 50px;
}
.signup-footer-ad .btn {
margin-top: 3px;
min-width: 200px;
}
.edit-profile-toolbar .profile-btn {
width: 100%;
padding: 7px 0;
text-align: center;
display: block;
}
.edit-profile-toolbar .profile-btn.edit {
background-color: #298ccd;
}
.edit-profile-toolbar .profile-btn.transfer {
background-color: #d9934f;
}
.edit-profile-toolbar .profile-btn.delete {
background-color: #d9534f;
}
.edit-profile-toolbar a.profile-btn:link, .edit-profile-toolbar a.profile-btn:visited {
color: #fff;
}
.edit-profile-toolbar .row {
margin: 0;
}
.edit-profile-toolbar .col-xs-4 {
padding: 0;
margin: 0;
}
/* group arrow */
div.connect-top {
position: relative;
}
div.connect-top:before {
position: absolute;
top: -6px;
left: 20px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #e8e8e8;
border-left: 6px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
z-index: 1001;
}
div.connect-top:after {
position: absolute;
top: -5px;
left: 20px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
content: '';
z-index: 1001;
}
.tooltip {
white-space:nowrap;
}
#navigation.collapsing {
-webkit-transition: none;
transition: none;
}
.ekopost-logo {
font-weight:bold;
color: #2b53a0;
}
.ekopost-logo span {
color: #0097d7;
}
.alert.small {
font-size: 0.8em;
}
.alert.small {
}
img { border:0 }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear { clear:both; }
/* Gallery upload */
#file-upload-container {
margin-top:20px;
margin-bottom:25px;
}
#file-upload-container .buttons {
padding-bottom:15px;
}
#file-upload-container .buttons a {
margin-left:18px;
}
#file-upload-container p {
margin:0;
padding:0 0 10px 0;
}
#file-upload-container .queue {
border:1px solid #ddd;
width:100%;
padding:5px 5px 10px 5px;
min-height:170px;
background-color:#fefefe;
}
/* Popup */
body.popup h1 {
margin-bottom:40px;
}
body.Popup {
background-color:#FFFFFF;
margin:20px 40px 20px 40px;
background-image: url("/img/admin/popup_bg.jpg");
background-repeat:repeat-x;
text-align:left;
}
.loading-overlay,.loading-spinner {
position: absolute;
display: block;
}
.loading-spinner {
background: url('/content/img/spinner/spinner.gif') no-repeat center center;
z-index: 2;
}
.loading-overlay {
background-color: #FFF;
z-index: 1;
}
/* Loadmask */
.loadmask
{
z-index: 100;
position: absolute;
top: 0;
left: 0;
-moz-opacity: 0.8;
opacity: .8;
filter: alpha(opacity=80);
background-color: #eee;
width: 100%;
height: 100%;
zoom: 1;
}
.loadmask-msg
{
z-index: 20001;
position: absolute;
top: 0;
left: 0;
text-align:center;
}
.loadmask-msg div
{
width:220px;
height:60px;
background: url('/content/img/spinner/ajax-loader.gif') no-repeat center center;
}
.masked
{
overflow: hidden !important;
}
.masked-relative
{
position: relative !important;
}
.masked-hidden
{
visibility: hidden !important;
}
.ui.closeButton a
{
background-image:url('/content/img/ui/close_btn_gray.png');
width:15px;
height:15px;
padding:0;
margin:0;
position:relative;
z-index:3;
float:right;
margin:4px;
display:none;
}
div.uiRow:hover .ui.closeButton a, .ui.closeButton a.showClose
{
display:inline;
}
.ui.closeButton a:hover
{
background-position:0 -15px;
cursor:pointer;
}
.ui.closeButton a:active
{
background-position:0 -30px;
}
.uiRow.block
{
background:#f1f1f1; margin-bottom:4px; width:500px;
}
.uiRow .photo
{
padding:7px;float:left
}
.uiRow .comment
{
padding:10px 0px 10px 3px; float:left;
width:420px;
}
.icoTag
{
background-image:url("/img/icons/tag.png");
background-repeat:no-repeat;
padding: 0px 0px 2px 5px;
}
#BtnCancel {
font-weight: bold;
height: 28px;
margin-top: 10px;
width: 120px;
}
#submit-comment
{
background-image:url('/img/buttons/kommentera.png');
border:0;
width:89px;
height:24px;
float:right;
padding:0px;
margin:1px 0 0 0;
cursor:pointer;
}
ul.tableList
{
list-style:none;
margin:0;
padding:0;
background-color:#fff;
border-top:1px solid #cfd8e5;
}
ul.tableList li
{
padding:4px;
border:1px solid #cfd8e5;
border-top:none;
line-height:15px;
display:block;
position:relative;
}
ul li.ui.closeButton a
{
position:absolute;
right:0px;
top:0px;
}
ul li.ui.closeButton:hover a
{
display:inline;
}
.tableList img, .tableList span
{
vertical-align:middle;
}
#attachmentsList li.ui
{
padding-bottom:5px;
}
.tiny
{
font-size:0.8em;
}
div.center-div
{
width: 100%;
}
div.center-div table.center, div.center-div-all table
{
margin:auto;
}
.alert
{
font-size: 14px;
padding: 10px;
margin: 10px 0px;
border-radius: 3px;
}
.alert-warning
{
padding: 10px;
margin: 10px 0px;
border-width: 1px;
border-style: solid;
border-radius: 3px;
}
.alert-error {
font-size: 13px;
color: #e55350;
background-color: #ffdddb;
padding: 10px;
margin: 10px 0px;
border: 1px solid #ffa6a3;
border-radius: 3px;
}
.alert-info
{
color: #31708f;
background-color: #ebf8ff;
border: 1px solid #bce8f1;
}
.alert-success
{
color: #3c763d;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
}
.alert-success a .fa-close
{
color: #3c763d;
opacity: 0.3;
}
.alert-success a .fa-close:hover
{
opacity: 1;
}
.merge-my-users .alert-error, .merge-my-users .alert-warning
{
margin: 0px;
margin-top: -1px;
padding: 10px 20px;
border-right: none;
border-left: none;
border-radius: 0px;
}
#hovercard
{
display: none;
position: absolute;
z-index:10000;
width: 330px;
height: 165px;
}
#hovercard ul
{
list-style: none;
}
#hovercard ul li
{
float: left;
margin-right: 6px;
}
#hovercard .info
{
height: 78px;
margin-top: 5px;
}
#hovercard
{
background: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
padding: 15px;
}
#hovercard .mail
{
float: right;
width: 16px;
}
#hovercard .profile
{
display: block;
}
#hovercard a
{
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#hovercard .name a
{
font-size: 16px;
}
#hovercard .name
{
width: 180px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#hovercard .name:hover
{
text-decoration: underline;
}
#hovercard .gallery-link img
{
margin: 0px 3px -4px 0px;
}
#hovercard a.gallery-link
{
background: url('/img/tooltip/btn_bg.gif');
padding: 5px 7px 5px 5px;
border: 1px solid #999999;
color: #444;
box-shadow: 0px 1px 1px #d9d9d9;
}
/*#hovercard a.profile-link
{
background: url(/img/tooltip/btn_bg.gif);
padding: 5px 45px;
border: 1px solid #999999;
color: #444;
box-shadow: 0px 1px 1px #d9d9d9;
}
#hovercard a.profile-link:hover
{
background-position: 0 -25px;
}
#hovercard a.profile-link:active
{
background-position: 0 -50px;
}*/
#alert {
width: 100%;
left: 0;
bottom:0px;
margin-bottom: 20px;
position:fixed;
display:none;
z-index:10000;
text-align: center;
}
#alert .msg {
width:600px;
max-width: 100%;
margin:0 auto;
position: relative;
border-radius: 5px;
padding: 13px;
font-size: 12px;
overflow: hidden;
box-shadow: 0px 1px 8px rgba(0,0,0,0.3), inset 0 1px 0px 0 rgba(255,255,255,0.5);
text-align: left;
}
#alert .msg p {
font-family: sans-serif;
font-size: 16px;
margin: 0px;
padding:0 25px;
line-height: 17px;
color: #000;
color:rgba(0,0,0,0.85);
text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}
#alert .msg .cancel-icon {
position: absolute;
right: 15px;
top: 15px;
}
/* Icon fix Font Awesome fix */
#alert .msg .icon:before,
#alert .msg .cancel-icon:before {
display: block;
font: normal normal normal 18px/1 FontAwesome;
color: #000;
color:rgba(0,0,0,0.6);
line-height: 1em;
margin-top: -1px;
}
/* Message icon */
#alert .msg .icon {
position: absolute;
top: 0;
}
#alert .msg .icon:before {
padding: 13px 0;
}
#alert .msg.green .icon:before { content: '\f058'; /* OK = f058 (check) */}
#alert .msg.yellow .icon:before { content: '\f071'; /* (i) = f071 */}
#alert .msg.blue .icon:before { content: '\f05a'; /* (!) = f06a */}
#alert .msg.red .icon:before { content: '\f05e'; /* (/) = f05e */}
/* Close icon */
#alert .msg .cancel-icon {
background: none;
text-decoration: none;
}
#alert .msg .cancel-icon:before {
content: '\f057';
}
/* ---- Green ---- */
#alert .msg.green {
background-color: #78d66d;
border: 1px solid #51a344;
}
/* ---- Red ---- */
#alert .msg.red {
background-color: #f89897;
border: 1px solid #b12321;
}
/* ---- Yellow ---- */
#alert .msg.yellow {
background-color: #ffe28b;
border: 1px solid #ab973e;
}
/* ---- Blue ---- */
#alert .msg.blue {
background-color: #b2e6fd;
border: 1px solid #5e7c89;
}
/* --- RESPNSIVE VERSION -------------------------------------------------------------------- */
@media (max-width: 767px) {
#alert {
width: 100%;
margin-left: 0;
left: 0;
bottom: 0;
margin: 0;
line-height: 18px;
}
#alert * { box-sizing: border-box; }
#alert .msg {
position: relative;
width:100%;
}
/* Reset styles */
#alert .msg.green,
#alert .msg.yellow,
#alert .msg.blue,
#alert .msg.red {
border-radius: 0;
border: 0;
background: #444;
background: rgba(20,20,20,0.95);
text-shadow: none;
padding: 15px 10px 15px 0;
}
/* Message */
#alert .msg p {
color: #fff;
font-size: 12px;
line-height: 20px;
margin-left: 44px;
padding:0 25px 0 0;
}
/* Icon fix Font Awesome fix */
#alert .msg .icon:before,
#alert .msg .cancel-icon:before {
display: block;
font: normal normal normal 16px/1 FontAwesome;
color: #fff;
line-height: 20px;
margin-top: -1px;
}
/* Message icon */
#alert .msg .icon {
background: none;
margin: 0 !important;
width: auto !important;
height: auto !important;
position: absolute;
top: 0;
bottom:0;
}
#alert .msg .icon:before {
padding: 15px 10px;
text-align: center;
color:#fff;
}
/* Alert Color */
#alert .msg.green .icon { background: #4ab040; }
#alert .msg.yellow .icon {background: #f5c432; }
#alert .msg.blue .icon { background: #1964cd; }
#alert .msg.red .icon { background: #ea4f51; }
/* Alert Icon */
#alert .msg.green .icon:before { content: '\f058';/* OK = f058 (check) */ }
#alert .msg.yellow .icon:before { content: '\f071';/* /!\ = f071 */ }
#alert .msg.blue .icon:before { content: '\f05a';/* (i) = f06a */ }
#alert .msg.red .icon:before { content: '\f05e';/* (/) = f05e */ }
/* Close icon */
#alert .msg .cancel-icon {
background: none;
text-decoration: none;
}
#alert .msg .cancel-icon:before {
content: '\f057';
}
}
/* Ajax */
#ajax-container .loader,.ajax-container .loader
{
background-image:url('/content/img/spinner/ajax-loader.gif');
background-repeat:no-repeat;
background-position:center 40px;
color:#999;
/*background-color:#fff;*/
text-align:center;
padding-top:70px;
padding-bottom:50px;
/* Fallback for web browsers that doesn't support RGBa */
/*background: rgb(255, 255, 255) transparent;*/
/* RGBa with 0.6 opacity */
/*background: rgba(255, 255, 255, 0.6);*/
/* For IE 5.5 - 7*/
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
/* For IE 8*/
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
}
#ajax-container .loader .content,.ajax-container .loader .content
{
}
#ajax-container .failed,.ajax-container .failed
{
color:#ff0000;
/*background-color:#f9f9f9;*/
padding-top:60px;
padding-bottom:60px;
text-align:center;
display:none;
}
/*#ajax-container .colored-header
{
height:17px;
width:840px;
background-color:#f3f3f3;
border-bottom:1px solid #ddd;
}*/
.controlpanel .loader, .ajax-spinner
{
background-image:url('/content/img/spinner/ajax-loader.gif');
background-repeat:no-repeat;
background-position:center 70px;
text-align:center;
padding-top:140px;
}
.right
{
float:right;
}
.left
{
float:left;
}
.bold
{
font-weight:bold;
}
.s-modal label.disabled
{
color:#999;
}
.s-modal .header
{
background-color:#3d3d3d;
border:1px solid #2c2c2c;
border-bottom:0;
color:#fff;
padding:10px;
font: bold 18px arial;
}
.s-modal .content-outer
{
border-top:0;
}
.s-modal .warning
{
background-color:#fffedf;
border-bottom:1px solid #d7c29d;
padding: 7px 10px;
color:#555;
}
.s-modal .warning img.icon
{
vertical-align: middle;
margin-right: 4px;
margin-top:-3px;
}
.s-modal .warning p
{
display:inline;
line-height:16px;
}
.s-modal .menu-row
{
background-color:#eee;
border-bottom:1px solid #ccc;
line-height: 43px;
padding: 0px 10px;
}
.section-left .menu-row
{
padding: 5px 8px;
}
.overflow-h
{
overflow:hidden;
}
.s-modal fieldset
{
border: medium none;
padding:0;
margin:0;
}
.s-modal fieldset .legend
{
background: url('/content/img/forms/separator.png') repeat-x scroll left center transparent;
color: #ccc;
}
.s-modal fieldset .legend span
{
background: none repeat scroll 0 0 #FFFFFF;
padding-right: 5px;
color: #444;
}
/*
================================
Vocation specific styles
================================
*/
.s-modal.vocation .header
{
width:765px;
}
.s-modal.vocation .content-outer
{
width:765px;
}
.s-modal #quickselect
{
vertical-align:middle; margin-top:-2px; margin-left:6px; margin-right:2px; padding:0;
}
.s-modal.vocation fieldset .legend
{
overflow:hidden;
}
.s-modal.vocation fieldset .legend .checkbox
{
overflow:hidden;
padding:0;
margin:2px 0 0 5px;
width:13px;
}
.s-modal.vocation fieldset .legend span.right
{
padding:0;
margin:0;
}
.s-modal.vocation .section-left
{
width:555px;
border-right:1px solid #777;
float:left;
}
.s-modal.vocation .content-left
{
height:325px; background-color:#fff; border-bottom:1px solid #ccc; padding:5px 4px 5px 5px;
overflow: -moz-scrollbars-vertical; overflow-y: scroll;
}
.s-modal.vocation .section-right
{
width:208px;
float:left;
}
.s-modal.vocation .content-right
{
height:325px;
background-color:#fff;
border-bottom:1px solid #ccc;
padding:10px;
overflow: -moz-scrollbars-vertical; overflow-y: scroll;
}
.s-modal.vocation .list-members
{
margin-top:2px;
overflow:hidden;
}
.s-modal.vocation .inactive-players
{
display:none;
}
.s-modal.vocation .list-members .member
{
width:161px;
padding:4px 6px 6px 6px;
float:left;
margin-right:5px;
margin-bottom:5px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
}
.s-modal.vocation .list-members .member span
{
width:108px;
display:block;
float:left;
white-space:nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
}
.s-modal.vocation .list-members .member.selected
{
background-color:#dde8f8;
}
.s-modal.vocation .list-members .member.last-column
{
margin-right:0;
}
.s-modal.vocation .list-members .member input
{
padding:0;
margin:1px 9px 0 0;
width:13px;
height:13px;
vertical-align:bottom;
float:left;
}
.s-modal.vocation .list-members .member img
{
margin-right:5px; vertical-align:middle;
float:left;
}
.s-modal.vocation .content-right ul
{
padding:0; margin:0;
}
.s-modal.vocation .content-right ul li
{
list-style-type:none;
line-height:14px;
margin-bottom:7px;
}
.s-modal.vocation .message-row
{
border-bottom:1px solid #ccc;
background-color:#eee;
padding:7px 10px;
}
.s-modal.vocation .message-row textarea
{
margin:0;
padding:3px 4px;
color:#666;
width:735px;
height:46px;
border:1px solid #abadb3;
}
.s-modal.vocation .buttons-row
{
background-color:#eee;
overflow:hidden;
padding:7px 9px;
}
.s-modal.vocation .buttons-row input
{
margin:0;
font-weight: bold;
height: 28px;
}
.s-modal.vocation #sending
{
background-image:url('/content/img/spinner/ajax-loader.gif');
background-repeat:no-repeat;
background-position:center 220px;
color:#999;
background-color:#fff;
text-align:center;
padding-top:250px;
height:510px;
}
.s-modal.vocation #sent
{
color:#999;
background-color:#fff;
text-align:center;
padding-top:250px;
height:273px;
}
.fancybox-overlay
{
background: rgba(0,0,0,.5)!important;
overflow: auto !important;
}
.fancybox-margin
{
margin: 0px!important;
}