/*
A:link {color:#333;text-decoration:underline;}
A:hover {color:#990000;text-decoration:underline;} 
A:visited {color:#666666;}
	
A.footer:link {color:#666;text-decoration:underline;}
A.footer:visited {color:#666;text-decoration:underline;}
A.footer:hover {color:#fff;text-decoration:underline;}

RED:		#e2312a
BLUE:		#0087db     
BLACK:		#050608
GRAY dark:	#636363
GRAY light:	#ececec
 */

a 			{ font-weight:bold; color:#0087db; border-bottom:1px dotted #0087db; text-decoration:none; }
a:hover 	{ color:#e2312a; border-bottom:1px dotted #e2312a; }
a:active	{ outline: none; }
a:focus		{ -moz-outline-style: none; }

body, html {
	background:#fff;
	/*height:100%;*/
}

#shell {
	width:960px;
	background:#fff;
	padding:20px 0px;
	margin:0 auto;
}

#masthead h1,
#loggedin_footer h1 {
	margin:0;
}

#masthead h1 a,
#loggedin_footer h1 a {
	text-indent:-5000px;
	background:url(/images/sprite.png) -10px -561px no-repeat;
	height:19px;
	width:182px;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	border-bottom:none;
}

#masthead h4 {
	float:right;
	padding-right:20px;
	background:url(/images/sprite.png) 22.6em -185px no-repeat;
	*background:url(/images/sprite.png) 22em -185px no-repeat;
	color:#e2312a;
	width:300px;
	text-align:right;
}

#masthead h4 a {
	color:#0087db;
}

#masthead h4 a:hover {
	color:#e2312a;
	border-bottom:1px dotted #e2312a;
}

#masthead #monkey {
	background:#050608 url(/images/masthead_monkey.png) bottom right no-repeat;
	height:149px;
	clear:both;
	padding:1px; /* pc opera needs this or else extra top spacing */
}

#masthead #monkey404 {
	background:#050608 url(/images/masthead_monkey404.png) bottom right no-repeat;
	height:149px;
	clear:both;
	padding:1px; /* pc opera needs this or else extra top spacing */
}

#masthead #monkey h2,
#masthead #monkey404 h2 {
	font-size:235%;
	font-weight:normal;
	color:#fff;
	padding:23px 0 0 24px;
}

#masthead #monkey h2 em,
#masthead #monkey404 h2 em {
	font-weight:bold;
	color:#0087db;
	font-style:normal;
}

#main {
	float:left;
	width:560px;
	min-height:260px;
	margin-top:20px;
}

#main h2 {
	margin:0 0 20px 0;
	color:#e2312a;
	font-size:153.9%;
	line-height:1.4em;
	letter-spacing:-.03em;
}

#main h2.home_intro {
	color:#636363;
}

#main h2 span {
	color:#e2312a;
}

#main h2 em {
	color:#050608;
	font-style:normal;
	font-weight:bold;
}

#main dl {
	margin:0
}

#main dt {
	font-weight:bold;
}

#main dd {
	margin:0 0 1em 0;
}

#home_cta {
	float:right;
	width:310px;
	background:#b5dff5;
	margin-top:20px;
	padding:32px 20px;
}

#footer {
	clear:both;
	position:relative;
	font-size:85%;
	padding-top:20px;
}

#footer p {
	color:#acacac;
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:.4em;
}

sup {
	font-size:40%;
	font-weight:bold;
}

p {
	line-height:1.3em;
}

ul.list {
	margin:0;
	padding:0;
}

ul.list li {
	background:url(/images/sprite.png) -10px -595px no-repeat;
	padding-left:18px;
	margin-bottom:1em;
	list-style:none;
}

#sidebar ul.list li {
	margin-bottom:0;
	background-position:-10px -596px;
}

#sidebar ul.list {
	margin-bottom:1.5em;
	font-size:93%;
}

#sidebar ul.list li.doublespaced {
	margin-bottom:1em;
}

.footer_nav {
	margin:0;
	*height:1.8em;
}

.footer_nav li {
	float:left;
	list-style:none;
	border-right:1px solid #636363;
	padding:0 1em;
	line-height:.8em;
	margin-bottom:.7em;
	*margin-bottom:0;
}

