/*****
*
*	Sacoiwa Core Cascading Style Sheet
*
*	Thu Feb 24 17:03:54 EST 2005 - F Harvell
*
*****
*
*	Copyright © 2000 - 2008 First Time Software
*
*	All rights reserved worldwide. Usage rights have been granted
*	to the website owner according to the terms and conditions of
*	the Sacoiwa License Agreement.
*
*****
*
* Version 4.0, $Id: lib.css 1728 2009-07-31 19:46:54Z fharvell $
*
*****/


/* base */

body { font-family:Arial,Verdana,Helvetica,sans-serif; color:#000; margin:2px; background:#FFF; }

div span label a { background:none; }

table { margin:0; padding:0; font-size:1em; }
th { font-weight:bold; text-align:center; vertical-align:top; }
td { text-align:left; vertical-align:top; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

.floatleft { float:left; }
.floatcenter { margin:auto; }
.floatright { float:right; }

.clear { clear:both; }
.wrapper:after { content:""; display:block; clear:both; }
* html .wrapper { height:1%; } /* ie */
.pagebreak { page-break-before:always; }

.searchlight { background-color:#FAFA99; }
.highlight { font-weight:bold; background-color:#FAFA99; }

.empty { font-weight:normal; color:#666; }
.nooptions { font-weight:bold; color:#D33; }
.noresults { font-weight:bold; color:#D33; }

.adminlink { font-size:8pt; vertical-align:super; }


/* links */

a, a:link { color:#00E; }
a:visited { color:#518; }
a:focus, a:hover, a:active { color:#F00; }

a.link, a.link:link { color:#339; }
a.link:visited { color:#009; }
a.link:focus, a.link:hover, a.link:active { color:#F00; }

a.fragment, a.fragment:link { color:#393; }
a.fragment:visited { color:#090; }
a.fragment:focus, a.fragment:hover, a.fragment:active { color:#F00; }


/* forms */

form { margin:0; }

fieldset { max-width:760px; margin:2em auto; background-color:#E6F3FF; border:none; border-left:solid 4px #5AE; }
fieldset legend { font-weight:bold; background-color:#F0F6FC; border:outset 2px #5AE; padding:2px 5px; margin:0; }
fieldset div.instructions { margin-bottom:10px; }

fieldset .input fieldset { background-color:#CDE; border:none; margin:4px 4px 4px 204px; }
fieldset .input fieldset legend { border:none; background:none; text-align:right; margin-left:-204px; width:168px; padding:4px 4px 4px 20px; position:relative; }
fieldset .input fieldset.htmlarea { margin:4px; }
fieldset .input fieldset.htmlarea input, fieldset .input fieldset.htmlarea select { font-size:x-small; }

fieldset span.value { display:block; margin-left:204px; }
fieldset div.input, fieldset div.output { clear:both; }
fieldset div.input:after, fieldset div.output:after { content:""; display:block; clear:both; }
* html fieldset div.input, * html fieldset div.output { height:1%; } /* ie */

fieldset div.input, fieldset div.output { padding-bottom:4px; border-bottom:1px dotted #5AE; }
fieldset div.input.selectlist { padding-bottom:4px; border:none; }

div.input, div.output { margin:4px; }
div.range { display:inline; margin:0; }

label { padding:4px; cursor:pointer; }
div.input label, div.output label, div.input .label, div.output .label, div.instructions span { font-family:Arial,Helvetica,sans-serif; font-weight:bold; }
div.input label, div.output label, div.input .label, div.output .label { vertical-align:top; padding-left:20px; padding-right:4px; }
fieldset div.input label, fieldset div.output label, fieldset div.input .label, fieldset div.output .label { text-align:right; width:180px; min-width:180px; float:left; }
fieldset div.input nobr label, fieldset div.output nobr label { font-weight:normal; font-size:smaller; vertical-align:bottom; width:auto; min-width:0; padding-left:4px; float:none; }

fieldset div.input fieldset h1, fieldset div.output fieldset h1 { clear:both; font-family:Arial,Helvetica,sans-serif; font-size:medium; margin:10px 0; padding-top:10px; }
fieldset div.input fieldset label, fieldset div.output fieldset label { font-size:smaller; text-align:left; vertical-align:middle; padding:4px; width:auto; min-width:0; float:none; }

div.required legend, div.required label, div.instructions span.required { color:#009; }
div.error legend, div.error label, div.instructions span.error { text-transform:uppercase; color:#900; }
div.range label { font-weight:normal; width:180px; min-width:180px; float:left; }

div.htmlarea { background:none; }
div.error input, div.error select, div.error textarea { background:#FDD; }

.labelinfo, .valueinfo { font-size:8pt; }
a.labelinfo, a.labelinfo:link, a.valueinfo, a.valueinfo:link { font-size:8pt; text-decoration:underline; color:#339; }
a.labelinfo:visited, a.valueinfo:visited { color:#009; }
a.labelinfo:focus, a.valueinfo:focus, a.labelinfo:hover, a.valueinfo:hover, a.labelinfo:active a.valueinfo:active { color:#F00; }

div.input table th, div.output table th { text-align:left; border-bottom:solid 1px; }

input, select, textarea { border:inset 2px #AAC; }
input:focus, select:focus, textarea:focus { border:solid 2px #99C; }
input.radio, input.checkbox { border:none; }

p.new { font-size:8pt; margin:0 5px; text-align:right; }
p.new a, p.new a:link, fieldset p.new a:visited { color:#9AB; text-decoration:none; }
p.new a:focus, fieldset p.new a:hover, fieldset p.new a:active { color:#ABE; text-decoration:underline; }


/* password */

.defaultpwd { font:oblique 10pt "Lucida Console","Courier New",Courier,serif; }


/* selectlist */

div.selectlist h1 { font-size:8pt; text-align:center; }


/* status */

div.input.status, div.output.status { display:inline; }


/* helpinfo */

p.helpinfo legend, p.helpinfo label { background:url(/sf/icons/info.gif) no-repeat; }

div.helpinfo.msgbox { position:absolute; visibility:hidden; z-index:-1; width:300px; margin-left:190px; background:none; }
div.helpinfo.msgbox div { background:url(/sf/icons/bbg.gif) repeat-y; padding:2px 10px; }
div.helpinfo.msgbox div image { float:left; }
div.helpinfo.msgbox div div { margin-left:25px; background:#D8E8F8; }
div.helpinfo.msgbox p { color:#333; margin:0; }
div.helpinfo.msgbox a, div.helpinfo.msgbox a:link, fieldset div.helpinfo.msgbox a:visited { color:#333; text-decoration:underline; }
div.helpinfo.msgbox a:focus, fieldset div.helpinfo.msgbox a:hover, fieldset div.helpinfo.msgbox a:active { color:#999; text-decoration:underline; }


/* submit */

fieldset div.submit { text-align:right; }
fieldset button.input, fieldset button.output { font:bold 8pt Verdana,Arial,sans-serif; }

button, input.button, input.submit, input.critical { font:bold 8pt Verdana,Arial,sans-serif; width:auto; border:outset 3px #8AD; margin:2px; padding:0; background-color:#DEF; color:#000; }
button:active, input.button:active, input.submit:active, input.critical:active { border:inset 3px #8AD; }

a.submit, a.submit:link, a.submit:visited { font-weight:bold; text-decoration:underline; background:none; color:#363; }
a.submit:focus, a.submit:hover, a.submit:active { color:#090; }
button.submit, input.submit { color:#039; }
div.submit { text-align:right; margin:0; }

a.critical, a.critical:link, a.critical:visited { font-weight:bold; text-decoration:underline; background:none; color:#900; }
a.critical:focus, a.critical:hover, a.critical:active { color:#F00; }
button.critical, input.critical { color:#B44; background-color:#FDD; border:outset 3px #DAA; }
button.critical:active, input.critical:active { border:inset 3px #DAA; }
div.critical { text-align:right; margin:0; }


/* query info */

div.queryinfo { text-align:center; padding:5px; }
div.queryinfo table { margin:0 auto; }
div.queryinfo th { text-align:right; }
div.queryinfo td { text-align:left; }


/* trail */

span.trail { font-size:8pt; color:#999; }
span.trail a, span.trail a:link, span.trail a:visited { font-size:8pt; text-decoration:underline; color:#999; }
span.trail a:focus, span.trail a:hover, span.trail a:active { color:#F00; }


/* messages */

div.sfabout { margin:10px; padding:8px; background:#DEF; border:solid 2px #AAE; text-align:center; }
div.sfabout img { float:right; }

div.sfinfo { margin:10px; padding:8px; background:#EFE; border:solid 2px #9D9; }

div.sferrmsg { margin:10px auto; max-width:750px; padding:8px; color:#F00; background:#FDD; border:solid 2px #F00; }
div.sferrmsg img { float:left; }
div.sferrmsg div { margin:0 0 0 52px; }
div.sferrmsg a, div.sferrmsg a:link, div.sferrmsg a:visited { color:#F00; }
div.sferrmsg a:focus, div.sferrmsg a:hover, div.sferrmsg a:active { text-decoration:underline; color:#F66; }

div.sfstatus { margin:10px auto; max-width:750px; padding:8px; text-align:center; color:#00F; border-top:solid 2px #00F; border-bottom:solid 2px #00F;}
div.sfstatus img { float:left; }
div.sfstatus div { margin:0 0 0 52px; }
div.sfstatus a, div.sfstatus a:link, div.sfstatus a:visited { color:#009; }
div.sfstatus a:focus, div.sfstatus a:hover, div.sfstatus a:active { text-decoration:underline; color:#66F; }


/* tabs */

div.tabs { margin:10px 0; font:normal 12pt Georgia,Times New Roman,Times,serif; } /* why does font change tabs? */
div.tabs ul { list-style:none; padding:0 10px; margin:0; background:url('/sf/icons/tab/background.gif'); }
div.tabs li { display:inline; line-height:22px; padding:0; margin:0 2px 10px; background:url('/sf/icons/tab/right.gif') no-repeat right top; }
div.tabs a, div.tabs span { font:bold 9pt Arial,Verdana,Helvetica,sans-serif; text-decoration:none; white-space:nowrap; color:#666; padding:4px 20px 0; margin-bottom:0; background:url('/sf/icons/tab/left.gif') no-repeat left top; }
div.tabs span { font-weight:normal; }
/* Commented backslash (IE5/Mac) and child selector (IE/Win) filters \*/
div.tabs a, div.tabs span { margin-bottom:0; }
html>body div.tabs a, html>body div.tabs span { margin-bottom:1px; }
/* End filters */
div.tabs .active { padding:0 0 4px; background-image:url('/sf/icons/tab/right_active.gif'); }
div.tabs .active a { color:#000; padding:4px 20px 4px; background-image:url('/sf/icons/tab/left_active.gif'); }


/* pager */
a.current { color:#333; }


/* popups */

div.popup { position:absolute; visibility:hidden; z-index:-1; top:0; left:0; background-color:#FFF; border:outset 3px; }
div.popup fieldset { margin:5px; margin-top:20px; }


/* lightbox */

#lightbox { background-color:#eee; padding:10px; }
#overlay { background-image:url(/sf/icons/overlay.png); }
#lightboxCaption { color:#333; background-color:#eee; font-size:90%; text-align:center; }
#lightboxECard { color:#339; background-color:#eee; font-size:90%; text-align:center; }
* html #overlay { background-color:#000; background-image:url(/sf/icons/blank.gif); filter:Alpha(opacity=50); }