/*
    Copyright (c) 2006 rPath, Inc
    All rights reserved
*/

/* Remove padding from around forms to fix improperly aligned buttons (RAA-1540)*/
form {
   margin:0;
   padding:0;
}

/* Design elements for AJAXy forms */
.hidden
{
    display: none
}
.invisible
{
    visibility: hidden;
}

/* BASIC STYLES */

body {
    font-family: verdana, arial, sans-serif;
	font-size: 11px;
    color: #333;
    margin: 10px 20px;
    padding-top: 0px;
	background: #fff;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14px;
}

h3 {
    font-size: 12px;
}

h4 {
    font-size: 10px;
    font-weight: bold;
}

hr {
    width: 100%;
	height: 1px;
	color: #a3acc9;
	background-color: #a3acc9;
	border: 0;

}

.toc {
    line-height: 15px;
}

a, a:visited, a:active {
    color: #26397d;
    text-decoration: none;
}

a:hover {
    color: #ffa338;
    text-decoration: underline;
}

a.iconlink, a.iconlink:visited, a.iconlink:active {
    color: #26397d;
    text-decoration: none;
}

a.iconlink:hover {
    color: #ffa338;
    text-decoration: none;
}

a img {
    border: none;
    text-decoration: none;
}

a.disabled, a.disabled:hover, a.disabled:visited, a.disabled:active {
    color: grey;
    text-decoration: none;
}

.emphasis {
    font-weight: bold;
    color: #000;
}

.emphasis-lite {
    font-weight: normal;
    color: #2c4185;
}

.nowrap {
    white-space: nowrap;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-all {
	clear: both;
}

.align-right {
	width: 100%;
	text-align: right;
}

/* primary layout */
div#main {
    margin-left: auto;
    margin-right: auto;
    position: relative;
	min-width: 850px;
	max-width: 1500px;
	width: expression(document.body.clientWidth<852?"850px":document.body.clientWidth>1502?"1500px":"99%");
	background: #e5e5e5;
}

div#app-top {
    border-top: 1px solid #fff;
}

#content #message-bar {
    margin-right: 0px;
	color: #727272;
	padding: 6px 10px 6px 20px;
	text-align: right;
	overflow: hidden;
    height: 16px;
	background: #e5e5e5;
}

#wiz-content #message-bar {
	color: #727272;
	padding: 3px 10px 3px 2px;
	margin-left: 20px;
	text-align: right;
	overflow: hidden;
	height: 16px;
	background: #fff;
}

button#status-dismiss {
    background-image: url(../images/close16x16.png);
    height: 16px;
    width: 16px;
    margin-left: 1em;
    border: 0;
    float: right;
}

#message-bar #statusSpinner {
    float: right;
    margin-left: 1em;
}

div#middle, div#middleWide {
	margin: 0px 0px 10px 270px;
}

* html div#middle, div#middleWide {
	margin: 0px 0px 10px 267px;
	height: 100%;
}

div#wiz-wide {
	margin: 0px 20px 10px 40px;
    padding-top: 10px;
	height: 100%;
    background: #fff;
}

div#page-top {
    height: 3px;
    margin: 0px;
}

div#titlebar {
	background: #fff url(../images/titlebar_bg.png);
	height: 40px;
    margin: 7px 10px 10px 10px;
}

div#wiz-titlebar {
	background: #fff url(../images/titlebar_bg.png);
	height: 40px;
    margin: 0px 0px 10px 0px;
}

.plugin-title {
	font-family: arial, sans-serif;
	color: #272727;
	font-size: 182%;
	padding: 8px 10px 0 10px;
    float: left;
	top: 0px;
}

.plugin-help {
	padding: 12px 16px 0 0;
    float: right;
	top: 0px;
}

.plugin-help a:link, .plugin-help a:visited {
	color: #495a93;
}

.plugin-help a:hover {
	color: #ffa338;
}

#instructions {
	background: #f0f0f0;
}

#wiz-instruct {
	background: #f3f4f8;
}

.wiz-instruction-text {
	padding: 9px 10px 7px 10px;
    line-height: 15px;
	color: #555555;
}

.instruction-text {
	padding: 9px 10px 7px 10px;
    line-height: 15px;
	color: #565656;
}

#instr-bottom {
	background: #f3f4f8;
	height: 3px;
}

#wiz-instr-bottom {
	background: #f0f0f0;
	height: 3px;
}

.plugin-page {
	min-height: 300px;
}

.page-content {
	margin: 0px 10px 0px 10px;
	color: #000;
}

#plugin-page-bottom {
	background: #fff;
	height: 3px;
	margin-bottom: 5px;
}

div.layout {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0;
	background: #fff;
	height: 100%;
}

div.wiz-layout {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
	margin-left: 255px;
    margin-right: -10px;
    margin-top: 16px;
	background: #ffffff;
	height: 100%;
}

/* basic menuing */
.left-menu {
    margin: 0 0 0 0px;
    width: 250px;
}

* html .left-menu {
    margin: -1px 0 0 0px;
}

