/*  ---------------------------  */
/*  Layout by:                   */
/*  Kuni Design Studio Inc.      */
/*  Exclusively for Ubertor      */
/*  ---------------------------  */

@import url("superbanner.css");
@import url("../undohtml.css");
ul { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {}
ul,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }

a img,:link img,:visited img { border:none }
address { font-style:normal }

#masthead, #site_title {
	padding-top:15px;
}

body {
  text-align:center;
	font-size:13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

#container_outer {
  width: 960px;
  margin: 0px auto;
  text-align:left;
	border: none;
	position:relative;
}

#container_inner {
	width: 960px;
}

h1 {}
h2 {}
h3, h4 {
	font-size: 15px;
	font-weight: normal;
}

/* === Page header === */

#ubertor #page_header_outer {
	height: 400px;
	margin-bottom: 0px;
	border: none;
	background-position: center bottom !important;
	background-color: transparent;
	background-repeat: no-repeat;
  position:relative;
}

.property_detail #page_header_outer {
  height: 80px;
  border-bottom: none;
}

#page_header_inner {
	height: 100%;
}

#page_header_inner h1,
#page_header_inner h2,
#site_title strong,
#site_title small {
	margin-left:0;
	position:relative;
	top:36px;
	line-height:27px;
}

#page_header_inner h1 a,
#page_header_inner #site_title strong a {
	font-size: 26px;
	font-weight: normal;
}

#page_header_inner h2 a,
.property_detail #site_title small a {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2pt;
}

#page_header_inner h1,
#site_title strong { 
  display:block;
}

#site_title small { font-size: 12px; }

#broker_logo {
	float:left;
	height:120px;
	margin-left:50px;
	_margin-left:25px;
}

.property_detail #page_header_inner h1 {
	text-indent:-5000px;
	position: absolute;
	overflow:hidden;
}

.property_detail #page_header_inner h1 strong {
  position: absolute;
  top: -25px;
  left: 10px;
}

#contact_info {
  float:right;
  margin-right: 200px;
  position:absolute;
  right:20px;
  top:33px;
	line-height:17px;
}

#contact_info strong {
  position:absolute;
  left:4.5em;
  top: 0;
  width: 190px;
  text-align:left;
	white-space: nowrap;
}

#contact_info li {
  position:relative;
  text-align:right;
  clear:both;
  width: 4em;
	white-space:nowrap;
}

#contact_info li.email a {
		font-size: 11px;
}

.content ul, .content ol {
	margin:0 0 0 15px;
	padding:10px 0 5px 10px;
	_padding:10px 0 5px 15px;
	list-style-position: outside;
	line-height: 20px;
}

.content ul {
	list-style: outside square;
}

.content ol {
	list-style: outside decimal;
}

#detail_menu ul, #business_card ul {
	list-style:none;
}

#business_card ul li {
	white-space:nowrap;
}

/* Menu
=================================== */

#font_size {display:none;}

#menu_outer {
  position:absolute;
	margin: 135px 0 0 0;
	padding: 0px;
	top: 0px;
	z-index: 1;
	width: auto;
}

#menu_outer a {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	border: none;
}

#menu_inner { margin-left: 55px; }
#menu_inner ul li { float:left; position:relative; }
html>body #menu_inner ul li { position:static; }

#menu_inner ul li {
	margin: 0;
}

#menu_inner ul li a {
  padding: 0px 10px;
  display:block
}

#menu_inner li ul a {
	line-height: 19px;
	width: 160px;
	padding: 8px 10px ;
}

/* VERTICAL DROPDOWN MENU
=================================== */

#menu_inner ul ul li { float: none; display:block; clear:both;}

#menu_inner ul ul li a {
  display:block;
  float:left;
}

#menu_inner ul ul {
  min-width: 120px;
  display:none;
  position:absolute;
}

#menu_inner li:hover, #menu_inner li.sel_over, #menu_inner li.over {
	padding:0px;
	margin:0px;
}

#menu_inner li:hover li,#menu_inner li.over li,#menu_inner li.sel_over li
{ margin:0; }

#menu_inner ul li:hover ul, #menu_inner ul li.over ul, #menu_inner ul li.sel_over ul {
  display:block;
  z-index: 2;
}

/* Content
=================================== */

