Merge branch 'master' of github.com:serghey-rodin/vesta

bin/v_add_cron_job

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: add cron job
-# arguments: user min hour day month wday command [job]
+# options: user min hour day month wday command [job]
 #
 # The function adds a job to cron daemon. When executing commands, any output
 # is  mailed to user's email if parameter REPORTS is set to 'yes'.
@@ -78,6 +78,9 @@ sync_cron_jobs
 #                       Vesta                              #
 #----------------------------------------------------------#
 
+# Increasing cron value
+increase_user_value "$user" '$U_CRON_JOBS'
+
 # Adding task to the vesta pipe
 restart_schedule 'cron'
 

bin/v_add_db_base

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: add database
-# arguments: user db db_user db_password type [host] [encoding]
+# options: user db db_user db_password type [host] [encoding]
 #
 # The function creates the database concatenating username  and user_db.
 # Supported yypes of databases you can get using v_list_sys_config script.

bin/v_add_db_host

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: add new database server
-# arguments: type host port db_user db_password [max_db] [tpl]
+# options: type host port db_user db_password [max_db] [tpl]
 #
 # The function add new database server to the server pool. It supports local
 # and remote database servers, which is useful for clusters. By adding a host

bin/v_add_dns_domain

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: add dns domain
-# arguments: user domain ip [template] [exp] [soa] [ttl]
+# options: user domain ip [template] [exp] [soa] [ttl]
 #
 # The function adds DNS zone with records defined in the template. If the exp
 # argument isn't stated, the expiration date value will be set to next year.

bin/v_add_dns_domain_record

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: add dns domain record
-# arguments: user domain record type value [id]
+# options: user domain record type value [id]
 #
 # The call is used for adding new DNS record. Complex records of TXT, MX and
 # SRV types can be used by a filling in the 'value' argument. The function also

bin/v_add_sys_ip

@@ -1,8 +1,13 @@
 #!/bin/bash
 # info: add system ip address
-# arguments: ip mask [interface] [user] [ip_status] [ip_name]
+# options: ip mask [interface] [user] [ip_status] [ip_name]
 #
-# The function adds ip address into a system including rc scripts.
+# The function adds ip address into a system. It also creates rc scripts. You
+# can specify ip name which will be used as root domain for temporary aliases.
+# For example, if you set a1.myhosting.com as name, each new domain created on
+# this  ip will automaticaly receive alias $domain.a1.myhosting.com. Of course
+# you must have wildcard record *.a1.myhosting.com pointed to ip. This feature 
+# is very handy when customer wants to test domain before dns migration.
 
 
 #----------------------------------------------------------#

bin/v_add_user

@@ -156,6 +156,7 @@ U_WEB_SSL='0'
 U_DNS_DOMAINS='0'
 U_DATABASES='0'
 U_MAIL_DOMAINS='0'
+U_CRON_JOBS='0'
 DATE='$V_DATE'" > $V_USERS/$user/user.conf
 
 # Hiding password

bin/v_change_cron_job

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: change cron job
-# arguments: user job min hour day month wday command
+# options: user job min hour day month wday command
 #
 # The function is used for changing existing job. It fully replace job
 # parameters with new one but with same id.

bin/v_change_db_password

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: change database user password
-# arguments: user db_name db_password
+# options: user db_name db_password
 #
 # The function for changing database user  password to a database. It uses the
 # full name of database as argument.

bin/v_change_dns_domain_exp

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: change dns domain expiriation date
-# arguments: user domain exp
+# options: user domain exp
 #
 # The function of changing the term of expiration domain's registration. The
 # serial number will be refreshed automatically during update.

bin/v_change_dns_domain_ip

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: change dns domain ip address
-# arguments: user domain ip
+# options: user domain ip
 #
 # The function for changing the main ip of DNS zone.
 

bin/v_change_dns_domain_record

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: change dns domain record
-# arguments: user domain id record type value
+# options: user domain id record type value
 #
 # The function for changing DNS record.
 

bin/v_change_dns_domain_soa

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: change dns domain soa record
-# arguments: user domain soa
+# options: user domain soa
 #
 # The function for changing SOA record. This type of records can not be
 # modified by v_change_dns_domain_record call.

bin/v_change_dns_domain_tpl

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: change dns domain template
-# arguments: user domain
+# options: user domain
 #
 # The function for changing the template of records. By updating old records
 # will be removed and new records will be generated in accordance with

bin/v_change_dns_domain_ttl

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: change dns domain ttl
-# arguments: user domain ttl
+# options: user domain ttl
 #
 # The function for chaning the time to live TTL parameter for all records.
 

bin/v_change_sys_config_value

@@ -1,5 +1,10 @@
 #!/bin/bash
-# info: changing sysconfig value
+# info: change sysconfig value
+# options: key value
+#
+# The function is for changing main config settings such as COMPANY_NAME or
+# COMPANY_EMAIL and so on.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #
@@ -29,8 +34,8 @@ format_validation 'key'
 check_ckey=$(grep "^$key='" $V_CONF/vesta.conf)
 if [ -z "$check_ckey" ]; then
     echo "Error: key not found"
-    log_event 'debug' "$E_KEY_INVALID $V_EVENT"
-    exit $E_KEY_INVALID
+    log_event 'debug' "$E_INVALID $V_EVENT"
+    exit $E_INVALID
 fi
 
 

bin/v_change_sys_ip_name

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: changing ip name
+# info: change ip name
+# options: ip name
+#
+# The function for changing dns domain associated with ip.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_change_sys_ip_owner

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: changing ip owner
+# info: change ip owner
+# options: ip user
+#
+# The function of changing ip address ownership.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #
@@ -9,7 +13,6 @@
 ip=$1
 user=$2
 
-
 # Importing variables
 source $VESTA/conf/vars.conf
 source $V_CONF/vesta.conf

bin/v_change_sys_ip_status

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: changing ip status
+# info: change ip status
+# options: ip ip_status
+#
+# The function of changing an ip address's status.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_change_user_package

@@ -84,6 +84,7 @@ BACKUPS='$BACKUPS'
 WEB_TPL='$WEB_TPL'
 SUSPENDED='$SUSPENDED'
 CONTACT='$CONTACT'
+RKEY='$RKEY'
 REPORTS='$REPORTS'
 IP_OWNED='$IP_OWNED'
 U_DIR_DISK='$U_DIR_DISK'
@@ -94,6 +95,7 @@ U_WEB_SSL='$U_WEB_SSL'
 U_DNS_DOMAINS='$U_DNS_DOMAINS'
 U_DATABASES='$U_DATABASES'
 U_MAIL_DOMAINS='$U_MAIL_DOMAINS'
+U_CRON_JOBS='$U_CRON_JOBS'
 DATE='$DATE'" > $V_USERS/$user/user.conf
 }
 

bin/v_change_web_domain_sslcert

@@ -23,10 +23,10 @@ source $V_FUNC/domain.func
 #----------------------------------------------------------#
 
 # Checking arg number
-check_args '3' "$#" 'user domain certificate'
+check_args '3' "$#" 'user domain ssl_dir'
 
 # Checking argument format
-format_validation 'user' 'domain' 'ssl'
+format_validation 'user' 'domain' 'ssl_dir'
 
 # Checking web system is enabled
 is_system_enabled 'web'

bin/v_change_web_domain_sslhome

@@ -23,7 +23,7 @@ source $V_FUNC/domain.func
 #----------------------------------------------------------#
 
 # Checking arg number
-check_args '3' "$#" 'user domain sslhome'
+check_args '3' "$#" 'user domain ssl_home'
 
 # Checking argument format
 format_validation 'user' 'domain'

bin/v_delete_cron_job

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: delete cron job
-# arguments: user job
+# options: user job
 #
 # The function deletes cron job.
 
@@ -58,6 +58,9 @@ sync_cron_jobs
 #                       Vesta                              #
 #----------------------------------------------------------#
 
+# Decreasing cron value
+decrease_user_value "$user" '$U_CRON_JOBS'
+
 # Adding task to the vesta pipe
 restart_schedule 'cron'
 

bin/v_delete_db_base

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: delete database
-# arguments: user database
+# options: user database
 #
 # The function for deleting the database. If database user have access to
 # another database, he will not be deleted.

bin/v_delete_db_dbases

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: delete user databases
-# arguments: user
+# options: user
 #
 # The function deletes all user databases.
 

bin/v_delete_db_host

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: delete database serve
-# arguments: type host
+# options: type host
 #
 # The function for deleting the database host from vesta configuration. It will
 # be deleted if there are no databases created on it only.

bin/v_delete_dns_domain

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: delite dns domain
-# arguments: user domain
+# options: user domain
 #
 # The function for deleting DNS domain. By deleting it all records will also be
 # deleted.

bin/v_delete_dns_domain_record

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: delete dns record
-# arguments: user domain id
+# options: user domain id
 #
 # The function for deleting a certain record of DNS zone.
 

bin/v_delete_dns_domains

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: delete dns domains
-# arguments: user
+# options: user
 #
 # The function for deleting all users DNS domains.
 

bin/v_delete_sys_ip

@@ -1,5 +1,10 @@
 #!/bin/bash
-# info: deleting system ip
+# info: delete system ip
+# options: ip
+#
+# The function for deleting a system ip. It does not allow to delete first ip
+# on interface and do not allow to delete ip which is used by a web domain.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_get_dns_domain_value

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: get dns domain value
-# arguments: user domain key
+# options: user domain key
 #
 # The function for getting a certain DNS domain parameter.
 

bin/v_list_cron_jobs

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: list user cron jobs
-# arguments: user [format]
+# options: user [format]
 #
 # The function for obtaining the list of all users cron jobs.
 

bin/v_list_db_base

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: list database
-# arguments: user database [format]
+# options: user database [format]
 #
 # The function for obtaining of all database's parameters.
 

bin/v_list_db_bases

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: listing data bases
-# arguments: user [format]
+# options: user [format]
 #
 # The function for obtaining the list of all user's databases.
 

bin/v_list_db_host

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: list database host
-# arguments: type host [format]
+# options: type host [format]
 #
 # The function for obtaining host's database parameters.
 

bin/v_list_db_hosts

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: list data base servers
-# arguments: type [format]
+# options: type [format]
 #
 # The function for obtaining the list of all hosts of the same databases' type.
 

bin/v_list_dns_domain

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: list dns domain
-# arguments: user domain [format]
+# options: user domain [format]
 #
 # The function for getting all DNS domain's parameters.
 

bin/v_list_dns_domains

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: list dns domains
-# arguments: user [format]
+# options: user [format]
 #
 # The function for obtaining all DNS domains of a user.
 

bin/v_list_dns_template

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: list dns template
-# arguments: template [format]
+# options: template [format]
 #
 # The function for obtaining the DNS template parameters.
 

bin/v_list_dns_templates

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: list dns templates
-# arguments: [format]
+# options: [format]
 #
 # The function for obtaining the list of all DNS templates available.
 

bin/v_list_sys_config

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: listing system config
+# info: list system config
+# options: [format]
+#
+# The function for obtaining the list of system parameters.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_list_sys_interfaces

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: listing system interfaces
+# info: list system interfaces
+# options: [format]
+#
+# The function for obtaining the list of network interfaces.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_list_sys_ip

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: listing system ip
+# info: list system ip
+# options: ip [format]
+#
+# The function for getting the list of system ip parameters.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_list_sys_ips

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: listing system ips
+# info: list system ips
+# options: [format]
+#
+# The function for obtaining the list of system ip's.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_list_sys_rrd

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: listing available system rrd charts
+# info: list system rrd charts
+# options: [format]
+#
+# List available rrd graphics, its titles and paths.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_list_user

@@ -94,7 +94,7 @@ fields='$USER $FNAME $LNAME $PACKAGE $WEB_DOMAINS $WEB_SSL $WEB_ALIASES
     $DATABASES $MAIL_DOMAINS $MAIL_BOXES $MAIL_FORWARDERS $DNS_DOMAINS
     $DISK_QUOTA $BANDWIDTH $NS $SHELL $BACKUPS $WEB_TPL $SUSPENDED $CONTACT
     $RKEY $REPORTS $IP_OWNED $U_DIR_DISK $U_DISK $U_BANDWIDTH $U_WEB_DOMAINS
-    $U_WEB_SSL $U_DNS_DOMAINS $U_DATABASES $U_MAIL_DOMAINS $DATE'
+    $U_WEB_SSL $U_DNS_DOMAINS $U_DATABASES $U_MAIL_DOMAINS $U_CRON_JOBS $DATE'
 
 # Listing user
 case $format in 

bin/v_list_users

