html,
body {
	width: 100%;
	height: 100%;
	background: #FFF;
}
body {
	margin: 0;
	color: #201812;
	font: normal 11px/120% Lucida Grande, Lucida Sans Helvetica, Arial, sans-serif;
}
a, a:link, a:visited, a:active, .FormValueCell a{
	color: #63870D;
	outline: none;
}
a:hover, .FormValueCell a:hover{
	text-decoration: none;
	outline: none;
}
h1, h2, h3, h4, h5, h6{
	color: #63870D;
}

.LoginTable,
.ForgotLoginTable,
.MenuTable,
.ListTable,
.FormTable {
	width:100%;
}


/* All pages have a <tr> which is set to the header row which contains the title of the page. */

.LoginHeaderRow,
.ForgotLoginHeaderRow,
.ListHeaderRow,
.FormHeaderRow {
	font-weight: bold;
	font-size: 16px;
	color: #5C7E0C;
	line-height: 30px;
	border-bottom: 1px dashed #000;
}


/* List and Form pages have a <tr> which is set to the criteria row which describes how the page is filtered. */

.ListCriteriaRow td,
.FormCriteriaRow td {
	padding-top: 5px;
	color: rgb(181,161,64);
}



/* All pages have a <tr> which is set to the description row which contains the description of the page. */

.LoginDescriptionRow td,
.ForgotLoginDescriptionRow td,
.ListDescriptionRow td,
.ListInstructionRow td,
.FormDescriptionRow td,
.FormInstructionRow td {
	padding-top: 5px;
}



/* All pages have a <tr> which is set to the message row which contains any information, warning or error messages returned from a submit. */

.LoginMessageRow td,
.ForgotLoginMessageRow td,
.ListMessageRow td,
.FormMessageRow td {
	padding-top: 5px;
}

.InformationMessage {
	color:Blue;
}

.WarningMessage {
	color:Maroon;
}

.ErrorMessage {
	color:Red;
}



/* List and Form pages have a <tr> which is set to the column header row which contains a title for each column. */

.ListColumnHeaderRow td,
.FormColumnHeaderRow td {
	padding-top: 5px;
	font-weight:bold;
	font-size:smaller;
}

.FormColumnHeaderRow td {
	display:none;
}



/* All pages have multiple <tr>s which are set to the detail row which contains the details.
   The form and list have been broken down to odd and even rows which can be styled (perhaps different colors) so each row is distinguishable. */

.LoginDetailRow td,
.ForgotLoginDetailRow td,
.ListOddDetailRow td,
.ListEvenDetailRow td {
	font-size:smaller;
}

.FormOddDetailRow td,
.FormEvenDetailRow td {
}

.ListOddDetailRow td {
	background-color: #E6EFD1;
}

.ListEvenDetailRow td {
	background-color: #DEEFB3;
}



/* All pages except the list have multiple <td>s which are set to Name or Value cells 
   which contains the name (title) and value of the field in the detail row. Also, Name and Value cells
   may have be distinguished when a value is required. */

.LoginNameCell,
.ForgotLoginNameCell {
	width: 50%;
	font-weight: bold;
	text-align: right;
}

.LoginValueCell,
.ForgotLoginValueCell {
	width:50%;
}

.FormNameCell, 
.FormNameCellWithRequiredValue {
	margin: 1px;
	padding: 2px;
	padding-right: 15px;
	width:25%;
	color: #7AA610;
	text-align: right;
	white-space: nowrap;
}

.FormNameCell a {
}

.FormNameCell .Information, 
.FormNameCellWithRequiredValue .Information {
	float: right;
	margin-right: -15px;
	padding-left: 2px;
}

.FormNameCellWithRequiredValue .Required {
	padding-right: 3px;
}

.FormValueCell,
.FormRequiredValueCell {
	margin: 1px;
	padding: 2px;
	width:75%;
}

.LoginValueCell #UserName {
	width:250px;
}

.LoginValueCell #Password {
	width:100px;
}

.ForgotLoginValueCell #EmailAddress {
	width:250px;
}



/* In a list page there a record selectors (checkboxes) and editor (more info) columns. */

.ListRecordSelectorCell,
.ListRecordEditorCell {
	
}

.ListRecordSelectorCell {
	width:22px;
}

.ListRecordEditorCell {

}

.ListRecordRankUpCell,
.ListRecordRankDownCell {
	width: 10px;
}



/* The following are all the different types of values that can be visible in the form and list value cells. */

