﻿.InterviewDetailPanel
{
    font-size:10pt;
}

.InterviewDetailPanelALT
{
    background-color: #E9E9E9;
}

.PanelBlock 
{
    width:442px;
    /*border-color: #0080FF;*/
}

.PanelBlockDiv
{
    margin: 2px; 
    display: inline-block ; 
    width:442px;
    vertical-align : top;
}

.PanelBlockDiv2x
{
    margin: 2px; 
    display: inline; 
    float: left;
    width:435px;
}

.PanelBlockDivSmall
{
    margin: 2px; 
    display: inline; 
    float: left;
}

.PanelBlockDiv3x
{
    margin: 2px; 
    display: inline; 
    float: left;
    width:290px;
}

.OptionsBottomMargin,
.OptionsCell
{
    margin-bottom: 2px;
}
.OptionsRightMarign
{
    margin-right: 2px;
}

.BackButton
{
    margin-top: -3px;
    margin-left: 0px;
    padding: 0px 0px 0px 0px;
    float: left ;
    vertical-align:central;
    text-align:left;
    position:absolute;
}

.FloatLeft
{
    padding: 0px 0px 0px 0px;
    display: inline; 
    float: left ;
    vertical-align:central;
    text-align:left;
}


.centerDisp {
  display: table;
  margin: auto;
}

.FloatRightDoneButton
{
    padding: 0px 5px 0px 0px;
    display: inline; 
    float: right ;
    vertical-align:bottom;
}

.FloatRight
{
    padding: 0px 0px 0px 0px;
    display: inline; 
    float: right ;
    vertical-align:bottom;
}

.NotVisable
{
    visibility: hidden;
}

.PanelBlockFullWidth
{
    width:886px;
    BorderColor="#0080FF";
}

.PanelBlockFullWidthDiv_FLOAT
{
    margin: 2px; 
    display: inline; 
    float: left; 
    width:886px;
}

.PanelBlockFullWidthDiv
{
    margin: 2px; 
    display: inline-block; 
    width:886px;
}

.PanelBlockMaxFullWidthDiv
{
    display: inline-block; 
    width:98%;
}

.PanelBlock1000Height
{
    height:1000px;
}
.cleardiv {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

@media screen and (max-width: 900px) 
{
    .PanelBlockFullWidth
    {
        width:98%;
    }    
    .PanelBlockFullWidthDiv
    {
        width:98%;
    }  
    .PanelBlockMaxFullWidthDiv
    {
        width:98%;
    }
    .LayoutCaptionStyleMine {
        min-width: 60% !important;
        width: 60% !important;
    }
}

@media screen and (max-width: 700px) 
{
    .PanelBlockFullWidth
    {
        width:98%;
    }      
    .PanelBlockFullWidthDiv
    {
        width:98%;
    } 
        .PanelBlockMaxFullWidthDiv
    {
        width:98%;
    }
    .PanelBlockDiv
    {
        width: 98%;
    }
}

@media screen and (max-width: 480px) 
{
    .PanelBlockFullWidth
    {
        width:98%;
    }      
    .PanelBlockFullWidthDiv
    {
        width:98%;
    }  
        .PanelBlockMaxFullWidthDiv
    {
        width:98%;
    }
    .PanelBlock 
    {
        width:98%;
    }    
    .PanelBlockDiv
    {
        width: 98%;
    }
    .PanelBlockDiv2x {
        width: 100%;
    }

}