body {

	/*-------- background - FULL--------*/
	/*--
	background: url(../images/bg/full_01.jpg) no-repeat top center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	overflow:hidden;
	--*/
	
	/*-------- background - color only--------*/
	/*-
	background-color:#680202;
	--*/
	
	/*-------- background - Pattern--------*/
	/*-------pilih background pattern dari bg_01-xx----------*/
	
	font-family: Helvetica, Tahoma, sans-serif;
	font-size:12px;
	color:#484848;
}

#main_cont{
	min-height:590px !important;
	height:100%;

}
.center-vertical {margin-top:auto;}

#login {
	background-color:#2b0009;
	margin:0;
	padding:0;
}

/*#logo {
	background:url(../images/uwp-official.png) no-repeat top center;
	width: 200px;
	height: 200px;
	float: right;
	margin-right: 25px;
	margin-top: 30px;
	margin-bottom: 50px
}*/

/*
#label {
	background:url(../images/login_label.png) no-repeat top center;
	height:25px;
}
*/

input.usrname{
    background:url(../img/login/usrname_bg2.png) no-repeat 5px center #FFF;
}
input.pass{
    background:url(../img/login/pass_bg2.png) no-repeat 5px center #FFF;
}

input.usrname, input.pass{
    box-shadow: inset 3px 5px 3px #dddddd;
    min-width:130px !important;
    width: 100%;
    padding: 5px;
    padding-left: 25px;
    font-size: 14px;
    border: 1px solid #B6A161;
    border-bottom-color: #B6A161; /*--color id 02--*/
    border-radius: 4px;
    margin-bottom: 20px;
    height: 30px;
/*    float: left;*/
    color: #663A00;
    font-weight:bold;
}

input.pass{
    margin-bottom: 6px;
}

div.title{border-right:1px dashed #FFF;  margin-bottom:20px;  font-family:"helvetica neue", Arial, Helvetica, sans-serif; color:#FFF; /*-- id colo 3--*/}
.title h2 {letter-spacing: -1px;text-transform:uppercase; font-weight:100; font-family:"helvetica neue", Arial, Helvetica, sans-serif;}
.margin-up20px{margin-top:20px;}
label {display: inline-block;
margin-bottom: 5px;
font-weight: bold;}
.color-divider{
	min-height:25px !important;
	/*--background:#F2CB05; color id 02A--*/ /*--use color background--*/
	background:#f8b642 /*--color id 02A--*/ url(../images/pattern/pat_02.png) repeat; /*--use pattern background--*/
	padding:0;
	margin:0;
}
#login_content{
	background:#63075e; /*--color id 01A--*/ /*--use color background--*/
	background:#63075e/*--color id 01A--*/  url(../images/pattern/pat_05.png) repeat; /*--use pattern background--*/
	padding:0;
	margin:0; 
	max-width:970px !important;

}

#login_content input[type="submit"]{
	background-color: #f94b6e; /*--color id 02B--*/
	color:#FFFFFF;
	border-color:#008B74; /*--color id 01B--*/
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 0 2px 0 rgba(57, 140, 255, 0.8) inset;
	font: bold 12px "helvetica neue",helvetica,arial,sans-serif;
	padding: 7px 0;
	width: 100px;
	margin-top:20px;
}

#login_content input[type="submit"]:hover {
	background-color: #f43603; /*--color id 03A--*/
	color:#FFF;
	text-shadow:none;
/*	border:#f6dc00;*/
	cursor: pointer;
}

#login_content input[type="submit"]:active {
	border-color: #FFF;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 0 5px 2px #DCA800 inset, 0 1px 0 #EEEEEE;
}

#login a {
	float:left;
	color:#ffae00;
	font-style:italic;
	font-size:11px;
}

.forgotPass{
    color: #ffae00;
}

.remember{
    color: white;
    margin-top: 4px;
}

.single_content {
	
}

.single_left {
	background:url(../images/pita_kiri.png) no-repeat left center;
	height:184px;
	width:118px;
	float:left;
}

.single_center {
	
	

}


.single_right {
	background:url(../images/pita_kanan.png) no-repeat left center;
	height:184px;
	width:118px;
	float:left;
}

.clr {
	clear:both;
}

.DivError {
	background:#FFBABA;
	border:1px solid #F93737;
	color:#B43C01;
	padding:5px;
	border-radius: 4px;
	margin-bottom:10px;
	text-align:center;
	float:left;
	margin-left:55px;
}
/*---------Elemen Bawah-------*/
.login-bottom{
	background:url(../images/elba/elba_03.png) top no-repeat; display:block; height:35px; position:relative;
	margin:0 auto;
	padding:0 auto;
}

.info-bottom{
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 6px;
    line-height: 1.6;
}
	
	
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert h4{margin-top:0;color:inherit}
.alert .alert-link{font-weight:bold}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
.alert-dismissable{padding-right:35px}
.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}

.alert-custom{
    position: absolute;
    width: 100%;
    left: 0;
    top: 9em;
    font-size: 14px;
}

/*--Green--*/
#338C83; /*--color id 01A--*/
#008B74; /*--color id 01B--*/

/*--Yellow--*/
#F2CB05; /*--color id 02A--*/
#F5BC00; /*--color id 02B--*/

/*--Additional colors-*/
#ADCD37; /*--color id 03A--*/
#008B74; /*--color id 03C--*/
/*--coloring--*/
a{text-decoration:underline; color:#F2CB05;}
.teks-redscarlet {color:#0165FE;}
.teks-yellow {color:#F2CB05;}
.teks-white {color:#FFF;}
.teks-green {color:#ADCD37; /*--color id 03A--*/}