/* TOP LAYOUT */
#body_main {
	background-color: #C9F5DA;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 10px;
}

#main_wrapper {
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header_inner, #nav_inner, #content_inner, #footer_inner, #subnav_inner {
	overflow: hidden; /* prevents oversize elements from breaking the layout */
}
	
#header {
	width: 1004px;
	height: 47px;
}

#header_inner {
	margin: 5px 33px 0px 0px;
	text-align: right;
	font-size: 1.1em;
	color: #383838;
	font-family: Tahoma, 'Trebuchet MS', Verdana;
}

#header_inner a {
	text-decoration: none;
	color: #383838;
}

#header_inner a:hover {
	text-decoration: none;
	color: #555588;
}

#banner {
	width: 1004px;
	height: 237px;
	background: url(../img/ontime4u_mms_banner.jpg) no-repeat;
}

#banner_inner {}

/* UNDER CONSTRUCTION */
#construction_body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 12pt;
	font-family: Tahoma, 'Trebuchet MS', Verdana;
	font-weight: 600;
	color: #000000;
	width: 100%;
	height: 100%;
}

#construction_div {
	margin: 100px auto 0 auto;
	height: 300px;
	width: 220px;
	background: url(../img/loading.gif) no-repeat 0px 30px;
}

/* NAV */
#nav {
	width: 1004px;
	height: 37px;
	background: url(../img/ontime4u_03.jpg) no-repeat;
}

#nav_inner {
	margin: 0px 42px 0px 42px;
}

#nav_home {
	float: left;
	width: 26px;
	padding-top: 5px;
}

#nav_home img {
	border: none;
}

#img_link, #total_recip, #seq_range {
    display: inline;
}

.nav_links {
	float: left;
	display: inline;
	padding-top: 8px;
}
.nav_login {
	float: right;
	text-align: right;
	display: inline;
	padding-top: 8px;
}

.nav_links a , .nav_login a{
	color: #FFFFFF;
	font-family: Verdana, 'Trebuchet MS', Arial;
	font-size: 1.4em;
	text-decoration: none;
}

.nav_links a:hover, .nav_login a:hover {
	color: #F8F679;
}

.vr {
	float: left;
	color: #4b4c8e;
	font-size: 2.0em;
	display: inline;
	padding-top: 3px;
}

/* SUB-NAV */
#subnav {
	width: 1004px;
	height: 31px;
	margin-top: -3px;
	background: url(../img/ontime4u_13.jpg) no-repeat;
}

#subnav_inner {
	margin: 0px 42px 0px 42px;
}

#subnav_arrow {
	float: left;
	width: 40px;
	padding-top: 6px;
}

.subnav_links {
	float: left;
	display: inline;
	padding-top: 5px;
}

.sp {
	float: left;
}

.subnav_links a {
	color: #1d324e;
	font-family: Verdana, 'Trebuchet MS', Arial;
	font-size: 1.2em;
	text-decoration: underline;
}

.subnav_links a:hover {
	color: #b93f14;
	text-decoration: none;
}

#subnav_login {
	float: right;
	text-align: right;
	display: inline;
	padding-top: 5px;
	color: #0b0c7c;
	font-family: Verdana, 'Trebuchet MS', Arial;
	font-size: 1.2em;
	font-weight: 600;
}

.darkBlue {
	color: #0d0e51;
}


/* CONTENT */
#content[id]{
	margin-left: auto;
	margin-right: auto;
	width: 1004px;
	background: url(../img/ontime4u_12.jpg) repeat-y;	
	margin-top: 0px;
}
#content{	/* ie hack */
	width: 1004px;
	background: url(../img/ontime4u_12.jpg) repeat-y;	
	margin-top: -5px;
}

#content_inner {
	margin: 0px 42px 0px 42px;
	font-family: Tahoma, 'Trebuchet MS', Verdana;
	color: #000000;
	font-size: 1.4em;
	line-height: 1.6em;
	text-align: left;
	padding: 15px 20px 10px 20px;
	height: 100%;
	background: url(../img/clockbg.jpg) no-repeat top right;
}

#content_popup {
	margin: 10px 10px 0px 10px;
	font-family: Tahoma, 'Trebuchet MS', Verdana;
	color: #000000;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: left;
	height: 100%;
	background: url(../img/clockbg.jpg) no-repeat top right;
}

