/* @override 
	http://localhost:3000/stylesheets/main.css?1277676751
	http://localhost:3000/stylesheets/main.css?1277678772
	http://localhost:3000/stylesheets/main.css?1277679528
	http://localhost:3000/stylesheets/main.css?1277681335
	http://localhost:3000/stylesheets/main.css?1277681552
	http://localhost:3000/stylesheets/main.css?1277682263
	http://localhost:3000/stylesheets/main.css?1277682477
	http://localhost:3000/stylesheets/main.css?1277682783
	http://localhost:3000/stylesheets/main.css?1277683204
	http://localhost:3000/stylesheets/main.css?1277706065
	http://localhost:3000/stylesheets/main.css?1277711456
	http://localhost:3000/stylesheets/main.css?1277711896
	http://localhost:3000/stylesheets/main.css?1277712823
	http://localhost:3000/stylesheets/main.css?1277713151
	http://localhost:3000/stylesheets/main.css?1277714600
*/

/* remember to change image paths to using absolute paths when in app
   For example -- background: url(/images/ft_background.png); */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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-color: rgb(180,213,150) ;
	min-width: 1024px;
}
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: "" "";
}

/* Main styles */

body, p, ol, ul, td {
  font-family: sans-serif, arial, helvetica;
  font-size:   13px;
  line-height: 18px;
  padding: 0;margin: 0;
}
h1{
	font-size:165%;
	margin:0 0 20px;color: #5b9fac;
	font-weight: bold;
	margin: .7em 0;
}
h2{
	font-size: 118%;
	color: #333333; font-weight: bold;
	margin: .5em 0;
}
h3{
	font-size:115%; 	
	border-bottom: 1px  #DDDDDD dotted;
	margin: 15px 0 10px;
	font-weight:bold;
	color: #333333; 
}
h4{
	font-size:105%;
	font-weight:bold;
}
h5{
	font-weight:bold;
	font-size:100%;
	margin:5px 0;
}
strong{font-weight:bold;}
em{font-style:italic;}
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
p {
color: #333333; 
  margin: .5em .3em;
}
ol {
  list-style: decimal;
}
ol li {
  margin-left: 2.5em;
}
div.goal-info h4 a:hover,
a { color: #390; text-decoration: none;}
/*a:visited { color: #333;}*/
span.tiny a:hover,
a:hover {text-decoration: underline;}
textarea {
  font-family: sans-serif, arial, helvetica;
  font-size: 100%; line-height: 1.3em;
}
input, select {
  font-family: sans-serif, arial, helvetica;
  font-size: 100%;
}
#main{
	margin-bottom: 13px;
}
#logos {
	color: #6db03c;
	text-align: right;
	font-size: 11px; 
	/*background: url(/images/hdr_background.png);*/
	/*border-top: 5px solid rgb(156, 210, 0);*/
	/*border-bottom: 1px solid #ccc;*/
}

ul#logos { margin: 0; padding: 0; list-style: none; }
ul#logos a { 
	color: yellow; background: 000066; 
	text-decoration;
}
div.headerContainer {
	margin:auto;
  padding:1px 10px 0px 20px;
  height: 90px;
  background: transparent url(/images/bg.jpg)repeat-x left 60%;
}
div.headerContainer img{
}
div.headerContainer p {
  margin-top: 10px;
   margin-right: 10px;
}
div.mainNavContainer {
	width: 95%; margin: auto;
	text-align: right;
}
div.mainNavContainer ul {
	margin: 0; font-size: 103%;
 	list-style: none;
	padding: 0 10px;
}
div.mainNavContainer a, div.mainNavContainer strong, div.mainNavContainer span {
	float: right;
  display: block;
	color: #fff;
	padding: 7px 20px 13px 11px;
	background: url(/images/mainTab.png) no-repeat 100% -5px;
	text-decoration: none
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
div.mainNavContainer a {float:none;}
/* End IE5-Mac hack */
div.mainNavContainer li {
  float: right;
  background: url(/images/mainTab.png) no-repeat 0px -5px;
  margin: 0;
  padding: 0 0 0 9px;
}
div.mainNavContainer .current {
  background:url(/images/mainTab.png) no-repeat 0 -42px;
}
div.mainNavContainer .current a {
  background: url(/images/mainTab.png) no-repeat 100% -42px;
	padding: 7px 20px 18px 11px;
	color: #333
}
div.mainNavContainer a:hover {
	color: #464724
}
div#notice {
  margin: auto; width: 40%;
  background-color: orange;
  padding: 0 .3em .3em;
  text-align: center;
  font-weight: bold;
 }
