/* general settings */
body {background:#89ffd3 url(/image/background.gif) repeat-x top; margin:0px; font:12px arial, helvetica, sans-serif; color:#404040;}
form {margin:0px;}
input {font-size:14px; padding:2px; color:#000; border:1px solid #65f3ff; vertical-align:middle;}
textarea { border:1px solid #65f3ff; }
select {font-size:14px; color:#000; vertical-align:middle;}
textarea {font-size:14px; color:#000; vertical-align:middle;}
h1 {font:bold 18px arial; color:#333; margin:0px; padding:0px;}
h1.member {font:bold 20px arial; color:#3d61ad; margin:0px; padding:0px 0px 4px 0px; border-bottom:2px solid #3d61ad; margin-bottom:10px;}
h1.business {font:bold 20px arial; color:#3d61ad; margin:0px; padding:0px 0px 4px 0px; border-bottom:2px solid #3d61ad; margin-bottom:10px;}
h2 {font:bold 14px arial; background-color: #e6e6e6; padding:5px; }
h3 { font:bold 12px arial; background-color: #f3f3f3; padding:3px; margin-bottom:0px; }
label {cursor:pointer;}
.checkbox {border:0px; background:none; padding:0px; margin:0px;}
.submit {border:0px; background:none; padding:0px; margin:0px;}

/* layout settings */
#quicknav {background:url(/image/quicknav-back.gif) bottom; height:35px; line-height:31px;}
#quicknav .quicknav-wrapper {width:980px; margin:0 auto; text-align:right; color:#fff;}
#quicknav a:link, #quicknav a:visited {color:#fff; text-decoration:underline;}
#quicknav a:active, #quicknav a:hover {color:#fff200; text-decoration:underline;}
#quicknav span {margin:0px 6px;}
#quicknav form {margin-left:12px;}
#quicknav select {vertical-align:middle;}
#quicknav #translate {margin-top:6px;}
#shell {width:980px; margin:0 auto; text-align:center; background:#fff; position:relative;}
#container {text-align:left;}
#header {}
#header .left {padding:15px 0px 15px 25px; float:left;}
#header .right {float:right; width:728px; padding:12px 12px 0px 0px;}
#header .right .advertisement {}
#header .right #login {margin-top:9px;}
#header .right #login .left {float:left; width:408px; padding:0px;}
#header .right #login .right {float:right; width:auto; padding:0px;}
#header .right #login .right input {margin-left:10px;}
#header .right #login .right .signup {vertical-align:middle; margin-left:10px;}
#header #topnav {background:url(/image/topnav-back.gif); height:42px;}
#header #topnav ul {margin:0px; padding:0px;}
#header #topnav ul li {list-style-type:none; display:inline;}
#header #topnav ul li img {vertical-align:middle;}
.top-social {float:left; height:16px; padding-top:7px;}
/*
#header #topnav ul li a:link, #header #topnav ul li a:visited {font:bold 16px arial; color:#fff; text-decoration:none; padding:10px 18px 12px 18px; line-height:40px;}
#header #topnav ul li a:active, #header #topnav ul li a:hover {font:bold 16px arial; color:#fff; text-decoration:none; padding:10px 18px 12px 18px; background:url(/image/topnav-back-hover.gif); line-height:40px;}
*/

#wrapper {padding:12px;}
#wrapper .left {float:left; width:635px; padding-top:10px;}
#wrapper .right {float:right; width:300px;}
#wrapper .right h2 {background:url(/image/h2-background.gif) no-repeat; height:33px; line-height:35px; padding:0px 0px 0px 30px; margin:0px; color:#000;}

/* my account settings */
#account-nav { float:left; width:185px; padding-right:15px; border-right:1px dashed #ccc; min-height:550px;}
#account-nav h2 { margin-top:0px; }
#account-nav ul {margin:0px 0px 15px 0px; padding:2px; border:1px solid #ccc;}
#account-nav ul li {list-style-type:none; border-bottom:1px dashed #ccc;}
#account-nav ul li.last {border-bottom:0px;}
#account-nav ul li a:link, #account-nav  ul li a:visited {padding:6px; text-decoration:none; display:block; color:#404040;}
#account-nav ul li a:active, #account-nav  ul li a:hover, #account-nav  ul li.selected {padding:6px; text-decoration:none; display:block; background:#effcfd; color:#000;}
#account-nav ul li a:link span, #account-nav  ul li a:visited span {color:#cc0000;}
#account-nav ul li a:active span, #account-nav  ul li a:hover span {color:#cc0000;}
#wrapper .account-left {float:left; width:185px;}
#wrapper .account-right {float:right; width:750px;}
#wrapper .account-right h1 { margin-bottom:10px; }
#wrapper .right .advertisement {margin:20px 0px;}
#footer {text-align:center; width:980px; margin:0 auto; padding:0px 0px 30px 0px; color:#006796; border-top:4px solid #c5ff02;}
#footer a:link, #footer a:visited {color:#006796; text-decoration:underline;}
#footer a:active, #footer a:hover {color:#0088c6; text-decoration:underline;}
#footer .advertisement {padding:25px 0px; margin:0px;}
#footer #bottomnav a:link, #footer #bottomnav a:visited {color:#006796; text-decoration:underline;}
#footer #bottomnav a:active, #footer #bottomnav a:hover {color:#0088c6; text-decoration:underline;}
#footer #bottomnav span {margin:0px 6px;}
#footer #credits {padding:15px 0px;}
#footer .advertisement {padding:10px 0px;}
.clear {clear:both; margin:0px; padding:0px; height:0px; font-size:0px; line-height:0px; float:none;}

/* login settings */
.login-form {}
.login-form form {padding:12px;}
.login-form form input {padding:6px;}
.login-form form input.submit {background:url(/image/submit-button-background.gif); cursor:pointer; padding:3px; border:1px solid #8ee7fc; color:#404040; margin-right:10px;}
.login-form form input.submit:hover {text-decoration:underline;}
.login-form form a:link, #login-form form a:visited {color:#2879cc; text-decoration:underline;}
.login-form form a:active, #login-form form a:hover {color:#1b83ed; text-decoration:underline;}
.login-form fieldset {border:2px solid #ed1f24;}
.login-form fieldset legend {background:#fff; padding:0px 6px; font:bold 16px arial; color:#ed1f24;}

/* media gallery settings */
#media-gallery {background:#65f3ff; padding:5px;}
#media-gallery .media-gallery-photo {}
#media-gallery .media-gallery-photo img {background:#fff; padding:2px; border:1px solid #41b4be;}
#media-gallery .media-gallery-bottom {margin-top:6px;}
#media-gallery .media-gallery-nav {float:left;}
#media-gallery .media-gallery-nav ul {margin:0px; padding:0px;}
#media-gallery .media-gallery-nav ul li {list-style-type:none; margin:0px; padding:3px;}
#media-gallery .media-gallery-nav ul li img {margin:1px 0px;}
#media-gallery .media-gallery-nav ul li img:hover {}
#media-gallery .media-gallery-thumbnails {float:right;}
#media-gallery .media-gallery-thumbnails ul {margin:0px; padding:0px;}
#media-gallery .media-gallery-thumbnails ul li {list-style-type:none; display:inline;}
#media-gallery .media-gallery-thumbnails ul li img {background:#fff; padding:2px; border:1px solid #41b4be;}
#media-gallery .media-gallery-thumbnails ul li img:hover {border:1px solid #026d76;}

#map { width:100%; height:400px; border:1px solid #aaa; }

/* home left settings */
#home-left {}
#home-left .left {float:left; width:315px;}
#home-left .left .advertisement {margin:15px 0px; padding:6px; border:2px solid #324e88;}
#home-left .right {float:right; width:300px;}


/* tab menu settings * /

.tab-menu {clear:both;}

.tab-menu ul {padding:3px 9px 2px 0px; margin-left:0px; margin-top:1px; margin-bottom:0px; font:12px arial; list-style-type:none; text-align:left; border-bottom:1px solid #929492;}

.tab-menu li {display:inline; margin:0px; padding:0px;}

.tab-menu li a:link, .tab-menu li a:visited {color:#000; text-decoration:none; padding:3px 15px 2px 10px; margin:0px; margin-right:1px; border-left:1px solid #DDD; color:black; font-size:12px; background:#f7f7f7 url(/image/half-tab-right.gif) top right no-repeat;}

.tab-menu li a:active, .tab-menu li a:hover {background:#E6F2FF url(/image/half-tab-right.gif) top right no-repeat; color:#105CB6;}

.tab-menu li.selected a {background:#E6F2FF url(/image/half-tab-right.gif) top right no-repeat; color:#105CB6; padding:3px 15px 2px 10px; margin:0px; margin-right:1px; } */



/* media settings */

#media {}
#media .media-main {}
#media .media-main .left {float:left; width:430px; padding:0px;}
#media .media-main .left img {background:#fff; padding:2px; border:1px solid #41b4be;}
#media .media-main .right {float:right; width:300px; padding:0px;}
#media .media-main .right .advertisement {margin:0px 0px 22px 0px; padding:0px;}
#media .media-addon {width:630px;}
#media .media-addon .left {float:left; width:430px; padding:10px 0px;}
#media .media-addon .left strong {display:block;}
#media .media-addon .right {float:right; width:180px; text-align:right; font:11px arial; color:#888; padding:6px 0px;}
#media #gallery {margin-top:10px;}
#media #gallery .tab-menu {}
#media #gallery .gallery-contents {padding:16px 12px; background:#ebebeb; height:450px; overflow:hidden;}
#media #gallery .gallery-contents .gallery-item {width:180px; height:110px; font:12px arial; float:left; margin:0px 20px 16px 0px; padding:6px 10px; border:1px solid #ccc; background:#fff;}
#media #gallery .gallery-contents .gallery-item img {margin: 0 auto;}
#media #gallery .gallery-contents .gallery-item a:link, #media #gallery .gallery-contents .gallery-item a:visited {color:#404040; display:block; text-align:center; font-weight:bold; text-decoration:none;}
#media #gallery .gallery-contents .gallery-item a:active, #media #gallery .gallery-contents .gallery-item a:hover {color:#404040; display:block; text-align:center; font-weight:bold; text-decoration:none;}
#media #gallery .gallery-contents .gallery-item span {font:11px arial; display:block; text-align:center;}
#media #gallery .gallery-contents .gallery-item img {background:#fff; padding:2px; border:1px solid #41b4be; display:block; margin-bottom:3px;}
#media #gallery .gallery-contents .gallery-item img:hover {border:1px solid #026d76;}
#media #gallery .gallery-contents .pagination {clear:both;}

#media #gallery #photo {position:relative; width:925px; overflow:hidden;}
#media #gallery #photo .gallery-slide { position:relative; width:2775px; height:410px; left:-925px; margin:0px; padding:0px; }
#media #gallery #photo .gallery-left { position:relative; width:925px; float:left; }
#media #gallery #photo .gallery-center { position:relative; width:925px; float:left; }
#media #gallery #photo .gallery-right { position:relative; width:925px; float:left; }
#media #gallery #video {position:relative; width:925px; overflow:hidden;}
#media #gallery #video .gallery-slide { position:relative; width:2775px; height:410px; left:-925px; margin:0px; padding:0px; }
#media #gallery #video .gallery-left { position:relative; width:925px; float:left; }
#media #gallery #video .gallery-center { position:relative; width:925px; float:left; }
#media #gallery #video .gallery-right { position:relative; width:925px; float:left; }
#media #gallery #audio {position:relative; width:925px; overflow:hidden;}
#media #gallery #audio #audio-box {position:relative; width:670px; overflow:hidden;}
#media #gallery #audio .gallery-slide { position:relative; width:2010px; height:410px; left:-670px; margin:0px; padding:0px; }
#media #gallery #audio .gallery-left { position:relative; width:670px; float:left; }
#media #gallery #audio .gallery-center { position:relative; width:670px; float:left; }
#media #gallery #audio .gallery-right { position:relative; width:670px; float:left; }
#media #gallery #audio .audio-right { float:right; width:250px; height:410px; background:#000;}

/*

#media #gallery .gallery-contents {padding:16px 12px; background:#ebebeb;}
#media #gallery .gallery-contents ul {margin:0px; padding:0px; overflow:scroll; overflow-x:hidden; height:400px;}
#media #gallery .gallery-contents ul li {list-style-type:none; float:left; margin:0px 20px 16px 0px; padding:6px 10px; background:#fff; border:1px solid #ccc;}
#media #gallery .gallery-contents ul li a:link, #media #gallery .gallery-contents ul li a:visited {color:#404040; display:block; text-align:center; font-weight:bold;}
#media #gallery .gallery-contents ul li a:active, #media #gallery .gallery-contents ul li a:hover {color:#404040; display:block; text-align:center; font-weight:bold;}
#media #gallery .gallery-contents ul li span {font:11px arial; display:block; text-align:center;}
#media #gallery .gallery-contents ul li img {background:#fff; padding:2px; border:1px solid #41b4be; display:block; margin-bottom:3px;}
#media #gallery .gallery-contents ul li img:hover {border:1px solid #026d76;}

*/

/* news settings */
#news {border:2px solid #ed1f24; margin:15px 0px; min-height:300px;}
#news .view-all {float:right; padding:8px;}
#news .view-all a:link, #news .view-all a:visited {color:#fff; text-decoration:underline;}
#news .view-all a:active, #news .view-all a:hover {color:#f9ef20; text-decoration:underline;}
#news h1 {background:#ed1f24; color:#fff; font:bold 20px arial; padding:5px 8px;}
#news .news-headline {padding:10px 10px 0px 10px;}
#news .news-headline .left {float:left; width:75px;}
#news .news-headline .right {float:right; width:200px; color:#3d61ad; padding-top:10px;}
#news .news-headline .right a:link, #news .news-headline .right a:visited {font-weight:bold; color:#3d61ad; text-decoration:underline;}
#news .news-headline .right a:active, #news .news-headline .right a:hover {font-weight:bold; color:#356ce1; text-decoration:underline;}
#news .news-headline .right span {display:block;}
#news .news-headline .right span a:link, #news .news-headline .right span a:visited {font-weight:bold; color:#3d61ad; text-decoration:none;}
#news .news-headline .right span a:active, #news .news-headline .right span a:hover {font-weight:bold; color:#356ce1; text-decoration:underline;}
#news #news-articles {padding:10px;}
#news #news-articles .news-article {padding:4px 0px;}
#news #news-articles .news-article a:link, #news #news-articles .news-article a:visited {color:#3d61ad; text-decoration:none;}
#news #news-articles .news-article a:active, #news #news-articles .news-article a:hover {color:#356ce1; text-decoration:none;}
#news #news-articles .news-article strong {text-decoration:underline;}
#news #news-articles .news-article span {font-size:14px;}
#news-articles .news-header {font:bold 16px arial; color:#006796; margin:15px 0px 5px 0px;}
#news-articles .news-featured {background:#d6eef7; border:1px solid #9bc8d9; padding:8px; margin:10px 0px;}
#news-articles .news-link {line-height:16px;}
#news-articles .news-featured span, #news-articles .news-link span {font-size:14px;}

/* rate settings */
#rate {background:#34e970; padding:8px; min-height:150px;}
#rate h1 {color:#fff; font:bold 20px arial; padding:5px 8px;}
#rate .rate-photo {margin:5px auto; width:288px;}
#rate .rate-photo img {background:#fff; padding:4px;}
#rate .rate-bottom {margin-top:8px;}
#rate .rate-bottom .results { text-align:center; font:bold 14px arial; color:#fff; padding:4px; }
#rate .rate-bottom .left {float:left; width:70px; font:bold 14px arial; color:#fff; padding:4px; text-align:left;}
#rate .rate-bottom .middle {float:left; width:140px; text-align:center; }
#rate .rate-bottom .middle ul {margin:0px; padding:0px;}
#rate .rate-bottom .middle ul li {list-style-type:none; display:inline;}
#rate .rate-bottom .middle ul li a:link, #rate .rate-bottom .middle ul li a:visited {}
#rate .rate-bottom .middle ul li a:active, #rate .rate-bottom .middle ul li a:hover {}
#rate .rate-bottom .middle ul li img {width:23px; height:23px; vertical-align:middle; background:url(/image/star-off.gif) no-repeat;}
/*#rate .rate-bottom .middle ul li img:hover {background:url(/image/star-on.gif) no-repeat;}*/
#rate .rate-bottom .right {float:right; width:70px; font:bold 14px arial; color:#fff; padding:4px; text-align:right;}

/* ipu tv settings */
#ipu-tv {border:2px solid #3d61ad; margin:15px 0px; background:url(/image/ipu-tv-back.gif) repeat-x; min-height:300px;}
#ipu-tv .view-all {float:right; padding:8px;}
#ipu-tv .view-all a:link, #ipu-tv .view-all a:visited {color:#fff; text-decoration:underline;}
#ipu-tv .view-all a:active, #ipu-tv .view-all a:hover {color:#f9ef20; text-decoration:underline;}
#ipu-tv h1 {background:#3d61ad; color:#fff; font:bold 20px arial; padding:5px 8px;}
#ipu-tv h1 span {font-weight:normal;}
#ipu-tv .ipu-tv-main-video {width:260px; margin:15px auto; border-left:10px solid #000; border-top:7px solid #000; border-bottom:7px solid #000; border-right:10px solid #000;}
#ipu-tv .ipu-tv-playing {margin:5px 10px 10px 10px; color:#3d61ad; min-height:50px; border-bottom:2px solid #4568b0;}
#ipu-tv .ipu-tv-playing span {display:block; font-weight:bold;}
#ipu-tv .ipu-tv-playing p {margin-top:8px;}
#ipu-tv #ipu-tv-videos {padding:10px 10px 0px 10px;}
#ipu-tv #ipu-tv-videos .ipu-tv-video {margin-bottom:14px;}
#ipu-tv #ipu-tv-videos .ipu-tv-video .left {float:left; width:78px; padding:0px;}
#ipu-tv #ipu-tv-videos .ipu-tv-video .right {float:right; width:185px; color:#3d61ad;}
#ipu-tv #ipu-tv-videos .ipu-tv-video .right p {margin:0px 0px 6px 0px;}
#ipu-tv #ipu-tv-videos .ipu-tv-video .right a:link, #ipu-tv #ipu-tv-videos .ipu-tv-video .right a:visited {color:#3d61ad; font-weight:bold; text-decoration:none;}
#ipu-tv #ipu-tv-videos .ipu-tv-video .right a:active, #ipu-tv #ipu-tv-videos .ipu-tv-video .right a:hover {color:#356ce1; font-weight:bold; text-decoration:underline;}
#ipu-tv #ipu-tv-videos .ipu-tv-video .right a:link span, #ipu-tv #ipu-tv-videos .ipu-tv-video .right a:visited span {font-size:16px;}
#ipu-tv #ipu-tv-videos .ipu-tv-video .right a:active span, #ipu-tv #ipu-tv-videos .ipu-tv-video .right a:hover span {font-size:16px;}
#ipu-tv #ipu-tv-videos .ipu-tv-video img {background:#fff; padding:2px; border:1px solid #c2e7eb;}
#ipu-tv #ipu-tv-videos .ipu-tv-video img:hover {border:1px solid #8bd0d7;}

/* new faces settings */
#new-faces {padding-bottom:10px; border-bottom:2px solid #ed2327;}
#new-faces h1 {color:#ed2327; font:bold 20px arial;}
#new-faces h1 img {margin-right:8px;}
#new-faces .new-face {margin:8px 0px;}
#new-faces .new-face .left {float:left; width:152px;}
#new-faces .new-face .left img {background:#fff; padding:2px; border:1px solid #c2e7eb;}
#new-faces .new-face .left img:hover {border:1px solid #8bd0d7;}
#new-faces .new-face .right {float:right; width:132px; font-size:11px; padding-top:10px;}
#new-faces .new-face .right .new-face-added {font-weight:bold; color:#afd359;}
#new-faces .new-face .right .new-face-name {}
#new-faces .new-face .right .new-face-name a:link, #new-faces .new-face .right .new-face-name a:visited {color:#ed1f24; text-decoration:underline;}
#new-faces .new-face .right .new-face-name a:active, #new-faces .new-face .right .new-face-name a:hover {color:#c50308; text-decoration:underline;}
#new-faces .new-face .right .new-face-description {color:#006796;}
#new-faces .new-face-options {}
#new-faces .new-face-options img {vertical-align:middle;margin-right:4px;}
#new-faces .new-face-options img:hover {}

/* events settings */
#events {}
#events h1 {color:#b0d55d; font:bold 20px arial;}
#events h1 img {margin-right:8px;}
#events .event {margin:10px 0px; padding-bottom:15px; border-bottom:2px solid #b0d55d;}
#events .event .left {float:left; width:60px; text-align:center;}
#events .event .left .event-month {color:#49c9f0; font:bold 18px arial; margin-top:8px;}
#events .event .left .event-day {color:#49c9f0; font:bold 48px arial; margin-top:-6px;}
#events .event .middle {float:left; width:130px; margin:0px 0px 0px 8px; padding-top:12px;}
#events .event .middle .event-headline {}
#events .event .middle .event-headline a:link, #events .event .middle .event-headline a:visited {color:#3d61ad; text-decoration:underline; font:16px arial;}
#events .event .middle .event-headline a:active, #events .event .middle .event-headline a:hover {color:#1e5cde; text-decoration:underline; font:16px arial;}
#events .event .middle .event-description {}
#events .event .middle .event-description a:link, #events .event .middle .event-description a:visited {color:#e83d00; text-decoration:underline; font:12px arial;}
#events .event .middle .event-description a:active, #events .event .middle .event-description a:hover {color:#ff4300; text-decoration:underline; font:12px arial;}
#events .event .middle .event-description a:link span, #events .event .middle .event-description a:visited span {font-size:14px;}
#events .event .middle .event-description a:active span, #events .event .middle .event-description a:hover span {font-size:14px;}
#events .event .right {float:right; width:88px;}
#events .event .right img {background:#fff; padding:2px; border:1px solid #c2e7eb;}
#events .event .right img:hover {border:1px solid #8bd0d7;}
.event-header {font:bold 16px arial; color:#006796; margin:15px 0px 5px 0px;}
.event-item { margin:10px 0px; border:1px solid #ccc; background-color:#f3f3f3; padding:5px; }
.event-item-featured { margin:10px 0px; border:2px solid #8ee7fc; background-color:#eeffff; padding:5px; }
.event-image { float:left; width: 84px; height:84px; }
.event-image img { border:1px solid #aaa; padding:2px; }
.event-text { float:left; margin-left:10px; width:500px }
.event-text strong { font-size:14px; }

/* poll settings */
#poll {margin:15px 0px;}

/* directory settings */
#directory {}
#directory #directory-search fieldset {border:2px solid #ed1f24;}
#directory #directory-search fieldset legend {background:#fff; padding:0px 6px; font:bold 16px arial; color:#ed1f24;}
#directory #directory-search {margin:12px 0px;}
#directory #directory-search form {padding:12px;}
#directory #directory-search select, #directory #directory-search input {margin-right:4px;}
#directory #listings {}
#directory #listings .listing {padding:1px; border:1px solid #ccc; margin-bottom:15px;}
#directory #listings .listing .titlebar {background:#6B9ECD url(/image/listing-header-back.gif); padding:5px;}
#directory #listings .listing .titlebar ul {margin:0px; padding:0px;}
#directory #listings .listing .titlebar ul li {list-style-type:none; display:inline; background:url(/image/white-arrow.gif) no-repeat left center; padding-left:10px; margin-left:6px;}
#directory #listings .listing .titlebar a:link, #directory #listings .listing .titlebar a:visited {font-weight:bold; color:#fff; text-decoration:none;}
#directory #listings .listing .titlebar a:active, #directory #listings .listing .titlebar a:hover {font-weight:bold; color:#fff; text-decoration:underline;}
#directory #listings .listing .titlebar div {float:right;}
#directory #listings .listing .titlebar span {margin-left:4px;}
#directory #listings .listing .titlebar img {vertical-align:middle;}
#directory #listings .listing .photo {float:left; margin:5px 15px 5px 5px;}
#directory #listings .listing .photo img {background:#fff; padding:2px; border:1px solid #ccc;}
#directory #listings .listing .photo img:hover {background:#fff; padding:2px; border:1px solid #268fdf;}
#directory #listings .listing .description {padding:5px;}
#directory #listings .listing .type {padding:5px; font-size:11px; color:#999;}
#directory #listings .listing .type a:link, #directory #listings .listing .type a:visited {color:#999; text-decoration:underline;}
#directory #listings .listing .type a:active, #directory #listings .listing .type a:hover {color:#000; text-decoration:underline;}
#directory #listings .listing .options {background:#f5f7fa; border-top:1px solid #e3e3e3; padding:5px;}
#directory #listings .listing .options ul {margin:0px; padding:0px;}
#directory #listings .listing .options ul li {list-style-type:none; display:inline; background:url(/image/blue-arrow.gif) no-repeat left center; padding-left:8px; margin-right:6px;}
#directory #listings .view {margin:14px 0px;}
#directory #listings .view img {margin-right:8px;}
#directory .left {float:left; width:285px; padding-top:0px;}
#directory .left #directory-photos {}
#directory .left #directory-photos .directory-photo-main {}
#directory .left #directory-photos .directory-photo-main img {background:#fff; padding:2px; border:1px solid #c2e7eb; display:block; margin-bottom:4px;}
#directory .left #directory-photos .directory-photo-main img:hover {border:1px solid #8bd0d7;}
#directory .left #directory-photos .directory-photo-main span {text-decoration:underline;}
#directory .right {float:right; width:335px; padding-top:10px;}
#directory .right #directory-details {line-height:18px;}
#directory .right #directory-details .name {font:bold 22px arial; margin-bottom:4px; color:#9bc147;}
#directory .right #directory-details .location {padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #f3f3f3;}
#directory .right #directory-details .phone {}
#directory .right #directory-details .email {}
#directory .right #directory-details .website {}
#directory .right #directory-details .show-on-map {margin:15px 0px;}
#directory #directory-description {padding:20px 0px;}
#directory #directory-description h1 {font:bold 20px arial; color:#3d61ad; margin:0px; padding:0px 0px 4px 0px; border-bottom:2px solid #3d61ad;}
#directory #directory-description h1 img {margin-right:8px;}
#directory #directory-map {padding:20px 0px;}
#directory #directory-map h1 {font:bold 20px arial; color:#3d61ad; margin:0px; padding:0px 0px 4px 0px; border-bottom:2px solid #3d61ad;}
#directory #directory-map h1 img {margin-right:8px;}
#directory #featured-business {padding:10px; background:#e6f8ff; border:2px solid #69c1d7;}
#directory #featured-business .left {float:left; width:285px; padding-top:0px;}
#directory #featured-business .left #directory-photos {}
#directory #featured-business .left #directory-photos .directory-photo-main {}
#directory #featured-business .left #directory-photos .directory-photo-main img {background:#fff; padding:2px; border:1px solid #c2e7eb; display:block; margin-bottom:4px;}
#directory #featured-business .left #directory-photos .directory-photo-main img:hover {border:1px solid #8bd0d7;}
#directory #featured-business .left #directory-photos .directory-photo-main span {text-decoration:underline;}
#directory #featured-business .right {float:right; width:312px; padding-top:10px;}
#directory #featured-business .right #directory-details {line-height:18px;}
#directory #featured-business .right #directory-details .name {font:bold 22px arial; margin-bottom:4px; color:#9bc147;}
#directory #featured-business .right #directory-details .location {padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #c7e9f2;}
#directory #featured-business .right #directory-details .phone {}
#directory #featured-business .right #directory-details .email {}
#directory #featured-business .right #directory-details .website {}

/* faces settings */
#faces {}
#faces #faces-search fieldset {border:2px solid #ed1f24;}
#faces #faces-search fieldset legend {background:#fff; padding:0px 6px; font:bold 16px arial; color:#ed1f24;}
#faces #faces-search {margin:12px 0px;}
#faces #faces-search form {padding:12px;}
#faces #faces-search select, #faces #faces-search input {margin-right:4px;}
#faces #listings {}
#faces #listings .listing {padding:1px; border:1px solid #ccc; margin-bottom:15px;}
#faces #listings .listing .titlebar {background:#6B9ECD url(/image/listing-header-back.gif); padding:5px;}
#faces #listings .listing .titlebar ul {margin:0px; padding:0px;}
#faces #listings .listing .titlebar ul li {list-style-type:none; display:inline; background:url(/image/white-arrow.gif) no-repeat left center; padding-left:10px; margin-left:6px;}
#faces #listings .listing .titlebar a:link, #faces #listings .listing .titlebar a:visited {font-weight:bold; color:#fff; text-decoration:none;}
#faces #listings .listing .titlebar a:active, #faces #listings .listing .titlebar a:hover {font-weight:bold; color:#fff; text-decoration:underline;}
#faces #listings .listing .titlebar div {float:right;}
#faces #listings .listing .titlebar span {margin-left:4px;}
#faces #listings .listing .titlebar img {vertical-align:middle;}
#faces #listings .listing .photo {float:left; margin:5px 15px 5px 5px;}
#faces #listings .listing .photo img {background:#fff; padding:2px; border:1px solid #ccc;}
#faces #listings .listing .photo img:hover {background:#fff; padding:2px; border:1px solid #268fdf;}
#faces #listings .listing .description {padding:5px; min-height:75px;}
#faces #listings .listing .description .left {float:left; width:150px;}
#faces #listings .listing .description .left img {padding:2px; background:#fff; border:1px solid #c2e7eb;}
#faces #listings .listing .description .left img:hover {border:1px solid #8bd0d7;}
#faces #listings .listing .description .right {float:left; width:380px; margin-left:10px;}
#faces #listings .listing .description .right strong {display:block;}
#faces #listings .listing .description .right .items {padding:5px 0px; font-size:11px; color:#999;}
#faces #listings .listing .description .flag {float:right; width:70px;}
#faces #listings .listing .type {padding:5px; font-size:11px; color:#999;}
#faces #listings .listing .type a:link, #faces #listings .listing .type a:visited {color:#999; text-decoration:underline;}
#faces #listings .listing .type a:active, #faces #listings .listing .type a:hover {color:#000; text-decoration:underline;}
#faces #listings .listing .options {background:#f5f7fa; border-top:1px solid #e3e3e3; padding:5px;}
#faces #listings .listing .options ul {margin:0px; padding:0px;}
#faces #listings .listing .options ul li {list-style-type:none; display:inline; background:url(/image/blue-arrow.gif) no-repeat left center; padding-left:8px; margin-right:6px;}
#faces #listings .view {margin:14px 0px;}
#faces #listings .view img {margin-right:8px;}

#faces .left {float:left; width:245px; padding-top:0px;}
#faces .left #faces-photos {}
#faces .left #faces-photos .faces-photo-main {}
#faces .left #faces-photos .faces-photo-main span {text-decoration:underline;}
#faces .left #faces-photos .faces-photo-main img {background:#fff; padding:2px; border:1px solid #c2e7eb; display:block; margin-bottom:5px;}
#faces .left #faces-photos .faces-photo-main img:hover {border:1px solid #8bd0d7;}
#faces .right {float:right; width:390px; padding-top:10px;}

#faces .right #faces-details {line-height:18px;}
#faces .right #faces-details .name {font:bold 22px arial; color:#9bc147;}
#faces .right #faces-details .name .online {font:10px arial; color:#cc0000; margin:0px 0px 0px 5px;}
#faces .right #faces-details .headline {padding:10px 0px; margin-bottom:15px; border-bottom:1px solid #f3f3f3;}
#faces .right #faces-details .items {padding:0px; font-size:11px; color:#999;}
#faces .right #faces-details .items a:link, #faces .right #faces-details .items a:visited {font-size:11px; color:#999; text-decoration:underline;}
#faces .right #faces-details .items a:active, #faces .right #faces-details .items a:hover {font-size:11px; color:#000; text-decoration:underline;}
#faces .right #faces-details .detail-item { float:left; width:300px; }
#faces .right #faces-details  .flag {float:right; width:70px;}

#faces #faces-description {padding:20px 0px 12px 0px;}
#faces #faces-description h1 {font:bold 20px arial; color:#3d61ad; margin:0px; padding:0px 0px 4px 0px; border-bottom:2px solid #3d61ad;}
#faces #faces-description h1 img {margin-right:8px;}

#face-photo .item-grid .item { float:left; margin-right:4px; margin-bottom:10px; }
#face-photo .item-grid .item img { padding:2px; border:1px solid #aaa; }

.photo-detail { text-align:center; }
.photo-detail h3 { font-size: 16px; margin-bottom:10px; background-color:transparent;  }


/* carnival settings */
#carnivals {}
#carnivals .grid th {font:bold 20px arial;}
#carnivals .grid a:link, #carnivals .grid a:visited {display:block; color:#2b8635; text-decoration:underline;}
#carnivals .grid a:active, #carnivals .grid a:hover {display:block; color:#45af51; text-decoration:underline;}
#carnivals .notice {font:11px arial;}
#carnivals #carnival-search fieldset {border:2px solid #ed1f24;}
#carnivals #carnival-search fieldset legend {background:#fff; padding:0px 6px; font:bold 16px arial; color:#ed1f24;}
#carnivals #carnival-search {margin:12px 0px;}
#carnivals #carnival-search form {padding:12px;}
#carnivals #carnival-search select, #carnivals #carnival-search input {margin-right:4px;}
#carnival-media {border:2px solid #ed1f24; margin:10px 0px; min-height:300px;}
#carnival-media .view-all {float:right; padding:8px;}
#carnival-media .view-all a:link, #carnival-media .view-all a:visited {color:#fff; text-decoration:underline;}
#carnival-media .view-all a:active, #carnival-media .view-all a:hover {color:#f9ef20; text-decoration:underline;}
#carnival-media h1 {background:#ed1f24; color:#fff; font:bold 20px arial; padding:5px 8px;}
#carnival-media ul {margin:0px; padding:5px 0px;}
#carnival-media ul li {float:left; text-align:center; list-style-type:none; width:105px; height:150px; overflow:hidden; margin:0px 3px 5px 3px;}
#carnival-media ul li a:link, #carnival-media ul li a:visited {font:11px arial;}
#carnival-media ul li a:active, #carnival-media ul li a:hover {font:11px arial;}
#carnival-media ul li img {padding:2px; background:#fff; border:1px solid #c2e7eb; display:block;}
#carnival-media ul li img:hover {border:1px solid #8bd0d7;}
#carnival-media ul li.last {clear:both; height:1px;}

/* island times settings */
#island-times {}
#island-times .island-times-category {position:relative; width:302px; height:365px; float:left; margin:0px 8px 10px 0px; padding:4px 2px; border:1px solid #c2e7eb; overflow:hidden;}
#island-times .island-times-category:hover {border:1px solid #8bd0d7;}
#island-times .island-times-category .island-times-category-photo {width:296px; height:87px; margin:0 auto; margin-bottom:5px;}
#island-times .island-times-category .island-times-category-photo a {padding:40px 0px 0px 10px; font:bold 20px arial; color:#fff; line-height:140px;}
#island-times .island-times-sub-category-clip {width:290px; height:235px; overflow:hidden;}
#island-times #island-times-sub-categories {border-top:0px; padding:10px; margin-top:0px;}
#island-times #island-times-sub-categories .sub-category {margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #f3f3f3;}
#island-times #island-times-sub-categories .sub-category-name {font-weight:bold;}
#island-times #island-times-sub-categories .sub-category-description {}
#island-times .island-times-category .island-times-category-view-all { position:absolute; bottom:3px; right:10px; }
#island-times-details {}
#island-times-details h1 {font:34px georgia, arial; color:#3d61ad;}
#island-times-details .tagline {color:#3d61ad;}
#island-times-details .credits {font:italic 11px arial; color:#777; margin-top:4px;}

/* dj corner settings */
#dj-corner {width:610px; height:533px; background:#fff; margin:0 auto; overflow:hidden;}
#dj-corner #dj-header {background:url(/image/dj-corner-header.gif) no-repeat; height:89px;}
#dj-corner #dj-header #close-window {float:right; padding:5px 10px; text-align:right;}

#dj-corner #dj-header #close-window a:link, #dj-corner #dj-header #close-window a:visited {color:#404040; text-decoration:underline;}
#dj-corner #dj-header #close-window a:active, #dj-corner #dj-header #close-window a:hover {color:#000; text-decoration:underline;}
#dj-corner #dj-content {background:url(/image/dj-corner-background.gif) repeat-x bottom; padding:10px 0px 20px 0px;}
#dj-corner #dj-content .left {float:left; width:185px; margin-right:15px;}
#dj-corner #dj-content .left form {margin-bottom:10px;}
#dj-corner #dj-content .left select {width:105px;}
#dj-corner #dj-content .left #dj-media {}
#dj-corner #dj-content .left #dj-media ul {margin:0px; padding:0px; height:325px; overflow:hidden;}
#dj-corner #dj-content .left #dj-media ul li {list-style-type:none; padding:2px 0px;}
#dj-corner #dj-content .left #dj-media ul li img {padding:2px; background:#fff; border:1px solid #c2e7eb;}
#dj-corner #dj-content .left #dj-media ul li img:hover {border:1px solid #8bd0d7;}
#dj-corner #dj-content .left #dj-media-options {margin-top:10px;}
#dj-corner #dj-content .left #dj-media-options img {vertical-align:middle; margin-right:4px;}
#dj-corner #dj-content .left #dj-media-main {}
#dj-corner #dj-content .left #dj-media-audio-main { background:#000; width:405px; height:390px; }
#dj-corner #dj-content .left #dj-media-description h1 {margin:0px; padding:0px; font:bold 16px arial; color:#3d61ad;}
#dj-corner #dj-content .left #dj-media-description {margin:10px 0px;}
#dj-corner #dj-content .left #dj-media-description p {margin-top:5px;}
#dj-corner #dj-content .right {float:right; width:175px;}
#dj-corner #dj-content .right #dj-pic {margin-bottom:15px;}
#dj-corner #dj-content .right #dj-pic img {padding:2px; border:1px solid #ccc;}
#dj-corner #dj-content .right #dj-description {color:#3d61ad; overflow:auto; height:260px; width:100%; }
#dj-corner #dj-content .right #dj-description p {margin-top:5px; font-size:10px; }
#dj-corner #dj-content .right #dj-description h1 {margin:0px; padding:0px; font:bold 16px arial; color:#404040;}

#game-popup { }
#game-popup #game-header {background:url(/image/ipu-logo-full.png) no-repeat; height:110px;}
#game-popup #game-content {}

/* breadcrumbs settings */
#breadcrumbs {padding:0px 0px 20px 4px;}
#breadcrumbs ul {margin:0px; padding:0px;}
#breadcrumbs ul li {list-style-type:none; display:inline;}
#breadcrumbs ul li span {font-size:14px; margin:0px 8px;}

/* pagination settings */
.pagination {padding:10px 0px; margin:0px; margin-bottom:10px;}
.pagination ul {margin:0px; padding:0px; text-align:left;}
.pagination li {list-style-type:none; display:inline; padding-bottom:1px; background:transparent; padding-left:0px; margin:0px;}
.pagination a:link, .pagination a:visited {padding:2px 6px; border:1px solid #9aafe5; text-decoration:none; color:#2e6ab1;}
.pagination a:hover, .pagination a:active {border:1px solid #2b66a5; color:#000; background:#f7f7f7; text-decoration:none;}
.pagination li.currentpage {font-weight:bold; padding:2px 4px 2px 6px; border:1px solid navy; background:#2e6ab1; color:#fff; margin-right:3px;}
.pagination li.disablepage {padding:2px 6px; border:1px solid #929292; color: #929292; margin-right:3px;}
.pagination li.nextpage {font-weight:bold;}
* html .pagination li.currentpage, * html .pagination li.disablepage {margin:0px 5px; padding-right:0px;}

/* social bookmark settings */
#social-bookmarking {margin:0px 0px 15px 0px; text-align:center;}
#social-bookmarking ul {margin:0px; padding:0px;}
#social-bookmarking ul li {list-style-type:none; display:inline;}

/* grid settings */
.grid {border:1px solid #ccc;}
.grid th {text-align:left; background:#3d61ad; color:#fff;}
.grid th a:link, .grid th a:visited {color:#fff; text-decoration:none;}
.grid th a:active, .grid th a:hover {color:#fff; text-decoration:underline;}
.grid td {border-bottom:1px solid #efe8c8;}
.grid tr:hover {background:#f0f7ff;}
.grid .even {background:#f5f5f5;}

/* link settings */
a:link, a:visited {color:#2879cc; text-decoration:none;}
a:active, a:hover {color:#1b83ed; text-decoration:underline;}

.log-results-fail, .log-results-success {display:none; padding-right:150px !important;}
#success, .log-results-success {color:#4e8c28; padding:20px 15px; background:#e9ffdb url(/image/success-alert.gif) no-repeat right center; border:1px solid #6cb142; margin-bottom:8px;}
#error, #error-footer, .error, .log-results-fail {color:#cc0000; padding:20px 15px; background:#ffeeee url(/image/error-alert.gif) no-repeat right center; border:1px solid #ff5050; margin-bottom:8px;}
.no-log-image {background-image:none !important;}

.checkbox {width:auto !important; border:none !important;}

#SUCCESS {color:#4e8c28; padding:20px 15px; background:#e9ffdb url(/image/success-alert.gif) no-repeat right center; border:1px solid #6cb142; margin:10px 0px;}
#ERROR {color:#cc0000; padding:20px 15px; background:#ffeeee url(/image/error-alert.gif) no-repeat right center; border:1px solid #ff5050; margin:8px 0px;}
#ERROR p { margin:3px 0px; }

.required { color:#AA0000; font-size:14px; }
.textbox-small { width:150px; }
.textbox-medium { width:250px; }
.textbox-large, .textbox-long { width:400px; }
.textarea { width:400px; height:200px; }
.textarea-medium { width:400px; height:100px; }
.textarea-short { width:400px; height:50px; }

#LOGIN_ERROR, #FORGOT_PASSWORD_ERROR { color:#a00; }
#LOGIN_SUCCESS, #FORGOT_PASSWORD_SUCCESS { color:#0a0; }

.my-headline { margin:10px 0px; background-color:#F3F3F3; padding:10px; border:1px solid #ddd; }
.textbox-headline { width:525px; }
.textarea-search-teaser { width:525px; height:90px; }

.account-header-left { float:left; width:400px; height:20px; }
.account-header-right { float:left; margin-left:10px; width:300px; height:20px; text-align:right;}
#accountRightNav { background-color:#f3f3f3; }
#accountRightNav h2 { font-size:15px; margin-bottom:0px; }
#accountRightNav div { padding:10px; }

.checkbox-list input { border: none; }
.checkbox-list { line-height:22px; }

.label { width:110px; }
.buttons { padding:10px; }
.recur-short { width:20px; }
.recur-box { margin-top:5px; border:1px solid #aaa; background-color:#f3f3f3; padding:5px; }
.popup-date, .time { width:80px; }

#list-photo { margin:10px 0px;}
#list-photo  .item {width:160px; height:120px; font:12px arial; float:left; margin-right:7px; margin-bottom:3px; font:10px arial;text-align:center; }
#list-photo  .item a:link, #list-photo .item a:visited {color:#404040; display:block; text-align:center; font-weight:bold; text-decoration:none;}
#list-photo  .item a:active, #list-photo .item a:hover {color:#404040; display:block; text-align:center; font-weight:bold; text-decoration:none;}
#list-photo  .item img {background:#fff; padding:2px; border:1px solid #41b4be; }
#list-photo  .item img:hover {border:1px solid #026d76;}

#edit-photo { margin:20px 0px; }
#edit-photo .thumb { width:200px; float:left; }
#edit-photo .thumb img {background:#fff; padding:2px; border:1px solid #41b4be; }
#edit-photo .thumb img:hover {border:1px solid #026d76;}
#edit-photo .form { width:500px; float:left; }

.member-featured-image { padding:2px; border: 1px solid #aaa; background-color:#fff; }
.google-accurate { background-color:#EEFFEE; color:#00AA00; font-weight:bold; padding:5px; }
.google-zip { background-color:#FFFF66; color:#AA0000; font-weight:bold; padding:5px; }
.google-not-close { background-color:#FFEEEE; color:#AA0000; font-weight:bold; padding:5px; }
.event-confirm .label { width:110px; text-align:right; font-weight:bold; }

.about-me { float:left; width:520px; }
.helper { float:left; width:200px; margin-left:10px; }

#banners-rotator { width:635px; height:320px; }

.alert { margin:10px 0px; padding:10px; border:1px solid #00aa00; background-color:#eeffee; color:#005500; }


#target-face-wrapper {padding:10px 0px 12px 0px;  }
.target-face { width:165px; float:left; margin:5px 7px 5px 0px; text-align:center; }
.target-face  img {background:#fff; padding:2px; border:1px solid #41b4be;}

.unread td { font-weight:bold; }

.online { font-size:12px; font-weight:bold; color:yellow; }
#new-face-list { height:370px; }
.jCarouselLite ul { list-style-type:none; margin:0px; padding:0px; }
.jCarouselLite li { margin:0px; padding:0px; }

.faces-link-options { text-align:center; margin-top:10px; }

.single-item-navigation { background-color: #f3f3f3; margin-bottom:5px; padding:10px 0px;}
.single-item-navigation .previous { width:120px; float:left; padding-left:5px; }
.single-item-navigation .header { width:380px; float:left; text-align:center; font-weight:bold; font-size:14px; }
.single-item-navigation .next { width:120px; float:left; text-align:right; padding-right:5px; }
.single-item-top { text-align:center; padding:5px 0px; }

.update { margin:20px 10px; border-bottom: 1px solid #ccc;}
.update p { padding-left:10px; }
.update ul { padding:0px; margin:5px; margin-left:15px; }

.search-dropdown { font-size:11px; }
.search-textbox { font-size:11px; width:180px; }

#media #photo-collection .item-grid .item { background:#FFF; border:1px solid #ccc; list-style:none; width:110px; height:165px; margin:7px; padding:5px; text-align:center; float:left; }
#media #photo-collection .item-grid .item img { background:#EFEFEF; border:1px solid #41b4be; margin-bottom:5px; width:100px; height:130px; }

#current-nav-block {padding-bottom:10px; border-bottom:2px solid #ed2327;}
#current-nav-block h1 {color:#ed2327; font:bold 20px arial;}
#current-nav-block img {margin-right:8px;}
.current-nav-block-item { margin:10px 0px; border:1px solid #aaa; background-color:#f3f3f3; padding:5px; margin-bottom:20px; }
.current-nav-block-item p{  }

#media-photo .item-grid .item { float:left; margin:9px; }
#media-photo .item-grid .item img { padding:3px; border:1px solid #aaa; }

#media-video .item-grid .item { margin:15px 0px; }
#media-video .item-grid .item img { float:left; width:90px; margin-right:10px; }
#media-video .item-grid .item .item-details { float:left; width:500px; }
#media-video .item-grid .item .item-title { font-weight:bold; margin-bottom:5px; }
#media-video .item-grid .item img { padding:3px; border:1px solid #aaa; }

#media-music .item-grid .item { float:left; margin:9px; }
#media-music .item-grid .item .item-title { margin-top:4px; font-weight:bold; text-align:center; }
#media-music .item-grid .item .item-artist { text-align:center; }
#media-music .item-grid .item img { padding:3px; border:1px solid #aaa; }

/* all comments */
#comment-wrapper {padding:10px 0px 12px 0px; width:630px; }
#comment-wrapper h1 {font:bold 20px arial; color:#3d61ad; margin:0px; padding:0px 0px 4px 0px; border-bottom:2px solid #3d61ad;}
#comment-wrapper h1 img {margin-right:8px;}
#comment-wrapper .comment {margin:12px 0px; padding-bottom:10px; border-bottom:1px solid #f7f7f7;}
#comment-wrapper .comment .left {float:left; width:150px;}
#comment-wrapper .comment .left img {padding:2px; background:#fff; border:1px solid #c2e7eb;}
#comment-wrapper .comment .left img:hover {border:1px solid #8bd0d7;}
#comment-wrapper .comment .right {float:right; width:465px;}

.zip { width:80px; }

.mini-bio { margin:8px 0px; }
.mini-bio h1 { color:#ed2327; font:bold 20px arial;   }
.mini-bio h1 img {margin-right:8px;}
.mini-bio-item { margin:10px 0px; border:1px solid #aaa; background-color:#f3f3f3; padding:5px; margin-bottom:20px; }
.mini-bio-left { float:left; width:152px;}
.mini-bio-left img {background:#fff; padding:2px; }
.mini-bio-left img:hover {border:1px solid #8bd0d7;}
.mini-bio-right {float:right; width:128px; font-size:11px; padding-top:10px;}
.mini-bio-right a:link, .mini-bio-right a:visited {color:#ed1f24; text-decoration:underline;}
.mini-bio-right .description {color:#006796;}


/* buttons settings */
.buttons { padding:5px; background-color:#f3f3f3;}
.buttons input, .button {background:url(/image/submit-button-background.gif); cursor:pointer; padding:3px; border:1px solid #8ee7fc; color:#404040; margin-right:3px;}
.buttons input:hover {text-decoration:underline;}
.buttons .block { color:#cc0000 !important; width:85px; }
.buttons .unblock {color:#00cc00 !important; width:100px;  }

#video-list .item-grid .video-item { margin:15px 0px; overflow: auto; }
#video-list .item-grid .video-item img { float:left; width:90px; margin-right:10px; padding:3px; border:1px solid #aaa; }
#video-list .item-grid .video-item .item-details { float:left; width:500px; }
#video-list .item-grid .video-item .item-title { font-weight:bold; margin-bottom:5px; }
.video-detail { text-align:center; }
.video-detail h1 { margin-bottom:10px; }
.video-detail p { margin-top:10px; }

#audio-list .item-grid .audio-item { margin:15px 0px; overflow: auto; }
#audio-list .item-grid .audio-item img { float:left; width:90px; margin-right:10px; padding:3px; border:1px solid #aaa; }
#audio-list .item-grid .audio-item .item-details { float:left; width:500px; }
#audio-list .item-grid .audio-item .play-button { height:20px; float:left; }
#audio-list .item-grid .audio-item .item-title { margin-left:5px; float:left; font-weight:bold; padding-bottom:5px; font-size:14px; height:20px; }
#audio-list .item-grid .audio-item .item-artist { font-weight:bold; margin-bottom:5px; }
#audio-list .item-grid .audio-item .item-album { font-weight:bold; margin-bottom:5px; }
.audio-detail { text-align:center; }
.audio-detail h1 { margin-bottom:10px; }
.audio-detail p { margin-top:10px; }

#intro-player {position:absolute; top:-31px; left:146px; z-index:100;}