/* CSS Document */


body,td,table,li,ul,p,form,fieldset,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
table,img,fieldset {
	border:0;
}

a, a:link, a:visited, a:hover {outline: none;}

.clearLeft {
	clear:left;
}
body {
	background:#ffffff url(../images/rcol_top_back.gif) repeat-x;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	color:#333;
	margin-bottom:0;
}

body.cp {
	background:#ffffff url(../images/cp_body_back.gif) repeat-x;
}

p {
	margin-bottom:.8em;
	margin-top:.8em;	
	line-height:1.4em;
}

p a, p a:link, p a:visited, td a:link, td a:visited, span a, span a:link  {
	color:#1684ef;
	font-weight: normal;
	text-decoration: underline;	
}

p a:hover, td a:hover, span a:hover  {
	text-decoration: none;	
}

a, a:link, a:visited {
	color:#1684ef;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
}

h1,h2 {
	-x-system-font:none;
	color:#0c76e5;
	font-size:27px;
	font-family: Arial, sans-serif;
	padding:5px 0;
	padding-left:45px;
	margin-bottom:10px;
	font-weight: lighter;	
}

h3 {
	color:#666;
	font-family: Arial, Helvetica, Tahoma, sans-serif;	
	font-size:17px;
	font-weight: normal;
}
h4 {
	color:#499e1f;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size:16px;
	font-weight: bold;
}

.hr {
border:1px #ccc dotted;
height:1px;
}


#bg {
	width: 50%;
	height: 543px; /* height of bg! */
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../images/lcol_top_back.gif) repeat-x;
} 

#wrapper {
	width:1071px;
	margin: 0 auto;
    position: relative;
    z-index: 1;
}

#header {
	position:relative;
	width:1071px;
	height:543px;
	margin: 0 auto;	
	background:url(../images/mcol_top_back.jpg) no-repeat left top;
}

/* Inner Pages ============================ */

#wrapper2 {
	width:1071px;
	margin: 0 auto;
    position: relative;
    z-index: 2;
	background: url(../images/mcol_top_back2.jpg) no-repeat left top;
}

#wrapper3 {
	width:1071px;
	margin: 0 auto;
    position: relative;
    z-index: 2;
}


#header2 {
	width:1071px;
	margin: 0 auto;	
	height:100px;
    z-index:9999;
	position: relative;
	background-image:none;		
}


#contentWrapper2 {
	position:relative;
	width: 1030px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	overflow: hidden;
	background:url(../images/splash.gif) no-repeat bottom left;
	color:#777676;	
	
}

 
/*  ============================ */


.dots {
margin: 3px 0px;
padding: 0px;
width: auto;
height: 1px;
border-top: 1px dotted #000;
clear: left;
}

.comment {
margin: 3px 0px;
padding: 10px;
width: auto;
border-top: 1px dotted #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px dotted #ddd;
background-color: #eee;
clear: left;
}

/* Logo ============================ */
.logo {
	position:absolute;
	top:18px;
	left:35px;
	height:55px;
	width:308px;
}


/* Flash Demo ============================ */
.flash_demo {
	position:absolute;
	top:70px;
	right:0px;
	height:480px;
	width:480px;
}


/* Home Page Promo Box ============================ */
.promo {
	position:absolute;
	top:185px;
	left:83px;
	width:492px;
	height:295px;
}

.promo h1 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	padding: 0 0 0 38px;
	margin: 0;
}

.promo h2 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#55a42e;
	padding: 7px 0 7px 38px;
}

.promo ul{
	margin: 6px 0 18px 0;
	position:absolute;
	top: 110px;
	left: 95px;
	padding: 0;
	list-style: none;
	width:390px;
	height:auto;
}
.promo li{
	margin: 0;
	font-size: 15px;
	line-height: 20px;
	padding: 0px 0 3px 15px;	
	background:url(../images/bullet.gif) no-repeat;
}

.icon {
	position:absolute;
	top:127px;
	left:5px;
}

.home_buttons {
	position:absolute;
	top:260px;
	left:100px;
}


/* MAIN MENU STYLES =================================== */

#MainMenuContainer {
	position:relative;
	z-index:9999;
	
}

ul.mainMenu {
	position:absolute;
	height:41px;

	margin:0;
	top: 8px;
	right: 40px;
	list-style-type:none;
	z-index:9999;
	float:right;
}
.mainMenu li {
	height:41px;
	float:left;
	padding-left:11px;
	background:url(../images/mainnav_left_off.gif) no-repeat left top;
}
.mainMenu li a:link, .mainMenu li a:visited {
	height:41px;
	line-height:41px;
	float:left;
	display:block;
	padding-right:11px;	
	color:#ffffff;
	text-decoration:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	white-space:nowrap;
}

.mainMenu li#on{ /* set in the jquery */
	background:url(../images/mm_over_left.jpg) no-repeat left top;	
}

.mainMenu li#on a:link, .mainMenu li#on a:visited{
	background:url(../images/mm_over_right.jpg) no-repeat right top;
}

.mainMenu li#off{
	background-image:none;	
}

.mainMenu li#green a:link, .mainMenu li#green a:visited{
	color:#b0f18f;	
}

