/* Start Default */
* {
 padding: 0;
 margin: 0;
 border: 0;
 text-overflow: ellipsis;
 font-family: verdana;
}

input {
 padding-left: 10px;
 padding-right: 10px;
 border: 1px solid black;
 color: #000;
 font-size: 12px;
 font-family: Helvetica, Arial, Verdana, sans-serif;
}

a {
 text-decoration: none;
 color: black;
}

input[type=text] {
 padding-left: 5px;
 padding-right: 5px;
 border: 1px solid black;
 color: #000;
 font-size: 12px;
 font-family: Helvetica, Arial, Verdana, sans-serif;
}

input[type=button] {
 padding-left: 5px;
 padding-right: 5px;
 border: 1px solid black;
 color: #000;
 font-size: 12px;
 font-family: Helvetica, Arial, Verdana, sans-serif;
}

input[type=password] {
 padding-left: 5px;
 padding-right: 5px;
 border: 1px solid black;
 color: #000;
 font-size: 12px;
 font-family: Helvetica, Arial, Verdana, sans-serif;
}

input[type=checkbox] {
 padding-left: none;
 padding-right: none;
 color: #000;
 border: none;
}

input[type=textarea] {
 color: #000;
}

body {
 margin: 0px;
 padding: 20px;
// background-color: #CCCCCC;
 background-color: black;
 border-top: none;
 text-align: center;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 14px;
 margin: 0 auto;
}

h1 {
 color: black;
 font-size: 16px;
 font-weight: bold;
}

/* End Default */
#bar_top {
 margin: 0 auto;
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-top: 1px solid black;
 background-color: #99CCFF;
 width: 900px;
}

.menu_top1 {
 width: 600px;
 margin: 0 auto;
 height: 30px;
 background-color: #FFCC00;
}

.menu_top2 {
 margin: 0 auto;
 width: 500px;
 height: 30px;
 background-color: #FFCC00;
}

#home {
 border: 1px solid black;
 border-bottom: none;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#download {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#packages {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#files {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#contacts {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#register {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#doc {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#qa {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#login {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#logout {
 border-right: 1px solid black;
 border-top: none;
 width: 100px;
 height: 30px;
 display: table-cell;
 vertical-align:middle;
}

#container {
 margin: 0 auto;
 position: relative;
 text-align: left;
 height: 874px;
 width: 900px;
 background-color: #999999;
// background-color: black;
 border: 1px solid black;
}

#el_1:hover,#el_2:hover,#el_3:hover,#el_4:hover,#el_5:hover,#files:hover,#home:hover,#login:hover,#logout:hover,#contacts:hover,#qa:hover,#doc:hover,#register:hover,#button:hover,#packages:hover,#download:hover,#manage:hover,#next:hover,#prev:hover { 
 background-color: orange; 
}

#field3:hover {
 background-color: #00CCCC;
}

#cell {
 display: block;
 height: 30px;
 display: inline;
}

#download_page {
 font-weight: bold;
}

.selected {
 background-image: none !important;
 background-color: white !important;
}

.scroll {
 overflow: scroll;
}

#searched_packages {
 height: 500px;
}

#block {
 width: 500px;
 display: block;
 background-color: orange;
}

#block2 {
 width: 500px;
 display: block;
}

#name {
 font-weight: bold;
 text-align:center;
 float: left;
 border: 1px solid black;
 height: 18px;
 width: 24%;
}

#name_file {
 width: 30%;
 font-weight: bold;
 text-align:center;
 float: left;
 border: 1px solid black;
 height: 18px;
}

#name2_file {
 width: 30%;
 text-align:left;
 float: left;
 height: 18px;
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
}

#file {
 font-weight: bold;
 text-align:center;
 float: left;
 border: 1px solid black;
 border-right: none;
 height: 18px;
 width: 48%;
}

#version {
 font-weight: bold;
 float: left;
 border: 1px solid black;
 border-left: none;
 text-align: center;
 height: 18px;
 width: 13%;
}

#version_file {
 font-weight: bold;
 border: 1px solid black;
 overflow: hidden;
 border-left: none;
 text-align: center;
 height: 18px;
}

#version2_file {
 border-bottom:1px solid black;
 border-right:1px solid black;
 overflow: hidden;
 border-left: none;
 text-align: left;
 height: 18px;
}

#description {
 font-weight: bold;
 border: 1px solid black;
 overflow: hidden;
 border-left: none;
 text-align: center;
 height: 18px;
}


#name2 {
 width: 24%;
 border: 1px solid black;
 border-top: none;
 text-align: left;
 height: 18px;
 float: left;
}

#file2 {
 width: 48%;
 border: 1px solid black;
 border-top: none;
 border-right: none;
 text-align: left;
 height: 18px;
 float: left;
}

#version2 {
 width: 20%;
 border: 1px solid black;
 border-top: none;
 border-left: none;
 text-align: left;
 height: 18px;
 float: left;
}

