html,body,div,img,ul,ol,li,h1,h2,h3,p,fieldset,header,section,footer,aside,nav,article{border:0; font:13px/18px Arial,Helvetica,sans-serif; margin:0; padding:0}
header,section,footer,aside,nav,article{display:block}
:focus{outline:0}
/* HTML Tags */
body{background:url(/adm/redirect/www/doc/afimages/background.jpg) no-repeat #6a9c3d; overflow-x:hidden}
h1,h2,h3{font-weight:bold}
h1{font-size:20px}
h2{font-size:16px}
h3{font-size:14px; line-height:21px}
p a, ul.questions li a, div.editOptions a, ol a, ul a, td a, div a{color:#0050e4; text-decoration:none}
	p a:hover, ul.questions li a:hover, div.editOptions a:hover, footer a:hover, ol a:hover, ul a:hover, td a:hover, div a:hover{color:#003aa5; text-decoration:underline}
input{padding:5px}
input:focus{background:#e7ffdd}
/* classes */
.clr{clear:both}
.float_left, ul.socialIcons{float:left}
.float_right, form.webon-actions{float:right}
.bold{font-weight:bold}
aside.callOuts div section.content, .hide, .hidden, .faq, .mobileShow{display:none}
.inline{display:inline}
.inlineBlock{display:inline-block}
.italic{font-style:italic}
.txt_center{text-align:center}	
.txt_right{text-align:right}	
.txt_left{text-align:left}
input.submit, input.roundedBtn, button.roundedBtn, .pointer{cursor:pointer}
.blueGradientBG{background-color:#2e90d1; background-image:-moz-linear-gradient(top,#85bee3 4%,#2e90d1 40%); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.04,#85bee3),color-stop(.4,#2e90d1))}
.greenGradientBG,input:focus.greenGradientBG,.safeBar{background-color:#446d1f; background-image:-moz-linear-gradient(top,#98dc5a,#345813); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#98dc5a),color-stop(1,#345813))}				
.redGradientBG,a.blueGradientBG:hover,a.green2GradientBG:hover,a.greenGradientBG:hover,input.greenGradientBG:hover,.selectedBtn,button.greenGradientBG:hover,.warningBar{background-color:#c40a16;
					   background-image:-moz-linear-gradient(top,#fa9954 10%,#c40a16 56%);
			 		   background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.1,#fa9954),color-stop(.56,#c40a16))}		
.yellowGradientBG{background-color:#fffbe2; background-image:-moz-linear-gradient(top, #fffbe2, #fded7f); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #fffbe2),color-stop(1, #fded7f))} 		
.roundedBtn{border:1px solid #2f729f; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#fff; display:inline-block; font-size:16px; letter-spacing:.04em; padding:7px 15px; text-decoration:none}
	.roundedBtn:hover, .blockBtn:hover{color:#fff; text-decoration:none}
.rounded, input{border:1px solid #2f729f; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}
.blockBtn{color:#fff; display:block; font-weight:bold; letter-spacing:.04em; text-align:center; text-decoration:none}
.dropShadow{-moz-box-shadow:1px 1px 3px #515151; -webkit-box-shadow:1px 1px 3px #515151; box-shadow:1px 1px 3px #515151}
.transition{-moz-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out}
.textShadow1, .editOptions, table.tools td.Title, td.createNew a, #sidebar.accountInfo h3 a, .noLinkH3, .sectionTitle, body#loggedIn header nav a:hover{text-shadow:1px 1px 1px #292929}
.textShadow2, header nav ul li a:hover, .roundedBtn{text-shadow:2px 2px 1px #515151}
.border{border:1px solid #2f729f; padding:5px 10px}
.borderB0{border-bottom:none}
.borderL0{border-left:none}
.borderR0{border-right:none}
.borderT0{border-top:none}
.borderNone{border:none}
.font10{font-size:10px}
.font12{font-size:12px!important}
.font13{font-size:13px!important}
.font14{font-size:14px}
.font17{font-size:17px}
.bulletts{list-style:outside disc!important}
.padding{padding:5px 10px}
.padLR10{padding:0 10px}
.margin0{margin:0}
.mb0, section.content p.mb0, section.content .border p{margin-bottom:0!important}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.indent{margin-left:25px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt175{margin-top:175px}
.mheight425{min-height:425px}
.width200{width:200px!important}
.width290{width:290px!important}
.width345{width:345px}
.imgTRmargin{margin:45px 10px 10px}
.lineheight20{line-height:20px}
.bgWhite, td.bWSoptions, div.advancedWS{background-color:#fff}
/* illustrations */
.hiddenMessage{background:#fff; display:none; left:-29px; padding:7px; position:relative; top:-104px; width:110px}
.word-arrow-down{border-left:15px solid transparent; border-right:0; border-top:12px solid #fff; border-bottom:0; display:none; height:0; position:relative; top:-106px; width:0; z-index:2}
ul.socialIcons li a, .sitelock td.check span, #afTwitter,#acorn,#chip,.arrowTwitter,#sheepShadow,#sheep,#sheepHead,#woofers,#woofersHead,#butterflyOne,#butterflyThree,#balloon-widget,#airplane,#nessy,.regBtn span,.learnBtn span, .leftFold,.rightFold, a.logclose-btn{background:url(/adm/redirect/www/doc/afimages/sprite.png) no-repeat; position:absolute}
	.sectionIllustration{height:578px; position:absolute; width:555px}
		#homepageIllustration.hpTreeINT{background:url(/adm/redirect/www/doc/afimages/tree.png) no-repeat; left:-15%; top:380px; z-index:-1}
		#siteBuilderIllustration{background:url(/adm/redirect/www/doc/afimages/builder.png) no-repeat; height:368px; left:13px; top:255px; width:195px}
		#webBuilderIllustration{background:url(/adm/redirect/www/doc/afimages/builderIllustration.png) no-repeat; height:498px; left:-7px; top:245px; width:219px}
		#communityIllustration{background:url(/adm/redirect/www/doc/afimages/community.png) no-repeat; height:370px; left:-43px; top:255px; width:245px}
		#loggedIn #communityIllustration{top:215px}
		#toolsIllustration{background:url(/adm/redirect/www/doc/afimages/tools.png) no-repeat; height:486px; left:-8px; top:240px; width:217px; z-index:6}
		#chip{background-position:-62px -129px; bottom:179px; cursor:none; height:25px; left:350px; opacity:.1; width:34px}
			#chip:hover{opacity:1}
		#acorn{background-position:-72px -174px; height:21px; left:1288px; top:928px; width:20px}
			#acorn:active{top:926px}
            #acorn .hiddenMessage{left:-30px; top:-80px; width:120px}
			#acorn .word-arrow-down{left:-10px; top:-81px}
		#sheep{background-position:-106px -157px; height:38px; left:1944px; top:646px; width:53px}
			#sheep .hiddenMessage{left:-175px; top:-100px; width:200px}
			#sheep .word-arrow-down{left:-10px; top:-101px}
			#sheep:hover:active #sheepHead{-moz-transform:rotate(17deg); -o-transform:rotate(17deg); -webkit-transform:rotate(17deg); right:6px; top:4px}
			#sheepShadow{background-position:-14px -190px; height:38px; left:0; top:8px; width:56px; z-index:-1}
			#sheepHead{background-position:-113px -86px; height:26px; right:8px; width:25px}
				#sheep:hover #sheepHead{-moz-transform:rotate(-16deg); -o-transform:rotate(-16deg); -webkit-transform:rotate(-16deg); top:-2px}
		#woofers{background-position:2px -40px; cursor:none; height:47px; left:-105px; top:990px; width:84px; z-index:5}
			#woofers:hover:active #woofersHead{-moz-transform:rotate(-21deg); -o-transform:rotate(-21deg); -webkit-transform:rotate(-21deg)}
			#woofersHead{background-position:-85px -41px; height:41px; left:45px; top:-12px; width:60px}
		#woofers:hover #woofersHead{-moz-transform:rotate(-11deg); -o-transform:rotate(-11deg); -webkit-transform:rotate(-11deg)}
		#butterflyThree{background-position:-3px -136px; height:20px; left:1672px; top:696px; width:20px}
			#butterflyThree:hover{-moz-transform:rotate(16deg); -o-transform:rotate(16deg); -webkit-transform:rotate(16deg); top:699px}
                #balloon{height:173px; position:absolute; right:-200px; top:24px; width:200px}
				#balloon:hover{-moz-transform:rotate(-11deg); -o-transform:rotate(-11deg); -webkit-transform:rotate(-11deg)}
		#balloon-widget{background-position:-158px 0; height:173px; left:20px; top:24px; width:132px}
		#airplane{background-position:0 -95px; height:34px; left:591px; top:40px; width:62px}
		#nessy{background-position:-40px -152px; cursor:none; height:20px; left:1122px; top:698px; width:20px}
			#nessy:hover{background-position:-40px -162px}	
div.gamePoke{background:url(/adm/redirect/www/doc/afimages/gameshowPoke.png) no-repeat; float:left; height:98px; left:-8px; position:relative; top:-14px; width:100px}
/* general layout */
div#container{margin:0 auto; min-height:850px; position:relative; width:1005px; z-index:5}
header{height:230px; margin:0 auto; position:relative; width:980px}
	#logo{background:url(/adm/redirect/www/doc/afimages/angelfireLogo.png); height:99px; width:398px}
	#logo a{display:block; height:99px; width:100%}
		#logo h1,#logo h2{visibility:hidden}
	#loginSocial{font-size:18px; position:absolute; right:0; top:15px; z-index:40}
		#loginSocial span{float:left; margin-right:12px}
		#loginSocial a{color:#1a2d58; text-decoration:none}
			#loginSocial a:hover{color:#213d7d; text-decoration:underline}
		ul.socialIcons li{float:left; list-style:none inside}
			ul.socialIcons li a{display:block; height:20px; margin-right:3px; opacity:.6; position:static; width:22px}	
				ul.socialIcons li a.twitter{background-position:0 -12px}
				ul.socialIcons li a.facebook{background-position:-28px -12px}
				ul.socialIcons li a.rss{background-position:-56px -12px}
				ul.socialIcons li a.youtube{background-position:-84px -12px}
				ul.socialIcons li a.flikr{background-position:-112px -12px}	
			ul.socialIcons li a:hover{opacity:1}			
header nav{bottom:0; height:62px; position:absolute; width:980px}
	header nav ul{border:1px solid #2f729f; -moz-box-shadow:0 1px 2px #515151; -webkit-box-shadow:0 1px 2px #515151; box-shadow:0 1px 2px #515151; height:62px}
		header nav ul li{height:62px; list-style:none inside; position:absolute; width:195px}
			li.websiteBuilder{left:40px}
     		li.toolsAddons{left:271px}
			li.domainsHosting{left:505px}
			li.helpfulCommunity{right:47px}
			li.selectedPage{background:#5fa8df; background:rgba(244, 244, 244, .18)}
		header nav ul li a{color:#fff; display:block; font-size:19px; letter-spacing:.04em; position:relative; text-align:center; text-decoration:none; top:-85px}
			header nav ul li a:hover{color:#fff; text-decoration:none}
		header nav ul li a span{display:block; height:120px; margin:0 auto; position:relative}
			li.websiteBuilder a span{width:163px}
     		li.toolsAddons a span{width:158px}
			li.domainsHosting a span{width:178px}
				li.domainsHosting a span img{left:11px}
				li.domainsHosting a:hover span img, li.helpfulCommunity a:hover span img{left:-5px}
			li.helpfulCommunity a span{width:180px}
				li.helpfulCommunity a span img{left:9px}
		header nav ul li a span img{bottom:2px; left:14px; position:absolute; width:82%}
			header nav ul li a:hover span img{left:0; width:100%}					
.leftFold,.rightFold{background-position:-2px 0; bottom:-14px; height:12px; width:14px}
	.rightFold{background-position:-29px 0; right:0}
.learnBtn{display:block; text-align:left}	
/* generic content area styles */	
.content{background-color:#fff; background-color:rgba(255, 255, 255, .8); border:1px solid #2f729f}				
	section.content{margin:0 auto; min-height:400px; width:952px}
	section.content.gamesvilleHeight{min-height:469px!important}
		section.content h2, .popUp h2{color:#ed0000; font-size:28px; font-weight:bold; letter-spacing:1px; line-height:34px; margin:0 0 15px}
		section.content p{color:#444; font-size:14px; line-height:18px; margin-bottom:15px}
		section.content ul li, section.content ol li{color:#444}
	section.content div.interior{margin-left:175px; padding:25px 15px 0}
	section.content div.interior p{width:650px}
	section.content div.interior aside{float:right; margin-left:25px}
	section.content div.interior aside img{border:2px solid #2F729F; margin:4px 15px 0 0}
		h3.signupAction{margin-top:10px; text-align:center; width:292px}
		aside h3.signupAction a.startBuilding{display:block; font-weight:normal; font-size:25px; line-height:38px; margin-bottom:15px} 
	aside.callOuts section.content{float:left; margin-right:16px; min-height:292px; padding:15px; width:260px}
		aside.callOuts section.content h3{width:266px}	
	body#loggedIn aside.callOuts.interior section.content{min-height:292px}
/* advertisement callout */		
	aside.callOuts section.content.advert{background:#fff; padding:15px 10px 10p 16pxx; width:295px}
	aside.callOuts section.content.advert div{height:250px; overflow:hidden; width:300px}
	aside.callOuts section.content.advert h3{width:303px; left:-19px}	
section.content div.interior.gamesville{margin-left:15px}
section.content div.interior p.webAddonsIntro{width:690px}
	.websiteAddons{padding-right:40px; width:330px}
section.content div.interior .websiteAddons p{width:auto}
aside.websiteAddonsAside{margin:20px 25px}
.noIllustration ul, div.parts ul{list-style:none inside}
	.noIllustration ul li, .noIllustration ol li{font-size:14px; margin:0 0 8px}	
.callOuts{float:right; margin:15px 14px 0 0; position:relative; z-index:3}	
	.callOuts h3{font-size:17px; font-weight:normal; left:-19px; letter-spacing:.02em; position:relative; text-align:center; top:-16px; width:103%}
	.callOuts div.txt_center{bottom:15px; position:absolute; width:270px}
	.callOuts .content.mr0{margin-right:0}
.callOuts ol, .callOuts ul{padding-left:20px}
	.callOuts ol li, callOuts ul li{font-weight:bold; margin-bottom:10px}	
	ul.gamesvilleList{display:inline-block; padding-left:65px}
	ul.gamesvilleList li{background:url(/adm/redirect/www/doc/afimages/gvStar.png) no-repeat; font-weight:bold; list-style:none; margin-bottom:10px; padding:0 0 0 20px}	
footer{margin:0 auto; padding:20px 0 50px; position:relative; width:946px}
	footer a{color:#393939; text-decoration:none}
footer ul.footer_lists{float:left; list-style:none inside; margin-left:22px; width:142px}
footer ul.footer_lists li{padding:0 0 3px 13px}
	footer .sticky{background:#6fa23f; border:1px solid #77ad45; border-bottom:none; bottom:0; padding:6px 10px; position:absolute; right:0; width:544px}
	footer ul.footer_lists li.bold{background:#6fa23f; border:1px solid #77ad45; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; letter-spacing:.04em; margin:0 0 5px; padding:3px 12px}
	footer ul.footer_lists li.bold{color:#eeffdf}
/* sliders */
#slider{min-height:330px; overflow-x:hidden; position:relative; width:746px}
#slider .cover{position:relative; width:2300px}
	#slider .cover .parts{float:left; margin:0 15px 0 0; width:750px}
.regBtn{margin-right:15px; padding-right:40px}
	.regBtn span, .learnBtn span{background-position:-73px -97px; height:22px; margin:-1px 0 0 10px; width:22px}
	
#styles-preview-window{height:501px; margin-bottom:12px; overflow:hidden; padding:11px 18px 20px 0; position:relative; width:545px}
        #styles-preview-window div#styles-container {clear:both; float:left; position:relative; width:10000px}
	#styles-preview-window div.styles-panel{height:500px; width:550px; margin-left:5px}
#webon_slider_pageList{margin-left:15px}
#webon_slider_pageList .webonBtn{padding:3px 8px; margin:0}
.webonScreenShots{margin-right:5px; padding:10px; width:295px}
	
/* no illustration pages */
.noIllustration{padding:15px}
#plansPricing{border-right:1px solid #2f729f; border-spacing:0; width:100%}
	#plansPricing td{border:1px solid #2f729f; border-top:none; border-right:none; padding:5px 10px; text-align:center}
	#plansPricing td.feature{background-color:#c4fffc; background-color:rgba(196, 255, 252, 0.6); font-weight:bold; text-align:left}
	#plansPricing td.empty{border:none}
	#plansPricing td.top{border-top:1px solid #2f729f}
	#plansPricing td.no-bottom{border-bottom:none}
	#plansPricing td.blueGradientBG{background-color:#2E90D1; color:#fff}
	td.free, td.plus, td.webmaster{width:150px}
	.free{background-color:rgba(255, 255, 255, .6)}
	.plus{background-color:#99ccff; background-color:rgba(153, 204, 255, .6)}
	.pro{background-color:#ffcc95; background-color:rgba(255, 204, 149, .6); width:165px}
	.webmaster{background-color:#ffff95; background-color:rgba(255, 255, 149, .6)}
.mobile-menu, .mobilePlan{display:none}

table.sitelock td.check span{background-position:-75px -201px; display:block; height:20px; margin:-3px auto 0; position:static; width:19px}
table#plansPricing td.check{padding:7px 10px}
table.sitelock{border-top:1px solid#2f729f}
table.sitelock h2{color:#fff; margin-bottom:2px}
table.sitelock h3{color:#fffde5}

.shoppingList{padding:15px 15px 15px 30px; width:450px}
.noIllustration .shoppingList li{font-size:16px; line-height:22px; list-style:disc}

/* login pages */
section.content div.login{margin-left:225px; padding:25px 15px 0}
section.content div.login label{font-weight:bold; display:inline-block; font-size:16px; width:100px}
div.logArea{height:400px; float:right; padding:20px; width:300px}
div.logArea input.loginBtn{display:block; font-size:20px; margin:0 auto; width:80%}
.loginField{margin-top:10px; width:90%}

.loginBOX{padding:15px 15px 15px 0; min-height:100px; position:absolute; right:0; top:45px; width:300px; z-index:30}
	.loginBOX label{float:left; font-weight:bold; line-height:25px; margin-right:10px; text-align:right; width:90px}
	.loginBOX input#username, .loginBOX input#passWORD{float:left; width:180px}
div.highlightLogin{background:#fffbe2; border:1px solid #2F729F; border-bottom:none; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; height:39px; left:70px; position:absolute; top:-40px; width:57px}
a.logclose-btn{background-position:-243px -191px; display:block; height:35px; position:absolute; right:-20px; top:-4px; width:39px}
	a.logclose-btn:hover{background-position:-204px -190px}
a.loginBtn{font-size:20px; line-height:27px; margin-top:11px; text-align:center; width:75%}

/* social login */
#socialbuttons{border-top:1px solid #AAABA9; color:#fff; margin:10px 0 0 10px; padding:24px 0 0 10px}
#social-icon-bar{list-style:none; overflow:hidden}
#social-icon-bar li{float:left}
#socialbuttons a{background:url(https://ly.lygo.net/ly/reg/img/social-icons.png) no-repeat; display:inline-block; height:24px; margin:0 5px 0 0; vertical-align:middle; width:85px}
#socialbuttons a#fbLogin{width:95px}
#socialbuttons a#gLogin{background-position:0 -27px}
#socialbuttons a#ppLogin{background-position:0 -54px}
.orSocialLogin{bottom:41px; font-size:12px; left:20px; position:absolute}

#socialbuttons.loginPage{border-top:none; padding:0}

/* logged in layout varients */
.newcomer{padding:15px 30px 15px 200px}
.newcomer ul{list-style:none inside}
.newcomer ul li{font-size:15px; margin-bottom:12px}
.newcomer ul li input{margin-right:10px}
body#loggedIn ul.socialIcons{float:right; margin:10px 8px 0 0}
body#loggedIn #loginSocial{text-align:right}
body#loggedIn #loginSocial span{float:none}
.comPages{margin:8px 12px 0 0}
	.comPages a{padding:0 5px}
body#loggedIn header{height:145px}
body#loggedIn header nav{height:24px; right:7px; top:102px}
body#loggedIn header nav a{background-color:#6fb3d5; background-color:rgba(111, 179, 213, .6); border:1px solid; border-color:#a7cadc; border-color:rgba(167, 202, 220, .6); -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; letter-spacing:1px; margin-right:7px; padding:3px 12px}
	body#loggedIn header nav a:hover{border:1px solid; background-color:#2e79a6; background-color:rgba(43, 97, 124, .5); color:#dcebf2; text-decoration:none}
	body#loggedIn header nav a.selectedPage{border:1px solid; background-color:#2e79a6; background-color:rgba(43, 97, 124, .5); color:#dcebf2; text-decoration:none}
body#loggedIn header div.bar{border:1px solid #2F729F; height:18px; margin-top:7px; padding:10px 27px}
body#loggedIn section.content{min-height:600px}
.sectionTitle{color:#fff; font-size:21px; font-weight:normal; left:44px; letter-spacing:1px; position:absolute; top:117px}
.logout{font-size:12px}
#loggedInContent{position:relative}
#tools{float:left; padding:15px 20px; width:650px}
#sidebar{float:right; padding:15px; width:215px}
body#loggedIn .leftFold, body#loggedIn .rightFold{bottom:-13px}
.sidebarBG{background:#ffde00; border-left:1px solid #000; height:100%; position:absolute; right:0; width:250px; z-index:-1}
#sidebar.accountInfo h3{-moz-box-shadow:0 1px 2px #515151; -webkit-box-shadow:0 1px 2px #515151; box-shadow:0 1px 2px #515151; left:-25px; padding:5px 10px 5px 25px; margin:0 0 10px 0; position:relative; width:220px}
	#sidebar.accountInfo h3 span.triangle{border-left:4px solid transparent; border-right:0; border-top:5px solid #528227; border-bottom:0; display:block; height:0; left:0; position:absolute; top:31px; width:0; z-index:2}
	#sidebar.accountInfo h3 a, .noLinkH3{color:#fff; letter-spacing:1px; text-decoration:none}
#sidebar.accountInfo.cpanel p{font-size:13px}
#sidebar.accountInfo hr{background:#FFDE00; color:#FFDE00; margin:10px 0}
h3.greenGradientBG a.mobile-plan-btn{background:url(/doc/afimages/upDown.png) no-repeat 206px 7px; display:block}
/* login & error screens */
body#loggedIn.login{background:url(/adm/redirect/www/doc/afimages/login-screen.jpg) no-repeat 0 -200px}
body#loggedIn.login.error{background:url(/adm/redirect/www/doc/afimages/404.jpg) #91c362 no-repeat}
body#loggedIn.login div#container{margin:0 0 0 auto}
body#loggedIn.login section.content{min-height:420px; width:690px}
body#loggedIn.login header{width:718px}
body#loggedIn.login .sectionTitle{left:166px}
body#loggedIn.login #logo{position:relative; right:-341px}
body#loggedIn.login.error #logo{position:static}
/* Cpanel Styles */
h3.cpanelTitles{letter-spacing:.04em; padding:5px 10px}
	h3.cpanelTitles a.title, h3.cpanelTitles span.title{color:#fff; float:left; padding-top:3px; text-decoration:none}
	h3.cpanelTitles a.roundedBtn{float:right; font-size:13px; font-weight:normal; letter-spacing:0.04em; padding:2px 10px}
li.even, .plus{background-color:#99ccff; background-color:rgba(153, 204, 255, .3)}
span.webon, span.webshell, span.blog, span.photoalbum, span.siteEdit, span.addOnsIco{background:url(/adm/redirect/www/doc/afimages/icons_cp.png) no-repeat; display:block; float:left; height:25px; width:28px}
span.webon{background-position:-116px -1px}
span.webshell{background-position:-42px -1px}
span.siteEdit{background-position:-78px -2px}
span.blog{background-position:-151px 0}
span.photoalbum{background-position:-1px 0}
span.addOnsIco{background-position:-186px -5px}
div.toolOption div.websiteAddons{margin:10px 0 0 20px; padding-right:10px; width:280px}
	div.toolOption div.websiteAddons p{font-size:12px; line-height:16px}
	div.toolOption div.websiteAddons p.gamesville{display:none}
	div.toolOption div.websiteAddons a.bold{font-size:14px; line-height:18px}
.domainDropDown{font-size:15px; height:26px; vertical-align:top; width:80px}
.domainCall{margin-right:10px; width:130px}
input.domainBtn{margin-top:15px; white-space:pre-wrap; width:238px}
#classicTools div.toolOption, #cpanelTools div.toolOption{background:#fff; border:1px solid #2f729f; margin:0 0 15px}
	div.toolOption ul{list-style:none inside}
		div.toolOption ul li div{border-bottom:1px solid #2f729f; padding:5px 10px}			
nav.toolNav{margin:0 0 15px; text-align:center}
	nav.toolNav a, nav.toolNav input{font-size:13px; font-weight:normal; letter-spacing:1px; margin:0 3px; padding:5px 10px}	
ul.toolsList{list-style:none; margin:2px 0 16px}
		ul.toolsList li{margin:2px 0 11px}
	.sidebarBtns{border-color:#FFDE00; color:#292929; display:block; height:15px; letter-spacing:.04em; line-height:16px; padding:3px 10px; text-decoration:none; width:87%}
		.sidebarBtns:hover{background:#fff39f; border-color:#d5ab8d; text-decoration:none}		
.error, section.content p.error{color:#ed0000; font-size:16px}	
.diskband{border:1px solid #2f729f; display:inline-block; margin:0 10px; overflow:hidden; vertical-align:top; width:100px}
.diskband div{height:15px}
/* blog, photo, webshell styles */
	input.goBtn, button.goBtn, a.goBtn{font-size:13px;font-weight:normal;letter-spacing:0.04em;padding:2px 10px; vertical-align:middle}
	.bloginfoselect{background:#bfdcff}
	.templateHeader{border:1px solid #2f729f; border-bottom:none; color:#fff; padding:5px 0; text-align:center}
	.templateWrapper{border:1px solid #2f729f; height:300px; overflow:auto}
	table.tools{border:1px solid #2f729f; border-spacing:0; width:100%}
		table.tools td{border-bottom:1px solid #2f729f; padding:5px 10px}
			table.tools td table tr td{border:none}
		table.tools td.redGradientBG{border-bottom:none; color:#fff}
		table.tools td.tdTitle{border-right:1px solid #2f729f; color:#fff; font-weight:bold; letter-spacing:1px; text-align:right; width:120px}
			table.tools td.tdTitle a{color:#fff; font-weight:normal; text-decoration:none}
			table.tools td.tdTitle a:hover{text-decoration:underline}
		table.tools th{color:#fff; font-size:12px; padding:5px 10px; text-align:left}
		table.tools td.radio{padding:0 0 0 5px; width:20px}
		table.tools.stats td{font-size:11px}
			table.tools td.createNew{padding:0}
				td.createNew a{color:#fff; display:block; font-size:17px; letter-spacing:1px; line-height:22px; padding:5px; text-decoration:none}
		table.tools td textarea{width:99%}
		table.tools.b-right td{border-right:1px solid #2f729f}
	.jumptoMenu{margin-bottom:10px; padding:5px; text-align:center}
		.jumptoMenu a{color:#fff}
	.editEntries{background:#fff; border:1px solid #2f729f; margin-bottom:5px}
		.editEntries div{color:#fff; padding:5px}
		.editEntries p{padding:5px}
		.editEntries div.txt_right{border-top:1px solid #2f729f}
	div.tmpl{display:inline-block; font-size:11px; padding:10px 10px 0; text-align:center; width:103px}
		div.tmpl img{border:1px solid #2f729f}
		div.tmpl input{margin-left:0; margin-top:0}	
		div.tmpl .cspanel{height:62px; width:15px}
		div.tmpl .swatch{border:1px solid #2f729f; margin:0 auto; width:90px}
	.sampleColorSwatches{border:1px solid; height:16px; width:16px}
	td.photoOnly div.component a div.name{text-transform:none}
	td.photoOnly h2{font-size:22px; margin:0; color:#fff; text-shadow:1px 1px 1px #292929}
	/*photoAlbum edit photo code */
	.item_block{position:relative}
	.item_block td{padding:2px}
	.field_title{font-weight:bold; margin-right:2px; text-align:right}
	.editbox_caption, .editbox_title{font-size:10px}
	tr.row_highlighted{background:#92C3FF}
/* webshell specific */
.webshelliframe{width:220px; height:52px; border:0; overflow:hidden}
	#webShellWrapper, .uploadBoxes{border:1px solid #2f729f}
		.uploadBoxes{background:#fff; min-height:285px; width:323px}
			.uploadBoxes p{font-size:12px; padding:10px}
		.editOptions{color:#fff; font-size:13px; padding:5px 10px}
			.editOptions h3{font-size:13px}
			.editOptions.yellowGradientBG{color:#292929; text-shadow:none}
	#fileMenu{border-top:1px solid #2f729f}
		#fileMenu select{background:#FFFBE2; border:none; border-right:1px solid #2f729f; float:left; height:275px; width:324px}
			#fileMenu select option{border-bottom:1px solid #ccc; padding:1px 10px}
			#fileMenu select option:hover{background:#FDED7F}
	#wsTools{float:left; width:324px}
		#wsTools input.roundedBtn, .uploadBoxes input.roundedBtn{font-size:13px; font-weight:normal; letter-spacing:.04em; margin:0 4px 10px 0; padding:3px 7px}
		.wsBtnContainer{padding:10px 10px 0; text-align:center}
	.multiple .uploadBoxes{min-height:90px; padding:20px 0}
		.multiple .uploadBoxes hr{color:#2f729f; margin:15px auto 10px; width:50%}
table.createFile{border-right:none; border-left:none; border-bottom:none}
	div.createThumb{border:1px solid #2f729f; float:left; margin:0 15px 15px 0; text-align:center; width:145px}
			div.createThumb p{margin:0; padding:10px}
			div.createThumb p.yellowGradientBG{border-bottom:1px solid #2f729f}
			div.createThumb p.styles{font-size:12px}
		/* colors for basic html templates */
		.s00f{color:#00f}		.sf00{color:#f00}		.s800080{color:#800080}		.ffa500{color:#ffa500}		.ffc700{color:#ffc700}
		.s000{color:#000}		.bdb76b{color:#bdb76b}	.ff8c00{color:#ff8c00}		.s90ee90{color:#90ee90}		.sfff, a.sfff:hover{color:#fff}
		.s0f0{color:#0f0}		.sff0{color:#ff0}		.s228b22{color:#228b22}		.daa520{color:#daa520}
		
	table.tools td.tdTitle.basicWS{width:200px}
		td.bWSoptions label{display:inline-block; font-weight:bold; margin-bottom:5px;text-align:right; width:130px}
		td.bWSoptions select{margin-right:20px}
		td.bWSoptions img{float:left; margin:10px 20px 0 0}
	div.advancedWS textarea{border:none}	
/* Pop Up Styling */
div.popUp{background-color:#c4fffc; background-color:rgba(196, 255, 252, 0.6); margin:10px 20px; padding:15px}
.popUp h2{margin-bottom:0}
.popUp p.bold.float_right{position:absolute; right:5%}
/* Help File Styling */
.twoColumns{-moz-column-count:2; -moz-column-gap:20px; -webkit-column-count:2; -webkit-column-gap:20px; column-count:2; column-gap:20px; margin-bottom:10px}
	.gap10{-moz-column-gap:10px; -webkit-column-gap:10px; column-gap:10px}
div.howto{background-color:#c4fffc; background-color:rgba(196, 255, 252, 0.6)}
ul.questions{color:#6FA23F; list-style:outside; padding:10px 10px 2px}
	ul.questions li{margin-left:20px; padding:2px}
	ul.questions li a{font-weight:bold; text-decoration:none}
	ul.questions li a:hover{text-decoration:underline}
div.faq ul li{font-size:14px; margin-bottom:10px; margin-left:25px}
/* ads */
iframe.adSkyscraper{border:none; height:600px; margin:0 auto; overflow:hidden; width:160px}
aside.skyAd{margin:0 auto; overflow:hidden; width:165px}
aside.skyAd p{font-size:13px}
#adArea, body#loggedIn #adArea{background:none; border:none; margin-top:10px; min-height:115px; padding:15px 0 0; text-align:center}
#adArea div, div.adDiv{height:94px; position:relative; margin:0 auto; width:731px}
.errorBanner{position:absolute; top:0; height:92px; width:100%; z-index:40}
#adArea p{font-size:13px; line-height:15px; margin:0 auto; width:706px}
/* facebook like box */
footer .facebookFrame{background-color:#6FA23F; background-color:rgba(111, 162, 63, .8); border:1px solid #77AD45; float:left; margin-right:29px; padding:2px 8px 8px; width:333px}
.facebookFrame.fbCom{left:-20px; position:relative; width:250px}
/* Twitter Feed */
#twitter{float:left; min-height:140px; width:234px}
#twitter ul.footer_lists{float:none; margin:0; width:241px}
.twtr-hd, .twtr-ft{display:none}
/* site builder express */
table.tools.instant{width:49%}
table.tools.instant td textarea{width:91%}
form#sitePicker #styles-preview-window{height:522px; margin-left:38px; width:800px}
form#sitePicker #styles-preview-window div.styles-panel{width:890px}
form#sitePicker nav#styles-pagelist{margin:0 40px 15px; width:820px}
/*constant contact sign up page */
.cclogoBox{background-image:url(http://www.constantcontact.com/images/panel.gif); float:left; height:110px; margin:0 17px 10px 10px; text-align:center; width:150px}

@media only screen and (max-device-width:810px),screen and (max-width:1015px){body{overflow-x:auto}}

/* registration modal */
#backdrop, #windowbox-wrapper{display:none; left:0; position:fixed; width:100%}
	#backdrop{background:#333; height:100%; opacity:0.5; top:0; z-index:1000}
	#windowbox-wrapper{height:100%; top:20px; z-index:2000}
#windowbox-outer{background:#fff; border:10px solid #9cd8e8; height:608px; margin:0 auto; min-height:400px; position:relative; width:744px}
#windowbox-content{border:none; height:100%; overflow-x:hidden!important; width:100%}
#windowbox-wrapper a.close-btn{
	background-color:#446d1f; 
	background-image:-moz-linear-gradient(top,#98dc5a,#4c6106);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#98dc5a),color-stop(1,#345813)); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#98dc5a', EndColorStr='#345813'); 
	border:1px solid #54651b; 
	-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;
	color:#eee; display:block; font-size:14px; padding:4px 7px; position:absolute; right:0; text-decoration:none; text-shadow:1px 1px 2px #000; top:-24px}
#windowbox-wrapper a.close-btn:hover{background:#345813}