/* reset cell & paragraph borders & margins before applying new styles */

.dptl th, .dptl td, .dptl p, .dptl a, .dptl img, .dptl img a {
    border: none; padding:0; margin:0; border: 0; float: none;
}
.dptl th, .dptl td {
    vertical-align: middle;
}

.dptl {				/* both tables and lists */
	clear:both;
	font-size: 0.95em;
	margin: 0.5em 0;
}

.dptl a, .dptl p a, .dptl li a { color:#CC0000; border-color: #CC0000; }
.dptl a:link, .dptl a:visited { text-decoration:none; border-bottom:1px dotted; }
.dptl a:hover, .dptl a:active, .dptl a:focus { border-bottom:1px solid; }
.dptl a.dptlmore, .dptl p a.dptlmore, .dptl p.dptlurl a { font-weight:normal; }

/* A to Z INDEX LIST */

.atoz {
	border-bottom: dotted 1px #555;
	width: 100%;
	padding: 0.5em 0;
}

.dptl ul.atozlist {
	font-size: 1.3em;
	margin-bottom: 1em;
	font-weight: bold;
        display: inline;
	list-style-type: none;
}

.dptl ul.atozlist li { margin-right: 0.5em; padding: 0; display: inline; }
.dptl ul.atozlist li a { color:#555; border-color: #555; }

.atozheader {
	clear:both;
	padding-top: 0.3em;
	border-top: dotted 1px #555;
        margin-top: 0.3em;
}

.atoz .listentry {		/* to make sure image float does not overlap div border */
	width: 100%;
	overflow: hidden;
}

/* SIMPLE LIST */

.simplelist {			/* just for simple lists */
	width:50%;
	float:left;
	border: solid 1px #555;
	margin-right: 1em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;		/* curved div corners */
}

@media only screen and (max-width: 320px) and (min-width: 0px) {  // when screen width is less than 320px...
    .simplelist, .metatable table {
        width:100%;						// ... make list width fill screen
    }
}

.simplelist p.listsubtitle {	/* simple list's optional subtitle */
	font-weight:bold;
	font-size: 1.2em;
	color: #FFF;
	background-color: #FFBE2A;
	margin: 0;
	padding: 0.3em 0.5em;
	-moz-border-top-left-radius: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
	border-top-left-radius: 0.4em;		/* curved div corners */
	-moz-border-top-right-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	border-top-right-radius: 0.4em;		/* curved div corners */
}

.dptl .listentry {		/* atoz index and simple list entry container */
	margin-top: 0.5em;
	padding: 0.5em;
	clear:both;
}
.dptl .listentry p {
        line-height: 1.5em;
}

.simplelist .dotborder {		/* simple list entry container */
	border-top: dotted 1px #555;
}

.dptl .entryimg {			/* list & table entry image div */
	text-align: center;
}

.dptl .entryimg p a {			/* list & table entry image div */
	border-bottom: none;
}

.dptl .listentry .entryimg {		/* simple list entry image div */
	float:right;
	width:50px;
	margin: 0 0 0.5em 1em;
}

.dptl button {
	background-color: #CC0000;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
        opacity: 0.7;
	padding: 0.2em;
}

.dptl .postimg {		/* ANY dptl image */
	max-width:100%;
}

.dptl .entryname {		/* table / list entry title - post name link */
	font-weight:bold;
	font-size:1.1em;
}

.dptl .entrytitle .fields, .dptl .entrytitle .terms {
	font-weight: normal;
	font-style: italic;
}

.dptl .entrytitle .fields .name, .dptl .entrytitle .terms .name {
	font-style: normal;
	font-weight: bold;
}

/* SELECT DROPDOWN */

.selectdrop {
	clear:both;
	float:right;
	max-width: 40%;
	margin: 0 0 0.5em 1em;
	padding: 0;
	font-size: 1.1em
}

.selectdrop select, .selectdrop option {
	max-width: 100%;
}

p.selectdroptitle {
	font-weight:bold;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
        color: #555;
}

/* DPTL TABLES */

.dptl table {
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;		/* curved table corners */
	border-collapse: separate;	/* compatible with border-radius - collapse is not */
	border: none;			/* no outer border, only cell borders - see below */
	border-spacing: 0;		/* no space between cell borders */
}

.dptl table thead th { padding:0.3em; color:#FFF; font-weight:bold; background-color: #FFBE2A; font-size: 1.1em; }
.dptl table tr.even th, .dptl table tr.even td { background-color: transparent; }
.dptl table tr.odd th, .dptl table tr.odd td { background-color: #FFDF98; }
.dptl table tbody th, .dptl table tbody td { color: #555; padding: 0.3em 0.5em; }

/* curved corners with 1px cell borders */

.dptl .topleft {-moz-border-top-left-radius: 0.4em; -webkit-border-top-left-radius: 0.4em; border-top-left-radius: 0.4em; }
.dptl .topright { -moz-border-top-right-radius: 0.4em; -webkit-border-top-right-radius: 0.4em; border-top-right-radius: 0.4em; }
.dptl .bottomleft { -moz-border-bottom-left-radius: 0.4em; -webkit-border-bottom-left-radius: 0.4em; border-bottom-left-radius: 0.4em; }
.dptl .bottomright { -moz-border-bottom-right-radius: 0.4em; -webkit-border-bottom-right-radius: 0.4em; border-bottom-right-radius: 0.4em; }

.dptl table tr th,			/* in general only bottom & right of each cell has border... */
.dptl table tr td {
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}
.dptl table tr th:first-child,		/* ... but first column also needs left border */
.dptl table tr td:first-child {
    border-left: 1px solid #555;
}
.dptl table tr th {			/* ... and header row needs top border */
    border-top: 1px solid #555;
}
.dptl table tr.top td {			/* ... or first body row if no header */
    border-top: 1px solid #555;
}
.dptl tbody tr th { border-top: none; }	/* ... but th cells do not need top border if they are in tbody section */
.dptl tbody tr.top th { border-top: 1px solid #555; }	/* ... unless no header row */

.dptl table td .entryimg {		/* table entry image div */
	margin: 0 auto;
	padding: 0.3em 0;
	display:block;
	float:none;
}

.dptl table td .entryimg.layout1 {		/* table entry image div */
	width:100px;
}

.dptl table td .entryimg.layout2 {		/* table entry image div */
	width:60px;
}

/* DPTL Term Table */

.termtable table {
	width:100%;
	margin: 1em auto;
}
.termtable tr.excerpt td { background-color: #FFDF98; }

.dptl col.col1 {
	width:2.5em;
}

.dptl col.colimg1 {
	width:120px;
}

.dptl col.colimg2 {
	width:80px;
}

/* DPTL Meta Table */

.metatable table {
	width:50%;
	float: left;
	padding-right: 1em;
}

.metatable table col.headers {
	width:50%;
}

/* sidebar widget table */

#sidebar .dptl table {
	clear:both;
	margin: 0 auto;
	padding-top: 1em;
	font-size: 1em;
	width:90%;
}

#sidebar .metatable table {
	float:none;
	clear:both;
	margin: 0 auto;
	padding: 1em 0 0;
	font-size: 1em;
	width:90%;	
}

#sidebar .metatable table td .entryimg.layout1 {
    width: auto;
    height: auto;
    max-width: 100%;
}

#sidebar .metatable table td .entryimg img {
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
    margin-top: 0.5em;
}

#sidebar .metatable table td .entryimg.layout2 {
    width: auto;
    height: auto;
    max-width: 100%;
}

#sidebar .simplelist {
	clear:both;
	margin: 1em 5% 0 5%;
	width:90%;
}

#sidebar .dptl td a, #sidebar .dptl a, #sidebar .dptl p a, #sidebar .dptl li a {
    color:#CC0000;
    border-color: #CC0000;
    text-decoration: none;
}

