/* Contains all styling for the HDL (Home Delivery Link) site */

body {
	margin:0;
	padding:0 0 15px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	background-color: #b6b4b4;
	text-align:center;
}
#body_admin {
	background-color: #ffffff;
	text-align:left;
}
#body_popup {
	background-color: #ffffff;
	text-align:left;
	padding:2px 7px 7px 7px;
}


#page_container {
	text-align: left;
	width: 995px;
	margin: 35px auto 20px;
}
#admin_page_container {
	text-align: left;
	width: 759px;
	margin: 25px 15px 20px;
}
#content_container {
	vertical-align: top;
}

#copyright_notice {
	text-align:center;
	padding: 5px;
}
#content_placeholder {
	padding:120px;
	text-align:center;
	color:#d98882;
	border: 1px dashed #d98882;
}
#hdl_logo {
	float: right;
	height: 41px;
	width: 284px;
	padding-right:26px;
	clear: both;
}
#hdl_admin_logo {
	padding-bottom: 30px; 	
}
#phone_number {
	text-align: right;
	display: block;
	padding: 11px 26px 20px 0;
}
#copyright_notice a {
	color:#444444;
	text-decoration:underline;
	margin-left:15px;
}
.whitebox {
	background-color:#ffffff;
}
#body_login .whitebox {
	background-image:url(../images/mouse_bkground.gif);
	background-position:440px bottom;
	background-repeat:no-repeat;
}
.whitebox_bl {
	text-align: left;
	vertical-align: bottom;
	height: 11px;
}
.whitebox_br {
	text-align: right;
	vertical-align: bottom;
}
.whitebox_tl {
	text-align: left;
	vertical-align: top;
	height: 11px;
	width: 11px;
}
.whitebox_tr {
	text-align: right;
	vertical-align: top;
	width: 11px;
}
.headertext {
	color:#b21509;
	font-size:14px;
}

/* Top navigation styling */

#top_nav {
	list-style: none;
	margin: 0;
	padding: 19px 0 0 15px;
}
#top_nav li {
	margin: 0;
	padding: 0;
	display:inline;
}
#top_nav li a {
	height:8px;
	display: block;
	float:left;
	padding:5px;
	margin: 0 8px;
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	outline: none;
}
/* Each navigation item has a specific background image. Actual link text is shifted off the page */
#btn_about a { 
	background-image:url(../images/buttons/btn_about.gif);
	width: 39px;
}
#btn_careers a { 
	background-image:url(../images/buttons/btn_careers.gif);
	width:49px;
}
#btn_clients a { 
	background-image:url(../images/buttons/btn_clients.gif);
	width: 44px;
}
#btn_contact a { 
	background-image:url(../images/buttons/btn_contact.gif);
	width:53px;
}
#btn_press a { 
	background-image:url(../images/buttons/btn_press.gif);
	width:32px;
}
#btn_why_hdl a { 
	background-image:url(../images/buttons/btn_why_hdl.gif);
	width:53px;
}

/* Hover and selected style */ 
#btn_about a:hover, #body_about #btn_about a { 
	background-image:url(../images/buttons/btn_about_on.gif);
}
#btn_careers a:hover, #body_careers #btn_careers a { 
	background-image:url(../images/buttons/btn_careers_on.gif);
}
#btn_clients a:hover, #body_clients #btn_clients a { 
	background-image:url(../images/buttons/btn_clients_on.gif);
}
#btn_contact a:hover, #body_contact #btn_contact a { 
	background-image:url(../images/buttons/btn_contact_on.gif);
}
#btn_press a:hover, #body_press #btn_press a { 
	background-image:url(../images/buttons/btn_press_on.gif);
}
#btn_why_hdl a:hover, #body_why_hdl #btn_why_hdl a { 
	background-image:url(../images/buttons/btn_why_hdl_on.gif);
}

/* Footer navigation styling */

