/*==============================================================
// Project: Maxey Logistics
// Designed by Techwebhosting.com
// Copyright 2015-Present Maxey Logistics.
// All rights reserved.
//==============================================================*/
/* ----- General ----- */
body,a,p							{ margin: 0; padding: 0px; color: #3a3838; font-size: 14px; font-family:Tahoma; text-decoration: none; }
#background	 					{ background: #FFF; }
#container 	 					{ width:1000px; margin: auto; }



/* ----- Top ----- */
#top							{ width: 100%; height: 100px; }
#top_logo						{ float: left; width: 400px; height: 100px; background: url(/images/logo.png) no-repeat; }
#top_icons						{ float: right; padding: 35px 0px 0px 0px; }
#top_icons div					{ float: left; }
.top_phone_number				{ width: 115px; height: 62px; color: #000; background: url(/images/phone.png) no-repeat; padding: 3px 0px 0px 0px; font-family:serif; }
.top_phone_number a				{ color: #000; font-family: serif; padding: 0px 0px 0px 5px; }



/* ----- Navigation ----- */
#nav							{ height: 30px; font-size: 16px; background: #E11721; border-top-left-radius:10px; border-top-right-radius:10px; }
#nav ul							{ margin: 0; }
#nav ul li							{ float: left; list-style-type:none; display: inline-block; }
#nav ul li a						{ font-weight: bold; display: inline-block; padding: 5px 75px 5px 75px; color: #FFF; }
#nav ul li a:hover					{ color: Blue; }
#subnav							{ padding: 10px 10px 10px 10px; color: #FFF; background: #E11721; border-radius:10px; }
#subnav	a						{ color: #FFF; }
#subnav	a:hover					{ color: blue; }
#user_nav						{ }
#admin_nav						{ }
#admin_nav details > summary { list-style-type: '\2BC8'; }
#admin_nav details[open] > summary { list-style-type: '\2BC6'; }
#admin_nav details > summary::marker { color: white; }



/* ----- Content ----- */
#content						{ background: #E11721; padding: 0px 10px 0px 10px; }
#content_content				{ min-height: 400px; background: #DFDFDF; padding: 10px 10px 10px 10px; border-radius:10px; }
#content_content h1				{ padding: 0px 0px 10px 0px; font-size: 16px; }
#content_content ul				{ padding: 0px 0px 40px 0px; }
#content_content_box_full		{ color: #FFF; background: #E11721; padding: 10px 10px 10px 10px; margin: 20px 0px 20px 0px; border-radius:10px; }
#content_content_box_left		{ float: left; width: 445px; color: #FFF; background: #E11721; padding: 10px 10px 10px 10px; border-radius:10px; }
#content_content_box_right		{ float: right; width: 445px; color: #FFF; background: #E11721; padding: 10px 10px 10px 10px; border-radius:10px; }
#content_content_box_center		{ width: 25%; color: #FFF; background: #E11721; padding: 10px 10px 10px 10px; margin: 20px auto 20px auto; border-radius:10px; }
table.input						{ color: #FFF; background: #E11721; }
table.input td						{ color: #FFF; }
table.input th						{ color: #FFF; }
table.input tr						{ color: #FFF; }
table.input a						{ color: #FFF; }
table.input input					{ color: #3a3838; background: #DFDFDF; }
table.input select					{ color: #3a3838; background: #DFDFDF; }
table.input textarea				{ color: #3a3838; background: #DFDFDF; }
table.data						{ width: 100%; color: #3a3838; background: #DFDFDF; border-collapse: collapse; border:1px solid #3a3838; }
table.data td						{ color: #3a3838; background: #DFDFDF; border-collapse: collapse; border:1px solid #3a3838; }
table.data th						{ color: #3a3838; background: #DFDFDF; border-collapse: collapse; border:1px solid #3a3838; }
table.data tr						{ color: #3a3838; background: #DFDFDF; border-collapse: collapse; border:1px solid #3a3838; }
table.data a						{ color: blue; }
table.box							{ width: 100%; border-collapse: separate; border-spacing: 0px 20px; }
table.box	 td						{ column-width: 100%; vertical-align: top; }
table.box	 th						{  }
table.box	 tr						{ clear:both; }
#welcome_banner					{ height: 407px; background: url(/images/bg.png) no-repeat center; }



/* ----- Footer ----- */
#footer							{ width: 100%; height: 10px; background: #E11721; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#footer ul						{ }
#footer ul li						{ list-style-type:none; padding:10px 0px 0px 0px;}
#footer span						{ font-weight: bold; color:#FFF; padding:0px 0px 0px 45%; text-decoration: underline; }



/* ----- Timeclock Font ----- */
#content_content_box_left .timeclock { font-size: 32px; }
/* -- EOF -- */