body {
    margin: 0px;
    padding: 0px;
    background-color: #292b2f;
    font-family: 'Open Sans', sans-serif;
}

/* Loader */
.ui-icon-loading {
	background: url("..images/ajax-loader.gif");
	background-size: 2.875em 2.875em;
}

a{
    text-decoration: none;
    color: #000000;
}

a:visited{
    color:#000000;
}

.red{
    color: #c11917;
}

.left{
    float: left;
}

.right{
    float: right;
}

.center{
    text-align: center;
}

.ffb-like{
    
}

.demo_ads{
    text-align: center;
    margin: auto;
    max-width: 725px;
    width: 100%;
}

.full-spliter{
    width:100%;
    display: block;
    position: relative;
    border-top: 1px solid #1d1f21;
    margin-top: 15px;
    margin-bottom: 15px;
}

.full-spliter .word{
    position: absolute;
    color: #eeeeee;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: -14px;
    width: 50px;
    text-align: center;
    background-color: #292b2f;
}

.default{
    color: #929292;
    width: 100%;
    max-width: 725px;
    padding: 10px 15px;
    display: block;
    margin-top: 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.simple_text{
    display: inline-block;
    margin-bottom: 10px;
    color: #eeeeee;
}

.simple_text a{
    color: #c11917;
    text-decoration: underline;
}

#content .red-line{
    width: 100%;
    max-width: 725px;
    height: auto;
    padding: 10px 0;
    margin: 10px auto 10px auto;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border: 0px;
    background-color: #c11917;
    cursor: pointer;
}

#content .blue-line{
    width: 100%;
    max-width: 725px;
    color: #fff;
    font-size: 15px;
    background-color: #4a6ea9;
    margin: 10px auto 10px auto;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
}

.header{
    background-color: #000000;
    height: 50px;
    width: 100%;
    text-align: center;
}

.header .logo{
    padding-top: 15px;
    display: inline-block;
}

.header .upload{
    width: 29px;
    height: 40px;
    float: right;
    margin-top: 13px;
    margin-right: 1%;
    display: inline-block;
    background: url(../images/upload.png) no-repeat;
}

.header .menu{
    background-color: #000000;
    display: inline-block;
    height: 50px;
    margin-left: 1%;
    float: left;
    position: relative
}

.header .menu .open{
    width: 30px;
    height: 21px;
    background: url(../images/menu.png);
    background-repeat: no-repeat;
    margin-top: 13px;
    cursor: pointer;
}

.header .menu .close{
    width: 30px;
    height: 21px;
    background: url(../images/menu-close.png);
    background-repeat: no-repeat;
    background-position: 5px;
    margin-top: 13px;
    margin-left: 1%;
    display: none;
    cursor: pointer;
}

.header .menu .extended{
    background-color: #FFFFFF;
    position: absolute;
    top: 50px;
    left: 0px;
    display: none;
    z-index: 9;
}

.header .menu .extended ul{
    list-style: none;
    padding: 0px;
    line-height: 16px;
    margin: 0px;
}

.header .menu .extended ul li{
    height: 50px;
    width: 258px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    line-height: 53px;
    text-align: left;
}

.header .menu .extended ul li div{
    width: 30px;
    height: 30px;
    float: left;
    display: inline-block;
    margin: 10px 20px;
    background: url(../images/menu-splash.png) no-repeat;
}

.header .menu .extended ul li div.upload{
    background-position: 0px 0px;
}

.header .menu .extended ul li div.profile{
    background-position: -30px 0px;
}

.header .menu .extended ul li div.newest{
    background-position: -60px -30px;
}

.header .menu .extended ul li div.best{
    background-position: -30px -30px;
}

.header .menu .extended ul li div.commented{
    background-position: 0px -30px;
}

.header .menu .extended ul li div.fresh{
    background-position: -90px 0px;
}

.header .menu .extended ul li div.fullVersion{
    background-position: -60px 0px;
}

.header .menu .extended ul li.search{
    height: 61px;
    position: relative;
}

.header .menu .extended ul li.search input{
    width: 174px;
    margin-left: 20px;
    margin-top: 10px;
    padding: 10px 30px 10px 10px;
    border: 1px solid #ededed;
    font-size: 14px;
    color: #646464;
}

