/***** TAGS (begin) ***************************************************************************************************/

HTML
{ overflow-x: auto; overflow-y: scroll; width: 100%; height: 100%; }

BODY
{ width: 100%; height: 100%; margin: 0px; background-image:url(../Images/Common/PageBG.jpg); font-family: Arial, Helvetica, sans-serif; }

IMG { behavior: url(/Scripts/FixPNG.htc) }

A:link
{ text-decoration: none; color: #0000FF; }

A:visited
{ text-decoration: none; color: #800080; }

A:hover
{ text-decoration: underline; color: Red; }

A:hover IMG
{ border-color: Red; }

/***** TAGS (end) *****************************************************************************************************/


.vMiddle { vertical-align: middle !important; }


/***** SHELL (begin) **************************************************************************************************/

TABLE.shellContainer
{ width: 100%; height: 100%; }

TABLE.shellContainer TD.shellContainerTop
{ background-image: url(../Images/Common/Shell/MenuBG.gif); background-repeat: repeat-y; vertical-align: top; }

TABLE.shellContainer TD.shellContainerBottom
{ background-image: url(../Images/Common/Shell/MenuBG.gif); background-repeat: repeat-y; vertical-align: bottom; }

TABLE.shell TR.shellTop    TD,
TABLE.shell TR.shellBottom TD
{ text-align: center; vertical-align: middle; }

TABLE.shell TR.shellMiddle TD.shellSideMenu
{ text-align: center; vertical-align: top; }

TABLE.shell TR.shellTop     TD.shellHeader,
TABLE.shell TR.shellMiddle  TD.shellContent,
TABLE.shell TR.shellBottom  TD.shellFooter
{ width: 100%; }

TABLE.shell TR.shellMiddle TD.shellContent TD
{ vertical-align: top; }

TABLE.shell TR.shellTop    TD,
TABLE.shell TR.shellBottom TD
{ color: white; font-size: small; font-weight: bold; white-space: nowrap; }

TABLE.shell TR.shellTop TD.shellLogo,
TABLE.shell TR.shellTop TD.shellHeader,
TABLE.shell TR.shellBottom TD.shellBackTop,
TABLE.shell TR.shellBottom TD.shellFooter
{ background-color: #4488DB; }

TABLE.shell TR.shellTop TD.shellLogo
{ background-image: url(../Images/Common/Shell/LogoBG.gif); font-size: 0px; }

TABLE.shell TR.shellTop TD.shellHeader
{ font-size: small; background-image: url(../Images/Common/Shell/HeaderBG.gif); }

TABLE.shell TR.shellMiddle TD.shellSideMenu
{ padding: 10px; }

TABLE.shell TR.shellMiddle TD.shellContent
{ padding: 10px; vertical-align: top; }

TABLE.shell TR.shellMiddle TD.shellContent A
{ font-weight: bold; }
	
TABLE.shell TR.shellBottom TD.shellBackTop
{ background-image: url(../Images/Common/Shell/BackTopBG.gif); font-size: 0px; }

TABLE.shell TR.shellBottom TD.shellFooter
{ background-image: url(../Images/Common/Shell/FooterBG.gif); }

TABLE.shell TABLE.globalMenu
{ padding: 3px; width: 100%; }

TABLE.shell TABLE.globalMenu TD
{ padding: 2px; }

TABLE.shell TABLE.globalMenu TD.spacer
{ width: 50%; }

TABLE.shell TABLE.globalMenu A
{
	display: block; padding: 2px 0px 3px 0px; width: 95px; 	
	background-image: url(../Images/Common/Shell/Global.gif); background-position: center center; background-repeat: no-repeat;
	color: black; font-family: sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; text-align: center;
}

TABLE.shell TR.shellMiddle TD.shellSideMenu TABLE.sideMenu TD
{ text-align: center; }

TABLE.shell TR.shellTop TD.shellHeader DIV.pageTitle
{ font-size: 24pt; font-style: italic; padding-top: 10px; }

TABLE.shell TR.shellTop TD.shellHeader DIV.pageTitle SPAN.homeTitle
{ min-height: 0px; display: inline-block; font-style: normal !important; }

TABLE.shell TR.shellMiddle TD.shellSideMenu A
{
	display: block; overflow: hidden; padding: 13px 0px 13px 0px; width: 112px;
	background-position: 0px 0px; background-repeat: no-repeat;
	color: black; font-family: sans-serif; font-size: 11px; text-decoration: none; text-align: center; white-space: nowrap;
	background-image: url(../Images/Common/Shell/Menu.gif);
}

TABLE.shell TR.shellMiddle TD.shellSideMenu A:hover,
TABLE.shell TR.shellMiddle TD.shellSideMenu SPAN
{ background-position: 0px -40px; }

TABLE.shell TR.shellMiddle TD.shellSideMenu A.selected,
TABLE.shell TR.shellMiddle TD.shellSideMenu A.selected:hover
{ padding: 15px 0px 11px 0px; background-position: 0px -80px; }

TABLE.shell TR.shellBottom TD.shellFooter DIV.shellCopyright A,
TABLE.shell TR.shellBottom TD.shellFooter DIV.shellCredits   A
{ color: yellow; }

TABLE.shell TR.shellBottom TD.shellFooter DIV.shellCopyright
{ padding-top: 5px; }

TABLE.shell TR.shellBottom TD.shellFooter 
{ font-size: 12px; }

TABLE.shell TR.shellBottom TD.shellFooter DIV.shellCredits
{ padding-bottom: 10px; }

TABLE.shellContainer TD.shellContainerBottom TR.shellMiddle TD
{ font-size: 1px; padding: 0px; }

/***** SHELL (end) ****************************************************************************************************/



/***** COMMON (begin) *************************************************************************************************/

UL.ADC LI
{ list-style-image: url(../Images/Common/Bullet.gif); padding-bottom: 16px; text-align: left; }

DIV.HR
{ background-image: url(../Images/Common/Ribbon.gif); background-repeat: no-repeat; background-position: center center; height: 16px; padding: 10px 0px 10px 0px; }

DIV.Purpose
{ font-weight: bold; font-size: small; text-align: center; }

TD.vMiddle { vertical-align: middle !important; }
.hCenter { text-align: center !important; }

TABLE.DataGridMenu
{ width: 100%; }

TABLE.DataGridMenu TD
{ text-align: center; font-size: small; background-color: Navy; color: White; width: 20%; vertical-align: middle !important; }

TABLE.DataGridMenu A
{ color: White !important; }

TABLE.DataGridMenu A:hover
{ color: Yellow !important; }

DIV.guestBookContent
{ padding-bottom: 10px; }

DIV.guestBookAuthor, DIV.guestBookLocation, DIV.guestBookDateTime
{ font-size: small; }

DIV.guestBookAuthor
{ font-weight: bold; }

/***** COMMON (end) ***************************************************************************************************/



/***** HOME (begin) ***************************************************************************************************/

TABLE.counter
{ width: 100%; }

TABLE.counter TD
{ text-align: center; vertical-align: middle !important; }

DIV.CounterBorder1, DIV.CounterBorder2, DIV.CounterBorder3, DIV.CounterBorder4 
{ border-style: solid; border-width: 1px; }

DIV.CounterBorder1, DIV.CounterBorder2
{ border-color: #70C3D4 #001265 #001265 #70C3D4; }

DIV.CounterBorder3, DIV.CounterBorder4
{ border-color: #001265 #70C3D4 #70C3D4 #001265; }

DIV.CounterBorder1
{ width: 111px; }

DIV.CounterBorder2
{ width: 109px; }

DIV.CounterBorder3
{ width: 107px; }

DIV.CounterBorder4
{ width: 105px; }

TABLE.topNews
{ width: 100%; margin-top: 16px; margin-bottom: 20px; }

TABLE.topNews TD.topNews
{ text-align: center; }

TABLE.photos
{ width: 100%; margin-top: 5px; margin-bottom: 10px; }

TABLE.photos TD
{ text-align: center; vertical-align: middle !important; }

TABLE.music
{ width: 100%; margin-top: 10px; margin-bottom: 15px; }

TABLE.music TD
{ text-align: center; vertical-align: middle !important; padding: 10px; font-weight: bold; }

TABLE.music A
{ font-style: italic; }

TABLE.browsers
{ width: 100%; margin-top: 15px; }

TABLE.browsers TD
{ text-align: center; vertical-align: middle !important; padding: 10px; }

TABLE.browsers SPAN.browserTitle
{ font-weight: bold; }

TABLE.browsers SPAN.browserName
{ font-weight: bold; font-size: small; }

TABLE.browsers SPAN.browserVersion
{ font-size: small; }

TABLE.browsers SPAN.screenName
{ font-weight: bold; font-size: small; }

TABLE.browsers SPAN.screenValue
{ font-size: small;}


/***** HOME (end) ***************************************************************************************************/




/***** INPUT (begin) ***************************************************************************************************/

SPAN.inputButton INPUT
{ background-color: ButtonFace; }

SPAN.inputCheckBox INPUT
{}

SPAN.inputFile INPUT
{ background-color: window; }

SPAN.inputPassword INPUT
{ background-color: window; }

SPAN.inputRadio INPUT
{}

SPAN.inputSubmit INPUT
{ /* background-color: ButtonFace; */ }

SPAN.inputText INPUT
{ background-color: window; }

/*
SPAN.select SELECT
{ font-size: 12px; }
*/

SPAN.textArea TEXTAREA
{ background-color: window; }


/***** INPUT (end) ***************************************************************************************************/



/***** FIELD (begin) ***************************************************************************************************/

/* Common*/

.fieldPrompt
{ font-size: small; vertical-align: top; white-space: nowrap; }

TD.fieldPrompt
{ text-align: right; padding: 8px 3px 3px 8px; }

DIV.fieldPrompt
{ text-align: left; padding: 18px 3px 3px 8px; }

SPAN.usage
{ color: #CC0000; padding-right: 3px; visibility: hidden; }

.required SPAN.usage
{ visibility: visible; }

.fieldPrompt A.caption
{ color: Black; text-decoration: none; /* cursor: help; */ font-weight: normal; }

.fieldPrompt A.caption:hover
{ color: Black; /* color: blue; text-decoration: underline; */ }

.fieldPrompt SPAN.delimiter
{ padding-left: 2px; }

TD.fieldInput
{ font-size: small; padding: 6px 3px 6px 3px; vertical-align: top; text-align: left !important; }

DIV.fieldInput
{ font-size: small; padding: 6px 3px 16px 3px; vertical-align: top; text-align: left !important; }

.fieldInput LABEL
{ font-size: small; padding-right: 5px; white-space: nowrap; }

.fieldInput IMG.error
{ padding-left: 3px; }

.error A.caption
{ color: #CC0000 !important; }

/***** FIELD (end) ***************************************************************************************************/



/***** MESSAGE BOARD (begin) ***************************************************************************************************/

DIV.postForm TABLE.postFormLayout
{ border-width: 1px; border-style: solid; border-color: #E0E0E0 #000000 #000000 #E0E0E0; margin-left: auto; margin-right: auto; }

DIV.postForm TABLE.postFormLayout TR.postFormTitle TD
{ background-color: #000099; border-width: 1px; border-style: solid; border-color: #FFFFFF #808080 #808080 #FFFFFF; text-align: left; }

DIV.postForm TABLE.postFormLayout TD.postFormHeaderContainer,
DIV.postForm TABLE.postFormLayout TR.postFormContent TD,
DIV.postForm TABLE.postFormLayout TR.postFormButtons TD
{ background-color: #CCCCCC; border-width: 1px; border-style: solid; border-color: #FFFFFF #808080 #808080 #FFFFFF; }

DIV.postForm TABLE.postFormLayout TD.postFormHeaderContainer TABLE
{ width: 100%; }

DIV.postForm TABLE.postFormLayout TD.postFormHeaderContainer TD
{ vertical-align: middle !important; padding: 0px 2px 0px 2px !important; }

DIV.postForm TABLE.postFormLayout TD.postFormHeaderContainer TD.fieldPrompt
{ background-color: #99CCFF; text-align: right; color: #000066; font-weight: bold; font-family: Sans-Serif, Arial, Helvetica; font-size: small; }

DIV.postForm TABLE.postFormLayout TD.postFormHeaderContainer TD.fieldInput
{ background-color: #FFFFCC; text-align: left; }

DIV.postForm TABLE.postFormLayout TR.postFormButtons TD
{ text-align: center; }

/* ----------------------------- */

DIV.viewMessage TABLE.viewMessageLayout
{ border-width: 1px; border-style: solid; border-color: #E0E0E0 #000000 #000000 #E0E0E0; width: 468px; margin-left: auto; margin-right: auto; }

DIV.viewMessage TABLE.viewMessageLayout TR.viewMessageTitle TD
{ background-color: #000099; border-width: 1px; border-style: solid; border-color: #FFFFFF #808080 #808080 #FFFFFF; text-align: left; }

DIV.viewMessage TABLE.viewMessageLayout TD.viewMessageHeaderContainer,
DIV.viewMessage TABLE.viewMessageLayout TR.viewMessageButtons TD,
DIV.viewMessage TABLE.viewMessageLayout TD.viewMessageContentContainer
{ background-color: #CCCCCC; border-width: 1px; border-style: solid; border-color: #FFFFFF #808080 #808080 #FFFFFF; }

DIV.viewMessage TABLE.viewMessageLayout TR.viewMessageButtons TD
{ text-align: center; }

DIV.viewMessage TABLE.viewMessageLayout TD.viewMessageHeaderContainer TABLE
{ width: 100%; }

DIV.viewMessage TABLE.viewMessageLayout TD.viewMessageHeaderContainer TD
{ vertical-align: middle !important; padding-left: 2px; padding-right: 2px; }

DIV.viewMessage TABLE.viewMessageLayout TD.viewMessageHeaderContainer TD.viewMessageHeaderName
{ width: 1%; white-space: nowrap; background-color: #99CCFF; text-align: right; color: #000066; font-weight: bold; font-family: Sans-Serif, Arial, Helvetica; font-size: small; }

DIV.viewMessage TABLE.viewMessageLayout TD.viewMessageHeaderContainer TD.viewMessageHeaderValue
{ width: 99%; white-space: nowrap; background-color: #FFFFCC; text-align: left; color: #000066; font-size: small; }

DIV.viewMessage TABLE.viewMessageLayout TD.viewMessageContentContainer TABLE
{ width: 100%; border-width: 1px; border-style: solid; border-color: #808080 #FFFFFF #FFFFFF #808080; }

DIV.viewMessage TABLE.viewMessageLayout TD.viewMessageContentContainer TD
{ font-size: small; height: 170px; padding: 8px; background-color: #FFFFFF; text-align: left; border-width: 1px; border-style: solid; border-color: #000000 #E0E0E0 #E0E0E0 #000000; }

/* ----------------------------- */

A.subject { font-size: small; }
A.subjectSelected { color: Red; }
SPAN.from { font-weight: bold; font-size: small; }
SPAN.timestamp { font-style: italic; font-size: small; }

/***** MESSAGE BOARD (end) ***************************************************************************************************/


/***** ERROR LIST (begin) ***************************************************************************************************/

DIV.errorList
{ padding: 10px; font-size: small; color: #CC0000; font-weight: bold; }

DIV.errorList A.errorHeader
{ font-size: large !important; font-weight: bold; color: #CC0000; text-decoration: underline; text-transform: uppercase; }

/***** ERROR LIST (end) ***************************************************************************************************/

TABLE.processing
{ width: 100%; height: 100%; padding: 0px; }

TABLE.processing TD
{ text-align: center !important; vertical-align: middle !important; width: 100%; height: 100%; }


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

DIV.listTopics TD
{ padding: 3px; border: 1px solid gray; vertical-align: middle !important; font-size: small; }

DIV.listTopics TR.headerRow TD
{ background-color: Navy; color: White; font-weight: bold; }

DIV.listTopics TR.itemRow TD
{ background-color: White; }

DIV.listTopics TR.altItemRow TD
{ background-color: #F7F7FF; }

DIV.listTopics TD.topic
{ text-align: left; }

DIV.listTopics TD.author
{ text-align: center; font-weight: bold; }

DIV.listTopics TD.replies
{ text-align: center; }

DIV.listTopics TD.views
{ text-align: center; }

DIV.listTopics TD.lastPost
{ text-align: center; }

DIV.listTopics TD.lastPost SPAN.lastDateTime
{ font-size: x-small;  white-space: nowrap; }

DIV.listTopics TD.lastPost SPAN.lastAuthor
{ font-size: small; font-weight: bold; }

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

DIV.viewTopic TD
{ border: 1px solid gray; font-size: small; }

DIV.viewTopic TR.headerRow TD
{ padding: 3px 5px 3px 5px; background-color: Navy; color: White; font-weight: bold; }

DIV.viewTopic TR.itemRow TD,
DIV.viewTopic TR.altItemRow TD
{ padding: 3px 5px 20px 5px; }

DIV.viewTopic TR.itemRow TD
{ background-color: White; }

DIV.viewTopic TR.altItemRow TD
{ background-color: #F7F7FF; }

DIV.viewTopic TD.author
{ text-align: center; font-weight: bold; }

DIV.viewTopic TD.message
{ text-align: left; }

DIV.viewTopic TD.message SPAN.subject
{ font-weight: bold; }

DIV.viewTopic TD.message SPAN.postedOn
{ font-weight: bold; float: right; }

DIV.viewTopic TD.message SPAN.body
{}

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

DIV.topicMenu A:visited
{ color: Blue; }

DIV.topicMenu TABLE
{ width: 100%; }

DIV.topicMenu TD
{ white-space: nowrap; vertical-align: middle !important; font-size: small; }

DIV.topicMenu TD.pageInfo
{ font-weight: bold; padding-left: 10px; padding-right: 10px; }

DIV.topicMenu TD.spacer
{ width: 100%; }

DIV.topicMenu TD.pageNav
{ text-align: right; font-weight: bold; }