/* HTML5 Boilerplate */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #00bfff; color: #fff; text-shadow: none; }
::selection { background: #00bfff; color: #fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
h1 {margin:0px; font-weight:normal;}
h2 {margin:0px; font-weight:normal;}
@font-face {
font-family: 'DroidSansBold';
src: url('../fonts/droidsans-bold.eot');
src: url('../fonts/droidsans-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/droidsans-bold.woff') format('woff'),
url('../fonts/droidsans-bold.ttf') format('truetype'),
url('../fonts/droidsans-bold.svg#droidsans-bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GloriaHallelujah';
src: url('../fonts/gloriahallelujah.eot');
src: url('../fonts/gloriahallelujah.eot?#iefix') format('embedded-opentype'),
url('../fonts/gloriahallelujah.woff') format('woff'),
url('../fonts/gloriahallelujah.ttf') format('truetype'),
url('../fonts/gloriahallelujah.svg#gloriahallelujah') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSans';
src: url('../fonts/droidsans.eot');
src: url('../fonts/droidsans.eot?#iefix') format('embedded-opentype'),
url('../fonts/droidsans.woff') format('woff'),
url('../fonts/droidsans.ttf') format('truetype'),
url('../fonts/droidsans.svg#droidsans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaBold';
src: url('../fonts/helvetica-bold.eot');
src: url('../fonts/helvetica-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/helvetica-bold.woff') format('woff'),
url('../fonts/helvetica-bold.ttf') format('truetype'),
url('../fonts/helvetica-bold.svg#helvetica-bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Helvetica';
src: url('../fonts/Helvetica.eot');
src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
url('../fonts/Helvetica.woff') format('woff'),
url('../fonts/Helvetica.ttf') format('truetype'),
url('../fonts/Helvetica.svg#Helvetica') format('svg');
font-weight: normal;
font-style: normal;
}
/* global */
body {position:relative; background-color:#a2ccda; margin: 0; font-size: 1em; line-height: 1.4; width:100%; background-position:center top; background-image:url(../img/main_bg.png); background-repeat:no-repeat; }
.marginauto {margin-left:auto; margin-right:auto;}
.left {float:left;}
.right {float:right;}
a {text-decoration:none;}
a.imagelink {font-size:0px;} /* To je zaradi linkov na slike, brez tega doda nek čuden znak ki je odvisen od font-size*/
ul {margin:0px; padding:0px; list-style:none;}
ol {margin:0px; padding:0px;}
.center {text-align:center;}
.inline-block {display:inline-block;}
.verticalbottom {vertical-align:bottom;}
.roundedcorners4px {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.roundedbottomcorners4px {border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;}
.roundedtopcorners4px {border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;}
.boxshadow {-webkit-box-shadow: 0px 0px 5px #5a8b9c; -moz-box-shadow:0px 0px 5px #5a8b9c; box-shadow:0px 0px 5px #5a8b9c;}
.boxshadow1pxbottomwhite {-webkit-box-shadow: 1px 1px 3px #ffffff; -moz-box-shadow:1px 1px 3px #ffffff; box-shadow:1px 1px 3px #ffffff;}
.noleftmargin {margin-left:0px !Important;}
.norightmargin {margin-right:0px !Important;}
p {margin:0px;}
.lineheight28 {line-height:28px !Important;}
.innershadow {-webkit-box-shadow: inset 1px 1px 2px 1px #eaeaea; box-shadow: inset 1px 1px 2px 1px #eaeaea;}
.gradinetFEFEFE-F6F6F6
{
background-image: linear-gradient(top, #FEFEFE 9%, #F6F6F6 55%);
background-image: -o-linear-gradient(top, #FEFEFE 9%, #F6F6F6 55%);
background-image: -moz-linear-gradient(top, #FEFEFE 9%, #F6F6F6 55%);
background-image: -webkit-linear-gradient(top, #FEFEFE 9%, #F6F6F6 55%);
background-image: -ms-linear-gradient(top, #FEFEFE 9%, #F6F6F6 55%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.09, #FEFEFE),
color-stop(0.55, #F6F6F6)
);
}
.gradinetFDFDFD-F4F4F4
{
background-image: linear-gradient(top, #FDFdFD 9%, #F4F4F4 55%);
background-image: -o-linear-gradient(top, #FDFdFD 9%, #F4F4F4 55%);
background-image: -moz-linear-gradient(top, #FDFdFD 9%, #F4F4F4 55%);
background-image: -webkit-linear-gradient(top, #FDFdFD 9%, #F4F4F4 55%);
background-image: -ms-linear-gradient(top, #FDFdFD 9%, #F4F4F4 55%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.09, #FDFDFD),
color-stop(0.55, #F4F4F4)
);
}
.gradinetF3F4F3-FCFCFC
{
background-image: linear-gradient(top, #F3F4F3 9%, #FCFCFC 55%);
background-image: -o-linear-gradient(top, #F3F4F3 9%, #FCFCFC 55%);
background-image: -moz-linear-gradient(top, #F3F4F3 9%, #FCFCFC 55%);
background-image: -webkit-linear-gradient(top, #F3F4F3 9%, #FCFCFC 55%);
background-image: -ms-linear-gradient(top, #F3F4F3 9%, #FCFCFC 55%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.09, #F3F4F3),
color-stop(0.55, #FCFCFC)
);
}
/* fonts */
.droidSans14black {font-family:DroidSans; font-size:14px; color:Black; line-height:14px;}
.droidSans16black {font-family:DroidSans; font-size:16px; color:Black; line-height:16px;}
.droidSansBold12Verydarkblue {font-family:DroidSansBold; font-size:12px; color:#03222d; line-height:12px;}
.droidSansBold14wtihe {font-family:DroidSansBold; font-size:14px; color:White; line-height:14px; font-weight:normal;}
.droidSansBold15wtihe {font-family:DroidSansBold; font-size:15px; color:White; line-height:15px;}
.droidSansBold18wtihe {font-family:DroidSansBold; font-size:18px; color:White; line-height:18px;}
.droidSansBold22wtihe {font-family:DroidSansBold; font-size:22px; color:White; line-height:22px;}
.droidSansAllTheWayTitle {font-family:DroidSansBold; font-size:22px; color:White; line-height:36px;}
.droidSansBold46wtihe {font-family:DroidSansBold; font-size:46px; color:White; line-height:46px;}
.droidSansBold90wtihe {font-family:DroidSansBold; font-size:90px; color:White; line-height:90px;}
.droidSansBold14black {font-family:DroidSansBold; font-size:14px; color:Black; line-height:14px;}
.droidSansBold20black {font-family:DroidSansBold; font-size:20px; color:Black; line-height:20px;}
.DroidSans14pxVerydarkblue {font-family:DroidSans; font-size:14px; color:#14313b; line-height:14px;}
.DroidSans15pxVerydarkblue {font-family:DroidSans; font-size:15px; color:#14313b; line-height:15px;}
.DroidSans18pxVerydarkblue {font-family:DroidSans; font-size:18px; color:#14313b; line-height:18px;}
.droidSansBold20Verydarkblue {font-family:DroidSansBold; font-size:20px; color:#03222d; line-height:20px;}
.droidSansBold26Verydarkblue {font-family:DroidSansBold; font-size:26px; color:#03222d; line-height:26px;}
.GloriaHallelujah11black {font-family:GloriaHallelujah; font-size:11px; color:Black; line-height:11px;}
.DroidSans12pxVerydarkblue {font-family:DroidSans; font-size:12px; color:#14313b; line-height:12px;}
.DroidSansBold26pxVerydarkblue {font-family:DroidSansBold; font-size:26px; color:#14313b; line-height:26px;}
.DroidSans13pxRed {font-family:DroidSans; font-size:13px; color:#d61e1e; line-height:13px;}
.HelveticaBold14kindofBlack {font-family:HelveticaBold; font-size:14px; color:#333333; line-height:14px;}
.DroidSans11pxGray {font-family:DroidSans; font-size:11px; color:#7f7f7f; line-height:11px;}
.DroidSans13pxGray {font-family:DroidSans; font-size:13px; color:#7f7f7f; line-height:13px;}
.DroidSans13pxBoldGray {font-family:DroidSans; font-size:13px; color:#7f7f7f; line-height:13px; font-weight:bold;}
.Helvetica13DarkGray {font-family:Helvetica; font-size:13px; color:#5f5f5f; line-height:13px;}
.Helvetica13Gray {font-family:Helvetica; font-size:13px; color:#7f7f7f; line-height:13px;}
.Helvetica13White {font-family:Helvetica; font-size:13px; color:White; line-height:13px;}
/* links */
a.droidSansBold14wtihe {font-family:DroidSansBold; font-size:14px; color:White; line-height:14px;}
a.droidSansBold20undelinedblack {font-family:DroidSansBold; font-size:20px; color:Black; line-height:20px; border-bottom:solid black 1px; display:inline-block; }
a.droidSansBold20undelinedblack:hover {font-family:DroidSansBold; font-size:20px; color:Black; line-height:20px; border-bottom:none; display:inline-block;}
a.arial13white {font-family:Arial; font-size:13px; color:White; border-bottom:none;}
a.arial13white:hover {font-family:Arial; font-size:13px; color:White; border-bottom:solid White 1px;}
a.DroidSans14BoldOrange {font-family:DroidSans; font-size:14px; color:#d6551e; line-height:14px; font-weight:bold;}
a.DroidSans14pxBoldVerydarkblue {font-family:DroidSans; font-size:14px; color:#14313b; line-height:14px; font-weight:bold;}
a.droidSansBold14black {font-family:DroidSansBold; font-size:14px; color:Black; line-height:14px;}
a.DroidSans11pxBoldGray {font-family:DroidSans; font-size:11px; color:#7f7f7f; line-height:11px; font-weight:bold;}
a.DroidSans11pxBoldOrange {font-family:DroidSans; font-size:11px; color:#d6551e; line-height:11px; font-weight:bold;}
a.DroidSans12pxGray {font-family:DroidSans; font-size:12px; color:#7f7f7f; line-height:12px; }
a.DroidSans12pxWhite {font-family:DroidSans; font-size:12px; color:White; line-height:12px; }
a.DroidSans20pxWhite {font-family:DroidSans; font-size:20px; color:White; line-height:20px; }
a.DroidSansBold20pxWhite {font-family:DroidSans; font-size:20px; color:White; line-height:20px; font-weight:bold;}
a.droidSans14UndelineOrange {font-family:DroidSans; font-size:14px; color:#d6591f; line-height:14px; border-bottom:solid #d6591f 1px; display:inline-block;}
a.droidSans14UndelineOrange:hover {font-family:DroidSans; font-size:14px; color:#d6591f; line-height:14px; border-bottom:none;}
a.droidSans16black {font-family:DroidSans; font-size:16px; color:Black; line-height:16px; border-bottom:none; display:inline-block;}
a.droidSans16blackUnderline {font-family:DroidSans; font-size:16px; color:Black; line-height:16px; border-bottom:solid Black 1px; display:inline-block;}
a.droidSans16blackUnderline:hover {border-bottom:none;}
a.droidSans16white {font-family:DroidSans; font-size:16px; color:White; line-height:16px; border-bottom:solid White 1px; display:inline-block;}
a.droidSans16white:hover {font-family:DroidSans; font-size:16px; color:White; line-height:16px; border-bottom:none;}
a.droidSansBold14lightgray {font-family:DroidSansBold; font-size:14px; color:#a8a8a8; line-height:14px;}
/* popup */
.popupouther {position:absolute; top:0px; z-index:7; width:100%; height:100%; background-color:transparent;}
.popupbackground {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); background-color:#14313b; background-color: rgba(20, 49, 59, 0.7); color: rgba(20, 49, 59, 0.7); position:absolute;width:100%; height:100%; top:0px; left:0px; z-index:8;}
.popupholder {margin-top:158px; z-index:7; width:480px; border:solid 2px #03222d;/* position:absolute;*/ z-index:3; background-color:White;/* left:230px; top:10px;*/ -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);}
.popupholder .titleholder {background-color:#03222d; height:45px; line-height:45px; vertical-align:middle; padding:0 20px;}
.popupholder .content {padding:30px 36px;}
.popupholder .paragraph {line-height:24px; margin-bottom:30px;}
.popupholder .closebutton {width:14px; height:14px; margin:15px 6px 0 0; display:block; background-image:url(../img/images.png); background-position:-69px -329px;}
.popupholder .pinnumberinput {width:289px; height:38px; border:solid 1px #a8a8a8; line-height:38px; vertical-align:middle; padding:0 11px;}
.popupholder .pinnumberinput:active, .popupholder .pinnumberinput:focus {outline: none !important; border: 1px solid #d5541d; }
.popupholder .inputtitle {margin:0 0 16px 0; display:block;}
.popupholder .addservercontrolsholder {width:311px;}
.lightclosebutton109px {-webkit-box-shadow: 0px 1px 2px 0px #e3e3e3; box-shadow: 0px 1px 2px 0px #e3e3e3; width:107px; height:34px; line-height:34px !Important; text-align:center; vertical-align:middle; display:block; background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(254,254,254,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}
.closebuttonborder {border:solid 1px #eaebec;}
.closebuttonborder:hover {border:solid 1px #A8A8A8;}
.orangebutton107 {display: block; height: 34px; line-height: 32px !important; vertical-align: middle; width: 107px; border:solid 1px #c34d1a;
-webkit-box-shadow:inset 0px 1px 1px 0px #e58f69, 0px 1px 0px 0px #cacaca; box-shadow:inset 0px 1px 1px 0px #e58f69, 0px 1px 0px 0px #cacaca;
background: #d8581f; /* Old browsers */
background: -moz-linear-gradient(top, #d8581f 0%, #d24d1a 48%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8581f), color-stop(48%,#d24d1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d8581f 0%,#d24d1a 48%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d8581f 0%,#d24d1a 48%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d8581f 0%,#d24d1a 48%); /* IE10+ */
background: linear-gradient(top, #d8581f 0%,#d24d1a 48%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8581f', endColorstr='#d24d1a',GradientType=0 ); /* IE6-9 */}
.orangebutton107:hover {display: block; height: 34px; line-height: 32px !important; vertical-align: middle; width: 107px; border:solid 1px #c34d1a;
-webkit-box-shadow:inset 0px 1px 1px 0px #e58f69, 0px 1px 0px 0px #cacaca; box-shadow:inset 0px 1px 1px 0px #e58f69, 0px 1px 0px 0px #cacaca;
background: #d8581f; /* Old browsers */
background: -moz-linear-gradient(top, #d8581f 2%, #b81f04 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#d8581f), color-stop(75%,#b81f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d8581f 2%,#b81f04 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d8581f 2%,#b81f04 75%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d8581f 2%,#b81f04 75%); /* IE10+ */
background: linear-gradient(top, #d8581f 2%,#b81f04 75%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8581f', endColorstr='#b81f04',GradientType=0 ); /* IE6-9 */}
/* contact us, forgoten password*/
.forgotenpasswordparagraph {line-height:24px; margin-top:36px; display:block; float:left;}
.width80 {width:80px !Important;}
.width100 {width:100px !Important;}
.width160 {width:160px !Important;}
.width253 {width:253px !Important;}
.contactusholder {width:620px;}
.contactusholder .youtemailholder {width:325px;}
.contactusholder .yournameholder {width:277px;}
.contactusholder .mandatorystar {line-height:40px !Important; vertical-align:middle; margin:0 0 0 10px;}
.contactusholder .textareamessage {width:578px; height:184px; line-height:18px;}
.contactusholder .orangebutton107 {margin-right:18px;}
/* base: header*/
header {width:960px; height:60px; padding-left:40px; padding-right:40px;}
.logotip {width:121px; height:36px; float:left; margin:25px 0 0 0; /*background-image:url(../img/images.png);*/ display:block; /*background-position:left top;*/}
.headerhomelinkholder {position:relative;}
.headerhomelink {margin:24px 0 0 20px;}
.takemehometitle {margin:44px 0 0 62px;}
.logotipcentere {margin:25px 0 0 300px !Important;}
.loginholder {z-index:5; min-width:230px; position:relative; float:right; margin:35px 0 0 0; border-bottom:solid white 3px; padding:0 0 8px 0; }
.languageselectorbullet {width:9px; height:7px; display:block; margin:4px 8px 0 0; background-image:url(../img/images.png); background-position:-222px -185px;}
.languageselectorlink {padding:0 14px 0 0;}
.signintextlink {margin:0 75px 0 20px;}
.usernametextlink {margin:0 10px 0 20px;}
.loginpopupholder {width:230px; position:absolute; top:40px; left:-133px; background-color:White; }
.languagepopupholder {width:110px; position:absolute; top:40px; right:0px; background-color:White; padding:15px 0px 10px 0px;}
.loginpopuparrowup {width:21px; height:12px; background-image:url(../img/images.png); background-position:-175px -299px; position:absolute; top:-12px; left:170px;}
.languagepopuparrowup {top:-12px; left:45px;}
.loginpopuparrowdown {width:21px; height:10px; background-position:-83px -329px; background-image:url(../img/images.png); position:absolute; top:64px; left:45px; }
.languageitem {padding:5px 16px 5px 16px; cursor:pointer;}
.languageitem:hover {background-color:#f6f6f6;}
.userpopupholder {width:110px; position:absolute; top:40px; right:135px; background-color:White; padding:15px 0px 10px 0px;}
.usernamebullet {background-image: url("../img/images.png"); background-position: -185px -316px; display: block; height: 7px; margin: 4px 53px 0 0; width: 9px;}
.loginsocialnetworksholder {height:126px; padding:20px 0; background-color:#f6f6f6;}
.loginsocialnetworksholderpage {height:126px; padding:20px 0;}
.socialnetworkloginitem {width:178px; height:34px; border:solid 1px #eaebec; line-height:34px; display:block; vertical-align:middle; padding:0 11px; margin:0 0 10px 14px; background-color:White;}
.socialnetworkloginitem:hover {width:178px; height:34px; border:solid 1px #d1d1d1; line-height:34px; display:block; vertical-align:middle; padding:0 11px; margin:0 0 10px 14px; background-color:White;}
.facebookloginicon {margin:8px 0 0 5px; width:8px; height:17px; display:block; background-image:url(../img/images.png); background-position:-225px -310px;}
.yahoologinicon {margin:12px 0 0 -1px; width:20px; height:11px; display:block; background-image:url(../img/images.png); background-position:-194px -316px;}
.googleloginicon {margin:8px 0 0 4px; width:11px; height:17px; display:block; background-image:url(../img/images.png); background-position:-214px -310px;}
.socialiconlogintext {border-left:solid 1px #eaebec; height:34px; vertical-align:middle; line-height:32px; width:135px; padding:0 0 0 13px;}
.signinbutton {margin:0 14px 0 0; width:79px; height:38px; background-image:url(../img/images.png); background-position:-100px -241px; display:block;}
.newaccountholder {height:57px; background-color:#03222d; cursor:pointer;}
.newaccountholder:hover {background-color:#2c2c2c;}
.newaccountbutton {margin:8px 12px 0 19px; width:35px; height:36px; background-image:url(../img/images.png); background-position:-191px 0; display:block;}
.createaccounttext {margin:19px 0 0 0;}
.loginemail {width:178px; height:34px; border:solid 1px #a8a8a8; line-height:34px; vertical-align:middle; padding:0 11px; margin:19px 0 10px 14px;}
.loginpass {width:178px; height:34px; border:solid 1px #a8a8a8; line-height:34px; vertical-align:middle; padding:0 11px; margin:0 0 9px 14px;}
/*Hide blue focus border*/
#searchtext:focus ,#searchtext:active {outline: none !important;}
.loginpageemailinput:focus, .loginpageemailinput:active, .loginpagepasswordinput:focus, .loginpagepasswordinput:active {outline: none !important; border: 1px solid #d5541d; }
.loginemail:focus, .loginemail:active, .loginpass:focus, .loginpass:active {outline: none !important; border: 1px solid #d5541d; }
.remembercontrol {background-color:White; cursor:pointer; margin:7px 8px 0 14px; width:20px; height:21px; border:solid 1px #a8a8a8;-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;}
.loginremembermetext {margin:12px 0 0 0;}
.commentarrowdownup {position:absolute; top:52px; left:175px; width:31px; height:8px; background-image:url(../img/images.png); background-position:-121px -23px; display:block;}
/* login page */
.loginformholder {width:300px; margin:72px 0 0 300px;}
.loginpageemailinput {width:278px; height:34px; border:solid 1px #a8a8a8; line-height:34px; vertical-align:middle; padding:0 11px;}
.loginpagepasswordinput {margin:10px 0; width:278px; height:34px; border:solid 1px #a8a8a8; line-height:34px; vertical-align:middle; padding:0 11px;}
.logincreateaccountholder {width:278px; height:34px; padding: 0 11px; vertical-align:middle; line-height:34px;}
.logincreateaccountholder:hover {border:solid 1px #d6551e; width: 276px; height:32px;}
.loginnewbadge {margin:6px 14px 0 0; width:24px; height:23px; background-image:url(../img/images.png); background-position:-121px 0; display:block;}
.loginlostbadge {margin:6px 14px 0 0; width:24px; height:23px; background-image:url(../img/images.png); background-position:-145px 0; display:block;}
.loginforgottenpasswordholder {margin:16px 0 0 0; width:276px; height:34px; padding: 0 11px 0 13px; vertical-align:middle; line-height:34px;}
.loginforgottenpasswordholder:hover {border:solid 1px #14313B; width: 274px; height:32px;}
.loginerroricon {margin:8px 14px 0 0; width:22px; height:20px; background-image:url(../img/images.png); background-position:-169px 0px; display:block;}
.loginerrorholder {margin:0 0 16px 0; width:276px; height:34px; padding: 0 11px 0 13px; vertical-align:middle; line-height:34px; display:block;}
#recaptcha_response_field {height:20px !Important; line-height:20px !Important;}
/* index page */
.contentholder {width:960px; position:relative; padding-left:40px; padding-right:40px;}
.indextitleholder {margin:66px 0 0 0;}
.indextitleholder .righttitle {margin:22px 118px 0 0;}
.indexleft {width:510px; position:relative;}
.indexleft .mainpagetitle {position:absolute; left:0px; top:-53px; width:700px; font-weight:normal !Important;}
.indexleft .lefttitle {margin:0 0 7px 0; width:700px;}
.indexright {width:446px;}
.learnmorelink {width:233px; height:73px; line-height:68px!Important; vertical-align:middle; background-image:url(../img/images.png); background-position:0px -36px; display:block; margin:118px 0 32px 0;}
.learnmoreicon {line-height:22px; width:27px; height:21px; background-image:url(../img/images.png); background-position:-104px -329px; display:inline-block;}
.indexcloudimage {margin:10px 0 0 0; width:1042px; height:174px; background-image:url(../img/index_cloud.png); position:absolute; left:21px;}
.indexcloudtext {margin-right:114px;}
.installtextlistmiddleitem {margin:30px 0 38px 0;}
.installtextholder {position:relative; padding:56px 0 0 0;}
.downarrow {top:36px; right:-12px; width:55px; height:14px; position:absolute; background-image:url(../img/images.png); background-position:-178px -196px;}
.uparrow {top:217px; right:-21px;width:55px; height:18px; position:absolute; background-image:url(../img/images.png); background-position:-178px -109px;}
.installinksholder {width:230px; height:240px;}
.dottedline230 {width:230px; height:1px; background-image:url(../img/images.png); background-position:0px -327px; display:block;}
.googleplaylink {width:160px; height:39px; background-image:url(../img/images.png); background-position:0px -109px; display:block;}
.googleTVlink {margin:0 0 24px 18px; width:49px; height:44px; background-image:url(../img/images.png); background-position:0px -283px; display:block;}
.applestorelink {margin:30px 0 40px 0; width:160px; height:46px; background-image:url(../img/images.png); background-position:0px -148px; display:block;}
.windowsOSlink {margin:20px 0 0 4px; width:34px; height:29px; background-image:url(../img/images.png); background-position:-160px -165px; display:block;}
.macOSxlink {margin:20px 0 0 30px; width:23px; height:28px; background-image:url(../img/images.png); background-position:-205px -210px; display:block;}
.linuxOSlink {margin:16px 0 0 32px; width:31px; height:37px; background-image:url(../img/images.png); background-position:-160px -128px; display:block;}
.checkmark {margin:5px 0 0 3px; width:14px; height:14px; background-image:url(../img/images.png); background-position:-212px -161px; display:block;}
/* Web player page*/
.bradcrumbspageholder {margin:78px 0 0 0; width:960px; /*height:1034px;*/ background-color:#03222d; padding:10px 0 0 0;}
.filelistholder {margin-bottom:12px; width:940px; height:376px; background-color:White; background-image:url(../img/bradcrumbs_lastlistitem_bg.png); background-repeat:repeat-x; background-position:left 315px; z-index:3; position:relative;}
.filelistholder .headerholder {height:48px; background-color:#f4f3f3; border-top:solid White 1px; border-bottom:solid White 1px;}
.filelistholder .bradcrumbsholder {height:32px; background-color:#f4f3f3; border-bottom:solid White 1px; overflow:hidden;}
.filelistholder .columsnameholder {height:32px; background-color:#e6e5e5; border-bottom:solid White 1px;}
.filelistholder .sourcesselector {width:242px; background-color:White; height:30px; border:solid 1px #d7d7d7; margin:8px 0 0 9px; padding:0 14px;}
.filelistholder .sourcesselector .selectorvalue {line-height: 30px; vertical-align: middle; width: 225px; overflow: hidden; display: block; height: 30px; float: left;}
/*Show down arrow only if more sources available*/
.filelistholder .sourcesselector .downarrowbutton {margin:10px 3px 0 0; width:12px; height:10px; background-image:url(../img/images.png); background-position:-210px -185px; visibility:hidden;}
.filelistholder .cursorpointer .downarrowbutton {visibility:visible;}
.filelistholder .addserverholder {margin:0 3px 0 12px;}
.filelistholder .addserverholder .addserverbutton {margin:18px 10px 0 0; width:12px; height:11px; background-image:url(../img/images.png); background-position:-122px -299px;}
.filelistholder .addserverholder .addservertext {margin:17px 0 0 0;}
.filelistholder .searchcontrolholder {width:242px; background-color:White; height:30px; border:solid 1px #d7d7d7; margin:8px 8px 0 26px; padding:0 14px;}
.filelistholder .searchcontrolholder .searchcontrol {width:210px; height:24px; vertical-align:middle; line-height:24px; background-color:transparent; border:none; margin:2px 0 0 0;}
.filelistholder .searchcontrolholder .submitbutton {margin:8px 0 0 3px; width:12px; height:14px; background-image:url(../img/images.png); background-position:-163px -299px;}
.filelistholder .configholder .configbutton {margin:16px 9px 0 0; width:15px; height:14px; background-image:url(../img/images.png); background-position:-133px -299px;}
.filelistholder .configholder .configtext {margin:17px 0 0 0;}
.filelistholder .bradcrumbsholder .rootemitholder {margin:0 15px 0 21px}
.filelistholder .bradcrumbsholder .rooticon {margin:10px 0 0 0; width:9px; height:12px; background-image:url(../img/images.png); background-position:-148px -299px;}
.filelistholder .bradcrumbsholder .arrowright {margin:11px 17px 0 0; width:6px; height:10px; background-image:url(../img/images.png); background-position:-157px -299px;}
.filelistholder .bradcrumbsholder .textinitem {padding:10px 15px 10px 0;}
.filelistholder .columsnameholder .attrkind {margin:10px 0 0 21px;}
.filelistholder .columsnameholder .attrname {margin:10px 0 0 23px;}
.filelistholder .columsnameholder .attrdate {margin:10px 0 0 470px;}
.filelistholder .playlistholder {width:940px; height:264px; position:relative;}
.filelistholder .playlistholderwbradcrumbs {width:940px; height:231px; position:relative; overflow:auto;}
.filelistholder .verscroller {width:7px; height:67px; background-color:#03222d; position:absolute; right:11px; top:20px;}
#bradcrumbsplaylist .playlistitem {height:32px; width:910px; border-bottom:solid #f8f8f8 1px;line-height: 32px;}
#bradcrumbsplaylist .playlistitem:hover {background-color:#f6f6f6;}
/*#bradcrumbsplaylist .playlistitem:active {background-color:#d95920;}*/
#bradcrumbsplaylist .selected {background-color:#d95920; color:White !Important;}
#bradcrumbsplaylist .selected:hover {background-color:#d95920; color:White !Important;}
#bradcrumbsplaylist .playlistitem .mediaiconholder {width:48px; padding:0 0 0 22px;}
#bradcrumbsplaylist .playlistitem .musicicon {margin:7px 0 0 0; width:17px; height:17px; background-image:url(../img/images.png); background-position:-49px -299px; display:block;}
#bradcrumbsplaylist .playlistitem .foldericon {margin:7px 0 0 0; width:21px; height:16px; background-image:url(../img/images.png); background-position:-48px -329px; display:block;}
#bradcrumbsplaylist .playlistitem .imageicon {margin:7px 0 0 0; width:22px; height:17px; background-position:-26px -329px; background-image:url(../img/images.png); display:block;}
#bradcrumbsplaylist .playlistitem .movieicon {margin:7px 0 0 0; width:19px; height:19px; background-image:url(../img/images.png); background-position:-83px -299px; display:block;}
#bradcrumbsplaylist .playlistitem .loadingicon {width:19px; height:19px; display:block;}
#bradcrumbsplaylist .playlistitem .filetitle {padding:9px 15px 9px 0; width:490px; height: 15px; overflow:hidden; line-height: 15px;}
#bradcrumbsplaylist .playlistitem .date {margin:9px 0 0 0; width:70px;}
#bradcrumbsplaylist .playlistitem .playbutton {margin:10px 0 0 130px; width:10px; height:12px; background-image:url(../img/images.png); background-position:-102px -299px;}
#bradcrumbsplaylist .playlistitem .downloadbutton {margin:7px 27px 0 0; width:18px; height:18px; background-image:url(../img/images.png); background-position:-177px -279px;}
#bradcrumbsplaylist .selected .musicicon {background-position:-66px -299px;}
#bradcrumbsplaylist .selected .playbutton {background-position:-112px -299px;}
#bradcrumbsplaylist .selected .downloadbutton {background-position:-195px -279px;}
#bradcrumbsplaylist .selected .imageicon {background-position:-131px -329px;}
#bradcrumbsplaylist .selected .movieicon {background-position:-153px -329px;}
/*Use !Important to override font class color*/
#bradcrumbsplaylist .selected .filetitle {color:White !Important;}
#bradcrumbsplaylist .selected .date {color:White !Important;}
.filelistholder .playsharinglinkholder {margin:6px 20px 0 0;}
.filelistholder .refreshbtn {margin:4px 0 0 20px; display:block; width:20px; height:20px; background-image:url(../img/refresh.png);}
.filelistholder .playsharinglinkholder .icon {margin:-1px 14px 0 0; width:16px; height:16px; background-image:url(../img/images.png); background-position:-194px -179px;}
.bradcrumbspageholder .oneitemviewlink {margin:0px 0 0 80px; width:20px; height:16px; background-image:url(../img/images.png); background-position:-49px -283px; display:block; opacity:1; transition: opacity .05s ease-in-out; -moz-transition: opacity .05s ease-in-out; -webkit-transition: opacity .05s ease-in-out;}
.bradcrumbspageholder .oneitemviewlink:hover {opacity:0.8;}
.bradcrumbspageholder .oneitemviewlinkselected {margin:0px 0 0 80px; width:20px; height:16px; background-image:url(../img/images.png); background-position:-69px -283px; display:block;}
.bradcrumbspageholder .mozaicviewlinkselected {margin:0px 0 0 18px; width:22px; height:16px; background-image:url(../img/images.png); background-position:-111px -283px; display:block;}
.bradcrumbspageholder .mozaicviewlink {margin:0px 0 0 18px; width:22px; height:16px; background-image:url(../img/images.png); background-position:-89px -283px; display:block; opacity:1; transition: opacity .05s ease-in-out; -moz-transition: opacity .05s ease-in-out; -webkit-transition: opacity .05s ease-in-out;}
.bradcrumbspageholder .mozaicviewlink:hover {opacity:0.8;}
.bradcrumbspageholder .slideshowviewlink {margin:0px 0 0 18px; width:22px; height:20px; background-image:url(../img/images.png); background-position:-133px -279px; display:block; opacity:1; transition: opacity .05s ease-in-out; -moz-transition: opacity .05s ease-in-out; -webkit-transition: opacity .05s ease-in-out;}
.bradcrumbspageholder .slideshowviewlink:hover {opacity:0.8;}
.bradcrumbspageholder .slideshowviewlinkselected {margin:0px 0 0 18px; width:22px; height:20px; background-image:url(../img/images.png); background-position:-155px -279px; display:block;}
.bradcrumbspageholder .fullscreenviewlink {margin:0px 0 0 18px; width:20px; height:16px; background-image:url(../img/images.png); background-position:-172px -330px; display:block; opacity:1; transition: opacity .05s ease-in-out; -moz-transition: opacity .05s ease-in-out; -webkit-transition: opacity .05s ease-in-out;}
.bradcrumbspageholder .fullscreenviewlink:hover {opacity:0.8;}
.bradcrumbspageholder .fullscreenviewlinkselected {margin:0px 0 0 18px; width:20px; height:16px; background-image:url(../img/images.png); background-position:-193px -330px; display:block;}
.fullimage {max-width:800px; max-height:600px; vertical-align: middle;}
.smallimage {max-width:250px; max-height:190px; vertical-align: middle;}
.bradcrumbspageholder .mosaiclist {width:800px; height:600px;}
.bradcrumbspageholder .mosaiclist .mosaicitem {width:250px; height:190px; margin:0 25px 15px 0;}
.bradcrumbspageholder .mosaiclist .mosaicitemlast {width:250px; height:190px; margin:0 0 15px 0;}
.bradcrumbspageholder .nextbutton {margin:284px 0 0 31px; width:25px; height:42px; background-image:url(../img/images.png); background-position:-25px -241px; display:block; opacity:1; transition: opacity .05s ease-in-out; -moz-transition: opacity .05s ease-in-out; -webkit-transition: opacity .05s ease-in-out;}
.bradcrumbspageholder .nextbutton:hover {opacity: 0.5;}
.bradcrumbspageholder .nextbutton:active {opacity: 1;}
.bradcrumbspageholder .nextbuttondisabled {margin:284px 0 0 31px; width:25px; height:42px; background-image:url(../img/images.png); background-position:-75px -241px; display:block;}
.bradcrumbspageholder .previousbutton {margin:284px 31px 0 24px; width:25px; height:42px; background-image:url(../img/images.png); background-position:0 -241px; display:block; opacity:1; transition: opacity .05s ease-in-out; -moz-transition: opacity .05s ease-in-out; -webkit-transition: opacity .05s ease-in-out;}
.bradcrumbspageholder .previousbutton:hover {opacity: 0.5;}
.bradcrumbspageholder .previousbutton:active {opacity: 1;}
.bradcrumbspageholder .previousbuttondisabled {margin:284px 31px 0 24px; width:25px; height:42px; background-image:url(../img/images.png); background-position:-50px -241px; display:block;}
.bradcrumbspageholder .oneitempreviewholder {width:800px; height:600px; overflow:hidden;}
.bradcrumbspageholder .oneitempreviewholder .imgcontainer {width:800px; height:600px; float: left; text-align: center; line-height: 600px;}
.bradcrumbspageholder .closeslideshowbutton {margin:0px 10px 0 0; width:10px; height:10px; background-image:url(../img/images.png); background-position:-212px -175px; display:block;}
.bradcrumbspageholder .closeslideshowholder {margin:2px 94px 0 0; line-height: 13px;}
.mosaiclist .smallimgcontainer {width:250px; height:190px; float: left; text-align: center; line-height: 190px;}
.bradcrumbspageholder #video_player {width:932px;height:524px; background-color:#000000; margin-left:9px; margin-bottom:10px}
.bradcrumbspageholder #video_player_embed {width:940px;height:529px;}
.bradcrumbspageholder #audio_player {width:940px; height:77px; background-color:#a2ccda; margin-left:10px; margin-bottom:10px; z-index:1; margin-top:-15px; position:relative;}
.bradcrumbspageholder #audio_player_embed {width:940px;height:70px; margin-top:3px; background-color:#a2ccda;}
.bradcrumbspageholder .sourcesselectorholder .dropdownholder {position:absolute; z-index:2; left:9px; top:37px; width:270px; background-color:White; border: 1px solid #D7D7D7;}
.bradcrumbspageholder .sourcesselectorholder {position:relative;}
.bradcrumbspageholder .sourceitemholder {height:32px; border-bottom:solid 1px #e6e5e5; line-height:32px; vertical-align:middle;}
.bradcrumbspageholder .sourceitemholderselected {background-color:#D95920;}
.bradcrumbspageholder .sourceitemholder:hover {background-color:#f6f6f6;}
.bradcrumbspageholder .sourceitemholderselected:hover {background-color:#D95920;}
.bradcrumbspageholder .sourceitemholder .text {padding:10px 0 10px 10px; display: block; width: 220px; overflow:hidden;}
.bradcrumbspageholder .sourceitemholderselected .text {color:White !Important;}
.bradcrumbspageholder .sourceitemholder .deleteicon {margin:11px 18px 0 0; width:10px; height:11px; display:block; background-image:url(../img/images.png); background-position:-223px -279px; overflow:hidden;}
.bradcrumbspageholder .sourceitemholderselected .deleteicon {background-position:-213px -279px;}
.bradcrumbspageholder .greencheckmark {width:12px; height:12px; display:block; background-image:url(../img/images.png); background-position:-196px -299px;}
.bradcrumbspageholder .fileicon {width:14px; height:18px; display:block; background-image:url(../img/images.png); background-position:-219px -290px;}
.bradcrumbspageholder .getmoreholder {padding:15px 0 14px 0; width:270px; display:block;}
.bradcrumbspageholder .downarrowbutton {display:block; width:12px; height:10px; background-image:url(../img/images.png); background-position:-210px -185px;}
.bottommarginnone {margin-bottom:0px;}
.sharepopupholder {width:110px; position:absolute; top:270px; right:150px; background-color:White; padding:15px 0px 10px 0px; z-index:100;}
/*fullscreen*/
.bradcrumbspageholder #gallery.fullscreen {background: #03222D; position: fixed; top: 0; left: 0; padding-top: 8px; max-width: 100%; width: 100%; max-height: 100%; height: 100%; z-index: 10000;}
.bradcrumbspageholder .mosaiclist.fullscreen {position: fixed; top: 28px; left: 60px; right: 60px; bottom: 0; max-width: 100%; width: auto; max-height: 100%; height: auto;}
.bradcrumbspageholder .oneitempreviewholder.fullscreen {position: fixed; top: 28px; left: 0; right: 0; bottom: 0; max-width: 100%; width: 100%; max-height: 100%; height: 100%;}
.bradcrumbspageholder .oneitempreviewholder .imgcontainer.fullscreen {position: fixed; top: 28px; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; width: 100%; height: 100%;}
.bradcrumbspageholder .prevfullscreen {position: fixed; margin: 0; margin-top: -21px; padding: 0; left: 20px; top: 50%; z-index: 10001;}
.bradcrumbspageholder .nextfullscreen {position: fixed; margin: 0; margin-top: -21px; padding: 0; right: 20px; top: 50%; z-index: 10001;}
.outerfullscreen {height: 100%; overflow: hidden; margin:0; padding:0;}
/*.fullimage.fullscreen {max-width:100%; max-height:100%;display: block;position: absolute;left: 50%;top: 50%;}*/
/* generic page */
.genericpagetitle {margin:76px 0 46px 0; display:block;}
.datemodified {margin:0 0 24px 0; display:block;}
.termpageparagraph {margin:0 0 25px 0; width:735px; line-height:18px;}
.listitem .checkbullet {margin:3px 14px 0 0; width:18px; height:18px; background-image:url(../img/images.png); background-position:-194px -161px;}
.listitem {width:480px; margin:0 0 32px 0; }
.listitem .textpart {width:430px;}
.leftcheckeditemlist {width:480px; margin:36px 0 54px 0;}
.dottedhorizontalrule {width:960px; height:1px; background-image:url(../img/images.png); background-position:0 -328px; background-repeat:repeat-x;}
.marginbottom15 {margin-bottom:15px !Important;}
.availableonholder {height:70px; position:relative; vertical-align:middle; line-height:70px;}
.androidlogo {vertical-align:middle; margin:0 0 0 32px; width:36px; height:33px; background-image:url(../img/images.png); background-position:-191px -128px; display:inline-block;}
.iOSlogo {vertical-align:middle; margin:0 0 0 32px; width:47px; height:25px; background-image:url(../img/images.png); background-position:-158px -210px; display:inline-block;}
.windowesLogo {vertical-align:middle; margin:0 0 0 40px; width:158px; height:31px; background-image:url(../img/images.png); background-position:0 -210px; display:inline-block;}
.emitinstallationtitle {margin:24px 0 46px 0; display:block}
.titleholder {height:70px; line-height:70px; vertical-align:middle;}
.subtitleholder {height:40px; line-height:40px; vertical-align:middle; padding-left:10px;}
.listopenindicator {margin:23px 50px 0 0; width:13px; height:21px; background-image:url(../img/images.png); background-position:-179px -241px; display:inline-block;}
.listclosedindicator {margin:23px 50px 0 0; width:13px; height:21px; background-image:url(../img/images.png); background-position:-192px -241px; display:inline-block;}
.listhorizontalrule {height:1px; background-color:#03222d;}
.subcontent {margin:22px 0 0 0;}
.subsubcontent {padding:20px;}
.subsubcontentholder {margin:5px 20px 20px 20px;}
.genericpagecommentarrowdownup {position:absolute; left:521px; top:46px; display:block; width:31px; height:8px; background-image:url(../img/images.png); background-position:-121px -23px;}
.genericpagetakemehometitle {margin:-4px 0 0 22px; line-height:40px; vertical-align:middle; display:inline-block;}
/* player */
.playerholder {width:960px; height:420px;}
/* terms*/
.generictextist .rownumber {float:left; text-align: right; width: 20px; height: 16px; padding-left:5px;}
.generictextist .textright { float: left; margin: 0 0 8px 15px; width: 720px; }
/*base: footer*/
footer {width:960px; padding-left:40px; padding-right:40px;}
footer .biokodaproductlogo {margin:10px 0 0 5px; width:169px; height:16px; background-image:url(../img/images.png); background-position:0px -194px; display:block;}
footer .emitlogo {width:47px; height:15px; background-image:url(../img/images.png); background-position:-179px -262px; display:block;}
footer .footerlinksholder {width:521px; padding:36px 40px 0 40px; background-color:#7eaebe;}
footer .groupitem {width:160px; margin-right:20px;}
footer .groupitemlast {width:160px;}
footer .groupitemtitle {border-bottom:solid 1px #a8c9d3; padding:0 0 8px 3px;}
footer .linkitem {padding:0 0 0 3px;}
footer .socialnetworksholder {width:230px; height:60px; margin-top:37px;}
footer .twitterholder {margin-right:20px;}
/* changelog */
.changelog {margin: 0;}
.changelog h3 {font-size: 1.2em; font-weight: bold; margin: 8px 0 5px 0;}
.changelog ul {list-style: disc inside; margin-left: 10px}
.changelog a, .changelog a:visited {color: white; text-decoration: underline;}
.changelog a:hover, .changelog a:active {color: white; text-decoration: none;}
/* spacers */
.clear-all {height:0px; clear:both; margin:0; padding:0;}
.spacer7 {height:7px; clear:both; margin:0; padding:0;}
.spacer8 {height:8px; clear:both; margin:0; padding:0;}
.spacer9 {height:9px; clear:both; margin:0; padding:0;}
.spacer11 {height:11px; clear:both; margin:0; padding:0;}
.spacer12 {height:12px; clear:both; margin:0; padding:0;}
.spacer16 {height:16px; clear:both; margin:0; padding:0;}
.spacer17 {height:17px; clear:both; margin:0; padding:0;}
.spacer20 {height:20px; clear:both; margin:0; padding:0;}
.spacer22 {height:22px; clear:both; margin:0; padding:0;}
.spacer24 {height:24px; clear:both; margin:0; padding:0;}
.spacer28 {height:28px; clear:both; margin:0; padding:0;}
.spacer30 {height:30px; clear:both; margin:0; padding:0;}
.spacer35 {height:35px; clear:both; margin:0; padding:0;}
.spacer60 {height:60px; clear:both; margin:0; padding:0;}
.spacer70 {height:70px; clear:both; margin:0; padding:0;}
.spacer71 {height:71px; clear:both; margin:0; padding:0;}
.spacer74 {height:74px; clear:both; margin:0; padding:0;}
.spacer120 {height:120px; clear:both; margin:0; padding:0;}
.spacer220 {height:220px; clear:both; margin:0; padding:0;}
.spacer240 {height:240px; clear:both; margin:0; padding:0;}
/* Config sliders */
#bandwith_slider, #resolution_slider, #volume_boost_slider { clear: both; margin: 0px 0 38px 0; top: 15px; }
/* ui slider */
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 26px; height: 26px; cursor: default; background-image:url(../img/images.png); background-position: 0 -329px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-widget-content { background: #d1d1d1; }
.ui-widget-header { background: #03222d; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-slider-horizontal { height: 16px; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -13px; }
.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: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.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; }
/* Audio player */
.unselectable {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
#audio_player div {cursor: pointer;}
#audio_player_html {height: 69px; padding: 4px 0;}
.sprite-thumb{ background: url(../img/audio_player.png) no-repeat 0 -294px; width: 21px; height: 20px; }
.sprite-timeline_border{ background: url(../img/audio_player.png) no-repeat 0 -315px; width: 383px; height: 33px; }
.sprite-track_filled{ background: url(../img/audio_player.png) no-repeat 0 -349px; width: 19px; height: 11px; }
#audio_player .player-controls { position: absolute; width: 158px; height: 43px; top: 17px; left: 25px; }
#audio_player .player-controls .prev { background: url(../img/audio_player.png) no-repeat 0 -206px; width: 22px; height: 16px; margin: 13px 0 0 0; float: left; }
#audio_player .player-controls .prev:hover { background: url(../img/audio_player.png) no-repeat 0 -223px; width: 22px; height: 16px; margin: 13px 0 0 0; float: left; }
#audio_player .player-controls .next { background: url(../img/audio_player.png) no-repeat 0 0; width: 22px; height: 16px; margin: 13px 0 0 0; float: left; }
#audio_player .player-controls .next:hover { background: url(../img/audio_player.png) no-repeat 0 -17px; width: 22px; height: 16px; margin: 13px 0 0 0; float: left; }
#audio_player .player-controls .play { background: url(../img/audio_player.png) no-repeat 0 -118px; width: 34px; height: 43px; margin: 0 40px; float: left; }
#audio_player .player-controls .play:hover { background: url(../img/audio_player.png) no-repeat 0 -162px; width: 34px; height: 43px; margin: 0 40px; float: left; }
#audio_player .player-controls .pause { background: url(../img/audio_player.png) no-repeat 0 -34px; width: 22px; height: 41px; margin: 0 46px 0 46px; float: left; }
#audio_player .player-controls .pause:hover { background: url(../img/audio_player.png) no-repeat 0 -76px; width: 22px; height: 41px; margin: 0 46px 0 46px; float: left; }
#audio_player .player-controls-extra { position: absolute; width: 16px; height: 35px; top: 21px; left: 206px; }
#audio_player .player-controls-extra .shuffle { background: url(../img/audio_player.png) no-repeat 0 -268px; width: 16px; height: 12px; float: left; }
#audio_player .player-controls-extra .shuffle.on,
#audio_player .player-controls-extra .shuffle:hover { background: url(../img/audio_player.png) no-repeat 0 -281px; width: 16px; height: 12px; float: left; }
#audio_player .player-controls-extra .loop { background: url(../img/audio_player.png) no-repeat 0 -240px; width: 15px; height: 13px; margin-top: 10px; float: left; }
#audio_player .player-controls-extra .loop.on,
#audio_player .player-controls-extra .loop:hover { background: url(../img/audio_player.png) no-repeat 0 -254px; width: 15px; height: 13px; margin-top: 10px; float: left; }
#audio_player .scrubber { position: absolute; width: 551px; height: 33px; top: 22px; left: 242px;}
#audio_player .scrubber span {float: left; margin-top: 10px; line-height: inherit;}
#audio_player .scrubber span.played {width: 45px; text-align: left;}
#audio_player .scrubber span.duration {width: 45px; text-align: right;}
#audio_player .scrubber .timelinevalue {width: 461px; height: 33px; background: url(../img/audio_player.png) no-repeat 0 -315px; margin: 0; float: left;}
#audio_player .scrubber #progress_slider {width: 445px; height: 11px; margin: 10px 8px 0 8px;}
#audio_player .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: pointer; background: url(../img/audio_player.png) no-repeat 0 -294px; width: 21px; height: 20px; }
#audio_player .ui-widget-content { background: #03222d; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
#audio_player .ui-widget-header { background: url(../img/audio_player.png) repeat-x 0 -349px; width: 19px; height: 11px; }
#audio_player .ui-slider-horizontal { height: 11px; }
#audio_player .ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -10px; }
#audio_player .volume-holder {position: absolute; width: 97px; height: 28px; top: 24px; right: 30px;}
#audio_player .volume-empty { position: absolute; background: url(../img/audio_player.png) no-repeat 0 -390px; width: 97px; height: 28px; top: 0; left: 0;}
#audio_player .volume-full { position: absolute; background: url(../img/audio_player.png) no-repeat 0 -361px; width: 48px; height: 28px; top: 0; left: 0; }
@media only screen and (min-width: 35em) {
}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.cursorpointer {cursor:pointer;}
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}