/*
// eTecc Communications Framework
// Version 1.0
// Copyright 2007 eTecc Communications All Rights Reserved
// Last Updated: January 23, 2007
// Created On: January 23, 2007 
*/

	html {

	}

	body {
		margin:0;
		border:0;

		background-color:#686868;
	}

	body, td, th, select, input, textarea
	{
		font-family:arial;
		font-size:9pt;
		color:#333;
	}

	input, textarea
	{
		border: 1px solid #cccccc;
		padding: 3px;
	}
	input:focus,
	select:focus,
	textarea:focus
	{
		background-color:#e5fff3;	
	}

	a
	{
		/*
		color:#790000;
		*/
		outline: none;
		color:#39a5af;

	}
	a:hover
	{
		color:#39a5af;
		text-decoration:none;
	}
	.nav
	{
		background:#686868 url('../images/nav_bg.gif') repeat-x;
		height:43px;
	}
	.nav td
	{
		background:url('../images/nav_rule.gif') no-repeat left;
		width:16.6%;
		text-align:center;
	}
	.nav td:hover
	{
		background:url('../images/nav_bg_hover.gif');
		width:16.6%;
		text-align:center;
	}
	.nav td a
	{
		color:#d1d1d1;
		font-size:11pt;
		text-decoration:none;
	}

	.mainTable
	{
		background-color:#FFFFFF;
	}
	#bg
	{
		background:#686868 url('../images/bg.gif') repeat-y center;
	}
	.content1
	{
		height:362px;
		background:#686868 url('../images/contentBg1.gif') repeat-x center;
		position:relative;

		vertical-align:top;
	}
	.content1b
	{
		height:262px;
		background:#686868 url('../images/contentBg1.gif') repeat-x center;
		position:relative;

		vertical-align:top;
	}
	.content2
	{
		height:233px;
		background:#686868 url('../images/contentBg2.gif') repeat-x center;
		padding-top:54px;
		padding-left:55px;
		padding-right:55px;
		vertical-align:top;
	}
	.content3
	{
		height:210px;
		background:#686868 url('../images/contentBg3.gif') repeat-x center;
		padding-top:24px;
		padding-left:55px;

		vertical-align:top;
	}
	.twitter
	{
		float:right;
		height:39px;
		padding-top:6px;
	}
	.twitter span
	{
		vertical-align:super;
	}
	.copyright
	{
		float:left;
		width:50%;
	}
	.copyright div
	{
		position:relative;
		left:10px;
		top:10px;
	}
	.content4
	{
		height:156px;
		background:#FFFFFF url('../images/contentBg4.gif') repeat-x center;
		padding-top:30px;
		padding-left:55px;
		padding-right:55px;

		vertical-align:top;
		color:#838383;
	}
	
	
	/*
	// News
	*/
	.news span
	{
		font-size:13pt;
		line-height:200%;
	}
	.news .line
	{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	
	/*
	// headings
	*/
	.headingRed
	{
		font-size:7.5pt;
		font-weight:bold;
		letter-spacing:1pt;
		color:#9d0a0e;
	}

	span.heading,
	div.heading
	{
		font-size:8pt;
		font-weight:bold;
		color:#626262;
		letter-spacing:1.5pt;
	}

	.medHomeHeading
	{
		font-size:14pt;
		font-weight:bold;
		line-height:68%;
	}

	.lgHomeHeading
	{
		font-size:25pt;
		font-weight:bold;
		color:#9d0a0e;
	}
	.homeText
	{
		font-size:10pt;
		line-height:150%;
	}


	/*
	// Top right Login link
	*/
	.topRight
	{
		/*width:340px;*/
		text-align:right;
		padding-right:10px;
	}
	.loginLink
	{
		font-size:9pt;
		padding-left:10px;
		margin-right:30px;
		height:22px;
		padding-top:16px;
	}
	div.loginLink
	{
		font-size:9pt;
		text-align:right;
	}
	div.loginLink a
	{
		color:#6e6e6e;
		text-decoration:none;
	}
	#banner
	{
		position:absolute;
		width:1005px;
		height:410px;
	}
		
		/*
		Blue Banner
		background:url('../images/web_dev_ad.gif') no-repeat;
		*/

		/*
			Bday banner
		background:url('../images/BdayBannerFinal.png') no-repeat;
		visibility:hidden;
		*/
		/*
		Backup banner
		*/
		/*
		BACKUP BANNER
		background:url('../images/BackupBanner.png') no-repeat;
		
		/*
		// JuicyCMS v1.5
		background:url('../images/JuicyCMS-Home-v1.5.png') no-repeat;
		*/
		
		/*
		// Lumberock header
		background:url('../images/Lumberock_banner.png') no-repeat;
		*/
		
	/*
	}
	*/
	#banner2
	{
		position:absolute;
		width:1005px;
		height:262px;
		padding-top:22px;
		
		/*
		Blue Banner
		background:url('../images/web_dev_ad.gif') no-repeat;
		*/

		/*
			Bday banner
		*/
		background:url('../images/NeverworryBannerFinal.png') no-repeat;
		visibility:visible;
	}
	#banner3
	{
		position:absolute;
		width:1005px;
		height:311px;
		
		background:url('../images/cms_header.png') no-repeat left top;
		visibility:visible;
	}
	#banner3 .text1
	{
		color:#fff;
		position:absolute;
		font-size:14pt;
		text-shadow: #666666 1px 1px 1px;

		left:67px;
		top:100px;
		width:350px;

		display:none;
	}
	#banner3 .text2
	{
		color:#fff;
		font-size:11pt;
		width:350px;
		text-shadow: #666666 1px 1px 1px;
	}
	#banner4
	{
		position:absolute;
		width:1005px;
		height:311px;
		
		background:url('../images/affordable_web_design_header.png') no-repeat left top;
		visibility:visible;
	}
	#banner4 .text1
	{
		color:#fff;
		position:absolute;
		font-size:16pt;
		text-shadow: #666666 1px 1px 1px;

		left:67px;
		top:100px;
		width:350px;
	}
	#banner4 .text2
	{
		color:#fff;
		font-size:11pt;
		width:350px;
		text-shadow: #666666 1px 1px 1px;
	}
	#banner5
	{
		position:absolute;
		width:1005px;
		height:311px;
		
		background:url('../images/seo_header.png') no-repeat left top;
		visibility:visible;
	}
	#banner5 span
	{
		color:#fff;
		position:absolute;
		font-size:15pt;
		text-shadow: #666666 1px 1px 1px;

		left:67px;
		top:100px;
		width:450px;

		display:none;
	}
	#kudosButton
	{
		position:absolute;
		left:391px;
		top:267px;
	}
	.bannerBtns
	{
		width:460px;
	}
	.bannerBtns td a
	{
		font-weight:bold;
		color:#3d3d3d;
		text-decoration:none;
		font-family:arial;
		font-size:10pt;
	}
	.bannerBtns td a:hover
	{
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
	}
	#bannerText
	{
		position:relative;

		width:400px;
		left:530px;
		top:99px;

		font-size:11pt;
		color:#FFF;
		
	}
	.newsHeading
	{
		font-weight:bold;
		text-align:left;
		font-size:10.5pt;
		color:#626262;
	}
	
	
	
	/*
	// content pages
	*/ 
	.mainContentBg
	{
		height:570px;
		padding-top:54px;
		padding-left:55px;
		padding-right:55px;
		vertical-align:top;

	/*
		background:url('../images/mainContentBg.gif') no-repeat;
		background:url('../images/mainContentBg2.gif') no-repeat;
	*/
		background:url('../images/mainContentBg_light.png') no-repeat;
	}
	.contentHeading
	{
		font-size:16pt; 
		line-height:125%; 
		color:#666;
	}

	.contentHeading, h1
	{
		/*
		color:#9d0a0e;
		color:#C10000;
		*/
		color:#39a5af;
		font-size:22pt;
	}
	
	h3.ticket-reply
	{
		color:#39a5af;
		font-size:18pt;
		margin-bottom:0px;
	}
	
	h2.ticket-reply
	{
		color:#39a5af;
		font-size:13pt;
		margin-top:5px;
	}
	
	h3.ticket-mytickets
	{
		color:#39a5af;
		font-size:18pt;
	}
	
	span.ticket-date{
		float:left;
		display:block;
	}
	
	a.ticket-file{		
		display:block;
		text-decoration:none;
		margin:2px 0;
		font-size:9pt;
		font-weight:bold;
	}
	
	a.ticket-file img{
		border:0px;
	}
	
	span.ticket-name{
		clear:both;
		display:block;
	}
	
	span.ticket-emergency{
		font-style:italic;
		color:red;
		display:block;
		font-size:8pt;
		font-weight:bold;
	}
	
	
	.rightColHeading
	{
		color:#39a5af;
		font-size:13pt;
		font-weight:bold;
	}
	.subheadinglrg
	{
		font-family:arial;
		font-size:16pt;
		color:#555;
		/*
		color:#C10000;
		*/
	}
	.subheadinglrg span span
	{
		font-family:arial;
		font-size:17pt;
		color:#c10000;
		/*
		color:#C10000;
		*/
	}
	.subheading
	{
		font-family:arial;
		font-size:12pt;
		color:#39a5af;
		/*
		color:#C10000;
		*/
	}
	.tblheading
	{
		font-family:arial;
		font-size:12pt;
		color:#626262;
	}

	/*
	// Foooter
	*/ 
	.footer
	{
		width:895px;
	}
	.footer th
	{
		text-align:left;
		font-family:arial;
		font-size:12pt;
		color:#626262;
		width:180px;
		
		background:url('../images/footerRule.gif') no-repeat bottom left;
	}
	.footer td
	{
		vertical-align:top;
		font-size:9pt;
		color:#545454;
	}
	.footer a
	{
		line-height:135%;
		font-family:arial;
		font-size:9pt;
		color:#545454;
		text-decoration:none;
	}


	/*
	// Packages
	*/
	.package
	{
	}
	.packages th
	{
	}
	.packages td.heading
	{
		font-size:10pt;
		background:#e6e6e6;
		font-weight:bold;
	}
	
	.packages
	{
		border-collapse: collapse; 
		border-width:1px;		
		border-spacing:1px;

		width:100%;
	}
	.packages td
	{
		border:solid 1px #c6c6c6;
		
		background:#fff;
		padding:5px;
	}
	.packages th
	{
		font-size:12pt;
		color:#ffffff;
		background:#666666;
		padding:8px;
	}
	.pricing
	{
		font-size:11pt;
		color:#c14000;
		font-weight:bold;
	}
	.pricing_strike
	{
		font-size:11pt;
		color:#c14000;
		font-weight:bold;
		text-decoration: line-through;
	}
	.pricing_sale
	{
		font-size:11pt;
		color:#cc0000;
		font-weight:bold;
	}
	.subpricing
	{
		font-size:8pt;
		font-weight:bold;
	}
	ul
	{
		list-style-image:url('../images/goldCheck.gif');
	}
	
	ul.green
	{
		list-style-image:url('../images/greenCheck.gif');
		padding-left:23px;
	}
	ul.indent
	{
		padding-left:40px;
	}
	
	
	
	fieldset 
	{  
		-moz-border-radius-bottomleft:8px;   
		-moz-border-radius-bottomright:8px;   
		-moz-border-radius-topleft:8px;   
		-moz-border-radius-topright:8px;   
		border-radius: 8px;   

		clear: both;  
		padding: 10px;
		*padding-top: 0; /*to lose the added whitespace line in IEs*/ 
		border: 1px solid #BFBAB0;  
		background-color: #d7d7d6;  
		background-image: url('../images/fieldset_gradient.gif'); 
		background-repeat: repeat-x;

	/*	height:220px; */
	}
	legend 
	{  
		margin-left: 1em;  
		padding: 0 10px;  
		
		font-size:11pt;
		font-weight:bold;
		color:#545454;
		/*background:#fff;*/
	}
	.cite {position:relative}
	.cite B {font:bold 38px "Times New Roman", Times, serif; display:block; position:absolute; top:-10px; left:-2px; color:#c18000;}
	.cite I {position:relative; width:19px}
	.cite I B {top:-4px; left:0}
	.cite P 
	{
		padding-left:20px; 
		font-size:11pt;
	}
	.cite .author 
	{
		text-align:right; 
		/*font-style:italic; */
	}
	
	.faquestion
	{
		color: #39a5af;
	}

	span#successbox{
		background: #b5d2a5;
		display:block;
		/*width:100%;*/
		padding:10px;
		font-weight:bold;
		color:#000;
		margin:0 0 10px 0;
		font-size:9pt;
		width:540px;
		border:1px solid green;
	}
	
	span#errorbox{ 
		background: #d6a3a0;
		display:block;
		/*width:90%;*/
		padding:10px;
		font-weight:bold;
		color:#000;
		margin:0 0 10px 0;
		font-size:9pt;
		width:540px;
		border:1px solid red;
	}
	
	/*** Packages ***/
	.moduletable th
	{
		text-align:left;
	}
	.moduletable td.heading
	{
		font-size:10pt;
		background:#e6e6e6;
		font-weight:bold;
	}
	
	.moduletable
	{
		border-collapse: collapse; 
		border-width:1px;		
		border-spacing:1px;

		width:100%;
	}
	.moduletable td
	{
		border:solid 1px #c6c6c6;
		
		background:#e6e6e6;
		padding:5px;
	}
	
	.moduletable tr.odd td{
		background:#fff;
	}
	
	.moduletable th
	{
		font-size:12pt;
		color:#ffffff;
		background:#666666;
		padding:8px;
	}
	
	
	table.ticket-table{ width:100%; }

		
	/* Normal Bubble */
	div.bubble {
		width: auto;
		font-size: 10pt;
		margin-bottom: 15px;
	}
	div.bubble .quote 
	{
		padding: 0px;
		border: 1px solid #c9c2c1;
		background-color: #d7d6d7;
		width:437px;
		float:left;
		position:relative;
		left:-1px;
	}
	
	div.bubble #odd.quote
	{
		background-color: #f9f9f8;
	}

	div.bubble .quote p 
	{
		margin: 20px 10px;
		padding: 0px;
		font-size:12pt;
	}

	div.bubble .cite 
	{
		background: transparent url(../admin/modules/support_tickets/images/tip-odd.gif) no-repeat right 10px;
		font-style: normal;
		font-size:10pt;
		width:150px;
		float:left;
		position:relative;
		z-index:5000;
	}
	
	div.bubble #odd.cite 
	{
		background: transparent url(../admin/modules/support_tickets/images/tip.gif) no-repeat right 10px;
	}

	/* Rounded Bubble */
	div.bubble div.rounded {
		margin-bottom: 10px;
		border: 3px solid #fff;
		background-color: #b7e0ff;
	}
	div.bubble div.rounded .quote
	{
		border: 0;
		background-color: transparent;
	}
	div.bubble div.rounded .quote p 
	{
		margin: 0px 10px;
	}
	div.bubble .cite.rounded {
		position: relative;
		margin: 0px;
		padding-left: 15px;
		padding-top: 12px;
		top: 9px;
		background: transparent url(../images/tip-rounded.gif) no-repeat 15px 0;
	}

	/* Pimped Bubble */
	div#pimped.bubble {
		font-size: 0.9em;
	}
	div#pimped.bubble div.rounded {
		color: #fff;
		border: 3px solid #fff;
		background-color: #111;
	}
	div#pimped.bubble cite.rounded {
		background: transparent url(../images/tip-pimped.gif) no-repeat 15px 0;
	}
	
	.toggleridentifier{ cursor:pointer; }
	.togglercloseidentifier{ cursor:pointer; }

	
	.welcomebox { display:block; padding:5px; }
	.welcome { display:block; float:left; font-weight:bold; }
	.welcome-username { display:block; float:left; margin-left:3px; }
	
	.welcome-account { display:block; float:left; margin-left:20px; }
	.welcome-account span { float:left; /*margin:0 5px;*/ }
	
	.welcome-support { display:block; float:left; }
	.welcome-support span { float:left; margin:0 5px; }
	
	.welcome-logout { display:block; float:left;}
	.welcome-logout span { float:left; margin:0 5px; }
	
	.welcome-login { display:block; float:left; }
	.welcome-login span { float:left; margin:0 5px; }
	
	.welcome-register { display:block; float:left; }
	.welcome-register { display:block; float:left; }


	/*
	//
	// Apps. - web development
	//
	*/
	.apps td
	{
		color:#777;
		line-height:135%;
		padding-left:15px;
	}
	.appheading
	{
		font-size:14pt; 
		color:#363636;
	}

	/*
	//
	// CMS Feature headings
	//
	*/
	.cmsFeatures td
	{
		color:#666;
		line-height:135%;
	}
	.cmsFeatureHeading
	{
		font-size:12pt; 
		color:#363636;
	}

	
	/*
	//
	// Greeen buttons
	//
	*/
	a:hover.button-green
	{
		background-image:url(../images/button_3.gif);
		background-position:0px -26px; 
	}
	
	a:hover.button-green span
	{
		background-image:url(../images/button_3.gif);
		background-position:right -26px; 
	}
	
	a.button-green 
	{
		background-image:url(../images/button_3.gif);
		background-repeat:no-repeat;
		display:inline-block;
		padding:3px 0 3px 20px;
		text-decoration:none;
		color:#FFFFFF;
		overflow:hidden;
	}
	
	a.button-green span
	{
		font-weight:bold;
		background-image:url(../images/button_3.gif);
		background-position:right top;
		padding:5px 20px 5px 0;
		background-repeat:no-repeat;
		text-shadow:1px 1px 2px #777;
	}

	/*
	//
	// Gray buttons
	//
	*/
	a:hover.button-gray
	{
		background-image:url(../images/button_2.gif);
		background-position:0px -155px; 
	}
	
	a:hover.button-gray span
	{
		background-image:url(../images/button_2.gif);
		background-position:right -155px; 
	}
	
	a.button-gray 
	{
		background-image:url(../images/button_2.gif);
		color:#888;
		background-repeat:no-repeat;
		display:inline-block;
		padding:3px 0 3px 20px;
		text-decoration:none;
		font-weight:bold;
		font-size:10pt;
		overflow:hidden;
	}
	
	a.button-gray span
	{
		background-image:url(../images/button_2.gif);
		background-position:right top;
		padding:5px 20px 5px 0;
		background-repeat:no-repeat;
		overflow:hidden;
		text-shadow:1px 1px 2px #bbb;
	}

	/*
	//
	// Details Button - CMS home page
	//
	*/
	a.details-button
	{
		background-image:url(../images/details.png);
		width:222px;
		height:49px;

		background-repeat:no-repeat;
		display:inline-block;
		overflow:hidden;
	}
	a:hover.details-button
	{
		background-image:url(../images/details.png);
		background-position:right; 
	}

	/*
	//
	// CMS Page
	//
	*/
	.cms_screens:hover
	{	
		border:solid 4px #888;
	}
	.cms_screens
	{	
		border:solid 4px #aaa;
	}
	.cmsScreensHeading
	{
		color:#999;
	}

	/*
	//
	// Required image for forms
	//
	*/
	.required
	{
		background: url('../images/contact-required.gif') no-repeat scroll right 7px transparent;
		width:115px;
	}
	
	/* Login form style */
	.login_field
	{
		border:0;
		margin:3px;
		height:20px;
		width:200px;
		background: transparent url("images/form_bg.png") no-repeat;
		padding:4px 12px;
		font-size:11px;
	}
	.infoWindow,
	.infoWindow input
	{
		font-size:8pt;
	}

	/*
	// portfolio
	*/
	.portfolio_item
	{
		background-color:#ccc;

		border:solid 1px #bbb;
		border-radius: 5px;
		-moz-border-radius: 5px;

		width:100%;
		min-height:200px;
	}
	.portfolio_item img
	{
		border:solid 4px #aaa;
		float:left;
	}


	/*
	// Input hint
	*/ 
    .inputHintOverlay { color: #999; }

	div.box-2-left
	{
		float:left;
		width:47%;
	}
	div.box-2-right
	{
		float:right;
		width:47%;
	}
	div.box-2-left h3,
	div.box-2-right h3
	{
		padding-top:0;
		margin-top:0;
	}
	.clear
	{
		clear:both;
	}
	.callOut
	{
		padding:20px;
		background:#e6e6e6;
		border:solid 1px #ccc;
	}
	.callOut a
	{
		float:right;
	}
	.twitterBoxTop
	{
		background: url(../images/twitter_top.png) no-repeat;
		width:239px; 
		height:10px;
		
	}		
	.twitterBoxBottom
	{
		background: url(../images/twitter_bottom.png) no-repeat; 
		width:239px; 
		height:10px;
	}
	.twitterBox
	{
		background-color: #686868;
		color: white;
		margin-left: 1px;
		margin-right: 17px;
		padding:10px 10px 35px 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-khtml-border-radius: 10px;	
		cursor:pointer;
		list-style:none;
	}
	ul.tweetTweet
	{
		list-style-image:none;
		padding:0;
		margin:0;
	}
	.twitterBox a 
	{
		color:#b1cfcb;
	}
	.twitterBox .time
	{
		color:#d0d0d0;
		float:right;
		margin-left: 115px;
	}
	img.croppedBubble
	{
		margin-left: 90px;		
	}