#submenu-plugins {
    margin: 9px 10px 60px 10px;
    padding-top: 10px;
    padding-bottom: 30px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.menu-item, .submenu-item {
    /* Menu and submenu items */
    display: block;
    background: url(../images/submenu_arrow.gif) no-repeat center right;
    font-weight: normal;
    color: black;
}
.menu-item:visited, .submenu-item:visited { color: black; }
.menu-item:hover, .submenu-item:hover {
    background: #fafafa url(../images/submenu_arrow_h.gif) no-repeat center right;
    color: #ffa338;
}

.menu-item {
    /* Menu item */
    padding: 8px 0 8px 10px;
    border-bottom: 1px solid #d4d4d4;
}
.submenu-item {
    /* Submenu item */
    padding: 8px 0 8px 20px;
}

.menu-item-selected {
    /* Selected menu or submenu item */
    background: url(../images/submenu_arrow_selected.gif) no-repeat center right;
    font-weight: bold; 
}

.menu-dir {
    border-bottom: 1px solid #d4d4d4;
}
.menu-dir-item {
    background: #f2f2f2 url(../images/submenu_dir.gif) no-repeat top right;
    padding: 8px 0 8px 10px;
    font-weight: normal;
    color: black;
}
.menu-dir-hover {
    background: #fafafa url(../images/submenu_dir_h.gif) no-repeat top right;
    padding: 8px 0 8px 10px;
    font-weight: normal; 
    color: #ffa338;
    cursor: pointer;
}

.submenu {
    padding-bottom: 10px;
}


/* wizard navigation */
#wiz-left .left-menu li {
    padding:7px 0px 9px 0px; 
	margin:0px 11px 0px 0px;
}

div.left-side {
    width: 260px;
	overflow: visible;
	margin: 0px;
    padding: 0px 0px 0px 10px;
	float: left;
}

* html div.left-side {
    width: 257px;
	overflow: visible;
	margin: -1px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
	height: 100%;
	float: left;
}

div.wiz-side {
    width: 250px;
	overflow: visible;
	margin: 16px 0 0 0;
	padding-top: 0px;
	height: 100%;
	float: left;
}

div#content {
	background: #e5e5e5 url(../images/page_bg.gif) repeat-y;
	margin: 10px 10px 0px 00px;
}

div#wiz-content {
	background: #fff url(../images/wiz_bg.png) repeat-y;
	margin: 10px 20px 0px 0px;
}

/* top header */
div#top {
    text-align: left;
    height: 155px;
    width: 100%;
    background-color: #6b0f18;
}

div#branding {
	width: 200px;
	margin: 50px 0 0px 20px;
	padding: 10px 0 0px 10px;
	border-top: 1px solid #d9d9d9;
	background: #e5e5e5;
	text-align: left;
	line-height: 150%;
}

a.branding:link, 
a.branding:hover, 
a.branding:visited {
	color: #ff9f0e;
}

div#top img#banner-topleft {
    float: left;
}

div#top img#banner-topright {
    float: right;
}

div.top-links {
    padding: 17px 0px 10px 0px;
    font-size: 100%;
	color: #bfc5da;
    float: right;
}

div#user-info {
    padding-bottom: 10px;
    position: absolute;
    top: 17px;
    right: 20px;
    width: 250px;
    text-align: right;
    border-bottom: 1px solid #56070c;
}

div#user-info a {
    padding: 0 3px;
}

div#user-info a:link {
    color: #bfc5da;
}

div#user-info a:visited {
    color: #bfc5da;
}

div#user-info a:hover {
    color: #ffa338;
}

div#user-info a.bold {
    font-weight: bold;
}

div#user-info a.bold:hover {
    font-weight: bold;
    color: #ffa338;
}

div#feeds {
    width: 250px;
    padding: 4px 0px 7px 0px;
    text-align: right;
    border-bottom: 1px solid #56070c;
    position: absolute;
    top: 44px;
    right: 20px;
    width: 250px;
}

div#feeds a {
	color: #bfc5da;
    padding-left: 10px;
    text-decoration: none;
}

div#feeds a:hover {
	color: #ffa338;
    padding-left: 10px;
    text-decoration: none;
}

div#feeds img {
    padding: 0px 0px 0px 6px;
    vertical-align: text-top;
}


/* banner */
div#banner {
    text-align: left;
    height: 112px;
    width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
}

/* control panel */
div#control-panel {
	position: absolute;
	right: 10px;
	left: 350px;
	top: 100px;
    height: 55px;
    background: url(../images/cp_bg.gif) repeat-x;
	float: right;
    min-width: 490px;
}

.cp-button,
.cp-button:active,
.cp-button:visited,
.cp-button:hover {
    display: block;
    background: url(../images/cp_bevel.gif) no-repeat left;
    margin-top: 0px;
    width: 80px;
    float: right;
    height: 55px;
    color: #d4d8e6;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
} 

