/********************************************************************************
You may adapt elements of this CSS in your own projects, but the unique 
combination of images, colors, sizes, typography, and positioning ("the design") 
is copyright 2008 Atlas World Group, Inc. and may not be reproduced. 
/********************************************************************************/	

/* -------------------------- */
/* over-ride main site styles */
/* -------------------------- */
.contentarea {
	padding: 21px 19px 10px 19px;
}


/* ------------------------------ */
/* styles that could be site-wide */
/* ------------------------------ */

img {border: 0px;}

.left { float:left; }
.wordcount { border: 1px solid #C00; color: #C00; background-color:#FCF7F8; font-size:10px; padding:0px 3px; margin: 2px 0px;}

.margintop2 { margin-top: 2px; }

.alertmessages {
	display: block;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background: #CE0F40;
	margin-bottom: 15px;
	}

.clearall { clear: both; }

.noprint { display: block; }
.printonly { display: none; }

.small { font-size: 9px; }
.medium {font-size:13px;}	
.large { font-size: 13px; }

.darkblue { color: #00599B; }
.red { color: #CE0F40; }
.black { color: #000; }
.gray { color: #666; }

.required { color:#CC0000; font-size: 15px; font-weight:bold; }

/* -------------------- */
/* form specific styles */
/* -------------------- */

#estForm input, #estForm input.bignum, #estForm textarea, #estForm select {
	border:1px solid #84A8CC; 
	margin:1px 0px; 
	background-color:#f4f7fc; 
	color:#333;
	font-size:12px;
}

#estForm input { padding-left:3px;}
#estForm input.bignum { height:auto; font-size:20px; text-align:center; line-height:26px; font-weight: bold; }

#estForm input.nostyle, #estForm textbox.nostyle, #estForm select.nostyle { border:0px; background: transparent; }

#thnksEmailed h4 { margin:0px; padding:0px; }

.focusbox h2 { font-size: 16px; }

.printonlycontact { font-weight:bold; color:#00599B; margin:0px; padding:0px; }

#estcontainer {
	padding: 0px;
}
#maincol {
	float:left;
	width:479px;
}
#seccol {
	float: left;
	margin-left: 20px;
	padding-left: 10px;
	width:232px;
	height: 358px;
	background: url(/moving-estimate/images/bar-shadow.gif) no-repeat;
}

.focusbox {
	margin: 12px 0px;
	padding: 10px;
	background-color: #fcf4cd;
	border: 1px solid #bb8b04;
}
.focusbox h2 { margin: 0px; padding: 0px; }

ul.inset a, ul.inset a:link, ul.inset a:hover, ul.inset a:active { margin-left: 15px; }


.bigheader {color:#000; font-size:16px; font-style:italic; font-weight:bold; padding-top: 12px;}

.callouts, .callouts2, .callouts3 {position:relative; width:738px; float:left;}
.boxinfo, .boxinfo2, .boxinfo3 {position:relative; border:1px solid #c69e28; margin:12px 0px 0px 0px; background:#fcf4ce; width:715px; padding:8px 0px 8px 20px; overflow:hidden;}
.number, .number2 {position:absolute; z-index:1000; top:0px; left:-13px;}
.corner {position:absolute; z-index:1000; top:12px; right:1px;}
.corner2 {position:absolute; z-index:1000; top:12px; right:-2px;}
.corner3 {position:absolute; z-index:1000; top:12px; left:332px;}
.callouts2 {width:380px; margin:10px 0px;}
.callouts3 {width:320px; margin:10px 0px 0px 20px;}
.boxinfo2 {width:360px; min-height:90px;}
.boxinfo3 {width:315px; min-height:90px;}


#bottomdiv {width:740px; float:left; margin:10px 0px 0px 0px;}
.commentarea {float:left; width:380px;}
.submitform {float:left; padding:0px 0px 0px 25px;}

.estimatecost {width:220px; padding-right:9px; float:left;}
.estimateincludes {width:229px; float:left; border-left:1px solid #333333; padding-left:14px; margin-bottom:20px;}
.disclaimertext {width:98%; height:55px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:5px; overflow:auto; font-size:10px; background:#f1f2f2;}

.graybar{
    display: block;
    margin:0px; 
    padding:5px; 
    border-top:1px solid #19a0d0;
    border-bottom:1px solid #19a0d0;
    background-color: #e6e7e9;
}


#estimatemenu{
    width: 740px;
    margin:0px; 
    padding:0px; 
    border-top:1px solid #19a0d0;
    border-bottom:1px solid #19a0d0;
}
#estimatemenu .estimatetype {
    float:left;
    width: 110px;
    padding: 3px;
    text-align: left;
    font-size: .8em;
    font-weight: bold;
    font-style: italic;
    color: #000;
}
#estimatemenu a, #estimatemenu a:link, #estimatemenu a:visited, #estimatemenu a:active{
    float:left;
    width: 109px;
    padding: 3px;
    text-align: center;
    font-size: .9em;
    color: #333;
    background-color: #e6e7e9;
    text-decoration: none;
}
#estimatemenu a:hover { background-color: #d8d8d8; }
#estimatemenu a.active, #estimatemenu a.active:link, #estimatemenu a.active:visited, #estimatemenu a.active:active{
    color: #FFF;
    font-weight: bold;
    width: 155px;
    background-color: #19a0d0;
    text-decoration: none;
}
#estimatemenu a.active:hover { background-color: #015294; }
#estimatemenu .leftborder{ border-left: 1px solid #333; }

.asapheader {
    background-color: #00599B;
    color: #FFF;
    padding: 5px;
}

.estimatelinks {height:14px; margin-top:6px; float:left;}

a.canada, a.corp, a.stg, a.intl, a:link.canada, a:link.corp, a:link.stg, a:link.intl {
	width:auto; 
	display:inline-block; 
	float:left; 
	border-right:1px solid #666666; 
	color:#666666; 
	border-top:1px solid #666666; 
	color:#666666; 
	font-size:9px; 
	text-align:center; 
	padding:1px 6px; 
	background-color:#e0e1e2; 
	height:14px; 
	line-height:14px;}
a:hover.canada, a:hover.corp, a:hover.stg, a:hover.intl {color:#000; background-color:#CCC; text-decoration:none;}
#addedemail, #addedphone {display: none;}


/* -------------------- */
/*      Input Hints     */
/* -------------------- */
/* requires #estForm (or something) to override the #estForm input styles above */
#estForm .formblur { color: #84A8CC; }
#estForm .formfocus { color: #333; }


/* -------------------- */
/*   printable styles   */
/* -------------------- */

/* creating a printable version for this is difficult due to the tables-based layout created by Atlas Canada */
/* just doing basics here... will still print headers and navbars... */
.noprint {display:inline;}
.printonly { display: none; }
@media print{
    .noprint { display: none; }
    .printonly { display: block; }
    .disclaimertext { height: auto; }
}