/* image picker (studio) */

#divNoPhotos {text-align:center; font-size: 24px;margin-top:24px}
#divBrowser {position:relative;margin-top: 15px;height: 110px;}
/* nasty IE hack to fix tabs overlapping */
#divBrowserTabs a {border:solid 1px #c8c3c3; padding:0px 16px 2px 16px; color:white;background:#ada6a6; text-decoration:none;
	position:relative; top:0;padding:2px 16px 0px 16px; }
html>/**/body #divBrowserTabs a {padding:2px 16px 2px 16px;}

#divBrowserTabs a.selected {border-bottom:solid #F9F9F9 1px; z-index:2;
	padding-top:2px;background: #f9f9f9; color: #333;}
#ddlSetFilter, #fstAutoComplete { position:absolute; top:-8px; right:0; }
#ddlSetFilter, #txtTag { font-size:14px; }
#txtTag {padding:3px 3px 1.6px 3px;}
/* for IE6 */
#fstPickedImages { display: none; }
#div_autocomplete_choices {  position: absolute; top: 10px; right:10px; margin:0; padding: 0; word-wrap: break-word; white-space:normal;}
#div_autocomplete_choices ul { border: 1px solid #999; margin: 0; padding:0;}
#div_autocomplete_choices ul li { list-style-type: none; background-color: #FFF; margin: 0; padding: 0.2em 0.2em 0.1em; overflow:hidden;}
#div_autocomplete_choices ul li.selected { background-color: #b8d7ff; cursor: pointer; color:#000; overflow:hidden;}
#div_autocomplete_choices ul li em { font-style: normal; font-weight: bold;}
#div_autocomplete_choices, #div_autocomplete_choices ul { z-index: 999; width: 187px; }
/* for IE z-index/positioning bug - this allows the autocomplete suggestions to sit over divBrowser  */
#fstAutoComplete { position: absolute; z-index: 2; right:0; top: -8px; }
/* IE 6/7 only! */
#ulBrowserControls, #divPickerBody  { z-index: -1; }
#lbl_autocomplete { position: relative; top: -2px;}
/* reset for other browsers: */
html>/**/body #ulBrowserControls, html>/**/body #divPickerBody { z-index: 0;}
html>/**/body #lbl_autocomplete { position: relative; top: 0px; }
html>/**/body #txtTag {padding: 6px 3px 3px 3px;font-size: 16px;}

#pCompHint{position:absolute; top:-12px; right:0; display:none;}

#divBrowserBody {border:solid 1px #c8c3c3; width: 760px; height:80px;position:relative;background: #f9f9f9;}
#divBrowserBody ul li img {width:55px; height:55px; margin:12px 3px 0 3px;z-index:99;}
#divBrowserBody ul li.selected {height:85px; width:86px; border-left:double 3px #ddd;border-right:double 3px #ddd;}
#divBrowserBody ul li.selected img {width:75px; height:75px; margin:6px 6px 0 6px;}

#aScrollRight,  #aScrollLeft {width:40px;height:40px; background-position:0 0;position:absolute;}
#aScrollRight:hover,  #aScrollLeft:hover {background-position:0 -40px;}
#aScrollRight {position:absolute; right:4px; top:22px; background-image:url(../images/scrollright.png)}
#aScrollLeft {position:absolute; left:5px; top:18px; background-image:url(../images/scrollleft.png);}

#ulBrowserControls {margin-top:10px;padding-bottom: 10px;position:relative; height: 13px; width: 730px;font-size:14px;}
#ulBrowserControls li {margin-right:1em;}
#ulBrowserControls li input.button {font-size:18px;position: relative; top: -5px;}
#ulBrowserControls #liPickerInfo {padding:7px;width: 145px; height: 13px; display: block!important;float: left;
	position: relative; top: -6px; color: #333; text-align: center;}
#ulBrowserControls #liPickedSave {position: absolute; right: -15px; top:1px;font-size:21px;}
#ulBrowserControls #liPickerInfo span {position: relative; top: -3px;}

#divBrowserScroller {margin:5px auto; width:640px; height:60px; padding:4px 4px 4px 3px;overflow:hidden;position: relative;
	background: white; border: dotted 1px #ccc;}
#ulBrowserImages {height:85px; width:1000000px;position:relative; top: -10px;}
#ulBrowserImages li img {cursor: move;}
#pLoadingInfo, #pNoPhotos {position:absolute; top:10px; width:100%; text-align:center; display:none;}
#pLoadingInfo {font-size:13px;}

#divPickerBody {position: relative; color: #333;height: 1%;margin-top: 16px;}
#divPickedImages {width:630px;padding:3px;margin:0;padding: 10px;background:#fafafa;
	border:solid 1px #c8c3c3; z-index:10;}
#divPickerBody.pack10 #divPickedImages {height:61px!important;}
#divPickerBody.pack20 #divPickedImages {height:122px!important;}
#divPickerBody.pack100 #divPickedImages{height:620px!important;}

#divPickedImages li {position: relative;}
#divPickedImages img {width:55px; height:55px;margin:3px 3px 0 3px;cursor: move;}
#divPickedImages div.readd {font-size:11px;position: absolute; top:2px;left: 0;
		width: 55px;padding: 2px;}
#divPickedImages div.readd select {width:40px;position: absolute; top:35px;left:16px;}
#pPickedHint {width:602px;padding-top:3%; position:absolute;margin:3px;
		text-align:center; border:dashed 2px #c8c3c3;font-size:18px;}
#divPickerBody.pack10 #pPickedHint {height:30px;}
#divPickerBody.pack20 #pPickedHint {height:75px;padding-top:37px;}
#divPickerBody.pack100 #pPickedHint {height:586px;}

#divDeletePicked {background:white;position:absolute; right:10px; top:0; width:80px;
		border:dashed 2px #c8c3c3;color:#808080; text-align:center;padding-top:60px; font-size: 13px;
		background-image: url(../images/bin.png); background-repeat:  no-repeat; background-position: 25px 25px;}
#divPickerBody.pack10 #divDeletePicked {height:17px;}
#divPickerBody.pack20 #divDeletePicked {height:80px;background-position: 25px 52px;}

#divPickerBody.pack100 #divDeletePicked {height:578px;}