.cp-button-image {
    display: block;
    width: 35px;
    height: 19px;
    margin: 16px auto 1px auto;
    padding: 0;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.cp-button:hover .cp-button-image {
    background-position: 0 -19px;
}

.cp-spacer {
	width: 80px;
    height: 55px;
	float: right;
    background: url(../images/cp_bevel.gif) no-repeat left;
}

h1.title {
	font-family: arial, sans-serif;
	font-size: 190%;
	color: #000;
}

/* meta info */
div#appliance-info {
    height: 120px;
	top: 0px;
}

div#appliance-logo {
    padding: 15px 0px 0px 20px;
}

div#appliance-name {
	font-family: arial, sans-serif;
	font-size: 150%;
	color: #fff;
	padding: 20px 0 0 20px;
}

div#appliance-version {
	color: #bfc5da;
	padding: 0 0 0 20px;
}


/* tables and forms */
table, tbody {
    margin: 0;
    padding: 0;
}

td.label {
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    white-space: nowrap;
}

td.label-top {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    white-space: nowrap;
    padding-top: 4px;
}

label.disabled {
    font-weight: normal;
    color: lightgrey;
}

td.field input, td.field select {
	font-size: 110%;
    border: 1px solid #7393b1;
	padding: 2px 3px;
}

select {
	font-size: 11px;
    font-family: verdana, arial, sans-serif;
    
	padding: 1px 1px;
    border: 1px solid #7393b1;
}

td.buttons {
    text-align: right;
}

.submit {
    background: lightgrey;
}

.page-section-top {
    margin: 10px 10px 0 10px;
	padding: 7px 0px 9px 0px;
	text-align: left;
	color: #26397d;
	font-weight: bold;
	border-top: 1px solid #a3acc9;
	border-bottom: 1px solid #f0f0f0;
	clear: right;
}

.page-section {
    margin: 20px 10px 0 10px;
	padding: 7px 0px 9px 0px;
	text-align: left;
	color: #26397d;
	font-weight: bold;
	border-top: 1px solid #a3acc9;
	border-bottom: 1px solid #f0f0f0;
	clear: right;
}

.page-top-content {
    margin: 0px 0px;
    padding-top: 20px;
}

.page-section-top-content {
    margin: 10px 10px 0px 10px;
}

.page-section-top-content {
    margin: 10px 10px 0px 10px;
}

.page-section-content {
    margin: 0px 10px 10px 10px;
    padding-left: 0px;
	padding-bottom: 10px;
}

.page-section-content-bottom {
    margin: 0px 10px 20px 10px;
    padding-left: 0px;
	padding-bottom: 30px;
    border-bottom: 1px solid #a3acc9;
}

.page-subsection-title-first {
	color: #8f8f8f;
	padding-top: 8px;
}

.page-subsection-title {
	color: #8f8f8f;
	padding: 8px 0;
	margin-top: 16px;
	border-top: 1px solid #f0f0f0;
}

.page-subsection-instr-first {
	color: #666;
	padding-top: 8px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.page-subsection-instr {
	color: #666;
	padding: 10px 0;
	margin-top: 16px;
	border-top: 1px solid #f0f0f0;
}

.help-inline {
	font-size: 85%;
	color: #999;
	padding: 6px 40px 6px 110px;
}

.form-line {
	padding: 7px 0px;
}

.form-line-top {
	padding: 17px 0px 7px 0px;
}

.form-line-instr {
	padding: 7px 0px;
    color: #999;
}

.form-field-line {
	padding: 5px 0px;
}

.field-long {
    width: 70%;
}

.edit-line {
	padding: 4px 0px;
    white-space: nowrap;
    margin-left: 10px;
}

.edit-line-top {
	padding: 10px 0px 4px 0px;
    white-space: nowrap;
    margin-left: 10px;
}

.edit-line-instr {
	padding: 4px 0px;
	color: #888;
    margin-left: 10px;
}

.page-content table th {
	margin-top: 5px;
	padding: 4px 0 6px 0;
	text-align: left;
    background-color: #fff;
	color: #5a5a5a;
	font-weight: bold;
}

tr.odd {
    background-color: #fff;
}

/* login panel */
#page-login
{
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
}

#login-banner {
	background: url(../images/login_banner_bg.png) repeat-x;
    margin-top: -50px;
	height: 50px;
	width: 415px;
	margin-left: auto;
    margin-right: auto;
}

div#login-content {
	padding: 0px;
	margin: 0px;
	background: #e5e5e5;
    width: 100%;
}

.login-box {
	background: url(../images/login_panel_bg.png) repeat-y;
	padding-top: 25px;
	width: 415px;
	border-bottom: 1px solid #ededed;
    margin-left: auto;
    margin-right: auto;
}

#login-footer {
	background: url(../images/login_footer.png) no-repeat;
	height: 4px;
	width: 415px;
	margin-left: auto;
    margin-right: auto;
}

.form-buttons {
	text-align: right;
	padding: 10px 0;
}

.login-box #login-table {
	margin: 0px auto 0px auto;
	table-layout: auto;
    border-spacing: 0;
	padding-bottom: 20px;
}

