/*@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);*/
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

/*!
 * Bootstrap v1.4.0
 *
 * Copyright 2011 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 * Date: Sun Dec 25 20:18:31 PST 2011
 */
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html, body {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul {
    list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
}
html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
article,
aside,
content,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input {
    line-height: normal;
    *overflow: visible;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
/* Variables.less
 * Variables to customize the look and feel of Bootstrap
 * ----------------------------------------------------- */
/* Mixins.less
 * Snippets of reusable CSS to develop faster and keep code readable
 * ----------------------------------------------------------------- */
/*
 * Scaffolding
 * Basic and global styles for generating a grid system, structural layout, and page templates
 * ------------------------------------------------------------------------------------------- */

body {
    background-color: #9D9E9F;
    margin: 0;
    /*-- BHE: 20140901 throw this font away until v3.0 is launched --*/
    /*font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;*/
    font-family: 'Droid Arabic Naskh', Tahoma, Verdana, serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}
.container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}
.container:before, .container:after {
    display: table;
    content: "";
    zoom: 1;
}
.container:after {
    clear: both;
}
a {
    color: #2BA3D3;
    text-decoration: none;
    line-height: inherit;
    font-weight: inherit;
}
a:hover {
    text-decoration: underline;
}
a:visited {
    color: #3E9097;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.row {
    zoom: 1;
    margin-left: -20px;
}
.row:before, .row:after {
    display: table;
    content: "";
    zoom: 1;
}
.row:after {
    clear: both;
}
.row > [class*="span"] {
    display: inline;
    float: right;
    margin-right: 20px;
}
.span1 {
    width: 40px;
}
.span1more {
    width: 70px;
}
.span2 {
    width: 100px;
}
.span2more {
    width: 140px;
}
.span3 {
    width: 160px;
}
.span3more {
    width: 200px;
}
.span4 {
    width: 220px;
}
.span4more {
    width: 250px;
}
.span5 {
    width: 280px;
}
.span6 {
    width: 340px;
}
.span7 {
    width: 400px;
}
.span7more {
    width: 440px;
}
.span8 {
    width: 460px;
}
.span9 {
    width: 520px;
}
.span10 {
    width: 580px;
}
.span11 {
    width: 640px;
}
.span12 {
    width: 700px;
}
.span13 {
    width: 760px;
}
.span14 {
    width: 820px;
}
.span15 {
    width: 880px;
}
.span16 {
    width: 940px;
}
.span17 {
    width: 1000px;
}
.span18 {
    width: 1060px;
}
.span19 {
    width: 1120px;
}
.span20 {
    width: 1180px;
}
.span21 {
    width: 1240px;
}
.span22 {
    width: 1300px;
}
.span23 {
    width: 1360px;
}
.span24 {
    width: 1420px;
}
.row > .offset1 {
    margin-left: 80px;
}
.row > .offset2 {
    margin-left: 140px;
}
.row > .offset3 {
    margin-left: 200px;
}
.row > .offset4 {
    margin-left: 260px;
}
.row > .offset5 {
    margin-left: 320px;
}
.row > .offset6 {
    margin-left: 380px;
}
.row > .offset7 {
    margin-left: 440px;
}
.row > .offset8 {
    margin-left: 500px;
}
.row > .offset9 {
    margin-left: 560px;
}
.row > .offset10 {
    margin-left: 620px;
}
.row > .offset11 {
    margin-left: 680px;
}
.row > .offset12 {
    margin-left: 740px;
}
.span-one-third {
    width: 300px;
}
.span-two-thirds {
    width: 620px;
}
.row > .offset-one-third {
    margin-left: 340px;
}
.row > .offset-two-thirds {
    margin-left: 660px;
}
/* Typography.less
 * Headings, body text, lists, code, and more for a versatile and durable typography system
 * ---------------------------------------------------------------------------------------- */
p {
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 9px;
    text-align: justify;
}
p small {
    font-size: 11px;
    color: #bfbfbf;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    /*  font-weight: bold;*/
    color: #333333;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #bfbfbf;
}
h1 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
}
h1 small {
    font-size: 18px;
}
h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
h2 small {
    font-size: 14px;
}
h3,
h4,
h5,
h6 {
    line-height: 24px;
}
h3 {
    font-size: 14px;
    margin-bottom: 10px;
}
h3 small {
    font-size: 14px;
}
h4 {
    font-size: 12px;
    margin-bottom: 10px;
}
h4 small {
    font-size: 12px;
}
h5 {
    font-size: 12px;
    color: #777;
}
h5 small {
    font-size: 10px;
}
h6 {
    font-size: 12px;
    color: #bfbfbf;
}
ul, ol {
    margin: 0 25px 18px 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li {
    line-height: 24px;
}
ul.unstyled {
    list-style: none;
    margin-right: 0;
}
dl {
    margin-bottom: 18px;
}
dl dt, dl dd {
    line-height: 24px;
}
dl dt {
    font-weight: bold;
}
dl dd {
    margin-left: 9px;
}
hr {
    margin: 7px 0 10px;
    border: 0;
    border-bottom: 1px solid #ddd;
}
strong {
    font-style: inherit;
    font-weight: bold;
}
em {
    font-style: italic;
    font-weight: inherit;
    line-height: inherit;
}
.hint{
    color:#777777;
}
.muted {
    color: #bfbfbf;
}
blockquote {
    margin-bottom: 18px;
    border-left: 5px solid #eee;
    padding-left: 15px;
}
blockquote p {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 0;
}
blockquote small {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #bfbfbf;
}
blockquote small:before {
    content: '\2014 \00A0';
}
address {
    display: block;
    line-height: 18px;
    margin-bottom: 18px;
}
code, pre {
    padding: 0 3px 2px;
    font-family: Monaco, Andale Mono, Courier New, monospace;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
code {
    background-color: #fee9cc;
    color: rgba(0, 0, 0, 0.75);
    padding: 1px 3px;
}
pre {
    background-color: #f5f5f5;
    display: block;
    padding: 8.5px;
    margin: 0 0 18px;
    line-height: 18px;
    font-size: 12px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/* Forms.less
 * Base styles for various input types, form layouts, and states
 * ------------------------------------------------------------- */
form {
    margin-bottom: 18px;
}
fieldset {
    margin-bottom: 18px;
    padding-top: 18px;
}
fieldset legend {
    display: block;
    padding-right: 150px;
    font-size: 19.5px;
    line-height: 1;
    color: #333333;
    *padding: 0 0 5px 145px;
    /* IE6-7 */

    *line-height: 1.5;
    /* IE6-7 */

}
form .clearfix {
    margin-bottom: 18px;
    zoom: 1;
}
form .clearfix:before, form .clearfix:after {
    display: table;
    content: "";
    zoom: 1;
}
form .clearfix:after {
    clear: both;
}
label,
input,
select,
textarea {
    /*font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;*/
    font-family: 'Droid Arabic Naskh', Tahoma, Verdana, serif;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
}
label {
    padding-top: 6px;
    font-size: 13px;
    line-height: 18px;
    float: right;
    width: 130px;
    text-align: right;
    color: #333333;
}
form .input {
    margin-left: 150px;
}
input[type=checkbox], input[type=radio] {
    cursor: pointer;
}
input,
textarea,
select,
.uneditable-input {
    display: inline-block;
    width: 210px;
    height: 18px;
    padding: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #808080;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
}
select {
    padding: initial;
}
input[type=checkbox], input[type=radio] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    *margin-top: 0;
    /* IE6-7 */

    line-height: normal;
    border: none;
}
input[type=file] {
    background-color: #ffffff;
    padding: initial;
    border: initial;
    line-height: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    direction: ltr;
}
input[type=button], input[type=reset], input[type=submit] {
    width: auto;
    height: auto;
}
select, input[type=file] {
    height: 27px;
    *height: auto;
    line-height: 27px;
    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */

}
select[multiple] {
    height: inherit;
    background-color: #ffffff;
}
textarea {
    height: auto;
}
.uneditable-input {
    background-color: #ffffff;
    display: block;
    border-color: #eee;
    -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);
    cursor: not-allowed;
}
:-moz-placeholder {
    color: #bfbfbf;
}
::-webkit-input-placeholder {
    color: #bfbfbf;
}
input, textarea {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
    outline: 0;
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 1px dotted #666;
}
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
    color: #b94a48;
}
form .clearfix.error input, form .clearfix.error textarea {
    color: #b94a48;
    border-color: #ee5f5b;
}
form .clearfix.error input:focus, form .clearfix.error textarea: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 .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
    color: #b94a48;
    background-color: #fce6e6;
    border-color: #b94a48;
}
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
    color: #c09853;
}
form .clearfix.warning input, form .clearfix.warning textarea {
    color: #c09853;
    border-color: #ccae64;
}
form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
    border-color: #be9a3f;
    -webkit-box-shadow: 0 0 6px #e5d6b1;
    -moz-box-shadow: 0 0 6px #e5d6b1;
    box-shadow: 0 0 6px #e5d6b1;
}
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
    color: #c09853;
    background-color: #d2b877;
    border-color: #c09853;
}
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
    color: #468847;
}
form .clearfix.success input, form .clearfix.success textarea {
    color: #468847;
    border-color: #57a957;
}
form .clearfix.success input:focus, form .clearfix.success textarea:focus {
    border-color: #458845;
    -webkit-box-shadow: 0 0 6px #9acc9a;
    -moz-box-shadow: 0 0 6px #9acc9a;
    box-shadow: 0 0 6px #9acc9a;
}
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
    color: #468847;
    background-color: #bcddbc;
    border-color: #468847;
}
.input-mini,
input.mini,
textarea.mini,
select.mini {
    width: 60px;
}
.input-small,
input.small,
textarea.small,
select.small {
    width: 90px;
}
.input-medium,
input.medium,
textarea.medium,
select.medium {
    width: 150px;
}
.input-large,
input.large,
textarea.large,
select.large {
    /*width: 210px;*/
    font-size: 125%;
    text-align: center;
}
.input-xlarge,
input.xlarge,
textarea.xlarge,
select.xlarge {
    /*width: 270px;*/
    font-size: 150%;
}
.input-xxlarge,
input.xxlarge,
textarea.xxlarge,
select.xxlarge {
    width: 530px;
}
textarea.xxlarge {
    overflow-y: auto;
}
input.span1, textarea.span1 {
    display: inline-block;
    float: none;
    width: 30px;
    margin-left: 0;
}
input.span2, textarea.span2 {
    display: inline-block;
    float: none;
    width: 90px;
    margin-left: 0;
}
input.span3, textarea.span3 {
    display: inline-block;
    float: none;
    width: 150px;
    margin-left: 0;
}
input.span4, textarea.span4 {
    display: inline-block;
    float: none;
    width: 210px;
    margin-left: 0;
}
input.span5, textarea.span5 {
    display: inline-block;
    float: none;
    width: 270px;
    margin-left: 0;
}
input.span6, textarea.span6 {
    display: inline-block;
    float: none;
    width: 330px;
    margin-left: 0;
}
input.span7, textarea.span7 {
    display: inline-block;
    float: none;
    width: 390px;
    margin-left: 0;
}
input.span8, textarea.span8 {
    display: inline-block;
    float: none;
    width: 450px;
    margin-left: 0;
}
input.span9, textarea.span9 {
    display: inline-block;
    float: none;
    width: 510px;
    margin-left: 0;
}
input.span10, textarea.span10 {
    display: inline-block;
    float: none;
    width: 570px;
    margin-left: 0;
}
input.span11, textarea.span11 {
    display: inline-block;
    float: none;
    width: 630px;
    margin-left: 0;
}
input.span12, textarea.span12 {
    display: inline-block;
    float: none;
    width: 690px;
    margin-left: 0;
}
input.span13, textarea.span13 {
    display: inline-block;
    float: none;
    width: 750px;
    margin-left: 0;
}
input.span14, textarea.span14 {
    display: inline-block;
    float: none;
    width: 810px;
    margin-left: 0;
}
input.span15, textarea.span15 {
    display: inline-block;
    float: none;
    width: 870px;
    margin-left: 0;
}
input.span16, textarea.span16 {
    display: inline-block;
    float: none;
    width: 930px;
    margin-left: 0;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: not-allowed;
}
.actions {
    background: #f5f5f5;
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 17px 20px 18px 150px;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.actions .secondary-action {
    float: right;
}
.actions .secondary-action a {
    line-height: 30px;
}
.actions .secondary-action a:hover {
    text-decoration: underline;
}
.help-inline, .help-block {
    font-size: 13px;
    line-height: 18px;
    color: #bfbfbf;
}
.help-inline {
    padding-left: 5px;
    *position: relative;
    /* IE6-7 */

    *top: -5px;
    /* IE6-7 */

}
.help-block {
    display: block;
    max-width: 600px;
}
.inline-inputs {
    color: #808080;
}
.inline-inputs span {
    padding: 0 2px 0 1px;
}
.input-prepend input, .input-append input {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.input-prepend .add-on, .input-append .add-on {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #ccc;
    z-index: 2;
    float: right;
    display: block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 4px 4px 5px;
    margin-right: -1px;
    font-weight: normal;
    line-height: 18px;
    color: #bfbfbf;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.input-prepend .active, .input-append .active {
    background: #a9dba9;
    border-color: #46a546;
}
.input-prepend .add-on {
    *margin-top: 1px;
    /* IE6-7 */

}
.input-prepend a.btn, .input-append a.btn {
    float: left;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.input-append .add-on {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    margin-right: 0;
    margin-left: -1px;
}
.inputs-list {
    margin: 0 0 5px;
    width: 100%;
}
.inputs-list li {
    display: block;
    padding: 0;
    width: 100%;
}
.inputs-list label {
    display: block;
    float: none;
    width: auto;
    padding: 0;
    margin-right: 20px;
    line-height: 18px;
    text-align: right;
    white-space: normal;
}
.inputs-list label strong {
    color: #808080;
}
.inputs-list label small {
    font-size: 11px;
    font-weight: normal;
}
.inputs-list .inputs-list {
    margin-right: 25px;
    margin-bottom: 10px;
    padding-top: 0;
}
.inputs-list:first-child {
    padding-top: 6px;
}
.inputs-list li + li {
    padding-top: 2px;
}
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {
    margin-bottom: 0;
    margin-right: -20px;
    float: left;
}
.form-stacked {
    padding-left: 20px;
}
.form-stacked fieldset {
    padding-top: 9px;
}
.form-stacked legend {
    padding-left: 0;
}
.form-stacked label {
    display: block;
    float: none;
    width: auto;
    text-align: right;
    line-height: 20px;
    padding-top: 0;
}
.form-stacked .clearfix {
    margin-bottom: 9px;
}
.form-stacked .clearfix div.input {
    margin-right: 0;
}
.form-stacked .inputs-list {
    margin-bottom: 0;
}
.form-stacked .inputs-list li {
    padding-top: 0;
}
.form-stacked .inputs-list li label {
    font-weight: normal;
    padding-top: 0;
}
.form-stacked div.clearfix.error {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-top: 0;
    margin-right: -10px;
}
.form-stacked .actions {
    margin-right: -20px;
    padding-right: 20px;
}
/*
 * Tables.less
 * Tables for, you guessed it, tabular data
 * ---------------------------------------- */
table {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    font-size: 12px;
    border-collapse: collapse;
}
table th, table td {
    padding: 5px 5px 4px;
    line-height: 18px;
    text-align: right;
}
table th {
    padding-top: 9px;
    font-weight: bold;
    vertical-align: middle;
}
table td {
    vertical-align: top;
    border-top: 1px solid #ddd;
}
table tbody th {
    border-top: 1px solid #ddd;
    vertical-align: top;
}
.condensed-table th, .condensed-table td {
    padding: 5px 5px 4px;
}
.bordered-table {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    /* IE7, collapse table to remove spacing */

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
    border-right: 1px solid #ddd;
}
.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}
.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}
.bordered-table tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}
.bordered-table tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}
/*table .span1 {
  width: 20px;
}
table .span2 {
  width: 60px;
}
table .span3 {
  width: 100px;
}
table .span4 {
  width: 140px;
}
table .span5 {
  width: 180px;
}
table .span6 {
  width: 220px;
}
table .span7 {
  width: 260px;
}
table .span8 {
  width: 300px;
}
table .span9 {
  width: 340px;
}
table .span10 {
  width: 380px;
}
table .span11 {
  width: 420px;
}
table .span12 {
  width: 460px;
}
table .span13 {
  width: 500px;
}
table .span14 {
  width: 540px;
}
table .span15 {
  width: 580px;
}
table .span16 {
  width: 620px;
}*/
.zebra-striped tbody tr:nth-child(even) td, .zebra-striped tbody tr:nth-child(even) th {
    background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
    background-color: #f5f5f5;
}
table .header {
    cursor: pointer;
}
table .header:after {
    content: "";
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #000 transparent;
    visibility: hidden;
}
table .headerSortUp, table .headerSortDown {
    background-color: rgba(141, 192, 219, 0.25);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table .header:hover:after {
    visibility: visible;
}
table .headerSortDown:after, table .headerSortDown:hover:after {
    visibility: visible;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
table .headerSortUp:after {
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    visibility: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
table .blue {
    color: #049cdb;
    border-bottom-color: #049cdb;
}
table .headerSortUp.blue, table .headerSortDown.blue {
    background-color: #ade6fe;
}
table .green {
    color: #46a546;
    border-bottom-color: #46a546;
}
table .headerSortUp.green, table .headerSortDown.green {
    background-color: #cdeacd;
}
table .red {
    color: #9d261d;
    border-bottom-color: #9d261d;
}
table .headerSortUp.red, table .headerSortDown.red {
    background-color: #f4c8c5;
}
table .yellow {
    color: #ffc40d;
    border-bottom-color: #ffc40d;
}
table .headerSortUp.yellow, table .headerSortDown.yellow {
    background-color: #fff6d9;
}
table .orange {
    color: #f89406;
    border-bottom-color: #f89406;
}
table .headerSortUp.orange, table .headerSortDown.orange {
    background-color: #fee9cc;
}
table .purple {
    color: #7a43b6;
    border-bottom-color: #7a43b6;
}
table .headerSortUp.purple, table .headerSortDown.purple {
    background-color: #e2d5f0;
}
/* Patterns.less
 * Repeatable UI elements outside the base styles provided from the scaffolding
 * ---------------------------------------------------------------------------- */
.topbar {
    /*  height: 60px;*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    overflow: visible;
}
.topbar a {
    color: #bfbfbf;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
    background-color: #333;
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    text-decoration: none;
}
.topbar h3 {
    position: relative;
}
.topbar h3 a, .topbar .brand {
    float: left;
    display: block;
    padding: 8px 20px 12px;
    margin-right: -20px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
}
.topbar p {
    margin: 0;
    line-height: 40px;
}
.topbar p a:hover {
    background-color: transparent;
    color: #ffffff;
}
.topbar input {
    background-color: #444;
    background-color: rgba(255, 255, 255, 0.3);
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: normal;
    font-weight: 13px;
    line-height: 1;
    padding: 4px 9px;
    color: #ffffff;
    color: rgba(255, 255, 255, 0.75);
    border: 1px solid #111;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.topbar input:-moz-placeholder {
    color: #e6e6e6;
}
.topbar input::-webkit-input-placeholder {
    color: #e6e6e6;
}
.topbar input:hover {
    background-color: #bfbfbf;
    background-color: rgba(255, 255, 255, 0.5);
    color: #ffffff;
}
.topbar input:focus, .topbar input.focused {
    outline: 0;
    background-color: #ffffff;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
    border: 0;
    padding: 5px 10px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.topbar-inner, .topbar .fill {
    background-color: #222;
    /*background-color: #3a464a;*/
    /*background: black;*/
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#3a464a));
    background-image: -moz-linear-gradient(top, #333333, #3a464a);
    background-image: -ms-linear-gradient(top, #333333, #3a464a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #3a464a));
    background-image: -webkit-linear-gradient(top, #333333, #3a464a);
    background-image: -o-linear-gradient(top, #333333, #3a464a);
    background-image: linear-gradient(top, #333333, #3a464a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#3a464a', GradientType=0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.topbar div > ul, .nav {
    display: block;
    float: right;
    margin: 0;
    position: relative;
    left: 0;
}
.topbar div > ul > li, .nav > li {
    display: block;
    float: right;
}
.topbar div > ul a:hover{
    color: #ffffff;
    text-decoration: none;
}
.topbar div > ul .active > a, .nav .active > a {
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.5);
}
.topbar div > ul.secondary-nav, .nav.secondary-nav {
    float: right;
    margin-right: 10px;
    margin-left: 0;
}
.topbar div > ul.secondary-nav .menu-dropdown,
.nav.secondary-nav .menu-dropdown,
.topbar div > ul.secondary-nav .dropdown-menu,
.nav.secondary-nav .dropdown-menu {
    right: 0;
    border: 0;
}
.topbar div > ul a.menu:hover,
.nav a.menu:hover,
.topbar div > ul li.open .menu,
.nav li.open .menu,
.topbar div > ul .dropdown-toggle:hover,
.nav .dropdown-toggle:hover,
.topbar div > ul .dropdown.open .dropdown-toggle,
.nav .dropdown.open .dropdown-toggle {
    background: #444;
    background: rgba(255, 255, 255, 0.05);
}
.topbar div > ul .menu-dropdown,
.nav .menu-dropdown,
.topbar div > ul .dropdown-menu,
.nav .dropdown-menu {
    background-color: #333;
}
.topbar div > ul .menu-dropdown a.menu,
.nav .menu-dropdown a.menu,
.topbar div > ul .dropdown-menu a.menu,
.nav .dropdown-menu a.menu,
.topbar div > ul .menu-dropdown .dropdown-toggle,
.nav .menu-dropdown .dropdown-toggle,
.topbar div > ul .dropdown-menu .dropdown-toggle,
.nav .dropdown-menu .dropdown-toggle {
    color: #ffffff;
}
.topbar div > ul .menu-dropdown a.menu.open,
.nav .menu-dropdown a.menu.open,
.topbar div > ul .dropdown-menu a.menu.open,
.nav .dropdown-menu a.menu.open,
.topbar div > ul .menu-dropdown .dropdown-toggle.open,
.nav .menu-dropdown .dropdown-toggle.open,
.topbar div > ul .dropdown-menu .dropdown-toggle.open,
.nav .dropdown-menu .dropdown-toggle.open {
    background: #444;
    background: rgba(255, 255, 255, 0.05);
}
.topbar div > ul .menu-dropdown li a,
.nav .menu-dropdown li a,
.topbar div > ul .dropdown-menu li a,
.nav .dropdown-menu li a {
    color: #999;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.topbar div > ul .menu-dropdown li a:hover,
.nav .menu-dropdown li a:hover,
.topbar div > ul .dropdown-menu li a:hover,
.nav .dropdown-menu li a:hover {
    background-color: #191919;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
    background-image: -moz-linear-gradient(top, #292929, #191919);
    background-image: -ms-linear-gradient(top, #292929, #191919);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
    background-image: -webkit-linear-gradient(top, #292929, #191919);
    background-image: -o-linear-gradient(top, #292929, #191919);
    background-image: linear-gradient(top, #292929, #191919);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
    color: #ffffff;
}
.topbar div > ul .menu-dropdown .active a,
.nav .menu-dropdown .active a,
.topbar div > ul .dropdown-menu .active a,
.nav .dropdown-menu .active a {
    color: #ffffff;
}
.topbar div > ul .menu-dropdown .divider,
.nav .menu-dropdown .divider,
.topbar div > ul .dropdown-menu .divider,
.nav .dropdown-menu .divider {
    background-color: #222;
    border-color: #444;
}
.topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {
    padding: 4px 15px;
}
.topbar div > div.social{
    margin-top: 2px;
}
.topbar div > div.social div.top_facebook{
    float: right;
    width: 350px;
    height:30px;
    overflow:hidden
}
.topbar div > div.social div.top_twitter{
    float: right;
    width: 235px;
    height: 30px;
}
.topbar div > div.social div.top_buttons{
    float: left;
    width: 150px;
    margin-top: 2px;
}
.topbar div > div.social div.top_buttons h3{
    color: #FFFFFF;
}
li.menu, .dropdown {
    position: relative;
}
a.menu:after, .dropdown-toggle:after {
    width: 0;
    height: 0;
    display: inline-block;
    content: "↓";
    text-indent: -99999px;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ffffff;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.menu-dropdown, .dropdown-menu {
    background-color: #ffffff;
    float: left;
    display: none;
    position: absolute;
    top: 40px;
    z-index: 900;
    min-width: 160px;
    max-width: 220px;
    _width: 160px;
    margin-left: 0;
    margin-right: 0;
    padding: 6px 0;
    zoom: 1;
    border-color: #999;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 0 1px 1px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.menu-dropdown li, .dropdown-menu li {
    float: none;
    display: block;
    background-color: none;
}
.menu-dropdown .divider, .dropdown-menu .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #eee;
    border-bottom: 1px solid #ffffff;
}
.topbar .dropdown-menu a, .dropdown-menu a {
    display: block;
    padding: 4px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #808080;
    text-shadow: 0 1px 0 #ffffff;
}
.topbar .dropdown-menu a:hover,
.dropdown-menu a:hover,
.topbar .dropdown-menu a.hover,
.dropdown-menu a.hover {
    background-color: #dddddd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(top, #eeeeee, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
    color: #333333;
    text-decoration: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
}
.open .menu,
.dropdown.open .menu,
.open .dropdown-toggle,
.dropdown.open .dropdown-toggle {
    color: #ffffff;
    background: #ccc;
    background: rgba(0, 0, 0, 0.3);
}
.open .menu-dropdown,
.dropdown.open .menu-dropdown,
.open .dropdown-menu,
.dropdown.open .dropdown-menu {
    display: block;
}
.tabs, .pills {
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
    zoom: 1;
}
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
    display: table;
    content: "";
    zoom: 1;
}
.tabs:after, .pills:after {
    clear: both;
}
.tabs > li, .pills > li {
    float: right;
}
.tabs > li > a, .pills > li > a {
    display: block;
}
.tabs {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px;
}
.tabs > li {
    position: relative;
    margin-bottom: -1px;
}
.tabs > li > a {
    padding: 0 15px;
    margin-left: 2px;
    line-height: 34px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.tabs > li > a:hover {
    text-decoration: none;
    background-color: #eee;
    border-color: #eee #eee #ddd;
}
.tabs .active > a, .tabs .active > a:hover {
    color: #808080;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
.tabs .menu-dropdown, .tabs .dropdown-menu {
    top: 35px;
    border-width: 1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.tabs a.menu:after, .tabs .dropdown-toggle:after {
    border-top-color: #999;
    margin-top: 15px;
    margin-left: 5px;
}
.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
    border-color: #999;
}
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
    border-top-color: #555;
}
.pills a {
    margin: 5px 0 5px 3px;
    padding: 0 15px;
    line-height: 30px;
    text-shadow: 0 1px 1px #ffffff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.pills a:hover {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    background-color: #00438a;
}
.pills .active a {
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    background-color: #0069d6;
}
.pills-vertical > li {
    float: none;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane,
.tab-content > div,
.pill-content > div {
    display: none;
}
.tab-content > .active, .pill-content > .active {
    display: block;
}
.breadcrumb {
    padding: 7px 0px;
    margin: 0;
}
.breadcrumb ul{
    margin: 0px;
}
.breadcrumb li {
    display: inline;
    text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb .divider {
    padding: 0 5px;
    color: #bfbfbf;
}
.breadcrumb .active a {
    color: #333333;
}
.hero-unit {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    padding: 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
}
.hero-unit p {
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
}
footer {
    background-color: #353D40;
    /*  background: url('/images/ramadan/footer.jpg') 0 0px no-repeat #353D40;
      padding-top: 113px;*//* Ramadan top decoration */
}
.page-header {
    margin-bottom: 17px;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.page-header h1 {
    margin-bottom: 8px;
}
.btn.danger,
.alert-message.danger,
.btn.danger:hover,
.alert-message.danger:hover,
.btn.error,
.alert-message.error,
.btn.error:hover,
.alert-message.error:hover,
.btn.success,
.alert-message.success,
.btn.success:hover,
.alert-message.success:hover,
.btn.info,
.alert-message.info,
.btn.info:hover,
.alert-message.info:hover {
    color: #ffffff;
}
.btn .close, .alert-message .close {
    font-family: Arial, sans-serif;
    line-height: 18px;
}
.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
    background-color: #C03818;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#DA5531), to(#C03818));
    background-image: -moz-linear-gradient(top, #DA5531, #C03818);
    background-image: -ms-linear-gradient(top, #DA5531, #C03818);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DA5531), color-stop(100%, #C03818));
    background-image: -webkit-linear-gradient(top, #DA5531, #C03818);
    background-image: -o-linear-gradient(top, #DA5531, #C03818);
    background-image: linear-gradient(top, #DA5531, #C03818);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5531', endColorstr='#C03818', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #C03818 #C03818 #BE3616;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success, .alert-message.success {
    background-color: #117825;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#24A33D), to(#117825));
    background-image: -moz-linear-gradient(top, #24A33D, #117825);
    background-image: -ms-linear-gradient(top, #24A33D, #117825);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #24A33D), color-stop(100%, #117825));
    background-image: -webkit-linear-gradient(top, #24A33D, #117825);
    background-image: -o-linear-gradient(top, #24A33D, #117825);
    background-image: linear-gradient(top, #24A33D, #117825);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24A33D', endColorstr='#117825', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #117825 #117825 #1B9232;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.info, .alert-message.info {
    background-color: #127AA7;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#15A3E0), to(#127AA7));
    background-image: -moz-linear-gradient(top, #15A3E0, #127AA7);
    background-image: -ms-linear-gradient(top, #15A3E0, #127AA7);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #15A3E0), color-stop(100%, #127AA7));
    background-image: -webkit-linear-gradient(top, #15A3E0, #127AA7);
    background-image: -o-linear-gradient(top, #15A3E0, #127AA7);
    background-image: linear-gradient(top, #15A3E0, #127AA7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15A3E0', endColorstr='#127AA7', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #127AA7 #127AA7 #198FC2;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    padding: 2px 14px 3px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 12px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -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);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}
.btn:hover {
    /*background-position: 0 -15px;*/
    filter: alpha(opacity=90);
    -khtml-opacity: 0.90;
    -moz-opacity: 0.90;
    opacity: 0.90;
    color: #333;
    text-decoration: none;
}
.btn:focus {
    outline: 1px dotted #666;
}
.btn.primary {
    color: #ffffff;
    background-color: #ADADAD;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#D9D7D4), to(#ADADAD));
    background-image: -moz-linear-gradient(top, #D9D7D4, #ADADAD);
    background-image: -ms-linear-gradient(top, #D9D7D4, #ADADAD);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9D7D4), color-stop(100%, #ADADAD));
    background-image: -webkit-linear-gradient(top, #D9D7D4, #ADADAD);
    background-image: -o-linear-gradient(top, #D9D7D4, #ADADAD);
    background-image: linear-gradient(top, #D9D7D4, #ADADAD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9D7D4', endColorstr='#ADADAD', GradientType=0);
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
    border-color: #ADADAD #ADADAD #B9B7B4;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.default {
    color: #ffffff;
    background-color: #F98B05;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#FBA405), to(#F98B05));
    background-image: -moz-linear-gradient(top, #FBA405, #F98B05);
    background-image: -ms-linear-gradient(top, #FBA405, #F98B05);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBA405), color-stop(100%, #F98B05));
    background-image: -webkit-linear-gradient(top, #FBA405, #F98B05);
    background-image: -o-linear-gradient(top, #FBA405, #F98B05);
    background-image: linear-gradient(top, #FBA405, #F98B05);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBA405', endColorstr='#F98B05', GradientType=0);
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
    border-color: #F98B05 #F98B05 #FF8C38;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.active, .btn:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn[disabled] {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn.large {
    font-size: 15px;
    line-height: normal;
    padding: 5px 14px 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.btn.small {
    padding: 2px 6px 2px;
    font-size: 10px;
}
:root .alert-message, :root .btn {
    border-radius: 0 \0;
}
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.close {
    float: left;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=25);
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 0.25;
}
.close:hover {
    color: #000000;
    text-decoration: none;
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
}
.alert-message {
    position: relative;
    padding: 7px 15px;
    margin-bottom: 18px;
    color: #333333;
    background-color: #eedc94;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
    background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
    background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
    background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
    background-image: -o-linear-gradient(top, #fceec1, #eedc94);
    background-image: linear-gradient(top, #fceec1, #eedc94);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #eedc94 #eedc94 #e4c652;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message .close {
    margin-top: 1px;
    *margin-top: 0;
}
.alert-message a {
    font-weight: bold;
    color: #fff;
}
.alert-message.danger p a,
.alert-message.error p a,
.alert-message.success p a,
.alert-message.info p a {
    color: #ffffff;
}
.alert-message h5 {
    line-height: 18px;
}
.alert-message p {
    margin-bottom: 0;
}
.alert-message div {
    margin-top: 5px;
    margin-bottom: 2px;
    line-height: 28px;
}
.alert-message .btn {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message.block-message {
    background-image: none;
    background-color: #fdf5d9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    padding: 14px;
    border-color: #fceec1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.alert-message.block-message ul, .alert-message.block-message p {
    margin-left: 30px;
}
.alert-message.block-message ul {
    margin-bottom: 0;
}
.alert-message.block-message li {
    color: #333333;
}
.alert-message.block-message .alert-actions {
    margin-top: 5px;
}
.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
    color: #333333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-message.block-message.error {
    background-color: #fddfde;
    border-color: #fbc7c6;
}
.alert-message.block-message.success {
    background-color: #d1eed1;
    border-color: #bfe7bf;
}
.alert-message.block-message.info {
    background-color: #ddf4fb;
    border-color: #c6edf9;
}
.alert-message.block-message.danger p a,
.alert-message.block-message.error p a,
.alert-message.block-message.success p a,
.alert-message.block-message.info p a {
    color: #333333;
}
.pagination {
    height: 36px;
}
.pagination ul {
    float: right;
    margin: 0;
}
.pagination li {
    display: inline-block;
    background-color: #E2E2E2;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 1px;
    /* IE6-7 */
    text-decoration: none;
}
.pagination ul li > span {
    display: inline-block;
    padding: 0 10px;
    line-height: 26px;
    background-color: #F3F3F3;
    color: #B3B3B3;
    /* IE6-7 */
    text-decoration: none;
}
.pagination .active > span {
    padding: 0 10px;
    line-height: 26px;
    background-color: #27A9E1;
    color: #FFFFFF;
}

.pagination a {
    display: inline-block;
    padding: 0 10px;
    line-height: 26px;
    background-color: #E2E2E2;
    /* IE6-7 */
    text-decoration: none;
}

.pagination .active{
    background-color: #27A9E1;
    border: 1px solid #228EBB;
    color: #FFFFFF;
}
.pagination .active a {
    background-color: #27A9E1;
    color: #FFFFFF;
}
.pagination .active a:hover{
    background-color: #27A9E1;
}
.pagination a:hover{
    background-color: #CCCBCB;
}
.pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #bfbfbf;
}
.pagination .next a {
    /*  border: 0;*/
}
.well {
    background-color: #f5f5f5;
    margin-bottom: 20px;
    padding: 19px;
    min-height: 20px;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}
.modal-backdrop {
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 11000;
    max-height: 500px;
    overflow: auto;
    width: 560px;
    margin: -250px 0 0 -340px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    /* IE6-7 */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.modal .close {
    margin-top: 7px;
}
.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -ms-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}
.modal.fade.in {
    top: 50%;
}
.modal-header {
    border-bottom: 1px solid #eee;
    padding: 5px 15px;
}
.modal-body {
    padding: 15px;
}
.modal-body form {
    margin-bottom: 0;
}
.modal-footer {
    background-color: #f5f5f5;
    padding: 14px 15px 15px;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    zoom: 1;
    margin-bottom: 0;
}
.modal-footer:before, .modal-footer:after {
    display: table;
    content: "";
    zoom: 1;
}
.modal-footer:after {
    clear: both;
}
.modal-footer .btn {
    float: right;
    margin-left: 5px;
}
.modal .popover, .modal .twipsy {
    z-index: 12000;
}
.twipsy {
    display: block;
    position: absolute;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    z-index: 1000;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.twipsy.fade.in {
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.twipsy.above .twipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
}
.twipsy.left .twipsy-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
}
.twipsy.below .twipsy-arrow {
    top: 0;
    left: 50%;
    margin-right: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
}
.twipsy.right .twipsy-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000000;
}
.twipsy-inner {
    padding: 3px 8px;
    background-color: #000000;
    color: white;
    text-align: center;
    max-width: 200px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.twipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 5px;
    display: none;
}
.popover.above .arrow {
    bottom: 0;
    right: 50%;
    margin-right: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
}
.popover.right .arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000000;
}
.popover.below .arrow {
    top: 0;
    right: 50%;
    margin-right: -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #000000;
}
.popover.left .arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
}
.popover .arrow {
    position: absolute;
    width: 0;
    height: 0;
}
.popover .inner {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    padding: 3px;
    overflow: hidden;
    width: 280px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .title {
    background-color: #f5f5f5;
    padding: 9px 15px;
    line-height: 1;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #eee;
}
.popover .content {
    background-color: #ffffff;
    padding: 14px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.popover .content p, .popover .content ul, .popover .content ol {
    margin-bottom: 0;
}
.fade {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
}
.fade.in {
    opacity: 1;
}
.label {
    padding: 1px 4px 2px;
    font-size: 12px;
    /*  font-weight: bold;*/
    color: #ffffff;
    /*  text-transform: uppercase;*/
    white-space: nowrap;
    background-color: #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
}
.label.important {
    background-color: #c43c35;
}
.label.warning {
    background-color: #f89406;
}
.label.success {
    background-color: #46a546;
}
.label.notice {
    background-color: #62cffc;
}
.media-grid {
    margin-bottom: 0;
    zoom: 1;
}
.media-grid:before, .media-grid:after {
    display: table;
    content: "";
    zoom: 1;
}
.media-grid:after {
    clear: both;
}
.media-grid li {
    display: inline;
}
.media-grid a {
    float: right;
    padding: 4px;
    margin: 0 10px 10px 0;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.media-grid a img {
    display: block;
}
.media-grid > img {
    margin: 0 20px 18px 0;
    border: 1px solid #d9d9d9;
}
.media-grid a:hover {
    border-color: #D6F3FF;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
/* Photo */
/* ---------------------------------------------------------------------------------------- */
.media-photo{
    float: right;
    margin-bottom: 10px;
}
.media-photo-bottom{
    float: right;
    margin-right: 10px;
}
.media-photo-bottom:last-child{
    /*    margin-left: 0;*/
}
.media-photo > a, .media-photo-bottom > a{
    float: right;
    position: relative;
    padding: 4px;
    margin-left: 10px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #FFF;
}
.media-photo > a:hover, .media-photo-bottom > a:hover{
    border-color: #D6F3FF; /*#2BA3D3; */
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.media-photo > a img, .media-photo-bottom > a img{
    display: block;
}
.media-photo > ul, .media-photo-bottom > ul{
    float: right;
    list-style: none;
    margin: 0;
}

.media-span2{
    width: 110px;
}
.media-span2more{
    width: 121px;
    /*border: 1px solid red;*/
}
.media-span3{
    width: 192px;
}
.media-span4{
    width: 219px;
}

/*.row > [class*="span3"]:first-child */
/* Video */
/* ---------------------------------------------------------------------------------------- */
.media-video{
    float: right;
    margin-bottom: 10px;
    margin-left: 6px;
}
.media-video ul{
    float: right;
    list-style: none;
    margin: 0;
}
.media-video ul li{
    color: #777;
}
.media-video > a , .media-video-bottom > a {
    float: right;
    position: relative;
    padding: 0px;
    margin: 0;
    margin-left: 10px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.media-video > a:hover , .media-video-bottom > a:hover {
    border-color: #D6F3FF; /*#2BA3D3; */
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.media-video > a img, .media-video-bottom > a img{
    width: 120px;
    display: block;
}
.media-video a.caption , .media-video-bottom a.caption {
    float: right;
    padding: 0px;
    border: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
}

.media-video a .info, .media-video-bottom a .info{
    width:120px;
    height:20px;
    position: absolute;
    bottom: 0px;
    background-color: #777;
    visibility: visible;
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.media-video a:hover .info, .media-video-bottom a:hover .info{
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.media-video a .info .duration, .media-video-bottom a .info .duration{
    color: #FFF;
    float: right;
    margin-top: -3px;
    margin-right: 5px;
}
h3.boxoffice-head{height: 120px;background: url('/images/boxoffice/blue-star-ar.png') 110px 0 no-repeat;}
.media-video a .info .play, .media-video-bottom a .info .play{
    float: left;
    width:17px;
    height:16px;
    background: url('/images/sprites/general.png') 0 -30px no-repeat;
    margin-top: 2px;
    margin-left: 5px;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.media-video-bottom{
    float: right;
}
.media-video-bottom > a{
    margin-right: 10px;
}
/* elCinema
 * Anything related to our CSS
 * ---------------------------------------------------------------------------------------- */
.container-margin{
    margin-top: 34px;
}
body.takeover {
    background-position: 50% 34px;
}
div.page-content{
    background-color: #FFFFFF;
    padding: 0 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    /*    background: url('/images/ramadan/top.jpg') 0 0px no-repeat #FFFFFF;
        padding-top: 56px;*//* Ramadan top decoration */
}
.header-ad{
    height:90px;
    padding:10px 116px;
    /*background-color:#2fa9d8;*/
    /*display: none;*/
}
.mid-bar-ad{
    width: 960px;
    height: 48px;
    margin-bottom: 5px;

}
.clear{
    clear: both;
}
.news_left_300x250{
    padding-bottom: 10px;
}
.photo-block{
    display: block;
    line-height: 0;
}
.no-margin{
    margin-bottom: 0;
}
table.plain td{
    border-width: 0px;
}

/* Take over
 * ---------------------------------------------------------------------------------------- */
#click_right_skin, #click_left_skin {
    display:none;
    width:300px;
    height:800px;
    position:fixed;
    top:35px;
    margin-right:960px;
}
#click_left_skin {
    margin-right:-300px;
}
#click_top_skin {
    display:none;
    width:960px;
    height:210px;
    /*position:fixed;*/
    top:35px;
}

/* Splash
 * ---------------------------------------------------------------------------------------- */
body div#splashnew {
    /*border: 1px solid #AAA;*/
    width: 800px;
    height: 600px;
    background-color: #FFF;
}
a#splash-bottom {
    display: block;
    width: 800px;
    height: 600px;
    float: right;
}


/* Grids
 * ---------------------------------------------------------------------------------------- */
/*.row > [class*="span3"]:first-child {
  margin-left: 10px;
}
.row > [class*="span8"] {
  margin-left: 10px;

}
.row > [class*="span13"]:last-child{
  margin-right: 10px;
}*/
.span-narrow{
    margin-right: 10px;
}
.row div:first-child{
    margin-right: 0;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
/* Boxes
 * ---------------------------------------------------------------------------------------- */
div [class*="boxed"] {
    margin-bottom: 20px;
}
.boxed-1{
    border: 1px solid #D1D1D1;
    background-color: #FFFFFF;
}
.boxed-2{
    border: 1px solid #D1D1D1;
    background-color: #F3F3F3;
}
.boxed-3{
    border: 1px solid #D1D1D1;
    background-color: #FFFFFF;
    padding: 3px;
}
.boxed-6{
    border: 0px solid #D1D1D1;
    background-color: #FFFFFF;
}
.plain{
    border: 0;
}
.boxed-3 > div{
    background-color: #F3F3F3;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.boxed-7 > div{
    background-color: #FBCC5B;
    border: 1px solid #D5AC5F;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.boxed-7 > h6{
    display: block;
    margin: 0 auto;
}
.boxed-7 > h6 .box-left{
    background: url('/images/boxed-7.png') 0 0 no-repeat;
    height: 64px;
    width: 9px;
    float: left;
}
.boxed-7 > h6 .box-right{
    background: url('/images/boxed-7.png') 0 -128px no-repeat;
    height: 64px;
    width: 9px;
    float: right;
}
.boxed-7 > h6 .box-center{
    background: url('/images/boxed-7.png') 0 -64px repeat;
    height: 64px;
    float: right;
}
.boxed-4 > h3{
    font-size: 12px;
    background-color: #E2E2E2;
    margin: 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    padding: 0 10px;
}
.boxed-4 > h6{
    color: #000;
    background-color: #E2E2E2;
    margin: 0;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    padding: 0 10px;
}
.boxed-4 > ul{
    list-style: none;
    margin-left: 0;
    margin-right: 0;
}
.boxed-4 > ul > li{
    font-size: 12px;
    line-height: 22px;
    border-top: 1px solid #EBE9E9;
    padding: 0 15px 5px 0;
}
.boxed-4 > ul > li:first-child{
    border-top: 0px solid #EBE9E9;
}
.boxed-5{
    background-color: #DEEDF2;
    border: 1px solid #C9E2EB;
    margin: 11px 0 15px;
    position: relative;
    vertical-align: middle;
    padding: 10px;
}
.boxed-1, .boxed-2, .boxed-3, .boxed-4, .boxed-5 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.boxed-1 > h6, .boxed-2 > h6, boxed-6 > h6{
    clear: both;
    color: #777777;
    padding: 3px 6px;
    font-size: 12px;
}
.boxed-1 > h6.dark, .boxed-2 > h6.dark{
    background-color: #E2E2E2;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.boxed-1 > h3, .boxed-2 > h3{
    font-size: 16px;
    padding: 3px 10px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    margin: 0;
}
.boxed-6 > h3{
    padding: 3px 10px;
    border-bottom: 1px solid #DDD;
}
.boxed-1 > h3 .extra, .boxed-2 > h3 .extra, .boxed-6 > h3 .extra{
    float: left;
    font-size: 12px;
}

.boxed-1 > h3.dark, .boxed-2 > h3.dark{
    background-color: #E2E2E2;
}
.boxed-2 ul.zebra-striped{
    list-style: none;
    margin-left: 0;
    margin-right: 0;
}
.boxed-2 ul.zebra-striped > li{
    padding: 4px 5px;
    line-height: 22px;
}
.boxed-2 ul.zebra-striped > li:nth-child(even){
    background-color: #E2E2E2;
}
.boxed-8{
    border: 1px solid #f89406;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.boxed-8 > h3{
    font-size: 16px;
    padding: 3px 10px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    margin: 0;
    background-color: #f89406;
}

.boxed-8 > ul{
    list-style: none;
    margin-left: 0;
    margin-right: 0;
}
.boxed-8 > ul > li{
    font-size: 12px;
    line-height: 22px;
    border-bottom: 1px solid #EBE9E9;
    padding: 5px 5px 0 15px;
}
.boxed-8 > ul > li:first-child{
    padding-top: 10px;
}
.boxed-8 > ul > li:last-child{
    border-bottom: 0px solid #EBE9E9;
}
/* Lists */
/* ---------------------------------------------------------------------------------------- */
ul.stats {
    padding: 0px 0px;
    margin: 0 0;
    /*  display: inline;*/
}
ul.stats li {
    display: inline;
}
ul.stats .divider {
    padding: 0 5px;
    color: #777777;
}

ul.stats li:first-child .divider {
    display: none;
}
ul.center li {
    text-align: center;
}
.inline{
    display: inline;
}

/* Footer */
/* ---------------------------------------------------------------------------------------- */
footer h4{
    color: #fff;
    font-weight: bold;
}
footer a, footer a:visited{
    color: #fff;
}
footer a:hover{
    color: #2BA3D3;
}
footer ul.platforms{
    list-style: none;
    padding: 10px 25px 5px;
    margin: 0;
    height:30px;
    background-color: #3a464a;
    border-bottom: 1px solid #4c5c61;
}
footer ul.platforms li{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-right: 10px;
    padding-left: 20px;
}
footer ul.platforms li span{
    height:26px;
    display: inline-block;
    padding: 5px 0 0;
    text-align: left;
}
footer .damlag{
    color: #777;
}
footer .damlag a{
    color: #777;
}
footer #twitter-icon{background: url('/images/sprites/general.png') 62px -180px no-repeat; width:88px;}
footer #facebook-icon{background: url('/images/sprites/general.png') 78px -212px no-repeat;width:110px}
footer #rss-icon{background: url('/images/sprites/general.png') 36px -244px no-repeat;width:63px;}
footer #mobile-icon{background: url('/images/sprites/general.png') 100px -276px no-repeat;width:127px}
/* Stars */
/* ---------------------------------------------------------------------------------------- */
span.stars{
    direction: rtl;
}
.stars_12_orange_on{float: right;}
.stars_12_orange_off{float: right;}

/* Backend */
/* ---------------------------------------------------------------------------------------- */
.backend_menu .menu_head {
    padding: 5px 10px;
    cursor: pointer;
    margin:1px;
    color: #FFFFFF;
    border: 1px solid #DDDDDD;
    background-color: #53b3db;
    border: 1px solid #DDDDDD;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.backend_menu .menu_body {
    display:none;
    background-color:#f1f1f1;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.backend_menu .menu_body a{display:block; color:#666666; background-color:#f1f1f1; padding:2px 15px; padding-left:0px; text-decoration:none;}
.backend_menu .menu_body a:hover{color: #000000; text-decoration:underline; }


/* Margin */
/* ---------------------------------------------------------------------------------------- */
.margined1-v {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margined2-v {
    margin-top: 10px;
    margin-bottom: 10px;
}
.margined3-v {
    margin-top: 15px;
    margin-bottom: 15px;
}
.margined4-v {
    margin-top: 20px;
    margin-bottom: 20px;
}
.margined1-h {
    margin-left: 5px;
    margin-right: 5px;
}
.margined2-h {
    margin-left: 10px;
    margin-right: 10px;
}
.margined3-h {
    margin-left: 15px;
    margin-right: 15px;
}
.margined4-h {
    margin-left: 20px;
    margin-right: 20px;
}
/* Padding */
/* ---------------------------------------------------------------------------------------- */
.padded1-v {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padded2-v {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padded3-v {
    padding-top: 15px;
    padding-bottom: 15px;
}
.padded4-v {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padded1-h {
    padding-left: 5px;
    padding-right: 5px;
}
.padded2-h {
    padding-left: 10px;
    padding-right: 10px;
}
.padded3-h {
    padding-left: 15px;
    padding-right: 15px;
}
.padded4-h {
    padding-left: 20px;
    padding-right: 20px;
}

/* Header
 * ---------------------------------------------------------------------------------------- */

header{
    height: 108px;
    background-color: #e1e1e1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
    background-image: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e1e1e1);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e1e1e1));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e1e1e1);
    background-image: -o-linear-gradient(top, #f7f7f7, #e1e1e1);
    background-image: linear-gradient(top, #f7f7f7, #e1e1e1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

header .logo{
    padding: 20px;
}
header .logo img{
    width:217px;
}
header .top-container{
    padding: 10px 5px 10px;
}
header .top-container .follow-us{
    margin-top: 5px;
}
.follow-us a.facebook-button{
    vertical-align:middle;display:inline-block;width:26px;height:25px;background-image:url(/images/header_2013.png);background-position:0px 0px;margin:0 auto;
}
.follow-us a.twitter-button{
    vertical-align:middle;display:inline-block;width:26px;height:25px;background-image:url(/images/header_2013.png);background-position:0px -25px;margin:0 auto;
}
.follow-us a.youtube-button{
    vertical-align:middle;display:inline-block;width:26px;height:25px;background-image:url(/images/header_2013.png);background-position:0px -50px;margin:0 auto;
}
header .top-container .search-box{
    margin-right: 25px;
}
header .search-box .magnify{
    background-image: url(/images/header_2013.png);
    background-position: 0px -75px;
    width: 41px;
    height: 35px;
    cursor: pointer;
}
header .search-box .search-text{
    background-image: url(/images/header_2013.png);
    background-repeat: repeat-x;
    background-position: 0 -110px;
    height: 30px;
    padding-top: 5px;
}
header .search-box .search-text input{
    font-size: 14px;
    height: 20px;
    width: 300px;
    border: none;
    box-shadow: none;
    padding-right: 5px;
}
header .search-box .search-text input:focus{
    box-shadow: none;
}
header .search-box .select-box{
    background: url("/images/header_2013.png") no-repeat scroll 114px -145px transparent;
    padding-right: 5px;
    width: 115px;
    height: 26px;
}
header .search-box select {
    background: none repeat scroll 0 0 transparent;
    overflow: hidden;
    border: none;
    font-size: 14px;
    width: 115px;
    padding-right: 5px;
}
header .search-box select:focus{
    outline: none;
    box-shadow: none;
}
header .search-box .left-corner{
    background: url("/images/header_2013.png") no-repeat scroll 0px -170px transparent;
    /*background-color: red;*/
    width: 8px;
    height: 36px;
}
div.post-header{
    display: block;
    background-color: #27a9da;
    height: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
/* Header Drop down menus
* ---------------------------------------------------------------------------------------- */
ul#dropdown-menu,ul#dropdown-menu ul{
    margin:0;
    list-style:none;
    z-index: 1000;
}
ul#dropdown-menu,ul#dropdown-menu .submenu{
    border-width:0;
}
ul#dropdown-menu .submenu{
    display:none;
    position:absolute;
    right:0;
    top:100%;
    background-color:#26aada;
    padding: 10px 0 0 10px;
    z-index: 1001;
}
ul#dropdown-menu li:hover > *{
    display:block;
}
ul#dropdown-menu li:hover{
    position:relative;
}
ul#dropdown-menu ul .submenu{
    position:absolute;
    right:100%;
    top:0;
}
ul#dropdown-menu{
    padding:10px 10px 10px 0;
    display:block;
    font-size:0;
}
ul#dropdown-menu ul{
    padding:0 10px 10px;
}
ul#dropdown-menu .column{
    width: 190px;
}
ul#dropdown-menu .column_narrow{
    width: 135px;
}
ul#dropdown-menu li{
    display:block;
    white-space:nowrap;
    font-size:0;
}
ul#dropdown-menu > li,ul#dropdown-menu li{
    margin:0 0 0 10px;
}
ul#dropdown-menu > li,ul#dropdown-menu li.toproot{
    width: 160px;
}
ul#dropdown-menu ul > li{
    margin:10px 0 0;
}
ul#dropdown-menu a:active, ul#dropdown-menu a:focus{
    outline-style:none;
}
ul#dropdown-menu a{
    display:block;
    vertical-align:middle;
    text-align:right;
    text-decoration:none;
    font-size: 14px;
    color:#000;
    padding:8px 18px;
    border-width:0px;
    border-style:none;
}
ul#dropdown-menu ul li{
    float:none;
    margin:1px 0 0;
}
ul#dropdown-menu ul a{
    text-align:right;
    padding:5px 15px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #64c1e8;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
ul#dropdown-menu ul li:last-child a {
    border-width: 0;
}
ul#dropdown-menu li.toproot:hover > a{
    background-color:#26aada;
    border-style:none;
    font-size: 14px;
    color:#FFF;
    text-decoration:none;
}
ul#dropdown-menu li:hover > a{
    background-color:#26aada;
    border-style:none;
    font-size: 14px;
    color: #CCC;
    text-decoration:none;
}
ul#dropdown-menu span{
    display:block;
    overflow:visible;
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:0px;
}
ul#dropdown-menu ul span.arrow{
    display: block;
    height: 21px;
    width: 15px;
    margin-top: 15px;
    background: url("/images/header_menu_arraow.png") no-repeat scroll 0px 0px transparent;
}
ul#dropdown-menu .blue-arrow{
    display: inline-block;
    background: url('/images/header_2013.png') 0px -255px no-repeat;
    height: 6px;
    width: 13px;
    margin: 0 4px;
}
ul#dropdown-menu li.toproot:hover > a > .blue-arrow{
    background-position: -13px -255px;
}
ul#dropdown-menu ul li:hover > a{
    border-style: solid;
    border-color:#64c1e8;
    font-size: 12px;
    text-decoration:none;
}
ul#dropdown-menu li.topmenu > a{
    height:26px;
    line-height:26px;
}
ul#dropdown-menu li.topmenu:hover > a{
    line-height:26px;
}
ul#dropdown-menu li.toproot > a{
    height:26px;
    line-height:26px;
    width: 95px;
}
ul#dropdown-menu li.toproot:hover > a{
    line-height:26px;
}
ul#dropdown-menu .ad > .googleadmanager{
    margin-top: 12px;
    margin-left: 10px;
    width: 250px;
    height: 120px;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
}
/*--------------------topbar addition for new header 2013----------------*/
#topbar_menu{
    list-style:none;
    display: block;
}
#topbar_menu > li{
    float: right;
    padding: 3px 10px 0 0;
    border-left: 1px solid #6f6f6f;
    height: 32px;
}
#topbar_menu > li.hasmenu{
    width: auto;
    margin-left: -30px;
}
#topbar_menu > li:last-child{
    border: 0px;
    padding-right: 0;
}
#topbar_menu > li a img{
    vertical-align: middle;
    padding-left: 5px;
}
#topbar_menu > li a {
    padding: 4px 10px 0px 10px;
    line-height: 19px;
    display: block;
    text-decoration: none;
}
#topbar_menu > li a.dropdown .arrow{
    width: 8px;
    height: 4px;
    display: inline-block;
    background-image: url('/images/header_2013.png');
    background-position: 0px -210px;
    padding-right: 5px;
}
#topbar_menu > li.current a.dropdown .arrow{
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
#topbar_menu > li a.dropdown{
    padding: 4px 0 0 10px;
}

#topbar_menu > li.current{
    background: #535353;
}

#topbar_menu .t_submenu{
    display: none;
    position: absolute;
    list-style: none;
    padding: 5px 15px;
    background: #535353;
    margin-right: -10px;
    top: 35px;
    padding: 10px 10px 0 10px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#topbar_menu .t_submenu li{
    float: none;
    margin: 1px 0 0 0;
    position: relative;
    display: block;
    line-height: 24px;
}
#topbar_menu .t_submenu li a{
    border-style: solid;
    border-color: white;
    border-width: 0 0 1px 0;
    text-decoration: none;
    padding: 7px 0;
    outline-style: none;
    display: block;
    color: white;
}
#topbar_menu .t_submenu li:hover a{
    font-weight: bold;
    text-shadow: 0 1px 0 black;
}
#topbar_menu .t_submenu li:last-child a{
    border-width: 0;
}
#topbar_menu .t_submenu label{
    color: white;
    width: 100%;
}
.t_submenu label a{
    display: inline-block !important;
    padding: 0 !important;
}
.auth-error{
    margin: 5px 0;
}

/* Ticketing
 * ---------------------------------------------------------------------------------------- */
#status-bar {
    margin-bottom: 10px;
    height: 40px;
}
#status-bar ul{
    margin: 0;
}
#status-bar ul li {
    display: inline-block;
    width: 133px;
    height: 33px;
    background: url('/images/booking/booking_elements.png');
    background-position: 415px -68px;
    text-indent: 18px;
    padding-top: 7px;
    margin: 0 -4px 0 0;
}
#status-bar ul li.done-step {
    color: #fff;
    background-position: 150px -68px;
}
#status-bar ul li.current-step {
    background-position: 280px -68px;
    color: #fff;
    font-weight: bold;
}
#status-bar ul li.step-1{
    width: 129px;
}
#status-bar ul li.current-step.step-6,#status-bar ul li.done-step.step-6{
    background-position: 357px -188px;
}
#status-bar ul li.step-6{
    text-indent: 17px;
    background-position: 636px -68px;
    width: 95px;
}
table.seats-chart td{
    border: none;
    padding: 3px 0;
}
table.seats-chart {
    border-collapse: separate;
    border-spacing: 2px;
    margin-top: 20px;
}
div.seat-common{
    margin: 0 auto !important;
    text-align: center;
    height: 22px;
    width: 19px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url('/images/booking/booking_elements.png');
}
div.seat-empty{
    background-position: -550px -150px;
}
div.seat-empty:hover{
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
div.seat-reserved {
    background-position: -550px -120px;
}
div.seat-reserved a{
    color: white;
}
div.seat-locked {
    background-position: -575px -150px;
}
div.seat-locked a{
    color: white;
}
div.seat-disabled {
    background-position: -575px -120px;
}
div.seat-null {
    height: 5px;
}
div.visual-screen{
    width: 100%;
    height: 40px;
    padding-top: 10px;
    background-color: #47AEE7;
    color: #FFFFFF;
    font-size: 18px;
}
span.required {
    color: red;
}

/*Step2 - Seating chart*/

#movie_info .ticket-info {
    padding: 0 9px;
    width: 130px;
    border-right: 1px solid #f3f3f3;
    height: 100px;
}
#booking-container {
    clear: both;
    position: relative;
}
#booking-container .overlay-disable{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#booking-container .overlay-disable .simple-text h3{
    color: white;
}
.seats-chart td a {
    display: block;
    height: 21px;
    padding-top: 3px;
    font-size: 10px;
    line-height: 9px;
    color: #333;
}
.seats-chart td a:hover {
    text-decoration: none;
}

