@import url(http://fonts.googleapis.com/css?family=Cabin|Cabin+Condensed:500);

html { position: relative; min-height: 100%; }
body { min-width: 1024px; font-size: 13px; font-family: Cabin,sans-serif; background: url('../img/background_tile.png') repeat top left; }

h1, h2, h3, h4, h5, h6, label { font-family: 'Cabin Condensed',sans-serif !important; }

#user_info_container { float: right; margin-top: 10px; font-weight: bold; }
#container { width: 1024px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; margin-bottom: 170px;}
#header { width: 1024px; height:59px; margin-top:14px; }

#nav-container { margin-left: 35px; margin-top: 20px; float: left; }
#nav-container ol { list-style: none; color: #67308E; font-size: 15px; }
#nav-container ol li { display: inline; }
#nav-container ol li a { color: #67308E; }
li.nav-spacing { margin-left: 32px; }

hr.separator { border:dashed #CCC; border-width:1px 0 0; height:0; margin: 10px 0px; }

#user-info-container { direction: rtl; line-height: 13px;font-size: 12px; margin-right: 7px; }
#profile-img { width: 39px; height: 39px; }
span.span-header-action { color: #89C340; font-weight: bold; font-size: 15px; margin: 0; }

/* == RIGHT INFO BOX == */
#right-info-container { padding: 28px 35px; background-color: #EDE7DE; }
#right-info-box { width:236px; padding: 0px 7px; }
#right-info-box h4 { font-weight: bold; font-size: 22px; color: #67308E; }
#right-social-container { overflow: hidden; width: 250px; }
#facebook-container { margin-top: 12px; margin-bottom: 14px; }
#twitter-container { margin-top: 12px; }
#right-info-box #create-new-event { padding: 10px 58px; font-size:17px; }
#testimonials-container { width: 1024px; margin-top: 38px; margin-bottom: 38px; font-size: 12px; }
/* == END RIGHT INFO BOX == */


/* == FEATURED BOX == */
#featured-title { font-size: 25px;color: #67308E; font-weight: bold; }
.featured-box { margin-top: 20px; margin-bottom: 15px; width: 640px; height: 163px; padding: 8px;background-color: white; }
.featured-flyer { width: 113px; height: 160px; border: solid 1px #e6e6e6; }
.featured-text-box { margin-left: 10px; width: 313px; }
.featured-event-info { height: 88px; padding-top:12px; }
.featured-day-flap { width: 158px; height: 57px; margin-top: -8px; }
.featured-button { width:128px;height:22px;padding: 6px 14px; }
.featured-event-info .f_condensed { font-size: 17px; font-weight: bold; }
.featured-ticket-num { font-size: 16px;font-weight:bold;margin-right: 10px; }
.featured-day-flap div { text-align: center; color: white; line-height: 14px; }
.featured-day-flap .f_regular { font-size: 16px; font-weight: bold;` padding-top: 5px; line-height: 20px; }
.remaining-days { font-size: 35px; font-weight: bold; margin-top: 13px; }
.remaining-days-desc { font-size:12px;  font-weight: bold;  margin-top: 9px;  margin-left: 5px;  line-height: 9px; }
.remaining-days-desc div { font-size: 19px; }
.get-remaining-tickets { font-size:15px;  line-height:14px;  color: #67308E;  margin-top: 7px; }
/* == END FEATURED BOX == */



#more-events-container { width: 1024px; }
#more-events-container h4 { color: #67308E; font-weight: normal; }

#seen-used-container { width: 1024px; }
#seen-used-container div h5 { font-weight: normal; margin-top: 20px;color: #67308E; }
.seen-used-space { margin-left: 26px; }

#login-btn { float: right; padding: 5px 68px; margin-top: 10px; }
#signup-btn { float: right; padding: 5px 71px; margin-top: 10px; }

#howto-create-list, #howto-attend-list { list-style: none; padding: 0; margin: 0; }
#howto-create-list li, #howto-attend-list li { padding-left: 35px; margin-bottom: 10px;}

#footer_container #footer_hr { margin: 0; padding: 0; border-bottom: solid 1px white; }
#footer #footer_container { width: 1024px; margin-left: auto; margin-right: auto; padding: 20px; }
#footer_container .elem_container { float: left;  margin-left: 40px;}

#settings_container { width: 700px; margin-top: 70px; margin-left: 30px; }
#settings_container #settings-btn { width: 280px; margin: 10px 0; }
#settings_container #settings-profile-pic { margin-top: 90px; }
#settings_container input { width: 294px; }

#event-form input, #event-form select { width: 365px !important;}
#tickets_container input {width: 71px !important; }
#slider-range {width: 368px;margin-left:10px;}

#dash_container { width: 1024px; margin-left: auto; margin-right: auto; -moz-box-shadow: 0 0 3px 3px #CCC;-webkit-box-shadow: 0 0 3px 3px #CCC; box-shadow: 0 0 3px 3px #CCC; background-color: white; }
#dash_nav_header { width: 62px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-top: 20px; }

#dash_nav { list-style: none; margin:0; width: 100%; }
#lnk_attending { border-top:dashed 1px black;border-bottom: dashed 1px black; padding: 5px; }
#lnk_created { border-bottom: dashed 1px black; padding: 5px; }
#dash_nav div { width: 113px; margin-left: auto; margin-right: auto; }

#lnk_created div a, #lnk_attending div a { color: #8559A6;}

#attending_container, #created_container { width: 823px; border-left: solid 1px black; min-height: 300px; }
#attending_container h5, #created_container h5 { color: #8559A6;}
#attending_container #ac_header, #created_container #cc_header { background-color: #672F90; padding: 5px; color: white;}

#aboutus_team div { color: #855AA2; margin-left: auto; margin-right: auto; margin-bottom: 10px; width:72px;}
div span a, #right-info-box a { color: #95BB66; }
#right-info-box a:hover { color: #005580; }
/* -- Utils -- */
.f_condensed { font-family: 'Cabin Condensed',sans-serif; }
.f_regular { font-family: Cabin,sans-serif; }
.box-shadow { -moz-box-shadow: 0 0 3px 3px #CCC;-webkit-box-shadow: 0 0 3px 3px #CCC; box-shadow: 0 0 3px 3px #CCC; padding: 6px; }
.box-shadow1 { border: solid 1px #DDD; -moz-box-shadow: 0 0 6px 1px #DDD;-webkit-box-shadow: 0 0 6px 1px #DDD; box-shadow: 0 0 6px 1px #DDD; }
.auto_margin { margin-left: auto; margin-right: auto;}
.clear { clear: both; }
.push { height: 100px; }
.f_left { float: left; }
.f_right { float: right; }
.break_word { word-wrap: break-word;}

.dash_nav_active { background-color: #672F90; }
.dash_nav_active div a { color: white !important; }

.qq-upload-button input[type=file] { left: 0 !important;}

.nav_highlight { padding: 10px; line-height: 36px; background: url('../img/menu_green_btn.png') repeat-x left top; }

.event_container { position: relative; float: left; padding-top: 15px; width: 234px; height: 391px; -moz-box-shadow: 0 0 3px 3px #CCC;-webkit-box-shadow: 0 0 3px 3px #CCC; box-shadow: 0 0 3px 3px #CCC; }
.event_container .view_event { width: 65px; display: none; position: absolute; top: 129px; left: 90px; }
.event_container .info_container { width: 197px; margin-left: auto; margin-right: auto; }

.progress-bar-big-initial  { height: 11px; background: url('../img/loadbar_yellow_big.png') repeat-x top left;}
.progress-bar-big-advanced { height: 11px; background: url('../img/loadbar_green_big.png') repeat-x top left;}

.progress-bar-small-initial  { height: 9px; background: url('../img/loadbar_yellow_sml.png') repeat-x top left; }
.progress-bar-small-advanced { height: 9px; background: url('../img/loadbar_green_sml.png') repeat-x top left; }

.footer { margin-top: 115px; width: 100%; min-width: 1024px;  left: 0; bottom: 0; height: 131px; color: white; background-color: #67308D; }
.footer a { color: white; }

/* Firefox only */
@-moz-document url-prefix() {
    .footer { margin-top: 30px; width: 100%; min-width: 1024px; position: absolute; left: 0; top: 100%; height: 131px; color: white; background-color: #67308D; }
}

.modal_error { color: red; font-size: 14px; }
span.error { color: #BD3947; }

/* Fix overlay between datepicker and slider */
#ui-datepicker-div { z-index: 10 !important; }

/* Twitter Bootstrap overrides and customization */
.form-horizontal .control-group { margin-bottom: 5px;}

#login-modal .modal-body { margin-top: 15px; }
#login-modal .control-label { width: 120px; }
#login-modal .controls { margin-left: 145px; }

#login-modal h3, #signup-modal h3, #thankyou-modal h3, #forgot_password-modal h3, #fb_email-modal h3 {
  color: #855AA2;
  font-family: 'Cabin Condensed',sans-serif;
}

#signup-modal .modal-body { margin-top: 15px; }
#signup-modal .control-label { width: 120px; }
#signup-modal .controls { margin-left: 145px; }
#signup-modal input { width: 175px; }

#login-modal { width: 700px; height: 300px; }
#signup-modal { width: 770px; height: 550px; }
#auth-modal { width: 650px; height: 300px; }

.btn-custom {
      background-color: hsl(276, 52%, 31%) !important;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#893bbd", endColorstr="#572578");
      background-image: -khtml-gradient(linear, left top, left bottom, from(#893bbd), to(#572578));
      background-image: -moz-linear-gradient(top, #893bbd, #572578);
      background-image: -ms-linear-gradient(top, #893bbd, #572578);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #893bbd), color-stop(100%, #572578));
      background-image: -webkit-linear-gradient(top, #893bbd, #572578);
      background-image: -o-linear-gradient(top, #893bbd, #572578);
      background-image: linear-gradient(#893bbd, #572578);
      border-color: #572578 #572578 hsl(276, 52%, 26.5%);
      color: #fff !important;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
      -webkit-font-smoothing: antialiased;
      font-family: Cabin Condensed,sans-serif !important;
}

.btn-share {
    background-color: hsl(85, 92%, 31%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#78c808", endColorstr="#5b9706");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#78c808), to(#5b9706));
    background-image: -moz-linear-gradient(top, #78c808, #5b9706);
    background-image: -ms-linear-gradient(top, #78c808, #5b9706);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c808), color-stop(100%, #5b9706));
    background-image: -webkit-linear-gradient(top, #78c808, #5b9706);
    background-image: -o-linear-gradient(top, #78c808, #5b9706);
    background-image: linear-gradient(#78c808, #5b9706);
    border-color: #5b9706 #5b9706 hsl(85, 92%, 28.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
    -webkit-font-smoothing: antialiased;
}

#navigation .a1 { background: url('../img/a1.png') no-repeat top left; }
#navigation .a2 { background: url('../img/a2.png') no-repeat top left; }
#navigation .a3 { background: url('../img/a3.png') no-repeat top left; }
#navigation .a4 { background: url('../img/a4.png') no-repeat top left; }

#navigation .b1 { background: url('../img/b1.png') no-repeat top left; }
#navigation .b2 { background: url('../img/b2.png') no-repeat top left; }
#navigation .b3 { background: url('../img/b3.png') no-repeat top left; }
#navigation .b4 { background: url('../img/b4.png') no-repeat top left; }

#navigation .c1 { background: url('../img/c1.png') no-repeat top left; }
#navigation .c2 { background: url('../img/c2.png') no-repeat top left; }
#navigation .c3 { background: url('../img/c3.png') no-repeat top left; }
#navigation .c4 { background: url('../img/c4.png') no-repeat top left; }

#navigation ul li div { padding:10px 54px; }

#steps input { margin-bottom: 0 !important; }

#content {
    margin:15px auto;
    width:800px;
    position:relative;
    height:100%;
}

#wrapper {
    width:800px;
    overflow:hidden;
}

#steps {
    width:800px;
    overflow:hidden;
}
.step {
    float:left;
    width:800px;
}

#navigation {
    height:45px;
}

#navigation ul {
    list-style:none;
	float:left;
}

#navigation ul li{
	float: left;
	margin:0px 2px;
    width: 196px;
    height: 40px;
}

#navigation ul li a {
    color: white;
}

#steps form fieldset {
    border:none;
    padding-bottom:20px;
}

.cont{
    margin-top: 10px;
}

#tickets_container .ticket_type, #tickets_container .ticket_perk {
    margin-top:5px;
}

#tickets_container .ticket_type input, #tickets_container .ticket_perk input {
    width: 280px !important;
}

#tickets_container .ticket_price, #tickets_container .ticket_available, #tickets_container .ticket_discount {
    margin-left: 49px;
    margin-top:5px;
}

#tickets_container .ticket_available input {
    width: 125px !important;
}

#tickets_container .ticket_status {
    margin-left: 45px; 
    margin-top:5px
}

#tickets_container .ticket_status select {
    width: 139px !important;
}

#tickets_container .ticket_sale_price {
    margin-left: 344px;
    width: 115px;
    font-size: 12px;
    font-family: 'Cabin Condensed',sans-serif !important; 
    font-weight: bold;
}

#tickets_container .ticket_remove {
    color: red;
    margin-top: -5px;
    margin-left: 25px;
    cursor: pointer;
    text-decoration: underline;
}

.faq_question h4 {
    color: #67308e;
}

.btn-order-buy {
    padding: 9px 34px; 
    margin-bottom:7px;
}

.share-promote-box {
    color: #67308E; 
    margin-right: 14px; 
    margin-top:2px;
    line-height: 16px; 
    font-weight:bold;
}


img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.


.jspContainer
{
  overflow: hidden;
  position: relative;
}

.jspPane
{
  position: absolute;
}

.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}

.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
  margin: 0;
  padding: 0;
}

.jspCap
{
  display: none;
}

.jspHorizontalBar .jspCap
{
  float: left;
}

.jspTrack
{
  background: #dde;
  position: relative;
}

.jspDrag
{
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
}

.jspArrow
{
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled
{
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow
{
  height: 16px;
}

.jspHorizontalBar .jspArrow
{
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
  outline: none;
}

.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
}

 Yuk! CSS Hack for IE6 3 pixel bug :( 
* html .jspCorner
{
  margin: 0 -3px 0 0;
} */