Panel Div

by adam123

HTML

<div id="newdoctorDiv" class="panelformdiv" style="width:17em;">

  <ul data-role="listview" data-inset="true" data-dividertheme="e">
    <li data-role="list-divider">New Doctor</li>
    
    <li id="panelformli">
    <span id="panelformlabel"><label for="adddocFirstName">First Name*:</label></span>
    <span id="panelforminput" class="ui-li-aside"><input type="text" name="adddocFirstName" id="adddocFirstName" value="" placeholder="John" data-mini="true" /></span>
    </li>
    
    <li id="panelformli">
    <span id="panelformlabel"><label for="adddocLastName">Last Name*:</label></span>
    <span id="panelforminput" class="ui-li-aside"><input type="text" name="adddocLastName" id="adddocLastName" value="" placeholder="Sample" data-mini="true" /></span>
    
    </li>
    <li id="panelformli">
    <span id="panelformlabel"><label for="adddocDob">DOB*:</label></span>
    <span id="panelforminput" class="ui-li-aside"><input type="text" name="adddocDob" id="adddocDob" value="" placeholder="1960-01-28" data-mini="true" /></span>
    
    </li>
    <li id="panelformli">
    <span id="panelformlabel"><label for="adddocLicense">License*:</label></span>
    <span id="panelforminput" class="ui-li-aside"><input type="text" name="adddocLicense" id="adddocLicense" value="" placeholder="31-121212" data-mini="true" /></span>
    
    </li>
    <li id="panelformli">
    <span id="panelformlabel"><label for="adddocEmail">E-Mail:</label></span>
    <span id="panelforminput" class="ui-li-aside"><input type="text" name="adddocEmail" id="adddocEmail" value="" placeholder="john.sample@dental.com" data-mini="true" /></span>
    </li>
  </ul>
</div>

CSS

#panelformlabel {
	width:32%;
	color:#696969;
	font-size:12px;
}
#panelformlabel label.ui-input-text{
	font-size:14px;
	font-weight:bold;
}
#panelforminput {
	width:65%;
}
#panelformli {
	padding:.5em; 
}
#panelforminput.ui-li-aside {
	margin: -7px -3px 0 3px;
}
#panelforminput div.ui-input-text {
    padding:0;
	/*color:#F93;*/
}
#panelforminput div input {
	color:#999;
}

JavaScript

$("#panelforminput div").removeClass("ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c");
$("#newdoctorDiv ul").removeClass("ui-shadow");