/* 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: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #CCC;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

/* Unused: commented because these rules cause unnecessary 404 errors

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
*/

/***************************************
   =cluetipClass: 'reviewLog'
-------------------------------------- */
.cluetip-reviewLog {
  background-color: transparent;
}
.cluetip-reviewLog #cluetip-outer {
  width: 150px;
  border: 0px solid #ccc;
  position: relative;
  overflow: hidden;
  background: transparent url(../media/bcc10_daily_review_bg.png) 0px 0 no-repeat;
}

.cluetip-reviewLog h3#cluetip-title {
  margin: 25px 0 10px 0;
  font-size: 11px;
  line-height: 11px;
  font-weight: normal;
  text-align: center; 
  color: #001F2C;
}

.cluetip-reviewLog #cluetip-inner {
  padding: 0 5px 5px 0;
  display: block;
  color: #FFF;
  }
.cluetip-reviewLog div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px 0;
  color: #001F2C;
}

.dailyStats { display: none; }
.cluetip-reviewLog #cluetip-inner p {margin: 0px 10px 5px 0; width: 125px; font-size: 10px; line-height: 12px;text-align: right;font-weight: normal;}
.cluetip-reviewLog #cluetip-inner p span {float: right; width: 50px; margin-left: 10px; font-family: Verdana, Helvetica, Arial, san-serif; font-size: 16px; line-height: 22px;font-weight: bold;text-align: left;}
.cluetip-reviewLog #cluetip-inner p span.mode {margin-top: -5px;}
.cluetip-reviewLog #cluetip-inner h6 {clear: right; margin: 12px 5px 0 5px;font-size: 9px; line-height: 11px; font-weight: normal; text-align: center; color: #001F2C;}


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

.cluetip-quickLogNew {
  padding-left: 249px;
  padding-top: 230px;
  background-color: transparent;
}

.cluetip-quickLogNew #cluetip-outer {
  width: 146px;
  margin: 0px 0px 0 0px;
  border: 0px solid #ccc;
/*  position: relative;
  background: transparent url(../media/log_quickLogNew_bg.png) top left no-repeat; */
  background: url(../media/bcc10_log_btm_bg.png) bottom left no-repeat;
  overflow: hidden;
}

.cluetip-quickLogNew h3#cluetip-title {
  width: 146px;
/*  height: 18px;	*/
  padding: 25px 0 0px 0;
  margin: 0 0px 0px 0px;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  text-align: center; 
  color: #001F2C;
  background: url(../media/bcc10_log_top_bg.png) top left no-repeat;
}

.cluetip-quickLogNew #cluetip-inner {
  padding: 0 5px 5px;
  display: block;
  color:#FFF;
  background: url(../media/bcc10_log_mid_bg.png) top left repeat-y;
  overflow: hidden;
 }
  
.cluetip-quickLogNew div#cluetip-close { 
  text-align: left;
  margin: -6px 0px 0px 0px;
  color: #FFF;
}
	
.cluetip-quickLogNew div#cluetip-close a { 
	display: none;
	font-weight: bold;
	color: #FFF;
	}

.cluetip-quickLogNew #cluetip-inner .logSetWrap {width: 136px; margin-bottom: 5px; color: #FFF;}

.cluetip-quickLogNew #cluetip-inner form p {margin: 0px 0px 12px 0; width: 120px; font-size: 10px; line-height: 11px;text-align: right;}
.cluetip-quickLogNew #cluetip-inner form input {float: right;width: 40px;margin-left: 5px; font-size: 12px; line-height: 16px; text-align: right;color: #000;}

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

.cluetip-quickLogNew #cluetip-inner form ul {margin: 0 0 0 30px;}
.cluetip-quickLogNew #cluetip-inner form ul li {margin: 0 0px 0 -30px;padding: 3px 0 0 10px;white-space: nowrap;font-size: 12px; line-height: 13px; font-weight: bold;color: #F4E8D0;}
.cluetip-quickLogNew #cluetip-inner form ul li input {float: none;width: auto;margin: 0 5px 5px 0px;}

.cluetip-quickLogNew #cluetip-inner form ul li.commute {color: #DBCB361;background-color: #001F2C;}
.cluetip-quickLogNew #cluetip-inner form ul li.commute input {/* width: 14px; */}
.cluetip-quickLogNew #cluetip-inner form ul li.disabled {color: #F4E8D0;background-color: #DCB361;}
.cluetip-quickLogNew #cluetip-inner form ul li.enable_if_workday {}
.cluetip-quickLogNew #cluetip-inner form ul li.workday {}
.cluetip-quickLogNew #cluetip-inner form ul li.noWork {}

.cluetip-quickLogNew #cluetip-inner form p.logTripMiles {margin-bottom: 5px; color: #001F2C;}
.cluetip-quickLogNew #cluetip-inner form p.logTripMiles input {width: 35px;color: #000;}
/* .cluetip-quickLogNew #cluetip-inner form p.logTripMiles input.disabled {background-color: #29333E; color: #888;}
.cluetip-quickLogNew #cluetip-inner form p.disabled input {background-color: #29333E; color: #888;}	*/

.cluetip-quickLogNew #cluetip-inner form p.modeOption {text-align: right; color: #001F2C;}
.cluetip-quickLogNew #cluetip-inner form p.modeOption span {margin-left: 5px;font-size: 13px;font-weight: bold;}
.cluetip-quickLogNew #cluetip-inner form p select {/* float: right; */ width: 70px;margin: -3px 0px 0 0px;}

