img {border:none;}

body {
	background: url(../images/body-bkg.png) repeat-x center top;
	background-attachment:fixed;
	background-color: #343a3f;
}

.hidden {display:none;}

a:visited{
	color: #00f;
}
#content {
	width:900px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000;
	border-top: none;
	background-color:#fff;
	min-height:200px;
}

#content table {
 padding:5px;
}

#content table td,
#content table th {
border:1px solid #000;
padding:3px;
}


table { empty-cells:show; }


table {
	clear:left;
	border-width:0px 0px 1px 1px;
	border-style:solid;
	border-color:#000;
	border-collapse:collapse;
	margin-top:10px;
}


table th {
	background-color:#ddd;
	padding:10px;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	border-width: 1px 1px 0px 0px;
	border-style:solid;
	border-color:#000;
}

table td {
	border-width: 1px 1px 0px 0px;
	border-style:solid;
	border-color:#000;
	text-align:center;
	padding:5px;
	margin:0px;
}

#head {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border:1px solid #000;
	border-bottom: none;
}
#top_menu:after,
#head:after,
#submenu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.guest {
	background-color:#fff;
	background: url(../images/header_bkg_guest.png) repeat bottom;
}
.secure {
	background-color:#ccccff;
	background: url(../images/header_bkg_secure.png) repeat bottom;
}
.admin {
	background-color:#ffffcc;
	background: url(../images/header_bkg_admin.png) repeat bottom;
}

#footer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
color:#fff;
}

#footer a{
color:#fff;
}

#login {
	float:right;
	text-align:right;
	width:305px;
	margin:5px;
	padding:10px;
	border:1px solid #000;
	background-color:#ffffcc;
}

h1,h2 {
	margin:0px;
	padding:0px;
	float:left;
	width:500px;
}

h2 {
font-size:1.3em;
}

.menu {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	float:left;
	width:560px;
}

#head .menu li {
	float:left;
	padding:3px;
	border:1px solid #000;
	margin:2px;

}

#head .menu li a,
#submenu .admin_menu li a {
	text-decoration:none;
}

#head.secure .menu li:hover,
#head.admin .menu li:hover,
#submenu .admin_menu li:hover {
	background-color:#fff;
}

/********************/
/*  Tab Navigation  */
/********************/
#tab{
	width:920px;
	height: 31px;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	padding: 10px 0 0 0;
	font-size: 1.0em;
	line-height: normal;
	border: 1px solid #000;
	border-top: none;
	border-bottom: 2px solid #fabe3c;
}
#tab ul{
	margin: 0;
	padding: 0 0 0 25px;
	list-style-type: none;
}
#tab li{
	float: left;
	background: url(../images/tab-nonactive-right.jpg) no-repeat right top;
	margin:0;
	padding:0;
}
#tab a{
	float: left;
	display: block;
	padding: 5px 14px;
	text-decoration: none;
	background: url(../images/tab-nonactive-left.jpg) no-repeat left top;
}
/* Commented Backslash Hack --float:right in #tab a is a fix for IE5/Mac then we remove it so other browsers work fine.
hides rule from IE5-Mac \*/
#tab a {float:none;}
/* End IE5-Mac hack */
#tab a:link,
#tab a:visited{
	color: #666;
}
#tab a:hover{
	color: #000;
	font-size: 1.2em;
}
#tab .current{
	background: url(../images/tab-active-right.jpg) no-repeat right top;
}
#tab .current a{
	color:#000;
	background: url(../images/tab-active-left.jpg) no-repeat left top;
	font-size: 1.2em;
}
/************/
/************/
/*******************/
/*Subtab Navigation*/
/*******************/
#submenu{
	width:900px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	padding-left:11px;
	padding-right:10px;
	background: url(../images/subtab-container-bkg.jpg) repeat-x bottom;
	border-righ: 1px solid #000;
	border-left: 1px solid #000;
}
#subtab{
	margin: 0;
	padding: 10px 25px 0 0;
	font-size: 1.0em;
	line-height: normal;
	list-style-type: none;
}
#subtab li{
	float: left;
	margin: 0;
	padding:0;
}
#subtab a{
	float: left;
	display: block;
	padding: 5px 14px;
	text-decoration: none;
}
/* Commented Backslash Hack --float:right in #subtab a is a fix for IE5/Mac then we remove it so other browsers work fine.
hides rule from IE5-Mac \*/
#subtab a {float:none;}
/* End IE5-Mac hack */
#subtab a:link,
#subtab a:visited{
	color: #666;
}
#subtab a:hover{
	color: #000;
	font-size: 1.2em;
}
#subtab .current{
	float: left;
	background: #FFF;
	margin: 0;
	padding:0;
	border: 1px solid #888;
	border-bottom: none;
}
#subtab .current a:link,
#subtab .current a:visited{
	color: #000;
	font-size: 1.1em;
}
#subtab a:hover{
	color: #000;
	font-size: 1.2em;
}
/******************/
/******************/

