.ie8 .globaltable {  width:750px; }
.ie8 .screener {  width:725px; }
.ie8 .logo {  width:700px; }
.clearfix 
{
    clear:both;
    height:1px;
    line-height:0;
}
img { border: none;  }

BODY { 
    background:#c4d8a5 url(../../content/images/IO_bg.jpg) repeat-y ;
    background-position:top center;
    height:100%;    
}

.normaltext
{
    font-family:Arial;
    font-size:11pt;
    color:#000000;
}

.generaldetails
{
    font-family:Arial;
    font-size:10pt;
    color:#000000;
}

.normaltextlarge
{
    font-size:12pt;
    color:#000000;
}

.bold
{
    font-weight:bold;
}

.boldlarge
{
    font-size:12pt;
    font-weight:bold;
}
#header 
{ 
    background : url(../../content/images/IO_header_bg.jpg) repeat-x ;
    height : 94px ;
    width : 100% ;
}
.wrap 
{ 
    width:900px;
    margin:0 auto;
}

#logo 
{ 
    float:left;
}

.footer 
{ 
    height:15px;
    width:830px;
    display:block;
    margin:0auto;
    clear:both;
    background:url(../../content/images/IO_footer_bg.jpg)repeat-x;
}

.headerrow
{
    background-image: url(../../App_Themes/SAMS/Images/TableHeaderBackground.png);
}

.FieldTextBoxMedium
{
    font-family: Arial;
    font-size: 9pt;
    width: 17em;
}


.FieldTextBoxMediumLong
{
    font-family: Arial;
    font-size: 9pt;
    width: 30em;
}


.FieldTextBoxLong
{
    font-family: Arial;
    font-size: 9pt;
    width: 40em;
}

.FieldTextBoxShort
{
    font-family: Arial;
    font-size: 9pt;
    width: 10em;
}

.FieldTextBoxShorter
{
    font-family: Arial;
    font-size: 9pt;
    width: 6em;
}

.FieldTextBoxTiny
{
    font-family: Arial;
    font-size: 9pt;
    width: 2em;
}

