/* Global styles */
html{
        /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
        height: 100%;
        margin-bottom: 1px;
        overflow-x: auto;
}
body
{
        margin-top: 0px;
        padding: 0;
        color: #A1A1A1;
        background-repeat: repeat-x;
        background-position: top;
        background-color: #61B3D9;
        background-image: url(../../../images/frontend/steel/bg.jpg);
        font-family: Verdana, Georgia, Sans-Serif;
        font-size: 11px;
        line-height: 18px;
}
img{
        border: 0; /* stops linked images having borders */
}
table{
        width: 100%;
}
td{
        vertical-align: top;
        font-size: 11px;
}
.wrapper {
background-color: #FFF;
padding: 0px 5px 5px 5px;
}
a:link { text-decoration: none; color: #0997FA; }
a:visited { text-decoration: none; color: #0997FA; }
a:hover, a:active { color: #F5C55E;
}
.wrap {
padding:5px;
margin-top: 10px;
float: left;
background-color: #FFF;
}
#wrapper2 {
width: 950px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
}
#navigation{
        width: 962px;
        height: 55px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -55px;
        border:0;
        padding:0;
}
#navigation-inside {
width: 950px;
/*background-image: url(../../../images/frontend/steel/nav-bg.png);*/
height: 55px;
float: left;
margin-left:6px;
}
#tabs{
     font-size: 12px;
     color: #FFF;
     margin:26px 0 0 18px;
     font-weight: bold;
     height: 29px;
     overflow: hidden;
}
#tabs ul{
        list-style-type: none;
        margin:0;
        padding:0;
}
#tabs li{
     display:inline;
     margin:0;
     padding:0;
}
#tabs a:link,
#tabs a:active,
#tabs a:visited,
#tabs a:hover{
        float: left;
        background: url(../../../images/frontend/steel/tabs.gif) no-repeat 0 -33px;
        margin: 0;
        margin-left: 0px;
        padding: 0 0 0 6px;
        text-decoration: none;
}
#tabs a:link span,
#tabs a:active span,
#tabs a:visited span,
#tabs a:hover span{
        float: left;
        display: block;
        background: url(../../../images/frontend/steel/tabs.gif) no-repeat 100% -33px;
        padding: 8px 19px 8px 13px;
        font-weight: bold;
        color: #fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
/* Hover */
#tabs a:hover{ background-position: 0% -66px; cursor: pointer; }
#tabs a:hover span{ background-position: 100% -66px; color: #fff; cursor: pointer; }
/* Active tab */
#tabs a.active:link,
#tabs a.active:active,
#tabs a.active:visited,
#tabs a.active:hover{
        background-position:0 0;
}
#tabs a.active:link span,
#tabs a.active:active span,
#tabs a.active:visited span,
#tabs a.active:hover span{
           background-position:100% 0;
           color: #fff;
}
#headers {
width: 950px;
margin-left: auto;
margin-right: auto;
height: 172px;
background-image: url(../../../images/frontend/steel/nulua.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.nav-image {
float: left;
margin-top: 12px;
}
#wrapper
{
        float: right;
        width: 950px;
        color: #A2A2A2;
        background-color: #E0E0E0;
        background-image: url(../../../images/frontend/steel/content-bg.jpg);
        background-position: top;
        background-repeat: repeat-x;
}
#contents-wrapper {
        float: left;
        width:950px;
        min-height:200px;
        margin:0;
        padding-top:15px;
}
#footer {
        clear: both;
        float: right;
        width: 930px;
        height: 30px;
        text-align: center;
        padding-left: 20px;
        color: #FFFFFF;
        padding-bottom: 10px;
        padding-top: 18px;
        margin-bottom: 20px;
        background-image: url(../../../images/frontend/steel/footer.gif);
        background-repeat: no-repeat;
        }
#footer a {
        color: #FFFFFF;
        font-size: 11px;
        }
#footer a:visited {
        color: #FFFFFF;
        }
