body {
    background:white none repeat scroll 0%;
    color:black;
    font-family:verdana,arial,monaco,sans-serif;
    font-size:small;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.5em;
    margin:0pt;
    padding:0pt;
    voice-family:inherit;
}
html > body {
    font-size:small;
}
h1 {
    color:midnightblue;
    font-size:200%;
}
h2 {
    color:midnightblue;
    font-size:120%;
    padding-left:15px;
}
h3 {
    color:midnightblue;
    font-size:100%;
    padding-left:15px;
}
h4 {
    color:midnightblue;
    font-family:arial;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    padding-left:10px;
}
p {
    line-height:1.3;
    margin:0pt;
    padding:0pt 15px 0.7em;
    text-align:justify;
}
address {
    font-style:normal;
}
.midnightbold {
    color:midnightblue;
}
.loginLink {
    color:midnightblue;
    display:block;
    float:right;
    font-size:75%;
    margin:10px 10px 0pt 0pt;
    text-align:right;
    width:auto;
    border: none;
}
#container {
    margin:10px auto;
    min-width:850px;
    overflow:auto;
    width:100%;
}
#resultContainer {
    font-size:12px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    text-align:center;
    width:100%;
}
#resultContainer2 {
    margin:10px 50px;
    min-width:300px;
    text-align:center;
    width:90%;
}
#header {
    background-image:url(images/header-background.png);
    background-repeat:repeat;
    height:80px;
    position:relative;
    text-align:center;
    width:100%;
    min-width:850px;
}
#header p {
    text-align:right;
}
#tableDiv {
    margin-left:10px;
    margin-right:10px;
    min-height:150px;
    min-width:300px;
    overflow-x:auto;
    overflow-y:hidden;
}
#tableDiv table {
    overflow:hidden;
    width:99%;
    margin-top:10px;
    margin-bottom:10px;
}
#commentForm table {
    margin-left:auto;
    margin-right:auto;
}
#pleaseWait table {
    margin-left:auto;
    margin-right:auto;
}
.autocomplete {
    background-color:#FFFFFF;
    border:1px solid #666666;
    color:#333333;
    font-family:arial;
    overflow:hidden;
    position:absolute;
}
.leftcol {
    background-color:#E8E9F7;
    color:midnightblue;
    text-align:left;
    width:150px;
}
.leftcol2 {
    background-color:#E8E9F7;
    
}
.leftcol2 td {
    background-color:#E8E9F7;
    color:midnightblue;
    text-align:left;
    width:200px;
    white-space: nowrap;
}
#navigation {
    background-color:#D5D7F0;
    border-bottom:1px solid gray;
    float:left;
    font-size:100%;
    width:100%;
}
#navigation ul {
    background-image:url(images/menu.png);
    font-family:arial;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:0px;
    margin-left:0pt;
    padding:8px 40px;
    text-align:center;
}
#navigation li {
    display:inline;
    margin:0pt;
    position:relative;
}
#navigation a {
    color:white;
    padding:8px;
    text-align:center;
    text-decoration:none;
}
#navigation .current a, #navigation a:hover {
    background-color:#BFC6E8;
    background-image:url(images/menu-over.png);
    color:black;
    padding:8px;
    position:relative;
}
#navigation a {
    float:none;
}
#advanceSearch ul ,#conditionList ul{
    background-color:#4669B4;
    padding-left:0px;
    overflow:hidden;
    border-radius: 4px;
    height: 16px;
}
#advanceSearch li, #conditionList li {
    display:inline;
    margin:0pt;
    white-space: nowrap;
}
#advanceSearch a, #conditionList a {
    background-color:#4669B4;
    color:white;
    font-family:arial;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    padding:8px;
}
#advanceSearch #current a, #advanceSearch a:hover, #conditionList a:hover {
    background-color:#BFC6E8;
    background-image:url(images/menu-over.png);
    color:midnightblue;
    padding:8px;
}
#content {
    background-color:white;
    clear:left;
    padding-top:10px;
    width:auto;
}
#logobar {
    padding:1%;
    text-align:center;
}
.box {
    padding:1%;
}
.bi {
    border-style:none;
    padding:0pt 12px;
}
.bi2 {
    background-color:#F1F2FA;
}
.bt {
    height:17px;
    margin:0pt -12px;
}
.bt div {
    height:17px;
    width:18px;
}
.bb {
    height:17px;
    margin:0pt -12px;
}
.bt {
    height:17px;
    margin:0pt -12px;
}
.bb div {
    height:17px;
    width:18px;
}
.box h1 {
    background-color:#4669B4;
    color:white;
    font-family:arial;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0pt;
    padding:0.3em 10px;
    border-radius: 4px;
}
.box h1 a {
    color:white;
}
.box h1 a:hover {
    background-color:#D1DEFF;
    color: black;
}
.box p, .box ul, #search {
    background:#FFFFFF none repeat scroll 0%;
    margin:0pt;
    overflow:auto;
    padding:20px 10px 10px;
    vertical-align:middle;
}
.bi p, #search {
    background-color:#F1F2FA;
}
.bi td {
    /*white-space: nowrap*/
}
.box li {
    margin:0pt 0pt 0pt 2em;
    padding:0pt;
}
.box2 {
    background-color:#F1F2FA;
    padding:0pt 12px 0pt 0pt;
}
.bi2 {
    background-color:#F1F2FA;
    padding:0pt 0pt 0pt 12px;
}
.bt2 {
    height:17px;
    margin:0pt -12px;
}
.bt2 div {
    height:17px;
    width:18px;
}
.bb2 {
    height:17px;
    margin:0pt -12px;
}
.bt2 {
    height:17px;
    margin:0pt -12px;
}
.bb2 div {
    height:17px;
    width:18px;
}
.box2 h1 {
    background-color:#F1F2FA;
    font-family:verdana,arial,monaco,sans-serif;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin:0pt;
    padding:0.3em 10px;
}
.box2 h1 span {
    text-decoration:underline;
}
.box2 p, .box ul, .box ol {
    background-color:#F1F2FA;
    font-size:12px;
    margin:0pt;
    padding:4px 10px;
}
.box2 li {
    margin:0pt 0pt 0pt 2em;
    padding:0pt;
}
.box2 img {
    padding-top:4px;
}
#browseList {
    color:#093DA1;
    font-weight:bolder;
    list-style-type:none;
    padding-bottom:0.2em;
    padding-top:0.2em;
}
#downloadTable {
    background-color:#F1F2FA;
    padding:1%;
    width:100%;
}
#downloadTable td {
    padding-bottom:20px;
}
.imagefloatright {
    float:right;
    padding-left:5px;
}
.imagefloatleft {
    float:left;
    padding-right:5px;
}
#footer {
    background-color:#BFC6E8;
    background-image:url(images/texture.png);
    background-repeat:repeat;
    border-top:1px solid gray;
    color:white;
    font-size:80%;
    line-height:1.5;
    padding:5px;
    text-align:center;
}
.searchFieldset {
    background-color:#F1F2FA;
    border-style:none;
    padding:10px;
}
#search label {
    padding-left:10px;
}
#search img {
    width:200px;
}
#interactionSearch select {
    width:240px;
}
#interactionSearch input.cellType,
#interactionSearch input.tissueType,
#interactionSearch input.experimentalType,
#interactionSearch input.interactionType {
    margin: 0;
    padding: 2px 4px;
    width: 228px;
}
#batchSearch select {
    width:215px;
}
div#commentForm {
    display:none;
}
div#commentForm table {
    margin-left:auto;
    margin-right:auto;
}
div#uploadForm, div#interactionFilterOptions, div#interactionFilterPathwayOptions {
    display:none;
}
div#uForm table {
    
}
div#pleaseWait {
    display:none;
}
div#pleaseWait table {
    margin-left:auto;
    margin-right:auto;
}
div#advancedForm {
    display:none;
}
div#interactionForm {
    display:none;
}
div#simpleForm {
    display:none;
}
div#batchForm {
    display:none;
}
.tableHeader {
    background:#4669B4 none repeat scroll 0%;
    color:white;
    font-size:14px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
}
.displayOptionHeader {
    background:#4669B4 none repeat scroll 0%;
    color:white;
    font-size:14px;
    text-align:left;
}
.tableRow {
    font-size:12px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
}
#searchResults {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:300px;
}
#searchFilter {
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    width:700px;
}
#searchFilter fieldset {
    border:1px solid lightgrey;
}
fieldset h2 {
    color:midnightblue;
    font-family:verdana,arial,monaco,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    padding-left:0px;
}
#resultCount {
    color:midnightblue;
    font-size:14px;
}
.resultPage {
    color:#000000;
    font-weight:bold;
}
#resultHeader {
    color:#000066;
    font-weight:bold;
}
.texttable {
    color:#000066;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    text-align:left;
}
.texttableDisplayOptions {
    color:#000066;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    text-align:right;
    vertical-align: top;
    white-space:nowrap;
}
input.button_up_down {
    font-size:10pt;
    width:35pt;
}
.button {
    background-color:#C8CDEB;
    color:midnightblue;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}
