
/*
    KnoxvilleRaceway.com Global Stylesheet
    Copyright(c) 2014.
    Iowa Web Development / HostIowa.net

YELLOW: FFC425
BLUE:   009DDC
RED:    AB192D
GREEN:  00D42D

*/


/* IMPORTS
----------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);


/* HTML ELEMENTS
----------------------------------------------------------*/

html, body {margin: 0px; font-size: 15px; line-height: 135%; font-family: Arial, Helvetica, sans-serif;}

img {border: 0px;}

a {color: #AB192D; text-decoration: none; font-weight: normal; }
a:hover {text-decoration: underline;}

h1 {font-size: 30px; margin: 0; padding: 0; font-family: 'Oswald', Arial, Helvetica, Sans-Serif;}
h2 {font-size: 25px; margin: 0; padding: 0; font-family: 'Oswald', Arial, Helvetica, Sans-Serif;}
h3 {font-size: 18px; margin: 0; padding: 0; font-family: 'Oswald', Arial, Helvetica, Sans-Serif;}
h4 {font-size: 16px; margin: 0; padding: 0; font-family: 'Oswald', Arial, Helvetica, Sans-Serif;}
h5 {font-size: 14px; margin: 0; padding: 0; font-family: 'Oswald', Arial, Helvetica, Sans-Serif;}


/* CLASS ELEMENTS
----------------------------------------------------------*/

.clear {padding: 0px; margin: 0px; clear: both;}
.fullsize {width: auto !important; height: auto !important;}
.uppercase {text-transform: uppercase;}
.font {font-family: 'Oswald' !important;}
.small {font-size: 10px !important; line-height: 120%;}
.rotate {transform:rotate(270deg);}

.red {color: #AB192D !important;}
.blue {color: #009DDC !important;}
.green {color: #00D42D !important;}
.yellow {color: #FFC425 !important;}
.grey {color: #58595B !important;}
.silver {color: #CCCCCC !important;}
.white {color: #FFFFFF !important;}
.black {color: #000000 !important;}

.bg_red {background-color: #AB192D !important;}
.bg_blue {background-color: #009DDC !important;}
.bg_green {background-color: #00D42D !important;}
.bg_yellow {background-color: #FFC425 !important;}
.bg_black {background-color: #000000 !important;}
.bg_grey {background-color: #58595B !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_stripe_dk {background-image: url(/images/bg_stripe_dk.png) !important;}

.bd_red {border: solid 1px #AB192D !important;}
.bd_blue {border: solid 1px #009DDC !important;}
.bd_green {border: solid 1px #00D42D !important;}
.bd_yellow {border: solid 1px #FFC425 !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;}

.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}

.align_Left {float: left; margin-right: 20px;}
.align_Center {margin: 0 auto;}
.align_Right {float: right; margin-left: 20px;}

.inline {display: inline !important;}
.block {display: block !important;}
.bold {font-weight: bold !important;}
.normal {font-weight: normal !important;}

.content_photo {border: none; padding: 8px; text-align: center; font-size: 11px; color: #999999;}

.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;}
.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;}
.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;}

.table td {font-weight: bold;}

.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;}
.margin5 {margin: 5px 0;}
.margin10 {margin: 10px 0;}
.margin10top {margin: 10px 0 0;}
.margin10bottom {margin: 0 0 10px;}
.margin20 {margin: 20px 0;}
.margin20top {margin: 20px 0 0;}
.margin20bottom {margin: 0 0 20px;}

.padding {padding: 10px 30px;}
.padding0 {padding: 0;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding20 {padding: 20px;}
.padding30 {padding: 30px;}

.width40 {width: 40px !important;}
.width60 {width: 60px !important;}
.width80 {width: 80px !important;}
.width100 {width: 100px !important;}

.button {display: inline-block; border: none; width: auto;}
.button_big {padding: 10px 30px; margin-top: 10px; border: none; width: auto; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 24px;}



/* LINK ELEMENTS
----------------------------------------------------------*/

a.breadcrumb {font-size: 11px; text-decoration: none;}
a.breadcrumb:hover {text-decoration: underline;}

a.edit {font-size: 11px; color: #00CC00; 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; padding-left: 8px; background: transparent url(/images/icons/down.gif) no-repeat left;}
a.link_less {text-decoration: none; color: #36f; padding-left: 8px; background: transparent url(/images/icons/up.gif) no-repeat left;}

/* MODAL ELEMENTS
----------------------------------------------------------*/

.modalBackground {background-color:black; filter:alpha(opacity=40); opacity:0.4;}
.modalBackgroundProgress {background-color:black; filter:alpha(opacity=40); opacity:0.4; z-index: 200001 !important;}
.modalWindow {background-color: #FFFFFF; height: 500px; width: 540px; border: solid 1px #000000;}
.modalWindow.small {height: 320px; width: 340px; font-size: 15px !important;}
.modalWindow.smalltall {height: 520px; width: 340px;}
.modalWindow.medium {height: 500px; width: 540px;}
.modalWindow.large {height: 500px; width: 740px;}
.modalHeader {position: relative; background: #00539E url(/images/bg_stripe.png); padding: 8px; color: #FFFFFF; font-size: 21px; font-weight: bold;}
#modalClose {position: absolute; top: -14px; right: -18px;}
.modalContent {padding: 14px; line-height: 145%; text-align: left; overflow: hidden;}
.updateProgress {border: solid 1px #000000; background-color: #FFFFFF; position: absolute;}
.updateProgressMessage {margin: 3px; font-family: "Trebuchet MS"; font-size: 9pt; vertical-align: middle;}



/* FORM ELEMENTS
----------------------------------------------------------*/
.form {width: 100%;}
.form td {font-size: 13px;}
.form td.heading1 {padding: 4px 12px; font-size: 14px;}
input, select, textarea {font-family: 'Droid Sans', Arial, Helvetica, sans-serif;}
input.text, textarea.text, select.text {padding: 4px 8px; border: solid 1px #999999; width: 130px;}
input.text.big, textarea.text.big, select.text.big {width: 300px;}
textarea.text {height: 44px; width: 110px;}
select.text {width: 128px;}

input.search {font-size: 17px; padding: 5px 10px; border: solid 1px #666666; width: 300px;}
input.search_watermark {font-size: 17px; padding: 5px 10px; border: solid 1px #666666; width: 300px; color: #999999; font-style: italic;}

input.button {padding: 4px 8px; border: none; width: 90px; color: #FFFFFF; font-weight: bold; text-transform: uppercase;}



@media print {
    .no-print{display: none !important;}
}


@media only screen and (max-width: 40em) {
.show_for_small_only {display: block !important;}
.show_for_big_only {display: none !important;}
}

@media only screen and (min-width: 40.001em) {
.show_for_small_only {display: none !important;}
.show_for_big_only {display: block !important;}
}
