@import url(bootstrap.css);
/* CSS Document 
DUIC Orange Main Site*/

#Body {
	color: #7e7e7e;
	background: url(images/body_bg.png) 0px 0px repeat-x #555555;
}
html,
body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	font: normal 12px/1.5 Trebuchet MS;
	color: #7e7e7e;
}
p {
	margin: 0px 0px 8px 0px;
}
TH,
TD,
DIV {} A,
A:link {
	color: #0b66d3;
	text-decoration: underline;
}
A:active {
	color: #0b66d3;
	text-decoration: underline;
}
A:visited {
	color: #0b66d3;
	text-decoration: underline;
}
A:hover {
	color: #0b66d3;
	text-decoration: none;
}
h1 {
	font: bold 18px/20px Trebuchet MS;
	color: #0b66d3;
}
h2 {
	font-size: 1.08em;
	font-weight: normal;
	color: #E0E0E0;
}
h3 {
	font: bold 12px/16px Trebuchet MS;
	color: #6b6b6b;
}
h4 {
	font: bold 12px/16px Trebuchet MS;
	color: #6b6b6b
}
form#Form {
	height: 100%;
}
.ModuleTitle_SubMenu {
	z-index: 9999!important;
}
.clearfix:after {
	clear: both;
	content: ".";
	height: 0px;
	font-size: 0px;
	visibility: hidden;
	display: block;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
#dnn_ControlPanel #dnnCPWrap {
	filter: none !important;
}
img {
	border: 1px solid #;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 10px;
	/*bigger number more rounded*/
}
/* ********** Control Panel Style ************** */

.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active {
	font-size: 12px;
	color: #973939;
	text-decoration: none;
	font-weight: normal;
}
A.CommandButton:hover {
	color: #973939;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}
.FileManager A,
.FileManager A:link,
.FileManager A:visited,
.FileManager A:active {
	color: #000;
	text-decoration: underline;
}
.FileManager A:hover {
	color: #000;
	text-decoration: none;
}
/* ********** Search Style ************** */

.search_bg {
	position: relative;
	height: 28px;
	float: right;
	width: 209px;
	background: url(images/search_bg.png) 0px 0px no-repeat;
	margin: 18px 10px 0px 0px;
}
* html .search_bg {
	background: url(images/search_bg.gif) 0px 0px no-repeat;
}
.search,
a.search:link,
a.search:active,
a.search:visited {
	color: #A90358;
	text-decoration: none;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	text-indent: -9999px;
	overflow: hidden;
	width: 32px;
	height: 30px;
	outline: none;
}
a.search:hover {
	color: #A90358;
	text-decoration: none;
}
#dnn_dnnSEARCH_txtSearch {
	width: 150px;
	color: #464f52;
	text-align: left;
	height: 16px;
	padding: 0px 3px 0px 3px;
	background: none;
	border: none;
	display: block;
	position: absolute;
	left: 4px;
	top: 5px;
}
/* ********** Buttons Style ************** */
/* ********** Pane Style ************** */

.BannerPane {
	padding: 0px;
}
.TopPane {
	padding: 0px 0px 5px 0px;
}
.TopLeftPane {
	padding: 0px 0px 5px 0px;
}
.TopRightPane {
	padding: 0px 0px 5px 10px;
}
.BottomLeftPane {
	padding: 0px 0px 5px 0px;
}
.BottomRightPane {
	padding: 0px 0px 5px 10px;
}
.LeftPane {
	padding: 0px 10px 5px 0px;
	text-align: left;
	vertical-align: top;
}
.ContentPane {
	padding: 0px 0px 5px 0px;
	text-align: left;
	vertical-align: top;
}
.RightPane {
	padding: 0px 0px 5px 10px;
	text-align: left;
	vertical-align: top;
}
.BottomPane {
	padding: 0px 0px 5px 0px;
}
.FootLeftPane {
	padding-top: 10px;
}
.LeftOutPane {
	padding: 0px 10px 5px 0px;
}
.RightOutPane {
	padding: 0px 0px 5px 10px;
}
.DNNEmptyPane {
	display: none;
}
.LeftOutPane1 {
	padding-top: 10px;
}
#dnn_BannerPane,
#dnn_BannerPane .Normal {
	color: #fff;
}
#dnn_BannerPane a {
	color: #FFD40E;
}
/* ********** Container Style ************** */

