@charset "UTF-8";
/* CSS Document */
/* RESET */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*body {
	line-height: 1;
}*/
ol, ul {
	list-style: none;
}

#navigation ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* END RESET */



body {
	background-color: #f8f8f8;
	margin: auto;
	width: 100%;
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6;
}

/* container */

#container{width: 991px;margin: 0 auto;	text-align: left;}

/* Status Bar */

div#status-bar {
	height: 40px;
	width: 98%;
	margin-left:4px;
}

div#status-bar-content { margin: 10px auto 0px auto; width: 977px; }

div#status-bar-commands { width: 977px; }

form#search-form { float: right; width: 200px; }

p#welcome { float:left; padding-top: 7px; width: 150px; }

p#action-bar {
	background: url('../images/action-bar-bg.png') no-repeat;
	height: 14px;
	margin-left:200px;
	padding: 8px 28px;
	width: 154px;
}

p#action-bar a:before { content: '|  '; }

p#action-bar a[title="License"]:after { content: '  |'; }

form#search-form input[type="text"] {
	background: url(../img/search-field.png) no-repeat;
	border:none;
	height:20px;
	padding: 5px 0px 0px 30px;
	width:170px;
}

form#search-form input[type="submit"] { display: none; }

/* END STATUS BAR*/

/*login area*/
#topnav{padding:10px 5px 12px; font-size:11px; line-height:23px; text-align:right;width:977px;}
#topnav a.login{background:#be1e2d; padding:6px 8px 8px; text-decoration:none; font-weight:bold; color:#fff;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#topnav a.login:hover{background:#0060a2;}a.login{position:relative;margin-left:3px;}
a.login span{background-image:url("../images/down_light.png");background-repeat:no-repeat;background-position:100% 50%;padding:4px 16px 6px 0;}
.ie6 a.login span{background:#be1e2d url('../images/frontpage-toggle-dn-resting.gif') no-repeat center right;}
.ie6 a.login:hover span{background:#0060a2 url('../images/frontpage-toggle-dn-hover.gif') no-repeat center right;}
.ie #topnav a.login{background:transparent url("../images/signin-nav-bg-ie.png") no-repeat 0 0;padding:4px 12px 6px;}
.ie #topnav a.login:hover{background:transparent url("../images/signin-nav-bg-hover-ie.png") no-repeat 0 0;padding:4px 12px 6px;}
.ie #topnav a.menu-open,.ie #topnav a.menu-open:hover{background-image:none!important;}
.ie7 #topnav a.login,.ie7 #topnav a.login:hover{background-position:0 3px!important;}
.ie6 #topnav a.login{background-image:none;background-color:#be1e2d;}
.ie6 #topnav a.login:hover{background-image:none!important;background-color:#0060a2!important;}
#topnav a.menu-open{background:#ddeef6!important;color:#666!important;outline:none;}
/* end login area*/


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

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* TYPOGRAPHY */
h1 {
	color: #4d4d4d;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 48px;
	font-weight: normal;
}

h1 a { color: #4d4d4d; text-decoration: none; }

h2 {
	color: #0060a2;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 12px;
	
	text-transform: uppercase;
}

h3 {
	color: #0060a2;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

h4 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

h4 a { color: #ffffff; text-decoration: none; }

h5 {
	color: #0060a2;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

h5 a { color: #0060a2; text-decoration: none; }

/* Paragraph styling */

p {
	color: #525252;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p.meta { color: #707070; font-size: 10px; text-align: right; }

p#footer-text { text-align: center; }

div#message p { color: #4d4d4d; line-height: 20px; }

/* Link styling */

a { 
	color: #999999; 
	text-decoration: none; 
}

p#action-bar a { color: #ffffff; }

p#action-bar a:hover { color: #6eb9cc; }
/* END TYPOGRAPHY */
/* -------  NAVIGATION  ------------ */
#navigation {
	background: url(../images/navbar_2_990.png) no-repeat;
	height: 65px;
}
	#navigation ul {
		display: table;
		padding-left: 15px;
	}
		#navigation ul li {
			display: table-cell;
			padding-right: 10px;
		}
			#navigation ul li a {
				display: block;
				font-size: 1.2em;
				color: #ffffff;
				text-decoration: none;
			}
				#navigation ul li a:hover {
					text-decoration: underline;
				}
				#navigation ul li a span {
					display: block;
					padding: 25px 29px 25px 25px;
				}
				
				/* Active links */
				#navigation ul li.active a {
					background: url(../images/navigation_active.gif);
					font-weight: bold;
					text-decoration: underline;
				}
					#navigation ul li.active a span {
						background: url(../images/navigation_active_right.gif) top right no-repeat;
					}
					
