body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}


a:visited {
	color: Purple;
}
a:active {
	color: Blue;
}
a:hover{
	text-decoration:none;
	color: #999999;
}

#mainColumn{
	margin:0px auto;
	width: 800px;
	background-position: center;
	text-align:center;
}

#header {
	background-image:  url(/images/header.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 65px;
	width:798px;
}

#headerLogin{
	position: relative;
	top: 43px;
	text-align:right;
	font-size: 11px;
	color: #009900;
	font-family: Arial, Helvetica, sans-serif;
}

#headerLogin a{
	color: #009900;
}

#header p {
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 500px;
	padding-top: 100px;
	margin:0px;
 	margin-top: 5px;
}
#javamenu {
	background-image:  url(/images/menu.jpg);
	background-position: center;
	height: 58px;
	background-repeat: no-repeat;
}


#threecol {
	margin:0px auto;
	width: 450px;
	background-position: center;
	text-align:center;
}
#threecolsep{
	margin:0px auto;
	width: 150px;
	background-position: center;
	text-align:left;
}


#contentArea{
	padding: 30px;
/*	background-color:#FF0000; */
}

#content {
/*	background-color:#00FF00; */
}

#colEsq{
	width: 460px;
	vertical-align: top;
/*	background-color:#0000FF; */
}

#colDir{
/*	background-color:#FFff00; */
	padding-left: 30px;
	width: 240px;
	text-align:center;
	vertical-align: top;
}

#colEsqLarga{
	width: 500px;
	vertical-align: top;
/*	background-color:#0000FF; */
}

#colDirFina{
/*	background-color:#FFff00; */
	padding-left: 30px;
	width: 200px;
	text-align:center;
	vertical-align: top;
}




#colEsqfina{
	width: 200px;
	padding: right: 30px;
}

#colDirlarga{
	width: 510px;
}

#login{
	text-align:left;
	background-image:   url(/images/backlogin.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 140px;
	padding-left: 30px;
	padding-top: 20px;
}
#pagemenu {
	background-position: center;
	background-repeat: repeat;
	background-color: #dfe6cf;
	margin-bottom: 10px;
	padding: 4px;
}


/* userPage */

#userPage_userDescription {
	background-color: #dfe6cf;
	padding: 10px;
	min-height: 50px;
}

#userPage_userDescription img{
	margin-right:10px;
}

#userPage_userDescription h3{
	margin:0px;
	margin-bottom: 10px;
}

#userPageContentTable h3, userPageContentTable h4{
	margin:0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#userPageContentTable h2 {
	padding-top: 0px;
	padding-left: 20px;
	background-position: 2px 6px;
}


#userPage_userDescription a, #userPageContentTable a{
	color: #666666;
	text-decoration: underline;
}

#userPageContentTable {
   border-spacing: 0px;
   margin-top: 10px;
}

#userPageContentTable td{
	vertical-align: top;
	padding: 5px;
	font-size: 11px;
}

.userNanoLearnings {

}


/* generic layout */

#fundoverdefix, .fundoverdefix{
	background: #ccee7c url(/images/green_ccee7c.gif);
	background-repeat:repeat;
	text-align:center;
	padding: 5px;
	width: 460px;
}

#fundoverdefixLarga{
	background: #ccee7c url(/images/green_ccee7c.gif);
	background-repeat:repeat;
	text-align:center;
	padding: 5px;
	width: 500px;
}

#fundoverdefix table, #fundoverdefixLarga table{
	width: 100%;
}

#fundoverdefix th, #fundoverdefixLarga th{
	text-align: left;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}

#fundoverdefix a, #fundoverdefixLarga a{
	color: #333333;
}


#fundoverdefix td, #fundoverdefixLarga td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-align: justify;
	padding:0px;
}


#fundoverde, .fundoverde{
	background: #ccee7c url(/images/green_ccee7c.gif);
	background-repeat:repeat;
	text-align:center;
	padding: 5px;
	width: 100%;
}

#fundoverde h3, .fundoverde h3{
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#fundocinzaclaro{
	background-repeat: repeat;
	width: 500px;
	background-color: #E8E8E8;
	margin-left: 20px;
}
#fundocinzaclaro p {
	font-size: 10px;
	color: #666666;
	padding: 5px;
	text-align: left;
}

