home_bottom_left/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	

* 						{border-collapse:collapse; margin:0; padding:0; border:0; outline-style:none; outline-width:0px;}/*all html elements default to no padding, borders, etc. */
body 					{background-color:#E4F1FF; background-image:url(/images/browser_bg.jpg); background-repeat:repeat-x; background-position:top; }
a:link 					{color: #022B4F;text-decoration: none;}
a:visited 				{text-decoration: none;	color: #022B4F;}
a:hover 				{text-decoration: underline; color: #000000;}
a:active 				{text-decoration: none;	color: #5C574F;}	
abbr					{}
acronym 				{}
blockquote 				{padding:6px 40px 14px 40px;}
code, kbd 				{font-family:monaco, courier, monospace; color:#777777;}
dd, dt 					{cursor:help;}
h1 						{color:#A02046; margin:0 0 15px 0; font:normal 20px Helvetica, Arial, sans-serif; letter-spacing:0.6px; }
h2 						{color:#000000; margin:0 0 12px 0; font:normal 20px Helvetica, Arial, sans-serif; letter-spacing:0.6px;}
h3 						{color:#333366; margin:6px 0 6px 0; font:bold   15px Helvetica, Arial, sans-serif; letter-spacing:0.6px;}
h4 						{color:#555555; margin:0 0 12px 0; font:bold   15px Helvetica, Arial, sans-serif; letter-spacing:0.6px;}
h5 						{color:#000000; margin:0 0  8px 0; font:bold   14px Helvetica, Arial, sans-serif; letter-spacing:0.6px;}
h6 						{color:#555555; margin:0 0  8px 0; font:bold   14px Helvetica, Arial, sans-serif; letter-spacing:0.6px;}
hr 						{width:100%; margin:0 0 10px 0; padding:0; height:1px; background:#CCC; }
img 					{border:none; padding:0; behavior:url('/css/iepngfix.htc');} /* 'behavior" allows IE6 to properly display transparent .png files - requires 2 files in /css folder 'iepngfix.htc', and 'blank.gif'*/
ins 					{}
strong 					{font-weight:bold; color:#333366;}
a strong:hover 			{font-weight:bold; color:#777777;}  /* rollover color for "strong" OUTSIDE anchor tag (both should behave same)*/
a:hover strong			{color:#777777;}				/* rollover color for "strong" INSDIE  anchor tag (both should behave same)*/
table					{}
tbody 					{}
td 						{text-align:left; vertical-align:top;}
th 						{text-align:center; vertical-align:bottom;}
li 						{}
ol 						{padding:6px 0 14px 24px; list-style-type:decimal;}
p 						{margin-top:0px; margin-bottom:20px;}
pre 					{}
ul 						{padding:6px 0 6px 24px; list-style-type:disc; }
var						{}

label {
	display:block; 
	margin:0;
	font-weight:bold;
	color:#191919;
}
input { 
	width:215px;
	height:17px;
	margin:0 0 8px 0;
	padding:2px 2px 0 2px;
	border:solid 1px #999;
	font-size:12px;
	line-height:135%;
	font-family:Arial, Helvetica, sans-serif;
}
select	{
	width:220px; /*make 'select' 5px wider than 'input' to match */
	height:21px;
	border:solid 1px #999;
	margin:0 0 8px 0;
	padding:1px 0 0 2px;
	line-height:135%;
}
textarea { 
	width:213px; /* if no scrolls - make 'textarea' 2px narrower than 'input' to match */
	height:150px;
	margin:0 0 8px 0;
	padding:1px 3px 1px 3px;
	border:solid 1px #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* hide scrollbars if text area is less that approx 200x200px*/
/*	overflow-x: hidden; 
	overflow-y: hidden;*/
}

.errorMessage { 
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
}
.fieldError { 
	border-color:#F00;
	background:#F5FFFF;
}


/* BUTTONS - NOTE! Rather than apply styles to buttons, wrap buttons in '<div class="buttonHolder"> [--button--] </div>' */

/* Crossbroswer Hack - Format "buttonHolder" rather than button, so hover works in IE - look, size, text alignment, etc. are consistent */
.buttonHolder { 
	display: inline-block;
	height:18px;
	width:60px;
	margin:3px 5px 0 0;
	border:solid 1px #999;
	background: #CCC;
	padding:0; /*don't change padding - change in button css instead */
} 
.buttonHolder:hover { 
	background: #999;
} 
/* actual button */
.buttonHolder button, .buttonHolder input { 
	/* tweak all 3 of these to get consistent vertical place of text within button in all 3 browsers */
	height:18px;				/* use "holder" for appearance of button height - button may exceed height of holder to get text right, since overflow is hidden in holder */
	padding:1px 1px 5px 1px; 	/* Firefox/Safari bottom padding pushes text up */
	line-height:135%; 			/* IE more sensitive to line height - in Safari, label will probably ride a pixel higher */			
	/* specify these to override browser defaults - more consistency */
	font-weight:bold;
	letter-spacing:.2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* don't edit these, edit "buttonHolder" instead */
	margin:0;
	width:100%;
	background:none;
	border:none;
	outline:none;
} 

/* BUTTONS - NOTE! Rather than apply styles to checkboxes, wrapcheckboxesbuttons in '<div class="checkboxHolder"> [--checkboxHolder--] </div>' */
.checkboxHolder {
	display: inline-block;
	width:auto;
}
.checkboxHolder input {
	float:left;
	width:auto;
	border:none;
}


/*************************************************************************/	
/*************************** COMMON COLORS/TEXT STYLES *******************/
/*************************************************************************/

.black_bg				{background:#000;}
.rightNote {
	margin-top:-16px;
	text-align:right;
	font-size:11px;
	color:#666;
}


/* --Image Styles Assigned For Admin Tool -- */	
	.float_Image_Left		{border:none; 			float:left;  margin:6px 10px 1px 0   ;}
	.float_Image_Right		{border:none; 			float:right; margin:6px  0   1px 10px;}
	.float_Left_w_Border	{border:#777777 solid 1px; float:left;  margin:6px 10px 1px 0   ;}	
	.float_Right_w_Border	{border:#777777 solid 1px; float:right; margin:6px  0   1px 10px;} 

/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/


/* Note: Menu/Navigation & Footer Menu are styled in menu.css - not here */

#container {
	width:900px;
	text-align:left;
	background-color: #FFFFFF;
	border:solid 1px #000000;
	border-top:none;
	/* cross-browser hack to center div */
	margin-left:auto; 
	margin-right:auto; 
	/**/
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:150%;
	font-weight: normal; 
	font-variant: normal; 
	color:#000000;
}
#header {
	height:140px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	background-color: #A2A2A2;
	background-image: url(/images/header_bg.jpg);
	background-repeat: repeat-x;
}
#header a, #header a:visited{
	display:block;
}

.header_image_link {
	float:left;
	position:absolute;
	width: 170px;
	height:110px;
	margin:15px 0 0 30px;
}

#rightHeaderImages {
	float:left; 
	position:absolute; 
	width:165px; 
	height:370px; 
	margin-left:700px; 
}
#rightHeaderImages img {
	width:165px; 
	height:370px; 
}

#right_column {
	float:right; 
	position:absolute; 
	width:200px; 
	margin:215px 0 0 660px;
}

#right_column a, #right_column a:visited {
	width:95px;
	padding:3px 0 3px 0;
	border:solid 1px #003366;
	color:#FFF;
	background-color:#005088;
	line-height:115%;
	text-align:center;
	font-weight:bold;
	letter-spacing:-0px;
}
#right_column a:hover {
	text-decoration:none;
	color:#005088;
	background-color:#CCC;
}

#right_column_enews {
	float:left;
}

#right_column_send {
	float:right;
}
#right_column_rotator {
	margin-top:17px;
}
#right_column_testimonials {
	margin-top:45px;
}

.testimonial_text	{
	color:#A02046;
	display:block;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	line-height:190%;

}
.testimonial_name	{
	color:#0A2046;
	display:block;
	margin-top:12px;
	text-align:right;
	line-height:170%;
}
.testimonial_company	{
	color:#0A2046;
	display:block;
	text-align:right;
	line-height:170%;
}

#crumb{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:150%;
	font-weight: normal; 
	font-variant: normal; 
	color:#000000; 
}
#pageBody {
	padding:40px 280px 40px 40px;
	background-color:#FFFFFF;
	border-top:solid 1px #000;

}

#pageBodyLeft {
	float:left;
	width:530px;
	margin-bottom:40px;
	padding-right:40px;
	border-right:solid 1px #CCC;
	/* cross-browser hack to set minimum height for page body */
	min-height:320px;
	height:auto !important;
	height:320px;
	text-align:justify;
}

.loginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:65px;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.loginBtn:hover {
	background-color:#ECEFF2;
}

.forgotBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:175px;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.forgotBtn:hover {
	background-color:#ECEFF2;
}

.findPasswordBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:160px;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.findPasswordBtn:hover {
	background-color:#ECEFF2;
}

.returnLoginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:140px;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.returnLoginBtn:hover {
	background-color:#ECEFF2;
}

/* **************************** FOOTER  ****************************** */
#bottom_bar {
	height:20px;
	background-color: #104A8A;
	background-image: url(/images/footer_bg.jpg);
	background-repeat: repeat-y;
	background-position:top;
	/* cross-browser hack to center div */
	margin-left:auto; 
	margin-right:auto; 
}

#footer {
	width:900px;
	/* cross-browser hack to center div */
	margin-left:auto; 
	margin-right:auto; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	height:30px;
}

/* FOOTER MENU ECHOS OUTPUT OF MAIN NAV - BUT ONLY OUTPUTS TOP LEVEL ITEMS */
#footer_menu {
	float:left;
	/* you have to tweak and compromise on the next 2 lines for verticle placement of menu items */
	padding:3px 0 2px 0px; /* IE/Firefox 	- top and bottom padding affects verticle placement more  */
	line-height:120%; 		/* Safari 		- line-height affects vertical placement more */
	text-align:left;
	margin-left:0px;
	font-size:11px;
}
#footer_menu_right {
	/* you have to tweak and compromise on the next 2 lines for verticle placement of menu items */
	padding:3px 0 2px 0px; /* IE/Firefox 	- top and bottom padding affects verticle placement more  */
	line-height:120%; 		/* Safari 		- line-height affects vertical placement more */
	text-align:right;
	margin-right:2px;
	font-size:11px;
}
/* Note: Each top-level item is a UL (not an LI within a UL) */
#footer ul	{
	list-style:none;
	padding:0 10px 0 10px;
	border-right:solid 1px #104A8A;
	display:inline;
	font-weight:normal;
	font-size:11px;
	/* cross-browser hack to center menu items */
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#footer li	{
	/* necessary for IE to display menu items horizontally */
	display:inline;
	padding:0;
	margin:0;
}
/* menu items - note: each item is a UL (not an LI within a UL) */
#footer a, #footer a:visited, #footer a:hover  {
	color:#104A8A;
	padding:0;
	margin:0;
}
#footer a:hover  {
	color:#999;
	text-decoration:none;
}
.footer_copyright { 
	padding:3px 0 0 10px;
	display:block;
	font-size:10px;
}
.footer_tdc_blurb { 
	padding:3px 12px 0 0;
	display:block;
	font-size:10px;
}
#footer .footer_tdc_blurb a, #footer .footer_tdc_blurb a:visited { 
	color:#999;
}
#footer .footer_tdc_blurb a:hover { 
	color:#104A8A;
}
/************* pages with content in 2 columns ************/
#page_top {
	clear:both;
}	