#content_body {
  position:relative;
	float:left;
	margin-left:60px;
	_margin-left:30px;
	padding:0;
	width: 840px;
}

.has_id_inset_wrapper #content_body {
  margin-left:60px;
  _margin-left:30px;
  width:625px;
}

.has_widgets_on_both_sides #content_body {
  padding:0;
  margin-left: 265px;
  _margin-left: 132px;
  width:430px;
}

#id_inset_wrapper_left {
  float:left;
  width:200px;
  position:relative;
  margin-left:-660px;
}

#id_inset_wrapper {
  width:200px;
  float:right;
  position:relative;
  margin-right: 35px;
  _margin-right: 17px;
}

.has_id_inset_wrapper_left #id_inset_wrapper_left {
  float:left;
  margin-left:-865px;
  position:relative;
  width:200px;
}

.has_widgets_on_both_sides #id_inset_wrapper_left {
  float:left;
  margin-left:-660px;
  position:relative;
  width:200px;
}

.has_id_inset_wrapper_left #content_body {
  float:left;
  margin:0;
  padding:0 0 0 275px;
  position:relative;
  width:625px;
}

.has_widgets_on_both_sides #content_body {
  float:left;
  margin:0;
  padding:0 0 0 265px;
  position:relative;
  width:430px;
}

#content_body h1 {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight:normal;
	text-align:left;
}

#content_body h2 {
	padding: 10px 0;
	font-size: 18px;
	font-weight:normal;
}

#content_body #roster h2,
#content_body .listing h2,
#content_body .listing_details h1,
#content_body .listing_details h2 {
	margin: 10px 0 10px 0;
	padding: 5px 0;
	font-size: 15px;
	font-weight:normal;
	text-align:center;
}

#content_body li {
	padding: 0 0 3px 0;
}

#content_body p {
	padding: 5px 0px;
	line-height: 20px;
}

#content_body a {
	text-decoration:underline;
}

#content_inner {
	margin: 30px 0px;
	overflow: hidden;
}

/* Inset Boxes 
=================================== */

.inset { 
	text-align: left;
	margin-bottom: 10px;
	zoom: 1;
}

.inset ul {
  min-height: 20px;
}

/* Holly Hack */
* html .inset h3 {
	height:1%;
}

.inset a {
	margin:0px;
}

.inset h3 {
	margin: 0 0 10px 0;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	padding: 4px 0;
}

.inset small {
  display:block;
  text-align:left;
  padding: 3px 0;
  font-weight: bold;
}
.inset.agents {
}

#ubertor #container_outer .inset.agents img {
	width:5em;
	padding:5px;
	margin:5px;
}

.inset.agents li {
	width:100%;
	text-align:right !important;
}

.inset.agents li strong {
float:left;
}

.inset.agents .agent_one li.name {
	text-align:left !important;
}

.inset.agents li.name {
	font-size:1.3em;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-top:5px;
}

.inset li.area {
	float:left;
	padding-left:40px;
}
.inset li {
	padding-right: 10px;
}

.inset small, .inset ul, .inset h4.price, .inset .postmetadata {
	margin: 0;
}

#id_inset_wrapper p,#id_inset_wrapper_left p {
	text-align:left;
	margin: 0;
	padding: 0 0 10px;
	font-size:12px;
	line-height: 18px;
}


/* === Featured Listing Inset === */


.inset img {
  padding: 0;
	max-width: 200px;
	width: expression(this.width > 200 ? 200: true);
}

.inset ul {
	padding-bottom: 10px;
}

.inset .widget_slideshow {
  width: 200px;
  height: 175px;
  padding: 0;
  margin: 0 0 10px;
}

.inset h4.address, .inset h4.price, .inset li {
	padding: 3px 0;
	text-align:center;
}

.inset h4.price {
	font-size:20px;
	margin: 0px;
}

.inset h4.address, .inset ul {
	font-size:12px;
	margin: 0px;
}

.inset div { 
	text-align: left;
}

.inset .postmetadata {
  text-align:right;
  font-size:smaller;
  padding: 3px;
}


/* Custom HTML Inset
=================================== */


.rich_html li {
	text-align:left;
}

.rich_html ul {
	list-style-type:square;
	margin:0 0 0 15px;
	padding:5px 0 0 10px;
}

