* {margin:0; padding:0;}

/*==========GENERAL STYLES===========*/

html{}

body{
	background:url(/assets/css-images/main_bg.jpg) top left repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;
	width:100%;}
	
div.main{
	width:970px;
	margin:auto;
	}

a{text-decoration:none; color:#0053f9; outline:none;}

a:hover{text-decoration:underline;}

a:visited{}

a img{outline:none;	border:none;}
	
ul{margin:0; padding:0;}

ul li{list-style:none;}

.clear{clear:both; height:0px; visibility:hidden;}

p{margin:0; padding:0;}

h1, h2, h3{padding:0; margin:0; font-size:24px; line-height:25px;}
h4{font-size:18px; line-height:24px;}

.page-title h2{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:16px;
	margin-bottom:16px;
	font-weight:normal;}

fieldset{border:none;}

/* rounded corners */

.content-row, .horiz-content, .horiz-content_dap, .article_column, .light, .mod-noborder .module, .article_row, .module_product, .wide.article, .tabs-block, #page.contact-us, #page.article, .leading{
	border-radius:8px;
 	-moz-border-radius:8px;
 	-webkit-border-radius: 8px;
 	behavior: url('/assets/js/PIE.php');
	 background: -webkit-gradient(linear, 0 0, 0 150%, from(#fff), to(#f7f7f7));
    background: -moz-linear-gradient(#FFF, #f7f7f7 150%);
    background: linear-gradient(#FFF, #f7f7f7 150%);
    -pie-background: linear-gradient(#FFF, #f7f7f7 150%);
}



.module.dark.thin{
	border-radius:8px;
 	-moz-border-radius:8px;
 	-webkit-border-radius: 8px;
 	behavior: url('/assets/js/PIE.php');
	 background: -webkit-gradient(linear, 0 0, 0 150%, from(#454545), to(#3d3d3d));
    background: -moz-linear-gradient(#454545, #3d3d3d 150%);
    background: linear-gradient(#454545, #3d3d3d 150%);
    -pie-background: linear-gradient(#454545, #3d3d3d 150%);
}


.inputbox, input.required, #contact_text{
	border-radius:5px;
 	-moz-border-radius:5px;
 	-webkit-border-radius: 5px;
 	behavior: url('/assets/js/PIE.php');}	
	
.radio {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
  background: url(/assets/css-images/radio.png) no-repeat;
   display: block;
   clear: left;
   float: left;
 }
 
label{
	vertical-align:middle;}
	
input{vertical-align:middle; }
 
.menu-nav>li>a, .mod_search button, h3, h1, h2.contentheading, h2.componentheading, .page-title h2, .center-blocks h4, .header-right .user .menu li a span, p.slider-button a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow:#FFF 1px 1px}
	
.dark h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow:none;} 
 /*Counter & bottom links*/

p.counter{
	display:block;
	padding:1em 0;
	text-align:center;
	}
	
	
ul.pagination{
	text-align:center;}

ul.pagination li{
	display:inline;
	margin:0 1em;}

	
	
/*===========HEADER==========*/

.header-row{
	height:71px;
	padding:27px 0px 0px 0px;
	}
	
.header{}

#logo{margin-left:-20px;
      margin-top:-20px;
	float:left;}

#logo-free-web-hosting{margin-left:55px;
      margin-top:-5px;
	float:left;}

.header-right{
	top:-159px;
	width:100px;}
	
	
.header-right .user{
	text-transform:uppercase;
	font-size:13px;
	line-height:25px;
	}
	
.mod_search{
	background:url(/assets/css-images/mod-search-left.png) top left no-repeat;
	height:42px;
	padding:0 0 0 6px;
	margin-top:1px;
	margin-left:4px;
	position:relative;
	z-index:0;
	}
	
.mod_search_bg{
	background:url(/assets/css-images/mod-search-right.png) top right no-repeat;
	height:42px;
	padding:0 0 0 4px;
	width:370px;
	position:relative;
	z-index:0;

}

.mod_search_bg_whois{
	background:url(/assets/css-images/mod-search-whois-right.png) top right no-repeat;
	height:42px;
	padding:0 0 0 4px;
	width:375px;
	position:relative;
	z-index:0;

}
	
.user ul.menu{
	padding-top:0px;}
	
form.search input.button{
	display:block;
	cursor:pointer;
	background:url(/assets/css-images/search-but.png) no-repeat;
	background-position:0 -33px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	width:68px;
	height:26px;
	float:right;
	border:none;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	top:7px;
	left:-9px;
	z-index:1;
	}


select.selectTLD, select.option{
	cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	width:68px;
	height:26px;
	border:none;
	color:#fff;
	background-color:#444;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	top:7px;
	left: 9px;
	z-index:1;
	}
	
form.search input.button:hover{
	background:url(/assets/css-images/search-but.png) no-repeat;
}
	
#mod_search_searchword{
	margin-top:7px;
	float:left;
	width:190px;
	background:none repeat scroll 0 0 #fff;
	border:1px solid #C2C2C2;
	height:25px;}
	
.header-right .user .menu li{
	padding-top:1px;
	}
	
.header-right .user .menu li a:hover{
	background:url(/assets/css-images/user-slider-button.png) no-repeat;
	outline:none;
	}
.header-right .user .freehosting_badge li{
	background:url(/assets/css-images/top_free_hosting_badge.png) no-repeat;
	outline:none;
	}
	
	
.header-right .user .menu li a span{
	font-weight:bold;}
	
.header-right .module-bg{
	}
	
.module-bg{
	float:left;
	height:40px;
	}

.mod_search input{
/*	background:#e0e0e0; */
        background:#fff;
	border:1px solid #c2c2c2;
	height:24px;
	}
	
	

/*=========TOP MENU==========*/

.top-menu-row{
	background:url(/assets/css-images/top-menu-row.jpg) bottom left repeat-x;
	height:54px;
	padding-bottom:14px;
	border-radius:8px 8px 0px 0px;
 	-moz-border-radius:8px 8px 0px 0px;
 	-webkit-border-radius: 8px 8px 0px 0px;
 	behavior: url('/assets/js/PIE.php');
	margin-bottom:12px;
	}

.top-menu{
	background:url(/assets/css-images/top-menu-bg.png) top left repeat-x;
	font-size:13px;
	line-height:25px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:8px 8px 0px 0px;
 	-moz-border-radius:8px 8px 0px 0px;
 	-webkit-border-radius: 8px 8px 0px 0px;
 	behavior: url('/assets/js/PIE.php');
	width:970px;
	position:relative;
	left:-1px;
	z-index:5;
	}	

.top-menu-dap{
	background:url(/assets/css-images/top-menu-bg_dap.jpg) top left repeat-x;
	font-size:13px;
	line-height:25px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:8px 8px 0px 0px;
 	-moz-border-radius:8px 8px 0px 0px;
 	-webkit-border-radius: 8px 8px 0px 0px;
 	behavior: url('/assets/js/PIE.php');
	width:970px;
	position:relative;
	left:-1px;
	z-index:5;
	}	
	


	
/*=========CONTENT========*/

.main .content-row{
	border-top:none;}


.content-row{
	border-top:none;
	border:1px solid #cacaca;
	padding: 0 0px 35px 0px;
	background: url(/assets/css-images/content-row.jpg) top left repeat-x #FFF;
	}
	
.content img{
	float:left;
	margin-right:16px;
	}
	
.roktabs-container-wrapper .wrapper img{
	position:relative;
	top:17px;
	margin:0 16px 30px 0;}
	
#page.article{
	border:1px solid #DEDEDE;
	padding:16px;
	width:666px;
	background:#FFF;
	margin:0 0 12px 0;
	float:left;}
	
#page.article img{
	margin-right:21px;
	float:left;}
	
	
	

.roktabs.light{
	padding:0px 16px 2px;}
	

	

/*==SLIDER==*/


div.anythingSlider {
/*	height: 450px;      */
	height: 350px;      
	margin: 0 auto;
	background:url(/assets/css-images/slider-bg.jpg) top left repeat-x;
	
}


/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
/*	height:450px;       */
	height:350px;
	top:-32px;
}

.anythingSlider.anythingSlider-default.activeSlider{
/*	height:450px !important;  */
	height:350px !important;
	position:relative;
	top:-12px;}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	/*border-bottom:1px solid #cfcfcf;*/
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
/*	height:450px !important;  */
	height:350px !important;
}

.anythingControls{
	display:none;}



ul.bannergroup{
	overflow:hidden;
/*	height:450px;     */
	height:350px;
	}
	
li.banneritem {
/*	height:450px;     */
	height:350px;
	}
	
	
li.banneritem img{
	float:left;
	width:550px;}
	
li.banneritem p{
	font-size:14px;}
	
	
	
span.banner-title{
	font-size:60px !important;
	display:block;
	margin-top:50px;
	color:#272727;
	letter-spacing:-4px;
	position:relative;
	top:-8px;}
	
span.banner-slogan{
	font-size:36px !important;
	display:block;
	margin-bottom:8px;
	color:#272727;
	margin-right:60px;
	text-align:right;
	letter-spacing:-2px;
	position:relative;
	top:-18px;
	left:2px;}
	
div.banner-desc{
	width:368px;
	float:left;}
	
span.desc{
	display:block;
	width:290px;}
	
li.banneritem span{
	font-size:14px;
	line-height:21px;}
	
span.arrow{
	position:relative;
	top:293px;
	z-index:5;
	left:876px;
	text-indent:-9999em;
	padding:0 1px;}
	
	
span.arrow.forward{
	background:url(/assets/css-images/slider-buttons-sprite.png) top right no-repeat;
	height:33px;
	width:33px;
	display:inline-block;
	margin-left:0px;
	cursor:pointer;
	}
	
span.arrow.back{
	background:url(/assets/css-images/slider-buttons-sprite.png) top left no-repeat;
	height:33px;
	width:33px;
	display:inline-block;
	cursor:pointer;
	}
	
span.arrow.forward:hover{
	background:url(/assets/css-images/slider-buttons-sprite.png) no-repeat;
	background-position:-32px -34px;
}

span.arrow.back:hover{
	background:url(/assets/css-images/slider-buttons-sprite.png) no-repeat;
	background-position:0 -34px;
}

	
	
	
p.slider-button{
	display:inline-block;
	padding:7px;
	height:24px;
	width:120px;
	position:relative;
	top:35px;
	right:240px;
	float:right;
	}
	
p.slider-button a{
	background:url(/assets/css-images/slider-readmore-sprite.jpg) top left no-repeat;
	background-position:0 -44px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
	padding:12px 9px 12px 15px;
	font-size:13px;
	display:block;
	width:115px;
	}  
	
p.slider-button a:hover{
	background:url(/assets/css-images/slider-readmore-sprite.jpg) top left no-repeat;
	}
	
p.slider-button a span{
	font-size:13px;}
	
/*==CENTER BLOCKS==*/

.top-blocks{
	padding:0 16px;
	overflow:hidden;}
	
.center-blocks{
	padding:0 0 0 16px;
	margin:0px 0 12px 0;
	overflow:hidden;
	}
	
.center-blocks .module .content{
	padding:0;}
	

.center-blocks .horiz{
	overflow:hidden;
	zoom:1;}

.center-blocks .horiz .horiz-block{
	float:left;
	width:236px;
	zoom:1;
	}

	
.center-blocks .horiz .horiz-block .horiz-content{
	width:226px;
	float:left;
	padding-bottom:12px;
	border:1px solid #dddddd;
        }

.center-blocks .horiz .horiz-block_dap{
	float:left;
	width:290px;
	zoom:1;
	}

.center-blocks .horiz .horiz-block_dap .horiz-content_dap{
	width:266px;
	float:left;
	padding-bottom:12px;
	border:1px solid #dddddd;
        }
	

.center-blocks .horiz .horiz-block .horiz-content h4{
	background:url(/assets/css-images/center-block-title-bg.png) bottom left repeat-x;
	font-weight:normal;
	font-size:20px;
	padding:22px 15px 19px;
	margin-bottom:13px;
	border-radius:5px 5px 0px 0px;
 	-moz-border-radius:5px 5px 0px 0px;
 	-webkit-border-radius: 5px 5px 0px 0px;
 	behavior: url('/assets/js/PIE.php');}


.center-blocks .horiz .horiz-block_dap .horiz-content_dap h4{
	background:url(/assets/css-images/center-block-title-bg.png) bottom left repeat-x;
	font-weight:normal;
	font-size:20px;
	padding:22px 15px 19px;
	margin-bottom:13px;
	border-radius:5px 5px 0px 0px;
 	-moz-border-radius:5px 5px 0px 0px;
 	-webkit-border-radius: 5px 5px 0px 0px;
 	behavior: url('/assets/js/PIE.php');}
	
.center-blocks .horiz .horiz-block .horiz-content p{
	padding:0px 19px;}

.center-blocks .horiz .horiz-block_dap .horiz-content_dap p{
	padding:0px 19px;}
	
.center-blocks .readmore-button, .center-blocks .learnmore-button{
	margin-left:16px;
	margin-top:24px;
	}
	

/*===blocks general====*/

/* Dark*/

.dark{
	color:#FFF;
	width:228px;
	background:#424242;
	padding:20px 19px 19px 19px;

	}
	
.dark a{
	color:#FFF;}
	
.dark ul{
	padding:0;
	margin-bottom:5px;}
	
.dark ul li{
	background:url(/assets/css-images/dark-border.jpg) top left repeat-x;
	padding:0;
	line-height:37px;
	height:40px;
	display:block;}
	

.dark ul li a{
	background:url(/assets/css-images/dark-li.png) left top no-repeat;
	padding-left:16px;
	font-weight:bold;
	color:#9a9a9a;}
	
.dark ul li a:hover{
	color:#fff;}
	

.dark .content, .light .content{
	padding:0;}
	

.dark h3{
	padding-bottom:16px;
	font-weight:normal;
	font-size:20px;
	}	
	
.top-blocks .left .module.thin.dark{
	padding-bottom:8px;}
	
	
/* Light*/

.light{
	border:1px solid #dedede;
	padding:16px 19px 20px 16px;
	}
	
.light h3{
	border-bottom:1px solid #e6e6e6;
	padding:8px 18px 16px 0px;
	margin-bottom:13px;
	font-weight:normal;}

.thin{width:190px;}
.wide{width:428px;}
.wide_dap{width:600px;}
.wide_extra{width:663px;}
.right{float:right;}
	
	
.left{	float:left;
	margin-right:8px;}
	
.middle{
	float:left;
	overflow:hidden;
	}
	
.top-blocks{
	margin:12px 0;
	}
	
.module{overflow:hidden;}

.module.noborder p.article_separator{
	display:none;
	}
	
.module.thin.light{
	padding-left:17px;
	margin-bottom:8px;}
	
.module.article.light{
	width:663px;}
	
.margin-bottom10px{
        margin-bottom:10px}

/* Gradient */

.gradient{
	width:228px;
	}
	
.wide.gradient{
	width:464px;}


.gradient .content{
	padding:12px 16px 12px 16px;
	border-radius:0px 0px 8px 8px;
 	-moz-border-radius:0px 0px 8px 8px;
 	-webkit-border-radius: 0px 0px 8px 8px;
 	behavior: url('/assets/js/PIE.php');
	background:#fbfbfb;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	overflow:hidden;
	}
	
.gradient h3{
	border:1px solid #dddddd;
	background:url(/assets/css-images/center-block-title-bg.png) bottom left repeat-x;
	font-weight:normal;
	font-size:20px;
	padding:18px 18px 17px 18px;
	border-radius:8px 8px 0px 0px;
 	-moz-border-radius:8px 8px 0px 0px;
 	-webkit-border-radius: 8px 8px 0px 0px;
 	behavior: url('templates/theme_606/PIE.htc');
	}
	
.top-blocks .module.thin.gradient img{
	margin-bottom:21px;}
	
.module.thin.gradient.noborder .readmore-button {
	margin-top:18px;}
		
.top-blocks .middle .module.thin.gradient.noborder .readmore-button{
	margin-top:30px;}
	
.top-blocks .right .module.thin.gradient .readmore-button{
	margin-top:0px;}
	
.top-blocks .module.thin.gradient .readmore-button{
	margin-top:33px;}
	
.top-blocks .module.thin.gradient.about .readmore-button{
	margin-top:11px;}

	
.top-blocks .right .module.thin.gradient .featured-lists{
	margin-bottom:9px;
}
	
.top-blocks .left .module.wide.gradient .readmore-button{
	margin-top:30px;}
	
.top-blocks .left .module.wide.gradient.offer .readmore-button{
	margin-top:5px;}

	

/*======Products=======*/

.module_product{
	border:1px solid #dedede;
	padding:20px 16px 13px;
	overflow:hidden;
	margin-top:9px;
	width:192px;}

.module_product h3{
	border:none;
	margin-bottom:10px;
	font-weight:normal;
	font-size:24px;}
	
.module_product p.article_separator{
	display:none;
	}
	
.module_product p{
	text-align:center;}
	
.module_product img{
	text-align:center;
	margin:auto;
	float:none;}

/*======FAQs=======*/

h3.module_product_faq{
        font-size:20px;
	border:1px solid #dedede;
	padding:13px 10px;
	overflow:hidden;
	margin-top:9px;
	margin-left:-10px;
	margin-top:9px;
	width:396px;}

p.register_button{
        display:inline-block;
	height:37px;
	width:98px;
	position:relative;
	float:right;
	top:12px;
	bottom:10px;
	}
	
p.register_button a{
	background:url('/pic/button_register_small.gif') top right no-repeat;
	line-height:40px;
	display:block;
	width:98px;
	height:17px;
	}  
	
	
	
/*==============Newsflash==============*/



.module.wide.features{
	padding-bottom:20px;
}

.module.features .content .vert li img{
	float:left;
	position:relative;
	top:-5px;
	margin-right:20px;}
	
.module.features .content .vert li{
	padding-top:5px;}
	
.module.features .content .vert li h4{
	position:relative;
	left:-10px;
	font-size:18px;
	line-height:18px;
	width:260px;
	float:right;
	font-weight:normal;}
	
.top-blocks .right .module.features .content .vert li{
	margin-top:17px;
	}
	
.top-blocks .right .module.noimage .content .vert li h4{
	width:100%;
	position:relative;
	left:0;}
	
.top-blocks .right .module.features .content .readmore-button{
	position:relative;
	left:0;
	margin-bottom:5px;
	top:5px;
	}
	
.content .vert li h4 a{
	font-size:13px;
	color:#9a3e92;}
	
.content .vert li h4 a:hover{
	text-decoration:underline;}
	
.content .vert li:last-child p.article_separator{
	margin-bottom:0;}
	
.content .horiz p.article_separator{
	display:none;}
	
.module.features p.article_separator {
	margin:13px 0 17px;}
	
.module.features .content .vert li:last-child p.article_separator{
	margin-bottom:0px;}
	

.module.features h3{
	margin-bottom:15px;}

	

/*======MAIN BLOCKS========*/

	
	
/*=========Right column===========*/

.right-column-top{
	float:right;
	margin-bottom:12px;
	}
	
.right-column{
	float:right;
	margin-top:0;}
	
.right-column-top .module{
	float:left;}
	
.right-column-top .module.thin{
	margin-right:8px;}
	
.right-column-top .module.thin.gradient{
	margin-left:8px;
	margin-right:0;}
	
.right-column .module.thin.gradient .readmore-button{
	margin-top:14px;}
	
.modconnect{
	margin-top:8px;
	}
	
.right-column-top .module.thin.gradient .readmore-button{
	margin-top:30px;}
	
.right-column-top .module.thin.gradient.adv .readmore-button{
	margin-top:10px;}
	
/*========Center column===========*/

.center-column{
	float:left;
	}
	
.center-column .module.thin.gradient .readmore-button{
	margin-top:36px;}
	
.center-column .module.thin.light{
	background:}
	
	
	
/*========Left column===========*/

.left-column{
	margin-right:8px;
	float:left;}
	
	
/* ====Polls =======*/

h4.poll-title{
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	margin:17px 0 15px 0;}
	
.poll-buttons{
	margin-top:10px;
	width:189px;}
	
.poll-buttons .button-box{
	margin-right:6px;
	margin-top:13px;
	}
	
.poll .button-box{
	background:url(/assets/css-images/learnmore-left.png) top left no-repeat;
	background-position: 0 -40px;
	padding-left:10px;
	height:35px;
	float:left;
	display:block;
	}
	
.poll .button-box:hover{
	background:url(/assets/css-images/learnmore-left-hover.png) top left no-repeat;}

	

	
.button-box a, .button-box button{
	background:url(/assets/css-images/learnmore-mid.png) top left repeat-x;
	background-position: 0 -40px;
	float:left;
	display:block;
	height:35px;
	border:none;
	color:#000000;
	outline:none;
	font-size:14px;}
	
	
.button-box:hover a, .button-box:hover button{
	background:url(/assets/css-images/learnmore-mid-hover.png) top left repeat-x;
	color:#fff;}
	
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

	
.button-box a{
	padding:5px 10px 0 0px;
	outline:none;
	}
	
.button-box button{
	padding:0px 10px 4px 0px;
	outline:none;
	}
	
.button-box span{
	background:url(/assets/css-images/learnmore-right.png) top right no-repeat;
	background-position: 0 -40px;
	float:left;
	height:35px;
	width:23px;
	display:block;
	outline:none;}
	
.button-box:hover span{
	background:url(/assets/css-images/learnmore-right-hover.png) top right no-repeat;
}
	
	
.poll fieldset ul li{
	height:29px;
	border-bottom:1px solid #e5e5e5;
	line-height:29px;}
	
.poll fieldset ul li:last-child{
	border:none;}
	
	
/*====Connect ===========*/

.connect{margin:20px 0 9px 4%;
overflow:hidden;}

.connect a{
	display:block;
	float:left;
	width:32px;
	height:32px;
	margin-left:4px;
	outline:none;}
	
.connect a:first-child{
	margin:0;}

.connect-1{	background:url(/assets/css-images/connect-1.jpg) top left no-repeat;}
.connect-2{	background:url(/assets/css-images/connect-2.jpg) top left no-repeat;}
.connect-3{	background:url(/assets/css-images/connect-3.jpg) top left no-repeat;}
.connect-4{	background:url(/assets/css-images/connect-4.jpg) top left no-repeat;}
.connect-5{	background:url(/assets/css-images/connect-5.jpg) top left no-repeat;}
	
	
/*=========CONTAINER========*/

#container{
	padding:0 16px;
	overflow:hidden;}


/*=========FEATURES PAGE========*/

	
.article_row.features{
	width:700px;
	float:left;
	}
	
.article_column  h2.contentheading.features{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:20px;
	padding-top:2px;
	margin-bottom:16px;
}
	
.article_row.features .readmore-button{
	margin-top:13px;}
	
.article_row.features .column1{
	padding-bottom:13px;}
	
.leading.features{
	margin-bottom:12px;}

	
/*=========SOLUTIONS PAGE========*/

.leading.solutions{
	width:668px;
	float:left;
	margin-bottom:12px;
	}

.article_row.solutions{
	width:464px;
	float:left;
	margin-right:8px;
	}
	
.article_column  h2.contentheading.solutions{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:16px;
	margin-bottom:16px;
}

.article_row.solutions .article_column.column1 .readmore-button{
	margin-top:24px;}
	
.showcase{
	height:0px;
	display:block;}
	
	
/*=========TUTORIALS PAGE========*/

.article_row.tutorials .article_column.column1  .readmore-button{
	margin-top:20px;}


.article_row.tutorials .article_column.column2  .readmore-button{
	margin-top:0px;}


/*=========About Us Page========*/

.leading.about{
	width:668px;
	float:left;
	margin-bottom:12px;}
	
.leading.about .readmore-button{
	margin-top:15px;}
	
	
.article_row.about{
	width:464px;
	float:left;
	margin:0 8px 0 0;}
	
	
.article_column  h2.contentheading.about{
	border-bottom:1px solid #e6e6e6;
	padding:6px 0 16px 0;
	margin-bottom:12px;
}


.article_row.about .featured-lists{
	margin:4px 0px;}





/*=================*/


h2.componentheading{
		border-bottom:1px solid #e6e6e6;
	padding:6px 0 16px 0;
	margin-bottom:13px;
}



div.article_buttons{
	float:right;
	}
	
div.buttonheading{
float:right;
}

div.buttonheading a img, #page div.buttonheading a img{
margin:0 5px;
border:none;}

div.contentpaneopen_edit{
float:right;
margin:0 1px;
}

 #page div.contentpaneopen_edit a img {
 margin:0;
 border:none;}


.leading{
	background:url(/assets/css-images/leading_bg.jpg) bottom left repeat-x;}

.article_column{
	background:url(/assets/css-images/article_bg.jpg) bottom left repeat-x;}
	
.article_row .article_column.cols2{
	width:432px;
	float:left;
	margin:0 0 12px 0;}
	
	
.article_row .article_column.column1.cols2{
	margin-right:8px;}
	
.article_row.features .article_column.column1.cols1 .readmore-button{
	margin-top:4px;}

	
.article_row .article_column .readmore-button{
	margin-top:10px;}
	

.container{
	overflow:hidden;
	}
	
	
.container .article_row{
	overflow:hidden;
	margin-top:12px;}
	
h2.contentheading{
	font-size:22px;
	margin-bottom:18px;
	font-weight:normal;
	}
	
h2.contentheading a{
	color:#000;}
	
.article_column, .leading{
	background:#fbfbfb;
	border:1px solid #dedede;
	overflow:hidden;
	padding:20px 15px 12px;
}

	
.article_column img, .leading img{
	float:left;
	margin-right:22px;}
	

.container h3{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:16px;
	margin-bottom:16px;
	font-weight:normal;}
	
.container h4.contentheading{
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	width:285px;
	float:right;
	color:#272727;
	margin:5px 0 2px 0;}
	
.container h4.contentheading a{
	color:#272727;}
	

p.article_separator{
	diplay:block;
	height:1px;
	background:#e3e3e3;
	clear:both;
	margin:17px 0 11px;
	}
	
.article_row .article_separator, .leading_separator{
	display:none;}

	
#jmessage{
	margin-bottom:20px;}
	
	
span.row_separator{
	display:none;}
	
.blog .article_row{
	color:#272727;
	}
	
.featured-lists{
	overflow:hidden;
	margin:13px 0 13px 0px;
	}
	
.featured-lists.nomargin{
	margin:0;}
	
.featured-lists ul.art-list:first-child{
	margin-left:0;}
	
.lists{
	display:block;
	width:100%;
	overflow:hidden;}
	
ul.art-list{
	float:left;
	width:190px;
	margin:0px 0 0px 42px;
	}
	
.article_column.cols2 ul.art-list{
	width:auto;
	margin:0;}
	
ul.art-list.nomargin{
	margin:0;}
	
.thin ul.art-list{
	margin-left:0;}
	
ul.art-list.first{
	margin-left:0;}
	
		
ul.art-list li{
	border-bottom:2px solid #eaeaea;
	line-height:38px;}
	
ul.art-list li a{color:#272727}
	
ul.art-list li.last-child{border:none;
}
	
ul.art-list li a, .columns ul li a{
	background:url(/assets/css-images/learn-more-icon.png) left top no-repeat;
	padding-left:20px;
	font-weight:bold;
	outline:none;}
	
ul.art-list li a:hover, .columns ul li a:hover{
	text-decoration:underline;}
	
	
.art-image{
	margin-top:12px;}
	

	
.module.features .readmore-button, .module_product .readmore-button{
	background:url(/assets/css-images/readmore-left.png) top left no-repeat;
	float:left;
	padding-left:15px;
	height:29px;
	margin-top:6px;
	position:relative;
	left:-5px;}
	
.module.features .readmore-button:hover, .module_product .readmore-button:hover{
	background:url(/assets/css-images/readmore-left.png) top left no-repeat;
	background-position:0 -38px;
	}

.module.features .readmore-button-rev, .module_product .readmore-button-rev{
	background:url(/assets/css-images/readmore-left.png) top left no-repeat;
	float:left;
	padding-left:15px;
	height:29px;
	margin-top:6px;
	position:relative;
	left:-5px;}
	
.module.features .readmore-button-rev:hover, .module_product .readmore-button-rev:hover{
	background:url(/assets/css-images/readmore-left.png) top left no-repeat;
	background-position:0 -38px;
	}

.module_product .readmore-button, .module_product .readmore-button-rev{
	margin-top:16px !important;}
	
.module.features .readmore-button a, .module_product .readmore-button a, .module.features .readmore-button-rev a, .module_product .readmore-button-rev a{
	background:url(/assets/css-images/readmore-mid.png) top left repeat-x;
	padding:3px 8px 0 0;
	font-size:14px;
	color:#000000;
	height:26px;
	display:block;
	float:left;
}

.module.features .readmore-button:hover a, .module_product .readmore-button:hover a, .module.features .readmore-button-rev:hover a, .module_product .readmore-button-rev:hover a{
	background:url(/assets/css-images/readmore-mid.png) top left repeat-x;
	color:#fff;
	background-position:0 -38px;

	}


.module.features .readmore-button span, .module_product .readmore-button span, .module.features .readmore-button-rev span, .module_product .readmore-button-rev span{
	background:url(/assets/css-images/readmore-right.png) top right no-repeat;
	height:29px;
	width:25px;
	display:block;
	float:left;
	}
	
.module.features .readmore-button:hover span, .module_product .readmore-button:hover span, .module.features .readmore-button-rev:hover span, .module_product .readmore-button-rev:hover span{
	background:url(/assets/css-images/readmore-right.png) top right no-repeat;
	background-position:0 -38px;
	}

	
		
.readmore-button, .button-box{
	background:url(/assets/css-images/learnmore-left.png) top left no-repeat;
	background-position: 0 -40px;
	float:left;
	padding:0 0 0 10px;
	height:35px;
	margin-top:19px;
	zoom:1;}
	
.readmore-button:hover, .button-box:hover{
	background:url(/assets/css-images/learnmore-left.png) top left no-repeat;
}

	
.readmore-button a{
	background:url(/assets/css-images/learnmore-mid.png) top left repeat-x;
	padding:5px 8px 0px 0px;
	font-size:14px;
	color:#000000;
	height:30px;
	display:block;
	float:left;
	outline:none;
	background-position: 0 -40px;
}

.readmore-button:hover a{
	background:url(/assets/css-images/learnmore-mid.png) top left repeat-x;
	color:#fff}


.readmore-button span{
	background:url(/assets/css-images/learnmore-right.png) top right no-repeat;
	height:35px;
	width:23px;
	display:block;
	float:left;
	background-position: 0 -40px;
	}
	
	
.readmore-button:hover span{
	background:url(/assets/css-images/learnmore-right.png) top right no-repeat;}

		
.readmore-button, .button-box{
	background:url(/assets/css-images/learnmore-left.png) top left no-repeat;
	background-position: 0 -40px;
	float:left;
	padding:0 0 0 10px;
	height:35px;
	margin-top:19px;
	zoom:1;}
	
.readmore-button:hover, .button-box:hover{
	background:url(/assets/css-images/learnmore-left.png) top left no-repeat;
}

	
.readmore-button a{
	background:url(/assets/css-images/learnmore-mid.png) top left repeat-x;
	padding:5px 8px 0px 0px;
	font-size:14px;
	color:#000000;
	height:30px;
	display:block;
	float:left;
	outline:none;
	background-position: 0 -40px;
}

.readmore-button:hover a{
	background:url(/assets/css-images/learnmore-mid.png) top left repeat-x;
	color:#fff}


.readmore-button span{
	background:url(/assets/css-images/learnmore-right.png) top right no-repeat;
	height:35px;
	width:23px;
	display:block;
	float:left;
	background-position: 0 -40px;
	}
	
	
.readmore-button:hover span{
	background:url(/assets/css-images/learnmore-right.png) top right no-repeat;}







.module.wide.light{
	left:12px;}
	

	
/*articles formatting*/

.columns{
	width:100%;
	clear:both;}
	
.columns .column-left{
	margin-right:1em;
	}
	
.columns .column-right{
	margin-left:1em;
	}	
	
.columns .column-left, .columns .column-right{
	float:left;
	width:47%;}	


/* Tooltips */
.tool-tip {
float: left;
background: #fff;
border: 1px solid #CCC;
padding: 5px;
max-width: 200px;
text-align:left;
color:#000;
position:relative;
z-index:300;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
color:#000
}

.tool-text {
font-size: 100%;
margin: 0;
color:#000
}

.breadcrumbs{padding:7px 0;}


/*======FORMS======*/

fieldset{
	border:none;}
	
.name, .pass, .email, .verify_pass{
	margin-bottom:8px;
	clear:both;}
	
.inputbox{
	font-size:14px;
	padding-left:5px;}
	
.inputbox, input.required{
    width:180px;
    background-color:#fff;
    border:1px solid #C2C2C2;
    height:20px;
    margin:2px 0px;}

#contact_text{
	background:none repeat scroll 0 0 #E0E0E0;
	border:1px solid #C2C2C2;
	padding-left:5px;}

input.checkbox{width:15px;}

	
#page.register label{
	display:inline-block;
	float:left;
	width:120px;}
	
#josForm .user{
	margin-bottom:8px;}


fieldset.login_form{
	margin-bottom:25px;}

input#rem{
	width:10px;
	border:none;
	background:none;}
	
#login .contentdescription{
	display:none;}
	
#login .button-box{
	width:80px;}
	

.name label, .pass  label{
	margin-bottom:4px;
	display:inline-block;
	float:left;
	width:89px;}

	
	
.form-login input.inputbox{
	width:189px;
	border:none;
	height:20px;
	padding:0 6px;
	color:#FFF;
	}
	
	
	
.form-login label.mod_login_remember{
	width:100px;}
	
.form-login	fieldset p{
	clear:both;
	margin-bottom:0px;}

	
.form-login .button-box{
	margin-top:25px;
	margin-bottom:15px;
	width:84px;}

	
/*==========Contact Page Layout===============*/

#page.contact-us{
	width:667px;
	float:left;
	background:#fbfbfb;
	border:1px solid #dedede;
	padding:16px;
}


