/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  /* background-image: url(wait.gif); */
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #fff;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #fff;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #8cc63f;
  color: #000;
}
.cluetip-default #cluetip-title a {
  color: #00306e;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/***************************************
   =cluetipClass: 'quickLogNew'
-------------------------------------- */

.cluetip-quickLogNew {
  background-color: transparent;
  text-align:center;
}

.cluetip-quickLogNew #cluetip-outer {
  width: 200px;
  margin: 0;
  border: 0 solid #ccc;
  background: url(../images/trip_log_form_bottom.png) bottom left no-repeat;
  overflow: hidden;
}

.cluetip-quickLogNew h3#cluetip-title {
  width: 200px;
  padding: 25px 0 0px 0;
  margin: 0;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  text-align: center; 
  color: #333;
  background: url(../images/trip_log_form_top.png) top left no-repeat;
}

#tripLogForm {
  padding: 0 10px 10px;
  display: block;
  color:#333;
  background: url(../images/trip_log_form_mid.png) top left repeat-y;
  overflow: hidden;
}
  
.cluetip-quickLogNew div#cluetip-close { 
  text-align: left;
  margin: -6px 0px 0px 0px;
  color: #333;
}
	
.cluetip-quickLogNew div#cluetip-close a { 
	display: none;
	font-weight: bold;
	color: #333;
	}

/* Quick Log form */
.cluetip-quickLogNew #quickLogInput {}
.cluetip-quickLogNew #quickLogInput .disabled {color: #888;}
.cluetip-quickLogNew #quickLogInput .disabled input {color: #888;background-color: #888;}

/* Trip log form for expired events */

#tripLogForm #event_ended {display:none; height:180px;}
#tripLogForm #event_ended p {text-align: center; font-size: 120%;}
#tripLogForm #event_ended p.cancel {background-color:transparent;}
#tripLogForm #event_ended a {text-decoration: underline;}
#tripLogForm #event_ended a:hover {color:#007DB1;}

#cluetip #tripLogForm {height:178px; z-index:1500;}
#tripLogForm input {width: 40px;margin-left: 5px; font-size: 12px; line-height: 16px; color: #000;}

#tripLogForm p.todaySet {margin: 3px 0 5px -65px; padding-top: 5px;font-size: 12px; line-height: 10px;}

#tripLogForm ul {width:165px; margin:0 auto;}
#tripLogForm ul li {
    margin:0;
    padding:2px;
    white-space: nowrap;
    font-size: 12px;
}
#tripLogForm li    button.ui-button      {font-size:12px;}
#tripLogForm li    button.ui-button span {padding:2px 10px;}
#tripLogForm li.on button {border:3px solid #590; margin:0 auto;}

#tripLogForm li.notBiked,
#tripLogForm li.roundTrip {margin-top:6px;}
#tripLogForm li.roundTrip  button span {padding-left:24px; background:url(../images/arrow_refresh.png) no-repeat 4px 2px;}
#tripLogForm li.onewayTrip button span {padding-left:24px; background:url(../images/arrow_right.png) no-repeat 4px 2px;}


#tripLogForm li.disabled {color:#666;}
#tripLogForm li.enable_if_workday {}
#tripLogForm li.isWorkday {display:none;}
#tripLogForm li.notWorkday {}
#tripLogForm li.last {padding:10px 0;}
#tripLogForm li a.erase {display:inline-block; height:16px; padding-left:20px; background:url(../images/cross.png) no-repeat 2px 0;}

#tripLogForm li.miles {height:20px;}
#tripLogForm .miles input {width: 35px;color: #000;}
#tripLogForm .miles input.disabled {color: #666;}

#tripLogForm p.modeOption {text-align: right; color: #001F2C;}
#tripLogForm p.modeOption span {margin-left: 5px;font-size: 13px;font-weight: bold;}
#tripLogForm p select {width: 70px;margin: -3px 0px 0 0px;}
#cluetip #tripLogForm.future li        {display:none;}
#cluetip #tripLogForm.future li.future,
#cluetip #tripLogForm.future li.isWorkday {display:block;}

/* old trip log "I participated" */
#tripLogForm form ul li.participated {color: #ddd; background-color: #001F2C;}
#tripLogForm form ul li.participated input {/* width: 14px; */}


/***************************************
   =cluetipClass: 'helpTip'
-------------------------------------- */
.cluetip-helpTip {
  background-color: transparent;
  color:#fff;
}
.cluetip-helpTip #cluetip-outer {
  border: 4px solid #001F2C;
  position: relative;
  background-color: #001F2C;
}

.cluetip-helpTip li {
  line-height:1.5em;
}
.cluetip-helpTip h3#cluetip-title {
  margin: 0 0 0 0;
  padding: 6px 10px 4px 10px;
  font-size: 12px;
  font-weight: bold;
  background-color: #DCB361;
  color: #001F2C;
}

.cluetip-helpTip #cluetip-inner {
  margin: 0;
  padding: 10px 10px 0 10px;
  display: inline-block;
  text-align: left;
  background-color: #001F2C;
}

.cluetip-helpTip #cluetip-inner p {color: #FFF;}

.cluetip-helpTip div#cluetip-close { 
  text-align: right;
  margin: 0 0 0 0;
  color: #FFF;
  font-weight: normal;
}

.cluetip-helpTip div#cluetip-close a, .cluetip-helpTip #cluetip-inner a { color: #FFF;}
.cluetip-helpTip #cluetip-inner a {font-weight: bold;}

.cluetip-helpTip #cluetip-inner p {margin: 0px 0px 12px 0;}


/***************************************
   =cluetipClass: 'helpTipStats'
-------------------------------------- */
.cluetip-helpTipStats {
  background-color: transparent;
}
.cluetip-helpTipStats #cluetip-outer {
  border: 4px solid #001F2C;
  position: relative;
  background-color: #001F2C;
}

.cluetip-helpTipStats h3#cluetip-title {
  margin: 0 0 0 0;
  padding: 6px 10px 4px 10px;
  font-size: 12px;
  font-weight: bold;
  background-color: #DCB361;
  color: #001F2C;
}

.cluetip-helpTipStats #cluetip-inner {
  margin: 0px;
  padding: 10px 10px 0 10px;
  display: inline-block;
  text-align: left;
  color: #000; 
  font-size: 12px; 
  font-weight: normal;
  background-color: #001F2C;
}

.cluetip-helpTipStats li {
  line-height:1.5em;
}

.cluetip-helpTipStats h3#cluetip-title  div#cluetip-close { 
  float: left;
  float: right;
  margin: 0 10px 0 -5px;
  margin: 0 0px 0 0px;
  color: #66B1D0;
}

.cluetip-helpTipStats div#cluetip-close a, .cluetip-helpTipStats #cluetip-inner a { color: #66B1D0;}
.cluetip-helpTipStats #cluetip-inner a {font-weight: bold;}
.cluetip-helpTipStats div#cluetip-close a {font-weight: normal;color: #FFF;}

.cluetip-helpTipStats #cluetip-inner p {margin: 0 0 12px 0;color: #FFF; line-height: 1.4em;}


#tintLayer {
	display: none;
	position: fixed;
	z-index:50;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#FFF;
	filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}