@import "tabs.css";


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {
    font-family:Arial,Verdana,sans-serif;
    font-size:0.95em;
}

/* HEADER */

div.header {
    width:100%; height:50px;
    /* margin:0px auto 0px auto; */
    padding:0px 0px 0px 0px;
    background-color:transparent;
    background:transparent url(/media/img/bg2.png) repeat-x scroll left top;
	margin:0px 0px 10px 0px;
}

div.header_content {
    width:960px; height:50px;
    margin:0px auto 0px auto;
}

div.logo {
    padding:10px 0px 0px 26px;
    float:left;
	width:300px;
}

img.logo { display:block; float:left; }

div.apptitle { float:left; font-family:courier new; font-size:0.8em; margin-top:14px; margin-left:5px; text-align:center; }

div.search {
	display:none;
    position:absolute;
    margin-left:750px; margin-top:30px;
    width:200px; height:30px;
    background-color:#ffffff;
    border:1px solid #d0d0d0;
}

#keyword {
    margin:8px 0px 0px 3px;
    width:160px; height:25;
    border:none;
}

div.search a {
    color:#808080;
}


/* FOOTER */

div.footer {
    width:100%;
    font-size:0.8em;
}

div.footertop {
    padding:10px;
    height:50px;
    color:#606060;
    background-color:#f0f0f0;
    border-top:1px solid #d0d0d0;
    line-height:120%;
    font-size:0.9em;
}
div.footertop a {
    color:#606060;
    text-decoration:none;
}
div.footertopcontent {
    width:960px;
    margin:0px auto 10px auto;
}
div.footerbottom {
    height:30px;
    background-color:#376cfe;
    color:#ffffff;
    text-align:center;
    padding:15px 0px 0px 0px;
    letter-spacing:2px;
    font-size:0.9em;
}
div.footerbottom a {
    color:#ffffff;
    text-decoration:none;
}


/* TYPES */

a {
    color:#073cde;
}

h1 {
    color:#376cfe;
    margin:0 0 10px 0;
    font-size:1.4em;
    font-weight:normal;
    letter-spacing:2px;
}

h2 {
    color:#376cfe;
    margin:0 0 2px 0;
    font-size:1.0em;
    font-weight:bold;
    letter-spacing:1px;
}

h3 {
    color:#376cfe;
    margin:0 0 0 0;
    font-size:0.9em;
    font-weight:bold;
    letter-spacing:1px;
}

h4 {
    color:#376cfe;
    margin:0 0 0 0;
    font-size:0.8em;
}

p {
    margin:2px 0 4px 0;
    xpadding:0 0 2px 0;
    line-height:150%;
}

p.error {
    color:red;
    font-weight:bold;
}

ul {
    margin:4px 0 4px 0px;
    padding: 2px 0 5px 20px;
}

ul.points li {
    list-style-type:disc;
}

li {
    margin:0px 0px 2px 5px;
    list-style-type:none;
    margin:
}


/* PAGE */

div.page {
    width:960px;
    margin:10px auto 20px auto;
    padding:20px;
    background-color:#ffffff;

}

.clear {
    clear:both;
}

/* FORM */

form {
    font-size:0.8em;
    color:#606060;
    line-height:0.95em;
}

input {
    border:1px solid #d0d0d0;
    margin:2px 2px 2px 0px;
    padding:4px;
    width:280px;
}
select {
    width:288px;
}

input.submit {
    padding:3px;
    width:130px;
}

textarea {
    border:1px solid #d0d0d0;
    margin:2px 2px 2px 0px;
    padding:4px;
    width:280px;
	height:60px;
}

/* Frontpage */

.marginbottom {
    margin-bottom:8px;
}

.c1 {
    float:left;
    margin-right:30px;
}

.c2 {
    float:left;
}


.pad {
    padding:20px;
    margin-bottom:10px;
}

.wh {
    width:420px;
}

