/*
    Campaign Headquarters Global Stylesheet
    Copyright(c) 2018.
    Iowa Web Development / HostIowa.net
*/

/* IMPORTS
----------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,700|Domine:400,700);



/* HTML ELEMENTS
----------------------------------------------------------*/
html, body, .button {font-family: 'Libre Franklin',Arial,Helvetica,sans-serif; font-size: 1rem;}

hr {margin: .5rem 0 .75rem;}
a {color: #000000; border-bottom: dotted 1px #808185; text-decoration: none;}
a:hover {color: #0055A5; border-color: #000000;}
a.noline {border: none;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-family: 'Libre Franklin',Arial,Helvetica,sans-serif;}


iframe {border: none}


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

.clear {padding: 0px; margin: 0px; clear: both;}
.fullsize {width: auto !important; height: auto !important; overflow: hidden;}
.uppercase {text-transform: uppercase;}
.font {font-family: 'Domine', 'Times New Roman', Times, !important;}
.nofont {font-family: 'Libre Franklin', Arial, Helvetica, serif !important;}
.noshow {display: none !important;}
.small {font-size: 10px !important; line-height: 120%;}
.med {font-size: 13px !important; line-height: 130%;}
.bold {font-weight: 700 !important;}
.semi {font-weight: 500 !important;}
.inline {display: inline !important;}
.block {display: block !important;}
.normal {font-weight: normal !important; font-style: normal !important;}

.blue {color: #17467C !important;}
.yellow {color: #FAB016 !important;}
.green {color: #1FB25A !important;}
.grey {color: #808185 !important;}
.white {color: #FFFFFF !important;}
.black {color: #000000 !important;}

.bg_blue {background-color: #17467C !important;}
.bg_orange {background-color: #D56E23 !important;}
.bg_green {background-color: #1FB25A !important;}
.bg_black {background-color: #000000 !important;}
.bg_grey {background-color: #808185 !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;}

.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;}

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

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

.sh_white {text-shadow: 0 2px 0 #FFFFFF;}
.sh_grey {text-shadow: 0 2px 0 #555555;}
.sh_black {text-shadow: 0 2px 0 #000000;}

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

.left {margin-right: 1.2rem; display: block;}
.right {margin-left: 1.2rem; display: block;}
.center {margin: 0 auto !important; display: block;}

.small_text {font-size: 0.75rem}
.hide {display: none;}

.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;}

.required {color: #CC0000; font-size: 0.8rem; font-style: italic;}

/* 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%;}

.modalWindow input {margin: 0;}
.modalWindow p {margin: 0;}
.modalWindow.small {height: 320px; width: 340px; font-size: 14px !important;}
.modalWindow.medium {height: 520px; width: 540px;}
.modalWindow.page {height: 600px !important; width: 540px !important; position: fixed !important;}
.modalWindow.page .rwContent {height: 572px !important; }

.modalWindow.large {height: 520px; width: 740px;}

.modalContent {padding: 14px; line-height: 145%; text-align: left; overflow: hidden;}




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

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

a.edit {font-size: 11px; color: #CC0000; text-decoration: none; margin-right: 4px; border: none;}
a.edit:hover {text-decoration: underline;}

/* VALIDATION */
.error[style*=inline] + input,
.error[style*=inline] ~ input[type="email"],
.error[style*=inline] + input[type="password"],
.error[style*=inline] + select,
.error[style*=inline] + span,
.error[style*=inline] + .RadPicker .RadInput > input,
.error[style*=inline] + textarea {
    background-color: #FBE3E4;
    border: 1px solid #ff0000;
    color: #000;
}




span.error[style*="inline"] {display:block !important;}
span.error {margin: 0; text-align: left;}

@media print
{
    .no-print{display: none !important;}
}