




body{
	padding: 0; margin: 0;
	font: 12px arial, helvetica, sans-serif;
	background-color: #ffffff;
	color: #454545;
	background-repeat: repeat-x;
	font-family: Arial, sans-serif, sans;
	font-size: 12px;
	line-height: 18px;
	background: #0f1011 url(/img/admin/footer.jpg) no-repeat fixed center bottom;
}
input, textarea, select{
	font: 12px arial, helvetica, sans-serif;
}
  a.head        { color: #454545; font-weight: bold; text-decoration: none; }
  a.head:hover  { color: #000000; text-decoration: underline; }
  
  #body_container { text-align: center; }
#body_head      {
	height: 117px;
	text-align: left;
	background: #000 url(/img/admin/header.jpg) no-repeat center top;
}
  #body_border{ width: 750px; margin: 0 auto;}
  #body_link      { width: 800px; margin: 0 auto; position: relative; }
  #body_link div.links{ float: right; }
  #body_link div.links ul{ padding: 0; margin: 0; display: block; list-style: none; }
  #body_link div.links li{ padding: 0; margin: 0; float: left; position: relative;}
  #body_link a    { margin-left: 1px; display: block; text-decoration: none; color: #fff; float: left; font-size: 15px; padding: 0 12px; line-height: 180px; height: 117px; overflow:hidden; background: #000; opacity:0.3;filter:alpha(opacity=30); }
  #body_link a:hover,#body_link a.on, #body_link div.links li.hover a   { color: #ffffff; opacity:0.5;filter:alpha(opacity=50); }
div.links .websites{
	width: 220px;
	line-height: 57px;
	background: #000;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	z-index: 9999;
	text-align: left;
	padding: 10px 0;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#body_link div.links li.hover .websites a{
	color: #ccc;
	font-size: 12px;
	font-family: arial;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: none;
	height: auto;
	opacity: 1;
	filter:alpha(opacity=100);
	display: inline;
	float: none;
	padding: 5px 7px;
	font-weight: bold;
	line-height: 1em;
	display: block;
}
#body_link div.links li.hover .websites a:hover{
	color: #fff;
}
div.links li.hover .websites{
	display: block;
}
ul.mushimushi,div.mushimushi{
	visibility: hidden;
}
div.sub-heading{
	height: 57px;
	overflow: hidden;
	background: #000 url(/img/admin/header.jpg) no-repeat center -117px;
	margin-bottom: 40px;
} 
div.sh-wrapper{
	width: 750px; margin: 0 auto;
	position: relative;
}
  h1              { padding: 0; margin: 0; line-height: 57px; display: block; font-size: 2em; color: #cadeb2; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-weight: normal; }
  form            { clear: both; margin: 0; padding: 0; }
 
  #body_content   { text-align: left; padding: 0 0 60px 0; clear: both; background: #fff;}
/*
  .button         { border: 1px solid #c8d8e5; background-color: #e4f2fd; color: #454545; padding: 2px 10px 2px 10px; text-decoration: none; margin: 0; cursor: pointer; font-size: 11px; font-family: Arial, sans-serif, sans; }
  .button:hover   { border: 1px solid #cedbe5; background-color: #ebf5fd; color: #333333; }
*/
  
  .td_1           { border-top: 1px solid #cedbe5; background-color: #f0f7fd; }
  .td_2           { border-top: 1px solid #cedbe5; }
  
  #image_box      { float: left; }
  
div.clear-both{
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
table, div.welcome,form.wrapper{
	clear: both;
	width: 750px;
	margin: 0px auto;
}
div.welcome{
	font-size: 1.1em;
}
form.loginForm{
	padding: 0;
	margin: 0;
	width: 30%;
	margin: 0 auto;
}
div.login-label{
	padding: 5px 0;
	font-weight: bold;
}
div.login-input{
	margin-left: 1%;
	text-align: left;
	padding: 5px 0;
}
div.login-input input.submit{
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 3px 0;
	font-weight: bold;
}
div.login-input input{
	width: 100%;
}
div.welcome p.bigga{
	font-size: 1.2em;
}
div.body-content{
	width: 750px;
	margin: 0px auto;
}
strong.strong-definition{
	cursor: help;
	border-bottom: 1px dotted #555;
}

div.html-editor{
	margin-top: 20px;
}

/**
 * Fieldset Classes
 */
div.fieldset{
	margin: 20px 10px 0 10px;
	border: 1px solid #e1e1e1;
}
div.fieldset .label{
	background: #fff;
	border-bottom: 0px none;
	padding: 0 2px;
	position: relative;
	top: -0.6em;
	margin-left: 10px;
	display: inline;
}
div.fieldset .body{
	padding: 5px 20px 20px 20px;
}
div.fieldset input.text{
	width: 99%;
}

/**
 * User Message Classes
 */
div.user-message{
	margin: 10px 0;
	padding: 30px;
	font-size: 1.3em;
	font-style: italic;
	color: #222;
	border: 1px solid #dcedc4;
	background: #f4ffe6;
}
div.user-message-error{
	border-color: #edc4c4;
	background-color: #ffe6e6;
}
div.user-message strong{
	background: #f4ffe6;
}
div.user-message strong div{
	display: inline;
}
div.user-message strong small{
	font-size: 0.7em;
	font-weight: normal;
}
div.user-message div.fieldset{
	margin: 20px 10px 0 10px;
	border: 1px solid #c7dea6;
	background: #dcedc4;
}
div.user-message div.fieldset .label{
	border: 1px solid #c7dea6;
	background: #dcedc4;
	border-bottom: 0px none;
	padding: 2px 10px;
	font-size: 0.8em;
	position: relative;
	top: -0.6em;
	margin-left: 10px;
	display: inline;
}
div.user-message div.fieldset .body{
	padding: 5px 20px 20px 20px;
}

div.foota{
	height: 120px;
}
div.foota div.foota-body{
	line-height: 120px;
	color: #3e859d;
	font-size: 1.2em;
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

/**
 * Button Classes
 */
a.button, a.button span{
	background-image: url(/img/buttonsz.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	color: #3e5e17;
	text-transform: uppercase;
	text-shadow: #fff 0 -1px 1px;
	cursor: pointer;
}
a.button{
	font-size: 11px;
	font-weight: normal;
	background-position: 0 -22px;
	text-decoration: none;
	margin-right: 7px;
}
a.button span{
	position: relative;
	left: 7px;
	padding-right: 7px;
	line-height: 22px;
	background-position: right -22px;
}
a.button:hover{
	background-position: 0 0;
}
a.button:hover span{
	background-position: right 0;
}

/**
 * ToolTip Classes
 */
div.user-tooltip{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 225px;
	background: #000;
	opacity: 0.8;
	filter:alpha(opacity=80);
	position: absolute;
}
div.user-tooltip div.tooltip-wrapper{
	padding: 20px;
}
div.user-tooltip div.tooltip-label{
	font-size: 1.3em;
	padding-bottom: 10px;
	font-weight: bold;
	color: #fff;
}
div.user-tooltip div.tooltip-body{
	color: #ccc;
	text-align: justify;
}
div.user-tooltip div.tooltip-body em{
	font-weight: bold;
	color: #fff;
}

/**
 * Subnav Classes
 */
div.subnav{
	position: absolute;
	right: 0;
	top: 17px;
}
ul.subnav, ul.subnav li, ul.subnav li a{
	float: left;
	margin: 0;
	padding: 0;
}
ul.subnav{
	float: right;
	list-style: none;
	line-height: 18px;
}
ul.subnav li{
	padding: 1px 1px 0 1px;
}
ul.subnav li.first{
	border-left: 0;
}
ul.subnav li a{
	padding: 3px 6px 3px 6px;
	color: #cadeb2;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.subnav li a:hover, ul.subnav li.active a{
	color: #000;
	background-color: #cadeb2;
}





/* Main Nav Classes */
#formToolNav, #formTool{
	line-height: normal;
}
ul#formToolNav, ul#formToolNav li, ul#formToolNav a{
	float: left;
	margin: 0; padding: 0;
}
ul#formToolNav{
	list-style: none;
	padding: 10px 0;
	font-family: "Times New Roman", Times, Serif;
}
ul#formToolNav li{
	
}
ul#formToolNav a{
	padding: 3px 6px;
	background: #333;
	font-size: 1.3em;
	line-height: 1.3em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 5px;
	text-decoration: none;
	color: #fff;
}
ul#formToolNav a:hover{
	background: #000;
}


