@charset "utf-8";
/* CSS Document */
body
{
	padding-top:70px;
	padding-bottom:70px;
  font-family:"Trebuchet MS";
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.kopsatulogin 
{
  font-family: 'Open Sans', arial;
  -webkit-font-smoothing: antialiased;
  color: #555;
  font-size: 42px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}
.kopdualogin
{
  font-family: 'Open Sans', arial;
  -webkit-font-smoothing: antialiased;
  color: #555;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
}
.hakcipta
{
  font-family: 'Open Sans', arial;
  -webkit-font-smoothing: antialiased;
  color: #555;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 20px;
}
.circle 
{
	border-radius: 50%;
	width: 120px;
	height: 120px;
	border: 1px solid #4288CC; 
	/* width and height can be anything, as long as they're equal */
}
.circle:hover
{
    
    
   	cursor:pointer;
}

.KOPSOAL 
{
	Font-family: "Trebuchet MS";
	font-size: 18px;
}

sup
{
	Font-family: "Trebuchet MS";
	font-size: 11px;
	color:#FF0000;
}

.DetailSoal 
{
	Font-family: "Trebuchet MS";
	font-size: 14px;
}

.Timer 
{
	Font-family: "Trebuchet MS";
	font-size: 14px;
	color:#FFFF00;
}

#form-upload {
	width:300px;
	margin:0 auto;
	border:1px ridge #4288CC;
	border-radius:10px;
	padding:10px;
	background-color:#E5E5E5;
	box-shadow: 3px 3px 3px #888888;
}

#form-upload2 {
	width:600px;
	margin:0 auto;
	border:4px ridge #4288CC;
	border-radius:10px;
	padding:10px;
	background-color:#FBFBFB;
	box-shadow: 3px 3px 3px #888888;
}
.inputuserpass {
    display: block;
    width: 100%;
    height: 67px;
    margin: 0 auto;
    line-height: 36px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
	Font-family: "Open Sans";
	font-size: 40px;
}
.inputuserpass:hover
{
    
    border: 1px solid #0066FF;
   	cursor:pointer;
}

.combopil {
    display: block;
    width: 230px;
    height: 37px;
    margin: 0 auto;
    line-height: 36px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
	Font-family: "Open Sans";
	font-size: 16px;
}
.combopil:hover
{
    
    border: 1px solid #d9d9d9;
   	cursor:pointer;
}

.btnedit
{
    display: block;
    width: 70px;
    height: 25px;
    margin: 0 auto;
    line-height: 10px;
    text-align: center;
    border: 0;
    border-radius: 2px;
    background-color: #4288CC;
    color: #FFF;
	Font-family: "Open Sans";
	font-size: 12px;
}
.btnedit:hover {
    background: #4792DB;
    text-decoration: none;
	cursor:pointer;
	Font-family: "Open Sans";
	font-size: 13px;
}

.btn-link-1 {
    display: block;
    width: 200px;
    height: 37px;
    margin: 0 auto;
    line-height: 36px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    background-color: #4288CC;
    color: #FFF;
	Font-family: "Trebuchet MS";
	font-size: 14px;
}
.btn-link-1:hover {
    background: #4792DB;
    text-decoration: none;
	cursor:pointer;
	Font-family: "Trebuchet MS";
	font-size: 16px;
}

.btn-link-1:active {
    background: #3674AF;
	cursor:pointer;
	Font-family: "Trebuchet MS";
	font-size: 14px;
}

.btn-link-2 {
    /*display: block;*/
    width: 30px;
    height: 20px;
    margin: 0 auto;
    line-height: 36px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    background-color: #4288CC;
    color: #FFF;
	Font-family: "Trebuchet MS";
	font-size: 14px;
}
.btn-link-2:hover {
    background: #4792DB;
    text-decoration: none;
	cursor:pointer;
	Font-family: "Trebuchet MS";
	font-size: 16px;
}

.btn-link-2:active {
    background: #3674AF;
	cursor:pointer;
	Font-family: "Trebuchet MS";
	font-size: 14px;
}
.menu
{
	display: block;
    width: 90px;
    height: 35px;
	margin: 0 auto;
    line-height: 36px;
	text-align:center;
    border: 0;
    border-radius: 4px;
    background-color: #4288CC;
    color: #FFF;
	Font-family: "Trebuchet MS";
	font-size: 14px;
}
.menu:hover {
    background: #4792DB;
    text-decoration: none;
	cursor:pointer;
	Font-family: "Trebuchet MS";
	font-size: 16px;
	text-align:center
}

/*Tooltip*/

/*-------*/