#page_left_column {
	float:left;
	width:250px;
	text-align:left;

}
#page_right_column {
	float:right;
	width:250px;
	text-align:left;
}
#page_bottom {
	clear:both;
}	

/*************************************************************************/	
/*************************** INDIVIDUAL PAGES ****************************/
/*************************************************************************/

/************* HOME PAGE ************/
#pageBodyHome {
	margin:-40px -280px -40px -40px; /* cancels out normal pageBody margins */
	background-color:#000;
}

#home_enews_friend {
	float:right;
	position:absolute;
	margin:142px 0 0 585px;
	width:310px;
	height:25px;
	text-align:right;
	text-transform:uppercase;
}
#header #home_enews_friend a, #header #home_enews_friend a:visited {
	display:inline-block;
	width:115px;
	padding:3px 26px 0 0;
	margin-left:0;
	font-weight:bold;
	line-height:150%;
	color:#0A2046;
	letter-spacing:0px;
	text-align:right;
}
#header #home_enews_friend a:hover {
	text-decoration:none;
	color:#A02046;
}
#home_enews_link {
	background-image:url(/images/email-icon-over.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#home_enews_link:hover {
	background-image:url(/images/email-icon.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#home_friend_link {
	background-image:url(/images/send-icon-over.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#home_friend_link:hover {
	background-image:url(/images/send-icon.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#home_flash {
	border-bottom:solid 10px #005088;
}
#home_bottom {								
	width:780px;							
	padding-top:15px;
	height:170px;
	margin:10px 60px 0 60px;
	line-height:120%;
	font-size:14px;
	letter-spacing:.9px;
	font-weight:bold;
	font-style:italic;
}
#home_bottom img {								
	height:22px;
	display:block;
	margin-bottom:20px;
}
#home_bottom_left_and_middle_columns { 				
	float:left;
	width:536px;
}
#home_bottom_middle_borders {	
	float:right;
	border-left:solid 2px #AF92ED;
	border-right:solid 2px #AF92ED;
	width:288px;
}
#home_bottom_left {										
	float:left;
	width:200px;
	height:140px;
	color:#4D9AEA;
}
#home_bottom_left h1, #home_bottom_left h2  {										
	color:#4D9AEA;
	font-style:italic;
	margin:0;
	padding:0;
}
#home_bottom_left p {										
	margin:0;
	padding:0;
}
#homeNewsLink {
	text-align:right;
}
#homeNewsLink a, #homeNewsLink a:visited, #homeNewsLink a:hover  {
	color:#4D9AEA;
	font-size:12px;
}
#home_bottom_middle {					
	height:140px;
	margin:0 44px 0 44px;
	color: #B69ED1;
}
#home_bottom_right {
	margin-top:-2px;
	float:right;						
	width:200px;
	height:140px;
	color:#9EC26C;
}

