* html {
	height: 1%;
}

html.html {
	height: 100%;
	overflow: hidden;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 93%;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	min-height: 0;
}

a,a:visited {
	color: #339;
	text-decoration: none;
	cursor: pointer;
}

#header {
	float: left;
	width: 100%;
	height: 75px;
}

#header #image,#readOnlyHeader #image {
	float: left;
	margin: 7px 20px 0 8px;
}

#header #load,#readOnlyHeader #load {
	float: left;
	margin-left: 20px;
	visibility: hidden;
	text-align: center;
}

#header #userProfile {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

#header #notSignedInHeader {
	float: left;
	width: 350px;
	margin: 0 0 0 150px;
	color: #000;
	font-size: 11px;
	text-align: center;
}

#readOnlyHeader {
	background-color: #fff;
	float: left;
	width: 100%;
	height: 64px;
	text-align: left;
	padding-bottom: 4px;
}

#readOnlyHeader #readOnlyMsg {
	float: left;
	border: 1px solid red;
	background-color: #fcc;
	width: 420px;
	margin: 10px 0 0 200px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

#footer {
	clear: both;
	padding-top: 0;
	font-size: 11px;
}

#mainContainer {
	border: 2px solid #BFBFBF;
	height: 99%;
}

#outerContainer {
	height: 79%;
}

#smartnotemaintabs {
	padding-left: 5px;
	height: 21px;
}

#smartnotemaintabs #leftMainTabs {
	float: left;
	line-height: 23px;
}

#smartnotemaintabs #rightMainTabs {
	float: right;
	padding-right: 10px;
	line-height: 23px;
}

.smartnotemaintab:hover {
	background-color: #f78932;
	color: white;
}

.smartnotemaintab {
	background-color: #d4ddf4;
	cursor: hand;
	font-size: 13px;
	font-weight: bold;
	margin-left: 3px;
	border: 1px solid #69D;
	border-bottom: 0;
	padding: 3px 10px 4px 10px;
}

#contentpane .pagination {
	padding: 0px 5px 2px 5px;
	height: 25px;
	border-bottom: 2px solid #7090B0;
}

#contentpane .readonlypagination {
	padding: 1px 5px 2px 5px;
	height: 25px;
	border-bottom: 2px solid #B36B00;
}

#notebookpages #leftpagination,#notebookpages #rightpagination {
	padding-top: 2px;
}

#navipane {
	height: 100%;
}

#navipane .toolbar {
	margin: 0;
}

#navipane .title {
	background-color: #DCE6F7;
	border: 0;
	font-size: 9pt;
	text-align: center;
	margin: 0;
	padding: 5px;
	height: 25px;
	/*border-bottom: 2px solid #59B91D;*/
}

#navipane #navipanetree {
	height: 100%;
	width: 100%;
}

#navipane #searchresults {
	height: 100%;
	width: 100%;
}

#searchresults ol {
	text-align: left;
	padding: 0 0 0 20px;
}

#navipane #navipanesubcontent {
	height: 100%;
}

#navipane #navicontent {
	height: 100%;
}

#mainContainer #contentpane {
	width: 100%;
	overflow-y: scroll;
	overflow-x: scroll;
}

#mainContainer #contentpane #org_div2 {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#invis {
	display: none;
}

#outerContainer #subcontent2,#org_div1 #subcontent2 {
	position: absolute;
	left: 193px;
	top: 102px;
	display: none;
	border-top: 1px solid #7090B0;
	border-left: 1px solid #7090B0;
	border-right: 2px solid #7090B0;
	border-bottom: 2px solid #7090B0;
	background-color: #fffeec;
	width: 70%;
	padding: 2px;
	text-align: left;
}

div.pageTitle {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	background-color: transparent;
	color: #333;
	padding: 5px 0 5px 0;
}

.pageTitle #titletext {
	padding: 1px 0 0 5px;
}

div.trayContainer {
	color: #666;
	width: 97%;
	/*background-color: #C2FFB3;*/
	background-color: #EEEEEE;
	padding: 0;
	margin: 15px auto;
	padding: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #ccc;
}

div.notificationContainer {
	color: #666;
	width: 97%;
	background-color: #FFFFAA;
	margin: 15px auto;
	padding: 5px 0;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #ccc;
}

div.seqtrayContainer {
	color: #666;
	background-color: transparent;
	padding: 0;
	margin: 20px 10px 20px 10px;
	font-size: 1em;
	border: solid 1px #ccc;
}

.seqtraycb {
	margin-left: 5px;
	display: none;
}

div.resulttrayContainer {
	color: #666;
	background-color: transparent;
	padding: 0;
	margin: 0 10px 20px 10px;
	font-size: 1em;
}

