body {
  background: #F9F8F8;
} 
/* ---------- search  --------- */

* html table.searchArea {
  margin-top: 15px;
}

table.searchArea {
  margin-top: 7px;
  /* border-top: 1px dashed #bbbbbb; */
}
table.searchArea td {
  padding-top: 10px;
}
table.searchAreaDetails td {
  padding: 2px;
}

/* ---------- list(gridview)  --------- */

.list {
}

.list .selected {
  background-color: #ecf0fb;
}

.list th, .list td {
}

th
{
  text-align	: left;
  background	: #D6DFF7;
  border-right	: 1px solid #ffffff;
  border-bottom	: 1px solid #ffffff;
}

th a:link, th a:visited, th a:active 
{
  	color: #000000;
  	text-decoration: none;
}

th a:hover 
{
  	text-decoration: underline;
}

infotitle 
{
  text-align	: left;
  background-color	: #D6DFF7;
}

.list .subTable td 
{
	border: 0px;
	padding: 3px;
}

.evenrowbg 
{
	background-color: #F0F0F0; 
}

.oddrowbg 
{
	background-color: #ffffff;
}

.select 
{
    width:20px; 
    text-align:center;
}

.icon  
{
    width: 16px;
}

.sort 
{
    background-color: #ABBEEF; 
}

.recordEmpty
{
    background-color :  #EFEFEF;
    line-height : 50px;
    text-align  : center;
    padding : 20px 0;
    }

/* ---------- insertTable --- */

.inserTable
{
    border      : 0px;
    /* border-collapse: collapse;
    table-layout: fixed;
    width       : 100%;    */
}

.insertTable th, 
.insertTable td
{
    padding :3px 10px 3px 3px;
    border:none;
}

.insertTable th
{
    padding-right   : 30px;
    background  : none;
    font-weight : normal;
    white-space : nowrap;
}

.insertTable input,
.insertTable textarea
{
   width : 250px; 
}

.insertTable .sml
{
    width:150px;
}

.insertTable .xsml
{
    width:75px;
}



.insertTable .butModal
{
    width   : 102px;
    background-color : Blue;
    color   : White;   
}

.checkbox,
.checkbox input,
.inpBut,
.inpBut input,
.radiobox {
    width   : auto;
    height  : auto;
    padding : 0;
    margin  : 0;
    border  : 0;
    text-align:left;
}



/* ---------- form  --------- */

.footnote {
   	padding-top: 2px;
	text-align: left;
	color: #666666;
}

legend {
  	color: #000000;
  	font-weight: bold;
  	background-color: #f9f8f8;
}

fieldset {
  	border: none;
  	border-top: 1px solid #D0D0D0;
}

.formFields td {
  	text-align: left;
}

.name,
.nameError {
/*  font-weight: bold; */
  	color: #444444;
}

.error {
  	background: #ffd9d9;
}

.error .name {
  	color: #cc0000;
  	background: transparent;
}

.error .hint {
  	color: #333333;
}

.required {
  	color: #cc0000;
}

.formFields td.unlimited {
  	border-left: none;
}

.formFields td.limit {
  	border-right: none;
}

.hint {
  	color: #555555;
}

.formButtons {
	padding-top: 5px;
}

.formArea .buttons {
 	border-top: 1px solid #D0D0D0;
  	padding-top: 10px;
}

fieldset .formArea .buttons,
fieldset .buttons {
  	border-top: 0px;
  	padding-top: 0px;
}

/* ---------- misc elements --------- */

.pathbar {
  	background: #ffffff;
  	color: #444444;
}

.pathbar a:link,
.pathbar a:visited {
  	color: #444444;
}

.screenTitle {
  	background  : #ffffff;
}

.screenTitle td {
  	font-size   : 18px;
  	font-family : "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
  	color       : #000000;
}

.screenTitle .name,
.screenTitle b {
  	font-weight : normal; 
  	color       : #0D1DE0; 
}

.specific {
  	font-weight: bold;
}

.reportIndex a:link,
.reportIndex a:visited {
  	color: #333333;
}

.reportSection {
  	border-top: 1px solid #cccccc;
	/*  background: #ffffff; */
}


.subdomain a {
  	background-image: url(images/btn_show-subdomains_bg.gif);
  	background-repeat: no-repeat;
  	/* display: -moz-inline-box; */
  	display: inline-block;
  	min-height: 16px;
  	padding-left: 20px;
}
* html .subdomain a {
  	height: 16px;
}
.domainalias a {
  	background-image: url(images/nav_domains.gif);
  	background-repeat: no-repeat;
  	/* display: -moz-inline-box; */
  	display: inline-block;
  	min-height: 16px;
  	padding-left: 20px;
}
* html .domainalias a {
  	height: 16px;
}

