/* CCSTheme v 3.x */
/* General */

/* BEGIN Common */
body {
	font-family: Arial; font-size: 100%;

	}

.text {
	color: #000000
	}

a.menulink:link, a.menulink:visited {
	color: #FFFFFF;
	}

a.menulink:hover, a.menulink:active {
	color: #00c0000;
	}

A:link { color: saddlebrown; text-decoration: none }

A:visited { color: #FFFFFF; text-decoration: none }

A:hover { color: #8C3900; }

A:active { color: #FFF000;}

ul, ol, blockquote {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px
	}

form {
	margin: 0px;
	}

h1	{
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 5px;
	}

h2	{
	font-size: 130%;
	margin-top: 15px;
	margin-bottom: 5px;
	}

h3	{
	font-size: 110%; font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
	}

h4	{
	font-size: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
	}

h5	{
	font-size: 100%; font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
	}

h6	{
	font-size: 90%;
	margin-top: 15px;
	margin-bottom: 5px;
	}

th	{
	font-family: Arial; font-size: 90%;
	}

td {
	font-family: Arial; font-size: 90%;
	}
input {
        font-family: Verdana; font-size: 90%;
	}


/* END Common */

.Header {
	width: 100%;
	}

.Header th {
        font-size: 100%; font-weight: bold; text-align: left;
	padding: 3px;
	background-image: url('Images/HeaderBg.gif'); color: #ffffff;
	width: 100%;
	white-space: nowrap;
	}

.Header a:link {
	color: #ffffff;
	}

.Header a:visited {
	color: #ffffff;
	}

.Header a:hover, .Caption a:active {
	color: #ffffff; text-decoration: none;
	}

.HeaderLeft {
	background-image: url('Images/HeaderLeft.gif');
	}

.HeaderRight {
	background-image: url('Images/HeaderRight.gif');
	}

.HeaderLeft img{
	width: 9px;
	}

.HeaderRight img{
	width: 12px;
	}


/* Grid Options */
.Grid {
        font-size: 90%;
	width: 100%;
	}

.Caption th {
	font-size: 90%; 	text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.Caption td {
	font-size: 90%; 	text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.Caption a:link {
        font-size: 90%;
	color: #000000;
	}

.Caption a:visited {
        font-size: 90%;
	color: #000000;
	}

.Caption a:hover, .Caption a:active {
        font-size: 90%;
	color: #ff0000;
	}

.Caption img {
	margin: 2px;
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th {
	font-size: 90%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Row td {
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	vertical-align: top;
	background-color: #f7f7f7;
	color: #000000;
	}

.Row a:link {
        font-size: 90%;
	color: #0033cc;
	}

.Row a:visited {
	color: #830000;
	}

.Row a:hover, .Row a:active {
	color: #ff0000;
	}

.Separator{
	color: #41a641;
	}

.Separator td{
	height: 1px;
	}


.AltRow th {
	font-size: 90%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRow td {
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	vertical-align: top;
	background-color: #f4f7e6;
	color: #000000;
	}

.AltRow a:link {
	color: #0033cc;
	}

.AltRow a:visited {
	color: #830000;
	}

.AltRow a:hover, .AltRow a:active {
	color: #ff0000;
	}

.NoRecords td {
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7;
	color: #000000;
	vertical-align: top;
	}

.Footer td {
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Footer a:link {
	color: #0033cc;
	}

.Footer a:visited {
	color: #830000;
	}

.Footer a:hover, .Footer a:active {
	color: #ff0000;
	}

.Footer img {
	margin: 2px;
	vertical-align: middle;
	}

.Footer input {
	margin: 2px;
	vertical-align: middle;
	}

/* Record Options */
.Record {

	width: 100%;
	}

.Error td {
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	color: #FF0000;
	vertical-align: top;
	background-color: #f7f7f7;
	}

.Controls th {
	font-size: 90%; font-weight: bold; text-align: right; vertical-align: top;
	padding: 1px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Controls td {
	font-size: 90%;
	padding: 1px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	vertical-align: top;
	background-color: #f7f7f7;
	color: #000000;
	}

.Controls select {
	font-size: 90%;
	}

.Bottom td {
	font-size: 90%;
	padding: 1px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Bottom a:link {
	color: #0033cc;
	}

.Bottom a:visited {
	color: #830000;
	}

.Bottom a:hover, .Caption a:active {
	color: #ff0000;
	}

.Bottom img {
	margin: 2px;
	vertical-align: middle;
	}

.Bottom input {
	margin: 2px;
	vertical-align: middle;
	}

/* Report */
.GroupCaption th{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #f4f7e6;
	color: #000000;
	}

.GroupCaption td{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	vertical-align: top;
	font-weight: bold;
	background-color: #f7f7f7;
	color: #000000;
	}

.GroupCaption a:link {
	color: #000000;
	}

.GroupCaption a:visited{
	color: #000000;
	}

.GroupCaption a:hover, .GroupCaption a:active{
	color: #ff0000;
	}

.GroupFooter td{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #d6e68a;
	color: #000000;
	}

.GroupFooter a:link {
	color: #0033cc;
	}

.GroupFooter a:visited{
	color: #830000;
	}

.GroupFooter a:hover,.GroupFooter a:active{
	color: #ff0000;
	}

.GroupFooter img {
	margin: 2px;
	vertical-align: middle;
	}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
	}

.SubTotal td{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	vertical-align: top;
	font-weight: bold;
	background-color: #f4f7e6;
	color: #000000;
	border-bottom: 2px solid #41a641;
	}

.SubTotal a:link {
	color: #0033cc;
	}

.SubTotal a:visited{
	color: #830000;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #ff0000;
	}

.Total td{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #f4f7e6;
	color: #000000;
	}

.Total a:link {
	color: #0033cc;
	}

.Total a:visited{
	color: #830000;
	}

.Total a:hover, .Total a:active{
	color: #ff0000;
	}

/* Form Options */
.Button {
	background-color: #41a641; color: #ffffff; border-left: solid 1px #EDEDED; border-top: solid 1px #EDEDED; border-right: solid 1px #848284; border-bottom: solid 1px #848284; padding: 2px; font-weight: bold; font-size: 85%; font-family: Tahoma;
	}

/* Calendar */

.Calendar {

	width: 100%;
	}

.CalendarWeekdayName{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	background-color: #f4f7e6;
	color: #000000;
	}

.CalendarWeekdayName a:link {
	color: #0033cc;
	}

.CalendarWeekdayName a:visited{
	color: #830000;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #ff0000;
	}

.CalendarWeekendName{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	background-color: #f4f7e6;
	color: #000000;
	}

.CalendarWeekendName a:link {
	color: #000000;
	}

.CalendarWeekendName a:visited{
	color: #000000;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #ff0000;
	}

/* Calendar Day */
.CalendarDay{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	background-color: #f7f7f7;
	color: #000000;
	}

.CalendarDay a:link {
	color: #0033cc;
	}

.CalendarDay a:visited{
	color: #830000;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #ff0000;
	}

/* Calendar Weekend */
.CalendarWeekend{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	background-color: #f4f7e6;
	color: #000000;
	}

.CalendarWeekend a:link {
	color: #0033cc;
	}

.CalendarWeekend a:visited{
	color: #830000;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #ff0000;
	}

/* Calendar Today */
.CalendarToday {
	font-size: 90%;
	padding: 1px;
	border: 2px solid #41a641;
	text-align: center;
	background-color: #f7f7f7;
	color: #000000;
	}

.CalendarToday a:link {
	color: #0033cc;
	}

.CalendarToday a:visited{
	color: #830000;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #ff0000;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 90%;
	padding: 1px;
	border: 2px solid #41a641;
	text-align: center;
	background-color: #f4f7e6;
	color: #000000;
	}

.CalendarWeekendToday a:link {
	color: #0033cc;
	}

.CalendarWeekendToday a:visited{
	color: #830000;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	background-color: #f7f7f7;
	color: #41a641;
	}

.CalendarOtherMonthDay a:link {
	color: #41a641;
	}

.CalendarOtherMonthDay a:visited{
	color: #41a641;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 90%;
	padding: 1px;
	border: 2px solid #41a641;
	text-align: center;
	background-color: #f7f7f7;
	color: #41a641;
	}

.CalendarOtherMonthToday a:link {
	color: #41a641;
	}

.CalendarOtherMonthToday a:visited{
	color: #41a641;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	background-color: #f4f7e6;
	color: #41a641;
	}

.CalendarOtherMonthWeekend a:link {
	color: #41a641;
	}

.CalendarOtherMonthWeekend a:visited{
	color: #41a641;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 90%;
	padding: 1px;
	border: 2px solid #41a641;
	text-align: center;
	color: #41a641;
	background-color: #f4f7e6;
	}

.CalendarOtherMonthWeekendToday a:link {
	color: #41a641;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: #41a641;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 90%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #d6e68a;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDay a:link {
	color: #000000;
	}

.CalendarSelectedDay a:visited{
	color: #000000;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #ff0000;
	}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 90%;
	padding: 3px;
	background-color: #f7f7f7; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.CalendarNavigator a:link {
	color: #0033cc;
	}

.CalendarNavigator a:visited{
	color: #830000;
	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #ff0000;
	}

.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle;
	}

/* Calendar Extra */
.CalendarEvent{
	font-size: 90%;
	text-align: left;
	}

.CalendarEvent a:link {
	color: #0033cc;
	}

.CalendarEvent a:visited{
	color: #830000;
	}

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #ff0000;
	}

.PrintHeader	{
	font-size: 130%;
	}
.PrintFooter	{
	font-size: 90%;
  font-style: italic;
  }

#menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#menu li { /* all list items */
        float: left;
        position: relative;
        width: 5em;
}

#menu li ul {/* second-level lists */
        position: absolute;
        display: block;
        top: 0em;
        left: 5;
}

#menu li>ul {/* to override top and left in browsers other than IE */
        top: auto;
        left: auto;
}

#menu li ul li ul  {/* third-level lists */
        position: absolute;
        display: block;
        top: 0;
    left: 9em;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul { display: block; }

#menu li:hover>ul { visibility:visible; }

#menu ul ul { visibility:hidden; }

/* Make-up syles */
#menu ul, li {
    margin: 0 0 0 0;
}

/* Styles for Menu Items */
#menu ul a {
				font-family: Arial; font-size: 100%;
        display: block;
        text-decoration: none;
				font-weight: bold;
        color: white;
        background: #42A62; /* IE6 Bug */
}
/* Hover Styles */
#menu ul a:hover {
				font-weight: bold;
        color: saddlebrown;
				background: #42A62; /* IE6 Bug */
}

/* Sub Menu Styles */
#menu li ul a {
        text-decoration: none;
        color: tan;
        background: #42A62; /* IE6 Bug */
				padding: 2px;
				padding-left: 16px;
}

/* Sub Menu Hover Styles */
#menu li ul a:hover {
				padding-left: 16px;
        color: tan;
        background: #42A62;  url("r_arrow.gif") no-repeat left;  /* IE6 Bug */

}

/* Icon Styles */
#menu li ul li a.submenu:hover {background: url("r_arrow.gif") no-repeat left;} */
#menu li a.submenu {background: url("v_arrow.gif") no-repeat right; }
#menu li a.submenu:hover {background: url("v_arrow.gif") no-repeat right;}


.suntower_logo {display: none; }
#cid { display: none; visibility: hidden; height: 0; width: 0;}

table.Record #productid,
table.Record #producttypeid
 {background: transparent; border: none; cursor: none; display: none;}