#sidebar .dptl p, #sidebar .dptl td, #sidebar .dptl tbody th {
/*    text-decoration: none;*/
    color: #555;
}

#sidebar .simplelist p.listsubtitle {
    font-weight:bold;
    color: #FFF;
}

#sidebar .dptl table td, #sidebar .dptl table td a {
	padding: 0;
	margin: 0;
}

#sidebar .dptl table th {
	font-size: 1.2em;
	font-weight: bold;
}

#sidebar .dptl table td {
	padding: 0.3em 0.5em;
}

#sidebar .dptl table tr.even th, #sidebar .dptl table tr.even td, #sidebar .simplelist { background-color: #FFF; }
#sidebar .dptl table tr.odd th, .dptl table tr.odd td { background-color: #FFDF98; }

#sidebar .widget .dpimg {
    clear: both;
    float: none;
    margin: 1em auto 0;
    padding: 1em 1em 0;
    width: 90%;
    text-align: center;
    font-size: 1.1em;
}

#sidebar .widget .dpimg img.dpcenter {
    clear:both;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1em auto 0;
    padding: 0;
    border: solid 0.2em #fff;
}

#sidebar .widget .dpimg p.dpimgcall {
    font-weight: bold;
    font-size: 1.2em;
}

#sidebar .dpimg a {
    text-decoration: none;
}

#sidebar .widget .dpimg button {
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
    padding: 0.2em;
    margin: 1.5em 0 0;
}

#sidebar .widget .dpimg button.dp-play {
    background-color: #ff6699;
    color: #fff;
    margin-left: 1em;
}

#sidebar .widget .dpimg button.dp-review {
    background-color: #FFBE2A;
    color: #555;
}

/* dynamic image */

.dpimg {
    float:left;
    padding: 0.5em;
    border: 1px solid #555;
    text-align: center;
    line-height: 1.5em;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;		/* curved table corners */
    margin: 0 0.5em 0.5em 0;
}

.dpimg img {
    padding: 0;
    margin: 0;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;		/* curved table corners */
}

#sidebar .dpimg {
    border: none;
    margin-bottom: 0;
}

/* general image widget / shortcode insert */

p.disclosure {
    margin: 0 auto;
    line-height: 1.1em;
    padding: 0;
    color: #555;
}

p.dpimgcall a { color:#CC0000; border-color: #CC0000; }
.dpimgcall a:link, .dpimgcall a:visited { text-decoration:none; border-bottom:1px dotted; }
.dpimgcall a:hover, .dpimgcall a:active, .dpimgcall a:focus { border-bottom:1px solid; }

/* ratings */

.rating, .rating .current, .rating .star {
    width: 100px; /* = total width of the stars (5 * 20px) */
    height: 20px;
    overflow: hidden;
}

.rating .star {
    background: url(star-transparent.gif) ;
}

.rating .current {
    float: left;
    margin-bottom: -100%;
    background: url(star-5gold.gif);
}

.rating .star {
    float: right;
    margin-left: -80px; /* = total width minus one star (100px - 20px) */
    text-indent: -1000%;
}