/* -------------------------------------- */

#content {
	width: 990px;
	/*padding: 20px;*/
	background: #FFF;
	border: 1px solid #CCC;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

h1 {
	margin: 0;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;	
	padding: 7px 0;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

a { 
	outline-color: #888;	
}	
		h3 {
			margin: 0;	
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list {
			width: 970px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 200px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

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

		ul#tabs li a.current {
			background:  url('../images/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			left: 165px;
			width: 463px;
			height: 240px;
			position: relative;
			
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
			
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #be1e2d;
			-moz-border-radius: 5px;
			border: 1px solid #FFF;
		}
		
		ul#output li a:hover {
			background: #0060a2;
		}

#tagline {
	float:left;
	margin-left:15px;
	padding-top: 20px;
}

#logo {
	float:left;
	margin-left:5px;
	padding: 20px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* -------  RIGHT COLUMN  --------------- */		
#right {
	width: 312px;
	float: right;
}
	#right #last {
		margin-bottom: 0px;
	}
	/* Header styles */
	#right h1 {
		font: 1.7em Tahoma;
		margin-bottom: 7px;
	}
	
	/* Paragraph styles */
	#right p {
		line-height: 1.8em;
	}
	
	#right .padding {
		padding: 10px 10px 10px 0px;
	
	}
	#right .box_one {
	
		margin-bottom: 20px;
		padding: 25px;
	}
		#right .box_one ul {
			list-style: none;
			padding: 4px 0px;
		}
			#right .box_one ul li {
				padding: 0px;
				margin: 0px;
	
			}
				#right .box_one ul li a {
					display: block;
					padding: 7px 0px 7px 27px;
				}
					#right .box_one ul li a:hover {
	
						color: #ffffff;
					}
	#right .box_two {
		background: url(../images/right2_box2.gif) no-repeat #c6dce2;
		margin-bottom: 20px;
		padding: 25px;
	}
		#right .box_two ul {
			list-style: none;
			padding: 4px 0px;
		}
			#right .box_two ul li {
				padding: 0px;
				margin: 0px;
				background: url(../images/bullet_blue.png) no-repeat 0px 8px;
			}
				#right .box_two ul li a {
					display: block;
					padding: 7px 0px 7px 27px;
				}
					#right .box_two ul li a:hover {
						background: url(../images/arrow.gif) no-repeat #16586d;
						color: #ffffff;
					}
	
	#right .twitterrr {
		background: url(../images/right2_twitter.gif) no-repeat #195c71;
		padding: 32px 25px;
		margin-bottom: 20px;
		margin-top: -4px;
	}
		#right .twitterrr h1 {
			color: #ffffff;
			font: 1.6em Tahoma;
		}
		#right .twitterrr a.cite {
			text-align: right;
				display: block;
				color: #ffffff;
		}
		
	/* The RSS button */
	a#rss {
		background: url(../images/rss.gif) no-repeat;
		height: 85px;
		display: block;
		text-indent: -10000px;
		margin: -13px 0px 12px 0px;
	}


/* -------------------------------------- */
/* chart-tabs */

.chart-tabs { position:relative; margin-bottom:5px; _margin-bottom:5px; z-index:10; zoom:1; }
.chart-tabs:after { content:'.'; display:block; clear:none; visibility:hidden; height:0; }
.chart-tabs li { float:left; }
.chart-tabs li a { display:block; width:116px; height:69px; padding:5px 10px 15px; margin-left:0px; background:url('../images/performance_tab_inactive20080108.png') no-repeat 0 0; outline:none; cursor:pointer; }
.chart-tabs li a.active { background:url('../images/performance_tab_active20080108.png') no-repeat 0 0; cursor:default; } 
.chart-tabs li a:hover { text-decoration:none; }
.chart-tabs li a.first { margin-left:0; }
.chart-tabs li strong,
.chart-tabs li span { display:block; line-height:1.3em; color:#666; *font-weight:normal; }
.chart-tabs li span { color:#999; }
.chart-tabs li a:hover strong,
.chart-tabs li a.active strong { color:#333; }
.chart-tabs li a:hover span,
.chart-tabs li a.active span { color:#666; }



.chart-tabs .small{font-size:.73em; margin:0;}

/* Blog Module */

div#blog {
	float: left;
	margin: 10px 15px 0px 20px;
	width: 580px;
}

div#blog h4.module-header-bar {
	background: url('../images/headers_left.png') no-repeat;
	height: 60px;
	margin-bottom: 15px;
	padding-top: 13px;
	width: 600px;
	font-size: 22px;
	text-transform: uppercase;
	text-align: left;
	text-indent: 78px;
}


div#blog h4.module-generic-bar {
	background: url('../images/headers_gen.png') no-repeat;
	height: 60px;
	margin-bottom: 15px;
	margin-top:1px;
	padding-top: 15px;
	width: 600px;
	font-size: 22px;
	text-transform: uppercase;
	text-align: left;
	text-indent: 25px;
}
div#blog div.blog-entry {
	margin-left:15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}

