/*
 * CSS CUSTOMIZATIONS
 *
 * 06/24/2010 - Initial version
 *
 */
 
/***********************************
 * MENU 
 ***********************************/
.nav_2 a#nav_2, .nav_2 a.active#nav_2,
.nav_5 a#nav_5, .nav_5 a.active#nav_5 {
	width:176px;
	background:url(layout/tab_large_bg.png) top left no-repeat;
}

/*
 * Disable the mouse hover effects to show/hide the submenus
 * To enable this effect, just delete the 2 styles below.
 */
#subnav_nav_1 {
	display:block;
}

ul#nav li a:hover {
	background:url(layout/menu_bg_hover.png) top left repeat-x;
}

/*
 * No primary nav items selected - Padding adjustment for alignment
*/

.menu_navsel0 #menu {
	 padding-top: 4px;
}

/***********************************
 * COLOR CHANGES - This makes the site green
 ***********************************/
/*
a,
h2 {

	color: #337f19;
}

#header {
	background: url(layout/header_bg2.png) top left repeat-x;
}

#footer #footer_menu a.highlight {
	color: #82d461;
}

ul.subnav li ul {
	border-top:1px solid #337f19;
	border-bottom:3px solid #337f19;
	background:#e1f9d8;
}

ul#nav li a.active {
	background:url(layout/menu_bg_hover2.png) top left repeat-x;
}

a.tab_right.signup {
	background:url(layout/tab_right_bg2.png) top left no-repeat;
}

a.tab_right.signup:hover {
	background:url(layout/tab_right_bg2_hover.png) top left no-repeat;
}
*/

a.tab_right.feedback {
	background:url(layout/tab_right_feedback_bg2.png) top left no-repeat;
}

a.tab_right.feedback:hover {
	background:url(layout/tab_right_feedback_bg2_hover.png) top left no-repeat;
}

/***********************************
 * INVERSE TABS AND ITS BUTTONS
 ***********************************/

a.inverset_tab {
}

#content_inverse_tab {
	height:190px;
}

div.content_inverse_tab {
	/*visibility:hidden;*/
	display:none;
	position:absolute;
	width:950px;
} 
 
/* Inverse tab default (and darkblue, green, darkgreen, black and gray) */ 
/*a.inverse_tab, a.inverse_tab_selected,*/
a.inverse_tab_darkblue, a.inverse_tab_darkblue_selected,
/*a.inverse_tab_green, a.inverse_tab_green_selected,*/
a.inverse_tab_darkgreen, a.inverse_tab_darkgreen_selected,
a.inverse_tab_black, a.inverse_tab_black_selected,
a.inverse_tab_gray, a.inverse_tab_gray_selected {
	float: left;
	background: url(inverse_tab/inverse_tab_bg.gif) top left no-repeat;	
	display: block;
	height: 31px;
	width: 165px;
	text-align: center;
	color: #2E4C71;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right:1px;
}

/*a.inverse_tab:hover,*/
a.inverse_tab_darkblue:hover,
/*a.inverse_tab_green:hover,*/
a.inverse_tab_darkgreen:hover,
a.inverse_tab_black:hover,
a.inverse_tab_gray:hover {
	background: url(inverse_tab/inverse_tab_bg_hover.gif) top left no-repeat;
	text-decoration: none;
} 
 
/*a.inverse_tab_selected, a.inverse_tab_selected:hover,*/
a.inverse_tab_darkblue_selected, a.inverse_tab_darkblue_selected:hover,
/*a.inverse_tab_green_selected, a.inverse_tab_green_selected:hover,*/
a.inverse_tab_darkgreen_selected, a.inverse_tab_darkgreen_selected:hover,
a.inverse_tab_black_selected, a.inverse_tab_black_selected:hover,
a.inverse_tab_gray_selected, a.inverse_tab_gray_selected:hover {
	background: url(inverse_tab/inverse_tab_bg_hover.gif) top left no-repeat;
	text-decoration: none;	
}

/* Inverse tab darkblue (details) */
a.inverse_tab_darkblue, a.inverse_tab_darkblue_selected {
	background: url(inverse_tab/inverse_tab_bg_darkblue.gif) top left no-repeat;	
	color: #FFFFFF;
}

a.inverse_tab_darkblue:hover {
	background: url(inverse_tab/inverse_tab_bg_darkblue_hover.gif) top left no-repeat;
} 

a.inverse_tab_darkblue_selected, a.inverse_tab_darkblue_selected:hover {
	background: url(inverse_tab/inverse_tab_bg_darkblue_hover.gif) top left no-repeat;
}

