body {margin:0px; font-family:Verdana, Arial, sans-serif; font-size:11px; height:100%;}
input {font-family:Verdana, Arial, sans-serif; font-size:11px;}
p {margin:0; padding:0;}
img {border:0;}
form {margin:0; padding:0;}
a {color:#000000;}
h1 {margin:0 0 3px 0; font-size:12px;}
h2 {margin:0 0 2px 0; font-size:11px;}
h3 {margin:0; font-size:11px; font-style:italic; font-weight:normal;}

#frame {position:absolute; width:100%; left:0; top:50%; margin-top:-320px;}
#content {position:relative; margin-left:auto; margin-right:auto; width:900px; height:610px; background:url(images/content_bg.png) no-repeat; border:1px solid #bbbbbb;}
#topnavi {position:absolute; left:80px; top:170px;}
#bottomnavi {position:absolute; left:80px; top:557px; width:741px; background:#000000; -moz-opacity:.70; opacity:.70; filter:alpha(opacity=70);}
#logo {position:absolute; left:123px; top:60px;}
#socialbuttons {position:absolute; left:80px; bottom:5px; width:770px; font-size:11px; color:#666666; font-family:Arial;}
#socialbuttons .fb-visit {float:left; width:350px;}
#socialbuttons a.fb-page {text-decoration:none; margin:0; display:inline-block; background:#ECEEF5 url(http://static.ak.fbcdn.net/rsrc.php/zh/r/Ch71Zv858xU.png) no-repeat 4px -45px; color:#3B5998; line-height:14px; padding:2px 4px 2px 22px; border: 1px solid #CAD4E7; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} 
#socialbuttons a.fb-page:hover {border-color:#9dacce;}
#socialbuttons .fb-like {float:left; width:250px;}
#socialbuttons .addthis_toolbox {float:left; width:140px;}


#lineTop {position:absolute; left:80px; top:30px; width:741px; height:4px; background-color:#595959; overflow:hidden;}
#lineNavi {position:absolute; left:80px; top:166px; width:741px; height:1px; background-color:#595959; overflow:hidden; border-bottom:1px solid #ababab;}
#lineText {position:absolute; left:80px; top:299px; width:741px; height:1px; background-color:#595959; overflow:hidden; border-bottom:1px solid #ababab;}

.textFrame, .posFrame {position:absolute; left:80px; top:304px; width:741px; height:250px;}
.textFrame .scrollPane {width:741px; height:250px; overflow:auto;}

.clearer {clear:both; float:none; height:1px; overflow:hidden;}

/* navi */
.jqueryslidemenu {width:100%; font:normal 10px Verdana;}
.jqueryslidemenu ul {margin:0; padding:0; list-style-type:none;}
.jqueryslidemenu ul li {position:relative; display:inline; float:left;}
.jqueryslidemenu ul li a {display:block; color:#ffffff; padding:3px 8px; text-decoration:none;}
#topnavi .jqueryslidemenu ul li a {width:167px; margin-right:3px; background:#000000; -moz-opacity:.50; opacity:.50; filter:alpha(opacity=50);}
#topnavi .jqueryslidemenu ul li a:hover {background:#000000; color:#ffffff; -moz-opacity:.70; opacity:.70; filter:alpha(opacity=70);}
#bottomnavi .jqueryslidemenu ul li a {width:60px; margin-right:0; padding-right:5px; background:#000000; -moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
#bottomnavi .jqueryslidemenu ul li a:hover {background:#000000; color:#ffffff; -moz-opacity:.50; opacity:.50; filter:alpha(opacity=50);}
* html .jqueryslidemenu ul li a {display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {color:white;}
.jqueryslidemenu ul li ul {position:absolute; left:0; display:block; visibility:hidden;}
.jqueryslidemenu ul li ul li {display:list-item; float:none;}
.jqueryslidemenu ul li ul li ul {top:0;}
.jqueryslidemenu ul li ul li a {padding:3px 8px; color:#ffffff; border-top:3px solid #faf3e0; width:167px; margin:0 0 0 0;}
.jqueryslidemenuz ul li ul li a:hover {background:#eff9ff; color:black;}

/* homeslider */
#slideFrame {position:absolute; left:80px; top:304px; width:741px; height:250px; overflow:hidden;}
#slideContent {position:absolute;}
#slideSteps {position:absolute; width:750px; height:250px;}
#slideSteps div {position:relative; float:left; width:83px; height:250px;}

/* gallery */
#mediaDisp {position:absolute; left:370px; top:0px; width:371px; height:250px; background:url(images/mediaDispBg.png) no-repeat;}
#mediaDisp .contentFrame {position:absolute; left:0px; top:0px; width:300px; height:199px; background:center center no-repeat;}
#mediaDisp .contentFrame a {display:block;}
#mediaDisp .contentFrame a:hover {background:url(images/popMarkerUp.png) 255px 155px no-repeat;}
#mediaDisp .mediaData1 {position:absolute; left:305px; top:10px; font-size:9px; width:60px; text-align:center;}
#mediaDisp .mediaData2 {position:absolute; left:5px; top:230px; font-size:9px; width:350px;}

#thumbList {position:absolute; left:0; top:0; width:367px; height:250px; overflow:hidden;}
#thumbList .scrollPane {width:367px; height:250px; overflow-y:auto; overflow-x:hidden;}
#thumbList .thumbFrame {width:400px;}
#thumbList .thumbCat {position:relative; width:348px; padding:2px; margin:5px 0 3px 0; color:#ffffff; background-color:#7e7c76;}
#thumbList .active {-moz-opacity:.50; opacity:.50; filter:alpha(opacity=50);}
#thumbList .thumbImage {position:relative; float:left; margin:0 3px 3px 0; width:68px; height:45px;}
#thumbList .thumbImage .image {position:absolute;}
#thumbList .thumbImage .thumb {position:absolute;}
#thumbList .thumbImage .thumb a {display:block;}
#thumbList .thumbImage .thumb a:hover {background:url(images/thumbOver.gif) center center no-repeat;}

#imageViewer {display:none; position:absolute; left:80px; top:170px;}
#imageViewerBG {position:absolute; left:0px; top:0px; width:741px; height:384px; background-color:#000000; -moz-opacity:.80; opacity:.80; filter:alpha(opacity=80);}
#imageViewerDisp0, #imageViewerDisp1 {position:absolute; left:0px; top:0px; width:578px; height:384px; background:center center no-repeat; display:none;}
#imageViewerLoading {position:absolute; left:268px; top:180px; display:none;}
#imageViewerPrev {position:absolute; left:585px; top:336px; width:42px; height:41px; cursor:pointer;}
#imageViewerNext {position:absolute; left:630px; top:336px; width:42px; height:41px; cursor:pointer;}
#imageViewerHide {position:absolute; left:691px; top:336px; width:42px; height:41px; cursor:pointer;}
#imageViewer .imageData {color:#ffffff; position:absolute; left:590px; top:20px; font-size:10px; width:140px; text-align:center;}


/* jScrollPane global styles */
.jScrollPaneContainer {position:relative;	overflow:hidden; z-index:1;}
.jScrollPaneTrack {position:absolute;	cursor:pointer; right:0; top:0;	height:100%;}
.jScrollPaneDrag {position:absolute; cursor:pointer; overflow:hidden;}
.jScrollPaneDragTop {position:absolute; top:0; left:0; overflow:hidden;}
.jScrollPaneDragBottom {position:absolute; bottom:0; left:0; overflow:hidden;}
a.jScrollArrowUp {display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden;}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden;}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

/* jScrollPane local styles */
.jScrollPaneDrag {background:url(images/scrollBarHandle.gif);}
.jScrollPaneDragTop {height:3px; background:url(images/scrollBarTop.gif) no-repeat;}
.jScrollPaneDragBottom {height:3px; background:url(images/scrollBarBottom.gif) no-repeat;}
a.jScrollArrowUp {height:12px; background:url(images/scrollBarUp.gif) 3px 5px no-repeat;}
a.jScrollArrowDown {height:12px; background:url(images/scrollBarDown.gif) 3px 5px no-repeat;}
.textFrame .jScrollPaneTrack,
.textFrame .jScrollPaneDragTop,
.textFrame .jScrollPaneDragBottom,
.textFrame a.jScrollArrowUp,
.textFrame a.jScrollArrowDown {background-color:#c1b48c;}
#thumbList .jScrollPaneTrack,
#thumbList .jScrollPaneDragTop,
#thumbList .jScrollPaneDragBottom,
#thumbList a.jScrollArrowUp,
#thumbList a.jScrollArrowDown {background-color:#c6bfa9;}

/* user files */
.ext {padding-left:20px; display:block; height:16px; background:url(images/filetypes.gif) 0px 0px no-repeat;}
.file_pdf {background-position:0px -16px;}
.file_doc, .file_docx {background-position:0px -32px;}
.file_xls, .file_xlsx {background-position:0px -48px;}
.file_zip {background-position:0px -64px;}
.userareafiles th {text-align:left;}
.userareafiles td {vertical-align:top; padding-bottom:5px;}

/* login */
#login {width:183px; position:absolute; left:638px; top:191px; background:#797057; display:none;}
#login input {width:170px; padding:0px;}
#login div {padding:4px 4px 0 4px;}
#login .submit {padding-bottom:4px;}
#login .submit input {border:0px; background-color:#000000; color:#ffffff; width:174px;}