div#blog div.blog-entry h5 {
	float:left;
	width:350px;
}

div#blog div.blog-entry blockquote {
	clear:both;
	padding:10px 0px 10px 15px;
}

div#blog div.blog-entry p.meta {
	padding-top:4px;
}

p#read-more-wrapper {
	float:right;
	margin-top:10px;
	width:355px;
}

p#read-more-wrapper a {
	background:url('../img/read-more-button.png') no-repeat;
	border:none;
	display:block;
	height:30px;
	text-indent:-9000px;
	width:354px;
}

p#read-more-wrapper a:hover {
	background-position: 0px -30px;
}

p#read-more-wrapper a:active {
	background-position: 0px -60px;
}

/* Twitter Module */

div#twitter {
	margin: 20px 0px 0px 640px;
	width: 333px;
	padding-left: 20px;
}

div#twitter h4.module-header-bar {
	background: url('../images/headers_right_host.png') no-repeat;
	height: 60px;
	padding-top: 13px;
	width: 360px;
	font-size: 22px;
	text-transform: uppercase;
	text-align: left;
	text-indent: 78px;
	margin-left:-5px;
}

div#twitter div.tweet {
	/*margin: 3px 0px 17px 30px;*/
}

div#twitter div.tweet img {
	
	margin-right: 15px;
	
}

div#twitter div.tweet h5 {
	position: relative;
	top: -3px;
}

p#get-tweets-wrapper {
	float:right;
	margin-top:9px;
	width:215px;
}

p#get-tweets-wrapper a {
	background: url('../img/get-more-tweets-button.png') no-repeat;
	border: none;
	display: block;
	height: 30px;
	text-indent: -9000px;
	width: 214px;
}

p#get-tweets-wrapper a:hover {
	background-position: 0px -30px;
}

p#get-tweets-wrapper a:active {
	background-position: 0px -60px;
}


/* -------  FOOTER  --------------------- */		
#footer {
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	margin-bottom: 10px;
}
	/* Footer background */
	#footer .bg {
	padding: 35px 20px;
	background-image: url(../images/footer_3.png);
	background-repeat: no-repeat;
	background-color: #015394;
	}
		/* Clears the floats */
		#footer .bg:after {
    		content: ".";
    		display: block;
    		height: 0;
    		clear: both;
    		visibility: hidden;
		}
		#footer .bg {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html #footer .bg { height: 1%; }
		#footer .bg { display: block; }
		/* End hide from IE-mac */
		
	#footer .left {
		float: left;
		width: 450px;
		margin-bottom: 20px;
	}
	#footer .right {
		float: right;
		width: 450px;
		margin-bottom: 0px;
	}
	/* Footer header */
	#footer h2 {
		font: 1.6em Tahoma;
		margin-bottom: 11px;
	}
	
	#footer p {
		color:#fff;
	}
	
	/* Archives! */
	#footer #archives {
		background: #4c4133;
		padding: 13px 25px;
		clear: both;
	}
	
	/* Archives list */
	#footer ul.archives {
		display: table;
		list-style: none;
		height: 33px;
	}
		#footer ul.archives li {
			display: table-cell;
			padding-right: 10px;
		}
			#footer ul.archives li a {
				display: inline-block;
				padding: 4px 10px;
				background: #72614e;
				color: #ffffff;
			}
				#footer ul.archives li a:hover {
					background: #c7481e;
				}
				
/* -------------------------------------- */