/**
 * reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { 
    padding: 0; 
    margin: 0; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 
fieldset,img { 
    border: 0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-weight: normal; 
    font-style: normal; 
} 
ol,ul { 
    list-style: none; 
} 
caption,th { 
    text-align: left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-weight: normal; 
    font-size: 100%; 
} 
q:before,q:after { 
    content:â€?; 
} 
abbr,acronym {
    border: 0; 
}

/**
 * ctongfuTable
 * 
 * standard data table for common applications.
 * the table withing pages cells, column cells, operations cells, checkboxes cells and group operations cells.
 */
.ctongfuTable{
	border:solid 1px #686868;
	border-collapse:collapse;
	border-spacing:inherit;
	margin-left:12px;
	margin-right:12px;
	width:96%;
	background-color:#686868;
}
.ctongfuTable tbody td{
	border:solid 1px #686868;
	font-weight:normal;
	white-space:nowrap;
	font-size:12px;
	padding-left:3px;
	height:22px;
}
.ctongfuTable tbody tr{
	background-color:#f7f7f7;
	color:#060606;
}
.ctongfuTable tbody tr.A{
	background-color:#f7f7f7;
	color:#060606;
}
.ctongfuTable tbody tr.B{
	background-color:#e0e0e0;
	color:#060606;
}
.ctongfuTable tbody tr.C1{
	background-color:#f2adad;
	color:#060606;
}
.ctongfuTable tbody tr.C2{
	background-color:#f2ade3;
	color:#060606;
}
.ctongfuTable tbody tr.C3{
	background-color:#cdadf2;
	color:#060606;
}
.ctongfuTable tbody tr.C4{
	background-color:#adc2f2;
	color:#060606;
}
.ctongfuTable tbody tr.C5{
	background-color:#adf2ad;
	color:#060606;
}
.ctongfuTable tbody tr.C6{
	background-color:#f2f1ad;
	color:#060606;
}
.ctongfuTable tbody tr.C7{
	background-color:#f6a258;
	color:#060606;
}
.ctongfuTable tbody tr.C8{
	background-color:#5888f6;
	color:#060606;
}
.ctongfuTable tbody tr.C9{
	background-color:#bc58f6;
	color:#060606;
}
.ctongfuTable tbody tr.C0{
	background-color:#f6e258;
	color:#060606;
}
.ctongfuTable tbody tr.over{
	background-color:#dfdfdf;
	color:#060606;
}
.ctongfuTable tbody tr.over a{
	color:blue;
}
.ctongfuTable tbody tr.over a:hover{
	color:red;
}
.ctongfuTable tbody tr.out{
	background-color:#f7f7f7;
	color:#060606;
}
.ctongfuTable tbody tr.selected{
	background-color:#668baa;
	color:white;
	border-spacing:0px 0px;
}
.ctongfuTable tbody tr.selected a{
	color:white;
}
.ctongfuTable tbody tr.selected a:hover{
	color:yellow;
}
.ctongfuTable thead th{
	background-color:#888888;
	color:#ffffff;
	padding:4px;
	white-space:nowrap;
	font-size:14px;
	text-align:left;
	height:20px;
}
.ctongfuTable thead th a{
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
}
.ctongfuTableMask{
	background:#CCCCCC;
	text-align:center;
}

/**
 * ctongfuTableForm
 *
 * standard form table for common applications.
 * the table included all elements of html form, ex textfield, textarea, radios, checkboxes, kinds of buttons etc.
 */
.ctongfuTableForm{
	border:solid 1px #686868;
	border-collapse:collapse;
	border-spacing:inherit;
	margin-left:12px;
	margin-right:12px;
	width:96%;
}
.ctongfuTableForm tbody td{
	font-weight:normal;
	font-size:12px;
	padding-left:3px;
	height:22px;
}
.ctongfuTableForm tbody tr{
	background-color:#f7f7f7;
	color:#060606;
}
.ctongfuTableForm thead th{
	background-color:#999898;
	color:#fcfdfe;
	padding:4px;
	white-space:nowrap;
	font-size:14px;
	text-align:center;
	height:28px;
	vertical-align:top;
}
.ctongfuTableForm thead th a{
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
}
.ctongfuTableForm tbody th{
	background-color:#999898;
	color:#3d3b3b;
	padding:4px;
	white-space:nowrap;
	font-size:12px;
	text-align:right;
	height:20px;
	width:120px;
}
.ctongfuTableForm tbody th.subTitle{
	background-color:#bdbdbd;
	color:#726b6b;
	padding-left:30px;
	text-align:left;
}
.ctongfuTableForm tbody th a{
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
.ctongfuTableForm button, .ctongfuTableForm input, .ctongfuTableForm textarea, .ctongfuTableForm select{
	background-color:#d2dbea;
	border:1px solid #565656;
}

.ctongfuFormDiv{
	display:block; 
	border-collapse:collapse;
	border-spacing:inherit;
	margin:0px 12px;
}
.ctongfuFormDiv .errmsg{
	display:block;
	color:red;
	text-align:center;
	padding:3px 0px 3px 0px;
}
.ctongfuFormDiv .item{
	display:block;
	padding:6px 0px 6px 0px;
}
.ctongfuFormDiv a{
	color:#2d64b3;
}
.ctongfuFormDiv input,.ctongfuFormDiv a,.ctongfuFormDiv img,.ctongfuFormDiv label{
	display:inline-block;
	vertical-align:middle;
}
.ctongfuFormFullRow input{
	display:inline-block;
	width:100%;
	padding:5px 0px;
}

.ctongfuFormTableV2{
	border-collapse:collapse;
	border-spacing:inherit;
	margin-left:12px;
	margin-right:12px;
	width:96%;
}
.ctongfuFormTableV2 tbody td{
	font-weight:normal;
	font-size:12px;
	padding:6px 3px 0px 3px;
	height:22px;
}
.ctongfuFormTableV2 tbody tr{
	color:#060606;
}
.ctongfuFormTableV2 thead th{
	background-color:#ddd;
	color:#666;
	padding:4px;
	white-space:nowrap;
	font-size:14px;
	text-align:center;
	height:28px;
	vertical-align:top;
}
.ctongfuFormTableV2 thead th a{
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
}
.ctongfuFormTableV2 tbody th{
	color:#3d3b3b;
	padding:4px;
	white-space:nowrap;
	font-size:12px;
	font-weight:bold;
	text-align:right; 
	height:20px;
	width:120px;
}
.ctongfuFormTableV2 tbody th.subTitle{
	background-color:#efefef;
	color:#726b6b;
	padding-left:30px;
	text-align:left;
}
.ctongfuFormTableV2 tbody th a{
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
.ctongfuFormTableV2 button, .ctongfuTableForm input, .ctongfuTableForm textarea, .ctongfuTableForm select{
	background-color:#d2dbea;
	border:1px solid #565656;
}

/**
 * common of sample
 */
h3.pageTitle{
	font-size:16px;
	font-weight:bold;
	margin-left:12px;
}

/**
 * swipe events
 *
 * swipe events just work on mobile webpgae only.
 */
.funSwipeRotateDots{
font-weight:normal;
color:white;
margin:auto 3px auto 3px;
}