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

/* +------------------------------------------------------------------------+ */
/* | MAIN PAGE																| */
/* +------------------------------------------------------------------------+ */

.pres_window {
	background: #FFFFFF url(../images/images/i_image_main_window.jpg) center no-repeat;
	width: 794px;
	height: 274px;
	border: 4px solid #32421E;
	margin: 40px auto 0px auto;
	padding: 5px;
}

.pres_window .img_banner {
	background: url(../images/images/i_banner_grn.png) right top no-repeat;
	width: 794px;
	height: 274px;
	position: relative;
	bottom: 5px;
	left: 5px;
}

.pres_window_shadow {
	background: url(../images/images/i_shadow_main_window.png) no-repeat;
	width: 840px;
	height: 47px;
	margin: 0px auto 50px auto;
}

#main_page .btn { float: right; margin: 10px 30px 0px 0px; }

/* +------------------------------------------------------------------------+ */
/* | ABOUT US																| */
/* +------------------------------------------------------------------------+ */

#about_us_page .info_block .image {
	background: url(../images/images/i_image_mike_terry.jpg) no-repeat;
	width: 215px;
	height: 147px;
	float: left;
	border: 2px solid #32421E;
	margin: 0px 20px 0px 0px;
	position: relative;
	top: 5px;
}

#about_us_page .panel_grn li { margin-bottom: 20px; }

#about_us_page .panel_grn li a {
	background: url(../images/images/img_logo_partners_spt.gif) no-repeat;
	display: block;
	width: 100px;
	height: 30px;
}

#about_us_page .panel_grn li a:hover { border: none; }

#about_us_page .panel_grn li a.logo_geostats { background-position: 0 0; }
#about_us_page .panel_grn li a.logo_mapquest { background-position: 0 -30px; }
#about_us_page .panel_grn li a.logo_ptvag { background-position: 0 -60px; }
#about_us_page .panel_grn li a.logo_nustats { background-position: 0 -90px; }

#about_us_page .info_item p { padding-top: 0px; padding-bottom: 10px; line-height: 16px; }
#about_us_page .info_item h2 span { font-size: 12px; }
#about_us_page .info_item { width: 100%; margin-bottom: 15px; }
#about_us_page .info_item .title_divide { margin: 5px 0px 10px 0px; }

#about_us_page .info_item .thumb_1,
#about_us_page .info_item .thumb_2,
#about_us_page .info_item .thumb_3,
#about_us_page .info_item .thumb_4,
#about_us_page .info_item .thumb_5,
#about_us_page .info_item .thumb_6 {
	background: url(../images/images/thumb_profile_spt.jpg) no-repeat;
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 12px;
	border: 2px solid #32421E;
}

#about_us_page .info_item .thumb_1 { background-position: 0px 0px; }
#about_us_page .info_item .thumb_2 { background-position: 0px -50px; }
#about_us_page .info_item .thumb_3 { background-position: 0px -100px; }
#about_us_page .info_item .thumb_4 { background-position: 0px -150px; }
#about_us_page .info_item .thumb_5 { background-position: 0px -200px; }
#about_us_page .info_item .thumb_6 { background-position: 0px -250px; }


/* +------------------------------------------------------------------------+ */
/* | TRAFFIC BUG															| */
/* +------------------------------------------------------------------------+ */

#trafficbug_page .content_top .info_block { width: 60%; margin-bottom: 30px; }

#trafficbug_page .info_item .image {
	background: url(../images/icons/i_icon_boxes_spt.jpg) no-repeat;
	width: 110px;
	height: 135px;
	float: left;
	margin-right: 10px;
	border: none;
}

#trafficbug_page .info_item_lt .image { background-position: 0 0; }
#trafficbug_page .info_item_rt .image { background-position: 0 -135px; }
#trafficbug_page .info_item_mid .image { background-position: 0 -270px; }

#trafficbug_page .info_item p { position: relative; top: -10px; line-height: 18px; }

#trafficbug_page .info_block .image {
	background: url(../images/icons/i_icon_tbug_large.png) no-repeat;
	width: 239px;
	height: 163px;
	float: left;
	position: relative;
	top: 5px;
}

#trafficbug_page .image_previewer {
	width: 325px;
	height: 292px;
	float: right;
	margin-bottom: 40px;
}

.image_previewer .image_thumbs div {
	background: #FFF url(../images/images/image_preview_spt.jpg) no-repeat;
	width: 50px;
	height: 50px;
	border: 2px solid #3B4E24;
	float: left;
	margin-right: 11px;
	cursor: pointer;
}

.image_previewer .image_thumbs { overflow: hidden; }
.image_previewer .image_thumbs .thumb_1 { background-position: 0 -1120px; }
.image_previewer .image_thumbs .thumb_2 { background-position: -50px -1120px; }
.image_previewer .image_thumbs .thumb_3 { background-position: -100px -1120px; }
.image_previewer .image_thumbs .thumb_4 { background-position: -150px -1120px; }
.image_previewer .image_thumbs .thumb_5 { background-position: -200px -1120px; }

.preview_area div {
	background: #FFF url(../images/images/image_preview_spt.jpg) no-repeat;
	width: 312px;
	height: 224px;
	border: 2px solid #3B4E24;
	margin-top: 10px;
	display: none;
}

.preview_area .preview_image_1 { background-position: 0px 0px; }
.preview_area .preview_image_2 { background-position: 0px -224px; }
.preview_area .preview_image_3 { background-position: 0px -448px; }
.preview_area .preview_image_4 { background-position: 0px -672px; }
.preview_area .preview_image_5 { background-position: 0px -896px; }

