/** * General css goes here ... */ div[id^='contentGridContainer'] .right { float:right; } div[id^='contentGridContainer'] .left { float:left; } div[id^='contentGridContainer'] .clear-both { clear:both; } div[id^='contentGridContainer'] .hide { display:none; } div[id^='contentGridContainer'] .border { border:solid black 1px; } /** * ContentGrid container */ div[id^='contentGridContainer'] { margin-bottom:28px; } div[id^='contentGridContainer'] h2 { margin-bottom:14px; } /** * Content Filter Bar of contentGrid */ div[id^='contentGridContainer'] .contentFilterBar span { font-size: 12px; margin-right:10px; } div[id^='contentGridContainer'] .contentFilterBar .WidgetHeading { font-size: 13px; font-weight: bold; color: #444444; } div[id^='contentGridContainer'] .contentFilterBar .active a { font-size: 12px; font-weight: bold; color: #444444 !important; text-decoration:none; } /** * ContentGrid sub containers */ div[id^='contentGridContainer'] .contentGridColumnLeft { margin-top:0.8%; margin-bottom:1.5%; margin-right:0.75%; margin-left:0px; /*width:49.25%;*/ float: left; float: left; } div[id^='contentGridContainer'] .contentGridColumnRight { margin-top:0.8%; margin-bottom:1.5%; margin-right:0px; margin-left:0.75%; /*width:49.25%;*/ float: left; float: left; } /** * POST container */ div[id^='contentGridContainer'] .postContainer { border: 1px solid #dfdfdf; padding:2px; margin-bottom:10px !important; } /** * Adds container */ div[id^='contentGridContainer'] .addsContainer { /*border: 1px solid #ffffff; padding:2px;*/ border: none !important; padding:0px; border-radius:0px; margin-bottom:1.5%; } div[id^='contentGridContainer'] .addsItem { overflow:hidden; } /** * POST SOURCE */ div[id^='contentGridContainer'] .post-source { background: #444444; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #777777 0%, #444444 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#444444)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #777777 0%,#444444 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #777777 0%,#444444 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #777777 0%,#444444 100%); /* IE10+ */ background: linear-gradient(to bottom, #777777 0%,#444444 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#444444',GradientType=0 ); /* IE6-8 */ border-bottom: 1px solid #777777; padding:10px; border-top-left-radius: 0px; border-top-right-radius: 0px; line-height:40px; min-height:40px; } div[id^='contentGridContainer'] .thumbnailUrlBox { width:40px; height:40px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .25); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .25); border: 1px solid #FFFFFF; background-color:#ffffff; margin-right:5px; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div[id^='contentGridContainer'] .post-source-thumbnail { max-width:40px; max-height:40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div[id^='contentGridContainer'] .post-source-info-container { overflow:hidden; line-height:100%; width:70%; } div[id^='contentGridContainer'] .post-source-info-container a:link { /*text-decoration:none;*/ } div[id^='contentGridContainer'] .post-source-name { font-size: 11px; font-weight: bold; color: #FFFFFF !important; margin-bottom:5px; } div[id^='contentGridContainer'] .post-source-author { font-size: 11px; font-style: italic; color: #aeaeae; display:block; } div[id^='contentGridContainer'] .post-source-time-elapsed-container { /*overflow:auto;*/ line-height:100%; margin-top:5px; } div[id^='contentGridContainer'] .post-source-time-elapsed-container img { margin-right:5px; } div[id^='contentGridContainer'] .post-source-time-elapsed { font-size: 11px; font-style: italic; color: #aeaeae; } /** * POST TEXT */ div[id^='contentGridContainer'] .post-text { background: #EEEEEE; padding:10px; word-wrap:break-word; border-top:1px solid #d5d5d5; } div[id^='contentGridContainer'] .post-heading { font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom:10px; } div[id^='contentGridContainer'] .post-body { font-size: 12px; line-height: 20px; color: #444444; //height:120px; //overflow:hidden; } div[id^='contentGridContainer'] .post-more { font-size: 11px; line-height: 20px; } div[id^='contentGridContainer'] .post-readMore { font-size: 11px; line-height: 20px; } /** * POST MEDIA */ div[id^='contentGridContainer'] .post-media { background: #cccccc; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #aeaeae 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aeaeae 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #aeaeae 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #aeaeae 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #aeaeae 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ border-bottom: 1px solid #D5D5D5; line-height:100%; min-height: 100px; } div[id^='contentGridContainer'] .post-media img { display: block; max-width:100%; margin-left:auto; margin-right:auto; } /** * POST VIDEO */ div[id^='contentGridContainer'] .post-video { background: #cccccc; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #aeaeae 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aeaeae 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #aeaeae 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #aeaeae 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #aeaeae 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ border-bottom: 1px solid #D5D5D5; line-height:100%; min-height: 100px; } div[id^='contentGridContainer'] .post-video .picture-container { position:relative; } div[id^='contentGridContainer'] .post-video .picture-container .thumbnailImage { max-width:100%; margin-left:auto; margin-right:auto; } div[id^='contentGridContainer'] .post-video .picture-container .playButton { position: absolute; top: 0; bottom:0; left: 0; right:0; margin: auto; } /** * POST URL */ div[id^='contentGridContainer'] .post-url { background: #f5f5f5 /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#f1f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */ border-top:1px solid #d5d5d5; } div[id^='contentGridContainer'] .post-url .picture-container { width:100px; height:100px; display: table; margin-right:10px; float:left; position:relative; } div[id^='contentGridContainer'] .post-url .picture-container a { display: table-cell; vertical-align: middle; text-align: center; } div[id^='contentGridContainer'] .post-url .picture-container img.thumbnailImage { display:block; max-width: 100px; max-height: 100px; margin:auto; } div[id^='contentGridContainer'] .post-url .picture-container img.playButton { position:absolute; top:26px; left:26px; } div[id^='contentGridContainer'] .info-container { height:80px; padding-top:10px; margin-right:10px; overflow:hidden; word-wrap:break-word; } div[id^='contentGridContainer'] .info-container div.name { font-size: 12px; font-weight: bold; line-height: 16px; } div[id^='contentGridContainer'] .info-container a.caption-description:link { text-decoration:none; color:#888888; } div[id^='contentGridContainer'] .info-container div.caption { font-size: 10px; color: #888888; line-height: 16px; } div[id^='contentGridContainer'] .info-container div.description { font-size: 11px; font-style: italic; color: #888888; line-height: 16px; } /** * SOCIAL LINK */ div[id^='contentGridContainer'] .postContainer .social { background: #dddddd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dddddd 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dddddd 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dddddd 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dddddd 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #dddddd 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ padding:10px; border-top: 1px solid #D5D5D5; } div[id^='contentGridContainer'] .postContainer .social a { font-size: 11px; color: #888888 !important; margin-right:10px; } /** * MORE BUTTON */ div[id^='contentGridContainer'] .moreButton { background: #EEEEEE; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ font-size: 13 px; Font-weight: bold; color: #888888; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .5); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .5); border: 1px solid #CCCCCC; width: 100%; } div[id^='contentGridContainer'] .moreButton:hover { background: #DDDDDD; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f8f8f8 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ font-size: 13 px; Font-weight: bold; color: #888888; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .5); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .5); border: 1px solid #CCCCCC; width: 100%; }