/* -------------------------------- GENERAL STYLES */
body {
	margin: 0px;
	font-family: tahoma, veranda, sans-serif;
	background-color: #f1f1f1;
	font-size: 12pt;
}
form {
	display: inline;
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	font-family: tahoma,arial;
	font-size: 10pt;
}

#ie-message {
	background:#C00;
	text-align:center;
	border-bottom:1px solid #900;
	color: #fff;
	padding:25px 5px;
	font-size: 14pt;
}
#ie-message a {
	color: #fff;
}
.center {
	text-align: center;
}
.header {
	color: white;
	font-weight: bold;
	background: #A1A9E7; /* Old browsers */
	background: -moz-linear-gradient(top, #A1A9E7 0%, #5E66B7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1A9E7), color-stop(100%,#5E66B7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #A1A9E7 0%,#5E66B7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #A1A9E7 0%,#5E66B7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #A1A9E7 0%,#5E66B7 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1A9E7', endColorstr='#5E66B7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #A1A9E7 0%,#5E66B7 100%); /* W3C */
}
fieldset {
	border: 1px solid #BDC0E7;
}
fieldset legend {
	padding: 2px 10px;
	font-weight: bold;
}

/* -------------------------------- DATE TIME LINE */
#dtl {
	background-color: #BDC0E7;
	color: #000000;
	font-size: 8pt;
	padding: 5px 0px 5px 5px;
	height: 12px;
	border-bottom: black solid 1px;
}
#dtl div {
	margin: 0px;
	float: left;
	width: 33%;
}
#dtl div.l {
	width: 25%;
	text-align: left;
}
#dtl div.c {
	width: 50%;
	text-align: center;
}
#dtl div.r {
	width: 24%;
	text-align: right;
}
#dtl .headLink {
	color: black;
	text-decoration: none;
}
#dtl .headLink:hover {
	text-decoration: underline;
}

/* -------------------------------- MAIN HEADER */
#mainhead {
	background: url(/images/mainnav-bk.gif) #5E66B7 top left repeat-x;
	padding-top: 3px;
	color: white;
	height: 40px;
	border-bottom: black solid 1px;
}
#mainhead .logo {
	float: left;
	font-size: 18pt;
	padding-left: 25px;
	padding-top: 5px;
}
#mainhead .logout {
	padding-top: 5px;
	padding-right: 15px;
	text-align: center;
	height: 40px;
	float: right;
}
#mainhead .logout a {
	padding: 5px 10px;
	display: block;
	margin: 1px;
	text-decoration: none;
	color: white;
	font-size: 11pt;
	font-weight: bold;
	border: 1px solid #5A63B5;
}
#mainhead .logout a:hover {
	padding: 5px 10px;
	display: block;
	margin: 1px;
	text-decoration: none;
	color: white;
	font-size: 11pt;
	font-weight: bold;
	background-color: white;
	border: 1px solid black;
	color: #5A63B5;
}

#companyselect2 {
	font-size: 10pt;
	padding: 5px 5px 3px 15px;
	background-color: #fdffbf;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
}

