.Page_Header
{    
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;    
    border-bottom:1px solid #DAA520;
    border-top:1px solid #DAA520;
    width:100%;
    height:42px;
    text-align:left;
    font-size:30px;
    padding-bottom:10px; 
    font-family:Calibri Light;
    color:#DAA520;
}
.Page_bredscrumb
{
    margin-bottom:22px; 
}
.Lead_In_Page
{
   margin-bottom:22px; 
}
/*#Winners .ui-widget-header
{
    background-color:Red;
}*/
/*#Winners .ui-widget-header
{
    background-color:Red;
}*/
.HeaderStyle
{
    background-color:Red;
}
.RecordsCountDD
{
    width:50px;
    height:27px;
    border:1px solid #eee;
    padding-top:4px;
    margin-left:2px; 
    z-index:2000;
    margin-top:3px;      
}
#Winners .SearchTextBox
{
    margin-top:3px;
    margin-right:5px;
    height:27px;
    
    -webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.2);
    -moz-box-shadow:    inset 0 4px 6px rgba(0,0,0,.2);
    box-shadow: inset 0 4px 6px rgba(0,0,0,.2);   
    -webkit-border-radius: 2px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */  
    -moz-border-radius: 2px; /* Firefox 1-3.6 */
    border-radius: 2px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    background-color:#f2f2f2;   
    border:0px;
    padding-left:10px;
    color:#404040;        
}
#Winners .ui-widget-header
{
    background-color:#f7f7f7;
    background-image:none;
}
#Winners .dataTables_wrapper .ui-toolbar
{
    padding:2px;    
}
.WinnerPicIcon
{
    margin:0px 10px 0px 10px;
    cursor:pointer;       
    text-align:center;
}
.WinnerVideoIcon
{
    margin:0px 10px 0px 10px;
    cursor:pointer;       
    text-align:center;
}
/*.modal-content
{
    width:97%;
}*/
body .modal {
  width: 790px; /* desired relative width */
  /*left: 5%;  (100%-width)/2 */
  /* place center */
  margin-left:auto;
  margin-right:auto; 
}
.table-responsive
{
    background-color:#f7f7f7;
    border:none;
}
.Allowance_Content
{
    font-family:Arial;
}
@media screen and (min-width:50px) and (max-width:370px)
{
    #example
    {
        width:1000px;
    }
    body .modal 
    {
      width: 300px;
    }  
    .Allowance_Content
    {
        padding-left:10px;
        padding-right:10px;
    }  
}

@media screen and (min-width:371px) and (max-width:767px)
{
    #example
    {
        width:1000px;
    }
    body .modal 
    {
      width: 300px;
    }   
    .Allowance_Content
    {
        padding-left:10px;
        padding-right:10px;
    } 
}

@media screen and (min-width:768px) and (max-width:991px)
{
    #example
    {
        width:1000px;
    }
    body .modal 
    {
      width: 600px;
    }
    .Allowance_Content
    {
        padding-left:10px;
        padding-right:10px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px)
{
    #example
    {
        width:100%;
    }
    body .modal 
    {
      width: 790px;
    }
    .Allowance_Content
    {
        padding-left:10px;
        padding-right:10px;
    }
}

@media screen and (min-width:1200px)
{
    #example
    {
        width:100%;
    }
    body .modal 
    {
      width: 790px;
    }
}
.Allowance_Content
{
    color:#404040;
    margin-top:20px;
    font-size:13px;
}