form.header-search span a,
img.networklogo,
div#notice{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
.inline-notice {
  background-color: #ffd;
  border: 2px solid orange;
  padding: 2px 5px;
}
.profile-prompt {
  border: 2px solid #ccc;
  margin: 1em 0.5em;
  padding: 1em;
}
#leftnav {
	border-left: 5px orange solid;
	float: left;
	margin: 20px 0px;
	background-color: white;
	float: left;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;	
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	padding: 5px 5px 5px 2px;
	-moz-box-shadow:1px 3px 3px #5f8860;
   -webkit-box-shadow:1px 3px 3px #5f8860;	
}

.rightcontent{
	width: 81.3%;
	float: left;
	background-color: white;
	padding: 10px 10px 50px 10px;
	margin: 0px 0 0 .5em;
	-moz-box-shadow:-1px 3px 5px #5f8860;
	-webkit-box-shadow:-1px 3px 5px #5f8860;
        min-height: 400px;
}
#admin_container{
	margin:0 1em;
	width:96%;
}

.result-advanced-searchbox,
div.toc,
div.profile-right,
div.profile-name,
.rightcontent{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
div.profile-left{
	width: 69.5%;
	float: left;
	margin-top: 5px;
}

div.profile-right{
	width: 26.5%;
	float: left;
	background: url(/images/rightbox.png);
	padding: 0px 10px 0 10px;
	margin: 5px 0 0 10px;
}
img.announce{
	width: 30px;
	float: left;
	margin: 4px 10px 0px 0;
}
div.quote{
	margin-top:15px;
	padding: 0px;
	
}
img.quote{
	opacity: .7;
	float: left;
	margin-right: 5px;
	width:25px ;
}
img.quote2{
	opacity: .7;
	width:25px ;
}
p.announcement a{
	font-size: 19px;
	line-height: 1.4;
	color: #390;
	text-align: left;
	margin-bottom: 0;
	text-decoration: none;
}
div.profileInnerRight h2{
	border-bottom: 1px  #DDDDDD dotted;
	line-height: 2;
}
div.profileInnerRight p{
	font-size: 14px;
	color:#666;
	line-height: 1.4;
}
img.networklogo{
	margin-top: 20px;
}
div.innerContentContainer {
  margin: 1em;
}
#footer{
	background: url(/images/ft_background.png);
	margin-top:10px;
	padding:5px 0 5px 0;
	text-align: center;
}

