input[type="radio"] {
margin: 0px 0 0!important;
}
BODY {
color:#777777;
text-decoration:none;
font-family: Arial;
font-size: 12px;
background-color:#fff;
text-align:center;
margin:0;
padding:0;
}
A {
color:#ff0000;
}
A:hover {
color:#000000;
}
TABLE {
text-decoration:none;
font-family: Arial;
font-size: 14px;
width:100%;
}
TD.descriptor {
text-decoration: none;
color:#000000;
width:130px;
padding: 0 !important;
line-height: 15px;
}
TD.mandatory {
font-weight: bold;
}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
display: inline-block;
}/*\*/* html .clearfix {height: 1%;}
.clearfix {display: block;}/**/DIV.header-bar {
position:absolute;
top:0px; left:0px;
width:100%;
height:120px;
background-color:#222222;
border-bottom:solid #F0F0F0 2px;
}
DIV.main{
position:relative;
max-width:1058px;
width:100%;
background-color:none;
margin: 0 auto;
text-align: left;
}
DIV.index-news, DIV.index-news DIV.jspContainer, DIV.index-news DIV.jspContainer DIV.jspPane, DIV.index-news DIV.jspContainer DIV.news, DIV.index-news DIV.jspContainer{
width:100%!important;
}
DIV.scroll-desktop-mobile {
width:100%;
height:400px; overflow-y:hidden; overflow-x:hidden;
}
DIV.header {
position: relative;
height:100px;
padding:10px;
}
DIV.logo-header{
position:absolute;
top:25px;
left:5px;
}
DIV.mobile-menu{ padding: 15px 15px 50px 15px;
display: none;
position:fixed;
background-color:#222222;
top:59px;
left:-70%;
z-index:777;
width:60%;
height:100%;
overflow: auto;
}
DIV.mobile-menu A, DIV.mobile-menu SPAN{
text-decoration: none;
font-family: Arial;
font-size:14px;
color: #FFF;
display: block;
margin-bottom:5px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
DIV.mobile-menu A.selected{
text-decoration: underline;
}
DIV.mobile-menu HR{
background-color: #BBB;
border:none;
height:1px;
margin:20px 0;
}
DIV.mobile-menu A.selected{
}
DIV.mobile-menu SPAN.mobile_title{
color: #999999;
}
.full-cover{
position:absolute;
top:60px;
left:0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 1;
display:none;
}
SPAN.menu-header, SPAN.menu-header:focus, SPAN.menu-header:active, SPAN.menu-header:visited{
display: none;
position: absolute;
cursor: pointer;
top:50%;
left:30px;
transform:translate(0,-50%);
width:24px;
height:17px;
background-color: transparent!important;
background-image:url(//topwebhost.gr/images/menu.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline:none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
DIV.langSelector-header{
position:absolute;
width:90px;
right:74px;
top:16px;
text-align:right;
}
DIV.langSelector-mobilemenu{
width:100px;
margin:0;
text-align:left;
}
DIV.langSelector IMG {
width:20px;
padding:3px;
border: dotted #666 1px;
margin-left:2px;
margin-right:2px;
display:inline-block;
}
DIV.langSelector A {
display:inline-block;	
}
DIV.langSelector A IMG {
padding:4px;
border:none;
}
DIV.social-mobilemenu {
width:150px;
height:21px;
padding:4px;
margin-left:-26px;
margin-top:6px;
}
DIV.social-header{
position:absolute;
top:51px;
right:70px;
text-align:left;
width:170px;
height:21px;
padding:4px;
overflow:none;
}
DIV.social-footer{
position:absolute;
top:25px;
right:0px;
text-align:left;
width:300px;
height:21px;
padding:0px;
overflow:none;
}
DIV.social-item{
float:right;
margin-left:10px;
}
DIV.menu {
position:absolute;
top:58px;
left:355px;
}
DIV.menu A{
font-size: 12px;
font-weight: bold;
color:#cbcbcb;
text-decoration:none;
padding-right:15px;
}
DIV.menu A:hover{
color:#FFFFFF;
}
DIV.menu A.selected{
//color:#FFFFFF;
}
DIV.right-bar{
position: relative;
float:right;
width:300px;
padding: 0;
margin-top: 13px;
color:#666666;
margin-right: 7px;
}
DIV.content{
position: relative;
margin: 13px 7px 0px 7px;
float:left; width: -moz-calc(100% - 330px); width: -webkit-calc(100% - 330px); width: -o-calc(100% - 330px); width: calc(100% - 330px);
} DIV.footer{
width:100%;
text-align:center;
position:relative;
height:200px;
background-color:#222222;
background-image:url(//topwebhost.gr/images/footer.jpg);
background-repeat:no-repeat;
background-position:top right;
}
DIV.footer DIV.inner{
width:100%;
max-width:1058px;
margin:0 auto;
position:relative;
}
DIV.footer DIV.section-block{
width:150px;
text-align:left;
float:left;
margin-right:10px;
margin-top:15px;
}
DIV.footer DIV.section-block DIV{
margin-top:3px;
}
DIV.footer DIV.site-updated{
position:absolute;
top:170px;
width:100%;
text-align:center;
color:#cccccc;
}
DIV.footer DIV.title{
color:#999999;
//font-weight:bold;
}
DIV.footer A{
color:#cdcdcd;
text-decoration:none;
}
DIV.footer A:hover{
text-decoration:underline;
}
DIV.note {
border: dotted black 2px;
max-width:100%;
text-align:left;
background-color:#eeeeee;
padding:7px 10px;
}
DIV.note H2{
margin-top:0px;
padding-top:0px;
}
.ancla_mobile:before{
display: block;
content: " ";
margin-top: 0px;
visibility: hidden;
}
DIV.player-download {
width:300px;
padding: 19px 0 0 0;
text-align:center;
background-color:#F1F1F1;
color:#666666;
position:relative;
}
DIV.player-download.desktop{
display:block;
}
DIV.player-download.player-mobile{
width: 100%;
padding-bottom: 19px;
display: none;
}
DIV.player-download SPAN.title {
font-weight:bold;
font-size:14px;
}
DIV.player-download SPAN.author {
color:#999999;
}
DIV.version-info SPAN.version {
color:#FFFFFF;
}
DIV.version-info SPAN.release {
color:#ff999a;
}
DIV.version-info{
position:absolute;
bottom:12px;
width:140px;
left:103px;
font-size:11px;
text-align:center;
}
DIV.player-download.mobile{
display:none;
}
DIV.what-is {
width:300px;
margin: 18px 0;
text-align:left;
background-color:#F1F1F1;
color:#666666;
position:relative;	
}
H1{
color:#323232;
text-decoration:none;
font-family: Arial;
font-size: 15px;	
}
H2{
color:#666666;
text-decoration:none;
font-family: Arial;
font-size: 24px;	
}
H3{
color:#444444;
text-align:center;
text-decoration:none;
font-family: Arial;
font-size: 18px;	
}
SPAN.attribute{
}
SPAN.value{
color: #666666;
font-weight: bold;
}
SPAN.lastNews{
font-size: 14px;
}
DIV.news {
width:100%;
position:relative;
color:#666666;
min-height:45px;
margin-bottom:10px;
}
DIV.news DIV.news-pointer{
margin-top:3px;
float:left;
width:55px;
height:40px;
background-image:url(//topwebhost.gr/images/news-pointer.png);
background-repeat:no-repeat;
color:#cccccc;
position:relative;
}
DIV.news DIV.last-news-pointer{
margin-top:3px;
float:left;
width:55px;
height:45px;
background-image:url(//topwebhost.gr/images/last-news-pointer.png);
background-repeat:no-repeat;
color:#fd8989;
position:relative;
}
DIV.news A {
font-style:italic;
}
DIV.news-pointer DIV{
text-align:center;
font-size:10px;
position:absolute;
width:37px;
}
DIV.news-pointer DIV.month{
top:0px;
}
DIV.news-pointer DIV.day{
top:10px;
font-weight:bold;
font-size:11px;
}
DIV.news-pointer DIV.year{
top:22px;
}
DIV.last-news-pointer DIV{
text-align:center;
font-size:12px;
position:absolute;
width:44px;
}
DIV.last-news-pointer DIV.month{
top:1px;
}
DIV.last-news-pointer DIV.day{
top:13px;
font-weight:bold;
font-size:13px;
}
DIV.last-news-pointer DIV.year{
top:26px;
}
DIV.news DIV.news-title {
font-weight:bold;
font-size:14px;
color:#333333;
margin-bottom:4px;
}
DIV.news DIV.last-news-title {
font-weight:bold;
font-size:18px;
color:#333333;
margin-bottom:4px;
margin-left:6px;
}
SPAN.radio{
color: #323232;
font-weight: bold;
font-size: 14px;
}
SPAN.value A{
color: #666666;
font-weight: bold;
text-decoration: none;
}
UL.sites {
color: #323232;
font-size: 14px;
}
UL.sites A {
color: #666666;
font-size: 14px;
text-decoration: none;
}
UL.sites A:hover {
color: #323232;
font-size: 14px;
text-decoration: underline;
}
DIV.support-project{
position:absolute;
top:-6px;
left:0px;
}
.whats-new SPAN{
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.last-new-container{
margin-left:55px;
padding-bottom:10px;
}
.new-wrapper{
margin:0 25px 0 55px;
border-bottom:solid #ececec 1px;
padding-bottom:10px;
}
.news-date{
display: none;
margin: 0 0 5px;
}
DIV.players-skins {
position: relative;
width: 728px;
height: auto;
text-align: left;
}
DIV.players-skins DIV.fila_skins{
position:relative;
width:100%;
height:100%;
display:block;
}
DIV.fila_skins DIV.skin{
position:relative;
width:50%;
height:auto;
float:left;
} #code-generator INPUT.button-form, #code-generator BUTTON.button-form{
display: inline-block;
width:30%!important;
margin:10px 0px;
border:none;
color: #FFF;
text-align:center;
height: 40px;
}
#code-generator INPUT.button-form.generate{
background-color: #4a8813;
}
#code-generator INPUT.button-form.load{
background-color:  #6b6b6b;
width:100%;
}
#code-generator INPUT.button-form.reset{
background-color: #c43b1b;
}
DIV.note.mobile{
display:none;
}
.text-mobile{
text-align:none;
}
.img-mobile{
margin:0;
} .flexslider {
display:none;
}
@media(max-width: 500px){
DIV.langSelector-header {
display:none;
}
}
@media(max-width: 991px){ .slider-desktop{
display: none;
}
.flexslider {
display:block;
}
DIV.langSelector-header {
right: 12px;
top: 19px;
}
DIV.player-download.mobile{
display:none;
} DIV.players-skins, DIV.players-skins DIV.fila_skins DIV.skin {
width: 100%;
}
FORM#code-generator TABLE, FORM#code-generator TBODY, FORM#code-generator TR{
display: block;
}
DIV.header, DIV.header-bar{
display: block;
position: fixed;
width:100%;
height:60px;
top:0;
border:none;
padding:0;
z-index: 2;
} .ancla_mobile:before{
display: block;
content: " ";
margin-top: -60px;
height:60px;
visibility: hidden;
}
.last-new-container{
margin:0;
padding-bottom:10px;
}
.new-wrapper{
margin:0;
border-bottom:solid #ececec 1px;
padding-bottom:10px;
}
DIV.header DIV.logo-header IMG{
width:142px;
}
DIV.header DIV.menu, DIV.header DIV.social-header, #code-generator .numeral{
display: none;
}
DIV.header SPAN.menu-header, DIV.mobile-menu{
display: block;
}
DIV.header DIV.logo-header{
left:50%;
top:50%;
transform: translate(-50%,-50%);
}
DIV.main{
padding-top:60px;
}
.descriptor.mandatory{
display: block;
}
#code-generator .audio-codec{
margin-top:15px;
}
#code-generator #skin{
height:30px;
width:100%;
}
#code-generator TR, #code-generator #skin{
margin-bottom:15px;
}
#code-generator .select{
width:200px!important;
height:30px;
}
#code-generator INPUT{
width:100%!important;
display: block;
}
.td-input{
display: block;
}
.td-initial-volume{
width:150px;
display: inline-block;
}
#code-generator .td-initial-volume INPUT{
width:100px!important;
display: inline-block!important;
}
TD.descriptor.auto-play {
width: auto;
}
.trackinglabel-desc{
display: none;
}
SELECT.language-select{
margin-bottom:15px;
}
#code-generator INPUT.color{
display: inline-block;
width:100%!important;
}
#code-generator INPUT{
height:30px;
}
.desc-color, .desc-wmode{
margin-top:15px;
}
#code-generator TD.introduction{
width:100%!important;
}
#code-generator INPUT.radio{
width:15px!important;
height:15px;
display: inline-block;
}
#code-generator .introduction INPUT{
margin: 1px 5px 0 0;
float: left;
}
#code-generator INPUT.button-form.load-desktop{
display: none;
}
#code-generator INPUT.button-form.reset, #code-generator INPUT.button-form.generate{
width:100%!important;
margin: 10px 0px 0px;
}
#code-generator INPUT.button-form.generate{
margin: 10px 2px 0px 0px;
}
#code-generator INPUT.button-form.load{
width:100%!important;
}
TABLE.examples-table TR, TABLE.examples-table, TABLE.examples-table TBODY {
display: block;
}
TABLE.examples-table TR{
padding: 20px 0;
border-bottom:1px solid #BBB;
}
TABLE.examples-table TD{
display: block;
width:100%;
text-align: left;
}
TABLE.examples-table TD DIV{
text-align: left;
}
TABLE.examples-table EMBED{
max-width:100%;
}
DIV.note.mobile{
display:block;
margin-top:10px;
}
DIV.note.mobile H2{
font-weight:normal;
text-decoration: underline;
}
DIV.note.mobile .acc_active H2{
text-decoration: none;
}
DIV.note.desktop{
display:none;
}
DIV.footer{
width:auto;
height:200px;
padding:20px 7px;
background-image: none;
}
}
@media (max-width: 767px){
TD.td-input.btn-form{
position: relative;
}
TD.td-input.btn-form #msg-anchor{
position: absolute;
top:80px;
}
}
@media(max-width: 750px){
DIV.content{
width:auto;
float:none; }
DIV.content.seccion_mobile{
margin:0px;
}
DIV.content_mobile{
margin:0px 7px;
}
.last-news-pointer, .news-pointer{
display: none;
}
DIV.news DIV.last-news-title{
margin-left:0;
}
.news-date{
display: block;
} DIV.scroll-desktop-mobile {
width:100%;
height:100%;
overflow:auto;
} DIV.fila_skins DIV.skin.desktop {
display:none;
}
.contenedor_skin{
overflow-x: scroll;
}
.flexslider {
display:block;
}
DIV.right-bar DIV.what-is.mobile{
display:none;
}   DIV.right-bar{
width:auto;
float:none;
margin:0px auto;
text-align:center;
}
DIV.player-download.desktop{
display: none;
}
DIV.player-download.mobile{
display:block;
margin:0px auto;
background-color:#fff;
}
DIV.player-download IMG{
width: auto;
}
DIV.player-download.player-mobile{
display: block;
}
DIV.footer{
width:auto;
height:280px;
padding:20px 15px;
margin-top:15px;
background-image: none;
}
DIV.footer DIV.section-block{
width:33%;
margin:0;
display: inline-block;
}
DIV.footer DIV.site-updated{
top:245px;
left: 50%;
width: 75%;
transform: translate(-50%,0);
}
DIV.footer DIV.social-footer{
left: 50%;
transform: translate(-50%,0);
top:195px;
text-align: center;
}
DIV.footer DIV.social-item{
float: none;
margin:0;
display: inline-block;
margin-right: 10px;
}
DIV.social-item.facebook{
margin-right:0px;
}
DIV.social-item.googleplus{
margin-left:10px;
}
DIV.social-item .fb-like{
top:-3px;
height:20px;
}
DIV.footer DIV.support-project{
left: 50%;
transform: translate(-50%,0);
top:-60px;
}
.text-mobile{
text-align:center;
}
.img-mobile{
margin:0px auto;
}
}DIV.generated-error {
border: dotted red 1px;
max-width:706px;
text-align:left;
background-color:#ffeeee;
padding:10px;
color:red;
margin-top:5px;
}
DIV.generated-ok {
border: dotted green 1px;
text-align:center;
background-color:#eeffee;
padding:10px;
color:#006600;
margin-top:5px;
}
DIV.generated {
max-width: 800px;
overflow: auto;
padding-left: 300px;
font-size: 15px;
} @media only screen and (max-width: 480px) {
DIV.generated {
max-width: 800px;
overflow: auto;
padding-left: 0px;
font-size: 15px;
}
}
DIV.generated-warn {
border: dotted #885500 1px;
max-width:706px;
text-align:left;
background-color:#ffffAA;
padding:10px;
color:#885500;
margin-top:5px;
}