/* 
EXTERNAL STYLES for Looxii BETA
*/

/* --- GLOBAL SETTINGS --- */
html, body, div, span, applet, object, 
iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, code, em, font, img,
b, u, i, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
 margin: 0; 
 padding: 0; 
 border: 0; 
 outline: 0; 
 vertical-align: baseline; 
 background: transparent; 
}

body { 
 background: #FFF; 
 color: #4F4F4F; 
 font-family:arial,sans-serif; 
 font-size: 62.5%; 
 line-height: 1; 
}

img, a img {
border:none;
}

h1, h2, h3 {
 color:#2F2F2F;
}

h1 {
font-size:3em;
}

h1.border-bottom {
padding-bottom:2px;
}

h1.col-3 {
padding-left:5px;
margin:28px 0 0 0!important;
}
h2 {
	font-size:2em;
}
h3 {
font-size:1.8em;
}

.copy {
font-family:georgia,palatino,Times, serif;
margin:10px 0;
}

.sub-text {
background:#F0F0F0;
font-size:1.7em;
font-weight:bold;
margin-bottom:0px;
padding:5px 10px;
}

.main-content .copy {
margin:0 0 10px 10px;
}
.main-col p {
font-size:1.6em;
line-height:1.4em;
margin:10px 0 20px 0;
}
.fs18.copy {
font-size:1.8em;
line-height:1.6em;
}

.sub-content .copy {
margin:10px 0px;
}

.fs16.copy {
font-size:1.6em;
line-height:1.4em;
}

.fs14.copy {
font-size:1.4em;
line-height:1.4em;
}

