/* http://kuler.adobe.com/#create/fromacolor */
html, body {
  padding: 5px;
  margin: 0;
  font-size: 13px;
  font-family: sans-serif, Verdana;
  color: #363942;
}

a {
  color: #8BC0E8;
}

a img {
  border:none;
}

#head {
  width:100%;
}

#logo_area {
  height: 65px;
}

#bar {
  height:20px;
  float:left;
  width:99%;
  padding: 2px 7px 2px 7px;
  color: #FFF;
  font-weight:bold;
  background-color:#FAAD18; 
}

#bar>div{
  float:left;
}

#bar a {
  color: #FFF;
  text-decoration:none;
}

#bar a:hover {
  text-decoration:underline;
}

#bar div ul, #bar div ul li {
  float:left;
  margin: 1px 0 0 0;
  padding:0;
}


#bar div ul li {
  list-style:none;
  border:none;
  padding: 0px 10px 0 10px;
  border-left: 1px solid #fff;
}


#bar div ul li.first {
  padding-left:3px;
  border-left: none;
}

#bar div#campaign_chooser {
  float:right;
}

#body {
  padding:20px 10px 20px 10px;
}

div.clear {
  clear:both;
}

#super_nav, #super_nav ul, #super_nav ul li {
  float:right;
}

#super_nav ul, #super_nav ul li {
  padding:0;
  margin:0;
}

#super_nav ul li {
  list-style:none;
  padding-left: 10px;
  padding-right: 10px;
  border-right:1px solid #B1BAD6;
}

#super_nav ul li.last {
  padding-right:none;
  border:none;
}

#super_nav ul li a.account {
  color: #363942;
  text-decoration:none;
}

#super_nav ul li a.account:hover {
  text-decoration:underline;
}

#super_nav .username {
  font-weight:bold;
}

#logo_area {
  float:left;
}

/* Form stuff */

#login_form {
  width:100%;
  float:left;
}

#login_form .login_info {
  float:left;
  width:48%;
}

hr {
  margin: 0 0 5px 0;
  border:0;
  color:#B1BAD6;
  background-color:#B1BAD6;
  height: 1px;
}

fieldset {
  border: none;
}

fieldset legend {
  margin:0;
  padding:0;
  font-weight: bold;
}

fieldset label {
  font-weight:bold;
  display:block;
  padding-bottom:4px;
}

fieldset p {
  padding-bottom: 10px;
}

fieldset input {
  border: 1px solid #D6D6D6;
  padding:10px;
  font-size:14px;
}


textarea.code {
	overflow:hidden;
	height:50px;
	width:350px;
	background-color:#FAFAFA;
	border:1px solid #DDDDDD;
	padding:5px;
}


table.button_holder td {
  min-width:100px;
}

table.button_holder td a {
  display:block;
  border: 1px solid #D6D6D6;
  padding:10px;
  min-width:100px;
  height:100%;
  text-align:center;
  text-decoration: none;
  font-weight:bold;
}

table.button_holder td a.grey_button {
  color:#FFF;
  background-color:#D2D2D2;
}

table.button_holder td a.orange_button {
  color:#FFF;
  background-color:#F3B264;
}

/* plugin installion page */

td.settings ul.actions, td.settings ul.actions li {
  padding:0;
  margin:0;
  float:left;
}

td.settings ul.actions li {
  border-left: 1px solid #B1BAD6;
  padding: 0 10px 0 10px;
  list-style:none;
}

td.settings ul.actions li.first {
  border:none;
  padding-left:0;
}

div.plugin_settings_container {
  margin: 20px 0 20px 10px;
  border-right: 1px dashed #B1BAD6;
  
}

/* Footer */

#foot {
  width:99%;
  text-align:center;
}

#foot ul, #foot li {
  float:right;
  margin: 0;
  padding: 0;
}

#foot li {
  list-style: none;
  padding-right: 10px;
  padding-left: 10px;
  border-left: 1px solid #CCD7F8;
}

#foot li.last {
  border:none;
}

#foot li a {
  text-decoration:none;
  color: #B1BAD6;
}

#foot li a:hover {
  text-decoration:none;
}


/* Usage Plugin Installations */
table.nice_table.usage {
  width:600px;
  padding-top:20px;
}

table.nice_table.usage th.target {
  width:40px;
}

.plugin_usage {
  padding-bottom: 10px;
}

.plugin_usage hr {
  margin-top: 50px;
}

/* Sort list */

#sort_list {
  list-style:none;
  width:400px;
}

#sort_list li {
  padding:5px;
}

#sort_list li.plugin_disabled {
  background-color:#FFCCB1;
}

#sort_list td.display_fields {
  font-style: italic;
  color: #949494;
  font-size: 11px;
}

span.note {
  font-size:11px;
  font-style:italic;
}

div.icon_cloud {
  float:left;
  width:400px;
}

div.icon_cloud div {
  float:left;
  padding:5px;
}

div#beta_signup {
  width:500px;
}

div.plugin_grid {
  float:left;
}

div.plugin_grid .plugin {
  border: 1px solid #CCC;
  padding:5px;
  margin:5px;
  float:left;
  width: 350px;
  min-height:350px;
}

div.plugin_grid .plugin hr {
  color: #EEE;
  background-color: #EEE;
}

div.plugin_grid .plugin .plugin_meta_container {
  min-height:160px;
}

div.plugin .plugin_information label {
  font-weight:bold;
  float:left;
  width:70px;
}

fieldset span.help {
  font-size:11.5px;
}