/******************************************************************************/
/* Liferay                                                                    */
/******************************************************************************/
/* Global */
a {
color: #00135A;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.tab{
color: #FFFFFF;
text-decoration: none;
}
a.tab:hover {
text-decoration: underline;
}
body {
background-color: #FFFFFF;
border: 0;
margin: 0;
padding: 0;
text-align: center;
font-family: Arial;
font-size: 84%;
}
body * { font-size: 1em; }
.font-xx-small { font-size: 1em; }
.font-x-small { font-size: 0.8em; }
.font-small { font-size: 0.9em; }
.font-large { font-size: 1.1em; }
.font-x-large { font-size: 1.2em; }
.font-xx-large { font-size: 1.3em; }
form {
margin: 0;
padding: 0;
}
select {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
font-family: Arial;
}
ul {
list-style-type: none;
margin: 5px 0 10px 20px;
padding: 0;
}
img { border: 0; margin: 0; padding: 0 }
input, button, select, textarea { font-size: 0.8em; }
input { font-family: Arial; }
textarea { font-family: Arial; }
.form-button {
border-color: #3F833E;
border-style: solid;
border-width: 1px;
}
.form-button-hover {
border-bottom: solid 1px #3F833E;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #3F833E;
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: 4px;
position: absolute;
text-align: left;
z-index: 10;
}
/* Alpha */
.alpha {
background-color: #3F833E;
}
.alpha-gradient {
background: url(/html/themes/classic/color_schemes/02/portlet_title_bg_gradient.gif) repeat-x;
}
.alpha-neg-alert {
color: #FF0000;
}
.alpha-pos-alert {
color: #007F00;
}
.alpha-separator {
background: url(/html/themes/classic/color_schemes/02/portlet_title_bg_x.gif) repeat-x;
height: 1px;
font-size: 76%;
}
A.alpha {
background: none;
color: #00135A;
text-decoration: none;
}
A.alpha:hover {
color: #00135A;
text-decoration: underline;
}
FONT.alpha {
background: none;
color: #F9F9F9;
}
/* Beta */
.beta {
background-color: #3F833E;
}
.beta-gradient {
background: url(/html/themes/classic/color_schemes/02/portlet_menu_bg_gradient.gif) repeat-x;
}
.beta-neg-alert {
color: #FF0000;
}
.beta-pos-alert {
color: #007F00;
}
.beta-separator {
background: url(/html/themes/classic/color_schemes/02/portlet_menu_bg_x.gif) repeat-x;
height: 1px;
font-size: 0;
}
A.beta {
background: none;
color: #00135A;
text-decoration: none;
}
A.beta:hover {
color: #00135A;
text-decoration: underline;
}
FONT.beta {
background: none;
color: #00135A;
}
/* Gamma */
.gamma {
background-color: #FFFFFF;
}
.gamma-gradient {
background: url(/html/themes/classic/color_schemes/02/portlet_bg_x.gif) repeat-x;
}
.gamma-neg-alert {
color: #FF0000;
}
.gamma-pos-alert {
color: #007F00;
}
.gamma-tab {
border-bottom: 1px solid #3F833E;
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: #D2D2D2;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #3F833E;
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 #3F833E;
border-bottom: 1px solid #FFFFFF;
color: #00135A;
}
.gamma-tab li a { color: #777777; }
.gamma-tab li.current a { color: #00135A; }
.gamma-tab li.toggle {
background: none;
border: 0px;
float: right;
margin-right: 0px;
padding-right: 0px;
}
A.gamma {
background: none;
color: #00135A;
text-decoration: none;
}
A.gamma:hover {
color: #00135A;
text-decoration: underline;
}
FONT.gamma {
background: none;
color: #00135A;
}
/* Bg */
.bg {
background-color: none;
}
.bg-neg-alert {
color: #FF0000;
}
.bg-pos-alert {
color: #007F00;
}
A.bg {
background: none;
color: #00135A;
text-decoration: none;
}
A.bg:hover {
color: #00135A;
text-decoration: underline;
}
FONT.bg {
color: #00135A;
}
/******************************************************************************/
/* Liferay Layout CSS                                                         */
/******************************************************************************/
#layout-outer-side-decoration {
position:relative;
left:0px;
top:0px;
width:995px; margin-left: auto; margin-right: auto;
}
#layout-box {
margin-top: 0px;
text-align: center;
width: 100%;
}
#layout-top-banner {
height: 75px;
position: relative;
text-align: left;
z-index: 3;
}
#layout-user-menu {
position: absolute;
text-align: right;
top: 0px;
right: 0px;
}
#layout-user-menu form {
margin-top: 5px;
text-align: right;
}
#layout-my-places {
position: relative;
right: 0;
width: 200px;
}
#layout-my-places ul {
background-color: #FFFFFF;
border: 1px solid #3F833E;
position: absolute;
text-align: left;
right: 0;
top: 0;
margin: 0;
}
#layout-my-places ul li {
padding: 2px;
}
#layout-global-search {
position: absolute;
top: 5px;
right: 5px;
background-color: #6698CB;
}
#layout-nav-more-menu {
background-color: #FFFFFF;
border: 1px solid #3F833E;
position: absolute;
text-align: left;
left: 0px;
top: 26px;
margin: 0;
width: 80px;
}
#layout-nav-more-menu li {
padding: 2px 2px 2px 5px;
}
#layout-nav-container {
background-image:url(/html/themes/classic/images/homepage/images/nav.jpg);
position: relative;
z-index: 2;
}
.layout-nav-tabs-box {
height: 27px;
position: relative;
}
.layout-tab, .layout-tab-selected {
background: #6698CB;
color: #000000;
float: left;
height: 27px;
position: relative;
width: 90px;
}
.layout-tab-selected {
color: #FFFFFF;
}
.layout-tab span, .layout-tab-selected span {
position: relative;
top: 5px;
}
.layout-tab-separator {
background: url(/html/themes/classic/color_schemes/02/portlet_title_bg_y.gif) repeat-y;
font-size: 0;
float: left;
height: 15px;
margin-top: 5px;
width: 1px;
}
#layout-content-outer-decoration {
z-index: 0;
}
/* Column Layout */
#layout-bottom-container {
text-align: left;
}
.layout-add-select-style {
}
.portal-add-content {
background-color: #FFFFFF;
border: 3px solid #3F833E;
padding: 8px;
}
#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/classic/images/common/diagonal-lines.gif) scroll repeat;
}
/******************************************************************************/
/* Portlet CSS                                                                */
/******************************************************************************/
/* Liferay Portlet */
.portlet-dragging-placeholder {
background-color: #FFFFE7;
}
#portlet-place-holder DIV {
background-color: #3F833E;
}
.portlet-loading {
background: url(/html/themes/classic/images/progress_bar/loading_animation.gif) no-repeat top center;
margin-top: 10px;
padding-top: 40px;
text-align: center;
}
.portlet-container {
position: relative;
}
.portlet-box {
margin-top: 1px;
}
.portlet-minimum-height {
}
.portlet-header-bar {
background:  #3F833E;
position: relative;
}
.portlet-borderless-container { position: relative; }
.portlet-borderless-bar { text-align: left; font-size: 0.8em; }
.portlet-wrap-title {
height: 20px;
position: relative;
}
.portlet-title {
}
.portlet-title DIV {
}
.portlet-title DIV DIV {
#background: url(/html/themes/classic/images/custom/header-middle.gif) repeat-x top;
font-size: 0;
height: 1px;
margin: 0 9px 0 9px;
}
.portlet-small-icon-bar {
padding-left: 2px;
position: absolute;
top: 1px;
right: 2px;
}
.portlet-small-icon-bar-back {
padding-left: 2px;
position: absolute;
top: 1px;
left: 2px;
}
.portlet-top-decoration {
background: url(/html/themes/classic/color_schemes/02/portlet_corner_ul.gif) no-repeat top left;
height: 5px;
}
.portlet-top-decoration DIV {
background: url(/html/themes/classic/color_schemes/02/portlet_corner_ur.gif) no-repeat top right;
height: 5px;
}
.portlet-top-decoration DIV DIV {
border-top: 1px solid #3F833E;
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/classic/color_schemes/02/portlet_corner_bl.gif) no-repeat top left;
height: 5px;
}
.portlet-bottom-decoration DIV {
background: url(/html/themes/classic/color_schemes/02/portlet_corner_br.gif) no-repeat top right;
height: 5px;
}
.portlet-bottom-decoration DIV DIV {
border-bottom: 1px solid #3F833E;
font-size: 0;
height: 5px;
margin: 0 5px 0 5px;
}
.portlet-bottom-decoration-3 {
background: url(/html/themes/classic/images/shadow/middle.gif) repeat-x;
margin-bottom: 5px;
}
.portlet-bottom-decoration-3 DIV {
background: url(/html/themes/classic/images/shadow/left.gif) no-repeat;
}
.portlet-bottom-decoration-3 DIV DIV {
background: url(/html/themes/classic/images/shadow/right.gif) no-repeat top right;
font-size: 0;
height: 6px;
}
.portlet-bottom-decoration-2 {
margin-bottom: 5px;
width: 100%;
}
.portlet-bottom-decoration-2 DIV {
width: 100%;
}
.portlet-bottom-decoration-2 DIV DIV {
font-size: 0;
height: 6px;
width: 100%;
}
/* Fonts */
.portlet-font {
color: #00135A;
}
.portlet-font A {
color: #00135A;
}
.portlet-font-dim {
color: #001CA5;
}
/* Messages */
.portlet-msg-status {
color: #00135A;
font-style: italic;
}
.portlet-msg-info {
color: #00135A;
}
.portlet-msg-error {
color: #FF0000;
}
.portlet-msg-alert {
color: #FF0000;
font-style: italic;
}
.portlet-msg-success {
color: #007F00;
}
/* Sections */
.portlet-section-header {
background: #3F833E;
color: #FFFFFF;
font-weight: bold;
}
.portlet-section-header A {
color: #FFFFFF;
}
.portlet-section-body {
color: #001CA5;
background: #FFFFE7;
}
.portlet-section-body-hover, TR.portlet-section-body:hover {
color: #00135A;
background: #FFF3B8;
}
.portlet-section-body A {
color: #001CA5;
}
.portlet-section-body-hover A, TR.portlet-section-body:hover A {
color: #00135A;
}
.portlet-section-alternate {
color: #001CA5;
background: #FFFFE7;
}
.portlet-section-alternate-hover, TR.portlet-section-alternate:hover {
color: #00135A;
background: #FFF3B8;
}
.portlet-section-alternate A {
color: #001CA5;
}
.portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A {
color: #00135A;
}
.portlet-section-selected {
color: #FFF3B8;
background: #FFFFE7;
}
.portlet-section-selected-hover, TR.portlet-section-selected:hover {
color: #FFF3B8;
background: #FFFFE7;
}
.portlet-section-selected A {
color: #FFF3B8;
}
.portlet-section-selected-hover A, TR.portlet-section-selected:hover A {
color: #FFF3B8;
}
.portlet-section-subheader {
background: #FFFFE7;
color: #001CA5;
padding: 2px;
}
.portlet-section-footer {
color: #00135A;
}
.portlet-section-text {
color: #00135A;
}
/* Forms */
.portlet-form-label {
color: #00135A;
}
.portlet-form-input-field {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}
.portlet-form-button {
background: url(/html/themes/classic/color_schemes/02/button_gradient.gif) repeat-x;
border-color: #3F833E;
border-style: solid;
border-width: 1px;
font-family: Arial;
}
.portlet-icon-label {
color: #00135A;
}
.portlet-dlg-icon-label {
color: #00135A;
}
.portlet-form-field-label {
color: #00135A;
}
.portlet-form-field {
color: #00135A;
}
/******************************************************************************/
/* Display Tag Library                                                        */
/******************************************************************************/
TR.even { background-color: #3F833E; color: #000000; }
TR.odd { background-color: #FFFFFF; color: #000000; }
/******************************************************************************/
/* UserHomePage                                                 */
/******************************************************************************/
a:link{TEXT-DECORATION: none}
a:visited{TEXT-DECORATION: none}
a:hover{TEXT-DECORATION: underline}
.date_a{
color:#666666;
}
.text{
font-size:11px;}
.font{font-size: 12px;}
.font2{font-size: 11px;}
.font3{font-size: 10px;}
.font4{font-size: 12px;}
.font5{font-size: 11px;}
.font6{font-size: 11px;}
.font_italic{ font-style:italic;
color:#929292 }
.blue{color:#134FA5;}
.blue_text{color:#134FA5;
font-size:11px;}
.Cambridge_blue{color:#6AA9D5;}
.gray{color:#535353;}
.black{color:#000000;}
.white{color:#ffffff;}
.bold{ font-weight:bold;}
#line_right{
list-style-type: none;
 margin:0px;
 padding:0px;
 width:200px;
} 
#line_right li{list-style-type: none; margin:3px 0px 0px 0px; height:11px; padding:0px 0px 3px 0px; border-bottom: 1px solid  #939393;}
#line_right li a{ display:block; width: 100%; background:#fff; }
#line_right li a:hover{ background:#cccccc; }
.digit{color:#FF9900; top:10px; font-size:36px;}
.digit02{color:#FF9900; top:10px; font-size:20px;}
.text_m{font-size:12px;}
.yellow{color:#FF9900;}
.music-tab {
background-color:#C0B6AE;
margin:0px;
padding:0
}
.music-tab ul{
width:100%;
list-style-type: none;
padding: 0px 10px 0px 10px;
text-decoration: none;
}
.music-tab li {
color: #134FA5;
display: inline;
float: left;
list-style-type: none;
padding: 0px 10px 0px 10px;
text-decoration: none;
}
.music-tab ul.current, .music-tab li.current {
color:#134FA5;
}
.music-tab li a { color: #134FA5; }
.music-tab li.current a { color:#134FA5; 	font-weight:bold; }
.music-tab li.toggle {
background: none;
border: 0px;
float: right;
margin-right: 0px;
padding-right: 0px;
}
#sign-up-01{position:absolute;left:42px;top:30px;width:578px;height:945px;}
#sign-up-02{position:absolute;left:610px;top:30px;width:327px;text-align:left;}
#sign-up-03{position:absolute;left:42px;top:190px;width:465px;height:278px;text-align:left;border-top:#f1a07d 2px dashed;border-right:#f1a07d 2px dashed;}
#sign-up-04{position:absolute;left:507px;top:468px;width:245px;height:578px;text-align:left;border-top:#f1a07d 2px dashed;border-right:#f1a07d 2px dashed;}
#web-info01 {
position:absolute;
left:0px;
top:0px;
width:677px;
height:174px;
}
#login {
position:absolute;
left:686px;
top:0px;
width:297px;
height:174px;
}
#musicplay {
position:absolute;
left:0px;
top:185px;
width:390px;
height:338px;
}
#web-info02 {
position:absolute;
left:400px;
top:183px;
width:578px;
height:100px;
}
#ad01 {
position:absolute;
left:-5px;
top:523px;
width:984px;
height:102px;
}
.text_n{
font-size:13px;}
.text_02{
font-size:14px;}
.text_c{
font-size:18px;
color: #2a2927;}
.nav01{font-size:12px;color:#ffffff;font-weight:bold;
background-color:#5c4a3d; padding-top:5px;font-style:italic;}
.gray2{color:#cccccc;}
.red{color:#FF0000}
.red02{color:#CC0E17}
.gree{color:#3F9305}
.gree02{color:#c0b094;}
#nav {
background:#3d3c3a;
left:0px;
top:80px;
width:984px;
height:27px;
font-size:13px;
    font-weight:bold;
text-align:left;
}
.nav-tab {
margin:0px;
padding:0px;}
.nav-tab ul{
width:100%;
list-style-type: none;
padding: 0px 10px 0px 10px;
text-decoration: none;
}
.nav-tab li {
color: #e1c2aa;
display: inline;
float: left;
list-style-type: none;
padding: 4px 5px 0px 5px;
text-decoration: none;
}
.nav-tab li.current a { color:#134FA5; 	font-weight:bold; }
.nav-tab li.toggle {
background: none;
border: 0px;
float: right;
margin-right: 0px;
padding-right: 0px;
}
#foot {
position:relative;
width:984px;
height:30px;
background-color:#5a5142;
font-size:11px;
margin-left: auto; margin-right: auto;
    color:#c0b094;
  
}
#foot2 {
position:absolute;
left:0px;
top:940px;
width:984px;
height:22px;
}
.artistColor {
   padding: 1px;
   border: 2px solid #F99A1A;
}
.friendColor {
   padding: 1px;
   border: 2px solid #E6070A;
}
.SC_cssCalss a{
   color:#134FA5;
}
.color_dark{
 color: #2a2927;
}
.color_lightondark{
 color: #B9AE97;
}
.price{
 color: #ff0000;
 font-weight: bold;
}
/**************************************Calendar theme.css  begin************************************/
/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/
/* The main calendar widget.  DIV containing a table. */
div.calendar { position: relative; }
.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}
.calendar {
  border-color: #797979;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}
.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}
.calendar .nav div {
  /*background: transparent url("menuarrow.gif") no-repeat 100% 100%;*/
}
.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }
.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}
.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}
.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("dark-bg.gif");
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}
.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("dark-bg.gif");
}
.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.gif");
}
.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }
.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}
.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.gif"); color: #fff;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("status-bg.gif") repeat-x 0 0; color: #000;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}
.calendar .combo .label-IEfix {
  width: 4em;
}
.calendar .combo .hilite {
  background: url("hover-bg.gif"); color: #000;
}
.calendar .combo .active {
  background: url("active-bg.gif"); color: #fff;
  font-weight: bold;
}
.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("dark-bg.gif");
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("normal-bg.gif"); color: #000;
}
.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}
.calendar td.time .ampm {
  text-align: center;
}
.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}
.calendar td.time span.hilite {
  background: url("hover-bg.gif"); color: #000;
}
.calendar td.time span.active {
  background: url("active-bg.gif"); color: #fff;
}
/**************************************Calendar theme.css  end************************************/
/**************************************gb_styles.css  begin************************************/
/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}
#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}
#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}
#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}
.GB_Gallery {
    margin: 0 22px 0 22px;
}
.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}
.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}
.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}
.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}
.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}
.GB_header .close {
    text-align: right;
}
.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}
.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}
#GB_middle {
    color: #eee;
}
#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}
#GB_middle .disabled {
    cursor: default;
}
#GB_middle .left {
    padding-right: 10px;
}
#GB_middle .right {
    padding-left: 10px;
}
.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}
.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;
    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}
