﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,600italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700);
@font-face {
font-weight:normal;
font-family:'bluehost';
src:url(fonts/bh_regular.eot);
src:url(fonts/bh_regular.eot) format('embedded-opentype'),
    url(fonts/bh_regular.woff) format('woff'),
    url(fonts/bh_regular.ttf) format('truetype'),
    url(fonts/bh_regular.svg#bh_regular) format('svg');
}
@font-face {
font-weight:bold;
font-family:'bluehost';
src:url(fonts/bh_bold.eot);
src:url(fonts/bh_bold.eot) format('embedded-opentype'),
    url(fonts/bh_bold.woff) format('woff'),
    url(fonts/bh_bold.ttf) format('truetype'),
    url(fonts/bh_bold.svg#bh_bold) format('svg');
}

body
{
    background-position: center top;
    padding-top: 20px;
    text-align: center;
    width: 100%;
    font-size: .9em;
    margin: 0px;
      font-family:'Open Sans', Arial, Sans-Serif;
    background-image: url(../images/page_bkgnd.png);
    background-repeat: repeat-x;
    background-color: #ffffff;
}
#maincontainer{text-align:center;}

.header
{
    height:140px;
}
.clear{clear:both;}
a
{
    color: #005680;
    text-decoration: none;
}
a:visited{color: #005680;text-decoration:none;}
a:hover
{
    color: #FF9933;
    text-decoration: underline;
}
.btn{}
 input[type="text"], input[type="number"], input[type="search"], input[type="password"]{border:1px solid #333;border-radius: 2px;}
 input[type="button"], input[type="submit"]{border-radius: 2px;color:#444444;background-color:#FFCC00;border-color:#CC9900;border-width:1px;border-style:Solid;font-size:1.1em;height:1.5em;padding:0 2em 0 2em;background-image:url('../images/btn_bkgnd2.png');background-position:center; font-family: 'bluehost';font-weight:bold;}

/* ------------------- */
.login
{
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #808080 #C0C0C0;
    border-radius:5px;
    background-position: center top;
    height: 300px;
    width: 500px;

margin:1em auto 1em auto;


}

.login .inner
{
    margin-top:60px;
}

.login .input
{
    text-align:right;
    margin-bottom:20px;
    margin-right:100px;

}
.login .input input
{
    margin-left: 5px;
}

.login .msg
{
    color: #990000;
    margin-top:10px;
}

#fileList
{
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #808080 #C0C0C0;
    border-radius:5px;
    min-height: 300px;
    width: 500px;
 margin:1em auto 1em auto;
}
.instructions
{
    text-align: left;
    color: #00586A;
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1.3em;
}

.title
{
    margin:10px 0px 20px 0px;
    font-weight:bold;
     font-family: 'bluehost' , 'Segoe UI' , 'Gill Sans' , 'Gill Sans MT' ,GillSans, 'Trebuchet MS' ,Arial,sans-serif;
}
#pnl_fileList
{
    text-align:left;
    margin-left:80px;
    margin-bottom:40px;
}
#imgbtnDelete{padding-right:30px;padding-left:30px;}
.fileName
{
    margin-left:10px;
    margin-right:15px;
}
.datetime
{
    font-size:.7em;
}

#lnkbtnDelete
{
    margin-right:40px;
}

#pnl_UpFile
{	text-align:center;
    color: #00586A;
    margin-top: 15px;
    padding-top:20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
    margin-left:10px;margin-right:10px;
    line-height:1.3em;
    display:none;
    padding-bottom:2em;
}
#pnl_UpFile .instructions
{
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom:none;
    text-align:left;
}




/* ------------------- */
.footer
{
    height:100px;
    margin-top:50px;
}

/*____________help panel_________________________*/
.help
{
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #999999 #333333 #333333 #999999;
    text-align: left;
    font-size: .9em;
    position: absolute;
    height: 400px;
    width: 350px;
    top: 130px;
    left:310px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;   
    z-index: 1001;
    display: none;
}

.helplink{margin-left:80px;text-align:right;}
.help ul{font-size:.11px;list-style-type:none;margin:0px;padding:0px;text-align:left;margin-left:10px;margin-right:10px;}
.help li{list-style-type:none;margin:0px;padding:0px;padding-bottom:.5em;}
.help span{font-weight:bold;color:#00586A;margin-bottom:4px;}
.help li li{list-style-type:disc;margin-left:10px;}

.helpheading{
font-size:1.2em;
color:#00586A;;
text-align:center;
margin-top:.5em;
margin-bottom:10px;
font-weight:bold;
}
.close{position:absolute;bottom:5px;right:10px;}

/* mask for dimming background on display of floating panes_____________*/
.mask {
        background: #fff;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 500!important;
        opacity: .5;
        filter: alpha(opacity=50);
        overflow: hidden; 
         height: 4000px; 
         width: 100%; 
         
         position: absolute; 
         top:0px; 
         left: 0px;  
         display:none;
         }
.shadow3{position:absolute;top:125px;left:305px;
height:420px;width:370px;
        opacity: .7;
        filter: alpha(opacity=70);
        }

/* ------------------- */
#fileUpload
{
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #808080 #C0C0C0;
    border-radius:5px
    border-radius:5px;
    min-height: 300px;
    width: 500px;
 margin:1em auto 1em auto;
    font-size:.8em;
    padding-bottom:2em;
}
#fileUpload p{margin:5px;}
#fileUpload checkbox
{
    margin-top: 10px;
    }

#fileUpload  .instructions
{
    text-align:left;font-size:1.3em;
     text-align:left;
}
#fileUpload  .msg
{
    text-align:left;
}
#fileUpload  #btnUpload
{
    margin-left:30px;
}
.cancel
{
    text-align:right;
    margin-right:20px;
}
#cbCertify
{
    margin-top:10px;
}
.certify
{   color:#333333;
    margin:10px;padding:10px;
    background-color: #FFFFCC;
    text-align: left;
    border:solid 1px #666666;
    border-radius:5px;
}
.param
{
    display:none;
 }

#uploadhere
{
    display:none;
    margin-bottom:15px;
}
#lblShowMessage
{
    color: #00586A;
    width: 100%;
    font-weight: normal;
    margin-bottom:15px;
}