@font-face
{
    font-family: 'RubrikRegular';
    src: url('rubrik-regular-webfont.eot');
    src: url('rubrik-regular-webfont.eot?#iefix') format('embedded-opentype'), url('rubrik-regular-webfont.woff') format('woff'), url('rubrik-regular-webfont.ttf') format('truetype'), url('rubrik-regular-webfont.svg#rubriksemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
    color: #404040;
    font-size: 0.8rem;
    font-family: 'RubrikRegular' , Verdana;
    padding: 0px;
    margin: 0px;
    background: #000000 url(invader_background.jpg) bottom left fixed no-repeat;
    background-size: contain;
}

body.body_FontSmall
{
    font-size: 0.6rem;
}

body.body_FontNormal
{
    font-size: 0.8rem;
}

body.body_FontBig
{
    font-size: 1rem;
}

#FontSizeSelectors
{
    display: block;
    margin: 0 auto;
    width: 75px;
}

#FontSizeSelectors a
{
    background: #40008C;
    border: 1px solid #ffffff;
    display: block;
    float: left;
    height: 25px;
    padding: 2px 4px;
    margin: 0 2px;
    text-decoration: none;
}

#FontSizeSelectors a.SmallSelector
{
    height: 18px;
    padding-top: 9px;
}
#FontSizeSelectors a.NormalSelector
{
    height: 21px;
    padding-top: 6px;
}
#FontSizeSelectors a.BigSelector
{    
    height: 25px;
    padding-top: 2px;
}

a
{
    color: #7700dd;
}

h1, h2
{
    margin-top: 0px;
}

.buttonsRight .buttonAnchor, .buttonsRight input.buttonSubmit, .buttonsLeft .buttonAnchor, .buttonsLeft input.buttonSubmit, #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a, .fileuploadbutton, #Pos_Description_pageView #posdesc_pageBlock a.right, #posdesc_pageBlock .miniMapButton, #Home_pageView #homeMapBoxList li a
{
    border: 1px solid #7700DD;
    text-decoration: none;
    background: #eddfff;
    border-radius: 3px;
    color: #7700DD;
}
.fileuploadbutton
{
    color: #7700DD !important;
}
.buttonsRight .buttonAnchor:hover, .buttonsRight input.buttonSubmit:hover, .buttonsLeft .buttonAnchor:hover, .buttonsLeft input.buttonSubmit:hover, .fileuploadbutton:hover, #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #posdesc_pageBlock .miniMapButton:hover, #Home_pageView #homeMapBoxList li a:hover
{
    background: #7700DD; 
    color:#ffffff; 
    border-color:#40008c;
    text-decoration: underline;
    animation: standardButtonAnim 0.5s;
}

@keyframes standardButtonAnim
{
    0% {background: #eddfff; color:#7700DD; border-color:#7700DD;}
    50% {background: #eddfff; color:#7700DD; border-color:#7700DD;}
    100% {background: #7700DD; color:#ffffff; border-color:#40008c;}
}




.pageBlockHeader_AddNotClicked
{
    color: #7700DD;
}

.pageBlockInner_FormBlock div.highlightError div.controlContainer .inputText, .pageBlockInner_FormBlock div.highlightError div.controlContainer .inputSelect, .pageBlockInner_FormBlock div.highlightError div.controlContainer .inputTextArea
{
    border-color: Red;
}

.pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputTextArea
{
    border-color: #7700DD;
}
.pageBlockInner_FormBlock div.curFocus label.formLabel
{
    color: #7700DD;
}

.tooltip2_Outer
{
    border-color: #7700DD;
    background: #ffee00;
}

.page
{
    margin: 10px auto;
    max-width: 1200px;
    width:calc(100% - 20px);
}

.pageTop
{
    background: #04003e url(invader_small.png) bottom right no-repeat;
    background-size: contain;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #9900ff;
    padding: 10px;
}
.pageTop:hover
{
    cursor: pointer;
    animation: topBannerAnim 1s;
    border-color:#ffff00;
}

@keyframes topBannerAnim
{
    0% {border-color:#9900ff;}
    100% {border-color:#ffff00;}
}





.pageTop .homeLink
{
    display: none;
}

.pageTop_Banner
{
    background: url(invader_logo.png) Left Center no-repeat;
    background-size: contain;
    color: #ffffff;
    padding: 10px 10px 10px 180px;
    font-size: 1rem;
    text-transform: capitalize;
}
.pageTop_Banner1
{
    font-size: 2.5em;
}
.pageTop_Banner2
{
    font-size: 1.5em;
}
.pageSpacer
{
    height: 10px;
}

.pageMiddle
{
    padding: 0px 0px;
    overflow: auto;
}

.pageBottom
{
    padding: 25px 10px 25px 10px;
    background: #e0e0e0;
    background-size: 100% 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #9900ff;
    text-align: center;
    border: 1px solid #9900ff;
}

.pageMiddle_Menu
{
    float: right;
    width: 200px;
}
.pageMiddle_MenuButtons
{
    display: none;
}

.pageMiddle_Content
{
    margin-right: 210px;
    background: #ffffff;
    border: 1px solid #9900ff;
}

.pageContentContainer
{
    padding: 10px;
    min-height: 300px;
}
.pageMiddle_Menu a
{
    color: #ffffff;
}
.pageMiddle_Menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px 5px;
    overflow: auto;
}
.pageMiddle_Menu li
{
    float: left;
}
.pageMiddle_Menu li.menuItem_Logout
{
    float: right;
}

.pageMiddle_Menu .pageMiddle_MenuButtons a.menuButton
{
    float: left;
    padding: 5px;
    text-decoration: none;
    margin-right: 5px;
}
.pageMiddle_Menu .pageMiddle_MenuButtons a.menuButton_Active, .pageMiddle_Menu .pageMiddle_MenuButtons a.menuButton:hover
{
    background: #ffffff;
    color: #310279;
}


.pageMiddle_MenuBlock
{
    background: #ffb110;
    margin-bottom: 10px;
}


.pageMiddle_Menu h2
{
    margin: 0px;
    padding: 0px;
    size: 1.5rem;
    text-transform: capitalize;
}
.pageMiddle_Menu .pageBlockContainer
{
    background: #fe3601 url(sidebackground.jpg) repeat-x top left;
    background-size: contain;
}

#ExtraPages_pageBlock .pageBlockInner .buttonHolder{
    float: none;
    overflow: auto;
}

#ExtraPages_pageBlock .pageBlockInner .buttonHolder ul {
    padding: 0px;
    margin: 0px;
    overflow: auto;
    list-style: none;
}

#ExtraPages_pageBlock .pageBlockInner .buttonHolder ul li
{
    float: none;
    width: auto;
    margin: 0px;
}
#ExtraPages_pageBlock .pageBlockInner .buttonHolder ul li a {
    text-align:center;
}


#Buttons_pageBlock .pageBlockInner .buttonHolder ul li, #Buttons_pageBlock .pageBlockInner .buttonHolder ul li.anchor_Login
{
    float: none;
    width: auto;
    margin: 0px;
}
#quicksearch_pageBlock .pageBlockInner_FormBlock input.inputText
{
    width: 175px;
}

#quicksearch_pageBlock .pageBlockInner_FormBlock #quicksearch_filter_locationradius_formRow select.inputSelect {
    width: 183px;
}

.pageMiddle_Menu .earcunavitem {
    float: none;
}
.pageMiddle_Menu .buttonsLeft .buttonAnchor, .pageMiddle_Menu .buttonsRight .buttonAnchor, .pageMiddle_Menu .buttonsLeft .buttonSubmit, .pageMiddle_Menu .buttonsRight .buttonSubmit, .pageMiddle_Menu .earcunavitem a, .pageMiddle_Menu .mycurrentform
{
    background-color: #40008c;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #ffffff;
    padding: 3px 3px 3px 10px;
    display: block;
    margin: 2px 0px 0px 0px;
    float: none;
    border-radius: 3px;
}
.pageMiddle_Menu .buttonsLeft .buttonSubmit, .pageMiddle_Menu .buttonsRight .buttonSubmit
{
    padding: 3px 25px;
}

.pageMiddle_Menu .buttonsLeft .buttonAnchor:hover, .pageMiddle_Menu .buttonsRight .buttonAnchor:hover, .pageMiddle_Menu .buttonsLeft .buttonSubmit:hover, .pageMiddle_Menu .buttonsRight .buttonSubmit:hover, .pageMiddle_Menu .earcunavitem:hover a, .pageMiddle_Menu .earcunavitem:hover a span, .pageMiddle_Menu .mycurrentform:hover a span, #FontSizeSelectors a:hover
{
    color: #40008c;
    text-decoration: none;
    background: #ffff00;
    border-color:#40008c;
    animation: menuButtonAnim 0.5s;
}

@keyframes menuButtonAnim
{
    0% {background: #40008c; color:#ffffff; border-color:#ffffff;}
    50% {background: #40008c; color:#fe3e00; border-color:#ffffff;}
    100% {background: #ffff00; color:#40008c; border-color:#40008c;}
}



.earcunav a .earcunav_label
{
    width: auto;
    text-decoration: none;
}

.pageBottom .optionsBlockContainer
{
    overflow: auto;
    margin-top: 20px;
}
.pageBottom .optionsBlockContainer .optionsBlock
{
    float: left;
    width: 50%;
    min-width: 280px;
}
.pageBottom .optionsBlockContainer .optionsBlockInner
{
    border: 1px solid #9900FF;
    width: 250px;
    margin: 0px auto;
    background: #04003E;
    color: #ffffff;
    border-radius: 10px;
    padding: 5px;
}
.pageBottom .optionsBlockContainer .optionLabel
{
    font-weight: bold;
    margin-bottom: 5px;
}
.pageBottom .optionsBlockContainer .optionValues
{
    margin-bottom: 5px;
    overflow: auto;
}
.pageBottom .optionsBlockContainer .option
{
    display: inline-block;
    margin: 0px 2px;
}
.pageBottom .optionsBlockContainer .option a
{
    display: block;
    text-decoration: none;
    padding: 3px 10px;
    border: 1px solid #45418f;
    background: #646193;
    border-radius: 5px;
    color: #ffffff;
}
.pageBottom .optionsBlockContainer .optionSelected a, .pageBottom .optionsBlockContainer .option a:hover
{
    border: 1px solid #9900FF;
    background: #ffff00;
    color: #7700DD;
}

.pageBottom .optionsBlockContainer .option a:hover
{
    animation: menuButtonAnim 0.5s;
}

@keyframes menuButtonAnim
{
    0% {background: #40008c; color:#ffffff; border-color:#ffffff;}
    50% {background: #40008c; color:#fe3e00; border-color:#ffffff;}
    100% {background: #ffff00; color:#40008c; border-color:#40008c;}
}






.pageBlockInner_FormBlock div.controlError
{
    float: left;
    margin-left: 40%;
    padding-left: 20px;
}

#pageContent .pageBlockContainer
{
    border-bottom: 1px solid #d0d0d0;
}
.PageBlockContainer_NormallyBorderLess
{
    border-bottom: 0px;
}

#posSummaryBlock_pageBlock
{
    border: 1px solid #d0d0d0;
    background: #f9f9f9;
    margin-bottom: 5px;
}


.posBrowserMapBlock .demoAPIKeyContainer
{
    display: none;
}
#posBrowser_ResultsGrid_pageBlock .rowContainer
{
    border-color: #7700DD;
    background: #eddfff;
    overflow:hidden;
}
#posBrowser_ResultsGrid_pageBlock .rowContainerHolder.image .rowContainer
{
    height:230px;    
}
#posBrowser_ResultsGrid_pageBlock .rowImageCaptionContainer
{
    text-align:center;
    margin-top: 4px;
}
#posBrowser_ResultsGrid_pageBlock .rowContainer:hover
{
    background: #dcc1ff;
}
.posBrowserMapBlock .mapOuterContainer .posListInfoBox
{
    border-color: #7700DD;
}
.posBrowserMapBlock .mapOuterContainer .posListLabel
{
    border-bottom: 1px solid #7700DD;
    background: #eddfff;
}
.posBrowserMapBlock .mapOuterContainer .posListItem a
{
    border-color: #7700DD;
}
.posBrowserMapBlock .mapOuterContainer .posListItem a:hover
{
    background: #dcc1ff;
}

#Welcome_pageView #WelcomeInfoBlock_pageBlock .formRowIconRow
{
    border: 1px solid transparent;
}
#Welcome_pageView #WelcomeInfoBlock_pageBlock .formRowIconRow:hover
{
    border: 1px solid #7700DD;
    background: #dcc1ff;
}

#Application_Home_pageView #sectionslist_pageBlock .ulListItem
{
    width: calc(33.3% - 10px);
    height: 90px;
    border-color: #7700DD;
    background-color: #eddfff;
}
#Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover
{
    background-color: #dcc1ff;
}

#Application_Home_pageView #sectionslist_pageBlock .ulList div.ulListItemLabel
{
    padding-top: 30px;
}

#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations {
    clear: left;
    width: calc(100% - 10px) !important;
    height: auto !important;
    margin-top:4px;
}
#Application_Home_pageView #sectionslist_pageBlock .ulList li.Section_SubmitAndDeclarations div.ulListItemLabel {
    padding:10px;
}

#Home_pageView #CodeListCounts_pageBlock .mapContainer
{
    overflow:auto;
    min-height:420px;
}
#Home_pageView #CodeListCounts_pageBlock #homeMap
{
    width:406px;
}
#Home_pageView #CodeListCounts_pageBlock #homeMapBox
{
    width:140px;
}
#Home_pageView #CodeListCounts_pageBlock #homeMapBoxList
{
    float:left;
}

#Home_pageView #CodeListCounts_pageBlock .listItemContainer 
{
    border: 0px !important;
    background: none !important;
    margin:0px;
    height:auto;
    width:33%;    
}
#Home_pageView #CodeListCounts_pageBlock .listItemContainer:hover
{
    cursor:auto;
}
#Home_pageView #CodeListCounts_pageBlock .listItemContainer .listItemContainerBorder
{
    border: 1px solid #7700DD !important;
    background: #eddfff !important;
    overflow:hidden;
    margin:0 5px 5px 0;
    height:135px;
}
#Home_pageView #CodeListCounts_pageBlock .listItemContainer .listItemContainerBorder:hover
{
    background-color: #dcc1ff !important;
    cursor:pointer;
    animation: listItemAnim 11s;
}

@keyframes listItemAnim
{
    0% {background-color:#eddfff !important;}
    50% {background-color:#00ff00 !important;}
    100% {background-color:#dcc1ff !important;}
}

#Home_pageView #CodeListCounts_pageBlock .listItemTitle
{
    border-color: #7700DD;
}


#Home_pageView #CodeListCounts_pageBlock .listItemRightContainer
{
    width: 50%;
    margin-left: 0px;
    margin-right: 0px;
}
#Home_pageView #CodeListCounts_pageBlock .listItemImageContainer
{
    border:1px solid #d0d0d0;
}
#Home_pageView #CodeListCounts_pageBlock .listItemImageContainer img
{
    float: left;
    max-width:100%;
    border:0px;
}
#Home_pageView #CodeListCounts_pageBlock .listItemCountContainer
{
    width: 50%;
    margin-left: 0px;
    margin-right: 0px;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option3 .listItemContainer, #Home_pageView #CodeListCountsCarousel_pageBlock .listContainer_Option3 .listItemContainer
{
    height:auto;
}
#Home_pageView #CodeListCounts_pageBlock .listContainer_Option3 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCountsCarousel_pageBlock .listContainer_Option3 .listItemContainer .listItemContainerBorder
{
    height:auto;
    min-height:160px;
    max-height:190px;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option3 .listItemRightContainer, #Home_pageView #CodeListCountsCarousel_pageBlock .listContainer_Option3 .listItemRightContainer
{
    overflow: auto;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option3 .listItemRightContainer .listItemImageContainer, #Home_pageView #CodeListCountsCarousel_pageBlock .listContainer_Option3 .listItemRightContainer .listItemImageContainer
{
    width: 90%;
    margin: 0px auto;
    border:0px;
    text-align:center;
}
#Home_pageView #CodeListCounts_pageBlock .listContainer_Option3 .listItemRightContainer .listItemImageContainer img, #Home_pageView #CodeListCountsCarousel_pageBlock .listContainer_Option3 .listItemRightContainer .listItemImageContainer img
{
    width:200px;
    float:none;
}
#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer
{
    height:auto;
    margin:0px;
    background:none;
}
#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder
{
    height:200px;
    text-align: center;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemImageContainer
{
    overflow: auto;
    border:0px;
}
#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemImageContainer img
{
    float:none;
    margin:5px auto 0px auto;
    border:0px;
}

#Home_pageView #CodeListCountsCarousel_pageBlock .listContainer .carousel
{
    margin-left:50px;
    margin-right:50px;
    width:auto;
}
#Home_pageView #CodeListCountsCarousel_pageBlock .Odd, #Home_pageView #CodeListCountsCarousel_pageBlock .Even
{
    background:none;
    border:0px;
}
#Home_pageView #CodeListCountsCarousel_pageBlock .listItemContainer
{
    float:left;
    height:110px;
    margin-top:0px;
    margin-bottom:0px;
    border-color:#7700DD;
    box-shadow: 2px 2px 3px 1px #959595;
    background:#eddfff;
}
#Home_pageView #CodeListCountsCarousel_pageBlock .listItemContainer:hover
{
    background:#dcc1ff;
}
#Home_pageView #CodeListCountsCarousel_pageBlock .listContainer_Option3 .listItemContainer
{
    height:170px;
}
#Home_pageView #CodeListCountsCarousel_pageBlock .listContainer_Option3 .listItemRightContainer .listItemImageContainer img
{
    width:150px;
}
#Home_pageView #CodeListCountsCarousel_pageBlock .listContainer_Option2 .listItemContainer
{
    height:180px;
}




#posdesc_pageBlock .RightJobBox .ApplyNowContainer .buttonsRight
{
    float:none !important;
}
#posdesc_pageBlock .RightJobBox .ApplyNowContainer .buttonsRight li
{
    float:none !important;
}
#posdesc_pageBlock .RightJobBox .ApplyNowContainer .buttonsRight a
{
    margin-top:5px;
    float:none !important;
    display:block !important;
    text-align:center;
}

#posdesc_pageBlock .posAlerts
{
    margin-top:10px;
}

#JobDescriptionMap_vacancyMap_pageBlockContainer
{
    border-bottom:0px;
    margin-top:10px;
}
#JobDescriptionMap_vacancyMap_pageBlock
{
    padding:0px;
}
#posdesc_pageBlock .miniMapButton
{
    text-align:center;
    font-weight:bold;
    margin-top:5px;
}
#posdesc_pageBlock #StarRatingBlock_pageBlock .formRow
{
    margin-left:auto;
    margin-right:auto;
    float:none;
}
#posdesc_pageBlock .possharing .addthis_toolbox
{
    width:130px;
    margin-left:auto;
    margin-right:auto;    
}
#posdesc_pageBlock ul.jobSum li .jobSumValue
{
    margin-right:0px;
}


#posdesc_pageBlock.BigMapVisible .LeftJobBox
{
    width:480px;
}


#Offer_Accepted_pageView #moviePlayerInnerContainer_wrapper
{
    margin:0px auto;
}

@media all and (min-width:1px) and (max-width:950px), all and (min-device-width:1px) and (max-device-width:950px)
{
    .page
    {
        margin: 0px;
        width: auto;
        min-width: 300px;
        border-radius: 0px;
    }
    .pageTop
    {
        border-radius: 0px;
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
    }
    .pageMiddle_Content
    {
        border-left-width: 0px;
        border-right-width: 0px;
    }
    .pageBottom
    {
        border-radius: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
    }
}


@media all and (min-width:1px) and (max-width:935px), all and (min-device-width:1px) and (max-device-width:935px)
{    
    #Home_pageView #CodeListCounts_pageBlock .listItemContainer 
    {
        width:50%;
    }
}



@media all and (min-width:800px) and (max-width:820px), all and (min-device-width:800px) and (max-device-width:820px), all and (min-width:1px) and (max-width:610px), all and (min-device-width:1px) and (max-device-width:610px)
{   
    #Home_pageView #CodeListCounts_pageBlock #homeMap
    {
        width:auto;
        float:none;
    } 
    #Home_pageView #CodeListCounts_pageBlock #homeMap img
    {
        margin-left:auto;
        margin-right:auto;
        width:406px;
        display:block;
    }
    #Home_pageView #CodeListCounts_pageBlock #homeMapBox
    {
        width:auto;
        float:none;
        overflow:auto;
    }
    #Home_pageView #CodeListCounts_pageBlock #homeMapBoxList
    {
        overflow:auto;
    }    
    #Home_pageView #CodeListCounts_pageBlock #homeMapBoxList li
    {
        float:left;
        margin-right:5px;
    }
    #Home_pageView #CodeListCounts_pageBlock #homeMapBoxList li a
    {
        margin-bottom:5px;
    }
}
@media all and (min-width:1px) and (max-width:800px), all and (min-device-width:1px) and (max-device-width:800px)
{
    .pageMiddle_Menu
    {
        float: none;
        width: auto;
        margin-bottom: 10px;
        background: url(menubar_background.png) top left repeat-x;
        background-size: 100% 100%;
    }
    .pageMiddle_Content
    {
        margin-right: 0px;
    }
    .pageMiddle_MenuButtons
    {
        display: block;
    }

    .pageMiddle_MenuBlock
    {
        padding: 10px;
        background: #ffffff;
    }
    .pageMiddle_MenuBlock_Hidden
    {
        display: none;
    }

    #quicksearch_pageBlock .pageBlockInner_FormBlock div.controlContainer
    {
        clear: left;
        width: 50%;
    }
    #quicksearch_pageBlock .pageBlockInner_FormBlock div.controlContainer .inputText
    {
        width: 100%;
    }
    .tooltip2_Outer
    {
        display: none;
    }
    
    #Home_pageView #CodeListCounts_pageBlock .listItemContainer 
    {
        width:33%;
    }
}

@media all and (min-width:1px) and (max-width:650px), all and (min-device-width:1px) and (max-device-width:650px)
{
    .pageTop_Banner
    {
        font-size: 0.9rem;
        abackground-image: url(orange_60.png);
        background-position: 10px 50%;
        padding-left: 150px;
    }
}
@media all and (min-width:1px) and (max-width:600px), all and (min-device-width:1px) and (max-device-width:600px)
{
    .pageBottom .optionsBlockContainer .optionsBlock
    {
        float: none;
        width: auto;
        margin-bottom: 5px;
    }
    .pageBottom .optionsBlockContainer .optionsBlockInner
    {
        width: auto;
    }
    
    
    div.posDescriptionContainer317 .LeftJobBox
    {
        float:none;
        width:auto;
        margin-left:0px;
        margin-right:0px;
    }
    
    div.posDescriptionContainer317 .RightJobBox
    {
        float:none;
        width:auto;
        margin-left:0px;
        margin-right:0px;
    }    
    
    div.posDescriptionContainer317 .LeftJobBox .ApplyNowContainer
    {
        display:none;
    }
    
    #Home_pageView #CodeListCounts_pageBlock .listItemContainer 
    {
        width:50%;
    }

}

@media all and (min-width:800px) and (max-width:950px), all and (min-device-width:800px) and (max-device-width:950px),  all and (min-width:1px) and (max-width:740px), all and (min-device-width:1px) and (max-device-width:740px)
{
    #posdesc_pageBlock.BigMapVisible .LeftJobBox .BigVacancyMap
    {
        width:auto;
    }
    #posdesc_pageBlock.BigMapVisible .LeftJobBox
    {
        float:none;
        width:auto;
        margin-left:0px;
        margin-right:0px;
    }
    
    #posdesc_pageBlock.BigMapVisible .RightJobBox
    {
        float:none;
        width:auto;
        margin-left:0px;
        margin-right:0px;
    }    
    
    #posdesc_pageBlock.BigMapVisible .LeftJobBox .ApplyNowContainer
    {
        display:none;
    }
}

@media all and (min-width:800px) and (max-width:900px), all and (min-device-width:800px) and (max-device-width:900px), all and (min-width:535px) and (max-width:700px), all and (min-device-width:535px) and (max-device-width:700px)
{    
    .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .controlContainer
    {
        width:30%;
    }
    .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small
    {
        width:300px;
    }
}

@media all and (min-width:1px) and (max-width:407px), all and (min-device-width:1px) and (max-device-width:407px)
{    
    .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .controlContainer
    {
        width:auto;
        margin-right:0px;
    }
}

@media all and (min-width:1px) and (max-width:550px), all and (min-device-width:1px) and (max-device-width:550px)
{
    .pageTop_Banner
    {
        font-size: 0.8rem;
        padding-left: 140px;
        abackground-image: url(orange_40.png);
        background-position: 10px 50%;
    }
}

@media all and (min-width:1px) and (max-width:535px), all and (min-device-width:1px) and (max-device-width:535px)
{
    .pageBlockInner_FormBlock div.labelContainer
    {
        text-align: left;
        width: auto;
    }
    .pageBlockInner_FormBlock div.controlContainer
    {
        clear: left;
    }
    .pageBlockInner_FormBlock div.controlError
    {
        float: left;
        margin-left: 0%;
        padding-left: 0px;
    }    
    .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small
    {
        width:auto;
        margin-left: 0px;
    }
    .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small
    {
        margin-left:0px;
        width:auto;
    }
}

@media all and (min-width:1px) and (max-width:500px), all and (min-device-width:1px) and (max-device-width:500px)
{
    .pageTop_Banner
    {
        font-size: 0.6rem;
        padding-left: 115px;
    }
}
@media all and (min-width:1px) and (max-width:475px), all and (min-device-width:1px) and (max-device-width:475px)
{
    #Home_pageView #CodeListCounts_pageBlock .listItemContainer
    {
        width: auto;
        float: none;
    }



    #posBrowser_ResultsGrid_pageBlock .rowContainer
    {
        width:auto;
        float:none;
        height:75px;
    }
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem
    {
        width:auto !important;
        float:none !important;
        height:60px !important;
        margin:4px !important;
    }
    #Application_Home_pageView #sectionslist_pageBlock .ulList div.ulListItemLabel
    {
        padding-top:15px !important;
    }
   
    .posListHover
    {
        display:none !important;
    }
    
    #Home_pageView #CodeListCounts_pageBlock #homeMap
    {
        display:none;
    } 
}

@media all and (min-width:1px) and (max-width:450px), all and (min-device-width:1px) and (max-device-width:450px)
{
    .pageTop_Banner
    {
        font-size: 0.6rem;
        padding-left: 115px;
    }
}

@media all and (min-width:1px) and (max-width:320px), all and (min-device-width:1px) and (max-device-width:320px)
{
    .pageTop_Banner
    {
        font-size: 0.5rem;
        padding-left: 105px;
    }
}



#onboardingTopContainer
{
    background: #f6f6f8;
    margin-bottom: 15px;
}

#onboardingTopContainer .onboardingMenuContainer
{
    overflow: auto;
    padding-bottom:10px;
    padding-left:5px;
}
#onboardingTopContainer .heading1
{
    padding:10px 5px 0px 5px;
}

#onboardingTopContainer .onboardingMenuContainer .menuItem
{
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    text-shadow: 0 1px 1px #FFFFFF;
    min-width:200px;
}
#onboardingTopContainer .onboardingMenuContainer .menuItem a
{
    color: #575656;
    text-decoration:none;
    display:block;
}
#onboardingTopContainer .onboardingMenuContainer .menuItemInner
{
    margin-right:5px;
    background: linear-gradient(to bottom, #f3f3f5, #e5e6e8); 
    border-bottom:1px solid #d3d1d2;
}
#onboardingTopContainer .onboardingMenuContainer .menuItem_selected .menuItemInner
{
    background: linear-gradient(to bottom, #485081, #2e3255); 
    text-shadow: none;
}
#onboardingTopContainer .onboardingMenuContainer .menuItem a
{
    background:url(arrow_off.png) center right no-repeat;
}
#onboardingTopContainer .onboardingMenuContainer .menuItem_selected a
{
    color: #FFFFFF;
    background:url(arrow_on.png) center right no-repeat;
}

#posSummaryBlock_pageBlock div.greenbox dt
{
    width:180px;
}

#posSummaryBlock_pageBlockContainer .PosMyWelcomePackSummaryValues
{
    overflow:auto;
}
#posSummaryBlock_pageBlockContainer .PosMyWelcomePackSummaryLinks {
    display: none;
}


.sectionsSummaryContainer
{
    background:#e0e0e0;
    padding:20px;
}

.sectionsSummaryContainer .sectionBox1
{
    
}
.sectionsSummaryContainer .sectionBox2
{
    overflow:auto;
}
.sectionsSummaryContainer .sectionBox3
{
    width:65%;
    background:#04003e url(sectionicon.png) 20px 20px no-repeat;
    border:1px solid #7700dd;
    color:#ffffff;
    float:left; 
    min-height:100px;
    border-radius:10px;
}
.sectionsSummaryContainer .sectionBox1.right .sectionBox3
{
    float:right;
}
.sectionsSummaryContainer .sectionBox4
{
    padding:10px 10px 10px 100px;      
}

.sectionsSummaryContainer .sectionLabel
{
    font-size:20px;
}
.sectionsSummaryContainer .sectionStatus
{
    margin-top:10px;
}

.sectionsSummaryContainer .sectionBoxConnector
{
    width:50%;
    margin:0px auto; 
}
.sectionsSummaryContainer .sectionBox1.left .sectionBoxConnector1
{
    border-left:5px solid #04003e;
    border-bottom:5px solid #04003e;
    height:25px;
}
.sectionsSummaryContainer .sectionBox1.left .sectionBoxConnector2
{
    border-right:5px solid #04003e;
    height:25px;
}
.sectionsSummaryContainer .sectionBox1.right .sectionBoxConnector1
{
    border-right:5px solid #04003e;
    border-bottom:5px solid #04003e;
    height:25px;
}
.sectionsSummaryContainer .sectionBox1.right .sectionBoxConnector2
{
    border-left:5px solid #04003e;
    height:25px;
}

.sectionsSummaryContainer .sectionBox3 .modal, .sectionsSummaryContainer .sectionBox3 .normal
{
    display:none;
}


#Application_Login_pageView #PageTitleBlock_pageBlockContainer .pageTitleHeaderContainerTab.activeTab .pageTitleHeaderContainer {
    background:#eddfff;
}




.profileListContainer{
    overflow:auto;
}
.profileContainer{
    float:left;
    width:50%;
}
.profileContainer2{
    border:1px solid #d0d0d0;
    margin:5px;
    padding:10px;
}
.profileContainer .profileContainer2:hover {
    cursor:pointer;
    background:#7700dd;
    color:#fff;
}
.profileContainer .profileName{
    font-weight:bold;    
    padding-bottom:10px;
}
.profileContainer .profileDetailContainer{
    overflow:auto;
}
.profileContainer .profileImage{
    float:left;
    width:128px;
    height:128px;
    border:1px solid #d0d0d0;
    background:#fff center center no-repeat;
    background-size:contain;
}
.profileContainer .profileDesc{
    margin-left:138px;
}


.ui-dialog .profilePopupDetailContainer {

}
.ui-dialog .profilePopupDetailImageContainer {
    border:1px solid #d0d0d0;
    height:580px;
    background:center center no-repeat;
    background-size:contain;
}

#Invader_pageBlock {
    text-align:center;
}

@media all and (min-width:1px) and (max-width:600px), all and (min-device-width:1px) and (max-device-width:600px) {
    .profileContainer {
        float: none;
        width: auto;
    }
}



@media all and (min-width:1px) and (max-width:585px), all and (min-device-width:1px) and (max-device-width:585px) 
{
    .sectionsSummaryContainer .sectionBox3 
    {
        width:95%;
    }
}


@media all and (min-width:1px) and (max-width:550px), all and (min-device-width:1px) and (max-device-width:550px)
{
    #posBrowser_ResultsGrid_pageBlock .createAlertsContainer
    {
        width:100%;
    }
    #posBrowser_ResultsGrid_pageBlock .createAlertsContainer .buttonsContainer .buttonAnchor
    {
        width:175px;
    }
}


@media all and (min-width:1px) and (max-width:910px), all and (min-device-width:1px) and (max-device-width:910px)
{
    #Offer_Accepted_pageView #moviePlayerInnerContainer_wrapper
    {
        width:480px !important;
        height:270px !important;
    }
}
@media all and (min-width:1px) and (max-width:550px), all and (min-device-width:1px) and (max-device-width:550px)
{
    #Offer_Accepted_pageView #moviePlayerInnerContainer_wrapper
    {
        width:320px !important;
        height:180px !important;
    }
}
@media all and (min-width:1px) and (max-width:350px), all and (min-device-width:1px) and (max-device-width:350px)
{
    #Offer_Accepted_pageView #moviePlayerInnerContainer_wrapper
    {
        width:260px !important;
        height:146px !important;
    }
}

@media all and (min-width:1px) and (max-width:480px), all and (min-device-width:1px) and (max-device-width:480px)
{
    #onboardingTopContainer .onboardingMenuContainer .menuItem
    {
        width:auto !important;
        float:none;
    }
}