@@ -91,7 +91,7 @@ fields="$fields \$DNS_DOMAINS \$DISK_QUOTA \$BANDWIDTH \$NS \$SHELL \$BACKUPS"
 fields="$fields \$WEB_TPL \$SUSPENDED \$CONTACT \$RKEY \$REPORTS \$IP_OWNED"
 fields="$fields \$U_DIR_DISK \$U_DISK \$U_BANDWIDTH \$U_WEB_DOMAINS"
 fields="$fields \$U_WEB_SSL \$U_DNS_DOMAINS \$U_DATABASES \$U_MAIL_DOMAINS"
-fields="$fields \$DATE"
+fields="$fields \$U_CRON_JOBS \$DATE"
 
 # Listing domains
 case $format in 

bin/v_rebuild_cron_jobs

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: rebuild cron jobs
-# arguments: user
+# options: user
 #
 # The function rebuilds system cron config file for specified user.
 

bin/v_rebuild_dns_domains

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: rebuild dns domains
-# arguments: user
+# options: user
 #
 # The function rebuilds BIND configuration files for all dns domains.
 

bin/v_restart_cron

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: restart cron service
-# arguments: none
+# options: none
 #
 # The function tells crond service to reread its configuration files.
 

bin/v_restart_dns

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: restart dns service
-# arguments: none
+# options: none
 #
 # The function tells BIND service to reload dns zone files.
 

bin/v_suspend_cron_job

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: suspend cron job
-# arguments: user job
+# options: user job
 #
 # The function suspends a certain job of the cron scheduler.
 

bin/v_suspend_cron_jobs

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: Suspending sys cron jobs
-# arguments: user
+# options: user
 #
 # The function suspends all user cron jobs.
 

bin/v_suspend_db_base

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: suspend database
-# arguments: user database
+# options: user database
 #
 # The function for suspending a certain user database.
 

bin/v_suspend_db_bases

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: suspend databases
-# arguments: user
+# options: user
 #
 # The function for suspending of all databases of a single user.
 

bin/v_suspend_dns_domain

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: suspend dns domain
-# arguments: user domain
+# options: user domain
 #
 # The function suspends a certain user's domain.
 

bin/v_suspend_dns_domains

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: suspend dns domains
-# arguments: user
+# options: user
 #
 # The function suspends all user's DNS domains.
 

bin/v_unsuspend_cron_job

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: unuspend cron job
-# arguments: user job
+# options: user job
 #
 # The function unsuspen certain cron job.
 

bin/v_unsuspend_cron_jobs

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: unuspend sys cron
-# arguments: user
+# options: user
 #
 # The function unsuspends all suspended cron jobs.
 

bin/v_unsuspend_db_base

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: unsuspend database
-# arguments: user database
+# options: user database
 #
 # The function for unsuspending database.
 

bin/v_unsuspend_db_bases

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: unsuspend databases
-# arguments: user
+# options: user
 #
 # The function for unsuspending all user's databases.
 

bin/v_unsuspend_dns_domain

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: unsuspend dns domain
-# arguments: user domain
+# options: user domain
 #
 # The function unsuspends a certain user's domain.
 

bin/v_unsuspend_dns_domains

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: unsuspend dns domains
-# arguments: user
+# options: user
 #
 # The function unsuspends all user's DNS domains.
 

bin/v_update_db_base_disk

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: update database disk usage
-# arguments: user database
+# options: user database
 #
 # The function recalculates disk usage for speciefic database.
 

bin/v_update_db_bases_disk

@@ -1,6 +1,6 @@
 #!/bin/bash
 # info: update databases disk usage
-# arguments: user
+# options: user
 #
 # The function recalculates disk usage for all user databases.
 

bin/v_update_sys_ip

@@ -1,15 +1,19 @@
 #!/bin/bash
-# info: adding system ip
+# info: update system ip
+# options: [owner] [ip_status]
+#
+# The function scans configured ip in the system and register them with vesta
+# internal database. This call is intended for use on vps servers, where ip is
+# set by hypervizor.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #
 #----------------------------------------------------------#
 
 # Argument defenition
-owner=$1
-ip_status=$2
-owner=${3-vesta}
-ip_status=${4-shared}
+owner=${1-vesta}
+ip_status=${2-shared}
 
 # Importing variables
 source $VESTA/conf/vars.conf
@@ -27,13 +31,13 @@ source $V_FUNC/domain.func
 check_args '0' "$#" '[owner] [ip_status]'
 
 # Checking owner
-if [ ! -z "$owner" ]; then
+if [ ! -z "$1" ]; then
     format_validation 'owner'
     is_user_valid "$owner"
 fi
 
 # Checking ip_status
-if [ ! -z "$ip_status" ]; then
+if [ ! -z "$2" ]; then
     format_validation 'ip_status'
 fi
 

bin/v_update_sys_queue

@@ -1,5 +1,13 @@
 #!/bin/bash
-# info: updating system queue
+# info: update system queue
+# options: pipe
+#
+# This function is responsible queue processing. Restarts of services,
+# scheduled backups, web log parsing and other heavy resource consuming
+# operations are handled by this script. It helps to optimize system behaviour.
+# In a nutshell Apache will be restarted only once even if 10 domains are
+# added or deleted.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #
@@ -8,7 +16,7 @@
 pipe=$1
 
 # Importing system enviroment  as we run this script
-#     mostly by cron wich not read it by itself
+# mostly by cron wich not read it by itself
 source /etc/profile.d/vesta.sh
 
 # Importing variables

bin/v_update_sys_rrd

@@ -1,5 +1,10 @@
 #!/bin/bash
-# info: updating system rrd charts
+# info: update system rrd charts
+# options: period
+#
+# The script is wrapper for all rrd functions. It updates all 
+# v_update_sys_rrd_* at once.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_ftp

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating ftp rrd
+# info: update ftp rrd
+# options: period
+#
+# The function is for updating ftpd rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_httpd

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating httpd rrd
+# info: update httpd rrd
+# options: period
+#
+# The function is for updating apache rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_la

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating load average rrd
+# info: update load average rrd
+# options: period
+#
+# The function is for updating load average rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_mem

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating memory rrd
+# info: update memory rrd
+# options: period
+#
+# The function is for updating memory rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_mysql

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating MySQL rrd
+# info: update MySQL rrd
+# options: period
+#
+# The function is for updating mysql rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_net

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating network rrd
+# info: update network rrd
+# options: period
+#
+# The function is for updating network usage rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_nginx

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating httpd rrd
+# info: update nginx rrd
+# options: period
+#
+# The function is for updating nginx rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_pgsql

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating PostgreSQL rrd
+# info: update PostgreSQL rrd
+# options: period
+#
+# The function is for updating postgresql rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_rrd_ssh

@@ -1,5 +1,9 @@
 #!/bin/bash
-# info: updating ssh rrd
+# info: update ssh rrd
+# options: period
+#
+# The function is for updating ssh rrd database and graphic.
+
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_sys_vesta

@@ -1,8 +1,10 @@
 #!/bin/bash
-# info: updating vesta after rpm update
+# info: update vesta after rpm update
+# options: version
+#
+# The function is runs as rpm update trigger. It pulls shell script from vesta
+# server and runs it.
 
-# warn: please note that this scritp should be runned
-#    by yum or rpm only
 
 #----------------------------------------------------------#
 #                    Variable&Function                     #

bin/v_update_user_bill

@@ -116,6 +116,7 @@ for user in $user_list; do
     v_str="$v_str U_MAIL_DOMAINS='$U_MAIL_DOMAINS' IP_OWNED='$IP_OWNED'"
     v_str="$v_str U_DISK_WEB_DOMAINS='$U_DISK_WEB_DOMAINS'"
     v_str="$v_str U_BANDWIDTH_WEB_DOMAINS='$U_BANDWIDTH_WEB_DOMAINS'"
+    v_str="$v_str U_CRON_JOBS"
 
     # Updating user billing log
     billing="$V_USERS/$user/billing.log"

web/js/html.js