.contact{
	padding:25px 0 15px 0;}
	
.contact_address{}

address, div.misc-info{
	margin-bottom:25px;}
	
div.contact_email{
	margin:8px 0;}	
	
.contact_email label{
	float:left;
	display:inline-block;
	width:140px;}
	
.contact_email input{
	width:200px;}
	
input#contact_email_copy{
	width:auto;
	float:left;
	margin-right:15px;
	margin-top:4px;
	}
	
.contact_email_checkbox label{
	float:none;
	width:auto;}
	
.contact .button-box{
	width:80px;}
	
span.marker{
	float:left;
	width:25px;}
	
div.street{
	background:url(/assets/css-images/con_address.png) top left no-repeat;
	}
	
div.phone{
	background:url(/assets/css-images/con_tel.png) top left no-repeat;}
	
div.fax{
	background:url(/assets/css-images/con_fax.png) top left no-repeat;}
	
div.mobile{
	background:url(/assets/css-images/con_mobile.png) top left no-repeat;}
	
div.misc-info{
	background:url(/assets/css-images/con_info.png) top left no-repeat;
	}
	
div.street, div.phone, div.fax, div.mobile, div.misc-info{
	padding-left:30px;
	}/*===================Search form=====================*/

/*--------Search result---*/

.search_form fieldset{
	border:1px solid #ccc;
	margin-bottom:13px;
	padding:13px;}
		
