/*********************************************************************************************************************
    COMMON
*********************************************************************************************************************/

    *
        {
            margin:0px;
            padding:0px;
        }
    
    html
        {
            background-color:#ffffff;
            background-image:url(../../images/design/bg_site.png);
            background-position:left top;
            background-repeat:repeat-x;
            font-family:Arial;
            color:#333333;
        } 
    
    body,
    input,
    select
        {
            font-size:12px;
        }
    
    body
        {
            background-image:url(../../images/design/bg_site_footer.png);
            background-position:left bottom;
            background-repeat:repeat-x;
        }     
    
    p
        {
            display:block;
            margin-top:1em;
            margin-bottom:1em;
        }
    
    ul, ol, dd
        {
            display:block;
            margin:1em 1em 1em 3em;
            padding-left:1em;
        }
    
    h1
        {
            font-size:26px;
            margin-bottom:10px;
        }
    
    h2
        {
            font-size:17px;
            font-weight:bold;
        }
    
    h3
        {
        }
    
    h4
        {
        }  
    
    .WebAccess
        {
	        display: none;
        }
    
    .ClearSpace
        {
            clear:both;
        }
    img
		{
			border:0px;
		}       
    a
        {
            color:#0f8a9a;
            text-decoration:none;
        }     
    a:hover
        {
            text-decoration:underline;
        }
    
    .hide
        {
            display:none;
        }
        
    .data
        {
            display:none;
        }
    
    /* common search input */    
    .SearchInput
        {             
            position:relative; /* this must allways be set to either relative or absolute due to positioning of child items */
            background-image:url(../../images/design/SearchInput_bg_end.png);      
            background-position:right center;
            background-repeat:no-repeat;
            height:19px; /*height of bg img*/
            width:300px;
        }
        .SearchInput .inputWrapper /* helper container to set fluid dimensions on input field*/
             {
                 position:absolute;
                 top:2px;
                 left:18px;
                 right:5px;
                 width:auto;
             } 
            .SearchInput .inputWrapper input
                {
                    border:0px;
                    background-color:Transparent;
                    width:100%;
                    color:#666666;
                    padding-bottom:2px;
                } 
        .SearchInput .layer
            {
                position:absolute;
                background-image:url(../../images/design/SearchInput_bg_start.png);            
                background-position:left center;
                background-repeat:no-repeat;
                height:19px; /*height of bg img*/
                left:0px;
                right:9px; /*width of SearchInput_bg_end.png */
                width:auto;
            } 
        .SearchInput .btn
            {
                position:absolute;
                left:0px;                
                top:0px;
                bottom:0px;
                height:auto;
                width:16px;
                border:0px;
                background-color:Transparent;
                cursor:pointer;
            }  
        
/*********************************************************************************************************************
    SITECONTAINER
*********************************************************************************************************************/

    #SiteContainer
        {
            position:relative;
            margin:0px auto;
            width:984px;
        }

/*********************************************************************************************************************
    SITEHEADER
*********************************************************************************************************************/
    
    #SiteHeader
        {
            display:none;
        }
        
/*********************************************************************************************************************
    SITEMENU
*********************************************************************************************************************/

    #SiteMenu
        {
            position:relative;
            height:135px;
            z-index:1000;
        }
        #SiteMenu #Menus
            {
                height:110px;
            }
            #SiteMenu #Menus #Menu1
                {
                    position:relative;
                    height:70px;
                }
                #SiteMenu #Menus #Menu1 #LogoSeawell
                    {
                        position:absolute;
                        bottom:20px;
                        left:0px;
                        width:145px;
                        height:34px; /*61px for new logo*/
                    }
                    #SiteMenu #Menus #Menu1 #LogoSeawell img
                        {
                            display:block;
                        }
            #SiteMenu #Menus #Menu2
                {
                    position:relative;
                    height:40px;
                    line-height:40px;
                }
        #SiteMenu #Crumbs
            {
                height:25px;
                line-height:25px;
                margin-left:200px;
            }
        
        #SiteMenu .SearchInput
            {
                position:absolute;
                top:32px;
                right:0px;   
                width:234px;             
            }
