.overlay {
position:absolute;
display:block;
}
.tt {
visibility:hidden;
position:absolute;
color:#333;
background-color:#FDFFB4;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:2px;
border:1px solid #FCC90D;
width:auto;
}

* html body.masked select {
visibility:hidden;
}

* html div.panel-container select {
visibility:inherit;
}

* html div.drag select {
visibility:hidden;
}

* html div.hide-select select {
visibility:hidden;
}

/*.mask {
    z-index:0;   
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#FFFFFF;
}*/
.hide-scrollbars * {
overflow:hidden;
}

.hide-scrollbars textarea,.hide-scrollbars select {
overflow:hidden;
display:none;
}

.show-scrollbars textarea,.show-scrollbars select {
overflow:visible;
}

.yui-panel-container, .panel-container {
position:absolute;
background-color:transparent;
z-index:6;
visibility:hidden;
overflow:visible;
width:auto;
}

/*.panel-container.matte {
	padding:3px;
	background-color:#FFFFFF;
}

.panel-container.matte .underlay {
	display:none;
}

.panel-container.shadow {
	padding:0px;
	background-color:transparent;
}

.panel-container.shadow .underlay {
	visibility:inherit;
	position:absolute;
	background-color:#CCC;
	top:3px;left:3px;
	z-index:0;
	width:100%;
	height:100%;
    -moz-opacity: 0.7;
    opacity:.70;
    filter:alpha(opacity=70);
}*/
.yui-panel, .panel {
visibility:hidden;
border-collapse:separate;
border:none;
overflow:visible;
background-color:transparent;
position:relative;
left:0;
top:0;
font:1em Arial;
border:1px solid #FFF;
z-index:1;
}

.yui-panel .hd, .panel .hd {
padding:0;
border:none;
background:transparent url(../yui/aqua-hd-bg.gif);
color:#000;
height:22px;
margin-left:0px;
margin-right:0px;
text-align:center;
overflow:visible;
}

.yui-panel .lt, .panel .lt {
width:7px;
height:22px;
top:0;
left:0;
background:transparent url(../yui/aqua-hd-lt.gif);
position:absolute;
}

.yui-panel .rt, .panel .rt {
width:7px;
height:22px;
top:0;
right:0;
background:transparent url(../yui/aqua-hd-rt.gif);
position:absolute;
}

.yui-panel .bd, .panel .bd {
overflow:visible;
padding:4px;
}

.yui-panel .bd p, .panel .bd p {
margin:0 0 1em;
}

.yui-panel .container-close, .panel .container-close {
position:absolute;
top:3px;
left:4px;
height:18px;
width:17px;
z-index:6;
margin:0;
padding:0;
background-repeat:no-repeat;
cursor:pointer;
visibility:inherit;
}

.yui-panel .container-close.nosecure, .panel .container-close.nonsecure,.yui-panel .container-close {
background-image:url(../yui/x3-hd-close.png);
}

.yui-panel .container-close.secure, .panel .container-close.secure {
background-image:url(../yui/x3-hd-close.png);
}

.yui-panel .ft, .panel .ft {
padding:4px;
overflow:hidden;
background-color:#FFF;
border-top:1px solid #FFF;
border-bottom:1px solid #aeaeae;
border-left:1px solid #aeaeae;
border-right:1px solid #aeaeae;
}

.yui-simple-dialog .bd .icon, .simple-dialog .bd .icon {
background-repeat:no-repeat;
width:16px;
height:16px;
margin-right:10px;
float:left;
}

.yui-dialog .ft, .yui-simple-dialog .ft, .dialog .ft,.simple-dialog .ft {
padding-bottom:5px;
padding-right:5px;
text-align:right;
}

.yui-dialog form,.yui-simple-dialog form,.dialog form,.simple-dialog form {
margin:0;
}

