@charset "UTF-8";


#blogContainer {
margin:0 auto;
width:776px;
text-align:left;
height:430px;


background:url(../images/contentbg.jpg) no-repeat #FFF;
}

#result{
margin:0 auto;
width:776px;
text-align:left;
background:url(../images/contentbg_2.jpg);
}



/****************header***************/
#blogHeader{
margin:0 auto;
width:776px;
text-align:left;
height:206px;
background:url(../images/bloghead.jpg);
}

#blogHeader .btitle{
height:135px;
}

#blogHeader .btitle a{
display:block;
width:300px;
height:135px;
text-indent:-2000px;
}

/****header----list****/

.headerList{
	margin:0 0 0 495px;
	}

	.headerList .l01{
		margin-right:15px;
		display:inline;
		}
		
		.headerList .l01 a{
			display:block;
			margin-top:20px;
			width:155px;
			height:25px;
			float:left;
			text-indent:-2000px;
			}

	.headerList .l02{
		display:inline;
		}
		
		.headerList .l02 a{
			display:block;
			margin-top:20px;
			width:102px;
			height:25px;
			float:left;
			text-indent:-2000px;
			}



/****************contents***************/

#q-and-a{
margin-left:14px;
width:755px;
height:144px;
background:url(../images/q_a_bg.jpg);
}

#q-and-a .q-a-img{
margin:0 20px 0 30px;
float:left;
}

#q-and-a .q-a-q{
margin:12px 20px 10px 30px;
}

#q-and-a .q-a-a{
margin:0 20px 16px 30px;
}

#q-and-a .q-a-tb{
clear:both;
margin:0 4px 0 24px;
}

#q-and-a  form{
display:inline;
}

.form-tburl{
width:300px;
border:1px #003191 solid;
padding:3px;
font-size:x-small;
_font-size:xx-small;
color:#666;
}

.titleicon{
margin-left:10px;
border:0;
}


/*********left-right*********/

/*****left********/

#leftcolmn{
width:520px;
float:left;
}

#leftcolmn p{ 
color:#000;
padding:10px 30px 10px 30px;
font-size:small;
_font-size:x-small;
background:url(../images/leftcolmn_bg.png);

}


#leftcolmn h3{
width:520px;
height:47px;
background:url(../images/leftcolmn_title.gif);
text-indent:-2000px;
}

#leftcolmn h4{
color:#666;
width:460px;
_width:520px;
background:url(../images/leftcolmn_bg.png);
font-size:x-small;
_font-size:xx-small;
padding:14px 30px 0 30px;
}

#leftcolmn h4 a{
border:0;
color:#1366ad;
font-size:small;
_font-size:x-small;
}


#leftcolmn h4 .titleicon{
margin-left:10px;
margin-right:10px;
}

#leftcolmn .leftbottom{
background:url(../images/left_bottom.png) no-repeat;
height:70px;
}

#leftcolmn .leftbottom a{
display:block;
width:130px;
height:32px;
float:right;

text-indent:-2000px;
}
#hand{
text-align:center;
background:url(../images/leftcolmn_bg.png);}





/*****right*******/

#rightcolmn{
width:256px;
float:right;
}

#rightcolmn h3{
width:256px;
height:47px;
background:url(../images/rightcolmn_title.gif);
text-indent:-2000px;
}

#rightcolmn p{ 

color:#000;
font-size:small;

_font-size:x-small;

}

#rightcolmn h4 a{
border:0;
color:#1366ad;
_font-size:x-small;
}

#rightcolmn h4{ 

margin:10px 5px 5px 5px;
padding-left:10px;
color:#000;

background:url(../images/h4_l.gif) no-repeat left center;

}

#rightcolmn #selections{ 
font-size:small;
_font-size:x-small;
background-image:url(../images/rightcolmn_bg.png);
}

#rightcolmn #selection{ 
background:url(../images/inner.gif) left top;
margin:0 10px 0 12px;
padding-top:5px;
width:225px;
}

#rightcolmn #selection img{ 
margin-left:10px;
float:left;
}

.selection-text{
width:130px;
float:right;
}

#rightcolmn #selection hr{ 
display:none;
}

.clearall{
clear:both;
background:url(../images/inner_bottom.gif) left top;
height:6px;
}


#rightcolmn  #banner-area{
background :url(../images/right_banner_bg.png) repeat-y;
}

#rightcolmn  #banner-area p{
padding:5px 10px 0px 15px ;
}


.selection_bottom{
background :url(../images/right_joint_bottom.png) no-repeat left top;
height:9px;
}

.selection_bottom hr,.banner_bottom hr{
display:none;
}

.banner_bottom{
background :url(../images/right_bottom.png) no-repeat left top;
height:15px;
}
/******results******/
#result h3{
background :url(../images/now_cource.gif) no-repeat left top;
height:65px;
padding:0;
text-indent:-15000px;
}


#result #bar{
width:70px;
background:url(../images/bar.gif) left top;
float:left;
height:623px;
text-indent:-15000px;
} 


#result #main{
width:706px;
height:623px;
background:url(../images/results_bg.gif) left top;
float:right;
} 



#bottom{

clear:both;
}

#bottom hr{
display:none;
}
#result #main .parts{
margin:13px 0 0 15px;
background:url(../images/results_parts_bg.gif) left top no-repeat;
height:107px;

}

#result #main .parts .q-area{
width:350px;
float:left;
margin-top:5px;
}

#result #main .parts .q-area div{
margin:0 0 5px 5px;
font-size:x-small;
color:#000;
}

#result #main .parts .q-area div.look_r img{
float:left;
margin-right:15px;
}


#result #main .parts .a-area{
margin-top:5px;

width:304px;
float:right;
}



#result #main .parts .a-area p{
margin:0 0 0 5px;
color:#000;
}

#result #main .parts .a-area p.read{
margin:14px 0 0 5px;
color:#000;
font-size:x-small;
}


#result #main .parts .a-area .text{
width:159px;
float:left;
}

#result #main .parts .a-area .images{
width:145px;
float:right;
}