.loading_indicator {background: url(images/loading_16_grey.gif) no-repeat 0 50%; padding: 0 0 0 20px}
.login {
    border:1px solid lightgrey;
    margin-bottom:20px;
    margin-top:20px;
    padding:5px 20px;
    text-align:right;
    width:250px;
}
a {
    color:#040422;
    text-decoration:none;
}
a:link {
    color:#6666FF;
}
a:visited {
    color:#6666FF;
}
a:hover {
    background-color:#DDDDDD;
}
td.entrezGeneID {
    width:100px;
}
tr.odd {
    padding-bottom:10px;
    padding-top:10px;
}
tr.even {
    background:#FFFFCC none repeat scroll 0%;
    padding-bottom:10px;
    padding-top:10px;
}
thead tr {
    background:#C8CDEB none repeat scroll 0%;
    color:black;
    font-weight:bold;
    padding-bottom:10px;
    padding-top:10px;
    text-align:left;
}
thead a.active {
    color:black;
}
th.sortable {
    color:#000000;
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
}
a.help {
    font-size: 10px;
    font-weight: bold;
    cursor: help;
}
div.cytoWebBtn {
    cursor: pointer;
}
.excelButton {
    background-image: url(images/excel.png);
}
.excelButton:hover {
    background-image: url(images/excel.png);
}
.csvButton {
    background-image: url(images/csv.png);
}
.csvButton:hover {
    background-image: url(images/csv.png);
}
.tabButton {
    background-image: url(images/tabformat.png);
}
.tabButton:hover {
    background-image: url(images/tabformat.png);
}
.xmlButton {
    display: block;
    background-image: url(images/psi25.png);
}
.xmlCompactButton {
    display: block;
    background-image: url(images/psi25_compact.png);
}
.xmlExpandedButton {
    display: block;
    background-image: url(images/psi25_expanded.png);
}
.xmlButton:hover {
    background-image: url(images/psi25.png);
}
.sifButton {
    display: block;
    background-image: url(images/sif.png);
}
.sifButton:hover {
    background-image: url(images/sif.png);
}
.xgmmlButton {
    display: block;
    background-image: url(images/xgmml.png);
}
.xgmmlButton:hover {
    background-image: url(images/xgmml.png);
}
.oraPathwayButton {
    background-image: url(images/pathway_or.png);
    width: 81px;
    height: 15px;
}
.oraOntologyButton {
    background-image: url(images/ontology_or.png);
    width: 81px;
    height: 15px;
}
.oraTFButton {
    background-image: url(images/tf_or.png);
    width: 81px;
    height: 15px;
}
.oraPathwayUpButton {
    background-image: url(images/view_upregulated.png);
    width: 133px;
    height: 17px;
}
.oraPathwayDownButton {
    background-image: url(images/view_downregulated.png);
    width: 133px;
    height: 17px;
}
.oraPathwayOverButton {
    background-image: url(images/view_overrepresented_pathways.png);
    width: 160px;
    height: 17px;
}
.oraTFUpButton {
    background-image: url(images/view_upregulated_tf.png);
    width: 113px;
    height: 17px;
}
.oraTFDownButton {
    background-image: url(images/view_downregulated_tf.png);
    width: 123px;
    height: 17px;
}
.oraTFOverButton {
    background-image: url(images/view_overrepresented_tf.png);
    width: 138px;
    height: 17px;
}
.oraOntologyOverButton {
    background-image: url(images/view_overrepresented_ontologies.png);
    width: 175px;
    height: 17px;
}
.oraOntologyUpButton {
    background-image: url(images/view_upregulated_ontologies.png);
    width: 142px;
    height: 17px;
}
.oraOntologyDownButton {
    background-image: url(images/view_downregulated_ontologies.png);
    width: 145px;
    height: 17px;
}
.oraOntologyOverButton {
    background-image: url(images/view_overrepresented_ontologies.png);
    width: 175px;
    height: 17px;
}
.excelButton, .tabButton, .sifButton, .xmlButton, .xmlCompactButton, .xmlExpandedButton, .csvButton, .xgmmlButton {
    width: 52px;
    height: 18px;
}
.viewOrthologsButton{
    background-image: url(images/view_orthologs.png);
    width: 63px;
    height: 17px;
}
.viewOrthologousInteractionsButton{
    background-image: url(images/view_orthologous_interactions.png);
    width: 150px;
    height: 17px;
}
.excelButton, .tabButton, .sifButton, .xmlButton, .csvButton, 
.oraPathwayButton, .oraPathwayUpButton, .oraPathwayDownButton, .oraPathwayOverButton,
.oraTFButton, .oraTFUpButton, .oraTFDownButton, .oraTFOverButton,
.oraOntologyButton, .oraOntologyUpButton, .oraOntologyDownButton, .oraOntologyOverButton,
.viewOrthologsButton, .viewOrthologousInteractionsButton, .xgmmlButton {
    -moz-opacity:.80;
    opacity:.8;
    background-repeat: no-repeat;
    background-color: transparent;
    /*display: block;*/
    /*float: left;*/
    border-style:none;
    vertical-align: bottom;
}
.excelButton:hover, .tabButton:hover, .sifButton:hover, .xmlButton:hover, .csvButton:hover, 
.oraPathwayButton:hover, .oraPathwayUpButton:hover, .oraPathwayDownButton:hover, .oraPathwayOverButton:hover,
.oraTFButton:hover, .oraTFUpButton:hover, .oraTFDownButton:hover, .oraTFOverButton:hover,
.oraOntologyButton:hover, .oraOntologyUpButton:hover, .oraOntologyDownButton:hover, .oraOntologyOverButton:hover, 
.viewOrthologsButton:hover, .viewOrthologousInteractionsButton:hover, .xgmmlButton:hover {
    -moz-opacity:1;
    opacity:1;
    cursor: pointer;
}