#description2 {
 border: 1px solid black;
 border-top: none;
 border-left: none;
 text-align: left;
 height: 18px;
 overflow: hidden;
 text-overflow: ellipsis;
}

p {
 margin-left: 5px;
}

#field1 {
 background-color: orange; 
 width: 100%;
 border: 1px solid black;
 font-weight: bold;
}

#field_left {
 font-weight: normal;
 text-align: left;
 width: 100%;
 border-left: 1px solid black;
 border-right: 1px solid black;
 background-color: #FFCC00;
}

#field2 {
 width: 100%;
 font-weight: normal;
 border-left: 1px solid black;
 border-right: 1px solid black;
 background-color: #FFCC00;
}

#field3 {
 font-weight: normal;
 display: block;
 width: 100%;
 border-left: 1px solid black;
 border-right: 1px solid black;
 background-color: #99CCFF;
}

#login_element_first {
 font-weight: bold;
 border: 1px solid black;
 color: black;
 border-bottom: 1px solid black;
 background-color: orange;
}

#login_element_second {
 border: 1px solid black;
 padding-bottom: 2px;
 padding-top: 2px;
 color: black;
 border-bottom: none;
 border-top: 0px;
 background-color: #FFCC00;
}

#login_container {
 text-align: center;
 margin: 0 auto;
 overflow: hidden;
 width: 200px;
 height: 300px;
 border: 0px solid black;
 margin: 0 auto;
 padding: 30px;
}


#login_title {
 padding-top: 2px;
 border: 1px solid black;
 height: 20px;
 color: black;
 font-size: 14px;
 font-weight: bold;
 background-color: rgb(204, 204, 255);
 border-bottom: none;
}


#login_error {
 background-color: rgb(204, 204, 255);
 color: red;
 border: 1px solid black;
 border-bottom: none;
}

#login_button {
 border: 1px solid black;
 padding-bottom: 5px;
 padding-top: 5px;
 color: black;
 font-size: 18px;
 font-weight: bold;
 background-color: rgb(204, 204, 204);
}

#first_part {
 position: relative;
 left: 200px;
 padding-left: 10px;
 display: table-cell;
 vertical-align:middle;
 width: 200px;
 height: 200px;
 background-color: rgb(204, 204, 204);
}

#second_part {
 position: relative;
 left: 370px;
 top: 300px;
 padding-right: 10px;
 padding-left: 10px;
 display: table-cell;
 vertical-align:middle;
 width: 200px;
 height: 200px;
 background-color: rgb(204, 204, 204);
}

#third_part {
 position: relative;
 left: 600px;
 padding-right: 10px;
 padding-left: 10px;
 display: table-cell;
 vertical-align:middle;
 width: 200px;
 height: 200px;
 background-color: rgb(204, 204, 204);
}


#first_block {
 float: left;
}

#block_np {
 width: 498px;
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 display: block;
 height: 16px;
 background-color: #99CCFF;
}

#next {
 display: inline;
 float: right;
 width: 40px;
 height: 16px;
 background-color: #66CC66;
 text-align: center;
 border-left:1px solid black;
 border-bottom:1px solid black;
}

#next2 {
 opacity: .5;
 background-color: #66CC66;
 display: inline;
 float: right;
 width: 40px;
 background-color: #66CC66;
 text-align: center;
 border-left:1px solid black;
 border-bottom:1px solid black;
}


#prev {
 background-color: #66CC66;
 text-align: center;
 float: left; 
 display: inline;
 width: 40px;
 height: 16px;
 border-right:1px solid black;
}

#prev2 {
 opacity: .5;
 background-color: #66CC66;
 display: inline;
 text-align: center;
 float: left; 
 display: inline;
 width: 40px;
 border-right:1px solid black;
}

#detail {
 margin-left: 10px;
 font-weight: bold;
 float: left;
 border-left: none;
 text-align: center;
 height: 18px;
 background-color: orange;
 height: 520px;
 width: 320px;
 overflow: scroll;
}




#row {
 background-color: #FFCC00;
 color: black;
}


#row:hover{
 background-image: none !important;
 background-color: orange;
}

#intro {
 text-align: justify;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 20px;
 margin: 0 auto;
 border:10px solid black;
 height: 600px;
 width: 540px;
 line-height: 22px;
}

#doc_menu_left {
 background-color: #FFCC00;
 border-top: 1px solid black;
 height: 71px;
 margin-top:100px;
 diplay: inline;
 width: 280px;
}

.el_menu {
 padding-left: 20px;
 display: block;
 color: black;
 border-bottom: 1px solid black;
 border-right: 1px solid black;
}

#search {
 padding-left: 10px;
}

#doc_data {
 line-height: 22px;
 padding-left: 10px;
 padding-right: 10px;
 position: absolute;
 top:100px;
 left: 350px;
 height: 500px;
 width: 400px;
}

#link_download {
 padding-left: 10px;
}

#registration {
 color: white;
 padding-top: 300px;
}