/* This CSS file can effect public AND administrative pages */

body.DialogWindow {
	margin:0px;
	padding:0px;
	font-family:Verdana,Arial,serif;
	font-size:12px;
	background-color:#ebe9e3;
	}

.DialogWindow a,
.DialogWindow a:link,
.DialogWindow a:active,
.DialogWindow a:visited {
	color:#183c63;
	}

.DialogWindow a:hover {
	color:#a0a9bc;
	}

.DialogWindow img,
.div2020 img {
	border-color:#000000;
	border-width:0px;
	}

.div2020 {
	width:100%;
	}

.div2020 td {
	font-family:Verdana,Arial,serif;
	font-size:12px;
	border-color: #333333;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}

.div2020 .remark,
.div2020 .required {
	color:#ff0000;
	}

.div2020 .clearingDiv {
	clear:both;
	}

.div2020 .centeredDiv {
	text-align:center;
	}

.div2020 h3 {
	font-family:'Trebuchet MS',Arial,serif;
	font-size:16px;
	color:#888888;
	border-color: #999999;
	}

.div2020 h4 {
	font-family:'Trebuchet MS',Arial,serif;
	font-size:14px;
	color:#888888;
	border-color: #666666;
	}

.div2020 .clickTip {
	zoom:1;
	width:33px;
	font-family:Tahoma,Arial,serif;
	font-size:10px;
	font-style:italic;
	color:#a0a9bc;
	background-color:#fbf6e5;
	border-style:outset;
	border-width:1px;
	border-color:#999999;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFffffff', EndColorStr='#FFebe9e3')
	}

.div2020 .disabledElement {
	/* this style creates a 'disabled' look to HTML elements. form elements can be disabled, but SPAN and DIV,etc, cannot.*/
	color:#cccccc; /* creates a colour for MSIE in which to 'engrave' (also changes the colour of the element in other browsers */
	zoom:1; /* causes the element to 'have-layout' which MSIE requires before the filter can be applied.*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-1);
	}

.div2020 .clickTipHover {
	zoom:1;
	width:33px;
	font-family:Tahoma,Arial,serif;
	font-size:10px;
	font-style:italic;
	color:#183c63;
	background-color:#ded4b4;
	border-style:outset;
	border-width:1px;
	border-color:#ded4b4;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFffffff', EndColorStr='#FFded4b4')
	}

.div2020 code {
	font-family:monospace,serif;
	font-size:10px;
	}


.div2020 li {
	margin-bottom:8px;
	}

.div2020 .lineHR {
	border-style:dashed;
	border-color:#a0a9bc;
	border-width:0px;
	border-bottom-width:1px;
	margin:0px;
	margin-bottom:12px;
	}

/* Form elements
used throughout the app.
note that the <select> element is manged
differently than other elements by the browser's
rendering engine.  So, a select box that is
200px wide actually appears to be a different width
than a text or textarea input that is 200px wide.
this is a known issue with contemporary web browsers.
MSIE corrects this behaviour automatically in quirks mode */
.div2020 .textBox,
.div2020 form textarea,
.div2020 form select {
	width:200px;
	}

.div2020 .selectBox {
	width:200px;
	}

.div2020 .smallSelectBox {
	width:42px;
	}

.div2020 .mediumSelectBox {
	width:100px;
	}

.div2020 .mediumTextBox {
	width:158px;
	}

.div2020 .newTextBox {
	font-size:11px;
	width:60px;
	vertical-align:top;
	}





/* login.asp */
#loginForm {
	text-align:center;
	}

#loginHeadingH3 {
	display:none;
	}

#helpertextDiv dt {
	font-weight:bold;
	}

#helpertextDiv dd {
	margin:0px;
	}

#loginFormUI #loginForm {
	text-align:center;
	}

#loginFormUI {
	border-style:solid;
	border-color:#a0a9bc;
	border-width:1px;
	padding:8px;
	text-align:left;
	width:340px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	}

#loginTable td {
	font-size:11px;
	text-align:left;
	background-color:#ffffff;
	}

#loginTable label,
#loginFormUI label {
	font-weight:bold;
	}

#loginFormUI input,
#loginTable input {
	font-size:11px;
	}

#loginTable #passwordTextBox,
#loginTable #usernameTextBox,
#loginFormUI #passwordTextBox,
#loginFormUI #usernameTextBox {
	width:115px;
	}

#loginTable #submitImageButton {
	margin-left:52px;
	margin-top:5px;
	}

#loginFormElementsPanel {
	width:118px;
	float:left;
	}

#loginFormUI #helpertextDiv { /* for table-less layout */
	padding-left:4px;
	border-style:dashed;
	border-width:0px;
	border-left-width:1px;
	border-color:#a0a9bc;
	margin-left:126px;
	width:193px;
	}