.button-group button {
font:100 76% verdana;
text-decoration:none;
background:url(/cPanel_magic_revision_1181782424//frontend/x3/css/images/button-bg.jpg) repeat-x top;
background-color:#E4E4E4;
color:#333;
cursor:hand;
vertical-align:middle;
border:2px solid #797979;
border-top-color:#FFF;
border-left-color:#FFF;
margin:2px;
padding:2px;
}

.button-group button.default {
font-weight:700;
}

.button-group button:hover,.button-group button.hover {
background:url(/cPanel_magic_revision_1181782424//frontend/x3/css/images/button-bg-over.jpg) repeat-x top;
background-color:#EBF09E;
border-top-color:#FFF;
border-left-color:#FFF;
}

.button-group button:active {
border:2px solid #E4E4E4;
background-color:#BBB;
border-top-color:#333;
border-left-color:#333;
}

#win {
visibility:hidden;
}

.yui-panel-container.shadow .underlay, .panel-container.shadow .underlay {
background-color:#FFF;
display:none;
}

.yui-panel, .panel {
border:none;
overflow:visible;
background-color:transparent;
}

.yui-panel .hd,.panel .hd {
padding:0;
border:none;
background:transparent url(../yui/aqua-hd-bg.gif);
color:#000;
height:22px;
margin-left:0px;
margin-right:0px;
text-align:center;
overflow:visible;
}

.yui-panel .hd span,.panel .hd span {
vertical-align:middle;
line-height:22px;
}

.yui-panel .container-close,.panel .container-close {
top:3px;
left:4px;
height:18px;
width:17px;
}

.yui-panel .container-close.nonsecure, .panel .container-close.nonsecure {
background-image:url(../yui/x3-hd-close.png);
}

.yui-panel .container-close.secure, .panel .container-close.secure {
background-image:url(../yui/x3-hd-close.png);
}

.yui-panel .container-close.nonsecure:hover, .panel .container-close.nonsecure:hover, .container-close:hover {
background-image:url(../yui/x3-hd-closehover.png);
}

.yui-panel .container-close.secure:hover, .panel .container-close.secure:hover {
background-image:url(../yui/x3-hd-closehover.png);
}

.yui-panel .tl,.yui-panel .lt,.panel .tl,.panel .lt {
width:7px;
height:22px;
top:0;
left:0;
height:22px;
background:transparent url(../yui/aqua-hd-lt.gif);
}

.yui-panel .tr,.yui-panel .rt,.panel .rt,.panel .tr {
width:7px;
height:22px;
top:0;
right:0;
background:transparent url(../yui/aqua-hd-rt.gif);
}

.yui-panel .tp , .panel .tp {
padding:0;
border-width:1px 1px 0;
border-color:#aeaeae;
border-style:solid;
background-color:#FFF;
overflow:hidden;
}

.yui-panel .tp .content, .panel .tp .content {
width:380px;
height:52px;
padding:2px;
margin:0;
background-color:#FFF;
overflow:hidden;
display:none;
}

.yui-panel .bd, .panel .bd {
padding:0;
border-width:0 1px 1px;
border-color:#aeaeae;
border-style:solid;
background-color:#FFF;
overflow:hidden;
}

.yui-panel .bd .content, .panel .bd .content {
width:380px;
height:400px;
padding:2px;
margin:0;
background-color:#FFF;
overflow:auto;
display:none;
}

body {
font:13px Verdana, Arial, Helvetica, sans-serif;
/*font-size:small;
font-size:inherit;
font-size:100%;*/
}

select,input,textarea {
/*font:99% arial,helvetica,clean,sans-serif;*/
}

pre,code {
/*font:115% monospace;
font-size:100%;*/
}

body * {
line-height:1.22em;
}
.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}/********************************************OLD STYLES*************************************/
/*These styles are deprecated and should only be used in older themes.  x1 - x2
X3 styles are listed in X3 section.*/
/*******************************************************************************************/
font.med {
font-size:11px;
}

font.index {
font-size:11px;
}

font.small {
font-size:9px;
}

font.big {
font-size:12px;
font-weight:700;
color:#000;
}

font.big2 {
font-size:12px;
font-weight:700;
color:#000;
}

font.red {
font-size:11px;
font-weight:700;
color:red;
}

font.bigred {
font-size:12px;
font-weight:700;
color:red;
}

font.white {
color:#FFF;
}

.index1 {
background-color:#B7CBCF;
}

.index2 {
background-color:#e6e6e6;
}

