body {color: #000000; background: #FFFFFF; margin: 0; padding: 0;}

table {width: 100%; font-size: 12px;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

a {color: #000000; text-decoration: none; font-weight: 500; background-color: transparent;}
a:hover {color: #ff3300;}

h1 {background: #A3CEE8 url(images/900_50.jpg);color: #222222; padding:4px 0px 8px 32px; font-size:22px; font-weight: normal; text-align:left; border-bottom: 1px dotted #828282;}
h2 {padding:0px; font-size:16px; font-weight: normal; text-decoration: none;background: #fff url(images/line_2_27.gif) 0 0px;line-height: 27px;}
h3 {}
h4 {}
h5 {}
ul {}
ol {}
li {line-height: 20px;}

input {border: 1px solid #AAAAAA; color: #333333; font: 12px verdana, arial, helvetica, sans-serif; background-color: #DDDDDD}
input:hover {background-color: #FFFFFF}
input.formButton {border: 1px solid #AA0000; font: 12px verdana, arial, helvetica, sans-serif; background-color: #CDCDCD}
input.formButton:hover {background-color: #FFFFFF}
textarea {border: 1px solid ##840707; font-size: 12px; width: 100%; background-image: url('images/blur_l_t_300.gif'); background-repeat: no-repeat; background-position: left top;}
select {border: 1px solid #AAAAAA; color: #525252; font: 12px verdana, arial, helvetica, sans-serif; background-color: #F2F2F2;}

.item {border: 1px solid #cccccc;}
.itemHead {padding: 4px; background: #3E6299 url(images/3E6299bg_4_4.gif); color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 12px; font-weight: 100; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 11px; font-style:italic;}
.itemPostDate {font-size: 11px; font-style:italic;}
.itemStats {font-size: 11px; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 12px; font-weight: 100;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}
.itemAdminLink {font-size: 11px;}
.itemPermaLink {font-size: 11px;}

th {background: #3E6299 url(images/3E6299bg_4_4.gif); color: #FFFFFF; padding : 4px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

table#header {width: 1000px; background-color: #FFFFFF; margin:0 auto; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF;}
td#header {width: 100%; background-color: #FFFFFF; vertical-align: middle; text-align:center;}
table#content {width: 1000px; background-color: #FFFFFF; margin:0 auto; vertical-align: middle; text-align:center; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF;}
table#footer {width: 1000px; background-color: #FFFFFF; margin:0 auto; vertical-align: middle; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF;}

td#leftcolumn {padding: 16px 10px 16px 10px; width: 220px; border-right: 0px solid #cccccc; font-size:12px; background-color: #F0F0F0;}
td#leftcolumn th {background-color: #3157FF; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 1px; color: #888888; background-color: #FFFFFF; color: #888888; font-weight: 500; display:inline-block;}
td#leftcolumn div.blockContent {padding: 10px; line-height: 120%; text-align:left; background-color:  transparent;}


#centercolumn {font-size: 12px; text-align:left}
#centercolumn th {background-color: #3157FF; color: #FFFFFF; vertical-align: middle;}

#centerCcolumn, #bottomCcolumn {padding: 0px 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 1px; color: #888888; background-color: #FFFFFF; font-weight: 500; margin-top: 0px; margin-right: 0px;  margin-left: 0px; display:inline-block;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 0px; margin-right: 0px; margin-bottom: 2px; line-height: 120%;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
	width: 50%; padding: 0px 3px 0px 0px;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
	border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 1px; color: #639ACE; background-color: #FFFFFF; font-weight: 500; margin-top: 0px;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 0px; margin-right: 0px; margin-bottom: 2px; line-height: 120%;
}

div#content {text-align: left; padding: 8px;}
#content_txt {text-align: left; padding: 20px; line-height: 180%;}
#content_txt_156 {text-align: left; padding: 20px; line-height: 180%; background-image: url('images/744_bg.gif');}

td#rightcolumn {width: 186px; padding: 10px 8px 2px 0px; border-left: 0px solid #505050; font-size:11px; text-align:left;}
td#rightcolumn th {background-color: #840707; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 1px; background-color: #FFFFFF; color: #888888; font-weight: 500;}
td#rightcolumn div.blockContent {padding: 4px; border-left: 1px solid #DCD1B9; border-right: 1px solid #DCD1B9; border-bottom: 1px solid #DCD1B9; line-height: 120%;background-color: #FFFFFF; background-image: url('images/blur_r_d_100.gif'); background-repeat: no-repeat; background-position: right bottom;}

td#footer {height: 46px; text-align:center; vertical-align: middle; background-image: url('images/424242bg_4_4.gif'); color: #FFFFFF; border-top: 1px solid #656565; border-bottom: 1px solid #FFFFFF;}
td#footer a {color: #EEEEEE; font-weight: 700;}
td#footer a:hover {color: #FFFFFF;}
td#footerbar {height: 22px; padding-right: 20px; vertical-align : middle; text-align:center; background-color: #C1D8F2; color: #333333;}

td#mainmenu a {display: block; margin: 0; padding: 9px; background: url(images/go.gif); background-color: #E0E0E0;}
td#mainmenu a:hover {color: #FFFFFF; background: url(images/go_hover.gif); background-color: #274A82;}
td#mainmenu a.menuTop {padding-left: 36px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
td#mainmenu a.menuMain {padding-left: 36px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
td#mainmenu a.menuSub {padding-left: 43px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: url(images/go.gif) 7px 0px; background-color: #999999;}
td#mainmenu a.menuSub:hover  {padding-left: 43px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: url(images/go_hover.gif) 7px 0px; background-color: #666666;}

td#usermenu a {background-color: #D2D2D2; display: block; margin: 0; padding: 4px; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA;}
td#usermenu a:hover {background-color: #EEEEEE; color: #222222;}
td#usermenu a.menuTop {border-top: 1px solid #AAAAAA;}
td#usermenu a.highlight {background-color: #FFFF00;}



.outer {border: 1px solid #568AE3;}
.head {background-color: #A2C7FF; padding: 5px; font-weight: 500;}
.even {background-color: #CDE1FF; padding: 5px;}
.odd {background-color: #E0DDD6; padding: 5px;}
.foot {background-color: #A2C7FF; padding: 5px; font-weight: 500;}
tr.even td {background-color: #CDE1FF; padding: 5px;}
tr.odd td {background-color: #E0DDD6; padding: 5px;}
.no_flash {width:100%;opacity:0;position: fixed;left:0;z-index:1;text-align:center;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: 500; padding: 11px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: 500; padding: 11px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; font-weight: 500; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 11px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; height: 200px; overflow: auto;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: 500; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 11px; color: #3157FF; font-weight:500; border: 1px solid #c0c0c0; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 11px; color: #3157FF; font-weight:500; font-size: 11px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 11px;font-weight:500;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 11px;}
.comDateCaption {font-weight: 500; font-style: normal;}


/* ======= Body wrapper ======= */
#xo-wrapper {}
#xo-bgstatic {}
#xo-canvas {
    margin:                 0;
    background-color:       #C6C7C9;
    color:                  #000;
}

#xo-siteclosed {
    background:             #3E6299 url(images/3E6299bg_4_4.gif);
    padding:                30px;
    color:                  #FFF;
    font-size:              1.2em;
    font-weight:            bold;
    text-align:             center;
}

#xo-siteclose {
    width:                  400px;
    margin:                 100px auto;
    background:             #3E6299 url(images/3E6299bg_4_4.gif);
    padding:                30px;
    color:                  #FFF;
    font-size:              1.2em;
    font-weight:            bold;
    text-align:             center;
    border:                 1px solid #666;
}

/*============== Styles for system_redirect.html (override system module) =================*/
#xo-redirect {
    width:                  780px;
    margin:                 50px auto;
    padding:                1em;
    font-weight:            bold;
    text-align:             center;
}
#xo-redirect .notreload {
    height:                 28px;
    background-color:       inherit;
    padding-top:            2px;
    color:                  #000;
}
#xo-redirect .notreload a {
    background-color:       inherit;
    color:                  #ff0000;
    font-weight:            bold;
    text-decoration:        none;
}
#xo-redirect .message {
    min-height:             60px;
    background:             #E8E8E8 url(images/E8E8E8bg_4_4.gif);
    padding:                1em;
    color:                  #333;
    font-size:              1.2em;
    text-align:             center;
    border:                 1px solid #666;
}
#xo-redirect .message img{
    padding:                1em;
}

/* TABLE OUT COLOR */
.out-table {width:100%; background-image: url(images/ffffff-dddddd.gif);}
.out-u {height: 20px; background-image: url(images/out-10-20-u.gif);}
.out-r-u {width: 20px; height: 20px; background-image: url(images/out-20-20-r-u.gif);}
.out-r {width: 20px; background-image: url(images/out-20-10-r.gif);}
.out-r-d {width: 20px; height: 20px; background-image: url(images/out-20-20-r-d.gif);}
.out-d {height: 20px; background-image: url(images/out-10-20-d.gif);}
.out-l-d {width: 20px; height: 20px; background-image: url(images/out-20-20-l-d.gif);}
.out-l {width: 20px; background-image: url(images/out-20-10-l.gif);}
.out-l-u {width: 20px; height: 20px; background-image: url(images/out-20-20-l-u.gif);}
.out-td {text-align: left; background-color: transparent;}

/* TABLE IN COLOR */
.in-table {width:100%; background-color: transparent;}
.in-u {height: 20px; background-image: url(images/in-10-20-u.gif);}
.in-r-u {width: 20px; height: 20px; background-image: url(images/in-20-20-r-u.gif);}
.in-r {width: 20px; background-image: url(images/in-20-10-r.gif);}
.in-r-d {width: 20px; height: 20px; background-image: url(images/in-20-20-r-d.gif);}
.in-d {height: 20px; background-image: url(images/in-10-20-d.gif);}
.in-l-d {width: 20px; height: 20px; background-image: url(images/in-20-20-l-d.gif);}
.in-l {width: 20px; background-image: url(images/in-20-10-l.gif);}
.in-l-u {width: 20px; height: 20px; background-image: url(images/in-20-20-l-u.gif);}
.in-td {text-align: left; background-color: #333333;}

/*SERVICES*/
.disaster {display:none;}
.intelligent {display:none;}
.environmental {display:none;}
.technology {display:none;}
.information {display:none;}
.material {display:none;}
.urban {display:none;}
.firematerial {display:none;}
.safety {display:none;}
.firelogo {display:none;}
.energy {display:none;}
.intelligentlogo {display:none;}
.space {display:none;}
.reform {display:none;}
.greenmaterial {display:none;}
.building {display:none;}
.greenreform {display:none;}
.efficiency {display:none;}
.indoorquality {display:none;}
.people {display:none;}
.bcsims {display:none;}
.housing {display:none;}
.evaluation {display:none;}
.structurelogo {display:none;}
.seismic {display:none;}
.education {display:none;}
.manage {display:none;}
.testing {display:none;}
.regeneration {display:none;}
.house {display:none;}