html {
	border:	none;
}

input{
   font-size:10px;	
}

body, pre { 	
	background-color:	#fff;	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:				#000;
}

body.iframe {
	margin:				0px;
	padding:			0px;
	border:				none;
}

.bold {
	font-weight:		bold;
}

.red {
	color:				#FF0000;
}

.code {
	font-family:		"Courier New", Courier, monospace;
}


img {
	border:		0px;
}

h1 {
	font-size: 			20px;
	font-weight: 			bold;
	color: 				#489DA2;
	text-decoration: 		none;
	margin-top:			0px;
	margin-bottom:			0px;
}
h2 {
	font-size: 			17px;
	font-weight: 			bold;
	color: 				#489DA2;
	text-decoration: 		none;
	margin-top:			0px;
	margin-bottom:			0px;
}

h3 {
	font-size: 			14px;
	font-weight: 		bold;
	color: 				#489DA2;
	text-decoration: 	none;
	margin-top:			0px;
	margin-bottom:		0px;
}
#container {
	position: 			relative;
	width: 				970px;
	background-color:	#fff;
	margin:				0px auto;
}

#submitter {
	position:			relative;
	width:				200px;
	height:				50px;
}

/* ------------------------- error begin ------------------------------ */

#errorMessage {
	text-align:			center;
}

#errorMessage h3,
#errorMessage h4 {
	padding-top:		20px;
	color:				#AA1C1C;
}

.errorMessage,
.error {
	color:				#AA1C1C;
}

#intropage #errorMessage h3 {
	padding-top:		0px;
	padding-bottom:		20px;
}

#intropage table.data {
	width:				970px;
}

#errorMessage ul {
	margin-left:		200px;
}

#errorMessage li {
	text-align:			left;
}

/* -------------------------- error end ------------------------------- */

/* ------------------------ banner begin ------------------------------ */

#Banner {
	float:   			left;
	height: 			46px;
	width: 				970px;
	font-weight:			bold;
	color:				#FFFFFF;
	vertical-align:			middle;
	background-color:    		#FECC34;	
}

#Banner div.banner_ilogo {
	float:				right;
	width: auto;
}

#Banner div.banner_image {
	height:				30px;
	width:				150px;
	float:				left;
	clear:				none;
	font-size:			38px;
	padding-left: 10px;
}
#Banner div.banner_version {
	height:				30px;
	width:				auto;
	float:				left;
	clear:				none;
	font-size:			38px;
	color: #fadc6a;
}

#Banner div.banner_description {
	text-align: right;
	padding-top: 27px;
	padding-right: 50px;


}

#Banner span {
	margin:			auto 5px;
}

#Banner span a,
#Banner span a:visited,
#Banner span a:hover,
#Banner span a:active,
#Banner span a:link {
	color:				#FFFFFF;
	text-decoration: 	none;
}


#Banner span.big {
	float:			right;
	margin-top:		3px;
}

#Banner span.small {
	float:			right;
	vertical-align: bottom;
}
#Banner span.gains {
	float:			right;
	margin-bottom: 10px;
}

/* ------------------------ banner end ------------------------------ */

/* ---------------------- module bar begin -------------------------- */

#lockAnnouncement {
	margin-top:			10px;
	position: 			relative;
	clear:				both;
	float:   			left;
	width:				970px;
	height:				26px;
	background-color:	#fff;
	border:				solid 1px #AA1C1C;
	font-size:			12px;
	font-weight:		bold;
	color:				#AA1C1C;
	text-align:			center;
	vertical-align:		middle;
}

#lockAnnouncement p {
	margin-top:			5px;
	padding:			0px;
}

#ModuleBar {
	margin:				10px 0px 10px 0px;
	padding:			0px;
	position: 			relative;
	clear:				both;
	float:   			left;
	width:				970px;
	height:				27px;
	overflow:			hidden;
	font-size:			10px;
	background-color: 		#82c6d2;
}

#ModuleBarFrame {
	height:				27px;
	overflow:			hidden;
	padding:			0px;
	background-color:   		#82c6d2;
	/*background-image:	url(images/module_bar_bg.gif);	*/
}

#ModuleBarButtons {
	position: 			relative;
	float:   			left;
	width:				150px;
	background:			none;
}

#ModuleBarMiddle {
	position: 			relative;
	float:   			left;
	text-align:			left;
	background-color: 		#82c6d2;
}

#ModuleBar a {
	position:			relative;
	float:				left;
	display:			block;
	text-decoration:		none;
	text-align:			center;
	vertical-align:			bottom;
}