.indexbold {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.tdshade2 {
background-color:#e6e6e6;
}

.bodyblue {
color:#039;
}

.bodyblackTB {
padding-right:11px;
padding-left:11px;
}

.bodyblueTB {
color:#039;
}

.headerTB {
font-weight:700;
text-decoration:none;
padding-right:5px;
padding-left:5px;
}

.description {
font-style:italic;
margin:12px 0;
line-height:14px;
}

select {
text-decoration:none;
background:#FFF;
}

option {
text-decoration:none;
background:#FFF;
border:1px solid #999;
}

textarea {
text-decoration:none;
background:#FFF;
border:1px solid #999;
}

/*input {
text-decoration:none;
background:#FFF;
border:1px solid #999;
}

input.image {
text-decoration:none;
border-width:0;
}
*/
table.addontable {
border:2px #D4E4E8 solid;
}

td.bwtableb {
border-bottom:2px #D4E4E8 solid;
}

td.bwtable {
border-top:2px #D4E4E8 solid;
}

td.addontable {
border:1px #005B70 solid;
}

.bwtable {
border:#000;
text-align:center;
}

.bwhead {
border:1px #000 solid;
}

.bwtdh1 {
border:1px #000 solid;
background-color:#DDD;
}

.bwtdh2 {
border:1px #000 solid;
}

.bwtd1 {
border:0 #000 hidden;
background-color:#DDD;
}

.bwtd2 {
border:0 #000 hidden;
background-color:#EEE;
}

.sbar {
color:#005B70;
background-color:#005B70;
height:2px;
}

fieldset {
border:#26a solid 1px;
width:98%;
}

legend {
color:#000;
position:static;
top:-0.5em;
font-weight:700;
}

td.barborder {
/*border:1px #000 solid;*/
}

input.nb {
color:#000;
text-decoration:none;
background:#FFF;
border:0 solid #999;
-moz-background-clip:padding;
}

.leger3 {
border-right:1px solid #000;
border-left:1px solid #000;
border-top:2px solid #000;
}

ul.cpaddons {
margin:0;
padding:0;
}

li.cpaddons {
padding:5px;
}

h5.cpaddons {
margin:1px 0 2px;
padding-top:5px;
}

h4.cpaddons {
font-size:14px;
margin:1px 0 2px;
padding-top:5px;
color:#2f6681;
font-family:verdana, arial, helvetica, sans-serif;
}

h3.cpaddons {
font-size:14px;
margin:1px 0 2px;
padding-top:5px;
background:none;
border:none;
text-align:left;
}

h2.cpaddons {
font-size:15px;
margin:5px 0 11px;
padding-bottom:5px;
border-bottom:2px solid #999;
}

h2.cpaddonsline {
margin:0 0 5px;
border-bottom:2px solid #999;
}

.redtext {
color:#A00;
}

.tbl-cgi,.tbl-cgi td {
border:1px solid #999;
}/*--------------------------
   IMPORTS
   --------------------------
		CSS files are merged into one file and optimized using backend scripting.
		This helps cpanel stay lightweigth while remaining user friendly.
		The following are a list of files that are merged into one style sheet.

			yui.css
			deprecated.css
    -------------------------*/
	
	/*------------------------ 
	TABLE OF CONTENTS                  																							 
	------------------------
		Structure
				Header
				Footer
		Global
				Clear Classes
				Links				  
				Buttons	
				Typography	
				Tables Styles		
		Special
				Feature Boxes
				Stats
				cPAddon Styles
				Branding 
				Module Installers
				Ruby on Rails
				Backup/Restore Wizard
		Notes:
		ie specific sheets description	
		--------------------------*/                        																							 

	
	
/*---------------------------
	Structure
	---------------------------
		These styles position elements on screen.
		They are IE independent style sheets for IE6 & IE7 (ie6.css & ie7.css)
	----------------------------*/
/* ------------------------------------
   =Header 
   ------------------------------------ */		
#cpanel{
	width:763px;
	margin:0 auto;
	padding:3px;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#FFFFFF;
}
#cpanel #border-efx{
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #666;
	border-left:1px solid #666;
}
 
#cpanel #border-efx #heading-top-header-bg{
	margin:-2px 0 0 0;
	padding:0;
	height:145px;
	width:100%;
}
#cpanel #border-efx #heading-top-header-bg #heading-top-billboard {
	position:relative;
	top:0;
	left:0;
	margin:0;
    padding:0;
	width:100%;
}
#cpanel #border-efx #heading-top-header-bg #heading-top-billboard #logo{
    position:absolute;
    top:35px;
    left: 580px; 
	
}
#cpanel #border-efx #content{
/*IE6 overwrites these, see ie6.css.*/
	width:100%;
	margin:0 auto;
	padding:0;
}
#cpanel #border-efx #header #heading-top_01_bg{
	width:auto;
} 
#cpanel #border-efx #header #heading-top_01-sm_bg{
	height:98px;
	width:auto;
}
#content .body-content,
.body-content{
	width:auto;
	margin:0;
	padding:0 20px 15px 30px;
}
#cpanel #border-efx #content #switch{
	width:auto;
}
#cpanel #border-efx #content #sub{
/*IE6 & IE7 overwrite these, see ie6.css & ie7.css.*/
	width:221px;
	min-height:300px;
	float:left;
	margin:5px 5px 0 14px;
	padding:0;
}
#cpanel #border-efx #content #main{
/*IE6 & IE7 overwrite these, see ie6.css & ie7.css.*/
	width:497px;
	float:right;
	min-height:300px;
	margin:0 15px 0 5px;
	padding:0;
}
#cpanel #border-efx .footer{
	width:100%;
	height:20px;
}
#cpanel #border-efx #content #main-content{
	width:auto;
	border:1px solid #000;
	margin:0 5px 0 0;
	padding:0;
}
#cpanel #border-efx #heading-boottom_bg{
	position:relative;
	height:23px;
}

