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

/*.background{
	background:url(../img/background.png) top left no-repeat;
	
	width:100%;
}*/
.header {
/*position: fixed;
top: 0px;*/
background:#62b100;
}
.header .logo img {max-width:100%;}
.header .top-links {
margin-top:0.5em;
font-size: 0.85em;
}
.header .top-links a{
	color:#fff;
}
.header .top-links a + a {padding-right: 0.5em; padding-left: 0.5em; border-left: 1px solid #3E4095;}
.header .top-links a.active  {color: #3E4095;}
.navbar {margin-top: 10PX;}
.user-title {color: #474998;}
.main_title h1{
	padding:30px;
	font-size:48px;
	font-family: 'poor richard';
	color:#0e6ac2;
	text-align:center;
}

.registration{
	background:#37516a;
	max-width:100%;
	max-height:100%;
}
.registration label{
color: #fff;
}
.hadding{
	height:10%;
	width:100%;
	background:#1b3242;
	font-family: 'Glyphicons Halflings';
}
.hadding h1{
	text-align:center;
	padding:15px;
	color:#fff;
	max-width:100%;
	font-size:200%;
}

.form-regi{
	padding:5%;
}

.form-control {
/*margin-bottom:25px;*/
display: block;
width: 100%;
/* height: 34px; */
padding: 4px 12px;
font-size: 14px;
  font-weight:normal;
  line-height: 1.42857143;
color: #555;
background-color: none;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.registration .form-control {
margin-bottom:25px;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777;
}
.form-control::-webkit-input-placeholder {
  color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.lost-password{
	margin-top:20px;
	max-width:100%;
	width:100%;
	height:auto;
	padding:10px;
	display:inline-block;
	color:#fff;
	/*padding: 10px 50px 10px 10px;*/
	background: linear-gradient(0deg, #0098CA 22%, #00689B 84%); 
background: -moz-linear-gradient(0deg, #0098CA 22%, #00689B 84%); 
background: -webkit-linear-gradient(0deg, #0098CA 22%, #00689B 84%); 
background: -o-linear-gradient(0deg, #0098CA 22%, #00689B 84%); 
}

#lost-password{
text-align:right; 
color:#fff; 
float:right; 
margin-top:7px;
}

.form-regi>.row{
		 margin-right: 0px; 
 margin-left: 0px;
 
  }
 

@media (min-width: 768px) {
	
}
@media (min-width: 321px) {

.container {
	padding-right: 0px;
padding-left: 0px;
	}
	.col-md-5{
	padding-right: 0px;
padding-left: 0px;
	}
	.main_title h1 {
    padding: 15px;
    font-size: 38px;
    font-family: "poor richard";
    color: #0E6AC2;
    text-align: center;}
	
}
.topspace
{
	margin-top:10px;
	padding-top:10px;
	
}
.opacity
{
	opacity:0.3;
	background:#FBFBFB;
}
.personal{
	background:#37516a;
	max-width:80%;
	max-height:80%;
	margin-left:40%;
}
	#mask {
		width:500%;
		height:100%;
		background-color:#eee;
	}

	.item {
		width:20%;
		height:100%;
		float:left;
		background-color:#ddd;
	}
	
	
	.content {
		width:400px;
		height:300px;
		top:20%;
		margin:0 auto;
		background-color:#aaa;
		position:relative;
	}
	
	.selected {
		background:#fff;
		font-weight:700;
	}

	.clear {
		clear:both;
	}
 .container-white-bg{
	 background:#fff;
 }
 #login {color: #fff;}

 .reg-form{
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
 }
.reg-form:before,
.reg-form:after{
  display: table;
  content: " ";
}
.reg-form:before,
.reg-form:after{
   clear: both;
}
 @media (min-width: 568px) {
  .reg-form  {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .reg-form {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .reg-form  {
    width: 1170px;
  }
}
.field-name, .field-value{
display: inline-block;
padding: 5px;
}
.field-name{
font-weight: bold;
width: 140px;
margin-right: 10px;
}
.section-line{
margin-bottom: 5px;
border-bottom: solid 1px #CECEBF;
}
.profile, .right-content {
background: rgba(223,223,208, 0.7);
min-height: 480px;
padding: 10px 15px;
border: 1px outset  rgba(223,223,208);

}
.right-content .panel-body{
font-size: 0.95em;
}
blockquote {
 border:none; 
}

.albumbox{
	position: absolute;
	border: 1px dotted #9797A6;
	padding: 10px 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	background-color: #FBFAFA;
	box-sizing: border-box;
}
.albumbox .thumbnail {
background: none;
border: none;
border-radius: none;
box-shadow: none;
margin-bottom: 10px;
}
.albumbox .thumbnail img {
max-height: 250px;
}
.nav > li > a {
padding: 5px 15px;
}
.photo-name, .photo-album{
color: #007FFF;
}
a.photo-name:hover{
text-decoration: none;
}
.photo-album{
text-decoration: underline;
}
.dash-photo, .thumbnail-misc{
max-height: 480px;
overflow-x: hidden;
margin-top: 15px;
}
.dash-photo img{
max-height: 400px;
}
.thumbnail-misc{
overflow-y: auto;
padding: 0 20px;
}
.small-user {
	height: 50px;
	vertical-align: top;
	margin: 0px 5px;
}
.smallest-user {
	height: 29px;
	vertical-align: top;
	margin: 0px 3px;
}
.bottm-border{
border-bottom: 1px solid #cccccc;
}
.person-data{
margin: 0 0 15px 0;
padding: 5px;
}
.date-time{
color: #00AFEF;
}
.by-user-name{
color: #4E509B;
}
.remark .nav-pills > li + li {
margin-left: 10px;
}
.talentAdvice{
margin-bottom: 15px;
}
.talentAdvice hr {
margin: 0.5em;
}
.section-line {
border-bottom: 1px dotted gray;
}
.writing-album-title{
display: inline-block;
font-weight: bold;
}
.writing-album-title, .writing-album-title + a{
	margin-right: 10px;
}
.album-box{
display: inline-block;
width: 205px;
height: 154px;
background: #A8A8AD;
}
.content-preview{
display: inline-block;
width: 205px;
height: 154px;
/*background: #A8A8AD;*/
border: 1px dashed #ccc;
overflow: hidden;
}
.content-preview + .caption{
display: inline-block;
width: 205px;
}
.content-preview  .add-content{
display: block;
width: 100%;
height: 100%;
}
.content-preview  .no-content, .content-preview  .add-content{
margin-top: 26%;
padding: 0px;
text-align: center;
font-size: 2em;
}
.content-preview p{
text-align: justify;
padding: 5px;
}
.writing-title {

}
.writing-details{
background: #FBF9F9;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
}
 .album-misc {
	font-size: 0.5em;
	padding-top: 0.2em;
	margin-left: 1em;
 }
 .audience {
	width: 100px;
	height: 100px;
 }
 .audience-detail{
	text-align: left;
 }
 .panel-body {
padding: 10px;
}
.preview-to-user{
cursor: pointer;
}
.preview-to-user:hover {
border-color: #00AFEF;
background-color: #CFE8F5;
}
.preview-to-user.current{
text-shadow: 0 -1px 0 #3071a9;
background-image: linear-gradient(to bottom,#428bca 0,#3278b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
background-repeat: repeat-x;
border-color: #3278b3;
z-index: 2;
color: #fff;
}
.preview-to-user.current .date-time{
color:	#E2E2D8
}
.notified-msg.well {
margin-top: 5px;
background-image: none !important; 
background-color: rgba(0,0,0,0);
border: none;
box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
padding: 15px;
margin-bottom: 15px;
}
.notified-msg .modal-header{
background: #FFFFFF;
color: #0F0F1E;
}
.notified-msg .close span{
color: #FF0000;
}
a.ref-link{color: blue;cursor: pointer;}
a.ref-link:hover{text-decoration: underline;}