/******************************************************************************/
/* Liferay                                                                    */
/******************************************************************************/
/* Global */
a {
color: #0879d5;
text-decoration: none;
}
a:hover {
color: 000000;
text-decoration: underline;
}
body {
text-align: center;
height: 100%;
font: 400 13px/22px Arial, Helvetica, sans-serif;
color: #666;
background: url(/html/themes/97g2b/images/custom/index_bg.gif) no-repeat top;	
}
body * {
font-size: 1em;
}
.font-xx-small { font-size: 0.7em; }
.font-x-small { font-size: 0.9em; }
.font-small { font-size: 0.9em; }
.font-large { font-size: 1.1em; }
.font-x-large { font-size: 1.3em; }
.font-xx-large { font-size: 1.5em; }
form { margin: 0; padding: 0; }
select {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}
ul {
list-style-type: none;
margin: 5px 0 10px 15px;
padding: 0;
}
img { border: 0; margin: 0; padding: 0 }
input, button, select { font-size: 0.9em; }
textarea { font-size: 1em; }
.form-button {
background-color: #FFFFFF;
border-color: #9fb7d3;
border-style: solid;
border-width: 1px;
}
.form-button-hover {
border-bottom: solid 1px #9fb7d3;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #9fb7d3;
border-top: solid 1px #FFFFFF;
}
.form-text {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}
.tree-js-pop-up DIV {
background-color: #D3D3D3;
border: 2px Outset #FFFFFF;
display: none;
padding: 4;
position: absolute;
text-align: left;
z-index: 10;
}
.pop-up-outer { border: 1px solid #383838; background-color: #FFFFFF; }
.pop-up-inner { border: 1px solid #747474; }
.pop-up-header { background-color: #000000; height: 25px; }
.pop-up-title { color: #FFFFFF; font-weight: bold; padding-left: 10px; }
.pop-up-close a { color: #FFFFFF; margin-right: 7px; white-space: nowrap; text-decoration: underline; }
/* Alpha */
.alpha {
background-color: #9fb7d3;
}
.alpha-neg-alert {
color: #FF0000;
}
.alpha-pos-alert {
color: #007F00;
}
.alpha-separator {
background: url(/html/themes/97g2b/images/custom/dotted-horizontal.gif) scroll repeat-x;
height: 1px;
font-size: 0;
}
A.alpha {
background: none;
color: #000000;
text-decoration: none;
}
A.alpha:hover {
color: #000000;
text-decoration: underline;
}
FONT.alpha {
background: none;
color: #000000;
}
/* Beta */
.beta {
background-color: #9fb7d3;
}
.beta-neg-alert {
color: #FF0000;
}
.beta-pos-alert {
color: #007F00;
}
.beta-separator {
background: url(/html/themes/97g2b/color_schemes/01/portlet_menu_bg_x.gif) repeat-x;
height: 1px;
font-size: 0;
}
A.beta {
background: none;
color: #000000;
text-decoration: none;
}
A.beta:hover {
color: #000000;
text-decoration: underline;
}
FONT.beta {
background: none;
color: #000000;
}
/* Gamma */
.gamma {
background-color: #FFFFFF;
}
.gamma-gradient {
background: url(/html/themes/97g2b/color_schemes/01/portlet_bg_x.gif) repeat-x;
}
.gamma-neg-alert {
color: #FF0000;
}
.gamma-pos-alert {
color: #007F00;
}
.gamma-tab {
border-bottom: 1px solid #9fb7d3;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
margin-right: 0px;
padding-bottom: 27px;
padding-left: 0px;
}
.gamma-tab ul, .gamma-tab li {
background: #F6F6F6;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #9fb7d3;
color: #CCCCCC;
display: inline;
float: left;
line-height: 22px;
list-style-type: none;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}
.gamma-tab ul.current, .gamma-tab li.current {
background: #FFFFFF;
border: 1px solid #9fb7d3;
border-bottom: 1px solid #FFFFFF;
color: #000000;
}
.gamma-tab li a { color: #777777; }
.gamma-tab li.current a { color: #000000; }
.gamma-tab li.toggle {
background: none;
border: 0px;
float: right;
margin-right: 0px;
padding-right: 0px;
}
A.gamma {
background: none;
color: #000000;
text-decoration: none;
}
A.gamma:hover {
color: #000000;
text-decoration: underline;
}
FONT.gamma {
background: none;
color: #000000;
}
/* Bg */
.bg {
background-color: #FFFFFF;
}
.bg-neg-alert {
color: #FF0000;
}
.bg-pos-alert {
color: #007F00;
}
A.bg {
background: none;
color: #000000;
text-decoration: none;
}
A.bg:hover {
color: #000000;
text-decoration: underline;
}
FONT.bg {
color: #000000;
}
/******************************************************************************/
/* Liferay Layout CSS                                                         */
/******************************************************************************/
#layout-outer-side-decoration {
margin: 0 auto 0 auto;
}
#layout-inner-side-decoration {
}
#layout-box {
background: red;
text-align: center;
width: 100%;
}
#layout-top-banner {
background: url(/html/themes/97g2b/images/custom/banner-middle.gif) scroll repeat-x;
position: relative;
text-align: left;
z-index: 3;
height: 155px;
}
#Layer3 {
position:absolute;
left:0px;
top:15px;
width:100%;
height:110px;
z-index:1;
text-align:center;
}
#layout-company-logo {
position: absolute;
top: 10px;
left: 10px;
}
#layout-user-menu {
text-align: left; 
position: absolute; 
left: 20px; 
top: 60px;
}
#layout-user-menu-signin {
text-align: left;
position: absolute;
left: 20px;
top: 30px;
}
#layout-global-search {
position: absolute;
right: 20px;
top: 20px;
}
#layout-my-places {
text-align:left; 
position:absolute;
left:20px;
background: #FFFFFF;
z-index: 3;
}
.layout-my-places {
cursor: pointer;
border: 1px solid #909090;
padding: 2px;
}
.layout-my-places-arrow {
background-color: #909090;
padding: 2px;
}
#layout-my-places ul {
background-color: #FFFFFF;
border: 1px solid #9fb7d3;
cursor: pointer;
list-style-image: none;
position: absolute;
text-align: left;
margin: 0;
}
#layout-my-places ul li {
padding: 2px;
white-space: nowrap;
}
#layout-nav-container {
padding: 3px 8px 0 8px;
position: relative;
top: 128px;
z-index: 2;
}
.layout-nav-tabs-box {
background: url(/html/themes/97g2b/images/custom/nav-bg.png) scroll repeat-x;
position: relative;
width: 100%;
}
.layout-nav-tabs-left {
background: url(/html/themes/97g2b/images/custom/nav-left.png) scroll no-repeat top left;
position: relative;
}
.layout-nav-tabs-right {
background: url(/html/themes/97g2b/images/custom/nav-right.png) scroll no-repeat top right;
padding: 0 2px 0 2px;
position: relative;
}
.layout-nav-tabs-box table { height: 25px; }
.layout-tab, .layout-tab-selected {
color: #000000;
}
.layout-tab-selected {
font-size:9pt;
color:#000000;
}
.layout-tab a {
font-size:9pt;
font-weight:bold;	
color:FFFFFF;
}
.layout-tab a:hover {
font-size:9pt;
font-weight:bold;	
color:FCFF07;
text-decoration: underline;	
}
.layout-tab-selected a {
font-size:9pt;
font-weight:bold;		
color:FCFF07;
}
.layout-tab-selected a:hover {
font-size:9pt;
font-weight:bold;	
color:FCFF07;
text-decoration: underline;
}
.layout-tab-hover {
background: url(/html/themes/97g2b/images/custom/nav-hover.png) scroll repeat-x;
}
.layout-column-spacer {
background: url(/html/themes/97g2b/images/custom/column-bevel.png) scroll repeat-y center;
}
.layout-column-spacer div {
width: 12px;
}
#layout-content {
margin: 0 0px 0 0px;
border-left: 2px solid #d7d7d7;
border-right: 2px solid #d7d7d7;
}
#layout-content-box {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
background-color: #FFFFFF;
padding: 10px 0 10px 0;
}
#layout-content-inner-decoration { padding: 0 5px 0 5px; }
#layout-content-container { width: 100%; }
/* Column Layout */
.layout-blank-portlet {
    clear: both;
font-size: 0px;
}
#layout-bottom-container {
background: url(/html/themes/97g2b/images/custom/bottom-middle.png) scroll repeat-x;
color: #858585;
position: relative;
text-align: left;
width: 100%;
height: 73px;
}
#layout-bottom-container a { color: #858585; }
#layout-bottom-container span { position: relative; top: 6px; left: 10px; }
#layout-bottom-left {
background: url(/html/themes/97g2b/images/custom/bottom-left.png) scroll no-repeat top left;
}
#layout-bottom-right {
background: url(/html/themes/97g2b/images/custom/bottom-right.png) scroll no-repeat top right;
}
#layout-bottom-container span {
margin-left: 3px;
}
#layout-language-select {
position: absolute;
right: 15px;
top: 7px;
}
.portal-add-content {
background-color: #FFFFFF;
border: 3px solid #9fb7d3;
padding: 8px;
}
.portal-tool-tip {
background-color: #FFFFCC;
border: 1px solid #000000;
padding: 2px;
font-size: 0.9em
}
#layout-column_column-1,
#layout-column_column-2,
#layout-column_column-3,
#layout-column_column-4,
#layout-column_column-5
{
min-height: 75px;
}
.layout-column-highlight {
background: url(/html/themes/97g2b/images/common/diagonal-lines.gif) scroll repeat;
}
/******************************************************************************/
/* Portlet CSS                                                                */
/******************************************************************************/
/* Liferay Portlet */
.portlet-dragging-placeholder {
background-color: #ffffe9;
}
.portlet-loading {
background: url(/html/themes/97g2b/images/progress_bar/loading_animation.gif) no-repeat top left;
margin-top: 10px;
padding-top: 40px;
text-align: left;
}
.portlet-container {
position: relative;
}
.portlet-box { }
.portlet-minimum-height {
}
.portlet-header-bar {
border: 0px solid #4f4f4f;
}
.portlet-header-bar-inner {
background-color: #9fb7d3;
height: 18px;
position: relative;
}
.portlet-borderless-container { position: relative; }
.portlet-borderless-bar { text-align: left; font-size: 0.9em; }
.portlet-title {
color: #000000;
font-weight: bold;
top: 1px;
padding-left: 8px;
position: relative;
}
.portlet-small-icon-bar {
padding-left: 2px;
position: absolute;
top: 1px;
right: 2px;
}
.portlet-small-icon {
margin-left: -2px;
}
.portlet-top-decoration {
background: url(/html/themes/97g2b/color_schemes/01/portlet_corner_ul.gif) no-repeat top left;
height: 5px;
}
.portlet-top-decoration DIV {
background: url(/html/themes/97g2b/color_schemes/01/portlet_corner_ur.gif) no-repeat top right;
height: 5px;
}
.portlet-top-decoration DIV DIV {
background: #FFFFFF;
border-top: 1px solid #9fb7d3;
font-size: 0;
height: 5px;
margin: 0 5px 0 5px;
}
.portlet-inner-top {
margin: 0 auto 0 auto;
}
.portlet-bottom-blank {
margin-bottom: 5px;
}
.portlet-bottom-decoration {
background: url(/html/themes/97g2b/color_schemes/01/portlet_corner_bl.gif) no-repeat top left;
height: 5px;
}
.portlet-bottom-decoration DIV {
background: url(/html/themes/97g2b/color_schemes/01/portlet_corner_br.gif) no-repeat top right;
height: 5px;
}
.portlet-bottom-decoration DIV DIV {
background: #FFFFFF;
border-bottom: 1px solid #9fb7d3;
font-size: 0;
height: 5px;
margin: 0 5px 0 5px;
}
.portlet-bottom-decoration-2 {
background: url(/html/themes/97g2b/images/shadow/middle.gif) repeat-x;
margin-bottom: 5px;
}
.portlet-bottom-decoration-2 DIV {
background: url(/html/themes/97g2b/images/shadow/left.gif) no-repeat;
}
.portlet-bottom-decoration-2 DIV DIV {
background: url(/html/themes/97g2b/images/shadow/right.gif) no-repeat top right;
font-size: 0;
height: 6px;
}
/* Fonts */
.portlet-font {
color: #000000;
}
.portlet-font A {
color: #000000;
}
.portlet-font-dim {
color: #4e2400;
}
/* Messages */
.portlet-msg-status {
color: #000000;
font-style: italic;
}
.portlet-msg-info {
color: #000000;
}
.portlet-msg-error {
color: #FF0000;
}
.portlet-msg-alert {
color: #FF0000;
font-style: italic;
}
.portlet-msg-success {
color: #007F00;
}
/* Sections */
.portlet-section-header {
background: #ffbc62;
color: #000000;
font-weight: bold;
}
.portlet-section-header A {
color: #000000;
}
.portlet-section-body {
color: #000000;
background: #ffffe9;
}
.portlet-section-body-hover, TR.portlet-section-body:hover {
color: #000000;
background: #fff9f9;
}
.portlet-section-body A {
color: #000000;
}
.portlet-section-body-hover A, TR.portlet-section-body:hover A {
color: #000000;
}
.portlet-section-alternate {
color: #000000;
background: #fff3c6;
}
.portlet-section-alternate-hover, TR.portlet-section-alternate:hover {
color: #000000;
background: #fff9f9;
}
.portlet-section-alternate A {
color: #000000;
}
.portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A {
color: #000000;
}
.portlet-section-selected {
color: #000000;
background: #fff9f9;
}
.portlet-section-selected-hover, TR.portlet-section-selected:hover {
color: #000000;
background: #fff9f9;
}
.portlet-section-selected A {
color: #000000;
}
.portlet-section-selected-hover A, TR.portlet-section-selected:hover A {
color: #000000;
}
.portlet-section-subheader {
background: #fff7cc;
color: #000000;
padding: 2px;
}
.portlet-section-footer {
color: #000000;
}
.portlet-section-text {
color: #000000;
}
/* Forms */
.portlet-form-label {
color: #000000;
}
.portlet-form-input-field {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}
.portlet-form-button {
background-color: #FFFFFF;
border-color: #9fb7d3;
border-style: solid;
border-width: 1px;
}
.portlet-icon-label {
color: #000000;
}
.portlet-dlg-icon-label {
color: #000000;
}
.portlet-form-field-label {
color: #000000;
}
.portlet-form-field {
color: #000000;
}
/******************************************************************************/
/* Display Tag Library                                                        */
/******************************************************************************/
TR.even { background-color: #9fb7d3; color: #000000; }
TR.odd { background-color: #FFFFFF; color: #000000; }
.message-board-thread-body A {
    text-decoration: underline;
}
/******************************************************************************/
/* 97G2B Layout                                                               */
/******************************************************************************/
html, body {
margin: 0;
padding: 0;
height: 100%;
font: 400 13px/22px Arial, Helvetica, sans-serif;
color: #666;
background: url(/html/themes/97g2b/images/custom/index_bg.gif) no-repeat top;
}
html, body a {
color: #666;
text-decoration: none;
}
p {
margin: 0;
padding: 0;
}
.pagesize {
width: 960px;
padding: 0 5px;
margin: 0 auto;
}
div.spacer {
clear: both;
height: 0;
overflow: hidden;
}
.fLeft {
float: left;
}
.fRight {
float: right;
}
.br-0 {
margin: 0;
padding: 0;
}
/* 左邊固定區塊 */
.nav {
width: 241px;
float: left;
background: url(/html/themes/97g2b/images/custom/nav_bg1.gif) bottom;
}
.navTag {
width: 210px;
float: left;
}
ul.nav_tb {
padding: 0;
margin: 0;
list-style-type: none;
background: url(/html/themes/97g2b/images/custom/nav_bg2.gif) repeat-y;
width: 210px;
}
ul.nav_tb li {
text-align: center;
font-size: 0;
line-height: 100%;
}
ul.link_tb {
padding: 0;
margin: 0px auto;
list-style-type: none;
background: url(/html/themes/97g2b/images/custom/link_bg.gif) repeat-y;
width: 182px;
}
ul.link_tb li {
text-align: center;
font-size: 0;
line-height: 100%;
}
.link_bg {
background: url(/html/themes/97g2b/images/custom/link_top2.gif) no-repeat top left;
}
.link_tbs td {
border-bottom: 1px dashed #FFFFFF;
text-align: left;
padding-top: 2px;
}
.DL {
width: 177px;
padding: 0;
margin-bottom:5px;
}
.content {
width: 710px;
float: left;
}
.infonav {
font: 400 13px/18px Arial, Helvetica, sans-serif;
margin: 0 auto 6px;
}
.infonav td {
text-align: center;
    background-color:#FFFFFF;
}
.infonav a:hover {
color: #FF6666;
}
/* footer */
.footer {
background:url(/html/themes/97g2b/images/custom/footer_bg.gif) repeat-x;
width: 940px;
text-align: center;
border-top: solid #e1e1e1 1px;
border-bottom: solid #e1e1e1 1px;
font: 400 12px/180% Arial, Helvetica, sans-serif;
color: #7d7d7d;
padding: 10px;
margin: 0 auto;
clear: both;
margin-top: 20px;
}
.footer a {
color: #7d7d7d;
text-decoration: none;
}
.footer a:hover {
color: #333333;
text-decoration: none;
}
/* 文字 */
.t13Black, .t13Blue {
font: 400 13px/22px Arial, Helvetica, sans-serif;
}
.t13Black {
color: #3f3f3f;
}
.t13Black a{
color: #3f3f3f;
}
.t13Black a:hover{
color: #808080;
}
.t13BlueB {
color: #005bc2;
font-weight: bold;
}
.t13Blue a{
color: #005bc2;
}