body {
   font-family: Verdana;
   font-size: 12px;
   margin: 0px;
   padding: 0px;
}
A:link { color: black; text-decoration: underline; }
A:visited { color: black; text-decoration: underline; }
A:active { color: black; text-decoration: underline; }
A:hover { color: red; text-decoration: underline; }
A.top:link { color: white; text-decoration: underline; font-family: Verdana; font-size: 10px; }
A.top:visited { color: white; text-decoration: underline; font-family: Verdana; font-size: 10px; }
A.top:active { color: white; text-decoration: underline; font-family: Verdana; font-size: 10px; }
A.top:hover { color: red; text-decoration: underline; font-family: Verdana; font-size: 10px; }
.nav, .wg_horizontal_nav
{
	font-family: Verdana;
	font-size: 12px;
	color: black;
}

#wg_mainbody {
   margin: 12px 2.5% 12px 2.5%;
}

/* Default font info (normally I'd do this by redefining body, but I don't want
 * to mess with the existing stuff.
 */
.wg_body, .wg_header, .wg_subheader, .wg_whereami, #wg_mainbody {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 12px;
}

/* Header, used at the top of the page, usually has a horizontal rule in it
 * (might be better to just add a bottom border and padding rather than use an HR ??).
 */
div.wg_header {
	font-weight : bold;
	margin-bottom : 1ex;
	text-align  : center;
}

div.wg_header hr {
	margin-top:1ex;
}


div.wg_subheader {
	font-weight:bold;
	margin-bottom : 1ex;
}

div.wg_whereami {
	background-color : #FFFFAA;
	padding:10px;
	margin-bottom:1.6em;
	font-size:10px;
	min-width: 856px;
}

div.wg_whereami li {
	display:inline;
}

/* An ALMOST invisible block, used to force a div containing it to
 * extend below that point in the document. (So that we can wrap
 * floated divs in bordered containing divs).
 */
div.breaker {
	width:1px;
	height:1px;
	clear:both;
	font-size:1pt;
}

div.wg_pagethru {
	clear:both;
	text-align:center;
}

/*
button.wg, button.WhereAmIBar.Item, input.wg
{
	background          : #cee289;
	padding-bottom      : 4px;
	border              : none;
	xborder-bottom       : #00206b 4px solid;
	color               : black;
	font-weight         : normal;
	font-family         : tahoma, verdana, arial, helvetica, sans-serif;
	font-size           : 11px;
}

button.wg.hover, button.wg:hover, input.wg.hover, input.wg:hover
{
	background    : #00206b;
	xborder-bottom-color : #cee289;
	color               : white;
	cursor              : pointer;
	cursor              : hand;
}

.WhereAmIBar.Joiner
{
	color               : red;
	font-size           : 18px;
	font-weight         : bold;
}

*/
.WhereAmIBar.Joiner
{
	color               : #003366;
	font-size           : 18px;
	font-weight         : bold;
}

button.wg, button.WhereAmIBar.Item, input.wg {
	background-color: #CEE289;
	color: #003366;
	border: 1px outset #FFFFFF;
	font-weight         : normal;
	font-family         : tahoma, verdana, arial, helvetica, sans-serif;
	font-size           : 11px;
	width: 130px;
	padding: 1px;
	margin: 2px 2px 2px 0px;
	text-align: center !important;
}

button.WhereAmIBar.Item {
	border: 1px solid #003366;
	padding: 3px;
	margin-right: 0px;
	min-width: 80px;
	width: auto;
}

button.WhereAmIBar.Item.FixedWidth {
	width: 80px;
}

button.wg.hover, button.wg:hover, input.wg.hover, input.wg:hover {
	background-color: #003366;
	color: #FFFFFF;
	font-weight         : normal;
	font-family         : tahoma, verdana, arial, helvetica, sans-serif;
	font-size           : 11px;
}

a.small
{
	font-size : smaller;
}

/** Text editor styles **/

div.texteditor {
	width: 95%;
}

div.editorbody {
	background: #FFFFAA;
	padding: 5px;
	width: 100%;
}

div.tbnormal, div.tbpreformatted, div.fulleditor {
	background: #D6D3CE;
	border: 1px black solid;
	border-collapse: collapse;
	padding: 2px;
}

