html, body {
        margin:0;
        padding:0;
        border:0 none;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#333;
}
h1 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size:26px;
	color:#083772;
	letter-spacing:-1px;
	font-weight:normal;
}
h2 {
	font-size: 18px;
	line-height:18px;
	color:#083772;
	margin-bottom:15px;
	font-weight:normal;
}
p {
	margin:8px 20px;
	line-height:18px;
}
input {
	margin: 8px 20px;
}
#myDiv {
	border:2px solid #1F3E75;
	background:#DFECFB;
	margin:20px 50px;
	padding:10px 20px;
	width:200px;
	text-align:center;
}
.red {
	color: red;
}
.save {
    background-image:url(i-accept.png) !important;
}
.close {
    background-image:url(i-cancel.png) !important;
}
.trash {
    background-image:url(i-bin_closed.png) !important;
}
.create {
    background-image:url(i-page_add.png) !important;
}
.insert {
    background-image:url(i-page_white_paste.png) !important;
}
.post {
    background-image:url(i-email.png) !important;
}
.print {
    background-image:url(i-printer.png) !important;
}
.search {
    background-image:url(i-page_find.png) !important;
}
/* remove the default left,center and right images from the button border*/
.mybutton-text-icon .x-btn-left, .mybutton-text-icon .x-btn-right, .mybutton-text-icon .x-btn-center{
background: 0;
}

/* now customize the new button that has a caption below the icon */ 
.mybutton-text-icon .x-btn-center .x-btn-text {
background-position: 0 2px;
background-repeat: no-repeat;
background-color: D0DEF0;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
border:2px solid #1F3E75;
height: 35 px;
width: 100px;
}