/* MAIN STYLES */

.smallNormal {
   font-size: small
}
.HeaderBold {
   font-size: large
}

.PlainBold {
	font-weight: bold
}

.WhiteHeaderBold {
   font-size: large;
   color: white
}

.PlainWhite {
	color: #FFFFFF
}

.PlainYellow {
	color: #ffff00
}

.PlainWhiteBold {
	color: white;
	font-weight: bold
}

.PlainItalic {
	font-style: italic
}

.PlainWhiteItalic {
	color: white;
	font-style: italic
}

.PlainLtGreenBold {
	color: #AADFBE;
	font-weight: bold
}

.PlainYellowBold {
	color: #ffff00;
	font-weight: bold
}

.smallPlainLtGreen {
	color: #AADFBE;
	font-size: xx-small
}

.smallPlainYellow {
	color: #ffff00;
	font-size: xx-small
}

.smallPlain {
	font-size: xx-small
}

.smallPlainBold {
	font-size: xx-small;
	font-weight: bold
}

.smallPlainWhite {
	font-size: xx-small;
	color: #FFFFFF
}
.smallPlainWhiteBold {
	font-size: xx-small;
	color: #FFFFFF;
	font-weight: bold
}

/* GLOBALS */
body {
	margin: 0px;
   background-color: #ddeeff;
	color: #000044;
   font-family: lucida, tahoma, verdana, arial, helvetica, sans-serif;
   font-size: small;
}

.formFields
{
	color: #000000;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 100%
}

form
{
	font-size: xx-small;
	margin: 0px
}

#header {
   width: 760px;
   height: 100px;
   /* background-image: url(../ASSETS/Graphics/Banners_760x100/2.jpg); */
   text-align: right;
   font-family: tahoma, verdana, arial, helvetica, sans-serif;
   font-size: 20pt;
   color: #FFFFFF;
}

#navbars {
	width: 760px;
   background-color: #e8e8e8
}

#content {
   background-color: #FFFFFF;
   width: 760px;
	padding-bottom: 0px;
	padding-top: 0px
   /* height: 400px;
   background-image: url(../ASSETS/graphics/bg.gif); */
}

#footer {
   width: 760px;
   background-color: #e8e8e8;
   font-size: xx-small;
}

div {
	margin: auto
}

.left {
	margin: 0px
}

img {
   border-style: none
}

hr {
	border-style: solid;
	border-color: #0c4da1
}

/* TABLES */

table {
	border-width: 0px;
	border-spacing: 0px;
   border-collapse: collapse
}

tealheader {
	background-color: #ddeeff
}

th {
	vertical-align: middle;
   font-size: small;
   white-space: normal;
	text-align: left;
	background-color: #ddeeff
}

td {
   vertical-align: top;
   font-size: small;
   white-space: normal
}

input {
   font-size: small
}

