body {
	color:#333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
table {
	width:100%;
}
p {
	line-height:18px;
	padding:0 0 18px 0;
}
h1, h2, h3 {
	font-weight:bold;
}
h1 {
	font-size:26px;
}
h2 {
	font-size:20px;
	line-height:25px;
	padding:0 0 5px 0;
}
h3 {
	font-size:16px;
	line-height:20px;
	padding:0 0 5px 0;
}
fieldset {
	border:1px solid #000;
	padding:10px;
}
legend {
	font-weight:bold;
	font-size:16px;
	padding:10px;
}
a:link {
	color: #5C7239;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #5C7239;
}
a:hover {
	text-decoration: underline;
	color: #9BB66D;
}
a:active {
	text-decoration: none;
	color: #5C7239;
}
.clear {
	clear:both;
}
.error {
	color:#ff0000;
	font-style:italic;
	text-align:left;
	padding:0 0 15px 0;
}
hr {
	margin:35px 0;
}
ul.list ul {
	list-style:none;
	padding:0 0 0 25px;
}
.clickable:hover {
	cursor: pointer;
}
/** CORE COMPONENTS **/
#header {
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,0,0)),
		color-stop(0.2, rgb(50,50,50)),
		color-stop(0.5, rgb(48,48,48)),
		color-stop(0.8, rgb(50,50,50)),
		color-stop(1, rgb(0,0,0))
	);
	height:100px;
	width:100%;
	position:fixed;
	z-index:200;
	top:0;
	color:#fff;
}
#navBar {
	width:200px;
	height:100%;
	position:fixed;
	top:0;
	background-image: linear-gradient(bottom, rgb(157,176,99) 10%, rgb(155,176,99) 20%, rgb(122,151,79) 40%);
	background-image: -o-linear-gradient(bottom, rgb(157,176,99) 10%, rgb(155,176,99) 20%, rgb(122,151,79) 40%);
	background-image: -moz-linear-gradient(bottom, rgb(157,176,99) 10%, rgb(155,176,99) 20%, rgb(122,151,79) 40%);
	background-image: -webkit-linear-gradient(bottom, rgb(157,176,99) 10%, rgb(155,176,99) 20%, rgb(122,151,79) 40%);
	background-image: -ms-linear-gradient(bottom, rgb(157,176,99) 10%, rgb(155,176,99) 20%, rgb(122,151,79) 40%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(157,176,99)),
		color-stop(0.2, rgb(155,176,99)),
		color-stop(0.4, rgb(122,151,79))
	);
	-moz-box-shadow: 0 0 5px 2px #888;
	-webkit-box-shadow: 0 0 5px 2px #888;
	box-shadow: 0 0 5px 2px #888;
	z-index:100;
}
#logo {
	height:100px;
	width:200px;
	float:left;
}
#headerMsg {
	width:400px;
	height:85px;
	float:left;
	text-transform:uppercase;
	padding:15px 0 0 50px;
}
#welcomeMsg {
	font-size:22px;
	line-height:50px;
	padding:0;
	font-weight:bold;
}
#settings{

}
#main {
	padding:125px 25px 25px 225px;
}
#editBlock {
	width:100%;
	min-height:300px;
	color:#000;
	margin:50px 0 0 0;
}
#editBlock ul.idTabs li {
	float:left;
}
#editBlock ul.idTabs li a {
	display:block;
	width:auto;
	padding:0 10px;
	font-size:16px;
	line-height:35px;
	background:#ccc;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	border:1px solid #666;
	text-decoration:none;
	color:#000;
}
#editBlock ul.idTabs li a.selected, #editBlock ul.idTabs li a:hover.selected {
	background:#5C7239;
	color:#fff;
}
#editBlock ul.idTabs li a:hover {
	background:#9ab66b;
	color:#fff;
}
.formBlock {
	padding:35px;
	background:#ccc;
	border:1px solid #666;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 5px 5px 8px 2px #888;
	-webkit-box-shadow: 5px 5px 8px 2px #888;
	box-shadow: 5px 5px 8px 2px #888;
}
.formBlock input, .formBlock select {
	padding:5px;
	font-size:14px;
	line-height:20px;
}
.formBlock textarea {
	width:100%;
}
#actionBar {
	width:85%;
	height:35px;
	background:#000;
	position:fixed;
	z-index:99;
	top:100px;
	-moz-box-shadow: 5px 2px 10px 5px rgba(20,20,20,0.7);
	-webkit-box-shadow: 5px 2px 10px 5px rgba(20,20,20,0.7);
	box-shadow: 5px 2px 10px 5px rgba(20,20,20,0.7);
}
#actionBar ul li {
	float:left;
	line-height:35px;
}
#actionBar ul li .msg {
	color:#a8bf80;
	padding:0 0 0 15px;
}
#actionBar ul li a {
	display:block;
	height:35px;
	width:auto;
	padding:0 15px;
	text-decoration:none;
	font-weight:bold;
}
#actionBar ul li a.save {
	background:#5C7239;
	color:#fff;
}
#actionBar ul li a.save:hover {
	background:#a8bf80;
	color:#000;
}
#actionBar ul li a.cancel {
	background:#a80000;
	color:#fff;
}
#actionBar ul li a.cancel:hover {
	background:#ff6464;
	color:#000;
}
table.infoTable {
	width:100%;
}
table.infoTable th {
	color:#fff;
	background:#000;
	padding:15px;
}
table.infoTable th a {
	color:#fff;
	text-decoration:none;
	display:block;
}
table.infoTable th a:hover {
	color: #9BB66D;
	text-decoration:none;
}
table.infoTable td {
	padding:15px;
	border: solid #aaa;
	border-width:0 0 2px 0;
	vertical-align:top;
	line-height:20px;
}
table.infoTable tr:hover {
	background:#f5f5f5;
}
#sourceDataTable th {
	text-align:right;
	padding:15px;
	font-weight:bold;
}