.linkTableCell {
    border-style:none;
    padding:5px;
    text-align:center;
    vertical-align:top;
    width:100px;
}
.upImage {
    background-image: url(images/arrow_red3.png);
}
.downImage {
    background-image: url(images/arrow_green2.png);
}
.levelImage {
    background-image: url(images/level2.gif);
}
.upImage, .downImage, .levelImage {
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    border-style: none;
    border-width: 0px;
    display: block;
    float: left;
    cursor: pointer;
}
.upImage:hover, .downImage:hover, .levelImage:hover {
    background-color: transparent;
}
.condition, .conditionSelected {
    display: inline;
    padding: 0em;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    
}
.condition {
    /*background-image: url(images/conditionButton.png);*/
    color: white;
}
.conditionSelected {
    /*background-image: url(images/conditionButtonHover.png);*/
    color: white;
    font-weight: bold;
    background-color: Feldspar;
    border:thin inset SeaShell;
    color:white;
}
#tooltip{
    position:absolute;
    border:1px solid #333;
    background:#f7f5d1;
    padding:2px 5px;
    color:#333;
    display:none;
    font-size:small;
}
.regulatedGene{
	float: left;
	height: auto;
	padding: 0.5em 0;
	overflow: hidden;
	text-align: left;
}
.upRegulatedGene{
    background-image: url(images/arrow_red3.png);
}
.downRegulatedGene{
    background-image: url(images/arrow_green2.png);
}
.upRegulatedGene, .downRegulatedGene, .levelRegulatedGene {
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: right;
    border: none;
    border-style: none;
    border-width: 0px;
    /*background-attachment: fixed;*/
    vertical-align: middle;
    cursor: pointer;
    padding-right: 20px;
    white-space: normal;
}