#ModuleBar a.buttonLink {
	border: 			solid 1px #FFF;
	padding:			2px;
	margin:				5px;
	background-color:		#fff;
	color:				#000;
}

#ModuleBar a.moduleActive,
#ModuleBar a.modulePassive {
	width:				89px;
	height:				27px;
    font-weight: 		bold;
}

#ModuleBar a#lastModuleItem {
	width:				90px;
}

#ModuleBar a.moduleActive,
#ModuleBar a.modulePassive:hover {
	background-image:	url(images/reiter_active.gif);
}

#ModuleBar a.modulePassive {
	background-image:	url(images/reiter_passive.gif);
}

/* ----------------------- module bar end --------------------------- */

/* ---------------------- side navigation begin ------------------------- */

applet.hidden {
	float:				left;
	height:				1px;
	width:				1px;
	padding:			0px;
	margin:				0px;
	border:				0px;
	background-color: 		#0c5d9c;
}

.SideNavTitle {
    font-size:			13px;
	font-weight:		bold;
	width:				auto;
   	color: 				#fff; 
	text-decoration:	none;
	padding: 			3px 0px 3px 5px;
	background-color: 	#0c5d9c;
}

.SideNavHeader {
   width: 				auto;
   height:				auto;
   font-size:			12px;
   font-weight: 		bold;
   padding:				2px 0px 2px 5px;
   color: 				#0c5d9c;
   background: 			#cccccc;
}

.SideNavHeader a {
	display:		  	inline;
	text-decoration:	none;
	border:				0px;
	color: 				#0c5d9c;
   	background: 		#cccccc;
	font-size:			12px;
}

.SideNavHeader span {
	text-align:			left;
	background-repeat:	no-repeat;
}

.SideNavHeader span.visible {
	background-image: 	url(images/group_close.gif);
}

.SideNavHeader span.hidden {
	background-image: 	url(images/group_open.gif);
}

.SideBox {
    font-size:			11px;
	color:				#404040;
	text-decoration:	none;
	text-align:			left;
	display: 			block;
	background-color: 	#99ccff;
	padding:			3px;
}

.SideBox input,
.SideBox select {
	margin:				3px;
}

.SideBox input {
	font-size:			11px;
	border:				1px solid #7f9db9;
	background-color:	#fff;
	color:				#000000;
}

.SideBox input.login {
	width:				150px;
}

.SideBox .checkbox {
	width:				auto;
	font-size:			9px;
	margin-top:			5px;
}

.SideBox .checkbox input {
	font-size:			8px;
	background:			none;
	border:				none;
	margin:				0px;
	margin-right:		5px;
	padding:			0px;
}


.SideBox input.button {
	margin:				5px;
}

.SideBox input.disabled {
	color:				#BBB;
	background-color:	#DDD;
}

.SideBox select {   
	margin-top:			3px;
	font-size:			9px;   
	color:				#003399; 
	width:				200px;
	border:				1px solid #7f9db9;
}

.SideBox a.text,
.SideBox a.text:visited,
.SideBox a.text:active,
.SideBox a.text:link,
.SideBox a.text:hover {
	text-decoration:	none;
	color:				#000;
}

.SideBox a.text:hover {
	text-decoration:	underline;
}

.SideBox span.explain {
	font-size:		9px;
	color:			#555;
}

select.single {
	background-color:	#DDD;
}

div.partners {
	text-align:			center;
	font-weight:		bold;
	vertical-align:		middle;
	padding:			10px;
}

div.partners a {
	display:			block;
	width:				150px;
	height:				60px;
	vertical-align:		middle;
	border:				solid 1px #555;
	margin:				10px auto;
}

div.partners a.noframe {
	display:			inline;
	width:				auto;
	height:				auto;
	border:				none;
}

div.partners img {
	vertical-align:		bottom;
}

div.lifepartners {
	text-align:			center;
	vertical-align:		middle;
	background-color:	#99ccff;
	padding:			10px;
}

div.lifepartners a {
	display:			block;
	vertical-align:		middle;
	margin:				10px auto;
}

div.lifepartners img {
	vertical-align:		middle;
}

/* --------------------- side navigation end ------------------------ */

/* ----------------- left side navigation begin --------------------- */

#SideNavLeft {
	position:			relative;
	clear:				both;
	float:				left;
	width:				225px;
	overflow:			hidden;
	border:				solid 1px #FFF; 
}

#content.full #SideNavLeft {
	position:			relative;
	left:				-5px;
}

