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


/*----- GENERAL -----*/
body {
	font-size:0.8em;
	font-family:"lucida grande", Verdana, Arial, Helvetica, sans-serif;

	}

div#container {
	width:900px;
	margin:0 auto;	
	}
	
div#content {
	width:900px;
	float:left;
	}
	
.twocolumn { background:url(../images/bg2.jpg) repeat-y; }
.threecolumn { background:url(../images/bg3.jpg) repeat-y; }

a:link {color:#0033cc;}     /* unvisited link */
a:visited {color:#990099;}  /* visited link */
a:hover {color:#ff6600;}   /* mouse over link */
a:active {color:#0033cc;}   /* selected link */
	
/*------ HEADER -----*/
	
div#banner { 
	/*font-family:Verdana, Arial, Helvetica, sans-serif; */
	background:url(../images/banner_bg.jpg) no-repeat;
	width:900px;
	height:90px;
	float:left;
	position:relative;
	}
	
div#banner h1 { width:150px; height:90px; margin-left:5px; float:left; }

div#banner h1 a {
	text-indent:-9999px;
	width:150px;
	height:90px;
	float:left;
	position:relative;
	background:url(../images/logo.jpg) no-repeat;
	display:block;
	}
	
/*----- NAVIGATION -----*/
	
div#nav-message {
	float:left;
	position:relative;
	width:740px;
	height:25px;
	}
	
div#nav-message p {
	text-align:right;
	color:#FFFFFF;
	padding:10px 10px 0 0;
	font-size:0.8em;
	}
	
div#nav-message p a { font-size: 1em; color:#FFFFFF; }
	

div#topnavigation {
	float:left;
	position:relative;
	width:740px;
	height:50px;
	}
	
div#topnavigation ul { 
	list-style:none; 
	position:relative; 
	float:right; 
	}
	
div#topnavigation ul li {
	display:block;
	height:65px;
	width:70px;
	float:left;
	color:#FFFFFF;
	margin-left:5px;
	}
	


div#topnavigation ul li a { 
	height:20px;
	width:70px;
	text-decoration:none;
	text-align:center;
	display:block;
	width:70px;
	color:#FFFFFF;
	padding:45px 0px 0px 0px;
	letter-spacing:0.1px;
	}
	
div#topnavigation ul li a:hover { color:#1E4F9C; }	

	
div#topnavigation ul li:hover { background-position:50% 0px}

li a.home { background:url(../images/maps3/home.jpg) no-repeat;}
li a.journal { background:url(../images/maps3/journal.jpg) no-repeat;}
li a.profile { background:url(../images/maps3/profile.jpg) no-repeat ;}
li a.groups { background:url(../images/maps3/groups.jpg) no-repeat ;}
li a.messages { background:url(../images/maps3/messages.jpg) no-repeat ;}
li a.newsfeed {background:url(../images/maps3/newsfeed.jpg) no-repeat;}
li a.stuff {background:url(../images/maps3/stuff.jpg) no-repeat;}
li a.tasks {background:url(../images/maps3/tasks.jpg) no-repeat;}

/*------ VIEWFROM BAR ------*/
div#viewfrom {
	width:900px;
	height:38px;
	float:left;
	position:relative;
	background:url(../images/topbar.jpg) repeat-x;
	}
	
div#viewfrom ul { 
	list-style:none;
	padding:8px 0px 0px 0px;
	margin-left:180px;
	}
	
div#viewfrom ul li{
	width:70px;
	height:20px;
	float:left;
	padding:10px 0px 0px 0px;
	margin-right:2px;
	text-align:center;
	background:#D9E0F2;
	border-top:1px solid #4D4D4D;
	border-right:1px solid #4D4D4D;
	border-left:1px solid #4D4D4D;
	}
	
div#viewfrom ul li:hover { background:#f6fafd; }
	
div#viewfrom ul li a {
	color:#000000;
	text-decoration:none;
	}
	
div#viewfrom ul li.current {
	background:#f6fafd;
	}



/*------ LEFT CONTENT -------*/

div#leftcontent {
	width:160px;
	float:left;
	position:relative;
	
	/* s */
	min-height: 600px;
  height: auto !important;
  height: 600px;
}

div#profilepic { 
	width:160px;
	float:left;
	position:relative;
	}

div#profilepic img { 
	display:block;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	}
	
div#profilepic p {
	width:160px;
	height:25px;
	display:block;
	text-align:center;
	font-size:0.8em;
	padding-top:5px;
	}
	
div#leftcontent h2.columnheader {
	width:150px;
	height:20px;
	float:left;
	position:relative;
	padding:10px 0px 0px 10px;
	background:url(../images/leftheader.jpg) no-repeat;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	}
	
div#quickprofile {
	width:160px;
	float:left;
	position:relative;
	}
div#quickprofile ul { list-style:none; margin:10px 0px 10px 0px; }
div#quickprofile ul li {
	clear:left;
	height:28px;
	width:160px;
	display:block;
	margin-bottom:4px;
	}

