﻿
/* jQuery fade


.fade
{
   float: left;
    width: 898px;
	height: 270px;
	margin-bottom: 14px;
}

.fade div
{

    top:  0; 
    left: 0;

}


/* InstantForum.NET 4.2 Homepage Promo
-----------------------------------------------------------------------------*/

#forum42promo
{
	float: left;
	width: 898px;
	height: 270px;
	background-image: url(../images/forum42promobg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

.forum42promobody
{
	float: left;
	width: 100%;
	height: 270px;
	line-height: 21px;
}

#forum42promoimg
{
	float: right;
	width: 350px;
	margin: 33px 0px 0px 25px;
}

#forum42promotext 
{
	float: left;
	width: 480px;
	margin: 26px 0px 0px 32px;	
}

#forum42promotext hr
{
	float: left;
	width: 100%;
	border: 0;
	display: inline;
	color: #99D2E5;
	background-color: #99D2E5;
	height: 1px;
	padding: 0px;
	margin: 25px 0px 0px 0px;
}

#forum42promotext h2
{
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;
	margin: 15px 0px 5px 0px;
	padding-bottom: 25px;
	border-bottom: solid 1px #99D2E5;
}

#forum42promotext h3
{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;

}

#forum42promoompat
{
	float: left;
	width: 100%;
	margin: 23px 0px 62px 0px;
	line-height: normal;
}

#forum42promoompat h2
{
	float: left;
	width: auto;
		border: 0;
	padding: 0;
	font: normal 8pt Verdana, Tahoma, Arial;
	color: #395AB6;
	padding-right: 13px;
	margin: 0px 20px 0px 0px;
	background-image: url(../images/forum42promotick.png);
	background-position: right;
	background-repeat: no-repeat;
	overflow: hidden;

}


/* InstantKB.NET 2.0 Homepage Promo
-----------------------------------------------------------------------------*/

#kb20promo
{
	float: left;
	width: 898px;
	height: 270px;
	background-image: url(../images/kb20promobg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

.kb20promobody
{
	float: left;
	width: 100%;
	height: 270px;
	line-height: 21px;
}

#kb20promoimg
{
	float: right;
	width: 385px;
	margin: 17px 35px 0px 0px;
}

#kb20promotext 
{
	float: left;
	width: 445px;
	margin: 26px 0px 0px 32px;
}

#kb20promotext hr
{
	float: left;
	width: 100%;
	border: 0;
	display: inline;
	color: #99D2E5;
	background-color: #99D2E5;
	height: 1px;
	padding: 0px;
	margin: 25px 0px 0px 0px;
}

#kb20promotext h2
{
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;
	margin: 15px 0px 5px 0px;
	padding-bottom: 25px;
	border-bottom: solid 1px #99D2E5;
}

#kb20promotext h3
{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;

}

#kb20promoompat
{
	float: left;
	width: 100%;
	margin: 23px 0px 62px 0px;
	line-height: normal;
}

#kb20promoompat h2
{
	float: left;
	width: auto;
		border: 0;
	padding: 0;
	font: normal 8pt Verdana, Tahoma, Arial;
	color: #395AB6;
	padding-right: 13px;
	margin: 0px 20px 0px 0px;
	background-image: url(../images/kb20promotick.png);
	background-position: right;
	background-repeat: no-repeat;
	overflow: hidden;

}

/* Hosting Homepage Promo
-----------------------------------------------------------------------------*/

#hostingpromo
{
	float: left;
	width: 898px;
	height: 270px;
	background-image: url(../images/hostingpromobg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

.hostingpromobody
{
	float: left;
	width: 100%;
	height: 270px;
	line-height: 21px;
}

#hostingpromoimg
{
	float: right;
	width: 345px;
	margin: 18px 0px 0px 0px;
}

#hostingpromotext 
{
	float: left;
	width: 455px;
	margin: 26px 0px 0px 32px;
}

#hostingpromotext hr
{
	float: left;
	width: 100%;
	border: 0;
	display: inline;
	color: #99D2E5;
	background-color: #99D2E5;
	height: 1px;
	padding: 0px;
	margin: 25px 0px 0px 0px;
}

#hostingpromotext h2
{
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;
	margin: 15px 0px 5px 0px;
	padding-bottom: 25px;
	border-bottom: solid 1px #99D2E5;
}

#hostingpromotext h3
{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;

}

#hostingpromoompat
{
	float: left;
	width: 100%;
	margin: 23px 0px 62px 0px;
	line-height: normal;
}

#hostingpromoompat h2
{
	float: left;
	width: auto;
		border: 0;
	padding: 0;
	font: normal 8pt Verdana, Tahoma, Arial;
	color: #395AB6;
	padding-right: 13px;
	margin: 0px 20px 0px 0px;
	background-image: url(../images/hostingpromotick.png);
	background-position: right;
	background-repeat: no-repeat;
	overflow: hidden;

}




















/* Forum homepage styles
-----------------------------------------------------------------------------*/

#homepageforum
{
	float: left;
	width: 100%;
	background-repeat: no-repeat;
}

#homepageforumbackground
{
	background: url(../images/homepageforumbackground.jpg) no-repeat bottom;
	height: 275px;	
}


#homepageforum hr
{
	border: 0;
	color: #0B5A92;
	background-color: #99D2E5;
	height: 1px;
}

#homepageforum h1
{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;
}


#homepageforum h2
{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;
}


#homepageforum h3
{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #336699;

}


/* KB homepage styles
-----------------------------------------------------------------------------*/

#homepagekb
{
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	color: #1E4913;
}

#homepagekbbackground
{
	height: 275px;	
	background: url(../images/homepagekbbackground.jpg) no-repeat bottom;
}

#homepagekb hr
{
	border: 0;
	color: #A8CA62;
	background-color: #A8CA62;
	height: 1px;
}

#homepagekb h2
{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #2C8015;
}

#homepagekb h3
{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #649150;
}

.flash
{
	border: sold 2px #ff0000;
}

/* product page
-----------------------------------------------------------------------------*/

#forumproductheader
{
	float: left;
	width: 685px;
	height: 204px;
	background-image: url(../images/forumheader.jpg);
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

#forumadheader
{
	float: left;
	width: 685px;
	height: 204px;
	background-image: url(../images/forumactivedirectoryheader.jpg);
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

#kbadheader
{
	float: left;
	width: 685px;
	height: 204px;
	background-image: url(../images/kbactivedirectoryheader.jpg);
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

#forumproductheader div
{
	float: left;
	width: 455px;
	margin: 100px 0px 0px 30px;
	line-height: normal;
}

#kbproductheader
{
	float: left;
	width: 685px;
	height: 204px;
	background-image: url(../images/kbheader.jpg);
	background-repeat: no-repeat;
	margin-bottom: 16px;
}

.kbheader
{
    font-weight: bold;
    font-size: 10pt;
    border-left: solid 4px #34C015;
    padding: 8px 0px 10px 14px;
    
}

.forumheader
{
    font-weight: bold;
    font-size: 10pt;
    border-left: solid 4px #0895CD;
    padding: 8px 0px 10px 14px;
    
}

#kbproductheader div
{
	float: left;
	width: 475px;
	margin: 100px 0px 0px 30px;
	line-height: normal;
}

#productheaderbullets
{
	float: left;
	width: 100%;
	line-height: normal;
}


#productheaderbullets h2
{
	float: left;
	font: normal 8pt Verdana, Tahoma, Arial;
	color: #fff;
	padding-right: 13px;
	margin: 0px 20px 0px 0px;
	background-image: url(../images/hostingticks.gif);
	background-position: right;
	background-repeat: no-repeat;
	overflow: hidden;
}


/* Product Page Bullets
-----------------------------------------------------------------------------*/

.bullet
{ 
	float: left;
	margin: 0;
	padding: 0px 0px 0px 10px;
	width: 100%;
} 

.bullet li
{
    float: left;
	margin: 0;
	padding: 0;

}

/* Small Resouces Links
-----------------------------------------------------------------------------*/


.resources
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%; 
	font: normal 10pt Tahoma, Verdana, Arial;	
   color: #444444;

}

.resources li
{
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	color: #ff0000;

}

.resources img
{
	float: left;
	margin: -2px;
	padding-right: 5px;
	vertical-align: middle;
	display: block;
}

.resources a
{
	font: normal 10pt Tahoma, Verdana, Arial;
	color: #336699;
}
.resources a:hover
{
	color: #0482FE;
	text-decoration:  underline;
}

/* Rad Tabstrip MultiPage Container
-----------------------------------------------------------------------------*/

.RadTabStripContainerPanel
{
	float: left;
}

.RadTabStripPanel
{
	float: left;
	width: 100%;

}


/* Demo Page Backgrounds
-----------------------------------------------------------------------------*/


#demoforumbackground
{
	background-image: url(../images/demoforumbackground.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 244px;	
}

#demokbbackground
{
	background-image: url(../images/demokbbackground.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 244px;	
}

/* purchase ticks
-----------------------------------------------------------------------------*/

.greenticks
{
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.greenticks li
{
	float: left;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0px 0px 12px 25px;
	background-image: url(../images/tickgreen.gif);
	background-repeat: no-repeat;
}

.greenticks a
{
	float: left;
	margin-top: -1px;	
	text-decoration: none;
}

.blueticks
{
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.blueticks li
{
	float: left;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0px 0px 12px 25px;
	background-image: url(../images/tickblue.gif);
	background-repeat: no-repeat;
}

.blueticks a
{
	float: left;
	margin-top: -1px;	
	text-decoration: none;
}

.purpleticks
{
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.purpleticks li
{
	float: left;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0px 0px 12px 25px;
	background-image: url(../images/tickpurple.gif);
	background-repeat: no-repeat;
}

.purpleticks a
{
	float: left;
	margin-top: -1px;	
	text-decoration: none;
}



.orangeticks
{
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.orangeticks li
{
	float: left;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0px 0px 12px 25px;
	background-image: url(../images/tickorange.gif);
	background-repeat: no-repeat;
}

.orangeticks a
{
	float: left;
	margin-top: -1px;	
	text-decoration: none;
}

/*  services header
-----------------------------------------------------------------------------*/

#servicehead
{
	float: left;
	width: 100%;
	height: 204px;	
	background: url(../images/hostedsolheader.jpg) no-repeat;
	margin-bottom: 12px;
	
}

#servicehead div
{
	float: left;
	width: 445px;
	margin: 85px 0px 0px 30px;
	line-height: normal;
}



#servicehead h2
{
	float: left;
	font: normal 8pt Verdana, Tahoma, Arial;
	color: #988811;
	padding-right: 13px;
	margin: 22px 20px 0px 0px;
	background-image: url(../images/hostedsoltick.gif);
	background-position: right;
	background-repeat: no-repeat;
	overflow: hidden;
}


/*  products header
-----------------------------------------------------------------------------*/

#productshead
{
	float: left;
	width: 100%;
	height: 204px;	
	background: url(../images/productsheader2.jpg) no-repeat;
	margin-bottom: 12px;
	
}

#productshead div
{
	float: left;
	width: 580px;
	margin: 85px 0px 0px 30px;
	line-height: normal;
}



#productshead h2
{
	float: left;
	font: normal 8pt Verdana, Tahoma, Arial;
	color: #2554A5;
	padding-right: 13px;
	margin: 22px 20px 0px 0px;
	background-image: url(../images/productstick.gif);
	background-position: right;
	background-repeat: no-repeat;
	overflow: hidden;
}



/*  hosted solutions plans
-----------------------------------------------------------------------------*/

#forumplans
{
	float: left;
	width: 100%;
	height: 332px;	
	background: url(../images/hostedsolblueplanbg.jpg) no-repeat;
	margin: 12px 0px 12px 0px;
}


#kbplans
{
	float: left;
	width: 100%;
	height: 332px;	
	background: url(../images/hostedsolgreenplanbg.jpg) no-repeat;
	margin: 12px 0px 12px 0px;
}

.hostedsolcol
{
	float: left;
	margin-bottom: 9px;
	line-height: 20px;
}


.hostedsolcol img
{
	float: left;
	margin-right: 12px;
}


.plantxt
{
	font-size: 10pt;
	font-weight: bold;
	color: #F11E5A;
	margin: 0px;
}

.planbullets
{
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 12px 0px 12px 0px;
	font-size: 8pt;

}

.planbullets li
{
	margin: 0px 1px 0px 16px;
}

/*  have a question panel
-----------------------------------------------------------------------------*/

#haveaquestion
{
	float: left; 
	font-family: Arial;
	font-size: 10pt;
	margin: 12px 0px 12px 0px;
	line-height: 26px;
}

#haveaquestion h3
{
	font-size: 10pt;
}

#haveaquestion a
{
	color: #336699;
	text-decoration: none;
}

#haveaquestion a:hover
{
	color: #336699;
	text-decoration:  underline;
}

#haveaquestion span
{
	font-weight: bold;
	color: #728FAA;
}

/*  main page header graphic
-----------------------------------------------------------------------------*/

.pageHeaderImage
{
	float: left;
	margin-bottom: 14px;
	
}

/*  add to cart tables
-----------------------------------------------------------------------------*/

.addtocarttable
{
	width: 100%;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
}

.addtocarttable thead td
{


	margin-bottom: 0px;


}

.addtocarttable h3
{
	float: left;
	font-weight: bold;
	font-size: 10pt;
	margin-top: 3px;

}

.addtocarttable h4
{
	float: right;
	width: 100%;
	font-size: 10pt;
	font-weight: bold;
	margin-top: -4px;

}
.addtocarttable td img
{
	float: right;
	cursor: pointer;
	margin: 0px 0px 0px 42px;
}

.addtocarttable thead img
{
	float: left;
	vertical-align: middle;
	cursor: default;
	margin: 0px 9px 0px 0px;
}

/*  search box for support page
-----------------------------------------------------------------------------*/

.input_BG
{
	float: left;
	background:url(../Images/searchbox/input-bgright.png) no-repeat right;
	height: 42px;
	width: 100%;
	min-width: 100px;
}

.input_BGLeft 
{
	float: left;
	background:url(../Images/searchbox/input-bgleft.png) no-repeat;
	height: 42px;
	 width: 100%;
}

.input_BGContainer
{
	margin: 0px 8px 0px 8px;
}

.input_BGContainerBG
{
	float: left;
	background:url(../Images/searchbox/input-bg.png) repeat-x;
	background-color: #fff;
	height: 42px;
    width: 100%;
}

.text-field 
{
    float: left;
    width: 80%;
    margin-top: 10px;
    margin-left: 3px;
}

.text-field input
{
    display: block;
    border: none;
    background: transparent;
    width: 100%;
    font-size: 14px;
    margin: 0;
    outline: none;
    border: none;
    color: #476BA9;
}

.button-field 
{
    float: right;
    margin-top: 11px;
    margin-right: 3px;
}

.button-field button
{
    float: left;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    width: 23px;
    height: 23px;
    background: url(../images/searchbox/search-input-button.png) no-repeat center center;
    cursor: pointer;
}

.button-field input
{
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    width: 23px;
    height: 23px;
    background: url(../images/searchbox/search-input-button.png) no-repeat center center;
    cursor: pointer;
}
