/* -------------------------------- LAYOUT ------------------------------ */
/* white = #fff */

body {
	color: #000; 
	margin: 5px; 
	padding: 0px;
	background-color: #fff;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	}

#header {
	clear: both;
	background-color: #fff;
	margin: 0px;
	padding-bottom: 10px;
	min-height: 75px;
	}
.headertext {
	vertical-align: middle;
	font-size: 125%;
    display:inline-block;
    vertical-align:text-bottom;
	}
.headerimg {
	padding-right: 5px;
	}

#main {
	text-align: left;
	margin: 0px;
	clear: both;
	padding: 0px;
	padding-right: 10px;
	}

#content {
	clear: both;
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 83%;
	float: right;
	padding-left: 15px;
	}

#leftmenu {
	width: 15%; 
	float: left;
	margin: 0px;
	background-color: #fff;
	border-right: thin solid #369;
	padding: 10px 0 10px 0;
	}

#footer {
    clear: both;
    width: 98%;
    margin: 5px;
    padding: 1px 5px;
    text-align: center;
    border: 0px;
    color: #000;
    background-color: #fff;
    font-size: 90%;
    }

#footer .left {
    float: left;
    text-align: left;
    }

#footer .right {
    float: right;
    text-align: right;
    }

/* ------------------------------- FORMATTING ----------------------------- */

.Clear {clear: both;}