.mainMenu li.lihover { /* set in the jquery */
	background:url(../images/mm_on_left.jpg) no-repeat left top;	
}

.mainMenu li a:hover, 
#wrapper .mainMenu li a.hover,
#wrapper2 .mainMenu li a.hover {
	background:url(../images/mm_on_right.jpg) no-repeat right top;
}

.mainMenu li#on a:hover, .mainMenu li#on a.hover {
	background:url(../images/mm_over_right.jpg) no-repeat right top;
}


/* Sub Menu Syles ================= */
.mainMenu li ul {
	list-style-type:none;
	display:none;
	position:absolute;
	top:28px;
	clear:left;
	width:213px;
	height:auto;
	z-index:9999;

}
* html .mainMenu li ul {
	width:1%;
}
.mainMenu li ul li {
	float:none;
	height:auto;
	background:none;
	padding:0;
	margin:0;
}
.mainMenu li.iefix {
	/* This class is applied in the IE jquery script */
	float:left;
	clear:left;
}
* html .mainMenu ul img {
	float:left;
}


#wrapper .mainMenu li ul a:link, 
#wrapper .mainMenu li ul a:visited,
#wrapper2 .mainMenu li ul a:link, 
#wrapper2 .mainMenu li ul a:visited {
	float:none;
	margin-top:0;
	height:22px;
	line-height:22px;
	padding:0 15px;
	text-transform:none;
	color:#000;
	font-weight:normal;
	background:url(../images/hover_box_middle.gif) repeat;	
}
#wrapper .mainMenu li ul a:hover,
#wrapper2 .mainMenu li ul a:hover {
	color:#2a8008;
	background:url(../images/hover_box_middle.gif) repeat;	
}
.mainMenu li ul ul {
	top:-1px;
	z-index:1000;
	margin-left:0;
	border-top:1px solid #999997;
}




/* HOME PAGE CONTENT AREA =============================*/
#contentWrapper {
	position:relative;
	width: 985px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	overflow: hidden;
	background:url(../images/splash.gif) no-repeat bottom left;
	color:#777676;
}



#contentWrapper a, a:link, a:visited {
	color:#1684ef;
}

#contentWrapper a:hover{
	text-decoration: underline;
}


.HomeColumn {
	width:240px;
	height: auto;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	background:url(../images/text_column_line.gif) repeat-y;
}

.HomeColumn_icons {
	width:265px;
	height: 455px;	
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	background:url(../images/text_column_line.gif) repeat-y;	
}

.HomeColumn h3, .HomeColumn_icons h3 {
	padding: 7px 0 0 25px;
	margin: 0;
	float: left;
	overflow: hidden;
	background:url(../images/bubbles_green.gif) no-repeat top left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	height: 30px;
	width: 100%;
	font-size: 16px;
}

.HomeColumn h4, .HomeColumn_icons h4, .HomeColumn h4 a, .HomeColumn h4 a:link, .HomeColumn h4 a:visited {
	padding: 3px 0;
	margin: 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #59a828;	
}


.HomeColumn h4 a:hover {
text-decoration: underline
}


.HomeColumn p, .HomeColumn_icons p {
	padding: 7px 5px 12px 25px;
	margin: 0;
}

.date {
	font-size: 11px;
}

pre, .css_example, .css_example pre{
border: 1px dashed #666666;
background:#f9edba;
padding: 5px;
color:#333333;
width:inherit;
margin:0 15px;
}


/* INNER PAGE CONTENT AREA =============================*/

#LeftColumn {
	width:213px;
	padding: 0px 0 130px 30px;
	margin: 53px 0 0 0;
	float: left;
}


#LeftMenu {
	width:213px;
	padding: 0;
	margin: 0;
	background:url(../images/left_menu_top.gif) repeat-y;
}

.LeftLogin {
	width:213px;
	padding: 0;
	margin: 0;
	background:url(../images/left_login.gif) repeat-y;
}

.LeftLogin p {
	padding: 0 25px;
}


#LeftMenu h2, .LeftLogin h2{
	padding: 12px;
	margin: 0;
	color:#FFFFFF;
	font-size: 16px;
	line-height: 18px;
}

#LeftMenu h2 a, .LeftLogin h2 a{
	font-size: 16px;
	color:#FFFFFF;	
}

#LeftMenu ul, .LeftLogin ul {
	list-style:none;
	padding: 0px;
	margin: 0;
	color:#404040;
	font-size: 16px;
}

#LeftMenu li, .LeftLogin li {
	padding:  5px 7px 0px 15px;
	margin: 0;
}

#LeftMenu li a:link, #LeftMenu li a:visited, .LeftLogin li a:link, .LeftLogin li a:visited {
	padding: 0;
	margin: 0;
	color:#404040;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#LeftMenu li a:hover, .LeftLogin li a:hover{
	text-decoration: underline;	
}

#LeftMenu li.on a:link, #LeftMenu li#on a:visited, .LeftLogin li.on a:link, .LeftLogin li#on a:visited{
	color:#40961a;
	text-decoration: underline;
}


#LeftMenuBottom {
	width:213px;
	height: 30px;
	padding: 0;
	margin: 0;
	background:url(../images/left_menu_bottom.gif) bottom;
}


