html     
{
	background:#FFF;
	font-size: 101%;
}

body 
{
    font-family:  "Open Sans", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 76%;
    line-height: 1.3; 
}

html, body {
    height: 100%;
    margin: 0;
    overflow:auto;
    overflow-y:auto;
    padding: 0;
    width: 100%;
}

form 
{
    margin-top:5px;
}

h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
}

h1 
{
    font-size: 3.0em;
    /* line-height of 1.8 divided by font-size */
    margin-bottom: 0.5em;
}

h2 
{
  font-size: 2.4em;
  margin-bottom: 0.6em;
}

h3 
{
  font-size: 1.8em;
  margin-bottom: .9em;
}

h4 
{
  font-size: 1.2em;
  margin-bottom: 1.2em;
}

h5 
{
  font-size: 1.0em;
  margin-bottom: 1.2em;
}

h6 
{
  font-size: 0.8em;
  margin-bottom: 0.8em;
}

p, ul
{
  font-size: 1.2em;
  margin: 1.5em 0;
}

img {border:0;}

.block {display:block;}

.bold {font-weight:bold;}

.inline {display:inline;}

a, a:link, a:visited, a:active
{
    color:#787878; 
}

a:hover 
{
    color:#12BAEC; 
}

#wrapper 
{
	margin:20px auto 0 auto;
	position:relative;
	width: 750px;
}

#header1
{
    background: url(../images/ForemostLogo4c.jpg) no-repeat;
    background-position: 0px 0px;
    background-size: 300px;
	border-bottom: 2px solid #484848;
	height: 63px;
	line-height:normal;
	padding:0 0 6px 0;
	position:relative;
}

#header1 h3
{
    bottom:0;
    color:#787878; 
	font-family: "Open Sans", Calibri, "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight:500;
	margin-bottom:0;
	padding:0;
    position:absolute;
    right:0;
}

#LoadingScreen
{   
    background-color: #787878; 
    bottom:0;
    display:block;
    height:100%;
    left:0;
    min-height: 100%;
    margin:0;
    filter:alpha(opacity=100);
    -moz-opacity:1.00;
    -khtml-opacity: 1.00;
    -webkit-opacity: 1.00;
    opacity: 1.00;
    padding:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:8000;
}

/* IE 6 Hack. Must use overflow-y:auto on body element */
* html #LoadingScreen {position:absolute;}

#LoadingScreen p
{
    color:#FFF;  
    display:block;
    font-size:2em;
    margin:20px 0;
    position:relative;
    text-align:center;
    width:100%; 
}


#msgDialogScreen
{   
    background-color: #787878; /*#CCCCCC;*/
    display:none;
    height:100%;
    left:0;
    min-height: 100%;
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    -khtml-opacity: 0.60;
    -webkit-opacity:0.60;
    opacity:0.60;
    position:fixed;
    top:0;
    width:100%;
   z-index:9000;
}

/* IE 6 Hack. Must use overflow-y:auto on body element */
* html #msgDialogScreen {position:absolute;}

#msgDialog
{
    background-color: #FFFFFF;
    background: url(../images/ForemostLogo4c.jpg) no-repeat;
    background-position: 0px 0px;
    background-size: 300px;
    border:2px solid #484848;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    color:#787878;
    display:none;
    font-weight:normal;
    font-size: 24px;
    left:50%;
    margin-left:-150px;
    filter:alpha(opacity=100);
    -moz-opacity:1.00;
    -khtml-opacity: 1.00;
    opacity: 1.00;
    padding:40px 10px 10px 10px;
    position:absolute;
    top:30%;
    width:300px;
    z-index:10000;
}

#msgDialog img
{   
    cursor:pointer;
    float:right;
    position:relative;
    right:-10px;
    top:-40px;
}


.dialog-content
{
    display:block;
    margin:10px auto;
    padding:20px;
    position:relative;
    width:80%;
}

.dialog-content > span
{
    bottom:2px;
    clear:both;
    display:block;
    float:none;
    font-size:12px;
    height:12px;
    margin:8px 0 -4px 0;
    position:relative;
    width:100%;
}

#UploadDiv 
{   
    background-color:#CCCCCC; 
    -khtml-border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:2px solid #787878;
    clear:both; 
    float:none; 
    margin-top:1em; 
    padding:0; 
}

