/** BODY (only in index.php) **/
body { margin:0px; background-color:#f3f3f3; background-image:url(bg_header.gif); background-repeat:repeat-x; }

/** POSITION AND LAYOUT (only in index.php) **/
#posHeader { position:relative; width:785px; height:139px; margin-top:0px; margin-left:auto; margin-right:auto; background-image:url(../images/header.jpg); background-repeat:no-repeat; z-index:1;}
#posHeader div.posStartbutton { position:absolute; top:14px; left:34px; }
#posHeader div.posMenu { position:absolute; left:-1px; top:40px; margin-top:0px; width:540px; }
#posContent { position:relative; width:785px; margin-top:0px; margin-left:auto; margin-right:auto; background-color:#ffffff; border-bottom: 1px solid #d8dfea; z-index:0; }
#posContent div.contentContainer { padding:14px; }
#posBottom { position:relative; width:785px; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; border-top:1px solid #d8dfea; height:42px; }

/** MENU (only in index.php) **/
div.posMenu .menuArticleBright { padding: 5px 14px 6px 14px; color: #006ba5; cursor: pointer; font: bold 80% "Trebuchet MS", Arial, Helvetica; letter-spacing: 0px; }

a { color:#6095c1 }
a:hover { text-decoration:none; }

/** FRAME TABLE -  the 2-1 column design within the content area **/
table.frame td.content { width:723px; }
table.frame td.seperator { width:14px; }
table.frame td.sidebar { width:182px; }

/** SPACERS **/
div.spacer { height:14px; }
div.spacer7px { height:7px; overflow:hidden; }

/** CONTENT (for regular text pages, NOT for the sidebar or quick info boxes) **/
div.content { margin-left:0px; margin-top:0px; line-height:140%; font-family: Arial, Helvetica; font-size: 12px; color:#243144; padding-bottom:16px; }
	div.content h1 { font: normal 180% "Trebuchet MS", Arial, Helvetica; letter-spacing: -1px; color:#006ba5; line-height:100%; }
	div.content h2 { font: normal 160% "Trebuchet MS", Arial, Helvetica; letter-spacing: -1px; color:#006ba5; line-height:100%; }
	div.content p { font: normal 110% "SegoeUI", Arial, Helvetica; line-height:140%; }
	div.content a { color: #6095c1; font-weight:normal; text-decoration:underline; }
	div.content a:hover { text-decoration:none; }
	div.content div.seperator { border-bottom:1px dotted #dcdcdc; height:0px; overflow:hidden; margin-top:14px; margin-bottom:14px; }

	/** CONTENT FORMS **/
	div.content tr.formRow { height:35px; }
	div.content .input { font: normal 110% "SegoeUI", Arial, Helvetica; background-color:#dae6f0; border:1px solid #696b6c; color:#243144; width:170px; margin:0px; padding:3px;}
	div.content .inputHover { font: normal 110% "SegoeUI", Arial, Helvetica; background-color:#dae6f0; border:1px solid #243144; color:#243144; width:170px; margin:0px; padding:3px; }
	div.content .inputError { font: normal 110% "SegoeUI", Arial, Helvetica; background-color:#dae6f0; border:1px solid #AD0000; color:#243144; width:170px; margin:0px; padding:3px;}
	div.content .label { font: bold 110% "SegoeUI", Arial, Helvetica; color: #6095c1; height:24px; }
	div.content .labelHover { font: bold 110% "SegoeUI", Arial, Helvetica; color: #243144; height:24px; }
	div.content .labelError { font: bold 110% "SegoeUI", Arial, Helvetica; color: #AD0000; height:24px; }
	div.content input.submit { width:70px; background-color:#f7f7f7; cursor:pointer; border: 1px solid #696b6c; color: #243144; text-decoration: none; padding:2px 8px 2px 8px; padding-right:8px; font-weight:normal; margin:0px 0px 0px 0px;}
	div.content input.submitHover { width:70px; background-color:#e9e9e9; cursor:pointer; border: 1px solid #243144; color: #243144;  text-decoration: none; padding:2px 8px 2px 8px; padding-right:8px; font-weight:normal; margin:0px 0px 0px 0px; }

	/** CONTENT SPOTLIGHTS BOXES (usually on the bottom of a textual page) **/
	div.content div.spotlight { background-image:url(bottomSpotlightBG.gif); background-repeat:no-repeat; min-height:140px; width:250px; float:left; margin-right:28px; padding:14px; }
	div.content div.spotlight span.title { font: bold 110% "SegoeUI", Arial, Helvetica; color: #6095c1; }

/** QUICK INFOS (the four boxes right below splash image on the startpage**/
div.quickInfos { font-family: Arial, Helvetica; font-size: 12px; line-height:140%; color:#243144; background-image:url(quickInfoBG.jpg); background-repeat:no-repeat; background-position:bottom; }
	div.quickInfos td.columnContainer { width:162px; }
	div.quickInfos td.columnSeperator { width:26px; }
	div.quickInfos div.header { z-index:0; position:relative; height:17px; background-image:url(quickInfoHeader.gif); background-repeat:no-repeat; padding-top:2px; }
	div.quickInfos div.header span.title { font: bold 120% "Trebuchet MS", Arial, Helvetica; line-height:100%; margin-left: 7px; color:#ffffff; }
	div.quickInfos div.middleHeader { font-weight:bold; padding:7px 0px 7px 0px; }
	div.quickInfos div.middle { padding:7px 0px 7px 0px; }
	div.quickInfos div.middleSeperator { border-bottom:1px dotted #bdbdbd; height:0px; overflow:hidden; }


/** SIDEBAR (for every page)**/ 
div.sidebar { font-family: Arial, Helvetica; font-size: 12px; line-height:140%; color:#243144; }
	div.sidebar div.header { z-index:0; position:relative; font: bold 110% "Trebuchet MS", Arial, Helvetica; height:22px; color:#ffffff; background-image:url(sidebarHeader182px.gif); padding-left:7px; padding-top:3px; background-color:#3c4671; }
	div.sidebar div.middle { z-index:0; padding:7px; background-image:url(sidebarMiddle.gif); }
	div.sidebar div.middle span.title { font-weight:bold; }
	div.sidebar div.middleSeperator { background-color:#e7e7e7; height:1px; overflow:hidden; }
	div.sidebar div.bottom { z-index:0; background-image:url(sidebarBottom.gif); height:12px; }
	
	/** SIDEBAR FORMS **/
	div.sidebar div.form td.label { font-family: Arial, Helvetica; color: #1c4c98; font-size: 12px; font-weight:bold; height:20px; width:120px; height:24px; }
	div.sidebar div.form td.labelHover { font-family: Arial, Helvetica; color: #243144; font-size: 12px; font-weight:bold; height:20px; width:120px; height:24px; }
	div.sidebar div.form td.labelError { font-family: Arial, Helvetica; color: #AD0000; font-size: 12px; font-weight:bold; height:20px; width:120px; height:24px; }
	div.sidebar div.form .input { font-family: Arial, Helvetica; font-size:12px; background-color:#f7f7f7; border:1px solid #85a7b1; color:#243144; width:170px; margin:0px; padding:3px; }
	div.sidebar div.form .inputHover { font-family: Arial, Helvetica; font-size:12px; background-color:#f7f7f7; border:1px solid #243144; color:#243144; width:170px; margin:0px; padding:3px; }
	div.sidebar div.form .inputError { font-family: Arial, Helvetica; font-size:12px; background-color:#f7f7f7; border:1px solid #AD0000; color:#243144; width:170px; margin:0px; padding:3px; }
	div.sidebar div.form input.submit { width:70px; background-color:#f7f7f7; cursor:pointer; border: 1px solid #85a7b1; height:23px; font-family: Arial, Helvetica; color: #1c4c98; font-size: 12px; text-decoration: none; padding:2px 8px 2px 8px; padding-right:8px; font-weight:normal; margin:0px 0px 0px 0px;}
	div.sidebar div.form input.submitHover { width:70px; background-color:#e9e9e9; cursor:pointer; border: 1px solid #243144; height:23px; font-family: Arial, Helvetica; color: #243144; font-size: 12px; text-decoration: none; padding:2px 8px 2px 8px; padding-right:8px; font-weight:normal; margin:0px 0px 0px 0px; }
	div.sidebar div.form td.tinyInfo { font-size:10px; color:#193741; font-family: Arial, Helvetica; }

/** HIGHLIGHTS **/
.red { color:#ad0000; }
.lightblue { color:#1c4c98; }
.lightestblue { color:#6095c1; }

/** MESSAGE DISPLAYS (interally used by code-generated messages) **/
div.errordisplay {width:92%; background-color:#f1f0b8; border:1px solid #ad0000; padding:16px; margin-top:7px; margin-bottom:7px; }
div.errordisplay td { color:#ad0000; font-family: Arial, Helvetica; font-size: 12px; line-height:140%; }
div.successdisplay {width:92%; background-color:#b5e6bd; border:1px solid #1f6130; padding:16px; margin-top:7px; margin-bottom:7px; }
div.successdisplay td { color:#1f6130; font-family: Arial, Helvetica; font-size: 12px; line-height:140%; }

/** BOTTOM **/
#posBottom div.bottom { padding-top:12px; padding-left:14px; font-family: Arial, Helvetica; font-size:12px; color:#696b6c; text-decoration:none; font-weight:normal; }
#posBottom div.bottom a { color:#696b6c; }
#posBottom div.bottom a:hover { text-decoration:none; }

/** MENU MANAGEMENT **/
table.mm {font-family: Arial, Helvetica; color: #243144; font-size: 12px; border:1px solid #243144;}
table.mm .bgMMHeader { background-color:#85a7b1; }
table.mm .bgMMBright { background-color:#fff9fa; }
table.mm .bgMMDark { background-color:#d8dfea; }
table.mm .bgMMHover { background-color:#9db5bc; }

	/** MENU MANAGEMENT SIDEBAR **/
	div.mmSidebar { font-family: Arial, Helvetica; font-size: 12px; line-height:140%; color:#243144; padding-left:7px; }
	div.mmSidebar div.header { font-family: Arial, Helvetica; font-size: 12px; font-weight:bold; background-color:#85a7b1; padding-left:7px; padding-top:4px; color:#ffffff; height:22px;}
	div.mmSidebar div.headerRedYellow { font-family: Arial, Helvetica; font-size: 12px; font-weight:bold; background-color:#f1f0b8; padding-left:7px; padding-top:4px; color:#ad0000; height:22px; }
	div.mmSidebar div.contentPadding { padding:7px; }
	div.mmSidebar td.sidebarLabel { font-family: Arial, Helvetica; font-size: 12px; line-height:140%; height:24px; color:#1c4c98; }
	div.mmSidebar td.sidebarLabelHover { font-family: Arial, Helvetica; font-size: 12px; line-height:140%; height:24px; color:#243144; }
	div.mmSidebar td.sidebarContent { font-family: Arial, Helvetica; font-size: 12px; line-height:140%; height:24px; color:#243144;}
	div.mmSidebar .sidebarInput { font-size:12px; background-color:#ffffff; border:1px solid #85a7b1; color:#243144; width:170px; margin:0px; padding:3px;}
	div.mmSidebar .sidebarInputHover { font-size:12px; background-color:#ffffff; border:1px solid #243144; color:#243144; width:170px; margin:0px; padding:3px; }
	div.mmSidebar .sidebarInputError { font-size:12px; background-color:#ffffff; border:1px solid #AD0000; color:#243144; width:170px; margin:0px; padding:3px;}
	div.mmSidebar input.sidebarSubmit { background-color:#ffffff; cursor:pointer; border: 1px solid #85a7b1; height:23px; font-family: Arial, Helvetica; color: #1c4c98; font-size: 12px; text-decoration: none; padding-left:8px; padding-right:8px; font-weight:normal; margin:0px; margin-top:7px; }
	div.mmSidebar input.sidebarSubmitHover { background-color:#e9e9e9; cursor:pointer; border: 1px solid #243144; height:23px; font-family: Arial, Helvetica; color: #243144; font-size: 12px; text-decoration: none; padding-left:8px; padding-right:8px; font-weight:normal; margin:0px; margin-top:7px; }

/** TOOLTIPS (for future use by code **/
.tooltip { cursor:help; }
.tool-tip { border: 1px solid #243144; color: #fff; width: 165px; z-index: 13000; font-family: Arial, Helvetica; }
.tool-title { font-weight: bold; font-size: 12px; margin: 0; color: #ffffff; padding: 8px 8px 4px; background: #72949E; }
.tool-text { font-size: 12px; padding: 4px 8px 8px; background: #72949E; }