#fundoverde_profile {
	background: #ccee7c url(/images/green_ccee7c.gif);
	background-repeat:repeat;
	text-align:center;
	padding: 5px;
}


/* footer */

#footer{
	background-color: #E8E8E8;
	width: 100%;
	padding: 3px;
	font-size: 10px;
	text-align: center;
}

#footer a{
	color: #333333;
	text-decoration: underline;
}

#footer a:hover{
	color: #333333;
	text-decoration: none;
}


#news {
	background-image:   url(/images/backnews.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 270px;
	text-align:left;
}

#newsContent{
	padding-left: 16px;
	padding-right: 20px;
	padding-top: 20px;
}


#adds {
	background-color: #f3f6e6;
	background-repeat: no-repeat;
	margin-top: 0px;
	width: 160px;
	padding: 10px;
	border: 1px solid #DFECDF;
	text-align:center;
}

#adds p {
	font-size: 10px;
	color: #666666;
	background-position: top;
}

#backactions {
	background-color: #F9FBF9;
	background-repeat: no-repeat;
	width: 180px;
	padding: 5px;
	border: 1px solid #DFECDF;
	text-align:center;
}

#backactions p {
	font-size: 10px;
	color: #666666;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #FF9900;
	font-weight: bold;
	background-image:   url(/images/greenarrow.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	text-align: left;
}
h2 {
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	padding-top: 10px;
	background-image:    url(/images/greenarowtansp.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 2px 15px;
	letter-spacing: 1px;
	text-align: justify;
}
h3 {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: justify;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-image:   url(/images/grayarrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	line-height: 17px;
	text-align: justify;
	padding-left: 14px;
	padding-right: 20px;
}



.formItemLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-align: right;
	color: #F09100;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}


h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*font-weight: bold;*/
	text-align: right;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}


h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #666666;
	white-space: nowrap;
	margin-left: 15px;
	padding-left: 20px;
	padding-top: 0px;
}
.formInput{
	border: solid 1px #cccccc;
	background-color: #eeeeee;
}

div.nextpage{
	padding: 10px;
	float:right;
}

div.recommendationstable{
	padding: 10px;
	float:right;
}


/* Thumbnails */
#thumbList {
	margin: 0px;
	padding-top: 20px;
	padding: 10px;
	text-align:center;
	display:block;
	width:136px;
	height:100%;
}
.thumbShow {
	margin: 0px;
	padding: 10px;
	text-align:center;
	/*height:270px;*/
	display:block;
}
.thumb{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor:move;
}
.thumb li {
	margin-bottom: 10px;
}
.thumbName {
    color: #666666;
    font-size: 11px;
    text-decoration:none;
}

/*	catalog */
div.title{
	padding-right: 20px;
	padding-top: 0px;
	float:left;
	margin-top: 0px;
	text-align: left;
}
div.createdby{
	padding-right: 20px;
	padding-top: 0px;
	float:right;
	margin-top: 0px;
	text-align: left;
}
div.date{
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 0px;
	float:right;
	margin-top: 0px;
	text-align: left;

}

/*	catalog */
div.actions{
	padding-top: 20px;
	float:center;
}
.formInput_r{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	float: right;
/*	align:absmiddle;*/
	margin-right: 10px;
	margin-top: 5px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	white-space: normal;

}


.formInput_rtwo{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	float: right;
	align:absmiddle;
	margin-right: 10px;
	margin-top: 10px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 60px;
}


.formInput_courseMetaInfo{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	float: right;
	/*align:absmiddle;*/
	margin-right: 10px;
	margin-top: 10px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 60px;
}


.formInput_right{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 15px;
	width: 140px;
}
.bola {
	background-image:    url(/images/greenarow.gif);
	background-repeat: no-repeat;
}
div.linhag {
  height: 15px;
  background: #fff url(/images/line.gif) no-repeat scroll left;
  background-position: center;
}
div.linhag500 {
  height: 15px;
  background: #fff url(/images/line500.gif) no-repeat;
  background-position: left;
}
div.linhag hr {
  display: none;
}