div.clear-both, #formTool div.clear-both{
	clear: both;
}
/* End Main Nav Classes */



/* Main Body Classes */
#formTool{
	position: relative;
}
#formTool a.button{
	background: #e1e1e1;
	border: 1px solid #bbb;
	margin: 5px 5px 0 0;
	padding: 5px 15px;
	color: #444;
	float: left;
	font-weight: bold;
	text-decoration: none;
}
#formTool a.button:hover{
	background-color: #cbec8a;
	border-color: #98c541;
	color: #000;
}
#formTool a.next-page{
	float: right;
	margin: 0;
}
#formTool a.prev-page{
	float: left;
	margin: 0;
}
#formTool p{
	padding: 15px 10px;
	margin: 0;
	font-size: 1.3em;
}
#formTool p.pagination{
	padding: 0;
	margin-top: 10px;
}
#formTool p.code{
	padding: 50px;
	background: #f8f7ea;
	position: relative;
	border: 1px solid #eae8cb;
}
#formTool p.code span.label{
	position: absolute;
	left: 5px;
	top: 0;
	font-weight: bold;
	border: 1px solid #eae8cb;
	background: #eae8cb;
	border-top: 0;
	float: left;
	padding: 3px 10px;
}
#formToolBody{
	width: 500px;
}
/* End Main Body Classes*/



