#language {
    color: white;
    font-size: 12px;
    font-weight: bold;
    right: 10010px;
    position: absolute;
    top: 7px;
    margin-bottom: 3px;
}

#language a.top-link {
    color: #FFE226;
    margin-left: 5px;
    margin-right: 5px;
}

#language select {
    background-color: #479600;
    border: 1px solid #666666;
    color: white;
    font-weight: bold;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: -2px;
    padding: 3px;
}

/* Front page box shadows */
.events .holder:hover {
     box-shadow: 0 0 10px gray;   
}

#search-pagination-holder {
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 10px;
    width: 100%;
}

#search-pagination {
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
}

#search-pagination a{
    border:solid 1px #DDDDDD;
    margin-right:2px;
}

#search-pagination a:link,
#search-pagination a:visited {
    padding:3px 6px;
    text-decoration:none;
    background: white;
}

#search-pagination a:hover{
    border:solid 1px #666666;
} 

#search-pagination .current {
     background: #68BA0A !important;
     color: white !important;
}
#optionsDiv1{
    overflow:scroll;
    height:400px !important;
}
#optionsDiv1 ul {
    width:300px;
}

/* Event Page */
.event-param-list li {
    margin-bottom: 10px;
}

.event-param-list h3 {
    float: left;
    font-weight: bold;
    margin-right: 3px;
}

/* There is some problem with left floated headers in mobile chrome and firefox
   that cause header to be shown too small. Something like this:
   http://code.google.com/p/chromium/issues/detail?id=152459.
   
   fix this currently with media query
*/
@media only screen and (max-device-width: 480px) {
  .event-param-list h3 {
     float: none !important;
     font-weight: bold;
     margin-right: 3px;
  }
}

.event-param-list p {
    clear: right;
    margin-bottom: 1em;
}

.event-textile strong {
    font-weight: bold;
}

.event-textile em {
    font-style: italic;
}

.event-textile a {
    color: #4C9D00;
}

.event-textile p {
    clear: both;
}

.bold {
    font-weight: bold;
}

div#new-event-form {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid black;
    padding: 20px;
    width: 600px;
}

div#new-event-form#add-event-header {
    font-size: 140%;
}


.error{
 	border:1px solid red !important;	
}

.notification {
				border-radius:6px;
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../../admin/images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../../admin/images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../../admin/images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.server-error{
              background: #ffcece url('../../admin/images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;  
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }


.clear1{
    height:10px;
}
.clear2{
    height:20px;
}
.clear3{
    height:30px;
}
.clear4{
    height:40px;
}
.clear5{
    height:50px;
}
/* Add event page */
#add-event-div input, textarea {
    width: 400px;
}

#add-event-div li {
    margin-bottom: 20px;
}



/*Event registration and other related page styles*/
.price {
    float: right;
    color: #575859;
    font: 24px/1.291em "ChevinDemiBold", Arial, Helvetica, sans-serif;
    margin: 10px 13px 13px;
}

.payment-header {
    color: #575859;
    font: 24px/1.291em "ChevinDemiBold", Arial, Helvetica, sans-serif;
    margin-top: 13px;
    float: left;
}

.payment-total {
    color: #D29600;
    font: 24px/1.291em "ChevinDemiBold", Arial, Helvetica, sans-serif;
    margin-top: 13px;
    float: right;
    text-decoration: underline;
}

.participant-male {
    background: url("../images/bg-sex-box.png") no-repeat scroll 0 -67px transparent;
    color: #FFFFFF;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 31px;
    margin-right: 10px;
}

.participant-female {
    background: url("../images/bg-sex-box.png") no-repeat scroll -70px -67px; transparent;
    color: #FFFFFF;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 31px;
    margin-right: 10px;
}

.payment-div {
    border-left: 1px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
    margin-bottom: 40px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.registrations-div {
    border-left: 1px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
}

.payer {
    margin-bottom: 10px;
    text-decoration: underline;
}

#payer-form {
    margin: 0 auto;
    padding: 14px;
}