.rich_html ol {
	margin:0 0 0 15px;
	padding:5px 0 0 10px;
}

.rich_html h1 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:8px;
}

.rich_html h2 {
	font-size:16px;
	font-weight:normal;
	margin: 5px 0;
}

/* Blog, Custom HTML, Custom HTML with editor Inset
=================================== */

/* videos in blog with editor inset (object and embed) -- 16:9 aspect */
.inset_group .blog object, .inset_group .blog embed, .inset_group .blog iframe {
  width: 200px;
  height: 132px;
}

/* Footer Menu
=================================== */

#page_footer {
  clear:both;
  position:relative;
	margin: 0px;
	padding: 10px 0 0 45px;
	height: 100px;
	text-align: left;
	text-transform:capitalize;
}

#page_footer a {
	font-size: 11px;
	margin: 0 15px 0 0;
	padding: 0px;
	line-height:30px;
}

#footer_menu li {
	float:left; position: relative;
} 
#footer_menu a {
	padding: 0 5px;
}

#page_footer a#powered_by {
  display:block;
  width:150px;
/*  height:35px;*/
	float:right;
  text-indent:-5000px;
  text-align:left;
  right: 0;
	margin: 10px 30px 0 0;
	position:absolute;
	top:0;
	opacity:1;
}

ul#navigation,
ul.pages,
ul.info,
ul.links,
#custom_form ul,
ul#custom_form,
ul li.details,
#detail_menu ul,
#business_card .realtor_info,
#business_card .office_info {
	list-style-type:none;
}


/* Listing
=================================== */

/* === Paging === */

.pages_return { clear:both; float:left; }
.pages {
	clear:both;
	margin: 0;
	padding: 0;
}
.pages li {
	float:left;
	margin: 0 5px;
	font-size:12px;
	line-height: 15px;
	list-style: none;
}

ul.pages  {
margin-left: 200px;
}

ul.pages li.total { float:none; list-style:none;}

/* === List === */

#listing_group {
	zoom:1;
}

.listing {
  margin: 0;
  padding: 0;
  clear:both;
	zoom:1;
}

.listing h2 {
  padding: 5px;
  font-size: 16px;  
	font-weight:normal;
}

.listing img {
  margin: 10px 0px 20px 0px;
  padding: 5px;
  float:left;
}

#content_body div.listing ul.stats {
  float:left;
  text-align:left;
  margin: 20px 10px 20px 30px;
  width:120px;
  padding: 0;
	list-style:none;
	height: 170px;
}

#content_body div.listing ul.stats li {
	padding: 0;
	margin: 0;
}

.properties p.description {
	margin-left:360px;
}

div#listing_group { border: none; }

div.listing ul.stats a {display:none;}

#content_body div.listing ul.stats li.value {
	font-size:22px;
	margin-bottom:10px;
}

div.listing ul.stats li.value small {
	display: block;
}

.listing p {
	padding-top: 20px;
}

.listing p img {
  padding:0;
  margin:0;
  border:none;
  float:right;
} 

.listing_details .info p {
clear:both;
}

#content_body p.disclaimer,
#content_body p.board_disclaimer,
#content_body p.board_copyright {
	clear:both;
	font-size:9px;
	line-height:15px;
	padding-top:1em;
}

#listing_group p.description {
	margin: 20px 0 0 0;
}

#listing_group img.reciprocity_logo {
	left: 190px;
	padding-top:135px;
	position:absolute;
}


/* === Listing Details === */

#details {
	text-align: center;
}
#details ul, #details h3, #details p {text-align:left;}
#address strong,
.property_detail #page_header_outer h1 strong {
	display:none;
}

* html .listing_details div.info {
	height:1%;
}

.listing_details #indetail_map {
  width: 270px;
  height: 180px;
  text-align: left;
  padding: 5px 0;
}

/* === Detail Tabs === */

.listing_details #navigation {
  width: 100%;
  height: 20px;
  padding: 0;
	margin: 0;
}

.listing_details #navigation li {
	position: absolute; }
.listing_details #navigation li.prev {
	left: 0px;
	padding:0;
}
.listing_details #navigation li.next {
	right: 0;
	padding:0;
}
.listing_details #navigation li.return {
  width: 100%;
  text-align: center;
  float: left;
  padding: 0;  
}

