/*
    event CSS file
*/


/* 
Theme Name: One Climate
Theme URI: http://www.oneclimate.net/
Version: 3.0
Description: This contains styles specific to OneClimate calendars
Author: Torchbox and OneClimate team
Author URI: http://uk.oneworld.net/
*/


#post-form div.inputbox td {
    vertical-align: top;
}
#post-form div.calendar table tr td {
    font-size: 1.2em;
}
/* start */
.calendar {
    color: #7B828A;
    }
#post-form div.calendar {
    border: none;
    font-size: 1.0em;
    width: 335px;
    min-width: 335px;
}

.calendar div.cal-info {
    width: 0px;
    margin: none;
    padding: 0px 0px 0px 0px;
    float: left;
    }

#post-form .calendar div.field-label {
    font-weight: normal;
    margin: none;
    width: 125px;
    padding: 0px 0px 8px 0px;
    border-bottom: 1px solid #AFB7C4;
    }
#post-form div.calendar div p {
    font-size: 0.8em;
    font-weight: bold;
    margin: 2px 0px 0px 0px;
    padding: 0px;
    }
.calendar div p img {
    height: 12px;
    cursor: pointer;
    }

.calendar table {
    width: 140px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-collapse: collapse; 
    background: #FFFFFF; 
    border: 1px solid #AFB7C4;
    font-family: 'Arial';
    color: #7B828A;
    text-align: center;
    }
#post-form div.calendar table {
    width: 160px;
}
        
.calendar table tr td {
    border-width: 0px 1px 1px 0px;
    border-color: #AFB7C4;
    border-style: solid;
    font-size: 1.0em;
    }
.calendar table tr.months td {
    color: #FFFFFF;
    background-color: #0066CB;
    font-weight: bold;
    font-size: 0.9em;
    border-right-width: 0px;
    }
.calendar table tr.months td.first {
    padding: 3px 4px 4px 8px;
    cursor: pointer;
    }
.calendar table tr.months td.last {
    padding: 3px 8px 4px 4px;
    border-right-width: 1px;
    cursor: pointer;
    }
.calendar table tr.days td {
    font-size: 0.8em;
    padding: 3px 2px;
    font-weight: bold;
    background-color: #E0E0E6;
    }
.calendar table tr.dates td {
    padding: 2px 3px;
    cursor: pointer;
    }
#post-form table tr.dates td {
    padding: 2px 1px;
}    
.calendar table tr.dates td.empty {
    cursor: default;
    background-color: #EAEAEA;
    }
.calendar table tr.dates td.selected {
    cursor: default;
    background-color: #91B700;
    color: #FFFFFF;
    }
.calendar table tr.dates td.today {
    color: #FF0000;
    }

/* end */

div#unsubscribed-groups {
	 z-index: 100;
	
}
div#event {
	width: 210px;
    min-width: 210px;
	background-color:#FFFFFF;
	padding:0px 0px 10px 0px;
	
}



div#event .error {
background-color:#FFFFFF;
color:#FF0000 ;
margin: 0px ;
font-size:10px;
padding:0px;
display: block;
text-align: left;

}


div#event-form div.button {
	display: inline;
    border: 1px solid black;
    font-weight: bold;
    padding: 0px 3px 2px 3px;
    margin: 0px 5px;
    background-color: #7db100;
    letter-spacing: -1px;
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
    width: 40px;
    
}

div#event-form a.button {
/* float: left; */
	
}

div#event-block a.button {
	float: right;

}

div#event-block .instr {
	font-size: 12px;
	
}

div.group_events h2.widget-header {
    width: 210px;
    min-width: 210px;
    letter-spacing: -1px;
}

div.event h3 a.back, div.event h3 a.forward {
    position: absolute;
    top: 1px;
    right: 2px;
    border: none;
}
div.event h3 a.back {
    right: 21px;
}
div.event h3 img {
    margin: 0px;
}
div.event h3 {
    border-top: none;
    padding-left: 5px;
    height: 10px;
    min-height: 9px;
    line-height: 9px;
    background-color: #D7D7D7;
    letter-spacing: -1px;
    padding-bottom: 3px;
}

div#event-block {
    font-size: 12px;
    width: 210px;
    min-width: 210px;
	background-color:#FFFFFF;
	padding:0px 0px 10px 0px;
}

div#event-block h2 {
    width: 210px;
    min-width: 210px;
    border-bottom-width: 0px;
}

/* Styles for individual teaser areas */



div#event-block .error {
    height: 105px;
    min-height: 105px;
    margin-top: 13px;
    padding-top: 30px;
    padding-left: 30px;
}


div.event-entry {
    width: 210px;
    /* min-height: 170px; */
    padding: 0px 0px 5px 0px ;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -1px;
    
}

div.event-entry .teaser {
    min-height: 70px;
    margin-bottom: 22px;
    
}
div.teaser .text {
	padding: 0px;
    float: right;
    min-width: 150px;
    
}
div.event-entry .teaser .image {
	float: left;
    text-align: left;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    overflow: hidden;
 }

div.event-entry .teaser .image img {
    height: 50px;
}

div#event-block .event-entry .teaser .text h2.post-title {
    font-size: 12px;
    min-width: 150px;
    width: 150px;
    padding-top: 0px;
    margin-top: 0px;
}

div#event-block .event-entry .teaser .text .excerpt {
    font-size: 12px;
    width: 150px;
}
div.event-entry .teaser .text .attribution {
    width: 150px;
    height: 15px;
}

div.event-entry h3 {
    border-top: none;
    padding-left: 5px;
    height: 10px;
    min-height: 9px;
    line-height: 9px;
    background-color: #D7D7D7;
    letter-spacing: -1px;
    padding-bottom: 3px;
}

h2.event-date {
font-size: 12px;	
border-width:0;
padding-bottom:2px;
font-weight:bold;
letter-spacing:-1px;
}