/*Payment methods*/
.row.payment-methods {
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
.row.payment-methods .fawry-payment ,
.row.payment-methods .onecard-payment,
.row.payment-methods .wallety-payment,
.row.payment-methods .cc_aaib-payment{
    height: 195px;
    width: 155px;
    margin: 0 10px;
    padding: 5px;
    position: relative;
}
.wallety-logo {
    margin-top: 23px;
}
.fawry-logo {
    margin-top: 31px;
}
.onecard-logo {
    margin-top: 23px;
    margin-bottom: 35px;
}

.payment-disabled .unavailable-msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    display: table;
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    text-align: center;
}

.payment-disabled .unavailable-msg span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 170%;
    line-height: 200%;
}

select#cancel_reason, select#cancel_reason_child {
    width: 275px;
}
/*Confirmation page*/
#booking-container .confirmation-page,
.wallety-wait-payment {
    background: #e2e2e2;
    border-radius: 4px;
    padding: 10px;
    width: 50%;
    margin: 0 auto;
}
#booking-container .confirmation-page li{
    padding: 2px 15px 2px;
}
#booking-container .fawry-payment-final #fawry-logo {
    float: right;
    margin-left: 10px;
}
#booking-container .fawry-payment-final {
    padding: 10px;
}
.wallety-final,
#booking-container .wallety-final {
    background: #f3f3f3;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 15px;
}
#booking-container .confirmation-page li.price-total,
#booking-container .confirmation-page li.personal-info-confirm,
#booking-container .confirmation-page li.movie-info-confirm,
#booking-container .confirmation-page li.payment-info-confirm {
    font-weight: bold;
    color: #999;
    border-bottom: 2px solid #999;
    font-size: 14px;
    margin-top: 10px;
    padding-right: 2px;
}
#booking-container .confirmation-page li.personal-info-confirm {
    margin-top: 0;
}
#booking-container .confirmation-page li.price-total {
    border-bottom: 0;
    border-top: 2px solid #999;
    padding-top: 10px;
}
#booking-container .confirmation-page ul {
    margin-bottom: 5px;
}
#booking-container .confirmation-check {
    width: 50%;
    margin: 5px auto;
}
/*cancellation*/
#booking-container .cancel-form {
    text-align: center;
    padding: 10px;
    background: #e2e2e2;
    height: 460px;
}
#booking-container .cancel-form  li {
    padding: 10px;
}
#booking-container .cancel-form ul {
    width: 32%;
    margin: 0 auto;
}
#booking-container .cancel-form ul label {
    padding-bottom: 5px;
}
#booking-container .cancel-form #cancel_reservation_submit {
    position: relative;
    right: 527px;
}
input {
    outline:0;
}
ul#booking-social-tabs li{
    float: right;
    margin: 0;
}