div.trayContainer div.title,div.seqtrayContainer div.title,div.resulttrayContainer div.title
	{
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	background-color: #DCE6F7;
	/*border-top: 1px solid #36c;*/
	padding: 5px;
	height: 18px;
}
div.resulttrayContainer div.title {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.trayToolbar,.resultToolbarSummary {
	height: 22px;
	background-color: #C8D0EE;
	font-size: 1em;
	padding: 6px 6px 3px 3px;
	text-align: left;
	/*border-bottom: 1px solid #7090B0;*/
	margin: 0;
}

.note {
	font-size: 12px;
	overflow-y: scroll;
	background-color: #FFFFFF;
	color: #000;
	font-family: courier;
	width: 100%;
	letter-spacing: 0;
	line-height: 16px;
	border-style: none;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div.trayContainer div.picture {
	background-color: #FFF;
	padding: 10px;
}

.resultToolbarSummary {
	padding-left: 5px;
}

.radioLabel {
	display: inline;
	font-weight: bold;
}

.radioBtn {
	display: inline;
}

.trayLink {
	font-weight: bold;
	padding: 0 3px 0 3px;
}

#mainPaginationForm {
	display: inline;
}

#notebookCB {
	width: 10px;
}

.subcontentToolbar {
	background-color: #9fafdb;
	padding: 5px;
	text-align: left;
	border-bottom: 2px solid #7090B0;
	font-size: 9pt;
	height: 25px;
}

.subcontentToolbarHeading {
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
	float: left;
	padding: 5px;
}

.subcontentFixed {
	overflow: scroll;
	height: 400px;
	padding: 10px;
}

#notebookpages {
	background-color: #B5C0E8;
	padding: 5px 5px 3px 5px;
	overflow: hidden;
}

#readonlynotebookpages {
	background-color: #F90;
	padding: 7px 5px 3px 5px;
	overflow: hidden;
}

.traySelect,.resultSelect {
	font-size: 9px;
	z-index: 1;
}

.seqTrayNote textarea {
	width: 99%;
	height: 1.2em;
	margin: 3px 0;
	background-color: #FFF;
	overflow: hidden;
}

.resultNote textarea {
	width: 99%;
	height: 1.2em;
	margin: 3px 0;
	background-color: #FFF;
	overflow: hidden;
}

.data {
	/*background-color: #EDFFDB;*/
	background-color: #FFFFFF;
	color: #333;
	margin: 0;
	/*padding: 5px 0;*/
	padding: 5px;
	text-align: left;
	border: 1px solid #CCCCCC;
}

.data pre,.data h3 {
	margin: 0;
	padding: 0;
}

.resulttrayContainer .modeMessage,.resultNote,.resultMainContent {
	/*background-color: #EDFFDB;*/
}

.readonlyNote {
	background-color: #FFF;
	font-family: Courier;
	margin: 0;
	padding: 5px;
	text-align: left;
}

.delButton {
	margin: 0 3px;
	font-family: Arial;
	font-size: 11px;
	color: #2e6ab1;
	font-weight: bold;
	padding: 1px 3px 2px 3px;
	height: 18px;
	border: 1px solid #5469b8;
	background-color: white;
	_cursor: hand;
	cursor: pointer;
}

.analyzeButton {
	margin: 0 0 0 15px;
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	padding: 1px 2px 5px 2px;
	height: 22px;
	background-color: #5469b8;
	_cursor: hand;
	cursor: pointer;
	float: left;
}

.buyButton {
	margin: 0 0 0 7px;
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	padding: 1px 2px 5px 2px;
	height: 22px;
	background-color: #5469b8;
	_cursor: hand;
	cursor: pointer;
	display: inline;
}

.bigButton {
	width: 200px;
	height: 75px;
	margin: 50px 5px;
	font-family: Arial;
	font-size: 1em;
	color: #FFF;
	font-weight: bold;
	background-color: #5469b8;
	_cursor: hand;
	cursor: pointer;
}

.smallButton {
	width: 200px;
	height: 30px;
	margin: 50px 5px;
	font-family: Arial;
	font-size: 1em;
	color: #FFF;
	font-weight: bold;
	background-color: #5469b8;
	_cursor: hand;
	cursor: pointer;
}

.bigButton:hover,.smallButton:hover {
	background-color: #f78932;
}

.imageLink {
	border-style: none;
	_cursor: hand;
	cursor: pointer;
	margin: 0 0 0 5px;
	vertical-align: text-bottom;
}

.analyze {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #36F;
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	padding: 2px 2px 2px 2px;
	_cursor: hand;
	cursor: pointer;
}

.closebtn {
	background-color: #f78932;
	color: white;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	border: 1px solid #09F;
	margin: 0;
}

