﻿
/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#444;}
h1				{font-size: 11px;line-height:1;margin-bottom:0px; color: #FFF; padding-top: 2px; font-weight: bold; }
h2				{font-size: 13px;line-height:1;margin-bottom:0px; color: #FFF;  font-weight: bold;}
h3				{font-size: 13px;line-height:1; margin-bottom: 6px; padding-top: 10px; font-weight: bold; color: #274267;}
h4				{font-size: 12px;line-height:1.25;margin-bottom:0; font-weight: bold; }
h5				{font-size:12px;font-weight:bold;margin-bottom:0;}
h6				{font-size:12px;margin-bottom: 0;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p				{margin:0 0 14px; line-height: 17px;}
/*p img.left		{float:left;margin:18px 18px 18px 0;padding:0;}
p img.right		{float:right;margin:5px 8px 8px; border: solid 1px #999;} */
a:focus, a:hover {color:#03C; text-decoration: underline;}
a				{color:#00A5DA; text-decoration:none;}
blockquote		{margin:18px;color:#666;font-style:italic;}
strong			{font-weight:bold;}
em, dfn			{font-style:italic;}
dfn				{font-weight:bold;}
sup, sub		{line-height:0;}
abbr, acronym	{border-bottom:1px dotted #666;}
address			{margin:0 0 18px;font-style:italic;}
del				{color:#666;}
pre				{margin:18px 0;white-space:pre;}
pre, code, tt	{font:12px 'andale mono', 'lucida console', monospace;line-height:18px;}
li ul, li ol	{margin:0px 18px;}
ul, ol			{margin:0 24px 18px 24px;}
ul				{list-style-type:disc;}
.indexCardBody li {padding: 2px;}
ol				{list-style-type:decimal;}
dl				{margin:0 0 18px 0;}
dl dt			{font-weight:bold;}
dd				{margin-left:18px;} 
tr.even td		{background:#e5ecf9;}
caption			{background:#eee;}
.small			{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large			{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide			{display:none;}
.quiet			{color:#666;}
.loud			{color:#000;}
.highlight		{background:#ff0;}
.added			{background:#060;color:#fff;}
.removed		{background:#900;color:#fff;}
.first			{margin-left:0;padding-left:0;}
.last			{margin-right:0;padding-right:0;}
.top			{margin-top:0;padding-top:0;}
.bottom			{margin-bottom:0;padding-bottom:0; padding: 4px;} 
.clear			{clear: both;}	
.center			{text-align: center;}
.infoBox		{background: #eee; border: dotted 1px #ccc; margin-bottom: 10px; padding: 0px 10px;}
.note			{font-size: 11px;}
/* rounded corners
.infoBox		{background: #eee; border: dotted 1px #ccc; margin-bottom: 10px; padding: 0px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} */

.imgBox			{border: dotted 1px #CCC; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

#left	{float: left; width:73%; padding-right: 15px;}
#right	{float: right; width: 23%; background: url(../images/interface/thinLine.gif) no-repeat left top;}
.left	{float:left;  margin: 0px 10px 6px 0px; border: solid 1px #ccc;}
.right	{float:right; margin: 6px 0px 6px 10px; border: solid 1px #ccc;}
.greyBox {border: solid 1px #ccc;}

/* box outline styles */
.box-1 {border: 1px solid #C3C3C3; padding: 15px 15px 5px 15px; margin: 5px 0px; overflow: hidden;}
span.box-1-title {color: #274267; position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;line-height:120%;}

.box-1 ul {margin-top: 2px;}
.box-1 li {padding: 2px}
.box-1 a			{}
.box-1 a:hover	{}
.slideshowBG {background: #000 url(../images/home/welcomeBG.gif) no-repeat bottom right;  }

.box-2 {border: 1px solid #C3C3C3; padding: 15px 15px 5px 15px; margin: 15px 0px; overflow: hidden;}
span.box-2-title {color: #274267; position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;line-height:120%;}

.box-2 ul {margin-top: 2px;}
.box-2 li {padding: 2px}
.box-2 a			{}
.box-2 a:hover	{}

.box-3 {border: 1px solid #C3C3C3; padding: 15px 15px 5px 15px; margin: 15px 0px; overflow: hidden; background: #eee}
.box-3 p {color: #274267; vertical-align: middle;height: 85px;}
.box-4 {border: 1px solid #C3C3C3; padding: 15px 15px 5px 15px; margin-bottom: 8px; overflow: hidden; background: #eee}
.box-4 p {color: #274267;}

.box-5 {border: 1px solid #C3C3C3; padding: 15px 15px 5px 15px; margin-bottom: 8px; overflow: hidden; background: #eee; font-family: Trebuchet MS;}

/* home page slideshow */
.slideshow {height: 187px; width:706px; margin: 8px 0px 8px 8px; overflow: hidden;}
.slideshow img {border: 1px solid #000;margin-right: 8px; float: left; }
.slideshow p {padding: 10px; color: #FFF; font-size: 14px; line-height: 18px; font-family: Arial;}

/* bsuite overview  */
#demotip {display:none; background:transparent url(../images/black_arrow_250.png); font-size:11px; height:90px; width:200px; padding:25px; color:#fff;} 
#demo img {border:0; cursor:pointer; margin:0px;} 


.linkPDF  a	{color: #439; margin-left: 4px; text-decoration: none; vertical-align: middle;  background: transparent url(../images/icons/pdf.gif) no-repeat center left; padding-left: 16px; /*adjust bullet image padding*/ text-decoration: none;}
.linkPDF  a:hover	{color: #b2b2c2; text-decoration: underline}


.tableSupport			{border: solid 1px #C3C3C3; width:100%; margin: 10px 0px;}
.tableSupport .title	{border-bottom: solid 1px #C3C3C3; background: #e3e3e3; color: #333; padding-left: 4px;}
.tableSupport td		{background: #eee; padding: 6px;}

