/* CSS Document */
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url('images/clouds-bg.jpg');
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 0px;
    margin: 0px;
    background-color:#0E4699;
}
H1
{
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #006699;
}

H2
{
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #006699;
}

H3
{
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #006699;
}
H4
{
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #006699;
}
H5
{
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #006699;
}
H6
{
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #006699;
}
.loginTable td
{
    padding:0;
    margin:0;
    width:120px;
}
.loginTable .NormalTextBox
{
 font-size:10px;
   
}
#Outter
{
    width: 768px;
    margin: auto;
    min-height: 500px;
    
}
#OutterW
{
    width: 100%;
    margin: auto;
    min-height: 500px;
    
}
#Top
{
    background-image: url(images/top.jpg);
    width: 768px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 4px;
    
}
#TopW
{
    
    width: 100%;
    padding: 0px;
    margin: auto;
    margin-bottom: 4px;
}
#Login
{
    width: 198px;
    height: 32px;
    background-image: url(images/login-bg.jpg);
    background-repeat: no-repeat;
    opacity: 0.7;
    float: right;
    top: 5px;
    margin-right: 10px;
    padding-top: 10px;
    padding-left: 10px;
    position: relative;
}

#Menu
{
    float: left;
    width: 100%;
    height: 28px;
    background-image: url(images/menu-bg.gif);
    background-repeat: repeat-x;
    opacity: 1.0;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    margin-bottom: 10px;
    filter: alpha(opacity=100);
    opacity: 1.0; /* 	z-index:999; 	position:absolute; 	top:120px; 	width:740px; 	margin:auto; */
    z-index:100;
}
#Search
{
    clear: both;
    float: right;
    width: 180px;
    margin-right: 16px;
    margin-top: 13px;
}
#MainContainerWrapper
{
   /* background-image: url(  'images/clouds-bg.jpg' );*/
   
}
#MainContainerTop
{
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    width: 726px;
    height: 8px;
    background-image: url(images/main-container-top-bg.gif);
    background-position: top;
    background-repeat: no-repeat;
    filter: alpha(opacity=85);    opacity: 0.85; 

    
}
#MainContainerTopW
{
    clear:both;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    width: 100%;
    height: 8px;
    background-color:#89C3EF;
    filter: alpha(opacity=85);    opacity: 0.85; 

    
}
#MainContainer
{
    width:705px !important;
    width: 704px;
    background-color:#89C3EF;
    margin-left: 10px;
    padding: 5px 10px 0px 10px;
    filter: alpha(opacity=85);    opacity: 0.85; 

}
#MainContainerW
{

    width: 100%;
    background-color:#89C3EF;
    margin-left: 10px;
    padding: 5px 10px 0px 10px;
    filter: alpha(opacity=85);    opacity: 0.85; 

}
#MainContainerBottom
{
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    width:725px !important;
    width: 726px;
    height: 15px;
    background-image: url(images/main-container-bottom-bg.gif);
    background-position: top;
    background-repeat: no-repeat;
    filter: alpha(opacity=85);    opacity: 0.85;
}
#MainContainerBottomW
{
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    
    width: 100%;
    height: 15px;
    filter: alpha(opacity=85);    opacity: 0.85;
}
#Main
{
    clear: both;
    min-height: 300px;
    background-color: White;
    padding: 10px;
     width: 684px !important;
    width: 684px;
    

}
#MainW
{
    clear: both;
    min-height: 300px;
    background-color: White;
    padding: 10px;
    width: 100%;
    

}
#HomeMain
{
    clear: both;
    min-height: 300px;
    background-color: White;
    padding: 10px;
     width: 684px !important;
    width: 684px;
    

    
}
#MainTop
{
    clear: both;
    background-image: url(images/white-curve-top.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 7px;
    min-height: 7px;
    width: 704px;
}
#MainBottom
{
    clear: both;
    background-image: url(images/white-curve-bottom.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 15px;
    min-height: 15px;
    width: 704px;
}

#MainTopW
{
    clear: both;
    background-repeat: no-repeat;
    background-position: top;
    height: 7px;
    min-height: 7px;
    width: 100%;
}
#MainBottomW
{
    clear: both;
    background-repeat: no-repeat;
    background-position: left;
    height: 15px;
    min-height: 15px;
    width: 100%;
}

#MainContent
{
    height: auto;
    
}
#MainContent table
{
    /*height:100%; */
}
#Banner
{
    width: 748px;
    height: 113px;
    background-image: url(images/top-banner.jpg);
}
#BannerW
{
    width: 100%;
    height: 113px;
    background-image: url(images/top-banner.jpg);
    background-position:center;
    background-repeat:no-repeat;
    margin:auto;
}
.Clearer
{
    clear: both;
    display: block;
}
.toppane
{
    width: 768px;
    background-color: transparent; /*padding:6px 6px 6px 6px;*/
}
.toppaneW
{
    width: 100%;;
    background-color: transparent; /*padding:6px 6px 6px 6px;*/
}
.leftpane
{
    width: 220px;
    height: 100%;
    background-color: transparent;
    padding-right: 5px;
}
.contentpane
{
    width: 100%;;
    background-color: transparent;
    padding-right: 5px;
    text-align: left;
    height: 100%;
}
.rightpane
{
    width: 220px;
    height: 100%;
    background-color: transparent; /*background-image:url('images/rightnav-bg.jpg')*/
}
.bottompane
{
    width: 100%;;
    background-color: transparent;
}

.TopPaneHome
{
    height: 179px;
    background-image: url(  'images/home-toppane-bg.jpg' );
    background-repeat: no-repeat;
    margin-bottom: 5px;
    padding-top: 0px;
}
.TopPaneHome h1
{
    color: #020021;
    margin: 0 0 10px 0;
}
.TopPaneHomeLeft
{
    padding-top: 9px;
    float: left;
    width: 445px;
    font-size: x-small;
    padding-left: 10px;
    padding-right: 0px;
}

.RightText
{
    margin: 0px;
    font-size: x-small;
    padding-right: 5px;
    text-align: right;
}

.TopPaneHomeRight
{
    padding-left: 0px;
    padding-top: 7px;
    padding-right: 4px;
    float: right;
    width: 290px;
    text-align: right;
    font-size: x-small;
}

#Search .SearchInput
{
    /* text 'Serach' */
    color: #ffffff;
    font-size: 10px;
    padding-left: 4px;
    text-decoration: underline;
}
#Search .NormalTextBox
{
    /* textbox */
    width: 90px;
    border: 0px;
    margin-left: 5px;
}

#Footer
{
    width: 680px;
    margin: 20px auto 20px auto;
    color: White;
}
.FooterLeft
{
    float: left;
    font-size: 11px;
}
.FooterRight
{
    float: right;
    padding-right: 20px;
    font-size: 10px;
}
.FooterRight a, .FooterRight a:link, .FooterRight a:visited
{
    color: #ccc;
}
.FooterRight a:hover
{
    color: #666;
    text-decoration: none;
}


/*************************** HOME PAGE STYLES **********************/
#HomeMain
{
    
}
.HomeContent
{
   border-left:1px solid #999;
   border-right:1px solid #999;
   padding:10px;
}

.HomeContainerHost
{
    float: right;
    clear: right;
   
    width: 380px;
    margin-top:15px;
    
}
.HomeContent .LeftPicHost
{
    float:left;
    width: 234px;
    height: 232px;
    position:relative;

}
#imageContainer {
	position:relative;
	margin:auto;
	width:231px;

}

.HomeContent .LeftPic
{
    
    width: 234px;
    height: 232px;
    opacity:1; filter: alpha(opacity=100);
    top:0px;
    left:0px;
    z-index:8;  
      

}
.HomeContent .LeftPicOverlay
{
    width:234px;
    height:232px;
    z-index:9;
    position:absolute;
    float:left;
    top:0px;
    left:0px;
    background-image:url(images/Home-Image-Bg.gif);
        background-repeat: no-repeat;


    
}
.HomeContent .LoginText
{
    float: right;
    color: #273248;
    margin:0px;
    padding:0px;
    width:380px;
   

}

.HomeContent .LoginText h1
{
    font-size: 65pt;
    text-transform: uppercase;
    letter-spacing: 7px;
    padding: 0px;
    margin: 0px;
    color: #273248;
    padding:0;
    padding-top:-10px;
    margin-top:-15px;
   
}
.StandardButton1
{
    border:none;
    background-color:Transparent;
    text-decoration:underline;
    font-size:10px;
    cursor:hand;
    text-align:left;
    padding:0px;
    margin:0px;
}

.HomeContent .LoginText h2
{
    font-size: 19px;
    color: #273248;
    padding: 0px;
    margin: 0px;
    height:18px;
    margin-top:-15px;
   
}

.HomeContent .HomeButtons
{
    width:100%;
    margin-top:25px;
}  





/* ==========================
    CSS STYLES FOR HouseMenu
   ==========================
*/

/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#HouseMenuNav, #HouseMenuNav ul
{
    /* all submenu lists */
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
    white-space: nowrap;
    position: relative;
    z-index: 99999;
}

#HouseMenuNav li
{
    /* all list items */
    position: relative;
    display: inline;
    float: left;
    margin: 0;
    border: 0;
    padding: 0;

}


#HouseMenuNav li li
{
    /* all items under the top level */
    z-index: 11113;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper */
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    
}

#HouseMenuNav li li a
{
    /* all item links under the top level */
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li a:hover
{
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li li a:hover
{
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li ul
{
    position: absolute;
    top: 21px;
   
    margin: 0;
    border: 0;
    padding: 0;
    z-index: 11112;
}

#HouseMenuNav li ul ul
{
    /* third-and-above-level lists */
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li:hover ul ul, #HouseMenuNav li:hover ul ul ul, #HouseMenuNav li.sfhover ul ul, #HouseMenuNav li.sfhover ul ul ul
{
    left: -9999px;
}

#HouseMenuNav li:hover ul, #HouseMenuNav li li:hover ul, #HouseMenuNav li li li:hover ul, #HouseMenuNav li.sfhover ul, #HouseMenuNav li li.sfhover ul, #HouseMenuNav li li li.sfhover ul
{
    /* lists nested under hovered list items */
    left: auto;
    z-index: 99999;
}

#HouseMenuNav iframe
{
    position: absolute;
    left: 0;
    top: 40;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    display: block;
}

.ArrowPointer
{
    cursor: default;
}


.registerformstyle table td
{
    padding: 6px;
}



/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#HouseMenuNav, #HouseMenuNav ul
{
    /* all submenu lists */
    height: 28px;
    _height: 100%;
    padding-left: 4px;
    background-color: Transparent;
}
#HouseMenuNav li ul
{
    /* second-level lists = all list items under the top/parent menu  #cc0000*/
    width: 165px; /* width of submenu, must be set so third-level list can get shifted over properly */
    left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    border: solid 1px #000;
    margin: 0 0 0 0; /* hack for MacIE5 to ignore, while other browsers use \*/
    margin: 0; /* end hack */
    background-color: #5086AA;
    height: auto;
    margin-top: 7px;
    padding-bottom:7px;
  
    /*filter: alpha(opacity=85);    opacity: 0.85;*/
   

}
#HouseMenuNav li
{
    /* all list items */ /* border-right: 1px solid #666;*/
  
    margin-top: 0px; /* border-right:1px solid #D1D3D7 ;*/
    line-height: normal; /* hack for MacIE5 to ignore, while other browsers use \*/ /*background-image:url(images/menu-line.jpg); display line between 1st menu items       background-repeat:no-repeat;         background-position:100% 4px; border-right:1px solid white;  */
    background-image: url(images/menu-line.jpg);
    background-repeat: no-repeat;
    background-position: 100% 6px;
    background-color: transparent;
        border-right:1px solid #333;
    height:28px;
    
}
#HouseMenuNav li:hover 
{
    background-color:Silver;
     background-color:Transparent;
   
  
    background-image:url(images/MenuHover.jpg);
    background-repeat:repeat-x;
    background-position:top left;
     color:Black;
     height:28px;
   
 }
                         #HouseMenuNav li:hover a { 
                        color:Black;
                         }

#HouseMenuNav li li
{
    /* all items under the top level */ /* all items under the top level - submenu/child items */
    width: 160px;
    height: auto;
    border: none; /* hack for MacIE5 to ignore, while other browsers use \*/
    _width: 160px; /* end hack */
    background-image: none;
}
#HouseMenuNav li li:hover
{
    background-color:Transparent;
   
  
    background-image:url(images/MenuHover.jpg);
    background-repeat:repeat-x;
    background-position:top left;
     color:Black;
     height:18px;
     margin-top:0px;
     width:auto;
      padding-right: 5px; 
     width:160px;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper */
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0px;
    color: White;
    background-color: Transparent; /* set to a colour if you want ALL menu items to have the same background colour */
    width: auto;
    height: auto; /* hack for MacIE5 to ignore, while other browsers use \*/
    margin-left:5px;
    margin-right:5px;
  
}
#HouseMenuNav li a
{
    /* all links within the menu wrapper */
    padding: 0px;
    margin-top: 5px;
}
#HouseMenuNav li li a
{
    /* all item links under the top level = all child links */
    padding: 3px; /* the second list padding */
    width: 150px;
    height: 20px; /*background-image:url('/portals/0/skins/netpotential/images/menu_bg.jpg'); */ /* hack for MacIE5 to ignore, while other browsers use \*/
    width: 150px;
    _width: 150px;
    height: 12px;
    _height: 12px; /* end hack */
    color:black;
}

#HouseMenuNav li a:hover
{
    color: #000; /*background-color: #eee;*/
    padding: 0px;
    padding-bottom: 10px;
    margin-top: 5px;
    font-size: 10px;
      margin-left:5px;
    margin-right:5px;
}

#HouseMenuNav li li a:hover
{
    color: black; /* background-color: #eee;*/
    height: auto; /* hack for MacIE5 to ignore, while other browsers use \*/
    height: 12px;
    _height: 12px; /* end hack */
    padding: 3px;
    background-color:transparent;
  
}
/* second-level lists.when the mouseover to the first level and dispaly the popup list-yuchen*/


#HouseMenuNav li ul ul
{
    /* third-and-above-level lists */
    margin: -22px 0 0 160px;
    border: solid 1px #000;
    line-height: 12px;
}
#HouseMenuNav #HouseMenuNavParentItem a
{
    /* all links under the parent item (li) */
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

#HouseMenuNav a#HouseMenuNavParentLink
{
    /* parent link itself */
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

#HouseMenuNav a#HouseMenuNavCurrentLink
{
    /* current selected/active link */
    color: black;
    font-weight:bold;
    background-color: transparent;
    text-decoration: none;
}