/* 
    Document   : Events Pick Date
    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/
*/
#events-pick-date .event-item {
	margin-bottom:10px;
	min-height:100px;
	width: 100%;
}
#events-pick-date .row-fluid {
	margin-bottom: 3px;
	margin-top: 3px;
}
#events-pick-date .event-repeat {
	padding-bottom:10px;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}
#events-pick-date .jse_detail_repeat {
	width: 100%;
	float: left;
	/*margin-top: 10px;*/
/*	margin-left: 22px;*/
}
#box-browse-events.general-smart .jse_image{
    border: 1px dotted #DDDDDD;
    padding: 0px; 
}
#box-browse-events .section-tab-head {
	margin-bottom: 30px;
	border-bottom: 2px solid #CCCCCC;
	padding-bottom: 4px;
}
#events-pick-date .event-image {
	width: 25%;
	float: left;
}
#events-pick-date .event-info {
	float: left;
	width: 70%;
	/*margin-left: 10px;*/
	padding-left: 10px;
}
#events-pick-date .to_date {
	color: #91b43e; /* #0000FF */
	opacity: 100;
	font-weight: 700;
	margin: 5px;
}
@media (max-width: 980px) {
	#events-pick-date .event-image {
		float: none !important;
		width: 100% !important;
	}
	#events-pick-date .event-info {
		float: none !important;
		width: 100% !important;
	}
	#events-pick-date img{
		width: 100% !important;
		height: 100% !important;
	}

	/*repeat css iframe*/
	#events-pick-date .event_repeat{
		height: auto !important;
		width: 100% !important;
	}
	#events-pick-date #event_repeat{
		height: auto !important;
		width: 100% !important;
	}
	#events-pick-date .events_left{
		width: 100% !important;
	}
	#events-pick-date .controll_right{
		width: 100% !important;
		border-left: 0px !important;
		border-top: #CCCCCC 1px solid;
		height: 21px !important;
	}
	#events-pick-date .controll_prev, .controll_prev:hover{
		background: url("../img/icn_arrow_gray_prev.png") no-repeat scroll left top transparent !important;
		float: left !important;
	}
	#events-pick-date .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;*/
	}
	#events-pick-date .controll_prev_, .controll_prev_:hover{
		width: 5% !important;
		height: 21px;
		float: left !important;
	}
	#events-pick-date .controll_next_, .controll_next_:hover{
		width: 5% !important;
		height: 21px;
		float: left !important;
	}
	#events-pick-date .controll_load{
		height: 21px !important;
		float: left !important;
		width: 90% !important;
	}
}
@media (max-width: 768px) {
	#events-pick-date .controll_load{
		height: 21px !important;
		float: left !important;
		width: 80% !important;
	}
}
@media (max-width: 480px) {
	#events-pick-date .controll_load{
		height: 21px !important;
		float: left !important;
		width: 70% !important;
	}
}

/*repeat css iframe*/
#events-pick-date .event_repeat{
	border: #CCCCCC 1px solid;
	margin-top: 10px;
	float: left;
	height: 92px;
	width: 300px;
}
#events-pick-date #event_repeat{
	border: #CCCCCC 1px solid;
	margin-top: 15px;
	height: 92px;
	width: 300px;
}
#events-pick-date .events_left{
	width: 269px;
	padding-left: 8px;
	float: left;
}
#events-pick-date .controll_right{
	border-left: #CCCCCC 1px solid;
	float: left;
	height: 100%;
}
#events-pick-date .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;
}
#events-pick-date .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;
}
#events-pick-date .controll_prev_, .controll_prev_:hover{
	 height: 21px;
	 width: 21px;
}
#events-pick-date .controll_next_, .controll_next_:hover{
	height: 21px;
	width: 21px;
}
#events-pick-date .controll_load{
	height: 50px;
}
#events-pick-date .repeat_loading {
    background: url("../img/throbber_16x16.gif") no-repeat scroll center center transparent;
}