/* CSS Document */

body { margin: auto; background: #f8f8f8; font: 12px Arial, Helvetica, sans-serif; padding: 0; color:#464d69; max-width : 650px;background-image:url('images/body-bg.gif') 0 0 repeat #000}
.arrows{background:url('images/arrows.jpg')}
#main-wrap{background-image:url('images/header-bg.png') top center no-repeat; background-size:100% 100px}

.clearfix:after{visibility: hidden;display:block;font-size: 0;content: " ";clear: both;height:0}
* html .clearfix{zoom:1} 
*:first-child+html .clearfix{zoom:1}

.leftblk{float:left; overflow:hidden}
.leftblk img{float: left; margin-top: 23px; padding-right: 15px;}



a { color: #0000ff; 
}
a:hover { color: #004d9f; }
#header{background-image: url('images/headerbg.png');background-repeat: repeat-x;background-position: bottom;margin: 0px;background-color:#ccc7cc;padding:0px;color: #fff;text-align: center;font-weight:bold;}

#header h1{margin:0px;padding:0px; display:block;margin:0px;padding:15px 5px 15px 5px;color:#fff;}
.topnav a:focus, .topnav a:hover, .topnav a:active{text-shadow : 0 1px 1px #708090;
font-size : 13px; cursor : pointer;}
.topnav{   margin : 3px 1 10px; border-radius : 5px; box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color : #000;
font : 11px/1 Arial, Tahoma, sans-serif;
padding : 5 11px;font-weight: 700;   background-color: #f4f0f0;   text-align:center;}

.topnav a{    -moz-border-radius: 0.3em;   -webkit-border-radius: 0.3em;   border-radius: 0.3em;
box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F0 inset, 0 1px 2px rgba(0, 0, 0, 0.1); margin : 3px 1 10px;
padding : 5 11px;
border : #B0C4DE solid 1px;
border-bottom-color : #B3B3B3;
border-radius : 5px;
box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F0 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color : #000;
font : 11px/1 Arial, Tahoma, sans-serif;
cursor : pointer;}

.clear { clear: both; }

/* Wrapper */
#wrapper {
margin: auto; padding: 1px; }


/* Content */
.conten a:focus, .conten a:hover, .conten a:active{text-shadow : 0 1px 1px #708090;
font-size : 13px;}
.content { margin : 3px 1 10px; border-radius : 5px; box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color : #000;
font : 11px/1 Arial, Tahoma, sans-serif;
padding : 5 11px; background: #fff; border:2px solid #ccc; padding: 6px; text-align:center; }

#content h2 { font-size: 120%; color: #191919; margin: 0; padding: 0 0 4px 0; }
#content p { font: 85%/140% Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.alt a:focus, .alt a:hover, .alt a:active{text-shadow : 0 1px 1px #708090;
font-size : 13px;}
.alt { background: #efefef; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px;margin : 3px 1 10px;
padding : 5 11px;
border : #B0C4DE solid 1px;
border-bottom-color : #B3B3B3;
border-radius : 10px; }
#files, #directories { padding:2px;border-bottom:1px solid #ccc;text-align:left;}
#files a:focus, a:hover, a:active{text-shadow : 0 1px 1px #708090;
font-size : 13px;
font-weight:bold;
}
#directories a {
color: red;
font-weight:bold; text-align:left;
}
#files span a, #directories span a {
color:#3399ff; text-align:left;
}
.red, .error { color: red;margin : 2px 1 10px;
padding : 5px;
border : #B0C4DE solid 1px;
border-bottom-color : #B3B3B3;
border-radius : 10px;
box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);}

.green, .success { color: green; margin : 2px 1 10px;
padding : 5px;
border : #B0C4DE solid 1px;
border-bottom-color : #B3B3B3;
border-radius : 10px;
box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1); }

.info { margin : 2px 1 10px;
padding : 5px;
border : #B0C4DE solid 1px;
border-bottom-color : #B3B3B3;
border-radius : 10px;
box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color : #fafb;}
#fail_code {background:red; color:#fff; background:red;
color:#fff;
padding:2px;
}
/* Form */

