@charset "utf-8";
/* CSS Document */

/* Star Container - change background-color to set star colour */

.tabs_bottom p {
    line-height: 9px;
}
.star_base {
    position: relative;
    width: 11px;
    height: 11px;
    background-color: #C00;
    display: inline-block;
}

/* Set size for all blocks within the star container */
.star_base > div {
    width: 5px;
    height: 5px;
    position: absolute;
}

/* Co-ordinates for each corner */
.star_tl {
    left: 0px;
}
.star_tr {
    left: 6px;
}
.star_bl{
    left: 0px;
    top: 6px;
}
.star_br {
    left: 6px;
    top: 6px;
}

/* Rounded corner masks */
.star_mask_tl {
    background-color: #FFF;
    border-radius: 0px 0px 7px 0px;
    -moz-border-radius: 0px 0px 7px 0px;
    -webkit-border-radius: 0px 0px 7px 0px;
    behavior: url(/stylesheets/PIE.htc);
}
.star_mask_tr {
    background-color: #FFF;
    border-radius: 0px 0px 0px 7px;
    -moz-border-radius: 0px 0px 0px 7px;
    -webkit-border-radius: 0px 0px 0px 7px;
    behavior: url(/stylesheets/PIE.htc);
}
.star_mask_bl {
    background-color: #FFF;
    border-radius: 0px 7px 0px 0px;
    -moz-border-radius: 0px 7px 0px 0px;
    -webkit-border-radius: 0px 7px 0px 0px;
    behavior: url(/stylesheets/PIE.htc);
}
.star_mask_br {
    background-color: #FFF;
    border-radius: 7px 0px 0px 0px;
    -moz-border-radius: 7px 0px 0px 0px;
    -webkit-border-radius: 7px 0px 0px 0px;
    behavior: url(/stylesheets/PIE.htc);
}

/* Darker segments */
.star_light {
    background-color: #FFF;
    position: absolute;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    width: 6px;
    height: 6px;
    behavior: url(/stylesheets/PIE.htc);
}

.total_rsvp a
{

    background: none !important;
    border-radius: none !important;
    color: #666666 !important;
    float: none !important;
    font-family: "ff-netto-web-1","ff-netto-web-2",sans-serif;
    font-size: 18px !important;
    font-weight: normal !important;
    margin-left: 0 !important;
    margin-right: 2px !important;
    padding: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}
.total_rsvp a:hover
{

    background: none repeat scroll 0 0 #0069BF !important;
    color: white !important;
    /*    padding: 2px !important;*/

}


.tabs_bottom h3{
    color: black;
}
.feed_indicator
{

    background-color: #FF0033 !important;
    border: 2px solid white;
    border-radius: 30px 30px 30px 30px;
    color: white;
    display: none;
    float: left;
    font-size: 11px;
    font-weight: bolder;
    height: 15px;
    line-height: 1.5;
    margin-left:145px;
    margin-top: -60px;
    min-width: 15px;
    padding: 0.25%;
    position: absolute;
    text-align: center;
    z-index: 5;


    /*    border: 2px solid white;
        border-radius: 30px 30px 30px 30px;
        color: white;
        display:inline-block;
        font-size: 12px;
        font-weight: bold;
        left: -7px;
        line-height: normal;
        margin: 0;
        position: relative;
        top: -17px;
        vertical-align: middle;*/

}
.feed_indicator_with_learn_more
{

    background-color: #FF0033 !important;
    border: 2px solid white;
    border-radius: 30px 30px 30px 30px;
    color: white;
    display: none;
    float: left;
    font-size: 11px;
    font-weight: bolder;
    height: 15px;
    line-height: 1.5;
   
    margin-top: -60px;
    min-width: 15px;
    padding: 0.25%;
    position: absolute;
    text-align: center;
    z-index: 5;


    /*    border: 2px solid white;invite
        border-radius: 30px 30px 30px 30px;
        color: white;
        display:inline-block;
        font-size: 12px;
        font-weight: bold;
        left: -7px;
        line-height: normal;
        margin: 0;
        position: relative;
        top: -17px;
        vertical-align: middle;*/
invite
}


.below_image{
    float: left;
    margin-left: 5%;
    width: auto;
}


