/******

sq 2.0 css

******/



html, body{
	margin:0px;
	font-family: Helvetica, sans-serif;
	font-size:0.95em;
	color:#333333;
}

#headWrapper-home{
	background:url(../images/bg_header-home.gif) top repeat-x;
}

#headWrapper{
	background:url(../images/bg_header.gif) top repeat-x;
}

#homeLook{margin-bottom:-20px;}

#homeLookInner{
	position:relative;
	height:206px;
	width:865px;
	background:url(/images/home-look-2011.jpg) no-repeat;
}

#homeLook p, #homeLook h2, #homeLook h3{margin:0px;}
#homeLook h2, #homeLook h3{text-indent:-100000px;}

#homeLook #arrows{
	position:absolute;
	left:20px;
	top:0px;
	z-index:1;
}

#homeLook .slide{
	position:absolute;
	width:640px;
	height:150px;
	right:0px;
	top:20px;
	z-index:1;
}

#homeLook #ani-link{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}

#homeLook #learn-more{
	position:absolute;
	right:130px;
	top:130px;
	z-index:1
}

#homeLook .slide h3{background:url(../images/home-look-2011_text_common.png) right no-repeat;height:35px;}
#homeLook .slide h2{height:55px;}
#homeLook #slide-1 h2{background:url(../images/home-look-2011_slide_1.png) left no-repeat;}
#homeLook #slide-2 h2{background:url(../images/home-look-2011_slide_2.png) left no-repeat;}
#homeLook #slide-3 h2{background:url(../images/home-look-2011_slide_3.png) left no-repeat;}
#homeLook #slide-4 h2{background:url(../images/home-look-2011_slide_4.png) left no-repeat;}
#homeLook #slide-5 h2{background:url(../images/home-look-2011_slide_5.png) left no-repeat;}
#homeLook #slide-6 h2{background:url(../images/home-look-2011_slide_6.png) left no-repeat;}

#footWrapper{
	background:url(../images/bg_footer.gif) bottom repeat-x;
}

#mainWrapper{
	width:860px;
	margin:0px auto;
	min-height:500px;
}

#menuCell{}

.cart, #searchCell{
	background:url(/images/bg_cart.gif) top repeat-x;
}

#mainTable{
	margin:20px 0px 0px 0px;
}

#leftCell{
	padding:5px 10px 5px 0px;
	background:url(../images/bg_left.png) top right no-repeat;
	width:160px;
}

#midCell{
	padding:5px 10px;
}

#rightCell{
	width:160px;
	padding:5px 0px 5px 10px;
	background:url(../images/bg_right.png) top left no-repeat;
}

.boxCell-blue{
	background:#d7ecfa;
}

.boxCell-darkblue{
	background:#1f507b;
	color:#FFF;
}

.boxCell-grey{
	background:#f0efef;
}

.boxCell-white{
	background:#FFFFFF;
}

#tickerBar{
	height:24px;
	overflow:hidden;
	position:relative;
}

#tickTable{
	position:absolute;
	font-size:12px;
}

#footQuickLinks{
	font-size:12px;
}

#footMenu{
	font-size:12px;
	color:#9cc8e3;
}

/* -------- homepage */

.logos{
	height:90px;
	position:absolute;
}

.tabContent{
	height:330px;

}

.tabDiv{
	position:absolute;
	width:214px;
	height:337px;

	margin:-16px -6px 0px 0px;
	padding:5px 10px 0px 0px;
}

.tabDiv h1{
	font-size:16px;
}

/* ------ boxes */

.pop{
	position:absolute;
}

.popInner{
	position:relative;
}

.popInner div.move {
	left:0;
	margin:-10px 0 0 -8px;
	position:absolute;
	top:0;
}

.popInner div.close {
	margin:-10px -8px 0 0;
	position:absolute;
	right:0;
	top:0;
}

.move{ cursor:move;}

.close{ cursor:pointer;}

.quoteOuter{
	border-top:1px dotted #999;
	padding-top:10px;
	margin-top:5px;
	background:url(/images/bg_quote-BR.gif) bottom right no-repeat;
}

.quoteInner{
	color:#444;
	font-size:12px;
	padding:10px 30px 5px 30px;
	background:url(/images/bg_quote-TL.gif) top left no-repeat;
}

/* ------ forms */

input, select, textarea{
	border:1px solid #BBB;
	padding:2px;
	font-size: 1em;
}

input.btn{ 
	border:0px solid #FFFFFF;
}

input.search-off{
	color:#BBB;
	width:130px;
	padding:3px;
	height:18px;
	font-size:11px;
}

input.search-on{
	color:#333;
	width:130px;
	padding:3px;
	height:18px;
}

/* ------ menu */

#btn-promo{
	position:absolute;
	top:-30px;
	left:-50px;
}