.login-box td.label {
    text-align: right;
}

.login-box td.field {
	text-align: left;
}

.login-box td.field input {
	padding-right: 3px;
	width: 150px;
    margin: 2px 0px;
    font-size: 120%;
}

.login-box div.message {
	font-weight: normal;
	color: #cc0000;
	text-align: center;
	padding: 0px 40px 10px 40px;
}

/* help */
div.help
{
    font-style: italic;
}

div.layout#help {
    width: 600px;
    margin-right: 25%;
    margin-left: 15%;
}



/* lists */
#updateList { /* Use for Software Update list */
    border: 1px solid #CCC;
    margin: 0;
    margin-top: 10px;
    padding: 10px;
}

.list { /* Use for any tables displaying list data */
    margin: 0;
    padding: 0;
	width: 100%;
}

.updateList a {
  list-style: none;
  text-decoration:none;
}

td#updateItem {
   font-weight: bold;
   color: #11297b;
}

td#updateScheduled {
   color: #000000;
}
td#csItem {
}

/* StatusMessage and UpdateableStatusMessage use these now */
div#status-panel {
    position: absolute;
    top: 200px;
    z-index: 2000;
    background-color: #293D82;
    color: #BFC5DA;
    padding: 20px;
    font-size: 12px;
    text-align: center;
}

body > div#status-panel {
    position: fixed;
    top: 200px;
    z-index: 2000;
    background-color: #293D82;
    color: #BFC5DA;
    padding: 20px;
    max-width: 300px;
    font-size: 12px;
    text-align: center;
}

/* Fix for scrolltop in IE6 only */
*html div#status-panel {
    top: expression(document.compatMode=="CSS1Compat"?document.documentElement.scrollTop+200+"px" : body.scrollTop+200+"px");
}

div#status-panel img {
    margin-bottom: 10px;
}

div#status-panel div.status-message-normal {
    font-weight: normal;
    text-align: left;
}

div#status-panel div.status-message-updateable {
    font-weight: bold;
    text-transform: uppercase;
}

/* CHANGE THESE TO MAKE DIALOG PANEL: see raa.js for more */
/* message panels */
#messages {
    /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
    position: absolute;
    width: 450px;
    top: 200px;
    z-index: 2000;
}

div > p#messages {
    /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
    position: fixed;
    width: 450px;
    top: 200px;
    z-index: 2000;
}

#messages {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

#messages div.message-box-header {
    background: url(../images/alert_title_bg.gif) scroll no-repeat top left;
    height: 50px;
    padding: 15px 20px 15px 85px;
    color: white;
    font-weight: normal;
    font-size: 18px;
}

#messages div.message-box-body {
    height: 100%; /* removing this height will break IE */ 
    background-color: white;
    padding: 10px 20px;
}

#messages div.message-box-body {
    background-color: white;
    padding: 10px 20px;
}

#messages div.message-box-text {
    text-align: left;
    padding: 0;
    margin: 0;
    max-height: 200px;
    width: 410px;
    overflow: auto;
}

#messages div.message-box-buttons {
    text-align: right;
    padding: 10px;
    margin: 0 -10px 10px 0;
}

#messages div.message-box-footer {
    background: transparent url(../images/alert_footer.gif) scroll no-repeat bottom left;
    height: 10px;
    margin-top: -3px;
}

/* Fix for scrolltop in IE6 only */
*html #messages {
    top: expression(document.compatMode=="CSS1Compat"?document.documentElement.scrollTop+200+"px" : body.scrollTop+200+"px");
}



p.error {
    background: #ff8888;
    border: 2px solid #ff0000;
    font-weight: bold;
    padding: 10px;
}

p.message {
    /*background: #f5e4ae;
    border: 2px solid #f7c86a;*/
    font-weight: normal;
}

p.wait {
    /*background: #f5f4be;
    border: 2px solid #f7c86a;*/
    font-weight: normal;
    padding: 10px;
}

/* footer */

div#footer {
    background: #e5e5e5;
    text-align: left;
    width: 100%;
    bottom: 0px;
    clear: both;
}

div#footer a {
    text-decoration: none;
    font-weight: bold;
}

div#footer a:link {
    color: white;
}

div#footer a:visited {
    color: #dddddd;
}

ul.footerLinks {
    padding-left: 0;
    margin-left: 0;
}

ul.footerLinks li {
    border-right: 2px dotted #c4c4c4;
    display: inline;
    padding: 8px 10px 8px 10px;
}
div#helpFooter {
    background: #909090 url(../images/helpFooter_bg.png);
    color: white;
    text-align: left;
    width: 628px;
    height: 67px;
    bottom: 10px;
    padding: 4px 8px 12px 4px;
    float: left;
}

div#helpfooter a {
    text-decoration: none;
    font-weight: bold;
}

div#helpFooter a:link {
    color: white;
}

div#helpFooter a:visited {
    color: #dddddd;
}

span#topOfPage {
    padding-right: 6px;
    float: right;
}

