body {color: #666; background: #F3F3F3 url(images/bg_all.png) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; margin: 0;}
img {border: 0; outline: none;}
#all {margin: 0 auto; width: 100%;}

#header-block {width: 892px; height: 110px; margin-bottom: 10px; background:url(images/bg_extend_header.png) no-repeat top; padding-right: 20px;}
p.logo {padding: 8px 0 0 30px; font-size: 60px; letter-spacing: -2px; margin: 0; color: #fff;  position: absolute; top: 1px;}
p.logo strong {color: #FC0;}
p.topaddress {font-size: 11px; color: #FC0; margin: 0; padding: 8px 0 0 30px;  font-weight: 700;}
p.topaddress a {text-decoration: none; color: #e4e4e4; font-weight: normal;}

.translator {position: relative; float: right; height: 55px; width: 220px; background: url(images/bg_top_links.png) repeat-x top; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: #fff; text-align: center; padding: 5px 0 0 0;}
#header-block .goog-logo-link, #header-block .goog-te-gadget, #header-block .goog-logo-link:link, #header-block .goog-logo-link:visited, #header-block .goog-logo-link:hover, #header-block .goog-logo-link:active {color: #fff;}

#header-block ul {list-style: none; font-size: 11px; position: relative; float: right;}
#header-block li {float: left; margin-left: 5px;}
#header-block li a {display: block; background: url(images/bg_top_links.png) repeat-x top; padding: 7px 10px; color: #fff; text-decoration: none; -moz-border-radius: 5px; border-radius: 5px;}
#header-block li a:hover {background: url(images/bg_top_links.png) 0 -30px;}

#effective-body {width: 920px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; border: 1px solid #fff; padding: 20px; overflow: auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  background: #fff url(images/bg_content.png) repeat-x top;}

#cpleft {float: left; width: 550px;}
#cpleft .extcontent {width: 570px;}
#cpleft .extcontent	ul {width: 543px; background: #fff url(images/bg_med_fade_up.png) repeat-x bottom; border: 1px solid #fff; overflow: auto; padding: 10px; margin-bottom: 10px; -moz-border-radius: 5px; border-radius: 5px;}
#cpleft .extcontent li {width: 80px; float: left; background: none; padding: 0; text-align: center; margin: 0;}
#cpleft .extcontent li {border: none;}
#cpleft .extheading img {position: relative; left: 5px; z-index: 12; float: left; top: 4px;}

#cpright {float: right; width: 300px;}
#cpright .extcontent {width: 280px;}

.extheading {background: #999 url(images/bg_heading.png) repeat-x top; width: 100%; color: #fff; font-size: 18px; font-weight: 700;  text-align: center; letter-spacing: -1px; height: 30px; line-height: 1.6em; z-index: 9; float: left;}
.extheading p {padding: 0; margin: 0; border-bottom: 1px solid #888;}

.collapsebox * {z-index: 10; width: 17px; height: 17px; outline: none; text-decoration: none}
.expand * {background: url(images/icon_expand.png) no-repeat top;  display: block;}
.collapse * {background: url(images/icon_collapse.png) no-repeat top; display: block;}

.extcontent {background: #ccc url(images/bg_extcontent.png) repeat-x top; border-top: 1px solid #bbb; padding: 10px 10px 5px 10px; margin-bottom: 15px; overflow: auto; float: left;}
.extcontent p {margin: 0 0 10px 0; padding: 0; color: #fff; }
.extcontent a {color: #333;}
.extcontent a:hover {color: #666;}
.extcontent ul {width: 280px; list-style:none; margin: 0; padding: 0;}
.extcontent li {width: 264px; border: 1px solid #fff; -moz-border-radius: 5px; border-radius: 5px; padding: 7px; background: #fff url(images/bg_smlfade.png) repeat-x top; font-size: 10px; overflow: auto; margin-bottom: 5px; line-height: 1.4em;}
.extcontent li input {float: right;}
.extcontent li label {font-weight: 700; font-size: 11px; line-height: 1.6em;} 
.extcontent li p {padding: 0; margin: 0; color: #666; text-shadow: none;}
.lititle {width: 105px; float: left; font-weight: 700;}
.liattr {float: left; width: 110px;}
.liattrlrg {float: left;}

.bar {width: 40px; float: right; height: 12px; border: 1px solid #999;}
/* Testing Level width - Remove & make dynamic (Keep class though) */ 
.bar .lvl {width: 20%; background: url(images/lvl_green.png); height: 12px;}
.bar .lvlred {width: 90%; background: url(images/lvl_red.png); height: 12px;}
/* End Test */

.locknotice {width: 278px; background: #FBDD76 url(images/bg_ftpunlock.png) repeat-x top; border: 1px solid #F5CE66; text-align: center; color: #fff; font-size: 11px; font-weight: 700; padding-bottom: 5px; text-shadow: 1px 1px 1px #C4A44F; line-height: 2em;}

.ialign  {position: relative; top: 4px; left: -4px;}
.curved {-moz-border-radius: 5px; border-radius: 5px;}

.extcontent input[type=text] {background: #fff url(images/bg_smlfade.png) repeat-x top; font-weight: 700; font-size: 12px; color: #666; border: 1px solid #fff; padding: 7px 8px; margin-bottom: 5px;}
.extcontent input[type=submit] {background: #939393 url(images/bg_btns.png) repeat-x top; border: none; color: #fff; padding: 7px 8px; font-size: 12px; font-weight: 700;  border: 1px solid #F5F5F5;}
/* MSIE8 */
.extcontent input[type=submit][disabled] {background: #7A7A7A url(images/bg_btns.png) 0 -50px; text-shadow: none}
/* - */
.extcontent input[type=submit]:hover {background: #7A7A7A url(images/bg_btns.png) 0 -50px; cursor: pointer;}

#unlkftp input[type=text], #changepass input[type=password]  {width: 179px;}


#changepass img {padding-left: 6px;}
#changepass p.pstrength {float: right; width:125px; background: #CCC; text-align: center; padding: 5px 10px; text-shadow: none; font-weight: 700;}
#searchicons input[type=text] {width: 220px;}

.left {float: left;} 
.right {float: right;}
.spacer {background: url(images/bg_spacer.png) repeat-x 0 bottom; width: 100%; height: 5px; clear: both;}

.resetbtn a {margin: 0 auto; width: 208px; background: url(images/bg_reset_btn.png) no-repeat top; text-decoration: none; color: #fff; display: block; text-align: center; font-size: 11px; font-weight: bold;  float: left; padding: 7px 0 0 0; height: 30px; font-size: 15px; letter-spacing: -1px;}

.resetbtn a:hover {background: url(images/bg_reset_btn.png) 0 -37px;}

#footer {width: 912px; padding: 10px 0; background: #333; overflow: auto;}
#footer ul {list-style: none; float: right; width: 300px;}
#footer li {float: right; padding: 0 15px 0 0;}
#footer li a {color: #e4e4e4;}
#footer p.logo {color: #fff; float: left; padding: 5px 0 0 15px; font-size: 16px; margin: 0; letter-spacing: normal; position: relative; line-height: 1.6em;}
#footer p.logo strong { color: #FC0;}

/* IE7 Only */

*:first-child+html .extcontent input[type=submit] {padding: 6px 8px;}
*:first-child+html #header-block ul {top: 10px;}	



.ftp-access-question {font-weight: bold}
#changepass p.pstrength {border: 1px solid #eee}

.extcontent li {list-style: none}
#cpleft .extcontent li {overflow: hidden}
#cpleft .extheading, #cpleft .extcontent {float: none}
#cpleft .extcontent {top: -18px; margin: 0;  position: relative;}
#cpleft .extheading {height: 48px;}
#cpleft .extcontent li a {display: block; width: 80px; padding-top: 55px;}
.extcontent ul li {list-style-position: outside}

.extheading .collapsebox {float: right; margin: 6px}
.ftpinfopopup {width: 583px; border: 2px solid #CCC; background: white; padding: 15px; font-family: Arial, Helvetica, sans-serif; overflow: auto; z-index: 50}
.ftpinfopopup h2 {font-size: 35px !important; letter-spacing: -1px !important; margin: 0 !important; padding: 0 !important; color:#666 !important;}
.ftpinfopopup p {line-height: 1.8em; color: #666; font-size: 12px; margin: 0; margin-top: 1em; padding: 0;}
.ftpinfopopup img {float: left; border: none;}
.ftpinfopopup .closebtn {float: right; clear: both; padding: 0;}
.ftpinfopopup .popright {width: 510px; float: right;}

p.logo {font-size: 50px;}
input[type=submit], input[type=button] 
input[type=submit]:hover, input[type=button]:hover
*:first-child+html .extcontent input[type=submit], .extcontent input[type=button] {padding: 6px 8px;}
p.locknotice {background: #EC9546 url(images/additional-2kx/bg_ftpunlock.png) repeat-x top;}
div.icon-and-text {float: left; width: 110px; height: 110px; text-align: center; overflow: hidden; margin: 5px}
div.icon-and-text a {text-decoration: none; font-size: 90%}
div.draggable-icon-box {width: 80%; height: 240px}
div#errorbox img {float: left}
div#errorbox div.status_right {margin-left: 10px}
table.normal-table {
	border-bottom-color: #aaaaaa;
border-bottom-style: solid;
border-bottom-width: 4px;
border-collapse: collapse;
border-left-color: #aaaaaa;
border-left-style: solid;
border-left-width: 4px;
border-right-color: #aaaaaa;
border-right-style: solid;
border-right-width: 4px;
border-spacing: 2px;
border-top-color: #aaaaaa;
border-top-style: solid;
border-top-width: 4px;
}
table.normal-table td, table.normal-table th {
border-bottom-color: #888888;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-collapse: collapse;
border-left-color: #888888;
border-left-style: dotted;
border-left-width: 1px;
border-right-color: #888888;
border-right-style: dotted;
border-right-width: 1px;
border-spacing: 2px;
border-top-color: #888888;
border-top-style: dotted;
border-top-width: 1px;
	}
table.normal-table th {
background: transparent; 
color: #FFFFFF; 
background-image: url("http://www.thehostingfolks.com/grad/black_large.png") !important;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
	}

/* Single Page Styles */

h1, h2, h3, h4, h5 {padding: 15px 0 0 0 !important; margin: 0 !important;}
h1 {font-size: 28px !important; letter-spacing: -1px !important; padding: 0 0 5px 0 !important;}
a {color: #333;}
a:hover {color: #666;}

table {border-collapse: collapse; border: 1px solid #ccc;}
th {background: #333; color: #fff; padding: 5px 10px; text-align: left;}
td {padding: 5px  10px; background: #F3F3F3; border-top: 1px solid #ccc;}

tr.tblalt td {background: #E8E8E8;}

input, select, textarea {font-family: Arial, Helvetica, sans-serif;}

input[type=submit], input[type=button] {background: #333; padding: 5px 15px; color: #fff; text-decoration: none; border: none; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold; }
input[type=submit]:hover, input[type=button]:hover {background: #666; cursor: pointer;}
input[type=text], input[type=password], select {border: 1px solid #ccc; padding: 5px; color: #666;}
input[type=text]:focus, select:focus {border: 1px solid #333;}
p.topaddress {display: inline-block}
#fm-popup a:hover {
	text-decoration: none;
}
.multi-upload#fm-popup {
	width: 360px;
	text-align: center;
	background: white;
	border: 1px solid #ddd;
}
#fm-popup {
	background: #ccc;
	border: 1px outset #ccc;
}

.normal-tables th {
background: transparent; 
color: inherit; 
background-image: url("http://www.thehostingfolks.com/grad/black_large.png") !important;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
}
.normal-tables td {background: transparent; color: inherit; border: none}
.normal-tables table.not-foldable {background: #f3f3f3}
.normal-tables table.not-foldable table {border: none}
.normal-tables table.not-foldable a {color: #666}
.normal-tables table.not-foldable a:hover {color: #333}

#effective-body #effective-body {width: auto; background: transparent; border: none}

/* in-line editors */
table.toolbarRow td.toolbarElement {border: 0px none;}
table.toolbarRow {border: 0px none;}

p.done {
  background: #a6c047 url(images/lvl_green.png) repeat-x top;
  
  border: 1px solid #B8D64F;
}
p.error {
  background: #9c0000 url(images/lvl_red.png) repeat-x top;
  
  border: 1px solid #c00000;
}
p.done, p.error {
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 2em;
  padding-bottom: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#header-block { 
margin-top: 0px !important;
margin-bottom: 0px;
background-image: none !important;
height: 107px !important;
}

#header-block { 
background-attachment: scroll;
background-clip: none !important;
background-color: transparent;
background-image: none !important;
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}
#effective-body { 
border-top-color: #ffffff;
border-top-style: solid;
border-top-width: 0px;
padding-top: 10px;
}
.extheading { 
background-image: url("http://www.thehostingfolks.com/images/bg_heading.png")  !important;
}
.extcontent {
background-color: #a2a2a2 !important; 
background-image: url("http://www.thehostingfolks.com/images/bg_extcontent.png")  !important;
}
#cpleft #b-fileman-icon { 
background-image: url("http://www.thehostingfolks.com/images/fileman.png");
}
#cpleft #b-permissions-icon { 
background-image: url("http://www.thehostingfolks.com/images/fileperms.png");
}
#cpleft #b-wb-icon { 
background-image: url("http://www.thehostingfolks.com/images/wbuild.png");
}
#cpleft #b-mailboxes-icon { 
background-image: url("http://www.thehostingfolks.com/images/mailbox.png");
}
#cpleft #b-junk-icon { 
background-image: url("http://www.thehostingfolks.com/images/junk.png");
}
#cpleft { 
float: right;
width: 590px;
}
#cpright { 
float: left;
width: 300px;
}
.cpleft a { 
color: #bd0a55 !important;
text-decoration: none;
}
.cpright a { 
color: #bd0a55 !important;
text-decoration: none;
}
a { 
text-decoration: none;
}
#header-block li a {-moz-border-radius: 0px; border-radius: 0px;}

.box-for-files {
width: 600px;
}