/** NAV **/
#navBlock {
	margin: 100px 0 0 0;
	background-image: linear-gradient(bottom, rgb(229,235,205) 65%, rgb(196,212,147) 80%, rgb(121,151,79) 100%);
	background-image: -o-linear-gradient(bottom, rgb(229,235,205) 65%, rgb(196,212,147) 80%, rgb(121,151,79) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(229,235,205) 65%, rgb(196,212,147) 80%, rgb(121,151,79) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(229,235,205) 65%, rgb(196,212,147) 80%, rgb(121,151,79) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(229,235,205) 65%, rgb(196,212,147) 80%, rgb(121,151,79) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.65, rgb(229,235,205)),
		color-stop(0.8, rgb(196,212,147)),
		color-stop(1, rgb(121,151,79))
	);
	border: solid #89a954;
	border-width:0 0 5px 0;
	height:100%;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
 
#nav a {
	display: block;
	width:200px;
	height:50px;
	line-height:50px;
	text-indent:65px;
	color:#222;
	background-position:20px 10px;
	background-repeat:no-repeat;
}
#nav a.pages {background-image:url(../images/pages.png);}
#nav a.blog {background-image:url(../images/blog.png);}
#nav a.galleries {background-image:url(../images/galleries.png);}
#nav a.forms {background-image:url(../images/forms.png);}
#nav a.users {background-image:url(../images/users.png);}
#nav a.settings {background-image:url(../images/settings.png);}
#nav a.help {background-image:url(../images/help.png);}
#nav a.shop {background-image:url(../images/shop.png);}
#nav a.clients {background-image:url(../images/clients.png);}
#nav li:hover {
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(50,50,50) 20%, rgb(48,48,48) 50%, rgb(50,50,50) 80%, rgb(0,0,0) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,0,0)),
		color-stop(0.2, rgb(50,50,50)),
		color-stop(0.5, rgb(48,48,48)),
		color-stop(0.8, rgb(50,50,50)),
		color-stop(1, rgb(0,0,0))
	);
}
#nav li.whirlyShop {
	color:#fff;
	text-indent:25px;
	line-height:35px;
	font-size:15px;
	background: #000;
}
#nav li:hover a {
	text-decoration:none;
	color:#fff;
}
#nav li { /* all list items */
	width: auto !important; /* width needed or else Opera goes nuts */
	border: solid #5C7239;
	border-width:0 0 1px 0;
}
#nav li li a, #nav li:hover li a {
	width:250px;
	background:none;
	color:#fff;	
}
#nav li li:hover a {
	color:#000;
	background:#ddd;
}
#nav li.end {
	border-image:none;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: rgba(50,50,50,0.95) !important;
	background: #000;
	width: 250px;
	height:100%;
	top:0;
	-moz-border-radius-bottomright: 50px;
	border-bottom-right-radius: 50px;
	left: -65px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	-moz-transition: left 0.5s ease-in-out;
    -webkit-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
	z-index:-99999999;
	-moz-box-shadow: 0 0 5px 2px #888;
	-webkit-box-shadow: 0 0 5px 2px #888;
	box-shadow: 0 0 5px 2px #888;
}
#nav li ul li.top {
	margin:100px 0 0 0;
}
 
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: 200px;
	-moz-transition: left 0.5s ease-in-out;
    -webkit-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}

