* {
	margin: 0;
}

html, body {
	height: 100%;
	background-color:#BBEAFC !important;
	/*background-image: url('./BGPics/sr_bg.jpg');*/
	color:#008;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em;
}

/*--------------------------------------------------*
	Input Field Placeholder Styles
 *--------------------------------------------------*/
::placeholder {
	color: #bbb;
	opacity: 1; /* Firefox */
	font-weight:normal;
	text-transform:capitalize;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #bbb;
	font-weight:normal;
	text-transform:capitalize;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #bbb;
	font-weight:normal;
	text-transform:capitalize;
}
/*--------------------------------------------------*
	Header, Footer & User Informtion Styles
 *--------------------------------------------------*/
.footer, .push {
	height: 2em;
}

.firstLine:first-line{
	text-indent: 25px;
}

.pgHeading{
	font-family:Century Gothic,Arial;
	background-color:#555;
	text-align:center;
	font-size:16px;
	color: #eee;
	padding: 8px 0px 8px 0px;
	text-align:center;
}

.secHeading{
	font-family: Arial, Verdana, Arial Narrow, Times New Roman;
	font-size:14px;
	font-weight:bold;
	background-color: #ffd;
	color: #d00;
	padding: 5px 0px 5px 0px;
	text-align:center;
	border-bottom:1px solid #bbb;
}

.pgFooter{
	font-family:Century Gothic,Arial;
	background-color:#ddd;
	text-align:center;
	font-size:10px;
	color: #555;
	padding: 5px;
	text-align:center;
	position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

#clock{
	font-family:Calibri,Verdana,Arial;
	color: #ff0;
	font-weight:normal;
	font-size:11px;
	text-indent: 3px;
	/*text-align: justify;*/
	border: 0px solid #888;
	border-radius: 2px;
	/*background-color: #ddd transparent;*/
	position:absolute;
	top: 30px;
	right: 8px;
	padding:2px 10px 2px 10px;
}

#officeInfo{
	font-family:Times New Roman, Verdana,Arial;
	color: #ffc;
	font-weight:normal;
	font-size:14px;
	text-indent: 1px;
	text-align: justify;
	border: 1px solid #888;
	border-radius: 2px;
	position:absolute;
	top: 1px;
	left: 5px;
	padding:3px;
}

#userInfo{
	font-family:Times New Roman, Verdana,Arial;
	color: #ccc;
	font-weight:normal;
	font-size:12px;
	text-indent: 1px;
	text-align: justify;
	border: 1px solid #888;
	border-radius: 2px;
	background-color:#ffe;
	position:absolute;
	top: 1px;
	right: 12px;
	padding:3px;
}

#loadingImg{
	position:absolute;
	top: 100px;
	left: 100px;
	display:none;
}

#regLogWin{
	font-family:Century Gothic,Calibri,Verdana,Arial;
	color: #ff0;
	font-weight:normal;
	font-size:11px;
	text-indent: 3px;
	border: 1px solid #888;
	border-radius: 5px;
	background-color: #ddf;
	opacity:1;
	position:absolute;
	top: 50px;
	right: 8px;
	padding:2px 10px 2px 10px;
}

/* Input Type: Select */
.selectClass{
	font-family: Arial,Century Gothic,Arial Narrow,Verdana;
	font-size:13px;
	font-weight:bold;
	color:#00f;
	background-color:#ffd;
	/*---------------------*/
	border:1px solid #88f;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*---------------------*/
	padding:3px;
	vertical-align:center;
	display:inline;
}
.selectClass:focus {
	color:#f00;
	background-color:#dfd;
	/*---------------------*/
	border:1px solid #b00;
}
.selectClass:hover {
	color:#e00;
	background-color:#dfd;
	/*---------------------*/
	border:1px solid #f00;
}
/* Input Type: Input */
.inputClass{
	font-family: Arial,Century Gothic,Arial Narrow,Verdana;
	font-size:13px;
	font-weight:bold;
	color:#00f;
	background-color:#ffe;
	/*---------------------*/
	border:1px solid #88f;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*---------------------*/
	padding:3px;
	vertical-align:center;
	display:inline;
}
.inputClass:focus {
	background-color:#efe;
	color:#f00;
	/*---------------------*/
	border:1px solid #b00;
}
.inputClass:hover {
	background-color:#dfd;
	color:#f00;
	/*---------------------*/
	border:1px solid #f00;
}

.menuBar{
	background-color:#008;
	font-size:13px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	padding:0px 2px 0px 2px;
}

.menuBar_2{
	font-family:Century Gothic,Arial, Verdana;
	background-color:#009688;
	/*background-color:#888;*/
	font-size:11px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	padding:1px;
}

.tblHdr{
	/*background-color:#009688;*/
	background-color:#aaa;
	width:100%;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	padding:2px;
}

.pgBtn_1{
	font-family:Century Gothic,Arial, Verdana;
	font-size:13px;
	/*background-color:#ffa0a7;*/
	background-color:#607d8b;
	color:#fff;
	border:1px solid #bb5;
	display:inline-block;
	padding:5px 15px 5px 15px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	border-radius:5px;
}
.pgBtn_1:hover{
	background-color:#ddeeff;
	color:#f00;
}
.pgBtn_1:focus{
	background-color:#ddeeff;
	color:#f00;
}
.pgBtn_1:disabled:hover{box-shadow:none}

/*-----------------------------------------------*/
.remark:first-letter{
	text-transform:uppercase;
}
.remark:focus{
	color:#00c;
	background-color:#ffb;
	font-size:12px;
	border:1px solid #f00;
}

.pgLink{
	font-family: Century Gothic,Calibri,Arial Narrow, Arial,Verdana;
	font-size: 11px;
	font-weight:Normal;
	text-decoration:none;
	color:#00f;
	padding: 6px 3px 5px 3px;
}

.pgLink:hover{
	color:#f00;
	background-color:#eef;
	opacity: 0.9;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	/*border:0px solid #eef;*/
	border-radius: 2px;
	text-decoration:none;
}

.textRotate{
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
/*--------------------------------------------------*
	Page content & text styles
 *--------------------------------------------------*/
.contentSpace{
	font-family:Century Gothic,Calibri,Arial;
	font-size:12px;
	color:#00b;
	background-color:#ffe;
	font-weight:normal;
	padding:2px;
	border-radius:1px;
	border-width:1px;
}

/*table.data {
	border-width:1px;
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #ccc;
	font-size:11px;
}
*/
/*--------------------------------------------------*
	Table Rows
 *--------------------------------------------------*/

.tblRow{
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	vertical-align:top;
	padding-top:3px;
	padding-bottom:4px;
}
.tblRow:hover{
	border-top:1px solid #b00;
	border-bottom:1px solid #b00;
	background-color:#efe;
	color:#f00;
}

/*--------------------------------------------------*
	Tooltip Message
 *--------------------------------------------------*/
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #ffd;
  color: #800;
  text-align: left;
  border: 1px solid #00f;
  border-radius: 6px;
  padding: 3px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}