#loading[id] {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	height: 209px;
	width: 200px;
	margin-top: -105px;
	margin-left: -100px;
	background: url(../img/loading.gif) no-repeat;
}
#loading {	/* msie 6 */
	display: none;
	position: absolute;
	top: 1025px;
	left: 50%;
	height: 209px;
	width: 200px;
	margin-top: -105px;
	margin-left: -100px;
	background: url(../img/loading.gif) no-repeat;
}

/* BOTTOM LAYOUT */
#bottom_border {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 1004px;
	height: 45px;
	background: url(../img/ontime4u_10.jpg) no-repeat;
}

#bottom_inner {
	font-family: Verdana, 'Trebuchet MS', Arial;
	font-size: 1.2em;
	text-align: center;
	padding-top: 25px;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	width: 1004px;
	height: 50px;
}

#footer_inner {
	font-family: Verdana, 'Trebuchet MS', Arial;
	font-size: 1.2em;
	text-align: center;
}

#footer_inner a, #loginr a, #content_inner a {
	color: #000088;
	text-decoration: none;
}

#footer_inner a:hover, #loginr a:hover, #content_inner a:hover {
	color: #b93f14;
	text-decoration: none;
}

#copyright {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	font-family: Tahoma, 'Trebuchet MS', Verdana;
	color: #000000;
	font-size: 0.9em;
}
	
#developer {
	padding-top: 10px;
	color: #445544;
	vertical-align: middle; 
}

/* HOMEPAGE CONTENT */
#homel[id]{
	float: left;
	width: 276px;
	height: 250px;
	margin: 20px 0px 0px 20px;
	background: url(../img/home_girl.jpg) no-repeat;
}

* html #homel {		/* ie hack */
	float: left;
	width: 276px;
	height: 250px;
	margin: 20px 0px 0px 10px;
	background: url(../img/home_girl.jpg) no-repeat;
}

#homer[id] {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

* html #homer {		/* ie hack */
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#homer_top {
	clear: both;
	height: 200px;
	margin: 0px 5px 0px 0px;
	font-family: Verdana, 'Trebuchet MS', Arial;
	font-size: 1.0em;
	font-weight: 500;
	color: #000000;
	/*background: url(../img/home_reminders.jpg) no-repeat center center;*/
}

#home_bottom li {
	color: #3C42A0;
	list-style: none;
	background-image: url(../img/li_clock.gif);
	background-repeat: no-repeat;
	background-position: 0em;
	padding-left: 20px;
}

.olist {
	padding-left: 10px;
	color: #3C42A0;
}

.li_olist {
	color: #E2911C;
}

#homer_bottom {
	text-align: left;
	font-family: Verdana, 'Trebuchet MS', Arial;
	font-size: 1.0em;
	font-weight: 500;
	color: #000000;
	padding-top: 10px;
}

#home_bottom {
	clear: both;
	font-family: Verdana, 'Trebuchet MS', Arial;
	font-size: 1.0em;
	font-weight: 500;
	color: #000000;
	padding: 0px 10px 0px 15px;
}

.callus {
	font-size: 1.2em;
	color: #e26723;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* LOGIN */
#loginl {
	float: left;
	width: 620px;
}

#loginr {
	float: right;
}

.clearBoth {
	clear: both;
}

/* Aslett clearing method */
.clearfix {
	display: inline-table;
}
/* backslash hack hides from IE mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end backslash hack */

/* INPUT and BUTTONS */
input, select, textarea {
	border: 1px solid gray;
	font-size: 1em;
	padding-left: 2px;
	font-family: Verdana;
}

.fixed {
    font-family: "Courier New", Courier, monospace;
}

input[type="radio"], input[type="checkbox"] {
	border: none;
	padding: 0 0 0 0;
}

button, input[type="button"], input[type="submit"], input[type="reset"] {
	background-color: #fce06e;
	color: #262688;
	font-weight: bold;
	font-size: 0.8em;
	padding: 1px 3px 1px 3px;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	color: #b93f14;
	cursor: pointer;
	padding: 1px 3px 1px 3px;
}

#submit, #reset, #cancel, #editTemplate, #deleteTemplate, #search, #register, #edit, #editGroup, #deleteGroup, #UploadCSV { /* ie hack */
	background-color: #fce06e;
	color: #262688;
	font-weight: bold;
	font-size: 0.8em;
	cursor: pointer;
	padding: 1px 3px 1px 3px;
}