/************* CONTACT PAGE ************/

#contactForm {				
	float:right;
	width:220px;
	line-height:normal;
	text-align:left;
}
#contactForm label {
	display:block; 
	margin:0;
	font-weight:bold;
	color:#191919;
}
#contactForm input {
	width:215px;
	height:17px;
	margin:0 0 8px 0;
	padding:2px 2px 0 2px;
	border:solid 1px #999;
	font-size:12px;
	line-height:135%;
	font-family:Arial, Helvetica, sans-serif;
}
#contactForm select	{
	width:220px; /*make 'select' 5px wider than 'input' to match */
	height:21px;
	border:solid 1px #999;
	margin:0 0 8px 0;
	padding:1px 0 0 2px;
	line-height:135%;
}
#contactForm textarea { 
	width:213px; /* if no scrolls - make 'textarea' 2px narrower than 'input' to match */
	height:150px;
	margin:0 0 8px 0;
	padding:1px 3px 1px 3px;
	border:solid 1px #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*needed to hide scrollbars if text area is less that approx 200x200px*/
	overflow-x: hidden; 
	overflow-y: hidden;
	
}
#contactForm .errorMessage { 
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
}
#contactForm .fieldError { 
	border-color:#F00;
	background:#F5FFFF;
}

/* Crossbroswer Hack - Format "buttonHolder" rather than button, so hover works in IE and look, size, text alignment, etc. are consistent */
#contactForm .buttonHolder { 
	height:18px;
	width:60px;
	margin:3px 0 0 0;
	border:solid 1px #999;
	background: #CCC;
	padding:0; /*don't change padding - change in button css instead */
} 
#contactForm .buttonHolder:hover { 
	background: #999;
	
} 
/* actual button */
#contactForm .buttonHolder button, #contactForm .buttonHolder input { 
	/* tweak all 3 of these to get consistent vertical place of text within button in all 3 browsers */
	height:18px;				/* use "holder" for appearance of button height - button may exceed height of holder to get text right, since overflow is hidden in holder */
	padding:1px 1px 5px 1px; 	/* Firefox/Safari bottom padding pushes text up */
	line-height:135%; 			/* IE more sensitive to line height - in Safari, label will probably ride a pixel higher */			
	/* specify these to override browser defaults - more consistency */
	font-weight:bold;
	letter-spacing:.6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* don't edit these, edit "buttonHolder" instead */
	margin:0;
	width:100%;
	background:none;
	border:none;
	outline:none;
} 