/* ---------------------------------------------------------------------------------------- */
#work-star{background: url('/images/workpage.png') -40px 0 no-repeat;width: 40px;height: 40px;color: #fff;padding-top: 11px;margin-left: 20px; font-size: 115%;}
/* Icons */
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    background: url('/images/workpage.png');
    background-repeat: no-repeat;
    width: 17px;
    height: 18px;
    vertical-align: middle;
    margin: 0 0 0 3px;
}
.icon-want{background-position: -67px -88px;}
.icon-not{background-position: -43px -88px;}
.icon-fb{background-position: -43px -110px;}
.icon-like{background-position: -23px -111px}
.icon-unlike{background-position: -23px -111px;-moz-transform: scaleY(-1) scaleX(-1);-o-transform: scaleY(-1) scaleX(-1);-webkit-transform: scaleY(-1) scaleX(-1);transform: scaleY(-1) scaleX(-1);filter: FlipV FlipH;-ms-filter: "FlipV FlipH";}
.icon-video{background-position: -42px -58px;}
.icon-stats{background-position: -67px -58px;width: 20px;margin-right: 2px;}

/* Font */
/* ---------------------------------------------------------------------------------------- */
.font-8{
    font-size: 8px;
}
.font-10{
    font-size: 10px;
}
.font-12{
    font-size: 12px;
}
.font-13{
    font-size: 13px;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.font-18{
    font-size: 18px;
}

/** User Modal **/
/* ---------------------------------------------------------------------------------------- */
.modal{
    width:660px;
}
.modal-header {
    background-color: #eff7fa;
    padding: 9px 15px;
    border:none;
}
.modal-footer{
    background:#dff1f5;
}
.modal-footer label{
    float:right;
    width: 90px;
}
.modal-footer .btn{
    font-size: 12px;
}
.modal-body fieldset{
    padding:8px;
    background-color: rgba(255, 255, 255, 0.6);
    margin:0;
}
#login-modal form .clearfix{
    margin:0;
}
#login-modal .password_links{
    float: left;
    margin-top: 8px;
}
#login-modal .modal-body{
    height:210px;
    background-image: -moz-linear-gradient(center top, #eff7fa, #def1f5);
    background-image: -webkit-linear-gradient(top, #eff7fa, #def1f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff7fa', endColorstr='#def1f5', GradientType=0);
    background-repeat: repeat-x;
    padding: 0 15px;
}
#login-modal form{
    width:360px;
    border:none;
    box-shadow:none;
    float:right;
    margin-left: 15px;
}
#login-modal label{
    text-align: right;
    padding:0;
    margin-bottom: 8px;
}
#login-modal input{
    float: right;
    width: 335px;
    margin-bottom:8px;
}
#login-modal label.example {
    float: left ;
    text-align: left;
}
.well form .input{
    margin:0 0 8px 0;
}
.well{
    width: 392px;
    float:right;
    margin:0;
    background: none repeat scroll 0 0 transparent;
    border:none;
    box-shadow:none;
    padding:0;
}
#login-button {
    font-size: 12px;
    margin:5px;
    float:left;
    background-color: #127AA7;
    background-image: -moz-linear-gradient(center top , #15A3E0, #127AA7);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color:#fff;
}
.seprator img {
    float:right;
}
.connect_ws_fb{
    float: right;
    font-size: 12px;
    margin: 47px 10px 5px;
    text-align: center;
    width: 194px;
}
.connect_ws_fb a{
    float: right;
    margin-top: 5px;
}