/* Inverse tab green (details) */
/*
a.inverse_tab_green, a.inverse_tab_green_selected {
	background: url(inverse_tab/inverse_tab_bg_green.gif) top left no-repeat;	
	color: #4C6E09;
}

a.inverse_tab_green:hover {
	background: url(inverse_tab/inverse_tab_bg_green_hover.gif) top left no-repeat;
} 

a.inverse_tab_green_selected, a.inverse_tab_green_selected:hover {
	background: url(inverse_tab/inverse_tab_bg_green_hover.gif) top left no-repeat;
}
*/

/* Inverse tab darkgreen (details) */
a.inverse_tab_darkgreen, a.inverse_tab_darkgreen_selected {
	background: url(inverse_tab/inverse_tab_bg_darkgreen.gif) top left no-repeat;	
	color: #FFFFFF;
}

a.inverse_tab_darkgreen:hover {
	background: url(inverse_tab/inverse_tab_bg_darkgreen_hover.gif) top left no-repeat;
} 

a.inverse_tab_darkgreen_selected, a.inverse_tab_darkgreen_selected:hover {
	background: url(inverse_tab/inverse_tab_bg_darkgreen_hover.gif) top left no-repeat;
}

/* Inverse tab black (details) */
a.inverse_tab_black, a.inverse_tab_black_selected {
	background: url(inverse_tab/inverse_tab_bg_black.gif) top left no-repeat;	
	color: #FFFFFF;
}

a.inverse_tab_black:hover {
	background: url(inverse_tab/inverse_tab_bg_black_hover.gif) top left no-repeat;
} 

a.inverse_tab_black_selected, a.inverse_tab_black_selected:hover {
	background: url(inverse_tab/inverse_tab_bg_black_hover.gif) top left no-repeat;
}

/* Inverse tab gray (details) */
a.inverse_tab_gray, a.inverse_tab_gray_selected {
	background: url(inverse_tab/inverse_tab_bg_gray.gif) top left no-repeat;	
	color: #6C6C6C;
}

a.inverse_tab_gray:hover {
	background: url(inverse_tab/inverse_tab_bg_gray_hover.gif) top left no-repeat;
} 

a.inverse_tab_gray_selected, a.inverse_tab_gray_selected:hover {
	background: url(inverse_tab/inverse_tab_bg_gray_hover.gif) top left no-repeat;
}

/* Button big default */
a.button_darkblue,
/*a.button_darkblue2,*/
/*a.button_green,*/
a.button_darkgreen,
a.button_gray {
	float: inherit;
	width: 202px;
	height: 63px;
	line-height: 59px;
	background: url(inverse_tab/button.gif) top left no-repeat;
	display: inline-block;
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
}

a.button_darkblue:hover,
/*a.button_darkblue2:hover,*/
/*a.button_green:hover,*/
a.button_darkgreen:hover,
a.button_gray:hover {
	background: url(inverse_tab/button_hover.gif) top left no-repeat;
	text-decoration: none;
}

/* Button big darkblue (details) */
a.button_darkblue {
	background: url(inverse_tab/button_darkblue.gif) top left no-repeat;
}

a.button_darkblue:hover {
	background: url(inverse_tab/button_darkblue_hover.gif) top left no-repeat;
}

/* Button big darkblue2 (details) */
/*
a.button_darkblue2 {
	background: url(inverse_tab/button_darkblue2.gif) top left no-repeat;
}

a.button_darkblue2:hover {
	background: url(inverse_tab/button_darkblue2_hover.gif) top left no-repeat;
}
*/

/* Button big green (details) */
/*
a.button_green {
	background: url(inverse_tab/button_green.gif) top left no-repeat;
}

a.button_green:hover {
	background: url(inverse_tab/button_green_hover.gif) top left no-repeat;
}
*/

/* Button big darkgreen (details) */
a.button_darkgreen {
	background: url(inverse_tab/button_darkgreen.gif) top left no-repeat;
}

a.button_darkgreen:hover {
	background: url(inverse_tab/button_darkgreen_hover.gif) top left no-repeat;
}

/* Button big gray (details) */
a.button_gray {
	background: url(inverse_tab/button_gray.gif) top left no-repeat;
}

a.button_gray:hover {
	background: url(inverse_tab/button_gray_hover.gif) top left no-repeat;
} 

/***********************************
 * CUSTOMIZATIONS
 ***********************************/
 