/** edit_profile css tabs **/
ul.userEditNav {
	text-align: left;
	margin: .3em 0 0em 0;
	font: 16px sans-serif, arial, Helvetica;
	border-top: 0px solid #6c6;
	border-bottom: 1px solid #cfc;
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul.userEditNav li {
	display:inline;
}
ul#tab_edu li.tab_edu, 
ul#tab_jobs li.tab_jobs,
ul#tab_association li.tab_association,
ul#tab_about li.tab_about,
ul#tab_contact li.tab_contact,
ul#tab_account li.tab_account,
ul#tab_password li.tab_password,
ul#tab_mentorship li.tab_mentorship,
ul#tab_all li.tab_all,
ul#tab_mentor li.tab_mentor,
ul#tab_mentee li.tab_mentee,
ul#tab_inbox li.tab_inbox,
ul#tab_sent li.tab_sent,
ul#tab_compose li.tab_compose,
ul#tab_questions li.tab_questions,
ul#tab_ask li.tab_ask,
ul#tab_mentorship_m li.tab_mentorship_m,
ul#tab_mentorship_n li.tab_mentorship_n,
ul#tab_mentorship_f li.tab_mentorship_f,
ul#tab_network_stats li.tab_network_stats,
ul#tab_network_mgt li.tab_network_mgt,
ul#tab_network_comm li.tab_network_comm,
ul#tab_network_downloads li.tab_network_downloads {
	border-bottom: 1px solid #fff;
	background-color: #fff;
}
ul#tab_edu li.tab_edu a, 
ul#tab_jobs li.tab_jobs a,
ul#tab_association li.tab_association a,
ul#tab_about li.tab_about a,
ul#tab_contact li.tab_contact a,
ul#tab_account li.tab_account a,
ul#tab_password li.tab_password a,
ul#tab_mentorship li.tab_mentorship a,
ul#tab_all li.tab_all a,
ul#tab_mentor li.tab_mentor a,
ul#tab_mentee li.tab_mentee a ,
ul#tab_inbox li.tab_inbox a,
ul#tab_sent li.tab_sent a,
ul#tab_compose li.tab_compose a,
ul#tab_questions li.tab_questions a,
ul#tab_ask li.tab_ask a,
ul#tab_mentorship_m li.tab_mentorship_m a,
ul#tab_mentorship_n li.tab_mentorship_n a,
ul#tab_mentorship_f li.tab_mentorship_f a,
ul#tab_network_stats li.tab_network_stats a,
ul#tab_network_mgt li.tab_network_mgt a,
ul#tab_network_comm li.tab_network_comm a,
ul#tab_network_downloads li.tab_network_downloads a {
	background-color: #fff;
	color: #333;
	position: relative;
	top: 1px;
	padding-top: 3px; /* must change with respect to padding (X) above and below */
}
ul.announce li a,
ul.userEditNav li a {
	padding: 3px 15px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	/* the green used to be cfc.*/
	border: 1px solid #f8f8f8; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #f8f8f8; /* set unselected tab background color as desired */
	color: #390; /* set unselected tab link color as desired */
	margin:0;
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
  border: 1px solid #cfc;
	border-bottom: none;
	font-weight: bold;
	font-size: 13px;
}
ul.announce li a:hover,
ul.userEditNav li a:hover{
  background-color:#feffec;
}
div#userEditContainer {
  margin: 1em 2em;
}
div.userEditLeft {
  width: 45%;
  float: left;
}
div.userEditRight {
  width: 45%;
  float: right;
}
div.eduContainer {
  width: 75%;
}
fieldset.userEdit {
  border-top: 1px solid #888;
  margin-bottom: 1em;
  padding: .3em .8em;
}
fieldset.userEdit legend {
  font-weight: bold;
  margin-left: -.8em;
  padding: 0 .3em;
}
fieldset p {
  margin: .8em 0; vertical-align: bottom;
}
fieldset.userEdit p label {
  vertical-align: bottom;
	text-align: left; display: block;
	margin-bottom: .3em;
}
fieldset.userEdit p label.inline {
  display: inline;
  margin-right: 1em;
}
p.userEditInline {
  float: left;
  margin-right: 2em;
}
p.indent {
  margin-left: 2em;
}
div.story textarea {
  float: left;
}
p.userStoryCaption {
  float: left;
  margin-left: 1em;
  width: 35%;
}
/* register and login */
  div#register-box {
	width: 860px;
	margin: auto;
  }
  div.register-tips div#register-box {
    width: 960px;
  }
  ul.form_login {
	margin: 0 0 5px;
  }
  .form_login li {
    vertical-align:bottom; margin: .8em 0;
  }
  .form_login label, label.register-tips {
	width: 80px; vertical-align: bottom;
	text-align: left; float:left;
  }
  .form_login p.caption{
	font-size: smaller;
	padding-left: 80px;
  }
  .form_login label.checkbox {
	float:none; width:auto; text-align:left;
  }
  .required {
	color:#666; font-style:italic;
	margin-top: .5em;
  }
  p.tips {
    font-size: 95%;
  }
  p.tips-box {
    border: 1px solid #ccc;
    padding: 1em;
  }
  div.promo{
    width: 400px;
    padding: 0 8px 12px;
    margin: 20px 6px 20px 20px;
    float: left;
  }
  div.register{
    width: 380px;
    padding: 18px 10px;
    margin: 20px 0 20px 18px;
    float: left; background-color: #F0F0F0;
  }
  div.register-tips div.register {
    width: 50%;
  }
  div.login {
	margin: auto;
	width: 380px;
	padding: 18px 10px;
	background-color: #F0F0F0;
  }
  span.brand {
	font-weight: bold;
  }
  div.promo p {
	margin: 1em 0;
  }