#footer a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}
#header-left2 {
float: left;
margin-left: -140px;
height: 172px;
width: 550px;
background-image: url(../../../images/frontend/steel/logo.jpg);
}
#header-right {
float: right;
border: 10px solid #087FFB;
width: 468px;
height: 60px;
margin-top: 20px;
}
#base_bar {
height: 37px;
background-image: url(../../../images/frontend/steel/categories-bg.gif);
color: #fff;
width: 950px;
overflow: hidden;
}
#base_bar ul {
float: left;
margin: 0px 0px 0px 0px;
margin-top: 8px;
height: 27px;
padding-left: 10px;
}
#base_bar li {
float: left;
display:inline;
list-style: none;
margin-left: 0px;
}
#base_bar li a:link, #base_bar li a:visited {
color: #fff;
display: inline;
text-decoration:underline;
height: 25px;
padding-top: 2px;
}
#base_bar li a:hover {
color: #fff;
text-decoration:underline;
display: inline;
}
.heading {
width: 258px;
height: 36px;
background-image: url(../../../images/frontend/steel/heading-bg.gif);
}
.heading-content {
height: 36px;
background-image: url(../../../images/frontend/steel/heading-bg.gif);
margin-bottom: 20px;
}
.heading-inside {
float: left;
color: #4A4A4A;
font-size: 14px;
font-weight: bold;
padding-left: 10px;
margin-top: 7px;
}
.heading-left {
background-image: url(../../../images/frontend/steel/heading-left.gif);
height: 36px;
width: 5px;
float: left;
}
.heading-right {
background-image: url(../../../images/frontend/steel/heading-right.gif);
height: 36px;
width: 5px;
float: right;
}
.top_search{
        padding:5px;
        margin-right:5px;
        float: right;
}
.top_search input.top_input{
        border: 1px solid #0066CC;
        background: #efefef;
        color: #666666;
        padding: 5px;
        height: 15px;
        font-size: 12px;
        width: 250px;
        margin: 0;
        vertical-align: middle;
}
.top_search input.top_btn{
        border: 1px solid #0066CC;
        background: #efefef;
        color: #666666;
        margin: 0;
        font-size: 11px;
        padding: 5px 12px 5px 12px;
        vertical-align: middle;
}
#content{
        padding: 8px;
}
.border{
        border: 0px solid #515151;
        background: #fff;
}
.borders{
        border:1px dashed #ccc;
        background: #efefef;
}
.media_border{
        border:3px solid #ccc;
        background: #fff;
}
.m_header,
.maintitle{
        background: #fff url(../../../images/frontend/steel/maintitle.gif) repeat-x 0 100%;
        padding: 10px;
        color: #FFF;
        font-weight: bold;
}
.m_header span.cat,
.maintitle span.cat{
        float:right;
        color: #FFF;
        font-weight:bold;
}
.m_header a:link,
.m_header a:active,
.m_header a:visited,
.m_header a:hover,
.header a:link,
.maintitle a:link,
.maintitle a:active,
.maintitle a:visited,
.maintitle a:hover{
        color: #FFFFFF;
        text-decoration: none;
}
.m_header a:hover,
.maintitle a:hover{
        text-decoration: underline;
}
.header img{
        vertical-align: middle;
}
.header{
        background: #fff url(../../../images/frontend/steel/maintitle.gif) repeat-x 0 100%;
        padding: 2px 0px 2px 5px;
        color: #fff;
        font-weight: bold;
}
.header span.cat{
        float:right;
        color: #fff;
        font-weight:bold;
}
.header a:link,
.header a:active,
.header a:visited,
.header a:hover{
        color: #fff;
        text-decoration: none;
}
.header a:hover{
        text-decoration: underline;
}
.main_content{
        padding: 8px;
}
.content{
        padding: 8px;
}
.boxx{
        border: 0px solid #515151;
        background: #fff url(../../../images/frontend/steel/gradient.gif) repeat-x 0 100%;
        padding: 10px;
        margin: 5px 0 5px 0;
}
.box{
        background: #fff;
        padding: 10px;
        margin: 5px 0 5px 0;
}
.title{
        border-bottom: 1px solid #cfcfcf;
        font-size: 16px;
        font-weight: bold;
        margin-bottom:5px;
}
.title a:link,
.title a:active,
.title a:visited,
.title a:hover{
        text-decoration: none;
}
.title span{
        font-size: 11px;
        font-weight: normal;
        float: right;
}
.titles{
        font-size: 12px;
        font-weight: bold;
        margin-bottom:2px;
}
.titles a:link,
.titles a:active,
.titles a:visited,
.titles a:hover{
        text-decoration: underline;
}
.titles span{
        font-size: 11px;
        font-weight: normal;
        float: right;
}
.box img.img{
        border: 2px solid #868686;
        margin: 0 12px 8px 0;
}
/* Pagination */
/**** page links **********************************************/
#pageLinks{
        padding: 10px 0 3px 0;
        text-align: right;
        font-size: 11px;
        font-weight: bold;
}
#pageLinks em{
        font-style: normal;
        padding: 1px 4px 2px 4px;
        background: #328ccc;
        color: #fff;
        text-decoration: none;
        border: 1px solid #3676ac;
}
#pageLinks a:link,
#pageLinks a:active,
#pageLinks a:visited,
#pageLinks a:hover{
           padding: 1px 4px 2px 4px;
           border: 1px solid #838383;
           background: #fff;
           text-decoration: none;
}
#pageLinks a:hover{
       background: #fff;
       color: #328ccc;
       text-decoration: none;
        }
