body {
	/* color:#999; */
	background:#fff;
	margin:3% 5% 0 5%;
	padding:0;
	font-family:Verdana,Geneva,'Lucida Grande','Lucida Sans','Lucida Sans Unicode',sans-serif;
	/*font-size:75%;*/ /* default 'medium' text in modern browsers is 16px */
}
strong {
	font-weight:bold;
	color:black;
}
em {
	font-style:italic;
}
ol li { list-style: decimal; margin-left:20px; }
input.shortnum {
	width:4em;
}
.hidden {
	visibility:hidden;
}
#message {
	font-weight:bold;
	background-color:#ffd; /* pale yellow */
	padding: 1em;
	border: 1px solid #ddd; /* pale grey */
	margin-bottom:1em;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
#message .error {
	color:#f00; /* red; also try #ec1b23 */
}
#message .success {
	color:#0a0; /* red; also try #ec1b23 */
}
#graph_option_values {
	padding: 1em 0 1em 0;
}
address, ul, p, pre { margin-bottom:1.4167em; }
pre { font-size: 120%; }
h1, h2, h3, h4, h5, h6, caption {
        font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,sans-serif;
        font-weight:bold;
        padding-bottom:1em;
        line-height:1em;
	clear:both;
        /*color:#26e;*/
        /*color:#d22;*/
}
#header h1 {
	display:block;
	width:206px;
	float:left;
	margin:0;
	padding:0;
	clear:none;
}
#sidemenu {
	display:block;
	float:right;
	text-align:right;
	clear:none;
	margin-top:1em;
}
#sidemenu li {
	margin-bottom:0.25em;
}
h2 {
	font-size:180%;
}
h3 {
	font-size:150%;
}
.pressed_link {
	color: #666;
}
/*** Cleared Containers ***/
#header, #menu, div#content, .clearfix, form  {
	clear:none; /* IE Mac 5.x doesn't like clear:both */
	/*overflow:auto;*/	/* force div to expand to its own content -- obsoleted by class "clearfix" (below) */
	width:100%;
	display:inline-block;	/* required for clearing */
}
#header {
	margin-bottom:1em;
}
#menu, div#content, .clearfix {
	margin-bottom:2em;
}
/* Clearing method below taken from
http://www.positioniseverything.net/easyclearing.html */
#header:after, #menu:after, div#content:after, .clearfix:after, form:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Hide from IE Mac \*/
* html #header, #menu, div#content, .clearfix, form { display:block; }
/* End hide from IE Mac */
/*** End of Cleared Containers ***/
form {
	clear:both;
}
div#footer {
	color:#999;
	clear:both;
	/*width:675px;*/
	border-top:1px solid #ccc;
	/*padding:1.375em 0 2.8333em 0;*/ /* unlike margin property, this works both in Mozilla and in Konqueror */
	padding-top:1em;
	font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,sans-serif;
	text-transform:uppercase;
	margin-bottom:5em;
}
div#footer ul {
	display:table;
}
div#footer ul li {
	display:table-cell;
	vertical-align:top;
	padding:1em 3em 0 0;
}
div#footer ul li ul li {
	display:inline;
	padding-right:0.5em;
}
span.separator { color:#ccc; font-weight:normal; }

a {
	color:#00f;
	background:transparent;
	text-decoration:none;
	cursor:pointer;
}
a:focus { outline: none; }	/* removes the dotted rectangle that appears in Firefox when link is clicked */
a:hover { color:#f00; }
a:active { color:#fff; background:#55f; }
th a:active { background:none; }
a.external {
	color:#090;
}
a.external:focus { outline: none; }	/* removes the dotted rectangle that appears in Firefox when link is clicked */
a.external:hover { color:#f00; }
a.external:active { color:#fff; background:#55f; }
th a.external:active { background:none; }

a#logo {
	display:block;
}
a#logo:hover {
	background:transparent;
}
a#logo:active {
	background:transparent;
}
/************* forms ***************/
label {
	font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,sans-serif;
}
dl {
	font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,sans-serif;
	overflow:visible;
}
dl dt {
	width:153px;
	clear:none;	/* clear:left is required for scalable layout */
	margin-right:21px;
	float:left;
	line-height:1em;
	clear:left;
	margin-bottom:0.815em;
}
dl dt {
	font-weight:bold;
}
dl dt.optional, label.optional {
	color:#666;
	font-weight:normal;
}
dl dd {
	width:551px;
	float:left;
	padding-bottom:0.815em;	/* checkbox fields in IE 7.0 do not obey line-height property */
	min-height:1.665em;
	/*color:#777;*/
}
dd p, dd div {
	clear:both;
}
.dd_collapsible {
	padding-left: 2em;
	margin-bottom:1em;
}
.input_container {
	margin-bottom:1em;
}
/*** buttons that look like links: *****/
.plaintext {
	display:inline;
	text-align:left;
	color: #00f;
	background-color: transparent;
	border-width: 0; 
	cursor: pointer;
}
.plaintext:focus { outline: none; }
.plaintext:hover { color:#f00; }
.plaintext:active { color:#fff; background:#55f; }

/****** begin Javascript form validation */
form dl dd.error input, form dl dd.error textarea {
	color:#000;
	background:#E6E6B2;
}
input, select {
	font-size:1em;
	font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,sans-serif;
}
input[type=radio],input[type=checkbox] {
	margin-right:4px;
}
input[type=file] {
	margin-bottom:0.5em;
}
/****** end Javascript form validation */

/* Fieldset and legend styling: http://www.sitepoint.com/avantgo/article.php?aid=1569&pid=111 */
legend {
	position:relative;	/* IE/Win only */
	left:-7px;		/* IE/Win only */
	top: -0.75em;		/* IE/Win only */

	margin-bottom:0.5em;
	font-size:120%;
	font-weight:bold;
	font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,sans-serif;
	padding-right:1em;
	color:#d22;
	background:#fff;	/* when set, background covers visible fieldset border in IE 5.5 */
}
fieldset {
	position:relative;	/* IE/Win only */
	top: 0.75em;		/* IE/Win only */

	clear:both;
	border-top:0.1em solid #ccc;
}
html>/**/body legend, html>/**/body fieldset {
	position:static;	/* Not IE/Win */
}
/*************** menu ***************************/
#menu {
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
#menu div {
	width:153px;
	display:block;
	float:left;
	clear:none;
	margin:0 21px 0 0;
	padding:0;
}
#menu div h3 {
	color:#aaa;
}
/************* images *************************/
img#schema {
	margin:10px;
}
/************* YUI Sam skin correction ********/
.yui-skin-sam .yui-pg-page {
	font-family:Menlo,Consolas,Monaco,"Lucida Console",monospace;
}
.yui-pe .yui-pe-content {
	display:none;
}
.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content{
	border:1px solid #ccc;
	border-top-color:#243356;
}
.yui-skin-sam .yui-navset-left .yui-content{
	border:1px solid #ccc;
	border-left-color:#243356;
}
.yui-skin-sam .yui-navset-bottom .yui-content,.yui-skin-sam .yui-navset .yui-navset-bottom .yui-content{
	border:1px solid #ccc;
	border-bottom-color:#243356;
}
.yui-skin-sam .yui-button {
	margin-bottom:8px;
}
.yui-skin-sam .yui-panel .bd {
	padding:8px;
}
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
	background-color:#f5f5f5;
}
.yui-skin-sam .graph-panel .bd, .yui-skin-sam .graph-panel .ft {
	background-color:#fff;
}
.yui-skin-sam .yui-navset .yui-content {
	padding:1.5em 1em 0.25em 1em;
}
.yui-skin-sam .yui-dt table {
	border:1px solid #ccc;
}
.yui-skin-sam .yui-dt table tbody {
	outline: none;
}
.yui-skin-sam .yui-dt-message,.yui-skin-sam tr.yui-dt-even,.yui-skin-sam .yui-dt-list tr.yui-dt-even,.yui-skin-sam .yui-dt-list tr.yui-dt-odd
{
	background:#f9f9f9;
}

