/* ********************************************************************************************* */
/* SPLASH PAGE STYLES ************************************************************************** */
/* ********************************************************************************************* */

.left {
	float: left;
}
.right {
	float: right;
}
.middle {
	margin: 0 auto;
}
.hide {
	display: none;
	visibility: hidden;
}
.show {
	display: block;
	visibility: visible;
}
.clear {
	clear: both;
}
h2 {
	font-size:12px;
}
.sp_list {
	background: transparent;
	text-align:left;
	list-style: square;
	list-style-position: inside;
	margin: 0;
	padding:0;
}
.sp_list li {
	margin-left:10px;
	background: transparent;
	text-align:left;
	color:#000;
	font-size:12px;
}
a.ql_browse, a.ql_browse:link, a.ql_browse:hover, a.ql_browse:active, a.ql_browse:visited {
	background: transparent url(/images/splash/icons/icontexto-webdev-search-032x032.png) no-repeat left;
}
a.ql_login, a.ql_login:link, a.ql_login:hover, a.ql_login:active, a.ql_login:visited {
	background: transparent url(/images/splash/icons/icontexto-webdev-home-032x032.png) no-repeat left;
}
a.ql_newacc, a.ql_newacc:link, a.ql_newacc:hover, a.ql_newacc:active, a.ql_newacc:visited {
	background: transparent url(/images/splash/icons/icontexto-webdev-file-032x032.png) no-repeat left;
}
a.ql_contact, a.ql_contact:link, a.ql_contact:hover, a.ql_contact:active, a.ql_contact:visited {
	background: transparent url(/images/splash/icons/icontexto-webdev-user-032x032.png) no-repeat left;
}
a.sp_button, a.sp_button:link, a.sp_button:active, a.sp_button:visited {
	display:block;
	background: transparent;
	width:178px;
	height:17px;
	font-size:12px;
	color: #333;
	text-align:left;
	text-indent: 24px;
	font-weight:bold;
	text-decoration: none;
	padding-top:2px;
	_height:19px;
	border-bottom:1px solid #333;
}
a.sp_button:hover {
	background-color: #005a7c;
	color:#fff;
	text-decoration:none;
}
#sp_cont {
	margin:0 auto;
	max-width: 745px;
	padding:0;
}
#sp_welcome {
	height:150px;
	width:278px;
	border: 1px solid #333;
	background-color:#F5F5F5;
}
#sp_welcome h2 {
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	text-align: left;
}
#sp_welcome ul {background: transparent;text-align:left;list-style: square;list-style-position: inside;margin: 0;padding:0;margin-left:43px;margin-top:18px;}
#sp_welcome ul li {margin-left:10px;background: transparent;text-align:left;font-weight:bold;}
#sp_quicklinks_guest {height:130px;width: 278px;clear: left;border: 1px solid #333;margin-top:10px;text-align:center;background-color:#F5F5F5;}
#sp_quicklinks_guest a, #sp_quicklinks_guest a:link, #sp_quicklinks_guest a:active, #sp_quicklinks_guest a:visited {margin:0;padding:0;font-weight:bold;display: block;padding: 10px 0 10px 40px;font-size:12px;width: 90px;_width:135px;}
#sp_quicklinks_member {height:130px;width: 278px;clear: left;border: 1px solid #333;margin-top:10px;text-align:center;background-color:#F5F5F5;}
#sp_quicklinks_member a, #sp_quicklinks_member a:link, #sp_quicklinks_member a:active, #sp_quicklinks_member a:visited {margin:0;padding:0;font-weight:bold;display: block;padding: 0px 0 10px 9px;font-size:12px;width: 90px;_width:135px;}

#sp_alt, #sp_alt2 {width:196px;height:200px;border:1px solid #555;clear:left;margin-top:10px;background-color:#F5F5F5;}
#sp_alt2 a {font-weight:bold;color:#3A5067;}
#sp_alt p, #sp_alt2 p {font-size:12px;}
#sp_alt h2, #sp_alt2 h2 {font-weight: bold;font-size: 12px;text-align: left;}
#sp_alt ol, #sp_alt2 ol {list-style: decimal inside none;padding:0;margin:10px;}
#sp_alt ol li, #sp_alt2 ol li {padding:2px;margin:0;font-size:12px;font-weight:bold;}
#sp_feature {width:100%;height:100%;border:1px solid #555;margin-top:10px;background-color:#F5F5F5;}
#sp_feature h1 {background-color: #005a7c;color:#fff;font-weight: bold;font-size: 14px;text-align: center;padding:4px;margin:0px;}
#sp_feature .left {width:31%;margin:1%;padding-top:10px;}
#sp_feature a {border:1px solid #ccc;display:block;text-decoration:none;background-color:#FFFFFF}
#sp_feature a:hover {border:1px solid #333;}
#sp_feature h4 {text-align:center;margin:0;padding:5px;line-height:18px;font-size:14px;}
#sp_feature img {width:100%;height: 150px;}

#sp_photo {height:293px;width:450px;border: 0px solid #333;}
#sp_photo img {z-index:1;}

#sp_login {height:150px;width:278px;margin:0px;padding:0px;border: 1px solid #000000; background-color:#F5F5F5;}
#sp_login h2 {width:278px;text-align:center;font-size:12px;line-height:16px;margin:0;padding:0;}
#sp_contactus {height:150px;width:278px;margin:0px;padding:0px;border: 1px solid #000000; background-color:#F5F5F5;}

form.loginform {text-align:center;padding:0;margin:0;margin:5px 10px;}
.loginform label {text-align:left;margin:0px 0px 5px 0px;padding:0;background:transparent;display:block;float:left;width:8em;font-weight:bold;font-size:12px;}
.loginform input {text-align:left;margin:0px 0px 5px 0px;padding:0;width:11em;display:block;float:left;}
.loginform #xxsubmit, .loginform #xxreset {background: url(/images/splash/button_sm.png) no-repeat top left; text-align:center;width:7.5em;margin-bottom:10px;margin-left:25px;font-size:12px;}
#sp_login p {font-weight: bold;text-align:center;margin:0;padding:0;background:transparent;clear:both;margin-top: 5px;font-size:12px;}

#sp_welcome h1, #sp_login h1, #sp_quicklinks_guest h1, #sp_quicklinks_member h1, #sp_alt h1, #sp_alt2 h1, #sp_contactus h1 {background-color: #005a7c;color:#fff;font-weight: bold;font-size: 12px;text-align: center;padding:4px;margin:0px;}


/* ************************************************************************ */
/* ***************** RESPONSIVE DESIGN CHANGES **************************** */
/* ************************************************************************ */

@media all and (max-width: 1024px) {
	
	#sp_photo {
		display: none !important;	
	}

	#sp_login, #sp_quicklinks_guest, #sp_quicklinks_member, #sp_alt2, #sp_feature {
		width: 100% !important;
		height: auto !important;
	}				
		
	#sp_feature .left {
		float: none !important;	
		width: auto !important;
	}			
		
}
#sp_contactus {
               height: 117px;
}
#sp_login {
               height: 190px;
}
p {
               padding: 2px 0;
}