body {
    margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
    text-align:center;
}

td,th,input {
	color:#000000;
	font-size:12px;
}
td {
	height:20px;
}

p,li,div,td {
	line-height:18px;
	text-align:left;
}

.greenlist {
	list-style-image: url("/img/list_green.gif");
	position:relative;
}

a:link {color: #000; text-decoration:none;}
a:visited {color: #000;text-decoration:none;}
a:hover {color: #339900; text-decoration:none;}
a:active {color: #000;}

.footer a:link {color: #000; text-decoration:none; font-weight:bold}
.footer a:visited {color:#000;text-decoration:none;font-weight:bold}
.footer a:hover {color: #CC0000; text-decoration:none;font-weight:bold}
.footer a:active {color:#000;}

.gray {color:#999999}
.org {color:#FF9900;}
.white {color:#FFFFFF}
.blue {color:blue}
.red {color:#CC0000}
.green {color:#339900}
h3{ font-size:12px; font-weight:bold; margin:10px 5px 10px 5px}

.btn {text-align:center; height:25px; vertical-align:middle; }
.case_select_form {font-size:11px; width:120px;}

#header {
	background:url(/img/title_bg.jpg) no-repeat;
    height:87px;
    width:780px;
	padding-left:220px;
	padding-bottom:5px;
}

#header .tab {
	width:120px;
	float:left;
}
#header .user {
	width:170px;
	padding:18px 0 0 5px;
	height:85px;
	overflow: hidden
}
#header .logintxt {
	width:42px;
	float:left;
	padding:0 0 2px; 0;
}
#header .form {
	width:100px;
	padding:0 0 2px; 0;
}

#search {
	background:url(/img/search_bg.jpg) no-repeat;
    padding-top:14px;
	height:50px;
    width:780px;
}

#search .inputbox {
	padding-left:10px;
	text-align:left;
	width:385px;
	float:left;
}

#search .textbox {
	width:360px;
	border:none;
	height:17px;
}

#search .selectbox {
	width:154px;
	float:left;	
}

#search .searchbox {
	width:108px;
	float:left;
}
#search .btnsearch {
	width:108px;
	position:relative;
	top:-14px;
}

#search .advbox {
	width:130px;
	position:relative;
	top:-4px;
}

#nav {
	width:780px;
	position:relative;
	top:-10px;
}

#contentbox {
	width:780px;
	border:3px solid #e7e7e7;
	background-color:#f1f1f1;
	height:200px;
	padding:15px;
	text-align:left;
}

#contentbox .title {
	width:510px;
	float:left;
	padding-right:10px;
} 

#contentbox .map {
	width:230px;
}

#contentbox .upload {
	width:740px;
	padding-top:10px;
	text-align:center;
}

#title {
	width:780px;
	height:40px;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:2px;
	border-bottom:1px solid #a4a4a4;
	text-align:left;
}

#flow {
	background-color:#e4e4e4;
	width:780px;
}

#content {
	width:780px;
	height:200px;
	background-color:#e4e4e4;
	padding:15px;	
}
#content {
	width:780px;
}

#case_list th {
	border-bottom:1px solid #999999;
	line-height:20px;
	text-align:center;
}

#case_list td {
	border-bottom:1px solid #e8e8e8;
	line-height:25px;
}

#step1 {display:none;}
#step2 {display:none;}
#step3 {display:none;}
#step4 {display:none;}
#step5 {display:none;}
#step6 {display:none;}
#step7 {display:none;}
.step_img {margin:0 15px 15px 0;}

#step1 .steplist {
	float:left;
	list-style-type:none;
}

.redborder {
	border: 1px solid #FF0000;
}

#circlebox {
	width:629px;
	margin-top:40px;
	margin-bottom:30px;
}

#circlebox .bg {
	background:url(/img/circlebox_bg.gif) repeat-y; 
	padding:20px;
}
#circlebox h1, #newcase h1, #contentbox h1 {
	text-weight:bold;
	font-size:14px;
}
#circlebox .txt {
	width: 200px;
	float:left;
	height:40px;
	padding-left:20px;
}
#circlebox .logintxt {
	width: 200px;
	float:left;
	height:40px;
	padding-left:120px;
}
#circlebox .form {
	width:330px;
	height:40px;
}
#circlebox .searchtxt {
	width:180px;
	height:40px;
	padding-right:20px;
	text-align:right;
	font-weight:bold;
	float:left;
}

