/* must have this so Mozilla in Standard mode does not render space below
* images or borders around buttons. as a result of this, to put images in a
* horizontal row you must use the image.hbar class */
/* XXX should move this to a common rotella css file once all rotella but not
 theme related quirks are identified */

img {
	vertical-align: bottom;
	border: 0;
	display: block;
	margin: 0;
}

img.hbar {
	display: inline;
	vertical-align: middle;
}
/*** end stuff that should move ***/

th {
	padding: 3px 3px 3px 3px;
}
td.form {
	padding: 2px 5px 2px 5px;
}

td.form_selected {
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	border-bottom: solid 1px #f0f0f0;
}

td.form_error {
	color: #d72828;
	text-align: right;
}

td.form_error_single {
	color: #d72828;
}

td.form_desc {
}

td.signup_domain_field {
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: solid 1px #f0f0f0;
	letter-spacing: 1px;
	text-align: center;
}

td.signup_domain_form_error {
	color: #d72828;
	border-bottom: solid 1px #f0f0f0;
	text-align: center;
}

/* Text description next to required form fields */
td.form_required {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: right;
}

td.form_required_single {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

img.tabs, input.tabs {
	border: 0;
	margin: 0;
	display: inline;
}

input.tabs {
	vertical-align: bottom;
}

/** This only works in gecko, and it causes you to have to click 
multiple * times to get a drop down to work
select:focus, textarea:focus, input:focus {
	background-color: #ffffee;
}
*/

/*** this is an idea for the  various list and form elements below
        border-bottom: 1px solid #3F7C5F;
        ***/

.form_comment,
.form_header,
.form_footer,
.list_footer{
	color: #000000;
	text-align: center;
	font-style: normal;
	font-variant: normal;
}

/* Lists item headers for dynalister */
tr.list_header {
	background-image: url(/application/images/title_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.list_header {
	color: #000000;
	text-align: left;
	font-style: normal;
	font-variant: normal;
	}

/* main body table */
table.page {
	background-color: #eeead9;
	background-image: url(/application/images/bg_grad.gif);
	background-position: left;
	background-repeat: repeat-y;
	padding: 0px;
	margin: auto;
	margin-top: 2px;
	border-top: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
}

/* language selector table */
table.locale {
	background-color: #EFEEE7;
	margin: auto;
	margin-top: 20px;
	padding: 0px;
	border-top: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999; }

/* main table that displays all inner tables*/
table.notebook {
	padding: 6px;
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-bottom: 1px solid #404040;
	border-right: 1px solid #404040;
	margin: auto;
}

/* table cell that displays tab button links */
td.notebook_tabs {
	padding: 0px;
	border-bottom: 1px solid #D8D2BD;
	text-align: center;
}

/* displays tab contents inside page table */
td.notebook_body {
}

th.form_error, em.form_error {
	color: #ff0000;
}

/*
td {
	border-bottom: inherit;
}

table {
	background-color: #FFFFFF;
}
*/


/* alternating odd/even form inputs */
.form_odd{
	color: #000000;
	text-align: justify;
	font-style: normal;
	font-variant: normal;
}

/*alternating odd/even form inputs */
.form_even
{
	color: #000000;
	text-align: justify;
	font-style: normal;
	font-variant: normal;
}

/* alternating odd/even form inputs */
.list_odd {
	background-color: #f0f0f0;
	color: #000000;
	text-align: left;
	border-bottom: 1px solid #DDD;
	font-style: normal;
	font-variant: normal;
}

/* alternating odd/even list items in dynalister */
.list_even {
	background-color: #ffffff;
	color: #000000;
	border-bottom: 1px solid #DDD;
	text-align: left;
	font-style: normal;
	font-variant: normal;
}

/* list item when mouse hovers over */
.list_hover {
	background-color: #d6dff7;
	text-align: left;
	border-bottom: 1px solid #DDD;
	font-style: normal;
	font-variant: normal;
}

/* selected item in dynalister */
.list_selected {
	background-color: #7aa1e6;
	color: #000055;
	text-align: left;
	border-bottom: 1px solid #DDD;
	font-style: normal;
	font-variant: normal;
}

/* link color of domain in domain list when selected*/
.list_selected  a.domain {
	text-decoration: none;
	color: #ffffbb;
	text-align: center;
}

/* link color of domain in domain list when mouse hovers over */
.list_selected  a.domain:hover {
	text-decoration: underline;
}

a.list_sortkey,
a.list_header
{
	color: #000000;
	text-decoration: none;
}

/* list-sorting image link*/
a.list_sortkey,
a.list_sortkey:hover {
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	vertical-align: bottom;
	text-decoration: none;
}

img.list_sortkey {
	border: 0;
	display: inline;
	margin: 0;
}


pg_form {
	display: inline;
}

/* displays page number selector */
table.pager {
	margin: auto;
}

/* basic formatting for forms */
form{
	margin: 2px 2px;
}

/* form formatting for page number selector */
form.pager {
	margin: 2px 2px;
	font-size: 10px;
}

/* form item text descriptions */
td.form_desc {
	text-align: right;
	font-weight: normal;
}

/* form item text descriptions */
p.form_desc {
	text-align: left;
	margin: 0;
}

p.form_label {
	text-align: left;
	font-weight: bold;
	margin: 0;
}

p.pager {
	margin: 10px 5px 10px 5px;
	font-size: 10px;
}

/* Page number selector when there is not more than one page*/
p.pager_disable {
	font-size: 10px;
	color: #808080;
	padding: 0px 10px 2px 10px;
	margin: 5px;
	border: solid 2px #ffffff;
}

/* Links inside the page number selector */
a.pager,
a.pager:visited {
	font-size: 10px;
	display: block;
	padding: 0px 10px 2px 10px;
	margin: 5px;
	text-decoration: none;
	color: #000000;
	border-left: solid 2px #ffffff;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #404040;
	border-bottom: solid 2px #404040;
}

/* Page number selector links when clicked */
a.pager:active {
	font-size: 10px;
	color: #000000;
	border-left: solid 3px #404040;
	border-top: solid 3px #404040;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

/* Drop-down page selector form */
select.pager {
	font-size: 10px;
}
span.pager_sep {
	margin: 20px 20px;
}

.listing_col1 {
	width: 50%;
}

div.help {
	margin-left: 10%;
	margin-right: 10%;
	border-top: 3px solid #D3D3D3;
	border-left: 3px solid #D3D3D3;
	border-bottom: 3px solid #404040;
	border-right: 3px solid #404040;
	background-color: #F5F5F5;
	margin-bottom: 10px;

        /*
          hard code the height so that the menus always overlap the help, and not
          the forms since IE has bugs which draw some form elements over the menu
        */
	height: 140px;
}

p.help {
	margin: 5px;
	padding: 5px 10px 5px 10px;
	color: #6E6E6E;
}

table.plan_lister {
	background-color: #877c56;
}

table.lister {
}

table.light {
}

table.form {
	padding: 0px;
	margin: auto;
	border: 1px solid #877c56;
}

/* banner image section at top of each page */
th.form_title {
	color: #0b333c;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #999999;
	background: #EEE; 
	padding: 4px;
}

/* banner image section on signup page */
th.signup_form_title {
	color: #595959;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-align: left;;
	background-image: url(/application/images/logo.gif);
	background-repeat: no-repeat;
	height: 47px;
	text-indent: 8px;
}

table.lister td {
	/* border: 1px solid; */
}

p.status {
	text-align: center;
}

p.text {
	color: #555555;
	padding: 10px;
	text-align: left;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

h1.faq {
	font-size: 14px;
	font-weight: bold;
	color: #000044;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	margin:0;
	margin-top:10px;
	margin-bottom:5px;
}

a.faq {
	text-decoration: none;
	color: #000044;
	text-align: left;
	font-weight: normal;
}

a.faq:hover {
	text-decoration: underline;
}

table.faq {
}

td.faq {
	border: thin dotted #000000;
	margin-bottom:10px;
}

p.faq_link:hover {
	text-decoration: underline;
}

p.faq {
	color: #000044;
	background-color: #ffffff;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	margin:0;
	margin-bottom:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

body.background {
	background: #89ABE9 Url(/application/images/background.gif) top left repeat-x;
}

th.not_found {
	text-align: center;
}

a.domain {
	text-decoration: none;
	color: #000044;
	text-align: left;
	font-weight: normal;
}

a.domain:hover {
	text-decoration: underline;
}

.webstat_table{
	background-color: #ffffff;
}
.webstat_data_table{
	background-color: #7AA1E6;
	border-bottom: 1px solid #d2d4d5;
	border-top: 1px solid #d2d4d5;
	color: #000000;
	background-image: url(/application/images/title_bg.gif);
	background-repeat: repeat-x;
}
.webstat_date_header{
	border: 1px solid #d6d6d6;
	border-left: 0px;
	color: #000000;
}

.webstat_header{
	border-bottom: 1px solid #d2d4d5;
	border-top: 1px solid #d2d4d5;
	background-color: #EFEEE7;
	color: #000;
}

.webstat_list_header {
	font-weight: bold;
	text-align: center;
}

.webstat_list {
	text-align: center;
	color: #000000;
	font-weight: normal;
}

.webstat_rank
{
	color: #000000;
}

a.menu_link{
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	font-size: 10px;
}

div.tos {
	border: 1px solid #877c56;
}

tr.list_header_themes {
	background-image: url(/application/images/title_bg.gif);
	background-repeat: repeat-x;
}

#cutRowNew td {
	display: none;
}

#reqRowNew td {
	display: none;
}

.listTable td {
	background-color: #aaaaaa;
}

.listTable th, .listTable td {
	border: 1px solid #000000;
}

span.error {
	color: #FF5555;
	font-weight: bold;
}

#invoice_amount {
	font-size: 20px;
	font-weight: bold;
	background-color: #AAFFAA;
}

.pbButton {
	font-size: 20px;
}

#new_form_title {
	font-size: 20px;
}

.generalErrorBox {
	border: thin solid black;
	padding: 20px;
	padding-left: 50px;
	background-color: #AAA;
	background-image: url(/application/images/dialog-error.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

table.pb_form {
	width:600px;
	border: thin solid black;
}