#login p {
	font-size: 9px;
	color: #FFFFFF;
	padding: 0px;
	margin:0px;
 	margin-top: 5px;

}
loinform {
	border: thin solid #666633;
}
.form
	{
	width:153px;
	height:18px;
	border-color:#A69F86;
	border-width:1px;
	background-color:#ffffff;
	font-size:11px;
	border-style:solid;
	font-family:Tahoma;
	color:#4C4C4C
	}

.formElement {
	align: left;

	}


/*	coursepage */

.coursePage-label{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	width: 30%;
}
.coursePage-definitions{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	padding-left: 20px;
}
div.pageresults{
	padding-right: 20px;
	padding: 10px;
	margin-right: 200px;
	float:left;
	margin-top: 0px;
	text-align: left;

}
div.pageresults p{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-align: right;

}

div.coursepage p{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-align: left;
}


#fundoverde_profile{
	background: #ccee7c url(/images/green_ccee7c.gif);
	background-repeat:repeat;
	/*text-align:center;*/
	margin-left: 20px;
	width: 500px;
	/*height: 260px;*/
}


#coursepageIcons a{
	color: #666666;
	font-weight: bold;
	text-decoration:underline;
}

#coursepageIcons a:hover{
	color: #666666;
	font-weight: bold;
	text-decoration:underline;
}
#coursepageIcons span{
	padding:5px;
}

#coursepageIcons span{
	font-size: 11pt;
}


#coursepage table{
	margin: 10px;
}

#coursepage td{
	padding: 5px;
	vertical-align: top;
}

.linhastb {
	border-color: #D8EF92;
	border-style: solid;
	border-width: 1px;
	width: 500px;
	margin-left: 20px;
	background-color: #D8EF92;
}

.linhastb p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 10px;

}

/* displaytag */

.thDisplayTable {
	background-color: #C4E98B;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	border-color: #BDB76B #BDB76B #BDB76B #BDB76B;
	text-align:left;


}

.thDisplayTable2 {
	background-color: #C4E98B;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	border-color:  #BDB76B #BDB76B #BDB76B;
	text-align:left;
	width:100px;


}
/*
.tableDisplayTable {
	border-color: #BDB76B #BDB76B #BDB76B #BDB76B;
	border-width: thin;
	border: thin;
	border-style: solid;
	border-color: Olive;
	table-layout:fixed;
	width: 500px;

}
*/

.displayTable {
	font-family:Arial,Helvetica,Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#44657B;
	border: thin;
	border-color: Olive;
	}

tr.odd {
	background-color: #D8EF92;
   font-family:Arial,Helvetica,Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#666666;
	border: thin;
	text-align:left;
}
tr.even {
	background-color: #E0E887;
   font-family:Arial,Helvetica,Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#666666;
	border: thin;
	text-align:left;
}

/* text search */
.txtsearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding-left: 5px;
}

#colsozinha{
/*	background-color: #CCCCCC; */
	width: 750px;
}
.umacol {
	border-color: #D8EF92;
	border-style: solid;
	border-width: 1px;
	width: 750px;
	margin-left: 20px;
	background-color: #D8EF92;
}
#barracinzabaixo{
	background-repeat: repeat;
	width: 750px;
	background-color: #E8E8E8;
	margin-left: 20px;
}
#barracinzabaixo p {
	font-size: 10px;
	color: #666666;
	padding: 5px;
	text-align: left;
}
div.linhag750 {
  height: 15px;
  background: #fff url(images/line750.gif) no-repeat scroll left;
  background-position: left;
  margin-left: 20px;
}
/*	pricing --- end  */

/*	search --- start  */

.linedownTH {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #C4E98B;
	padding-left: 10px;
	padding-bottom: 10px;

}

.linedownTREven {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #D4F99B;
	padding-left: 10px;
	padding-bottom: 10px;

}


.linedownTROdd {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding-left: 10px;
	padding-bottom: 10px;

}


.thDisplayTable {
	background-color: red;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	border-color: #BDB76B #BDB76B #BDB76B #BDB76B;
	text-align:left;


}

.searchresultsTable
	{
		background-color: red;
		border-color: #BDB76B #BDB76B #BDB76B #BDB76B;
		font-family:Arial,Helvetica,Sans-serif;
		font-size:11px;
		line-height:18px;
		color:blue;
	}

/*	search --- end  */


