body {
    font-family: Tahoma;
}

#calendar {
    width: 100%;    
}

#calendar a {
    color: #8e352e;
    text-decoration: none;
}

#calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#calendar li {
    display: block;
    float: left;
    width:14.342%;
    padding: 5px;
    box-sizing:border-box;
    border: 1px solid #ccc;
    margin-right: -1px;
    margin-bottom: -1px;
}

#calendar ul.weekdays {
    height: 40px;
    background: #0e052e;
}

#calendar ul.weekdays li {
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 6px;
    color: #fff;
    font-size: 13px;
}

#calendar .days li {
    height: 220px;
}

#calendar .days li:hover {
    background: #d3d3d3;
}

#calendar .days .other-month {
    background: #f5f5f5;
    color: #666;
}

#calendar .date {
    text-align: center;
    margin-bottom: 5px;
    padding: 4px;
    background: #333;
    color: #fff;
    width: 20px;
    border-radius: 50%;
    float: left;
}

#calendar .sunday {
    text-align: center;
    margin-bottom: 5px;
    padding: 4px;
    background: #c33;
    color: #fff;
    width: 20px;
    border-radius: 50%;
    float: left;
}

#calendar .saturday {
    text-align: center;
    margin-bottom: 5px;
    padding: 4px;
    background: #33c;
    color: #fff;
    width: 20px;
    border-radius: 50%;
    float: left;
}

#calendar .dayofweek {
    display: none;
}

#calendar .event {
    clear: both;
    display: block;
    font-size: 13px;
    border-radius: 4px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 14px;
    background: #e4f2f2;
    border: 1px solid #b5dbdc;
    color: #009aaf;
    text-decoration: none;
}

#calendar .event-desc {
    color: #666;
    margin: 3px 0 7px 0;
    text-decoration: none;
    text-align: center;
}

#calendar .event-time {
    margin: 3px 0 7px 0;
    text-align: center;
}

#calendar .event-canceled {
    margin: 3px 0 7px 0;
    text-align: center;
	color: red;
	font-weight: bold;
}

#calendar .detail-button {
    margin: 3px 0 7px 0;
    text-align: center;
    color: #555;
}

.event-title {
    margin: 10px 0 7px 0;
    font-size: 18px;
    color: navy;
}

.event-program-title {
    margin: 3px 0 7px 0;
    font-size: 15px;
    color: #555;
}

.soloist-table {
    margin-left: 30px;
    margin-top: 0px;
    padding-top : 0px;
}

.soloist-table .soloist-name {
    padding-top : 2px;
    padding-bottom : 2px;
    padding-right : 40px;
}

.soloist-table .soloist-role {
    margin-left: 30px;
    margin-top: 0px;
    padding-top : 0px;
}

.solo-piece {
    padding-top : 2px;
}

ul.prg {
    list-style-type: square;
}

/* ============================
        Mobile Responsiveness
   ============================*/
@media(max-width: 768px) {

    #calendar .weekdays, #calendar .other-month {
        display: none;
    }

    #calendar li {
        height: auto !important;
        border: 1px solid #ededed;
        width: 100%;
        padding: 10px;
        margin-bottom: -1px;
    }
	
	#calendar .dayofweek {
		display: block;
		padding-left: 25px;
		margin-bottom: -1px;
	}

}


/* ============================
    Search UI Page Fields
===========================*/
form > p {
    font-size: 14px;
}

.form-box {
    display: table;
    margin: 0 auto;
}


#period {
    min-width: 300px;
}

#start {
    margin-left: 40px;
    width: 110px;
}

#end {
    width: 110px;
    float:right;
    clear:both;
}

#orch {
    float:right;
    clear:both;
}

#type {
    float:right;
    clear:both;
}

#city {
    min-width: 300px;
    float:right;
    clear:both;
}

#country {
    min-width: 300px;
    float:right;
    clear:both;
}

#work-title {
    min-width: 350px;
    float:right;
    clear:both;
}

#first-name {
    min-width: 200px;
    float:right;
    clear:both;
}

#last-name {
    min-width: 200px;
    float:right;
    clear:both;
}

#instrument {
    min-width: 200px;
    float:right;
    clear:both; 
}

#max_selection {
    min-width: 50px;
    float:right;
    clear:both; 
}

#composer {
    min-width: 100px;
    float:right;
    clear:both; 
}
#category {
    min-width: 150px;
    float:right;
    clear:both; 
}
.submit {
    text-align: right;
}

/* ============================
        Mobile Responsiveness
   ============================*/
@media(max-width: 768px) {

    form > div {
        margin: 0 0 15px 0; 
      }
      form > div > label  {
        width: 100%;
        float: none;
        margin: 0 100px 5px 0;
      }

      input[type=text],
      textarea,
      select {
        width: 100%; 
      }

    #start {
        width: 100%;
        margin-left: 0;
    }

    #end {
        width: 100%; 
    }
}


/* ============================
    Search Result Page Fields
===========================*/
.search-condition {
    display: table;
    margin: 0 auto;
}

.condition-title {
    width : 100px;
    font-size: 14px;
    margin-top: 0;
}

.condition-item {
    font-size: 14px;
    margin-top: 0;
    color: red;
}

/* ============================
    Statistic
===========================*/

.stats-table {
    display: table;
    margin: 0 auto; 
    font-size: 14px;
}

.stats-table .stats-table-numb {
    padding-left: 10px;
    text-align: right;
    vertical-align: top;
}

.stats-table .stats-table-text {
    padding-left: 10px;
    text-align: left;
    vertical-align: top;
}
.stats-table .stats-table-link {
    padding-left: 10px;
    text-align: right;
    vertical-align: center;
	font-size : 10px;
}



/* ============================
    Articles
===========================*/
.articles-box {
    display: table;
    margin: 0 auto; 
    font-size: 14px;
    max-width: 1000px;

}

.articles-count {
    color: navy; 
}

.articles-header {
    margin-bottom: 10px;
}

.articles-production {
    color: #0000cd;
    font-size: 20px;
}

.one-article {
    margin-bottom: 10px;
}

.article-info {
    margin-left: 60px;
    margin-bottom: 0;
    font-size: 16px;
}

.article-title {
    margin-left: 80px;
    margin-bottom: 0;
    font-size: 16px;
}

.article-summary {
    margin-left: 80px;
    margin-bottom: 0;
}

/* ============================
    Statistics styles
===========================*/
#stat-two {
  padding: 100px 0;
  background: #242a33 url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  padding-top: 20px;
}
#stat-two .btn {
  margin-top: 10px;
  margin-bottom: 40px;
}
#stat-two h2 {
  color: #fff;
  font-size: 44px;
  line-height: 1;
  margin-top: 40px;
}
#stat-two h2 > span {
  color: #45aed6;
}

#stat-two p > span {
  color: #45aed6;
}
#stat-two h4 {
  color: #fff;
}

.tbl-box {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:60%;
}

.tbl-box .tbl-left {
	float:left;
}
.tbl-box .tbl-right {
	float: right;
}

/* ============================
    Soloists
===========================*/
.solo-event {
	display: block;
}

.solo-event .solo-venue {
	margin: 0px;
}

.solo-event .solo-piece {
	padding-left: 50px;
	margin: 0px;
}