/************* ORDERS PAGE ************/

#orderForm { 
	line-height:normal;
	text-align:left;
}
#orderForm_top { 
	padding-bottom:30px;
}
#orderForm_middle { 
	clear:both;
	border-top:solid 3px #E9E9E9;
	padding-top:15px;
}
#orderForm_bottom { 
	clear:both;
	border-top:solid 3px #E9E9E9;
	padding-top:15px;
}
.orderForm_left {
	float:left;
	width:240px;
	padding:0 24px 15px 0;
}
.orderForm_right {
	float:right;
	width:219px;
}
#orderForm input {
	width:210px;
	height:22px;
}
#orderForm select	{
	width:215px; /*make 'select' 5px wider than 'input' to match */
	height:24px;
}
#orderForm textarea { 
	width:518px; /* if no scrolls - make 'textarea' 2px narrower than 'input' to match */
	overflow-x:none; 
	overflow-y:scroll;
}

#orderForm .buttonHolder { 
	width:60px;
} 
/* actual button */
#orderForm .buttonHolder button, #orderForm .buttonHolder input { 
	width:100%;
} 

#orderForm .checkboxHolder {
	display: inline-block;
	width:auto;
}
#orderForm .checkboxHolder input {
	float:left;
	width:auto;
}

/************* SEND TO A FRIEND PAGE ************/