.listing_details #navigation a {
	text-decoration:none;
	font-size:12px;
}

.listing_details #detail_menu {
	margin: 0;
	padding: 0;
}

.listing_details div.info {
  clear:left;
	width: 100%;
  margin: 0 0 20px;
  padding: 0;
  overflow: auto;
}

.has_id_inset_wrapper .listing_details div.info {
  clear:left;
	width: 625px;
  margin: 0 0 20px;
  padding: 0;
  overflow: auto;
}

.listing_details div.tab_tab #details {
  padding: 20px 30px 30px;
}

.listing_details div.tab_tab #details li a {
	text-decoration:none;
}

.listing_details div.tab_tab #details h2 {
	text-align: left;
	border:none;
	margin:0;
	padding:10px 0;
	font-size:18px;
}

.listing_details div.tab_tab #details h5 {
	margin:0;
	padding:10px 0;
	font-size:18px;
	font-weight:normal;
}

.listing_details div.tab_tab #details p,
.listing_details div#video.tab_Video #details p {
  margin-left: 0;
}

.listing_details #detail_menu li {
  float: left;
	padding: 0;
}

.listing_details #detail_menu li a {
  display:block;
  padding: 5px 10px;
  margin: 5px 5px 0 0;
	text-decoration:none;
}

.listing_details #detail_menu .sel a {
  position:relative;
  top: 1px;
}

.listing_details #detail_menu .sel a,
.listing_details #detail_menu a:hover {
  padding: 5px 10px 10px 10px;
  margin-top: 0;
  position:relative;
	top: 1px;
}

/* === Flash Slideshow === */

#SOmonoSlideshow, #SOmonoslideshow {
	width: 840px;
	height: 500px;
	background:transparent url(images/loading-000.gif) no-repeat scroll center center;
}

.has_id_inset_wrapper #SOmonoSlideshow, .has_id_inset_wrapper #SOmonoslideshow {
	width: 625px;
	height: 475px;
}

#monoSlideshow {
	background-color:#000;
}

/* === Detail Header === */

.listing_details #address {
  clear:both;
  text-align:center;
  padding: 10px 0;
}

/* === Detail Links === */

.listing_details object  { display:block; margin: auto; }

.listing_details #video object,
.listing_details #video iframe,
.listing_details #video video,
.listing_details #video embed {
  display:block;
  margin: auto;
  max-width: 760px;
  max-height: 428px;
}

.has_insets .listing_details #video object,
.has_insets .listing_details #video iframe,
.has_insets .listing_details #video video,
.has_insets .listing_details #video embed {
  max-width: 565px;
  max-height: 318px;
}

.listing_details ul.links {
	list-style:none;
}

.listing_details ul.info { float:left; }

.listing_details ul.right, .listing_details ul.left {
	padding:15px 0 15px 30px;
	margin:0;
}

.listing_details ul.info strong {
  float:left;
  width: 100px;
}

#details ul {
	font-size: 12px;
}

.listing_details ul.info li {
	width: 375px;
	padding: 5px 0px !important;
}

.has_id_inset_wrapper .listing_details ul.info li {
	width: 268px;
	padding: 5px 0px !important;
}

.listing_details ul.info li.value strong {
  font-size: 12px;
}

.listing_details ul.info li.value {
  font-size: 20px;
}

.listing_details .info .info li strong {
	margin: 0px;
}

.listing_details p .reciprocity_logo {
  float:right;
  margin-right: 5px;
}

.listing_details h3 {
}

#listing_description {
	clear:both;
	padding: 0 30px 30px;
}

/* === Photos === */

#photos { text-align: center; }
#photos h3, #photos p { width: auto; float:none; margin: 0;}

#details img,
#photos img {
	margin: 0 10px;
}

#photos ul {
  width: 70%;
  clear:left;
  margin: 10px auto;
  overflow: auto;
}

#photos li { float: left;}

/* === Map === */

#map { clear:both; }


#properties_map {
	height:375px !important;
}

#properties_maplist {
	height:200px;
	overflow-y: scroll;
}

#properties_table {
	width: 100%;
}

#properties_table th, #properties_table td {
	padding: 5px 0 5px 10px;
	text-align:left;
}