.yui-skin-sam tr.yui-dt-rec td {
	border-bottom:1px solid #eaeaea;
}
.yui-skin-sam tr.yui-dt-odd, .yui-skin-sam tr.yui-dt-even
{
	background: #f9f9f9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eaeaea'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eaeaea)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fafafa, #eaeaea); /* for firefox 3.6+ */ 
}
.yui-skin-sam tr.yui-dt-odd:hover, .yui-skin-sam tr.yui-dt-even:hover
{
	/* hover */
	background: #ddddcc; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefe0', endColorstr='#f9f9d0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#efefe0), to(#f9f9d0)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #efefe0, #f9f9d0); /* for firefox 3.6+ */ 
}
.yui-skin-sam tr td.yui-dt-asc, .yui-skin-sam tr td.yui-dt-desc
{
	/* sorted */
	background: #cccccc; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #eeeeee, #cfcfcf); /* for firefox 3.6+ */ 
}
.yui-skin-sam tr:hover td.yui-dt-asc, .yui-skin-sam tr:hover td.yui-dt-desc
{
	/* sorted + hover */
	background: #ccccbb; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeedd', endColorstr='#cfcfbf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeedd), to(#cfcfbf)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #eeeedd, #cfcfbf); /* for firefox 3.6+ */ 
}
.yui-skin-sam tr.yui-dt-odd td.yui-dt-editable, .yui-skin-sam tr.yui-dt-even td.yui-dt-editable {
	/* editable */
	/* make background semi-transparent */
	background: rgb(190, 210, 255); /* Fall-back for browsers that don't support rgba */
	background: rgba(190, 210, 255, .25);
}
.yui-skin-sam tr.yui-dt-odd td.yui-dt-editable:hover, .yui-skin-sam tr.yui-dt-even td.yui-dt-editable:hover {
	/* editable + hover */
	/* make background semi-transparent */
	background: rgb(190, 210, 255); /* Fall-back for browsers that don't support rgba */
	background: rgba(190, 210, 255, .75);
}
.yui-skin-sam tr.selected_row
{
	/* selected */
	background: #aaaaff; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#d9d9d9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#d9d9d9)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #bfbfbf, #d9d9d9); /* for firefox 3.6+ */
}
.yui-skin-sam tr.selected_row:hover
{
	/* seleted + hover */
	background: #aaaa99; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afaf9f', endColorstr='#ccccbb'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#afaf9f), to(#ccccbb)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #afaf9f, #ccccbb); /* for firefox 3.6+ */
}
.yui-skin-sam tr.selected_row td.yui-dt-asc, .yui-skin-sam tr.selected_row td.yui-dt-desc
{
	/* selected + sorted */
	background: #999999; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#999999)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #bbbbbb, #999999); /* for firefox 3.6+ */
}
.yui-skin-sam tr.selected_row:hover td.yui-dt-asc, .yui-skin-sam tr.selected_row:hover td.yui-dt-desc
{
	/* selected + sorted + hover */
	background: #999988; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbb99', endColorstr='#909080'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bbbb99), to(#909080)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #bbbb99, #909080); /* for firefox 3.6+ */
}