#head .menu li:hover {
	background-color:#ffffcc;
}

#footer {text-align:center;}

#footer .menu {
	text-align:center;
	width:100%;
}

#footer .menu li {
	padding-left:4px;
	padding-right:4px;
	display:inline;
}

.menu li a:link,
.menu li a:hover,
.menu li a:visited{color:#000;}

.menu li a:hover {text-decoration:none;}

.copyright {font-size:0.8em;}

.formList {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-top:10px;
}

.formList li {height:25px;}

.formLabel {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding:2px;
	padding-right:5px;
}

#head .formLabel {
	width:125px;
}

.formInput {
	padding:2px;
	display:block;
}

.modeLinks{
	width:910px;
	background-color:#eeeeee;
	padding:5px;
	margin-top:-10px;
	margin-left:-10px;
	border-bottom: 1px solid #000;
}

.modeLinks select{
	width:125px;
}

pre { 
	/* note - some of these definitions aren't valid, but they are necessary for cross-browser compatability */
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	border:1px solid #000;
	margin:5px;
	padding:5px;
	font-family:Arial, sans-serif;
	background-color:#eee;
	text-align:left;
}
.pageHead {
	font-weight:bold;
	font-size:1.2em;
}

#sortable_category_list li {
	cursor: pointer;
}
.preview_cell_abbr pre {
	height:3.5em;
	overflow:hidden;
	width: 450px;
}
.preview_cell pre {
	height:13em;
	overflow:auto;
	width: 450px;
}

pre.para_pre {
	height:13em;
	overflow:auto;
}

.saving {
	display:inline;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:#444;
	color:#fff;
	text-align:center;
	padding-top:200px;
	font-weight:bold;
	font-size:2em;
	/* many of these aren't standard, but are used for browser compatibility */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


.clr{clear:both;}
/*vertical menu*/
.vmenu {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	float:left;
	width:100%;
}
.vmenu li{
	float:left;
	display: inline;
	margin:2px;
	padding: 5px 10px;
	border: 1px solid #000;
}
.vmenu .current{
	background: #CCC;
}
.vmenu a{
	text-decoration:none;
}
.vmenu a:link,
.vmenu a:visited{
	color: #000;
}
.vmenu a:hover{
	color: #F00;
}
/*timyMCE css*/
#content .tinyMCE {
	padding:0;
	margin:0;
}
#content .tinyMCE table {
padding:0;
margin:0;
border: 1px solid #EEE;
}
#content .tinyMCE table th,
#content .tinyMCE table td,
#content .tinyMCE table tr {
border: 0;
padding:0;
border: none;
}




/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }



.admin_menu {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	float:left;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header_admin .admin_menu li a {
	text-decoration:none;
	color: #000000;
}

#header_admin .admin_menu li {
border:1px solid #000000;
float:left;
margin:2px;
padding:3px;
}

#header_admin .admin_menu li:hover {
	background-color:#fff;
}



#legal_terms {
height:175px;
background:#aaa;
padding:10px;
width:700px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
overflow:auto;
border:1px solid #000;
}


pre.filter_preview {
  height:250px;
  overflow:auto;
}

.pop {
	text-decoration:none;
}

.pop span {
	display:none;
}

.pop:hover span {
	display:inline;
	position:absolute;
	background:#aaf;
	border:1px solid #000;
	padding:5px;
	color:#000;
}

.reorder li {
	cursor:pointer;
}