/* Side Nav */
ul#sideNav {
  margin: 2.8em 0;
  padding: 0;
  width: 15em;
  float: left;
  border: 1px solid #888;
  border-width: 0 1px 1px 0;
}
ul#sideNav li {
  list-style: none;
  border-top: 1px solid #888;
  background-color: lightblue;
  padding: .3em .5em;
}
ul#sideNav li:hover {
  cursor: pointer;
  background-color: #fff;
}
ul#sideNav li a {
  display: block;
}
ul#sideNav li.active {
  background-color: #fff;
}
ul#sideNav li.active a {
  text-decoration: none;
  font-weight: bold;
}

/* Content viewer */
div#content {
  margin-left: 18em;
}
table.general {
  background: #fff;
}
table.general th {
  font-weight: bold;
  text-decoration: underline;
  padding: .3em;
}
table.general td {
  padding: .8em;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}
div.mentorshipRegister{
  float: left;
  width: 33%;
  background: #cfc;
  padding: 1em;
}
div.mentorshipMsg {
  float: left; width: 45%;
  padding: 0 2em 1em 0;
}

/* Utility css */
ul.noBullet li {
	list-style: none;
}
.clear {
  clear: both;
}
span.small {
  font-size: 80%;
  
}

/* Profile */

td.profileLeft {
  width: 12em;
  vertical-align: top;
}
div.profileInnerLeft {
  width: 12em;
  padding-left: 1em;
}



h1.profile {
  margin: 0 0 5px;
}
span.tiny {
  font-size: 60%;
  margin-left: 10px;
}
span.tiny a {
  text-decoration: none;
}
span.tiny a.hover {
  text-decoration: underline;
}

