/* Overall */

body {
	text-align: center;
	font-family: lucida console, monaco, lucida sans unicode, lucida grande, tahoma, geneva;
	font-size: smaller;
}

.container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
	
.wrapper {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

.navigation {
	padding-top: 5px;
	height: 30px;
	text-align: center;
}

a:link {
	text-decoration: none;
}

.central-block {
	text-align: left;
}

.central-block-help {
	text-align: left;
	margin-top: -20px;
}

.content {
	clear: both;
	text-align: left;
}

.content2 {
	text-align: left;
	float: left;
}

.clear {
	clear: both;
}

ul {
	padding-bottom: 0;
	margin-bottom: 0;
}

.comments {
	padding-left: 30px;
	color: #637FA0;
	font-style: italic;
	padding-bottom: 10px;
	font-size: small;
}

.title_head {
	clear: both;
	margin-bottom: 15px;
	color: #637FA0;
	padding-left: 10px;
	font-style: italic;
	font-weight: normal;
	vertical-align: top;
	
}

.indent {
	float: left;
	position: relative;
	margin-left: 10px;
	clear: left;
	margin-bottom: 10px;
}

.indent2 {
	float: left;
	position: relative;
	margin-left: 10px;
	clear: right;
}

.checkbox-container {
	position: relative;
	float: left;
}

.checkbox-container {
	margin-left: 50px;
}

.checkbox {
	float: left;
	width: 280px;
}

.edit {
	float: left;
	width: 300px;
	list-style-type: square;
}

.edit a:hover {
	color: #163750;
	text-decoration: none;
}



.ruler {
	position: relative;
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 0px;
	border-top: dashed 2px #637FA0;
	height: 10px;
	width: 100%;
}

.ruler2 {
	position: relative;
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	border-top: dashed 2px #637FA0;
	height: 10px;
	width: 930px;
}

.ruler3 {
	position: relative;
	float: left;
	clear: both;
	margin-left: -20px;
	margin-top: 40px;
	margin-bottom: 10px;
	border-top: dashed 2px #637FA0;
	height: 10px;
	width: 100%;
}

a:link, a:visited, a:hover {
	color: #637FA0;
	cursor: pointer;
	}
	
a:visited {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	

ul li {
	list-style-image: none /*url('../images/system/li1.gif')*/;
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 2px;
	margin-left: -20px;
	}

ul ul, ul ul ul, ul ul ul ul, ul ul ul ul ul  {
	background-image: none;
	background-repeat: no-repeat;
	}
	
ul ul li, ul ul ul li, ul ul ul ul li {
	list-style-image: url('../images/system/li2.gif');
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	}

.table_viz {
	width: 100%;
	text-align: left;
	}
	
.table_viz1 {
	border: 0px;
	border-bottom: dotted 1px #637FA0;
	width: 20%;
	}
	
.table_viz2 {
	border: 0px;
	border-bottom: dotted 1px #637FA0;
	width: 100%;
	}
	
/* Content Levels */

	/* General CSS */
.float {
	float: left;
	margin-right: 30px;
}

	/* Level 1 */
	
.level1 {
	background: #dfe5ed;
	margin: 0;
	padding: 0;
	line-height: 15px;
}

.level1-bottom {
	background: #dfe5ed;
	height: 15px;
	clear: both;
}


.level1-content {
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 110%;
}

.level1-left-top, .level1-left-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.level1-right-top, .level1-right-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.level1-right-top, .level1-right-bottom {
	float: right;
}

.level1-left-top {
	background: url('../images/system/level1-left-top.jpg');
}

.level1-right-top {
	background: url('../images/system/level1-right-top.jpg');
}

.level1-left-bottom {
	background: url('../images/system/level1-left-bottom.jpg');
}

.level1-right-bottom {
	background: url('../images/system/level1-right-bottom.jpg');
}


	/* Admin Buttons */
	
.content-admin {
	float: left;
	margin-right: 35px;
	margin-left: 55px;
	width: 200px;
	*width: 180px;
	background: #637fa0;
	}
	
.admin1 {
	background: #637fa0;
	margin: 0;
	padding: 0;
	line-height: 15px;
}

.admin1-bottom {
	background: #637fa0;
	height: 15px;
	clear: both;
}


.admin1-content {
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 100%;
}

.admin1-left-top, .admin1-left-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	border-style: none;
}

.admin1-right-top, .admin1-right-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.admin1-right-top, .admin1-right-bottom {
	float: right;
}

.admin1-left-top {
	background: url('../images/system/left-top-dark.jpg');
}

.admin1-right-top {
	background: url('../images/system/right-top-dark.jpg');
}

.admin1-left-bottom {
	background: url('../images/system/left-bottom-dark.jpg');
}

.admin1-right-bottom {
	background: url('../images/system/right-bottom-dark.jpg');
}

	
.admin-button1, .admin-button2, .admin-button3 {
	float: left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 2px;
	text-decoration: none;
	}

.admin-button1 a:link, .admin-button2 a:link, .admin-button3  a:link {
	color: white;
}

.admin-button1 a:visited, .admin-button2 a:visited, .admin-button3  a:visited {
	color: white;
	text-decoration: none;
}

.admin-link {
	border-style: none;
	padding-left: 40px;
	padding-right: 40px;
	}

a.admin-link:link {
	text-decoration: none;
	color: white;
	}
	


/* Header */

.title {
	background-color: #637fa0;
	color: white;
}

.title-bottom {
	height: 15px;
}


.title-content {
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 140%;
	font-size: 1.6em;
}

.title-left-top, .title-left-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.title-right-top, .title-right-bottom {
	float: right;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.title-right-top, .title-right-bottom {
	float: right;
}


.title-right-top {
	background: url('../images/system/right-top-dark.gif');
	margin-top: -5px;
	*margin-top: 0px;
}

.title-left-bottom {
	background: url('../images/system/left-bottom-dark.jpg');
}



	/* Warning Message */
.message {
	background: #dfe5ed;
	margin: 0;
	padding: 0;
	line-height: 15px;
}

.message-bottom {
	background: #dfe5ed;
	height: 15px;
}


.message-content {
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 110%;
}

.message-left-top, .message-left-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.message-right-top, .message-right-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.message-right-top, .message-right-bottom {
	float: right;
}

.message-left-top {
	background: url('../images/system/level1-left-top.jpg');
}

.message-right-top {
	background: url('../images/system/level1-right-top.jpg');
}

.message-left-bottom {
	background: url('../images/system/level1-left-bottom.jpg');
}

.message-right-bottom {
	background: url('../images/system/level1-right-bottom.jpg');
}


/* Viz Specific CSS */

#results {
	position: relative;
	z-index: 10;
	margin-top: 0px;
	background: white;
	float: right;
	width: 60%;
	}

/* Form Button */

.submit-button {
	color: white;
	font-size: .9em;
	font-weight: bold;
	background: url('../images/system/submit-button.png');
	width: 140px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.submit-button-small2 {
	color: white;
	font-size: .9em;
	font-weight: bold;
	background: url('../images/system/submit-button-small2.png');
	width: 40px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.viz-button {
	color: white;
	font-size: .9em;
	font-weight: bold;
	background: url('../images/system/viz-button.png') no-repeat;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
}
	
.add_button, .upload_button, .edit_button {
	color: white;
	font-size: .9em;
	width: 140px;
	height: 30px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
	float: left;
	font-family: lucida console, monaco, lucida sans unicode, lucida grande, tahoma, geneva;
	cursor: pointer;
}

.edit_button {
	background: url('../images/system/edit-button.png');
}

.add_button {
	background: url('../images/system/add-button.png');
}

.upload_button {
	background: url('../images/system/upload-button.png');
	}

.add_text {
	float: left;
	margin-left: 10px;
	color: #637FA0;
	font-style: italic;
	padding-bottom: 10px;
	padding-top: 15px;
	font-size: small;
}

.drop_text {
	float: left;
	margin-left: 10px;
	color: #637FA0;
	font-style: italic;
	padding-bottom: 10px;
	padding-top: 5px;
	font-size: small;
}

.edit_text {
	float: left;
	margin-left: 10px;
	color: #637FA0;
	font-style: italic;
	padding-bottom: 10px;
	padding-top: 5px;
	font-size: small;
}

.clear_buttons {
	clear: both;
	line-height: 0.2;
}

.form_text {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #637FA0;
	padding-bottom: 10px;
	padding-top: 5px;
	font-size: small;
}






/* Navigation */
	/* Buttons */

.navigation a:link, .navigation a:visited, .navigation a:hover {
	color: white;
	text-decoration: none;
	}
	
.navigation a:hover {
	font-weight: bold;
	}
	
.button20, .button1, .button2, .button3, .button4, .button5, .button6, .button7, .button8, .button9, .button10, .button11, .button12 {
	float: left;
	padding-top: 5px;
	margin-left: 2px;
	text-decoration: none;
	height: 30px;
} 



.button1, .button2, .button3, .button4, .button5, .button6, .button7, .button8, .button9, .button10, .button11, .button12 {
	background-image: url('../images/system/button-nav.png');
	background-repeat: no-repeat;
	width: 93px;
}

.button20 {
	background-image: url('../images/system/button-nav-small.png');
	background-repeat: no-repeat;
	width: 58px;
}


/* Drop Down Selections */

.dropcontent {
	width: 850px;
	margin-left: 40px;
	display:inline;
	clear: both;

}

.dropcontent2 {
	display:inline;
	clear: both;
}

.dropcontent3 {
	clear: both;
	float: left;
}

.title_drop {
	margin-bottom: 15px;
	color: #637FA0;
	padding-left: 40px;
	font-style: italic;
	font-weight: smaller;
}

#dropmsg0 {
	margin-left: 0px;
}

#dropmsg2, #dropmsg3, #dropmsg4, #dropmsg5 {
	margin-left: 0px;
	text-align: left;
}

#dropmsg7 {
	
	}
	
