﻿
	#outerQSBWrapper .gradWrapper { border-style: none;}
	
	.input input, .input select { 
        -webkit-appearance: none;
        border: 1px solid #bdbab4;
        font-size: 14px;
        margin: 0 0 1em 0;
        padding: 0.5em;
        background: none;
        background-color: white;
        height: 40px;
        width: 90%;
	}

	.headingWrapper { display: none; }
	.gradWrapper { margin: 10px;}
	.inputWrapperJobCat { float: left; width: 49%; }
	.inputLabel { font-size: 16px; color: #006; font-weight: bold; }
	.inputExample { font-style: italic; color: #666; font-size: 9px; letter-spacing: 1px; display: block; }
	.Advbtn { padding: 0; width: 50%; text-align: left; }
	.Advbtn .btn { margin: 0; }
	
	#intlEmployers { display: block; }	
	.intlFeatWrapperLeft { border: 0px solid #ccc; height: 88px; float: left; margin: 0 2px 0 0; }
	.featEmpImg { margin: 14px 2px 0 2px; }
	#countrySearch { 
		padding: 5px 7px 7px 7px; 
		margin: 15px 0 0 0; 
		background: #fff url(https://secure.icbdr.com/images/gradients/js_home_categories.jpg) repeat-x; 
		border: 1px solid #ccc; 
		font-size: 11px; 
		overflow: hidden;
		height: 215px;
	}
	#countrySearch h3 { float: left; width: 200px; padding: 0; margin: 0 0 10px 0; }
	#countrySearch span { float: right; }
	#countrySearch span a { font-size: 10px; font-family: Lato, Arial; color: #669; text-decoration: underline; margin: 0; padding: 0; }
	#countrySearch span a:visited { font-size: 10px; font-family: Lato, Arial; color: #669; text-decoration: underline; margin: 0; padding: 0; }
	
	.jobfindLeft h3 { padding: 0; margin: 15px 0 10px 0; }
	.jobfindRight h3 { font-size: 16px; color: #006; font-weight: bold; padding: 0; margin: 0 0 5px 0; }
	.intlJobSites { border-top: 1px solid #243861; border-bottom: 1px solid #243861; height: 150px; padding-bottom: 10px; overflow: auto; margin-bottom: 15px; }
	#intlCountryLogos span { display: block; padding: 10px 0 0 15px; }
	#intlCountryLogos span img { float: left; margin:0 20px 0 0; }
	#intlCountryLogos span a { color: #5B6A93; font-size: 11px; }
	
	.intlJobSites .borderWrapper { clear: both; display: block; padding: 7px 0 5px 10px; vertical-align: middle; }
	.intlJobSites .borderWrapper .textWrapper { float: left; width: 110px; }
	.intlJobSites .borderWrapper img { float: left; margin: 0 15px 0 0; vertical-align: middle; }
	
	.dlCountries { table-layout:fixed; width:100%; }
	
	.cb_style .jsWhiteBoxWrapper { background-color: transparent; margin-top: 0px; }
	
	.EULinkBlock { margin: 0 0 20px 0; }

    .flagheader 
    {
        font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #182642;
        font-size:1.5em;
    }
    
    .flag 
    {
        width:23px;
        height:15px;
        float:left;
        display:inline-block;
    }
    
    /**
    This will need to be re-written to point to the proper image locations*/
    #norway
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 278px;
    }
    #italy 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 338px;
    }
    #france 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 418px;
    }
    #greece 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 378px;
    }
    #uk 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 138px;
    }
    #netherlands 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 298px;
    }
    #sweden
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 178px;
    }
    #spain
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 198px;
    }
    #india 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 358px;
    }
    #canada
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 498px;
    }
    #romania 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 238px;
    }
    #switzerland 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 158px;
    }
    #denmark 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 458px;
    }
    #eu 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 438px;
    }
    #china 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 478px;
    }
    #malasyia
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 218px;
    }
    #poland
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 258px;
    }
    #belgium 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 518px;
    }
    
    #gulf 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 78px;
    }
    
    #ireland 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 98px;
    }
    
    #germany 
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 398px;
    }

    #indonesia
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 58px;
    }

    #vietnam
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 18px;
    }
    
    #cyprus
    {
        background-image:url(https://secure.icbdr.com/images/js/image_cb_flag_sprite_2.png);
        background-position:0px 38px;
    }


    #flagcolumn1,  #flagcolumn2 
    {
        margin-right:20px;
    }
    
    .cbsitesheading, .partnersitesheading 
    {
        clear:both;
        font-size:16px;
        font-family:Lato, Arial,Helvetica,sans-serif;
        font-weight:bold;
        color:#000066;
    }
    
    .oddflag 
    {
        background-color:#f8EDD5;
    }
    
    .flagtext 
    {
       font-family:Lato, Arial,Helvetica,sans-serif;
       font-size:13px;
       color:#09a0db;
       padding-left: 1em;
    }
    
    .flagwrapper
    {
        padding:8px;
    }
    
    .flagcolumn 
    {
        float:left !important;
        width:210px;
        margin-bottom:50px;
    }
    .flagCenter
    {
        display: table; margin: auto;
    }
    
    .jscontentwrapper 
    {
        position:relative;
    }
    
    #partnersites 
    {
        clear:both;
        width:100%;
        height:100%;
    }
    
    .partnerrow 
    {
        text-align:center;
    }
    
    #flagcontainer, #partnercontainer
    {
        border-top:1px solid #D6D6D6;
        margin-top:15px;
    }
    
    .partnerimage 
    {
        margin:10px;
        width: 100px;
        height: 50px;
    }
    
    #intljobsheading
    {
        color:#FFFFFF;
        font-family:Lato, Arial,Helvetica,sans-serif;
        font-weight:bold;
        font-size:31px;
        /*text-shadow: -1px 2px 2px #000;*/
        padding-top:28px;
        
    }
    
    #pnlInnerWrapper
    {
        padding:0px;
        margin:0px;
        margin-right:0px;
        padding-right:0px;
        width:100%;
        max-width:100%;
        background-color:inherit;
    }

    
    #myContentWrapper 
    {
        width:96%;
        margin:0 auto;
        padding:20px 2% 40px 2%;
        max-width:980px;
        background-color:#FFFFFF;
        -mox-box-shadow: 0 0 15px 1px #CACACA;
        -webkit-box-shadow: 0 0 15px 1px #CACACA;
        box-shadow: 0 0 15px 1px #CACACA;
    }
    
    #pnlOuterWrapper
    {
        background-color:inherit;
    }
    
    /**
    * The door picture is in both the CSS folder and the jobfindil.aspx folder
    */
    #doorwrapper 
    {
        min-height:300px;
        margin:0 auto;
        padding:25px 2%;
        max-width:980px;
        background-image:url(https://secure.icbdr.com/images/js/doors.png);
        background-size:100% 100%;
        background-repeat:no-repeat;
        text-align:center;
        position:relative;
    }
    
    #searchwrapper 
    {
        background-color:#182642;
        text-align:center;
        padding:0px;
        position:relative;
        box-shadow:-1px 3px 3px #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin:65px 40px;
        padding-bottom:28px;
    }
    
    .inputLabel
    {
        color:#FFFFFF;
        float:left;
        margin-left:15px;
        font-family:Lato, "Franklin Gothic Medium",Helvetica,sans-serif;
        font-size:16px;
        font-weight:normal;
    }
    
    .inputWrapper
    {
        float:left;
        min-width:200px;
    }
    .Advbtn
    {
        width:32%;
        text-align:center;
        margin-left:5px;
    }
    
    #qsb_Search1
    {
        -webkit-appearance: none;
        background: #85ce3f;
        border: 0.125rem solid #85ce3f;
        text-align: center;
        box-sizing: border-box;
        padding: 0;
        /*margin-bottom: 0.625rem;*/
        margin-top:0px;
        /*width: 100%;*/
        display: block;
        color: white;
        border-radius: 3px;
        transition: background-color 300ms ease-out;
        
        min-height:41px;
        display:block;
        font-family: Lato, Arial, Helvetica, Sans-Serif;
        font-size:18px;
        font-weight:bold;
        padding-top:9px;
        padding-bottom:9px;
        padding-left:24px;
        padding-right:24px;
        white-space:normal;
    }

    #qsb_Search1:hover {
        border: 0.125rem solid #9dd865;
        background: #9dd865;
    }

     #qsb_Search1:active {
        border: 0.125rem solid #6fac40;
        background: #6fac40;
    }
    
    .clear 
    {
        clear:both;
    }
    
    /**Media Queries**/
    @media (max-width: 970px) 
    {
        .jsContentWrapper 
        {
            text-align:center;
        }
        .jobfindLeft 
        {
            float:none;
            margin-left:auto;
            margin-right:auto;
        }
        #textLeft 
        {
            text-align:justify;
        }
        .jobfindRight
        {
            float:none;
            margin-left:auto;
            margin-right:auto;
        }
        
        #qsb_Search1 
        {
            font-size:18px;
        }
        
        #intljobsheading 
        {
            font-size:25px;
        }
    }
    
    @media (max-width:905px) 
    {
        .inputLabel 
        {
            font-size:13px;
        }
        
        #intljobsheading 
        {
            font-size:22px;
        }
        
        #qsb_Search1 
        {
            font-size:15px;
        }
    }
    
    @media (max-width:850px) 
    {
        #doorwrapper 
        {
            padding:0px;
            min-height:0px;
        }
        
        #searchwrapper 
        {
            margin:0px;
            height:100%;
        }
    }
    
    @media (max-width:740px) 
    {
        .gradWrapper 
        {
            padding-left:15%;
            padding-right:15%;
        }
        
        .inputWrapper 
        {
            float:none;
        }
        
        #qsb_Search1 
        {
            margin-left:auto;
            margin-right:auto;
        }
        
        .input input, .input select 
        {
            width:100%;
        }
    }
    
    @media (max-width:500px) 
    {
        #flagcolumn1, #flagcolumn2,  #flagcolumn3
        {
            float:none !important;
            margin-left:auto;
            margin-right:auto;
        }
    }
    