.cnnclass {
	width: 400px;
	padding: 5px;
	background-color: #F3F3F3;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	filter: progid : DXImageTransform . Microsoft . alpha(opacity = 80);
	-moz-opacity: .8;
}

.cnnclass a {
	text-decoration: none;
}

.rssFeed {
	float: left;
	margin: 5px 0 0 20px;
}

.rsstitle {
	font-weight: bold;
}

.rssdate {
	color: gray;
	font-size: 85%;
}

#seqGrabberTab {
	display: none;
}

#grabseqform input,#grabseqform .grabseqtextbox {
	border: dashed 2px #ccc;
	margin: 2px 0 5px 5px;
}

#welcomeDiv {
	border-bottom: 2px solid #7090B0;
}

#queueMessage {
	margin: 10px;
}

.error {
	border: 3px solid #F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.trayToolbar .input {
	cursor: pointer;
	border: outset 1px #ccc;
	background-color: #999;
	color: #666;
	background: url(/images/graygradientbg.gif) repeat-x left top;
	font-weight: bold;
	font-size: 1em;
	padding: 5px 5px 5px 5px;
	margin: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.trayToolbar .btn {
	padding: 2px 6px;
	border: outset 1px #ccc;
	background-color: #999;
	color: #666;
	font-weight: bold;
	font-size: 1em;
	padding: 1px 5px 0 5px;
	margin: 0 5px;
	background: url(/images/graygradientbg.gif) repeat-x left top;
}

.toolbar {
	/*background-color: #9fafdb;*/
	background-color: #B5C0E8;
	padding: 5px;
	text-align: left;
	border-bottom: 2px solid #7090B0;
	font-size: 9pt;
	width: 100%;
}

.toolbarHeader {
	height: auto;
	background-color: #9fafdb;
	font-size: 11px;
	padding: 5px;
	text-align: left;
	border-bottom: 2px solid #7090B0;
}

.hidden {
	display: none;
}

.lastSaved {
	font-weight: normal;
	font-size: 10px;
	margin: 0 15px 0 0;
	color: #666;
}

.date {
	font-size: .7em;
	margin: 0 15px 0 0;
	font-weight: normal;
	color: #666;
}

.nickname {
	display: inline;
	font-size: .8em;
	margin: 0 15px 0 0;
	font-weight: normal;
	color: blue;
}

#seqtrays .toolbarText {
	padding-left: 15px;
	font-weight: bold;
}

#seqtrays .actionSelect {
	float: left;
	margin-left: 15px;
	margin-right: 5px;
}

#content {
	margin: 5px;
	width: 100%;
}

.warning {
	color: #777;
	font-size: .75em;
}

.bubble {
	/*background-color: #C2FFB3;*/
	/*border: solid 1px #C2FFB3;*/
	background-color: #EEEEEE;
}

.inputfield {
	width: 300px;
	font-size: 1em;
	border: none;
	background-color: transparent;
	color: #339;
	font-weight: bold;
	padding-left: 5px;
	height: 18px;
}

.inputfieldEdit {
	font-size: 1em;
	background-color: #FFFFEE;
	font-weight: bold;
	padding-left: 5px;
	color: #333;
	margin: 0 0 1px 0;
	height: 16px;
}

#prefsForm td {
	text-align: left;
}

.inputTextarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #777;
	padding: 3px;
	border: none;
	font-size: 1em;
}

.dojoButton {
	float: left;
	z-index: 2;
	background-color: #9AA9E0;
	font-weight: bold;
	border: solid 1px #4460C5;
	color: #FFF;
}

.relatedArticles {
	display: inline;
	font-size: .75em;
}

.dojoButton:hover {
	background-color: #6B81D1;
}

#seqtrays .trayButton {
	float: left;
	background-color: #9AA9E0;
	font-weight: bold;
	font-size: 11px;
	border: solid 1px #4460C5;
	color: #FFF;
	margin-left: 50px;
}

.trayButton:hover {
	background-color: #6B81D1;
}

#dojoMenu {
	margin: 0 5px 0 0;
}

.tube {
	margin: 0 3px 0 5px;
}

.odd {
	background-color: #e0e0e0;
}

.even {
	background-color: #f0f0f0;
}

.modeMessage {
	float: left;
	font-weight: normal;
	font-size: .75em;
	margin: 2px 0 0 5px;
}

.toolbarHeader {
	height: 25px;
}

img {
	border-style: none;
}

.log {
	display: block;
	color: #eee;
	background-color: #222;
}

.errormsg,#status {
	color: red;
}

.good {
	color: green;
}

.warning {
	color: yellow;
}

.important {
	color: #777;
}

