/* 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; }
* html { font-size: 14px; } /* hack IE6 to make it display at a decent font-weight */
*+html { font-size: 14px; } /* hack IE7 to make it display at a decent font-weight */
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%; }
.med { font-size: 82%; }
* 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; }
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: 60px !important; text-align: left; }
td.edit-info a { display: inline; }
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: 0; border: solid 1px #999; border-width: 0 1px; }
#body-content { padding: 5px; }

/* BEGIN: general-use class rules */
.block { display: block; }
.inline { display: inline; }
.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; }
.normal { font-weight: normal !important; }
.strike { text-decoration: line-through !important; }
.underline { text-decoration: underline !important; }
.emulate-anchor { cursor: pointer !important; }
.quick-name { width: 80px; }
.yes-no { width: 70px; }
.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; }
ol.dec { list-style-type: decimal !important; margin: 5px 15px !important; padding-left: 25px !important; }
ul.no-bullets { list-style-type: none !important; }
ul.inline { margin: 0; padding: 0; list-style-type: none; }
ul.inline li { display: inline; list-style-type: none; padding: 0 10px; }
.table-sort-down { background: url(../images/icons/bullet_arrow_down.png) no-repeat; width: 16px; height: 16px; }
.table-sort-up { background: url(../images/icons/bullet_arrow_up.png) no-repeat; width: 16px; height: 16px; }
/* div.bar rules from Javier Julio (http://www.javier-julio.com/) */
div.bar strong { display: block; height: 1.4em; line-height: normal; }
div.bar, div.bar strong { margin: 0; position: relative; }
div.bar { background-color: #F4F4F4; border: 1px solid #999; }
div.bar strong { background-color: #FFF6BF; }
div.bar strong span { position: absolute; left: 0.2em; }
/* END: general-use class rules */

/* BEGIN: general-use width rules */
.width-05 { width: 5% !important; }
.width-10 { width: 10% !important; }
.width-15 { width: 15% !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; }

.width-20px { width: 20px !important; }
.width-25px { width: 25px !important; }
.width-30px { width: 30px !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-orange { color: orange; }
.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 border rules */
.brdr-red { border: solid 1px red; }
.brdr-white { border: solid 1px white; }
.brdr-black { border: solid 1px black; }
.brdr-yellow { border: solid 1px yellow; }
.brdr-blue { border: solid 1px blue; }
.brdr-green { border: solid 1px green; }
.brdr-dark-grey { border: solid 1px #999; }
.brdr-light-grey { border: solid 1px #CCC; }
/* END: general-use border rules */

@import "radmill.paging.css";

/* BEGIN: kuubd AlertBox styles */
p.kuubd-alertbox { font-size: 13px; font-weight: bold; margin: 10px; }
/*
div.kuubd-alertbox-info { background: #D1E6EF url(../images/cmsg.gif) no-repeat scroll .5em 50%; border: 1px solid #2580B2; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
div.kuubd-alertbox-info { background: #c6c7f7 url(../images/info.gif) no-repeat scroll .5em 50%; border: 1px solid #2580B2; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
*/
div.kuubd-alertbox-info { background: #B9BAE8 url(../images/info.gif) no-repeat scroll .5em 50%; border: 1px solid #2580B2; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
div.kuubd-alertbox-success { background: #C8FFBF url(../images/ok.gif) no-repeat scroll .5em 50%; border: 1px solid #2EBC12 /*A2EF95 */; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
div.kuubd-alertbox-warning { background: #FFF2CF url(../images/warning.gif) no-repeat scroll .5em 50%; border: 1px solid #FFB401 /* 2580B2 */; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
div.kuubd-alertbox-error { background: #ffbfbf /* df7d7d */ /*FFFFE0*/ url(../images/error.gif) no-repeat scroll .5em 50%; border: 1px solid #df7d7d; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
/* END: kuubd AlertBox styles */

/* BEGIN: radmill rules */
div.radmill-isAvailable { float: left; }
div.radmill-isAvailable span.radmill-isAvailable-response, p.radmill-isAvailable-response { display: block; margin: 0 0 5px 0; font-weight: bold; }
div.radmill-isAvailable span.radmill-isAvailable-true, p.radmill-isAvailable-true { background: url(../images/icons/tick.png) left no-repeat !important; padding-left: 20px; }
div.radmill-isAvailable span.radmill-isAvailable-false, p.radmill-isAvailable-false { background: url(../images/icons/cross.png) left no-repeat !important; padding-left: 20px; }
div.radmill-isAvailable span.radmill-isAvailable-error, p.radmill-isAvailable-true { background: url(../images/icons/exclamation.png) left no-repeat !important; padding-left: 20px; }
/* END: radmill rules */

/* BEGIN: dynamic add/remove row rules */
input.removable { width: 60% !important; }
img.remove-field-trigger { margin-left: 10px; cursor: pointer; }
div.removable-field-row { margin-top: 15px; }
div.add-field-container { margin: 15px 0 0 32% !important; }
span.add-field-trigger { cursor: pointer; }
/* END: dynamic add/remove row rules */

/* BEGIN: jQuery plugin rules */
input._filterText { width: 100px; }
/* END: jQuery plugin rules */

/* BEGIN: ColdBox styles [keeping for support of older controllers/views/ that are still using ColdBox's messagebox plugin instead of the kuubd AlertBox] */
.cbox_messagebox { font-size: 13px; font-weight: bold; margin: 10px; }
.cbox_messagebox_info { background: #D1E6EF url(../images/cmsg.gif) no-repeat scroll .5em 50%; border: 1px solid #2580B2; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
.cbox_messagebox_warning { background: #FFF2CF url(../images/wmsg.gif) no-repeat scroll .5em 50%; border: 1px solid #2580B2; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
.cbox_messagebox_error { background: #FFFFE0 url(../images/emsg.gif) no-repeat scroll .5em 50%; border: 1px solid #2580B2; margin: 0.3em; padding: 0pt 1em 0pt 3.5em; }
/* END: ColdBox styles */