/** Theater CSS **/
/* ---------------------------------------------------------------------------------------- */
.theater-options > li > div{
    width: 21px; height: 22px;
    margin-left: 5px;
    float: left;
    background-image: url('/images/sprites/general.png');
    background-repeat: no-repeat;
}

/*ticketing extras*/
/*in cinemas block-homepage*/
.movie-reserve-cinema  {
    float: right;
    background: url('/images/booking/home-playing-now.png') top center no-repeat;
    height: 220px;
    width: 118px;
}
.movie-reserve-cinema li a {
    color: #801f00;
}
.movie-reserve-cinema .media-photo-bottom a {
    padding: 0;
    border: 0;
}
.movie-reserve-cinema .media-photo-bottom {
    padding: 9px;
}
.movie-reserve-cinema .media-photo-bottom  li {
    line-height: 18px;
    margin-right: -4px;
}
.movie-reserve-cinema  li#movie-reserve-link a {
    color: #fff;
    text-shadow: 0.2em 0.2em 0.4em #b83610;
    line-height: 30px;
}
.movie-reserve-cinema .media-photo-bottom li#movie-reserve-link {
    line-height: 40px;
}
#iframe-credit-card {
    border:none;
    transform: scale(0.78);
    -ms-transform: scale(0.78); /* IE 9 */
    -webkit-transform: scale(0.78); /* Safari and Chrome */
    -o-transform: scale(0.78); /* Opera */
    -moz-transform: scale(0.78);
    margin-right: -140px;
    margin-top: -75px;
}