/* very bottom of the page */
div#bottom-img {
	background: #e5e5e5;
	height: 4px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 4px;
	max-width: 1500px;
	width: expression(document.body.clientWidth<852?"850px":document.body.clientWidth>1502?"1500px":"99%");
	min-width: 850px;
}

.bottom-text {
    text-align: right;
	padding: 12px 10px 12px 0px;
	background: #e5e5e5;
    color: #4d4d4d;
}


.bottom-text-login {
    text-align: right;
	padding: 12px 20px 12px 0px;
	background: #e5e5e5;
    color: #4d4d4d;
}

span#tagline {
    padding-left: 4px;
    font-size: 10px;
}

/* plugin tabs */
.tabbar {
	width: 100%;
	background: url(../images/tab_bg.png) repeat-x;
	height: 30px;
	margin: 2px 0 10px 0;
}

.tab-current {
    margin: 5px 0px 4px 10px;
    padding: 2px 20px 0 21px;
    background: url(../images/tab_arrow_selected.gif) no-repeat;
    float: left;
    height: 19px;
    color: #000;
    font-weight: bold;
    border-right: 1px solid #c5c5c5;
}

/*.tab-current a, .tab-current a:visited {
	text-decoration:none;
	padding-left: 21px;
	color: #000;
    font-weight: bold;
    background: url(../images/tab_arrow_selected.gif) no-repeat;
}*/

.tab-other {
    margin: 5px 0px 4px 10px;
    padding: 2px 20px 0 21px;
    background: url(../images/tab_arrow.gif) no-repeat;
    float: left;
    height: 19px;
    color: #000;
    font-weight: normal;
    border-right: 1px solid #c5c5c5;
}

.tab-hover {
    margin: 5px 0px 4px 10px;
    padding: 2px 20px 0 21px;
    background: url(../images/tab_arrow_h.gif) no-repeat;
    float: left;
    height: 19px;
    color: #ffa338;
    font-weight: normal;
    border-right: 1px solid #c5c5c5;
    cursor: pointer;
}

/*.tab-other a, .tab-other a:visited {
	text-decoration:none;
	padding-left: 21px;
	color: #000;
    font-weight: normal;
    background: url(../images/tab_arrow.gif) no-repeat;
}*/

.tab-spacer {
    padding: 5px 0px 5px 0px;
    width: 28px;
    background: url(../images/tab_bevel.gif) no-repeat center right;
    float: left;
    height: 20px;
}

/* status. */
#status-box {
    display: none;
    margin-top: 10px;
}

#status-icon {
    width: 26px;
    vertical-align: top;
    padding-top: 3px;
}

#status-running {
    padding-top: 2px;
}

#status-msg {
    padding-top: 4px;
}

#status-msg p {
    margin-top: 4px;
    margin-bottom: 10px;
}

#status-bar td {
    vertical-align: top;
}

#status-button {
    margin-top: 0px;
    padding-top: 0px;
}

.status-running .status-header, .status-finished .status-header {
    color: #293d82;
    font-weight: bold;
}

.status-error .status-header {
    color: #e34e16;
    font-weight: bold;
}

#status-box table {
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

.status-running {
    background: #f4f5f9;
    border: 1px solid #c0c6db;
    padding: 2px 10px 10px 10px;
}

.status-error {
    background: #fef7f3;
    border: 1px solid #f7cdbb;
    padding: 2px 10px 10px 10px;
}

.status-finished {
    background: #f4f5f9;
    border: 1px solid #c0c6db;
    padding: 2px 10px 10px 10px;
}

.console {
	background: #ffffff;
	border: 0px;
	padding: 0 4px 0 0;
	font-family: verdana;
	font-size: 11px;
	line-height: 16px;
	width: 95%;
	height: 300px;
}

/* navigation pane left */
div.nav-title {
    padding-top: 9px;
	padding-left:12px;
	color: #b7b7b7;
}

div.wiz-nav-title {
    padding-top: 0px;
	padding-left:12px;
	color: #b7b7b7;
}

#wizard-banner {
	background: #fff;
	position: absolute;
	top: 105px;
	left: 20px;
	right: 20px;
	height: 66px;
}

#wizard-constr {
	background: url(../images/wiz_constr_bg.png) repeat-x;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	height: 40px;
}

#wizard-title {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	height: 40px;
}

#wiz-menu-plugins {
    margin: 9px 10px 60px 10px;
    padding-top: 0px;
    padding-bottom: 30px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.wiz-done {
    border-bottom: 1px solid #d4d4d4;
    background: url(../images/icon_checkmark.png) no-repeat center right;
    padding: 8px 0 8px 10px;
    font-weight: normal;
    color: #999;
}

.wiz-current {
    border-bottom: 1px solid #d4d4d4;
    font-weight: bold;
	color: #000;
	background: url(../images/wizard_current.gif) no-repeat center right;
	padding: 8px 0 8px 10px;
}

.wiz-todo {
    border-bottom: 1px solid #d4d4d4;
    padding: 8px 0 8px 10px;
    font-weight: normal;
    color: #000;
}


