@charset "utf-8";
/* CSS Document */

/* CSS Document */
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php 
 *
 * Revision: $Id: basic_ie.css 238 2010-03-11 05:56:57Z emartin24 $
 * 
 */
 
/* IE 6 hacks */
#simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/cms/x.png',sizingMethod='scale');}


/*MODAL*/
#basic-modal-content {display:none;}

/* Modal Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Modal Container */
#simplemodal-container {height:360px; width:600px; color:#000; background-color:#FFFFFF; border:4px solid #444; padding:2px; font-size:16px;}
#simplemodal-container .simplemodal-data {padding:2px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:2px 2px 2px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/assets/cms/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

/*PAGE AND CONTAINER*/
.page {
	width:100%; background:url(/assets/cms/livesmart/global/page_gradient.png) repeat-x;}

.page .container {
	width:980px;display:block; margin:0 auto; border:1px solid #CCCCCC; border-top-left-radius:0px;border-top-right-radius:0px; border-bottom-left-radius:9px; border-bottom-right-radius:9px; background-color:#FFFFFF; overflow:hidden;}

/*BANNER*/
.page .container .banner {
	width:980px; height:230px; display:block; background:url(/assets/cms/livesmart/landing/banner_keyimage.jpg) no-repeat; margin:0; padding:0; font-size:14px;}
	
.page .container .banner .banner-text {
	width:600px;float:left; position:relative; display:block; padding:60px 30px 15px; color:#FFFFFF;}
	
.banner-text h1 {
	font-weight:normal; color:#EBEBEB; display:block; margin:0 0 5px; font-size:28px;}

.page .container .banner .banner-links {
	width:70%;position:relative; display:block; padding:0 30px;}

.page .container .banner .banner-links a {
	display:block; clear:both; text-decoration:none; color:#CDE2FF; margin:5px 0;}
	
.page .container .banner .banner-links a:hover, .page .container .banner .banner-links a:active {
	color:#3BB3F7;}
	
.page .container .banner .banner-links a.primary-action {
	font-size:22px; font-weight:bold; text-shadow: 0 1px 2px rgba(0, 47, 135, .9);}
	
.page .container .banner .banner-links a.secondary-action {
	font-size:12px;}

/*MAIN CONTENT AREA*/
.page .container .main-content-area {
	width:920px; margin:0; padding:40px 30px; display:inline-block; position:relative; overflow:hidden;}
	
.page .container .main-content-area a:hover {
	color:#3BB3F7;}
	
/*left sidebar*/
.page .container .main-content-area .sidebar {
	width:260px; display:block; clear:none; float:left;}

.page .container .main-content-area .sidebar h6 {
	font-size:12px; margin:0 0 5px; padding:0; text-transform:uppercase; color:#666666;}

/*sidebar-list*/
.page .container .main-content-area .sidebar .sidebar-list {
	font-size:16px; display:inline-block; clear:both; margin:0; padding:0; width:100%;}

.page .container .main-content-area .sidebar .sidebar-list ul {
	width:100%; list-style:none; margin:0; padding:0;}

.page .container .main-content-area .sidebar .sidebar-list ul li {
	list-style:none; height:45px; line-height:45px; border-bottom:1px solid #CCC;}
	
.page .container .main-content-area .sidebar .sidebar-list ul li#sidebar-list-title {
	line-height:10px; border:none; height:10px;}

.page .container .main-content-area .sidebar .sidebar-list ul li:last-child {
	border:none;}

.page .container .main-content-area .sidebar .sidebar-list ul li a span.sidebar_arrow { 
	float:right; width:5%; padding:0; margin:0; text-align:right;float:right; text-decoration:none; display:block; clear:none; height:45px; line-height:45px; }

.page .container .main-content-area .sidebar .sidebar-list ul li a span.sidebar_text { 
	width:95%; float:left; display:block; clear:none; height:45px; line-height:45px; }


/*end sidebar-list*/

/*sidebar-blurb*/
.page .container .main-content-area .sidebar .sidebar-blurb {
	font-size:12px; display:inline-block; clear:both; margin:30px 0 0; padding:0; width:100%;}
/*end sidebar-blurb*/
/*end left sidebar*/

/*features (main/right column)*/
.page .container .main-content-area .features {
	width:600px; display:block; height:auto; clear:none; float:right;}

.page .container .main-content-area .features  .feature-item {
	display:inline-block; clear:both; padding:0; float:none; width:600px; margin-bottom:30px; }

h2.landing {
	color:#666; margin:0; font-weight:normal; font-size:22px; padding:0;}

h3.landing {
	margin:0 0 5px; padding:0; color:#002F87; font-size:18px; font-weight:bold;}
	
h4.landing {
	font-size:12px; margin:0 0 5px; padding:0; text-transform:uppercase; color:#666666;}

.page .container .main-content-area .features .feature-item img {
	width:150px; height:150px; float:left; clear:none; margin:0 30px 0 0; }
	
.page .container .main-content-area .features .feature-item ul {
	list-style:none; margin:0; padding:0;}
	
.page .container .main-content-area .features .feature-item ul li {
	width:33%; line-height:20px; clear:none; float:left; padding:0; margin:0;}

.page .container .main-content-area .features .feature-item ul li:last-child {
	font-weight:bold;}

.page .container .main-content-area .features .feature-item#feature-box {
	width:90%; border:2px solid #CCC; display:inline-block; padding:5%; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

/*end features (main/right column)*/

/*buttons*/
a.standard-button {
	display:block; height:40px; line-height:40px; color:#FFF; text-decoration:none; padding:0 25px; text-align:center; font-size:16px; clear:none; margin-right:20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); text-shadow: 0 1px 1px rgba(0, 0, 0, .3);}

a.standard-button:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25);}

/*small button variety*/
a.standard-button.btn-small {
	height:40px; line-height:40px;padding:0 15px;font-size:14px;}

/*standard button - blue*/
a.standard-button.btn-blue {
	background-image:url(/assets/cms/livesmart/landing/btn-gradient-blue.png); background-repeat: repeat-x; background-color:#32589E;}
		
a.standard-button:hover > span {
	display:block; padding-top:1px;}

a.standard-button.btn-blue:hover {
	background-color:#002F87; color:#FFFFFF;}

a.standard-button.btn-blue:active {
	background-color:#002171; color:#FFFFFF;}

/*standard button - gray*/
a.standard-button.btn-gray {
	background-image:url(/assets/cms/livesmart/landing/btn-gradient-gray.png); background-repeat:repeat-x; background-color:#666666;}

a.standard-button.btn-gray:hover {
	background-color:#444444; color:#FFFFFF;}
	
a.standard-button.btn-gray:active {
	background-color:#333333;}

/*standard button - light gray */
a.standard-button.btn-light {
	background-image:url(/assets/cms/livesmart/landing/btn-gradient-light.png); background-repeat:repeat-x; background-color:#CCCCCC; color:#002F87;}
	
a.standard-button.btn-light:hover {
	background-color:#AAA; color:#002171;}

a.standard-button.btn-light:active {
	background-color:#777; color:#002171;}

/*end buttons*/

/*#banner_security_message*/
#banner_security_message {
	padding:10px 15px; display:block; z-index:100; position:relative; top:0; left:0; width:625px; background:url(/assets/cms/livesmart/landing/security_message_bg.png) repeat-x; color:#FFF; font-size:11px; max-width:100%; clear:none; -moz-border-radius-bottomright:9px; border-bottom-right-radius:9px; margin-bottom: -30px; }

#banner_security_message span {
	font-weight:bold; display:block; margin:0; font-size:12px; color:#CCCCCC;}

#banner_security_message a {
	color:#CCCCCC;}
/*end #banner_security_message*/

/*promos*/
.page .promos {
	width:940px; height:140px; margin:0 auto; position:relative; display:block;}

.page .promos .block {
	width:194px; height:100px; float:left; display:block; position:relative; border-right: 1px solid #CCCCCC; text-align:left; font-size:11px; color:#666666; margin:20px 0; padding:0 20px;}

.page .promos .block#first {
	padding-left:0; width:214px;}

.page .promos .block#last {
	border:none;padding-right:0; width:214px;}

.page .promos .block .promo-title {
	font-size:11px; color:#002F87; display:block; position:relative; padding-bottom:3px; text-transform:uppercase;}

.page .promos .block img {
	float:left; margin:0 10px 0px 0; width:75px; height:65px;}
	
.page .promos .block a {
	display:block;}
	
.page .promos .block a:hover {
	color:#3BB3F7;}
/*end promos*/

/*Display login menu (Landing Only) */
.menucontainer * {
	z-index: 1000 !important;}
	            
.menucontainer .submenu1 {
	z-index: 9000 !important;}
	
.menucontainer #mma .submenu1 {
	top: 0;}
	
.menucontainer #mma a {
	color: white !important;}
	
.menucontainer #mma a.login-button {
	color: #002F87 !important;}

span.right {
	position: absolute; right: 0;}
	
span.right1 {
	position: absolute; vertical-align: middle; right: 30px;}

span.right2 {
	position: absolute; vertical-align: middle; right: 40px;}

/* lock menu open 
	#mma .submenu1 { left: 0 !important; }
*/

#mma, #mma * {
	z-index: 999 !important;}
	
/*end Display login menu (Landing Only)*/