a.add-info{
    background: url("/images/icons/icon_sheet16x16.png") no-repeat scroll 135px -16px transparent;
    display: inline-block;
    line-height: 16px;
    margin: 5px 0;
    padding-right: 20px;
    text-align: right;
    width: 130px;
}
.icon-next{
    background: url('/images/booking/booking_elements.png');
    background-position: 88px -4px;
}
.icon-prev{
    background: url('/images/booking/booking_elements.png');
    background-position: 25px -4px;
}
.icon-cancel{
    background: url('/images/booking/booking_elements.png');
    background-position: 59px -4px;
}

.jcarousel-navigation li a.next{background-position:0 0;}
.jcarousel-navigation li a.next:hover{background-position:-14px 0;}
.jcarousel-navigation li a.prev{background-position:0 -15px;}
.jcarousel-navigation li a.prev:hover{background-position:-14px -15px;}
/* TVGuide Box */
.next-button{width:14px;height:15px;display:inline-block;background:url('/images/sprites/general.png') 0 0 no-repeat;}
.prev-button{width:14px;height:15px;display:inline-block;background:url('/images/sprites/general.png') 0 -15px no-repeat;}
.next-button:hover{background:url('/images/sprites/general.png') -14px 0 no-repeat;}
.prev-button:hover{background:url('/images/sprites/general.png') -14px -15px no-repeat;}
#mobile-box{margin-bottom: 3px;padding-top: 47px;padding-left: 5px;background-image: url('/images/mobilebox/mobile_box_ar.jpg');background-repeat: no-repeat;width: 615px;height: 68px;}
#mobile-box-728{margin-bottom: 3px;padding-top: 23px;padding-left: 10px;background-image: url('/images/mobilebox/ar_728.jpg');background-repeat: no-repeat;width: 718px;height: 68px;}
#mobile-box-300{margin-bottom: 3px;padding-top: 175px;padding-left: 20px;background-image: url('/images/mobilebox/ar_300.jpg');background-repeat: no-repeat;width: 280px;height: 85px;}
#facebox .close{left: 5px;}
span#person_twitter_logo {
    background-image: url("/images/official-t-f-btn.png");
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
span#person_facebook_logo {
    background-image: url("/images/official-t-f-btn.png");
    background-position: 0px 20px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
