@charset "UTF-8";
/* CSS for Killer Apps Challenge 11-11-2008 */
/* 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,  font, img, ins, kbd, q, s, samp,
small, strike, 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;
	vertical-align: baseline;
}
/* 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: "" "";
}


/* Header */
body {font-family:Arial, Helvetica, sans-serif;font-size:12px;background:url(/images/killerapp/footer-background.png) bottom repeat-x; background-color: #fff;}

#header {width:100%;height:76px;background:url(/images/killerapp/headerbackground.png) repeat-x top left;}
#header-container {width:960px;height:76px;margin:0 auto;position:relative;}
#header h1 {text-indent:-9999px;background-image:url(/images/killerapp/ribbitlogo.png);width:210px;height:76px;display:block;position:absolute;top:0px;left:0px;}


/* Navigation */
#nav {list-style-type:none;width:542px;height:31px;left:176px; bottom:0px;position:absolute;}
	#nav li {text-indent:-3000px;float:left;}
	#nav a {display: block;width:62px;height:31px;background-image:url(/images/killerapp/home-nav.png);background-repeat:no-repeat;background-position:left top;}
	#nav #home-nav a {width:62px;background-image:url(/images/killerapp/home-nav.png);}
	#nav #home-nav a.active {background-image:url(/images/killerapp/home-nav-active.png);}		
	#nav #learnmore-nav a {width:98px;background-image:url(/images/killerapp/learnmore-nav.png);}
	#nav #learnmore-nav a.active {width:98px;background-image:url(/images/killerapp/learnmore-nav-active.png);}
	#nav #register-nav a {width:79px;background-image:url(/images/killerapp/register-nav.png);}
	#nav #register-nav a.active {width:79px;background-image:url(/images/killerapp/register-nav-active.png);}
	#nav #getsdk-nav a {width:103px;background-image:url(/images/killerapp/getsdk-nav.png);}
	#nav #getsdk-nav a.active {width:103px;background-image:url(/images/killerapp/getsdk-nav-active.png);}
	#nav #discuss-nav a {width:76px;background-image:url(/images/killerapp/discuss-nav.png);}
	#nav #discuss-nav a.active {width:76px;background-image:url(/images/killerapp/discuss-nav-active.png);}
	#nav #blog-nav a {width:54px;background-image:url(/images/killerapp/blog-nav.png);}
	#nav #blog-nav a.active {width:54px;background-image:url(/images/killerapp/blog-nav-active.png);}
	#nav #submit-nav a {width:70px;background-image:url(/images/killerapp/submit-nav.png);}
	#nav #submit-nav a.active {width:70px;background-image:url(/images/killerapp/submit-nav-active.png);}
	#nav a:hover {background-position:bottom left;}
	
#secondary-nav {position:absolute;left:720px;top:53px;font-size:11px;}
	#secondary-nav li {float:left;display:inline;padding-left: 3px;background-image:url(/images/killerapp/secondary-divider.png);background-repeat:no-repeat;background-position:left 2px}
	#secondary-nav li.first {background-image:none; padding-right: 3px;}
		#secondary-nav li a {color:#fff;font-size:11px;text-decoration:underline;padding: 0px 2px;}
		#secondary-nav li a:hover {text-decoration: none;}
		
		.powered-by-topcoder {position:absolute;right:0px;top:7px;display:block;height:30px;width:139px;background-image:url(/images/killerapp/powered-by-topcoder.png);text-indent:-9999px;}

	#login
	{
		position: absolute;
		width: 513px;
		height: 35px;
		top: 0;
		right: 0;
		padding-top: 8px;
	}
	
	/* IE6 Fix*/
	*html #login { width: 533px; }

	#username {width:136px;float:left;font-size:11px;margin-right:8px;margin-left:20px;}
	#password {width:105px;float:left;font-size:11px;margin-right:8px;}
	
	.login-button
	{
		float: left;
		height: 24px;
		width: 121px;
		background-image: url(/images/killerapp/login-button.gif);
		display: block;
		border: 0 none;
		cursor: pointer;
		background-color: transparent;
	}
	
	.login-links
	{
		font-size: 10px;
		float: left;
		margin-left: 10px;
	}
		.login-links a
		{
			text-decoration: underline;
			color: #666;
			padding-bottom: 2px;
			float: left;
			clear: left;
		}
		.login-links a:hover { color: #111; }
	.login-greeting {text-align:right;margin-right:115px;margin-top:5px;}
	.login-greeting a { color: #47AD00; }
	.login-greeting a:hover {color:#ff6400;}
	

h2.killerapp {text-indent:-3000px;width:426px;height:200px;display:block;background-image:url(/images/killerapp/killerapp-header.png);background-repeat:no-repeat;background-position:1px top;}

		
/* Main */
#contentwrapper {width:928px;margin:0 auto;border-left:1px solid #ddd;border-right:1px solid #ddd;padding-left:30px;position:relative;}
#wrapper {width:100%;background-image:url(/images/killerapp/wrapper-bkg.png);background-position:left top;background-repeat:repeat-x;}
#inner-container {width:960px; margin:0px auto;position:relative;background-image:url(/images/killerapp/inner-container-bkg.png);background-repeat:no-repeat;background-position:left top;}

#left-content {padding-top:0px;width:625px;float:left;}
	#about-banner {background-image:url(/images/killerapp/about-banner.png);height:130px;width:622px;display:block;margin-top: 15px;}
		#about-banner h2, #about-banner h3, #about-banner p {text-indent:-9999px;}
	#left-content a { color: #47AD00; }
	#left-content a:hover {color:#ff6400;}
	#about-text {margin:15px 0;padding-bottom:20px; border-bottom:1px dotted black;}
		#about-text h2, #register-steps h2 {text-transform:uppercase;font-size:20px;font-family:Helvetica,Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:14px;}
		#about-text p, #register-steps p {line-height:16px;margin-bottom:12px;} 
		#home-side {float:right;width:340px;}
		#contest-stats {padding: 21px 0px 0px 48px;float:right;width:290px;height:200px;background-image: url(/images/killerapp/contest-stats-bkg.png); background-position: 8px top; background-repeat: no-repeat;}
			#contest-stats h2 {margin: 0px;height: 42px; font-size: 16px; line-height: 42px; width: 281px; display: block;color: #fff; text-align: center;background-image: url(/images/killerapp/contest-stats-header-bkg.png); background-position: left top; background-repeat: no-repeat;}
			#contest-stats table {width: 281px; text-align: left; color: #000;}
			#contest-stats td, #contest-stats th {padding: 9px;border-left:1px solid #47ad00;}
			#contest-stats th {background-color: #daefcc; font-weight: bold;border-top: 4px solid #47ad00;}
			#contest-stats td {border-top: 1px solid #47ad00; border-bottom: 1px solid #000; background-color: #fff;}
			#contest-stats .first {border-left: 1px solid #000;}
			#contest-stats .last {border-right: 1px solid #000;}
			.table-foot {text-align:center;height: 30px; background-image:url(/images/killerapp/contest-footer.png); background-position: left top; background-repeat: no-repeat;}
			#contest-stats td.table-foot {border: none; background-color:none;padding-bottom:0px;padding-top:0px;}
			.table-foot a {color: #fff;}
			.table-foot a:hover {text-decoration: none;}
		#fiveways {font-weight:bold;padding: 0px 0px 10px 15px;margin:20px 0px 15px 15px;float:right;width:310px;background-image: url(/images/killerapp/5ways-bkg.png); background-position: left bottom; background-repeat: no-repeat;}
		#fiveways h2 {font-size:16px;font-weight:bold;padding-bottom:8px;margin-bottom:0px;}
		#fiveways h2 div {display:none;}
		#fivecontainer {padding-left:60px;background-image:url(/images/killerapp/fiveways.png);background-repeat:no-repeat;background-position:left top;}
		#fiveways ul {list-style-type:none;font-size:11px;font-weight:bold;padding-bottom:10px;}
		#fiveways li {padding-bottom:6px;padding-left:6px;background-image:url(/images/killerapp/small-bullet.png);background-repeat:no-repeat;background-position:left 2px;}
		#fiveways li a {font-size:11px;}
		#fiveways p {line-height:15px;}
		#fiveways strong {font-size:13px; font-weight:bold;color:#ff6400;}
		#fiveways strong.prize {color:#47ad00;}
		#fiveways .five-learnmore {padding-right: 20px;}
		#fiveways .five-learnmore a {text-indent:-3000px;float:right;display:block;width:120px;height:27px;background-image:url(/images/killerapp/learnmore-btn.png); background-position: left top; background-repeat: no-repeat;}
#register-steps {clear:both;}
	#register-steps ol {padding-top: 10px;}
	#register-steps li {padding: 10px 0px 10px 32px; line-height: 14px; font-size: 12px; background-image: url(/images/killerapp/list-one.png); background-position: left 10px; background-repeat: no-repeat;}
	#register-steps li strong {font-size: 13px; line-height: 15px;}
	#register-steps li.two {background-image: url(/images/killerapp/list-two.png);}
	#register-steps li.three {background-image: url(/images/killerapp/list-three.png);}
	#register-steps li.four {background-image: url(/images/killerapp/list-four.png);}
	
	#register { margin-left: 32px; }
	#register-steps ol .sublist li, #register ol.sublist li
	{
		list-style-type: decimal;
		margin-left: 20px;
		margin-bottom: 15px;
		background-image: none;
	}
	
	#register-steps ol .sublist li
	{
		background-image: none;
		padding-left: 5px;
		padding-top: 0;
		padding-bottom: 0;
	}
	#register-steps ol .sublist2 {list-style-type:circle;margin-left:15px;margin-top:10px;}
	#register-steps ol ul.sublist2 {padding-bottom: 0;margin-bottom: 0;}
	#register-steps ol .sublist2 li, #register ol.sublist li li {margin-bottom:12px; padding-left: 14px; list-style-type: none; background:url(/images/killerapp/generic-bullet.png); background-position: left 3px; background-repeat: no-repeat;line-height:16px;padding-top:0;padding-bottom:0;}
	

/* Sidebar */
#right-sidebar {float:left;display:inline;width:268px;margin-left:25px;padding-bottom:15px;position:relative; top:-145px;}
	#blog-posts-sidebar, #forum-posts-sidebar {width:268px;background:url(/images/killerapp/sidebar-footer.png) no-repeat bottom right;padding-bottom:28px;}
		#blog-posts-sidebar h3,#forum-posts-sidebar h3 {background-image:url(/images/killerapp/sidebar-header.png);display:block;height:30px;width:208px;padding-top:33px;padding-left:60px;text-transform:uppercase;color:#FFF;text-decoration:none;font-weight:bold;font-size:16px;}
		#sub-requirements {font-size:13px !important;}
		#blog-posts-sidebar ul, #forum-posts-sidebar ul {background-image:url(/images/killerapp/sidebar-background.png);padding:0 25px;}
		#blog-posts-sidebar ul li, #forum-posts-sidebar ul li {padding:18px 0 0 0;}
		#blog-posts-sidebar ul li.buttons, #forum-posts-sidebar ul li.buttons {padding:18px 0 15px 0;position:relative;}
		#blog-posts-sidebar ul li p, #forum-posts-sidebar ul li p {margin-top: 4px; color: #555; line-height: 16px;}
		#blog-posts-sidebar ul li a, #forum-posts-sidebar ul li a {color:#000000;text-decoration:underline;font-weight:bold;font-size:14px;}
		#blog-posts-sidebar ul li a:hover, #forum-posts-sidebar ul a:hover {color:#ff6400;}
		#blog-posts-sidebar ul li a:visited, #forum-posts-sidebar ul a:visited {color:#000000;text-decoration:underline;}
.view-all {position:absolute; right:0px; top:10px; background-image:url(/images/killerapp/view-all-button.png);display:block;height:27px;width:99px;text-indent:-9999px;margin-left:120px;margin-bottom:-5px;}

#blog-posts-sidebar span.rss-button { position:absolute; left:0px; top:10px; }
#footer {clear:both;height:78px;width:100%;}

/* Secondary Pages */
.secondary-body {padding:20px 60px 0px 30px;min-height:400px;}
#left-content .secondary-body {padding:20px 0px 0px 0px;}
.secondary-body h1 {font-size:36px;text-transform:capitalize;font-weight:bold;}
	
.secondary-body h2 {font-size:24px;text-transform:capitalize;font-weight:bold;width:100%;height:32px;margin-bottom:15px;padding-bottom:8px; border-bottom:1px dotted #999;text-transform:uppercase;padding-top:8px;}
	.learn-more {background:url(/images/killerapp/learn-more-icon.png) no-repeat;text-indent:34px;}
	.register {background:url(/images/killerapp/header-register.png) no-repeat;text-indent:-9999px;}
	.sdk {background:url(/images/killerapp/header-getsdk.png) no-repeat;text-indent:-9999px;}
	.discuss {background:url(/images/killerapp/header-discuss.png) no-repeat;text-indent:-9999px;}
	.submit {background:url(/images/killerapp/header-submit.png) no-repeat;text-indent:-9999px;}
	.login {background:url(/images/killerapp/header-login.png) no-repeat;text-indent:-9999px;}
	.faq {background:url(/images/killerapp/faq-icon.png) no-repeat;text-indent:34px;}
.secondary-body h3 {font-size:18px;font-weight:bold;margin-bottom:8px; line-height:22px;}

.secondary-body h3.highlight {color: #FF6400; font-size: 20px; margin-bottom: 12px;}
.secondary-body h4 {font-size:14px;line-height: 14px;font-weight:bold;margin-bottom:8px;}
.secondary-body h4.direction {display:block;line-height:22px;width:350px;border:1px solid #47AD00;padding:15px;position:absolute;top:-120px;left:500px;}
.secondary-body p {font-size:12px;line-height:16px;margin-bottom:12px;}
.secondary-body ul {margin-left:10px;margin-bottom:15px;margin-top: 15px;list-style-type:square;}
.secondary-body ul li, .secondary-body ol li {margin-bottom:12px; padding-left: 14px; list-style-type: none; background:url(/images/killerapp/generic-bullet.png); background-position: left 3px; background-repeat: no-repeat;line-height:16px; }
.secondary-body small {font-size:10px;}
.secondary-body a { color: #47AD00; }
.secondary-body a:hover {color:#ff6400;}
.secondary-body a:visited {}
/* General Classes */
.secondary-body div.siteBoxFull {border:none;}

p.footnote {color: #666; font-size: 11px;}
#requirements {margin-bottom:0;padding-top:10px !important;}
#requirements li {margin-bottom: 12px;list-style-type: none;background-position: left 5px;background-repeat: no-repeat;line-height: 16px;padding: 2px 0 3px 14px !important;margin: 0 !important;background-image: url(/images/killerapp/generic-bullet.png);}
#blog-posts-sidebar #requirements li a {font-size: 11px;color: #000;}
#blog-posts-sidebar #requirements li a:hover, #blog-posts-sidebar #requirements li a.active {color:#ff6400;}

.category {font-weight:bold;color:#ff6400;}
.categories {color: #FF6400;font-style: italic;}
/*.judges {width: 100%;}
.judges div {width: 30%; padding: 10px 2% 15px 0px; float: left;}*/
.judges li{position:relative;width:190px;height:80px;display:block;}
.judges img {padding: 5px; border: 1px solid #ccc; margin-right: 10px;}
.judges h4 {font-weight:bold;color:#333;font-size:12px;position:absolute;top:20px; left:85px;}
.judges .title {font-weight:bold;color:#999;font-size:11px;line-height: 13px;position:absolute;top:35px; left:85px;}
#blog-posts-sidebar ul li .title a {font-size:11px;padding-top:3px;}
#blog-posts-sidebar ul li .title a:hover {color:#ff6400;}


/* Tables */
table.stat {
 margin: 0px;
 border: 1px solid #cccccc;
}
table.stat td {
 color: #333333;
 font-size: 11px;
 font-weight: normal;
 text-align:left;
 vertical-align: middle;
 padding: 5px;
}
table.stat td.title {
 color: #333333;
 font-size: 12px;
 font-weight: bold;
 text-align:left;
 padding-top: 4px;
}
table.stat td.header {
 font-weight: bold;
 text-align:left;
 background: #b7b7b7;
}
table.stat td.headerR {
 font-weight: bold;
 text-align: right;
 background: #b7b7b7;
}
table.stat td.headerC {
 font-weight: bold;
 text-align: center;
 background: #b7b7b7;
}
table.stat td.headerW {
 width: 1px;
 padding: 0;
 margin: 0;
 background: #b7b7b7;
}
table.stat td.headerW div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat td.headerE {
 width: 1px;
 padding: 0;
 margin: 0;
 background: #b7b7b7;
}
table.stat td.headerE div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat td.value {
 text-align:left;
}
table.stat td.valueR {
 text-align: right;
}
table.stat td.valueC {
 text-align: center;
}
table.stat td.space {
 padding: 0px;
 font-size: 8px;
}
table.stat td.btnRight {
 text-align: right;
 padding: 10px 0px 0px 0px;
}
table.stat tr.light td {
 background: #f4f4f4;
 border-top: solid 1px #ffffff;
}
table.stat tr.dark td {
 background: #eaeaea;
 border-top: solid 1px #ffffff;
}
table.stat tr.light:hover td, table.stat tr.dark:hover td {
 background: #e6ecff;
}
table.stat tr.light td.valueW {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.light td.valueW div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.light td.valueE {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.light td.valueE div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.dark td.valueW {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.dark td.valueW div {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.dark td.valueE {
 width: 1px;
 padding: 0;
 margin: 0;
}
table.stat tr.dark td.valueE div {
 width: 1px;
 padding: 0;
 margin: 0;
}
div.tableTabOn, div.tableTabOff {
 float: left;
 position: relative;
 top: 0px;
 padding: 4px 10px;
 margin-right: 4px;
 background: #cccccc;
 border-top: 1px solid #dcdcdc;
 border-right: 1px solid #dcdcdc;
 border-left: 1px solid #dcdcdc;
 font-weight: bold;
}
div.tableTabOn {
 background: #dcdcdc;
}
div.tableTabOff {
 background: #eeeeee;
}
div.tableTabOff a:link, div.tableTabOff a:visited {
 color: #999999;
}
div.tableTabOff a:hover, div.tableTabOff a:active {
 color: #cf9797;
}
/*------------------------------------
Login Colors
-------------------------------------*/
.coderTextRed, .coderTextYellow, .coderTextBlue, .coderTextGreen, .coderTextGray, .coderTextOrange { 
font-weight: bold; 
background-color: transparent;
background-image:none !important;
padding-left:0 !important;
}
.coderTextRed:link, .coderTextYellow:link, .coderTextBlue:link, .coderTextGreen:link, .coderTextGray:link, .coderTextOrange:link, .coderTextWhite:link, .coderTextBlack:link { 
text-decoration: none;
}
.coderTextRed:visited, .coderTextYellow:visited, .coderTextBlue:visited, .coderTextGreen:visited, .coderTextGray:visited, .coderTextOrange:visited, .coderTextWhite:visited, .coderTextBlack:visited { 
text-decoration: none;
}
.coderTextRed:hover, .coderTextYellow:hover, .coderTextBlue:hover, .coderTextGreen:hover, .coderTextGray:hover, .coderTextOrange:hover, .coderTextWhite:hover, .coderTextBlack:hover { 
text-decoration: underline;
}
.coderTextRed:active, .coderTextYellow:active, .coderTextBlue:active, .coderTextGreen:active, .coderTextGray:active, .coderTextOrange:active, .coderTextWhite:active, .coderTextBlack:active { 
text-decoration: underline;
}

/* Orange */
.coderTextOrange, .coderTextOrange:link, .coderTextOrange:visited, .coderTextOrange:hover, .coderTextOrange:active { color: #FF9900 !important; }
/* Red */
.coderTextRed, .coderTextRed:link, .coderTextRed:visited, .coderTextRed:hover, .coderTextRed:active { color: #EE0000 !important; }
/* Yellow */
.coderTextYellow, .coderTextYellow:link, .coderTextYellow:visited, .coderTextYellow:hover, .coderTextYellow:active { color: #DDCC00 !important; }
/* Blue */
.coderTextBlue, .coderTextBlue:link, .coderTextBlue:visited, .coderTextBlue:hover, .coderTextBlue:active { color: #6666FF !important; }
/* Green */
.coderTextGreen, .coderTextGreen:link, .coderTextGreen:visited, .coderTextGreen:hover, .coderTextGreen:active { color: #00A900 !important; }
/* Gray */
.coderTextGray, .coderTextGray:link, .coderTextGray:visited, .coderTextGray:hover, .coderTextGray:active { color: #999999 !important; }
/* White */
.coderTextWhite, .coderTextWhite:link, .coderTextWhite:visited, .coderTextWhite:hover, .coderTextWhite:active { color: #FFFFFF !important; }
/* Black */
.coderTextBlack, .coderTextBlack:link, .coderTextBlack:visited, .coderTextBlack:hover, .coderTextBlack:active { color: #000000 !important; }


/* Input Styles from Tino */
input.textfield {
	color: #000;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	text-align: left;
	display: block;	
	padding: 5px;
	background-color: #fff !important;
	}
html * input.textfield:focus {
	border: 1px solid #47ad00;
	color: #000 !important;
	}
	
/* TC Login Page */
#tc-login { width: 500px; }
#tc-login p { padding-bottom: 10px; }
#tc-login table { width: 240px;padding-top: 5px; }
#tc-login td { padding: 5px; }
#tc-login span.tc-alert { color: #F00;font-size: 14px; }
#tc-login td.tc-login { text-align: center; }
#tc-login td.name { text-align: left;vertical-align: middle; }


/* Rules Schedule */
#schedule table
{
	width: 400px;
	border-width: 0 1px 1px 0;
	border-color: #47AD00;
	border-style: solid;
}
#schedule td, #schedule th
{
	padding: 5px;
	background-color: #FFF;
	border-width: 1px 0 0 1px;
	border-color: #47AD00;
	border-style: solid;
}

#schedule th { font-weight: bold; }

p.emphasis { font-size: 14px; }


/* Date Box */
#date-box { width: 400px; margin: 0 auto 20px auto; }
#date-box td { vertical-align: middle; }
#date-box td.reg-buttons { padding: 0px 5px 5px 5px; }
#date-box td.proj-reg
{
	padding: 10px 5px 0 5px;
	color: #47AD00;
	font-size: 14px;
	text-align: center;
}

div.date-box
{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size: 16px;
	width: 180px;
	white-space: nowrap;
	padding: 5px;
}

div.due-date
{
	float: right;
	clear: right;
	text-align: right;
}

/* Timeline */
#timeline
{
	padding-top: 3px;
	padding-bottom: 10px;
}

/* Admin Styles */
.linkBox {margin:16px 0;}
.breadcrumb {margin-bottom:12px;}
.pagingBox {margin:8px 0;}