﻿html
{
	font-family: Calibri;
}

body 
{
	background: url(../images/GearsBlue.jpg);
}

h1
{
	text-align: center;
	color: White;
	font-size: 30px;
}

h2
{
	text-align: center;
	color: White;
	font-size: 22px;
}
.login 
{
	display: block;
	width: 406px;
	height: 310px;
	padding-top: 25px;
	margin: 0 auto;	
	background: url(../images/login_box.png) no-repeat;
}

.login a 
{
	display: block;
	width: 230px;
	height: 60px;
	margin-bottom: 10px;
	text-decoration: none;
	outline: none;
	margin: 0 auto;
}

.login .log_in 
{
	background: url(../images/login.png) no-repeat;
}

.login a .logo
{
	padding-left: 75px;
}

.login img
{
	position: relative;
	top: -25px;
	text-decoration: none;
	border: 0px;
	border-style: none;	
}

.apps
{
	display: block;
	width: 800px;
	height: 334px;
	padding-top: 25px;
	margin: 0 auto;
	background: url(../images/menu_box.png) no-repeat;
}

.apps a
{
	display: block;
	width: 185px;
	height: 185px;
	padding: 3px;
	text-decoration: none;
	outline: none;
}

.apps .admin
{
	background: url(../images/admin.png) no-repeat;
}

.apps .driver
{
	background: url(../images/driver_logo.png) no-repeat;
}

.apps .reports
{
	background: url(../images/Mobile_reports.png) no-repeat;
}

.apps .inventory
{
	background: url(../images/mobile_inv.png) no-repeat;
}

.apps .admin_disabled
{
	/*background: url(../images/admin_disabled.png) no-repeat;
	pointer-events: none;*/
	display: none;
}

.apps .driver_disabled
{
	background: url(../images/driver_disabled.png) no-repeat;
	pointer-events: none;
}

.apps .reports_disabled
{
	background: url(../images/reports_disabled.png) no-repeat;
	pointer-events: none;
}

.apps .inventory_disabled
{
	background: url(../images/inventory_disabled.png) no-repeat;
	pointer-events: none;
}

.apps .logout
{
	background: url(../images/logout.png) no-repeat;
	margin: 0 auto;
	width: 230px;
	height: 60px;	
}

.admin
{
	margin: 0 auto;
	width: 465px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.admin a
{
	display: inline-block;
	width: 230px;
	height: 60px;
	text-decoration: none;
	outline: none;	
}

.admin .logout
{
	background: url(../images/logout.png) no-repeat;
}

.admin .exit
{
	background: url(../images/admin_exit.png) no-repeat;
}

.mobile_apps
{
	width: 406px;
	margin: 0 auto;
}

.mobile_apps img
{
	height: auto;
	width: auto;
	max-width: 125px;
	max-height: 125px;
}

.mobile_apps table
{
    margin-left: auto;
    margin-right: auto;
}

.apps .logo
{
	position: relative;
	display: inline;
	top: -25px;
	width: 245px;
	padding-left: 265px;
}

.saveChanges
{
	text-decoration: none;
	outline: none;	
	display: block;
	width: 173px;
	height: 45px;
	background: url(../images/save.png) no-repeat;
}

.addOperator
{
	text-decoration: none;
	outline: none;	
	display: block;
	width: 93px;
	height: 24px;
	background: url(../images/add.png) no-repeat;
	margin: 0 auto;
}

h3
{
	font-size: 18px;	
	text-decoration: underline;
	cursor: pointer;
}

.operator
{
	display: none;
}

.report_run
{
	display: block;
	outline: none;
	text-decoration: none;
	width: 159px;
	height: 39px;
	background: url(../images/run.png) no-repeat;
}

#driver
{
	overflow: auto; 
}

#reports
{
	overflow: auto; 
}

#inventory
{
	overflow: auto; 
}

.GridView
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px;
    padding: 0px;
    float: right;
}

.GridView td
{
	vertical-align:middle;
	background:-o-linear-gradient(bottom, #ffffff 5%, #d3e9ff 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d3e9ff) ); 
	background:-moz-linear-gradient( center top, #ffffff 5%, #d3e9ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d3e9ff");
	background: -o-linear-gradient(top,#ffffff,d3e9ff);
	background-color:#ffffff;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}

.GridView th
{
	background:-o-linear-gradient(bottom, #0057af 5%, #007fff 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #007fff) );
	background:-moz-linear-gradient( center top, #0057af 5%, #007fff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#007fff");	
	background: -o-linear-gradient(top,#0057af,007fff);
	background-color:#0057af;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	padding:7px;
}

.flags
{

}

.flags td
{
	font-size: medium;
}

#gvOperators
{
	margin-left: 43px;
}

#billing
{
	overflow: auto;
}

#operators
{
	overflow: auto;
}

#driver
{
	overflow: auto;
}

#reports
{
	overflow: auto;
}

#inventory
{
	overflow: auto;
}

#billingDriver
{
	padding-bottom: 20px;
	float: left;
}

#billingReports
{
	padding-bottom: 20px;
	float: left;
}

#billingInventory
{
	padding-bottom: 20px;
	float: left;
}