/****** Stylesheet for ThoughtMesh Splash  ******

Version 2.0 by Jon.
    Modified to include mesh cloud, news.

Palette:
	rgb(10%,75%,65%) ; /* Dark limegreen.
	rgb(68%,100%,92%) ; /* Light aquamarine.
**************************************/

/* ________ Main Page Styles________ */
body {
	font-family: verdana ;
	/* background-color: rgb(68%,100%,92%) ; */ /* Light aquamarine.*/
	background-color: rgb(174, 255, 236);
	color: dimgray ;
	margin: 20px 10px 20px 20px;
	background-image: url(../../images/splash_background.jpg) ;
	background-repeat: repeat ;
	background-position: absolute ;
	background-position: 0px -50px ;
	font-size: .9em ;
}

img.full {
	width: 100% ;
	float: left ;
	margin: 0 .5em .5em 0 ;
}

h1, h2, h3 {
	color: rgb(10%,75%,65%) ; /* Dark limegreen.*/
	margin: 0 ;
}
h4 {
	margin-bottom: .3em ;
}
a {
	font-weight: bold ;
	color:  rgb(10%,75%,65%) ;
	text-decoration: none ;
}
a:hover {
	text-decoration: underline ;
}
a img {
    border: none ;
}
h1 {
	font-size: 2.0em ;
	margin: 0;
}
ul {
	margin: 0 0 .5em 0 ;
	padding-left: 2em ;
}
	ul ul {
		font-weight: normal ;
	}
	li p {
		color: dimgray ;
	}
strong {
	color: purple ;
	font-weight: normal ;
}
dt {
    margin-left: 20px ;
    margin-top: 10px ;
    letter-spacing: .25em ;
}
li {
    margin: .5em 0em .5em -.5em ;
}
.faq li {
	color: purple ;
	margin: .5em 0 ;
}

/* __ Signup __ */
#signup {margin: 0px 0px 20px 0px; text-align:left;}
#signup TABLE {margin: 5px 0px 15px 0px;}

#signup INPUT.text {background:#FFFFFF;width:196px;}
#signup INPUPT.button {background:#DDDDDD;}
#signup TD.field {white-space:nowrap; padding: 5px 10px 0px 0px;}
#signup TD.value {white-space:nowrap; padding: 5px 0px 0px 0px;}
#signup A.forgot {font-size:12px; font-weight:normal;}
input.text {
	width: 70% !important ;
}
/* __________ Watermark & Header _________*/
.watermark {
 	position:absolute;
 	top:-80px;
 	left:0px;
 	z-index:0;
 	background-image: url(../../images/thoughtmesh_watermark@m.jpg) ;
 	width:444px;
 	height:301px;
}
.header {
	position: relative ;
	height: 80px ;
}
.heading {
	position: absolute ;
	width: 100% ;
	background-image: url(../../images/thoughtmesh_logo@m.png);
	background-repeat: no-repeat ;
	padding: 1em ;
	height: 70px;
	left: -20px ;
}
.strapline {
	position: absolute ;
	top: 20px ;
	left: 480px ;
	font-size: 1.2em ;
	color: rgb(10%,75%,65%) ; /* Dark limegreen.*/
}

/* ________MENU ITEM HIGHLIGHTS________ */
/* Currently all rollover styles are handled in calls to JS constructor */
.nav-menu-block {
    position: relative;
    float: left ;
    width: 23% ;
    font-size: 18px ;
    margin-bottom: 20px;
    margin-top: 10px ;
    margin-left: 2% ;
    color: rgb(10%,75%,65%) ; /* Dark limegreen. WAS middyblue rgb(0%, 40%, 80%) */
	text-decoration: none ;
    background-color: transparent ;
    z-index: 100 ;
}
#navMenu0 {
    margin-left: 0px ;
}
/* All menu links */
.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 {
    margin-bottom: 2px ;
    padding: 2px ;
}
/* Bachelor and Parent menu links */
.menulink-bachelor-unselected,
.menulink-bachelor-selected,
.menulink-parent-collapsed-unselected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-unselected,
.menulink-parent-expanded-selected {
    border: #99d9e8 solid 1px ; /* backgroundblue */
    font-size: 16px ;
}
.menulink-bachelor-unselected,
.menulink-parent-collapsed-unselected,
.menulink-parent-expanded-unselected {
    font-weight: bold ;
}
.menulink-bachelor-selected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-selected {
    color: rgb(0%, 40%, 80%) ; /* middyblue */
    font-weight: bold ;
}
/* Child menu links */
    .menulink-child-unselected,
    .menulink-child-selected {
        margin-left: 20px ;
        font-weight: bold ;
		font-size: .8em ;
        background-color: rgb(68%,100%,92%) ; /* Light aquamarine. WAS paleturquoise ;*/
        border: #99d9e8 solid 1px ; /* backgroundblue */
    }
