@import url(http://fonts.googleapis.com/css?family=Open+Sans);

*{margin:0;padding:0;}

body{
  background:#29ABE2;
  font-family:'Open Sans',sans-serif;
}

fieldset {
	border: 0;
}

.button{
  width:100%;
  background:#3399cc;
  display:block;
  margin:0 auto;
  margin-top:1%;
  padding:10px 0px 10px 0px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

.button:hover{
  background:#2288bb;
}

#login{
  width:400px;
  margin:0 auto;
  margin-top:8px;
  margin-bottom:2%;
  transition:opacity 1s;
  text-align:center;
  text-decoration:none;
  -webkit-transition:opacity 1s;
}

#triangle{
  width:0;
  border-top:12x solid transparent;
  border-right:12px solid transparent;
  border-bottom:12px solid #3399cc;
  border-left:12px solid transparent;
  margin:0 auto;
}

#login h1{
  background:#3399cc;
  padding:20px 0;
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#fff;
}

#bg-card{
  background:#f0f0f0;
  padding:3% 4% 6% 4%;
}

form{
  background:#f0f0f0;
  padding:3% 4% 6% 4%;
}

input[type="email"],input[type="password"],input[type="text"],input[type="date"]{
	width: 90%;
	background: #fff;
	margin-bottom: 4%;
	border: 1px solid #ccc;
	font-family: 'Open Sans',sans-serif;
	font-size: 95%;
	color: #555;
	padding: 4%;
}

select{
	width: 48%;
	background: #fff;
	margin-bottom: 4%;
	border: 1px solid #ccc;
	padding: 4%;
	font-family: 'Open Sans',sans-serif;
	font-size: 95%;
	color: #555;
}

input[type="submit"]{
  width:100%;
  background:#3399cc;
  border:0;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#errmsg{
  width:100%;
  background:#f0f0f0;
  border:0;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#ff0000;
  text-align:center;
  transition:background .3s;
  -webkit-transition:background .3s;
  padding-top:2%;
 
}

#btn{
  width:100%;
  background:#3399cc;
  border:0;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

input[type="submit"]:hover{
  background:#2288bb;
}

/*----- Tabs -----*/
.tabs {
    display:inline-block;
}
 
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display:block;
	clear:both;
	content:'';
}

.tab-links li {
	margin:0px 5px;
	float:left;
	list-style:none;
}

.tab-links a {
	padding:9px 15px;
	display:inline-block;
	border-color:#CCC;
	border-radius:3px 3px 0px 0px;
	background:#3399cc;
	font-size:16px;
	font-weight:600;
	color:#4c4c4c;
	transition:all linear 0.15s;
}

.tab-links a:hover {
	background:#a7cce5;
	text-decoration:none;
}

li.active a, li.active a:hover {
	background:#FFF;
	color:#4c4c4c;
}

/*----- Content of Tabs -----*/
.tab-content {
	padding:15px;
	border-radius:3px;
	box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
	background:#fff;
}

.tab {
	display:none;
}

.tab.active {
	display:block;
}

/* Deny OT PopUp */
.black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 110%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.70;
        filter: alpha(opacity=70);
}
.white_content {
        display: none;
        position: absolute;
		top: 15%;
        width: 25%;
        height: 70%;
        padding: 16px;
        border: 16px solid #29ABE2;
		border-radius:10px;
        background-color: #C1E9F2;
        z-index:1002;
        overflow: auto;
}
.btns {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #29aae2), color-stop(1, #147ae0) );
	background: -moz-linear-gradient( center top, #29aae2 5%, #147ae0 100% );


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#29aae2', endColorstr='#147ae0');
	background-color: #29aae2;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 5px solid #aecdeb;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	width: 131px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	border-radius: 20px;
}
.btns:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #147ae0), color-stop(1, #29aae2) );
	background:-moz-linear-gradient( center top, #147ae0 5%, #29aae2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#147ae0', endColorstr='#29aae2');
	background-color:#147ae0;
	text-decoration: none;
}.btns:active {
	position:relative;
	top:1px;
}