html, body { margin: 0; padding: 0; border: 0 none; font-size: 0.95em; }

.ui-accordion .ui-accordion-content{ overflow-x:hidden !important; }

.header { min-width: 450px; margin: 10px 30px auto 30px; height: 60px;
	/*margin-top: 1em;*/
	/*font-size: 1.3em;*/
 }
 #title { float: left; }
 
 #help { float: right; padding: 6px 0 0 0; list-style: none; }
    #help li { display: inline; font-size: 0.8em}

/*#pagetable {
	width: 100%;
}*/

/*#tabscell {
	width: 100%;
	vertical-align: top;
	
}*/


/*#aboutcell {
	width: 200px;
	vertical-align: top;
	text-align: right;
}*/

/*#accordion {
	width: 100%;
	float: right;
}*/



.wrapper {
	margin: 0; 
	padding: 0; 
	border: 0 none; 
	min-width:760px;
}

#input_section {
	margin-right: 200px;
	/*min-width: 550px;*/
	/*float: left;*/
}

#input_section ul { height: 34px; }  /* necessary to override an automatic height set by default */

#sidebar {
	/*margin: 0 auto;*/
	width: 200px;
	/*vertical-align: top;*/
	float: right;
}


.output {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.orc {
	height: 12em; 
	width: 100%;
	margin: 5px 0px 0px 0px; 
	font-family: monospace; 
	font-size: medium;
	resize: none;

}

#analysis_section {
	clear: both;
	width: 100%;
	float: right;
}

/*
#header { min-width: 700px; height: 50px; margin: 0 50px auto 50px; }
	#menu  { float: right; padding: 6px 0 0 0; list-style: none; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 14px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}
*/


ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

/* Form styles 
   from http://snipplr.com/view/1951/a-cssbased-form-template/
   */
div.form-container { padding: 5px; }
div.mini-form-container { padding: 0px; }
 
/*
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
 */
 
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
 
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 280px; font-size: 90%; color: #666; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form .legend,
div.form-container form fieldset p.legend { margin-top: 5px; font-size: 90%; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
/*div.form-container form fieldset div span.label1 { padding-right: 5px; width: 150px; display: block; float: left; text-align: right; position: relative; }*/
div.form-container label, 
div.form-container span.label { margin: 4px 10px; padding-right: 10px; width: 250px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; margin-left: 5px;}
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin: 0px 0px 15px 0px; padding: 0 ; float:right; }

div.mini-form-container form p { margin: 0; }
div.mini-form-container form p.note { margin-left: 280px; font-size: 90%; color: #666; }
div.mini-form-container form fieldset { margin: 6px 0; padding: 5px; border: #DDD 1px solid; }
div.mini-form-container form legend { font-weight: bold; color: #666; }
div.mini-form-container form .legend,
div.mini-form-container form fieldset p.legend { margin-top: 5px; font-size: 90%; color: #666; }
div.mini-form-container form fieldset div span { padding: 0px; font-size: 80%; font-style: normal; color: #222 }
div.mini-form-container form fieldset div input {font-size: 80%;}
div.mini-form-container label, 
div.mini-form-container span.label { margin: 4px 10px; padding-right: 10px; width: 250px; display: block; float: left; text-align: right; position: relative; }
div.mini-form-container label.error, 
div.mini-form-container span.error { color: #C00; }
div.mini-form-container label em, 
div.mini-form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.mini-form-container input.error { border-color: #C00; background-color: #FEF; }
div.mini-form-container input:focus,
div.mini-form-container input.error:focus, 
div.mini-form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.mini-form-container div.controlset label, 
div.mini-form-container div.controlset input { display: inline; float: none; margin-left: 5px;}
div.mini-form-container div.controlset div { margin-left: 170px; }
div.mini-form-container div.buttonrow { margin-left: 0px; padding: 0 ; float:right; }
 
#footer { color: #707070 clear: both; min-width: 760px; margin-top: 15px; padding: 1px 15px 1px 15px; background-color:#FCFCFC; border-top: 1px solid #e0e0e0; font-size: 0.7em; }	
	#footer .right { float: right; }
	#footer a { color: #808080; font-weight: bold; }

/* icon buttons */
/* from http://jsbin.com/adinu/edit */

/*
button.icon-button {
  padding: 0em 0em 0em 8px;
}
button.icon-button span.ui-icon {
  margin: 0 5px 0 0;
  position: absolute;
  left: .2em;
  top: 50%;
  margin-top: -8px;
}

button.icon-only-button {
  padding: 0px 0px 0px 0px;
}
*/

#ajaxbusy {
	position: fixed;
	z-index: 100;
	width: 100%;
	float: bottom;
	bottom: 0px;
}

/* List style
 */
#navcontainer ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

#navcontainer ul li a {
	background: transparent url(../images/doc-off.gif) left center no-repeat;
	padding-left: 15px;
	text-align: left;
	font-size: 90%;
	/* font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; */
	text-decoration: none;
	color: #999;
}

#navcontainer ul li a:hover {
	background: transparent url(../images/doc-on.gif) left center no-repeat;
	color: black;
}

#navcontainer ul li a#current {
	background: transparent url(../images/doc-active.gif) left center no-repeat;
	color: #666;
}
