@charset "utf-8";
/* CSS Document */

/* layout */
div.main { width: 960px; margin: 0 auto; }

/* nav */
div.nav { background: url(http://staging.mediosystems.com/images/site_images/logo_medio.gif) no-repeat; height: 114px; margin: 0; border-bottom: #e2e4dd solid 1px; }
div.nav h1 { display: none; }
div.global { margin: 0; padding: 8px 0 0 0; text-align: right; }
div.global ul { list-style-type: none; margin: 0; padding: 0;}
div.global ul li { font-size: 10px; display: inline; text-align: right; color: #444; margin: 0; padding: 0 4px 0 0; }
div.global ul li a { font-weight: bold; text-decoration: none; color: #0050a1; }
div.global ul li a:hover { text-decoration: underline; }
div.global ul li.last { margin: 0; padding: 0; }

/* flash */
div.flash { width: 960px; height: 280px; margin: 0; padding: 0; z-index: 0; }

/* features */
div.features { width: 948px; background-color: #e3e3e3; margin: 0 0 16px 0; padding: 6px 6px 6px 6px; }
div.content { background-color: #fff; margin: 0; padding: 0; }
div.advertisers-container { border: 0; padding: 0; height: 592px; }
div.advertisers-left { background: url(http://staging.mediosystems.com/images/site_images/advertisersBg.jpg) no-repeat; width: 654px; height: 568px; margin: 6px 0 6px 0; padding: 0 20px 0 20px; border: 6px solid #efefea; float: left; } 
div.advertisers-left div.header { height: 145px; width: 100%; } 
div.advertisers-right { background: #fffbeb url(http://staging.mediosystems.com/images/site_images/cellphone.jpg) no-repeat; border: 1px solid #d7d6d6; width: 195px; height: 562px; float: left; margin: 6px 0 6px 5px; padding: 16px 26px 0 26px; clear: right; }

/* breadcrumb */
div.state { height: 5px; overflow: hidden; z-index: 0; }
div.state ul { width: 680px; height: 5px; padding: 0; margin:0 0 0 81px; list-style-type: none; }
div.state ul li { float: left; height: 5px; list-style-type: none; display: block; }
div.state ul li#selected { height: 5px; background-color: #93c738; }
div.breadcrumb { background-color: #a8a6a6; width: 920px; height: 16px; margin: 0; padding: 12px 20px 6px 20px; vertical-align: middle; }
div.breadcrumb ul { list-style-type: none; margin: 0; padding: 0; }
div.breadcrumb ul li { font: bold 10px/10px Helvetica, Arial, sans-serif; display: inline; color: #fff; margin: 0; padding: 0 6px 0 0; }
div.breadcrumb ul li a { font: 10px/10px Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; margin: 0; padding: 0; }
div.breadcrumb ul li a:hover { text-decoration: underline; color: #444;}

/* logobar */
div.logobar { background: url(http://staging.mediosystems.com/images/site_images/logobar_home_04.jpg) no-repeat; height:95px; width:960px; margin:-16px 0 0 0; padding:0 0; }

/* footer */
div.footer { margin: 0; padding: 0 6px 20px 6px; border-top: #e2e4dd solid 1px; clear: both; }
div.footer ul { list-style-type: none; margin: 0; padding: 4px 0 0 0;}
div.footer ul li { font-size: 10px; display: inline; text-align: right; color: #9a9590; margin: 0; padding: 0 4px 0 0; }
div.footer ul li a { text-decoration: none; color: #9a9590; }
div.footer ul li a:hover { text-decoration: underline; color: #444; }
div.footer ul li.last { margin: 0; padding: 0; }

/* one panel */
div.one-panel-container { width: 948px; min-height: 598px; margin: 21px 0 6px 0; padding: 0; border: 6px solid #efefea; }
div.one-panel-container div.content { background-color: transparent; min-height: 552px; padding: 0 20px 40px 20px; }

/* two panel */
div.two-panel-container { border: 0; padding: 0; min-height: 592px; margin: 21px 0 6px 0; background-color: transparent; clear: both; }
div.two-panel-left { width: 694px; min-height: 568px; margin: 6px 0 6px 0; padding: 0; border: 6px solid #efefea; float: left; } 
div.two-panel-left div.content { background-color: transparent; min-height: 522px; padding: 0 16px 40px 16px; } 
div.two-panel-right { border: 1px solid #d7d6d6; width: 215px; min-height: 562px; float: left; margin: 6px 0 6px 5px; padding: 16px 16px 0 16px; clear: right; }
.RStats p { font-size:14px; padding:0 16px 16px 16px; color:#7e7c7c; }
.RStatsSeparator { border-top: solid 1px #ddd; }
.RStatsNotes { margin:16px -16px 0 -16px; background: url(http://staging.mediosystems.com/images/site_images/bg_mediometrics_02.gif) repeat-x bottom;border-top: solid 1px #ddd; font-size:11px; padding:10px 16px 16px 16px; color:#9e9c9c; }
div.bodygraphics { float:right; margin:16px 16px 10px 32px; text-align:right; }
div.bodycallout { float:right; margin:-16px 16px 10px 32px; padding:10px 16px; text-align:left; width:200px; border:1px solid #ddd; background-color:#f5f5f5;}
div.bodycallout h5#glossary { font: bold 13px/16px Georgia, Times New Roman, Times, serif; font-style: italic; color: #7e7c7c; }


/* three panel */
div.three-panel-container { border: 0; padding: 0; background: transparent;}
div.three-panel-container table tr td { margin: 0; vertical-align: top; padding: 0 16px 16px 16px; border: 6px #e3e3e3 solid; }
div.three-panel-container table tr td h3 { margin-bottom: 8px; }
div.three-panel-container div.features3col { background: url('http://staging.mediosystems.com/images/site_images/3col_bg.gif') repeat-y top left; margin: 0; padding: 0; border-top: #e3e3e3 solid 6px; overflow: hidden; }

/* home news */
div.home-news-container { height:35px; width:960px; padding:0 0; margin:0 0; background: url(http://staging.mediosystems.com/images/site_images/bg_news_home_01.gif) no-repeat top left; }
div.home-news-content { padding:14px 0 0 69px; color: #666; overflow: hidden; }
.home-news-headline { font: bold 12px/12px Helvetica, Arial, sans-serif;color: #666; }
.home-news-headline a:link { color: #0050a1; text-decoration: none; }
.home-news-headline a:hover { color: #0050a1; text-decoration: underline; }
.home-news-headline a:visited { color: #0050a1; text-decoration: none; }
.home-news-source { font: 11px/11px Helvetica, Arial, sans-serif;color: #666; }

/* widget: ads served */
div#widget_ads_served { float: right; position: relative; top: 33px; width: 140px; height: 58px; z-index: 0; }

/* text formatting */
p.date { margin: 0 0 2px 0; padding: 0; line-height: 11px; font-size: 11px; }
div.newslink { margin: 0 0 14px 0; }
div.newslink a { font: 12px/15px Arial, Helvetica, sans-serif; font-weight: bold; color: #0050a1; text-decoration: none; }
div.newslink a:hover  { text-decoration: underline; }

/* accordion */
#solaccordion * { margin: 0px; padding: 0px; overflow: hidden; }
/* accordion: 28 high, border */
#solaccordion h3 { display: block; font-size: 14px; background: #CCCCCC; width: 320px; height: 10px; line-height: 14px; margin: 0px; padding: 9px 12px; _padding: 6px 12px 7px 12px; border-bottom: 1px #e7e7e7 solid; cursor: hand; cursor: pointer; }
/* accordion: bg images */
#solaccordion h3#soladvertisers { background: url('http://staging.mediosystems.com/images/site_images/bgAdvertisers.gif') no-repeat; color: #ff9900; }
#solaccordion h3#solmobile { background: url('http://staging.mediosystems.com/images/site_images/bgMobile.gif') no-repeat; color: #c91720; }
#solaccordion h3#soloperators { background: url('http://staging.mediosystems.com/images/site_images/bgOperators.gif') no-repeat; color: #02a5ca;}
/* accordion: selected bg images */
#solaccordion h3#soladvertisers.selected { background: url('http://staging.mediosystems.com/images/site_images/bgAdvertisersSelected.gif') no-repeat; }
#solaccordion h3#solmobile.selected { background: url('http://staging.mediosystems.com/images/site_images/bgMobileSelected.gif') no-repeat;}
#solaccordion h3#soloperators.selected { background: url('http://staging.mediosystems.com/images/site_images/bgOperatorsSelected.gif') no-repeat; }
#solaccordion h3.selected { background: #CCCC00; }
#solaccordion div { padding: 0 0 0 12px; margin: 0px; height: 50px; width: 320px; overflow: hidden; display: none; }
#solaccordion div p { padding: 8px 0 6px 0; width: 320px; overflow: hidden; font: 11px/11px Arial, Helvetica, sans-serif;}
#solaccordion div a { font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; color: #0050a1; text-decoration: none; }

/* job accordion */
#joblist { list-style: none; }
#joblist li { margin: 5px 0 0 16px; color: #486d08; }
#joblist li a { background: url('http://staging.mediosystems.com/images/site_images/bulletJobs.gif') no-repeat 0px 2px; color: #0050a1; text-decoration: none; font-weight: bold; padding: 0 0 0 16px; }
#jobaccordion h2 { height: 15px; border-top: solid 1px #c7c7c7; padding: 4px 10px 10px 10px; margin: 0px; color: #543c3a; font-size: 12px; font-weight: bold; background: #F5F5F5 url('http://staging.mediosystems.com/images/site_images/bulletHeader.gif') no-repeat center right ; }
#jobaccordion h2.selected { height: 15px; border-top: solid 1px #c7c7c7; padding: 4px 10px 10px 10px; margin: 0px; color: #543c3a; font-size: 12px; font-weight: bold; background: #F5F5F5 url('http://staging.mediosystems.com/images/site_images/bulletHeader_down.gif') no-repeat center right ; }
#jobaccordion div { color: #543c3a; padding: 0px 10px; display: none; }
#jobaccordion ul { margin: 0 0 12px 22px; display: list-item; }
#jobaccordion ul li { display: list-item; list-style-type: disc; margin: 0; padding: 0; }
#jobaccordion ul li.dot { font: 12px/14px Arial, Helvetica, sans-serif; color: #565; margin: 0; padding: 0;  }

/* sidebar */
div#sidebar { width: 230px; margin: 0; border-top: 4px #a8a6a6 solid; float: left; }
div#sidebar ul { margin: 12px 0 24px 0; padding: 0 0 10px 0; list-style: none; border-bottom: 1px #a8a6a6 solid; }
div#sidebar ul li.parent { background-color: #f2f2f2; margin: 0 0 4px 0; padding: 6px 0 4px 0; }
div#sidebar ul li.parent a { background: none; color: #0050a1; text-decoration: none; font-size: 12px; font-weight: bold; padding: 0; }
div#sidebar ul li.parentselected { background-color: #f2f2f2; color: #222; text-decoration: none; font-size: 12px; font-weight: bold; padding: 6px 0 4px 12px;}
div#sidebar ul li { margin: 4px 0 4px 0; padding: 0; }
div#sidebar ul li a { color: #0050a1; text-decoration: none; font-size: 12px; font-weight: bold; background: url('http://staging.mediosystems.com/images/site_images/linkarrow.gif') no-repeat 0 1px; margin: 0 0 0 12px; padding: 0 0 0 14px; }
div#sidebar ul li.selected { color: #222222; text-decoration: none; font-size: 12px; font-weight: bold; background: url('http://staging.mediosystems.com/images/site_images/icon_bar.gif') no-repeat 0 7px; margin: 0 0 0 12px; padding: 4px 0 4px 14px; border-top: 1px #e2e4dd solid; border-bottom: 1px #e2e4dd solid; }

/* new job listing */
div#newjob { color: #222222; width: 100%; padding: 8px 8px 8px 8px; margin: 0 0 16px 0; background-color: #e9e6e1; clear: both; }
div#newjob p { color: #222222; margin: 6px 0 6px 0; width: 630px; }
div#newjob a.joblink { background: url('http://staging.mediosystems.com/images/site_images/bulletJobs.gif') no-repeat 0px 2px; color: #0050a1; text-decoration: none; font-weight: bold; padding: 0 0 0 16px; }

/* form-container */
div#form-container { padding: 8px; background-color: #e9e6e1; width: 100%; }
div#form-container table td { padding: 8px 0 0 0; }
div#form-container .fieldlabel { width: 120px; font-size: 12px; padding-right: 6px; }
div#form-container input, div#contact-form textarea, div#contact-form select { border-left: 8px #a8a6a6 solid; }
div#form-container tr.required { color: #e2240b; }
div#form-container tr.required input, div#form-container tr.required textarea { border-left: 8px #e2240b solid; }

div.features3colphone {background:url(http://staging.mediosystems.com/images/site_images/3col_bg_phone_02.gif) top; margin: 0; padding: 0; border-top: #e3e3e3 solid 6px; overflow: hidden; }
div.features3colhome { margin: 0 0 16px 0; padding: 0; border-bottom: #e3e3e3 solid 6px; }
div.features3colmedio {background:url(http://staging.mediosystems.com/images/site_images/3col_medio_bg.gif); height: 5px; margin: 0 0 16px 0; padding: 0; border-bottom: #e3e3e3 solid 6px; }
div.features3colsolutions {background:url(http://staging.mediosystems.com/images/site_images/3col_solutions_bg.gif); height: 5px; margin: 0 0 16px 0; padding: 0; border-bottom: #e3e3e3 solid 6px; }
div.leftcol { width: 344px; float: left; margin: 0 0 0 6px; padding: 0; overflow: hidden; }
div.rightcol { width: 248px; float: left; margin: 0 0 0 6px; padding: 0; overflow: hidden; }
div.featurescontent { margin: 0px; padding: 8px 8px 8px 8px; }
div.featurescontentcallout { background-color: #e9e6e1; margin: 0 0 8px 0; padding: 12px 8px 0 8px; }
div.featurescontentcallout p.tableleft { background-color: #e9e6e1; width: 315px; float: left; margin: 0 8px 0 0; padding: 0 0 16px 0; overflow: hidden; }
div.featurescontentcallout p.tableright { background-color: #e9e6e1; width: 315px; float: right; margin: 0 0 0 8px; padding: 0 0 16px 0; overflow: hidden; }
div.features1col { background-color: #e3e3e3; margin: 0 0 16px 0; padding: 6px 6px 6px 6px; }
div p.blurb  { font: 12px/15px Arial, Helvetica, sans-serif; color: #565; margin: 0; padding: 0 0 12px 0; }
div p.blurb a  { font: 12px/15px Arial, Helvetica, sans-serif; font-weight: bold; color: #0050a1; text-decoration: none; }
div p.blurb a:hover  { text-decoration: underline; }
div p.right  { font: 12px/15px Arial, Helvetica, sans-serif; color: #565; margin: 0; padding: 0 0 6px 0; }
div.partnersleft { width: 108px; float: left; margin: 0 ; padding: 0; }
div.partnersright { width: 107px; float: right; margin: 0 ; padding: 0; }
div ul.partnerlist { list-style-type: none; margin: 0; padding: 0 0 6px 0;}
div ul.partnerlist li#att { background: url(http://staging.mediosystems.com/images/site_images/sml_logo_att.gif) no-repeat; height: 22px; text-align: left; margin: 0; padding: 0 0 0 52px; }
div ul.partnerlist li#sprint { background: url(http://staging.mediosystems.com/images/site_images/sml_logo_sprint.gif) no-repeat; height: 22px; text-align: left; margin: 0; padding: 0 0 0 52px; }
div ul.partnerlist li#telus { background: url(http://staging.mediosystems.com/images/site_images/sml_logo_telus.gif) no-repeat; height: 22px; text-align: left; margin: 0; padding: 0 0 0 52px; }
div ul.partnerlist li#tmobile { background: url(http://staging.mediosystems.com/images/site_images/sml_logo_tmobile.gif) no-repeat; height: 22px; text-align: left; margin: 0; padding: 0 0 0 52px; }
div ul.partnerlist li#verizon { background: url(http://staging.mediosystems.com/images/site_images/sml_logo_verizon.gif) no-repeat; height: 22px; text-align: left; margin: 0; padding: 0 0 0 52px; }

/* link styles */
div ul.arrow { list-style-type: none; margin: 0; padding: 8px 0 12px 0; border-top: solid 1px #ddd; }
div ul.arrow li { background: url('http://staging.mediosystems.com/images/site_images/linkarrow.gif') no-repeat; text-align: left; margin: 0; padding: 0 0 6px 13px; }
div ul.arrow li a { font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; color: #0050a1; text-decoration: none; }
div ul.arrow li a:hover { text-decoration: underline; color: #486d08; }
div ul.arrow1 { list-style-type: none; margin: 0; padding: 0 0 5px 0;}
div ul.arrow1 li { background: url('http://staging.mediosystems.com/images/site_images/linkarrow.gif') no-repeat; text-align: left; margin: 0; padding: 0 0 6px 13px; }
div ul.arrow1 li a { font: 12px/15px Arial, Helvetica, sans-serif; font-weight: bold; color: #0050a1; text-decoration: none; }
div ul.arrow1 li a:hover { text-decoration: underline; }
div ul.arrow2 { list-style-type: none; margin: 0; padding: 4px 0 12px 0;}
div ul.arrow2 li { background: url('http://staging.mediosystems.com/images/site_images/linkarrow.gif') no-repeat; text-align: left; margin: 0; padding: 0 0 6px 13px; }
div ul.arrow2 li a { font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; color: #0050a1; text-decoration: none; }
div ul.arrow2 li a:hover { text-decoration: underline; }

/* bio styles */
div.bio { display: block; margin: 0 0 12px 0; float: left; }
div.copy { display: block; overflow: hidden; padding-left: 12px; }
div.headshot { float: left; }

/* press detail */
div.press-detail { width: 642px; float: left; margin: 0 0 0 36px; padding: 0; overflow: hidden; }
div.press-detail ul { margin: 0 0 12px 0; padding: 0; }
div.press-detail li { margin: 0 0 6px 12px; padding: 0 0 0 10px; background: url('http://staging.mediosystems.com/images/site_images/bulletPlain.gif') no-repeat 0 4px; font: 12px/14px Arial, Helvetica, sans-serif; }

/* custom link styles */
div.features a { font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; color: #0050a1; text-decoration: none; }
a.pdf-link { display: block; height: 32px; background: url('http://staging.mediosystems.com/images/site_images/icon_pdf.gif') no-repeat 0 0; padding: 9px 0 0 40px; font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; color: #486d08; text-decoration: none; }