/**************** MAIN LAYOUT ****************/
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%; /* needed for container min-height */
}
#centerColumn{
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	
	width: 985px;
	text-align:left;
}

#page{
	padding-bottom: 100px; /* bottom padding for footer */
}

#header{
	height: 152px;
}

#footer{
	position:absolute;
	bottom:0; /* stick to bottom */
	width:985px;
	height: 100px;
}

#contentWrapper{
	margin: 40px 60px 20px 60px;
}


/******* MAIN LAYOUT COLORS AND BACKGROUNDS ********/
body{background: url(http://static.moveidiot.com/img2/inner-bg.gif) repeat-x #1C72AD;}
#footer{ background:url(http://static.moveidiot.com/img2/footer-bg.jpg) no-repeat top;}
#centerColumn{ background:url(http://static.moveidiot.com/img2/header-bg.jpg) no-repeat;}
#header{}


/*********** DEFAULT FONTS AND COLORS ************/
body{
	color: #D3D6DA;
	font: 14px/18px  Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

a, a:hover, a:visited  {
	color:#D3D6DA;
	text-decoration:underline;
}
#contentWrapper a, #contentWrapper a:hover  {
	color:#5C5C5C;
}
a img{ border: none; }
h1, h2, h3{ 
	color: #FFF;
	font-weight: normal;
	padding-bottom: 5px;
}
h1{ font-size: 28px; }
h2{ font-size: 24px; line-height: 24px;}
h3{ font-size: 20px; }


/******** Button *********/
a.button, #contentWrapper a.button{
	display: block;
	background: #fc0;
	background: url(http://static.moveidiot.com/img2/btn-left.gif) left top no-repeat;
	text-decoration: none; color: #EEF;
	width: 100px;
}
a.button span{
	display: block;
	font: 18px/25px  Arial, Tahoma, Helvetica,   Verdana, sans-serif;
	background: #0fc;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	text-align: center;
	background: url(http://static.moveidiot.com/img2/btn-right.gif) right top no-repeat;
}
a.button:hover, #contentWrapper a.button:hover{text-decoration: none; color: #FFF;}



/********** login form ***********/

#loginFormBox{
	position: absolute;
	width: 405px;
	top: 20px;
	left: 515px;
	text-align: right;
}
#loginFormBox h3{
	font-size: 30px;
	line-height: 28px;
	width: 400px;
}
#loginFormBox input{
	position: absolute; display: block;
	border: none;
	background: url(http://static.moveidiot.com/img2/tf-bg.gif) no-repeat #fff;
	width: 195px;
	height: 20px;
	font-size: 14px;
	padding: 4px 5px 0px 5px;
}
#loginField{top: 0px; right:0;}
#passwordField{	top: 30px; right:0;}
#restorePassLink{
	display: block;
	position: absolute;
	color:#21264B;	
	top: 148px;
	left: 200px;
}
#bigLoginButton{
	position: absolute;
	left: 320px; top: 60px;
	width: 85px;
}

#headerRegisterButton{
	position: absolute;
	left: 200px; top: 60px;
	width: 110px;
}

/********** MENU ***********/
#menu{
	position: absolute;
	top: 122px;
	right: 65px;
	z-index:300;
}
#menu a{
	display: block;
	float: left;
	background: #fc0;
	background: url(http://static.moveidiot.com/img2/tab-left.gif) left top no-repeat;
	text-decoration: none; color: #FFF;
	margin-left: 3px;
}
#menu a span{
	display: block;
	font: 14px/26px  Arial, Tahoma, Helvetica,   Verdana, sans-serif;
	background: #0fc;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	text-align: center;
	background: url(http://static.moveidiot.com/img2/tab.gif) right top no-repeat;
}
#menu a:hover{text-decoration: none; color: #FFF;}
#menu a.current, #menu a:hover{background: url(http://static.moveidiot.com/img2/c-tab-left.gif) left top no-repeat;}
#menu a.current span, #menu a:hover span{background: url(http://static.moveidiot.com/img2/c-tab.gif) right top no-repeat;}

