/* ===  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 13px; }
.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:57px 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 54px;}
.header h1{color:#408800; font-family: arial, sans-serif; font-weight:normal; font-size:197%; margin:0px; padding:0px 0px 13px;}
.header p{ font-size:93%; line-height:146.5%;}

.container .pagination{margin:0px; padding:0px 0px 19px 12px;}
.container .pagination .page-number{font-weight:bold; font-size:93%; display:block;}
.container .pagination .page-number a{cursor:pointer;}
.container .pagination .pipe-spacing{margin:0px; padding: 0 5px 0 4px; vertical-align:middle;}
.container h2{color:#408800; font-size:123.1%; margin:0px; padding:0px 0px 13px 12px;}

.container .content-section{margin:0px; padding-left:15px; width:686px; background-color:#F0F0F0; border:1px solid #CCCCCC; clear:both; overflow: hidden;}
.container .content-section .left-content{width:279px; margin:0px; padding:9px 20px 0px 0px; float:left;}
.container .content-section .left-content ul li{margin:0px; padding: 0px 0px 7px 23px; font-size:93%; line-height:146.5%;}
.container .content-section .left-content ul li.last{padding-bottom:0px;}
.container .content-section .left-content .number-one{background:url(../images/green1.gif) no-repeat 0px 1px;}
.container .content-section .left-content .number-two{background:url(../images/green2.gif) no-repeat 0px 1px;}
.container .content-section .left-content .number-three{background:url(../images/green3.gif) no-repeat 0px 1px;}
.container .content-section .left-content .number-four{background:url(../images/green4.gif) no-repeat 0px 1px;}
.container .content-section .left-content .number-five{background:url(../images/green5.png) no-repeat 0px 1px;}
.container .content-section .left-content .number-six{background:url(../images/green6.png) no-repeat 0px 1px;}
.container .content-section .right-content{width:382px; margin:0px;  padding: 5px 0 0; float:left;}
.container .content-section .right-content .screenshot{margin:0px;  display:block;}
.container .content-section .right-content .screenshot img {border: 1px solid #CCCCCC;}
.container .content-section .right-content .screenshot.last{padding-bottom:0px;}
.container .content-section .right-content p.notes{color:#666666; font-size:93%; margin:0px; padding: 8px 0 12px; font-style:italic;}
.disclosure{margin:0px;   padding: 97px 0 0; width: 406px}
.disclosure p{color:#666666; font-size:85%; line-height:131%; margin:0px; padding:0px 0px 15px;}
.disclosure p.last{padding-bottom:0px;}