/*# #     Studio One : Fox Programs    # #
  # #     Started: Wed, Mar 11, 2006   # #
  # #     Updated: Fri, May 26, 2006   # #
  # #     brent@mimoYmima.com          # #
  # #     alice@mimoYmima.com          # #*/


/* ----- Width Modes  */
	
	/*  Fixed Width Mode        #       #   # #*/
	#SON { width: 829px; margin: 0 auto; }
	
	/*  Expandable Mode        #       #   # #
	#SON { width: auto; margin: 0 auto !important; }*/

/* ----- Width Modes  */


/* -- link colors */
#SON a { color: #009; text-decoration: none; }
#SON a:link { color: #009; text-decoration: none; }
#SON a:visited { color: #009; text-decoration: none; }
#SON a:hover { color: #900; text-decoration: none; }
#SON a:active { color: #900; text-decoration: none; }


/*  Page Elements        #       #   # #*/

#SON { padding-bottom: 50px; }

#SON p { margin-bottom: 1em; }
#SON .LeftCol  #Article ul * {font-size: 12px; list-style-position: outside;}
#SON .LeftCol hr { border: 0; color: #9099A0; background-color: #9099A0; height: 2px; clear: both; margin: 0 .5em; }
#SON .LeftCol .Box2 hr { border: 0; color: #9099A0; background-color: #9099A0; height: 2px; clear: both; margin: .5em; }
#SON .RightCol hr { border: 0; color: #9099A0; background-color: #9099A0; height: 2px; clear: both; margin: 1em 0; }

#SON .LeftCol { padding-right: 11px; }

#SON .PhotoSpot { float: left; padding-right: 1em; padding-bottom: .2em; }
#SON .Icon { vertical-align: middle; }
#SON .Button { margin-top: 10px; text-align: left; }
#SON .Button a { font-weight: normal; }
#SON .More { margin-top: 0; text-align: right; }
#SON .ClearsAll { clear: both; }

/* Main Nav Areas */
#TopNav { white-space: nowrap; clear: both; line-height: 1.9em; text-align: left; text-indent: 15px; text-transform: capitalize; height: 30px; }
#TopNav a { color: #FFF; font-size: 70%; font-weight: bold; background: #E2E4E8 url(../images/nav.topnav.0.gif) no-repeat; display: block; width: 118px; height: 30px; }
#TopNav a:link, #TopNav a:visited { color: #FFF; }
#TopNav a:hover, #TopNav a:active, #TopNav a.On { color: #FFF; background: #E2E4E8 url(../images/nav.topnav.1.gif)  no-repeat; }

#SubNav { white-space: nowrap; text-transform: capitalize; border-bottom: none !important; } /* removes border RightBox Style adds */
#SubNav p { white-space: normal; }
#SubNav a { display: block; color: #FFF; font-size: 70%; font-weight: bold; background: #36C; padding: 0.5em 1em; }
#SubNav a:link, #SubNav a:visited { color: #FFF; }
#SubNav a:hover, #SubNav a:active, #SubNav a.On { color: #FFF !important; background: #A90018; }
#SubNav ul ul { clear: both; margin-top: 1px; }
#SubNav ul ul li a { background-color: transparent; color: #333 !important; border-bottom: 1px dotted #CCC; font-size: 85%; padding: 0.2em 1em; }
#SubNav li { margin-bottom: 1px; }
#SubNav .LinkList a.On { color: #FFF !important; } 
#SubNav .Expanded { clear: both; }

/* Content */
#Content { width: 829px; clear: both; padding-top: .5em; margin-top: 0; margin-bottom: .2em; border-top: 2px solid #9099A0; }

/* Left Column */

#SON .LeftCol { width: 522px; margin: 0; }
#SON .LeftCol h2 { display: block; } /* overrides FOX's multi_use h2 style */
#SON .LeftCol h3 { color: #FFF; padding: 3px 0 3px 15px; font-size: 134%; }

#SON .LeftCol .Featured { margin-bottom: 15px; border-bottom: 3px solid #9099A0; background-color: #D9D9D9; }
#SON .LeftCol .Featured .Item { padding: 14px 1em 2.25em 14px; }
#SON .LeftCol .Featured h2 { margin: .5em 0; font-size: 110%; color: #000; }
#SON .LeftCol .Featured h2 a, #SON .LeftCol .Featured h2 a:hover { color: #000; font-size: 100%; } /* fixes FOX integration h2 font-size issue */
#SON .LeftCol .Featured h3 { background: #999 url(../images/hdr.feature.jpg)  top left no-repeat; }
#SON .LeftCol .Featured h4 { color: #000; line-height: 2em; }
#SON .LeftCol .Featured .Button { padding-bottom: 10px; }