.comment {
	font-size: 1.1em;
	margin: 5px 5px;
}

.comment a {
	font-size: .9em;
}

#emailLink {
	margin: 15px;
	height: 100px;
}

.stickyDiv37 {
	background-color: #fff;
	border: 1px solid #E0E0E0;
}

.resultsData .checkBox {
	width: 25px;
}

.information {
	display: inline;
	color: #777;
}

.html2pdf {
	background-color: transparent;
	background-image: url('/images/PdfFileIcon.gif');
	background-repeat: no-repeat;
	border: 0;
	_cursor: hand;
	cursor: pointer;
	margin: 0 3px 0 0;
	width: 18px;
	height: 12px;
}

#feedbackSystem {
	height: 50px;
	width: 300px;
	background-color: #EEE;
	font-size: 10px;
	font-weight: normal;
	margin-left: 3px;
	border: 1px solid #69D;
	padding: 3px 3px 4px 3px;
	overflow-y: scroll;
	float: left;
}

#toolHeaderFont {
	position: relative;
	left: 2px;
	line-height: 35px;
	font-size: 14px;
}

table.annotations {
	border-width: 0;
	border-spacing: 4px;
	border-style: none none none none;
	border-collapse: separate;
	text-align: left;
}

table.annotations th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
}

table.annotations td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	background-color: #DFDFDF;
}

span.none {
	color: #000;
	background-color: #CCC;
}

span.one {
	color: #000;
	background-color: #6F0;
}

span.two {
	color: #000;
	background-color: #FF6;
}

span.three {
	color: #000;
	background-color: #F99;
}

span.forward_primer {
	color: #000;
	background-color: #F6F;
}

span.reverse_primer {
	color: #000;
	background-color: #F93;
}

span.current_sequence {
	color: #000;
	background-color: #FFF;
}

span.mutated_sequence {
	color: #906;
	background-color: #FFF;
}

td.none {
	color: #000;
	background-color: #CCC;
}

td.one {
	color: #000;
	background-color: #6F0;
}

td.two {
	color: #000;
	background-color: #FF6;
}

td.three {
	color: #000;
	background-color: #F99;
}

td.forward_primer {
	color: #000;
	background-color: #F6F;
}

td.reverse_primer {
	color: #000;
	background-color: #F93;
}

td.many {
	color: #000;
}

.roundedcorners {
	display: block;
}

.roundedcorners * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #9fafdb;
}

.roundedcorners1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #d5dcef;
	border-right: 1px solid #d5dcef;
	background: #b7c3e4;
}

.roundedcorners2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #f5f7fb;
	border-right: 1px solid #f5f7fb;
	background: #b1bee1;
}

.roundedcorners3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #b1bee1;
	border-right: 1px solid #b1bee1;
}

.roundedcorners4 {
	border-left: 1px solid #d5dcef;
	border-right: 1px solid #d5dcef;
}

.roundedcorners5 {
	border-left: 1px solid #b7c3e4;
	border-right: 1px solid #b7c3e4;
}

.roundedcornersfg {
	background: #9fafdb;
}

.roundedcornerreadonly {
	display: block;
}

.roundedcornerreadonly * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #F90;
}

.roundedcornerreadonly1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #ffd391;
	border-right: 1px solid #ffd391;
	background: #ffb23f;
}

.roundedcornerreadonly2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #fff4e5;
	border-right: 1px solid #fff4e5;
	background: #ffac30;
}

.roundedcornerreadonly3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #ffac30;
	border-right: 1px solid #ffac30;
}

.roundedcornerreadonly4 {
	border-left: 1px solid #ffd391;
	border-right: 1px solid #ffd391;
}

.roundedcornerreadonly5 {
	border-left: 1px solid #ffb23f;
	border-right: 1px solid #ffb23f;
}

.roundedcornerreadonlyfg {
	background: #F90;
}

.tag table,.tag caption,.tag thead,.tag tbody,.tag tfoot,.tag colgroup,.tag col,.tag th,.tag tr,.tag td
	{
	margin: 0;
	padding: 0;
	border: 0 none;
	vertical-align: middle;
	border-collapse: collapse;
	border-spacing: 0;
}

table.tag {
	display: inline;
	vertical-align: middle;
}

.tag .tagl *,.tag .tagr *,.tag .tagc {
	background: #FFE680;
	border: 0 none;
	color: #997A00;
}

.tag .tagl *,.tag .tagr * {
	display: block;
	padding: 0;
	font-size: .01em;
	overflow: hidden;
}

.tag .tagc {
	font-size: 9px;
	font-family: Arial, sans-selif;
	height: 12px;
	padding: 0 0 0 3px;
	vertical-align: middle;
}