.listButtons {
    padding: 0 10px;
}

ul.multiMatch {
    border: 1px solid black;
    list-style-type: none;
    padding: 7px;
}

ul.multiMatch .heading {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}

ul.multiMatch li {
    margin: 0;
    padding: 0;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-image: url(../images/overlay.png);
}

*html #overlay {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-image: url(../images/overlay.gif);
}

.debug-border {
	border: 1px solid #00ff00;
}

.column-spacer {
	width: 20px;
}

.column-divider {
	width: 1px;
    border-right: 1px solid #444;
}

/* plugin styles */
.prod-logo {
    float: right;
    padding: 22px 0px 40px 20px;
}

#status-details {
	width: 100%;
	border-collapse: collapse; 
	margin-top: 20px;
}

.status-header td {
    background: #f0f0f0;
	color: #000;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
}

.status-line td {
    padding: 6px 4px 1px 4px;
}

.status-indicator {
    width: 14px;
}

.status-indicator img {
    padding: 2px 0 0 2px;
    vertical-align: top;
}

.status-version {
    float: right;
    font-weight: normal;
}

.software-installed {
    padding-top: 4px;
    padding-left: 14px;
}

.software-installed li {
    padding-left: 0px;
}

#sysinfo-details {
	border-collapse: collapse; 
	margin-top: 10px;
}

#sysinfo-details td {
	padding: 2px 30px 2px 0px; 
}

#log-selection {
	float:left;
    margin: 10px 0px 0px 10px;
}

#log-controls {
    margin: 10px 0px;
}

#log-console {
    margin: 0px 10px;
	position: relative;
	border-top: 1px solid #e4e4e4;
	padding-top: 4px;
	padding-bottom: 10px;
	clear: right;
}

#frequency-options select {
	margin-right: 10px;
}

#frequency-label {
	padding-right: 10px;
}

.backup-loc-label {
	float: left;
	width: 110px;
	white-space: nowrap;
	padding-top: 3px;
}

.rootpw-label {
	float: left;
	width: 250px;
	white-space: nowrap;
	padding-top: 3px;
}

.smtp-label {
	float: left;
	width: 120px;
	white-space: nowrap;
	padding-top: 3px;
}

.migrate-label {
    float: left;
    width: 120px;
    white-space: nowrap;
    padding-top: 3px;
}

.migrate-input {
    width: 300px;
}

/* used for editable tables */
#elements {
	width: 100%;
	border-collapse: collapse; 
	margin-bottom: 20px;
	margin-top: 20px;
    font-size: 11px;
}

#elements tr.headers td {
	background: #f0f0f0;
	color: #444;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
}

#elements td {
	border-bottom: 1px solid #e4e4e4;
	padding: 4px 4px 4px 4px;
}

#elements tr td tr td {
	border-bottom: 0px;
	padding: 0px;
}

#elements tr.selected td {
	border-bottom: 1px solid #ffffff;
	padding: 4px 4px 4px 4px;
    background: #e3e6ef;
}

#elements select option {
	padding: 2px 0px;
}

#edit-element {
    background-color: #f8f8f8;
}

.edit-area {
    background-color: #e5e5e5;
}

.edit-username {
    width: 100px;
}

.user-label {
	float: left;
	width: 150px;
	white-space: nowrap;
	padding-top: 3px;
}

.pwd-input {
	width: 150px;
}

.user-group-label {
	float: left;
	width: 50px;
	white-space: nowrap;
	padding-top: 3px;
}

.group-label {
	float: left;
	width: 60px;
	white-space: nowrap;
	padding-top: 3px;
}

.group-column-spacer {
	width: 30px;
}

#group-name {
    vertical-align: top;
}

#user-groups {
    width: 140px;
    margin-right: 10px;
}

#roles {
    width: 140px;
    margin-right: 10px;
}

#roles-list {
    margin-right: 10px;
    float: right;
}

.datetime-div {
    padding: 0px 10px 10px 0px;
}

.datetime-div select {
    margin-top: 4px;
}

#datetime-table {
    padding: 0;
    margin: 0;
    border-collapse: collapse; 
}

.proxy-field {
    width: 300px;
    margin-right: 10px;
}

.proxy-login-field {
    width: 104px;
    margin-right: 10px;
} 

.host-label-div {
    padding-top: 3px;
    float: left;
    width: 110px;
}

.dynlist {
    padding: 0px 0px;
    margin: 0px 0px 3px 0px;
    border-collapse: collapse; 
}

.dynlist td {
    margin: 0px 0px;
    padding: 3px 10px 3px 0px; 
    color: #000;
}

.dns-servers {
    padding: 0px 0px;
    margin: 0px 0px;
    border-collapse: collapse; 
}

.dns-servers td {
    margin: 0px 0px;
    padding: 0px 10px 4px 0px; 
    color: #000;
}

.dns-servers td.label-top{
    padding: 3px 10px 4px 0px; 
}

.dns-server-label {
    width: 100px;
}

