header, footer, aside, nav, article, section {display: block;}
header {
	margin:10px 0;
        height:100px;
        background-color:white;
        font-size:300%;
}

body { 
  font:13px/1.231 Helvetica,Arial,sans-serif;
  *font-size:small; 
  margin: 0 auto;
  min-width: 1024px;
  font-size: 75%;
  color: #454545;
  height:100%;
  overflow:auto;
}

h1 {
  font-size: 175%; 
  font-weight: bolder; 
  text-align: center; 
}

header img {
        height:93px;
        width:241px;
	float:left;
}
#headerText {
        font-weight:bold;
        padding:30px 0 0 400px;
}

footer {
	border-top:1px solid #e5e5e5;
	padding:40px 0;
	background-color:#fff;
}

a:link {
  color: blue;
}

a:visited {
  color: blue;
}

select {
  width:250px;
  background-color:#DBDBDB;
}

#blackScreenDivId, #loadingBlackScreenDivId {
  position:fixed;
  background-color:black;
  opacity:0.7;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}

#loadingImgId {
  /*
  margin-left: auto;
  margin-right: auto;
  */
  position: fixed; 
  left: 50%; 
  top: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
}

#installationWizardDivId {

 /* The following three lines to auto-adjust height
  min-height:500px;
  height:auto !important;
  height:500px; 
  */

  /*
  overflow: auto;
  */
  margin-left:auto;
  margin-right:auto;
  /*max-height:500px;*/
  border:1px; /*solid;*/
  background-color:#FFF;
  padding:20px 20px 20px;
  width:940px;
}

#installationWizardDivId h2 {
	margin-bottom:10px;
}

#installationWizardDivId h3 {
	margin-bottom:10px;
}

#installationSideBarDivId {
  display:block;
  float:left;
}

#installationMainFormsDivId {
  /* border:1px solid; */
  display:block;
}

#displayLogsContentDivId {
  /* scroll box */
  height: 500px;
  width: 600px;
  padding: 5px;
  background-color: white;
  overflow: auto;
}

table {
  width:80%;
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  font-size:1em;
  cellspacing:10px;
  cellpadding:10px;
  /*
  background-color:#F4F4F4;
  */
  border:1px solid #DBDBDB ;

}

caption {
  font-weight:bold;
  font-size:1.3em;
  padding:10px;
  color:green;
}

thead {
  font-size:1.2em;
  font-weight:bold;
  /*
  */
  color:white;
  background-color: #00CC00;
  /*
  color: green;
  background-color: #33CC33;
  background-color: #DBDBDB;
  background-color: #BF3030;
  */
  border-bottom:1px solid #7A7A7A ;
}

thead tr {
}

thead tr:hover {
}

th {
  padding:10px;
}

tr {
  /* 
  height:30px;
  opacity:0.75;
  */

  /* Color transition */
  transition: background-color 1s cubic-bezier(.09, .99, .37, .98);
  -moz-transition: background-color 1s cubic-bezier(.09, .99, .37, .98);    /* FF3.7+ */
  -o-transition: background-color 1s cubic-bezier(.09, .99, .37, .98) ;      /* Opera 10.5 */
  -webkit-transition: background-color 1s cubic-bezier(.09, .99, .37, .98) ; /* Saf3.2+, Chrome */
}

tr:hover {
  background-color: #DBDBDB;
  /* 
  background-color: #33CC33;
  */
  height:30px;
  /* 
  opacity:1.0;
  */
}

td {
  padding:10px;
}

/*
.formElement {
  margin:3px;
  overflow:auto;
  border:1px solid #F0F0E8;
}

.formElement:hover {
  border:1px solid #B2B299;
}
*/

.contextualHelp {
  margin-left:10px;
  width:300px;
  display:inline-block;
  font-size:12px;
  visibility:hidden;
}

.formElement:hover .contextualHelp {
  visibility:visible;
}

.pageSummary {
  min-height: 20px;
  padding: 19px;
  margin: 30px 0 20px 0;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.pageSumary h2 {
	margin-bottom:10px;
}

.container {
  width:980px!important;
  margin:0 auto;
}

#ContentDivId {
  width:980px;
  margin:0 auto;
  padding:0;
  background-color:#fff;
  min-height:100%;
  padding-top:0px;
}

#selectServicesCoreDivId label {
	font-size:16px;
	margin-bottom:10px;
}