div.tbnormal {
	width: 730px;
}

div.tbpreformatted {
	width: 730px;
}

div.tbimglink {
	float: right;
	width: 140px;
	padding: 0px;
	margin: 0px;
	text-align: right;
}

span.tbinfo {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	color: red;
	font-size: 10px;
}

.small {
	font-size: 10px;
}

a.rtebutton img {
	border: 0;
	height: 22px;
}

a.rtebutton, img.rtebutton {
	border: 1px solid #D6D3CE;
	background: #D6D3CE;
	height: 22px;
}

a.rtebutton:hover, img.rtebutton:hover {
	background: #B5BED6;
	border-color: #000000;
	height: 22px;
}

a.rtebutton:active, img.rtebutton:active {
	background: #8492B5;
	height: 22px;
}

div.rtetoolbar {
	float:right;
	padding-bottom: 2px;
	padding-top: 2px;
	height: 23px;
}

div.tblinebreak {
	padding-top: 8px;
	padding-bottom: 5px;
}

div.tbinsert {
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.savebuttons {
	float: right;
}

div.texteditor select {
	font-size: 12px;
}

textarea.editabletext {
	width: 100%;
	height: 200px;
}

textarea.preformatted {
	height: 400px;
}

div.macrobox {
	float:right;
	padding: 6px;
	border: 1px solid #222D64;
	width: 200px;
}

div.macroheader {
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

div.macroline {
	text-align: center;
	font-size: 13px;
}

div.macroeven, tr.odd {
	background-color: #E2EEC2;
}

div.macroodd, tr.even {
	background-color: #FFFFFF;
}

span.spelling {
    color: red;
    border-bottom: 1px dashed red;
}

div.SpellingMenu {
    background: white;
    border: 1px solid black;
    width: 100px;
}

div.SpellingMenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.SpellingMenu li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.SpellingMenu a {
    text-decoration: none;
    color: black;
    display: block;
    padding: 0px 3px 0px 3px;
}

div.SpellingMenu a:hover {
    background: #ccc;
}

/** Styles for the full document text editors */

.styleselector {
   width: 200px;
   text-align: left;
   float: left;
}

/** Site Center Styles **/

.sitecenter a:active
{
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    text-decoration: underline;
}

.sitecenter a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #990000;
    text-decoration: underline;
}

.sitecenter a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    text-decoration: underline;
}

.sitecenter a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    text-decoration: underline;
}

.sitecenter .topCell
{
    border-left: 1px solid #222D64;
    border-bottom: 1px solid #222D64;
    font-size: 7px;
}

.sitecenter .bottomCell
{
    border-left: 1px solid #222D64;
}

.sitecenter .spacerCell
{
    border-right: 1px solid #222D64;
    font-size: 7px;
}

.sitecenter .blankSpacerCell
{
    font-size: 7px;
}

.sitecenter .pageTable
{
    border: 1px solid #222D64;
    background-color: #E2EEC2;
    padding: 0px;
}

.sitecenter .pageCellContainer
{
    font-size: 6px;
}

.sitecenter .addPageCell
{
    font-size: 9px;
    padding-left: 4px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: #EEEEEE;
}

.sitecenter .pageCell
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000099;
}

.sitecenter .homepage
{
	background: #003366;
	color: white;
}

.sitecenter a.homepublished
{
	color: #FFFFFF !important;
}

.sitecenter a.homedraft
{
	color: #FF7777 !important;
}

.sitecenter .offlineCell
{
	background: #F3F7E2;
	border-color: #9096B1;
}

.sitecenter .offlineDraft
{
	color: #C096B1 !important;
}

.sitecenter .offlinePublished
{
	color: #9096B1 !important;
}

.sitecenter .draft
{
	color: #CC0000 !important;
}

.sitecenter .orphanpages .even
{
	background: #E2EEC2;
}

.sitecenter .orphanpages .odd
{
	background: #FFFFFF;
}

.sitecenter .orphanpages
{
	padding: 6px;
	border: 1px solid #222D64;
	width: 230px;
}

.sitecenter .orphanpages td
{
	padding: 3px;
}