/* ________Content Styles________ */
#content-container {
    position: absolute ;
    left: 0px ;  /* Craig's edit; was 20px; */
    top: 180px ;
    width: 100% ;  /* Craig's edit: was 95% */
		padding-bottom:20px;  /* Craig's addition */
}
    #description-container {
        position: relative ;
        float: left ;
        top: 0px ;
        width: 30% ;
        margin-left: 2% ;
    }
        #description-container>div { /* Changed in 1.6*/
            display: none;
        }
		#content-what-recent {
	        border: 1px paleturquoise solid ;
			background-color: white ;  /* Changed in 1.6*/
			background-image: url(../../images/site_background.jpg) ;
		}
			#recent-articles {
				margin: 0 ;
				padding: 0 ;
				border: none ;
			}
		.demo {
			float: left;
			width: 100px;
			border: solid 4px rgb(10%,75%,65%) ; /* Dark limegreen.*/
		}
	#thoughtmesh-container {
		position: relative ;
		float: left ;
		width: 62% ;  /* Craig's edit: was 65% .. note, 63% too big; 62% a little short :( */
		margin-left: 2%;
	}
		.thoughtmesh-title,
		.thoughtmesh-title-closed {
			margin: 0 ;
			position: absolute ;
			height: 1em ;
			right: 1em ;
		}
		.thoughtmesh-title {
			background-image: url(../../images/triangle_opened.png) ;
		}
		.thoughtmesh-title-closed {
			background-image: url(../../images/triangle_closed.png) ;
		}
		#lexias-out-warning {
			text-align: left ;
			width: 95% ;
			border-right: none ;
		}
		#lexias-out-listing {
			padding-bottom: 1em ;
		}
			#lexias-out-listing h3 {
				font-size: 1.2em ;
			}
		#submesh-form-container {
			display: none ;
		}
.content-caption { /* currently the caption style */
    position: relative;
    margin-top: 20px;
    display: block;
    font-size: 12px;
}
  /*_________ feeds __________ */
  .feed-title {
      margin-bottom: 0 ;
  }
  .feed { /* Changed in 1.6*/
		position: relative ;
		border: 1px dotted paleturquoise ;
		overflow: auto ;
		overflow: -moz-scrollbars-vertical;
		overflow-y:auto;
		overflow-x:hidden;
		padding: 5px ;
		margin: 0 auto ;
		width: 90% ;
		height: 400px;
		/*	background: rgb(68%,100%,92%) light aquamarine*/*/
		background-image: url('') ;
		background-color: white ;
	}
	DIV.entry {
	  margin-top:0.4em;
		margin-bottom: 0.6em;
	}
	.entry h4 {
	  margin-top:0px;
		margin-bottom: 0.2em;
	}
	DIV.entry IMG {
	  margin-bottom: 1.0em; /* ensure margin if the text is short */
	}
	.feedEntryContent {
		font-size: .8em ;
	}
		.feedEntryContent img { /* Added in 1.6*/
			width: 20% ;
			float: left ;
			margin: 0 .3em -.3em 0 ;
		}
/*________________ Custom styles ________________*/
/* Example styles */
.example {
	float: left ;
	font-size: 5px ;
	width: 100% ;
	border: solid dimgray 1px ;
	padding: 2em ;
	margin-bottom: 50px ;
}
#or {
	width: 5% ;
	margin: none ;
	font-size: .8em ;
	padding: 2px ;
	border: none ;
	text-align: center ;
}
.example h1 {
	font-size: 3em ;
	margin-bottom: .5em ;
}
.example h2,h3 {
	font-size: 2.2em ;
	margin-bottom: -.5em ;
	font-weight: normal ;
}
.example h3 {
	font-size: 1.8em ;
}
.example h3,
.sub-section {
	margin-left: 10px ;
}
/*__________ Styles for any Mesh tag cloud. __________*/
	.thoughtmesh-scope,
	.thoughtmesh-scope-shadow {
		position: absolute ;
		width: 16em ;
		text-align: left ;
		color: white ;
		top: 4px ;
		left: 8px ;
		z-index: 2 ;
	}
	.thoughtmesh-scope-shadow {
		color: rgb(50%,50%,50%) ; /*light dimgray*/
		top: .35em ;
		left: 10px ;
		z-index: 1 ;
	}
	#tab-out {
		display: none ;
	}
/*__________ Toggler styles __________*/
.toggler,
.toggler-open {
	color: rgb(10%,75%,65%) ;/* dark limegreen*/
	font-weight: bold ;
	cursor: pointer ;
	padding-left: 20px ;
	margin-bottom: .5em ;
}
.toggler {
	background: url('../../images/triangle_right.png') no-repeat left ;
}
.toggler-open {
	background: url('../../images/triangle_opened.png') no-repeat left ;
}
.expanding-content {
	display: none ;
	margin: .5em ;
	padding: .5em ;
	border: dotted 1px rgb(10%,75%,65%) ;/* dark limegreen*/
}
/*__________ Login form __________*/
#formLogin .field {padding:0px 12px 4px 0px;}
#formLogin .value {padding:0px 0px 4px 0px;}
.tableLogin {margin:8px 0px 6px 0px;}