/* CSS Document */

/* MEDIA CENTER FRONT CATEGORY LISTINGS ----------------------------------------
---------------------------------------------------------------------------*/
div.mediacenter_wrapper {margin: 0 5px;}
div.mediacenter_wrapper h1,
div.mediacenter_wrapper h2,
div.mediacenter_wrapper h3{}

/* Media Center Category Listings Wrapper ---------------------------------
------------------------------------------------------------------------------*/
div.mediacenter_cat_wrapper {}

/* Definition List Wrapper */
div.mediacenter_cat { margin-bottom:5px; }

/* Definition List */
div.mediacenter_cat dl {}

/* Definition Title */
div.mediacenter_cat dt {}

/* Definition Item */
div.mediacenter_cat dd {}

/* Definition Content markups */
div.mediacenter_cat dd ul {margin:0; padding:0 5px 5px 5px; list-style:none;}
div.mediacenter_cat dd li {margin:0 0 1px 0; padding:0; list-style:none;} 

#content .page_content div.mediacenter_cat dt a,
#content .page_content div.mediacenter_cat dt a:link,
#content .page_content div.mediacenter_cat dt a:visited {font-weight: bold;display:block; padding:5px 5px 5px 30px; color:#FFF; background:#084887 url(/elements/images/media/view.gif) no-repeat center left; background-position:10px 5px; text-decoration:none;}

#content .page_content div.mediacenter_cat dt a:hover,
#content .page_content div.mediacenter_cat dt a:focus,
#content .page_content div.mediacenter_cat dt a:active {color:#fff; background:#146bc0 url(/elements/images/media/view.gif) no-repeat center left; background-position:10px 5px; text-decoration:none;}

#content .page_content div.mediacenter_cat dd a,
#content .page_content div.mediacenter_cat dd a:link,
#content .page_content div.mediacenter_cat dd a:visited {display:block; font-size:12px; border:1px solid #a99678; border-width:0 1px 1px 0; padding:5px 5px 5px 30px; color:#000; background:#e8cc9c url(/elements/images/media/view.gif) no-repeat center left; background-position:10px 5px; text-decoration:none;}

#content .page_content div.mediacenter_cat dd a:hover,
#content .page_content div.mediacenter_cat dd a:focus,
#content .page_content div.mediacenter_cat dd a:active {color:#256f71; background:#FFF url(/elements/images/media/view.gif) no-repeat center left; background-position:10px 5px; text-decoration:none;}


/* MEDIA CENTER SLIDES ------------------------------------------
------------------------------------------------------------------*/

/* slide wrappers */
div.mediacenter_slidecase {margin:0 10px 20px 10px;}

/* slide */
div.mediacenter_slide {width:160px; float:left; display:block; margin:0 10px 10px 0;background:transparent;}

/* slide hover area */
div.mediacenter_slide_content {border:1px solid #000; background:#FFF;}
div.mediacenter_slide_content .categoryName {display: block; background: #084887; padding:2px 3px;font-weight:bold; margin-bottom: 3px; color: #fff;}
div.mediacenter_slide_content h2 {font-size:10px; font-weight:bold; color:#818181; margin:0 5px 5px 5px; padding:0; line-height:1em;}

div.mediacenter_slide_content h2 img {margin-right:5px;}

div.mediacenter_slide_content a,
div.mediacenter_slide_content a:link,
div.mediacenter_slide_content a:visited {color:#000; text-decoration:none;}

div.mediacenter_slide_content a:hover,
div.mediacenter_slide_content a:focus,
div.mediacenter_slide_content a:active {color:#256f71; text-decoration:none;}

div.mediacenter_slide_content h3 {margin:0; padding:0; line-height:1.2em; font-size:10px;}

div.mediacenter_slide_content .thumbnail {text-align: center; display: block; width: 150px; height: 225px; overflow: hidden; margin: 5px auto;}
div.mediacenter_slide_content .thumbnail img {width: 150px;} 
div.mediacenter_slide_content em {font-size:9px; font-weight:normal;}
div.mediacenter_slide_content span.thumbnail_caption {padding:5px;display:block; position: relative; border-top: 2px solid #F40091;}
div.mediacenter_slide_content .viewButton {display: block; width: 100%; height: 15px; text-align: right; position: relative;}
div.mediacenter_slide_content .view {position: absolute; display: block; top: 5px; right: 5px; width:15px; height:15px;}



/* MEDIA CENTER DETAILS SECTION --------------------------------
--------------------------------------------------------------*/
div.mediacenter_display_wrapper{}

#content .page_content div.mediacenter_display_wrapper table {
	width: 100%;
	height: auto;
	border:1px solid #084887;
	padding: 5px;
	margin: 10px 0px;
	background:#FFF;
}
#content .page_content div.mediacenter_display_wrapper table .file{
	text-align:left;
	vertical-align:middle;
	font-size: 10px;
	height: 35px;
	padding-left:5px;
	border-bottom:1px solid #084887;
}
#content .page_content div.mediacenter_display_wrapper table .download{
	border-bottom:1px solid #084887;
	background: #084887;
	text-align:center;
	vertical-align:middle;
	font-size: 11px;
	font-weight:bold;
	margin:5px;
	line-height:18px;
}
#content .page_content div.mediacenter_display_wrapper table .download a,
#content .page_content div.mediacenter_display_wrapper table .download a:link{
	color:#FFF;
	text-decoration: none;
}
#content .page_content div.mediacenter_display_wrapper table .download a:hover{
	text-decoration:underline;
}
#content .page_content div.mediacenter_display_wrapper table .caption {
	font-size:10px;
	padding: 5px;
	text-align: left;
	border-bottom: none;
}
#content .page_content div.mediacenter_display_wrapper table .caption p {margin: 0;}
#content .page_content div.mediacenter_display_wrapper table .preview{
	width:100%;
	border:none;
	text-align:center;
	padding-bottom:15px;
}



#content {padding-top: 0;}
#content .mediacenter_wrapper {margin: 0;}
#content .mediacenter_wrapper .detail {width: 375px; float: left;}
#content .mediacenter_wrapper .detail a img {width: 375px; display: block;}
#content .mediacenter_wrapper .thumbnails {float: right; width: 220px;}
#content .mediacenter_wrapper .thumbnails .mediacenter_slidecase {margin: 0 0 10px 0;}
#content .mediacenter_wrapper .thumbnails .mediacenter_slidecase .mediacenter_slide {width: 59px; margin: 0 2px 10px;}
#content .mediacenter_wrapper .thumbnails .mediacenter_slidecase .mediacenter_slide div.mediacenter_slide_content .thumbnail {width: 57px; height: 83px; margin: 0; display: block; padding: 1px 0;}
#content .mediacenter_wrapper .thumbnails .mediacenter_slidecase .mediacenter_slide div.mediacenter_slide_content .thumbnail:hover {background: #F40091;}
#content .mediacenter_wrapper .thumbnails .mediacenter_slidecase .mediacenter_slide div.mediacenter_slide_content .thumbnail img {width: 55px}
div.controls a {display: block; width: 50%; padding: 3px 0; color: #fff; font-weight: bold;}
div.controls a.prev {float: left;}
div.controls a.next {float: right; text-align: right;}