@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	background:url(../images/stripes.png) repeat-x #FFF;	
}
.main {min-height:600px;}
.w {width:980px; margin:0 auto;	clear:both;	}
.full {	width:100%; }
.half {width:50%;}
.clr { clear:both; }
.r {float:right;}
.l {float:left;}
.center {text-align:center;}

/* ROUNDS */
.round-row {
	background-color:#e9e9e9;
	padding:20px;
	width:940px;
	margin-left:-20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.round-box {
	background-color:#e9e9e9;
	padding:20px;
	width:250px;
	margin-left:-20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

a {
	color:#00ccff;
	text-decoration:none;
}
a:visited {
	color:#00ccff;
	text-decoration:none;
}
a:hover {
	color:#ffffff;
	text-decoration:none;
	border:0;
	background-color:#00ccff;
}

.confirm {
	width:100%;
	padding:10px;
	background-color:#FFC;
	border:1px solid #eaeaea;
	font-weight:bold;
	text-align:center;
}

#bad_browser {
	width:100%;
	padding:10px;
	background-color:#FFC;
	border:1px solid #eaeaea;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
	#bad_browser h1 {
		font-size:36px;
		margin-bottom:40px;
	}
	#bad_browser p {
		font-size:16px;
		font-style:italic;
	}
	


/* LOGING SCREEN */
.intro {
	width:300px;
	padding:30px;
	background-color:#FFC;
	border:1px solid #eaeaea;
}
	.login {
		float:left;
		margin-top:30px;
	}
		.login_response {
			width:90%;
			padding:10px;
			margin:0 0 20px 0;
			font-weight:bold;
			color:#FFF;
			background-color:#03d5e8;
		}
	.register {
		float:right;
		margin:30px 0 0 30px;
	}
		.intro input[type="text"],
		.intro input[type="password"] {width:75%; margin-bottom:10px;}
		label.error {
			display:block;
			font-size:10px;
			line-height:10px;
			color:#F00;
			margin:-4px 0 10px 0;
		}

/* HEADER */
#header-bg {
	background-color:#5a5a5a;
	height:30px;
}
	#logo {
		font-size:16px;
		line-height:30px;
		color:#FFF;
		font-weight:bold;
	}
	#quickies {
		min-width:100px;
		max-width:370px;
		float:left;
		margin:6px -12px 0 10px;
		padding:0 12px;
		background:url(../images/triangle-yellow.png) no-repeat;
		border-left:none;
	}	
		#quickies span {
			display:block;
			height:18px;
			padding:0 6px;
			line-height:18px;
			font-size:10px;
			color:#000;
			background-color:#FFC;
		}
	#tasks {
		text-align:right;
		line-height:30px;
		color:#FFF;
		font-size:14px;
	}
		#tasks a {
			color:#FFF;
			text-decoration:none;
		}
.dropdown {
	display:none;
	width:940px;
	margin:0 auto;
	padding:20px;
	background-color:#999;
	color:#FFF;
}
	.dropdown div {
		display:block;
		width:290px;
		margin-right:25px;
		float:left;
	}
		.dropdown h3 {
			width:100%;
			font-weight:bold;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:24px;
			line-height:30px;
		}
		.dropdown div label {
			display:block;
			float:left;
			width:45%;
			clear:left;
			line-height:26px;
			font-weight:bold;
		}
		.dropdown div input[type="text"] {
			display:block;
			float:right;
			width:45%;
			clear:right;
		}
	.dropdown .dropdown-submit {
		width:100%;
		text-align:center;
		margin:20px 0;
	}
		.dropdown .dropdown-submit a {
			color:#FFF;
		}
#alert {
	background-color:#FFC;
	border:1px solid #eaeaea;
	width:940px;
	min-height:20px;
	margin:20px auto 0 auto;	
	clear:both;
	padding:20px;
	text-align:center;
}
	#alert a.close {
		display:block;
		top:0;
		right:0;
		z-index:1000;
		float:right;
		margin:-27px -27px 0 0;
		background-image:url(../images/blue-x.png);
		width:18px;
		height:18px;
		cursor:pointer;
	}
	#alert h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 26px;
		line-height:28px;
		font-weight:bold;
	}
	#alert h2 {
		font-size:14px;
		line-height:16px;
		font-style:italic;
		margin-bottom:15px;
	}
	#alert span a {

	}