.dns-server-label-div {
    padding-top: 3px;
    float: left;
    width: 110px;
}

#dns-servers td {
    margin: 0px 0px;
    padding: 0px 10px 4px 0px; 
    color: #000;
}

#manual-title {
    color: #8f8f8f;
}

#media-details {
	width: 100%;
	border-collapse: collapse; 
	margin-bottom: 20px;
	margin-top: 10px;
}

#media-details .headers td {
	background: #f0f0f0;
	color: #444;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
}

#media-details td {
	border: 0px;
	padding: 4px 4px 4px 4px;
}

.update-line {
    padding: 0px;
}

.update-line td {
    line-height: 16px;
    padding: 0px 10px 2px 0px;
}

.update-label {
    width: 120px;
}

#update-details {
	width: 93%;
	border-collapse: collapse; 
    margin: 0px 20px;
}

.update-label {
	white-space: nowrap;
    color: #999;
    padding-bottom: 4px;
    line-height: 18px;
}

.update-column {
	width: 30%;
    white-space: nowrap;
}

#update-details th {
	background: #f0f0f0;
	color: #444;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
}

#update-details td {
	border: 0px;
	padding: 4px 4px 4px 4px;
}

.updates-box {
    float: left;
    font-weight: bold;
    color: #444;
    padding: 0 0px 10px 0;
    min-width: 33%;
}

.updates-box ul {
    margin-left: 14px;
    padding: 0px;
}

.updates-box li {
    font-weight: normal;
    color: #000;
    margin: 0px;
    margin-left: 1px;
    line-height: 15px;
}

.update-calendar {
    display: none; 
    position: absolute; 
    border: thin solid black; 
    opacity: 1.0; 
    background-color: white;
}

#metadata-details {
	width: 100%;
	border-collapse: collapse; 
	margin-top: 10px;
}

.md-details {
	width: 100%;
    overflow: auto;
    padding: 0 10px;
	background: #f8f8f8;
    padding-top: 4px;
}

#metadata-details .headers td  {
	background: #f0f0f0;
	color: #444;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
}

#metadata-details td {
	border: 0px;
	padding: 4px 4px 4px 4px;
    border-bottom: 1px solid #e4e4e4;
}

#changeset {
    display: none;
    padding-top: 4px;
}

.update-changes {
    padding: 0 10px;
    border-bottom: 1px solid #e4e4e4;
    background: #f8f8f8;
}

#update-name {
    margin-top: 10px;
    padding: 6px 0px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

#device-details {
	width: 100%;
	border-collapse: collapse; 
	margin-top: 10px;
}

#device-details th {
	background: #f0f0f0;
	color: #444;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
}

#device-details td {
	border: 0px;
	padding: 4px 4px 4px 4px;
}

.device-info {
	border: 0px;
	margin: 0px 0px 10px 0px;
}

#diskusage-details {
	width: 100%;
	border-collapse: collapse; 
	margin-bottom: 0px;
	margin-top: 20px;
    border-bottom: 1px solid #e4e4e4;
}

#diskusage-details th {
	background: #f0f0f0;
	color: #444;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
}

#diskusage-details td {
	border: 0px;
	padding: 4px 4px 4px 4px;
}

.header-action {
    width: 100%;
    text-align: right;
    padding-right: 10px;
}

.device-header {
	background: #f0f0f0;
}

.device-label-div {
    padding-top: 3px;
    float: left;
    width: 100px;
}

.device-label-static {
    float: left;
    width: 100px;
    padding-bottom: 20px;
}

.ssl-section-top {
    padding: 17px 0px 7px 0px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: bold;
    color: #000;
}

.ssl-label {
    float: left;
    width: 110px;
}

.pwd-label-div {
    padding-top: 3px;
    float: left;
    width: 150px;
}

#service-details {
	width: 100%;
	border-collapse: collapse; 
	margin-top: 10px;
}

#service-details .headers td {
	background: #f0f0f0;
	color: #444;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
}

#service-details td {
	border: 0px;
	padding: 4px 4px 4px 4px;
    border-bottom: 1px solid #e4e4e4;
}

.service-action {
    width: 50px;
}

.button-action {
    width: 50px;
}

.button-column {
	text-align: center;
}

/* calendar for scheduling */
#datetimePicker {
    display: none; 
    position: absolute; 
    border: 1px solid black; 
    opacity: 1.0; 
    background-color: white; 
    z-index:2000;
    border-collapse: collapse;
    padding: 0px;
    text-align: right;
}

#cal {
    display: none;
}

a.cal-link {
    padding: 0px 3px 3px 0px;
}

.date-picker {
    margin: 0px;
    padding: px;
}

