/***********************************/
/* HTML Elements */
/***********************************/
body
{
margin: 0;
padding: 0;
text-align: center;
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
color: #000000;
overflow-x: hidden;
background:#f4f4f4 url('../images/bg.gif') top center repeat-y;
}
body *
{
margin: 0;
padding: 0;
}
img
{
border: 0px;
}
a:link { color: #000000; text-decoration:none; }
a:visited { color: #000000; text-decoration:none; }
a:hover { color: #FFF500; text-decoration:none; }
a:active { color: #000000; text-decoration:none; }
/***********************************/
/* Div Elements */
/***********************************/
/* Site Body Styles */
#page {
background-color: #FFFFFF;
width: 1024px;
margin: 0 auto;
padding: 0;
border-color: #000000;
border-style: solid;
border-width: 0px 0px 0px 0px;
}
#header {
}
#logo {
background-color: #FFFFFF;
background-image: url('../images/logo.gif');
background-repeat: no-repeat;
height: 82px;
}
#logoright {
margin: 0;
padding: 30px 25px 0px 0px;
float: right;
}
#topmenu {
background-color: #0064A8;
height: 35px;
text-align: center;
line-height: 35px;
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
color: #FFFFFF;
font-size: 16pt;
font-weight: bold;
clear: both;
}
.topmenu ul {
list-style: none;
}
.topmenu li {
display: inline;
margin:0;
padding:0px 15px 0px 15px;
}
.topmenu li a a:visited a:link{
text-decoration: none;
}
.topmenu li a:hover {
color: #FFF500;
}
#body {
margin-top: 2%;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 2%;
}
#bodybox {
width: 896px;
}
#homebodybox {
width: 896px;
height: 595px;
}
#mainimageframe {
background-color: transparent;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
}
#homemainimage {
background-color: transparent;
background-image: url('../images/home-main.gif');
background-repeat: no-repeat;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
text-align: left;
}
#aboutmainimage {
background-color: transparent;
background-image: url('../images/about.gif');
background-repeat: no-repeat;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
text-align: left;
}
#contactmainimage {
background-color: transparent;
background-image: url('../images/contact.gif');
background-repeat: no-repeat;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
text-align: left;
}
#testimonialsmainimage {
background-color: transparent;
background-image: url('../images/testimonials.gif');
background-repeat: no-repeat;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
text-align: left;
}
#servicesmainimage {
background-color: transparent;
background-image: url('../images/services.gif');
background-repeat: no-repeat;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
text-align: left;
}
#faqmainimage {
background-color: transparent;
background-image: url('../images/faq.gif');
background-repeat: no-repeat;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
text-align: left;
}
#loginmainimage {
background-color: transparent;
background-image: url('../images/login.gif');
background-repeat: no-repeat;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
text-align: left;
}
#sitemapmainimage {
background-color: transparent;
background-image: url('../images/sitemap.jpg');
background-repeat: no-repeat;
width: 896px;
height: 216px;
padding: 0;
margin: 0;
text-align: left;
}
#tabs {
margin-left: 20px;
font-weight: bold;
}
#innertabs {
margin-left: 5px;
margin-right: 20px;
}
#widecontent {
text-align: justify;
padding: 25px 40px 25px 40px;
margin: 0;
border-color: #000000;
border-style: dotted;
border-width: 0px 0px 0px 0px;
align: center;
}
#homeblocks {
text-align: justify;
padding: 25px 0px 25px 0px;
margin: 0;
border: 0;
width: 896px;
}
#leftcontent {
padding: 15px 20px 15px 20px;
width: 550px;
border-color: #000000;
border-style: dotted;
border-width: 0px 1px 0px 0px;
float: left;
margin: 0px;
}
#leftcontent p {
padding: 0px 10px 0px 10px;
}
#rightcontent {
padding: 15px 20px 15px 20px;
width: 258px;
border-color: #000000;
border-style: dotted;
border-width: 0px 0px 0px 0px;
float: left;
margin: 0px;
text-align: left;
}
#headings {
background-color: #0064A8;
height: 25px;
color: #FFFFFF;
text-align: left;
padding: 0px 0px 0px 15px;
line-height: 25px;
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
font-size: 14pt;
font-weight: bold;
}
#loginbox {
margin-left: 15px;
}
#loginbox input.login-btn {
width: 80px;
height: 25px;
}
#loginboxtext {
margin-left: 18px;
margin-right: 18px;
}
#sidecontent {
}
#maincontent {
}
#footer {
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
font-size: 11pt;
color: #000000;
}
#footer hr {
margin-left: 5%;
margin-right: 5%;
}
#username-label {
text-align: left;
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
color: #1760AA;
font-size: 12pt;
font-weight: bold;
clear: both;
}
#small-username {
width:170px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#small-password {
width:170px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#small-btn {
width:100px;
font-size:14px;
color:#000000;
padding:3px;
border:solid 1px #999999;
}
/* Styles for Search Forms */
#search-q {
width:170px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#searchbtn {
width:70px;
font-size:14px;
color:#000000;
padding:3px;
border:solid 1px #999999;
}
#search-query {
width:270px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#results {
width:180px;
border:solid 1px #DEDEDE;
display:none;
}
#results ul, #results li {
padding:0;
margin:0;
border:0;
list-style:none;
}
#results li {
border-top:solid 1px #DEDEDE;
}
#results li a {
display:block;
padding:2px;
text-decoration:none;
color:#000000;
font-weight:bold;
}
#results li a small {
display:block;
text-decoration:none;
color:#999999;
font-weight:normal;
}
#results li a:hover {
background:#FFFFCC;
}
#results ul {
padding:2px;
}
#search_results {
font-size:16px;
color:#999999;
}
#search_results td {
font-size:16px;
color:#999999;
margin: 5px;
padding: 5px;
font-weight:bold;
}
#adminmenu {
background-color: #AAAAAA;
height: 25px;
text-align: left;
line-height: 25px;
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
color: #000000;
font-size: 12pt;
font-weight: bold;
clear: both;
}
.adminmenu ul {
list-style: none;
}
.adminmenu li {
display: inline;
margin:0;
padding:0px 5px 0px 5px;
}
.adminmenu li a a:visited a:link{
text-decoration: none;
}
.adminmenu li a:hover {
color: #FFFFFF;
}
#dashboard {
width: 800px;
height: 60%;
padding: 5px 5px 5px 5px;
}
#dashboard-top-left {
width: 370px;
background-color: #e3e6e5;
border: solid 1px #0064A8;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
float: left;
}
#dashboard-top-right {
width: 370px;
background-color: #e3e6e5;
border: solid 1px #0064A8;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
float: left;
}
#dashboard-bottom-left {
width: 370px;
background-color: #e3e6e5;
border: solid 1px #0064A8;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
float: left;
}
#dashboard-bottom-right {
width: 370px;
background-color: #e3e6e5;
border: solid 1px #0064A8;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
float: left;
}
#dashboard-headings {
background-color: #000000;
height: 25px;
color: #FFFFFF;
text-align: left;
padding: 0px 0px 0px 15px;
line-height: 25px;
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
font-size: 14pt;
font-weight: bold;
}
#dashboard-headings-top {
background-color: #000000;
height: 45px;
color: #FFFFFF;
text-align: left;
padding: 0px 0px 0px 15px;
line-height: 45px;
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
font-size: 25pt;
font-weight: bold;
/* background-image:url('../images/work_order.gif');
background-repeat:no-repeat;
background-position:top right; */
}
#dashboard-headings-bottom {
background-color: #000000;
height: 45px;
color: #FFFFFF;
text-align: left;
padding: 0px 0px 0px 15px;
line-height: 45px;
font-family: Garamond, "Times New Roman", Times, Georgia, Verdana;
font-size: 25pt;
font-weight: bold;
/* background-image:url('../images/news.jpg');
background-repeat:no-repeat;
background-position:top right; */
}
#dashboard-top {
width: 90%;
background-color: #e3e6e5;
border: solid 1px #0064A8;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
float: left;
}
#dashboard-bottom {
width: 90%;
background-color: #e3e6e5;
border: solid 1px #0064A8;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
float: left;
}
#customer-search {
width:190px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#customer-searchbtn {
width:130px;
font-size:16px;
color:#000000;
padding:3px;
border:solid 1px #999999;
}
#custlist-table {
background:#FFFFFF;
border: 1px solid #000000;
width: 100%;
}
#custlist-table th {
background:#0064A8;
border: 1px solid #000000;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
#custlist-table td {
padding: 5px;
text-align: left;
}
#custview-table {
background:#FFFFFF;
border: 1px solid #000000;
width: 85%;
text-align: center;
}
#custview-inner-tables {
background:#FFFFFF;
border: 1px solid #000000;
width: 100%;
}
#custview-table th {
background:#0064A8;
border: 1px solid #000000;
color: #FFFFFF;
padding: 5px;
/*width: 95%;*/
}
#custview-table td {
padding: 5px;
}
.custview-table-heads {
text-align: right;
background:#FFFFFF;
font-weight: bold;
}
.custview-table-data {
text-align: left;
background:#FFFFFF;
}
#viewbtn {
width:60px;
font-size:12px;
color:#000000;
padding:3px;
margin-left: 25px;
border:solid 1px #999999;
text-align: center;
}
#editbtn {
width:60px;
font-size:12px;
color:#000000;
padding:3px;
margin-left: 25px;
border:solid 1px #999999;
text-align: center;
}
#addcustbtn {
width:160px;
font-size:12px;
color:#000000;
padding:3px;
margin-left: 25px;
border:solid 1px #999999;
text-align: center;
}
#newcustbtn {
width:160px;
font-size:12px;
color:#000000;
padding:3px;
margin-left: 25px;
border:solid 1px #999999;
text-align: center;
}
#photo-profile {
border: solid 1px #000000;
}
#contact-name {
width:250px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#contact-email {
width:250px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#contact-message {
width:300px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#contact-btn {
width:120px;
font-size:14px;
color:#000000;
padding:3px;
border:solid 1px #999999;
text-align: center;
}
#lost-username {
width:200px;
font-size:18px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#lost-email {
width:280px;
font-size:18px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#lost-btn {
width:180px;
font-size:14px;
color:#000000;
padding:3px;
border:solid 1px #999999;
text-align: center;
}
#jobapp .text{
width:250px;
font-size:12px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#jobapp-table {
width: 90%;
}
#jobapp-table td {
padding: 2px;
margin: 2px;
}
#jobapp label {
align: right;
}
#jobapp textarea {
width:450px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#contact-btn {
width:120px;
font-size:14px;
color:#000000;
padding:3px;
border:solid 1px #999999;
text-align: center;
}
#customer-list {
width:300px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#customer-list-btn {
width:130px;
font-size:16px;
color:#000000;
padding:3px;
border:solid 1px #999999;
}
#equipment-list {
width:330px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#equipment-list-btn {
width:130px;
font-size:16px;
color:#000000;
padding:3px;
border:solid 1px #999999;
}
#jsr-list {
width:330px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#jsr-list-btn {
width:130px;
font-size:16px;
color:#000000;
padding:3px;
border:solid 1px #999999;
}
#clock-in {
width:220px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
margin-left: 50px;
}
#clock-in-btn {
width:130px;
font-size:16px;
color:#000000;
padding:3px;
border:solid 1px #999999;
margin-left: 80px;
}
#my-info-names {
width:180px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#my-info-email {
width:260px;
font-size:16px;
color:#999999;
padding:3px;
border:solid 1px #999999;
}
#my-info-btn {
width:130px;
font-size:16px;
color:#000000;
margin-left: 85px;
padding:3px;
border:solid 1px #999999;
}
a.ovalbutton{
background: transparent url('/images/buttons/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}
a.ovalbutton span{
background: transparent url('/images/buttons/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
#login_status{
color: red;
font-weight: bold;
}
.module_title {
padding-top: 10px;
padding-left: 10px;
font-weight: bold;
font-size: 24px;
text-align: left;
font-family: Times, Georgia, Verdana;
}
#no-accidents {
padding-top: 5px;
padding-bottom: 5px;
font-size: 22px;
text-align: center;
font-family: Times, Georgia, Verdana;
border-width: thin;
border-color: #000;
border-style: solid;
background-color: #FFF300;
}