#pleasenotelabelLabel { /* both layouts */
	margin-top:12px;
	}

#loginFormUI #accounthelperDiv { /* for table-less layout */
	margin-left:126px;
	width:193px;
	border-style:dashed;
	border-color:#a0a9bc;
	border-width:0px;
	border-top-width:1px;
	padding:0px;
	padding-top:4px;
	}

#loginFormUI #notregisteredPanel {
	float:left;
	width:103px;
	}

#loginFormUI  #forgottenpasswordPanel {
	margin-left:106px;
	}

#accounthelperDiv img { /* both layouts */
	border:none;
	float:left;
	}









/* dialogue windows */
/* f-quicklist.asp */
body#QuickListWindow {
	margin:0px;
	padding:0px;
	font-family:Verdana,Arial,serif;
	font-size:12px;
	background-color:#ffffff;
	}

#quicklistInstructionslabelDiv {
	padding:6px;
	background-color:#ebe9e3;
	font-size:11px;
	text-align:center;
	}

.quicklistListItemIcon {
	background-image:url(images/fi_quicklist.gif);
	height:19px;
	width:26px;
	}

.quicklistListItemText {
	font-size:11px;
	}

/* f-print_page.asp */
body#PrintableBrochuresWindow {
	margin:0px;
	padding:10px;
	font-family:Verdana,Arial,serif;
	font-size:12px;
	background-color:#ffffff;
	}

#selectbrochureInstructionslabelDiv {
	text-align:center;
	font-weight:bold;
	margin-bottom:22px;
	}

.brochureIconDiv {
	text-align:center;
	float:left;
	margin-left:auto;
	margin-right:auto;
	}

#PrintableBrochuresWindow .EmailIcon {
	display:none;
	}


/* dialogueRSSPreview.asp */
body#RSSPreviewDialogWindow {
	margin:0px;
	padding:10px;
	font-family:Verdana,Arial,serif;
	font-size:12px;
	background-color:#ffffff;
	}

/* f-showimage.asp */
body#ShowImageWindow {
	padding:10px;
	background-color:#ffffff;
	}

#ShowImageImage {
	margin-top:12px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	}







/* rss-viewfeeds.asp */
#rssviewfeedsInfoDiv,
#rssviewfeedsRSSListDiv {
	margin-bottom:22px;
	}

.rssviewfeedsRSSFeedInfoDiv {
	width:388px;
	clear:both;
	display:block;
	margin-bottom:12px;
	}

.rssfeedIMG {
	float:left;
	}

.rssfeedFeedNameDIV {
	display:block;
	margin-left:85px;
	font-weight:bold;
	}

.rssfeedActionsList {
	clear:left;
	padding:0px;
	margin:0px;
	border-style:solid;
	border-color:#cccccc;
	border-width:0px;
	border-bottom-width:1px;
	width:80px;
	float:left;
	list-style:none;
	}

.rssfeedActionsList li {
	list-style:none;
	margin:0px;
	padding:0px;
	padding-left:18px;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	font-size:11px;
	}

.rssfeedActionsList li a,
.rssfeedActionsList li a:link,
.rssfeedActionsList li a:visited,
.rssfeedActionsList li a:active {
	text-decoration:none;
	display:block;
	width:99.99%;
	}

.rssfeedActionsList li a:hover {
	background-color:#fbf6e5;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFffffff', EndColorStr='#FFebe9e3')
	}

.rssfeedPreviewLI {
	background-image:url(images/i_view.gif);
	}

.rssfeedJavaScriptLI {
	background-image:url(images/js.gif);
	}

.rssfeedVBScriptLI {
	background-image:url(images/vbs.gif);
	}

.rssfeedChannelDescriptionDIV {
	margin-left:85px;
	}

/* RSS Feed Previews */
.rssviewfeedsPreviewDiv {
	margin:20px;
	background-color:#ebe9e3;
	padding:10px;
	}

.rssviewfeedsPreviewDiv .rssChannelBuildInfo,
.rssviewfeedsPreviewDiv .rssItemBuildInfo {
	display:none;
	}

.rssviewfeedsPreviewDiv .rssItemInfoDiv {
	margin:22px;
	border-style:solid;
	border-color:#a0a9bc;
	border-width:0px;
	border-top-width:1px;
	}









/* newuser.asp */
#newuserSecurityFormsDiv {
	text-align:center;
	margin-top:12px;
	margin-bottom:22px;
	}

#usernameLabel,
#passwordLabel,
#emailLabel {
	display:block;
	font-weight:bold;
	}

#newuserSecurityFormsDiv div {
	width:50%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}









/* listings.asp */
#directorybrowserDiv {
	display:block;
	display:inline-block; /* for MSIE */
	position:relative;
	padding-bottom:22px;
	/*margin-bottom:22px; (padding here seems to be more consistent across browsers*/
	}

