body					{ font-size:14px; font-family: "Trebuchet MS", sans-serif; color: #222; line-height: 1.4; background:#676767;background-image:url('/images/background.jpg'); background-repeat:repeat-x; }
a						{ color:#1b2d01; text-decoration:underline; }
a visited				{ color:#1b2d01; }
a:hover 				{ background-color:inherit; color:#335304; text-decoration:none;	}
a.underline 			{ text-decoration: underline; }

h1						{ font-size: 180%; margin: 5px 10px 5px 0; color:#3A2D1C; }
h2						{ font-size: 130%; margin: 5px 10px 5px 0; color:#538300; }
h3						{ font-size: 100%; margin: 5px 10px 5px 0; color:#777; }
p						{ font-size:14px; font-family: "Trebuchet MS", sans-serif; color: #222; line-height: 1.4; margin:14px 0px;}
td						{ font-size:14px; line-height: 27px;}
th						{ font-size: 14px; line-height: 27px; background-color:#657356; color:#fff;}
ul						{ margin-left:24px; }

#everything				{ margin-top: -13px; position:absolute; left:50%; margin-left:-449px; width: 898px; padding:0px; }
#header					{ text-align:left; }
#logo					{ margin:24px 0 5px 0px; float:left; width:300px; }
html>body #logo			{ margin:40px 0 14px 35px; }
#logo a					{ text-decoration:none; }

#topRightNavigation				{ float:right; padding:30px 55px 0 0; font: 14px "Trebuchet MS", sans-serif; color:#FFF;}
#topRightNavigation a			{ color:#d2d9a3;}
#topRightNavigation a:hover		{ color:#fff;}
html>body #topRightNavigation	{ padding:44px 30px 0 0;}

#homepageCallouts		{ height:200px; }
.homepageCallout		{ width:255px;margin-top:0px; padding-right:30px; float:left;}
.homepageCalloutCenter	{ width:218px;margin-top:0px; padding-right:30px; float:left;}
.homepageCallout p, .homepageCalloutCenter p
						{ font-size:13px; line-height:20px; }

#homepage{  width:846px;text-align:left;  padding:25px; margin-top:-20px; background-image:url('/images/homepagebg.jpg'); background-repeat:repeat-x; background-color:#FFF; background-position:0px 30px;}
html>body #homepage{margin-top:0px; }
#signuptrial{ width:264px; height:41px; background-image:url('/images/signup2.jpg'); display:block; margin-left:-4px; }
#signuptrial:hover{ cursor:pointer; }
.register{ width:96px; height:41px; background-image:url('/images/signup.jpg'); display:block; float:left; margin-left:25px; }
.register:hover{ cursor:pointer; }

.countries{ float: left;}
.countries ul{ margin:0px 0px 12px 0px; }
.countries ul li{ margin-left:30px; padding-right:12px; }
#schedule{ margin-left:18px; }

#content{ width:846px;  background-color:#fff; text-align:left; padding:25px; margin-top:-20px; }
html>body #content{margin-top:0px; }
#footer{ padding: 12px 25px 30px 25px; color:#aaa;}
#footer a{color:#d2d9a3; }
#footer a:hover{color:#fff;}
#copyright{ margin-left:200px; color:#ccc;}
#pagination{width:100%; padding:8px 0 10px 0px; font: 18px "Trebuchet MS", sans-serif;}
#previous{ width:210px; float:left;}
#archives{ width:50px; float:left;}
#next{ width:210px;float:left; text-align:right;}

#navigation ul li {	margin: 0 2px; float:left; display:inline;}
#navigation ul li a { background-color:#ccc; padding: .75em 2.2em; font-size: 14px;	font-weight: bold; float: left; display: inline;text-decoration: none; }
#navigation ul li a.selected { background-color:#fff; }
#navigation ul li a:hover { background-color: #ddd; }

#search{ color:#FFF; float:right; padding-right:28px; }
#searchField{ width:200px; color:#666; }

#searchresults { border-width:1px; border-color:#ccc; border-style:solid; width:205px; background-color:#FFF; font-size:12px; line-height:14px; display:none; position:absolute; margin-left:50px; margin-top:5px; }
#searchresults a { display:block; clear:left; height:16px; text-decoration:none; padding:4px; }
#searchresults a:hover { background-color:#DDD; text-decoration:underline; }
#searchresults .project { display:block; font-weight:bold; color:#191919; background-color:#CCC;  }
#searchresults .keyword { font-size:12px; display:block; }
#searchresults .keyword a{ padding-left:12px; }
#searchresults .keyword a:hover{ background-color:#EEE; }

#dateList { width:200px; margin-top:12px; float:left; }
#dateList ul { list-style-type:none; margin:0px; padding:0px; }
#dateList ul li.selected { background-image:url('/images/selectedBox.gif'); background-repeat:no-repeat; margin:2px 0px; height:28px; padding:10px 0px 0px 8px; width:140px; font-weight:bold;}
#dateList ul li a, #dateOlder a, #dateNewer a { display:block;  background-color:#eee; padding:10px 0px 0px 8px; margin-bottom:1px; width:133px; height:28px; text-decoration:none;  border:1px #fff solid;}
#dateList ul li a:hover, #dateOlder a:hover, #dateNewer a:hover { background-image:url('/images/mouseOverGradient.gif'); border:1px #eee solid;}

#dateOlderNewer{ float:left; }
#dateOlder, #dateNewer{ float:left; }
#dateOlder a, #dateNewer a{ width:61px; }
#dateNewer{ padding-left:1px; }

.paginationSpacer{ padding-right:55px;}
.promo{ padding:13px 8px 3px 0; float:left; }

.white			{ color: #fff; }
.light			{ color: #d2d9a3; }
.dark			{ color: #3d5b09; }
.darkest		{ color: #23261b; }
.error			{ color: #990000;border:1px solid #990000; font-weight:bold; padding:8px; margin-bottom:12px; background-color:#eeefdd; }
.warning		{ color: #990000; font-weight:bold; }
.success		{ color: #1b2d01; border:1px solid #1b2d01; font-weight:bold; padding:8px; margin-bottom:12px; background-color:#FFFFBB; }
.example 		{ color:#888; font-size:12px; }
.unavailable	{ color:#888; } 
.bright 		{ color:#538300; }
.smaller 		{ font-size:80%; }
.icon			{ border:none; padding-right:3px; }
.odd 			{ background-color:#eeefdd; }
.even 			{ background-color:#FFF; }
.left			{ text-align:left; }
.center			{ text-align:center; }
.floatright		{ float:right; }
.floatleft		{ float:left; }
.clearboth		{ clear:both; }
.label			{ width:75px; }

.iconAdd{ padding:4px 3px 0 12px; }
.iconEdit { padding:6px 3px 0 12px; }
.iconRerun { padding:5px 3px 0 30px; }
#iconWordDetail { padding:8px 2px 0 0; }
#iconExcelDetail { padding:8px 2px 0 0px; }
#iconEditDetail { padding:3px 4px 0 12px; }
#iconRerunDetail { padding:3px 3px 0 0px; }
#iconDeleteDetail { padding:2px 3px 0 12px; }
.detailText{ text-decoration:underline; }
.detailText:hover{ text-decoration:none; }

.iconText		{ text-decoration: underline; }
.iconText:hover	{ text-decoration:none; }

#apiKey			{ padding:12px; background-color:#D2D9A3; margin:12px auto; width:40%; border:1px solid #CCC; text-align:center; }



.keywordCell, 
.rankingCell	{ font-size:14px;padding:6px; font-family:Trebuchet MS, arial;border:2px solid #ddd; }
a.toggle:hover	{ cursor:pointer; }
.toggleSelected	{ border-bottom:#FFF 0px solid; }
.rankingSelected{ border-bottom:#DDD 4px solid; }
.keywordDetail	{  font-size:13px; padding:6px; font-family:Trebuchet MS, arial; border:2px solid #DDD; border-top:0px solid #FFF; }
.competitionDetail{ float:left; }
.competitionDetail td{ font-size:13px; line-height:20px; }
.keywordChartDetail{ float:right; padding:0px 8px; }
.rankingHistory{ padding-left:10px; font-weight:bold; width:245px;}
.loading{ padding: 63px 0px 64px 125px; }
.iconSpacer{ padding-left:12px; }
		

.data 			{ margin-bottom:25px; }
.data-project 	{ width:250px; }
.data-date 		{ width:100px; }
.data-options 	{ width:150px; }
.data td		{ padding:6px; }
.data th		{ padding:0px 4px;}
.paginat ion	{ padding:6px; }

.homepage 			{ font-size:14px; }
.input 				{ width:300px; font-size:13px; font-family: "Trebuchet MS", sans-serif; color: #222; }
.inputSmall 		{ width:165px; font-size:13px; font-family: "Trebuchet MS", sans-serif; color: #222; }
.keywordsLarger 	{ width:420px; height:366px; font-size:13px; font-family: "Trebuchet MS", sans-serif; color: #222; padding:4px; }
.keywordsLarge 		{ width:420px; height:260px; font-size:13px; font-family: "Trebuchet MS", sans-serif; color: #222; padding:4px; }
.keywordsMedium 	{ width:455px; height:175px; font-size:13px; font-family: "Trebuchet MS", sans-serif; color: #222; padding:4px; }
.keywordsSmall 		{ width:355px; height:90px; font-size:13px; font-family: "Trebuchet MS", sans-serif; color: #222; padding:4px; }
.iconCancel:hover 	{ cursor:pointer; border:none; }
.iconText{ margin:3px 0px; }
.login {	display: block;	float: left;	margin-bottom: 10px;}

br { clear: left; }

/* Dialog Box */
#underlay               {	background:#aaa;width: 100%;height:100%;position:absolute;top:0px;left:0px;z-index:500;}
.cancel					{	position:absolute;top:6%;left:95%;}
.cancel a				{	cursor:pointer;}
.dialog					{	border:1px #555 solid; background: white; position:absolute; width: 614px; top:75px; left: 50%; margin-left:-307px; text-align: left; padding:10px; visibility:hidden;display:none;z-index:501;}
.disabled               {	filter:alpha(opacity=10);-moz-opacity:0.5;opacity:0.5;}
.enabled                {	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.hidecontent            {	visibility:hidden;display:none;}
.showcontent            {	visibility:visible;display:block;}
/* End Dialog */

/* API Instructions */
.apiActionList			{ width:25%; margin-right:18px; float:left; }
.apiAction				{ width:85%; border-top:1px solid #CCC; border-left:1px solid #CCC; padding:0px; margin:0 0 18px 0;  }
.apiAction td, 
.apiActionHeader		{ padding:6px; margin:0; border-bottom:1px solid #CCC; border-right:1px solid #CCC; }
.apiActionName			{ font-style:italic; }
.apiFirstColumn			{ width:100px; }
.apiExample				{ width:85%; border:1px dashed #999; padding:12px; margin:0 0 18px 0; }
.apiActionDetails		{ display:none; margin-top:24px; }
/* End API */

/* Buttons */
.button, .button:visited {
	background: #222 url('/images/overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
.button:hover								{ background-color: #111; color: #fff; }
.button:active								{ top: 1px; }
.small.button, .small.button:visited 		{ font-size: 11px}
.button, .button:visited,
.medium.button, .medium.button:visited 		{ font-size: 13px; 
											  font-weight: bold; 
											  line-height: 1; 
											  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
											  }
											  
.large.button, .large.button:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
.super.button, .super.button:visited 		{ font-size: 18px; padding: 8px 14px 9px; }

.pink.button, .magenta.button:visited		{ background-color: #e22092; }
.pink.button:hover							{ background-color: #c81e82; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						    { background-color: #749a02; }
.red.button, .red.button:visited			{ background-color: #e62727; }
.red.button:hover							{ background-color: #cf2525; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }
/* End Buttons */