/* ------------------------------------
   =Footer 
   ------------------------------------ */
.footer ul{
/*IE6 & IE7 overwrite these, see ie6.css & ie7.css.*/
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.footer ul.links li{
	display:inline;
}
.footer ul.links li a{
	margin:0 10px 0 10px;
}

/*---------------------------
	Global Styles
	---------------------------
		These styles exist on every page in cPanel.
		They are IE independent style sheets for IE6 & IE7 (ie6.css & ie7.css)
	----------------------------*/

body{
	margin:10px 0;
	padding:0;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	background:url(../branding/bg.jpg) repeat-x;
	background-color:#E6E6E6;
}
.body-content {
	font-size:11px;
}	
/* ------------------------------------
   =Clearer Classes 
   ------------------------------------ */
.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear {display: block; overflow: hidden;}
.clearit {
clear:both;
}

.clearith {
height:7px;
clear:both;
}
.clearitmed {
    height:4px;
    line-height: 4px;
    clear:both;
    font:4px;
}
.clearitsm {
    height:1px;
    line-height: 1px;
    clear:both;
    font:1px;
}
/* ------------------------------------
   =Links 
   ------------------------------------ */
a:link,a:visited,a:active {
color:#014D5F;
text-decoration:none;
}

a:hover {
color:#F3960B;
text-decoration:underline;
}
.sortable a:hover {
color:#F3960B;
text-decoration:none;
}
.return-link {
padding-top:20px;
text-align:center;
}
.return-link-top {
padding-top:20px;
padding-bottom:8px;
text-align:center;
}
.jump {
	margin-left:-11px;
	font-size:10px;
	float:right;/*This controls the position of jump links as seen on mysql/index.html*/
	}
/* ------------------------------------
   =Buttons
   ------------------------------------ */
.create-button {
font-size:11px;
background-color:#F0F0F0;
height:26px;
color:#014D5F;
padding:4px 4px;
border:1px outset #F0F0F0;
text-align:center;
}
.sortable td a:hover.create-button {
	color:#014D5F;
}
.create-button:hover {
height:26px;
color:#014D5F;
padding:4px 4px;
text-decoration:none;
border:1px inset #F0F0F0;
}
.input-button {
height:22px;
color:#014D5F;
vertical-align:middle;
/*margin:0 0 0 4px;
padding:0 0 4px 0;*/
font:11px Verdana, sans-serif;
border:1px outset #F0F0F0;
}
.input-button:hover {
height:22px;
color:#014D5F;
vertical-align:middle;
/*margin:0 0 0 4px;*/
text-decoration:none;
font:11px Verdana, sans-serif;
border:1px inset #F0F0F0;
}
.input-button:disabled, .input-button-disabled {
height:22px;
color:#c8c8c8;
vertical-align:middle;
font:11px Verdana, sans-serif;
border:1px outset #F0F0F0;
}
/* ------------------------------------
   =Typography
   ------------------------------------ */
h1 {
font-size:12px;
}
h2, h4 {
font-size:11px;
}
.body-content h1 {
margin:0 0 13px -11px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#000;
clear:both;
}
.body-content h2,
.body-content h4 {
	margin:5px 0 3px -11px;
}
.body-content p,p {
font-size:11px;
}
#optionselect-content h1 {
font: 18px Arial, Helvetica, sans-serif bold; color: #014251;}
#optionselect-content h2 {
font: 14px Verdana, Arial, Helvetica, sans-serif bold; padding-bottom:0px; color: #014251;}
.body-content h2 {
margin:0 0 7px -11px;
font-size:11px;
}
.highlight h2 {
	margin: 10px 0 7px 0;
}
/* ------------------------------------
   =Table Styles
   ------------------------------------ */
.nowrap-td{
	word-wrap:break-word;
	overflow:hidden;
	width:109px;
}
.formtbl {
font-size:12px;
font-family:Verdana, Arial, sans-serif;
border:none;
border-collapse:collapse;
}

.formtbl .nobrds {
border:none;
}

.formtbl .info-odd {
background-color:#F3F3F3;
border-bottom:1px solid #ccc;
padding:5px;
}

.formtbl .info-even {
background-color:#fff;
padding:5px;
border-bottom:1px solid #ccc;
}
/* ------------------------------------
   =Sortable tables
   ------------------------------------ */
.sortable {
font-size:11px;
font-family:Verdana, Arial, sans-serif;
border-collapse:collapse;
display:table;
margin: 0 5px 10px;
}

.sortable caption {
color:#000;
font-size:11px;
}

.sortable th {
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
color:#000;
font-size:12px;
padding:4px;
font-variant:small-caps;
background-image:url(../branding/tbl-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#fff;
}

.sortable th a {
color:#000;
padding:4px;
font-weight:700;
text-decoration:none;
}

.sortable th a:active {
color:#000;
padding:4px;
font-weight:700;
text-decoration:underline;
}

.sortable th a:visited {
color:#000;
padding:4px;
font-weight:700;
text-decoration:none;
}
.sortable {
border:1px solid #d2d2d2;
}

.sortable td {
border-bottom:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
padding:5px;
}

.sortable .nobrd {
border-right:none;
}

.sortable .nobrd-left {
border-right:none;
text-align:left;
}

.sortable .nobrd-right {
border-right:none;
text-align:right;
}

.sortable .nobrd-center {
border-right:none;
text-align:center;
}

.sortable .sql {
border:none;
}

.sortable .row-odd,
.sortable .info-odd {
background-color:#F6F8FD;
border-bottom:1px solid #ccc;
}

.sortable .row-even,
.sortable .info-even {
background-color:#fff;
padding:5px;
border-bottom:1px solid #ccc;
}
/*---------------------------
	Handheld
	---------------------------
		This a style used to hide the logo when using handheld. See mobile.css
	----------------------------*/
#handheld-head{
	display:none;
}
/*---------------------------
	Special
	---------------------------
		These are styles used in specific areas of the interface. i.e. Branding Section and Feature Boxes on main page
	----------------------------*/
	

/* ------------------------------------
   =Boxes
   These styles are applied to index.html to manage the boxes
   ------------------------------------ */
#boxes {
width:100%;
padding:0;
margin:0;
font-size:10px;
}