/* Home - Boxes */
.box {
	width:473px;
	height:112px;
	padding: 0;
/*	margin: 8px 0 0 0; //*RH - MOD for elephant promo */
	margin: 3px 0 0 0;
	cursor:auto;
}

.box.blue {
	background: url(box_blue_bg.png) top left no-repeat;
}

.box.dark-gray {
	background: url(box_dark-gray_bg.png) top left no-repeat;
}

.box .title {
	display: inline-block;
	width: 100%;
}

.box .price {
	color: #ffffff;
}

.box h2, .box h2 a {
	font-size:18px;
	color: #ffffff;
	margin: 5px 0 0 0;
	padding: 0;
}

.box p {
	margin: 10px 0px 8px 5px;
	text-align: left;
	color: #ffffff;
}

/* DNN - Features */
.topic {
	/*width: 298px;*/
	padding: 0;
	margin: 0 0 10px 0;
	font-size:11px;
}

.topic h2 {
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	font-size:13px;
	font-weight: bold;
}

.topic p {
	text-align: left;
	margin: 0px;
}

/* DNN - How It Works page */
.howitworks-content_skins {
	background:url(../Etc/images/howitworks_skins_bg.jpg) top left no-repeat;
	min-height:360px;
	padding:24px 10px 10px 290px;
}

/* DNN - Browse Site Templates */
.steps {
 	background: url(../Etc/images/steps_templates_bg.png) top left no-repeat;
 	width: 951px;
 	height: 108px;
 	margin: 0 0 10px 0;
 	text-align: left;
}
 
.step {
 	float: left;
 	width:220px;
 	margin: 15px 25px 0 0;
 	padding: 3px 10px 20px 70px;
 	color: #e2e2e2;
 	cursor:pointer;
 	/*border:1px solid red;*/
}
 
a.step {
 	text-decoration:none;
}
 
a.step:hover {
 	text-decoration:none;
}
 
.step:hover {
	color: #ffffff; 
 }
 
.step h2 {
 	color: #e2e2e2;
 	font-size: 14px;
 	font-weight: bold;
 	margin: 5px 0 5px 0;
}
 
.step:hover h2 {
 	color: #ffffff;
} 
 
.step .description {
	line-height: 140%;
}
 
.step1 {
  	background: url(../Etc/images/steps_templates_step1_bg.png) top left no-repeat;
}
 
.step1:hover {
	background: url(../Etc/images/steps_templates_step1_bg_hover.png) top left no-repeat; 
}
 
.step2 {
	background: url(../Etc/images/steps_templates_step2_bg.png) top left no-repeat;
}
 
.step2:hover {
	background: url(../Etc/images/steps_templates_step2_bg_hover.png) top left no-repeat;
} 
 
.step3 {
	background: url(../Etc/images/steps_templates_step3_bg.png) top left no-repeat;
}
 
.step3:hover {
	background: url(../Etc/images/steps_templates_step3_bg_hover.png) top left no-repeat;
}

.widget {
	float:left;
	background:#595959;
	width: 100%;
}

#border-content .highlightarea .widget .content,
.widget .content {
	clear: both;
	/*padding:8px 8px 8px 8px;*/
	padding: 2px 0 0 0;
}

.widget .content .site_example {
	float:left;
	background:#000;
	width:150px;
	margin:5px 5px 5px 5px;
	padding:11px;
	text-align: center;
	color: #b3b3b3;
}

.widget .content .site_example a {
	color: #b3b3b3;
}

.widget .content .site_example img {
	margin-bottom: 5px;
}

.widget .content .site_example .preview_image,
.site_example .preview_image,
.site_example a.preview_image,
a.preview_image {
	display:inline-block;
	height:113px;
	margin-bottom:5px;
	max-height:113px;
	overflow: hidden;
}

.widget .content .site_example .preview_image img {
	margin-bottom: 0px;
}

/* Category Links */
.widget .template_categories {
	display:block;
	float:none;
	text-align:left;
	width:auto;
	background:#000;
	margin:13px 15px 3px;
	color: #b3b3b3;
	clear: both;
	overflow: hidden;
}

.widget .template_categories .label {
	font-size: 15px;
	margin: 10px 9px 10px 13px;
	color: #ffffff;
}

.widget .template_categories .category_link, 
.widget .template_categories a.category_link {
	font-size: 15px;
	padding: 0 21px;
	display: inline-block;
	border-right: 1px double;
	margin: 10px 0px;
	color: #B3B3B3;
}

