body {background-image: url(/images/sitecontent/img2.jpg);background-repeat: no-repeat;background-position:top center;}

div#container {position:relative;margin:0 auto;width: 700px;height:auto;height:100%;min-height:100%;}
.top_links {background-color: black; padding: 10px; width: 100%;}
.top_links ul { list-style:none; padding: 0px; margin: 0px; z-index: 1000;}
.top_links ul li {float: left; position: relative; text-align: left;}
.top_links ul li ul { display: none; position: absolute;top: 100%;left: 0;}
.top_links li:hover ul, .top_links li.over ul {display: block;}
.top_links li li {display: block;float: none;background-color: transparent;padding: 0; margin: 0;}

ul.menu-tree-top_links a {width: 85px;border: 1px solid black;display: block;background-color: black;color: #AAAAAA;}
ul.menu-tree-top_links a:hover {border: 1px solid white;background-color: black;color: #FFFFFF;cursor: pointer;}

ul.menu-tree-top_links a {width: 85px; font-size: 10pt;}
ul.menu-tree-top_links {height: 18px;}

ul.menu-tree-member_links a {width: 80px;border: 1px solid black;display: block;background-color: black;color: #AAAAAA;}
ul.menu-tree-member_links a:hover {border: 1px solid white;background-color: black;color: #FFFFFF;cursor: pointer;}

ul.menu-tree-member_links a {width: 80px; font-size: 8pt;}
ul.menu-tree-member_links {height: 18px;}

img.wide_image { width: 700px;}

.bottom_links {background-color: black; padding: 10px; width: 100%;}
.bottom_links {margin: 0 auto; text-align: center;}

span.menu-tree-footer a {width: 80px; font-size: 8pt;}
span.menu-tree-footer {height: 18px;}

.above_banner_links ul { list-style:none; padding: 0px;  margin: 0px; z-index: 1000;}
.above_banner_links ul li {float: right; position: relative; text-align: left;}

ul.menu-tree-topbanner a {width: 80px; font-size: 8pt;}
ul.menu-tree-topbanner {height: 13px;}

span.func_names { font-size: 8pt; font-variant: small-caps; color: black;}

/* ul and li a  */
ul#top_links{height: 18px;/*height here gives the menu its space*/}
ul#member_links{border: 0px;background-color: black;height: 13px;}
ul#member_links:hover {border: 0px;}
ul.menu {list-style: none;padding: 0px;margin: 0px;z-index: 1000;}
li.menu {float: left;position: relative;text-align: left;}
li.menu ul.menu {display: none;position: absolute;top: 100%;left: 0;}
li.menu li.menu {display: block;float: none;background-color: transparent;padding: 0; margin: 0;}
li.menu:hover ul.menu, li.menu.over ul.menu {display: block;}
li.menu a {width: 110px;border: 1px solid black;display: block;background-color: black;color: #AAAAAA;}
/* menu widths */
li.menu a.member_links {width: 80px;font-size:8pt; }
li.menu a.top_links {width: 100px;font-size:10pt; }
li.menu a:hover {border: 1px solid white;background-color: black;color: #FFFFFF;cursor: pointer;}
/* END OF ul and li a*/

/* links for trees */
ul li a.links_tree:hover { color: green; } 
ul li a.links_tree { color: black; font-size: 8pt;} 
ul li a.links_tree_selected { color: black; font-weight: bold; font-size: 10pt; } 

#banner {
/*background-image: url( /images/1.jpg ); background-repeat: no-repeat;background-position: right;*/
background-color:none;width:100%;top: 0px;height: 0px;text-align: right;font-size:36pt; color: black; font-weight: bold; z-index: 1; }

img.banner { width: 720px;}


.tree {list-style-type:none;}


div#horiz_links {width: 100%;height: 14px;z-index: 6; background-color: black; text-align: center; border-style: solid; border-width: 1pt 0pt 1pt 0pt; border-color: black;}
div#admin_links {width: 100%;z-index: 6;background: black; text-align: center; font-size: 5pt; border-style: dotted; border-width: 0pt 0pt 1pt 0pt; border-color: black; }
div#top_links {width: 100%;margin: auto;padding: 5px 10px 5px 10px ;background: black; border-style: solid; border-width: 1pt 0pt 1pt 0pt; border-color: black; }
div#member_links {width: 100%;margin: auto;padding: 5px 10px 5px 10px ;background: black; border-style: solid; border-width: 1pt 0pt 1pt 0pt; border-color: black; }

/* search */
div.searchbar {width: 100%;background-color: black;padding: 5px 10px 5px 10px;text-align: left;}
p.searchbar {font-size: 8pt; text-align: left;}
form.searchbar {text-align: left;}
input.searchbar {text-align: left;}
/* end search */

/* title */
div.display_title {font-weight: bold; text-align: left; font-size: 36pt; padding: 0px 10px 5px 10px; width: 100%; background-color: black; color: white;}
div.display_title_home {font-weight: bold; text-align: left; font-size: 36pt; padding: 0px 0px 5px 20px; width: 100%; background-color: black; color: white;}
div.display_description {font-weight: bold; text-align: left; font-size: 12pt;padding: 0px 0px 5px 20px;  width: 100%; background-color: black; color: white;}
/* end title */

/* add new below title */
a.newcat {color: black;}
div.newcat {background-color: white;padding: 0px 10px;width: 100%;}
/* end add new */

.content>p {margin: 0;}
.disp_content>p {margin: 0;}

.content>p+p {text-indent: 30px;}
.content {width: auto;padding: 10px;}

/* CODE */
div#code pre {overflow: auto;width: 100%;background-color:black;} /* PRE_CODER  gone */
div#code{margin: 0 auto;font-size: 8pt;font-family: courier, serif;}
span.code_default {color: #F0F;}
span.code_function {color: #0c0;}
span.code_keyword {color: #fA0;}
span.code_comment {color: #0cc;}
span.code_string {color: #ff0000;}
span.code_types {color: #ff0000;}
/* END CODE */

div#centerbox {width: 100%;background-color: black;padding: 10px;z-index: 4;}

div#footer {width: 100%;background-color: black;padding: 10px;}

div.categories{color: white;font-variant: small-caps;background-color: black;padding: 10px;width: 100%;border-style: solid;border-color: white;border-width: 3px 0px 0px 0px;line-height: 1.5em;}
div.categories  a{color: white;}

div.titlebox {position: absolute;text-align: left;width: 80%;/*border-style: dotted;border-color: black;border-width: 1px;*/}
div.infobox {position: absolute;text-align: right;/*border-style: dotted;border-color:black;border-width: 1px;*/right: 5px;}
div.disp_content {position: relative;width: 100%;background-color: black;padding: 10px;border-style: solid;border-color: white;border-width: 0px 0px 0px 0px;height: 90px;}



SPAN.floatleft{FLOAT: left;POSITION: static;}
SPAN.floatright{FLOAT: right;POSITION: static;}

.centeredimage{text-align:center;margin-top:0px;margin-bottom:0px;padding:0px;}

.success{color: white;font-size: 9pt;border: black;}
.error{padding: 10px;font-size: 9pt;color: red;}

BODY, TR, TD, P{font-family:Arial, Times, Serif;color:white;font-size:9pt;}
BODY {background-color: black;}					

SPAN.heading {font-family:Arial, Times, Serif;color:white;font-size:14pt;}
SPAN.shortcomment {font-family:Arial, Times, Serif;color:white;font-size:12pt;}
SPAN.description {font-family:Arial, Times, Serif;color:white;font-size:10pt;}
SPAN.display_date {font-family:Arial, Times, Serif;color:white;font-size:8pt;}

A{color:#AAAAAA;text-decoration:none;font-size:9pt;margin-left:5px;margin-right:5px;}	
A.horiz_links{text-transform:capitalize;color: #AAAAAA;}
A.horiz_links:hover{color:#FFFFFF;}
A.admin_links{font-variant: small-caps;font-size:9pt;color: white;}
A.admin_links:hover{color: white;}
A.small {font-size:8pt;}
a.image:link img{text-decoration: none;border-color: #AAAAAA;border-width: 2px;}
a.image:visited img{text-decoration: none;border-color: black;border-width: 2px;}
a.image:hover img{text-decoration: none;border-color: #FFFFFF;border-width: 2px;}

/* SHOW CONTENT */
span.title {color: white;font-size: 15pt;padding: 5px;position: relative;left: 7px;}
p.short_comment {padding: 5px;position: relative;left: 12px;}


/* GRAY BOXES ROTATION */
div.downloadbox {color: white;width: auto;border: solid black 1px;}
span.downloadboxtitle {font-size: 12pt; font-weight: bold; color: white;}

div.divmod2 {color: white;background-color: #333333; border: dotted black; border-width:1px 0px;}
div.divmod1 {background-color: #222222;}
div.divmod1 a {color: white;}
div.divmod2 a {color: white;}
div.divmod1 a:hover {color: white;}
div.divmod2 a:hover {color: white;}
span.read_mail {color: white;}
/* END ROTATION BOXES */





/* EMAIL  */
pre#mail_message { color: black;background-color: white; }
div.mailinfo {background-color: white;}
/* END EMAIL * /

/*FORMS CSS*/
input {font-family: Courier, sans-serif;color: white;background: #222222;border: 1px solid black;}

textarea {color: white;background: #222222;border: 1px solid black;}

input.form_error, textarea.form_error, select.form_error {color: white;padding: 0px;border: 2px solid red;}


textarea#areatext {width: 80%;height: 120px;border: 3px solid black;padding: 5px;font-family: Courier, sans-serif;}
textarea#modifyfile {width: 97%;height: 500px;padding: 5px;font-size: 10pt;font-family: Courier, sans-serif;}
textarea#contact {width: 80%; height: 250px;}
textarea#contact_user {width: 80%; height: 350px;}
textarea#short_description {width: 80%; height: 50px;}
textarea#abstract {width: 80%; height: 80px;}
textarea.nodetext {width: 100%;height: 120px;padding: 5px;font-size: 10pt;font-family: Courier, sans-serif;}

div#nodes {text-align: left;}
div#nodes form {text-align: left;}
div#nodes fieldset {text-align: left;}
div#nodes span {text-align: left;}
div#nodes input {text-align: left;}
div#nodes textarea {text-align: left;}
div#nodes select {text-align: right;}
div#nodes submit {margin: 0 auto;text-align:center;}

select {font-family: Courier, sans-serif;color: white;font-size: 10pt;background-color: #222222;border: 1px solid black;}


form {text-align: center}
form#inbox {text-align: left;}
form#network_requests {text-align: left;}
form#delete_folders {text-align: left;}

legend {color: white;background-color: #222222;border: 1px solid black;padding: 2px 6px;}

fieldset {margin: 0 auto;color: black;background-color: white;border: 1px solid black;}
fieldset.upload {height: auto;}

label.join {width: 130px;}
label.login {width: 60px;}
label{/*float: center;text-align: center;margin-right: 0.5em;*/display: block}

P.form{text-decoration:none;text-transform:capitalize;font-size:10pt;color: black}
P.form_small{text-decoration:none;text-transform:capitalize;font-size:8pt;color: black}
P.search{text-decoration:none;text-transform:capitalize;font-size:9pt;}
P.small{font-size: 8pt;}
P.title {font-size: 12pt;font-weight: bold;}
P.inside {font-size: 10pt;}
form span {color : black}

/*fieldset.login{width: 20em;}
fieldset.join{width: 20em;}
fieldset.contact{width: 30em;}*/

/* autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/ajax/autocomplete/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


img.appicon {border-style: none;height: 70px;}
img.fileicon {border-style: none;height: 20px;}
img.functionicon {border-style: none;height: 30px;}
img.nodeicon {border-style: none;height: 70px;}


form#data_display_form a > span {color:white;}
fieldset a {color:black;}
fieldset td {color:black;}

ul.cat-tree {text-align: left}
li.cat-tree-category {list-style-image : url(/images/files/display/folder.png);}
ul.cat-tree a {color:black;}
ul.cat-tree a:hover {color:green;}

ul.folder-tree a:hover {color: green;}
li.folder-tree-folder {list-style-image : url(/images/files/display/folder.png);}

li.file-tree-folder{list-style-image : url(/images/files/display/folder.png);}
li.file-tree-folder:hover {color:red}

li.file-tree-file {list-style-image : url(/images/files/display/file.png);}
li[class^=file-tree-file]:hover {color:green}


li.file-tree-file-fla {list-style-image : url(/images/files/display/fla.png);}
li.file-tree-file-flv {list-style-image : url(/images/files/display/flv.png);}
li.file-tree-file-mov {list-style-image : url(/images/files/display/mov.png);}
li.file-tree-file-jpg {list-style-image : url(/images/files/display/jpg.png);}
li.file-tree-file-jpeg {list-style-image : url(/images/files/display/jpeg.png);}
li.file-tree-file-gif {list-style-image : url(/images/files/display/gif.png);}
li.file-tree-file-png {list-style-image : url(/images/files/display/png.png);}
li.file-tree-file-txt {list-style-image : url(/images/files/display/txt.png);}
li.file-tree-file-aif {list-style-image : url(/images/files/display/aif.png);}
li.file-tree-file-aiff {list-style-image : url(/images/files/display/aiff.png);}
li.file-tree-file-wav {list-style-image : url(/images/files/display/wav.png);}
li.file-tree-file-wave {list-style-image : url(/images/files/display/wave.png);}
li.file-tree-file-mp3 {list-style-image : url(/images/files/display/mp3.png);}
li.file-tree-file-py {list-style-image : url(/images/files/display/py.png);}
li.file-tree-file-php {list-style-image : url(/images/files/display/php.png);}
li.file-tree-file-c {list-style-image : url(/images/files/display/c.png);}
li.file-tree-file-cpp {list-style-image : url(/images/files/display/cpp.png);}
li.file-tree-file-zip {list-style-image : url(/images/files/display/zip.png);}
li.file-tree-file-html {list-style-image : url(/images/files/display/html.png);}
li.file-tree-file-htm {list-style-image : url(/images/files/display/htm.png);}
li.file-tree-file-sh {list-style-image : url(/images/files/display/sh.png);}
li.file-tree-file-scpt {list-style-image : url(/images/files/display/scpt.png);}
li.file-tree-file-swf {list-style-image : url(/images/files/display/swf.png);}
li.file-tree-file-rb {list-style-image : url(/images/files/display/rb.png);}
li.file-tree-file-sql {list-style-image : url(/images/files/display/sql.png);}