body {
    font: 80%/1.6 Verdana, Geneva, Tahoma, sans-serif;
    word-spacing: 0.1em;
    color: #212121;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration:none;}
a:hover {text-decoration: none;}
h1 {font-size:1.5em;}
h2 {font-size:1.375em;}
h3 {font-size:1.25em;}
h4 {font-size:1.125em;}
h5 {font-size:1em;}
h6 {font-size:1em;}
input, textarea, select {padding: 5px 2px;}
input[type=text], input[type=password], 
input.text, input.title, textarea {
    background-color:#fff;
    border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus,textarea:focus {
    border-color:#666; 
}
.vline {min-height: 10em; display: table-cell; vertical-align: middle;}
.hline {margin-left: auto; margin-right: auto;}
.endleft {margin-left: 0 !important; }
.endright {margin-right: 0 !important;}
.end {margin: 0 !important;}
.left {float: left;}
.right {float: right;}
.txt-left{text-align: left;}
.txt-cen{text-align: center;}
.txt-right{text-align: right;}
.clear {clear: both!important; float: none!important; height: 1px!important; min-height: 1px!important; display: block;
}
.clearfix:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clearfix {display:block;}
* html .clearfix {height: 1%; display:inline-block;}
#nav{
    font-size: 0px;
    word-spacing: 0px;
    white-space: nowrap;
    background-color: #ccc;
}
#nav li{
    display: inline-block; 
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
#nav li a{
    padding: 5px 10px;
    font-size: 12px;
}
#wrapper{
    width: 960px;
    margin: 0 auto;
}
#header, #footer{
    min-height: 80px; 
}
.container{
    margin-bottom: 20px;
}
.col_left, .col_main, .col_right{
    min-height: 300px;
    background-color: #eee;
    font-size: 12px;
    word-spacing:  0.1em;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.content-right, .content-left, .content-sidebar{
    font-size: 0;
    word-spacing: 0;
}
.content-right .col_left{
    width: 28%; 
    margin-right: 2%;
}
.col_main{
    width: 70%;
}
.content-left .col_right{
    width: 28%; 
    margin-left: 2%;
}
.content-sidebar .col_left{
    width: 18%; 
    margin-right: 2%;
}
.content-sidebar .col_main{
    width: 60%!important;
}
.content-sidebar .col_right{
    width: 18%; 
    margin-left: 2%;
}
/* @end */

/* @group Form */
.form, .view{margin-bottom: 10px;}
.row{
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 49.50%;
    width: 49.40%\9;
    *width: 48.60%;
    min-height: 30px;
    padding: 5px;
    margin: 1px 1px 1px 0px;
    border: 1px solid #dcdcdc;
    background: #f4f4f4;
    -wekit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.row.full{ 
    clear: none; 
    display: block; 
    width: 99.7%; 
    *width: 98.60%;
    min-height: 30px;
    padding: 5px;
    margin: 3px 1px 3px 0;
    border: 1px solid #dcdcdc;
    background: #f4f4f4;
    -wekit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.form .row, .form .full{min-height: 40px;}
.form .row.rowchbox{min-height: 41px;}
.row.full label, .row.full.rowchbox .lblchbox{width: 15%;}
.row label, .row.rowchbox label.lblchbox{
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 30%;
    -wekit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.form .row label{margin-top: 5px;}
.row.rowchbox > div{
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 66.40%;
}
.row.full.rowchbox > div{width: 83%;}
.row.rowchbox .chbox label{
    background: none;
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    border: none;
    font-weight: normal;
}
.rowchbox p.chbox{
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin: 5px 10px 5px 0;
    padding: 0;
    border: none;
    min-height: 0;
}
.row > p{
    margin-left: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.submit{
    clear: both;
    border: none;
    background: none;
    width: 100%;
    padding: 0 0 10px 0;
}
.submit input{margin: 10px 5px 0px 0px;}
.row.full > p{margin-left: 15%;}
span.note{font-size: 10px; color: #888;}
.form .full span.note{
    display: block; margin-left: 15%;
}
.required{color: red;}
.s{width: 40px;}
.m{width: 125px;}
.l{width: 50%;}
.xl{width: 65%;}
.full .m{width: 40%;}
.full .l{width: 60%;}
.full .xl{width: 80%; margin-bottom: 5px;}