/* Default Styles from Meyer at 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/*img, a, fieldset, input, #searchText  
{
	behavior: url(iepngfix.htc) 
}*/

/* remember to define focus styles! */
:focus {
	outline: 0;

}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Meyer Stuff */


strong {
	font-weight: bold;
}
	
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: small;
	background: url(../newDesignImages/body-bg.png) repeat-x top left white;
}

/*h2 {
	font-size: 26px;	
	color: #6a8a8f;
	background-color: #0c1314;
	padding: 30px;
}*/
#container {
	width: 1000px;
	margin: 0 auto;
} 

#headtop ul {
	float: right;
	/*background: url(../newDesignImages/google.png) no-repeat top left;*/
}
/*
#headtop #topnav {
	background: url(../newDesignImages/top-navigation-left.png) no-repeat top right;
	width: 10px;
	height: 41px;
	background-color: transparent;
}

#headtop .right {
	background: url(../newDesignImages/top-navigation-right.png) no-repeat top left;
	width: 10px;
	height: 41px;
	background-color: transparent;
}*/


#topnav {
	background: url(../newDesignImages/topnavleft_blue.png) no-repeat top left; 
	
}

#topnav li 
{
	padding:15px 7px 13px 7px !important;
}

#topnavwrapper {
	/*width: 646px; *//* workaround for IE6 */
	float: right;
	background: url(../newDesignImages/topnavright_blue.png) no-repeat top right; 
} 

#headtop a, #headtop a:active, #headtop a:visited, #headtop a:hover, #headtop a:link
{
	text-decoration:none;
}

#headtop ul li {
	float: left;
	/*background-color: #E03307;  */
	padding-top: 15px;
	padding-bottom: 13px;
	padding-left: 10px;
	padding-right: 10px;
	/*border-right: 1px solid white;*/
	background: url(../newDesignImages/topnavdivider_blue.png) top right no-repeat;
}

#headtop ul #topstop {
	background: none;
}

#headtop ul li a {
	color: white;
	/* text-transform: uppercase; */
	font-weight: bold;
	text-decoration: none;
}

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

#headtop h1 {
	float: left;
}


/* TABBED Navigation */
#appnav { 
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 1000px;
/*		height: 90px;
background-color: azure;  */
}

#memberPageMiddle 
{
	/*margin-top: 150px;*/
	/*padding: 0px 18px 20px 19px;*/
	line-height: 18px;
	float: left;
}

#appnav li {
 	float: left; 
	position: relative;
	margin: 0;
	list-style: none;
	color: white;
}


#appnav li a 
{
	vertical-align: middle;
	text-align: center;
	font: Verdana;
	font-size: 19pt;
	text-indent: -900px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	height: 36px;
	background: url(../newDesignImages/main_tabs_small.png) no-repeat top left;	
}

#appnav #research-nav a { width: 253px !important; background-position: 0px -35px  !important; color: #FFF1EE ; }
#appnav #research-nav a.currentnav { background-position: 0px 1px  !important; color: #F19E90}

#appnav #monitor-nav a { width: 253px !important; background-position: -253px -35px  !important; color: #FFF1EE; }
#appnav #monitor-nav a.currentnav { background-position: -253px 1px  !important; color: #F19E90}

#appnav .affNav a { width: 253px !important; background-position: -506px -35px  !important; color: #FFF1EE; }
#appnav .affNav a.currentnav { background-position: -506px 1px  !important; color: #F19E90}

#appnav #monitor-nav, #appnav .affNav 
{
	margin-left: 10px;
}

#navTabs 
{
	padding-bottom: 2px;
}

#loginwrapper {
	float: right;	
	line-height: 16px !important;
}

/* TITLE  */
#head h2.other-page  {
	width: 813px;
	color: white;	
	margin-left: 0px;
	margin-right: 60px;
	line-height: 40px;
}


