html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a{ text-decoration: none; color: #226989; }
a:hover{ text-decoration: underline; }
/* alternate link color for links on colored backgrounds */    
.dashboardBlocks a, #mysiteSearch a, .pagination, .pagination a, #batchList a, #domainList a, #rightBar a, #siteDash a, #modalContainer a, .formBlock a, table a
{ color: #0065cc; }

strong{ font-weight: bold; }
.wb_top, .wb_bottom{ display: block; position: absolute; height: 1px; width: 1px; background: #fff; }
    .wb_top{ top:0px; right: -1px; }
    .wb_bottom{ bottom: -1px; left: 0px; }
    

    
.dragBox{ background: transparent;  border: 2px solid #5c8182; width: 275px; color: #31647b; padding: 10px; position: relative; height: 2.5em; line-height: 1; }
    .dragBox div.back{ position: absolute; top:0; left:0; background: #e1f9bc; width: 100%; height: 100%; opacity: .65; z-index: 1;}
    .dragBox div.front{ z-index: 5; position: absolute;}
    .dragBox strong{ font-size: 17px; font-weight: bold;}

.droppable-hover{ background: #31647b; }
    .droppable-hover a{ color: #fff; }
    
    
    
a.remove, a.edit{ display: block; height: 20px; width: 20px; text-indent: -9999px; }
a.remove{background: url(../img/remove.png) 0 0 no-repeat; }
a.edit{background: url(../img/edit.png) 0 0 no-repeat; }

body { line-height: 19px; color: #333; background: url(../img/body_back.png) 0 0 repeat-x #383a47; font-family: Helvetica, Arial, sans-serif; font-size: 13px;  }

    #wrap{ width: 984px; margin: 0 auto; padding: 8px 8px 0; background: #ebf4ea; }
    

        #header{ background: url(../img/header_back.png) no-repeat transparent; padding: 15px; overflow: auto; font-size: 12px; color: #fff; min-height: 90px; height:auto !important; height:90px; font-weight: bold; }
            #header .bl{ color: #9cd4ed; }
            #header a{ color: #fff; text-decoration: underline; font-weight: bold; }
            #header h1{ width: 247px; height: 77px; float: left; margin-left: 10px; }
                #header h1 a{ display: block; width: 247px; height: 77px; background: url(../img/whypark_logo.png) 0 0 no-repeat; text-indent: -9999px;}
                
            #header #headNav{ float: left; padding: 12px 0 0 10px; width: 425px;   }
                #header #headNav li{ float: left; padding: 0 0 0 2px; }
            
                
            #header #personal{ float: right; overflow: auto; padding: 12px 0 0; width: 250px; text-align: right;  }
                #header #personal .addSites{ width: 137px; height: 46px; display: block; float: right; background: url(../img/add_sites.png) 0 0 no-repeat; text-indent: -9999px; margin: 5px 0 0; text-align: left; }
				#header #personal .addSitesnl{ width: 137px; height: 46px; display: block; float: right; background: url(../img/add_sites.png) 0 0 no-repeat; text-indent: -9999px; margin: 5px 0 0; text-align: left; }
            

                    
        #mainNav{ height: 36px; overflow: hidden; position: relative; background-image: url(../img/nav.png); background-repeat: no-repeat; background-position: 0 -144px; margin-top: 5px; }
            #mainNav li{ position: absolute; top:34px; background-image: url(../img/nav.png); background-repeat: no-repeat; z-index: 1; background-position: 0 -4000px; height: 2px; width: 1004px; }
                #mainNav li a{ display: block;  position: absolute; top:-34px; text-align: center; padding-top: 10px; font-weight: bold; height: 24px; color: #5c5c5c;  }
                #mainNav li.current a{ background-image: url(../img/nav.png); background-repeat: no-repeat; color: #333; }
            
            #mainNav #mySites a{ left: 20px; width: 93px;  }
            #mainNav #mySites.current{ background-position: 0 -34px;  }
            #mainNav #mySites.current a{ background-position: -20px 0;  }
            
            #mainNav #myAccount a{ left: 119px; width: 117px; }
            #mainNav #myAccount.current{ background-position: 0 -70px;  }
            #mainNav #myAccount.current a{ background-position: -119px -36px;  }
            
            #mainNav #community a{ left: 242px; width: 116px; }
            #mainNav #community.current{ background-position: 0 -106px;  }
            #mainNav #community.current a{ background-position: -242px -72px;  }
            
            #mainNav #shopForSites a{ left: 364px; width: 131px; }
            #mainNav #shopForSites.current{ background-position: 0 -142px;  }
            #mainNav #shopForSites.current a{ background-position: -364px -108px;  }
        
            #mainNav #jobs a{ left: 485px; width: 131px; }
			
            #mainNav #domainAppsTab a{ left: 364px; width: 131px; }
            #mainNav #domainAppsTab.current{ background-position: 0 -142px;  }
            #mainNav #domainAppsTab.current a{ background-position: -364px -108px;  }
			

        
        #mainContent{ background: url(../img/content_back.gif) 0 0 repeat-y; overflow: hidden;  }
            
        
        
            #dashboard{ overflow: hidden; padding: 20px 0 12px; margin: 0 12px;  }
            
            #dashboard.compact{ height: 45px; }
            #dashboard.full{ height: 125px; }
            
                #dashboard.compact #dashboardCompact{ display: block; }
                #dashboard.compact #dashboardFull{ display: none; }
                #dashboard.full #dashboardCompact{ display: none; }
                #dashboard.full #dashboardFull{ display: block; }
            
                .dashboardBlocks{ overflow: hidden; }
                    
                    .dashboardBlocks li{ position: relative; width: 195px; float: left;  background: #ffffc2; margin-right: 5px;  border-width: 0 1px 1px 0; border-color: #c1c1c2; border-style: solid;  }
                    #dashboardFull .dashboardBlocks li{ height: 96px; padding: 10px 20px 0; }
                    #dashboardCompact .dashboardBlocks li{ padding: 0 20px 0; line-height: 24px; }
                    .dashboardBlocks li.alt{ background: #d9f8ab; }
                    .dashboardBlocks li.last{ margin-right: 0; }
                    .dashboardBlocks li.totals{ text-align: center; }
                    
                        .dashboardBlocks p.cont{ height: 55px; }
                        .dashboardBlocks p.siteCount{ font-weight: bold; font-size: 18px; vertical-align: baseline; line-height: 57px; }
                            .dashboardBlocks p.siteCount strong{ font-size: 42px; color: #a6df50; }
                            
                        .dashboardBlocks p.siteRevenue{ font-size: 42px; line-height: 57px; font-weight: bold; }
                        
                     #dashboardFull .dashboardBlocks .domainApps{ background: #ffffc2 url(../img/domain_apps_dash.gif) 0 0 no-repeat; text-align: center; padding: 84px 20px 0; height: 22px }
                        
                .dashboardFooter{ text-align: center; font-size: 11px; }
                
                
                
            
            #mysiteSearch{ width: 614px; margin: 0 auto; padding: 15px  18px; background: #f5efce; border-width: 0 1px 1px 0; border-color: #c1c1c2; border-style: solid; position: relative;  }

                #mysiteSearch h2{ font-size: 16px; color: #31647b; float: left; line-height: 38px; padding: 0 10px 0 0; vertical-align: middle; }
                #mysiteSearch p{ float: left; line-height: 38px;  vertical-align: middle; }
                #mysiteSearch input.searchInput{ font-size: 16px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 280px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
                #mysiteSearch input.searchButton{ vertical-align: middle; margin: 0 8px; }
			
			
			#mysiteSearchTop{ width: 470px; margin: -39px auto 0; padding: 0;  position: relative; text-align: right; float: right; font-size: 12px; overflow: hidden; }

			    #mysiteSearchTop h2{ font-size: 16px; color: #31647b; float: left; line-height: 38px; padding: 0 10px 0 0; vertical-align: middle; }
			    #mysiteSearchTop fieldset{ float: right; line-height: 38px;  vertical-align: middle; }
			    #mysiteSearchTop label{ color: #8c8c8d; font-weight: bold; }
			    #mysiteSearchTop input.searchInput{ font-size: 14px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 230px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
			    #mysiteSearchTop input.searchButton{ vertical-align: middle; margin: 0 8px; }                
                
            #content{ overflow: hidden; padding: 20px 0; float: left; margin: 0 10px 0 12px; width:805px;  }
            #content.mysites{ width: 960px; margin: 0 12px; }
            #content.public{ margin: 0 74px; width: 836px; }
                #content h2{ font-size: 21px; font-weight: bold; }
                #content h3, #content.mysites h2{ font-size: 16px; font-weight: bold; }
                #content h3 a{ font-weight: normal; font-size: 13px; }
                #content h4{ font-weight: bold; }
                
            
                
                
                #breadCrumb{ overflow: hidden; background: transparent url(../img/breadcrumb_back.gif) 0 bottom no-repeat; margin: 0 0 20px; }
                    #breadCrumb li{ float: left; padding: 2px 14px 7px 10px; background: transparent url(../img/breadcrumb_bullet.gif) right 10px no-repeat; font-size: 11px; }
                    #breadCrumb li.current{ background: none; }
                    
                #content.public h2{ padding-left: 10px; margin: 0 0 20px; }
                
                .public .subNav{ width: 156px; float: left; margin: 0 0 0 10px;  }
                    .public .subNav h3{ color: #226989; font-size: 14px; padding: 0 0 0 10px; }
                    .public .subNav ul li{ padding: 0 0 0 10px; }
                    .public .subNav ul li.current{ background: url(../img/subnav_bullet.gif) left center no-repeat; }
                    
                .public #innerContent{ width: 669px; float: left; padding: 0 0 40px; }
                    .public #innerContent .callOut{ float: right; padding: 10px 12px 10px 10px; width: 303px; background: url(../img/callout_back.gif) right bottom no-repeat; margin: 0 0 10px 10px; }
                    .public #innerContent h3, #content.public .login-intro .exp h3{ color: #73a012; font-size: 19px; font-weight: normal; line-height: 22px; margin: 0 0 10px; }
                    .public #innerContent p{ margin: 0 0 1em; }
                    
                .public .niceList{ }
                    .public .niceList li{ background: url(../img/nicelist_bullet.gif) 5px 3px no-repeat; padding: 0 0 5px 13px; }
                        .public .niceList li span{ background: #ffffd4;  }

                .public .niceListHome{ }
                    .public .niceListHome li{ background: url(../img/nicelist_bullet.gif) 5px 3px no-repeat; padding: 0 0 5px 13px; }
                        .public .niceListHome li span{ background: #ffffd4; font-weight: bold;  }
						.public .niceListHome a{ text-decoration: underline;  }                        
                        
                        
                .public .ctaFooter{ padding: 13px 10px 0;  overflow: hidden;  clear: both; background: url(../img/batchadd_c_back.gif) 0 0 repeat-x transparent; margin: 30px 0;  }
                   .public .ctaFooter a.sButton{  line-height: 18px; margin-left: 15px; }
                    .public .ctaFooter span.buttonLabel {float: left; width: 729px; line-height: 39px; text-align: right; font-weight: bold; }
                
                
                .public .home-head{ background: url(../img/home_intro_back.jpg) right bottom no-repeat; padding: 60px 326px 26px 0; border-bottom: 1px solid #cdd2cf; }
                    #content.public .home-head h2{ width: 370px; height: 101px; text-indent: -99999em; background: url(../img/breathe_life.png) 0 0 no-repeat; padding: 0;}
                    #content.public .home-head h3{ font-size: 13px; }
                
                .login-intro{  background: url(../img/home_more_back.gif) right top repeat-y; overflow: hidden; }
                    .login-intro .exp{ width: 511px; float: left; padding: 21px 0 0; margin: 0 10px 0 0; }
                    .login-intro .login{ width: 315px; float: left; border-top:12px solid #fff;   }
                        .login-intro .login fieldset{ border-right: 1px solid #c1c1c2; padding: 10px 10px 20px; text-align: left; }
                            #content .login-intro .login fieldset h3{ font-size: 17px; font-weight: bold; text-align: left; }
                            #content .login-intro .login input.text-input{ width: 160px; }
                            .login-intro .login dl{ overflow: hidden; padding: 20px 0 0; }
                            .login-intro .login dt{ float: left; width: 110px; display: block; font-weight: bold; padding: 5px 0 0; }
                            .login-intro .login dd{ padding:0 0 10px 120px; text-align: left;  }
                            
                            .login-intro .login .forgotpass{ font-size: 11px; }
                            .login-intro .loginButton{ width: 62px; height: 31px; background: url(../img/login_button.png) no-repeat; border: 0; padding: 0; margin: 0; text-indent: -9999em; display: block; float: right; }
                    .login-intro .bot{ clear: both; height: 3px; background: url(../img/home_more_bottom.gif) right top no-repeat; overflow: hidden; }
                
                
                .login-options{ overflow: hidden; }
                    .login-options .text{ font-size: 13px; font-weight: bold; float: left; margin-right: 10px; text-align: right; }
                    .login-options .tour{ width: 491px; float: left; padding: 10px; margin-right: 10px; }

                        .login-options .tour .text{ width: 358px; padding: 11px 0 0; }
                    .login-options .signup{ width: 295px; float: right; padding: 10px; background: #faf7e6; }
                        .login-options .signup .text{ width: 193px; padding: 6px 0 0; }
                        .login-options .signupButton{ width: 92px; height: 31px; background: url(../img/sign_up_button.png) no-repeat; display: block; float: left; text-indent: -9999px; }
                
                #messages{ padding: 10px; background: #D9F8AB; font-size: 13px; line-height: 18px; font-weight: bold; margin: 10px 0 10px 0; border-width: 1px 1px 1px 1px; border-color: #009999; border-style: solid; }
					#messages a{ text-decoration: underline; }
				#messages-success { padding: 10px; background: #D9F8AB; font-size: 13px; line-height: 18px; font-weight: bold; margin: 10px 0 10px 0; border-width: 1px 1px 1px 1px; border-color: #009999; border-style: solid; }
					#messages-success a{ text-decoration: underline; }
				#messages-error { padding: 10px; background: #fcd0cf; font-size: 13px; line-height: 18px; font-weight: bold; margin: 10px 0 10px 0; border-width: 1px 1px 1px 1px; border-color: #CC6666; border-style: solid; }
					#messages-error a{ text-decoration: underline; }
				#messages-information { padding: 10px; background: #ffffcc; font-size: 13px; line-height: 18px; font-weight: bold; margin: 10px 0 10px 0; border-width: 1px 1px 1px 1px; border-color: #996633; border-style: solid; }
					#messages-information a{ text-decoration: underline; }
                
                #mysiteListing{ width: 650px; float: left; }
                    
                    .pagination{ background: #f6f0d2; width: 178px; float: right; }
                        .pagination .prev, .pagination .next{ width: 31px; height: 31px; float: left; background-image: url(../img/pagination_back.gif); background-repeat: no-repeat; text-indent: -9999px; }
                        .pagination .prev{ background-position: 0 0; }
                        .pagination .next{ background-position: -31px 0; }
                        .pagination p{ width: 116px; float: left; line-height: 31px; text-align: center; font-size: 12px; }
                    
                    #mysiteListing h2 .count{ font-weight: normal; }
                
                
                
                    #mySiteList{ clear: both; margin: 25px 0 20px; border-collapse: collapse; width: 650px; font-size: 12px; }
                        #mySiteList th, #mySiteList td{ padding: 0 7px; vertical-align: middle;  }
                            #mySiteList th{ background-image: url(../img/thead_back.gif); background-position: center 0; background-repeat: no-repeat; padding: 6px 7px 2px}
                            #mySiteList thead th.i{ background-position: left 0; }
                            #mySiteList thead th.c{ background-position: right 0; }

                        
                        
                        
                        #mySiteList .d{ padding: 0;}
                        #mySiteList th.d{ padding: 6px 0 2px; }
                        #mySiteList .i{ padding: 0 0 0 5px; }
                        #mySiteList th.i{ padding: 6px 0 2px 5px; }
                        #mySiteList .i, #mySiteList .c{ border-right: 0px none; }
                        
                       
                            #mySiteList tbody tr.active{  cursor: pointer; }
                                #mySiteList tbody td{line-height: 32px; border-right: 1px solid #f3f2e5; }
                                
                                    #mySiteList tbody td input{ margin: 0; vertical-align: middle;}
                        
                        
                
                
                .mysiteSideBar{ float: left; width: 140px; line-height: 1.1;}
                #mysiteViews{ padding-right: 15px;}
                    #mysiteViews .count{ font-size: 11px; }
                #mysiteTools{ padding-left: 15px; }
                    .mysiteSideBar h2{ padding-bottom: 5px; }
					.mysiteSideBar p{ line-height: 18px; }
                    .mysiteSideBar ul{ padding-bottom: 10px; }
                        .mysiteSideBar ul li{ padding: 3px 0 3px;  }
                
            
            #batchAddContainer{ padding: 30px 0 50px; overflow: auto; }
                
                #batchAddContainer h3{ padding: 0 0 5px 10px; }
                
                #domains{ width: 305px; float: left; }
                    
                    #domainList{ font-size: 12px; background: url(../img/batchadd_domains_back.png) 0 0 no-repeat #fffff0; padding: 10px; min-height: 320px; height:auto !important; height:320px; }
                        #domainList li{ vertical-align: middle; line-height: 20px; cursor: pointer; }
                            #domainList li label{ cursor: pointer; }
                            #domainList li input{ vertical-align: middle; margin: 0; }
                            
                        #domainList li.active{ background: #e1f9bc; }
                            

                    
                #batches{ width: 375px; float: left; }
                    
                    #batchList{  background: url(../img/batchadd_batches_back.png) 0 0 no-repeat #fffff0; padding: 10px; min-height: 320px; height:auto !important; height:320px; line-height: 1.2; }
                        #batchList li{ padding: 0 0 0 6px; margin: 0 0 3px;  background-color: #e1f9bc; border-width: 0 1px 1px 0; border-color: #b2b2ac; border-style: solid; overflow: hidden; }
                            #batchList li .info{ width: 212px; float: left; padding: 19px 10px 19px 0; font-weight: bold;  overflow: hidden; margin: 0; }
                                #batchList .info a, #batchList .info .count{ font-weight: normal; }
                                #batchList .info p{ padding-left:13px; }
                                #batchList .info .dropArrow{ display: block; float: left; width: 13px; height: 13px; background: url(../img/batches_arrow.png)  0 0 no-repeat; text-indent: -9999px; }
                                #batchList li.expanded .info .dropArrow{ background: url(../img/batches_arrow.png)  0 -12px no-repeat;  }
                                
                            
                            #batchList li .actions{ width: 100px; float: right; text-align: right; font-size: 12px; margin: 11px 10px 11px 0; }
                                #batchList li .actions .setUpSites{ display: block; width: 98px; height: 31px; margin-left: 2px; background-image: url(../img/set_up_sites_button.png); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; text-align: left; }
                                
                            #batchList li .actions .complete{ background: url(../img/check.png) 0 0 no-repeat transparent; padding: 2px 0 0 13px; }
                            
                            #batchList li .domains{ display: none; clear: both; padding: 0 0 10px; }
                            #batchList li.expanded .domains{ display: block; }
                                #batchList li .domains li { background-color: transparent; border-width: 0; padding: 0; vertical-align: middle;}
                                    #batchList li .domains li input{ vertical-align: middle; margin: 0; }
                            
                        #batchList li.inactive{ background-color: #dce3d1; }
                            #batchList li.inactive .actions .setUpSites{ background-position: 0 -31px; }
                        
                        #batchList li.desc{ border-width: 1px; border-style: dashed; border-color: #7f7f78; background: none transparent; margin: 0 0 10px; padding: 18px 0; text-align: center; color: #666; }
                
                #instructions{ width: 105px; float: left; padding: 40px 10px 0; text-align: center; }
                    #instructions h3{ font-size: 13px; font-weight: normal; margin-bottom: 20px; background: url(../img/batch_arrows.gif) center 1px no-repeat; padding: 0; line-height: 16px; }
                    #instructions p{ font-size: 11px; color: #666; line-height: 13px; }
            
            
                    table{ clear: both;  border-collapse: collapse; font-size: 12px; }
                        table thead tr{ background: url(../img/thead_back.gif) 0 0 no-repeat transparent; }
                            table thead tr{ border-bottom: 1px solid #b8b7b1; }
                            table thead th{ font-weight: bold; padding: 6px 7px 2px; color: #31647b; background-image: url(../img/thead_back.gif); background-position: center 0; background-repeat: no-repeat; }
                            table thead th.first{ background-position: left 0; }
                            table thead th.last{ background-position: right 0; }
                            table thead th a{ color: #31647b; }
                        table tbody{ background: #fffff0; }
                        
                            table tbody tr{ border-bottom: 1px solid #cecdc4; }
                            table tbody tr.alt{ background-color: #fff; }
                            table tbody tr.active{ background-color: #e1f9bc; cursor: pointer; }
                            table tbody tr td{ padding: 0 7px; border-right: 1px solid #f3f2e5; }
                        table tfoot{ visibility: hidden; } 
                        
                    .public table.comparison{ width: 669px; }
                    .public table.comparison thead tr{ background: none; }
                        .public table.comparison th{ font-size: 13px; color: #000; text-align: center; vertical-align: middle; padding: 6px 0 2px;  }
                        .public table.comparison th.in{ background-image: none; text-align: right; padding: 6px 33px 2px 0; font-style: italic; }
                        
                        .public table.comparison td{ padding: 6px 0; text-align: center; vertical-align: middle; width: 133px; }
                        .public table.comparison td.last{ border-right: 0px; }
                            .public table.comparison td .included{ display: block; height: 13px; width: 12px; margin: 0 60px; text-align: left; text-indent: -99999em; background: url(../img/check.png) center center no-repeat; }
                        
                        .public table.comparison tbody th{ padding: 6px 0; text-align: right; vertical-align: middle; border-right: 1px solid #f3f2e5; width: 266px; }
                            .public table.comparison tbody th span{ float: left; width: 232px;  }
                            .public table.comparison tbody th .helpLink{ display: block; width: 14px; height: 17px; background: url(../img/help_button.png) center 2px no-repeat; text-indent: -99999em; float: left; text-align: left; padding: 0 10px; }
                    .public table.comparison tfoot{ visibility: visible; }
                        .public table.comparison tfoot td, .public table.comparison tfoot th{ border-right: 1px solid #f3f2e5; }
                        .public table.comparison tfoot th{ border-bottom: 1px solid #cecdc4; background: #fffff0; padding: 8px 0 }
                        .public table.comparison tfoot th.last{ border-right: 0px;}
                            .public table.comparison tfoot th .sButton{ margin-right: 10px;  }


                #editSitesContainer{ padding: 5px 0 10px; }
                    #editSitesContainer h3{ font-size: 15px; margin-bottom: 10px; }
                    #editSitesContainer a.cancel{ color: #d4281e; }
                
                    #editSitesNav{ width: 155px; float: left; padding: 5px 0 0; }
                    ol#editSitesNav{ list-style: decimal inside;  }
                        ol#editSitesNav li{ padding: 0 70px 0 0; }
                        #editSitesNav li.current{ font-weight: bold; }
                        ol#editSitesNav li.completed{ background: url(../img/check.png) 85px 2px no-repeat; }
                    #editSitesContent{ width: 650px; float: left; padding: 5px 0 50px; overflow: hidden; }
                        #editSitesContent .largeRow{ overflow: hidden; background: url(../img/largeblock_back.gif) 0 bottom no-repeat; float: left; margin: 0 0 1px; }
                        #editSitesContent .smallRow{ overflow: hidden; background: url(../img/smallblock_back.gif) 0 bottom no-repeat; float: left; margin: 0 0 1px; min-height: 95px; height:auto !important; height:95px; }
                        #editSitesContent .cell{ width: 305px; float: left; padding: 10px; }
                            #editSitesContent h4{ font-size: 17px; font-weight: bold; margin-bottom: 10px; }
                            #editSitesContent .smallRow h4{ margin-bottom: 0px; }
                            #editSitesContent .largeCount{   }
                                #editSitesContent .largeCount strong{ font-size: 50px; font-weight: bold;  line-height: 50px; }

                                #editSitesContent .graphCaption{ font-size: 10px; font-weight: bold; margin-top: 10px; }
                                #editSitesContent .templateInset{ float: right; text-align: center; width: 180px; }
                                    #editSitesContent .templateInset img{ display: block; }
                                    #editSitesContent .templateInset .mag{ background: url(../img/magGlass.png) 133px top no-repeat; padding: 4px 0 8px; }
									#editSitesContent .templateInset .remove{ background: url(../img/remove.png) 133px top no-repeat; padding: 4px 0 8px; }
                                    
                     
                     #editSitesContent fieldset{ margin:0 0 15px; }     
                        #editSitesContent legend{ font-size: 17px; font-weight: bold;  }
                    .formBlock{  background: url(../img/siteform_back.gif) repeat-y; margin: 5px 0; font-size: 12px; }
                        .formBlock li.first{ background: url(../img/siteform_back_top.gif) 0 0 no-repeat; padding-top: 10px; }
                        .formBlock li.last{ background: url(../img/siteform_back_bottom.gif) 0 bottom no-repeat; padding-bottom: 10px; }
                        .formBlock li{ overflow: hidden; clear: both;  }
                        
                            .formBlock .l{ width: 131px; float: left; padding: 0 7px 0 0; font-size: 12px; font-weight: bold; text-align: right;  min-height: 1px; height: auto !important; height:1px; }
                            .formBlock .i{ width: 302px; float: left; margin: 0 1px 0 0; padding: 0 0 8px; }
                                .formBlock .i .text-input, .formBlock .i .textarea-input, .public .login-intro .login .text-input, .textinputs { font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 225px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
                                .formBlock .i .textarea-input{ width: 280px; height: 79px; }
								.formBlock .i .file-input { font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 225px;}
                                .formBlock .i .select-input{ font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle;  padding: 2px; width: 236px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
								.selectbulk{ font-size: 12px; border: 2px solid #8c8c8d; vertical-align: middle;  padding: 2px; width: 130px; margin: 10px 0px 10px 0px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
								.selecttags{ font-size: 12px; border: 2px solid #8c8c8d; vertical-align: middle;  padding: 2px; width: 250px; margin: 10px 0px 10px 0px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
								.formBlock .i .select-inputsmall{ font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle;  padding: 2px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
                                .formBlock .i .checkbox-input, .formBlock .i .radio-input{ margin: 0; vertical-align: middle; }
                                .formBlock .i ul{ padding-left: 5px; }
                            .formBlock .h{ width: 189px; float: left; line-height: 14px; padding: 7px 10px 0 10px; font-size: 12px;  }
                                .formBlock .h p{ margin-bottom: 14px; }
                            
                            
                    .articlesTableContainer{ width: 444px; float: left; margin-bottom: 20px; }
                        .articlesTableContainer table{ margin: 0 0 5px; width: 444px;  }
                        
                                .articlesTableContainer table tbody td{line-height: 32px;  }
                                .articlesTableContainer table tbody td.c{ background-color: #f9fcef; border-right: none; }
                                .articlesTableContainer table tbody tr.alt td.c{ background-color: #f9fcf9; }
                                .articlesTableContainer table tbody td.m{ border-right: none; }
                                
                                    .articlesTableContainer table tbody td.r{ width: 20px; line-height: 22px;  }
                                    .articlesTableContainer table tbody td.r a.remove { vertical-align: top; }
                                    .articlesTableContainer table tbody td input{ margin: 0; vertical-align: middle;}
                        
                    .articlesContentInfo{ width: 206px; float: left; padding:40px 0 0; text-align: center; }
                        .articlesContentInfo p{ padding: 0 25px; line-height: 15px;  }
                        .articlesContentInfo .count{ font-weight: bold; font-size: 100px; display: block; line-height: 80px;  }
                        
                    .articlesAdvanced{ clear: both; padding: 10px 0; }
                        #editSitesContent .articlesAdvanced h4{ margin-bottom: 0; }
                        .articlesAdvanced ul li{ line-height: 15px; }
                        
                        
                    .templateList{ overflow: hidden; margin-bottom: 10px; }
                        .templateList li{ width: 160px; float: left; margin: 0; font-size: 11px;  padding: 0 0 15px;}
                            .templateList li .templateThumb{ background: url(../img/template_thumb_back.gif) 0 0 no-repeat; }
                                .templateList li .templateThumb a{ display: block; padding: 5px 5px 0; }
                                .templateList li.active .templateThumb a{ background-color: #373946; padding: 5px; }
                                .templateList li .templateThumb img{ display: block; width: 120px; height: 93px;}
                                .templateList li .templateThumb span{ display: block; height: 10px; background: url(../img/template_thumb_bottom.gif) 0 0 no-repeat;  }
                                .templateList li.active .templateThumb span{ background: none #fff; height: 5px; }
                                .templateList li .mag{ display: block; background: url(../img/magGlass_small.gif) 5px 0 no-repeat; padding: 0 5px 0 35px; line-height: 15px; text-align: left; height: 23px; }
								.templateList li .remove{ display: block; background: url(../img/remove.png) 5px 0 no-repeat; padding: 0 5px 0 35px; line-height: 15px; text-align: left; height: 23px; }
                    
                    .batchDomainContainer{ }
                        .batchDomainContainer h3{}
                            .batchDomainContainer h3 .count{ font-weight: normal; }
                            .batchDomainContainer ul{ display: none; }
                            
                            .batchDomainContainer .dropArrow{ display: block; float: left; width: 13px; height: 13px; background: url(../img/batches_arrow.png)  0 0 no-repeat; text-indent: -9999px; margin-top: 2px; }
                                .batchDomainContainer.expanded .dropArrow{ background: url(../img/batches_arrow.png)  0 -12px no-repeat;  }
                    
                                
                    #keywordsContainer.formBlock{  }
                        #keywordsContainer.formBlock .l{ width: 180px; text-align: left; padding: 0 7px 0 7px; font-weight: normal; font-size: 13px;  }
                            #keywordsContainer.formBlock .l h4{ font-size: 13px; margin-bottom: 0; }
                            
                            #keywordsContainer.formBlock .l .keywordList{ border-top: 1px solid #c1c1c2; padding: 7px 0; }
                                #keywordsContainer.formBlock .l .keywordList li{ line-height: 15px; }
                        #keywordsContainer.formBlock .i{ width: 246px; font-size: 13px; }
                            #keywordsContainer.formBlock .i .textarea-input{ width: 224px; height: 280px; }

                        #keywordsContainer.formBlock .refreshP{ overflow: hidden;  }
                            #keywordsContainer.formBlock .refreshP a, #keywordsContainer.formBlock .refreshP span{ display: block; float: left; padding: 4px 1px; }
                            #keywordsContainer.formBlock .refreshP .refreshLink{ background-image: url(../img/refresh.gif); background-position: 0 center; background-repeat: no-repeat; padding: 4px 1px 4px 21px; }

                    
                    #textAdTable{ margin: 10px 0 5px; }
                        #textAdTable td{ padding: 10px 7px; line-height: 15px; }
                        #textAdTable td.t{ font-weight: bold; }
                        #textAdTable td.e{ width: 20px; padding: 7px 2px; }
                        #textAdTable td.r{ width: 20px; padding: 7px 7px 7px 2px; }
                        #textAdTable .e, #textAdTable .u, #textAdTable .r{ border-right: 0px; }
                    
                    
                    
                    .formFooter{ padding: 13px 10px 0;  overflow: hidden; line-height: 39px; clear: both; background: url(../img/batchadd_c_back.gif) 0 0 repeat-x transparent; margin: 10px 0;  }
                    #editSitesContent.layout .formFooter{ margin: 0 0 30px; }
                    .formFooter .finished{ float: right; text-align: right; overflow: auto; width: 510px; }
                        .formFooter .finished a.sButton{  line-height: 18px; margin-left: 15px }
                        .formFooter .finished span.buttonLabel {float: left; width: 350px;}


                        
                        .formFooter .goToMysites{ display: block; height: 36px; width: 116px; background: url(../img/go_to_mysites_button.png) 0 0 no-repeat; text-align: left; text-indent: -9999px; float: right; }
            

                    .info{ font-size: 12px; padding-left: 10px; margin-top: 30px }
            
            
            #rightBar{ width: 157px; float: left; padding: 20px 0; overflow: hidden; }
                #rightBar li{ background: #ffffc2; padding: 8px 3px 8px 8px; font-size: 12px; margin: 0 0 10px; line-height: 14px; }
                #rightBar li.alt{ background: #d9f8ab; }
                    #rightBar li h2{ font-size: 12px; padding-bottom: 5px; font-weight: bold; padding: 0 0 3px; }
                    #rightBar li p{ background: transparent; padding: 3px 0; margin: 0; line-height: 14px; }
                    #rightBar li ul li{ background: transparent; padding: 3px 0; margin: 0; line-height: 14px; }
                    #rightBar li ul li.moreLink{ text-align: right; }
                    #rightBar li p{ padding: 0 0 3px; }
                    
                
                
                

    #footer{ width: 940px; margin: 0 auto 40px; padding: 20px 30px 40px; background: url(../img/footer_top.gif) 0 0 no-repeat #ebf4ea; overflow: hidden; font-size: 11px; line-height:14px; }
        #footer a.logo{ width: 115px; height: 40px; display: block; background: url(../img/whypark_footer_logo.png) 0 0 no-repeat; text-indent: -9999px; float: left; }
        #footer .footerNav{ float: left; width: 400px; padding: 19px 0 0 13px; }
        #footer a{ font-weight: bold; }
        #footer .footerInfo{ float: right; text-align: right; padding: 5px 0 0; }
        
        

/* sButton */

.sButton:link, .sButton:visited { float: right; color:#464d3a; background:transparent url(../img/sButton.png) no-repeat bottom left; font-weight: bold;}
#modalContainer .sButton, #wrap .sButton{ color: #464d3a; }
.sButton * {display:block;}
.sButton span { /* bottom right corner */
	padding: 0 0 8px;
	background: transparent url(../img/sCorners.png) no-repeat right bottom;
	height: 100%;
}
.sButton span span { /* top left corner, left and top edges */
	padding: 0 0 0 8px;
	background: transparent url(../img/sButton.png) no-repeat left top;
}
.sButton span span span { /* top right corner */
	padding: 8px 0 0;
	background: transparent url(../img/sCorners.png) no-repeat right top;
}
.sButton span span span span { /* Right edge */
	padding:3px 16px 1px 8px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
	background: transparent url(../img/sButton.png) no-repeat right -8px;
	text-align: center;
}

.sButton:hover,
.sButton:focus,
.sButton:active { /* Make the button more visible on :hover and :focus */
	color:#fff;
}

                
                
                
/* modal */
#modalOverlay {
  background-color:transparent;

}

#modalContainer { width:655px; left:50%; top:15%; margin-left:-300px; }
    #modalInner{ padding: 10px; position: relative; }
    #modalContainer .back{ position: absolute; background-color: #383a47; opacity: .75; width: 100%; height: 100%; z-index: 1; top:0; left:0 }
    #modalContainer .modalContent{ background: url(../img/overlay_gradient.gif) 0 0 repeat-x #fff; position: relative; z-index: 2; padding: 20px 1px 20px 20px; }
        #modalContainer .modalContent h2{ font-size: 21px; font-weight: bold; }
        .modalForm{  background: url(../img/modalForm_back.gif) repeat-y; margin: 10px 0; }
            .modalForm li{ overflow: hidden; clear:both;  }
            .modalForm li.first{ padding-top: 10px; background: url(../img/modalForm_back_top.gif) 0 0 no-repeat; }
            .modalForm li.last{ padding-bottom: 10px; background: url(../img/modalForm_back_bottom.gif) 0 bottom no-repeat; }
                .modalForm .l{ width: 117px; float: left; padding: 0 7px 0 0; font-size: 12px; font-weight: bold; text-align: right; line-height:30px; min-height: 1px; height: auto !important; height:1px; }
                .modalForm .i{ width: 249px; float: left; margin: 0 1px 0 0; padding: 0 0 15px; }
                    .modalForm .i .text-input{ font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 225px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
					.modalForm .i .textarea-input{ font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 225px; height: 300px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
                    .modalForm .i .select-input{ font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle;  padding: 2px; width: 236px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
                    .modalForm .i .checkbox-input{ margin: 0; vertical-align: middle; }
                .modalForm .h{ width: 228px; float: left; line-height: 14px; padding: 7px 0 0 10px; font-size: 12px;  }
    #modalContainer .helpContent{ padding: 10px; }
        #modalContainer .helpContent p{ margin-bottom: 10px; }
        #modalContainer .helpContent ul{ list-style: disc inside; }
            #modalContainer .helpContent ul li{ line-height: 16px; }
                
        .modalFooter{ overflow: hidden; padding: 5px 20px 10px 10px;}
            #modalContainer .modalFooter a.cancelButton{ float: left; color: #d4281e; font-weight: bold; padding: 10px 0 }
            #modalContainer .modalFooter a.closeButton{ float: right; color: #333;}
            .modalFooter a.sButton{ float: right; }
        



#modalContainer a.modalCloseImg {
  background:url(../img/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}
                
                
.inlinehelp {text-decoration: none;}

#myTransfer{ width: 614px; margin: 0 auto; padding: 5px 18px; background: #f5efce; border-width: 0 1px 1px 0; border-color: #c1c1c2; border-style: solid; position: relative;  }

    #myTransfer h2{ font-size: 16px; color: #31647b; float: left; line-height: 22px; padding: 0 10px 0 0; vertical-align: middle; }
    #myTransfer p{ float: left; line-height: 22px;  vertical-align: middle; }
    #myTransfer input.searchInput{ font-size: 16px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 180px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
    #myTransfer input.searchButton{ vertical-align: middle; margin: 0 8px; }
	
.datetext-input{ font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 75px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }


    #modalContainer .keywordList{ padding: 10px; }
        #modalContainer .keywordList li{ font-size: 12px; padding: 0 0 5px; }
        #modalContainer .keywordList a{ color: #333; text-decoration: underline; }
        

.ui-datepicker{ background: #fff; padding: 5px; border:1px solid #ccc; border-radius:3px; -moz-border-radius: 3px; display: none;  }
.ui-datepicker-header{ position: relative; }
    .ui-datepicker-prev, .ui-datepicker-next{ position: absolute;  width: 12px; height: 12px;  display: block;  text-indent: -9999px; top:6px; }
    .ui-datepicker-prev{ left: 6px; background: url(../img/cal_prev.png) 0 0 no-repeat; }
    .ui-datepicker-next{ right: 6px; background: url(../img/cal_next.png) 0 0 no-repeat; }
    .ui-datepicker-title{ text-align: center; padding: 4px 0; }
.ui-datepicker-calendar{}
    .ui-datepicker-calendar td{ text-align: center; }
    .ui-datepicker-today{ background: #FFFFC2; }
    .ui-datepicker-current-day{ font-weight: bold; background: #D9F8AB; }
.formBlock .l a.checkArticles{ font-size: 11px; color: #559960; text-decoration: underline; }
                
table tbody.ui-sortable tr{ cursor: pointer; }
                
            
/* Changes on 10/22/2009               */

#mainContent, #content, #editSitesContainer{ overflow: visible; }
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
	
#mainContent:after, #content:after, #editSitesContainer:after
{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

#mainContent, #content, #editSitesContainer
{display: inline-block;}

/* Hides from IE-mac \*/
* html #mainContent, * html #content, * html #editSitesContainer
{height: 1%;}

#mainContent, #content, #editSitesContainer
{display: block;}
/* End hide from IE-mac */

li{ position: relative; }
.gOptions{ display:none; position: absolute; background: url(../img/goptions_back.png) 0 0 no-repeat transparent; left: -55px; width: 50px; padding: 5px 0 5px 5px; overflow: hidden; height: 13px; top:-1px; line-height: 13px; }
.gOptions .remove{ background: url(../img/trash.png) 0 center no-repeat; width: 12px; height: 13px;  }
.gOptions a{ display: block; float: left; margin: 0 4px; color: #999; font-size: 11px; }

                
body{ padding: 0 35px; }

a.siteInfo{ display: inline-block; width: 15px; height: 25px; background: url(../img/magGlass15px.png) 0 8px no-repeat; text-indent: -9999px; }
a.loading{ background: url(../img/loading.gif) 0 8px no-repeat; }
a.infoActive{ background: none; }

.siteInfoOverlay{ position: absolute; z-index: 1000; background: #fff; border: 3px solid #c1c1c1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; }
.siteInfoOverlay .w{ width: 450px; overflow: hidden; background: #ebf4ea; padding: 8px; border: 3px solid #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; }
.siteInfoOverlay .leftContent{ width: 300px; float: left; }
.siteInfoOverlay .rightContent{ width: 140px; padding: 0 0 0 10px; float: left; }
.siteInfoOverlay .close{ float: right; font-size: 11px; }
.siteInfoOverlay .nubbin{ display: block; width: 33px; height: 34px; position: absolute; left: -23px; top: 196px; background: url(../img/nubbin.png) 0 0 no-repeat; }
.siteInfoOverlay h4{ font-size: 17px; font-weight: bold; margin-bottom: 10px; }
.siteInfoOverlay .largeCount strong{ font-size: 30px; font-weight: bold;  line-height: 30px; }
.siteInfoOverlay .graphCaption{ font-size: 10px; font-weight: bold; margin-top: 10px; }
.siteInfoOverlay .templateInset{ float: right; text-align: center; width: 180px; }
.siteInfoOverlay .templateInset img{ display: block; }
.siteInfoOverlay .templateInset .mag{ background: url(../img/magGlass.png) 133px top no-repeat; padding: 4px 0 8px; }
.siteInfoBackdrop{ height:100%; left:0; opacity:0.5; position:fixed; top:0; width:100%; z-index:999; background-color: transparent; }
                
/* December 17, 2009 Update for Category Picker */

/* categoryPicker */
#cpListing{ overflow: hidden; padding: 10px;  height: 160px; }
#cpListing.empty{ background: #fbf8eb;  padding: 0;}
#cpListing.loading{ background: #fbf8eb url(../img/loading-large.gif) center center no-repeat; /* height: 100px;  */}

#cpCategories{ overflow: scroll; overflow-x: hidden; overflow-y: scroll; height: 150px; width: 348px; border: 2px solid #8C8C8D; background: #FFFFFF url(../img/sitesearch_input_back.gif) repeat-x scroll 0 0; float: left; margin: 0 22px 0 0; }
    #cpCategories li{ padding: 3px 4px; border-bottom: 1px solid #eee; cursor: pointer; }
    #cpCategories li.noResults{ cursor: default; }
    #cpCategories li.hover{ background: #FFFFC2; }
    #cpCategories li.selected{ background: #D9F8AB; }
    
#cpMore{ float: left; width: 220px; }

.ui-dialog { width:655px;  }
    #modalInner{ padding: 10px; position: relative; }
    .ui-dialog .back{ position: absolute; background-color: #383a47; opacity: .75; width: 100%; height: 100%; z-index: 1; top:0; left:0 }
    .ui-dialog .modalContent{ background: url(../img/overlay_gradient.gif) 0 0 repeat-x #fff; position: relative; z-index: 2; padding: 20px 1px 20px 20px; }
        .ui-dialog .modalContent h2{ font-size: 21px; font-weight: bold; }
        .modalForm{  background: url(../img/modalForm_back.gif) repeat-y; margin: 10px 0; }
            .modalForm li{ overflow: hidden; clear:both;  }
            .modalForm li.first{ padding-top: 10px; background: url(../img/modalForm_back_top.gif) 0 0 no-repeat; }
            .modalForm li.last{ padding-bottom: 10px; background: url(../img/modalForm_back_bottom.gif) 0 bottom no-repeat; }
                .modalForm .l{ width: 117px; float: left; padding: 0 7px 0 0; font-size: 12px; font-weight: bold; text-align: right; line-height:30px; min-height: 1px; height: auto !important; height:1px; }
                .modalForm .i{ width: 249px; float: left; margin: 0 1px 0 0; padding: 0 0 15px; }
                    .modalForm .i .text-input{ font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle; padding: 4px; width: 225px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
                    .modalForm .i .select-input{ font-size: 13px; border: 2px solid #8c8c8d; vertical-align: middle;  padding: 2px; width: 236px; background: url(../img/sitesearch_input_back.gif) repeat-x 0 0 #fff; }
                    .modalForm .i .checkbox-input{ margin: 0; vertical-align: middle; }
                .modalForm .h{ width: 228px; float: left; line-height: 14px; padding: 7px 0 0 10px; font-size: 12px;  }
    .ui-dialog .helpContent{ padding: 10px; }
        .ui-dialog .helpContent p{ margin-bottom: 10px; }
        .ui-dialog .helpContent ul{ list-style: disc inside; }
            .ui-dialog .helpContent ul li{ line-height: 16px; }
                
        .modalFooter{ overflow: hidden; padding: 5px 20px 10px 10px;}
            .ui-dialog .modalFooter a.cancelButton{ float: left; color: #d4281e; font-weight: bold; padding: 10px 0 }
            .ui-dialog .modalFooter a.closeButton{ float: right; color: #333;}
            .modalFooter a.sButton{ float: right; }
            .ui-dialog .modalFooter a.sButton:hover, .ui-dialog .modalFooter a.sButton:active, .ui-dialog .modalFooter a.sButton:focus{ color: #464D3A; text-decoration: underline; }
            
    .ui-dialog .keywordList{ padding: 10px; }
        .ui-dialog .keywordList li{ font-size: 14px; padding: 0 0 5px; }
        .ui-dialog .keywordList a{ color: #333; text-decoration: underline; }
        
.ui-dialog a.modalCloseImg { background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-14px; right:-18px; cursor:pointer; }
.ui-dialog .ui-dialog-titlebar{ display: none; }

#categories .categoryImage{ width: 201px; height: 152px; }


/*
    Below added with Domain Apps: May 27, 2010
*/


.mysiteSideBar .listCrop{ position: relative; }

.mysiteSideBar ul .listCrop ul{ 
    position: absolute; left: 0; top: 20px; z-index: 1000;
    width: 120px; padding: 5px; display: none; border: 1px solid #ccc; background: #fff;
    -moz-box-shadow: 0 0 3px #226989, 1px 1px 5px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 0 0 3px #226989, 1px 1px 5px rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 3px #226989, 1px 1px 5px rgba(0, 0, 0, 0.9);    
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
}
.mysiteSideBar ul .open ul{ display: block; }
.mysiteSideBar .listCrop .c{ padding: 0 12px 0 0; background: url(../img/cropList_arrow.gif) right 3px no-repeat; }


#appFeatures{ overflow: hidden; margin: 0 -10px 10px 0;}
#appFeatures li{ width: 320px; float: left; margin: 0 10px 10px 0;  }
    #appFeatures li a{ position: relative;  display: block; height: 220px; overflow: hidden; }
        #appFeatures li a img{ display: block; position: relative; z-index: 1; }
    #appFeatures li .o{ position: absolute; display: block; top: 0; left: 0; width: 320px; height: 220px; background: url(../img/domainapp/overlay_feature.png) 0 0 no-repeat; z-index: 2;}

#domainAppsList{ }
#domainAppsList a{ color: #0065cc; text-decoration: underline;}

#domainAppsList li{ overflow: hidden; border-bottom: 1px solid #cecdc4; padding: 15px 12px 14px; }
#domainAppsList li.alt{ background: #fffff0; }
    
    #domainAppsList .img{ float: left; width: 110px; position: relative; }
    #domainAppsList .img img{ display: block; position: relative; z-index: 1; }
    #domainAppsList .img .o{ position: absolute; top: 0; left: 0; width: 110px; height: 100%; background: url(../img/domainapp/overlay_thumb.png) 0 0 no-repeat; z-index: 2;}
    #domainAppsList .alt .img .o{ background:url(../img/domainapp/overlay_thumb_alt.png) 0 0 no-repeat; }
    
    #domainAppsList .c{ width: 347px; float: left; border-right: 1px solid #cecdc4; padding: 3px 10px 0 0; min-height:75px; height:auto !important; height:75px; }
        #domainAppsList .c h3{ margin: 0; }
    
    
    #domainAppsList .status{ width: 148px; float: left; padding: 5px 0 5px 10px; overflow: hidden; font-size: 12px; }
    #domainAppsList .status .sButton{ width: 148px; float: none; margin: 12px auto 0; display: block; text-decoration: none; }
    #domainAppsList .status .installed{ overflow: hidden; padding: 10px 0 0;}
    #domainAppsList .status h4{ background: url(../img/check.png) 0 2px no-repeat transparent; padding: 2px 0 4px 16px; font-size: 12px; font-weight: normal; border-bottom: 1px solid #cecdc4; margin: 0; }
    #domainAppsList .status .editApp{ width: 74px; float: left; text-align: center; display: block; padding: 4px 0; }
	#domainAppsList .status .editpop{ width: 74px; float: left; text-align: center; display: block; padding: 4px 0; }
    #domainAppsList .status .uninstall{ width: 73px; float: left; text-align: center; display: block; padding: 4px 0; border-left: 1px solid #cecdc4; }
    #domainAppsList .status .addToMore{ width: 148px; float: left; text-align: center; display: block; padding: 4px 0; }

.promoFlash{ background: #e4f8ff; padding: 14px 16px; margin: 0 0 10px; font-size: 18px; line-height: 22px; color: #333; border-bottom: 2px solid #c7c7c7; }
.promoFlash a{ color: #0f7caa; text-decoration: underline; }


.flashNotice{ background: #FFFFC2; padding: 14px 16px; margin: 0 0 10px;  color: #333; }

#appDetail{ overflow: hidden; margin: 0 0 -5px; }
    #appDetail .intro{ overflow: hidden; }
    #appDetail .intro .img{ position: relative; width: 320px; height: 218px; overflow: hidden; float: left;  }
    #appDetail .intro .img img{ display: block; position: relative; z-index: 1; }
    #appDetail .intro .img .o{ position: absolute; top: 0; left: 0; width: 320px; height: 218px; background:url(../img/domainapp/overlay_app_page.png) 0 0 no-repeat; z-index: 2; }

    #appDetail .intro .c{ width: 300px; border-top: 1px solid #cecdc4; border-bottom: 1px solid #cecdc4; padding: 20px 10px 0; font-size: 16px; min-height:196px; height:auto !important; height:196px; float: right; }
        #appDetail .intro .c p{ margin: 0 0 15px; }

    #appDetail .status{ float: left; clear: left; font-size: 12px; background: url(../img/domainapp/app_controls_back.gif) 0 bottom no-repeat; padding: 6px 15px; width: 290px; overflow: hidden; margin: 0 0 5px; }
    #appDetail .status h4{ background: url(../img/check.png) 0 2px no-repeat transparent; padding: 2px 4px 2px 16px;  font-size: 12px; font-weight: normal; margin: 7px 0 7px 0; float: left; }
    #appDetail .status .editApp{ float: left; text-align: center; display: block; padding: 2px 4px; margin: 7px 0; border-left: 1px solid #cecdc4; }
    #appDetail .status .uninstall{  float: left; text-align: center; display: block; padding: 2px 0 2px 4px; border-left: 1px solid #cecdc4; margin: 7px 0; }
    #appDetail.editApp .status h4{ width: 200px; }
    #appDetail.editApp .status .uninstall{ padding: 2px 0 2px 10px; }
    #appDetail .status .editpop{  float: left; text-align: center; display: block; padding: 2px 4px; margin: 7px 0; border-left: 1px solid #cecdc4; }
    #appDetail.editApp .status h4{ width: 200px; }
    #appDetail.editApp .status .editpop{ padding: 2px 0 2px 10px; }	
    
    #appDetail .status .sButton{ width: 135px; margin: 4px 0 3px; }
    #appDetail .status .sButton, #appDetail .status .sButton:link, #appDetail .status .sButton:visited { background:transparent url(../img/domainapp/sButton_appInstall.gif) no-repeat bottom left;  }
    #appDetail .status .sButton span { background: transparent url(../img/domainapp/sCorners_appInstall.gif) no-repeat right bottom; }
    #appDetail .status .sButton span span { background: transparent url(../img/domainapp/sButton_appInstall.gif) no-repeat left top; }
    #appDetail .status .sButton span span span { background: transparent url(../img/domainapp/sCorners_appInstall.gif) no-repeat right top; }
    #appDetail .status .sButton span span span span { background: transparent url(../img/domainapp/sButton_appInstall.gif) no-repeat right -8px; }




    #appDetail .details{ float: left; clear: left; overflow: hidden; margin: 15px 0; width: 319px; font-size: 12px; }
    #appDetail .details dt{ width: 103px; float: left; border-right: 1px solid #cecdc4; border-top: 1px solid #cecdc4; margin: -1px 0 0; padding: 5px 10px; font-weight: bold; }
    #appDetail .details dd{ width: 175px; float: left; border-top: 1px solid #cecdc4; margin: -1px 0 0; padding: 5px 10px; }

    #appDetail .screenshots{ padding: 20px 0; clear: both; }
    #appDetail .screenshots h2{ margin: 0 0 10px; font-size: 14px; }
    #appDetail .screenshots img{ vertical-align: top; border: 2px solid #999; margin: 0px 8px 8px 0px; }



    #pickerContent{ overflow: hidden; }
        #pickerContent .results, #pickerContent .org{ border: 2px solid #848485; height: 179px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; }

        #pickerContent.domains .org{ width: 197px;  margin: 0 10px 0 0; float: left; }
        #pickerContent.domains .results{ width: 389px; float: left; }
        
        #pickerContent h3{ padding: 5px 10px; border-bottom: 1px solid #ececec; font-weight: bold; }
        #pickerContent li{ border-bottom: 1px solid #ececec; }
        #pickerContent li a{ display: block; padding: 5px 10px; color: #333; text-decoration: none;  }
        #pickerContent li li a{ padding: 5px 10px 5px 20px; }
        #pickerContent li a:hover{ text-decoration: none; background: #fffdbb; }
        #pickerContent li a:hover{ text-decoration: none; background: #fffdbb; }
        #pickerContent li.selected a{ background: #d4f4a2; }
        
        
        #pickerContent .results li{ border-bottom: 1px solid #ececec; padding: 5px 10px; color: #333; cursor: pointer; }
        #pickerContent .results li:hover{ text-decoration: none; background: #fffdbb; }
        #pickerContent .results li:hover{ text-decoration: none; background: #fffdbb; }
        #pickerContent .results li.selected{ background: #d4f4a2; }
	    #pickerContent .results li.noResults{ background: #fff; cursor: default; }
       
		.modalContent .loading{ background: #fbf8eb url(../img/loading-large.gif) center center no-repeat; height: 183px;}

       
    .modalForm .i{ position: relative; }
    .modalForm .i .clearable{  padding: 4px 20px 4px 4px; width: 209px; position: relative; z-index: 1; }
    .modalForm .i .inputClear{ display: block; width: 16px; height: 16px; background: url(../img/input_clear.png) 0 0 no-repeat; text-indent: -99999px; position: absolute; z-index: 2; top: 6px; right: 18px;  }
            


    .formBlock .i .text-input{ width: 280px; }
    .formBlock .i .textarea-input{ font-family: Helvetica, Arial, sans-serif; }
    
    .formBlock .i{ overflow: hidden; }
    .formBlock .i .change{ margin: 0 14px 0 0; float: right; }
    .formBlock .i .set{ float: left; display: none; }
    .formBlock .i .value{ float: left; }
    .formBlock .empty .change{ display: none; }
    .formBlock .empty .set{ display: inline; }
    

/* Domain Apps Homepage Hero Layout */

    #content.public .hero{ padding: 0; }
    #content.public .hero a, #content.public .hero img{ display: block; }
    
    #home{ overflow: hidden; width: 817px; margin: 0 auto; }
    
    #home .exp h2, #home .exp  h3{ color:#73A012; font-size:19px; font-weight:normal; line-height:22px; margin:0 0 10px;}
    #content #home .exp h2{ font-size: 25px; padding: 0; margin: 0 0 15px;  }
    #home .exp p{ font-size: 16px; margin: 0 0 20px; line-height: 1.4;  }
    
    #home .exp{ width: 492px; float: left; padding: 21px 0 0; margin: 0 10px 0 0;  }
    #home .text{ font-size: 13px; font-weight: bold; float: left; margin-right: 10px; text-align: right; }
    #home .tour{  padding: 10px; margin: 20px 0 0; background: url(../img/wp_border.gif) 0 0 repeat-x;  }

        #home .tour .text{ width: 335px; padding: 10px 0 0; }
    
    #home .login{ width: 315px; float: left; margin: 12px 0 0; }
        #home .login fieldset{ border-right: 1px solid #c1c1c2; border-bottom: 1px solid #c1c1c2; position: relative; padding: 10px 10px 0; text-align: right; background: #f5efce; }
            #content #home .login fieldset h3{ font-size: 17px; font-weight: bold; text-align: left; }
            #content #home .login input.text-input{ width: 160px; }
            #home .login dl{ overflow: hidden; padding: 20px 0 0; }
            #home .login dt{ float: left; width: 110px; display: block; font-weight: bold; padding: 5px 0 0; }
            #home .login dd{ padding:0 0 10px 120px; text-align: left; font-size: 13px; }
            #home .login dd .text-input{ width: 160px; background:url("../img/sitesearch_input_back.gif") repeat-x scroll 0 0 #FFFFFF; border:2px solid #8C8C8D; font-size:13px; padding:4px; vertical-align:middle; }
            #home .login .forgotpass{ font-size: 11px; }
            #home .loginButton{ width: 62px; height: 31px; background: url(../img/login_button.png) no-repeat; border: 0; padding: 0; margin: 0; text-indent: -9999em; display: block; float: right; }
            #home .login .f{ overflow: hidden; padding: 0 0 20px; text-align: left;  }
            #home .login .f input{ float: right; }
            #home .login .signup{ margin: 2px 0 0; clear: both; overflow: hidden; padding: 10px; background: #faf7e6; }
            #home .signup .text{ width: 192px; padding: 6px 0 0; }
            #home .signupButton{ width: 92px; height: 31px; background: url(../img/sign_up_button.png) no-repeat; display: block; float: left; text-align: left; text-indent: -9999px; }
            
            #home .login fieldset .wb_top{ top: -10px; right: 9px; }
            #home .login fieldset .wb_bottom{ left: -9px; }