#files,#logs,#mail,#domains,#db,#sec,#software,#pref,#advanced {
margin:0;
margin-bottom:0px;
padding:0;
}

.celldrop_active {
background-color:#2222ff;
height:5px;
width:100%;
padding:0px;
}

.celldrop {
height:5px;
width:100%;
padding:0px;
}

.topcell {
border:1px solid #ccc;
padding:0;
margin:0;
text-align:center;
height:27px;
}

.cellform {
padding:0;
margin:0;
display:inline;
}
.cellbox {
border:1px solid #ccc;
padding:0;
margin:0;
width:100%;
text-align:center;
}

#main .item {
padding:0;
float:left;
width:60px;
height:63px;
margin:0 5px 5px 5px;
}

.itemlink {
text-decoration:none;
cursor: pointer;
cursor: hand;
}

.cellheading {
background:url(../branding/tbl-bg.jpg) repeat-x bottom;
border-right:2px #ccc solid;
font:12px Verdana, sans-serif;
color:#333;
font-weight:700;
}

h6 {
margin:0 0 10px;
padding:0;
background:url(../branding/tbl-bg.jpg) repeat-x bottom;
border-bottom:2px #ccc solid;
font:12px Verdana, sans-serif;
color:#333;
font-weight:700;
text-align:center;
height:15px;
cursor:move;
}
/*Suckerfish hover fix for ie6*/
h6.sfhover {
background:url(../branding/tbl-bg-over.jpg) repeat-x bottom;
cursor:pointer;
}
h3 {
margin:0 0 10px;
padding:0;
background:url(../branding/tbl-bg.jpg) repeat-x bottom;
border-bottom:2px #ccc solid;
font:12px Verdana, sans-serif;
color:#333;
font-weight:700;
text-align:center;
height:15px;
cursor:default;
}
h6:hover {
cursor:move;
background:url(../branding/tbl-bg-over.jpg) bottom;
}
/* ------------------------------------
   =Stats
   ------------------------------------ */
#switcher .switcher-head {
color:#666;
font-weight:700;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
}

#content-stats {
border:1px solid #ccc;
margin:0;
padding:0;
width:auto;
height:827px;
text-align:center;
overflow:hidden;
}

.domaintxt {
font-size:9px;
}


#stats table {
border-collapse:collapse;
overflow:hidden;
}

#stats table,#stats td,#stats tr {
font:10px Verdana, sans-serif;
}

#stats td {
padding:6px 1px 7px;
margin:0;
border-bottom:1px #ccc solid;
border-collapse:collapse;
overflow:hidden;
}

#stats .nopad-nobrd {
padding:0;
margin:0;
border:none;
}

#stats .row-odd {
background-color:#F3F3F3;
}

#stats .row-even {
background-color:#fff;
padding:5px;
}

#stats .stat-head {
color:#666;
font-weight:700;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

#stats .txt {
font-size:9px;
font-weight:700;
}

