.drawer {
	background-color: #efefef !important; 
  	padding : 11px 8px 3px 8px ;
  	font-family:tahoma,arial,helvetica,sans-serif;
  	font-style:normal;
  	font-variant:normal;
  	font-weight:normal;
  	line-height:normal;
  	font-size:12px;
}

.drawer .x-panel-header {
	border-left : none;
	border-right : none;
	border-top : none;
	background-image : none;
}

.drawer-prompt-wrap {
	height : 20px;
	padding : 5px;
}

.drawer-icon {
	float : left;
	margin-left : 10px;
	width : 45px;
	height : 60px;
	margin-left : 4px;
	background-repeat : no-repeat;
}

.drawer-icon-none {
	width :0px;
}

.drawer-icon-question {
	background-image:url(drawer/icon-question.gif);
}

.drawer-icon-info {
	background-image:url(drawer/icon-info.gif);
}

.drawer-icon-warning {
	background-image:url(drawer/icon-warning.gif);
}

.drawer-icon-error {
	background-image:url(drawer/icon-error.gif);
}

.drawer-progressbar, .drawer-progressbar-ready {
	width : 220px;
	height : 19px;
	margin-left :auto;
	margin-right : auto;
	margin-top: 4px;
	margin-bottom : 10px;
}

.drawer-progressbar {
	background-image:url(drawer/progressbar.gif);
}

.drawer-progressbar-ready {
	width : 16px;
	background-repeat : no-repeat;
	background-image:url(icons/accept.gif);
}

div.drawer-progressbar-click:hover {
	background-color: #F6F6FF;
}

.drawer-progressbar-click {
	width : auto;
	height: 22px;
	margin-top: 10px;
	margin-left: 60px;
	margin-right: 30px;
	padding: 5px;
	text-align: center;
	background-image: none;
	background-color: #F0F0F0;
	font-weight : bold;
	border: 1px solid #A8A8A8;
	background-color: #F8F8F8;
    cursor: pointer;
	-moz-border-radius: 5px;
    border-radius: 5px;
}

.drawer-message, .drawer-header {
	margin-right : 8px;
	font-weight : bold;
}

.drawer-header {
	margin-bottom : 5px;
}

.drawer-details {
	margin-right : 8px;
	padding-top: 5px;
	font-size:11px;
}

.x-btn-focus .x-btn-tl{
	background-position: -6px 0;
}

.x-btn-focus .x-btn-tr{
	background-position: -9px 0;
}

.x-btn-focus .x-btn-tc{
	background-position: 0 -9px;
}

.x-btn-focus .x-btn-ml{
	background-position: -6px -24px;
}

.x-btn-focus .x-btn-mr{
	background-position: -9px -24px;
}

.x-btn-focus .x-btn-mc{
	background-position: 0 -2168px;
}

.x-btn-focus .x-btn-bl{
	background-position: -6px -3px;
}

.x-btn-focus .x-btn-br{
	background-position: -9px -3px;
}

.x-btn-focus .x-btn-bc{
	background-position: 0 -18px;
}

.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
	background-position: -12px 0;
}

.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
	background-position: -15px 0;
}

.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
	background-position: 0 -12px;
}

.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
	background-position: -12px -24px;
}

.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
	background-position: -15px -24px;
}

.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
	background-position: 0 -3240px;
}

.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
	background-position: -12px -3px;
}

.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
	background-position: -15px -3px;
}

.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
	background-position: 0 -21px;
}

.unselected-page  {
	width : 10px;
	cursor: pointer;
	padding:3px;
	text-decoration : underline;
}

.selected-page {
	width : 10px;
	padding:3px !important;
	font-weight : bold !important;
}