body {background-color: #2A4968;}
.clear { clear: both;}
#logo {margin: 1em 0em 1em 0em; float: left;}
#notice {float: left; margin: 2em 0em 0em 24em;}
#text_top {padding:0 30px 20px 30px; font-size:1.2em; line-height:1.6em; color:#405879;}
#first_col {width:32%; float:left; padding: 0 1em; margin-left: 20px;}
#first_col h2 {color:#c45d14; border-bottom:1px solid #5d5d5d; padding-bottom:10px;font-family:"宋体";font-size:	14px;}
#first_col h2 a {color:#c45d14; }
#first_col ul li a {color:#c45d14; }
#second_col {width:32%; float:left; padding: 0 1em;}
#second_col h2 {color:#649310; border-bottom:1px solid #5d5d5d; padding-bottom:10px;font-family:"宋体";font-size: 14px;}
#second_col h2 a {color:#649310; }
#second_col ul li a {color:#649310; }
#third_col {width:31%; float:left; padding: 0 1em;}
#third_col h2 {color:#157590; border-bottom:1px solid #5d5d5d; padding-bottom:10px;font-family:"宋体";font-size:	14px;}
#third_col h2 a {color:#157590; }
#third_col ul li a {color:#157590; }
#footer_left {text-align: left; float: left;}
#footer_right {text-align: left; text-align: right; float: right;}



.pagination {
    padding: 0.5em;
    width: 100%;
    text-align: center;
}

.pagination a, .pagination a:link, .pagination a:visited {
    padding: 0.2em 0.4em;
    margin: 0.1em;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #006699;
}

.pagination a:hover, .pagination a:active {
    border: 1px solid #006699;
    color: #000;
    text-decoration: none;
}

.pagination span.current {
    padding: 0.2em;
    margin: 0.1em;
    border: 1px solid #006699;
    font-weight: bold;
    background-color: #006699;
    color: #FFF;
}

.pagination span.disabled {
    padding: 0.2em;
    margin: 0.1em;
    border: 1px solid #eee;
    color: #ddd;
}


#newsgroup {float:left; width:20%; border:1px solid #FFFFFF}
#newsgroup ul li{line-height:1em;}
#news {float:right; margin:auto; width:98%; padding:0.2em; color:#405879;}
#news ul li {line-height:2em;}

div#welcome_user {
  height: 100%; color: red; padding: 15px;
}
<!--[if IE]>
div#welcome_user {
  height: 100%; color: red; padding: 10px;
}
<![endif]-->

#mygames_nav
{
  margin-left: 0.2em;
}

div.sdmenu {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding-bottom: 10px;
  /*
  background: url(bottom.gif) no-repeat  right bottom;
  */
  color: #fff;
}
div.sdmenu div {
  background: url(title.gif) repeat-x;
  overflow: hidden;
}
div.sdmenu div:first-child {
  /*background: url(toptitle.gif) no-repeat;  modify by lmx*/
  background: url(title.gif) repeat-x;
}
div.sdmenu div.collapsed {
  height: 25px;
}
div.sdmenu div span {
  display: block;
  padding: 5px 25px;
  font-weight: bold;
  color: white;
  background: url(expanded.gif) no-repeat 10px center #2A4968;
  cursor: default;
  border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
  background-image: url(collapsed.gif);
}
div.sdmenu div a {
  padding: 8px 12px;
  background: #eee;
  display: block;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #777;
}
div.sdmenu div a.current {
  background : #ccc;
}
div.sdmenu div a:hover {
  background : #333 url(linkarrow.gif) no-repeat right center;
  color: #fff;
  text-decoration: none;
}

#lpan
{
    background-image: url(/images/welcome.jpg);
    width: 838px;
    height: 672px;
}

#lpan #top
{
    position:relative;
    top: 45px;
    left: 40px;
    width: 700px;
    height: 150px;
    text-align: left;
}

#lpan #top h1
{
  text-align: center;
    color: #B03023;
    font-size: 24px;
}

#lpan #top p
{
    margin-top: -3px;
    font-size: 16px;
    line-height: 26px;
    text-indent: 1cm;
}