A:link {color: #00F;}  /* blue */
A:visited {color: #69F;} /* light blue */
A:hover {color: #FFFFFF; background-color: #36C;} /* med blue */
A:active {color: #FFFFFF; background-color: #36C;}

.AppName {font-size: 150%; font-weight: bold; color: #000; text-align: center; padding-top: 10px; padding-bottom: 20px;}
.Heading {font-size: 125%; font-weight: bold; color: #369; padding-bottom: 10px;}
.SubHeading {font-size: 115%; font-weight: bold; padding-bottom:10px; color: #2372BF;}
.Title {font-weight: bold; padding-bottom: 5px;}
.p {padding-top: 5px; padding-bottom: 5px;}
.DoubleIndent {margin-left: 2em; margin-right: 2em;}
.RightLargeIndent {margin-right: 5em;}
.RightText {text-align: right;}
.LeftText {text-align: left;}
.CenteredText {text-align: center;}
.Note {font-size: 90%; color: #69f;} /* med blue */
.ImportantNote {font-weight: bold; color: #660000;} /* red */
.LargerPrint {font-size: 125%;}
.SmallPrint {font-size: 90%;}
.SmallerPrint {font-size: 80%;}
.FinePrint {font-size: 80%; color:#999;}
.Bold {font-weight: bold;}
.Italic {font-style: italic;}
.BoldItalic {font-weight: bold; font-style: italic;}
.GreyedOut {color:#999;}  /* dk grey */
.DropCap {color: #36C; padding-right: 2px; font-size: 2em; }  /* med blue */
.NoLink {text-decoration:none; color:#000;}
.RetiredProduct {font-style: italic; color: #aaa;}
.PaperName {font-weight: bold;}
.ColorSwatch {width: 30px; height: 30px; border: 1px solid #000;}
.ColorBox {width: 400px; height: 400px; border: 1px solid #000;}
.DataHeader {background-color: #ccc; font-weight: bold; font-size: 115%;}
.EventHeader {font-weight: bold;}
.DataFor {color: #62AF89; font-weight: bold;}
.AttendOnHold {font-style: italic;}
.ActionMenu {font-size: 75%; color: #AFAFAF;}
.ActionMenu a {text-decoration:none; color: #AFAFAF;}
.InActive {color: #aaa;}
.Archived {font-style: italic; color:#aaa;}
.DiscountedPrice {color: #BF0000;}
.DiscountedPrice .Price {text-decoration:line-through;}

.DottedRule {clear:both; border-bottom: dotted #ccc; width: 81%; }

.FloatLeft {float: left;}
.FloatRight {float: right;}

.PrintableLink {font-size: 70%; text-align: left;}

.RightImage {float: right; padding-left: 1em;}
.CenterImage {text-align: center;}
.LeftImage {float: left; padding-right: 1em;}
.Image {border: 0;}
A.ImageLink:link {background-color: transparent;}
A.ImageLink:visited {background-color: transparent;}
A.ImageLink:hover {background-color: transparent;}
A.ImageLink:active {background-color: transparent;}
a img {background-color: #fff; text-decoration: none; border: 0;}
a img.appcontrol {background-color: #fff; text-decoration: none; border: 0;}

.dev {color: #f00; font-weight: bold;}

.Sold {font-size: larger; color: #9F2727; font-weight: bold;}

/* used on Forms */
div.Form {width: 80%; margin: 0px auto; padding-bottom: 5px; float: left; clear: both;}
div.FormRow {clear: both; padding-top: 5px; padding-bottom: 5px; width:100%;}
div.FormRow span.labelR {float: left; width: 28%; text-align: right;}
div.FormRow span.labelL {float: left; width: 28%; text-align: left;}
div.FormRow span.field {float: right; width: 70%; text-align: left;}
.FormError {color: #f00; font-weight: bold; width: 70%;} /* red */
.FormMsg {color: #36C; font-weight: bold; width: 70%;} /* blue */
.RequiredFieldNote {text-align: left; font-style: italic; font-size: 90%;}
.RequiredFieldMarker {color: #36C; font-weight: bold; font-style: normal; font-size: 150%;}  /* med blue */
div.FormNoteRow {clear: both; padding-top: 5px; padding-bottom: 5px;}
.FormNote {font-size: 85%; color: #660000;}
input:focus, select:focus, textarea:focus {background: #efefef;}
fieldset {border-style: none;}

/* Footer Styles */
A.FooterLink:link {color: #000000; font-weight: normal;}
A.FooterLink:visited {color: #000000; font-weight: normal;}
A.FooterLink:hover {color: #000000; text-decoration: underline; background-color:transparent; font-weight: normal;}
A.FooterLink:active {color: #000000; background-color:transparent; font-weight: normal;}

/* --------------------------------- Tables ------------------------------- */

td.lcol {text-align: left;}
td.rcol {text-align: right;}
td.ccol {text-align: center;}

table.datalisting {background: #fff; margin: 10px 0 20px 0; border-collapse: collapse; text-align: left; min-width: 60%;} 
table.datalisting th {font-size: 110%; font-weight: bold; color: #369; padding: 10px 15px; border-bottom: 2px solid #369;}
table.datalisting td {border-bottom: 1px solid #36C; padding: 5px 10px;}
table.datalisting td.pagenav {border: 0; text-align: right;}
table.datalisting td.viewoptions {border: 0; text-align: left;}
table.datalisting td.right {text-align:right;}
table.datalisting td.center {text-align:center;}
table.datalisting .odd {background: #F0F8FF;}
table.datalisting tfoot td {border-bottom: 0;}
table.datalisting thead td {border-bottom: 0;}

table.datalisting a.pagenav  {font-size: 80%; text-decoration: none;}
table.datalisting a.pagenav:hover {text-decoration: underline;}
table.datalisting a.pagenav_currpg {font-size: 80%; color: #369; text-decoration: underline;}
table.datalisting a.pagenav_currpg:hover {color: #fff;}

/* --------------------------------- Media ------------------------------- */

table.Media {background: #fff; margin: 10px 0 20px 0; border-collapse: collapse; text-align: left; min-width: 60%;} 
table.Media th {font-size: 110%; font-weight: bold; color: #369; padding: 10px 15px; border-bottom: 2px solid #369;}
table.Media td {border: 0; color: #000; padding: 5px 10px;}
table.Media .odd {background: #F0F8FF;}
table.Media tfoot td {border-bottom: 0;}

table.Media a {font-size: 80%; text-decoration: none;}
table.Media a:hover {font-size: 80%; text-decoration: underline;}

/* --------------------------- Media Gallery ------------------------------- */

table.MediaGallery {background: #fff; margin: 10px 0 20px 0; border-collapse: collapse; text-align: left; min-width: 60%;} 
table.MediaGallery td {font-size: 80%; border: 0 solid #000; color: #000; padding: 10px 15px; text-align: center;}
table.MediaGallery td.pagenav {border: 0; text-align: right;}
table.MediaGallery td.viewoptions {border: 0; text-align: left;}

table.MediaGallery a {text-decoration: none;}
table.MediaGallery a:hover {text-decoration: underline;}
table.MediaGallery a img {border:0;}
table.MediaGallery a.pagenav  {text-decoration: none;}
table.MediaGallery a.pagenav:hover {text-decoration: underline;}
table.MediaGallery a.pagenav_currpg {color: #369; text-decoration: underline;}
table.MediaGallery a.pagenav_currpg:hover {color: #fff;}

/* --------------------------------- Calendar ------------------------------- */

table.cal {background: #fff; border-collapse: collapse; text-align: left;}
table.cal th {border: 1px solid #aaa; border-bottom: none; padding: 2px 8px; background-color: #ccc; color: #3f3f3f;}
table.cal td {border: 1px solid #eaeaea; padding: 2px 4px; vertical-align: top;}
table.cal td.blank {background: #eee;}
table.cal td.today {}
table.cal td.DisplayMonth {border: 0; text-align: center; font-weight: bold;}
table.cal a {text-decoration: none; color: #3f3f3f;}
table.cal a:link {color: #3f3f3f;}
table.cal a:visited {color: #3f3f3f;}
table.cal a:hover {text-decoration: underline; font-weight: bold; color: #000; background-color: transparent;}
table.cal a:active {text-decoration: underline; font-weight: bold; color: #000; background-color: transparent;}
table.cal td.circled {background-repeat: no-repeat; background-position: center; background-image:url("/images/controls/calendar-markdate.png");}

.CalLegend {padding-top: 15px; padding-bottom: 5px; max-width: 160px;}
.CalLegItem {float: left; padding-right: 5px; line-height: 90%;}
.CalLegItemSwatch {border: 1px solid #000;}
.CalLegItemName {font-size: 80%;}

/* --------------------------------- Gallery ------------------------------- */

table.SaleGallery {background: #fff; margin: 10px 0 20px 0; border-collapse: collapse; text-align: left; min-width:100%;} 
table.SaleGallery td {border: 0 solid #000; color: #000; padding: 10px 15px; text-align: center; max-width: 160px;}
table.SaleGallery td.pagenav {text-align: right; font-size: 80%;}
table.SaleGallery td.legend {text-align: left;}
table.SaleGallery a {text-decoration: none;}
table.SaleGallery a:hover {text-decoration: underline;}
table.SaleGallery a img {text-decoration: none; border:0;}
table.SaleGallery a.pagenav  {text-decoration: none;}
table.SaleGallery a.pagenav:hover {text-decoration: underline;}
table.SaleGallery a.pagenav_currpg, table.SaleGallery a.pagenav_currpg:hover {background-color: #369; text-decoration: none; color: #fff;}

/* ------------------------------- Navigation ----------------------------- */

#leftmenu ul {
	font-size: 80%;
	list-style: none;
	margin-left: 5px;
	padding: 0px;
	color: #000;
	}

#leftmenu ul li {
	display: block;
	}

#leftmenu ul li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	color: #000;
	text-decoration: none;
	width: 96%;
	}

#leftmenu ul li a:hover {
	background-color: #369; /* dark blue */
	color: #fff;
	text-decoration: underline;
	}
	
#leftmenu ul ul {
	font-size: 100%;
	}

#leftmenu ul ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	}

#leftmenu ul ul.subnav li {
	padding-left: 1.5em;
	}

#leftmenu ul ul.subnav li a {
	padding: 1%;
	margin: 0px;
	background-color: transparent;
	}

#leftmenu ul ul.subnav li a:hover {
	color: #fff;
	background-color: #369; /* dark blue */
	text-decoration: underline;
	}

#leftmenu ul li a.selected,
	#leftmenu ul ul.subnav li a.selected {
	color: #36c; /* med blue */
	font-weight: bold;
	}
#leftmenu ul li a.selected:hover,
	#leftmenu ul ul.subnav li a.selected:hover {
	color: #fff;
	background-color: #36c; /* dark blue */
	font-weight: bold;
	}
/* ---------------------------------------------------------------------*/

.SwapSubTitle {color: #46beb8; font-size: 115%; font-weight: bold; margin: 0; padding:0; margin-top: 10px;}