@import "common.css";

#left {
	position: relative; float: left;
	width: 680px; height: 1100px;
	padding: 0px; margin: 20px 0 0 20px;
    background: #fff;
    }
#right {
	position: relative; float: left;
	width: 219px; height: 1100px;
	padding: 0px; margin: 20px 0 0 20px;
    background: #fff; border-left: 1px dashed #C2C7AB;
    }

#mainIntro {
	position: relative; float: left;
	width: 680px; height: 248px;
	padding: 0px; margin: 0px 0 0 0px;
	background: #fff url(../images/mainBankHand.jpg) right bottom no-repeat;
    } 
span.main1 {
    position: absolute; top: 5px; left: 15px; 
    width: 400px; height: auto; 
    color: #000; font-size: 30px; font-family: Palatino, Georgia, Tahoma; font-weight: normal; 
    }
span.main2 {
    position: absolute; top: 60px; left: 15px; 
    width: 335px; height: auto; 
    color: #3E647E; font-size: 18px; font-family: Palatino, Georgia, Tahoma; font-weight: normal;
    line-height: 24px;
    }
span.main3 {
    position: absolute; top: 150px; left: 15px; 
    width: 350px; height: auto; 
    color: #613318; font-size: 18px; font-family: Palatino, Georgia, Tahoma; font-weight: normal; 
    line-height: 24px;
    }
    
img.mainPic {
	position: relative; float: left;
    width: auto; height: auto;
    border: 0px;
    }     
#randBank {
	position: relative; float: left;
	width: 680px; height: 230px;
	padding: 0px; margin: 20px 0 0 0px;
	background: #1E2D3B url(../images/randBack.gif); 
    } 
span.randRev {
	position: absolute; top: 2px; left: 5px;
	width: 500px; height: auto;
    color: #ABBEC6; font-size: 18px; font-family: Arial; font-weight: normal;    
    background: transparent;
    z-index: 50;
    }
table.bankDemo {
    position: absolute; top: 31px; left: 5px;
    width: 361px; height: auto;
    padding: 0px; margin: 0px; 
    font-family: arial, helvetica; font-size: 13px; color: #84919E; text-align: right;
    border-collapse: collapse; border: 0px;
    background: transparent; 
    }
table.metrics {
    position: absolute; bottom: 0px; left: 1px;
    width: 370px; height: auto;
    padding: 0px; margin: 0px; 
    font-family: arial, helvetica; font-size: 13px; text-align: right;
    border-collapse: collapse; border: 0px;
    background: transparent; 
    }
tr.rowMetric {height: 19px;}
td.cellMetric {
    width: 118px; 
    padding: 0 0 0 2px; 
    text-align: left; 
    background: #F0F0F0 url(../images/metricBottomBorder.gif) repeat-x;
    }
img.randChart {
    position: absolute; top: 1px; left: 373px;
    width: auto; height: auto;
    z-index: 40;
    }     
td.cellEmpty {
    width: 58px;
    padding: 0 2px 0 0;
    background: #F5F5F5 url(../images/metricBackGrey.gif) repeat-x;
    }
    
#bankJump {
	position: relative; float: left;
	width: 680px; height: 30px;
	padding: 0px; margin: 2px 0 0 0px;
	background: transparent; 
    } 
#jumpBox {
	position: absolute; top: 0px; right: 0px;
	padding: 0px; margin: 0px auto;
	width: auto; height: auto;
	background: transparent;     
	}
#jumpBox input {
	position: relative; float: left;
	padding: 0px 0 0px 3px; margin: 0px auto;
	width: 90px; height: 20px;
	font-family: arial; font-size: 13px; color: #444;
	background: #F5F5F5; border: 1px solid #888;
	}
img.jumpImg {
	position: relative; float: left;
	padding: 0px; margin: 0px 0 0 2px;
	width: 22px; height: 22px;
	border: 0px;
	}
img.jumpImgAlert {
	position: relative; float: left;
	padding: 0px; margin: 0px 0 0 0px;
	width: 119px; height: 22px;
	border: 0px;
	}

#custPeers, #exportExcel {
	position: relative; float: left;
	width: 330px; height: 280px;
	padding: 0px; margin: 20px 0 0 0px;
	background: url(../images/custPeers.jpg); 
    } 
#exportExcel {margin: 20px 0 0 20px; background: #F5F5F5 url(../images/exportExcel2.jpg);}    
#custPeers p.tit, #exportExcel p.tit {
	position: relative; float: left;
	width: 310px; height: auto;
	padding: 0px; margin: 8px 0 0 10px;
    color: #000; font-size: 1.4em; font-family: Arial; font-weight: normal; 
    }
