/* Global */
html, body {
	SCROLLBAR-FACE-COLOR: red; 
	FONT-WEIGHT: bolder; 
 	FONT-SIZE: small; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, sans-serif; 
	COLOR: white; 
	BACKGROUND-COLOR: black;
	SCROLLBAR-HIGHLIGHT-COLOR: #aaaaaa; 
	SCROLLBAR-SHADOW-COLOR: #666666; 
	SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
	SCROLLBAR-ARROW-COLOR: #000000; 
	SCROLLBAR-TRACK-COLOR: navy; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 
	SCROLLBAR-BASE-COLOR: #ff0000; 
	margin : 0; padding : 0;
}

hr {
		size: 1px;
		color: #0000ff;
		}
		
/* Layout - Wrapper */
#wrapper {
	line-height : 1.2;
}

/* Layout - Logo */
#logo {
	padding : 10px 0;
}

/* Layout - Left Bar */
#leftbar {
	width : 200px;
	float : left;
	border-top : 4px solid #0000ff;
}

/* Layout - Content Area */
#contentarea { 
	margin-left : 200px; 
	border-top : 4px solid #0000ff;
	padding-left : 2px;
}

/* Left Bar - Categories */
#leftbar h2 { 
	margin : 0; padding : 0;
	padding : 3px;
	color : white;
	font : 10pt tahoma, arial, sans-serif;

}

#leftbar .root_categories {
	margin : 0;
	padding : 0;
	list-style : none; 
}

#leftbar .root_categories li p { 
	position : relative; 
	margin : 0; 
	padding : 5px; 
	border-bottom : 1px solid #0000ff; 
}
#leftbar .root_categories li p a:link, #leftbar .root_categories li p a:visited, #leftbar .root_categories li p a:active {
	color : #ffff00;
	font-weight : normal;
	font : 10pt arial;
	text-decoration : none;

	padding : 4px;
}
#leftbar .root_categories li p a:hover { color : #00ff00; }
#leftbar .root_categories li p a.collapse { position : absolute; right : 0; padding : 5px; }
#leftbar .root_categories li p a.collapse:hover { color : cyan; }
#leftbar .root_categories li p>a.collapse { margin-top : -4px; }
a.collapse:hover { background : #000000; color : #00ff00; }
.box h2 .collapse { padding : 4px; }

/* Left Bar - Categories - Children */
.children { display:block; }
.children, .children li { margin : 0; padding : 0; list-style : none; }
.children li { display : block; }
.children a:link, .children a:visited {
	font : 9pt arial, sans-serif;
	color : #ffff00;
	text-decoration : none;
	display : block;
	height : 20px;
	padding : 4px 4px 4px 20px;
	border-bottom : 1px dotted #0000ff;
	background : url(../images/bullet.gif) no-repeat 12px;
}
.children .nolink {
	color : #cfcfcf;
	text-decoration : none;
	display : block;
	height : 20px;
	padding : 4px 4px 4px 20px;
	border-bottom : 1px dotted #0000ff;
	background : url(../images/bullet.gif) no-repeat 12px;
}
.children .nolink a:link, .children .nolink a:visited {
	color : #ffffff;
	font-weight : normal;
	font : 10pt arial, sans-serif;
	text-decoration : none;
	padding : 4px;
	display : inline;
	border : 0;
	background : black;
}
.children .nolink a:hover { color : #ffff00; }
.children>li>a:link, .children>li>a:visited, .children>.nolink { height : auto }
.children a:hover { background : #000000 url(../images/wbullet.gif) no-repeat 12px; }

/* Content Area - Menu */
#menu { 
	margin : 0; padding : 3px 0;
	background : #000099 right no-repeat; 
}
#menu li {
	margin : 0;	padding : 0;
	display : inline;
	color : white;
	font : 10pt arial, sans-serif;

	list-style : none;
}
#menu a:link, #menu a:visited {
	padding : 3px 6px; 
	color : white; 
	text-decoration : none;
	border-right : 1px solid #0000ff;
}
#menu a:hover { color : #ffff00; background : #000066; }

/* Content Area */
div.box {
	margin : 8px;
	border : 1px solid #0000ff; 
}
#contentarea h1 {
	margin : 0;
	font : 11pt arial, sans-serif;
	color : #ffffff;
	border-bottom : 1px solid #0000ff;
	padding : 3px 4px;
	background : #000000;
}
#contentarea>h1 { padding : 4px; }
#contentarea h1 a:link, #contentarea h1 a:visited {
	color : #ffff00;
	text-decoration : none;
}
#contentarea h1 a:hover { text-decoration : underline; }
#contentarea h2 {
	color : #00ff00;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 3px;
	background : #000000;
}
#contentarea h2 a:link, #contentarea h2 a:visited {
	color : #00ffff;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
