body div h1 {
margin-left:10px;
}

/* TOOLBAR AND BUTTONS */
#toolbar {
position:relative;
display:block;
float:left;/*required for Mozilla*/
background-color:#eee;
border:0;
border-top:1px solid #fff;
border-bottom:1px solid #D8D2BD;
width:100%;
height:auto;
min-height:40px;
padding:0;
margin:auto;
text-align:left;
vertical-align:middle;
clear:both;
}
/* begin \*/
* html #toolbar {height:1%;float:none;}
/* end */


/* TOOLBAR BUTTONS */
.button,a.button:link,a.button:visited {
position:relative;
display:block;
float:left;
height:auto;
width:auto;
padding:2px 5px;
margin:0 2px;
border:1px solid #000;
background-color:#000;
text-decoration:none;
color:#fff;
}
/* IE 5 and 6 expanding box model fix, but hidden from IE5 for Mac \*/
* html a.button {height:1%;}
/* end */
a.button:hover,a.button:active,a.button:focus {
background-color:#666;/*causes page "jog" in IE 5.0 on rollover - for now leave as is and assume that browser is dead*/
text-decoration:none;
color:#eee;
}
/* Rules below are sed for image-based buttons, rather than text */
.hidden {
display:none;
}
body #toolbar .button,body #toolbar a.button:link,body #toolbar a.button:visited,body #toolbar a.button:active,body #toolbar a.button:hover,body #toolbar a.button:focus {
padding:0;
margin:0;
border:none;
line-height:0;
background:none;
background-color:none;
}
/* IE 5 for Mac float fix for buttons only \*//*/
body div #toolbar a.button,body div #toolbar a.button img {
display:block;
float:left;
}
/*end*//**/



/* These rules use images for buttons. Comment out all rules below if wants text-based tabs instead of image buttons. */
body #toolbar a.view,body #toolbar a.view:link,body #toolbar a.view:visited,body #toolbar a.view:active,body #toolbar a.view:hover,body #toolbar a.view:focus {
display:block;
background-color:transparent;
background:url(images/button_view.gif) no-repeat top left;
width:130px;
height:40px;
}
body #toolbar a.add,body #toolbar a.add:link,body #toolbar a.add:visited,body #toolbar a.add:active,body #toolbar a.add:hover,body #toolbar a.add:focus {
display:block;
background-color:transparent;
background:url(images/button_upload.gif) no-repeat top left;
width:100px;
height:40px;	
}
body #toolbar a.edit,body #toolbar a.edit:link,body #toolbar a.edit:visited,body #toolbar a.edit:active,body #toolbar a.edit:hover,body #toolbar a.edit:focus {
display:block;
background-color:transparent;
background:url(images/button_edit.gif) no-repeat top left;
width:85px;
height:40px;	
}
body #toolbar a.previous,body #toolbar a.previous:link,body #toolbar a.previous:visited,body #toolbar a.previous:active,body #toolbar a.previous:hover,body #toolbar a.previous:focus {
display:block;
background-color:transparent;
background:url(images/button_previous.gif) no-repeat top left;
width:35px;
height:40px;	
}
body #toolbar a.next,body #toolbar a.next:link,body #toolbar a.next:visited,body #toolbar a.next:active,body #toolbar a.next:hover,body #toolbar a.next:focus {
display:block;
background-color:transparent;
background:url(images/button_next.gif) no-repeat top left;
width:35px;
height:40px;	
}
body #toolbar a.reindex,body #toolbar a.reindex:link,body #toolbar a.reindex:visited,body #toolbar a.reindex:active,body #toolbar a.reindex:hover,body #toolbar a.reindex:focus {
display:block;
background-color:transparent;
background:url(images/button_reindex.gif) no-repeat top left;
width:85px;
height:40px;
}
body #toolbar div.scalebuttons {
float:left;
height:auto;
width:120px;
min-width:120px;
}
body #toolbar a.smallest,body #toolbar a.smallest:link,body #toolbar a.smallest:visited,body #toolbar a.smallest:active,body #toolbar a.smallest:hover,body #toolbar a.smallest:focus {
display:block;
background-color:transparent;
background:url(images/button_small1.gif) no-repeat top left;
width:20px;
height:40px;	
}
body #toolbar a.smaller,body #toolbar a.smaller:link,body #toolbar a.smaller:visited,body #toolbar a.smaller:active,body #toolbar a.smaller:hover,body #toolbar a.smaller:focus {
display:block;
background-color:transparent;
background:url(images/button_small2.gif) no-repeat top left;
width:25px;
height:40px;	
}
body #toolbar a.small,body #toolbar a.small:link,body #toolbar a.small:visited,body #toolbar a.small:active,body #toolbar a.small:hover,body #toolbar a.small:focus {
display:block;
background-color:transparent;
background:url(images/button_small3.gif) no-repeat top left;
width:32px;
height:40px;	
}
body #toolbar a.actualsize,body #toolbar a.actualsize:link,body #toolbar a.actualsize:visited,body #toolbar a.actualsize:active,body #toolbar a.actualsize:hover,body #toolbar a.actualsize:focus {
display:block;
background-color:transparent;
background:url(images/button_actual.gif) no-repeat top left;
width:40px;
height:40px;
}
body #toolbar a.resize,body #toolbar a.resize:link,body #toolbar a.resize:visited,body #toolbar a.resize:active,body #toolbar a.resize:hover,body #toolbar a.resize:focus {
display:block;
background-color:transparent;
background:url(images/button_resize.gif) no-repeat top left;
width:40px;
height:40px;
}
body #toolbar a.help,body #toolbar a.help:link,body #toolbar a.help:visited,body #toolbar a.help:active,body #toolbar a.help:hover,body #toolbar a.help:focus {
float:right;
display:block;
background-color:transparent;
background:url(images/button_help.gif) no-repeat top left;
width:50px;
height:40px;	
}
body #toolbar .divider {
display:block;
background-color:transparent;
background:url(images/button_divider.gif) no-repeat top left;
width:10px;
height:40px;	
}
/* Empty image is hidden unless needed for defining a physical width and height space for background button images */
#toolbar img {
display:none;
}
/* hide text if using images as buttons */
#toolbar .hide {
display:none;
}






