*{margin:0;padding:0;outline:0;}
body{background:#cacaca url("../img/bg2.gif") repeat-x;color:#484848;font:12px/170% 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;}
#xo-canvas{position:relative;width:952px;margin:20px auto 0 auto;background:#FFF url("../img/wrap.gif") repeat-y center top;}
#xo-canvas-content{padding:0 20px 0 0;}
#xo-page{padding-top:5px;padding-left:16px;}
a,a:visited{background:inherit;color:#2c7bca;text-decoration:none;}
a:hover{background:inherit;color:#2361a0;text-decoration:underline;}
h1,h2,h3{padding:10px;color:#444;font-family:"Trebuchet MS",Arial,Sans-serif;font-weight:Bold;}
h1{font-size:2.0em;}
h2{color:#b6b6b6;font-size:2.0em;}
h3{padding:0 10px 4px 10px;font-size:1.6em;font-weight:normal;}
img{position:relative;border:0;}
img.border{background:#fafafa;padding:8px;border:1px solid #e4e4e4;}
#xo-canvas-content ul,#xo-canvas-content ol{margin:10px 20px;padding:0 20px;}
#xo-canvas-content ul{list-style-type:disc;}
dl{margin:0;padding:10px;}
dt{color:#79a62e;font-weight:bold;}
dd{padding-left:25px;}
fieldset{margin:0 0 1em 0;padding:1em;border:1px solid #ddd;}
legend{padding:0 3px 0 3px;color:#444;font-size:.9em;font-weight:bold;}
label{color:#a7743b;font-weight:bold;}
select,textarea{margin:5px 0;background-color:#fff;padding:2px;color:#2c7bca;font-weight:bold;border-width:1px;border-style:solid;border-color:#d4d4d4 #ebebeb #ebebeb #d4d4d4;}
input{color:#2c7bca;font-weight:bold;margin:5px 0;padding:2px;background-color:#FFF;border-width:1px;border-style:solid;border-color:#d4d4d4 #ebebeb #ebebeb #d4d4d4;}
input{margin-right:3px;}
input.text{background:#f2f0f0 url("../img/qsearch.gif") repeat-x left;border:1px solid #ece5dd;}
acronym,abbr,dfn{border-bottom:1px dotted #895f30;cursor:help;}
q,cite,em,dfn,strong{font-style:italic;}
strong,dfn{font-weight:bold;}
del{text-decoration:line-through;}
address{font-style:normal;letter-spacing:.1em;}
hr{display:none;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
.clearleft{clear:left;height:0;line-height:0;font-size:0;}
.clearright{clear:right;height:0;line-height:0;font-size:0;}
.block{display:block;}
.hide{display:none;}
.spacer{padding:0 0 3px 0;}
.floatleft{float:left;margin-top:1em;margin-right:1em;padding-left:4px;border:0;}
.floatright{float:right;margin-bottom:1em;margin-left:1em;padding:2px;border:0;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.extrasmall{font-size:.7em;}
.small{font-size:.9em;}
.normal{font-size:1em;}
.big{font-size:1.2em;}
.maxi{font-size:1.5em;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
#xo-header{position:relative;width:952px;height:145px;margin:0;background:#b6b6b6 url("../img/header.jpg") no-repeat;padding:0;color:#fff;}
#xo-header h1#logo-text a{position:absolute;top:30px;left:35px;margin:0;padding:0;color:#332616;text-decoration:none;letter-spacing:-5px;font:bold 66px "Trebuchet MS",Arial,Sans-serif;}
#xo-header p#slogan{position:absolute;top:110px;left:125px;margin:0;padding:0;color:#322815;letter-spacing:-0.5px;font:bold 15px "Trebuchet MS",Arial,Sans-serif;}
#xo-header #banner{position:relative;float:right;top:45px;right:125px;}
#top-menu{position:absolute;top:0;right:35px;margin:0;background:url("../img/top-menu.png") repeat-x;padding:25px 15px 4px 15px;color:#fff;font-family:"Trebuchet MS",Arial,Sans-serif;border-bottom:1px solid #f3ac03;}
#top-menu p{margin:0;padding:0;}
#top-menu a{color:#fff;font-weight:bold;}
#xo-globalnav{clear:both;width:952px;height:35px;margin:0;background:#b6b6b6 url("../img/nav-neu.gif") no-repeat;padding:0;}
#xo-globalnav ul{float:left;height:0;margin:0;padding:0 0 0 15px;list-style:none;}
#xo-globalnav ul li{float:left;margin:0;padding:0 0 0 10px;}
#xo-globalnav ul li a{float:left;margin:0;padding:0 15px 0 15px;color:#fff;text-decoration:none;font:bold 11px/25px Verdana,Arial,sans-serif;}
#xo-globalnav ul li a:hover,#xo-globalnav ul li a:active{border-top:solid #f3ac03 medium;}
#xo-breadcrumb{margin:0 5px 0 5px;padding:3px 3px 3px 5px;font-size:11px;}
#xo-canvas-leftcolumn .xo-block-system{margin:0 0 10px;}
#xo-canvas-leftcolumn{width:120px;padding:10px 10px 10px 30px;border-right:1px solid #f3f0e8;}
#xo-canvas-leftcolumn h3.xo-blocktitle{margin:0 0 5px 10px;padding:5px 0 5px 30px;color:#51432f;text-align:left;font:bold 1.2em "Trebuchet MS",Arial,Sans-serif;font-weight:bold;border-bottom:1px solid #fdd67b;}
#xo-canvas-leftcolumn .xo-blockcontent{margin:10px 0 5px 7px;padding:2px;line-height:1.2em;}
#xo-canvas-leftcolumn .xo-blocktitle{background:url("../img/h3.png") no-repeat;}
#xo-canvas-rightcolumn{width:200px;padding:10px 30px 10px 10px;border-left:1px solid #f3f0e8;}
#xo-canvas-rightcolumn h3.xo-blocktitle{margin:0 0 5px 10px;padding:5px 0 5px 7px;color:#51432f;text-align:center;font:bold 1.4em "Trebuchet MS",Arial,Sans-serif;font-weight:bold;border-bottom:1px solid #f3ac03;}
#xo-canvas-rightcolumn .xo-blockcontent{margin:10px 0 5px 7px;padding:2px;line-height:1.2em;}
#xo-page .xo-block{margin:5px 10px 5px 5px;}
#xo-topcenterblocks h3.xo-blocktitle,#xo-bottomcenterblocks h3.xo-blocktitle{margin:0 0 5px 10px;padding:1px 0 2px 1px;color:#51432f;font:bold 1.4em "Trebuchet MS",Arial,Sans-serif;font-weight:bold;border-bottom:1px solid #fdd67b;}
#xo-topcenterblocks .xo-blockcontent,#xo-bottomcenterblocks .xo-blockcontent{padding:5px 8px 8px 8px;margin-bottom:2px;line-height:1.4em;text-align:justify;}
#xo-topleftblocks,#xo-bottomleftblocks,#xo-toprightblocks,#xo-bottomrightblocks{width:48.5%;}
#xo-topleftblocks h3.xo-blocktitle,#xo-bottomleftblocks h3.xo-blocktitle,#xo-toprightblocks h3.xo-blocktitle,#xo-bottomrightblocks h3.xo-blocktitle{margin:0 0 5px 10px;padding:1px 0 2px 1px;color:#51432f;font:bold 1.4em "Trebuchet MS",Arial,Sans-serif;font-weight:bold;border-bottom:1px solid #f3ac03;}
#xo-topleftblocks .xo-blockcontent,#xo-toprightblocks .xo-blockcontent,#xo-bottomleftblocks .xo-blockcontent,#xo-bottomrightblocks .xo-blockcontent{margin-bottom:2px;padding:5px 8px 8px 8px;line-height:1.4em;text-align:justify;}
#xo-content{padding:8px;text-align:justify;}
#xo-footer{clear:both;width:952px;margin:0;background:#CCC url("../img/footer-bottom.gif") no-repeat left top;padding:30px 0 25px 0;color:#777;text-align:center;letter-spacing:.2px;font-family:"Trebuchet MS",Arial,Sans-serif;font-size:.95em;}
#xo-footer p{padding:10px 0;}
#xo-footer a:hover{color:#555;text-decoration:none;border-bottom:1px dotted #555;}
#xo-logger-output{font-size:.9em;}
#xo-canvas-redirect{width:952px;margin:40px auto 30px auto;}
#xo-redirect{margin:10px 80px 10px 80px;background-color:#fcfaf8;padding:8px;line-height:1.4em;text-align:center;}
#xo-siteclosed{margin:10px 200px 10px 200px;background-color:#fcfaf8;padding:8px;line-height:1.6em;text-align:center;border:1px solid #f3f0e8;}
#xo-siteclosed strong{display:block;font-style:normal;}
#xo-siteclosed label{font-size:.9em;font-weight:normal;}
#xo-siteclosed input{margin:2px;}
#mainmenu{font-size:12px;}
#mainmenu a{display:block;margin:0;background:url("../icons/arrow.gif") no-repeat left;padding:5px;font-weight:Bold;}
#mainmenu a.menuTop{padding-left:18px;}
#mainmenu a.menuMain{padding-left:18px;}
#mainmenu a.menuSub{background:url("../icons/arrow-sub.png") no-repeat left;padding-left:25px;font-size:12px;font-style:italic;border:none;}
#usermenu{font-size:12px;}
#usermenu a{display:block;margin:0;padding:4px;}
#usermenu a.highlight{background-color:#f2f0f0;}
table{width:100%;}
table td{padding:0 3px 0 3px;vertical-align:top;border-width:0;}
th{background:#9cafc4 url("../img/cat_title_head_bg.png") repeat-x scroll left top;padding:2px;vertical-align:middle;border-width:1px;}
.outer{padding:2px;border:1px solid #f3f0e8;}
.head{background-color:#ebebeb;padding:5px;font-weight:bold;}
.even{background-color:#eee;padding:5px;}
.odd{background-color:#f2f1ee;padding:5px;}
.foot{background-color:#fcfaf8;padding:5px;font-weight:bold;}
tr.even td{padding:5px;}
tr.odd td{padding:5px;}
.errorMsg{background-color:#b4d481;padding:2px;color:#fff;vertical-align:middle;border-width:1px;border-style:solid;border-color:#c4de8f #93C138 #93c138 #C4DE8F;}
.confirmMsg{background-color:#b4d481;padding:10px;color:#fff;text-align:center;border-width:1px;border-style:solid;border-color:#c4de8f #93C138 #93c138 #C4DE8F;}
.resultMsg{background-color:#b4d481;padding:10px;color:#fff;text-align:center;border-width:1px;border-style:solid;border-color:#c4de8f #93C138 #93c138 #C4DE8F;}
.xoopsCode{display:block;overflow:auto;margin:5px 0;background:#faf7f5;padding:15px;text-align:left;font:500 1em/1.5em "Lucida Console","Courier New",monospace;border:1px solid #eee8e1;}
.xoopsQuote{margin:15px 10px;padding:5px 7px 5px 50px;background:#faf7f5 url("../img/quote.gif") no-repeat 15px 15px;color:#80614d;line-height:1.6em;font-weight:normal;font-size:12px;font-style:italic;font-family:Georgia,"Times New Roman",Times,serif;border:1px solid #eee8e1;}
.item{margin-bottom:10px;}
.itemHead{margin:0 0 5px 10px;padding:5px 0 5px 7px;color:#51432f;font:bold 1.4em "Trebuchet MS","Calibri",Arial,Sans-serif;font-weight:bold;border-bottom:1px solid #f3ac03;}
.itemInfo{background-color:#fff;padding:3px;text-align:right;}
.itemFile{padding:3px;text-align:right;background:url(http://www.upsj.org/images/attach.png) no-repeat scroll 10px 10px;}
.itemTitle a{background-color:transparent;color:#51432f;font-size:1em;font-weight:bold;}
.itemPoster{font-size:.9em;font-style:italic;}
.itemPostDate{font-size:.9em;font-style:italic;}
.itemStats{font-size:.9em;font-style:italic;}
.itemBody{padding-left:3px;padding-bottom:2px;font-size:12px;text-align:justify;}
.itemText{margin-top:5px;margin-bottom:5px;padding:0 5px 0 5px;line-height:1.5em;}
.itemFoot{background-color:#faf7f5;padding:1px;text-align:center;border:1px solid #eee8e1;}
.itemAdminLink{font-size:1em;}
.itemPermaLink{font-size:1em;}
.comTitle{margin-bottom:2px;font-weight:bold;}
.comText{padding:2px;}
.comUserStat{margin:2px 4px 2px 4px;background-color:#fff;padding:2px;font-size:.8em;font-weight:bold;border:1px solid #e8e8e8;}
.comUserStatCaption{font-weight:normal;}
.comUserStatus{margin-left:2px;margin-top:10px;color:#73471b;font-weight:bold;font-size:.8em;}
.comUserRank{margin:2px;}
.comUserRankText{font-size:.8em;font-weight:bold;}
.comUserRankImg{border:0;}
.comUserImg{margin:2px;}
.comDate{font-weight:normal;font-style:italic;font-size:.9em;}
.comDateCaption{font-weight:bold;font-style:normal;font-size:.8em;}
.signature{font-size:.8em;font-style:italic;}
#search-nav-word{position:absolute;left:790px;top:147px;overflow:hidden;width:126px;border:none;background:transparent;margin-bottom:2px;color:#332616;font-size:10px;z-index:1000;}
#modlgn_username{color:#666;padding-left:22px;background:#fff url("../icons/user.png") no-repeat scroll 2% 50%;}
#modlgn_passwd{background:#fff url("../icons/lock.png") no-repeat scroll 2% 50%;color:#666;padding-left:22px;}
input[type=submit]{PADDING-RIGHT:.5em;PADDING-LEFT:.5em;PADDING-BOTTOM:1px;PADDING-TOP:1px;BACKGROUND-IMAGE:url(../img/b-button-bg.png);BACKGROUND-POSITION:bottom;BACKGROUND-REPEAT:repeat-x;COLOR:#444;FONT-WEIGHT:bold;CURSOR:pointer;BORDER:outset 1px #ccc;}
input[type=submit]:hover{border:#4e4e4e 1px solid;background-color:#fff;}
input[type=button]{PADDING-RIGHT:.5em;PADDING-LEFT:.5em;PADDING-BOTTOM:1px;PADDING-TOP:1px;BACKGROUND-IMAGE:url(../img/b-button-bg.png);BACKGROUND-POSITION:bottom;BACKGROUND-REPEAT:repeat-x;COLOR:#444;FONT-WEIGHT:bold;CURSOR:pointer;BORDER:outset 1px #ccc;}
input[type=button]:hover{BORDER:solid 1px #4e4e4e;}
input[type=reset]{PADDING-RIGHT:.5em;PADDING-LEFT:.5em;PADDING-BOTTOM:1px;PADDING-TOP:1px;BACKGROUND-IMAGE:url(../img/b-button-bg.png);BACKGROUND-POSITION:bottom;BACKGROUND-REPEAT:repeat-x;COLOR:#444;FONT-WEIGHT:bold;CURSOR:pointer;BORDER:outset 1px #ccc;}
input[type=reset]:hover{BORDER:solid 1px #4e4e4e;}
input[type=hidden]{PADDING-RIGHT:.5em;PADDING-LEFT:.5em;PADDING-BOTTOM:1px;PADDING-TOP:1px;BACKGROUND-IMAGE:url(../img/b-button-bg.png);BACKGROUND-POSITION:bottom;BACKGROUND-REPEAT:repeat-x;COLOR:#444;FONT-WEIGHT:bold;CURSOR:pointer;BORDER:outset 1px #ccc;}
input[type=hidden]:hover{BORDER:solid 1px #4e4e4e;}
select{margin:5px 0;background-color:#f2f0f0;padding:2px;color:#2c7bca;font-weight:normal;border-width:1px;border-style:solid;border-color:#d4d4d4 #ebebeb #ebebeb #d4d4d4;}
input{color:#2c7bca;font-weight:bold;margin:5px 0;padding:2px;background-color:#FFF;border-width:1px;border-style:solid;border-color:#d4d4d4 #ebebeb #ebebeb #d4d4d4;}
input.text{background:#f2f0f0 url("../img/qsearch.gif") repeat-x left;border:1px solid #ece5dd;}
#text{margin:50px auto;width:500px;}
.hotspot{padding-bottom:1px;cursor:pointer;}
#tt{position:absolute;display:block;background:url("../images/tt_left.gif") top left no-repeat;}
#tttop{display:block;height:5px;margin-left:5px;background:url("../images/tt_top.gif") top right no-repeat;overflow:hidden;}
#ttcont{display:block;padding:2px 12px 3px 7px;margin-left:5px;background:#666;color:#FFF;}
#ttbot{display:block;height:5px;margin-left:5px;background:url("../images/tt_bottom.gif") top right no-repeat;overflow:hidden;}