/* -------------------------------- NAVIGATION (LEVEL 1) */
ul.navlist {
	margin:0px;
	padding: 8px 0px 3px 0px;
	margin-left: 0px;
	border-bottom: 1px solid #5A63B5;
	text-align: center;
	background-color: #f1f1f1;
}
.navlist li {
	list-style: none;
	margin: 0px;
	display: inline;
	font-size: 10pt;
	font-weight: bold;
}
.navlist li a {
	padding: 3px 5px;
	margin-left: 0px;
	border: 1px solid #5A63B5;
	border-bottom: none;
	background-color: #ffffff;
	color: #5A63B5;
	text-decoration: none;
}
.navlist li a:hover {
	color: #ffffff;
	background-color: #A1A9E7;
}
.navlist li a.current{
	color: #ffffff;
	background-color: #A1A9E7;
	border-bottom: 1px solid #A1A9E7;
}
/* -------------------------------- NAVIGATION (LEVEL 2) */
ul.navl2 {
	margin: 0px;
	padding: 0px 0px 3px 20px;
	margin-left: 0px;
	border-bottom: 1px solid #000000;
	background: #A1A9E7; /* Old browsers */
	background: -moz-linear-gradient(top, #A1A9E7 0%, #5E66B7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1A9E7), color-stop(100%,#5E66B7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #A1A9E7 0%,#5E66B7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #A1A9E7 0%,#5E66B7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #A1A9E7 0%,#5E66B7 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1A9E7', endColorstr='#5E66B7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #A1A9E7 0%,#5E66B7 100%); /* W3C */
}
.navl2 li {
	list-style: none;
	margin: 0px;
	display: inline;
	font-size: 10pt;
}
.navl2 li a {
	position: relative;
	bottom: -1px;
	padding: 3px 15px;
	margin-left: 3px;
	color: #ffffff;
	text-decoration: none;
}
.navl2 li a:hover {
	position: relative;
	bottom: -2px;
	padding: 3px 14px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: none;
	color: #000000;
	background-color: #ffffff;
}
.navl2 li a.current {
	position: relative;
	bottom: -2px;
	padding: 3px 14px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	color: #000000;
	background-color: #ffffff;
}

/* -------------------------------- BODY/CONTENT AREA */
.rtjust {
	text-align: right;
	vertical-align: top;
}
#bodyspace {
	margin-top: 0;
	padding: 8px;
	border-bottom: 1px solid #dcdcdc;
	background-color: #ffffff;
}
#footer {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	padding: 5px;
	padding-bottom: 35px;
	font-size: 8pt;
	line-height: 160%;
}
#footer #left {
	text-align: left;
	width: 60%;
	float: left;
}
#footer #right {
	text-align: right;
	width: 38%;
	float: right;
}
#bodyspace a:link, #bodyspace a:visited, #bodyspace a:active{
	color: #5A63B5;
	text-decoration:none;
}
#bodyspace a:hover {
	color: #A1A9E7;
	text-decoration:none;
}

/* -------------------------------- OLD TABLE STYLES */
table {
	border-collapse: collapse;
}
table.demo{
	border: 1px solid black;
	width:400px;
	font-size: 12pt;
}
table.demo td {
	padding: 4px;
	border-bottom: 1px solid black;
}
div.front {
	margin-bottom: 12px;
}
div.f-head {
	padding: 4px 7px;
	background: url(/images/fback.gif) #5E66B7;
	border: 1px solid #5E66B7;
	color: white;
	font-weight: bold;
	font-size: 10pt;
}
div.f-content {
	border-bottom:1px solid #5E66B7;
	border-left:1px solid #BDC0E7;
	border-right:1px solid #5E66B7;
	padding: 3px;
	padding-right: 4px;
}
div.f-content .companyheader{
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	font-size: 10pt;
	padding: 1px 3px;
	clear: both;
}
div.f-content table {
	width: 98%;
	font-size: 10pt;
	margin-bottom: 4px;
}
div.f-content td {
	padding: 3px;
}
div.f-content td.date {
	text-align: center;
	width: 80px;
}

/* -------------------------------- NEW TABLE STYLES */
table.gt {
	border: 1px solid #BDC0E7;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
}
table.gt th {
	padding: 5px;
	text-align: right;
	font-weight: normal;
	color: black;
	background-color: #BDC0E7;
}
table.gt .head {
	background-color: #5E66B7;
	text-align: center;
	color: white;
	font-weight: bold;
}
table.gt tr.line {
	border-bottom:1px solid #BDC0E7;
}
table.gt td {
	padding: 5px;
}
table.gt .full {
	text-align: center;
}
table.gt th.horiz {
	padding: 5px;
	text-align: center;
	font-weight: normal;
	color: black;
	background-color: #BDC0E7;
}
.disabled {
	color: #acacac;
}
th.small {
	font-size: 8pt;
	background-color: #f1f1f1;
}
th.normal {
	font-size: 10pt;
	background-color: #dadada;
}