#submit:hover, #reset:hover, #cancel:hover, #editTemplate:hover, #deleteTemplate:hover, #search:hover, #register:hover, #edit:hover, #editGroup:hover, #deleteGroup:hover, #UploadCSV:hover { /* ie hack */
	color: #b93f14;
	cursor: pointer;
	padding: 1px 3px 1px 3px;
}

.buttonDisabled {
	background-color: #CCCCCC;
}

/* DIVS */
.divList {
	background-color: white;
	border: 1px solid gray;
	overflow: auto;
	width: 120px;
	height: 130px;
	font-size: 1em;
}

.divListNoScroll {
	background-color: white;
	border: 1px solid gray;
	width: 120px;
	font-size: 1em;
}

.divWide {
	background-color: white;
	border: 1px solid gray;
	overflow: auto;
	width: 200px;
	height: 160px;
	font-size: 1em;
}

.divLarge {
	background-color: white;
	border: 1px solid gray;
	overflow: auto;
	width: 370px;
	height: 300px;
	font-size: 1em;
}

.divErrorScroll {
	background-color: white;
	border: 1px solid #DEDEDE;
	overflow: auto;
	width: 100%;
	height: 100px;
	color: #AA0000;
	line-height: 20px;
	font-size: 0.9em;
}

/* MISC */
.error {
	color: #AA0000;
	line-height: 20px;
	font-size: 0.9em;
}

.small {
	font-size: 0.9em;
}

.smaller {
	font-size: 0.8em;
}

.message {
	color: #00AA00;
	text-align: center;
}

.navselect {
	color: #ed7514;
	display: inline;
}

.imgcenter {
	vertical-align: middle;
}

.smallLink {
	color: #4e5152;
	font-size: 0.8em;
}

.smallLink a {
	color: #4e5152;
	text-decoration: underline;
}

.smallLink a:hover {
	color: #4e5152;
	text-decoration: none;
}

.pageNav {
	font-size: 1em;
	color: #000000;
}

.pageNav a {
	color: #151584;
	text-decoration: none;
}

.pageNav a:hover {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

.fieldLabel {
	color: #1a4359;		/*	#3b4936;	*/
	width: 180px;
	padding-left: 20px;
	font-size: 1.1em;
}

#fieldHelp {
	display: none; 
   position: absolute; 
   width: 150px;
   text-align: left;
   font-size: 12px;
	font-family: Verdana, 'Trebuchet MS', Arial;
   border: 1px dotted #262666; 
   background-color: #ffffab; 
   padding: 5px;
}

.imgHelp {
	vertical-align: bottom;
	padding-bottom: 2px;
}

.white_body {
	background-color: #FFFFFF;
	margin: 10px 10px 10px 10px;
	font-size: 10px;
	font-family: Tahoma, 'Trebuchet MS', Verdana;
}

.greyedOut {
	background-color: #DEDEDE;
}

/* NICE TABLE */
table.nice {
	width: 100%;
	border-top: 2px solid #8cabc5;
	padding-top: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.nice tr:first-child td {
	padding-top: 8px;
}



table.nice td.last_line {
	border-top: 2px solid #8cabc5;
}

table.nice th {
	color: #262666;
	font-weight: 600;
	border-bottom: 1px solid #8cabc5;
}

table.nice th.centre {
	text-align: center;
}

table.niceBox {
	width: 80%;
	border: 2px solid #8cabc5;
	padding-top: 5px;
	padding: 0px 0px 0px 0px;
}

caption {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #eb7d40;
}

.altRow1 {
	background-color: #efefef;
}

.altRow2 {
	background-color: #e4e4ff;
}

.altRowHilite {
	background-color: #ffffab;
}

.altRow1Inactive {
	background-color: #efefef;
	color: #555555;
}

.altRow2Inactive {
	background-color: #e4e4ff;
	color: #555555;
}

.altRow1Cancel {
	background-color: #efefef;
	color: #888888;
}

.altRow2Cancel {
	background-color: #e4e4ff;
	color: #888888;
}

.heading {
	color: #262666;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
}

.subheading {
	font-weight: bold;
	text-align: left;
}

.boldUnderline {
	font-weight: bold;
	text-decoration: underline;
}

/* OLD CSS ----------------------------------------------------------------------------------------- */

.tableMargin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 100%;
}