#circlebox .member1 {
	width:80px;
	padding:10px;
	float:left;
	height:85px;
}

#circlebox .member2 {
	width:400px;
	padding:10px;
}

#newcase {
	width:780px;
	margin-top:20px;
}

#newcase table, #case_content table, #question_list table {
    border-collapse: collapse;
}

#newcase td, #case_content td, #question_list td {
	border: solid 1px #cccccc;
	line-height:30px;
	padding:5px;
}

#newcase .label {
	background-color:#f1f1f1;
	text-align:center;
}

#newcase textarea {
	width:630px;
	height:50px;
}
#newcase .subtitle {
	height:20px;
}

#StepTbl, #CommentsTbl, #QuestionLevelTbl, #OptionTbl {
     border-collapse: collapse;
}
#StepTbl td, #CommentsTbl td, #QuestionLevelTbl td, #OptionTbl td {
	border: none;
	border-bottom: dashed 1px #cccccc;
	border-right: dashed 0px #cccccc;
    line-height:20px;
}

#newcase .none-border td {
	border:dashed 0px #cccccc;
	background-color:#f0f0f0;
	line-height:20px;
}

#newcase .background td {
	background-color:#f0f0f0;
	line-height:20px;
}

#case_title {
	background-color:#ffffff;
	width:780px;
	height:30px;
	border-bottom:1px solid #b2b2b2;
}
#case_title .case_name {
	font-weight:bold;
	font-size:14px;
	width:530px;
	float:left;
	vertical-align:bottom;
	position:relative;
	top:10px;
}
#case_title .case_tab {
	width:120px;
	float:left;
}
#case_title .question_tab {
	width:120px;
}

#case_content {
	width:780px;
	background-color:#f1f1f1;
	height:200px;
	padding:15px;
	text-align:left;
	margin-bottom:30px;
}
#case_content table {
    border-collapse: collapse;
}

#case_content td {
	border: solid 1px #cccccc;
	line-height:30px;
	padding:5px;
	background-color:#fff;
}
#case_content .label {
	background-color:#f1f1f1;
	text-align:center;
	font-weight:bold;
}

#case_content .competency_name {
	width:80px;
	font-weight:bold;
	padding:5px;
	float:left;
}
#case_content .competency_desc {
	width:520px;
	padding:5px;
}
#case_content hr {
	border-bottom:1px dashed #b2b2b2;
}
#case_content .longtext {
	height:120px;
	width:650px;
	padding:5px;
	overflow:scroll;
	overflow-x: hidden;
}