.wh1 {
    width:300px;
}
.wh2 {
    width:500px;
}

.whf {
    width:912px;
}




#upload {
    width:300px;
}

#folders {
}

.w200 {
    width:200px;
}

.rounded {
    background-color:#f8f8f8;
    border:1px solid #e0e0e0;
}
.roundedt {
    background-color:#f8f8f8;
    border:1px solid #e0e0e0;
}
.roundedb {
    background-color:#f8f8f8;
    border:1px solid #e0e0e0;
}

div.folder_image {
    float:left;
    margin-right:16px;
    margin-bottom:30px;
    font-size:0.8em;
    width:134px;
    height:200px;
    overflow:hidden;
    text-align:center;
}

div.data {
    text-align:left;
}

img.thumbnail {
    max-width:125px;
    max-height:90px;
    display:inline;
    vertical-align: middle;
	border:1px solid #d0d0d0;
}

div.thumbnail {
    width:125px;
    height:90px;
    margin:2px 0px 4px 0px;
    overflow:hidden;
    xborder:1px solid #d0d0d0;
    xbackground-color:#ffffff;
    xtext-align:center;
}


/* TOP MENU */

#menu {
    margin:0px auto 0px auto;
    padding:0;
    width:960px; height:40px;
    /* border:1px solid #E0E0E0; */
}

#menu ul, #menu li {list-style:none;margin:0;}
ul.dropdown {position:relative;z-index:70;padding:0;margin:0;}
ul.dropdown li  {float:left;zoom:1;margin:0; text-transform:uppercase; background:transparent url(/media/img/sprite.png) 0px 0px;}
ul.dropdown li a  {display:block;padding:14px 14px; font-size:12px;cursor:pointer; text-decoration:none; border-right:1px solid #e0e0e0; color:#666666;}
ul.dropdown li.active,
ul.dropdown li.selected {background:transparent url(/media/img/sprite.png) 0px -40px;position: relative;}

ul.dropdown li.active a,
ul.dropdown li.selected a{color:#5B80B2;}

ul.dropdown li.hover,
ul.dropdown li:hover {background:transparent url(/media/img/sprite.png) 0px -80px;position: relative;}

ul.dropdown li.hover a,
ul.dropdown li:hover a{color:#fff;}

ul.dropdown ul {width:200px;visibility:hidden;position:absolute;top:100%;left:-1px;border:1px solid #e0e0e0;border-bottom:none;}
ul.dropdown ul li {float:none;}
ul.dropdown li.hover ul li a ,
ul.dropdown li:hover ul li a {background:#fff;border-bottom:1px solid #e0e0e0;color:#666; padding:5px 10px 5px 10px; height:auto;font-weight:normal;width:180px;}
ul.dropdown li.hover ul li.hover a,
ul.dropdown li:hover ul li:hover a {background:transparent url(/media/img/sprite.png) 0px -80px;color: #fff;}

ul.dropdown li.hover ul li.active a,
ul.dropdown li:hover ul li.selected a{color:#5B80B2;}

ul.dropdown li.active ul li.selected a{color:#5B80B2;}
ul.dropdown li.active ul li.selected a:hover{color:#fff;}

ul.dropdown li:hover > ul {visibility:visible;}


div.topmenu { float:left; margin:13px 0px 0px 400px; }
div.topmenu ul, div.topmenu li { list-style:none;margin:0; }
ul.topmenu li  { float:left;margin:0px 10px 0px 0px; text-transform:uppercase; }
ul.topmenu li a { font-size:0.75em; color:#000000; text-decoration:none; }

table.data th {
	xfont-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;
	width:400px;
	padding:5px;
	border-bottom:1px solid #d0d0d0;
	text-align:left;
}
table.data td {
	xfont-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;
	padding:5px;
	border-bottom:1px solid #e0e0e0;
	background-color:#ffffff;
	text-align:left;
	font-size:0.75em;
}

table.data th.header {
	font-size:0.85em;