body {
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial, Helvetica, sans-serif;
    background: #747474 url('/images/main_bg.jpg') !important;

}

img {
    display: inline-block;
    border: 0;
}

a {
    text-decoration: none !important;
    color: #015A8B;
	//display: inline-block;
}

h1 {
    font-size: 18px !important;
}



#page {
    background: rgb(233, 235, 250);
    box-shadow: 0 0 15px #000000;
}

#header {
    margin: 0;
    padding: 0;
}

.wrap {
    max-width: 760px;
    box-sizing: border-box;
    float: left;
	width: 100%;
}

.form-search {
	text-align: center;
}

#subscribeForm label {
	font-size: 20px;
}

#sidebar {
    width: 100%;
    padding-left: 760px;
    box-sizing: border-box;
	min-width: 1010px;
}

.right-sidebar {
    width: 250px;
    float: left;
    min-height: 200px;

}

.itemlist .item_game  {
	display: inline-block;
	    width: 180px;
    vertical-align: top;
}

.top-seven {
    margin-bottom: 20px;
    background: rgb(255, 255, 255);
}

.main {
    padding-bottom: 25px;
    border-top: 1px solid #D8D8D8;
    box-sizing: border-box;
    width: 100%;
}

.news-main {
	padding-left: 260px;
    box-sizing: border-box;
	width: 100%;
	padding-top: 20px;
	padding-right: 10px;
}

#footer {
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #C9E0ED;
    overflow: hidden;
}

#footer .footer_items {
    padding: 10px;
    background: rgb(252, 252, 252);
}

#footer .copy {
    padding: 3px 15px;
    border-top: 1px solid #C9E0ED;
}

#footer .languages {
    text-align: left;
}

#logo {
    padding: 0 5px;
    overflow: hidden;
    opacity: 0.8;
    background: #0C0C0C;
    border-bottom: 1px solid #21B6DB;
}

#logo .platform a {
	line-height: 24px;
}

#logo p {
    margin: 0;
    float: left;
}

#logo p a {
    color: #F1F1F1;
    font-weight: bold;
    font-size: 12px;
    margin: 10px;
    display: block;
}

#logo .platform {
    padding: 5px;

}

.search_wrap {
	background: #fff;
}


#result_search .items {
	background: #fff;
	border: 1px solid #ccc;
	position:absolute;
	width: 338px;
}

.sphinx_ul .search_image {
	display: block;
	padding: 5px;
	overflow: hidden;
}

.sphinx_ul .search_image img {
	float: left;
	width: 48px;
}

.sphinx_ul .search_image .desc {
	margin-left: 58px;
	text-align: left;
}

#logo_img {
    background: #fff;
	overflow: hidden;
}
#header .banner {
    text-align: center;
    background: #FFF;
    padding: 0px 10px 10px 40px;
}

#logo_img img.omsk {
    margin: 5px;
    height: 100%;
    cursor: pointer;

}

#logo_img img.pp {
    position: absolute;
    height: 20px;
    margin: 10px;
}

.game-info {
    margin-top: 20px;
    margin-bottom: 10px;
}

.game-info .galley {
    float: left;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 4px #000;
}

.galley h4 {
    font-size: 14px;
}

.game-info .property {
    margin-left: 20px;
    float: right;
    width: 250px;

}

.share {
    height: 20px;
    margin: 10px 0;
}

div.share_facebook {
    float: left;
    margin: 0 5px;
}

div.share_plusone {
    float: left;
    margin: 0 5px;
}

div.share_tweets {
    float: left;
    margin: 0 5px;
}

.long-desc {
    margin: 10px 0;
    clear: both;
}

.game-info .property ul li {
    font-size: 11px;
}

#mainmenu {
    background: white url(bg.gif) repeat-x left top;
}

#mainmenu ul {
    padding: 6px 20px 5px 20px;
    margin: 0;
}

#mainmenu ul li {
    display: inline;
}

#mainmenu ul li a {
    color: #ffffff;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a {
    color: #6399cd;
    background-color: #EFF4FA;
    text-decoration: none;
}

div.flash-error, div.flash-notice, div.flash-success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