#payer-form input[type="text"],
#payer-form select {
    color: #666666;
    float: left;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #929393;
    width: 150px;
    margin: 2px 0 20px 10px;
}

#payer-form .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}

#payer-form label.input-description {
    display: block;
    font-weight: bold;
    text-align: right;
    width: 140px;
    float: left;
}

.clearer {
    clear: both;
    margin-bottom: 10px;
}

.validation-error {
    font: 17px "ChevinDemiBold", Arial, Helvetica, sans-serif;
    margin-left: 13px;
    margin-bottom: 20px;
    padding: 5px;
    background-color: #FFEFF4;
    border: 1px solid red;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.payer-validation-error-image {
    margin-left: 5px;
    margin-top: 5px;
}

.payer-validation-error-input {
    border: solid 1px red !important;
}

.red {
    color: red !important;
}

.validation-error-text {

}

input.validation-error-text,select.validation-error-text {
    border: solid 1px red !important;
}

.cart-table {
    width: 700px;
    font: 15px "ChevinMedium", Arial, Helvetica, sans-serif;
}

.cart-table th {
    font: 17px "ChevinDemiBold", Arial, Helvetica, sans-serif;
    border-top: 1px dashed gray;
    border-bottom: 1px dashed gray;
    padding-top: 15px; 
    color: gray; 
    background: white;
}

.cart-table tr {
    height: 50px;
}

.cart-table tr td {
    padding: 12px;
}

.cart-table tr.total {
    text-align: center; 
    border-top: 1px dashed gray; 
    border-bottom: 1px dashed gray;
    background: white;
    font-weight: bold;
    color: gray; 
}

.cart-table tr td.first {

}

.cart-table tr td.second {
    width: 90px;
    text-align: center;
}
.cart-table tr td.third {
    width: 70px;
    text-align: center;
}

.runner-form {
    margin:0 auto;
    width: 500px;
}

.runner-form input[type="text"],
.runner-form select,
.runner-form textarea,
.login-form input[type="text"],
.login-form input[type="password"],
.add-event input[type="text"],
.add-event textarea,
.add-event select,
.group-form input[type="text"],
.my-comment input[type="text"],
.my-comment textarea {
    color: #666666;
    float:left;
    font-size:12px;
    padding: 7px;
    border:solid 1px #929393;
    width:300px;
    margin:2px 0 20px 10px;
}

.runner-form input[type="checkbox"] {
    color: #666666;
    margin-left: 10px;
}

#cart .small,
.runner-form .small,
.login-form .small,
.add-event .small,
.group-form .small {
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:200px;
}

#cart label,
.runner-form label,
.login-form label,
.add-event label,
.group-form label {
    display:block;
    font-weight:bold;
    text-align:right;
    width:200px;
    float:left;
}

.clearer {
    clear: both;
    margin-bottom: 10px;
}


.loading {
    background-color: white;
    border: 1px solid lightgray;
    clear: both;
    color: #717272;
    display: block;
    font: 14px/1.291em "ChevinDemiBold",Arial,Helvetica,sans-serif;
    padding: 5px;
    height: 32px;
    margin-bottom: 20px;
}

#cart {
    float: right;
    width: 230px;
}

.participant {
    clear: both;
    margin-bottom: 20px;
}

.participant-male {
    background: url("../images/bg-sex-box.png") no-repeat scroll 0 -67px transparent;
    color: #FFFFFF;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 31px;
    margin-right: 10px;
}

.participant-female {
    background: url("../images/bg-sex-box.png") no-repeat scroll -70px -67px; transparent;
    color: #FFFFFF;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 31px;
    margin-right: 10px;
}

#registration-to-event-information {
    float: left;
}


#participant-search-bar{
    border:1px solid #DDDDDD;
    padding:10px;
}
    