/* -------------------------------- FONTS/SIZES */
.smalltext {
	font-size:10px;
}
.normtext {
	font-size:12px;
}
.midtext {
	font-size:14px;
}
.heading {
	font-size:18px;
}
.title {
	font-size:30px;
	text-decoration:none;
}
.whitehead {
	font-size: 14px;
	color: white;
}
.whitenorm {
	font-size: 12px;
	color:white;
}
.tip {
	font-size:12px;
	color:#999999;
}
.unread {
	font-weight:bold;
}
.normtextbold {
	font-size:12px;
	font-weight:bold;
}
.reporttext {
	font-size:12px;
	font-family:courier new,arial;
	text-decoration:none;
}

/* -------------------------------- WARNINGS ERRORS ETC */
.warning {
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
	color:red;
}
div.success {
	font-size: 10pt;
	font-weight: bold;
	padding: 10px; 
	margin: 8px; 
	border: 2px solid #79c329;
	background-color: #b5ff66;
}
div.warn {
	font-size: 10pt;
	font-weight: bold;
	padding: 10px; 
	margin: 10px; 
	border: 2px solid #fbff7e;
	background-color: #fdffbf;
}
div.error {
	font-size: 10pt;
	font-weight: bold;
	color: white;
	padding: 10px; 
	margin: 10px; 
	border: 3px solid ce0000;
	background-color: red;
}
div.warnBox {
	font-size: 10pt;
	padding: 5px;
	margin-bottom:10px;
	border: 2px solid #fbff7e;
	background-color: #fdffbf;
	text-align: center;
}

/* -------------------------------- LINES AND SEPERATORS */
.givemeline td {
	border-bottom: 1px solid #6b6b6b;
	padding: 4px;
}
div.hr {
  border: 0;
  width: 100%;
  color: #A1A9E7;
  background-color: #A1A9E7;
  height: 2px;
}
div.hr hr {
  display: none;
}

/* -------------------------- PAGES PAGES PAGES */

/* -------------------------------- COMPANY PAGE */
.companyactive {
	background-color: green;
	color: white;
	text-align: center;
}
.companyarchived {
	background-color: #dcdcdc;
	color: #000000;
	text-align: center;
}

/* -------------------------------- ATTENDANCE */
.attendance {
	float: left;
	padding: 4px;
	margin: 3px;
	margin-right: 10px;
	font-size: 10pt;
	border-bottom: 1px solid grey;
	border-right: 1px solid grey;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}