.footer_nav li a {
	border-bottom:none;
}

.footer_nav li a.normal {
	font-weight:normal;
}

.footer_nav li.group {
	clear:left;
	color:#636363;
	font-weight:bold;
	width:4em;
	border-right:none;
	padding:0;
}

.footer_nav li.last {
	border-right:none;
}




.button:link, .button:visited, .button:hover {
	border:none;
}

.button:link, .button:visited { /* top left corner, top edge */
	color:#0087db;
	background:#e7f4fe url(/images/button.png) no-repeat;
	font-size:135%;
	text-decoration:none;
}

.button * {display:block;}

.button span { /* top right corner */
	padding:4px 0 0;
	background:url(/images/corners.gif) no-repeat right top;
}

.button span span { /* bottom left corner, left and bottom edges */
	padding:0 0 0 12px;
	background:url(/images/button.png) no-repeat left bottom;
}

.button span span span { /* bottom right corner */
	padding:0 0 6px;
	background:url(/images/corners.gif) no-repeat right bottom;
}

.button span span span span { /* right edge */
	padding:6px 16px 3px 6px; /* extra padding added to give the text some breathing room */
	background:url(/images/button.png) no-repeat right center;
}

.button span span span span:hover {
	color:#e2312a;
}

.button span span span span em {
	font-style:normal;
	padding-right:15px;
	background:url(/images/sprite.png) no-repeat;
}

.button span span span span em.demo {
	background-position: 76px -711px;
}

.button span span span span em.signup {
	background-position: 107px -711px;
}



#login,
#sidebar {
	float:right;
	width:310px;
	background:#ececec;
	margin-top:20px;
	padding:20px 20px 0 20px;
}

#sidebar {
	padding:20px;
}

#login_forgotpass {
	float:right;
	clear:right;
	width:310px;
	background:#ececec;
	margin-top:0;
	padding:.5em 20px 0 20px;
}

#login_forgotpass p {
	font-size:85%;
	padding-left:13px;
	background:url(/images/sprite.png) -10px -744px no-repeat;
	margin-bottom:.2em;
}

#forgotpass {
	display:none;
	margin-top:.7em;
}

#login_btn {
	float:right;
	clear:right;
	width:310px;
	background:#ececec;
	margin-top:0;
	padding:1em 20px 20px 20px;
}



#login h3,
#sidebar h3 {
	color:#e2312a;
	font-weight:bold;
	font-size:123.1%;
	margin:0;
}

#login p {
	font-size:85%;
	line-height:100%;
}

#sidebar p {
	font-size:93%;
}

label {
	color:#636363;
	font-weight:bold;
	font-size:93%;
	display:block;
}

label span {
	display:block;
	font-size:93%;
	font-weight:normal;
	color:#050608;
	margin-top:.4em;
}

label span.required {
	display:inline;
}

input.text {
	width:23em;
	/*height:1.1em;*/
	padding:.15em;
	margin-bottom:1em;
}

input.text_reset {
	width:15.5em;
	*width:13.5em;
	/*height:1.1em;*/
	padding:.15em;
	margin-bottom:1em;
}

input.last {
	margin-bottom:.5em;
}

input#rememberme {
	float:left;
	margin-right:.4em;
	*width:14px;
	*height:14px;
}

#label_checkbox {
	font-size:85%;
	float:left;
	padding-top:.1em;
	*padding-top:0;
	margin-bottom:.5em;
}

#sidebar input.text {
	margin-bottom:.5em;
}

#sidebar input.last {
	margin-bottom:1.5em;
}

textarea.textarea {
	width:23em;
	height:10em;
	padding:.15em;
	margin-bottom:1em;
}

#sidebar .form_button {
	margin-bottom:.5em;
}

.form_button {
	color:#fff;
	background:#0087db;
	padding:.2em .4em;
	*padding:.4em;
	border:none;
	text-transform:uppercase;
	font-size:93%;
	font-weight:bold;
	height:2em;
}

.form_button:hover {
	background:#e2312a;
}

span.accent {
	color:#e2312a;
	font-weight:bold;
}

#errors {
	color:#e2312a;
	font-weight:bold;
	background:#ffffcc;
	border:1px solid #ffcc33;
	padding:.4em 1em;
	margin-bottom:1em;
}

