/*

	CSS FOR [RENSABA.COM CONTROL PANEL]
	Written by Jason Bickley
	Modified by Kooooo
	Last updated: 03-MAR-2008

*/


/* GLOBAL
=================================================================== */
*      {padding: 0; margin: 0;}
* html table {font-size: x-small;}
html   {height: 100%}
body   {height: 100%}
h3     {background: #535353 url(../images/h3_bkgrd3_newsv.gif) 0 0 repeat-x; padding: 2px 0; font-size: 110%; font-weight: bold; color: #fff; border: 1px solid #ebebeb;}
h3 span{background: url(../images/white_square.gif) 5px 5px no-repeat; padding: 0 0 0 20px; display: block;}
hr     {display: block; border: 0; border-bottom: 1px solid #ebebeb; height: 1px;}
a img  {border: 0;}
.clear {display: block; height: 0; clear: both;}
table  {font-size: small; font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, sans-serif; color: #626262;}

/* CONTENT
=================================================================== */
#mainContent       {width: auto;}
#subContent        {width: auto;}
#mainContentInner  {}
#subContentInner   {padding: 15px 0 0 0;}

/* HEADER
=================================================================== */
#header      {background: #3b3b3b url(../images/header_bkgrd_newsv.gif) 50% 0 repeat-x; position: relative; height: 3.5em;}
#header h1 a {background: url(../images/logo_newsv.gif) 0 0 no-repeat; display: block; width: 203px; height: 35px; text-indent: -5000em; position: absolute; top: 0; left: 15px;}
#header ol   {float: right; margin-top: 1.3em; color: #fff;}
#header li   {display: block; float: left; height: 1.5em; list-style: none;}
#header li a {color: #fff; font-size: 120%;}
#header li a:hover {text-decoration: none;}
#header li strong  {text-decoration: none; padding: 0 3px 0 24px;}
#header li.help    {display: block; float: left; width: 6em; background: url(../images/icon_help.gif) 0 0 no-repeat;}
#header li.support {display: block; float: left; width: 8.5em; background: url(../images/icon_support.gif) 0 0 no-repeat;}
#header li.user    {display: block; float: left; background: url(../images/icon_user_newsv.gif) 0 0 no-repeat; margin-right: 18px;}
#header li.user a  {font-size: 100%;float: left; padding-left: 0;display: block;  width: 75px; height: 16px; padding-top: 3px; text-indent: 20px; text-decoration: underline;}
#header li.user a:hover  {text-decoration: none;}

/* FOOTER
=================================================================== */
#footer         {background: #9d9d9d url(../images/footer_bkgrd2_newsv.gif) 50% 0 repeat-x; height: 25px; font-family: Verdana, sans-serif; font-size: 80%; text-align: right; color: #494949; z-index: 100;;}
#footer address {font-style: normal; display: block; padding: 5px 20px 0 0;}
#footer a       {color: #494949; text-decoration: none; }
#footer a:hover {text-decoration: underline;}
#footer hr      {display: none;}

/* SETTINGS
=================================================================== */
#services     {}
#page_home h3 {background: #313131; color: #fff; padding: 3px 10px; font-size: 110%; font-weight: bold;}
#setService h3,
#setMail h3   {margin-right: 15px;}
#setService, 
#setWeb, 
#setMail, 
#setDB      {display: block; width: 50%; float: left; padding-bottom: 80px;}
#setDB      {padding-bottom: 150px;}
#setService {background: url(../images/setService.gif) 10px 3em no-repeat;}
#setWeb     {background: url(../images/setWeb.gif) 10px 3em no-repeat;}
#setMail    {background: url(../images/setMail.gif) 10px 3em no-repeat;}
#setDB      {background: url(../images/setDB.gif) 18px 3em no-repeat;}

/* SETTING LISTS
=================================================================== */
#mainContentInner ul {display: block; padding: 10px 0 0 90px;}
#mainContentInner li {display: block; list-style: none; background: url(../images/li_bullet.gif) 0 50% no-repeat; padding: 4px 0 4px 12px;}
#mainContentInner li a {line-height: 130%; color: #626262; text-decoration: none;}
#mainContentInner li a:hover {text-decoration: underline;}

/* SUBCONTENT
=================================================================== */
#subContentInner h3 {background: #eee url(../images/white_square.gif) 5px 50% no-repeat; border: 1px solid #ebebeb; padding: 2px 4px 2px 20px; margin: 0 15px 0 20px; font-size: 110%; font-weight: bold;}
#subContentInner ul {display: block; padding: 10px 0 10px 10px; margin: 0 0 20px 5px;; border-bottom: 4px solid #898989; overflow: hidden;}
#subContentInner li {display: block; list-style: none; background: url(../images/li_bullet2.gif) 0 9px no-repeat; padding: 4px 0 4px 12px; margin: 0 15px;}
#subContentInner li a {color: #323232; text-decoration: none; font-size: 90%;}
#subContentInner li a:hover {text-decoration: underline;}

/* ADMIN PAGE
=================================================================== */
p {padding: 10px 20px 30px 20px;}

#page_admin dl {margin: 10px 20px; position: relative; width: 30em; height: 6.5em;}
#page_admin dt,
#page_admin dd {display: block; width: 10em; height: 3em; line-height: 3em; position: absolute;}
#page_admin dd br {display: none;}
#page_admin dd strong {margin-right: 1em;}

#page_admin dt.account      {top: 0; left: 0;}
#page_admin dd.accountText  {top: 0; left: 10em;}
#page_admin dt.password     {top: 3em; left: 0;}
#page_admin dd.passwordText {top: 3em; left: 10em; width: 16em;}
#page_admin dd.passwordText a {color: #0096ff;}
#page_admin dd.passwordText a:hover {text-decoration: none;}

/* LOGIN PAGE
=================================================================== */
p {padding: 10px 20px 30px 20px;}

#page_login dl {margin: 10px 20px; position: relative; width: 30em; height: 10em;}
#page_login dt,
#page_login dd {display: block; width: 10em; height: 3em; line-height: 3em; position: absolute;}
#page_login dd br {display: none;}
#page_login dd strong {margin-right: 1em;}

#page_login dt.account      {top: 0; left: 0;}
#page_login dd.accountText  {top: 0; left: 10em;}
#page_login dd.accountText input {width: 16em; margin-top: 0.5em; padding: 1px;}
#page_login dt.password     {top: 3em; left: 0;}
#page_login dd.passwordText {top: 3em; left: 10em; width: 16em;}
#page_login dd.passwordText input {width: 16em; margin-top: 0.5em; padding: 1px;}
#page_login dd.submit {top: 7em; left: 10em; width: 16em;}
#page_login dd.submit input {padding: 0.2em 0em;}
#page_login dd.passwordText a {color: #0096ff;}
#page_login dd.passwordText a:hover {text-decoration: none;}

/* DOMAIN PAGE
=================================================================== */
#page_domain #mainContentInner table.domainTable     {border-collapse: collapse; border-bottom: 1px solid #ebebeb;}
#page_domain #mainContentInner table.domainTable.alt {background: #eee;}
#page_domain #mainContentInner table.domainTable tr.subDomain .first {padding-left: 3em;}
#page_domain #mainContentInner table.domainTable th  {text-align: left; padding: 10px; border-bottom: 1px solid #ebebeb;}
#page_domain #mainContentInner table.domainTable th span {display: block; background: url(../images/arrow_down.gif) 0 50% no-repeat; padding-left: 13px;}
#page_domain #mainContentInner table.domainTable td  {padding: 10px; border-bottom: 1px solid #c9c9c9;}
#page_domain #mainContentInner table.domainTable td input {padding: 2px 0;}
#page_domain #mainContentInner table.domainTable td h4 {font-size: 110%;}
#page_domain #mainContentInner table.domainTable td h4 a {font-weight: normal; color: #0096ff; font-size: 90%;}
#page_domain #mainContentInner table.domainTable td h4 a:hover {text-decoration: none;}

#page_domain #mainContentInner table.domainTable td.first  {white-space: nowrap;}
#page_domain #mainContentInner table.domainTable td.second {white-space: nowrap;}
#page_domain #mainContentInner table.domainTable td.third  {white-space: nowrap;}

/* PASSWORD PAGE
=================================================================== */
p {padding: 10px 20px 30px 20px;}

#page_password dl    {margin: 10px 20px; position: relative; width: 30em; height: 6.5em;}
#page_password dt,
#page_password dd    {display: block; width: 10em; height: 3em; line-height: 3em; position: absolute;}
#page_password dd br {display: none;}
#page_password dd strong {margin-right: 1em;}

#page_password dt.account      {top: 0; left: 0;}
#page_password dd.accountText  {top: 0; left: 10em;}
#page_password dt.password     {top: 3em; left: 0;}
#page_password dd.passwordText {top: 3em; left: 10em; width: 16em;}
#page_password dd.passwordText a {color: #0096ff;}
#page_password dd.passwordText a:hover {text-decoration: none;}

/* DISK CAPACITY PAGE
=================================================================== */
#page_disccap #mainContentInner a       {color: #0096ff;}
#page_disccap #mainContentInner a:hover {text-decoration: none;}

#discUsage           {margin-bottom: 50px;}
#discUsage th        {text-align: left; border-bottom: 1px solid #626262; padding: 3px 16px; background: url(../images/white_square.gif) 5px 50% no-repeat;}
#discUsage td        {text-align: center; vertical-align: middle;}
#discUsage td.first  {width: 9%; text-align: right;}
#discUsage td.second {width: 1%; text-align: left;}
#discUsage td.third  {width: 75%; text-align: left;}
#discUsage td.fourth {width: 5%; font-weight: bold;}
#discUsage td.fifth  {width: 5%; font-weight: bold;}
#discUsage td.sixth  {width: 5%;}
#discUsage td.seventh{text-align: left; font-weight: normal; padding-left: 20px;}

#discRatio           {margin-bottom: 50px;}
#discRatio th        {text-align: left; border-bottom: 1px solid #626262; padding: 3px 16px; background: url(../images/white_square.gif) 5px 50% no-repeat;}
#discRatio td        {text-align: center; vertical-align: middle;}
#discRatio td.first  {width: 9%; text-align: right;}
#discRatio td.second {width: 1%; text-align: left;}
#discRatio td.third  {width: 75%; text-align: left;}
#discRatio td.fourth {width: 5%; font-weight: bold;}
#discRatio td.fifth  {width: 5%; font-weight: bold;}
#discRatio td.sixth  {width: 5%;}
#discRatio td.seventh{text-align: left; font-weight: normal; padding-left: 20px;}

#dbUsage            {margin-bottom: 50px;}
#dbUsage th         {text-align: left; border-bottom: 1px solid #626262; padding: 3px 16px; background: url(../images/white_square.gif) 5px 50% no-repeat;}
#dbUsage td         {text-align: center; vertical-align: middle;}
#dbUsage td.first   {width: 9%; text-align: right;}
#dbUsage td.second  {width: 1%; text-align: left;}
#dbUsage td.third   {width: 75%; text-align: left;}
#dbUsage td.fourth  {width: 5%; font-weight: bold;}
#dbUsage td.fifth   {width: 5%; font-weight: bold;}
#dbUsage td.sixth   {width: 5%;}
#dbUsage td.seventh {text-align: left; font-weight: normal; padding-left: 20px;}

#discUsage .bar      {background: url(../images/usage_01.gif) 0 0 repeat-x; height: 32px;}
#discUsage .bar2     {background: url(../images/usage_02.gif) 0 0 repeat-x; height: 32px;}
#discUsage .barOuter {border: 1px solid #ebebeb; background: #eee; height: 32px;}
#discUsage .barInner {border-right: 1px solid #ebebeb; height: 32px; width: 100%;}

#discRatio .bar      {background: url(../images/usage_01.gif) 0 0 repeat-x; height: 32px;}
#discRatio .barOuter {border: 1px solid #ebebeb; background: url(../images/usage_02.gif) 0 0 repeat-x; height: 32px;}
#discRatio .barInner {border-right: 1px solid #ebebeb; height: 32px; width: 100%;}
#discRatio td.fourth {width: 1%;}
#discRatio td.fifth  {width: 9%; text-align: left;}

#dbUsage .bar      {background: url(../images/usage_03.gif) 0 0 repeat-x; height: 32px;}
#dbUsage .barOuter {border: 1px solid #ebebeb; background: #eee; height: 32px;}
#dbUsage .barInner {border-right: 1px solid #ebebeb; height: 32px; width: 100%;}


#mainCntns table td {
	padding: 2px;
}