#SON .LeftCol .SubFeature { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; padding: 10px; }
#SON .LeftCol .SubFeature h4 { margin-bottom: 1em; }

#SON .LeftCol .Features { margin-bottom: 15px; border-bottom: 3px solid #9099A0; background-color: #EDEDED; }
#SON .LeftCol .Features .Item { padding: 16px 10px 1em 14px; }
#SON .LeftCol .Features h2 { margin: 0; font-size: 85%; color: #009; }
#SON .LeftCol .Features h2 a { color: #009; font-size: 100%; } /* fixes FOX integration h2 font-size issue */
#SON .LeftCol .Features h3 { background: #405284 url(../images/hdr.box2.jpg) top left no-repeat; }
#SON .LeftCol .Features .Shaded { background-color: #D9D9D9; border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; padding: 1em 0.5em 0 10px; }
#SON .LeftCol .Features .Shaded .Button { line-height: 2.5em; }
#SON .LeftCol .Features .UnShaded { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; padding: 1em 0.5em 0 10px; }
#SON .LeftCol .Features .UnShaded .Button { line-height: 2.5em; }

#SON .LeftCol .Box2 { margin-bottom: 15px; border-bottom: 3px solid #9099A0; background-color: #EDEDED; }
#SON .LeftCol .Box2 .Item { padding: 10px; border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; }
#SON .LeftCol .Box2 h2 { padding: .2em .2em .2em 10px; }
#SON .LeftCol .Box2 h2 a { color: #009; font-size: 100%; } /* fixes FOX integration h2 font-size issue */
#SON .LeftCol .Box2 h3 { background: #405284 url(../images/hdr.box2.jpg)  top left no-repeat; color: #fff; }
#SON .LeftCol .Box2 dl { margin: 0 5px; }
#SON .LeftCol .Box2 dt { display: inline; }
#SON .LeftCol .Box2 dd  { display: inline; }
#SON .LeftCol .Box2 p { margin: 10px; }
#SON .LeftCol .Box2 .Button { margin: 10px; }
#SON .LeftCol .Box2 strong { font-size: 140%; color: #069; }

#SON .LeftCol .Box2 .FAQForm { margin-left: 10px; margin-bottom: 10px; }
#SON .LeftCol .Box2 .FAQForm textarea { width: 80%; height: 30px; }
#SON .LeftCol .Box2 .FAQForm h2 { font-size: 75%; width: 70%; padding-left: 0; }
#SON .LeftCol .Box2 .FAQForm h5 { display: inline; }
#SON .LeftCol .Box2 .FAQForm .Button { display: inline; }

#SON .LeftCol .Box2 .InsideBox { background: #D9D9D9; margin: 10px; padding: .5em; }
#SON .LeftCol .Box2 .InsideBox h4 { color: #06C; margin-bottom: 0.5em; text-transform: uppercase; font-size: 70%; }
#SON .LeftCol .Box2 .InsideBox p { margin: 0 0 1em 0; padding: 0; font-size: 70%; }
#SON .LeftCol .Box2 .InsideBox strong { font-size: 100%; }

/* ColumnLayout Styles */
#SON .LeftCol .ColumnLayout { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; }
#SON .LeftCol .ColumnLayout .Item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#SON .LeftCol .ColumnLayout h2 img { float: left; margin: 0 16px 0 0; }
#SON .LeftCol .ColumnLayout p { margin-left: 140px; font-size: 75%; line-height: 150%; }
#SON .LeftCol .ColumnLayout .Button { margin-left: 140px; }

#SON .LeftCol .Featured .ColumnLayout .Item { margin-right: 10px; }
#SON .LeftCol .Featured .ColumnLayout h2 { margin-top: 0; }
#SON .LeftCol .Featured .ColumnLayout h2 img { float: left; margin: 0 20px 0 0; }
#SON .LeftCol .Featured .ColumnLayout p { margin-left: 199px; }
#SON .LeftCol .Featured .ColumnLayout .Button { margin-left: 199px; }