#errors ul {
	margin:.5em 1em .5em 1em;
}

.ok {
	color:#00a651;
	font-weight:bold;
	background:#e4f7c6;
	border:1px solid #00a651;
	padding:.4em 1em;
	margin-bottom:1em;
}

.contact_comments {
	font-style: italic;
	background:#ffffcc;
	border:1px solid #ffcc33;
	padding:1em;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}



#panel_screencast {
	display:none;
	text-align:left;
	width:790px;
	min-height:423px;
	border:10px solid #0087db;
	background:#F7FCFF;
	padding:20px;
	margin-left:-425px;
	position:absolute;
	top:50%;
	left:50%;
}

#panel_cookies {
	display:none;
	text-align:left;
	font-size:93%;
	width:600px;
	height:420px;
	border:10px solid #007fff;
	background:#F7FCFF;
	padding:20px;
	margin-left:-330px;
	position:absolute;
	top:50%;
	left:50%;
}

#panel_cookies_content {
	height:370px;
	margin-bottom:20px;
	overflow-y:auto;
	padding-right:10px;
}

#panel_screencast a,
#panel_cookies a {
	color:#007fff;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted #0087db;
	clear:both;
}
		
#panel_screencast a:hover,
#panel_cookies a:hover {
	cursor:pointer;
	color:#FF0084;
	font-weight:bold;
	border-bottom:1px dotted #FF0084;
}
		
#panel_screencast p a.button,
#panel_cookies p a.button {
	display:block;
	padding:6px;
	color:#efefef;
	font-weight:bold;
	background:#e2312a;
	width:5em;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	border-bottom:none;
}
		
#panel_screencast p a.button:hover,
#panel_cookies p a.button:hover {
	background:#0087db;
}

#noscript_warning {
	background:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding:260px 0 0 0;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
}

#noscript_warning h1 a {
	text-indent:-5000px;
	background:url(/images/sprite.png) -10px -561px no-repeat;
	height:19px;
	width:182px;
	float:left;
	margin:0 0 0 84px;
	padding:0;
	border-bottom:none;
}

#noscript_warning em {
	display:block;
	font-style:normal;
	clear:both;
}

#noscript_content {
	width:336px;
	margin:0 auto;
}
		
#noscript_warning h1 {
	float:none;
	display:inline;
}
		
#noscript_warning span {
	color:#e2312a;
	border-bottom:1px dotted #e2312a;
}

/* LOGGED IN */

body#loggedin {
	padding:30px 30px 0 30px;
}

body#loggedin div#links_content {
	background:#ccc;
	clear:both;
}

body#loggedin div#masthead ul#loggedin_nav {
	float:right;
	margin:0;
}

body#loggedin div#masthead ul#loggedin_nav li {
	float:left;
	list-style-type:none;
	border-right:1px solid #ccc;
	padding:0 .8em 0 20px;
	margin:0 .5em 0 0;
	/*margin:0 .5em 0 0;*/
	line-height:1.5em;
	font-weight:bold;
	color:#636363;
	background:url(/images/sprite.png) no-repeat;
}

body#loggedin div#masthead ul#loggedin_nav li.users { background-position: -10px -150px; }
body#loggedin div#masthead ul#loggedin_nav li.manageaccount { background-position: -10px -115px; }
body#loggedin div#masthead ul#loggedin_nav li.problem { background-position: -9px -9px; }
body#loggedin div#masthead ul#loggedin_nav li.feedback { background-position: -8px -44px; }
body#loggedin div#masthead ul#loggedin_nav li.logout { background-position: -8px -80px; }

body#loggedin div#masthead ul#loggedin_nav li.first {
	
}

body#loggedin div#masthead ul#loggedin_nav li.last {
	border:none;
	margin-right:0;
	padding-right:0;
}

body#loggedin div#masthead ul#loggedin_nav li a:hover {
	color:#e2312a;
}

ul#personalization {
	padding:.4em;
	background:#ffffcc;
	border:1px solid #ffcc33;
	margin:0;
	clear:both;
}

ul#personalization li {
	list-style-type:none;
}

ul#personalization li.user {
	float:left;
	padding-left:18px;
	background:url(/images/sprite.png) no-repeat -10px -220px;
}