.ListItemCell,
.ListCollectionCell,
.ListForeignCollectionCell,
.ListLinkingForeignCollectionCell,
.ListStringCell,
.ListMultipleLineStringCell,
.ListHTMLCell,
.ListURLCell,
.ListWebAddressCell,
.ListFileURLCell,
.ListImageURLCell,
.ListEmailAddressCell,
.ListPasswordCell,
.ListDecimalCell,
.ListIDCell,
.ListDurationCell,
.ListRankingCell,
.ListMoneyCell,
.ListPercentageCell,
.ListEnumerationCell,
.ListDateTimeCell,
.ListBooleanCell,
.ListGroupCell {
	width:auto;
	vertical-align: middle;
}
.ListStringCell, ListItemCell{
	vertical-align: middle;
	padding-left: 5px;
}
.ListImageURLCell {
	width: 80px;
	text-align: center;
}

.ListImageURLCell image {
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 80px;
	text-align: center;
}

.FormItemControl,
.FormCollectionControl,
.FormForeignCollectionControl,
.FormLinkingForeignCollectionControl,
.FormStringControl,
.FormMultipleLineStringControl,
.FormHTMLControl,
.FormURLControl,
.FormWebAddressControl,
.FormFileURLControl,
.FormImageURLControl,
.FormEmailAddressControl,
.FormPasswordControl,
.FormDecimalControl,
.FormIDControl,
.FormDurationControl,
.FormRankingControl,
.FormMoneyControl,
.FormPercentageControl,
.FormEnumerationControl,
.FormDateTimeControl,
.FormBooleanControl,
.FormGroupControl {
	width:85%;
}

.FormLinkingForeignCollectionControl {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(127,157,185);
	height: 120px;
	overflow: auto;
	background-color: white;
}
.FormLinkingForeignCollectionControl div {
	height: 20px;
}
.FormLinkingForeignCollectionControl div input[type="checkbox"] {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(127,157,185);
}
.FormLinkingForeignCollectionControl div span {
	cursor: default;
}




/* HTML and MultipleLineString readonly values */
.FormValueCell .MultipleLineString
{
	max-height: 120px;
	overflow: auto;
	width: 85%;
	border: solid 1px;
	border-color: rgb(127,157,185);
}




/* Form pages have a <tr> which is set to the required message row which contains the required message for required fields. ie. All fields italicised are required.*/

.FormRequiredMessageRow {
	font-size: smaller;
	text-align: center;
}



/* List pages have a <tr> which is set to the list page range row which contains the page and record ranges. ie. Page 2 of 9 : Records 20-40 of 175.*/

.ListPageRangeRow {
	font-size: smaller;
	text-align: center;
}



/* All pages have a <tr> which is set to the command row which contains the commands (buttons) of the page. ie. Add New, Remove, Submit, Reset. */

.LoginCommandRow,
.ForgotLoginCommandRow,
.ListCommandRow,
.FormCommandRow {
	height: 30px;
	text-align: center;
	vertical-align: middle;
}



/* All buttons used by the page generator. */

.ImageButton image {
	margin-left:3px;
	margin-right:3px;
	border-style:none;
	vertical-align:middle;
	cursor: hand;	
}

a.TextButton,
input.TextButton {
	display: inline-block;
	margin: 0px;
	margin-left: 0;
	margin-right: 3px;
	border: none;
	padding: 2px;
	padding-left: 17px;
	padding-right: 8px;
	width: auto;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	line-height:21px;
	height: 21px;
	text-decoration: none;
	white-space: nowrap;
	background: #63880D url(../UserFiles/Image/Buttons/BtnBg.gif) no-repeat 0 center;
	color: #FFFFFF;
	cursor: hand;
}
a.TextButton:hover,
input.TextButton:hover {
	background: #7AA610 url(../UserFiles/Image/Buttons/BtnBg.gif) no-repeat 0 center;
	color: #FFFFFF;
}
input.TextButton {
	padding: 0px;
	padding-left: 18px;
	text-align: left;
}
.ListCommandRow a.TextButton,
.ListCommandRow input.TextButton,
.FormCommandRow a.TextButton,
.FormCommandRow input.TextButton {
	margin: 3px;
}