#properties_table tr {
	font-size: 13px;
}

/* === Business Card === */

#business_card {
	border: none;
	min-height: 150px;
	text-align:left;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:625px;
	min-height:50px;
	overflow:hidden;
}

/* -- Align by semicolons -- */

#business_card strong {
  position:absolute;
  top:0em;
  left:8em;
  display:block;
  text-align:left;
  width:14em;
  white-space:nowrap;
}

#business_card li {
  text-align:right;
  position:relative;
  clear:both;
  width:6em;
  display:block;
  height:1.5em;
	padding:0;
}

#business_card ul { width:auto; }

#business_card .office_info li {
  width:auto;
  text-align:left;
}

#business_card img {width:100px; height:100px; padding-left:10px; border:none;}

#business_card #agent_one {
	clear:both;
	position:relative;
	top: 0px;
	left: 0px;
	width: 625px;
	height: 150px;
	margin-top: 5px;
}

#business_card #agent_one ul.realtor_info {
  float:right; 
	position:absolute;
	top:0;
	left:140px;
	margin:0px;
	padding:0px;
}
#business_card #agent_one ul.office_info {
	position:absolute;
	top:0;
	left:400px;
	margin:0px;
	padding:0px;
	width:360px;
	overflow:hidden;
}
#business_card .listing_agent,
#business_card #agent_two {
	position:relative;
	top:0;
	left:0px;
	padding-top:5px;
	_padding-top:15px;
	height:10em;
	margin:0;
	overflow:hidden;
}
#business_card .listing_agent ul.realtor_info,
#business_card #agent_two ul.realtor_info {
	position:absolute;
	top:0;
	left:0;
	margin:0px;
	padding:0px;
	padding-top:5px;
	margin-left:140px;
}
#business_card .listing_agent ul.office_info,
#business_card #agent_two ul.office_info {
	position:absolute;
	top:0;
	left:400px;
	margin:0px;
	padding:0px;
	padding-top:5px;
	width:360px;
	overflow:hidden;
}

/* Links
=================================== */

#links h3 {
  clear:both; 
  padding:5px 0;
  width: 100%;
}

#links ul {
  padding: 0 0 0 30px;
  margin: 0 0 15px 0;
  overflow:auto;
	list-style-type:square;
}

#links li {
  float:left;
  padding: 3px 35px 3px 0;
	width: 40%;
}

.listing_details ul.links {
	margin:0;
	padding:0 0 0 25px;
}

#content_body ul.links li {
float:left;
line-height:25px;
padding: 0 20px 0 30px;
}

#links li p {
  margin:0;
	padding:0;
}

/* Blog
=================================== */

.post {
  margin: 0 0 20px 0;
	padding: 0;
}

#content_body .post h2 {
	margin: 10px 0 10px 0;
	padding: 5px 0;
	font-size: 15px;
	font-weight:normal;
	text-align:left;
}

.post small {
  font-style:italic;
  margin: 0;
  font-size: 1.0em;
  line-height: 26px;
}

#content_body .post .postmetadata {
  margin-top: 0;
}

.blog .inset .postmetadata {
	text-align:center;
}

div.inset .entry {
	padding-bottom: 10px;
	margin:0;
	font-size: 12px;
}

div.entry {
	margin: 0;
}

.blog #content_body h6 a {
	font-weight: normal;
	text-decoration:none;
	font-size:9pt;
}

/* Formatting for the list on the Newsletter page */
#newsletter_links {
  list-style-type: circle;
  padding: 0 0 15px 0;
  margin-left: 10px;
}

#newsletter_links li {
  list-style-type: circle;
  padding: 0 0 15px 0;
  margin: 0;
}

/* Lead Generator Forms
============================ */
#content_body form.content_form ul {
	padding:0;
	list-style:none;
	margin: 0 0 0 10px;
	padding-top: 15px;
}

form#contact.content_form label {
	width: 85px;
	text-align: left;
}

.contact label {
  display:block;
  float:left;
  width:200px;
  clear:left;
  text-align:right;
  padding-right:10px;
}
.contact input.submit {
	margin: 0 10px;
}

/* Ajax Search
======================================== */

* html .result_outer {
	height:275px;
}