#footer_nav {
	text-align:center;
}
#footer_nav ul {
	margin:0;
	padding:10px;
	list-style-type:none;	
}
#footer_nav ul li {
	display:inline;
	padding: 0px 5px;
}
#footer_nav ul li a {
	padding: 2px 5px;
	color: #444444;
	text-decoration:none;
}
#footer_nav ul li a:hover {
	text-decoration:underline;	
}
#admin_content {
	padding: 40px 0 0 25px;
	height: 300px;
}
/* Admin form styling */

.admin_formtable td {
	white-space:nowrap;
	padding: 6px 6px;
}
.admin_formtable th {
	white-space:nowrap;
	padding: 10px 6px;
	text-align:center;
}
.admin_formtable label {
	font-weight:bold;
}
.admin_formtable input {
	font-size:11px;
}	
.date_listing {
	font-weight: bold;
	color: #B21509;
	text-align:center;
}
.status_listing {
	text-align:center;
}
.admin_formtable .wraptext {
	white-space: normal;
}
.admin_formtable #JobDescription {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
}
#admin_content ul {
	margin: 0px;
	padding: 0px;	
	list-style-type:none;
}
#admin_content ul li {
	padding: 4px 0 4px 25px;
}
#admin_content a {
	color: #b21509;
	font-weight:bold;
	text-decoration:underline;
}
#admin_instructions {
	padding:0 0 25px 10px;
}
#login_container {
	padding-left: 45px;
	height: 230px;
}
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#main_content {
	min-height: 240px;
}
#main_content a {
	color: #b21509;
	text-decoration:none;
	font-weight:bold;
}
#normallink a {
	color: #b21509;
	text-decoration:none;
}
#main_content a:hover {
	text-decoration:underline;	
}
#contact_info {
	padding-left: 50px;
	width: 330px;
	float:left;
}
#text_content {
	line-height:140%;
	padding: 0px 45px 20px;
}

/* Interest form styling */

#form_table {
	margin: 0 25px 30px 20px;
}
#form_table select {
	width: 115px;
}
#form_table td {
	padding: 8px 6px;
}
#form_table .labelcell {
	padding-left:30px;
	text-align:right;
	font-weight:bold;
}
#form_table .tell_us {
	font-weight: bold;
	color: #B21509;
	padding-left: 25px;
}
.form_confirmation_message {
	height: 150px;
	padding-left: 50px;
}
.form_thank_you_text {
	font-size:12px;
	margin-top:0;
	font-weight:bold;
}
/* Inner content table styles */

.content_table td {
	vertical-align: top;
	padding-bottom: 20px;	
}
.content_table td p {
	vertical-align: top;
	line-height: 140%;
	margin: 8px auto 12px;
}
.left_content_cell {
	width: 260px;
	padding-left: 25px;
}
.center_content_cell {
	width: 260px;
	padding-left: 70px;
}
.graphic_content_cell {
	text-align:right;
	padding: 18px 12px; 
}
#map_graphic {
	margin-bottom:20px;
}

/* Client map and logo page styling */

#logo_table {
	width:100%;
}
#logo_table td {
	padding: 0 0 8px;
	text-align:center;
}
#coverage_map {
	width:523px;
	margin-left: 75px;
	float: left;
}
#client_sidebar {
	width:248px;
	float:right;
	margin:18px 12px 0 0;
}

/* Grey sidebar outlets styling */

#interesting_facts {
	float: right;
	margin: 18px 12px 100px 25px;	
}
#media_inquiries {
	float:right;
	margin: 18px 12px 0 0;
}
#featured_employee {
	float: right;
	margin-top: 13px;
}

/* HDL Executive Team styling */

#team_table {
	background-image: url(../images/team/teamtable_bg.gif);
	background-position: -1px top;
	background-repeat:no-repeat;
	margin:0 0 15px 0px;
}
#team_table td { 
	vertical-align:top;
	padding: 81px 7px 0;
}
#team_table td.upper_row { 
	padding-top: 41px;
}