#lpan #bottom
{
    position:relative;
    top: 95px;
    left: 0px;
    width: 760px;
    height: 370px;
    text-align: left;
}
#workroom
{
    background-image: url(/images/workroom.gif);
    height: 500px;
    background-color: #73A2d6; 
    padding: 0;
    margin: 0;
    position: relative;
}     

#main_workroom
{
    background-color: gray; 
    overflow-y: hidden;
}

#workroom_scalar
{
    float: left;
    margin-top: 256px;
    margin-left: 10px;
    color: black;
}

#workroom_scalar table tr
{
    height:29px;
}

#workroom_scalar table tr td
{
    font: normal 13px "宋体"; /* Change 13px as desired */
    font-weight: bold;
}

.expand-up {
  position: absolute;
  float: right;

  right: 14px;
  top: 350px;
  font-family:Arial, Helvetica, sans-serif;
  line-height:normal;
  overflow:visible;
  color: white;
  font-weight: bold;
}

.expand-up ul {
  margin-left:10px;
}
.expand-up ul li {
  float:left;
  list-style-type:none;
  /* create a reserved space for expanded image to make this work in ie */
  padding-top:65px;
  /* margin to place the menu at the bottom */
  margin-top:15px;
  margin-left: 10px;
}
.expand-up ul li a {
  text-decoration:none;
}
.expand-up ul li a img {
  width:64px;  /* initial width of images, 50% of width */
  height:64px; /* initial height of images, 50% of height */
  border:none;
}
/* initially, don't show the label inside <span> tag */
.expand-up ul li a span {
  display:none;
}
.expand-up ul li:hover a span {
  /* show item label on mouse hover */
  display:block;
  font-size:14px;
  text-align:center;
  color:#fff;
  /* move label up to move image up */
  margin-top:-65px;
}
/* expand the image to 100% on mouse hover.
** again, ideal dimension of image is equal to width and height below
*/
.expand-up ul li:hover a img {
  width:128px;
  height:128px;
}
/* expand the image next to the right of active image to 60% using + selector */
.expand-up ul li:hover + li a img {
  width:60px;
  height:60px;
  /* move image up by 10px so bottom aligns with other images */
  margin-top:-10px;
}
/* expand the image second to the right of active image to 55% using + selectors */
.expand-up ul li:hover + li + li a img {
  width:55px;
  height:55px;
  /* move image up by 5px so bottom aligns with the other items */
  margin-top:-5px;
}



#new_decisions
{
    padding-left:10px;
    padding-top:5px;
    float:left;
}

#new_decisions th {
    text-align:center;
}


#new_decisions #help
{
    float:left; 
    width:603px;
}

.padding_div
{
    padding: 10px;
}

#workroom_summary
{
    position:absolute;
    width: 350px;
    height: 40px;
    left: 26px;
    top: 451px;
    color: white;
    font-size: 14px;
 /*   line-height: 22px;  */
}

#workroom_function
{
    position: absolute;
    float:right;
    right: 16px;
    width: 370px;
    text-align: center;
    padding: 8px 0;
    z-index: 90;
    font-size: 1em;
}

#workroom_rumor
{
    position: absolute;
    top: 75px;
    float:right;
    right: 16px;
    width: 540px;
}


.shadow{
    border:1px solid silver;
    font:10pt arial;
    position:relative;
    background:white;
    z-index:100;
    padding: 6px 10px 6px 10px; 
    margin-bottom: 10px;
    background: #E9F2F5;
    clear: right;
}

.shadow_inner{
    overflow:hidden;
    position:absolute;
    top: -1000px;
    filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
    opacity:0.1; /*firefox 1.5 opacity*/
    -moz-opacity:0.1; /*mozilla opacity*/
    -khtml-opacity:0.1; /*opacity*/
    z-index:10
}

.navbar {
  padding: 0px 20px;
}
.navbar .navbar-right{
  float: right;
}

#footer_left .foot_tip {
  margin-left:20px; 
  font-size: 12px; 
  color: #999
}

.biz_left {
  float: left;
  width: 14%;
  margin-right: 1em;
}

.biz_right {
  float: left;
  width: 84%;
}