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: 872px;}

#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; text-shadow: 1px 1px 1px #333; position: absolute; top: 1px;}
p.logo strong {color: #FC0;}
p.topaddress {font-size: 11px; color: #FC0; margin: 0; padding: 8px 0 0 30px; text-shadow: 1px 1px 1px #333; 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; -webkit-border-bottom-right-radius: 5px; -webkit-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; -webkit-border-radius: 5px;}
#header-block li a:hover {background: url(images/bg_top_links.png) 0 -30px;}

#effective-body {width: 870px; border: 1px solid #fff; padding: 20px; overflow: auto; background: #fff url(images/bg_content.png) repeat-x top;}

#cpleft {float: left; width: 550px;}
#cpleft .extcontent {width: 530px;}
#cpleft .extcontent	ul {width: 508px; 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; -webkit-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;}
#cpleft .extheading:hover {cursor: move;}

#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-shadow: 1px 1px 1px #666; 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; text-shadow: 1px 1px 1px #666;}
.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; -webkit-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; -webkit-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; text-shadow: 1px 1px 1px #666; 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; text-shadow: 1px 1px 1px #666; 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; letter-spacing: -1px; margin: 0; padding: 0; color:#666;}
.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 td.date {width:6em; text-align: center;}
table.normal-table td, table.normal-table th {border: 1px solid black}

/* Single Page Styles */

h1, h2, h3, h4, h5 {padding: 15px 0 0 0; margin: 0;}
h1 {font-size: 28px; letter-spacing: -1px; padding: 0 0 5px 0;}
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; -webkit-border-radius: 10px; border-radius: 10px; font-weight: bold; text-shadow: 1px 1px 1px #000;}
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}
.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;}

table.jsmaker {border-collapse: collapse; font-size: 13px}
table.jsmaker th {color: #666; text-shadow: 1px 1px 1px #f9f9f9; text-align: left; padding: 8px 12px; background: #bbb url(images/tbl_header_grey.png) repeat-x top; border-bottom: 1px solid #ccc}
table.jsmaker th a {border: 1px solid #ddd; float: right; background: #999; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; color: #fff; font-weight: 700; padding: 5px 10px; text-decoration: none; font-size: 11px; text-shadow: none}
table.jsmaker th a:hover {background: #666}

table.jsmaker td.jsmakerdesc {padding: 7px 12px; font-weight: 700; font-size: 12px; color: #fff; text-shadow: 1px 1px 1px #444; background: #8a8a8a url(images/tbl_td_desc.png) repeat-x top}
table.jsmaker td.jsmakercode {padding: 10px; background: #bbb url(images/tbl_header_grey.png) repeat-x top; border-bottom: 1px solid #aaa}

table.jsmaker pre {background: #fff; margin: 0; padding: 15px; font-family: Arial, Helvetica, sans-serif; border-left: 10px solid #F1FAEA}

#domaincp-login #captchabox {width: 85%; margin-left: auto; margin-right: auto; margin-top: 15px}
#domaincp-login #log-in-button-wrapper {width: 85%; margin-left: auto; margin-right: auto; margin-top: 15px}

#file-manager-block a:hover {
	text-decoration: none;
}
#file-manager-block body {
	font-size: 8pt;
}
#file-manager-block .selected td {
	color: white; 
	background: #1677de;
}
#file-manager-block .selected td a {
	color: white; 
	background: transparent;
}
#file-manager-block .unselected td {
	color: black; 
	background: white;
}
#file-manager-block .hover td {
	color: white;
	background: #1677de;
}

.error, .done {
  font-size: 20px; font-weight: 700; letter-spacing: -1px;
  padding: 10px;
  padding-left: 45px;
}
.error {
  color: #CC0000;
  background: url(images/additional-2kx/icon_med_cross.png) 10px 10px no-repeat #FBEBEB;
  border: 1px solid #CC0000;
}
.error > .error_detail {
  padding-left:15px;
  color: #9E0000;
  font-size: 16px;
  line-height: 30px;
}
.done {
  color: #83B039;
  background: url(images/additional-2kx/icon_med_tick.png) 10px 10px no-repeat #F1F6E9;
  border: 1px solid #83B039;
}
.taller > .lititle {
  line-height: 32px;
}

div.fm-df-progress-wait {
  width: 200px;
  height: 200px;
  background: #444;
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  overflow: hidden;

  background: rgba(0,0,0,0.7);
  border-radius: 10px;
}

div.fm-df-progress-wait p.fm-notification {
  margin-top: 2em;
  font-size: 50%;
  overflow: hidden;

  text-overflow: ellipsis;
}

/* One click installers */
#ratings p {
  margin:           0.3em 0;
  line-height:      1.3em;
}
#ratings p span.label {
  display:          inline-block;
  width:            8em;
  text-align:       right;
  font-weight:      bold;
}
#ratings img {
  vertical-align:   text-bottom;
}
#ratings span.feedback-acknowledgment {
  display:          none;
}
#ratings span.feedback-sent span.feedback-acknowledgment {
  display:          inline;
}

/*Junk Mail Messages*/
table.junk-mail div.sender, table.junk-mail div.subject {
  width: 230px;
  word-wrap: break-word;
}
table.junk-mail div.score {
  width: 140px;
  word-wrap: break-word;
}