body {
    font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;
    min-width:960px;
    display:block;
    font-size:14px;
    min-height:800px;
    margin:0px;
    padding:0px;
    text-align:center;
}

body.mainPage {
    background-color:#231b31;
}

body.helpPage {
    background-color:#a6987f; 
}

body.tosPage {
    background-color:#a6987f; 
}

iframe { 
    /* fix for tweet button */
    vertical-align: top; 
}

img {
    border: none;
}

#content {
    width:100%;
    margin:0px auto;
    text-align:center;
    padding: 1px 15px;
    min-height: 500px;
}



#bottombar {
    text-align: center;
    color: white;
    font-size:12px;
    line-height:18px;
    margin:20px 0px;
    text-shadow: 1px 1px 1px #333;
}

#bottombar a {
    cursor: pointer;
    text-decoration: none;
    color: white;
}

#bottombar a:hover {
    text-decoration: none;
}

#bottombar a:visited {
    color: white;
}

#faq {
  margin:0px 20px; 
  color:#333; 
  font-size:13px;
  overflow: auto;
}

#faq div {
    margin:20px 0px;
}

/* Decks */

.mat {
    width:757px; 
    height:600px; 
    float:left;
}

.matParchment {
    background-image: url(/img/web/parchment_tall.png); 
    width:380px; 
    height:470px; 
    position: absolute; 
    top:15px; 
    left:370px; 
    z-index:20;
}


/* NV Deck */

body.submissionPageNV {
    background-color:#231b31;
}

.matNVLeft {
    background-image: url(/img/web/mat_nv_left_teller.png); 
    width:70px; 
    height:600px; 
    float:left;
}

.matNVTop {
    background-image: url(/img/web/mat_nv_top.png); 
    width:757px; 
    height:50px;
}

.matNVContent {
    background-image: url(/img/web/mat_nv.jpg); 
    width:757px; 
    height:500px; 
    position:relative;
}

.matNVPrev {
    background-image: url(/img/web/mat_nv_prev.png); 
    width:70px; 
    height:90px; 
    position: absolute; 
    top:200px; 
    left:-90px; 
    z-index:30; 
    cursor:pointer; 
    display:none;
}

.matNVNext {
    background-image: url(/img/web/mat_nv_next.png); 
    width:70px; 
    height:90px; 
    position: absolute; 
    top:200px; 
    left:780px; 
    z-index:30; 
    cursor:pointer; 
    display:none;
}

.matNVParchment {
    background-image: url(/img/web/parchment_tall.png); 
    width:380px; 
    height:470px; 
    position: absolute; 
    top:15px; 
    left:370px; 
    z-index:20;
}

.matNVBottom {
    background-image: url(/img/web/mat_nv_bottom_teller.png); 
    width:757px; 
    height:50px;
}

.matNVRight {
    background-image: url(/img/web/mat_nv_right.png); 
    width:70px; 
    height:600px; 
    float:left;
}

/* C Deck */

body.submissionPageC {
    background-color:#1b2c16;
}

.matCLeft {
    background-image: url(/img/web/mat_c_left_teller.png); 
    width:70px; 
    height:600px; 
    float:left;
}

.matC {
    width:757px; 
    height:600px; 
    float:left;
}

.matCTop {
    background-image: url(/img/web/mat_c_top.png); 
    width:757px; 
    height:50px;
}

.matCContent {
    background-image: url(/img/web/mat_c.jpg); 
    width:757px; 
    height:500px; 
    position:relative;
}

.matCPrev {
    background-image: url(/img/web/mat_c_prev.png); 
    width:70px; 
    height:90px; 
    position: absolute; 
    top:200px; 
    left:-90px; 
    z-index:30; 
    cursor:pointer; 
    display:none;
}

.matCNext {
    background-image: url(/img/web/mat_c_next.png); 
    width:70px; 
    height:90px; 
    position: absolute; 
    top:200px; 
    left:780px; 
    z-index:30; 
    cursor:pointer; 
    display:none;
}

.matCBottom {
    background-image: url(/img/web/mat_c_bottom_teller.png); 
    width:757px; 
    height:50px;
}

.matCRight {
    background-image: url(/img/web/mat_c_right.png); 
    width:70px; 
    height:600px; 
    float:left;
}

/* DM Deck */

body.submissionPageDM {
    background-color:#0b1a37;
}

.matDMLeft {
    background-image: url(/img/web/mat_dm_left_teller.png); 
    width:70px; 
    height:600px; 
    float:left;
}

.matDMTop {
    background-image: url(/img/web/mat_dm_top.png); 
    width:757px; 
    height:50px;
}

.matDMContent {
    background-image: url(/img/web/mat_dm.jpg); 
    width:757px; 
    height:500px; 
    position:relative;
}

.matDMPrev {
    background-image: url(/img/web/mat_dm_prev.png); 
    width:70px; 
    height:90px; 
    position: absolute; 
    top:200px; 
    left:-90px; 
    z-index:30; 
    cursor:pointer; 
    display:none;
}

.matDMNext {
    background-image: url(/img/web/mat_dm_next.png); 
    width:70px; 
    height:90px; 
    position: absolute; 
    top:200px; 
    left:780px; 
    z-index:30; 
    cursor:pointer; 
    display:none;
}