div.profile-pic{
  	float: left;
 	 margin:0 0 0 10px;
	text-align:left;
	width:70px;
}
div.profile-pic img{
	-moz-border-radius:5px 5px 5px 5px;
	border:3px solid #F6FEF3;
	width:60px;
}
div.profile-name{
	background-color:#F6FEF3;
	float:left;
	margin:0 0 20px;
	padding:15px 0 15px 15px;
	width:83.4%;
}
div.updates{
	margin: 0 0 0 90px;
	clear: both;
}
div.updates a{
	font-weight: bold;
}
div.updates p{
	color: orange;
}
div.updates h3{
	border: none;
}
div.profile-info{
	margin-top: 25px;
	padding: 0px 10px;
	color: #333333;
	border-top: 4px #fed5a0 solid;
}
div.profile-info h3{
	line-height: 1.8;
	font-size: 104%;
}
div.profile-skype {
  background-color: white;
  padding: 3px 0 8px;
  width: 95%;
}
div.profile-skype img {
  border: 0px solid black;
  margin-bottom: -12px;
}
dl.profile dt {
	float:left; clear:left;
	width: 11em; margin-bottom:5px;
}
dl.profile dd {
	margin-bottom: 5px;
	margin-left: 11em;
}
ul.profile-goals {
  margin-left: 1.5em;
  list-style-type: disc;
}
/* Search styles */
.searchbox{
	margin: 0;
	padding: 0;
}
.result-searchbox{
	text-align:center;
}
.result-advanced-searchbox{
	background: url(/images/rightbox.png);
	padding:1em;
	width: 35em;
}
form.header-search{
  margin-top: 19px;
  margin-right: 10px;
}
form.header-search span {
  font-size: 123%;
  color:  #9FA1A4;
}
form.header-search span a{
	padding: 2px 4px 1px;
	margin: 0 2px;
}
form.header-search a:link { color: #390; text-decoration: none; }
form.header-search a:visited {	color: #390; text-decoration: none; }
form.header-search a:hover { color: white; background-color:#390; opacity: .75;}
form.header-search a:active { color: #390; text-decoration: none; }
form.header-search div {
  display:inline;
  background: #666;
  height: 1.5em;
  padding: 1.3em 1.1em;
  margin: 5px 0;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
  border: 1px solid #666;
  -moz-box-shadow:0px 3px 4px #888;
   -webkit-box-shadow:0px 3px 4px #888;
}
p.header-search-top a {
  color: #666;
  font-size: 110%;
  text-decoration: none;
}

/* Search Results */
div.result_section {
  border-bottom: 1px dotted #036;
  padding: 1em 0; clear: both;
  margin: auto;
  width: 95%;
}
span.snippet_locale {
  font-style: italic;
  color: #666;
}
img.result_pic {
  float: left;
  margin-right: 1.5em;
}
div.result_section_left {
  float: left;
  width: 50%
}
div.result_section_right {
  float: left;
  width: 33%;
  padding: .2em;
  background: url(/images/rightbox.png);
}
div.resultActions {
  text-align: center;
}
div.resultEdu {
  border-bottom: 0px solid #ccc;
}

/* Message */
table#message {
  width: 95%;
  margin:auto;
}
table#message tr:hover {
  background-color: #efe;
}
table#message a {
  color: #000;
  display: block;
  text-decoration: none;
}
table#message a:hover {
  text-decoration: none;
}
table#message th {
  font-weight: bold;
}
td.msg_first {
  width: 16%;
}
td.msg_subj {
  width: 68%;
}
td.msg_first a,
td.msg_subj a {
  display: block;
  text-decoration: none;
}
table#message td {
  padding: .3em 0;
  border-bottom: 1px solid #666;
}
tr.msg_unread td {
  font-weight: bold;
}
td.msg_action {
  text-align: center;
}
div.no_message {
  text-align: center;
  margin: 2em;
}
div.msg_view_container {
  width: 69%;
  margin: auto;
  padding: 2em 2em 0 2em;
}
div.msg_view_inner {
  background: url(/images/rightbox.png);
  padding: 1em 1em 0 1em;
}
div.msg_view_body {
  border-top: 1px solid #ccc;
  margin-top: 1em;
  padding: 1em 0;
}
p.msg_view_action {
  border-top: 1px solid #ccc;
  padding: .5em 0;
}

/* Network */
div.innerNetwork {
  margin: 2em 1em;
}
div.innerNetwork h4 {
  border-bottom: 1px solid #888;
  margin-bottom: .5em;
}
div.avatar{
  width: 10em;
  /*padding-left: 5px;*/
  padding: 0;
  float: left;
  margin-bottom: 2em;
}
div.avatarDescription {
  /*float: left;*/
  /*width:8em;*/
  width: 100%;
  white-space: nowrap;
  overflow: hidden
}

/* Reports */
div.report {
  margin: 0 2em;
}
div.report h2 {
  display: inline;
  margin: 2em 1em 1em 0;
}
span.download {
  font-size: 90%;
}
.report table {
  margin-top: 1em;
}

.report table td, .report table th {
  border-bottom: 1px solid #666;
}
.report table td.issues,
.report table td.details {
  vertical-align: top;
}