.tag .tagc a:link,.tag .tagc a:visited {
	color: #997A00;
}

.tag .tagc a:active,.tag .tagc a:hover,.tag .tagc a:focus {
	color: #997A00;
	text-decoration: underline;
}

.tag .tagl1 {
	margin: 0 0 0 3px;
	width: 1px;
	height: 1px;
}

.tag .tagl2 {
	margin: 0 0 0 2px;
	width: 2px;
	height: 1px;
}

.tag .tagl3 {
	margin: 0 0 0 1px;
	width: 3px;
	height: 1px;
}

.tag .tagl4 {
	margin: 0 2px 0 0;
	width: 2px;
	height: 8px;
}

.tag .tagr1 {
	margin: 0 2px 0 0;
	width: 1px;
	height: 1px;
}

.tag .tagr2 {
	margin: 0 1px 0 0;
	width: 2px;
	height: 12px;
}

.dialogtitle {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #9fafdb;
	color: #333;
	padding: 5px;
}

.dialogcontent {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

.spacer_s {
	margin: .25em;
}

.spacer_m {
	margin: .5em;
}

.spacer_l {
	margin: .75em;
}

.buttongroup {
	text-align: right;
	padding: .5em;
}

.noteDiv {
	text-align: left;
	margin: .5em;
}

#progressbar {
	position: absolute;
	top: 52px;
	left: 269px;
	_cursor: hand;
	cursor: pointer;
}

.voted {
	color: #999;
	float: left;
}

.thanks {
	color: #36AA3D;
	margin-left: 10px;
}

.static {
	color: #5D3126;
	margin-top: 2px;
	display: inline;
}

.TreeIconImage {
	background-image:
		url('/javascript/sn/widget/templates/images/image.png');
}

.TreeIconSeqTray {
	background-image: url('/images/liquid_2_green_16.gif');
}

.TreeIconResult {
	background-image: url('/images/oscillator_16.gif');
}

.TreeIconNotebook {
	background-image:
		url('/javascript/sn/widget/templates/images/notebook.gif');
}

.TreeIconPage {
	background-image: url('/javascript/sn/widget/templates/images/page.gif')
		;
}

.TreeIconGroup {
	background-image:
		url('/javascript/sn/widget/templates/images/group.gif');
}

.TreeIconMember {
	background-image:
		url('/javascript/sn/widget/templates/images/member.gif');
}

div#navipane div.TreeContent {
	text-align: left;
}

.dojoDialog {
	background: #eee;
	border: 2px solid #ccc;
	-moz-border-radius: 5px;
	padding: 4px;
}

.dojoDialog td {
	font-size: 14px;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.questionmark {
	float: left;
	padding: 0;
	margin: 0 15px 0 5px;
}

.questionNonFloat {
	display: inline;
	margin-left: 5px;
	vertical-align: bottom;
}

#seqtrays,#tool {
	background-color: #ffe;
	width: 100%;
}

#dhtmltooltip {
	position: absolute;
	width: 150px;
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #FFFF80;
	visibility: hidden;
	z-index: 100;
}

input.btn {
	cursor: pointer;
	border: outset 1px #ccc;
	background-color: #999;
	color: #666;
	background: url(/images/graygradientbg.gif) repeat-x left top;
	font-weight: bold;
	font-size: 1em;
	padding: 1px 2px;
	margin: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
}

select,input.text {
	font-size: 9px;
	z-index: 1;
}

div#mySequencePane .dojoFloatingPaneClient {
	background-color: #ffffff;
}

div#mySequencePane div#content {
	overflow: auto;
	float: left;
}

form#seqForm {
	width: 99%;
	height: 95%;
	margin: 0;
}

form#seqForm div#content {
	height: 80%;
	overflow: auto;
	overflow-x: hidden;
}

table#sequenceTable {
	table-layout: fixed;
	width: 95%;
	margin: 10px auto;
	border:2px solid #ccc;
}

table#sequenceTable th#sequenceTableCheckbox {
	width: 3%;
}

table#sequenceTable th#sequenceTableAccession {
	width: 16%;
}

table#sequenceTable th#sequenceTableDefinition {
	width: 39%;
}

table#sequenceTable th#sequenceTableTrack {
	width: 7%;
}

table#sequenceTable th#sequenceTableDate {
	width: 14%;
}

table#sequenceTable th#sequenceTableAction {
	width: 9%;
}

table#sequenceTable th#sequenceTableFriend {
	width: 20%;
}

table#sequenceTable th#sequenceTableTag {
	width: 12%;
}

table#sequenceTable th#primer3TableCheckbox {
	width: 3%;
}

table#sequenceTable th#primer3TableInputAccession {
	width: 20%;
}