#participant-search-bar input{
    height:30px;
    width:30%;;
    color:#B1B1B1;
    font-weight:bold;
}
 
.login-error {
    font-size: 12px;
    color: red;
    text-align: center;
    background: #FFF2F6;
    border: 1px solid red;
    width: 200px;
    margin: 0px auto;
    padding: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.login-warn {
    font-size: 12px;
    color: #D29600;
    text-align: center;
    background: #FFF5DD;
    border: 1px solid #D29600;
    width: 200px;
    margin: 0px auto;
    padding: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.login-ok {
    font-size: 12px;
    color: #175701;
    text-align: center;
    background: #F0FFE2;
    border: 1px solid #175701;
    width: 200px;
    margin: 0px auto;
    padding: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.small-button {
    display: inline-block;
    width:88px;
    height:27px;
    font-size:13px;
    /*line-height:27px;*/
    color:#585859;
    font-weight:bold;
    text-align:center;
    text-shadow:1px 1px 0 #fff;
    /*background:url(../images/btn.png) no-repeat 0px -54px ;*/
    text-shadow:1px 1px 0 #fff1a3;
    cursor: pointer;
}

.small-button-light {
    background: url("../images/btn.png") no-repeat scroll -99px -55px;
    color: #444444;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 88px;
}

 
.large-button {
    display: inline-block;
    width:209px;
    height:45px;
    text-align:center;
    color:#585859;
    text-shadow:1px 1px 00 #fff;
    /*background:url(../images/btn.png) no-repeat 0 -88px;*/
    text-decoration:none !important;
    font-weight:bold;
    font-size:18px;
    line-height:45px;
    padding:0 0 5px;
    cursor: pointer;
}

.large-button:hover {
    background-position:-220px -88px;
}

.large-button:active{
    background-position:0 -140px;
    color:#585859;
    text-shadow:-1px -1px 00 #fff;
}

.large-gray-button {
    display: inline-block;
    width:211px;
    height:41px;
    text-align:center;
    color:#585859;
    text-shadow:1px 1px 00 #fff;
    background:url(../images/btn.png) no-repeat 0 -191px;
    text-decoration:none !important;
    font-weight:bold;
    font-size:18px;
    line-height:45px;
    padding:0 0 5px;
    cursor: pointer;
}

.large-gray-button:hover {
    background-position: 0 -239px;
}

.large-gray-button:active{
    background-position: 0 -288px;
    color:#585859;
    text-shadow:-1px -1px 00 #fff;
}

.event-added-successfully {
    font: 17px "ChevinDemiBold", Arial, Helvetica, sans-serif;
    margin-left: 13px;
    margin-bottom: 20px;
    padding: 5px;
    background-color: #D4FF91;
    border: 1px solid green;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}

.google-map-marker-info a {
    font-size: 0.8em;
}

#buy-breadcrumb {
    margin-bottom: 60px;
    list-style-type: none;
    padding-left: 0px;
}


#buy-breadcrumb li {
    display: inline;
}

#buy-breadcrumb li span.step {
    padding: 10px;
    background: #E9E9E9;
    width: 200px;
    float:left;
    text-align: center;
    color: gray;
}

    
#buy-breadcrumb li span.selected-step {
    background: gray;
    font-weight: bold;
    color: white;
}

/* Content pages */
.content-page strong,
.event-listing strong,
.article-full article strong {
    font-weight: bold;
}

.content-page b,
.event-listing b,
.article-full article b {
    font-weight: bold;
}

.content-page i,
.event-listing i,
.article-full article i {
    font-style: italic;
}


.content-page a,
.event-listing a,
.article-full article a {
    color:#2B6300;
}

.content-page a:hover, 
.event-listing a:hover,
.article-full article a:hover, {
    text-decoration:none;
    color:#549701;
}


.content-page ol li,
.event-listing ol li,
.article-full article ol li {
    list-style: decimal;
    margin-left: 1.5em;
    line-height: 2em;
}

