/* standard horizontal and vertical sliders */
#horizHandleDiv { 
    position:absolute; 
    left: 100px; /* the default position is the center of the bg */
    top: 6px;  /* force the image down a bit */
    cursor:default;
    width:18px; 
    height:18px; 
}
/* Changed the left margin from 60px */
#horizWrapper {margin:0 auto; width:230px;}
#horizBGDiv {position:relative; top:0px; background:url(http://dev.highfive.me.uk/Resources/gallery/icons/sliderBg.png) no-repeat; height:26px; width:230px;z-index:5 }
#horizValueDiv { position:relative; top: 10px; left:88px; } 


/* My gallery styles */
					
	div.gallery			{width:65%; 
						text-align:center;
						float:left; 
						clear:none;
						position:relative; 
						z-index:50; 
						padding-top:25px; 
						padding-bottom:25px;
						padding-left:2px;
						background:none;
						}
	
	@media all and (min-width: 0px)
					{
							/*div.gallery img		{float:left; margin-bottom:15px; padding:2px;}
							*/
						}
						
	div.holderDiv		{width:85%; 
						position:relative; 
						left:7.5%; 
						min-width:760px; 
						clear:both; 
						z-index:10;
						}
						
	div.wrapperDiv		{text-align:center; 
						background-color:#e5ecf9; 
						width:60%; 
						float:left; 
						z-index:15;
						}
						
	div.gallery-menu	{
							 width:30%; 
							 float:right; 
							 text-align:left; 
							 clear:none;
							 padding-left:10px;
							 
						}
						

	
	div.gallery-thumbnail	{
								padding:2px;
								display:block;
								width:105px;
								height:200px;
								float:left;
								clear:none;
								margin:4px;
								vertical-align:middle;
								padding-top:2%;


							}
	div.gallery-thumbnail img	{ border:1px solid #999999;
								display:block;
								float:right;
								clear:none;}
							
/* Calendar Styles */

	#liteCalMain	{font-family:Geneva, Arial, Helvetica, sans-serif; text-align:center; border-collapse:collapse; margin:0 auto;}
	
	#liteCalDays td	{padding-top:10px;}
	#liteCalYearBack {background:url(/Resources/calendar/yearback.png) no-repeat left; width:24px; height:24px; cursor:pointer;}
	#liteCalYearNext {background:url(/Resources/calendar/yearnext.png) no-repeat left; width:24px; height:24px; cursor:pointer;}
	#liteCalMonthBack {background:url(/Resources/calendar/monthback.png) no-repeat left; width:24px; height:24px; cursor:pointer;}
	#liteCalMonthNext {background:url(/Resources/calendar/monthnext.png) no-repeat left; width:24px; height:24px; cursor:pointer;}
	
	td.liteCalCurrentMonth {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.9em; text-align:center; width:72px; background-image:none; cursor:pointer;}
	td.liteCalCurrentMonth_selected {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.9em; text-align:center; width:72px; background-image:url(/Resources/calendar/month_selected.png) no-repeat; cursor:pointer;}

	td.liteCal_spacer {width:24px; height:24px; background-color:#FFF;}
	td.liteCal_weekSelector {width:24px; height:24px; background-image:url(/Resources/calendar/week_select.png); background-repeat:repeat-x; cursor:pointer;}
	td.liteCal_day {background-image:url(/Resources/calendar/day.png); background-repeat:repeat-x; padding-left:3px; padding-right:3px; font-size:0.9em; cursor:pointer; color:#666666;}
	td.liteCal_day_selected {background-image:url(/Resources/calendar/day_selected.png); background-repeat:repeat-x; padding-left:3px; padding-right:3px; font-size:0.9em; cursor:pointer; color:#666666;}
	td.liteCal_weekEnd {background-image:url(/Resources/calendar/week_end.png); background-repeat:no-repeat; width:24px; height:24px;}	

fieldset {border:0; padding:0; margin:0;}						

#gallery-categories ul		{margin:0 auto; margin-left:-25px;}						
#gallery-categories ul li	{list-style:none;
								color:#666666;
								font-size:small;}
								
h2.gallery-menu-title		{

								background:url(../Resources/gallery/icons/menu-title-bg.png) left;
								height:25px;
								width:85%;
								line-height:25px;
								color:#FFFFFF;
								padding-left:30px;
								font-size:12px;
								clear:none;
								
							}	
							
h2.gallery-menu-title-collapsed		{

								background:url(../Resources/gallery/icons/menu-title-inactive-bg.png) left;
								height:25px;
								width:85%;
								line-height:25px;
								color:#FFFFFF;
								padding-left:30px;
								font-size:12px;
								clear:none;
							}	
							
span.gallery-menu-title		{
								
								background:url(../Resources/gallery/icons/menu-title-inactive-bg.png) right;
								width:15%;
								height:25px;
								line-height:25px;
								float:right;
								clear:none;
								position:relative;
								top:-34px;
								left:-3px;
								

							}	
							
div.new-picture-badge				{
								background:url(../Resources/gallery/icons/new-badge.png) no-repeat;
								height:45px;
								width:45px;		
								float:left;
								clear:none;
								position:relative;
								top:-25px;
								left:-18px;
								display:inline;
							}
							
li.active-drop-location   	{
								background:url(../Resources/gallery/icons/drag-location-active.png) no-repeat;
								border-top:2px solid #000066;
								border-bottom:2px solid #000066;
								font-weight:bolder;
								padding-left:25px;
								color: #418ce5;
								position:relative;
								left:-25px;
								padding-top:2px;
								padding-bottom:2px;
							}
							
li.drop-location			{
								background-image:none;
								background-color:#FFFFFF;
								color:#666666;
								border:none;
								font-weight:normal;
								
								
							}