#bigOverlay 
{
    background-color:#FFF;
    display:none;
    height:100%;
    left:0;   
    filter:alpha(opacity=1);
    -khtml-opacity: 0.01;
    -moz-opacity:0.01;
    -webkit-opacity:0.01;
    opacity: 0.01;
    position:absolute;
    top:0;
    width:100%;
    z-index:200;
}

.uploadPanel 
{
    border: none; 	
    margin:0; 	
    overflow:hidden;
    padding: 1.0em; 
}

#ReturnLinkDiv
{
    border:none;
    margin:10px 0;
}

#instructions 
{   
    margin:1em 1em 0 0; 
    width:700px;
}

#instructions ol 
{
    line-height:1.5;
}

#instructions ol li span.important
{
    color:#787878; 
    font-weight:700;
}

.uploadPanel div.info,
.uploadPanel div.infoNotes
{
    margin-bottom:0.25em;
    padding-bottom: 0.25em;
}

.uploadPanel div label.formlabel
{   
    float: left; 
    font-size: 90%; 
    font-weight:bold; 
    margin-top: 0.25em; 
    margin-right: 0.5em;
    text-align:right;
    width: 16em; 
}

.uploadPanel div input.txt 
{     
    border:1px solid #787878; 
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color:#000;
    height:1.4em;
    padding:1px 2px;
    width: 350px;
}

.uploadPanel div select
{      
    border:1px solid #787878;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color:#000;
    height:1.6em;
    padding:1px;
}

.uploadPanel .infoNotes textarea
{
    border:1px solid #787878; 
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:#000;
    font-family: "Open Sans", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    height:28px; 
    overflow:auto;
    padding:1px 2px;
    width: 350px; 
}

.uploadPanel .infoNotes .expanded1 
{
    height:98px;
}

.uploadPanel .infoNotes span
{   
    background: transparent url(../images/expandCollapseSprite150X13.png) no-repeat 0 0;
    cursor:pointer;
    display:inline;
    font-size:90%;
    height:15px;
    margin-left:0;
    padding-left:15px;
    position:relative;
    top:-17px;
}

.uploadPanel .infoNotes span.expanded2
{   
    background: transparent url(../images/expandCollapseSprite150X13.png) no-repeat -137px 0;
    top:-87px;
}


#ResultsDiv 
{
    border: 1px solid #008000; 
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:0 0 1em 0; 
    padding: 0.5em; 
    width: 734px; 
}

#ResultsDiv h5 {font-weight: bold; margin-bottom:0; color:#008000; margin-top:0;}

#ResultsDiv ul {margin-top: 0; font-size: 1.0em;}

#ErrorsDiv {margin:0 0 1em 0; padding: 0.5em;  border: 1px solid #DC143C; width: 584px; color: #DC143C;} /* Crimson */

.uploadItem
{
    background-color:#CCC; 
    border:0;
    clear:both;
    display:block;
    float:none;
    height: 24px;
    margin: 3px 10px 0 30px;
    overflow:hidden;
    padding: 5px;
    position:relative;
    width: 725px;
}

/*.uploadItem2
{
    background-color:#CCC; 
    border:0;
    clear:both;
    display:block;
    float:none;
    height: 524px;
    margin: 3px 10px 0 30px;
    overflow:hidden;
    padding: 5px;
    position:relative;
    width: 725px;
}*/

.container
{
    background-color:#CCC;
    border:0;
    clear:both;
    display: block;
    float: none;
    height:100%;
    margin: 0 0 1em 0;
    overflow:hidden;
    position:relative;
	top: 0;
    width:700px;
}


.fileLabel
{
    float: left; 
    font-size: 90%; 
    font-weight:bold; 
    margin-top: 0.25em; 
    margin-right: 0.5em;
    text-align:right;
    width: 6em; 
}

.iFrameDiv
{
    background-color:#C8C9CB;
    display:block;
    float: left;
    height:30px;
    margin: 0;
    overflow:hidden;
    position:relative;
    width: 570PX; 
    z-index: 1;
}

/*#iFrameDiv1
{
    background-color:#C8C9CB;
    border:1px solid red;
    display:block;
    float: left;
    height:500px;
    margin: 0;
    overflow:auto;
    position:relative;
    width: 570PX; 
    z-index: 1;
}*/

