
*
{
margin: 0px;
padding: 0px;
}

a{
    text-decoration: none;
    color: #19485C;
}

a:hover {	
    color: #4DA0C6;
}

table {
    margin: 0;
    border: 1px solid #A8A8A8;
    border-right: none;
    border-bottom: none;
    font-size: 14px;
    background: #fff;
}
td{
    padding: 5px;
    border: none;
    border-bottom: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
}
th{
    background: #e4e4e4;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
    color: #4c6172;
    font-weight: normal;
    font-size: 16px; 
}

textarea {
	width:762px;
}

body {
	background: #7195c2 url('../images/cloud_bg.jpg') repeat-x;
	font: 13px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000000;
}

#page
{
	margin: 5px auto;
	width: 841px;        
}

#logo{
	margin-left:60px;
}

#header{
    height: 78px;
    padding-top: 15px;
    width: 847px;
    background: url(../images/head.png) no-repeat;
}

.block_header{    
    text-align: left;
    padding-left: 25px;
    height: 30px;
}

#header .text{
    font-weight: bold;
    font-size: 14px;
    padding-top: 6px;
    margin-left: 5px;
    float: left;
}

#header .info{
    font-size: 16px;
    font-weight: normal;
    padding-top: 3px;
    float: left;
    width: 700px;
    height: 22px;
    text-align: center;
    color: #4c6172;
    text-shadow: 0 1px 1px #fff;
    overflow: hidden;
}
#header .line{
    width:1px;
    border-left: 1px solid #678DAD;
    background: #CAD4DC;
    height: 24px;
    float: left;
    margin-top: 2px; 
    margin-right: 5px;
     margin-left:5px
}

#editor { 
        margin: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.wmenu{
    
}

.wmenu ul{
    list-style:none;
    margin:0;
    margin-top:1px;
    padding:0;
    margin-left:20px;
    height: 36px;
}

.space{
    margin-left: 18px;
}

.wmenu li{
    float:left;
    background: url(../images/sep.png) left center no-repeat;
}

.wmenu li .title_software{
    float:left;
    background: url(../images/software.png) left center no-repeat;
    font-size:15px;
    font-weight:bold;
    color:#678dad;
    cursor: default;
    padding:8px;
    padding-left: 20px;
    padding-right: 5px;
    margin-left:4px;
    height: 20px;
    text-shadow:1px 1px 0 #E6EDF2;
}

.wmenu li .title_instance{
    float:left;
    background: url(../images/settings2.png) left center no-repeat;
    font-size:15px;
    font-weight:bold;
    color:#678dad;
    cursor: default;
    padding:8px;
    padding-left: 20px;
    padding-right: 5px;
    height: 20px;
    margin-left:2px;
    text-shadow:1px 1px 0 #E6EDF2;
}


.wmenu ul li a{
    display:block;    
    height: 20px;
    Color:#000;
    font-size:14px;
    text-decoration:none;
    padding:8px;
    padding-left: 6px;
}

.wmenu ul li a:focus, .wmenu ul li a:hover, .wmenu ul li a.active{
    color:#0271BF;
    background:url(../images/menu_hover.png) bottom repeat-x;
}

#main
{    
    background: url(../images/main_bg_all.png) repeat-y;
    padding-left: 24px;
    padding-right: 24px;     
    min-height: 400px;   
}

.main_content{
    position:relative;	
    width: 100%;
    height: 430px;
    margin-top:10px;
    border:1px solid #4c6172;
    overflow:auto;
}

.main_head{
    height: 15px;
    background: url(../images/main_top.png) no-repeat;
    width: 794px;
}

.content{
    background: url(../images/content.png) repeat-y;
    width: 764px;
    padding: 15px;
    padding-top:0;
    padding-bottom:0;
    min-height: 400px;
}

.content h2{
    color: #4c6172;
    font-weight: normal;
    font-size: 18px;    
}
.content h2 a{
    text-decoration:none;
    color: #4DA0C6;
}
.content h2 a:hover{
    color: #19485C;
}

