@charset "utf-8";
/* CSS Document */
html, body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
a { text-decoration:underline; color:#333; font-weight:bold;}
a:hover { color:#666; }
select { width:148px; }
form { margin:0; padding:0; }
textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; line-height:18px; }
.toplinks { padding:10px; background:#666; border-left:dotted 1px #ccc; border-bottom:dotted 1px #ccc; border-right:dotted 1px #ccc;  margin-bottom:10px;  } 
.toplinks:hover { background:#333333;  } 
.toplinksactive { padding:10px; color:#000; background:#333333; border-left:dotted 1px #ccc; border-bottom:dotted 1px #ccc; border-right:dotted 1px #ccc;  margin-bottom:10px;   } 
.toplinksactive a { color:#000; } 
#pageHolder{ position:absolute; top:0; right:0; left:0; bottom:0; width:100%; height:100%; padding:0; margin:0;}

#pageHeader, pageBody, #pageFooter { width:100%; padding:0; margin:0; }
.toploggedin { margin-left:40px; color:#fff; padding-bottom:10px;} 

#pageHeader { height:43px; vertical-align:top;}
	#headerLeft { width:41px; height:43px; float:left; }
	#headerContentLeft { float:left; margin-top:20px; }
		#headerContentLeft img { height:22px; border:0; }
	#headerContentRight { float:right; margin-top:20px; }
	#headerRight { width:41px; height:43px;float:right; }
	
	.menulink { width:100px; height:20px; background:red; padding:10px; } 
	
	.menuHeader { width:100%; height:34px; padding:0; line-height:34px; font-weight:bold; float:left; }
	.menuOptions { line-height:30px; vertical-align:top; clear:both; }
	.menuOptions li {  }
	.menuOptions a { text-decoration:none; font-weight:normal; }
	
	.menuItemTitle { width:30%; float:left; margin-bottom:10px; }
	.menuItem { width:60%; float:left; margin-bottom:10px; }
	.menuItem input { width:90%; line-height:22px; font-size:90%; height:12px; }
	.menuItem select { width:94%; font-size:90%;  }
	.menuItem textarea { width:90%; font-size:90%; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
	.menuItem .sub_btn { width:70px; font-size:90%; height:24px; letter-spacing:1px; font-weight:bold; }

#TBL_body { width:100%; margin:0; padding:0; }
	.blackrow a { color:#FFF; text-decoration:none; }
	
	
#pageBody { width:100%; }
	#pageMenu { width:17%; float:left; }
	#pageContent { width:100%; float:right; }
		#pageContent span { float:left; width:50%; padding:10px 0 10px 0; text-indent:10px; }
		#contentHeader { background:#1B1B1B; color:#fff; width:100%; height:34px; font-weight:bold; }
		#contentHeader span { width:300px; }
		#contentHeader .contentTime { float:left; width:8%; padding:6px 0 10px 0; text-align:center; }
		#contentBody { width:100%; clear:both; padding:10px; }
		#contentBody .contentTime { float:left; width:8%; padding:10px 0 10px 0; text-align:center; }
		#contentBody .smallTime { font-size:60%; float:none; }
		
		#contentBody .timeRow { border-top:1px solid #CCC; border-bottom:1px solid #CCC; width:100%; padding:0; margin:0; text-indent:0; }

#pageFooter { height:41px;  height:43px; }
	#footerLeft { width:43px; height:43px; float:left; }
	#footerContent { float:left; height:43px; }
	#footerRight { width:41px; height:43px;  float:right; }

/* CONTENT TABLE */	
.contentTable { border:0; padding:0; margin:10px 0 0 0; width:98%; line-height:17px; text-indent:4px; }
.contentTable td, .contentTable th { text-align:left; padding:4px; }
.contentTable img { border:0; }
.contentTable .centered { text-align:center; }
.contentTable h1 { font-size:120%; }
.contentTable tr { vertical-align:top; }

/*IMAGE TABLE*/
.imageTable { border:0; padding:0; margin:10px 0 0 0; width:98%; line-height:19px; text-indent:4px; }
.imageTable td, .imageTable th { text-align:left; padding:4px; border:1px solid #dfd5cf; }
.imageTable th {  height:19px; line-height:19px; font-weight:normal; font-size:90%; }
.imageTable img { border:0; }
.imageTable p { padding:4px; margin:0; }
.imageTable .centered { text-align:center; }
.imageTable h1 { font-size:120%; }
.imageTable tr { vertical-align:top; }

.images_icon { float:left; clear:left; height:40px; }
.images_icon_desc { float:left; font-size:90%; height:40px; margin-left:10px; line-height:32px; font-weight:bold; }
/** GLOBAL CLASSES **/
.floatLeft { float:left; }
.floatLeft a { color:#fff; text-decoration:none; } 

.floatRight { float:right; }
.sub_btn { border:1px solid #CCC; background:#FFF; font-weight:bold; font-size:90%; padding-bottom:4px; }
.update_btn { border:0; background: url(../Images/update_btn.gif) no-repeat #FFF; font-weight:bold; font-size:90%; height:20px; width:66px; }
.upload_btn { border:0; background: url(../Images/upload_btn.gif) no-repeat #FFF; font-weight:bold; font-size:90%; height:20px; width:62px; }
.delete_btn { border:0; background: url(../Images/delete_btn.gif) no-repeat #FFF; font-weight:bold; font-size:90%; height:20px; width:62px; }
.save_btn { border:0; background: url(../Images/save_btn.gif) no-repeat #FFF; font-weight:bold; font-size:90%; height:20px; width:54px; }
.login_btn { border:0; background: url(../Images/login_btn.gif) no-repeat #FFF; font-weight:bold; font-size:90%; height:20px; width:54px; }
.smallgray_txt { font-size:80%; font-weight:normal; color:#999; width:150px; }
.add_btn { border:0; background: url(../Images/add_btn.gif) no-repeat #FFF; font-weight:bold; font-size:90%; height:21px; width:149px; }
.remove_btn { border:0; background: url(../Images/remove_btn.gif) no-repeat #FFF; font-weight:bold; font-size:90%; height:21px; width:149px; }

.halfContent { width:45%; float:left; border:1px solid #CCC; padding:0; margin:0;  }
.halfContent h1 { background:#b1b2b1; color:#FFF; line-height:57px; text-indent:10px; font-weight:normal; padding:0; margin:0; }
.halfContent p { padding:10px; }

/* TREE MENU */
.treeview{ margin:0; padding:2px; clear:both; }
.treeview ul{ margin: 0; padding: 0; }
.treeview li{ background:url(../Images/list.gif) no-repeat left center; list-style-type: none; padding-left: 22px; line-height:18px; }
.treeview li.treedoc{ background:url(../Images/document_icon.gif) no-repeat left center; }
.treeview li.submenu{ background: url(../Images/closed.gif) no-repeat left 1px; }
.treeview li.submenu ul{ display: none; }
.treeview .submenu ul li{ cursor: default; }

/* PREVIEW IMAGE */
#preview_img img { max-width:222px; border:1px solid #CCC; }

/*TOOL TIPS*/
.help_icon { background:url('../Images/help_icon.gif'); height:18px; width:18px; float:none; clear:none; padding:0; margin:0; text-decoration:none; cursor:hand; }
#javascript_helpTip { color:#000; background:#FFFFCC; padding:3px; color:#666; z-index:2; border:1px solid #CCC; max-width:200px; cursor:hand; }

/*ACTION RESPONSE*/
#action_response { clear:both; border:1px dashed #999; background:#666; width:96%; margin:10px 0 10px 0; color:#fff; }
#action_response p { padding:10px; margin:0; }

/*ERRORS*/
.formError { float:left; color:#990000; font-size:90%; clear:right; padding-left:10px; }

.clearboth						{clear:both;}

/*ORDERS*/
.viewOrderDiv					{clear:both; width: 100%; border: 1px #000 solid; background-color:#CCC;}
.viewOrderItemTitle				{float:left; clear:none; width:30%; font-weight:bold; padding: 0 0 5px 0;}
.viewOrderItemValue				{float:left; clear:none; width:50%; padding: 0 0 5px 0;}
.viewOrderItem					{clear:both;}

.rowpadding						{padding: 6px 0 6px 0;}

#logowrap { width:100%; background:#000; } 

.sitelogo { margin-left:0px;  height:80px; float:left;}