td.subTd a:link,
td.subTd a:visited,
a.subdomain:link,
a.subdomain:visited,
a.domainalias:link,
a.domainalias:visited,
a.mailalias:link,
a.mailalias:visited {
color: #555555; 
}

.notdelitems {
	color: #444444;
}

code {
	font-family: Courier, mono;
	font-size: 10px;
	color: #444444;
}

.code {
	font-family: Courier, mono;
	font-size: 10px;
}

hr {
  color: #cccccc;
  background-color: #cccccc;
  height: 1px;
}

/* ---------- gauge elements --------- */

td.barOverFilled {
  	background: url(icons/gauge/fill-over.gif);
}

td.barFilled {
  	background: url(icons/gauge/fill.gif);
}

td.barEmpty {
  	background: url(icons/gauge/empty.gif);
}


/* ---------- common buttons --------- */

.commonButton input,
.commonButton {
  font-family		: Tahoma, Arial, Helvetica, sans-serif;
  font-size			: 11px;
  color				: #000000;
  background-color	: transparent;
}

.commonButton input {
  background-image	: url(btn_bg.gif);
  border			: 0 solid white;
  background-repeat	: no-repeat;
}

.commonButton input[disabled] {
  background-image	: url(images/btn_bg-disabled.gif); 
  color				: #999999;
}  

/* ---------- big icon buttons  --------- */
.toolsArea .commonButton {
  	background-position	: top center;
  	background-repeat	: no-repeat;
  	background-color	: transparent;
  	padding				: 0 1px;
	cursor				: pointer;
  	text-align			: center;
  	background-image	: url(btn_default-button_bg.gif);
 	vertical-align		: top;
  	margin-bottom		: 12px;
	display				: inline-block;
	min-height			: 32px;
  	/* display			: -moz-inline-box;
  	-moz-box-flex		: 400;
    */
	float	            : left;
	margin-right        : 20px;
}

.formArea .toolsArea .commonButton span,
.toolsArea .commonButton span {
  	display				: block;
  	text-align			: center;
  	width				: 83px;
  	padding-top			: 34px;
  	vertical-align 		: top;
}
.screenButtons {
  	word-spacing		: -1em; 	
}

.screenButtons .commonButton {
  	word-spacing		: normal;
}

.toolsArea span.commonButton {
  	cursor				: default;
  	color				: #999999;
  	text-decoration 	: none;
  	margin-right		: -3px;
}

.toolsArea input {
  	display			: none;
}

.toolsArea .screenButtons .commonButton span {
  	background		: none;
}

.screenButtons:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

/* ---------- small icon buttons  --------- */

.listArea .buttons .commonButton,
.uplevel .commonButton {
  	background-image	: none;
  	height				: 16px;
  	display				: inline;
  	/* display			: -moz-inline-box; */
}

.listArea .buttons .commonButton input,
.uplevel .commonButton input {
	display    : none;
}

.listArea .buttons .commonButton span,
.uplevel .commonButton span {
  	background-repeat  : no-repeat;
  	background-color: transparent;
  	padding         : 1px 0 2px 20px;
  	padding-left    : 20px;
  	height          : 16px;
  	text-decoration : underline;
  	cursor          : hand;
  	cursor          : pointer;
  	display         : inline-block;
  	white-space     : nowrap;
}

/* buttons as buttons */
.formArea .commonButton span,
.formButtons .commonButton span,
.paging .commonButton span {
  	display: none;
}

.formButtons input,
.formArea input,
.paging .commonButton input {
  	width: 91px;
  	height: 21px;
  	text-align: center;
}

/* ---------- messages  --------- */
.msgInfo {
  	margin: 10px 0 0 0;
  	border: 2px solid;
  	background: #ffffff;
  	padding: 10px 32px;
  	background-repeat:  no-repeat;
 	background-position:  10px 11px;
  	border-color: #009933;
  	background-image: url(icons/ok.gif);  
}

.msgInfo .title {
        color: #009933;
        font-weight: bold;
}

.msgWarning {
  	margin: 10px 0 0 0;
 	 border: 2px solid;
  	background: #ffffff;
  	padding: 10px 32px;
  	background-repeat:  no-repeat;
  	background-position: 10px 11px;
  	border-color: #CC9901;
  	background-image: url(icons/att.gif);
}

.msgWarning .title {
    color: #CC9901;
    font-weight: bold;
}

.msgError {
  	margin: 10px 0 0 0;
  	border: 2px solid;
 	background: #ffffff;
 	padding: 10px 32px;
    background-repeat:  no-repeat;
    background-position:  10px 11px;
    border-color: #cc0000;
    background-image: url(icons/off.gif);
}

.msgError .title {
  color: #cc0000;
  font-weight: bold;
}

.codeComment {
  border: 1px solid #999999;
  background-color: #ffffff;
  padding: 8px;
  font-family: monospace;
  font-size: 12px;
}