/*
    CHQ Dashboard Global Stylesheet
    Copyright(c) 2016.
    Iowa Web Development / HostIowa.net
*/


/* HTML ELEMENTS
----------------------------------------------------------*/
html, body {background: #FFF; margin: 0px; font-size: 1rem; line-height: 135%;}

a {color: #E44132; text-decoration: underline; font-weight: normal; }
a:hover {color: #C22010; text-decoration: none;}
a.noline {text-decoration: none !important;}

h1 {font-size: 24px; margin: 0; padding: 0; font-weight: 700 !important;}
h2 {font-size: 21px; margin: 0; padding: 0; font-weight: 700 !important;}
h3 {font-size: 18px; margin: 0; padding: 0; font-weight: 700 !important;}
h4 {font-size: 16px; margin: 0; padding: 0; font-weight: 700 !important;}
h5 {font-size: 14px; margin: 0; padding: 0; font-weight: 700 !important;}

iframe {border: none}
img.auto, a.auto img {width: auto; max-width: 100%;}

.table {border-collapse: collapse;}
.table th {font-weight: normal;}


/* CLASS ELEMENTS
----------------------------------------------------------*/

.clear {padding: 0px; margin: 0px; clear: both;}
.fullsize {width: auto !important; height: auto !important; overflow: hidden;}
.uppercase {text-transform: uppercase;}
.noshow, .small-0 {display: none !important;}
.hide {visibility: hidden;}
.small {font-size: 10px !important; line-height: 120%;}
.med {font-size: 13px !important; line-height: 130%;}

.blue {color: #15385E !important;}
.yellow {color: #FAB016 !important;}
.grey {color: #B1B1B1 !important;}
.silver {color: #CCCCCC !important;}
.white {color: #FFFFFF !important;}
.black {color: #000000 !important;}

.bg_blue {background-color: #15385E !important;}
.bg_yellow {background-color: #FAB016 !important;}
.bg_black {background-color: #000000 !important;}
.bg_grey {background-color: #B1B1B1 !important;}
.bg_silver {background-color: #F2F2F2 !important;}
.bg_manilla {background-color: #FFFFE2 !important;}
.bg_white {background-color: #FFFFFF !important;}
.bg_none {background: none !important;}
.bg_stripe {background-image: url(/images/bg_stripe.png) !important;}
.bg_dots {background: url("/images/dots.png") repeat-x scroll 0 0 #FFFFFF;}

.bd_blue {border: solid 1px #15385E !important;}
.bd_yellow {border: solid 1px #FAB016 !important;}
.bd_black {border: solid 1px #000000 !important;}
.bd_grey {border: solid 1px #58595B !important;}
.bd_silver {border: solid 1px #CCCCCC !important;}
.bd_manilla {border: solid 1px #FFFFE2 !important;}
.bd_white {border: solid 1px #FFFFE2 !important;}
.bd_none {border: none !important;}

.align_Left {text-align: left !important;}
.align_Center {text-align: center !important;}
.align_Right {text-align: right !important;}

.left {float: left; margin-right: 20px;}
.center {margin: 0 auto;}
.right {float: right; margin-left: 20px;}

.inline {display: inline !important;}
.block {display: block !important;}
.bold {font-weight: bold !important;}
.italic {font-style: italic !important;}
.normal {font-weight: normal !important; font-style: normal !important;}

.content_photo {border: solid 0px #999999; padding: 8px; text-align: center; font-size: 11px; color: #999999;}

.n_error {display: block; border: solid 1px #C00000; background: #FFC1C1 url(/images/icons/error.png) no-repeat 6px 50%; margin: 4px 0px; padding: 4px 4px 4px 30px; text-align: left; font-weight: bold; color: #C00000; font-size: 12px;}
.n_alert {display: block; border: solid 1px #FFD700; background: #FFEC8B url(/images/icons/alert.png) no-repeat 6px 50%; margin: 4px 0px; padding: 4px 4px 4px 30px; text-align: left; font-weight: bold; color: #333333; font-size: 12px;}
.n_information {display: block; border: solid 1px #008B00; background: #BCEE68 url(/images/icons/information.png) no-repeat 6px 50%; margin: 4px 0px; padding: 4px 4px 4px 30px; text-align: left; font-weight: bold; color: #008B00; font-size: 12px;}

.round3 {border-radius: 3px}
.round5 {border-radius: 5px}
.round5_top {border-radius: 5px 5px 0 0;}
.round7 {border-radius: 7px}

.shadow {
    -moz-box-shadow: 0 0 3px 3px #CCC;
    -webkit-box-shadow: 0 0 3px 3px #CCC;
    box-shadow: 0 0 3px 3px #CCC;
}

.opacity30 {filter:alpha(opacity=30); opacity:0.3;}

.margin0 {margin: 0 !important;}
.margin5 {margin: 5px 0;}
.margin5bottom {margin-bottom: 5px;}
.margin10 {margin: 10px 0;}
.margin20 {margin: 20px 0 !important;}
.margin20top {margin-top: 20px !important;}
.margin20bottom {margin-bottom: 20px !important;}

.padding {padding: 10px 30px;}
.padding0 {padding: 0;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding20 {padding: 20px;}
.padding20top {padding-top: 20px;}
.padding30 {padding: 30px;}

.width100 {width: 100px !important;}
.halfwidth {width: 50% !important;}
.onethird {width: 30% !important}
.twothird {width: 60% !important}
.fullwidth {width: 100% !important;}


ul {overflow: hidden; padding: 0 0 0px 16px;}
ul li {line-height: 150%; }
.double li {width: 50%; float: left;}
.triple li {width: 33.333%; float: left;}
.quad li {width: 25%; float: left;}




/* LINK ELEMENTS
----------------------------------------------------------*/

a.breadcrumb {font-size: 11px; text-decoration: none;}
a.breadcrumb:hover {text-decoration: underline;}

a.edit {font-size: 11px; color: #00CC00 !important; text-decoration: none; margin-right: 4px;}
a.edit:hover {text-decoration: underline;}

a.link_web {background: url(/images/icons/link.png) no-repeat left center; padding-left: 16px;}
a.link_more {text-decoration: none; color: #36f; font-size: 0.6rem; padding-left: 8px; background: transparent url(/images/icons/down.gif) no-repeat left;}
a.link_less {text-decoration: none; color: #36f; font-size: 0.6rem; padding-left: 8px; background: transparent url(/images/icons/up.gif) no-repeat left;}

/* MODAL ELEMENTS
----------------------------------------------------------*/
.modalBackgroundProgress {background: url(/images/bg_gray.png); z-index: 200001 !important; position: absolute;}
.updateProgress {border: solid 1px #000000; background-color: #FFFFFF; vertical-align: middle; text-align: center; font-size: 9pt; padding: 2em 3em; position: fixed; left: 45%; top: 40%;}
.modalContent {padding: 0.5rem 1rem;}

/*.modalWindow.quickedit {height: 384px !important; width: 340px !important; position: fixed !important;}
.modalWindow.quickedit .rwContent {height: 340px !important; }*/

.modalWindow.page {height: 600px !important; width: 540px !important; position: fixed !important;}
.modalWindow.page .rwContent {height: 572px !important; }


/* FORM ELEMENTS
----------------------------------------------------------*/


/* -- GRID ELEMENTS --*/
.grid {width: 100%; border: solid 1px #000000; margin: 5px 0;}
.gridHead th, .gridHead td {border: solid 1px #000000; padding: 6px; vertical-align: bottom; text-align: left; font-weight: bold; color: #FFFFFF;}
.gridHead th a, .gridHead td a {color: #FFFFFF; font-weight: bold; text-decoration: none; display: block;}
.gridCell td {border: solid 1px #999999; padding: 6px; vertical-align: top; text-align: left;}
.gridCell:hover {background-image: url(/images/bg_highlight.png);}
.gridCell:hover + .details {background-image: url(/images/bg_highlight.png);}
.gridAlt {background-color: #FFFFE2 !important;}
.sorted {background-color: #0079A1 !important;}
.priority {background-color: #ffcccc !important;}