/* LINKS */
a { color:  #0c4da1; text-decoration: none }
a:link { color:  #0c4da1; text-decoration: none }
a:visited { color: #0c4da1; text-decoration: none }
a:active { color: #0c4da1; text-decoration: none }
a:hover { color: #0c4da1; text-decoration: underline }

.inset {
   border-style: inset;
   border-width: 1px;
   text-align: center;
   font-size: small
}

/* MENU */
.m_areaNotSelected {
	background-color: #0c4da1;
   color: white;
	font-weight: bold;
   width: auto;
   cursor: pointer;
   border-style: none;
   text-align: left;
   font-size: xx-small;
	background-image: url(../ASSETS/Widgets/tabbg_100x18.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	padding-left: 4px;
	padding-top: 2px;
	height: 20px;
}

.m_areaAdminNotSelected {
	background-color: #000044;
   color: white;
	font-weight: bold;
   width: auto;
   cursor: pointer;
   border-style: none;
   text-align: left;
   font-size: xx-small;
	background-image: url(../ASSETS/Widgets/tabbg_100x18.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	padding-left: 4px;
	padding-top: 2px;
	height: 20px;
}

.m_areaIsSelected {
	background-color: #e8e8e8;
   color: #0c4da1;
	font-weight: bold;
   width: auto;
   cursor: pointer;
   border-style: none; 
   text-align: left;
   font-size: xx-small;
	background-image: url(../ASSETS/Widgets/tabbg_100x18.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	padding-left: 4px;
	padding-top: 2px;
	height: 20px;
}

.m_areaAdminIsSelected {
	background-color: #e8e8e8;
   color: #000044;
	font-weight: bold;
   width: auto;
   cursor: pointer;
   border-style: none; 
   text-align: left;
   font-size: xx-small;
	background-image: url(../ASSETS/Widgets/tabbg_100x18.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	padding-left: 4px;
	padding-top: 2px;
	height: 20px;
}

.m_normal {
	position: relative;
	cursor: pointer;
	border-style: solid;
	border-color: #e8e8e8;
	border-width: 0px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	font-size: small;
	left: 1px;
	white-space: nowrap
}

.m_outset {
	position: relative;
   cursor: pointer;
   background-color: #e8e8e8;
   border-style: solid;
   border-top-color: #FFFFFF;
   border-left-color: #FFFFFF; 
   border-width: 0px;
   padding-right: 4px;
   padding-left: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
   text-align: left;
	white-space: nowrap;
   font-size: small
}

.m_inset {
	position: relative;
   cursor: pointer;
   background-color: #e8e8e8;
   border-style: inset;
   border-width: 0px;
   padding-right: 4px;
   padding-left: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
   text-align: left;
	white-space: nowrap;
   font-size: small
}

.m_menu {
	position: absolute;
   width: auto;
   height: auto;
   visibility: hidden;
   top: 0px;
   left: 0px;
   background-color: #e8e8e8;
   /* cursor: default; */
   border-style: solid;
   border-top-color: #FFFFFF;
   border-left-color: #FFFFFF;
	border-right-color: gray;
	border-bottom-color: gray;
   border-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px; 
   padding-bottom: 4px;
   text-align: left;
   font-size: small
}

.m_menuitem {
	background-color: #e8e8e8;
   color: black;
   width: auto;
   height: auto;
   cursor: pointer;
   border-style: none;
   /* padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px;*/
   padding-bottom: 4px; 
   text-align: left;
   font-size: small
}

.m_menuitem_disabled {
	background-color: #e8e8e8;
   color: gray;
   width: auto;
   height: auto;
   cursor: pointer;
   border-style: none;
   /* padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px; */
   padding-bottom: 4px;
   text-align: left;
   font-size: small
}

.m_menuitem_hover {
   background-color: #CCCCCC;
   color: #000000;
   width: auto;
   height: auto;
   cursor: pointer;
   border-style: none;
   /* padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px;*/
   padding-bottom: 4px; 
   text-align: left;
   font-size: small;
   /* font-weight: bold */
}

.m_menuitem_hover_disabled {
   background-color: #CCCCCC;
   color: #000000;
   width: auto;
   height: auto;
   cursor: pointer;
   border-style: none;
   /* padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px; */
   padding-bottom: 4px;
   text-align: left;
   font-size: small
}

/* CUSTOM BUTTONS */

.formButton {
	background-color: #CCCCCC;
	background-image: url(../ASSETS/widgets/BlueButtonBG_3x30.gif);
	background-repeat: repeat-x;
	background-position: right; 
	border: solid;
	border-color: #e8e8e8;	
	color: #000044;
	vertical-align: middle;
	text-align: center;
	text-transform: title;
	height: 30px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 10px;
	cursor: pointer
}

.formButtonBack {
	background-color: #CCCCCC;
	background-image: url(../ASSETS/widgets/BlueButtonBG_3x30.gif);
	background-repeat: repeat-x;
	background-position: right; 
	border: solid;
	border-color: #e8e8e8;	
	color: #000044;
	vertical-align: middle;
	text-align: center;
	text-align: center;
	text-transform: title;
	height: 30px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	cursor: pointer
}

.formButtonSmall {
	background-color: #CCCCCC;
	background-image: url(../ASSETS/widgets/BlueButtonBG_2x24.gif);
	background-repeat: repeat-x;
	background-position: right; 
	border: solid;
	border-color: #e8e8e8;	
	color: #000044;
	vertical-align: middle;
	text-align: center;
	text-transform: title;
	height: 24px;
	font-size: large;
	padding-right: 10px;
	cursor: pointer
}

.formButtonBackSmall {
	background-color: #CCCCCC;
	background-image: url(../ASSETS/widgets/BlueButtonBG_2x24.gif);
	background-repeat: repeat-x;
	background-position: right; 
	border: solid;
	border-color: #e8e8e8;	
	color: #000044;
	vertical-align: middle;
	text-align: center;
	text-transform: title;
	height: 24px;
	font-size: large;
	padding-left: 10px;
	cursor: pointer
}

.W8FormButton {
	background-color: #CCCCCC;
	background-image: url(../ASSETS/widgets/BlueButtonBG_3x30.gif);
	background-repeat: repeat-x;
	background-position: right; 
	border: solid;
	border-color: #e8e8e8;	
	color: #000044;
	vertical-align: middle;
	text-align: center;
	text-transform: title;
	height: 30px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 10px;
	cursor: pointer
}

.W8FormButtonSmall {
	background-color: #CCCCCC;
	background-image: url(../ASSETS/widgets/BlueButtonBG_2x22.gif);
	background-repeat: repeat-x;
	background-position: right; 
	border: solid;
	border-color: #e8e8e8;	
	color: #000044;
	vertical-align: middle;
	text-align: center;
	text-transform: title;
	height: 22px;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 10px;
	cursor: pointer
}

.W8FormButtonDkSmall {
	background-color: #000044;
	background-image: url(../ASSETS/widgets/BlueDkButtonBG_2x22.gif);
	background-repeat: repeat-x;
	background-position: right; 
	border: solid;
	border-color: #0c4da1;	
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	text-transform: title;
	height: 22px;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 10px;
	cursor: pointer
}

/* ORDER NOW! ARROWS */
.buttonSwitch {
	height: 24px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	vertical-align: middle
}

.buttonSwitchHighlight {
	height: 24px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold
}

/* FRANCHISE */
.headerFranchise {
	color: #0c4da1;
	font-size: x-large
}

.WMDottedBar {
   border-style: none;
	background-color: #64b1b1;
	background-image: url(../ASSETS/widgets/DotMask_16x24.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: right;
}

.subHeaderFranchise {
	color: #000000;
	font-size: large
}

.bgFranchise {
	color: #FFFFFF;
	background-color: #CCCCCC
}

/* CALENDAR */
.calBody {
	background-color: #e8e8e8
}

.calHeader {
	background-color: #AADFBE;
	color: #ffff00;
	font-weight: bold;
	text-align: center;
	border-style: none;
	font-size: x-small
}

.clicked {
	background-color: #AADFBE;
	color: #ffff00;
	cursor: pointer;
	font-size: x-small
}

.unclicked {
	color: black;
	cursor: pointer;
	font-size: x-small
}

.disabled {
	background-color: #DDDDDD;
	color: #CCCCCC;
	cursor: default;
	font-size: x-small
}

.altRow {
	background-color: #e8e8e8
}

/* DOCUMENT SYSTEM & FORUM */
.menuItem
{
	cursor: pointer;
	white-space: nowrap;
	background-color: #e8e8e8;
	color: #000000;
}

.menuItem:hover
{
	text-decoration: underline;
}

.menuItemSelected
{
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
	background-color: #e8e8e8;
	color: #0c4da1;
}

.menuItemSelected:hover
{
	text-decoration: underline;
}

.object
{
	background-color: #FFFFFF;
	color: #000000;
}

.objectSelected
{
	background-color: #e8e8e8;
	color: #0c4da1;
}

li {
  list-style-type:none;
  }

.smallForum {
   font-size: 10pt;
}

/* W8 CSS tests */

.W8WhiteHeader {
	color: #FFFFFF;
   font-size: 20pt;
}

.W8rightvline { 
border-right-color: #333333; 
border-right-style: solid;
border-right-width: 1px; 
padding-right: 6px; 
}

.W8leftvline { 
border-left-color: #333333; 
border-left-style: solid;
border-left-width: 1px; 
padding-left: 6px; 
}