/*
*****************
*	GENERAL.CSS	*
*****************
*/
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
  background-color: #f6f6f6; 
}

td, th, input, select, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link {
  color: #0240a3;
}

a:visited {
  color: #0240a3;
}

a:active {
  color: #000000;
}

img {
  border: none;
}
/*
*****************
*	CUSTOM.CSS	*
*****************
*/

	/****************
	*	BUTTONS.CSS	*
	****************/
	/* ---------- small icon buttons  --------- */
	#bid-ok button {
	  background-image: url(../images/bg_ok.gif);
	  padding-left: 8px;
	}
	
	#bid-update button {
	  background-image: url(../images/bg_ok.gif);
	  padding-left: 8px;
	}
	
	#bid-cancel button {
	  background-image: url(../images/bg_cancel.gif);
	  padding-left: 10px;
	}

	#bid-plus button {
	  width: 23px;
	  height: 22px;
	  background-image: url(../images/bg_plus.gif);
	}
	
	#bid-plus button[disabled] {
	  width: 23px;
	  height: 22px;
	  background-image: url(../images/bg_plus_off.gif);
	}
	
	#bid-minus button {
	  width: 23px;
	  height: 22px;
	  background-image: url(../images/bg_minus.gif);
	}
	
	#bid-minus button[disabled] {
	  width: 23px;
	  height: 22px;
	  background-image: url(../images/bg_minus_off.gif);
	}
	
	#bid-up_level span {
	  background-image: url(../images/bg_up_level.gif);
	}
	
	#bid-refresh span {
	  background-image: url(../images/bg_refresh.gif);
	}
	
	#bid-remove_sel span {
	  background-image: url(../images/bg_remove_sel.gif);
	}
	
	#bid-search span {
	  background-image: url(../images/bg_search.gif);
	}
	#bid-group span {
	  background-image: url(../images/bg_group.gif);
	}
	
	#bid-show_all span {
	  background-image: url(../images/bg_show_all.gif);
	}

body {
  background: #F6F6F4;
} 
/* ---------- list  --------- */

.listTable {
}

.listTable th, .listTable 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;
}

.sort {
	background-color: #abbeef; 
}

.evenRow {
	background-color: #f0f0f0; 
}

.oddRow {
	background-color: #ffffff;
}

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

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

legend {
  color: #00000;
  font-weight: bold;
}

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

.formTable td {
  text-align: left;
}

.required {
  color: #cc0000;
}

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

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

.hint {
  color: #555555;
}

.formButtons {
 padding-top: 5px;
}


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

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

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

.pageTitle {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
}

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

.pageTitle .name,
.pageTitle b {
  font-weight: normal; 
  color: #0d1de0;
}

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;
}

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

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

.someBtn button {
  background-image: url(../images/btn_bg.gif);
  border: 0 solid white;
  background-repeat: no-repeat;
}


/* ---------- big icon buttons  --------- */
.actionBtns .largeBtn {
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 32px 0 0 0;
  width: 111px;
  height: 27px;
  margin: 0;
  cursor: pointer;
  text-align: center;
  float: left;
  background-image: url(../images/custom-buttons.gif);
}

.actionBtns span.largeBtn {
  cursor: default;
  color: #999999;
  text-decoration: none;
}

.actionBtns button {
  display: none;
}

.actionBtns #bid-new_client {
 background-image: url(../images/new_client.gif);
}

.actionBtns #bid-cl-set {
 background-image: url(../images/client-settings.gif);
}

.actionBtns #bid-new_domain {
 background-image: url(../images/add-DNS-zone.gif);
}

.actionBtns #bid-remote_file {
 background-image: url(../images/remote-updates.gif);
}

.actionBtns #bid-edit-acc-info {
 background-image: url(../images/edit-account-details.gif);
}

.actionBtns #bid-export_client_domains {
 background-image: url(../images/backup-DNS-zone.gif);
}

.actionBtns #bid-export_domain {
 background-image: url(../images/backup-DNS-zone.gif);
}

.actionBtns #bid-export_all_domains {
 background-image: url(../images/backup-DNS-zone.gif);
}

.actionBtns #bid-admins {
 background-image: url(../images/admin-accounts.gif);
}

.actionBtns #bid-new_admin {
 background-image: url(../images/new_admin.gif);
}

.actionBtns #bid-sessions {
 background-image: url(../images/sessions.gif);
}

.actionBtns #bid-ch_license {
 background-image: url(../images/update-license.gif);
}

.actionBtns #bid-new_names_file {
 background-image: url(../images/zone-names-from-file.gif);
}

.actionBtns #bid-new_recs_file {
 background-image: url(../images/full-zones-from-file.gif);
}

.actionBtns #bid-client_on {
 background-image: url(../images/client-off.gif);
}

.actionBtns #bid-client_off {
 background-image: url(../images/client-on.gif);
}

.actionBtns #bid-dns_templates {
 background-image: url(../images/DNS-templates.gif);
}

.actionBtns #bid-custom_buttons {
 background-image: url(../images/custom-buttons.gif);
}

.actionBtns #bid-zone_secondary {
 background-image: url(../images/zone_slave.gif);
}

.actionBtns #bid-zone_master {
 background-image: url(../images/zone_master.gif);
}

.actionBtns #bid-notifications {
 background-image: url(../images/notifications.gif);
}

.actionBtns #bid-transfer {
 background-image: url(../images/DNS-transfer.gif);
}

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