#case_content h2, #cmpt_content h2 { 
	line-height:22px; 
	font-size:14px; 
	color: #000; 
	font-weight:bold; 
	background: #f0f0f0 url(/img/green_arrow.gif) no-repeat 2px 6px;
	border-bottom:1px solid #666666; 
	padding:0 0 0 15px; 
	margin:15px 0 0 0;
}
#case_content h3, #contentbox h3{ 
	font-size:14px; 
	font-weight:bold; 
	color:#fff; 
	padding-left:20px; 
	line-height:24px; 
	background:#9a0101 url(/img/white_arrow.gif) no-repeat 2px 8px; 
	border-bottom:1px solid #000; 
}
#case_content .content, #cmpt_content .content {
	background:#FFFFFF; padding:10 0 0 10px;
	width:750px;
	height:50px;
	line-height:20px; color:#666666;margin:0 0 15px 0px;
	padding: 15px;
}
#contentbox .content {
	width:750px;
	height:20px;
	line-height:22px;
	padding:0 0 20 10px;
}
#contentbox .whitebg {
	background-color:#fff;
	padding:10px;
}
#contentbox .whitebg p,td{
	color:#666666;
}
#case_content .level1, #cmpt_content .level1 {
	width:100px;
	float:left;
	padding: 10px;
	background-color:#fff;
}
#case_content .level2, #cmpt_content .level2 {
	width:600px;
	padding: 10px;
	background-color:#fff;
	color:#666666;
}
#case_content .interview1, #cmpt_content .textlist1 {
	width:350px;
	float:left;
	padding: 10px;
	background-color:#fff;
	color:#666666;
}
#case_content .interview2, #cmpt_content .textlist2 {
	width:350px;
	padding: 10px;
	background-color:#fff;
	border-left:1px solid #dadada;
	color:#666666;
}
.p2 {
	font-weight:bold;
	color:#000000;
}
.p3 {
	color:#666666;
}
#case_content .submenu {display:block; margin:0px;position:relative;top:-30px;left:45px; width:600px; }
#case_content .submenu ul{list-style:none;}
#case_content .submenu li{float:left;width:85px;margin-left:3px;line-height:24px; background: #999999}
#case_content .submenu a{display:block;text-align:center;height:24px; font-size:14px;}
#case_content .submenu a:link{color:#000;background:#999;text-decoration:none;height:24px; border:1px dotted #666666;}
#case_content .submenu a:visited{color:#fff;text-decoration:none;height:24px;}
#case_content .submenu a:hover{color: #009900; font-weight:bold;text-decoration:none;background: #E1FAC9; font-size:14px;}
.submenuon {color: #009900; font-weight:bold;text-decoration:none; background-color:#fff;display:block;text-align:center;height:23px; font-size:14px;border:1px dotted #666666;}

.tag {width:80px; margin-bottom:2px;} 
.tag a:link {font-weight:normal;font-size:12px;background:#009933 url(/img/white_arrow.gif) no-repeat 2px 8px; border:1px dotted #006633; letter-spacing:2px;padding:3px 3px 3px 15px;color: #fff; text-decoration:none; margin-bottom:5px;}
.tag a:visited {font-size:12px;background:#009933 url(/img/white_arrow.gif) no-repeat 2px 8px; border:1px dotted  #006633; letter-spacing:2px;padding:3px 3px 3px 15px;color: #fff; text-decoration:none;}
.tag a:hover {font-size:12px;background: #CC0000 url(/img/white_arrow.gif) no-repeat 2px 8px; border:1px dotted #990000; letter-spacing:2px;padding:3px 3px 3px 15px;color: #fff; text-decoration:none;}
.tag a:active {font-size:12px;background:#CC0000 url(/img/white_arrow.gif) no-repeat 2px 8px; border:1px dotted #990000; letter-spacing:2px;padding:3px 3px 3px 15px;color: #fff; text-decoration:none;}
.f {width:200px; height:0px;position:relative;top:-27px;left:120px;}
.c {width:120px; margin-bottom:2px;} 
.c a:link {font-weight:normal;font-size:12px;background:#009933 url(/img/white_arrow.gif) no-repeat 2px 8px; border:1px dotted #006633; letter-spacing:2px;padding:3px 3px 3px 15px;color: #fff; text-decoration:none; margin-bottom:5px;}
.c a:visited {font-size:12px;background:#009933 url(/img/white_arrow.gif) no-repeat 2px 8px; border:1px dotted  #006633; letter-spacing:2px;padding:3px 3px 3px 15px;color: #fff; text-decoration:none;}
.c a:hover {font-size:12px;background: #CC0000 url(/img/white_arrow.gif) no-repeat 2px 8px; border:1px dotted #990000; letter-spacing:2px;padding:3px 3px 3px 15px;color: #fff; text-decoration:none;}
.c a:active {font-size:12px;background:#CC0000 url(/img/white_arrow.gif) no-repeat 2px 8px; border:1px dotted #990000; letter-spacing:2px;padding:3px 3px 3px 15px;color: #fff; text-decoration:none;}
.cmptgroup {text-align: center;font-size:14px; font-weight:bold; color:#009900; letter-spacing:4px;}

#cmpt_header {width:780px;padding:5px;text-align:left;margin-bottom:10px;height:80px;}
#cmpt_header .pic1 {
	float:left;
	width:120px;
	padding:10 10px 10 10px;
}
#cmpt_header .l1, #cmpt_header .l2 {
	width:120px;
	float:left;
	height:100px;
	padding:0 10px 0 20px; 
	border-left:1px solid #dadada;
	line-height:20px; 
	color:#666666;
	margin:10px 5px 15px 5px;
}
#cmpt_header h3{color:#000000; font-size:12px; font-weight:bold; 5px;}
#cmpt_header .l2 {
	width:240px;
}

#cmpt_nav {
	width:780px;
	text-align:left;
	height:27px;
	margin-top:15px;
}

#cmpt_nav .cmpt_nav_img {
	position:relative;top:1px;
}

#cmpt_content {
	width:780px;
	heigth:500px;
	text-align:left;
	padding:14px;
	border:1px solid #9d9d9d;
	background-color:#f1f1f1;
	margin-bottom:30px;
}
#cmpt_content ul li {
	list-style-type:none;
	color:#666666;
}

#question_list table th {
	border: solid 1px #cccccc;
	line-height:25px;
	text-align:center;
	padding:0px;
	font-weight:bold;
}

#question_list table td {
	border: solid 1px #cccccc;
	line-height:25px;
	padding:0px;
}

#cmpt_level td {
	padding:10px;
	line-height:20px;
}
#footer {width:780px;height:45px;background:url(/img/footer_bg.jpg) no-repeat;margin-top:15px;padding-top:10px;padding-left:20px;text-align:left;}