#custPeers p.base, #exportExcel p.base  {
	position: relative; float: left;
	width: 310px; height: auto;
	padding: 0px; margin: 10px 0 0 10px;
    color: #333; font-size: 1.0em; font-family: Arial; font-weight: normal; 
    }
#custPeers p.base1, #exportExcel p.base1  {margin: 50px 0 0 10px;}


div.intro, div.introB {
	position: relative; float: left;
	width: 330px; height: 178px;
	padding: 0px; margin: 20px 0 0 0px;
	background: #DEE3E7 url(../images/backIntro1.jpg); 
    } 
div.introB {margin: 20px 0 0 20px; background: #DCE9D6 url(../images/backIntro2.jpg);}    
div.introGBU {
	position: relative; float: right;
	width: 330px; height: 376px;
	padding: 0px; margin: 20px 0 0 0px;
	background: #fafafa url(../images/backGBU.gif); 
    } 

div.intro p.tit, div.introB p.tit, div.introGBU p.tit {
	position: relative; float: left;
	width: 310px; height: auto;
	padding: 0px; margin: 10px 0 0 10px;
    color: #000; font-size: 1.4em; font-family: Arial; font-weight: normal; 
    }
div.intro p.titSub, div.introB p.titSub {
	position: relative; float: left;
	width: 310px; height: auto;
	padding: 0px; margin: 20px 0 0 10px;
    color: #000; font-size: 1.4em; font-family: Arial; font-weight: normal; 
    }
div.intro p.base, div.introB p.base, div.introGBU p.base, div.introGBU p.base1, div.introGBU p.baseNew, div.custPeers p.base  {
	position: relative; float: left;
	width: 310px; height: auto;
	padding: 0px; margin: 10px 0 0 10px;
    color: #333; font-size: 1.0em; font-family: Arial; font-weight: normal; 
    }
div.introGBU p.base1 {margin: 17px 0 0 10px;}
div.introGBU p.baseNew {margin: 23px 0 0 10px;}


#peopleMain {
	position: absolute; top: 105px; right: 1px;
	width: 344px; height: 63px;
	padding: 0px; margin: 0px;
	background: #fff url(../images/peopleTrial.jpg); border: 0px; 
    }  
h1 {
	position: relative; float: left;
	width: 940px; height: auto;
	padding: 20px 10px 20px 10px; margin: 0px;
    color: #000; font-size: 1.4em; font-weight: normal; font-family: Verdana; 
    background: transparent; border-bottom: 1px solid #ddd;
	background: #fff url(../images/peopleTrial.jpg) no-repeat; background-position: right top;    
    }
    
    
#intro2 {
	position: relative; float: left;
	width: 450px; height: 236px; 
	padding: 0px; margin: 20px 0 0 20px;
	background: #fff;
	}
span.introTitle {
    position: relative; float: left; 
    padding: 0px 0 2px 0; margin: 0px;
	width: 450px; height: auto; 
    font-size: 1.4em; font-weight: normal; 
    background: #fff;
    }    
p.pIntro {
    position: relative; float: left; 
    padding: 0px 0 10px 0; margin: 0px; 
    width: 450px; height: auto;
    color: #444;
    background: #fff;
    }   
span.mainBold {color: #000; font-weight: bold;}    
    
#contentRow1 {height: 190px;} 
#contentRow2 {height: 708px; background: transparent;}
#whatsBox {
	position: relative; float: left;
	width: 450px; height: 309px; 
	padding: 0px; margin: 20px 0 0 20px;
    background: #F2F2F2 url(../images/temp2x.gif) repeat-x;
	}
span.whatTitle {
    position: relative; float: left; 
    padding: 0px 0 0px 0; margin: 0px;
	width: 450px; height: auto; 
    font-size: 1.0em; font-weight: bold; 
    background: #fff;
    }    
#scrollBox {
    position: relative; float: left; 
    padding: 0px; margin: 0px; 
    width: 448px; height: 289px; 
    background: transparent; border: 1px solid #999; 
    color: #444;
    overflow-y: scroll; overflow-x: hidden; 
    } 
a.topLink {
    position: relative; float: left; 
    padding: 5px 5px 10px 5px; margin: 0px; 
    color: #000;
    }
a.whatLink {
    position: relative; float: left; 
    padding: 4px 5px 0px 5px; margin: 0px; 
    color: blue; text-decoration: none;
    }