table#sequenceTable th#primer3TablePrimer {
	width: 8%;
}

table#sequenceTable th#primer3TableRank {
	width: 5%;
}

table#sequenceTable th#primer3TableSequence {
	width: 30%;
}

table#sequenceTable th#primer3TableCheckbox {
	/*background-image: url(/images/ft-head.gif);*/
}

table#sequenceTable thead th {
	/*background: #d4ddf4;*/
	background: #E6EDF5;
	line-height: 25px;
}

table#sequenceTable tr td {
	/*background: #e8f8d8;*/
	background: #F7F9FC;
	border-bottom: 1px solid #EEEEEE;
}

table#sequenceTable thead td,table#sequenceTable thead th {
	/*background-image: url(/images/ft-head.gif);*/
	background-repeat: no-repeat;
	background-position: top right;
}

table#sequenceTable th#sequenceTableCheckbox {
	/*background-image: url(/images/ft-head.gif);*/
}

table#sequenceTable thead td.selectedUp,table#sequenceTable thead th.selectedUp
	{
	background-image: url(/images/ft-headup.gif);
}

table#sequenceTable thead td.selectedDown,table#sequenceTable thead th.selectedDown
	{
	background-image: url(/images/ft-headdown.gif);
}

table#sequenceTable tr.alt td {
	background: #FEFEFF;
}

table#sequenceTable tr.alt td.tagc,table#sequenceTable tr.alt td.tagr,table#sequenceTable tr.alt td.tagr
	{
	background: #ffe680;
}

table#sequenceTable tr td.tagc,table#sequenceTable tr td.tagr,table#sequenceTable tr td.tagr
	{
	background: #ffe680;
}

table#articleTable {
	table-layout: fixed;
	width: 860px;
}

table#articleTable th#articleTableCheckbox {
	width: 3%;
}

table#articleTable th#articleTableIndex {
	width: 5%;
}

table#articleTable th#articleTablePMID {
	width: 9%;
}

table#articleTable th#articleTableDate {
	width: 11%;
}

table#articleTable th#articleTableSequence {
	width: 9%;
}

table#articleTable thead th {
	background: #E6EDF5;
	line-height: 20px;
}

table#articleTable tr td {
	background: #F7F9FC;
	vertical-align: top;
	border-bottom: 1px solid #EEEEEE;
}

table#articleTable thead td,table#articleTable thead th {
	/*background-image: url(/images/ft-head.gif);*/
	background-repeat: no-repeat;
	background-position: top right;
}

table#articleTable th#articleTableCheckbox {
	/*background-image: url(/images/ft-head.gif);*/
}

table#articleTable thead td.selectedUp,table#articleTable thead th.selectedUp
	{
	background-image: url(/images/ft-headup.gif);
}

table#articleTable thead td.selectedDown,table#articleTable thead th.selectedDown
	{
	background-image: url(/images/ft-headdown.gif);
}

table#articleTable tr.alt td {
	background: #FEFEFF;
	vertical-align: top;
}

div#myFriendsPane .dojoFloatingPaneClient {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
}

table#myFriendsEmail th#myFriendsCheckbox {
	background-image: url(/images/ft-head.gif);
}

table#myFriendsEmail thead th {
	background: #E6EDF5;
}

table#myFriendsEmail tr td {
	background: #F7F9FC;
}

table#myFriendsEmail thead td,table#myFriendsEmail thead th {
	background-image: url(/images/ft-head.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

table#myFriendsEmail th#myFriendsCheckbox {
	background-image: url(/images/ft-head.gif);
}

table#myFriendsEmail thead td.selectedUp,table#myFriendsEmail thead th.selectedUp
	{
	background-image: url(/images/ft-headup.gif);
}

table#myFriendsEmail thead td.selectedDown,table#myFriendsEmail thead th.selectedDown
	{
	background-image: url(/images/ft-headdown.gif);
}

table#myFriendsEmail tr.alt td {
	background: #FEFEFF;
}

div#statusline {
	font-size: 13px;
	font-weight: bold;
	width: 40%;
	color: #339;
}

select#statusmessage {
	width: 100%;
	text-align: left;
	border: 1px solid #7090B0;
	font-size: 13px;
	height: 24px;
	background-color: #ffffee;
}

.topTools {
	padding: 10px;
}

#selectedSequenceListTitle {
	font-size: small;
	padding: 10px 10px 3px 10px;
	float: left;
}

#selectedSequenceList {
	overflow-y: scroll;
	height: 82%;
}

.selectedSequence {
	margin: 2px;
	padding: 2px 10px;
	border: 1px dotted #CCC;
	background-color: #EEE;
}