div.flash-error {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

div.flash-notice {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

div.flash-success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

div.flash-error a {
    color: #8a1f11;
}

div.flash-notice a {
    color: #514721;
}

div.flash-success a {
    color: #264409;
}

div.form .rememberMe label {
    display: inline;
}

div.view {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs {
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span {
    font-weight: bold;
}

.portlet {

}

.portlet-decoration {
    padding: 6px 8px;
    background: #B7D6E7;
    border-left: 5px solid #6FACCF;
	height: 17px;
}

.portlet-title {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd;
}

.portlet-content {
    font-size: 0.9em;
    margin: 0;
    padding: 5px 8px;
    margin-bottom: 15px;
    background: #FFF;

}

.portlet-content ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.portlet-content li a {
    padding: 2px 0 4px 15px;
    display: block;
    text-shadow: 1px 1px 1px #FFF;
    color: #C4A045;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	min-height: 17px;

}

.news_sidebar li a {
	padding: 0;
}


.title {
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.singl-post .title h1 {
    font-size: 14px;
    color: rgb(60, 60, 60);
    text-decoration: none;
    background: rgb(238, 238, 238);
    padding: 0 15px;
    margin: 0;
    border: 1px solid rgb(211, 211, 211);
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    line-height: 30px;
    font-weight: normal;

}

.singl-post {
    padding: 20px;
}

.post .author {
    color: #888;
    margin: 0 0 5px;
}

.singl-post .nav {
    font-size: 14px;
    color: rgb(145, 106, 106);
    text-decoration: none;
    background: rgb(238, 238, 238);
    padding: 0 15px;
    margin: 0;
    border: 1px solid rgb(211, 211, 211);
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    line-height: 30px;
    font-weight: normal;
    width: 696px;
    overflow: hidden;
    margin-bottom: 5px !important;
}

.nav {
    margin-bottom: 5px !important;
}

.comment {
    -moz-border-radius: 7px;
    padding: 10px;
    background: #F5F5F5;
    margin: 5px 0;
}

.comment .content {
    margin: 10px 0;
}

.comment .author {
    margin: 5px 0;
    padding: 0 0 3px;
    border-bottom: 1px solid #DDD;
}

.comment .time {
    color: #888;
    font-size: 0.8em;
}

.comment a.cid {
    color: #CCC;
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 5px 5px 5px;
    text-decoration: none;
}

.comment a.cid:hover {
    color: #555;
}

.comment .pending {
    color: red;
}

.icon_og {
    background: url('/css/images/og.png') no-repeat;
    padding-left: 130px;
    height: 128px;
}

.icon_mac {
    background: url('/css/images/mac.png') no-repeat;
    padding-left: 130px;
    height: 128px;
}

.icon_pc {
    background: url('/css/images/pc.png') no-repeat;
    padding-left: 130px;
    height: 128px;
}

.icon_pingvin {
    background: url('/css/images/pingvin.png') no-repeat;
    padding-left: 130px;
    height: 15px;
}

.post {
    padding: 10px 9px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    margin: 0 0 20px;

}

ul.yiiPager li a {
    border: solid 1px #9aafe5;
    font-weight: bold;
    color: #0e509e;
    padding: 1px 6px;
    text-decoration: none;
}

.nav-list>li>a, .nav-list .nav-header {
    margin: 0 !important;
}

.special-item {
    padding: 10px 5px;
    overflow: hidden;
}

.special-item-right {
    padding: 0 4px;
    overflow: hidden;
	width: 122px;
    box-sizing: border-box;
	display: inline-block;
    vertical-align: top;
}

.special-content {
    padding: 10px 0;
    overflow: hidden;

}

.special-content .lefter {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.special-content .lefter a {
	width: 100%;
}

.special-description {
	display: block;
	text-align: center;
	
}

.special-description .title {
	height: 54px;
}

.special-description .home_view {
	font-size: 11px;
    text-align: center;
}

.pager {
    /* width: 500px; */
    margin: 20px auto !important;
    text-align: center !important;
}

.label-text {
    text-shadow: 1px 1px 1px #FFF;
    margin-bottom: 10px;
    margin-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-view {
    padding-top: 0 !important;
    /*default : 20 px fot ajax grid*/
}

.fb-comments {
    margin-top: 30px;
    padding: 4px;
    border: 1px solid #ccc;
}

.game-block {
    margin: 10px !important;
    padding: 10px 9px;
    box-shadow: 1px 1px 3px rgb(160, 160, 160);
    background: #FFF;
    margin: 0 0 20px;
    border-radius: 5px;
    overflow: hidden;
}

.game-block .title {
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.game-block .content {
    padding-top: 10px;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    height: 48px;
    max-height: 70px;
    overflow: hidden;
    line-height: 16px;
}

.image-border {
	border-radius: 20px;
	border: 1px solid #357b90;
    width: 100%;
}

.button-group .btn {
    margin: 0 10px;
}

.navigation {
    float: left;
    right: 0;
    bottom: 0;
    margin-bottom: 0 !important;
    margin: 0 0 0 40px;
    width: 100%;
}

.bottom-content-through-sidebar {
    width: 1010px;
    background: #FFF;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #CCB;
}

.relative {
    padding: 10px 35px;
    overflow: hidden;
}

.game-block-min {
    margin: 10px !important;
    padding: 10px 9px;
    box-shadow: 2px 2px 10px rgb(107, 107, 107);
    border-radius: 5px;
    background: #FFF4D2;
}

.game-block-home {
    width: 120px;
    padding: 4px;
    background: #FFDFA6;
    margin: 10px 4px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.top-menu .chat {
    background: url('/css/images/chat_logo.jpg') no-repeat;
    float: right;
    height: 79px;
    width: 150px;
}

.top-menu .chat:hover {
    opacity: 0.8;
}

.header-right {
    position: relative;
    float: left;

}

.share-header {
    width: 250px;
    padding: 10px;
    height: 36px;
}

.top-menu {
    overflow: hidden;
    margin-top: 10px;
}

.icon-gift {
    margin: 5px;
}

.feature {
    overflow: hidden;
}

.feature ul {
    margin: 0;
    padding: 0;
    float: left;
}

.feature ul li {
    list-style: none;
    width: 91px;
    padding: 2px 2px;
    background: #FFF;
    margin-top: 5px;
    border: 1px solid #dadada;
}

.feature .active {
    background: #17ABF1 !important;
}

.feature ul li:hover {
    background: #F19A17;
}

.feature ul li a {
    display: block;
}

.preload {
    float: left;
}

.preload img {
    width: 360px;
    margin: 6px;
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 3px #000;
}

.preload .label-text {
    margin-left: 10px;
    width: 370px;
}

.zoom {
    cursor: pointer;
}

.padding-bottom {
    padding-bottom: 10px;
}

.margin-left {
    margin-left: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.genre {
    margin-left: 5px;
}

.zoomed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -320px;
    margin-top: -240px;
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 6px #000;
    cursor: pointer;
}

.zoomed img {
    height: 480px;
}

.carousel-inner .item img {
    cursor: pointer;
}

#compare {
    border: 1px solid #ccc;
    margin: 10px;
    padding: 5px;
    background: #F5F5FF;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: inset 1px 1px 4px #fff;

}

.compare-game-block {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px 1px;
}

.compare-game-block .images {
    float: left;
}

.compare-game-block .images img {
    box-shadow: 1px 1px 4px;
    padding: 3px;
    background: #F1EDED;
    width: 70px;
    margin-right: 8px;
}

.compare-game-block .right .label-text {
    margin: 0;
}

.compare-game-block .right {
    float: right;
    width: 130px
}

.user-profile .avatar {
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 4px #000;
    text-align: center;
}

.sigma {
    min-height: 75px;
    box-shadow: inset 0 0 3px #000;
    padding: 10px;
    margin-top: 5px;
    background: #FAFAFA;
}

.user-list li {
    list-style: none;
    float: left;
    border-bottom: 2px solid #ACACAF;
    padding: 5px;
    margin: 5px;
    overflow: hidden;
    background: #F3F3F3;
    border-radius: 5px 5px 0 0;
    box-shadow: 1px 1px 2px #807B7B;
}

.user-list-block .img {
    max-width: 50px;
    max-height: 50px;
    float: left;
    margin-right: 5px;
}

.user-list-block .context {
    float: left;
    width: 100px;
}

#pop-message {
    position: fixed;
    bottom: -120px;
    margin: 10px;
    min-height: 50px;
    min-width: 100px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0pt 2px 15px rgb(0, 0, 0);
    width: 320px;
    text-shadow: 0 1px 0 rgb(38, 38, 38);
    font-family: 'Times New Roman', Times, serif;
    z-index: 1;
}

#pop-message .pop-header {
    padding: 10px;
}

#pop-message .pop-body {
    padding: 0 10px 10px 10px;
    overflow: hidden;
}

#pop-message .pop-body .message-title {
    color: rgb(177, 218, 255);
    padding-right: 4px;
    float: left;
}

#pop-message .pop-body .message-text {
    color: #fff;
    float: left;
}

.special-img {
    width: 80px;
}

.cp_block {
    float: left;
    margin: 20px;
}

.cp_block .label-text {
    margin: 10px 30px;
}

.cp_block a {
    display: block;
    border: 3px solid #BE5A47;
}

.cp_block .back {
    box-shadow: 1px 1px 3px #333;
    width: 175px;
    height: 150px;
}

.cp_block .font {
    width: 175px;
    height: 150px;
    margin-top: -150px;
    position: relative;
}

.cp_block .head {
    width: 155px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp_block .body {
    position: absolute;
    bottom: 0;
    width: 155px;
    padding: 5px 10px;
    color: #fff;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
}

.cp_block .number {
    text-align: center;
    padding-top: 5px;
    font-size: 16px;
    padding-right: 20px;
}

#chat {
    overflow: hidden;
    margin-bottom: 20px;
}

#chat .body {
    padding: 10px;
    border: 1px solid #dadada;
    height: 400px;
    background: #F8F8F8;
}

#chat .chanel {
    padding: 10px;
    border: 1px solid #dadada;
    height: 400px;
    background: #F8F8F8;
}

.chanel-list {
    height: 320px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #ded;
}

#chanel-item {
    padding: 10px;

}

