﻿.body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.block {
	display: block;
}

form { 
margin: 0; 
padding: 0; 
} 

h1 {font-size:24px;margin:0px;padding:0px 0px;}

/* ADDED BY CD */
.pageTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #353535;
	font-weight: bold;
}

.orangelinksm {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E46A0A;
	line-height: 18px;
}

.orangelink {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E46A0A;
	line-height: 18px;
}

.bodysm {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #353535;
	line-height: 18px;
}

.errorMessage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	}
	
.successMessage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000ff;
	}
	
.forminput {
	border: 1px solid #353535;
	font-size:11px; 
	color:#353535; 
	font-family:"Trebuchet MS", Arial,Helvetica,sans-serif;
	height: 20px;
}

.formCheckBoxList
{
	width: 600px;
	font-size:10px; 
	font-family:"Trebuchet MS", Arial,Helvetica,sans-serif;
}

/* controls the labels and links commonly found in the rows */ 
.dataGridHeaderStyle a, .dataGridHeaderStyle a:link, .dataGridHeaderStyle a:visited {
	font-size:8pt;
	color:#353535;	
}

.dataGridItemStyle a, .dataGridItemStyle a:link, .dataGridItemStyle a:visited, .dataGridAltItemStyle a, .dataGridAltItemStyle a:link, .dataGridAltItemStyle a:visited {
	font-size:8pt;
	color:#353535; 
	text-decoration: underline;	
}

.dataGridFooterStyle a, .dataGridFooterStyle a:link, .dataGridFooterStyle a:visited {
	font-size:8pt;
	color:#353535;	
}

.dataGridPagerStyle a, .dataGridPagerStyle a:link, .dataGridPagerStyle a:visited {
	font-size:8pt;
	color:#353535;	
}

.dataGridPagerStyle
{
	Font-Size: 8pt;
	text-align: right;
	background-color: #DCDCDC;
	color: #353535;	
	border: none;
}

