/*** GENERAL & PSEUDO CLASSES **/
body {font-family: 'PT Sans', sans-serif;}
#main-container {overflow:hidden;}
.npl{padding-left:0px;}
.pad-large {	padding:50px 0;}/*88 default*/
.pad-small {	padding:32px 0 22px;}
.pad-small-foot {padding:22px 0 0px;}
.highlight {color:#45b8ed;}
.lowlight {color:#4b3f55;}
/* Extra CSS */
.drag-text { text-align:center;margin-top: 8px;}
.text-white {color: #fff;}
.top-icn-pad {padding:0 5px;}
.choose-file {width:50%; display: inline;}
.display-inline {display: inline;}
.saved-file {position: relative; top: 3px;}
.select-file {font-size: 20px; line-height: 24px;}
.spl-div {margin: 0 auto; width: 548px;}

/** ELEMENTS **/
.page-heading {margin-bottom:30px; text-align:center;}
.page-heading h1 {margin-bottom:10px; font-weight:400; font-size:50px;}
.page-heading h4 {color:#888; font-size:35px; font-weight:300;}
.page-heading strong {font-weight:500;}
/*.btn {display:inline-block; 	position:relative; background-color:#5fcf80; border-radius:3px; border-bottom:4px solid #4fb86e;
	 padding:8px 25px 8px 10px; cursor: pointer; color: #fff; font-weight: 700;}
.btn i {margin-right: 5px; font-size: 25px;}
.btn:hover {border-bottom: 0px; border-top: 4px solid #fff; border-radius: 6px 6px 3px 3px;}

/** TYPOG 
.text-white {color: #fff;}	
.text-white-link {color: #fff;}	
.text-white-link:hover {color: #fff;	text-decoration:underline;}	**/
h1, h2, h3, h4, h5, h6 {font-weight: 100; line-height: 1;}

/*** NAV STYLES ***/
#nav {background: #406696; height:88px; line-height:75px;}
.home-top-left {float:left; color:#fff; font-size:20px;}
.home-top-right {float:right; color:#fff; font-size:18px;margin-right:158px;}
.home-top-right a {color:#fff;}
.home-top-right a:hover {color:#6bd5ff;}
.inner-top-left {color:#fff; font-size:20px;background:#3c93fe; position:absolute; left:0px; width:400px; text-align:right; padding-right:10px;}
.guest-text {color:#fff; text-decoration:underline;}
.guest-text:hover {color:#fffc0b; text-decoration:none;}
.my-accnt {position:absolute; left:400px; color:#fff; font-size:20px;}

/*--------------========================
---------HOMEPAGE STYLES ---------------
========================================*/
.homepage {
background: url(../img/home-bg.jpg) 50% 50% no-repeat;
padding: 0px 0;
height: 100%;
}
.home-center {text-align:center;}
.logo {margin-top:60px;}

/*** Homepage Form ***/
.homepage-form {border: 2px solid #8cd9f7; border-radius: 8px; width:610px; margin:20px auto 0; text-align:center; padding:45px 15px 85px !important;}
.home-input {border-radius: 8px !important; background:#e9f3f8; height:50px !important; width:490px !important; padding:5px 95px 5px 20px !important;
			margin:0 auto 25px !important;}
.home-username { background:#fff url(../img/username.png) 20px 12px no-repeat;padding-left:50px !important; }
.home-pswd { background:#fff url(../img/password.png) 20px 12px no-repeat; padding-left:55px !important;/* margin:0px 0px 0px 30px !important;*/}
.home-login {background:url(../img/home-login-btn.png) no-repeat; height:55px; width:170px; border:none; position:relative; left:42px; cursor:pointer;
		    float:left;}
.home-login:hover {background:url(../img/home-login-btn-h.png) no-repeat;}
.home-forgotpswd {float:right;position:relative; right:44px; color:#2e42ff; text-decoration:underline;}
.home-forgotpswd:hover {text-decoration:none;color:#2e42ff;}

/*** Home - Tooltip ***/
a.top-tooltip {outline:none;text-decoration:none;}
a.top-tooltip strong {line-height:30px;}
a.top-tooltip > span {padding: 8px 20px; margin-top: 20px; margin-left: -85px; opacity: 0; visibility: hidden; z-index: 10; position: absolute; font-size: 13px;
				font-style: normal;  -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition-property:opacity, margin-top, visibility, margin-left; -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				-moz-transition-property:opacity, margin-top, visibility, margin-left; -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				-o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				transition-property:opacity, margin-top, visibility, margin-left; transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
				transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; height: 30px; line-height: 12px;}
/*a.tooltip > span:hover,*/
a.top-tooltip:hover > span {opacity: 1; text-decoration:none; visibility: visible; overflow: visible; margin-top:58px; display: inline; margin-left: -26px;}
a.top-tooltip span b {width: 18px; height: 15px; margin-left: -15px; margin-top: -22px; display: block; position: absolute; -webkit-transform: rotate(-45deg); 	   			-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); display: none\0/; *display: none; }
a.top-tooltip > span {color: #fff; background:#58c7f3;}    
a.top-tooltip span b {background: #58c7f3;}
.fa-home {font-size:26px; color:#58c7f3;}

/*** Contact - Tooltip ***/
a.topC-tooltip {outline:none;text-decoration:none;}
a.topC-tooltip strong {line-height:30px;}
a.topC-tooltip > span {padding: 8px 20px; margin-top: 20px; margin-left: -85px; opacity: 0; visibility: hidden; z-index: 10; position: absolute; font-size: 13px;
				font-style: normal;  -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition-property:opacity, margin-top, visibility, margin-left; -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				-moz-transition-property:opacity, margin-top, visibility, margin-left; -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				-o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				transition-property:opacity, margin-top, visibility, margin-left; transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
				transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; height: 30px; line-height: 12px;}
/*a.tooltip > span:hover,*/
a.topC-tooltip:hover > span {opacity: 1; text-decoration:none; visibility: visible; overflow: visible; margin-top:58px; display: inline; margin-left: -25px;}
a.topC-tooltip span b {width: 18px; height: 15px; margin-left: -15px; margin-top: -22px; display: block; position: absolute; -webkit-transform: rotate(-45deg); 	   			-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); display: none\0/; *display: none; }
a.topC-tooltip > span {color: #fff; background:#fba73b;}    
a.topC-tooltip span b {background: #fba73b;}
.fa-envelope {font-size:24px; color:#fba73b;}

/*** Logout - Tooltip ***/
a.topL-tooltip {outline:none;text-decoration:none;}
a.topL-tooltip strong {line-height:30px;}
a.topL-tooltip > span {padding: 8px 20px; margin-top: 20px; margin-left: -85px; opacity: 0; visibility: hidden; z-index: 10; position: absolute; font-size: 13px;
				font-style: normal;  -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition-property:opacity, margin-top, visibility, margin-left; -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				-moz-transition-property:opacity, margin-top, visibility, margin-left; -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				-o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
				transition-property:opacity, margin-top, visibility, margin-left; transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
				transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; height: 30px; line-height: 12px;}
/*a.tooltip > span:hover,*/
a.topL-tooltip:hover > span {opacity: 1; text-decoration:none; visibility: visible; overflow: visible; margin-top:58px; display: inline; margin-left: -25px;}
a.topL-tooltip span b {width: 18px; height: 15px; margin-left: -15px; margin-top: -22px; display: block; position: absolute; -webkit-transform: rotate(-45deg); 	   			-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); display: none\0/; *display: none; }
a.topL-tooltip > span {color: #fff; background:#fc1f58;}    
a.topL-tooltip span b {background: #fc1f58;}
.fa-power-off {font-size:26px; color:#fc1f58;}

/*--------------========================
---------WELCOMEPAGE STYLES ---------------
========================================*/
.innerpage {background:url(../img/inner-bg.jpg) repeat; padding:40px 0;}
.home-center {text-align:center;}
.inner-center {width:980px; margin:30px auto; position:relative; border:dashed 2px #ccc; -webkit-border-radius: 20px; -moz-border-radius: 20px; 
			   -o-border-radius: 20px; border-radius: 20px; background:url(../img/icon-bg.jpg) 50% 10% no-repeat;}
.inner-center-title {color:#bbc2ca; margin:280px auto 0; font-weight:300; font-family: 'Roboto', sans-serif;}
.inner-center-title-S {color:#e94331; text-decoration:underline; font-weight:300;}
.inner-center-title-S:hover {color:#e94331; text-decoration:none;font-weight:300;}
.select-item {padding:7px 20px 6px; background:#58c7f3; margin:20px auto; width:320px; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
			   -o-border-radius: 8px; border-radius: 8px; border:2px solid #34b5e8;}
.select-bar {width:200px;height: 30px; border:#555; margin-bottom: 10px; padding: 0 8px;}