/* global */
* {margin:0;padding:0;}
body,html,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,img,legend,input,textarea,p,blockquote,address{margin:0;padding:0;}
fieldset,img{border:0;}
#user-info li{ list-style:none; }
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
p, h1, h2, h3, h4, h5, h6, ul{margin-bottom:10px}
a:hover,
a:focus{text-decoration:none}
/* accessibility */
a.skip{position:absolute; left:-1000em; width:200px; z-index:999; display:block}
a.skip:active,
a.skip:focus{left:0; color:#000; background-color:#ffc652; padding:10px; font-weight:bold; width:98%; text-decoration:none; text-align:center}
tr.group{cursor:pointer}
.c{font-size:0;height:0;clear:both;}
#jsts, #ui-datepicker-div{display:none}

html { margin:0; padding:0; }
body { font-family: Helvetica, sans-serif; font-size:12px;  background:#4f7ed8 url('../images/bg.jpg') no-repeat bottom center; background-attachment: fixed; }
#inner-wrap { width:960px; margin:15px auto 15px auto; box-shadow: 0 5px 14px 4px rgba(0,0,0,0.6); background:white; }
#head{ height:118px; padding:0 20px; background-color:#333; position:relative; }
a.button{background-color:#fff; margin-top: 4px; margin-right: 5px; padding:1px 3px; display:inline-block; color:#000; text-decoration:none;}
a.button:focus,
a.button:hover{background-color:#a7bfec}
a.fb{text-align:right; height:32px; width:32px; margin-top:0px; display:block;}
input.button {margin-top: 4px; margin-right: 5px; }

a.square-button{display:inline-block; color:#fff; padding:10px; background-color:#ffc652; font-size:18px; font-weight:bold; text-decoration:none}
/* a.square-button:hover {background-color:#fdad4f} */

.hidden{ display:none }
.right { float:right; }
.close{ position:absolute; right:4px; top:4px; }
.ui-state-help{ position:relative; background-color: #fff0a5; border:1px solid #FED22F; color:#363636; padding:5px 10px 0 10px; display:none}
.ui-state-help a { color:#000 }

span.ui-icon{float:left}

ul.footer-links li{ display:inline; margin-right:10px }

#user-info {
    position:absolute;
    right:20px;
    top:20px;
}
#user-info p.who{
    font-size:22px;
    color:white;
    padding-bottom:10px;
}
#user-info ul li {
    float:left;
    margin:4px
}
#user-info .profile-picture {
    margin-left:10px;
    float:right;
    box-shadow:1px 1px 7px 2px black;
    max-width:100px;
    max-height:80px;
    overflow:hidden;
}
#user-info .profile-picture img {
    max-width:100px;
    display: block;
}
#user-info .user-menu {
    float:left;
}
#user-info .user-menu .awesome {
    font-weight:normal;
}
#user-info .user-menu .ui-icon {
    margin-right:5px;
}
#user-info .other {
    float:left;
}

#logo_container { float:left; width:260px; margin-top:32px; }
#logo { display:block; }
.slogan { color:white; font-size:13px; margin-top:-6px; padding-left:56px; }

#bottom-colors div { float:left; height:40px; width:192px; }
#bottom-colors .one { background:#fcbb48; }
#bottom-colors .two { background:#fc575e; }
#bottom-colors .three { background:#7fbbea; }
#bottom-colors .four { background:#6e53ab; }
#bottom-colors .five { background:#9fc54e; }

#second-menu{ margin-top:20px; }
#second-menu li {background-color:#fff; padding:5px 10px; float:left; clear:both}
#second-menu li a{font-weight:100; font-size:18px; text-decoration:none; text-transform:uppercase}
#second-menu li.selected{border-right:5px solid}
#second-menu li.selected-animated{border-right:5px solid}

#footer{  color:#fff; padding:20px 80px 10px 30px; background:#172322; }
#footer a {color:#fff}
#footer h2 {color:#fcbb48; font-size:30px}
#footer em.intro-text{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; }
#footer .copyright { color:#ccc; }

/* content */
.white-box { background-color:#fff; padding:10px 20px 20px 20px; margin-bottom:15px; }
.white-box p {line-height:1.5em}
h1 { color:#fc575e; font-size:30px; }
a { color:#ffa300}

.white { background-color:white; }
.white h1 { color:#333; font-size:18px; padding:20px; border-bottom:1px solid #eee; border-top:1px solid #eee;  }

#content {
  background:white;
  min-height:300px;
}

#left-column { width:200px; float:left; margin-top: 10px; margin-left:10px; }
#main-two-columns { width:720px; float:right; padding-left:20px; margin-top: 10px; margin-right:10px; }
#main-one-column { width:760px; margin:auto; padding:10px 0; }
#main-one-wide-column { }

#title {
  border        : 1px solid #DDD;
  background    : #F0F0F0;
  margin        : 10px 10px 10px 10px;
  text-align    : center;
  height        : 80px;
}

#title h1 {
    line-height : 80px;
    width       : 100%;
}

#title .line {
  border-top: 1px solid white;
}

#search {
  border: 1px solid #DDD;
  background: #F0F0F0;
  margin:10px 10px 10px 10px;
  position:relative;
}
#search .line {
  border-top: 1px solid white;
}
#search .box-form-home {
  width:660px;
  margin:auto;
  padding:10px 0 10px 0;
}


#profile-image { border:5px solid #fc575e; max-width:200px; max-height:160px; overflow:hidden; margin-top:46px; }
#profile-image img { max-width: 200px; display:block; }

.table-style-one .profile-pic { max-width:40px; max-height:40px; overflow:hidden; }
.table-style-one .profile-pic img{ margin-bottom:3px; float:left; padding-right:5px; max-width: 40px; display:block;}
.table-style-one .profile-pic a{display:block; font-size:16px; margin-bottom:4px; text-decoration:none; font-weight:bold;}