/* Customizing different h2 titles */
/*#head #title-unlock a {background: url(../newDesignImages/heading-unlock.png) no-repeat; }*/
#head #title-monitor a {background: url(../newDesignImages/monitoring/adword.png) no-repeat; }
#head #title-contact a {background: url(../newDesignImages/contact/heading-contact.png) no-repeat; width: 813px; }
#head #title-signup a {background: url(../newDesignImages/forms/heading-signup.png) no-repeat;}
#head #title-subscribe a {background: url(../newDesignImages/forms/heading-subscribe.png) no-repeat; width: 860px;}
#head #title-feedback a {background: url(../newDesignImages/forms/heading-feedback.png) no-repeat; width: 813px; }
#head #title-tell-a-friend a {background: url(../newDesignImages/tall-a-friend/tall-a-friend-header.png) no-repeat; width: 850px; }
#head h2 
{
    color: White !important;
    font-size: 26px !important;
}

#head {
	margin-top: -2px;  /* causes a weird spacing issue in IE7 */
	padding: 39px 48px 20px 29px;
	float: left;
	/*background: url(../newDesignImages/section-title.png);*/
	background-color:#1d5391 ;
	width: 923px; /* set width without images */
	height: 50px;
}

#head h2  {
	float: left;
    font-size: 26px;    
    color: #6a8a8f;
    margin-top: 17px;
    
}

#head h2 a {
	text-indent: -9999em;
	float: left;
	height: 40px;
	width: 913px; /* set width without images */
}

#head img {
	float: left;	
	margin-right: 11px;
}

/* Benefit List */

#feature-list h2,
#benefit-list h2
{
   	color:#fff;
   	font-size:18px;
   	line-height: 27px;
   	background-color: #0c1314;
   	padding: 7px;
   	padding-left:40px;
	margin: 0px -25px 5px -25px !important;
	margin-bottom: 10px;
}   
     

#feature-list {
	line-height: 18px;
	padding: 25px;
	background: url(../newDesignImages/benfits-background.png) no-repeat bottom left;
	float: left;
	color: #9db5b7;
	width: 950px;
}

#benefit-list {
	line-height: 18px;
	padding: 25px;
	background: url(../newDesignImages/benfits-background-blue.png) no-repeat top left #ffffff;
	float: left;
	color: #9db5b7;
	width: 950px;
}

#benefit-list ul {
	float: right;
/*	margin-left: 30px;
	margin-right: 200px; */
}
/*
#benfit-list ul li {
	margin: 0;
	padding: 0;
}*/

#benefit-list a img {
	float: left;	
}

.feature {
	position: relative;
	width: 302px;
	float: left;
	padding-right: 20px;
}

.benefit { /* used on the benefits page */
	position: relative;
	width: 288px;
	float: left;
}

.feature h3 
{
	margin-top: 10px;
	color: #d1e7e9;
	font-weight: bold;
	font-size: medium;
}

.benefit h3 {
	color: #d1e7e9;
	font-weight: bold;
	font-size: medium;
	margin-left: 60px;
}

.benefit img {
	left: 0;
	position: absolute;
	top: 0;	
}

.benefit p {
	margin-left: 60px;	
	float: left;

}

#features-monitor li {
	background: url(../newDesignImages/benefits-monitor-pointer.png) no-repeat 0 5px;
	padding-left: 10px;
}



#benefits-monitor {
	margin-left: 30px;
	margin-right: 185px;
}

#benefits-monitor li {
	background: url(../newDesignImages/benefits-monitor-pointer.png) no-repeat 0 5px;
/*	list-style-image: url(stylesred/benefits-monitor-pointer.png); */
	padding-left: 15px;
}




/* Monitor */
#section-right {
	float: left;
	width: 545px;
	line-height: 18px;	
	text-align: center;
}

#researchform #section-right p {
	color: #ffbf63;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 15px;
	width: 531px;
}

#researchform #section-right p input {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 20px;
	border: #c8c8c8 1px solid;
	width: 204px;
}

#researchform #section-right p a 
{
	color: #ffbf63;
}

#section-right ul {
	margin-top: 20px;
	padding-left: 40px;
}

