/*overwrite all default browser settings*/
* {
	margin:0;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	color: #666666;
}
body {
	margin: 20px 0 0 0;
	font-size: 11px;
}
hr {
	/*display: block;*/
	height: 1px;
	border-top: 1px;
}
a img {
	border: 0;
}
a {
	text-decoration: none;
	color: #00AADD;
}
ul.caret {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-image:  url("../imgaa/button_caret.gif");
}
ul.caret li {
	margin: 5px 0 0 5px;
	padding: 5px 0 0 0;
}
ul.caret a {
	color: #00AADD;
	text-decoration: none;
}
ul.plain {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.plain li {
	margin: 5px 0 0 0;
}
ul.plain a {
	color: #00AADD;
	text-decoration: none;
}
#container {
	border: 0px solid red;
}

ol.faqs {
	margin: 0 0 0 40px;
}

ol.overview {
	margin: 10px 0 10px 23px;
}

ol.overview li{
	margin: 7px 0 0 0;
}

ul.faqs {
	margin: 0 0 0 40px;
}

td.dropbox-bottom ul.overview {
	margin: 0 0 0 16px;
	padding: 0;
}

td.dropbox-bottom ul.overview li{
	margin: 0;
	padding: 0;
	list-style-image: url("../imgaa/caret_dash.gif");
}

a.hanging-indent  {
	display: block;
	margin: 0px 0 0 0px;
	padding: 0px 0px 0px 15px;
	text-indent: -16px;
}

a.dropbox-right-link  {
	display: block;
	margin: 10px 0 0 17px;
	padding: 5px 15px 0px 10px;
	text-indent: -17px;
}

#header {
	height: 108px;
	/* background: #77BB11; */
	/* Weird hack to preserve height */
	/*border: 1px solid #77BB11;*/
}
#header #title {
	font-weight: normal;
	margin: 20px 0 0 20px;
	color: white;
	font-family: Arial, Helvetica;
	font-size: 30px;
	letter-spacing: +2px;
}
#header #subtitle {
	font-weight: normal;
	margin: 0 0 0 20px;
	color: white;
	font-family: Arial, Helvetica;
	font-size: 18px;
	letter-spacing: +1px;
}
#left {
	float: left;
	width: 170px;
	padding: 20px 0 0 0;
	border: 0px solid green;
}
/* BEGIN LEFT NAVIGATION **************************************************** */
#navigation {
	margin: 0 0 0 20px;
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #FFFFFF;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 4px;
	border-right: 1px solid #FFFFFF;
	background-color: #CCFF99;
	color: #000000;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #77BB11;
	color: #FFFFFF;
}
#navigation li.selected a:link, #navigation li.selected a:visited {
	background-color: #77BB11;
	color: #FFFFFF;
}
/* END LEFT NAVIGATION ****************************************************** */
#middle {
	float: left;
	width: 380px;
	margin-right: 20px;
	padding: 0 0 0 0;
	border: 0px solid blue;
}
#right {
	float: left;
	width: 180px;
	padding: 40px 0 0 0;
	border: 0px solid green;
	margin-right: 0;
	margin-left: 0;
}
#heroshot-tutorials {
	width: 378px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #CFCFCF;
	background: url("../imgaa/background_tutorials.gif") bottom right no-repeat;
}
#heroshot-faqs {
	width: 378px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #CFCFCF;
	background: url("../imgaa/background_faq.gif") bottom right no-repeat;
}
#heroshot-white-papers {
	width: 378px;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
	border: 1px solid #CFCFCF;
	background: url("../imgaa/background_customer.gif") bottom right no-repeat;
}
#heroshot-customer-stories {
	width: 378px;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
	border: 1px solid #CFCFCF;
	background: url("../imgaa/background_customer.gif") bottom right no-repeat #F2F2F2;
}
#heroshot-companion-product {
	width: 577px;
    height: 262px;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
	border: 1px solid #CFCFCF;
	background: url("../imgaa/background_product.jpg") bottom right no-repeat;
}
/* BEGIN NEW DROPBOX RIGHT STYLES ******************************************* */
div.dropbox-right {
	border: 1px solid #CFCFCF;
	margin-top: 20px;
	padding-bottom: 5px;
}
div.dropbox-right p {
	color: 	#666666;
	margin: 0 10px 0 10px;
}
div.top-dropbox {
	margin-top: -20px;
}
div.dropbox-right h4 {
	padding: 10px;
}