.selectedSequence:hover {
	border: 1px dotted #333;
}

input.bigAnalyzeButton {
	margin: 2px 5px;
	padding: 2px 5px;
	font-family: Arial;
	font-size: small;
	color: #FFF;
	font-weight: bold;
	background-color: #5469b8;
	_cursor: hand;
	cursor: pointer;
	float: left;
}

input.bigAnalyzeButton:hover,input.cartButton:hover {
	color: black;
	background-color: #F60;
	border-style: inset;
}

input.cartButton {
	margin: 2px 3px;
	padding: 2px 3px;
	font-family: Arial;
	font-size: .75em;
	color: #FFF;
	font-weight: bold;
	background-color: #5469b8;
	_cursor: hand;
	cursor: pointer;
}

#sequenceCartTickerLink {
	background-color: #FFF;
}

input.buyBeads {
	background-color: #001AFF;
	color: white;
	padding: 5px 20px;
	margin: 0 10px;
	border: 2px solid outset;
	text-decoration: none;
	font-weight: bold;
}

input.buyBeads:hover {
	border-style: inset;
	background-color: #F60;
	padding: 6px 19px 4px 21px;
	color: black;
}

.cartAccession {
	float: left;
	display: inline;
	overflow: hidden;
}

.cartDelete {
	float: right;
	display: inline;
	overflow: hidden;
}
.polling_box {
	margin: 0 auto; /* center for now */
	background: url(/images/polling/body_bl.png) no-repeat bottom left;
	font-size: 100%;
}
.polling_title {
	background: url(/images/polling/head_tl.png) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: large; 
	text-align: center;
	white-space: nowrap;
	position:relative;
}
.polling_title h2 {
	background: url(/images/polling/head_tr.png) no-repeat top right;
	margin: 0;
	padding: 22px 40px 5px;
	color: white; 
	font-weight: bold; 
	font-size: large; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.polling_body {
	background: url(/images/polling/body_br.png) no-repeat bottom right;
	margin: 0;
}
#polling_thanks_msg {
	text-align:center;
	padding:10px 20px 0px;
}


#myDialog {
	width: 200px;
	height: 100px;
}

#myDialogText {
	align: left;
	margin-bottom: 50px;
}

#myDialogButton {
	text-align: right;
}

/* tool box */
ul.toolsCategories {
	margin-top: 0px;
	padding-top: 5px;
	list-style-type: none;
	margin-left: 50px;
	margin-right: 50px;
	padding-left: 0;
	font-weight: bold;
}

li.toolsCategory {
	padding-top: 5px;
}

ul.toolList {
	list-style-type: none;
	margin-left: 0;
}

a.toolQuickLaunch {
	padding-left: 10px;
	color: #ff3333;
	font-size: 0.8em;
}

div.toolIcons {
	display: inline;
	text-align: right;
	margin-right: 10px;
}
div.toolIcons2 {
	display: inline;
	text-align: right;
	margin-right: 30px;
}

div.toolIcons a, div.toolIcons2 a {
	vertical-align: middle;
}

span.commentsCount {
	vertical-align: top;
}

