﻿/* --------------- ovverides ------------------ */
a
{
    text-decoration:none;
    color:#444444;
}
    a:hover
    {
        text-decoration:underline;
    }

img
{
    border:0px;
}

p
{
    margin:2px 0px 2px 0px;
}

h1, h2, h3
{
    font-family:Trebuchet MS;
    color:#444444;
    font-weight:normal;
}
h1
{
    font-size:24px;
    margin:5px 0px 5px 0px;
}

h2
{
    font-size:19px;
    margin:5px 0px 3px 0px;
}
h3
{
    font-size:15px;
    font-weight:bold;
    margin:5px 0px 2px 0px;
}


/* --------------- custom ------------------ */

.clear
{
    clear:both;
}

.hidden
{
    display:none;
}
.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}
    
.alignLeft
{
    text-align:left;
}
.alignRight
{
    text-align:right;
}
.alignCenter
{
    text-align:center;
}
.alignMiddle, .alignMiddle *
{
    vertical-align:middle;
}

.hr1
{
    background-color:#AAAAAA;
    margin-left:auto;
    margin-right:auto;
    height:1px;
    margin-top:10px;
    margin:10px 5px 5px 5px;
    line-height:1px;
}

.textError, a.textError
{
    color:#FF0000;
}

.textXS
{
    font-size:80%;
}

.textS
{
    font-size:90%;
}

.companyLogo *
{
    border:1px solid #CCCCCC;
    padding:2px;
}

.customComboBox
{
    line-height:23px;
}
    .customComboBox input, .customComboBox span
    {
        float:left;
        display:block;
    }

.editBox
{
    padding:0px;
    height:21px;
    width:140px;
    font-size:15px;
    color:#444444;
    border:1px solid #BE1525;
    font-size:13px;
    font-family:Trebuchet MS;
}
.editButton
{
    width:24px;
    height:23px;
    background-image:url(layout_images/btn_dropdown.png);
    margin-left:-1px;
}
    .editButton:hover
    {
        background-image:url(layout_images/btn_dropdown_over.png);
    }

/* --------------- autocomplete ------------------ */
.autocomplete_completionListElement
{
    margin-top:0px;
    padding:0px;
    background-color:#FFFFFF;
    border:1px solid #69010F;
    z-index:100000;
    list-style-type:none;
    max-height:250px;
    overflow:auto;
}
.autocomplete_listItem
{
    cursor: pointer;
    padding:2px;
}
.autocomplete_highlightedListItem
{
    cursor: pointer;
    padding:2px;
    background-image:url(layout_images/bg_h1.png);
    color:#FFFFFF;
}

/* --------------- layout ------------------ */
body
{
    font-family:Trebuchet MS, Century Gothic, Arial, sans-serif;
    font-size:12px;
    color:#000000;
    padding:0px;
    margin:0px;
    background-color:#FFFFFF;
}

.container
{
    position:relative;
    width:1000px;
    min-height:300px;
    margin:0px auto 0px auto;
    background-color:#FFFFFF;
    
}

.header
{
    position: relative;
    height:176px;
    background-image:url(layout_images/bg_header.png);
}
    
    .logo
    {
        position:absolute;
        left:55px;
        top:35px;
    }
    
    .headerImage
    {
        position:absolute;
        left:350px;
        top:26px;
    }
    
    .login
    {
        position:absolute;
        left:780px;
        top:10px;
        width:150px;
    }
        .login a
        {
            text-decoration: none;
        }
        .login p
        {
            margin:0px 0px 0px 0px;
            padding-top:4px;
            line-height:10px;
        }
        .login input
        {
            width:150px;
            height:14px;
            font-size:11px;
        }
        .btnLogin
        {
            position:absolute;
            display:block;
            left:-4px;
            top:96px;
            width:67px;
            height:37px;
            background-image:url(layout_images/btn_login.png);
        }
            .btnLogin:hover
            {
                background-image:url(layout_images/btn_login_over.png);
                text-decoration:none;
            }
        .btnRegister
        {
            position:absolute;
            display:block;
            left:66px;
            top:96px;
            width:93px;
            height:37px;
            background-image:url(layout_images/btn_register.png);
        }
            .btnRegister:hover
            {
                background-image:url(layout_images/btn_register_over.png);
                text-decoration:none;
            }
        .btnLogout
        {
            position:absolute;
            display:block;
            left:230px;
            top:48px;
            width:76px;
            height:37px;
            background-image:url(layout_images/btn_logout.png);
        }
            .btnLogout:hover
            {
                background-image:url(layout_images/btn_logout_over.png);
                text-decoration:none;
            }
            
        .loginError
        {
            position:absolute;
            display:block;
            left:0px;
            top:129px;
            width:150px;
            color:#FF0000;
            font-size:11px;
        }
    