.hide_feed
{
    background: none repeat scroll 0 0 #0069BF;
    border-radius: 3px 3px 3px 3px;
    color: white !important;
    float: left;
    font-family: "ff-netto-web-1","ff-netto-web-2",sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-left: 12px;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase;

}
.tabs_bottom h1{
    color: black;
}
.tabs_bottom h2{
    color: black;
}
.field_with_errors {
    padding: 2px;
    background-color: red;
    display: table;
}
/* rotator in-page placement */
div.rotator {
    position:relative;
    height:301px;
    opacity:inherit;
    filter:inherit;
    /*	margin-left: 15px;*/
}
/* rotator css */
div.rotator ul li {
    float:left;
    position:absolute;
    list-style: none;
    opacity:inherit;
    filter:inherit;
}
/* rotator image style */
div.rotator ul li img {
    border:1px solid #ccc;
    /*	padding: 4px;*/
    background: #FFF;
    height: 278px;
    width: 1045px;
    border-radius : 5px;
}
div.rotator ul li.show {
    /*	z-index:500;*/
}
/*--Main Container--*/
.main_view {
    float: left;
    position: relative;
    opacity:inherit;
    filter:inherit;
}
/*--Window/Masking Styles--*/
.window {
    height:301px;	width: 1086px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
    opacity:inherit;
    filter:inherit;
}
.image_reel {
    position: absolute;
    top: 0; left: 0;
    opacity:inherit;
    filter:inherit;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
    position: absolute;
    opacity:inherit;
    filter:inherit;
    bottom: 40px; right: -7px;
    width: 178px; height:47px;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    text-align: center;
    line-height: 40px;
    background: url(paging_bg2.png) no-repeat;
    display: none !important; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
    padding: 5px;
    text-decoration: none;
    color: #fff;
}
.paging a.active {
    font-weight: bold;
    background: #920000;
    border: 1px solid #610000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


body {margin:0; padding:0; font-size:1em;line-height:120%; color:#333333; font-family:Arial, Helvetica, sans-serif}
h1, h2, h3, h4, h5, h6, h7 {text-transform:uppercase; line-height:140%; margin-top: 9%;}
h1 {color:#8F813E; font-size:2.5em; margin-bottom:0px; margin-top:10px;}
h2 {color:#8F813E; margin-bottom:10px; font-size:1.3em;}
h3 {color:#ffffff; font-size:1.5em; margin-top:10px; margin-bottom:10px}
h4 {color:#666666}
h5 {color:#797979; font-size:1em;}
h6 {font-size:1.5em; margin-top:0px; margin-bottom:0px; padding:0px;}
p {font-size:1em; line-height:150%}
a {}
a:hover {}
a:img {border:0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
a img:hover {opacitya: 0.75;}
img {border:0;}
.item img,.headerimg img {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.item p{margin:0;padding:0;}
.container {width:1086px; margin:0 auto;}

.top {

    background: -webkit-gradient(linear, left top, left bottom,
        color-stop(0%, white), color-stop(10%, white), color-stop(100%, #EDEDED));
    background: -moz-linear-gradient(top, white 0%, white 30%, #EDEDED  130%);

    padding: 30px 0 0;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 6px grey;
    height: 67px !important;
    width: 100%;
    min-width: 1106px;
    /*    width:100%;*/
    /*    margin-bottom: 25px;*/
    /*    float: left;*/
}
.topleft { float:left;width:10%;}

.topleft img{
    height: 59px;
    width: 99px;}
#site-links {
   color: #808080;
    float: left;
    padding-left: 25px;
    font-size: 16px;
    line-height: 52px;
    margin-left: 198px;
    width: 50%;
}

#site-links a {
    color: #B3B3B3;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "ff-netto-web-1","ff-netto-web-2",sans-serif;
}
#site-links img {
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.activate_to_link {
    background: none repeat scroll 0 0;
    border-radius: 3px 3px 3px 3px;
    color: #B3B3B3 !important;
    padding: 3px 3px 2px;
}
.topright {
    float: right;
    margin-top: 5px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.topright_package {  
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 3%;
    line-height: 3;
    margin-right: 2%;
    text-align: right;
    text-transform: uppercase;
    width: 29%;
    margin-top: 10px;
}
.topright_package a {    color: #0069BF;
                         margin-left: 8%;
                         margin-right: 8%;
                         text-decoration: none;
                         text-transform: none;}
.clr_blue
{
    color: #0069BF;
}
.dead
{
    text-decoration: none;
    text-transform: none;
    border-right: 1px solid #0069BF;margin: 0 !important;cursor :none;
}
.topright a { color: #FFFFFF;
              float: left;
              font-size: 15px;
              line-height: 33px;
              max-width: 116px;
              overflow: hidden;
              text-decoration: none;
              text-transform: uppercase;
              text-align: left;}
.top_logout img
{
    float: left;
    margin-top: 7px;
}
.homecontent {}
.homeleft {width:535px; float:left;}
.homeright {width:540px; float:right;}
.title {width:85%; float:left;}
.extra {width:15%; float:right; text-align:right; padding-top:22px;}
.extra-nearest {width:15%; float:right; padding-top:22px;}
.note {color:#333; text-transform:uppercase; height:30px; margin-top:10px; font-size:1.0em; letter-spacing:0}
.note img {vertical-align:middle; margin-bottom:3px}

.headerimg {width:1086px; height:301px; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.main-title {font-size:35px;font-weight:bold; margin-top: 4%}
.main-title-1{display:inline;float:left; margin-top: 4%}

#facebox .content {color:green;}
.content {}
.contentleft {float:left; width:600px;}
.contentright {float:right; width:435px;}

.button {background:#8F813E; border:0; color:#fff; font-size:1.8em; text-transform:uppercase; padding:3px 10px 0px 10px; cursor:pointer}
/*.button:hover {background:#6D5F1E;}*/

.button2 {background:#fff; border:0; color:#8F813E; font-size:2.1em; text-transform:uppercase; padding:3px 10px 0px 10px; cursor:pointer}
.button2:hover {background:#F7EFCA;}
.button3 {background:#8F813E; border:0; border-radius:5px; color:#fff; font-size:21px; font-weight: bold; text-transform:uppercase; padding:3px 10px 0px 10px; height: 55px; width: 10em; cursor:pointer}
.button4 {background:#1372D0; border:0; color:#fff; font-size:1.6em; text-transform:uppercase; padding:10px; cursor:pointer}

.goldbox {background:#8f813e; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;  padding:10px 20px 10px 20px; color:#ffffff}

.goldbox ul {padding-left:15px; font-size:0.95em}
.goldbox li {margin-bottom:10px;}
.goldbox .buttons {}
.goldbox .package_description {}
.goldbox a {text-decoration: none}
.goldbox .button_get_this_pass {float: left}
.goldbox .button_share {float: right}

.whitebox {background:#ffffff; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 2px solid; border-color:black; border-radius:5px; color:black;  }
.whitebox ul {padding-left:15px; font-size:0.95em}
.whitebox li {margin-bottom:10px;}
.whitebox .buttons {padding:10px 20px 10px 20px;}
.whitebox .package_description {padding:10px 20px 10px 20px;}
.whitebox a {text-decoration: none}
.whitebox .button_get_this_pass {float: left}
.whitebox .button_rsvp {float: right}
.whitebox .button_share {float: right}
.whitebox .rsvp-text {float: left; vertical-align: middle; font-weight: bold}
.whitebox .invite-buttons {padding:10px 20px 10px 20px;cursor: pointer;}
.whitebox .invite-description {  color: #A5A5A5;
                                 font-size: 15px;
                                 margin-left: -4px;}
.whitebox .invited-guests {color: #000; font-size: 15px;}
.whitebox .invitation-message {color: #a5a5a5; font-size: 13px;}
.whitebox .invitation-resend-link {color: #8f813e; font-size: 13px;}
.whitebox .invited-count {  color: #000000;
                            float: left;
                            margin-left: 22px;
                            vertical-align: top;}
.whitebox .button6 { background: none repeat scroll 0 0 #FFFFFF;border: 2px solid;cursor: pointer;font-size: 2.1em;margin: 10px;padding: 5px;text-transform: uppercase;}
.whitebox .invite-expand {color: #a5a5a5; font-size: 15px;}

.link-color {color:#0000ff;font-weight:bold}
/*.tabs {margin:0; font-size:1.5em; margin-top:30px;}
.tabs ul {margin:0; padding:0; text-align:center;}
.tabs li {list-style-type:none; padding:0; margin:0; display:inline; padding:7px 10px 5px 10px}
.tabs li a {text-transform:uppercase; text-decoration:none;}
.active {background:#8f813e}
.active a {color:#fff}*/

.footer-container{
    bottom: 0;
    width: 100%;
    height: 80px;   /* Height of the footer */
    color: #999;
    font-size: 0.8em;
    padding: 10px;/*position:fixed;bottom:0;width:inherit;*/}
.subfooter {color:#666; text-transform:uppercase; text-align:right; font-size:0.7em; margin-top:20px;}
.subfooter a {color:#666; text-decoration:none;}
.subfooter a:hover {color:#333;}

.footer {margin-bottom:15px; border-top:1px solid #bebebe; margin-top:10px; padding-top:10px; color:#a5a5a5; font-size:0.8em;}
.footer a {color:#a5a5a5; text-decoration:none;}
.footer a:hover {color:#666;}
.footerleft {float:left; width:50%;}
.footerright {float:right; text-align:right; width:50%;}



.panes div {
    /*display:none;*/
    padding:15px 0px;
    border-top:0;
    background-color:#fff;}



/* root element for tabs  */
.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:40px;
    text-align:center;
    background: url(../img/tabsbg.png);

}


/* single tab */
.tabs li {
    display:inline;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
    background:#fff;
    padding-left:5px; padding-right:5px;
}

/* link inside the tab. uses a background image */
.tabs a {
    background: #fff;
    font-size:1.5em;
    height: 40px;
    text-align:center;
    text-decoration:none;
    color:#8F813E;
    padding:7px 10px 5px 10px;
    margin:0px;
}

.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
    background-position: -652px -31px;
    color:#6D5F1E;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
/*.tabs .current, .tabs .current:hover, .tabs li.current a {
        background-color:#8F813E;
        cursor:default !important;
        color:#ffffff !important;
}*/

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* initially all panes are hidden */
.panes .pane {
    display:none;
}

/** For facebox messages **/
.success_message{
    color:#7F9C2A;
}
.error_message{
    color:#A12408;
}
.failure_message{color:#A12408;}
.error{   color: red;
          font-size: 13px;}
.success{color:#7F9C2A;}
.center{
    text-align: center;
}
.not-bold{
    font-weight: normal;

}
.area-txt{     
    font-size:0.89em;
    color:#cecece;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    text-transform:uppercase;
}

/**********PRIVACY TERMS CONTACT US***********/
.terms_container, .contact-us-container{
    width:50%;
    margin:auto;
    border:1px solid #cecece;
    -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
    padding:10px;
}
.contact-top{
    float:left;
}
.contact-center{
    float:left;
}

.contact-bottom{
    width:550px;
}
.contact-bottom-left{
    float:left;
}
.contact-bottom-right{
    float:right;
}
.contact-us-disclaimer{
    font-size: 11px;
    text-align: center;
    /*color:#AAAAAA;*/
}
.clear{
    clear:both;
}


.label{
    width: 100px;
    display:block;
    float:left;
    padding-bottom: 10px;
    font-size:14px;
}
.input{
    display:block;
    float:left;
}
.field{
    margin-bottom: 10px;
}
.field input[type=text]{
    height:19px;
    /*padding:4px 10px 0px 10px;*/
    margin:0px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
    width:320px;
}
.field textarea{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
    width:320px;
    height:200px;
}
/**************END PAGES**************/
.clear10{clear:both;height:10px;}
.blue-form{ width:340px; margin:auto;border:1px solid #CCCCCC;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px; padding: 15px 0px 15px 23px; }
.label-login,.blue-form a{
    color:#1372D0;

}
.label-login{
    font-size:0.8em;
    font-weight:normal;
}
.edit-label{
    color:black;
}
.edit-form-star{
    height:22px;
}
.edit-form-text-box{
    background-image: url(txt_bg.png);
    border: 1px solid #BEBEBE;
    width: 160px;
    height:38px;
    -moz-border-radius: 3px;-webkit-border-radius: 3px;
    border-radius:3px;
}
.edit-form-text-box1{
    background-image: url(txt_bg.png);
    border: 1px solid #BEBEBE;
    width: 215px;
    height:38px;
    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;
}
.edit-form-text-box2{
    background-image: url(txt_bg.png);
    border: 1px solid #BEBEBE;
    width: 215px;
    height:40px;
    padding: 8px;
    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;
}
.blue-form h3{
    color:#0069bf;
    font-size: 1.20em;
    margin-bottom:20px;
}
.small-message{
    font-size:0.75em;
    color:#666666;
}

.blue-form input[type=submit],.blue-form input[type=button]{
    font-family: ff-netto-web-1,ff-netto-web-2,Helvetica;
    background-color:#0069bf;
    color:#FFFFFF;
    padding :10px 20px 10px 20px;
    font-size:1.1em;
    font-weight:bold;
    border:none;
    cursor:pointer;
}

.blue-form input[type=text],.blue-form input[type=password],.blue-form select{
    width:310px;
    border:1px solid #CCCCCC;
    height:35px;
}
.blue-form select{
    padding-top:5px;
}
.fields-div{
    display: none;
}
.radio-label{
    font-size:0.8em;
    font-weight:bold;
}
.gold-text{
    color:#8F813E;
    width:280px;
    margin:auto;
}
.gold-text a{
    color:#8F813E;
}
.gold-text a:hover{
    color:#80713E;
}

.terms-list{
    list-style: none;
}
.terms-sub-list{
    margin-left: -52px;
    padding: 6px

}
.invite-form-text-box{
    background-image: url(txt_bg.png);
    border: 1px solid #BEBEBE;
    width: 250px;
    height:40px;
    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;
}

.invite-form-text-area{
    background-image: url(txt_bg.png);
    border: 1px solid #BEBEBE;
    width: 500px;
    height:150px;
    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;
}
.pass_sent_box
{
    /* background-color: #8F813E;*/
    color: white;
    height: 70px;
    padding-left: 20px;

}
.pass_sent_heading
{
    font-weight: bold;
    line-height: 70px;
    font-size: 21px;
}
.dates_choose
{
    margin-left:3px; float: left;margin-top: 10px;padding: 2px;text-align: center;width: 25%;
}

.fltrt {
    float: right;
}
.fltlt {
    float: left;
}
.txtspace {
    padding-right: 10px;
    margin-bottom: 10px;
}
.content_columns
{
    float:left;
    width: 64%;
}
.content_columns_ryt
{
    float:right;
    width: 36%;
}
.content_center_column
{
    margin-left: 1%;
    margin-right: 1%;
}
.blnk-spc-6{
    border-top: 1px solid #999999;
    height: 9px;
    line-height: 1px;
}

.package_box
{

}
.tweet_box
{
}
.box{
    border: 1px solid #B3B3B3;
    border-radius: 20px 20px 20px 20px;
    float: left;
    margin-right: 2%;
    margin-top: 15px;
    width: 46%;
}
.package_box:hover
{
    background-color: #F2F2F2;
}
.tweet_box:hover
{
    background-color: #F2F2F2;
}
.tweet_box a{
    text-decoration: none;cursor: pointer;color: #AEAEAE;
}
.tweet_box a:hover{
    color: #0069BF;text-decoration: none;
}
.retweet_box
{
    color: #AEAEAE;
    float: left;
    margin-bottom: 3%;
    margin-right: 3%;
    margin-top: 3%;
    text-decoration: none;
}
.retweet_box a
{
    color: #AEAEAE;text-decoration: none;
}
.retweet_box a:hover
{
    color: #0069BF;text-decoration: none;
}
.package_box img
{
    border-radius: 20px 20px 20px 20px;
    cursor: pointer;
    margin-left: 4.5%;
    margin-top: 5%;
}
.calender img
{
    border-radius: 20px 20px 20px 20px;
    cursor: pointer;
    height: 140px;
    width: 390px;
}
.tweet_box img
{
    float: left;
    margin-left: 5%;
    margin-top: 6%;
}
.tweet_box_content
{
    float: left;
    padding: 5% 4% 0;
    width: 80%;
}
.package_box a
{
    background: none repeat scroll 0 0 #0069BF;
    border-radius: 3px 3px 3px 3px;
    color: white ;
    float: left;
    font-family: "ff-netto-web-1","ff-netto-web-2",sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-left: 12px;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase;

}
.shares a
{
    background: none !important;
    border-radius: 0 !important;
    color: white !important;
    float: left;
    font-family: "ff-netto-web-1","ff-netto-web-2",sans-serif;
    font-size: 20px;
    font-weight: bold;
    /*    margin-left: 0 !important;*/
    padding: 0 !important;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 3px;
}
.shares img
{
    border-radius: 0 !important;
}
.calender a
{
    border-radius: 3px 3px 3px 3px;
    float: left;
    font-family: "ff-netto-web-1","ff-netto-web-2",sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;

}
.calender
{
    float: left;
    margin-top: 2%;
    width: 100%;

}
.total_rsvp{
    float: left;
    margin-left: 10px;
    width: 59%;
}
.feed_time
{
    color: #AEAEAE;
    float: right;
    font-size: 0.75em;
    margin-bottom: 3%;
    margin-right: 5%;
    margin-top: 3%;

}
.shares
{
    display: none;
    float: left;
    font-size: 0.75em;
    margin-bottom: 3%;
    margin-left: 15px;
    margin-top: 2%;
}
.content_columns_loadder
{
    margin-left: 30%;
    margin-top: 3%;
    width: 29%;
    float: left;
}


.statusbarWrapper {
    background: #ffffff; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 ); /* IE6-8 */
    height: 50px;
    width: 100%;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.statusbar ul {
    float: right;
    display: block;
    margin: 0;
    list-style: none;
}
.statusbar li {
    display: inline;
    padding-right: 20px;
}

.statusbar {
    max-width: 1086px;
    margin: auto;
}

/* These are the styles for the PREMIUM flag */

.premiumFlag {
    color: #B3B3B3;
}
.premiumFlag img {
    position: relative;
    top: -3px;
    margin: 0 3px 0 10px;
}


.progress_bar_inside {
    height: 2em;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #A21B00;
}

.progress_bar {
    width: 100%;
    display: inline-block;
    border: 1px solid #BBB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFF;
    text-align: center;
}

.progress_bar_container em {
    color: #A21B00;
}

.popup em {
    font-weight: bold;
    font-style: normal;
}

h4 {
    text-transform: uppercase;
    color: #0069BF;
    font-size: 1.3em;
}




.progress_bar_inside {
    height: 2em;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #A21B00;
}

.progress_bar {
    width: 100%;
    display: inline-block;
    border: 1px solid #BBB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFF;
    text-align: center;
}

.progress_bar_container em {
    color: #A21B00;
}

.popup em {
    font-weight: bold;
    font-style: normal;
}

h4 {
    text-transform: uppercase;
    color: #0069BF;
    font-size: 1.3em;
}

ol {
    padding-left: 1.3em;
}

.recommend-wrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
    font-size: 12px;
  }

  .recommend {
    width:1000px;
    margin:0px auto;
  }

  .recommend li {
    margin:0px;
    list-style:none;
    font-family:'Ek Mukta';
  }

  .recommend a {
    transition:all linear 0.15s;
    color:#919191;
    font-size:16px;

  }

  .recommend li:hover > a, .recommend .current-item > a {
    text-decoration:none;
    color:#be5b70;
  }

  .recommend .arrow {
    font-size:11px;
    line-height:0%;
  }

  /*----- Top Level -----*/
  .recommend > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
  }

  .recommend > ul > li > a {
    padding: 0 25px;
    display:inline-block;
    //text-shadow:0px 1px 0px rgba(0,0,0,0.4);
  }

  .recommend > ul > li:hover > a, .recommend > ul > .current-item > a {
    background:#0069bf;
  }

  /*----- Bottom Level -----*/
  .recommend li:hover .sub-recommend {
    z-index:1;
    opacity:1;
  }

  .sub-recommend {
    min-width:200px;
    width: 100%;
    padding:0px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#fff;
    font-size:16px;

  }

  .sub-recommend li {
    display:block;
    font-size:16px;
  }

  .sub-recommend li a {
    padding: 0 12px;
    display:block;
  }

  .sub-recommend li a:hover, .sub-recommend .current-item a {
    background:#0069bf;
  }
  .sub-recommend-title{ }
  .sub-recommend-title:hover{ color: #0069bf;}
  .bg-non { background: transparent none repeat scroll 0 0 !important;}
   .bg-non a { background: transparent none repeat scroll 0 0 !important;}
   .li-bg-hover a:hover { background:#0069bf !important; color:#fff !important;  }
   .marg-top {
    margin-top: 3% !important;
   }
.invite_text_clr{
 color: #000;   
}