@import url(smoothness/jquery-ui.css);

/*
 * ClearSS
 * 
 * Use this as a starter CSS file. It will save time and headaches if you provide sensible defaults for your styles.
 * 
 * Author: Andrei Eftimie
 * Contact: andrei@eftimie.com
 * 
 * Creative Commons License http://creativecommons.org/licenses/by/3.0/
 * 
 */

/*
 * Reset
 * Loosely based on Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }

/*
 * Margins
 */
p, ul, ol, dl, table, address, pre, fieldset { margin: 0 0 1.25em 0; }
hr { margin: 1.25em 0 2.375em 0; height: .125em; }

/*
 * Hyperlinks
 */
a { text-decoration: underline; overflow: hidden; color:#333333; }
a:hover, a:focus { text-decoration: none; }

/*
 * General Document Settings
 */
body { background:#F9F9F9 url(../images/bg.gif) repeat-x 0 0; margin: 0; font: 12px/16px Helvetica, Arial, sans-serif; }
#wrap { width: 920px; margin: 22px auto 0; background:#fff; box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; padding: 5px; }

/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1em; margin: 1em 0; font-weight: normal; }
h1 { font-size: 24px; line-height: 1.25em; padding: 0 0 .625em 0; margin: 0; }
h2 { font-size: 21px; line-height: 1.4285em; padding: .7142em 0; margin: 0;  }
h3 { font-size: 18px; padding: .833em 0; line-height: 14px; margin: 0;  }
h4 { font-size: 1.25em; margin: 0; }
h5 { font-size: 1.125em; padding: 1.1111em 0; line-height: 1.1111em; margin: 0;  }

/*
 * Lists
 */
ul { margin-left: 2.2em; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }

/*
 * Definition List
 */
dt { font-weight: bold; }
dd { margin-bottom: 1.25em; }

/*
 * Table
 */
table { border-collapse: collapse; border: 1px solid #999; width: 100%; margin-bottom: 1.2em; }
th, tfoot td { background:#aaa; color:#fff; text-align: left; padding: 4px; border: 1px solid #999; font-weight: bold; }
td { padding: 4px; border: 1px solid #999; vertical-align: top; }
caption, th { font-weight: bold; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Code
 */
pre { outline: 1px solid #999; font-size: 1em; margin-bottom: 20px; }
code { font-size: 1em; line-height: 1.25em; }

/*
 * Forms
 */
input, select, textarea, button { font-size: 1em; font-family: inherit; padding: .3em; }
textarea { padding: .425em .3em; }
input[type=submit] { padding: 0; margin: .55em 0; }
fieldset { border: 1px solid #d6d6d6; padding-bottom: 10px; }
.dateTd div select {  width:105px; }

form { display: inline-block; overflow: hidden; }
form { display: block; }
form ol { margin: 0; }  
form li { list-style: none; margin-top: 10px; display: inline-block; }  
form li { display: block; }  
form li:after { display: block; content: '.'; clear: both; height: 0; visibility: hidden; }
form li input { margin: 0; }
form li.inline label { display: inline; }  
form li.inline input { margin-right: 1em; }  

/*
 * Header
 */
#header { background:#eee; display: inline-block; overflow: hidden; position: relative; }
#header { display: block; }
.overlay { background: url(../images/header_overlay.png) no-repeat 0 0; display: block; width: 748px; height: 80px; position: absolute; top:0; right: 0; }
#logo { float: left; }
#logo img { position: relative; }
#motto { float: right; font-family: Calibri, Trebuchet MS, sans-serif; font-size: 24px; color:#1E5227; line-height: 80px; position: relative; padding-right: 10px; }

/*
 * Navpath
 */
#navpath { background: #AAAAAA; line-height: 25px; color:#fff; padding: 0 20px; margin-top: 5px; font-size: 11px; display: inline-block; overflow: hidden; }
#navpath { display: block; }
#navpath a { color:#fff; }

.navpath { line-height: 25px; color:#333; font-size: 11px; display: inline-block; overflwo: hidden; }
.navpath { display: block; }
.navpath a { color:#333; text-decoration: none; }

/*
 * Navigation
 */
#nav { background: #37B44B; display: inline-block; overflow: hidden; line-height: 25px; padding: 0 20px; margin-top: 5px; }
#nav { display: block; }
#nav ul { margin: 0; list-style: none; }
#nav li { float: left; }
#nav a { color:#fff; text-decoration: none; float: left; padding: 0 10px; }
#nav a:hover ,#nav a:focus, #nav li.active a, #nav a.active { color:#37B44B; background:#fff; }
#nav .log { float: right; }

#subnav { display: inline-block; }
#subnav { display: block; }
#subnav:after { content:'.'; clear: both; height: 0; display: block; visibility: hidden; }
#subnav ul { list-style: none; margin: 0 0 0 20px; float: left; }
#subnav ul li { float: left; margin-left: 5px; }
#subnav ul li:first-child { margin-left: 0; }
#subnav ul li a { float: left; line-height: 30px; padding: 0 15px; color:#fff; text-decoration: none; }
#subnav ul li.active a { font-weight: bold; position: relative; bottom: -1px; margin-top: -1px; padding-top: 1px; }

#subnav-first { margin-left: 0 !important; }
#subnav-first a { background:#40965F; }
#subnav-first a:hover, #subnav-first a:focus, #subnav-first li.active a { background:#3a8756; }  
#subnav-second a { background:#909800; }
#subnav-second a:hover, #subnav-second a:focus, #subnav-second li.active a { background:#828900; }
#subnav-third a { background:#4C8BFF; }
#subnav-third a:hover, #subnav-third a:focus, #subnav-third li.active a { background:#3e71d0; }

/*
 * Content
 */
#main { width: 900px; padding: 0 10px; display: inline-block; }
#main { display: block; }
#main:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

#main h3 { display: inline-block; overflow: hidden; }
#main h3 { display: block; }
#main h3 span { float: left; }
#main h3 .edit { background: url(../images/edit.png) no-repeat 0 0; float: right; font-size: 11px; color:#333; margin-left: 10px; text-indent:-9999px; width: 16px; height: 16px; }
#main h3 .add { background: url(../images/add.png) no-repeat 0 0; float: right; font-size: 11px; color:#333; margin-left: 10px; text-indent:-9999px; width: 16px; height: 16px; }

#main form label { margin-left: 10px; font-weight: bold; padding-right: 5px; float: left; text-align: right; width: 115px; line-height: 22px; }
#main form span { display: block; overflow: hidden; line-height: 22px; padding: 0 10px; }
#main form label:first-child { margin-left: 0; width: 150px; }
#main form .columns span { width: 190px; float: left; border-top: 1px solid white; }
#main form .columns label.colright { text-align:left; width: 60px;}
#main form h3 { background:#AAAAAA; margin: 0; padding: 5px 10px; color:#fff; margin-bottom: 10px; font-size: 13px; }
#main form input, #main form img { float: left; }
#main form input[type="text"], #main form input[type="password"] { width: 200px; }
#main form input[type="file"] { clear: both; margin-left: 155px; } 
#main form table input[type="text"], #main form table input[type="password"] { width: auto; }
#main form input[type="file"] { clear: both; margin-left: 155px; } 
#main form textarea { margin-left: 8px; width: 700px; }
#main form textarea.normal { margin: 0; }
#main form .column { float: left; width: }

#content-wrap { border: 1px solid #D6D6D6; padding: 10px; margin-bottom: 10px; }

label.error { width: auto !important; color:red; font-weight: normal !important; font-style: italic; font-size: 11px; }

/* Inline fiedsets */
#main fieldset.inline { padding-top: 10px; }
#main fieldset.inline ol { display: inline-block; margin-right: 20px; }
#main fieldset.inline ol { display: block; }
#main fieldset.inline ol:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#main fieldset.inline li { float: left; margin: 0 0 0 20px; }
#main fieldset.inline label { float: none; width: auto; display: block; margin: 0; text-align: left; }
#main fieldset.inline .hasDatepicker { width: auto; }
#main fieldset.inline .submit { margin-top: 22px; float: right; }

/*
 * Column
 */
#column { float: right; width: 200px; display: inline; margin-left: 20px; }
#column h1 { font-size: 15px; text-align: right; }

#content { display: inline-block; overflow: hidden; } 
#content { display: block; }

/* Client List */
#column ul { margin: 0 0 20px 0; border: 1px solid #e4e4e4; border-bottom: 0; }
#column ul li { list-style: none; }
#column ul li a { display: inline-block; text-decoration: none; padding: 4px 10px; border-bottom: 1px solid #e4e4e4; background: #f6f6f6; color: #4b4b4b; }
#column ul li a { display: block; }  
#column ul li a:hover, #column ul li a:focus { background: #eaeaea; color: #000; }

/*
 * Buttons & More
 */
.buttons, input[type="submit"] { float: right !important; margin: 5px; }
.buttons a, input[type="submit"] { background: #222 url(../images/button-overlay.png) repeat -x 0 0; float: left; padding: 5px; border: 0; border-bottom: 1px solid rgba(0,0,0,0.25); -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color:#fff; text-decoration: none; margin-left: 5px; cursor: pointer; }

.blue { background:#39a1f0; }
.blue:hover { background:#3594dd; }
.red { background:#ea2e34; }
.red:hover { background:#ce292e; }
.grey { background:#999999; }
.grey:hover { background:#888888; }
input.red, input.blue, input.grey { margin: 0 0 0 5px; }

.calendar { background: url(../images/calendar.gif) no-repeat 0 0; float: left; width: 14px; height: 16px; margin: 5px 0 0 10px; padding: 0 !important; }
.ui-datepicker-trigger { margin: 5px 0 0 10px; cursor: pointer; }
.print { background: url(../images/print.gif) no-repeat right 0; float: right; padding-right: 20px; text-decoration: none; font-size: 11px; }
.print:hover, .print:focus { text-decoration: underline; }
.interval { margin: 10px 0; text-align: center; }
.interval .next { margin-left: 10px; }
.interval .prev { margin-right: 10px; }

/*Filters*/
.filters { background:#39bb4e; padding: 5px; }
.filters form { display: inline-block; overflow: hidden; }
.filters form { display: block; }
.filters fieldset { float: left; border: 0; padding: 0; margin: 0;  }
.filters form label { width: auto !important; }
.filters #search { float: right; }

/*
 * Tables
 */
#clients { margin-top: 20px; }
#clients #field1 { width:180px; }
#clients #field2 { width:90px; }
#clients #field3 { width:220px; }
#clients #field4 { width:90px; }
#clients #field5 { width:140px; }
#clients #field6 { width:90px; }
#clients #field7 { width:90px; }

#workpoints #field1 { width:80px; }
#workpoints #field2 { width:90px; }
#workpoints #field3 { width:190px; }
#workpoints #field4 { width:180px; }
#workpoints #field5 { width:50px; }
#workpoints #field6 { width:120px; }
#workpoints fieldset { border: 0; padding: 0; margin: 0; }
#main form #workpoints input.date, #main form #workpoints input.date_new {width:65px;}
#main form #workpoints input.goal {width:130px;}
#main form #workpoints textarea {width:auto; margin-left:0;}
#main form #workpoints .dateTd {width:125px;}

#evaluation #field1 { width: 80px; }
#evaluation #field2 { width: 510px; }
.evalEdit #evaluation #field2 { width: auto; }
#evaluation #field3 { width: 120px; }
.evalEdit #evaluation #field3 {width: auto;}
#main form #evaluation input.date, #main form #evaluation input.date_new {width:65px;}
#main form #evaluation input.goal {width:100px;}
#main form #evaluation .dateTd {width:125px;}
#main form.evalEdit #evaluation .dateTd {width: 93px;}
#main form #evaluation label {text-align:left;}
#main form.evalEdit textarea {width: 133px; margin-left: 0;}

#visitnotes #field1 { width: 80px; }
#visitnotes #field2 { width: 30px; }
#visitnotes #field3 { width: 30px; }
#visitnotes #field4 { width: 170px; }
#visitnotes #field5 { width: 400px; }
#main form #visitnotes input.date, #main form #visitnotes input.date_new {width:65px;}
#main form #visitnotes input.goal {width:100px;}
#main form #visitnotes .dateTd {width:135px;}
#main form #visitnotes textarea { width: 180px; margin-left: 0;}
#main form #visitnotes label {width: 100px; text-align: left; }

#registration #field1 { width: 220px; }
#registration #field2 { width: 65px; }
#registration #field3 { width: 65px; }
#registration #field4 { width: 65px; }
#registration #field5 { width: 65px; }
#registration #field6 { width: 65px; }
#registration #field7 { width: 65px; }
#registration #field8 { width: 65px; }
#registration #field9 { width: 70px; }

#report_time #field1 { width: 290px;  }
#report_time #field2 { width: 70px; }
#report_time #field3 { width: 290px; }
#report_time #field4 { width: 65px;  }

#report_km #field1 { width: 500px;  }
#report_km #field2 { width: 100px;  }
#report_km #field3 { width: 110px;  }

/*Table Sorting*/
table .headerSortDown { background: #aaa url(../images/asc.gif) no-repeat right center !important; }
table .headerSortUp { background: #aaa url(../images/desc.gif) no-repeat right center !important; }
table .header { background: #aaa url(../images/sort.gif) no-repeat right center; cursor: pointer; }

/*
 * Other field types
 */
#wrap #main form .date_new { width: 65px; }

/*
 * Multiple column fieldsets
 */
.cols { display: inline-block; }
.cols { display: block; }
.cols:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

#main form .col { float: left; }
#main form .col label { float: none; display: block; width: auto; text-align: left; margin: 0 10px; }
#main form .col input, #main form .col textarea, #main form .col select { margin: 0 10px; width: 80%; }

.col-50 { width: 50%; }
.col-25 { width: 25%; }
.col-75 { width: 75%; }
.col-100 { width: 100%; }

/*
 * Employees Pager
 */
.tx-gsifeuserlist-pi1-browsebox p { background:#39BB4E; margin: 0; padding: 0.3em; }
.tx-gsifeuserlist-pi1-browsebox table, .tx-gsifeuserlist-pi1-browsebox td { border: 0 !important; padding: 0; }
.tx-gsifeuserlist-pi1-browsebox table { margin: 10px 0; }
.tx-gsifeuserlist-pi1-browsebox table p { background: none; padding: 0; }

/*
 * Login
 */
.tx-felogin-pi1 fieldset { border: 0; padding: 0; display: inline-block; overflow: hidden; margin: 20px 0; }
.tx-felogin-pi1 fieldset { display: block; }
.tx-felogin-pi1 legend { display: none; }
.tx-felogin-pi1 div { display: inline-block; margin-bottom: 10px; line-height: 22px; }
.tx-felogin-pi1 div { display: block; }
.tx-felogin-pi1 div:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.tx-felogin-pi1 div input[type="submit"] { float: none !important; margin-left: 155px; background:#999999; }
.tx-felogin-pi1 div input[type="submit"]:hover { background:#888888 !important; }

/*
 * My Account
 */
#main .tx-srfeuserregister-pi1 form fieldset { padding: 10px; }
#main .tx-srfeuserregister-pi1 form span { display: inline; padding: 0; line-height: normal; }
#main .tx-srfeuserregister-pi1 form input { padding: 0.3em; }
#main .tx-srfeuserregister-pi1 form label { clear: both; padding: 0 5px 0 0; }
#main .tx-srfeuserregister-pi1 dt { padding: 0; width: auto; }
#main .tx-srfeuserregister-pi1 dd { margin: 0; }
#main .tx-srfeuserregister-pi1 h2 { padding-bottom: 0; }
#main .tx-srfeuserregister-pi1 h4 { padding: 0 0 10px 0; }
#main .tx-srfeuserregister-pi1 .gender label { width: auto; clear: none; line-height: normal; }
#main .tx-srfeuserregister-pi1 textarea { margin: 0; }
#main .tx-srfeuserregister-pi1 input[type="submit"] { float: none !important; background:#999999; margin-left: 155px; }
#main .tx-srfeuserregister-pi1 input[type="submit"]:hover { background:#888888 !important; }

/*
 * Footer
 */
#footer { background:#AAA; color:#fff; font-size: 11px; text-align: center; padding: 5px 0; }

@media print { 
	body { background: none; }
	#wrap { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; width: auto; }
	#nav, #subnav, #navpath, .navpath, .print, .overlay, #footer, h3 a { display: none; }
	#content-wrap { border: 0 !important; padding: 0; }
	#header { background: none; }
	#main { width: auto; padding: 0; }
	#main form h3 { background: none; color:#000; }
	fieldset { border: 0}
	#main form { overflow: visible; clear: both;  }
}

ol.yesList {display: block !important;}
form fieldset p {padding-left: 10px; padding-right: 10px;}
label.toLeft {text-align:left!important; padding-left:10px!important;}

.specialDelete { margin-top:115px; text-align: right; }