/* ===  Start CSS reset classes === */

/* === 
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 === */
 
 
/* ===  Font size conversion chart 
10px = 77%
11px  = 85%
12px  =	93%
13px  =	100%
14px  =	108%
15px  = 116%
16px  =	123.1%
17px  =	131%
18px  =	138.5%
19px  =	146.5%
20px  =	153.9%
21px  =	161.6%
22px  =	167%
23px  =	174%
24px  =	182%
25px  =	189%
26px  =	197%
=== */

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;}

/* === 
 * 99% for safari; 100% is too large
 === */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/* === 
 * Bump up !IE to get to 13px equivalent
 === */
pre, code {font:115% monospace;}


/* === Start CSS Reset Classes === */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}


fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* === End CSS reset classes === */

/* =========================== */
/* Begin global link treatment */
/* =========================== */

a{color:#0F57C2;text-decoration:none;font-family: arial,helvetica,sans-serif;}
a:visited{color:#800080;text-decoration:none}
a:active,a:focus{color:#E74B00;text-decoration:underline}
a:hover{text-decoration:underline}

/* ============================ */
/* end of global link treatment */
/* ============================ */


/*-------- BEGIN LAYOUT REGIONS -------*/
.layout-nav-region{margin:0px; padding:0px 0px 10px; }
.layout-header-region{margin:0px; padding:0px 0px 0px 15px; }
.layout-content-region{margin:0px; padding:0px 0px 0px 15px; }
.layout-footer-region{margin:0px; padding:6px 0px 0px; }
/*-------- END LAYOUT REGIONS -------*/

/* ---------------------- BEGIN MISCELLANEOUS CLASSES ------ */
.clear-both{clear:both}
.off-screen{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.hidden{display:none !important;}
.block{display:block !important;}
.bold{font-weight:bold !important;}
.align-right{text-align:right;}
.align-center{text-align:center !important;}
.align-left{text-align:left !important;}
/* ---------------------- END MISCELLANEOUS CLASSES ------ */

.navless-header{background:url(../images/navless-gradient.gif) 0px 0px repeat-x; margin:0px; padding:0px; width:100%; height:35px; border-bottom:4px solid #068037; }
.navless-header img{border:0px; margin: 0px 0px 6px; padding:4px 0px 0px;}

.header{ margin: 0 0 17px 0;}
.header h1{color:#408800; font-family: arial, sans-serif; font-weight:normal; font-size:184%; margin:0px; padding:0px 0px 12px;}
.header h1 sup{font-size:67%; position:absolute; margin-top: 1px; margin-left: 1px;}
.header p{ font-size:93%; line-height:136.5%;}
.header p.subheading-text{color:#000; font-family: arial, sans-serif; font-weight:bold; font-size:138.5%; margin:0px; padding:0px 0px 9px; line-height: 18px;}


 .content-section{margin:0px; padding-left:15px; padding-top: 17px; width:686px; background-color:#F0F0F0; border:1px solid #CCCCCC; clear:both; overflow: hidden;}
 .content-section h2{color:#408800; font-size:138.5%; margin:0px; padding:0 0px 16px 0px; font-weight: bold;}
 .content-section .left-content{width:279px; margin:0px; padding:9px 20px 0px 0px; float:left;}
 .content-section .left-content ul li{background:url("../images/greenbulsq.gif") no-repeat 2px 7px; margin:0px; padding: 0px 0px 6px 14px; font-size:93%; line-height:146.5%;}
 .content-section .left-content ul li.last{padding-bottom:0px;}

 .content-section .right-content{width:382px; margin:0px;  padding: 5px 0 0; float:left;}
 .content-section .right-content .screenshot{margin:0px;  display:block;}
 /*.content-section .right-content .screenshot img {border: 1px solid #CCCCCC;}*/
 .content-section .right-content .screenshot.last{padding-bottom:0px;}
 .content-section .right-content p.notes{color:#666666; font-size:85%; margin:0px; padding: 9px 0 17px;}
.disclosure{margin:0px;   padding: 27px 0 0 0; }
.disclosure p{color:#666666; font-size:85%; line-height:131%; margin:0px; padding:0px 0px 15px;}
.disclosure p.last{padding-bottom:0px;}


.ie8 .layout-nav-region{padding:0px 0px 11px;}
.ie8 .header h1{padding-bottom:13px}
.ie8 .content-section h2{padding-bottom:17px;}
.ie8 .disclosure{padding: 27px 0 0 0;}

.ie7 .content-section .right-content p.notes{padding: 12px 0 17px;}
.ie7 .header h1{padding-bottom:13px}
.ie7 .header p.subheading-text{padding:0px 0px 8px;}
.ie7 .content-section .left-content ul li{padding: 0px 0px 5px 23px;}

/* Start Base CSS For modal Window */
.popin { background-color: rgba(0, 0, 0, 0.5); padding: 16px 16px 16px 16px; width:748px; position:absolute; top:50px; left: 150px; z-index:999; display: none;}
.popin .popin-wrapper{ background: url("../images/draggableTopHashes.png") repeat-x; background-color: #fff; border: 1px solid #000; padding:16px 16px 16px 8px;}
.popin a.close-button {	cursor: pointer; display:block;  margin: 0px 0px 0px 0px; position:absolute; right:25px; top:25px;}
.ie7 .popin, .ie8 .popin, .ie9 .popin{background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1;}
.popin .content-body .content-top {padding-top:0px;}
.popin .content-body .content-top h1 {padding-top:24px; cursor:pointer;}
.popin h3 { font-family: Helvetica,Arial,sans-serif; font-size: 120%; font-weight: bold; line-height: 120%; padding: 0 8px 6px 0px;}
/* End Base CSS For modal Window */