/* === LISTING VIEW === */
    .joblistingcontainer                    {width: 100%; padding: 1% 0px 3% 0px; margin: 1% 0px; border-bottom: solid 1px #e7e7e7;}
    .joblistingleft                         {float: left; width: 18%; padding-right: 2%;}
    .joblistingright                        {float: right; width: 80%;}
        .joblistingtitle                    {text-transform: none !important; border-bottom: none !important; font-size: 140% !important; margin-bottom: 0px;}
        .joblistingflagline                 {color: #999; margin: 4px 0px 12px 0px;}
        .joblistingsummary                  {}
        .joblistingdetails                  {margin: 18px 0px;}


/* === TYPE AREAS === */
    .jobtypeareascontainer                  {}
    .jobtypeareas                           {float: left; width: 16.5%; text-align: center;}
        .jobtypeareasimage                  {padding-bottom: 3px;}
    .jobtypeareas span                      {}

/* === VIEW JOB LISTING === */
    .jobviewcontainer                       {margin: 15px 0px;}
    .jobviewtitle                           {margin-bottom: 20px;}
    .jobviewleft                            {float: left; width: 70%; padding-right: 2%;}
        .jobviewleftskills                  {}
        .jobviewleftskillsleft              {float: left; width: 25%; font-weight: bold; min-height: 30px; margin: 10px 0px;}
        .jobviewleftskillsright             {float: left; width: 75%;}
    .jobviewright                           {float: right; width: 28%;}
        .jobviewdetailscontainer            {background-color: #f4f4f4; box-shadow: 0px 0px 1px #e7e7e7 inset; padding: 2%;}
        .jobviewdetailscontainerinner       {background-color: #fff; box-shadow: 0px 0px 1px #e7e7e7 inset; padding: 3%; margin: 5% 0px; }
        .jobviewdetailsmore                 {padding: 5% 0px; margin: 5% 0px; border-top: solid 1px #f4f4f4;}
        .jobviewrating                      {text-align: center;}
            .jobviewrating  .pa-star-rating {margin: 0px auto !important; margin-bottom: 10px;}

        .jobviewdetailscontainercountry     {margin: 5% 3% 0px 3%;}

        .jobviewdetailsmoretitle            {color: #999; font-size: 90%; text-transform: uppercase;}
        .jobviewdetailsmoretext             {margin-bottom: 10px; font-weight: bold;}

        .jobviewdetailstitle                {float: left;}
        .jobviewdetailstext                 {float: right;}

        .jobviewdetailsbutton               {padding: 6%;}

        
    .jobviewdetailsbutton span              {color: #cb2027; font-weight: bold;}
    #dnn_ctr1137_ModuleContent > div        {overflow: hidden;}

/* === Responsive Styles === */
        
    /* === More than 768px width and less than 980px (pads) */
        @media only screen and (min-width : 750px) and (max-width : 1069px) {
            
            .jobviewleft                    {width: 62%;}
            .jobviewright                   {width: 36%;}        
            
            .joblistingleft                 {width: 22%;}
            .joblistingright                {width: 76%;}
            
        }
        
    /* === Less than 768px(mobile devices) */
        @media only screen and (max-width : 749px) {
        
        /* View Job Posting */
            .jobviewleft                    {float: none; width: 100%; padding: 0px;}
            .jobviewright                   {float: none; width: 100%;}  
            .viewjobtabcontainer            {display: none;}
            #dnn_ctr1136_SearchSmall_pnlSearch  {display: none;}
            
        /* Listing View */
            .joblistingleft                 {display: none; padding-right: 0px;}
            .joblistingright                {width: 100%;}    
        
        /* Type Areas */
            .jobtypeareas                   {width: 33%;}
        
        }