/* not available - start */

.linedownNotAvailable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #C4E98B;
	padding-left: 10px;
	padding-bottom: 10px;

}

/* not available - end */

.pagebanner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
 	color: #F09100;
}

.pagelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
 	color: #F09100;
}
/*	change password --- start  */
.formInput_twofifty{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	float: right;
	align:left;
	margin-right: 70px;
	margin-top: 10px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	white-space: normal;

}

.formItem_myProfile{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	/* float: right; */
	align:left;
	margin-right: 10px;
	margin-top: 5px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	white-space: normal;
}

/*	change password --- end  */
.formInput_Assessment{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	float: left;
	align:absmiddle;
	margin-right: 10px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	white-space: normal;

}
.formInput_Venn_labels{
    border: solid 1px #cccccc;
    width:150px;
	height:16px;
	background-color:#ffffff;
	font-size:11px;
	border-style:solid;
	font-family:Arial,Helvetica,Sans-serif;
	color:#000000;
}
.formInput_Venn_textAreas{
	border: solid 1px #cccccc;
	width:150px;
	height:95px;
	background-color:#ffffff;
	font-size:11px;
	font-family:Arial,Helvetica,Sans-serif;
	color:#000000;
}

.formInput_Diagram_labels{
    border: solid 1px #cccccc;
    width:200px;
	height:16px;
	background-color:#ffffff;
	font-size:11px;
	border-style:solid;
	font-family:Arial,Helvetica,Sans-serif;
	color:#000000;
}
.formInput_Diagram_textAreas{
	border: solid 1px #cccccc;
	width:200px;
	height:100px;
	background-color:#ffffff;
	font-size:11px;
	font-family:Arial,Helvetica,Sans-serif;
	color:#000000;
}


.instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 17px;
	text-align: left;
	margin-right: 30px;
	/*padding-left: 14px;
	padding-right: 20px;*/
}

.il_instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 10px;
	padding-right: 20px;

}

#courseMetaInfo{
	background-position: center;
	background-repeat: repeat;
	background-color: #ccee7c;
	margin-bottom: 10px;
	/*padding: 4px;*/

}


.tabContent {
	/*border: 1px solid #7A8694;*/
	/*background-color:#D4D0CF;*/
	font-size: 9px;
	padding: 15px;
	display:none;
}
.courseMetaInfoLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #F09100;
	float: right;
	margin-top: 10px;
}







.linedown, #linedown {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #ccee7c;
	padding-left: 10px;
	padding-bottom: 10px;

}

.photo {
	height: 70;
	width: 70;
}

.formInput_NanoList{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	white-space: normal;

}
.textarea_NanoList{
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	width: 250px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	white-space: normal;

}
#editPage_fundoVerde, .editPage_fundoVerde{
	background: #ccee7c url(/images/green_ccee7c.gif);
	background-repeat:repeat;
	text-align:center;
	padding: 5px;
}

a.closePane {
		font-family:Arial,Helvetica,Sans-serif;
		font-size:11px;
		line-height:18px;
		color:#44657B;
		right: 95%;
}

.l1_text_reduced
	{
	font-family:Arial,Helvetica,Sans-serif;
	font-size:13px;
	line-height:13px;
	color:#45402C;
	font-weight: bold;

	}

.l2_text
	{
		font-family:Arial,Helvetica,Sans-serif;
		font-size:11px;
		color:#44657B;
	}

.ls_text
	{
	font-family:Arial,Helvetica,Sans-serif;
	font-size:11px;
	line-height:17px;
	color:#666666;
	font-weight: bold;

	}

/*Bryan's preferences*/
.nano_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #FF9900;
	font-weight: bold; }

.nano_sub_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 10px;
}
.nano_text_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px;
}
.nano_parenthetical {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 10px
}

.nano_content_table {
	background-color: #CCFF99;
	border-color: #D8EBAB;
	border-top: 1px solid #D8EBAB;
	border-left: 1px solid #D8EBAB;
	border-right: 1px solid #D8EBAB;
	border-bottom: 1px solid #D8EBAB;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;}

.nano_sub_header_explore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;

}
.nano_text_content_explore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

.nano_text_content_keyword {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: red;
}

.nano_text_content_url {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: blue;
}