a.whatLink:hover {text-decoration: underline;}
a.whatDetail {
    position: relative; float: left; 
    padding: 2px 5px 3px 5px; margin: 0px;
    width: 430px; 
    color: #000; font-weight: bold;
    }
p.descTop {
	position: relative; float: left;
    padding: 5px 5px 8px 5px; margin: 0px;
	width: 410px; height: auto; 
    color: #000;
    }
p.desc {
	position: relative; float: left;
    padding: 0 5px 8px 5px; margin: 0px;
	width: 410px; height: auto; 
    }
a.returnLink {color: blue; text-decoration: none;}
a.returnLink:hover {text-decoration: underline;}

p.spacer {
	position: relative; float: left;
    padding: 25px 5px 8px 5px; margin: 0px;
	width: 400px; height: auto; 
    }

    
    
p.curQtr {
	position: relative; float: left;
	width: 200px; height: auto;
	padding: 0px; margin: 3px 0 0 20px;
    }
#calendarBox {
	position: relative; float: left;
	width: 200px; height: auto;
	padding: 0px; margin: 10px 0 0 20px;
    }
p.researchLab {
	position: relative; float: left;
	width: 199px; height: 19px;
	padding: 2px 0 0 2px; margin: 20px 0 0 20px;
    font-weight: bold; color: #000000;
    border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; 
	background: #eee url(../images/iconCommentary.gif) no-repeat right;
    }

span.labLine {
	position: relative; float: left;
	padding: 2px 0 0 0; margin: 0px 0 0 20px;
    width: 199px;
    color: #555; font-size: 13px;
    }
div.labSpacer {
	position: relative; float: left;
	padding: 0px; margin: 0px 0 0 20px;
    width: 199px; height: 8px;
    background: transparent;
    }
a.lab:link, a.lab:visited {
	position: relative; float: left;
	padding: 2px 0 0 0; margin: 0px 0 0 20px;
    color: #002280; text-decoration: none; font-size: 10pt;
    }
a.lab:hover {text-decoration: underline;}
#aboutData, #peerDetermination, #createPDF {
	position: relative; float: left;
	width: 194px; height: 18px;
	padding: 2px 0 0 0; margin: 20px 0 0 20px;
    font-weight: bold; color: black;
	background: #B4CAB2 url(../images/backDescAbout.jpg); border-left: 5px solid #1A502F; 
    }
#peerDetermination {background: #9FBFD4 url(../images/backDescPeer.jpg); border-left: 5px solid #00344E;}
#createPDF {background: #383421 url(../images/backCreatePDF.jpg); border-left: 5px solid #383421;}  
/*  #createPDF {background: #7A0018 url(../images/backCreatePDF2.jpg); border-left: 5px solid #3A4B5C;}  */
#apDesc, #apDesc2 {
    position: relative; float: left; 
    padding: 0px; margin: 2px 0 0 20px; 
    width: 200px; 
    font-size: 90%; color: #555;
    }
#apDesc2 {margin: 8px 0 0 20px;}
    
.monthYear {float: left; width: 196px; height: auto; background: #BDC8D3; border: 1px solid #94A2B0; margin-bottom: 3px; text-align: center; color: #000000; font-weight: bold;}    
.dayHeader {float: left; width: 22px; height: auto; background: #ADB9C0; border: 1px solid #444C51; margin: 0 5px 3px 0; text-align: center; font-weight: bold;}
.dayHeaderSat {float: left; width: 22px; height: auto; background: #ADB9C0; border: 1px solid #444C51; margin-bottom: 3px; text-align: center; font-weight: bold; }
.weekDay {float: left; width: 22px; height: auto; background: #eee; border: 1px solid #C0C0C0; margin: 0 5px 3px 0; text-align: center; color: #333;}
.weekEnd {float: left; width: 22px; height: auto; background: #ddd; border: 1px solid #C0C0C0; margin: 0 5px 3px 0; text-align: center; color: #665;}
.weekSat {float: left; width: 22px; height: auto; background: #ddd; border: 1px solid #C0C0C0; margin-bottom: 3 px; text-align: center; color: #665;}
.dtDownload {float: left; width: 22px; height: auto; background: #fff; border: 1px solid #555555; margin-right: 5px; margin-bottom: 3px; text-align: center; color: #000000;}    
.dtMailed {float: left; width: 22px; height: auto; background: #F67D81; border: 1px solid #000; margin-right: 5px; margin-bottom: 3px; text-align: center; color: #000;}