body {
    width: 900px;
    /*background: url('https://www.vin.com/Images/VIN/PageBackground0.gif') repeat-x;*/
    background: #E9E9E9;
    margin-left:auto;
    margin-right:auto;
}

textarea { width: 100%; }

.multiPage {
    float: left;
    border: 1px solid #778899;
    padding: 10px;
    margin-left: -1px;
    margin-top:-4px; 
    background:#fff;
	width:879px;
}

.multiPage div {
    border-left: 0;
}

.multiPage h2 {
    margin: -10px -10px 10px -10px;
    padding: 10px;
}

.multiPage img {
    cursor: no-drop;
}

.infoDisplay {
    border: 1px solid #778899;
	overflow: auto;
	height: 50px;
}

.required {
    font-weight: bold;
}

.invisible {
    display: none;
}

.redDot {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.error-msg-hide {
    color: #a94442;
    display: none;
}

.error-msg-show {
    color: #a94442;
    display: inline;
}

.info-salutation {
    margin-bottom: 1rem;
}

.multiPage input[type="submit"] {
    cursor: pointer;
}

#contexthelp {
    margin-bottom: 10px;
}

.contexthelp {
    font-size: 12px;
    padding: 2px;
    margin-top: 1px;  
    min-height: 45px;
}

.VINAppHeader {
    height: 90px;
    margin-bottom: -26px;
    padding-bottom: 20px;
    background: url('/Global/Images/App/HeaderBackground.gif') repeat;
    border: 1px solid #002D66;
    border-bottom: 0;
}

.VINAppHeader .innertube {
    border-top: 4px solid #778899;
}

.VINAppHeader .Title {
    color: #002D66;
    font-size: 1.6em;
    font-weight: bold;
    font-family:Verdana;    
    line-height: 2.1em;
}

.HeaderLogo {
    width: 222px;
    height: 70px;
    vertical-align: bottom;
    border: 0;
}

div.school {
    padding: 10px;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}

iframe {
    border: 0;
    height: 330px;
    overflow: visible;
    margin:20px;
    width: 800px;
}

iframe.LoginInfoIframe {
    height: 1080px;
}


iframe body {
    background: #fff;
}

div.postGrad h4 {    
    background-color: #F2F2F8;
    display: block;    
    padding: 3px 3px 3px 10px;
    border: 1px solid #778899;
    margin-left: -5px;
    left: -1px;
    border-left: 0;
    margin-right: -5px;
}

div.postGrad table {    
    padding: 10px 0;
    width: 100%;
}

div.postGrad td {
    white-space: nowrap;
    padding: 0 10px 0;
}

div.postGrad td:first-of-type {
    width: 100%;
}

div.footer {
    background: url('/Global/Images/App/FooterOffbg.gif') repeat-x;
    padding: 0;
    width: 100%;
}

div.footer .footerLinks {
    float:right; 
    background: url('/Global/Images/App/FooterOffbg2.gif') #E7E9EA repeat-x; 
    padding: 4px;
}

div.footer .footerLinks a {
    color:#778899;
    text-decoration:none;
    padding:4px;
    padding-top:0;
    border-right:2px solid transparent;
    -moz-border-image: url(/Global/Images/App/ooterOffLinkBorder.gif) 0 14 0 14 stretch; /* Old Firefox */
    -webkit-border-image: url(/Global/Images/App/FooterOffLinkBorder.gif) 0 14 0 14 stretch; /* Safari */
    -o-border-image: url(/Global/Images/App/FooterOffLinkBorder.gif) 0 14 0 14 stretch; /* Opera */
    border-image: url(/Global/Images/App/FooterOffLinkBorder.gif) 0 14 0 14 stretch;
}

div.footer .footerLinks a:last-of-type {
    border: 0px;
}
div.footer .footerLinks a:hover {
    color: #002D66;
}


.Copyright {
    color:#778899;
}

.stop-scrolling {
    height:100%;
    overflow:hidden;
}

.multiPage input[disabled="disabled"] {
    cursor:default;
    border: 1px solid #BBBBBB;
    color: #666666;
}


.requiredMarker {
    color:red; 
    font-weight:bold; 
    font-size: 1.2em; 
    cursor:help;
}

hr {
    border:0; 
    color:#EBEBEB; 
    background-color: #EBEBEB;
    margin: 10px 0;
}