.LeftWidget {
	width:220px;
	height: auto;
	padding: 0;
	margin: 0 0 20px 0;
	float: left;
	overflow: hidden;
	background:url(../images/text_column_line.gif) repeat-y;
}

.LeftWidget ul {
	padding: 0 0 10px 25px;
	margin: 0;
	list-style: none;
}

.LeftWidget ul li {
	list-style: none;
	padding: 2px 15px;
	background:url(../images/bullet.gif) no-repeat;	
}



.LeftWidget_icons {
	width:265px;
	height: 430px;	
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	background:url(../images/text_column_line.gif) repeat-y;	
}

.LeftWidget h3 {
	padding: 7px 0 0 25px;
	margin: 0;
	float: left;
	overflow: hidden;
	background:url(../images/bubbles_green.gif) no-repeat top left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	height: 30px;
	width: 100%;
	font-size: 16px;
}

.LeftWidget h4, .LeftWidget_icons h4, .LeftWidget h4 a {
	padding: 3px 0;
	margin: 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#5ba62c;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none
}

.LeftWidget h4 a:hover {
	text-decoration: underline
} 


#MiddleColumn {
	width:748px;
	height: auto;
	padding: 0;
	margin: 0 0 25px 0;
	float: right;
	overflow: hidden;
	background:url(../images/middle_col_back.gif) repeat-y;
}

.small {
font-size:11px;
line-height: 14px;
}

#Content {
	width: auto;
	height: auto;
	padding: 10px 25px;
	margin: 0 auto;
	color:#666666;
	line-height: 20px;
	font-size:14px;	
}

#Content a, #Content a:link {	
	color:#1684ef;
	font-size:14px;		
	text-decoration: underline;
}

#Content a:hover {
	text-decoration: none;
	font-size:14px;		
}

#Content td {
	padding: 5px 5px;
}


#Content h1, #Content h1 a, #Content h1 a:link, #Content h1 a:visited{
    -x-system-font:none;
	color:#0c76e5;
	font-size: 27px;
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 8px 0 5px 0;
	font-weight: lighter;
	text-decoration: none;
	line-height: 28px;	
}

#Content h1 a:hover{
text-decoration: underline;
}

#Content h2, #Content h2 a, #Content h2 a:link, #Content h2 a:visited  {
    -x-system-font:none;
	color:#59a828;
	font-size: 19px;
	font-family: Arial, sans-serif;
	padding: 0 15px 0 0;
	margin: 5px 0 8px 0;
	font-weight: none;
	text-decoration: none;
	line-height: 23px;
}

#Content h2 a:hover {
text-decoration: underline;
}


h3{
	padding: 2px 0;
	margin: 0;
	color:#666;
	font-size: 18px;
	font-weight: lighter;
	font-family: Arial, sans-serif;
	background: none;
}

#Content h4{
	padding: 3px 0;
	margin: 0;
	color:#5ba62c;
	font-size: 19px;
	font-weight: normal;
	font-family: Arial, sans-serif;	
}

#Content p{
	padding: 2px 20px 18px 2px;
	margin: 0;
}

#Content br{
	clear: left;
}

#Content ul {
	padding: 10px 0 10px 20px;
	margin: 0;
	list-style: none;
}

#Content img {
	padding: 0 5px;
}

#Content ul li {
	list-style: none;
	padding: 3px 25px 3px 15px;
	background:url(../images/bullet.gif) no-repeat;	
}


#MiddleColumnBottom {
	width:748px;
	height: 25px;
	padding: 0;
	margin: 0;
	background:url(../images/middle_col_bottom.gif) bottom no-repeat;
}


#MiddleColumnWide {
	width:556px;
	padding: 0px 0px 0 0px;
	margin: 0;
	float:left;
}

#RightColumn {
	width:170px;
	padding: 0px 5px 0 0;
	margin: 0;
	float:right;
}



/* FOOTER STYLES ============================ */
#footerWrapper {
	clear:left;
	width: 100%;	
	background:#479d20 url(../images/lcol_bottom_back.gif) repeat-x;
	padding:0;
	margin:0;
}
#footer {
	width:1071px;
	height:372px;
	padding:0;
	color:#ffffff;
	background:#479d20 url(../images/mcol_bottom_back.jpg) no-repeat;
	margin: 0 auto;		
}

.FooterTitle {
float:left;
color:#FFFFFF;
font-size: 13px;
padding: 10px 40px;
}

.FooterCopyright {
color:#FFFFFF;
font-size: 11px;
float:right;
padding: 10px 40px;
}

.FooterCopyright a, .FooterCopyright a:link, .FooterCopyright a:visited, .FooterCopyright a:hover {
color:#FFFFFF;
font-size: 11px;
text-decoration: underline;
}

.FooterLine {
height:1px;
width: 93%;
border-bottom: 1px #9cd382 solid;
margin: 0 auto;
}

#FooterWidget {
	width:190px;
	height: auto;
	margin: 0 10px 0 5px;
	padding: 0;
	float: left;
	overflow: hidden;
}


#FooterWidget h3 {
	padding: 5px 0 5px 30px;
	margin: 0;
	background:url(../images/bubbles_white.gif) no-repeat top left;
	color:#aff18f;
	font-size: 16px;
}

