.q
{
    float: left;
    margin-bottom: 10px;
    width: 244px;
}
.qt
{
    float: left;
    color: #A4E452;
    width: 244px;
}
.qa
{
    float: left;
    width: 244px;
}

.sqW
{
	float: left;
	width: 520px;
}

.sqa
{
	float: left;
	width: 238px;
	background-color: #0f3d86;
	height: 22px;
}
.sq
{
    float: left;
    margin-bottom: 10px;
    width: 244px;
}
.sqRight
{
    float: right;
    margin-bottom: 10px;
    width: 244px;
}
.sqt
{
    float: left;
    color: #A4E452;
    width: 244px;
}
.qa
{
    float: left;
    width: 244px;
}

.profileGraph
{
	float: right;
	margin-top: 0px;
    margin-left: 0px;
    width: 425px;
    height: 300px;
}

.imageLink
{
    float: left;
    text-align: center;
    width: 14px;
}

/* test form area */
.tf h1
{
    font-size: 30px;
    color: #A4E452;
    margin-bottom: 10px;
}
.tf h2
{
    font-size: 16px;
    color: #A4E452;
    margin-bottom: 0px;   
}
.tf .manager
{
    width: 805px;
    margin-top: 35px;


}
.tf .p1TextArea
{
    float: left;
    width: 528px;
	font-size: 14px;
	line-height: 22px;
}
.tf .textArea
{
    float: left;
    width: 244px;
	height: 300px;
    font-size : 12px;
    word-spacing: 2px;
	margin-right: 35px;
}
.tf .p1ImageArea
{
    float: left;
    width: 300px;
}
.tf .imageArea
{
    float: left;
    width: 244px;
	height: 300px;
	margin-right: 35px;
}
.tf .movieArea
{
    float: left;
	height: 300px;
    width: 244px;    
}
.tf .halfBox
{
    float: left;
    width: 244px;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
}

.tf ul li {
	list-style: none;
	padding-left: 16px;
	line-height: 19px; 
	background: url(../images/bullet.gif) no-repeat left center;
	font-family: Arial, Helvetica, sans-serif;
	color: #b5eff6;
	margin-left: -40px;
	margin-top: 0px;
	text-indent: 0px;
}

.tf .bottomLinks
{
    width: 800px;
    margin-top: 20px;
}
/* end of test form area */

/* percentage bar */
.percentageArea
{
    width: 366px;
    height: 52px; 
    display: inline;
}
.percentageArea .h
{
    float: left;
    width: 366px;
    height: 13px;
}
.percentageArea .h .left
{
    float: left;
    width: 7px;
    height: 13px;
    background-image: url(../images/perc/percZero.gif);
	background-repeat: no-repeat;
}
.percentageArea .h .mid
{
    float: left;
    width: 330px;
    height: 13px;
}
.percentageArea .h .mid .marker
{
    float: left;
    width: 9px;
    height: 13px;
    background-image: url(../images/perc/percMarker.gif);
}
.percentageArea .h .right
{
    float: left;
    width: 26px;
    height: 13px;
    font-size: 10px;
    font-weight: bold;
    color: #86bb5c;
    /* background-image: url(../images/perc/perc100.gif); */
}

.percentageArea .b
{
    float: left;
    width: 373px;
    height: 15px;
}
.percentageArea .b .mid
{
    float: left;
    width: 350px;
    height: 15px;
    background-image: none;
}
.percentageArea .b .mid .mid2
{
    float: left;
    width: 0px;
    height: 15px;
    background-image: url(../images/perc/perc_blue_filler.gif);
    background-repeat: repeat-x;
}
.percentageArea .b .right
{
    float: left;
    width: 11px;
    height: 15px;
    background-image: url(../images/perc/percRight.gif);
}
.percentageArea .f
{
    float: left;
    width: 365px;
    height: 24px;
}
.percentageArea .f .perc
{
    float: left;
    width: 50px;
    height: 24px;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-left: 165px;
	display: inline;
}

/* end of percentage bar */

/* changing percentages */

.percentageArea .b .left5
{
    float: left;
    width: 7px;
    height: 15px;
    background-image: url(../images/perc/percLeft5.gif);
}
.percentageArea .b .mid .mid15
{
    float: left;
    width: 348px;
    height: 15px;
    background-image: url(../images/perc/perc_green_filler5.gif);
    background-repeat: repeat-x;
}
.percentageArea .b .left4
{
    float: left;
    width: 7px;
    height: 15px;
    background-image: url(../images/perc/percLeft4.gif);
}
.percentageArea .b .mid .mid14
{
    float: left;
    width: 348px;
    height: 15px;
    background-image: url(../images/perc/perc_green_filler4.gif);
    background-repeat: repeat-x;
}
.percentageArea .b .left3
{
    float: left;
    width: 7px;
    height: 15px;
    background-image: url(../images/perc/percLeft3.gif);
}
.percentageArea .b .mid .mid13
{
    float: left;
    width: 348px;
    height: 15px;
    background-image: url(../images/perc/perc_green_filler3.gif);
    background-repeat: repeat-x;
}
.percentageArea .b .left2
{
    float: left;
    width: 7px;
    height: 15px;
    background-image: url(../images/perc/percLeft2.gif);
}
.percentageArea .b .mid .mid12
{
    float: left;
    width: 348px;
    height: 15px;
    background-image: url(../images/perc/perc_green_filler2.gif);
    background-repeat: repeat-x;
}
.percentageArea .b .left1
{
    float: left;
    width: 7px;
    height: 15px;
    background-image: url(../images/perc/percLeft1.gif);
}
.percentageArea .b .mid .mid11
{
    float: left;
    width: 348px;
    height: 15px;
    background-image: url(../images/perc/perc_green_filler1.gif);
    background-repeat: repeat-x;
}





/* end */