/* main.css */
/*
10/16/2006
Tested with:
	IE 6
	Firefox 1.5.0.7
	IE 7.0.5700.6 
	Opera 9.02 (little bit)
*/

* {
	font-size: 100%; /* makes inputs and selects respect font-size of body */
}
body {
	font-family: verdana, sans-serif;
	font-size: x-small;
	background-color: white;
	color: black;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

td, 
th {
	padding: 0px;
}

#formForGrid input,
#formForGrid select { /* IE6 no worky for select (border same). Firefox ok. Did not test IE7 */
	border-width: 0px;
	border-style: none;
}
#formForGrid input {
	font-family: monospace;
}
/* main sections --> */
#logo,
#logo2,
#siteTitles {
	padding: 7px;
	vertical-align: middle;
}

#signInSignOutContainer div {
	display: block;
	padding: 4px !important;
	white-space: nowrap;
}
#signIn,
#signOut,
#attributes {
	display: inline;
}
#signInSignOutContainer fieldset {
	border-style: none;
	display: inline;
}

#signInSignOutContainer fieldset div {
	padding:0px !important;
}

#siteTitles {
	text-align: center;
	white-space: nowrap;
}
#siteTitleLeft,
#siteMessageRight {
	font-weight: bold;
	white-space: nowrap;
}
#siteTitleLeft {
	text-align: left;
}

#siteMessageRight {
	margin-right: 10px;
	text-align: right;
}
#breadcrumbs h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#helpPrint {
	width: 10em;
	float: right;
	margin-right: 20px;
}
div#siteInfo {
	padding: 1px 1px 1px 1px!important;
}

#siteInfo table,
#siteInfo span {
	font-size: 0.85em;

}
#siteInfo li,
#siteInfo th,
#siteInfo td {
	padding: 0px 0px 0px 1px !important;
}
div#siteInfo td {
	background-color: #eeeeee;
}

#content {
	min-height: 350px; /* Firefox needs this for short pages; ignored by IE7 and IE6 */
	height: 350px; /* IE6 needs this; IE7 and Firefox will use auto below */
	height: auto;
}
html > body div#content {
	min-height: 350px; /* Firefox needs this for short pages; ignored by IE7 and IE6 */
	height: auto; /* for compliant browsers needed by IE7 and Firefox */
}


#footer {
	white-space: nowrap;
	margin-top: 10px;
}
/* <-- main sections */

/* menus and submenus --> */
#menu, 
#submenu, 
.popup,
.popupSelected {
	list-style-type: none;
}
#menu li, 
#submenu li {
	display: inline;
}
.popup,
.popupSelected {
	border-style: solid;
	border-width: 1px;
}
ul.popup,
ul.popupSelected {
	margin: 0px;
	padding: 0px;
}
ul.popup li,
ul.popupSelected li {
	margin: 0px;
	padding: 2px 5px 2px 5px;
}
#menu .selected,
#submenu .selected,
.popupSelected .selected {
	font-weight: bold;
}
/*<-- menus and submenus */

/* font-family --> */
.Grid *, 
.GridChild *,
.GridPadded *, 
.GridPaddedChild * {
	font-family: arial, verdana, sans-serif; /* note that arial makes more compressed */
}

.computer {
	font-family: courier, monospace;
}
/*label {
	font-family: Comic Sans MS;
}*/

/* <-- font-family */

/* font-size --> */
.large1 {
	font-size: 1em;
}
.large2 {
	font-size: 1.5em;
}
.largest {
	font-size: 3em;
}

.larger {
	font-size: larger;
}

.smaller {
	font-size: smaller;
}

p {
	font-size: 1.1em;
}
.hint, 
.smallerish {
	font-size: .85em;
}

/* <-- font-size */

/* font-style and font-weight and font-variant --> */
.message, 
.Ended,
.i {
	font-style: italic;
}