#expand {
float:right;
}
/* ------------------------------------
   =small boxes
   ------------------------------------ */
#notices,#quota-warnings {
border:1px solid #ccc;
margin-bottom:7px;
padding:0;
width:auto;
}

#content-stats h3,#content-stats h3:hover {
cursor:pointer;
}

#notices h6,#quota-warnings h6,#content-stats h6 {
margin:0;
padding:0;
background:url(../branding/tbl-bg.jpg) repeat-x bottom;
border-bottom:2px #ccc solid;
font:12px Verdana, sans-serif;
color:#333;
font-weight:700;
text-align:center;
}

#notices p,#quota-warnings p {
text-align:left;
margin:0 5px 5px;
padding:0;
}

#notices ul {
margin:0;
padding:0;
}

#notices li {
list-style:none;
margin:0;
padding:0;
}

.warning {
color:red;
font-size:11px;
}


#fileman td{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

#reseller-drop {
text-align:center;
font-size:11px;
}

#manage-list {
    float:right;
    text-align:right;
	clear:both;
}

#togglebox {
float:right;
font-size:10px;
margin:0;
padding:0;
}

.sortarrow {
padding:0;
margin:0 0 0 -5px;
font-size:14px;
}
.spaced {
line-height:24px;
}
.select-drop {
padding:0;
}
#stats-but {
text-align:center;
}
#stats-but a {
text-align:center;
display:inline;
}
.boldit {
font-weight:700;
}
.nomargins {
margin:0;
padding:0;
}
.clearit {
clear:both;
margin:0;
padding:0;
}
.section-indent {
margin-left:24px;
margin-top:-6px;
}
caption {
font-weight:700;
}
.status {
color:#00566a;
font-weight:700;
}
.caution {
color:#fAA523;
font-weight:700;
}
.output b {
font-weight:900;
}
.output {
overflow:auto;
background-color:#f3f3f3;
font-family:"Andale Mono", "Courier New", Courier, monospace;
color:#000;
font-size:12px;
border:1px solid #555;
}
.error {
color:#900;
font-family:Arial, sans-serif;
font-size:13px;
}
.errortext {
background-color:red;
color:#FFF;
font-family:Arial, sans-serif;
font-size:13px;
padding:5px;
}
.details,
.details-noscript{
background-color:#ccc;
padding:8px;
border:1px #aaa solid;
overflow:auto;
display:none;
font-weight:normal;
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:12px;
width:500px;
margin:0 auto;
}
.details-noscript{
	display:block;
}
.hidden-img {
display:none;
}
#latest-visit fieldset {
width:100%;
display:inline-table;
}
#latest-visit li {
list-style-image:url(../images/display.jpg);
}
#latest-visit {
font-size:11px;
}
.app-status {text-transform: capitalize;} /* For Ruby on Rails section, make URL capitalized. */
/* ------------------------------------
   =CPADDONS STYLES
   ------------------------------------ */
ul {
list-style:none;
}

#center {
text-align:center;
}

#cpaddonname {
font-size:12px;
}

#cpaddoncategory {
font-size:11px;
}
/* ------------------------------------
   =Module Installers
   ------------------------------------ */
.module-path {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 3px;
}

.highlight {
	background: #EEE;
	border: 1px solid #ACCCB8;
	padding: 12px 5px 15px 5px;
	margin-bottom:12px;
}
.highlight-wdesc {
	background: #EEE;
	border: 1px solid #ACCCB8;
	padding: 0px 5px 10px 5px;
}


.module {
	background: #EEE;
	border: 1px solid #acccb8;
	padding: 0 10px;
}
#module-output {
	background:#EEE;
	border: 1px solid #ACCCB8;
	overflow: auto;
	padding: 0 10px;
	width: 680px;
}

.module-table {
	width: 100%;
}

.module-table th, .module-table td {
	padding: 5px;
}

.module-table th {
	background: #eee;
	border: 1px solid #ccc;
	border-width: 1px 0;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
}

.module-table tr:hover {
	background: #f5f5f5;
}

.module-table td {
	border-bottom: 1px solid #ccc;
	color: #333;
}

.module-table td:hover {
	color: #000;
}

/* ------------------------------------
   =Branding
   ------------------------------------ */

#branding-options {
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
	}

#branding-options li, #branding-options li a {
	float: left;
	}
	
#branding-options li {
	background: #eee;
	margin: 0 15px 0 0;
	padding: 0;
	}
	
#branding-options li a {
	background-position: 5px 50%;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	display: block;
	padding: 5px 15px 5px 28px;
	text-decoration: none;
	}
	
#branding-options li.new-brand a {
	background-image: url(../images/be_icons/page_new.gif);
	}
	