/** PAGINATION NAV **/
div.pagination {
	text-align: center;
	background: #333333;
	font-size:15px;
	line-height:25px;
	color:#fff;
}
div.pagination a {
	color:#ccc;
}

#photogrid {
	list-style-type: none; margin: 0; padding: 0;
}
#photogrid li {
	margin: 3px 3px 3px 0; padding: 1px; float: left; width: 200px; height: 190px; font-size: 10px; line-height:15px; text-align: center;
}
#photogrid li img {
	max-width:180px;
	max-height: 170px;
}
#photogrid li a {
	color:#A80000;
}

ul.catTree li{
	padding: 5px 0 5px 25px;
	font-size:14px;
	line-height: 25px;
}
#thumbSelect label {
	display: block;
	width: 10%;
	float: left;
	text-align: center;
}
#thumbSelect label img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/** LOGIN/LOGOUT SCREEN **/
#login {
	width:500px;
	color:#fff;
	border:1px solid #333;
	margin: 150px auto 0 auto;
	background-image: linear-gradient(left , rgb(157,176,99) 15%, rgb(155,176,99) 65%, rgb(122,151,79) 100%);
	background-image: -o-linear-gradient(left , rgb(157,176,99) 15%, rgb(155,176,99) 65%, rgb(122,151,79) 100%);
	background-image: -moz-linear-gradient(left , rgb(157,176,99) 15%, rgb(155,176,99) 65%, rgb(122,151,79) 100%);
	background-image: -webkit-linear-gradient(left , rgb(157,176,99) 15%, rgb(155,176,99) 65%, rgb(122,151,79) 100%);
	background-image: -ms-linear-gradient(left , rgb(157,176,99) 15%, rgb(155,176,99) 65%, rgb(122,151,79) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0.15, rgb(157,176,99)),
		color-stop(0.65, rgb(155,176,99)),
		color-stop(1, rgb(122,151,79))
	);
	-moz-box-shadow: 0 0 5px 2px #888;
	-webkit-box-shadow: 0 0 5px 2px #888;
	box-shadow: 0 0 5px 2px #888;

}
#loginInner {
	padding:25px;
	-moz-box-shadow: 0 0 5px 2px #DDEAC7;
	-webkit-box-shadow: 0 0 5px 2px #DDEAC7;
	box-shadow: 0 0 5px 2px #DDEAC7;
	margin:5px;
}
#loginInner a {
	color:#fff;
}
#loginInner a:hover {
	color:#000;
}
#loginForm {
	padding:25px 90px 25px 25px;
	text-align:right;
}

#loginForm label, #loginForm input {
	display:block;
	float:left;
	line-height:15px;
	padding:10px;
	font-size:15px;
	
}
#loginForm label {
	width:85px;
	text-align:right;
	margin:0 15px 25px 0;
	clear:both;
	font-weight:bold;
}
#loginForm input {
	border:3px double #333;
}
#loginForm .submitButton {
	clear:both;
	border:none;
	float:right;
	margin:0 0 25px 0;
}

#passTable {
	width: 400px;
}
#passTable th {
	font-weight:bold;
	text-align:right;
}
#passTable th, #passTable td {
	padding:5px;
}
#passChange {
	display:none;
}
#jumpForm {
	background:#000;
	padding:5px 0;
}
#jumpForm select {
	width:168px;
}
#jumpForm select, #jumpForm input {
	padding:5px;
}
.authSite {
	padding:0 0 10px 0;
}
div #errorBox {
	padding:35px;
	color:#fff;
	background:#a80000;
	margin:35px 0 0 0;
}
#dataTable td {
	padding:0 25px;
	width:50%;
}
#dataTable td h3 {
	margin:15px 0 0 0;
}

#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; }
#selectable li { margin: 3px; padding: 1px; float: left; width: 300px; height: 80px; font-size: 1em; text-align: center; }
#selectable li input[type="checkbox"] {display:none;}



#clientForm label{
	width: 100px;
	display: block;
	float: left;
	line-height: 38px;
}
#clientForm input{
	display: block;
	float: left;
	margin:0 10px 0 0;
}

.rotIMG {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #333;
	list-style: none;
}
table.callout th {
	background: #000;
	color: #fff;
	vertical-align: middle;
	text-align: left;
	padding: 1%;
}
table.callout td {
	vertical-align: middle;
	text-align: left;
	padding: 1%;
	max-width: 34%;
}
table.callout td img {
	width: 100%;
	max-width: 100%;
}
table.callout td input[type="text"] {
	width: 100%;
	padding: 1%;
}
table.callout td textarea {
	height: 100%;
	min-width: 150px;
}