/* IMAGES - thumbnails */
div.imagemanager_divthumbnails {
position:relative;
display:block;
float:left;
min-width:106px;
max-width:106px;
width:106px;
height:auto;
min-height:106px;/*Netscape 6.1 performs better with this value */
text-align:center;
vertical-align:middle;
margin:1px 0 0 1px;
padding:0;
background-color:transparent;
}
/* Holly Hack: IE5-6 bug fix for disappearing anchor links below thumbs \*/
* html div.imagemanager_divthumbnails {
width:136px;
height:1%;
voice-family:"\"}\"";
voice-family:inherit;
width:110px;
}
/* end hack */

a.imagemanager_anchorthumbnails,a.imagemanager_anchorthumbnails:link,a.imagemanager_anchorthumbnails:visited {
position:relative;
display:block;
float:left;
text-align:center;
vertical-align:middle;
margin:auto;
padding:0;
min-width:104px;
min-height:104px;
max-width:104px;
max-height:104px;
width:106px;
height:106px;
border:1px solid #333;
background-color:#eee;
cursor:pointer;
clear:both;
}
/* Holly Hack: IE5-6 bug fix for disappearing anchor links below thumbs \*/
* html a.imagemanager_anchorthumbnails,* html a.imagemanager_anchorthumbnails:link,* html a.imagemanager_anchorthumbnails:visited {
width:136px;
voice-family:"\"}\"";
voice-family:inherit;
width:104px;
}
/* end hack */
a.imagemanager_anchorthumbnails:hover {
background-color:#ccc;
}
a.imagemanager_anchorthumbnails:active,a.imagemanager_anchorthumbnails:focus {
background-color:#aaa;
}
img.imagemanager_imagethumbnails {
display:block;
max-width:80px;
max-height:80px;
margin:8px auto;
padding:0;
border:1px solid #000;
}