#FooterWidget a, a:link, a:visited, a:hover, #FooterWidget li a, a:link, a:visited {
	color:#FFFFFF;
	font-size: 13px;
	text-decoration: none;
}


#FooterWidget p {
	padding: 5px 5px 5px 30px;
	margin: 0;
}

#FooterWidget ul {
	list-style:none;
	padding: 0px 0 0 30px;
	margin: 0;
	color:#404040;
	font-size: 16px;
}

#FooterWidget li.blog {
	list-style:none;
	padding:  4px 7px 6px 0px;
	margin: 0;
	color:#404040;
	font-size: 16px;
	border-bottom: 1px solid #6fb650;
	display:block;
	line-height: 18px;	
}

#FooterWidget li {
	padding:  2px 7px 2px 0px;
	margin: 0;
	text-decoration: none;
	line-height: 17px;
}

#FooterWidget li a:hover {
	text-decoration: underline;
}


/* Search Box ================================ */
.searchBox, .searchBox_forum {
	position:relative;
	width:300px;
	height:50px;
	padding: 0 0 0 30px;
}
.searchBox input, .searchBox_forum input {
	width:150px;
	padding: 2px;
	margin: 6px 4px 4px 0;
	border:1px solid #999;
	color:#701c00;
	font-size:12px;
	float:left;
}
.searchBox input.button, .searchBox_forum input.button {

	width:auto;
	border:none;
	float:left;	
	padding: 0;
	margin: 0;
}

.searchBox a, .searchBox_forum a {
	color:#b47432;
	font-weight: normal;
}

.searchBox a:hover, .searchBox_forum a:hover {
text-decoration: underline;
}

br {
clear:both;
}


/* TABLE STYLES ============================ */
.sectiontable {
	margin: 15px 0 0 0;
	width: 100%;
}

.sectiontable table {
	margin: 15px 0 0 0;
	width: 100%;
}

.sectiontable td {
	padding: 5px 5px;
}

.sectiontableheader {
	padding: 5px 5px;
	background:url(../images/forum_header_back.gif) repeat-x top left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.filters {
	text-align: right;
	padding-bottom: 3px;
}
.filters td input {
	width:166px;
	padding: 2px;
	border:1px solid #999;	
}
.filters input.button2 {
	position:relative;
	width:auto;
	border:none;
	top: 4px;
	padding: 0 3px;
}


tr.sectiontableentry1 td {
	padding: 5px 5px;
	border-bottom: 1px solid #DDDDDD;
	background: #FFFFFF;
}

tr.sectiontableentry2 td {
	padding: 5px 5px;
	border-bottom: 1px solid #DDDDDD;
	background: #EFEFEF;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: #eee;
}

/* CP STYLES ============================ */

#cpHeader {
	width:1071px;
	margin: 0 auto;	
	height:80px;
    z-index: 9999;	
	position: relative;
	background:url(../images/cp_header.jpg) no-repeat top left;		
}

#welcome {
	position:absolute;
	float: right;
	top: 50px;
	right: 50px;
	height:20px;
	color:#FFFFFF;
	font-size: 11px;
}

#welcome a, #welcome a:link, #welcome a:visited {
text-decoration: underline;
font-size: 11px;
color:#FFF;
}

#welcome a:hover {
text-decoration: none;
}

#cpFooterWrapper {
	clear:left;
	width: 100%;	
	background:#479d20 url(../images/cp_footer.gif) repeat-x;
	padding:0;
	margin:0;
}
#cpFooter {
	width:1097px;
	height:111px;
	padding:0;
	color:#ffffff;
	background:#479d20 url(../images/cp_footer_back.jpg) no-repeat;
	margin: 0 auto;		
}


#cpContentTop {
	width:980px;
	height:14px;
	padding:0;
	background: url(../images/cp_content_top.gif) no-repeat;
	margin: 0 auto;		
}

#cpContentMiddle {
	width:980px;
	padding:0;
	background: url(../images/cp_content_middle.gif) repeat-y;
	margin: 0 auto;
	overflow: hidden;		
}

#cpContentBottom {
	width:980px;
	height:24px;
	padding:0;
	background: url(../images/cp_content_bottom.gif) no-repeat;
	margin: 0 auto 20px auto;		
}

#ContentColumn {
width: auto;
float: left;
}

span.alert {
	color:#c20013;
}

span.disclaimer {
	color:#666;
	font-size:10px;
	line-height: 15px;	
}

span.error {
    color:#c20013;
    font-size:10px;
    font-weight:bold;
    line-height: 15px;  
}

span.error a {
	color:#c20013;
    font-size:10px;
    font-weight:bold;
    line-height: 15px;
}	

#ContentColumn td {
line-height: 17px;
font-size: 13px;
}


#ContentColumn h2 {
	padding: 10px 0;
	line-height: 20px;
}

.acidTest{
	width:542px;
	padding: 10px 0;
}
.acidTest input {
	width:530px;
	height:26px;	
	padding: 4px;
	margin: 0;
	border:1px solid #287f06;
	color:#666666;
	font-size:20px;
}

.acidTest input.checkbox {
	width:16px; height:16px; border:none; vertical-align: bottom; margin-bottom: 3px
	}