/* struts layout tabs */
.ongletTextEna {
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
	background-color: #F1F2FA;
	text-align: center;
}

.ongletTextDis {
	font-size: 14px;
	font-family: arial;
	background-color: #F1F2FA;
	text-align: center;
}

.ongletTextErr {
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	font-family: arial;
	background-color: #ED4F50;
	text-align: center;
}

.ongletMain {
	background-color: #F1F2FA;
}


.ongletMiddle {
	font-size: 1px;
	background-color: none;
}
.ongletSpace {	
}

#helpFAQ { position:relative; background-color:#F1F2FA; }
.faq-wrapper {overflow: hidden;}
#helpFAQ h3  { cursor:pointer; color:midnightblue; background-color:#F1F2FA; }
#openall, #closeall  { cursor:pointer; color:#6666FF; }
#helpFAQ h3.active  { color:midnightblue; background-color:#C8CDEB; }

/* =================================================================================================================================================*/
/*** TABS - overwrite css for jquery ui tabs ***/
/* =================================================================================================================================================*/

/* Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/* Skin */
.ui-tabs {
    background: #F1F2FA; 
    border: none;
    padding: 0px;
}
.ui-tabs .ui-tabs-nav {
    list-style: none;
    background: #4669B4;
    border: none;
    height: 16px;
    /*overflow: hidden;  */
    margin: 0px;
    padding-left: 0px; 
    padding-top: 0px;
    padding-right: 10px; 
    padding-bottom: 10px; 
    border-radius: 4px;     
}
.ui-tabs .ui-tabs-nav li {
    display: inline;
    margin-left: 0px;
    margin-right: 3px;
    white-space: nowrap;
    padding: 0px;
    position: relative;
}
.ui-tabs .ui-tabs-nav li a {
    border:none;
    position: relative;
    height: 16px;
    line-height: 16px;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    background-color: #4669B4;
    border: none;
}
.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {
    background-color: #BFC6E8;
    background-image: url("images/menu-over.png");
    color: midnightblue;
    border:none;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background-color: #BFC6E8;
    background-image: url("images/menu-over.png");
    color: midnightblue;
    font-size: 14px;
    font-weight: bold;
    border:none;
    text-decoration: none;
    /*border-radius: 4px;*/
}
/*#resourceList_tabbed li .ui-widget-content .ui-state-default, #resourceList_tabbed li .ui-widget-content .ui-state-active { */
.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-active { 
    border:none;
}
/*#resourceList_tabbed .ui-widget-header { */
.ui-widget-header { 
    border:none;
    font-family: verdana,arial,monaco,sans-serif;
    font-size: small;
    border-radius: 4px;
}
/*#resourceList_tabbed .ui-widget { */
.ui-widget { 
    border:none;
    font-family: verdana,arial,monaco,sans-serif;
    font-size: small;
}


