/* Pool.com - Version 3.3.05 "Cerberus" - July 2006 */

body {
	background: #898989 url(images/body_background.gif) center repeat-y;
	text-align: center; /*IE HACK*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 0; padding: 0;
	}

a:link, a:visited {color: #223789;}
a:hover {color: #3860ff;}

img {border: 0;}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.25em 0;
	line-height: 1.2em;
}

h1 {
	font-size: 240%;
	text-transform: uppercase;
	color: #223789;
	margin: 0 0 0.1em 0;
}

h2 {
	font-size: 180%;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 0.25em 0;
}

h3 {
	font-size: 140%;
	color: #000;
	margin: 0 0 0.5em 0;
}

h4 {
	font-size: 120%;
	color: #730000;
	margin: 0 0 1em 0;
}

h5 {
	font-size: 100%;
	color: #000;
	font-style: italic;
	margin: 0 0 1em 0;
}

h6 {
	font-size: 100%; line-height: 1em;
	font-weight: normal;
	color: #000;
	margin: 0 0 0.5em 0;
}
h7
{
	font-size: 120%;
	margin-top: 5px;
	margin-left: 2px;
	font-weight: bold;
	color: #FF9900;
	text-transform: uppercase;
	overflow:auto;
	white-space: normal;
	
}

p {
	font-size: 120%; line-height: 1.4em;
	margin: 0 0 1em 0;
	letter-spacing: .03em;
}

p.gray
{
    color: #898989; 
}

ul {
	margin: 0 0 1em 0; padding: 0 0 0 15px;
}

ol {
	margin: 0 0 1em 0; padding: 0 0 0 25px;
}

li {font-size: 120%; margin: 0 0 0.5em 0; padding: 0;}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%; line-height: 1.6em;
}

.errortext
{
	color: Red;
	font-size: 8pt;
	font-weight: bold;
}

table {
	margin: 0 0 1em 0; 
}

td {
	font-size: 12px; line-height: 1.5em;
}

table a:link, table a:visited {text-decoration: none;}

/* TEXT STYLES */
.caps { text-transform: uppercase; }
.bold { font-weight: bold; }
.shaded {font-style: italic; color: #a6a6a6;}
.red {color: #cc0000;}


em { font-style: italic; }
strong { font-weight: bold; color: #223789;}

/* Various Paragraph Styles: */
.error {
	background: url(images/icon-delete_24.gif) top left no-repeat;
	padding-left: 40px; }

.add {
	background: url(images/icon-add_16.gif) top left no-repeat;
	padding-left: 25px; }

.confirm {
	background: url(images/icon_confirm_16.gif) top left no-repeat;
	padding-left: 25px; }



/* FLOATS AND CLEAR DIVs */
.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both; visibility: hidden; height: 1px;}
.clear-left {clear: left; visibility: hidden; height: 1px;}
.clear-right {clear: right; visibility: hidden; height: 1px;}

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

/*  WRAP - requires fixed width in parent element */
.wrap
{
	word-wrap: break-word;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	left: 0;
}

/* FORM ELEMENTS */

input, select {width: auto;}

/* FORM ELEMENTS */

table.form, div.form {
	background: #efefef;
	border: 1px solid #6b79b0;
	margin: 5px 10px;
	width: auto;
}

.form td 
{
	font-size: 12px; line-height: 1.6em;
	padding: 2px 3px;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

input.short, select.short {width: 150px; margin: 0 0 5px 0; vertical-align: baseline;}
input.long, select.long {width: 200px; margin: 0 0 5px 0; vertical-align: baseline;}


/* CONTAINER STYLES: STATIC OR DYNAMIC WIDTH: 
=================================================== */

.container-span { /* INSIDE PAGE ONLY */
	width: 80%; min-width: 770px;
	margin: 0 auto;
	text-align: left; /*IE HACK*/
	background: white;
	position: relative;
}

.container {
	width: 770px;
	margin: 0 auto;
	text-align: left; /*IE HACK*/
	background: white;
	position: relative;
}

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

.head-wrapper a:link, .head-wrapper a:visited {
	color: white;
	text-shadow: 0 1px 1px black;
	text-decoration: none;
}

.head-wrapper a:hover {
	color: #cc6600;
}

.head-top {
	background: #384b94 url(images/navi_back.gif) bottom repeat-x;
	height: 75px;
	position: relative;
	/* border-bottom: 1px solid #3860ff; */
}

.head-top logo {margin: 0; padding: 0;}

/* NAVIGATION MODULE 
---------------------------------------
Handles the Navigation "tabs" to Rollover and Highlight. 
Uses Blocks with Floats to make elements appear in-line. 

*/

.head-top .navi {
	position: absolute;
	bottom: 0; right: 0;
}

.head-top .navi ul {
	list-style: none outside; margin: 0; padding: 0;
}

.head-top .navi li {
	display: inline;
	margin: 0; padding: 0;
	line-height: 22px;
	font-size: 10px; /* MUST be absolute */
	font-weight: bold;
}

.head-top li a:link, .navi li a:visited {
	text-align: center;
	display: block; float: left;
	margin-right: 10px;
}

.head-top li a:hover {color: white;}

/* Covers font colour all the "Selected States" */
.head-top .navi li.home-selected a,
.head-top .navi li.about-selected a,
.head-top .navi li.deleting-selected a,
.head-top .navi li.dmkt-selected a,
.head-top .navi li.cnr-selected a,
.head-top .navi li.euorders-selected a, 
.head-top .navi li.account-selected a,
.head-top .navi li.login-selected a
{ color: #223789; text-shadow: 0 1px 1px white; }


/* HOME TAB */
.head-top .navi li.home a:link, 
.head-top .navi li.home a:visited,
.head-top .navi li.home-selected a { 
	width: 55px; 
	background: url(images/but_home-off.gif) center center no-repeat;
}

.head-top .navi li.home a:hover {
	background: url(images/but_home-over.gif) center center no-repeat;
}
.head-top .navi li.home-selected a { 
	background: url(images/but_home-on.gif) bottom center no-repeat;
}

/* DELETING DOMAINS TAB */
.head-top .navi li.deleting a:link, 
.head-top .navi li.deleting a:visited,
.head-top .navi li.deleting-selected a { 
	width: 108px; 
	background: url(images/but_deleting-off.gif) center center no-repeat;
}

.head-top .navi li.deleting a:hover {
	background: url(images/but_deleting-over.gif) center center no-repeat;
}
.head-top .navi li.deleting-selected a {
	background: url(images/but_deleting-on.gif) bottom center no-repeat;
}

/* DOMAIN MARKETPLACE TAB */
.head-top .navi li.dmkt a:link, 
.head-top .navi li.dmkt a:visited,
.head-top .navi li.dmkt-selected a { 
	width: 123px; 
	background: url(images/but_dmkt-off.gif) center center no-repeat;
}

.head-top .navi li.dmkt a:hover {
	background: url(images/but_dmkt-over.gif) center center no-repeat;
}
.head-top .navi li.dmkt-selected a {
	background: url(images/but_dmkt-on.gif) bottom center no-repeat;
}

/* CATCH AND RELEASE TAB */
.head-top .navi li.cnr a:link, 
.head-top .navi li.cnr a:visited,
.head-top .navi li.cnr-selected a { 
	width: 102px; 
	background: url(images/but_catch-off.gif) center center no-repeat;
}

.head-top .navi li.cnr a:hover {
	background: url(images/but_catch-over.gif) center center no-repeat;
}
.head-top .navi li.cnr-selected a {
	background: url(images/but_catch-on.gif) bottom center
no-repeat;
}

/*EU ORDERS TAB */
.head-top .navi li.euorders a:link, 
.head-top .navi li.euorders a:visited,
.head-top .navi li.euorders-selected a { 
	width: 74px; 
	background: url(images/but_euorders-off.gif) center center no-repeat;
}

.head-top .navi li.euorders a:hover {
	background: url(images/but_euorders-over.gif) center center no-repeat;
}
.head-top .navi li.euorders-selected a {
	background: url(images/but_euorders-on.gif) bottom center no-repeat;
}

/* MY ACCOUNT TAB = DEPRECATED 
.head-top .navi li.account a:link, 
.head-top .navi li.account a:visited,
.head-top .navi li.account-selected a { width: 74px; }
.head-top .navi li.account a:hover {
	background: url(images/but_account.gif) center center no-repeat;
}
.head-top .navi li.account-selected a { 
	background: url(images/but_account-sel.gif) bottom center no-repeat;
}

*/

/* LOGIN TAB - DEPRECATED 
.head-top .navi li.login a:link, 
.head-top .navi li.login a:visited,
.head-top .navi li.login-selected a { width: 49px; margin-right: 5px;}
.head-top .navi li.login a:hover {
	background: url(images/but_login.gif) center center no-repeat;
}
.head-top .navi li.login-selected a {
	background: url(images/but_login-sel.gif) center center no-repeat;
}
*/

/* SUBNAVIGATION - New for V.3.2.0 - June 2006 
--------------------------------------- */

div.subnavi {
	background: url(images/head_subnavi-back.jpg) top center no-repeat;
	height: 25px;
	margin: 0; padding: 0;
	text-align: right;
	border-top: 1px solid #efefef;
}

.subnavi ul {
	margin: 0; padding: 0;
}

.subnavi li {
	font-size: 10px; line-height: 18px;
	margin: 0 16px 0 5px; padding: 0;
	display: inline;
}

.subnavi li a:link, .subnavi li a:visited {color: #fff; text-shadow: none;}
.subnavi li a:hover {color: #ff6600;}

/* HEADER PAGE TITLE: head-title 
--------------------------------------- */

.head-title {
	height: 90px;
	position: relative;
	background: #00001a url(images/head_title-top.jpg) top left no-repeat;
	color: white; text-shadow: 0 1px 2px black;
}

.head-title  .title-text {
	position: absolute;
	top: 45px; right: 20px;
	text-align: right;
}

.head-title p {
	font-size: 300%; line-height: 1em;
	font-weight: bold;
}

.head-title-foot {
	height: 35px;
	background: url(images/head_title-bottomright.gif) top left repeat-x;
}

.head-title-foot-left {
	height: 35px; width: 245px;
	background: url(images/head_title-bottomleft.jpg) top left no-repeat;
}

/* HEADER CART/ID AREA - DEPRECATED
--------------------------------------- 

.cartid {
	position: absolute;
	top: 5px; right: 15px;
}

.cartid ul 
{
	list-style: none outside;
	margin: 0; padding: 0;
}

.cartid li 
{
	font-size: 100%;
	font-weight: bold;
	display: inline;
	margin: 0 0 0 10px; padding: 0;
	color: White ;
}

.cartid li a:link, .cartid li a:visited {
	color: White; 
	text-decoration: none;
}

.cartid li a:hover  {
	color: #cc3300;
}

*/

/* New "Account" Area */

.head-acct {
	position: absolute;
	top: 0; right: 0;
	width: auto; height: 30px;
	background: url(images/navi_acct-back.gif) top left no-repeat;
	z-index: 999;
	margin: 0; padding: 0 10px 0 20px;
}

.head-acct ul {
	list-style: none outside;
	margin: 0; padding: 0;
}

.head-acct ul li table tr td{
	font-size: 10px; 
	line-height: 25px;
	margin: 0 0 0 0; padding: 0;
	display: inline;
}


.head-acct ul li table tr td a:link,
.head-acct ul li table tr td a:visited {
	margin: 0 10px; padding: 0;
}

.head-acct ul li table tr td a:hover {
	text-decoration: underline;
}


/* INDEX SLOGAN AREA: index-slogan 
--------------------------------------- */

.index-slogan {
	height: 110px;
	position: relative;
	background: #00001a url(images/index_head-back.jpg) top left no-repeat;
	color: white; text-shadow: 0 1px 2px black;
}

.index-slogan  .slogan-text {
	position: absolute;
	top: 35px; right: 30px;
	text-align: right;
}

.index-slogan p {
	font-size: 140%; line-height: 1em;
}

.index-slogan p span.a {
	font-weight: bold;
}

.index-slogan p span.c {
	font-size: 140%; line-height: 1.2em;
	font-weight: bold;
	vertical-align: top;
	padding-right: 20px;
}

/* INDEX SEARCH BOX: index-search
---------------------------------------
Different from the regular head-search. This is only used on the index page! */

.index-search {
	background: #000054 url(images/index_search-back.jpg) top left no-repeat;
	margin: 0 0 5px 0; padding: 0 10px;
	font-weight: bold; color: white;
	text-shadow: 0 1px 1px black;
	height: 35px;
	font-size: x-small;
}

.index-search p {
	font-size: 100%; line-height: 1.5em;
	margin: 0; padding: 0;
}

.index-search .newclients {
	float: right;
	padding: 5px 0 0 0;
}

.index-search .searchbox {
	width: 60%;
}

.index-search .searchbox p {float: left;}

.index-search ul {
	list-style: none outside;
	margin: 0; padding: 0;
}

.index-search li {
	font-size: 100%; line-height: 2.2em;
	display: inline;
	margin: 0 10px 0 0; padding: 0;
}

.index-search input {
	font-size: 100%; line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	margin: 3px 0 0 0; padding: 0;
	border: 1px solid white;
	background: white;
}

.index-search input.button {
	width: auto; 
	padding: 0 10px;
	color: #ffffff;
	background-color: transparent;
}

.index-search input.button:hover {
	background: #3860ff;
	cursor: pointer;
}

/* INFOBOX STYLES 
=================================================== */

.infoboxes {
	margin: 0 auto 15px auto;
	text-align: center; /*IE HACK*/
	width: 750px !important; width: 760px; /*IE HACK*/
	font-size: x-small;
}

.infobox {
	float: left;
	text-align: left; /*IE HACK*/
	width: 240px;
	margin: 0 5px; padding: 0;
	background: #606d9e url(images/infobox_top.gif) top center no-repeat;
}

/* These link styles are a bit dodgy, because you have <a> and then the <h1> and <p> tags,
not the other way around. You could have individual links for each piece of text,
but that's a lot of extra code...if it doesn't end up working, switch it around */

.infobox a:link, .infobox a:visited {
	color: #ffffff;
	text-decoration: none;
}
.infobox a:hover {
	color: #cfcfff;
	cursor: hand;
}

.infobox h1 {
	font-size: 180%; line-height: 1em;
	margin: 0.25em 0 0.5em 0; padding: 0 10px;
	text-shadow: 0 1px 1px black;
	text-transform: uppercase;
	color: white;
}

.infobox p {
	font-size: 100%; line-height: 1.2em;
	padding: 0 10px;
	height: auto !important; height: 65px; /*IE HACK*/
	min-height: 65px; margin-bottom: 0;
	color: white;
}

.infobox p.image1 {
	padding-left: 70px; margin-left: 8px;
	background: url(images/auction_graphic3.gif) top left no-repeat;
}

.infobox p.image2 {
	padding-left: 70px; margin-left: 8px;
	background: url(images/infobox_image2.gif) top left no-repeat;
}

.infobox p.image3 {
	padding-left: 70px; margin-left: 8px;
	background: url(images/infobox_image3.png) top left no-repeat;
}

/* EITHER CTA or CTA-RED MUST BE USED TO GIVE THE BOX A ROUNDED BOTTOM */
.infobox p.cta, .infobox p.cta-red {
	background: url(images/infobox_bottom-blue.gif) bottom center no-repeat;
	margin: 0; padding: 0 10px;
	text-align: right;
	font-size: 100%; line-height: 22px; height: 22px;
	min-height: 22px;
}

.infobox p.cta-red {
	background: url(images/infobox_bottom-red.gif) bottom center no-repeat;
}

/* INDEX-ONLY MAIN-WRAPPER LAYOUT STYLES
=================================================== */

.main-wrapper-index {
	margin: 0; padding: 0;
}

.main-wrapper-index .sidebar {
	float: left;
	width: 240px;
	margin: 0 0 10px 15px !important; margin: 0 0 10px 7px; /*IE HACK*/
	padding: 10px 0 0 0;
	background: #b9bed8 url(images/index_sidebar-top.gif) top left repeat-x;
}

.main-wrapper-index .lowsidebar{
	position:relative;
	top:42px;
}

.main-wrapper-index .main {
	margin: 0 15px 10px 0;
	margin-left: 265px !important;
	margin-left: 262px; /*IE HACK*/ 
	width: auto !important;
	width: 490px;
}

.index_main-head {
	height: 5px;
	background: url(images/index_main-top.gif) no-repeat;
	background-position: left;
}

.index_main-body {
	padding: 10px 0;
	background: url(images/index_main-back.gif) repeat-y;
}

.index_main-body h1 
{
	width: 90%;
	padding-left: 10px;
}

html>body .index_main-body h1 
{
	width: auto;
	padding-left: 0;
}

.index_main-foot {
	clear: right;
	height: 5px;
	background: url(images/index_main-foot.gif) no-repeat;
	background-position: left;
}

/* INDEX WHAT'S NEW BOX */

/*----------SLIDESHOW SCROLLER CSS------------------------*/
#mySlideshow
{
	width: 490px;
	height: 100px;
	z-index:5;
	font-size:110%;
}

.jdSlideshow
{

	display: none;
	overflow: hidden;
	position: relative;
}

.jdSlideshow h1{
	width: 90%;
	padding-left: 5px;
	color: #fff;
}

.jdSlideshow img
{
	border: 0;
	margin: 0;
}

.jdSlideshow .slideElement
{
	width: 260px;
	height: 100px;
	/*background-color: #fff;*/
	background-repeat: no-repeat;
}

.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 230px;
	margin: 0px;
	padding-left:3px;
	left: 222px;
	bottom: 0;
	height: 100px;
	background: #223789;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #fff;
	text-indent: 0;
}

.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	font-size: 40%;
	margin: 2px 5px;
	font-weight: bold;
	color: #red;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	font-size: 100%;
	margin: 2px 5px 2px 2px;
	/*color: #eee;*/
}

.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
	cursor: hand;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: hand;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url(../../../downloads/slideshow/DL/SmoothSlideshow-2.0-mootools/css/img/fleche1.png) no-repeat top left;
}

* html .jdSlideshow a.left { background: url(../../../downloads/slideshow/DL/SmoothSlideshow-2.0-mootools/css/img/fleche1.gif) no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url(../../../downloads/slideshow/DL/SmoothSlideshow-2.0-mootools/css/img/fleche2.png) no-repeat top right;
}

* html .jdSlideshow a.right { background: url(../../../downloads/slideshow/DL/SmoothSlideshow-2.0-mootools/css/img/fleche2.gif) no-repeat top right; }

/*---------- CLOSE SLIDESH0W SCROLLER------------------------*/

.index_whatsnew {
	background: #f7e8d9 url(images/whats_new_top3d.gif) top center no-repeat;
	width: 490px;
	margin: 0 0 10px 0; padding: 5px 0 0 0;
}

.index_whatsnew-bottom {
	background: url(images/whats_new_bottom3d.gif) bottom center no-repeat;
}

.index_whatsnew .image {
	float: left;
	height: 80px;
	width: 120px;
	background: white;
	margin: 0 8px 3px 10px;
}

.index_main-image {
	float: left;
	background: white;
	margin: 0 8px 3px 10px;
	border: 1px solid black;
}

.index_main-text {
	height: 125px;
}




/* DMP WHAT'S NEW BOX */

.dmp_whatsnew {
	background: #DFE6FF url(images/DMP_top.gif) top center no-repeat;
	width: 490px;
	margin: 0 0 10px 0; padding: 5px 0 0 0;
	color: #000B81;
}

.dmp_whatsnew-bottom {
	background: url(images/DMP_bottom.gif) bottom center no-repeat;
    padding: 5px 0 0 0;
}

.dmp_whatsnew .image {
	float: left;
	height: 80px;
	width: 120px;
	background: white;
	margin: 0 8px 3px 10px;
}

.dmp_main-image {
	float: left;
	background: white;
	margin: 0 8px 3px 10px;
	border: 1px solid black;
}

.dmp_main-text {
	height: 125px;
	
}



/* JUMPING FOUR BOXES */

#index_main-jumpbox,
#jumpbox1, #jumpbox2, #jumpbox3, #jumpbox4
{
	/*_filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30);*/
	FILTER:Alpha(opacity=100);WIDTH:auto;HEIGHT:auto;
}

.index_main-jump {
	width: 490px; 
	text-align: right;
	margin: 0 0 10px 0; padding: 0;
}

.index_main-jump ul {
	list-style: none outside;
	margin: 0; padding: 0;
}

.index_main-jump li {
	display: inline;
	font-size: 120%; line-height: 25px;
}

.index_main-jump li a:link,
.index_main-jump li a:visited {
	text-decoration: none;
	border: 1px solid #074094;
	background: white;
	padding: 2px 6px;
}

.index_main-jump li a:hover,
.index_main-jump li.selected a:link,
.index_main-jump li.selected a:visited {
	background: #074094;
	color: white;
}

.index_main-jump li button {
	text-decoration: none;
	border: 1px solid #074094;
	background: white;
	vertical-align: top;
	line-height: 16px;
	padding: 0 3px;
	cursor: hand;
}

html>body .index_main-jump li button {
	padding: 3px 4px;
}

.index_main-jump li button:hover {
	background: #074094;
	color: white;
}

body .main .index_whatsnew h1 {
	color: #e16800;
	font-size: 210%;
}


/* LEARN MORE BOXES: .learnbox 
--------------------------------------
These boxes actually have to float right in order to work with the sidebar */

.learnbox {
	width: 237px; /*IE HACK*/
	float: right;
	margin: 5px 4px 10px 0;
}

html>body .learnbox {width: 240px;}

.learnbox p {
	margin: 0 0 0.5em 0;
}

.main .learnbox a:link, .main .learnbox a:visited {color: #730000;}
.main .learnbox a:hover {color: #cc6600;}

/* PROPRIETARY PARAGRAPH STYLES 
-------------------------------------*/

p.gdnx {
	background: url(http://www.pool.com/images/memberbadge_small.gif) top left no-repeat;
	min-height: 50px;
	height: auto !important; height: 60px; /*IE HACK*/
	padding-left: 75px;
}


/* SIDEBAR TEXT STYLES
-------------------------------------*/

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6,
.sidebar p, .sidebar ul, .sidebar ol {
	margin-left: 10px; margin-right: 10px;
	text-align: left;
}

.sidebar img {margin-left: 5px;}

.sidebar h1 {
	font-size: 140%; line-height: 1em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	color: #223789;
}

.sidebar h2 {
	font-size: 120%; line-height: 1.2em;
	text-transform: uppercase;
	color: #223789;
}

.sidebar h3 {
	font-size: 140%; line-height: 1em;
	margin-top: 1em;
	color: #730000;
}

.sidebar h4 {
	font-size: 100%; line-height: 1em;
	color: #000000;
}

.sidebar p {
	font-size: 100%;
}

.sidebar ul.nobull {
	list-style: none outside;
	padding: 0;letter-spacing: .1em;
}

.sidebar ul.nobull li {
	font-size: 120%; line-height: 1.2em;
	margin: 0 0 0.5em 0; padding: 0;
}

.sidebar li {
	font-size: 100%; line-height: 1.2em;
	margin: 0 0 0.5em 0; padding: 0;
}

.sidebar li a:link, .sidebar li a:visited {color: #074094; text-decoration: none;}
.sidebar li a:hover {color: #3860ff;}

.sidebar hr {
	width: 100%; height: 0; background:  none;
	border: 0;
	border-bottom: 1px solid white;
	border-top: 1px solid #6b79b0;
	margin: 5px 0;
}

.sidebar .sidebar-bottom { /* INDEX-ONLY This style is necessary to have rounded corners on the bottom */
	height: 20px;
	background: url(images/index_sidebar-bottom.gif) bottom center no-repeat;
}

/* DEPRECATED ================>  OLD SIDEBAR SUBNAV STYLES */

.sidebar .subnavi {
	padding: 5px 10px;
	background: none;
	height: auto;
	border: none;
}

.sidebar .subnavi ul {
	margin: 0; padding: 0;
	list-style: none outside;
	
}

.sidebar .subnavi li {
	font-size: 120%; line-height: 1.2em;
	margin: 0 0 5px 0px;
	padding: 0 0 0 15px;
	font-weight: bold;
	display: block;
	text-align: left;
	background: url(images/bul-blue.gif) left center no-repeat;
}

.sidebar .subnavi li a:link, .sidebar .subnavi li a:visited {color: #223789;}
.sidebar .subnavi li a:hover {color: #3860ff;}

.sidebar .subnavi ul ul {
	margin: 5px 0 8px 3px; padding: 0;
	list-style: none outside;
}

.sidebar .subnavi ul ul li {
	font-size: 100%;
}

.sidebar .subnavi li.selected a:link, .sidebar .subnavi li.selected a:visited, .sidebar .subnavi li.selected a:hover {color: #730000;}

/* SIDEBAR BOX STYLES: sidebox */

.sidebox {
	border: 1px solid #6b79b0;
	margin: 5px; padding: 5px 0;
	width: auto;
}

.sidebox2 {
	border: 3px solid #6b79b0;
	margin: 5px; padding: 5px 0;
	width: auto;
	background: white;
}

.sidebox3 {
	margin: 0 10px;
	padding-bottom: 10px;
	background: #7184b2 url(images/sidebox-body.gif) bottom center no-repeat;
	color: white;
	width: 170px;
}

html>body .sidebox3 {
	width: auto;
}

.sidebox3 h1, .sidebox3 h2, .sidebox3 h3, .sidebox3 h4, .sidebox3 h5, .sidebox3 h6 {color: white;}

.sidebox3 h1 {
	margin: 0 0 5px 0;
	padding: 5px 10px;
	background: #680000 url(images/sidebox-top.gif) top center no-repeat;
	color: white;
	font-size: 100%;
	border-bottom: 1px solid #fff;
}

.sidebox3 a:link, .sidebox3 a:visited 
{	color: #680000;
}

.sidebox3 a:hover 
{	color: #ff6600;
}

/* MAIN PAGE LAYOUT STYLES 
=================================================== */

.main-wrapper {
	background: #ffffff url(images/main_back.gif) left repeat-y;
	padding-bottom: 20px; margin: 0;
}

.sidebar {
	width: 190px;
	float: left;
}

.main {
	width: 557px;
	margin-left: 200px; margin-right: 10px;
}

html>body .main {width: auto;} /* IE HACK */

/* MAIN PAGE - 2 COLUMN LAYOUTS */

.main-rightcol {
	width: 270px;
	float: right;
}

.main-leftcol {
	width: 270px;
}


/* MAIN TEXT STYLES 
All text styles have 10px of LEFT and RIGHT padding, 
so there's no need to put it into the layout styles. */

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6,
.main p, .main ul, .main ol, .main table {
	margin-left: 10px; margin-right: 10px;
}

.main img.floatright{float: right; margin: 0 10px 10px 10px;}
.main img.floatleft {float: left; margin: 0 10px 10px 10px;}

.main ul.nobull {
	list-style: none outside;
	padding: 0;
}

.main hr {
	clear: right;
	width: 100%; height: 0; background: white;
	border: 0;
	border-top: 1px solid #bcc3de;
	margin: 5px 0;
}

/* Don't know why this is necessary...fix it later... */
.main a:link, .main a:visited {color: #223789;}
.main a:hover {color: #3860ff;}

.main .addcontent {
	width: 180px;
	float: right; text-align: right;
	margin: 0 10px 20px 20px;
	font-size: 110%; font-weight: bold;
}

.main .addcontent ul {
	list-style: none outside;
	margin: 0; padding: 0;
}

/* .main was inheriting this style before... why? */
.main .addcontent a:link, .main .addcontent a:visited { color: #730000; text-decoration: none; }
.main .addcontent a:hover {color: #cc6600;}

/* INDEX-ONLY MAIN TEXT STYLES */
.main-wrapper-index .main h1 {
	font-size: 180%; line-height: 1.2em;
	text-transform: uppercase;
	color: #223789;
}

.main-wrapper-index .main h2 {
	font-size: 140%; line-height: 1.2em;
	text-transform: uppercase;
	color: #223789;
}

/* ERRORBOX STYLES */

.errorbox {
	width: 490px;
	margin: 3px 0 10px 10px;
}

.errorbox h1 {
	font-size: 240%; line-height: 32px; 
	color: #cc0000;
}

.errorbox p {
	background: url(images/icon-delete_24.png) top left no-repeat;
	padding-left: 40px;
}

.errorbox-head {
	height: 5px;
	background: url(images/index_main-top.gif) no-repeat;
	background-position: left;
}

.errorbox-body {
	padding: 10px 0;
	border-left: 1px solid #bcc3db;
	border-right: 1px solid #bcc3db;
}

.errorbox-foot {
	clear: right;
	height: 5px;
	background: url(images/index_main-foot.gif) no-repeat;
	background-position: left !important;
	background-position: 2px;
}

/* DATAGRID STYLES 
=================================================== */

/* Applies to all tables in the .main DIV */

.texttable {
	width: 96%;
	border-top: 1px solid #b9bed8;
	border-bottom: 1px solid #b9bed8;
}

.texttable tr td {
	padding: 3px 3px;
	line-height: 1.4em;
	vertical-align: top;
}

.texttable tr td p {
	margin: 0 0 1em 0;
	padding: 0;
}

.dgtable {
	width: 96%;
	border-top: 1px solid #b9bed8;
	border-bottom: 1px solid #b9bed8;
	letter-spacing: .1em;
}


/* Applies to 2-column layout in main-leftcol and main-rightcol */
.main-rightcol table, .main-leftcol table {width: 94%;}

.dgtable tr td {
	padding: 3px 3px; line-height: 1.4em;
	vertical-align: top;letter-spacing: .1em;
}

.dgtable tr td p {
	margin: 0 0 1em 0; padding: 0;letter-spacing: .1em;
}

.dgtable a:link, .dgtable a:visited {color: #000066; text-decoration: none;}
.dgtable a:hover {color: #3860ff;}

.dgtable tr.dg1 td {background: #dfe6ff;}
.dgtable tr.dg2 td {background: white;}

/* Specific Table Styles */

.dgheader td {
	background: #223789;
	font-weight: bold; text-transform: uppercase;
	color: #fff;
	border-bottom: 1px solid #223789;
}

.dgheader th {
	background: #223789;
	font-weight: bold; text-transform: uppercase;
	color: #fff;
	border-bottom: 1px solid #223789;
	font-size: 120%;
}

.dgheader th * 
{ color: White; }

.dgheader td * 
{ color: White; }
	

.dgalt td {
	background: #dfe6ff;
	}
	
.dgcenter td {
	text-align: center;
	border-top: 1px solid #b9bed8;
	border-bottom: 1px solid #b9bed8;
}

.dgfooter td {
	color: #898989;
}

.dgtable .dgheader a:link, .dgtable .dgheader a:visited {
	color: #fff;
}

.dgtable .dgheader a:hover {
	color: #3860ff;
}

/* Call to Action Style for DGTABLE */
.dgtable td.cta {text-align: right;}
.dgtable td.cta a:link, .dgtable td.cta a:visited {color: #223789; }
.dgtable td.cta a:hover {color: #3860ff;}


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

.foot-wrapper {
	clear: both;
	background: #ffffff url(images/footer_back.gif) top repeat-x;
	margin: 0; padding: 0 10px;
}

.footer-bar {
	font-size: 100%; line-height: 25px;
	text-align: right;
	font-weight: bold;
	color: white; text-shadow: 0 1px 1px black;
	margin: 0 0 10px 0; padding: 0;
}

.footer-bar a:link, .footer-bar a:visited {
	text-decoration: none;
	color: white;
	padding: 2px 5px;
}
.footer-bar a:hover {color: #ffffff; background: #3860ff;}

.footer-bar ul {
	list-style: none outside;
	margin: 0; padding: 0;
}

.footer-bar li 
{
	font-size: 100%;
	display: inline;
	margin: 0 0 0 20px;
}

.disclaimer {
	font-size: 90%; line-height: 1.4em;
	color: #898989; background: none;
}

/* LOGIN PAGE STYLES */

div.login {
	width: 100%;
	background: #fff url(images/back-login.jpg) top right no-repeat;
}

div.login2 {
	width: 260px;
	margin-left: 10px;
	background: #eee;
	border: 1px solid #223789;
	padding: 10px 5px;
}

div.login h2 {
	font-size: 180%; margin-bottom: 0.25em;
}

div.login h3 {
	font-size: 120%; line-height: 1.4em;
}

div.new {
	border-top: 1px solid #999;
	padding-top: 10px;
	margin-top: 30px;
}

/*
div#premium{
    background-image:  url(images/poolexclusivedomains.JPG);
    background-repeat: no-repeat;
    height: 230px;
    width: 490px;
}*/

#premiumtext {
    position: relative;
    height: auto;
    width: auto;
    left: 5px;
    top: -55px;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    color:white;
}

#premiumtext a 
{
	font-size:1.2em;
	color:#f18033;
}



/* BUTTON LINK STYLES */
p.linkbutton a:link, p.linkbutton a:visited {
	background: #074094 url(images/footer_back.gif) top center repeat-x; 
	color: white;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
	border: 1px solid black;
	font-size: 140%;
}

p.linkbutton a:hover {
	background: #3860ff;
	color: #eeeeff;
	border: 1px solid #074094;
}

/* Big "Button" style text links */

a.button:link, a.button:visited {
	font-size: 120%; line-height: 1.2em;
	padding: 3px 10px;
	color: white;
	background: #074094 url(images/footer_back.gif) top center repeat-x;
	border: 1px solid black;
	text-decoration:none;
}
		
a.button:hover {
	background: #3860ff;
	color: #eeeeff;
	border: 1px solid #074094;
}


/*--------------------------------------UPDATED WHATS NEW BOX FOR DOTASIA------------------------------*/
.index_whatsnew2 {
      background: #606E9F url(images/index_whatsnew-top2.gif) top center no-repeat;
      width: 490px;
      margin: 0 0 10px 0; 
      padding: 5px 0 0 0;        	
      height: auto !important;
      height: 200px;      
}

.index_whatsnew-bottom2 {
      background: url(images/index_whatsnew-bottom2.gif) bottom center no-repeat;
}

.index_whatsnew2-image2 {
      /*background: url(images/dotasia_whatsnew.gif)no-repeat;*/
      float: left;
      height: 175px;
      width: 200px;
      margin: 0 8px 3px 10px;
	  padding: 8px 0;
}

.index_main-text2 {      
    height: auto !important; 
	height: 100px; /*IE HACK*/
}
.index_main-text2 a:link, .index_main-text2 a:visited {
	color: #ffffff;
}
.index_main-text2 a:hover {
	color: #cfcfff;
	
}

.index_main-text2 h1 {
	font-size: 180%; 
	line-height: 1em;
	margin: 0.25em 0 0.5em 0; 
	padding: 10px 0 0 0;
	text-shadow: 0 1px 1px black;
	text-transform: uppercase;
	color: #FFFFFF;
	
}

.index_main-text2 p {
	font-size: 100%;
	padding: 0 10px;	
	color: white;
}

.index_main-text2 ul , .index_main-text2 li  {
	font-size: 12px; line-height: 1.2em;
	padding: 0 0px;
	color: white;
	list-style:none;
}

.whitelink-noline 
{
	color: #ffffff;
	text-decoration: none;
}

/*--------------------------------------CLOSE UPDATED WHATS NEW BOX FOR DOTASIA------------------------------*/

/*-----------------------AJAX Calendar Extender-----------------------*/
.ajax__calendar_header
{

}

/*---------------------------AJAX TabControl--------------------------*/

/* xp theme */
.CustomTabStyle .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(images/ajaxcontroltoolkit/tabcontrol/tab-line.gif) repeat-x bottom;text-align:left; }
.CustomTabStyle .ajax__tab_outer {padding-right:0px;background:url(images/ajaxcontroltoolkit/tabcontrol/tab-right.gif) no-repeat right;height:21px; }
.CustomTabStyle .ajax__tab_inner {padding-left:3px;background:url(images/ajaxcontroltoolkit/tabcontrol/tab-left.gif) no-repeat; }
.CustomTabStyle .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(images/ajaxcontroltoolkit/tabcontrol/tab.gif) repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url(images/ajaxcontroltoolkit/tabcontrol/tab-hover-right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url(images/ajaxcontroltoolkit/tabcontrol/tab-hover-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {background:url(images/ajaxcontroltoolkit/tabcontrol/tab-hover.gif) repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url(images/ajaxcontroltoolkit/tabcontrol/tab-active-right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url(images/ajaxcontroltoolkit/tabcontrol/tab-active-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {background:url(images/ajaxcontroltoolkit/tabcontrol/tab-active.gif) repeat-x;}
.CustomTabStyle .ajax__tab_body {} 


/* Hovered items */
.hand-cursor 
{
	cursor: pointer;
	cursor: hand;
}