/*This CSS use system color and fonts to display in the color scheme and preferences of
each user.

http://www.w3.org/TR/REC-CSS2/ui.html#system-colors
http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font
*/


/* Links, displayed files and folders */

a, a:visited {text-decoration:none;font:12px;color:WindowText;}
a:hover, a:active {color:HighlightText;text-decoration:none;background-color:Highlight;;font:12px}
a img, a:hover img {background-color:AppWorkspace;}
table a img, table a:hover img {background-color:Window;}
table.formcomment a img, table.formcomment a:hover img, table.formcomment a:active img, table.formcomment a:visited img {
	background-color:ThreeDFace;}


/* Title (current folder) div */
.title_line {border:ActiveBorder;background-color:Menu;padding:5;font:menu;color:MenuText;}
/* Title (current folder) links. comment it to use default link styles */
a.title_link:visited, a.title_link:active, a.title_link:hover, a.title_link {
	color:MenuText;background-color:Menu;font:menu;}

/* if folder have "brothers" a select list is displayed */
select.brothers {background-color:Menu;color:MenuText;font:menu;}
/* submit button */
/*.brothersubmit {
	font-size:8pt;
}*/
/* You can define 2 css style for options of the <select> and they will be alternated
   (e.g. change background color...) */
.bros_option_1, .bros_option_2 {background-color:Menu;color:MenuText;font:menu;}

/* /title links */






/* Main table */
table {
	padding:0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* For comment page, just a table in which there are the fields, just for nice effect ;-) */
table.formcomment {border-left:1px solid ThreeDHighlight;border-top:1px solid ThreeDHighlight;border-right:1px solid ThreeDDarkShadow;
	border-bottom:1px solid ThreeDDarkShadow;background-color:ThreeDFace;font:message-box;color:ButtonText;}

/* Default <tr> for listing table */
tr {}

/* Header and footer <tr> in the listing table */
th {background-color:#86D0EE;padding-left:2px;padding-right:2px;color:#000000;}
th a {display:block;width:100%;font:12px;}
th a:hover, th a:active {}
th a img, th a:hover img {}


/* Dafault <td> in listing table. Set here font, paddings... */
td {vertical-align:middle;font:message-box;padding-left:3px;padding-right:2px;}

/* The <td> for the file/folder name */
td.name {text-align:left;border-right:0 none;font:12px;padding-left:4px;}

/* The <td> where add-on are executed (display thumbnail */
/* I've set no border at right for name TD and at left for action TD, so we can not see that */
/* these are 2 TDs, but they are ;-) */
td.action {text-align:right;border-left:0 none;vertical-align:middle;font:12px}

/* The <td> for comment in default template */
td.comment {
	text-align:left;
	background-color:InfoBackground;
	font:message-box;
	padding-left:25px;
}

/* Inputs in comment or upload form */
td.formcomment {
	border:0px;
}

input, select, textarea {
	border-left:2px solid ThreeDDarkShadow;
	border-top:2px solid ThreeDDarkShadow;
	border-right:2px solid ThreeDHighlight;
	border-bottom:2px solid ThreeDHighlight;
	background-color:Window;
	color:WindowText;
	font:caption;
}

input.button, input.brothersubmit {
	border-left:2px solid ThreeDHighlight;
	border-top:2px solid ThreeDHighlight;
	border-right:2px solid ThreeDDarkShadow;
	border-bottom:2px solid ThreeDDarkShadow;
	font:caption;
	background-color:ThreeDFace;
	color:ButtonText;
}

fieldset {
	border:2px outset;
	font:message-box;
	color:ButtonText;
}

input.filebutton {
	border-left:1px solid ThreeDHighlight;
	border-top:1px solid ThreeDHighlight;
	border-right:1px solid ThreeDDarkShadow;
	border-bottom:1px solid ThreeDDarkShadow;
	font:caption;
	background-color:Window;
	color:ButtonText;
}

img {
	border:0;
	margin:0;
	padding:0;
}