body{ 
	margin: 0px;
	background-image: url('/images/layout_01_bg.jpg');
	background-repeat: repeat-x;
	background-position: top; 
	background-color: #ffffff;
}
h1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #333333; 
	text-decoration: none; 
	font-weight: bold; 
	margin-bottom: 0px;
} 
h2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #f58526; 
	text-decoration: none; 
	font-weight: bold; 
	margin: 0px;
} 
h3 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #000; 
	text-decoration: none; 
	font-weight: bold; 
	margin-bottom: 0px;
} 
.bodytext {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000; 
	text-decoration: none;
	line-height:18px;
}
.smalltext {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000; 
	text-decoration: none;
	line-height:13px;
	padding: 6px;
}
.sidebar {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000; 
	text-decoration: none;
	line-height:15px;
	padding: 5px;
}

a {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #f58526; 
	text-decoration: none; 
	font-weight: bold;
}
a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #f58526; 
	text-decoration: underline; 
	font-weight: bold;
}
.menutd {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
}
.menu {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
}
.menu:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff; 
	font-weight: bold;
	text-decoration: underline; 
}
.footertext {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #8e8e8e; 
	text-decoration: none; 
}
.footertext:hover { 
	text-decoration: underline; 
	color: #8e8e8e; 
	font-weight: none;
	font-size: 11px; 
}
.footer_link {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #6e6e6e; 
	text-decoration: none; 
}
.footer_link:hover { 
	text-decoration: underline; 
	color: #6e6e6e; 
	font-weight: none;
	font-size: 12px; 
}
.menu_button {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 222px;
	height: 38px;
	text-align:center;
}
.menu_button_link_text {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #4b4b4b; 
	font-weight: bold;
	text-decoration: none;
}
.menu_button_link {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #4b4b4b; 
	font-weight: bold;
	text-decoration: none;
}
.menu_button_link:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: underline; 
	color: #4b4b4b; 
	font-weight: bold;
}

.top_nav {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #ffffff; 
	font-weight: normal;
	text-decoration: none;
}
.top_nav:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline; 
	font-size: 13px; 
	color: #ffffff; 
	font-weight: normal;
}
.right_bar_tan{
	background-image: url('/images/rightbar_07.gif');
	background-repeat: repeat-x;
	padding-left:22px;
	padding-top:2px;
	padding-bottom:2px;
	height:25px;
}
.right_bar_blue{
	background-image: url('/images/rightbar_04.gif');
	background-repeat: repeat-x;
	padding-left:22px;
	padding-top:2px;
	padding-bottom:2px;
	height:25px;
}
.right_bar_link{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000; 
	font-weight: normal;
	text-decoration: none;
	line-height:13px;
}
.right_bar_link:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000; 
	font-weight: normal;
	text-decoration: underline;

}

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

.content_div{ width:365px; height:auto; padding: 5px; background-color:#e4e4e4; text-align:center;}
.text_content{padding:8px 5px 10px 5px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:15px}
.content_div table tr{ height:75px;}
.content_div table tr td.text_content{background-image:url(../images/left_menu_bg_black.png); background-repeat:no-repeat; width:287px; height:68px;}
.content_div table tr td.process{background-image:url(../images/left_menu_bg_signIn.png); background-repeat:no-repeat; width:72px; height:68px;}
.content_div table tr td.transfer{background-image:url(../images/left_menu_bg_transfer_employee.png); background-repeat:no-repeat; width:72px; height:68px;}
.content_div table tr td.safe{background-image:url(../images/left_menu_bg_safe.png); background-repeat:no-repeat; width:72px; height:68px;}
.content_div table tr td.esign{background-image:url(../images/left_menu_bg_e_sign.png); background-repeat:no-repeat; width:72px; height:68px;}
.content_div table tr td.saas{background-image:url(../images/left_menu_bg_100_saas.png); background-repeat:no-repeat; width:72px; height:68px;}
.content_div table tr td.cost{background-image:url(../images/left_menu_bg_cost.png); background-repeat:no-repeat; width:72px; height:68px;}
.button_bg{ background:url(../images/button.png); background-repeat:no-repeat; height:40px; display:block;width: 120px; padding-top:9px; text-align:center;float:left;}
a.link:link,a.link:visited{color: #666666;}
a.link:hover{color: #666666; text-decoration:underline;}

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */


/* New Code */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar {
    text-align: center;
    background: linear-gradient(#F5F5F5, #E6E6E6);
    margin-top: 15px;
}

@media (min-width: 992px) and (max-width: 1245px) {
	.navbar .navbar-nav {
  		display: inline-flex;
	}
}

#rightbar{
	padding: 0;
}

#rightbar table, #rightbar img{
	width: 100%;
}

.image_05{
	background: #DEDEDE;
	border-top: 1px solid #AEAEAE;
	margin-top: 45px;
	padding-bottom: 20px;
}

/* Mobile */
#mobile-header{
	padding: 0;
}

#header_image{
	width: 100%;
}