.Details2
{
    background: #FAFAFA; /* Old browsers */
    background: -moz-linear-gradient(top, #FAFAFA 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FAFAFA 0%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FAFAFA 0%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #FAFAFA 0%,#ffffff 100%); /* W3C */
}

.DetailsHeader
{
    padding:2px 2px 2px 2px;
    font-size:11pt;
    font-weight:normal;
    border-bottom: 1px solid #CECECE;
    background: #EBECED; /* Old browsers */
    background: -moz-linear-gradient(bottom, #EBECED 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#EBECED), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #EBECED 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, #EBECED 0%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(bottom, #EBECED 0%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EBECED',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(bottom, #EBECED 0%,#ffffff 100%); /* W3C */
}

.W9
{
    padding:2px 2px 2px 2px;
    font-weight:normal;
    border-style:solid; 
    border-color:red; 
    border-width:1px;
    background: #EBECED; /* Old browsers */
    background: -moz-linear-gradient(bottom, #EBECED 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#EBECED), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #EBECED 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, #EBECED 0%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(bottom, #EBECED 0%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EBECED',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(bottom, #EBECED 0%,#ffffff 100%); /* W3C */
}

#dvCancelledClose h3 {
    font-size: 12pt!important;
}
#dvCancelledClose p {
    font-size: 10pt!important;
    line-height: 1.5em;
    min-height: 400px;
}

.print-logo {
    display:none;
}

/* ========================== Mobile Friendly Conversion ======================================== */
#pnlUpdate { width: 100%; }
.mainContainer { width: 750px; }
.mainContainer .DefaultLabel { padding: 5px 5px 15px 5px; display:block; }
.mainContainer #tblUpdate { width: 99%;  }
.mainContainer #tblUpdate table { width: 100%; display: block; }
.ie8 .mainContainer #tblUpdate table td, 
.ie9 .mainContainer #tblUpdate table td { width: 0%!important; }
.ie8 .mainContainer #tblUpdate table td:nth-child(1),
.ie9 .mainContainer #tblUpdate table td:nth-child(1) { width: 43%!important; }
.mainContainer #tblUpdate table td { width: 1%!important; }
.footerupdate { display:block; margin-top:40px; padding: 0 5px; }
.mainform { min-width: 730px; }
tbody { display:block; }

@media all and (max-width:750px) {

    .mainContainer { width: 100%; }
    .DefaultLabel { font-family:Georgia, Verdana, Arial!important; font-size: 16px!important; padding: 5px 5px 10px 5px; display:block;}
    table { width:100%; }
    /*table td:nth-child(1) { width: 25%!important; }
    table td:nth-child(1) { width: 0%!important; }*/
    table td:nth-child(2) { width: 75%!important; }
    input[type=text] { display:block;width: 90%!important; padding: 5px!important; font-size:14px; }
    input[type=text]:focus { border:solid 1px #A4C9E3;  box-shadow: 0 0 1px #000; }
    .footerupdate { padding: 0 5px; }    
}

@media all and (max-width:480px) {

    .mainContainer { width: 100%; }
    #pgid2735 { padding: 0 5px; }    
    .DefaultLabel { font-family:Georgia, Verdana, Arial!important; font-size: 16px!important; padding: 5px 5px 10px 5px; display:block;}
    .FormFieldLabel { font-family:Georgia, Verdana, Arial!important; font-size: 14px!important;}
    #tblUpdate table { width:100%; }
    /*#tblUpdate table td:nth-child(1) { width: 25%!important; }
    #tblUpdate table td:nth-child(1) { width: 0%!important; }*/
    #tblUpdate table td:nth-child(2) { width: 75%!important; }
    #tblUpdate input[type=text] { display:block;width: 90%!important; padding: 5px!important; font-size:14px;  }
    #tblUpdate input[type=text]:focus { border:solid 1px #A4C9E3;  box-shadow: 0 0 1px #000; }
    #tblUpdate input[type=submit] { display:block; width: 100%; padding: 5px!important; font-size: 16px; font-weight: bold; }
    .footerupdate { padding: 0 5px; }
    .footerupdate .logo2 {
        float:left;
        display:block;
        text-align:center;
    }
    .footerupdate .logo2 img {                
        margin:0 auto;
    }
    .footerupdate .textcopy {
        clear:both;
        float:left;
        display:block;
        text-align:left;
        padding: 5px;
        width: 100%;
    }
    .footerupdate .textcopy p {
        font-family: Georgia, Verdana, Arial!important;
        font-size: 16px!important;
    }
    .footerupdate .textcopy a {
        display:block;
        text-align:left;
        font-family: Georgia, Verdana, Arial!important;
        font-size: 16px!important;
        padding-top:5px;
    }
    .mainform { min-width: 470px; }  
}

@media all and (max-width:320px) {
    .mainContainer { width: 100%; }
    #pgid2735 { padding: 0 5px; }    
    .DefaultLabel { font-family:Georgia, Verdana, Arial!important; font-size: 16px!important; padding: 5px 5px 10px 5px; display:block; }
    .FormFieldLabel { font-family:Georgia, Verdana, Arial!important; font-size: 14px!important;}
    table { width:100%; }
    /*#tblUpdate table td:nth-child(1) { width: 25%!important; }*/
    #tblUpdate table td:nth-child(1) { width: 0%!important; }
    #tblUpdate table td:nth-child(2) { width: 75%!important; }
    #tblUpdate input[type=text] { display:block;width: 90%!important; padding: 5px!important; font-size:14px; }
    #tblUpdate input[type=text]:focus { border:solid 1px #A4C9E3; box-shadow: 0 0 1px #000; }
    #tblUpdate input[type=submit] { display:block; width: 100%; padding: 5px!important; font-size: 16px; font-weight: bold; }
    .footerupdate { padding: 0 5px; }
    .footerupdate .logo2 {
        float:left;
        display:block;
        text-align:center;        
    }
    .footerupdate .logo2 img {                
        margin:0 auto;
    }
    .footerupdate .textcopy {
        clear:both;
        float:left;
        display:block;
        text-align:left;
        padding: 5px;
        width: 100%;
    }
    .footerupdate .textcopy p {
        font-family: Georgia, Verdana, Arial!important;
        font-size: 16px!important;
    }
    .footerupdate .textcopy a {
        display:block;
        text-align:left;
        font-family: Georgia, Verdana, Arial!important;
        font-size: 16px!important;
        padding-top:5px;
    }
    .mainform { min-width: 310px; }
}

.HideLabel {
    display: none;
}


@page { size: 8.5in 11in; margin: 2cm; }
@media print {        
    body {
        width: 100%; 
        color: #000!important;        
        font-size: 10pt;
        line-height:150%;
        background-color: #fff;
        margin:0;
        padding:0;
        border:0;
    }

    br {
        line-height:1em;
        padding:0!important;
        margin:0!important;
    }

    #pnlActionPanel br,
    .detEvent br
    .generaldetails br {
        display:none;
    }

    p, table { display: block; page-break-after: auto; }
        
    .print-logo {
        width:247px;
        height:63px;
        margin:0;
        padding:0;
        display:block!important;
    }
    #header {
        display:none;
    }    
    table.logo {
        display:none;
    }
    #pnlButtons {
        display:none;
    }
}


.supplier-748 {
	color: rgb(0, 0, 0) !important; font-size: 14px;
}
.supplier-748 {
	background-color: #c4d8a5;
}

.submit-btn {
	border-width: 1px; border-style: solid; padding: 0.25em 1em; border-radius: 3px; font-size: 1em; display: inline-block; cursor: pointer; -ms-zoom: 1; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;
}

/*Direction Button For Confirmation.aspx*/ 
.trNewDirectionButton .DirectionParkingButton {
    background-color:#75AD23;
    border: 0;
    border-radius:5px;
    margin-left:80px;
    cursor:pointer;
    padding:15px 10px 15px 8px;       
    }
.trNewDirectionButton .DirectionParkingImage {
    height:27px;
    width:27px;
    padding:7px 0px 7px 0px;
    vertical-align: middle;
}  
.trNewDirectionButton strong {
    padding:2px;
    }


#header .wrap{
    width: 775px;
    height: 100%;
}
#header .wrap #logo{
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    height: 100%;
}

#header .wrap #iLogoHead{
    margin-top: 0 !important;
    width: 100% !important;
    height: 25px !important;
}

#iFooterLogo{
    height: 20px;
}