.acidTest textarea{
	width:530px;
	height:250px;
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666;	
	border:1px solid #287f06;	
}


.acidTest input.button{
	width:auto;
	height:auto;	
	border:none;
	float:right;	
	padding: 3px;
	margin: 0;
}

.acidTest .button{
    width:auto;
    height:auto;    
    border:none;
    float:right;    
    padding: 3px;
    margin: 0;
}

span.label {
	color:#666666;
	font-size:16px;
	line-height: 25px;
}

/* CP TAB STYLES ============================ */

.close_tab {
	width: 5px;
	float: left;
	height: 55px;
	background: url(../app/images/cp_tabs_right.jpg) repeat;
	}
	
.open_tab {
	width: 5px;
	float: left;
	height: 55px;
	margin-left: 7px;
	background: url(../app/images/cp_tabs_left.gif) repeat;
	}	

#cpTabHolder {
	background-position: right;
	padding-right: 5px;
	height: 100px;
	display: inline;

}

#eoaUL li a:link, #eoaUL li a:visited, #eoaUL li a:hover { background-position: 0 0; width: 101px}

.cpTabs{
	float: left;
	width: 350px;
	position:relative;
	padding: 0 3px 0 0;
	margin-left: 0;
	margin-right: 0;
	overflow:hidden;
	background: url(../app/images/cp_tabs_middle.gif) repeat;

}



.cpTabTitle, webTitle, mobileTitle{
	float: left;
	position: relative;
}

.cpTabTitle span{
	font-size: 11px;
	top: -15px;
	left: 10px;
	position: absolute;
	width: 90px;
}

#cpAnalysisTabs {
	margin: 0 auto;
	width: 1060px;
	padding: 0 40px;
	background-color: #fff;
}

.cpTabs em{
	display:block;
	width:3px;
	height: 50px;
	z-index: 1000;
} 

.cpTabs ul{
	padding: 2px 0px 0 0;	
	margin: 0;
	list-style-type: none;
	display:block;
	width:1000px;
} 

#cpAnalysisTabs ul{
	padding: 0;	
	margin: 0;
	list-style-type: none;
}

.cpTabs ul li,
#cpAnalysisTabs ul li {
	float: left;
	margin: 0;	
}



.cpTabs li a:link, .cpTabs li a:visited {
	display: block;
	width: 56px;
 	height:53px;
	background-position: top left;
	margin: 0 1px;
	padding: 0;
	text-indent: -9999px;	
}

#cpAnalysisTabs li a:link, #cpAnalysisTabs li a:visited {
	display: block;
 	height:26px;
	margin: 0;
	padding-right: 5px;	
}

.cpTabs li a:hover {
	background-position: -56px 0;
	width: 73px;
}

.cpTabs li.selected a:link, .cpTabs li.selected a:visited {
	background-position: -129px 0;
	width: 73px;
}

.cpTabs li.grey a:link, .cpTabs li.grey a:visited {
	display: block;
 	height:53px;
	margin: 0 1px;
	padding: 0;
	text-indent: -9999px;
	background:url(../app/images/upsell/rcol_footer_acid.gif) no-repeat bottom left;	
}

.cpTabs li.grey a:hover {
	background-position: 0 0;
}

/* CP Menu STYLES ============================ */

.cpMenu1{
	float: right;
	width: 430px;
	text-align: right;
}

.cpMenu1 span {
	font-size: 16px;
	line-height: 45px;
	float: left;
	}


.cpMenu{
	float: right;
}

.cpMenu ul{
	list-style:none;
	padding:0;
	margin:0;
}

.cpMenu ul li{
	float: left;
	line-height: 22px;
	padding: 0px 5px;
	height: 22px;	
}

.cpMenu li a, .cpMenu li a:link, .cpMenu li a:visited, .cpMenu a {
	background: url(../images/cp_menu_off.gif) no-repeat top left;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color:#fff;
}

.cpMenu li.disabled a, .cpMenu li.disabled a:link, .cpMenu li.disabled a:visited, .cpMenu .disabled a {
	background: url(../images/cp_menu_off_disabled.gif) no-repeat top left;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color:#fff;
}

.cpMenu a, #cpMenu a:link, #cpMenu a:visited, {
color:#fff !important;
}

.cpMenu li span{
	background: url(../images/cp_menu_right_off.gif) no-repeat top right;
	display: block;
	padding: 0px 10px 0px 10px;
	color:#fff;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.cpMenu li.disabled span{
	background: url(../images/cp_menu_right_off_disabled.gif) no-repeat top right;
	display: block;
	padding: 0px 10px 0px 10px;
	color:#fff;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.cpMenu li a:hover{
	background: url(../images/cp_menu_over.gif) no-repeat top left;
	color:#6e6e6e !important;
}

.cpMenu li span a:hover{
	background: url(../images/cp_menu_right_over.gif) no-repeat top right;
}


.cpAnalysis{
	padding:15px;
	margin:0;
	width:auto;
	height: 350px;
	overflow: auto;

}

#Breadcrumb {
	padding: 15px 0;
}


#Breadcrumb a, #Breadcrumb a:link, #Breadcrumb a:visited, {
	color:#5ba62c;
	text-decoration:underline;
}

