); background-color: #F5F5F5; font-family: verdana,helvetica,arial; font-size: 11px; line-height: 16px; padding: 10px; width: 970px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer { background: #FFFFFF; border: 1px solid #C8C7C7; color: #333333; display: block; margin-bottom: 15px; padding: 10px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer h2.mhead { color: #333333; font-size: 17px; margin: 0pt; padding-bottom: 5px; } .MainContentHolder .MainContentContainer .rbroundbox .moduleDisplayContainer h2.mhead { background: #333333; color: #C8C7C7; font-size: 17px; margin: 0pt; padding: 0 0 8px 0; } .moduleHeadWrap { border-bottom: #C8C7C7 1px solid; margin: 0 0 10px; } ul.profileLists { list-style: none; margin: 0; padding: 0; } ul.profileLists li { padding: 5px; } ul.profileLists li span { display: block; font-size: 14px; font-weight: bold; margin: 0pt 0pt 15px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .morebuttons { border-top: #C8C7C7 1px solid; height: 18px; margin: 10px 0pt 0pt; padding: 8px 0pt 0pt; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .moduleControls a { background-color: #C8C7C7; border-color: #C8C7C7; color: #333333; float: right; font-size: 11px; font-weight: normal; margin-right: 2px; padding: 4px 4px 0pt; } .MainContentHolder .MainContentContainer .moduleDisplayContainer a.btnMore { background: #F5F5F5; color: #333333; float: right; font-size: 10px; font-weight: normal; height: 18px; line-height: 18px; padding: 0px 8px; text-decoration: none; } .MainContentHolder .MainContentContainer .moduleDisplayContainer a.btnMore:hover { background: #C8C7C7; color: #333333; float: right; font-size: 10px; font-weight: normal; height: 18px; line-height: 18px; padding: 0px 8px; text-decoration: none; } .actionCard { background: #FFFFFF none repeat scroll 0% 0%; border: 1px solid #C8C7C7; margin: 0; overflow: hidden; padding: 0pt; width: 180px; } .nomargin { font-size: 14px; margin: 0pt; padding: 0pt; } .profileControlsBtns { background: #F5F5F5; margin: 0pt auto; padding: 5px; text-align: right; width: 980px; } .MainContentContainer .rbcontent .moduleTop, .MainContentContainer .rbcontent .moduleBody { background: #333333; border: none; } .MainContentContainer .moduleTop { background: #FFFFFF; border: 1px solid #C8C7C7; border-bottom: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px; text-align: left; text-indent: 0px; } .MainContentContainer .rbcontent .moduleTop { padding: 0; } .MainContentContainer .moduleTop .moduleDisplayContainer { padding: 0; } .MainContentContainer .moduleBody { border: 1px solid #C8C7C7; border-top: none; } .MainContentContainer .moduleTopTitle { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; padding-left: 8px; text-align: left; width: 100%; } .MainContentHolder .MainContentContainer .rbroundbox .moduleMargin { background: #333333; padding: 0; } .MainContentHolder .MainContentContainer .moduleBody .moduleMargin { border-top: 1px solid #C8C7C7; padding-top: 10px; } .MainContentContainer .moduleBody .moduleDisplayContainer { border: none; margin: 0; padding: 0; } html[xmlns] .dropZoneViewer { background-color: #333333; background-image: none; border: 1px solid #999999; filter: alpha(opacity=60); height: 30px; margin: 5px 0 0 0; opacity: 0.06; } .rbroundbox .actionCardWrap { border: none; margin: 0; padding: 0pt; } .rbroundbox .actionCardContainer { padding: 0; } .actionCardWrap { background: #FFFFFF; border: 1px solid #C8C7C7; margin: 0 0 15px 0; padding: 0pt; } .actionCardContainer { background: url(./Images/actionCardbottom.png) no-repeat bottom left; padding: 10px; } .actionInnerWrap { background: url(./Images/actionCardtop.png) no-repeat; } .contentWrap { background: url(./Images/actionCardinner.png) repeat-y; height: 100%; } .mainheadshot { margin: 0 0 10px 0; overflow: hidden; width: 160px; } .mainheadshot img { width: 160px; } .userInfo ul { color: #333333; list-style: none; margin: 0; padding: 0; } .userInfo ul li { border-bottom: 1px solid #C8C7C7; list-style: none; margin: 0; padding: 5px 0; } .userInfo ul li a { color: #333333; font-weight: bold; text-decoration: underline; } .userInfo ul li a:hover { color: #333333; } .userInfo ul li h2 { color: #333333; font-size: 16px; list-style: none; margin: 0pt; padding: 0pt; text-transform: none; } .userInfo ul li h3 { color: #333333; font-size: 10pt; margin: 0; text-transform: none; } .Melink a { display: block; margin: 0pt 0pt 10px; padding: 0pt; width: 150px; } ul.Melink li { border: none; margin: 0pt; padding: 15px 0pt 5px; text-align: center; } .login { display: inline-block; font-size: 9px; margin: 0pt 0pt 7px; padding: 0pt; width: 100%; } .login div { float: right; } html .star-rating { float: left; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .star-rating a:hover { padding: 0; } .viewsvotes { background: url(./Images/counterBg.gif) no-repeat; font-size: 12px; margin: 5px 0 0 0; padding: 0pt; text-align: center; width: 162px; } .actionWraper { background: pink url(./Images/actItemsTop.png) no-repeat; border: 1px solid #333333; margin: 10px 0pt 0pt; } .actionWraper h2 { border-bottom: 1px solid #333333; color: #C8C7C7; font-size: 16px; font-size: 17px; margin: 0pt 2px; padding: 5px; text-transform: none; } .actionMain { background: url(./Images/actItemsBg.png) no-repeat bottom left; padding-bottom: 20px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMain .sendMessageLink { background: url(../../assets/images/icon_sendMsg.gif) no-repeat 0px 7px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMain .addCommentLink { background: url(../../assets/images/icon_addComment.gif) no-repeat 0px 7px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMain .tellAFriendLink { background: url(../../assets/images/icon_tellFriend.gif) no-repeat 0px 7px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMain .blockUnblockLink { background: url(../../assets/images/icon_blockUnblock.gif) no-repeat 0px 7px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMain .reportAbuseLink { background: url(../../assets/images/icon_reportAbuse.gif) no-repeat 0px 7px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMain a { border-bottom: 1px solid #C8C7C7; color: #333333; display: block; margin: 0 2px; padding: 7px 5px 7px 25px; text-decoration: none; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMain a:hover { border-bottom: 1px solid #C8C7C7; color: #333333; display: block; padding: 7px 5px 7px 25px; text-decoration: underline; } .sponsorshipNav { padding: 5px; } .noDataWarning { padding: 10px; } .MainContentHolder .MainContentContainer .zone1 { padding: 0; width: 511px; } .MainContentHolder .MainContentContainer .zone2 { padding-right: 5px; width: 245px; } .MainContentHolder .MainContentContainer .zone3 { padding: 0 15px 0 0; width: 180px; } .MainContentHolder .MainContentContainer .zone4 { padding: 0; width: 253px; } .MainContentHolder .MainContentContainer .zone5 { padding: 0; } .MainContentHolder .MainContentContainer .zone6 { padding: 0 15px 0 0; width: 180px; } .MainContentHolder .MainContentContainer .zone7 { padding: 0; } .MainContentHolder .MainContentContainer .zone8 { padding: 0; width: 970px; } .MainContentHolder .MainContentContainer .zone9 { width: 511px; } .MainContentHolder .MainContentContainer .zone10 { padding: 0 0 0 15px; width: 250px; } .MainContentHolder .MainContentContainer .a1 { padding: 0; width: 990px; } .MainContentHolder .MainContentContainer .a2 { padding: 0 10px 0 0; width: 400px; } .MainContentHolder .MainContentContainer .a3 { padding: 0 10px 0 0; width: 271px; } .MainContentHolder .MainContentContainer .a4 { padding: 0; width: 320px; } .MainContentHolder .MainContentContainer .a5 { padding: 0 10px 0 0; width: 670px; } .MainContentHolder .MainContentContainer .a6 { padding: 0; width: 218px; } .MainContentHolder .MainContentContainer .a7 { padding: 0; width: 218px; } .MainContentHolder .MainContentContainer .a8 { padding: 0 10px 0 0; width: 235px; } .MainContentHolder .MainContentContainer .a9 { padding: 0 10px 0 0; width: 670px; } .MainContentHolder .MainContentContainer .a10 { padding: 0; width: 990px; } .MainContentHolder .MainContentContainer .b1 { padding: 0; width: 511px; } .MainContentHolder .MainContentContainer .b2 { padding: 0 17px 0 0; width: 247px; } .MainContentHolder .MainContentContainer .b3 { padding: 0 17px 0 0; width: 247px; } .MainContentHolder .MainContentContainer .b4 { padding: 0; width: 247px; } .MainContentHolder .MainContentContainer .b5 { padding: 0; width: 511px; } .MainContentHolder .MainContentContainer .b6 { padding: 0 17px 0 0; width: 247px; } .MainContentHolder .MainContentContainer .b7 { padding: 0; width: 990px; } .MainContentHolder .MainContentContainer .b8 { padding: 0; width: 990px; } .MainContentHolder .MainContentContainer .b9 { padding: 0; width: 511px; } .MainContentHolder .MainContentContainer .b10 { padding: 0; width: 215px; } .MainContentHolder .MainContentContainer .c1 { padding: 0; width: 760px; } .MainContentHolder .MainContentContainer .c2 { padding: 0 17px 0 0; width: 760px; } .MainContentHolder .MainContentContainer .c3 { padding: 0 17px 0 0; width: 253px; } .MainContentHolder .MainContentContainer .c4 { padding: 0; width: 253px; } .MainContentHolder .MainContentContainer .c5 { padding: 0; width: 253px; } .MainContentHolder .MainContentContainer .c6 { padding: 0 17px 0 0; width: 760px; } .MainContentHolder .MainContentContainer .c7 { padding: 0; width: 253px; } .MainContentHolder .MainContentContainer .c8 { padding: 0; width: 253px; } .MainContentHolder .MainContentContainer .c9 { padding: 0; width: 253px; } .MainContentHolder .MainContentContainer .c10 { padding: 0; width: 230px; } .contentViewerDisplay { margin: 0 0 15px 0; } .contentViewerDisplay .contentViewerHeader h2 { color: #333333; font-size: 17px; font-weight: bold; margin: 0; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 300px; } .resourceDisplay { padding: 20px 0pt; text-align: center;} .resourceDisplay p { margin: 0; padding: 0; text-align: center; } .resourceDisplay img { max-width: 480px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .CommunitiesModualLayout { text-align: left; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .CommunitiesModualLayout a { margin: 5px 0pt 0pt; } .MainContentHolder .MainContentContainer .moduleDisplayContainer a.CommunityModualBtn { display: block; } .shareRes { background: #F5F5F5; height: 30px; padding: 0 0 0 10px; width: 100%; } .rate b { float: left; } .rate div { float: left; padding: 0pt 10px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .addFav a { background: url(../../Assets/Images/contentViewer/addFavIcon.gif) no-repeat; padding: 2px 0 3px 25px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .addFav a:hover { background: url(../../Assets/Images/contentViewer/addFavIcon.gif) no-repeat; padding: 2px 0 3px 25px; } .shareLink { } .MainContentHolder .MainContentContainer .moduleDisplayContainer .shareLink a { background: url(../../Assets/Images/contentViewer/shareIcon.gif) no-repeat top left; padding-left: 25px; } .MainContentHolder .MainContentContainer .moduleDisplayContainer .shareLink a:hover { background: url(../../Assets/Images/contentViewer/shareIcon.gif) no-repeat top left; padding-left: 25px; } .userData { border: 1px solid #F5F5F5; width: 100%; } .userData td { vertical-align: top; } .info { border-right: 1px solid #C8C7C7; display: inline-block; float: left; margin: 0; padding: 0 5px 0 0; width: 150px; } .info h2, .info h3, .info h4, .info h5 { color: #333333; float: left; font-size: 11px; font-weight: normal; margin: 5px 0px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 150px; } .info img { border: 1px solid #cccccc; float: left; height: 75px; margin: 5px; width: 75px; } .links { float: left; margin: 0; padding: 0 0 0 10px; } .links div { clear: left; color: #333333; float: left; margin: 4px 0 0; width: 50px; } .links input, .links textarea { background-color: #e9e9e9; border: 1px solid #999999; border: 1px solid #cccccc; color: #000; float: left; height: 18px; margin: 0px 5px 5px; overflow: hidden; padding: 2px; width: 170px; } .links a { background: url(../../Assets/btnLibrary/copyGray.gif) no-repeat 0 0; display: block; font-size: 1px !important; height: 0px !important; margin: 3px 0 0 0; overflow: hidden; padding: 17px 41px 0 0; width: 0px !important; } .closeCv { background: url(../Images/contentViewer/footer.gif) no-repeat top left; height: 14px; } .Ads { border: 1px solid #000; margin: 0 0 15px 0; } .rcRes .innerRc h2 { color: #333333; font-size: 17px; margin: 0pt 0pt 5px; padding: 0pt 0pt 5px; } .rcRes h2 span { color: #FFFFFF; font-size: 12px; } .content p { margin: 0; padding: 0; } .linkButton a { cursor: pointer; display: inline-block; width: 100px; } .imageDisplay { display: block; padding: 10px 0pt; text-align: center; } .imageDisplay img, .imageDisplay a { height: 80px; width: 80px; } .imageDisplay a { margin: 0pt 3px 0pt 5px; } .prevPlay { display: block; left: 20px; position: relative; top: 50px; } .prevPlay img { height: 30px; width: 30px; } .relatedContent { display: inline-block; } .relatedContent:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .relatedContent h2, .content h2 { border-bottom: 1px solid #C8C7C7; } .relatedRes { border-bottom: 1px solid #C8C7C7; clear: left; float: left; padding: 5px; width: 215px; } .relatedRes .image { float: left; width: 85px; } .relatedRes .image img { height: 75px; width: 75px; } .relatedRes h3 { color: #333333; font-size: 11px; font-weight: bold; height: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; } .relatedRes h4, .relatedRes h5 { font-size: 11px; font-weight: normal; margin: 5px 0px 0px; } .contentViewerComments { border: 1px solid #F5F5F5; padding: 0 0 15px 0; } .contentViewerComments h2 { background: #F5F5F5; color: #333333; font-size: 17px; margin: 0; padding: 10px; } .contentViewerComments .borderR { border-right: none; } .contentViewerComments .borderL { border-left: none; } .contentViewerComments .borderT { border-top: none; } .contentViewerComments .borderB { border-bottom: none; } .discussionUpdatePanel { padding: 10px; } .contentViewerComments table.mdlTable { margin: 0pt; } .contentViewerComments table.mdlTable tr.Odd td { padding: 0; } .contentViewerComments table.mdlTable tr.Odd table.mdlTable .commentsThumb { height: 50px; width: 50px; } .contentViewerComments table.mdlTable td { padding: 5px; } .contentViewerComments .moduleControls a { background-color: #333333; border-color: #333333; color: #FFFFFF; float: right; font-size: 11px; font-weight: normal; margin: -20px 0pt 0pt; padding: 4px 4px 0pt; } found this cartoon layout at HOTFreeLayouts.com :: MyHotComments