label,
.label,
.Label,
.Label *,
.Total,
.NewsTitle,
.NewsItemLabel,
.NewsItemLabelError,
.Title {
	font-weight: bold;
}
th,
.fontWeightNormal {
	font-weight: normal;
}

.sc {
	font-variant: small-caps;
}

/* <-- font-style and font-weight and font-variant*/

.day {
	width: 40px;
	height: 36px;
}
.NewsTitle td {
	padding: 0px !important;
}

.Grid th, 
.Grid td, 
.GridChild th, 
.GridChild td,
.tableControls th, 
.tableControls td { 
	padding: 1px 1px 1px 2px !important;
}

.GridEdit td {
	padding: 1px 7px 1px 0px !important; /*1px 1px 1px 8px !important;*/
}

.GridPadded th, 
.GridPadded td, 
.GridPaddedChild th,
.GridPaddedChild td {
	padding: 1px 5px 1px 5px !important;
}

.padding0 th, 
.padding0 td {
	padding: 0px;
}

.calendarMonth td,
.padding1h th, 
.padding1h td {
	padding: 0px 1px 0px 1px !important;
}
table.side
{
	background-color: Green;
}
.padding2h th, 
.padding2h td {
	padding: 0px 2px 0px 2px !important;
}


td.padding10h {
	padding: 0px 10px 0px 10px !important;
}

.paddingTop td {
	padding-top: 10px !important;
}

table, 
th,
td {
	border-width: 1px;
}
.border3 td {
	border-width: 3px ;
}

td.Solid,
.Solid,
.solidTd td, 
td.MessageLine,
tr.MessageLine, 
.TableRowTracking, 
.Grid, 
.GridChild,
.GridPadded, 
.GridPaddedChild,
.GridEdit, 
.tableControls,
.calendarMonth,
.calendarMonth th,
.calendarMonth td,
.calendarSummary,
.calendarSummary th,
.calendarSummary td {
	border-style: solid;
}
	
.scroll {
	height: 80px;
	overflow: auto;
	width: 35%;
}

.SolidTop td {
	border-top-style: solid;
}

.SolidBottom {
	border-bottom-style: solid;
}
.border1 {
	border-style: solid;
	border-width: 1px;
}
.Grid th, 
.Grid td, 
.GridChild th, 
.GridChild td,
.GridPadded th, 
.GridPadded td, 
.GridPaddedChild th, 
.GridPaddedChild td,
.tableControls th,
.tableControls td { 
	border-left-style: solid;
}
.borderLeftNone td,
.borderLeftNone th { 
	border-left-style: none;
}
table {
	border-color: black;
}

td:first-child,
th:first-child {
	border-left-color: black;
}

td:last-child,
th:last-child {
	border-right-color: black;
	border-right-width: 1px;
}

td, th {
	border-color: lightgrey;
}

td.MessageLine, 
tr.MessageLine, 
.TableRowTracking {
	border-color: darkgray;
}

img,
.BorderNone,
.cellBorderNone td {
	border-style: none;
}

.calendarMonth, 
.calendarSummary {
	border-width: 2px;
}

.SelectMenu {
	border-width: 1px; /* for a select element, works on NN6 not in IE6 */
}

.inline,
fieldset .inline {
	display: inline;
}

.inlineBlock {
	display: inline-block;
}

.displayNone {
	display: none;
}

.GridEdit label, 
a,
.label,
.Label,
.Label *,
.noWrap,
.noWrap td,
.Number,
.Total {
	white-space: nowrap;
}
.hint {
	margin-left: 1em;
}
.marginLeft1 {
	margin-left: 5px;
}
.marginLeft2 {
	margin-left: 10px;
}
.marginLeft3 {
	margin-left: 50px;
}
.marginLeft4 {
	margin-left: 100px;
}
.marginLeft5 {
	margin-left: 125px;
}
.margin5, .margin5 * {
	margin: 5px !important;
}

