/* ---------------------------- */
/* Wizard Navigation styles     */
/* ---------------------------- */
.minViewableWidth {
    min-width: 750px;
}

.navMenu {
    margin-left: 15px;
    padding-left: 40px;
}

.navMenu li {
    white-space: nowrap;
    list-style: none;
    display: inline-block;
    line-height: 35px;
    padding: 0 5px;
    margin: 2px 0;
    border-style: solid;
    border-width: 1px;
}

.notVisited {
    border-color: #CCCCCC;
    background-color: #E5E5E5;
}

.visited {
    border-color: #CCCCCC;
    background-color: #FAFAFA;
}

.current {
    border-color: #333333;
    color: #FFFFFF;
    background-color: #68818f;
    font-weight: bold;
}

.navMenu .stepSeparator {
    border-style: none;
    border-width: 0;
    margin: 0;
}

.info_box {
    background-color: #FFFFCC;
    border: 1px solid #666666;
    margin-left: 10px;
    padding: 5px;
    width: 500px;
    margin-bottom: 20px;
}

.info_box_transparent {
    border: 1px solid #666666;
    margin-left: 20px;
    padding: 5px;
    width: 500px;
}

.info_note {
    color: #FF0000;
}

.terminal {
    background-color: #EEEEEE;
    border: 1px solid #dddddd;
}

.link_standout {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.description {
    margin-left: 20px;
    margin-bottom: 15px;
    font-style: italic;
    width: 65%;
    white-space: normal;
}

.detailLinks {
    margin-top: 5px;
}

.popup h4 {
    margin-bottom: 0.50em;
}

.popup .bd {
    padding: 15px;
}

.popupFrame {
    width: 570px;
    height: 350px;
    border: medium none;
}

form .phpSetting {
    margin-bottom: 20px;
}

.optModName {
    font-weight: bold;
}

.optModDesc {
    margin-bottom: 15px;
    font-style: italic;
    white-space: normal;
}

.optModSupportLevel {
    font-style: italic;
    padding: 0 5px;
}

.errors {
    color: #FF0000;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
}

.caution {
    color: #fAA523;
    font-weight:bold;
}

fieldset.optSection {
    margin-left: 20px;
    margin-top: 30px;
    border: 1px solid rgb(192, 192, 192);
    padding: 10px 15px 5px;
}

fieldset.optSection > legend {
    font-size: 14px;
    font-weight: bold;
    width: auto;
}

fieldset.first-section {
    margin-top:10px;
}

.prefDesc {
    margin-bottom: 15px;
    white-space: normal;
}

.gotoLinks {
    font-size: 14px;
}

.gotoTopLink {
    float: right;
}

.centered {
    text-align: center;
}

.wrapLongText {
    word-break: break-all;
}

/* grid-row css class applies a -20px margin-left
   value for some reason. This margin-fix class
   negates that and keeps the containers vertically aligned.
*/
.margin-fix {
    margin-left: 0;
}

/* -----------------------------------
 * Button type style for links.
 * -----------------------------------
*/
.btn-link.primary {
    background-color: #428BCA;
    border-color: #357EBD;
    color: #FFFFFF !important;
    background-clip: padding-box;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    line-height: 28px;
    min-height: 28px;
    min-width: 110px;
    text-align: center;
    padding: 0 5px;
    text-decoration: none !important;
}

.btn-link.primary:hover {
    background-color: #3276B1;
    border-color: #285E8E;
    color: #FFFFFF !important;
}

.btn-link.secondary {
    background: none repeat scroll 0 0 #eeeeee;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px 1px 2px;
    box-shadow: 0 -2px #bbbbbb inset;
    position: relative;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    color: #333333 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    padding: 6px 12px;
    white-space: nowrap;
    text-decoration: none !important;
}

.btn-link.secondary:hover {
    background: none repeat scroll 0 0 #d4d4d4;
    border-color: #adadad;
}

/* -----------------------------------------------------------------------------
 * Temporary PageContainer style fix. Will be removed once all pages are converted
 * into templates
 * -----------------------------------------------------------------------------
*/

#pageContainer {
    padding-top: 0;
}

.yui-panel .hd {
    background-color: #4C4C4C;
    border: 0 none;
}

.yui-overlay-hidden {
    opacity: 0;
}

.tableCondensed th,
.tableCondensed td {
    white-space: nowrap;
}

input[type="text"],
input[type="password"],
textarea {
    width: auto;
    font-size: 13px;
    border-color: #999999;
}

input[type="file"] {
    width: auto;
    height: auto;
    font-size: 13px;
    border-color: #999999;
}
/* ------------------------------------------------------------------------------ */
/* Form styles
/* ------------------------------------------------------------------------------ */
form
{
    border-style: none;
    border-color: transparent;
    background-color: transparent;
}

form label {
    display: inline;
}

form fieldset
{
    border-top-style:none;
    border-top-color: transparent;
    background: transparent;
}

fieldset legend {
    text-indent: 0;
}

hr
{
    background-color: #888888;

    margin: 1.385em 0 0.5em 0;
    border-width: 0;
    height: 1px;
}

p, blockquote, pre, code {
    margin-bottom: 1em;
}

.button-group button,
.button-group button.default {
    background: #428BCA;
    color: #FFFFFF;
    font: inherit;
    border: 1px solid #4C7EDF;
    padding: 4px;
    width: inherit;
    min-width: 73px;
}

.button-group button:hover,
.button-group button.hover {
    background-color: #3276B1;
    border-width: 1px;
    border-color: #285E8E;
    color: #FFFFFF;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

/*------------- Notification styles -------------------*/
.alert {
    position: relative;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    min-width: 500px;
    padding: 10px 5px 10px 0;
    margin-top: 5px;
    margin-bottom: 5px;

    border-width: 1px;
    border-style: solid;
}

.alert h4 {
    display: block;
    padding-left: 10px;
}

/* the only way to overwrite the anchor style in pageContainer */
#pageContainer .alert a{
    text-decoration: underline;
}

.alertBody {
    display: block;
    padding-left: 10px;
}

.warning {
    border-color: #F1C40F;
    background-color: #FCF8E1;
}

.info {
    border-color: #2980B9;
    background-color: #D7EDF9;
}

.error {
    border-color: #E74C3C;
    background-color: #F2DEDE;
}

.alert-dismissable {
  padding-right: 35px;
}

button.alert-close {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  cursor: pointer;
  padding: 0;
}

.alert-close {
  color: #000000;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.5;
  text-shadow: 0 1px 0 #FFFFFF;
}

.alert-close:hover, .alert-close:focus {
  color: #000000;
  cursor: pointer;
  opacity: 1;
  text-decoration: none;
}

.alert-dismissable .alert-close {
  color: inherit;
  position: relative;
  right: -21px;
  top: -2px;
}
/*--------------------------------------------------*/
span.promotional-label {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0 .25em .25em;
}

.label {
    border-radius: 0.25em;
    color: #fff;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.label-default {
    background-color: #999;
}

/* ---------- CloudLinux Promotion styles ------------ */
.getCloudLinux {
    background-color: #DCE7F4;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
    margin-top: 15px;
}

.cloudLinuxDesc {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.cloudLinuxDesc a {
    text-decoration: underline !important;
}

.whyCloudLinux {
    font-weight: bold;
}

.purchaseInfo {
    padding-top: 10px;
    padding-left: 20px;
}
