/* 
	Resets defualt browser settings
	reset.css
*/
/*span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,th, { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
/*img { display: inline-block; }*/
:focus { outline:0; }
a:active { outline:none; }
body {  color:black; background:white; }
ol,ul { list-style:none; }
img {	display: block;	}

#navWrap {float:left; height:25px; padding-right:20px; margin-left:20px;}
#nav {margin:0; padding:0 0 0 20px; list-style:none; white-space:nowrap; text-align:left; float:left; z-index:2000;}

#nav li {margin:0; padding:0; list-style:none}

#nav ul {padding:0; margin:0 0 0 -21px; list-style:none; position:absolute; left:-9999px; border:1px solid #C9CBCD; border-color:#C9CBCD #C9CBCD #C9CBCD #C9CBCD}
#nav ul.sub {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; border:1px solid #C9CBCD; border-color:#C9CBCD #C9CBCD #C9CBCD #C9CBCD}

#nav ul.ul-one {background:#b0d0e0;}
#nav ul.ul-two {background:#a8c8d8;}
#nav ul.ul-three {background:#a0c0d0;}
#nav ul.ul-four {background:#98b8c8;}
#nav ul.ul-five {background:#90b0c0;}
#nav ul.ul-six {background:#88a8b8;}
#nav ul.ul-seven {background:#80a0b0;}

#nav li.li-top {float:left; display:block; z-index:2000}
#nav li.first {background:none;}
 
#nav a {display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; line-height:25px; text-decoration:none; padding:0 20px 0 0px; text-align:center;}

#nav :hover a:hover {color:#000000;}

#nav li a.sub {background:url(/webadmin/graphics/menu/arrow_top.png) no-repeat right center; line-height:25px;}
#nav li a.sub_1 {color:#000000; background:url(/webadmin/graphics/menu/menu_sub_grey.png); background-position:left top, right center; line-height:20px; text-align:left; padding:0px 20px 0px 10px}
#nav li a.sub_2 {color:#000000; background:url(/webadmin/graphics/menu/menu_sub_grey.png); background-position:left top, right center; line-height:20px; text-align:left; padding:0px 20px 0px 10px}

#nav li.li-top a.top {float:left;}

#nav li a.top:hover {position:relative; color:#FFFFFF;}
#nav li.li-top:hover {position:relative; color:#FFFFFF;}

#nav li.li-top:hover > a, #nav li.li-top:hover ul :hover > a {color:#CED1E4;}
#nav li.li-top:hover ul {margin-top:25px;}

#nav li.li-sub_1:hover > a, #nav li.li-top:hover ul :hover > a {color:#404A94; background:#f2f2f2; padding:0px 20px 0px 10px;}
#nav li.li-sub_2:hover > a, #nav li.li-top:hover ul :hover > a {color:#404A94; background:#f2f2f2; padding:0px 20px 0px 10px;}

#nav :hover ul {left:0;}
#nav :hover ul a {white-space:nowrap;}
#nav :hover ul b {position:absolute;}
#nav :hover ul.right {left:auto; right:-1px;}

#nav :hover ul :hover ul, 
#nav :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul
{left:95%; margin-top:-21px;}

#nav :hover ul :hover ul.left, 
#nav :hover ul :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left
{left:auto; right:95%; margin-top:-21px}

#nav :hover ul ul, 
#nav :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px;}

#nav :hover ul ul.left, 
#nav :hover ul :hover ul ul.left,
#nav :hover ul :hover ul :hover ul ul.left,
#nav :hover ul :hover ul :hover ul :hover ul ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul.left
{left:-9999px; right:auto;}

#nav table {border-collapse:collapse; margin-top:-1px;}


#dropmenudiv {position: absolute; top: 18px; border-bottom-width: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height:30px; z-index:100px}
#dropmenudiv a{background-image: url(/webadmin/graphics/menu_background_sub.gif); color: #000000; width: 100%; display: block; text-indent: 24px; text-decoration: none; font-weight: strong}
#dropmenudiv a:hover{color: #F6921E}

.menu_white {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration : none; font-weight : bold; line-height : 15px;
	padding-top: 5px; padding-bottom: 5px; padding-right: 10px; padding-left: 10px; padding-top: 5px}