.menu
{
    position: absolute;
    left:230px;
    top:0px;
}
    .menu ul
    {
        list-style-type: none;
        margin:0px;
        padding:0px;
    }
        .menu ul li
        {
            position:relative;
            display:block;
            float:left;
            margin-left:15px;
            background-image:url(layout_images/bg_menuitem_left.png);
            background-repeat:repeat-x;
        }
            .menu ul li a
            {
                display:block;
                height:24px;
                color:#FFFFFF;
                text-transform:uppercase;
                font-family:Myriad Pro, Trebuchet MS;
                font-size:13px;
                text-decoration:none;
                padding:3px 10px 0px 10px;
                background-image:url(layout_images/bg_menuitem_right.png);
                background-repeat: no-repeat;
                background-position:right;
            }
        .menu ul li:hover, .menu ul li a.selected
        {
            background-image:url(layout_images/bg_menuitem_over_left.png);
        }
            .menu ul li a:hover, .menu ul li a.selected a
            {
                height:22px;
                padding-top:5px;
                background-image:url(layout_images/bg_menuitem_over_right.png);
                color:#FFFFFF;
            }
            
.middleSection
{
    margin:-10px 0px -10px 0px;
    position: relative;
    height:88px;
    background-image:url(layout_images/bg_midsection-trans.png);
    z-index:1000;
}
    .search
    {
        position:absolute;
        left:57px;
        top:26px;
    }
        .search .searchBox
        {
            position:absolute;
            left:0px;
            top:0px;
        }
        .search .cityBox
        {
            position:absolute;
            left:150px;
            top:0px;
        }
        .search .domainBox
        {
            position:absolute;
            left:329px;
            top:0px;
        }
        /*
        .search .editButton
        {
            position:absolute;
            width:124px;
            height:23px;
            background-image:url(layout_images/btn_dropdown.png);
        }
            .search .editButton:hover
            {
                background-image:url(layout_images/btn_dropdown_over.png);
            }
        */
        .search .cityButton
        {
            position:absolute;
            left:292px;
            top:0px;
        }
        .search .domainButton
        {
            position:absolute;
            left:471px;
            top:0px;
        }
        .btnSearch
        {
            position:absolute;
            left:432px;
            top:25px;
            width:67px;
            height:32px;
            background-image:url(layout_images/btn_search.png);
        }
            .btnSearch:hover
            {
                background-image:url(layout_images/btn_search_over.png);
            }
        .searchLinks
        {
            position:absolute;
            text-align:left;
            left:0px;
            top:32px;
            width:400px;
            font-weight:bold;
        }
            .searchLinks a
            {
                margin-right:10px;
            }
            
        .searchSort table td
        {
            position:relative;
            padding:0px;
            margin:0px;
        }
        .searchListItem
        {
            position:relative;
        }
            .searchListLogo
            {
                float:left;
                margin-left:10px;
                max-height:110px;
                width:120px;
                text-align:center;
                vertical-align:middle;
            }
            .searchListText
            {
                float:left;
                width:540px;
                margin-left:10px;
                margin-bottom:10px;
            }
                .searchListText h3
                {
                    margin-top:0px;
                    width:490px;
                }
            .searchListMore
            {
                float:right;
                width:50px;
            }
        .bannerRegister
        {   
            display: block;
            position:absolute;
            left:647px;
            top:0px;
            height:88px;
            background-image: url(layout_images/banner_register.png);
            background-repeat: no-repeat;
            width: 311px;    
        }
        
            .bannerRegister:hover 
            {
               background-image: url(layout_images/banner_register_over.png);               
            }
            
        .bannerLoggedIn
        {
            position:absolute;
            left:647px;
            top:0px;
            height:88px;
            width: 311px;           
            padding: 10px;
        }
          .bannerLoggedIn a:hover
          {
              text-decoration:none;
              color:#000000;
          }
        
