body,table{	font-size : 9pt; }
body,table,ul,li,ol,div,td {
	color:#444444;
	font-family : verdana, helvetica, arial, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #000000;
}
h1{ font-size:140%; color:#B52727; border-bottom:1px solid #8CACBB; }
h2{ font-size:130%; color:#ee2727; border-bottom:1px solid #D1D1D1; }
h3{ font-size:125%; color:#E54B00;}
h4{ font-size:120%; }

a {color: #336699; background-color:transparent; text-decoration: none; }
a:visited {color: #336699; background-color:transparent; text-decoration: none; }
a:active {color: #CC9933; background-color:transparent; text-decoration: none; }
a:hover {color : #FF9933; background-color:transparent; text-decoration: underline; }
a, a:visited, a:active {text-decoration:none; border-bottom:1px dotted #336699; }
a:hover {text-decoration:none; border-bottom:1px solid #FF9933; }
a.img { border-bottom:none; }
ul{
	padding:0; margin:0;
	margin-left:.5em;
}
li{
	padding: 0px; margin:0;
	margin-bottom: 2px;
}
pre,div.code {
	border: 1px dashed #8CACBB;
	background-color: #eEf7ff;
	overflow-x: auto;
	padding: 2px 3px 2px 3px;
}
table{
	border-collapse:collapse;
	border-spacing:0;
	border-color: silver;
}
td,th{
	padding-left: 4px;
	padding-right: 4px;
}
td{
	vertical-align:top;
}
table.thleft th{
	text-align: left;
	vertical-align: top;
}
table.verticalborder>tr>th,table.verticalborder>tr>td{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
table.middle>tr>th, table.middle>tr>td{
	vertical-align:middle;
}
hr{
	border: 0;
	width: 80%;
	color: #f00;
	background-color: #f00;
	height: 1px;
}
form{
	display:inline;
}

.pre{
	white-space:pre;
	unicode-bidi:embed;
}
li{
	margin-left:10px;
}
/* ------------ IMG HOVER -------------------- */
/* --- <div class=imghover><img...>, or <img class=hover> */
.imghover img,img.hover{
	opacity:0.5;
	filter:alpha(opacity=50); /*TODO: IE9+ doesn't need this. remove it in 2013.*/
}
.imghover img:hover,img.hover:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /*TODO: IE9+ doesn't need this. remove it in 2013.*/
}
/* ------------ INFO/WARN/ERROR BOXES --------------------- */
.note,.info,.error,.warn{
  margin: 3px 0;
  padding: 4px;
	padding-left: 30px;
}
.note,.info{
  background: url(info.png) no-repeat 3px 3px #cfc;
	border:1px solid #00dd00;
}
.warn{
  background: url(warn.png) no-repeat 3px 3px #cfc;
	border:1px solid #00dd00;
}
.error{
  background: url(error.png) no-repeat 3px 3px #FFF7D7;
	border:1px solid #FF0000;
}

/* ------- FORMS -------------------------- */
fieldset {
	display: inline;
  border: 1px solid #8cacbb;
  padding: 0.5em;
	line-height: 1.8;
  margin: auto;
	font-size:110%;
}
fieldset input,fieldset label, fieldset select, fieldset span{
	xfont-size:110%;
  xmargin: 3px 1px 3px 1px;
  xpadding: 0.20em 0.3em;
}
fieldset th{
	text-align:left;
}
input, textarea {
  background: url(inputshadow.png) repeat-x top;
  border: 1px solid #8cacbb;
}
input[type="checkbox"]{
	margin:6px 1px 3px 1px;
}
input:hover,textarea:hover {
    border: 1px solid #f00;
    background: #ff6;
}
button,input[type="submit"],input[type="button"] {
	float: none;
  cursor: pointer;
  margin: 1px;
  padding: 0.125em 0.4em;
	background: url(buttonshadow.png) repeat-x bottom;
}
br { clear: left; }

/* ************ C O L U M N  L A Y O U T ***************** */
/* column layout adapted from: http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm */
body{ margin:0; padding:0; }
#header, #footer,#dbg{
	clear:both;
	float:left;
	width:100%;
}
#header{
	background: url(headerbg.png) repeat-x top;
	vertical-align: bottom;
	border-bottom:1px solid #FF9A00;
}
#footer{
	background: url(headerbglight.png) repeat-x top;
	border-top:1px solid #FF9A00;
	border-bottom:1px solid #FF9A00;
}
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.colright,.colmid,.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,.col2,.col3 {
	float:left;
	position:relative;
	padding:1em 0 1em 0;
	/*overflow:hidden;*/ /*hiding is bad. why would we possibly hide?*/
}
.leftmenu .colleft {
	right:80%;			/* right column width */
}
.leftmenu .col1 {
	width:78%;			/* right column content width */
	left:100%;			/* 100% plus left column left padding */
	padding-left: 1%;
	padding-right: 1%;
	border-left:1px solid #8CACBB;
}
.leftmenu .col2 {
	width:18%;			/* left column content width (column width minus left and right padding) */
	left:0%;			/* (right column left and right padding) plus (left column left padding) */
}
.singlecol{
	padding-left:10px;
	margin-bottom:15px;
}
/* ------------- OTHER PAGE ELEMENTS -------------------- */
.pageicons{
	float:right;
	padding-right:3px;
	margin-top:3px;
}
.pageicons img{ margin-left:3px; }
.pageicons a{ border-bottom:none; }
#header h1{
	border-bottom:0pt;
	color:#000;
	padding-left: 10px;
	margin: 3;
}
#header h1 a {
	color: #000;
	border-bottom:0px; 
	text-decoration: none;
	font-size: 120%;
	font-family: Time New Roman, Times, serif;
}
/* ------------- HORIZONTAL MENU -------------------- */
.hormenu {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color:rgba(240,240,240,0.4);
	border-top:1px solid rgba(255,160,0,0.7);
}
.hormenu li {
	float: left;
}
.hormenu li a {
	display: block;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	color: #069;
	border-right: 1px solid #88b;
	border-bottom:none;
}
.hormenu li a:hover {
	color: #f72;
	background-color:rgba(255,255,255,0.6);
}
.leftpane ul{
	margin: 0;
}
.leftpane ul li a{
	border-bottom:none;
}

/* ------------- CUSTOM ELEMENTS  -------------------- */
.inline{
	display:inline;
}
ul.arrow li, li.arrow{	
	list-style: none;
	margin-left: 0px;
	padding-left: 1em;
	text-indent: -1em;
}
ul.arrow li:before, li.arrow:before{
	content: "\00BB \0020";
}
.latex{font-weight:bold; opacity:.5}
div.latex { font-size: 1.1em !important; text-align:center; }

/* --------------------------------- DATATABLES */
.dataTables_wrapper{
	width:99%;
}
table.display tr.odd td, table.display tr.even td{
	border-bottom: 1px solid #efefef;
}
table.display tr.odd{
	background-color: #fff3ff;
}
table.display tr.even.row_selected{
	background-color: #B0BED9;
}

table.display tr.odd.row_selected{
	background-color: #9FAFD1;
}
.DataTables_sort_wrapper{
	font-weight: bold;
}
.DataTables_sort_icon {
	float: left;
}
.dataTables_wrapper #btnDeleteRow, .dataTables_wrapper #btnAddNewRow{
	height:15pt;
}
.dataTables_wrapper #btnDeleteRow .ui-button-text, .dataTables_wrapper #btnAddNewRow .ui-button-text, .dataTables_wrapper .ui-button-text-icon-primary .ui-button-text, .dataTables_wrapper .ui-button-text-icons .ui-button-text{
	padding-top: 1px; padding-bottom:1px;
}
.dataTables_wrapper input[type="text"],.dataTables_wrapper textarea {
    border: 1px solid #f00;
    background: #ff6;
}
.dataTable_wrapper td pre { /*not used, since we are not able to edit pre's properly. */
	margin: 0;
	background-color: none;
}
/* --------------------------------- NOT SURE ABOUT THESE*/
#xleftpaneheader,#centerpaneheader {
  background: url(bgcenterheader.png) repeat-x;
	padding: 5px 1px 5px 5px;
	min-height:20px;
}
.xleftpane li a {
	padding: 1px 10px 1px 10px;
	display: block;
	text-decoration: none;
}
.xleftpane li#active a {
	background-color: #6688EE;
	color: #ffffff;
	font-weight: bold;
}
.xleftpane li a:hover {
	background-color: #e3e9ff;
}