.goodattendance {
	float: left;
	padding: 2px;
	margin-right: 2px;
	font-size: 12pt;
}
.badattendance {
	float: left;
	padding: 2px;
	margin-right: 2px;
	font-size: 12pt;
}
.badattendance a {
	color: red;
	font-size: 12pt;
}
.goodattendance a {
	color: green;
	font-size: 12pt;
}
.attendancelabel {
	float: left;
	padding: 6px;
}
.att_enter {
	border: 1px solid black;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
.att_head {
	padding: 5px;
	font-size: 12pt;
	clear: both;
	border-bottom: 1px solid #dcdcdc;
}
.att_cells {
	font-size: 10pt;
	margin-left: 6px;
	padding: 2px;
	float: left;
	width: 300px;
}
.att_showcells {
	font-size: 10pt;
	margin-left: 6px;
	padding: 2px;
	float: left;
	width: 200px;
}
.att_show {
	padding: 3px;
	margin: 3px;
	border-bottom: 1px solid black;
}
.greenatt {
	margin: 3px 10px;
	padding: 5px;
	background-color: #A1FF9C;
	font-size: 10pt;
}
.yellowatt {
	margin: 3px 10px;
	padding: 5px;
	background-color: #FCFF9C;
	font-size: 10pt;
}
.redatt {
	margin: 3px 10px;
	padding: 5px;
	background-color: #FF9C9C;
	font-size: 10pt;
}

/* -------------------------------- FITTINGS */
.fittingstable td {
	border-bottom: 1px solid #dcdcdc;
	padding: 5px 15px;
	font-size: 10pt;
}

/* -------------------------------- FILE SHARING */
.selectedfolder{
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 5px;
	background-color: #BDC0E7;
	-moz-border-radius: 8px;
	border-radius: 8px;
        border-bottom:2px solid #5E66B7;
        border-top:2px solid #5E66B7;
        border-right:2px solid #5E66B7;
        border-left:2px solid #5E66B7;

/*	background-color: #f1f1f1;
	border-bottom: 1px solid #a7a7a7;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid white;*/
	width: auto;
}
.unselectedfolder{
	border: 1px solid white;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 5px;
	background-color: transparent;
	width: auto;
}
.selectedfolder input {
	margin: 3px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 3px 0px;
	text-align: left;
	width: 135px;
	color: white;
	font-weight: bold;
}
.unselectedfolder input {
	margin: 3px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 3px 0px;
	text-align: left;
	width: 135px;
}
.file {
	border-left: 1px solid #a7a7a7;
	border-top: 1px solid #a7a7a7;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background-color: white;
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px;
}
#filearea {
	padding:5px;
/*	background-color: #f1f1f1;
	border-bottom: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;*/
}

/* -------------------------------- COMPANY SELECTOR */
#companyselect{
	border-top: 1px solid #BDC0E7;
	border-bottom:1px solid #5E66B7;
	border-left:1px solid #BDC0E7;
	border-right:1px solid #5E66B7;
	padding: 5px 20px;
	font-size: 11pt;
	background: url(/images/fback.gif) #f1f1f1;
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 10px;
}
#companyselect select{
	font-size: 11pt;
	margin-left: 5px;
}
#companyselect input {
	font-size: 10pt;
	margin-left: 10px;
}

/* -------------------------------- NOTES/MESSAGES */
#messagelist{
	text-align: center;
	float: left;
	width: 300px;
}
#messagelist1{
	width: 98%;
}
#messagelist ul{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	font-weight: bold;
}
#messagelist ul li{
	display: inline;
	margin: 0px 3px;
}
#messagelist ul li a{
	padding: 3px 5px;
	border-top: 1px solid #5E66B7;
	border-left: 1px solid #5E66B7;
	border-right: 1px solid #5E66B7;
	font-size: 10pt;
}
#messagelist ul li a:hover{
	padding: 3px 5px;
	background-color: #5E66B7;
	color: white;
}
#messagelist ul li a.selected{
	padding: 3px 5px;
	background-color: #BDC0E7;
}
#messagelist #makemessagelist {
	border: 1px solid #5E66B7;
	margin-top: 3px;
	padding: 5px;
	text-align: left;
	height: 500px;
	overflow:auto;
}
#messagelist #makemessagelist input.message{
	background-color: white;
	text-align: left;
	display: inline;
	border: 0;
	margin: 1px 0px;
	padding: 0px;
	width: 270px;
}
#messagelist #makemessagelist input.currentmessage{
	background-color: #5E66B7;
	color: white;
	text-align: left;
	display: inline;
	border: 0;
	margin: 0;
	padding: 1px 0px;
	width: 270px;
}
#messagepane{
	width: auto;
	margin-left: 305px;
	margin-top: 10px;
}
#messagepane #messageheadheader{
	border-top: 1px solid #BDC0E7;
	border-left:1px solid #BDC0E7;
	border-right:1px solid #5E66B7;
	width: auto;
	padding: 2px;
	background-color: #dcdcdc;
	margin: 0px 4px;
}
#messagepane #messageheadheader div {
	font-size: 10pt;
	border-bottom: 1px solid #BDC0E7;
	border-top:1px solid #5E66B7;
	border-right:1px solid #BDC0E7;
	border-left:1px solid #5E66B7;
	padding: 0px;
	margin-bottom: 0px;
	margin: 3px;
	background-color: white;
	line-height: 170%;
}
#messagepane #messageheadheader .label{
	display: block;
	float: left;
	width: 75px;
	text-align: right;
	padding-right: 5px;
	margin-right: 5px;
	background-color: #f1f1f1;
	line-height: 170%;
}
#messagepane #messageheader{
	border-top: 1px solid #BDC0E7;
	border-bottom:1px solid #5E66B7;
	border-left:1px solid #BDC0E7;
	border-right:1px solid #5E66B7;
	width: auto;
	padding: 1px;
	margin-top: 0px;
	background-color: #BDC0E7;
}
#messagepane #messageheader div {
	font-size: 10pt;
	border-bottom: 1px solid #BDC0E7;
	border-top:1px solid #5E66B7;
	border-right:1px solid #BDC0E7;
	border-left:1px solid #5E66B7;
	padding: 0px;
	margin-bottom: 0px;
	margin: 3px;
	background-color: white;
	line-height: 170%;
}
#messagepane #messageheader .label{
	display: block;
	float: left;
	width: 75px;
	text-align: right;
	padding-right: 5px;
	margin-right: 5px;
	background-color: #f1f1f1;
	line-height: 170%;
}
#messagepane #messagebody{
	border-bottom:1px solid #5E66B7;
	border-left:1px solid #BDC0E7;
	border-right:1px solid #5E66B7;
	width: auto;
	padding: 10px;
	margin: 0 4px;
}