/* for Primer-Blast */
#primerBlastSearchForm {
	background-color: #D3DFF5;
	border: 1px solid #888888;
	padding-top: 1em;
}
.primer_blast_help_hide { display:none; }
.primer_blast_help_show  {
	color: #333333;
	background-color:#EEF0FF;
	border:1px solid #CCCCCC;
	margin: 0.5em 1em;
	padding:0.7em;
}
.primer_blast_help_img { cursor: pointer; }
fieldset.section {
	margin: 1.2em 1em;
	width: auto;
	padding: 1em 1em;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	position: relative;
	line-height: 1.5;
}
fieldset.section legend {
	color: #336699;
	font-size: 120%;
	height:1.1em;
	padding:0 11px 3px;
	margin: 0;
	border:1px solid #CCCCCC;
	background-color: #DDDDDD;
	position: absolute;
	top: -0.7em;
	left: 1em;
}
fieldset.section div.input {
	margin-bottom: 1em;
	margin-left: 14.5em;
	border-left: 1px solid #CCCCCC;
	padding-left: 1em;
}
fieldset label.m {
    clear: left;
    display: block;
    float: left;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 14em;
	font-weight: bold;
	color: #666666;
}
a.arrowlink {
	background-image: url(../images/primer_blast/right.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bold;
    outline-style: none;
    padding-left: 16px;
	padding-bottom: 5px;
    text-decoration: underline;
}
a.resArr {
    color: #666666;
    font-size: 120%;
    font-weight: bold;
}
label.lbLm {
	color: #888888;
	font-weight: bold;
	margin-left: 5em;
}
.infl label {
	color: #888888;
	font-weight: bold;
}
fieldset.section th {
	color: #888888;
	font-weight: bold;
}
input.rs {
	margin-left: 1.5em;
	width: 4.3em;
}
input.first {
	width: 4.3em;
}
.SG_green {
    -moz-box-sizing: border-box;
    -x-system-font: none;
    background-color: #F7FCFB;
    border: 1px solid #32787A;
    cursor: default;
    font-size: 12px;
    overflow: hidden;
}
.SG_green .fbold {
    color: #FF6D30;
}
.SG_green .item {
    cursor: pointer;
}
.SG_green .item_selected {
    background-color: #4E7E87;
    color: white;
}
.SG_green .item {
    -moz-user-select: none;
    border: 0 solid white;
    cursor: pointer;
    overflow: hidden;
    padding: 2px;
    width: 100%;
}
ul.msg li.warning, ul.msg li.error, ul.msg li.success, ul.msg li.info {
    display: block;
}
ul.msg li.warning p, ul.msg li.info p {
    white-space: pre;
}
ul.msg, ul.msg li {
    margin: 0 3px 0 0;
    padding: 0;
    text-indent: 0;
	text-align: left;
}
ul.msg li {
    background: transparent url(../images/primer_blast/gradient30down.png) repeat-x scroll left top;
    display: none;
    font-weight: bold;
    margin-bottom: 3px;
}
ul.msg p {
	border: none;
	text-align: left;
}
ul.msg li p {
    margin: 0;
    padding: 3px 3px 3px 28px;
}
ul.msg li.error {
    background-color: #FFBBBB;
    border: 1px solid #CC0000;
    color: #CC0000;
}
ul.msg li.error p {
    background: transparent url(../images/primer_blast/error.png) no-repeat scroll 6px center;
    color: #444444;
}
ul.msg li.warning {
    background-color: #FFFFCC;
    border: 1px solid #CCCC00;
    color: #444444;
}
ul.msg li.warning p {
    background: transparent url(../images/primer_blast/warn.png) no-repeat scroll 6px center;
    color: #444444;
	font-size: small;
}
ul.msg li.info {
    background-color: #AACCEE;
    border: 1px solid #336699;
    color: #444444;
    padding: 1px;
}
ul.msg li p.info {
    background: transparent url(../images/primer_blast/info.png) no-repeat scroll 6px center;
    color: #444444;
}
.resArr {
    color: #666666;
    font-size: 120%;
    font-weight: bold;
}
a.arrowlink.showing {
    background-image: url(../images/primer_blast/down.gif);
}
#graphic table {
    background-color: White;
}
#type-a #content {
    background-color: #D3DFF5;
    border: 1px solid #888888;
    padding: 0 0.5em;
}
.blRes {
    background-color: White;
    border: 1px solid #CCCCCC;
    font-size: 110%;
    margin: 1em;
    padding: 1em;
}
.resBox {
    color: #222222;
    margin-right: 1em;
}
#summary {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 90%;
    margin-top: 0;
    padding-bottom: 1em;
    padding-top: 0.5em;
}
#querysummary {
    float: left;
    padding: 0;
    width: 49%;
}
#summary dl {
    margin: 0 0 0.5em;
    padding: 0;
}
#summary dt, #summary dd {
    line-height: 1.4em;
}
#summary dt {
    float: left;
    font-weight: bold;
    margin-top: 0;
    text-align: right;
    width: 13em;
}
#summary dd {
    margin-left: 16em;
    white-space: normal !important;
}
#summary h3 {
    color: #444444;
    font-style: italic;
    margin-bottom: -0.5em;
    margin-top: 0;
    text-align: center;
}
dt.shown {
    display: inline;
}
#graphicInfo table {
    background-color: White;
}
pre hr {
    border: 2px solid;
}
div.prPairInfo {
    font-size: 95%;
}
div.prPairInfo hr {
    border: 1px solid;
    margin: 0;
    width: 25em;
}
div.prPairInfo table th {
    text-align: left;
}
div.prPairInfo table th div {
    color: #666666;
    font-size: 90%;
    font-weight: normal;
    letter-spacing: 0;
    margin: -0.5em 0 0;
    padding: 0;
}
div.prPairInfo table {
    width: 80%;
}
div.prPairInfo h2 {
    border-bottom: 3px solid #2A6979;
    letter-spacing: 1px;
	color:#2A6979;
	margin:1.2em 0 0.3em;
	padding-bottom:0.1em;
}
div.prPairInfo .prPairTl {
    font-weight: bold;
    margin-left: 0.3em;
    margin-top: 1em;
}
div.prPairDtl {
    white-space: normal;
}
/* End (for Primer-Blast) */