.content-page ul li,
.event-listing ul li,
.article-full article ul li {
    list-style: disc;
    margin-left: 1.25em;
    line-height: 2em;
}

.content-page em,
.event-listing em
.article-full article em {
    font-style: italic;
}

.content-page .center {
    text-align: center;
}


.content-page h1,
.event-listing h1,
.articles h1,
.article-full h1 {
    font: 2.8em "ChevinDemiBold",Arial,Helvetica,sans-serif;
}

.content-page h2,
.event-listing h2,
.articles h2,
.article-full h2  {
    font: 2.0em "ChevinDemiBold",Arial,Helvetica,sans-serif;
}

.content-page h3,
.event-listing h3,
.articles h3,
.article-full h3  {
    font: 1.5em "ChevinDemiBold",Arial,Helvetica,sans-serif;
}

.content-page h4,
.event-listing h4,
.articles h4,
.article-full h4  {
    font: 1.2em "ChevinDemiBold",Arial,Helvetica,sans-serif;
}

.content-page table {
    border-collapse:collapse;
    width: 95%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.content-page td {
    border: 1px solid gray;
    padding: 5px;
    background-color: #F9F7F7;
}

.content-page td.header-cell {
    border: 0px !important;
    font-weight: bold;
    background-color: #F2F2F2;
}

.content-page th {
    text-transform: uppercase;
    padding-bottom: 10px;
}

.content-page blockquote {
    padding-left: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-style: italic;
}

.content-page .ticks{ background:url("../images/ticks.png") top left no-repeat; margin: 0 auto;}
.content-page .green-tick{ width:23px; height:18px; background-position:-10px -10px; }
.content-page .black-tick{ width:23px; height:18px; background-position:-10px -38px; }

/* Event listing */
div.event-listing {
    text-align: center;
}

.event-listing a {
    margin-left: 20px;
}

div.listing-section {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 6em;
    clear:both;   
}

/* Content page product */
.product-column {
    float: left;
    text-align: center;
    margin-top: 30px;
    margin-right: 12px;
    margin-left: 2px;
    box-shadow: 0px 2px 2px #858585;
    border-radius: 2px;
    background:url("../images/noise.png") top left repeat;
}

.last {
    margin-right: 0px !important;
}

.product-column .action {
    position: relative;
    top: -13px;
    left: 110px;
    border: 2px solid white;
    border-radius: 5px;
    color: #585859;
}

.product-header {
    width: 308px;
    height: 248px;
    padding-top: 30px;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #f9fcff;
    background:url("../images/noise.png") top left repeat;
}

.product-header h2 {
    padding-top: 116px;
    text-shadow: 1px 2px #545454;
}

.product-header p.slogan {
    font: 12px Arial;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    white-space: nowrap;
}

.product-header p.quote {
    margin-top: 10px;
    font: 16px "ChevinBold",Arial,Helvetica,sans-serif;
    color: #ffcc07;
    text-shadow:
     -1px -1px 3px #212a2d,  
      1px -1px 3px #212a2d,
     -1px 1px 3px #212a2d,
      1px 1px 3px #212a2d;
}

.product-header-1 {
    background:url("../images/shoes.png") top left no-repeat; 
    width:171px; 
    height:113px; 
    background-position:-10px -10px;
    margin:0 auto;
}

.product-header-2 {
    background:url("../images/shoes.png") top left no-repeat; 
    width:192px; 
    height:113px; 
    background-position:-10px -133px;
    margin:0 auto;
}

.product-header-3 {
    background:url("../images/shoes.png") top left no-repeat; 
    width:197px; 
    height:113px; 
    background-position:-10px -256px;
    margin:0 auto;
}


.product-features {
    text-align: left !important;
    padding-bottom: 20px;
    border-radius: 5px;
}

.product-features ul li {
    list-style-position: inside;
    color: #575859;
}

.product-features-1 {
    background-color: #d6f3fc;
}

.product-features-2 {
    background-color: #dcf2c2;
}

.product-features-3 {
    background-color: #e9e9e9;
}

.testimonials {
    clear: both;
    padding-top: 24px;
    font: 16px "ChevinMedium",Arial,Helvetica,sans-serif;
}

.testimonial {
    margin-top: 24px;
    padding-top: 15px;
    padding-bottom: 24px;
    border-top: 1px solid #575859;
    width: 224px;
    float: left;
    margin-right: 20px;
    font-style: italic;
    height: 280px;
    
}

.given-by {
    padding-top: 20px;
    font-style: normal;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
} 

.given-by:before {
    content: "—";
}

/* Team */
.team-column {
    width: 285px;
    margin-right: 50px;    
    float: left;  
    margin-top: 30px;
}

.team-column h2 {
    font: 24px "ChevinMedium", Arial, Helvetica, sans-serif;
    padding-top: 0.75em;
    padding-bottom: 0.25em;
}

.team-column .name {
    font: 24px "ChevinDemiBold", Arial, Helvetica, sans-serif;
}

.team-column div.team-quote {
    height: 150px; 
    border-top: 1px solid #575859;
    font-style: italic;
    font: 16px "Chevinmedium", Arial, Helvetica, sans-serif;
    font-style: italic;
    padding-top: 10px;
}

/* Participant list */
.participant-list-table{
    width:100%;
    font-size:0.875em;
    line-height:1.139em;
    color:#565859;
    margin:0 0 21px;
}
.participant-list-table caption{display:none;}
.participant-list-table th{
    border:1px solid #c2c2c2;
    font-size:0.857em;
    line-height:1.189em;
    font-weight:bold;
    text-align:center;
    padding:14px 0 !important;
    width:164px;
}
.participant-list-table h2{
    font-size:1.333em;
    line-height:1.145em;
    font-weight:bold;
    margin:0;
}
.participant-list-table td{
    border:1px solid #d5d5d5;
    text-align:center;
    padding:12px 0 5px;
}

.participant-list-table p{margin:0 0 7px;}

/* Follow buttons */
.follow-button{ 
    background:url("../images/follow_buttons.png") top left no-repeat;
    display: inline-block;
    width:92px;
    height:31px;
    text-align:center;
    text-decoration:none !important;
    font-size:11px;
    line-height:31px;
    cursor: pointer;
}

.follow-button:hover{ width:92px; height:31px; background-position:-10px -133px; }
.follow-button:active{ width:92px; height:31px; background-position:-10px -92px; }
.follow-button-no{ width:92px; height:31px; background-position:-10px -174px; }

.unfollow-button{ 
    background:url("../images/follow_buttons.png") top left no-repeat;
    display: inline-block;
    width:92px;
    height:31px;
    text-align:center;
    text-decoration:none !important;
    font-size:11px;
    line-height:31px;
    cursor: pointer;
}
.unfollow-button-following{ width:92px; height:31px; background-position:-10px -51px; }
.unfollow-button-following:hover{ width:92px; height:31px; background-position:-10px -10px; }

/* Make jquery ui header smaller */
.ui-datepicker .ui-datepicker-title {
    font-size: 0.7em;
}

/* Group form */
.group-form {
    margin-top: 2em;
}

.group-form .group-member-error label {
    color: red; 
}

/* Breadcrumb */
.breadcrumb {
    font-size: 0.9em;
}

.breadcrumb div {
    display: inline;
}

/* Articles  */
.articles article,
.article-full article {
    background-color: #ffffff;
    border: 1px solid #C2C2C2;
    padding: 1em 2em 1em 2em;
    margin-bottom: 1em;
}

.articles article p.pubdate,
.article-full article p.pubdate {
    font-size: 0.8em;
    margin-bottom: 1em;
}

.articles article a.read-more {
    display: block;
    margin-top: 1em;
}

.article-full p {
    margin-bottom: 1em;
}