#chanel-item li {
    overflow: hidden;
    list-style: none;
    margin: 2px 0;
}

#chanel-item li .name {
    float: left;
}

#chanel-item li .count_user {
    float: left;
    margin: 0 5px;
    padding: 0 5px;
}

#chanel-item li .user_list {
    clear: both;
    padding-left: 15px;
}

#chanel-item li .chanel-info {
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 0 10px;
    cursor: pointer;
}

#chanel-item li .active {
    background: #F8E197;
}

#chanel-item li .chanel-info:hover {
    background: #ded;
}

#chat-item {
    padding: 10px;
    margin: 0;
}

#chat-item li {
    list-style-type: none;
}

.news-block {
    overflow: hidden;
    padding: 5px;
    margin: 5px 0;
    background: #FAF9F7;
    border: 1px solid #dadada;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.news-block .right {
    width: 80px;
    text-align: center;
	float: left;
}

.news-block .description {
    max-width: inherit;
    padding-left: 90px;
	box-sizing: border-box;
}

.news-block .font-download {
    margin: 5px 0;
}

.currentWeek {
    background: #F6FFF2;
    border-top: 1px solid #FF3535;
    border-bottom: 1px solid #dadada;
}

.qgame {
    padding: 10px 12px;
    overflow: hidden;
    background: #98EAFF;
    margin-bottom: 20px;
    border-radius: 12px;
    border: 1px solid #C49E6E;
    box-shadow: 1px 1px 3px #fff;
}

