/*********************************************************************/
/*********************************************************************/
/* GET STARTED Popup - Main popup holder and fader for background    */
/*********************************************************************/
/*********************************************************************/
div.popbaseanswers,
div.popbasestart{
display: none;
position: absolute;
top: 8%;
width: 888px;
height: 536px;
padding: 0px;
z-index:1002;
}
div.popbasestart {background: url(../images/start_pop_up_bck.png) no-repeat top left;}
div.popbaseanswers {background: url(../images/answers_popbod-base.png) no-repeat top left;}

div.popfade{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 812px;
background-color: black;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=80);
}

/**************************************************************/
/**************************************************************/
/* GET STARTED Popup - Main popup top with closer top left    */
/**************************************************************/
/**************************************************************/
div.popbasetop{
height:60px;
}
div.popbasetop div.closebox{
float:left;
margin:-10px;
height:28px;
width:28px;
background:url(../images/popup_bck_close.png) no-repeat top left;
cursor:pointer;
}
div.popbasetop div.popbasetitle{
float:left;
margin:15px 0 0 10px;
height:38px;
width:650px;
color:black;
font-size:26px;
font-style:oblique;
font-weight: bold;
}
div.popbasetop div.popbaselogo{
float:right;
margin:0;
height:59px;
width:156px;
color:white;
background:url(../images/popup_jsi_logo.png) no-repeat 25px 2px;
}


/*****************************************************/
/*****************************************************/
/* GET STARTED Base Form - Basic area for main form  */
/*****************************************************/
/*****************************************************/
div.baseform{
padding:0 0 0 20px;
margin:5px 0 0 0;
color:white;
width:55%;
}

/*****************************************************/
/*****************************************************/
/* GET STARTED - Area for contact info               */
/*****************************************************/
/*****************************************************/
div.contactinfo{
margin:0;
width:41%;
color:white;
}
div.contactinfo h1{
padding:20px 0 0 30px;
margin:0;
color:white;
font-size:16px;
}
div.contactinfo p{
padding:10px 0 0 30px;
margin:0;
font-size:12px;
color: #CBDB2B;
}


div.uploadfile, div.uploadqa{
position:relative;
padding:0 0 0 30px;
margin:15px 0 0 0;
width:40%;
color:white;
}
div.uploadfile h1, div.uploadqa h1{
padding:5px 0 0 0px;
margin:0;
color:black;
font-size:12px;
}
div.sepvertical{ border-right:1px solid black;
padding:0 0 0 30px;
margin:15px 0 0 0;
height: 400px;
color:black;
}
div.uploadfile p{
padding:10px 0 0 0px;
margin:0;
font-size:12px;
color: #CBDB2B;
}
div.uploadqa p.q{
padding:10px 0 0 0px;
margin:0;
height: auto;
font-size:12px;
font-weight: bold;
color: black;
}
div.uploadqa p.a{
padding:5px 0 0 0px;
margin:0;
height: auto;
font-size:12px;
color: black;
}
div.uploadfile p input{
margin:0;
/*color: #CBDB2B;*/
color: red;
font-size:10px;
}
div.uploadfile p a{
margin:0;
/*color: #CBDB2B;*/
color: red;
font-size:10px;
}



/*****************************************************/
/*****************************************************/
/* GET STARTED Popup - Popup body area               */
/*****************************************************/
/*****************************************************/
div.popbody{
height:432px;
color:black;
}
div.popbody div.popform{
padding:10px 0 0 20px;
margin:0;
color:white;
width:45%;
}
div.popbody div.popcalc{
height:400px;
width:52%;
background:url(../images/start_pop_up_pricing_calculator.png) no-repeat 100px 50px
}
div.popbody div.popcards{
height:400px;
width:52%;
background:url(../images/start_pop_up_quote_cards.png) no-repeat 60px 30px
}

div.popbaseanswers div.popbody div.popbod-anatomy{background-image: url(../images/answers_popbod-anatomy.jpg);}

div.popbaseanswers div.popbody div.popbod-design-seeing{background-image: url(../images/answers_popbod-design-seeing.jpg);}
div.popbaseanswers div.popbody div.popbod-design-mockup{background-image: url(../images/answers_popbod-design-mockup.jpg);}
div.popbaseanswers div.popbody div.popbod-design-specs{background-image: url(../images/answers_popbod-design-specs.jpg);}
div.popbaseanswers div.popbody div.popbod-design-custom{background-image: url(../images/answers_popbod-design-custom.jpg);}

div.popbaseanswers div.popbody div.popbod-layouts-qty500{background-image: url(../images/answers_popbod-prizelayout-qty500.gif);}
div.popbaseanswers div.popbody div.popbod-layouts-qty1000{background-image: url(../images/answers_popbod-prizelayout-qty1000.gif);}
div.popbaseanswers div.popbody div.popbod-layouts-qty2500{background-image: url(../images/answers_popbod-prizelayout-qty2500.gif);}
div.popbaseanswers div.popbody div.popbod-layouts-qty5000{background-image: url(../images/answers_popbod-prizelayout-qty5000.gif);}
div.popbaseanswers div.popbody div.popbod-layouts-qty10000{background-image: url(../images/answers_popbod-prizelayout-qty10000.gif);}
div.popbaseanswers div.popbody div.popbod-layouts-qtylarge{background-image: url(../images/answers_popbod-layouts-qtylarge.jpg);}

