@charset "utf-8";
/* YDN CSS -- SSL version: exact copy of ydn.css, just changing background img urls;
   template files should include *either* ydn.css or ydn_ssl.css */
html {height:100%; min-height: 100%;width: 100%;}
body {height: 100%; min-height: 100%; width: 100%; text-align: center;}
em { font-style: italic; }
table td { vertical-align: top; }
table em { font-style: italic; }
.codeHolder textarea { width: 100%; }
.apiTable { border: none; }
.apiTable th { background: #6e8fa0; color: white; font-weight: bold; padding: 4px; border: 1px solid white; }
.apiTable td { padding: 4px; }
.apiTable tr.even { background: #f5f8f9; }
.apiTable tr.even td { border: 1px solid white; }
.apiTable tr.odd  { background: #e5edf1; }
.apiTable tr.odd td { border: 1px solid white; }
.apiTable ul { margin-left: 16px; }
.apiTable li { list-style: disc inside; margin-bottom: 0.3em; }

#doc4 #bd a {color:#16387C;text-decoration:none;}
#doc4 #bd a:hover {text-decoration:underline;}
#doc4 #bd {color:#333;}

.announcement { border: 2px solid red; padding: 1em; margin-bottom: 1em; }
.announcement p { padding-bottom: 0; }
.announcement strong { color: #000000; }
strong{font-weight:bold;}
strong.deprecated {color:#d00; display:block;font-size:93%;}
h2{color:#000;font-size:216%;margin:0 0 .4em 0;}
p{padding:0 0 1em 0;line-height:1.49em;}
h3{color:#333;font-size:161.6%;margin:1em 0 .4em 0;}
h4.sectionSubH, h4.suitecat{color:#333;font-size:108%;margin:1em 0 .5em 0;padding-bottom:.1em; text-transform: uppercase; font-weight:bold;}
h4.sectionH, h4.fullHorange{color:#333;font-size:108%;margin:.6em 0;padding-bottom:.1em; text-transform: uppercase; font-weight:bold;}
#doc4 #bd h4.recentBlog a{color:#333;font-weight:bold;text-transform:uppercase;margin:.6em .2em;}
h5.modH{font-weight:bold;text-transform:uppercase;}
h5.rackSubH{font-weight:bold;text-transform:uppercase;padding:.4em .5em 0 .5em;}
ol{margin-left:2em;}
ol li{list-position:outside;list-style-type:decimal;margin-bottom:.3em;}
ul li.bullist{list-position:outside;list-style-type:disc;margin:0 0 .3em 2em;}
.normalCaps{text-transform:none;}
.smalltxt{font-size:73%;padding-bottom:0;}
a.dlFile{background:url('https://s.yimg.com/lq/i/nt/ic/ut/bsc/savesm12_1.gif') left no-repeat; padding-left:1.2em;position:relative;top:.6em;font-size:100%; display: block; text-align: left; margin: 6px 0;}
a.rFile{background:url('https://s.yimg.com/oo/ydn/article12_1.gif') left no-repeat; padding-left:1.2em;position:relative;top:.6em;font-size:100%; display: block; text-align: left; margin: 6px 0;}
.attnTxt{font-weight:bold;text-transform:uppercase;font-size:136%;color:#000;}
.attn{color:red;background:#000;font-weight:bold;}
.zeb{background:#f8f8f8;}
table, tr{border:1px solid #d9d9d9;}
td{padding:.2em.4em;border:1px solid #eaeaea;}
th {background:url('https://s.yimg.com/lq/i/ydn/how-to-bkg.gif') repeat-x scroll center bottom;padding:.2em.4em;font-weight:bold;}
.rssImg{position:relative;top:.17em;left:.3em;}
.pNoM{padding-bottom:0;}
p.dateEntry{color:#666;text-transform:uppercase;font-weight:bold;font-size:85%;padding-bottom:0.2em;margin:0;}
.innrexmplthmb{border:1px solid #EFEFEF;float:left;margin:0.4em;padding:0.4em;position:relative;top:-.4em;}
#innrexampleItem{float:left;}
.ctaLink{text-transform:uppercase;font-weight:bold;}
.inl-img-r{border:1px solid #bababa;margin:0 0 .6em .6em;}

#contactErr{font-weight:bold;color:#900;}
#sendContactEmail{margin:.3em 0;}
#loadBar{margin:2em auto 2em auto; text-align:center;}
#contactConf{border:1px solid #e9e9e9;background:#fff;padding:0 .6em 2em .6em;margin:1.6em 1em 1em;}

#getAppModal {padding:0 1em;}
#getAppModal h3{margin:.4em 0 .2em 0;font-size:112%;text-transform:uppercase;font-weight:bold;text-align:left;}
#getAppModal #modalL{float:left; width:17em;text-align:left;color:#666666;}
#getAppModal #modalR{float:left; width:17em;text-align:left;color:#666666;margin-left:2em;}
#getAppModal #modalclose{position:absolute;float:right;top:.4em;right:.4em;}

/*header area*/
#topMaxCont{width:100%;background:#fff;height:1.7em;}
#topContainer{margin-left:auto;margin-right:auto;width:74.8em;}
#topIntCont{width:74.8em;float:left;height:1.7em;}
#headerMaxCont{width:100%;height:4.1em;background:url('https://s.yimg.com/lq/i/ydn/header-top-full.jpg') repeat-x #0066a0 top center;}
#headerContainer{margin-left:auto;margin-right:auto;width:74.8em;height:4.15em;}
.ydnLogo{position:relative;left:-2.3em;}
#subHMaxCont{width:100%;height:2em;background:url('https://s.yimg.com/lq/i/ydn/header-sub-2.jpg') repeat-x top center #1a6ca4;}
#subHContainer{margin-left:auto;margin-right:auto;width:74.8em;}
#subHIntCont{float:left;position:relative;width:74.8em;z-index:201;}
#topDropMaxCont{width:100%;height:1.9em;background:url('https://s.yimg.com/lq/i/ydn/header-shadow-bkg.gif') repeat-x;margin-bottom:1em;}
#topDropContainer{margin-left:auto;margin-right:auto;width:74.8em;}
#topDropIntCont{text-align:left;}
#breadcrumbs { font-size: 92%; height: 1.2em; width: 74.8em; float: left; text-decoration: none; margin-left: 0; padding: 0; position: relative; top: 1em; color: #888888; }
#breadcrumbs a { text-decoration: none; color: #2288bb; }
#breadcrumbs a:hover{height:2em;float:left;text-decoration:underline;}
.bcSep{float:left;width:1.5em;height:1.5em;background:url('https://s.yimg.com/lq/i/ydn/bcsep.png') no-repeat top left;position:relative;bottom:3px;margin-right:.5em;}
.bcString{float:left; margin-right: 0.5em; }
#topAreaL{float:left;color:#9f9f9f;font-size:85%;padding:6px 0 0 0;width:500px;}
#topAreaL ul li{float:left;margin-left:8px;padding-left:8px;border-left:1px solid #dfdfdf;}
#topAreaL ul li.first{float:left;margin-left:0; border-left:0;}
#topAreaL strong{margin-left:60px;font-weight:bold;}
#topAreaR{float:right;color:#9f9f9f;font-size:85%;padding:6px 0 0 0;display:block;}
#topAreaR ul li{float:left; margin-left:8px; padding-left:8px; border-left:1px solid #dfdfdf;}
#topAreaR ul li.first{margin-left:0; border-left:0;}
#topAreaR strong{margin-left:0px;font-weight:bold;margin-right:40px;}

#headeraL{float:left;color:#9f9f9f;font-size:85%;height:4.6em;padding:0;}
#headeraL ul li{float:left; border-left:1px solid #dfdfdf;}
#headeraL ul li.first{float:left;margin-left:0; border-left:0;}
#headeraL strong{margin-left:4.6em;font-weight:bold;}

#headeraR{float:right;color:#86cdf5;}
#headeraR ul li{float:left; margin-left:8px; padding-left:.7em; border-left:1px solid #86cdf5;font-size:85%;font-weight:bold;}
#headeraR ul li.first{border-left:0;}
#searchArea{z-index:190;position:relative;margin-top:1.2em;width:29em;text-align:right;}
ul.srchOptns li{margin-top:.3em;}
#searchFld{margin:0 2px 0 .4em;width:15em;height:1.3em;font-size:85%;font-weight:bold;}

#ydnNav{}
#ydnNav .yuimenubaritemlabel{padding:.4em .62em .28em;margin-left:.1em;height:1.35em;/*border:1px solid red;*/}
#ydnNav .yuimenubaritemlabel{float:left;color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;}
#ydnNav .yuimenubaritemlabel-hassubmenu-selected {background:url('https://s.yimg.com/lq/i/ydn/top-nav-arrow-off.gif') no-repeat .13em .8em ;z-index:181;}
#ydnNav .yuimenubaritemlabel em{position:relative;color:#fff;font-weight:bold;font-style:normal;top:.08em;}
#ydnNav li .yuimenu a {color:#28b;text-decoration:none; font-size:120%; padding-bottom:.32em;z-index:182;}
#ydnNav li.first-of-type a.yuimenubaritemlabel{position:relative;left:-1.1em;margin-right:-1.1em;}
#ydnNav li a:hover {color:#fff;}
#ydnNav ul li.yuimenubaritem{padding:0 .5em;background:url('https://s.yimg.com/lq/i/ydn/top-navsep.gif') no-repeat;}
#ydnNav ul li.first-of-type em{background:0;padding-left:0;}
#ydnNav ul li.first-of-type{background:none;}
#ydnNav .yuimenubaritemlabel-selected{background:url('https://s.yimg.com/lq/i/ydn/nav-hover-bg.gif') repeat-x;z-index:180;height:1.3em;}
#ydnNav li .yuimenu a:hover {color:#28b;text-decoration:underline;}
#ydnNav .lowerc{text-transform:lowercase;}
.dropArrow{margin-left:.3em;margin-bottom:.13em;display:inline;}
.innerSubMenuArea{background-color:#f5f5f5;background:url('https://s.yimg.com/lq/i/ydn/nav-submenu-drop-bg.gif') repeat-x top #f5f5f5;padding:.8em .8em;font-size:85%;text-align:left;border-top:0;z-index:183;border-top:1px solid #fff;/*border:1px solid red*/;}
.yuimenu.innerSubMenuArea.bd{float:left;}
#ydnNav .yuimenu .bd ul { float:left; }
#ydnNav .yuimenu .bd ul li { line-height: 1.5; }
#ydnNav .yuimenu .colGroup { float: left; margin-right: 2em; }
#ydnNav .yuimenu .colGroup .inner { margin-right: 2em; }
#ydnNav .yuimenu .colGroup.last { margin-right: 0; }

.submenuindicator{display:none;}
#ydnNav .subMenuH{ color: #6bae00; text-transform: uppercase; font-size: 114%; font-weight: bold; line-height: 1; padding: 0; }
.yuimenu .x1,.yuimenu .x1a,.yuimenu .x2,.yuimenu .x2a {display:block;background:url('https://s.yimg.com/lq/i/ydn/glow-2.png') no-repeat;_background:transparent;width:100%;height:100%;position:absolute;}
.yuimenu .x1{background-position:0 0;z-index:-2;top:-12px;left:-12px;bottom:0;padding:0 12px 12px 0;}
.yuimenu .x1 .x1a {height:10px;width:10px;background-position:100% 0;right:-10px;top:0;}
.yuimenu .x2 {background-position:100% 100%;z-index:-1;bottom:-12px;right:-12px;padding:15px 0 0 9px;}
.yuimenu .x2 .x2a {height:12px;width:16px;background-position:0 100%;left:-16px;bottom:0;}
#innerMenuL{float:left;min-width:8em;max-width:16em;margin-right:2em;}
#menuColContainer{float:left;}
/* end header area */

/* begin center area */
#mainCMaxCont{width:100%;float:left;background:#fff;display:block;}
#mainCContainer{margin-left:auto;margin-right:auto;width:74.8em;display:block;}
#mainCIntCont{width:74.8em;float:left;display:block;}
#clearfooter{clear:both;}
/* end center area */

/* begin footer area */
#footermainCont{width:100%;}
#footerMaxCont {width:100%;clear:both;background-color:#eaeaea;border-top:1px solid #fff;}
#footerContainer{margin-left:auto;margin-right:auto;width:74.8em;}
#footerInternal{width:74.8em;float:left;text-align:left;}
#footerBotMainCont{width:100%;}
#footerBotMaxCont {width:100%;clear:both;background-color:#fff;border-top:1px solid #fff;}
#footerBotContainer{margin-left:auto;margin-right:auto;width:74.8em;background:#fff;}
#footerBotInternal{width:74.8em;float:left;text-align:left;}
#ydnfoot{border-top:0;}
#ydnfoot{width:74.8em;background:#f2f2f2;text-align:left;}
#ydnfoot a{text-decoration:none;color:#2288bb;}
#ydnfoot a:hover{text-decoration:underline;color:#19577D;}
#ydnfoot_top{background:#eaeaea;color:#acacac;}
#ydnfoot_top p, #ydnfoot_top strong {}
#ydnfoot_top h3 {font-weight:bold;text-transform:uppercase;font-size:120%;color:#fff;}
#ydnfoot h2 {font-weight:bold;text-transform:uppercase;font-size:120%;color:#000;}
#ydnfoot_mid{background:#f5f5f5;}
#ydnfttopL{float:left;width:157px;}
#ydnfttopR{float:left;width:137px; margin-left:0;}
#ydnfttop2L{float:left;width:100px;}
#ydnfttop2R{float:left;width:100px; margin-left:0;}
#ydnfttop2LL{float:left;width:100px;}
#centr1, #centr2, #centr3, #centr4, #centr5, #centr6 {font-size:85%;float:left; width:108px;}
#ydnfoot strong{font-weight:bold;}
#ydnfoot ul{padding:0;list-style-type:disc;list-style-position: inside;}
#ydnfoot li{color:#2288bb;list-style-type:disc;}
#ydnfoot_top dt{margin-top:.3em;}
#ydnfoot_mid dt{margin-top:1em;}
#devcentL, #devcentR {padding:1em 1em 0 0;}
#devcentL{float:left;}
#devcentR{float:left;}
#ydnfoot_bot{float:left;color:#666;font-size:86%;width:989px;padding:1em;border-top:1px solid #fff;}
#ydnfoot_bot a:hover, #ydnfoot_top a:hover{text-decoration:underline;color:#000;}
#ydnfoot .ftbtmL{float:left;}
#ydnfoot .ftbtmR{float:right;}
#fthrline{float:left;width:100%;}
#ydnfoot .midlsect{border-right:1px solid red;}
#boxtop1{float:left;width:311px;border-right:1px solid #fff;padding:13px;height:7em;}
#boxtop2{float:left;width:311px;border-right:1px solid #fff;padding:13px;}
#boxtop3{float:left;width:311px;padding:13px;}
#boxmid1{float:left;border-right:1px solid #fff;padding:13px;width:655px;}
#boxmid2{float:left;border-right:1px solid #fff;padding:13px;width:655px;}
#boxmid3{float:left;padding:1em 0 1em .3em;}
/* end footer area*/

/* Bikini Styles */
.yui-g{margin-bottom:1em;}
.SuiteCatSect{clear:both;margin:1em 0;}
.svcItem{width:16.4em;float:left;margin-left:-1em;margin-right:.4em;padding:0 0 0 1em;}
.svcItem img{border:1px solid #b2b2b2;float:left;margin-right:.7em;}
.svcItem p{font-size:85%;line-height:1.3em;}
#OfferingCatSect{float:left;margin:1em 0;width:100%;}
#libItem{width:25em;float:left;margin-left:-1em;margin-right:.4em;padding:0 0 0 1em;}
#libItem img{border:1px solid #b2b2b2;float:left;margin-right:.7em;}
#libItem p{font-size:85%;line-height:1.3em;margin-bottom:.5em;}
.rowBlock, .offerRow {clear:left;}
.offerItem{width:16.1em;float:left;margin-left:-1em;margin-right:.4em;padding:0 0 0 1.4em;}
.colItem{width:16.4em;float:left;margin-left:0;margin-right:.5em;padding:0;}
.offerItem img{/*border:1px solid #b2b2b2;*/float:left;margin-right:.7em;}
#languageCenter .offerRow .offerItem img { border: none; }
#languageCenter .offerRow .offerItem a { line-height: 35px; margin-left: 5px; }
.offerItem p{float:left;width:9em;font-size:85%;line-height:1.3em;margin-bottom:.5em;}
#langItem{width:16.4em;float:left;margin-left:-1em;margin-right:.4em;padding:0 0 0 1em;}
#langItem img{margin-right:.7em; vertical-align:middle;}
h4.svcH{color:#2288bb; font-size:93%;font-weight:bold;}
.svcsRt img{margin-top:.2em;}
.SuiteCatSect .svcItem h4 a {text-decoration:none;}

#sideBoxContainer{width:18.9em;float:left;}
#getAppBox{padding:10px; margin-bottom:12px;}
#getAppBox p {color: #999; padding: 0 0 2px 0;}

#featuredSectionHome{float:left;margin-top:-3em;margin-bottom:1em;}
#featureBox1, #featureBox2, #featureBox3, #featureBox4{float:left;width:73.8em;padding:1em 1em 1em 0;z-index:1;min-height:12em;}
#featureBox h2{}
#topFeaturedTabs{float:left;margin-top:1em;}
#topFeaturedTabs ul li{float:left;}
#topFeaturedTabs ul li strong{font-weight:bold;float:left;text-transform:uppercase;margin:0 .4em 0 0;padding:0;}
#topFeaturedTabs ul li strong strong{background:url('https://s.yimg.com/lq/i/ydn/corner1_r.gif') #9dc1d6 top right no-repeat;margin-right:0;}
#topFeaturedTabs ul li strong strong strong{padding:.5em 1em .5em 1em;position:relative;color:#fff;background:url('https://s.yimg.com/lq/i/ydn/corner1_l.gif') transparent no-repeat top left;}
#topFeaturedTabs ul li a:hover strong strong{background:url('https://s.yimg.com/lq/i/ydn/corner1_r.gif') #6fa4c3 top right no-repeat;}
#topFeaturedTabs ul li a:hover strong strong strong{background:url('https://s.yimg.com/lq/i/ydn/corner1_l.gif') transparent no-repeat top left;}
#doc4 #bd #topFeaturedTabs ul li.selected a{cursor:default;text-decoration:none;}
#topFeaturedTabs ul li.selected a strong{padding:0em;background:url('https://s.yimg.com/lq/i/ydn/feature-arrow.gif') transparent no-repeat top;z-index:200;height:2.2em;position:relative;top:1.96em;margin-bottom:-1em;}
#topFeaturedTabs ul li.selected a strong strong{padding:0;margin:0;position:relative;top:-2.0em;font-weight:bold;background:url('https://s.yimg.com/lq/i/ydn/corner1_r.gif') #ff6600 top right no-repeat;color:#fff;}
#topFeaturedTabs ul li.selected a strong strong strong{padding:.5em 1em 0 1em;position:relative;top:0em;background:url('https://s.yimg.com/lq/i/ydn/corner1_l.gif') transparent no-repeat top left;}
.prefTabs{color:#aaa;float:left;position:relative;margin:.5em .8em 0em 2em;font-weight:bold;}
ul.yui-nav{}
.lftCont{width:45em;margin:0 0 0 2em;float:left;}
#ydn-ypatterns-intro.lftCont { width: 41em; }
.rtLogo{float:right;}
.videoEmbedHome{border:1px solid #d9d9d9;float:left;}
#easyStepsBoxOutside{float:left;border:1px solid #d9d9d9;width:74.6em;padding:1px;background:#fff;}
#easyStepsBox{float:left;background:#f8f8f8;}
#stepsBoxTopArea{float:left;width:74.6em;}
.getTheMostBox{width:56.8em;float:left;border-bottom:1px solid #fff;background:url('https://s.yimg.com/lq/i/ydn/blue-shadow-bg.gif')repeat-y top right;background-color:#486077;}
.devSpotBox{width:17.7em;float:right;background:#a6a6a6;border-bottom:1px solid #fff;border-left:1px solid #fff;}
h4.getMostH{margin:.23em .5em;color:#fff;font-weight:bold;text-transform:uppercase;}
h4.devSpotH{margin:.23em .5em;color:#fff;font-weight:bold;text-transform:uppercase;}
#stepsBoxMidAreaL{float:left;padding-bottom:.2em;width:56.8em;background:url('https://s.yimg.com/lq/i/ydn/grey-shadow-bg.gif')no-repeat top right;}
#stepsBoxMidAreaR{float:left;width:17.72em;border-left:1px solid #fff;background:#e5e5e5;min-height:5.66em;}
#stepBox{width:18.1em;float:left;border-right:1px solid #d3d3d3;margin:.2em 0;}
#stepBox3{width:18.1em;float:left;margin:.2em 0;}
#bd #stepsBoxMidAreaL h5.stepBoxStep a{float:left;font-family:Gotham-Bold, arial;width:1em;font-size:395%;color:#aac860;font-weight:bold;margin:.01em .1em .01em .2em;}
#bd #stepsBoxMidAreaL h5.stepBoxStep a:hover{color:#FF8800;}
.stepsInfo{float:left;margin-top:1em;width:12em;}
a.steps{font-size:107%;font-weight:bold;text-transform:uppercase;}
#featuredDevBox{background:url('images/devSpotlight.jpg') repeat-x;width:18em;margin-left:.3em;margin-top:.2em;height:70px;float:left;}
.devSpotContL{float:left;margin:.6em .8em 1em 1em;font-size:85%;}
.devSpotContR{float:left;width:9em;margin:1em 1em 0em 0;padding:.4em 1em 0 0;font-size:85%;padding-top:.4em;}
.devSpotContR h6{font-weight:bold;}
.devSpotContL h6{font-weight:bold;text-transform:uppercase;}
img.devSpotlight{position:relative;top:-1.5em;left:55.7em;}
#recBlPst{float:left;width:18em;margin-right:.6em;}
#recBlPst3{float:left;width:18em;}
#recBlPstAuth{float:left;width:11em;float:right;margin-top:1.5em;}
h4.recBlPostTitle{font-size:114%;font-weight:bold;margin-bottom:.2em;}
#commentsDateArea{width:16.15em;display:block;margin:.7em 0;clear:both;font-size:84%;}
.postDate{font-weight:bold;display:inline;text-transform:uppercase;}
.postComments{display:inline;}
h5.authName{font-weight:bold;text-transform:uppercase;color:#89B31F;font-size:85%;}
.authTitle p{padding:0;padding-bottom:.2em;font-size:85%;}
.viewallAbs{float:right;position:relative;top:-2em;margin-bottom:-2em;left:-.6em;font-size:92%;}
#recentBlogArtsBox{background:#FFF url('https://s.yimg.com/oo/ydn/common/img/sprite-gradients-MtFvPpfqyhObQ-i7RxFaYw-.gif') repeat-x scroll 0 -180px;border:1px solid #d9d9d9;margin:1em 0;}
#recentBlogArtsBox .blogRackTitle{width:95%;float:left;padding:.6em .6em 0 .6em;line-height:1.2em;}
#recentBlogArtsBox .blogRackTitle a{font-weight:bold;}
#recentBlogArtsBox .blogRackDate{margin:0 .6em 0 .6em;font-size:92%;}

.recentBlog{color:#333;margin:.6em 0 .6em .4em; padding-top: 10px;}
.blAbst p{font-size:85%;line-height:1em;margin:.6em 0;}
.postDate p{font-size:85%;line-height:.2em;margin:.4em 0;}
#blogPost{border-bottom:1px solid #d9d9d9;margin:0 0 1em 0;}
#blogPostLast{border:0;}
#upcomingEventsBoxCont{float:left;border:1px solid #d9d9d9;}
#upcomingEventsBox{float:left;width:17.72em;border:1px solid #fff;margin:0;background:url('https://s.yimg.com/lq/i/ydn/events-bkg.gif') #f3f8fc top repeat-x;}
#upcomingEventsBox .blogRackTitle{width:16.4em;float:left;border-top:1px solid #d9d9d9;margin:0 .6em;padding:.6em 0 0 0;line-height:1.2em;position:relative;}
#upcomingEventsBox .blogRackTitle a{font-weight:bold;}
#upcomingEventsBox .blogRackDate{margin:0 .6em 0 .6em;font-size:92%;}

.upcomingHL{float:left;padding:.4em .5em;}
.viewAllRt{float:right;font-size:85%;padding:.5em .85em 0 .85em;}
#doc4 #bd .viewAllRt a{color:#fff;}
#upcomingHArea{float:left;clear:both;width:100%;background:#486077;border-bottom:1px solid #fff;}
#eventItem{float:left;margin:.2em 0;padding:.2em .85em;}
.upcomingEvents{color:#fff;font-weight:bold;text-transform:uppercase;}
.upcomingEvents-Date{color:#666;font-size:92%;font-weight:bold;padding:0;width:17em;border-bottom:1px solid #d9d9d9;text-transform:uppercase;margin:0 0 .3em 0;padding:0 0 .3em 0;float:left;clear:both;}
h5.upcomingEventsTitle{font-weight:bold;font-size:100%;float:left;clear:both;width:100%;}
.upcomingBlurb p{float:left;font-size:85%;line-height:1.4em;padding:0;clear:both;width:100%;}
div.exampleContainer {padding:2px;border:1px solid #b2b2b2; width:21em; height:13.5em;}
#sfw_example {border:1px solid #b2b2b2;}
div.miniSection{margin-bottom:1.5em;}
.dp-highlighter{max-height:400px;}
#ctaBtnArea{text-align:center;margin:0 auto; width:95%;}
#ctaBtnArea fieldset{margin:1.2em .4em;}
#ctaBtnArea legend{display:none;}
#ctaBtnArea label{font-weight:bold;}
#ctaBtnArea input{float:left;width:16em;}
#ctaBtnArea fieldset p{float:left;margin:.4em 0;text-align:left;}
#subtxt{font-size:85%;text-align:center;clear:both;text-align:center;margin:.2em 0 0 0;}
#hTheaterModule{background:url('https://s.yimg.com/lq/i/ydn/right-col-box-bg.png') repeat-x;border:1px solid #d8d8d8;clear:both;padding:.4em .62em;float:left;}
#hTheaterModule h4.fullHorange{border:none;margin:0;padding:0 0 .3em 0;}
#hTheaterModule img{border:1px solid #bababa;margin:.6em;}
#hTheaterModule #recBlPst{background:url('https://s.yimg.com/lq/i/ydn/theater-reverse-bkg-long.gif') #fff bottom repeat-x;border: 1px solid #d8d8d8; width: 17.4em; /*padding: .46em;*/ margin-right: .69em;min-height:15.38em;}
#hTheaterModule #recBlPst3{background:url('https://s.yimg.com/lq/i/ydn/theater-reverse-bkg-long.gif') #fff bottom repeat-x;border: 1px solid #d8d8d8; width: 17.4em;min-height:15.38em;}
#hTheaterModule .movieTitle{text-transform:uppercase;font-weight:bold;margin:0 .6em .3em .6em;height:3em;padding:0;}
#hTheaterModule p.playMovie{padding:0}
#hTheaterModule .playMovie{background:url('https://s.yimg.com/lq/i/ydn/right-col-box-bg.png') repeat-x;border-top:1px solid #fff;float:left;width:100%;}
#hTheaterModule .playMovie a{float:left;margin:.4em .6em;padding:0 .4;}
#hTheaterModule .playMovie img {margin:0;padding:0;border:0;}

/** YUI button skin styles  **/
#doc4 #bd .yui-button a { color: #000000; text-decoration: none; }
#doc4 #bd .yui-button a:hover { color: #000000; text-decoration: none; }
.yui-skin-sam .yui-button { background: url('https://s.yimg.com/lq/i/ydn/btn_gry_midgrad.png') left center; margin-left: 1px; border-color: #b9b9b9; margin-bottom: 12px; }
.yui-skin-sam .yui-button .first-child a { border-color: #ffffff; color: #000000; font-size: 113%; font-weight: bold; padding: 0 1em; }
.yui-skin-sam .yui-button .first-child button { border-color: #ffffff; color: #000000; font-size: 113%; *font-size: 105%; font-weight: bold; padding: 0 1em; font-family: arial,helvetica,clean,sans-serif; }
.yui-skin-sam .yui-button .yui-link-button { border-color: #b9b9b9; } /* top/bottom outer color */
.yui-skin-sam .yui-button .first-child { border-color: #b9b9b9; }  /*  left/right outer color */
.yui-skin-sam .yui-button.yui-button-hover a:hover { text-decoration: none; }
.yui-skin-sam .yui-button.yui-button-hover { background: url('https://s.yimg.com/lq/i/reg/btn_rlvr_midgrad.gif') left center; border-color: #a7cc25; }
.yui-skin-sam .yui-button.yui-button-hover .first-child { border-color: #a7cc25; }  /*  left/right outer color */
.yui-skin-sam .yui-button.yui-button-hover .yui-link-button { border-color: #a7cc25; }  /* top/bottom outer color */

.yui-skin-sam .yui-button.actionButton { background: url('https://s.yimg.com/lq/i/reg/btn_orng_midgrad.gif') left center; margin-left: 1px; border-color: #f0b962; }
.yui-skin-sam .yui-button.actionButton .first-child a { border-color: #ffffff; color: #000000; font-size: 113%; font-weight: bold; padding: 0 1em; }
.yui-skin-sam .yui-button.actionButton .first-child button { border-color: #ffffff; color: #000000; font-size: 113%; font-weight: bold; padding: 0 1em; }
.yui-skin-sam .yui-button.actionButton .yui-link-button { border-color: #f0b962; } /* top/bottom outer color */
.yui-skin-sam .yui-button.actionButton .first-child { border-color: #f0b962; }  /*  left/right outer color */
.yui-skin-sam .yui-button.actionButton.yui-button-hover a:hover { text-decoration: none; }
.yui-skin-sam .yui-button.actionButton.yui-button-hover { background: url('https://s.yimg.com/lq/i/reg/btn_rlvr_midgrad.gif') left center; border-color: #a7cc25; }
.yui-skin-sam .yui-button.actionButton.yui-button-hover .first-child { border-color: #a7cc25; }  /*  left/right outer color */
.yui-skin-sam .yui-button.actionButton.yui-button-hover .yui-link-button { border-color: #a7cc25; }  /* top/bottom outer color */

/* Video */
#videoArtsBox{width:281px;background:url('https://s.yimg.com/lq/i/ydn/right-col-box-bg.png') repeat-x;border:1px solid #d9d9d9;margin:1em 0;padding:.6em;}
.videoTitle{color:#333;font-weight:bold;text-transform:uppercase;}
.videoSubTitle{color:#666;font-weight:normal;font-size:94%;}
div#videoArtsBox embed{margin-left:-.6em; padding:1px; margin-top:.3em; margin-bottom:-.6em;}

/* Examples */
#exampleArtsBox{width:281px;background:url('https://s.yimg.com/lq/i/ydn/right-col-box-bg.png') repeat-x;border:1px solid #d9d9d9;margin:1em 0;padding:.6em;}
#example{border-bottom:1px solid #d9d9d9;margin:0 0 1em 0; padding-bottom: 1em;}
div#example img.exampleImg {margin-left:1em; float:right; padding:1px; border:1px solid #d9d9d9;}
div#example a {font-size: 85%; font-weight:normal;}
#exampleLast{border:0;}
div#exampleLast img.exampleImg {margin-left:1em; float:right; padding:1px; border:1px solid #d9d9d9;}
div#exampleLast a {font-size: 85%; font-weight:normal;}

/*Form Page*/
#formBoxArea{width:900px;float:left;margin-bottom:2em;}
.formL{width:179px;height:2em;float:left;margin:.8em 0 .4em 0;text-align:right;padding-right:1em;}
.formR{width:697px;height:2em;float:right;margin:.8em 0 .4em 0;}
.submitBtnArea{float:left;width:20em;margin-right:50%;margin-left:50%;}

.dropSboxLg, .dropSbox {position:relative;z-index:0;}
.dropSboxLg .mod-content, .dropSbox .mod-content{border:1px solid #fff;position:relative;z-index:2;}
.dropSboxLg .x1,.dropSboxLg .x1a,.dropSboxLg .x2,.dropSboxLg .x2a, .dropSbox .x1,.dropSbox .x1a,.dropSbox .x2,.dropSbox .x2a {display:block;background:url('https://s.yimg.com/lq/i/ydn/dropshadow-lg.png') no-repeat;_background:transparent;width:100%;height:100%;position:absolute;}
.dropSboxLg .x1, .dropSbox .x1{background-position:0 0;z-index:-2;top:-7px;left:-6px;bottom:0;padding:0 0px 2px 0;}
.dropSboxLg .x1 .x1a, .dropSbox .x1 .x1a {height:11px;width:12px;background-position:100% 0;right:-12px;top:0px;}
.dropSboxLg .x2, .dropSbox .x2 {background-position:100% 100%;z-index:-1;bottom:-6px;right:-6px;padding:2px 0 0 0px;/*border:1px solid red;*/}
.dropSboxLg .x2 .x2a, .dropSbox .x2 .x2a  {height:11px;width:12px;background-position:0 100%;left:-12px;bottom:0px;}


.featureBox.dropSboxLg{background:url('https://s.yimg.com/lq/i/ydn/featbox-bg.jpg') top repeat-x #fff;border:1px solid #fff;}
#featureBox2, #featureBox3, #featureBox4{display:none;}


.formR select{margin-left:1.2em;margin-top:1em;}
.formR {font-size:114%;}
#ydnTheater{margin-top:1em;}

/* search */

input.ygbt{background-color:#c48b00;background-position:0 -248px;border:1px solid #999b9a;color:#000;cursor:pointer;font:bold;height:1.7em;margin-left:-1px;padding:1px 8px 3px 8px;text-align:center;vertical-align:top;white-space:nowrap;width:85px;*margin-top:1px;font-size:85%;font-weight:bold;}
input.ygbt {background-image: url('https://s.yimg.com/lq/i/us/sch/gr3/ngsprt_20080225.png');}

.ydnT1{margin-top:1em;}


/* fixes for classic */
#bd{text-align:left;width:100%;margin-left:auto;margin-right:auto;}
#bd h1{text-align:left;font-weight:bold;font-size:210%;clear:both;color:#000;margin-bottom:.6em;}

.featBot{float:left;margin-top:.4em;width:100%;}
.featCTA{float:left;margin-right:2em;}
#doc4 #bd .featCTA a{margin-top:.08em;text-transform:uppercase;color:#616161;font-weight:bold;}
#doc4 #bd .featCTA a:hover{color:#2288BB;text-decoration:none;}
.lftCont ul li {margin:.4em 2em .4em 0;float:left;}
.lftCont ul li a{font-weight:bold;font-size:92%;}
#doc4 .featureBox .lftCont h2{margin:0;padding:0;margin-left:-.04em;}
ul.colWNoTitle{float:left;padding-top:1.76em;}

/*sm*/
table.compTb{margin-top:2em;}
.compTb td{vertical-align:middle;}
.compTb th.thTxt{border-left:1px solid #fff;text-align:center;}
.compTb .centeredCol{text-align:center;vertical-align:middle;padding:.4em;}
#ctaBtnAreaSMdc a strong strong strong{font-size:92%;}
#smDevChal{border-top:1px solid #a1bac9;margin:0 .2em;padding:.4em .5em 0 .5em;}
#smDevChal p{padding:0;}
#modDivLn{height:1px;padding:0;margin:0;background:#fff;width:21.55em;float:left;border-top:1px solid #a1bac9;border-bottom:1px solid red;}
#ctaBtnAreaSM{text-align:center;margin:.6em auto 1.8em auto;width:17em;}
#ctaBtnAreaSMdc{text-align:center;margin:0 auto;width:17em;}

.yui-overlay{position:absolute;display:block;}
* html body.masked select{visibility:hidden;}
* html div.yui-panel-container select{visibility:inherit;}
* html div.drag select{visibility:hidden;}
* html div.hide-select select{visibility:hidden;}
.mask{-moz-opacity:0.25;opacity:.25;filter:alpha(opacity=25);background-color:#000000;}
.hide-scrollbars *{overflow:hidden;}
.hide-scrollbars textarea,.hide-scrollbars select{overflow:hidden;display:none;}
.show-scrollbars textarea,.show-scrollbars select{overflow:visible;}
.yui-panel-container{position:absolute;background-color:transparent;z-index:600;visibility:hidden;overflow:visible;width:auto;}
.yui-panel-container.matte{padding:3px;background-color:#FFF;}
.yui-panel-container.matte .underlay{display:none;}
.yui-panel-container.shadow{padding:0px;background-color:transparent;}
.yui-panel-container.shadow .underlay{visibility:inherit;position:absolute;background-color:#000;top:3px;left:3px;z-index:0;width:100%;height:100%;-moz-opacity:0.12;opacity:.12;filter:alpha(opacity=12);zoom:1;}
.yui-panel{visibility:hidden;border-collapse:separate;position:relative;left:0px;top:0px;font:1em Arial;background-color:#FFF;border:1px solid #000;z-index:1;overflow:hidden;}
.yui-panel .bd{overflow:hidden;}

#vidPane1{border:2px solid #000;background:#fff;float:left;padding:1em;}
div#videoSpace {width:418px;height:336px;background-color:#999;float:left;margin-right:10px;}
div#textSpace {	text-align:left;float:left;}
div#textSpace h3 { margin-top:0; padding-top:0; }
.yui-overlay, .yui-panel-container{}

#smVidArea{float:left;width:50em;margin-bottom:1em;}
#show1{float:left;width:16em;}
.smVidThumb img{}
#smVidThumbDesc{margin-top:1em;float:left;width:34em;display:inline;}
#hide1{float:right;position:relative;top:-3.6em;margin-right:.4em;}

/* footer.css */
ul#mainNav{width:74.8em;}
#ydnNav .yuimenubaritemlabel{padding:.35em .62em;margin-left:.1em;}
li.menubarSeparator{border-left:1px solid #15608a;border-right:1px solid #3689b9;width:0;height:.87em;margin:.5em .4em 0 -.2em;}
li.right-align{float:right;margin-right:-1.5em;}
li a em img.yuiNavIcon{vertical-align:middle;position:relative;top:-1px;height:14px;}
li h5.topSpace{margin-top:.6em;}
#menuColContainer-yui{float:left;width:45em;}
#innerMenuL-yui{float:left;width:15em;}
/* SIDE BLOG */
div#sideBarNav div#SIDE_blogContent table{margin-left:.8em;width:21.2em;margin-bottom:.5em;}
div#sideBarNav div#SIDE_blogContent th{font-size:80%;padding-bottom:.3em;padding-left:.6em;padding-right:.6em;font-weight:bold;}
div#sideBarNav div#SIDE_blogContent td{padding-bottom:.4em;border-top:1px solid #d9d9d9;vertical-align:top;padding-top:.4em;padding-left:.6em;}
div#sideBarNav div#SIDE_blogContent td.blogTitle{width:100%;}
div#sideBarNav div#SIDE_blogContent td.blogTitle a{font-size:93%;line-height:1.1;}
div#sideBarNav div#SIDE_blogContent th.blogSecondary{text-align:right;padding-left:.6em;padding-right:0;}
div#sideBarNav div#SIDE_blogContent td.blogSecondary{text-align:right;padding-left:0;}
div#sideBarNav div#SIDE_blogContent td.blogSecondary span{float:none;}
div#sideBarNav div#SIDE_blogContent td a{font-weight:bold;}
.blogTimestamp{font-size:80%;}
.blogReplies{font-size:76%;}
/* SIDE FORUM */
div#SIDE_viewAll{float:right;margin-right:.9em;margin-left:.2em;margin-top:.2em;text-transform:lowercase;font-weight:normal;font-size:83%;}
div#sideBarNav div#SIDE_forumContent table{margin-left:.8em;width:21.2em;margin-bottom:.5em;}
div#sideBarNav div#SIDE_forumContent th{font-size:80%;padding-bottom:.3em;padding-left:.6em;padding-right:.6em;font-weight:bold;}
div#sideBarNav div#SIDE_forumContent td{padding-bottom:.4em;border-top:1px solid #d9d9d9;vertical-align:top;padding-top:.4em;padding-left:.6em;}
div#sideBarNav div#SIDE_forumContent td.forumTitle{width:100%;}
div#sideBarNav div#SIDE_forumContent td.forumTitle a{font-size:93%;line-height:1.1;}
div#sideBarNav div#SIDE_forumContent th.forumSecondary{text-align:right;padding-left:.6em;padding-right:0;}
div#sideBarNav div#SIDE_forumContent td.forumSecondary{text-align:right;padding-left:0;}
div#sideBarNav div#SIDE_forumContent td.forumSecondary span{float:none;}
div#sideBarNav div#SIDE_forumContent td a{font-weight:bold;}
.forumTimestamp{font-size:80%;}
.forumReplies{font-size:76%;}
/* SIDE VIDEO */
div#sideBarNav h5.videoSubTitle{margin:-.3em 0 .3em 1.4em;}
/* SIDE EXAMPLE */
div#sideBarNav div#SIDE_examples{border-bottom:0;}
#example{clear:both;width:21.7em;float:left;margin:0 .4em 0 .7em;padding:0;border-bottom:1px solid #d9d9d9;}
#exampleLast{clear:both;width:21.7em;float:left;margin:0 .4em 0 .7em;padding:0;}
div#sideBarNav div#example span.col1{margin:0 -.4em .6em .5em;padding-top:0.4em;width:21em;float:left;text-align:left;}
div#sideBarNav div#exampleLast span.col1{margin:0 -.4em .6em .5em;padding-top:0.4em;width:21em;float:left;text-align:left;}
div#sideBarNav div#example span.col1 span.postDate{float:none;}
div#sideBarNav div#exampleLast span.col1 span.postDate{float:none;}
/* SIDE NAV DEFINITIONS */
div#sideBarNav{border:1px solid #d9d9d9;float:left;margin-bottom:1em;padding:1px;padding-bottom:0px;background-color:#fff;}
div#sideBarNav.openFooter{color:#89b31f;}
div#sideBarNav div.sidebarSection{clear:both;background:url('https://s.yimg.com/lq/i/ydn/right-col-box-bg.png') repeat-x;float:left;margin-bottom:1px;border-bottom:1px solid #d9d9d9;}
div#sideBarNav div#SIDE_langList{border-bottom:0;}
div#sideBarNav h2{margin:0;text-align:left;font-family:Arial;font-size:100%;font-weight:bold;padding:.4em .2em .4em .5em;cursor:pointer;text-transform:uppercase;}
div#sideBarNav h2.closeFooter{background:url();}
div#sideBarNav h2.openFooter{background:url();}
div#sideBarNav span{float:left;text-align:left;}
div#sideBarNav span.normalCaps{float:none;}
div#sideBarNav span.col1{width:21em;margin-left:1.4em;margin-bottom:.6em;margin-right:-.4em;padding-top:.4em;}
div#sideBarNav span.col2{width:10em;margin-left:1.4em;margin-bottom:.6em;margin-right:-.4em;padding-top:.4em;}
div#sideBarNav li{margin-bottom:.6em;line-height:1;font-size:85%;}
#bd div#sideBarNav a.navItemDescLink{color:#666;text-decoration:none;line-height:1.2;}
/* footer styles */
.forceLowercase { text-transform: lowercase; }
#JSfooterMain{width:100%;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;padding:0;margin:0;display:block;float:left;}
#JSfooterMax{width:100%;clear:both;background-color:#f5f5f5;border:0;padding:0;margin:0;border-top:1px solid #fff;border-bottom:1px solid #fff;display:block;float:left;}
#YDNfooter { padding: 0; margin: 0; margin-left: auto; margin-right: auto; width: 75em; display: block;}
#YDNfooter .footerSection { clear: both; width: 74.8em; }
#YDNfooter .footerDivider { clear: both; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #fff; width: 74.8em; float: left; }
#YDNfooter .footerSection h2 { margin: 0; text-align: left; font-family: Arial; font-size: 108%; font-weight: bold; padding: .4em .2em; cursor: pointer; text-transform: uppercase; }
#YDNfooter .openFooter { color: #89b31f; background: url('https://s.yimg.com/lq/i/ydn/footer-bg.png') no-repeat #f5f5f5; }
#YDNfooter .openFooter:hover { color:#666; }
#YDNfooter .openFooter:hover .openArrow { background: url('https://s.yimg.com/lq/i/ydn/footer-arr-grey-down.gif') no-repeat; }
#YDNfooter .openArrow { float: left; width: .8em; height: .8em; background: url('https://s.yimg.com/lq/i/ydn/footer-arr-green-down.gif') no-repeat; margin-top: .4em; }
#YDNfooter .openContent { display: block; }
#YDNfooter .closeFooter {color:#666;background:url('https://s.yimg.com/lq/i/ydn/footer-bg.png') no-repeat #f5f5f5;}
#YDNfooter .closeFooter:hover { color: #89b31f; }
#YDNfooter .closeFooter:hover { background: url('https://s.yimg.com/lq/i/ydn/footer-bg-over.gif') no-repeat #f5f5f5; }
#YDNfooter .closeFooter:hover .closeArrow { background: url('https://s.yimg.com/lq/i/ydn/footer-arr-green-right.gif') no-repeat; }
#YDNfooter .closeArrow { float: left; width: .8em; height: .8em; background: url('https://s.yimg.com/lq/i/ydn/footer-arr-grey-right.gif') no-repeat; margin-top: .4em; }
#YDNfooter .closeContent { display: none; }
#YDNfooter ul { list-style: none; padding: 0; margin: 0; font-family: Arial; font-size: 85%; }
#YDNfooter li { margin-bottom: .4em; }
#YDNfooter a { color: #28b; text-decoration: none; border: 0; }
#YDNfooter a:hover { color: #28b; text-decoration: underline; border: 0; }
#YDNfooter div.navItemDesc { margin-top: .2em; line-height: 1.4; }
#YDNfooter a.navItemDescLink { color: #666; text-decoration: none; }
#YDNfooter ul { float: left; text-align: left; }
#YDNfooter #langList,#apiList,#libList { margin: 0; }
#YDNfooter #langListContent,#apiListContent,#libListContent{ margin: .2em 0 1.2em .3em; width: 74.5em; color: #666;}
#YDNfooter #langListContent { margin-bottom: .6em; }
#YDNfooter .footerSection .col1 { width: 100%; margin-left: .8em; }
#YDNfooter .footerSection .col2 { width: 49%;  margin-left: .8em; }
#YDNfooter .footerSection .col3 { width: 32%;  margin-left: .8em; }
#YDNfooter .footerSection .col4 { width: 24%;  margin-left: .8em; }
#YDNfooter .footerSection .col5 { width: 19%;  margin-left: .8em; }
#YDNfooter .footerSection .col6 { width: 15%;  margin-left: .8em; }
#YDNfooter .footerSection .col7 { width: 13%;  margin-left: .8em; }
#YDNfooter .footerSection .col8 { width: 11%;  margin-left: .8em; }

#YDNsubFooter { clear: both; width: 74.8em; margin-left: auto; margin-right: auto; text-align: left; padding: 1.2em 0 2em 0;  color: #666666; }
#YDNsubFooter a { color: #28b; text-decoration: none; }
#YDNsubFooter a:hover { color: #28b; text-decoration: underline; }

#YDNsubFooter #footerLinks li { font-weight: bold; display: inline; list-style: none; padding-left: 8px; margin-left: 5px; border-left: 1px solid #bbbbbb; font-size: 93%; }
#YDNsubFooter #footerLinks li.first { padding-left: 0px; margin-left: 0px; border-left: none; }

#YDNsubFooter #footerLegal { margin-top: 1em; }
#YDNsubFooter #footerLegal p { margin: 0; padding: 0; font-size: 85%; }
/* end footer styles */

/** dashboard **/
.dashboardTable,.yui-dt-bd table, .yui-dt-hd table { widdth: 100%; clear: both; }
.dashboardTable .timestamp,.yui-dt-bd table .timestamp { display: none; }

/** code block formatting **/
pre.codeblue {background-color:#F3F8FC; border:1px solid #006CA2; font-family:courier new,courier,monospaced; font-size:100%; margin:10px 0pt 10px 15px; overflow-x:auto; overflow-y:hidden; padding:10px 10px 20px; width: 48em;}


/* inline nav area */
#bd ul.faq { margin:0; padding:0; }
#bd ul.faq li { font-weight:bold; color:#668AA8; margin-bottom:1em; padding-left:20px; list-style-type:none;}
#bd ul.faq li p { color:#000; font-weight:normal; margin: 2px 0 8px 20px; padding:0 }
#bd ol.faq li { font-weight: normal; color: #000; margin-bottom: 0.5em; margin-left: 1em; padding-left: 0px; list-style-type: decimal; }
.hilite {font-weight: bold; color: red;}
#bd #promo {background:#fff;border:1px solid #d1d1d1;}
#bd #promo ol li {margin:1em;}
#hiperf-books {padding-top: 20px;}
#hiperf-books li {list-style: none; display: inline; padding: 15px;}
#hiperf-books img {border: none;}

p.inlPrompt{color:#666; font-size:85%; display:inline;}
#rules-filter{background:url('https://s.yimg.com/lq/i/ydn/ydn-inline-nav-off.gif') repeat-x;padding:0.28em 0.8em;border-bottom:1px solid #d1d1d1;font-weight:bold;}
#rules-filter ul{padding:0;margin:0;display: inline;}
#rules-filter ul li {padding:0;margin:0;display: inline;padding:0 0.6em 0 .8em;cursor: pointer;color:#006CA2;}

#bd #promo .tag-Server, #bd #promo .tag-Javascript, #bd #promo .tag-CSS, #bd #promo .tag-Cookie, #bd #promo .tag-Images, #bd #promo .tag-Mobile, #bd #promo .tag-All{background:url('https://s.yimg.com/lq/i/ydn/ydn-inline-nav-sep.gif') no-repeat;}

/*.tag-content    {background: #F36E15 url(images/content.png)    repeat-y left top;}
.tag-server     {background: #EBCC11 url(images/server.png)     repeat-y left top;}
.tag-javascript {background: #704503 url(images/javascript.png) repeat-y left top;}
.tag-css        {background: #0B9BC5 url(images/css.png)        repeat-y left top;}
.tag-cookie     {background: #8EC912 url(images/cookie.png)     repeat-y left top;}
.tag-images     {background: #872307;}
.tag-mobile     {background: #004BB4 url(images/mobile.png)     repeat-y left top;}
.tag-all        {background: #da0000;}
*/

/*Definition List (DL) rules for YOS FAQ */
.ydnfaq {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.ydnfaq {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.ydnfaq, .ydnfaq dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
.ydnfaq dt {
	margin-top:1em;
	font-weight: bold;
}

/**** blogs on .net ****/
.blogPostContainer { border: 1px solid #cccccc; padding: 10px; margin-bottom: 20px; }
.blogPostDate { margin: 0px; padding: 0px; text-transform: uppercase; text-align: right; }
.blogPostContainer h3 {margin: 0px; margin-bottom: 10px; }
.blogPostContainer a { font-weight: bold; }
.blogPostContainer blockquote {
    font-style: italic;
}
.blogPostContainer ul,
.blogPostContainer ol {
    margin: 0.5em 0 0.5em 2em;
}
.blogPostContainer ul li { list-style-type: disc; padding-bottom: .2em; }
.blogPostContainer ol li { list-style-type: decimal; padding-bottom: .2em; }
.blogPostContainer pre { overflow: auto; padding: 10px; _padding-bottom: 15px; width: 90%; }
.blogPostComment { border-top: 1px solid #cccccc; padding-top: 10px; }
.blogPostCommentsHead { padding-bottom: 0.5em; margin-top: 1em; color: #666666; font-weight: bold; font-size: 123.1%; text-transform: uppercase; }
.blogPostCommentPosted { font-weight: bold; }
.blogPostAComment { padding-bottom: 0; margin-bottom: 0; margin-top: 1em; color: #666666; font-weight: bold; font-size: 123.1%; text-transform: uppercase; border-bottom: 1px solid #cccccc; }
#commentInfo .formRow { clear: both; }
#commentInfo .formRow p { float: left; width: 12em; text-align: right; font-weight: bold; margin-right: 1em; }
#commentInfo .formRow input,textarea { width: 35em; margin-right: 0.25em; }

.fadeModuleBox { border: 1px solid #d9d9d9; margin: 1em 0; background: url('https://s.yimg.com/lq/i/ydn/right-col-box-bg.png') repeat-x; padding: 0.6em; }
.fadeModuleBox .hd p { padding: 0; color: #ff8800; font-weight: bold; text-transform: uppercase; }
.fadeModuleBox .bd { padding: 0.6em 0; }
.fadeModuleBox .bd .yearTitle { padding: 0; margin: 0; font-weight: bold; }
.fadeModuleBox .bd .monthList li { list-style-type: circle; line-height: 1.5em; margin-left: 30px; }


abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
}

/** HackU **/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

.hackuColleges { clear:both; }
.hackuColleges li { float:left; width:128px; text-align:center; }
.hackuColleges span a { display:block; }
.hackuUniLogo { float:right; padding:20px 10px; }
.hackuColleges strong { display:block; }
.hackuColleges .liFirst { margin-left:128px; clear:both; }
.hackuColleges ul.hackuFall li { margin-bottom:15px; }

table.displayUHacks, table.hackSubmitTeamInfo, table.hackSubmitInfo, table.hackView  { border-width:0px; -moz-border-radius: 0; padding:5px; border-spacing:0; }
table.displayUHacks thead, table.displayUHacks thead, table.hackSubmitInfo thead { background-color: #eee; }
table.displayUHacks tr td  { padding:5px; }
.hackNumber {font-size:160%; }
table.hackSubmitTeamInfo tr, table.hackSubmitInfo tr, table.hackView tr { border-width:0px; -moz-border-radius: 0; padding:4px; border-spacing:0; }
table.hackSubmitTeamInfo tr td, table.hackSubmitInfo tr td, table.displayUHacks tr td { border:0px; padding:3px; }
table.hackView { width:450px; }
table.hackView tr td { border: 0; padding:5px; }
table tr td.hackname { width:250px; }
table tr td.description { width:370px; }
table tr.bluerow{ background-color: #bbdcfb; }
textarea.hackTeamAddress { width:250px; margin-bottom:15px; }
textarea.hackDesc { width:300px; height:50px; margin-bottom:15px; }
table.hackSubmitInfo { background-color:#bbdcfb; margin-bottom:10px; }
table.hackSubmitInfo tr td { background-color:#bbdcfb; padding:7px; }
table.displayUHacks tr .newrow { margin-top:50px; }

h4.hack { font-weight:bold; margin:15px 0 3px 0;}

/** end HackU **/




/** ypattern pickup project **/

blockquote{margin:0 2em 1em;}

/*1006030 template changes*/
#doc3.yui-t7{padding:0;margin:0;}
#doc3 a {color:#16387C;text-decoration:none;}
#doc3 a:hover {text-decoration:underline;}
#bd {color:#666666;}
.fullHorange.nuline{border:0;padding:0;margin:0.4em 0;}
#recentPatternsContainer .bdd{background:url('https://s.yimg.com/lq/i/ydn/dpl_browse_bg.gif') repeat-x;}
#recentPatternsContainer .recentBoxInfo{margin: .9em .65em 0; font-size:100%; padding-bottom:0.5em;}
.yp-layout{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-grids.gif') no-repeat}
.yp-search{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-search.gif') no-repeat}
.yp-nav{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-navigation.gif') no-repeat}
.yp-sel{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-selection.gif') no-repeat}
.yp-richint{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-rich-inter.gif') no-repeat}
.yp-social{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-social.gif') no-repeat}
.yp-forms{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-forms.gif') no-repeat}
.yp-apps{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-apps.gif') no-repeat}
.yp-cat{float:left;width:34px;height:34px;background-position:0px 3px;padding-right:2px;}

.rackBox{width:23em;background:url('https://s.yimg.com/lq/i/ydn/right-col-box-bg.png') repeat-x;border:1px solid #d9d9d9;margin:0 0 1em 0;padding:0 0 0.6em 0;}

#ydnRack{margin-top:10px;}
#ydnRack h4.fullHorange{margin:0.4em 0.6em; padding-top: 10px;}
#doc3 #bd .rckNav a, #doc4 #bd .rckNav a {display:block;font-weight:bold;margin:0.2em 0.6em 0.1em;color:#666;}
.rckSubNav{margin:0 1.2em;}
#accordionNav.rackBox{padding-bottom:0;}

#patternInfo ul li { list-position:outside;list-style-type:disc;margin:0 0 .3em 2em; }
#patternInfo h4 { border-bottom: 1px solid #d9d9d9; color: #666666; font-size: 108%; font-weight: bold; text-transform: uppercase; margin: 1em 0 0.5em; padding-bottom: 0.1em;  margin-left: 1em; }
#patternInfo ul.innerList li { list-style-type: circle; }
#patternInfo ul.tertiaryList li { list-style-type: square; }
#metadata {color:#a9a9a9;}
#rating {font-weight:bold;}

.patternItem { width: 186px; margin: 0.5em 1.35em 0.5em 0; float: left; }
.patternItem img { border: 3px solid #fff; }
.patternItem p.title { font-size:98%;font-weight: bold; padding: .4em 0; }
.patternItem p{font-size:90%;line-height:1.2;}

.featBox {padding: 1.2em 1.2em 0 1.2em; border: 1px solid #d9d9d9; background:url(https://s.yimg.com/lq/i/ydn/grey-bkg-post.gif) repeat-x center bottom; margin-bottom: 1em;}
.featBox img{border:1px solid #D9D9D9;}
.bottomFeatNav{float:left;margin:1em 0 0 0;}
.bottomFeatNav a.featlink {font-weight: bold; border-right: 1px solid #aaaaaa; padding:0 0.5em;}
.bottomFeatNav a.featlinkR {border-right:none;}


#recentPatternsContainer { border: 1px solid #d9d9d9; background: #ffffff; margin-bottom:1.6em;}
#recentPatternsContainer .hd { border-bottom: 1px solid #d9d9d9; line-height: 2; background: url('https://s.yimg.com/lq/i/ydn/ydn-inline-nav-off.gif'); }
#recentPatternsContainer .hd { font-weight: bold; color: #666666; padding: 0 6px; }
#recentPatternsContainer .bdd {padding-left: .08em;}
#recentPatternsContainer .bdd p.title { font-size:98%;font-weight: bold; padding: 0.4em 0.3em 0.3em; }
#recentPatternsContainer .bdd p { line-height:1.2;font-size:90%;padding-left:0.3em; padding-right:0.4em; }
#recentPatternsContainer .bdd img { border: 3px solid #fff; }
#recentPatternsContainer .patimgcont, .patimgcont { display:block;width:190px;height:111px;border:1px solid #d9d9d9;overflow:hidden;}
#recentPatternsContainer .bdd p.recentBoxInfo{font-size:100%;}

.recentPat{width:14.9em; float: left; margin:0.5em 0em 0.2em 0.8em;}

#getAppBox.listBox ul li {list-style:none;background:url('https://s.yimg.com/lq/i/ydn/bullet-dash.gif') no-repeat scroll 0 7px;padding:0 7px;}
#getAppBox.listBox span.getAppHBl{margin-bottom:0.3em;}
#getAppBox.listBox p{padding:0 0.7em;}
#getAppBox p.lbt {font-size: 85%; font-weight: bold; color: #666666;text-transform:uppercase;}
#getAppBox ul li { font-size: 93%; margin: 0 0 0.3em 0.7em; list-style-position: outside; list-style-type: circle; }


/*ydn accordion nav*/
.yui-accordionview div.yui-accordion-content{overflow:hidden;margin:0;padding:0;}
.hidden{visibility:hidden;position:absolute;}
.almosthidden{position:absolute;left:-9999px;z-index:-10;}
.yui-accordionview{}
.yui-accordionview li.yui-accordion-panel{border:1px solid #fff;border-bottom:none;clear:both;}
ul.yui-accordionview ul.yui-accordionview{zoom:1;}
.yui-accordion-toggle .indicator{display:block;position:relative;top:-1.2em;z-index:200;width:6px; height:7px; position:relative; margin:0.3em 0.6em 0.3em -1em; background:url('https://s.yimg.com/lq/i/ydn/closedgrey.gif') no-repeat;}
.yui-accordion-toggle.active .indicator{display:block;position:relative;top:-1.2em;z-index:200; width:7px; height:6px; position:relative; margin:0.3em 0.6em 0.3em -1em; background:url('https://s.yimg.com/lq/i/ydn/opengreen.gif') no-repeat;}
ul.submenu{padding-bottom:.6em;}
#doc3 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle, #doc4 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle{display:block;border-bottom:none;padding:0.3em;height:1.23em;padding-left:0.5em;font-weight:bold;text-decoration:none;position:relative;cursor:pointer;background:url('https://s.yimg.com/lq/i/ydn/right-col-box-bg.png') repeat-x;}
#doc3 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle li.last, #doc4 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle li.last{border-bottom:1px solid #fff;}
#doc3 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover, #doc4 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover{color:#89b31f;}
#doc3 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active, #doc4 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active{text-decoration:none;color:#89b31f;}
#doc3 #bd ul.submenu li a, #doc4 #bd ul.submenu li a{display:block;line-height:1;padding:0.3em;padding-left:0.9em;text-decoration:none;background:url('https://s.yimg.com/oo/ydn/boxbullet.gif') no-repeat scroll 0 .55em;margin-left:1.7em;outline:none;}
#doc3 #bd ul.submenu li a:hover, #doc4 #bd ul.submenu li a:hover{text-decoration:underline;}
#doc3 #bd ul.submenu li.subsectH a, #doc4 #bd ul.submenu li.subsectH a, #bd li.rckNav a{color:#666;background:none;}
#doc3 #bd ul.submenu li.subsectH a:hover, #doc4 #bd ul.submenu li.subsectH a:hover, #bd li.rckNav a:hover {color:#89b31f;background:none;}
#doc3 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:focus, #doc4 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:focus{text-decoration:underline;}
#doc3 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.activepanel, #doc4 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.activepanel{text-decoration:underline;padding-left:1.54em;}
#doc3 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle, #doc4 #bd .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle{color:#777;padding-left:1.54em;}
.subAcc{margin-left:.8em;}
.supersubAcc{margin-left:.6em;}
.subsectH{font-weight:bold;}

.deliciousbm{float:left;margin:.3em 0 0 1em;}
.deliciousbmr{float:right;font-size:78%;margin-right:2em;}

#dpl100cta{display:inline;position:relative;margin:-.6em 1em 0 0;float:left;}
#doc3 #bd #dpl100cta a{color:#000;}

#doc4 #ydnRack #rackbadge.dplsmbadge{float:left;clear:both;width:103px;height:40px;z-index:100;position:absolute;left:16.6em;top:-1.8em;}

#rackmenu .yui-accordion-panel a.yui-accordion-toggle {color:#666;/*font-size:117%;*/text-transform:uppercase;}
#rackmenu .yui-accordion-panel a.yui-accordion-toggle.active {color:#89b31f;/*font-size:117%;*/text-transform:uppercase;}

h2.parenth{background:no-repeat;}
h2.layout{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-grids.gif') no-repeat  3.4em .1em0;}
h2.navigation{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-navigation.gif') no-repeat 5em .1em;}
h2.selection{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-selection.gif') no-repeat 4.3em .1em;}
h2.richinteraction{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-rich-inter.gif') no-repeat 7.3em .1em;}
h2.social{background:url('https://s.yimg.com/lq/i/ydn/patterns/b/ypdl-social.gif') no-repeat 3em .1em;}

h2.parenth{}

/*Layout fix for the 1006030*/
html body #doc4.yui-t7 #bd .yui-g .yui-gc div.first, .yui-gc div.first, .yui-gd .yui-g, .yui-gd .yui-u{width:67.7%;}
html body #doc4.yui-t7 #bd .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gb .yui-u, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u{width:31%;}
html body #doc4.yui-t7 #bd .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gb .yui-u, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u{margin-left:1.3%;}
.yql-bullet-textlogo{font-weight:bold;height:16px;padding-left:21px;background-image:url('https://s.yimg.com/oo/ydn/yql-icon-19x14.png');background-position:0px 1px;background-repeat:no-repeat;display:inline-block;}
.sub-cta-message{margin-top:-5px;}
#yui-main .yui-b ul.yql-examples { padding-bottom: 1em; }
#yui-main .yui-b ul.yql-examples li { padding: 0 0 0 22px; background: url('https://s.yimg.com/oo/ydn/yql-icon_16x12.png') no-repeat 1px 4px; display: block; line-height: 1.49em; }
#yui-main .yui-b p.yql-marketing-message { font-weight: bold; padding: 0 0 0 22px; margin-bottom: 4px; background:url('https://s.yimg.com/oo/ydn/yql-icon-19x14.png') no-repeat 0px 0px; display: block; line-height: 1.25; }

#getAppBox, #content-wrp .rackBox, #recentBlogArtsBox {
background: transparent;
border: 0;
}
#ydnRack {
background: #f2f2f2;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(99%,#ffffff));
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 99%);
background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 99%);
background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 99%);
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0);
}
#getAppBox h2, .rackBox h2, #recentBlogArtsBox h2 {
	font-size: 18px;
	font-weight: bold;
}
#getAppBox h3, .rackBox h3, #recentBlogArtsBox h3 {
	font-size: 16px;
	font-weight: bold;
}
#getAppBox h4, .rackBox h4, #recentBlogArtsBox h4 {
	font-size: 14px;
	font-weight: bold;
}
.ctaMore {
text-align: right;
display: block;
margin-right: 10px;
}