/* END NEW DROPBOX RIGHT STYLES ********************************************* */
#footer {
	clear: both;
	margin: 0 20px 20px 20px;
	padding-top: 20px;
	border: 0px solid orange;
	color: #666666;
}
#askbox {
	width: 390px;
	border: 1px solid #CFCFCF;
	background: url("http://portfolio.clearink.com/images/rc/aa/imgaa/gradient.jpg") bottom right no-repeat;
}
#askbox td {
	vertical-align: top;
	color: #666666;
}
div.status_message_positive {
	background: #E2F9E3;
	color: #006600;
	font-weight: bold;
	border: 1px solid #99CC99;
	margin: 10px;
	padding: 10px;
	letter-spacing: 1px;
}
div.status_message_positive p {
	color: #006600;
}
div.status_message_negative {
	background: #FFCCCC;
	color: #CC0000;
	font-weight: bold;
	border: 1px solid #CC0000;
	margin: 10px;
	padding: 10px;
	letter-spacing: 1px;
}
div.status_message_negative p {
	color: #CC0000;
}

/* BEGIN DROPBOX LEFT  ****************************************************** */

#dropbox-left {
	width: 107px;
	margin: 20px 0 0 20px;
	vertical-align: top;
	padding: 10px;
	background: url('../imgaa/gradient_dropbox.gif') bottom left repeat-x;
	border: 1px solid #C6C6C6;
}


/* END DROPBOX LEFT ********************************************************* */

/* BEGIN OVERVIEW SCREEN **************************************************** */

div#middle-overview {
	float: left;
	width: 577px;
	border: 0px solid red;
}
div#hero-shot {
	height: 263px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	background: url('../imgaa/background_overview.gif') bottom left no-repeat;
	border: 1px solid #C6C6C6;
}
div#bottom {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 575px;
	border: 1px solid #FFFFFF;
}
table#dropbox-table {
	width: 577px;
	height: 100%;
	text-align: left;
	border: 1px solid #FFFFFF;
}
td.spacer {
	width: 10px;
}
td.dropbox-bottom {
	width: 150px;
	vertical-align: top;
	padding: 10px;
	background: url('../imgaa/gradient_dropbox.gif') bottom left repeat-x;
	border: 1px solid #C6C6C6;
}
td.dropbox-bottom p {
	margin: 5px 0 5px 0;
}
h4 {
	color: #666666;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}
img.tn-med {
	border: 1px solid #C6C6C6;
}
img.link-button {
	margin-right: 5px;
	margin-bottom: -1px;
}
/* END OVERVIEW SCREEN ****************************************************** */
div.white-paper {
	margin-bottom: 20px;
}
div.white-paper h4 {
	width: 300px;
}
div.white-paper p {
	width: 300px;
}
ul.white-paper {
	margin: 0;
	padding: 0;
	width: 300px;
	list-style-type: none;
}
ul.white-paper li {
	margin: 5px 0 0 0;
	background:  url("../imgaa/icon_pdf.gif") top left no-repeat;
	padding-left: 30px;
	height: 20px;
}
ul.white-paper a {
	color: #00AADD;
	text-decoration: none;
}
ul.customer-stories {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.customer-stories li {
	margin: 5px 0 0 0;
	background:  url("../imgaa/button_caret_no_box.gif") 0px 5px no-repeat;
	padding-left: 10px;
}
ul.customer-stories a {
	color: #00AADD;
	text-decoration: none;
}
div.customer-stories {
	margin-bottom: 20px;
	border: 0px solid red;
}
table.customer-stories {
	border: 0px solid black;
	border-collapse: collapse;
}
table.customer-stories td {
	border: 0px solid black;
	border-collapse: collapse;
	vertical-align: top;
}
table.customer-stories td.thumbnail {
	/*width: 132px;*/
	width: 75px;
}
table.customer-stories td.blurb {
	/*width: 238px;*/
	width: 295px;
	padding-left: 10px;
}
/* BEGIN DOWNLOAD TUTORIALS SECTION ***************************************** */
table.dl {
	/* border: 1px solid black; */
	border-collapse: collapse;
}
table.dlh {
	margin-top: 5px;
	margin-bottom: 5px;
}
td.lc {
	width: 310px;
	/* border: 1px solid black; */
	padding: 5px;
	background: #F5F5F5;
}
td.lcd {
	padding-left: 20px;
	border-bottom: 1px solid #FFFFFF;
}
td.rc {
	width: 75px;
	padding: 5px;
	background: #F5F5F5;
	text-align: right;
}
td.rcd {
	border-bottom: 1px solid #FFFFFF;
}
hr.white-divider {
	border: none 0;
	border-top: 1px solid #FFFFFF;
	height: 1px;
}
table.dl td.wd {
	height: 10px;
}
/* END DOWNLOAD TUTORIALS SECTION ******************************************* */
.faq-ol {
	margin-left: 40px;
}