@charset "utf-8";
/* CSS Document */

/* Body and Container */
body{margin: 15px; padding: 0px; background-color: #BDF4F7; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #333;}
#container {margin: auto; padding: 10px; width: 900px; background-color: #fff;}

/* Background Border
#background_border{background: url(images/bg_image.jpg) no-repeat;}
 */

/* Header */
#header {margin: auto; width: 900px; height: 70px; background: url(images/smkg.png) no-repeat;  background-size: Auto 70px; 20px; background-color: #37352b; border: 1px solid #862209;}

/* Nav */
#nav{margin: auto; width:900px; height:45px; background-color: #F5F5F5; color:#000; border: 1px solid #000;}
#nav ul {}
#nav ul li{display: inline-block; height: 8px; padding: 8px 25px;}
#nav ul li a {text-decoration: none; color: #000; font-weight: bold;}
#nav ul li a:hover {text-decoration: none; color: #F60; font-weight: bold;}

#slideshow{margin: auto; width: 900px; height: 1200px; border: 1px solid #333; background: url(/../img/header.png) no-repeat; background-size: 900px 20px;}
/* Clear Float */
.clear-fix { clear: both; line-height: 1px;}


.right_header {
color: #fff;
float: right;
margin-top:50px;
padding-right:5px;
}

.left_header {
margin-top:10px;
margin-left:100px;
font-weight:bold;
color: #fff;
float: left;
}

table {
 border-collapse:collapse;
 border:solid black 2px;
 font:0.9em Helvetica;
 }

table.center {
 margin-left:auto; 
 margin-right:auto;
 width:100%;
 }

td, th {
 text-align:left;
 padding: 5px;
 border-left:solid black 1px;
 border-top:solid black 1px;
 vertical-align: top;
}

td.left {
 text-align:left;
}

td.right {
 text-align:right;
}
th {
 font-size:1em;
 font-weight:normal;
 color:white;
 background-color:#66CCFF;
 }

td:first-child {
 border-left: none;
 }

tr:nth-child(even)
{  background:#eff4ff;
 }

tr:hover td { background-color: #FFFFE0;}

input:not([type=submit]):not([type=button]):not([type=radio]) {
 text-align:center;
 font-size:1em;
 width:95%;
 padding-left:3px;  padding-right:3px;
 }

input[type=radio] {
  padding: 0px 1px;
 -ms-transform: scale(1.2); /* IE */
 -moz-transform: scale(1); /* FF */
 -webkit-transform: scale(1); /* Safari and Chrome */
 -o-transform: scale(1); /* Opera */
}

#txtArea {
 width:99%;
 border:2px solid #999999;
 padding:3px;
 font-family: Arial, Sans-Serif;
 font-weight: normal;
 font-size:1em;
 position:relative;  /* 1px border, too */
}

.btn {
 height: 20px;
 width: 80px;
 font-size: 0.9em;
 border-radius:2px;
 background: -moz-linear-gradient(#ffffff, #dfdfdf); 
 background: -ms-linear-gradient(#ffffff, #dfdfdf); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf)); 
 background: -webkit-linear-gradient(#ffffff, #dfdfdf); 
 background: -o-linear-gradient(#ffffff, #dfdfdf); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf'); 
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf')"; 
 background: linear-gradient(#ffffff, #dfdfdf); 
 }

.btn:hover {
    border: none;
    background:red;
    box-shadow: 0px 0px 1px #777;
}

#preview {
  background-color:#fff;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:50px;
  height:60px;
}
#upload_form > div {
    margin-bottom:10px;
}
#speed,#remaining {
    float:left;
    width:100px;
}
#b_transfered {
    float:right;
    text-align:right;
}
.clear_both {
    clear:both;
}


#image_file {
    width:400px;
}
#progress_info {
    font-size:10pt;
}
#fileinfo,#error,#error2,#abort,#warnsize {
    color:#aaa;
    display:none;
    font-size:10pt;
    font-style:italic;
    margin-top:10px;
}
#progress {
    display:none;
}
#progress_percent {
    float:right;
}
#upload_response {
    margin-top: 5px;
    padding: 5px;
    overflow: hidden;
    display: none;
    border: 1px solid #ccc;
    background: #F5FFFA;
}