/* +------------------------------------------------------------------------+ */
/* | TRAFFIC MODEL															| */
/* +------------------------------------------------------------------------+ */

#traffic_model_page .content_top .info_block { width: 60%; margin-bottom: 40px; }

#traffic_model_page .info_block .image {
	background: url(../images/icons/i_icon_tmodel_large.png) no-repeat;
	width: 230px;
	height: 180px;
	float: left;
	position: relative;
	top: 5px;
}

#traffic_model_page .image_previewer {
	background: url(../images/images/chicago_viewer.gif) no-repeat;
	width: 300px;
	height: 216px;
	float: right;
	border: 2px solid #32421E;
	margin: 33px 25px 0px 0px;
}

#traffic_model_page .info_item p { line-height: 18px; float: left; padding: 15px; }

#traffic_model_page .box_answer {
	background: #DFDFDF;
	color: #688943;
	border: 2px solid #688943;
	padding: 15px;
	width: 30%;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
	border-right: none;
}

#traffic_model_page .box_question {
	background: #83A65C url(../images/bg/g_bg_all_spt.gif) repeat-x scroll 0 -187px;
	padding: 15px;
	border: 2px solid #688943;
	border-left: none;
	width: 70%;
	line-height: 18px;
}

#traffic_model_page table tr td.seperator { height: 15px; }
#traffic_model_page table { margin-bottom: 30px; }

/* +------------------------------------------------------------------------+ */
/* | NEWS & EVENTS															| */
/* +------------------------------------------------------------------------+ */

#news_events_page .top_wrapper { margin-bottom: 20px; }

#news_events_page .content_top .info_block { line-height: 18px; }
#news_events_page .content_top .info_block .news_item { margin-bottom: 20px; }

#news_events_page .content_top .info_block .image {
	background: url(../images/images/news/i_news_item_1.jpg) no-repeat;
	height: 63px;
	width: 63px;
	float: left;
	border: 2px solid #32421E;
	margin-right: 10px;
	position: relative;
	top: 4px;
}

#news_events_page .content_top .info_block a.link_src {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	font-style: italic;
}

#news_events_page .content_top .info_block a.link_txt { color: #FFF; text-decoration: none; }
#news_events_page .content_top .info_block a.link_src:hover { border-bottom: 1px dashed #FFF; }
#news_events_page .content_top .info_block a.link_txt:hover { border-bottom: 1px solid #FFF; }

#news_events_page .panel_grn ul { padding-left: 0px; margin-top: 15px; }
#news_events_page .panel_grn li { border-bottom: 1px solid #B0BF9E; padding: 10px 0px; line-height: 16px; }
#news_events_page .panel_grn li span { font-weight: bold; }
#news_events_page .panel_grn li h3 { padding-bottom: 5px; font-weight: bold; }

/* +------------------------------------------------------------------------+ */
/* | CONTACT US																| */
/* +------------------------------------------------------------------------+ */

#contact_us_page .top_wrapper { margin-bottom: 20px; }

#contact_us_page .panel_grn ul { padding-left: 0px; margin-top: 15px; }
#contact_us_page .panel_grn li { border-bottom: 1px solid #B0BF9E; padding: 10px 0px; line-height: 16px; }
#contact_us_page .panel_grn li span { font-weight: bold; }
#contact_us_page .panel_grn li h3 { padding-bottom: 5px; font-weight: bold; }
#contact_us_page .contact_success { display: none; }
#contact_us_page .contact_success p { font-size: 18px; color: ##DFE6D8; margin-bottom: 5px; }

#form_contact span { display: block; padding: 10px 0px 3px 0px; font-size: 18px; }
#form_contact input.txt, #form_contact textarea.txt { width: 80%; font-size: 18px; display: block; }
#form_contact a.btn { margin: 10px 0px; display: block; width: 90px; text-align: center; }
#form_contact textarea { height: 150px; margin-bottom: 10px; }
#form_contact p.note { font-size: 10px; font-style: italic; }
#form_contact .error_msg { width: 78%; }

/* +------------------------------------------------------------------------+ */
/* | LOGIN																	| */
/* +------------------------------------------------------------------------+ */

#login_page .login_box {
	background: #858585 url(../images/bg/g_bg_gry.gif) repeat-x;
	width: 350px;
	margin: 60px auto 100px auto;
	padding: 20px;
	overflow: hidden;
	border: 2px solid #32421E;
}

#login_page .content_top .info_block { width: 100%; }
#login_page .content_top .info_block h1 { color: #FFF; }
#login_page .content_top .info_block .title_divide { background: #D1D1D1; }

#login_page .login_box input.txt {
	display: block;
	margin: 2px 0px 10px 0px;
	font-size: 18px;
	width: 100%;
}

#login_page .login_box .btn_area { margin-top: 20px; overflow: hidden; }
#login_page .login_box a.btn_forgot { cursor: pointer; color: #FFF; text-decoration: none; float: left; position: relative; top: 3px; }
#login_page .login_box a.btn_forgot:hover { color: #FFF; border-bottom: 1px dashed #FFF; }
#login_page .login_box a.btn_login { float: right; margin-top: 0px; }

.forgot_pass {
	background: #ACC294;
	padding: 10px;
	margin: 10px 0px;
	border: 2px solid #253117;
	color: #253117;
	overflow: hidden;
	display: none;
}

.forgot_pass input.txt { width: 65% !IMPORTANT; float: left; margin-top: 10px !IMPORTANT; }
.forgot_pass .btn_get_pass { float: right; margin: 10px 0px !IMPORTANT; }
.forgot_pass .login_sent { font-size: 14px; color: #FFF; display: none; }