BODY		{background-color: #000000; margin: 0px; text-align: center; position: relative; top: 0px}
SELECT		{background-color: #FFFFF0}
IMG			{display: block; border: 0px}

/* templateTop */
#logoDiv	{width: 760px; height: 75px; background-image: url('../../images/logo_110508.gif'); margin: 0px auto}
#menuBarDiv	{width: 760px; margin: 0px auto; padding-top: 5px}
#menuBarImg1, #menuBarImg2, #menuBarImg3,
#menuBarImg4, #menuBarImg5	{float: left}
#menuBarImg1, #menuBarImg2, #menuBarImg3, #menuBarImg5	{cursor: pointer}
#menuBarImg6	{float: right}
.menuDropDiv	{background: #000000 url('../images/topLinkGrad.gif') repeat-x bottom; border: solid #FFFFFF 1px; position: absolute; top: 103px; z-index: 1; visibility: hidden; text-align: left}
.menuDropLink:link,
.menuDropLink:visited	{display: block; width: 160px; padding: 2px 4px; font: normal 12pt garamond, serif; color: #FFFFFF; text-decoration: none}
.menuDropLink:hover		{cursor: pointer; background-color: #999999; color: #000000; text-decoration: underline}
.menuAccountLink:link,
.menuAccountLink:visited	{display: block; width: 170px; padding: 2px 4px; font: normal 12pt garamond, serif; color: #FFFFFF; text-decoration: none; text-align: right}
.menuAccountLink:hover		{cursor: pointer; background-color: #999999; color: #000000; text-decoration: underline}
.menuAccountItem	{width: 170px; margin: 2px 4px; font: normal 12pt garamond, serif; color: #FFFFFF; text-align: right}
.menuAccountInput	{font: normal 10pt garamond, serif}
#menuAccountButton	{font: normal 12pt garamond, serif}

/* templateLeft */
#midFullDiv	{width: 760px; margin: 0px auto; text-align: justify}
#midLeftDiv	{width: 190px; float: left}
.midLeftTitleImg	{cursor: pointer; margin-top: 10px}
#miniCalenderTable	{width: 100%; border: solid #FFFFFF 1px; border-top: 0px; font: normal 10pt garamond, serif; text-align: center}
.miniCalenderEvent	{width: 26; color: #000000; background: #999999; cursor: pointer}
.miniCalenderCell	{width: 26; color: #999999}
#liveTwitterDiv			{width: 100%}
#liveTwitterLoadAlert	{border: solid #FFFFFF 1px; border-top: 0px; font: normal italic 10pt garamond, serif; color: #999999; text-align: center; line-height: 15px; padding: 4px 0px}
.liveTwitterTweet		{border: solid #FFFFFF 1px; border-top: 0px; font: normal 10pt garamond, serif; color: #999999; text-align: left; line-height: 15px; padding: 0px 4px 4px 0px}
.liveTwitterLink:link,
.liveTwitterLink:visited{font: normal 10pt garamond, serif; color: #FFFFFF; text-align: left}
.liveTwitterLink:hover	{cursor: pointer; color: #00FF33}
.liveTwitterDate:link,
.liveTwitterDate:visited{border: solid #FFFFFF 1px; border-top: 0px; border-left: 0px; float: left; padding: 0px 4px; margin-right: 4px; font: normal 10pt garamond, serif; color: #FFFFFF; text-align: left; text-decoration: none}
.liveTwitterDate:hover	{cursor: pointer; color: #00FF33}
#midMidDiv	{width: 555px; float: right}

/* templateBottom */
#bottomDiv	{width: 760px; border-top: solid #FFFFFF 1px; font: bold 10pt garamond, serif; color: #FFFFFF; padding-bottom: 10px; margin: 10px auto}
.bottomLink:link,
.bottomLink:visited	{font: normal 10pt garamond, serif; color: #FFFFFF}
.bottomLink:hover	{color: #00FF33}

/* common */
.commonTitle	{font: bold 16pt garamond, serif; color: #FFFFFF; padding: 10px 0px}
.commonText		{font: normal 12pt garamond, serif; color: #999999}
.commonInput	{font: normal 10pt garamond, serif}
.commonCenter	{text-align: center}
.commonLeft		{text-align: left}
.commonRight	{text-align: right}
.commonDebug	{font: normal 12pt garamond, serif; color: #FFFF00}
.commonLink:link,
.commonLink:visited	{font: bold 12pt garamond, serif; color: #FFFFFF}
.commonLink:hover	{color: #00FF33}

/* liveSchedule */
#liveScheduleTable	{float: right; border: solid #888888 1px; width: 549px; margin: 10px 0px}
#liveScheduleTitle	{background: #000000; font: bold 14pt garamond, serif; color: #FFFFFF; text-align: center; padding: 5px}
#liveScheduleInnerDiv	{height: 232px; overflow: auto}
#liveScheduleInnerTable	{border: solid #333333 1px; width: 90%; margin: 0px auto}
.liveScheduleCell		{background: #000000; font: normal 12pt garamond, serif; color: #FFFFFF; text-align: left; padding: 5px}
.liveScheduleSubTitle	{background: #AAAAAA; font: bold 12pt garamond, serif; color: #000000; text-align: left; padding: 5px; border-bottom: solid #333333 1px}
.liveScheduleEvent		{background: #888888; text-align: left; padding: 5px; border-bottom: solid #333333 1px; text-indent: 20px}
.liveScheduleLink:link,
.liveScheduleLink:visited	{font: bold 10pt garamond, serif; color: #000000}
.liveScheduleLink:hover		{color: #333333}
#liveScheduleSingleComment	{background: #000000; font: normal 12pt garamond, serif; color: #FFFFFF; text-align: left; padding: 5px; width: 45%}
#liveScheduleSingleRightDiv	{background: #000000; font: normal 12pt garamond, serif; width: 100%}
.liveScheduleSingleType		{color: #888888; text-align: right; padding: 5px; width: 50px; float: left; font-style: italic}
.liveScheduleSingleData		{color: #FFFFFF; text-align: left; padding: 5px}
#liveScheduleCustomRangeForm	{float: right; width: 549px; text-align: center; font: bold 12pt garamond, serif; color: #FFFFFF}
#liveScheduleCustomRangeIptBtn	{display: block; margin: 5px auto; font: normal 12pt garamond, serif}
.liveScheduleCustomRangeIptText	{margin: 5px 0px}

/* liveAccounts */
#liveAccountGreeting	{font: bold 16pt garamond, serif; color: #FFFFFF; padding: 10px 0px}
#liveAccountOptionDiv	{text-align: center; margin-bottom: 20px}
.liveAccountOptionLink:link,
.liveAccountOptionLink:visited	{display: block; width: 360px; margin: 4px auto; padding: 2px; border: solid #FFFFFF 1px; font: bold 12pt garamond, serif; color: #FFFFFF; text-decoration: none}
.liveAccountOptionLink:hover	{color: #00FF33; background: #333333; text-decoration: underline}
#liveAccountOptionLinkSelected	{color: #000000; background: #999999; text-decoration: underline}

/* liveAccounts - Tool Defaults */
.liveAccountToolForm	{display: block; float: right; width: 100%; font: normal 12pt garamond, serif; color: #999999}
.liveAccountToolStatus	{width: 100%; font-weight: bold; color: #00FF33; text-align: center; margin-bottom: 10px}
.liveAccountToolError	{width: 100%; font-weight: bold; color: #FF0000; text-align: center; margin-bottom: 10px}

/* liveAccounts - livePayment */
.livePaymentType	{height: 22px; width: 50%; float: left; text-align: right; margin: 1px 10px 1px 0px}
.livePaymentEntry	{display: block; margin-bottom: 2px}
#livePaymentButton	{display: block; float: right; width: 175px; margin: 10px 50px auto auto; font: normal 12pt garamond, serif}

/* liveAccounts - liveSeviceTicketCheck */
.liveServiceTicketCheckLink:link,
.liveServiceTicketCheckLink:visited	{display: block; font: bold 10pt garamond, serif; color: #FFFFFF; margin: 3px 0px 3px 20px}
.liveServiceTicketCheckLink:hover	{color: #00FF33}
#liveServiceTicketCheckMainDiv		{border: solid #FFFFFF 1px; margin: 10px 0px}
#liveServiceTicketCheckTitleSubject	{font: normal 12pt garamond, serif; color: #FFFFFF; text-align: center; padding: 5px}
#liveServiceTicketCheckTitleLeftDiv	{padding: 5px; background: #999999; color: #000000; text-align: left; float: left}
#liveServiceTicketCheckTitleRightDiv{padding: 5px; background: #999999; color: #000000; text-align: right}
.liveServiceTicketCheckPostDiv		{border-top: dashed #FFFFFF 1px; padding: 5px 6px 8px 6px}
.liveServiceTicketCheckReplyDiv		{border-top: dashed #FFFFFF 1px; padding: 5px 6px 8px 25px}
.liveServiceTicketCheckSignature	{width: 100%; color: #FFFFFF; text-align: right; padding-top: 5px}
#liveServiceTicketReplyBody	{display: block; float: left; font: normal 12pt garamond, serif; color: #000000; height: 50px; width: 350px}
#liveServiceTicketReplyBtn	{font: normal 12pt garamond, serif; height: 50px; width: 125px; margin: 2px 10px}

/* liveAccounts - liveSeviceTicketCreate */
#liveServiceTicketCreateSubject	{font: normal 12pt garamond, serif; color: #000000; width: 50%}
#liveServiceTicketCreateBody	{font: normal 12pt garamond, serif; color: #000000; height: 75px; width: 100%; margin-top: 10px}
#liveServiceTicketCreateBtn		{float: right; font: normal 12pt garamond, serif}

/* liveAccounts - liveAccountDetails */
.liveAccountDetailsSubTitle	{width: 100%; color: #FFFFFF; text-align: center; margin-bottom: 5px}
.liveAccountDetailsType		{height: 22px; width: 49%; float: left; text-align: right; margin: 1px 10px 1px 0px}
.liveAccountDetailsEntry	{display: block; margin-bottom: 2px}
#liveAccountDetailsButton	{display: block; float: right; margin-top: 10px; font: normal 12pt garamond, serif}

/* liveAccounts - liveFileManager */
#liveFileManagerDiv		{width: 275px; border: solid #FFFFFF 1px; margin: 10px auto; padding: 6px; font: normal 12pt garamond, serif; color: #999999}
#uploadTable	{width: 275px; border: solid#FFFFFF 1px; margin: 10px auto; padding: 6px; font: normal 12pt garamond, serif; color: #999999}
.uploadTitleButton	{margin: 2px auto}
#filezillaLink:link,
#filezillaLink:visited	{display: block; width: 300px; margin: 5px auto; font: normal 10pt garamond, serif; color: #FFFFFF}
#filezillaLink:hover	{color: #00FF33}

/* photo gallery */
#galleryBodyDiv		{background: url('../../images/galleryBodyDivBackground.jpg') #212121; border: solid #FFFFFF 1px; color: #FFFFFF; width: 555px; height: 475px; text-align: center}
#galleryMainImage	{border: solid #FFFFFF 1px; position: relative; margin: 10px auto}
#galleryNavButtonsTable	{border: 0px; width: 100%; height: 20px}
#galleryBackBtn		{border: 0px; cursor: pointer; margin-left: 25px; visibility: hidden}
#galleryNextBtn		{border: 0px; cursor: pointer; margin-right: 25px}
#galleryThumbnailTable	{width: 100%; margin: 5px auto}
.galleryThumbnailTd		{width: 19.5%}
.galleryThumbnail		{width: 100px; height: 100px; margin: 0px auto; border: 1px solid #FFFFFF; cursor: pointer}
.galleryThumbnailHighlight	{width: 100px; border: 2px solid #00FF33}

/* cafeWorld */
#cafeWorldForm	{text-align: center; margin: 0px auto}
#cafeWorldTable	{text-align: right; border:1px solid #FFFFFF; font: normal 8pt garamond, serif; color: #999999; margin: 20px auto}
#cafeWorldTHead	{text-align: center; font: normal 8pt garamond, serif; color: #FFFFFF}
.cafeWorldLink:link,
.cafeWorldLink:visited	{font: normal 8pt garamond, serif; color: #0033FF}
.cafeWorldLink:hover	{color: #00FF33}

/* mensa */
#mensaForm	{text-align: center; margin: 0px auto}
#mensaTable	{text-align: right; border:1px solid #FFFFFF; font: normal 8pt garamond, serif; color: #999999; margin: 20px auto}
#mensaTHead	{text-align: center; font: normal 8pt garamond, serif; color: #FFFFFF}
.mensaLink:link,
.mensaLink:visited	{font: normal 8pt garamond, serif; color: #0033FF}
.mensaLink:hover	{color: #00FF33}

/* Dungeons and Dragons */
#dndMidfullDiv	{width: 1240px; margin: 0px auto; text-align: justify}
#dndCharDiv			{border: solid #FFFFFF 1px; width: 400px; margin: 20px auto; float: left}
#dndAbilityTable	{border: solid #FFFFFF 1px; width: 400px; margin: 20px auto; float: right}
#dndSpellsPDayTable	{border: solid #FFFFFF 1px; width: 400px; margin: 20px auto}
#dndWeaponTable		{border: solid #FFFFFF 1px; width: 600px; margin: 20px auto; float: left}
#dndArmorTable		{border: solid #FFFFFF 1px; width: 600px; margin: 20px auto; float: left}
#dndSpellTable		{border: solid #FFFFFF 1px; width: 600px; margin: 20px auto; float: right}
#dndSkillTable		{border: solid #FFFFFF 1px; width: 600px; margin: 20px auto; float: right}
#dndSavesTable		{border: solid #FFFFFF 1px; width: 600px; margin: 20px auto; float: left}
#dndCombatTable		{border: solid #FFFFFF 1px; width: 600px; margin: 20px auto; float: left}
#dndInventoryTable	{border: solid #FFFFFF 1px; width: 600px; margin: 20px auto; float: left}
#dndUpdateTable		{border: solid #FFFFFF 1px; width: 600px; margin: 20px auto; float: right}
.dndBoxTitle	{font: bold 12pt garamond, serif; color: #000000; background: #999999; text-align: center}
.dndVitalKey	{font: normal 12pt garamond, serif; color: #FFFFFF; text-align: right; width: 120px; float: left; padding-right: 5px}
.dndVitalValue	{font: normal 12pt garamond, serif; color: #999999; text-align: left; padding: 0px 5px 0px 5px}
.dndColHead		{font: normal 10pt garamond, serif; color: #FFFFFF; text-align: center}
.dndRowHead		{font: normal 12pt garamond, serif; color: #FFFFFF; text-align: right; padding-right: 2px}
.dndTableText	{font: normal 12pt garamond, serif; color: #999999; padding-left: 4px; text-align: left}
.dndTableNumber	{font: normal 12pt garamond, serif; color: #999999; padding-right: 4px; text-align: right}
.dndTableBold	{font: bold 12pt garamond, serif; color: #FFFFFF; background: #333333; text-align: center}
.dndTableFooter	{font: bold 12pt garamond, serif; color: #000000; background: #666666; text-align: center}
.dndTableFooterCndtnl	{font: bold 10pt garamond, serif; color: #000000; background: #666666; text-align: justify}
.dndTableInput	{font: normal 12pt garamond, serif; color: #999999; text-align: center}
.dndTableInputText	{color: #999999; background: #000000; text-align: right}
.dndTableInputBtn	{font: bold 12pt garamond, serif; color: #000000; background: #666666; text-align: center}

/* An Intelligent Advisor */
#advOptionTable	{border: solid #FFFFFF 1px; margin: 20px auto; color: #FFFFFF}
#advDegreqTable	{border: solid #FFFFFF 1px; margin: 20px auto}
#advGenreqTable	{border: solid #FFFFFF 1px; margin: 20px auto}
.advCheckbox	{cursor:pointer; cursor:hand}
.advTableTitle	{font: bold 12pt garamond, serif; color: #000000; background: #999999; text-align: center; padding: 2px}
.advColHead	{font: normal 10pt garamond, serif; color: #FFFFFF; text-align: center}
.advDegreq	{cursor: help; font: normal 12pt garamond, serif; color: #FFFFFF; text-align: left; padding: 2px}
.advPrereq	{cursor: help; font: normal 12pt garamond, serif; color: #999999; text-align: left; padding: 2px}
.advDegreq:hover, .advPrereq:hover	{background-color: #333333}

/* Ogame EspyScrape */

#ogameTable	{text-align: right; border:1px solid #FFFFFF; font: normal 8pt garamond, serif; color: #999999; margin: 20px auto}