body 
{
    padding:0px;
    margin:8px;
   /* font-family: 'Roboto', sans-serif;*/
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
     font-size:13px; font-weight: normal;
 text-align:justify; color:#000000; line-height:1.42857143;
}
h1
{
    font-size: 14pt;
    font-style: italic;
    color: #0D8410;
    margin-bottom: 8px;
    margin-top: 7px;
}
.captiontext
{
    text-align: left;
    color: Green;
    font-weight: bold;
    background-color: #DEF3CA;
    border-bottom: 2px solid;
    border-bottom-color: #0FA212;
}
.tablenew tr:hover
{
    background-color: #EEF7E1;
}
.oddrow
{
    background-color: #F4F8EF;

   
}
.oddrowbna
{
    background-color: #d8d8d8;
   
}

table, th, td
{
    border: none;
}

.clearFloat
{
    clear: both;
}
.maintop
{
    width:100%;
}
.main
{
    width: 70%;  border-top:1px solid green;border-left:1px solid green;  border-bottom:1px solid green;
}
.main1
{
    width:30%;
}
.footerbox
{
    width:100%; background-color:#ffffff;
   
}

.validator
{
    color: #CC0000;
}
.fiveprime
{
    vertical-align: top;
    padding-right: 2px;
    width: 1.3em;
}
.threeprime
{
    vertical-align: bottom;
    padding-left: 2px;
    width: 1.3em;
}
.fiveprimeresult
{
    padding-left: 0;
    padding-right: 3px;
    vertical-align: top;
}
.threeprimeresult
{
    padding-left: 0;
    padding-left: 3px;
    vertical-align: bottom;
}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
.paddedBtnToRight
{
    float: right;
    margin-right: 5px;
}
.resultRowHeading
{
    width: 11.5em;
    font-weight: bold;
}
.assumptionheading
{
    font-size: 8pt;
    color: Gray;
    font-weight: bold;
}
.assumptionbody
{
    font-size: 8pt;
    color: Gray;
    padding-left: 10px;
}
.cannotCompute
{
    color: Red;
}
.monoSpace
{
    font-family: "Lucida Console" , "Courier New" , Monospace;
    padding-left: 1;
    padding-right: 1;
}
.floatRightDropDown
{
    float: right;
    margin-right: 2.1em;
}
a.versionLink
{
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 2px;
    margin-top: 12.3px;
    font-size: 10.5pt;
    text-decoration: none;
    outline-style: none;
}
a.versionLink:link
{
    color: #869283;
}
a.versionLink:visited
{
    color: #869283;
}
a.versionLink:hover
{
    color: #225610;
    padding-bottom: 3px;
    border-bottom: 1px solid #CCCCCC;
}
a.versionLink:active
{
    color: #49872C;
    padding-bottom: 3px;
    border-bottom: 1px solid #EEEEEE;
}
a.acceptedInputLink
{
    font-weight: normal;
    margin-left: 34%;
    font-size: 10.5pt;
    text-decoration: none;
    outline-style: none;
}
a.acceptedInputLink:link
{
    color: #96A094;
}
a.acceptedInputLink:visited
{
    color: #96A094;
}
a.acceptedInputLink:hover
{
    color: #586156;
}
a.acceptedInputLink:active
{
    color: #6D9667;
}
.cutOff
{
    margin-right: 2px;
    float: right;
    vertical-align: middle;
    margin-bottom: 1px;
    display: inline-block;
    overflow: hidden;
    height: 20px;
}
.cssRollover:hover
{
    position: relative;
    bottom: 20px;
}
.cssRollover:active
{
    position: relative;
    bottom: 40px;
}
#proteinImageID
{
    border-style: none;
}
#returnValue
{
    display: none;
}
.DisplayNone
{
    display: none;
}
.DisplayInline
{
    display: inline;
}
.MarginZero
{
    margin: 0;
    padding: 0;
}

.SequenceCount
{
    font-size: 9pt;
/*background-color:#F4F8EF;*/
}

#proteinThreeLettertb
{
    border-collapse: collapse;
}
#proteinOneLettertb
{
    border-collapse: collapse;
}
#complementtb
{
    border-collapse: collapse;
}
#reverseComplementtb
{
    border-collapse: collapse;
}
#sequencetb
{
    border-collapse: collapse;
}

/* the overlayed element */
.simple_overlay
{
    /* must be initially hidden */
    display: none; /* place overlay on top of other elements */
    z-index: 10000; /* styling */
    background-color: #333;
    width: 695px;
    min-height: 50px;
    max-height: 550px;
    border: 1px solid #666; /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close
{
    background-image: url(Image/close.png);
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

/* styling for elements inside overlay */

.detailsTable
{
    overflow: auto;
    max-height: 500px;
    margin: 10px 12px;
    padding: 0px 5px;
    font-size: 11px;
    color: #fff;
}

.detailsTable tr:hover
{
    background-color: #666;
}

.details h3
{
    color: #aba;
    font-size: 15px;
    margin: 0 0 -10px 0;
}

.leftTopDropdownPadding
{
    margin-left: .1em;
    margin-top: .04em;
}



/*---------------------------------  25 June Radhey  css-------------------------*/
  #modalContainer {   
    position:absolute;
    width:100%;
    height:100%;
    top:0px; right:0px;
    left:0px; background-color:rgba(0, 0, 0, 0.26);
    z-index:10000;   
}

#alertBox {
    position:relative;
    width:270px;
    margin-top:100px; 
    border:1px solid #ffc808;
    background-color: #FFF8A7;
    background-repeat:no-repeat;
    background-position:20px 30px;
 
}

#modalContainer > #alertBox {
    position:fixed; background-attachment:scroll;
}

#alertBox h1 {
    margin:0;
    font:bold 0.9em verdana,arial;
    background-color:#FFF8A7;
    color:#000000;border-bottom:0px solid #000;
    padding:2px 0 2px 5px;
    text-align :center;
}

#alertBox p {
    font:0.7em verdana,arial;   
    padding-left:5px;
    margin-left:0px;    
    text-align: left;
color: #000000;
font-family: arial;
font-size: 11px;
font-weight: normal;
    
}

#alertBox #closeBtn {
    display:block;
    position:relative;
    margin:5px auto;
    padding:7px;
    border:0 none;
    width:50px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#000000;  border:1px solid #e1b003;
    background-color:#ffc808;
    border-radius: 3px;
    text-decoration:none;
}

/* unrelated styles */

#mContainer {
    position:relative;
    width:600px;
    margin:auto;
    padding:5px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    font:0.7em verdana,arial;
}

code {
    font-size:1.2em;
    color:#069;
}

#credits {
    position:relative;
    margin:25px auto 0px auto;
    width:350px; 
    font:0.7em verdana;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    height:90px;
    padding-top:4px;
}

#credits img {
    float:left;
    margin:5px 10px 5px 0px;
    border:1px solid #000000;
    width:80px;
    height:79px;
}

.important {
    background-color:#F5FCC8;
    padding:2px;
}

code span {
    color:green;
}