.header .menu .extended ul li.search .searchButton{
    width: 19px;
    height: 19px;
    margin: 0px;
    font-size: 14px;
    background: url(../images/menu-search.png) no-repeat;
    background-position: 50%;
    position: absolute;
    right: 23px;
    top: 9px;
    cursor: pointer;
    padding: 19px;
    border: 0px;
}

.footer {
    background-color: #000000;
    width: 100%;
    padding: 20px 0px;
}

.footer .search {
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    height: 38px;
    max-width: 725px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.footer .search input{
    width: 67%;
    padding: 10px 15px;
    display: inline-block;
}

.footer .search .searchButton{
    width: auto;
    height: 39px;
    background-color: #c11917;
    color: #ffffff;
    display: inline-block;
    border: 0;
    margin-left: -11px;
}

.footer .copyright {
    color: #ffffff;
    text-align: center;
    margin-top: 20px; 
}

#content {
    margin: auto;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 725px;
}

#content .item{
    margin: 20px auto 10px auto;
    width: 100%;
    max-width: 725px;
    position: relative;
}

#content .item .topcontrolers{
    margin-bottom: 5px;
}

#content .item .topcontrolers .info{
    color: #5f5f60;
    font-weight: 400;
    font-size: 100%;
    padding: 5px 0px;
    display: inline-block;
    width: 70%;
    height: 10px;
    overflow: hidden;
    line-height: 15px;
}

#content .item .topcontrolers .info a{
    color: #a01b1a;
    font-weight: 400;
    font-size: 100%;
    display: inline;
}

#content .item .item_container{
    display: block;
    position: relative;
}

#content .item .item_container .week-award{
    position: absolute;
    top: 0px;
    left: 0px;
}

#content .item .image{
    width:100%;
    max-width:725px;
    margin: auto;
}

#content .item .controlers{
    height: 60px;
    margin-top: 0px;
    background-color: #1d1f21;
    padding: 0px 5px;
    text-align: center;
}

#content .item .controlers div{
    height: 40px;
    width: 30px;
    display: inline-block;
    margin: 0px;
    padding: 10px 2%;
}

#content .item .controlers .ffb-like{
    width: auto;
    margin-top: 10px;
}

#content .item .controlers .spliter{
    width: 1px;
    height: 60px;
    padding: 0px;
    border-right: 1px solid #000000;
    background-color: #292b2f;
}

#content .item .controlers .votes .vote.up{
    background: url(../images/controler-vote-up.png) no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

#content .item .controlers .votes .vote.down{
    background: url(../images/controler-vote-down.png) no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

#content .item .controlers .like{
    background: url(../images/controler-fb-like.png) no-repeat;
    background-position: 0% 50%;
}

#content .item .controlers .share{
    background: url(../images/controler-fb-share.png) no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    position: relative;
}

#content .item .controlers .share .fb-share-button{
    padding: 0px;
    opacity: 0;
    width: 40px;
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 10;
}

#content .item .controlers .comment{
    background: url(../images/controler-comments.png) no-repeat;
    background-position: 0% 50%;
}

#content .item .controlers .favorite{
    background: url(../images/controler-favorite.png) no-repeat;
    background-position: 50% 50%;
}
 
#content .item .controlers .votes,
#content .item .controlers .score{
    width: auto;
    color: #fff;
    font-weight: 400;
    font-size: 100%;
    margin: 0px;
}

#content .item .controlers .votes .vote,
#content .item .controlers .votes .score{
    display: inline-block;
    margin: 0px 10px;
    padding: 0px;
}

#content .item .controlers .votes .score{
    padding-top: 10px;
}

#content .item .controlers .votes span{
    color: #fff;
    display: block;
    font-weight: 400;
    font-size: 100%;
    text-align: center;
}

#content .item .controlers .comment{
    width: auto;
    color: #fff;
    font-weight: 400;
    font-size: 100%;
    text-align: center;
    padding-left: 35px;
    line-height: 35px;
}

#content .item .controlers .like{
    width: auto;
    color: #fff;
    font-weight: 400;
    font-size: 100%;
    text-align: center;
    padding-left: 35px;
    line-height: 35px;
}

#content .more_paging{
    width: 100%;
    max-width: 725px;
    color: #fff;
    font-size: 15px;
    background-color: #c11917;
    margin: 20px auto 10px auto;
    padding: 10px 0;
    text-align: center;
}