#SON .LeftCol .Box2 .ColumnLayout .Item { margin: 0 10px 0 0; }
#SON .LeftCol .Box2 .ColumnLayout h2 { padding: 0; margin: 0; }
#SON .LeftCol .Box2 .ColumnLayout h2 img { float: left; margin: 0 20px 0 0; }
#SON .LeftCol .Box2 .ColumnLayout ul { margin-left: 196px; }
#SON .LeftCol .Box2 .ColumnLayout p { margin-left: 196px; }
#SON .LeftCol .Box2 .ColumnLayout .Button { margin-left: 196px; }
/* ColumnLayout Styles */
#SON .footer {margin-left: -155px;}
#SON #Footer #CopyRight { clear: both; padding: 15px 15px 0 0; text-align: right; }

/* Right Column */

#SON .RightCol { width: 300px; overflow: hidden; }
#SON .RightCol label { font-size: 100%; margin-left: .5em; }

#SON .RightCol .Promo { margin-bottom: 25px; }
#SON .RightCol .Promo .Item { padding: 5px; }
#SON .RightCol .Promo h3 { font-size: 109%; background: #405284; color: #fff; padding: 5px 0 5px 10px; }
#SON .RightCol .Promo h4 { margin: 0 .5em .5em 5px; }
#SON .RightCol .Promo h5 { margin: 0 .5em .5em 5px; }
#SON .RightCol .Promo p { margin: 0 .5em .5em 5px; }
#SON .RightCol .Promo img { margin: .5em; }
#SON .RightCol .Promo .LinkList { padding-left: 1.5em; }
#SON .RightCol .Promo .LinkList a.On { color: #900; }
#SON .RightCol #SponsorUnit * {padding: 0;}
#SON .RightCol #Sponsor h4 { text-align: center; padding: 9px;}
#SON .RightCol #Sponsor #SponsorUnit, #SON .RightCol #Sponsor #SponsorUnit img {margin: 0;}
#SON .SponsorWrapper {background: #fff; width: 270px; margin: 0 auto;}
#SON .RightCol #Poll h4 { color: #000; margin-bottom: 1em; margin-left: 5px; }
#SON .RightCol #PodcastPoll h4 { color: #000; margin-bottom: 1em; margin-left: 5px; }

/* RightBox Styles */
#SON .RightCol .RightBox { border-bottom: 3px solid #9099A0; background-color: #D9D9D9; }
#SON .RightCol .RightBox .Item { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; }
#SON .RightCol .RightBox h3 { background: #405284 url(../images/hdr.promo.jpg)  top left no-repeat; color: #fff; }
/* RightBox Styles */

/*  Specific Page Elements       #       #   # #*/

/*SONArticle*/
.SONArticle .LeftCol #Article .Item { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; padding-top: 14px; padding-bottom: 10px; }
.SONArticle .LeftCol #Article h2 { font-size: 125%; margin: .5em 0; }
.SONArticle .LeftCol #Article h4 { margin-bottom: 1em; }
.SONArticle .LeftCol #Article p { font-size: 75%; margin: 0 15px 1em 0; }
.SONArticle .LeftCol #Author .Item { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; }
.SONArticle .LeftCol #Author .Item p { margin: 0; }
.SONArticle .LeftCol #Author em { font-weight: bold; font-style: normal; }

/*SONExpert*/
.SONExpert .LeftCol .Features .Item { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; }
.SONExpert .LeftCol .Box2 .InsideBox .ColumnLayout { border: none !important; }
.SONExpert .LeftCol .Box2 .InsideBox .ColumnLayout .Item { border: none !important; }

/* For Featured items that take up two columns */
#SON .FeaturedTwoCol { margin-bottom: 15px; }
#SON .FeaturedTwoCol .LayoutTable { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; border-bottom: 3px solid #9099A0; }
#SON .FeaturedTwoCol h2 { margin: 10px; }
#SON .FeaturedTwoCol h3 { font-size: 134%; color: #fff; background: #405284 url(../images/hdr.feature-two-col.jpg) top left no-repeat; padding: 3px 0 3px 15px; }
#SON .FeaturedTwoCol p { margin: 10px; }
#SON .FeaturedTwoCol .Button { margin: 10px; }