.Grid, .marginRight {
	margin-right: 10px;
}
.marginTopNone {
	margin-top: 0px;
}
.calendarMonth,
.calendarSummary,
.marginTop {
	margin-top: 10px;
}
.marginTop40 {
	margin-top: 40px;
}
.marginTop100 {
	margin-top: 100px;
}

.marginBottomNone {
	margin-bottom: 0px;
}
.marginTopBottom {
	margin-top: 10px;
	margin-bottom: 10px;
}
.marginBottom {
	margin-bottom: 10px;
}

/* alignment */
img, 
select, 
input,
.middle,
.middle td,
.middle th {
	vertical-align: middle;
}
.GridEdit tr,
.top,
tr {
	vertical-align: top;
}
.bottom {
	vertical-align: bottom;
}

.center,
.Center {
	text-align: center;
}

.left { 
	text-align: left;
}

.right,
.CalendarDayData,
.CalendarDayNoData,
.Total,
.RecentErrors,
.Number, 
.Date,
.Seconds {
	text-align: right;
}

/* Colors */
.transparent td {
	background-color: transparent;
}

.Grid tbody,
.GridPadded tbody,
.GridEdit tbody,
.CalendarDayData,
.divEdit, 
.backgroundWhite {
	background-color: white;
}

.CalendarDayNoData {
	background-color: whitesmoke;
}

.CalendarNoDay {
	background-color: gainsboro;
}

.rowInactive, 
tr.TableFooter {
	background-color: silver;
}

.GridChild tbody, 
.GridPaddedChild tbody, 
.GridEditChild tbody {
	background-color: aliceblue;
}

.RowSystem {
	background-color: green;
}

.DateRecent {
	background-color: lime;
}

.navigator,
.calendar,
.row2 {
	background-color: #EEEEEE;
}

.different {
	background-color: #e0e0e0;
}

td.RecentErrors {
	background-color: #ffA346;
}

.rowSpecial, 
.RowSelf,
td.RowSelf,
tr.FormHighlight,
td.Threshold {
	background-color: #ffffcc;
}

.bar {
	background-color: #FFF3B3;
}
.barError {
	background-color: red;
}

.background0 {
	background-color: white;
}
.background1 {
	background-color: thistle;
}
.background2 {
	background-color: lemonchiffon;
}
.background3 {
	background-color: lightskyblue;
}
.background4 {
	background-color: peachpuff;
}

.divMessage {
	border-width: 1px;
	border-style: solid;
	border-color: firebrick;
	color: firebrick;
	margin-bottom: 10px;
}
.divMessage p {
	margin-left: 10px;
	margin-right: 10px;
}

.TableCaption {
	color: black;
}
.RowSystem,
.NewsTitle {
	color: white;
}

.Disabled, .Disabled * {
	color: gray !important;
}

.required {
	color: orange;
	margin-left: 1px;
}

.New,
.Money, 
.True, 
.Success, 
.SuccessBig {
	color: green;
}

.Alarming {
	color: blue;
}

a:link, 
a:visited {
	text-decoration: underline;
}
/* text-decoration */
#menu a,
#submenu a,
.popup a:link,
.popup a:visited,
.popupSelected a:link,
.popupSelected a:visited,
a:link.Filter,
a:visited.Filter,
a:link.button,
a:link.action,
a:visited.action {
	text-decoration: none
}

a:link {
	color: #03c;
}
a:visited {
	color: #906;
}
a:hover {
	color: red !important;
}

.expandCollapse {
	cursor: pointer;
}

/*.Filter,
a:link .Filter, 
a:visited .Filter {
	color: #03c;
	color: navy;
}*/

.important, 
.error a,
.error,
.Error, 
.NewsItemLabelError,
.EndingSoon,
.Hold {
	color: red;
}

.Warning, 
.Warning a, 
.warning,
.warning a,
.False {
	color: goldenrod;
}