.large_text {
font-size:18px;
color:#626262;
}


#pricing ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color:#00FF00;
}

#pricing ul li {
	margin: 0;
	padding: 0 0 0 15px;	
	background:url(../images/bullet.gif) no-repeat;
}


.green{
	padding: 3px 0;
	margin: 0;
	color:#5ba62c;
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, sans-serif;	
}

.blue{
	padding: 3px 0;
	margin: 0;
	color:#6ab8ff;
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, sans-serif;	
}


.widget_container{
	width: 195px;
	float:left;
	margin: 5px;
}

.widget_top{
	background:url(../app/images/widget_top.jpg) no-repeat;
	width: 195px;
	height: 13px;
	margin: 0;
	display:block;
}

.widget_bottom{
	background:url(../app/images/widget_bottom.jpg) no-repeat bottom left;
	width: 195px;
	padding-bottom: 20px;
	margin: 0;
}

.widget_content{
	margin: 0px 15px;
}


.recent_container{
	width: 604px;
	float:left;
	margin: 5px;
}

.recent_top{
	background:url(../app/images/recent_activity.jpg) no-repeat;
	width: 604px;
	margin: 0;
	display:block;
	padding-top: 20px;
}

.recent_bottom{
	background:url(../app/images/recent_bottom.jpg) no-repeat bottom left;
	width: 604px;
	margin: 0;
	height: 45px;	
}

.recent_content{
	margin: 0px 25px;
}

.member_top{
	background:url(../app/images/member_info.jpg) no-repeat;
	width: 604px;
	margin: 0;
	display:block;
	padding-top: 20px;
}


.wide_widget_container{
	width: 257px;
	float:left;
	margin: 5px;
}

.wide_widget_top{
	background:url(../app/images/wide_widget_top.jpg) no-repeat;
	width: 257px;
	height: 14px;
	margin: 0;
	display:block;
}

.wide_widget_bottom{
	background:url(../app/images/wide_widget_bottom.jpg) no-repeat bottom left;
	width: 257px;
	padding-bottom: 20px;
	margin: 0;
}

.wide_widget_content{
	margin: 0px 15px;
}


.wide_widget_container2{
	width: 430px;
	float:left;
	margin: 5px;
}

.wide_widget_container_2{
	width: 453px;
	float:left;
	margin: 5px;
}

.wide_widget_top2{
	background:url(../app/images/wide_widget_top2.jpg) no-repeat;
	width: 430px;
	height: 14px;
	margin: 0;
	display:block;
}

.wide_widget_top_2{
	background:url(../app/images/wide_widget_top_2.jpg) no-repeat;
	width: 453px;
	height: 14px;
	margin: 0;
	display:block;
}

.wide_widget_bottom2{
	background:url(../app/images/wide_widget_bottom2.jpg) no-repeat bottom left;
	width: 430px;
	height: 540px;	
	padding-bottom: 20px;
	margin: 0;
}

.wide_widget_bottom3{
	background:url(../app/images/wide_widget_bottom2.jpg) no-repeat bottom left;
	width: 453px;
	padding-bottom: 20px;
	margin: 0;
}

.wide_widget_bottom4{
	background:url(../app/images/wide_widget_bg.jpg) repeat-y;
	width: 453px;
	margin: 0;
}

.wide_widget_bottom5{
	background:url(../app/images/wide_widget_bottom3.jpg) no-repeat;
	width: 453px;
	height: 18px;
	padding-bottom: 10px;
	margin: 0;
}

.wide_widget_content2{
	margin: 0px 15px;
}


.step1{
	background:url(../app/images/step1.jpg) no-repeat;
	width: 604px;
	margin: 0;
	display:block;
	padding-top: 20px;
}

.step2{
	background:url(../app/images/step2.jpg) no-repeat;
	width: 604px;
	margin: 0;
	display:block;
	padding-top: 20px;
}

.step3{
	background:url(../app/images/step3.jpg) no-repeat;
	width: 604px;
	margin: 0;
	display:block;
	padding-top: 20px;
}

.purchased{
	background:url(../app/images/purchased.jpg) no-repeat;
	width: 604px;
	margin: 0;
	display:block;
	padding-top: 20px;
}

.inbox{
	background:url(../app/images/inbox.jpg) no-repeat;
	width: 604px;
	margin: 0;
	display:block;
	padding-top: 20px;
}

.red {
color:#ed1c24;

}

.spanInput2 {
font-size: 18px;
color:#0c76e5;
}

input.checkbox {
height: 13px; 
}

/* Sticky Footer CSS ============================ */

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper_sticky {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -111px; /* the bottom margin is the negative value of the footer's height */
}
.footer_sticky, .push {
	height: 111px; /* .push must be the same height as .footer */
}

/* Acid Test Result Screen ============================ */

.results {
	width: 930px;
	margin: 0 auto;
}

.results h1 {
	color:#0c76e5;
	font-size:25px;
	font-family: Arial, sans-serif;
	padding:5px 0 0 5px;
	margin:10px 0 0 0;	
}

.results ul {
	padding: 10px 10px 10px 6px;
	margin: 0;
	list-style: none;
	font-size: 14px;
}