/* Mootools specific CSS */

/* Tips */

.tip { 
	color: #fff;
	width: 220px;
	border: solid 3px #637FA0; }
	
.tip-top { 
	height: 1px; 
}

.tip-title { 
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	color: #fff;
	padding: 8px 0px 8px 0px;
	background-image: url('../images/system/help-background-dark.png'); 
}

.tip-text { 
	font-size: 11px;
	padding: 8px 4px 8px 4px;
	background: url('../images/system/help-background-light.png');
	text-align: left;
	color: black; 
}
.tip-bottom		{ 
	display: none;
}

img.tips {
	border: 0px solid #637FA0;
	}
	

/* Help Page */

.help ul, .help li {
	list-style-type: none;
	background: #dfe5ed;
	}


	
.help h1, .help h2, .help h3, .help h4 {
	background: #637FA0;
	padding: 0px 10px 0px 10px;
	color: white;
	line-height: 200%;
	}

.help h1 a:link, .help h2 a:link, .help h3 a:link, .help h4 a:link,
.help h1 a:hover, .help h2 a:hover, .help h3 a:hover, .help h4 a:hover,  {
	background: #637FA0;
	padding: 0px 0px 0px 0px;
	color: #fff;
	line-height: 200%;
	text-decoration: none;
	cursor: default;
	}

.help a:link, .help a:hover, .help a:visited {
	text-decoration: none;
	}

.help h1 {
	font-size: 130%;
	font-weight: bold;
	background: #637FA0;
	}
	
.help h2 {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	}
	
.help h3 {
	font-size: 110%;
	font-style: italic;
	background: #637FA0;
	}
	
.help h4 {
	font-size: 100%;
	font-weight: normal;
	background: #637FA0;
	color: #fff;
	}
	
.help h5 {
	font-size: 100%;
	font-weight: bold;
	background-image: url('../help/images/h5.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
.help a:link, .help a:visited, .help a:hover {
	color: #637FA0;
	}
	
.help-text ul, .help-text li, .help-text {
	background: white;
	list-style-type: square;
	margin-left: 0px;
	}
	
.help-text2 ul, .help-text2 li, .help-text2 {
	list-style-type: square;
	margin-left: -10px;
	}
	
.remove_link a:link, .remove_link a:visited, .remove_link a:hover {
	color: black;
	}
	
/* Show Specific CSS */
.title_head_show {
	margin-bottom: 0px;
	color: #637FA0;
	padding-left: -3opx;
	font-style: italic;
	font-weight: normal;	
}

.title_head_show2 {
	margin-bottom: 30px;
	color: #637FA0;
	padding-left: -30px;
	font-weight: normal;	
	font-size: larger;
	list-style-image: none;
	list-style-type: none;
}

.title_head_content {
	color: black;
	}
	
/* Registration Form */
#passwordStrength
{
	height:20px;
	float:left;
}

.strength0
{
	width:250px;
	background:#cccccc;
}

.strength1
{
	width:50px;
	background:#ff0000;
}

.strength2
{
	width:100px;	
	background:#ff5f5f;
}

.strength3
{
	width:150px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:200px;
}

.strength5
{
	background:#399800;
	width:250px;
}

/* Visual */
.contract, a.contract, .contract a:link, .contract a:visited, .contract a:hover {
	color: #637FA0;
	font-size: smaller;
	font-weight: bold;
	text-decoration: none;
}


/* Search Module */


#morphtabs_transitions {	
	height: 102px;
	width: 432px;
	padding: 10px 10px 10px 10px;
	background-color: #00f;
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#morphtabs_transitions p {
	color: #000;
}

#morphtabs_transitions div {
	border: 1px solid #fff;
}

#morphtabs_transitions  {
	border: 1px solid #fff;
}

