/*** COMMON ATTRIBUTES ***/
html {
height: 100%;
margin-bottom: 1px
}
body {
font: 14px/16px Arial, Helvetica, sans-serif;
color: #030303;
background: #fff url(../images/system/bg-bodysmall.jpg) repeat-x
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0
}
h1, h2, h3, h4 {
font-weight: bold
}
h1 {
font-size: 25px
}
h2 {
font-size: 23px
}
h3 {
font-size: 21px
}
h4 {
font-size: 19px
}
h5 {
font-size: 17px
}
h6 {
font-size: 15px
}
ol {
list-style: decimal
}
ul {
list-style: square
}
li {
margin-left: 30px
}
.list-unstyled {
list-style-type: none
}
.list-unstyled li {
margin-left: 0
}
img {
border-style: none
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
margin-bottom: 20px
}
a {
text-decoration: none;
color: #3384D4
}
a:hover {
text-decoration: underline
}
.placeholder {
color: #a4a4a4 !important
}
input:-moz-placeholder {
color: #a4a4a4 !important
}
input, textarea, select {
font: 100% Arial, Helvetica, sans-serif;
vertical-align: middle
}
form, fieldset {
margin: 0;
padding: 0;
border-style: none
}
input.text {
background: url(../images/bg-textlarge.gif) no-repeat;
width: 250px;
height: 24px;
padding: 2px 5px;
border: none;
color: #4d4d4d;
background-position: 0 -32px
}
strong, b {
font-weight: bold
}
i {
font-style: italic
}
/*** ERROR PAGE***/
.error_icon {
padding: 20px;
margin-right: 10px;
float: left
}
/*** CONTENT ***/
.hp {
background: #fff url(../images/system/bg-bodyindex.jpg) repeat-x
}
#wrapper {
background: url(../images/system/bg-bodysmall-lines.jpg) no-repeat 50% 0
}
.hp #wrapper {
background: url(../images/system/bg-bodyindex-lines.jpg) no-repeat 50% 0
}
#header {
padding: 1px 0 0;
position: relative
}
.logo {
background: url(../images/logo.png) no-repeat;
width: 485px;
height: 125px;
overflow: hidden;
text-indent: -9999px;
float: left
}
.logo_en {
background: url(../images/logo_en.png) no-repeat;
width: 360px
}
.logo_slo {
background: url(../images/logo_slo.png) no-repeat;
width: 573px
}
.logo-kelag a, .logo a {
height: 100%;
display: block
}
.kelag {
background: url(../images/logo.png) no-repeat;
background-position: -485px 0;
width: 85px;
height: 125px;
overflow: hidden;
text-indent: -9999px;
float: left
}
.kelag_en {
/*margin-right:133px;*/
}
.kelag a {
height: 100%;
display: block
}
.nopad img {
padding: 0
}
#nav {
float: left;
margin: 52px 0 0 -459px;
z-index: 90
}
#nav.nav_en {
margin: 52px 0 0 -339px
}
#nav ul {
width: 100%;
list-style: none
}
#nav li {
float: left;
margin: 0 20px 0 0;
padding: 0 0 5px;
font: bold 15px/19px Arial, Helvetica, sans-serif;
z-index: 80
}
#nav a {
color: #616261;
display: block;
padding: 0 0 10px
}
#nav li:hover {
position: relative
}
#nav li:hover a, #nav .active a, #nav a:hover {
text-decoration: none;
background: url(../images/arrow_navigation.gif) no-repeat 50% 100%
}
#nav li:hover .drop {
display: block;
z-index: 70
}
.drop {
position: absolute;
left: -4px;
top: 29px;
width: 255px;
background: #80b831;
padding: 5px 0 4px;
display: none;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
opacity: 0.95;
z-index: 70
}
#nav .drop ul {
position: relative;
width: 240px;
overflow: hidden;
padding: 2px 10px 0 14px;
margin: 0
}
#nav .drop li {
float: none;
margin: 0;
font: 16px/24px Arial, Helvetica, sans-serif
}
#nav li .drop a {
background: none;
padding: 0;
color: #fff
}
#nav li .drop a:hover {
text-decoration: underline
}
.px {
width: 13px;
padding-left: 1px
}
.hello {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
color: #676767
}
.btn-reg {
float: left;
background: url(../images/btn-reg.gif) no-repeat;
width: 147px;
height: 27px;
padding: 5px 0 0 5px;
color: #fff;
font-size: 12px;
margin: 50px 5px 0 16px;
text-align: center
}
.language {
float: right;
width: 120px;
margin: 0 -16px 0 0;
padding: 26px 0 0
}
.language div {
display: block;
float: right;
height: 14px;
clear: right;
color: #4d4d4d
}
.language label {
display: block;
font-size: 10px;
line-height: 13px;
color: #4c4c4c;
padding: 0 0 1px 3px;
clear: both
}
.language select {
width: 120px;
font-size: 12px
}
.form-holder {
margin: -34px 0 0;
padding: 52px 0 0
}
.content-sec {
margin: -34px 0 0;
padding: 52px 0 0
}
/*** SEARCH FIELDS ***/
.search {
width: 100%;
overflow: hidden;
margin: 0 0 0
}
#searchspan {
display: inline-block;
height: 100%;
width: 28px;
cursor: pointer
}
.search menu {
margin: 0;
padding: 0;
list-style: none
}
.search li {
margin: 0 0 3px;
width: 253px;
vertical-align: top
}
.search label {
font: bold 24px/28px Arial, Helvetica, sans-serif;
color: #fff;
display: block
}
.search .area {
background: url(../images/bg-text.gif) no-repeat;
width: 247px;
height: 40px;
overflow: hidden;
padding: 0 3px
}
.search .text {
border: 0;
background: none;
width: 207px;
padding: 2px 35px 2px 5px;
padding-right: 0;
margin-top: 7px;
color: #373737;
font-size: 20px;
outline: 0 none;
display: block;
float: left
}
.search .verzeichnis {
text-align: right;
font-size: 14px;
margin-bottom: 20px;
padding-top: 5px
}
.search .verzeichnis a {
color: #fff;
padding: 0 0 0 12px
}
/*** ADVANCED SEARCH AND RESULTS ***/
.advanced-search {
width: 277px;
min-height: 235px;
overflow: hidden;
padding: 0 0 0 3px;
margin-bottom: 0;
float: left;
display: block
}
.advanced-search h2 {
font-size: 14px;
line-height: 17px;
color: #474545;
margin: 0 0 8px
}
.advanced-search menu {
margin: 0;
padding: 0 27px 0 0;
list-style: none;
width: 250px;
overflow: hidden
}
.advanced-search li {
margin: 0 0 9px;
width: 100%;
overflow: hidden
}
.advanced-search label {
float: left;
width: 90px;
margin: 0 2px 0 0;
padding: 3px 0 0;
font-size: 13px
}
.advanced-search select {
float: left;
width: 158px;
font-size: 12px
}
.advanced-search .small-select {
width: 76px;
margin: 0 6px 0 0
}
.advanced-search .small-select.omega {
margin: 0
}
.advanced-search .btn-search {
background: url(../images/btn-search.gif) no-repeat;
width: 157px;
height: 27px;
cursor: pointer;
font: 12px/25px Arial, Helvetica, sans-serif;
padding: 0 0 2px;
border: 0;
color: #595757;
float: right
}
#search-tabs .active {
background: white;
color: #72ad3f
}
.btn-search {
border: 1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: inset white 0 0 4px;
-webkit-box-shadow: inset white 0 0 4px;
-moz-box-shadow: inset white 0 0 4px;
cursor: pointer;
font: 12px/25px Arial, Helvetica, sans-serif;
padding: 0 4px 3px 4px;
color: white;
background: none;
float: right;
height: 30px;
width: 110px;
display: block
}
.map {
float: right;
background: url(../images/bg-map.png) no-repeat;
padding: 5px 0 0;
margin: -34px -6px 0 -50px
}
.map .holder {
background: url(../images/bg-map.png) no-repeat -696px 100%;
width: 656px;
height: 393px;
overflow: hidden;
padding: 0 17px 14px 5px
}
.map .legend {
font-size: 11px !important;
color: #444;
height: 25px;
display: none;
margin-top: 10px
}
.legend {
text-align: center;
font-weight: bold
}
.legend img {
vertical-align: middle;
margin-top: -2px
}
#map_canvas {
height: 390px;
width: 656px;
z-index: 1
}
#fullscreen-link {
font-size: 12px;
border: 1px solid #678AC7;
border-radius: 2px;
color: black;
padding-bottom: 3px;
padding-top: 3px;
display: block;
background: rgb(255, 255, 255);
-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0 2px 4px;
box-shadow: rgba(0, 0, 0, 0.398438) 0 2px 4px;
color: black;
border: 1px solid rgb(113, 123, 135);
-moz-border-radius: 0 2px 2px 0;
-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
-moz-user-select: none
}
#fullscreen-link img {
float: left;
margin: -4px 0 0 -10px;
padding: 0
}
#fullscreen-link-block {
width: 160px;
position: absolute;
z-index: 2;
margin-left: 365px;
margin-top: 5px;
display: none
}
#result-container, #search-tabs {
display: none
}
.advanced-search .result-line {
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 240px;
white-space: nowrap;
margin: 0;
font-style: normal
}
.advanced-search .result-line:first-child {
color: #3384D4
}
#result {
height: 235px;
font-style: normal
}
.advanced-search div.content {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 260px;
white-space: nowrap;
height: 200px
}
.advanced-search address {
margin-bottom: 0;
margin-top: 0;
width: 240px;
padding-left: 20px;
display: block;
background: url(../images/etf_map_search_green.png) 0 3px no-repeat
}
.advanced-search address:hover {
background: #f4f4f4 url(../images/etf_map_search_red.png) 0 3px no-repeat
}
.advanced-search .content div {
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 260px;
white-space: nowrap;
margin-bottom: 7px;
font-size: 12px
}
.advanced-search address a {
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 240px;
white-space: nowrap;
color: #444;
font-weight: bold
}
#search-tabs {
margin-top: 9px;
height: 30px
}
/*** NEWS ***/
.news {
margin: 35px 0 0 0;
background: #f2f2f2 url(../images/bg-news.gif) bottom repeat-x;
border-bottom: 1px solid #d4d4d4
}
.news .heading {
background: url(../images/bg-news.png) no-repeat;
margin: -17px 0 10px;
padding: 27px 0 6px 71px;
float: left
}
.news h2 {
font-size: 14px;
line-height: 17px;
color: #585858;
margin: 0;
padding: 0 0 0 6px
}
.news h2 a {
font-size: 12px;
padding-left: 3px;
color: #B3B3B3
}
.facebook {
background: url(../images/facebook.png) no-repeat;
width: 131px;
height: 39px;
margin: -15px 0 0 0;
float: right
}
.rss_link {
background: url(../images/ico_rss.png) no-repeat;
width: 42px;
height: 39px;
margin: -15px 5px 0 0;
float: right
}
.partner_link {
background: url(../images/de_home_partner.png) no-repeat;
width: 139px;
height: 39px;
margin: -15px 6px 0 0;
float: right
}
.news ul {
list-style: none;
margin: 0;
padding-left: 7px
}
.news ul li {
float: left;
margin: 0 15px 5px 0;
width: 455px;
overflow: hidden
}
.news span {
display: block;
float: left;
width: 55px;
height: 19px
}
.news span.top {
background: url(../images/icon_topnews.png) no-repeat center center
}
img.topnews {
max-width: 600px !important;
max-height: 400px !important
}
a.topnews {
font-weight: bold
}
p.smalltext {
font-size: 12px;
color: #555;
padding: 10px 20px 0 20px
}
/** Info Boxen **/
#wrapper-info {
background: url(../images/bg-box-holder.png) repeat-x;
height: 425px;
padding-top: 15px
}
.info .box {
padding-right: 10px;
background: url(../images/bg-box-b.png) no-repeat 0 100%
}
.info .box .heading {
background: url(../images/bg-heading.png) no-repeat;
width: 380px;
height: 29px;
padding: 11px 0 0 90px
}
.info h3 {
font-size: 18px;
line-height: 22px;
color: #fff
}
.info .box-frame {
float: left;
margin: 0;
padding: 0 14px
}
.info .alignleft {
float: left;
margin: -26px 10px 0 0
}
.info .text-holder {
height: 1%;
overflow: hidden;
padding: 2px 0 0
}
.info p a {
color: #5795d3;
/*background:url(../images/arrow02.gif) no-repeat 0 5px;
padding:0 0 0 0px;*/
}
.info .box-small {
background: url(../images/bg-box-small.png) no-repeat 0 100%
}
.second {
margin-left: 25px
}
.third {
float: right;
margin-right: -10px
}
.info .box-small .heading {
background: url(../images/bg-heading01.png) no-repeat;
width: 292px;
height: 30px;
padding: 11px 0 0 90px
}
#wrapper-info hr {
border: none
}
.partners {
padding: 24px 0 0;
text-align: center;
height: 350px
}
.partners span {
font-size: 14px
}
.partners ul {
list-style: none;
float: left;
margin: 10px -25px 0 0
}
.partners li {
margin: 0 19px 0 0;
display: inline-block;
min-height: 40px;
min-width: 80px;
zoom: 1
}
.bottom {
height: 135px;
background: url(../images/bg-wrapper-b.png) repeat-x;
margin: 150px 0 0 0
}
.stromtankstellen {
margin: 25px 0 15px 0;
font-size: 12px;
color: #444
}
/*** BREADCRUMBS ***/
.breadcrumbs {
width: 100%;
overflow: hidden;
margin: 0 0 23px
}
.breadcrumbs ul {
margin: 0 0 0 -4px;
padding: 0;
list-style: none;
overflow: hidden
}
.breadcrumbs li {
float: left;
margin: 0 11px 0 -7px;
padding: 0 0 0 11px;
line-height: 18px;
background: url(../images/arrow04.gif) no-repeat 0 8px;
color: #b0abab
}
.breadcrumbs a {
color: #b0abab
}
.info-box {
width: 100%;
overflow: hidden;
color: #4d4d4d;
font-size: 16px;
line-height: 18px;
border-bottom: 1px solid #d2d2d2;
padding: 0 0 13px;
margin: 0 0 24px
}
/*** HEADLINES ***/
.content h2, .registration h2, #faqcontent h2, .service h2, #direction_results h2 {
font-size: 18px;
line-height: 22px;
color: #72ad3f;
margin: 0 0 16px
}
.content h3, .registration h3, #faqcontent h3, .service h3, #direction_results h3 {
font-size: 16px;
line-height: 18px;
color: #4d4d4d;
margin: 0 0 16px
}
/*** DETAIL VIEW ***/
.info-box address {
padding: 0;
font-style: normal;
margin: 0 0 17px
}
.info-box address span {
display: block
}
.info-box dl {
width: 100%;
overflow: hidden;
margin: 0
}
.info-box dt {
float: left;
clear: left;
margin: 0 7px 0 0
}
.info-box dd {
height: 1%;
overflow: hidden
}
.info-box dd a {
color: #4189ce
}
.details {
font-size: 16px;
line-height: 24px;
color: #4d4d4d
}
.details dl {
width: 100%;
overflow: hidden;
margin: 0 0 24px
}
.details dt {
float: left;
clear: left;
margin: 0 13px 0 0;
width: 176px;
font-weight: bold;
display: block
}
.details dd {
display: block;
float: left;
overflow: hidden
}
div.detail_logo {
margin-left: 10px;
margin-bottom: 10px;
height: 30px;
display: block;
float: left
}
div.operator_logo {
margin-left: 10px;
height: 30px;
display: block;
float: right;
margin-bottom: 10px
}
span.ddblock {
width: 100px;
display: inline-block
}
span.ddblock-small {
min-width: 40px;
display: inline-block
}
div.operator_logo img, div.detail_logo img {
max-height: 35px
}
.img_block {
margin-top: 5px;
margin-bottom: 15px;
margin-left: 15px;
padding-bottom: 0;
width: 300px;
overflow: hidden;
position: relative
}
.img_block img {
max-width: 330px
}
.zoom_glass {
background: url(../images/ico_zoom.png) no-repeat 0 0;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
position: absolute;
left: 20px;
top: 20px
}
.spots-dd {
clear: left;
width: 100%
}
.spot-details {
padding: 5px
}
.spot-line {
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px 5px 2px 5px;
margin-bottom: 5px
}
.spot-details .header {
display: none
}
.spot-details.hidden {
display: none
}
.spot-details .dt {
font-weight: bold;
width: 180px;
float: left;
clear: left
}
.spot-details .dd {
float: left;
width: 220px;
clear: right
}
.spot-details .group {
margin-top: 10px
}
.plug .stats {
display: block;
float: left;
width: 100px;
padding-top: 3px
}
.plug .name {
display: block;
float: left;
width: 240px;
margin-left: 20px;
padding-top: 3px
}
.plug .link {
display: block;
float: right;
width: 160px;
font-size: 0.8em;
cursor: pointer
}
.plug {
/* background:url(../images/ico-info.gif) no-repeat 0 2px;
padding:0 0 0 27px;*/
display: block
}
.plug .image {
width: 35px;
height: 35px;
float: left;
text-align: center
}
.plug-nopic {
padding: 0 0 0 27px;
display: block
}
.station-comment {
display: block;
float: left;
clear: right;
width: 380px
}
.aside {
float: right;
width: 354px;
padding: 7px 0 0
}
.logo-kelag {
background: url(../images/logo-kelag.gif) no-repeat;
width: 93px;
height: 40px;
text-indent: -9999px;
overflow: hidden;
float: right;
margin: 0 12px 2px 0
}
.map-block {
background: url(../images/bg-map-holder.png) no-repeat;
width: 336px;
height: 260px;
overflow: hidden;
margin: 0 -8px 5px 0;
padding: 10px 13px 16px;
clear: both
}
.service {
width: 300px;
overflow: hidden;
margin: 0 10px 10px 0
}
.content {
float: left
}
.block-address {
width: 344px;
margin: 0 0 0 -4px
}
.block-address .t {
background: url(../images/bg-address-t.gif) no-repeat;
width: 344px;
height: 10px;
position: relative;
z-index: 2;
padding: 0;
display: block
}
.block-address .b {
background: url(../images/bg-address-b.gif) no-repeat 0 100%;
width: 344px;
height: 23px;
overflow: hidden;
display: block;
padding: 0;
position: relative
}
.block-address ul {
list-style: none;
float: left;
width: 330px;
background: url(../images/bg-address-c.gif) repeat-y;
margin: -8px 0;
padding: 0 11px 0 3px;
font-style: normal;
color: #4189ce
}
.block-address li {
width: 100%;
overflow: hidden;
margin: 0;
vertical-align: top
}
.block-address a {
color: #4189ce
}
.block-address a:hover {
text-decoration: none
}
.block-address a:hover strong {
text-decoration: underline
}
.block-address span {
display: block;
padding: 6px 5px 9px 25px
}
.block-address strong {
background: url(../images/arrow05.gif) no-repeat 0 7px;
padding: 0 0 0 12px
}
.block-address .country {
background: #f5f5f5;
font-size: 18px;
padding: 10px 5px 8px 1px
}
.block-address .country strong {
background: none;
padding: 10px 5px 9px 10px
}
.block-address .region {
background: #ecf1f5
}
.block-address .city {
background: #e4efdb;
padding-left: 39px
}
.block-address .street {
background: #f9ece1;
padding-left: 55px
}
.info-station {
padding: 14px 0 0;
margin: 0;
overflow: hidden;
min-height: 151px
}
.info-station h3 {
font-size: 18px;
line-height: 22px;
color: #585858;
margin: 0 0 12px
}
.info-station ul {
margin: 0;
padding: 0 0 0 3px;
list-style: none;
width: 948px;
overflow: hidden
}
.info-station li {
background: url(../images/ico-info.png) no-repeat 0 5px;
padding: 10px 0 10px 42px;
color: #636363;
margin: 0 0 -1px;
height: 1%;
vertical-align: top
}
.info-station address {
font-style: normal;
display: block;
margin: 0
}
.info-station span {
display: block
}
.info-station a {
color: #3384d4
}
.detail-images.partner a {
display: block;
float: left
}
.detail-images.partner img {
max-height: 112px;
max-width: 224px
}
/*** NEWS ***/
#newsarchiv {
padding: 13px 0 20px
}
#newsarchiv .item {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px 15px 15px 15px;
-moz-box-shadow: #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: #ccc 0 0 4px
}
#newsarchiv .item img {
max-width: 240px;
height: auto !important;
padding: 0 15px 5px 0
}
.item h2 a {
font-size: 14px
}
.item h2 .source {
color: #bcbcbc;
font-size: 12px
}
.item .date a {
color: #bcbcbc;
font-size: 12px;
text-align: right
}
.date {
float: right;
display: block;
color: #bcbcbc;
padding-top: 3px
}
.searchnews {
background: url(../images/btn-searchsmall.gif) no-repeat;
width: 36px;
height: 30px;
display: inline-block;
cursor: pointer;
border: 0;
text-indent: -9999px;
text-transform: capitalize
}
.newsarchiv .newsheader {
float: left
}
.newsarchiv .pagination {
float: right
}
.newspaging {
height: 30px
}
.newspaging .pagebtn {
float: right;
display: block
}
.newspaging .pagetext {
float: right;
display: block;
margin: 8px 7px 0 7px
}
.rsstext {
float: left;
display: block;
margin: 8px 7px 0 7px
}
/*** DIRECTIONS ***/
.directions label {
color: #4d4d4d;
font-size: 14px;
font-weight: bold;
width: 300px
}
.directions a#swap {
background: url(../images/directions_swap.png) no-repeat;
margin-right: 20px;
padding: 0 0 2px 20px;
opacity: 0.7;
display: block;
float: right
}
.directions .text {
background: transparent;
width: 250px;
height: 22px;
border: none;
color: #4d4d4d;
padding-top: 5px
}
.directions .area {
/* background:url(../images/bg-text02.gif) no-repeat; */
width: 259px;
height: 28px;
float: left;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px;
clear: both;
margin-bottom: 10px
}
.dirblock {
clear: both
}
.directions p {
margin: 10px 0 5px 0
}
.directions .submit {
background: url(../images/btn-submitsmall.gif) no-repeat;
width: 260px;
height: 42px;
display: inline-block;
cursor: pointer;
border: 0;
padding: 0 0 11px;
color: #fff;
text-align: center;
vertical-align: top;
margin: 5px 0 0
}
.hidden-area {
display: none
}
/*** REGISTRATION ***/
.registration {
height: 1%;
overflow: hidden;
padding: 13px 0 20px 9px;
margin-top: -30px
}
div.registration-steps {
margin-top: -39px
}
#steps {
float: right;
margin: 0;
padding: 0 27px 0 0;
list-style: none
}
#steps li {
z-index: 8;
background: url(../images/bg-steps.png) no-repeat;
width: 159px;
float: left;
height: 66px;
display: table;
margin: 0 -45px 0 0;
position: relative;
font-size: 12px;
line-height: 14px;
color: #525252;
text-align: center
}
#steps .active {
z-index: 10;
background-position: 0 -81px
}
#steps .second.active {
z-index: 9
}
#steps .second .holder {
z-index: 5;
width: 99px;
padding: 0 25px 0 35px
}
#steps .last .holder {
padding: 0 5px 0 55px;
width: 99px
}
#steps .last {
z-index: 5;
background-position: 0 -156px;
left: -21px
}
#steps .last.active {
z-index: 5;
background-position: 0 -231px
}
#steps .holder {
width: 99px;
padding: 0 35px 0 25px;
display: table-cell;
vertical-align: middle;
background: url(../images/transparent.gif)
}
* + html #steps .holder {
position: absolute;
top: 50%;
left: 0;
vertical-align: top
}
* + html #steps .frame {
position: relative;
top: -50%;
vertical-align: top
}
.reg-form {
width: 100%;
overflow: hidden;
padding: 15px 0 0
}
.reg-form .rows {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden
}
.reg-form .rows li {
width: 920px;
overflow: hidden;
border-bottom: 1px solid #d2d2d2;
padding: 0 0 23px;
margin: 0 0 27px;
vertical-align: top
}
.reg-form .cell {
float: left;
width: 375px;
margin-bottom: 1px
}
.reg-form .cell label, .reg-form .cellall label {
float: left;
width: 150px;
margin: 2px 19px 0 0;
color: #4d4d4d;
font-size: 16px;
line-height: 22px
}
.reg-form .login label {
font-weight: bold
}
.reg-form .cell-right {
width: 450px
}
.reg-form .cell-right label {
width: 192px;
text-align: right
}
.reg-form .area, #login_container .area {
/* background:url(../images/bg-text02.gif) no-repeat; */
width: 204px;
height: 28px;
float: left;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px
}
.reg-form .small-area {
/* background:url(../images/bg-text02.gif) no-repeat; */
width: 150px;
height: 28px;
float: left;
margin: 0 10px 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px
}
.reg-form .area2 {
float: left;
width: 204px
}
.reg-form .area.validation {
background-position: 0 -32px
}
.reg-form .text {
width: 186px;
margin: 0;
padding: 7px 9px 6px;
line-height: 14px;
height: 15px;
border: 0;
background: none;
font-size: 12px;
color: #585858
}
.reg-form .text2 {
width: 300px;
height: 60px;
margin: 0;
padding: 7px 9px 6px;
line-height: 14px;
background: none;
font-size: 12px;
color: #585858;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px
}
.reg-form .small-row {
width: 100%;
overflow: hidden;
margin: 0 0 6px
}
.reg-form select {
float: left;
width: 205px;
font-size: 12px;
color: #585858
}
.reg-form .radio-label {
float: left;
width: 160px;
font-size: 16px;
line-height: 20px;
color: #4d4d4d;
margin: 0 8px 0 0
}
.reg-form .radio-holder {
float: left;
padding: 0 0 17px
}
.reg-form .radio-holder label {
float: left;
font-size: 16px;
line-height: 20px;
color: #4d4d4d
}
.reg-form .radio {
float: left;
margin: 3px 32px 0 0;
padding: 0;
width: 17px;
height: 16px
}
.reg-form .checkbox-list {
margin: -10px 0 25px;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden
}
.reg-form .checkbox-list li {
width: 100%;
overflow: hidden;
margin: 0;
font-size: 12px;
line-height: 17px;
color: #4d4d4d
}
.reg-form .checkbox-list a {
color: #4070c8;
text-decoration: underline
}
.reg-form .checkbox-list a:hover {
text-decoration: none
}
.reg-form .checkbox {
float: left;
width: 16px;
height: 16px;
margin: 2px 20px 0 0;
padding: 0
}
.reg-form .btn-holder {
width: 896px;
overflow: hidden;
text-align: center;
padding: 0 55px 0 0
}
.reg-form .new-address, .reg-form .submit {
background: url(../images/btn-submit.gif) no-repeat;
width: 321px;
height: 42px;
display: inline-block;
cursor: pointer;
border: 0;
padding: 5px 0 11px;
font: 14px/24px Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
vertical-align: top;
margin: 0 19px 0 0
}
.reg-form .new-address {
height: 34px;
padding: 8px 0 0;
line-height: 17px
}
.reg-form .new-address:hover {
text-decoration: none
}
.ico-true {
float: left;
background: url(../images/ico-true.gif) no-repeat;
width: 21px;
height: 20px;
text-indent: -9999px;
margin: 4px 0 0 5px
}
#mapCanvas {
width: 500px;
height: 400px;
float: left
}
.registration form {
position: relative
}
.registration .view {
top: 0
}
.registration .small-select {
width: 100px !important;
margin: 0 6px 0 0
}
.registration .error, #passwort_change_panel .error, .registration .error-mail {
background-color: #FFE6E3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black;
border: 1px solid #FF4C38;
-moz-box-shadow: inset #FF4C38 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #FF4C38 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #FF4C38 0 0 4px
}
#email_error {
color: #FF4C38;
font-size: 14px;
width: auto;
margin-left: 12px
}
.registration label.error, label.error-mail {
background: none;
border: none;
color: #FF4C38;
-moz-box-shadow: none;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: none;
/* Safari and Chrome */
box-shadow: none;
display: block;
float: right;
margin-right: 180px
}
.message {
padding-left: 170px
}
.message textarea {
width: 600px;
height: 80px;
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid #ccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px
}
.comment_block {
max-width: 230px;
overflow: hidden;
display: block;
float: right
}
#copy {
margin-top: 20px
}
#copy div {
float: left;
margin: 0
}
#copy div:first-child {
clear: both;
float: none
}
#copy h3 {
margin-top: 10px
}
#copy ul {
margin: 0;
padding: 0
}
#copy li {
list-style: none;
margin: 0;
padding: 0
}
#copy li span:first-child {
display: inline-block;
width: 160px
}
/** Register - Spots **/
.container {
padding: 10px;
margin-right: 20px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 10px
}
.spot-add-details .dd {
float: left;
width: 680px;
margin-bottom: 20px
}
.spot-add-details .dt {
float: left;
width: 170px;
font-weight: bold;
clear: left
}
.cost-fields {
display: none;
clear: both;
padding-top: 5px
}
.cost-fields span {
display: inline-block;
width: 80px
}
.cost-fields input.text, .roaming_comment input.text {
width: 100px;
margin: 0 10px 0 10px;
padding: 7px 9px 6px;
line-height: 14px;
background: none;
font-size: 12px;
color: #585858;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px
}
.roaming_comment .text, .costs_comment {
width: 440px !important
}
#spot_form {
margin-top: 10px;
clear: both;
margin-right: -10px;
color: #4D4D4D
}
.cost-fields label.error {
float: left;
margin-left: 94px;
margin-top: 5px !important;
clear: both
}
#spot_form .number.error {
background-color: #FFE6E3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black;
border: 1px solid #FF4C38;
-moz-box-shadow: inset #FF4C38 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #FF4C38 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #FF4C38 0 0 4px
}
.spot-templates {
float: none;
clear: both
}
select {
background: #FFF;
color: #000;
border: 1px solid #CCC;
font-size: inherit;
padding: 5px
}
.spot-button {
background-repeat: no-repeat;
background-color: white;
background-size: 13px;
border: 1px solid green;
border-radius: 5px;
padding: 4px;
padding-left: 20px;
padding-right: 4px;
display: block;
float: right;
margin-right: 5px;
width: 86px;
font-size: 9pt;
background-position: 4px 4px;
cursor: pointer;
color: #000
}
.spot-add {
float: left;
display: inline-block;
float: none;
width: 320px;
padding-top: 7px;
padding-bottom: 7px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
margin: 10px 15px 0 0;
background-image: url(../images/glyphicons_190_circle_plus.png);
background-size: 20px
}
.spot-templates .spot-button {
display: inline-block;
float: none;
width: 160px;
padding-top: 7px;
padding-bottom: 7px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
margin: 10px 15px 10px 0;
background-size: 20px
}
.template-area .spot-button {
margin-top: 10px
}
.template-area {
border: 1px solid green;
background-color: rgba(115, 174, 63, 0.43);
padding: 10px;
border-radius: 5px;
margin-top: 10px;
margin-right: 20px;
width: 100%;
float: left;
clear: right;
margin-bottom: 10px;
width: 900px
}
.template-area .text {
background-color: white;
border-radius: 5px;
width: 100px;
margin: 0 10px 0 10px;
padding: 7px 9px 6px;
line-height: 14px;
font-size: 12px;
color: #585858;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px
}
.template-area span {
padding-right: 10px;
display: inline-block
}
.template-save {
background-image: url(../images/glyphicons_145_folder_plus.png)
}
.template-load {
background-image: url(../images/glyphicons_144_folder_open.png)
}
.template-select {
display: inline-block !important;
float: none !important
}
.template-area .spot-button {
padding: 4px;
width: 80px
}
.spot-button:hover {
background-color: #72AD3F;
color: white
}
.spot-delete {
background-image: url(../images/glyphicons_016_bin_thumb.png)
}
.spot-copy {
background-image: url(../images/glyphicons_318_more-items_thumb.png)
}
.spot-detail {
background-image: url(../images/glyphicons_030_pencil_thumb.png);
display: none
}
.spot-save {
background-image: url(../images/glyphicons_206_ok_2_thumb.png)
}
.roaming_comment {
display: none
}
#spot_form #add {
margin-bottom: 10px;
padding: 5px 10px 5px 10px
}
.spot-add-details {
/* display: none; */
}
.cost-fields select {
display: inline;
float: none
}
.spot-overview .buttons {
float: right;
width: 290px;
margin-right: 0
}
.spot-overview .infos {
float: left;
width: 600px
}
.spot-add-details .plugtype-label, .spot-add-details .plugtype, .spot-add-details .cost-free {
width: 220px;
display: inline-block;
margin-right: 10px;
margin-top: 0 !important
}
.spot-add-details .voltage, .spot-add-details .current {
width: 120px;
display: inline-block;
margin-right: 10px
}
.spot-add-details .voltage-label, .spot-add-details .current-label {
width: 108px;
display: inline-block;
margin-left: -3px
}
.spot-add-details .middle-select {
margin-top: -2px;
width: 120px
}
.cbk-span {
display: inline-block;
width: 200px
}
.spot-number {
display: inline-block;
border: 2px solid green;
width: 40px;
border-radius: 5px;
padding: 3px;
background: #72AD3F;
text-align: center;
color: white;
font-weight: bold;
margin-right: 10px
}
.plug-voltage, .plug-current, .plug-power {
display: inline-block;
border: 1px solid #ccc;
border-radius: 5px;
padding: 3px 8px 3px 8px;
color: #ccc;
margin-left: 6px
}
.plug-type {
display: inline-block;
width: 220px
}
#time {
display: none
}
#time input {
float: left;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px;
width: 87px;
padding: 4px;
margin-left: 10px;
margin-top: 5px
}
#time label {
clear: left;
margin-left: 60px;
width: 80px;
margin-top: 5px
}
/*** Catalog ***/
#countries, #advanced_directory {
border: 1px solid #ccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 15px 0 15px 0;
margin: 0 0 25px 0;
background: #f5f5f5;
-moz-box-shadow: #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: #ccc 0 0 4px
}
#result_settings #advanced_directory {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
padding: 0;
margin: 0
}
#result_settings #advanced_directory li {
margin-top: 8px;
margin-left: 0;
padding-left: 0
}
#result_settings #advanced_directory h2 {
font-size: 14px;
line-height: 17px;
color: #474545;
margin: 0 0 8px
}
#result_settings #advanced_directory label {
float: left;
width: 100px;
font-size: 13px;
margin: 0 2px 0 0;
padding: 3px 0 0
}
#result_settings #advanced_directory select {
float: left;
width: 148px;
font-size: 12px;
margin-right: 0
}
#result_settings #advanced_directory .small-select {
width: 71px;
margin: 0 6px 0 0
}
.savesearch {
width: 200px !important
}
.btn-search-tree {
background: url(../images/btn-search.gif) no-repeat;
width: 157px;
height: 27px;
cursor: pointer;
font: 12px/25px Arial, Helvetica, sans-serif;
padding: 0 0 2px;
border: 0;
margin-top: 5px;
color: black
}
#advanced_directory li {
list-style-type: none;
margin-left: 15px
}
#advanced_directory form {
margin-right: 0;
display: block
}
#advanced_directory menu {
margin-right: 0;
list-style: none;
overflow: hidden
}
#advanced_directory li {
margin-right: 0;
overflow: hidden
}
#advanced_directory label {
float: left;
width: 90px;
font-size: 13px
}
#advanced_directory select {
float: left;
width: 158px;
font-size: 12px;
margin-right: 0
}
#advanced_directory .small-select {
width: 76px;
margin: 0 6px 0 0
}
#countries h3, #advanced_directory h3, #countries-stations h3 {
margin-left: 15px;
font-size: 16px;
line-height: 18px;
color: #4d4d4d
}
#countries-stations h3 {
font-size: 14px;
float: left;
color: #939393;
padding: 5px 0 0
}
ul.tree, ul.tree ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 18px
}
ul.tree ul {
margin-left: 7px
}
div.treediv {
font-size: 18px
}
div.innerlist {
margin: 0;
margin-top: 3px;
background-color: #ecf1f5
}
ul.tree li {
margin: 0;
padding-top: 3px;
margin-bottom: 2px;
list-style-position: inside
}
ul.tree .inner {
margin-top: 2px;
font-size: 14px;
margin-left: 12px;
padding-left: 3px;
list-style-image: url(../images/arrow05.gif)
}
ul.tree a {
color: #4189ce
}
#countries-stations, #hotel-list {
border: 1px solid #ccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 15px 10px 15px 5px;
-moz-box-shadow: #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: #ccc 0 0 4px
}
#countries-stations ul {
list-style: none
}
#countries-stations li {
background-image: url(../images/ico05.png);
background-repeat: no-repeat;
background-position-y: 4px;
margin-bottom: 10px;
padding: 3px 0 3px 34px;
display: block;
height: 36px;
clear: both;
vertical-align: bottom
}
a.station_link {
display: inline-block;
padding: 2px;
cursor: pointer;
width: 380px
}
a.station_link_map {
float: right;
/* border: 1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: inset #ccc 0px 0px 4px;
-webkit-box-shadow: inset #72ad3f 0px 0px 4px;
-moz-box-shadow: inset #72ad3f 0px 0px 4px;
height: 22px;
margin-top: 4px;
padding: 6px 4px 0 4px;*/
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
clear: both
}
a.station_link_map:hover {
text-decoration: none
}
a.station_link .name {
font-size: 16px;
color: #70ab3f;
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
line-height: normal
}
a.station_link .address {
font-size: 14px;
color: #595757;
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
line-height: normal
}
a.station_link:hover {
text-decoration: none
}
.general_block {
border: 1px solid #ccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: #ccc 0 0 4px;
-webkit-box-shadow: #ccc 0 0 4px;
box-shadow: #ccc 0 0 4px;
padding: 25px 15px 15px 15px;
margin: 0 0 25px 0
}
.dirprint {
display: none
}
/*** FAQs ***/
.general_block {
border: 1px solid #ccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: #ccc 0 0 4px;
-webkit-box-shadow: #ccc 0 0 4px;
box-shadow: #ccc 0 0 4px;
padding: 25px 15px 15px 15px;
margin: 0 0 25px 0
}
div.question {
color: #4d4d4d;
font: bold 16px/19px Arial, Helvetica, sans-serif
}
div.long {
display: none
}
/*#faqcontent a.show, #faqcontent a.hide{
background:url(../images/btn-faq.gif) no-repeat;
width:120px;
height:27px;
cursor:pointer;
font:12px/25px Arial, Helvetica, sans-serif;
text-align: center;
border:0;
color:#595757;
display:inline-block;*/
.ui-autocomplete {
background-color: white;
width: 300px;
border: 1px solid #cfcfcf;
list-style-type: none;
padding-left: 0
}
.page_navigation {
font-size: 11px;
font-weight: bold;
padding-bottom: 10px;
padding-top: 15px
}
.page_navigation a {
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 6px;
margin: 0 1px;
color: #444
}
.page_navigation a:focus {
border: none
}
.page_navigation a.active_page {
background: #444;
border: 1px solid #444;
color: #fff
}
.page_navigation a:hover {
color: #fff;
background: #444;
border: 1px solid #444
}
.page_navigation a.first_link, .page_navigation a.last_link {
display: none
}
#infowindow {
width: 450px;
height: 250px;
color: #444;
overflow: hidden;
font-style: normal;
margin: 0
}
.info-address {
font-style: normal
}
#infowindow p {
font-style: normal
}
#infowindow h2 {
color: #444;
font-size: 16px;
padding-top: 2px
}
#infowindow .ratings {
margin: 20px 0
}
#infowindow .col-8 {
width: 66%;
float: left
}
#infowindow .col-4 {
width: 33%;
float: left
}
#infowindow hr {
margin-top: 5px;
margin-bottom: 5px
}
.ratings {
margin-top: -10px
}
.ratings span {
font-size: 10px
}
.status-img {
height: 16px;
vertical-align: middle
}
.status-img-small {
height: 12px;
vertical-align: middle
}
.spots-list {
max-height: 130px;
overflow-y: scroll;
overflow-x: hidden
}
.station-img img {
height: 60px;
width: 60px
}
.button {
display: inline-block;
zoom: 1;
/* zoom and *display = ie7 hack for display:inline-block */
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: 0.5em 1em 0.55em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}
.button:hover {
text-decoration: none
}
.button:active {
position: relative;
top: 1px
}
.white {
color: #606060;
border: solid 1px #b7b7b7;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed)
}
.white:hover {
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background: -moz-linear-gradient(top, #fff, #dcdcdc)
}
.white:active {
color: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background: -moz-linear-gradient(top, #ededed, #fff)
}
/*** ADMIN DASHBOARD ***/
.datatable td {
padding: 5px
}
thead {
color: #67B021
}
.datatable {
width: 100% !important
}
.page-btn {
margin: 3px 5px 3px 2px;
width: 40px;
border: 1px solid #459E00;
border-radius: 5px;
padding: 3px;
color: #459E00;
display: inline-block;
cursor: pointer;
text-align: center
}
.page-btn-disabled {
margin: 3px 5px 3px 2px;
width: 30px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 3px;
color: #ccc;
display: inline-block;
cursor: default;
text-align: center
}
.table-wrapper {
border-radius: 10px;
margin-bottom: 20px
}
.table-content-wrapper {
width: 100%;
overflow-x: auto
}
.odd {
background: #EAFAE1
}
.DataTables_sort_icon {
display: inline-block !important
}
.dataTables_length {
float: left;
margin: 7px
}
.dataTables_filter {
float: right;
margin: 7px
}
.dataTables_length select {
margin-top: -4px
}
.dataTables_filter input {
border-radius: 5px;
border: 1px solid #ccc;
margin-top: -4px
}
.DataTables_sort_wrapper {
display: inline-block !important;
white-space: nowrap
}
.tab-container {
background: none !important;
border: none !important
}
.tab-style {
background: none !important;
border: none !important
}
.single-tab {
border-top-right-radius: 5px !important;
border-top-left-radius: 4px !important;
border: 1px solid #ccc !important
}
.crud_form .small-row {
float: left;
margin: 10px;
margin-left: 5px
}
.crud_form .small-row.right {
float: right;
margin: 10px
}
.crud_form #news_language, .crud_form #feed_language {
margin-top: 5px;
min-width: 140px
}
#feeds_new {
height: 200px
}
#advanced_directory .btn-small {
padding: 5px;
margin: 0 5px 0 0;
font-size: 12px;
float: left
}
#advanced_directory .find {
font-weight: bold;
width: 160px;
height: 24px
}
.datatable .btn-small {
padding: 3px;
margin: 0 2px 0 0;
float: right;
font-size: 12px
}
#imprint {
padding: 4px 0 0;
text-align: center
}
#imprint a {
color: #fff;
font-size: 12px;
padding: 0 15px 0 0
}
.operator img {
max-height: 40px;
max-width: 115px
}
.operator {
height: 40px
}
.station_info_img {
height: 90px
}
.station_info_img img {
max-height: 90px;
max-width: 100px
}
.crud_form .text2 {
width: 520px;
height: 80px;
margin: 0;
padding: 7px 9px 6px;
line-height: 14px;
font-size: 12px;
color: #585858;
background: #eeffeb;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px
}
#admin_container a:hover {
text-decoration: none
}
/*** USER DASHBOARD ADDITIONS ***/
#passwort_change_panel div {
margin: 10px
}
#passwort_change_panel span {
display: inline-block;
width: 150px
}
.msg_success {
display: block;
clear: both
}
/*** LOGIN ***/
#login_container label {
display: block;
float: left;
width: 90px;
clear: left;
padding-top: 18px
}
#login_container .text {
width: 186px;
margin: 0;
padding: 7px 9px 6px;
line-height: 14px;
height: 15px;
border: 0;
background: none;
font-size: 12px;
color: #585858
}
#login_container .area {
margin-top: 10px
}
#login_container .button {
margin-top: 20px;
margin-bottom: 20px
}
#forgotpass {
display: none
}
p.pass {
margin-top: 28px
}
.fleft {
display: block;
float: left;
margin-right: 10px
}
#copy h3 {
margin-top: -15px
}
#copy .data {
min-height: 390px;
border: 1px solid #ccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: #ccc 0 0 4px;
-webkit-box-shadow: #ccc 0 0 4px;
box-shadow: #ccc 0 0 4px;
padding: 25px 15px 15px 15px
}
#bordering {
border: 1px solid #ccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: #ccc 0 0 4px;
-webkit-box-shadow: #ccc 0 0 4px;
box-shadow: #ccc 0 0 4px;
padding: 25px 15px 15px 15px
}
.detail-images {
display: block;
width: 300px;
overflow: hidden;
white-space: nowrap;
text-align: center;
/*padding-left: 7px;*/
margin-bottom: -18px
}
.detail-images a {
padding-left: 1px
}
.detail-images a:first-child {
padding-left: 0
}
table.features {
line-height: 2.5;
text-align: center;
width: 100%;
font-size: 0.9em
}
table.features td {
border-bottom: 1px solid #ccc
}
table.features img {
vertical-align: middle
}
table.features .list {
width: 150px
}
table.features .left {
text-align: left
}
/*.detail-images img:last-child{
padding-right: 0px;
}*/
#copy_img {
padding-top: 30px;
padding-bottom: 20px
}
#copy_img a {
display: block;
float: left;
width: 112px;
height: 112px;
line-height: 112px;
overflow: hidden;
position: relative;
z-index: 1;
margin-right: 20px
}
.export {
height: 120px
}
.law {
font-size: 12px;
text-align: center
}
.navi-download {
display: none
}
.picto {
width: 80px;
float: left;
text-align: center;
margin: 0 15px 0 0
}
.site_title {
font-size: 12px;
text-align: center;
padding: 0 0 10px 0;
color: #b4b4b4
}
#file {
margin: 20px 0 10px 0
}
#loading {
background: url(../images/ajax-loader.gif) no-repeat center;
width: 250px;
height: 100px
}
.reg-pw-strength {
margin-left: 50px;
margin-top: 0
}
.simplePassMeter {
border: 1px solid #ada;
background-color: #fcfcfc;
color: #666;
font-size: 0.8em;
padding: 1px 5px 0 5px;
margin: 0;
height: 18px;
width: 192px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset #ccc 0 0 4px;
/* Firefox 3.6 and earlier */
-webkit-box-shadow: inset #ccc 0 0 4px;
/* Safari and Chrome */
box-shadow: inset #ccc 0 0 4px
}
.meterFail {
border: 1px solid #daa;
background-color: #fdd
}
.meterWarn {
border: 1px solid #fd6;
background-color: #feb
}
.meterGood {
border: 1px solid #ada;
background-color: #dfd
}
.meterExcel {
border: 1px solid #aad;
background-color: #ddf
}
.simplePassMeterBar {
background-color: #ddd
}
.meterFail .simplePassMeterProgress {
background-color: #f66
}
.meterWarn .simplePassMeterProgress {
background-color: #fd6
}
.meterGood .simplePassMeterProgress {
background-color: #ada
}
.meterExcel .simplePassMeterProgress {
background-color: #88f
}
.simplePassMeter p {
margin: 0
}
.simplePassMeterIcon {
height: 16px;
width: 16px;
float: left
}
.meterFail .simplePassMeterIcon, .meterWarn .simplePassMeterIcon, .meterGood .simplePassMeterIcon, .meterExcel .simplePassMeterIcon {
background-image: url(simplePassMeterSprite.png);
background-repeat: no-repeat
}
.meterExcel .simplePassMeterIcon {
background-position: 0 0
}
.meterFail .simplePassMeterIcon {
background-position: 0 -17px
}
.meterGood .simplePassMeterIcon {
background-position: 0 -34px
}
.meterWarn .simplePassMeterIcon {
background-position: 0 -51px
}
.simplePassMeterText {
margin-left: 2px
}
/**** JQUERY UI****/
/*
* jQuery UI CSS Framework 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px)
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui-helper-clearfix {
display: inline-block
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height: 1%
}
.ui-helper-clearfix {
display: block
}
/* end clearfix */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
/*
* jQuery UI CSS Framework 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=segoe%20ui,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=efeeeb&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=100&borderColorHeader=e0dcdc&fcHeader=433f38&iconColorHeader=847e71&bgColorContent=efeeeb&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=e0dcdc&fcContent=312e25&iconColorContent=808080&bgColorDefault=459e00&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=15&borderColorDefault=327e04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=67b021&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=327e04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=efeeeb&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=e0dcdc&fcActive=459e00&iconColorActive=8dc262&bgColorHighlight=efeeeb&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=e0dcdc&fcHighlight=363636&iconColorHighlight=8dc262&bgColorError=ffedad&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2b2922&bgTextureOverlay=05_inset_soft.png&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: segoe ui, Arial, sans-serif;
font-size: 1.1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: segoe ui, Arial, sans-serif;
font-size: 1em
}
.ui-widget-content {
border: 1px solid #e0dcdc;
background: #efeeeb url(images/ui-bg_highlight-hard_100_efeeeb_1x100.png) 50% top repeat-x;
color: #312e25
}
.ui-widget-content a {
color: #312e25
}
.ui-widget-header {
border: 1px solid #e0dcdc;
background: #efeeeb url(images/ui-bg_gloss-wave_100_efeeeb_500x100.png) 50% 50% repeat-x;
color: #433f38;
font-weight: bold
}
.ui-widget-header a {
color: #433f38
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #327e04;
background: #459e00 url(images/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #fff
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #fff;
text-decoration: none
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #327e04;
background: #67b021 url(images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #fff
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #fff;
text-decoration: none
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #e0dcdc;
background: #efeeeb url(images/ui-bg_highlight-hard_100_efeeeb_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #459e00
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #459e00;
text-decoration: none
}
.ui-widget :active {
outline: none
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #e0dcdc;
background: #efeeeb url(images/ui-bg_glass_55_efeeeb_1x400.png) 50% 50% repeat-x;
color: #363636
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #363636
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #72ac3e;
background: #e1ffba url(images/images/ui-bg_highlight-hard_15_459e00_1x100.png) 50% top repeat-x;
color: #54a515
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #54a515
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #54a515
}
.ui-state-fail, .ui-widget-content .ui-state-fail, .ui-widget-header .ui-state-fail {
border: 1px solid #e3a345;
background: #ffedad url(images/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x;
color: #cd5c0a
}
.ui-state-fail a, .ui-widget-content .ui-state-fail a, .ui-widget-header .ui-state-fail a {
color: #cd5c0a
}
.ui-state-fail-text, .ui-widget-content .ui-state-fail-text, .ui-widget-header .ui-state-fail-text {
color: #cd5c0a
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: Alpha(Opacity=35);
background-image: none
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(images/ui-icons_808080_256x240.png)
}
.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_808080_256x240.png)
}
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_847e71_256x240.png)
}
.ui-state-default .ui-icon {
background-image: url(images/ui-icons_eeeeee_256x240.png)
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(images/ui-icons_ffffff_256x240.png)
}
.ui-state-active .ui-icon {
background-image: url(images/ui-icons_8dc262_256x240.png)
}
.ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_8dc262_256x240.png)
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_8dc262_256x240.png)
}
.ui-state-fail .ui-icon, .ui-state-fail-text .ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png)
}
/* positioning */
.ui-icon-carat-1-n {
background-position: 0 0
}
.ui-icon-carat-1-ne {
background-position: -16px 0
}
.ui-icon-carat-1-e {
background-position: -32px 0
}
.ui-icon-carat-1-se {
background-position: -48px 0
}
.ui-icon-carat-1-s {
background-position: -64px 0
}
.ui-icon-carat-1-sw {
background-position: -80px 0
}
.ui-icon-carat-1-w {
background-position: -96px 0
}
.ui-icon-carat-1-nw {
background-position: -112px 0
}
.ui-icon-carat-2-n-s {
background-position: -128px 0
}
.ui-icon-carat-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-off {
background-position: -96px -144px
}
.ui-icon-radio-on {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px
}
.ui-corner-tr {
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px
}
.ui-corner-bl {
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px
}
.ui-corner-br {
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px
}
.ui-corner-top {
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px
}
.ui-corner-bottom {
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px
}
.ui-corner-right {
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px
}
.ui-corner-left {
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px
}
.ui-corner-all {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px
}
/* Overlays */
.ui-widget-overlay {
background: #2b2922 url(images/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x;
opacity: 0.9;
filter: Alpha(Opacity=90)
}
.ui-widget-shadow {
margin: -12px 0 0 -12px;
padding: 12px;
background: #ccc url(images/ui-bg_highlight-hard_95_cccccc_1x100.png) 50% top repeat-x;
opacity: 0.2;
filter: Alpha(Opacity=20);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px
}
/*
* jQuery UI Resizable 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
/*
* jQuery UI Selectable 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black
}
/*
* jQuery UI Accordion 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
width: 100%
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1
}
.ui-accordion .ui-accordion-li-fix {
display: inline
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.7em
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 0.5em;
top: 50%;
margin-top: -8px
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1
}
.ui-accordion .ui-accordion-content-active {
display: block
}
/*
* jQuery UI Autocomplete 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
cursor: default
}
/* workarounds */
* html .ui-autocomplete {
width: 1px
}
/* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.9
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left
}
.ui-menu .ui-menu {
margin-top: -3px
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 0.2em 0.4em;
line-height: 1.5;
zoom: 1
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px
}
/*
* jQuery UI Button 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: 0.1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
width: 2.2em
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
width: 2.4em
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
width: 3.4em
}
button.ui-button-icons-only {
width: 3.7em
}
/*button text element */
.ui-button .ui-button-text {
display: block;
line-height: 1.4
}
.ui-button-text-only .ui-button-text {
padding: 0.4em 1em
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
padding: 0.4em;
text-indent: -9999999px
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: 0.4em 1em 0.4em 2.1em
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: 0.4em 2.1em 0.4em 1em
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: 0.4em 1em
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
left: 0.5em
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em
}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em
}
/*button sets*/
.ui-buttonset {
margin-right: 7px
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em
}
/* workarounds */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
/* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog {
position: absolute;
padding: 0.2em;
width: 300px;
overflow: hidden
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 16px 0.1em 0
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
zoom: 1
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: 0.5em 0 0 0;
padding: 0.3em 1em 0.5em 0.4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
/*
* jQuery UI Slider 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider-horizontal {
height: 0.8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: 0.8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
/*
* jQuery UI Tabs 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
position: relative;
padding: 0.2em;
zoom: 1
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 0.2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0.5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none
}
.ui-tabs .ui-tabs-hide {
display: none !important
}
/*
* jQuery UI Datepicker 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 49%
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none;
/*sorry for IE5*/
display/**/: block;
/*sorry for IE5*/
position: absolute;
/*must have*/
z-index: -1;
/*must have*/
filter: mask();
/*must have*/
top: -4px;
/*must have*/
left: -4px;
/*must have*/
width: 200px;
/*must have*/
height: 200px;
/*must have*/
}
/*
* jQuery UI Progressbar 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
height: 2em;
text-align: left
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
/*OMG Bruno macht CSS */
div.file_upload {
position: relative;
overflow: hidden;
direction: ltr;
cursor: pointer;
text-align: center;
color: #333;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 15em;
height: 2.5em;
line-height: 2.5em;
background: palegreen;
border: 1px solid limegreen
}
div.file_upload_small {
width: 15em;
height: 2.5em;
line-height: 2.5em;
font-size: 100%;
background: palegreen;
border: 1px solid limegreen
}
div.file_upload_large {
width: 100%;
height: 7em;
line-height: 7em;
font-size: 2em;
background: palegreen;
border: 1px solid limegreen
}
div.file_upload_highlight, div.file_upload:hover {
background: lawngreen
}
div.file_upload input {
position: absolute;
top: 0;
right: 0;
margin: 0;
border: 300px solid transparent;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-o-transform: translate(-300px, -300px) scale(10);
-moz-transform: translate(-800px, 0) scale(10);
cursor: pointer;
height: 100%
}
:root form.file_upload input {
height: auto
}
/*form.file_upload button, O_O
.no-js .file_upload_label,
.no-js .file_upload_overall_progress,
.no-js .file_upload_buttons {
display: none;
}*/
.file_upload .file_upload_label, .file_upload .file_upload_overall_progress, .file_upload .file_upload_buttons {
display: block
}
.file_upload img {
border: none
}
.progressbar, .progressbar div {
border: 1px solid #aaa;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.progressbar div {
width: 100%;
height: 100%;
margin: -1px
}
.file_upload_progress .ui-progressbar-value, .file_upload_overall_progress .ui-progressbar-value, .progressbar div {
background: url(pbar-ani.gif)
}
.file_upload_progress div {
width: 150px;
height: 17px
}
.file_upload_overall_progress div {
width: 350px;
height: 17px
}
.file_upload .file_name {
padding: 0 10px;
font-size: 1.1em
}
.file_upload .file_size {
padding: 0 10px 0 0;
text-align: right;
white-space: nowrap;
font-size: 1.1em
}
.file_upload .files, .file_upload_overall_progress {
margin: 10px 0
}
.file_upload_error .ui-progressbar, .file_upload_error .progressbar, .file_upload_error .file_upload_start button {
display: none
}
.file_upload_error .error {
width: 100%;
height: 100%;
color: #CD0A0A;
font-size: 1.1em
}
.file_upload .ui-widget {
font-size: 1em
}
/* Newsletter */
.newsletter .ui-widget, .newsletter .ui-widget, .newsletter .ui-tabs-nav {
background: none;
border: none
}
.newsletter .ui-tabs-nav {
border-bottom: 1px solid #ccc;
border-radius: 0
}
.newsletter .ui-tabs-selected {
background: white
}
.newsletter .rows li {
border: 0;
padding: 0;
margin: 0
}
.newsletter .cell label {
width: 180px
}
.newsletter .cell {
width: 450px
}
.newsletter .message.captcha {
padding: 0;
padding-left: 25px
}
.newsletter-submit {
padding-top: 10px;
padding-left: 224px
}
.search-width {
width: 157px
}
.buorg {
position: absolute;
position: fixed;
z-index: 111111;
width: 100%;
top: 0;
left: 0;
border-bottom: 1px solid #A29330;
background: #FDF2AB no-repeat 13px center;
text-align: left;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px
}
.buorg div {
padding: 5px 36px 5px 40px
}
.buorg a, .buorg a:visited {
color: #E25600;
text-decoration: underline
}
#buorgclose {
position: absolute;
right: 6px;
top: 4px;
height: 20px;
width: 12px;
font-weight: bold;
font-size: 18px;
padding: 0
}
.container_16 {
position: relative
}
.right-side-ad-top {
height: 600px;
width: 300px;
position: absolute;
top: 0;
/* sub pages */
right: -305px;
/* width + margin */
}
.right-side-ad-news-1 {
height: 250px;
width: 300px;
/* background: red;
*/
position: absolute;
top: 0;
/* from news start */
right: -305px;
/* width + margin */
}
.right-side-ad-news-2 {
height: 250px;
width: 300px;
/* background: red;
*/
position: absolute;
top: 266px;
/* from news start */
right: -305px;
/* width + margin */
}
.right-side-ad-top-1 {
height: 250px;
width: 300px;
/* background: green;
*/
position: absolute;
top: -34px;
/* within header */
right: -305px;
/* width + margin */
display: none
}
.right-side-ad-top-2 {
height: 250px;
width: 300px;
/* background: yellow;
*/
position: absolute;
top: 232px;
/* from content top */
right: -305px;
/* width + margin */
display: none
}
.right-side-ad-top-3 {
height: 250px;
width: 300px;
/* background: green;
*/
position: absolute;
top: 500px;
/* within header */
right: -305px;
/* width + margin */
display: none
}
.right-side-ad-top-4 {
height: 250px;
width: 300px;
/* background: yellow;
*/
position: absolute;
top: 591px;
/* from content top */
right: -305px;
/* width + margin */
}
.home-container {
min-height: 442px;
/*margin-bottom: 25px;*/
}
.home-container .right-side-ad-top {
top: -34px
}
.content_box {
margin: 20px 0 20px 0;
padding: 15px 0 10px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc
}
.pac-container, .pac-item {
min-width: 250px
}
/* new ads */
@media (max-width: 1580px) {
.container_16 {
margin-left: 15px !important
}
}