/*** Page layout styles ***/

body { margin: 0; padding: 0; font-family: arial, sans-serif; font-size: 100.1%; background: #fff url('../images/demo/misc/bg.gif') left top; }
#pageWrapper { width: 1250px; font-family: arial, sans-serif; font-size: 80%; background: #fff url('../images/demo/misc/edge_shadow.gif') repeat-y right top; color: #666; font-family: arial, sans-serif }
#pageBottom { background: url('../images/demo/misc/bottom_shadow.gif') no-repeat top left; height: 8px }

#header { position: relative; height: 120px; padding-right: 25px; }
#mainLogo { float: left; margin: 17px 15px 5px }

h1 { position: absolute; left: 170px; top: 95px; margin: 0; }
/* Fine tune h1 positioning */
h1:lang(en) { bottom: 10px; } /* Position for FF/Moz */
* html h1 { clear: both; } /* Adjustment for PC/IE */

#navCol { float: left; padding: 10px 0px 20px 15px; }
#mainCol { float: left; width: 568px; padding: 10px 25px 20px 15px; }
/*  Correct width for PC/IE5.x \*/
* html #mainCol { width: 608px; w\idth: 668px; } 
/* End hide */

* html div.overflowfix #mainCol { position: absolute; } /* Fix for pages that might overflow */

#footer { color: #999; font-size: 75%; padding: 11px 0px; border-top: 1px solid #017397; margin-top: 30px; height: 1%; }

/*************************/

/*** General styles ***/
h1 { font-size: 180%; color: #017397; }
h1 span.divider { color: #abadaf; padding: 0px 10px; }
h2 { font-size: 120%; color: #666; margin: 0; padding: 0; line-height: 1.3em; }
h3 { font-size: 95%; color: #333; margin: 0; padding: 0; line-height: 1.3em; }

p { font-size: 95%; margin: 0; line-height: 1.3em; }
p.standard { padding: 0.25em 0em 1em; }
p.spaced { padding-top: 10px; } 
p.intro { padding-bottom: 12px; } 
p.rule { border-top: 1px solid #97c7d6; padding: 12px 0px; }
p.error { color: red; font-weight: bold; padding: 0px 0px 12px; }

a { color: #017397; text-decoration: none; }
a:hover { text-decoration: underline; }
a.bold { font-weight: bold; }

a img { border: none; }

ul, ol, dl, table, p { font-size: 95%; }

ul li a { padding-left: 0; }

form { margin: 0; }
/* Hide from IE/Mac \*/
input, textarea { font-size: 93%; font-family: arial, sans-serif; }
/* End hide */
select { font-size: 95%; font-family: arial, sans-serif;  }

* html input.text, * html textarea, * html input.file { font-size: 100%; }
*>html input.text { f\ont-size: 95%; } /* IE/Mac only */

input:lang(en), textarea:lang(en), select:lang(en) { font-size: 95%; }
input.file:lang(en) { font-size: 95%; }

input.small { width: 90px; }

span.inlineLabel { padding-right: 2px; }
* html span.inlineLabel { position: relative; top: -2px; }

div.clearing { clear: both; }
div.rule { border-bottom: 1px solid #add0db; padding-top: 6px; margin-bottom: 6px; }
* html div.rule { height: 1%; he\ight: auto; }
div.noPadding { padding: 0; } 

* html span.inline { position: relative; top: -1px; }

/* Hide elements which have been included in case stylesheets disabled */
hr { display: none; }
.hidden { display: none; }

/* Fix for clearing floated elements */
.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*************************/

/*** Common styles ***/

/* Header elements */

#hLinks { position: relative; margin: 15px 0px; padding: 1.5em 10px 1em; width: 548px; float: left; font-size: 88%; text-align: right; border-top: 8px solid #017397; background: #cceaf3; color: #333; }
* html #hLinks { width: 568px; w\idth: 1028px; } /* Fix IE positioning problems*/
#hLinks span.divider { padding: 0px 2px; }

* html a#profileLink, * html a#logoutLink { position: relative; top: 3px; t\op: 0; height: 1%; }
a#profileLink { background: url('../images/demo/icon/profile.gif') no-repeat right center; padding-right: 17px }
a#logoutLink { background: url('../images/demo/icon/lock.gif') no-repeat right center; padding-right: 14px }
* html>body #hLinks span.inner { position:relative; right: 17px; } /* IE/Mac fix */
 
/* Navigation menu */  
ul.nav { width: 140px; margin: 0; background: url('../images/demo/misc/dots.gif') repeat-x top left; padding-top: 1px; font-size: 95%; list-style-type:none; padding-left:0; padding-right:0; padding-bottom:0 }
ul.nav li { background: url('../images/demo/misc/dots.gif') repeat-x bottom left; padding-bottom: 1px }
ul.nav a { font-weight: bold; color: #017397; display: block; padding: 0.5em 10px; }
ul.nav a#nav_conditions { font-weight: normal; font-size: 95%; } 
ul.nav a:hover { background: url('../images/demo/arrow/nav_arrow.gif') no-repeat right center; text-decoration: none } 
ul.nav a.current, ul.nav a.current:hover { background: #cceaf3 url('../images/demo/arrow/nav_arrow.gif') no-repeat right center; }

/* Hide from IE/Mac - Force correct display in PC/IE5.x and reset values for IE/PC6 
  'float' and 'width' settings remove horizontal padding
  'height: 1%' removes vertical padding \*/
* html ul.nav li { float: left; }
* html ul.nav a { height: 1%; 
	float: left; clear: right; width: 140px;
	f\loat: none; w\idth: auto; } 
/* End hide */

/* Make PC/IE6 display hover behaviour over any part of block (not just text) 
   N.B. seems to work even when <span> applied to one nav item only */
* html ul.nav a span { display: block; width: 100%; }

/* Admin menu */  
h3.nav { background: url('../images/demo/misc/dots.gif') repeat-x bottom left; width: 140px } 
h3.nav a { display: block; padding: 0.5em 10px; margin-right: 7px; } 
h3.nav a:hover { background: none; text-decoration: none; } 
ul#admin_nav { background: none; padding-top: 0; } 
ul#admin_nav a { font-weight: normal; font-size: 95%; text-indent: 1em; }  

/* Lightbox panel */ 
#lbPanel { width: 138px; border: 1px solid #97c7d6; margin-top: 18px; padding: 8px 0px; color: #333; }

#lbPanel h3 { margin: 0; padding: 0 10px; }
#lbPanel p { font-size: 88%; margin: 0; padding: 2px 10px; line-height: 1.25em; }
#lbPanel a#lbLink { background: url('../images/demo/icon/folder.gif') no-repeat top left; padding-left: 18px; display: block; height: 13px; line-height: 13px; margin-top: 1px }
/* #lbPanel a#lbLink:hover { background-position: 0% -13px; }*/

/* Main content elements */

div.head { padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #add0db; border-bottom: 1px solid #add0db; font-size: 90%; position: relative }
div.head a { font-weight: bold; } /* color: #c06; */
div.head span.divider { padding: 0px 2px; }

#categoryList ul { margin: 0; margin-left: 12px; padding: 2px 10px 4px; font-size: 88%; width: 128px; float: left; color: #017397; }
* html #categoryList ul { width: 158px; w\idth: 310px; margin-left: 0; padd\ing-left: 20px; pad\ding-right: 20px; }
#categoryList ul li { line-height: 1.1em; padding: 0px 0px 2px }
#categoryList a { font-weight: bold; }

table.form { width: 100%; /* border-top: 1px solid #add0db; */ }
table.form th, table.form td { padding: 4px 0px; } table.form td.para { padding: 12px 0px; }
table.form th { text-align: left; padding-right: 15px; width: 90px; }
table.form th.textarea { vertical-align: top; padding-top: 8px; }
table.form td.textarea { vertical-align: top; }
table.form input, table.search select { width: 200px; }
/* Hide from IE/Mac - Width for PC/IE6 only \*/
* html table.form select { w\idth: 206px; } 
/* End hide */
table.form input.small { width: 90px; }
table.form input.file { width: 200px; }
table.form input.checkbox, table.form input.button, table.form input.radio { width: auto; }
* html table.form input.file { width: auto; }
table.form input.file:lang(en) { width: auto; }
table.form textarea { width: 335px; height: 62px; }

input.button { background: #1f91b5; color: #fff; font-size: 90%; font-weight: bold; line-height: 12px; border: 2px solid #51a5bf; border-right-color: #017397; border-bottom-color: #017397; padding: 0px 4px 2px; margin-left: 8px; }
* html input.button { 
	height: 14px;
	padding-bottom: 0px;
	padding-top: 2px;
/* Hide from IE/Mac (insert correct styles for PC/IE) \*/
	height: 19px;
	padding-top: 0px;
/* End hide */
}  

/* Hide from IE/Mac \*/
input.button:lang(en) { font-size: 93%; }
table input.button:lang(en) { font-size: 95%; }
/* End hide */

input.cancel { margin-left: 0; } 

/*************************/

/*** Login styles ***/

#loginPage { background: #fff; margin-top: 120px; }

div.loginPanel { width: 486px; margin-left: auto; margin-right: auto; font-size: 80%; background: #fff; color: #666; border: 2px solid #017397; }
div.registerPanel { width: 542px; margin-left: auto; margin-right: auto; font-size: 80%; background: #fff; color: #666; border: 2px solid #014e7b; }

* html div.loginPanel, * html div.registerPanel { text-align: left; margin-left: 25%; ma\rgin-left: auto; }

div.loginPanel div.top, div.registerPanel div.top { background: none;  height: 10px; }
div.loginPanel div.inside { border-left: none; border-right: none; width: 482px; }
div.loginPanel div.bottom, div.registerPanel div.bottom { background: none;  font-size: 1px; height: 10px; }

#loginPage #mainLogo { margin: 5px 13px 14px; }
#loginPage h1 { position: relative; left: auto; top: 31px; }
* html #loginPage h1 { clear: none; top: 30px; }

div.loginForm { clear: both; margin: 0px 14px; width: 454px; padding-top: 8px; }

div.loginForm p { margin: 4px 0px 4px 153px; font-weight: bold; }
div.loginForm p.error { color: #ef0000; margin-top: 6px; }
div.loginForm p.note { font-weight: normal; font-style: italic; font-size: 85%; margin-bottom: 0; }
div.loginForm p.note a { font-style: normal; }

div.loginForm table { margin-left: 153px; margin-top: 6px; }
div.loginForm table th { text-align: left; }
div.loginForm table th, div.loginForm table td { padding: 2px 12px 2px 0px; }
div.loginForm table td.submit { padding-top: 8px; }

div.loginForm input.text { width: 200px; }
div.loginForm input.button { margin-left: 0; }

div.registerPanel input.button { font-size: 85%; }
div.registerPanel input.button:lang(en) { font-size: 90%; }

#loginPage #cancelButton { margin-left: 153px; }
* html #loginPage input#cancelButton { top: -19px; }
#loginPage input#cancelButton:lang(en) { top: -22px; }
/*************************/

/*** Home page styles ***/

#homePage #rfContent { float: right; width: 224px; }
#homePage #mainContent { margin-right: 239px; margin-top: 8px; } 
#homePage input#keywords { width: 150px; } 

/* Quick search panel */
#qsPanel { width: 327px; background: #cceaf3; border: 1px solid #add0db; margin-bottom: 20px; }
* html #qsPanel { width: 324px; }
#qsPanel div.top { background: none;  font-size: 1px; height: 8px; }
#qsPanel div.bottom { background: none; font-size: 1px; height: 8px; }
#qsPanel h3 { margin: 0; padding: 0 11px; }
#qsPanel p { margin: 0; padding: 1px 11px; line-height: 1.25em; color: #333; }
#qsPanel table.qs { margin: 1px 11px; padding: 0; color: #333; }
#qsPanel a#asLink { font-size: 88%; }

/* Topical/Recently added image panels */
.promoPanel { width: 286px; text-align: left; position: relative; top: -20px; left: 20px; }
.promoPanel div.top { background: none;  font-size: 1px; height: 7px; }
.promoPanel div.inside { border-left: none; border-right: none; width: auto; }
.promoPanel div.bottom { background: none; font-size: 1px; height: 10px; margin-bottom: 20px; }

.promoPanel h3 { padding: 10px 77px 6px; }
.promoPanel .imgWrapper { padding: 0px 6px 11px; }

.promoPanel a img { float: left; border: 1px solid #ccc; margin: 0px 4px; }
/* Make sure all browsers display hover behaviour: */
.promoPanel a:hover img, * html .promoPanel a:hover { border-color: #add0db; }

.promoPanel div.featured h3 { text-align: right; font-size: 92%; font-weight: normal; color: #666; padding: 0.2em 0; }
.promoPanel div.featured a img { float: none; border: none; margin: 0; }

.promoPanel div.topical { background: #e6e8e8; }

/*************************/

/*** Search page styles ***/

table.search { border-top: 1px solid #add0db; border-bottom: 1px solid #add0db; width: 100%; padding: 8px 0px;}
table.search th, table.search td { padding: 4px 0px; }
table.search td.note { padding: 0px 0px 8px; }
* html table.search td.note { padding-top: 6px; }
table.search th { text-align: left; padding-right: 15px; width: 90px; }
table.search th.textarea { vertical-align: top; padding-top: 8px; }
table.search td.textarea { vertical-align: top; }
table.search input, table.search select { width: 200px; }
/* Hide from IE/Mac - Width for PC/IE6 only \*/
* html table.search select { w\idth: 206px; } 
/* End hide */
table.search input.small { width: 90px; }
table.search input.file { width: 200px; }
* html table.search input.file { width: auto; }
table.search input.file:lang(en) { width: auto; }
table.search textarea { width: 335px; height: 62px; }
table.search input.checkbox { width: auto; margin: 0; }
* html table.search input.checkbox { position: relative; left: -4px; }
img.icon { padding: 0px 4px 0px 2px; }

table.searchCats { border-bottom: 1px solid #add0db; width: 100%; margin-bottom: 10px; color: #333; }
table.searchCats th { text-align: left; padding: 6px 0px; width: 330px; }
table.searchCats td { padding: 3px 0px 2px; vertical-align: top; }
select.category { width: 325px; }

div.categoryListBox { display: none; }
div#topLevelListBox { display: block; }
div.categoryListBox p { margin: 0; padding: 8px 0px 4px; font-size: 100%; }
div.categoryListBox input.button { margin-left: 10px; }
*>html div.categoryListBox input.button { ma\rgin-left: 6px; } /* IE/Mac only */

td.note { color: #666; font-style: italic; }

span.required { color: #017397; font-size: 150%; line-height: 36%; margin-left: 2px; }

td.note span.required { position: relative; top: 0.2em; }
* html td.note span.required { left: -0.1em; }

td.textarea span.required { position: relative; top: -46px; }
td.textarea span.required:lang(en) { left: 2px; } /* Adjustments for FF/Moz */

input#submitButton { margin-left: 0; }

/*************************/

/*** Category browsing page styles ***/

div.browsePager {  }
div.browsePager a { font-weight: bold; }
div.browsePager a.bf { font-weight: normal; }
div.browsePager a.current, div.browsePager a.inactive { color: #999; }
div.browsePager a.current:hover, div.browsePager a.inactive:hover { text-decoration: none; }

/*** Search results page styles ***/

#resultsPage div.head { position: relative; }

#resultsPage div.foot { position: relative; margin: 10px 0px;}

div.searchPager { float: right; position: absolute; right: 0px; top: 6px; }
div.searchPager a { font-weight: bold; }
div.searchPager a.bf { font-weight: normal; }
div.searchPager a.current, div.searchPager a.inactive { color: #999; }
div.searchPager a.current:hover, div.searchPager a.inactive:hover { text-decoration: none; }

div.foot div.searchPager { top: 0; }
#resultsPage div.foot { padding-top: 6px; font-size: 90%; }

/* Results list */
ul.results { list-style: none; padding: 0; margin: 0; font-size: 100%; }
ul.results li { margin: 0; border-bottom: 1px solid #add0db; padding: 7px 0px; }
/* Hide from IE/Mac - Ensure that vertical alignment correct in IE/PC \*/
* html ul.results li { float: right; }
/* End hide */ 
ul.results img { float: left; margin-bottom: 0px; border: 1px solid #ccc; padding: 0px; margin-right: 12px; }
ul.results a:hover img, * html ul.results a:hover { border-color: #017397; }

ul.results img.icon { border: 1px solid #fff;}

ul.results h3, ul.results p { margin: 0; /* margin-left: 100px; */  margin-right: 120px; }
ul.results p { font-size: 88%; }

ul.results p.action { float: right; margin: 0; font-size: 88%; text-align: right; }
ul.results p.action a { display: block; width: 100px; height: 30px; }

ul.results p.action a { background: url('../images/demo/icon/folder_grey.gif') no-repeat bottom right; color: #999; cursor: text }
ul.results p.action a:hover { text-decoration: none; }

ul.results p.action a.add { background-image: url('../images/demo/icon/folder.gif'); color: #017397; cursor: pointer }
ul.results p.action a.add:hover { text-decoration: underline; }


ul.results select.action { float: right; margin: 0; font-size: 88%; }

ul.results div.admin { float: left; margin-top: 0.5em; clear: left; }
ul.results div.admin table.form th { font-size: 95%; text-align: left; color: #666; width: 35%; }
ul.results div.admin textarea { width: 300px; height: 50px; }
ul.results div.admin span.inline { font-size: 95%; }
ul.results div.admin img { float: none; margin-right: 4px; }
ul.results div.admin a:hover img { border-color: #fff; }

#adminPage ul.results, #approvalPage ul.results { float: left; width: 100%; padding-bottom: 8px; margin-bottom: 12px; }
* html #adminPage ul.results, * html #approvalPage ul.results { margin: 0; padding: 0; border: 0px none; }
#adminPage ul.results li, #approvalPage ul.results li { padding-bottom: 8px; }


/*************************/

/*** Lightbox styles ***/

#lightboxPage div.head { padding-top: 10px; padding-bottom: 10px; margin-bottom: 8px; position: relative; }
#lightboxPage div.buttons { float: right; font-size: 90%; margin-top: 0.1em; }


#lightboxPage h2.section { position: relative; clear: left; margin: 0.5em 0; }
#lightboxPage p.section { padding-bottom: 0.4em; font-style: italic; }

/* Lightbox display (also used for browse page) */
ul.lightbox { list-style: none; padding: 0; margin: 0; font-size: 100%; padding-bottom: 0.8em; border-bottom: 1px solid #cceaf3; }
ul.lightbox li { padding: 0; margin: 0; float: left; width: 130px; height: 150px; margin: 6px 10px 6px 0px; background: #cceaf3; border: 1px solid #cceaf3; border-right: 1px solid #add0db; border-bottom: 1px solid #add0db; text-align: center; font-size: 88%; position: relative; }
* html ul.lightbox li { margin: 6px 8px 6px 0px; }

ul.lightbox li.empty { background: #fff; border: 1px solid #fff; }

ul.lightbox img { margin: 8px 0px 1px 0px; border: 1px solid #ccc; padding: 0px; }

ul.lightbox img.icon { border: none; }

* html ul.lightbox img { margin-bottom: 3px; }
ul.lightbox a:hover img, * html ul.lightbox a:hover { border-color: #017397; }

ul.lightbox a { font-weight: bold; text-align: center; font-size: 105%; }
ul.lightbox a:hover { text-decoration: none; }

ul.lightbox a:hover span { text-decoration: underline; }

ul.lightbox .status { font-weight: normal; font-style: italic; font-size: 100%; }
ul.lightbox .approved { color: #333 }
ul.lightbox .pending { color: #333 }
ul.lightbox .rejected { color: #E90505; }

ul.lightbox p { font-size: 102%; font-weight: bold; margin: 0px 7px 3px;  width: 117px; overflow: hidden; }
* html ul.lightbox p { margin: 0px 0px 3px 14px; ma\rgin: 0px 7px 3px; }
* html ul.lightbox p { overflow: visible; } /* Overflow value for IE/Mac */ 
/* Hide from IE/Mac - Overflow values for IE/PC and Moz/FF \*/
* html ul.lightbox p { font-size: 100%; overflow: hidden; } 
ul.lightbox p:lang(en) { overflow: hidden; } 
/* End hide*/



/* Hide from IE/Mac \*/ 
ul.lightbox p.action { margin: 0; padding: 0; display: inline; position: absolute; bottom: 6px; right: 6px; font-size: 88%; text-align: right; }

/* End hide */ 
* html>body ul.lightbox  p.action { text-align: right; margin: 4px 18px 0 0;} /* Position for IE/Mac */

ul.lightbox p.action a { font-weight: normal; padding-right: 12px; font-size: 100%; }




ul.lightbox p.action a.view { background: url('../images/demo/icon/small_arrow.gif') no-repeat right center; }
ul.lightbox p.action a.add { background: url('../images/demo/icon/add.gif') no-repeat right center; }
ul.lightbox p.action span.added { padding-right: 12px; color: #666; font-weight: normal; background: url('../images/demo/icon/tick.gif') no-repeat right center; }
ul.lightbox p.action a.remove { background: url('../images/demo/icon/x.gif') no-repeat right center; }

ul.lightbox p.action a:hover { text-decoration: underline; }

/*************************/

/*** Browse styles ***/

#browsePage div.head { color: #333; font-weight: bold; margin-bottom: 6px; }

#browsePage #categoryList { margin-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #add0db; margin-bottom: 6px; color: #333; }

#browsePage #categoryList ul { width: auto; padding-left: 21px; font-size: 95%; }

#browsePage #categoryList a.back { background: url('../images/demo/arrow/back_arrow.gif') no-repeat left center; padding-left: 10px; height: 1% } /* N.B. 'height: 1%' forces IE/PC5.x to display padding */

#browsePage ul.lightbox li { height: 136px; }
* html #browsePage ul.lightbox li { margin-right: 7px; }

/*************************/

/*** Image detail page styles ***/

#detailsPage h2 { margin: 6px 0px 8px; }
#detailsPage img#image { border: 0px solid #ccc; float: left; margin: 0; }
#detailsPage img#icon { float: left; margin: 0; }
#detailsPage div.thumb { padding-left: 2px; padding-right: 16px; margin-right: 0; }

/* Action buttons and links */
div.actions { float: left; width: auto; padding-left: 20px; }
div.actions input { width: 100px; display: block; margin-bottom: 7px; margin-left: 0; }
* html div.actions input { display: inline-table; } /* Fix for IE/Mac */
div.actions div.spacer { font-size: 3px; }
div.actions ul { width: auto; list-style: none; margin: 0; padding: 0; font-size: 88%; }
div.actions ul li { border-top: 1px solid #ccc; padding: 6px 0px 5px 0px; }
div.actions ul a { color: #017397; display: block; } 
div.actions ul a:hover { text-decoration: underline; }

/* Adjustments for IE */ 
* html div.actions ul { width: 140px; w\idth: auto; }

* html div.actions ul li a { height: 1%; float: left; clear: right; }   
/* Adjustments for IE/Mac */ 
*>html div.actions ul { w\idth: 140px; } /* IE/Mac only */
*>html div.actions ul li { c\lear: both; } /* IE/Mac only */
div.actions ul a.lbAdd { background: url('../images/demo/icon/folder.gif') no-repeat top right; }
div.actions ul a.lbRemove { background: url('../images/demo/icon/folder_grey.gif') no-repeat top right; }

div.actions ul a.lbAdd, div.actions ul a.lbRemove { padding-right: 26px; height: 13px; line-height: 13px; margin-top: 1px; }
/*div.actions ul a.lbAdd:hover, div.actions ul a.lbRemove:hover { background-position: 100% -13px; }*/

table.imageData { margin: 10px 0px; }
table.imageData th, table.imageData td { padding: 6px 0px; vertical-align: top; }
table.imageData th { text-align: left; width: 18%; padding-right: 5px; }

/*************************/

/*** Download page styles ***/

#downloadPage h2 { margin: 6px 0px 8px; }

div.thumb { float: left; padding-right: 12px; border-right: 1px solid #add0db; margin-right: 12px; }
div.thumb img { border: 1px solid #ccc; }
div.thumb img.icon, div.thumb img#icon { border: 0px; }
/* Hide from IE/Mac \*/ 
#downloadPage #mainContent { float: left; } 
/* End hide */ 
*>html #downloadPage #mainContent .dialogPanel { c\lear: both; } /* IE/Mac only */ 
div.formFields { margin-top: 2px; }
div.formFields select, div.formFields input { display: block; margin-bottom: 5px; }

/* Dialogue panel with headed border */
.dialogPanel { width: 325px; margin: 8px 3px 12px; border: 1px solid #017397; padding: 8px 0px 0px; }
.dialogPanel div.top { position: relative; background: none;  font-size: 1px; height: 14px; }
.dialogPanel div.inside { border-left: none; border-right: none; width: 323px; padding: 8px 0px; }
.dialogPanel div.bottom { position: relative; background: none;  font-size: 1px; height: 0px; }
.dialogPanel h3 { font-size: 12px; color: #616161; background: #fff; display: inline; position: relative; left: 8px; padding: 0px 4px; line-height: 1.2em; }

.dialogForm { margin: 0px 8px; width: 300px; }
.dialogForm th { font-weight: normal; text-align: left; width: 30%; padding-right: 5px; }
* html .dialogForm select { width: 180px; } 
.dialogForm input.button, * html .dialogForm input.button { margin-left: 0; }

/*************************/

/*** Download image preview page styles ***/  

#downloadPreviewPage { margin: 0; background: #fff; }
* html #downloadPreviewPage { width: 500%; } /* IE fudge -- allows large images to display in correct place */
#downloadPreviewPage #pageWrapper { width: auto; background: none; } 
#downloadPreviewPage #pageBottom { background: none; } 
#downloadPreviewPage #header { width: 770px; } 
#downloadPreviewPage #mainCol { float: none;  margin-left: 155px; }

* html #downloadPreviewPage #mainCol { margin-left: 0; }
/* html #downloadPreviewPage #mainCol { position: absolute; top: 120px; margin-left: 0; }*/
#downloadPreviewPage img#previewImage { border: 1px solid #ccc; }
#downloadPreviewPage img#previewImage:lang(en) { margin-right: 20px; } /* Adjustment for FF/Moz */ 
#downloadPreviewPage input.button, * html #downloadPreviewPage input.button { margin-left: 0; margin-right: 8px; }

/*************************/  

/*** Download lightbox page styles ***/

#downloadLightbox #mainContent { margin: 0px 0px 0px 0px; } 
#downloadLightbox h2 { margin: 6px 0px 8px; }

/*************************/

/*** Admin pages styles ***/

#adminPage ul#admin_nav { display: block; } 
#adminPage h2 { margin-bottom: 2px; padding-top: 6px; border-top: 1px solid #add0db; } 
#adminPage h3 { margin-bottom: 4px; }
#adminPage h3.nav { margin-bottom: 0px; }
#adminPage h3.nav a { background: url('../images/demo/arrow/nav_down_arrow.gif') no-repeat right center;  } 
#adminPage table.form th.checkbox { vertical-align: top; padding-top: 6px; }
#adminPage table.form td.checkbox { vertical-align: top; padding-right: 5px; }

*>html #adminPage div.rule { p\osition: relative; he\ight: 10px; } /* IE/Mac only */

input#cancelButton { position: relative; top: -22px; margin-left: 0; }
* html input#cancelButton { top: -18px; }
input#cancelButton:lang(en) { top: -20px; }

input.inline { margin-left: 2px; }
* html input.inline { position: relative; top: -1px;  }

/* Category pages */
p.category b { line-height: 1.5em; color: inherit; }

table.category th { font-weight: normal; text-align: left; padding: 2px 16px 2px 0px; }
table.category td { text-align: left; padding: 2px 6px; }

/* User pages */ 
table.findUser td { padding: 0; padding-right: 2px; } 
table.findUser input.text { width: 90px }
table.findUser input.button { margin-left: 2px; }

* html table.users { margin-bottom: 6px; }
table.users th, table.users td { text-align: left; padding: 2px 16px 2px 0px; }
table.users td.action { padding: 2px 4px; }
table.users td.actionDisabled { padding: 2px 4px; color: #b0b0b0; }

/* Group pages */
h2.groupCategory { color: #666; }

table.permissions { margin-top: 6px; margin-bottom: 6px; }
table.permissions th { text-align: center; }
table.permissions th.radio { font-weight: normal; }
table.permissions th.radio, table.permissions td.radio { text-align: center; width: 5em; padding-right: 0; }
* html>body table.permissions td { padding-top: 3px; padding-bottom: 3px; }
table.permissions td { padding-right: 36px; }

table.permissions span.catPermission1 { padding-left: 0px; }
table.permissions span.catPermission2 { padding-left: 10px; }
table.permissions span.catPermission3 { padding-left: 20px; }


/* List pages */

ul.attributeLists { margin: 0 0 1em; padding: 0; padding-left: 21px; color: #017397; line-height: 1.3em; }

/* Reports pages */
#adminPage h2.report { margin-top: 6px; border: none; padding-top: 0; }
h3.report { font-weight: bold; color: #666; margin: 8px 0px; }
p.report { padding: 2px 0px 4px; }

table.report { width: 100%; margin-bottom: 6px; }
table.report th, table.report td { text-align: left; padding: 2px 16px 2px 3px; }
table.report th.downloads { text-align: right; padding-right: 3px; }
table.report td.downloads { text-align: right; padding-right: 5.1em; }
table.report td.uses { text-align: right; padding-right: 3.8em; }
table.report tr.downloadbreakdown { background-color: #e5e5e5; }
table.report tr.downloadbreakdown td { padding: 3px 16px 3px 6px; padding-right: 5.4em; }
table.report tr.downloadbreakdown td.groups { font-weight: bold; padding-bottom: 1px; }

/*************************/

/*** Profile styles ***/

#profilePage table.form { width: 350px; border: 0px; }

/*************************/

/*** Batch update styles ***/
#importPage ul#admin_nav { display: block; } 
#importPage h3.nav { margin-bottom: 0px; }
#importPage h3.nav a { background: url('../images/demo/arrow/nav_down_arrow.gif') no-repeat right center;  } 

#importPage img.image { border: 1px solid #017397; padding: 0px; }
#importPage img.icon { border: 0px; padding: 0px; }
#importPage #batchItemHeader { border-top: 1px solid #add0db; padding-top: 6px; padding-bottom: 6px; }  
#importPage #batchItemHeader img { float: left; margin-right: 12px; }
#importPage table.search th { text-align: left; padding-right: 15px; width: 115px; }

/*************************/

/*** Contact page styles ***/

table.form textarea { width: 335px; height: auto; }

/*************************/

/*** Conditions page styles ***/

#conditions h2 { margin: 14px 0px 8px 0px; }
#conditions p { margin-bottom: 8px; }
#conditions p.term { padding-left: 20px; font-style: italic; }
#conditions div.copy { width: 520px; }
#conditions div.copy li { margin-bottom: 8px; }

/*************************/

/*** How Do I page styles ***/

#howdoi p.term { padding-left: 20px; font-style: italic; }

#howdoi div.copy { width: 520px; }

#howdoi div.copy h2 { font-size: 110%; color: #555; margin: 14px 0px 8px 0px; }
#howdoi div.copy h3 { margin: 14px 0px 8px 0px; font-style: italic; }
#howdoi div.copy p { margin-bottom: 8px; }

#howdoi div.copy ul { margin-top: 8px; margin-bottom: 10px; }
#howdoi div.copy li { margin-bottom: 6px; }
#howdoi .note { font-style: italic; }

/*************************/

/*** Search Help popup styles ***/

#searchhelp { margin: 0px; background: #fff; padding-bottom: 1em; }

#searchhelp div.copy h2 { font-size: 110%; margin: 14px 0px 8px 0px; padding: 4px; color: white; background: #1f91b5;  }
#searchhelp div.copy h3 { font-size: 110%; margin: 14px 0px 8px 0px; font-style: italic; }
#searchhelp div.copy h4 { margin: 12px 0px 6px 10px; font-style: italic; color: #555; font-size: 95%; }
#searchhelp div.copy { margin: 10px; font-size: 80%; }
#searchhelp div.copy p { margin-bottom: 8px; margin-left: 20px; }
#searchhelp div.copy code { font-size: 120%; color: #017397;  }
#searchhelp div.copy code.searchString { border: 1px solid #aaa; padding: 1px 5px; }

/*************************/

/*** Conditions popup styles ***/

body#conditionsPopup { margin: 0px; background: #fff; }

#conditionsPopup h1 { position: relative; left: 0px; top: 0px; margin-bottom: 10px; }

#conditionsPopup div.copy h2 { font-size: 110%; color: #555; margin: 14px 0px 8px 0px; padding: 4px; color: #777; }
#conditionsPopup div.copy h3 { font-size: 110%; margin: 14px 0px 8px 0px; font-style: italic; }
#conditionsPopup div.copy h4 { margin: 12px 0px 6px 10px; font-style: italic; color: #555; font-size: 95%; }
#conditionsPopup div.copy { margin: 10px; font-size: 80%; }
#conditionsPopup div.copy p { margin-bottom: 8px; margin-left: 20px; }
#conditionsPopup div.copy code { font-size: 120%; color: #017397;  }
#conditionsPopup div.copy code.searchString { border: 1px solid #aaa; padding: 1px 5px; }

/*************************/

/*** Error page ***/

* html #errorPage { width: 500%; background: #fff; }
* html #errorPage #pageWrapper { width: auto; background: none; }
* html #errorPage #pageBottom { background: none; }
/*************************/