/* =================================================================================================================================================*/
/*** DROP DOWN MENU - overwrite css for jquery plugin superfish ***/
/* =================================================================================================================================================*/
.headerNav{
    background-color:#D5D7F0;
    border-bottom:1px solid gray;
}
.headerNavTable {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
    background-image:url(images/menu.png);
}
.headerNavMenu {
    padding: 0px;
    border: none;
    background-image:url(images/menu.png);
    height:32px;
}
.headerNavMenuCenter {
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width:1000px;
    border: none;
} 
.sf-menu {
    font-family:arial;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:0px;
    margin-left:0pt;
    width:100%;
    padding:0px;
    /*text-align:center;*/
}
.sf-menu li {
    display:inline;
    margin:0pt;
    position:relative;
    background-color:transparent;
    margin-right: 3px;
}
.sf-with-ul ul li {
    display:inline;
    margin:0pt;
    position:relative;
    background-color: #4669B4;
    font-size: 13px;
}
.sf-menu a, .sf-menu a:visited {
    color:white;
    padding:8px;
    text-decoration:none; 
    border-left:none;
    border-top:none;
}
.sf-menu li:hover,
/*.sf-menu li.current,
.sf-menu li.current a:visited, */
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    background-image:url(images/menu-over.png);
    color:black;
}
.sf-menu A.sf-with-ul {
    padding-right:2.25em;
    min-width: 1px;
}

/*
image preview for bovine plots (transcript frequencies)
*/
#preview{
    position:fixed;
    border:2px solid midnightblue;
    background:#E8E9F7;
    padding:15px;
    margin:15px;
    bottom:5px; 
    right:5px; 
    display:none;
    color:midnightblue;
    overflow:auto;
}

.ui-dialog-titlebar{
    background:#E8E9F7;
    color:midnightblue;
}
.ui-dialog{
    border:5px solid #4669B4;
    border-radius: 10px 10px 10px 10px;
    background:#E8E9F7;
    padding:10px;
    margin:10px;
    display:none;
    color:midnightblue;
}
.ui-dialog .ui-dialog-buttonpane {
    background:#E8E9F7;
    border-width:0;
}
.ui-dialog .ui-dialog-buttonpane button {
    background:#4669B4;
    color:white;
}