/* Button on the drop down list */
.DropDown
{
	padding-right: 15px;
	background-image: url(../UserFiles/Image/Buttons/DropDown.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
.DropDown:hover
{
	background-image: url(../UserFiles/Image/Buttons/DropDownOver.jpg);
}



/* The following is used on <span> tags and is used in a template to note that content is placed here. */

.Content {
	display: block;
	height: 100%;
	width: 100%;
}





/* New class tags used */

.Object {
	display: block;
	width: 100%;
	text-align: center;
	background-color: white;
}

.Property {
	display: block;
	padding: 2px;
	width: 100%;
	text-align: left;
}

.Property .Name {
	display: inline-block;
	width: 30%;
}

.Property .Value {
	display: inline-block;
	width: auto;
}

.Property.Odd {
	background-color: rgb(201,218,234);
}

.Property.Even {
	background-color: rgb(168,188,197);
}

.Method {
	margin-left:7px;
	margin-right:7px;
	margin-top:2px;
	margin-bottom:2px;
	border-left-style:none;
	border-right-style:none;
	border-top-style: solid;
	border-top-color: rgb(127,157,185);
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(127,157,185);
	border-bottom-width: 1px;
	vertical-align: middle;
	cursor: hand;
}

.Collection .Object {
	display: block;
	width: 100%;
}

.Collection .Object.Odd,
.Collection .Object.Odd .Property.Odd,
.Collection .Object.Odd .Property.Even {
	background-color: rgb(201,218,234);
}

.Collection .Object.Even,
.Collection .Object.Even .Property.Odd,
.Collection .Object.Even .Property.Even {
	background-color: rgb(168,188,197);
}


/* Specific class tags */

.ProductCategory .Property {
	display: inline;
}

.ProductCategory .Property .Name {
	display: none;
}

.ProductCategory .Property .Value {
	display: inline;
}

.ProductCategory .Property.Image {
	z-index: 1;
	float: left;
}

.ProductCategory .Property.Image img {
	border: none;
}

.ProductCategory .Property.Name {
	z-index: 2;
	font-size: 20px;
}

.ProductCategory .Property.Description {
	z-index: 3;
	font-size: 14px;
}

.ProductCategory .Property.Products {
	z-index: 4;
	font-size: 14px;
}





/* DON'T PRINT */

@media print {
	.ListRecordSelectorCell,
	.ListRecordEditorCell,
	.ListMethodCell,
	.LoginCommandRow,
	.ForgotLoginCommandRow,
	.ListCommandRow,
	.FormCommandRow,
	.TextButton,
	.NoPrint {
		display:none;
}
}







/* File Upload status bar */

#UploadDisplay {
	display: block;
	position: absolute;
	left: 400px;
	top:  300px;
   	border: solid 1px gray;
  	padding: 20px;
	width: 300px;
	height: 85px;
	z-index: 1;
	background-color: #f0f0f0;
}

#UploadDisplayFrame {
 	margin: 0px;
	border: 0px;
	padding: 0px;
 }

.UploadBarBody {
	background-color: #f0f0f0;
}

.UploadProgressBar {
	width: 99%;
}

.UploadHeading {
	white-space: nowrap;
}

.UploadBar {
	margin-top: 5px;
  	border: solid 1px #63870D;
	width: 99%;
	background-color:  White;
}

.UploadBarPercent {
	background-color:  #63870D;
}

.UploadStatus {
	margin-top: 5px;
	white-space: nowrap;
}

.UploadCancel {
	margin-top: 10px;
	text-align: center;
}











/* Styles here are used to define the menu and its items and sub-menus. */




/* Base Menu Styles - SHOULD NOT NEED TO MODIFY */

.Menu {
	margin: 0;
	padding: 0;
	cursor: default;
}

.Menu li,
.Menu li li {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

.Menu.Closed {
	display: none;
}




/* Horizontal Menu Styles - SHOULD NOT NEED TO MODIFY */

.HorizontalMenu .Line {
	display: inline;
}

.HorizontalMenu .Line hr {
	display: none;
}

.HorizontalMenu .Item {
	display: inline;
	position: relative;
	width: auto;
}

.HorizontalMenu .Menu .Menu {
	position: absolute;
	left: 0;
	height: auto;
}

.HorizontalMenu .Menu .Menu .Line,
.HorizontalMenu .Menu .Menu .Line hr,
.HorizontalMenu .Menu .Menu .Item,
.HorizontalMenu .Menu .Menu .Item a {
	display: none;
}

.HorizontalMenu .Menu .Menu .Menu {
	top: 0;
}



/* Sub-Horizontal Menu Styles - SHOULD NOT NEED TO MODIFY */

.SubHorizontalMenu .Line {
	display: none;
}

.SubHorizontalMenu .Line hr {
	display: none;
}

.SubHorizontalMenu .Item {
	display: inline;
	position: relative;
	width: auto;
}

.SubHorizontalMenu .Menu .Menu {
	position: absolute;
	left: 0;
}




/* Vertical Menu Styles - SHOULD NOT NEED TO MODIFY */

.VerticalMenu .Line {
	display: none;
}

.VerticalMenu .Item {
	display: block;
	position: relative;
}

.VerticalMenu .Item a {
	display: block;
	width: 100%;
}

.VerticalMenu .Menu .Menu {
	position: absolute;
	top: 0;
}




/* Sub-Vertical Menu Styles - SHOULD NOT NEED TO MODIFY */

.SubVerticalMenu .Line {
	display: block;
}

.SubVerticalMenu .Item {
	display: block;
	position: relative;
}

.SubVerticalMenu .Item a {
	display: block;
	width: 100%;
}









/*Skin specific styles */
.BackendWrapper {
	width: 100%;
	height: 100%;
	background: #000 url(../UserFiles/Image/Frame/Backend/bgBody.gif) top center repeat-x;
}
#container {
	width: 890px;
	margin: 0px auto;
	padding: 0px;
}
#containerBackend {
	width: 955px;
	margin: 0px auto;
	padding: 50px 0 0;
	background: url(../UserFiles/Image/Frame/Backend/tropixelLogo.gif) no-repeat right top;
	}