.result_inner h3.price {margin-top: 0px;}
.headerfooter h3 {margin:0;}
.headerfooter .pages,
.headerfooter .listing_details p {
  clear:left;
  padding: 0;
  position:relative;
  top: -1.2em;
}

/* Flash Header Styling */
div.flash_header#page_header_outer {
	background-image: none;
	height: 257px;
}

div.flash_header#page_header_outer div#page_header_inner .flash_header {
	position: absolute;
	top: 170px;
	left: 20px;
	z-index: 1;
}

#monoSlideshowBanner object, #monoSlideshowBanner {
	height:230px;
	width:920px;
}

/* Forms
==================================== */

#content_body form {
	padding-bottom: 15px;
	margin: 0;
	font-size: 12px !important;
}

#content_body form input, #content_body form textarea {
	margin-bottom: 0;
}

#content_body form.content_form ul {
	margin: 0;
	padding:0;
}

#content_body form li {
	padding: 5px 0;
}

.content_form label {
	float:left;
	width:125px;
}
#content_body form textarea {
	width:300px;
}

#auth_code {
	margin-left:0;
}

/* Roster
=================================== */

.agent {
	height: 250px;
	margin: 0 12px 0 0;
	padding: 0 !important;
	width: 92px;
}

#roster strong {
	text-transform:capitalize;
	width:150px;
}
#roster .custom_form .field_bundle label {
  font-weight: bold;
  font-size: inherit;
}
#roster .agent  strong {
	text-transform:capitalize;
	width:92px;
}

#roster img {
	width:170px;
}

#roster .agent img {
	border:1px solid #CCCCCC;
	width:90px;
	margin:0;
	padding:0;
	width:90px;
}

#roster ul.contact, #roster ul.info {
	float:left;
	margin:0 0 0 20px;
	padding:0;
	width:420px;}

#roster h2 {
	font-style:normal;
}

#roster ul.info li.additional strong {
	display:block;
	float:none;
	white-space:nowrap;
}

iframe {
	border:none;
	background-color:#fff;
}

/* Social Sharing Bar */

.ubr_share_bar {
  display: block;
}

#content_body .listing .ubr_share_bar {
  margin-top:-3px;
}

#content_body .listing_details .ubr_share_bar {
  margin-right:28px;
  
}

#content_body .post .ubr_share_bar {
  margin-top:3px;
}

#content_body .post_heading .ubr_share_bar {
  margin-top:-3px;
}

.listing_details ul.info.left {
  clear:left;
}

#pre_content {
  padding: 0 20px;
}

.video_showcase {
  height: 430px;
  margin-bottom: 20px;
}

.video_showcase,
.video_playlist
{
  border: 1px solid #999;
  -moz-box-shadow:inset 0 0 5px #000000;
  -webkit-box-shadow:inset 0 0 5px #000000;
  box-shadow:inset 0 0 5px #000000;
}

.video_frame {
  float:left;
  width: 608px;
  height: 408px;
  padding:  10px;
}

.video_playlist {
  background-color: #EEE;
  float:right;
  width: 268px;
  height: 408px;
  overflow: auto;
  padding: 10px;
}

.video_playlist_item {
  float: left;
  padding-bottom: 10px;
  font-size: 0.9em;
  line-height: 1.2em;
}

.video_playlist_item h4 {
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 5px;
}

.video_playlist_item img {
  float: left;
  width:120px;
  height:80px;
  margin-right:7px;
  border: 1px solid #DDDDDD;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC',direction='120',strength='5');
}

.video_playlist_item.current a,
.video_playlist_item:hover a,
.video_playlist_item a:hover
{
  color: #2b7768;
}

.video_playlist_item.current img,
.video_playlist_item:hover img
{
  border: 1px solid #85B7AE;
  -moz-box-shadow: 5px 5px 5px #85B7AE;
  -webkit-box-shadow: 5px 5px 5px #85B7AE;
  box-shadow: 5px 5px 5px #85B7AE;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#85B7AE',direction='120',strength='5');
}

#video_showcase_player {
  width: 100%;
  height: 100%;
  text-align: center;
}

#video_showcase_player span {
  margin: auto;
}

#video_showcase_player object, #video_showcase_player embed, #video_showcase_player iframe {
  width: 100%;
  height: 100%;
}