#SideNavLeft a.editor_old img,
#SideNavLeft a.editor_structure img,
#SideNavLeft a.editor_text img {
	float:				right;
	text-align:			right;
	margin-left:		1px;
}

#SideNavLeft a.menuItem,
#SideNavLeft a.menuItemActive,
#SideNavLeft a.menuItemPassive {
	display:			block;
	width:				auto;
    	font-size:			11px;
	font-weight:			normal;
	text-decoration:   		 none;
	color:				#404040;
	padding: 			3px 2px 3px 10px;
	border-bottom:			solid 1px #FFF;
	border-left:			solid 0px #FFF;
	border-right:			solid 0px #FFF;
}
	
#SideNavLeft a.menuItem:hover,
#SideNavLeft a.menuItem:active,
#SideNavLeft a.menuItemActive {
	color:	  			#4682B4;
	background-color: 		#f0eeee;
	background-image:  		url(images/arrBW.gif);
	background-repeat: 		no-repeat;
	background-position: 		0% 50%;
}

#SideNavLeft a.menuItemPassive {
	background-color:		#FF6633;
}

#SideNavLeft .SideBox,
#SideNavRight .SideBox {
	text-align:				center;
}

#SideNavLeft div.partners {
	
}

/* ------------------ left side navigation end ---------------------- */

/* ----------------- right side navigation begin -------------------- */

#SideNavRight {
	position:			relative;
	float:				right;
	width:				225px;
	overflow:			hidden;
	margin-left:			10px;
	border:				solid 1px #999;
}

div#SideNav {
	margin-left:			10px;
}

/* ------------------ right side navigation end --------------------- */

/* ------------------------- bridge begin --------------------------- */

#bridgeLoader {
	float:				none;
	clear:				both;
	text-align:			center;
}

#bridgeLoader h2 {
	margin-bottom:			0px;
	padding-bottom:			0px;
}

#bridgeLoader p.waiting {
	margin-top:			0px;
	padding-top:			0px;
	color:				#555;
	font-size:			9px;
}

/* -------------------------- bridge end ---------------------------- */

/* -------------------------- maps begin ---------------------------- */

#MapTitle {
	clear:				both;
	float:		none;
	width:		970px;
	text-align:	center;
}

#MapSetup {
	width:	240px;
	height:	600px;
	float:	left;
	border:	0px;
}

iframe#MapSelection {
	width:		235px;
	height:		600px;
	border:		0px;
}

#MapPlugInProblem {
	clear:			both;
	float:			none;
	width:			965px;
	padding-top:	20px;
}

#MapPlugInProblem h3 {
	margin-top:	20px;
}

#MapPlugInProblem,
#MapPlugInProblem h3,
#MapPlugInProblem h4,
#MapPlugInProblem pre {
	text-align:	center;
}

#MapApplets {
	width:				715px;
	height:				600px;
	float:				left;
	padding: 			0px;
	margin:				0px;
	border:				1px solid #000;
	background-color:	#B5B5B5;
}

#MapApplets applet.control {
	height:			25px;
	width:			715px;
	float:			none;
	clear:			both;
}

#MapApplets applet.display {
	height:			575px;
	width:			715px;
	float:			none;
	clear:			both;
}

#mapSettings div.SideBox input.button {
	text-align:	center;
	width:		100px;
}

div#afterLoadFunctionality {
	display:	none;
}

/* --------------------------- maps end ----------------------------- */

/* ------------------------- forms begin ---------------------------- */

form {
	margin:			0px;
	padding:		0px;
}

form.submitform {
	float:			left;
	clear:			none;
	padding:		2px;
}

form.submitform input.button {
	margin-right:	10px;
	width:			110px;
}

div.form {
	margin:			10px;
}

div.input_field {
	clear:			both;
	margin-top:		5px;
	margin-bottom:	5px;
}

div.input_message {
	clear:			both;
	color:			#F12323;
	font-weight:	bold;
	font-size:		12px;
	margin-bottom:	3px;
}

div.input_label,
div.file_hint {
	clear:			both;
	float:			left;
	width:			200px;
	margin-top:		4px;
	text-align:		left;
	font-weight:	bold;
}

div.file_hint {
	margin-left:	20px;
	width:			180px;
	color:			#999;
}

div.input_label span.not_null,
form span.not_null {
	font-weight:	bold;
	color:			#F12323;
}

div.input_value {
	float:			left;
}

div.input_field select, 
div.input_field input,
form.n2mEditor select,
form.sortEditor select {
	width:			250px;
	font-size:		11px;
}