#friendForm { 
	line-height:normal;
	text-align:left;
	margin-top:20px;
}
#friendForm_bottom { 
	clear:both;
}
.friendForm_left {
	float:left;
	width:240px;
	padding:0 24px 0 0;
}
.friendForm_right {
	float:right;
	width:219px;
}

#friendForm input {
	width:210px;
	height:22px;
}

#friendForm textarea { 
	width:518px; /* if no scrolls - make 'textarea' 2px narrower than 'input' to match */
	height:50px;
	overflow-x:none; 
	overflow-y:none;
}

#friendForm .buttonHolder { 
	width:60px;
} 
/* actual button */
#friendForm .buttonHolder button, #friendForm .buttonHolder input { 
	width:100%;
} 





/************* LOGIN PAGE ************/
#editExample {
	border:dashed 1px #CCC;
	width:490px;
	padding:10px;
}
#loginFormTable { 
	margin:10px 0 10px 0;
}
#loginFormTable td { 
	padding:3px 3px 3px 0;
}





/************************************************************************/	
/******************* CODE BELOW FOR ADMIN TOOLS ONLY ********************/	
/************************************************************************/
/************************************************************************/	
/******************* NOTE: "SEARCH AND REPLACE THESE COLORS *************/	
/******************* TO CHANGE ENTIRE ADMIN COLOR SCHEME    *************/
/*******************                                        *************/	
/******************* ADMIN  LINK/TEXT  COLOR "#330033"      *************/	
/******************* LIGHT  BACKGROUND COLOR "#DFF4FF"      *************/	
/******************* MEDIUM BACKGROUND COLOR "#D9FFD9"      *************/
/************************************************************************/
/************************************************************************/