a.imagemanager_anchortextthumbnails,a.imagemanager_anchortextthumbnails:link,a.imagemanager_anchortextthumbnails:visited {
position:relative;
display:block;
float:left;/*needed only for Mozilla and Opera*/
text-align:left;
vertical-align:top;
margin:0;
padding:0;
width:auto;
height:auto;
min-width:20px;
min-height:20px;
border-right:1px solid #000;
border-bottom:1px solid #000;
background-color:#ddd;
cursor:pointer;
}
/* fix IE 5-6 issues:hide from IE Mac \*/
* html a.imagemanager_anchortextthumbnails,* html a.imagemanager_anchortextthumbnails:link,* html a.imagemanager_anchortextthumbnails:visited {
font-size:x-small;/*default font fix - IE 5 series only */
width:20px;/*box model fix - IE 5 series only */
height:20px;/*IE 'hasLayout' fix - IE displays floating thumbs and text better with defined height*/
float:left;
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;
width:20px;
}
/* end */
a.imagemanager_anchortextthumbnails:hover {
background-color:#ccc;
}
a.imagemanager_anchortextthumbnails:active,a.imagemanager_anchortextthumbnails:focus {
background-color:#ccc;
}
a.imagemanager_anchortextthumbnails img {
position:relative;
display:block;
float:left;
border:0;
padding:0;
margin:0;
}
/* IE fix \*/
* html a.imagemanager_anchortextthumbnails img {position:relative;float:left;width:20px;height:20px;border:0;}
/* end */

body div a.imagemanager_borderleft {
border-left:1px solid #000;
}

a.imagemanager_anchortextthumbnails span {
position:relative;
width:auto;
width:height;
/*float:left; causes bug in Opera */
}
/* IE fix \*/
* html a.imagemanager_anchortextthumbnails span {height:1%;}
/* end */







table#imagemanager_table1,table#imagemanager_table2,table.imagemanager_empty {
width:100%;
min-width:100%;
float:none;
clear:both;
height:auto;
border:0;
padding:0;
margin:0;
border-spacing:0;
border-collapse:collapse;
font-size:x-small;
}
td.imagemanager_title{
margin-top:1px;
background:#eee;
border:0;
border-top:1px solid #333;
border-bottom:1px solid #333;
border-right:1px solid #ccc;
text-align:center;
vertical-align:top;
padding:2px 2px;
font-size:x-small;
}
td.imagemanager_noimages {
width:auto;
border:0;
text-align:center;
border-bottom:1px solid #ccc;
padding:10px 0;
}
td.imagemanager_cell 
{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
vertical-align:top;
padding:2px 2px;
font-size:x-small;
}
td.imagemanager_imagecell
{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
padding:2px;
}


 
td.imagemanager_imagecell a,td.imagemanager_imagecell a:link,td.imagemanager_imagecell a:visited,td.imagemanager_imagecell a:active{
border:1px solid #fff;
}
td.imagemanager_imagecell a:hover,td.imagemanager_imagecell a:focus {
border:1px solid #ccf;
}
td.imagemanager_imagecell img {
/*dont add width or height here...let the image and its parent container control those values*/
border:0;
border:1px solid #000;
}

body div td.tinytext{
font-size:x-small;
padding-top:0px;
padding-bottom:0px;
}

.imagemanager_smalltext{
font-size:85%;
}

/*paging*/
#pagingdiv {
display:block;
float:left;
width:auto;
height:auto;
cursor:pointer;
margin:.5em;
padding:1px 10px;
background:#ddd;
border:1px solid #bbb;
}

a.pagingnumbers,a.pagingnumbers:link,a.pagingnumbers:visited,a.pagingnumbers:active {
	line-height:1;
	color:#000;
	text-decoration:none;
	font-size:xx-small;/*IE 5 only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;/*all other browsers*/
}
a.pagingnumbers:hover,a.pagingnumbers:focus {
	line-height:1;
	color:#999;
	text-decoration:underline;
	font-size:xx-small;/*IE 5 only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;/*all other browsers*/
}
.pagingtext {
	font-weight:bold;
	color:#000;
	line-height:1;
	font-size:xx-small;/*IE 5 only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;/*all other browsers*/
}






/* misc page styles */
.imagemanager_individualpage {
clear:both;
display:block;
float:none;
width:100%;
height:100%;
padding:0;
text-align:center;
}

.imagemanager_image,.imagemanager_imageedit {
display:block;
clear:both;
padding:0;
margin:0 auto;
border:0px solid #999;
border-top:0px;
}

.imagemanager_imageedit {
margin:0;
}