a.menu_white:link, a.menu:visited {color: #FFFFFF; text-decoration : none}
a.menu_white:hover {color: #FFFFFF; text-decoration : none}

.menu_blue {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #134B8F; text-decoration : none; font-weight : bold; line-height : 15px;
	padding-top: 5px; padding-bottom: 5px; padding-top: 5px}
a.menu_blue:link, a.menu:visited {color: #134B8F; text-decoration : none}
a.menu_blue:hover {color: #ED1C24; text-decoration : none}
	
.menu_headline_blue {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #134B8F; text-decoration : none; font-weight : bold}
a.menu__headline_blue:link, a.menu:visited {color: #134B8F; text-decoration : none}
a.menu__headline_blue:hover {color: #D0DBE9; text-decoration : none}	

.menu_top {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration : none; font-weight : bold; line-height : 15px;
	padding-top: 0px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; text-align: left}
a.menu_top:link, a.menu:visited {color: #000000; text-decoration : none}
a.menu_top:hover {color: #F6921E; text-decoration : none}


	
td.rollmenu a {text-decoration: none; background-color: transparent; margin 0; display: block; width: 225px; border-width: 1px; border-top: 0px;  border-bottom: 1px;
    border-left: 1px; border-right: 1px; border-color: #49315F; border-style: solid}

.menu_sub {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0C2577; text-decoration : none; font-weight : bold; line-height : 25px;
	padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-top: 5px}
a.menu_sub:link, a.menu:visited {color: #0C2577; text-decoration : none}
a.menu_sub:hover {color: #FFFFFF; background-color: #0C2577; text-decoration : none}
td.sub_menu a {text-decoration: none; background-color: transparent; margin 0; display: block; width: 150px; border-width: 1px; border-top: 0px; border-bottom: 1px;
    border-left: 1px; border-right: 1px; border-color: #0C2577; border-style: solid}
	
#webadmin_lists {font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; }
#webadmin_lists td, #webadmin_lists th {font-size:11px; border:1px solid #C9CBCD; padding:3px 7px 2px 7px; background-color:#FFFFFF}
#webadmin_lists th {font-size :11px; text-align:left; padding-top:5px; padding-bottom:4px; background-image:url(/webadmin/graphics/backgrounds/background_list_header.gif); color:#000000}
#webadmin_lists tr.alt td {color:#000000; background-color:#f2f2f2}

.bodytext {font-family: arial, helvetica; color: #000000; font-size: 12px}
				 
.bodytext_white	{font-family: arial, helvetica; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: left}
				 
.bodytext_blue {font-family: arial, helvetica; color: #134B8F; font-size: 13px; text-align: left}

.bodytext_right	{font-family: arial, helvetica; color: #000000; font-size: 12px; text-align: right}

.header_menus {font-family: arial, helvetica; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: left}				

.header_sections {font-family: arial, helvetica; color: #6666FF; font-size: 18px; font-weight: bold; text-align: left}
				
.header_14 {font-family: arial, helvetica; color: #380074; font-size: 14px; font-weight: bold; text-align: left}				
				
.header_title {font-family: arial, helvetica; color: #FFFFFF; font-size: 18px; font-weight: bold}

.admin-header-title-cell {
	padding: 0 12px;
}

.admin-header-title-cell span {
	line-height: 53px;
}

.admin-header-logout {
	float: right;
	margin-top: 14px;
	border: 1px solid #d97b0d;
	border-radius: 3px;
	background: #f6921e;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	padding: 4px 10px;
	text-decoration: none;
}

.admin-header-logout:hover {
	background: #d97b0d;
	color: #ffffff;
	text-decoration: none;
}

.admin-login-rule {
	height: 1px;
	background: #0c2577;
}

.admin-login-page {
	box-sizing: border-box;
	width: 100%;
	padding: 34px 14px;
}

.admin-login-panel {
	width: 405px;
	max-width: 100%;
	margin: 0 auto;
	border: 1px solid #404A94;
	border-radius: 3px;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}

.admin-login-title {
	background: #f6921e;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
}

.admin-login-body {
	padding: 16px 18px 18px;
	background: #f7faea;
}

.admin-login-alert {
	display: flex;
	gap: 10px;
	margin-bottom: 14px;
	padding: 10px;
	border: 1px solid #d97b0d;
	border-radius: 3px;
	background: #fff9e8;
}

.admin-login-alert-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	background: #f6921e;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}

.admin-login-form {
	margin: 0;
}

.admin-login-field {
	display: grid;
	grid-template-columns: 82px 1fr;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.admin-login-field > span:first-child {
	text-align: right;
}

.admin-login-field input {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	border: 1px solid #c9cbcd;
	border-radius: 3px;
	padding: 5px 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.admin-login-field input:focus {
	border-color: #404A94;
	outline: none;
}

.admin-login-actions {
	padding-top: 6px;
	text-align: center;
}

.admin-login-button {
	border: 1px solid #1f2326;
	border-radius: 3px;
	background: #2f3437;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding: 7px 22px;
	cursor: pointer;
}

.admin-login-button:hover {
	background: #1f2326;
}
				
.news_bodytext {font-family: arial, helvetica; color: #747474; font-size: 12px; font-weight: normal}
				
.news_headlines {font-family: arial, helvetica; color: #3D3D3D; font-size: 14px; font-weight: bold}
				
.img_right {float: right; margin-bottom: 20px; margin-left: 20px}
			
.bodytext_email_blue {font-family: arial, helvetica; color: #134B8F; font-size: 11px }
				 
.bodytext_email_white {font-family: arial, helvetica; color: #FFFFFF; font-size: 11px; padding-right: 10px}
				 
.bodytext_email_headline {font-family: arial, helvetica; color: #134B8F; font-size: 14px; padding-bottom: 5px}
				 
.bodytext_email_story {font-family: arial, helvetica; color: #000000; font-size: 11px; padding-top: 5px}
				 
.bodytext_email_black {font-family: arial, helvetica; color: #000000; font-size: 11px}
				 
.bodytext_email_phone {font-family: arial, helvetica; color: #ED1C24; font-size: 14px}

:focus { outline:0; }
a:active { outline:none; }
body {  color:black; background:white; }
ol,ul { list-style:none; }

img {	display: block;	}

caption,th,td {  font-weight:normal; }
/* body { background-image:url('/dashboard/graphics/backgrounds/views_desktop.png'); } */
/*
	Page Style
*/
body { 
	font:normal 10px Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#434343;
	width:99%; 
	padding:0px 0px;
	position:relative;
	
	-webkit-font-smoothing: subpixel-antialiased;
}

#container {
	width:1229px;
	padding:0px;
	margin:0;
	position:relative;
	z-index:0;
}

#container_users {
	width:1229px;
	padding:0px;
	margin:0;
	position:relative;
	z-index:0;
}

#frame {
	position:relative;
	z-index:0;
	width:1229px;
	height:600px;
	top:-3px;
	left:-80px;
}

#example {
	width:1229px;
	height:600px;
	position:relative;
}

#example_fix_drivers_logtime {
	width:1229px;
	height:475px;
	position:relative;
}

#example_gp_employee {
	width:1229px;
	height:475px;
	position:relative;
}

#example_users {
	width:1229px;
	height:575px;
	position:relative;
}

#example_scroller {
	width:1229px;
	height:176px;
	position:relative;
}

/*
	Slideshow style
*/

#slides_fix_drivers_logtime {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

#slides_gp_employee {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}	

#slides_users {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100
	
}					

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:1229px;
	/*height:600px;*/
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides_fix_drivers_logtime .slide {
	padding:0px;
	width:1229px;
	height:450px;
	display:block;
}

#slides_gp_employee .slide {
	padding:0px;
	width:1229px;
	height:450px;
	display:block;
}

#slides_users .slide {
	padding:0px;
	width:1229px;
	height:570px;
	display:inline-block;
}

#slides .slide {
	padding:0px;
	width:1200px;
	height:600px;
	display:block;
}


/*
	Pagination
*/

.pagination {
	position:relative;
	margin:2px 2px 12px 12px;
	width:auto;
	float:left;
 
}

.pagination li {
	position:relative;
	float:left;
	margin:auto;
	list-style:none;
}

.pagination li a {
	position:relative;
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/webadmin/graphics/css_images/pagination.png);
	background-position:0 0;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Type and anchors
*/

/*
a:link,a:visited {
	color:#000000;
	text-decoration:none;
}

a:hover,a:active {
	color:#000000;
	text-decoration:underline;
}
*/

h1 {
	font-size:2em;
}

p {
	font-size:1.3em;
}

#slides_fix_drivers_logtime .link {
	display:block;
	margin-top:0px;
	font-weight:800;
}

#slides_gp_employee .link {
	display:block;
	margin-top:0px;
	font-weight:800;
}

#slides_users .link {
	display:block;
	margin-top:0px;
	font-weight:800;
}

#slides .link {
	display:block;
	margin-top:0px;
	font-weight:800;
}
