/*
StoreMyFile.ORG CSS
Euroberg.NET Creation
*/

/* top elements */
* { margin: 0; padding: 0; }
html, body { background: #393939; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #b8b8a5; margin: 0; padding: 0; }
p, blockquote, ul, ol, dl { margin-top: 0px; margin-bottom: 1em; text-align: justify; }
#header {min-height: 100px; background: #2F2F2F url('img/logo.png') no-repeat center; border: 1px solid #1b1b1b; margin-bottom: 20px;}
#content { margin: 15px 10px; }
#footer { margin: 0 0 20px; padding: 5px; color: #EDEDED; background-color: #2F2F2F; border: 1px solid #1b1b1b; text-align: center; }
#footer a, #footer a:link, #footer a:visited { color: #029FBB; }
#lang 		{ text-align: right; margin: 30px; }
#validators { margin-top: 20px; margin-bottom: 20px; text-align: center; }
div.general { margin: 15px; }

#upcontent { clear: both; padding: 2px 15px 15px 15px; margin-top: 10px; overflow: auto; text-align: left; line-height: 1.4em; }
#upfields  { float: left; margin-left: 5px; padding: 0; width: 55%; }
#upbutton  { float: left; padding-top: 30px; width: 40%; display: inline; }
.alignmiddle { vertical-align: middle; }

.tooltip { background: url("img/tooltip.png") no-repeat transparent; display: none; font-size: 10px; height:30px; padding: 27px 7px 0 0; text-align: center; width: 207px; }

/* Forms */
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; border: 1px solid #999999; background-color: #FFFFFF; }
input:focus, textarea:focus { background-color: #FFFFCC; }
input[readonly] { background: #FCE5DD; border: 1px solid #CC0000; border-top: 3px solid #CC0000; }

input#download 		  { background: #FFFFFF url('img/down.png') no-repeat 2px center; padding: 4px; padding-left: 20px; }
input#download:hover  { background-color: #c2deef; border: 1px solid #80b8d8; color: #145e92; }
input#download:active { background-color: #145e92; border: 1px solid #145e92; color: #fff; }

input#upload		{ background: #FFFFFF url('img/up.png') no-repeat 2px center; color: #529214; padding: 4px; padding-left: 20px; }
input#upload:hover  { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; }
input#upload:active { background-color: #529214; border: 1px solid #529214; color: #ffffff; }

input#remove		{ background: #FFFFFF url('img/rem.png') no-repeat 2px center; color: #d12f19; padding: 4px; padding-left: 20px; }
input#remove:hover  { background-color: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
input#remove:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }

input#login { background: #FFFFFF url('img/login.png') no-repeat 2px center; padding: 4px; padding-left: 20px; }
input#username { background: #FFFFFF url('img/user.png') no-repeat 2px center; padding: 4px; padding-left: 22px; }
input#password { background: #FFFFFF url('img/key.png') no-repeat 2px center; padding: 4px; padding-left: 22px; }

/* Table */
table.details 		    { border: 1px dashed #eee; margin: 5px; padding: 5px; }
table.details td.title  { color: #75c52e; }

table.panel 		    { border: 1px dashed #eee; border-spacing: 0px; margin: 5px 0px 10px 5px; }
table.panel th		    { color: #FFCC00; font-weight: bold; text-align: center; }
table.panel td 		    { text-align: center; }
table.panel tr:hover td { color: #333333; background-color: #EFF5F6; }
table.panel tr:hover a  { color: #333333; text-decoration: underline; }

table.index a, table.index a:hover, table.index a:active, table.index a:visited { font-weight: normal; }
table.index a:hover { color: #39F; }
table.index tr { text-align: center; }

table.files { font-family: arial; background-color: #CDCDCD; margin: 10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; }
table.files thead tr th { color: #343535; background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px; }
table.files thead tr .header { background: url('img/bg.gif') no-repeat center right; cursor: pointer; }
table.files thead tr .headerSortUp { background-image: url('img/asc.gif'); }
table.files thead tr .headerSortDown { background-image: url('img/desc.gif'); }
table.files thead tr .headerSortDown, table.files thead tr .headerSortUp { background-color: #8dbdd8; }
table.files thead td { vertical-align: middle; background-color: #E1ECF9; border: none; }
table.files tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.files tbody tr.odd td { background-color: #F0F0F6; }
table.files tfoot td { background-color: #E1ECF9; text-align: center;  }
table.files .tablesorterPager { padding: 10px 0 10px 0; }
table.files .tablesorterPager span { padding: 0 5px 0 5px; }
table.files .tablesorterPager input.prev { width: auto; margin-right: 10px; }
table.files .tablesorterPager input.next { width: auto; margin-left: 10px; }
table.files .pagedisplay { font-size: 10pt; width: 30px; border: 0px; background-color: #E1ECF9; text-align: center; vertical-align: top;}

table.access { width: 80%; border-bottom: 2px solid #C06; margin: 1em auto; text-align: center; }
table.access thead th { background: #ffc4e2; color: #C06; text-align: center; border-bottom: 2px solid #C06; }
table.access tr.odd td	{ background: #545454; }
table.access tr:hover td { color: #333333; background-color: #EFF5F6; }

/* Messages */
p.error a, p.error a:link, p.error a:visited { color: #840000; }
p.error   { border: 1px solid #c30000; border-left: 8px solid #c30000; background-color: #fcdddd; color: #840000; padding: 5px; }

p.success a, p.success a:link, p.success a:visited {  color: #005604; }
p.success { border: 1px solid #88D371; border-left: 8px solid #88D371; background-color: #D6F6CC; color: #005604; padding: 5px; }

p.logout a, p.logout a:link, p.logout a:visited { color: #410056; }
p.logout  { border: 1px solid #a171d3; border-left: 8px solid #a171d3; background-color: #e8ccf6; color: #410056; padding: 5px; }

p.info a, p.info a:link, p.info a:visited { color: #000656; }
p.info    { border: 1px solid #7198d3; border-left: 8px solid #7198d3; background-color: #ccdef6; color: #000656; padding: 5px; }

p.warn a, p.warn a:link, p.warn a:visited { color: #562d00; }
p.warn    { border: 1px solid #d3a471; border-left: 8px solid #d3a471; background-color: #f6e2cc; color: #562d00; padding: 5px; }

p.links a, p.links a:link, p.links a:visited { color: #bbbbff; }
p.links        { border: 2px solid #bbbbbb; padding: 5px; text-align: center; color: #ceddf0; }
p.links.red    { background-color: #af3c52; }
p.links.green  { background-color: #4b8c52; }
p.links.blue   { background-color: #3c64b6; }
p.links.purple { background-color: #666699; }
p.links.orange { background-color: #b6733c; }

/* Links */
a	    { color: #FFC002; text-decoration: none; }
a:hover { text-decoration: none; font-weight: bold; }

/* Images */
img { border: none; }

/* Puces */
ul.terms { list-style: none; margin: 0; padding: 0; }
ul.terms li { background: url('img/arrow.png') no-repeat left; margin-left: 10px; padding-top: 5px; padding-left: 25px; min-height: 18px; }

/* Navigation */
ul#nav { margin-left: 34%; }
ul#nav li { list-style: none; float: left; }
ul#nav a { display: block; padding: 6px 10px; text-decoration: none!important; font: 10px Verdana; color: #FFF; background: #333;  border-bottom: 1px solid #454545; }
ul#nav a:hover { color: #FFF; background: #222; }
ul#nav a.selected { color: #FFF; font-weight: bold; background-color: #454545; cursor:default; }

/* Titres */
h2 { font: 1.7em Georgia, Times New Roman; border-bottom: 3px solid #f7f7f7; color: #23b4eb; margin-bottom: 10px; }
h3 { font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color: #8ef100; border-bottom: 2px solid #8ef100; letter-spacing: 1px; }
h4 { } /* take for register */
h5 {  color: #f100e9; }
h6 { margin: 0; padding: 0; padding-left: 5px; margin-left: 5px; border-left: 4px solid #FF9900; color: #FF9900; text-decoration: underline; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
h6.orange { color: #FF3300; border-color: #FF3300; }

/* News / Comments */
.comment h2 { font: 26px Trebuchet MS,Arial,Helvetica,sans-serif; border-bottom: 3px solid #000; margin: 20px 0 0; }
.comment { border: 2px solid black; background-color: #E8E8E8; margin-bottom: 15px; padding: 5px; color: #404040; width: 70%; }
.comment .date { float: right; }
.comment .author { background: transparent url('img/user-comment.png') no-repeat 0 center; padding-top: 3px; padding-left: 20px; text-align: left; }
.comment .content { font-style: italic; }
.reply-form {padding: 5px; background-color: #242424; width: 50%; border: 2px solid white;  }

/* Members Sides */
#memb-content { clear: both; padding: 2px 15px 15px 15px; margin-top: 10px; overflow: auto; text-align: left; line-height: 1.4em; }
#memb-main    { float: left; margin-left: 5px; padding: 0; width: 75%; }
#memb-sidebar { float: right; width: 20%; margin: 0; padding: 0; display: inline; }
#memb-sidebar ul.sidemenu { list-style: none; text-align: left; margin: 0 0 30px 10px; padding-right: 0; text-decoration: none; }
#memb-sidebar ul.sidemenu li { border-bottom: 1px solid #EFF0F1; padding: 3px 5px 4px 10px; }

/* Register */
#register { margin-bottom: 20px; }
#register fieldset {	height: 20em; width: 30em; border: 0; margin: 0; padding: 1em; float: left; }
#register fieldset legend { font-size: 4em; font-family: Georgia, "Times New Roman", Times, serif; }
#register fieldset legend span {	display: none; }
#register fieldset h4 { height: 4em; font-size: 1em;	}
#register fieldset div.help { font-weight: bold; height: 5em; }
#register fieldset label { display: block; }
#register fieldset input { height: 1.2em; }
#register #pt3 { color: #FFCC33; }
#register #pt2 { color: #33a6ff; }
#register #pt1 { color: #a6ff33; }
#register strong.error { color: #fff; width: 180px; background-color: #CC0000; padding: 0.2em; font-weight: bold; display: block; }
#register #pt4 { clear: both; width: 42em; height: 5em; border: 10px solid #242424; border-width: 10px 0; padding: 1em; }
#register #pt4 legend { display: none; }
#register #pt4 h4 { display: none; }
#register #pt4 #disclaimer { width: 25em; float: left; font-size: 0.9em; }
#register #pt4 input { height: 5em; font-size: 1em; width: 18em; color: #666666; background: #f3f3f3; font-weight: bold; border-bottom: 	1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; float: right; }
#clear { clear: both; }