/* Popup Classes */
#formToolPopup{
	position: absolute;
	top: 0;
	left: 510px;
	border: 1px solid #bbb;
	border-right: 0;
	border-left: 0;
	visibility: hidden;
	z-index: 9999;
	padding: 20px;
	background-color: #eff3f5;
}
#formToolPopup.show{
	visibility: visible;
}
#formToolPopup span.title{
	display: block;
	padding: 3px;
	font-weight: bold;
}
#formToolPopup a{
}
#formToolPopup a:hover{
	background-color: #bbb;
	color: #000;
}
#formToolPopup ul.form{
	width: 400px;
	background: #eff3f5;
}
#formToolPopup ul.form li a{
	display: none;
}
#formToolPopup ul.form li{
	width: 378px;
	cursor: default;
	background-color: #eff3f5;
	border-color: #eff3f5;
}
#formToolPopup ul.form li.text input, #formToolPopup ul.form li textarea, #formToolPopup ul.form li select{
	width: 370px;
	float: left;
	cursor: default
}
#formToolPopup input.fieldNamer{
	width: 390px;
}
#formToolPopup textarea.itemNamer{
	width: 390px;
	height: 120px;
}
#formToolPopup ul.form li.hover input,
#formToolPopup ul.form li.hover select,
#formToolPopup ul.form li.hover textarea,
#formToolPopup ul.form li:hover input,
#formToolPopup ul.form li:hover select,
#formToolPopup ul.form li:hover textarea{
	visibility: visible;
}