#content {
	padding: 3px 13px 13px;
	float: left;
	width: 595px;
	
}
#flashHeader,
#flashHeaderDefault {
	float: left;
	width: 598px;
	height: 376px;
	margin-bottom: 20px;

}
#flashHeaderDefault {
	height: 273px;
}
#contentInner {
	padding: 0 15px;
	min-height: 400px;
}
#contentBackend {
	padding: 3px 13px 13px;
	float: left;
	width: 929px;
	background: #FFF;
	
}
#contentInnerBackend {
	padding: 20px 0px;
	min-height: 929px;
}

#FooterBackend {
	padding: 10px 0 0;
	margin-top: 10px;
	height: auto;
	clear: both;
	font-size: 10px;
	color: #63860D;
	border-top: 1px solid #BFBFBF;
}
#FooterBackend p {
	color: #63860D;
}

#FooterBackend a {
	color: #999999;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#FooterBackend a:hover {
	color: #63860D;
}
#FooterBackend strong{
	color: #CCCCCC;
}
.marginRight {
	margin-right: 20px;
}
.ClearBoth {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}
.trHeader {
	color: #FFFFFF;
	background: #B89665;
	font-weight: bold;
	line-height: 18px;
}
.column {
	background: #F7F5EE;
	border-bottom: 1px dashed #B79663;
}
.columnAlt {
	border-bottom: 1px dashed #B9945E;
}
fieldset {
	border: dotted 1px #000;
	padding: 10px;
}
label {
	width: 160px;
	float: left;
	white-space: nowrap;

}
legend {
	color:  #990000;
	background: #FFF;
	padding: 0 2px;
}
.submit {
	color:  #FFF;
	display: inline;
	background: #643611;
	border: none;
	text-transform: capitalize;
	font-weight: bold;
}
#contactLeftCol {
	float: left;
	width: 200px;
}
.required {
	border: 1px solid #63860D;
	background: #F3E9E6;
}


#Copyright {
	color: #63860D;
}

#WebsiteBy {
	float: right;
}

/* BACKEND MENU */
#BackendMenu {
	float: left;
	clear: none;
	width: auto;
	padding-top: 59px;
	height: 34px;
	width: 955px;
	border-bottom: 1px solid #000;
}

#BackendMenu .Menu {
	width: auto;
	height: 35px;
}

#BackendMenu .Line {
	display: none;
}

#BackendMenu .Line hr {
	display: none;
}

#BackendMenu .Item {
	display: block;
	float: left;
	width: auto;
	line-height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #63870D url(../UserFiles/Image/Frame/Backend/btnTopBg.gif);
	padding: 0px 8px;
}

#BackendMenu .Item.Administration {
	width: auto;
	border-right: 1px solid #54730B;
}

#BackendMenu .Item a {
	color: #FFF;
	display: block;
	text-decoration: none;
}

#BackendMenu .Item a:hover {
	color: #FFF;
	text-decoration: none;
}

#BackendMenu .Menu .Menu {
	top: 35px;
	width: 215px;
	height: auto;
}

#BackendMenu .Menu .Menu .Line {
	padding: 0 10px;
	width: 200px;
	height: 1px;
}

#BackendMenu .Menu .Menu .Item {
	float: none;
	

	line-height: 25px;
	text-align: left;
	text-indent: 10px;
	font-size: 11px;
	font-weight: normal;
	background: #5C7E0C url(../UserFiles/Image/Frame/Backend/btnTopBg.gif) bottom;
	height: 25px;
}

#BackendMenu .Menu .Menu .Item:hover, #BackendMenu .Menu .Item:hover {
	color: #000;
	background: #98BD16 url(../UserFiles/Image/Frame/Backend/btnTopBgHover.gif) bottom;
}
#BackendMenu .Menu .Menu .Item a:hover {
	color: #2A2018;
}

#BackendMenu .Menu .Menu .Menu {
	left: 215px;
	top: 0px;
	border-left: 1px #FFF solid;
}