textarea {
border-radius : 5px;
background : #f8f8ff;
border : #8B795E dotted 2px;
outline : none; width: 98%;height: 200px;
}
input[type="text"], input[type="file"], input[type="password"], select{
color:#555; 
margin : 3px 1 10px;
padding : 5 11px;
border : #B0C4DE solid 1px;
border-bottom-color : #B3B3B3;
border-radius : 5px;
box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1); background: #f0ffff;}

input[type="checkbox"],input[type="submit"],input[type="reset"] {margin : 3px 1 10px;padding : 5 11px;
border : #B0C4DE solid 1px;
border-bottom-color : #B3B3B3;
border-radius : 10px; border-bottom: 1px solid #ccc; background: #B0C4DE repeat-x; padding: 7px; font: 100% Arial, Helvetica, sans-serif; text-decoration: none;
box-shadow : 1px -1px #F0F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color : #000;
font : 11px/1 Arial, Tahoma, sans-serif;
cursor : pointer;
}

/* Menu */
.menu a:focus, .menu a:hover, .menu a:active {
background : #f8f8f8;
text-shadow : 0 1px 1px #708090;
font-size : 13px;
}
.menu {margin : 3px 1 10px; border-radius : 5px; box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color : #000;
font : 11px/1 Arial, Tahoma, sans-serif;
padding : 5 11px;  background: #dbdedc; border: 3px solid #ccc; padding: 6px }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu li {list-style: none; padding: 0; margin: 0; }
.menu li a {margin : 3px 1 10px;
padding : 5 11px;
border : #B0C4DE solid 1px;
border-bottom-color : #B3B3B3;
border-radius : 10px;
display: block; border-bottom: 1px solid #ccc; background: #dbdcdc repeat-x; padding: 7px; font: 100% Arial, Helvetica, sans-serif; text-decoration: none;
box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color : #000;
font : 11px/1 Arial, Tahoma, sans-serif;
cursor : pointer; }

/* Pagination */
.pagination {
font-weight:bold;
margin:2px;
padding:2px;
}
.pagination span, .pagination a {
background: #ccc repeat-x;
margin: 1px;
padding:1px;background-color : #B0C4DD; 
background-position : 0 -10px;
}

/* Footer */
#footer { border-top: 2px solid #aaa; background: #ddd; padding:0px;margin;0px; color: #666;}
#footer p {font-weight: 700;   background-color: #f4f0f0;   text-align:center;
}
.left{text-align: left;}
button { 
height : 27px; 
overflow : visible; 
margin : 3px 1 10px; 
padding : 0 11px; 
outline : none; 
border : #B0C4DE solid 1px; 
border-bottom-color : #B3B3B3; 
border-radius : 4px; 
box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1); 
color : #000; 
text-shadow : 1px 1px #5F9EA0; 
font : 11px/1 Arial, Tahoma, sans-serif; 
cursor : pointer; 
} 
button::-moz-focus-inner { 
padding : 0; 
border : 0; 
} 
button:hover { 
background-color : #B0C4DD; 
background-position : 0 -10px; 
} 
button:active { 
background : #4682B4; 
box-shadow : 1px 1px 3px #DDD inset; 
} 
button:after { 
content : ''; 
}

/* Footer */
.footer { border-top: 2px solid #aaa; background: #ddd; padding:0px;margin;0px; color: #666; text-align:center;}
.footer p {font-weight: 700;   background-color: #f4f0f0;   text-align:center;
padding: 5px 3px 5px 3px;}
button::-moz-focus-inner { 
padding : 0; 
border : 0; 
}

 .button{border : #B0C4DE solid 1px; 
border-bottom-color : #B3B3B3; 
border-radius : 4px;box-shadow : 1px -1px #F1F1F1 inset, -1px 0 #F1F1F1 inset, 0 1px 2px rgba(0, 0, 0, 0.1); 
color : #000; 
text-shadow : 1px 1px #5F9EA0; 
font : 11px/1 Arial, Tahoma, sans-serif; 
cursor : pointer; 
}