@charset "utf-8";
body { margin:0px ; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#FFF; line-height:2em}
ul,li,h1,h2,h3,h4,ol{margin:0px;	padding:0px; line-height:1.2em;}
form{ margin:0px; padding:0px;}
ol,ul,li{list-style:none; list-style-type:none; }
a { text-decoration:none; color:#2185d1; outline:none}
input{ outline:none; vertical-align:middle}
img{ border:none; vertical-align:middle}
#masterContainer{}
#header, #smallheader,#siteyana .header{ background:url(../images/bgsprite.png) repeat-x #218bd3;  }
#logoCon, #menuCon,#container,#footer .content{	width:780px;margin:auto}
#footer .content{ width:760px}
p { margin:0px; padding:2px}
#logoCon{ height:86px; }
.mainlogo, .minilogo{ background:url(../images/webyanalogo.png) no-repeat center; width:160px; height:40px;}
.mainlogo { background-position:0px 3px;} 
.minilogo{ background-position:-10px -68px; height:35px; width:140px }
#logoCon .logo{ float:left;  width:200px;  padding-top:15px}
#logoCon .logo span{display:block; font-size:9px; font-weight:bold; color:#fff}
#logoCon .login{float:right;	background:url(../images/loginbg.png) no-repeat left;	width:304px;	height:70px;	padding:7px  10px; overflow:hidden}
#logoCon .login h2{	font-size:13px;	color:#f8f3df;	padding:0px 5px;}
.login .form-login { height:30px; padding-top:4px;}
input{ font-family:Arial, Helvetica, sans-serif;}
.login .form-login input { border:none; font-size:10px;  margin:0px; }
.login .form-login span{float:left; display:block; margin:0px 1px;  }
.login .form-login span.txt{background: url(../images/spritebuttons.png)  left -178px  ; display:block; padding:2px; overflow:hidden; height:20px;  }
.login .form-login input.text{  width:100px; height:16px; padding:2px 4px; background:transparent;  overflow:hidden  }
.login .form-login .option{ display:block;  font-size:9px; color:#fff; clear:left;}
.login .form-login .option a { color:#fff; } 
.login .form-login .option a:hover{ border-bottom:1px dotted #fff}
.login .form-login .option input{ padding:0px; margin:0px; vertical-align:middle; }
#menuCon{height:39px;  margin:auto; }
#menuCon ul li{ float: left; height:30px;  display:block;   background:url(../images/menu.gif) no-repeat  right 5px;  }
#menuCon ul li.nob{ background:none}
#menuCon ul li a{  padding:10px;  display:block; color:#4b4b4b; font-weight:bold;  }
#menuCon ul li a:hover , #menuCon ul li.active a{ background:url(../images/menu.gif)   no-repeat center -41px; color:#0069B0}
.login .form-login input.btn, .spanbtn a, .g2,input.button , input.save, input.cancel, input.paybt,input.lbtn{	background: url(../images/spritebuttons.png);	color:#fff;	font-size:11px;	width:59px;	vertical-align:top;height:23px;	 text-align:center; border:none}
#container{ padding:10px 0px}
#container .content{float:left;	width:527px;padding: 0px 5px;}
#container .rightColumn{float:right;width:228px;padding: 0px 5px;}
#container .rightColumn .contentbox,.tabcontent,.home-testimo,.home-featuredweb,.home-earnmore, .cbox,.catelist,.openw{	background:url(../images/bgsprite.png) repeat-x #fff 1px -203px; border:1px solid #dedbd1;}
.cbox{ margin-top:10px; padding:10px}
.fc-p{ width:236px; float:left}
 .contentbox h1{ padding:5px;}
#container .contentbox{	background:url(../images/bgsprite.png) repeat-x #fff 1px -203px;	border:1px solid #dedbd1; }
#container .hotspace{background:url(../images/bgsprite.png) repeat-x #223971 1px -125px;height:78px;}
#container .hotspace h1{ font-size:24px; padding:6px 10px; color:#f8f3df; font-weight:normal}
#container .hotspace h1 a{color:#f8f3df; }
#container .contentbox h2.title{ color:#bf0000; font-size:15px; padding:10px 15px;}
#container .hotspace h1 strong,#container .hotspace h1 strong a { color:#fffc00}
#footer{ background:#2199d8; }
#footer .content{ text-align:center;  color:#FFFFFF; font-size:11px; padding:10px;}
#footer .content a{ color:#fff;}
#footer .content a:hover { text-decoration:underline}
.clear{clear:both}
.homedisplay{	margin:0px 0px 0px 10px;}
.homedisplay .hotitems {	width:250px;	float:left;	margin-top: 10px;}
.homedisplay .w2{
	width:250px;
}
.homedisplay .hotitems .itemholder{	margin-left:48px}
p.hilite{color:#000;	padding:2px}
.homedisplay .hotitems .itemholder h3{font-size:14px;color: #2185d1;}
.homedisplay .hotitems ul { padding:5px 0px}
.homedisplay .hotitems ul li{ display:block; padding:4px; }
.homedisplay .hotitems img {	background:url(../images/spriteicons.png) no-repeat  center  top;	height:60px;	width:42px;	float:left;	display:block;}
.homedisplay .hotitems .icon1{background-position:center 0px}
.homedisplay .hotitems .icon2{ background-position:center -65px }
.homedisplay .hotitems .icon3{ background-position:center -130px }
.homedisplay .hotitems .icon4{ background-position:center -188px }
div.takeatour a{	width:292px;	background:url(../images/spritebuttons.png) no-repeat 0px -103px;	height:22px;	display:block;	text-align:center;	font-size:17px;	color:#eee;	padding:5px;	margin:15px auto; font-weight:bold}
div.takeatour a:hover{ color:#fff}
.home-testimo{	width:301px;float: left; margin-top:10px; padding:10px;}
.home-testimo .quote{ background:url(../images/quote.gif) no-repeat 0px -21px; padding-left:20px; margin:10px 0px; color:#787878 ;  font-size:1.1em; font-size:11px;  margin-left:75px}
.home-testimo .testiwrapper{ margin:10px 0px }
.pic{ width:65px; height:80px;  background:#ccc; border:1px solid #000; margin-top:10px; float:left}
.home-testimo .quote em{ font-size:12px ;color:#5f5d55; line-height:1.5em}
.home-testimo .quote strong{ color:#4e4c43; font-size:11px}
.home-testimo .quote a, .home-featuredweb a, a.more{ color:#0108a4; font-size:11px  }
.home-testimo .quote a:hover, .home-featuredweb a:hover, a.more:hover{ text-decoration:underline; }
.home-testimo .quote .end{ width:20px; height:20px; display:inline-block; background:url(../images/quote.gif) no-repeat 2px 5px ;}
.testiwrapper  p{ margin:0px; padding:2px; line-height:1.4em }
.home-featuredweb{	float:right;width:170px; margin-top:10px; padding:10px  }
.home-featuredweb img{ border:1px solid #ebdba3}
.home-featuredweb .name a{ display:block;  text-align:center}
.home-earnmore {margin-top:10px; padding:10px ; position:relative}
.home-earnmore .hlt{	position:absolute;	left:-11px;	top:-8px;}
.home-earnmore h1.headline{ padding-left:60px}
.spanbtn a{ background-position:0px -30px; display:inline-block; height:18px; width:90px; padding:4px }
.home-earnmore ul li{ background:url(../images/spritearrows.png) no-repeat 0px -52px; display:block;  padding:5px 5px 5px 25px; font-size:12px}
.home-earnmore ul li.none{ background:none}
h1.headline{	font-size:15px;	color:#4b4b4b}
.formGetAccount{ }
.formGetAccount ul li { background:url(../images/spritebuttons.png) no-repeat  11px -141px ; display:block; height:20px; padding:5px; margin:2px; text-align:center }
.formGetAccount ul li.label{ background:none; text-align:left; font-weight:bold; color:#555249; padding-left:12px;}
.formGetAccount ul li input.text{ background:transparent; border:none; width:190px; }
.formGetAccount ul li.btn{ height:auto; background:none;  padding-left:12px; text-align:left;}
.formGetAccount ul li.help {  font-weight:bold; font-size:12px; background:none; padding:15px;  text-align:left }
.formGetAccount ul li.help  a{color:#000dbf;}
.formGetAccount ul li.help  a:hover { text-decoration:underline}
.formGetAccount ul li input.btn{ background:url(../images/spritebuttons.png) no-repeat  0px -64px; width:124px; height:32px; padding:2px; border:none; font-weight:bold; color:#fff;  font-size:13px; }
input.g2{ background-position:0px -237px ; width:165px; height:31px; font-weight:bold; font-size:13px;}
.homeht{height:400px }
.homeftht{ height:200px}
 .ht150 { height:150px}
/* dashboard - css extends ui home */
#smallheader{ height:85px; background-position:0px -38px }
#smallheader .logo{ padding-top:10px}
#smallheader #logoCon{ height:48px ;}
.udata{float:right; width:500px;	height:41px;	padding:2px; overflow:hidden; text-align:right; line-height:1.3em; font-size:.97em; color:#fff}
.udata a { color:#fff; display:inline-block; padding:0px 5px}
.udata a:hover{ text-decoration:underline}
.contentbox .wrapper , .news,.footer,.features,.video-place-holder{ margin:20px; margin-top:0px; } 
h1.heading{ font-size:20px; padding:0px; margin:15px; font-weight:normal; border-bottom:1px solid #a8a8a7; color:#4b4b4b}
ul.dolist li{ display:block; padding:12px 5px; font-size:16px; color:#2186d1; padding-left:40px; background:url(../images/dolistsprite.png) no-repeat left top  }
ul.dolist li a{  border-bottom:1px solid #2186d1; color:#2186d1 } 
ul.dolist li.cw{background-position:0 10px;}
ul.dolist li.em{background-position:0 -50px;}
ul.dolist li.ma{background-position:0 -110px;}
ul.dolist li.tt{background-position:0 -170px;}
ul.dolist li.cc{background-position:0 -230px;}
.tp{ margin-top:10px}
.news, .border{ border-bottom:1px dashed #b4b4b4 }
.news h1, .news h1 a,.footerlinks h3 a{ font-size:16px; color:#2186d1; padding:0px ; border-bottom:1px solid #2186d1; display:inline} 
.news .tags{ font-size:11px; font-weight:bold; color:#838383 }
.news .more, .footer .more{ font-size:12px}
.news .footer{ border:none}
h2.headline, h2.headUL{ font-size:14px; padding:5px }
.headUL{ border-bottom:1px solid #a8a8a7}
h2.headline strong{ color:#ac0000; }
h3.headline{  color:#2186d1;font-size:13px; padding:10px}
h2.hotlink {padding:5px}
h2.hotlink a{ font-size:13px; color:#000000 }
h2.hotlink a:hover{}
h2.hotlink strong{ color:#ac0000}
.footerlinks{ margin:0px; padding:10px; border-top:1px solid #dedbd1; text-align:center;}
.dt{ height:250px;  }
.npd{ padding:0px ;}
.webholdr{ padding:15px}
.webholdr .img{ width:52px; float:left; height:40px  }
.webholdr .img span.im{ display:block;  width:50px; height:40px; background:#b7b7b7; border:1px solid #868686}
.webholdr span.edit{ background:url(../images/12pxiconsprite.png) no-repeat left; height:auto; padding-left:20px; font-weight:bold; width:40px; display:inline-block}
.webholdr .webdata{ margin-left:55px; height:40px}
.webholdr .webdata h4{ font-size:13px;color:#606060; padding:0px 5px; height:18px}
.webdata  .url a{ display:block; line-height:1.2em; color:#2186d1; padding:2px 5px; height:17px}
.webholdr strong{ color:#606060}
.border-bt{ border-bottom: 1px  dashed #b4b4b4 }
.contentbox .ftlinks{ padding:0px;  color:#2185d1; vertical-align:middle; }
.ftlinks a{  font-weight:bold; color:#2185d1; display:inline-block !important; font-size:12px;}
.ftlinks a:hover { text-decoration:underline}
.center{ text-align:center}
.p5{ padding:5px !important;}
.p10{ padding:10px !important;}
.blk{ display:block}

.jaxnav{ }
.jaxnav span { display:inline-block; margin:2px}
.jaxnav span.next, .jaxnav span.prev, .qs{  background:url(../images/n-p.gif) no-repeat  0px 7px; padding:5px; color:#2186d1; padding:0px 15px; cursor:pointer; }
.jaxnav span.next { float:right; background-position: right -14px; text-align:right}
.jaxnav span.next:hover,.jaxnav span.prev:hover{  font-weight:bold}
h4.headline a{  color:#2186d1;font-size:13px ; text-decoration:underline}
.nph{ padding-left:0px; padding-right:0px}
.pt{ padding-top:10px !important;  padding-bottom:10px !important;}
.searchbar{ font-size:14px; padding:5px; font-weight:bold;  height:24px;}
.searchbar .name{ float:left; display:inline-block}
span.instsrch{ background:url(../images/curv.png) no-repeat; border:none; padding:3px; padding-left:22px ; display:inline-block;vertical-align:middle; float:right;  }

span.instsrch .txt{ width:63px; border:none; background:none}
/* features   - css extends ui home */
.features { padding-bottom:10px;}
.features div.showcase{ margin-left:122px;}
.features div.ico{  width:120px; float:left}
div.ico img { width:120px ; height:120px; background:url(../images/icofeatures.png) no-repeat  center top;}
div.ico img.wh{  background-position:center 10px;}
div.ico img.wm{background-position:center -120px;}
div.ico img.wa{background-position:center -240px;}
div.ico img.ct{background-position:center -365px;}
h2.heading{ font-size:16px; color:#4b4b4b; padding-bottom:5px;}
ul.list1 li{ display:block; background:url(../images/n-p.gif) no-repeat 0px -15px; padding:5px; padding-left:15px; color:#4b4b4b}
/*pricing - css extends ui home */
table{border-collapse:collapse;border-spacing:0;}
table.pricing{}
.pricebox {height:130px; text-align:center; color:#fff}
.pricebox .title{height:20px; width:194px; overflow:hidden; background:url(../images/price.png) no-repeat top; font-size:15px; font-weight:bold;  padding:5px 0px;}
.pricebox .price{ height:100px;background:url(../images/pricebg.jpg) repeat-x; font-weight:bold}
.pblue .price{background-color:#4f9ecd}
.price span.rate{ font-size:38px; color:#fff; display:block; padding-top:15px}
.price  p{ font-size:11px;  line-height:1.7em;}
.pgreen .title{ background-position: 0px -46px;  }
.pgreen .price{ background-position: 0px -107px; background-color:#90d339}
.pricing td{ border-right:1px solid #fff;border-left:1px solid #fff; text-align:center; }
.oddb{ background:#cce9ff; }
.evenb{ background:#b5ddf7;}
.oddgr{background:#fff; text-align:left !important; padding:5px}
.evengr{ background:#d6d6d6; text-align:left !important;padding:5px}
input.btn{ width:132px; height:33px; text-align:center; color:#fff; font-weight:bold; background:	url(../images/btn.png) no-repeat  center; border:none}

.oddg{background:#ddffae}
.eveng{ background:#c5f583}
.fl{ float:left}
.fr{ float:right}
/*--------Editor--------*/
#siteyana { min-width:800px; }
#siteyana .siteyana{ float:left; font-weight:bold}
#siteyana .header{ height:42px; overflow:hidden}
#siteyana .header .logo{ width:250px; height:42px; float:left}
#siteyana .header .logo .mini{ background: url(../images/logosmall.gif) no-repeat  center ; height:42px; width:150px;}
#siteyana .header .logmenu{
	margin-left:310px;
	text-align:right;
	padding:5px;
	color:#fff
}
#siteyana .header .logmenu a{ color:#FFFFFF; padding:0px 4px }
#siteyana .header .logmenu a.url{ padding-right:20px; background:}
#siteyana .header .logmenu a:hover{ text-decoration:underline}
#siteyana .editorpanel{ height:30px; padding:10px; overflow:hidden; vertical-align:middle}
#siteyana .editorpanel select{height:23px; }
.editorpanel a{ display:inline-block; font-size:11px; background: url(../images/editorbg.png) repeat-x; border:1px solid #b9b9b9; padding:0px 2px;   -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px; height:23px; overflow:hidden; vertical-align:top; *vertical-align:text-bottom; margin:0px 2px; color:#000}
.editorpanel a:hover{ background-position: 0px 10px;}
.editorpanel span{ background:url(../images/editoricons.png) no-repeat left;padding:1px; padding-left:18px;    }
.editorpanel a.edit,.editorpanel a.del { background:none; width:17px; padding:0px; border:none}
.editorpanel a.edit span{ background-position:0px 4px ; width:20px; display:inline-block }

.editorpanel a.del span{ background-position:0px -26px ; width:20px; display:inline-block  }
.editorpanel a.new span{ background-position:-2px -61px ;}
.editorpanel a.manage span{ background-position:0px -87px ;}
.editorpanel a.theme span{ background-position:0px -113px ;}
.editorpanel a.files span{ background-position:0px -140px ;}
.editorpanel a.apps span{ background-position:0px -168px ;}
.editorpanel a.publish{ background-position:0px -40px ;}
.editorpanel a.publish:hover{ background-position:0px -55px ; }
.editorpanel a.publish span{ background:none; padding:0px }
#siteyana .editor{  border:1px solid #dfddd1; margin:0px 10px ; background:url(../images/editorbg.png)  repeat-x 0px -80px; }
#siteyana .editor .wrapper{ margin:10px; }
#siteyana .editor .editorFrame{ margin:0px; padding:0px ;  width:100%; height:70%;   position:relative; height:300px; overflow-x:hidden;overflow-x:auto; *width:98%;}
a.urlmenu{ background:url(../images/arrow.gif) no-repeat right center; padding-right:12px !important; display:inline-block ;  }
.video-place-holder { margin:10px}
.video-place-holder,.video-place-holder .tab,.video-place-holder .video{ height:250px;  }
.video-place-holder .tab{ float:left; width:150px;}
.video-place-holder .video{ margin-left:150px; }
.video-place-holder .tab ul li a{ display:block; background:url(../images/spritebuttons.png) no-repeat -151px -7px; font-weight:bold; margin:5px 0px; height:15px;  padding:7px;   padding-left:15px; color:#000 }
.video-place-holder .tab ul li a:hover,.video-place-holder .tab ul li a:focus{ background-position: -151px -41px; }

.catelist{width:220px; float: left;}
.catelist  span { display:block;  background:url(../images/bgsprite2.png) repeat-x; height:28px; border-bottom:1px solid #dedbd1; font-weight:bold}
.ico, .catelist span a,.catelist ul li a{ background:url(../images/iconsprites.png) no-repeat 5px 7px;}
.catelist span a{ padding:2px; color:#4b4b4b; padding-left:25px;  display:block; height:24px; }
.catelist span a.xpand{ background-position:5px -22px}
.catelist ul { border-bottom:1px solid #dedbd1;  display:block}
.catelist ul li { background:none ; font-weight:normal; border:none }
.catelist ul li a{ background-position:15px -52px; padding:6px; padding-left:30px; display:block; color:#4b4b4b}
.catelist ul li a:hover{ text-decoration:underline;}
.catelist ul li a.active{background:#bcebff; }
.tempanel{  width:771px; float: right;}

.catelist .headline{  border-bottom:1px solid #dedbd1; padding:5px 3px;} 
h1.headline{ border:none; padding:8px 0px;}
.tabsholder{ height:27px; overflow:hidden; position:relative; padding:1px;  }
.tabsholder span,.tabsholder span a{
	display:inline-block;
	background:url(../images/tabs.png) no-repeat right top;
	padding-right:10px; 
}
.lb{ border-left:1px solid #dedbd1; padding-left:10px;}
.tabsholder span.selecttemplatetab{ background-position:-420px 5px; margin:0px; }
.tabsholder span a{ display:block; height:21px; color:#000; background-position:right -135px; padding:4px 10px 4px 11px; text-align:center; padding-right:20px; float:left; margin-top:5px; padding-top:0px; }
.tabsholder span a:hover{ font-weight:bold}
.tabsholder span a:focus,.tabsholder span a.active { background-position: right -40px;  border-left: 1px solid #7fd9ff; padding-left:10px;  margin-top:0px; padding-top:5px;}
.tabcontent{ border: 1px solid #7fd9ff !important; padding:10px; }
.sernav {text-align:center}
.sernav a{ font-weight:bold; color:#000; display:inline-block; padding:0px 4px; background:url(../images/bgsprite2.png) repeat-x; border:1px solid #f3f3f3; }
.tabsholder span.custombt{ float:right; background:none; margin:0px; padding:0px}
.tabsholder span.custombt a { border:1px solid #ffa200; background:#fffef3; margin:0px; padding:1px 5px; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; line-height:1.6em  }

.sernav a:hover,.sernav a.active,.sernav a:focus{ text-decoration:none; color:#000; border:1px solid #2199D8; background-position:0px -35px;  }
.sernav a.next{}
.sernav a.prev{}

h1.mainhead{ padding:10px 4px; font-size:18px; font-weight:normal; color:#4b4b4b}
.itembox{ width:160px ; height:215px; text-align:center;line-height:1.5em;  float:left; margin:5px;}
.itembox span{ display:block; padding:1px}
.itembox .template{
	width:140px;
	margin:10px;
	height:130px; 
	border:1px solid #f3f3f3;
	background:url(../images/dipbg.png) repeat-x #fff 0px 95px;
	cursor:pointer;
	margin-bottom:2px;
}
.itembox .template:hover{ background-position:0px -40px; border:1px solid #baeaff}
.clr{ clear:right}
.itembox .template img{ display:block; margin:8px auto; padding:2px; border:1px solid #c9c9c9; margin-bottom:0px}
.itembox .template .zoom{ background:url(../images/iconsprites.png) no-repeat 5px -80px; display:block;  padding:3px 22px; font-size:11px}
.itembox .tag strong{ color:#d52800}
.itembox .button{ width:65px; height:23px; background-position:-74px 0px; color:#000}
.teditor{ line-height:1.5em; border-top:1px solid #dfdcd3}
.teditor .parent-n,.addnew{ padding:3px; border:1px solid #dedbd1; background: url(../images/bgsprite2.png) repeat-x; border-top:0px; border-collapse:collapse; font-weight:bold; font-size:11px; }
.teditor .parent-n:hover,.teditor .active,.teditor .child-n .parent-n:hover,.child-n .active { background-position:0 -63px; border-bottom:1px solid #bce2ff;}
.teditor .parent-n a{ color:#000}

.teditor .child-n{ padding-left:20px; }
.teditor .child-n   .parent-n{ background:none;  border:none; border-bottom:1px solid #eceae5 ; font-weight:normal}
.parent-n span.pan{ display:inline-block; float:right;  font-weight:normal }
.parent-n span.pan span,.close,.addnew a,.plus,.min{ background:url(../images/iconsprites.png) no-repeat; display:inline-block; padding-left:25px; cursor:pointer; margin:0 2px }
.plus{ background-position:0px -307px}
.min{ background-position:0px -278px}
.addnew{ float:right; line-height:1.2em; border:none; padding:0 0px; }
.addnew a{ background-position:0 -147px; padding:4px; padding-left:25px; color:#000; font-size:12px; border:1px solid #dfdcd2;}
.parent-n span.pan span.add{ background-position:5px -115px; }

.parent-n span.pan span.del{background-position:5px -213px; }
.parent-n span.pan span.edit{background-position:5px -182px; }
.teditor .openw{}
.openw .titlebar { height:22px; padding:2px; color:#4b4b4b; border-bottom:1px solid #dfdcd3}
.openw .title{ font-size:14px; font-weight:bold; padding:2px 5px; display:inline-block}
.openw .close{ background-position:0px -245px; padding:2px; width:16px; height:16px; display:inline-block; float:right}
.nfrom { padding:20px 0}
.nfrom input,.nfrom select,.nfrom textarea{ background:url(../images/bgsprite2.png) repeat-x 0px -87px; border:1px solid #dedbd1; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:middle  }
.nfrom select{  height:25px !important;}
.nfrom input, .nfrom select { height:18px}
.radio,.checkbox{ border:none  !important; background:none !important}
.nfrom ul li{ display:block; padding:3px 20px; }
.label{ display: inline-block; padding:0px 5px; vertical-align:top; padding-top:5px;}
.w40{ width:40px}
.w100{ width:100px;}
.w135{ width:135px;}
.w150{ width:150px;}
.w180{ width:180px;}
.w200{ width:200px;}
.w230{ width:227px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w350{ width:350px}
.fity25{ width:25%; }
.fity30{ width:30%; }
.fity60{ width:60%; }
.fity70{ width:70%; }
.fity90{ width:90%}
.fity95{ width:95%}
.fity98{ width:98%}
.fity100{ width:99%}
.ht225{ height:225px}
.ht250{ height:250px}
.nfrom input.save, input.save{ background:url(../images/spritebuttons.png) no-repeat 0px -206px; height:25px; border:none; font-weight:bold }
.alt{ text-align:left}
.art{ text-align:right}
.center{ text-align:center}

.filemanager{ }
span.indicator{ background:none}
span.indicator strong{ color:#006600}


.filebox{
	width:165px;
	height:150px;
	text-align:center;
	line-height:1.4em;
	float:left;
	margin:5px;
	font-size:11px;
	padding:5px;
	border:1px solid #eceae4;
	background:url(../images/dipbg.png) repeat-x #fff 0px 126px;
}
.filebox span{ display:inline-block; padding:1px; cursor:pointer;}
.filebox .name{ text-align:left; padding:2px}
.filebox .name span{  float:right; color:#999999;  }
.filebox .atr{ text-align:left; clear:both }
.filebox .atr span, .action span a{ background:url(../images/iconsprites.png) no-repeat ; padding-left:20px;}
.filebox .atr span.edit{ background-position:0px -182px}
.filebox .atr span.del{background-position: 0px -214px}
.filebox .item{
	height:113px;
	border:1px solid #f3f3f3;
	background:#fff;
	cursor:pointer;
}
.filebox:hover, .hl{
	background-position:0px -40px;
	border:1px solid #baeaff
}
.clr{ clear:right}
.filebox .item img{
	display:block;
	margin:8px auto;
	padding:2px;
	margin-bottom:0px
}

.filebox .item span{ background:url(../images/iconsprites.png) no-repeat 5px -80px; display:block;  padding:3px 22px; font-size:11px}
.filebox .tag strong{ color:#d52800}
.action{ padding:10px; text-align:right; }
.action span { background:url(../images/bgsprite2.png) repeat-x; display:inline-block; margin:3px; border:1px solid #dfdcd2;  }
.action span a{ color:#000; padding:4px 5px; padding-left:25px}
.action span a.delete{ background-position:5px -367px }
.action  span a.upload{background-position: 5px  -336px}
fieldset{ margin:0px; padding:10px; border:1px solid #e0ddd4}
.hlbg,.paymentopt{ background:	url(../images/pbg.gif) repeat-x }
.productlist{  padding:10px;  width:350px; float:left }
.productlist .plan1,.productlist .plan2{ font-size:16px; font-weight:bold; color:#2186d1; padding:10px 0px; }
.productlist .plan1  strong,.productlist .plan2 strong{ font-size:24px;  color:#000}
.productlist .plan2{ color:#6dc200}
.paymentopt{ font-size:14px; border:1px solid #ededed; padding:10px;  margin-top:10px }
.paymentopt label{ font-size:12px; font-weight:bold; margin-right:20px; color:#4b4b4b}
label span.off{ color:#e30000}
.payable{ font-size:24px; text-align:center; padding:10px;border:1px solid #e0ddd4; margin-top:10px; background-position:0px -100px; }
.payable strong{ font-size:30px; color:#00376f}
.lbr{ border-right:1px solid #dfdfdf}
.billing,.fity{ width:50%; float:left}
legend{ margin:0px; padding:0px ; margin:0px 10px; font-size:18px; padding:0px 10px; color:#4b4b4b; line-height:1.2em}

.billing fieldset{ }
fieldset .label{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#4b4b4b}
.mr10{ margin-right:10px} 
.ml10{ margin-left:10px} 
.block{ display:block}
input.paybt{ background-position:0px -273px; width:303px; height:60px; font-size:30px; color:#000 }
.clleft{ clear:left}
.faq{ 

}
.faq { border-bottom:1px dotted #b4b4b4; padding:4px}
.faq h1.title{ font-size:16px; color:#2186d1; padding:10px 0px}

.qs{ background-position:0px -14px ;  font-weight:bold; color:#4b4b4b }
.ans{ border: 1px solid #8fc2e8; padding:10px;}

.featured {
	width: 250px;
	float: left;
	text-align: center;
}

.fline {
	border-right: 1px dashed #888;
}