@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,300,300italic,600,600italic,700,700italic);
*, *:before, *:after
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noboxsizing:before, .noboxsizing:after, .noboxsizing *, .noboxsizing *:before, .noboxsizing *:after
{
box-sizing: initial;
}
html
{
font-size: 62.5%;
overflow-y: scroll;
}
body
{
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.33;
color: #000000;
}
header, section, article, footer, nav
{
display: block;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
color: #00689a;
}
h1, h2, h3, h4, h5, h6
{
font-weight: 400;
font-style: normal;
margin: 20px 0 4px 0;
line-height: 1.1;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child
{
margin-top: 0;
}
h1
{
font-size: 2.6rem;
}
h2
{
font-size: 2.2rem;
}
h3
{
font-size: 1.8rem;
}
h4
{
font-size: 1.5rem;
}
h5, h6
{
font-size: 1.3rem;
}
p
{
margin: 0;
line-height: 1.35;
}
p + p
{
margin-top: 7px;
}
a
{
color: #004667;
text-decoration: underline;
}
a:empty
{
display: none;
}
a:hover
{
color: #004667;
text-decoration: underline;
}
a img
{
border: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
text-decoration: underline;
}
strong, b
{
font-weight: 600;
}
em, i
{
font-style: italic;
}
pre, code
{
font-family: "Courier New", Courier, monospace;
font-size: 1.3rem;
}
pre
{
background-color: #f8f8f8;
margin: 10px 0 10px 0;
padding: 9px;
border: 1px solid #e0e0e0;
}
table
{
width: 100%;
margin: 0 0 10px 0;
padding: 0;
border-spacing: 0;
}
th, td
{
padding: 5px 0 0 10px;
vertical-align: top;
text-align: left;
}
tr:first-child th, tr:first-child td
{
padding-top: 0;
}
th:first-child, td:first-child
{
padding-left: 0;
}
table.list
{
width: 100%;
margin: 10px 0 10px 0;
border: 1px #c6cccf;
border-style: solid none none solid;
}
table.list th, table.list td
{
padding: 5px 10px;
border: 1px #c6cccf;
border-style: none solid solid none;
text-align: left;
vertical-align: top;
}
table.list th
{
font-weight: 600;
background-color: #f3f4f5;
white-space: nowrap;
}
table.list td
{
font-weight: 400;
}
tr.bglight
{
background-color: #f8f8f8;
}
tr.bgdark
{
background-color: #f0f0f0;
}
table.responsive-transform
{
}
table.responsive-transform tr:nth-child(2n+0)
{
}
table.responsive-transform tr:nth-child(2n+1)
{
}
table.responsive-transform th, table.responsive-transform td
{
}
table.responsive-transform th
{
}
ul, ol
{
margin: 10px 0;
padding: 0;
}
ul
{
margin-left: 2.4rem;
list-style-type: disc;
}
ol
{
margin-left: 2.2rem;
}
li
{
margin: 5px 0 0 0;
line-height: 1.33;
}
li:first-child
{
margin-top: 0;
}
li ul, li ol
{
margin: 15px 0 15px 1.3rem;
}
div.attribute-short ul li, div.attribute-long  ul li, div.attribute-list ul li, div.attribute-related ul li
{
list-style-type: none;
position: relative;
}
div.attribute-short ul li:before, div.attribute-long ul li:before, div.attribute-list ul li:before, div.attribute-related ul li:before
{
font-family: FontAwesome;
font-size: 0.7rem;
content: '\f111';
color: #008bce;
margin-right: 8px;
position: absolute;
top: 0.5rem;
left: -1.5rem;
}
div.infobox div.attribute-short ul li:before, div.infobox div.attribute-long ul li:before
{
color: #808080;
}
dl
{
margin: 10px 0 10px 0;
padding: 0;
}
dt
{
font-weight: 600;
font-style: normal;
margin: 0 0 0.5rem 0;
}
dd
{
font-weight: 400;
font-style: italic;
margin: 0 0 0.5rem 2.5rem;
}
img
{
display: block;
}
form
{
margin: 0;
padding: 0;
}
label
{
font-weight: 600;
display: block;
}
button, input, select, textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5rem;
border-radius: 0;
}
input[type='text'], input[type='password'], textarea
{
background-color: #f8fcfe;
padding: 2px 5px;
border: 1px solid;
border-color: #bfe2f3;
outline: none;
}
input[type='text']:focus
{
background-color: #f2f9fd;
border-color: #008bce;
}
input[type='text'][disabled="disabled"], input[type='text'][readonly="readonly"]
{
background-color: #f0f0f0;
border-color: #c0c0c0;
}
input[type='checkbox'], input[type='radio']
{
margin-left: 0;
}
optgroup
{
font-weight: 600;
font-style: normal;
}
fieldset
{
margin: 10px 0;
padding: 5px 10px 10px 10px;
border: 1px solid #e0e0e0;
}
legend
{
font-weight: 600;
margin: 0 0 0 -5px;
padding: 0 5px;
position: relative;
left: 0;
}
fieldset label
{
font-weight: 400;
margin: 0.25em 0;
}
label input[type='checkbox']
{
vertical-align: middle;
position: relative;
top: -1px;
}
fieldset button
{
margin-top: 5px;
}
button, input[type='submit'], input[type='button'], a.button
{
font-weight: 400;
color: #ffffff;
background-color: #008bce;
padding: 1px 10px;
border: 1px solid;
border-color: #7fc5e6 #004667 #004667 #7fc5e6;
}
button.selected, input[type='submit'].selected, input[type='button'].selected, a.button.selected
{
font-weight: 600;
color: #ffffff;
background-color: #004667;
}
input[type='submit'] + input[type='submit']
{
margin-left: 10px;
}
button.defaultbutton, input.defaultbutton
{
color: #ffffff;
background-color: #40a040;
}
a.button
{
text-decoration: none;
}
div.select-custom
{
margin: 10px 0;
position: relative;
}
div.select-custom select, div.select-custom div.select-insert
{
line-height: normal;
width: 100%;
padding: 2px 5px;
}
div.select-custom select
{
position: relative;
z-index: 10;
opacity: 0;
}
div.select-custom select option
{
}
div.select-custom div.select-insert
{
background-color: #ffffff;
border: 1px solid #008bce;
position: absolute;
top: 0;
z-index: 5;
}
div.select-insert:after
{
font-family: FontAwesome;
font-size: 1.6rem;
font-weight: 400;
color: #ffffff;
background-color: #008bce;
content: '\f0d7';
line-height: 1.5;
padding: 0 7px;
border-left: 1px solid #008bce;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
hr, div.hr
{
height: 1px;
color: #ffffff;
border: 1px #e0e0e0;
border-style: solid none none none;
}
hr, div.hr
{
margin: 20px 0 20px 0;
}
div.hr hr
{
display: none;
}
iframe
{
border: none;
}
.row:before, .row:after
{
content: "-";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
.row
{
margin: -20px -10px 0 -10px;
clear: both;
}
.row.nospacing-x
{
margin-right: 0;
margin-left: 0;
}
.row.nospacing-y
{
margin-top: 0;
}
.row.nospacing-y > .col
{
margin-top: 0;
}
.row .col
{
margin-top: 20px;
padding: 0 10px;
float: left;
}
.row.nospacing-x .col
{
padding: 0;
}
.col.flex
{
display: flex;
}
.col.flex > *
{
margin: auto;
}
.row.flex:before, .row.flex:after
{
content: none;
}
.row.flex
{
overflow-y: visible;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.flex.row-l-1 .col
{
width: calc( 100% / 1 );
}
.flex.row-l-2 .col
{
width: calc( 100% / 2 );
}
.flex.row-l-3 .col
{
width: calc( 100% / 3 );
}
.flex.row-l-4 .col
{
width: calc( 100% / 4 );
}
.flex.row-l-5 .col
{
width: calc( 100% / 5 );
}
.flex.row-l-6 .col
{
width: calc( 100% / 6 );
}
.flex.row-l-7 .col
{
width: calc( 100% / 7 );
}
.flex.row-l-8 .col
{
width: calc( 100% / 8 );
}
.flex.row-l-9 .col
{
width: calc( 100% / 9 );
}
.flex.row-l-10 .col
{
width: calc( 100% / 10 );
}
.flex.row-l-11 .col
{
width: calc( 100% / 11 );
}
.flex.row-l-12 .col
{
width: calc( 100% / 12 );
}
.row .l-1
{
width: 8.3333%;
}
.row .l-2
{
width: 16.6667%;
}
.row .l-3
{
width: 25%;
}
.row .l-4
{
width: 33.3333%;
}
.row .l-5
{
width: 41.6667%;
}
.row .l-6
{
width: 50%;
}
.row .l-7
{
width: 58.3333%;
}
.row .l-8
{
width: 66.6667%;
}
.row .l-9
{
width: 75%;
}
.row .l-10
{
width: 83.3333%;
}
.row .l-11
{
width: 91.6667%;
}
.row .l-12
{
width: 100%;
}
.row .l-br
{
clear: both;
}
.row .l-hide, .l-hide
{
display: none;
}
.grid-table
{
width: 100%;
display: table;
}
.row-table
{
display: table-row;
}
.col-table
{
display: table-cell;
vertical-align: middle;
}
.col-table input[type='text'], .col-table input[type='password'], .col-table textarea
{
width: 100%;
}
.grid-form
{
width: 100%;
display: table;
}
.grid-form-row
{
display: table-row;
}
.grid-form-col
{
padding: 0.5rem 0.5rem;
display: table-cell;
vertical-align: top;
}
.grid-form-col .grid-form
{
}
.grid-form .w-1
{
width: 1% !important;
}
.grid-form .w-10
{
width: 10% !important;
}
.grid-form .w-20
{
width: 20% !important;
}
.grid-form .w-25
{
width: 25% !important;
}
.grid-form .w-30
{
width: 30% !important;
}
.grid-form .w-33
{
width: 33.33% !important;
}
.grid-form .w-40
{
width: 40% !important;
}
.grid-form .w-50
{
width: 50% !important;
}
.grid-form .w-60
{
width: 60% !important;
}
.grid-form .w-66
{
width: 66.67% !important;
}
.grid-form .w-70
{
width: 70% !important;
}
.grid-form .w-75
{
width: 75% !important;
}
.grid-form .w-80
{
width: 80% !important;
}
.grid-form .w-90
{
width: 90% !important;
}
.grid-form .w-100
{
width: 100% !important;
}
.grid-form .w-auto
{
width: auto !important;
}
.grid-form-col:first-child
{
padding-left: 0;
}
.grid-form-col:last-child
{
padding-right: 0;
}
.grid-form-col.nowrap
{
white-space: nowrap;
}
.grid-form label
{
font-weight: 600;
margin-top: -0.25rem;
margin-bottom: 0.25rem;
display: block;
}
.grid-form label.option
{
font-weight: 400;
}
.grid-form label:last-child
{
margin: 0;
}
.grid-form input[type='text'], .grid-form input[type='password'], .grid-form textarea, .grid-form select
{
width: 100%;
margin: 0;
}
.grid-form p
{
margin: 0;
}
.grid-form p + p
{
margin-top: 0.5rem;
}
.grid-form button
{
font-size: 100%;
display: inline-block;
}
.grid-form button + button
{
margin-left: 0.5rem;
}
@media (max-width: 800px)
{
.grid-form.m-br + .grid-form
{
margin-top: 0.5rem;
}
.grid-form.m-br div.grid-form-row
{
width: 100% !important;
display: block;
}
.grid-form.m-br > div.grid-form-row + div.grid-form-row
{
margin-top: 0.8rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col
{
width: 100% !important;
padding: 0;
display: block;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.label label
{
margin-bottom: 0.25rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.label-input + div.grid-form-col.label-input
{
margin-top: 0.8rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.button button
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (max-width: 600px)
{
.grid-form.s-br + .grid-form
{
margin-top: 0.5rem;
}
.grid-form.s-br div.grid-form-row
{
width: 100% !important;
display: block;
}
.grid-form.s-br > div.grid-form-row + div.grid-form-row
{
margin-top: 0.8rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col
{
width: 100% !important;
padding: 0;
display: block;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.label label
{
margin-bottom: 0.25rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.label-input + div.grid-form-col.label-input
{
margin-top: 0.8rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.button button
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
span.required
{
color: #ff0000;
}
div.block
{
margin: 0.5em 0;
}
div.buttonblock
{
margin: 20px 0 10px 0;
}
.width-max, .box
{
width: 100%;
}
.width-half, .half-box, .halfbox
{
width: 50%;
}
.width-min
{
width: 1%;
}
.float-break:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
.hide, .spamfilter
{
display: none;
}
div.ezoeItemCustomTag:before
{
content: attr(customattributes);
font-weight: 700;
color: #ffffff;
background-color: #5090c0;
margin: -0.5em -0.5em 0.5em -0.5em;
padding: 0.5em;
display: block;
}
div.content-search.ezdemo-design h2.results-displayed,
div.content-search.ezdemo-design a.results-displayed
{
display: inline-block;
}
div.content-search.ezdemo-design fieldset div.well
{
width: 65%;
}
div.content-search.ezdemo-design div.feedback
{
margin-bottom: 20px;
}
div#search_controls
{
float:left;
margin-right:1%;
width:25%;
}
div#search_results
{
float:left;
width:73%;
padding-left: 5px;
}
ul#facet-list
{
margin-left: 0;
}
ul#active-facets-list
{
margin-left: -15px;
}
ul#active-facets-list li
{
list-style-type: none;
list-style: none;
background-image: none;
}
div.content-search.ezdemo-design ul#active-facets-list li a span.remover
{
font-size: 1.2em;
padding-right: 3px;
font-weight: bold;
}
div.content-search.ezdemo-design ul#active-facets-list li a.clear-all
{
margin-top: 15px;
}
div.content-search.ezdemo-design ul#facet-list li ul span.facet-name,
div.content-search.ezdemo-design ul#facet-list li ul span.facet-count
{
color: inherit;
}
div.content-search.ezdemo-design ul#facet-list li ul span.facet-name
{
font-weight: inherit;
text-shadow: none;
}
div.ajax-search-spellcheck
{
margin-top: 3px;
margin-bottom: 7px;
font-style: italic;
padding-bottom: 3px;
padding-left: 2px;
}
div.ajax-search-facets
{
margin-top: 5px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 5px;
border: 1px solid #F0F0F0;
font-size: 90%;
filter:'alpha(opacity=0)';
opacity: 0;
}
.ez-autocomplete .yui3-aclist-list {
background: white;
}
.ez-autocomplete .yui3-aclist-item {
background-image: none;
display: block;
text-align: left;
}
#header .ez-autocomplete .yui3-aclist-item {
display: block;
}
.ez-autocomplete li.yui3-aclist-item-active {
background: #B0B0B0;
color: #FFF;
}
body
{
background-color: #e8ebec;
margin: 0;
padding: 0 0 20px 0;
}
div#page
{
max-width: 980px;
background-color: #ffffff;
margin: 0 auto;
padding: 15px 20px 0 20px;
}
div#page.design-wide
{
max-width: none;
padding: 0;
}
.page-width
{
width: 100%;
max-width: 980px;
margin: 0 auto;
}
div#page.design-wide .page-width
{
max-width: 980px;
padding: 0 20px;
}
div#header-bg
{
}
div#page.design-wide div#header-bg
{
padding-top: 10px;
}
header
{
min-height: 85px;
position: relative;
}
#header-bg
{
background-color: #ffffff;
}
div#logo
{
position: absolute;
top: 0;
left: 0;
}
div#page.design-wide div#logo
{
left: 20px;
}
div#logo h1
{
margin: 0;
}
div#logo a, div#logo span.image
{
display: block;
}
div#logo a
{
text-decoration: none;
}
div#logo span.image
{
width: 144px;
height: 70px;
background: url(/extension/psykol/design/psykol/images/npf-logo.svg) top left no-repeat;
}
div#logo a span.text
{
display: none;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#searchbox
{
width: 220px;
text-align: right;
position: absolute;
right: 0;
bottom: 15px;
}
div#page.design-wide div#searchbox
{
right: 20px;
}
div#searchbox input
{
width: 100%;
}
div#searchbox button
{
margin-left: 5px;
display: inline-block;
}
nav#mobile-extramenu
{
display: none;
}
nav#extramenu
{
font-size: 1.3rem;
margin-top: 4px;
float: right;
}
nav#extramenu ul
{
margin: 0;
padding: 0;
}
nav#extramenu li
{
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border: 1px solid #808080;
border-style: none none none solid;
float: left;
list-style-type: none;
list-style-image: none;
}
nav#extramenu li:first-child
{
border-left: none;
}
nav#extramenu a
{
color: #000000;
text-decoration: none;
}
nav#extramenu a:hover
{
text-decoration: underline;
}
nav#extramenu li.language-selector span.text
{
display: none;
}
nav#extramenu li.language-selector span.flag.nor-NO, nav#extramenu li.language-selector span.flag.eng-GB
{
width: 24px;
height: 16px;
background: 50% 50% no-repeat;
display: inline-block;
position: relative;
top: 1px;
}
nav#extramenu li.language-selector span.flag.nor-NO
{
background-image: url(/extension/psykol/design/psykol/images/no.gif);
}
nav#extramenu li.language-selector span.flag.eng-GB
{
background-image: url(/extension/psykol/design/psykol/images/en.gif);
}
div#topmenu-bg
{
background-color: #e8ebec;
margin-bottom: 20px;
position: relative;
}
div#topmenu-bg.stuck
{
position: fixed;
top: 0;
left: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
width: 100%;
z-index: 999;
}
nav#topmenu
{
position: relative;
z-index: 1000;
}
nav#topmenu strong
{
margin-left: 10px;
display: none;
}
nav#topmenu div.submenu, nav#topmenu li.topextra
{
display: none;
}
nav#topmenu div.dropdownmenu
{
position: absolute;
top: 34px;
left: 0;
display: none;
z-index: 1100;
}
nav#topmenu ul
{
font-size: 1.8rem;
margin: 0;
padding: 0;
position: relative;
z-index: 1100;
margin-left: -10px;
}
nav#topmenu div.dropdownmenu ul
{
font-size: 1.5rem;
min-width: 200px;
margin-left: 0;
}
nav#topmenu div.dropdownmenu ul ul
{
display: none;
}
nav#topmenu li
{
margin: 0 10px 0 0;
padding: 0;
float: left;
list-style-type: none;
list-style-image: none;
position: relative;
}
nav#topmenu li li
{
margin: 0;
padding: 0;
border: none;
float: none;
}
nav#topmenu a
{
color: #000000;
padding: 5px 10px;
text-decoration: none;
display: block;
white-space: pre;
position: relative;
}
nav#topmenu li.selected > a
{
}
nav#topmenu ul ul, nav#topmenu li.current a.children.menuhover, nav#topmenu a.children.menuhover
{
background-color: #f2f4f5;
}
nav#topmenu ul ul
{
}
nav#topmenu a.children.menuhover
{
margin-top: -1px;
padding: 5px 10px 6px 10px;
position: relative;
top: 1px;
}
nav#topmenu a:hover
{
color: #ffffff !important;
background-color: #008bce !important;
}
div#path-bg
{
margin: -10px 0 25px 0px;
clear: both;
}
nav#path, nav#path a
{
color: #8e99a0;
}
nav#path
{
font-size: 1.3rem;
font-weight: 300;
padding: 0;
}
nav#path em
{
font-style: normal;
}
nav#path em:before
{
font-family: 'FontAwesome';
content: '\f105';
display: inline-block;
margin-right: 2px;
}
nav#path i
{
font-size: 1.3rem;
}
div.hide-content-top section#content-top
{
display: none;
}
section#content-top
{
margin-bottom: 20px;
}
div#page.design-wide div.content-focus
{
}
div#page.design-wide section#content-top
{
max-width: 100%;
padding: 0;
}
div.hide-content-left div#content-left-area
{
padding-left: 0;
}
div.hide-content-right div#content-right-area
{
padding-right: 0;
}
div#content-middle-container
{
width: 100%;
display: table;
}
section#content-left, section#content-center, section#content-right
{
display: table-cell;
vertical-align: top;
}
section#content-left
{
width: 25%;
padding-right: 15px;
}
div.hide-content-left section#content-left
{
display: none;
}
nav#sidemenu ul, nav#sidemenu li
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
nav#sidemenu ul
{
border-top: 1px solid #e3e5e7;
}
nav#sidemenu ul ul
{
border-top: none;
}
nav#sidemenu li.selected
{
background-color: #f3f4f5;
}
nav#sidemenu li
{
border-bottom: 1px solid #e3e5e7;
}
nav#sidemenu li li
{
margin-top: -5px;
border-bottom: none;
}
nav#sidemenu a
{
color: #000000;
padding: 10px 10px;
text-decoration: none;
display: block;
}
nav#sidemenu li.selected > a
{
font-weight: 600;
}
nav#sidemenu li li a
{
padding-left: 30px;
}
nav#sidemenu li li li a
{
padding-left: 50px;
}
nav#sidemenu li li li li a
{
padding-left: 70px;
}
nav#sidemenu li li li li li a
{
padding-left: 90px;
}
nav#sidemenu a:hover
{
color: #ffffff;
background-color: #008bce;
}
section#content-center
{
padding: 0 5px;
}
div.hide-content-left section#content-center
{
padding-left: 0;
}
div.hide-content-right section#content-center
{
padding-right: 0;
}
section#content-right
{
width: 25%;
padding-left: 15px;
}
div.hide-content-right section#content-right
{
display: none;
}
div.hide-content-bottom section#content-bottom
{
display: none;
}
div#footer-bg .class-embeddable_movie
{
height: auto !important;
margin-bottom: 10px;
}
div#footer-bg
{
background-color: #e8ebec;
margin-top: 40px;
}
footer
{
font-size: 1.3rem;
padding-bottom: 20px;
text-align: left;
}
footer h3
{
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 10px;
}
footer ul, footer li
{
list-style-type: none;
list-style-image: none;
}
footer ul
{
margin: 0 !important;
padding: 0;
}
footer li
{
margin: 5px 0 0 0;
}
footer li:first-child
{
margin-top: 0;
}
div#sociallinks li
{
display: inline-block;
margin-top: 3px;
}
div#sociallinks li:first-child
{
margin-top: 0;
}
div#sociallinks i
{
margin-right: 5px;
}
div#sociallinks a
{
font-size: 3.2rem;
color: #ccc;
margin-left: 2px;
text-decoration: none;
}
div#sociallinks a:hover
{
color: #ccc;
text-decoration: none;
}
footer address
{
font-style: normal;
text-align: left;
}
footer address p
{
margin-bottom: 5px;
}
footer address p:first-child
{
margin-top: 0;
}
div#loginbox label
{
font-weight: normal;
margin: 10px 0 3px 0;
}
div#loginbox label:first-child
{
margin-top: 0;
}
div#loginbox div.forgotpassword
{
margin-top: 10px;
float: right;
}
div#loginbox div.forgotpassword p
{
margin: 0;
}
div#loginbox input.button
{
margin-top: 10px;
}
div#addthis
{
margin-top: 2rem;
}
div#credits
{
font-size: 1.3rem;
font-weight: 300;
margin: 20px auto 0 auto;
text-align: center;
}
div#credits a, div#credits address
{
color: #000000;
}
div#credits address
{
font-style: normal;
padding:  0 10px;
}
.psykol_employment_message textarea,.psykol_employment2_message textarea
{
height: 80px;
}
.class-course_history .customer_no .grid-form-col.label
{
width: 60%
}
.class-course_history .customer_no .grid-form-col.input
{
width: 40%
}
ul.mobilemenu-append {
display: none;
}
.error, .error a
{
color: red;
}
div.content-view-full + div.content-view-full
{
margin-top: 20px;
}
div.attribute-image
{
position: relative;
}
div.attribute-image div.attribute-caption p
{
font-size: 1.3rem;
font-weight: 300;
color: #000000;
margin-top: 5px;
font-style: italic;
}
div.attribute-image img, div.attribute-image-embed img
{
width: 100%;
}
div.attribute-byline
{
font-size: 1.3rem;
font-weight: 300;
font-style: italic;
margin-bottom: 10px;
}
div.attribute-byline p
{
margin-top: 0;
}
div.attribute-byline p.author
{
float: left;
clear: left;
}
div.attribute-byline p.date
{
float: right;
text-align: right;
}
div.attribute-link
{
font-size: 1.3rem;
margin-top: 3px;
}
div.attribute-link a:before
{
font-family: 'FontAwesome';
content: '\f105';
display: inline-block;
margin-right: 4px;
}
div.attribute-link a
{
text-decoration: none;
}
div.attribute-link a:hover
{
text-decoration: underline;
}
div.attribute-related
{
margin-top: 2rem;
}
div.attribute-tags
{
font-size: 1.3rem;
font-style: italic;
color: #474d50;
}
div.content-view-full div.attribute-tags
{
margin: 2rem 0;
}
div.content-view-line div.attribute-tags
{
margin: 0.5rem 0;
}
div.attribute-tags a
{
color: #474d50;
}
div.content-view-full blockquote
{
font-size: 2rem;
font-style: italic;
background-color: #e5f3fa;
width: 50%;
margin: 5px 0 10px 10px;
padding: 10px 20px 12px 50px;
float: right;
position: relative;
}
div.content-view-full blockquote p:before
{
content: '\201d';
font-size: 10rem;
color: #7fc5e6;
display: inline-block;
position: absolute;
top: -20px;
left: 0;
}
div.content-view-full blockquote p + p:before
{
content: '';;
display: none;
}
.twitter-button {
text-align: right;
margin-top: 10px;
}
div.content-view-full div.attribute-title h1
{
margin: -5px 0 10px 0;
}
div.content-view-full > div.class-article > * > div.attribute-topic
{
background-color: #008bce;
margin-bottom: 10px;
display: inline-block;
}
div.content-view-full > div.class-article div.attribute-topic h2
{
font-size: 1.3rem;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
margin: 0;
padding: 5px 10px;
}
div.content-view-full > * > div.attribute-image
{
margin: 15px 0;
}
div.attribute-image div.caption
{
font-size: 1.3rem;
font-style: italic;
background-color: #f3f4f5;
padding: 5px 10px;
}
div.content-view-full > * > div.attribute-short
{
font-weight: 600;
margin-top: 10px;
}
div.content-view-full div.attribute-short + div.attribute-long
{
margin-top: 10px;
}
div.content-view-children
{
clear: both;
}
div.content-view-children, div.content-view-list, div.content-view-full + div.content-view-full div.class-frontpage-block div.content-view-children
{
margin-top: 2rem;
}
div.class-frontpage-block > div.attribute-title > h2
{
font-size: 1.5rem;
font-weight: 400;
color: #474d50;
background-color: #e8ebec;
margin-bottom: 15px;
padding: 5px 10px;
}
div.class-frontpage-block div.content-view-children
{
margin-top: 0;
}
div.class-frontpage-block + div.class-frontpage-block
{
margin-top: 20px;
}
div.content-view-line
{
clear: both;
}
div.content-view-line:after
{
content: "-";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
div.content-view-line + div.content-view-line
{
margin-top: 20px;
}
div.content-view-line div.attribute-title h2
{
margin: 0 0 3px 0;
}
div.content-view-line div.attribute-byline
{
margin: 0.5rem 0;
}
div.content-view-line > * > div.attribute-image
{
width: 200px;
margin: 0 0 0 10px;
float: right;
}
div.class-frontpage-block > div.attribute-title > h2 > span.link
{
font-size: 1.3rem;
font-weight: 400;
margin-top: 1px;
float: right;
}
div.class-frontpage-block > div.attribute-title > h2 > span.link a
{
color: #474d50;
}
div.class-frontpage-block > div.attribute-title > h2 > span.link a:before
{
font-family: 'FontAwesome';
content: '\f105';
display: inline-block;
margin-right: 4px;
}
div.content-view-block div.attribute-topic
{
background-color: #008bce;
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
}
div.content-view-block div.attribute-topic h2
{
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
margin: 0;
padding: 5px 10px;
}
div.content-view-block div.attribute-title:first-child h2
{
margin-top: 0;
}
div.content-view-block div.attribute-image + div.attribute-title h2
{
margin-top: 8px;
}
.l-1 div.content-view-block div.attribute-title h2, .l-2 div.content-view-block div.attribute-title h2
{
font-size: 1.5rem;
}
.l-3 div.content-view-block div.attribute-title h2, .l-4 div.content-view-block div.attribute-title h2
{
font-size: 1.8rem;
}
div.content-view-block div.attribute-icon
{
text-align: center;
}
div.infobox, div.bannerbox
{
clear: both;
}
div.infobox + div.infobox, div.infobox + div.bannerbox, div.bannerbox + div.bannerbox, div.bannerbox + div.infobox
{
margin-top: 20px;
}
div.infobox
{
font-size: 1.3rem;
background-color: #f3f4f5;
padding: 10px 10px 0 10px;
}
div.content-view-box > div.attribute-title
{
background-color: #e8ebec;
margin: -10px -10px 10px -10px;
}
div.content-view-box > div.attribute-title > h2, div.content-view-box > div.attribute-title a
{
color: #000000;
}
div.infobox.blue div.content-view-box > div.attribute-title > h2, div.infobox.blue div.content-view-box > div.attribute-title a,
div.infobox.red div.content-view-box > div.attribute-title > h2, div.infobox.red div.content-view-box > div.attribute-title a,
div.infobox.green div.content-view-box > div.attribute-title > h2, div.infobox.green div.content-view-box > div.attribute-title a,
div.class-frontpage-block.red > div.attribute-title h2, div.class-frontpage-block.red > div.attribute-title h2 span a,
div.class-frontpage-block.blue > div.attribute-title h2, div.class-frontpage-block.blue > div.attribute-title h2 span a,
div.class-frontpage-block.green > div.attribute-title h2, div.class-frontpage-block.green > div.attribute-title h2 span a
{
color: #ffffff;
}
div.infobox.blue,
div.content-view-block div.class-focus.blue
{
background-color: #e5f3fa;
}
div.infobox.blue div.content-view-box > div.attribute-title,
div.class-frontpage-block.blue > div.attribute-title h2,
div.content-view-block div.class-focus.blue > div.attribute-title
{
background-color: #008bce;
}
div.infobox.red,
div.content-view-block div.class-focus.red
{
background-color: #f7e8e9;
}
div.infobox.red div.content-view-box > div.attribute-title,
div.class-frontpage-block.red > div.attribute-title h2,
div.content-view-block div.class-focus.red > div.attribute-title
{
background-color: #b21e28;
}
div.infobox.green,
div.content-view-block div.class-focus.green
{
background-color: #f4f5eb;
}
div.infobox.green div.content-view-box > div.attribute-title,
div.class-frontpage-block.green > div.attribute-title h2,
div.content-view-block div.class-focus.green > div.attribute-title
{
background-color: #91993e;
}
div.content-view-box > *
{
padding-bottom: 10px;
}
div.content-view-box > div.attribute-title
{
padding-bottom: 0;
}
div.content-view-box > div.attribute-title > h2
{
padding: 5px 10px 5px 10px;
}
div.content-view-box h2
{
font-size: 1.5rem;
}
div.content-view-box h3
{
font-size: 1.3rem;
}
div.content-view-box div.attribute-title h2, div.content-view-box div.attribute-title h3
{
margin: 0 0 5px 0;
}
div.content-view-box + div.content-view-box
{
margin-top: 10px;
}
div.content-view-box ul
{
}
div.infobox div.content-view-box ul
{
margin: 5px 0 5px 15px;
}
div.content-view-box div.content-view-list
{
margin-top: 10px;
}
div.content-view-boxline + div.content-view-boxline, div.content-view-box div.content-view-line + div.content-view-line
{
margin-top: 5px;
}
div.object-right, div.object-left, div.object-center
{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
div.object-right
{
margin-left: 20px !important;
clear: right;
float: right;
}
div.object-left
{
margin-right: 20px !important;
clear: left;
float: left;
}
div.object-center
{
margin: 10px 0;
text-align: center;
clear: both;
}
div.object-center div.attribute-caption
{
text-align: left;
}
div.object-center > *
{
margin: 0 auto;
}
div.content-view-embed div.attribute-image
{
margin: 0 auto;
float: none;
text-align: center;
}
div.content-view-embed div.attribute-image p
{
margin: 0;
}
div.attribute-image-embed img
{
width: 100%;
}
div.attribute-image.attribute-image-embed
{
-webkit-transition: 0.25s;
transition: 0.25s;
}
div.attribute-image.attribute-image-embed.expand img:hover
{
cursor: zoom-in !important;
}
div.attribute-image.attribute-image-embed.resize img:hover
{
cursor: zoom-out !important;
}
div.attribute-image.attribute-image-embed.expand:before
{
content: url(/extension/psykol/design/psykol/images/search-plus.svg);
position: absolute;
width: 25px;
right: 10px;
top: 10px;
pointer-events: none;
filter: drop-shadow( 0px 0px 2px rgba(0, 0, 0, 0.5) );
}
div.attribute-image.attribute-image-embed.resize:before
{
content: url(/extension/psykol/design/psykol/images/search-minus.svg);
}
div.attribute-image.attribute-image-embed.resize
{
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
div.attribute-image-embed.size-large, , div.attribute-image-embed.large
{
width: 100% !important;
}
div.attribute-image-embed.size-medium, div.attribute-image-embed.medium
{
width: 50% !important;
}
div.attribute-image-embed.size-small, div.attribute-image-embed.small
{
width: 33% !important;
}
div.content-view-line div.class-file div.attribute-link
{
margin-top: 4px;
}
div.content-view-line div.class-file div.attribute-link a:before
{
content: '';
display: none;
}
div.content-view-line div.class-file div.attribute-link a img
{
margin-right: 4px;
display: inline-block;
vertical-align: middle;
}
a.mime-icon {
padding-left: 20px;
background-repeat: no-repeat;
height: 20px;
display: block;
}
li div.content-view-embed
{
display: inline-block;
}
div.content-view-embed > a > img
{
float: left;
margin-right: 20px;
}
div.slideshow-wrapper
{
margin: 0 auto;
}
div#page.design-wide div#topmenu-bg + div#content-top-bg > * > div.slideshow
{
margin-top: -20px;
}
div.slideshow
{
margin: 0 auto;
position: relative;
clear: both;
}
div.slideshow div.slide
{
width: 100%;
}
div.slideshow-controls p
{
margin: 0;
}
div.slideshow-controls a
{
font-size: 1.6rem;
padding: 0;
text-decoration: none;
position: absolute;
display: block;
top: 40%;
z-index: 500;
}
div.slideshow-controls i:first-child
{
color: rgba(243, 244, 245, 0.5);
}
div.slideshow-controls i:last-child
{
color: rgba(0, 0, 0, 1);
}
div.slideshow-controls a.slide-previous
{
left: 5px;
}
div.slideshow-controls a.slide-next
{
right: 5px;
}
div.slideshow-slides
{
position: relative;
}
div.class-slidebanner
{
position: relative;
}
div.class-slidebanner div.attribute-image
{
margin: 0 !important;
padding: 0 !important;
float: none;
}
div.class-slidebanner img
{
width: 100%;
display: block;
}
div.class-slidebanner div.banner-overlay
{
width: 100%;
position: absolute;
bottom: 10%;
}
div.class-slidebanner div.banner-overlay-background
{
max-width: 460px;
background-color: rgba(243, 244, 245, 0.75);
margin: 0 auto 0 0;
padding: 10px 15px;
}
div.class-slidebanner div.attribute-title h2
{
font-size: 2rem;
font-weight: 600;
margin: 0;
padding: 5px 0;
}
div.class-slidebanner div.attribute-title h2, div.class-slidebanner div.attribute-title h2 a
{
color: #000000;
}
div.class-slidebanner div.attribute-short
{
font-size: 1.7rem;
margin-top: -2px;
padding-bottom: 5px;
}
div.class-slidebanner div.attribute-short a.button
{
font-size: 1.7rem;
padding: 5px 10px;
display: inline-block;
}
div.class-slidebanner div.attribute-short p:first-child > a.button:first-child
{
margin-top: 5px;
}
div.slideshow-markers
{
height: 20px;
font-size: 50px;
margin: -15px 0 30px 0;
text-align: center;
display: none;
}
div.slideshow-markers span
{
color: #e0e0e0;
cursor: pointer;
}
div.slideshow-markers a
{
color: #000000;
background-color: #e0e0e0;
margin-right: 5px;
padding: 2px 7px;
border-radius: 10px;
text-decoration: none;
display: inline-block;
}
div.slideshow-markers span.cycle-pager-active
{
color: #a0a0a0;
}
div.content-focus
{
margin-top: 20px;
}
div.content-view-block div.class-focus
{
background-color: #e5f3fa;
padding: 10px 10px 0 10px;
}
div.content-view-block div.class-focus div.attribute-title
{
color: #ffffff;
background-color: #008bce;
margin: -10px -10px 7px -10px;
padding: 8px 10px 3px 10px;
}
div.content-view-block div.class-focus div.attribute-short
{
padding-bottom: 10px;
}
div.content-view-block div.class-focus a, div.content-view-block div.class-focus div.attribute-short li:before
{
color: #ffffff !important;
}
div.content-view-block div.class-focus div.attribute-short li:before
{
content: '\f0da';
font-size: 1.6rem;
margin-right: 5px;
margin-left: -2px;
top: 0;
}
div.content-view-block div.class-focus div.attribute-short a
{
text-decoration: none;
}
div.content-view-block div.class-focus div.attribute-short a:hover
{
text-decoration: underline;
}
div.content-view-full div.class-article .fb-comments
{
margin-top: 30px;
}
div.content-view-full div.class-event div.attribute-date div.add
{
float: right;
}
table.calendar
{
border: 1px solid #e0e0e0;
border-style: none solid solid none;
background-color: #ffffff;
}
table.calendar th, table.calendar td
{
padding: 5px 5px 3px 5px;
border: 1px solid #e0e0e0;
border-style: solid none none solid;
text-align: center;
}
table.calendar th.dayname
{
border-left: none;
}
table.calendar td.active
{
background-color: #e0e0e0;
}
table.calendar td.current
{
font-weight: 600;
background-color: #e04020;
color: #ffffff;
}
p.calendar-tip a
{
text-decoration: none;
}
p.calendar-tip a:hover
{
text-decoration: underline;
}
table.calendar td.active, table thead th.next, table thead th.previous
{
cursor: pointer;
}
table.calendar td.day
{
cursor: pointer;
}
table.calendar thead tr:nth-child(1)
{
color: #404040;
background-color: #d0d0d0;
}
table.calendar thead tr:nth-child(2)
{
color: #404040;
background-color: #f0f0f0;
}
div.content-view-full div.class-eventcalendar div.content-view-children
{
margin-top: 10px;
}
div.content-view-full div.class-eventcalendar div.row > div.col > h2
{
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #e0e0e0;
}
div.content-view-full div.class-eventcalendar div.row > div.col > div.content-view-children + h2
{
margin-top: 25px;
}
div.content-view-full div.class-event div.attribute-date
{
font-weight: 400;
}
div.content-view-full div.class-event div.attribute-date + div.attribute-location
{
margin-top: 0;
}
div.content-view-full div.class-event div.attribute-short
{
margin-top: 10px;
}
div.content-view-full div.class-event div.attribute-date a.calendar-add
{
font-size: 1.1rem;
font-weight: normal;
float: right;
}
div.content-view-full div.class-event div.attribute-date a.calendar-add i
{
margin-right: 5px;
}
div.content-view-line div.class-event
{
padding-left: 50px;
}
div.content-view-line div.class-event div.icon-box
{
height: 40px;
width: 40px;
background-color: #c0c0c0;
border-radius: 50%;
display: table;
margin-left: -50px;
float: left;
}
div.content-view-line div.class-event div.icon-symbol
{
font-size: 2.2rem;
font-weight: 600;
color: #ffffff;
display: table-cell;
text-align: center;
vertical-align: middle;
}
div.content-search button, div.content-search input.button
{
margin-left: 5px;
display: inline-block;
}
div.content-search div.content-view-line div.class-event
{
padding-left: 0;
}
div.content-search div.search-tips
{
font-size: 1.3rem;
font-style: italic;
margin: 10px 0;
}
div#search_controls
{
}
div.content-search ul.filter-list, div.content-search ul.filter-list li
{
margin: 0;
padding: 0;
list-style-type: none;
}
div.content-search ul.filter-list
{
margin-top: 20px;
}
div.content-search ul.filter-list li
{
display: inline-block;
}
div.content-search ul.filter-list span, div.content-search ul.filter-list a
{
padding: 5px 10px;
}
div.content-search ul.filter-list a
{
text-decoration: none;
}
div.content-search ul.filter-list span.current, div.content-search ul.filter-list a.current
{
color: #ffffff;
background-color: #008bce;
}
div.content-search div.search-bestmatches
{
background-color: #f2f9fd;
margin-bottom: 20px;
padding: 10px;}
div.content-search div.search-results
{
margin-top: 20px;
}
div.content-search div.search-bestmatches > h2
{
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 10px;
}
div.content-search div.content-view-line div.class-event div.icon-box
{
display: none;
}
div.content-view-line div.class-event div.attribute-title h3
{
font-size: 2rem;
margin: 0;
}
div.content-view-box div.class-event div.attribute-title h3
{
font-size: 1.3rem;
font-weight: 700;
margin: 0;
}
div.content-view-box div.class-event div.attribute-date, div.content-view-box div.class-event div.attribute-location
{
font-size: 1.1rem;
}
div.attribute-description
{
margin-top: 20px;
}
div.class-feedback-form div.block
{
margin: 10px 0;
}
div.pagenavigator
{
margin-top: 15px;
}
div.pagenavigator p
{
font-size: 1.3rem;
}
div.pagenavigator a
{
text-decoration: underline;
}
div.pagenavigator a, div.pagenavigator span.previous, div.pagenavigator span.selected, div.pagenavigator span.next
{
padding: 0 5px;
}
div.pagenavigator a.previous, div.pagenavigator span.previous
{
padding-left: 0;
}
div.pagenavigator span.selected
{
font-weight: 600;
}
div.pagenavigator span.divider
{
color: #c0c0c0;
}
div.content-search div.grid-table
{
margin-top: 20px;
}
div.content-search div.feedback
{
margin-top: 20px;
}
div.content-view-full div.class-blogpost div.attribute-comments > h2
{
font-size: 2.6rem;
font-weight: 400;
font-style: normal;
line-height: 1.2;
margin: 20px 0 10px 0;
}
div.content-view-full div.class-blog div.attribute-title div.rss
{
margin-top: 1rem;
float: right;
}
div.class-blogpost div.comments a
{
font-size: 1.3rem;
font-style: italic;
color: #474d50;
}
div.class-blogpost div.comments a
{
color: #474d50;
}
div.class-blogpost form
{
margin-top: 2rem;
}
div.class-blogpost div.netiquette
{
float: right;
}
div.class-blogpost div.netiquette a
{
text-decoration: none;
}
div.class-blogpost div.netiquette a:hover
{
text-decoration: underline;
}
div.class-blogpost div.attribute-link > p
{
float: left;
}
div.class-blogpost div.attribute-link div.comments
{
float: right;
}
div.class-blogpost div.attribute-link div.comments a:before
{
content: "";
}
span.tip
{
font-size: 1.3rem;
}
div.class-membership_registeration div#consent_to_sms,
div.class-membership_registeration div#consent_to_email,
div.class-membership_registeration div#consent_to_letter,
div.class-membership_registeration div#accept_publish,
div.class-mypage_profile .consent_header
{
margin-top: 20px;
}
div.class-mypage_profile .consent_header, div.class-mypage_profile .consent_to_telephone_header
{
margin-top: 20px;
font-size: 2.4rem;
}
div.class-mypage_profile div#consent_to_sms,
div.class-mypage_profile div#consent_to_email,
div.class-mypage_profile div#consent_to_letter,
div.class-mypage_profile div#accept_publish,
div.class-mypage_profile div#consent_to_telephone
{
margin-top: 20px;
margin-bottom: 20px;
}
div.class-membership_registeration div#consent_to_sms div.grid-form-col.label,
div.class-membership_registeration div#consent_to_email div.grid-form-col.label,
div.class-membership_registeration div#consent_to_letter div.grid-form-col.label,
div.class-membership_registeration div#accept_publish div.grid-form-col.label,
div.class-membership_registeration div#consent_to_telephone div.grid-form-col.label,
div.class-mypage_profile div#consent_to_sms div.grid-form-col.label,
div.class-mypage_profile div#consent_to_email div.grid-form-col.label,
div.class-mypage_profile div#consent_to_letter div.grid-form-col.label,
div.class-mypage_profile div#accept_publish div.grid-form-col.label,
div.class-mypage_profile div#consent_to_telephone div.grid-form-col.label
{
width: 90%;
}
div.class-membership_registeration div#consent_to_sms div.grid-form-col.label label,
div.class-membership_registeration div#consent_to_email div.grid-form-col.label label,
div.class-membership_registeration div#consent_to_letter div.grid-form-col.label label,
div.class-membership_registeration div#accept_publish div.grid-form-col.label label,
div.class-membership_registeration div#consent_to_telephone div.grid-form-col.label label,
div.class-mypage_profile div#consent_to_sms div.grid-form-col.label label,
div.class-mypage_profile div#consent_to_email div.grid-form-col.label label,
div.class-mypage_profile div#consent_to_letter div.grid-form-col.label label,
div.class-mypage_profile div#accept_publish div.grid-form-col.label label,
div.class-mypage_profile div#consent_to_telephone div.grid-form-col.label label
{
font-weight: normal;
}
div.class-membership_registeration div#consent_to_sms div.grid-form-col.input,
div.class-membership_registeration div#consent_to_email div.grid-form-col.input,
div.class-membership_registeration div#consent_to_letter div.grid-form-col.input,
div.class-membership_registeration div#accept_publish div.grid-form-col.input,
div.class-membership_registeration div#consent_to_telephone div.grid-form-col.input,
div.class-mypage_profile div#consent_to_sms div.grid-form-col.input,
div.class-mypage_profile div#consent_to_email div.grid-form-col.input,
div.class-mypage_profile div#consent_to_letter div.grid-form-col.input,
div.class-mypage_profile div#accept_publish div.grid-form-col.input,
div.class-mypage_profile div#consent_to_telephone div.grid-form-col.input
{
width: 10%;
}
div.abcform-field.grid-form.consent_to_sms .grid-form-col.label,
div.abcform-field.grid-form.consent_to_email .grid-form-col.label,
div.abcform-field.grid-form.consent_to_letter .grid-form-col.label,
div.abcform-field.grid-form.accept_publish .grid-form-col.label,
div.abcform-field.grid-form.consent_to_telephone .grid-form-col.label
{
width: 50%
}
div.abcform-field.emphasis label
{
font-weight: 600
}
div.class-abc-kurs div.tabs
{
border-bottom: 1px solid #7fc5e6;
position: relative;
}
div.class-abc-kurs div.tab-title
{
margin-right: 10px;
float: left;
position: relative;
bottom: -2px;
}
div.class-abc-kurs div.tab-control.show-info div#tab-info div.tab-title,
div.class-abc-kurs div.tab-control.show-register div#tab-register div.tab-title,
div.class-abc-kurs div.tab-control.show-extra div#tab-extra div.tab-title
{
border: 1px solid #7fc5e6;
border-bottom-color: #ffffff;
bottom: -1px;
}
div.class-abc-kurs div.tab-content
{
margin-top: 10px;
}
div.class-abc-kurs div.tab-title h2
{
font-size: 1.3rem;
margin: 0;
}
div.class-abc-kurs div.tab-title a
{
color: #00689a;
background-color: #e5f3fa;
padding: 5px 10px 5px 10px;
display: inline-block;
line-height: 1;
}
div.class-abc-kurs div.tab-control.show-info div#tab-info div.tab-title a,
div.class-abc-kurs div.tab-control.show-register div#tab-register div.tab-title a,
div.class-abc-kurs div.tab-control.show-extra div#tab-extra div.tab-title a
{
color: #00689a;
background-color: #ffffff;
padding: 5px 9px;
}
div.class-abc-kurs div.tab-title a:hover
{
text-decoration: none;
}
div.class-abc-kurs div.attribute-table table.calender.list tr.selected
{
background-color: #e5f3fa;
}
div#tab-info-content, div#tab-register-content, div#tab-extra-content
{
display: none;
}
div.class-abc-kurs div.tab-control.show-info div#tab-info-content,
div.class-abc-kurs div.tab-control.show-register div#tab-register-content,
div.class-abc-kurs div.tab-control.show-extra div#tab-extra-content
{
display: block;
}
div.class-abc-kurs div.abcform-preview
{
margin-top: 10px;
}
div.class-abc-kurs div.abcform-preview > label:first-child
{
font-size: 1.3rem;
color: #00689a;
}
div.class-abc-kurs div.month-headerlist form
{
text-align: center;
position: relative;
}
div.class-abc-kurs div.month-headerlist span, div.class-abc-kurs div.month-headerlist select
{
display: inline-block;
line-height: 1;
}
div.class-abc-kurs div.month-headerlist span.previous, div.class-abc-kurs div.month-headerlist select
{
margin-right: 10px;
}
div.class-abc-kurs div.month-headerlist select
{
border: 1px solid #e0e0e0;
}
div.class-abc-kurs div.month-headerlist span i
{
color: #008bce;
padding: 5px 5px;
}
div.class-abc-kurs div.month-headerlist span.disabled i
{
color: #e0e0e0;
}
div.class-abc-kurs div.month-headerlist span.previous, div.class-abc-kurs div.month-headerlist span.next
{
margin-top: -5px;
position: relative;
top: 5px;
}
div.content-view-block div.class-abc-kurs div.attribute-dates
{
font-size: 1.3rem;
color: #ffffff;
background-color: #008bce;
margin: 5px 0;
padding: 5px 10px;
}
div.class-abc-kurs div.month-headerlist li
{
float: left;
font-size: 1.2rem;
margin-right: 10px;
margin-left: 10px;
top: 0;
white-space: nowrap;
}
div.class-abc-kurs div.month-headerlist li:first-child
{
margin: 5px 0 0 0;
line-height: 1.33;
}
div.class-abc-kurs div.month-headerlist li:before
{
content: '';
}
div.class-abc-kurs div.attribute-details div.label
{
width: 40%;
}
div.class-abc-kurs div.attribute-details div.input
{
width: 60%;
}
div.class-abc-kurs div.attribute-long, div.class-abc-kurs div.attribute-table
{
margin-top: 20px;
}
div.change_password div.grid-form
{
margin-top: 10px;
}
div.play-overlay
{
position: relative;
}
div.play-overlay span.play-symbol
{
background: url('/extension/psykol/design/psykol/images/play-icon-grey.svg') 3% 94% no-repeat;
background-size: 10%;
opacity: 0.75;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
div.play-overlay:hover span.play-symbol
{
background-image: url('/extension/psykol/design/psykol/images/play-icon-red.svg');
}
div + div.filter-selector
{
margin-top: 10px;
}
div.filter-selector a.button
{
color: #004667;
background-color: #e5f3fa;
margin: 0 5px 10px 0;
display: inline-block;
border: 1px solid #008bce;
}
div.filter-selector a.button.selected
{
color: #ffffff;
background-color: #008bce;
font-weight: 400;
}
ul.navigator
{
color: #ffffff;
background-color: #f2f9fd;
margin: 15px 0 0 0;
padding: 5px;
}
ul.navigator li
{
color: #7fc5e6;
display: inline;
padding: 5px;
}
ul.navigator li a
{
color: #008bce;
}
ul.navigator .active
{
font-weight: 700;
color: #008bce;
}
input.abcform-buttonnextstep
{
margin-top: 20px;
}
.hidden
{
display: none;
}
.mymembership div.title
{
background-color: #ffffff;
border-width: 0px;
}
.mymembership div.title h2
{
color:#000000;
font-size:1.3em;
}
.mymembership .change-message
{
width:100%
}
.abcform-field.message textarea
{
width:530px;
height:250px;
font-size:90%
}
.abcform-field select.date-month
{
width: 50px;
}
.abcform-field select.date-year
{
width: 80px;
}
.search-recommanded-header
{
margin-bottom: 15px;
}
.search-recommanded
{
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: #cccccc 1px solid
}
ul#facet-list li
{
display: inline-block;
padding: 5px;
}
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-bottom: 10px;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#ezwt img, #content-middle form#edit img, #content-middle #fix #maincontent-design img{
width: inherit !important;
display: inline;
}
#content-middle form#edit .block {
clear: both;
}
#content-middle form#edit > .block {
overflow:hidden;
margin: 1.2em 0;
}
#content-middle form#edit > .block > label{
font-weight: 600;
}
div#content-middle form#edit fieldset {
border: 1px solid #D7D7D7;
margin: 10px 0 15px 0;
}
div.fieldsetcontent.closed {
display: none;
}
span.fieldsetopener {
cursor: pointer;
font-size: 1.7rem;
font-weight: 500;
margin-left: 5px;
}
#content-middle form#edit .block .element {
float: left;
}
.spamfilter {
display: none;
}
div.attribute-survey div.survey-question input.disabled, div.attribute-survey div.survey-question textarea.disabled, div.attribute-survey div.survey-question select.disabled
{
background-color: #e0e0e0;
}
p.survey-mandatory
{
margin-top: 10px;
}
div.survey-question
{
clear: both;
margin-top: 10px;
}
div.survey-question:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
div.attribute-survey div.message-warning h2, div.attribute-survey div.message-warning a,
div.attribute-survey div.message-warning h4, div.attribute-survey .error, div.attribute-survey .required
{
color: #e53a3a;
}
div.attribute-survey div.survey-question.error input,
div.attribute-survey div.survey-question.error textarea,
div.attribute-survey div.survey-question.error select
{
background-color: #f5fafa;
}
div.attribute-survey div.message-warning
{
margin-top: 1em;
}
div.survey-choices
{
clear: both;
}
div.survey-choices div.element
{
float: left;
margin-right: 20px;
}
div.survey-choices label
{
font-weight: normal;
}
div.survey-choices input[type='text'],
div.survey-choices input[type='password'],
div.survey-choices textarea
{
width: 100%;
}
div.survey-view div.buttonblock
{
margin-top: 10px;
}
div.survey-view .required, div.survey-edit .required
{
background: url('/extension/ezsurvey/design/standard/images/survey-asterisk.svg') no-repeat;
position: relative;
width: 0.5rem;
height: 0.5rem;
bottom: 0.2rem;
padding-left: 0.3rem;
display: inline-block;
}
div.survey-view .tip, div.survey-edit .tip
{
background: url('/extension/ezsurvey/design/standard/images/survey-info.svg') no-repeat;
cursor: pointer;
width: 1rem;
height: 1rem;
display: inline-block;
padding-left: 0.3rem;
}
div.attribute-survey .required .text, div.attribute-survey .tip .text,
div.survey-edit .required .text, div.survey-edit .tip .text
{
display: none;
font-weight: 600;
}
div.attribute-survey .modal-position
{
width: 100%;
display: none;
position: relative;
z-index: 999;
background: #88b7d5;
border: 1px solid #c2e1f5;
border-radius: 3px;
color: #ffffff;
margin-bottom: 11px;
font-style: italic;
}
div.attribute-survey .modal
{
padding: 10px;
}
div.attribute-survey .modal:after, div.attribute-survey .modal:before
{
top: 100%;
left: 50%;
border: 1px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
div.attribute-survey .modal:after
{
border-color: rgba(136, 183, 213, 0);
border-top-color: #88b7d5;
border-width: 10px;
margin-left: -10px;
}
div.attribute-survey .modal:before
{
border-color: rgba(194, 225, 245, 0);
border-top-color: #c2e1f5;
border-width: 11px;
margin-left: -11px;
}
div.button-link
{
margin: 20px 0 30px 0;
text-align: center;
}
div.button-link a
{
font-size: 2rem;
line-height: 1.2;
color: #000000;
background-color: #e8ebec;
padding: 5px 15px 5px 15px;
border: 2px solid;
border-color: #7fc5e6 #004667 #004667 #7fc5e6;
border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.5);
display: inline-block;
text-decoration: none;
}
div.button-link a i
{
margin-right: 10px;
}
div.button-link.blue a, div.button-link.red a, div.button-link.green a
{
color: #ffffff;
}
div.button-link.blue a
{
background-color: #008bce;
}
div.button-link.red a
{
background-color: #b21e28;
}
div.button-link.green a
{
background-color: #91993e;
}
@media (max-width: 980px)
{
body
{
background-color: #ffffff;
}
}
@media (max-width: 800px)
{
.flex.row-m-1 .col
{
width: calc( 100% / 1 );
}
.flex.row-m-2 .col
{
width: calc( 100% / 2 );
}
.flex.row-m-3 .col
{
width: calc( 100% / 3 );
}
.flex.row-m-4 .col
{
width: calc( 100% / 4 );
}
.flex.row-m-5 .col
{
width: calc( 100% / 5 );
}
.flex.row-m-6 .col
{
width: calc( 100% / 6 );
}
.flex.row-m-7 .col
{
width: calc( 100% / 7 );
}
.flex.row-m-8 .col
{
width: calc( 100% / 8 );
}
.flex.row-m-9 .col
{
width: calc( 100% / 9 );
}
.flex.row-m-10 .col
{
width: calc( 100% / 10 );
}
.flex.row-m-11 .col
{
width: calc( 100% / 11 );
}
.flex.row-m-12 .col
{
width: calc( 100% / 12 );
}
.row
{
margin: -20px -10px 0 -10px;
}
.row .col
{
padding: 0 10px;
}
.row .m-1
{
width: 8.3333%;
}
.row .m-2
{
width: 16.6667%;
}
.row .m-3
{
width: 25%;
}
.row .m-4
{
width: 33.3333%;
}
.row .m-5
{
width: 41.6667%;
}
.row .m-6
{
width: 50%;
}
.row .m-7
{
width: 58.3333%;
}
.row .m-8
{
width: 66.6667%;
}
.row .m-9
{
width: 75%;
}
.row .m-10
{
width: 83.3333%;
}
.row .m-11
{
width: 91.67%;
}
.row .m-12
{
width: 100%;
}
.row .l-br
{
clear: none;
}
.row .m-br
{
clear: both;
}
.l-hide
{
display: block;
}
.m-hide
{
display: none;
}
div#adminArea-bg
{
display: none;
}
div#page
{
padding: 10px;
}
.page-width
{
width: auto;
}
div#header-bg
{
margin-bottom: 20px;
}
div#page.design-wide .page-width
{
padding: 0 10px;
}
nav#mobile-extramenu
{
margin: 20px 10px 0 0;
float: right;
display: block;
}
nav#mobile-extramenu a
{
font-size: 1.3rem;
color: #000000;
background-color: #e8ebec;
padding: 5px 10px;
border: 1px solid;
border-color: #f0f0f0 #808080 #808080 #f0f0f0;
text-decoration: none;
}
nav#extramenu, div#searchbox
{
display: none;
}
nav#headermenu
{
display: block;
}
div#headermenu-dropdown-bg
{
display: block;
}
div.sticky-wrapper
{
display: none;
}
div#content-middle
{
margin-bottom: 0;
}
section#content-center
{
margin-bottom: 20px;
}
header
{
min-height: auto;
}
div#logo
{
position: static;
float: left;
margin-bottom: 10px;
}
div#logo span.image
{
width: 122px;
height: 60px;
}
nav#extramenu
{
margin: 0 0 10px 0;
}
div#searchbox
{
bottom: 10px;
}
div#mobilemenu-control a, nav#mobilemenu div.mobilemenu-showhide, nav#mobilemenu ul
{
transition: 0.25s;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: block;
}
div#mobilemenu-control
{
margin-top: 3px;
float: right;
}
div#mobilemenu-control a
{
font-size: 2.4rem;
color: #8e99a0;
padding: 12px 15px;
}
div#mobilemenu-control.show a
{
}
nav#mobilemenu, nav#mobilemenu a
{
color: #ffffff;
}
nav#mobilemenu
{
font-size: 1.6rem;
width: 100%;
position: absolute;
left: -100%;
clear: both;
z-index: 1000;
display: none;
}
nav#mobilemenu div.mobilemenu-showhide
{
position: relative;
right: -200%;
}
nav#mobilemenu.show div.mobilemenu-showhide
{
right: 0;
}
nav#mobilemenu div.grid-form + div.grid-form
{
margin-top: 1rem;
}
nav#mobilemenu ul
{
}
nav#mobilemenu a
{
padding: 15px 40px;
text-decoration: none;
display: block;
position: relative;
}
nav#mobilemenu a span
{
}
nav#mobilemenu a span i
{
font-size: 2rem;
padding: 15px 15px;
opacity: 0.5;
}
nav#mobilemenu a span.previous
{
margin: -14px 0 -14px -40px;
float: left;
}
nav#mobilemenu a span.previous i
{
padding: 17px 3px 17px 15px;
}
nav#mobilemenu a span.next
{
border-left: 1px solid rgba(0, 0, 0, 0.5);
margin: -14px -40px -14px 0;
float: right;
}
nav#mobilemenu a span.next i
{
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
nav#mobilemenu ul, nav#mobilemenu li
{
margin: 0;
padding: 0;
list-style-type: none;
}
nav#mobilemenu ul
{
width: 100%;
top: 0;
left: 0;
position: absolute;
}
nav#mobilemenu ul.current > li > ul
{
left: 100%;
opacity: 0;
}
nav#mobilemenu ul.current
{
left: 100%;
opacity: 1;
}
nav#mobilemenu li
{
background-color: #40a8da;
border: 1px solid;
border-color: rgba( 255, 255, 255, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li.search, nav#mobilemenu li.back
{
font-weight: 700;
background-color: #008bce;
border-top: none;
}
nav#mobilemenu li.search a, nav#mobilemenu li.back a
{
padding-right: 10px;
}
nav#mobilemenu li.back:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
nav#mobilemenu li.back a
{
width: 50%;
float: left;
}
nav#mobilemenu li.back a:first-child
{
border-right: 1px solid #404040;
}
nav#mobilemenu li.back a:last-child
{
border-left: 1px solid #a0a0a0;
}
nav#mobilemenu li form
{
padding: 20px 47px 20px 40px;
}
nav#mobilemenu li form label
{
font-weight: 400;
white-space: nowrap;
}
nav#mobilemenu li form input, nav#mobilemenu li form button
{
padding: 2px 5px;
}
nav#mobilemenu li form input
{
font-size: 1.8rem;
}
nav#mobilemenu li form button
{
font-size: 1.8rem;
color: #ffffff;
background-color: rgba( 255, 255, 255, 0.25);
border-color: rgba( 255, 255, 255, 0.5) rgba( 0, 0, 0, 0.5) rgba( 0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li form a
{
padding: 0;
display: inline;
}
nav#mobilemenu li div.grid-form-row + div.grid-form-row div.grid-form-col
{
padding-top: 10px;
}
nav#mobilemenu li div.grid-form-col
{
padding: 0 0.5rem;
vertical-align: bottom;
}
nav#mobilemenu li div.grid-form-col:first-child
{
padding-left: 0;
}
nav#mobilemenu li div.grid-form-col:last-child
{
padding-right: 0;
}
div#topmenu-bg
{
border: none;
display: none;
}
nav#path
{
padding: 0;
}
section#content-left
{
display: none;
}
section#content-right
{
width: 33.3333%;
}
section#content-left nav#sidemenu
{
display: none;
}
section#content-center
{
padding-left: 0;
}
div.slideshow
{
}
div.slideshow img
{
width: 100% !important;
height: auto !important;
}
div.class-slidebanner div.banner-overlay
{
background-color: rgba(243, 244, 245, 1);
position: static;
}
div.class-slidebanner div.banner-overlay-background
{
background-color: transparent;
max-width: 100%;
margin: 0;
padding: 5px 0 10px 0;
}
div.slideshow-controls a
{
top: 25%;
}
div.mobile-crop
{
width: auto;
margin-right: auto;
margin-left: auto;
overflow: hidden;
position: relative;
}
div.mobile-crop img
{
width: 200% !important;
position: relative;
left: -50%;
}
div.class-frontpagebanner div.attribute-title h2
{
font-size: 1.6rem;
font-weight: normal;
padding: 5px 10px;
}
div.class-frontpagebanner div.attribute-short p
{
font-size: 1.3rem;
padding: 0 10px 10px 10px;
}
div.infobox
{
font-size: 1.3rem;
margin: 0 0 20px 0;
}
section#content-right div.infobox:last-child
{
margin-bottom: 0;
}
div.content-view-box div.attribute-title h3
{
font-weight: normal;
}
div.attribute-link
{
font-size: 1.3rem;
}
.m-1 div.content-view-block div.attribute-title h2, .m-2 div.content-view-block div.attribute-title h2
{
font-size: 1.3rem;
}
.m-3 div.content-view-block div.attribute-title h2, .m-4 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
}
@media (max-width: 600px)
{
.flex.row-s-1 .col
{
width: calc( 100% / 1 );
}
.flex.row-s-2 .col
{
width: calc( 100% / 2 );
}
.flex.row-s-3 .col
{
width: calc( 100% / 3 );
}
.flex.row-s-4 .col
{
width: calc( 100% / 4 );
}
.flex.row-s-5 .col
{
width: calc( 100% / 5 );
}
.flex.row-s-6 .col
{
width: calc( 100% / 6 );
}
.flex.row-s-7 .col
{
width: calc( 100% / 7 );
}
.flex.row-s-8 .col
{
width: calc( 100% / 8 );
}
.flex.row-s-9 .col
{
width: calc( 100% / 9 );
}
.flex.row-s-10 .col
{
width: calc( 100% / 10 );
}
.flex.row-s-11 .col
{
width: calc( 100% / 11 );
}
.flex.row-s-12 .col
{
width: calc( 100% / 12 );
}
.row
{
margin: -20px -5px 0 -5px;
}
.row .col
{
padding: 0 5px;
}
.row .s-1
{
width: 8.3333%;
}
.row .s-2
{
width: 16.6667%;
}
.row .s-3
{
width: 25%;
}
.row .s-4
{
width: 33.3333%;
}
.row .s-5
{
width: 41.6667%;
}
.row .s-6
{
width: 50%;
}
.row .s-7
{
width: 58.3333%;
}
.row .s-8
{
width: 66.6667%;
}
.row .s-9
{
width: 75%;
}
.row .s-10
{
width: 83.3333%;
}
.row .s-11
{
width: 91.67%;
}
.row .s-12
{
width: 100%;
}
.row .l-br, .row .m-br
{
clear: none;
}
.row .s-br
{
clear: both;
}
.m-hide
{
display: block;
}
.s-hide
{
display: none;
}
table.responsive-transform
{
border: none;
}
table.responsive-transform tr:first-child th
{
display: none;
}
table.responsive-transform tr
{
border: 1px #c6cccf;
border-style: solid none none solid;
display: block;
position: relative;
}
table.responsive-transform tr:first-child
{
display: none;
}
table.responsive-transform tr + tr
{
margin-top: 20px;
}
table.responsive-transform tr:first-child + tr
{
margin-top: 0;
}
table.responsive-transform tr:nth-child(2n+0)
{
background-image: linear-gradient( to right, #f3f4f5, #f3f4f5 50%, #ffffff 50.0%);
}
table.responsive-transform tr:nth-child(2n+1)
{
background-image: linear-gradient( to right, #f3f4f5, #f3f4f5 50%, #ffffff 50.0%);
}
table.responsive-transform td:before, table.responsive-transform td > div
{
display: inline-block;
vertical-align: middle;
}
table.responsive-transform td:before
{
content: attr(data-th);
width: 100%;
font-weight: 600;
margin-left: -100%;
padding-right: 10px;
}
table.responsive-transform td
{
padding-left: 50%;
display: block;
}
table.responsive-transform td > div:before
{
content: '';
width: 1px;
background-color: #f3f4f5;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 50%;
}
table.responsive-transform td > div
{
padding-left: 10px;
}
div#page
{
padding-right: 10px;
padding-left: 10px;
}
section#content-center, section#content-right
{
width: auto;
display: block;
}
section#content-center
{
padding-right: 0;
}
section#content-right
{
padding-top: 20px;
padding-left: 0;
}
section#content-right div.row div.col.s-6:nth-child(odd)
{
clear: left;
}
div.mobile-crop
{
width: 100%;
}
div.content-view-line div.attribute-image
{
width: 40%;
}
nav#extramenu li
{
border: none;
float: none;
}
div#usermenu-dropdown div.grid-table, div#usermenu-dropdown div.row-table, div#usermenu-dropdown div.col-table
{
display: block;
}
div#usermenu-dropdown div.row-table + div.row-table
{
margin-top: 15px;
}
div#usermenu-dropdown div.col-table
{
width: 100%;
padding: 0 !important;
}
div#usermenu-dropdown div.col-table + div.col-table
{
margin-top: 10px;
}
div#usermenu-dropdown div.col-table.width-min
{
margin-top: 15px;
}
.s-12 div.content-view-block div.attribute-title h2
{
font-size: 2rem;
}
.s-6 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.grid-form.responsive, div.grid-form.responsive div.grid-form-row, div.grid-form.responsive div.grid-form-col
{
width: 100% !important;
padding: 0 !important;
display: block !important;
}
div.grid-form.responsive div.grid-form-row + div.grid-form-row, div.grid-form.responsive div.grid-form-col + div.grid-form-col
{
margin-top: 1.5rem;
}
div.content-view-full blockquote
{
width: 100%;
margin: 10px 0;
float: none;
}
}
@media (max-width: 400px)
{
.row .xs-1
{
width: 8.3333%;
}
.row .xs-2
{
width: 16.6667%;
}
.row .xs-3
{
width: 25%;
}
.row .xs-4
{
width: 33.3333%;
}
.row .xs-5
{
width: 41.6667%;
}
.row .xs-6
{
width: 50%;
}
.row .xs-7
{
width: 58.3333%;
}
.row .xs-8
{
width: 66.6667%;
}
.row .xs-9
{
width: 75%;
}
.row .xs-10
{
width: 83.3333%;
}
.row .xs-11
{
width: 91.67%;
}
.row .xs-12
{
width: 100%;
}
}
td.debugheader
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 0.9em;
font-family: Arial, Helvetica, sans-serif;
}
pre.debugtransaction
{
background-color : #f8f6d8;
}
p.comment
{
background-color: #ffff00;
font-weight: bold;
padding: 4px;
margin: 4px;
border: 2px dashed;
display: block;
}
td.ezsetup_header
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
}
td.ezsetup_req
{
font-size : 80%;
font-family: Arial, Helvetica, sans-serif;
}
.ezsetup_critical
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
}
.ezsetup_uncritical
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
color: #E2A31D;
}
.ezsetup_pass
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
color: #00B500;
}
div.debug-toolbar label
{
font-weight: normal;
}
#debug
{
text-align: left;
border-top: 1px dashed black;
padding: 0.3em;
background-color: #fff;
}
#debug table
{
border-collapse: collapse;
}
#timingpoints, #timeaccumulators, #debug_resources, #debug_includes, #debug table.debug_resource_usage
{
border: 1px dashed black;
}
#debug table tr.group td
{
padding-top: 0.7em;
font-size: 0.95em;
}
#debug table tr.group td:first-child
{
padding-left: 0.2em;
font-size: 1em;
}
#debug table tr.data td
{
background-color: #ffffff;
border-top: 1px solid #444488;
border-bottom: 1px solid #444488;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
}
#debug table tr.data:nth-child(odd) td {  background-color: #eeeeee; }
#debug table + h2, #debug table + h3
{
margin-top: 1em;
}
#debug table.debug_resource_usage th + th, #debug table.debug_resource_usage td + td, table#timeaccumulators th + th, table#timeaccumulators td + td, table#timingpoints th + th, table#timingpoints td + td, table#debug_resources td, table#debug_includes td
{
padding: 0.25em 0.5em 0.25em 0.5em;
}
#debug th
{
text-align: left;
}
#debug span.debuginfo:after
{
border: 2px solid #23a4f5;
border-radius: 10px;
color: #23a4f5;
height: 10px;
width: 10px;
line-height: 10px;
font-size: 10px;
content: "i";
margin-left: 5px;
padding: 0 5px 0 5px;
opacity: 0.6;
}
#debug span.debuginfo:hover:after { opacity: 1; }
#templateusage tr.data td:first-child, #templateusage tr.data td:nth-child(n+5) { text-align: center; }
#debug tr.notice  td.debugheader span { color: green; }
#debug tr.warning td.debugheader span { color: orange; }
#debug tr.error   td.debugheader span { color: red; }
#debug tr.debug   td.debugheader span { color: brown; }
#debug tr.timing  td.debugheader span { color: blue; }
#debug tr.strict  td.debugheader span { color: purple; }
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/extension/gwbase3/design/gwbase/stylesheets/ext/jquery/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/extension/gwbase3/design/gwbase/stylesheets/ext/jquery/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/extension/gwbase3/design/gwbase/stylesheets/ext/jquery/fancybox/blank.gif');
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('/extension/gwbase3/design/gwbase/stylesheets/ext/jquery/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/extension/gwbase3/design/gwbase/stylesheets/ext/jquery/fancybox/fancybox_sprite@2x.png');
background-size: 44px 152px;
}
#fancybox-loading div {
background-image: url('/extension/gwbase3/design/gwbase/stylesheets/ext/jquery/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px;
}
}
div#ezwt
{
margin: 0;
width: 100%;
position: relative;
}
body.floating-wt div#ezwt
{
position: fixed;
z-index: 9999;
top: 0px;
left: 0px;
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}
body.floating-wt div#ezwt:hover
{
opacity: 1.0;
}
div#ezwt-content
{
padding: 4px 70px;
text-align: center;
background: transparent url(/extension/ezwt/design/standard/images/websitetoolbar/dark_back.png) repeat left top;
}
body.floating-wt div#ezwt-content
{
border-bottom: 1px solid #44484d;
}
div#ezwt div.ezwt-actiongroup
{
display: inline-block;
vertical-align: top;
padding: 1px 4px;
border: 4px solid rgba(255, 255, 255, 0.1);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
div#ezwt div.ezwt-actiongroup:hover {
border: 4px solid #567975;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
body.ie6 div#ezwt div.ezwt-actiongroup, body.ie7 div#ezwt div.ezwt-actiongroup
{
display: inline;
clear: none;
}
div#ezwt-ooaction
{
background-image: url(/extension/ezwt/design/standard/images/websitetoolbar/ezwt-oo-logo.png);
background-position: 2px 5px;
background-repeat: no-repeat;
padding-left: 67px!important;
}
div#ezwt-ezlogo
{
position: absolute;
top: 10px;
left: 10px;
}
div#ezwt-help
{
position: absolute;
top: 14px;
right: 15px;
}
div#ezwt-help a
{
font-weight: bold;
color: #b7b7b7;
padding: 0 2px 0 2px;
text-decoration: none;
display: block;
}
div#ezwt-help a:hover {
color: #ffe9bd;
}
div#ezwt form
{
margin: 0 auto 0 auto;
padding: 0;
display: inline;
}
div#ezwt select, div#ezwt input
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
}
div#ezwt select
{
color: #4a5054;
border: 1px solid #ccd2d6;
border-color: #abb1b5 #dbe1e5 #dbe1e5 #abb1b5;
margin: 3px 0 0 0;
height: 25px;
vertical-align: top;
}
div#ezwt input
{
margin: 1px 0 0 0;
}
div#ezwt input.button, div#ezwt input.defaultbutton, div#ezwt input.button-disabled
{
color: #b7b7b7;
vertical-align: top;
margin: 2px 0 3px 0;
border: 1px solid #3a3d41;
-moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
-webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
text-shadow: none;
padding: 2px 7px;
background: transparent;
}
div#ezwt input.defaultbutton[name=PublishButton] {
background-color: #567975;
color: #f5f3dd;
}
div#ezwt input.button:hover, div#ezwt input.defaultbutton:hover
{
background-color: rgba(0, 0, 0, 0.2);
color: #ffe9bd;
}
div#ezwt input.button:active, div#ezwt input.defaultbutton:active
{
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
color: #ff8300;
}
div#ezwt input.defaultbutton[name=PublishButton]:hover {
background-color: #425c59;
color: #f5f3dd;
}
div#ezwt input.ezwt-input-image, div#ezwt div.ezwt-actiongroup a img
{
margin: 2px 0px -3px 0px;
border: 1px solid #3a3d41;
-moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
-webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
div#ezwt input.ezwt-input-image:hover, div#ezwt div.ezwt-actiongroup a:hover img
{
background-color: rgba(0, 0, 0, 0.2);
}
div#ezwt input.ezwt-input-image:active, div#ezwt div.ezwt-actiongroup a:active img
{
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
}
div#ezwt .disabled, div#ezwt input.button-disabled, div#ezwt input.ezwt-input-image.disabled, div#ezwt select.disabled
{
background: transparent url(/extension/ezwt/design/standard/images/websitetoolbar/diagonal_pattern.png) repeat center left;
border-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
}
table#ezwt-sort-list tr.ezwt-sort-drag-handler
{
cursor: move;
}
.hide
{
display: none;
}
.float-break
{
height: 1%;
}
.float-break:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}