/* ===========================================================
   main.css
   * Sets up some sensible elements slider.

   Based on work by:
   * Akash Tilva
=========================================================== */


/* ---------------------------------------------------------
	Slider for month's properties :: travelplan/createPlan , travelplan/editPlan
	--------------------------------------------------------- */
	.ui-slider {clear: both; top: 0px;}
	#previous_scroll{ background: url(/images/mix2.png) 0 0 ; width:45px; height:45px; border:none; position: relative; float:left;  cursor:pointer; }
	#previous_scroll:hover { background-position: 0 -45px; }
	.keval { padding: 5px 0; font-size:12px; line-height:15px; background:#f7f7f7; border:none; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; width:56px; height:33px; float:left; text-align:center; cursor:pointer; }
	.keval:hover { background: url(/images/mix2.png) -100px -1px; }
	#next_scroll{ background: url(/images/mix2.png) -45px 0; width:45px; height:45px; border:none; position: relative; float:left;  cursor:pointer; }
	#next_scroll:hover { background-position:-45px -45px; }
	.monthdisabled	{ color:#bbb; cursor:default; }
	.monthdisabled:hover	{ background:#f7f7f7; }
	.monthselected	{ font-weight:bold; background:url(/images/mix2.png) -100px -1px; color:#312E25; }
	.monthselected:hover	{ background:url(/images/mix2.png) -100px -1px; }
	#monthDisplayer	{ overflow: hidden; background:#f7f7f7; height: 45px; width:706px; }
	#monthContainer	{ overflow: hidden; width: 420px; height: 100%; float:left;}
	.monthselectedbydate { font-weight:bold; background:url(/images/mix2.png) -100px -1px; }


/* ---------------------------------------------------------
	Slider for day's properties :: travelplan/makeSchedule
	--------------------------------------------------------- */
	#day_previous_scroll{ background: url(/images/mix2.png) 0 0 ; width:43px; height:45px; border:none; position: relative; float:left;  cursor:pointer; }
	#day_previous_scroll:hover { background-position: 0 -45px; }
	.scroll_div { padding: 4px 0; font-size:14px; border:none; width:56px; height:35px; float:left; text-align:center; cursor:pointer;}
	.scroll_div span { font-size:20px; display:block; line-height:20px; }
	.scroll_div:hover { background: url(/images/mix2.png) -100px -1px;}
	#day_next_scroll{ background: url(/images/mix2.png) -47px 0; width:43px; height:45px; border:none; position: relative; float:left;  cursor:pointer; }
	#day_next_scroll:hover { background-position:-47px -45px; }
	.scroll_div_selected	{ background:url(/images/mix2.png) -100px -1px; }
	.scroll_div_disabled	{ color:#bbb; cursor:default; }
	.scroll_div_disabled:hover	{ background:#f7f7f7; }
	#scroll_div_Displayer	{ height: 45px; width:932px; display:block; }
	#scroll_div_Container	{ overflow: hidden; background:#f7f7f7; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; width: 845px; height: 43px; float:left; position:relative; }
	#scroll_div_Container_inner { position:relative; height: 100%; float:left; left:0px; }