@charset "utf-8";
/* CSS Document */
html,body {height:100%;margin:0;}
body {font-family:'Open Sans', sans-serif;}
#wrapper {/*width: 100%;height: auto !important;height:130%;min-height:100%;*/}
#header {font-size:36px;font-weight:300;/*border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666;*/padding: 5px;margin-bottom: 25px;color:#fff;background-color:#333;height:60px;}
#logo,#logo img{height:60px;width:auto;border:0;margin-left:10px;}
#footer {font-size: 12px;color: #333;height: 25px;text-indent:10px;padding: 5px 0 5px 0;/*margin-top: 25px;*/background-color:#e5e5e5;position:fixed;bottom:0px;width:100%;border-top:solid 1px #ddd;}
#left-menu {width: 10%;float: left;padding: 5px;margin-top: 5px;margin-right: 5px;margin-bottom: 5px;margin-left: 0px;height: auto !important;height:100%;min-height:85%;}
#left-menu ul {margin: 0px;padding: 0px;list-style-type: none;font-size: 13px;}
#left-menu ul li {display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;}
#left-menu ul li a{text-decoration:none;color:#333;padding: 5px;display: block;}
#left-menu ul li a:hover{background-color: #ccc;color: #333;cursor: pointer;}
#content {padding: 5px;width: 85%;margin:5px 5px 40px 5px;float: left;border-left-width: 1px;border-left-style: solid;border-left-color: #CCC;min-height:85%;text-align:left;}
#content h2{font-weight:600;font-size:24px;}
.clear-fix {clear: both;}
.input {font-size: 14px;color: #333;height: 30px;width: 98%;margin-bottom: 10px;border: 1px solid #CCC;padding-left:5px;}
.upload_input {font-size: 14px;color: #333;height: 30px;width: 85%;margin-bottom: 10px;border: 1px solid #CCC;padding-left:5px;}
.btn {background-color: #9C3;padding: 5px;color: #FFF;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;cursor: pointer;margin-top: 10px;width:100%;text-decoration:none;}
input[type="text"],input[type="password"],input[type="email"],input[type="datetime"],select{min-width:200px;margin:5px;padding:5px;border:solid 1px #ccc;font-size:18px;color:#666;}
textarea{min-width:500px;height:100px;margin:5px;padding:5px;border:solid 1px #ccc;font-size:18px;color:#666;}
.green-btn{height: 30px;width: 200px;margin-top:25px;border: none;color: #FFF;background-color: #090;cursor: pointer;padding: 5px ;text-decoration: none;font-size:18px;}
.green-link{height: 30px;width: 200px;border: none;color: #FFF;background-color: #090;cursor: pointer;padding: 5px 50px;text-decoration: none;font-size:16px;font-weight:600;}
.number{background-color: #279BD1;border-radius: 50%;-webkit-border-radius: 50%;height: 40px;width: 40px;color: #FFF;font-size: 30px;padding: 8px;text-align: center;float: left;margin: -10px 10px;}
.upload_btn {
	background-color: #9C3;
	padding: 5px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	margin-top: 10px;
	text-decoration:none;
	text-align:center;
}
.upload_btn a { 
color:#fff;
text-decoration:none;
display:block;

}
.ystatus {display:initial;}
.nstatus {display:none;}
.yipstatus {display:initial;}
.nipstatus {display:none;}
#content h2 {
	margin-top:-10px;
}
#login {
height:auto;
width: 300px;
margin-top: 15%;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
border: solid 1px #CCC;
padding: 5px;
}
.error {
	width: 300px;
	
	border: solid 2px #fff;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: absolute;
	z-index: 10;
	left: 40%;
	top: 20%;
	background-color: #f00;
	box-shadow:0 10px 10px #999;
	-webkit-box-shadow:0 10px 10px #999;

}
.success{
	width: 300px;
	border: solid 2px  #fff;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: absolute;
	z-index: 10;
	left: 40%;
	top: 20%;
	background-color: #090;
	box-shadow:0 10px 10px #999;
	-webkit-box-shadow:0 10px 10px  #999;

}
#login .greenbar {color: #FFF;background-color: #333;height: 25px;width: 98%;padding: 1%;text-align: center;margin-bottom:10px;}
#user_info {font-size: 14px;float:right;margin:-60px 25px auto 10px;height:60px;line-height:60px;}
#user_info div{width:auto;height:60px;float:left;margin-left:10px;}
.ssimg img{width: 500px;height:auto;}
#content_area {height:625px;overflow-y:auto;}
#post_list_table tr td {
		padding: 5px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #CCC;
		border-bottom-color: #CCC;
	}
	#post_list_table tr {
		height:35px;
		text-align:center;
	}
	#post_list_table .list_item:hover {
		background-color:#e5e5e5;
		cursor:pointer;
	}
	#post_list_table tr th {
		text-align: center;
		border-top:solid 1px #ccc;
		
	}

	#post_list_table {
		font-size: 13px;
		color: #333;
		border-collapse:collapse;
		margin-top:10px;
		width:100%;
	}
.new{background-color:red;color:#fff;width:50px;height:14px;font-size:7pt;padding:2px;margin-left:75px;}
.center{width: 50px;height: 25px;}
.comment{text-align:left!important;word-break: break-word;}
#gallery{width:85%;margin:auto;}
.galimg{float:left;margin:0 5px 10px 5px;height:163px;}
.galimg a{text-decoration:none;}
.grayscale:hover{/* for Webkit browsere, Chrome 19+, Safari 6+ ... */
  -webkit-filter: grayscale(1);

  /* this is for Firefox 3.5+, Firefox mobile */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");

  /* for IE6+ */
  filter: gray;
}
.albumtitle{background-color: rgba(0, 0, 0, 0.65);color: #FFFFFF;font-size: 12px; height:50px;top:-162px;line-height:1.5;padding:0!important;margin:0!important; position: relative;text-align: center;width: 163px;min-width:163px!important;}
#newalbum,#addnewphoto{width: 159px;height: 159px; color:#999;display:block;background-color: #fff;border: dashed 2px #ccc;text-align:center;cursor:pointer;}
#newalbum:before{content:"+";font-size:500%;margin:auto;text-align:center;display:block;}
#newalbum a,#newphoto a{  color: #999;display: block; height: 100%;top: -92px; position: relative;line-height: 15;}
#createalbum,.rename-album{display:none;} 
#addnewphoto a.iframe-btn {font-size:500%;margin:auto;text-align:center;display:block;color:#999;}
#addnewphoto #order{min-width:10px;width:50px;}
.breadcrumb{  width: 100%;background: #dadada; padding: 5px;margin-bottom: 10px;}
.breadcrumb a{color:#666;}
#gallery .galimg .options{width:163px;height:30px;text-align:center;color:#fff;position:relative;top:-30px;z-index:1;background-color:rgba(0,0,0,0.5);}
#gallery .galimg .options div,#gallery .galimg .albumoptions div{display:inline-block;width:31.5%;margin:auto;font-size:70%;}
#gallery .galimg .options div a,#gallery .galimg .albumoptions div a{color:#fff;}
#gallery .galimg .options div input,#gallery .galimg .albumoptions div input{width:50%;min-width:10px;height:11px;background:none;color:#fff;border:none;font-size:100%;}
#gallery .galimg .albumoptions{width:163px;height:30px;text-align:center;color:#fff;position:relative;top:-82px;z-index:1;background-color:rgba(0,0,0,0.5);}