/* Browse Nav Classes */
ul.browse,ul.browse li, ul.browse ol{
	width: 100%;
	float: left;
	margin: 0; padding: 0;
}
ul.browse{
	list-style: none;
	margin-top: 10px;
	border-top: 1px solid #eae8cb;
}
ul.browse li{
	position: relative;
	border-bottom: 1px solid #eae8cb;
}
ul.browse a.open{
	padding: 10px;
	background: #f8f7ea;
	font-size: 1.5em;
	line-height: 1.5em;
	text-decoration: none;
	color: #444;
	display: block;
}
ul.browse li ol{
	list-style: none;
	display: none;
	background: #f8f7ea;
	border-top: 1px dashed #eae8cb;
}
ul.browse li.open ol{
	display: block;
}
ul.browse li ol li{
	padding: 15px 0 15px 3%;
	border: 0;
	float: left;
	width: 29%;
}
ul.browse li ol li span.code{
	display: block;
	padding: 3px 0;
}
ul.browse a.remove, ul.browse a.edit{
	padding: 3px 5px;
	border: 0;
	width: auto;
	font-size: 0.8em;
	background-color: #ddd;
	float: left;
	text-decoration: none;
	color: #444;
}
ul.browse a:hover{
	background: #eae8cb;
	color: #000;
}
/* End Browse Nav Classes */



/* Add Nav Classes */
#formTool a.title{
	color: #000;
	padding: 10px 5px;
	text-decoration: none;
	display: block;
	border: 1px dotted #fff;
	display: block;
	font-size: 2em;
	font-weight: bold;
}
#formTool a.title:hover,#formTool a.titleActive{
	border-color: #5f7eb2;
	background-image: url(/admin/img/pencil/gif);
	background-repeat: no-repeat;
	background-position: 471px 5px;
}
#formTool a.titleActive,#formTool a.emailActive{
	background-color: #eff3f5;
}
#formTool a.email{
	border: 1px dotted #fff;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	padding: 3px 25px 3px 5px;
	text-decoration: none;
	color: #444;
	font-style: italic;
}
#formTool a.email:hover,#formTool a.emailActive{
	border-color: #5f7eb2;
	background-image: url(/admin/img/pencil/gif);
	background-repeat: no-repeat;
	background-position: right 5px;
}


ul.nav,ul.nav li,ul.nav li a,ul.nav li ol,ul.nav{
	float: right;
	margin: 0; padding: 0;
}
ul.nav, ul.nav ol{
	list-style: none;
}
ul.nav{
	z-index: 9998;
	position: relative;
	margin-bottom: 5px;
}
ul.nav li{
	position: relative;
}
ul.nav li a{
	padding: 5px 15px;
	background: #e1e1e1;
	font-weight: bold;
	color: #444;
	border: 1px solid #bbb;
	text-decoration: none;
}
ul.nav li.active a{
	background: #cbec8a;
	border-color: #98c541;
	color: #000;
}
	/* Start Sub Nav Classes */
	ul.nav li.active ol{
		display: block;
	}
	ul.nav li ol{
		position: absolute;
		top: 1em; right: 0;
		padding: 5px 0; margin: 10px 0 0 0;
		background: #cbec8a;
		border: 1px solid #98c541;
		width: 10em;
		display: none;
	}
	ul.nav li ol li{
		padding: 0; margin: 0;
		clear: both;
		border: 0;
		width: 10em;
		text-align: center;
	}
	ul.nav li.active ol li a{
		padding: 4px 10px 3px 10px; margin: 0;
		font-size: 1em;
		line-height: 1em;
		border: 0;
		color: #000;
		font-weight: normal
	}
	ul.nav li.active ol li a:hover{
		background: #98c541;
		color: #fff;
	}
	/* End Sub Nav Classes */
/* End Nav Classes */



