/*

Redefinitions of HTML tags

*/

body { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; color: #666; padding: 0; background-color: #000; margin: 25px 0 25px 0; }
p { line-height: 140%; margin: 0 0 15px 0; }
img { display: block; border: 0; }
table, td, th { font-size: 12px; padding: 0; border: 0; }
form { padding: 0; margin: 0; }
input, select, option, textarea { font-family: verdana,arial,sans-serif; font-size: 10px; color: #5e5e5e; vertical-align: middle; }
a { color: #666; text-decoration: underline; }
a:hover { color: #15c4ed; text-decoration: underline; }
ul { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }
h1 { padding: 0; margin: 0; }
h2 { font-size: 14px; color: #15c4ed; padding: 0; margin: 0 0 10px 0; }
h3 { font-size: 12px; color: #4d4d4d; padding: 0; margin: 0 0 1px 0; }
h4 { font-size: 12px; color: #999; padding: 0; margin: 0 0 1px 0; }





/*

Common styles

*/

#page { position: relative; width: 760px; margin: 0 auto 0 auto; }
#content { background-color: #fff; background-image: url(../images/common/bg_bot.gif); background-repeat: no-repeat; background-position: bottom left; }
#content #title { \width: 760px; w\idth: 700px; padding: 30px 30px 20px 30px; background-image: url(../images/common/bg_top.gif); background-repeat: no-repeat; background-position: top left; }
#content #copy { \width: 760px; w\idth: 700px; padding: 0 30px 20px 30px; }
#content #copy:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

div#titleLink { position: absolute; width: 700px; font-size: 11px; color: #15c4ed; text-align: right; margin: 8px 0 0 0; }
div#titleLink img { display: inline; }
div#titleLink a { color: #15c4ed; }
span.pageCount { color: #666; margin: 0 5px 0 5px; }
span.superscript { font-size: 85%; vertical-align: 2px; }




/*

Header styles

*/

#header { width: 760px; height: 57px; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #logo { float: left; margin: 0 0 0 6px; }
#header #download { float: right; margin: 18px 11px 0 0; }

#nav { width: 760px; height: 18px; }
#nav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#nav ul { margin: 0 0 0 9px; }
#nav ul li { float: left; padding: 0 9px 0 0; background-image: url(../images/header/img_divider.gif); background-repeat: no-repeat; background-position: top right; margin: 0 10px 0 0; }
#nav ul li.end { background-image: none; padding: 0; margin: 0; }





/*

Footer styles

*/

#footer { font-size: 10px; color: #15c4ed; text-align: center; padding: 9px 0 0 0; }
#footer del { display: inline-block; text-decoration: none; }
#footer ul { display: table; margin: 0 auto;  white-space: nowrap; }
#footer ul li { float: left; display: table-cell; padding: 0 9px 0 0; background-image: url(../images/header/img_divider.gif); background-repeat: no-repeat; background-position: center right; margin: 0 9px 0 0; }
#footer ul li.end { background-image: none; padding: 0; margin: 0; }
#footer ul li a { display: block; width: auto; color: #15c4ed; text-decoration: none; }
#footer ul li a:hover { color: #fff; text-decoration: underline; }
#footer:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }





/*

Intro styles

*/

body#flash { margin: 18px 0 25px 0; }
#intro #header { visibility: hidden; }
#intro #nav { visibility: visible; }
#intro #footer { visibility: hidden; }
#intro #content { height: 411px; background-color: #000; background-image: none; }
#intro #content #headComcastic { position: absolute; margin: 87px 0 0 158px; visibility: hidden; }
#intro #content #textItsabout { position: absolute; margin: 146px 0 0 158px; visibility: hidden; }
#intro #content #textItsmaking { position: absolute; margin: 146px 0 0 158px; visibility: hidden; }
#intro #content #textOfcourse { position: absolute; margin: 146px 0 0 158px; visibility: hidden; }
#intro #content #background { position: absolute; visibility: hidden; }
#intro #content #frame { position: absolute; }





/*

Comcastic Is styles

*/

#comcasticLanding #content { background-color: #000; background-image: none; }
#comcasticLanding #moduleTriple { position: absolute; margin: 82px 0 0 20px; visibility: hidden; }
#comcasticLanding #moduleOndemand { position: absolute; margin: 41px 0 0 290px; visibility: hidden; }
#comcasticLanding #moduleProgramming { position: absolute; margin: 82px 0 0 530px; visibility: hidden; }
#comcasticLanding #moduleDigitalvoice { position: absolute; margin: 246px 0 0 50px; visibility: hidden; }
#comcasticLanding #moduleInternet { position: absolute; margin: 164px 0 0 260px; visibility: hidden; }
#comcasticLanding #moduleService { position: absolute; margin: 287px 0 0 350px; visibility: hidden; }
#comcasticLanding #moduleWork { position: absolute; margin: 205px 0 0 560px; visibility: hidden; }

#comcastic.triple #content #title { w\idth: 726px; padding: 15px 15px 0 19px; background-image: url(../images/comcastic/bg_top_triple.gif); }
#comcastic.triple #content { background-color: #ff9200; background-image: url(../images/comcastic/bg_bot_triple.gif); }
#comcastic.ondemand #content #title { w\idth: 726px; padding: 15px 15px 0 19px; background-image: url(../images/comcastic/bg_top_ondemand.gif); }
#comcastic.ondemand #content { background-color: #ff770b; background-image: url(../images/comcastic/bg_bot_ondemand.gif); }
#comcastic.programming #content #title { w\idth: 726px; padding: 15px 15px 0 19px; background-image: url(../images/comcastic/bg_top_programming.gif); }
#comcastic.programming #content { background-color: #00a2c8; background-image: url(../images/comcastic/bg_bot_programming.gif); }
#comcastic.digitalvoice #content #title { w\idth: 726px; padding: 15px 15px 0 19px; background-image: url(../images/comcastic/bg_top_digitalvoice.gif); }
#comcastic.digitalvoice #content { background-color: #925cbd; background-image: url(../images/comcastic/bg_bot_digitalvoice.gif); }
#comcastic.internet #content #title { w\idth: 726px; padding: 15px 15px 0 19px; background-image: url(../images/comcastic/bg_top_internet.gif); }
#comcastic.internet #content { background-color: #0aac5a; background-image: url(../images/comcastic/bg_bot_internet.gif); }
#comcastic.service #content #title { w\idth: 726px; padding: 15px 15px 0 19px; background-image: url(../images/comcastic/bg_top_service.gif); }
#comcastic.service #content { background-color: #ff9200; background-image: url(../images/comcastic/bg_bot_service.gif); }
#comcastic.work #content #title { w\idth: 726px; padding: 15px 15px 0 19px; background-image: url(../images/comcastic/bg_top_work.gif); }
#comcastic.work #content { background-color: #ec421a; background-image: url(../images/comcastic/bg_bot_work.gif); }

#comcastic #copy { \width: 745px; w\idth: 726px; padding: 0 15px 20px 19px; }
#comcastic #columnPicture { float: left; width: 294px; padding: 15px 0 20px 0; }
#comcastic #columnCopy { float: left; \width: 432px; w\idth: 422px; color: #fff; padding: 0 10px 20px 0; }
#comcastic #columnCopy p.quote { font-weight: bold; margin: 0 0 12px 0; }
#comcastic #columnCopy p.demoTitle { font-weight: bold; margin: 0 0 10px 0; }
#comcastic #columnCopy ul { margin: 10px 0 15px 0; }
#comcastic #columnCopy ul li { padding: 0 0 0 10px; background-image: url(../images/common/icon_bullet_white.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 7px 0; }
#comcastic #dropdown { position: absolute; margin: 0 0 0 555px; }
#comcastic #dropdown img { cursor: pointer; }
#comcastic #dropdown #options { display: none; \width: 172px; w\idth: 161px; \height: 146px; h\eight: 137px; text-align: right; padding: 9px 11px 0 0; background-image: url(../images/comcastic/bg_dropdown.gif); background-repeat:no-repeat; }
#comcastic #dropdown #options a { display: block; font-weight: bold; color: #15c4ed; text-decoration: none; margin: 0 0 3px 0; }
#comcastic #dropdown #options a:hover { color: #fff; text-decoration: none; }
#comcastic #dropdown #options .dropRollOff a { color: #15c4ed; text-decoration: none; }
#comcastic #dropdown #options .dropRollOn a { color: #fff; text-decoration: none; }

#comcastic #lowerNav { clear: both; width: 726px; padding: 2px 0 0 0; border-top: 1px solid #fff; }
#comcastic #lowerNav a { font-size: 11px; color: #fff; text-decoration: none; }
#comcastic #lowerNav a:hover { text-decoration: underline; }
#comcastic #lowerNav #previous { float: left; padding: 0 0 0 12px; background-image: url(../images/common/icon_bullet_left.gif); background-repeat: no-repeat; background-position: center left; }
#comcastic #lowerNav #next { float: right; padding: 0 12px 0 0; background-image: url(../images/common/icon_bullet_right.gif); background-repeat: no-repeat; background-position: center right; }
#comcastic #columnCopy .copyDivider { margin: -4px 0 10px 0; }





/*

Shareholder Letter styles

*/

#letter div#titleLink { margin: 34px 0 0 0; }
#letter #columnCopy { float: left; \width: 468px; w\idth: 430px; padding: 0 38px 0 0; }
#letter #columnCopyWide { width: 560px; margin: 0 0 0 0; }
#letter #columnPicture { float: left; font-size: 11px; width: 232px; }
#letter #columnPicture img { margin: 0 0 15px 0; }
#letter #pageNavTop { clear: both; width: 700px; font-size: 11px; color: #15c4ed; text-align: right; padding: 0 0 5px 0; border-bottom: 1px solid #15c4ed; }
#letter #pageNavTop a { color: #15c4ed; }
#letter #pageNavBottom { clear: both; width: 700px; font-size: 11px; color: #15c4ed; text-align: right; padding: 5px 0 0 0; border-top: 1px solid #15c4ed; }
#letter #pageNavBottom a { color: #15c4ed; }
#letter .callout { margin: 20px 0 20px 15px; }
#letter .wrapper { width: 700px; }
#letter .letterFootnote { font-size: 10px; margin: 20px 0 20px 0; }





/*

Financial Highlights styles

*/

#highlights p { width: 575px; }
#highlights #copy .dataTable tr th { font-size: 11px; }


#copy .dataTable { width: 700px; margin: 10px 0 30px 0; }
#copy .dataTable th.subhead { font-family: verdana; font-size: 80%; font-weight: normal; text-align: left; }
#copy .dataTable tr.border1 td.border0 { border: none; }
#copy .dataTable tr.border2 td.border0 { border: none; }
#copy .dataTable tr.border1 td { border-bottom: 1px solid #d0d0d0; }
#copy .dataTable tr.border2 td { border-bottom: 2px solid #d0d0d0; }
#copy .dataTable tr.borderSpace td { border-bottom: 10px solid #fff; }
#copy .dataTable tr th { font-family: verdana; font-size: 10px; text-align: right; vertical-align: bottom; padding: 2px 5px 2px 0; border-bottom: 1px solid #d0d0d0; }
#copy .dataTable tr .normal { font-weight: normal; }
#copy .dataTable tr td { white-space: nowrap; font-size: 11px; text-align: right; vertical-align: bottom; padding: 2px 5px 3px 0; }
#copy .dataTable tr td.label { white-space: normal; text-align: left; }
#copy .dataTable tr .left { text-align: left; }
#copy .dataTable tr td.indent1 { padding-left: 15px; }
#copy .dataTable tr td.indent2 { padding-left: 30px; }
#copy .dataTable tr td.indent3 { padding-left: 45px; }
#copy .dataTable tr td.indent4 { padding-left: 60px; }
#copy .dataTable tr td.current { font-weight: bold; }
#copy .notes { width: 535px; font-size: 10px; margin: -15px 0 40px 0; }
#copy .notes p { line-height: 12px; margin: 0 0 8px 0; }
#copy .narrow { width: 350px; }

body.reportConsolequity #copy .dataTable td { font-size: 9px; }
body.reportConsolequity #copy .dataTable th { font-size: 9px; font-weight: normal; vertical-align: bottom; }
body.reportConsolequity #copy .dataTable .subhead { font-size: 9px; }

#copy .dataTable .dataHead th { text-align: center; }
#copy .dataTable .dataHead tr.bottomRow th { text-align: right; border: none; }
#copy .narrowTable { width: 450px; }

#copy tr.theadSupp th { text-align: center; border: none; }
#copy tr.theadSupp th.thBorder { border-bottom: 1px solid #d0d0d0; }

#copy div.tableTitle { width: 700px; border-bottom: 1px solid #d0d0d0; }
#copy div.tableTitleNarrow { width: 450px; border-bottom: 1px solid #d0d0d0; }




/*

Financial Report styles

*/

#report #content { background-color: #fff; background-image: url(../images/common/bg_mid.gif); background-repeat: repeat-y; }

#report #copy ul { width: 575px; margin: 10px 0 20px 0; }
#report #copy ul li { padding: 0 0 0 12px; background-image: url(../images/common/icon_bullet_gray.gif); background-repeat: no-repeat; background-position: 0px 5px; margin: 0 0 20px 0; }
#report #copy .notes ul li { margin: 0 0 10px 0; }

body.reportLanding #copy ul#tableOfContents li { font-weight: bold; padding: 0 0 0 12px; background-image: url(../images/common/icon_bullet.gif); background-repeat: no-repeat; background-position: 0px 5px; margin: 0 0 20px 0; }
body.reportLanding #copy ul#tableOfContents li div.pdf { font-size: 11px; font-weight: normal; padding: 2px 0 2px 16px; background-image: url(../images/common/icon_acrobat.gif); background-repeat: no-repeat; background-position: 0px 3px; margin: 2px 0 0 0; }
body.reportLanding #copy ul#tableOfContents li div.pdf a { text-decoration: none; }
body.reportLanding #copy ul#tableOfContents li div.pdf a:hover { text-decoration: underline; }

#report #discussionNav { \width: 700px; w\idth: 686px; padding: 6px 7px 5px 7px; background-color: #e7f9fd; border-bottom: 1px solid #15c4ed; margin: 1px 0 0 0; }
#report #discussionNavContent { display: none; \width: 686px; padding: 10px 0 5px 0; }
#report #discussionNavContent table { margin: 0 0 10px 0; }
#report #discussionNavContent table td { padding: 0 0 0 50px; }
#report #discussionNavContent table li { font-size: 11px; padding: 10px 0 0 0; }
#report #discussionNavContent table li.subsection1 { padding: 6px 0 0 17px; }
#report #discussionNavContent table li.subsection2 { padding: 6px 0 0 34px; }

body.reportDiscussion #titleLink { margin-top: 51px; }
body.reportManagement #titleLink { margin-top: 25px; }
body.reportAccounting #titleLink { margin-top: 51px; }
body.reportConsolbalance #titleLink { margin-top: 25px; }
body.reportConsoloperations #titleLink { margin-top: 25px; }
body.reportConsolcash #titleLink { margin-top: 25px; }
body.reportConsolequity #titleLink { margin-top: 25px; }
body.reportNotes #titleLink { margin-top: 25px; }
body.reportReconciliation #titleLink { margin-top: 25px; }
body.reportMarket #titleLink { margin-top: 25px; }
body.reportSelecteddata #titleLink { margin-top: 25px; }

#report h2 { font-size: 13px; border-bottom: 1px solid #15c4ed; margin-top: 60px; }
#report p { width: 575px; }
#report .chart { margin: 10px 0 20px 0; }
#report .backToTop { padding: 0 0 0 8px; background-image: url(../images/common/icon_caret.gif); background-repeat: no-repeat; background-position: 0px 3px; }
#report .backToTop a { font-size: 11px; color: #858585; }
#report .backToTop a:hover { color: #15c4ed; } 





/*

Executives and Directors styles

*/

#executives #title ul { margin: 8px 0 30px 0; }
#executives #title ul li { float: left; padding: 0 9px 0 0; background-image: url(../images/header/img_divider.gif); background-repeat: no-repeat; background-position: center right; margin: 0 9px 0 0; }
#executives #title ul li.end { background-image: none; padding: 0; margin: 0; }
#executives #title:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#executives .wrapper { width: 700px; margin: 0 0 10px 0; }
#executives .wrapper:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#executives .column { float: left; width: 220px; padding: 0 13px 0 0; }
#executives .column ul li { margin: 0 0 20px 0; }
#executives .column .name { font-weight: bold; }





/*

Shareholder styles

*/

#shareholder .column { float: left; width: 335px; padding: 0 15px 0 0; margin-top: -30px; }
#shareholder h3 { margin-top: 30px; }
#shareholder .wrapper:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#shareholder #environment { border-top: 1px solid #d0d0d0; margin: 10px 0 0 0; }
#shareholder #environment h3 { font-size: 11px; margin: 15px 0 0 0; }
#shareholder #environment p { width: 575px; font-size: 11px; }