.subMenu{
	position:absolute;
	margin:0px;
	width:170px;
	z-index:2000 !important;
	font: 0.95em/1.3em Helvetica, sans-serif;
}

#sm-company{left:100px;}
#sm-services{left:250px;}
#sm-resources{left:400px;}
#sm-demo{left:520px;}
#sm-login{left:690px;}

#sm-login a{
	color:#C9E9FD;
	text-decoration:underline;
}

#sm-login a:hover{
	color:#FFFFFF;
	text-decoration: none;
}

.subMenu .menu a:link, .subMenu .menu a:visited, .subMenu .menu a:active{
	display:block;
	padding:6px 0px 4px 0px;
	margin:0px 1px;
	color:#c9e9fd;
	text-decoration:none;
}

.subMenu .menu hr{
	height:0px;
	margin:0px auto;
	background:transparent;
	border:0px none;
	border-bottom:1px solid #28679d;
}

.subMenu .menu a:hover{
	display:block;
	padding:6px 0px 4px 0px;
	margin:0px 1px;
	color:#1f507b;
	background:#d9effd;
	text-decoration:none;
}

#mainMenu a:link,#mainMenu a:visited,#mainMenu a:active, #mainMenu a:hover{
	display:block;
	height:36px;
	padding:0px;
	margin:0px;
}

.menu a:link,.menu a:visited,.menu a:active{
	display:block;
	padding:1px 0px;
	margin:1px 1px;
	color:#1f507b;
}

.menu a:hover{
	display:block;
	padding:1px 0px;
	margin:1px 1px;
	color:#1f507b;
	text-decoration:none;
}

td.nav-up, td.nav-on{}

.l-menu-rpt{
	background:url(/images/bg_l-menu-rpt.gif) right repeat-y;
}

.l-menu a:link, .l-menu a:visited, .l-menu a:active{
	display:block;
	width:160px;
	padding:10px 5px 5px 2px;
	margin:0px;
	color:#0064ae;
	text-decoration:none;
	background:url(/images/bg_l-menu-up.gif) bottom right repeat-y;
	border-bottom:1px dotted #FFFFFF;
	border-right:1px solid #D2D2D2;
}

.l-menu a:hover{
	display:block;
	width:160px;
	padding:10px 5px 5px 2px;
	margin:0px;
	color:#000000;
	text-decoration:none;
	background:url(/images/bg_l-menu-up.gif) bottom right repeat-y;
	border-bottom:1px dotted #FFFFFF;
	border-right:1px solid #D2D2D2;
}

.l-menu a.on:link, .l-menu a.on:visited, .l-menu a.on:active,.l-menu a.on:hover{
	display:block;
	width:160px;
	padding:10px 5px 5px 2px;
	margin:0px;
	color:#000000;
	text-decoration:none;
	background:#FFFFFF url(/images/bg_l-menu-on.gif) bottom right no-repeat;
	border-bottom:1px dotted #FFFFFF;
	border-right:1px solid #D2D2D2;
}
.l-menu a.last:link, .l-menu a.last:visited, .l-menu a.last:active,.l-menu a.last:hover{
	border-bottom:0px solid #FFFFFF;
}

#footQuickLinks a:link, #footQuickLinks a:visited, #footQuickLinks a:active, #footQuickLinks a:hover{
	display:block;
	width:170px;
	float:left;
	text-align:center;
}

#footMenu a:link, #footMenu a:visited, #footMenu a:active, #footMenu a:hover{
	padding:1px 0px 1px 23px;
	display:inline;
	color:#9cc8e3;
	text-decoration:none;
}
#footMenu a:hover{
	padding:1px 0px 1px 23px;
	display:inline;
	color:#c9e9fd;
	text-decoration:none;
}

#footMenu .menu hr, #footQuickLinks .menu hr{
	display:none;
	width:0px;
	height:0px;
}

#sitemap ul li{
	list-style-image:url(/images/icon_single-arrow.gif);
	list-style-position:inside;
	padding:2px 2px 2px 2px;
}


.rss img{
	margin:5px;
}
.rss p{
	margin-top:0px;
}

/*
td.nav-up .subMenu{
	background:#1f507b;
}

td.nav-on .subMenu{
	background:#507a9f;
}
*/

/* ------ link */

a:link, a:visited{
	color:#0064ae;
	font-size:inherit;
}

a:hover{
	font-size:inherit;
	color:#000000;
}

.cart a:link, .cart a:visited, .cart a:active, .cart a:hover{
	text-decoration:none;
}

a.tickerLink:link, a.tickerLink:visited{
	color:#5e5e5e;
	text-decoration:none;
}

a.tickerLink:hover{
	color:#333333;
	text-decoration:underline;
}