.matDMBottom {
    background-image: url(/img/web/mat_dm_bottom_teller.png); 
    width:757px; 
    height:50px;
}

.matDMRight {
    background-image: url(/img/web/mat_dm_right.png); 
    width:70px; 
    height:600px; 
    float:left;
}

































#iphonescreens {
    margin:0px;
    padding:0px;
    list-style: none;
}

#iphonescreens li {
    margin:0px;
    padding:0px;
}

#iphonescreens li img {
    width:215px;
}

#fortuneimages {
    margin:0px;
    padding:0px;
    list-style: none;
}

#fortuneimages li {
    margin:0px;
    padding:0px;
}

#fortuneimages li img {
    box-shadow: 5px 0px 5px #999; 
    width: 590px; 
    height: 590px; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
}

#facebooksocial {
    margin:20px 0px; 
    text-align:center; 
    background-color: #eeeee6;
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    width: 700px;
    padding: 20px;
    margin-left: 130px;
}

h1 {
    margin: 5px 0px;
    font-size:26px; font-weight:bold;
}

h1.blue {
    color:#698db2;
}

h2 {
    margin: 5px 0px;
    font-size:24px; font-weight:bold;
}

h2.blue {
    color:#698db2;
}

h4 {
    margin: 5px 0px;
    font-size:14px; font-weight:bold;
}

.grayText {
    color:#666;
}



#topbar {
    text-align: right;
    color:white;
    font-size:14px;
    line-height: 8px;
    margin-bottom: 39px;
}

#topbar a {
    color: white;
    cursor: pointer;
    text-decoration: none;
}

#topbar a:visited {
    color: white;
}

#homemiddle {
    color:white;
    font-size:14px;
    padding-top:14px;
}

#innermiddle {
    color:black;
    font-size:14px;
}



#iphonescreensholder {
    position:absolute; 
    top: 78px;
    left: 24px;
    background-image: url('/img/ss/ss01.jpg'); 
    background-repeat: no-repeat no-repeat; 
    height:370px;
    width:215px;
}



.x-rating {
    float:left;
    border-radius: 3px;
    padding: 0px 5px;
    color: white;
    text-align:center;
    margin-right:5px;
}


.user-image-50 {
    width: 50px;
    height: 50px;
    border:none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.user-image-30 {
    width: 30px;
    height: 30px;
    border:none;
    border-radius: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


#tray-left {
    float:left; 
    width:13px; 
    height:645px; 
    background-image:url('/img/tray-left.png'); 
    background-repeat:no-repeat;
}

#tray-right {
    float:left; 
    width:13px; 
    height:645px; 
    background-image:url('/img/tray-right.png'); 
    background-repeat:no-repeat;
}

#tray {
    float:left; 
    width:990px; 
    height:645px; 
    background-image:url('/img/tray-back.png'); 
    background-repeat:repeat-x;
}

#tray-inner {
    background-color:white; 
    margin:25px 15px; 
    width:960px; 
    height:590px; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
}

#fortuneimageholder {
    float:left; 
    width:590px;
    height:590px;
}

#fortunedetails {
    float:left; 
    margin-top:10px;
    /*background: url('/img/logogram.png');
    background-repeat: no-repeat;
    background-position-x: 290px;*/
}

#fortunethumbsholder {
    background-image: url('/img/img_back.png'); 
    background-repeat: none; 
    height: 110px; 
    width:350px; 
    margin-top:10px;
}

#fortunethumbsholder img {
    width: 75px;
    height: 75px;
    margin: 15px; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}

#fortunetext {
    float:left; 
    font-size: 13px;
    color: #333;
    /*margin-top: 20px;*/
    /*width:225px;*/
    text-align:center;
}

#bottomtext {
    margin-top:10px; 
    color:white; 
    font-size:17px;
    text-shadow: 1px 1px 1px #333;
}

#description {
    color:white;
    margin-top:10px; 
    width:450px; 
    height:180px; 
    font-size:15px;  
    text-shadow: 1px 1px 1px #333;
}

#totalFortunes {
    margin-top:20px; 
    color:#69542a; 
    font-weight:bold; 
    text-shadow:none;
}


textarea {
    font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #443518;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #443518;
}

a.external {
    background: url("/img/extlink.png") no-repeat scroll right center transparent;
    padding: 0 13px 0 0;
}


hr.thin {
    height: 1px;
    border: 0;
    color: #ddd;
    background-color: #ddd;
    width: 80%;
}


.ratingSmall {
    -moz-border-radius:2px;
    -moz-box-shadow: -1px -1px #196473 inset;
    -webkit-border-radius:2px;
    text-align:center;
    float:left;
    color:white;
    font-weight:bold;
    font-size:13px;
    line-height:18px;
    width:27px;
    display:block;
    padding:0px;
}

.ratingXSmall {
    position:relative;
    top: -10px;
    left: 15px;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    -moz-box-shadow: -1px -1px #196473 inset;
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:10px;
    line-height:13px;
    width:23px;
    padding:0px;
}



.contSmall {
    margin-left:5px;
    line-height:16px;
    width:270px;
    font-size:13px;
    float:left;
    text-align:left;
}