#mobile-navbar{
	margin-top: 25px;
	padding-right: 0;
}

#mobile-navbar .navbar-header {
	float: none;
  	text-align: right;
  	font-size: 5rem;
  	padding-left: 20px;
  	color: #888888;
}

#mobile-navbar .navbar-header label{
	padding-top: 20px;
	padding-right: 10px;
}

#mobile-navbar .navbar-toggle {
	display: block;
	padding: 26px 10px;
}

#mobile-navbar .navbar-toggle .icon-bar {
	width: 65px;
	height: 10px;
}

#mynav{
	text-align: right;
}

#mobile-navbar .navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

#mobile-navbar .navbar-collapse.collapse {
  display: none!important;
}

#mobile-navbar .navbar-collapse.collapse.in {
	display: block!important;
	padding-left: 0;
}

#mobile-navbar .navbar-nav {
  	float: none!important;
  	margin: 7.5px -15px;
    width: 100%;
}

#mobile-navbar .navbar-nav>li {
  float: none;
}

#mobile-navbar .navbar-nav>li>a {
	font-size: 3.7rem;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
}

#mobile-navbar .navbar-nav .open .dropdown-menu{
	position: static;
  	float: none;
  	width: 100%;
  	margin-top: 0;
  	background-color: #FFF;
  	border: 0;
  	-webkit-box-shadow: none;
  	box-shadow: none;
  	text-align: right;
}

#mobile-navbar .navbar-nav .open .dropdown-menu a{
	font-size: 3.4rem;
  	font-weight: 600;
  	color: #555;
}

@media (min-width: 768px) and (max-width: 992px) {
	#content font{
		font-size: 3.9rem;
	}

	#content, #content a, #content font>a>font{
		font-size: 3.8rem;
	}

	#content h3{
		font-size: 4rem;
	}

	#content h2{
		font-size: 4.2rem;
	}

	#content h1{
		font-size: 4.5rem;
	}

	#content img{
		width: 100%;
	}

	img[src*=onboarding]{
		height: 5%;
	}

	#rightbar{
		margin-top: 100px;
	}

	#rightbar table{
		width: 100%;
	}

	#rightbar img{
		width: 80%;
		padding-bottom: 50px;
	}

	#rightbar td{
		text-align: center;
	}

	.image_05{
		font-size: 4rem;
		background-image: none;
		background-color: #DEDEDE;
		height: 220px;
  		padding: 30px 20px;
  		border-top: 3px solid #AEAEAE;
	}

	.image_05 a, .footertext, .footertext a{
		font-size: 3rem;
	}

	.button_bg{
		background-image: none;
		background: linear-gradient(#F8DE81,#F1A931);
		width: 47%;
		height: auto;
		padding-bottom: 10px;
		margin: 10px;
		border-collapse: separate;
		border: 3px solid #D1D1D1;
		border-radius: 40px;
	}

}