.search_form fieldset legend{
	font-weight:bold;
	padding:0 13px;}
	
.search_form .button-box{
	margin-top:0;
	margin-bottom:24px;
	width:94px;}
	
.search_form label{
	float:none;
	margin-right:15px;
	}
	
.search_form input{
	margin:0 4px;}
	
	
.contentpaneopen-search fieldset{
	border:1px solid #fff;
	padding:13px;}
	
.contentpaneopen-search fieldset a{
	font-weight:bold;}
	
.search_form .phrase #ordering{
	width:150px;}



	
.module.article img{
	float:left;
	padding-right:20px;}
	
.image-indent{
	margin-top:12px;}
	
	
	
.module.article .readmore-button{
	margin-top:6px;}

	
	
/*==========FOOTER=============*/

.footer-row{
	clear:both;
	width:970px;
	margin:auto;}
	
.copyright{
	padding:35px 0 35px 20px;}
	
.copyright a{
	color:#9a3e92;
	font-weight:bold;}


/*==========Domain Admin Panel==================*/



.tinyarial         { font-family: arial,verdana,helvetica,sans-serif; font-size: 7pt; }
.smallarial        { font-family: arial,verdana,helvetica,sans-serif; font-size: 8pt; }
.normalarial       { font-family: arial,verdana,helvetica,sans-serif; font-size: 10pt; }
.normalarial_bold  { font-family: arial,verdana,helvetica,sans-serif; font-size: 10pt; font-weight:bold; }
.midarial          { font-family: arial,verdana,helvetica,sans-serif; font-size: 11pt; }
.bigarial          { font-family: arial,verdana,helvetica,sans-serif; font-size: 12pt; }