.results ul li {
	list-style: none;
	padding: 3px 25px 3px 15px;
	background:url(../images/bullet.gif) no-repeat;	
}



.result_container{
	width: 613px;
	float:left;
	margin: 5px 15px 0 0;
    text-align:left;	
}

.result_top{
	background:url(../app/images/upsell/mcol_top.gif) no-repeat bottom left;
	width: 613px;
	height: 63px;
	position: relative;
}

.result_top ul{
	height: 30px;
	position: absolute;
	top: 0;
	left: 15px;
	height: 41px:
}

.result_top ul li{
	background:url(../app/images/result_tab_left_off.gif) no-repeat top left;
	height: 41px;
	margin: 0 5px 0 0;
	padding: 0 0 0 14px;
	display: block;
	list-style: none;
	float:left;
}

.result_top ul li span{
	display: block;
	height: 41px;	
}

.result_top ul li span a, .result_top ul li span a:link, .result_top ul li span a:visited{
	background:url(../app/images/result_tab_right_off.gif) no-repeat top right;
	margin: 0;
	padding: 16px 14px 0 0;
	font-size: 16px;
	color: #666666;
	float: right;
	height: 41px;	
	text-decoration: none;
}

.result_top ul li span a:hover{
	text-decoration: none;
}


.result_top ul li.current{
	background:url(../app/images/result_tab_left.gif) no-repeat top left;
	height: 41px;
	margin: 0 5px 0 0;
	padding: 0 0 0 14px;
}

.result_top ul li.current span a.current {
	background:url(../app/images/result_tab_right.gif) no-repeat top right;
	height: 41px;
	margin: 0;
	padding: 10px 14px 5px 0;
	font-size: 19px;
	color: #0e7ee6;
	line-height: 20px;
	text-decoration: none;
	display:block;
}





.result_content{
	background:url(../app/images/upsell/mcol_back.gif) repeat-y;
	width: 613px;
}

.result_bottom{
	background:url(../app/images/upsell/mcol_bottom.gif) no-repeat top left;
	width: 613px;
	height: 13px;
	/* padding-bottom: 10px; */
}

.result_gbox_container{
	width: 574px;
	margin-left: 18px;
	display:block;
}

.result_gbox_top{
	background:url(../app/images/upsell/gbox_top.gif) no-repeat;
	width: 574px;
	height: 10px;
}

.result_gbox_content{
	background:url(../app/images/upsell/gbox_back.gif) repeat-y;
	width: 574px;	
}

.result_gbox_bottom{
	background:url(../app/images/upsell/gbox_bottom.gif) no-repeat top left;
	width: 574px;
	height: 10px;
	padding-bottom: 4px;
}


.spam_gbox_container{
	width: 500px;
	display:block;
}


.spam_gbox_top{
	background:url(../app/images/spam/gbox_top.gif) no-repeat;
	width: 500px;
	height: 10px;
}

.spam_gbox_content{
	background:url(../app/images/spam/gbox_back.gif) repeat-y;
	width: 500px;	
}

.spam_gbox_bottom{
	background:url(../app/images/spam/gbox_bottom.gif) no-repeat top left;
	width: 500px;
	height: 10px;
	padding-bottom: 4px;
}


.red_big {
	color:#ed1c24;
	font-size: 24px;
	font-weight: bold;
}


.result_rcol_container{
	width: 282px;
	float:left;
	margin-right: 15px;
	margin-top: 55px;	
    text-align:left;	
}

.result_rcol_top{
	background:url(../app/images/upsell/rcol_top.gif) no-repeat;
	width: 282px;
	height: 17px;
}

.result_rcol_content{
	background:url(../app/images/upsell/rcol_back.gif) repeat-y;
	width: 282px;
	padding: 2px 10px 10px 15px;	
}

.result_rcol_content2{
	background:url(../app/images/upsell/rcol_member_benefits.gif) no-repeat top left;
	width: 282px;
	padding: 15px 10px 10px 10px;
}

.result_rcol_bottom{
	background:url(../app/images/upsell/rcol_bottom.gif) no-repeat top left;
	width: 282px;
	height: 16px;
	padding-bottom: 20px;
}

.result_rcol_bottom2{
	background:url(../app/images/upsell/rcol_footer_acid.gif) no-repeat top left;
	width: 282px;
	height: 96px;
	padding-bottom: 20px;
}

.result_top ul li { width: 170px; text-align:center; display:block}
.result_top ul li span a, .result_top ul li span a:link, .result_top ul li span a:visited {float:none; display:block}

.archive_box {
	background-color:#f8f8f8;
	border: 1px solid #eee;
	padding: 10px 8px 5px 8px;
	margin: 3px 0;
	overflow: hidden;
	position:relative;
	min-height: 45px;
	}

.archive_box .subject {
	display:block;
	font-size: 17px;
	color:#333;
	margin-bottom: 3px;
	font-weight: bold;
	}
	
.archive_box .buttons {
	width: 250px;
	text-align: right;
	height: 25px;
	position: absolute;
	bottom: 5px;
	right: 8px;
	}
	
.archive_box .analysis {
	width: 150px;
	float: left;
	text-align: left;
	margin-top: 5px;
	}	

