@charset "UTF-8";
/* CSS Document */
		html{height:100%;
		/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
		margin-bottom: 1px;
		}	
	
		
body {
			background:		#66b85c url("../images/backgroundGreen.png") no-repeat center top;	
			color:			#333333;
			height:			100%;
			padding:		0;
			margin:			0;
			border:			0;
			font:			12px/18px tahoma, verdana, helvetica, sans-serif;
			overflow: scroll; 
}

a:link {color: #333333;text-decoration: none;}
a:visited {background-color: transparent;color: #333333;text-decoration: none;}
a:hover {color: #66b85c;}
a:active {color: #66b85c;text-decoration: none;}
p {margin: 0 0 10px 0; padding: 0}
small {font-size:10px;}


h1 {
margin-top:0px;
margin-bottom:5px;
font-size:18px;
}

h2 {
margin-top:0px;
margin-bottom:5px;
font-size:14px;
}

img {border:solid #ddd 4px;}
imgBorderOne {border:solid #ccc 1px;}

.activeTitle a:hover  {color: #FF0000}


.sideNavLinks {color:#333; font-size:14px; line-height:24px}
.sideNavLinks a:link, .sideNavLinks a:active, .sideNavLinks a:visited {color: #333}
.sideNavLinks a:hover {color:#fff }

.sideNavLinksOn {color:#333; font-size:14px; line-height:24px; border-top: solid 1px #999;border-bottom: solid 1px #999;padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:5px; font-weight:bold}


  
/*  These are the form attributes */
input.btn,select.btn,textarea.btn,option.btn {
	font-size:1.0em;
	font-family: "Lucida Sans Unicode", "Segoe UI",  "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#333333;
	background:#fff;border: 1px solid #cccccc;
	padding:2px;
	}

/* Everything gets wrapped in this */

#wrapper {
	position:relative;
	width: 920px;
	margin: 0px auto 10px auto;
	padding:0px 0px 20px 0px;
	background-color:white;
	height:auto;	
	background:	#FFFFFF url("../images/new-logo.png") no-repeat left top;
	}

#header {
	position: relative;
	top:0px;
	height:114px;
	}

.activePage { color:#cccccc}

.activePageLink {
	color:#333; 
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}


#adminInfo {
	position:absolute;
	width:200px; 
	top:20px; 
	right:20px;
	font-size:14px; 
	background-color:#FFFFCC; 
	padding:15px; 
	border:#ccc 1px solid; 
	text-align:center;
	}


#linksbar {
	position: relative;
	top:78px;
	width: 920px;
	height:26px;
	background:#e7e7e7 url(/images/linksbarBg.png) repeat-x;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding:0px;
	margin:0px;
	z-index: 10;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	}

.hoverdiv {width:110px;height:22px; padding-top:4px;color:#333}
.hoverdiv a:link, .hoverdiv a:active, .hoverdiv a:visited {color: #333}
.hoverdiv:hover {background-color:#e7e7e7; color:#fff}


#oneCol {
		position:relative;
		top:79px;
		width: 870px;	
		/* background: url(../images/leftColBg.png) repeat-x; */
		margin:10px;
		padding:15px;
		min-height:600px;
		}

#conColLeft {
		position:relative;
		top:79px;
		width: 200px;	
		background: url(../images/leftColBg.png) repeat-x;
		margin:10px 5px 10px 10px;
		padding:15px;
		min-height:600px;
		float: left;
		}
		
#conColRight {
		position:relative;
		top:79px;
		width: 630px;
		padding:15px;
		margin:10px 10px 5px 5px;
		/* background: url(../images/rightColBg.png) repeat-x; */
		float: right;
		}

#footer {
	position: relative;
	margin-top:30px;
	width:920px;
	bottom:-20px;
	margin-bottom:0px;
	padding:2px 0px 0px 0px;
	height:24px;
	background:#e7e7e7 url(/images/linksbarBg.png) repeat-x;
	border-top:solid 1px #ccc;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	clear: both;
	overflow:hidden;
}

#footer a:link, #footer a:active, #footer a:visited {color: #333}
#footer a:hover {color:#66b85c}
.footerOn {font-weight:bold}


#adminColLeft {
		position:relative;
		top:79px;
		width: 160px;	
		background: url(../images/leftColBg.png) repeat-x;
		margin:10px 5px 10px 10px;
		padding:10px;
		float: left;
		min-height:600px
		}

		
#adminColRight {
		position:relative;
		top:79px;
		width: 675px;
		padding:10px;
		margin:10px 10px 10px 5px;
		/* background: url(../images/rightColBg.png) repeat-x; */
		float: right;
		min-height:600px
		}
		
.navLinks {color:#333; font-size:16px; line-height:26px}
.navLinks a:hover {color:#333}

.navLinksOn {color:#333; font-size:16px; line-height:26px;  font-weight:bold; padding-left:10px}

.green {color:#66b85c; font-size:16px; font-weight:bold; line-height:26px}
.green a:link, .green a:active, .green a:visited {color: #66b85c}
.green a:hover {color:#999}

.logout {
border:solid 1px #999999; padding:4px; background-color:#e7e7e7; text-align:center; color:#333; font-size:14px; line-height:22px}

.logout a:hover, #logout a:active, #logout a:link {font-weight:bold; color:#333}

.box {
	padding:2px;	
	margin-bottom:4px;	
	width:586px;
	height:20px;
	background-color:#f4f4f4;
	border:#cccccc solid 1px;
}
.box:hover{background-color:#FFCCCC;
border:#cccccc solid 1px;
}


.boxEdit {
	padding:2px;	
	margin-bottom:4px;	
	width:586px;
	height:20px;
	background-color:#f4f4f4;
	border:#cccccc solid 1px;
}
.boxEdit:hover{background-color:#FFFFCC;
border:#cccccc solid 1px;
}

.editText {
	float:left;
	width:470px;
	font-size:14px;
	
}


.editText span {
	font-size:14px;
	line-height:16px;
	font-weight:500;
	padding-left:6px;
}
.text {
	float:left;
	width:470px;
	font-size:14px;
}


.text span {
	font-size:14px;
	line-height:16px;
	font-weight:500;
	padding-left:6px;
}

.delete {
	margin-top:0px;
	float:left;
	margin-left:80px;
}


.hide {
	margin-top:0px;
	float:left;
	margin-left:80px;
}

.hide span {
	font-size:14px;
	line-height:16px;
	font-weight:500;
	padding-left:6px;
}



.orderEdit {
	padding:2px;	
	margin-bottom:4px;	
	width:586px;
	height:20px;
	background-color:#FFFFFF;
	border:#cccccc solid 1px;
	list-style:none;
}
.orderEdit:hover{background-color:#FFFFCC;
border:#cccccc solid 1px;
}

ul {margin-left:-40px;margin-top:0px}

#info {
	display: block;
	padding: 10px; margin-bottom: 20px;
	border: 1px solid #333;
	background-color: #efefef;
}

#test-list {
	list-style: none;
}

#test-list li {
	display: block;
	padding: 2px 10px 0px 8px; 
	font-size:14px;
	line-height:16px;
	font-weight:500;
	width:572px;
	margin-bottom: 4px;
	background-color: #efefef;
	border: solid 1px #ccc;
	 height:22px;
}

#test-list li:hover{background-color:#FFFFCC;
border:#cccccc solid 1px; height:22px;
}



.orderEdit span {
	font-size:14px;
	line-height:16px;
	font-weight:500;
	padding-left:6px;
	
}

#test-list li img.handle {
	
	cursor: move;
	vertical-align:middle;
	margin-top:0px;
	border: solid 1px #ccc;
}


.edit {
	margin-top:0px;
	float:left;
	margin-left:80px;color:#333;
}
a.edit  {
	padding:0 3px 3px 3px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	color:#FFOOOO;
	
}
a.edit :hover {
	background-color:#FFFFFF;
	color:#FFOOOO;
	
}



#load {
	position:absolute;
	background-image:url(../images/loading-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	width:600px;
	color:#999;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	height:40px;
	font-weight:300;
	padding-top:14px;
	top: 23px;
	margin-bottom:10px;
}
#container {
	position:relative;
}




.help {
	min-height:580px; 
	padding:15px; 
	background-color:#FFFFFF; 
	margin:3px;
	border: #ccc solid 1px;
}

.opsBtn {
	padding:4px; border:1px #ccc solid; font-size:14px; background:#FFFFCC; color:#333}	
.opsBtn:hover {
	padding:4px; border:1px #FFF solid; font-size:14px; background:#333333; color:#FFF}		
.opsOption {
	padding:4px; border:1px #cccccc solid; font-size:13px;  width:150px; background-color:#FFFFFF}	
.opsInput {
	padding:4px; border:1px #cccccc solid; font-size:13px; width:300px; background-color:#fff}
.opsInputLong {
	padding:4px; border:1px #cccccc solid; font-size:13px; width:500px}
.opsInputfiles {
	padding:4px; border:1px #cccccc solid; font-size:13px; width:300px}

textarea {padding:4px; border:1px #cccccc solid;}