.changeTrans {
	position:relative;
	width: 200px;
	height: 100px;
	text-align:center;
}

#changeTransition_transition {}
	
#changeTransition_duration {
	top: -102px;
	left: 210px;
}
	
#panelStartFx {
		top: -204px;
		left: 420px;
	}

#panelEndFx {
	top: -306px;
	left:630px
}


	
.tabs {
	background: url('../images/system/search_nav2.png') no-repeat;
	width: 150px;
	}
	
#tabhome {
	width: 25px;
	margin-left: -4px;
	margin-right: 2px;
	margin-top: 18px;
	}

.add_search {
	height: 31px;
	background: url('../images/system/add-button.png') no-repeat;
	padding: 8px 5px 5px 40px;
	}
	
.add_search a:link, .add_search a:visited, .add_search a:hover {
	width: 150px;
	color: #fff;
	font-weight: bold;
	}

.search-button, .search-button a:link, .search-button a:visited, .search-button a:hover {
	text-align: center;
	padding-top: 5px;
	color: white; 
	width:140px; 
	height: 25px; 
	background-image: url('../images/system/submit-button.png');
	}

	/* Bottom */
	
.search-bottom {
	background: #E4E8F1;
	height: 15px;
	clear: both;
}


.search-left-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.search-right-bottom {
	float: left;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.search-right-bottom {
	float: right;
}

.search-left-bottom {
	background: url('../images/system/search-left-bottom.jpg');
}

.search-right-bottom {
	background: url('../images/system/search-right-bottom.jpg');
}
	
	/* Accordion */
#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}



blockquote {
	padding:5px 20px;
}

#nav {
	margin-top: -25px;
	}
	
	/*
MorphTabs styles
*/


