/*								*
 *	-------------------  *
 * | 		 MISC 		|	*
 * -------------------  *
 *								*/
html, body { width: 100%; height: 100%; background-color: #dfe0e2; }
#submitAlertCtn { display: none; position: fixed; height: 100%; z-index: 99999; width: 100%; }
#submitAlertCtn table { width: 100%; height: 100%; }
#submitAlertCtn table td { text-align: center; padding: 25%; }
#PageBG { position: fixed; width: 100%; height: 100%; }
#PageBG .bg { height: 100%; margin: 0 auto; background-color: #fff; }
#page-overlay { display: none; position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 999999; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
#page-overlay table { width: 100%; height: 100%; }
#page-overlay table td { text-align: center; vertical-align: middle; color: #fff; }
#page-overlay .text { letter-spacing: 2px; }
#submitStatusWrp { position: fixed; width: 100%; height: 100%; z-index: 999999; }
#submitStatusWrp table { width: 100%; height: 100%; }
#submitStatusWrp table td { text-align: center; vertical-align: middle; color: #fff; }
#submitStatusWrp .alert { display: inline-block; width: 50%; }
#submitStatusWrp .close { color: #fff; opacity: 1; }
#submitStatusWrp .close:hover { color: red; }
#ui-datepicker-div { width: 300px; }
#wrapper { position: relative; min-height: 100%; }
#content-wrapper { padding-bottom: 200px; }
#content_Ctn {/*padding-bottom: 50px;*/ }
.attention { color: red; font-size: 13px; }
hr { border-top: 1px solid #000; width: 100%; box-shadow: 1px 1px 1px 1px #333; }
header .heading-title { margin-top: 10px; margin-bottom: 30px }
header .heading-title span { display: inline-block; text-transform: uppercase; color: #333; font-size: 20px; letter-spacing: 2px; padding: 5px 20px; border-radius: 5px; border-top: 2px solid #333; border-bottom: 2px solid #333; }
header > table { width: 100%; }
header > table h1 { margin: 0; }
header > table > tbody > tr > td { width: 1%; vertical-align: middle; padding: 20px 0; }
h2.title label { font-size: 20px; border-bottom: 2px solid #333; padding-right: 30px; font-weight: normal; }
#FormMsgCtn ul.incomplete { padding-left: 15%; }
#FormMsgCtn ul.errorList li { color: red; padding: 5px; }
#FormMsgCtn ul.incomplete li { color: red; font-size: 15px; padding: 5px; }
#FormMsgCtn ul.incomplete li.linkBack { list-style: none; }
#FormMsgCtn .complete { padding: 20px 0; font-size: 17px; color: #247CBB; width: 80%; line-height: 1.6; margin: 0 auto; }
#FormMsgCtn p.complete { text-align: center; }
#msgCtn { text-align: center; }
#msgCtn .msg { line-height: 1.5; text-align: center; }
#msgCtn .sublink { text-align: center; }
#msgCtn .complete { color: #333; }
#msgCtn .incomplete { color: #DB1010; }
#msgCtn a.link { font-size: 17px; }
.prev_page a { font-weight: bolder; color: #333333; font-size: 15px; }
.pov { cursor: pointer; }
.logsHtmlCtn { display: none; }
.logsHtml small.metainfo { text-align: right; display: block; }
h1#Header { margin-top: 0; }
h1#Header label { display: inline-block; text-transform: uppercase; color: #333; font-weight: normal; font-size: 17px; letter-spacing: 2px; padding: 5px 20px; border-radius: 5px; border-top: 2px solid #333; border-bottom: 2px solid #333; font-family: tahoma; }

/*								*
 *	-------------------  *
 * | 	  CONTAINRE		|	*
 * -------------------  *
 *								*/
.container { background-color: #FFF; }
.container {/*width: 970px;*/width: 1100px; }
@media (min-width:768px) {
	.container { width: 1100px; }
}
@media (min-width:992px) {
	.container { width: 1100px; }
}
@media (min-width:1200px) {
	.container { width: 1100px; }
}

/*								*
 *	-------------------  *
 * | 	    HEADER		|	*
 * -------------------  *
 *								*/
header .userProfileCtn span { display: inline-block; padding: 5px 10px; white-space: nowrap; background-color: #e2e2e2; font-weight: bolder; }
header .userProfileCtn span .userName { color: #2A77B4; }
header .headerCtn { padding: 10px 0 10px 0; }
header .head { padding: 0; margin: 0; }
header .head li { list-style: none; float: left; }
header .head li.user { color: #868686; border-right: 2px solid #FFF; }
header .head li.corp a { color: #eb8c40; }
header .head li.corp a:hover { text-decoration: none; }
#cross-label, #cross-label .container { background-color: #333333; color: #FFF; }
#langCtn a.lg, #langCtn span.sep { display: inline-block; }
#langCtn a.lg { padding: 1px 5px; color: #FFF; background: none repeat scroll 0% 0% #333; border-radius: 5px; font-weight: bolder; }
#langCtn a.lg.active { background: none repeat scroll 0% 0% #F58220; }

/*								*
 *	-------------------  *
 * | 	     NAV			|	*
 * -------------------  *
 *								*/
#navCtn .navs { float: right; }
#navCtn .navs li { display: table-cell; white-space: nowrap; width: 1%; list-style: none; }
#navCtn .navs li:first-child a { border: none; }
#navCtn .navs li a { padding: 0 10px; color: #000; font-weight: bold; border-left: 2px solid #555; }
#navCtn .navs li.active a { color: red; }

/*								*
 *	-------------------  *
 * | 	   MAIN MENU	|	*
 * -------------------  *
 *								*/
nav#main ul li a, nav#main ul li.logout button, nav.mainNav ul li a, nav.mainNav ul li.logout button { padding: 0; background: none; border: none; color: #000; text-transform: capitalize; font-weight: bolder; }
nav#main ul li .logout, nav.mainNav ul li .logout { color: red; }
nav#main ul li.logout, nav.mainNav ul li.logout { border-radius: 5px; }
nav.mainNav ul li.logout:hover { }
nav#main ul li.logout button, nav.mainNav ul li.logout button { color: red; }
nav.mainNav ul li .icon { margin-right: 7px; }
nav#main ul li .logout:hover { color: red; }
nav#main ul, nav.mainNav ul { padding: 0; margin: 0; float: right; }
nav#main ul li, nav.mainNav ul li { list-style: none; padding: 0px 15px; float: left; position: relative; }
ul.mainmenu { display: table; width: 100%; margin: 0; padding: 0; }
ul.mainmenu > li.main { position: relative; display: table-cell; height: 45px; padding: 3px 0; background-color: #242424; vertical-align: middle; text-align: center; width: 1%; border-right: 1px solid #414141; border-left: 1px solid #111; color: #EEEEEE; font-weight: bolder; white-space: nowrap; }
ul.mainmenu > li.main.open {	/*color: rgb(245, 130, 32);*/ }
ul.mainmenu > li.main.open:hover { background-color: #242424; }
ul.mainmenu > li.main:first-child { border-radius: 5px 0px 0px 5px; }
ul.mainmenu > li.main:last-child { border-radius: 0px 5px 5px 0px; }
ul.mainmenu > li.main.active, ul.mainmenu > li.main:hover { background-color: #F58220; box-shadow: 0px 0px 2px 2px #000000 inset; }
ul.mainmenu > li.main:first-child { border-left: none; }
ul.mainmenu > li.main:last-child { border-right: none; }
ul.mainmenu > li.main > a.home { display: table; width: 100%; height: 100%; }
ul.mainmenu > li.main > a.home span { font-size: 30px; padding: 0; display: table-cell; vertical-align: middle; }
ul.mainmenu > li.main > a { letter-spacing: 1px;	/*line-height: 4;*/ height: 100%; text-align: center; display: block; width: 100%; height: 100%; top: 0; position: absolute;	/*border-right: 1px solid #414141;
			border-left: 1px solid #111;*/ }
	ul.mainmenu > li.main  span { display: inline-block; margin-left: 10px; vertical-align: middle; }
	.helpMenu a { color: #8B8B8B; margin-right: 5px; }
	.helpMenu a span i { color: #000; margin-right: 2px; }
	#inner-menu { padding: 0 10%; margin-bottom: 30px;	/*padding-left: 100px;
					padding-right: 50px;
					margin-bottom: 30px;*/ }
		#inner-menu ul.mainmenu { margin: 0 auto; display: table; }
		#inner-menu ul.mainmenu > li.main { position: relative; display: table-cell; height: 30px; padding: 3px 0; background-color: #ecf0f1; vertical-align: top; word-spacing: nowrap; width: 1%; }
		#inner-menu ul.mainmenu > li.main > a { color: #2c3e50; line-height: 2; border-right: 1px solid #FFF; border-left: 1px solid #EEE; }
		#inner-menu ul.mainmenu > li.main.active, #inner-menu ul.mainmenu > li.main:hover { box-shadow: none; background-color: rgba(0, 0, 0, 0.33); }
		#inner-menu ul.mainmenu > li.main.active > a, #inner-menu ul.mainmenu > li.main:hover > a { color: #FFF; }

		/*						   *
		*	-------------------  *
		* | 	   SUB NAV   	|	*
		* -------------------  *
		*								*/
		.subNavCtn { padding-bottom: 9px; }
		.subNavCtn .subNav { padding: 5px 0; }
		.subNav .nav li a:hover { background: none; }

		/*								*
		*	-------------------  *
		* | 	 SUB NAV Lv1	|	*
		* -------------------  *
		*								*/
		.subNav.Lv1 { width: 80%; margin: 0 auto; }
		.subNav.Lv1 .nav { box-shadow: 1px 1px 1px 1px #333; border-radius: 3px; }
		.subNav.Lv1 .nav li { display: table-cell; white-space: nowrap; width: 1%; padding: 5px; text-align: center; list-style: none; border-left: 1px solid #333; }
		.subNav.Lv1 .nav li:first-child { border: none; }
		.subNav.Lv1 .nav li:first-child a { border: none; }
		.subNav.Lv1 .nav li a { padding: 0 10px; color: #000; font-weight: bold; }
		.subNav.Lv1 .nav li:hover a, .subNav.Lv1 .nav li.active a { color: #fff; }
		.subNav.Lv1 .nav li:hover, .subNav.Lv1 .nav li.active { background: #333; }

		/*								*
		*	-------------------  *
		* | 	 SUB NAV Lv2	|	*
		* -------------------  *
		*								*/
		.subNav.Lv2 .nav { float: right; }
		.subNav.Lv2 .nav li.link { white-space: nowrap; list-style: none; float: left; }
		.subNav.Lv2 .nav li:first-child a { border: none; }
		.subNav.Lv2 .nav li a { padding: 0 10px; color: #000; font-weight: bold; border-left: 2px solid #555; }
		.subNav.Lv2 .nav li.active a, .subNav.Lv2 .nav li a:hover { color: red; }

		/*								*
		*	-------------------  *
		* | 	   DROP DOWN	|	*
		* -------------------  *
		*								*/
		.dropdown-menu { position: absolute; top: 100%; left: 0; float: none; min-width: 100%; padding: 5px 0; margin: 2px 0 0; font-size: 14px; background-color: #ecf0f1; box-shadow: 0px 0px 3px 0px #000; border: none; }
		.dropdown-menu > li > a { display: block; height: 100%; text-align: left; color: #2c3e50; font-weight: 600; font-size: 13px; }
		.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: rgba(0, 0, 0, 0.33); color: #FFF; }

		/*								*
		*	-------------------  *
		* | 	     NAV			|	*
		* -------------------  *
		*								*/
		nav#main ul, nav.mainNav ul { padding: 0; margin: 0; float: right; }
		nav#main ul li, nav.mainNav ul li { list-style: none; padding: 0px 8px; float: left; }
		nav.mainNav ul li ul.dropdown-menu { }
		nav.mainNav ul li ul.dropdown-menu li { float: none; padding: 3px 0; border-bottom: 1px solid #ccc; }
		nav.mainNav ul li ul.dropdown-menu li a { display: block; color: #333; text-decoration: none; padding: 0 3px; }
		nav.mainNav ul li ul.dropdown-menu li:hover a, nav.mainNav ul li ul.dropdown-menu li a.active { color: #fff; background-color: #428bca; }
		nav#main ul li a, nav.mainNav ul li a { color: #000; text-transform: capitalize; font-weight: bolder; font-size: 13px; }
		nav#main ul li a.disabled, nav.mainNav ul li a.disabled { color: #ccc !important; cursor: not-allowed; }
		nav.mainNav ul li a.disabled:hover { background: none; }
		nav#main ul li a.disabled:hover, nav.mainNav ul li a.disabled:hover { color: #ccc; }
		nav#main ul li a.active, nav#main ul li a:hover, nav.mainNav ul li a.active, nav.mainNav ul li a:hover { color: rgb(0, 80, 167); text-decoration: underline; }

		/*								*
		*	-------------------  *
		* | 	    MIDDLE		|	*
		* -------------------  *
		*								*/
		#middle { min-height: 200px; padding-bottom: 50px; position: relative; }

		/*								*
		*	-------------------  *
		* | 	    FOOTER		|	*
		* -------------------  *
		*								*/
		#footer { width: 100%; position: absolute; bottom: 0; left: 0; background-color: #333333; }
		#footer pre, #footer .container { background-color: #333333; }
		#footer pre { display: block; padding: 9.5px; margin: 0; font-size: 15px; color: #AFAFAF; border: none; border-radius: 0px; font-family: tahoma; }
		.notificationCount { position: absolute; top: 0px; right: 25px; background: rgb(245, 130, 32) none repeat scroll 0% 0%; padding: 0px 5px; border-radius: 35%; font-size: 11px; color: rgb(255, 255, 255); font-weight: bold; }
		.selectExpoListCtn li { list-style: none; }
		.selectExpoListCtn .expoCtn { float: left; height: 190px; width: 25%; padding: 10px; }
		.selectExpoListCtn .expoCtn a { display: block; }
		.selectExpoListCtn .expoCtn .imgCtn { width: 70%; height: 150px; position: relative; margin: 0 auto; }
		.selectExpoListCtn .expoCtn .exponame { font-weight: bold; color: #333; }
		#timeOutCounterCtn { position: fixed; top: 25%; right: 3%; font-size: 20px; }
		#timeOutCounterCtn .time { background: #fff; padding: 5px 15px; border-radius: 2px; }
		#timeOutCounterCtn .time span { display: inline-block; }
		#timeOutCounterCtn .text { font-size: 12px; font-weight: bold; text-align: center; color: #024C8B; }
		.not_specify { color: #9e9e9e; }
		.nav-tabs.theme-2 > li { margin-right: 2px; }
		.nav-tabs.theme-2 > li > a { color: #333; font-weight: bold;}
		.nav-tabs.theme-2 > li.active > a, .nav-tabs.theme-l > li.active > a:hover, .nav-tabs.theme-l > li.active > a:focus { outline: none; color: #fff; cursor: default; background-color: #FFA633 !important; border: 1px solid #ddd; border-bottom-color: transparent; box-shadow: none; }