/* CSS Document */
body, html, form
{
    height: 100%;
}

body
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a
{
    color: #00509d;
    text-decoration: none;
}

*
{
    padding: 0;
    margin: 0;
    /* zoom:100%; */
}

h1
{
    font-size: 27px;
    letter-spacing: -1px;
    padding: 23px 0px 7px 0px;
    border-bottom: 1px solid #ececec;
    color: #000000;
    line-height: 28px;
}

h2
{
    padding: 10px 0px 5px 0px;
    font-size: 18px;
    color: #154377;
    line-height: 20px;
}

h3
{
    padding: 5px 0px;
    font-size: 17px;
    color: #333333;
    line-height: 20px;
}

h4
{
    padding: 5px 0px;
    font-size: 16px;
    color: #5e7c9d;
    line-height: 18px;
}

h5
{
    padding: 5px 0px;
    font-size: 15px;
    color: #666666;
}

h6
{
    padding: 5px 0px;
    font-size: 14px;
    color: #999999;
}

img
{
    border: 0px;
}



a:hover
{
    text-decoration: underline;
}

/* ======== home content */
#homeTopArea
{
    height: 313px;
}

#homeTopArea h2
{
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #00509d;
}

#homeTopArea h2 b
{
    font-size: 22px;
}


#rotator
{
    width: 740px;
    float: left;
}

#playlist
{
    width: 246px;
    float: right;
    padding: 10px 0px 0px 14px;
    font-size: 11px;
    position: relative;
}

#playlist .currentSong
{
	background-color: #DDEBF4;
	width: 235px;
	margin-left: -14px;
	margin-top: 5px;
	padding: 5px 0px 5px 25px;
}

#playlist .currentSong .playLink
{
	margin: 10px 9px 10px 0px;
	display: block;
	float: left;
}

#playlist .title
{
    text-indent: -9999px;
}

#playlist .title a
{
    height: 25px;
    width: 247px;
    display: block;
}

#playlist b
{
    font-size: 12px;
}

#playlist ol
{
	line-height: 12px;
    padding: 5px 0px 0px 40px;
    color: #000000;
    font-weight: bold;
}

#playlist ol li
{
    padding: 0px 0px 8px 0px;
}

#playlist ol li span
{
    color: #00509d;
    font-weight: normal;
}