.sitecenter .orphanpages .header
{
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
}

.sitecenter .orphanpages .addpage
{
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
}

.sitecenter .orphanpages .addpage a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.sitecenter .orphanpages .noedit
{
	color: #000099;
}

.sitecenter .noedit-home
{
	color: white;
}

.sitecenter .orphanpages .draft
{
	color: #CC0000;
}

/** Setup Manager Styles **/

.setupmanager a:active
{
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    text-decoration: underline;
}

.setupmanager a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #990000;
    text-decoration: underline;
}

.setupmanager a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    text-decoration: underline;
}

.setupmanager a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    text-decoration: underline;
}

.setupmanager .topCell
{
    border-left: 1px solid #222D64;
    border-bottom: 1px solid #222D64;
    font-size: 7px;
}

.setupmanager .bottomCell
{
    border-left: 1px solid #222D64;
}

.setupmanager .spacerCell
{
    border-right: 1px solid #222D64;
    font-size: 7px;
}

.setupmanager .blankSpacerCell
{
    font-size: 7px;
}

.setupmanager .pageTable
{
    border: 1px solid #222D64;
    background-color: #E2EEC2;
    padding: 0px;
}

.setupmanager .pageCellContainer
{
    font-size: 6px;
}

.setupmanager .addPageCell
{
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #EEEEEE;
}

.setupmanager .pageCell
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000099;
}

.setupmanager .homepage
{
	background: #003366;
	color: white;
}

.setupmanager a.homepublished
{
	color: #FFFFFF !important;
}

.setupmanager a.homedraft
{
	color: #FF7777 !important;
}

.setupmanager .offlineCell
{
	background: #F3F7E2;
	border-color: #9096B1;
}

.setupmanager .offlineDraft
{
	color: #C096B1 !important;
}

.setupmanager .offlinePublished
{
	color: #9096B1 !important;
}

.setupmanager .draft
{
	color: #CC0000 !important;
}

body, td
{
    font-size: 12px;
}

/* Section viewer styles */
.contentsection
{
	background: #FFFFAA;
}

/* Form styles */

.formstyled label {
    display: block;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}

.formstyled input, .formstyled textarea, .formstyled select {
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.formstyled fieldset {
    margin: 0px;
    padding: 0px;
    border: none;
}

.formstyled legend {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    padding-bottom: 15px;
    display: block;
    font-size: 13px;
}

.formstyled .radio input, .formstyled .nowrap input,  .formstyled .checkbox input, .formstyled .wg {
    display: inline;
    margin: 0px 3px;
}

.formstyled .radio, .formstyled .nowrap {
    margin: 0px;
    margin-left: 10px;
    padding: 0px;
}

.formstyled .nowrap {
    margin-bottom: 10px;
}

.formstyled .lastradio {
    margin-bottom: 10px;
}

.formstyled .radio label, .formstyled .checkbox label {
    display: inline;
    font-size: 10px;
    font-weight: normal;
}

.formstyled .checkbox {
    margin-bottom: 5px;
}

.formstyled .lastcheckbox {
  margin-bottom: 10px;
}


.formstyled .selectgroup select {
   display: inline;
   margin-left: 2px;
   margin-right: 2px;
}

.formstyled .imageselect {
   margin-left: 10px;
}

.formstyled .description {
    margin-left: 10px;
    font-size: 10px;
}

/** Warning elements */
div.notice {
    background: rgb(253, 255, 175);
    border: 1px solid rgb(154, 153, 108);
    padding: 5px;
    width: auto;
    margin-top: 5px;
}

/** Image viewer */
div.imagelinklist {
   overflow: auto;
   font-size: 11px;
}

div.imagelinklistshort {
   height: 100px;
}

a.imagelinkeven {
   display: block;
   background: #fff;
}
a.imagelinkodd {
   display: block;
   background: #eee;
}

/* Autocomplete */
div.auto_complete {
    background: white;
    border: 1px solid black;
    margin: 0px;
    padding: 2px;
}

div.auto_complete ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.auto_complete ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    cursor: hand;
}

table.tableformatted {
    border-collapse: collapse;
}

table.tableformatted td, table.tableformatted th {
    padding: 3px;
}

