﻿body {
  font-family:Calibri, Verdana, Tahoma;
}

table.top-bar td {
  font-size:12px;
  padding-top:3px;
}

#doc-signature {
  max-height:155px; 
  min-height:95px;  
  width:100%; 
  background-color:#EEEEEE;
}

#doc-area {
  width:100%; 
  border-bottom:1px solid #DDDDDD;
  text-align:center;
}

#top-bar {
  width:100%; 
  background-color:#ffe2b5; 
  height:25px; 
  border-bottom:1px solid #DDDDDD;
}

#info-header {
  font-size:13px;
  background-color:#EEEEEE;
  width:90%;
  height:110px;
  border: 1px solid #999999;
  margin-left:35px;
}

#info-header td {
  font-size:13px;
}


div.pages {
  width:90%;
  margin-left:45px;
  border:1px solid black;
  margin-top:10px;
  background-color:#ffffff;
}

img.pages {
  width:100%;
  height:200px;
}

div.entry   {
  font-family :Verdana ;
  font-size : 15px;
  padding-left : 20px;
 
  border: 1px solid #CCCCCC;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom : 20px;
}
h4.entry{
  font-family :Verdana ;
  font-size : 21px;
  font-weight : bold;
   
}

#simplemodal-overlay
{
 background-color: #000;
}


.simplemodal-container
{
 display: none;
 padding: 0px 0px 0px 0px;
 background-color: #fff;
  border: #46678e solid 2px;
}
 .classbuttonSmaller
{
	border-right: #eeeeff 0px solid;
	padding-right: 0px;
	border-top: #eeeeff 0px solid;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 3px;
	border-left: #eeeeff 0px solid;
	cursor: hand;
	color: #000000;
	padding-top: 0px;
	border-bottom: #eeeeff 0px solid;
	font-family: verdana,helvetica,arial;
	background-color: #FF9B58;
	width: 52px;
	height: 19px;
	background: url(images/buttonbkg_orangeSmaller.gif) no-repeat right top;
}

.classbuttonLarge
{
	border-right: #eeeeff 0px solid;
	padding-right: 0px;
	border-top: #eeeeff 0px solid;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 3px;
	border-left: #eeeeff 0px solid;
	cursor: hand;
	color: #000000;
	padding-top: 0px;
	border-bottom: #eeeeff 0px solid;
	font-family: verdana,helvetica,arial;
	background-color: #FF9B58;
	width: 150px;
	height: 19px;
	background: url(images/buttonbkg_orangeBig.gif) no-repeat right top;
}

.classbuttonMedium
{
	border-right: #eeeeff 0px solid;
	padding-right: 0px;
	border-top: #eeeeff 0px solid;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 3px;
	border-left: #eeeeff 0px solid;
	cursor: hand;
	color: #000000;
	padding-top: 0px;
	border-bottom: #eeeeff 0px solid;
	font-family: verdana,helvetica,arial;
	background-color: #FF9B58;
	width: 125px;
	height: 19px;
	background: url(images/buttonbkg_orangeMedium.gif) no-repeat right top;
}

.classbutton
{
	border-right: #eeeeff 0px solid;
	padding-right: 0px;
	border-top: #eeeeff 0px solid;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 3px;
	border-left: #eeeeff 0px solid;
	cursor: hand;
	color: #000000;
	padding-top: 0px;
	border-bottom: #eeeeff 0px solid;
	font-family: verdana,helvetica,arial;
	background-color: #FF9B58;
	width: 100px;
	height: 19px;
	background: url(images/buttonbkg_orange.gif) no-repeat right top;
}

.classbuttontall
{
	border-right: #eeeeff 0px solid;
	padding-right: 0px;
	border-top: #eeeeff 0px solid;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 3px;
	border-left: #eeeeff 0px solid;
	cursor: hand;
	color: #000000;
	padding-top: 0px;
	border-bottom: #eeeeff 0px solid;
	font-family: verdana,helvetica,arial;
	background-color: #FF9B58;
	width: 100px;
	height: 36px;
	background: url(images/buttonbkg_orange_tall.gif) no-repeat right top;
	word-wrap : break-word;
}

.classbuttonSmall
{
	border-right: #eeeeff 0px solid;
	padding-right: 0px;
	border-top: #eeeeff 0px solid;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 3px;
	border-left: #eeeeff 0px solid;
	cursor: hand;
	color: #000000;
	padding-top: 0px;
	border-bottom: #eeeeff 0px solid;
	font-family: verdana,helvetica,arial;
	background-color: #FF9B58;
	width: 60px;
	height: 19px;
	background: url(images/buttonbkg_orangeSmall.gif) no-repeat right top;
}

.classdropdown
{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px; 
    height: 21px; 

    font-weight: normal;
    font-size: 12px;  
    cursor: hand;
    color: black; 
    font-family: verdana,helvetica,arial;
    background-color: #FFFFFF;
    vertical-align:bottom;
}

.classCheckBox
{
	border-width: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}

.FormLabelNormal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #836d53;
	vertical-align: middle;
}