.report table th {
  background: #f6f6f6;
}
.report table td, table th {
  padding: .5em;
}
div.module p{
	float: ;
}
table.popup-stats,
table.stats {
  padding: 7px 0 0 0;
  width: 100%;
	border-spacing: 1px;
}
table.popup-stats{
	border-bottom: 1px solid #DDDDDD;
}
table.popup-stats td{
	padding-left: 10px;
	height: 30px;
	vertical-align: middle;
	color: #333333;
	border-left: 1px dotted  #DDDDDD;
}
table.popup-stats tr.odd{
	background-color:#f8f8f8;
}
table.popup-stats tr:hover{
	background-color: #efe;
}
table.stats a{
	color:#333333;
	text-decoration: none;
	font-size: 11px;
}
table.popup-stats th,
table.stats td {
  padding: 4px 10px 3px;
 border: 1px solid  #DDDDDD;
 background:url(../images/input-field-bg.jpg) repeat-x scroll left top;
}
.first{
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}
.last{
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
.tdlast{
	border-right: 1px dotted  #DDDDDD;
}
table.stats ul{
	margin: 10px 0 10px 0px;
	font-weight: normal;
	color: #5F6062;
	list-style-image:url(../images/dot-orange.png);
	list-style-position: inside;
}
span.stats-label {
  font-size: 105%;
  color: #4d7981;
  font-weight: bold;  
}
table.popup-stats th{
	color: #4d7981;
  font-weight: bold;  
}
div.user-counts {
  float: left;
  width: 9.5em;
  margin-top: 8px;
  font-weight: bold;
  color: #424242;
  padding: 2px 0 0 5px;
}

div.half {
  width: 45%;
  float: left;
}

div.add-form {
  margin: 0 1em;
  padding: .3em;
  background-color: #ccc;
}

.popup-dialog-background {
  display: block;
  position: absolute
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
.popup-dialog {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 16px solid orange;
  background-color: white;
  z-index:1002;
  overflow: auto;
}

.js-dialog {
  background: #fff;
  position: absolute;
  z-index: 100;
  padding: 1em;
  border: 5px solid #cfc;
}

/* Divs like buttons */
div.button {
  padding: 4px 3px 2px;
  margin: 8px 5px;
  float: left;
  background: #ddffd5;
  border: 1px solid #cfcfcf;
}
div.button:hover {
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  cursor: pointer;
}
div.button a {
  display: block;
  text-decoration: none;
}

/* User Scrolling Gallery */
div.scroll-view {
  width: 465px;
  border: 1px solid #ccc;
  overflow: auto;
  white-space: nowrap;
  padding: 5px;
}
div.scroll-view div.avatar {
  margin: 8px 0 0;
}

/* Goals Stuff */
div.callenda {
  text-align: center;
  width: 50px;
  background-color: #e2e2eb;
  font-family: arial;
  font-size: 2em;
  padding: 3px;
  font-weight: bold;
  line-height: 1;
  color: #3a3839;
  border-style: solid;
  border-color: #00aeff #e2e2eb #e2e2eb;
  border-width: 10px 0 0;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
  float: left;
}

div.callenda span {
  font-size: 9pt;
  font-weight: normal;
}

div.goal-line {
  margin: 12px 5px;
  width: 600px;
}
div.goal-decision {
  margin: -10px 0 0 70px;
  padding: 0;
}
div.goal-bottom-view {
  margin-left: 72px;
  width: 465px;
}
#new-goal{
	margin-top: 15px;
}
div.goal-info {
  background-color: #ddd;
  -moz-border-radius: 8px; -webkit-border-radius: 8px;
  float: left;
  width: 75%;
  padding: 8px 13px 5px;
  margin-left: 1em;
}
div.goal-info h4 {
  text-align: justify;
  margin: 5px 0 10px;
}
div.goal-info h4 a {
  text-decoration: none;
  font-size: 120%;
  color: #222;
  line-height: 1.1em;
}
/*div.goal-info h4 a:hover {
  color: #666;
}*/
div.goal-info dt {
	float: left;
	width: 7em; margin-bottom: 3px;
	font-style: italic;
}
div.goal-info dd {
	margin-bottom: 3px;
	margin-left: 7em;
}

div.comment-card {
  width: 465px;
  margin: 0;
  border-bottom: 1px solid #00aeff;
  padding: 6px 10px;
}
div.comment-card div {
  float: left;
  margin-right: 10px;
}
div.comment-card p {
  float: left;
  width: 400px;
  margin-top: 0;
}
div.comment-unread {
  background: #ddd;
}

/* Error stuff */
.prompt_to_fill {
  border: red solid 2px;
  padding: 5px;
}
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 50%;
  border: 1px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin: auto;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  margin-left: 2em;
  list-style: disc;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/** NEW STYLES **/
#body {
	width: 100%;
	position: relative;
	z-index: 0;
}
div.content-container {
  float: left;
}
table.main-two-section td {
  vertical-align: top;
}
/* left nav */