/*********************************************************************************************************************
    LEFT MENU
*********************************************************************************************************************/

    #LeftMenu
        {
            float:left;
            width:176px;
        }

            
/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
    
    #PageContent
        {
            position:relative;
        }
        
/*********************************************************************************************************************
    SITEFOOTER
*********************************************************************************************************************/
    
    #SiteFooter
        {
            position:relative;
			clear:both;
			height:50px;
			line-height:50px;
			font-weight:bold;
			text-align:center;
        }
        #SiteFooter span
            {
                float:left;
                margin-right:16px;                
            }
        #SiteFooter ul
            {
                margin:0px;
                padding:0px;
                list-style-type:none;
                line-height:normal;
            }
        #SiteFooter li
            {
                display:inline;
			    line-height:50px;
                padding:0px 16px 0px 16px;
                border-bottom:solid 1px transparent;
                background-image:url(../../images/design/bg_footer_spacer.png);
                background-repeat:no-repeat;
                background-position:left center;
            }
            #SiteFooter li:first-child
                {
                    background-image:none;
                }
        #SiteFooter li a
            {
                color:#333333;
                text-decoration:none;                
            }
            #SiteFooter li a:hover
                {
                    border-bottom:solid 1px #929292;
                }
                           
 
/*********************************************************************************************************************
    RELATED INFO
*********************************************************************************************************************/                          
                           
.RelatedInfo
        {            
        } 
        .RelatedInfo h4 /* box header */
            {
                font-size:12px;
                text-transform:uppercase;
                margin-bottom:10px;
            }   
        .RelatedInfo a
            {
                color:#0f8a9a;
                text-decoration:none;
            }
        .RelatedInfo ul
            {
                margin:0px;
                padding:0px;
                list-style-type:none;
            }
        .RelatedInfo li
            {
                background-image:url(../../images/design/lmenu_level0.png);
                background-position:left 5px;
                background-repeat:no-repeat;
                padding-left:16px;
                margin-bottom:10px;
            }
        .RelatedInfo .Name
            {
            }
        .RelatedInfo .Size
            {
                display:none;
                margin-left:6px;
            }

                            
/*********************************************************************************************************************
    LOGIN
*********************************************************************************************************************/
    #LoginContainer
        {
            position:relative;
            width:300px;
            border:solid 1px #7b7b7b;
            margin:20px auto;
            padding:20px;
        }
        #LoginContainer fieldset
            {
                border:0;
                background-image:url(../../images/login_logo.gif);
                background-position:center top;
                background-repeat:no-repeat;
                padding-top:50px;
                text-align:center;
            }
        #LoginContainer ul
            {
                position:relative;
                width:250px;
                margin:0px auto;
                list-style-type:none;
                padding:0px;
                text-align:right; 
            }
            #LoginContainer ul li
                {
                    margin-bottom:3px;
                }
        #LoginContainer input
            {
                margin-left:5px;
                width:160px;
            }
        #LoginContainer #strUser
            {
                background-color:#cfd4d9;
                border:solid 1px #7b7b7b;
            }
        #LoginContainer #strPassword
            {
                background-color:#cfd4d9;
                border:solid 1px #7b7b7b;
            }
            
        #LoginContainer .ErrorMsg
            {
                background-color: #cc0000;
                color:#ffffff;
                font-weight:bold;
                padding:5px;
                margin-bottom:20px;
            }
                
        
/*********************************************************************************************************************
    ERROR
*********************************************************************************************************************/
    
    .Error
        {
            background-color:#ffffff;
            border:solid 1px #ff0000;
            padding:10px;
            margin:10px;
            color:#ff0000;
        }