@font-face {
  font-family: 'Open Sans Light';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../font/OpenSans.woff) format('woff');
}
@font-face{
  font-family: 'Aparajita';
  font-style: normal;
  font-weight: 600;
  src: url('../font/aparaj.ttf') format('truetype');
}
html {
	height:100%;
}
body {
  margin: 0;
  /*font-family: Open Sans;*/
  font-size: 13px;
  line-height: 20px;
  /*color: #333333;*/
  color: #838383;
  /*background: url("../images/tiny_grid.png") repeat scroll #E9E9E9;*/
  background: -moz-linear-gradient(top,  rgba(126,126,126,0.6) 0%, rgba(32,32,32,0) 85%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,126,126,0.6)), color-stop(85%,rgba(32,32,32,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(126,126,126,0.6) 0%,rgba(32,32,32,0) 85%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(126,126,126,0.6) 0%,rgba(32,32,32,0) 85%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(126,126,126,0.6) 0%,rgba(32,32,32,0) 85%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: -linear-gradient(to bottom,  rgba(126,126,126,0.6) 0%,rgba(32,32,32,0) 85%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#997e7e7e', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
/*------------------------------------------------------------------
[ Stacked / .stacked ]
*/
.stacked {
  position: relative;
}
.stacked:after,
.stacked:before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  bottom: -2px;
  left: 3px;
  right: 3px;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #d3d3d3;
  border-top: 0;
}
.stacked:before {
  bottom: -4px;
  left: 6px;
  right: 6px;
}
/*------------------------------------------------------------------
[ End Stacked / .stacked ]
*/

/*------------------------------------------------------------------
[ Sign In ]
*/
.logo-pemda{
	/*background: url("../images/logo-pemda.png") no-repeat;*/
	/*width:94px;*/
	width:80px;
	height:100px;
	margin:0 auto;
	display:block;
}
.login-title{
	font-family: 'Aparajita';
	font-size:28px;
	color:#000000;
	text-align:center;
	font-weight:400;
}
.account-head{
	width: 490px; 
	display: block;
	margin: 30px auto 0 auto;	
	/*background: #f9f9f9;	*/
	/*border: 1px solid #d5d5d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}
.account-body{
	width: 360px;
	display: block;
	margin: 30px auto 0 auto;
	/*background: #f9f9f9;	*/
	background: #ffffff;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.account-head-body{
	height:55px;
	background-color:#00923f;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
    -moz-box-shadow:inset 1px 3px 9px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow:inset 1px 3px 9px rgba(50, 50, 50, 0.5);
    box-shadow:inset 1px 3px 9px rgba(50, 50, 50, 0.5);
}
.account-body-content{
	height:240px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
    -moz-box-shadow:inset 0px -2px 9px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow:inset 0px -2px 9px rgba(50, 50, 50, 0.5);
    box-shadow:inset 0px -2px 9px rgba(50, 50, 50, 0.5);
}
.login-info{
	text-align:center;
	display:block;
	color:#f29236;
}

/***** login lama style *****/
.account-container{
	width: 390px; 
	display: block;
	margin: 60px auto 0 auto;	
	background: #f9f9f9;	
	border: 1px solid #d5d5d5;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.login-action { 
	float: right; 
	margin-top: 18px;
}
.content {
	padding: 16px 28px 23px;
} 
.login-fields {
	margin-left:30px;
	padding-top:20px;
}
.login-fields .field {
	margin-bottom: 1.25em;
}
.login-fields label {
	display: none;
}
.login-fields input {
	font-family: 'Open Sans';
	font-size: 13px;
	color: #8e8d8d;
	padding: 11px 15px 10px 50px;
	background-color: #fdfdfd;
	/*width: 100%;*/
	width:90%;
	display: block;
	margin: 0;
	box-shadow: inset 2px 2px 4px #f1f1f1;
	height: 40px;
	border-radius:10px !important;
}
.username-field { background: url(../images/user.png) no-repeat; }
.password-field { background: url(../images/password.png) no-repeat; }
.login-actions {
	float: left;	
	/*width: 100%;	*/
	width:90%;
	margin-top: -1em;
	margin-bottom: 1.25em;
	border-radius:10px !important;
}
.login-social {
	float: left;	
	padding: 10px 0 15px;	
	border: 1px dotted #CCC;
	border-right: none;
	border-left: none;	
}
span.login-checkbox {
	float: left;
	margin-top: 31px;
}
span.login-checkbox > input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 15px;
}
span.login-checkbox > input[type='checkbox'] + label {    
    clear: none;    
	height: 15px; 
	display: block;
    padding: 0 0 0 22px;
    margin: 0;    
    font-size: 12px;
    line-height: 1.2em;    
    background: url(../../img/signin/check.png) no-repeat 0 0;    
    cursor: pointer;
}
span.login-checkbox > input[type='checkbox']:checked + label {	
	background-position: 0 -15px;
}
/** Text Under Box**/
.login-extra {
	display: block; 
	width: 300px; 
	margin: 1.5em auto;	 
	text-align: center;
	line-height: 19px;	
	text-shadow: 1px 1px 0px #fff; 	
}
.account-container h1 {
	margin-bottom: .4em;	
	color: #f90;
	font-size: 32px;
}
/** Buttons **/
.twitter, .fb {
	position: relative;	
	height: 32px; 
	width: 157px; 
	display: block;	
	background: url(../../img/signin/twitter_btn.png) no-repeat; 	
}
.fb {
	width: 162px; 	
	background: url(../../img/signin/fb_btn.png) no-repeat; 	
}
.twitter:active, .fb:active {
	top: 1px;
}
.twitter:hover, .fb:hover {
	background-position: 0 -32px;
}
.twitter a, .fb a {
	padding: 5px 0 0 35px; 
	text-shadow: -1px -1px 0px rgba(0,0,0,.3); 
	color:#fff; 
	font-weight: bold; 
	font-size: 11px; 
	height: 32px; 
	display: block;	
}
.fb a {
	padding: 5px 0 0 31px; 	
}
.twitter, .fb {
	display: inline-block;
}
.twitter a:hover, .fb a:hover {
	color: #FFF;
	text-decoration: none;
}
.register .login-social {
	margin-bottom: 1em;
}
.register .login-actions {
	margin-bottom: 0;
}
.register .login-fields input {
	width: 299px;
	padding-left: 6px;
}
.register h1 {
	color: #444;
}
.register span.login-checkbox {
	position: relative;
	top: -6px;	
	width: 200px;
}
.register span.login-checkbox > input[type="checkbox"] + label {	
	position: relative;	
	line-height: 1.3em;
}
@media (max-width: 480px) {	
	.account-container {
		width: 280px;	
		margin-top: 35px;
	}	
	.login-fields input {
		width: 160px;
	}	
	.login-social {
		width: 100%;
	}	
	.twitter {
		display: block;
		margin-bottom: 1em;
	}	
	.register .login-fields input {
		width: 204px;
		padding-left: 6px;
	}	
}

.ui-widget {
	font-family: "Open Sans" !important;
	font-size: 1.0em !important;
}
/*------------------------------------------------------------------
[ End Sign In ]
*/