/* CSS Document */

.bg-darkblue{background-color:#36393e; color:#fff;}
.form-in-panel-body{padding-top:30px;}

#login-form{position:absolute; right:20%;max-width:360px; color:#333333;}
.input-group{margin-bottom: 20px;}

#topmenubar{background-color:#36393e; color:#eee; z-index:1;}
#topmenubar .navbar-brand {color:inherit;}
#topmenubar .navbar-nav > li > a {
  color:inherit;
}
#topmenubar .navbar-nav > li > a:hover,
#topmenubar .navbar-nav > li > a:focus {
  color: #333;
  background-color: #f5f5f5;
}

#content{margin-top:50px; height:100%;}
#main-right-area{ margin-left:10%; margin-left:150px;}

#mnu{
	width:150px; 
	margin-top:50px; 
	min-width: 150px;
	height:100%;
	background-color:#eee;
	padding-top:20px;
	padding-right:10px;
}
#mnu >li{margin-top:4px; }
#mnu li{list-style:none; margin-left:-30px;}
#mnu li a{display:block;}
#mnu > li {
	border:solid 1px #ccc;
	border-radius: 4px;
	background-color:#f5f5f5;
}
#mnu li {
padding:0px;
}
#mnu a{padding-top:8px; padding-bottom:8px; padding-left:10px; text-decoration:none;}

#mnu >li >a{padding-top:8px; padding-bottom:8px;
}
#mnu>li>ul{background-color:#fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.help-mark {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color:#006699;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #fff;
  border-radius: 10px;
  border:#006699 1px solid;
}
.checkbox-text{padding-left:10px;}
.space-20{margin-left:20px;}

.screen{
width:300px;
height:550px;
border:solid 1px #999999;
border-radius: 25px;
float:left;
max-width: 100%;
}
.screen-top{
width:60px; height:10px;
margin-left:auto; margin-right:auto;
border: solid 1px #999999;
border-radius: 5px;
margin-top:25px;
}
.screen-inner{
border: solid 1px #999999;
margin-left:10px; margin-right:10px;
margin-top:25px;
height:430px;
}
.screen-button{
width:40px; height:40px;
border: solid 1px #999999;
border-radius: 20px;
margin-left:auto; margin-right:auto;
margin-top:10px;
}
.formarea{
margin-left:320px; 
}
.screen-title{
background-color:rgba(66,66,66,2); color:#fff;
padding-top:4px; padding-bottom:4px; padding-left:5px; padding-right:5px;
}
.screen-title a{color:#FFFFFF;}
.screen-title a:hover{color:#FFFFFF;}
.screen-content{
height:359px;
overflow:auto;
}
.screen-footer{
background-color:#eeeeee;
border-top: solid 1px #999999;
}
/*.screen-footer li{
float:left;
list-style:none;
background-color:#eeeeee;
}
.screen-footer a{
display:block;
height:40px;
line-height:40px;
margin:0px;
text-align:center;

}*/
.app{
margin:0px;
margin-top:5%;
}
.app-icon{
border:solid 1px #999;
border-radius: 5px;
padding:0px;
width:100%;
padding-bottom: 100%;
}
.app-title{
font-size:0.8em;
width:100%;
text-align:center;
}

/*ÊÖ»ú½çÃæ top menu*/
#topmenubar-m{background-color:seagreen; color:#fff; z-index:9000; height:36px; min-height:36px;}
.top-title{font-size:1.2em; min-height:36px; line-height:36px; text-align:center;}
#topmenubar-m  a {
  color:#fff;
  line-height:36px;
  height:100%;
  display:block;
  padding-left:15px; padding-right:15px;
}
#topmenubar-m a:hover,
#topmenubar-m a:focus {
  color: #333;
  background-color: #f5f5f5;
}

.starter-template {
	margin-top: 20px;
}
.preeval {
	cursor: pointer;
	border:1px solid black;
	background-color:#fff;
}
.lbl_default {
  font-family:'Arial Normal', 'Arial';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#333333;
  text-align:center;
  line-height:normal;
}
.acc_name {
  position:absolute;
  left:26px;
  top:51px;
  width:194px;
  height:33px;
  font-size:20px;
  text-align:center;
  word-wrap:break-word;
  /*border:1px solid green;*/
}
.acc_type {
  font-size:14px;
  position:absolute;
  left:26px;
  top:128px;
  width:194px;
  height:16px;
  text-align:center;
  word-wrap:break-word;
  /*border:1px solid red;*/
}