/* Add Form Classes */
ul.form, ul.form li{
	float: left;
}
ul.form{
	padding: 10px 0; margin: 5px 0 0 0;
	overflow: hidden;
	list-style: none;
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	width: 500px;
	background: #fff;
}
ul.form li{
	clear: both;
	padding: 5px 10px 10px 10px; margin: 0 auto;
	width: 478px;
	background: #fff;
	border: 1px dotted #fff;
	text-decoration: none;
	color: #000;
	cursor: move;
}
ul.form li.placeholder{
	background: #000;
}
ul.form span.label{
	font: 1em;
	font-weight: bold;
	display: block;
	padding: 3px 0;
}
ul.form a.edit, ul.form a.remove{
	float: right;
	margin-left: 5px;
	visibility: hidden;
	text-decoration: none;
	width: 16px; height: 0;
	overflow: hidden;
	padding-top: 16px;
	background-image: url(/admin/img/pencil/gif);
}
ul.form a.remove{
	background-image: url(/admin/img/delete/gif);
}
ul.form li.text input, ul.form textarea, ul.form select{
	width: 470px;
	
}
ul.form textarea{
	height: 150px;
}
ul.form li.radio span.label{
	float: none;
	display: block;
}
ul.form li.radio span.input,
ul.form li.radio span.item,
ul.form li.checkbox span.label{
	margin-left: 5px;
}
ul.form li.checkbox span.label{
	font-weight: normal;
	display: inline;
}
/* End Form Classes */



/* List Item Hover Classes */
ul.form li:hover,ul.form li.hover{
	border-color: #5f7eb2;
}
ul.form li.active{
	border-color: #5f7eb2;
	background: #eff3f5;
}
ul.form li:hover a,ul.form li.hover a, ul.form li.active a{
	visibility: visible;
}

ul.form li.hover input,
ul.form li.hover select,
ul.form li.hover textarea,
ul.form li:hover input,
ul.form li:hover select,
ul.form li:hover textarea{
	visibility: hidden;
}
ul.form input
ul.form select
ul.form textarea{
	cursor: default;
}

/* End List Item Hover Classes */



















/* Suckerfish Classes */
div.suckerfish{
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-top: 10px;
	float: left;
	width: 100%;
}
ul.suckerfish,ul.suckerfish li,ul.suckerfish li ol,ul.suckerfish{
	float: left;
	margin: 0; padding: 0;
}
ul.suckerfish, ul.suckerfish ol{
	list-style: none;
}
ul.suckerfish{
	padding-left: 10px;
}
ul.suckerfish li{
	margin-left: 2px;
	border: 1px solid #ccc;
	border-bottom: 0px none;
}
ul.suckerfish li a, ul.suckerfish li span{
	display: block;
	padding: 5px 10px;
	color: #444;
	font-size: 1.2em;
	cursor: pointer;
	background: #f1f1f1;
	text-decoration: none;
}
ul.suckerfish li strong{
	display: block;
	padding: 2px 5px;
	color: #444;
	border: 1px solid #fff;
}
ul.suckerfish li.active a,ul.suckerfish li.active span{
	background: #f1f1f1;
	color: #000;
	text-decoration: none;
}
ul.suckerfish li.current a, ul.suckerfish li.current span{
	background: #fff;
	padding: 7px 10px 6px 10px;
}
ul.suckerfish li.current{
	position: relative;
	top: -2px;
	margin-bottom: -3px;
}
	/* Start Sub Nav Classes */
	ul.suckerfish li.active ol{
		left: auto;
	}
	ul.suckerfish li ol{
		position: absolute;
		line-height: 1;
		padding: 5px 0; margin: 0;
		background: #f1f1f1;
		border: 1px solid #ccc;
		left: -999em;
		z-index: 9999;
	}
	ul.suckerfish li ol li{
		padding: 0; margin: 0;
		clear: both;
		border: 0;
		width: 11em;
		text-align: left;
	}
	ul.suckerfish li.active ol li a{
		text-decoration: none;
		padding: 4px 10px 3px 10px; margin: 0 5px;
		line-height: 1em;
		border: 0;
		color: #000;
		background: #f1f1f1;
		font-weight: normal;
		font-size: 0.9em;
		top: 0;
	}
	ul.suckerfish li.active ol li a:hover{
		background: #7799cc;
		color: #fff;
	}
	/* End Sub Nav Classes */
/* End Suckerfish Classes */

select.listing-select {
    -moz-border-radius: 5px;
    background-color: #dddddd;
    border: 1px solid #cccccc;
    color: #222222;
    font-size: 0.8em;
    padding: 1px 4px;
    text-transform: uppercase;
}
