/*////////////////////////////////////////////////////////////////////////////
// FILE    : common.css
// PURPOSE : Cascading style sheets for asolver.com
////////////////////////////////////////////////////////////////////////////*/


body
{
  margin-top:          5px;
  margin-left:         0px;
  margin-right:        0px;
  margin-bottom:       5px;
  font-family:         Arial, "SimSun", serif;
  font-size:           8pt;
  font-weight:         normal;
  color:               #000000;
  background-color:    #086868;
  text-align:          center;
}


/*////////////////////////////////////////////////////////////////////////////
// Page division
////////////////////////////////////////////////////////////////////////////*/
#PagDiv
{
  text-align:          left;
  width:               816px;
  margin:              auto;
  background-color:    #ffffff;
}


/*////////////////////////////////////////////////////////////////////////////
// Page division, 3 main rows: Top, Middle, Low
////////////////////////////////////////////////////////////////////////////*/
#TopDiv
{
  width:               816px;
  height:              75px;
  color:               #ffffff;
  background-color:    #000000;
}


#MidDiv
{
  width:               816px;
  height:              1650px;
  color:               #000000;
  background-color:    #ffffff;
}


#LowDiv
{
  width:               816px;
  height:              37px;
  float:               left;
  color:               #ffffff;
  background-color:    #000000;
}


/*////////////////////////////////////////////////////////////////////////////
// Top division: Tittle, Menu, Logotype-search, Subtittle
////////////////////////////////////////////////////////////////////////////*/
#TopTitDiv
{
  width:               458px;
  height:              47px;
  float:               left;
  color:               #ffffff;
  background-color:    #000000;
  text-align:          left;
}


#TopTitDiv h1 
{
  margin:              2px 0px 0px  4px; /* top right bottom left */
  font-size:           28pt;
  font-weight:         normal;
  color:               #ffffff;
}


#TopMnuDiv
{
  padding:             0px 0px 0px  0px; /* top right bottom left */
  width:               198px;
  height:              47px;
  float:               left;
  color:               #ffffff;
  background-color:    #000000;
  text-align:          right;
}


#TopMnuDiv a
{
  padding:             0px 0px 0px  0px; /* top right bottom left */
  text-decoration:     underline;
  color:               #f8c800;
}


#TopMnuDiv a:hover
{
  color:               #e04000;
}


#TopMnuDiv b
{
  font-size:           12pt;
  font-weight:         normal;
  color:               #686868;
}


#TopLogDiv
{
  margin:              2px 0px 0px  0px; /* top right bottom left */
  width:               160px;
  height:              73px;
  float:               right;
  color:               #ffffff;
  background-color:    #000000;
  text-align:          right;
}

#TopLogDiv p
{
  margin:              0px  0px  0px   1px; /* top right bottom left */
  font-size:           8pt;
  font-weight:         normal;
}

#TopLogDiv a
{
  padding:             0px 0px 0px  0px; /* top right bottom left */
  text-decoration:     underline;
  color:               #f8c800;
}


#TopLogDiv a:hover
{
  color:               #e04000;
}


#TopSubDiv
{
  width:               656px;
  height:              28px;
  float:               left;
  color:               #000000;
  background-color:    #ffffff;
  text-align:          left;
}


#TopSubDiv h1 
{
  margin:              0px 0px 0px  4px; /* top right bottom left */
  font-size:           18pt;
  font-weight:         normal;
  color:               #000000;
}


/*////////////////////////////////////////////////////////////////////////////
// Middle division, 3 columns: Left, Middle, Right
////////////////////////////////////////////////////////////////////////////*/
#MidLftDiv
{
  width:               160px;
  height:              1650px;
  float:               left;
  color:               #000000;
  background-color:    #e8e8e8;
}

#MidLftDiv h1
{
  margin:              0px  0px  0px   0px; /* top right bottom left */
  font-size:           12pt;
  font-weight:         normal;
  color:               #ffffff;
  background-color:    #086868;
}


#MidLftDiv p
{
  margin:              0px  0px  0px   1px; /* top right bottom left */
  font-size:           8pt;
  font-weight:         normal;
}