#playlist small
{
	line-height: 12px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#playlist ol li small a
{
    color: #006dad;
}

#playlist .buttons
{
    position: absolute;
    top: 248px;
}

#playlist .buttons ul
{
    padding: 0px 0px 0px 3px;
    margin: 0px;
}

#playlist .buttons li
{
    list-style: none;
    float: left;
    padding: 0px 8px 0px 0px;
    margin: 0px;
}

#playlist .buttons li a
{
    width: 70px;
    height: 45px;
    padding: 8px 0px 0px 0px; *padding:9px0px0px0px;
text-align:center;
color:#ffffff;
font-size:13px;
display:block;
}

@mediascreenand(-webkit-min-device-pixel-ratio:0){
#playlist .buttons li a
{
    padding: 10px 0px 0px 0px;
}
}

#playlist .buttons li a b
{
    font-size: 14px !important;
    display: block;
}

#playlist .buttons li a:hover
{
    text-decoration: none;
    color: #daebf3;
}

#homeTopAreaBottom
{
    height: 285px;
}

#homeTopAreaBottom .left
{
    width: 724px;
    float: left;
    padding: 0px 0px 0px 17px;
}

#homeTopAreaBottom .supportFind
{
    height: 73px;
}

#homeTopAreaBottom .supportFind img
{
    margin: 0px 14px 0px 0px;
}


.CTAbox
{
     border: 2px solid #efefef;
     width: 180px;
     padding-top: 8px;
     padding-right: 8px;
     padding-bottom: 8px;
     padding-left: 8px;
}
.CTAbox h2
{
     padding-top: 2px;
     padding-bottom: 0px;
}
.CTAbox ul, ol
{
    list-style-position:outside;
    padding-left: 0;
    margin-left: 10px;
    line-height: 17px;
    padding-top: 5px;
}

#homeTopAreaBottom .right
{
    width: 226px;
    float: right;
    padding: 50px 12px 0px 0px;
}

#homeTopAreaBottom .artistMonth
{
    width: 410px;
    float: left;
    padding: 30px 10px 0px 0px;
}

#homeTopAreaBottom .artistMonth h2
{
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #00509d;
}

#homeTopAreaBottom .artistMonth h2 b
{
    font-size: 26px;
    display: inherit;
}


#homeTopAreaBottom .artistMonth .info b
{
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding: 0px 0px 8px 0px;
}

#homeTopAreaBottom .artistMonth b a
{
    color: #000000;
}

#homeTopAreaBottom .artistMonth b a:hover
{
    color: #00509d;
    text-decoration: none;
}

#homeTopAreaBottom .image
{
    float: left;
    width: 175px;
}

#homeTopAreaBottom .prayer
{
    width: 270px;
    height: 145px;
    float: right;
    padding: 32px 0px 0px 30px;
}

#homeTopAreaBottom .prayer h2
{
    margin: 0px;
    padding: 0px;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #00509d;
}

#homeTopAreaBottom .prayer ul
{
    margin: 15px 0px 15px 25px;
}

#homeTopAreaBottom .prayer .link
{
    margin: 0px 0px 0px 10px;
}

#homeMiddle
{
    height: 182px;
}

#encouraging, #tellus, #newPopular
{
    float: left;
}

#encouraging
{
    width: 400px;
    padding: 15px 0px 0px 35px;
}

#encouraging h2
{
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #00509d;
}

#encouraging h2 b
{
    font-size: 26px;
    display: inherit;
}

#encouraging span
{
    font-size: 11px;
}

#encouraging .verseText
{
    font-size: 16px;
    display: block;
    font-weight: bold;
}



#tellus
{
    width: 260px;
    padding: 15px 5px 0px 32px;
}

#tellus h2
{
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #00509d;
}

#tellus h2 b
{
    font-size: 26px;
    display: inherit;
}

#tellus .info
{
    padding: 8px 15px 0px 5px;
}

.tellusbuttons
{
    padding: 15px 0px 0px 0px;
}

#newPopular
{
    width: 226px;
    padding: 18px 0px 0px 27px;
}

#newPopular h2
{
    margin: 0px;
    padding: 0px;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #00509d;
    line-height: 26px;
}

#newPopular h2 b
{
    font-size: 26px;
    display: inherit;
}

#newPopular ul
{
    margin: 15px 0px 15px 25px;
}

#newPopular li
{
    padding: 0px 0px 3px 0px;
}

#homeBottom
{
    height: 236px;
    padding: 55px 0px 0px 0px;
}

#homeBottom .link
{
    padding: 10px 0px 0px 0px;
    text-align: right;
    font-weight: bold;
}

#news
{
    width: 422px;
    float: left;
    padding: 0px 0px 0px 20px;
}

#news h2
{
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #00509d;
}

#news h2 b
{
    font-size: 26px;
    display: inherit;
}
#news .image
{
    width: 140px;
    float: left;
}

#news .image img
{
    width: 122px;
    height: 66px;
    margin-bottom:4px;
}

#news .image span
{
    font-size: 15px;
    display: block;
    padding: 4px 0px;
}

#news .info
{
    width: 265px;
    float: left;
}

#news ul
{
    margin: 5px 0px 0px 15px;
}

#news li
{
    padding: 0px 0px 3px 0px;
}

#concert
{
    width: 520px;
    float: left;
    padding: 0px 0px 0px 30px;
}

#concert h2
{
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #00509d;
}

#concert h2 b
{
    font-size: 26px;
    display: inherit;
}

#concert .image
{
    width: 190px;
    height: 17px;
    float: left;
}

#concert .info
{
    width: 320px;
    float: left;
}

#concert ul
{
    clear: left;
    height: 38px;
}

#concert ul li
{
    float: left;
    list-style: none;
    padding: 0px;
}

#concert ul li.date
{
    width: 30px;
    text-align: center;
    margin: 0px 10px 0px 0px;
    font-weight: bold;
}

#concert li.location
{
    width: 280px;
}







.musicSearch
{
    margin: 10px 0px;
}

.musicSearch .area1, .musicSearch .area2, .musicSearch .area3, .musicSearch .area4
{
    float: left;
}

.musicSearch .area1
{
    padding: 3px 5px 0 0;
}

.musicSearch .area2
{
    padding: 1px 5px 0 0;
}

.musicSearch .area3
{
    padding: 1px 5px 0 0;
}

.musicSearch .area4
{
}

.musicSearchBox
{
    padding: 3px 3px 1px 26px;
    background: url(/klove/images/search-icon.gif) no-repeat #ffffff 2px 1px;
    border: 1px solid #cbcbcb;
}

.musicSearch select, .musicSearch input
{
    font-family: Arial, Helvetica, sans-serif;
}

.musicSearch select
{
    width: auto;
}

#musicList
{
    padding: 10px 0px 0px 0px;
    width: 566px;
}

#musicList h2, #radioStation h2
{
    padding: 0px;
}

#musicList .image
{
    width: 190px;
    float: left;
    padding: 5px 0px;
}

#musicList .info
{
    width: 356px;
    float: left;
    padding: 5px 0px;
}

#radioStation
{
    padding: 8px;
    border: 2px solid #efefef;
}

#radioStation .image
{
    width: 130px;
    float: left;
    text-align: center;
}

#radioStation .info
{
    width: 430px;
    float: left;
}

#musicSearchDatabase
{
    border-left: 1px solid #b3c3e0;
    border-right: 1px solid #b3c3e0;
    border-bottom: 1px solid #b3c3e0;
    background-color: #f2f6f9;
    padding: 10px;
}

#musicSearchDatabase a
{
    text-decoration: underline;
}

#musicSearchDatabase a:hover
{
    text-decoration: none;
}

#musicSearchDatabase h2 a
{
    text-decoration: none;
}

#musicSearchDatabase h2 a:hover
{
    text-decoration: underline;
}

#musicSearchTabs
{
    height: 29px;
    background: url(/klove/images/tab-bkgrd.gif) repeat-x;
}

#musicSearchTabs a
{
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -1px;
    padding: 5px 2px 4px 0px;
    float: left;
    display: block;
    background: url(/klove/images/tab.gif) no-repeat;
    width: 140px;
    height: 20px;
    color: #1b5181;
    text-align: center;
}

#musicSearchTabs .active
{
    width: 142px;
    height: 20px;
    background: url(/klove/images/tab-active.gif) no-repeat;
}


#listenOnlineRC
{
    width: 178px;
    height: 105px;
    background: url(/klove/images/listen-online-bkgrd.gif) no-repeat 1px 0px;
    padding: 10px 10px 10px 15px;
    margin: 0px 0px 15px 0px;
}

#listenOnlineRC a
{
    text-decoration: underline;
}


#pagination
{
    text-align: right;
    padding: 0px 20px 0px 0px;
}

#pagination span
{
    padding: 0px 10px;
}

#pagination span a
{
    padding: 0px 1px;
}

#pagination a
{
    text-decoration: underline;
}

#pagination a:hover
{
    text-decoration: none;
}

#pagination .active
{
    font-weight: bold;
    color: #000;
    text-decoration: none;
}



hr
{
    border: none;
    height: 1px;
    border-bottom: 1px solid #dfdfdf;
}







/* ====== table styles */

th
{
    text-align: left;
    font-weight: normal;
}





.eventList
{
    padding: 10px 0px;
}

.eventList ul
{
    clear: left;
}

.eventList ul li
{
    float: left;
    list-style: none;
    padding: 0px;
}

.eventList ul li.date
{
    width: 30px;
    text-align: center;
    margin: 0px 10px 0px 0px;
    font-weight: bold;
}

.eventList li.location
{
    width: 500px;
    padding: 0px 0px 12px 0px;
}

.eventList .viewAll
{
    clear: left;
}




.newsFacebook a
{
    background-position: 5px 1px;
    padding-left: 35px !important;
}



.ToolTip
{
    border-right: #ff9933 2px solid;
    padding-right: 10px;
    border-top: #ff9933 2px solid;
    padding-left: 10px;
    font-size: 11px;
    z-index: 100;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
    visibility: hidden;
    padding-bottom: 10px;
    border-left: #ff9933 2px solid;
    padding-top: 10px;
    border-bottom: #ff9933 2px solid;
    position: absolute;
    background-color: #ffff99;
}

fieldset h2
{
    padding: 4px 0px 4px 8px;
    margin: 0px 0px 15px 0px;
    font-size: 16px;
    color: #000000;
    background-color: #eaf0f6;
}

.thankyou h3
{
    color: #2e7d0b;
    font-size: 17px;
}

form fieldset
{
    clear: both;
    font-size: 100%;
    margin: 10px 0px;
    border: none;
}

label
{
    font-size: 100%;
}

label u
{
    font-style: normal;
    text-decoration: underline;
}

input, select, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

input,
.container select,
.container textarea 
{
    padding: 2px 3px;
    font-size: 13px;
}

textarea
{
    overflow: auto;
}

fieldset.formWrapper 
{
    width: auto;
    margin:0;
}

/* These labels are really for wrapping 
checkboxes and radio buttons */
fieldset.formWrapper fieldset label
{
    text-align: left;
    width: 200px;
    padding-left:0;
    padding-right:0;
}

fieldset.formWrapper div.required,
fieldset.formWrapper div.optional 
{
    clear:left;
    margin-bottom: .5em;
}

.contactForm form div
{
    clear: left;
    display: block;
    width: 450px;
    margin: 5px 0 0 0;
    padding: 1px 3px;
}

form fieldset div.notes
{
    float: right;
    width: 158px;
    height: auto;
    margin: 0 0 10px 10px;
    padding: 5px;
    border: 1px solid #666666;
    background-color: #ffffe1;
    color: #666666;
    font-size: 88%;
}

form fieldset div.notes h4
{
    background-repeat: no-repeat;
    background-position: top left;
    padding: 3px 0 3px 27px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #666666;
    color: #666666;
    font-size: 110%;
}

form fieldset div.notes p
{
    margin: 0em 0em 1.2em 0em;
    color: #666666;
}

form fieldset div.notes p.last
{
    margin: 0em;
}

form div fieldset
{
    clear: none;
    margin: 0 0 0 142px;
    padding: 0 5px 0px 0px;
    width: 250px;
}

form div fieldset legend
{
    font-size: 100%;
    padding: 0 3px 0 9px;
}

form div.required fieldset legend
{
    font-weight: bold;
}

form .required b
{
    color: #f38f30;
    font-size: 18px;
}

form div fieldset label
{
    display: block;
    float: left;
    width: 130px;
    padding: 3px 5px;
    margin: 0 0 5px 0;
    text-align: right;
}

form div.required label, label.required, .required
{
    font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio
{
    float: none;
    display: block;
    width: 200px;
    padding: 0;
    margin: 0 0 0px 142px;
    text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio
{
    margin: 0 0 0px 0;
    width: 190px;
}

fieldset div img
{
    padding: 0px 0px 0px 4px;
}

p.error
{
    background-color: #ff0000;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #ffffff;
    padding: 3px 3px 5px 27px;
    border: 1px solid #000000;
    margin: auto 100px;
}

form div.error
{
    background-color: #ffffe1;
    background-repeat: no-repeat;
    background-position: top left;
    color: #666666;
    border: 1px solid #ff0000;
}

form div.error p.error
{
    background-position: top left;
    background-color: transparent;
    border-style: none;
    font-size: 88%;
    font-weight: bold;
    margin: 0 0 0 118px;
    width: 200px;
    color: #ff0000;
}

form div select, form div textarea
{
    width:auto;
    padding: 1px 3px;
    margin: 0 0 0 0;
}

form div textarea
{
    height: 80px;
}

form div input.inputText
{
    width: 180px;
    padding: 1px 3px;
    margin: 0 0 0 0;
}

form div input.inputTextLongLength
{
    width: 140px;
    padding: 1px 3px;
    margin: 0 0 0 0;
}


form div input.inputTextMidLength
{
    width: 90px;
    padding: 1px 3px;
    margin: 0 0 0 0;
}

form div input.inputTextShortLength
{
    width: 50px;
    padding: 1px 3px;
    margin: 0 0 0 0;
}

form div input.inputFile
{
    width: 211px;
}

form div select.selectOne, form div select.selectMultiple
{
    width: 211px;
    padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio
{
    display: inline;
    height: auto;
    width: auto;
    background-color: transparent;
    border-width: 0;
    padding: 0;
    margin: 0 0 0 140px;
}

form div.submit
{
    padding: 5px 0 0 143px;
    clear: both;
}

form div.submit div
{
    display: inline;
    float: left;
    text-align: left;
    width: auto;
    padding: 0px;
    margin: 0px;
}

div.optional .Notice, 
div.required .Notice 
{
    clear:both;
    display: block;
    padding-left: 143px;
}

.inputSubmit
{
    background: url(/klove/images/submit-btn-bkgrd.gif) #035aaa repeat-x;
    border: 2px solid #0073d0;
    font-size: 20px;
    color: #ffffff;
    height: 40px;
    font-weight: bold;
    padding: 4px 10px; *padding:4px0px;
    margin-right: 5px;
    text-align:center;
    border:none;
    float:left;
}

.inputSubmit:hover
{
    color: #acdbf6;
    cursor: pointer;
}

.weakButton 
{
    background: transparent;
    border: none;
    color: #00509D;
    margin: 10px 15px;
    text-decoration: none;
    display: block;
    float:left;
    padding:0;
    cursor: pointer;
}
.weakButton:hover { text-decoration: underline; }

.inputSubmit2
{
    background-color: #0085E4;
    border: 2px solid #0085E4;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    height: 23px;
    font-weight: bold;
    padding: 4px 10px; *padding:4px0px;
    text-align:center;
    border:none;
}




fieldset div small
{
    display: block;
    margin: 0 0 5px 138px;
    padding: 1px 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #cc0000;
    font-weight: bold;
}

fieldset span
{
    clear: left;
    display: block;
    padding: 5px 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

form span.note
{
    margin: 0 0 5px 136px;
    padding: 4px 0 0 0;
    width: 200px;
    text-align: left;
}



div.optional label:before
{
    content: '';
}

div.required label:before
{
    content: '';
}

form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio
{
    display: block;
    width: 10px;
    padding: 4px 0 0 18px;
    text-indent: -18px;
    line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio
{
    margin: 0;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea
{
    width: 60px;
    margin: 0 0 0 18px;
}

form div label.compact
{
    display: inline;
    width: auto;
    padding: 4px 10px 0 0;
    text-indent: 0;
    margin: 0 0 0 0;
}

form div.wide label
{
    float: none;
    display: block;
}

form div label.wide
{
    width: 348px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea
{
    width: 344px;
    margin: 0;
}

form div.notes p, form div small
{
    line-height: 125%;
}

form div.wide small
{
    margin: 0 0 5px 0;
}

.disclaimer
{
    background-color: #eaf0f6;
    border: 1px solid #b7cde3;
    padding: 10px;
}

.disclaimer b
{
    font-size: 14px;
    display: block;
    padding: 0px 0px 5px 0px;
}

/* The hint to Hide and Show */
.hint
{
    display: none;
    position: absolute;
    max-width: 200px;
    float: right;
    margin: 0px 0px 0px 16px;
    border: 1px solid #b7cde3;
    padding: 5px 8px 5px 5px;
    _margin: -25px 0px 0px 180px; /* to fix IE6, I can't just declare a background-color,     I must do a bg image, too!  So I'm duplicating the pointer.gif     image, and positioning it so that it doesn't show up     within the box */
    background: #eaf0f6 url(/klove/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer
{
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    background: url(/klove/images/pointer.gif) left top no-repeat;
}

/*
float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
  
  */






/* Styles for Message Board */

.MessageList
{
    margin-bottom: 0px;
}

.MessageList .MessagePager td
{
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    background-color: #CCCCDD;
}

.MessageList .MessagePager a
{
    font-weight: normal;
}

.MessageList .MessagePager a:visited
{
    color: #000077;
}

.MessageList .MessagePager a:hover
{
    color: #0000FF;
    text-decoration: underline;
}

.MessageList .MessageItem td
{
    background-color: #F9F9FF;
    border: dotted 0px #575782;
    padding: 10px;
    border-collapse: collapse;
}

.MessageList .MessageAltItem td
{
    background-color: #E9E9F9;
    border: dotted 0px #575782;
    padding: 10px;
    border-collapse: collapse;
}

.MessageList .MessageImage
{
    float: left;
    margin: 0px 10px;
}

.MessageList .DateLabel, .MessageList .SubmittedByLabel
{
    font-weight: bold;
    float: left;
}

.MessageList .MessageLabel
{
    font-weight: bold;
    display: block;
    margin: 15px 0px 0px 0px;
}

.MessageList .Date, .MessageList .SubmittedBy
{
    display: block;
}

.MessageList .DeleteLink
{
    display: block;
    margin: 15px 0px 0px 0px;
}

/* End Styles for Message Board */


/* BTM Pager */
/* Pager in Header/footer of page */
#pagerTable
{
    border: solid 1px gainsboro;
    background-color: #FAFAFA;
    font-weight: bold;
}

#pagerTable td
{
    border: 0;
    padding: 3px;
    vertical-align: middle;
}

.Required 
{
	font-size: 8px;
	color: red;
	padding-left:6px;

}

select { padding: 0 !important; }

.djLinkList { display: block; margin-right: 10px; }







#zipCodeGlobal 
{
    float:left;
    position:relative;
    height:21px;
    
}
.zipCodeTextBox 
{
    height:10px;
    width:70px;
    font-size:10px;
    border:solid 1px silver;
    vertical-align:top;
    background-color:white;
}
.zipCodeTextBoxError
{
    height:10px;
    width:70px;
    font-size:10px;
    border:solid 1px silver;
    vertical-align:top;
    background-color:#FFE8EB;
}

.zipCodeSubmitButton 
{
    position:relative;
    padding:0 0 20px 2px;
    margin:0;
    top:-1px;
    
}

.zipCodeChangeError
{
    position:relative;
    margin:0 0 0 2px;
    padding: 0 5px 0 5px;
    border:solid 1px red;
    background-color:#FFE8EB;
    top:-28px;
    width:50px;
    height:100px;
    font-weight:bold;
    font-size:10.5px;
}



.launchBody
{
	background-color: #333355;
}

#launchText 
{
	position: absolute;
	width: 450px; 
	left: 50%; 
	top: 30%; 
	margin: 0px -225px;
	font-size: 10pt;
	color: white;
	text-align: center;
}

#launchText a{
	font-size:10pt;
	color: #ffe028;
}

.launchText a:link{
	color: #ffe028;
}

.launchText a:visited{
	color: #ffe028;
}

.launchText a:active{
	color: #ffe028;
}


.ViewImage
{
	background-color: #00204A;
	color: white;
	width: 100%;
	height: 100%;
}

.ViewImage .MainImage 
{
	border:solid 1px #1f2d5f;
	margin: 10px 0px 10px 0px;
}


/* -- This section begins the forms sections -- */	

#formBody
{
    background-color: #d4e7f0;
    width: 536px;
    float:left;
    border:0px solid #ccc;
}
#formContainer
{
    height: auto;
    width: 536px;
    border:0px solid #ccc;
}
.formIntroSection
{
    float: left;
    background-color: #f0f6fa;
    width: 496px;
    margin: 2px 0px 2px 20px;
    border:0px solid #ccc;
}
.formExplanationSection
{
    float: left;
    background-color: #f0f6fa;
    width: 496px;
    margin: 2px 0px 2px 20px;
    border:0px solid #ccc;
}
.formSection
{
    float: left;
    background-color: #fdfefe;
    width: 456px;
    margin: 2px 0px 2px 20px;
    border:0px solid #ccc;
    padding: 5px  20px  5px  20px;
    clear:both;
}

.formInnerSectionTitle
{
    font-weight: bold;
    margin: 10px 0px 5px 0px; 
}

.formRadioButtonMoney
{
    margin: 0px 10px 0px 0px;
}


#formBody input
{
    margin: 0px 2px 0px 0px;
}


.formTextBoxMoney
{
    margin: 0px 10px 0px 0px;
}

#imbSubmitPledge
{
    margin: 10px 0px 0px 0px;
}
#ctl00_ctl00_cphMain_cphMiddleColumn_wdcComments_txtWordCount
{
    border: 0px none;
    width: 80px;
    color: GrayText;
    
}

#ctl00_ctl00_cphMain_cphMiddleColumn_wdcComments_txtMessage
{
    width: 500px;
    
}


/* ====== buttons */

a.button1, a.button2, a.button3
{
    font-weight: bold;
    color: #ffffff;
    height: 30px;
    padding: 7px 7px 6px 0px;
    margin: 10px 0px;
}

a.button2, a.button3
{
    color: #00509D;
}


a.button2:hover, a.button3:hover
{
    color: #367CBF;
}

a.button1:hover
{
    color: #ffffff;
}

a.button1
{
    background: url(../images/button3-right.gif) no-repeat top right;
}

a.button2
{
    background: url(../images/button2-right.gif) no-repeat top right;
}

a.button3
{
    background: url(../images/button2-right.gif) no-repeat top right;
}


a.button1 span, a.button2 span, a.button3 span
{
    padding: 7px 3px 6px 10px;
}

a.button1 span
{
    background: url(../images/button3.gif) repeat-x;
}

a.button2 span, a.button3 span
{
    background: url(../images/button2.gif) repeat-x;
}

a.button1L, a.button2L, a.button3L
{
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    height: 40px;
    padding: 6px 10px 6px 10px;
    margin: 10px 0px;
}

a.button1L
{
    color: #3a260a;
    border: 1px solid #f28b2f;
    background: url(/klove/images/button2L.gif) #7db3dc repeat-x;
}

a.button2L
{
    border: 1px solid #0073d0;
    background: url(/klove/images/submit-btn-bkgrd.gif) #0656a3 repeat-x;
}

a.button3L
{
    color: #3a260b;
    border: 1px solid #8aadc5;
    background: url(/klove/images/button1L.gif) #7db3dc repeat-x;
}

a.button2L:hover
{
    color: #acdbf6;
}

a.button1L:hover, a.button3L:hover
{
    color: #ffffff;
}



#pageContact_default .button2 
{
    height: 17px;
    position: relative;
    float: right;
    margin: 0px 50px 0px 0px;
}

#pageContact_default .button2 Span 
{
    height: 17px;
    top: 0px;
    left: 0px;
    margin: -5px 0px 0px 0px;
    line-height: 17px;
}

.inputMessage
{
    width: 474px;
    }
    
 .inputSubject
{
    width: 474px;
    }
    
.containerManageAccountBodyBorder    
span#charCount{display:block; float:right;}
span.low-count{color:#5A4E48;}
span.med-count{color:#458B00;}
span.high-count{color:#FF0000;}


.formSection
{
    clear:right;
    margin-right:12px;
    float:none;
    }
    
.formInnerSectionTitle
{
    Color:#f59f3e;
    font-size:18px;
    }
    
    
 #ctl00_PageContent_pnlContent #formBody
 {
     background-color: rgb(238, 245, 249);
     background-image: url("/klove/images/gradient_back.jpg");
     background-position-x:50%;
     background-position-y:0px;
     background-repeat:repeat-x;
     border:2px solid #fcdba7;
     border-radius:8px;
     border-Radius:8px;
     -webkit-border-Radius:8px;
     -moz-border-Radius:8px;
     padding-top:12px;
     padding-bottom:12px;
 }
 
 #ctl00_PageContent_pnlContent #formHeader
 {
     display:none;
}
 #ctl00_PageContent_pnlContent #formFooter
 {
     display:none;
}

 #ctl00_PageContent_pnlContent #ctl00_PageContent_pnlStatements .formSection
 {
     background-color:transparent;
    }
    
    

    #iTunesPromoBox
    {
        border: 1px solid #BDE3F8;
        padding: 0 10px 10px;
        overflow: auto;
    }
    
    #iTunesPromoBox h2
    {
        font-size: 24px;
        font-weight: normal;
        padding-bottom: 5px;
    }
    
    #iTunesPromoBox h2 span
    {
        font-weight: bold;
    }
    
    
    #itunesDisclaimer
    {
        font-size: 10px;
    }
    
    #itunesCode
    {
        font-size: 14px;
    }
    
    #codeExpires
    {
        font-size: 10px;
    }
    
    .itunesCodePanelMulti
    {
        float: left;
        margin: 13px 0 0 10px;
        white-space: nowrap;
    }
    
    .itunesCodePanelSingle;
    {
        float: left;
        white-space: nowrap;
    }
    
    .itunesButton
    {
        float: left;
        overflow: auto;
    }
    
    #trackListing
    {
        margin-top: -5px;
        margin-left: 7px;
    }
    
    #trackListing li
    {
        line-height: 23px;
    }
    
    #iTunesCodeInfoContainer
    {
        margin-left: 10px;
    }
   
   ul, #footer li
   {
       list-style-type:disc;
   }
   
   .AspNet-Menu-Vertical ul
{
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}

a.aspNetDisabled,
a.aspNetDisabled:hover
{
    color: Gray;
    
}

#page_Leavingsite 
{
    
     width: 100%;
    height: 100%;
}

#page_Leavingsite #DropZone1_columnDisplay_ctl00_zone
{
    display: block;
    margin: auto auto;
    
    float: none;
    padding-top: 10px;   
}

#page_Leavingsite #DropZone1_dzcontainer
{
     
}

#page_Leavingsite #DropZone1_updatepanel
{
    width: 100%;
    height: 100%;
}

#page_Promodetails #ctl00_ctl00_cphMain_FolderBreadcrumb1
{
    display: none;
}

.promotionDetailNoTitle
{
	display: none;
}


#page_Sitemap #ctl00_ctl00_cphMain_FolderBreadcrumb1
{
    display: none;
}

#page_Sitemap ul ul ul
{
    list-style-type: circle;
}

#page_Sitemap ul ul ul ul
{
    list-style-type: square;
}

.supportKLOVE
{
    padding: 5px 0px 20px 13px;
}

.supportKLOVE ul
{
    margin: 10px 0px 0px 17px;
}

.supportKLOVE li
{
    padding: 0px 0px 10px 0px;
}

.TextArea
{
    display: block;
    float: left;
    margin: 4px 3px 0px 3px;
    height: 165px;
    width: 307px;
}

.TextAreaWarning {
    display: block;
    float: left;
    margin: 4px 3px 0px 3px;
    height: 165px;
    width: 300px;
    color: red;
}
   
form fieldset input[type=text], form fieldset textarea
{
    border: 1px solid gray;
    background: #EAF0F6;
    padding: 3px;
}

form fieldset input[type=submit]
{
    padding: 3px;
}

form fieldset select
{
    border: 1px solid gray;
    background: #EAF0F6;
}


/* BUTTON GRADIENTS - cross-browser ColorZilla awesomeness */
/* may as well make these sitewide */
:focus {outline:none;}
::-moz-focus-inner {border:0;}
.kbutton { cursor:pointer; border: 0; margin: 0; font-size: 15px; font-weight:normal; padding: 6px 14px; color: #fff; text-decoration:none; }
.kbutton:hover { color: #fff; text-decoration:none; }
.kbutton.small { padding: 6px 14px; font-size: 14px; }
.kbutton.big { padding: 6px 21px; font-size: 17px; }
.kbutton.huge { padding: 6px 21px; font-size: 21px; font-weight:bold; }
.kbutton.wide { padding: 6px 36px; }

.kbutton.blue, .kbutton { background-color:#0085E4; /* Old browsers */ }
.kbutton.blue.over, .kbutton.blue:hover, .kbutton.over, .kbutton:hover { background-color:#0095FF; /* Old browsers */ }

.kbutton.blue.down, .kbutton.blue.gradient.down, .kbutton.down, .kbutton.gradient.down { background-color:#0085E4; }


.kbutton.orange { background-color:#0085E4; /* Old browsers */ 
                  border-radius: 4px;
}
.kbutton.orange.over, .kbutton.orange:hover { background-color: #0095FF; /* Old browsers */ }
.kbutton.orange.down, .kbutton.orange.gradient.down { background-color:#0085E4; }
#page_Music_artists_duck-dynasty_default #hypSeeAll
{
    display:none;
}


.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*Alt Form*/

form div.altForm  {
    background: #e9eef1;
    border:0;
    overflow: hidden;
}

form div.altForm fieldset {
    margin: 0;
    padding:0;
    border:0;
}

form div.altForm fieldset p {
    margin: 0;
    padding: 0 35px 15px 20px;

}

form div.altForm fieldset input[type="text"] {
    border: 1px solid #c9d1d3;
    background:white;
    border-radius: 3px;
    padding: 5px 5px 5px 8px;
    font-size: 13px;
    width: 200px !important;
}


form div.altForm fieldset input[type="text"]:focus {
    box-shadow:none;
    outline:none;
}

form div.altForm fieldset input[type="submit"] {
    color: white;
    font-weight:bold;
    font-size: 11px;
    text-transform:uppercase;
    text-decoration:none;
    background: #00adef;
    padding:7px 20px 7px 20px;
    border-radius: 3px;
    border:0;
    cursor:pointer;
}

form div.altForm fieldset input[type="submit"]:focus {
    border:0 !important;
    cursor:pointer;
    box-shadow:none;
    outline:none;
}

form div.altForm fieldset input[type="submit"]:hover {
    background: #69c2e2;
    border:0 !important;
    cursor:pointer;
    box-shadow:none;
    outline:none;
}

form div.altForm fieldset select {
    border: 1px solid #c9d1d3;
    border-radius: 3px;
    padding: 5px 5px 5px 8px !important; /*I hate this but I didn't start it*/
    font-size: 13px;
    width: 70px;
    float: right;
    margin-right: 12px;
    background:white;
}

form div.altForm fieldset #formBlock_content {
    background: #e9eef1;
}


form div.altForm fieldset #formHeadTitle {
    background: #e9eef1;
    border-bottom: 2px solid white;
    font-size: 17px;
    font-weight: bold;
    color: #2068ab;
    padding: 10px 0 12px 20px;
    margin:0;
}

form div.altForm fieldset label.above {
    font-size: 11px;
    display: block;
    line-height: 13px;
    padding: 15px 0 0 3px;
    float:none;
    margin:0;
    text-align:left;
    width:100%;
}

form div.altForm fieldset label.left {
    font-size: 11px;
    line-height: 27px;
    padding-left:45px;
    float:none;
    display:inline;
}

form div.altForm fieldset .submitRow{
    clear:both;
    padding:15px 0 100px 20px;
}

form div.altForm fieldset .buttonDark {
    clear:both;
    color: white;
    font-size: 11px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    background: #71797c;
    padding:7px 25px 7px 25px;
    border-radius: 3px;
    margin-right:10px;
}

form div.altForm fieldset .buttonDark:hover {
    background: #949798;
}


/*Alt Form - Form Complete*/

form div.altForm fieldset .buttonLight {
    color: white;
    font-weight:bold;
    font-size: 11px;
    text-transform:uppercase;
    text-decoration:none;
    background: #00adef;
    padding:7px 20px 7px 20px;
    border-radius: 3px;
    border:0;
    cursor:pointer;
}

form div.altForm fieldset .buttonLight:hover {
    background: #69c2e2;
    border:0 !important;
    cursor:pointer;
    box-shadow:none;
    outline:none;
}

form div.altForm fieldset .formCompleteText{
    text-align:center;
    margin-top:100px;
}

form div.altForm fieldset .formCompleteBtn {
    text-align:center;
    margin-top:20px;
}

/*Alt Form - Ektron Overrides*/
form div.altForm fieldset input.design_validation_failed {
    background:white;
}

form div.altForm fieldset .design_validation_failed{
    border: 1px solid #ff0000!important;
}

form div.altForm fieldset input:focus { 
     border: 1px solid #c9d1d3 !important;
      box-shadow:none;
    outline:none;
}

form div.altForm fieldset select:active { 
     border: 1px solid #c9d1d3 !important;
     box-shadow:none;
        outline:none;
}

form div.altForm fieldset select:focus { 
     border: 1px solid #c9d1d3 !important;
     box-shadow:none;
        outline:none;
}
