body{margin: 0;padding: 0;font: 10px normal Arial, Helvetica, sans-serif;}
h2,h3,h4,h5,h6{padding: 0;margin: 0px;}
img{border:none;}
#header{background-color: #222;height: 35px;width: 100%;}
#subheader{background-color: #f1f1f1;height: 80px;width: 100%;border-bottom: 1px solid #D2D2D2;border-top: 1px solid #D2D2D2;}
#logo{float: left;width: 125px;height: 35px;background: url('images/logo.gif') no-repeat center top; text-indent: -9999px;}
.container{width: 1000px;margin: 0 auto;}
.clear{clear: both;}
.headertitle{
    background-repeat: no-repeat;
    color: #2d2d2d;
    font-size: 22px;
    font-weight: bold;
    line-height: 48px;
    margin-left: 10px;
    padding-left: 55px;
    float: left;
    margin-top: 15px;
}
.headermenu{float: right;padding: 36px 15px 0px;text-align: center;margin-top: 15px;border: 1px solid #f1f1f1;text-decoration: none;color:2d2d2d;}
.headermenu:hover{border-width: 1px;border-color: #DDD #BBB #BBB #DDD;border-style: solid;}
.icon48-article{ background: url("images/icon48/article.png") no-repeat;}
.icon32-create{background: url("images/icon32/create.png") top center no-repeat;}
.icon32-edit{background: url("images/icon32/edit.png") top center no-repeat;}
.icon32-delete{background: url("images/icon32/delete.png") top center no-repeat;}
.icon32-hide{background: url("images/icon32/hide.png") top center no-repeat;}
#module-status{
    float: right;
    padding: 0 20px;
    margin: 0;
    font-size: 1.2em;
}
#module-status .preview {
    background: url("images/icon24/preview.png") no-repeat scroll 0px 5px transparent;
}
#module-status .logout {
    background: url("images/icon24/exit.png") no-repeat scroll 0px 5px transparent;
}
#module-status span ,#module-status a{
    display: block;
    float: left;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 4px 5px 0 13px;
    color: #FFFFFF;
    text-decoration: none;
}
#module-status a:hover{text-decoration: underline;}
#footer{text-align: center;clear:both;}

ul.catag{font-size:12px;list-style:none;}
ul.catag li{float:left;padding:0 20px;border-left:1px solid #000;}

/* Navigation */
.nav, .nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav {
    font-family: Arial, Helvetica, sans-serif;
    z-index: 100;
    position: relative;
}
.nav li {
    /*        border-left: 1px solid #FFF;*/
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
    font: normal 1.22em/25px Arial, Helvetica, sans-serif;
    /*        background: #565656;*/
    color: #FFF;
    display: block;
    padding: 0 9px;
    text-decoration: none;
    border-top: 3px solid #000;
}

.nav li a:hover {
    /*        background: #ccc;
    color: #000;*/
    border-top: 3px solid #FC7C29;
    font-weight: bolder;

}
#nav-one li:hover a,
#nav-one li.sfHover a {
    /*        background: #ccc;
    color: #000;*/
    /*        border-top: 3px solid #FC7C29;*/
    font-weight: bolder;
}
#nav-one li:hover ul a,
#nav-one li.sfHover ul a {
    background: #565656;
    color: #FFF;
    border:none;
}
#nav-one li:hover ul a:hover,
#nav-one li.sfHover ul a:hover {
    /*        background: #ccc;
    color: #000;*/
    /*        border-top: 3px solid #FC7C29;*/
    font-weight: bolder;
}

.nav ul {
    background: #565656;
    /*        border-bottom: 1px solid #000;*/
    list-style: none;
    margin: 0;
    width: 100px;
    position: absolute;
    top: -999em;
    left: -1px;
}
/* level2 */
.nav li:hover ul,
.nav li.sfHover ul {
    top: 25px;
    width: 180px;
}
.nav ul li {
    border: 0;
    float: none;
    padding: 5px;
}
.nav ul a {
    /*        border: 1px solid #000;*/
    border-bottom: 0;
    /*        padding-right: 20px;*/
    white-space: nowrap;
}
.nav ul a:hover {
    background: #ccc;
    color: #000;
}
.remark{
    color:red;font-size: 12px;
}
.urlimage{width: 500px;}
.ressultsuccessbox{color:green;border:1px dotted green;text-align: center;padding: 5px;}
.ressulterrorbox{color:red;border:1px dotted red;text-align: center;padding: 5px;}