/* Form styles */
form#flickr
{
	width:				100%;
}

form#flickr label
{
	width:				80px;
}

form#flickr li.keyword label
{
	display: none;
}

form#flickr legend
{
	display: none;
}

#flickr fieldset#leftColumn
{
	float: left;
	clear: none;
	width: 465px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 30px;
	overflow: hidden;
}

#flickr fieldset#leftColumn li
{
	padding-left: 62px;
}

#flickr fieldset#leftColumn li.imageChooser
{
	margin-left: 10px;
	padding-top: 5px;
	padding-left: 0px;
}

#flickr fieldset#rightColumn
{
	float: left;
	clear: none;
	width: 250px;	/* 250px minus left and right padding */
	margin-top: 116px;
	overflow: hidden;
}

#rightColumn input#btnSelect
{
	float: right;
	display: none;

	/* replace the transparent spacer image with the correct png image */
	background: transparent url('/images/flickr/btn_usethisimage.png') no-repeat top left;
	width: 142px;
	height: 44px;
}

#rightColumn ol,
#rightColumn .element
{
	width: 100%;
}

#flickr #imagePreview
{
	max-width: 250px;
	width: 250px;
	height: 250px;
	overflow: hidden;
}

#flickr #imagePreview img
{
	max-width: 250px;
	margin: 0 auto;
	border: 1px solid grey;
}

#flickr .imagePreview .loading
{
	background-position: 85px 14px;
	padding-left: 0px !important;
}

#flickr #imagePreview .loading
{
	background-position: 0px 0px !important;
	padding-left: 20px !important;
}

#flickr input.text
{
	width: 250px;
}

#flickr select
{
	width: 175px;
	font-size: 12px;
}


#flickr h2
{
	margin-bottom: 0px;
}

#flickr h3
{
	margin-top: 0px;
}

#flickr .btnSearch
{
	clear: none;
}

#flickr #btnSearch
{
	/* replace the transparent spacer image with the correct png image */
	background: transparent url('/images/flickr/btn-search.png') no-repeat top left;
	width: 98px;
	height: 43px;
}

#flickr .btnSearch .element
{
	margin-top: -8px;
	padding-left: 20px;
	padding-top: 0px;
}

div#results
{
	clear:				both;
	margin:				5px 0px 0px 0px;
}

div#results div.loading,
div#results p
{
	margin-left:		50px;
}

div#flickrList
{
	padding-top:		5px;
}

#flickr div#flickrList ul.items li
{
	margin-left: 2px;
	padding-left: 0px;
}

/* Scrollable */
div.scrollable
{
	float:				left;
    position:			relative;
    overflow:			hidden;
    width:				325px;
    height:				185px;
}

div.scrollable ul.items
{
    width:				20000em;
    position:			absolute;
	padding:			0px;
	margin:				0px;
	list-style-type:	none;
}

div.scrollable ul.items li
{
    float:				left;
	padding:			0px;
	cursor:				pointer;
	clear:				none;
}

div.scrollable ul.items li img
{
	padding: 0px;
	border:	2px solid transparent;
}

div.scrollable ul.items li img:hover
{
    border-color: #CCCCCC;
}

div.scrollable ul.items li img.active,
div.scrollable ul.items li img.active:hover
{
    border:				2px solid #999999 !important;
	padding:			0px !important;
}

/* prev and next buttons */
a.browse
{
	cursor:pointer;
	display:block;
	float:left;
	font-size:1px;
	height:40px;
	margin:40px 10px;
	width:40px;
}
a.right
{
	background: transparent url('/images/flickr/btn-right.png') no-repeat top left;
	clear:right;
	margin-right:0;
	margin-top: 80px;
}

a.right:hover
{

}

a.right:active
{

}

a.left
{
	background: transparent url('/images/flickr/btn-left.png') no-repeat top left;
	margin-left:0;
	margin-top: 80px;
}

a.left:hover
{

}

a.left:active
{

}

a.disabled
{
	visibility:hidden !important;
}

/* navigation links */
ol.navi
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

#flickr fieldset#leftColumn .navi li
{
	padding-left: 0px;
}

ol.navi li
{
	display: inline;
	padding: 0 2px;
	margin: 0 2px;
	cursor: pointer;
}

ol.navi li a
{
	color: #000000;
	cursor: pointer;
}

ol.navi li.active a
{
	text-decoration: none;
	font-weight: bold;
}