.profile{background-color:#fdf3e1; margin-bottom:20px; padding:10px; position:relative; width:440px; }
.profile div{line-height:1.8em}
.profile-page { position:relative; }
.profile-page .edit-link { position:absolute; top:8px; right:5px; }

.profile table { border-collapse:collapse; }
.profile td { vertical-align:top; padding:8px; border-bottom:1px solid white; }
.profile strong {color:#6e53ab; display:block; width:130px;}

.pink-text { color:#fc575e }
.purple-text { color:#6e53ab }
.green-text { color:#9fc54e }
.blue-text { color:#7fbbea; }

.white-box ul li{margin-left:20px; list-style:outside}

.text-col-left,
.text-col-right{float:left; width:335px;}
.text-col-left{margin:0 25px 15px 0}

#content ul,
#content p{margin-bottom:10px;}
#content .intro-text{ font-size:18px; color:#172322; line-height:150%; }

.home-buttons { clear:both; float:left; width:100%; margin-bottom:30px; }
.home-buttons ul li{width:162px; height:161px; display:block; float:left; margin-right:24px; overflow:hidden }
.home-buttons ul li.last{ margin-right:0}
.home-buttons ul li a{width:162px; height:161px; display:block; float:left;}

.home-buttons ul li.destinations a{background:#7fbbea url('../images/home-google-map.gif') no-repeat top left; text-decoration:none; font-size:20px; color:#172322}
.home-buttons ul li.destinations a span{margin:130px 0 0 10px; display:block}
.home-buttons ul li.stories a{background:#9fc54e url('../images/home-stories.jpg') no-repeat top left; text-decoration:none; font-size:20px; color:#172322}
.home-buttons ul li.stories a span{margin:130px 0 0 10px; display:block}
.home-buttons ul li.football a{background:#9fc54e url('../images/football/football-box.jpg') no-repeat top left; text-decoration:none; font-size:20px; color:#172322}
.home-buttons ul li.football a span{margin:130px 0 0 10px; display:block}
.home-buttons ul li.blog a{background:#fcbb48 url('../images/home-latest-blog.jpg') no-repeat top left; text-decoration:none; font-size:20px; color:#172322}
.home-buttons ul li.blog a span{margin:130px 0 0 10px; display:block}
.home-buttons ul li.festivals a{background:#fc575e url('../images/temp/festivals.jpg') no-repeat top left; text-decoration:none; font-size:20px; color:#172322; }
.home-buttons ul li.festivals a span{margin:130px 5px 0 5px; display:block;}


.home-buttons ul li.join a{background:#fc575e url('../images/home-join.gif') no-repeat top left; text-decoration:none; font-size:16px; color:#172322; }
.home-buttons ul li.join a span{margin:130px 5px 0 5px; display:block; width:140px}

.map-home, #popup-content{width:692px; height: 300px; clear:both; float:left}


/* home form */
#content legend,
#content label{color:#6ca7d5}

#head .login-tools { float:right; margin-top:50px; }
.login-tools { display:inline; }

.box { padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #eee; }
.searchResults ul li a{background:#cee995 !important;}

.box-form-home .input-box { width:109px; border:1px solid #ccc; padding:5px}
.box-form-home fieldset,
.box-form-home label{display:block; float:left; margin-bottom:5px}

/* home forms */
.form-style-home  label { /*color:#6ca7d5;*/ color:#333; font-size:16px;}
.form-style-home .radio, .form-style-home .checkbox { float:left; margin-right:10px; font-size:14px; }
.form-style-home .radio-group { float:left; margin-top:10px; width:100%; font-size:14px; }
.form-style-home .from { width:177px; float:left; margin-right:22px}
.form-style-home .repeat { width:80px; float:left; margin-right:22px; font-size:12px; }
.form-style-home .date { width:140px; float:left; margin-right:22px; font-size:12px; }
.form-style-home .spacer { padding: 0px; float:left; margin-right:5px; margin-left:5px; font-size:12px; text-align: center; }
.form-style-home .repeat label, .form-style-home .date label, .form-style-home .type label { font-size:16px; color:#333; }
.form-style-home .radio-group label {margin-right:20px; font-size:16px; }
.form-style-home .type { width:350px; float:left}
.form-style-home .to,
.form-style-home .from { clear:both; float:left; width:700px}
.form-style-home .to .input-box,
.form-style-home .from .input-box { width:545px; height:30px; font-size:24px; padding:5px; color:#9fc54e; font-family:Arial, Helvetica, sans-serif; float:left; clear:both}
.form-style-home .from { margin-top:0px; }
.form-style-home .from .input-box { color:#FFC652; margin-top:0px; margin-bottom:10px;}
.form-style-home .to label,
.form-style-home .from label { text-indent:-2000em; height:0px}
.form-style-home .from { margin-top:8px; }

.btn.form,
.btn.search {
    float       : left;
    background  : #FFA300;
    color       : white;
    font-weight : bold;
    font-size   : 30px;
    width       : 131px;
    height      : 42px;
    margin-left : 5px;
    border      : none;
}
.btn.form:hover,
.btn.form:focus,
.btn.search:hover,
.btn.search:focus {
    background : #91bd09;
    cursor     : pointer;
}

.form-style-home input.datepicker { text-align:center; padding-right:20px !important; }

input.datepicker { background:#fff url('../images/icons/cal.gif') no-repeat center right; }

.box-form-home .like-us { color:#555; padding-top:10px; margin-top:50px; border-top:1px solid #eee; }

.box-form-home .home-login { color:#333; font-size:15px; margin-top:10px; margin-bottom:30px; }
.box-form-home .home-login span { padding-left:10px; }


/* search page */
h1#search-title {float:left; width:100px}
#map-key{float:right}
#map-key ul {list-style:none; margin:0; padding:0}
#map-key ul li{float:left; display:block; margin:0; padding:0;}
#map-key ul li img{display:block; float:left; width:34px}
#map-key ul li span{display:block; float:left; margin-top:8px; margin-right:10px; color:#666; font-size:11px}

.col-search-map { float:right; }
.col-search-box { float:left; clear:both; width:135px; background-color:#efefef; height:300px; padding:5px 10px; position:relative}
.col-search-box .form-one label{text-align:left; width:120px; margin:10px 0 10px 0;}
.col-search-box .form-one input{width:120px}
.col-search-box .btn.search{float:left; position:absolute; bottom:10px; left:10px; font-size: 20px;height:30px;width:100%;}
.map-search-page{width:540px; height:310px; }
.map_canvas{float:right; height:400px; width:410px;}
.map_canvas .no-route{ width:100%; }

.search-box { float:left; width:160px; background-color:#efefef; height:290px; padding:5px 10px 5px 30px; }
.search-box .form-one label{text-align:left; width:120px; margin:10px 0 10px 0;}
.search-box .form-one input{width:120px}
.search-box .btn.search { margin-top: 20px; font-size: 20px;height:30px;width:120px;}
.search-map { width:760px; margin-left:200px; height:300px; }

/* profile page */

#profile-image{float:right}
h3.name { color:#fc575e; font-size:30px; }


/* general forms */
.form-one span.passwordStrength{margin:0 0 10px 10px; display:inline}
.errorMessage{padding:10px 10px 0 10px; margin:10px 0; border:#ff0000 1px solid;color:#000;background-color:#fcd8de}
.errorMessage img{display:inline}
.form-one legend{border:0px;font-size:1.15em;color:#acd52f;padding:0; font-weight:bold;}
.form-one select{padding:3px; margin:0; border:1px solid #ccc; background-color:#fff}
.form-one input[type="number"],
.form-one input[type="text"],
.form-one input[type="password"],
.form-one textarea {
    padding:4px; border:1px solid #ccc;
}
.form-one input[type="checkbox"],
.form-one input[type="radio"] {
    margin:6px 6px 6px 0;
}
.form-one select.fixed-input{width:210px;}
.form-one textarea{border:1px solid #ccc; width:100%; margin-bottom:5px;}
.form-one .required{color:#990000}
.form-one label {
    width:170px;
    float:left;
    text-align:right;
    /*margin:0 5px 10px 0;*/
    padding:5px 14px 0 0;
}
.form-one label.radio,
.form-one label.checkbox {
    display:inline;
    width:auto;
    text-align:left;
    float:none;
    color:#000 !important;
}
.form-one input[type="number"]:focus,
.form-one input[type="text"]:focus,
.form-one input[type="password"]:focus,
.form-one textarea:focus,
.form-one select:focus {
    background-color:#f0f0f0
}
.form-one .datepicker { width:90px; }
input.btn-form,button.btn.form { margin:10px 0 40px 388px; border:0; }
.form-one .hint { color:#777; margin-left:10px; }

.hint { color:#777; margin-left:10px; }

.form-one .inputRow { width:510px; margin-bottom:7px; clear:both; }
.form-one .separatorRow { border-bottom:1px solid #f0f0f0; margin-bottom:20px; margin-top:20px; clear:both; }
.form-one .input { margin-left:185px; }
.form-one .helpBlock { display:block; color:#777; width:120px; position:absolute; right:0; }

.form-one h2 { margin-left:188px; margin-top:20px; }

/* create journey */
.create-journey { float:left; }
#intMilage { padding:4px; display:block; font-style:italic; }

.side-section { margin-left:520px; color:#777; padding:4px; font-size:13px; line-height:150%; }
.side-section h3 { margin-bottom:5px; font-size: 20px; color:#555 !important; font-weight:normal; }

.drag-me { font-size:14px; text-align:center; padding-top:10px; }

/* data tables */
table.table-style-one,
.table-style-one table {border:1px solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse; background-color:#fff}
.table-style-one td, .table-style-one th {padding:2px 5px;border:solid #ccc;border-width: 1px 1px 0 0; font-size:11px}
.table-style-one th {font-weight:bold;background-color:#ebebeb;text-align:left}
.table-style-one td {text-align:left;vertical-align:top;padding-top:5px}
.table-style-one tbody tr:hover {background:#f6f6f6}
.table-style-one tbody tr:hover th {background:#e7eff7}
.table-style-one input[type="text"]:focus, table-style-one select:focus, table-style-one textarea:focus {background:#f6f6f6}

/* definition list */

table dl{margin: 0;padding: 0;}
table dt{margin: 0;padding: 0;font-weight: bold;}
table dd{margin: 0 0 1em 0;padding: 0;}

#popup-content dl{margin: 0;padding: 0;}
#popup-content dt{margin: 0;padding: 0;font-weight: bold;}
#popup-content dd{margin: 0 0 1em 0;padding: 0;}

#popup-contents{width:750px; clear:both; float:left; overflow:hidden}

/* messaging */
#message-header li { list-style:none; margin:0; margin-bottom:2px; }
#message-contents { padding:24px 10px; font-size:14px; border-top:1px solid #eee; border-bottom:1px solid #eee; }
#message-dialog { background-color:#f2f2f2; border: 3px solid #CCC; padding:20px; }
#message-dialog form { width:400px; margin:auto; }
#message-dialog input[type="submit"] { float:right; }
#message-dialog input[type="text"], #message-dialog textarea { width:390px; border:1px solid #bbb; margin:5px 0 10px 0; padding:5px; font-size:13px; }
#message-dialog label { color:#333; margin-bottom:4px; }

/* awesome buttons */
input[type="submit"].awesome { border:none; border-bottom: 1px solid rgba(0,0,0,0.1); }
.awesome, .awesome:visited {
    background: #222 url('../images/button-overlay.png') repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    */
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    position: relative;
    cursor: pointer;
}

.awesome:hover                          { background-color: #111; color: #fff; }
.awesome:active                         { top: 1px; }
.small.awesome, .small.awesome:visited          { font-size: 11px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited        { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited          { font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited      { background-color: #91bd09; }
.green.awesome:hover                        { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited        { background-color: #2daebf; }
.blue.awesome:hover                         { background-color: #007d9a; }
.red.awesome, .red.awesome:visited          { background-color: #e33100; }
.red.awesome:hover                          { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited      { background-color: #a9014b; }
.magenta.awesome:hover                          { background-color: #630030; }
/*
.orange.awesome, .orange.awesome:visited        { background-color: #ff5c00; }
*/
.orange.awesome, .orange.awesome:visited { background-color:#FFA300; }
.orange.awesome:hover                           { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited        { background-color: #ffb515; }
.yellow.awesome:hover                           { background-color: #fc9200; }

/* bug fixes */

  /* clearing */
  .clear{clear:both; overflow:hidden; /* width:100%; */}
  .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
  .clearfix{display:inline-block}
  /* Hides from IE-mac \*/
  * html .clearfix{height:1%}
  .clearfix{display:block}
  /* End hide from IE-mac */

  .spacer { padding : 5px; }

.message-read, .message-unread{ background:#00FF00; height:16px; width:16px; display:block;}
.message-unread{ background:#FF0000;}
.rating{ float:right; text-align:right; margin-top:3px; margin-right:3px; width:250px;}
.accordion-title a {float:left; }

.facebook-friend{ width:59px; text-align:center; float:left; margin-right:7px; margin-bottom:7px;}

.mail-links ul{ list-style:none; margin:0; padding:0; float:right; }
.mail-links ul li{ float:left; display:block; margin:0; margin-left:5px; padding:0; }

#create-messages .success ul li{ list-style:none; }
.outstanding-feedback{ padding:5px; margin:5px; border:1px solid #CCC; width:46%; float:left;}

.unapprove{ background:#FFDFDF;}
.rating-contianer{ padding:5px;}

#search-results { margin-top:10px; }
#search-results a { color:#6ca7d5; }
#search-results li { margin-bottom: 6px; }

.ride h1 { font-size:18px; }

.error { padding:20px; border:1px solid #eee; background-color:#F9F9F9; }
.apology { font-size:14px; padding:20px; }

/* Press */
.press { clear:both; border-top:1px solid #eee; margin-top:10px; padding-top:20px; }
.press h1 { font-size:16px; margin:0; }
.press a { float:left; display:block; width:84px; height:40px; margin-left:28px; background: url('../images/press/csg-4decfa4d1c5dd.png') no-repeat center center; padding:10px; }
/*
#the-telegraph              { background-image:url('../images/press/the-telegraph.jpg'); }
#the-guardian               { background-image:url('../images/press/the-guardian.jpg'); margin-right:0; }
#virtual-festivals          { background-image:url('../images/press/virtual-festivals.jpg'); }
#msn                        { background-image:url('../images/press/msn.jpg'); background-position:center top; }
#the-scotsman               { background-image:url('../images/press/the-scotsman.jpg'); background-position:center 10px; }

#the-telegraph:hover                { background-image:url('../images/press/the-telegraph-color.jpg'); }
#the-guardian:hover                 { background-image:url('../images/press/the-guardian-color.jpg'); }
#virtual-festivals:hover            { background-image:url('../images/press/virtual-festivals-color.jpg'); }
#msn:hover                          { background-image:url('../images/press/msn-color.jpg'); }
#the-scotsman:hover                 { background-image:url('../images/press/the-scotsman-color.jpg'); }
*/
#msn:hover{ background-position: 0 0; width: 84px; height: 37px; }
#msn{ background-position: 0 -57px; width: 84px; height: 37px; }
#the-guardian:hover{ background-position: 0 -114px; width: 84px; height: 15px; }
#the-guardian{ background-position: 0 -149px; width: 84px; height: 15px; margin-top:16px;}
#the-scotsman:hover{ background-position: 0 -184px; width: 84px; height: 29px; }
#the-scotsman{ background-position: 0 -233px; width: 84px; height: 29px; margin-top:10px; }
#the-telegraph:hover { background-position: 0 -282px; width: 84px; height: 15px; }
#the-telegraph { background-position: 0 -317px; width: 84px; height: 15px; margin-top:16px; }
#virtual-festivals:hover{ background-position: 0 -352px; width: 84px; height: 28px; }
#virtual-festivals{ background-position: 0 -400px; width: 84px; height: 28px; margin-top:12px; }

.listing-feed,
.journey-feed {
  font-size:12px;
  width:200px;
  margin-bottom: 5px;
}
.listing-feed .see-prev,
.journey-feed .see-prev {
  display:block;
  margin:0 auto;
  width:100%;
  font-size: smaller;
  text-align:center;
  border : 0;
}
.listing-feed .see-next,
.journey-feed .see-next {
  display:block;
  margin:0 auto;
  width:100%;
  font-size: smaller;
  text-align:center;
  border : 0;
}
.listing-feed .seemore,
.journey-feed .seemore {
  display:block;
  margin:auto;
  width:100px;
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
}
.listing-feed h2,
.journey-feed h2 {
  font-size:14px;
  background-color:#9FC54E;
  color:white;
  padding:10px;
  margin-bottom:0;
}
.listing-feed .item,
.journey-feed .item {
  position:relative;
  padding-top:8px;
  border-top:1px solid #eee;
  clear:both;
/*  height:88px;*/
  display:block;
  color:#222 !important;
  text-decoration:none;
  border-right:1px solid #eee;
}
.listing-feed .item:hover,
.journey-feed .item:hover {
  background-color:#f4f4f4;
}
.listing-feed .text,
.journey-feed .text{
  margin-left:60px;
}
.listing-feed .name,
.journey-feed .name, .destination {
  font-weight:bold;
}
.listing-feed .date,
.journey-feed .date{
  font-size:12px;
}

.listing-feed .pic,
.journey-feed .pic {
  width:50px;
  height:50px;
  float:left;
}
.listing-feed .link,
.journey-feed .link {
  margin: 7px;
  margin-top: 2px;
  text-align: right;
  text-decoration:underline;
  color:#6E53AB;
}

.maps-popup {
  height:130px;
  clear:both;
}
.my-journeys .header {
  margin:8px 0;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding:6px 20px 6px 8px;
  background: #222 url('../images/button-overlay.png') repeat-x;
  background-color:#f4f4f4;
  font-size:13px;
  font-weight:bold;
}
.my-journeys .hint { margin: 10px; }
.my-journeys .header.confirmed { color:#9fc54e; border-left:10px solid #9fc54e; }
.my-journeys .header.pending { color:#fc575e; border-left:10px solid #fc575e; }
.my-journeys .details { margin:10px 10px 20px 10px; }
.my-journeys .details p { margin:0 !important; padding:0; }
.my-journeys .item { border:3px solid #bbb; padding:12px; margin-bottom:30px; position:relative; box-shadow:1px 1px 3px 2px #eee; }
.my-journeys .item.green { border-color:#9fc54e; }
.my-journeys .item.red { border-color:#fc575e; }
.my-journeys table.passengers { border-collapse:collapse; width:100%; }
.my-journeys table.passengers td { border-bottom:1px solid #eee; padding:10px; }
.my-journeys table.passengers td.pic { width:50px; }
.my-journeys table.passengers td.name { width:140px; }
.my-journeys table.passengers td.remove { text-align:right; }
.my-journeys table.passengers td.a { padding:10px; }
.my-journeys table.passengers .ui-icon { float:none; display:inline-block; }
.my-journeys .driver { float:right; width:180px; text-align:center; }
.my-journeys .driver h3 { margin:0; padding:0; }
.my-journeys .driver div { padding:4px;  }
.my-journeys .main { margin-right:180px; border-right:1px solid #eee; }
.my-journeys .delete { margin-top:20px; }



.carshare .header {
  border-bottom:1px solid #eee;
  padding:6px 20px 6px 8px;
  background: #f4f4f4 url('../images/button-overlay.png') repeat-x;
  font-size:13px;
  font-weight:bold;
  margin:0;
  text-align:center;
}
.carshare { }
.carshare .title { position:relative; border-bottom:1px solid #eee; border-top:1px solid #eee; padding:30px 0 10px; text-align:center; background: #f2f2f2; box-shadow:0 1px 6px -1px rgba(0,0,0,0.3); }
.carshare .title .hint { margin-top:8px; }
.carshare .title .date { padding-top:5px; color:#555; font-size:16px; }
.carshare .title .localities { color:#3EB2FF; margin-left:20px; font-size:16px; }
.carshare .details { padding:12px; }
.carshare .details p { margin-bottom:3px !important; }
.carshare .item { position:relative; }
.carshare .driver { float:right; width:220px; text-align:center; }
.carshare .driver .inner { padding:10px; }
.carshare .main { margin-right:220px; border-right:1px solid #eee; }
.carshare .details table { border-collapse:collapse; width:100%; }
.carshare .details tr {  }
.carshare .details th { text-align:right; padding-right:10px; }
.carshare .details td { padding:4px; }
.carshare .social { position:absolute; left:20px; top:30px; }
.carshare .similar { text-align:right; }
.carshare .map { box-shadow:0 -1px 8px -1px rgba(0,0,0,0.8); height:360px; width:960px; }

.title { position:relative; z-index:500; border-bottom:1px solid #eee; border-top:1px solid #eee; padding:30px 0 10px; text-align:center; background: #f2f2f2 url('../images/button-overlay.png') repeat-x; box-shadow:0 1px 6px -1px rgba(0,0,0,0.5); }
.title .hint { margin-top:8px; }
.title h3 { font-size:18px; font-weight:normal; text-shadow:0 1px 0 rgba(255, 255, 255, 0.65); text-align:center; color:#333; }
.title h1 { font-size:18px; font-weight:normal; text-shadow:0 1px 0 rgba(255, 255, 255, 0.65); text-align:center; color:#333; }

.ui-tooltip-content {
  border-width:3px;
  font-size:12px;
  line-height:140%;
}

.inlineText{font-size:14px;padding-top:10px;}

#menu2 { margin:0; padding:0; }
#menu2 li { margin:0; padding:0; list-style:none; float:left; }
#menu2 li a { color:#fff; font-size:13px;background-color:#333; /*TODO: width:137px;*/ width:160px; text-shadow: 0px 1px 0px #555; padding: 5px 0 5px 0; text-align:center; text-decoration:none; display:block; border-bottom:4px solid #333; border-top:1px solid #333; }
/* set colours options for menu  */
#menu2 li a:hover { color:white;  background-image: url('../images/button-overlay.png'); }
.ui-widget { font-family: Arial, Helvetica, sans-serif;}
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; }
.ui-widget-content { background: #ffffff url(custom-theme/images/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% top repeat-x; }
/* home (black) */
#menu2 li.option-one a { border-bottom-color:#172322; }
#menu2 li.option-one a:hover { background-color:#172322; }
/* blog (magenta) */
#menu2 li.option-two a { border-bottom-color:#fc575e; }
#menu2 li.option-two a:hover { background-color:#fc575e; }
/*
TODO:
#menu2 li.option-two a { border-bottom-color: #a9014b;}
#menu2 li.option-two a:hover { background-color: #a9014b; }
*/
/* festivals (red) */
#menu2 li.option-three a { border-bottom-color:#fcbb48; }
#menu2 li.option-three a:hover { background-color:#fcbb48; }
/*
TODO:reactive once we push the football pages live
#menu2 li.option-three a { border-bottom-color:#fc575e; }
#menu2 li.option-three a:hover { background-color:#fc575e; }
*/
/* football (golden) */
#menu2 li.option-four a { border-bottom-color:#fcbb48; }
#menu2 li.option-four a:hover { background-color:#fcbb48; }
/* going-green (green) */
#menu2 li.option-five a { border-bottom-color:#9fc54e; }
#menu2 li.option-five a:hover { background-color:#9fc54e; }
/* questions (blue) */
#menu2 li.option-six a { border-bottom-color:#7fbbea;}
#menu2 li.option-six a:hover { background-color:#7fbbea; }
/* contact (purple) */
#menu2 li.option-seven a {  border-bottom-color:#6e53ab; /* TODO: width: 138px;*/}
#menu2 li.option-seven a:hover { background-color:#6e53ab; }


.dark-bg .ui-icon {background-image: url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/ui-lightness/images/ui-icons_ffffff_256x240.png'); }

.ui-widget-content { background:white; }
.ui-widget-content a.awesome { color:white; }

#login-screen {
  text-align:center;
  padding:60px;
  margin:60px;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
}
#login-screen p {
  font-size:16px;
}


#feed { }
h2.border { border-bottom:1px solid #eee; padding:3px 0; }
#feed .date { color:#777; padding-right:4px; }
#feed h3 { margin-bottom:4px; line-height:150%; }
#feed h3 a { text-decoration:none; }
#feed .item { width:300px; padding-right:40px; margin-left:20px; padding-bottom:10px; }
#feed .item0 a { color:#6E53AB; }
#feed .item1 a { color:#fc575e; }
#feed .item2 a {  }
#feed { float:left; }
.like-us { width:320px; margin-right:10px; float:right; }

.small { font-size: 0.8em; }
.login-bar { padding:14px 0 4px 0; z-index:1000; font-size: 14px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.65); position:relative; box-shadow:0 1px 6px -1px rgba(0,0,0,0.6); background: #ccc url('../images/button-overlay.png') repeat-x;  text-align:center; color:#333; }
.login-bar p { margin:0; padding:0; }
.login-bar span { padding:10px; }

.warning {
    color         : red;
    font-size     : 15px;
    border-bottom : 1px dotted red;
    padding       : 8px;
    text-align    : center;
}

.sharing-tools {
    background-color  : #fcbb48;
    top               : 0%;
    right             : 10px;
    border-bottom     : 2px solid white;
    border-left       : 2px solid white;
    border-right      : 2px solid white;
    cursor            : pointer;
    overflow          : hidden;
    z-index           : 100001;
    position          : fixed;
    width             : 140px;
    height            : 24px;
    padding           : 1px 1px 1px 1px;
    margin            : 0 auto;
    margin-top        : -7px;
    text-align        : center;
    _position         : absolute;
}

.sharing-tools:hover {
    margin            : 0px 0px -2px 0px;
}


.sharing-tools > ul {
    list-style        : none;
    margin            : 6px 0px 0px 0px;
    padding           : 0;
    text-align        : center;
}

.sharing-tools > ul > li {
    display           : inline;
    list-style        : none;
    list-style-type   : none;
    margin            : 0;
    padding           : 0;
}

.sharing-tools > ul > li > div {
    padding           : 1px 0.5em;
}
/* just new stuff */
.notOnFacebook{color:#fff;font-size:11px;text-decoration:none;text-shadow:none;font-weight:bold;}
.notOnFacebook:hover{text-decoration:underline;}


/* making autocomplete fixed */
.pac-item{padding:5px 5px;font-size:14px;font-family:trebuchet ms,tahoma,verdana,arial,sans-serif;color:#333;margin:0 3px;}
.pac-item:hover{border:1px solid #fbcb09;border-radius:3px;color:#c77405;padding:4px 4px;background:#fdf9e1;margin:0 3px;text-shadow:-1px 0 1px #fde276;}

/* new css for maps */
.maps-popup-v3 .pic{width:50px;height:50px;float:left;margin:0 5px 5px 0;}
.maps-popup-v3 .destination {display:block;color:#3eb2ff;}
.maps-popup-v3 .destination span{font-weight:normal;color:#000;}
.maps-popup-v3 .date{font-size:11px;color:#555;}
.maps-popup-v3 .buttonH{text-align:center;padding-top:3px;}

/* new css for livefeeds */
.listing-feed .contribution{float:right;font-weight:bold;color:#f00;font-size:14px;padding-right:3px;}
.requests-listing .contribution{color:#FCBB48;}
.listing-feed .date{font-size:11px;color:#555;float:left;}
.listing-feed .text{margin-bottom:3px;}
.listing-feed .destination{color:#3eb2ff;}
.listing-feed .destination span{color:#222;font-weight:normal;}
.listing-feed .see-prev{background:#8D77BD;}
.listing-feed .see-next{background:#8D77BD;}


/* Overlay Banner for University page */
#overlayBanner{border:4px solid #000;position:relative;margin:10px;width:600px;}
#overlayBanner .obText{margin:20px;}
#overlayBanner h2{font-size:22px;text-align:center;margin:0;line-height:1;}
#overlayBanner h3{font-size:17px;color:#fcbb48;text-align:center;margin:10px 0 0 0;line-height:1;}
#overlayBanner a.blockTitle{display:block;font-size:18px;color:#fff;text-decoration:none;padding:5px 10px;margin:15px 0 0 0;}
#overlayBanner a.obLink1{background:#6e53ab;}
#overlayBanner a.obLink2{background:#9fc54e;}
#overlayBanner a.obLink3{background:#fc575e;}
#overlayBanner ul{margin:0;padding:10px 20px 10px 30px;}
#overlayBanner ul li {padding:3px 0;}
#overlayBanner #obBox1{border:1px solid #6e53ab;color:#6e53ab;border-top:0;}
#overlayBanner #obBox2{border:1px solid #9fc54e;color:#9fc54e;border-top:0;display:none;}
#overlayBanner #obBox3{border:1px solid #fc575e;color:#fc575e;border-top:0;display:none;}
#colorfulBar{height:15px;overflow:hidden;clear:both;width:600px;}
#colorfulBar div{float:left;width:100px;height:15px;font-size:0;}
#colorfulBarV5 div{float:left;width:20%;height:15px;font-size:0;}
.obC1{background:#172322;}
.obC2{background:#fc575e;}
.obC3{background:#fcbb48;}
.obC4{background:#9fc54e;}
.obC5{background:#7fbbea;}
.obC6{background:#6e53ab;}

/* new tripsearch form */
#tripSearchForm {border: 1px solid #DDD;background: #F0F0F0; margin:10px;position:relative;padding:10px 140px;}
#tripSearchForm .formRow{font-size:20px;font-family:arial;color:#666;margin-top:10px;clear:both;}
#tripSearchForm .addressInput{width:646px;height:30px;font-size:24px;padding:5px;font-family:Arial, Helvetica, sans-serif;border:1px solid #ccc;}
#tripSearchForm .datepicker{width:150px;font-size:20px;padding:5px;font-family:Arial, Helvetica, sans-serif;border:1px solid #ccc;color:#6CA7D5;}
#strTo{color:#9fc54e;}
#strFrom{color:#FFC652;}
#buttonSearch {float:right;}
.bigYellowButton {background:#FFA300;color:#fff;font-weight:bold;font-size:30px;width: 131px;height: 42px;margin-left:5px;border:none;}
.bigInput {height:30px;font-size:24px;padding:5px;font-family:Arial, Helvetica, sans-serif;border:1px solid #ccc;}
#buttonSearch:hover,#buttonSearch:focus{background:#91bd09;cursor:pointer;}
.formRow span{float:left;display:block;}
.formRow label{float:left;margin-right:20px;}
.mr20{margin-right:20px;}
.mr5{margin-right:5px;}

/* trip search results */
.tripList{padding:10px 20px;border-bottom:1px solid #ccc;position:relative;margin:0 100px;}
.tripList:hover{background:#eee;}
.tripList .userProfile{width:150px;float:left;margin-right:10px;}
.tripList .userProfile .picture{width:50px;height:50px;float:left;margin-right:5px;}
.tripList .userProfile .name{font-size:14px;font-weight:bold;color:#8771B9;}
.tripList .userProfile a{font-size:11px;text-decoration:none;}
.tripList .tripParams{float:right;width:100px;text-align:right;}
.tripList .tripInfo{float:left;width:450px;}
.tripList .tripInfo .address{color:#3eb2ff;font-weight:bold;font-size:15px;}
.tripList .tripInfo .address span{color:#444;}
.tripList .tripInfo .contribution{position:absolute;top:11px;right:130px;color:#664D9F;font-size:13px;width:100px;text-align:right;}
.tripList .tripInfo .contribution strong{font-size:19px;}
.tripList .tripInfo .date{color:#444;font-size:12px;font-weight:bold;}
.tripList .tripInfo .date span{color:#777;font-weight:bold;}
.tripList .seats{color:#ACCD66;font-size:15px;margin-bottom:10px;}
.tripList .seats span{font-weight:bold;}
.tripList .tripInfo .notes{font-style:italic;color:#444;font-size:11px;float:right;width:340px;margin-right:110px;}


.tripListSmall .tripInfo{width:350px !important;}
/* registration popup */
.popupWindow{border:4px solid #000;position:relative;margin:10px;width:400px;}
.popupWindow .obText{padding:20px;}
.popupWindow .form-one .inputRow {width:auto !important;}
.popupWindow .side-section {margin-left:450px !important;}
.popupWindow h1 a{text-decoration:none;color:#FC575E;}
.popupWindow h1 a:hover{text-decoration:underline;}
#popupLoginBox{display:none;}

/* new inbox style */
table.messages{width:100%;border-collapse:collapse;}
.messages th{color:#999;text-align:left;background:#f2f2f2;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
.messages th.messageIconHeader{border-left:1px solid #c8c8c8;}
.messages th.messageRecievedHeader{border-right:1px solid #c8c8c8;}
.messages th, .messages td{padding:7px 10px;}
.messages td{border-bottom: 1px solid #c8c8c8;}
.messages td a.message-icon{display:block;width:27px;height:27px;text-decoration:none;}
.messages tr.readStatus1 a.message-icon{background:url('../images/icons/message_read.png') no-repeat;}
.messages tr.readStatus0 a.message-icon{background:url('../images/icons/message_unread.png') no-repeat center center;}
.messages tr.readStatus0 td {font-weight:bold;}
.messages a {text-decoration:none;color:#fa9300;display:block;}
.messages a:hover {text-decoration:underline;}
.messages td.messageSubject a {color:#222;}
.messages td.messageDate {color:#848484;}
.messages tr.readStatus0 td.messageDate {color:#91c228;}
.messages td.messagesEmpty{text-align:center;font-weight:bold;}
.folderList{float:right;padding-top:10px;}
.folderList a{display:block;float:right;width:54px;height:18px;padding-top:3px;margin-left:10px;text-decoration:none;color:#fff;padding-left:30px;}
.folderList a:hover{text-decoration:underline;}
.folderList a.button-inbox{background:url('../images/icons/button_inbox.png') no-repeat;}
.folderList a.button-sent{background:url('../images/icons/button_sent.png') no-repeat;}
.folderList a.button-deleted{background:url('../images/icons/button_deleted.png') no-repeat;}

.mutualFriends {display:none;font-size:11px;color:#777;margin-top:5px;}
.mutualFriends a{text-decoration:none;}

/* in page search form */
.inPageSearch h4{margin:0;padding:10px 15px 0 10px;display:inline-block;color:#666;font-size:20px;font-weight:normal;}
.inPageSearch .bigInput{width:350px;display:inline-block;float:right;}
.inPageSearch .bigYellowButton{display:block;float:right;margin:0 10px 0 30px;}
.inPageSearch{margin:5px 0 20px 0;}

.searchByLetters{margin-bottom:15px;}
.searchByLetters a{display:block;float:left;margin-left:9px;width:70px;height:30px;letter-spacing:1px;padding-top:9px;color:#fff;font-weight:bold;text-decoration:none;text-align:center;font-size:16px;}
.searchByLetters a:hover{text-decoration:underline;}
.bRed{background:url('../images/buttons/button_red.png') no-repeat;text-shadow:#e52d35 -1px -1px 1px;}
.bOrange{background:url('../images/buttons/button_orange.png') no-repeat;text-shadow:#e49320 -1px -1px 1px;}
.bGreen{background:url('../images/buttons/button_green.png') no-repeat;text-shadow:#7fa235 -1px -1px 1px;}
.bBlue{background:url('../images/buttons/button_blue.png') no-repeat;text-shadow:#4a92ca -1px -1px 1px;}
.bPurple{background:url('../images/buttons/button_purple.png') no-repeat;text-shadow:#5f439f -1px -1px 1px;}
.searchByLetters a.selected{background:url('../images/buttons/button_black.png') no-repeat;text-shadow:#1f1f1f -1px -1px 1px;}

ul.list{float:none !important;list-style:square !important;margin-top:3px;padding-top:0;}
ul.list li{list-style:square !important;margin-left:30px;}

/* create form tweaks */
.userLoggedIn #noAuthLabel{display:none;}
#btnSubmit{display:none;}
.userLoggedIn #btnSubmit{display: inline-block;}
#errorNotifier{display:none;}
#ajaxSuccessLoggedIn{display:none;}
h1.titleSelector a{color:#555 !important;}
h1.titleSelector a.selected{color:#FC575E !important;}

.popupForm label{text-align:left !important;}
.popupForm .input{text-align:right !important;}

.feedbackForm textarea{width:150px;height:70px;}
.feedbackForm label{text-align:left !important;}

.commonListing{list-style: none;margin:0;padding:0;}
.commonListing li{float:left;width:210px;margin:0px 10px;padding:0;}
.commonListing li a{padding: 10px 10px;display:block;color: #333;font-weight:bold;text-decoration:none;border-top: 1px solid #f0f0f0;}
.commonListing li a:hover {background: #f0f0f0;}


/* helper signs and labels */
.helper {
  vertical-align : super;
  font-size      : 75%;
  line-height    : 50%;
  color          : #ffa300;
  cursor         : help;
}

.helper:hover {
  color          : #90D93F;
}


/* bootstrap test */
.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important;}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;border:1px solid #000001;text-align:left;word-wrap:break-word;overflow:hidden;}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border:1px solid #000001;border-width:1px 1px 0;font-weight:bold;}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important;}/*!Default close button class */ .ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;}* html .ui-tooltip-titlebar .ui-state-default{top:16px;}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em;}/*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#F1D031;background-color:#FFFFA3;color:#555;}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93;}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777;}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111;}/*!Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content{border-color:#E2E2E2;color:#454545;}.ui-tooltip-light .ui-tooltip-content{background-color:white;}.ui-tooltip-light .ui-tooltip-titlebar{background-color:#f1f1f1;}/*!Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content{border-color:#303030;color:#f3f3f3;}.ui-tooltip-dark .ui-tooltip-content{background-color:#505050;}.ui-tooltip-dark .ui-tooltip-titlebar{background-color:#404040;}.ui-tooltip-dark .ui-tooltip-icon{border-color:#444;}.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}/*!Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar,.ui-tooltip-cream .ui-tooltip-content{border-color:#F9E98E;color:#A27D35;}.ui-tooltip-cream .ui-tooltip-content{background-color:#FBF7AA;}.ui-tooltip-cream .ui-tooltip-titlebar{background-color:#F0DE7D;}.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{background-position:-82px 0;}/*!Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar,.ui-tooltip-red .ui-tooltip-content{border-color:#D95252;color:#912323;}.ui-tooltip-red .ui-tooltip-content{background-color:#F78B83;}.ui-tooltip-red .ui-tooltip-titlebar{background-color:#F06D65;}.ui-tooltip-red .ui-state-default .ui-tooltip-icon{background-position:-102px 0;}.ui-tooltip-red .ui-tooltip-icon{border-color:#D95252;}.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{border-color:#D95252;}/*!Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar,.ui-tooltip-green .ui-tooltip-content{border-color:#90D93F;color:#3F6219;}.ui-tooltip-green .ui-tooltip-content{background-color:#CAED9E;}.ui-tooltip-green .ui-tooltip-titlebar{background-color:#B0DE78;}.ui-tooltip-green .ui-state-default .ui-tooltip-icon{background-position:-42px 0;}/*!Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar,.ui-tooltip-blue .ui-tooltip-content{border-color:#ADD9ED;color:#5E99BD;}.ui-tooltip-blue .ui-tooltip-content{background-color:#E5F6FE;}.ui-tooltip-blue .ui-tooltip-titlebar{background-color:#D0E9F5;}.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{background-position:-2px 0;}