.smallverdana      { font-family: verdana,arial,helvetica,sans-serif; font-size: 8pt; }
.normalverdana     { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
.midverdana        { font-family: verdana,arial,helvetica,sans-serif; font-size: 12pt; }
.bigverdana        { font-family: verdana,arial,helvetica,sans-serif; font-size: 14pt; }

a.nothing          { color:#000000; text-decoration: none; }
a.nothing:active   { color:#000000; text-decoration: none; }
a.nothing:hover    { color:#ffffff; text-decoration: none; }

a.mylink           { color:#000000; text-decoration: none; }
a.mylink:active    { color:#000000; text-decoration: none; }
a.mylink:hover     { color:#000000; text-decoration: underline; }

.da_success{-moz-border-radius:8px;-webkit-border-radius:8px;padding:10px 20px 10px 20px;margin:15px 15px 15px 15px;background-color:#f4ffe7;border:2px solid #6ac300;}
.da_success:before{content:"Success:";color:#468100;font-style:bold;font-size:large;display:block;padding-bottom:5px;}

.da_note{-moz-border-radius:8px;-webkit-border-radius:8px;padding:10px 20px 10px 20px;margin:15px 0px;background-color:#ffffe1;border:2px solid #f4e4b7;}
.da_note:before{content:"Note:";color:#781112;font-style:bold;font-size:large;display:block;padding-bottom:5px;}

.da_caution{-moz-border-radius:8px;-webkit-border-radius:8px;padding:10px 20px 10px 20px;margin:15px 0px;background-color:#ffe3e1;border:2px solid #ffc6ad;display:block;color:black;}
.da_caution:before{content:"Alert:";color:#781112;font-style:bold;font-size:large;display:block;padding-bottom:5px;}

.da_tip{-moz-border-radius:8px;-webkit-border-radius:8px;padding:10px 20px 10px 20px;margin:15px 0px;background-color:#ebf7ff;border:2px solid #d2ebf9;display:block;color:666;}
.da_tip:before{content:"Tip:";color:#111;font-style:bold;font-size:large;display:block;padding-bottom:5px;}

.float_left        { float:left; margin-left:-3px;}
.float_right       { float:right; margin-right:-3px;}


TABLE.tbl_bg    { background-color:#ffffff; border-collapse:collapse; width:100%; border:1px solid #c99; }
TR.title_row    { background-color:#e6e6e6; border: 1px solid #c99; font-size:12px; height:24px; font-weight:700;}
TR.standard_row { background-color:#ffffff; border: 1px solid #c99; }
TD.title        { padding:4px; font-size: 12px; }
.tbl_bg TD      { padding:4px; font-size: 13px; }
TD.edit         { text-align:right; width:28px; border:1px solid #c99; }

DIV.title_row    { background-color:#e6e6e6; border: 1px solid #c99; font-size:12px; height:24px; font-weight:700;}
DIV.standard_row { background-color:#ffffff; border: 1px solid #c99; }
div.title_row    { background-color:#e6e6e6; border: 1px solid #c99; font-size:12px; height:24px; font-weight:700;}
div.standard_row { background-color:#ffffff; border: 1px solid #c99; }

TABLE.hr_rows, TABLE.registration   { 	
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    border-collapse:collapse; 
    width:100%; 
    border:0px solid #fcc; 
    margin:20 0px;
}
TABLE.registration { line-height:24px; }
.hr_rows TR, .registration TR     { background-color:#ffffff; border-bottom: 0px solid #999; }
.hr_rows TD, .registration TD     { padding:4px; font-size: 13px; }

.registration INPUT  { width:250px; padding:3px; }
.registration SELECT { width:258px; padding:3px; }
.registration INPUT.areacode { width:40px; padding:3px; }
.registration INPUT.phonenum { width:190px; padding:3px; }
.registration INPUT.toggle   { width:25px; padding:3px; }
SELECT.month   { width:120px; padding:3px; }
SELECT.year    { width:120px; padding:3px; }


.tbl_bg TD.standard_pad { font-size: 12px; background-color:#fff; padding-right:20px; text-align:right; }

TABLE.regform-s2-contacts {margin-top:10px;margin-left:16px;width:232px;font-size:12px;line-height:18px;}
TABLE.regform-s2-contacts .indent{padding-left:8px; }
TABLE.regform-s2-contacts .indent-address {padding-left:16px; }

.recaptcha     { padding-left:17px; padding-top:20px;}
.shade         { color:#999; font-weight:bold; text-align:right;}
.shade_small   { color:#999; font-weight:bold; text-align:right; font-size:10px;}


.button {
    -moz-box-shadow:inset 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow:inset 0px 0px 0px 2px #ffffff;
    box-shadow:inset 0px 0px 0px 2px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf');
    background-color:#ffffff;
    border:1px solid #CC0000;
    display:inline-block;
    color:#000;
    font-size:13px;
    padding:3px 8px;
    margin:2px;
    text-decoration:none;
}
.button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff');
    background-color:#dfdfdf;
}
.button:active {
    position:relative;
    top:1px;
}



.dap-button2 {
    background-color:#fff;
    border:1px solid #c70;
    border-radius:8px;
    display:inline-block;
    color:#666;
    padding:0px 10px;
    margin:2px;
    text-decoration:none;
 }
.dap-button {
    background-color:#fff;
    border:1px solid #333;
    display:inline-block;
    color:#33c;
    font-size:13px;
    padding:0px 12px;
    margin:0px;
    text-decoration:none;
 }
.dap-button:hover {
    background-color:#dfdfdf;
}
.dap-button:active {
    position:relative;
    top:1px;
}

.dap-container {
  padding: 0;
  margin: 0px 10px;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}
.dap-item{
  padding:0px;
  margin:0px;
  vertical-align:top;
  display:inline-block;
}
.dap-item2{
  padding:0px;
  margin:0px;
  vertical-align:top;
  display:inline-block;
  width:50%;
}
.dap-item3{
  padding:0px;
  margin:0px;
  vertical-align:top;
  display:inline-block;
  width:33%;
}
.dap-item4{
  padding:0px;
  margin:0px;
  vertical-align:top;
  display:inline-block;
  width:25%;
}
.dap-item66{
  padding:0px;
  margin:0px;
  vertical-align:top;
  display:inline-block;
  width:66%;
}
.bold     { font-weight:bold; }
.white    { background-color:#FFF; }
.chkbox   { width:10px; }
.daysleft { width:40px; }
.justify  { text-align:justify; }
.ta-right { text-align:right; }
.narrow{
  margin:0px 10px;
  display:inline-block;
  vertical-align:top;
}
.color-good{
    color: #390;
}
.color-warn{
    color: orange;
}
.color-alert{
    color: red;
}
.color-neutral{
    color: #AAA;
}
.color-blue{
    color: blue;
}
.color-icons{
    color: green;
}
.navbutton {
    display: inline-block;
    outline: none;
    cursor: pointer;
margin:20px 0px;
    text-align: center;
    text-decoration: none;
    color:#fff;
    font-size: 14px;
    letter-spacing:1px;
    padding: .5em 2em .55em;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.navbutton:hover {
    text-decoration: none;
}
.navbutton:active {
    position: relative;
    top: 1px;
}

.navbutton.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
navbutton.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
navbutton.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


.faicon-left:before {
    font-family: "Font Awesome 5 Free";
    margin-left:-20px;
    content: "\f137";
}
.faicon-right:before {
    font-family: "Font Awesome 5 Free";
    margin-right:-20px;
    content: "\f138";
}
.faicon-good:before {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
}
.faicon-warn:before {
    font-family: "Font Awesome 5 Free";
    content: "\f06a";
}
.faicon-alert:before {
    font-family: "Font Awesome 5 Free";
    content: "\f071";
}
.faicon-neutral:before {
    font-family: "Font Awesome 5 Free";
    content: "\f056";
}
.faicon-add-circle:before {
    font-family: "Font Awesome 5 Free";
    content: "\f055";
}
.fa-pad {
    float:left;
    padding-right:10px !important;
}
.faicon-add:before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
}


.tip {
    text-decoration: none
}
.tip:hover {
    cursor: help;
    position: relative
}
.tip span {
    display: none
}
.tip:hover span {
    border: #999 1px solid;
    background-color:#fff;
    padding: 15px;
    display: block;
    z-index: 100;
    margin: 10px;
    min-width: 260px;
    min-height:30px;
    position: absolute;
    top: 10px;
    text-decoration: none
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}