#directoriesColumn1 {
	position:relative;
	float:left;
	width:48%;
	text-align:left;
	}

#directoriesColumn2 {
	position:relative;
	float:right;
	width:48%;
	text-align:left;
	}

.directorybrowserMainCategory {
	font-weight:bold;
	margin-top:12px;
	}

.directorybrowserSubCategories {
	font-size:10px;
	padding-left:8px;
	}

#searchformDiv {
	clear:both;
	background-color:#ebe9e3;
	border-style:solid;
	border-width:1px;
	border-color:#a0a9bc;
	padding:8px;
	margin-bottom:22px;
	}

#drilldownDiv {
	margin-bottom:22px;
	}

.drilldownColumnHeaderDiv {
	margin:0px;
	margin-top:12px;
	margin-bottom:12px;
	text-align:left;
	font-weight:bold;
	height:55px;
	border-style:dashed;
	border-width:0px;
	border-color:#a0a9bc;
	border-bottom-width:1px;
	}

.drilldowntextCounter {
	font-size:10px;
	font-style:italic;
	}

.drillDownItem {
	font-size:10px;
	margin-bottom:4px;
	}

#quickcontextsearchDiv,
#noListingsInstructionslabelDiv {
	margin-bottom:12px;
	}

#quickcontextsearchDiv select,
#quickcontextsearchDiv input {
	font-size:11px;
	width:auto;
	}

#newsearchButton {
	background-color:#ffffff;
	border-width:0px;
	cursor:hand;
	}

.recordsetStatisticsDiv,
.recordsetNavigationDiv {
	text-align:center;
	}

#recordsetNavigationBottomDiv {
	margin-bottom:12px;
	}

.categoryBreadCrumbDiv {
	margin-top:12px;
	font-weight:bold;
	border-top-color: #999999;
	}

.summary1ViewItemDiv,
.MultiItemViewDiv {
	border-style:dashed;
	border-color:#a0a9bc;
	border-width:0px;
	border-top-width:1px;
	border-bottom-width:1px;
	margin-top:12px;
	margin-bottom:12px;
	padding:0px;
	padding-top:12px;
	padding-bottom:12px;
	border-top-color: #666666;
	border-left-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #CCCCCC;
	}

.div2020 h5,
.div2020 big {
	font-size:14px;
	font-weight:bold;
	margin:0px;
	border-color: #666666;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	}

.summary1ViewItemDiv h6 {
	font-size:13px;
	margin:0px;
	border-color: #666666;
	}

input.MultiPhotoImageTitleTextBox {
	background-color:transparent;
	border-top-color: #999999;
	border-color: #666666;
	}


.summary5ViewItemDiv,
.summary10ViewItemDiv {
	padding-top:12px;
	padding-bottom:12px;
	background-color: #FFFFFF;
	color: #000000;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-color: #666666;
	}

#summary25MultiViewDiv .columnHeading,
#summary50MultiViewDiv .columnHeading {
	padding-left:3px;
	font-size:13px;
	font-weight:bold;
	border-style:dashed;
	border-color:#a0a9bc;
	border-width:0px;
	border-bottom-width:1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	color: #CCCCCC;
	}

#summary25MultiViewDiv table {
	width:100%;
	background-color: #FFFFFF;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-color: #999999;
	}




/* the followin styles are designed to work
   with the default item templates */
.summary5ViewItemDiv table {
	background-color:#CCCCFF;
	border-color: #666666;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

.summary5ViewItemDiv table td {
	padding:3px;
	line-height:18px;
	background-color: CCCCFF;
	border-color: #666666;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}

.summary5ViewItemDiv table table {
	background-color:#333333;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-color: #999999;
	}


#summary25MultiViewDiv table,
#summary50MultiViewDiv table {
	width:100%;
	background-color: #FFFFFF;
	border-color: #666666;
	border-top-color: #999999;
	}

#summary5MultiViewDiv td,
#summary10MultiViewDiv td,
#summary25MultiViewDiv td,
#summary50MultiViewDiv td {
	font-size:16px;
	color: #333333;
	}

#summary10MultiViewDiv table {
	border-style:dashed;
	border-color:#CCFFFF;
	border-width:0px;
	border-top-width:1px;
	width:100%;
	color: #000000;
	}

#summary10MultiViewDiv table td {
	padding:0px;
	line-height:18px;
	background-color: #CCCCFF;
	color: #000000;
	}

#summary10MultiViewDiv .oddDiv {
	position:relative;
	clear:left;
	float:left;
	border-color: #333333;
	}

#summary10MultiViewDiv .evenDiv {
	position:relative;
	background-color: #FFFFFF;
	border-color: #333333;
	}