#MidLftDiv a
{
  padding:             0px 0px 0px 0px; /* top right bottom left */
  text-decoration:     underline;
  color:               #0040e0;
}


#MidLftDiv a:hover
{
  color:               #e04000;
}

#MidLftDiv ul
{
  margin:              0px 0px 0px 18px;
  padding:             0px 0px 0px 0px;
  color:               #086868;
}


#MidWidDiv
{
  padding:             0px 0px 0px  4px; /* top right bottom left */
  width:               552px;            /* 396px -3px -3px +160px */
  float:               left;
  color:               #000000;
  background-color:    #ffffff;
}


#MidMidDiv
{
  padding:             0px 0px 0px  4px; /* top right bottom left */
  width:               492px;            /* 396-4(left)=392=388(inside)+4(right) */
  float:               left;
  color:               #000000;
  background-color:    #ffffff;
}


#MidMidDiv h1
{
  margin:              0px  4px  4px   0px; /* top right bottom left */
  font-size:           12pt;
  font-weight:         normal;
  color:               #ffffff;
  background-color:    #686868;
}


#MidMidDiv br
{
  margin:              0px  4px  4px   0px; /* top right bottom left */
  font-size:           10pt;
}


#MidMidDiv p
{
  margin:              0px  4px  4px   0px; /* top right bottom left */
  font-size:           10pt;
  font-weight:         normal;
  text-align:          left; /* justify; */
}


#MidMidDiv b
{
  font-size:           12pt;
  font-weight:         normal;
}


#MidMidDiv a
{
  padding:             0px 0px 0px 0px; /* top right bottom left */
  text-decoration:     underline;
  color:               #0040e0;
}


#MidMidDiv a:hover
{
  color:               #e04000;
}


#MidRghDiv
{
  width:               160px;
  height:              1650px;
  float:               right;
  color:               #ffffff;
  background-color:    #000000;
  text-align:          right;
}


#MidRghDiv h1
{
  margin:              0px  0px  0px   0px; /* top right bottom left */
  font-size:           12pt;
  font-weight:         normal;
  color:               #ffffff;
  background-color:    #086868;
}


#MidRghDiv br
{
  margin:              0px  1px  0px   0px; /* top right bottom left */
  font-size:           8pt;
}


#MidRghDiv p
{
  margin:              0px  1px  0px   0px; /* top right bottom left */
  font-size:           8pt;
  font-weight:         normal;
}


#MidRghDiv b
{
  font-size:           10pt;
  font-weight:         normal;
}


#MidRghDiv img
{
  margin:               0px  0px  0px   0px; /* top right bottom left */
}


#MidRghDiv a
{
  text-decoration:     underline;
  color:               #f8c800;
}


#MidRghDiv a:hover
{
  color:               #e04000;
}


/*////////////////////////////////////////////////////////////////////////////
// Footer division, 2 rows: Top, Low
////////////////////////////////////////////////////////////////////////////*/
#LowTopDiv
{
  width:               816px;
  height:              9px;
  color:               #000000;
  background-color:    #ffffff;
}


#LowLowDiv
{
  padding:             0px 0px 0px 0px; /* top right bottom left */
  width:               816px;
  height:              28px;            /* = 28px -0px */
  color:               #ffffff;
  background-color:    #000000;
  text-align:          right;
}


#LowLowDiv a
{
  padding:             0px 0px 0px  0px; /* top right bottom left */
  text-decoration:     underline;
  color:               #f8c800;
}


#LowLowDiv img
{
  margin:               0px  0px  0px   0px; /* top right bottom left */
  vertical-align:      middle;
}


#LowLowDiv a:hover
{
  color:               #ffffff;
}


#LowLowDiv b
{
  font-size:           12pt;
  font-weight:         normal;
  color:               #686868;
}


/*////////////////////////////////////////////////////////////////////////////
// Extra
////////////////////////////////////////////////////////////////////////////*/

div.non img
{
  margin:               0px  0px  0px   0px; /* top right bottom left */
}

div.yes img
{
  margin:               0px  4px  4px   0px; /* top right bottom left */
  padding:             15px 15px 15px  15px; /* top right bottom left */
  float:               left;
  border:              1px solid #686868;
  background-color:    #e8e8e8;
}