/* -------------------------------- REPORTS */
#filereport {
	padding: 5px 5px 18px 5px;
	margin: 5px;
	border-bottom: 1px solid #dcdcdc;
	vertical-align: bottom;
}
h2 {
	font-size: 14pt;
	font-weight: bold;
	margin: 3px 3px;
	padding: 0;
}
#filereport div.reportbox{
	background: url(../images/reportback.gif) 0px 0px no-repeat;
	margin: 5px 0px -18px 0px;
	width: 173px;
	float: left;
	text-align: center;
	vertical-align: bottom;
	height: 110px;;
	border-bottom: 1px solid #dcdcdc;
	overflow:hidden;
}
#filereport div.reportbox p{
	margin: 5px 15px 5px 5px;
	font-size: 10pt;
	font-weight: bold;
}
#filereport div.reportbox input{
	margin-right: 40px;
	margin-top: 15px;
}
#reportadmin {
	padding: 5px 5px 18px 5px;
	margin: 5px;
	vertical-align: bottom;
}
#reportadmin div.reportbox{
	background: url(../images/reportback.gif) 5px 5px no-repeat;
	margin: 5px 0px 0px 0px;
	width: 173px;
	float: left;
	text-align: center;
	vertical-align: bottom;
	height: 210px;
	overflow:auto;
}
#reportadmin div.reportbox p{
	margin: 45px 15px 0px 15px;
	font-size: 10pt;
	font-weight: bold;
}
#reportadmin div.reportbox div.forms{
	margin-left: 0px;
	margin-top: 5px;
}

/* -------------------------------- FRONT / HOME PAGE */
table.fronttable {
	width: 98%;
	border: 1px solid #BDC0E7;
	margin-bottom: 7px;
	font-size: 10pt;
}
table.fronttable th {
	background-color: #dcdcdc;
	border: 1px solid #BDC0E7;
	font-size: 8pt;
	color: black;
	text-align: left;
}
table.fronttable td {
	padding: 2px;
}
table.fronttable tr.fronthead {
	background-color: #5E66B7;
	border: 1px solid #BDC0E7;
}
table.fronttable tr.fronthead td {
	padding: 5px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
/* -------------------------------- ADMIN */
#phones li
{
	margin-bottom: 15px;
}