/* =================================================================================================================================================*/
/*** batch search ***/
/* =================================================================================================================================================*/

button.prev1,
button.next1,
button.prev2,
button.next2 {width: 8em}

br.floatbreak {clear: both}
.acenter {text-align: center}
.mtop20 {margin: 20px 0 0 0}


.datasource_selector {margin: 40px auto; text-align: center; background-color: #F1F2FA;}
.buttonrow {margin: 0 auto; width: 480px}

a.button2 {display: block; color: #06266F; text-align: center; background: transparent url(images/button2.png) no-repeat 0 0; margin: 0 20px; width: 200px; height: 60px; line-height: 60px; cursor: default; text-decoration: none; float: left}
a.button2:hover {background-position: 0 -60px}
a.button2:active {background-position: 0 100%; position: relative; top: 1px}

.datasource_selector {margin: 0}
.datasource_selector textarea {margin: 0 auto; width: 70%}
.datasource_selector {min-height: 300px}

div.modal_dialog {position: absolute; top: 0; left: 50%}
div.modal_dialog {margin: 0 0 0 -300px; width: 500px; border: 5px solid #4669B4; background:#89A3DD; padding: 10px}
div.modal_dialog {-moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 10px 5px #888}

button.open_dialog.active {background-color: #EAF2F8; color: #06266F}

div.section.section4 p {height: 400px; line-height: 400px}

div.flexigrid {font-size: inherit}

.warning {color: #FF6600}

/* =================================================================================================================================================*/
/* other stuff from old css files */
/* =================================================================================================================================================*/

/**
 * jQuery - Bubble
 */
div.bubble {width: auto; max-width: 500px; padding: 3px 5px; background-color: #FFFFC9; border-top: 1px solid #AAA; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #AAA}
div.bubble h3 {margin: 0; padding: 0; font-size: 1em}
div.bubble table {margin: 0}
div.bubble table th {padding: 0 0.5em 0 0; color: #666; text-align: right; vertical-align: top; white-space: nowrap}
div.bubble table td {padding: 0 0; vertical-align: top}

/**
 * jQuery - ColumnSelector
 */
div.cs_popup {width: 56em; height: 10em; background-color: #FFF; color: #000; border: 1px solid #666; margin-top: 4px}
div.cs_popup ul {display: block; margin: 0; padding: 0; width: 20em; height: 100%; float: left; overflow: auto; overflow-y: scroll; background-color: #FFF}
div.cs_popup ul {position: relative}

div.cs_popup ul li.item {display: block; background-color: #FFF; position: relative; height: 1.6em; line-height: 1.6em; margin: 0; padding: 0}
div.cs_popup ul li.item span {display: block; overflow: hidden; white-space: nowrap; margin: 0 16px 0 2px; padding: 0}

div.cs_popup ul li:hover {background-color: #407AD8; color: #FFF}
div.cs_popup ul li.more {background-image: url(images/triangle_right.png); background-repeat: no-repeat; background-position: right center}
div.cs_popup ul li.selected {background-color: #6d84b4; color: #FFF}

.loading {background: #DDD url(images/loading_16_grey.gif) no-repeat 98% 50%}
.button_search {margin: 0; padding: 0; background: url(images/search2.png) no-repeat 50% 50%; width: 20px; border: 0 none; text-indent: -2000em}

/**
 * jQuery - LiveSearch
 */
div.popup {width: 12em; height: auto; background-color: #FFF; border: 1px solid #666; margin-top: 4px}
div.popup ul.inner {display: block; margin: 0; padding: 0; width: 12em; height: 16em; overflow: auto; background-color: #FFF}
div.popup ul.inner li.item {display: block; height: 1.6em; line-height: 1.6em; background-color: #FFF; cursor: default; margin: 0}
div.popup ul.inner li.item span {display: block; overflow: hidden; white-space: nowrap; margin: 0}
div.popup ul.inner li.item:hover {background-color: #407AD8; color: #FFF}
div.popup div.message {text-align: right; font-size: 0.7em; padding: 0.2em; background-color: #AAA; color: #FFF}

div.popup.style2 {width: 225px}
div.popup.style2 ul.inner {width: 225px}