#iFrameDiv1 #removeDiv1,
#iFrameDiv2 #removeDiv2,
#iFrameDiv3 #removeDiv3,
#iFrameDiv4 #removeDiv4,
#iFrameDiv5 #removeDiv5
{
    background:transparent url(../images/undoSprite.png) no-repeat 0 0;
    cursor:pointer;
    display:block;
    height:20px;
    position:absolute;
    right:120px;
    top:2px;
    width:20px;
    z-index:50;
}

#iFrameDiv1 #removeDiv1:hover,
#iFrameDiv2 #removeDiv2:hover,
#iFrameDiv3 #removeDiv3:hover,
#iFrameDiv4 #removeDiv4:hover,
#iFrameDiv5 #removeDiv5:hover
{
    background:transparent url(../images/undoSprite.png) no-repeat 0 -20px;
}

.frame
{
    position:relative;
    border:0;
    padding:0;
    width:100%;
    float: left;
    display:block;
}

#bar1, #bar2, #bar3, #bar4, #bar5
{
	background-image: url(../images/greenArrows.png);
    background-position: -452px 50%;
	background-repeat:repeat-y;
	border:0;
     clear:both;
    display:inline;
    float:none;
    height:22px;
    left:0;
    margin-right:0.5em;
    margin-left: 1px;
    overflow:hidden;
    position:absolute;
    top: 1px;
    width: 452px;
	z-index:10;
}

span.fileNm
{
    background:transparent;
    color:#000;
    overflow:visible;
    padding-top:1px;
    padding-left:2px;   
    position:absolute;

}

#ButtonDiv 
{
    border:0;
    display:block;
    height:40px;
    margin: 0; 
    overflow:hidden;
    padding:5px;  
    position:relative;
    width:100%;
}

.btnDiv
{
    border:0;
    clear:both;
    display:block;
    float:none;
    height:32px;
    left:0;
    margin: 5px auto;
    padding: 0;
    position:absolute;
    right:0;
    width: 220px;
    z-index:500;
}

#btnUpload
{
    display:inline;
    float:left;
    margin-top:4px;
    position:relative;
    width:100px;
}

#btnReset
{
    display:inline;
    float:right;
    margin-top:4px;
    position:relative;
    width:100px;
}

#overlay1
{
    border:2px solid #07b007;
    background-color:#FFF;
    bottom:0;
    display:none;
    height:32px;
    left:0;
    margin: 0; 
    overflow: hidden;
    padding:0;
    position:absolute;
    right:0;
    top:0;
    width: 100%;
    z-index:2000;
}

#imgIndicator
{
    border:0;
    left:2px;
    position:absolute;
    top:2px;
}


#overlay1 span
{
    left:37px;
    position:absolute;
    top:9px;
}

.failedValidation
{
    color: #ff0000;
}

.errorImage
{
    display:inline;
    margin-right: 3px;
    margin-left:1px;
}

#ValidationSummary1
{
    background-color: #ffcccc;
    border: 1px solid #ff0000;
    margin: 2em auto;
    padding: 1.0em;
    width: 60%;
}

.errorMsgSpan 
{
    background: #ffcccc url(../images/ErrorIcon.gif) no-repeat 0 0;
    display:block;
    margin-bottom:0;
    margin-left:0;
    padding-left: 18px;
    width:90%;
}

.required, .invalidFormat
{
	color:#ff0000;
	display:none;
	font-size:90%;
	margin-left:0.5em;
}

.requiredShow, .invalidFormatShow
{
	display:inline;
}

#ValidationSummary1 ul
{
    color:#000;
}

#ValidationSummary1 li
{
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 0;
    padding-left:0;
    text-decoration: none;
}

#footer
{   
    background-color:#CCCCCC; 
    border-top:2px solid #484848;
    border-bottom:2px solid #484848;
    bottom:0;
    font-size:90%;
    margin:0;
    padding:0.5em; 
    position:fixed;
    text-align: center;
    width:100%;
}

.italic {
    font-style: italic;
}

.inset {
    margin-left: 2em;
}

.logoAccentColor
{
   color:#12BAEC; 
}