.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}
.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
/**************************************gb_styles.css  end************************************/
/**************************************menu.css  begin************************************/
#menu {
position:absolute; top:90px; left:20px;  z-index:5; color:#FFFFFF; font-size:13px;
     font-weight:bold;text-align:left;
width: 99%;
height: 28px;
}
#menu  ul {
display: block;
margin: 0;
padding: 0;
line-height: 1em;
list-style: none;
z-index: 9
}
#menu  ul li {
float: left;
margin: 0 3px 0 0;
padding: 0;
font-size: 12px;
line-height: 1, 5em;
list-style-type: none;
}
#menu ul li a {
float: left;
display: block;
width: auto;
font-weight: bold;
font-size:1.1em;
background: transparent;
text-decoration: none;
color: #fff;
margin: 0;
padding: 0.5em 1.5em 5px 0em;
}
#menu  ul li a:hover {
color: #fff;
text-decoration: none;
}
#menu  ul li.sep {
color: white;
padding: 0.6em 0em 0.5em 0em;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {
float: none;
}
/* End IE5-Mac hack */
#menu  ul.level2, #menu ul.level3 {
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;
border-left: 1px solid #2B2927;
border-top: 1px solid #2B2927;
border-right: 1px solid #2B2927;
background: #3D3C3A;
}
#menu  ul.level2 li, #menu ul.level3 li {
border-bottom: 1px solid #2B2927;
float: none;
margin: 0;
padding: 0;
width: 140px;
}
#menu  ul.level2 li a, #menu ul.level3 li a {
padding: 5px 9px 5px 5px;
font-size:1em;
font-weight: bold;
}
#menu  ul.level2 li a:hover,#menu  ul.level3 li a:hover {
font-weight: bold;
background-color: #FF8401;
background-image: none;
}
/**************************************menu.css  end************************************/