/***** make disabled buttons appear dark-grey */
.yui-skin-sam .yui-button-disabled button {
	color:#fff;
	background: #a0a0a0; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0a0a0', endColorstr='#555555'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#555555)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #a0a0a0, #555555); /* for firefox 3.6+ */
}
/************* tmp drag-drop ******************/
div.workarea {
	float:left;
	margin:0 20px 20px 0;
}
ul.draglist { 
    position: relative;
    width: 200px; 
    height:240px;
    background: #f7f7f7;
    border: 1px solid gray;
    list-style: none;
    margin:0;
    padding:0;
}
ul.draglist li {
    margin: 1px;
    cursor: move;
    zoom: 1;
}
ul.draglist_alt { 
    position: relative;
    width: 200px; 
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}
 
ul.draglist_alt li {
    margin: 1px;
    cursor: move; 
}
 
 
li.list1 {
    background-color: #D1E6EC;
    border:1px solid #7EA6B2;
}
li.list2, li.core {
    background-color: #D8D4E2;
    border:1px solid #6B4C86;
}
div.table_cont {
	margin-bottom:1em;
}
dl, table, div.table_cont {
	clear:both;
}
#filterList, #filterUpload {
	padding-top:0.5em;
	border-top:1px solid #000;
	clear:both;
}
.unbreakable-term {
	color:#000;
	font-weight:bold;
	white-space: nowrap;
}
.disabled {
	color: #999;
}
.hint {
	display:none;
	color: #777;
	background:#ffd;
	padding: 0.5em 0.31em 0.62em 0.62em;
	margin: 0.62em 0 0 0;
}
.hint pre, .hint p {
	margin-bottom:0.75em;
}
.filter-dialog {
	width:475px;
}
.highlight {
	font-weight:bold;
}
.TicketName {
	font-size:1.2em;
}
/* word-wrap: break-word -- breaks long words such as DNA sequences */
td.yui-dt-resizeable .yui-dt-liner {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.sgx-dt-sequence {
	font-family:Menlo,Consolas,Monaco,"Lucida Console",monospace;
	width: 220px;
}
/* -------------
 * .yui-skin-sam .yui-navset .yui-content
 * ------------- */
.yui-skin-sam .yui-navset .yui-content {
	border-color:#ccc;
}

/* ------------------------------------------------------------
 * Button
 * http://webdesignerwall.com/tutorials/css3-gradient-buttons
 * http://www.webdesignerwall.com/demo/css-buttons.html
 * ---------------------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% 'Helvetica Neue',Helvetica,Arial,Tahoma, sans-serif;
	padding: .3em 2em .43em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
/* black */
.black {
	color: #eee;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* override overly tiny font size in YUI radio buttons */
.yui-skin-sam .yui-button button,.yui-skin-sam .yui-button a,.yui-skin-sam .yui-button a:visited{font-size:1em;}


#cr_menu {
	display:block;
}
#cr_menu li {
	color:#777;
	margin-right:1em;
	display:block;
	float:left;
}
p.radio_heading {
	margin-bottom:0.5em;
}
.visible {
	display:block;
}
.fadeout {
	color:#777;
}
.golabel {
	white-space:nowrap;
	cursor:pointer;
}
.golabel:hover {
	color:#f00;
}