h1, #siteTitle1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
#siteTitleLeft,
#siteMessageRight,
h3, 
h1.printOrEmail {
	font-size: 1.33em;
}

.thSubtle th, 
.thSubtle th a:link,
.thSubtle th a:visited {
	color: black;
}

#siteTitleLeft,
#siteMessageRight {
	color: #CD0000; /* red3 */
}

h1, h2, h3 {
	padding-bottom: 7px;
	margin-bottom: 10px;
}
.style1, 
.activityHighest, .activityHighest a {
	color: purple;
}
.activityHigh, .activityHigh a {
	color: crimson;
}
.activityMedium, .activityMedium a {
	color: darkorange;
}
.style2, 
.activityLow, .activityLow a {
	color: seagreen;
}
.activityNone, .activityNone a {
	color: gray;
}

.activityHighestGraph {
	background-color: purple;
}
.activityHighGraph {
	background-color: crimson;
}
.activityMediumGraph {
	background-color: darkorange;
}
.activityLowGraph {
	background-color: seagreen;
}

.TableRowTracking {
	background-color: ghostwhite;
}

.absolute {
	position: absolute;
}
.relative {
	position: relative;
}

/* photos --> */ 
.PhotoAlbum {
	width: 100%;
}
.PhotoAlbumThumbnails tr td {
	padding: 10px !important;
}

.PhotoThumbnailFrameBorder, 
.PhotoThumbnailFrameNoBorder, 
.PhotoThumbnailFrame {
	width: 120px;
	height: 120px;
}

.PhotoAlbum td {
	padding: 3px !important;
}
.PhotoAlbumHeading td, 
.PhotoGroupHeading {
	padding: 0px !important;
}
.PhotoThumbnailFrameBorder {
	border-style: solid;
}
.TablePhotoThumbnailFrame {
	border-color: darkgray;
}

.PhotoCaption {
	font-style: italic;
}
.PhotoAlbumHeading,
.PhotoGroupHeading {
	font-weight: bold;
}
.PhotoThumbnailFrameBorder {
	vertical-align: middle;
}
.PhotoThumbnailFrameBorder, 
.PhotoThumbnailFrameNoBorder, 
.PhotoThumbnailFrame {
	text-align: center;
}

.PhotoThumbnailFrameBorder {
	background-color: white;
}
.PhotoAlbumThumbnails {
	background-color: whitesmoke;
}
.PhotoAlbumHeading {
	background-color: blue;
}
.PhotoGroupHeading {
	background-color: #ccccff;
}
.PhotoAlbumHeading,
a.PhotoAlbumHeading {
	color: white;
}
.PhotoGroupHeading {
	color: black;
}

a:link.PhotoAlbumHeading,
a:visited.PhotoAlbumHeading,
a:link.PhotoGroupHeading,
a:visited.PhotoGroupHeading {
	text-decoration: none
}
/* <-- photos */

.pipe {
	font-size: larger;
	margin: 10px;
	text-align: center;
	border-style: none;
	border-width: 0px;

}
.GroupHeaderSoft td {
	border-top-style: solid;
}
a:link.button,
a:visited.button {
	color: black;
	border-style: outset;
}
th a:link.button,
th a:visited.button {
	line-height: 1.5em;
}

td a.action {
	margin-right: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

a.action {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-color: gray black black gray;
	background-color: whitesmoke;
	color: black;
	cursor: pointer;
/*	padding: 3px;*/
}
a.action img {
	padding: 1px;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.r0 {
	background: lime;
}
.r1 {
	color: purple;
}
.r2 {
	color: maroon;
}
.r3 {
	color: navy;
}
.r4 {
	color: green;
}
.r5 {
	color: teal;
}
.r6 {
	color: olive;
}
.r7 {
	color: fuchsia;
}
.r8 {
	color: aqua;
}
.r9 {
	color: blue;
}
.premium {
	background: #ffd700; /* gold */
}