.main_foot{
    height: 15px;
    background: url(../images/main_bottom.png) no-repeat;
    width: 794px;
}

#footer{
    height: 35px;
    width: 767px;
    background: url(../images/footer_bg.png) no-repeat;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    text-align: center;
    color: #4c6172;
    text-shadow: 0px 1px 1px #fff;
}

.button {
    padding: 5px 10px;
    display: inline;
    background: #eee;
    border: none;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    border:1px solid #000;
    margin-top:10px;
}
.button:hover {
	background-position: 0 center;
	background: #666666;
	color: #fff;
	box-shadow: 1px 1px 1px #888888;
}
.button:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 6px 10px 4px;
	box-shadow: 1px 1px 1px #888888;
}

.focusField{
    border:solid 1px #73A6FF;
    background:#EFF5FF;
    color:#000;
    padding:5px;
    outline:none;
}
.idleField{
    background:#fff;
    color: #6F6F6F;
    border: solid 1px #678dad;
    padding:5px;
    outline:none;
}

.flash{		
    margin-left:20px;
    color:#4A131F;
    font-style:italic;
    font-size:14px;
    position:relative;  
}

.flashes{
	margin-bottom:10px;
}

.message {
	color:#FF5500;
	line-height:21px;
}

.clear{
    clear: both;
    height:1px;
}

.home_content{

    padding: 15px;
}

#home_box{
    background: none;    
    border: 1px solid #678dad;
    padding: 0;
    height: 405px;
    color: #4c6172;    
    margin: 15px;
}

#home_box a{
    color: #475F73;
    cursor: pointer;
    text-decoration: none;
}

#home_box a:hover{
    text-decoration: underline;
}

#home_box h2{
    font-weight: normal;
    font-size: 23px;
    color: #4c6172;
}

#home_box p{
    font-size: 13px;
    color: #475F73;
    float: left;
}

#home_box img{
    border: none;
    float: left;
    margin-left: 10px;
}

.inner_box{
    background: none;
    margin: 0;
    border: 1px solid #CAD4DC;
    display: block;
    padding: 15px;
    height: 373px;
}

.inner_box p{
    font-size: 13px;
    float: left;
    width: 460px;
    cursor:default;
}


.lmenu{
    display: block;
    height: 80px;
    margin: 10px;
    margin-left: 60px;
    padding: 15px;
    border: #678dad;
    width: 540px;
    border: 1px solid #678dad;
}

.lmenu:hover, .smenu:hover, .sright_menu:hover{
    background: #96b9d7;
    
}

.smenu{
    display: block;
    height: 80px;
    margin-left: 60px;
    margin-right: 10px;
    padding: 15px;
    border: #678dad;
    width: 250px;
    border: 1px solid #678dad;
    float: left;
}

.sright_menu{
    display: block;    
    height: 80px;
    padding: 15px;
    border: #678dad;
    width: 247px;
    border: 1px solid #678dad;
    float: left;
}

.sright_menu p, .smenu p{
    font-size: 13px;
    float: left;
    width: 170px;
    cursor:default;
}

.file_tree {
    width: 752px;
    height: 300px;
    border: solid 1px #678dad;
    background: #fff;
    overflow: auto;
    padding: 5px;
}

.file_tree_tabs {
    width: 702px;
    height: 250px;
    border: solid 1px #678dad;
    background: #fff;
    overflow: auto;
    padding: 5px;
}

.file_tree_short{
    width: 352px;
    height: 170px;
    border: solid 1px #678dad;
    background: #fff;
    overflow: auto;
    padding: 5px;
    float:left;
}

.box_software{
    width: 362px;
    height: 100px;
    background: #fff;
    padding: 5px;
    float:right;
}
#details_box{
    display:none;
}

#contentInfo{
    width: 756px;
    border: solid 1px #678dad;
    background: #fff;
    overflow: auto;
    padding: 3px;
}