#menu ul{ list-style: none;}
#menu li{ 
	float:left; 
	position: relative;
	padding-bottom: 3px;
}
#menu ul ul{
	display: none;
	position: absolute;
	top:29px;
	left: 3px;
	background-color: #2A3048;
}
#menu ul ul li{
	float: none;
	position: relative;
	padding: 0;
}
#menu ul ul li a{
	display: block;
	height: 24px;
	width: 150px;
	margin: 1px 0 0;
	padding: 4px 5px 2px 40px;
	font-size: 17px;
	line-height: 18px;
	background-image: none;
	background-color: #3C4F71;
	float: none;
	vertical-align: baseline;
}
#menu ul ul.account li a{
	width: 105px;
	padding: 4px 5px 2px 10px;
}
#menu ul ul li a:hover{
	background-image: none;
	background-color: #323E5A;
}
#menu ul ul li a img{
	position: absolute;
	left: 6px;
}


/********** CONTENT ***********/
#logo{
	position: absolute;
	left: 50px;
}

#addMoveButton{
	width: 190px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.table3Col{
	width:100%;
}
.table3Col td{
	width:33%;
	padding-bottom: 30px;
}
a.removeLink, a.removeLink:visited{
	background: url(http://static.moveidiot.com/img2/x.gif) right 3px no-repeat;
	padding-right: 16px;
	text-decoration: underline;
}


/********** FOOTER ***********/
#footerWrapper{position: relative; }
#footerWrapper,  #footerMenu a{color: #FFF;}
#footerMenu a:hover{color: #FFF;}
#footerMenu{
	position: absolute;
	top: 15px;
	right: 55px;
}
#copyright {
	position: absolute;
	top: 15px;
	left: 55px;
}
#copyright div{
	font-size: 12px;
	line-height: 12px;
	margin: 5px 0;
}
#truck{
	position: absolute;
	left: 305px;
	top: -20px;
}



.section_title {
	margin-top:10px;
	font-size: 28px;
	color: #FFF;
	font-weight: normal;
	padding-bottom: 5px;
}

.dark_header, .content h1, .content h2, .content h3 {
	color:#374666;
}

.h_section_divider {
	background-color:#aebdd9;
	height:1px;
}
.content .h_section_divider{
	margin: 10px 0;
}

a.link, a.link:hover {
	color:#156bc5;
}

.cell {
	padding:10px;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

.no_border_right {
	border-right:0px;
}

.th_cell {
	background-color:#eee;
	padding:10px;
	text-align:left;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

.category_button {
	padding:5px;
	border:solid 1px #aaa;
	background-color:#fff;
	margin-bottom:7px;
	font-size:1.4em;
	cursor:hand;
	cursor:pointer;
	
}
.category_selected {
	background-color:#d7e9ff;
}


.category_button:hover {
	padding:5px;
	border:solid 1px #333;
	background-color:#fff;
	margin-bottom:7px;
	font-size:1.4em;
	
}

.view_button {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	background-color:#212530;
	color:#ffffff;
	margin-right:10px;	
}

.a_view_button {
	color:#fff;
}






#contentWrapper a.lightLink, #contentWrapper a.lightLink:hover  {
	color:#FFF;
}

#contentWrapper .breadcrumbs,
#contentWrapper a.breadcrumbs:hover{
	color:#FFF;
	text-decoration:none;
}
#contentWrapper a.breadcrumbs:hover {
	text-decoration:underline;	
}

/* breadcrumbs color for pages like "Adding More Boxes" or "Add Move Items" */
#contentWrapper table table table .breadcrumbs,
#contentWrapper table table table a.breadcrumbs:hover{
	color:#333;
}


#contentWrapper a.page_tabs, #contentWrapper a.page_tabs_current {
	color:#FFF;
	text-decoration:underline;
}

.atop {
	vertical-align:top;
}

.moving_pod_2 {
	background-color:#4c6386;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-radius-topleft:5px;
	-webkit-border-radius-topright:5px;
}

#footerMenu a {
	text-decoration:underline;
} 

#footerMenu a:hover {
	text-decoration:none;
}