select {
    padding:2px;
}

.school table td {
    line-height: 1.6;
    padding: 1px 20px 1px 0;
}

a.vspnHelpLink:link, a.vspnHelpLink:visited {
    color: #fff;
}
.vspnHelpLink {
    background: none repeat scroll 0 0 #1a719b;
    border: 1px solid #575757;
    box-shadow: 2px 2px 2px #888888;
    color: #fff;
    display: inline-block;
    font-size: 0.75em;
    margin-left: 4px;
    padding: 1px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    width: 65px;
}

@media screen and (max-width: 800px) {
	body, form, html {
		overflow-x: hidden;
	}
    body {
     	width:100%
    }
    .multiPage {
      	width:100%;
    }
    .VIN-logo {
        display:none;
    }
	.VINAppHeader .Title {
		font-size: 1.48em;
	}
	.multiPage {
		width:97%;
	}
	
	#ContentBody_MemberName_FirstNameFld, #ContentBody_MemberName_MIFld, #ContentBody_MemberName_LastNameFld {
		max-width: 75px;
	}
	#ContentBody_MemberName_MIFld {
		max-width: 65px;
	}
		
	#ContentBody_ContactAddressHome_CityFld, #ContentBody_ContactAddressHome_AdditionalDeliveryInfoFld, #ContentBody_ContactAddressHome_ZipFld {
		max-width: 80px;
	}
	#ContentBody_PersonalInfo_SourceFld {
		max-width: 170px;
	}
	#ContentBody_ContactAddressHome_StateFld {
		max-width:102px; 
	}
	#ContentBody_VetDegree_CountryFld {
		max-width: 81%;
	}
	#ContentBody_VetDegree_SchoolFld {
		max-width: 58%;
	}
	#ContentBody_PersonalInfo_OtherSourceFld {
		max-width: 150px;
	}
	#ContentBody_Personal input {
		max-width: 69%;
	}
	#ContentBody_AppTypeRBL div {
		margin-left: -17px!important;
		width: 318px!important;
		font-size: 11px!important;
	}
	#ContentBody_BillingInfoCtrl_GroupInfoFld {
		max-width: 90%;
	}	
	#ContentBody_PersonalInfo_AboutMeFld {
		max-width: 80%;
	}
	#ContentBody_secureCC {
		width:100%;
		margin: 0;
	}
	#ContentBody_WorkAddress_AddressInfo input, #ContentBody_HomeAddress_AddressInfo input {
		max-width: 200px; 
	}
	#ContentBody_ContactInfo td {
		display: -webkit-inline-box;
	}
	#ContentBody_EmailAddressStudent_EmailFld, #ContentBody_EmailAddressContent_EmailFld, #ContentBody_EmailAddress_EmailFld, #ContentBody_EmailAddress1_EmailFld { 
	    width: 300px!important;
	}
	#ContentBody_PostGrad table td {
		vertical-align: bottom;
	}
    #ContentBody_EmailTB {
        max-width: 300px; 
    }
	.Medium {
		vertical-align: bottom;
	}
	.school table td {
		line-height: 1.6;
		padding: 1px 0 1px 0;
		vertical-align: bottom;
		max-width: 110px;
	}
	.school table:first-child tr:first-child td:first-child {
		max-width: 125px;
	}
	.school table:first-child td:nth-child(2) {
		max-width: 306px;;
	}
	.school table {
		margin-left: -10px; 
	}
	.HeaderLogo { 
	    width: 130px;
		height: auto;
	}
	.VSPNHeaderLogo { 
	    width: 110px;
		height: auto;
	}	
	.NextPrev {
		margin-top:20px;
	}
	div.school {
		width: 92%;
	}
	select {
		padding:0;
	}
	textarea {
		width:90%
	}
		
}

@media screen and (max-width: 320px) {
	.VINAppHeader .Title {
		font-size: 1.2em;
	}
}

.header-left-pane {
    float: left;
    margin-left: 4px;
}

.header-middle-pane {
    display: inline-block;
    padding: 4px;
}

.header-right-pane {
    float: right;
    margin-right: 4px;
}

@media screen and (max-width: 800px) {
    .header-left-pane {
        display: none;
    }

    .header-right-pane {
        display: none;
    }
}