/*

Project:	dotjay.co.uk Photo Flick
Title:		Photo Flick Style Sheet
Created:	Feb 2006
Modified:	14 Mar 2007

*/



/* --- photo flick ---
*/

#photo-flick{
float:right;

margin-left:20px;
}

#content .flick{
overflow:hidden;

border:1px solid #000;

width:100px;
height:100px;
}

/* hide the actual image when flicking through */
#content .flick img{
position:absolute;top:0;left:-9999px;
}

#content .flick .pause-start,
#content .flick .pause-stop{
/* float:right; */
display:block;
position:relative;top:2px;left:2px;

background:url(/images/icons/start-stop.gif) no-repeat 0 0;
border:0;
line-height:15px;
margin:0;
padding:0;
text-indent:-9999px;

width:15px;
height:15px;
}

#content .flick .pause-start:focus{
background-position:0 -15px;
cursor:pointer;
}

#content .flick .pause-start:hover,
* html #content .flick .pause-start:active{
background-position:0 -15px;
cursor:pointer;
}

#content .flick .pause-stop{
background-position:-15px 0;
}

#content .flick .pause-stop:focus{
background-position:-15px -15px;
cursor:pointer;
}

#content .flick .pause-stop:hover,
* html #content .flick .pause-stop:active{
background-position:-15px -15px;
cursor:pointer;
}