.calendar {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.month-year td {
    background-color: #3d5293;
    color: #fff;
    padding: 2px 2px;
    font-weight: bold;
    height: 21px;
}

.month-nav {
    text-align: center;
}

.month-nav a, .month-nav a:visited, .month-nav a:active {
    background-color: #3d5293;
    color: #fff;
    font-size: 9px;
}

.day-header {
    color: #254998;
    text-align: center;
    font-weight: bold;
    width: 20px;
    padding: 2px;
    background-color: #efefef;
}

.day-active {
    text-align: center;
    width: 20px;
    color: #254998;
    padding: 2px;
}

.day-active a, .day-active a:visited, .day-active a:active {
    color: #254998;
}

.date-picker a:hover   { 
    background-color: #ff9f0e;
}

.day-inactive {
    color: #444;
    text-align: center;
    width: 20px;
    padding: 2px;
}

.day-other {
    text-align: center;
    width: 20px;
    padding: 2px;
}


/* rounded buttons */
.rnd_button { 
    display: block; 
    position: relative; 
    background: #6b0f18; 
    padding: 3px 5px 3px 5px; 
    color: #fff; 
    text-decoration: none; 
    cursor: pointer; 
    font-size: 120%; 
    font-weight: bold; 
    margin-right: 6px;
    margin-bottom: 10px;
}

.rnd_button * { 
    font-style: normal; 
    background-image: url(../images/button.png); 
    background-repeat: no-repeat; 
    display: block; 
    position: relative; 
}

.rnd_button i { 
    background-position: top left; 
    position: absolute; 
    margin-bottom: -5px;  
    top: 0; 
    left: 0; 
    width: 11px; 
    height: 11px; 
}

.rnd_button span { 
    background-position: bottom left; 
    left: -5px; 
    padding: 0 0 5px 10px; 
    margin-bottom: -3px; 
}

.rnd_button span i { 
    background-position: bottom right; 
    margin-bottom: 0px; 
    position: absolute; 
    left: 100%; 
    width: 10px; 
    height: 100%; 
    top: 0; 
}

.rnd_button span span { 
    background-position: top right; 
    position: absolute; 
    right: -10px; 
    margin-left: 10px; 
    top: -3px; 
    height: 11px; 
}

.button-line {
    padding: 7px 0px;
    height: 20px;
}

/* IE alternatives */
* html .rnd_button {
    padding: 1px 2px 1px 2px; 
    margin: 0px 0px 0px 6px;
}
* html .rnd_button span,
* html .rnd_button i { 
    width: auto; 
    background-image: none; 
    cursor: pointer; 
}

.button-spacer {
    height: 14px;
}

.rnd_button.small { font-size: 11px;}

.rnd_button.blue { background: #26397d; }
.rnd_button.gray { background: #7481ae; }
.rnd_button.off { cursor: default; background: #5f5f5f; color: #ccc; }
.rnd_button.internal { background: #9b3f48; }
.rnd_button.panel * { background-image: url(../images/button_panel.png); }
.rnd_button.edit-panel * { background-image: url(../images/button_panel.png); font-size: 11px;}
.rnd_button:visited { background-color: #26397d; color: #fff; text-decoration: none;  }
.rnd_button:hover { background-color: #ffa338; color: #fff; text-decoration: none;  }

.rnd_button.gray:visited { background-color: #7481ae; color: #fff; text-decoration: none; }
.rnd_button.gray:hover { background-color: #ffa338; color: #fff; text-decoration: none; }
.rnd_button.off:visited { cursor: default; background-color: #5F5F5F; color: #ccc; text-decoration: none; }
.rnd_button.off:hover   { cursor: default; background-color: #5F5F5F; color: #ccc; text-decoration: none; }
.rnd_button.internal:visited { background-color: #7481ae; color: #fff; text-decoration: none; }
.rnd_button.internal:hover { background-color: #ffa338; color: #fff; text-decoration: none; }

* html .rnd_button { border-top: 1px solid #5265a8; border-left: 1px solid #5265a8; 
                    border-bottom: 1px solid #212843; border-right: 1px solid #212843; margin-right: 5px;}
* html .rnd_button.blue { color: #fff; }
* html .rnd_button:hover { border-color: #ffa338; }
* html .rnd_button:visited { border-color: #5265a8; color: #fff; }
* html .rnd_button.gray { background: #7481ae; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; 
                    border-bottom: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d; color: #fff;}
* html .rnd_button.gray:hover { background-color: #ffa338; }
* html .rnd_button.gray:visited { background-color: #7481ae; color: #fff; }
* html .rnd_button.off { background: #5f5f5f; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; 
                    border-bottom: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d; color: #ccc;}
* html .rnd_button.off:visited { cursor: default; background-color: #5F5F5F; color: #ccc; text-decoration: none; }
* html .rnd_button.off:hover   { cursor: default; background-color: #5F5F5F; color: #ccc; text-decoration: none; }
* html .rnd_button.internal { background: #7481ae; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; 
                    border-bottom: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d; color: #fff;}
* html .rnd_button.internal:hover { background-color: #ffa338; }
* html .rnd_button.internal:visited { background-color: #7481ae; color: #fff; }

#_cal_link {
    display: hidden;
}

#_cal_display[disabled] {
    background: #fff;
    border: 1px solid #7f9db9;
    padding: 1px 2px;
    color: #333;
}