.cluetip-quickLogNew #cluetip-inner form p.eraseLog {margin: 5px 0px 0px 0;padding-top: 6px; width: 136px; text-align: center;font-size: 12px; line-height: 15px;color: #FFF;background-color: #001F2C}
.cluetip-quickLogNew #cluetip-inner form p.eraseLog a {color: #FFF; text-decoration: underline;}

.cluetip-quickLogNew #cluetip-inner form p.cancelLog {margin: 0px 0px 0px 0;padding-top: 6px; width: 136px; text-align: center;font-size: 12px; line-height: 15px;color: #FFF; background-color: #001F2C;}
.cluetip-quickLogNew #cluetip-inner form p.cancelLog a {color: #FFF; text-decoration: underline;}

.cluetip-quickLogNew #cluetip-inner form p a.ovalButton {
	display:block;
	width: 110px;
	height: 28px;
	margin: 6px 0 4px 13px;
	padding: 0px 0 0 0;
	font-size: 13px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	color: #FFF;	
	overflow: hidden;
	background: #000 url(../media/bcc10_btn_log_110px.gif) top left no-repeat;
	}

.cluetip-quickLogNew #cluetip-inner form p a.ovalButton:hover {color: #001F2C;background-position: 0 -32px;}

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

.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: 0px;
  padding: 10px 10px 0 10px;
  display: inline-block;
  text-align: left;
  color: #000; 
  font-size: 11px; 
  line-height: 14px;
  font-weight: normal;
  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: 11px; 
  line-height: 14px;
  font-weight: normal;
  background-color: #001F2C;
}

.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: 0px 0px 12px 0;color: #FFF;}


/***************************************
   =cluetipClass: 'sendMessage'
-------------------------------------- */
.cluetip-sendMessage {
  background-color: transparent;
}

.cluetip-sendMessage #cluetip-outer {
  width: 310px;
  border: 4px solid #001F2C;
/*  position: relative; */
/*  background: transparent url(../media/bcc09_send_msg_bg.png) top left no-repeat;	*/
  background: #001F2C;
}

.cluetip-sendMessage h3#cluetip-title {
  margin: 0 0px 0 0;
  padding: 16px 10px 4px 10px;
  font-size: 15px;
  font-weight: bold;
  background-color: #ECBC5D;
  color: #001F2C;
}

.cluetip-sendMessage #cluetip-inner {
  padding: 0 5px 5px;
  display: block;
  color:#000;
  overflow: hidden;
  }
 
.cluetip-sendMessage #cluetip-inner p {color: #FFF;}

.cluetip-sendMessage div#cluetip-close { 
  position: relative;
  text-align: left;
  color: #09375E;
}

.cluetip-sendMessage div#cluetip-close a {
	position: relative;
	display: block;
	top: -25px;
	left: 190px;
	font-size: 13px;
	line-height: 15px;
	color: #818F9A;	
	}

.cluetip-sendMessage div#messageSend {
    text-align:center;
    margin-left: -60px;
}

.cluetip-sendMessage div#messageSend a {
    display:block;
    width: 111px;
    height: 28px;
    margin: 5px auto;
    padding: 0px 0 0 0;
	font-size: 13px;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;	
    background: url(../media/bcc09_btn_send_msg_111px.gif) top left no-repeat;
    background: url(../media/bcc10_btn_register_110px.gif) top left no-repeat;
	}
	
.cluetip-sendMessage div#messageSend a:hover {color: #001F2C;background-position: 0 -32px;}

.cluetip-sendMessage div#cluetip-close a { color: #818F9A;}

.cluetip-sendMessage #cluetip-inner table {width: 300px;}
.cluetip-sendMessage #cluetip-inner table td {padding-bottom: 10px;}
.cluetip-sendMessage #cluetip-inner table td.inputField {width: 60px;padding-right: 5px;font-weight: bold;text-align: right;color: #DCB361;}
.cluetip-sendMessage #cluetip-inner p {margin: 10px 10px 12px 8px;}
.cluetip-sendMessage #cluetip-inner form p {margin: 0px 10px 12px 0; width: 120px; font-size: 10px; line-height: 11px;text-align: right;}
.cluetip-sendMessage #cluetip-inner form input {width: 203px;margin-top: -5px;font-size: 12px; line-height: 16px;}
.cluetip-sendMessage #cluetip-inner form select {width: 210px; margin: -15px 0 0 5;}
.cluetip-sendMessage #cluetip-inner form textarea {width: 210px; height:140px; margin: 0 0 0 5;}

.cluetip-sendMessage #cluetip-inner span.cancelSend {float: right; margin-top: 15px;margin-right: 20px;text-align: right;}
.cluetip-sendMessage #cluetip-inner span.cancelSend a {text-decoration: underline;color: #818F9A;}

#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;
}

/* Isolate Safari and FireFox 3 positioning hack */

.cluetip-quickLogNew {padding-left: 249px;}
.cluetip-quickLogNew {padding-left: 249px;#}

 /* Only FireFox 3 CSS hack - to position log layer */
 
html>/**/body .cluetip-quickLogNew, x:-moz-any-link, x:default {padding-left: 200px;padding-top: 220px;} 

 /* * * * */