.imagemanager_editpage1 {
float:left;
display:block;
background-color:#eee;
border:1px solid #000;
width:300px;
height:auto;
padding:5px;
margin:2px;
}
.imagemanager_editpage2 {
float:left;
width:100%;
height:100%;
padding:0;
text-align:left;
margin:0;
margin-top:2px;
}
.imagemanager_editpage3 {
float:none;
display:block;
background-color:#eee;
border:1px solid #000;
width:auto;
height:auto;
padding:10px;
margin:2px;
}

.imagemanager_addpage {
clear:both;
display:block;
float:left;
width:95%;
height:auto;
padding:5px;
margin:5px;
}
.imagemanager_help {
clear:both;
display:block;
float:left;
width:95%;
height:auto;
padding:5px;
margin:5px;
}
.imagemanager_submit1 {
float:left;
padding:3px;
margin:5px;
}

.imagemanager_submit2 {
float:left;
padding:3px;
margin:5px;
clear:right;
}

.imagemanager_break {
float:none;
clear:both;	
}

.clear {
display:block;
float:none;
clear:both;
line-height:0;
margin:0;
padding:0;
font-size:0;
border:0;
}

#imagemanager_edittable {
border-spacing:0;
border-collapse:collapse;
border:0;
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
vertical-align:top;
}
#imagemanager_edittable td {
border:0;
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
vertical-align:top;
}



/*dropdown view list*/
#imagemanager_divlist{
position:relative;
display:block;
float:left;
height:auto;
width:auto;
border:none;
padding:0;
margin:0;
min-width:340px;
min-height:40px;
}
/* begin \*/
* html #imagemanager_divlist {height:40px;}
/* end */
#imagemanager_formview {
float:left;
height:auto;
width:auto;
padding:0;
margin:0;
border:none;
min-width:340px;/*required for Opera 7.0*/
min-height:40px;
}
/* begin \*/
* html #imagemanager_formview {height:40px;}
/* end */
#view,#sort,#filter {
float:left;
height:auto;
width:auto;
padding:0;
margin:.6em .1em 0em .3em;
min-width:120px;/*required for Opera 7.0*/
}
#imagemanager_submitview,#imagemanager_submitsort,#imagemanager_submitfilter {
float:left;
height:auto;
width:auto;
padding:0;
margin:.6em .3em 0em 0;
font-size:85%;
}


/* IMAGE QUICKVIEW STYLE : Prepares link to accept layered rollover image boxes */
a.imagemanager_quickview {
display:block;
position:relative;
top:0px;
left:0px;
width:auto;
height:auto;
color:blue;
text-decoration:none;
border:0px solid black;
background:none;/*required by IE */
}
a.imagemanager_quickview:hover,a.imagemanager_quickview:focus,a.imagemanager_quickview:active {
background:transparent url() no-repeat 0 0;/*required by IE */
}
span.imagemanager_quickview_image,a.imagemanager_quickview:link span.imagemanager_quickview_image,a.imagemanager_quickview:visited span.imagemanager_quickview_image {
display:none;
}
/*In IE, adding the "active" psuedo-class, allows you to have a menu that freezes in view on click and stays focused!*/
a.imagemanager_quickview:hover span.imagemanager_quickview_image,a.imagemanager_quickview:focus span.imagemanager_quickview_image,a.imagemanager_quickview:active span.imagemanager_quickview_image {
display:block;
position:absolute;
top:10px;
left:50px;
border:1px solid black;
width:80px;
height:80px;
padding:5px;
background:#f0f0f0;
}

/*rotate form*/
#imagemanager_rotatediv {
display:block;
float:left;
width:40px;
height:40px;
border:none;
min-height:none;
padding:0;
margin:0;
min-width:40px;/*Opera 7.1 fix */
}
#imagemanager_rotatediv form,#imagemanager_rotatediv input {
width:40px;
height:40px;
padding:0;
margin:0;
}

/*rotate form*/
.imagemanager_reindex {
display:block;
float:left;
width:auto;
border:none;
height:auto;
min-height:none;
padding:0;
margin:0;
min-width:90px;/*Opera 7.1 fix */
}

.imagemanager_cursor {
cursor:pointer;
}



/* tree container styles */