div.popbaseanswers div.popbody div.popbod-games-createown{background-image: url(../images/answers_popbod-games-createown.jpg);}
div.popbaseanswers div.popbody div.popbod-games-matchwin{background-image: url(../images/answers_popbod-games-matchwin.jpg);}
div.popbaseanswers div.popbody div.popbod-games-scratchwin{background-image: url(../images/answers_popbod-games-scratchwin.jpg);}

div.popbaseanswers div.popbody div.popbod-pricingsizes{background-image: url(../images/answers_popbod-pricingsizes.jpg);}
div.popbaseanswers div.popbody div.popbod-variabledata{background-image: url(../images/answers_popbod-variabledata.jpg);}
div.popbaseanswers div.popbody div.popbod-backside{background-image: url(../images/answers_popbod-backside.jpg);}

div.popbaseanswers div.popbody div.popbod-idea{background-image: url(../images/answers_popbod-ideas.jpg);}
div.popbaseanswers div.popbody div.popbod-faq-pt1{background-image: url(../images/answers_popbod-faq01.jpg);}
div.popbaseanswers div.popbody div.popbod-faq-pt2{background-image: url(../images/answers_popbod-faq02.jpg);}
div.popbaseanswers div.popbody div.popbod-suggestions{background-image: url(../images/answers_popbod-suggestions.jpg);}
div.popbaseanswers div.popbody div.popbod-testimonial-pt1{background-image: url(../images/answers_popbod-testimonials01.jpg);}
div.popbaseanswers div.popbody div.popbod-testimonial-pt2{background-image: url(../images/answers_popbod-testimonials02.jpg);}
div.popbaseanswers div.popbody div.popbod-testimonial-pt3{background-image: url(../images/answers_popbod-testimonials03.jpg);}
div.popbaseanswers div.popbody div.popbod-testimonial-pt4{background-image: url(../images/answers_popbod-testimonials04.jpg);}
div.popbaseanswers div.popbody div.popbod-award{background-image: url(../images/answers_popbod-awards.jpg);}
div.popbaseanswers div.popbody div.popbod-upload{background-image: url(../images/answers_popbod-upload_notused.jpg);}

div.popbaseanswers div.popbody div.popbod-anatomy,
div.popbaseanswers div.popbody div.popbod-design-seeing,
div.popbaseanswers div.popbody div.popbod-design-mockup,
div.popbaseanswers div.popbody div.popbod-design-specs,
div.popbaseanswers div.popbody div.popbod-design-custom,
div.popbaseanswers div.popbody div.popbod-layouts-qty500,
div.popbaseanswers div.popbody div.popbod-layouts-qty1000,
div.popbaseanswers div.popbody div.popbod-layouts-qty2500,
div.popbaseanswers div.popbody div.popbod-layouts-qty5000,
div.popbaseanswers div.popbody div.popbod-layouts-qty10000,
div.popbaseanswers div.popbody div.popbod-layouts-qtylarge,
div.popbaseanswers div.popbody div.popbod-games-createown,
div.popbaseanswers div.popbody div.popbod-games-matchwin,
div.popbaseanswers div.popbody div.popbod-games-scratchwin,
div.popbaseanswers div.popbody div.popbod-pricingsizes,
div.popbaseanswers div.popbody div.popbod-variabledata,
div.popbaseanswers div.popbody div.popbod-backside,
div.popbaseanswers div.popbody div.popbod-idea,
div.popbaseanswers div.popbody div.popbod-faq-pt1,
div.popbaseanswers div.popbody div.popbod-faq-pt2,
div.popbaseanswers div.popbody div.popbod-suggestions,
div.popbaseanswers div.popbody div.popbod-testimonial-pt1,
div.popbaseanswers div.popbody div.popbod-testimonial-pt2,
div.popbaseanswers div.popbody div.popbod-testimonial-pt3,
div.popbaseanswers div.popbody div.popbod-testimonial-pt4,
div.popbaseanswers div.popbody div.popbod-award,
div.popbaseanswers div.popbody div.popbod-upload
{
height:432px;
width: 888px;
/*background-position: 0px 0px;*/
background-position: 35px -50px;
background-repeat: no-repeat;
}



/*************************************************************************************/
/*************************************************************************************/
#you_are_here{}
/*************************************************************************************/
/*************************************************************************************/
/*pop-bodwhat*/











/*****************************************************/
/*****************************************************/
/* General Form Data                                 */
/*****************************************************/
/*****************************************************/
form h1,
form h2{
margin:0;
padding:5px 0 5px 0;
font-style:oblique;
font-size: 12px;
color: #fff;
}
form{
margin: 0;
padding: 0;
}
form p {
clear: left;
margin: 0;
padding: 0;
height:16px;
}
form p label {
float: left;
padding-top: 0px;
margin: 0;
width: 30%;
font: bold 10px Arial, Helvetica, sans-serif;
color: #CBDB2B;
}
form p input.txt {border:1px solid gray;
margin: 0;
padding: 0;
color: #00008B;
background-color: white;
width: 68%;
font-size: 12px;
line-height: 12px;
}
form select{
margin: 0;
padding: 0 0 0 0;
width:40%;
font-size: 9px;
}
form p.alignrsubmit{
margin:10px 0 0 0;
text-align: right;
}
form p.textareacl{
width:99%;
height:50px;
}
form textarea{
width:99%;
height:50px;
}
form label.textareawidth{
width:99%;
}

#uploadimgmsg{
display:none;
font-size:9px;
color:orange;
text-align:right;
}

div.yesvue{
display: block;
}
div.novue{
display: none;
}