#selectServicesCoreDivId div.description {
	font-style:italic;
	margin:0 0 20px 20px;
}

#selectServicesCoreDivId span.description {
	font-style:italic;
	margin:0;
	font-size:12px;
}

.pageContent {
	margin:40px 0 0 40px;
}

div.formElement {
	clear:both;
	font-size:12px;
}

.formElement input {
  vertical-align:top; 
}

#configureClusterAdvancedCoreDivId label,
#deployDynamicRenderDivId label,
#deployCoreDivId label {
	float:left;
	width:300px;
	text-align:right;
	margin-right:20px;
	padding-top:4px;
}

#deployDynamicRenderDivId input[readonly] {
	display:block!important;
}

#labelForSelectAllId {
	font-size:12px!important;
}

input.unit-MB,
input.unit-B,
input.unit-hours,
input.unit-ms {
	width:100px;
}


a.btn {
	color:#333;
}

.subnav {
  width: 100%;
  height: 36px;
  background-color: #eeeeee; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.subnav .nav {
  margin-bottom: 0;
}
.subnav .nav > li > a {
  margin: 0;
  padding-top:    11px;
  padding-bottom: 11px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: #777;
  background-color: #e9e9e9;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
  border-right: 0;
}
.subnav .dropdown-menu {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.btn-large .iconic-stop:before {
    margin-top: -1px;
}

#yumMirrorSupportFormButtonWrapperId {
	margin-bottom:20px;
}

#yumMirrorSupportFormFieldsId input[type=text] {
	width:500px;
	margin-bottom:20px;
}

div.separator {
	margin-bottom:20px;
}
#selectServicesCoreDivId ul {
	list-style:none outside none;
}

#masterServices {
	margin-top:40px;
}

#masterServices select {
	width:auto;
	max-width:330px;
	background-color:#fff;
}
#masterServices a {
	margin-left:165px;
}

/*
#masterServices label {
	width:240px;
	float:left;
	line-height: 28px;
    margin-right: 10px;
    text-align: right;
}
*/
#masterServices .hostInfo {
	margin-left:10px;
	font-size:14px;
	font-weight:normal;
}

#masterServicesToHostsContainer {
	margin:0 10px 40px 0;
	width:520px;
	float:left;
}

.masterServiceSelect {
	margin-bottom:10px;	
}
.masterServiceSelect select {
	margin-bottom:0;
}

.masterServiceSelect label {
	font-size:14px;
	float:left;
	width:160px;
	margin-right:5px;
	line-height:30px;
	text-align:right;
}
#hostsToMasterServices {
	width:auto;
	float:left;
}
.hostToMasterServices, .hostToServices, #configureClusterMountPointsDisplayDivId .formElement {
    background-color: #F7F7F5;
    border: 2px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin: 0 0 10px;
    min-height: 20px;
    padding: 10px 20px;
    width:360px;
}
.hostToServices {
	width:50%;
}
.hostToMasterServices > h3, .hostToServices > h3 {
	font-size:14px;
	margin-bottom:4px!important;
	line-height:14px;
}
.hostToMasterServices ul, .hostToServices ul {
	margin-left:0;
	margin-bottom:0;
	list-style:none;
}
.hostToMasterServices ul:after, .hostToServices ul:after {
	clear:both;
}
.hostToMasterServices li, .hostToServices li, .masterLegend, .clientLegend {
	float:left;
	background-color:#65B642;
	padding:4px 6px;
	color:#fff;
	margin-right:10px;
	margin-top:6px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.hostToServices li.client, .clientLegend {
  background-color:#0088CC;
}
.serviceLegend {
  float:left;
  margin-left:20px;
}
.navbar .brand {
    color: #666666;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin-left: 0;
    margin-right: 40px;
    margin-top: 3px;
    padding: 14px 10px;
}

.navbar-inner {
	background: linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
	border-radius:0;
	border:1px solid #bbb;
	border-width:0 0 1px 0;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {
    background-color: #999999;
    color: #FFFFFF;
    text-decoration: none;
}
.navbar .nav > li > a {
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    color: #666666;
    float: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 19px;
    margin: 6px 10px 6px 0;
    padding: 8px 14px;
    text-decoration: none;
    text-shadow: none;
}
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #999999;
  text-decoration: none;
}
.navbar .brand {
	margin-right:40px;
}
.navbar #logo {
	float:left;
	padding-top:7px;
}