/* DNN - Preview_SiteTemplate */
.thumbnail_color {
	float: left;
	margin: 4px 4px 4px 4px;
	padding: 5px 5px 5px 5px;
	background: none;
	display:block;
}

a.thumbnail_color img {
	border:1px solid #595959;
}

.thumbnail_color.selected {
	background: #75ad60;
}

/* Ecommerce - Home / Featured Logos */
.featured {
	background: url(featured_bg.gif) top left no-repeat;
	height: 98px;
	width: 224px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}

/* Ecommerce - Gallery */
table.gallery {
	text-align: center;
	margin: 0 auto;
}

table.gallery td {
	border: solid 1px #ccc;
}

table.gallery a img{
	text-decoration: none;
	border: 0 none;
}

table.gallery td p {
	text-align: center;
}


/***********************************
 * TRIAL SIGNUP FORM
 ***********************************/

.trial_signup_form,
.table_form.trial_signup_form {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}

.inputbutton-green,
input.inputbutton-green {
	background:url(/master/buttons/button-oval_green_bg.png) center center no-repeat transparent;
	border:0;
	color:#FFFFFF;
	font-size:17px;
	height:34px;
	padding-bottom:5px;
	width:209px;
}


/* Area */

.area {
	overflow:hidden;
	color: #2a2a2a !important;
	padding: 6px 13px 10px;
}

.area.blue {
	background-color: #d3e3f0;
	border:1px solid #2271b2;
}

.area.blue h2,
.area.blue a {
	color:#2271b2;
}

.area.blue ul li {
 	background: url(layout/bullet_blue.png) top left no-repeat;
}

.area.green {
	background-color: #d9e8d3;
	border:1px solid #428e25;
}

.area.green h2,
.area.green a {
	color:#428e25;
}

.area.orange {
	background-color: #ffe3cc;
	border:1px solid #ff7401;
}

.area.orange h2,
.area.orange a {
	color:#ff7401;
}

.area.orange ul li {
 	background: url(layout/bullet_orange.png) top left no-repeat;
}

/* MODS TO BE MIGRATED TO COMMON_CONTENT.CSS */

/*Common_Content.css (~line 200)*/
#border-content .border-content-top {
	padding: 17px 3px 0 5px;
}

/*Common_Content.css (~line 245)*/
#border-content .subheader .title { 
	color: #FFFFFF;
	float: left;
	font-size:21px;
	height: 60px;
	line-height: 60px;
	margin-left:25px;
	overflow:hidden;
	padding: 0px 5px;
}

#border-content .subheader h1 {
	font-size:20px;
}

#border-content .widget .content {
	padding: 4px 10px;
}


#border-content #main-feature-content {
	padding: 10px 30px;
}

h1 {
	font-size: 26px;
}

.heading_small, 
h1.heading_small {
	font-size: 24px;
}

/* Mailing List Signup Form */
/*
 * Styles match #footer section text.
*/
#MailingListSignupSection {
	margin: auto;
	width: 940px;
	overflow: hidden;
}

#MailingListSignupSection, 
#MailingListSignupSection p, 
#MailingListSignupSection td {
	font-size: 13px;
	color: #eaeaea;
	font-family: Segoe UI, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#MailingListSignupSection form {
	background: transparent;
	float: right;
}

#SignUp {
	text-align: right;
	padding-right: 3px;
}



/*
 * LOGOMAKER 
 * URL: IHOST.NET/LOGO/VIEWLOGO.ASPX
 */
 
.logomaker .widgets_area {
	height:100%;
	background: #000000;
	padding: 16px;
}

.logomaker .widget {
	width:80%;
	color:#FFFFFF;
	background: none;
	float: none;
}

.logomaker .widget .title h1 {
	color: #EFEFEF;
	font-size: 35px;
	font-weight: normal;
	line-height: 45px;
	text-align: center;
}


.logomaker .banner h1,
.logomaker .banner a {
	color:#cdcdcd;
	line-height: 35px;
}

.logomaker h3, 
.logomaker h3 a {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
}

.logomaker .banner a:hover img {
	text-decoration: none;
	border: none;
	outline: none;
}


/***********************************
 * NEW HOMEPAGE - REUSABLE ITEMS
 ***********************************/

.signup-button, a.signup-button {
	background:url(/master/buttons/signup_button.png) center center no-repeat transparent;
	border:0;
	color:#FFFFFF;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	height:51px;
	line-height:43px;
	margin: 0 auto;
	padding-bottom:0px;
	width:212px;
	text-align:center;
	text-decoration: none;
}

a.signup-button:hover {
	text-decoration: underline;
}