.classtextx
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-size: 12px;
    margin: 1px;
    border-left: #cccccc 1px solid;
    color: #343c79;
    border-bottom: #cccccc 1px solid;
    font-family: verdana,helvetica,arial;
  /*  height: 19px;  */
    background-color: white;
    padding: 2px;
    vertical-align: middle;
}

.classtextxdisabled
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-size: 12px;
    margin: 1px;
    border-left: #cccccc 1px solid;
    color: #343c79;
    border-bottom: #cccccc 1px solid;
    font-family: verdana,helvetica,arial;
 /*   height: 19px; */
    padding: 2px;
    background-color: #eeeeee;
    vertical-align: middle;
}
.PageHead
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	height: 35px;
	
}

.bo-header{
    width:100%;
    position:fixed;
    top:0px;
}
.bo-banner-bar{
    width:100%;
    line-height: 45px;
    border-bottom: solid 1px #e1e1e1;
    background: #f5f5f5;
}

.bo-banner-logo{
    width:30%;
    display:inline-block;
    float:left;
    height: 45px;
}

.bo-banner-logo img{
    height:35px;
    margin-top:5px;
    margin-left:15px;
}

.bo-banner-question{
    width:70%;
    display:inline-block;
    text-align:right;
    height: 45px;
}

.bo-banner-question img{
    margin-top:5px;
    margin-right:15px;
}

.bo-sub-header-bar{
    top:45px;
    text-align:center;
}

.bo-sub-header-title{
    text-align:center;
    font-size: 18px;
    color: #4b4b4b;
}


.bo-footer{
    width:100%;
    position:fixed;
    bottom:0px;
}

.bo-footer-bar{
   background-color: #f5f5f5;
    border: solid 1px #dddddd;
    min-height: 36px;
    font-size: 12px;
    color: #707070;
    text-align:center;
	width:100%;
}

.bo-footer-navigation-bar{
    min-height: 50px;
    background-color: #2d2d2d;
    text-align: center;
	width:100%;
}

.bo-doc-signature-container{
    width:100%;
}

.bo-doc-signature{
    padding:0px;
    width:833px !important;
    border: solid 1px #e1e1e1;
    position:fixed;
    bottom:90px;
    margin-left:45px;
}

.bo-main-container{
}

.bo-documents-main-container{
    margin-top:90px;
}

.bo-doc-nav-area{
    position:fixed;
    left:0px;
    display:inline-block;
    height: 500px; 
    width: 100px; 
    border-right: 1px solid #888888;
    background-color: #DDDDDD; 
    margin-top: 2px; 
    padding-top: 10px; 
    overflow-y: auto;
}



.bo-documents-container{
   margin-left: 100px;
}

.bo-doc-area{
    width:905px;
}

.bo-background{
    background-color:#ABABAB;
}

.bo-btn-download{
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 32px;
    margin-right: 8px;
    border: none;
    padding: 0;
    vertical-align: top;
    background: url('/images/footer_icons.svg') repeat scroll -201px -1px;
}
.bo-btn-zoom{
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 32px;
    margin-right: 8px;
    border: none;
    padding: 0;
    vertical-align: top;
    background: url('/images/footer_icons.svg') repeat scroll -305px 0;
}
.bo-btn-zoomout{
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 32px;
    margin-right: 8px;
    border: none;
    padding: 0;
    vertical-align: top;
    background: url('/images/footer_icons.svg') repeat scroll -354px 0;
}
.bo-separator{
    border-left: 1px solid #707070;
    display: inline-block;
    height: 20px;
    margin: 15px 8px;
    width: 0;
}


.bo-paging-section{
    display: inline-block;
    height: 50px;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0;
    margin-right: 12px;
    list-style-type: none;
}

.bo-paging-current-page-number{
    display: inline-block;
    height: 50px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    float: left;
    background: none;
    border: none;
    border-bottom: solid 1px #cecece;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 19px;
    padding: 3px 2px 3px 3px;
    margin: 11px 5px 10px 0;
    width: 40px;
    text-align: center;
    line-height: 22px;
}

.bo-paging-separator{
    display: inline-block;
    height: 50px;
    color: #fff;
    font-size: 14px;
    padding: 0 2px;
    float: left;
    line-height: 50px;
    min-width: 10px;
}

.bo-page-count{
    display: inline-block;
    height: 50px;
    color: #fff;
    font-size: 14px;
    min-width: 10px;
    float: left;
    line-height: 50px;
    text-align: right;
}

.bo-page-down{
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 32px;
    margin-right: 8px;
    border: none;
    padding: 0;
    vertical-align: top;
    background: url('/images/footer_icons.svg') repeat scroll -12px 0;
}

.bo-page-up{
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 32px;
    margin-right: 8px;
    border: none;
    padding: 0;
    vertical-align: top;
    background: url('/images/footer_icons.svg') repeat scroll -63px 0;
}

.bo-pg-up-down-disable{
   opacity: 0.3 !important;
   cursor: default !important;
}

@media only screen and (max-width: 600px) {
	 #doc-area{border-bottom:none !important;}
	.bo-doc-signature{ position:relative !important;bottom:0px;}
	.bo-footer{position:relative !important;width:1100px;}
	#name{width:180px !important;}
}