/* +------------------------------------------------------------------------+ */
/* | PROPERTY OF MYGISTICS, COPYRIGHT 2009									| */
/* +------------------------------------------------------------------------+ */

/* +------------------------------------------------------------------------+ */
/* | MYGISTICS GLOBAL STYLES												| */
/* +------------------------------------------------------------------------+ */

/* SET GLOBAL ELEMENTS */

html { overflow-y: scroll; }

html, body { width: 100%; height: 100%;	}

html,body,div,form,input { margin: 0px; padding: 0px; }

h1, h2, h3, h4, p, ul {
	font-weight: normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }

img { border: none; text-decoration: none; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #DFDFDF;
	color: #FFF;
}

a { outline: none; }

blockquote { margin: 0px;}

textarea { font-family: Arial, Helvetica, sans-serif; }

input.txt, textarea.txt { border: 2px solid #32421E; }
input.txt:focus, textarea.txt:focus { border: 2px solid #B0BF9E; }

#content_wrapper, #ftr, .content_top { overflow: hidden; position: relative; }

/* +--------------------------------+ */
/* | HEADER							| */
/* +--------------------------------+ */

#hdr {
	background: url(../images/bg/g_bg_all_spt.gif) 0 0 repeat-x;
	height: 50px;
}

/* +--------------------------------+ */
/* | NAVIGATION						| */
/* +--------------------------------+ */

#hdr #nav_global {
	width: 900px;
	position: relative;
	margin: 0px auto;
}

#hdr .logo {
	background: url(../images/images/i_logo_mygistics.gif) no-repeat;
	width: 136px;
	height: 51px;
	position: absolute;
	display: block;
	z-index: 10;
	left: -25px;
	top: -1px;
}

#hdr #nav_global ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 0px;
}

#hdr #nav_global ul li {
	background: url(../images/bg/g_bg_all_spt.gif) right -50px no-repeat;
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

#hdr #nav_global ul li a {
	height: 51px;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 0px 20px;
}

#hdr #nav_global ul li.last { background: none; }
#hdr #nav_global ul li.login { background: url(../images/bg/g_bg_all_spt.gif) 0 -137px repeat-x; }

#hdr #nav_global ul li a span { display: block; position: relative; top: 17px; }
#hdr #nav_global ul li a:hover { background: url(../images/images/i_pointer_grn.gif) bottom no-repeat; }
#hdr #nav_global ul li.login a:hover { background: url(../images/images/i_pointer_gry.gif) bottom no-repeat; }

#main_page a.main_page,
#about_us_page a.about_us_page,
#trafficbug_page a.trafficbug_page,
#traffic_model_page a.traffic_model_page,
#news_events_page a.news_events_page,
#contact_us_page a.contact_us_page {
	color: #99C26C !IMPORTANT;
	background: url(../images/images/i_pointer_grn.gif) bottom no-repeat;
}

#login_page a.login_page { background: url(../images/images/i_pointer_gry.gif) bottom no-repeat; color: #99C26C !IMPORTANT; }

/* +--------------------------------+ */
/* | CONTENT						| */
/* +--------------------------------+ */

#content_wrapper { background: #FFF; }

.content_top { background: #83A65C url(../images/bg/g_bg_all_spt.gif) 0 -187px repeat-x; border-bottom: 1px solid #32421E; height: 100%; }
.top_wrapper { width: 950px; margin: 40px auto 0 auto; overflow: hidden; }

.content_btm {
	background: #FFF;
	width: 950px;
	margin: 0px auto;
	position: relative;
}

/* PANEL WHITE */

.panel_wht {
	background: url(../images/images/i_panel_w.png) no-repeat;
	width: 302px;
	height: 287px;
	position: relative;
	top: -30px;
	z-index: 10;
}

.panel_wht .icon {
	background: url(../images/icons/i_icon_panel_grn_spt.png) no-repeat;
	width: 115px;
	height: 115px;
	position: absolute;
	top: -35px;
	left: 10px;
}

.panel_wht h2 { padding: 17px 0px 0px 130px; letter-spacing: 1px; }
.panel_wht p { color: #444; width: 80%; margin: 25px auto 0px auto; text-indent: 70px; line-height: 20px; }

.panel_wht ul {
	color: #5D7C39;
	width: 70%;
	margin: 25px auto 0px auto;
	position: relative;
	z-index: 10;
	padding-left: 15px;
	list-style-image: url(../images/icons/icon_12x12_spt.gif);
}

.panel_wht ul li { line-height: 18px; padding-bottom: 5px; margin-top: 5px; border-bottom: 2px solid #E7F4D9; }
.panel_wht ul li a { text-decoration: none; color: #5D7C39; position: relative; bottom: 1px; }
.panel_wht ul li a:hover { border-bottom: 1px dashed #5D7C39; }

.panel_lt .icon { background-position: 0 0; }
.panel_mid .icon { background-position: 0 -115px; }
.panel_rt .icon { background-position: 0 -230px; }

.panel_lt { position: absolute; left: 0px; }
.panel_rt { position: absolute; right: 0px; }
.panel_mid { margin: 0px auto; }

/* PANEL GREEN */

.panel_grn {
	background: url(../images/images/i_panel_g.png) no-repeat;
	width: 298px;
	min-height: 360px;
	float: right;
}

.panel_grn ul {
	width: 80%;
	margin: 25px auto 0px auto;
	padding-left: 15px;
}

.panel_grn h2 { padding: 17px 0px 0px 25px; letter-spacing: 1px; }
.panel_grn ul li { line-height: 20px; }
.panel_grn ul li a { text-decoration: none; color: #FFF; }
.panel_grn ul li a:hover { border-bottom: 1px dashed #FFF; }

/* +--------------------------------+ */
/* | FOOTER							| */
/* +--------------------------------+ */

#ftr {
	background: url(../images/bg/g_bg_all_spt.gif) 0 -100px repeat-x;
	height: 37px;
	border-top: 1px solid #949494;
}

#ftr p { color: #5D7C39; text-align: right; font-size: 10px; margin: 12px 20px 0px 0px; }