/*
*       Contact.css
*       2015/10/08
*********************************************/
/*@viewport{
    width: 320px;
    zoom: 1.0;
}
@-ms-viewport{
    width: 320px;
    zoom: 1.0;
}
@-o-viewport {
    width:320px;
    zoom:1.0;
}*/
/*
@media (orientation: landscape) { 
   body { 
     -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
     -o-transform: rotate(-90deg); 
     -ms-transform: rotate(-90deg); 
     transform: rotate(-90deg); 
   } 
} 
*/
html{margin:0;padding:0;}
body{position:relative;margin:0;padding:0;
    font-family: 'Lucida Sans', Verdana, Georgia, "Helvetica Neue", "Lucida Grande",
    "Segoe UI", Helvetica, sans-serif,Tahoma,Consolas;
    background-image:url(/Styles/Graphics/Print/Common/BackGround/Patterns/TexturedPaper.png);}
div.Main{ width: 1002px;margin: 0px auto 0px auto;}
div.TopMargin{height:8px;}
div.BottomMargin{height:8px;}
div.Container{border:1px solid #2a9fff;background-color: #f5f5f5;}
div.Wrapper{border:1px solid #2a9fff;margin:2px 2px 2px 2px;}

/*          Content                     Start
*********************************************/
div.ContentContainer{}
div.ContentWrapper{}
div.LocationContainer{color:rgb(0,103,56);}
div.LocationWrapper{width:604px;height:200px;position:relative;margin:0px auto 20px auto;}
div.LocationCaptions1Container{height:200px;display:table;margin:0 0 0 20px;}
div.LocationCaptions1Wrapper{display:table-cell;vertical-align:middle;}
div.LocationStreetAddress{}
div.LocationPhoneNumber{}
div.LocationFaxNumber{}
a.Location.GoogleMapsLink{display:block;}
a.Location.BingMapsLink{display:block;}
a.Location{color:#006633;cursor:pointer;}
a.Location:hover{color:#93bca9;}
a.Location:active{color:#b3dcc9;}
div.LocationBusinessHoursTitle{margin:10px 0 2px 0;text-decoration:underline;}
div.LocationBusinesHoursWeekdays{white-space:pre;}
div.LocationBusinessHoursWeekends{color:#e90f0f;white-space:pre;}
a.LocationGoogleMap1Link{}
img.LocationGoogleMap1{width:250px;height:200px;position:absolute;right:10px;top:0px;
    border: 1px solid #2a9fff;}
div.ContentTitleContainer{}
div.ContentTitleWrapper{background-color:#f5f5f5;}
div.ContentTitle1{text-align:center;font-size:30px;line-height:30px;color:rgb(0,103,56);}
/*div.ContentTitle1::before{content:"Send a Message to Westside Instaprint";}*/
div.ContentInputsContainer{width:604px;margin:0 auto 0 auto;}
div.ContentInputsWrapper{height:353px;position:relative;margin:0px auto 0px auto;
    border:1px solid rgb(0,103,56);white-space:nowrap;}
div.ContentInputContainer{margin:5px 0px 0px 0px;}
div.ContentInputContainer2{margin:0 0 0 0;}
div.ContentInputWrapper{white-space:nowrap;}
div.ContentInputWrapper2{width:256px;margin:0 18px 0 18px;
    border:3px solid rgba(147,188,169,1);padding:1px;white-space:nowrap;}
div.ContentInputWrapper3{width:556px;margin:0 18px 0 18px;
    border:3px solid rgba(147,188,169,1);padding:1px;white-space:nowrap;}
div.ContentInputLabel{padding:0 0 0 30px;}
input.ContentInputText{width:246px;height:32px;margin:0;
    border:0px;padding:0 0 0 10px;font-size:16px;}
div.ContentInputRequiredText1Container{margin:5px 0 0 0;}
div.ContentInputRequiredText1Wrapper{}
div.ContentInputLabelRequiredText1{padding:0 10px 0 0;font-size:14px;text-align:right;color:red;}
/*div.ContentInputLabel.RequiredText1::before{content:"(Only Message Field Required)";}*/
div.ContentColumn1Container{width:300px;display:inline-block;vertical-align:top;}
div.ContentColumn1Wrapper{}
div.ContentInputNameGroupContainer{margin:5px 0px 0px 0px;}
div.ContentInputNameGroupWrapper{white-space:nowrap;}
div.ContentInputLabelName{padding:0 0 0 30px;}
/*div.ContentInputLabel.Name::before{content:"Name";}*/
div.ContentInputNameContainer{}
div.ContentInputNameWrapper{width:256px;margin:0 18px 0 18px;
    border:3px solid rgba(147,188,169,1);padding:1px;white-space:nowrap;}
input.ContentInputTextName{width:246px;height:32px;margin:0;
    border:0px;padding:0 0 0 10px;font-size:16px;}
div.ContentInputSubjectGroupContainer{margin:5px 0px 0px 0px;}
div.ContentInputSubjectGroupWrapper{white-space:nowrap;}
div.ContentInputLabelSubject{padding:0 0 0 30px;}
/*div.ContentInputLabel.Subject::before{content:"Subject";}*/
div.ContentInputSubjectContainer{}
div.ContentInputSubjectWrapper{width:256px;margin:0 18px 0 18px;
    border:3px solid rgba(147,188,169,1);padding:1px;white-space:nowrap;}
input.ContentInputTextSubject{width:246px;height:32px;margin:0;
    border:0px;padding:0 0 0 10px;font-size:16px;}
div.ContentColumn2Container{width:300px;display:inline-block;vertical-align:top;}
div.ContentColumn2Wrapper{}
div.ContentInputEmailGroupContainer{margin:5px 0px 0px 0px;}
div.ContentInputEmailGroupWrapper{white-space:nowrap;}
div.ContentInputLabelEmail{padding:0 0 0 30px;color:#ff0000;}
/*div.ContentInputLabel.Email::before{content:"Email";}*/
div.ContentInputLabelEmail.Invalid{color:#ff0000;}
div.ContentInputLabelEmail.Invalid::before{content:"Email - invalid format";}
div.ContentInputEmailContainer{}
div.ContentInputEmailWrapper{width:256px;margin:0 18px 0 18px;
    border:3px solid rgba(147,188,169,1);padding:1px;white-space:nowrap;}
input.ContentInputTextEmail{width:246px;height:32px;margin:0;
    border:0px;padding:0 0 0 10px;font-size:16px;}
/*div.ContentInputLabel.Email::before{content:"Email";}*/
div.AndOrContainer{}
div.AndOrWrapper{height:0px;text-align:center;color:red;}
div.ContentInputPhoneGroupContainer{margin:5px 0px 0px 0px;}
div.ContentInputPhoneGroupWrapper{white-space:nowrap;}
div.ContentInputLabelPhone{padding:0 0 0 30px;color:#ff0000;}
div.ContentInputLabelPhone.Invalid{color:#ff0000;}
div.ContentInputLabelPhone.Invalid::before{content:"Phone - invalid format";}
/*div.ContentInputLabel.Phone::before{content:"Phone";}*/
div.ContentInputPhoneContainer{}
div.ContentInputPhoneWrapper{width:256px;margin:0 18px 0 18px;
    border:3px solid rgba(147,188,169,1);padding:1px;white-space:nowrap;}
input.ContentInputTextPhone{width:246px;height:32px;margin:0;
    border:0px;padding:0 0 0 10px;font-size:16px;}
/*div.ContentInputLabelPhone::before{content:"Phone";}*/
div.MessageRowContainer{}
div.MessageRowWrapper{}
div.ContentInputMessageGroupContainer{display:inline-block;margin:5px 0px 0px 0px;
    vertical-align:bottom;}
div.ContentInputWrapperGroupWrapper{}
/*div.ContentInputContainer.MessageGroup{display:inline-block;margin:5px 0px 0px 0px;
    vertical-align:bottom;}
div.ContentInputLabelMessage::before{color:#ff0000;}*/
div.ContentInputLabelMessage{padding:0 0 0 30px;color:#ff0000;vertical-align:top;}
/*div.ContentInputLabel.Message::before{content:"Message";}*/
div.ContentInputMessageContainer{}
div.ContentInputMessageWrapper{width:556px;margin:0 18px 0 18px;
    border:3px solid rgba(147,188,169,1);padding:1px;white-space:nowrap;}
textarea.ContentMessage{width:556px;height:100px;display:inline-block;margin:0;
    border:0;padding:0;line-height:32px;font-size:17px;font-weight:400;white-space:pre;
    font-family: "Helvetica Neue", "Lucida Grande",
    "Segoe UI", Arial, Helvetica, Verdana, sans-serif;}
div.ContentControlsContainer{position:absolute;top:290px;left:318px;}
div.ContentControlsWrapper{}
div.ContentInputSend1Container{display:inline-block;margin:10px 0 0 0;}
div.ContentInputSend1Wrapper{white-space:nowrap;}
button.ContentInputsSend1{height:32px;display:inline-block;margin:0;
    border:3px solid rgba(147,188,169,1);border-radius:5px;
    font-size:16px;cursor:pointer;}
/*button.ContentSend1::before{content:"Send Message";}*/
div.ContentInputClearTextContainer{display:inline-block;margin:10px 0 0 0;}
div.ContentInputClearTextWrapper{white-space:nowrap;}
button.ContentInputsClearText{height:32px;display:inline-block;margin:0 0 0 18px;
    border:3px solid rgba(147,188,169,1);border-radius:5px;
    font-size:16px;cursor:pointer;}
/*button.ContentInputsClearText::before{content:"Clear";}*/
div.ContentInputsBottomMargin{height:20px;}
/*          Content                       End
*********************************************/

/*                  Misc                Start
*********************************************/
button:hover{background-color:#dddddd;}
button:active{background-color:#bbbbbb;}
div.DisplayNone{display:none;}
input.DisplayNone{display:none;}

*:focus, *:active {
    outline: none !important;
    border: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    -o-transform: rotate(0);
}
*::-moz-focus-inner {
    border: none;
}
/*                  Misc                  End
*********************************************/