
/* MAIN STYLES */
.smallNormal {
   font-size: small
}
.HeaderBold {
   font-size: large
}

.PlainBold {
	font-weight: bold
}

.PlainWhite {
	color: #FFFFFF
}

.PlainYellow {
	color: #FFFF00
}

.PlainWhiteBold {
	color: white;
	font-weight: bold
}

.PlainItalic {
	font-style: italic
}

.PlainWhiteItalic {
	color: white;
	font-style: italic
}

.PlainLtGreenBold {
	color: #A4C962;
	font-weight: bold
}

.PlainYellowBold {
	color: #FFFF00;
	font-weight: bold
}

.smallPlainLtGreen {
	color: #A4C962;
	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: #FFFFDD;
   color: black;
   font-family: verdana, tahoma, arial, helvetica, sans-serif;
   font-size: small;
	/* Sparkly Xmas Background */
	/*background-image: url(../ASSETS/Graphics/bgyule.gif)*/
}

.formFields
{
	color: #000000;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 110%
}

textarea
{
	/*border-color: #A4C962;
	border-style: solid;
	border-width: 2px;*/
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: small;
}

form
{
	font-size: xx-small;
	margin: 0px
}

#header {
   width: 760px;
   height: 140px;
   /* background-image: url(../ASSETS/photos/harveystyle/Banner1_760x140.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: 20px;
	padding-top: 20px
   /* 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: #A4C962
}

/* TABLES */

table {
	border-width: 0px;
	border-spacing: 0px;
   border-collapse: collapse
}

th {
	vertical-align: middle;
   font-size: small;
   white-space: normal;
	text-align: left;
	color: #FFFFFF;
	background-color: #A4C962
}

td {
   vertical-align: top;
   font-size: small;
   white-space: normal
}

input {
   font-size: small
}

/* LINKS */
a:link { color: black; text-decoration: none }
a:visited { color: black; text-decoration: none }
a:active { color: black; text-decoration: none }
a:hover { color: black; text-decoration: underline }

.inset {
   border-style: inset;
   border-width: 1px;
   text-align: center;
   font-size: small
}

/* MENU */
.m_normal {
	position: relative;
	cursor: default;
	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: default;
   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: default;
   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: default;
   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: default;
   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: default;
   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: default;
   border-style: none;
   /* padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px; */
   padding-bottom: 4px;
   text-align: left;
   font-size: small
}

/* CUSTOM BUTTONS */
.formButton {
   border-style: none;
	background-color: transparent;
	background-image: url(../ASSETS/widgets/button_front_40.gif);
	background-position: top right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	vertical-align: middle;
	height: 40px;
	font-size: x-large;
	padding-right: 16px;
	cursor: pointer
}

.formButtonBack {
   border-style: none;
	background-color: transparent;
	background-image: url(../ASSETS/widgets/button_rear_40.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	vertical-align: middle;
	height: 40px;
	font-size: x-large;
	padding-left: 16px;
	cursor: pointer
}

.formButtonSmall {
   border-style: none;
	background-color: transparent;
	background-image: url(../ASSETS/widgets/button_front.gif);
	background-position: top right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 24px;
	font-size: large;
	padding-right: 16px;
	cursor: pointer;
}

.formButtonBackSmall {
   border-style: none;
	background-color: transparent;
	background-image: url(../ASSETS/widgets/button_rear.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	vertical-align: middle;
	height: 24px;
	font-size: large;
	padding-left: 16px;
	cursor: pointer
}

/* ARROWS */
.buttonSwitch {
	height: 24px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	vertical-align: middle;
}

.buttonSwitchHighlight {
	background-color: #A4C962;
	height: 24px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	vertical-align: middle;
	/*font-weight: bold;*/
}

/* FRANCHISE */
.headerFranchise {
	color: #008249;
	font-size: x-large
}

.subHeaderFranchise {
	color: #000000;
	font-size: large
}

.bgFranchise {
	color: #FFFFFF;
	background-color: #A4C962
}

/* CALENDAR */
.calBody {
	background-color: #e8e8e8
}

.calHeader {
	background-color: #A4C962;
	color: #FFFF00;
	font-weight: bold;
	text-align: center;
	border-style: none;
	font-size: x-small
}

.clicked {
	background-color: #A4C962;
	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 */
.menuItem
{
	cursor: pointer;
	white-space: nowrap;
	background-color: #FFFFFF;
	color: #000000;
}

.menuItem:hover
{
	text-decoration: underline;
}

.menuItemSelected
{
	cursor: pointer;
	white-space: nowrap;
	background-color: #A4C962;
	color: #FFFFFF;
}

.menuItemSelected:hover
{
	text-decoration: underline;
}

.object
{
	background-color: #FFFFFF;
	color: #000000;
}

.objectSelected
{
	background-color: #A4C962;
	color: #FFFFFF;
}