.Head {
	font-size: 16px;
	font-weight: bold;
	color: #7e7e7e;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.SubHead {
	font-size: 16px;
	color: #e6e6fa;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.SubSubHead {
	font-size: 16px;
	color: #7e7e7e;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.Normal {
	font-size: 15px;
	line-height: 1.5;
	color: #7e7e7e;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
/* ********** Login Style ************** */

.login,
a.login:link,
a.login:active,
a.login:visited {
	color: #6aa1ff;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
}
a.login:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}
/* ********** User Style ************** */

.user,
a.user:link,
a.user:active,
a.user:visited {
	color: #6aa1ff;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
}
a.user:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}
/* ********** Date Style ************** */

.date,
a.date:link,
a.date:active,
a.date:visited {
	color: #606060;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
a.date:hover {
	color: #E165DD;
}
/* ********** Footer Style ************** */

.footer,
a.footer:link,
a.footer:active,
a.footer:visited {
	font-size: 13px;
	color: #d8d8d8;
	text-decoration: none;
	font-weight: Normal;
}
a.footer:hover {
	color: #0b66d3;
	text-decoration: none;
	font-weight: Normal;
	text-decoration: underline;
}
/* ********** Privacy/Terms Style ************** */

.terms,
a.terms:link,
a.terms:active,
a.terms:visited {
	font-size: 13px;
	color: #d8d8d8;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 0px dotted;
}
a.terms:hover {
	color: #1d4deb;
	text-decoration: none;
	font-weight: Normal;
	text-decoration: underline;
}
/* ********** Links Style ************** */

.links,
a.links:link,
a.links:active,
a.links:visited {
	font-size: 13px;
	color: #9e9d9d;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0px;
}
a.links:hover {
	color: #767676;
	text-decoration: underline;
	font-weight: normal;
}
/* ********** Breadcrumb Style ************** */

.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:active,
a.breadcrumb:visited {
	font-size: 13px;
	color: #6aa1ff;
	text-decoration: none;
	font-weight: normal;
}
a.breadcrumb:hover {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
}
/* ********** Other Style ************** */

#dnn_wrapper {
	width: 981px;
	margin: 0px auto;
	background: url(images/main_bg_l.png) 0px 0px repeat-y;
	min-height: 100%;
	padding: 0px 0 0 10px;
	position: relative;
	height: 100%;
}
.dnn_main_out {
	padding-right: 10px;
	background: url(images/main_bg_r.png) 100% 0px repeat-y;
	position: relative;
	min-height: 100%;
	height: 100%;

}
/* ********** Main ************** */
.page_layout .page_left{
	float: left;
	width: 66.22222222222222%;
}
.page_layout .page_right{
	float: right;
	width: 32.2962962962963%;
}
#dnn_main {
	position: relative;
	z-index: 10;
}
#dnn_main_in {
	background: url(images/banner_bg_in.jpg) 0px 0px no-repeat #000;
	height: 100%;
	min-height: 100%;
}
#dnn_banner {
	
	background: url(images/banner_bg.jpg) 0px 0px no-repeat;
}
.dnn_logo {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9;
}
#dnn_banner_in {
	min-height: 237px;
}
.bread_bar {
	background: url(images/bread_bar.png) 0px 0px repeat-x #0741FF;
	min-height: 33px;
}
.bread_style {
	float: left;
	background: url(images/bread_icon.jpg) 0px 0px no-repeat;
	margin: 9px 0px 0px 8px;
	padding: 0px 0px 0px 30px;
	color: #fff;
}
.login_style {
	float: right;
	color: #6aa1ff;
	margin: 9px 8px 0px 0px;
}
/* ********** CONTENT ************** */

#dnn_content {
	padding: 10px 15px 0px 15px;
	min-height: 480px;
}
.content_left {
	float: left;
	width: 26.99355531686359%;
}
.content_right {
	float: right;
	width: 71.50268528464017%;
}


.FTDrive_l {float: left;width: 52.473%;}
.FTDrive_c {float: left;width: 24.839%;padding-left: 10px;}
.FTDrive_r {float: right;width: 20.645%;}

.BDImpro_l {float: left;width: 52.473%;}
.BDImpro_c {float: left;width: 26.667%;padding-left: 10px;}
.BDImpro_r {float: right;width: 18.529%;}

.IDImpro_l {float: left;width: 47.097%;}
.IDImpro_c {float: left;width: 25.914%;padding-left: 10px;}
.IDImpro_r {float: right;width: 24.731%;}

.ADImpro_l {float: left;width: 53.763%;}
.ADImpro_r {float: right;width: 45.591%;}

.AggDrive_l {float: left;width: 66.882%;}
.AggDrive_r {float: right;width: 32.151%;}

.AboutUs_l {float: left;width: 67.849%;}
.AboutUs_r {float: right;width: 31.183%;}