ul#personalization li.usage {
	float:right;
	font-weight:bold;
	padding-right:57px;
	background:url(/images/sprite.png) no-repeat 12px -255px;
}

ul#personalization li.demo { background-position: 12px -323px; }

ul#personalization li.num_feeds2 { background-position: 12px -289px; }
ul#personalization li.num_feeds3 { background-position: 12px -323px; }
ul#personalization li.num_feeds4 { background-position: 12px -357px; }
ul#personalization li.num_feeds5 { background-position: 12px -391px; }
ul#personalization li.num_feeds6 { background-position: 12px -425px; }
ul#personalization li.num_feeds7 { background-position: 12px -459px; }
ul#personalization li.num_feeds8 { background-position: 12px -493px; }
ul#personalization li.num_feeds9 { background-position: 12px -527px; }

#loggedin_footer {
	padding-top:40px;
	clear:left;
}

#loggedin_footer p {
	color:#acacac;
	font-size:85%;
	clear:left;
	position:relative;
	top:-20px;
	margin-bottom:0;
}

div.feeds {
	float:left;
	width:31%;
	padding-left:3%;
}

div.first {
	padding-left:0;
	clear:left;
}

div.news-entry h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #e2312a;
	padding:0;
	margin:1em 0 0 0;
}

div.news-entry h2 a,
div.news-entry h2 a:active,
div.news-entry h2 a:link,
div.news-entry h2 a:visited {
	color: #e2312a;
	border-bottom:none;
}

div.news-entry h2 a:hover {
	color: #e2312a;
	border-bottom:1px dotted #e2312a;
}

div.news-entry a,
div.news-entry a:active,
div.news-entry a:link {
	color: #0087db;
	text-decoration: none;
}

div.news-entry a:visited {
	color:#636363;
	text-decoration: none;
}

div.news-entry a.more {
	color:#e2312a;
}

div.news-entry ul {
	list-style-type: none;
	padding: 0;
	margin: .5em 0 0 0;
	font-size: 0.9em;
}

div.news-entry ul li  {
	border-top: 1px solid #ccc;
	line-height: 1.35em;
	margin: 0;
	padding: 4px 0 3px 0;
	list-style-type:none;
}

/*
div.news-entry li:hover  {
	background:#050608;
}
*/

div.news-entry a {
	border-bottom:none;
}

div.news-entry a:hover {
	color:#e2312a;
	text-decoration: none;
}

.clearer {
	clear: both;
	height: 25px;
}





/* START DEMO MODAL */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
   the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
/*    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;*/
}

.jqmOverlay { background-color: #000; }

.jqmWindow {
    background: #007FFF;
    color: #000;
    border: 10px solid #007FFF;
    padding: 0 0 24px 0;
}
button.jqmClose {
	background: none;
	color: #fff;
	border:none;
	clear: right;
	float: right;
	padding: 0;
	cursor: pointer;
	font-size: 93%;
	font-weight:bold;
}

button.jqmClose:hover, button.jqmClose:active {
	color: #000;
}

#jqmTitle {
	background: transparent;
	color: #fff;
	text-transform: capitalize;
	font-size:93%;
	font-weight:bold;
	height: 24px;
	padding: 0;
}

#jqmContent {
	width: 100%;
	height: 100%;
	display: block;
	clear: both;
	margin: 0;
	margin-top: 0px;
	background: #fff url(/images/loadingAnimation.gif) no-repeat center center;
	border: none;
}
/* END DEMO MODAL */





#youtube {
	margin:0 0 5px 180px;
}

#screencast_text {
	text-align:center;
	margin-bottom:20px;
}


/* clear fix */
.clearfix:after {
	content: ".";
	clear: both;
	visibility: hidden;
	height: 0;
	display: block;
}

.clearfix {
	zoom: 1;
}


/* target webkit browsers - safari and chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	input.text, input.text_reset {
		/*height:1.4em;*/
		padding:.24em;
	}
	
	.form_button {
		padding:.2em .8em;
	}
	
	sup {
		position:relative;
		top:-.9em;
	}
	
	/* TM in these lists are higher than they should be */
	ul.list li sup {
		position:relative;
		top:.3em;
	}
}