#section-right ul li {
	list-style-image: url(../newDesignImages/71.png);
}

#section-right #graph-feature {
	background: url(../newDesignImages/monitoring/adsense.png) no-repeat top left;
	padding-left: 60px;
	margin-top: 60px;
}

#section-right #graph-feature2 {
	background: url(../newDesignImages/monitoring/adsense.png) no-repeat top left;
	padding-left: 60px;
	margin-top: 20px;
}

#section-left {
	float: right;
	color: white;
	font-size: 14px;
	line-height: 18px;
	width: 340px;	
}

#section-left h3 {
	color: #eeeeed;
	margin-bottom: 10px;
	font-size: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#section-left img {
	margin-top: 10px;	
}

#graph-feature {
	margin-top: 100px;
	background: url(../newDesignImages/monitoring/adwords.png) no-repeat top left;
	padding-left: 50px;
}

#graph-feature img {
	margin-top: 25px;	
}

#graph-feature2 {
	margin-top: 20px;
	background: url(../newDesignImages/monitoring/adwords.png) no-repeat top left;
	padding-left: 50px;
}

#graph-feature2 img {
	margin-top: 10px;
}

/* Parent Division - implement for all pages */
#division-container {
	padding: 15px;
	float: left;
	background: url("../newDesignImages/section-title-x2_blue.png") repeat;
	width: 970px;
	color: White;
}

#division-container form p {
	/* margin-top: 20px; */
	font-size: 15px;
	line-height: 18px;	
}

#division-container p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	}	

#division-container h3 {
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;		
}

#division-container h4 {
	margin-top: 20px;
	font-size: 18px;
	line-height: 22px;
	color: #ffbf63;	
	font-weight: bold;
}

.centertext {
	text-align: center;
}

#division-left {
	float: left;
	width: 510px;	
}

#division-right {
	float: right;
	width: 440px;
}

#division-right.division-feedback {
	width: 380px;
	
}


#division-right p {
/*	margin-top: 10px; */
}



/* Contact division */
#contact-list {
	color: #ffbf63;	
	font-size: 15px;	
	font-weight: bold;
	margin-left: 20px;	
	margin-bottom: 20px;
}

#contact-list li {
	margin-bottom: 10px;
	list-style-image: url(../newDesignImages/contact/yellow-arrow-gray-background.png); 
}

#emailicon {
	background: url(../newDesignImages/contact/support-email.png) no-repeat 0 5px;
	padding-left: 20px;
}

#posticon {
	background: url(../newDesignImages/contact/support-address.png) no-repeat 0 5px;	
	padding-left: 20px;
}


/* Forms */
#division-container form {
	background-color: #e4e4e4;
	padding: 20px 20px 5px 20px; /* bottom only 5 pixels because li's have bottom spacing of 15 px */
	/*border: 2px solid #911f01;*/
	color: #545454;	
	font-weight: bold;
	font-size: 14px;
	width: 460px;
}


/* Feedback */
#division-container label {
	margin-bottom: 4px;
	display: block;
	
}


#division-container p.input-description {
	color: #6f6f6f;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;	
	clear: left;
}


#division-container input[type="text"], 
#division-container input[type="password"],
#division-container textarea {	
	border: #c8c8c8 2px solid;
	padding: 5px;
	font-size: 15px;
	width: 444px; /* this will be different for feedback form */
}






#division-container form div {
		clear: left;
}

#division-container form p {
	margin: 0;
}

#division-container textarea {
	/* margin-bottom: 10px; */
	margin-top: 4px;
	height: 100px;
}




/* #division-container #form-email 
{
	margin-top: 10px;
} */

.required-field {
	color: #fd0000;
}

/* Suscribe Form */
form#signUpForm 
{
	width: 460px; 
}


form ul li, form ul {
	/* display: block; */
}

form li {
	margin-bottom: 15px;
	padding: 0;
}

#division-container form li.form-grouping {
	margin-bottom: -5px; /* IE7 errors */
	
}


.form-primary {
	/* used for primary occuring element in form li */
	float: left;
}


