/* 
  By : khanhconan
  */
#menuDiv
{
  float:left;
  width:100%;
  background:#DAE0D2 url(../Resources/bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
  margin-bottom: 5px;
}
#subMenuDiv
{
  float:left;
  width:100%;
  background:#DAE0D2 url(../Resources/bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
}
#menuDiv ul
{
  margin:0;
  padding:10px 10px 0;
  list-style: none;
}
.menuList li
{
  float:left;
  background:url(../Resources/left_both.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  white-space: nowrap;
}

ul.menuList li a
{
  float:left;
  display:block;
  width:.1em;
  background:url(../Resources/right_both.gif) no-repeat right top;
  padding:4px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color: #2F5F8F;
  
  FONT-SIZE: 12px; 
  COLOR: #0c2d55; 
  HEIGHT: 18px;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  
}

ul.submenu li a
{
  float:left;
  display:block;
  width:.1em;
  border-style:none solid none solid;
  border-width:medium 1px medium 1px;
  background:#FFFFFF;
  padding:3px 10px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color: #2F5F8F;
   
}

#menuDiv > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuDiv a {
    float:none;
    text-decoration: none;
}
/* End IE5-Mac hack */
#menuDiv a:hover
{
  color:#333;
}
#menuDiv li.selected
{
  background-position:0 -150px;
  border-width:0;
}
#menuDiv li.selected a
{
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  text-decoration: none;
}
#menuDiv li ul.submenu li a
{
  padding-bottom:1px;
  text-decoration: none;
}

#menuDiv li:hover, #menuDiv li:hover a
{
  background-position:0% -150px;
  color:#333;
}
#menuDiv li:hover a
{
  background-position:100% -150px;
}

.menuList li.selected ul.submenu
{
    display: inline;
    left: 119px;
    position: absolute;
    width: 800px;
    /* Top of the sub menu */
    top: 118px;
}

#menuList li.selected ul.submenu a:link
{
    background: none;
    border: none;
    display:block;
    border-left: 1px solid #2F5F8F;
    color: #2F5F8F !important;
    font-size: .98em;
    font-weight: bold;
    line-height: 12px;
    margin-right: 4px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.menuList li.selected ul.submenu a.selected
{
    background: transparent;
    color: #333 !important;
    text-decoration: none;
}

.menuList li.selected ul.submenu a:hover
{
    color: #333 !important;
}

.menuList ul.submenu
{
    display: none;
/*    width: 90%;  */
}
.menuList li.selected ul.submenu li
{
    background: none;
    border-bottom: 1;
    white-space: nowrap;
    padding:0;
}

.TextmenuHeader {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;     
    COLOR: #0c2d55; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    HEIGHT: 31px; 
    TEXT-DECORATION: none;
}
A.TextmenuHeader:link {
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0c2d55; VERTICAL-ALIGN: middle; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 31px; TEXT-DECORATION: none;
}
A.TextmenuHeader:visited {
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0c2d55; VERTICAL-ALIGN: middle; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 31px; TEXT-DECORATION: none;
}
A.TextmenuHeader:hover {
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0c2d55; VERTICAL-ALIGN: middle; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 31px; TEXT-DECORATION: none;
}
A.TextmenuHeader:active {
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0c2d55; VERTICAL-ALIGN: middle; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 31px; TEXT-DECORATION: none;
}

.tableBorder {
  border-style:solid solid solid solid;
  border-width:1px 1px 1px 1px;
  border-color:#000000;
}

.TableHeader{
  background-color:#999966;
}

.TextContent {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: middle;     
    COLOR: #0c2d55; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    HEIGHT: 20px; 
    TEXT-DECORATION: none
}

.TextNormal{
    FONT-WEIGHT: normal; 
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: middle;     
    COLOR: #0c2d55; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    HEIGHT: 20px; 
    TEXT-DECORATION: none;
}

.TextMaxTitle{
    FONT-WEIGHT: bold; 
    FONT-SIZE: 20px;
    VERTICAL-ALIGN: middle;     
    COLOR: #0c2d55; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    HEIGHT: 30px; 
    TEXT-DECORATION: none;
}

.TableHeaderFile {
    background-color: #0072BC;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 11px;
    HEIGHT: 20px;
    TEXT-DECORATION: none;
    
    border-style:solid solid solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#FFFFFF;   
    COLOR: #FFFFFF;     
}

.TextTitle {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;     
    COLOR: #0c2d55; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    HEIGHT: 25px; 
    TEXT-DECORATION: none;
}

.TextLinkTitle {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;     
    COLOR: white; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    HEIGHT: 20px; 
    TEXT-DECORATION: none;
}

.TextLinkNormal {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;     
    COLOR: white; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    HEIGHT: 20px; 
    TEXT-DECORATION: none;
}

.TextAccount {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: middle;     
    COLOR: #FFFFFF; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    HEIGHT: 20px; 
    TEXT-DECORATION: none;
}

.MainImageContainer{
    width:500px;
    height:470px;
    text-align:center;
    overflow:hidden; 
    background-color:#000000;
    background-repeat:no-repeat;
    font-size:9pt;
    max-height:500px;
    max-height:500px;
}
.ItemImageContainer{
    width:110px;
    height:110px;
    text-align:center;
    overflow:hidden; 
    background-color:#000000;
    background-repeat:no-repeat;
    font-size:9pt;
    
    max-height:110px;
    max-height:110px;
    margin:2px 2px 2px 2px;
}

.Container {
     position:relative;
     width:1024px;
     height:120px;
     overflow:hidden;
     border-width:1px;
     border-color:#000000;
     background-color:#000000;
     text-align:center;
 }
.ListImage {
     position:absolute;
     left:0px;
     top:0px;
     height:110px;
     text-align:center;
     padding-top:3px;
 }

.FormButton {
    cursor: pointer;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:11px;
    font-weight: bold;
    background-color: #308dbb;
    color: white;
    border: outset 1px #333;
    vertical-align: middle;
}

.even {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 70%; 
    COLOR: #000; 
    BACKGROUND-COLOR: #e5f1fd;
}
.odd {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 70%; 
    COLOR: #000; 
    BACKGROUND-COLOR: #e4edf5;
}

.headingTitle {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#000;
    font-size:11px;
    font-weight:bold;
    background-color: #A5C3DE;
}

#marqueeId2 a 
{
    padding-right:5px;
} 
#marqueeId2 a img 
{
    border:0;
} 

.TableBorderLeft {
  border-style:solid solid solid solid;
  border-width:1px 1px 1px 1px;
  border-color:Gray;
}

.TableBorderContent {
    background:#F6F8F8;
    border:1px solid #C3D9FF;
    padding:10px;
}
.TableBorderHeader {
    background:#E5F1FD;
    border:1px solid #C3D9FF;
}
.TableBorderFooter {
    background:#C3D9FF;
    border:1px solid #758B94;
}

.alphaUserFeeling {
    width: 970px;
    margin:10px 0px 10px 0px;
    white-space: normal;
}
.alphaComment {
    width: 800px;
    margin:10px 0px 10px 0px;
    white-space: normal;
}
.minVilla {
    background:#888888;
    text-align:center;
}