#global {
    width: 684px;
}

h1 {
    color: #123366;
    font-family:Arial,Helvetica,sans-serif;
    font-size:22px;
    font-weight:normal;
    text-decoration:none;    
}

h2 {
    color: #606060;
    font-family:Arial,Helvetica,sans-serif;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
}

select option {
	padding-right: 10px;
}

#upcoming-event, #past-event, #chat-event, #physical-event {
    border-bottom: dotted 1px #979DBF;
}

#upcoming-event h3, #past-event h3, #chat-event h3, #physical-event h3 {
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:normal;
    padding:0;
    margin: 0;
    text-decoration:none;
}

#upcoming-event h3 {
    color:#123366;
}

#chat-event h3 {
    color:#123366;
}

#physical-event h3 {
	color:#123366;
}

#past-event h3 {
    color:#B5B5B5;
}

.callInDiv {
	position: absolute;
	background: #F6F6F6;
	border: 1px solid #CCC;
	padding: 10px;
	width: 350px;
	height: 180px;
	overflow: auto;
	margin-left: -444px;
	text-align: left;
}

.event {
    min-height: 140px;
    _height: 140px;
    border-top: dotted 1px #979DBF;
    padding: 8px 4px;
}

#upcoming-event .even, #past-event .even, #chat-event .even, #physical-event .even {
    background-color: #F4F4F4;
}

#upcoming-event .odd, #past-event .odd, #chat-event .odd, #physical-event .odd {
    background-color: #FFFFFF;
}

div.vignette {
    width: 72px;
    height: 83px;
    float: left;
    background-repeat: no-repeat;
    margin-top: 10px;
}

div.vignette p {
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: center;
    margin: 0;
    padding: 0;
}

div.vignette .date {
    font-size: 16px;
    line-height: 19px;
    /*margin-top: 6px;*/
}

div.vignette .hour {
    margin-top: 12px;
    font-size: 12px;
}

#upcoming-event .vignette {
    background-image: url('/assets/vignette-blue.png');
}

#past-event .vignette {
    background-image: url('/assets/vignette-grey.png');
}

#chat-event .vignette {
    background-image: url('/assets/vignette-green.png');
}

#physical-event .vignette {
    background-image: url('/assets/vignette-orange.png');
}

.tools {
    float: right;
    display: none;
    _display: block;
}

.event:hover .tools {
    display: block;
}

.tools img {
    border: none;
}

.peoples {
    width: 500px;
    margin: 10px 0 0 80px;
}

.peoples td {
    vertical-align: top;
}

.peoples p {
    margin: 0;
    color: #5B595A;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
}

.peoples .by {
    width: 25px;
}

.peoples .by p {
    font-size: 15px;
    font-weight: bold;
}

.peoples .pic {
    width: 60px;
}

.bio-button {
    border: none;
    cursor: pointer;
}


.bio-bubble {
    position: absolute;
    padding: 10px;
    border: solid 1px #cccccc;
    background-color: white;
    width: 370px;
    z-index: 500;
}

.event .description {
    color: #5B595A;
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;
    margin: 5px 5px 5px 95px;
    text-align: justify;
}

.enter-webinar {
    text-align: right;
}

.enter-webinar img {
    border: none;
}

.play-recording {
    text-align: right;        
}

.play-recording a {
    background-image:url(../assets/button-play-the-recording.png);
    background-position:left top;
    display:inline-block;
    font-size:1px;
    height:24px;
    width:145px;
}

.play-recording a:hover {
    background-position:right top;
}

.schedule-ics {
	clear: both;
	float: left;
	margin-top: 5px;
	margin-left: 15px;
}
