@font-face{
  font-family:"Dax";
  src:url('/images/login/DaxMedium.eot'); /*IE9*/
  src:url('/images/login/DaxMedium.eot?#iefix') format('embedded-opentype'), /*IE8*/
      url('/images/login/DaxMedium.ttf') format('truetype')
}
* {margin:0; padding:0;}
body {background-color:#C1D3E5; font-family:Dax, Trebuchet MS, sans-serif;}
img{border:none;}
p {margin:0em}

#wrapper{width:900px; margin:0 auto;}
#BPIheader{ 
  width:843px; 
  height:88px; 
  position:relative; 
  z-index:2;
}

/*left side CSS*/
#middleContainer {
  height: 100%;
	width: 100%;
	position: relative;
}
#middleContainer:after {
	display: table;
	clear: both;
	content: '';
}

#redBorderLeft{
  background-image:url(/images/login/redborder_left.png); 
  width:7px; 
  height:848px; 
  margin-left:8px; 
  float:left; 
  position:relative; 
  display:block; 
  margin-top:-16px;
}

#displayImage{background-image:url(/images/login/displayimage.png); width:600px; height:339px; margin-top:-16px; float:left;}

#rectangleBackground{background-image:url(/images/login/rectangle_background.png); 
width:583px; height:510px; float:left; margin-left:-3px; display:block;}
#rectangleBackground a{color:#000cfd; text-decoration:none;}
#rectangleBackground a:hover{text-decoration:underline;}

.contentBox01{background-image:url(/images/login/content_box01.png); width:276px; height:200px; float:left;}
.contentBox02{background-image:url(/images/login/content_box02.png); width:548px; height:203px; float:left;}
.contentBox03{background-image:url(/images/login/content_box03.png); width:276px; height:111px; float:left;}

#aboutUsBox{margin-left:12px;}
#formsBox{margin-left:-5px; position:relative;}
#announcementsBox{margin-left:12px; margin-top:-6px}
#videosBox{margin-left:12px; margin-top:-6px;}
#eventsBox{margin-left:-5px; margin-top:-6px;}

.contentHeader{background-image:url(/images/login/content_headers.png); width:107px; height:28px;
 margin-left:8px; margin-top:6px; float:left;}