#rounded_box_04 {
	background-color: #eeeeee;
	float:right;
}
#rounded_box_04 td {
	padding:0;
}
#rounded_box_04 td.box_04_content {
	vertical-align:top;
	background-image:url(../images/box_dots_04.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	padding: 10px 0 10px 0;
}
.box_04_top {
	border-top: 1px solid #999999;
}
.box_04_left {
	border-left: 1px solid #999999;
}
.box_04_right {
	border-right: 1px solid #999999;
}
.box_04_bottom {
	border-bottom: 1px solid #999999;
}
.box_04_corner_tl {
	height: 10px;
	width: 10px;
	vertical-align:top;
}
.box_04_corner_tr {	
	width: 10px;
	vertical-align:top;
	text-align:right;
}
.box_04_corner_bl {
	height: 10px;
	vertical-align:bottom;
}
.box_04_corner_br {
	vertical-align:bottom;
	text-align:right;
}
#job_sidebar_table {
	margin-top: 10px;
}
#job_sidebar_table td {
	text-align:left;
	padding: 3px;
	line-height: 140%;
}
#job_sidebar_table td.view_more_link {
	padding: 10px 2px 0;
	background-image:url(../images/red_arrow.gif);
	background-position: 125px 14px;
	background-repeat:no-repeat;
}
#job_sidebar_table td.more_opportunities_link {
	padding: 10px 2px 18px;
	/*background-image:url(../images/red_arrow.gif);*/
	background-position: 125px 14px;
	background-repeat:no-repeat;
}


#main_content .standardlink a {
	font-weight: normal; 
	text-decoration:underline;
}

/* Styling for color transition area of the index page */

.color_transition {
	background-color: #b6b4b4;
	background-image:url(../images/color_transition_bgfill.gif);
	background-position:left top;
	background-repeat:repeat-x;
	vertical-align: top;
	text-align:center;
}
.color_transition_sidebars {
	vertical-align:top;
	background-color: #b6b4b4;
	height:150px;
}
.home_outlet_table td {
	vertical-align:top;
	padding: 0 18px 20px;	
}
.outlet_spacer {
	height:175px;
}
.read_more_link {
	background-image: url(../images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 75px 4px;
}
.get_directions_link {
	background-image: url(../images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 157px 2px;
}

/* Rounded outlets on home page  */

/* First rounded box on home page */

#rounded_box_01 {
	background-color: #e0dfdf;
}
#rounded_box_01 td {
	padding:0;
}
#rounded_box_01 td.box_01_content {
	vertical-align:top;
	text-align:left;
	min-height:150px; 
	background-image:url(../images/box_dots_01.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	padding: 3px 0 10px 0;
}
#rounded_box_01 td.box_01_content p {
	padding: 0 8px;
	line-height: 140%;
}
#rounded_box_01 td.box_01_content a {
	text-decoration:none;
	font-weight: bold;
	color: #B21509;
}
#rounded_box_01 td.box_01_content a:hover {
	text-decoration:underline;
}

.dark_text {
	color: #000000;
}

.box_01_corner_tl {
	height: 8px;
	width: 9px;
	vertical-align:top;
}
.box_01_corner_tr {	
	width: 9px;
	vertical-align:top;
	text-align:right;
}
.box_01_corner_bl {
	height: 8px;
	vertical-align:bottom;
}
.box_01_corner_br {
	vertical-align:bottom;
	text-align:right;
}

/* Second rounded box is same as the first except different content background dots */

#rounded_box_02 {
	background-color: #e0dfdf;
}
#rounded_box_02 td {
	padding:0;
}
#rounded_box_02 td.box_02_content {
	vertical-align:top;
	text-align:left;
	min-height:150px;
	background-image:url(../images/box_dots_02.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	padding: 3px 0 10px 0;
}
#rounded_box_02 td.box_02_content p {
	padding: 0 8px;
	line-height: 140%;
	color: #777777;
}
#rounded_box_02 td.box_02_content a {
	text-decoration:none;
	font-weight: bold;
	color: #B21509;
}
#rounded_box_02 td.box_02_content a:hover {
	text-decoration:underline;
}

/* Home page outlet press releases list */

