@import url("window.css");
@import url("help.css");
/*******************************************************************************
*
* © 2008 Copyright A-Vision
*
* File description :       Job Tracking software Styles
* 
* Created by       :       Arnold Velzel
* Created on       :       23/08/2008
*
* Last changed by  :       Arnold Velzel
* Last changed on  :       <LastChanged>
* 
*******************************************************************************/
body {
 font-family:"Verdana",sans-serif;
 font-size:12px;
 color:#004;
 margin:7px;
 
 background-color:#f0f0f0;
}
div#debugErrorData {
 position:absolute;bottom:0px;left:0px;width:100%;
}
body div#markertopleft {
 position:absolute;left:0%;top:0%;width:20px;height:20px;background-color:#f00;z-index:-1;
 visibility:hidden;
}
body div#markerbottomright {
 position:absolute;right:0px;bottom:0px;width:20px;height:20px;background-color:#f00;z-index:-1;
 visibility:hidden;
}

div.maincontent {
 background:#ffffff url(../images/companylogo.png) left top no-repeat;
 width:820px;
 margin-left:auto;margin-right:auto;
 border-left:1px dotted #ccc;border-right:1px dotted #ccc;
 border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;
}
div.mainheader {
 clear:both;
 height:75px;
}
div.maintop {
 clear:both;
}
div.mainbottom {
 padding-top:10px;
 clear:both;
}
div.footer {
 height:25px;line-height:25px;
 padding-left:10px;padding-right:10px;
 clear:both;
 font-size:10px;
}

/*** DIV TABLE ***/
div.row {
 clear:both;
 height:21px;
 margin-bottom:2px;
}
div.cell {
 float:left;
 line-height:20px;
 height:21px;
}
div.title {
 font-weight:bold;
 padding-right:5px;
}


/*** MAIN BOX STYLES ***/
form {
 padding:0px;
 margin:0px;
}
form input,
form textarea {
 font-family:monospace;
 font-size:13px;
 border:1px solid #aaa;
 background:white;
 padding:2px;
}
form input.input_image {
 border:none;
 padding:0px;
}
form textarea {
 overflow:auto;
}

input.readonly,
textarea.readonly {
 background-color:rgb(177,208,223) !important;
 border:1px dotted #888 !important;
 padding:2px !important;
 cursor:default !important;
}
input.checkbox {
 border:none !important;
 background-color:transparent !important;
}

textarea.number,
input.date {
 background-image:url(../images/icons/calendar.png);
 background-position:99% 2px;
 background-repeat:no-repeat;
}
textarea.number,
input.number {
 background-image:url(../images/icons/number.png);
 background-position:99% center;
 background-repeat:no-repeat;
}
textarea.text,
input.text {
 background-image:url(../images/icons/textfield.png);
 background-position:99% 2px;
 background-repeat:no-repeat;
}
textarea.name,
textarea.user,
input.name,
input.user {
 background-image:url(../images/icons/user.png);
 background-position:99% 2px;
 background-repeat:no-repeat;
}
textarea.address,
input.address {
 background-image:url(../images/icons/house.png);
 background-position:99% 2px;
 background-repeat:no-repeat;
}
textarea.time,
input.time {
 background-image:url(../images/icons/time.png);
 background-position:99% 2px;
 background-repeat:no-repeat;
}
textarea.phone,
input.phone {
 background-image:url(../images/icons/phone.png);
 background-position:99% 2px;
 background-repeat:no-repeat;
}
textarea.comment,
input.comment {
 background-image:url(../images/icons/comment.png);
 background-position:99% 2px;
 background-repeat:no-repeat;
}
textarea.search,
input.search {
 background-image:url(../images/icons/find.png);
 background-position:99% 2px;
 background-repeat:no-repeat;
}

textarea.shadowfield,
input.shadowfield {
 background-image:none;
}

/*** ERROR BOX ***/
div#errorbox div.topleft#red {
 background:url(../images/box-background-top-solidred) top left no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #800;
}
div#errorbox div.topcenter#red {
 background:url(../images/box-background-topbottom-solidred) top center repeat-x;
 color:#fff;
 height:24px;border-bottom:1px solid #800;
}
div#errorbox div.topright#red {
 background:url(../images/box-background-top-solidred) top right no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #800;
}
div#errorbox div.topright:hover {
 background:url(../images/box-background-top-red) top right no-repeat !important;
 width:24px;border-left:1px solid #800;
}
div#errorbox div.topright div {
 margin-left:3px;
 font-size:18px;font-weight:bold;
 color:#fff;
 height:24px;border-bottom:1px solid #800;
}
div#errorbox div.topright div:hover {
 color:#800;
 height:24px;border-bottom:1px solid #800;
}
div#errorbox  div.centerleft {
 padding-top:8px;
 width:21px;
}
div#errorbox  div.centercenter {
 padding:4px;
 text-align:center;
}
div#errorbox  div.centerright {
 padding-top:8px;
 width:21px;
}
div#errorbox  div.bottomleft {
 height:8px;
}
div#errorbox  div.bottomcenter {
 height:8px;
}
div#errorbox  div.bottomright {
 height:8px;
}