/* ------ text */
.s1{font-size:1px; !important}
.s9{font-size:9px; !important}
.s10{font-size:10px; !important}
.s11{font-size:11px; !important}
.s12{font-size:12px; !important}
.s13{font-size:13px; !important}
.s14{font-size:14px; !important}
.s15{font-size:15px; !important}
.s16{font-size:16px; !important}
.s18{font-size:18px; !important}
.s22{font-size:22px; !important}
.s26{font-size:26px; !important}

.b{font-weight:bold}

h1, h2, h3{margin:5px 0px;}

#leftCell h1, #rightCell h1{ font-size:18px;}
#leftCell h2, #rightCell h2{ font-size:15px;}

.click{ cursor:pointer;}

hr{
	border:1px solid #CCCCCC;
	width:80%;
}

/* ------- admin stuff */

.subMenu ul, .subMenu li, #footQuickLinks ul, #footQuickLinks li, #footMenu{ list-style:none;}

ul.sortable, ul.sortable li.move{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.sortable div{
	display:block;
}

.admin-btns{
	position:absolute;
	margin:0px 0px 0px -22px;
	z-index:500;
}
.admin-btns img{
	margin:1px 0px 0px 0px;
	display:block;
}

#headWrapper-home .admin-btns img{
	display:block;
	margin:1px 0px 0px 0px;
}

.admin-btns-menu{
	position:absolute;
	margin:0px 0px 0px -10px;
}

.admin-add-btn{
	position:absolute;
	margin:-18px 0px 0px -18px;
	z-index:501;
}



/* ------ div*/

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.al{text-align: left;}
.ar{text-align: right;}
.ac{text-align: center;}

.m5{margin-left:5px;}

.m0{ margin:0px;}
.m10{ margin:10px;}

.mtb5{ margin:5px 0px;}
.mtb10{ margin:10px 0px;}
.mtb20{ margin:20px 0px;}

.mlr5{ margin:0px 5px;}
.mlr10{ margin:0px 10px;}
.mlr20{ margin:0px 20px;}

.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.m5{ margin:5px;}

.mtb5{ margin:5px 0px;}

.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}

.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mb20{ margin-bottom:20px;}
.mr20{ margin-right:20px;}



.p10{ padding:10px;}
.p20{ padding:20px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl40{ padding-left:40px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}

.p5{ padding:5px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}

.ptb2{padding:2px 0px;}

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

/* -------------- tables */

.reports a:link,.reports a:visited,.reports a:active,.reports a:hover{text-decoration:none;}
.th{
 	padding:3px;
	background:#d7ecfa;
	color:#7C7C7C;
}
tr.up td.tr{
	padding:2px;
	background:#EEEEEE;
}
tr.over td.tr, tr.over td.alt{
	padding:2px;
	background:#d7ecfa; !important
}

tr.up td.alt{
	padding:2px;
	background:#FFFFFF;
}

/* ------- font colors */

.red{ color:#FF0000; !important}
.green{ color:#007822; !important}
.grey{ color:#7C7C7C; !important}
.darkgrey{ color:#444; !important}
.black{ color:#000000; !important}

/*-------- validation styles */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required, select.required {
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed, select.validation-passed{
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 2px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: normal;
	font-size:11px;
}

.custom-advice {
	margin: 2px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: normal;
	font-size:11px;
}


/*********   RSS    ***/
div.chunk {
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

div.topchunk {
	margin:0 !important;
}

.footnote,
.footnote a {
	font-size:12px;
	line-height:1.3em;
	color:#aaa;
}

.footnote em {
	background-color:transparent;
	font-style:italic;
}

.footnote code {
	background-color:transparent;
	font:11px/14px monospace;
	color:#aaa;
}

p.subscribe {
	background-color:#f3f3f3;
	font-size:12px;
	text-align:center;
}

p.highlight {
	background-color:#ffc;
	font-size:12px;
	text-align:center;
}

p.sample_feeds {
	font-size:12px;
	line-height:1.2em;
}

div.sp_errors {
	background-color:#eee;
	padding:5px;
	text-align:center;
	font-size:12px;
}

.noborder {
	border:none !important;
}

img.favicon {
	margin:0 4px -2px 0;
	width:16px;
	height:16px;
}

p.favicons a,
p.favicons a:hover {
	border:none;
	background-color:transparent;
}

p.favicons img {
	border:none;
}

div#sp_input {
	background-color:#ffc;
	border:2px solid #f90;
	padding:5px;
	text-align:center;
}

div#sp_input input.text {
	border:1px solid #999;
	background:#e9f5ff url(feed.png) no-repeat 4px 50%;
	width:75%;
	padding:2px 2px 2px 28px;
	font:18px/22px "Lucida Grande", Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}

form#sp_form {
	margin:15px 0;
}

div.focus {
	margin:0;
	padding:10px 20px;
	background-color:#efe;
}

p.sample_feeds {
	text-align:justify;
}