.ui-header-background { background: transparent url('images/background-header-spotlight.png'); }
.ui-header-background { background-position: 0px 0px; background-repeat: no-repeat; }
.ui-header-background { display: block; width: 100%; height: 170px; }


	.ui-header-logo-background-image { background: transparent url('images/background-header-logo.png'); }
	.ui-header-logo-background-image { background-position: 0px 0px; background-repeat: no-repeat; }
	.ui-header-logo-background-image { display: block; width: 682px; height: 201px; }

	.ui-header-logo-background-name { background: transparent url('images/background-header-logo-name.png'); }
	.ui-header-logo-background-name { background-position: 150px 40px; background-repeat: no-repeat; }
	.ui-header-logo-background-name { display: block; width: 803px; height: 170px; }


	.ui-header-logo-background-radial { background: transparent url('images/background-header-radial.png'); }
	.ui-header-logo-background-radial { background-position: 0px 0px; background-repeat: no-repeat; }
	.ui-header-logo-background-radial { display: block; width: 800px; height: 170px; }

	.ui-header-advertisement-background-submenu { background: transparent url('images/background-submenu-advertisment.png'); }
	.ui-header-advertisement-background-submenu { background-position: 0px 0px; background-repeat: repeat-x; }
	.ui-header-advertisement-background-submenu { display: block; width: 100%; height: 302px; z-index: 1; }

	.ui-header-advertisement-background-submenu { color: #fff; }








	.ui-background-graph { background: transparent url('images/background-tabmenu-graph.png'); }
	.ui-background-graph { background-position: bottom right; background-repeat: no-repeat; }
	.ui-background-graph { display: block; width: 650px; height: 302px; }







		.ui-header-support-text { position: absolute; right: 5px; }
		.ui-header-support-text { padding-top: 0px; color: #fff; }

		.ui-header-support-text span { display: inline-block; vertical-align: middle; }
		.ui-header-support-text span { border-right: 1px solid #eee; }
		.ui-header-support-text span { height: 25px; margin-left: 5px; margin-right: 5px; }

		.ui-header-support-text a,
		.ui-header-support-text a:link,
		.ui-header-support-text a:active,
		.ui-header-support-text a:visited { color: #fff; text-decoration: none; font-size: 125%; }
		.ui-header-support-text a:hover { color: #000; }








		.ui-adtext-star-background { background: transparent url('../images/adtext-star.png'); }
		.ui-adtext-star-background { background-position: 0px 0px; background-repeat: no-repeat; }
		.ui-adtext-star-background { width: 200px; height: 170px; display: inline-block; float: left; }


		/*
		 *the tab menu system for every page on the site....
		 *.tabmenu { list-style: none; margin: 0px; padding: 0px; }
		 */
		.ui-header-tabmenu-background { position: absolute; top: 163px; left: 250px; }
		.ui-header-tabmenu-background { margin: 0px; padding: 0px; border: 0px; }
		.ui-header-tabmenu-background { vertical-align: bottom; text-align: left; }

			.ui-header-tabmenu-background div a { margin: 0px; padding: 0px; border: 0px; }
			.ui-header-tabmenu-background div a { vertical-align: bottom; text-align: left; }

				.ui-header-tabmenu-background div a img { margin: 0px; padding: 0px; border: 0px; }


			/* this div gives me the padding i need for the buttons */
			/*.ui-header-tabmenu-background div { padding-top: 147px; padding-left: 200px; }*/
			/*.ui-header-tabmenu-background { display: block; width: 1200px; height: 38px; }*/

	/************************** the tab menus panes or sub menus for every page... ***********************/

	.ui-tabmenu-submenu-background { background: transparent url('images/background-submenu.png'); }
	.ui-tabmenu-submenu-background { background-position: 0px 0px; background-repeat: repeat-x; }
	.ui-tabmenu-submenu-background { display: block; height: 100px; color: #eee; }

	/*.ui-tabmenu-submenu-background { position: absolute; top: 180px; left: 245px; }*/
	.ui-tabmenu-submenu-background { padding-left: 245px; padding-top: 0px; display: none; }

		.ui-tabmenu-submenu-menu-block strong { color: #999; font-weight: bold; }
		.ui-tabmenu-submenu-menu-block strong { display: block; margin-bottom: 5px; }
		.ui-tabmenu-submenu-menu-block span { display: inline-block; width: 200px; height: 70px; float: left; overflow: hidden; }
		.ui-tabmenu-submenu-menu-block span { border-right: 1px solid #fff; padding: 5px; }

		.ui-tabmenu-submenu-menu-block span a,
		.ui-tabmenu-submenu-menu-block span a:link,
		.ui-tabmenu-submenu-menu-block span a:visited,
		.ui-tabmenu-submenu-menu-block span a:active { display: block; width: 200px; color: #eee; text-decoration: none; line-height: 15px; }
		.ui-tabmenu-submenu-menu-block span a:hover { color: #fff; text-decoration: underline; }


		.ui-clear-spans { border: 0px; display: inline; width: auto; height: auto; }



		/**** the pages menu blocks for the top of pages -- in most cases ****/
		.ui-submenu-menu-block { display: inline-block; margin-left: 25px; }
		.ui-submenu-menu-block strong { color: #999; font-weight: bold; text-align: left; }
		.ui-submenu-menu-block strong { display: block; margin-bottom: 5px; margin-top: 5px; }
		.ui-submenu-menu-block span { display: inline-block; float: left; margin-bottom: 10px; text-align: left; }
		.ui-submenu-menu-block span { border-right: 1px solid #999; padding: 15px; }

		.ui-submenu-menu-block a,
		.ui-submenu-menu-block a:link,
		.ui-submenu-menu-block a:visited,
		.ui-submenu-menu-block a:active { display: block; width: 200px; color: darkgreen; text-decoration: none; margin-left: 10px; }
		.ui-submenu-menu-block span a:hover { color: #000; text-decoration: underline; }








.ui-leftmenu-menu-block { display: block; width: auto; padding: 5px; }
.ui-leftmenu-menu-block { border-right: 1px solid #ccc; }

	.ui-leftmenu-menu-block strong { color: #fff; font-weight: bold; padding: 2px; }
	.ui-leftmenu-menu-block strong { display: block; margin-bottom: 5px; clear: both; }
	.ui-leftmenu-menu-block strong { background-color: darkgreen; }

	.ui-leftmenu-menu-block span { display: block; width: 100%; clear: both; }
	.ui-leftmenu-menu-block span { margin-bottom: 10px; padding: 2px; }

	.ui-leftmenu-menu-block a,
	.ui-leftmenu-menu-block a:link,
	.ui-leftmenu-menu-block a:visited,
	.ui-leftmenu-menu-block a:active { display: block; width: 100%; color: darkgreen; text-decoration: none; border-bottom: 1px dashed #999; line-height: 20px; }
	.ui-leftmenu-menu-block a:hover { color: #ff0000; text-decoration: underline; }









.ui-bigger-text { font-size: 130%; font-weight: normal; }
	.ui-bigger-text label { font-size: 110%; font-weight: normal; color: darkgreen; }


.ui-white-text { color: #fff; }
.ui-text-fullblock { display: block; width: 100%; clear: both; }

.ui-text-block { display: inline-block; float: left; }
.ui-text-block { padding: 5px; margin: 5px; }

.ui-text-block-50 { display: inline-block; width: 75px; float: left; }
.ui-text-block-50 { padding: 5px; margin: 5px; }

.ui-text-block-100 { display: inline-block; width: 100px; float: left; }
.ui-text-block-100 { padding: 5px; margin: 5px; }

.ui-text-block-200 { display: inline-block; width: 200px; float: left; }
.ui-text-block-200 { padding: 5px; margin: 5px; }

.ui-text-block-300 { display: inline-block; width: 300px; float: left; }
.ui-text-block-300 { padding: 5px; margin: 5px; }

.ui-text-block-400 { display: inline-block; width: 400px; float: left; }
.ui-text-block-400 { padding: 5px; margin: 5px; }

.ui-text-bold-orange { font-weight: bold; color: darkorange; }




.ui-float-content-left { display: inline-block; width: auto; float: left; padding: 5px; margin: 5px; }
.ui-content-border { border: 1px solid #999; }
.ui-content-padding { padding: 5px; margin: 5px; }
.ui-content-background { display: inline-block; background-color: #f1f1f1; }





.ui-pages-toc { list-style: none; margin: 0px; padding: 0px; }
.ui-pages-toc { display: inline-block; width: auto; }
.ui-pages-toc li { margin-left: 30px; line-height: 15px; margin: 5px; padding: 2px; }
.ui-pages-toc li { border-bottom: 1px dashed #cccccc; background-color: #f1f1f1; color: #000; }
.ui-pages-toc li { padding: 2px; border: 1px solid grey; }
.ui-pages-toc li a { color: #000; }

	.ui-pages-toc li.ui-pages-toc-sub-links { padding-left: 30px; color: #666;}
	.ui-pages-toc li.ui-pages-toc-sub-links { margin-left: 60px; line-height: 15px; border: 0px; }
	.ui-pages-toc li.ui-pages-toc-sub-links { background: transparent url('images/rating_tick.gif'); }
	.ui-pages-toc li.ui-pages-toc-sub-links { background-position: 0px 0px; background-repeat: no-repeat; }

	.ui-pages-toc li.ui-pages-toc-sub-links a,
	.ui-pages-toc li.ui-pages-toc-sub-links a:link,
	.ui-pages-toc li.ui-pages-toc-sub-links a:active,
	.ui-pages-toc li.ui-pages-toc-sub-links a:visited { color: green; }


.ui-header-toc { list-style: none; margin: 0px; padding: 0px; }
.ui-header-toc li { margin-left: 15px; padding-left: 20px; line-height: 15px; color: #fff; }







.big-white-box { background: transparent url('images/white.jpg'); }
.big-white-box { background-position: 0px 0px; background-repeat: no-repeat; }
.big-white-box { width: 160px; height: 136px; display: inline-block; float: left; }
.big-white-box { color: #000; padding: 10px; margin: 2px; }



.big-black-box { background: transparent url('images/black.jpg'); }
.big-black-box { background-position: 0px 0px; background-repeat: no-repeat; }
.big-black-box { width: 158px; height: 136px; color: black; display: inline-block; float: left; }
.big-black-box { color: #fff; padding: 10px; margin: 2px; }




.ui-box-headline { color: green; font-size: 160%; font-weight: normal; }
.ui-box-headline { margin: 0px; paddin: 0px; }
.ui-boxtext-padding { margin-left: 15px; padding-top: 2px; padding-bottom: 1px; }
.ui-text-bolder { font-weight: bold; }
.ui-text-price { color: #000; }








.ui-star-rating-fullstar { background: transparent url('images/rating_star_2.gif'); }
.ui-star-rating-fullstar { background-position: 0px 0px; background-repeat: no-repeat; }
.ui-star-rating-fullstar { display: inline-block; float: left; width: 25px; height: 25px; }

.ui-star-rating-loading { background: transparent url('images/rating_loading.gif'); }
.ui-star-rating-loading { background-position: 0px 0px; background-repeat: no-repeat; }
.ui-star-rating-loading { display: inline-block; float: left; width: 230px; height: 25px; }

.ui-warning { background: transparent url('images/rating_warning.gif'); }
.ui-warning { background-position: 0px 0px; background-repeat: no-repeat; }
.ui-warning { display: inline-block; float: left; width: 25px; height: 25px; }

.ui-tick { background: transparent url('images/rating_tick.gif'); }
.ui-tick { background-position: 0px 0px; background-repeat: no-repeat; }
.ui-tick { display: inline-block; float: left; width: 25px; height: 10px; }



.ui-features-checks { list-style: none; margin: 0px; padding: 0px; }
.ui-features-checks li { margin: 0px; padding: 0px; }
.ui-features-checks li { padding-left: 30px; line-height: 20px; }
.ui-features-checks li { background: transparent url('images/rating_tick.gif'); }
.ui-features-checks li { background-position: 0px 0px; background-repeat: no-repeat; }









.backgroundCanvasBlack { color: white; padding: 10px; }
.backgroundCanvasWhite { color: black; padding: 10px; }
.backgroundCanvasGrey { color: white; padding: 10px; }








.ui-loading-status-bar { background: transparent url('images/rating_loading.gif'); }
.ui-loading-status-bar { background-position: 0px 0px; background-repeat: no-repeat; }
.ui-loading-status-bar { width: 220px; height: 19px; display: inline-block; }








.ui-tutorial-links { border-right: 1px dahed #ccc; }
.ui-tutorial-links tr td { border-bottom: 1px dashed #ccc; width: 300px; }

.ui-tutorial-links tr td a,
.ui-tutorial-links tr td a:link,
.ui-tutorial-links tr td a:visited,
.ui-tutorial-links tr td a:active { text-decoration: none; margin-left: 50px; }

.ui-tutorial-links tr td a:hover { color: black; font-weight: bold; }



.ui-tutorial-links tr td h2 { color: green; size: 110% font-weight: bold; }

.ui-tutorial-links tr td h2 { display: inline-block; width: 100%; height: 18px; padding-left: 20px; }
.ui-tutorial-links tr td h2 { background: transparent url('images/right.png'); margin-top: -50px; }
.ui-tutorial-links tr td h2 { background-position: 0 -18px; background-repeat: no-repeat; }








/* the hosting tour pages.... */


a.right-link { display: inline-block; width: 30px; height: 18px; float: right; }
a.right-link { background: transparent url('images/right.png'); }
a.right-link { background-position: 0 -18px; background-repeat: no-repeat; }

	a.right-link:hover	{ background-position: 0 0; cursor: hand; }


a.left-link { display: inline-block; width: 30px; height: 18px; float: left; }
a.left-link { background: transparent url('images/left.png'); }
a.left-link { background-position: 0 -18px; background-repeat: no-repeat; }

	a.left-link:hover  { background-position: 0 0; cursor: hand; }



.ui-bottom-seperator { border-top: 1px dashed #ccc; }











.ui-service-breakdown {}

	.ui-titles-row td { font-size: 120%; font-weight: bold; }
	.ui-titles-row td { color: #fff; }


	.ui-features-row td { background-color: #f1f1f1; }
		.ui-features-row td span.ui-check-yes { display: inline-block; width: 25px; height: 25px; }
		.ui-features-row td span.ui-check-yes { background: transparent url('images/rating_tick.gif'); }
		.ui-features-row td span.ui-check-yes { background-position: 0px 0px; background-repeat: no-repeat; }


	.ui-setupfee-row td { background-color: #f1f1f1; }

	.ui-pricing-row td { background-color: #cfec88; }

		.ui-pricing-row td.monthly { background-color: #cfec88; color: black; font-size: 130%; font-weight: bold; }
		.ui-pricing-row td.quarterly { background-color: #b2e033; color: black; font-size: 130%; font-weight: bold; }
		.ui-pricing-row td.byyearly { background-color: #9ac80f; color: black; font-size: 130%; font-weight: bold; }
		.ui-pricing-row td.yearly { background-color: #86af0c; color: black; font-size: 130%; font-weight: bold; }

	.ui-pricing-row td.ui-blank { background-color: white; }





	.ui-ordering-row { border-top: 1px solid #666; }
		.ui-ordering-row td a { padding: 10px; text-decoration: none; font-weight: bolder; }
		.ui-ordering-row td a { display: block; border: 1px solid #ccc; background-color: #f1f1f1; }




.ui-blank { background-color: white; }