/*** TOP BOX ***/
div.maintop div.topleft#blue {
 background:url(../images/box-background-top-solidblue.png) top left no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #008;
}
div.maintop div.topcenter#blue {
 background:url(../images/box-background-topbottom-solidblue.png) top center repeat-x;
 color:#fff;font-weight:bold;
 height:24px;border-bottom:1px solid #008;
}
div.maintop div.topright#blue {
 background:url(../images/box-background-top-solidblue.png) top right no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #008;
}
div.maintop div.centerleft {
 padding-top:10px;
 width:1px;
}
div.maintop div.centercenter {
 width:780px !important;
 padding:5px 9px 5px 9px;
}
div.maintop div.centerright {
 padding-top:10px;
 width:1px;
}
div.maintop div.bottomleft {
 height:24px;border-top:1px solid #008;
}
div.maintop div.bottomcenter {
 height:24px;border-top:1px solid #008;
 font-weight:bold;color:#c00;
}
div.maintop div.bottomright {
 height:24px;border-top:1px solid #008;
}

div.maintop div.title {
 width:100px;
 font-size:12px;
}
div.filelist div.row {
 height:16px;
 font-size:11px;
 line-height:16px;
}
div.filelist div.row:hover {
 color:#fff;
 background-color:rgb(26,117,163) !important;
}
div.filelist div.row div.cell {
 height:16px;
 font-size:11px;
 line-height:16px;
}
input.jobnumber {
 border:none !important;background:transparent !important;
 font-size:18px;font-weight:bold;line-height:16px;
 color:#c00;
}

/*** BOTTOM BOXES ***/
div.mainbottom div.topleft#blue {
 background:url(../images/box-background-top-solidblue.png) top left no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #008;
}
div.mainbottom div.topcenter#blue {
 background:url(../images/box-background-topbottom-solidblue.png) top center repeat-x;
 color:#fff;font-weight:bold;
 height:24px;border-bottom:1px solid #008;
}
div.mainbottom div.topright#blue {
 background:url(../images/box-background-top-solidblue.png) top right no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #008;
}

div.mainbottom div.centerleft {
 padding-top:10px;
 width:1px;
}
div.mainbottom div.centercenter {
 width:375px !important;
 padding:5px 9px 5px 9px;
}
div.mainbottom div.centerright {
 padding-top:10px;
 width:1px;
}

div.mainbottom div.bottomleft {
 height:8px;
}
div.mainbottom div.bottomcenter {
 height:8px;
}
div.mainbottom div.bottomright {
 height:8px;
}

div.mainbottom div.topleft#orange {
 background:url(../images/box-background-top-solidorange.png) top left no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #f93;
}
div.mainbottom div.topcenter#orange {
 background:url(../images/box-background-topbottom-solidorange.png) top center repeat-x;
 color:#fff;font-weight:bold;
 height:24px;border-bottom:1px solid #f93;
}
div.mainbottom div.topright#orange {
 background:url(../images/box-background-top-solidorange.png) top right no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #f93;
}

div.action {
 float:left;
 line-height:20px;
 font-size:10px;font-weight:bold;
}
div.mainbottom div.link {
 /*text-align:center;*/
}
div.mainbottom div.link a {
 color:#f93;
}
div.mainbottom div.link a img {
 border:none;
 position:relative;top:3px;
 margin-right:5px;
}

/*** SEARCH RESULTS ***/
div#search-results td.BB {
 color:#008;
 font-weight:bold;
 border-bottom:1px solid #008;
}
div#search-results div.centercenter#blue a {
 color:#008;
}
div#search-results div.bottomcenter#blue {
 color:#008;
}
div#search-results div.bottomcenter#blue a {
 color:#008;
}

/*** ADVANCED SEARCH ***/
div#advanced-search div.topleft {
 background:url(../images/window-background-top-navy.png) top left no-repeat;
 color:#fff;
 height:24px;border-bottom:1px solid #008;
}
div#advanced-search div.topleft div {
 margin-top:5px;margin-right:2px;
}
div#advanced-search div.topcenter {
 background:url(../images/window-background-topbottom-navy.png) top center repeat-x;
 color:#fff;font-weight:bold;
 height:24px;border-bottom:1px solid #008;
 cursor:move;
}
div#advanced-search div.topright {
 background:url(../images/window-background-top-navy.png) top right no-repeat;
 color:#fff;font-weight:bold;
 height:24px;border-bottom:1px solid #008;
 cursor:pointer;
}
div#advanced-search div.topright:hover {
 background:url(../images/window-background-top.png) top right no-repeat;
 color:#008 !important;
}
div#advanced-search div.topright div {
 color:#fff;font-size:16px;
 margin-top:4px;margin-left:4px;
}
div#advanced-search div.topright div:hover {
 color:#008;
}

div#advanced-search div.bottomleft {
 height:20px;
}
div#advanced-search div.bottomcenter {
 height:20px;
}
div#advanced-search div.bottomright {
 height:20px;
}