.dataGrid
{
	text-align: left;
	border: solid 1px #d3d3d3;
	color: #353535;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
.dataGridHeaderStyle
{
	Font-Size: 8pt;
	text-align: left;
	color: #353535;
	background-color:#DCDCDC;
	font-weight:bold;
	border: none;
}

.dataGridItemStyle
{
	background-color: #FFFFFF;
}

.dataGridAltItemStyle
{	
	background-color: #F5F5F5;
}

.dataGridFooterStyle
{
	Font-Size: 8pt;
	text-align: right;
	background-color:#ffffff;
	color: #333333;
	border: none;
}
.AlignCenter
{
	text-align:center;
}

.pageTitle
{
	white-space:nowrap;
}

#ctl00_ctl00_cphAdminNoNavBody_cphAdminBody_ValidationSummary1
{
	font-size:8pt;
}


/* dustin's admin css */

body{font:10pt 'Trebuchet MS',Helvetica,Arial;background:#f3f3f3;margin:10px;}
.text{font:10pt 'Trebuchet MS',Helvetica,Arial;}
input{min-height:12px;}
#divPageHeader{float:left;color:#666;font:700 16px 'Trebuchet MS',Helvetica,Arial;margin:10px 0;}
#divWrap{width:955px;margin:0 auto;background:#fff;}
#divHeader{background-image: url(/images/admin_header2.jpg); background-repeat:repeat-x;}
#divBody{}
#divAdminMenu{width:125px;float:left;padding:15px 0px 5px 0px;}
#divAdminMenu table{font-size:13px;}
#divLoginName,#divLoginStatus{font-size:11px;float:right;padding-top:5px;padding-right:5px;}
#divContentTwoColumn{margin:0;padding:10px;float:right;clear:right;width:750px;}/*fl*/
#divContentOneColumn{margin:0;padding:10px;width:935px;}
#divFooter{clear:both;background-image: url(/images/admin_footer.jpg); background-repeat:repeat-x;}
#divOverGridFloatRight{float:right;}
#divAddNewContact{float:left;margin-bottom:5px;}
#divSearchBoxMessageBoard{margin-bottom:2px;}
#divFormWrapper{display:block;};
.hidden{display:none;}
.leftcolumn,.rightcolumn{float:left;width:48%;padding:0 1%;}
.singlecolumn{float:left;width:98%;padding:0 1%;}
.clear1{float:left;clear:both;}
/*******************************/
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.cl{clear:left;}
.cr{clear:right;}
.cn{clear:none;}
.cb{clear:both;}
/********************************/

/******************************Style for displaymessage/errormessage/validationerror div*********************/
.divMessages{width:100%;text-align:center;margin:15px auto;clear:both;}
.errormessage{font-size:9pt;background:#c00;color:#fff;}
.validator{font-weight:700; font-size:9pt;float:left;padding-left:3px;color:#c00;}
.displaymessage{font-weight:700; font-size:9pt;color:#00c;} 
/*****************************************************************************
	This section controls the gridViews
******************************************************************************/
/* not all gridViews specifically mentioned below */
/*****************Styles relating to the Div that contains the gridview and controls on top of it**********/
.gridViewDiv{margin:25px 8px;}
.gridViewDiv li{display:inline;font-size:9pt;list-style-type:none;}
.gridViewDiv li a:link, .gridViewDiv li input, .gridViewDiv li label{
	color:#666;text-decoration:none;
}
.gridViewDiv li a:visited{color:#666; text-decoration: none;}
.gridViewDiv li a:hover, .gridViewDiv li a:focus{text-decoration:underline;}

/****************Styles that format the gridview itself******************************/
.gridView{
	/*margin:5px auto 0px;*/
	text-align: left;
	border: solid 1px #FFFFFF;
	width: 550px;
	clear:both;
	color:#000;
	font-size: 11px;
}

.gridView100Percent{
	/*margin:5px auto 0px;*/
	text-align: left;
	border: solid 1px #FFFFFF;
	width: 100%;
	clear:both;
}

.gridViewHalfSize{
	/*margin:5px auto 0px;*/
	text-align: left;
	border: solid 1px #FFFFFF;
	width: 300px;
	clear:both;
}

.gridView100Percent th, .gridView100Percent th a, .gridView th, .gridView th, .gridViewHalfSize th, .gridViewHalfSize th a
{color:#333;background-color:#ffc;font-weight:700;font-size: 9pt;border-style:none;padding:3px 6px;}
.gridViewRowStyle, .gridViewRowStyle a 
{
    vertical-align:text-top; background-color:Transparent; color:#000; font-size:11px;
    }
.gridViewAltRowStyle, .gridViewAltRowStyle a
{vertical-align:text-top; background-color:#e6efff; color:#000; font-size:11px;
 }
.gridViewPagerStyle, .gridViewPagerStyle a, .gridViewPagerStyle td
{
    vertical-align:text-top;background-color:#ffc; color:#000;font-size:11px;
}
.gridViewPagerStyle table {float:right;}

.gridViewNameStyle, .gridViewDateStyle, .gridViewCreatedByStyle, .gridViewIconStyle, .gridViewAssignStyle,
.gridViewProductIDStyle, .gridViewCategoryStyle
{
	vertical-align:top;
	padding:3px 6px;
	border-style:none;
}

.gridViewNameStyle{width:120px; vertical-align:top;}
.gridViewDateStyle{width:75px;vertical-align:top;}
.gridViewCategoryStyle{width:75px;vertical-align:top;}
.gridViewIconStyle, .gridViewIconStyle input
{
    width:16px;padding-left:4px;padding-right:4px;
}

.gridViewHalfTableStyle{width:50%;}
input.gridViewHalfTableStyle{width:96%; background-color:Transparent; color:#333; border:solid 1px #ddd;}


/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */
ul.AspNet-Menu{}
ul.AspNet-Menu, 
ul.AspNet-Menu ul{
    margin:0;
    padding:0;
    display:block;
    font-weight:700;
}
ul.AspNet-Menu li{list-style:none;float:left;}
ul.AspNet-Menu li a,
ul.AspNet-Menu li span{
    display:block;text-decoration:none;
    color:Blue;
}
ul.AspNet-Menu ul{
   /* position: absolute;*/
   margin-left: 10px;
   font-weight:normal;
   visibility:visible;    
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul{
    visibility: visible;
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul{
    visibility: visible;
}
.AspNet-Menu-Vertical ul.AspNet-Menu li{
    width: 100%;
}
/****************************************************************************
*                                List pages									*
****************************************************************************/
#divViewAll{clear:right;float:right;}
#divGridViewRecordCount{float:left;clear:both}
#divGridViewRecordCountNoClear{float:left;margin:5px 0 5px;}
.divProgress{clear:both; margin-top:-18px;vertical-align: bottom; padding:5px; color:#2465D4;font-weight:700; font-size:12px;width:125px;}
.divProgress img {margin-right:5px; float:left;}
.divProgress .progressText { float:left;}
.activestatus{float:right;margin-right:8px;}
.resultsPerPage {clear:both;float:left;width:300px;}
.resultsPerPage label {float:left;margin-top:3px; margin-right:5px;}
/*****************************************************************************
*                                 ADD/EDIT PAGES STYLES                      *
*****************************************************************************/
fieldset{padding:5px 15px 5px 15px;border:none;border-top:solid 1px #999;}
.fieldsetNoBorders{border:none;}
.fieldsetNoBorders legend{border:none;padding:5px;font-weight:700;}
.fieldsetFullBorders{border:solid 1px #999;}
fieldset .pad, fieldset .padinner{margin:0;border:0;border-top:solid 1px #ddd;}
fieldset .padinner input{margin:5px 0;}
#fsAdminLogin{padding:15px;border:solid 1px #000;width:400px;margin:0 auto;}
legend{border:solid 1px #999;padding:5px;font-weight:700;}
.formLabel{float:left;clear:left;width:150px;text-align:right;padding-right:5px;margin:3px 0;line-height:22px;}
.formValueLabel{float:left;margin:3px 0;width:165px;line-height:22px;}
.formTextBox
{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   margin:3px 0;
   width:250px;
}
.formTextBoxMultiLine
{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;       
   margin:3px 0;
   width:500px;
}
.formTextBoxNoFloat{margin:3px 0;}
.formCheckBox{margin:3px 0;float:left;width:100px;}
.formDropDownFloatRight {float:right; margin:3px 0;}
.formDropDown
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	} 
.formDropDownState{float:left;margin:3px 0;width:165px;}
.formDropDownSmall{float:left;margin:3px 0;width:140px;}
.floatLeftText{margin:3px 0;float:left;}
.button{float:left;margin:3px 0;}
.rightalign, .rightalignclearnone, .rightalignmargintop, .rightalignclearright{float:right;margin-right:10px;}
.rightalignclearnone{clear:none;}
.rightalignmargintop{margin-top:15px; clear:right;}
.rightalignedtext{text-align:right;margin-right:10px;}
.leftalign{float:left;}
.litCopy{clear:both; margin-bottom:10px;}
.radioButtonsMultiline{float:left;margin:3px 0;}
.mt10{margin-top:10px;}
/****************************************************************************/
.divFilter{width:22%;padding:1%;float:left;}
.divFilter2{width:13%;padding:1%;float:left;}
.divFilter3{width:8%;padding:1%;float:left;vertical-align:bottom;}
.divFilter3 input{margin-top:2px;}
.divFilter4{width:98%;padding:1%;float:left;clear:both;}
.searchbox input[type="submit"]{margin-top:3px;margin-left:10px;}


/* details page */
#divOrderDetails fieldset {padding:5px 2%;border:solid 1px #999;margin-bottom:10px;}
#divOrderDetails fieldset fieldset {border:none;margin-bottom:0;padding:0 0 10px 0;}
#divOrderDetails fieldset fieldset legend {border:none; padding:0;}
#divOrderDetails fieldset label{clear:left; float:left; width:125px;}
#divOrderDetails fieldset span {float:left; margin-left: 10px;}
#divOrderDetails fieldset input{float:left; margin-left: 10px;}
#divOrderDetails fieldset select{float:left; margin-left: 10px;}
#divOrderDetails fieldset h2 {font-size:14px;margin:0;}
#divOrderDetails fieldset .gridViewNameStyle span{float:left;margin-left:0;}
#divOrderDetails fieldset .gridViewAmountStyle span{float:right;margin-left:0;}
#divOrderDetails fieldset .gridViewSkuStyle span{float:left;margin-left:0;}
#divOrderDetails fieldset .gridViewCountStyle span{float:right;margin-left:0;}

#divOrderDetails fieldset.orderInformation {clear:both;}
#divOrderDetails fieldset.customerInformation {clear:both;float:left;margin-right: 2%; width: 44%;}
#divOrderDetails fieldset.paymentInformation {clear:both;}

#divOrderDetails fieldset.billingAddress {clear:both;float:left;margin-right: 2%; width: 44%;}
#divOrderDetails fieldset.shippingAddress {float:left;width: 44%;}

#divOrderDetails fieldset.shippingInformation {float:left;width: 44%;}
#divOrderDetails fieldset.shippingInformation textarea {margin-left:10px;}
#divOrderDetails fieldset.shippingInformation input {margin-left:135px;}
#divOrderDetails fieldset.couponInformation {width: 44%; float:left;}
#divOrderDetails fieldset.creditcardInformation {margin-right: 2%; width: 44%; clear:both; float:left;}
#divOrderDetails fieldset.paymentTransactions {width: 48%; float:left;}
#divOrderDetails fieldset.accountCreditInformation {clear:both; float:left;}

#divOrderDetails fieldset.orderItems {clear:both;}
#divOrderDetails fieldset.orderItems .attributes {clear:both;}
#divOrderDetails fieldset.orderItems .setUpCharge {clear:both;}
#divOrderDetails fieldset.orderItems .orderItemTotals {float:right;}
#divOrderDetails fieldset.orderItems .orderItemTotals label {clear:left; float:left; width:90px; text-align:right;}
#divOrderDetails fieldset.orderItems .orderItemTotals span {float:left; padding-right:6px;width:90px; text-align:right; }

#divOrderDetails fieldset.orderNotes {clear:both;}
#divOrderDetails fieldset.orderNotes input {margin-left:0;}
#divOrderDetails fieldset.adminOrderNotes {float:left;margin-right: 2%; width: 44%;}
#divOrderDetails fieldset.adminOrderNotes label {width: 300px;}
#divOrderDetails fieldset.customerOrderNotes {float:left;width: 44%;}
#divOrderDetails fieldset.customerOrderNotes label {width: 300px;}

#addButtonTop{ float:right; clear:both;}
#addButtonTop a{ color: blue; font-size:11px}