#content .more_paging .num,
#content .more_paging .next,
#content .more_paging .prev{
    margin: 0 5px;
    padding: 0 10px;
    border: 1px solid #eee;
    color: #eee;
}

#content .more_paging strong{
    background-color: #eee;
    color: #c11917 !important;
}

#content .more_paging .arrow{
    margin: auto;
    color: #fff;
}

#content .more_paging .arrow span{
    background: url(../images/more_arrow.png) no-repeat;
    background-position: 0;
    padding: 0 6px;
    margin-left: 5px;
}

#content .hideimg{
    width: 100%;
    max-width: 725px;
    color: #fff;
    font-size: 15px;
    margin: 20px auto 10px auto;
    padding: 10px 0;
    text-align: center;
}

#content .comments-block,
#content .demo-block{
    width: 100%;
    margin: 20px auto 10px auto;
    max-width: 725px;
}

h3{
    padding: 10px 0;
    color: #FFFFFF;
    font-size: 100%;
    text-align: center;
    text-transform: uppercase;
    background-color: #000000;
}

h3.success{
    background-color: #22b106;
    font-size: 80%;
}

h3.failed{
    background-color: #c11917;
    font-size: 80%;
}

h3.failed ul{
    list-style: none;
    padding: 0px;
    line-height: 16px;
    margin: 0px;
}

h3.failed ul li{
    text-align: center;
}

#content .comments-block .comment-form{
    font-size: 15px;
}

#content .comments-block .comment-form .comment-form-name{
    width: 46%;
    color: #929292;
    padding: 2%;
    border: 1px solid #d0d0d0;
    display: inline-block;
}

#content .comments-block .comment-form .comment-form-remeber{
    height: 17px;
    color: #FFFFFF;
    margin-left: 15px; 
    display: inline-block;
}

#content .comments-block .comment-form .comment-form-remeber input,    
#content .comments-block .comment-form .comment-form-remeber label{
    display: inline-block;
    float: left;
}

#content .comments-block .comment-form .comment-form-remeber input{
    margin-top: 6px;
}

#content .comments-block .comment-form .outer{
    margin-top: 20px;
    position: relative;
}

#content .comments-block .comment-form .comment{
    width: 88%;
    padding: 2% 10% 2% 2%;
    border: 1px solid #d0d0d0;
    color: #929292;
    font-family: 'Open Sans', monospace, sans-serif;
}

#content .comments-block .comment-form .submit{
    width: 30px;
    height: 31px;
    top: 10px;
    right: 10px;
    position: absolute;
    border: 0px;
    background: url(../images/comments-send.png) no-repeat;
    background-position: 100% 75%;
    cursor: pointer;
}

#content .comments-block .comment-form .submit input{
    width: 30px;
    height: 31px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

#content .comments-block .comment-form .email_field{
    display: none;
}

#content .comments-block .comment-list{
    margin-top: 20px;
}

#content .comments-block .comment-list .comment-item{
    width: 94%;
    display: inline-block;
    margin-left: 50px;
    max-width: 677px;
    min-width: 300px;
}

#content .comments-block .comment-list .comment-item .comment-person{
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: -50px;
    float: left;
}

#content .comments-block .comment-list .comment-item .comment-person img{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    display: inline-block;
}

#content .comments-block .comment-list .comment-item .comment-header,
#content .comments-block .comment-list .comment-item .comment-header a{
    color: #c11917;
    font-size: 15px;
    font-weight: 600;
}

#content .comments-block .comment-list .comment-item .comment-header span{
    color: #eeeeee;
    font-size: 13px;
    font-weight: 400;
    margin-left: 20px;
}

#content .comments-block .comment-list .comment-item .comment-text{
    color: #eeeeee;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}

#content .comments-block .comment-list .comment-item .comment-footer{
    border-bottom: 1px solid #1d1f21;
    margin: 10px 0px 20px 0px;
}
/*
## registration ##
*/

.user {
    width: 100%;
    max-width: 725px;
    margin: auto;
}

.user .registration {
    color: #ffffff;
    text-align: left;
    margin-top: 10px;
    width: 100%;
    max-width: 725px;
}

.user .register{
    color: #eeeeee;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 725px;
}

.user .register a{
    color: #c11917;
    text-decoration: underline;
    text-transform: uppercase;
}

.user .registration .checkbox{
    width: 15px;
    height: 26px;
    display: inline-block;
    margin-top: 10px;
}

.user .registration .rules{
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    width: 85%;
}