#leftnav ul.left_nav li {
	display: block;
	padding: 3px 0  3px 10px;
	border-bottom: 1px lightgray solid;
	width: 142px;
}
#leftnav ul.left_nav li.noborder{
	border-bottom: none;
}
div#leftnav ul.left_nav a {
	padding: 6px 0 ;
	text-decoration: none;
	font-size: 130%;
	display: block;
	color: #390;
}
ul.left_nav li:hover{

  /*background-color:#feffec;*/
  background-color: #f6fef3;

}
ul.left_nav li.active {
	background: transparent url(/images/leaf.png) no-repeat right 11px;
	background-color: #f8f8f8;
}

ul.left_nav li.active a {
	color: #666;
}
/* Static pages */
div.static-info {
  margin: 0 10px;
}
div.static-info h3 {
  border: 0;
  font-size: 1em;
}
div.static-info h1{
	margin-bottom: 7px;
}
div.static-info h2{
	color: #333333;
	border-top: 4px #fed5a0 solid;
	padding: 7px 0 0 2px;
	margin: 20px 0 11px;
	font-size: 16px;
}
div.static-info h2.top{
	border-top: 1px dotted #DDDDDD;	
	margin-top: 5px;
	padding-top: 10px;
}
div.static-info em{
	color: #9FA1A4;
	margin-left: 2px;
}
div.static-info ul{
	padding-left: 20px;
}
div.static-info ul li{
	list-style-type: disc;
	list-color: orange;
	list-style-position: inside;
}
div.static-info ol li{
	font-weight: bold;
	color: #333333; 
}
div.static-info ol li p{
	font-weight: normal;
}
div.toc {
  border: 1px solid #ccc;
  padding: 10px;
  position: fixed;
  left: 76.5%;
  top: 165px;
}

/* Conversation stuff */
.dialogue-card {
  border: 1px solid #ccc;
  padding: 5px 8px 8px;
  margin: 8px 0;
  width: 80%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.dialogue-card h3 {
  font-size: 1.05em;
  margin: 0 0 8px;
  padding: 0;
  color: green;
  border: 0;
}
.dialogue-card h3 p {
  font-weight: normal;
  float: right;
  margin: 0;
  padding: 0;
}
.dialogue-card-msg {
  float: left;
  margin: 0 8px;
  width: 88%;
}
.dialogue-card-msg hr {
  margin: 2px 0 8px;
}
tr.unread td {
  font-weight: bold;
}
/* End of Converstaion stuff */

/* Admin */
div.module{
	width: 59.5%;
	margin-right: 20px;
}
div.floatleft,
span.floatleft{
		float: left;
}
div.module p span{
	margin-right: 5px;
	padding-top: 3px;
}
div.announcement{
	float: right;
	width: 37.5%;
}
div.announce-body{
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius:5px;
	-moz-box-shadow:1px 2px 5px #9cc799;
	-webkit-box-shadow:1px 2px 5px #9cc799;	
	background-color:#F6FEF3;
	padding: 10px ;
	color:  #333333;
	margin-bottom: 20px;
}
button{
	cursor: pointer;
	padding: 3px 17px 4px;
	font-weight: bold;
}
.announce-show,
.announce-edit{
	margin: 5px;
	padding-bottom: 3px;
	border-bottom: 1px SOLID #DDDDDD;
}
.announce-show p{
	margin: 0;
}
#admin_container ul.announce{
	margin-left: 2px;
}
#admin_container h2{
	font-family: "Trebuchet MS",Arial,Sans-serif;
	font-size: 15pt;
	margin: 25px 0 10px 3px;
	padding-bottom: 10px;
	border-bottom: 1px dotted  #9FA1A4;
}
#admin_container h2.manage{
	font-size: 12pt;
	display: inline-block;
	display:-moz-inline-box;
	margin: 10px 0 0;
	padding-bottom: 0;
	color:  #5F6062;
	border: none;
}
h3.manage{
	font-family: Arial,Helvetica,Sans-serif;
	font-weight: normal;
	border-bottom: none;
	font-size: 10.5pt;
	margin-top: 10px;
	color: #5b9fac;
}
h3.manage input{
	width: 300px;
	
	font-size: 11pt;
	padding: 2px 3px;
	color: #333333;
	margin-bottom: 10px;
}
#admin_container div.announcement h2{
	color: #5b9fac;
	padding: 12px 0 10px 52px;
	background: url(../images/announcement.jpg)no-repeat;
	border:none;
}
ul.announce li{
	display: inline;
}
ul.announce li a{
	font-size: 12px;	
	padding: 3px 10px;
}
div.announcement input,
div.announcement textarea{
	border:1px solid #DDDDDD;

	font-size: 10.5pt;
	margin-left: 35px;
	padding: 3px;
	color:  #5F6062;
}
div.announcement input{
	margin-left: 0;
	width: 85.5%;
	margin-bottom: 5px;
}
div.announcement textarea{
	width:85.5%;

}
a.send{
	text-align: right;
	padding: 25px 52px 5px 0;
	font-weight: bold;
	margin-right: 15px;
	display: block;
	background: url(../images/send.png)no-repeat right center;
}
a.send:hover{
	text-decoration: underline;
}

