html, body {font-size:.9em; font-family:Verdana, Geneva, sans-serif; margin:0; padding:0; background: url(../images/schwa-background.jpg);}

@font-face {font-family: 'YanoneKaffeesatz-Regular'; src: url('../../media/fonts/YanoneKaffeesatz-Regular.eot');  src: local('YanoneKaffeesatz-Regular'), url('../../media/fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'), url('../../media/fonts/YanoneKaffeesatz-Regular.svg') format('svg'); }

a:link {color:#022b4e; font-weight:bold; text-decoration:none;}
a:hover {color:#36C; font-weight:bold; text-decoration:none;}

pre {font-family:Verdana, Geneva, sans-serif; font-size:1em;}
p {margin:0; padding:0; line-height:1.75em;}
h1 {color:#003; padding:5px 0 5px 0; margin:0; font-size:3em; font-family:YanoneKaffeesatz-Regular; }
h2 {color:#006; padding:0; font-size:2em; margin:5px 0 0 0; font-family:YanoneKaffeesatz-Regular;}
h1.index {color:#003; font-size:3em; padding:0 0 10px 15px; margin:0 0 10px 0; width:867px; height:50px; font-family:YanoneKaffeesatz-Regular;}
h2.right {color:#003; padding:15px 0 15px 0; margin:0; width:250px; height:25px;}
.h2Content {margin:15px 0 0 0; padding:0;}
.h2ContentInner {margin:-25px 0 0 0; padding:0 15px 0 15px; width:834px;}
h3 {color:#069; padding:0; margin:0; border:none; font-size:1.75em; font-family:YanoneKaffeesatz-Regular;}
.bandh3 {color:#069; padding:0; margin:20px 0 0 0; width:265px; }
h4 {margin:0; padding:10px 0 0 0; font-size:1.25em; font-family:YanoneKaffeesatz-Regular;}
h5 {margin:0; padding:10px 0 0 0;}
ul {margin:0; padding-top:0;}
.toggle {cursor:pointer;}

.activeButton {height:15px; width:15px; margin:0; padding:0; border:0; border-style:solid; border-color:#FFF; background-image:url(../../images/icons/activeUp.jpg); cursor:pointer; }
.activeButton:hover {background-image:url(../../images/icons/activeHover.jpg);}
.inactiveButton {height:15px; width:15px; margin:0; padding:0; border:0; border-style:solid; border-color:#FFF; background-image:url(../../images/icons/inactiveUp.jpg); cursor:pointer;}
.inactiveButton:hover {background-image:url(../../images/icons/inactiveHover.jpg);}

.fb {float:right; width:300px; margin:10px; padding-top:5px;}
.imageContainer {width:248px; padding:2px; border:thin solid #09C; margin:10px; float:left;}
.sortable th {cursor:pointer; background:#999;}

/*main navigation*/
.schwaMainNav { position:relative; padding:5px 0 0 0; margin:0; z-index:3; width:100%; height:50px; background-image:url(../images/schwaNavHeader.png); background-repeat:no-repeat}
.schwaMainNav ul {width:750px; height:1em; margin:7px auto 0 auto; position:relative; font-family:YanoneKaffeesatz-Regular; font-size:1.75em;}
.schwaMainNav li {display:inline; height:.85em; padding-right:40px;}
.schwaMainNav li a:link {color:#6d9ac5;}
.schwaMainNav li a:hover {color:#dbe1e6;}
.schwaMainNav li a:visited {color:#6d9ac5;}

/*main content*/
.schwaWrapper {min-height:100%; height:auto !important; height:100%; margin:0 auto 0 auto; padding:0;}
.mainContent {width:869px; margin:0 auto 0 auto; padding:1px 25px 0 25px; background-image:url(../images/schwaMainContentBG.png); background-repeat:repeat-y; }
.mainBottom {width:925px; height:15px; margin:0 auto 0 auto; padding:0; background-image:url(../images/schwaMainContentBottom.png); background-repeat:no-repeat;}

.l {width:150px; height:25px; margin:10px 0 0 0; padding:0;}
.r {width:250px; height:25px; margin:0; padding:0;}

/*blog admin */
.blogHeader {cursor:pointer; width:150px;}
.blogMainHeader {width:800px;}
.blogImagePortrait {float:right; margin:0 0 5px 15px; border:thin solid #069; padding:2px;}
.blogImageLandscape {border:thin solid #069; padding:2px;}
.portrait {width:845px;}

/*review admin*/
.reviewStatus {margin:0; padding:0; float:left;}
.reviewInfo {cursor:pointer; color:#09C; font-weight:bold; font-size:.9em; margin:0; padding:0;}
.reviewContent { margin: 10px; padding:5px; border:thin solid #003; background-color:#e7e7e8;}

/*slideshow index*/
.slideshow {position:relative; height:350px; width:864px; border:thin solid #069; margin:0; padding:2px}
.slideshow IMG {position:absolute ;top:2; left:2; z-index:8; opacity:0.0;}
.slideshow IMG.active {z-index:10; opacity:1.0;}
.slideshow IMG.last-active {z-index:9;}

/*slideshow personal*/
.slideshowPersonal {position:relative; height:500px; width:350px; border:thin solid #069; margin:0; padding:2px; float:left; margin-right:25px;}
.slideshowPersonal IMG {position:absolute ;top:2; left:2; z-index:8; opacity:0.0;}
.slideshowPersonal IMG.active {z-index:10; opacity:1.0;}
.slideshowPersonal IMG.last-active {z-index:9;}

/*news*/
.newsWrapper {width:60%; margin-bottom:10px; float:left; }
.newsHeader {text-indent:0; margin: 10px 0 0 0; padding:0; font-family:YanoneKaffeesatz-Regular; font-size:1.5em; color:#036; line-height:1.2em }
.newsContent {text-indent:0; margin:0; padding:0; font-size:.95em; }

/*setlist*/
.setlistWrapper {margin:0 0 10px 0; clear:both;}
.setlistInfo {font-size:1.1em;}
.setlistInfo a:link {color:#000; font-weight:bold;}
.setlistInfo a:hover {color:#069; font-weight:bold;}
.setlistSongs a:link {color:#036; font-weight:normal;}
.setlistSongs a:hover {color:#069; font-weight:normal;}
.email a {color:#069; font-weight:normal;}
.setlistResults {margin:100px 0 0 0; clear:both;}
.setlistByYear, .setlistByVenue, .setlistByState, .setlistByLess {cursor:pointer; margin-bottom:25px; width:200px; padding:20px; font-size:1.1em; color:#069;}
.setlistYear, .setlistVenue, .setlistState, .setlistLess {margin-bottom:50px;}
.setlistYear, .setlistState {padding:10px; line-height:25px; word-spacing:10px;}
.searchSetlistBy {margin: -20px 0 15px 0; padding:0;}
.totalShows {float:right; margin-top:-32px; padding:0; font-size:1.2em;}
.userShowSubmit {background-image:url(../../images/icons/addme1.png);  border:none; height:15px; width:15px; cursor:pointer; float:left; border:none; background-color:transparent; }
.nextPreviousShow {width:260px; float:right; text-align:right;}
.nextPreviousShow a:link {color:#069;}

/*lyrics*/
.lyricResults {padding:100px 0 0 0;}
.lyricsByAuthor, .lyricsByVocalist, .lyricsBySong {cursor:pointer;}
.lyricAuthor, .lyricVocalist {margin:-20px 0 0 0; padding:0}
.searchLyricsBy {padding:0; margin:-20px 0 5px 0; }
.searchLyricsBy span {padding:0 20px 0 0; color:#069; font-weight:normal; font-size:1.1em;}
.schwaSongStats {padding:50px 0 0 0;}

/*personal stats-userpage*/
.personalStats {float:left; width:450px;}
.changePassword {width:845px; clear:both; padding:15px 0 0 0; margin:0;}
.myReviews {width:845px; clear:both; padding:15px 0 0 0; margin:0;}
.userShowRemove {background-image:url(../../images/icons/removeme1.png); border:none; height:15px; width:15px; cursor:pointer; border:none; background-color:transparent; margin:0; padding:0;}
.setlistHeaderInfo {width:500px; border-bottom:thin solid #069;}
.editProfile {cursor:pointer; float:right; margin:-40px 0 0 0; padding:0;}
.editProfileContent {margin:0; padding:0 0 20px 0;}
.addUserReview {background:url(../../images/icons/editComment1.png); height:16px; width:16px; border:0; border-color:#FFF; border-style:solid; margin:0 5px 0 10px; cursor:pointer;}

/*right side stuff*/
.rightSubContent {float:right; width:35%; margin:-50px 0 0 10px; padding:0; min-height:200px;}
ul.schwaRightLinks  {list-style:none; margin:0; padding:0;}

/*reviews*/
.editReview {background:url(../../images/icons/editComment1.png); height:16px; width:16px; border:0; border-color:#FFF; border-style:solid; margin:0 5px 0 10px; cursor:pointer;}
.deleteReview {background:url(../../images/icons/removeComment1.png); height:16px; width:16px; border:0; border-color:#FFF; border-style:solid; cursor:pointer;}
.addReview {cursor:pointer; width:350px; margin:0; padding:0;}
.addReviewText {font-style:italic; color:#069; vertical-align:top; line-height:20px;}
.reviewForm {background-color:#069; border:thin solid #003; padding:10px;}
.userInfo {font-style:italic; font-size:.85em}
.userName {color:#69C; font-size:1.2em; font-weight:bold; text-decoration:underline;}
.userReview {margin:0; padding:0;}
.reviewName {cursor:pointer; float:left; margin:0; padding:0 0 0 3px; color:#069;}
.reviewName:hover {cursor:pointer; float:left; margin:0; padding:0 0 0 3px; color:#09C;}
.review {float:left; margin:0; padding:0;}
.userPostedReview {border:medium groove #069; background-image:url(../images/schwaInnerContentBG.png); background-repeat:repeat-y;  margin:0; padding:8px 25px;}

/*stats*/
.twoRow {float:left; width:415px; padding:0; margin:0;}


/*messages*/
.errorMessage, .errorMessages {background: url("../../images/icons/error.png") no-repeat;}
.infoMessage,  .infoMessages  {background: url("../../images/icons/info.png") no-repeat;}
.successMessage, .successMessages {background: url("../../images/icons/success.png") no-repeat;}
.warningMessage, .warningMessages {background: url("../../images/icons/warning.png") no-repeat;}
.errorMessage, .errorMessages, .infoMessage, .infoMessages, .successMessage, .successMessages, .warningMessage, .warningMessages {border: 2px solid; padding: 10px 10px 10px 25px;}
.blue, .infoMessage, .infoMessages {background-image:url(../images/schwaInnerContentBG.png); background-repeat:repeat-x; border-color: #069; color: #069;}
.green, .successMessage, .successMessages, .yes {background-image:url(../images/schwaInnerContentBG.png); background-repeat:repeat-x; border-color: #069; color: #150;}
.red, .errorMessage, .errorMessages, .no {background-image:url(../images/schwaInnerContentBG.png); background-repeat:repeat-x; border-color:#069; color: #911; list-style: none;}
.yellow, .warningMessage, .warningMessages {background-image:url(../images/schwaInnerContentBG.png);; background-repeat:repeat-x; border-color:#069; color: #950;}

/*form stuff*/
span.formLegend {font-weight:bold; color:#069; font-size:.85em; margin:0; padding:15px 0 0 0} 
.requiredForm {color:#F00; font-weight:bold; font-size:.75em;}
input.form {width:99%;}
textarea.form {width:99%;}
.submit {width:100%; margin-left:2px;}
.lrContainer {width:850px; padding:0; margin:0; height:20px;}
.l {width:150px; float:left; margin:0; padding:0; font-weight:bold}
.r {float:left; margin:0; padding:0; width:700px;}
.QapTcha {float:left; width:830px;}
.QapTcha .clr {clear:both;}
.QapTcha .bgSlider {width:830px; height:37px; float:left; border:1px solid #040404; background-color:#09C;}
.QapTcha .Slider {width:52px; height:37px; background:transparent url('../images/qaptcha.jpg')  no-repeat; cursor:e-resize; position:relative; top:0; left:0; cursor:pointer;}
.QapTcha .TxtStatus {width:830px; margin-top:7px; text-align:left; color:#09C; font-family:Verdana; font-size:10px; clear:both}
.QapTcha .dropSuccess {color:#069}
.QapTcha .dropError {color:#069}

/*log in */
span.formLogin {font-weight:bold; color:#036; font-size:.95em; margin:0; padding:0} 
.navLogInError {float:right; list-style:none; font-size:.9em; padding:40px 0 0 0; margin:0 25px -40px 0;  clear:both;}
.navLogIn {float:right; list-style:none; font-size:.9em; margin:75px 25px 0 0;  clear:both;}
.logInPlus {float:right; font-size:.9em;}
.loggedInPlus {float:right; font-size:1em; margin: 0 25px 0 0;}
.errorlogin {font-size:.9em; color:#000; background-color:#FFF; font-weight:bold; float:right; position:relative; margin:-20px 0 0 0; padding:2px; border:thin solid #000; }
.welcome {font-size:1.2em; color:#036; font-weight:bold; float:right; padding-right:25px;}
.passwordChange {width:250px; background-image:url(../../images/sideHeader.png); background-repeat:no-repeat; float:right;  margin:35px 0 0 0;}
.passwordChangeInner {border:thin solid #036; background-color:#FFF; padding:20px; width:208px; height:100%; margin:5px 25px 0 0; background-image:url(../../images/sideContent.png); background-repeat:no-repeat}


.logIn {
    height: 20px;
    width: 85px;
    cursor: pointer;
    border: none;
    background-size: 100%;
    background-color: darkblue;
    border-radius: 5px;
    border: thin black solid;
    color: #FFF;
}
.logIn:hover {
    height: 20px;
    width: 85px;
    cursor: pointer;
    border: none;
    background-size: 100%;
    background-color: #006699;
    border-radius: 5px;
    border: thin black solid;
    color: #000;
}

/*gallery*/
.galleryContent  {position:relative; clear:both; display:block;  width:99%; border:thin solid #003; background-color:#CCC; margin:0; padding:0;}
.galleryImage {float:left; width:125px; margin:2px 2px 2px 2px; padding:0; }
.galleryInfo {float:right; width:600px; margin:0 90px 0 0 ; padding:0; }
.image {padding:2px; border:thin solid #003; }

/*footer*/
.schwaFooter {width:100%; margin-top:25px; clear:both;}
.schwaFooter ul {width:960px; margin:0 auto 0; padding: 5px 0 0 0; font-family:YanoneKaffeesatz-Regular; font-size:1.5em;}
.schwaFooter li {display:inline; height:.85em; padding: 0 20px 0 20px; border-left:thin solid #000; border-right:thin solid #000;}
p.footerCR {font-family:Arial, Helvetica, sans-serif; font-size:.85em; text-align:center; padding:15px 0 0 0; margin:0;}
.footerCR a {font-family:Arial, Helvetica, sans-serif; font-size:.95em; text-align:center; color:#022b4e;}
.footerCR a:hover {font-family:Arial, Helvetica, sans-serif; font-size:.95em; text-align:center; color:#dbe1e6;}
a.footerLink:link {font-family:Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none; color:#FFF;}
a.footerLink:visited {font-family:Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none; color:#FFF;}
a.footerLink:hover {font-family:Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none; color:#003;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt {height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd {margin: 0 10px 10px 65px; }
.ui-timepicker-div td {font-size: 90%; }
.ui-tpicker-grid-label {background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{direction: rtl; }
.ui-timepicker-rtl dl {text-align: right; }
.ui-timepicker-rtl dl dd {margin: 0 65px 10px 10px; }