.user .registration .rules a{
    color: #c11917;
    text-decoration: underline;
}

.user .registration .button{
    height: auto;
    border: 0px;
}

/*
## profile ##
*/

.user {
    width: 100%;
    max-width: 725px;
    margin: auto;
}

.user .profile {
    color: #eeeeee;
    text-align: left;
    margin-top: 10px;
    width: 100%;
}

.user .profile .name{
    font-weight: 600;
}

.user .profile .photo{
    margin-top: 15px;
}

.user .profile .level{
    margin-top: 15px;
    font-weight: 600;
}

.user .profile .level,
.user .profile .rating,
.user .profile .points,
.user .profile .demos,
.user .profile .trending,
.user .profile .favorites,
.user .profile .comments,
.user .profile .settings{
    margin-top: 5px;
    font-size: 15px;
}

.user .profile .settings{
    margin-top: 15px;
    margin-bottom: 20px;
}

.user .profile .rating a,
.user .profile .points a,
.user .profile .settings a{
    text-decoration: underline;
    color: #c11917;
}

.red{
    color: #c11917;
}

.block {
    width: 100%;
    max-width: 725px;
    margin: auto;
}

/*
## Tabs ##
*/

.tabs{
    width: 100%;
    height: 45px;
    max-width: 725px;
    margin: auto;
}

.tabs table{
    width: 100%;
    background-color: #1d1f21;
    border-spacing: 0px;
    border-collapse: collapse;
}

.tabs table td{
    text-align: center;
    line-height: 35px;
    border-left: 1px inset #090a0a;
    border-right: 1px outset #303438;
    background-color: #1d1f21;
    position: relative;
    cursor: pointer;
}

.tabs table td.first{
    border-left: 0px;
}

.tabs table td.last{
    border-right: 0px;
}

.tabs table td.active{
    background-color: #000000;
}

.tabs table td .tab{
    width: 100%;
    height: 100%;
    color: #eeeeee;
}

.tabs table td.active .tab span{
    color: #c11917;
}

.tabs table td .triangle{
    display: none;
    background: url(../images/active-tab.png) no-repeat;
    background-position: 50% 0%;
}

.tabs table td.active .triangle{
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
}

/*
## create demo ##
*/
#texts.content {
    background-color: #fff;
    padding: 0px 10px 10px 10px;
}

#content .create_demo{
    width: 100%;
    max-width: 725px;
    margin: auto;
    color: #eeeeee;
}

.create_demo .login{
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.create_demo .login a{
    color: #c11917;
    text-decoration: underline;
}

.create_demo .attention{
    font-size: 12px;
    margin: 20px 0px;
    padding: 15px 15px 15px 60px;
    background-image: url(../images/attention.png);
    background-color: #1d1f21;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    text-align: left;
}

.create_demo .attention span{
    color: #c11917;
}

.create_demo .tabs table td{
    width: 50%;
}

.create_demo select{
    color: #929292;
    width: 100%;
    max-width: 725px;
    padding: 10px 15px;
    display: block;
    margin-top: 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.create_demo select option{
    width: 100%;
    max-width: 725px;
}

.default.error {
    border: 1px solid #c11917;
}

.create_demo select{
    height: 34px;
    padding: 0 15px;
    max-width: 725px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select-arrow.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.helper.small{
    color: #888888;
    font-size: 12px;
    text-transform: capitalize;
}

.helper.small.error{
    color: #c11917;
}

.helper.small span{
    text-decoration: underline;
}

.create_demo .file{
    margin-top: 20px;
    color: #eeeeee;
    font-size: 15px;
}

.create_demo .file a{
    color: #c11917;
    text-decoration: underline;
}

 .disableInputField{
    display:inline-block;
    vertical-align:top;
    height: 27px;
    margin: 0;
    font-size:15px;
    padding:0 3px;
    display: none;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    border:none;
    display:inline-block;
    vertical-align:top;
    cursor: pointer;
}

.uploadBtn{
    display:inline-block;
    vertical-align:top;
    background:none;
    font-size:14px;
    padding:0 5px;
    height:25px;
    line-height:22px;
    color: #c11917;
    text-decoration: underline;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#video{
    position: relative;
    max-width: 725px;
    width: 100%;
}

.video_div {
    height: 70%;
    width: 86%;
    position: absolute;
    top: 7%;
    left: 7%;
}