/********************************
layout
********************************/

body { background-image: url(http://static.networkpiece.com/cf/bg.jpg) }

#bgcontain {background: #FFF}

#leftbar {
float: right;
width: 138px;
padding-right: 15px;
font-size: 8pt;
text-align: left
}

#content {
float: left;
width: 585px;
padding-left: 10px;
padding-right: 15px;
text-align: center
}

#contentFrameW1 {
text-align: center;
margin: 0 auto;
width: 600px;
}

#contentFrameW2 {
text-align: center;
margin: 0 auto;
width: 510px;
}

/* media layout */
#rightbar {
float: right;
width: 230px;
padding-left: 15px;
padding-right: 9px;
font-size: 8pt;
text-align: left
}

#media {
float: left;
width: 500px;
padding-left: 9px;
text-align: center
}

#footer {
border-bottom: 1px solid #444
}

/********************************
particular layout blocks
********************************/

.bg1 {background: #FFE0EF}
.bg2 {background: #FFF}
.bg3 {background: #FC9FCB}
.bgyellow {background: #FFB}

ul.inline li {
display: inline;
}

#leftbar .title { 
font: bold 105% Arial, sans-serif;
color: #FFF;
background: #FC9FCB;
padding: 2px;
width: 134px
}

.newMessages { 
background: #FFFFCC;
border: 1px solid #FFCC33;
padding:2px;
width:130px
}

#partner_sites {
width: 785px; 
margin: 0 auto;
clear: both;
padding-bottom: 5px;
font-size: 8pt;
}

#flvPlayer { 
width:500px;
height:405px;
margin: 0 auto;
text-align: center;
}

#content_ad {
text-align: center;
margin: 0 auto;
width: 400px;
padding-top:5px;
}

/* display media/people list */
.list {text-align: left; width: 585px}

.list .itemTitle {font-weight:bold; font-size:12px}
.list .itemLenght {font-weight:bold}
.list .proeminentDiv {padding-top:4px; padding-bottom:4px}
.list .judjment {font-weight:bold; color:#C90000}

#mediaViewBrowseBlock {
width:100%;
}

#mediaViewBrowseBlock table {
width:100%;
}

#mediaViewBrowseBlock table td {
width:14%;
}

.login_form_label {
font-weight: bold;
}

.frontPageMainBlock {
font-size: 90%;
width: 100%;
}

.frontPageMainBlock td {
width: 20%;
}

/***************************
My account
***************************/

.myacc_navtitle, .media_navtitle {
font-size: 150%;
font-weight: bold
}

#displayTable, #displayTable_sf, #displayTable_bg1, #displayTable_bg1_sf { 
width:100%;
text-align:left
}

#displayTable_bg1, #displayTable_bg1_sf { 
background: #F2F2F2
}

#displayTable_sf, #displayTable_bg1_sf { 
font-size: 95%
}

/* my account list */
.proeminentDiv {
padding-top:5px;
padding-bottom:7px;
}

.proeminentTdList {
padding-bottom:12px;
}

.titleList {
font-weight:bold;
font-size:12px
}

.noItemsFrame {
background:#FFE0EF;
padding:35px;
}

#myaccount_left {
float: left;
width: 280px;
text-align: left
}

#myaccount_right {
float: right;
width: 280px;
padding-left: 40px;
text-align: left
}

.sectionBlock { padding-top: 8px; margin-bottom: 35px; }
.sectionBlock .indentBlock { padding-top: 5px; margin-left: 30px; line-height: 22px; }

.sectionBlock .header { font-size: 17px; font-weight: bold; }
.sectionBlock .subhead { color: #333; font-style: italic; }
.sectionBlock .actionButton { margin-top: 5px; }

#uploadRules .title { color: red }
#uploadRules ul {
list-style: none;
margin-left: 4px;
padding-left: 1em;
text-indent: -1em;
}
#uploadRules ul li:before {content: "\00BB \0020"}