.qgame a {
    display: block;
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid #B4B4B4;
    background: linear-gradient(to bottom, rgb(199, 198, 195) 0%, rgb(212, 213, 253) 100%);
    color: #FFFFFF;
    font-weight: bold;
    float: left;
}

.qgame a:hover {
    background: linear-gradient(to bottom, rgb(163, 157, 154) 0%, rgb(150, 153, 218) 100%);
}

.support:hover {
    opacity: 0.8;
}

#compress_image {
    position: relative;
    float: left;
    overflow: hidden;
    padding: 10px;
}

.rr {
    padding: 5px 15px;
    border: 1px dashed #f1f1f1;
    background: #CBDAE4;
}

.color-group {
    display: inline-table;
    border: 1px solid #ccc;
    background: #f1f1f1;
    padding: 2px;
}

.color-group a {
    display: inline-block;
    margin: 2px;
    height: 16px;
    width: 16px;
    text-decoration: none;
    cursor: pointer;
}

.color-group a:hover {
    opacity: 0.8;
}

#compress_image #imgText {
    position: absolute;
    top: 160px;
    left: 190px;
    cursor: move;
}

#compress_image .image2 img {
    border-radius: 6px;
    border: 1px solid #ECE2E2;
    box-shadow: 1px 1px 4px #000;

}

#compress_image .image1 {
    position: absolute;
    cursor: move;

}

#compress_content {
    width: 720px;
}

#compress_content .item {

}

#compress_content ul li img {
    height: 50px;
    width: 50px;
    cursor: pointer;
    float: left;
    margin: 4px;
    padding: 2px;
    background: #f1f1f1;
    box-shadow: 2px 2px 4px;
}

#compress_content ul li img:hover {
    background: #ad6704;
}

.comment-list {
    margin: 0 0 20px 0;
}

.comment-block {
    overflow: hidden;
    background: #f1f1f1 no-repeat;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
}

.comment-block img {
    box-shadow: 1px 1px 3px #000;
}

.comment-block .info {
    font-size: 10px;
}

.comment-block .right {
    width: auto;
    margin-left: 60px;
}

.delete {
    float: right;
    cursor: pointer;
}

.delete:hover {
    opacity: 0.8;
}

.urlGift {
    margin: 2px;
    background: #f1f1f1;
    padding: 2px;
    border: 1px solid #D3CDCD;
    clear: both;
}

.embed_feature object {
    width: 361px;
    padding: 5px;
    box-shadow: 1px 1px 4px #000;
    margin: 5px;
    background: #FFF;
    height: 290px;
}

.play-embed {
    cursor: pointer;
}

.preload .ctn {
    position: relative;
}

.preload .label-text a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.embed_feature {
    z-index: 2;
    position: relative;
}

.overflow {
    overflow: hidden;

}

.user-top {
    margin: 0 10px 10px 10px;
    border: 1px solid #FFFFFF;
    background: #C7FFD9;
    box-shadow: inset 1px 1px 3px #EADDFA;
}

.tag-genre {
    padding: 5px 10px;
    border: 1px solid #C9C9C9;
    margin: 5px;
    background: #FFC2DD;
    box-shadow: 1px 1px 3px #fff;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 1px 1px 2px #9E9E9E;
    display: inline-block;
}

.tag-genre:hover {
    border: 1px solid #646464;
    color: #FFFFFF;
}