/* NAV */
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	width: 980px;
	height: 89px;
	position: relative;
}
	#nav a {
	  display: block;
	  float:left;
	  margin-right:25px;
	  text-indent: -900%;
	  position: relative;
	  outline: none;
	  border:0;
	}
	#nav a:hover, #nav a.active {
	  background-position: left bottom;
	}
	
	#nav .logistics {
	  width: 310px;
	  height: 89px;
	  background: url(../images/logistics.png) no-repeat;
	  left: 0;
	  top: 0;
	}
	
	#nav .content {
	  width: 310px;
	  height: 89px;
	  background: url(../images/content.png) no-repeat;
	  left: 0;
	  top: 0;
	}
	
	#nav .community {
	  width: 310px;
	  height: 89px;
	  background: url(../images/community.png) no-repeat;
	  left: 0;
	  top: 0;
	}

/* COLS */
.row {
	width:100%;
	clear:both;
}
.col1 {
	width:310px;
	margin-right:25px;
	float:left;
}
.col2 {
	width:645px;
	float:left;
}

.box {
	width:100%;
	clear:both;
}
	.box h1 {
		width:100%;
		clear:both;
	}
		.box h1 span.andro {
			position:absolute;
			display:block;
			float:left;
			width:310px;
			z-index:-1000;
		}
		.box h1 input {
			display:block;
			float:right;
			padding:0;
			margin:0;
		}
	.box span.due {
		display:block;
		visibility:hidden;
		float:right;
		clear:both;
		font-size:14px;
		color:#666;
		line-height:24px;
	}
	.box .content {
		clear:both;
		padding-top:15px;
	}
		.box textarea {width:100%; margin-bottom:10px;}
		.box label,.intro label {
			display:block;
			font-weight:bold;
			margin-bottom:4px;
		}



a.trans {
	display:block;
	float:left;
	margin:15px 17px 15px 0;
	width:92px;
	height:90px;
}
	.plane {background: url(../images/transport.png) no-repeat 0 0;	 }
	.train {background: url(../images/transport.png) no-repeat -92px 0;}
	.bus {background: url(../images/transport.png) no-repeat -184px 0;}
	p.return-flight {}
	
.ranking {
	display:block;
	float:left;
	margin:15px 15px 15px 0;
	width:40px;
	height:41px;
}
	.one {background: url(../images/123.png) no-repeat 0 0; clear:left;	 }
	.two {background: url(../images/123.png) no-repeat -40px 0;}
	.three {background: url(../images/123.png) no-repeat -80px 0; clear:right;}

.instruct {font-size:14px; color:#000;}
#discussion {font-size:13px; color:#000;}
#comments {
	margin:25px 0;
}

img.green-check {
	display:none;
	float:right;
	padding-right:10px;
}

span.hint {
	display:block;
	font-size:11px;
	color:#999;
}

/* WORKSHOPS */
form.form-wrkshp p.wrkshp-title {
	margin-bottom:5px;
}
	form.form-wrkshp p.wrkshp-title strong {
		font-size:14px;
		text-transform:uppercase;
	}
	form.form-wrkshp p.wrkshp-title em {
		margin-top:6px;
		display:block;
		font-size:11px;
		color:#999;
	}
.wrkshp div h3 {
	font-weight:bold;
	padding:5px 5px 5px 30px;
}
.wrkshp div,.wrkshp div div {
	display:block;
	clear:both;
}
.ui-state-highlight {height:25px;}
.notes a {
	display:block;
	clear:both;
	line-height:18px;
	margin:0;
	padding:0;
}

/* OUTCOMES */
h2.sub {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}
ul#outcomes-list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:-15px;
}
	ul#outcomes-list a, ul#outcomes-list li {
		display: block;
		width:100%;
		height:24px;
		line-height:24px;
		float:left;	
		border:0;
		text-indent:15px;
		cursor:pointer;
		font-weight:bold;
		word-wrap:break-word;
	}
	.outcome-active {
		color:#fff;
		background:url(../images/outcome-active.png) no-repeat;
	}
.app,p.app-descrip {
	display:none;
}



/* ARTICLES */
span.char-limit {
	display:block;
	clear:both;
	margin:-5px 0 10px 0;
	font-size:10px;
	width:100%;
	text-align:right;
}
.comment {
	margin-bottom:15px;
}
	.comment .top {
		width:310px;
		height:10px;
		background:url(../images/comment-top.png) no-repeat;
	}
	.comment .text {
		width: 290px;
		padding:0 10px;
		background-color:#eaeaea;
	}
	.comment .bottom {
		width:310px;
		height:26px;
		background:url(../images/comment-bottom.png) no-repeat;
		padding-top:14px;
		font-size:12px;
		font-style:italic;
		padding-left:14px;
	}
		.comment .bottom img {
			padding:5px 5px 0 0;
		}