@import url("menu.css");
@import url("login.css");
@import url("filemanager.css");
body{font-family: verdana,arial, helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; background: #fff}
a{color: #4670d0}
a:hover{color: #ff3300}
#outer-wrapper{margin: 10px; background: #fff; min-width: 920px}
#header{height: 50px; background: url(../pic/top.png); position:relative}
#top-left{position: absolute; top: 0; left: 0}
#header h1{color: #fff; margin: 0; padding: 10px 20px; font-size: 24px; font-family:  serif; font-style: italic; font-weight: bold;}
#top-right{position: absolute; top: 0; right: 0}
#logo{padding-left: 20px}
#inner-wrapper{border: 1px solid #ccc; border-top: none; padding: 10px; min-height: 550px}
h3{font-size: 16px; font-weight: bold; color: #339966; padding: 10px; margin: 0}

#footer{text-align: center; font-size: 11px; color: #444; padding-bottom: 10px}
a img{border: 0}
form{padding: 0; margin: 0}

#tools_menu{border: 1px solid #ccc; background: #f4f4f4; padding: 5px; position: relative; height: 50px; z-index: 10}
#tools_menu h2{position: absolute; top: 16px; left: 60px; font-size: 20px; padding: 0; margin: 0}
#tools_menu #menu_buttons{position: absolute; top: 2px; right: 10px}
#tools_menu #menu_buttons td{width: 50px; text-align: center}
#menu_buttons a{color: #333; text-decoration: none; display: block; border: 1px solid #f4f4f4; padding: 2px; font-size: 11px; font-family: arial}
#menu_buttons a:hover{border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
#menu_buttons a img{border: 0}

.table{width: 100%; margin-top: 20px}
.table thead td{font-weight: bold; text-align: center; padding: 5px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f4f4f4}
.table tbody td{padding: 3px 5px; border-bottom: 1px solid #f4f4f4; text-align: center}
.table tbody td.al{text-align: left}
.table input{text-align: center}
.table img{border: 0; vertical-align: middle}

#error,#msg{border: 1px dashed #ccc;background: #f4f4f4; padding: 10px; margin: 10px 0;font-size: 13px; font-weight: bold}
#error{color: #c33}
#msg{color: #393}

#login-wrapper #msg,#login-wrapper #error{background: none; border: 0; padding: 10px}

#notice{font-size: 13px; border: 1px dashed #ccc;background: #f4f4f4; padding: 10px; margin: 10px 0; color: #c33}

.caption{font-weight: bold; text-align: right; width: 200px;}
label{display: inline-block}
input[type=text],select{width: 190px}
input[maxlength="3"]{width: 30px}
.input_s{width: 100%}
textarea{width: 190px}


#metadata textarea{height: 100px; width: 280px}
#config .caption{width: auto; vertical-align: top; padding-top: 5px}
#config .long input{width: 400px}
#config .adv textarea{width: 500px; height: 250px}
.adv .caption{text-align: left; padding: 5px}
#config textarea{width: 400px; height: 50px}

#base,#desc,#meta,#short{
	border: 1px solid #bbb;
	padding: 10px;
}
#tabs {position: relative; margin: 20px 0}
#tabs h4{padding: 0 5px; margin: 0; position: absolute; top: -10px; left: 20px; background: #fff; font-size: 14px; color: #F55507}

#tabmenu a{color: #333; padding: 3px; font-weight: bold}
textarea{width: 400px; height: 50px}
.preview_image{position: relative; float: left;  top: 15px; left: 20px; border: 1px solid #ccc; padding: 1px}

#nav{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f4f4f4; padding: 5px 15px; font-size: 12px}
#nav a{padding: 3px; color: #a22; }

#langmsg{position: absolute; top: 25px; right: 20px; font-size: 15px; color: #ccc; font-weight: bold; vertical-align: bottom}
#langmsg img{vertical-align: middle}