.contentHeaderText{color:#FFF; font-size:11px; margin-top:7px;}

#contentHeaderAboutUs{margin-left:29px;}
#contentHeaderForms{margin-left:38px;}
#contentHeaderAnnouncements{margin-left:15px;}
#contentHeaderVideos{margin-left:35px;}
#contentHeaderEvents{margin-left:13px;}

#contentAboutUs{margin-left:30px; margin-top:43px; font-size:10px;}
#descAboutUs{width:220px; text-align:justify; line-height:12px;}
.onelinetext{height:12px;white-space:nowrap;}
.whitespaceAboutUs{height:5px;}
#contentForms{list-style-type:square; margin-left:35px; margin-top:43px; color:#000cfd;}
#contentForms li{font-size:13px;}
.whitespaceForms{height:8px;}
#contentAnnouncements{margin-left:-90px; margin-top:40px; float:left; text-align:justify; width:510px; height:135px; overflow:auto;}
#faqsText{font-size: 10px;margin-left: 30px;margin-top: 40px;line-height: 14px; text-align: justify; width: 220px;}
#upcomingEventsText{font-size: 10px;margin-left: 30px;margin-top: 50px;line-height: 14px; text-align: justify; width: 115px;}
#calendarImage{background-image:url(/images/login/calendar.png); width:76px; height:72px; margin-left:170px; margin-top:-58px;}
/*end of left side CSS*/

/*right sidebar CSS*/
#rectangleLogin{float:left; position:relative; width:265px; height:860px; 
background-image:url(/images/login/rectangle_login.png); z-index:1; margin-left:-20px; margin-top:-347px;}
.loginHeaders{background-image:url(/images/login/login_headers.png); width:247px; height:30px; margin-left:9px;}
.loginHeaderText{font-size:16px; color:#FFF;}
.loginHeaderText a{color:#FFF; text-decoration:none;}

#headerLogin{margin-top:23px; position:relative;}
#headerPSEi{
  margin-top:191px;
  position:relative;
}
#headerOpenAccount{margin-top:156px;}
#headerTrial{margin-top:93px;}
#headerContactUs{margin-top:87px;}

#headerTextLogin{margin-left:50px; margin-top:5px; float:left; color:#c3a033;}
#headerTextBPILinks{margin-left:48px; margin-top:5px; float:left;}
#headerTextPSEi{margin-left:105px; margin-top:5px; position:absolute;}
#headerTextOpenAccount{margin-left:50px; margin-top:5px; position:absolute;}
#headerTextTrial{margin-left:73px; margin-top:5px; position:absolute;}
#headerTextContactUs{margin-left:80px; margin-top:5px; position:absolute;}
.forwardArrow{background-image:url(/images/login/forward_arrow.png); width:24px; height:24px; margin-top:3px; float:right;}
#arrowOpenAccount{margin-right:45px;}
#arrowTrial{margin-right:66px;}
#arrowContactUs{margin-right:66px;}

.rightSideContent{font-size:13px; float:left;}
#contentPSEi{margin-left:8px; margin-top:18px; float:left;}
#contentOpenAccount{margin-left:30px; margin-top:2px;}
#contentTrial{margin-left:65px; margin-top:19px;}
#contentContactUs{margin-left:40px; margin-top:20px;}

#iconFacebook{background-image:url(/images/login/facebook.png); width:30px; height:33px; margin-left:55px; margin-top:10px; float:left;}
#iconTwitter{background-image:url(/images/login/twitter.png); width:30px; height:33px; margin-left:95px; margin-top:10px;}
/*end of right sidebar CSS*/

/*login CSS*/
.textboxImage{background-image:url(/images/login/login_textbox.png); width:209px; height:30px; margin-left:28px; position:relative;}

#usernameContainer{margin-top:10px;}
#passwordContainer{margin-top:10px;}
#dropdownContainer{margin-top:40px;}

.usrWatermarkIE{z-index:50; position:absolute; clear:both; margin-left:40px; margin-top:8px; font-size:12px; color:#999;}	
.pswdWatermarkIE{z-index:50; position:absolute; clear:both; margin-left:40px; margin-top:48px; font-size:12px; color:#999;}

.redForget{color:#b11015; text-decoration:none;}
.loginBtnBox{float:right; margin-right:}
#LoginButton{background-image:url(/images/login/login_button.jpg); width:63px; height:19px; margin-left:165px; margin-top:10px; position:relative; border:none; cursor:pointer;}
#inputLogin{width:180px; height:15px; line-height:20px; margin:7px 6px; font-family:Dax, Trebuchet MS, sans-serif; border:none;}
#inputPswd{width:180px; height:15px; line-height:10px; margin:7px 6px; border:none;}
.forgotUsrPswd{width:135px; margin-left:70px; font-size:10px; float:left; color:#999;}
.forgotUsrPswd a:hover{text-decoration:underline;}
.aftrLogin{width:180px; margin-left:40px; margin-top:10px; font-size:12px; float:left; position:relative; color:#999;}
.loginSelect{width:190px; height:18px; margin:7px 6px; border:none; font-family:Dax, Trebuchet MS, sans-serif;}

#divBPILinks{margin-left:30px; height:0px; display:none; float:left;}
.bpiLinkDesc{
	float:left;
	color:#797979;
	width:70%;
  font-size:12px;
	padding-left:23px;
}
.bpiLink1{margin-top:10px;}
/*end of login CSS*/

#BPIFooter{background-image:url(/images/login/footer.png); width:812px; height:46px; margin-left:8px; margin-top:-15px; float:left;}

/*Public Announcements*/
.publicAnc{float:left; width:445px; margin-top:10px; font-size:11px;}
/*end of Public Announcements*/

/*Market Stats*/
.divPseiBody{
	width:250px;
	text-align:center; 
	float:left;
	height:85px;
}
*HTML .divPseiBody{text-align:center; height:87px;}
.divPseiIndex{
	text-align:center;
	float:left;
	width:100%;
}

.divPseiValue{
	float:left;
	font-weight:bold;
	font-size:26px;
	width:100%;
  text-align:center;
}
.divPseiBoxL, .divPseiBoxM, .divPseiBoxR{font-size:16px;}
.divPseiTurnoverBox{
	clear:both; 
	font-size:15px;
}
.green{color:#409726;}
.red{color:#FF0000;}
/*end of Market Stats*/

/*footer CSS*/
#divFooter{text-align:left; width:845px; font-family:Helvetica;}
#divFooterLogo{color:#999; font-size:10px; float:left; width:200px;}
#divFooterLogo img{margin:0px 8px;}	
#divFooterText{color:#000; font-size:10px; float:right; width:640px; margin-top:12px;}
.reddoesnotmeet{color:red;font-weight:bold;}
.reddoesnotmeet a{color:red; font-weight:normal; text-decoration:none; font-style:italic;}
.reddoesnotmeet a:hover{text-decoration:underline;font-style:italic;}
/*end of footer CSS*/

/*for forgotuserpass lightbox and alertbox*/
.title{font-size:13px; text-align:center; margin:10px;}
.subText{text-align:left; padding-bottom:10px;}
.bold{font-weight:bold;}
.redLink{color:#811015;}
.rightSideLinks{ float:right;}
.padding40{padding:20px 40px; height:90px; width:380px; margin:0px auto;}
.padding40 ul{text-align:left; padding:0px; margin:0px; list-style-type:none;}
.padding40 li{padding:5px;}
.circleX{background-color:#811015; line-height:20px;height:20px; width:20px; border-radius:10px; -moz-border-radius:10px; 
		 -webkit-border-radius:10px; margin-right:-30px; margin-top:-5px;-khtml-border-radius: 10px;}
.circleX a{color:white; text-decoration:none;}
#descAlert{line-height:14px; text-align:justify; width:220px;}
#buttonContainer{margin-top:30px;}
#continueBttn{margin-left:35px; float:left;}
#closeBttn{margin-left:125px;}