@@ -204,10 +204,10 @@ App.HTML.Build.cron_form = function (options, id) {
     tpl.set(':id', id || '');
     options = App.Helpers.evalJSON(options) || {};
     if (App.Helpers.isEmpty(options)) {
-        tpl.set(':title', 'New cron entry');
+        tpl.set(':title', 'New cron job');
         tpl.set(':save_button', 'ADD');
     } else {
-        tpl.set(':title', 'Edit cron entry');
+        tpl.set(':title', 'Edit cron job');
         tpl.set(':save_button', 'SAVE');
     }
     options = !App.Helpers.isEmpty(options) ? options : {

web/static-templates/backups.html

@@ -0,0 +1,403 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
+
+<head>
+	<title>Vesta | Backups</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta http-equiv="imagetoolbar" content="false" />
+
+	<link rel="stylesheet" media="all" type="text/css" href="css/reset2.css" />
+	<link rel="stylesheet" media="all" type="text/css" href="css/vesta.css" />
+
+	<!--[if lt IE 8]>
+		<link rel="stylesheet" type="text/css" href="css/ie.css" />
+    <![endif]-->
+
+	<script type="text/javascript" src="js/custom-form-elements.js"></script>
+	<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="js/backups-control.js"></script>
+	
+</head>
+
+<body>
+<div id="page">
+	<div class="outer">
+		<div id="header">
+			<div class="logo-box">
+				<h1 class="logo"><a href="#">Vesta panel <span>&nbsp;</span></a></h1>
+			</div>
+			<ul class="settings">
+				<li class="settings-item">
+					<span class="logged-as">Fabricius Euphranor von Neoptolemos</span>
+					<a class="item-title" href="#">Profile</a>
+				</li>
+				<li class="settings-item"><a class="item-title" href="#">Settings</a></li>
+				<li class="settings-item"><a class="item-title" href="#">Exit</a></li>
+			</ul>
+			<ul class="extra-services">
+				<li class="service-item active">
+					<span class="item-title">Backups</span>
+					<i class="item-devider"></i>
+				</li>
+				<li class="service-item">
+					<span class="item-title">Stats</span>
+					<i class="item-devider"></i>
+				</li>
+			</ul>
+		</div>
+		<div id="primary-nav-box">
+			<ul class="primary-nav cc">
+				<li class="section">
+					<div class="section-inner">
+						<dl class="users-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Users</span> 
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">386 users</span>
+								<span class="def">7 blocked</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="domains-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Web</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">580 domains</span>
+								<span class="def">22 out of mem</span>
+								<span class="def">3 waiting</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="mail-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Mail</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">320 domains</span>
+								<span class="def">1209 mailboxes</span>
+								<span class="def">25 full</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="db-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">DB</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">7 db</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section active">
+					<div class="section-inner">
+						<dl class="dns-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Dns</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">289 records</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="dnstpl-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">IP</span> 
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">7 templates</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section last-section">
+					<div class="section-inner">
+						<dl class="cron-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Cron</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">15 records</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+			</ul>
+		</div>
+		<div id="console">
+			<div class="b-console">
+				<div class="b-console-wrap">
+					<form class="b-console-form cc" action="#" method="post">
+						<fieldset>
+							<input class="b-console-field" type="text" value="/"/>
+							<input class="b-console-btn" type="submit" value="Go" />
+						</fieldset>
+					</form>
+				</div>
+				<div class="b-console-results"></div>
+			</div>
+		</div>
+		<!-- actions toolbar -->
+		<div id="actions-toolbar" class="cc">
+			<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>create backup</a>
+		</div><!-- // actions toolbar -->
+		<div id="content">
+			<div class="content-inner">
+				<div class="backups-list">
+					<!-- row 1 -->
+					<div class="row first-row backup-details-row">
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-title">owner:</span>
+									<span class="prop-value">vestavestavesta</span>
+								</span>
+							</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<span class="prop-box entry-created">
+									<span class="backup-date">
+										<span class="backup-day">15 Oct 2011</span>
+										<span class="backup-time">00:31</span>
+									</span>
+									<span class="backup-weekday">Friday</span>
+								</span>
+								<span class="prop-box generation-time">
+									<span class="prop-title">Generation time:</span>
+									<span class="prop-value">78 min</span>
+								</span>
+							</div>
+							<div class="props-additional">
+								<span class="backup-size">
+									<span class="backup-size-inner">159 Gb</span>
+								</span>
+								<a class="backup-url" href="#">download</a>
+							</div>
+							<div class="props-ext">
+								<div class="backup-actions">
+									<a class="backup-actions-url restore-url" href="#">restore</a>
+									<a class="backup-actions-url detailed-restore-url" href="#">
+										<span class="detailed-restore-title">detailed</span>
+										<span class="detailed-restore-ext">restore</span>
+									</a>
+								</div>
+							</div>							
+						</div><!-- // .row-details -->
+					</div><!-- // .row 1 -->
+					
+					<!-- row 2 -->
+					<div class="row backup-details-row">
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-title">owner:</span>
+									<span class="prop-value">vestavestavesta</span>
+								</span>
+							</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<span class="prop-box entry-created">
+									<span class="backup-date">
+										<span class="backup-day">14 Oct 2011</span>
+										<span class="backup-time">00:17</span>
+									</span>
+									<span class="backup-weekday">Thursday</span>
+								</span>
+								<span class="prop-box generation-time">
+									<span class="prop-title">Generation time:</span>
+									<span class="prop-value">12 min</span>
+								</span>
+							</div>
+							<div class="props-additional">
+								<span class="backup-size">
+									<span class="backup-size-inner">14 Gb</span>
+								</span>
+								<a class="backup-url" href="#">download</a>
+							</div>
+							<div class="props-ext">
+								<div class="backup-actions">
+									<a class="backup-actions-url restore-url" href="#">restore</a>
+									<a class="backup-actions-url detailed-restore-url" href="#">
+										<span class="detailed-restore-title">detailed</span>
+										<span class="detailed-restore-ext">restore</span>
+									</a>
+								</div>
+							</div>							
+						</div><!-- // .row-details -->
+					</div><!-- // .row 2 -->
+					
+					<!-- row 3 -->
+					<div class="row backup-details-row">
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-title">owner:</span>
+									<span class="prop-value">vestavestavesta</span>
+								</span>
+							</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<span class="prop-box entry-created">
+									<span class="backup-date">
+										<span class="backup-day">12 Oct 2011</span>
+										<span class="backup-time">00:23</span>
+									</span>
+									<span class="backup-weekday">Sunday</span>
+								</span>
+								<span class="prop-box generation-time">
+									<span class="prop-title">Generation time:</span>
+									<span class="prop-value">47 min</span>
+								</span>
+							</div>
+							<div class="props-additional">
+								<span class="backup-size">
+									<span class="backup-size-inner">637 Gb</span>
+								</span>
+								<a class="backup-url" href="#">download</a>
+							</div>
+							<div class="props-ext">
+								<div class="backup-actions">
+									<a class="backup-actions-url restore-url" href="#">restore</a>
+									<a class="backup-actions-url detailed-restore-url" href="#">
+										<span class="detailed-restore-title">detailed</span>
+										<span class="detailed-restore-ext">restore</span>
+									</a>
+								</div>
+							</div>							
+						</div><!-- // .row-details -->
+					</div><!-- // .row 3 -->
+					
+
+					<!-- form -->
+					<div class="b-new-entry b-new-detailed-restore" style="margin-bottom:50px;">
+						<div class="entry-header">Detailed restore</div>
+						<div class="form-row cc">
+						
+						<ul class="backup-tree">
+							<li class="backup-tree-item unchecked">
+								<span class="node-item expanded">ceres</span>
+								<ul class="backup-sections sub-tree">
+									<li class="backup-tree-item unchecked">
+										<span class="node-item expanded">web</span>
+										<ul class="sub-tree">
+											<li class="backup-tree-item">
+												<span class="node-item">readingwriting.com</span>
+											</li>
+											<li class="backup-tree-item checked">
+												<span class="node-item">writing.com</span>
+											</li>
+											<li class="backup-tree-item checked">
+												<span class="node-item checked">singing.com</span>
+											</li>
+										</ul>
+									</li>
+									<li class="backup-tree-item checked">
+										<span class="node-item">db</span>
+									</li>
+									<li class="backup-tree-item checked">
+										<span class="node-item">dns</span>
+									</li>
+									<li class="backup-tree-item checked">
+										<span class="node-item">mail</span>
+									</li>
+									<li class="backup-tree-item checked">
+										<span class="node-item">cron</span>
+									</li>
+									<li class="backup-tree-item checked">
+										<span class="node-item">ip</span>
+									</li>
+								</ul>
+							</li>
+						</ul>
+						
+						</div>
+						<div class="form-row buttons-row cc">
+							<input class="add-entry-btn" type="submit" value="restore" />
+							<span class="cancel-btn">Cancel</span>
+							<span class="delete-btn">Delete</span>
+						</div>
+					</div><!-- // form -->
+					
+					<!-- row 3 -->
+					<div class="row backup-details-row backup-details-row_highlighted">
+						<div class="notes-wrap">
+							<span class="restore-ico">Restore process</span> has been added to queue. It could take several hours.
+						</div>
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-title">owner:</span>
+									<span class="prop-value">vestavestavesta</span>
+								</span>
+							</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<span class="prop-box entry-created">
+									<span class="backup-date">
+										<span class="backup-day">12 Oct 2011</span>
+										<span class="backup-time">00:23</span>
+									</span>
+									<span class="backup-weekday">Sunday</span>
+								</span>
+								<span class="prop-box generation-time">
+									<span class="prop-title">Generation time:</span>
+									<span class="prop-value">47 min</span>
+								</span>
+							</div>
+							<div class="props-additional">
+								<span class="backup-size">
+									<span class="backup-size-inner">637 Gb</span>
+								</span>
+								<a class="backup-url" href="#">download</a>
+							</div>
+							<div class="props-ext">
+								<div class="backup-actions">
+									<a class="backup-actions-url restore-url" href="#">restore</a>
+									<a class="backup-actions-url detailed-restore-url" href="#">
+										<span class="detailed-restore-title">detailed</span>
+										<span class="detailed-restore-ext">restore</span>
+									</a>
+								</div>
+							</div>							
+						</div><!-- // .row-details -->
+					</div><!-- // .row 3 -->
+					
+				</div><!-- // .backups-list -->
+			</div>
+		</div><!-- // #content -->
+	</div>
+</div>
+</body>
+</html>

web/static-templates/cron.html

@@ -0,0 +1,466 @@
+<!doctype html>
+<html>
+
+<head>
+	<title>Vesta | Cron</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta http-equiv="imagetoolbar" content="false" />
+
+	<link rel="stylesheet" media="all" type="text/css" href="css/reset2.css" />
+	<link rel="stylesheet" media="all" type="text/css" href="css/vesta.css" />
+
+	<!--[if lt IE 8]>
+		<link rel="stylesheet" type="text/css" href="css/ie.css" />
+    <![endif]-->
+
+	<script type="text/javascript" src="js/custom-form-elements.js"></script>
+</head>
+
+<body>
+<div id="page">
+	<div class="outer">
+		<div id="header">
+			<div class="logo-box">
+				<h1 class="logo"><a href="#">Vesta panel <span>&nbsp;</span></a></h1>
+			</div>
+			<ul class="settings">
+				<li class="settings-item">
+					<span class="logged-as">Fabricius Euphranor von Neoptolemos</span>
+					<a class="item-title" href="#">Profile</a>
+				</li>
+				<li class="settings-item"><a class="item-title" href="#">Settings</a></li>
+				<li class="logout"><a class="item-title" href="#"><span class="item-title-inner">Exit</span></a></li>
+			</ul>
+			<ul class="extra-services">
+				<li class="service-item active">
+					<span class="item-title">Backups</span>
+					<i class="item-devider"></i>
+				</li>
+				<li class="service-item">
+					<span class="item-title">Stats</span>
+					<i class="item-devider"></i>
+				</li>
+			</ul>
+		</div>
+		<div id="primary-nav-box">
+			<ul class="primary-nav cc">
+				<li class="section">
+					<div class="section-inner">
+						<dl class="users-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Users</span> 
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">386 users</span>
+								<span class="def">7 blocked</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="domains-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Web Domain</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">580 domains</span>
+								<span class="def">22 out of mem</span>
+								<span class="def">3 waiting</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="mail-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Mail</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">320 domains</span>
+								<span class="def">1209 mailboxes</span>
+								<span class="def">25 full</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="db-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">DB</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">7 db</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="dns-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Dns</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">289 records</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="dnstpl-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">IP</span> 
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">7 templates</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section active last-section">
+					<div class="section-inner">
+						<dl class="cron-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Cron</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">15 records</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+			</ul>
+		</div>
+		<div id="console">
+			<div class="b-console">
+				<div class="b-console-wrap">
+					<form class="b-console-form cc" action="#" method="post">
+						<fieldset>
+							<input class="b-console-field" type="text" value="/"/>
+							<input class="b-console-btn" type="submit" value="Go" />
+						</fieldset>
+					</form>
+					<!-- div class="b-console-statuses">
+						<div class="b-console-status cc">
+							<p class="b-console-status-message">domain <b>google.com</b> have been added <br />
+Cтиль менеджмента, на первый взгляд, методически оправдывает культурный побочный PR-эффект, осознавая социальную ответственность бизнеса. Исходя из структуры пирамиды Маслоу, рекламное сообщество экономит product placement, невзирая на действия конкурентов. Узнавание бренда слабо транслирует имидж, оптимизируя бюджеты.
+							</p>
+							<span class="b-console-status-action">cancel</span>
+							<i class="b-console-status-arrow">&nbsp;</i>							
+						</div>
+					</div -->
+				</div>
+				<div class="b-console-results"></div>
+			</div>
+		</div>
+		<!-- actions toolbar -->
+		<div id="actions-toolbar" class="cc">
+			<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>add cron record</a>
+			
+			<div class="row-filters cc">
+				<div class="b-row-selector">
+					<div class="checkbox-selector cc">
+						<input class="styled" type="checkbox" value="" />
+						<span class="selector-title">385 Selected</span>
+					</div>
+					<div class="context-actions">
+						<div class="b-cust-sel b-cust-sel_inactive">
+							<span class="title">Action</span>
+							<div class="cust-sel-arrow"><i>&nbsp;</i></div>
+							<div class="cust-sel-options">
+								<div class="cust-sel-option ico_gray">Suspend</div>
+								<div class="cust-sel-option ico_green">Unsuspend</div>
+								<div class="cust-sel-option ico_red">Delete</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- visible only for admin -->
+				<div class="domain-groups-selector">
+					<div class="selector-wrap">
+						<strong class="selector-title">Show:</strong>
+						<span class="selected-groups">mine, vesta, Chronos, vasya (and 35 more)</span>
+					</div>
+				</div><!-- // visible only for admin -->
+			</div>
+			
+		</div><!-- // actions toolbar -->
+		<div id="content">
+			<div class="content-inner">
+				<div class="cron-list">
+					<!-- row 1 -->
+					<div class="row first-row cron-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="entry-created">12.11.2010</div>
+						</div>
+						<div class="row-details cc">
+							<div class="cron-meta">
+								<span class="prop-box cron-min">
+									<span class="prop-title">min</span>
+									<span class="prop-value">0</span>									
+								</span>
+								<span class="prop-box cron-hour">
+									<span class="prop-title">hour</span>
+									<span class="prop-value">0,6,9 &mdash; 15,18</span>									
+								</span>
+								<span class="prop-box cron-day">
+									<span class="prop-title">day of Month</span>
+									<span class="prop-value">*</span>									
+								</span>
+								<span class="prop-box cron-month">
+									<span class="prop-title">Month</span>
+									<span class="prop-value">Jan, Feb, Mar</span>									
+								</span>
+								<span class="prop-box cron-week">
+									<span class="prop-title">day of Week</span>
+									<span class="prop-value">1 &mdash; 5</span>									
+								</span>
+							</div>
+							<div class="cron-command-box">
+								<strong class="cron-command-line">/usr/bin/top -n 1 -b -S</strong>
+							</div>
+							<div class="cron-reported-to">
+								<span class="prop-box cron-report-box">
+									<span class="prop-title">reported to:</span>
+									<span class="prop-value">naumov.socolov@gmail.com,</span>
+									<span class="prop-value">vasysualiy.pupkin@gmail.com,</span>
+									<span class="prop-value">na-derevniu-dedushke@dachniy-poselok-za-mkadom.com,</span>
+									<span class="prop-value">vasysualiy.pupkin@gmail.com</span>									
+								</span>
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 1 -->
+
+					<!-- row 2 -->
+					<div class="row cron-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="entry-created">12.11.2010</div>
+						</div>
+						<div class="row-details cc">
+							<div class="cron-meta">
+								<span class="prop-box cron-min">
+									<span class="prop-title">min</span>
+									<span class="prop-value">15</span>
+								</span>
+								<span class="prop-box cron-hour">
+									<span class="prop-title">hour</span>
+									<span class="prop-value">1,3,5 &mdash; 15,19,21,23</span>									
+								</span>
+								<span class="prop-box cron-day">
+									<span class="prop-title">day of Month</span>
+									<span class="prop-value">1,3,5,7,9,11,13,15,17,19</span>
+								</span>
+								<span class="prop-box cron-month">
+									<span class="prop-title">Month</span>
+									<span class="prop-value">*</span>									
+								</span>
+								<span class="prop-box cron-week">
+									<span class="prop-title">day of Week</span>
+									<span class="prop-value">2 &mdash; 7</span>									
+								</span>
+							</div>
+							<div class="cron-command-box">
+								<strong class="cron-command-line">/home/myuser/bin/pinghosts.sh > /home/myuser/pinghosts.log</strong>
+							</div>
+							<div class="cron-reported-to">
+								<span class="prop-box cron-report-box">
+									<span class="prop-title">reported to:</span>
+									<span class="prop-value">billy@microsoft.com</span>
+								</span>
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 2 -->
+
+					<!-- row 3 -->
+					<div class="row cron-details-row checked-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="entry-created">12.11.2010</div>
+						</div>
+						<div class="row-details cc">
+							<div class="cron-meta">
+								<span class="prop-box cron-min">
+									<span class="prop-title">min</span>
+									<span class="prop-value">*</span>
+								</span>
+								<span class="prop-box cron-hour">
+									<span class="prop-title">hour</span>
+									<span class="prop-value">*</span>									
+								</span>
+								<span class="prop-box cron-day">
+									<span class="prop-title">day of Month</span>
+									<span class="prop-value">*</span>
+								</span>
+								<span class="prop-box cron-month">
+									<span class="prop-title">Month</span>
+									<span class="prop-value">Jan, Mar, May, Jul, Sep, Nov</span>									
+								</span>
+								<span class="prop-box cron-week">
+									<span class="prop-title">day of Week</span>
+									<span class="prop-value">2 &mdash; 7</span>									
+								</span>
+							</div>
+							<div class="cron-command-box">
+								<strong class="cron-command-line">/home/myuser/bin/pinghosts.sh > /home/myuser/home/myuser/home/myuser/pinghosts.log</strong>
+							</div>
+							<div class="cron-reported-to">
+								<span class="prop-box cron-report-box">
+									<span class="prop-title">reported to:</span>
+									<span class="prop-value">billy@microsoft.com</span>
+								</span>
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 3 -->
+
+					<!-- row 4 -->
+					<div class="row cron-details-row suspended-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="ip-status-info ip-suspended-status"><span class="ip-status-text">suspended</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="entry-created">12.11.2010</div>
+						</div>
+						<div class="row-details cc">
+							<div class="cron-meta">
+								<span class="prop-box cron-min">
+									<span class="prop-title">min</span>
+									<span class="prop-value">15</span>
+								</span>
+								<span class="prop-box cron-hour">
+									<span class="prop-title">hour</span>
+									<span class="prop-value">1,3,5 &mdash; 15,19,21,23</span>									
+								</span>
+								<span class="prop-box cron-day">
+									<span class="prop-title">day of Month</span>
+									<span class="prop-value">1,3,5,7,9,11,13,15,17,19</span>
+								</span>
+								<span class="prop-box cron-month">
+									<span class="prop-title">Month</span>
+									<span class="prop-value">*</span>									
+								</span>
+								<span class="prop-box cron-week">
+									<span class="prop-title">day of Week</span>
+									<span class="prop-value">2 &mdash; 7</span>									
+								</span>
+							</div>
+							<div class="cron-command-box">
+								<strong class="cron-command-line">/home/myuser/bin/pinghosts.sh > /home/myuser/pinghosts.log</strong>
+							</div>
+							<div class="cron-reported-to">
+								<span class="prop-box cron-report-box">
+									<span class="prop-title">reported to:</span>
+									<span class="prop-value">billy@microsoft.com</span>
+								</span>
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 4 -->
+
+
+					<!-- form -->
+					<div class="b-new-entry b-new-entry_cron">
+						<div class="entry-header">New cron</div>
+						<div class="form-error">
+							<div class="error-box">
+								<span class="error-message">Wrong minute format. Need some <a class="help-tip-url" href="#">Help</a> ?</span>
+							</div>
+						</div>
+						<div class="form-row form-row-line run-at-box cc">
+							<span class="row-header">run at:</span>
+							<div class="field-box cron-minute-box">
+								<label class="field-label" for="#">minute:<br />(0&mdash;59)</label>
+								<div class="field-box-inner cc">
+									<input class="text-field" type="text" value="" />
+								</div>
+							</div>
+							<div class="field-box cron-hour-box">
+								<label class="field-label" for="#">hour:<br />(0&mdash;23)</label>
+								<div class="field-box-inner cc">
+									<input class="text-field" type="text" value="" />
+								</div>
+							</div>
+							<div class="field-box cron-day-box">
+								<label class="field-label" for="#">day of Month:<br />(1&mdash;31)</label>
+								<div class="field-box-inner cc">
+									<input class="text-field" type="text" value="" />
+								</div>
+							</div>
+							<div class="field-box cron-month-box">
+								<label class="field-label" for="#">Month:<br />(1&mdash;12)(Jan&mdash;Dec)</label>
+								<div class="field-box-inner cc">
+									<input class="text-field" type="text" value="" />
+								</div>
+							</div>
+							<div class="field-box cron-week-box">
+								<label class="field-label" for="#">day of Week:<br />(1&mdash;7)(Sun&mdash;Sat)</label>
+								<div class="field-box-inner cc">
+									<input class="text-field" type="text" value="" />
+								</div>
+							</div>
+						</div>
+
+						<div class="form-row cc">
+							<label class="field-label" for="#">command:</label>
+							<textarea class="textarea"></textarea>
+						</div>
+
+						<div class="form-row cc">
+							<label class="field-label" for="#">report to: <span class="remark">(devide by comma ",")</span></label>
+							<textarea class="textarea"></textarea>
+						</div>
+						
+						<div class="form-row cc">
+							<label class="field-label" for="#">suspended:</label>
+							<input class="styled" type="checkbox" value="" />
+						</div>
+						
+						<div class="form-row buttons-row cc">
+							<input class="add-entry-btn" type="submit" value="add" />
+							<span class="cancel-btn">Cancel</span>
+							<span class="delete-btn">Delete</span>
+						</div>
+					</div><!-- // form -->
+				</div><!-- // .domain-list -->
+			</div>
+		</div><!-- // #content -->
+	</div>
+</div>
+</body>
+</html>

web/static-templates/css/popup.css

@@ -0,0 +1,141 @@
+/* Styles for popups */
+.d-popup{
+	position:absolute;
+	top:100px;
+	left:0;
+	z-index:100;
+	background-color:#ccc;
+	background:url(../i/info-popup-bg-2.png) repeat;
+	
+	width:250px;
+
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+}
+.d-popup-inner{
+	padding:20px;
+	color:#fff;	
+}
+.d-popup .close{
+	position:absolute;
+	top:10px;
+	right:10px;
+	
+	display:block;
+	width:14px;
+	height:14px;
+	/*background:url(../i/info-popup-sprite.png) no-repeat;*/
+	background:url(../i/info-popup-sprite-2011-12-14.png) no-repeat 0 -1px;
+	cursor:pointer;
+	font-size:0;
+	line-height:0;
+	text-indent:-9999px;
+	}
+	.d-popup span.close:hover{
+		background-position:0 -17px;
+	}
+	.d-popup span.close:active{
+		background-position:0 -33px;
+	}
+	
+.d-popup-title{
+	font-size:11px;
+	text-transform:uppercase;
+	text-align:center;
+	color:#fffdd4;
+	margin:0 0 9px;
+}
+.d-popup-items{
+	font-size:12px;
+	color:#fff;
+}
+.d-popup-items .item{
+	margin:0 0 9px;
+}
+.d-popup-items a{
+	color:#aaa;
+	padding-right:5px;
+}
+.d-popup .prop-box{
+	display:block;
+}
+.d-popup .prop-title{
+	color:#bbb;
+}
+.d-popup .prop-value{
+	color:#fff;
+} 
+
+/* errors popup */
+.d-popup-errors{
+	width:auto;
+	background: url(../i/auth/form-bg.png) repeat;
+	}
+	.d-popup-errors .d-popup-inner{
+		width:480px;
+		padding:20px 40px 0;
+	}
+	.d-popup-errors .d-popup-title{
+		position:relative;
+		margin:0 0 27px;
+		padding:0 105px 0 40px;
+		font-size:21px;
+		line-height:27px;
+		font-weight:normal;
+		text-transform:uppercase;
+		color:#6536c4;
+		text-align:left;
+		background:url(../i/auth/planet-1.png) no-repeat 5px 13px;
+		letter-spacing:-1px;
+	}
+	.d-popup-errors .planets{
+		display:block;
+		width:91px;
+		height:7px;
+		position:absolute;
+		top:11px;
+		right:0;
+		background:url(../i/auth/planet-2.png) no-repeat;		
+	}
+	.d-popup-errors .d-popup-main{
+		padding-left:40px;
+		min-height:250px;
+	}
+	.d-popup-errors .section-title{
+		margin:0 0 38px;
+		font-size:30px;
+		font-weight:normal;
+		color:#f0f042;
+	}
+	.d-popup-errors .d-popup-summary{
+		padding:0 0 20px 0;
+		font-size:15px;
+	}
+	.d-popup-errors .d-popup-summary li{
+		padding-left:15px;
+		background:url(../i/blue-bullet.png) no-repeat 0 50%;
+	}
+	.d-popup-errors .footnotes{
+		margin: 0 -40px;
+		padding:15px 20px;
+		font-size:14px;
+		line-height:18px;
+		border-top:2px solid #34352f;
+		color:#686c6d;
+		}
+		
+	.d-popup-errors .questions-url{
+		color:#686c6d;	
+		text-decoration:none;
+	}
+	.d-popup-errors .additional-info{
+		float:left;
+		white-space:nowrap;
+		font-size:12px;
+	}
+	.d-popup-errors .report-case-url{
+		float:right;
+		display:block;
+		color:#686c6d;
+	}

web/static-templates/css/vesta-login-form.css

@@ -0,0 +1,205 @@
+/* Page specific styles */
+.page-auth{
+	background:url(../i/auth/auth-bg.png) repeat;
+}
+.cc:after{
+ 	content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+*html .cc{
+	zoom:1;
+}
++html .cc{
+	zoom:1;
+}
+.page-auth .b-auth-form{}
+
+.page-auth .b-auth-form{
+	width:525px;
+	margin:7% auto 0;
+	padding:20px 20px 0;
+	background:url(../i/auth/form-bg.png) repeat;
+
+	-webkit-border-radius:15px;
+    -moz-border-radius:15px;
+	border-radius:15px;
+	behavior: url(js/PIE.htc);
+	font-family:Arial, Helvetica, sans-serif;
+}
+.page-auth .b-auth-form-wrap{
+	position:relative;
+	padding-top:30px;
+}
+.page-auth .vesta-logo{
+	position:absolute;
+	top:0;
+	left:0;
+	display:block;
+}
+.page-auth .b-client-title{
+	margin:0 0 45px;
+	padding-left:130px;
+	font-size:35px;
+	background:url(../i/auth/planet-1.png) no-repeat 95px 17px;
+	color:#fff;
+	}
+	.client-title-wrap{
+		position:relative;
+	}
+	.client-title-wrap .planets{
+		display:block;
+		width:91px;
+		height:7px;
+		position:absolute;
+		top:45%;
+		right:-100px;
+		background:url(../i/auth/planet-2.png) no-repeat;		
+	}	
+.page-auth .form-row{
+	margin:0 0 15px;
+}
+.page-auth .last-row{
+	padding:27px 90px 0 133px;
+}
+	.page-auth .field-label{
+		float:left;
+		width:87px;
+		padding-left:45px;
+		color:#e3d785;
+		font-size:12px;
+		line-height:34px;
+		font-family:Arial, Helvetica, sans-serif;
+		text-transform:uppercase;
+		letter-spacing:-.5px;
+	}
+	.page-auth .field-text{
+		width:290px;
+		padding:4px 5px;
+		font-size:20px;
+		border:2px solid #0c6c9c;
+		background:#2d2c28;
+		color:#fff;
+		}
+		.page-auth .field-text:focus{
+			-moz-box-shadow:0 0 8px rgba(76, 147, 189, 0.7);
+			-webkit-box-shadow:0 0 8px rgba(76, 147, 189, 0.7);
+			border-color:rgba(76, 147, 189, 0.85) !important;
+		}
+		
+	.page-auth .b-remember{
+		float:left;
+		padding-top:5px;
+			}
+			.page-auth .remember-label{
+				cursor:pointer;
+				padding:2px 2px 2px 8px;
+				color:#747975;
+				font-size:12px;
+				font-family:Arial, Helvetica, sans-serif;
+			}
+			span.ui-checkbox{
+				display: block;
+				float: left;
+				width: 14px;
+				height: 15px;
+/*				background:url(icon_checkbox.png) 0 -40px no-repeat;*/
+				background:url(../i/auth/checkboxes.png) no-repeat;
+			}
+			.ui-helper-hidden-accessible{
+				display: none;
+			}
+			span.ui-checkbox-state-hover{
+				background-position: 0 -15px;
+			}
+			span.ui-checkbox-state-checked,
+			span.ui-checkbox-state-checked-hover{
+				background-position: 0 -30px;
+			}
+		
+	.page-auth .sumbit-btn{
+		float:right;
+		overflow:visible;
+		height:30px;
+		padding:0 40px;
+		-webkit-border-radius:9px;
+		-moz-border-radius:9px;
+		border-radius:9px;
+		behavior: url(js/PIE.htc);		
+	
+		border:2px solid #292929;
+		background-color:#b8be44;
+		color:#ffffdf;
+		font-size:13px;
+		font-family:Arial, Helvetica, sans-serif;
+		font-weight:bold;
+		line-height:27px;
+		text-transform:uppercase;
+		cursor:pointer;
+		}
+		.page-auth .sumbit-btn:focus{
+			position:relative;
+			top:1px;
+		}
+		.page-auth .sumbit-btn:hover{
+			background-color:#ffcc00;
+			color:#483600;
+			border-color:#000;
+		}
+		.page-auth .sumbit-btn:active{
+			top:0;
+			background-color:#483600;
+			color:#ffcc00;
+			border-color:#000;
+		}
+
+	.page-auth .forgot-pwd{
+		padding:60px 0 10px 137px;
+		font-size:13px;
+		}
+		.page-auth .forgot-pwd-url{
+			color:#6f7571;
+		}
+		.page-auth a.forgot-pwd-url:hover{
+			color:#849e54;
+		}
+		.page-auth a.forgot-pwd-url:active{
+			color:#edca38;
+		}
+
+.page-auth .error-box{
+	border-top:1px dashed #f16d6b;
+	padding:10px 0 0 131px;
+	font-size:14px;
+	font-weight:bold;
+	color:#f16d6b;
+}		
+
+.page-auth .footnotes{
+	margin:0 -20px;
+	padding:15px 20px;
+	font-size:14px;
+	border-top:2px solid #34352f;
+	color:#5a5e5d;
+	}
+	.page-auth .footnotes .additional-info{
+		float:left;
+		font-size:12px;
+		font-family:Georgia, "Times New Roman", Times, serif;
+		font-style:italic;
+	}
+	.page-auth .footnotes .questions-url{
+		color:#5a5e5d;
+	}
+	.page-auth .footnotes a.questions-url:hover{
+		color:#849e54;
+	}
+	.page-auth .footnotes a.questions-url:active{
+		color:#edca38;
+	}
+	.page-auth .footnotes .imprint{
+		float:right;
+		font-style:normal;
+	}	

web/static-templates/css/vesta-login-form_new.css

@@ -0,0 +1,209 @@
+/* Page specific styles */
+.page-auth{
+	background:url(../images/auth/auth-bg.png) repeat;
+}
+.cc:after{
+ 	content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+*html .cc{
+	zoom:1;
+}
++html .cc{
+	zoom:1;
+}
+.page-auth .b-auth-form{}
+
+.page-auth .b-auth-form{
+	width:525px;
+	margin:7% auto 0;
+	padding:20px 20px 0;
+	background:url(../images/auth/form-bg.png) repeat;
+
+	-webkit-border-radius:15px;
+    -moz-border-radius:15px;
+	border-radius:15px;
+	behavior: url(js/PIE.htc);
+	font-family:Arial, Helvetica, sans-serif;
+}
+.page-auth .b-auth-form-wrap{
+	position:relative;
+	padding-top:30px;
+}
+.page-auth .vesta-logo{
+	position:absolute;
+	top:0;
+	left:0;
+	display:block;
+}
+.page-auth .b-client-title{
+	margin:0 0 45px;
+	padding-left:130px;
+	font-size:35px;
+	background:url(../images/auth/planet-1.png) no-repeat 85px 27px;
+	color:#fff;
+	}
+	.client-title-wrap{
+		position:relative;
+        text-transform: uppercase;
+        font-size:24px;
+	}
+	.client-title-wrap .planets{
+		display:block;
+		width:91px;
+		height:7px;
+		position:absolute;
+		top:40%;
+		right:-121px;
+		background:url(../images/auth/planet-2.png) no-repeat scroll 0 -1px;		
+	}	
+.page-auth .form-row{
+	margin:0 0 15px;
+}
+.page-auth .last-row{
+	padding:27px 90px 0 133px;
+}
+	.page-auth .field-label{
+		float:left;
+		width:87px;
+		padding-left:45px;
+		color:#e3d785;
+		font-size:12px;
+		line-height:34px;
+		font-family:Arial, Helvetica, sans-serif;
+		text-transform:uppercase;
+		/*letter-spacing:-.5px;*/
+	}
+	.page-auth .field-text{
+		width:290px;
+		padding:4px 5px;
+		font-size:20px;
+		border:2px solid #0c6c9c;
+		background:#2d2c28;
+		color:#fff;
+		}
+		.page-auth .field-text:focus{
+			-moz-box-shadow:0 0 8px rgba(76, 147, 189, 0.7);
+			-webkit-box-shadow:0 0 8px rgba(76, 147, 189, 0.7);
+			border-color:rgba(76, 147, 189, 0.85) !important;
+		}
+		
+	.page-auth .b-remember{
+		float:left;
+		padding-top:5px;
+			}
+			.page-auth .remember-label{
+				cursor:pointer;
+				padding:2px 2px 2px 8px;
+				color:#747975;
+				font-size:12px;
+				font-family:Arial, Helvetica, sans-serif;
+			}
+			span.ui-checkbox{
+				display: block;
+				float: left;
+				width: 14px;
+				height: 15px;
+/*				background:url(icon_checkbox.png) 0 -40px no-repeat;*/
+				background:url(../images/auth/checkboxes.png) no-repeat;
+			}
+			.ui-helper-hidden-accessible{
+				display: none;
+			}
+			span.ui-checkbox-state-hover{
+				background-position: 0 -15px;
+			}
+			span.ui-checkbox-state-checked,
+			span.ui-checkbox-state-checked-hover{
+				background-position: 0 -30px;
+			}
+		
+	.page-auth .sumbit-btn{
+		float:right;
+		overflow:visible;
+		height:30px;
+		padding:0 40px;
+		-webkit-border-radius:9px;
+		-moz-border-radius:9px;
+		border-radius:9px;
+		behavior: url(js/PIE.htc);		
+	
+		border:2px solid #2C2C10;
+		background-color:#BBBF45;
+		color:#ffffdf;
+		font-size:13px;
+		font-family:Arial, Helvetica, sans-serif;
+		font-weight:bold;
+		line-height:27px;
+		text-transform:uppercase;
+		cursor:pointer;
+		}
+		.page-auth .sumbit-btn:focus{
+			position:relative;
+			top:1px;
+		}
+		.page-auth .sumbit-btn:hover{
+			background-color:#ffcc00;
+			color:#483600;
+			border-color:#000;
+		}
+		.page-auth .sumbit-btn:active{
+			top:0;
+			background-color:#96A332;
+			color:#FFFFFF;
+			border-color:#2C2C10;
+		}
+
+	.page-auth .forgot-pwd{
+		padding:60px 0 10px 137px;
+		font-size:13px;
+		}
+		.page-auth .forgot-pwd-url{
+			color:#6f7571;
+		}
+		.page-auth a.forgot-pwd-url:hover{
+			color:#849e54;
+		}
+		.page-auth a.forgot-pwd-url:active{
+			color:#edca38;
+		}
+
+.page-auth .error-box{
+	border-top:1px dashed #f16d6b;
+	padding:10px 0 21px 131px;
+	font-size:14px;
+	font-weight:bold;
+	color:#f16d6b;
+}		
+
+.page-auth .footnotes{
+	margin:0 -20px;
+	padding:15px 20px;
+	font-size:14px;
+	border-top:2px solid #34352f;
+	color:#5a5e5d;
+	}
+	.page-auth .footnotes .additional-info{
+		float:left;
+		font-size:12px;
+		font-family:Georgia, "Times New Roman", Times, serif;
+		font-style:italic;
+	}
+	.page-auth .footnotes .questions-url{
+		color:#5a5e5d;
+	}
+	.page-auth .footnotes a.questions-url:hover{
+		color:#849e54;
+	}
+	.page-auth .footnotes a.questions-url:active{
+		color:#edca38;
+	}
+	.page-auth .footnotes .imprint{
+		float:right;
+		font-style:normal;
+        font-size:11px;
+        padding-top:1px;
+	}	

web/static-templates/db.html

@@ -0,0 +1,700 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
+
+<head>
+	<title>Vesta | Databases</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta http-equiv="imagetoolbar" content="false" />
+
+	<link rel="stylesheet" media="all" type="text/css" href="css/reset2.css" />
+	<link rel="stylesheet" media="all" type="text/css" href="css/vesta.css" />
+
+	<!--[if lt IE 8]>
+		<link rel="stylesheet" type="text/css" href="css/ie.css" />
+    <![endif]-->
+
+	<script type="text/javascript" src="js/custom-form-elements.js"></script>
+</head>
+
+<body>
+<div id="page">
+	<div class="outer">
+		<div id="header">
+			<div class="logo-box">
+				<h1 class="logo"><a href="#">Vesta panel <span>&nbsp;</span></a></h1>
+			</div>
+			<ul class="settings">
+				<li class="settings-item">
+					<span class="logged-as">Fabricius Euphranor von Neoptolemos</span>
+					<a class="item-title" href="#">Profile</a>
+				</li>
+				<li class="settings-item"><a class="item-title" href="#">Settings</a></li>
+				<li class="logout"><a class="item-title" href="#"><span class="item-title-inner">Exit</span></a></li>
+			</ul>
+			<ul class="extra-services">
+				<li class="service-item active">
+					<span class="item-title">Backups</span>
+					<i class="item-devider"></i>
+				</li>
+				<li class="service-item">
+					<span class="item-title">Stats</span>
+					<i class="item-devider"></i>
+				</li>
+			</ul>
+		</div>
+		<div id="primary-nav-box">
+			<ul class="primary-nav cc">
+				<li class="section">
+					<div class="section-inner">
+						<dl class="users-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Users</span> 
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">386 users</span>
+								<span class="def">7 blocked</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="domains-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Web Domain</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">580 domains</span>
+								<span class="def">22 out of mem</span>
+								<span class="def">3 waiting</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="mail-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Mail</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">320 domains</span>
+								<span class="def">1209 mailboxes</span>
+								<span class="def">25 full</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section active">
+					<div class="section-inner">
+						<dl class="db-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">DB</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">7 db</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="dns-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Dns</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">289 records</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="dnstpl-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">IP</span> 
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">7 templates</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section last-section">
+					<div class="section-inner">
+						<dl class="cron-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Cron</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">15 records</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+			</ul>
+		</div>
+		<div id="console">
+			<div class="b-console">
+				<div class="b-console-wrap">
+					<form class="b-console-form cc" action="#" method="post">
+						<fieldset>
+							<input class="b-console-field" type="text" value="/"/>
+							<input class="b-console-btn" type="submit" value="Go" />
+						</fieldset>
+					</form>
+					<!-- div class="b-console-statuses">
+						<div class="b-console-status cc">
+							<p class="b-console-status-message">domain <b>google.com</b> have been added <br />
+Cтиль менеджмента, на первый взгляд, методически оправдывает культурный побочный PR-эффект, осознавая социальную ответственность бизнеса. Исходя из структуры пирамиды Маслоу, рекламное сообщество экономит product placement, невзирая на действия конкурентов. Узнавание бренда слабо транслирует имидж, оптимизируя бюджеты.
+							</p>
+							<span class="b-console-status-action">cancel</span>
+							<i class="b-console-status-arrow">&nbsp;</i>							
+						</div>
+					</div -->
+				</div>
+				<div class="b-console-results"></div>
+			</div>
+		</div>
+		<!-- actions toolbar -->
+		<div id="actions-toolbar" class="cc">
+			<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>add database</a>
+			<div class="row-filters cc">
+				<div class="b-row-selector">
+					<div class="checkbox-selector cc">
+						<input class="styled" type="checkbox" value="" />
+						<span class="selector-title">385 Selected</span>
+					</div>
+					<div class="context-actions">
+						<div class="b-cust-sel b-cust-sel_inactive">
+							<span class="title">Action</span>
+							<div class="cust-sel-arrow"><i>&nbsp;</i></div>
+							<div class="cust-sel-options">
+								<div class="cust-sel-option ico_gray">Suspend</div>
+								<div class="cust-sel-option ico_green">Unsuspend</div>
+								<div class="cust-sel-option ico_red">Delete</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- visible only for admin -->
+				<div class="domain-groups-selector">
+					<div class="selector-wrap">
+						<strong class="selector-title">Show:</strong>
+						<span class="selected-groups">mine, vesta, Chronos, vasya (and 35 more)</span>
+					</div>
+				</div><!-- // visible only for admin -->
+			</div>
+
+			<a class="db-manager" href="#">Php<em class="highlighted">pg</em>admin</a>			
+			<a class="db-manager" href="#">Php<em class="highlighted">my</em>admin</a>
+		</div><!-- // actions toolbar -->
+		<div id="content">
+			<div class="content-inner">
+				<div class="db-list">
+					<div class="db-devider">
+						<span class="db-devider-title">
+							<span class="db-devider-outer">
+								<span class="db-devider-inner">MySQL</span>
+							</span>
+						</span>
+					</div>	
+					<!-- row 1 -->
+					<div class="row first-row db-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-value">Javier Henneman</span>
+								</span>
+							</div>
+							<div class="entry-created">05.03.2011</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="db-name-box">
+									<span class="db-name">Clinton Brazeal Super DB</span>
+								</div>
+							</div>
+							<div class="props-additional">
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">naumov-socolov</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">socialmediaexaminer (read only)</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<span class="add-db-user">Add user</span>
+							</div>
+							<div class="props-ext">
+								<span class="backup-db">backup</span>
+								<!-- disk usage block -->
+								<div class="b-usage-box disk-usage cc">
+									<div class="usage-box">
+										<div class="value-box">
+											<span class="value">12</span>
+											<div class="graph middle">
+												<span class="bar" style="width:55%;"></span>
+											</div>
+										</div>
+										<div class="max-size">300 <span class="units">Mb</span></div>
+									</div>
+								</div><!-- // disk usage block -->
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 1 -->
+
+					<!-- row 2 -->
+					<div class="row db-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-value">Allan Cumberland</span>
+								</span>
+							</div>
+							<div class="entry-created">06.03.2011</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="db-name-box">
+									<span class="db-name">Example database name</span>
+								</div>
+							</div>
+							<div class="props-additional">
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Lance Lafata</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Tania Maietta (read only)</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Tyrone Diangelo</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Elinor Boissonneault (read only)</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<span class="add-db-user">Add user</span>
+							</div>
+							<div class="props-ext">
+								<span class="backup-db">backup</span>
+								<!-- disk usage block -->
+								<div class="b-usage-box disk-usage cc">
+									<div class="usage-box">
+										<div class="value-box">
+											<span class="value">280</span>
+											<div class="graph critical">
+												<span class="bar" style="width:85%;"></span>
+											</div>
+										</div>
+										<div class="max-size">300 <span class="units">Mb</span></div>
+									</div>
+								</div><!-- // disk usage block -->
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 2 -->
+
+					<!-- row 3 -->
+					<div class="row db-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-value">Dick Costolo</span>
+								</span>
+							</div>
+							<div class="entry-created">11.05.2011</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="db-name-box">
+									<span class="db-name">Twitter User Object</span>
+								</div>
+							</div>
+							<div class="props-additional">
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Evan Williams</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Jack Dorsey</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Biz Stone</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Abdur Chowdhury</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Jason Goldman</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Sean Garrett</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Greg Pass (read only)</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<span class="add-db-user">Add user</span>
+							</div>
+							<div class="props-ext">
+								<span class="backup-db">backup</span>
+								<!-- disk usage block -->
+								<div class="b-usage-box disk-usage cc">
+									<div class="usage-box">
+										<div class="value-box">
+											<span class="value">280</span>
+											<div class="graph critical">
+												<span class="bar" style="width:85%;"></span>
+											</div>
+										</div>
+										<div class="max-size">300 <span class="units">Mb</span></div>
+									</div>
+								</div><!-- // disk usage block -->
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 3 -->
+
+					<div class="db-devider">
+						<span class="db-devider-title">
+							<span class="db-devider-outer">
+								<span class="db-devider-inner">Postgres</span>
+							</span>
+						</span>
+					</div>	
+
+					<!-- row 1 -->
+					<div class="row first-row db-details-row checked-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-value">Richard Yoo</span>
+								</span>
+							</div>
+							<div class="entry-created">05.03.2011</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="db-name-box">
+									<span class="db-name">Edgebuzz</span>
+								</div>
+							</div>
+							<div class="props-additional">
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Pat Condon</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Graham Weston (read only)</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Mark Roenigk</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Bruce Knooihuizen (read only)</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">John Engates</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Lanham Napier</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<span class="add-db-user">Add user</span>
+							</div>
+							<div class="props-ext">
+								<span class="backup-db">backup</span>
+								<!-- disk usage block -->
+								<div class="b-usage-box disk-usage cc">
+									<div class="usage-box">
+										<div class="value-box">
+											<span class="value">12</span>
+											<div class="graph middle">
+												<span class="bar" style="width:55%;"></span>
+											</div>
+										</div>
+										<div class="max-size">300 <span class="units">Mb</span></div>
+									</div>
+								</div><!-- // disk usage block -->
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 1 -->
+
+					<!-- row 2 -->
+					<div class="row db-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-value">General Hugh Shelton</span>
+								</span>
+							</div>
+							<div class="entry-created">05.03.2011</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="db-name-box">
+									<span class="db-name">Bubbledog</span>
+								</div>
+							</div>
+							<div class="props-additional">
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Jim Whitehurst</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Naren Gupta (read only)</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Jeff Clarke</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Micheline Chau (read only)</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Jeff Clarke</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<span class="add-db-user">Add user</span>
+							</div>
+							<div class="props-ext">
+								<span class="backup-db">backup</span>
+								<!-- disk usage block -->
+								<div class="b-usage-box disk-usage cc">
+									<div class="usage-box">
+										<div class="value-box">
+											<span class="value">45</span>
+											<div class="graph middle">
+												<span class="bar" style="width:35%;"></span>
+											</div>
+										</div>
+										<div class="max-size">300 <span class="units">Mb</span></div>
+									</div>
+								</div><!-- // disk usage block -->
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 2 -->
+					
+					<!-- row 3 -->
+					<div class="row db-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="ownership">
+								<span class="prop-box">
+									<span class="prop-value">Mark Shuttleworth</span>
+								</span>
+							</div>
+							<div class="entry-created">05.03.2011</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="db-name-box">
+									<span class="db-name">Feednation</span>
+								</div>
+							</div>
+							<div class="props-additional">
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Jason Fried</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">David Heinemeier Hansson</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<div class="db-user-box cc">
+									<span class="db-user-wrap">
+										<span class="db-user">Stephen Campbell</span>
+									</span>
+									<span class="change-pwd">change password</span>										
+								</div>
+								<span class="add-db-user">Add user</span>
+							</div>
+							<div class="props-ext">
+								<span class="backup-db">backup</span>
+								<!-- disk usage block -->
+								<div class="b-usage-box disk-usage cc">
+									<div class="usage-box">
+										<div class="value-box">
+											<span class="value">12</span>
+											<div class="graph low">
+												<span class="bar" style="width:15%;"></span>
+											</div>
+										</div>
+										<div class="max-size">300 <span class="units">Mb</span></div>
+									</div>
+								</div><!-- // disk usage block -->
+							</div>
+						</div><!-- // .row-details -->
+					</div><!-- // .row 3 -->
+
+					<!-- form -->
+					<div class="b-new-entry b-new-entry_db">
+						<div class="entry-header">New database</div>
+						<div class="form-error">
+							<div class="error-box">
+								<span class="error-message">Database named "ReadWriteWeb" already exists.</span>
+							</div>
+						</div>
+						<div class="form-row cc">
+							<label class="field-label" for="#">db type:</label>
+							<select class="styled" name="db-type">
+								<option value="1" selected="selected">MySQL</option>
+								<option value="2">Postgres</option>
+							</select>
+						</div>
+						<div class="form-row cc">
+							<label class="field-label" for="#"><span class="mandatory">db name:</span></label>
+							<input class="text-field rule-required" type="text" value="ReadWriteWeb" />
+						</div>
+						<div class="db-credentials">
+							<div class="form-row cc">
+								<label class="field-label" for="#"><span class="mandatory">username</span></label>
+								<input class="text-field rule-required" type="text" value="" />
+							</div>
+							<div class="form-row pwd-box cc">
+								<label class="field-label" for="#">password:</label>
+								<input class="text-field disabled" type="text" value="g179x2vpvfamn7v" />
+								<span class="generate-pwd">Generate</span>
+							</div>
+						</div>
+						<div class="form-row cc">
+							<label class="field-label" for="#">db host:</label>
+							<select class="styled" name="db-host">
+								<option value="1">user</option>
+								<option value="2" selected="selected">smashingmagazine.com</option>
+							</select>
+						</div>
+
+						<div class="form-row cc">
+							<label class="field-label" for="#">suspended:</label>
+							<input class="styled" type="checkbox" value="" />
+						</div>
+						
+						<div class="form-row buttons-row cc">
+							<input class="add-entry-btn" type="submit" value="add" />
+							<span class="cancel-btn">Cancel</span>
+							<span class="delete-btn">Delete</span>
+						</div>
+					</div><!-- // form -->
+				</div><!-- // .domain-list -->
+			</div>
+		</div><!-- // #content -->
+	</div>
+</div>
+</body>
+</html>

web/static-templates/dns.html

@@ -1,450 +1,504 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
-
-<head>
-	<title>Vesta | DNS</title>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta http-equiv="imagetoolbar" content="false" />
-
-	<link rel="stylesheet" media="all" type="text/css" href="css/reset2.css" />
-	<link rel="stylesheet" media="all" type="text/css" href="css/vesta.css" />
-
-	<!--[if lt IE 8]>
-		<link rel="stylesheet" type="text/css" href="css/ie.css" />
-    <![endif]-->
-
-	<script type="text/javascript" src="js/custom-form-elements.js"></script>
-</head>
-
-<body>
-<div id="page">
-	<div class="outer">
-		<div id="header">
-			<div class="logo-box">
-				<h1 class="logo"><a href="#">Vesta panel <span>&nbsp;</span></a></h1>
-			</div>
-			<ul class="settings">
-				<li><a href="#">settings</a></li>
-				<li><a href="#">exit</a></li>
-			</ul>
-		</div>
-		<div id="primary-nav-box">
-			<ul class="primary-nav cc">
-				<li class="section">
-					<div class="section-inner">
-						<dl class="users-nav-item">
-							<dt class="section-title cc">
-								<span class="to-section">Users</span> 
-								<i class="add-entry">&nbsp;</i>
-							</dt>
-							<dd class="section-contains">
-								<span class="def">386 users</span>
-								<span class="def">7 blocked</span>
-							</dd>
-						</dl>
-					</div>
-				</li>
-				<li class="section">
-					<div class="section-inner">
-						<dl class="domains-nav-item">
-							<dt class="section-title cc">
-								<span class="to-section">Web Domain</span>
-								<i class="add-entry">&nbsp;</i>
-							</dt>
-							<dd class="section-contains">
-								<span class="def">580 domains</span>
-								<span class="def">22 out of mem</span>
-								<span class="def">3 waiting</span>
-							</dd>
-						</dl>
-					</div>
-				</li>
-				<li class="section">
-					<div class="section-inner">
-						<dl class="mail-nav-item">
-							<dt class="section-title cc">
-								<span class="to-section">Mail</span>
-								<i class="add-entry">&nbsp;</i>
-							</dt>
-							<dd class="section-contains">
-								<span class="def">320 domains</span>
-								<span class="def">1209 mailboxes</span>
-								<span class="def">25 full</span>
-							</dd>
-						</dl>
-					</div>
-				</li>
-				<li class="section">
-					<div class="section-inner">
-						<dl class="db-nav-item">
-							<dt class="section-title cc">
-								<span class="to-section">DB</span>
-								<i class="add-entry">&nbsp;</i>
-							</dt>
-							<dd class="section-contains">
-								<span class="def">7 db</span>
-							</dd>
-						</dl>
-					</div>
-				</li>
-				<li class="section active">
-					<div class="section-inner">
-						<dl class="dns-nav-item">
-							<dt class="section-title cc">
-								<span class="to-section">Dns</span>
-								<i class="add-entry">&nbsp;</i>
-							</dt>
-							<dd class="section-contains">
-								<span class="def">289 records</span>
-							</dd>
-						</dl>
-					</div>
-				</li>
-				<li class="section">
-					<div class="section-inner">
-						<dl class="dnstpl-nav-item">
-							<dt class="section-title cc">
-								<span class="to-section">IP</span> 
-								<i class="add-entry">&nbsp;</i>
-							</dt>
-							<dd class="section-contains">
-								<span class="def">7 templates</span>
-							</dd>
-						</dl>
-					</div>
-				</li>
-				<li class="section last-section">
-					<div class="section-inner">
-						<dl class="cron-nav-item">
-							<dt class="section-title cc">
-								<span class="to-section">Cron</span>
-								<i class="add-entry">&nbsp;</i>
-							</dt>
-							<dd class="section-contains">
-								<span class="def">15 records</span>
-							</dd>
-						</dl>
-					</div>
-				</li>
-			</ul>
-		</div>
-		<div id="console">
-			<div class="b-console">
-				<div class="b-console-wrap">
-					<form class="b-console-form cc" action="#" method="post">
-						<fieldset>
-							<input class="b-console-field" type="text" value="/"/>
-							<input class="b-console-btn" type="submit" value="Go" />
-						</fieldset>
-					</form>
-					<!-- div class="b-console-statuses">
-						<div class="b-console-status cc">
-							<p class="b-console-status-message">domain <b>google.com</b> have been added <br />
-Cтиль менеджмента, на первый взгляд, методически оправдывает культурный побочный PR-эффект, осознавая социальную ответственность бизнеса. Исходя из структуры пирамиды Маслоу, рекламное сообщество экономит product placement, невзирая на действия конкурентов. Узнавание бренда слабо транслирует имидж, оптимизируя бюджеты.
-							</p>
-							<span class="b-console-status-action">cancel</span>
-							<i class="b-console-status-arrow">&nbsp;</i>							
-						</div>
-					</div -->
-				</div>
-				<div class="b-console-results"></div>
-			</div>
-		</div>
-		<!-- actions toolbar -->
-		<div id="actions-toolbar" class="cc">
-			<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>add dns</a>
-			<span class="select-all">select all</span>
-			<span class="clear-selected">Delete selected</span>
-		</div><!-- // actions toolbar -->
-		<div id="content">
-			<!-- additional info block -->
-			<div class="b-ext-info-wrap b-ext-info-wrap_collapsed">
-				<div class="b-ext-info">
-<p>Механическая природа пододвигается под устойчивый силовой трёхосный гироскопический стабилизатор, что увязывается со структурно-тектонической обстановкой, гидродинамическими условиями и литолого-минералогическим составом пород. Фосфоритообразование методически опускает уходящий огненный пояс, исходя из суммы моментов. Инерциальная навигация, в соответствии с основным законом динамики, представляет собой тальк, пользуясь последними системами уравнений. Имея такие данные, можно сделать существенный вывод о том, что маховик неустойчив.</p>
-				</div>
-				<div class="b-ext-info-btn"></div>
-			</div><!-- // additional info block -->
-			<div class="content-inner">
-				<div class="dns-list">
-					<!-- row 1 -->
-					<div class="row first-row dns-details-row">
-						<div class="row-actions-box cc">
-							<div class="check-this check-control"></div>
-							<div class="row-operations">
-								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">enabled</span></span>
-								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
-							</div>
-						</div>
-						<div class="row-meta">
-							<div class="entry-created">12.11.2010</div>
-						</div>
-						<div class="row-details cc">
-							<div class="props-main">
-								<div class="names">
-									<strong class="domain-name primary">naumov-socolov.co.uk</strong>
-								</div>
-								<div class="show-records">Show records</div>
-							</div>
-							<div class="props-additional">
-								<div class="ip-adr-box">
-									<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
-									<span class="prop-box template-box">
-										<span class="prop-title">template:</span>
-										<span class="prop-value">default</span>
-									</span>
-								</div>
-							</div>
-							<div class="props-ext">
-								<span class="prop-box ttl-box">
-									<span class="prop-title">ttl:</span>
-									<span class="prop-value">7200</span>
-								</span>
-								<span class="prop-box soa-box">
-									<span class="prop-title">soa:</span>
-									<span class="prop-value">n1.readwriteweb.com</span>
-								</span>
-							</div>							
-						</div><!-- // .row-details -->
-					</div><!-- // .row 1 -->
-
-					<!-- row 2 -->
-					<div class="row dns-details-row">
-						<div class="row-actions-box cc">
-							<div class="check-this check-control"></div>
-							<div class="row-operations">
-								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">enabled</span></span>
-								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
-							</div>
-						</div>
-						<div class="row-meta">
-							<div class="entry-created">12.11.2010</div>
-						</div>
-						<div class="row-details cc">
-							<div class="props-main">
-								<div class="names">
-									<strong class="domain-name primary">naumov-socolov.co.uk</strong>
-								</div>
-								<div class="show-records">Show records</div>
-							</div>
-							<div class="props-additional">
-								<div class="ip-adr-box">
-									<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
-									<span class="prop-box template-box">
-										<span class="prop-title">template:</span>
-										<span class="prop-value">default</span>
-									</span>
-								</div>
-							</div>
-							<div class="props-ext">
-								<span class="prop-box ttl-box">
-									<span class="prop-title">ttl:</span>
-									<span class="prop-value">7200</span>
-								</span>
-								<span class="prop-box soa-box">
-									<span class="prop-title">soa:</span>
-									<span class="prop-value">n1.readwriteweb.com</span>
-								</span>
-							</div>							
-						</div><!-- // .row-details -->
-					</div><!-- // .row 2 -->
-
-					<!-- row 3 -->
-					<div class="row dns-details-row checked-row">
-						<div class="row-actions-box cc">
-							<div class="check-this check-control"></div>
-							<div class="row-operations">
-								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">enabled</span></span>
-								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
-							</div>
-						</div>
-						<div class="row-meta">
-							<div class="entry-created">12.11.2010</div>
-						</div>
-						<div class="row-details cc">
-							<div class="props-main">
-								<div class="names">
-									<strong class="domain-name primary">naumov-socolov.co.uk</strong>
-								</div>
-								<div class="show-records">Show records</div>
-							</div>
-							<div class="props-additional">
-								<div class="ip-adr-box">
-									<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
-									<span class="prop-box template-box">
-										<span class="prop-title">template:</span>
-										<span class="prop-value">default</span>
-									</span>
-								</div>
-							</div>
-							<div class="props-ext">
-								<span class="prop-box ttl-box">
-									<span class="prop-title">ttl:</span>
-									<span class="prop-value">7200</span>
-								</span>
-								<span class="prop-box soa-box">
-									<span class="prop-title">soa:</span>
-									<span class="prop-value">n1.readwriteweb.com</span>
-								</span>
-							</div>							
-						</div><!-- // .row-details -->
-					</div><!-- // .row 3 -->
-
-					<!-- row 4 -->
-					<div class="row dns-details-row">
-						<div class="row-actions-box cc">
-							<div class="check-this check-control"></div>
-							<div class="row-operations">
-								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">enabled</span></span>
-								<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
-							</div>
-						</div>
-						<div class="row-meta">
-							<div class="entry-created">12.11.2010</div>
-						</div>
-						<div class="row-details cc">
-							<div class="props-main">
-								<div class="names">
-									<strong class="domain-name primary">naumov-socolov.co.uk</strong>
-								</div>
-								<div class="show-records hidden">Show records</div>
-							</div>
-							<div class="props-additional">
-								<div class="ip-adr-box">
-									<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
-									<span class="prop-box template-box">
-										<span class="prop-title">template:</span>
-										<span class="prop-value">default</span>
-									</span>
-								</div>
-							</div>
-							<div class="props-ext">
-								<span class="prop-box ttl-box">
-									<span class="prop-title">ttl:</span>
-									<span class="prop-value">7200</span>
-								</span>
-								<span class="prop-box soa-box">
-									<span class="prop-title">soa:</span>
-									<span class="prop-value">n1.readwriteweb.com</span>
-								</span>
-							</div>							
-						</div><!-- // .row-details -->
-					</div><!-- // .row 4 -->
-
-					<!-- show/edit dns records contextual form -->
-					<div class="b-new-entry b-records-list">
-						<div class="entry-header">
-							<div class="hide-records">Hide records</div>
-						</div>
-						<div class="form-error">
-							<div class="error-box">
-								<span class="error-message">Wrong record format. Need some <a class="help-tip-url" href="#">Help</a> ?</span>
-							</div>
-						</div>
-						<div class="form-row add-box cc">
-							<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>add dns record</a>
-						</div>
-
-						<div class="form-row form-row-line cc">
-							<div class="field-box dns-record-box">
-								<label class="field-label" for="#">record:</label>
-								<div class="field-box-inner cc">
-									<input class="text-field" type="text" value="" />
-									<div class="field-devider">in</div>
-								</div>
-							</div>
-
-							<div class="field-box dns-type-box">
-								<label class="field-label" for="#">type:</label>
-								<select class="styled" name="dns-type-1">
-									<option value="1" selected="selected">A</option>
-									<option value="2">B</option>
-									<option value="3">C</option>
-								</select>
-							</div>
-							<div class="field-box dns-value-box">
-								<label class="field-label" for="#">value:</label>
-								<input class="text-field" type="text" value="" />
-							</div>
-							<div class="delete-record"></div>
-						</div>				
-
-						<div class="form-row form-row-line cc">
-							<div class="field-box dns-record-box">
-								<input class="text-field" type="text" value="" />
-							</div>
-							<div class="field-devider">in</div>
-							<div class="field-box dns-type-box">
-								<select class="styled" name="dns-type-2">
-									<option value="1" selected="selected">A</option>
-									<option value="2">B</option>
-									<option value="3">C</option>
-								</select>
-							</div>
-							<div class="field-box dns-value-box">
-								<input class="text-field" type="text" value="" />
-							</div>
-							<div class="delete-record"></div>
-						</div>				
-
-						<div class="form-row form-row-line cc">
-							<div class="field-box dns-record-box">
-								<input class="text-field" type="text" value="" />
-							</div>
-							<div class="field-devider">in</div>
-							<div class="field-box dns-type-box">
-								<select class="styled" name="dns-type-3">
-									<option value="1" selected="selected">A</option>
-									<option value="2">B</option>
-									<option value="3">C</option>
-								</select>
-							</div>
-							<div class="field-box dns-value-box">
-								<input class="text-field" type="text" value="" />
-							</div>
-							<div class="delete-record"></div>
-						</div>				
-
-						<div class="form-row buttons-row cc">
-							<input class="add-entry-btn" type="submit" value="save" />
-							<span class="cancel-btn">Cancel</span>
-							<span class="help-btn">Help</span>
-						</div>
-					</div><!-- // form -->
-
-					<!-- form -->
-					<div class="b-new-entry b-new-entry_dns" style="margin-top:25px;">
-						<div class="entry-header">New dns</div>
-						<div class="form-row cc">
-							<label class="field-label" for="#">domain:</label>
-							<input class="text-field" type="text" value="www.digital-photography-school.com" />
-						</div>
-						<div class="form-row cc">
-							<label class="field-label" for="#">ip address:</label>
-							<div class="autocomplete-box">
-								<input class="text-field" type="text" value="192.168.64.19" />
-								<i class="arrow">&nbsp;</i>
-							</div>
-						</div>
-						<div class="form-row dns-template-box cc">
-							<label class="field-label" for="#">template:</label>
-							<select class="styled" name="template">
-								<option value="1" selected="selected">default</option>
-								<option value="2">custom</option>
-								<option value="3">advanced</option>
-							</select>
-							<span class="context-settings">View template settings</span>
-						</div>
-						
-						<div class="form-row buttons-row cc">
-							<input class="add-entry-btn" type="submit" value="add" />
-							<span class="cancel-btn">Cancel</span>
-							<span class="help-btn">Help</span>
-						</div>
-					</div><!-- // form -->
-				</div><!-- // .domain-list -->
-			</div>
-		</div><!-- // #content -->
-	</div>
-</div>
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
+
+<head>
+	<title>Vesta | DNS</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta http-equiv="imagetoolbar" content="false" />
+
+	<link rel="stylesheet" media="all" type="text/css" href="css/reset2.css" />
+	<link rel="stylesheet" media="all" type="text/css" href="css/vesta.css" />
+
+	<!--[if lt IE 8]>
+		<link rel="stylesheet" type="text/css" href="css/ie.css" />
+    <![endif]-->
+
+	<script type="text/javascript" src="js/custom-form-elements.js"></script>
+</head>
+
+<body>
+<div id="page">
+	<div class="outer">
+		<div id="header">
+			<div class="logo-box">
+				<h1 class="logo"><a href="#">Vesta panel <span>&nbsp;</span></a></h1>
+			</div>
+			<ul class="settings">
+				<li class="settings-item">
+					<span class="logged-as">Fabricius Euphranor von Neoptolemos</span>
+					<a class="item-title" href="#">Profile</a>
+				</li>
+				<li class="settings-item"><a class="item-title" href="#">Settings</a></li>
+				<li class="logout"><a class="item-title" href="#"><span class="item-title-inner">Exit</span></a></li>
+			</ul>
+			<ul class="extra-services">
+				<li class="service-item active">
+					<span class="item-title">Backups</span>
+					<i class="item-devider"></i>
+				</li>
+				<li class="service-item">
+					<span class="item-title">Stats</span>
+					<i class="item-devider"></i>
+				</li>
+			</ul>
+		</div>
+		<div id="primary-nav-box">
+			<ul class="primary-nav cc">
+				<li class="section">
+					<div class="section-inner">
+						<dl class="users-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Users</span> 
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">386 users</span>
+								<span class="def">7 blocked</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="domains-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Web Domain</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">580 domains</span>
+								<span class="def">22 out of mem</span>
+								<span class="def">3 waiting</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="mail-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Mail</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">320 domains</span>
+								<span class="def">1209 mailboxes</span>
+								<span class="def">25 full</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="db-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">DB</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">7 db</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section active">
+					<div class="section-inner">
+						<dl class="dns-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Dns</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">289 records</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section">
+					<div class="section-inner">
+						<dl class="dnstpl-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">IP</span> 
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">7 templates</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+				<li class="section last-section">
+					<div class="section-inner">
+						<dl class="cron-nav-item">
+							<dt class="section-title cc">
+								<span class="to-section">Cron</span>
+								<i class="add-entry">&nbsp;</i>
+							</dt>
+							<dd class="section-contains">
+								<span class="def">15 records</span>
+							</dd>
+						</dl>
+					</div>
+					<i class="section-devider"></i>
+				</li>
+			</ul>
+		</div>
+		<div id="console">
+			<div class="b-console">
+				<div class="b-console-wrap">
+					<form class="b-console-form cc" action="#" method="post">
+						<fieldset>
+							<input class="b-console-field" type="text" value="/"/>
+							<input class="b-console-btn" type="submit" value="Go" />
+						</fieldset>
+					</form>
+					<!-- div class="b-console-statuses">
+						<div class="b-console-status cc">
+							<p class="b-console-status-message">domain <b>google.com</b> have been added <br />
+Cтиль менеджмента, на первый взгляд, методически оправдывает культурный побочный PR-эффект, осознавая социальную ответственность бизнеса. Исходя из структуры пирамиды Маслоу, рекламное сообщество экономит product placement, невзирая на действия конкурентов. Узнавание бренда слабо транслирует имидж, оптимизируя бюджеты.
+							</p>
+							<span class="b-console-status-action">cancel</span>
+							<i class="b-console-status-arrow">&nbsp;</i>							
+						</div>
+					</div -->
+				</div>
+				<div class="b-console-results"></div>
+			</div>
+		</div>
+		<!-- actions toolbar -->
+		<div id="actions-toolbar" class="cc">
+			<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>add dns</a>
+			
+			<div class="row-filters cc">
+				<div class="b-row-selector">
+					<div class="checkbox-selector cc">
+						<input class="styled" type="checkbox" value="" />
+						<span class="selector-title">385 Selected</span>
+					</div>
+					<div class="context-actions">
+						<div class="b-cust-sel b-cust-sel_inactive">
+							<span class="title">Action</span>
+							<div class="cust-sel-arrow"><i>&nbsp;</i></div>
+							<div class="cust-sel-options">
+								<div class="cust-sel-option ico_gray">Suspend</div>
+								<div class="cust-sel-option ico_green">Unsuspend</div>
+								<div class="cust-sel-option ico_red">Delete</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- visible only for admin -->
+				<div class="domain-groups-selector">
+					<div class="selector-wrap">
+						<strong class="selector-title">Show:</strong>
+						<span class="selected-groups">mine, vesta, Chronos, vasya (and 35 more)</span>
+					</div>
+				</div><!-- // visible only for admin -->
+			</div>
+			
+		</div><!-- // actions toolbar -->
+		<div id="content">
+			<div class="content-inner">
+				<div class="dns-list">
+					<!-- row 1 -->
+					<div class="row first-row dns-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="entry-created">12.11.2010</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="names">
+									<strong class="domain-name primary">naumov-socolov.co.uk</strong>
+								</div>
+								<div class="show-records">Show records</div>
+							</div>
+							<div class="props-additional">
+								<div class="ip-adr-box">
+									<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
+									<span class="prop-box template-box">
+										<span class="prop-title">template:</span>
+										<span class="prop-value">default</span>
+									</span>
+								</div>
+							</div>
+							<div class="props-ext">
+								<span class="prop-box ttl-box">
+									<span class="prop-title">ttl:</span>
+									<span class="prop-value">7200</span>
+								</span>
+								<span class="prop-box soa-box">
+									<span class="prop-title">soa:</span>
+									<span class="prop-value">n1.readwriteweb.com</span>
+								</span>
+							</div>							
+						</div><!-- // .row-details -->
+					</div><!-- // .row 1 -->
+
+					<!-- row 2 -->
+					<div class="row dns-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="entry-created">12.11.2010</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="names">
+									<strong class="domain-name primary">naumov-socolov.co.uk</strong>
+								</div>
+								<div class="show-records">Show records</div>
+							</div>
+							<div class="props-additional">
+								<div class="ip-adr-box">
+									<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
+									<span class="prop-box template-box">
+										<span class="prop-title">template:</span>
+										<span class="prop-value">default</span>
+									</span>
+								</div>
+							</div>
+							<div class="props-ext">
+								<span class="prop-box ttl-box">
+									<span class="prop-title">ttl:</span>
+									<span class="prop-value">7200</span>
+								</span>
+								<span class="prop-box soa-box">
+									<span class="prop-title">soa:</span>
+									<span class="prop-value">n1.readwriteweb.com</span>
+								</span>
+							</div>							
+						</div><!-- // .row-details -->
+					</div><!-- // .row 2 -->
+
+					<!-- row 3 -->
+					<div class="row dns-details-row checked-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="entry-created">12.11.2010</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="names">
+									<strong class="domain-name primary">naumov-socolov.co.uk</strong>
+								</div>
+								<div class="show-records">Show records</div>
+							</div>
+							<div class="props-additional">
+								<div class="ip-adr-box">
+									<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
+									<span class="prop-box template-box">
+										<span class="prop-title">template:</span>
+										<span class="prop-value">default</span>
+									</span>
+								</div>
+							</div>
+							<div class="props-ext">
+								<span class="prop-box ttl-box">
+									<span class="prop-title">ttl:</span>
+									<span class="prop-value">7200</span>
+								</span>
+								<span class="prop-box soa-box">
+									<span class="prop-title">soa:</span>
+									<span class="prop-value">n1.readwriteweb.com</span>
+								</span>
+							</div>							
+						</div><!-- // .row-details -->
+					</div><!-- // .row 3 -->
+
+					<!-- row 4 -->
+					<div class="row dns-details-row">
+						<div class="row-actions-box cc">
+							<div class="check-this check-control"></div>
+							<div class="row-operations">
+								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
+							</div>
+						</div>
+						<div class="row-meta">
+							<div class="entry-created">12.11.2010</div>
+						</div>
+						<div class="row-details cc">
+							<div class="props-main">
+								<div class="names">
+									<strong class="domain-name primary">naumov-socolov.co.uk</strong>
+								</div>
+								<div class="show-records hidden">Show records</div>
+							</div>
+							<div class="props-additional">
+								<div class="ip-adr-box">
+									<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
+									<span class="prop-box template-box">
+										<span class="prop-title">template:</span>
+										<span class="prop-value">default</span>
+									</span>
+								</div>
+							</div>
+							<div class="props-ext">
+								<span class="prop-box ttl-box">
+									<span class="prop-title">ttl:</span>
+									<span class="prop-value">7200</span>
+								</span>
+								<span class="prop-box soa-box">
+									<span class="prop-title">soa:</span>
+									<span class="prop-value">n1.readwriteweb.com</span>
+								</span>
+							</div>							
+						</div><!-- // .row-details -->
+					</div><!-- // .row 4 -->
+
+					<!-- show/edit dns records contextual form -->
+					<div class="b-new-entry b-records-list">
+						<div class="entry-header">
+							<div class="hide-records">Hide records</div>
+						</div>
+						<div class="form-error">
+							<div class="error-box">
+								<span class="error-message">Wrong record format. Need some <a class="help-tip-url" href="#">Help</a> ?</span>
+							</div>
+						</div>
+						<div class="form-row add-box cc">
+							<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>add dns record</a>
+						</div>
+
+						<div class="form-row form-row-line cc">
+							<div class="field-box dns-record-box">
+								<label class="field-label" for="#">record:</label>
+								<div class="field-box-inner cc">
+									<input class="text-field" type="text" value="" />
+									<div class="field-devider">in</div>
+								</div>
+							</div>
+
+							<div class="field-box dns-type-box">
+								<label class="field-label" for="#">type:</label>
+								<select class="styled" name="dns-type-1">
+									<option value="1" selected="selected">A</option>
+									<option value="2">B</option>
+									<option value="3">C</option>
+								</select>
+							</div>
+							<div class="field-box dns-value-box">
+								<label class="field-label" for="#">value:</label>
+								<input class="text-field" type="text" value="" />
+							</div>
+							<div class="delete-record"></div>
+						</div>				
+
+						<div class="form-row form-row-line cc">
+							<div class="field-box dns-record-box">
+								<input class="text-field" type="text" value="" />
+							</div>
+							<div class="field-devider">in</div>
+							<div class="field-box dns-type-box">
+								<select class="styled" name="dns-type-2">
+									<option value="1" selected="selected">A</option>
+									<option value="2">B</option>
+									<option value="3">C</option>
+								</select>
+							</div>
+							<div class="field-box dns-value-box">
+								<input class="text-field" type="text" value="" />
+							</div>
+							<div class="delete-record"></div>
+						</div>				
+
+						<div class="form-row form-row-line cc">
+							<div class="field-box dns-record-box">
+								<input class="text-field" type="text" value="" />
+							</div>
+							<div class="field-devider">in</div>
+							<div class="field-box dns-type-box">
+								<select class="styled" name="dns-type-3">
+									<option value="1" selected="selected">A</option>
+									<option value="2">B</option>
+									<option value="3">C</option>
+								</select>
+							</div>
+							<div class="field-box dns-value-box">
+								<input class="text-field" type="text" value="" />
+							</div>
+							<div class="delete-record"></div>
+						</div>
+						
+						<div class="form-row buttons-row cc">
+							<input class="add-entry-btn" type="submit" value="save" />
+							<span class="cancel-btn">Cancel</span>
+							<span class="delete-btn">Delete</span>
+						</div>
+					</div><!-- // form -->
+
+					<!-- form -->
+					<div class="b-new-entry b-new-entry_dns">
+						<div class="entry-header">New dns</div>
+						<div class="form-error">
+							<div class="error-box">
+								<span class="error-message">Wrong record format. Need some <a class="help-tip-url" href="#">Help</a> ?</span>
+							</div>
+						</div>
+						<div class="form-row cc">
+							<label class="field-label" for="#">domain:</label>
+							<input class="text-field" type="text" value="www.digital-photography-school.com" />
+						</div>
+						<div class="form-row cc">
+							<label class="field-label" for="#">ip address:</label>
+							<div class="autocomplete-box">
+								<input class="text-field" type="text" value="192.168.64.19" />
+								<i class="arrow">&nbsp;</i>
+							</div>
+						</div>
+						<div class="form-row dns-template-box cc">
+							<label class="field-label" for="#">template:</label>
+							<select class="styled" name="template">
+								<option value="1" selected="selected">default</option>
+								<option value="2">custom</option>
+								<option value="3">advanced</option>
+							</select>
+							<span class="context-settings">View template settings</span>
+						</div>
+						<div class="form-row cc">
+							<label class="field-label" for="#">ttl:</label>
+							<input class="text-field ttl-field" type="text" value="" />
+						</div>
+						<div class="form-row cc">
+							<label class="field-label" for="#">soa:</label>
+							<input class="text-field" type="text" value="www.digital-photography-school.com" />
+						</div>
+
+						<div class="form-row cc">
+							<label class="field-label" for="#">suspended:</label>
+							<input class="styled" type="checkbox" value="" />
+						</div>
+						
+						<div class="form-row buttons-row cc">
+							<input class="add-entry-btn" type="submit" value="add" />
+							<span class="cancel-btn">Cancel</span>
+							<span class="delete-btn">Delete</span>
+						</div>
+					</div><!-- // form -->
+				</div><!-- // .domain-list -->
+			</div>
+		</div><!-- // #content -->
+	</div>
+</div>
+</body>
+</html>