@media print
{
#left{display:none;}
#center{display:block;}
#right{display:none;}
}
form{clear:left}
ul{padding: 0}
#ui-datepicker-div { z-index: 9999999 !important; }
body {font-family: arial, verdana; font-size: 12px; color: #000000; text-decoration: none; margin:0 auto}
#mainDiv{margin-left: auto; margin-right: auto;
background: rgba(210,227,238,1);
background: -moz-linear-gradient(top, rgba(210,227,238,1) 0%, rgba(244,247,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,227,238,1)), color-stop(100%, rgba(244,247,252,1)));
background: -webkit-linear-gradient(top, rgba(210,227,238,1) 0%, rgba(244,247,252,1) 100%);
background: -o-linear-gradient(top, rgba(210,227,238,1) 0%, rgba(244,247,252,1) 100%);
background: -ms-linear-gradient(top, rgba(210,227,238,1) 0%, rgba(244,247,252,1) 100%);
background: linear-gradient(to bottom, rgba(210,227,238,1) 0%, rgba(244,247,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e3ee', endColorstr='#f4f7fc', GradientType=0 );}
#footer{background:#ddd;text-align: center;height: 40px;line-height:40px;color:#444;clear: both}
@-ms-viewport{ width: device-width; }
input.monthpicker, .monthpicker2{width:80px}
table{border-collapse: collapse; border-spacing: 0}
td { font-size: 12px; text-decoration: none}
td.border{border: 1px solid #ccc}
a, a:visited {text-decoration: none; color: #333}
a:hover {color: magenta;}
a img{border-color: gray}
a:hover img { border-color: magenta; }
a.nav {font-family: arial, verdana; font-size: 10px; font-weight: bold; color: #999999; text-decoration: none;}
a.nav:hover {font-family: arial, verdana; font-size: 10px; text-decoration: underline; }
a.black {font-family: arial, verdana; font-size: 12px; color: black; text-decoration: none;}
a.black:hover {font-family: arial, verdana; font-size: 12px; color: magenta; }
a.sima{color: #333333}
a.sima:hover{color: magenta}
.grayinput, text{font-family: arial, verdana;font-size: 12px; height: 20px; line-height: 20px; margin: 0px; color: #333333; border: 1px solid #bbbbbb}
.graytextarea {font-family: arial, verdana;font-size: 12px; background-color: #fff; padding: 1px; margin: 0px; color: #333333; border: 1px solid #bbbbbb;}
textarea{width:100% !important}
label{padding-right: 3px;}
.elem{border: 1px solid #ddd; margin: 2px 0; padding: 3px}
p.hiba{color: red; text-align: center;}
.file{ background-color: #EEEEEE; border: 1px solid #bbbbbb;}
#mmenu a{display: block; color: #555; border-bottom: 1px solid #ccc; height: 21px; line-height: 21px; padding-left: 5px}
#mmenu a:hover{background-color: #ddd}
.ui-tabs .ui-tabs-panel{padding: 5px !important;overflow:visible !important;}
.hometabs{margin-left: 20px;display:none;background: url(/pic/carb.png);box-shadow: 3px 3px 3px #888;box-shadow: 3px 3px 3px #888;width:830px;height:500px;float:left}
@media (max-width:1024px){
.hometabs{width: 576px;}
.hometabs .ui-tabs-panel{overflow: scroll !important;-webkit-overflow-scrolling: touch}
}
@media (max-width:768px){
.hometabs{width: 334px;}
}
@media (max-width:540px){
.hometabs{width: 100%;margin:0}
}
.vezf{background: #CCCCCC; margin: 0px; padding: 5px;}
table.ft{border-collapse: collapse; border: 1px solid #cccccc;}
table.ft td{ border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
table.nyomt tr:hover{background: #cccccc;}
table.nyomt tr:hover a{color:magenta;}
hr {color: #bbbbbb; background: #bbbbbb; height: 1px; border: 0 }
table.form{border: 1px solid #ccc; background: #ddd; width:390px; border-collapse: collapse;}
table.form td{border: 1px solid #ccc;}
.nohref:hover{cursor: pointer;}
.dnone, .dn{display: none}
img.help{border: none; cursor: help}
th{font-size: 12px}
.del_elem, #add_elem{display: block; clear: both}
.grayinput, .text, [type=text]{padding: 0 2px; margin: 3px; font-family: arial, verdana;font-size: 12px; height: 20px; border: 1px solid #bbbbbb;}
input.ro, input[readonly], textarea[readonly]{background: none; border: none !important; padding: 0 !important}
.texta {margin: 3px; font-family: arial, verdana;font-size: 12px; background-color: #EEEEEE; padding: 1px; border: 1px solid #bbbbbb;width:400px !important}
label{padding-right: 3px;margin-bottom: 0}
.right{float: right} .left{float: left}.r{text-align:right !important}
.datum{max-width:88px !important}
.ui-dialog-buttonpane{clear:both}
.ui-autocomplete { overflow-y: auto; width:300px; }
* html .ui-autocomplete { /* IE max- */height: expression( this.scrollHeight > 320 ? "320px" : "auto" ); }
.ui-autocomplete { max-height: 320px; }
.ui-autocomplete li { font-size:10pt; }
.ui-button{padding: 4px 8px !important; margin: 5px 2px}
.ui-button .ui-button-text{line-height: 1.0 !important;}
.ui-multiselect{margin-top: 0 !important}
.ui-multiselect .ui-button-text{padding: 0 2px !important}
.ui-multiselect-checkboxes input{margin-right: 2px}
.ui-button-text-only .ui-button-text{padding: 0 !important}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: 0 0 0 18px !important;}
.ui-button-icon-only .ui-button-text{padding: 0 !important}
.ui-jqgrid{overflow:hidden !important}
.ui-jqgrid .loading
{
background: url(pic/ajax-loader.gif) !important;
height: 24px !important;
width: 160px !important;
border: none !important;
padding: 0 !important;
}
.ui-jqgrid .ui-pg-button{border: none !important;}
.ui-jqgrid .ui-pg-button:hover{border: none;padding: 1px !important;}
.ui-jqgrid .btn-xs{padding: 0 3px !important}
.ui-widget-overlay {
position: fixed !important; /* <---------- */
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
.ui-spinner-button{height:1px}
.ui-tabs .ui-tabs-nav li a {padding: 4px 6px !important}
/*.ui-jqgrid .ui-pg-table{table-layout: auto !important}*/
.ui-combobox {
position: relative;
display: inline-block;
}
.ui-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
/* adjust styles for IE 6/7 */
*height: 1.7em;
*top: 0.1em;
}
.ui-combobox-input {
margin: 0;
padding: 0.3em;
}
.menutable td{
border: 1px solid #fff;
height: 9px;
width: 20%;
background-color: #999999;
}
.menutable td:hover{background: magenta}
.menutable2 td{
border: 1px solid #fff;
height: 9px;
width: 33%;
background-color: #999999;
}
.menutable2 td:hover{background: magenta}
/*---------------------------
-------------sys-------------
----------------------------*/
.myform .field > label{display:block;float:left;width:50%;text-align:right;padding-top:3px;}
.myform .pfbc-checkboxes label{white-space: nowrap}
.myform .pfbc-textbox, .myform .pfbc-select {float:left;width:44%;margin: 0 0 3px 0 !important}
.myform .pfbc-checkboxes, .myform .field > div{float:left}
.myform .pfbc-checkboxes input{margin-right: 3px}
.myform .pfbc-checkbox{padding:0 !important}
.myform .ui-tabs{overflow: hidden}
div.element{overflow:hidden;clear:both}
.ui-th-column-header
{
font-style: italic;
text-align: center;
}
.grn {color: #009603}
table.nowrap td{white-space: nowrap}
.ui-jqgrid tr.red td{background-color: #fcc}
.ui-jqgrid tr.yel td{background-color: #ff9}
.ui-jqgrid tr.ora td{background-color: #f96}
.ui-jqgrid tr.lbl td{background-color: #cff}
.ui-jqgrid tr.dbl td{background-color: #099}
.ui-jqgrid tr.wht td{background-color: #fff}
.ui-jqgrid tr.grn td{background-color: #9f9}
.ui-jqgrid tr.mag td{background-color: #f0f}
.ui-jqgrid tr.deleted td{background-color: #ccc}
.ui-jqgrid td.hibas{color: #f00}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {white-space: nowrap !important}
td.red{color: #f00;font-weight:bold}td.grn, td.green{color: #090;font-weight:bold}td.orange{color: #f96}
#pg_pager_contract .ui-paging-info{text-align: left !important}
#thelynev{
margin-left: 10px;
color: #fff;
font-size: 20px;
text-shadow:2px 2px 3px #333, 2px 2px 3px #333;
font-weight: bold;
}
table.sum1 td{text-align: right;border: 1px solid #ccc;height:48px !important;white-space: nowrap}
table.sum1 th, table.sum2 th, table.sum4 th{padding: 0px 3px;white-space: nowrap}
table.sum2{width: auto !important}
table.sum2 td{height: 24px !important;}
table.sum3 td{width:70px}
table.sum4 .td{height: 24px !important;}
.noty{position: fixed; right: 10px; bottom: 35px; padding: 10px;border:1px solid #ddd;z-index: 2147483647; background:#fff}
.noty .num{font-weight: bold; color: red}
input.dbc{background: #dff !important; border: 1px solid #ccc !important}
#header{background:url('/pic/head4.jpg') left top repeat-x;height:70px;}
#hmenu a{width: 120px;height: 30px;line-height: 30px;display: inline-block;float: left;text-align: center;font-weight: bold;font-size: 14px;
-moz-box-shadow: 5px 5px 5px gray, inset 0 0 2px 2px #f3f;
-webkit-box-shadow: 5px 5px 5px gray, inset 0 0 2px 2px #f3f;
box-shadow: 0 5px 5px gray, inset 0 0 2px 2px #f3f;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 5px 8px 0px;}
#hmenu a:hover{background-color: #f0f;color:#fff}
form .ec{display: inline-block;float:left;}
.mag{color: #f0f}
#pfc_container{padding:10px !important}
ul.pfc_nicklist a{white-space:nowrap !important}
.sellDiv{margin-bottom: 15px}
#points span{margin-right:10px}
#contractGrid td.v{background: url('pic/icon_v.png') no-repeat;color:#fff !important}
#contractGrid td.m{background: url('pic/icon_m.png') no-repeat;color:#fff !important}
/*#contractGrid td{-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}*/
#contractFilterForm #pfbc-element-1 .pfbc-right{width:auto}
#home_table{background: #fff;position:relative;z-index:2}
#home_table td{text-align: right}
.bold{font-weight:bold;} .center{text-align:center !important}
#btnerror{float:right;z-index:50000;vertical-align:top}
a.hdoc{vertical-align:top;clear:right}
.btnedit, .btndel, .btnnew, .ibtn{display: inline-block; width: 16px; height: 16px; margin: 0 2px;cursor: pointer}
.btnedit{background: url(pic/edit.png)}
.btndel{background: url(pic/x.png)}
.btnnew{background: url(pic/new.png)}
.btncopy{background: url(pic/copy.png)}
.btntoggle{
background-color: #ddd !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;text-align:left;display:block;width: 150px;padding-right:16px;background:url('pic/downarrow.png') no-repeat 97% center;}
.btntoggle:hover{border-color: magenta; cursor: pointer;background-color: #eee}
.toggleopen{display:block;padding-right:16px;background:url('pic/uparrow.png') no-repeat right;}
fieldset{
padding: 5px !important;
margin-bottom: 5px !important;
border: 1px solid #ccc !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 3px 3px #888;
-webkit-box-shadow: 3px 3px 3px #888;
box-shadow: 3px 3px 3px #888;
}
legend{width: auto; border: none;font-weight: bold; font-size: 14px;margin-left: 10px;margin-bottom:0;font-style: italic;color:#004;text-shadow: 0px 1px 1px #aaa;}
#szolgtabla{
-moz-box-shadow: 0 0 5px 5px #aaa;
-webkit-box-shadow: 0 0 5px 5px #aaa;
box-shadow: 0 0 5px 5px #aaa;
background: #fff;
}
.szolg_exp{width: 920px;}
#szolgtabla td, #szolgtabla th{border: 1px solid #aaa}
#szolgtabla th{text-align: center;}
#szolgtabla select.dcs{width: 180px}
#cpms, #cpld{margin: 7px 3px 0 0;}
.btnmegj{display: block; width: 25px; height: 25px; background-image: url('pic/comment-icon.png')}
.btnmegj2{background-image: url('pic/sys_comment2.png')}
input.megjtext{width: 830px}
.dcs {width: 100px;}
table.sys{width: 100%;}
table.sys th{font-weight: bold; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; cursor: pointer;text-align: center}
table.sys tr{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc}
table.sys tr:hover td, .hovered{background-color:#eee !important;}
table.sys th{background-color: #eee;line-height: 1.1;}
#kvota_szerk th{padding: 0 5px;}
#kvota_szerk td{text-align: center}
.myform label{display:block;float:left;width:50%;text-align:right}
.trhover{border: 1px solid #000;}
.missing{border: 1px solid orange !important; background: #ff0}
.ui-state-default .ui-icon{display: inline-block !important}
.ui-icon-tab{background-image: url('pic/tablet.png') !important}
.ui-state-highlight{border: 1px solid #cdd !important; background: #cff !important}
.ui-tabs-panel{overflow:hidden}
.ui-datepicker{z-index:999999 !important;}
.ui-dialog{
-moz-box-shadow: 3px 3px 30px #000;
-webkit-box-shadow: 3px 3px 30px #000;
box-shadow: 3px 3px 30px #000;z-index:10000}
.ui-dialog, .ui-dialog-content{overflow: visible !important}
#loadingDiv{display:none;position: fixed;z-index:10000;top:50%;left:50%;width:160px;height:24px;background:url('pic/ajax-loader.gif');}
#szolgtabla .pfbc-label {
display: block;
float: left;
width: 90px;
text-align: right;
padding-right: 10px;
}
.pfbc-grid{margin: 0 !important; padding: 0 !important}
.pfbc-buttons{white-space: nowrap !important}
.row div {
float: left !important;
}
.row .row {margin: 0px !important}
#prods_popup{
width: 800px;
-moz-box-shadow: 0 0 5px 5px #aaa;
-webkit-box-shadow: 0 0 5px 5px #aaa;
box-shadow: 0 0 5px 5px #aaa;
}
ul.ui-sortable{padding-left: 0}
ul.ui-sortable li{list-style-type: none}
ul.ui-sortable li:hover{cursor:n-resize}
.pfbc-element input, textarea{margin: 0 3px !important}
.ui-icon-phone{background: url('pic/phone.png') !important;height:24px !important;width:24px !important;}
.bordertable{border: 1px solid #aaa;}
.bordertable td, .bordertable th{border: 1px solid #ccc;white-space: nowrap}
table.small td, table.small th{font-size: 11px}
#tt_sum td, #tt_sum th{text-align: center; font-weight: bold}
#total-form .pfbc-checkbox{padding: 0 !important}
#mform{clear: both; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#mform .pfbc-select{height: 20px; padding: 1px 0 !important;}
#mform .pfbc-grid{padding-bottom: 3px !important}
.ui-autocomplete-loading { background: white url('pic/ui-anim_basic_16x16.gif') right center no-repeat; }
#progress, div.progress{ padding-left: 19px;background: url('pic/ui-anim_basic_16x16.gif') no-repeat; }
#szolgtabla .pfbc-map-columns-2 {
float: left;
width: 396px;
}
#szolgtabla .pfbc-map-columns-2 .pfbc-textbox {
width: 290px;
}
#szolgtabla .pfbc-map-columns-2 .pfbc-select {
width: 296px;
}
#szolgtabla .pfbc-map-columns-1 {
float: left;
width: 800.00px;
}
#szolgtabla .pfbc-map-columns-1 .pfbc-textbox {
width: 694px;
}
#szolgtabla .pfbc-map-columns-1 .pfbc-select {
width: 700px;
}
#szolgtabla .pfbc-map-columns-3 {
float: left;
width: 261.33px;
}
#szolgtabla .pfbc-map-columns-3 .pfbc-textbox {
width: 155.33px;
}
#szolgtabla .pfbc-map-columns-3 .pfbc-select {
width: 161.33px;
}
#szolgtabla .pfbc-map-element-first {
margin-left: 0 !important;
}
#szolgtabla .pfbc-map-element-last {
float: right !important;
margin-right: 0 !important;
}
#szolgtabla .pfbc-map-element-single {
margin: 0 !important;
}
#szolgtabla .pfbc-element {
margin: 0 4px;
}
#szolgtabla .tech {
margin: 3px;
position: relative;
vertical-align: middle;
bottom: 1px;}
input[type=checkbox] {width:14px;height:14px}
#winService [type=checkbox] {margin-top: 3px !important}
.tableDevices th, .tableServices th{text-align: left !important; padding: 0px 3px !important}
#fc{display:inline-block;height:25px;line-height: 25px;margin: 0 5px}
#kvota_szerk{width: auto !important}
#kvota_szerk .text{width: 50px; margin: 0}
span.st_box{overflow:hidden;white-space: nowrap;display:inline-block;margin-bottom:2px;border:1px solid #ccc;width:200px;color:#000}
span.st_box span{font-weight:bold;background:#fff;position:relative;z-index:2;}
#colors a{display:inline-block;width:15px;height:15px;margin: 10px 3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer}
#colors .sel{
border-color: #888 !important;
-moz-box-shadow: 0 0 2px 2px #888;
-webkit-box-shadow: 0 0 2px 2px #888;
box-shadow: 0 0 2px 2px #888;
}
/* Zend Form Styling */
dl.zend dt, dd { clear: both;}
dl.zend_form dt {
float: left;
clear: left;
text-align: right;
}
dl.zend_form dt label.required { font-weight: 600; }
dl.zend_form dd {
float: left;
clear: both;
padding-left: 5px;
}
dl.zend_form dd ul.errors {
list-style: none;
padding: 0;
margin: 0;
}
dl.zend_form dd ul.errors li {
float: left;
margin: 0 0.15em;
font-size: 12px;
color: #f03;
}
.bVErrMsgContainer{
z-index: 100;
}
/* invalid input */
.bvalidator_invalid{
background-color: #FCC;
}
/* error message */
.bvalidator_errmsg {
background-color:#F33;
font-size:10px;
border:1px solid #900;
color:#FFF;
display:none;
white-space:nowrap;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 5px;
font-family: Arial, Helvetica, sans-serif;
-moz-opacity:.90;
filter:alpha(opacity=90);
opacity:.90;
font-weight: bold;
}
/* close icon */
.bvalidator_errmsg .bvalidator_close_icon {
margin-left: 5px;
margin-top: -2px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bolder;
color:#000;
cursor:pointer;
font-size: 12px;
}
/* arrow */
.bvalidator_errmsg em {
display:block;
border-color: #F33 transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
height: 0;
width: 0;
position:absolute;
bottom:-10px;
left:5px;
}
.ex6_errmsg {
background-color: #333;
font-size: 10px;
border: 1px solid #999;
color: #F90;
display: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-moz-box-shadow: 0 0 6px #ddd;
-webkit-box-shadow: 0 0 6px #DDD;
box-shadow: 0 0 6px #DDD;
white-space: nowrap;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 5px;
font-family: Verdana, Geneva, sans-serif;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
filter: alpha(opacity=90);
z-index:1000;
}
/* menu */
#nav{
list-style:none;
font-weight:bold;
float:left;
position: relative;
z-index:90;
margin: 3px 0px 10px 5px;
}
#nav li{
float:left;
margin-right:8px;
position:relative;
}
#nav a{
display:block;
padding:5px;
color:#fff;
background:#333;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 0 0 2px 2px #E20074;
-webkit-box-shadow: inset 0 0 2px 2px #E20074;
box-shadow: inset 0 0 2px 2px #E20074;
}
#nav a:hover{
color:#fff;
background:#6b0c36;
-moz-box-shadow: inset 0 0 2px 2px #333;
-webkit-box-shadow: inset 0 0 2px 2px #333;
box-shadow: inset 0 0 2px 2px #333;
}
#nav > li > a{
height: 28px;line-height: 28px;
font-size: 20px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{clear:left}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,th,var{
font-style:normal;
font-weight:normal;
}
caption,th{
text-align:left;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
}
/*--- DROPDOWN ---*/
#nav ul{
padding: 0;
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
list-style:none;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
float:none;
}
#nav ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
background:#ff33ff;
}
.expand {
width: auto;
}
td.also{
height: 21px;
background-color: black;
text-align: center;
width: 110px;
font-weight: bold;
}
h1{font-size: 20px}
.cim{
clear: both;
font-size: 20px;
font-weight: bold;
text-align: left;
padding: 0px;
margin: 0px;
}
.box {
border: 5px solid #FF695E;
margin-bottom: 5px;
background-color: white;
}
#mmenu{padding:0;list-style-type:none}
#mmenu li{white-space:nowrap;text-transform:uppercase}
a.ttt{background: #999999; color: white; font-weight: bold; padding: 0px 5px 0px 5px}
a.ttt:hover{background: magenta; font-weight: bold; color: white;}
td.menu{
text-align: center;
background-color: #999999;
height: 8px;
font-weight: bold;
color: white;
}
td.menu a{
color: white;
}
a.keret img{
border: 2px solid gray;
}
a.keret:hover img{
border: 2px solid magenta;
}
a.hir{
font-weight: bold;
color: black;
}
a.hir:hover{
color: magenta;
}
.btnedit, .btndel, .addBtn, .btnadd{display: inline-block; width: 16px; height: 16px; margin: 0 2px}
.btnedit{background: url(pic/edit.png)}
.btndel{background: url(pic/x.png)}
.addBtn, .btnadd{background: url(pic/add_icon.png)}
#test tr:nth-child(even) {background: #ddd}
#test tr:nth-child(odd) {background: #eee}
.jegyzet, .jegyzet td{font-family: Times New Roman; font-size: 10pt}
/*div.error!!!!!!!!!*/
.error{color: red}
.info, .success, .err, .warning, .validation {clear:left;border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('pic/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('pic/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('pic/warning.png');
}
div.err {
color: #D8000C;
background-color:#f8f8f8;
background-image: url('pic/error');
}
/*RATEIT*/
div.rateit
{
display: inline-block;
position: relative;
}
div.rateit div.rateit-range
{
position: relative;
display: inline-block;
background: url(pic/star.gif);
height: 10px;
}
div.rateit div.rateit-hover, div.rateit div.rateit-selected
{
position: absolute;
}
div.rateit div.rateit-hover
{
background: url(pic/star.gif) left -20px;
}
div.rateit div.rateit-hover-rtl
{
background-position: right -20px;
}
div.rateit div.rateit-selected
{
background: url(pic/star.gif) left -10px;
}
div.rateit div.rateit-selected-rtl
{
background-position: right -10px;
}
div.rateit div.rateit-reset
{
background: url(pic/delete.gif) 0 0;
width: 16px;
height: 16px;
display: inline-block;
float: left;
}
div.rateit div.rateit-reset:hover
{
background-position: 0 -10px;
}
ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 12px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #0A246A;
color: white;
}
.tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(pic/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.tooltip{
position: fixed;
z-index: 1000;
background-color: #f5f5b5;
border: 1px solid #DECA7E;
padding: 3px;
}
/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid{
display: block;
visibility: hidden;
position: static !important;
float: left !important;
}
.ui-tooltip-content{
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word;
}
.ui-tooltip-titlebar{
position: relative;
min-height: 14px;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0 !important; }
/* Default close button class */
.ui-tooltip-titlebar .ui-state-default{
position: absolute;
right: 4px;
top: 50%;
margin-top: -9px;
cursor: pointer;
outline: medium none;
border-width: 1px;
border-style: solid;
}
* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */
.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon{
display: block;
text-indent: -1000em;
direction: ltr;
}
.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.ui-tooltip-icon .ui-icon{
width: 18px;
height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma,sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{}
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{}
/* Default tooltip style */
.ui-tooltip-default{
border-color: #F1D031;
background-color: #FFFFA3;
color: #555;
}
.ui-tooltip-default .ui-tooltip-titlebar{
background-color: #FFEF93;
}
.ui-tooltip-default .ui-tooltip-icon{
border-color: #CCC;
background: #F1F1F1;
color: #777;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
border-color: #AAA;
color: #111;
}
.ui-tooltip-shadow{
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
/*! Light tooltip style */
.ui-tooltip-light{
background-color: white;
border-color: #E2E2E2;
color: #454545;
}
.ui-tooltip-light .ui-tooltip-titlebar{
background-color: #f1f1f1;
}
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button {
display:block; /* or inline-block */
width: 105px; padding: 7px 0; text-align:center;
background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}
.qq-upload-drop-area {
position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
background:#FF9797; text-align:center;
}
.qq-upload-drop-area span {
display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}
.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
margin-right: 7px;
}
.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("pic/uploading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
min-height: 1px;
line-height: 1.3em;
vertical-align: middle;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
/*left: 0;*/
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
ul.dropdown {
font-weight: bold;
}
ul.dropdown li {
padding: 7px 10px;
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
background-color: #f6f6f6;
color: #000;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #eee;
color: #000;
}
ul.dropdown a:link,
ul.dropdown a:visited { color: #000; text-decoration: none; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
/* -- level mark -- */
ul.dropdown ul {
width: 150px;
margin-top: 1px;
}
ul.dropdown ul li {
font-weight: normal;
}
/* -- Supporting class `dir` -- */
ul.dropdown *.dir {
padding-right: 20px;
background-image: url(css/pic/nav-arrow-down.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {
padding-right: 15px;
background-image: url(css/pic/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
ul.dropdown-upward *.dir {
background-image: url(../../../../images/default/nav-arrow-top.png);
}
ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
background-image: url(../../../../images/default/nav-arrow-right.png);
}
ul.dropdown-vertical-rtl *.dir {
padding-right: 10px;
padding-left: 15px;
background-image: url(../../../../images/default/nav-arrow-left.png);
background-position: 0 50%;
}
/* -- Base style extension -- */
ul.dropdown li a {
display: block;
padding: 7px 10px;
}
/* -- Base style override -- */
ul.dropdown li {
padding: 0;
}
/* -- Base style reinitiate: post-override activities -- */
ul.dropdown li.dir {
padding: 7px 20px 7px 10px;
}
ul.dropdown ul li.dir {
padding-right: 15px;
}
/*
Document : jquery.pnotify.default.css
Created on : Nov 23, 2009, 3:14:10 PM
Author : Hunter Perrin
Version : 1.2.0
Link : http://pinesframework.org/pnotify/
Description:
Default styling for Pines Notify jQuery plugin.
*/
/* -- Notice */
.ui-pnotify {
background: #fff;
top: 25px;
right: 25px;
position: absolute;
height: auto;
/* Ensures notices are above everything */
z-index: 9999;
}
/* Hides position: fixed from IE6 */
html > body .ui-pnotify {
position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0;
}
.ui-pnotify-sharp {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em;
}
/* -- History Pulldown */
.ui-pnotify-history-container {
position: absolute;
top: 0;
right: 18px;
width: 70px;
border-top: none;
padding: 0;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
/* Ensures history container is above notices. */
z-index: 10000;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
padding: 2px;
}
.ui-pnotify-history-container button {
cursor: pointer;
display: block;
width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
display: block;
margin: 0 auto;
}
/* Custom styled notice CSS */
.ui-pnotify.custom .ui-pnotify-container {
background-color: #404040 !important;
background-image: none !important;
border: none !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.ui-pnotify.custom .ui-pnotify-title, .ui-pnotify.custom .ui-pnotify-text {
font-family: Arial, Helvetica, sans-serif !important;
text-shadow: 2px 2px 3px black !important;
font-size: 10pt !important;
color: #FFF !important;
padding-left: 50px !important;
line-height: 1 !important;
text-rendering: geometricPrecision !important;
}
.ui-pnotify.custom .ui-pnotify-title {
font-weight: bold;
}
.ui-pnotify.custom .ui-pnotify-icon {
float: left;
}
.ui-pnotify.custom .picon {
margin: 3px;
width: 33px;
height: 33px;
}
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft {
top: 25px;
left: 25px;
right: auto;
}
.ui-pnotify.stack-bottomleft {
bottom: 35px;
left: 25px;
top: auto;
right: auto;
}
/* This one is done through code, to show how it is done. Look down
at the stack_bottomright variable in the JavaScript below. */
.ui-pnotify.stack-bottomright {
/* These are just CSS default values to reset the pnotify CSS. */
right: auto;
top: auto;
}
.ui-pnotify.stack-custom {
/* Custom values have to be in pixels, because the code parses them. */
top: 200px;
left: 200px;
right: auto;
}
.ui-pnotify.stack-custom2 {
top: auto;
left: auto;
bottom: 200px;
right: 200px;
}
/* This one is totally different. It stacks at the top and looks
like a Microsoft-esque browser notice bar. */
.ui-pnotify.stack-bar-top {
right: 0;
top: 0;
}
.ui-pnotify.stack-bar-bottom {
margin-left: 15%;
right: 0;
bottom: 0;
top: auto;
left: auto;
}
html {
-webkit-font-smoothing: antialiased;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
border-radius: 5px;
border: 2px solid #000;
background: #4c4c4c;
color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
/* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
cursor: help;
margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-base .tooltipster-content {
overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
display: block;
width: 0;
height: 0;
position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-top: 9px solid;
bottom: -8px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid;
top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-bottom: 9px solid;
top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
left: 0;
right: 0;
margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
left: 5px;
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-left: 8px solid;
top: 50%;
margin-top: -7px;
right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-left: 9px solid;
margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-right: 9px solid;
margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade-show {
opacity: 1;
}
.tooltipster-grow {
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
top: 0;
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0px !important;
opacity: 0;
}
.tooltipster-slide {
left: -40px;
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0px !important;
opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
opacity: 0.5;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
/** Minimal stand-alone css for dropdownchecklist support
We highly recommend using JQuery ThemeRoller instead
*/
.ui-dropdownchecklist {
font-size: medium;
color: black;
height: 20px;
}
.ui-dropdownchecklist-selector {
height: 20px;
border: 1px solid #ddd;
background: #fff;
}
.ui-state-hover, .ui-state-active {
border-color: #5794bf;
}
.ui-dropdownchecklist-dropcontainer {
background-color: #fff;
border: 1px solid #999;
}
.ui-dropdownchecklist-item {
}
.ui-state-hover {
background-color: #39f;
}
.ui-state-disabled label {
color: #ccc;
}
.ui-dropdownchecklist-group {
font-weight: bold;
font-style: italic;
}
.ui-dropdownchecklist-indent {
padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate
descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper {
vertical-align: middle;
font-size: 0px;
}
.ui-dropdownchecklist-selector {
padding: 1px 2px 2px 2px;
font-size: 0px;
}
.ui-dropdownchecklist-text {
font-size: medium;
/* line-height: 20px; */
}
.ui-dropdownchecklist-group {
padding: 1px 2px 2px 2px;
}
#menubar{position: relative;z-index: 89;margin: 0;padding: 0;clear:both;text-shadow: 0px 1px 0px #ccc;float:left;display:inline-block;
width: 100%;
background: rgb(226,0,116); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,0,116,1) 0%, rgba(198,0,99,1) 50%, rgba(226,0,116,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,0,116,1)), color-stop(50%,rgba(198,0,99,1)), color-stop(100%,rgba(226,0,116,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,0,116,1) 0%,rgba(198,0,99,1) 50%,rgba(226,0,116,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,0,116,1) 0%,rgba(198,0,99,1) 50%,rgba(226,0,116,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,0,116,1) 0%,rgba(198,0,99,1) 50%,rgba(226,0,116,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,0,116,1) 0%,rgba(198,0,99,1) 50%,rgba(226,0,116,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20074', endColorstr='#e20074',GradientType=0 ); /* IE6-9 */
}
#menubar li{float: left;list-style: none;display: none}
#menubar li a{
display: block;
background: #eee;
padding: 5px 5px 5px 12px;
text-decoration: none;
border-right: 1px solid #ccc;
white-space: nowrap}
#menubar > li > a{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20074+0,c60063+50,e20074+100 */
background: rgb(226,0,116); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,0,116,1) 0%, rgba(198,0,99,1) 50%, rgba(226,0,116,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,0,116,1)), color-stop(50%,rgba(198,0,99,1)), color-stop(100%,rgba(226,0,116,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,0,116,1) 0%,rgba(198,0,99,1) 50%,rgba(226,0,116,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,0,116,1) 0%,rgba(198,0,99,1) 50%,rgba(226,0,116,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,0,116,1) 0%,rgba(198,0,99,1) 50%,rgba(226,0,116,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,0,116,1) 0%,rgba(198,0,99,1) 50%,rgba(226,0,116,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20074', endColorstr='#e20074',GradientType=0 ); /* IE6-9 */
color: #fff;
text-shadow: 1px 1px 1px #333;
}
#menubar li a:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaaa+0,7c7c7c+50,aaaaaa+100 */
background: rgb(170,170,170); /* Old browsers */
background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(124,124,124,1) 50%, rgba(170,170,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(50%,rgba(124,124,124,1)), color-stop(100%,rgba(170,170,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(124,124,124,1) 50%,rgba(170,170,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(124,124,124,1) 50%,rgba(170,170,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(124,124,124,1) 50%,rgba(170,170,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(124,124,124,1) 50%,rgba(170,170,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
color: #fff;
}
#menubar li ul{
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white}
.ui-pg-table .fa{text-indent: 0;background-image: none !important;font-size: 16px}
#menubar li ul li{float: none;width: auto}
#menubar li ul li a{font-weight:normal !important;}
#menubar .fa{float: right;margin-left: 3px}
#menubar li.fav{display: block !important;}
.showall li{display: block !important;}
.showall li ul li{display: inline !important;}
.showall li ul li a{width: 260px}
.showall .star{display: inline-block}
#lastMenu{display: block !important; }
a.multiSelect {
background: #FFF url(images/dropdown.blue.png) right center no-repeat;
border: solid 1px #BBB;
padding-right: 20px;
position: relative;
cursor: default;
text-decoration: none;
color: black;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
}
a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active {
color: black;
text-decoration: none;
}
a.multiSelect span
{
margin: 1px 0px 1px 3px;
overflow: hidden;
display: -moz-inline-stack;
display: inline-block;
white-space: nowrap;
}
a.multiSelect.hover {
background-image: url(images/dropdown.blue.hover.png);
}
a.multiSelect.active,
a.multiSelect.focus {
border: inset 1px #000;
}
a.multiSelect.active {
background-image: url(images/dropdown.blue.active.png);
}
.multiSelectOptions {
margin-top: -1px;
overflow-y: auto;
overflow-x: hidden;
border: solid 1px #B2B2B2;
background: #FFF;
}
.multiSelectOptions LABEL {
padding: 0px 2px;
display: block;
white-space: nowrap;
}
.multiSelectOptions LABEL.optGroup
{
font-weight: bold;
}
.multiSelectOptions .optGroupContainer LABEL
{
padding-left: 10px;
}
.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL
{
padding-left: 18px;
}
.multiSelectOptions input{
vertical-align: middle;
}
.multiSelectOptions LABEL.checked {
background-color: #dce5f8;
}
.multiSelectOptions LABEL.selectAll {
border-bottom: dotted 1px #CCC;
}
.multiSelectOptions LABEL.hover {
background-color: #3399ff;
color: white;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;margin: 0 !important}
div.rating-cancel,div.rating-cancel a{background:url(pic/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(pic/star2.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
.jqplot-target{position:relative;color:#666;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)}
#offlineDiv{width:100%; height:100%; z-index:10000; top:0; left:0; position:fixed;color:#fff;font-size:16px;font-weight:bold;padding-top:20px;text-align:center;background: rgba(0, 0, 0, 0.7);}
.cTContainer { overflow: hidden; padding: 2px; }
.cTContainer table { table-layout: fixed; border-width: 0px; }
.relativeContainer { position: relative; overflow: hidden;}
.fixedTB { position: absolute; z-index: 11; font-weight: bold;}
.fixedTB table tr td { background-color: #F1F1F1; }
.leftContainer { position: absolute; overflow: hidden; }
.rightContainer { position: absolute; overflow: hidden; }
.leftSBWrapper { position: relative; z-index: 10; }
.topSBWrapper { position: relative; z-index: 10; width: 100%; }
.topSBWrapper table{margin:0}
.topSBWrapper table tr td { background-color: #F1F1F1; font-weight: bold; white-space: nowrap}
.SBWrapper { width: 100%; overflow: auto; }
.cTContainer td { overflow: hidden; border-width: 1px; border-style: solid; }
#freichat div, .freicontain div {
box-sizing: content-box !important;
}
.chatroommessagearea {
line-height: 12px;
}
.frei_chatroom_options {
box-sizing: border-box;
}
.frei_chatroom * {
box-sizing: content-box;
}
#frei_set_status_title, #freichat .custom_mesg{display:none}
#boostTable td{border: 2px solid red}
.form-control{padding: 0 2px;height: 20px;margin:0}
.btn, .ui-button{background-color: hsl(0, 0%, 79%) !important;
background-image: linear-gradient(hsl(0, 0%, 100%), hsl(0, 0%, 79%)) !important;
background-repeat: repeat-x !important;
border-color: hsl(0, 0%, 79%) hsl(0, 0%, 79%) hsl(0, 0%, 68.5%) !important;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
}
.btn:hover, .ui-button:hover{background-position: 0 -30px}
.dropdown{clear:both}
#thSells, #tmSells{width: 1200px}
#tmSells table th{text-align:left}
/*MENU*/
#menu, #fav {
position: fixed;
background-color: #222;
height: 100%;
z-index: 1000;
width: 280px;
color: #bbb;
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
font-family: 'Source Sans Pro', sans-serif;
}
#menu > ul, #fav > ul{
overflow-y: scroll;
}
#menu ul, #fav ul {
list-style: none;
margin-top: 0;
padding: 0;
}
#menu ul li, #fav ul li { border-bottom: 1px solid #2a2a2a; }
#menu>ul>li>a, #fav>ul>li>a { border-left: 4px solid #222; }
#menu ul li a, #fav ul li a {
color: inherit;
font-size: 15px;
display: block;
padding: 8px 0 8px 7px;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight: 600;
}
#menu ul a i, #fav ul a i {
margin-right: 10px;
font-size: 18px;
margin-top: 3px;
width: 20px;
}
#menu ul a i[class*='fa-caret'] { float: right; }
#menu ul a:hover,
#menu ul a.active,
#fav ul a:hover,
#fav ul a.active{
background-color: #111;
border-left-color: #FFCC33;
color: #FFCC33;
}
#menu ul a:hover i:first-child, #nav ul a:hover i:first-child { color: #FFCC33; }
/* Submenu */
#menu ul li a.active+ul { display: block }
#menu ul li ul {
margin-top: 0;
display: none;
}
#menu ul li ul li { border-bottom: none; }
#menu ul li ul li a { padding-left: 30px; }
#menu ul li ul li a:hover { background-color: #1A1A1A; }
/* /Submenu */
/* Cuando este a la Izq, para esconderlo posicionarlo a la Izq a -width */
.left { left: -280px; }
.show { left: 0; z-index: 1001 !important;}
.show .hidemenu{display: block}
#showmenu {
font-size: 1.3em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 22px;
height: 27px;
padding: 3px !important;
}
.star {
text-indent: -5000px;
display: none;
background-image: url(pic/star2.gif) !important;
background-position: 0 0;
height: 16px;
width: 16px;
float: right;
padding: 0 !important;
margin: 5px 10px 0 0;
cursor: pointer;
}
.rewimg{
width:22px;
right:3px;
top:100px;
border: 0 !important;
outline: 1px solid transparent;
outline: 0;
margin: 0;
}
.sstar{
width:30px;
position:fixed;
z-index: 99999;
right:3px;
top:100px;
border: 0 !important;
outline: 1px solid transparent;
outline: 0;
}
.sstar:focus{outline: none}
#sstar{position: fixed}
.rew{color: #fff;margin-right: 5px;font-size: 16px;display: table;height: 20px}
.rew a{display: table-cell;vertical-align: middle;}
.rew span{font-weight: bold;display: table-cell;vertical-align: middle;padding-left: 3px}
.rew .fa{margin: 0 5px;font-size: 14px;color: #ddd}
.noty_message .rewnum{font-size: 20px !important;}
.star.favorited {
background-position: 0 32px;
}
#game-ind{
float:right;/*margin-top: 35px;*/
background: url('/pic/1px.png');
border-radius: 5px;
padding: 0 3px;
}
#cpt{
background: url(/pic/1px.png);
}
#cpt, #cpt a{
color: #fff79c;
font-size: 35px;
font-weight: bold;
padding: 0 3px;
float: right;
border-radius: 3px;
height: 44px;
line-height: 44px;
}
#cpt a:hover{text-decoration: none;color:orange}
.ui-multiselect-menu label span {font-weight: normal}
.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }
.fixed-dialog{
position: fixed;
top: 50px;
left: 50px;
}
#notfound {
overflow: scroll !important;
}
/*
The jQuery UI Month Picker Version 3.0.4
https://github.com/KidSysco/jquery-ui-month-picker/
Copyright (C) 2007 Free Software Foundation, Inc.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see
.
*/
.month-picker {
display: inline-block;
position: absolute;
z-index: 9999;
}
.month-picker table {
border-collapse: separate;
border-spacing: 2px 2px;
}
.month-picker td {
padding: 0px;
}
/*
Prevents the button labels from maving sligtly to the left
when applying the width CSS property to the buttons.
See: .month-picker-month-table button { width: 4.3em; }
*/
.month-picker .ui-button-text {
padding: .4em 0;
}
.month-picker-header {
margin: 3px 3px 0px 3px;
}
.month-picker-year-table {
width: 100%;
/*
Makes sure the next/previous/jump years buttons are not unnecessarily
selected if the user clicks them a couple of times fast.
*/
-ms-user-select: none; /* IE 10+ */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
/*
The plugin uses buttons with a transparent background in the year-table
(aka header) in order to look consistent with jQuery UI datepicker and to
make the year title a button that blends into the heading in the default state.
The plugin does this by removing the .ui-state-default class from (in MonthPicker.js)
the a tags (buttons) which also ends up removing the 1px border that it applies.
To prevent the button from resizing and moving everything around when you hover
in and out, we use a carefully constructed selector, which gets overroden by the
more specific .ui-state-hover/actove class selectors in the jquery-ui.css
that apply the visible borders that we want.
This selector applies a 1px transparent border that keeps the button
in the same size, but it doesen't hide the borders that .ui-state-hover/actove give us.
*/
.month-picker-year-table a {
border: 1px solid transparent;
}
/*
Sets the size of the next/previous buttons,
and makes the buttons in the heading (year-table) sligtly bigger,
and removes the pointer cursor from the buttons in the heading (year-table).
*/
.month-picker-year-table .ui-button {
font-size: 1.1em;
width: 1.5em;
height: 1.5em;
cursor: default;
margin: 0;
}
.month-picker-year-table .month-picker-title {
text-align: center;
}
.month-picker-year-table .month-picker-title .ui-button {
font-size: 1em;
padding: .1em 0;
width: 100%;
font-weight: bold;
}
/*
The buttons in the heading (year-table) are slightly shrinked, but because jQuery ui and
the .month-picker .ui-button-text rule at the top of this CSS file apply some
padding which results in the button text being moved to the bottom of
the button.
This rule removes the unnecessary padding so the text in
the jump years button will be vericaly centred.
*/
.month-picker-year-table .ui-button-text {
padding: 0;
}
.month-picker-month-table td {
height: 35px;
text-align: center;
}
/*
Makes sure the buttons stay in the same size when swithching
to the Jump years menu.
this also ensures that the entire menu dosen't resize itself
in response to the slightly bigger buttons in the Jump years menu.
*/
.month-picker-month-table .ui-button {
width: 4.2em;
margin: .2em;
}
.month-picker-open-button {
height: 20px;
width: 20px;
vertical-align: middle;
margin: 0 !important;
}
.month-picker-invalid-message {
display: none;
background-color: Yellow;
}
.month-picker-disabled {
background-color: #e1e1e1;
}
/*FIREWORK*/
#fw, #chest-game {
display: none;
position:fixed;
top:0px;
left:0px;
right: 0px;
bottom: 0px;
z-index: 1000000;
background-color: #000;
}
#fw canvas {
background-color: #000;
cursor: crosshair;
}
#text {
position: fixed;
z-index: 1000;
top: 100px;
width: 100%;
font-size: 50px;
font-weight: bold;
color: white;
text-align: center;
}
#text2 {
z-index: 1000;
width: 100%;
font-size: 50px;
font-weight: bold;
color: white;
text-align: center;
}
#fw-close {
color: #ddd;
top: 0;
right: 0;
position: fixed;
font-size: 18px;
padding: 5px;
cursor: pointer;
}
#fw span{font-size: 54px;color:#89fbf0 !important}
@keyframes play {
0% { background-position: 0 0; }
100% { background-position: -1013px; }
}
.chest {
float:left;
width: 200px;
height: 197px;
background: url('/pic/chest.png') left center;
}
.chest-anim {
animation: play 0.6s steps(5);
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
@media only screen and (max-device-width: 768px) {
#chest-game{zoom: 55%}
}
#chest-game .chest {
position: relative;
}
#chest-game .chest div {
display: none;
color: #fff;
font-weight: bold;
position: absolute;
top: 106px;
font-size: 6px;
text-align: center;
width: 100% !important;
white-space: nowrap;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 2s;
-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
#chest-game .chest .prize {
color: #fff;
}
#chest-game .prize-opened{
font-size: 20px !important;
top:45px !important;
white-space: normal !important;
}
#chest-game .other-opened{
font-size: 20px !important;
top:45px !important;
white-space: normal !important;
color: #888 !important;
}
.chest span{
display: none;
z-index: -1;
position: absolute;
bottom: 0; top: 0; left: 0; right: 0;
background: radial-gradient(#fff978, #5c5a2c, #000); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}