table.imagemanager_treetable
{
display:table;
width:100%;
height:100%;
border-spacing:0;
border-collapse:collapse;
float:none;
clear:both;
border:none;
margin:0;
padding:0;
}
td.imagemanager_treetd1
{
width:200px;
height:100%;
text-align:left;
vertical-align:top;
padding:0;
margin:0;
margin-top:1px;
/*background:url(images/bg_tile1.gif) repeat;*/
}
td.imagemanager_treetd2
{
width:auto;
height:100%;
text-align:left;
vertical-align:top;
}
td.imagemanager_treetd3
{
width:100%;
height:100%;
border:none;
text-align:left;
vertical-align:top;
}
div.imagemanager_treediv_scroller
{
overflow:auto;
width:199px;
height:600px;
background:#f0f0f0;
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
}
div.imagemanager_treediv2
{
float:left;
width:auto;
min-width:100%;
height:auto;
background:#ddd;
border:none;
border-top:1px solid #aaa;
border-bottom:1px solid #999;
text-align:center;
vertical-align:top;
padding:2px 0px;
clear:both;
}
div.imagemanager_treediv3
{
float:left;
width:auto;
min-width:100%;
height:auto;
background:#cdcdcd;
border:none;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #999;
vertical-align:middle;
padding:0;
margin:0;
color:#fff;
font-size:x-small;
clear:both;
}
div.imagemanager_movefolderdiv
{
width:auto;
min-width:150px;
max-width:250px;
padding:10px;
margin:0;
background:#f5f5f5;
border:1px solid #aaa;
}
select.imagemanager_movefolderselect,select.imagemanager_movefolderselect2
{
margin:0px;
padding:0px;
width:108px;
font-size:xx-small;
color:#333;
background:#f0feec;
border:1px solid #656;
}
select.imagemanager_movefolderselect2
{
width:auto;
}
option.imagemanager_movefolderoptions
{
margin:0px;
padding:0px;
font-size:xx-small;
color:#333;
background:#fcfcf0;
}
label.imagemanager_movefolderlabel
{
display:block;
width:80px;
clear:both;
float:left;
text-align:right;
font-size:x-small;
line-height:1.7;
padding-right:5px;
}


div.imagemanager_editfolderdiv
{
margin:10px 0px;
border:1px solid #aaa;
padding:5px;
font-size:85%;
color:#900;
line-height:1.5;
}
div.imagemanager_editnofolderdiv
{
margin:10px;
border:1px solid #aaa;
padding:5px;
font-size:85%;
color:#333;
line-height:1.5;
background:#fcfcef;
}



div.imagemanager_removepanel {
position:relative;
display:block;
float:left;/*needed only for Mozilla and Opera*/
text-align:center;
vertical-align:top;
margin:auto;
padding:4px 0 0 0;
width:auto;
height:auto;
min-width:104px;
min-height:20px;
border:1px solid #000;
border-top:0;
background-color:#666;
cursor:pointer;
clear:both;
}
/* fix IE 5-6 issues:hide from IE Mac \*/
* html div.imagemanager_anchortextthumbnails {
font-size:x-small;/*default font fix - IE 5 series only */
width:106px;/*box model fix - IE 5 series only */
height:20px;/*IE 'hasLayout' fix - IE displays floating thumbs and text better with defined height*/
float:none;/*float here causes issues becuase child elements are floating but have no width or height, so removed*/
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;
width:104px;
}
/* end */
div.imagemanager_anchortextthumbnails img 
{
float:right;
}


select.imagemanager_treeselect1,select.imagemanager_treeselect2
{
font-size:x-small;
margin:1px 30px 0px 0px;
padding:0;
}
select.imagemanager_treeselect1,select.imagemanager_treeselect1 option
{
background:#ecf0ea;
}
select.imagemanager_treeselect2,select.imagemanager_treeselect2 option
{
background:#eae6dc;
}

.imagemanager_foldericonleft
{
display:block;
float:left;
}
.imagemanager_foldericonright
{
display:block;
float:right;
}

.imagemanager_color1
{
color:#009933;
}
.imagemanager_div1
{
color:#fff;
background:#f90;
padding:5px 0;
}
.imagemanager_td1
{
width:100%;
height:100%;
}
.imagemanager_loadingbar
{
position:absolute;
top:30%;
left:40%;
width:220px;
height:60px;
border:none;
}
.imagemanager_td2
{
text-align:left;
vertical-align:top;
}