span#button a, span#button a:link, span#button a:visited {
	font-size: 10px;
	color:#333;
	background-color: #ecebeb;
	-moz-border-radius: 2px; 
	-webkit-border-radius:2px;
	padding: 3px 5px;
	text-decoration: none;
	border: 1px solid #e1dfdf;
	line-height: 19px;
	}
	
span#button a:hover {
	background-color: #65b73b;
	color:#FFF;
	}	

.archive_box #close {
	position: absolute;
	top: 0;
	right: 0;
	width: 17px;
	height: 16px;
	}	

.archive_box #close a, .archive_box #close a:link {
	background:url(../app/images/close.gif) no-repeat;
	width: 17px;
	height: 16px;
	display:block;
	text-decoration: none;	
	}

.archive_box #close a:hover {
	background:url(../app/images/close_hover.gif) no-repeat;
	}

.archive_box img {
	padding: 0;
	}
	
	
#pagnation {

	padding: 10px;
	}

#pagnation a, #pagnation a:link, #pagnation a:visited {
	background-color: #eee;
	color:#666;
	padding: 2px 6px;
	text-decoration: none;
	margin: 5px 0;
	border: 1px solid #ddd;
	}

#pagnation a:hover {
	background-color: #fff;
	color:#666;
	padding: 2px 6px;
	text-decoration: none;
	margin: 5px 0;
	border: 1px solid #ddd;
	}
	
.field { width: 108px; height:39px; float:left; margin-top: 6px}
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span {background: url(../app/images/image_blocking.gif); display: block; float: left; font-size: 14px;}
.cb-enable span, .cb-disable span { line-height: 34px; display: block; font-weight: bold; }

.cb-enable span { background-position: left -39px; padding: 2px 12px 0 18px; color:#a5a5a5}
.cb-enable.selected span { background-position: left top; color: #fff; }

.cb-disable span { background-position: right top; padding: 2px 18px 0 12px; color:#9d9d9d}
.cb-disable.selected span { background-position: right -39px; color: #545454}

.switch label { cursor: pointer; }
.switch input { display: none; }	

.divider { display:block; width: 1px; height:39px; background: url(../app/images/divider.gif); float:left }

.result_dd_body, .result_dd_body li{margin:0; padding:0; list-style:none;text-align:left;}
.result_dd_body {display:none;width:198px;border-right:1px solid #b8b7b7;border-bottom:1px solid #b8b7b7;border-left:1px solid #b8b7b7;position:absolute;}
.result_dd_body li{background:#4ca0f6;font-family:Arial, Helvetica, sans-serif; font-size:12px;position:relative;}
.result_dd_body li a{color:#FFFFFF; text-decoration:none; padding-top:10px;padding-bottom:10px; padding-left:40px; display:block;}
.result_dd_body li a:hover{font-weight:bold;}


/* ACCORDION */
/* ----------------------------------------------------------------------*/
/* root element for accordion. decorated with rounded borders and gradient background image */
.accordion {border:0;margin: 0 0 0px 0;	
}

/* accordion header */
.accordion h3 {
	background:#f4f4f4 url("../images/expand.gif") no-repeat center right;
	margin:7px 0 0 0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
    border: 1px solid #ddd;
	cursor:pointer;
	line-height: 17px;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;	
	color: #333;
	text-decoration: none;
	display:block;
}

.accordion h3:hover {
	cursor:pointer;
	background:#ffe9b8 url("../images/expand_hover.gif") no-repeat center right;
	border:1px solid #efa40d;
    color: #d79104;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
	margin:7px 0 0 0;
	padding:5px 15px;	
}


/* currently active header */
.accordion h3.current {
	border: 1px solid #efa40d; 
	color: #0072bc;
	background:#48a2fd url("../images/contract.gif") no-repeat center right;
	border:1px solid #0967b5;
	color: #fff;
	text-decoration: none;
	cursor:pointer;
	font-weight: bold;
	margin:7px 0 0 0;
	padding:5px 15px;	
}

.accordion h3.current span, .accordion h3.current font.red, .accordion h3.current font.green, .accordion h3.current a:link, .accordion h3.current a:visited {
color:#fff;
} 


/* accordion pane */
.accordion div.pane, .accordion div.pane2 {
	background:#fff url("../images/pane_back.gif") repeat-x;
	border: 1px solid #ccc;
	display:none;
	padding:15px;
	font-size:14px;
	margin: 0 5px 10px 5px;	
}

.accordion div.pane img {
	padding: 0;
}

/* a title inside pane */
.accordion div.pane td, .contact td {
	font-size:14px;	
	margin: 0;
	padding: 0;
	line-height: 18px;
}

.accordion div.pane span.status {
	font-size:14px;	
	margin: 5px 0 15px 0;
	padding: 10px;
	display: block;
	background:#ffe9b8 ;
	border: 1px solid #efa40d; 
	color: #666;
}

.accordion div.pane table, .contact table {
	width: 100%;	
	
}

.accordion div.pane span.charity_name, span.charity_name {
	display:block;
	width: 100px;
	font-size: 18px;
	border: 1px solid #ccc;
	padding: 10px 5px;
	text-align: center;
	margin: 0 0 10px 0;
}