/* ==|== primary styles============================================
   Author:dotsquares
===================================================================*/

/*css for login page
-----------------------------------------*/
.login label {  }

.login a.fogt-pass {
  color: #84754e;
  display: inline-block;
  font-size: 12px;
  margin-top: 9px;
  padding-left: 22px;
  text-align: left;
  text-decoration: underline;
}

.login a.fogt-pass:hover { color:#7F7772; }

.login .existing-user, .login .new-user { margin-top:30px; }

.login .existing-user .button { width:110px; float:left; }

.login .new-user .button { width:105px; float:left; left:100px; }

.click-here { margin-top:30px; }

.login .input-text { width:210px; float:left; margin-right:10px; }

/*css for my account page
-----------------------------------------*/
.dashbord.container { background-color: #7F7772; -webkit-box-shadow: 0 0 4px #111; -moz-box-shadow: 0 0 4px #111; box-shadow: 0 0 4px #111; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:960px!important; padding:5px; }

.dashbord-menu > ul > li, .dashbord-header, .content-box .heading { background-color: #252e38; background-image: -webkit-gradient(linear, left top, left bottom, from(#414e5b), to(#252e38)); background-image: -webkit-linear-gradient(top, #414e5b, #252e38); background-image: -moz-linear-gradient(top, #414e5b, #252e38); background-image: -ms-linear-gradient(top, #414e5b, #252e38); background-image: -o-linear-gradient(top, #414e5b, #252e38); background-image: linear-gradient(to bottom, #414e5b, #252e38); }

.dashbord-header { border-bottom: 1px solid #414e5b; }

.dashbord-container {background:#252e38; position:relative; }

.dashbord-menu { width:28.5%; float:left; /*border-bottom: 1px solid #555;*/ position:relative; z-index:2; }

.dashbord-menu-bg { position: absolute; top: 0; bottom:0; left:0; width:209px; z-index:1; background-color: #252E38; }

.dashbord-content { width:70.5%; float:right;  min-height:300px;  position:relative; }
.dashbord-content.full-width{ width:100%; border-left:none; float:none;}
.dashbord-content-inner { padding:15px; position:relative;/*background:#2b2b2c;*/ }

.dashbord-content-header { padding-left:5px; margin-bottom:10px; margin-top:-1px; }

.dashbord-content-header h2 { font-size:20px; }

.dashbord-content-header h2 span { font-size:18px; }

.dashbord-header .sidebar-profile { border-right:1px solid #000; width:199px; float:left; padding:5px; }

.dashbord-header .user-avatar { border: 1px solid #1A1B1F; background-color: #414e5b; width: 35px; height:35px; float: left; padding:3px; position: relative; }

.dashbord-header .user-avatar img { max-width:100%; }

.dashbord-header .user-info { padding: 0 0 0 50px; }

.dashbord-tabs { padding:0 15px; margin-top:10px; float:left; }

.dashbord-tabs li { float:left; display:block; background: #1d1d1f;
background: -moz-linear-gradient(90deg, #1d1d1f 0%, #2b333e 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #1d1d1f), color-stop(100%, #2b333e));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #1d1d1f 0%, #2b333e 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #1d1d1f 0%, #2b333e 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #1d1d1f 0%, #2b333e 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d1d1f', endColorstr='#2b333e', GradientType='0'); /* for IE */
background: linear-gradient(0deg, #1d1d1f 0%, #2b333e 100%);/* W3C */
border:1px solid #505865; margin-right:10px; border-radius:2px; color: #84754e }

.dashbord-tabs li:hover, .dashbord-tabs li.active { background-image:none; border-color:#84754e; }

.dashbord-tabs li a { padding:6px 18px; display:block; color:#84754e; font-weight:bold; }

.dashbord-content .form-style { padding:5px 0; }

.dashbord-menu > ul { margin-right:-1px; }

.dashbord-menu > ul > li { border-top: 1px solid #414e5b; border-bottom: 1px solid #414e5b; border-right: 1px solid #414e5b; }

.dashbord-menu > ul > li:first-child { border-top:none; }

.dashbord-menu > ul > li > a {
  color: #fff;
  display: block;
  font-weight: bold;
  height: 100%;
  line-height: normal;
  padding: 9px 0 9px 40px;
  position: relative;
  text-transform: capitalize;
}

.dashbord-menu > ul > li:hover, .dashbord-menu > ul > li.active { border-right: 1px solid #484848; background: #252e38; }

.dashbord-menu .icon-16 span { position: absolute; left: 15px; top: 50%; margin: -8px 0 0 0; }

.content-box { border: 1px solid #414e5b; border-radius:3px 3px 0 0; }

.content-box .heading { border-top:1px solid #414e5b; border-bottom: 1px solid #1A1B1F; padding:10px 15px; border-radius:3px 3px 0 0; position:relative; }

.content-box .heading h2 { font-size:16px; font-weight:bold; color:#fff; }

.content-box .heading .right-side { position:absolute; right:5px; top:5px; padding:7px 10px; border-radius:3px; }

.content-box .heading .right-side a { font-weight:bold; }

.content-box .content { padding: 15px; background:#252e38; }

.account-info li{border-bottom: 1px solid #414e5b; padding:11px 5px; margin-bottom:0; font-size:11px;}

.account-info li .label{ width: 32%;
text-align: left;
display: block;
float: left;
color:#84754e; font-weight:bold;}

.account-info li .detail{width: 66%;
float: right; display:block;}

.account-info li:hover{ background:#414e5b;}

/*css for table-style
-----------------------------------------------------*/
.table-wrapper { padding:0!important; margin:-1px; }

.style-table { background: #757575; width:100%; color:#fff; word-wrap:break-word; }

.style-table label { color:#fff; }

.style-table a { text-decoration:underline; color:#fff; }

.style-table tbody tr:nth-of-type(odd) { background: #252e38; }

.style-table tbody tr:nth-of-type(even) { background:#252e38; }

.style-table tbody tr:hover { background: #414e5b; }

.style-table th { font-weight:bold; text-align:center; background:#252e38; padding:10px 10px; }

.style-table th, .style-table td { border:1px solid #414e5b; vertical-align:middle; }

.style-table td { padding:5px 10px; }

.search-table td { padding-right:10px; vertical-align:middle; }

.choose-plan { }

.choose-plan td { vertical-align:middle; text-align:left; padding-right:10px; }

.choose-plan .or { padding:0 10px; font-size:18px; }

/*css for pricing table
-------------------------------------------------*/
.pricing-table { }

.pricing-column:first-child .pricing-button { border-radius:0 0 0 10px; }

.pricing-column:last-child .pricing-button { border-radius:0 0 10px 0; }

.feature-package .pricing-button { border-radius:0 0 10px 10px; }

.pricing-slogan { margin-bottom:2px; }

.pricing-column { width:25%; margin:20px 0px 25px 0px; -webkit-box-shadow:0 0 20px rgba(0,0,0,.35); -moz-box-shadow:0 0 20px rgba(0,0,0,.35); box-shadow:0 0 20px rgba(0,0,0,.35); float:left; }

.pricing-title { color:#A0A0A0; background:#393939; text-shadow:0px 1px 1px #323232; text-align:center; padding:10px 0 12px; font-size:16px; font-weight:bold; }

.pricing-price { background-color:#4c4c4c; border-top:1px solid #505050; text-align:center; padding:6px 0; }

.pricing-price h1 { color:#fff; text-shadow:0px 1px 1px #323232; }

.pricing-price p { color:#A0A0A0; text-shadow:0px 1px 1px #323232; font-style:italic; line-height:18px; }

ul.pricing-feature { padding:0 10px; background-color:#fff; text-align:center; margin:0 auto; color:#000}

.pricing-feature li { font-size:11px; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px solid #e4e4e4; margin:0; padding:10px 8px; min-height: 45px}

.pricing-feature li:hover { background:#fafafa; }

.pricing-button { text-align:center; margin-top:-1px; background-color:#e4e4e4; border-top:1px solid #e4e4e4; padding:10px 0; }

.feature-package { position:relative; z-index:100; margin:0px 0px 25px 0px; margin:5px -1px 25px 0px \0/; }

.feature-package .pricing-button { padding:25px 0 28px; }

.feature-package .pricing-button a { margin-top:5px; }

.green-pr .pricing-price { background:#9ec032; border-top:1px solid #a2c536; }

.green-pr .pricing-title { background:#779710; }

.green-pr .pricing-title, .green-pr .pricing-price p { color:#fff; }

.hidden-div { display:none; }

.btn-show-div { display:block; cursor:pointer; }

table.inline-input { table-layout:fixed; }

table.inline-input td { vertical-align:middle; padding:5px 15px 5px 0; }

/*css for icons
----------------------------------*/
.icon-16{ padding-left:40px!important; position:relative;}

.icon-16:before { background:url(../images/icon-16-white.png) no-repeat; height:16px; width:16px; position:absolute; top:50%; margin-top:-8px; left:15px; content:''; }

.icon-16.delete:before { background-position:0 0px }

.icon-16.plus:before { background-position:0 -16px }

.icon-16.min:before { background-position:0 -32px }

.icon-16.bookmark:before { background-position:0 -48px }

.icon-16.refresh:before { background-position:0 -64px }

.icon-16.arrow-down:before { background-position:0 -80px }

.icon-16.arrow-up:before { background-position:0 -96px }

.icon-16.tags:before { background-position:0 -112px }

.icon-16.arrow-left:before { background-position:0 -128px }

.icon-16.arrow-right:before { background-position:0 -144px }

.icon-16.arrow-left-end:before { background-position:0 -160px }

.icon-16.arrow-right-end:before { background-position:0 -176px }

.icon-16.grid:before { background-position:0 -192px }

.icon-16.blocks:before { background-position:0 -208px }

.icon-16.columns:before { background-position:0 -224px }

.icon-16.rows:before { background-position:0 -240px }

.icon-16.imagelist:before { background-position:0 -256px }

.icon-16.imagelist2:before { background-position:0 -272px }

.icon-16.split:before { background-position:0 -288px }

.icon-16.combine:before { background-position:0 -304px }

.icon-16.expand:before { background-position:0 -320px }

.icon-16.seperator:before { background-position:0 -336px }

.icon-16.stop:before { background-position:0 -352px }

.icon-16.square:before { background-position:0 -368px }

.icon-16.table:before { background-position:0 -384px }

.icon-16.pencil:before { background-position:0 -400px }

.icon-16.folder:before { background-position:0 -416px }

.icon-16.warning:before { background-position:0 -432px }

.icon-16.trashcan:before { background-position:0 -448px }

.icon-16.document:before { background-position:0 -464px }

.icon-16.download:before { background-position:0 -480px }

.icon-16.home:before { background-position:0 -496px }

.icon-16.upload:before { background-position:0 -512px }

.icon-16.pause:before { background-position:0 -528px }

.icon-16.play:before { background-position:0 -544px }

.icon-16.print:before { background-position:0 -560px }

.icon-16.stats:before { background-position:0 -576px }

.icon-16.stats2:before { background-position:0 -592px }

.icon-16.comment:before { background-position:0 -608px }

.icon-16.mail:before { background-position:0 -624px }

.icon-16.monitor:before { background-position:0 -640px }

.icon-16.mobile:before { background-position:0 -656px }

.icon-16.info:before { background-position:0 -672px }

.icon-16.lock:before { background-position:0 -688px }

.icon-16.settings:before { background-position:0 -704px }

.icon-16.magnifyglass:before { background-position:0 -720px }

.icon-16.magnifyglass2:before { background-position:0 -736px }

.icon-16.frame:before { background-position:0 -752px }

.icon-16.layout:before { background-position:0 -768px }

.icon-16.layout2:before { background-position:0 -784px }

.icon-16.layout3:before { background-position:0 -800px }

.icon-16.calendar:before { background-position:0 -816px }

.icon-16.marker:before { background-position:0 -832px }

.icon-16.longarrow-up:before { background-position:0 -848px }

.icon-16.longarrow-right:before { background-position:0 -864px }

.icon-16.longarrow-down:before { background-position:0 -880px }

.icon-16.longarrow-left:before { background-position:0 -896px }

.icon-16.longarrow-upright:before { background-position:0 -912px }

.icon-16.longarrow-downright:before { background-position:0 -928px }

.icon-16.longarrow-downleft:before { background-position:0 -944px }

.icon-16.longarrow-upleft:before { background-position:0 -960px }

.icon-16.image:before { background-position:0 -976px }

.icon-16.postcard:before { background-position:0 -992px }

.icon-16.note:before { background-position:0 -1008px }

.icon-16.boxed-plus:before { background-position:0 -1024px }

.icon-16.boxed-min:before { background-position:0 -1040px }

.icon-16.clipboard:before { background-position:0 -1056px }

.icon-16.phone:before { background-position:0 -1072px }

.icon-16.notebook:before { background-position:0 -1088px }

.icon-16.inbox:before { background-position:0 -1104px }

.icon-16.boxed-delete:before { background-position:0 -1120px }

.icon-16.boxed-arrow-up:before { background-position:0 -1136px }

.icon-16.boxed-arrow-right:before { background-position:0 -1152px }

.icon-16.boxed-arrow-down:before { background-position:0 -1168px }

.icon-16.boxed-arrow-left:before { background-position:0 -1184px }

.icon-16.movie:before { background-position:0 -1200px }

.icon-16.map:before { background-position:0 -1216px }

.icon-16.arrow-up-down:before { background-position:0 -1232px }

.icon-16.rows2:before { background-position:0 -1248px }

.icon-16.rows3:before { background-position:0 -1264px }

.icon-16.ruler:before { background-position:0 -1280px }

.icon-16.vcard:before { background-position:0 -1296px }

.icon-16.add-up:before { background-position:0 -1312px }

.icon-16.add-right:before { background-position:0 -1328px }

.icon-16.add-down:before { background-position:0 -1344px }

.icon-16.add-left:before { background-position:0 -1360px }

.icon-16.document2:before { background-position:0 -1376px }

.icon-16.cells:before { background-position:0 -1392px }

.icon-16.graphics:before { background-position:0 -1408px }

.icon-16.graphics2:before { background-position:0 -1424px }

.icon-16.blocks2:before { background-position:0 -1440px }

.icon-16.controls:before { background-position:0 -1456px }

.icon-16.controls2:before { background-position:0 -1472px }

.icon-16.rows4:before { background-position:0 -1488px }

.icon-16.graph3:before { background-position:0 -1504px }

.icon-16.graphics4:before { background-position:0 -1520px }

.icon-16.arrow-up2:before { background-position:0 -1536px }

.icon-16.arrow-right2:before { background-position:0 -1552px }

.icon-16.arrow-down2:before { background-position:0 -1568px }

.icon-16.arrow-left2:before { background-position:0 -1584px }

.icon-16.terminal:before { background-position:0 -1600px }

.icon-16.terminal-run:before { background-position:0 -1616px }

.icon-16.document-tranparent:before { background-position:0 -1632px }

.icon-16.document-tranparent2:before { background-position:0 -1648px }

.icon-16.align-center:before { background-position:0 -1664px }

.icon-16.align-left:before { background-position:0 -1680px }

.icon-16.align-right:before { background-position:0 -1696px }

.icon-16.align-justify:before { background-position:0 -1712px }

.icon-16.save:before { background-position:0 -1728px }

.icon-16.battery-full:before { background-position:0 -1744px }

.icon-16.battery-empty:before { background-position:0 -1760px }

.icon-16.ipad:before { background-position:0 -1776px }

.icon-16.speaker:before { background-position:0 -1792px }

.icon-16.prev:before { background-position:0 -1808px }

.icon-16.next:before { background-position:0 -1824px }

.icon-16.calendar2:before { background-position:0 -1840px }

.icon-16.fullscreen:before { background-position:0 -1856px }

.icon-16.normalscreen:before { background-position:0 -1872px }

.icon-16.more:before { background-position:0 -1888px }

.icon-16.enter:before { background-position:0 -1904px }

.icon-16.caption-top:before { background-position:0 -1920px }

.icon-16.caption-right:before { background-position:0 -1936px }

.icon-16.caption-bottom:before { background-position:0 -1952px }

.icon-16.caption-left:before { background-position:0 -1968px }

.icon-16.code:before { background-position:0 -1984px }


.style-table a {
    color: #FFFFFF;
    text-decoration: none;
}

.dashbord-content-one {

    min-height: 300px;
    position: relative;
    width: 100%;
}

#myFilmTable tbody td,#availFilmTable tbody td, #currentfilmTable tbody td{ text-align: center;}