.user-list-block-sidebar {
    overflow: hidden;
    background: #FFF9D8;
    padding: 5px;
    border: 1px solid #ccc;
    float: left;
    margin: 5px;
    font-size: 10px;
}

.user-list-block-sidebar .img {
    float: left;
    margin-right: 10px;

}

.user-list-block-sidebar .img img {
    width: 34px;
}

.user-list-block-sidebar .context {
    float: left;
    width: 131px;
}

.languages ul li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.system {
    background: #fff;
    padding: 10px;
    border: 1px solid #C5C5C5;
    float: left;
}

.social_login {
    border: 1px solid #DDD;
    padding: 10px;
    width: 210px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 80px;
    background: rgb(241, 240, 240);
}

.social_login .ic {
    margin-top: 10px;
}

.social_login .ic .auth-service a {
    padding: 0 !important;
}

.countdown {
    padding: 5px 0;
    background: #fffbe4;
    border: 1px solid #ccc;
    text-align: center;
}

.countdown span .countdown_section {
    display: inline-block;
    padding: 0 3px;
    text-align: center;
}

.review {
    display: none;
}

.lang_redirect {
    position: absolute;
    top: 30%;
    left: 60%;
    padding: 25px;
    background: #fff;
    box-shadow: 0 0 8px #000;
    z-index: 30;
}

.ios_redirect {
    position: absolute;
    top: 50%;
    left: 20%;
    padding: 25px;
    background: #fff;
    box-shadow: 0 0 8px #000;
    z-index: 30;
}

.home_view {
    font-size: 12px;
    display: block;
    overflow: hidden;
    
}

.your_name {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 25px;
    background: #fff;
    box-shadow: 0 0 8px #000;
    z-index: 30;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
}

.genre-desc {
    padding: 20px;
    margin-top: 10px;
    border: 1px solid #E4E4E4;
    font-size: 14px;
    background: #F6F6F6;
}

