/*
author      : comfill@msn.com
last modify : 16:29 2008-7-31
website     : www.livebos.com
*/

/* Imported Styles   
----------------------------------------------- */
@import url("layout.css");
@import url("style.css");
@import url("page.css");


* {margin: 0; padding: 0;}
body{
	font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
}

a {text-decoration:none;}
a:hover{ text-decoration:underline }
a img {border:none;}

h2 {font: 1.5em "Trebuchet MS", serif; }
h3 {font: bold 1.2em "Trebuchet MS"; }
h4 {font: bold 1.1em "Trebuchet MS", serif; }

ul, ol {list-style: none;}
blockquote, pre {padding: 0.25em 40px;}
blockquote {font: italic 1.05em Georgia, Times, serif; background: url(/pix/quote_wh.gif) 10px 0.75em no-repeat; margin: 0.25em 0;}
pre, code {font: 1.05em Courier, monospace;}
pre {line-height: 1.5em;}
pre strong {font-size: 1em; font-weight: bold;}
pre code {font-size: 1em; line-height: 1.5em;} /* handle legacy articles until markup gets a scrubbing */

/*----------------- Form -----------------*/
form{ margin:0}


/*----------------- review -----------------*/
#review{ background:#fff; }
.box_gray{ margin-right:20%; }
.box_gray .tl{ background:#f0f0f0 url(../images/box_tl_gray.gif) no-repeat 0 0; }
.box_gray .tr{ height:20px; background:url(../images/box_tr_gray.gif) no-repeat right 0; }
.box_gray .bl{ background:#f0f0f0 url(../images/box_bl_gray.gif) no-repeat 0 bottom; }
.box_gray .br{ height:20px; background:url(../images/box_br_gray.gif) no-repeat right bottom; }
.box_gray p{ padding:0 2em; background:#f0f0f0; }
.box_gray .speaker{
	padding:20px 40px;
	background:url(../images/box_arr_gray.gif) no-repeat 10% 0;
}

.box_blue{ margin-left:20%; }
.box_blue .tl{ background:#e8eefa url(../images/box_tl_blue.gif) no-repeat 0 0; }
.box_blue .tr{ height:20px; background:url(../images/box_tr_blue.gif) no-repeat right 0; }
.box_blue .bl{ background:#e8eefa url(../images/box_bl_blue.gif) no-repeat 0 bottom; }
.box_blue .br{ height:20px; background:url(../images/box_br_blue.gif) no-repeat right bottom; }
.box_blue p{ padding:0 2em; background:#e8eefa; }
.box_blue .speaker{
	padding:20px 40px;
	text-align:right;
	background:url(../images/box_arr_blue.gif) no-repeat 90% 0;
}



/* User Experience
-----------------------------*/
#experience_list{ font:0.85em tahoma; }
#experience_list th{ width:50%; padding:0 10px; background:#ddd; vertical-align:top; text-align:left }
#experience_list td{ padding:0 10px; background:#eee; vertical-align:top; }
#experience_list h3{ margin:0.5em 0; font:bold 14px tahoma; text-indent:0 }
#experience_list p{ text-indent:0; }

#user_experience{ margin:1em 0; font:0.85em tahoma; }
#user_experience p{ text-indent:0; clear:both; }
#user_experience fieldset{ margin-bottom:1em; padding:0 1em 1em 1em; border:1px solid #002a80;}
#user_experience legend{ margin:0.5em 0; padding:0 1em; font:12px/2 tahoma; background:#002a80; color:#fff }
#user_experience label{ float:left; width:8em; color:#000; }
#user_experience label#male, #user_experience label#female, #intent p label, #channel p label{ width:auto; float:none; }
.inputtxt{ border:1px solid #ddd; font:12px tahoma; width:20em; }
.inputtxt:focus{ border:1px solid #d00; background:#f8f8f8; }
#form_control{ padding-bottom:0.5em }
#form_control input{
	font:12px tahoma;
	padding: 2px 10px 1px 10px;
	background:#ccc;
	border-top:1px solid #f8f8f8;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #f8f8f8;
}

#user_experience select{ width:20em; font:12px tahoma; border:1px solid #ddd; }
#user_experience em{ padding:0 2px; font:12px "宋体"; color:#d00; }

fieldset#intent, fieldset#channel{ margin:0 0 1em 0; padding:0; border:0; }
#intent p, #channel p{ margin-left:2em; }
#intent h3, #channel h3{ float:left; width:8em; margin-left:0; font:12px tahoma; }

#information{ width:30em; margin:2em auto; padding:1em; border:3px solid #c00; text-align:left }


/* Contact us
-----------------------------*/
#contact strong, #contact em{ font-size:14px; }

/* regist_table
----------------------------*/
.note em{ padding:0 0.3em; font:12px "宋体"; color:#d00; }
.regist_table{
	width:100%;
	margin:0 0 1em 0;
	border:1px solid #002a80;
	border-collapse:collapse;
	background:#f3f3f3;
}
.regist_table caption{
	padding:0 1em;
	border:1px solid #000; border-bottom:0;
	background:#002a80;
	color:#fff;
	font:bold 12px/28px tahoma;
	text-align:left;
}
.regist_table th{ width:30%; padding:0 0.5em; font:12px/2 tahoma; text-align:left; border:1px solid #fff; }
.regist_table td{ padding:0.3em 0.5em; font:12px tahoma; border:1px solid #fff; }
.regist_table em{ padding:0 0.3em; font:12px "宋体"; color:#d00; }
.regist_table select{ width:10em; font:12px tahoma; }
.regist_table input,.regist_table textarea{ font:12px tahoma; }

.regist_table td table{ width:100%; }
.regist_table td td{ padding:0; border:0 }