h1, h2, h3, h4 {margin: 0;}

html {background-color: #333;}

body {margin: 0; padding: 0; border: 0; font-family: helvetica, arial, sans-serif; font-size: small; color: #666;}

* {-webkit-text-size-adjust: none;}

a, a:visited {color: #FF8500; text-decoration: none;}
a:focus, a:active, a:hover {text-decoration: underline;}

/* Horizontal needs*/
/*.iPhone *:before {content: "iphone";}
.iPhone.fullscreen *:before {content: "fullscreen";}
.iPhone.landscape *:before {content: "landscape";}
*/

.page {width: 420px; min-height: 238px;}
  
.iPhone .page {-webkit-transition-duration: 1.25s; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
.iPhone #busCardPIndex.flip #busCardP1 {-webkit-transform: perspective(1000) rotateX(180deg);}
.iPhone #busCardPIndex #busCardP2 {-webkit-transform: perspective(1000) rotateX(180deg);}
.iPhone #busCardPIndex.flip #busCardP2 {-webkit-transform: perspective(1000) rotateX(360deg);}
.iPhone #busCardP2 .pTab {-webkit-transform: perspective(1000) rotateX(0deg);}

/*@media all and (orientation:portrait) {*/
    /*.iPhone.portrait #busCardFrame {-webkit-transform: rotate(90deg) translateX(268px) translateY(-63px);
     -webkit-transform-origin-x: 258px;
     -webkit-transform-origin-y: 0px;}*/
    /*
.iPhone.normalscreen #busCardFrame {min-width: 400px; min-height: 420px; margin-right: 10px; overflow: hidden;}
.iPhone.normalscreen .page {width: 360px; min-height: 238px; margin-left: 0px;}
.iPhone.fullscreen #busCardFrame {width: 440px; min-height: 310px; margin-right: 10px; overflow: hidden;}
.iPhone.fullscreen .page {width: 400px; min-height: 238px; margin-left: 0px;}
.iPhone #busCardPIndex {position: relative; display: block;}
}

@media all and (orientation:landscape) {
.iPhone.normalscreen #busCardFrame {width: 480px; min-height: 260px;}
.iPhone.normalscreen .page {width: 420px; min-height: 178px;}
.iPhone.fullscreen #busCardFrame {width: 480px; min-height: 300px; overflow: hidden;}
.iPhone.fullscreen .page {width: 420px; min-height: 218px;}
}*/

.pIndex, .page, .infoGet {list-style-type: none; margin: 0; padding: 0;}
.page {background: #fff url(images/pageBack.png) left bottom no-repeat; padding: 20px 20px 42px; margin: 10px; position: relative;}
.page:after {content: "."; height: 0; width: 0; visibility: hidden; display: block; clear: both;}
    
.pTab {width: 32px; height: 32px; position: absolute; bottom: 0; right: 0;}
.pTab a {display: block; width: 32px; height: 32px; text-align: left; text-indent: -999em; outline: none; overflow: hidden; background: url(images/cornerUpturned.png); border: 0 !important;}

.head {font-size: medium; color: #4C77BB; font-weight: bold; margin: 0 0 20px;}
.head .headline {color: #999; font-style: italic; font-size: small; display: block;}
#busCardHeadP2 {margin-bottom: 10px;}

#busCardAvatarP1 {float: right; margin: 0 0 0 20px; display: inline;}
.iPhone.normalscreen #busCardAvatarP1 {height: 107px;}

#contactInfoDisplayP1 {margin: 0 0 0 10px; padding: 0; list-style-type: none;}
#contactInfoDisplayP1 li {margin: 0 0 10px;}

.download {margin-bottom: 10px;}
.download a {font-weight: bold;}

.qrcode {float: right; margin: 0 0 0 20px; display: inline;}
.qrcode img {display: block; height: 220px;}
.iPhone.normalscreen .qrcode img {height: 180px;}

#emailSMSFormHolder {}
.formSection {padding: 1px 0; border: 0; margin: 0 0 10px;}
.field {}
.collapse {margin: 5px 0 0 20px;}
.disclaimer {display: none;}

#fieldSMSCarrier .labelBefore {display: none;}
#fieldSMSCarrier .labelAfter {font-size: x-small; color: #ff8500;}

input[type="text"] {
    font-size: 1.4em; width: 140px; display: inline-block; margin: 5px 0;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.1) inset;
    -ms-box-shadow: 3px 3px 3px rgba(0,0,0,.1) inset;
    -o-box-shadow: 3px 3px 3px rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.1) inset;
    box-shadow: 3px 3px 3px rgba(0,0,0,.1) inset;
    border: 1px solid #ccc;
    padding: 0 5px;
}
input[type="checkbox"] {margin-left: 0; margin-right: 7px;}
#smsCarrierATT {margin-left: 0;}

.error {display: block; margin-top: 5px; color: red; font-style: italic;}
.error.required {display: none;}

.defaultInput {color: #999;}

.formButtons {margin-top: 10px;}

.inError {color: red;}

#phoneNumberObfuscated img {border: 0;}

.posRel {position: relative;}
.posAbs {position: absolute;}
.hidden {display: none;}

/*.qrcode {margin-top: -15px;}*/

@media all and (orientation:portrait) /*and (orientation: portrait;)*/ {
    .page {
        width: 260px;
        min-height: 330px;
    }
    #busCardAvatarP1 {
        width: 200px !important; 
        height: 200px !important; 
        display: block;
        margin: 0 auto;
        float: none;
        margin-bottom: 20px;
    }
    .qrcode {
        float: none;
        margin: 0 auto;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .qrcode img {
        float: none;
        display: inline-block;
        margin: 0 auto;
        width: 200px !important; 
        height: 200px !important;
    }
}