.btnTable .someBtn,
.goUp .someBtn {
  background: none;
}

.displayInfo .btnTable .someBtn button,
.goUp .someBtn button {
	display: none;
}

.displayInfo .btnTable .someBtn span,
.goUp .someBtn span {
  background-position: 0 1px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-left: 20px;
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
  padding-top: 1px;
  padding-bottom: 4px;
}


/* buttons as buttons */
.userData .someBtn span,
.formButtons .someBtn span,
.prevnext .someBtn span {
  display: none;
}

.formButtons button,
.userData button,
.prevnext .someBtn button {
  width: 91px;
  height: 21px;
  text-align: center;
}
/*
*****************
*	LAYOUT.CSS	*
*****************
*/
body, form {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

body {
  padding-bottom: 20px;
}

td {
  vertical-align: middle;
}

th {
  vertical-align: middle;
  white-space: nowrap;
}

.quickLink {
	padding: 10px 10px 0 11px;
}

.pageBody {
  margin: 0 10px;
}

.goUp {
  text-align: right;
}

.pageTitle {
  margin: 0;
  vertical-align: middle;
}

.pageTitle td {
  padding: 3px 12px 5px 11px;
  vertical-align: middle;
}


.pageTitle img,
.pageTitle td,
.pageTitle input,
.pageTitle select {
  vertical-align: middle;
}

p, hr {
  margin: 5px 0;
}

.largeBtn {
  width: 500px; 
}

.errorMessage {
  margin: 10px 0;
}

.errorMessage img {
  float: left;
  margin-right: 5px;
}

hr {
  clear: both;
}

/* ---------- list  --------- */

.displayInfo td input,
.displayInfo td select {
  vertical-align: middle;
}

.listTable td,
.listTable th {
	padding: 3px;
}

.number {
  text-align: right;
}
.number {
  text-align: right;
}

.search input,
.search .someBtn {
  margin-right: 7px;
  vertical-align: middle;
}

.listTable {
  border-collapse: collapse;
}

.btnTable {
  margin: 7px 0;
}

.btnTable div {
  white-space: nowrap;
}

.btnTable input,
.btnTable .someBtn {
  vertical-align: middle;
}

.misc {
  text-align: right;
}

.main input {
	margin-right: 7px;
}
.main .someBtn {
  margin-right: 14px;
}

.misc input {
  margin-left: 7px;
}
.misc .someBtn {
  margin-left: 14px;
}

th a {
  vertical-align: middle;
}

th img {
  vertical-align: middle;
  padding-left: 3px;
}

.prevnext {
  margin: 7px 0;
  vertical-align: middle;
}

.prevnext input, 
.prevnext .someBtn, 
.prevnext select {
  vertical-align: middle;
  margin-right: 7px;
}

.prevnext select {
  margin-right: 3px;
}

.select {
	text-align: center;
}

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

.userData {
/*  width: 695px; */
}

.name,
.nameError {
  font-weight: normal;
  color: #444444;
}

.formTable {
  border-collapse: collapse;
  margin-top: 2px;
}

.formTable td {
  padding: 3px;
  vertical-align: top;
}

.formTable input,
.formTable select {
  vertical-align: middle;
}

.formTable td.name,
.formTable td.nameError {
  vertical-align: top;
  padding-left: 0;
  padding-right: 10px;
/*  height: 25px; */
  padding-bottom: 10px;
  width: 200px;
}

td.unlimited {
  vertical-align: middle;	
}

fieldset {
 margin: 0px 0;
 padding: 10px 0 0 0;
}

.largeBtn {
  padding: 8px 0 0 0;
}

legend {
  margin-bottom: 5px;
  margin-left: -5px;
  padding-right: 5px;
  vertical-align: middle;
  padding-bottom: 3px;
}

option.dummyLine {
	color: #ffffff;
}

#searchInput {
	margin-left: -1px;
}

fieldset > legend {
  margin-left: -7px;
  padding-left: 0px;
  padding-right:9px;
  padding-top: 3px;
}

legend img {
  vertical-align: middle;
}

fieldset p {
  margin: 5px 0;
}

.option {
  margin-bottom: 5px;
}

.formButtons {
  text-align: right;
  margin-top: 5px;
}

.formButtons input,
.formButtons button {
  margin-left: 7px;
}

.formTable td.limit {
  padding-right: 25px;
  white-space: nowrap; 
  width: 140px;
}

.formTable td td.limit {
  padding-left: 0px;
}

.fieldButtons input,
.fieldButtons button {
  margin: 5px 5px 0 0; 
}

textarea {
  width: 98%;
}

.checkbox,
.radiobox {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
}

#chkProceed {
	margin-left: 3px;
}

legend .checkbox,
legend .checkbox,
.formTable .checkbox,
.formTable .radiobox {
  margin-right: 3px;
}

.suboption {
	margin-left: 18px;
}
/* ---------- misc --------- */


.someBtn {
  display: inline;
}

/* ---------- for login --------- */

#login {
  width: 450px;
  margin: auto;
  margin-top: 40px;
}

#get_password {
	text-align: left;
	padding-left: 0;
}

#get_password a:link, 
#get_password a:visited {
	color: #444444;
}

#loginForm {
	padding: 10px;
	border-bottom: 1px solid #D1CBD0;
	border-left: 1px solid #D1CBD0;
	border-right: 1px solid #D1CBD0;
}