@import url(homepage.css);
@import url(commom.css);

#left{ width:200px; float:left; font-size:110%;background-color:#FBF5F8;}
#left .questionCategory h4{ background:Transparent url(images/iask_title_bg.gif) no-repeat;padding:5px;}
#left .questionCategory span{ border:solid 1px #ff6aab; border-top:none;}

#left .questionCategory .categoryList {padding:8px; display:block; line-height:200%; height:100px;}
#left .questionCategory a.title{ padding:5px; display:block; float:left; width:80px;}
#left .questionCategory a.list{padding-right:3px;}

#left .hotQuestion{margin:2px 0px;}
#left .hotQuestion h4{ background:Transparent url(images/iask_title_bg.gif) no-repeat; padding:5px;}
#left .hotQuestion ul{ border:solid 1px #ff6aab; border-top:none; padding:5px;}

#right{ width:775px; float:right; font-size:120%;}
#right .search{text-align:center; border:solid 1px #FF9DBE; padding:20px; margin-bottom:3px;background-color:#FFE6ED;}

#right table.questionList{ width:100%; text-align:center; border:solid 1px #FF9DBE; line-height:150%;}
#right table.questionList th{ background-color:#FFE6ED;}
#right a.category{ color:Blue;}
#right table tr.MouseOnClass{ background-color:#E4E3fF;}

#right .PagingToolBar{ text-align:center; padding:5px;}
#right .PagingToolBar select{ height:14px; padding:0px; margin:0px;}

.modalPanel{ border:solid 1px #CCC; background-color:#FFF; width:770px; height:300px; text-align:left;}
.modalPanel h4{ background-color:#b50d00; color:White; padding:5px;}
.modalPanel .body{ margin:10px;}
.modalPanel .buttons{ text-align:center;}
.modalBackground{ background-color:#DDD; filter:alpha(opacity=70); opacity:0.7;}