div.buttonBar{
	background-color:#818cab;border-bottom:solid 1px #4a5d95;padding:8px;text-align:right;padding-right:0px;
}
.darkLinkButton{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px 10px;
	background-color:#212530;
	margin-right:10px;
	color:#fff;
}
#contentWrapper .darkLinkButton a{
	color:#fff; text-decoration:none;
}
#contentWrapper .darkLinkButton a:hover{
	color:#fff; text-decoration:underline;	
}



div.carrierButton{
	cursor:hand;cursor:pointer;
	width:100px;float:left;
	padding:5px 10px;
	background-color:#2e364e;
	border:solid 1px #607eb5;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#contentWrapper .carrierButton a{
	color:#D3D6DA; text-decoration:none;
}
#contentWrapper .carrierButton a:hover{
	color:#FFF; text-decoration:underline;	
}

/*********************/
#page_tabs {
	background-color:#7797C0;
}
#contentWrapper #page_tabs a {
	background:transparent url(http://static.moveidiot.com/img2/tab-left.gif) no-repeat scroll left top;
	color:#E0E0E9;
	display:block;
	float:left;
	margin-left:3px;
	text-decoration:none;
}
#contentWrapper #page_tabs a span {
	background:transparent url(http://static.moveidiot.com/img2/tab.gif) no-repeat scroll right top;
	display:block;
	font: 14px/26px  Arial, Tahoma, Helvetica,   Verdana, sans-serif;
	margin-left:10px;
	padding-bottom:1px;
	padding-right:10px;
	text-align:center;
}
#contentWrapper #page_tabs a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#contentWrapper #page_tabs a.current, #contentWrapper #page_tabs a:hover {
background:transparent url(http://static.moveidiot.com/img2/c-tab-left.gif) no-repeat scroll left top;
}
#contentWrapper #page_tabs a.current span, #contentWrapper #page_tabs a:hover span {
background:transparent url(http://static.moveidiot.com/img2/c-tab.gif) no-repeat scroll right top;
}

/*********************/
#calculator, .content{ font-size: 16px;
	padding: 20px 0;
	margin:20px 0 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFF;
	color: #333;
	border:solid 1px #7797c0;
}
.indent{
	padding: 0 20px;
}
#chart_div{ width:500px; text-align: center;}
#calculator input{ width:80px; font-size: 18px;}
#total{  text-align:left;}
.total{font-size: 24px; padding-top:10px; }
#calculator td{text-align:right;}
#calculator .instructions{
	text-align:left;
	margin: 10px 0;
}
#calculator .button{ float: left; margin-left:7px;}
#calculator .calculatorButtonBar{height: 30px; margin-top: 30px;}
#calculator .calculatorButtonBar a.button{ color:#FFF; }
		
		
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	color:#666;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/static/img/imgprogress_bar4.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

a.button.blue, #contentWrapper a.button.blue{
	background: url(http://static.moveidiot.com/img2/btn-left-blue.gif) left top no-repeat;
}
a.button.blue span, contentWrapper a.button.blue span{
	background: url(http://static.moveidiot.com/img2/btn-right-blue.gif) right top no-repeat;
}

#ytplayer_div2 a{
	display: block;
	margin-bottom: 7px;
}


.instructions {
	padding-left:20px;
}

#formBox{
	padding-top:10px;
	color:#fff;
	background-color:#3080b3;
	border:solid 1px #216997;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}

#formBox .formBoxBottom{
	background-color:#3080b3;
	height: 7px;
	bottom: 0;
}

#formBox h1 {
	color:#fff;
	font-size:1.3em;
}
#formBox h2{
	margin-bottom: 5px;
	font-size:1.2em;
}
#formBox input, #formBox select{
	font-size: 15px;
	padding: 3px 0;
}
 #homeContent.testing #aboutBox,
 #homeContent.testing #slider{
	top: 400px;
}
 #homeContent.testing .grid{
	top: 680px;
}
 #homeContent.testing{
	height: 1300px;
}

/*/////////////////////*/


#bottomBox{position: relative; }
#bottomBox,  #bottomBox #bottomMenu a{color: #FFF;}
#bottomBox #bottomMenu a:hover{color: #FFF;}

.b {
	font-weight:bold;
}