a, a:link, a:visited { color: #8F8F8F; text-decoration:none; }

a:hover, a:active { color: #2F2F2F; }

a:focus { outline: none; }
a.bluelink {margin-right:10px;}
p { margin: 0 0 10px 0; }
ul li {
list-style:none;
}
input, button, select {
font-family: arial, sans-serif;
}
.header a:hover {
	color:#2F2F2F;
}
.header a.active {
color:#2F2F2F;
}
.app-nav { 
  padding: 20px 0 0 0; 
}
.app-nav .wrap {
	border-bottom:1px solid #CCCCCC;
	height:28px;
}
.wrap {
margin:0 auto;
width:960px;
}

.content .wrap {
min-height:250px;
}

.header { 
 border-bottom:5px solid #AAAAAA;
 height: 60px;
}

.footer { 
 border-top:5px solid #AAAAAA;
 clear: both; 
 height: 170px; 
}
.footer a {
	font-size:1.4em;
}
.sub-content.wrap {
margin:0 auto 50px auto;
}
.col-half,
.col-1, .col-2,
.col-3, .col-4,
.col-5, .col-6, 
.col-8, .col-9, 
.col-10, .col-12 {
display:inline;
float:left;
margin-bottom:10px;
margin-top:10px;
}

.sub-content .col-2 h3 { height:19px;margin:5px 0;}
.col-half {
width:35px;
}

.col-1 {
width:70px;
}

.col-2 {
width:150px;
}

.col-3 {
width:230px;
}

.col-4 {
width:310px;
}

.col-5 {
width:390px;
}

.col-6 {
width:470px;
}

.col-8 {
width:630px;
}

.col-9 {
width:710px;
}

.col-9 .col-3 {
width:225px;
}

.col-10 {
width:800px;
}

.col-12 {
width:950px;
}

ul.hzli li {
display:inline;
float:left;
}

.header .nav {
display:inline;
float:left;
margin:19px 0 0 0;
}

.header .nav li.page-link {
border-right:3px solid #AAAAAA;
padding:0 10px 1px 10px;
}

.header .nav li.page-link.last {
border:none;
}
.header .nav li.last.fright {
	margin-left:440px;	
}
.header .nav li.login {
margin-left:10px;
}
.header .nav a {
display:inline;
float:left;
}

.header .nav li.page-link a {
color:#8F8F8F;
font-size:1.8em;
}

.header .nav li.page-link a:hover {
	color:#2F2F2F;
}
.header .nav li.logo-link {
margin-right:15px;
}

.header .nav li.logo-link a {
height:50px;
margin:-15px 0 0 0;
width:92px;
}
.main-nav li {
	line-height:26px; 
	padding-right:5px; 
}
.main-nav li a { 
  background:#CCCCCC;
  color: #FFF;
  display:block;
  font-size: 1.4em;
  font-weight:bold;
	padding:1px;
  text-align:center;
  width:85px; 
}
.main-nav li a:hover,
.main-nav li a.active { 
	background-color:#00B0D9;
}
.main-nav li.fright {
	padding-right:0px;
}
.footer .wrap .hzli li {
	border-right:1px solid #AAAAAA;
	margin-top:10px;
}

.footer .wrap .hzli li .footer-logo {
	margin:-3px 5px 0 0;
}
.footer .wrap .hzli li a {
	color:#33C918;
	padding:0 10px;
}
.footer .wrap .hzli li.fright a {
	color:#AAAAAA;
	font-size:1.2em!important;
	padding:0 5px;
}
.footer .wrap .hzli li a:hover {
	background:#33C918;
	color:#FFF;
}
.footer .wrap li span {
	color:#AAAAAA;
	font-size:1.1em;
}
.tert-nav {
  background: #FFF;
  border-bottom: 1px solid #AAAAAA;
  padding: 3px 32px 0 0;
  position: relative;
}
.login {
float:right;
margin-top:17px;
position:relative;
}

.login a {
float:left;
}

.login span {
float:left;
font-size:1.8em;
}

.login span.message {
color:#ED0013;
position:absolute;
top:0;
right:70px;
}

.login .ui-icon {
margin-top:2px;
}

.login-hide,
.login-show {
background-image:none!important;
border:none!important;
margin:-2px 0 0 0;
padding:2px 3px 4px 6px;
}

.login-show {
background-color:#4F4F4F!important;
padding-bottom:6px;
}

.login-show span {
color:#FFF;
}
a.login-show span.ui-icon {
	background-image:url('images/ui-icons_ffffff_256x240.png');
}
.system-login {
background:#4F4F4F;
border:none;
padding:5px 10px;
position:absolute;
right:0px;
top:20px;
z-index:100;
}

.system-login li {
clear:both;
margin:5px 0 10px 0;
width:180px;
}

.system-login label {
color:#FFF;
font-size:1.2em;
}

.system-login label.text-label {
float:left;
margin:0 0 5px 0;
}

.system-login input.ui-corner-all {
border:1px solid #AAAAAA;
font-size:1.2em;
padding:3px 2px;
width:174px;
}

.system-login button {
border:1px solid #AAAAAA;
font-size:1.2em;
font-weight:bold;
padding:0 3px;
margin-right:5px;
}

.system-login button:hover {
font-weight:bold;
}

.system-login a.forgot {
clear:right;
color:#FFF;
float:right!important;
font-size:1.2em;
margin:2px 0 10px 0;
}

.cancel-button {
  color:#FFF!important;
	float:left;
	font-size:1.2em!important;
	font-weight:bold;
	margin-top:5px!important;
}

/* --- jQUERY UI ICON PLACEHOLDER --- */

.ui-icon-none {
background-image:none!important;
}

/* --- GENERIC CLASSES */
.clear {
clear:both;
}

.fleft {
float:left;
}

.fright {
float:right!important;
}

.border-top {
border-top:3px solid #AAAAAA;
}

.border-bottom {
border-bottom:1px solid #AAAAAA;
}

.border-right {
border-right:1px solid #AAAAAA;
}

.error {
color:#ED0013;
font-size:1.2em;
font-weight:bold;
}

.sub-label {
clear:both;
color:#AAAAAA;
}

.green {
background:#3EB636;
}

.red {
background:#ED0013;
}

.gray-bg {
background:#DDDDDD;
}

.black-bg {
background:#2F2F2F;
color:#FFF;
}

.ml10 {
margin-left:10px;
}

.mr10 {
margin-right:10px;
}

.mr10.border-right {
margin-right:9px!important;
}

.m1005 {
margin:10px 5px;
}

.mlr5 {
margin:0 5px;
}

.mtb5 {
margin:5px 0!important;
}

.mtb10 {
margin-top:10px; 
margin-bottom:10px;
}

.no-margin {
margin:0px;
}

.no-border {
border:none!important;
}

.bold {
font-weight:bold;
}

.caps {
text-transform:uppercase;
}

.hide {
display:none!important;
}

#search_preview_box{
display:none;
}
/*
 Social Media Links
*/
.social-link {
	background:url('images/bg-img-social-links-60x40.png') no-repeat;
	display:block;
	height:20px;
	margin:0 0 0 10px;
	text-indent:-9999px;
	width:20px;
}
.social-link.fb {
	background-position:0px 0px;
}
.social-link.fb:hover {
	background-position:0px -20px;
}
.social-link.twitter {
	background-position:-20px 0px;
}
.social-link.twitter:hover {
	background-position:-20px -20px;
}
.social-link.blog {
	background-position:-40px 0px;
}
.social-link.blog:hover {
	background-position:-40px -20px;
}

a.social-link:hover {
	background-color:#FFF;
	color:#000;
}