#branding-options li.enable-disable-brand a {
	background-image: url(../images/be_icons/page_lock.gif);
	}
	
#branding-options li.download-delete-brand a {
	background-image: url(../images/be_icons/page_package.gif);
	}
	
#branding-options li.new-brand a:hover, 
#branding-options li.enable-disable-brand a:hover, 
#branding-options li.download-delete-brand a:hover {
	background-color: #fff;
	text-decoration: underline;
	}
	
p.selected-status {
	border: 1px solid #eee;
	border-width: 1px 0;
	margin: 10px 0;
	padding: 5px;
	}

.bpkg {
	border: 1px solid #eee;
	float: left;
	margin: 0 15px 10px 0;
	padding: 10px;
	width: 200px;
	}

.bpkg:hover {
	border: 1px solid #ccc;
	}

.bpkg ul, .bpkg ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.bpkg ul {
	margin: 5px 0 0;
	}

.applybpkg a {
	background: transparent url(../images/be_icons/page_wizard.gif) no-repeat 5px 50%;
	}

.editbpkg a {
	background: transparent url(../images/be_icons/page_edit.gif) no-repeat 5px 50%;
	}

.bpkg ul li a {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	display: block;
	margin: 5px 0;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
	}

.bpkg ul li a:hover {
	background-color: #fff;
	text-decoration: underline;
	}
	
.bpkg img {
	border: 0;
	height: 290px;
	width: 200px;
	}
	
.bpkg h2 {
	margin: 0 0 10px;
	}
	
.module {
	margin: 0 0 15px;
	}
	
/* fix for create new branding headers */
.module h2 {
	margin: 5px 0 7px 0;
	}
	
/* ------------------------------------
   =edit-branding
   ------------------------------------ */

.status-success {
	background-color: #D7FFE9;
	border: 1px solid #acccb8;
	font-style: italic;
	padding: 10px;
	}

#edit-bpkg-content {
	margin: 10px 0;
	}

/*.edit-preview {
	float: left;
	}*/

#edit-options, #edit-options li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#edit-options {
	width: 400px;
	}

#edit-options li {
	border-bottom: 1px solid #eee;
	}

#edit-options li a {
	display: block;
	font-size: 114%;
	padding: 5px 0 5px 30px;
	text-decoration: none;
	}

#edit-options li a:hover {
	background: transparent url(../images/be_icons/icon_wand.gif) no-repeat 5px 50%;
	}
	
/* ------------------------------------
   =enable-disable
   ------------------------------------ */

#bpkg-list {
	margin: 10px 0;
	}

#bpkg-list th, #bpkg-list td {
	padding: 5px;
	}

#bpkg-list th {
	background: #eee;
	color: #000;
	}

#bpkg-list td {
	border: 1px solid #eee;
	}

#selections, #selections li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#selections {
	margin: 15px 0;
	}

#selections li, #selections li a {
	float: left;
	}

#selections li a {
	background-color: #eee;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	display: block;
	margin: 0 10px 0 0;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
	}

#selections li a:hover {
	text-decoration: underline;
	}

#selections .all a {
	background-image: url(../images/be_icons/page_tick.gif);
	}

#selections .none a {
	background-image: url(../images/be_icons/page_delete.gif);
	}

/* ------------------------------------
   =download-delete
   ------------------------------------ */

.bpkg-actions, .bpkg-actions li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.bpkg-actions li, .bpkg-actions li a {
	float: left;
	}

.bpkg-actions li a {
	background-color: #eee;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	display: block;
	margin: 0 10px 0 0;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
	}

.bpkg-actions li a:hover {
	text-decoration: underline;
	}

.bpkg-actions li.download a {
	background-image: url(../images/be_icons/icon_package_get.gif);
	}

.bpkg-actions li.delete a {
	background-image: url(../images/be_icons/action_stop.gif);
	}

.bpkg-actions li.download a:hover, .bpkg-actions li.delete a:hover {
	background-color: #fff;
	}
#optionselect-content {	
padding: 0 15px 15px 15px; height: 300px; background: url(../images/getstart-bg.jpg) no-repeat bottom right #e4eff2;}
/* ------------------------------------
   =Branding :Change Style Section in Getting Started Wizard
   ------------------------------------ */
.be-screenshot {
padding:10px 25px;
text-align:center;
float:left;
}

#screenshotcontainer {
text-align:center;
margin-left:90px;
}
/*CSS Three column layout*/
.threecontainer{
	width: 100%;
	text-align: center;
}
.threebox{
	float: left;
	text-align: center;
	width: 205px;
}
.ftplogo{
	width: 205px;
	height: 82px;
	text-align: center;
}
.cap{
	margin-bottom:10px;
	font-weight:bold;
}
/* ------------------------------------
   =Branding :Change Style Section in Getting Started Wizard
   ------------------------------------ */