.LinksRes_l {float: left;width: 34.409%;}
.LinksRes_r {float: right;width: 64.516%;}



.bread_style > a {color: #fff;font-size: 13px;}

.license_now,.keep_those,.hour_class {min-height: 535px;}















/* ********** BOTTOM ************** */

.footer_bg {
	padding: 10px 0;
}
#dnn_main_bg {
	background: url(images/footer_bg.jpg) 50% 100% no-repeat;
	min-height: 100%;
}
.copyright_style {
	text-align: center;
	color: #d8d8d8;
}
.clear {
	clear: both;
}
/*main menu*/

#top_menu span {
	white-space: normal;
	padding: 0px 0px 0px 0px;
	display: block;
}
#top_menu ul {
	margin: 0px;
	padding: 0px;
	display: block;
}
#top_menu li {
	list-style: none none outside;
	position: relative;
}
#top_menu ul li {
	padding-bottom: 1px;
}
#top_menu > div > ul > li > a {
	text-align: center;
	color: #bababa;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	font-size: 15px;
	font-size: 14px\0;
	display: block;
	padding: 0px 0px 0px 8px;
	line-height: 37px;
	background: url(images/menu_bg.png) 0 2px no-repeat;
}

#top_menu > div > ul > li > a > span {
	padding-right: 8px;
	background: url(images/menu_bg.png) right bottom no-repeat;
}

#top_menu > div > ul > li:hover a {background: url(images/menu_bg_h.png) -1px 2px no-repeat;}
#top_menu > div > ul > li:hover a span {background: url(images/menu_bg_h.png) right bottom no-repeat;}

#top_menu > div > ul > li.current a {background: url(images/menu_bg_h.png) -1px 2px no-repeat;}
#top_menu > div > ul > li.current a span {background: url(images/menu_bg_h.png) right bottom no-repeat;}




#top_menu ul li a:hover {
	color: #7dabff;
}
#top_menu ul li a span:hover {} #top_menu ul li.current {} #top_menu ul li.current a {
	color: #bababa;
}
#top_menu ul li.current span {} #top_menu ul li a.menu_hover {
	color: #7dabff;
}
#top_menu ul li a.menu_hover span {} #top_menu ul a:hover span {}
/*sub menu*/

#top_menu .menuslide {
	display: none;
	float: left;
	overflow: hidden;
	position: absolute;
}
#top_menu .menuslide ul {
	display: none;
	left: 0px;
	float: left;
	position: relative;
	margin: 0px;
	-moz-box-shadow: 1px 1px 1px #000000;
	-webkit-box-shadow: 1px 1px 1px #000000;
	box-shadow: 1px 1px 1px #000000;
	background: url(images/submenu.png) repeat;
	background: rgba(185, 94, 1, 0.9);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #FFDF31;
	padding: 0px 10px;
	width: auto !important;
}
#top_menu .Left{
	float: initial !important;
}
#top_menu .menuslide div {} #top_menu .menuslide ul li {
	display: block;
	clear: both;
	padding: 0px;
	text-align: left;
	margin: 0px;
	line-height: 26px;
	background: none;
}
* html #top_menu .menuslide ul li {
	padding-bottom: 1px;
}
* html #top_menu .menuslide ul li a {
	width: 100px;
}
#top_menu .menuslide ul li span {
	display: block;
	padding: 0 18px 0 8px;
	white-space: nowrap;
}
#top_menu .menuslide ul li a {
	line-height: 26px;
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background: none;
	color: #fff;
	text-align: left;
	border-top: 1px solid #FBBD74;
}
#top_menu .menuslide ul li.first-item > a {
	border: none;
}
#top_menu .menuslide ul a:hover {
	width: 100%;
	background: none;
	padding: 0px;
	color: #fffc00;
}
#top_menu .menuslide ul {
	float: left;
	left: 0px;
	position: relative;
}
#top_menu .menuslide a.menu_hover {
	width: 100%;
	background: none;
	color: #fffc00;
	padding: 0px;
}
#top_menu .menuslide ul > li.dir > a > span {
	background: url(images/sub_menu_icon.gif) 99% 50% no-repeat;
}
#top_menu .menuslide ul > li.dir > a:hover > span {
	background: url(images/sub_menu_icon_h.gif) 99% 50% no-repeat;
}
#top_menu .menuslide ul > li.dir > a.menu_hover > span {
	background: url(images/sub_menu_icon_h.gif) 99% 50% no-repeat;
}
#top_menu .menuslide ul li.current > a {
	color: #fffc00;
}
.DataGrid_Item {
	font-size: 11px;
	color: #999;
}
.DataGrid_AlternatingItem {
	font-size: 11px;
}
.DataGrid_Header {
	color: #999;
}
#Table2 {
	width: 100%;
	background: #000;
}
.NormalBold {
	color: #7e7e7e;
}
.FCKImageGalleryContainer {
	background: #fff;
}
.FCKImageGalleryContainer a,
.FCKImageGalleryContainer a:link,
.FCKImageGalleryContainer a:visited,
.FCKImageGalleryContainer a:active {
	color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#dnn_wrapper {
		width: 736px;
	}
	#top_menu > div > ul > li > a {
		width: auto !important;
	}
	#dnn_content{
		min-height: auto;
	}
	#dnn_banner_in{
		min-height: auto;
	}
	
	.aboutus_l,.aboutus_c,.aboutus_r {display: block;width: 100% !important;margin-left: 0 !important;}
	.hour_class {min-height: auto;}
	.FTDrive_c ul {padding-left: 15px;}
	.title3 {font-size: 13px !important;}
	.IDImpro_c ul {padding-left: 15px;}

	#top_menu > div > ul > li > a {font-size: 12px;}
	.content_left {width: 29.5%;}
	.content_right {width: 70%;}
	#top_menu ul {width: auto !important;}

}