/* Resize Panel CSS */
.resizepanel .resizehandle { position:absolute; width:25px; height:4px; right:0; bottom:0; margin:0; padding:0; z-index:1; background:#666;  cursor:se-resize; font-size:2px }

/***
MAIN PAGE MEDIA LIST
***/

#media_list_head, #people_list_head, #network_list_head {
margin-left: 10px;
margin-bottom: 8px;
text-align: left;
font-size: 90%;
}
.media_list_title, .people_list_title, .network_list_title {
color: #61306B;
font: bold 170% Arial
}
#media_list_controls_b, #media_list_more_bottom, #people_list_controls_b, #people_list_more_bottom, #network_list_controls_b, #network_list_more_bottom {
width: 100%;
border-top: 1px solid #FC9FCB;
border-bottom: 1px solid #FC9FCB;
padding-top: 4px;
padding-bottom: 4px;
}
#people_list_controls_b, #network_list_controls_b {margin-bottom: 4px}
#media_list_more_bottom, #people_list_more_bottom, #network_list_more_bottom {
font-weight: bold;
}
#media_list_controls_t, #people_list_controls_t, #network_list_controls_t {
font-size:95%;
padding-top:4px
}

#browse_media_list {
width:100%;
border-top: 1px solid #FC9FCB;
border-bottom: 1px solid #FC9FCB;
padding-top: 4px;
padding-bottom: 4px;
font-size:110%
}

/* sign up page*/
#signup { float: left; width: 410px; text-align: left; padding-left: 25px }
#login { float: right; width: 320px; padding-left: 15px; text-align: left }

/********************************
media actions block
********************************/

#actionsAndStats {width:500px; margin:0 auto; padding-top:8px; padding-bottom:8px}
#actionsAndStats a:hover {background:transparent}

.actionLink {padding-left:5px; padding-right:5px; font-size:150%; font-weight:bold}

#ratingWrapper {float:left; width:200px; text-align:right; padding-top:8px; padding-bottom:6px}
#ratingMessage {text-align:right; font-size:95%}

#viewsWrapper {float:right; width:200px; text-align:left; font-size:150%; font-weight:bold; padding-top:8px; padding-bottom:6px}

#mediaDetails {width:100%; background-color: #FFE0EF; font-size:95%; text-align:left}

/********************************
user comments
********************************/

#user_comments {
width: 100%;
text-align: left;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}

#user_comments .p, .m {list-style-type: none}
#user_comments ul {margin: 0px 0px 0 25px; padding: 0}
#user_comments ul.topLevel {margin: 0; padding: 0}

#user_comments .filtered {
padding:5px;
color:#999;
text-align:left
}

#user_comments .avatar {
width: 75px;
background: #FFE0EF
}

#user_comments div.title {
width: 100%;
text-align: left;
font-size: 12px;
background: #FC9FCB;
color: #FFF;
margin-bottom: 10px
}

#user_comments div.title a {font-weight: bold; color: #dfecf5; text-decoration: none}
#user_comments div.title a:hover {font-weight: bold; color: #fff; background: transparent}

#user_comments div.body {

}

#user_comments .reply_block {text-align:center; border:1px solid #DDD; width:344px}

.addComment {margin:0 auto; text-align:center; width:410px}

/* madison avenue */

.adHeadline, .adText {font-size: 95%}

/********************************
buttons
********************************/

.rss {background: transparent url(http://static.networkpiece.com/c/graphics.gif) no-repeat scroll 0px -17px;}
.fullStar {background: transparent url(http://static.networkpiece.com/cf/graphics.gif) no-repeat scroll -14px -8px;}
.halfStar {background: transparent url(http://static.networkpiece.com/cf/graphics.gif) no-repeat scroll -28px -8px;}
.emptyStar {background: transparent url(http://static.networkpiece.com/cf/graphics.gif) no-repeat scroll 0px -8px;}

.fullGrayStar {background: transparent url(http://static.networkpiece.com/cf/graphics.gif) no-repeat scroll -47px -17px; width:15px; height:13px}
.emptyGrayStar {background: transparent url(http://static.networkpiece.com/cf/graphics.gif) no-repeat scroll -61px -17px; width:15px; height:13px}

.fullBigStar {background: transparent url(http://static.networkpiece.com/cf/graphics.gif) no-repeat scroll -43px 0px; width:18px; height:16px}
.emptyBigStar {background: transparent url(http://static.networkpiece.com/cf/graphics.gif) no-repeat scroll -60px 0px; width:18px; height:16px}

.adHeadline {font-weight: bold; text-decoration: underline}
.adText {text-decoration: none; color: #333;}