.appname-cell {
	width: 70%;
}
.rewrite-cell {
	width: 30%;
}
.url-input {
	background: #eee;
	border: 1px solid #ccc;
	font-size: 11px;
	width: 75px;
}
.url-input:focus {
	background: #fff;
	border: 1px solid #ccc;
	color: #000;
}

/* ------------------------------------
   =BackupRestoreWizard :Change Style Section in Getting Started Wizard
   ------------------------------------ */

#br-content-main, #br-content-sec {
	background: #f9f9f9;
	border: 1px dotted #eee;
	padding: 0 15px;
	width: 315px;
	}

#br-content-main {
	float: left;
	}

#br-content-sec {
	float: right;
	}

#backup-nav {
	margin: 15px 0;
	}

#backup-nav ol, #backup-nav ol li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#backup-nav ol {

	}

#backup-nav ol li, #backup-nav ol li a {
	float: left;
	}

#backup-nav ol li {
	border-left: 1px solid #999;
	font-size: 129%;
	}
	
#backup-nav ol li:first-child {
	border-left: 0;
	}

#backup-nav ol li span {
	background: #e5e5e5;
	display: block;
	padding: 30px 10px 10px;
	text-align: center;
	width: 210px;
	}

#backup-nav ol li.current span {
	background: #fff;
	}

#backup-nav ol li a span {
	background: #eee;
	}

#backup-nav ol li a {
	text-decoration: none;
	}

#backup-nav ol li.one span {
	background: #e5e5e5 url(../images/brwizard/01.png) no-repeat 8px 50%;
	}

#backup-nav ol li.one span.current {
	background-color: #fff;
	}

#backup-nav ol li.two span {
	background: #e5e5e5 url(../images/brwizard/02.png) no-repeat 8px 50%;
	}

#backup-nav ol li.two span.current {
	background-color: #fff;
	}

#backup-nav ol li.three span {
	background: #e5e5e5 url(../images/brwizard/03.png) no-repeat 8px 50%;
	}

#backup-nav ol li.three span.current {
	background-color: #fff;
	}

/* ------------------------------------
   =backup/restore wizard.html
   ------------------------------------ */

#wizard-backup, #wizard-restore {
	background: #eee;
	border: 1px solid #e5e5e5;
	display: block;
	font-size: 129%;
	padding: 5px;
	text-decoration: none;
	width: 5.2em;
	}

/* ------------------------------------
   =backup/restore wizard-backup.html & wizard-restore.html
   ------------------------------------ */

#wizard-backup-full {
	background: #eee;
	border: 1px solid #e5e5e5;
	display: block;
	font-size: 129%;
	padding: 5px;
	text-decoration: none;
	width: 7.5em;
	}

#wizard-backup-type, #wizard-backup-type li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#wizard-backup-type li a {
	background: #eee;
	border: 1px solid #e5e5e5;
	display: block;
	font-size: 129%;
	margin: 0 0 8px;
	padding: 5px 15px;
	text-decoration: none;
	}

/* ------------------------------------
   =backup/restore wizard-backup-type.html & wizard-restore-type.html
   ------------------------------------ */

#br-content-wide {
	background: #f9f9f9;
	border: 1px dotted #eee;
	padding: 10px 15px;
	}

#br-type-content ul, #br-type-content ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#br-type-content ul {
	border: 1px solid #eee;
	margin: 15px 0 5px;
	width: 300px;
	}

#br-type-content li a {
	background: transparent url(../images/brwizard/icon_package_get.gif) no-repeat 95% 50%;
	border-bottom: 1px solid #eee;
	display: block;
	padding: 10px;
	text-decoration: none;
	}

#br-type-content li a:hover {
	background-color: #fff;
	}
	
#br-content-header h2 {
	margin: 0; /* Fix for negative margin by default stylesheet */
	}

/* =interfaceElement */
	
#imgcategory-wrap p:after, #finputs_image p:after, #finputs p:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#imgcategory-wrap p, #finputs_image p, #finputs p {display: block; overflow: hidden;}

#imgcategory-wrap p label, #finputs_image label, #finputs p label {
	float: left;
	padding: 4px 5px 4px 0;
	text-align: right;
	width: 150px;
	}

#finputs_image {
	margin: 15px 0 0 0;
	}
	
#finputs-submit input {
	margin-left: 155px;
	}

/* generated from branding editor */
#cpanel #border-efx #heading-top-header-bg #heading-top-billboard #logo { top: 48px; left: 584px; }
/*#cpanel #border-efx #heading-top-header-bg #heading-top-billboard #logo img {  }*/