/* 
    Document   : Events table
    Created on : Sep 9, 2011, 9:56:25 AM
    Author     : Lucnd
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#jse-event-detail .jse-event-detail-content {
    /*border-bottom: 1px solid #CCCCCC;
    padding-top: 5px;*/
    width: 100%;
	/*display: table;*/
	padding-bottom: 10px;
	clear: both;
}
#jse-event-detail.general-event-detail .jse_image{
    border: 1px dotted #DDDDDD;
    padding: 6px;
}
#jse-event-detail .text-event-detail {
	clear: both;
}
#jse-event-detail .jse_text-event-detail-cols3 {
	/* float: right; donald removed this part*/ 
    /*margin-right: 20px;*/
}
#jse-event-detail .jse_text-event-detail-cols2 {
    margin-top: 10px;
}
#jse-event-detail .jse_text-event-detail-cols1 {
	float: left;
    margin-right: 20px;
}
#jse-event-detail .jse-lable {
	color: #4C4C4C;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
}
#jse-event-detail .jse-descriptin {
    color: #000;
/*    font-size: 1em; */
    font-size: 15px;
    margin-bottom: 5px
}
#jse-event-detail strong {
	color: black;
	font-weight: bold;
}
#jse-event-detail a strong {
    color: #91b43e;
    font-weight: bold;
}
#jse-event-detail .jse_category {
	margin-right: 8px;
}
#jse-event-detail .jse-event-title {
/*    color: #595959 !important;
    font-family: "Lucida Fax" !important; 
    font-size: 30px !important;*/
    font-weight: bold !important;
/*    text-transform: uppercase; */
    line-height: 32px;
}
#jse-event-detail span.jse-info-date{
    color: #000;
    /*font-family: Lucida Sans;
    font-size: 13px;
    font-weight: bold;*/
}
#jse-event-detail .to_date {
    color: #000;
    font-weight: 700;
    margin: 5px;
    opacity: 100;
}
#jse-event-detail span.info_venue {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    /*text-transform: uppercase;*/
    width: 100%;
}
#jse-event-detail a.jse_venue {
    background-color: transparent !important;
    /*color: #CF4E33 !important;*/
    text-decoration: none;
}
#jse-event-detail div.jse-address {
	 padding: 8px 0 7px 2px;
}
#jse-event-detail div.jse-address span {
    color: #000;
    font-family: Arial;
    font-size: 15px;
}
#jse-event-detail .jse-detail-info-Attenders span {
    color: #000;
    /*font-family: "Arial";
    font-size: 15px;*/
}
#jse-event-detail span.jse-title-attender {
    /*background: url("../img/icon_map.png") no-repeat scroll left top transparent;*/
    padding-bottom: 2px;
    padding-left: 0px;
    padding-top: 2px;
    color: #000;
}
#jse-event-detail span.jse-title-place {
    padding-left: 0px;
}
#jse-event-detail .jse-price-ateenders {
    /*color: #CF4E33 !important;*/
    padding: 0 20px 0 3px;
}
#jse-event-detail span.jse-early-bird-discount {
    position: absolute;
	margin-left: 2px;
	margin-top: 15px;
	color: #000;
}
#jse-event-detail .jse-info-category-creator strong, #jse-event-detail .jse-detail-repeat strong {
	color: black;
	font-weight: bold;
}
#jse-event-detail .jse-detail-info-Attenders div.jse-register {
    margin-top: 10px;
	text-align: center;
}

/*repeat css iframe*/
#jse-event-detail .event_repeat{
	border: #CCCCCC 1px solid;
	margin-top: 10px;
	float: left;
	height: 92px;
	width: 300px;
}
#jse-event-detail #event_repeat{
	border: #CCCCCC 1px solid;
	margin-top: 15px;
	height: 92px;
	width: 300px;
}
#jse-event-detail .events_left{
	width: 269px;
	padding-left: 8px;
	float: left;
}
#jse-event-detail .controll_right{
	border-left: #CCCCCC 1px solid;
	float: left;
	height: 100%;
}
#jse-event-detail .controll_prev, .controll_prev:hover{
	 background: url("../img/icn_arrow_gray_up.png") no-repeat scroll left top transparent;
	 height: 21px;
	 width: 21px;
	 cursor: pointer;
}
#jse-event-detail .controll_next, .controll_next:hover{
	background: url("../img/icn_arrow_gray_down.png") no-repeat scroll left top transparent;
	height: 21px;
	width: 21px;
	cursor: pointer;
}
#jse-event-detail .controll_prev_, .controll_prev_:hover{
	 height: 21px;
	 width: 21px;
}
#jse-event-detail .controll_next_, .controll_next_:hover{
	height: 21px;
	width: 21px;
}
#jse-event-detail .controll_load{
	height: 50px;
}
#jse-event-detail .repeat_loading {
    background: url("../img/throbber_16x16.gif") no-repeat scroll center center transparent;
}
#jse-event-detail .jse-detail-repeat {
	margin-bottom: 10px;
	margin-top: 10px;
}
#jse-event-detail a.jse-event-repeat {
    background-color: transparent !important;
    color: #0066CC !important;
    font-style: italic;
    padding: 0 3px;
    text-decoration: none;
}
span.jse-price-place {
    color: #CF4E33 !important;
}
@media (max-width: 980px) {
	#jse-event-detail img{
		width: 100% !important;
		height: auto !important;
	}
	#jse-event-detail .jse_text-event-detail-cols3 {
		width: 100% !important;
		/*clear: both !important;*/
	}

	#jse-event-detail .jse-detail-info-Attenders div.jse-register {
		text-align: left;
	}

	/*repeat css iframe*/
	#jse-event-detail .event_repeat{
		height: auto !important;
		width: 100% !important;
	}
	#jse-event-detail #event_repeat{
		height: auto !important;
		width: 100% !important;
	}
	#jse-event-detail .events_left{
		width: 100% !important;
	}
	#jse-event-detail .controll_right{
		width: 100% !important;
		border-left: 0px !important;
		border-top: #CCCCCC 1px solid;
		height: 21px !important;
	}
	#jse-event-detail .controll_prev, .controll_prev:hover{
		background: url("../img/icn_arrow_gray_prev.png") no-repeat scroll left top transparent !important;
		float: left !important;
	}
	#jse-event-detail .controll_next, .controll_next:hover{
		background: url("../img/icn_arrow_gray_next.png") no-repeat scroll left top transparent !important;
		float: right !important;
		/*margin-right: 1px;*/
	}
	#jse-event-detail .controll_prev_, .controll_prev_:hover{
		width: 5% !important;
		height: 21px;
		float: left !important;
	}
	#jse-event-detail .controll_next_, .controll_next_:hover{
		width: 5% !important;
		height: 21px;
		float: left !important;
	}
	#jse-event-detail .controll_load{
		height: 21px !important;
		float: left !important;
		width: 80% !important;
	}
}
@media (max-width: 768px) {
	
}
@media (max-width: 480px) {
	
}