/* Left navigation styles */
.lnav{
        border: 1px dashed #ccc;
        background: #efefef;
}
.lnav a:link,
.lnav a:active,
.lnav a:visited,
.lnav a:hover{
        text-decoration: none;
}
.lnav_l,
.lnav_d{
        background-color: #efefef;
        background: url(../../../images/frontend/steel/nav.gif) no-repeat 10px 50%;
        display: block;
        padding: 1px 0 4px 25px;
}
.lnav_d{
        background-color: #efefef;
}
/* Side navigation */                                                /* Why so many???? */
#search_nav{
        width: 250px;
        vertical-align: top;
        padding-right: 8px;
}
#group_nav{
        width: 300px;
        vertical-align: top;
        padding-right: 8px;
}
#profile_nav{
        width: 250px;
        vertical-align: top;
        padding-right: 8px;
}
#media_nav{
        width: 240px;
        vertical-align: top;
        padding-left: 8px;
}
#navs{
        width: 180px;
        vertical-align: top;
        padding-right: 8px;
}
/* Other */
.clear{
        clear: both;
}
.input,
.button{
        border: 1px solid #969696;
        padding: 2px;
        background: #FFF;
        color: #878787;
        font-size: 10px;
        margin: 1px;
        display: inline;
}
.button{
        background: url(../../../images/frontend/steel/button.png) repeat-x 100%;
        font-size: 11px;
        color:#fff;
        padding: 3px 12px 2px 12px;
        vertical-align: middle;
        font-weight: normal;
}
input {
        /*border: 1px solid #969696;*/
}
textarea {
        /*border: 1px solid #969696;*/
}
/* Admin only styles */
a.admin_button:link,
a.admin_button:active,
a.admin_button:visited,
a.admin_button:hover{
        background: #e2e2e2;
        padding: 5px;
        font-weight: bold;
        font-size: 10px;
        color: #878787;
        margin: 1px;
        border: 1px solid #c3c3c3;
        width: auto;
        vertical-align: middle;
        float: right;
        text-align: center;
        display: block;
        text-decoration: none;
}
a.admin_button:hover{
        color: #878787;
        background: #ffffff;
        border:1px solid #878787;
}
.admin_button img{
        vertical-align: middle;
        border:0;
}
.fm_des{
        background: #F8F8F8;
        border-bottom: 1px solid #666664;
        padding: 4px;
        margin: 4px 0 4px 0;
}
.shadetabs{
        height: 25px;
        position: relative;
        top: 1px;
}
.shadetabs ul{
        margin:0;
        padding:0;
        list-style-type: none;
        text-align: left;
}
.shadetabs li{
        display: block;
        float: left;
        margin: 0;
        margin-right: 1px;
        padding: 0 0 0 5px;
        background: url(../../../images/frontend/steel/tabs_small.gif) no-repeat 0 0;
}
.shadetabs li a:link,
.shadetabs li a:active,
.shadetabs li a:visited,
.shadetabs li a:hover{
        text-decoration: none;
        padding: 6px 10px 1px 5px;
        display: block;
        float: left;
        color: #515151;
        background: url(../../../images/frontend/steel/tabs_small.gif) no-repeat 100% 0;
}
.shadetabs li a:visited{
        color: #515151;
}
.shadetabs li a:hover{
        text-decoration: none;
        color: #515151;
}
.shadetabs li.selected{
        background: url(../../../images/frontend/steel/tabs_small.gif) no-repeat 0 -25px;
}
.shadetabs li.selected a:link,
.shadetabs li.selected a:active,
.shadetabs li.selected a:visited,
.shadetabs li.selected a:hover{
        background: url(../../../images/frontend/steel/tabs_small.gif) no-repeat 100% -25px;
        text-decoration: none;
        color: #fff;
}
.contentstyle{
        border: 1px solid #ccc;
        background: #efefef;
        margin-bottom: 1em;
        padding: 10px;
        clear: both;
        height: 320px;
}
.contentstyles{
        border-top:1px solid #ccc;
        background: #fff;
        margin-bottom: 1em;
        padding: 10px;
        clear: both;
        height: 320px;
}
.thumb{
        border: 1px solid #437181;
        margin: 2px;
}
.progress{
        background:#FFF;
        border:1px solid #000;
        width:300px;
        height:12px;
        text-align:left;
}
.progress_in{
        background:#EEAE1D;
        border-right:1px solid #000;
        height:100%;
        line-height:12px;
}
.radio {
        border:0;
        padding:0;
}
.media_title{
        font-size: 18px;
        text-align: left;
}
.media_title span{
        float:right;
}
.row_l,
.row_d{
        background-color: #efefef;
        background: url(../../../images/frontend/steel/nav.gif) no-repeat 10px 50%;
        display: block;
        padding: 3px 0 3px 25px;
}
.row_d{
        background-color: #efefef;
}
/* TOP FRIEND ARRANGE BOXES */
#boxes {
        font-family: Arial, sans-serif;
        list-style-type: none;
        margin: 10px;
        padding: 4px;
}
#boxes  li {
        cursor: move;
        position: relative;
        float: left;
        margin: 2px 2px 0px 0px;
        border: 1px solid #000;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E5E5E5;
}
.handle {
        font-size: 14px;
        font-family: Arial, sans-serif;
        border: 1px solid #aaa;
        cursor: move;
        height: 14px;
        border-width: 0px 0px 1px 0px;
        background: #E5E5E5;
        color: #eee;
        padding: 2px 6px;
        margin: 0px;
}
div.topFriendslabel {
        font-size: 18px;
        width:776;
        position: relative;
        display: block;
        clear: both;
        margin: 0 0 0 0;
        padding: 0 0 0 0 ;
}
/* PLAYLIST ARRANGE BOXES */
#pl_boxes {
        font-family: Arial, sans-serif;
        list-style-type: none;
        margin: 10px;
        padding: 4px;
}
#pl_boxes  li {
        cursor: move;
        position: relative;
        float: left;
        margin: 5px 5px 0px 0px;
        border: 1px solid #000;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E5EBEB;
}
/* FORM BOX */
.form_box {
        background-color:#F5F5F5;
        border-width:1px;
        border-color:#D5D5D5;
        border-style:solid;
        margin:2px 0 10px 0;
        padding:1px;
        padding-top:5px;
}
.form_box legend {
        color:#0997FA;
        font-weight:bold;
        margin-left:20px;
}
.form_box table td {
        padding:4px;
        vertical-align:top;
}
.small_br {
        display:block;
}
/* VIEW SELECT */
.view_select {
        float:right;
        padding-top:5px;
        padding-bottom:5px;
}
.view_select a:link,
.view_select a:active,
.view_select a:visited,
.view_select a:hover {
        text-decoration:none;
}
/* SMALL TEXT */
.small_desc {
        font-size: 10px;
        padding: 5px 0 5px 3px;
}
.img_border {
        border: 2px solid #437181;
        margin: 0 12px 8px 0;
}
.tag_cloud {
}
.tag_cloud a:link,
.tag_cloud a:active,
.tag_cloud a:visited,
.tag_cloud a:hover {
        text-decoration:none;
}
/* PICTURE COMMENTS */
.pic_comments{
        margin: 0 auto 0 auto;
        width: 85%; /* Change width to change entire width of picture comments */
        text-align: left;
}
.pic_comments table{
        width:100%;
        text-align:left;
        background-color:#000000;
}
.pic_comments table td {
        background-color:#F5F5F5;
}
/* Alternating table rows */
.main_row_color {
        background-color:#c3c3c3;
        color:#ffffff;
}
.row1_color {
        background-color:#FFFFFF;
}
.row2_color {
        background-color:#E3E3E3;
}
.content_table{
        width:100%;
        text-align:left;
        background-color:#c3c3c3;
}
.admin_table{
        width:100%;
        text-align:left;
        background-color:#7BA0B2;
}
.admin_msg {
        border:1px solid #7497A4;
        padding:5px;
        background-color:#F5F6F8;
}
.admin_msg_info {
        border:1px solid #7497A4;
        padding:5px;
        background-color:#F5F6F8;
}
.admin_msg_green {
        border:1px solid #7497A4;
        padding:5px;
        background-color:#F5F6F8;
}
.admin_msg_red {
        border:1px solid #7497A4;
        padding:5px;
        background-color:#F5F6F8;
}
/* BULLETNS */
#bulletinb {
        width:600px;
        border:1px solid #C5D8EB;
        background-color:#fff;
        border-collapse:collapse;
        margin-bottom:.5em;
}
#bulletinb th{
        width:14%;
        background-color:#E8F1FA;
        color:#000;
        font-size:13px;
        font-weight:bold;
        text-align:left;
        border-right:1px solid #C5D8EB;
}
#bulletinb td,
#bulletinb th{
        padding:5px;
        vertical-align:top;
        border-bottom:1px solid #C5D8EB;
}
#bulletinb img{
        border:0;
}
.result_msg {
        border:1px dashed #ccc;
        padding:5px;
        background-color:#fff;;
}
.results_msg {
        border-top:1px dashed #ccc;
        font-weight:bold;
        color:#0997FA;
        margin:3px 5px 3px 5px;
        border-bottom:1px dashed #ccc;
        padding:5px;
        background-color:#fff;;
}
.results_msg span.cat{
        float:right;
        color: #0997FA;
        font-weight:bold;
}
.result_msg2 {
        background-color:#fff;;
}
.results_msg2 {
        font-weight:bold;
        color:#0997FA;
        background-color:#fff;;
}
.results_msg2 span.cat{
        float:right;
        color: #0997FA;
        font-weight:bold;
}
/* MEDIA DISPLAY */
.media_box1,
.media_box2{
        background: #E5E9EC;
        padding: 10px;
        margin: 5px 0 5px 0;
        line-height: 15px;
}
.media_box2{
        background: #D1DCDF;
}
.media_img2{
        border: 2px solid #437181;
        background: #fff;
        padding: 1px;
        margin: 0 12px 8px 0;
}
.media_desc{
        padding-bottom:5px;
}
.greyb {
        color:#383838;
        font-weight:normal;
}
.commentEntry {
        margin:6px 0 10px;
}
.commentHead {
        border-top: 1px solid #cfcfcf;
        padding:4px;
}
.commentHeadHighlight {
        border-top: 1px solid #cfcfcf;
        padding:4px;
        background:#D1DCDF;
}
.commentBody {
        margin-top:4px;
        margin-left:4px;
}
.media_options {
        border:3px solid #ccc;
        padding:5px;
        background-color:#fff;
}
.media_icons {
        width:80%;
}
.media_icons td {
        text-align:left;
        padding:3px 3px 3px 10px;
        vertical-align:middle;
}
.media_icons td img {
        vertical-align:middle;
}
.media_user_details{
        border-bottom: 1px solid #cfcfcf;
        padding:8px;
}
.media_user_details img{
        width: 58px;
        height: 43px;
        border: 1px solid #000;
        float: left;
}
.media_user_details div{
        line-height: 15px;
        padding-left:8px;
        margin-left:60px;
}
.media_info {
        line-height: 15px;
}
.media_info_box {
        border-bottom: 1px solid #cfcfcf;
        margin-bottom:8px;
        padding-bottom:8px;
}
.media_ajax_list {
        width:100%;
}
.media_ajax_list td {
        border-bottom: 1px solid #cfcfcf;
        padding: 3px;
        text-align: left;
        vertical-align: top;
        line-height: 15px;
}
.media_ajax_list td img{
        width: 90px;
        height: 70px;
        border: 0;
}
.wide_thumb{
        width: 90px;
        height: 54px;
        overflow: hidden;
        border: 1px solid #000;
}
.member_thumb {
        border:3px double #cfcfcf;
        margin: 2px;
}
.media_thumb{
        border:3px double #cfcfcf;
        margin: 2px;
}
.media_thumb_detailed{
        border:3px double #cfcfcf;
        margin: 0 12px 8px 0;
}
.group_thumb{
        border:3px double #cfcfcf;
        margin: 0 12px 8px 0;
}
.group_thumb_div{
        width: 90px;
        height: 70px;
        overflow: hidden;
        border:3px double #cfcfcf;
        margin: 2px;
        text-align:center;
}
.group_thumb_div img{
        margin:-10px 0 0 -15px;
}
.pic_thumb{
        border:3px double #cfcfcf;
        margin: 0 12px 8px 0;
}
.line_seperator{
        border-bottom: 1px solid #cfcfcf;
        padding: 5px 3px 5px 3px;
        margin-bottom:5px;
}
.group_forum_table{
        width:100%;
        text-align:left;
        background-color:#c3c3c3;
}
.group_forum_avatar{
        width: 58px;
        height: 43px;
        border: 1px solid #000;
}
.dropmenudiv{
        position:absolute;
        border:1px solid #efefef;
        border-bottom-width: 0;
        font:normal 11px Verdana;
        line-height:18px;
        z-index:1000;
}
.dropmenudiv a:link,
.dropmenudiv a:active,
.dropmenudiv a:visited,
.dropmenudiv a:hover{
        width: 100%;
        display: block;
        text-indent: 3px;
        border-bottom: 1px solid #efefef;
        padding: 1px 0;
        text-decoration: none;
        text-align:left;
        background-color: #fff;
        color:#666666;
}
.dropmenudiv a:hover{
        /*background-color: #c3c3c3;
        color:#FFFFFF;*/
        background-color: #ffffff;
        color:#328ccc;
}
/* INDEX MEDIA SELECT LINKS */
.media_tabs_bar{
        width: 670px;
}
.index_media_links a:link,
.index_media_links a:active,
.index_media_links a:visited,
.index_media_links a:hover{
        text-decoration: none;
        font-weight: 100;
}
.index_media_links a.selected:link,
.index_media_links a.selected:active,
.index_media_links a.selected:visited,
.index_media_links a.selected:hover{
        font-weight: bold;
}
.group_table {
        width:1%;
}
.group_table td {
        width:1%;
        padding:3px 15px 3px 15px;
}
/* VERSION 2.1 */
.pack_progress{
background:#FFF;
border:1px solid #000;
width:200px;
height:8px;
text-align:left;
overflow:hidden;
position:relative;
}
.pack_progress_in{
background:#328ccc;
height:100%;
line-height:8px;
padding:0;
position:relative;
}
#pack_nav{
width: 250px;
vertical-align: top;
padding-right: 8px;
}
.pack_box {
border:1px solid #969696;
padding:5px;
background-color:#F5F6F8;
height:120px;
margin:2px;
}
.pack_box_con {
float:left;
width:33.33%;
}
.lnav_sel{
background-color: #f8f8f8;
background: url(../../../images/frontend/steel/nav.gif) no-repeat 10px 50%;
display: block;
padding: 3px 0 3px 25px;
font-weight:bold;
}
.result_alert {
color:#FFFFFF;
border:1px solid #AF3646;
background-color:#BF3B50;
padding:5px;
}
.main_title {
color:#328CCC;
font-weight:bold;
}
.mresponse_table {
width:1%;
}
.mresponse_table td {
width:1%;
padding:3px 20px 3px 20px;
}
.media_response_text {
text-align:center;
}
.media_list_info {
float:right;
width:175px;
margin:0 5px 0 0;
padding-left:5px;
white-space:nowrap;
border-left:1px solid #cfcfcf;
line-height:15px;
}
.media_list_desc {
padding-bottom:5px;
margin-right:5px;
}
#icon_play01{
        width: 15px;
        position: absolute;
        margin:0px;
        right: 0px;
        padding: 0px;
        bottom: 0px;
        background: transparent url(../../../images/frontend/steel/play_icon01.png);
        height: 15px;
        z-index: 1;
}
#icon_play03{
        width: 15px;
        position: absolute;
        margin:0px;
        right: 0px;
        padding: 0px;
	top: 0;
        bottom: 0px;
        background: transparent url(../../../images/frontend/steel/play_icon01.png);
        height: 15px;
        z-index: 1;
}
#icon_group01{
        width: 15px;
        position: absolute;
        margin:0px;
        right: 0px;
        padding: 0px;
        bottom: 0px;
        background: transparent url(../../../images/frontend/steel/group_icon01.png);
        height: 15px;
        z-index: 1;
}
#icon_blog01{
        width: 15px;
        position: absolute;
        margin:0px;
        right: 0px;
        padding: 0px;
        bottom: 0px;
        background: transparent url(../../../images/frontend/steel/blog_icon01.png);
        height: 15px;
        z-index: 1;
}
#icon_fav01{
        width: 15px;
        position: absolute;
        margin:0px;
        right: 0px;
        padding: 0px;
        bottom: 0px;
        background: transparent url(../../../images/frontend/steel/fav_icon01.png);
        height: 15px;
        z-index: 1;
}
#icon_prof01{
        width: 15px;
        position: absolute;
        margin:0px;
        right: 0px;
        padding: 0px;
        bottom: 0px;
        background: transparent url(../../../images/frontend/steel/prof_icon01.png);
        height: 15px;
        z-index: 1;
}
#VDOthumb02 {
        position: relative;
        overflow: hidden;
        width:358px;
        height:258px;
        border:solid 1px #fbfbfa;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        background-image: url(../../../images/frontend/steel/thumb_bg01.png);
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 6px;
        padding-left: 6px;
}
#VDOthumb05 {
        position: relative;
        overflow: hidden;
        width:120px;
        height:90px;
        border:solid 1px #fbfbfa;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        background-image: url(../../../images/frontend/steel/thumb_bg01.png);
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 0px;
        padding-left: 0px;
}