header, nav, section, footer{
 display: block;
 }
 
 body{
 background: #acd7e8 url(http://media.livehome.pl/images/site/bg.png) repeat-x top;
 font-family: Arial;
 font-size: 12px !important;
 margin: 0;
 padding: 0;
 overflow-x: hidden;
 overflow-y: hidden;
 }
 
 ::selection{
 background: #3C8FA7;
 color: white;
 }
 
 /* SCROLL */
 
 #scroll{
 width: 100%;
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 overflow: auto;
 -webkit-transition: all 0.2s ease;
 }
 
 body ::-webkit-scrollbar{
 width: 10px;
 height: 10px;
 }
 
 body ::-webkit-scrollbar-button:start:decrement, body ::-webkit-scrollbar-button:end:increment{
 display: block;
 height: 0px;
 width: 0;
 background: #D1F0FD;
 }
 
 body ::-webkit-scrollbar-track-piece{
 background-color: #D1F0FD;
 width: 12px;
 height: 0;
 }
 
 body ::-webkit-scrollbar-corner{
 background-color: #D1F0FD;
 }
 
 body ::-webkit-scrollbar-thumb:vertical{
 height:50px;
 background-color: #3C8FA7;
 border-radius: 5px;
 }
 
 body ::-webkit-scrollbar-thumb:horizontal{
 width:50px;
 background-color: #3C8FA7;
 border-radius: 5px;
 }
 
 #bottomBar{
 position: absolute;
 left: 0px;
 right: 0px;
 bottom: 0px;
 width: 100%;
 height: 0px;
 overflow: hidden;
 background: #E2F6FD;
 border-top: 1px solid #B9E1EF;
 -webkit-transition: all 0.2s ease;
 }
 
 /* END SCROLL */
 
 #page{
 position: relative;
 width: 950px;
 margin: auto;
 }
 
 
 #page ::-webkit-scrollbar{
 width: 10px;
 height: 10px;
 }
 
 #page ::-webkit-scrollbar-button:start:decrement, #page ::-webkit-scrollbar-button:end:increment{
 display: block;
 height: 0px;
 background: transparent;
 }
 
 #page ::-webkit-scrollbar-track-piece{
 background-color: #F5FCFF;
 -webkit-border-radius: 8px;
 }
 
 #page ::-webkit-scrollbar-thumb:vertical{
 height:50px;
 background-color: #3C8FA7;
 -webkit-border-radius:8px;
 }
 
 #page ::-webkit-scrollbar-thumb:horizontal{
 width:50px;
 background-color: #3C8FA7;
 -webkit-border-radius:8px;
 }
 
 
 a{
 text-decoration: none;
 color: #3c8fa7;
 }
 
 a:hover{
 color: #1b6a85;
 }
 
 .box a{
 text-decoration: underline !important;
 }
 
 header{
 position: relative;
 height: 100px;
 }
 
 header #logo{
 position: absolute;
 top: 15px;
 left: 10px;
 width: 312px;
 height: 65px;
 background: url(http://images.livehome.pl/logo.png);
 }
 
 header #logo.new{
 position: absolute;
 top: 12px;
 left: 30px;
 width: 200px;
 height: 75px;
 background: url(http://media.livehome.pl/images/new_logo.svg);
 }
 
 header #url{
 position: absolute;
 top: 60px;
 left: 285px;
 opacity: 0.8;
 display: none;
 }
 
 header #search{
 position: absolute;
 top: 40px;
 right: 40px;
 text-align: right;
 }
 
 header #search form{
 position: relative;
 }
 
 
 header #search form input{
 background: white;
 width: 300px;
 height: 20px;
 border: 1px solid #c1e0ec;
 font-size: 15px;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 outline: none;
 margin: 0px;
 padding: 5px 8px;
 display: block;
 float: left;
 }
 
 header #search input[type=text]{
 border-radius: 5px;
 -o-border-radius: 5px 0px 0px 5px;
 -moz-border-radius: 5px 0px 0px 5px;
 -webkit-border-radius: 5px;
 width: 340px;
 }
 
 header #search input[type=text]::-webkit-input-speech-button {
 margin-right: 30px;
 width: 15px;
 opacity: 0.6;
 }
 
 
 
 header #search input[type=submit]{
 position: absolute;
 top: 5px;
 right: 5px;
 
 background: white url(http://media.livehome.pl/images/site/search_icon.png) center no-repeat;
 border: none;
 height: 15px;
 width: 15px;
 cursor: pointer;
 }
 
 header #info{
 position: absolute;
 top: 20px;
 right: 55px;
 width: 325px;
 color: #8C8C8C;
 font-size: 12px;
 text-align: right;
 }
 
 header #info a{
 color: #8C8C8C;
 text-decoration: none;
 -o-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -webkit-transition: all 0.2s ease;
 }
 
 header #info a:hover{
 color: #474747;
 text-shadow: 0 0 8px #aaa;
 }
 
 header #info .user{
 padding-right: 15px;
 }
 
 header #info .account{
 background: url(http://media.livehome.pl/images/site/info_user.png) left no-repeat;
 padding-left: 15px;
 }
 
 header #info .logout{
 background: url(http://media.livehome.pl/images/site/info_logout.png) no-repeat left;
 padding-left: 15px;
 }
 
 section{
 position: relative;
 background: white;
 border-radius: 10px;
 box-shadow: 0px 0px 5px #5196ad;
 -o-box-shadow: 0px 0px 5px #5196ad;
 -moz-box-shadow: 0px 0px 5px #5196ad;
 -webkit-box-shadow: 0px 0px 5px #5196ad;
 min-height: 100px;
 padding: 10px 10px;
 z-index: 3;
 overflow: hidden;
 }
 
 nav{
 background: url(http://media.livehome.pl/images/site/nav_bg.png);
 border: 1px solid #1b6a85;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 height: 45px;
 overflow: hidden;
 }
 
 nav *{
 padding: 0;
 }
 
 nav ul{
 margin: 0px -6px;
 list-style: none;
 width: 9999px;
 }
 
 nav li{
 display: inline;
 margin: 0px;
 }
 
 nav li a{
 background: url(http://media.livehome.pl/images/site/nav_bg.png) left -90px no-repeat;
 display: block;
 float: left;
 width: 84px;
 text-align: center;
 font-weight: bold;
 color: white !important;
 padding: 12px 3px 10px;
 height: 23px;
 text-shadow: 1px 1px 0px #3c8fa7;
 -o-transition: width 0.12s ease;
 -moz-transition: width 0.12s ease;
 -webkit-transition: width 0.12s ease;
 
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 }
 
 nav li a.active{
 width: 124px;
 background: url(http://media.livehome.pl/images/site/nav_bg.png) left -90px no-repeat, url(http://media.livehome.pl/images/site/nav_bg.png) right -45px repeat-x;
 }
 
 nav li:hover a{
 background: url(http://media.livehome.pl/images/site/nav_bg.png) left -90px no-repeat, url(http://media.livehome.pl/images/site/nav_bg.png) right -45px repeat-x;
 width: 124px !important;
 }
 
 nav ul:hover a.active{
 width: 84px;
 background: url(http://media.livehome.pl/images/site/nav_bg.png) left -90px no-repeat;
 }
 
 nav ul:hover a.active:hover{
 background: url(http://media.livehome.pl/images/site/nav_bg.png) left -90px no-repeat, url(http://media.livehome.pl/images/site/nav_bg.png) right -45px repeat-x;
 }
 
 seciton #scroller{
 width: 1900px;
 }
 
 section #scroller #content, section #scroller #content2{
 float: left;
 margin: 25px 10px;
 width: 910px;
 }
 
 #topBtn{
 position: absolute;
 top: 200px;
 right: -40px;
 width: 50px;
 border: 1px solid #D1F0FD;
 border-left: none;
 color: #3C8FA7;
 background: white;
 text-align: right;
 padding: 10px 10px;
 text-transform: uppercase;
 box-shadow: 0px 0px 5px #5196ad;
 -o-box-shadow: 0px 0px 5px #5196ad;
 -moz-box-shadow: 0px 0px 5px #5196ad;
 -webkit-box-shadow: 0px 0px 5px #5196ad;
 border-top-right-radius: 5px;
 -o-border-top-right-radius: 5px;
 -moz-border-top-right-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 -o-border-bottom-right-radius: 5px;
 -moz-border-bottom-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 cursor: pointer;
 z-index: 2;
 display: none;
 }
 
 footer{
 padding: 10px;
 text-align: center;
 color: #888;
 }
 
 footer .links{
 padding: 5px;
 }
 
 footer a{
 color: #3c8fa7;
 }
 
 footer .links a{
 padding: 0px 10px;
 }
 
 /* - - - - - - - - BOXES - - - - - - - - */
 
 .box{
 margin: 20px auto;
 border: 1px solid #D1F0FD;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -mwebkit-border-radius: 5px;
 padding: 10px;
 color: #3C8FA7;
 background: #F5FCFF;
 padding: 10px;
 }
 
 .box .title{
 font-size: 15px;
 font-weight: bold;
 text-align: left;
 }
 
 .infoBox{
 margin: 15px auto;
 border: 1px solid #D1F0FD;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 10px;
 color: #3C8FA7;
 background: #F5FCFF;
 text-align: center;
 font-weight: bold;
 }
 
 .statusBox{
 margin: 10px auto;
 border: 1px solid #D1F0FD;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 10px;
 color: #3C8FA7;
 background: #F5FCFF;
 text-align: center;
 font-weight: bold;
 }
 
 .tipBox{
 margin: 30px auto;
 border: 1px solid #D1F0FD;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 10px;
 color: #3C8FA7;
 background: #F5FCFF;
 width: 500px;
 padding: 10px;
 padding-left: 50px;
 }
 
 .tipBox .list{
 padding-left: 10px;
 }
 
 .title{
 text-align: center;
 color: #3C8FA7;
 font-size: 30px;
 font-weight: bold;
 text-align: left;
 }
 
 
 .title2{
 text-align: left;
 color: #3C8FA7;
 font-size: 15px;
 font-weight: bold;
 padding-left: 20px;
 margin-bottom: 15px;
 }
 
 .title2 a{
 text-decoration: underline;
 }
 
 /* - - - - - - - - CALENDAR - - - - - - - - */
 
 table#calendar td{
 border: 1px solid #D1F0FD;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 color: #3C8FA7;
 background: #F5FCFF;
 text-align: center;
 padding: 3px;
 -o-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 }
 
 table#calendar #head td{
 font-weight: bold;
 }
 
 table#calendar #head:hover td{
 border: 1px solid #D1F0FD !important;
 background: #F5FCFF !important;
 }
 
 table#calendar td.red{
 color: red;
 }
 
 table#calendar tr td.week{
 width: 15px; font-size: 10px; font-weight: bold;
 }
 
 table#calendar tr:hover td.week{
 border: 1px solid #3C8FA7;
 background: #D1F0FD;
 }
 
 table#calendar td.thisMonth:hover, table#calendar td.nextMonth:hover{
 border: 1px solid #3C8FA7;
 background: #D1F0FD;
 }
 
 table#calendar tr:hover td{
 border: 1px solid #b9e1ef;
 background: #e2f6fd;
 }
 
 table#calendar td.today{
 border: 1px solid #3C8FA7 !important;
 background: #D1F0FD;
 font-size: 40px !important;
 }
 
 table#calendar td.sunday{
 color: red;
 }
 
 table#calendar tr:hover td.today{
 border: 1px solid #3C8FA7 !important;
 background: #D1F0FD;
 font-size: 40px;
 }
 
 table#calendar tr:hover  td.today:hover{
 background: #F5FCFF !important;
 }
 
 table#calendar td.thisMonth{
 font-size: 25px;
 font-weight: normal;
 }
 
 table#calendar td.nextMonth{
 font-size: 15px;
 font-weight: normal;
 }
 
 table#calendar td.2 > table#calendar #head.2{
 border: 1px solid #b9e1ef;
 background: #e2f6fd;
 }
 
 table#calendar td .noEvents{
 font-size: 10px;
 color: #888;
 opacity: 0;
 -o-transition: opacity 0.3s ease;
 -moz-transition: opacity 0.3s ease;
 -webkit-transition: opacity 0.3s ease;
 }
 
 table#calendar td:hover .noEvents{
 opacity: 1;
 }
 
 #events .t{
 font-weight: bold;
 text-align: left;
 font-size: 20px;
 border-bottom: 1px solid #3C8FA7;
 color: #3C8FA7;
 margin-bottom: 15px;
 padding-left: 60px;
 letter-spacing: 1px;
 }
 
 #events .event{
 margin: 5px 10px;
 padding: 3px 25px;
 background: #F5FCFF;
 border-top: 1px solid #D1F0FD;
 border-bottom: 1px solid #D1F0FD;
 -o-transition: opacity 0.3s ease;
 -moz-transition: opacity 0.3s ease;
 -webkit-transition: opacity 0.3s ease;
 }
 
 #events .event:hover{
 opacity: 1 !important;
 }
 
 #events .event:hover .desc{
 height: 60px;
 }
 
 #events .event.ended{
 opacity: 0.5;
 }
 
 #events .event .title{
 font-weight: bold;
 text-align: left;
 font-size: 15px;
 margin-left: -5px;
 }
 
 #events .event .desc{
 height: 0px;
 overflow: hidden;
 margin-bottom: 15px;
 -o-transition: height 0.3s ease;
 -moz-transition: height 0.3s ease;
 -webkit-transition: height 0.3s ease;
 }
 
 #newEvent .label{
 margin-top: 15px;
 margin-left: 10px;
 font-weight: bold;
 }
 
 #calendarPage{
 position: relative;
 }
 
 #addCalendar{
 position: absolute;
 top: 8px;
 right: 5px;
 margin-top: 8px;
 margin-right: 6px;
 text-align: right;
 }
 
 #addCalendar a{
 margin: 0 4px;
 }
 
 #myCalendars{
 margin-top: 25px;
 }
 
 #myCalendars .cal{
 margin: 15px 0;
 padding: 10px 20px;
 border: 2px solid #3C8FA7;
 border-width: 1px 0 1px 0;
 }
 
 #myCalendars .cal .name{
 font-size: 35px;
 font-weight: bold;
 color: #3C8FA7;
 }
 
 #myCalendars .info{
 font-size: 16px;
 margin-top: 5px;
 color: black;
 }
 
 #myCalendars .info .item{
 display: inline-block;
 margin-right: 20px;
 }
 
 /* - - - - - - - - HOMES TABLE - - - - - - - - */
 
 table.home{
 margin: 20px auto 0px;
 width: 800px;
 }
 
 table.home td{
 width: 800px;
 }
 
 table.home table td{
 width: auto;
 }
 
 table.home a{
 text-decoration: none !important;
 }
 
 table.home .box{
 margin: auto;
 color: black;
 width: 350px;
 }
 
 table.home .box .title{
 display: block;
 font-size: 16px;
 letter-spacing: 1px;
 padding: 5px 20px 15px;
 color: #3C8FA7;
 }
 
 /* - - - - - - - - ACCOUNTS - - - - - - - - */
 
 table.accounts{
 margin: 20px auto 0px;
 }
 
 table.accounts table td{
 width: auto;
 }
 
 table.accounts a{
 text-decoration: none !important;
 }
 
 table.accounts .box{
 margin: auto;
 color: black;
 }
 
 table.accounts .box .title{
 display: block;
 font-size: 16px;
 letter-spacing: 1px;
 padding: 5px 20px 15px;
 color: #3C8FA7;
 }
 
 table.accounts img.captcha{
 border: 1px solid #3C8FA7;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 margin: 2px;
 }
 
 table.accounts #rules{
 border: 1px solid #3C8FA7;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 margin: auto;
 padding: 10px;
 background: white;
 color: black;
 height: 230px;
 width: 300px;
 }
 
 table.accounts #rules .accept{
 margin-top: 5px;
 font-weight: bold;
 }
 
 table.accounts #rules .slider{
 overflow: auto;
 width: 290px;
 height: 200px;
 padding: 5px;
 }
 
 table#accountsHome{
 width: 800px;
 }
 
 table#accountsHome td{
 width: 400px;
 }
 
 table#accountsHome .box{
 width: 320px;
 height: 350px;
 }
 
 table.accountsRegister #rules{
 border: 1px solid #3C8FA7;
 border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 margin: auto;
 padding: 10px;
 background: white;
 color: black;
 height: 230px;
 width: 300px;
 }
 
 table.accountsRegister #rules .accept{
 margin-top: 5px;
 font-weight: bold;
 }
 
 table.accountsRegister #rules .slider{
 overflow: auto;
 width: 290px;
 height: 200px;
 padding: 5px;
 }
 
 table#accounts3{
 width: 810px;
 }
 
 table#accounts3 td{
 width: 300px;
 }
 
 table#accounts3 .box{
 margin: 0px 5px;
 width: 260px;
 height: 350px;
 }
 
 
 td.miniBox .box{
 height: auto !important;
 margin-bottom: 10px !important;
 }
 
 #aMenu{
 padding: 2px 50px;
 margin: 10px 20px;
 margin-top: 25px;
 font-size: 15px;
 border-bottom: 1px solid #3C8FA7;
 }
 
 #aMenu a{
 margin: 0px 15px;
 }
 
 #aMenu a.active{
 font-weight: bold;
 }
 
 .uName{
 color: #3C8FA7;
 font-size: 20px;
 font-weight: bold;
 display: block;
 }
 
 .uBoxTitle{
 color: #3C8FA7;
 font-size: 15px;
 font-weight: bold;
 border-bottom: 1px solid #3C8FA7;
 text-align: center;
 }
 
 .uBox{
 margin: 10px 10px;
 padding: 10px 25px;
 border: 1px dotted #3C8FA7;
 border-radius: 5px;
 }
 
 .uBox:hover{
 background: #f2f2f2;
 }
 
 .uBox b{
 display: block;
 margin-left: -8px;
 }
 
 .uImage{
 width: 200px;
 height: 250px;
 }
 
 .aTitle{
 font-size: 20px;
 color: #3C8FA7;
 font-weight: bold;
 margin-top: 20px;
 }
 
 .aPlus{
 font-size: 15px;
 padding-left: 10px;
 margin: 5px 0px;
 }
 
 /* - - - - - - - - UPLOAD - - - - - - - - */
 
 table.upload{
 width: 800px;
 margin: auto;
 }
 
 table.upload td{
 width: 400px;
 }
 
 table.files td.type{
 width: 120px;
 }
 
 #fileOptions .option{
 margin: 10px 0;
 }
 
 #fileOptions .option.new{
 padding-left: 29px;
 min-height: 24px;
 background: transparent url() no-repeat left center;
 }
 
 #fileOptions .option a{
 text-decoration: none !important;
 font-weight: bold;
 }
 
 #fileOptions .option:hover a{
 text-decoration: underline !important;
 }
 
 #fileOptions .option img{
 vertical-align: middle;
 margin-right: 5px;
 }
 
 #filesMini{
 
 }
 
 #filesMini .file{
 margin: 6px 0px;
 padding: 10px;
 padding-left: 15px;
 border-top: 1px solid #D1F0FD;
 border-bottom: 1px solid #D1F0FD;
 background: white;
 }
 
 #filesMini .file .name{
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color: black;
 }
 
 #filesMini .file:hover{
 padding-left: 25px;
 }
 
 #homeUploadBox{
 
 }
 
 #homeUploadBox input[type="file"]{
 margin: 10px;
 padding: 10px 15px;
 background: white;
 border: 1px solid #D1F0FD;
 }
 
 
 #fileDetails{
 
 }
 
 #fileDetails .type{
 padding-left: 15px;
 }
 
 input[type="file"]{
 vertical-align: middle;
 }
 
 input[type="file"]::-webkit-file-upload-button{
 webkit-appearance: none;
    font-size: 0px;
    opacity: 1;
    padding: 0;
    margin: 0;
    width:0;
    height: 0;
    border: none;
    background: transpaent;
 }
 
 #filesBox{
 
 }
 
 #filesBox .file{
 width: 150px;
 height: 160px;
 float: left;
 margin: 15px;
 border: 1px solid #acd8e7;
 position: relative;
 }
 
 #filesBox .file .icon{
 height: 102px;
 background: transparent url(http://media.livehome.pl/images/file_icon_big.png) no-repeat center;
 }
 
 #filesBox .file.locked .icon{
 height: 102px;
 background: transparent url(http://media.livehome.pl/images/file_icon_big_locked.png) no-repeat center;
 }
 
 #filesBox .file .icon.image{
 background: transparent url(http://media.livehome.pl/images/file_image_icon_big.png) no-repeat center;
 }
 
 #filesBox .file .icon.none{
 background: transparent url() no-repeat center;
 text-align: center;
 }
 
 #filesBox .file .name{
 color: #3C8FA7;
 font-weight: bold;
 text-align: center;
 height: 30px;
 width: 140px;
 margin: auto;
 text-overflow: ellipsis;
 overflow: hidden;
 }
 
 #filesBox .file .date{
 color: #3C8FA7;
 font-size: 10px;
 text-align: center;
 margin: 6px;
 border-top: 1px solid #D1F0FD;
 padding-top: 3px;
 }
 
 #filesBox .file .new{
 position: absolute;
 top: -5px;
 right: -5px;
 background: white;
 padding: 2px 5px;
 font-weight: bold;
 }
 
 #filesBox .file.add .icon{
 opacity: 0.6;
 }
 
 #filesBox .file.empty{
 opacity: 0.6;
 }
 
 #filesBox .file.add .icon_plus{
 font-size: 45px;
 position: absolute;
 top: 35px;
 right: 62px;
 }
 
 #filesBox .fileUpload{
 width: 512px;
 height: 160px;
 float: left;
 margin: 15px;
 border: 1px solid #acd8e7;
 position: relative;
 }
 
 .uploadBox{
 position: relative;
 height: 60px;
 padding-top: 25px;
 background: white;
 border: 2px dashed gray;
 color: gray;
 text-align: gray;
 font-size: 16px;
 font-weight: bold;
 overflow: hidden;
 margin: 5px 15px;
 margin-bottom: 20px;
 text-align: center;
 }
 
 .filesList{
 text-align: left;
 opacity: 0;
 min-height: 42px;
 }
 
 #filesList div{
 padding-left: 30px;
 }
 
 table.uploader{
 width: 100%;
 border-collapse: collapse;
 }
 
 table.uploader thead td{
 font-weight: bold;
 background: #D1F0FD;
 
 }
 
 table.uploader td{
 border: 1px solid #3C8FA7;
 background: #F5FCFF;
 padding: 5px 10px;
 letter-spacing: 1px;
 }
 
 table.uploader{
 
 }
 
 img.v{
 vertical-align: middle;
 }
 
 /* - - - - - - - - FORUM - - - - - - - - */
 
 table.cat{
 width: 100%;
 border-spacing: 5px;
 }
 
 table.cat td{
 background: #E2F6FD;
 border: 1px solid #B9E1EF;
 border-radius: 5px;
 padding: 2px 10px;
 }
 
 .category_box{
 margin: 20px 0px;
 }
 
 #fNavigate .category{
 font-size: 22px;
 font-weight: bold;
 }
 
 #fEditor #menu .main, #fEditor #menu .emo {
 width: 585px;
 height: 20px;
 border: 1px solid #9DC6E0;
 background: white;
 padding: 10px;
 margin-bottom: 10px;
 }
 
 #fEditor #bottom {
 width: 600px;
 height: 20px;
 border: 1px solid #9DC6E0;
 background: white;
 padding: 2px;
 margin-top: 10px;
 font-size: 12px;
 }
 
 #fEditor #menu .menu_item {
 width: 20px;
 height: 16px;
 cursor: pointer;
 float: left;
 border: 1px solid white;
 padding: 2px 0px;
 }
 
 #fEditor #menu .menu_item:hover {
 border: 1px solid #1D4978;
 background: #9DC6E0;
 }
 
 
 #fEditor #menu .menu_item2 {
 padding: 2px 5px;
 height: 16px;
 cursor: pointer;
 float: left;
 border: 1px solid white;
 }
 
 #fEditor #menu .menu_item2:hover {
 border: 1px solid #1D4978;
 background: #9DC6E0;
 }
 
 #fEditor #menu .menu_item3 {
 padding: 2px 5px;
 height: 16px;
 cursor: pointer;
 border: 1px solid white;
 }
 
 #fEditor #menu.menu_item3:hover {
 border: 1px solid #1D4978;
 background: #9DC6E0;
 }
 
 #fEditor #textarea{
 color: #1D4978;
 width: 605px;
 height: 220px;
 border: 1px solid #9DC6E0;
 }
 
 #fEditor #textarea textarea{
 width: 585px;
 height: 200px;
 border: none;
 margin: 10px;
 padding: 0px;
 display: block;
 box-shadow: none;
 resize: none;
 }
 
 
 #color > #colors{
 position: absolute;
 top: 21px;
 left: -1px;
 border: 1px solid #9DC6E0;
 background: white;
 width: 80px;
 display: none;
 }
 
 #color:hover > #colors{
 display: block;
 }
 
 
 /* - - - - - - - - GALLERY - - - - - - - - */
 
 #gallery{
 position: relative;
 }
 
 #gallery table.list{
 margin-top: 15px;
 border-spacing: 10px;
 width: 100%;
 }
 
 #gallery table.list td{
 border: 1px solid #AAA;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding: 10px;
 height: 200px;
 text-align: center;
 box-shadow: 1px 1px 10px #a9a9a9;
 }
 
 #gallery table.list td .thumb{
 width: 130px;
 height: 100px;
 overflow: hidden;
 margin-bottom: 5px;
 }
 
 #gallery table.list td .thumb{
 
 }
 
 #gallery table.list td .thumb img{
 display: block;
 margin: auto;
 max-width: 120px;
 max-height: 90px;
 padding: 3px;
 border-radius: 3px;
 box-shadow: 0 0 3px #555;
 margin-top: 2px;
 }
 
 
 #gallery table.list td .name{
 font-weight: bold;
 display: block;
 height: 60px;
 overflow: hidden;
 margin-bottom: 5px;
 }
 
 #gallery table.list td .info{
 border-top: 1px solid #bbb;
 padding-top: 2px;
 font-size: 11px;
 }
 
 #gallery table.list td .date{
 font-size: 10px;
 }
 
 #gallery table.list td .options{
 position: absolute;
 top: 1px;
 right: 5px;
 display: none;
 }
 
 #gallery table.list td:hover .options{
 display: block;
 }
 
 #gallery table.list td div{
 margin: auto;
 }
 
 #gallery span.emptyFolder{
 color: gray;
 font-size: 40px;
 font-weight: bold;
 opacity: 0.3;
 margin-top: 40px;
 }
 
 #gallery .addLink{
 color: gray;
 font-size: 40px;
 font-weight: bold;
 opacity: 0.6;
 }
 
 #gallery .addLink:hover{
 opacity: 0.8;
 }
 
 #gallery .nav{
 width: 860px;
 margin: auto;
 }
 
 #gallery #editBox{
 position: relative;
 background: white;
 border: 1px solid #3C8FA7;
 width: 840px;
 margin: auto;
 overflow: hidden;
 z-index: 6;
 border-radius: 6px;
 height: 0px;
 -o-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 }
 
 #gallery #editBox.open{
 height: 300px;
 padding: 15px 20px;
 }
 
 #gallery #editBox .close{
 position: absolute;
 top: 3px;
 right: 5px;
 }
 
 #gallery #editOverlay{
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 background: black;
 opacity: 0.5;
 z-index: 5;
 display: none;
 }
 
 #gallery #editOverlay.on{
 display: block;
 }
 
 /* beta */
 
 #gBox div.folder{
 position: absolute;
 background: white;
 border: 1px solid #3C8FA7;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding: 10px;
 width: 150px;
 height: 200px;
 text-align: center;
 box-shadow: 1px 1px 5px gray;
 }
 
 #gBox div.folder .thumb{
 width: 130px;
 height: 100px;
 overflow: hidden;
 margin-bottom: 5px;
 }
 
 #gBox div.folder .thumb img{
 display: block;
 margin: auto;
 max-width: 120px;
 max-height: 90px;
 padding: 2px;
 background: #eee;
 border: 1px solid #ccc;
 box-shadow: 1px 1px 0px #aaa;
 }
 
 
 #gBox div.folder .name{
 font-weight: bold;
 display: block;
 height: 60px;
 overflow: hidden;
 margin-bottom: 5px;
 }
 
 #gBox div.folder .info{
 border-top: 1px solid #bbb;
 padding-top: 2px;
 font-size: 11px;
 }
 
 #gBox div.folder .date{
 font-size: 10px;
 }
 
 #gBox div.folder td div{
 margin: auto;
 }
 
 
 /* - - - - - - - - TV - - - - - - - - */
 
 #tv .t{
 font-weight: bold;
 text-align: left;
 font-size: 20px;
 border-bottom: 1px solid #3C8FA7;
 color: #3C8FA7;
 margin-bottom: 15px;
 padding-left: 60px;
 letter-spacing: 1px;
 }
 
 #tv #now{
 margin-top: 30px;
 }
 
 #tv #now .chName{
 font-weight: bold;
 text-align: left;
 font-size: 18px;
 color: #3C8FA7;
 margin-bottom: 10px;
 padding-left: 60px;
 letter-spacing: 1px;
 }
 
 #tv #now table{
 border-spacing: 5px;
 }
 
 #tv #now table td{
 border-left: 1px solid #D1F0FD;
 border-right: 1px solid #D1F0FD;
 background: #F5FCFF;
 padding: 10px;
 width: 33.3%
 }
 
 #tv #now .seeAll, #tv #now .seeAll *{
 text-align: right;
 color: gray;
 font-size: 12px;
 }
 
 #tv #now .program .name{
 font-size: 17px;
 }
 
 #tv #now .program .time{
 margin-left: 5px;
 font-size: 14px;
 }
 
 #tv #now .program .episode{
 margin-left: 7px;
 }
 
 #tv #now .program .line{
 position: relative;
 margin-top: 20px;
 background: #3C8FA7;
 border-radius: 0px 5px 5px 0px;
 height: 11px;
 }
 
 #tv #now .program .line .now{
 position: absolute;
 top: -10px;
 left: 40%;
 background: #D1F0FD;
 border-radius: 5px 5px 5px 5px;
 height: 30px;
 width: 10px;
 box-shadow: 0 0 3px #3C8FA7;
 }
 
 #tv #now .program .line .stime, #tv #now .program .line .etime{
 position: absolute;
 top: -1px;
 color: white;
 font-size: 10px;
 text-shadow: 1px 1px 0 #3C8FA7;
 }
 
 #tv #now .program .line .stime{
 left: 2px;
 }
 
 #tv #now .program .line .etime{
 right: 5px;
 }
 
 #tv #now .program .line .time{
 position: absolute;
 top: -15px;
 left: 5px;
 color: #3C8FA7;
 font-size: 11px;
 padding-left: 14px;
 font-weight: bold;
 }
 
 #tv #programs .program{
 padding: 10px 20px;
 margin: 5px 0px;
 border-top: 1px solid #D1F0FD;
 border-bottom: 1px solid #D1F0FD;
 background: #F5FCFF;
 }
 
 #tv #programs .program .date{
 font-size: 15px;
 }
 
 #tv #programs .program .date a.channel{
 font-size: 13px;
 }
 
 #tv #programs .program .episode{
 font-size: 12px;
 height: 15px;
 margin-top: 3px;
 }
 
 #tv #programs .program .desc{
 margin-top: 10px;
 margin-bottom: 8px;
 padding-left: 30px;
 }
 
 #tv #programs .program .name{
 font-size: 16px;
 font-weight: bold;
 }
 
 /* - - - - - - - - TALKER - - - - - - - - */
 
 
 #talkerBox{
 width: 850px;
 height: 600px;
 margin: 15px auto;
 border: 1px solid #3C8FA7;
 border-radius: 5px;
 }
 
 #talkerBox #talkerMsgs{
 float: left;
 width: 550px;
 height: 520px;
 padding: 10px 15px;
 overflow: auto;
 }
 
 #talkerBox #talkerMsgs .msg{
 padding: 10px 15px;
 margin: 10px 0;
 border-top: 1px solid #D1F0FD;
 border-bottom: 1px solid #D1F0FD;
 }
 
 #talkerBox .right{
 float: right;
 width: 235px;
 height: 520px;
 padding: 10px 15px;
 overflow: auto;
 }
 
 #talkerBox .bottom{
 padding: 20px 15px 0;
 text-align: center;
 }
 
 
 /* - - - - - - - - CLASSES - - - - - - - - */
 
 .leftText{
 text-align: left;
 }
 
 .centerText{
 text-align: center;
 }
 
 .rightText{
 text-align: right;
 }
 
 .bold{
 font-weight: bold;
 }
 
 .clear{
 clear: both;
 }
 
 /* - - - - - - - - INPUTS - - - - - - - - */
 
 input, button, textarea, select{
 border: 1px solid #3C8FA7;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding: 3px 10px;
 padding-right: 20px;
 outline: none;
 width: 150px;
 margin: 3px;
 box-sizing: content-box;
 }
 
 textarea{
 padding: 8px 10px;
 }
 
 input:invalid{
 background: white url(http://media.livehome.pl/images/site/input_error2.png) no-repeat right center;
 }
 
 input.on:invalid{
 background: white url(http://media.livehome.pl/images/site/input_error3.png) no-repeat right center;
 }
 
 input:valid{
 background: white url(http://media.livehome.pl/images/site/input_ok.png) no-repeat right center;
 }
 
 input[type="submit"], input[type="button"], button{
 background: #D1F0FD;
 cursor: pointer;
 padding: 3px 10px !important;
 }
 
 input[type="submit"]:hover, button:hover{
 background: #D1DEF3;
 }
 
 input[type="submit"]:active, button:active{
 background: white;
 }
 
 input[type="checkbox"], input[type="radio"], input[type="file"], input[type="submit"], input[type="button"], button{
 cursor: hand;
 cursor: pointer;
 width: auto;
 }
 
 input[type=checkbox], input[type=radio]{
 background: white;
 -webkit-appearance: none;
 display: inline-block;
 font-size: 15px;
 line-height: 1em;
 margin: 2px 3px;
 padding: 0;
 width: 1.25em;
 height: 1.25em;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 vertical-align: middle;
 }
 
 input[type=radio] {
 border-radius: 2em;
 -o-border-radius: 2em;
 -moz-border-radius: 2em;
 -webkit-border-radius: 2em;
 }
 
 
 input[type=checkbox]:checked{
 background: white url(http://media.livehome.pl/images/site/input_checked.png) no-repeat center;
 }
 
 input:focus, textarea:focus, select:focus {
 outline: none;
 box-shadow: 0px 0px 3px #058cf5;
 }
 
 input[type="file"]{
 background: white;
 background-image: none;
 }
 
 input[disabled]{
 background: #D1F0FD !important;
 opacity: 0.8;
 cursor: not-allowed;
 }
 
 input.error{
 border-color: red;
 }
 
 input.long{
 width: 400px !important;
 }
 
 select{
 padding: 3px 10px !important;
 width: 160px;
 }