/* alignMap/alignMapStyle.css  */
@import url("/api/magellan/alignmap/css/alignMap.css");

.webApps_button {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.4) inset;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 14px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    text-transform: lowercase;
    background: #376FE0;
    background: -moz-linear-gradient(center top , #3789D3 0%, #376FE0 49%, #036AC7 51%, #1A5AD9 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(top, #3789D3 0%, #376FE0 49%, #036AC7 51%, #1A5AD9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3789D3), color-stop(49%,#376FE0), color-stop(51%,#036AC7), color-stop(100%,#1A5AD9));
}

.webApps_button_disabled {
	white-space: nowrap;
	/*font-size: .63em;*/
	padding: 0.5em 0.4em;
	color: #999;
  text-decoration:none;
	font-weight: bold;
	background-color: #e2e2e2;
	background-image:url(../images/grad2.jpg);
	background-repeat:repeat-x;
	background-position: 0 0;
	border-right: 1px solid #5b5b5b;
	border-bottom: 1px solid #5b5b5b;
	border-left: 1px solid #b0b0b0;
	border-top: 1px solid #b0b0b0;
  cursor: pointer;
}

.plugtitle {
  color: #666666;/*#1279C6; /*black;*/
  
}
.plugtitle:hover {
  color: #666666;/*#1279C6; /*black;*/
  text-decoration: none;
}


/* seqInput style */

#seqInputSubmit {
  position: relative;
  left: 42px;
  font-weight: bold;
}

#seqUploadStatus {
  color:red;
}
/* appHelp/appHelp.css  */
.help {
    font-size: 8pt;
}

/*  param/param.css */

.paramLabel
{
  font-family : Arial, Helvetica, sans-serif;
  /*font-size:85%; */
  color: #0078ab;;
}

.paramRangeCell
{
  color: #888888;
  font-size: 75%;
}

.paramHelpHighlight
{
  background: #ffffee;
}

#paramHelpPopup
{
  position: absolute;
  left: 400px;
  /*top: 20px;*/
  width: 190px;
  display:  none; 
  color: #666666;
  background: #ffffdd;
  font-size: 85%;
  z-index: 1;
  padding: 5px;
  border: solid 1px #cccccc;
}
    
/* seqTargetCreation plugin styles */
#stc_seqListSpan {
  display: block;
  position: relative;
  /*height:  30px;*/
  width: 100%;
  border: 1px solid #ccc;
}

#stc_help {
  position:absolute;
  right: 0px;
}
#stc_graphic {
  position: relative;
  height:  55px;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
}

#stm_seqBox {
  background:#ccf;
  border:1px solid black;
  margin-bottom:10px;
  padding-bottom:6px;
}
.stm_target_highlight {
  border: 1px solid #777;
  background: #ee2;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* mapRegionSelect */
.mrsPluginSpan {
	position: relative;
	padding: 2px;
	margin: 2px;
}
.mrsStartLabel {
	position: relative;
	font-size: 12px;
	background:#1b1;color:#fff;padding:4px;
}
.mrsStopLabel {
	position: relative;
	font-size: 12px;
	background:#b11;color:#fff;padding:4px;
}
.mrsDataInput {
	position: relative;
/*	margin: 0px;
	padding: 0px;*/
	top: 2px;
}

/*  seqInput/seqInput.css */

#divUploadStatus {
  position: relative;
  font-family : Arial, Helvetica, sans-serif;
  font-size:120%;
  color : #0078ab; /* Blue */
  width : 300px;
}

#uploadResultsTable {
  overflow: auto;
  font-family : Arial, Helvetica, sans-serif;
  /*font-size:75%;*/
  color : #0078ab; /* Blue */
  width : 300px;
  background-color : #fff;
/*  visibility:hidden;*/
/*  color : #AABED3; /*gray-blue*/
/*  font-weight:bold;*/
/*  border: 1px solid; */

  padding: 0px;
}



/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.uploadResultsScrollContent {
/*	display: block; */
	/*height: 60px;*/
	overflow: auto;
  overflow-x: hidden;
}


tbody.uploadResultsScrollContent tr {
  position: relative;
	border: 1px solid #CCC;
  /*width: 90px; */
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.uploadResultsScrollContent td, tbody.uploadResultsScrollContent tr.normalRow td {
  /*width: 80px;*/
	background: #FFF;
	border: 1px solid #CCC;

/*	padding: 2px 3px 3px 4px*/
	padding: 0px 1px 0px 2px
}

tbody.uploadResultsScrollContent tr.alternateRow td {
  /*width: 80px;*/
	background: #F3F3F3;
	border: 1px solid #CCC;

/*	padding: 2px 3px 3px 4px*/
	padding: 0px 1px 0px 2px
}

/*html>body tbody.uploadResultsScrollContent tr {
/*	display: block 
}*/

.helpBox {
    border: 1px solid #cccccc;
    background: #ffffdd;
    color: #666666;
    position: absolute;
    left: 360px;
    width: 200px;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

/*  userInfo/userInfo.css */

table#userInfoTable {
  font-family : Arial, Helvetica, sans-serif;
  /*font-size:85%; */
  color : #666666; /*#0078ab; /* Blue */
  /*background: #eee;*/
  padding: 0px;
  left: 0px;
  /*width: 97%;*/
  /*border: 1px solid #000;*/
}

table#userInfoTable .tag {
    text-align: right;
    
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 3px;
}

table#userInfoTable .data_input {
    
    /*border: 1px solid #888888;*/

    padding-left:  3px;
    padding-right: 3px;
    margin: 3px;
    
}



/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(../images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(../images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(../images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}
#v1 .wrap1 {background:url(../images/shadow.gif) right bottom no-repeat;}
#v1 .wrap2 {background:url(../images/corner_bl.gif) -4px 100% no-repeat;}
#v1 .wrap3 {
	padding:0 5px 5px 0;
	background:url(../images/corner_tr.gif) 100% -3px no-repeat;}


/* CSS for a lightbox */

/* .ga_lightbox_shadow{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 1400px;
    background-color: black;
    z-index:20101;
    -moz-opacity: 0.1;
    opacity:.10;
    filter: alpha(opacity=10);
}*/

.ga_lightbox_content {
-webkit-box-shadow: 0px 0px 15px #c8c8c8;
-moz-box-shadow: 0px 0px 15px #c8c8c8;
box-shadow: 0px 0px 15px #c8c8c8; 
	webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    position: absolute;
    top: 25%;
    left: 50%;
    width: 650px;
    margin-left: -325px;
    /* width: auto;
     height: 30%; */
    padding: 5px;
    border: 1px solid #c8c8c8;	
    background-color: #fff;
    z-index:8000;
    overflow: auto;
}

.ga_genome_lightbox_content {
-webkit-box-shadow: 0px 0px 15px #c8c8c8;
-moz-box-shadow: 0px 0px 15px #c8c8c8;
box-shadow: 0px 0px 15px #c8c8c8; 
	webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    position: absolute;
    top: 20%;
    left: 50%;
 
  
    /* width: auto;
     height: 30%; */
    padding: 5px;
    border: 1px solid #c8c8c8;	
    background-color: #fff;
    z-index:8000;
    overflow: auto;
    width:350px;
}
#build_table tr td,#build_table tr th{
   text-align:center;
}

#build_info
{
	cursor: pointer;
	margin-left:2px;
	width:17px;
}

#close_genome_popup
{
float:right;
cursor: pointer;
  color:#1e8ae7;
}

a.nonLink {
  text-decoration:none;
  color: #666666;
}
a.nonLink:hover{
  text-decoration:none;
  color: #666666;
}