body {
    background: none repeat scroll 0 0 #e2e2e2;
    margin: 0;
    color:#333;
    font-family:verdana;
}
label{
cursor:pointer;
}
#header{
position:fixed;
top:0;
left:0;
display:block;
width:100%;
background:url("../images/bgg.png");
height:40px;
z-index:20;
}
#container {
    width:980px;
    margin:8px auto ;
    text-align:center;
    border:0px solid #000;
    height:800px;
}
 #logo{

background:url("../images/psychometric_test.png");
height:32px;
background-repeat:no-repeat;
text-align:left;
padding-left:151px;
width:99%;
border:0px solid #000;
z-index:40;
position:fixed;
}

#logo h3{
position:fixed;
font-family:arial;
font-size:22px;
color:#fdc724;
margin-top:0px;
z-index:40;
margin-left:30px;
}
#logo a{

color:#cccc99;
font-size:19px;
}
#fb_login{
float:right;
cursor:pointer;
display:inline;
height:22px;
margin-top:5px;
width:67px;
color:#fff;
font-size:12px;
font-weight:900;
}

#quote_sec{

text-align:center;
padding:15px;
line-height:1.2em;
font-family:arial;
font-size:14px;
border-left:5px solid #aaa;
margin-left:20px;
}

#block-top-left{
width:620px;
margin-top:40px;
float:left;
margin-left:10px;
}
#block-mid-left{
width:620px;
margin-top:20px;
text-align:justify;
line-height:1.3em;
float:left;
margin-left:10px;
font-size:14px;

}
#block-vert-right{
background:#434444;

float:right;
padding:10px;
width:300px;
margin-top:40px;
margin-right:10px;
text-align:center;
}
.labTxt{
font-size:12px;
font-weight:600;
color:#fff;
letter-spacing:0.2em;
font-family:Arial
}
.rbg{
height:30px;
background:#cccccc;
text-align:right;
border:2px outset #434444;
cursor:pointer;
}
.rcol-bar{
height:30px;

}
.score{
float:right;
color:#fdc724;;
font-size:16px;
font-weight:900;
}
.quality{

float:left;
cursor:pointer;
}
.text-block{
border:2px solid #c0c0c0;
font-size:14px;
text-align:left;
overflow:hidden;
background:#fff;

}
.q-block{

color:#fff;
background:#434444;

}
.q-content{
background:url("../images/squares.png");
background-repeat:no-repeat;
padding:20px;
font-weight:900;

}
#test-desc{
font-size:12px;
font-family:verdana;
font-weight:normal;
padding:10px;
font-size:0.1px;
text-align:justify;
line-height:1.6em;
}
a{
text-decoration:none;
color:#800004;
font-weight:900;
}
a:hover{
text-decoration:underline;

}
.ch-block{
background:#fff;
padding:20px;
float:left;
width:290px;
border:0px solid #000;

}
.nxt-block{
background:#fff;
padding-right:80px;
padding-top:20px;
float:right;
border:0px solid #000;
text-align:right;
}
.qno{
font-size:25px;
color:#800004;
font-weight:900;
}
.nxtBtn{
position:relative;
        padding:10px 30px 10px 30px;
	color:#330000;
	background:#ccff00; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFFF99), to(#fdc724));
	background:-moz-linear-gradient(#ffff99, #fdc724);
	background:-o-linear-gradient(#ffff99, #fdc724);
	background:linear-gradient(#ffff99, #fdc724);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-weight:900;

}
#fbinvitebtn{
background:#336699;
        cursor:pointer;
        color:#fff;
        width:200px;
        font-size:12px;
        font-family:verdana;
}
#logout_btn{
color:#fdc724;

}
#footer{
float:left;
text-align:center;
font-size:10px;
}
#extra{
position:fixed;
top:36px;
right:190px;
background:#434444;

float:right;
width:300px;

text-align:center;
}
.quality-title{
font-family:verdana;
font-weight:900;
color:#800004;
font-size:16px;
}
.quality-desc{
font-family:verdana;
font-size:12px;
font-style:italic;
text-align:justify;
padding-right:15px;
line-height:1.3em;
}
.quality-comment{
font-family:verdana;
font-size:12px;

text-align:justify;
padding-right:15px;
line-height:1.3em;
}

#final_comment{
padding-right:15px;

}
.result-panel-title{
font-size:18px;
font-family:verdana;
color:#fdc724;
font-weight:900;

}

.txtNotify{
font-size:10px;
color:#999;
}

.input:focus {
    outline: none !important;
    border:2px solid blue;
    box-shadow: 0 0 10px #719ECE;
}