/****** Stylesheet for Cross-Cultural Partnership Web site: ThoughtMesh section only ******

Version 1.2, modified by Jon Ippolito to .

COLORS
Gold rgb(95, 83, 14)
Light-gold  rgb(95, 83, 14)
Blue-gray rgb(75, 92, 92)
rgb(87%,94%,88%) ; /* Pale artichoke. *
rgb(65%, 65%, 50%) ; /* Sepia. *
Steelblue


/* ________ Main Page Styles________ */
body {
/*    background-color:  rgb(75, 92, 92) ;*/
	background-color: rgb(96%,98%,96%) ;
    background-image: url(../media/gradient_turquoise@m.png) ;
	background-repeat: repeat-y ;
}
body, div {
    font-family: Gill Sans, Arial ;
    font-size: 14px;
    color:  rgb(95, 83, 14) ;
}
a {
    color: steelblue ;
}
h2 {
	font-size: 1.2em ;
}
h4, h5 {
	margin-bottom: -1em ;
}
h6 {
	font-size: .8em ;
}
h4, h6 {
	opacity: 1 !important ;
	filter:alpha(opacity=100) !important ;
	color: rgb(66%, 66%, 51%) !important ;	/* Soft brown? */
}
ul {
	margin-left: 3em ;
}
/* __________ Logo  _________*/
#logo {
	position: relative ;
	height: 95px ;
	background-image: url(../media/partn_logo_connected@m.png) ;
	background-repeat: no-repeat ;
	background-position: 15px 0px ;
	z-index: 10 ;
	cursor: pointer ;
}
#watermark {
    position: absolute ;
    top: 0px ;
    left: 350px ;
    width: 400px ;
    height: 500px ;
    background-repeat: no-repeat ;
}
.watermark-a {
	background-image: url(../media/feather_ring_tra@m.png) ;
	opacity: .20 !important ;
    filter: alpha(opacity=20) !important ;
	background-position: -20px -60px ;
}
/* ________ Navigation menu ________ */
#home-menu {
    font-size: 14px ;
    background-color: rgb(65%, 65%, 50%) ; /* Sepia. */
}
/* All menu items. */
.menulink-bachelor-unselected,
.menulink-bachelor-selected,
.menulink-parent-collapsed-unselected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-unselected,
.menulink-parent-expanded-selected,
.menulink-child-selected,
.menulink-child-unselected {
    border: none ;
    font-weight: bold ;
}
/* Unselected items. */
.menulink-bachelor-unselected,
.menulink-parent-collapsed-unselected,
.menulink-parent-expanded-unselected,
.menulink-child-unselected {
    color: rgb(87%,94%,88%) ; /* Pale artichoke. */
}
/* Selected items. */
.menulink-bachelor-selected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-selected,
.menulink-child-selected {
    color: steelblue ;
}
	/* ________ThoughtMesh tabs________ */
		#tabs {
			position: relative ;
			background-color: white ;
		}
			.tab,
			.tab-over {
				border: solid 2px rgb(65%, 65%, 50%) ; /* Sepia. */
				background-color: white ;
				color: rgb(50%,50%,50%) ; /* Medium gray. */
				border-bottom: solid 2px white ;			
			}
			.tab-over {
				color: steelblue ;	
			}
		/* ________ThoughtMesh lexia excerpts and tags________ */
			#thoughtmesh-container {
				background-color: rgb(87%,94%,88%) ; /* Pale artichoke.*/	
				border: solid 1px rgb(65%, 65%, 50%) ; /* Sepia. */
			}
			.thoughtmesh-title,
			.thoughtmesh-title-closed,
			.thoughtmesh-title-shadow,
			.thoughtmesh-help,
			.thoughtmesh-help-shadow {
				font-family: verdana ;
				font-size: 1em ;
			}
				.thoughtmesh-title,
				.thoughtmesh-title-closed {
					background-image: url(triangle_opened_steelblue.png) ;
					/* Fix arrow position.*/
					width: 160px ;
					background-position: 140px ;
				}
				.thoughtmesh-title-closed {
					background-image: url(triangle_closed_steelblue.png) ;
				}
						.cloud-tag-hidden {
							color: rgb(50%,50%,50%) ; /* Medium gray. */
						}
						.cloud-tag-selected {
							color: steelblue ;
						}
				#lexias-here,
				#lexias-out,
				#search-here,
				#trace {
					background-color: white ;
					border: solid 2px rgb(65%, 65%, 50%) ; /* Sepia. */
					color: rgb(50%,50%,50%) !important ; /* Medium gray. */
				}
					#lexias-here a,
					#lexias-out a,
					#search-here a {
						color: steelblue ;
					}
	/* ________ Content ________ */
		#content>div {
            position: absolute ;
            display: none;	
            font-family:  Gill Sans, Arial ;
            color: rgb(95, 83, 14) ;
            font-size: 16px ;
        }
		/* ________ Special styles ________ */
		#content>div img.participant {
			width: 100px !important ;
			height: 100px !important ;
		}