a.btn.awesome i{
    margin: 0px;
    margin-left: 5px;
}

div.advertising #mobile-icon{background:url("/images/sprites/general.png") no-repeat scroll 115px -310px transparent; height:20px;padding-right:18px;vertical-align:middle;width:110px;}
div.advertising #telephone-icon{background:url("/images/sprites/general.png") no-repeat scroll 115px -330px transparent; height:20px;padding-right:18px;vertical-align:middle;width:110px;}
div.advertising #email-icon{background:url("/images/sprites/general.png") no-repeat scroll 164px -350px transparent; height:20px;padding-right:18px;vertical-align:middle;width:160px;}


.jcarousel-clip {overflow: hidden;}
.jcarousel li{list-style:none;}
.jcarousel-controls a:hover{text-decoration:none;}
/*.jcarousel-controls{margin:4px 0;}*/
.jcarousel-navigation,
.jcarousel-pager{float:left;margin:0 5px 0 0;padding:0;}
.jcarousel-navigation li,
.jcarousel-pager li{display:inline;list-style:none;}
.jcarousel-pager li a{text-decoration:none;background:transparent url('/images/sprites/general.png') -2px -47px no-repeat;padding:0 3px;}
.jcarousel-pager li a.active,
.jcarousel-pager li a:hover{background-position:-14px -46px;}
.jcarousel-navigation li a{background-image:url('/images/sprites/general.png');background-repeat:no-repeat;padding:0 10px 0 0;}
.jcarousel-controls{height: 16px;overflow: hidden;}