/* contains base CSS rules that are reusable across all cfMgmt sites */

/* BEGIN: general-use tag rules */
body { margin: 0 auto; font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; }
html { margin: 0; padding: 0; font-size: 100.1%; background-color: white; color: black; }
h1 { font-size: 220%; }
h2 { font-size: 190%; }
h3 { font-size: 160%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6, .small { font-size: 75%; }
* html em { zoom: 1; } /* fix IE6 */
img { border: none; }
a, label, input.submit { cursor: pointer; }
a, a:link, a:visited, a:active { background-color: inherit; color: blue; text-decoration: none; }
a:hover { text-decoration: underline overline; }
a.img, a:hover.img { text-decoration: none; background: none; } /* we don't want any background or anything on image links */
code { font-family: "Courier New", Courier, monospace; }
form { margin: 0; padding: 0; }
legend { color: #000; font-weight: bold; }
caption { text-align: left; font-weight: bold; border: solid 1px #CCC; padding: 8px 4px; }
caption ul { font-weight: normal; }
table { width: 100%; border: solid 1px #CCC; margin: 0 0 30px; clear: both; }
tr.alt-row { background-color: #BFBFBF; color: inherit; }
th { background-color: #999; color: white; }
td, th { vertical-align: top; text-align: left; padding: 4px 2px; }
th.edit-info, td.edit-info { width: 40px; text-align: left; }
abbr, acronym, .help { border-bottom: 1px dotted #fff; cursor: help; }
a.help { text-decoration: none; }
input.submit { border: outset 1px #CCC; background-color: #DDD; cursor: pointer; }
/* dl, dt, dd from javier julio (http://www.javier-julio.com/) */
dl.horizontal { width: 95%; }
dl.horizontal dt { clear: left; float: left; margin-bottom: 10px; text-align: right; width: 20%; }
dl.horizontal dd { float: none; margin-left: 22%; width: 77%; }
html>body dl.horizontal dd { float: left; margin-left: 2%; } /* overwrites above rule for good browsers */
dl.vertical { margin-bottom: 20px;}
dl.vertical dd { margin-left: 0; }
dl,dt,dd{ margin: 0; padding: 0; }
dl { margin: 1em 0; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
/* END: general-use tag rules */

/* BEGIN: general layout rules */
#body-wrap { width: 790px; height: 100%; min-height: 820px; margin: 0 auto; padding: 5px; border: solid 1px #999; border-width: 0 1px; }

/* BEGIN: general-use class rules */
.block { display: block; }
.hide { display: none; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.size-0 { width: 0; height: 0; }
* html .size-0 { margin: -10px; } /* makes IE6 render as a true width/height: 0 */
.pad-side { padding: 0 5px !important; }
.pad-all { padding: 10px 5px !important; }
.no-margin { margin: 0 !important; }
.no-pad { padding: 0 !important; }
.no-border { border: none !important; }
.no-background { background: none !important; }
.content { padding: 0 0.5em; }
.bold { font-weight: bold !important; }
.strike { text-decoration: line-through !important; }
.underline { text-decoration: underline !important; }
.emulate-anchor { cursor: pointer !important; }
.highlight { background-color: #ff0 !important; }
.italic { font-style: italic !important; }
.sub { vertical-align: sub !important; }
.super { vertical-align: super !important; }
.ucase { text-transform: uppercase !important; }
.lcase { text-transform: lowercase !important; }
.first-cap { text-transform: capitalize !important; }
ol.letters { list-style-type: lower-alpha !important; }
ol.Letters { list-style-type: upper-alpha !important; }
ul.no-bullets { list-style-type: none !important; }
/* END: general-use class rules */

/* BEGIN: general-use width rules */
.width-10 { width: 10% !important; }
.width-20 { width: 20% !important; }
.width-25 { width: 25% !important; }
.width-30 { width: 30% !important; }
.width-33 { width: 33% !important; }
.width-40 { width: 40% !important; }
.width-45 { width: 45% !important; }
.width-50 { width: 50% !important; }
.width-55 { width: 55% !important; }
.width-60 { width: 60% !important; }
.width-65 { width: 65% !important; }
.width-70 { width: 70% !important; }
.width-75 { width: 75% !important; }
.width-80 { width: 80% !important; }
/* END: general-use width rules */

/* BEGIN: general-use margin rules */
.tb-0 { margin-top: 0; margin-bottom: 0; }
.rl-0 { margin-right: 0; margin-left: 0; }
.top-0 { margin-top: 0; }
.top-10 { margin-top: 10px; }
.top-15 { margin-top: 15px; }
.top-20 { margin-top: 20px; }
.right-0 { margin-right: 0; }
.right-10 { margin-right: 10px; }
.right-15 { margin-right: 15px; }
.right-20 { margin-right: 20px; }
.bottom-0 { margin-bottom: 0; }
.bottom-10 { margin-bottom: 10px; }
.bottom-15 { margin-bottom: 15px; }
.bottom-20 { margin-bottom: 20px; }
.left-0 { margin-left: 0; }
.left-10 { margin-left: 10px; }
.left-15 { margin-left: 15px; }
.left-20 { margin-left: 20px; }
/* END: general-use margin rules */

/* BEGIN: general-use alignment rules */
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.div-center { margin: 0 auto; }
/* END: general-use alignment rules */

/* BEGIN: general-use font rules */
.txt-red { color: red; }
.txt-white { color: white; }
.txt-black { color: black; }
.txt-yellow { color: yellow; }
.txt-blue { color: blue; }
.txt-green { color: green; }
.txt-dark-grey { color: #999; }
.txt-light-grey { color: #CCC; }
/* END: general-use font rules */

/* BEGIN: general-use background rules */
.bg-red { background-color: red; }
.bg-white { background-color: white; }
.bg-black { background-color: black; }
.bg-yellow { background-color: yellow; }
.bg-blue { background-color: blue; }
.bg-green { background-color: green; }
.bg-dark-grey { background-color: #999; }
.bg-light-grey { background-color: #CCC; }
/* END: general-use background rules */

/* BEGIN: general-use jQuery cluetip rules */
/* global */
#cluetip-close img { border: 0; }
#cluetip-title #cluetip-close { float: right; position: relative; }
#cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(../images/wait.gif); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }
.cluetip-default { background-color: #D9D9D9; border: solid 1px #564FBF; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #D9D9D9; }
.cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #564FBF; color: #fff; }
.cluetip-default #cluetip-title a { color: #D9D9D9; font-size: 0.95em; }  
.cluetip-default #cluetip-inner { padding: 10px; }
.cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }
/* END: general-use jQuery cluetip rules */

/* BEGIN: general-user pagination rules (from Javier Julio - http://www.javierjulio.com/) */
ul.paging, ul.paging-bottom { margin: 0; padding: 0; text-align: left; float: right; font-size: 75%; color: #333; }
ul.paging li, ul.paging-bottom li { display: inline; list-style: none; }
ul.paging li a, ul.paging li strong, ul.paging-bottom li a, ul.paging-bottom li strong { padding: 2px 5px 3px 5px; }
ul.paging li a, ul.paging li a:hover, ul.paging-bottom li a, ul.paging-bottom li a:hover { text-decoration: none;background-color: #EEE; color: #333; }
ul.paging li a:hover, ul.paging li strong, ul.paging-bottom li a:hover, ul.paging-bottom li strong { background-color: #BBB; }
ul.paging-bottom { margin-top: -31px; text-align: right; padding: 8px 4px; }
/* END: general-user pagination rules (from Javier Julio - http://www.javierjulio.com/) */

/* BEGIN: admin rules */
.quick-name { width: 80px; }
.yes-no { width: 70px; }
/* END: admin rules */