body { font-family: Helvetica, sans-serif; font-size: 11px; color: #333333; margin:0; width:100%; }

#main
{
    width:900px;
    height:auto;
    background-color:#FFFFFF;
    text-align:left;
    margin:0 auto;
    color:#828282;
}

.clear { clear: both; }
.fl { float:left; }
.fr { float:right; }
.clf { clear:left; }
.crf { clear:right; }
.pointer { cursor:pointer; }


/* COMMON */
.header_title { font-family:Helvetica, Arial; font-size:24px; color:#828282; font-weight:bolder; }
.header_desc { font-family:Helvetica, Arial; font-size:14px; color:#828282; }
.field_title { font-family:Helvetica, Arial; font-size:12px; color:#828282; font-weight:bolder; }
.abl_orange { color:#ff9b11; }
.input_info { font-family:Helvetica, Arial; font-size:11px; color:#828282; }
.error { color:#D4001A; }
.roundedbox {
	border:1px solid #EBEBEB;
	padding:2px;
	-moz-border-radius:5px;
}
.boxcodehl { font-family:Helvetica, Arial; font-size:11px; color:#828282; text-decoration:underline; margin-left:5px; }
.boxcodehl:hover { text-decoration:none; }

/* ie overrides */
.qr_code { position:absolute; width:260px; border:solid 3px #EBEBEB; background-color:#FFFFFF; display:none; visibility:hidden; margin-left:-80px; margin-top:60px; }
html>/**/body .qr_code { position:absolute; width:260px; border:solid 3px #EBEBEB; background-color:#FFFFFF; margin-top:-180px; margin-left:90px; display:none; visibility:hidden; }

.invalid_box { color:Red; position:absolute; margin-top:-7px; margin-left:-260px; }
html>/**/body .invalid_box { color:Red; position:absolute; margin-top:-7px; margin-left:0px; }

/* HOME/DEFAULT PAGE *************************************************************/

	/* HEADER */ 
	#header { width: 910px; height:100px; }
	#header .header_logo { float:left; position:absolute; }
	#header .header_logo img { margin-top:20px; }
	#header .locate_box { float:right; margin-top:40px; width:435px;}

	/* TRACKING/STEPS SECTION */
	#track { width:900px; height:290px; border:solid 5px #EBEBEB; }
	#track .steps { width:580px; padding:10px; }
	#track .step_header { width: 580px; } 
	#track .step { width:175; float:left; padding:7px; }

	/* TRACKING/BOX SECTION */
	#track .track_box { width:290px; background-color:#EBEBEB; float:right; height:290px; }

	/* STATS/MAP SECTION */
	#stats { width:900px; height:400px; border:solid 5px #EBEBEB; }
	#stats .overall { float:left; margin-left:10px; color:#b4b2b2; font-size:14px; }
	#stats .gmap { float:right; border-left:solid 5px #EBEBEB; }
	#stats .overall .stat_title { font-size:12px; font-family:Helvetica, Arial; color:#3da8d9; border-bottom:dotted 1px #000000; }
	#stats .overall .stat_value { font-size:34px; font-family:Helvetica, Arial; }
	#stats .overall .footnote { font-size:9px; font-family:Helvetica, Arial; }
	.swatch { float:left; height:10px; width:10px; margin-right:5px; margin-top:2px; }
	.mtboxlink { color:#3da8d9; text-decoration:none; }
	.mtboxlink:hover { text-decoration:underline; }

	/* SOCIAL NETWORKING SECTION */
	#social { width:910px; min-height:370px; }
	#social .twitter { float:left; min-height:370px; margin-right:10px; width:210px; font-family:Helvetica, Arial; font-size:11px; }
	#social .twitter .title { font-size:12px; color:#3da8d9; }
	#social .twitter .container { padding-bottom:20px; }
	#social .twitter .author { line-height:20px; color:#ff9b11 }
	#social .twitter .pub_date { font-size:11px; color:#a7da79; line-height:20px; }
	#social .photo { float:left; border:solid 5px #EBEBEB; width:680px; height:360px;  }
	#social .photo .container { }
	#social .photo .container .left { float:left; }
	#social .photo .container .left .main { border-right:solid 5px #EBEBEB; }
	#social .photo .container .left .footer { padding-left:10px; font-family:Helvetica, Arial; font-size:12px; }
	#social .photo .container .left .footer .title { font-weight:bolder; margin-top:5px; color:#000000; }
	#social .photo .container .left .footer .author { font-weight:bolder; margin-top:5px; color:#ff9b11; border-bottom:dotted 1px #000000; padding:2px 0 5px 0; width:350px; }
	#social .photo .container .left .footer .footnote { padding-top:5px; }
	#social .photo .container .right { float:left; }
	#social .photo .container .thumb { float:left; border-right:solid 1px #EBEBEB; border-bottom:solid 1px #EBEBEB; }
	#social .photo .container .thumb img { display:block; }

	/* FOOTER */
	#footer { width:900px; }
	.footer_logo { float: left; display:block; margin-left:25px; margin-top:5px; vertical-align: middle; }
	.join_us { width: 400px; padding: 40px 0px; }
	.join_hdr { color: #3DA8D9; font-weight: bold; font-size: 12px; }
	a.join { color: #ffac44; text-decoration: none; }

/* TRACKIT PAGE *************************************************************/
	#main .trackit_header { font-family:Helvetica, Arial; font-size:20px; font-weight:bolder; color:#3da8d9; }

/* LOCATE A BOX *************************************************************/
	#results { width:880px; border:solid 5px #EBEBEB; padding:10px; }