div.input_field input {
	width:			244px;
	padding-left: 	2px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		11px;
}

div.input_field input.radio {
	width:			auto;
	margin-left:	10px;
	position:		relative;
	top:			3px;
}

div.input_field input.radioReset {
	width:			auto;
	margin-left:	10px;
}

div.full div.input_field textarea {
	width:			740px;
	height:			300px;
	font-family:	"Courier New", Courier, monospace;
	font-size: 		9pt;
	padding-left:	2px;
}

div.full div.input_field div.textarea_counter {
	width:			740px;
	clear:			both;
	position:		relative;
	left:			200px;
}

div.form_buttons {
	clear:			both;
}

form.sortEditor input.sortButton {
	width:			60px;
	font-size:		11px;
}

/*
 * debug info
 */
a.debugInfo {
	color:			#000;
}

div#debugInfoDiv {
	display:			none;
	margin:				10px 0px 10px 30px;
	padding:			5px;
	background-color:	#EEE;
}

/*
 * scenario editor
 */
form.scenarioEditor td.bordered {
	width:			190px;
	vertical-align:	top;
	border:			1px solid #333;
}

form.scenarioEditor td.actType, 
form.scenarioEditor td.pathway {
	width:			150px;
	vertical-align:	middle;
	border:			1px solid #333;
}

form.scenarioEditor td.pathway {
	width:			390px;
}

form.scenarioEditor select {
	width:			180px;
}

/* -------------------------- forms end ----------------------------- */

/* --------------------- color picker begin ------------------------- */

div.picker_box {
	clear:		both;
	float:		none;
	height:		276px;
}

div.picker_frame {
	width:			296px;
	margin-top:		10px;
	margin-bottom:	10px;
	text-align:		center;
	float:			left;
}

div.picker_classes {
	width:			140px;
	height:			256px;
	border:			1px solid black;
	float:			left;
	margin-top:		10px;
	margin-bottom:	10px;
}

#color_picker {
    width:			256px;
    height:			256px;
    padding:		0px;
    border:			1px solid black;
}

div.color_preview {
	width:			120px;
	border:			1px solid black;
	margin-left:	auto;
	margin-right:	auto;
}

div.picker_classes a {
	text-decoration:	none;
	display:			block;
}

div.picker_classes div.color_preview {
	margin-top:		10px;
	margin-bottom:	10px;
}

/* ---------------------- color picker end -------------------------- */

/* ------------------------ tables begin ---------------------------- */


body,td,th {
	font-size: 11px;
}

th.row {
	vertical-align:	top;
	text-align:		left;
	padding-right:	10px;
}

div.datatable {
	border:			0px;
	clear:			right;
}

table.data,
span.data,
table.selectionOverview {
    font-size:      10px;
}

table.data {
    border:     		solid 1px #333;
    margin-top:			10px;
}

table.data img {
    border:         0px;
    vertical-align: middle;
}

/*
 * title row
 */
  
table.data tr.title th {
	vertical-align:		middle;
}

table.data tr.title span.title {
	float:				left;
	vertical-align:			middle;
	margin-right:			15px;
	margin-top:			3px;
}

table.data tr.title span.insertButton {
	float:				right;
}
 
table.data tr.title input {
	font-size:			10px;
	border:				1px solid #7f9db9;
	background-color:		#fff;
	color:				#000000;
	text-decoration:		none;
	font-weight:			normal;
	padding:			1px;
}

table.data tr.title span.editors img {
	margin-top:			1px;
	margin-right:			3px;
}

/*
 * header rows
 */
table.data tr.title,
table.data tr.header {
    background-color:   		#82c6d2;
}

table.data tr.header select {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		normal;
}


table.data th {
    font-size:      11px;
    background-color:   		#82c6d2;
    border:         0px;
    padding-top:    1px;
    padding-bottom: 1px;
    padding-left:   2px;
    padding-right:  2px;
    vertical-align: middle;
}

table.data th div.header_row {
    border:     solid 0px #f00;
   
    float:      none;
    clear:      both;
    margin:     0px;
    padding:    0px;
}

table.data th.active_feature,
table.data th.passive_feature {
    padding-right:  0px;
}

span.header_active_column {
    text-decoration:    underline;
    color:              #000;
    padding-right:      3px;
}

span.header_passive_column {
    text-decoration:    none;
    color:              #222;
    padding-right:      3px;
}