.mainContent
{
    position:relative;
    color:#000000;
    width:954px;
    margin:0px auto 0px auto;
    padding:30px 0px 20px 0px;
    border:1px solid #9e9e9e;
}

    .leftContent
    {
        position:relative;
        float:left;
        margin:0px 0px 0px -10px;
        width:172px;
        padding:10px;
        padding-top:0px;
        background-image:url(layout_images/bg_left.gif);
        background-repeat:repeat-y;
        border:1px solid #9e9e9e;
    }
        .leftContent h3
        {
            position:relative;
            border-bottom:1px solid #cf5561;
            color:#747373;
            font-family:Myriad Pro, Trebuchet MS;
            font-size:14px;
            text-transform:uppercase;
            text-align:right;
            padding-top:30px;
            padding-right:5px;
            margin-right:-10px;
            margin-bottom:10px;
        }
            .leftContent h3 img
            {
                position:absolute;
                left:-25px;
                top:5px;
            }
            .leftContent h3 a
            {
            	color:#747373;
				font-family:Myriad Pro, Trebuchet MS;
				font-size:14px;
				text-transform:uppercase;
            }
            .leftContent h3 a:hover
            {
            	text-decoration: none;
            	color:#444444;
            }
        .topCompanies
        {
            text-align:center;
        }
          .topCompanies img
          {
              outline:1px solid #CCCCCC;
              margin-bottom:5px;
          }
            .topCompanies img:hover
            {
                outline:1px solid #AAAAAA;
            }
          
    .rightContent
    {
        position:relative;
        margin:0px 0px 0px 200px;
        width:740px;
    }
        .rightContent .section
        {
            position:relative;
            margin-bottom:20px;
            padding-bottom:10px;
            border:1px solid #9e9e9e;
        }
            .rightContent .section .status
            {
                position:absolute;
                line-height:32px;
                right:10px;
                top:0px;
                font-size:14px;
            }
            .rightContent .section>.status
            {
                top:40px;
            }

            .rightContent .section h1
            {
                color:#FFFFFF;
                background-image:url(layout_images/bg_h1.png);
                background-repeat: repeat-x;
                margin:0px;
                margin-bottom:10px;
                padding:5px;
                font-family:Myriad Pro, Trebuchet MS;
                font-size:15px;
                text-transform:uppercase;
                text-align:center;
            }
            .rightContent .section p
            {
                margin:5px;
            }
            .rightContent .section .sectionTable
            {
                width:100%;
            }
                .rightContent .section .sectionTable th
                {
                    background-color:#bf1323;
                    color:#FFFFFF;
                    font-family:Myriad Pro, Trebuchet MS;
                    font-size:13px;
                    padding:2px;
                    text-transform:uppercase;
                }
                .rightContent .section .sectionTable td
                {
                    border-bottom:1px solid #9e9e9e;
                    padding:3px 5px 0px 5px;
                }
            .rightContent .padded
            {
                padding:10px;
            }
                
          .successMessage
          {
          	color: #cf5561;
          	font-weight: bold;
          	font-size: 14px;
          }
                
        .domainsTable
        {
            width:100%;
            line-height:16px;
            margin-bottom:10px;
        }
            .domainsTable .letter
            {
                background-image:url(layout_images/bg_letter.png);
                background-repeat: repeat-y;
                width:25px;
                color:#FFFFFF;
                font-weight:bold;
                font-size:15px;
                padding-left:5px;
            }
            .domainsTable .blank
            {
                background: none;
            }
    .companyDescription
    {
        float:left;
        width:500px;
    }
    .companyDetails
    {
        float:right;
        width:220px;
        font-size:11px;
        border-left:1px solid #CCCCCC;
        padding-left:5px;
    }
        .companyDetails h3
        {
            text-align:center;
            color:#999999;
            text-transform:uppercase;
            font-size:14px;
            font-weight:bold;
        }
        .companyDetails b
        {
            color:#900511;
        }
        
        
        
    .contactFormular
    {
        float:left;
        margin-left:15px;
        width:460px;
    }
    .contactDetails
    {
        float:right;
        width:220px;
        font-size:11px;
        border-left:1px solid #CCCCCC;
        padding-left:5px;
    }
        .contactDetails h3
        {
            text-align:center;
            color:#999999;
            text-transform:uppercase;
            font-size:14px;
            font-weight:bold;
        }
        .contactDetails strong, contactDetails b
        {
            color:#900511;
        }
    
.footer
{
    position:relative;
    background-image:url(layout_images/bg_footer.png);
    background-repeat: no-repeat;
    padding:13px 40px 0px 40px;
    height:28px;
    margin-left:auto;
    margin-right:auto;
    font-size:12px;
    color:#222222;
    text-align:center;
}
    .footerSides
    {
        margin-top:-18px;
    }
    .footer a
    {
        text-decoration:none;
        color:#555555;
    }
    .footer a:hover
    {
        text-decoration:none;
        color:#000000;
    }
    
	.btnApplyJob
		{            
    	float: right;
    	margin-right:10px;	    	
		display:block;            
		width:97px;
		height:37px;
		background-image:url(layout_images/btn_apply_job.png);
		}
		.btnApplyJob:hover
		{
			background-image:url(layout_images/btn_apply_job_over.png);
		}
    
    .applyMessage
    {
    	font-size: 14px;
    	line-height: 60px;
    }
    
    .btnCreateUser
        {            
            display:block;            
            width:138px;
            height:37px;
            background-image:url(layout_images/btn_createuser.png);
        }
            .btnCreateUser:hover
            {
                background-image:url(layout_images/btn_createuser_over.png);
            }
            
   .errorMessage
   {
   	display: block;
   	background-image: url(layout_images/icon_alert.png);
   	background-repeat: no-repeat;
   	background-position: left;
   	padding-top: 20px;
   	padding-bottom: 20px;
   	padding-left: 65px;
   	color: Red;
   }
    