.form-secondary {
	/* used for secondary occuring element in form li */
	float: left;	
	width: 220px;
	margin-left: 10px;
}

#division-container form ul ul input[type="text"], 
#division-container form ul ul input[type="password"] {
	border: #c8c8c8 2px solid;
	padding: 5px;
	font-size: 15px;
	width: 210px;
}


#division-right ul {
	font-size: 13px;	
	margin-left: 20px;
}

#division-right ul li {
	list-style-image: url("../newDesignImages/contact/yellow-arrow-gray-background.png"); 
	line-height: 18px;
	
}





/* Research */

#researchform {
	padding: 15px;
	float: left;
    background: url("../newDesignImages/section-title-x2_blue.png") repeat;
	width: 970px;
}

#researchform form {
/*	float: left;
	width: 543px;
	width: 686px; */
	}


#research-input {
	margin: 0;
	padding: 18px;
	background: url(../newDesignImages/form-bg3.png) top left no-repeat; /* to see where the missing pieces are */
	
}

#research-input #searchText,
#research-input input[type="text"] {
	float: left;
	width: 390px;
	height: 25px;
	font-size: 15px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 11px;
	color: #767676;
	background: url(../newDesignImages/input-bg2.png) top left no-repeat transparent;
	margin-top:4px;

	border: 0; /* need to check this property */
	/* border: 1px solid black; */
}

/* fieldset input[type="submit"] {
	background: url(../newDesignImages/keywords.png) top left no-repeat;
	border: 0;
	height: 50px;

} */ /* investigate this as well */

#researchform #research-input input[type="image"] {
	float: right;
	margin-left: 5px;

}



#researchform p {
	color: #eeeeed;
	line-height: 18px;
}


#researchform h3 {
	/* margin-top: 20px; */
	color: #eeeeed;
	font-size: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;				  
}

#explain h3 {
	color: #eeeeed;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#explain p {
	line-height: 18px;
	color: white;
}

#researchform #explain {
	margin-left: 20px;
	width: 240px;
	float: left;
}


/* Form Settings */
#formsettings ul {
	float: left;
}

#report-settings {	
	font-size: 11px;
	color: #cecece;
	background: url(../newDesignImages/overture.png) no-repeat top right;
	padding: 6px;
	padding-left: 36px;
}

#report-settings a {
	margin: 0;
	padding: 0;
	float: right;
	color: #cecece;
	margin-top: -11px;
}

#report-settings-panel .x-panel-header {
	background: transparent;
	color: #cecece;
	border-bottom-width: 0px;
	padding-top: 0px;
	font-size: 8px;
}

#report-settings-panel .x-panel-header-text {
	font-size: 11px;
}

#report-settings-panel .x-panel-body {
	background: #5E6369;
}

#report-settings-panel .x-fieldset legend 
{
	color: White;
}

/* Footer */
#footer 
{
	clear: both;
	color: #000;
	padding-top: 10px;
	padding-bottom: 20px;
}

#footer-menu {
	float: left;
	padding-left: 5px;
}

#footer #company {
	float: right;
}

#footer a:visited, #footer a, #footer a:active
{
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;

}

#accountInfo 
{
	color: #1d5391;
	text-decoration: none;
	font-weight: bold;
}

#accountInfo:hover
{
	text-decoration: underline;
	cursor: pointer;
}

#logout 
{
	text-decoration: none;
	font-weight: bold;
	color: #1d5391;
}

#logout:hover
{
	text-decoration: underline;
}

.greyfont {
    color: #555555;
}

.blackfont {
    color: #000000 !important;
}

.underline {
	text-decoration: underline;	
}



.bullets-margin-left 
{
	margin-left: 20px;
}

#userMessage
{
    font-size: 16px;
    line-height: 18px;
    padding: 10px;
}

#messageTitle
{
    font-size: 16px;
}

/*.x-panel-body { background: none !important; }*/

.headerWithoutShadow .x-panel-header-text
{
	text-shadow: none;
	font-weight: bold; 
}