span.feature_active {
    padding-left:   2px;
    padding-right:  2px;
}
span.feature_passive {
    padding-left:   2px;
    padding-right:  2px;
    color:          #BBB;
}

/*
 * table rows
 */
table.data tr.odd {
    background-color:   #82c6d2;
}

table.data tr.even {
    background-color:   #fff;
}

table.data tr.selected {
    background-color:   #FFFF94;
}

table.data tr.found {
    background-color:   #82c6d2;
	font-weight:	bold;
}

table.data td {
    border-left:    dashed 1px #AAA;
    
    padding-left:   4px;
    padding-right:  2px;
    vertical-align: top;
}

table.data td.first {
	text-align:		right;
    	border-left:    0px;
}

table.data td.header {
	border-left:    0px;
	font-weight:	bold;
}

table.data td.anchorline {
	border-left:    	0px;
	height:				20px;
	vertical-align:		middle;
}

table.data th.letterline {
	font-size:			12px;
	height:				25px;
	vertical-align:		middle;
}


table.data td.anchorline a {
	font-size:			11px;
	font-weight:		bold;
	color:				#333;
	text-decoration:	none;
	padding-left:		5px;
	padding-right:		5px;
}

table.data td.anchorline a.active,
table.data td.anchorline a.passive:hover {
	color:				#888;
}

table.data select {   
	margin-top:			1px;
	font-size:			9px;   
	color:				#000; 
	width:				inherit;
}

/* ------------------------- tables end ----------------------------- */

/* ----------------------- content begin ---------------------------- */

#content {
	border:				0px;
	position:			relative;
	float:				left;
	margin:				0px 0px 0px 5px;
}

#dynamicContent {
	position:			relative;
	float:				left;
	height:				200px;
	width:				955px;
	overflow:			scroll;
	margin:				0px 5px 0px 5px;
	padding:			5px;
}

div.slim {
	width:				505px;
	position:			relative;
	float:				left;
}

div.wide {
	width:				738px;
	float:				left;
}

div.full {
	width:				960px;
}

span.ok {
	font-weight:		bold;
	color:				#00CC33;
}

span.failed {
	font-weight:		bold;
	color:				#FF3300;
}

#content a.editor_structure img,
#content a.editor_text img {
	float:				right;
	text-align:			right;
	margin-left:		3px;
}

#content .debugInfo a.editor_structure img,
#content .debugInfo a.editor_text img {
	float:				left;
	text-align:			left;
	margin-left:		0px;
	margin-right:		3px;
}

#page_text p,
#page_subtext p {
	margin-top:			10px;
	margin-bottom:		0px;
}

#content a.pdf,
#content a[href $=".pdf"], #content a[href $=".PDF"],
#content a[href *=".pdf#"], #content a[href *=".PDF#"],
#content a[href *=".pdf?"], #content a[href *=".PDF?"] {
	background-image: 		url("images/pdf12x12.gif");
	background-repeat: 		no-repeat;
	background-position:	2px 0px;
	padding-left: 			14px;
}

#content a.xls,
#content a[href $=".xls"], #content a[href $=".XLS"],
#content a[href *=".xls#"], #content a[href *=".XLS#"],
#content a[href *=".xls?"], #content a[href *=".XLS?"] {
	background-image: 		url("images/excel12x12.gif");
	background-repeat: 		no-repeat;
	background-position:	2px 0px;
	padding-left: 			14px;
}

#content table.nested  {
	margin-top:			20px;
	border-top:			solid 1px #555;
	border-left:		solid 1px #555;
	border-right:		solid 2px #333;
	border-bottom:		solid 2px #333;
	border-collapse:	collapse;
}

#content table.nested thead th {
	border-bottom:		solid 1px #555;
	margin:				0px;
	font-size:			12px;
}

#content table.nested thead th,
#content table.nested tbody td {
	border-left:		solid 1px #777;
	padding:			2px;
}

#content table.nested tbody td {
	margin:				0px;
	vertical-align:		top;
	font-size:			11px;
	border-bottom:		dashed 1px #777;
}

#content table.nested th.nowrap,
#content table.nested td.nowrap {
	white-space:		nowrap;
}

/* ------------------------ content end ----------------------------- */

#intropage{
	position:			relative;
	top:				10px;
	float:				left;
	width:				720px;
	margin:				5px;
	background-color:	#fff;
}


#footer{
	position:			relative;
	width:				970px;
	clear:				both;
	float:				left;
	top:				10px;
	border-top:			solid 1px #000; 
	margin:				10px 0px 10px 0px;
	text-align:			center;
}