/*SONPodcast*/
.SONPodcast .Features .Item { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; }
.SONPodcast .Features h2 { color: #000 !important; }
.SONPodcast .Features h2 em { white-space: nowrap; padding-left: 1em !important; font-size: 80%; font-style: normal; font-weight: normal; color: #000; }
.SONPodcast .Features p { font-size: 75% !important; }
.SONPodcast .Features h4 { display: inline; float: right; white-space: nowrap; font-size: 70%; font-style: normal; font-weight: normal; }

/*SONProduct*/
.SONProduct .Item { border-left: 1px solid #9099A0; border-right: 1px solid #9099A0; }
.SONProduct #Review h2 { font-size: 125%; margin: .5em 10px !important; }
.SONProduct #Review h4 { margin-left: 10px; margin-bottom: 1em; }
.SONProduct #Review h5 { margin: .5em 0 .5em 10px; }
.SONProduct #Review p { font-size: 75%; margin: 0 15px 1em 15px; }
.SONProduct #Review img { margin-left: 10px; }

/*  Specific Program Elements for CIO Strategy Center     #       #   # #*/

/*CIO Strategy Center Lists*/
#SON #Content .LeftCol .NoBullet { margin: 1.5em; }
#SON #Content .LeftCol .NoBullet li { margin-bottom: 1em !important; }
#SON #Content .LeftCol .Bullet { margin: 1.5em; }
#SON #Content .LeftCol .Bullet li { margin-bottom: 1em !important; }
#SON #Content .RightCol .LinkList li { margin-bottom: 1em; }

/*ColumnLayout for CIO Strategy Center's Image Sizes*/
#SON .LeftCol .Featured .ColumnLayout p { margin-left: 240px; }
#SON .LeftCol .Featured .ColumnLayout .Button { margin-left: 240px; }
#SON .LeftCol .Features .ColumnLayout .Item p { margin-left: 124px; }
#SON .LeftCol .Features .ColumnLayout .Button { margin-left: 124px; }

/*CIO Strategy Center RightCol Podcast Promo*/
#SON .RightCol #Podcast h4 { font-weight: normal; font-size: 75%; margin-bottom: 1em; margin-left: 6px; }
#SON .RightCol #Podcast h5 { margin-top: -0.5em; margin-left: 6px; }
#SON .RightCol #Podcast .Button { margin-top: 1.5em; }

/*CIO Strategy Center RightCol PodcastPoll Promo*/
#SON .RightCol #PodcastPoll { margin-bottom: 0; }
#SON .RightCol #PodcastPoll input { margin-left: 5px; } /* gives some space to radio buttons */

/*SONArticle*/
.SONArticle .LeftCol .Box2 .Item { padding: 0 !important; }
.SONArticle .LeftCol #Author .Item p { margin: 0 15px 1em 10px !important; padding-top: .5em !important; }
.SONArticle .LeftCol .Box2 .InsideBox { margin: 0 !important; padding-left: 0 !important; }

/*SONExpert*/
.SONExpert .LeftCol .Box2 .Item .PhotoSpot { padding-top: 5px !important; padding-left: 10px !important; }
.SONExpert .LeftCol .Box2 .Item h4 { font-weight: bold; font-size: 70% !important; }
.SONExpert .LeftCol .Box2 .Item { padding-bottom: 5px !important; }
.SONExpert .LeftCol .Box2 hr { margin-top: 1em !important; }


/* Poll Results Styles */
#SON .PollResultsTitle { }
#SON .PollResultsTable { }
#SON .PollResultsTable td { vertical-align: middle; }
#SON .PollResultsTextCell { }
#SON .PollResultsText { }
#SON .PollResultsBarCell { padding: 4px; }
#SON .PollResultsBar { border-left: 1px solid #ee4400; border-top: 1px
solid #ee4400; border-right: 1px solid #aa2200; border-bottom: 1px solid
#aa2200; background-color: #cc3300; height: 12px; }
#SON .PollResultsValueCell { padding: 4px; }

#SON .RightCol .Ad { margin-bottom: 25px; }
#SON .RightCol .Ad p {text-align: center; margin-bottom: 0; font-weight: bold; font-size: 11px;}
/* Left Sub Nav*/
#SON {float: left; padding-left: 15px;}
#column_left {float: left;}
.left_sub_nav  {padding: 6px 0pt 0pt 10px !important; font-size: 11px !important; color: #fff;}
.left_subnav_header {font-size: 16px !important;}
#left_link_portlet_menu ul li a.On {background: #E2E4E8 url(../images/MyFox_SmallNavRed.jpg) no-repeat;}

#column_center_ext{
	width: auto !important;
	margin:0 0 0 0 !important;
}