div#quickprofile ul li a { 
	text-decoration:none; 
	color:#333;
	font-size:0.9em;
	height:18px;
	width:120px;
	display:block;
	margin-bottom:4px;
	padding: 10px 0px 0px 40px;
	background-position:50% 0px;
	}
div#quickprofile ul li a:hover {
	background-position:50% -28px;
	}
	
li a.forums{ background:url(../images/maps3/forums.jpg) no-repeat left center;}
li a.task{ background:url(../images/maps3/task.jpg) no-repeat left center;}
li a.reflections{ background:url(../images/tab.jpg) no-repeat left center;}
li a.importdata{ background:url(../images/maps3/importdata.jpg) no-repeat left center;}


div#leftcontent h2.colboxhead {
	float:left;
	width:142px;
	height:16px;
	display:block;
	background:url(../images/colboxhead.jpg);
	margin-left:4px;
	margin-top: 4px; /* sa */
	font-size:0.9em;
	color:#333;
	padding:5px 0px 0px 8px;
}

div#leftcontent div.colbox {
	float:left;
	width:148px;
	margin-left:4px;
	background:#F9F9F9;
	border:1px solid #c4c5c7;
	border-top:none;
}

div#progress {
	width:125px;
	float:left;
	position:relative;
	padding:10px;
	
}

div#progress span {
	font-size:0.9em;
	}

div.progress-container 
{
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  background: #EFEFEF;
  text-align: right;
}

div.progress-container span#progress-text
{
  color: #000;
  font-weight: bold;	
  font-size:0.8em;
  padding-right: 3px;
}

div.progress-container > div 
{
  background-color: #ACE97C; 
  height: 18px
}

div#submission-status {
	width:140px;
	float:left;
	position:relative;
	padding:10px;
	}

div#submission-status span {
	font-size:0.8em;
	}

/*------ MAIN CONTENT ------*/

div#centercontent {
	width:720px;
	float:left;
	position:relative;
	display:inline; /* IE6 Float Hack */
	overflow:hidden;
	padding:10px;
	}
	
div#journalcontent {
	width:570px;
	float:left;
	position:relative;
	display:inline; /* IE6 Float Hack */
	overflow:hidden;
	
	}
	
div#journalhead {
	width:550px;
	height:25px;
	float:left;
	position:relative;
	display:inline; /* IE6 Float Hack */
	overflow:hidden;
	background:#FFFFFF;
	padding:10px;
	border-bottom:1px solid #f3f3f4;
	margin-bottom:10px;
	}
	
div#journalfooter {
	width:550px;
	height:25px;
	float:left;
	position:relative;
	display:inline; /* IE6 Float Hack */
	overflow:hidden;
	background:#FFFFFF;
	padding:10px;
	border-top:1px solid #f3f3f4;
	}
	
* html #centercontent, * html #journalhead, * html #journalcontent, * html #journalfooter {
	margin-left:-0px; /* IE6 Float hack */
}

div#journalhead button {
	float:right;
	width:104px;
	height:22px;
	display:block;
	background:url(../images/button.jpg);
	border:none;
	cursor:pointer;
	padding:3px 0px 0px 0px;
	font-size:0.8em;
}
	
div#journalhead button img { 
	 margin:0px 0px 3px 0px; padding:0px; float:left;  
}

div#breadcrumb {
	float:left;
	/*display:inline;*/
	/*width:300px;*/
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0033cc;
	font-size:0.8em;
	font-weight:bold;
	margin-top:8px;
	
}

div#pagination {
	float:left;
	/*display:inline;*/
	width:300px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0033cc;
	font-size:0.8em;
	font-weight:bold;
	
}

/*----- BOXES ------*/

div.boxheader-2 {
	display:inline;
	height:31px;
	display:block;
	}
	
div.boxheader-2 h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	padding:10px 0px 0px 10px;
	}

div.boxheader-1 {
	float:left;
	display:inline;
	width:720px;
	height:31px;
	background:url(../images/boxheader.jpg) no-repeat;
	display:block;
	}
	
div.boxheader-1 h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	padding:10px 0px 0px 10px;
	}
	
div.box {
	background:#FFFFFF;
	width:719px;
	float:left;
	display:inline;
	border-bottom:1px solid #f3f3f4;
	border-left:1px solid #f3f3f4;
	border-right:1px solid #f3f3f4;
	margin-bottom:20px;
	}
	
div.box table {
	/*font-size:1em;*/
	}

table.stdtable {
	font-size: 10px;
}

table.stdtable tr td {
	padding:10px;
}

table.stdtable-2 {
  font-size: 10px;
}
table.stdtable-2 tr td {
  padding: 5px;
}

div.box table tr.head {
	font-size: 0.9em;
	background:#D9E0F2;
	padding:5px 0px 0px 10px;
	}
	
/*------ BLOG ENTRY ------*/

div.blogentry {
	margin:10px;
	}
	
div.blogheader {
	float:left;
	display:inline;
	width:550px;
	height:31px;
	background:url(../images/boxheader.jpg) no-repeat;
}

