.customBox {
            background:transparent; /*yellow;*/
            border:1px solid black;
            position:absolute;
           }
           
           
p.helptext
{
margin-right:10%;
margin-left:10%;
}

strong.helptext
{
margin-right:10%;
margin-left:10%;
}

h1.helptext,h2.helptext,h3.helptext,h4.helptext,h5.helptext,strong.helptext
{
  text-align:left;
  margin-right:10%;
  margin-left :10%;
}

           
html
 {
      height: 100%;
 }
           
body 
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#fb-likeID {
    position: fixed;
    bottom: 0;
    left: 0px;
    width: 100%;
    /*height:5%;*/
    border: 1px solid #555;
    z-index: 100;
}

#LocationTimeTooltipDialog
{
   /*text-align:center;*/
   background:white;
   text-align: center;
   
   display: none; 
   position: absolute;
   top: 0%;
   width:100%;
   height:100%;
   z-index: 20;
       
}

#MsgDivId
 {
 /*text-align:center;*/
 background:yellow;
 } 
 
 #BidDivId
 {
   /*text-align:center;*/
   background:#FF99CC;
   text-align: center;

   display: none; 
   left: 0px;
   position: absolute;
   top: 5%;
   width:100%;
   height:20%;
   text-align:center;
   z-index: 10;
   opacity: .50;
}
 
 #AskDivId
 {
   /*text-align:center;*/
   background:#00FF00;
   text-align : center;

   display: none; 
   left: 0px;
   position: absolute;
   bottom: 0%;
   width:100%;
   height:20%;
   text-align:center;
   z-index: 10;
   opacity: .50;
 } 
 
 #functionalitydivId
 {

 }
 
#GmapId
{
    position:absolute;
    top: 5%;
    width: 100%;
    height: 95%;
    margin: 0;
   
}


#newbuttonWrapper
{
position:absolute;
top:0;
left: 0;
width:100%;
/*height:5%;*/

z-index: 15;    
}


#CloseTransactionStatusBtn
{
 color:Black;
}


#AddressInfoOverlay 
{
     position:absolute;
     bottom:0;
     
     left: 0px;
     width:100%;
     height:25%;
     z-index: 10;
     
     border:1px solid #555;
     
     opacity: .70;  
     filter:alpha(opacity=70); 
    -ms-filter: "alpha(opacity=70)";  
    -khtml-opacity: .70;  
    -moz-opacity: .70;       
     
     /*background-image:url(aurea.jpg);*/
}


#pnewMenuBar, #pnewMenuBar ul {
    margin:0 auto;
    padding:0;
    width:100%;
    background-color:#f1f1f3;
    z-index:600;
}
#pnewMenuBar {
    display: inline-block;
    min-width: 200px;
    list-style:none;
    border-top: 1px solid #f1f1f3;
    border-left: 1px solid #f1f1f3;
    border-bottom: 1px solid #f1f1f3;
}
#pnewMenuBar li {
    float: left;
    position: relative;
    list-style: none;
    display:block;
    padding:5px 10px 10px 10px;
    text-decoration:none;
    white-space: nowrap;
    cursor:pointer;
}

/*this makes the top menu items background change on hover*/
#pnewMenuBar > li:hover 
{
    background-color:#8bccfb;
}

/*this causes the drop down to display*/
/*
#pnewMenuBar > li:hover > ul 
 {
    display: block;
    background-color:#f1f1f3;
    width:auto;
    white-space: nowrap;
}
*/

/*this causes the drop downs to be absolute positioned with regard to the li, that contains it*/
#pnewMenuBar > li > ul {
    display: none;
    position: absolute; 
    
}


#pnewMenuBar > li > ul > li
{
    background-color:#f1f1f3;
    display: block;
    width:100%;
}

/*this causes the item on the drop down to change background color*/
#pnewMenuBar > li > ul > li:hover
{
    background-color:#8bccfb;
     display: block;
}


    


.emrpopupdialogClass {
    /*text-align:center;*/
    background: white;
    position: relative;
    /*
width:60%;
height:60%;
*/
    margin-right: 20%;
    margin-left: 20%;
    margin-top: 5%;
    min-height: 50%;
    border: 3px solid black;
    /*z-index: 700;  */
  
    /*
 min-height:100%;
 min-width:100%;
*/
    opacity: 1.0;
}


#popupdialogDivId {
    /*text-align:center;*/
    /*opacity:0.9;*/
    background-color: rgba(100,100,100,0.85);
    /*position:absolute; change so backing data doesn't have to be scrolled to top*/
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 700;
    overflow: scroll;
    /*
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
*/
}



.popupbuttonClass {
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*
 min-height:100%;
 min-width:100%;
*/
}

.popupdialogTitleDiv {
    /*opacity:1.0;*/
    background-color: #C2F0FF;
    border: 1px solid black;
   width:100%;
   height:100%;
    
    /*
width:60%;
height:60%;
*/
}


.ErrorMsgCloseBtn {
    /*opacity:.9;*/
    border: 1px solid black;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 8%;
    background: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    /*background-color: yellow;*/
    /*opacity:.5;*/
}

.popupdialogCloseBtn {
    /*opacity:.9;*/
    border: 1px solid black;
    position: absolute;
    top: 0;
    right: 0;
    height: 8%;
    width: 8%;
    background-color: #C2F0FF;
    overflow: hidden;
 
    /*
width:60%;
height:60%;
*/
}
.emrpopupdialogphoneClass {
    /*text-align:center;*/
    background: white;
    position: relative;
    margin-right: 2%;
    margin-left: 2%;
    /*
width:60%;
height:60%;
*/
    margin-top: 10%;
    margin-bottom: 10%;
    border: 5px solid black;
    /*z-index: 700; */
    /*overflow:scroll; this cause it to break on iphone course rating pop-up*/
    /*
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
        */
    opacity: 1.0;
}

.buttonnormal {
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.buttonleft {
    width: 20%;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}


.buttonautoimagewidth {
    width: auto;
    max-height: 50px;
    max-width: 50px;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.buttonautowidth {
    width: auto;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.buttonright {
    width: 20%;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.buttonrightside {
    float: right;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.buttonleftside {
    float: left;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.buttoncenter {
    width: 20%;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}






.bigbuttoncenter {
    width: 80%;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.dialogleft {
    display: block; /**/
    clear: left;
    width: 30%;
    float: left;
    text-align: right;
}

.dialogright {
    /*width: 45%;*/
    margin-left: 10px;
    float: left;
}

.dialogsingle {
    float: right;
    margin-right: 10px;
    background-color: #C2F0FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}



#busyloadingId {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: wait;
}

#busyloadingbgId {
    background: #000000;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: wait;
    z-index: 9999;

}

#busyloadingfirstId {
    width: 250px;
    height: 75px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    font-weight: 900;
    z-index: 500;
    color: black;
    cursor: wait;
}