@media only screen and (device-width: 768px) {
  /* iPad screen size rules */
}
 
@media only screen and (min-device-width: 481px) and 
(max-device-width: 1024px) and (orientation:portrait) {
  /* Portrait iPad display */
}
 
@media only screen and (min-device-width: 481px) and 
(max-device-width: 1024px) and (orientation:landscape) {
  /* Landscape iPad display */
}

@media screen and (max-device-width: 480px) {
  /* All devices with display width less then 480px 
  will obey the following rules */
}

@media only screen and (max-device-width: 480px), 
       only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone gte 4 CSS rules */
}

body {
	-webkit-text-size-adjust: 100%;
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #660000;
  	margin-left: auto;
	margin-right: auto;
	text-align: left;
  	width: 720px;
}

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:active {
	color: #333333;
}

#login_main {
	text-align: center;
	width:100%;
}

#login_admin {
	text-align: center;
	width:100%;
}

#driver {
	text-align: left;
	width:100%;
}

#manager {
	text-align: left;
	width:100%;
}

#supervisor {
	text-align: left;
	width:100%;
}

#nav_main {
	font-size: 15px;
}

#admin_main {
	text-align: left;
	width:100%;
}

#login_table {
	font-size: 12px;
	background-color: #FFFFFF;
	margin-left: auto; 
    margin-right: auto;
    padding: 2px;
}

#new_building {
	font-size: 9pt;
	background-color: #FFFFFF;
	border-spacing: 4px;
    padding: 4px;
}

/* tables - column one */
#c1 {
	font-size: 9pt;
	vertical-align: top;
	text-align: right;
}

/* tables - column two */
#c2 {
	font-size: 9pt;
	text-align: left;
}

/* tables - column submit button right */
#c3 {
	font-size: 9pt;
	text-align: right;
}

#mworkorders {
	font-size: 9pt;
	background-color: #FFFFFF;
	border: 1px solid black;
	border-spacing: 2px;
    padding: 2px;
}