@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0;}

/*--------------------

GENERAL

--------------------*/
/*
html {}

body { font-family:Arial, Helvetica, sans-serif; color:#444; font-size:12px;}
	
.clear {clear:both !important;}

hr { border-color: #F9F9F9; margin-bottom: 10px; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */} 
/*
li {list-style:none;}

#search { height:auto; width:100%;}*/




/*text, links and buttons style*/ 
/*
a:link, a:visited {color:#444; text-decoration:none;}

a:hover {text-decoration:underline;}

p {margin-bottom:5px;}

a.button { background-color: #548ABF; border: 2px solid #999999; color:#fff; padding:5px 20px; text-transform:uppercase; font-size:12px; cursor:pointer; box-shadow: 2px 2px 2px #B7B7B7; -moz-box-shadow: 2px 2px 2px #B7B7B7; -webkit-box-shadow: 2px 2px 2px #B7B7B7; position:absolute; bottom:20px; right:10px;}

a.button:hover { background-color: #232323; border: 2px solid #999999; color:#fff; padding:5px 20px; text-transform:uppercase; float:right; font-size:12px; cursor:pointer; box-shadow: 2px 2px 2px #B7B7B7; -moz-box-shadow: 2px 2px 2px #B7B7B7; -webkit-box-shadow: 2px 2px 2px #B7B7B7;}
*/

/* Form Elements */ 
/*
input.field-l {
	height:15px;
	padding:5px;
	color:#8d9194;
	width:90%;
	background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;}
	


input.field-s {
	padding:5px;
	color:#8d9194;
	width:39%;
	height:15px;
	background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;}
	*/
/*--------------------

BUCKNER STARTING HERE - THIS IS THE NEW CSS

--------------------*/

#cmwrapper span.smallText { font-size:11px;}


#cmwrapper .bottom-row {  height: 50px; margin-top: 0; padding: 0 10px; position: relative; width: auto;}
#c-address2 #bottom-row {  height: 50px; margin-top: 0; padding: 0 10px; position: relative; width: auto;}
#c-address3 #bottom-row {  height: 50px; margin-top: 0; padding: 0 10px; position: relative; width: auto;}

#c-places1 #bottom-row {  height: 50px; margin-top: 0; padding: 0 10px; position: relative; width: auto;}
#c-places2 #bottom-row {  height: 50px; margin-top: 0; padding: 0 10px; position: relative; width: auto;}
#c-places3 #bottom-row {  height: 50px; margin-top: 0; padding: 0 10px; position: relative; width: auto;}

#cmwrapper a.back {background-color:#E1E1E1; border:2px solid #eee; color:#444; padding:5px 5px; text-transform:uppercase; font-size:12px; cursor:pointer; box-shadow: 2px 2px 2px #B7B7B7; -moz-box-shadow: 2px 2px 2px #B7B7B7; -webkit-box-shadow: 2px 2px 2px #B7B7B7; position:absolute; bottom:20px;}
#cmwrapper { width: 285px; float: left; }

#cmwrapper a.back:hover, a.back:visited { background:#E1E1E1; color:#444;}

#cmwrapper input.cfield-m {
	height:15px;
	padding:5px;
	color:#8d9194;
	width:40%;
	background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;}
	
	/*--------------------

COMPARE OPTIONS

--------------------*/

.compareOptions {background-color: #FFFFFF; box-shadow: 2px 2px 2px #B7B7B7; display: block; height: 60px; padding: 5px; position: relative; width: 275px; z-index: 1500; border-bottom:1px solid #DDDDDD;}

.compareOptions input.compareRadio { width:25px; word-break:break-all;}

.compareOptions span { float:left; width:90px; margin-top:10px; text-align:left;}

/*--------------------

COMPARE ADDRESSES

--------------------*/

#cmwrapper .layer.address { background-color: #fff; box-shadow: 2px 2px 2px #B7B7B7; -moz-box-shadow:2px 2px 2px #B7B7B7; -webkit-box-shadow:2px 2px 2px #B7B7B7; display: block; min-height: auto; margin: 0;  position: relative; width: 285px; z-index: 1500; font-size:12px; color:#444;}

#cmwrapper .sections.address { color: #444444; font-size: 12px; border-top:0px solid #e5e5e5; width: auto; min-height:auto; }

#cmwrapper .enterField.address { padding:10px 10px 15px;}

#cmwrapper .enterField.next { padding:10px 10px 5px;}

#cmwrapper ul.value.address li { background:#f3f3f3; height:30px; border-bottom:1px dashed #eaeaea; padding:25px 45px 25px 10px; position:relative; word-break:break-all; margin-bottom:2px; }

#cmwrapper ul.value.address li span.circle { border-radius:50%; width:15px; height:15px; background:transparent; border:1px solid #c6c6c6; display:inline-block; float:left; color:#c6c6c6; font-size:11px; margin:6px 10px 6px 0px;}

#cmwrapper ul.value.address li.ready {border-bottom:1px solid #DDDDDD;}

#cmwrapper .connect { z-index:999; width:auto; height:20px; position:absolute; top:72px; left:50%;}

#cmwrapper span.circleNum { padding:2px 4px;}

#cmwrapper span.delete { width:15px; height:12px; background:url("../images/delete.png") no-repeat scroll 0 0 transparent; text-indent: -9999px; display:block; position:absolute; right:20px; top:36px; cursor:pointer;}

#cmwrapper span.delete:hover { background:url("../images/deleteHover.png") no-repeat scroll 0 0 transparent;}

#cmwrapper .distanceInfo { text-align:right; padding:0px 25px 10px;}

#cmwrapper .distanceInfo p { font-size:11px; color:#8D9194; margin-top:5px;}

/*--------------------

COMPARE PLACES

--------------------*/

#cmwrapper .layer.places { background-color: #fff; box-shadow: 2px 2px 2px #B7B7B7; -moz-box-shadow:2px 2px 2px #B7B7B7; -webkit-box-shadow:2px 2px 2px #B7B7B7; display: block; min-height: auto; margin: 0;  position: relative; width: 285px; z-index: 1500; font-size:12px; color:#444;}

#cmwrapper .sections.places { color: #444444; font-size: 12px; border-top:0px solid #e5e5e5; width: auto; min-height:auto; }

#cmwrapper .placesOptions { height:30px; padding:5px; background:#f9f9f9; border-bottom:1px solid #ddd;}

#cmwrapper .placesOptions input.compareRadio { width:25px; word-break:break-all;}

#cmwrapper .placesOptions span { float:left; padding-right: 10px; margin-top:8px; text-align:left;}

#cmwrapper .enterField.places { padding:10px 10px 15px;}

#cmwrapper ul.value.places li { background:#f3f3f3; height:30px; border-bottom:1px dashed #eaeaea; padding:25px 45px 25px 10px; position:relative; word-break:break-all; margin-bottom:2px; }

#cmwrapper ul.value.places li p { margin-top:8px;}

#cmwrapper ul.value.places li span.circle { border-radius:50%; width:15px; height:15px; background:transparent; border:1px solid #c6c6c6; display:inline-block; float:left; color:#c6c6c6; font-size:11px; margin:6px 10px 6px 0px;}

#cmwrapper ul.value.places li.ready {border-bottom:1px solid #DDDDDD;}