/*  
Site: 1st Choice Payroll Solutions
Site URI: http://www.notsureyet.com/
Description: 1st Choice Payroll Solutions
Version: 1.0
Author: Daniel Robbins; © 2008 Dataffinity Networks. All Rights Reserved.
Author URI: mailto:daniel@dataffinitynetworks.com
*/

/****************************
****** Page Structure
*****************************/
body
{
font:76% Verdana, Arial, Sans-Serif; /* Resets 1em to 12px */
color:#000;
background:#551e00 url(/img/background.gif) repeat-x 0 0;
text-align:center;
margin:0;
padding:0;
width:100%;
}
#page
{
font:1em/170% Verdana, Arial, Helvetica, sans-serif;
min-width:962px;
width:100%;
}
#header
{
padding:5px 0 5px 8px;
text-align:left;
height:80px;
background:#fff;
}
#content-container
{
width:962px;
float:left;
margin-left:15px;
}
#content, #sidebar
{
text-align:left;
float:left;
background:#fff;
margin-top:15px;
padding-bottom:15px;
border:1px solid #ccc;
}
#content { width:722px; }
#sidebar
{
width:220px;
margin-right:15px;
margin-top:15px;
}
#footer
{
padding:10px;
margin: 0 auto;
display:block;
height:40px;
color:#ccc;
clear:both;
font-size:0.8em;
}
/****************************
****** Navigation
*****************************/
#navigation
{
display:block;
height:40px;
min-width:900px;
width:100%;
position:relative;
z-index:999;
background:#3e3e3e url(/img/navigation-background.png) repeat-x 0 0;
border:2px solid #ccc;
border-width:2px 0;
font-size:0.8em;
}
#navigation h3
{
padding:3px 0 3px 5px;
margin:0;
width:175px !important;
border:1px solid #000;
border-width:0 1px 1px 0;
background:#813400 url(/img/navigation-background.png) repeat-x 0 0;
color:#fff;
font:bold 1em Verdana, Arial, Helvetica, sans-serif;
line-height:30px;
height:30px;
}
#navigation a
{
font:bold 1em Verdana, Arial, Helvetica, sans-serif; /*color:#be7300;*/
color:#fff;
width:130px;
display:block;
text-decoration:none;
padding:15px 0 0;
height:25px;
border-right:1px solid #ccc;
}
#navigation a:hover, #navigation ul li:hover
{
color:#fff;
background:#3e3e3e url(/img/navigation-button-over.png) repeat-x 0 0;
}
#navigation ul li
{
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
}
#navigation ul
{
padding:0;
margin:0;
}
#navigation ul ul
{
position:absolute;
top:40px;
left:0;
width:180px;
height:auto;
background:#fff;
border:solid 1px #000;
display:none;
}
#navigation ul ul:hover { display:block; }
#navigation ul ul li a
{
color:#000;
width:160px;
display:block;
text-decoration:none;
background:#fff url(/img/content-background.png) repeat-x 0 0;
padding:0 10px 0;
margin:0;
line-height:30px;
height:30px;
text-align:left;
border:solid 1px #000;
border-width:0 1px 1px 0;
}
#navigation ul li ul li a:hover
{
color:#bf0000;
background:#fffcc2;
}
#navigation ul ul ul
{
position:absolute;
top:0;
left:120px;
width:180px;
height:auto;
background:#fff;
border:solid 2px #000;
display:none;
z-index:1000;
}
div#navigation li:hover ul ul, div#navigation li li:hover ul ul, div#navigation li li li:hover ul ul, div#navigation li li li li:hover ul ul { display:none; }
div#navigation li:hover ul, div#navigation li li:hover ul, div#navigation li li li:hover ul, div#navigation li li li li:hover ul { display:block; }
#sidebar .sub-menu { display:none; }
/****************************
****** Links
*****************************/
a
{
color:#1369b9;
text-decoration:none;
}
a:hover, a:hover small { color:#bf0000; }
h2 a, h3 a, h4 a
{
color:#1369b9;
text-decoration:none;
}
h2 a:hover, h3 a:hover, h4 a:hover { color:#bf0000; }
a img, :link img, :visited img { border:none !important; } /* no borders on linked images */
/****************************
****** Headings
*****************************/
h1, h2, h3, h4, h5
{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin:0 0 6px;
padding:0;
color:#000;
border-bottom:dotted 1px #813400;
line-height:180%;
}
h2 { border:none; }
#header h1
{ /* hide visibility for logo */
font-size:1px;
margin: 0;
padding:0;
width:1px;
height:1px;
visibility:hidden;
display:none;
float:left;
}
h1 { font-size:2.4em; }
h2 { font-size:1.4em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.1em; }
h2.pagetitle
{
background:#fff url(/img/content-background.png) repeat-x 0 0;
font:2em Georgia, "Times New Roman", Times, serif !important;
margin:0 !important;
width:98%;
padding:15px 0 15px 2%;
text-align:left;
color:#000;
border-bottom:2px solid #ccc;
}
h2.pagetitle small {
padding:0;
margin:0;
}
/****************************
****** Lists
*****************************/
ol, ul
{
padding: 0 0 0 25px;
margin: 0;
}
table ul { padding:0; }
ol li, ul li
{
margin: 0 0 3px 25px;
padding: 0;
}
ul li { list-style:square; }
li.title
{
width:100% !important;
text-align:left !important;
}
#navigation li.title { width:98% !important; }
/****************************
****** Various Tags and Classes
*****************************/
img, div, span { behavior: url(/js/iepngfix/iepngfix.htc); } /* ie6 png fix */
p, ul, ol, blockquote, h1, h2, h3, h4 { margin: 13px 0; }
.clear { clear: both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */
.center { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }
img[align=right]
{
margin-left:12px;
padding:3px;
border:solid 1px #ccc;
}
img[align=left]
{
margin-right:12px;
padding:3px;
border:solid 1px #ccc;
}
small
{
font-size: .9em;
line-height: 150%;
font-weight:normal;
}
small, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, monospace; }
acronym, abbr
{
font-size: 0.9em;
letter-spacing: .07em;
border-bottom: 1px dashed #999;
cursor: help;
}
blockquote
{
margin: 20px 0;
padding:0;
font-style:italic;
border:dashed 1px #ccc;
border-width:1px 0;
}
hr
{
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #9a9a9a;
}
br
{
padding:0px !important;
margin:0px !important;
}
.cut { text-decoration:line-through; }
.ascii
{
font:0.9em sans-serif;
line-height:110%;
background:#000;
padding:10px;
margin:0 auto;
text-align:center;
}
sup { line-height:0 !important; font-size:0.7em; }
/****************************
****** Form Tags
*****************************/
form
{
padding:0;
margin:0;
}
input[type=text], input[type=password], input[type=file], textarea
{
font:normal 1em Verdana, Arial, Helvetica, Sans-Serif;
padding:0.12em;
color: #000;
border:solid 1px #ccc;
}
textarea.wide { width:99.4%; }
select
{
font: 1em Verdana, Arial, Helvetica, Sans-Serif;
color: #000;
border:solid 1px #ccc;
padding:1px 0;
}
select optgroup { font:bold 1em Verdana, Arial, Helvetica, Sans-Serif; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border:solid 1px #000; }
.submit input, .submit input:focus, .button
{
background: url('/img/fade-butt.png');
border: 3px double #999;
border-left-color: #ccc;
border-top-color: #ccc;
color: #000;
padding: 0.25em;
}
.submit input:active, .button:active
{
background: #f4f4f4;
border: 3px double #ccc;
border-left-color: #999;
border-top-color: #999;
}
h4.submit input, h3.submit input
{
font-size:0.7em;
padding:0.25em 0 !important;
}
label { padding:5px 5px 5px 0; }
/****************************
****** Form Layout
*****************************/
form .form_field, form .form_field_double
{
float:left;
width:260px;
display:block;
padding-left:8px;
padding:2px 0 5px;
margin:0 2px 15px;
height:auto;
}
form .form_field { height:42px !important; }
form .form_field_double { min-height:62px; }
form .form_submit
{
width:350px;
height:70px;
display:block;
padding:0;
float:right;
}
form .field_text
{
display:block;
width:100%;
font-weight:bold;
}
form .field_input
{
display:block;
width:100%;
}
.field_input input[type=button]
{
font-size:0.8em;
padding:0.25em 0 !important;
}
form .field_input input[type=text], form .field_input input[type=password], form .field_input select, form .field_input textarea { width:220px; }
form .highlight { background:#FFFF99; }
form .secure
{
background:#FFFF99 url(/img/ssl_lock2.gif) no-repeat 98% 0 !important;
padding-right:20px;
color:#000 !important;
}
form .req { color:#FF0000; }
/****************************
****** Custom Form Styles
*****************************/
input.button
{ /* IE stretched button bug workaround */
padding: 0 .25em;
width: 0; /* for IE only */
overflow: visible;
}
input.button[class] { /* IE ignores [class] */ width: auto; }
.cbox label
{
float:left;
display:block;
width:45%;
padding:2px 0;
border:dotted 1px #ccc;
border-width:0 1px 1px 0;
}
label:hover, label:hover small
{
background:#fffcc2;
color:#f13900;
cursor:pointer;
}
label input:hover, label select:hover, input[type=button], input[type=submit] { cursor:pointer; }
.dropout
{ 
border-bottom:dotted 1px #ccc;
padding:10px 0;
}

/****************************
****** Header
*****************************/

/****************************
****** Content
*****************************/
.content-text
{
display:block;
padding:0 20px;
}
.content-text h3 span.showhide { font:normal 0.6em Verdana, Arial, Helvetica, sans-serif; }
.content-text h3 span.showhide a { color:#990000; }
.content-text h3 small { font:normal 0.6em Verdana, Arial, Helvetica, sans-serif; }
.content-text h4 small, .content-text h5 small { font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; }
.content-text h3 small a, .content-text h4 small a, .content-text h5 small a
{
color:#990000;
text-decoration:underline;
}
.content-left { width:49%; float:left; }
.content-right { width:49%; float:right; }
.first-one { font-size:1.5em; }
/****************************
****** Sidebar
*****************************/
.sidebar-text
{
padding:0 10px;
text-align:left;
}
.sidebar-text li h3 { width: 90% !important }
.sidebar-text h3 small { font:normal 0.6em Verdana, Arial, Helvetica, sans-serif; }
.sidebar-text h3 small a
{
color:#990000;
text-decoration:underline;
}
#sidebar ul, #sidebar ul li
{
margin:0;
padding:0;
}
#sidebar ul li
{
margin:0 18px 0 10px;
list-style:none;
}
#sidebar ul li a
{
display:block;
width:100%;
padding:2px;
border:dotted 1px #fff;
}
#sidebar ul li a:hover
{
background:#fffcc2;
border:dotted 1px #ccc;
}
#sidebar form input[type=text] { width:100%; }
#sidebar form .form_field
{
width:44%;
padding:0;
margin:0 2%;
}
#sidebar form .field_text { font-size:0.8em; }
/****************************
****** Footer
*****************************/
#footer-text
{
padding:8px;
margin:0 auto;
color:#ccc;
}
#footer-text a { color:#333; }
#footer-text a:hover { text-decoration:none; }
#footer ul
{
margin:10px 0;
padding:0;
}
#footer ul li
{
display:inline;
padding:4px 10px;
margin:0;
}

/****************************
****** Informational DIV's
*****************************/
.new, .construction, .error, .information, .note
{
margin:10px;
padding:0 10px;
padding-left:30px;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
}
.dropout .new, .dropout .construction, .dropout .error, .dropout .information, .dropout .note { margin-left:0; }
.new ul, .construction ul, .error ul, .information ul, .note ul { padding-left:0; }
.new ul li ul, .construction ul li ul, .error ul li ul, .information ul li ul, .note ul li ul { margin-top:3px; }
.new ul li, .construction ul li, .error ul li, .information ul li, .note ul li { margin-left:15px; }
.new
{
background:#643 url('/img/icon/new.png') no-repeat 5px 10px;
border-top: 2px solid #F93;
border-bottom: 2px solid #F93;
}
.construction, .error
{
background:#553 url('/img/icon/error.png') no-repeat 5px 10px;
border-top: 2px solid #FF3;
border-bottom: 2px solid #FF3;
}
.information
{
background:#ecf3fa url('/img/icon/information.png') no-repeat 5px 10px;
border:dotted 1px #4270a8;
color:#00306b;
}
.note
{
background:#f9eaaa url('/img/icon/note.png') no-repeat 5px 10px;
border:dotted 1px #df7900;
color:#a25800;
}