#scrollnav {
	width:780px;
	text-align:right;
	padding: 10 10 5 0px;
}

#scrollnav .img {
	position:relative;
	top:4px;
}

#error {
	width:450px;
	height:200px;
	border:double 3px #ef7000;
	padding:20px;
	text-align: left;
}

#error h1 {
	font: 13px ;
	font-weight:bold;
}

a.button {
	background: transparent url(/img/a.gif) no-repeat scroll right top;
	color:#fff;
	display: block;
	float: left;
	height: 24px;
	padding-right: 10px;
	font: normal 12px sans-serif;
	margin-right: 10px;
	text-decoration: none;
}
a.button span {
	background: transparent url(/img/span.gif) no-repeat;
	display: block;
	padding: 5px 1px 5px 11px;
	line-height: 14px;
	color:#fff;
}
a.button:hover {
	background-position: right -24px;
	color:#fff;
}
a.button:hover span {
	background-position: left -24px;
	color:#fff;
}
a.button:active {
	background-position: right -48px;
	color:#fff;
	outline: none;
}
a.button:active span {
	background-position: left -48px;
	color:#fff;
	padding: 6px 0 4px 12px;
}

a.button1 {
	background: transparent url(/img/a1.gif) no-repeat scroll right top;
	color:#000;
	display: block;
	float: left;
	height: 24px;
	padding-right: 10px;
	font: normal 12px sans-serif;
	margin-right: 10px;
	text-decoration: none;
}
a.button1 span {
	background: transparent url(/img/span1.gif) no-repeat;
	display: block;
	padding: 5px 1px 5px 11px;
	line-height: 14px;
	color:#000;
}
a.button1:hover {
	background-position: right -24px;
	color:#fff;
}
a.button1:hover span {
	background-position: left -24px;
	color:#fff;
}
a.button1:active {
	background-position: right -48px;
	color:#fff;
	outline: none;
}
a.button1:active span {
	background-position: left -48px;
	color:#fff;
	padding: 6px 0 4px 12px;
}

#all_question {
	width:780px;
}

#all_question .q_list {
	width:110px;
	height:20px;
	padding:5px;
}
#all_question ul {
	margin:0px 0 15px 25px;
	list-style:decimal inside;
}
#all_question ul li{
	margin:15px 0 0px 0px;
}

#all_question ul ul{
	list-style:upper-alpha;
	margin:0px 0 0 20px;
}

#all_question ul h3 span{
	color: #006600;
	padding-left:5px;
}
#all_question ul ul li{
	margin:0px;
	line-height:20px;
}

#all_question .title_list{
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	border-bottom:1px solid #CCCCCC;
	margin:20px 0 0 0;
}