#contentarea h2 a:hover { color : #00ff00; }
#contentarea h3 {
	color : #ffffff;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 2px;
	background : #000000;
}
p {
	padding : 4px;
	font-size : 9pt;
	color : #fff;
	border-bottom : 1px dotted #0000ff; 
	margin : 0;
}
.box p {
	border-top : 1px dotted #0000ff; 
}
#contentarea h3 a:link, #contentarea h3 a:visited {
	color : #ff0;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
#contentarea h3 a:hover { color : #0f0; }
a.downloads { margin-top : -2px; }
a.more:link, a.more:visited, a.downloads:link, a.downloads:visited {
	position : absolute;
	right : 14px;
}
a.downloads:hover { color : cyan; }
a.downloads { padding-top : 2px; }
.small { font-size : 8pt; }

/* Files - Toolbox */
#toolbox h2 { border-bottom : 1px solid #0000ff; text-align : center; }
#toolbox .comments { margin : 4px; border : 1px solid #0000ff; }
#toolbox .comments h3 { background : #000000; color : #ffffff; }
#toolbox_left {
	float : left;
	width : 40%;
}
#toolbox_left p { word-wrap : break-word; /* IE only fix :( */ }
#toolbox_right {
	margin-left : 40%;
}
#toolbox_left #pages {
	margin : 4px;
}
#toolbox_left #pages p {
	border : 0;
}
#toolbox_left #pages h2 {
	text-align : left;
}

/* Footer */
#footer {
	position : relative;
	clear : both;
	border-top : 1px solid #0000ff;
	background : #000000;
	color : white;
	font-size : 10px;
	padding : 4px 5px 5px 5px;
}
#footer p {
	position : absolute;
	right : 5px;
	top : 4px;
	margin : 1px 0 0 0; 
	padding : 0;
	color : white;
	font-size : 10px;
	border : 0;
}
#footer>p { margin : 0; }

/* Global Links */
a:link, a:visited { color : #ff0000; }
a:hover { text-decoration : none; }

a.toplinks:link, a.toplinks:visited { color : #00ff00;	font-size : 12px;	FONT-WEIGHT: normal; }
a.toplinks:hover { color: #FFFF00; }
/* Miscellaneous Fixes */
form { margin : 0; }

/* Admin CP - Forms */
table.form { font-size : 8pt; }
.align_top { vertical-align: top; }
.formleft { width : 18%; }
.formleft_small { width : 10%; }
input, select, textarea, option { font : 10pt verdana, arial, sans-serif; color : white; border : 1px solid #0000ff; background : #000; padding : 1px; }
option { border : 0; }
#contentarea>#search_gap { display : none; }
#breaknote { display : none; }
#toolbox_right>#breaknote { display : block; }

/* Category/file listing styles */
#contentarea .box h2 .cat_head_options {
	display: inline;
	font-size: 8pt;
}

#contentarea .box h2 .cat_head_options a {
	font-size: 8pt;
}

/* IP RESTRICTION CLASSES */

.new_entry {
	text-align: center;
	padding: 5px;
}

.new_entry td {
	padding-left: 20px;
	padding-right: 20px;
}

.label {
	font-weight: bold;
}

.new_entry a {
	text-decoration: none;
}

.new_entry a img {
	border: 0;
	text-decoration: none;
}

.filter_mode label {
	cursor: pointer;
}

.ip_list {
	padding: 5px;
}

.ip_list td {
	padding: 5px;
}

.ip_list a img {
	border: 0;
}

.ip_restrict_row:hover, .ip_restrict_row_hover{
	background-color: #000000;
}


/* File details box styles */

.filebox_breadcrumb {
	color : #ffffff;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 3px;
	background : #000000;
}
.filebox_breadcrumb a:link, .filebox_breadcrumb a:visited {
	color : #ffff00;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
.filebox_breadcrumb a:hover { color : #00ff00; }

.filebox_links {
	color : #ffff00;
	font-weight : normal;
	font-size : 8pt;
	padding : 2px;
	margin: 0;
	line-height: 1.5;
}

.more_link a:link, .more_link a:visited {
	color : #00ffff;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
	margin: 2px;
}

.download_link, .more_link {
	margin: 2px 4px 2px 2px;
	float: right;
}

.downloads a:hover { color : cyan; }
.downloads a { padding-top : 2px; }

ul.confirm_item_list {	
	padding-left: 20px;
}

/* WYSIWYG editor styles */
#contentarea .wysiwyg
{
	border-bottom : 1px dotted #0000ff; 
	padding: 3px;
}

#contentarea .wysiwyg h1, #contentarea .wysiwyg h2, #contentarea .wysiwyg h3
{
	background : black;
	color : white;
	border : 0;
	font-weight : bold;
}

#contentarea .wysiwyg h1 {
  font-size: 2em;
  margin: .67em 0;
}

#contentarea .wysiwyg h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

#contentarea .wysiwyg h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
