#ussdBodyDiv{
  width: 819px;
  height: 639px;
  background-image: url(../images/iphone_inhandhome_c.png);background-repeat:no-repeat;
  background-size: 100% 100%;
  -moz-background-size:100% 100%; /* Firefox 3.6 */
  max-width: 100%;
  padding: 0;
  margin: 0;
}

#convobox  p {font-family:verdana;color:#000000;font-weight:normal;font-size:16px;text-align:left;}
#bodyDiv {background-color:#000000;padding:0;margin:0; width: 100%; height:100%;}
#ussdBodyDiv div {text-align:center;}
#ussdBodyDiv img {width:100%;}
#ussdBodyDiv ol {font-family:verdana;color:#000000;font-weight:normal;font-size:14px;text-align:left;type:a;}
#ussdBodyDiv a {font-family:verdana;color:#000000;font-weight:normal;font-size:14px;text-align:left;}

.dial_string
{
  height: 323px;
  width: 263px;
  /*background-color:#000000;*/
}
.dial_string textarea
{
  background-color: #000000;
  border: medium none;
  color: #008000;
  font-size: 32px;
  font-weight: bold;
  text-align: left;
}

.button_wrap
{
  
}
.green_button
{
  background: url("../images/handset_up.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: 100% 100%;
   -moz-background-size:100% 100%; /* Firefox 3.6 */
  max-width: 100%;
  height: 72px;
  width: 72px;
  cursor: pointer;
  float:left;
}
.red_button
{
  background: url("../images/handset_down.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: 100% 100%;
  -moz-background-size:100% 100%; /* Firefox 3.6 */
  max-width: 100%;
  max-height: 100%;  
  height: 72px;
  width: 72px;
  cursor: pointer;
  float:right;
}
.text_display
{
  color:#FFFFFF;
  margin:0px;
  height: 280px;
  
}
.response_wrap
{
  height: 323px;
  width: 263px;
}
.response_input_wrap
{
  height: 30px;
  width: 100%;
}
.response_input_wrap input
{
  height: 24px;
  width: 255px;
}
.conversation_wrap
{
  height: 281px;
  overflow: auto;
  width:263px;
}
.convo_request
{
  background-color: #99FF99;
  float: right;
  margin: 4px;
  text-align: right;
  width: 85%;
}
.convo_response
{
  background-color: #FFFFFF;
  float: left;
  margin: 0;
  text-align: left;
  width: 85%;
  
}
.deployment p
{
  font-family:verdana;color:#000;font-weight:normal;font-size:16px;text-align:left;
}
.deploy_select
{
  float: left;
  height: 24px;
  width: 160px;
}
.deploy_select p
{
  color: #FFFFFF;
  margin: 0;
}
.deploy_select input
{
  float: left;
}
.iframeDiv
{
  width:263px;
  height:396px;
  border:solid 1px #000000;
  position:absolute;
  left:435px;
  top:125px;
  /* border: white thin solid;*/
}
.hide{
  display: none;
}
.hand{
  cursor: pointer;
}
#CheckBox{
  list-style: none;
}
#checkBoxWrapper 
{
  
  margin: 0px;
  padding: 0px;
  width: 80px;
}
#checkBoxWrapper span{
  border: thin black solid;
  padding: 2px;
  width: 125px;
  display: block;
  background-color: #3e3e3e;
  color: white;
}
ul#CheckBox {
  padding: 0;
  margin-top: 0;
  list-style-type: none;
  border: thin solid black;
  width: 127px;
  height: 90px;
  position: fixed;
  overflow-y: scroll; 
  overflow-x: hidden;
}
#CheckBox li{
  cursor: pointer;
  background-color: #e3e3e3;
  width: 110px;
  height: 25px;
  border: thin white solid;    
  }