#morphTabs, #morphTabsAccordion {
	position:relative;
	width:100%;
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
	float: left;
	padding-bottom: 30px;
	background-color: #e4e8f1;
	margin-top: -5px;
}



#morphTabsAccordion {
	width:80%;
	height:500px;
}

.morphtabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
}

.tabs {
	background: url('../images/system/search_nav2.png') no-repeat;
	width: 150px;
	float: left;
	}

.morphtabs_title li {
	float: left;
	padding: 2px 2px 2px 2px;
	margin-left: 0px;
	cursor: pointer;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	width: 150px;
	text-align: center;
}

.morphtabs_title a {
	text-decoration:none;
	color: #fff;
}

.morphtabs_title li.over {
	font-weight: bold;
}

.morphtabs_title li.active {
	color: #1e6590;
	background: url('../images/system/search_nav.jpg') no-repeat;
	font-weight: bold;
}

.morphtabs_panelwrap {
	position: absolute;
	top:28px;
	width:100%;
}

.morphtabs_panel {
	/*position:absolute;
	top:28px;*/
	width:100%;
	height:800px;
	display:none;
	overflow-x: hidden;
	background-color: #e4e8f1;
	color: #1e6590;
	clear: both;
	padding: 5px 10px 5px 10px;
	overflow: scroll;
}

#morphTabsAccordion .morphtabs_panelwrap,  #morphTabsAccordion .morphtabs_panel {
	width:100%;
}

.morphtabs_panel.active {
	display: block;
}

.morpthtabs_panel p {
	margin-left:5px;
}