span.edit_control {
	float:left;
	/*text-indent:-9999px;*/
	width:20px;
	height:20px;
	/*background:url(../images/maps3/page_edit.png) no-repeat center;*/
	margin:5px;
	}
	
span.sticky_notes_info {
  float: left;
  height: 20px;
  margin: 5px;
  display: inline;
}	
	
h3.title {
	float:left;
	/*width:300px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:8px 0px 0px 10px;
	display:inline-block;
	}
	
div.date {
	float:right;
	/*width:190px;*/
	font-size:0.8em;
	display:inline;
	padding:10px 10px 0px 0px;
	text-align:right;
	}
	
div.blogcontent {
	float:left;
	display:inline;
	width:530px;
	padding:10px;
	background:#FFFFFF;
	border-left:1px solid #f3f3f4;
	border-right:1px solid #f3f3f4;
	}
	
div.blogcontent p { margin-bottom:10px; font-size:0.9em; line-height:1.4em; letter-spacing:0.3px; }
	
	
div.blogassets h4 {
	margin:10px 0px 10px 0px;
	font-weight:bold;
	}
	
div.blogtags h4 {
	margin:10px 0px 10px 0px;
	font-weight:bold;
	}
	
span.ea_tag {
  float: left;
	padding: 3px; 
	background-color: #C3D9FF;
	font-size: 11px;
	font-weight: normal;
	margin-left: 3px;
	margin-bottom: 3px;
}

span.ea_tag a { text-decoration: none; border-bottom: 1px dashed; }
span.ea_tag a:hover { text-decoration: underline; border-bottom: none; }

	
div.blogfooter {
	float:left;
	display:inline;
	width:550px;
	height:31px;
	background:url(../images/boxfooter.jpg) no-repeat;
	margin-bottom:20px;
}

div.blogposted {
	float:left;
	display:inline;
	/*width:340px;*/
	padding:10px 0px 0px 10px;
	}
	
div.blogfootercomment {
	float:left;
	display:inline;
	/*width:190px;*/
	padding:10px 10px 0px 0px;
	}

span.comments {
	float:right;
	height:16px;
	background:url(../images/maps3/comments.png) no-repeat left center;
	padding:0px 10px 0px 20px
	}
	
span.addcomments {
	float:right;
	height:16px;
	background:url(../images/maps3/comments_add.png) no-repeat left center;
	padding-left:20px;
	}
	
	
/*------ RIGHT CONTENT -----*/

div#rightcontent {
	float:left;
	width:170px;
	}
	
div#rightcontent h2.columnheader {
	width:160px;
	height:20px;
	float:left;
	padding:10px 0px 0px 10px;
	background:url(../images/rightheader.jpg) no-repeat;
	display:block;
	font-size:1em;
	margin:10px 0px 20px 0px;
	color:#333;
	}
	
div#rightcontent b {
	margin:10px 0px 0px 20px;
	font-weight:normal;
	}
	
div#rightcontent ul {
	margin:0px 0px 10px 20px;
	} 
	
div#rightcontent ul li { margin:4px 0px 0px 20px; }
div#rightcontent ul li a { text-decoration:none; }
	

div#rightcontent h2.colboxhead {
	float:left;
	width:142px;
	height:16px;
	display:block;
	background:url(../images/colboxhead.jpg);
	margin:10px 0px 0px 10px;
	font-size:0.9em;
	color:#333;
	padding:5px 0px 0px 8px;
}

div#rightcontent div.colbox {
	float:left;
	width:148px;
	margin-left:10px;
	background:#F9F9F9;
	border:1px solid #c4c5c7;
	border-top:none;
}

div#rightcontent div.colbox p {
	padding: 5px;
	font-size:0.8em;
	line-height:1.4em;
	color:#333;
}
	



/*------ FOOTER ------*/

div#footer {
	clear:left;
	width:900px;
	height:40px;
	background:url(../images/footer.jpg) no-repeat;
	}
	
div#links {
	width:600px;
	float:left;
	position:relative;
	padding:5px 0px 0px 10px;
	}
	
#links ul {list-style:none; }
#links ul li {
	float:left;
	}
	
#links ul li a {
	font-size:0.7em;
	color:#333333;
	font-weight:normal;
	margin-left:5px;
	}

#links p {
	clear:left;
	font-size:0.6em;
	color:#333333;
	padding-top:5px;
	}
	
#links a { text-decoration:none; font-weight:bold;}	

div#logos {
	height:30px;
	float:left;
	padding:10px 0px 0px 140px;
	}
#logos img {
	margin-left:10px;
	}
	
.headerlink{
    float:right;
    margin:7px 5px 0px 0px;
    font-size:0.85em;
}

.plugineditholder{
    padding:10px 4px;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
}
.plugineditholder h4{
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
}
.feedrow{
    overflow: hidden;
}
.feedcell{
    float:left;
    margin:0px 9px;
}
.feedname{
    width: 200px;
}