.icon-strategy-guide {
    background: url('/css/images/strategy_guide.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-server {
    background: url('/css/images/server.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-video {
    background: url('/css/images/video.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-rss {
    background: url('/css/images/rss.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-music {
    background: url('/css/images/music.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-photo {
    background: url('/css/images/photo.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-filefind {
    background: url('/css/images/filefind.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-news {
    background: url('/css/images/news.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-smile {
    background: url('/css/images/smile.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-chat {
    background: url('/css/images/chat.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-go-home {
    background: url('/css/images/go-home.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-unlimited {
    background: url('/css/images/unlimited.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-ios {
    background: url('/css/images/apple.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.icon-android {
    background: url('/css/images/android.png') no-repeat !important;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.ios-item {
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #dadada;
    box-shadow: 1px 1px 1px #fff;
    background: #f1f1f1;
    height: 100px;
    width: 305px;
    float: left;
    margin-right: 20px;
    cursor: pointer;
}

.ios-item:hover {
    background: #FFFFFF;
}

/*--------------------ios css3 --------------*/

.ios-item .left, .view-ios .left {
    width: 57px;
}

.ios-item .price, .view-ios .price, .left-top .price {
    margin-top: 10px;
    text-align: center;
    padding: 2px;
    background: #FF8617;
    border: 1px solid #FFE8E8;
    color: #fff;
    font-weight: bold;
}

.ios-item .free, .view-ios .free, .left-top .free {
    background: #25B65F !important;
}

.left-top .price {
    width: 60px;
    margin-top: 4px;
}


.ios_gallery {
    width: 500px;
    overflow: hidden;
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.ios_gallery .swap {
    overflow: hidden;
    width: 478px;
    margin: 10px;
    border: 1px solid #ccc;
    background: #fff;
}

.ios_gallery ul {
    width: 1800px;
    overflow: hidden;
}

.ios_gallery ul li {
    float: left;
    padding: 10px;
}

.wanted {
    font-size: 22px;
    color: #fffbe4;
    font-weight: bold;
    background: red;
    border: 3px solid rgb(211, 207, 200);
    padding: 12px;
    border-radius: 50px;
    margin-top: 10px;
}

.supported {
    margin-bottom: 40px;
    margin-left: -10px;
    padding: 10px;
    background: #F3F3F3;
    margin-right: -10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.find-club {
    background: #000000;
    position: relative;
    height: 196px;
    border-left: 1px solid #292929;
    box-shadow: 1px 1px 10px #6B6B6B;
    border-top: 1px solid #FFF7F7;
}

.club h1 {
    color: #40398F !important;
    padding: 10px 0 0 20px;
    text-shadow: 0px 0px 10px #FFFFFF;
    line-height: 20px;
}

.label-find-club {
    background: #DEE4C1;
    border: 1px solid #FFFFFF;
    padding: 10px;
    margin: 44px 10px 10px 30px;
    width: 500px;
    border-radius: 8px;
    box-shadow: inset 0px 0px 8px #0C0C0C;
    position: absolute;
    left: 175px;
}

.club-body {
    padding: 20px;
    background: #F1EBD7;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #F5F5F5;
}
.club .auth {
    position: absolute;
    right: 0;
}
.tabs {
    padding: 10px 10px 0 10px;
}

.tabs ul {
    overflow: hidden;
}
.tabs ul li {
    float: left;
    margin: 0 5px;
    padding-bottom: 10px;
}

.tabs ul .active {
    background: url('/css/images/arrow_active.png') 50% 140% no-repeat;
}



.look-tabs {
    border: 1px solid #C9C8BE;
    padding: 10px;
    background: #FFFCF0;
}

.look-tabs .tab {
    display: none;
}

.look-tabs .active {
    display: block;
}

.subscribe {
    background: url('/css/images/subscribe.jpg') no-repeat;
    height: 416px;
    padding: 100px 20px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.subscribe .well {
    opacity: 0.95;
}

.games {
    margin-left: 20px;
}

.club-item {
    padding: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px #fff;
    background: #FFFAEC;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 49%;
}

.club-item h1:hover {
    color: #0000FF;
    text-decoration: underline;
}
/* --->main.css<--- */
/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:730px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* --->screen.css<--- */
/* Height hack for float wrappers */
.services {
	overflow: auto;
}

.auth-icon {
	display: block;
	width: 32px;
	height: 32px;
	background: url("/images/auth.png") no-repeat;
}

.auth-icon.google,
.auth-icon.google_oauth {
	background-position: 0 -34px;
}

.auth-icon.twitter {
	background-position: 0 -68px;
}

.auth-icon.yandex,
.auth-icon.yandex_oauth {
	background-position: 0 -102px;
}

.auth-icon.vkontakte {
	background-position: 0 -136px;
}

.auth-icon.facebook {
	background-position: 0 -170px;
}

.auth-icon.mailru {
	background-position: 0 -204px;
}

.auth-icon.moikrug {
	background-position: 0 -238px;
}

.auth-icon.odnoklassniki {
	background-position: 0 -272px;
}

.auth-icon.linkedin {
	background-position: 0 -306px;
}

.auth-icon.github {
	background-position: 0 -340px;
}

.auth-icon.live {
	background-position: 0 -372px;
}

.auth-link:hover .auth-icon i,
.auth-link:focus .auth-icon i {
	display: block;
	width: 32px;
	height: 32px;
	background: url("/images/auth.png") 0 0 no-repeat;
}

.auth-services {
	margin: 0 0 1em;
	list-style: none;
	/* Height hack for float wrappers */
	overflow: auto;
}

.auth-service {
	float: left;
	margin: 0 1em 0 0;
}

.auth-services .auth-service .auth-link {
	display: block;
	width: 58px;
	/*padding: 0 0.4em;*/
}

.auth-service .auth-link .auth-icon {
	margin: 0 auto;
}

.auth-service .auth-link .auth-title {
	display: block;
	margin-top: 0.4em;
	text-align: center;
}
/* --->auth.css<--- */
.icon-action {
    background: url('/css/icons/action.png');
    width: 16px;
    height: 16px;
}

.icon-adventure {
    background: url('/css/icons/adventure.png');
    width: 16px;
    height: 16px;
}

.icon-adventure_large {
    background: url('/css/icons/adventure_large.png');
    width: 16px;
    height: 16px;
}

.icon-brain {
    background: url('/css/icons/brain.png');
    width: 16px;
    height: 16px;
}

.icon-card {
    background: url('/css/icons/card.png');
    width: 16px;
    height: 16px;
}

.icon-help {
    background: url('/css/icons/help.png');
    width: 16px;
    height: 16px;
}

.icon-hidden {
    background: url('/css/icons/hidden.png');
    width: 16px;
    height: 16px;
}

.icon-kids {
    background: url('/css/icons/kids.png');
    width: 16px;
    height: 16px;
}

.icon-mahjong {
    background: url('/css/icons/mahjong.png');
    width: 16px;
    height: 16px;
}

.icon-marble {
    background: url('/css/icons/marble.png');
    width: 16px;
    height: 16px;
}

.icon-match3 {
    background: url('/css/icons/match3.png');
    width: 16px;
    height: 16px;
}

.icon-puzzle {
    background: url('/css/icons/puzzle.png');
    width: 16px;
    height: 16px;
}

.icon-strategy {
    background: url('/css/icons/strategy.png');
    width: 16px;
    height: 16px;
}

.icon-time {
    background: url('/css/icons/time.png');
    width: 16px;
    height: 16px;
}

.icon-word {
    background: url('/css/icons/word.png');
    width: 16px;
    height: 16px;
}

.icon-play {
     background: url('/css/icons/play.png');
     width: 16px;
     height: 16px;
     margin-right: 2px;
 }

.icon-load {
    background: url('/css/icons/load.gif');
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

.icon-gift {
    background: url('/css/icons/gift.png');
    width: 24px;
    height: 24px;
}

[class^="icon-"], [class*=" icon-"] {
    margin-right: 2px;
}
/* --->icons.css<--- */
/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
	margin-bottom: 20px;
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
	-moz-border-radius:7px;
}

div.form label
{
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row
{
	margin: 5px 0;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}


div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide form .row
{
	clear: left;
}

div.wide form .buttons
{
	clear: left;
	padding-left: 110px;
}

div.wide form .errorMessage
{
	margin: 0 0 0 110px;
}

/* --->form.css<--- */
div.rateit
{
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

div.rateit div.rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(/css/images/star.gif);
    height: 16px;
}

/* for IE 6 */
* html div.rateit, * html div.rateit div.rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html div.rateit, * + html div.rateit div.rateit-range
{
    display: inline;
}

div.rateit div.rateit-hover, div.rateit div.rateit-selected
{
    position: absolute;
    left: 0px;
}

div.rateit div.rateit-hover-rtl, div.rateit div.rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

div.rateit div.rateit-hover
{
    background: url(/css/images/star.gif) left -32px;
}

div.rateit div.rateit-hover-rtl
{
    background-position: right -32px;
}

div.rateit div.rateit-selected
{
    background: url(/css/images/star.gif) left -16px;
}

div.rateit div.rateit-selected-rtl
{
    background-position: right -16px;
}

div.rateit div.rateit-preset
{
    background: url(/css/images/star.gif) left -48px;
}

div.rateit div.rateit-preset-rtl
{
    background: url(/css/images/star.gif) left -48px;
}

div.rateit div.rateit-reset
{
    background: url(/css/images/delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
}

div.rateit div.rateit-reset:hover
{
    background-position: 0 -16px;
}

/* --->rateit.css<--- */
.breadcrumb {
    padding: 9px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    -moz-border-radius: 4px;
    overflow: hidden;
}
img {
	max-width: 100%;
	width: auto;
}


html, body {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	cursor: pointer;
}


h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

ul li {
	list-style: none;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}


#footer ul li a {
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	text-align:left;
	font-weight:400;
	font-size:12px;
	width: 100%;
    display: inline-block;
}

.nav-list>li>a, .nav-list .nav-header {
    margin: 0 !important;
    font-size: 12px;
}

#footer .span-5 {
	margin-bottom:0px;
	margin-left:20px;
	margin-right:10px;
	margin-top:0px;
}	
#footer .nav-list {
	margin-bottom:5px;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
}


[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
}

.top-menu ul li {
	display: inline-block;
    padding: 5px 0px;
}

.top-menu ul li a {
	padding: 8px 12px;
}

table tr td {
    vertical-align: top;
}

th, td, caption {
    padding: 4px 10px 4px 5px;
}

ul.breadcrumbs li {
	float: left;
}

.breadcrumb > li > .divider {
    padding: 0 5px;
    color: #ccc;
}

/* carusel gallery */
.carousel-inner {
	overflow: hidden;

}

.rateit {
	cursor: pointer;
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}

.carousel-control a {
	text-decoration: none;
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
    filter: alpha(opacity=50);
}

.carousel-control:hover {
	    opacity: 1;
}

.carousel-control.right {
	right: 15px;
    left: auto;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}



.game-info .galley {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 4px #000;
}


.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btn:active, .btn.active {
    background-color: #ccc \9
}

.btn:first-child {
    *margin-left: 0
}

.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
    margin-top: 4px
}

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
    margin-top: 0
}

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
    margin-top: -1px
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75)
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #04c;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #fff;
    background-color: #04c;
    *background-color: #003bb3
}

.btn-primary:active, .btn-primary.active {
    background-color: #039 \9
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    color: #fff;
    background-color: #f89406;
    *background-color: #df8505
}

.btn-warning:active, .btn-warning.active {
    background-color: #c67605 \9
}

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f;
    *background-color: #a9302a
}

.btn-danger:active, .btn-danger.active {
    background-color: #942a25 \9
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #fff;
    background-color: #51a351;
    *background-color: #499249
}

.btn-success:active, .btn-success.active {
    background-color: #408140 \9
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    color: #fff;
    background-color: #2f96b4;
    *background-color: #2a85a0
}

.btn-info:active, .btn-info.active {
    background-color: #24748c \9
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222;
    background-image: -moz-linear-gradient(top, #444, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
    background-image: -webkit-linear-gradient(top, #444, #222);
    background-image: -o-linear-gradient(top, #444, #222);
    background-image: linear-gradient(to bottom, #444, #222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    color: #fff;
    background-color: #222;
    *background-color: #151515
}

.btn-inverse:active, .btn-inverse.active {
    background-color: #080808 \9
}

button.btn, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large, input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small, input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn.btn-mini, input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-link {
    color: #08c;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-link:hover, .btn-link:focus {
    color: #005580;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus {
    color: #333;
    text-decoration: none
}

.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1
}

.btn-group:first-child {
    *margin-left: 0
}

.btn-group + .btn-group {
    margin-left: 5px
}

.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0
}

.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group {
    margin-left: 5px
}

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group > .btn + .btn {
    margin-left: -1px
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 14px
}

.btn-group > .btn-mini {
    font-size: 10.5px
}

.btn-group > .btn-small {
    font-size: 11.9px
}

.btn-group > .btn-large {
    font-size: 17.5px
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px
}

.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
    z-index: 2
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn-group > .btn-mini + .dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px
}

.btn-group > .btn-large + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #04c
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0
}

.btn-large .caret {
    margin-top: 6px
}

.btn-large .caret {
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px
}

.btn-mini .caret, .btn-small .caret {
    margin-top: 8px
}

.dropup .btn-large .caret {
    border-bottom-width: 5px
}

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.btn-group-vertical > .btn {
    display: block;
    float: none;
    max-width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical > .btn + .btn {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.btn-group-vertical > .btn:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.btn-group-vertical > .btn-large:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.btn-group-vertical > .btn-large:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

input, textarea, .uneditable-input {
    width: 206px
}

textarea {
    height: auto
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto
}

select, input[type="file"] {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px
}

select {
    width: 220px;
    background-color: #fff;
    border: 1px solid #ccc
}

select[multiple], select[size] {
    height: auto
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.uneditable-input, .uneditable-textarea {
    color: #999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025)
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px
}

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 5px
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
    margin-left: 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0
}

.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
    display: inline-block
}

input, textarea, .uneditable-input {
    margin-left: 0
}

.controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px
}

input.span12, textarea.span12, .uneditable-input.span12 {
    width: 926px
}

input.span11, textarea.span11, .uneditable-input.span11 {
    width: 846px
}

input.span10, textarea.span10, .uneditable-input.span10 {
    width: 766px
}

input.span9, textarea.span9, .uneditable-input.span9 {
    width: 686px
}

input.span8, textarea.span8, .uneditable-input.span8 {
    width: 606px
}

input.span7, textarea.span7, .uneditable-input.span7 {
    width: 526px
}

input.span6, textarea.span6, .uneditable-input.span6 {
    width: 446px
}

input.span5, textarea.span5, .uneditable-input.span5 {
    width: 366px
}

input.span4, textarea.span4, .uneditable-input.span4 {
    width: 286px
}

input.span3, textarea.span3, .uneditable-input.span3 {
    width: 206px
}

input.span2, textarea.span2, .uneditable-input.span2 {
    width: 126px
}

input.span1, textarea.span1, .uneditable-input.span1 {
    width: 46px
}

.controls-row {
    *zoom: 1
}

.controls-row:before, .controls-row:after {
    display: table;
    line-height: 0;
    content: ""
}

.controls-row:after {
    clear: both
}

.controls-row [class*="span"], .row-fluid .controls-row [class*="span"] {
    float: left
}

.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] {
    padding-top: 5px
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
    background-color: transparent
}

.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {
    color: #c09853
}

.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    color: #c09853
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e
}

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
    color: #b94a48
}

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
    color: #b94a48
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
}

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #468847
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #468847
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b
}

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
    color: #3a87ad
}

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
    color: #3a87ad
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3
}

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1
}

.form-actions:before, .form-actions:after {
    display: table;
    line-height: 0;
    content: ""
}

.form-actions:after {
    clear: both
}

.help-block, .help-inline {
    color: #595959
}

.help-block {
    display: block;
    margin-bottom: 10px
}

.help-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1
}

.input-append, .input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
    font-size: 14px
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
    z-index: 2
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc
}

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-append .active, .input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546
}

.input-prepend .add-on, .input-prepend .btn {
    margin-right: -1px
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append input, .input-append select, .input-append .uneditable-input {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
    margin-left: -1px
}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.form-search .input-append .search-query, .form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom: 1
}

ul.yiiPager
{
	font-size:11px;
	border:0;
	margin:0;
	padding:0;
	line-height:100%;
	display:inline;
}

ul.yiiPager li
{
	display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
	border:solid 1px #9aafe5;
	font-weight:bold;
	color:#0e509e;
	padding:1px 6px;
	text-decoration:none;
}

ul.yiiPager .page a
{
	font-weight:normal;
}

ul.yiiPager a:hover
{
	border:solid 1px #0e509e;
}

ul.yiiPager .selected a
{
	background:#2e6ab1;
	color:#FFFFFF;
	font-weight:bold;
}

ul.yiiPager .hidden a
{
	border:solid 1px #DEDEDE;
	color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last
{
	display:none;
}

.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:730px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #111;
	line-height: 1;
}
/* --->fix.css<--- */