#contentInfo p{
    font-size: 14px;
    margin: 5px;
}

#contentInfo h2, .hight{
    background: #e4e4e4;
    width: 100%;
    height: 25px;
    padding-top:2px;
    text-indent: 5px;
    color: #737373;
    text-shadow: 0px 1px #FFF;
}

.show{
    background: #e4e4e4 url(../images/arrow_up.png) 97% 50% no-repeat;
}

.hide{
    background: #e4e4e4 url(../images/arrow_down.png) 97% 50% no-repeat;
}

h2.hight:hover{
    cursor: pointer;
}

.software_details{
    padding: 10px;
}

.log_content{    
    border: solid 1px #4c6172;
    padding: 2px;
}

.log {    
    border: none;
    background: #f6f7f8;   
    color: #000;
    width: 754px;
    padding: 2px;
    height: 600px;
}

.waitting{
    margin-left: 10px;
    display: none;    
}

.file_info{
    margin-top:10px;
    background: #e4e4e4;
    padding: 5px 10px 5px;
    box-shadow: 1px 1px 1px #888888;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #737373;
    font-weight: bold;
    text-shadow: 0px 1px #FFF;
    margin-bottom: 9px;
    font-size: 14px;
    cursor:default;
}

#check{
    margin-right:5px;
    margin-top:2px;
    display: none;
    float: left;
}

.public_key{
    border: 1px solid #678dad;
    overflow: auto;
    height: 95px;
    padding: 5px;
    width: 754px;
    background:#fff;
    margin-bottom: 10px;
    color: #3A494F;
    font-size:  12px;
}

.div{
    border-top: 1px solid #678dad;
    height: 1px;
    width: 734px;
    margin: 10px;
    margin-top: 20px;
}

select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background: #fff;
  border: 1px solid #678dad;
  color: #000;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;}

a.lshare{
    background: #fff url(../images/button_highlight.png) repeat-x;
    padding: 4px 7px 4px 7px;
    height: 18px;
    font-size: 15px;
    border: solid 1px #678dad;
    color: #000;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-shadow: 0px 1px #F0F1F2;
}

a.lshare:hover{
    background:#D9D9D9 url(../images/button_highlight.png) 50% repeat-x;
    color: #000;
    border:solid 1px #73A6FF;
}
a.lshare:focus{
    border:solid 1px #73A6FF;
}

a.lshare img{
    margin: 5px;
}

#error{        
    padding: 0px;
    position: absolute;    
    top: -2px;
    left:0;
    right: 0;    
}

#error > div{
    background: none repeat scroll 0 0 #afcee4;
    border: 1px solid #FFF;
    width:500px;
    margin: 0 auto;
    border-top:none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-align: center;
}

#error table{
    background: none;
    width: 100%;
    font-weight: normal;
}
#error table, #error th, #error tr, #error td{
    border: none;    
    padding:0;
}

#error td{
    margin:2px;
}

#error td.logo{
    width: 36px;
    height: 26px;
}
#error td.close{
    width: 30px;
    height:22px;
}

.alert_message{ background: url(../images/alert.png) center no-repeat; height: 26px;}
.error_message{ background: url(../images/exit.png) center no-repeat; height: 26px;}
.confirm_message{ background: url(../images/confirm.png) center no-repeat; height: 26px;}
.info_message{ background: url(../images/info.png) center no-repeat; height: 26px;}
#error p{ fon-size: 13px; color: #4A131F;}
#pClose{background:url(../images/close.png) no-repeat 0px 0px; display:block; width:22px; height:22px; cursor:pointer}
#pClose:hover{background:url(../images/close_hover.png) no-repeat 0px 0px;}
.md5sum {margin:10px; font-size:15px;}
.title{background: #e4e4e4; width: 100%; height: 25px; padding-top:2px; text-indent: 5px; color: #737373; text-shadow: 0px 1px #FFF;}