@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:280px;
		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 {

	}

#alert_outcomes {
	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_outcomes 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_outcomes h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 26px;
		line-height:28px;
		font-weight:bold;
	}
	#alert_outcomes h2 {
		font-size:14px;
		line-height:16px;
		font-style:italic;
		margin-bottom:15px;
	}


/* 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;
}
.wkp h2 {
	font-size: 18px;
	font-weight: bold;
}
.wkp h4 {
	font-size: 14px;
	line-height: 15px;
}
.wbox h1 {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 15px;
	width: 270px;
	color: #000;
	background: #c9c9c9;
	}

ul#wlist {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:-15px;
}
	ul#wlist a, ul#wlist 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;
		color: #000;
		width: 300px;
	}
	ul#wlist li:hover {
		color: #FFFFFF;
		background-color: #00ccff;
	}
	ul#wlist a:hover {
		color: #fff;
	}


/* 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;
}


/* PROJECTS */
ul#projects-list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:-15px;
}
	ul#projects-list a, ul#projects-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;
	}
	.proj-active, ul#projects-list li:hover {
		color: #FFFFFF;
		background-color: #00ccff;
	}
	.addproject:hover,.add-proj {
		color: #FFFFFF;
		background-color: #000000 !important;
	}

p.projinfo {
	display:none;
}

.projlabel {
	padding-right:10px;
}

/* APPLICATIONS */
ul#app-list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:-15px;
}
	ul#app-list a, ul#app-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;
	}
	.app-active, .accept-app:hover, ul#app-list li:hover {
		color: #FFFFFF;
		background-color: #00ccff;
	}
	.accept-app {
		color: #FFFFFF;
		background-color: #000000;
	}
	.accept-app2 {
		color: #FFFFFF;
		background-color: #000000;
	}

p.appinfo {
	display:none;
}

.apphead {
	background-color: #000000;
	color: #FFFFFF;
	width: 645px !important;
	padding:5px;
	float:left;
}

/* 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;
		}

/* PROFILE */
.picture {	
	background-color: #b7ecf4;	
	padding:20px;
	width:250px;
	margin-left:-20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.dropbox {
	background-color: #b7ecf4;	
	padding:20px;
	width:920px;
	margin-top:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height:175px;
}

#proj_photo {
	width: auto;
	height: auto;
}

#proj_info {
	margin-top:10px;
}

.wall {
}

.wallMessage{
	font-size:12px;
}

.userLabel {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}

.edit-profile-inactive {
	display: none;
}

div#edit-profile a {
	font-size: 14px;
	background-color: #dcdcdc;
	border-radius: 2px;
	color: #000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px;s
}
.profbox {
	padding: 10px;
	border: 1px solid #dcdcdc;
	background: #fff;
	float:left;
	width:635px;
	margin-left: -15px;
	margin-bottom: 10px;
	line-height:14px;
}
.profbox h2 {
	margin-bottom:5px;
}
.wallMessage, .statusUpdate{
	margin: 0px -5px 0px;
	padding: 7px 5px;
	display: block;
	border-top: 1px solid #dcdcdc;
}
.wallMessage:hover, .statusUpdate:hover {
	background: #ecf8ff;
	
}

.dellistleft {
	color: #000;
	text-transform: capitalize;
	line-height:14px;
	font-size:12px;
	}
.dellistright {
	text-transform: capitalize;
	float:right;
	color:#000;
}

.blurb {
	font-size: 14px;
}
.blurb a {
	color: #29a5b4;
}
.blurb a:hover {
	color: #fff;
	background: none;
}
/* DISCUSSION BOARD */
#d-topic {
	width: 100%;
}

#d-topic h1 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#d-topic h2 {
	font-size: 14px;
	font-weight: bold;
}
#d-return {
	clear:both;
	margin-bottom: 10px;
}

.d-topic {
	background-color:#29a5b4;	
	padding:20px;
	width: 600px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:-20px;
	font-size: 16px;
	font-weight:bold;
	cursor:pointer;
	clear:both;
	margin-bottom:10px;
}
.d-topic:hover {
	background-color: #03d5e8;
	
	}
.dtopic a {
	color: #ffffff;
	
	}
.dtopic a:hover {
	background: none;
	}
.dmsg {
	margin-top:5px;
	clear: both;
	width: 100%;
	height: 100%;
	background-color: #aeeaef;
	color: #000000;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 960px;
	margin-bottom:0px;
	padding-bottom:15px;
}

.dmsg_author {
	float: left;
	width: 50%;
	min-height: 20px;
	font-style: italic;
}

.dmsg_header {
	float:right;
	width: 50%;
	text-align: right;
	min-height: 20px;
	}

.drmsg {
	margin-left: 35px;
	clear: both;
	width: 100%;
	height: 100%;
	background-color: #cbf8fc;
	color: #000000;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 925px;
	margin-top:0px !important;

}

.del_dmsg {
	}


.dmsg_msg {
	clear: both;
	width: 100%;
	
}

	.dmsg_msg p {
	}
	
.a-drmsg {
	clear:both;
	width: 100%;
}
	.a-drmsg a {
		padding:5px;
		cursor:pointer;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #145158;
		color: #93eae3;
	}	
	.a-drmsg a:hover {
		color: #fff;
		}
#d-current-topic {
	background-color:#29a5b4;	
	color: #ffffff;
	padding:20px;
	width: 940px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:-20px;
}

.hide {
	display: none;
}

.show {
	display: block;
}

/* SCHEDULE */
.stitle {
	background: #29a5b4;
	color: #fff;
	font-size: 16px;
	text-align:center;
	font-weight:bold;
	/*border: 1px solid #000;*/
	padding:10px;
	float: left;
	width: 730px
	}
	
.shead {
	background: #29a5b4;
	color: #fff;
	font-size: 14px;
	text-align:center;
	padding:10px;
	height: 32px;
	float: left;
	width: 730px;
	line-height:16px;
	}
	
.stime {
	color: #fff;
	font-size: 12px;
	text-align:left;
	padding:10px;
	width:140px;
	border-top: 1px solid #000;
	float:left;
	background: #34cadc;
	display:block;
	height: 100%;
	}
	
.splan {
	background: #88e5f0;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	text-align:left;
	border-top: 1px solid #000;
	padding:10px;
	width:570px;
	float:left
	}
	