@media only screen and (max-width: 767px) {
	.dnn_main_out{
		height: auto !important;
	}
	.login_style{
		margin: 10px 10px 0;
	}
	.bread_bar{
		padding-top: 9px;
		padding-bottom: 9px;
	}
	.bread_style{
		margin-top: 0px;
	}
	#dnn_content{
		min-height: auto;
	}
	#dnn_banner_in{
		min-height: auto;
	}
	#dnn_wrapper {
		width: auto;
	}
	.content_left,
	.content_right,
	.page_layout .page_right,
	.page_layout .page_left,
	.bread_style,
	.login_style,
	.col5_layout .item1,
	.col5_layout .item2,
	.col5_layout .item3,
	.col5_layout .item4,
	.col5_layout .item5{
		float: none !important;
		width: auto !important;
	}
	.login_style {
		float: none !important;
		margin-right: 0px !important;
	}
	.select-menu {
		border: 1px solid #e4e4e4;
		background: #EFEFEF;
	}
	.select-menu .gomenu {
		margin: 0px auto;
		width: auto;
	}
	.select-menu select {
		text-transform: none;
		display: block;
		min-width: 150px;
		max-width: 100%;
		width: 100%;
		-webkit-appearance: none;
		-moz-appearance: normal;
		appearance: normal;
		font-size: 13px;
		line-height: 18px;
		border: none;
		color: #4c4c4c;
		padding: 7px 8px 7px 5px;
		border: 1px solid #FFF;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background: url(images/select-menu_bg.jpg) repeat-y right top #EFEFEF;
	}
	.select-menu option {
		padding: 0px 10px;
	}
	
	
	.table_mobile table > tbody > tr > td{
		display: block;
	}
	.table_mobile table > tbody > tr > td img{
		max-width: 100%;
	}
	
	.FTDrive_l,.FTDrive_c,.FTDrive_r,
	.BDImpro_l,.BDImpro_c,.BDImpro_r,
	.IDImpro_l,.IDImpro_c,.IDImpro_r,
	.ADImpro_l,.ADImpro_r,
	.AggDrive_l,.AggDrive_r,
	.AboutUs_l,.AboutUs_r,
	.LinksRes_l,.LinksRes_r {
		float: none;
		width: 100%;
		padding: 0;
	}

	.aboutus_l,.aboutus_c,.aboutus_r {display: block;width: 100% !important;margin-left: 0 !important;}
	.hour_class {min-height: auto;}

	



}

@media only screen and (max-width: 487px) {
	.home-services div {width: 100% !important;margin-right: 0 !important;float: none !important;}
	.license_now, .keep_those, .hour_class {min-height: 0;}
}



@media only screen and (max-width: 420px) {

	.aboutus_r iframe {width: 100% !important;height: 200px !important;}

}


@media only screen and (max-width: 360px) {
	
	.biggerpagefont > p > img {margin: 10px !important;}
	.biggerpagefont img#imgMflLogo {margin: 10px !important;}
}







.col5_layout img{
	max-width: 100%;
}
.col5_layout .item1{
	float: left;
	width: 28.125%;
}
.col5_layout .item2{
	float: left;
	width: 5%;
	text-align: center;
}
.col5_layout .item3{
	float: left;
	width: 28.125%;
}
.col5_layout .item4{
	float: left;
	width: 5%;
	text-align: center;
}
.col5_layout .item5{
	float: left;
	width: 28.125%;
}