/* -- Admin Color Scheme (should contrast with site design colors - so links/editable areas stand out) -- */
	.editColor	 			{color:#330033;}
	.editBG					{border:dashed 1px #DDD; margin:-1px;}
	#editBG					{border:dashed 1px #DDD; margin:-1px;}

/* -- Admin Text-- */		
	#adminComment			{color:#330033; font:italic 11px/120% Helvetica, Arial, sans-serif; letter-spacing:-.3px; background-color:#D9FFD9; margin:3px 0 3px 0; padding:1px; text-align:left;}
	.adminNote				{color:#777777; font:normal  9px/120% Helvetica, Arial, sans-serif; letter-spacing:  0px;}
	.editTab				{color:#330033; font-weight:bold; background-color: #DFF4FF; text-transform:lowercase;}

/* -- Admin Links-- */	
	a.editLink:link 		{color:#FFF; font-weight:bold; }
	a.editLink:visited 		{color:#FFF; font-weight:bold;  }
	a.editLink:hover 		{color:#FFF; font-weight:bold; }		
	.adminNote a:link 		{color:#777777; font:normal 9px Helvetica, Arial, sans-serif;}
	.adminNote a:visited	{color:#777777; font:normal 9px Helvetica, Arial, sans-serif;}
	.adminNote a:hover 		{color:#CCCCCC; font:normal 9px Helvetica, Arial, sans-serif;}
	a.editColor:link 		{color:#330033;}
	a.editColor:visited 	{color:#330033;}
	a.editColor:hover 		{color:#999966;}
	
/* -- Mod Pages -- */	
	#adminBody 				{min-height:320px; height:auto !important; height:320px;width:535px; margin:40px; color:#555555; font:normal 11px/140% Helvetica, Arial, sans-serif; letter-spacing:0.6px;}
	#adminBody h1			{color:#000000; margin:0 0 10px 0; font:normal 20px Helvetica, Arial, sans-serif; letter-spacing:0.3px; text-transform:lowercase; border-bottom:none;}
	#adminBody strong		{color:#330033; font-size:12px;}
	#adminPageTitle			{float:right; position:absolute; width:165px; margin:200px 0 0 680px; text-align:right;}
	#adminPageTitle	h1		{color:#330033;}
	.pageAdminTD 			{background-color:#FFFFFF; width:560px;}/*sets min height for all pages*/
	.rightAdminTD 			{background-color:#E9E9E9; width:200px; text-transform:lowercase;}
	#rightAdminHeadline		{background-color:#DFF4FF; padding:35px 30px 40px 30px; border:solid 1px #DDDDDD; color:#330033; font:bold 20px/115% Arial, Helvetica, sans-serif; letter-spacing:1.5px;}
	.rightAdminBotTD 		{background-color:#E9E9E9;}
	#adminSeo				{background-color:#F7F7F7; padding:10px 10px 10px 10px; border: solid 1px #DDD; margin-top:15px;}
	
/* --Input-- */	
	.adminLongInput			{width:400px;}
	.adminSeoInput			{width:500px;}
	
/* --TinyMCE-- */	
	#tinyMce				{padding-bottom:0; width:552px; }
	#tinyMceLabelAndTabs	{height:19px;width:530px;  }
	#tinyMceLabel			{float:left; padding-top:3px;}
	#tinyMceTabs			{float:right; padding:0; margin-right:5px;  }
	.tinyMceTabA			{ width:106px; height:20px; 	margin:0  0   -1px 0;  padding:0 2px 0 2px;  font:normal 10px/130% Helvetica, Arial, sans-serif; letter-spacing:0px; background-color:#EEEEEE; color:#555555;}
	.tinyMceTabS			{ width: 84px; height:20px; margin:0 -5px -1px  0;  padding:0 2px 0 2px;  font:normal 10px/130% Helvetica, Arial, sans-serif; letter-spacing:0px; background-color:#EEEEEE; color:#555555;}
	.tinyMceTabSelected		{background-color: #ECF9FF; color:#330033;}
	.tinyMceTextArea		{height:550px; width:540px;}
	#tinyMceSelect			{}
	#tinyMceSelect textarea	{width:552px; }
	#tinyMceSelect select	{width:200px;}
	#tinyMceRuler			{width:537px;background-color:#FBFBFB; padding-top:7px; font:normal 10px/200% Helvetica, Arial, sans-serif; letter-spacing:0px; color:#999999; background-image:url(/images/admin/pixel_ruler.gif); background-repeat:no-repeat; background-position:top left;}
	#tdc_press_release_styleselect_text {width:50px;}
	/* --sets width of tinyMCE toolbar, overrules CSS in "/tinymce/jscripts/themes/skins/default/ui.css"-- */	
	.defaultSkin .mceToolbar {}


/* --Buttons -- */	
	#bottomButtons			{height:24px; margin-top:10px;}
	#bottomButtonsLeft		{float: left; }
	#bottomButtonsRight		{float:right; }
	.adminButton			{padding:1px 2px 1px 2px; color:#333333; background-color:#EEEEEE; font:bold   11px/120% Helvetica, Arial, sans-serif;text-transform:lowercase; text-decoration:none;}
	.adminButton:hover		{padding:1px 2px 1px 2px; color:#330033; background-color:#ECF9FF; font:bold   11px/120% Helvetica, Arial, sans-serif;text-transform:lowercase; text-decoration:none;}

/************************************************************************/	
/************************** UNIQUE ADMIN PAGES **************************/	
/************************************************************************/


/* -- Admin Nav-- */	
	#adminNav 				{text-align:center; border-top:solid 1px #003333;  background-color:#ECF9FF; padding:3px 10px 3px 10px; color:#330033; font:normal 11px/140% Helvetica, Arial, sans-serif; letter-spacing:0px; }	

/* -- Login Page -- */	
	#adminLogin 			{padding:6px;  background-color:#DFF4FF; line-height:150%; text-align:left; letter-spacing:.2px;}
	#adminLogin hr			{height:2px; font-size:0; line-height:0; width:100%; margin:0 0 10px 0; padding:0; border-bottom:solid 2px #DEDEDE;}
	#adminLogin strong		{color:#330033;}
	.browserLogos			{width:600px;}
	.browserLogos td		{padding-right:50px;}
	.loginInput				{width: 160px; margin-bottom:8px;}

/* -- Manager Accounts (Users) Page -- */	
	.userDetailTD td		{padding:4px;}
	.userListTD td			{padding:3px; vertical-align:middle; border-bottom:solid 1px #EEEEEE;}

/* -- Orders Admin -- */	
	#ordersMod hr 			{height:3px; background:#EEE; margin:12px 0 10px 0;}
	.ordersListItem			{display:inline-block; padding:6px 0 4px 0;border-bottom:solid 1px #EEE; font-size:12px;}
	#ordersList a:hover 	{text-decoration:none; background:#E9E9E9;}

/* -- Testimonial Admin -- */		
	.testimontialAdmin		{width:800px; }
	.testimontialAdmin a, #testimontialAdmin a:visited, #testimontialAdmin a:hover	{display:block; }
	.testimontialAdmin a:hover	{display:block; }
	.testimonialsListItem	{display:inline-block; vertical-align:top; padding:10px 15px 10px 0;border-top:solid 1px #EEE; font-size:12px;}
	.testimonialsListHeader	{display:inline-block; vertical-align:top; padding:10px 15px 10px 0;font-size:12px; font-weight:bold; color:#330033}

	#testomonialsList a:hover 	{text-decoration:none; background:#E9E9E9;}

/************* ORDERS PAGE ************/

#testimonialsMod { 
	line-height:normal;
	text-align:left;
	width:600px;
}

#testimonialsMod select	{
	width:215px; /*make 'select' 5px wider than 'input' to match */
	height:24px;
}
#testimonialsMod textarea { 
	width:600px; /* if no scrolls - make 'textarea' 2px narrower than 'input' to match */
	height:80px;
	overflow-x:none; 
	overflow-y:none;
}

#testimonialsMod .buttonHolder { 
	width:60px;
} 
/* actual button */
#testimonialsMod .buttonHolder button, #testimonialsMod .buttonHolder input { 
	width:100%;
} 

#testimonialsMod .checkboxHolder {
	display: inline-block;
	width:auto;
}
#ordertestimonialsModForm .checkboxHolder input {
	float:left;