td.box_02_content #press_releasesUL {
	margin:10px 0;
	padding:0;
	list-style-type:none;
}
td.box_02_content #press_releasesUL li {
	margin:0;
	padding:0;
}
td.box_02_content #press_releasesUL li a {
	display:block;
	line-height: 140%;
	padding: 4px 8px 4px 20px;
	background-image:url(../images/grey_arrow.gif);
	background-position:8px 8px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:normal;
	color:#444444;
}

td.box_02_content #press_releasesUL li.redarrow a {
	display:block;
	line-height: 140%;
	padding: 4px 8px 4px 20px;
	background-image:url(../images/red_arrow.gif);
	background-position:8px 8px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:normal;
	color:#444444;
}

td.box_02_content #press_releasesUL li a:hover {
	background-image:url(../images/red_arrow.gif);
	color: #B21509;
	font-weight:normal;
	text-decoration:none;
}


/* Third rounded box on home page */

#rounded_box_03 {
	background-color: #a1a0a0;
}
#rounded_box_03 td {
	padding:0;
}
#rounded_box_03 td.box_03_content {
	vertical-align:top;
	text-align:left;	
	background-image:url(../images/box_dots_03.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	padding: 3px 0 10px 0;
}
#rounded_box_03 td.box_03_content p{
	margin-top: 8px; 
	padding: 0 8px;
	line-height: 140%;
}
#rounded_box_03 td.box_03_content a {
	text-decoration:none;
	color:#444444;
}
#rounded_box_03 td.box_03_content a:hover {
	text-decoration:none;
	color:#B21509;
}	
	

#dotted_separator {
	margin: 0 0 15px;
}
.box_03_corner_tl {
	height: 8px;
	width: 9px;
	vertical-align:top;
}
.box_03_corner_tr {	
	width: 9px;
	vertical-align:top;
	text-align:right;
}
.box_03_corner_bl {
	height: 8px;
	vertical-align:bottom;
}
.box_03_corner_br {
	vertical-align:bottom;
	text-align:right;
}
/* Fifth rounded box is used in popup messages */

#rounded_box_05 {
	background-color: #e0dfdf;
}
#rounded_box_05 td {
	padding:0;
}
#rounded_box_05 td.box_05_content {
	vertical-align:top;
	text-align:left;	
	background-image:url(../images/box_dots_05.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	padding: 3px 0 20px 0;
}
#rounded_box_05 td.box_05_content p{
	line-height:140%;
	padding: 0 8px;
}
.box_05_corner_tl {
	height: 9px;
	width: 9px;
	vertical-align:top;
}
.box_05_corner_tr {	
	width: 9px;
	vertical-align:top;
	text-align:right;
}
.box_05_corner_bl {
	height: 9px;
	vertical-align:bottom;
}
.box_05_corner_br {
	vertical-align:bottom;
	text-align:right;
}
/* Pop window 'Close' button and link */

.close_button_link {
	padding: 4px;
	text-align:right;
}
.close_button_link a {
	color: #777777;
	text-decoration:underline;
}
.close_button_link a:hover {
	color: #000000;
	text-decoration:underline;
}
.close_button {
	width: 1%;
	padding: 4px 6px;
}

/* Client list popup styling */

#client_list_container {
	background-image: url(../images/clients_list_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 248px;
	width: 371px;
}
#client_list_container td {
	vertical-align:top;
	padding: 50px 6px 0 33px;
}
#client_list_container td ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#client_list_container td ul li {
	padding: 0 0 6px 0;
}

/* Job listing table on the user side */

#job_table {
	margin-bottom:10px;
}
#job_table td {
	vertical-align:top;
	padding: 7px 5px;
}
#job_table .acrobat_icon {	
	vertical-align:middle;
	padding:0;
}
#job_table .acrobat_icon img {	
	float:right;
}
#job_table td.job_spacer_row {
	height: 12px;
}
#job_table .download_link {
	background-image:url(../images/red_arrow.gif);
	background-position:152px center;
	background-repeat:no-repeat;	
	font-weight: bold;
	color: #B21509;
	vertical-align:middle;
}
#job_table .job_description {
	white-space: normal;
	padding: 0 5px 10px;
}