/*(c) UnifiedPost 2010 
This CSS is used by different files:
1) Presentment Environment application
2) Html pages used by Weblink application
   
CSS has been tested for resolutions :
1024 x 768
1440 x 900

CSS has been tested in :
Internet Explorer 8.0
Firefox 3.6.10
Chrome 5.0
Safari 5.0 

v 1.0 TLS 30-sep-2010   
v 1.1 TLS 24-jan-2011   
*/ 

/*general settings*/


body {
	font-family: Arial, Helvetica, sans-serif;  /*Customizable: font of body text*/
	font-size: 12px; /*Customizable: font size of body text*/
	color: #221E1F; /*Default text color*/
	background-color: #fff; /*Customizable: background color web page*/
	}

b {
	color: #000000; /*Customizable: color bold text in body text*/
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FACB00;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}
 
h2 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FACB00;
	margin: 15px 0 5px 0;
}

h3 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
}

a:link {
	color: #999; /*Customizable: color of hyperlink*/
    text-decoration: underline;
	}

a:hover {
	color: #FACB00; /*Customizable: color of hyperlink on hover*/
    text-decoration: none;
}

a:visited {
	color: #999; /*Customizable: color of visited hyperlink*/
    text-decoration: underline;
	}

.keyword {
	font-weight: bold; /*Customizable: weight of keywords in list items*/
}
	
.viewer {
	display: block;
	width: 540; /*Customizable: width is used in case the javascript is not active*/
	height:100%;
}

 .viewerlarge {
  display: block;
  width: 900; /*Customizable: width is used in case the javascript is not active*/
  height:100%;
}

#Senderbanner {
	position: absolute; 
	left: 50%; /* Used to center content on page */
	margin-left: -364px; /*Customizable: This is 50% of the width of the bannerlogo*/
	width: 728px;/*Customizable: This should be the width of the bannerlogo*/
	height: 90px;/*Customizable: This should be the height of the bannerlogo*/
}

#SmallCenterBody {
	position: absolute;
	width: 728px; /*Customizable: width is same as the banner*/
	left: 50%; /*Used to center content on page and with the left margin let start the container right of the login*/ 
	margin-top: 91px; /*Customizable: login form starts right under the logo*/
	margin-left: -364px; /*Customizable: This is 50% of the width of the bannerlogo so this div starts at the left margin*/
	padding-top: 20px; /*Customizable: margin*/
	padding-left: 10px; /*Customizable: margin*/
	padding-right: 10px; /*Customizable: margin*/
}
	
#bodyframe {
	position: absolute;
	width: 727px; /*Customizable: width is same as the banner*/
	height: 408px;
	left: 50%; /*Used to center content on page and with the left margin let start the container right of the login*/
	margin-top: 91px; /*Customizable: login form starts right under the logo*/
	margin-left: -364px; /*Customizable: This is 50% of the width of the bannerlogo so this div starts at the left margin*/
	border-style: solid; /*Customizable: style border*/
	border-width: 1px; /*Customizable: width border*/
	border-color: #FACB00; /*Customizable: color border*/
	background-color: white; /*Customizable: background color body*/
}
  
#bodyframesmall {
	position: absolute;
	width: 727px; /*Customizable: width is same as the banner*/
	height: 208px;
	left: 50%; /*Used to center content on page and with the left margin let start the container right of the login*/
	margin-top: 91px; /*Customizable: login form starts right under the logo*/
	margin-left: -364px; /*Customizable: This is 50% of the width of the bannerlogo so this div starts at the left margin*/
	border-style: solid; /*Customizable: style border*/
	border-width: 1px; /*Customizable: width border*/
	border-color: #FACB00; /*Customizable: color border*/
	background-color: white; /*Customizable: background color body*/
}
     
#gtcBody {
	position: absolute;
	width: 728px; /*Customizable: width is same as the banner*/
	left: 50%; /*Used to center content on page and with the left margin let start the container right of the login*/ 
	margin-top: 91px; /*Customizable: login form starts right under the logo*/
	margin-left:-364px; /*Customizable: This is 50% of the width of the bannerlogo so this div starts at the left margin*/
	padding-top: 20px; /*Customizable: margin*/
	/* padding-left: 10px;*/ /*Customizable: margin*/
	padding-right: 10px; /*Customizable: margin*/
	/* border-style: solid;*/ /*Customizable: style border*/
	border-width: 1px; /*Customizable: width border*/
	border-color: #FACB00; /*Customizable: color border*/
	background-color: white; /*Customizable: background color body*/
	font-family: arial, helvetica, sans-serif;  /*Customizable: font of body text*/
	font-size: 1em; /*Customizable: font size of body text*/
	background-color: #ffffff; /*Customizable: background color web page*/
	color: #818181;
		}
	  
/*page specific settings - DocFrame*/
				
.LoginLabel
{
	font-weight: bold;
	color:#FACB00;
}

#loginform {
	position: absolute;
	left: 50%; /* used to center content on page */
	width: 160px;
	height: 80%;
	margin-top: 91px;/*Customizable: login form starts right under the logo */
	margin-left: -364px;/*Customizable: This is 50% of the width of the bannerlogo so this div starts at the left margin*/
	background-color: #FAF7E5;/*Customizable:  background color login form */
	padding-top: 10px;
	padding-left: 10px;
	padding-right:10px;
}

#ContactMe {
	position: absolute;
	bottom: 0px;
	left: 50%; /* used to center content on page */
	width: 160px;
	height: 160px;/*height is used in case the javascript is not active*/
	margin-top: 91px;/*Customizable: login form starts right under the logo */
	margin-left:-364px;/*Customizable: This is 50% of the width of the bannerlogo so this div starts at the left margin*/
	background-color: #FAF7E5;/*Customizable:  background color login form */
	padding-left: 10px;
	padding-right:10px;
}

#pdfContainer {
	position: absolute;
	left: 50%;/* used to center content on page and with the left margin let start the container right of the login*/ 
	margin-top: 91px; /*Customizable: login form starts right under the logo */
	margin-left:-180px; /*Customizable: 1/2 with of the banner - 160 (width of loginform) */
	height: 85%;
}
#pdfContainerlarge {
  position: absolute;
  left: 50%;/* used to center content on page and with the left margin let start the container right of the login*/ 
  /*margin-top: 91px; /*Customizable: login form starts right under the logo */
  top:160px;
  #top:160px;
  _top:160px;
  margin-left:-364px; /*Customizable: 1/2 with of the banner - 160 (width of loginform) */
  height: 90%;
  text-align: center;
}

#pdfContainerlargeHigh {
  position: absolute;
  left: 50%;/* used to center content on page and with the left margin let start the container right of the login*/ 
  /*margin-top: 91px; /*Customizable: login form starts right under the logo */
  top:97px;
  #top:107px;
  _top:107px;
  margin-left:-364px; /*Customizable: 1/2 with of the banner - 160 (width of loginform) */
  height: 90%;
  text-align: center;
}

#nopdf {
	position: absolute;
	left: 50%;/* used to center content on page and with the left margin let start the container right of the login*/ 
	margin-top: 91px; /*Customizable: login form starts right under the logo */
	margin-left:-180px; /*Customizable: 1/2 with of the banner - 160 (width of loginform) */
	height: 85%;
	width: 520;
	padding-left: 10px;
}

img {  
	border-style: none;
}