/* ---------------------------- */
.hidden{
	display:none;
}

//striped table: http://rosalind.info/static/css/rosalind.pack.min.css?v=1403707047
table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
table.wide{width:100%;margin-bottom:6px;margin-top:6px}table.wide >th,table.wide >td{line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
table.wide >th{font-weight:bold;}
table.wide >thead >th{vertical-align:bottom;}
table.wide >caption+thead >tr:first-child >th,table.wide >caption+thead >tr:first-child >td,table.wide >colgroup+thead >tr:first-child >th,table.wide >colgroup+thead >tr:first-child >td,table.wide >thead:first-child >tr:first-child >th,table.wide >thead:first-child >tr:first-child >td{border-top:0;}
table.wide >tbody+tbody{border-top:2px solid #dddddd;}
table.condensed >th,table.condensed >td{padding:4px 5px;}
table.bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}table.bordered >th,table.bordered >td{border-left:1px solid #dddddd;}
table.bordered >caption+thead >tr:first-child >th,table.bordered >caption+tbody >tr:first-child >th,table.bordered >caption+tbody >tr:first-child >td,table.bordered >colgroup+thead >tr:first-child >th,table.bordered >colgroup+tbody >tr:first-child >th,table.bordered >colgroup+tbody >tr:first-child >td,table.bordered >thead:first-child >tr:first-child >th,table.bordered >tbody:first-child >tr:first-child >th,table.bordered >tbody:first-child >tr:first-child >td{border-top:0;}
table.bordered >thead:first-child >tr:first-child >th:first-child,table.bordered >tbody:first-child >tr:first-child >td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;}
table.bordered >thead:first-child >tr:first-child >th:last-child,table.bordered >tbody:first-child >tr:first-child >td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;}
table.bordered >thead:last-child >tr:last-child >th:first-child,table.bordered >tbody:last-child >tr:last-child >td:first-child,table.bordered >tfoot:last-child >tr:last-child >td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;}
table.bordered >thead:last-child >tr:last-child >th:last-child,table.bordered >tbody:last-child >tr:last-child >td:last-child,table.bordered >tfoot:last-child >tr:last-child >td:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;}
table.bordered >caption+thead >tr:first-child >th:first-child,table.bordered >caption+tbody >tr:first-child >td:first-child,table.bordered >colgroup+thead >tr:first-child >th:first-child,table.bordered >colgroup+tbody >tr:first-child >td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;}
table.bordered >caption+thead >tr:first-child >th:last-child,table.bordered >caption+tbody >tr:first-child >td:last-child,table.bordered >colgroup+thead >tr:first-child >th:last-child,table.bordered >colgroup+tbody >tr:first-child >td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-right-topleft:4px;}
table.striped >thead >tr >th{background-color:#d7ebf9;}
table.striped >tbody >tr:nth-child(odd) >td,table.striped >tbody >tr:nth-child(odd) >th{background-color:#F9F9F9;}
table.hover >tbody >tr:hover >td,table.hover >tbody >tr:hover >th{background-color:#9fafd1;}
table.propertytable >tbody >tr >th { text-align:left; }