html *
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
body
{
    MARGIN: 0px;
    PADDING: 0px;
    COLOR: #000;
}
*[disabled="disabled"]
{
    TEXT-DECORATION: none !important;
    COLOR: #666 !important;
    CURSOR: not-allowed !important;
}
a,a:visited
{
    TEXT-DECORATION: none;
    COLOR: #3D3D31;
}
a:hover
{   COLOR: #000;
    TEXT-DECORATION: underline;
    CURSOR:default;
}
img
{
    BORDER: 0 none;
    DISPLAY: block;
}
#wapper
{
    WIDTH: 1000px;
    PADDING: 0px;
    MARGIN: auto;
}

/*----------------------LAYOUT------------------------------------------*/
.nf
{
    POSITION: relative;
    MARGIN: auto;
}
.fl
{
    FLOAT: left;
}
.fr
{
    FLOAT: right;
}
.cb
{
    CLEAR: both;
}
.hdn
{
    DISPLAY: none;
    VISIBILITY: hidden;
}
.bo
{
    BORDER: 1px solid #dcdcdc;
}
.nopad
{
    PADDING: 0px !important;
}
.nomar
{
    MARGIN: 0px !important;
}
.inl
{
    DISPLAY: inline;
}
/*----------------------TEXT------------------------------------------*/
.b
{
    FONT-WEIGHT: bold !important;
}
.i
{
    FONT-STYLE: italic !important;
}
.upp
{
    TEXT-TRANSFORM: uppercase !important;
}
.low
{
    TEXT-TRANSFORM: lowercase !important;
}
/*----------------------CLASS------------------------------------------*/
.title0
{
    FONT-SIZE: 15pt !important;
    FONT-WEIGHT: bold;
}
.title1
{
    FONT-SIZE: 13pt !important;
    FONT-WEIGHT: bold;
}
.title2
{
    FONT-SIZE: 11pt !important;
    FONT-WEIGHT: bold;
}
.title3
{
    FONT-SIZE: 9pt !important;
    FONT-WEIGHT: bold;
}
.title4
{
    FONT-SIZE: 8pt !important;
}
.co-blk
{
    COLOR: #000 !important;
}
.co-red
{
    COLOR: #CC0000 !important;
}
.co-mar
{
    COLOR: #800000 !important;
}

.co-whi
{
    COLOR: #FFF !important;
}
.co-blue{COLOR:#007380 !important;}
.content
{
    LINE-HEIGHT: 16pt;
    TEXT-ALIGN: justify;
}
/*-----------------------------------------CONTROL-----------------------------------------------*/
input[type="checkbox"]
{
    BORDER: 0px solid #CCCCCC;
    PADDING: 2px;
    COLOR: #505050;
    MARGIN: 1px;
}
input[type="text"], input[type="password"], textarea, input[type="file"]
{
    BORDER: 1px solid #CCCCCC;
    PADDING: 2px;
    COLOR: #505050;
    MARGIN: 1px 0px;
}
select
{
    BORDER: 1px solid #CCCCCC;
    COLOR: #505050;
}
option
{
    COLOR: #505050;
    PADDING: 2px;
}
input[type="submit"], input[type="button"], button
{
    BORDER: 1px solid #909090;
    PADDING: 2px;
    COLOR: #505050;
    MARGIN: 1px 0px;
    BACKGROUND-COLOR: #f8f8ff;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover
{
    BORDER: 1px solid #505050;
    PADDING: 2px;
    COLOR: #000;
    MARGIN: 1px 0px;
}
/*------------------------------------------------------------------------------------------------------*/
/*----------------------FORM-LIST------------------------------------------*/

TABLE.xlist
{
    BORDER: solid 1px #dcdcdc;
    BORDER-COLLAPSE: collapse;
    BORDER-SPACING: 0px;
    EMPTY-CELLS: show;
}
TABLE.xlist th
{
    BORDER: solid 1px #dcdcdc;
    COLOR: #000066;
    TEXT-ALIGN: center;
    BACKGROUND: #F5f5f5;
    PADDING: 2px;
    HEIGHT: 25px;
}
TABLE.xlist TD
{
    BORDER: solid 1px #dcdcdc;
    PADDING: 2px;
    BACKGROUND: #FFF;
}
TABLE.xlist TD TD
{
    BORDER: 0px !important;
}
TABLE.xlist TR.hover TD, TABLE.xlist TR.actived TD
{
    BACKGROUND: #FFFFCC;
    CURSOR: default;
}
TABLE.xlist .action
{
    BORDER: solid 1px transparent !important;
}
TABLE.xlist .action:hover
{
    BORDER: 1px solid #FFCC66 !important;
    CURSOR: pointer !important;
    BACKGROUND-COLOR: #FFFFCC;
}
TABLE.xlist a.delete
{
    COLOR: #FF0000;
}
a.edit
{
    COLOR: #003399;
}
TABLE.xlist .img-command
{
    BORDER: solid 1px transparent !important;
    PADDING:0px 2px;
}
TABLE.xlist .img-command:hover
{
    BORDER: solid 1px #FFCC66 !important;
    BACKGROUND:#FFFFCC !important;
}
TABLE.xlist a.lnk
{
    COLOR: #003399;
}

a.delete{COLOR: #FF0000;}