@charset "utf-8";
html{
	min-height: 480px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #DCDCDC;
	margin: 0px;
	padding: 0px;
}
td.listingtable-cell{
	background-color: #FFFFFF;
	padding-left:10px;
	padding-right:10px;
}
table.listingtable td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 15px 10px 15px 10px;
}
table.listingtable-final td{
	padding: 15px 10px 15px 10px;
}
table.listingtable tr.final td{
	border-bottom-width: 0px;
	padding: 15px 10px 15px 10px;
}
hr {
	height: 1px;
	color: #999999;
	background-color: #999999;
	border: 0px solid #999999;
	clear: both;
	border-style: dashed;
}
.topbanner {
	height:51px;
	background-image: url(/xhtml/img/drdp/touch/common/banner.png);
	background-repeat: repeat-x;
}
.front-cell-top {
	background-image: url(/xhtml/img/drdp/touch/common/front_t2b.png);
	background-repeat: repeat-x;
}
.front-cell-right {
	background-image: url(/xhtml/img/drdp/touch/common/front_t3.png);
	background-repeat: repeat-y;
}
.front-cell-left {
	background-image: url(/xhtml/img/drdp/touch/common/front_t7.png);
	background-repeat: repeat-y;
}
.front-cell-bottom {
	background-image: url(/xhtml/img/drdp/touch/common/front_t5b.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
td.titlecells{
	/*height: 40px;*/
	padding:7px 10px 7px 10px;
}
td.frontcells {
	height: 103px;
	padding: 5px 10px 0px 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d2d2d2));
}
td.frontcells_over {
	height: 103px;
	padding: 5px 10px 0px 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#d2d2d2));
}
td.frontcells2 {
	/*height: 40px;
	height: 32px;*/
	padding: 15px 10px 15px 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d2d2d2));
}
td.frontcells2_over {
	/*height: 40px;
	height: 32px;*/
	padding: 15px 10px 15px 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#d2d2d2));
}
td.frontcells_white {
	padding: 10px 10px 20px 10px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
}

table.appscell td{
	padding-top: 3px;
	padding-bottom: 2px;
}

td.thumbnail{
	width: 75px;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	//font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
	margin: 0px;
}
div,p {
	font-family: Arial, Helvetica, sans-serif;
	//font-size: 18px;
	//font-weight: normal;
	vertical-align: middle;
}

input {
    -webkit-text-size-adjust: 130%;
}

.pageitem{
	-webkit-border-radius:10px;
	background-color:#fff;
	border:#878787 solid 1px;
	/*font-size:12pt;*/
	overflow:hidden;
	padding:0;
	position:relative;
	display:block;
	height:auto;
	width:auto;
	margin:3px 9px 17px;
	list-style:none;
}

.textbox{
	padding:6px 8px;
	position:relative;
	overflow:hidden;
}



A.plain:link {text-decoration: none}
A.plain:visited {text-decoration: none}
A.plain:active {text-decoration: none}
A.plain:hover {text-decoration: none}

#alert_msg{
	width:100%;
	position: absolute;
	display: none;
	z-index:10;
}

.alert_table{
	position: absolute;
	top: 45px;
	width:100%;
}

.alert_background{
	position: float;
	background: #FFFFFF;
	opacity: 0.5;
}

span {
	text-decoration: underline;
	color: blue;
}

@-webkit-keyframes slide {
       0% {
         //background-color: red;
         opacity: 1.0;
         -webkit-transform: translate3d(100%, 0, 0);
         //-webkit-transform: scale(1.0) rotate(0deg);
         //-webkit-transform: translateX(100%)
       }
       
       100% {
         //background-color: red;
         opacity: 1.0;
         -webkit-transform: translate3d(0%, 0, 0);
         //-webkit-transform: scale(1.0) rotate(0deg);
         //-webkit-transform: translateX(0%)
       }
}

@-webkit-keyframes slideoutleft {
       0% {
         opacity: 1.0;
         -webkit-transform: translate3d(0%, 0, 0);
       }
       
       100% {
         opacity: 1.0;
         -webkit-transform: translate3d(-100%, 0, 0);
       }
}

@-webkit-keyframes slideoutright {
       0% {
         opacity: 1.0;
         -webkit-transform: translate3d(0%, 0, 0);
       }
       
       100% {
         opacity: 1.0;
         -webkit-transform: translate3d(100%, 0, 0);
       }
}

.slide {
	-webkit-animation-name: slide;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;	
}

.slideoutleft {
	-webkit-animation-name: slideoutleft;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;	
}
.slideoutright {
	-webkit-animation-name: slideoutright;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;	
}

.spinner{
	display:block;
	margin:22px auto 0 auto;
	width:20px;
	height:20px;
	background-image:url('/xhtml/img/drdp/touch/common/Spinner.png');
	text-align:center;
}