div.calendar
{
  font-size: smaller;
  
		color: #000;
}


div.calendar.popup
{
  position:absolute;margin-top: 100px;
}



div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}




.flat-div {	
        margin:15px auto auto auto;
	display: block;
	border:1px solid #bbbbbb;
	font-style: normal;
	font-family:sans;
	padding: 5px 10px 20px;
	color: #ffbf;
	text-decoration: none;
	line-height: 1;
	border-color: red;
        border-width: 1px;

	
	/* css3 drop shadow */
	-webkit-box-shadow: 25px 20px 25px #000000;
	-moz-box-shadow: 25px 20px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	
	background:#ffffff;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:728px; 
	
	/* make sure it has the highest z-index */
	position:relative; 
	z-index:5000; 
	
}

.otp-div {	
        margin:15px auto auto auto;
	display: block;
	border:1px solid #bbbbbb;
	font-style: normal;
	font-family:sans;
	padding: 5px 10px 20px;
	color: #ffbf;
	text-decoration: none;
	line-height: 1;
        
        border-color: red;
        border-width: 1px;
        
	/* css3 drop shadow */
	-webkit-box-shadow: 25px 20px 25px #000000;
	-moz-box-shadow: 25px 20px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 15px;
        -webkit-border-radius: 15px;
	
	background:#ffffff;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
        
        position: relative;
        top: 0; right: 0; bottom:0; left: 0;       
	
	/* make sure it has the highest z-index */
	width: 500;
	z-index:5000; 
	
}

close-overlay {
  display: block;
  position: absolute;
  top: 1;
  right: 3;
  width: 45px;
  height: 45px;
  font-size: 20px;
  
  color: #bbbbbb;
  line-height: 45px;
  text-align: center;
  background-color: #ffffff;
  cursor: pointer;
}

.textbox { 
    border: 1px solid #000000; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    outline:0; 
    height:25px; 
    width: 150px; 
    padding:10px; 
     margin-bottom: 5px
  } 

.textbox-longer { 
    border: 1px solid #000000; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    outline:0; 
    height:25px; 
    width: 250px; 
    padding:10px;  
    margin-bottom: 5px
  }