/* POPUP */
#popup_wrap{
	position: absolute;
	display: block;
	top:0;
	left:0;
	width:100%;
	height: auto;
}
#popup_overlay{
	background-color: rgb(180,213,150) ;

	left:0;
	position:absolute;
	top:0;
	width:100%;
	height: 100%;
	z-index:10;
}

div#popup_outer {
margin:0 auto;
overflow:hidden;
padding:21px 21px 58px;
z-index:102;
}

div#popup_inner {
border:1px solid #FFFFFF;
height:100%;
position:relative;
width:100%;
z-index: 104;
}
div.popup_bg {
display:block;
position:absolute;
z-index:70;
}
div.popup_bg_n {
background:url(../images/popup/edge_n.png) repeat-x scroll 0 0 transparent;
height:21px;
top:-21px;
width:100%;
}

div.popup_bg_ne {
background:url(../images/popup/edge_ne.png) no-repeat scroll 0 0 transparent;
height:21px;
right:-21px;
top:-21px;
width:21px;
}
div#popup_close_lightbox  {
background:url(../images/popup/close_button.png) no-repeat scroll 0 0 transparent;
cursor:pointer;
display:none;
height:28px;
position:absolute;
right:-20px;
top:-18px;
width:30px;
z-index:100;
}
div.popup_bg_e  {
background:url(../images/popup/edge_e.png) repeat-y scroll 0 0 transparent;
height:100%;
right:-21px;
width:21px;
}
div.popup_bg_se {
background:url(../images/popup/edge_se.png) no-repeat scroll 0 0 transparent;
bottom:-21px;
height:21px;
right:-21px;
width:21px;
}
div.popup_bg_s  {
background:url(../images/popup/edge_s.png) repeat-x scroll 0 0 transparent;
bottom:-21px;
height:21px;
width:100%;
}

div.popup_bg_sw {
background:url(../images/popup/edge_sw.png) no-repeat scroll 0 0 transparent;
bottom:-21px;
height:21px;
left:-21px;
width:21px;
}
div.popup_bg_w {
background:url(../images/popup/edge_w.png) repeat-y scroll 0 0 transparent;
height:100%;
left:-21px;
width:21px;
}
div.popup_bg_nw {
background:url(../images/popup/edge_nw.png) no-repeat scroll 0 0 transparent;
height:21px;
left:-21px;
top:-21px;
width:21px;
}

div#popup_content {
height: 100%;
margin:0;
padding:0;
width:100%;
z-index:96;
background-color:#FFFFFF;
}

.status {
  color: #390;
  font-weight: bold;
}

.hilite {
  background: yellow;
  font-weight: bold;
}

/* Autocomplete - JS */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}