html {overflow-y: scroll;}

body { margin: 0px;  background: #A0A0A0; font:13px/1.231 Arial, sans-serif; }

body {background-position: center 90px !important}

a { color: #326E9C; text-decoration: none;}
a:hover { color: #326E9C; text-decoration: none;}

img {border-style: none;}
select,input,button,textarea{font:99% Arial, helvetica, clean, sans-serif}

#page-header{ background-color: #3C6E99; cursor:auto; box-shadow: 0 0 20px rgba(90, 90, 90, 0.75);}
#header-top{ background-color: #447CAD; }
#header-top.christmas {background-image: url('bannerFA.png'); background-position: center 0;}
#header-bottom{ border-top: 1px solid #4B89BF; border-bottom: 1px solid #325C80;}
#header-bottom.christmas {background-image: url('bannerFA.png'); background-position: center 43px;}
.cpanel {width: 980px; margin: 0 auto; padding:0;}
.top-wrapper{ height:56px; position: relative; }
.news-wrapper{ text-align:left; height:32px; }
.adver-wrapper{ margin-top: 10px; margin-bottom: 10px; text-align: center; }
.adv-300x250 {width:300px; min-height:250px; background:#444; border: 5px solid #ddd;}
#main-content-table{ width:100%; border: 1px solid #A0A0A0; border-collapse: separate; border-spacing:0; background: #ffffff; cursor:auto; box-shadow: 0 0 20px rgba(90, 90, 90, 0.75);}
#main-content-table > tbody > tr > td{ vertical-align: top; padding: 0;}
#mt-left-cell{ background: #F0F0F0; width:150px; border-right: 1px solid #cddceb}
#mt-content-cell{ padding:5px 8px 30px 5px; border: 0px; background: #ffffff; max-height: 999999px;}
#mt-right-cell{ width:140px; text-align: right;}

#coca-promo{ margin-top: 2px; height: 30px; background-color: #EC3C3C; display: inline-block; line-height: 30px; font-size: 18px; cursor: pointer; margin-left: 117px;}

#bpanel {background: #555555; margin-top: 30px; color: #fff; padding: 4px; font-size: 12px; cursor:auto; box-shadow: 0 0 20px rgba(90, 90, 90, 0.75);}
#bpanel a{color: #fff; text-decoration: none; padding: 1px 4px; font-size: 93%; }

form {margin: 0px}
.fframe {border: 2px solid #e0e0e0; background-color: #f8f8f8; border-radius:4px; padding: 10px;}
.img-country{ position: relative; top: -2px;}

.fa{ color: #666666; font-size: 14px; vertical-align: middle;}

#fa-info{display: inline-block; vertical-align: top; width: 7%; font-size: 10px; padding: 5px; text-align: center; margin-top: 20px;}
#fa-info a{color: #ffffff; text-decoration: none;}

.fa-explanation{ padding: 10px; text-align: left;}

#logo-container{ display: inline-block; vertical-align: top; width: 20%; padding-top: 10px;}

#user-login-container{ display: inline-block; vertical-align: top; margin-top: 16px; float: right; color: #CCC; text-align: right;}
#user-login-container a{ color: #FFFFFF; text-decoration:none;}
#user-login-container a:hover{ text-decoration:underline;}
#user-login-container #login-register a:hover{ color: #FDCC1A;}
#user-login-container #user-nick a{ color: #ffffff;}
#user-login-container #user-nick a:hover{ color: #FDCC1A;}
#user-login-container #show-msg{ margin-left: 80px; margin-top: 3px;}
#user-login-container #show-msg a{ font-size: 82%; text-decoration: none;}
#user-login-container #show-msg a:hover{ color: #FDCC1A; text-decoration: underline;}

#topsearch {display: inline-block; vertical-align: top; width: 45%; padding-top: 18px; text-align: center; margin-left: 90px; font-size: 0;}
#topsearch form {padding: 2px; width: 360px; display: inline-block; vertical-align: top;}
#topsearch input, #topsearch select{border:0; padding:3px; margin: 0; font-size: 10pt; color: #222; background: #ccc; background-image: none; height: 25px;}
#topsearch input[name="stext"] {width: 243px; background-color: #FFFFFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; vertical-align: top; height: 19px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -webkit-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; border-right: 1px solid #666;}
#topsearch input[name="stext"]:focus { box-shadow: inset 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);}
#topsearch select[name="stype"] {display: inline-block; vertical-align: top; cursor: pointer; padding:2px; background-color: #C3C3C4; width: 80px;}
#topsearch input[type="submit"] {cursor: pointer; }
#topsearch #button-search{ display: inline-block; vertical-align: top; background: #C3C3C4 url('search_icon.png') no-repeat;  height: 25px; line-height: 25px; width: 25px; cursor: pointer; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
#topsearch .advsearch{ display: inline-block; vertical-align: top; font-size: 13px; margin-top: 4px;}
#topsearch .advsearch a{color: #fff; text-decoration:none; font-size: 69%;}

#info-fa-top {margin:0; padding:0; color: #fff;}
#info-fa-top > div{ display: inline-block;  font-weight: bold; padding: 0 4px;}
#info-fa-top > div a{color: #f1a410; text-decoration:none;}

#trmenu {list-style:none; vertical-align: top; margin:0; padding:0; color: #fff; display: inline-block; float: right; margin-top: -5px; padding-top: 10px;}
#trmenu #fb-top-logo{ display: inline-block; vertical-align:top; height: 24px; width: 24px}
#trmenu #fb-top-logo a{ display: block; height:24px; width: 24px; background: transparent url('f2.png') repeat; text-decoration: none;}
#trmenu #fb-top-logo a:hover{ display: block; height:24px; width: 24px; background: #4B8CC2 url('fb_main.jpg') repeat 0 0; text-decoration: none;}
#trmenu #tw-top-logo{ display: inline-block; vertical-align:top;  height: 23px; width: 23px; }
#trmenu #tw-top-logo a{ display: block; height:24px; width: 24px; background: transparent url('tw2.png') repeat; text-decoration: none;}
#trmenu #tw-top-logo a:hover{ background: #4B8CC2 url('tw_main.jpg') repeat;}
#trmenu .mobile-version-link{ display: inline-block; margin-top: 5px;}
#trmenu .mobile-version-link a{ color: #fff; text-decoration: none;}

#english-site{ display: inline-block; float: right; padding: 8px 4px;}
#english-site {padding: 0px; display: block;}
#english-site > a {display: block; margin: 5px 2px 0px 15px; color: #FFF; height: 24px; line-height: 24px; padding: 0 5px; text-shadow: 1px 1px #333;}
#english-site > a:hover {text-decoration: underline;}


#lsmenu{ width: 150px;}
#lsmenu .lsmheader { padding: 6px 2px 0px 0px; color: #666666; margin: 5px 0 0 5px; font-size:1.2em;}
#lsmenu .cat-container{ padding-bottom: 10px; margin: 0px;}
#lsmenu .my-container{ margin-left: 15px;}
#lsmenu ul {list-style:none; margin:0; padding:0; }
#lsmenu li {margin:0; padding: 5px 2px 0px 3px; }
#lsmenu li a{color: #326E9C; text-decoration:none; display:block; padding-left: 5px;}
#lsmenu li a:hover {border-left: 2px solid #666; margin-left: -2px; padding-left: 5px; }

.admheader {background-color: #E1E1E1; font-weight: bold; font-style: italic; font-size: 1em; padding: 6px 2px 0px 3px; color: #000;}
#admmenu { background-color: #E1E1E1; color: #000; font-weight: bold;}
#admmenu ul {list-style:none; margin:0; padding:0 2px 4px 2px; }
#admmenu li {margin:0; padding: 2px 1px 3px 1px; font-size: 0.9em;}
#admmenu li a{ color: #000; text-decoration:none; font-weight: normal;}
#admmenu li a:hover{background:#ddd;}

#awardsmenu {list-style:none; margin:0; padding:0; color: #FCCB1A; display: inline-block; vertical-align: top; margin-top:9px;}
#awardsmenu li {display: inline; padding: 0 4px;}
#awardsmenu li a {color: #FFFFFF; text-decoration:none; }
#awardsmenu li a:hover {color: #FCCB1A; }
#awardsmenu .sep{ padding: 0px;}


.pager {font-size: 12px; margin: 8px 2px; color:#555555; text-align: center; line-height: 24px;}
.pager .current, .pager a {padding: 2px 4px; border:1px solid #e0e0e0;}
.pager .current {color: #3C6E99; border-color: #447CAD; font-weight: bold; padding: 2px 6px;}
.pager a {color:inherit; text-decoration: none; }
.pager a:hover {border-color: #447CAD}

.addl {}
.addl:hover {}

.addtobl{ }
.addtobl:hover{ }

.flat {border: 1px solid #888888; background-color: #eeeeee; cursor: pointer}

.fa-frame{ margin: 0px; background: #eee; border:1px solid #888; padding: 5px;}

.mini-user-icon{ background: none repeat scroll 0 0 #e2e2e2; border-radius: 20px; display: inline-block; height: 25px; line-height: 25px;
                        text-align: center;  width: 25px; }
.mini-user-icon i{ font-size: 16px;}

/****************************** smsrec ************************************/

.wrat {font-size: 20px; color: #ffffff; font-weight: bold;}
.w {color: #ffffff;}
.bw {font-size: 13px; color: #ffffff;}

/*********************************** movie cards section ************************************/

.movie-card-container{ float: left; }

.moviecard-cont{ padding: 0 0 0 5px;}
.moviecard-section-container{ margin-right: 326px; margin-bottom: 15px;}
.moviecard-section-container .movie-info-container{ text-align: left; margin-left: 105px;}
.moviecard-section-container .movie-info{position: relative; padding: 0; margin: 0; background: none; border: 0;}
.moviecard-section-container .movie-info dt {position: absolute; width: 50px; text-align:right; color: #777777; }
.moviecard-section-container .movie-info dd {margin-left: 55px; margin-right: 5px; color: #333333; padding-bottom: 10px; }
.moviecard-section-container .movie-info dd a { color: #326E9C; text-decoration: none;}
.moviecard-section-container .movie-info dd a:hover{ text-decoration: underline;}
.moviecard-section-container .movie-info-sinopsis{ float: left; color: #333333;}
.moviecard-section-container .movie-info-sinopsis a{ color: #326E9C; text-decoration: none;}
.moviecard-section-container .movie-info-sinopsis a:hover{ text-decoration: underline}
.moviecard-section-container .movie-info-title{ text-align:left; color: #777777; }
.moviecard-section-container .see-full-movie{ padding: 5px 0px;}
.moviecard-section-container .see-full-movie a{ color: #326E9C; text-decoration: none;}
.moviecard-section-container .see-full-movie a:hover{ text-decoration: underline;}
.moviecard-section-container #link-full-sinop a{ font-size: 11px;}


.moviecard-section-container #rat-avg-count{ width: 60px; text-align: center; background-color: #4682B4; margin-left: 5px; float: right; }
.moviecard-section-container #movie-rat-avg{ color: #ffffff; margin: 3px 0px; font-size: 30px; font-weight: bold; padding: 3px;}
.moviecard-section-container #movie-count-rat{ font-size: 10px; font-weight: bold; color: #666666; background-color: #fff; border-left: 1px solid #4682B4; border-right: 1px solid #4682B4; padding-top: 1px;}
.moviecard-section-container #movie-count-text{font-size: 8px; font-weight: bold; color: #666666; background-color: #fff; border-left: 1px solid #4682B4; border-right: 1px solid #4682B4; border-bottom: 1px solid #4682B4; padding-bottom: 1px;}

.float-right{ float: right;}
.float-left{ float: left;}

.fa-shadow{ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}

.fa-box{ border: 1px solid #a2a2a2; border-radius: 5px; color: #e8e8e8; cursor: pointer; display: inline-block; font-size: 14px; margin-right: 5px; padding: 5px; text-align: center; width: 15px;}
.fa-box i{font-size: 14px;  }

/*********************************** movie reviews ************************************/

.reviews-wrapper{ background: #f2f2f2; margin: 0 10px; padding: 5px;}
.review-separator{ border-bottom: 3px solid #E2E2E2; margin: 15px auto 20px; }
.user-review-item{ margin: 5px 5px 20px 5px; padding: 10px; background: #FFFFFF; border-radius: 3px; border: 1px solid #ffffff; -webkit-transition: all 0.30s ease-in-out;
                    -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none;}

.user-reviews-highlight-up{  box-shadow: 0px 0px 5px 5px #4CAF50; border: 1px solid #4CAF50; }
.user-reviews-highlight-down{  box-shadow: 0px 0px 5px 5px #F44336; border: 1px solid #F44336; }
.user-reviews-highlight-fav{  box-shadow: 0px 0px 5px 5px #FFC107; border: 1px solid #FFC107; }

.filter-reviews-container{ margin: 10px 10px 10px 0px; padding: 10px 0px;}
.filter-reviews-container > div{ display: inline-block; vertical-align: top;}
.filter-reviews-container .pager{ margin-left: 150px;}
.filter-reviews-container .reviews-option{ margin: 0px 5px;}
.filter-reviews-container .reviews-option i{ font-size: 16px !important}

.movie-reviews-wrapper{ background: #f2f2f2;margin: 0 5px; padding: 5px;}
.movie-review-wrapper{ background: #ffffff; border: 1px solid #ffffff; border-radius: 3px; margin: 5px 5px 20px; outline: medium none; padding: 10px; transition: all 0.3s ease-in-out 0s;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-nick{ display: inline-block; margin-top: 7px;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-nick a{ font-size: 15px; color: #333333;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-nick a:hover{ text-decoration: underline;}
.movie-review-wrapper .mr-user-info-wrapper .mr-user-country{ display: inline-block; font-size: 10px; margin-right: 20px;}
.movie-review-wrapper .mr-user-info-wrapper .user-reviews-movie-rating{ display: inline-block; vertical-align: top; float: right; border-radius: 3px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; background: #990000; color: #ffffff; font-weight: bold;}

/********************************  table reviews *****************************************/

.trev{ border: solid #999999; border-width: 1px 0px 1px 0px; background: #F2F2F2;}
.trev th {padding: 5px 2px; font-weight: normal; font-size: 14px; background: #326e9c; color: #FFFFFF; text-align: left;}
.trev td {border-bottom: 1px solid #dddddd; vertical-align: baseline}
.trev .rwtitle { width: 475px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 5px}
.trev .rwtitle a{ text-decoration:none; font-size: 14px;}
.trev .rmtitle {margin: 0px 0px 0px 5px;}
.trev .rmtitle a{ text-align:left; font-size: 12px;  color:#777777; text-decoration:none}
.trev .rwdate{ font-size: 14px; color: #777777; margin-bottom: 5px;}
.trev .rwuseful{ font-size: 11px; color: #666666; float: right; clear: both;}
.trev .revrat{ color: #990000; font-size: 18px; text-align: right;}
.trev .revuser{ width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.trev .is-fav{ color: #FFC107}


/*******************************************************************************************/

.review-title{ color:#326e9c; display: inline-block; margin-left: 10px; max-width: 700px; overflow-x: hidden;}
.review-title a{ font-size: 20px !important; text-decoration: none; color:#326e9c;}
.review-title a:hover{ text-decoration: underline; }
.review-date{ color: #888888; font-size: 77%; display: inline-block; margin: 0px 15px 0 10px;}
.review-useful{ display: inline-block; color: #888888; font-size: 77%; margin-left: 15px;}
.review-text1{padding: 20px 15px; color:#444444; font-size: 14px; line-height: 22px;}
.review-text2{padding: 20px 15px; color:#444444; font-size: 14px; line-height: 22px;}
.review-spoiler-info{ padding: 4px; font-size: 77%;}
.review-user-nick{ padding: 4px; font-style: italic; text-align:right;}

.rfavd{ font-size: 85%;}

.padding-user-review{ position: relative;}

.rate-review{ text-align: right; }
.rate-review .review-info{ font-size: 12px; font-weight: normal; display: inline-block;}
.rate-review a{ color: #666666; font-style: normal;  text-decoration: none;}
.rate-review a:hover{ text-decoration: underline; font-style: normal;}
.approve-review{ display: inline-block; border: 1px solid #e2e2e2; height:18px; width:24px; background: #fff;}
.approve-review:hover{ background: #e2e2e2;}
.disapprove-review{ display: inline-block; border: 1px solid #e2e2e2; height:18px; width:24px; background: #fff;}
.disapprove-review:hover{ background: #e2e2e2;}
.share-review{ text-align: center; padding: 3px 0px 0px 0px;}
.share-review a{font-size: 77%; text-decoration: none; color: #666666}
.share-review a:hover{ text-decoration: underline;}

.center-pager{ text-align: center;}
.center-pager table{ margin: 0 auto; text-align: left;}

.rate-review .info-template .loading {text-align: center;}
.rate-review .info-template {position: relative; display: none;}
.rate-review .info-template .pop-box {font-style: normal; line-height: 20px;}
.rate-review .info-template .pop-box .header {font-weight: bold;}
.rate-review .info-template .pop-box ul {list-style-type: none; margin: 0px; padding: 0px; font-size: 11px;}
.rate-review .info-template .pop-box ul > li {margin: 8px 0px;}
.rate-review .info-template .pop-box ul > li {margin: 8px 0px;}

.user-review-control-wrapper{ padding: 0px 5px; margin: 0px 5px; position: relative; text-align: right;}
.user-review-control-wrapper .user-reviews-order{ padding: 5px 0px; margin: 5px 0px; display: inline-block;}
.user-review-control-wrapper .user-reviews-page-info{ position:absolute; top: 15px; left: 0px;}
.user-review-control-wrapper .my-reviews-page-info{ position:absolute; top: 30px; left: 0px;}

.user-reviews-movie-rating{ display: inline-block; vertical-align: top; float: right; border-radius: 3px; color: #990000; width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; background: #BF360C; color: #ffffff; font-weight: bold;}
.info-icon {margin-right: 5px; cursor: pointer; background: #447CAD; width: 12px; height: 12px; display: inline-block; color: #FFF; text-align: center; font-size: 11px; font-weight: bold; font-family: "courier"; line-height: 12px;}
.pop-box {position: absolute; background: #FFF; z-index: 1; width: 400px; bottom: 5px; box-shadow: 2px 2px 15px 0px #444; padding: 10px; text-align: left;}

.ebox{ margin: 10px 0px;}

/*************************************** boxoffice ***********************************************************/

    /* este estilo tb se utiliza en admin */
    .wcap {text-align: left; padding: 3px; color: #FFFFFF;}

    table.box-office {background: #f0f0f0; width: 100%; cellpadding: 2px; cellspacing: 2px;}
    table.box-office caption > .wcap {background: #800040; text-align: left; padding: 3px; color: #FFFFFF;}
    table.box-office caption > .date {background: #f0f0f0; text-align: left; padding: 3px;}
    table.box-office tr > th {background: #d0d0d0;}
    table.box-office tr > td {padding: 3px;}
    table.box-office tr > td.yellow {background: #ffff00;}
    table.box-office tr > th:nth-child(2), table.box-office tr > th:nth-child(3) {text-align: left;}
    table.box-office tr > th:nth-child(5), table.box-office tr > th:nth-child(6) {text-align: right;}
    table.box-office tr > td:nth-child(1), table.box-office tr > td:nth-child(4) {text-align: center;}
    table.box-office tr > td:nth-child(5), table.box-office tr > td:nth-child(6) {text-align: right;}
    table.box-office.all tr > td:nth-child(4) {text-align: right;}
    table.box-office.all tr > th:nth-child(4) {text-align: right;}
    table.box-office.all2 tr > th:nth-child(3), table.box-office.all2 tr > th:nth-child(4) {text-align: right;}
    table.box-office.all2 tr > td:nth-child(3), table.box-office.all2 tr > td:nth-child(4) {text-align: right;}


/************************************* mcalc ******************************************/

.rate-review-wrapper{ display: inline-block; float: left;}
.share-review-wrapper{ display: inline-block; }

.rate-review a{ width: 15px;}
.rate-review a:hover{ text-decoration: none;}

.user-review-usefull-icon{ width: 15px; padding: 5px; text-align: center; border-radius: 5px; border: 1px solid #A2A2A2; display: inline-block; margin-right: 5px; font-size: 14px; cursor: pointer; color: #e8e8e8;}
.user-review-usefull-icon i{ color: #a2a2a2}
.user-review-info{ width: 15px; padding: 5px; text-align: center; border-radius: 5px; border: 1px solid #a2a2a2; display: inline-block; font-size: 14px; cursor: pointer;  }
.user-review-info i{ color: #a2a2a2;}
.user-review-info:hover{ color: #777777; border: 1px solid #777777; text-decoration: none !important;}
.user-review-info:hover i{ color: #777777;}
.user-review-info-text{ display:none; position: absolute; top: 0px; left: 240px; padding: 5px; text-align: center; font-size: 20px; cursor: pointer; font-size: 12px;}

.thumb-up:hover{ border: 1px solid #4CAF50 }
.thumb-up:hover i{ color: #4CAF50}
.thumb-down:hover{ border: 1px solid #F44336 }
.thumb-down:hover i{ color: #F44336}

.user-review-share-icon{ display: inline-block; width: 15px; padding: 5px; font-size: 14px; text-align: center; border-radius: 4px; border: 1px solid #a2a2a2; cursor: pointer;}
.user-review-share-icon i{ color: #a2a2a2}
.user-review-share-icon:hover{ color: #777777; border: 1px solid #777777; text-decoration: none !important;}
.user-review-share-icon:hover i{ color: #777777; text-decoration: none !important;}

.user-review-add-fav{ width: 15px; padding: 5px; text-align: center; border-radius: 5px; border: 1px solid #A2A2A2; display: inline-block; margin-right: 5px; font-size: 14px; cursor: pointer; color: #e8e8e8;}
.user-review-add-fav i{ color: #a2a2a2}
.user-review-add-fav .is-fav{ color: #FFC107}
.user-review-add-fav:hover{ border: 1px solid #FFC107;}
.user-review-add-fav:hover i{ color: #FFC107;}

.rwuseful{ display:none; position: absolute; top: 0px; left: 240px; padding: 5px; text-align: center; font-size: 20px; cursor: pointer; font-size: 12px; background: #4CAF50 !important; color: #FFFFFF !important;}
.not-rwuseful{ display:none; position: absolute; top: 0px; left: 240px; padding: 5px; text-align: center; font-size: 20px; cursor: pointer; font-size: 12px; background: #F44336 !important; color: #FFFFFF !important; }

/************************************* mcalc ******************************************/

.mcalc-container{ padding:2px; }
.mcalc-movie{ margin-left: 0px; padding: 3px 0px; width: 280px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666;}
.mcalc-movie a{ font-size: 100%; text-decoration: none; color: #4682B4}
.mcalc-movie a:hover{ text-decoration: underline}
.mcalc-movie .mcalc-movie-pos{ width: 15px; text-align: right; display: inline-block; margin-right: 10px;}

/**********************************  minitours  **************************************/

#mini-tour-list { color:#eee; }
#mini-tour-list{ list-style-type: none; margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px;}
#mini-tour-list li { color: #666; padding: 3px 0px;}
#mini-tour-list li a{ text-decoration: none; color: #4682B4;  font-size: 100%;}
#mini-tour-list li a:hover{ text-decoration: underline; }

/*********************************** tours *******************************************/

.tour-explanation{ text-align:center; margin: 10px 0; color: #666666;}
.tour-main-wrapper{ padding: 5px; margin: 10px; background: #F2F2F2; padding: 5px;}
#adm-link{ text-align: right; }
.tour-desc-item{ padding: 10px; margin:10px; background: #FFFFFF;}
.tour-sub-item{ font-style: italic; margin-left: 20px; color: #666666; }
.tour-bottom-link{ text-align:center; margin: 12px 0; }

#tour-wrapper{ background: #F2F2F2; padding: 10px; margin: 0px 10px 10px;}
#tour-wrapper .movie-tour-wrapper{ background: #ffffff; position: relative; margin: 10px 10px 20px 10px; padding: 10px;}
#tour-wrapper .movie-tour-wrapper .movie-tour-item{ margin-right: 180px; }
#tour-wrapper .movie-tour-wrapper .tour-rating-box{ position: absolute; top: 0; right: 0px;}

.tour-expla{ padding: 10px; margin: 10px; font-size: 13px; color: #666666; background: #F2F2F2; border-radius: 3px; }
.tour-expla i{ vertical-align: text-top; font-size: 13px; color: #666666;}
.info-tour-bottom{ font-size: 14px; font-weight: bold; text-align: center;}
.info-tour-bottom a{ display: block; margin-bottom: 10px;}
.info-tour-bottom a:hover{ text-decoration: underline;}
.info-tour-bottom .sub-info{ font-size: 13px; font-weight: normal; color: #777777;}

/*************************************** topics tabs*********************************/

.margin-tabs{ margin: 20px 0;}
.clear-movie-topic{ clear:both; padding-bottom:10px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2;}

.margin-ntabs{ margin: 10px 12px 15px 5px}
ul.ntabs {padding:0; margin:0; list-style: none; border-bottom: 1px solid #4682B4; font-size: 14px;}
ul.ntabs li {display: inline-block; padding:0; margin: 0 4px 0 0;}
ul.ntabs li > a {display: block; padding: 4px 8px; color: #47566E; border-bottom: 3px solid transparent; text-decoration: none; cursor: pointer;}
ul.ntabs li.active a, ul.ntabs li > a:hover {border-bottom-color: #4682B4}
ul.ntabs em {font-size: 85%; color: #999; font-style: normal;}

#movie-categories{float:right; display:block; padding-top: 6px; color: #666666; cursor: pointer; font-size: 93%; font-style: italic; position:relative;}
#movie-categories a{ color: #3583BE; text-decoration: none;}
#more-categories{ display: inline-block; padding: 5px 3px;}
.hidden-menu{position:absolute; overflow: visible; background: #ffffff; text-align: left; height: auto; border: 2px solid #888888; z-index: 10000; display: none; cursor: pointer; right: 0;}
.hidden-menu ul{ margin:0; padding:0; list-style: none;}
.hidden-menu ul li{ padding: 5px 6px; float: none; display: list-item; border: 0px; text-align: right; white-space: nowrap;}
.hidden-menu ul li a{ color: #3583BE; text-decoration: none;}
.hidden-menu ul li:hover{ background: #f2f2f2; text-decoration: underline;}


/********************************** rating count ******************************/

.avg-rating {font-size: 138.5%; text-align: center; font-weight: bold; color: #ffffff; background: #4682B4; width:2em; padding: .2em 0;}
.rat-count {font-size: 85%; color: #666666;}
.rate-wrapper{ margin: 0px  0px 5px 0px; padding:10px 0px; background-color: #F0F0F0; border-radius: 2px; border: 1px solid #CDDCEB;}
.rt-wr-sd{ padding: 2px; font-size: 85%; margin-bottom: 5px;}
.rt-box{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CDDCEB; color: #4682B4; font-size: 85%; padding: 0 3px;}

/**************************************************************************************/

#wrapper-cat{ background: none repeat scroll 0 0 #f2f2f2; padding: 5px; margin: 5px 10px;}
.home-cat-container{ display: inline-block; width: 490px; vertical-align: top; margin-top: 5px; margin-left: 6px; margin-bottom:30px;}
.home-right-container{ float:right; width: 305px;}
.right-box-container{ margin-top: 25px;}
.amz-wrapper{ background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #ddd; min-height: 250px; width: 300px; text-align: center;}
.amz-wrapper iframe{ margin: 0 10px; }

#main-title{ font-size: 174%; color: #333333; font-weight: normal; margin: 5px; padding: 0; text-decoration: none;}
#main-title a{ color: #333333; font-weight: normal; margin: 0; padding: 0; text-decoration: none; text-decoration: none;}

.user-title-sec{ font-size: 20px; color: #666666; margin: 5px 5px 20px; padding: 0; text-decoration: none;}

.padding-movie-catrd{ display: inline-block; vertical-align: top; padding: 3px 3px 3px 0px;}
.catrd-title {margin-bottom:10px;}
.catrd-title a{ color: #333; font-size: 20px; text-decoration: none; font-weight: normal; }
.catrd-title a:hover{ text-decoration: underline;}
.catrd-title img{ vertical-align: text-bottom;}

.rdate-cat{ margin: 5px 2px 0 5px; font-size: 131%; color: #333333;  padding:1px;}
.rdate-cat-first{ margin: 0px 2px 0 5px; font-size: 131%; color: #333333;}

.movie-mini-trailer{ padding: 3px; display: inline-block;}

.title-right-box{ margin-left: 20px;}
.title-right-box a{ color: #333; font-size: 20px; text-decoration: none; font-weight: normal; text-decoration: none;}
.title-right-box a:hover{ text-decoration: underline;}

.see-more-catrd{ text-align:right; display: block; padding: 5px 5px 0px 5px;}
.see-more-catrd a{ font-size: 85%; color: #3583BE; text-decoration: none;}
.see-more-catrd a:hover{ text-decoration: underline;}

.twtr-widget {border: 1px solid #AAAAAA !important;}
#twitter-fa { height: 290px;}
#facebook-fa{ height: 220px;}

.fa-button-cookie{ font-size: 13px; color: #444444; padding: 6px 10px; background: #f3f3f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #949494; }
.fa-button-cookie:hover{ color: #222222; background: #e8e8e8;}

#top-anch {display: none; position: fixed; bottom: 35px; right: 50px; background: #F0F0F0; width: 26px; height: 24px; text-align: center; border-radius: 5px; border: 1px solid #CDDCEB;}
#info-cookie{ background: #f2f2f2; padding: 12px 10px; position: fixed; bottom: 0; display: none; z-index: 1234566; width: 100%; border-top: 1px solid #AAAAAA }
#info-cookie .fa-button-cookie{ font-size: 13px; color: #444444; padding: 6px 10px; background: #f3f3f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #949494;}

.padding-list{ margin: 8px 2px 8px 10px;}
.no-margin{ margin: 0;}
.no-margin-top{ margin-top: 0 !important;}
.no-margin-bottom{ margin-bottom: 0 !important;}
.clearfix{ clear: both;}


/*********************************** lists tip ************************************************************/
    .lists-box {padding: 0px !important;}
    .recent-lists {position: absolute; margin-top: 1px; right: 20px; background: #FFF; box-shadow: 2px 2px 15px 0px #444; z-index: 1; padding: 15px !Important;}
    .recent-lists > .header {background: #FFF; height: 24px; line-height: 24px; position: relative; text-align: left; padding-left: 5px; margin-bottom: 10px; font-size: 15px;}
    .recent-lists > .header > i {padding: 2px; cursor: pointer; position: absolute; right: -4px; top: -4px;}
    .recent-lists > table {border-spacing: 0; border-collapse: collapse; margin: 0px 10px; min-width: 170px;}
    .recent-lists > table > tbody > tr > td {text-align: left; vertical-align: middle;}
    .recent-lists > table > tbody > tr > td > input {cursor: pointer;}
    .recent-lists > table > tbody > tr > td > .list-name {width: 312px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; padding: 5px 0px; margin: 0px; font-size: inherit;}
    .recent-lists > table > tbody > tr > td > .list-name:hover {text-decoration: underline;}
    .recent-lists > .no-lists {padding: 10px 20px; width: 200px; text-align: left;}
    .recent-lists > .no-lists.error-loading {height: 60px;}
    .recent-lists > .bottom {background: #FFF; margin-top: 5px; text-align: right;}
    .recent-lists > .bottom > a {display: inline-block; padding: 5px 8px;}
    .recent-lists > .bottom > a:hover {text-decoration: underline;}
    .recent-lists > .error-box {display: none; text-align: center;}
    .recent-lists > .error-box > .layer {background: #DDD; opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
    .recent-lists > .error-box > .msg-content {background: #FFF; color: #900; font-weight: bold; text-align: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 20% auto; width: 90%;}
    .recent-lists > .error-box > .msg-content > div:first-child {text-align: right;}
    .recent-lists > .error-box > .msg-content > div:first-child > img {cursor: pointer;}
    #hidden-template{ display: none;}

    .mc-shadow {box-shadow: -3px 0px 8px #AAA !Important;}
    .movie-card {position: relative; }
    .movie-card .recent-lists {top: 25px; margin-top: 0px; margin-right: 5px;}

/*********************************  usercard    *****************************************/

    .add-friend-wrapper{ }

    #user-profile-wrapper{ margin-top: 10px; margin-bottom: 20px;}
    .user-profile-main{ text-align: center; }
    .user-profile-main h2{ margin: 0; padding: 0; font-weight: normal; text-align: center; font-size: 25px;}
    .user-profile-main .fa-user-icon{ display: inline-block; vertical-align: top; background: #E2E2E2; width: 60px; height: 60px; line-height: 60px; border-radius: 40px; text-align: center; margin: 10px 0 0 0px;}
    .user-profile-main .fa-user-icon i{ font-size: 30px; margin-top: 10px; margin: 0px;}

    .user-profile-main .fa-user-affinity{ display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; font-size: 12px; border-radius: 18px; text-align: left; margin: 10px 0 0 0; padding-left: 3px; color: #333333; font-weight: bold;}

    .user-profile-main .user-nick-wrapper{ margin: 10px; display: inline-block; padding: 0 10px;}
    .user-profile-main .user-nick-wrapper .user-friend-alias-wrapper{ font-size: 12px; text-align: center; color: #666666; border-bottom: 1px solid #e2e2e2; color: #333333; padding: 5px 0px;}
    .user-profile-main .user-other-info-wrapper{ margin-left: 10px; padding-top: 5px; color: #666666; font-size: 12px;}

    .user-profile-main .btn-add-friend{ display: inline-block; vertical-align:top; border-radius: 3px; text-align: center; cursor: pointer; width: 60px; height: 60px; border-radius: 30px; line-height: 60px; margin: 10px 0 0 20px;}
    .user-profile-main .btn-add-friend i{ font-size: 30px; color: #FFFFFF; margin: 0;}
    .user-profile-main .btn-add-friend:hover{ opacity: 1}
    .user-profile-main .add-friend-wrapper{ background: #90CAF9; color: #FFFFFF; }
    .user-profile-main .is-friend-wrapper{ background: #64B5F6; color: #FFFFFF; }

    .user-profile-info-wrapper{  text-align: center; border-bottom: 2px solid #E8E8E8;}
    .user-profile-info-wrapper > a{ display: inline-block; width: 12%; padding: 5px 10px 5px 40px; margin: 5px 5px 0px 5px; font-size: 15px; color: #666666; text-align: left; border-bottom: 3px solid #FFFFFF}
    .user-profile-info-wrapper > a:hover:not(.inactive-link){ border-bottom: 3px solid #4682B4}
    .user-profile-info-wrapper .active-tab{ border-bottom: 3px solid #4682B4 }

    .user-profile-info{ }
    .user-profile-info a{ color: #FFFFFF; }
    .user-profile-info span i{ float: left; color: #999999; font-size: 25px; margin-top: 5px; margin-right: 10px; vertical-align: bottom;}
    .user-profile-info:hover{ }
    .user-profile-info:hover span i{ }

    .user-pro-icon{ }
    .user-pro-icon i{ font-size: 18px !important; margin: 1px 5px 0px 0px!important;}

    .up-num-info{ font-size: 20px; font-weight: bold; color: #447cad}
    .up-subnum-info{ font-size: 12px;}
    .up-subnum-info a{ color: #666666;  }

    .inactive-link{ cursor: default; }
    .inactive-link .up-num-info{ color: #777777; }

    #user-see-more-st{ float: right; margin: 5px 10px 0px 0px; position: relative; padding: 10px; cursor: pointer;}
    #user-see-more-st i{ font-size: 26px;}

    .user-link-items{ display: inline-block; margin: 0 3px;}
    .user-link-items i{ font-size: 20px !important; color: #999999;}
    .user-link-items:hover i{ color: #555555;}

    .user-social-items{ display: inline-block; margin: 0 3px;}
    .user-social-items i{ font-size: 20px !important; color: #999999;}
    .user-social-items:hover i{ color: #555555;}

    .groups-fix{ width: 16% !important;}

    .user-settings{ position: absolute; top: 50px; left:-190px; background: #FFFFFF; border: 1px solid #e8e8e8; padding: 10px 30px; box-shadow: 2px 2px 15px 0 #444; z-index: 1; text-align: left; cursor: default;}
    .user-settings ul{ margin:0; padding: 0;}
    .user-settings ul li{ list-style: none; white-space: nowrap; margin: 20px 10px; font-size: 13px;}
    .user-settings ul li a{ color: #326e9c; font-weight: bold; margin: 0;}
    .user-settings ul li a:hover{ text-decoration: underline; font-weight: bold; margin: 0;}
    .user-settings ul li .mini-header-user{ color: #777777; margin-bottom: 5px;}

    .user-circle-info{ display: inline-block; vertical-align: top; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 40px; font-size: 20px; color: #FFFFFF; margin: 15px 0 0 0px; position: relative; cursor: pointer;}
    .user-circle-info:hover{ }
    .user-circle-info i{ font-size: 26px !important; color: #FFFFFF; }

    .user-circle-info2{ display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 30px; font-size: 20px; color: #FFFFFF; margin: 15px 0 0 0px; position: relative; cursor: pointer;}
    .user-circle-info2:hover{ }
    .user-circle-info2 i{ font-size: 26px !important; color: #FFFFFF; }

    .affinity-bk{ background: #FFCA28; font-size: 15px; font-weight: bold; color: #777777; line-height: 40px; cursor: default;}
    .affinity-bk .mini-label{ position: absolute; top: -2px; left: 0px; width: 50px; text-align:center; font-size: 10px; font-weight: bold; color: #555555; }
    .affinity-bk .affinity-per{ position: absolute; top: 11px; left: 0px; width: 50px; text-align:center; font-size: 14px; font-weight: bold; color: #555555;}

    .add-friend-bk{ background: #447cad;}
    .add-friend-bk:hover{ background: #4b89bf;}
    .add-friend-bk .mini-label{ position: absolute; top: 0; left: 0px; width: 50px; text-align:center; font-size: 14px; font-weight: bold; color: #777777;}
    .add-friend-bk i{ color: #FFFFFF;}

    .edit-friend-bk{ background: #447cad; }
    .edit-friend-bk:hover{ background: #4b89bf; }
    .edit-friend-bk .mini-label{ position: absolute; top: -5px; left: 0px; width: 50px; text-align:center; font-size: 14px; font-weight: bold; color: #FFFFFF;}
    .edit-friend-bk i{ position: absolute; top: 10px; left: -4px; width: 50px; text-align:center; font-size: 30px !important;}

    .edit-friend-bk .friend-icon{ z-index: 100; text-shadow: 1px -1px rgb(102, 102, 102);}
    .edit-friend-bk .friend-icon-shadow{ color: #e2e2e2; margin-left: 8px; top: 6px;}

    .total-groups-bk{ font-weight: bold; line-height: 40px; font-weight: bold; color: #777777; border: 1px solid #AAAAAA; cursor: default;}

    .mini-label{ position: absolute; top: 15px; left: 0px; width: 50px; text-align:center; font-size: 9px; font-weight: bold;}

    #go-to-url {font-size: 13px;}
    #go-to-url .link {text-align: center; margin-top: 30px;}
    #go-to-url .link a {text-decoration: underline;}
    #go-to-url .ui-dialog-title {font-size: 13px;}

/******************************************************  LOGIN     *****************************************/

#login-wrapper{ display: inline-block; vertical-align:top; width: 360px; margin: 30px auto; padding: 20px 0px; background: #F2F2F2; border-radius: 5px; border: 1px solid #e2e2e2; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
#login-wrapper h1{ margin: 10px 0px;}
#login-wrapper .field{ margin: 5px 0px;}
#login-wrapper input[type=text], #login-wrapper input[type=password]{ display: inline-block; width: 210px; height: 23px; padding: 8px; font-size: 20px;
                    line-height: 18px; color: #666; border: 1px solid #C3C3C3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #FBFBFB;}
#login-wrapper input[type=text]:focus, #login-wrapper input[type=password]:focus{ border: 1px solid #cddceb; box-shadow: 0 0 5px #cddceb;}
::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #555555; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 14px; color: #555555; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 14px; color: #555555; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 14px; color: #555555; }

#login-wrapper #login-title{ padding: 5px 0px; color: #447CAD; margin-bottom: 10px;}
.login-btn{ background: #4b89bf; width: 80%; border: 0; color: #FFFFFF; height: 35px; line-height: 35px; font-size: 20px; border-radius: 3px; margin: 20px 0px; cursor: pointer;}
.login-btn:hover{ background: #4B7CBF; }

#user-profile-icon{ background: #e2e2e2; border-radius: 60px; display: inline-block; height: 80px; line-height: 80px; margin: 0px 0 10px 0; text-align: center; vertical-align: top; width: 80px;}
#user-profile-icon i{ font-size: 50px;}

#registerbenefits{ display: inline-block; vertical-align:top; width: 360px; margin: 10px auto; text-align: center;}
#registerbenefits ul{ margin: 0 0 0 30px; padding: 0 0 0 10px; text-align: left;}
#registerbenefits ul li{ list-style: none; font-size: 14px; margin: 17px 5px; color: #333333;}
#registerbenefits ul li i{ font-size: 7px !important; color: #b2b2b2; opacity: 0.9; margin-right: 10px; vertical-align: middle;}
#registerbenefits ul li .mini-expla{ margin-left: 22px; font-size: 10px; color: #666666;}
#register-btn{ background: #4b89bf; width: 300px; border: 0; color: #FFFFFF; height: 35px; line-height: 35px; font-size: 20px; border-radius: 3px; margin: 20px 0px; display: block;}
#register-btn:hover{ background: #4B7CBF;}

.rememberme input{ background: #fff; border: 1px solid #c6c6c6; border-radius: 1px; box-sizing: border-box; cursor: pointer; display: inline-block; height: 13px; margin: 0;
                    position: relative; vertical-align: bottom; width: 13px;}

/********************************************************************************************************/

.share-header{ color: #777777; margin-right: 3px;}