/*
 * Tenants: elements must have ID and class that match (ex: <div id=Header class=Header></div>
 * --- #Header overrides .Header
 * --- Default styles will use .Header {}, tenants will use #Header {}
 */
* {
  outline: none;
}
.clearthis {
  zoom: 1;
}
.clearthis:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.imgtxt {
  background: no-repeat;
  display: block;
  font-size: .01em;
  overflow: hidden;
  text-indent: -99999px;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
textarea:focus,
input:focus {
  outline: none;
}
textarea {
  resize: none;
  overflow: auto;
}
form {
  margin: 0;
}
.zero {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
div.bigwrap {
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 99;
}
.footer_tbl .footer_tbl_left {
  width: 170px;
}
.contentSection {
  line-height: 18px;
  *line-height: 28px;
}
.contentSection li {
  padding-bottom: 10px;
}
.contentSection .titleLabel {
  padding-bottom: 20px;
}
.validateField {
  -moz-border-radius: 4px;
  border: none;
  border-radius: 4px;
}
.validateField[type=checkbox],
.validateField[type=radio] {
  border-radius: 0;
}
.accept {
  background-image: url(static/images/silkicons/tick.png);
  background-position: right;
  background-repeat: no-repeat;
}
body {
  margin: 0;
  padding: 0;
}
body.perm_scroll {
  overflow-y: scroll;
}
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
.menu_sep_bottom {
  height: 30px;
}
.menu_sep_top {
  height: 30px;
}
input {
  outline: none;
  margin: 0;
}
#Main,
#container_Header,
#Footer {
  min-width: 1300px;
}
#container_Left:empty,
#container_Right:empty {
  padding: 0;
  width: 0;
}
#container_Left {
  background: #f5f5f5;
  box-shadow: 1px 0px 2px #dddddd;
  -ms-flex-order: 1;
  order: 1;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  width: 216px;
  z-index: 3;
  position: relative;
}
#container_Left.soa-ui-cm-container-left-collapsed {
  width: 60px;
}
#container_Right {
  -ms-flex-order: 3;
  order: 3;
  width: 250px;
}
#container_Content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  /* IE10 defaults correction */

}
#Main > div#container_Footer {
  clear: both;
  float: none;
}
#Footer {
  /*padding-left: 115px;*/

  border-top: 1px solid #dddddd;
}
.Left,
.Content,
.Content-Wide,
.Content-Widest,
.Right {
  white-space: normal;
  text-align: left;
}
.Left {
  min-height: 250px;
}
.Content,
.Content-Wide,
.Content-Widest {
  vertical-align: top;
  min-height: 750px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  -ms-flex-direction: column;
  flex: 0 1 auto;
  /* IE10 defaults correction */

  flex-direction: column;
  -ms-flex-order: 2;
  order: 2;
  width: 100%;
  z-index: 2;
}
.Content {
  flex: 2;
  -ms-flex: 2;
  -ms-flex-order: 2;
}
.Right {
  border-left: 1px solid #838383;
  background: #f5f5f5;
  height: 100%;
  min-height: 250px;
}
.HeaderTable {
  width: 900px;
}
.menu_item {
  padding-left: 16px;
  padding-right: 16px;
}
.Footer {
  clear: both;
  font-size: 10px;
  text-align: center;
}
.LogWidget {
  border: 1px solid #f00;
  height: auto;
  width: 100%;
  clear: none;
  float: none;
}
.value_textbox,
.value_textbox_active {
  background: #eceded;
  color: #3d4242;
  padding: 5px 6px 4px;
  font-family: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.selerror {
  color: #d77;
  padding-top: 1px;
  font-size: 10px;
  visibility: hidden;
}
.value_textbox {
  color: #777;
  font-style: italic;
}
.ui-resizable-handle {
  display: none !important;
}
.textarrow {
  display: inline;
  padding-left: 1px;
  padding-right: 2px;
  font-size: 9px;
  text-decoration: none;
}
#body_background_overlay_container {
  height: 100%;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
}
#body_background_overlay_table {
  width: 100%;
  height: 100%;
}
#body_background_overlay_parent {
  text-align: center;
}
#body_background_overlay {
  top: 95px;
  width: 935px !important;
  width: 955px;
  height: 100%;
  background-position: top;
}
.notifications_popup {
  z-index: 9999;
  position: absolute;
  width: 300px;
  height: 100px;
}
#Header,
#Left,
#Right {
  z-index: 1;
}
.logocontainer {
  padding-left: 16px;
}
.list_title {
  font-size: 11px;
  font-weight: bold;
}
span.required {
  color: #dd0000;
}
.stretch_overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  display: none;
}
.editable {
  min-height: 20px;
  /*moz min height only*/

  height: auto !important;
  /*moz height*/

  height: 20px;
  /*IE min height*/

}
.editable_admin {
  cursor: pointer;
}
button:focus {
  /*outline: 4px dotted green;*/
  /*uncomment for keyboard tab-nav debugging on forms*/

}
.editable_admin:hover {
  background: #f3f3f3;
}
textarea.editor {
  margin: 0px;
}
.inputHelpText {
  font-style: italic;
  color: #777;
  width: 100%;
  height: 22px;
  padding: 0;
  margin: 0;
  margin-top: 0 !important;
  margin-top: 4px;
}
.nodata {
  color: #f00;
}
/*************** dropdown styles **************/
input.selectbox {
  background: #777777 url('images/dub_arrows.gif') no-repeat 97% center;
  border: 1px solid #000;
  color: #fff;
}
.selectbox-wrapper {
  background: #eaeaea;
  border: 1px solid #bbb;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 99999;
}
.selectbox-wrapper li {
  background: no-repeat 14px center;
  font-weight: bold;
  padding: 5px 14px;
  text-align: left;
}
.selectbox-wrapper li.selected,
.selectbox-wrapper li.current {
  background-color: #444958;
  color: #eaeaea;
}
/***********************UI UTILS *********************/
.edge,
.edge_mid {
  vertical-align: middle;
}
.edge div {
  background-color: gray;
  width: 1px;
}
.edge img,
.edge_mid img {
  padding: 0;
  margin: 0;
  visibility: hidden;
}
.edge_mid div {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  background-color: white;
}
.round_text {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color: white;
  padding: 0;
}
.round_text input {
  background-color: transparent;
  border: none;
  display: block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}
.round_text input[type='text'],
.round_text input[type='password'],
.round_text textarea {
  border: 0;
  padding: 0;
}
.round_text textarea {
  width: 100%;
}
/*************************OBINJECT************************/
.dd_menu {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 0;
  height: 0;
  position: absolute;
  margin-top: 2px;
  z-index: 8888;
}
.dd_menu_item_list {
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  padding-bottom: 0;
}
.dd_menu_item {
  cursor: pointer;
  padding-left: 5px;
  /*padding-right:16px;*/

  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: left;
}
.dd_menu_bg,
.dd_menu_bottom {
  background-color: #777;
}
.dd_menu_bottom {
  border-bottom: 1px solid #bbb;
  font-size: 0;
  width: 100%;
}
.MENU_ITEM_HOVER {
  color: #fff;
  background: #454545;
}
.MENU_ITEM_HOVER a:link,
.MENU_ITEM_HOVER a:active,
.MENU_ITEM_HOVER a:visited {
  color: #fff;
}
.dd_menu_item.menu_item_menu_myinfo_dd {
  color: #002663;
  font-weight: bold;
  padding: 4px 9px;
}
.Header .dd_menu_item div {
  border-top: 1px solid #ccc;
  padding-bottom: 0;
  padding-top: 6px;
  width: 100%;
}
.Header .dd_menu_item span {
  color: #ed5929;
  font-weight: bold;
}
.Header .MENU_ITEM_HOVER {
  color: #ed5929;
  background-image: url(../../static/images/spacer.gif);
}
.Header .MENU_ITEM_HOVER a:link,
.MENU_ITEM_HOVER a:active,
.MENU_ITEM_HOVER a:visited {
  color: red;
}
.fadecontainer object {
  width: 0;
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.popup {
  display: none;
}
.popup_show {
  position: relative;
  z-index: 8888;
}
#popup_window {
  z-index: 9990;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow-x: hidden;
}
#popupbg {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  bbackground-color: #719DDE;
  background-color: black;
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
}
#popupcont {
  z-index: 8888;
  position: relative;
  top: 0;
  left: 0;
  position: absolute;
  height: 60%;
  width: 70%;
}
.popupwin {
  z-index: 8888;
  position: relative;
  background-color: white;
  line-height: 0;
}
#popupwin {
  z-index: 8888;
  position: relative;
  height: 100%;
  width: 100%;
}
/**
  FROM .impl..style.css
**/
#Footer > ul {
  color: #494e4e;
  padding: 18px 0 0;
  list-style-type: none;
}
#Footer > ul > li > a {
  color: #494e4e;
  display: inline-block;
}
#Footer > ul > li > a:before,
#Footer > ul > li.legal:before {
  content: "|";
  display: inline-block;
  margin: 0 15px;
}
#Footer > ul > li:first-child a:before {
  content: "";
  margin: 0;
}
#Footer > ul > li {
  font-size: 10px;
  float: left;
  line-height: 20px;
}
#Footer > ul > li:first-child {
  padding: 0;
}
.legal {
  padding-bottom: 0;
}
div.cwrap {
  padding: 15px;
}
#apiAddModifyGroupDescription {
  height: 64px;
  padding-left: 0;
  width: 100%;
}
.status {
  font-weight: bold;
  font-size: 8px;
  font-family: Arial;
}
.action {
  font-size: 12px;
  font-family: Arial;
}
.myAppsWelcome {
  width: 35%;
  height: 62px;
}
div#container_Header {
  position: relative;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  z-index: 4;
}
div#main_loader {
  position: absolute;
  height: 16px;
  line-height: 16px;
  z-index: 9999;
  padding: 10px 20px 10px 40px;
  background: white;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  left: 324px;
  top: 10px;
  background: #ffffff url(../static/images/loading.gif) 20px center no-repeat;
}
/* widget loader */
div.bigload {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../static/images/widget_loader.gif) center center no-repeat;
}
div.bigload_overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* Content left panel style
-----------------------------------------*/
div.cwrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.cwrap div.cwrap_left {
  width: 110px;
  padding-right: 28px;
  float: left;
}
div.cwrap div.cwrap_right {
  width: calc(100% - 138px);
  float: left;
}
div.cwrap div.cwrap_left ul.meta {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.cwrap div.cwrap_left ul.meta li {
  word-wrap: break-word;
  font-size: 11px;
  margin: 0 0 5px 0;
}
div.cwrap div.break {
  margin: 0 0 15px 0;
}
/* Rating
-----------------------------------------*/
ul.rating_history {
  margin: 0;
  padding: 0;
}
ul.rating_history li {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 70px;
  padding-bottom: 1px;
  height: 12px;
}
ul.rating_history li.star_1 {
  background: url(images/star_rate_dark_1.gif) 0 0 no-repeat;
}
ul.rating_history li.star_2 {
  background: url(images/star_rate_dark_2.gif) 0 0 no-repeat;
}
ul.rating_history li.star_3 {
  background: url(images/star_rate_dark_3.gif) 0 0 no-repeat;
}
ul.rating_history li.star_4 {
  background: url(images/star_rate_dark_4.gif) 0 0 no-repeat;
}
ul.rating_history li.star_5 {
  background: url(images/star_rate_dark_5.gif) 0 0 no-repeat;
}
ul.rating_history div.grey_bar {
  background-color: #aaa;
  height: 10px;
  width: 160px;
}
ul.rating_history div.black_bar {
  background-color: black;
  height: 10px;
}
.rating_unrated {
  background: url(images/star_rate_dark_5.gif) 0 0 no-repeat;
  height: 12px;
  width: 65px;
}
.rating_wrap {
  height: 12px;
  line-height: 12px;
  width: 65px;
  display: inline-block;
  vertical-align: top;
  background: url("images/star_sprite.png") right top no-repeat;
}
.rating_wrap span {
  display: block;
  text-indent: -9999px;
  width: 0%;
  background: url("images/star_sprite.png") left top no-repeat;
}
.rating_star_1_0 {
  background-position: -52px 0px;
  height: 12px;
  width: 65px;
}
.rating_star_1_5 {
  background-position: -39px -13px;
  height: 12px;
  width: 65px;
}
.rating_star_2_0 {
  background-position: -39px 0px;
  height: 12px;
  width: 65px;
}
.rating_star_2_5 {
  background-position: -26px -13px;
  height: 12px;
  width: 65px;
}
.rating_star_3_0 {
  background-position: -26px 0px;
  height: 12px;
  width: 65px;
}
.rating_star_3_5 {
  background-position: -13px -13px;
  height: 12px;
  width: 65px;
}
.rating_star_4_0 {
  background-position: -13px 0px;
  height: 12px;
  width: 65px;
}
.rating_star_4_5 {
  background-position: 0px -13px;
  height: 12px;
  width: 65px;
}
.rating_star_5_0 {
  background-position: 0px 0px;
  height: 13px;
  width: 65px;
}
div.rating_subtitle {
  font-weight: bold;
  margin: 0 0 6px 0;
  font-size: 12px;
}
div.rating {
  margin: 5px 0 15px 0;
}
div.rating_left {
  float: left;
}
div.rating_right {
  margin-left: 315px;
}
ul.rating_history li {
  line-height: 12px;
  padding-left: 65px;
  margin-bottom: 3px;
}
ul.rating_history div.grey_bar {
  width: 120px;
  margin-right: 3px;
  float: left;
  height: 12px;
}
ul.rating_history div.grey_bar div.black_bar {
  height: 12px;
}
ul.ratethis {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 12px;
  line-height: 12px;
  width: 65px;
  display: inline-block;
  vertical-align: top;
  background: url(images/star_sprite_red.png) right top no-repeat;
}
ul.ratethis.star_rate1 {
  background-position: -52px 0;
}
ul.ratethis.star_rate2 {
  background-position: -39px 0;
}
ul.ratethis.star_rate3 {
  background-position: -26px 0;
}
ul.ratethis.star_rate4 {
  background-position: -13px 0;
}
ul.ratethis.star_rate5 {
  background-position: 0 0;
}
ul.ratethis li {
  float: left;
  width: 13px;
  height: 12px;
  line-height: 12px;
  text-indent: -9999px;
}
ul.ratethis li a:link,
ul.ratethis li a:visited {
  display: block;
}
/* Misc utilities
-----------------------------------------*/
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.clear_left {
  clear: left;
}
.clear_right {
  clear: right;
}
.clear_both {
  clear: both;
}
.width_half_percent {
  width: 50%;
}
/* Document Options Panel
-----------------------------------------*/
div.docpanel {
  position: relative;
  z-index: 10;
}
span.docpanel_filemanager {
  background: #eaeaeb;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
}
div.docpanel span.docpanel_filemanager a:link,
div.docpanel span.docpanel_filemanager a:visited {
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  display: inline-block;
  margin: 0 5px;
  background: url(images/icon_filemanager.png);
}
/* panel within fileman popup */
.fileManagerDialog,
.fileUploader {
  background: #fff;
  border: 1px solid #cfd7d5;
  position: absolute;
}
.fileUploader {
  border-color: #a0a5a4;
  z-index: 8888;
}
.fileUploader .smallDialogContent {
  padding: 20px;
}
.fileUploader h2 {
  background-color: #cfd7d5;
  color: #2683b4;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  padding: 5px 10px;
}
.fileUploader label {
  color: #2683b4;
  display: block;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 4px 0 0 10px;
  width: 90px;
}
.fileUploader input,
.fileUploader textarea,
.fileUploader select {
  border: none;
  color: #3d4242;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 11px;
}
.fileUploader li {
  margin: 0 0 10px;
  min-height: 22px;
  overflow: auto;
}
.fileUploader .buttons {
  padding-bottom: 0;
  text-align: right;
}
.fileUploader .buttons > li {
  display: inline;
  padding-left: 5px;
}
.fileUploader .buttons > li:first-child {
  padding: 0;
}
body#fileManager {
  overflow: hidden;
  /*overflow-y:auto; */

}
#fileManager #body_content {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding-top: 10px;
  position: absolute;
  right: 0;
  top: 100px;
}
div.fileManager div.folderHeader {
  padding: 5px;
  font-weight: bold;
}
div.fileManager .itemHeader {
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
div.fileManager .actions {
  width: 120px;
}
div.fileManager .actions > ul {
  padding: 0;
}
div.fileManager .action {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-left: 5px;
  width: 16px;
}
div.fileManager .action:first-child {
  margin: 0;
}
div.fileManager .action.imgtxt.edit {
  background-image: url(../static/images/silkicons/pencil.png);
}
div.fileManager .action.imgtxt.viewdirect {
  background-image: url(../static/images/silkicons/page_white_put.png);
}
div.fileManager .action.imgtxt.displayname {
  background-image: url(../static/images/silkicons/images.png);
}
div.fileManager .action.imgtxt.delete {
  background-image: url(../static/images/silkicons/cross.png);
}
div.fileManager .action.imgtxt.rename {
  background-image: url(../static/images/silkicons/textfield_rename.png);
}
div.fileManager .action.imgtxt.download {
  background-image: url(../static/images/silkicons/disk.png);
}
div.fileManager #body_content table {
  margin: 10px 0 0 0;
}
div.fileManager #body_content > table:first-child {
  margin: 0;
}
div.fileManager .itemHeader,
div.fileManager .item,
div.fileManager .actions {
  padding: 0 10px 5px;
}
div.fileManager div.contentHeader {
  background: #cfd7d5;
  height: 100px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
div.fileManager .contentHeader > div.clearthis {
  height: 31px;
  padding: 20px 0;
}
div.fileManager .headerPanel {
  background: #000;
  padding: 3px 0 1px 10px;
}
div.fileManager .headerPanel > li {
  float: left;
  height: 24px;
}
div.fileManager .headerPanelTool {
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding-right: 15px;
}
div.fileManager h1.dialogHeader {
  background: none;
  color: #000;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
  padding: 0 29px;
}
div.fileManager div.location {
  float: left;
  height: 25px;
  padding-left: 20px;
  vertical-align: middle;
  width: 380px;
}
div.fileManager .locationUri {
  color: inherit;
  font-size: 12px;
  font-weight: normal;
  line-height: 17px;
  word-wrap: break-word;
}
div.fileManager .locationUri > span {
  font-weight: bold;
}
div.fileManager .locationUri > span:after {
  content: "\0000a0";
}
div.fileManager .fileItem,
div.fileManager .item,
div.fileManager .headerPanelTool,
div.fileManager .tocControl,
div.fileManager .displaynameinput,
div.fileManager .defaultControl {
  background: no-repeat left center;
  line-height: 20px;
  padding-left: 20px;
  vertical-align: middle;
}
div.fileManager .tocControl,
div.fileManager .defaultControl {
  text-align: center;
  padding: 0 10px 5px;
}
div.fileManager .tocControl > input,
div.fileManager .defaultControl > input {
  margin: 0;
}
div.fileManager .headerPanelTool {
  float: none;
}
div.fileManager .upDirectory {
  background-image: url(../static/images/silkicons/folder_up.png);
}
div.fileManager .newFile {
  background-image: url(../static/images/silkicons/page_add.png);
}
div.fileManager .newDirectory {
  background-image: url(../static/images/silkicons/folder_add.png);
}
div.fileManager .uploadFile {
  background-image: url(../static/images/silkicons/page_white_get.png);
}
div.fileManager .uploadZip {
  background-image: url(../static/images/silkicons/page_white_zip.png);
}
div.fileManager .downloadZip {
  background-image: url(../static/images/silkicons/disk.png);
}
div.fileManager .folder {
  background-image: url(../static/images/silkicons/folder.png);
}
div.fileManager .html {
  background-image: url(../static/images/silkicons/html.png);
}
div.fileManager .page {
  background-image: url(../static/images/silkicons/page.png);
}
div.fileManager .page_gear {
  background-image: url(../static/images/silkicons/page_gear.png);
}
/* Document Iframe
-----------------------------------------*/
.document_iframe {
  border: none;
  width: 100%;
}
.upload_iframe {
  position: absolute;
  top: -1000px;
  left: -1000px;
}
/**** code prettify styles ***/
.pln {
  color: #000000;
}
@media screen {
  .str {
    color: #008800;
  }
  .kwd {
    color: #000088;
  }
  .com {
    color: #880000;
  }
  .typ {
    color: #660066;
  }
  .lit {
    color: #006666;
  }
  .pun,
  .opn,
  .clo {
    color: #666600;
  }
  .tag {
    color: #000088;
  }
  .atn {
    color: #660066;
  }
  .atv {
    color: #008800;
  }
  .dec,
  .var {
    color: #660066;
  }
  .fun {
    color: #ff0000;
  }
}
@media print, projection {
  .str {
    color: #006600;
  }
  .kwd {
    color: #006;
    font-weight: bold;
  }
  .com {
    color: #600;
    font-style: italic;
  }
  .typ {
    color: #404;
    font-weight: bold;
  }
  .lit {
    color: #004444;
  }
  .pun,
  .opn,
  .clo {
    color: #444400;
  }
  .tag {
    color: #006;
    font-weight: bold;
  }
  .atn {
    color: #440044;
  }
  .atv {
    color: #006600;
  }
}
pre.prettyprint {
  padding: 2px;
  border: 1px solid #888888;
}
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
  list-style-type: none;
}
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
  background: #eeeeee;
}
/****************** start supplement.less ************/
/*
so far in this dev phase, these default soa-open theme colors have gone unused:
#494e4e;
#eceded;*/
/****** content section elements ******/
.plain-text-color {
  color: #7f7f7f;
}
.disabled-text-color-old {
  color: #a5a5a5;
}
.disabled-bg-color-old {
  background: #eceded;
}
.disabled-bg-color {
  background: #dedfe0;
}
.disabled-text-color {
  color: #9c9fa2;
}
.disabled-border-color {
  background: #dedfe0;
}
.disabled-header-text-color {
  background: #6d6f72;
}
.link-color {
  color: #2196f3;
}
.box-header-bg-color {
  background: transparent;
}
.box-header-text-color {
  color: #494949;
}
.box-border-color {
  background: #dddddd;
}
.box-bg-color {
  color: #ffffff;
}
.box-text-color {
  color: #7f7f7f;
}
.content-bg-color {
  background: #ffffff;
}
.content-border-color {
  border-color: #dddddd;
}
.section-header-text-color {
  color: #494949;
}
.input-bg-color-old {
  background-color: #eceded;
}
.input-border-color-old {
  border-color: #eceded;
}
/***** body ****/
/**** alter the @body-bg line below if you want it to be different from the above @body-bg properties, but please try altering those properties and checking the results first *****/
/****** tiptip ********/
/********* control header ********/
/******** tooltips *********/
/****** top navbar *****/
/****** left navbar *****/
/*********** footer *********/
/*********** wizard *********/
/******* markdown editor ******/
/***** buttons *****/
/******* toggle swipe *********/
/*********** system icon y-positioning *******/
/*********** empty-behav y-positioning *******/
/******* icons 15px y-positioning ******/
/****** icons 18px y-positioning *****/
/****** button icons y-positioning *****/
/******* "add new" y-positioning **********/
/********* specialty icons y-positioning *******/
/*********** colors referring to status, used for example on the transaction monitor or the api access page *****/
/* orange */
/* green */
/* light blue */
/* red */
/* purple */
/* off-black */
/* gold */
/* blue */
/* crimson */
/* gray */
/* orange-yellow */
/**
 *  Commonly used variables to customize styles
 *  Theme: Hermosa
 *  NOTES:
 *  1. when downloading this file as custom_template.less, you will need to
 *  	rename it to custom.less before uploading using file manager.
 *  2. use rgba or HEX values for colors instead of color names
 *  	If the value is another variable, you will need to uncomment that variable as well.
 *		eg: if you use: 
 *			@link-color: @main-color;
 *  		you will also need to uncomment @main-color and give it a HEX value
 */
/********************/
.error::-webkit-input-placeholder,
.inputerror::-webkit-input-placeholder {
  color: #f00;
}
.error:-moz-placeholder,
.inputerror::-webkit-input-placeholder {
  /* Firefox 18- */

  color: #f00;
}
.error::-moz-placeholder,
.inputerror::-moz-placeholder {
  /* Firefox 19+ */

  color: #f00;
}
.error:-ms-input-placeholder,
.inputerror:-ms-input-placeholder {
  color: #f00;
}
.placeholder {
  color: #666;
}
.placeholder.error {
  color: #f00;
}
.soa-ui-cm-imgtxt {
  background: no-repeat;
  display: inline-block;
  font-size: 0.01em;
  overflow: hidden;
  text-indent: -99999px;
}
/***** style.css prior to 8/20/13 *********/
div.cwrap {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-width: 0 0 1px 1px;
}
.def_table {
  /**** only used in widget.sysadmin *****/

  width: 470px;
}
.def_table > tbody > tr > th,
.def_table > tbody > tr > td {
  line-height: 20px;
  padding: 0 0 20px;
  vertical-align: top;
}
.def_table > tbody > tr > th {
  background: transparent;
  color: #b3b3b3;
  width: 130px;
}
.def_table > tbody > tr > th,
.def_table > tbody > tr > td > label {
  font-weight: bold;
}
.def_table > tbody > tr > td > img {
  display: block;
  float: left;
  margin-right: 20px;
}
.def_table > tbody > tr > td > button {
  margin-right: 5px;
}
.def_table > tbody > tr > td > textarea {
  width: 100%;
}
.reviews {
  clear: both;
}
#team_members_ul > li > .desc {
  overflow: hidden;
  text-align: center;
  width: 74px;
  word-wrap: break-word;
}
#BoardItemsFilter > .cwrap {
  border-bottom: 2px solid #dddddd;
  border-top: 2px solid #dddddd;
  padding: 0;
}
#ResourceTitle + #BoardItemsFilter > .cwrap {
  border-top-width: 0;
}
#BoardItemsFilter > .cwrap.board_item_detail_options {
  padding: 15px;
}
/* TODO: remove all references to .filterBoard */
#BoardItemsFilter .filterBoard {
  padding: 15px 0 15px 20px;
}
#BoardItemsFilter ul.filterBoard > li,
#BoardItemsFilter ul.filterBoard > li > h4,
#BoardItemsFilter span.selectbox,
#BoardItemsFilter ul.filterBoard > li > label,
#BoardItemsFilter ul.filterBoard > li > input {
  display: inline-block;
  line-height: 15px;
  vertical-align: middle;
}
#BoardItemsFilter ul.filterBoard > li > input.radio {
  margin-right: 3px;
  margin-top: -1px;
}
#BoardItemsFilter ul.filterBoard > li > span.selectbox {
  height: 15px;
  padding: 2px 30px 3px 7px;
}
#BoardItemsFilter ul.filterBoard > li > h4,
#BoardItemsFilter ul.filterBoard > li > label {
  color: #7f7f7f;
  font-weight: bold;
  padding: 0 4px 0 0;
}
#BoardItemsFilter ul.filterBoard > li > .controlEnvironmentLabel {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}
#BoardItemsFilter .filterBoard > li {
  padding-left: 5px;
}
#BoardItemsFilter .filterBoard > li:first-child {
  padding: 0;
}
#BoardItemsFilter .tagtext_container:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
#BoardItemsFilter ul.filterBoard > li > label.tagtext_label {
  float: left;
  padding: 3.5px 7px 0 0;
}
#BoardItemsFilter .soa-ui-cm-input-container {
  background: #eceded;
  border-color: #eceded;
  color: #7f7f7f;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  padding: 4px 2px 3px 7px;
  width: 108px;
}
#BoardItemsFilter .soa-ui-cm-input-container:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
#BoardItemsFilter .soa-ui-cm-input-container .BoardItemsFilter_submit,
#BoardItemsFilter .soa-ui-cm-input-container .BoardItemsFilter_tags {
  float: left;
}
#BoardItemsFilter .soa-ui-cm-input-container .BoardItemsFilter_tags {
  background: none;
  border: none;
  font-size: 11px;
  height: 13px;
  padding: 1px;
  vertical-align: middle;
  width: 88px;
}
#BoardItemsFilter .soa-ui-cm-input-container .BoardItemsFilter_submit {
  margin: -1px 0 0 2px;
}
#BoardItemsFilter .soa-ui-cm-input-container .BoardItemsFilter_submit .soa-ui-cm-imgtxt {
  display: block;
  height: 15px;
  width: 15px;
}
#BoardItemsFilter .soa-ui-cm-input-container .BoardItemsFilter_submit .soa-ui-cm-imgtxt:before {
  font-size: 13px;
  height: 15px;
  left: 0;
  top: 2px;
  width: 15px;
}
.headerPanel {
  background: transparent;
  color: #494949;
  padding: 10px 15px;
}
.headerPanel > h1 {
  color: #494949;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
.resourceHeaderPanel {
  margin: 10px 0 0;
  width: 100%;
}
.titleLabel {
  color: #494949;
  font-size: 17px;
  font-weight: bold;
  padding: 5px 18px;
}
.hidden {
  left: -9999px ! important;
  position: absolute ! important;
  top: -9999px ! important;
}
.noshow {
  display: none;
}
.highlight {
  color: #494949 !important;
}
.cwrap {
  padding: 15px;
}
div.clear_both {
  clear: both;
  height: 0;
}
.adminonly,
.adminonly.soa-ui-cm-hidden,
.adminonly.isadmin.soa-ui-cm-hidden {
  display: none;
}
.AppConnections .adminonly {
  display: none;
}
.adminonly.isadmin {
  display: block;
}
.value_textbox_active {
  font-size: 14px;
}
.info {
  font-size: 10px;
  text-align: left;
}
.contractView img {
  vertical-align: bottom;
}
.nomargin {
  margin: 0 ! important;
}
.nopadding {
  padding: 0 ! important;
}
h2.gentitle,
h3.gentitle {
  margin: 0 0 10px;
}
h2.gentitle {
  color: #494949;
  font-size: 14px;
}
h3.gentitle {
  font-size: 12px;
}
.gentitle .small {
  font-weight: normal;
}
p.gendesc {
  margin: 0 0 12px;
}
.gentitle span {
  color: #333333;
}
.otherActionsContainer {
  float: right;
  padding: 4px 6px;
}
h1.dialogHeader {
  background-color: #e5e5e5;
  color: #484848;
  font-size: 16px;
  padding: 10px 15px;
}
div#main_loader {
  font-size: 0;
  left: 224px;
  line-height: 16px;
  padding: 15px 20px;
}
.apilinks {
  float: right;
}
.apilinks [class].borderless {
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat;
  border: none;
  color: #2196f3;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  margin: 0 0 0 10px;
  padding: 0 0 0 18px;
}
.apilinks .apilink_access.borderless {
  background-position: -4px -324px;
  padding-left: 30px;
}
.apilinks .apilink_adddash.borderless {
  background-position: -4px -370px;
}
.apilinks .apilink_removedash.borderless {
  background-position: -4px -411px;
}
.img-yes,
.img-no {
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat -4px -281px;
  display: inline-block;
  height: 13px;
  margin: 0 2px;
  width: 13px;
}
.img-no {
  background-position: -3px -238px;
}
.discussion_types {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.start_discussion_options {
  background: #f8f8f8;
  padding: 5px 20px 0;
}
.start_discussion_options > ul > li {
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  padding: 0 15px 0 0;
}
.start_discussion_options > ul.apilinks > li {
  margin-top: -1px;
  padding-right: 4px;
}
.start_discussion_options > ul > li > .discussiontype {
  color: #494949;
  display: block;
  font-size: 14px;
  padding: 5px 0 12px 25px;
}
.start_discussion_options .active {
  cursor: default;
  font-weight: bold;
  position: relative;
}
.start_discussion_options .active .arrow {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1001;
  bottom: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ffffff;
  left: calc(100% - 15px - 100%/2);
}
.discussion_form_wrap {
  background: #f8f8f8;
  border-bottom: 1px solid #e5e5e5;
  color: #a5a5a5;
  padding: 0 20px 20px;
}
.board_item {
  border-top: 1px solid #959595;
  padding-top: 22px;
}
.board_item .resourceOrigin,
.board_item .resourceOrigin > a {
  background: no-repeat;
  display: block;
  font-size: 16px;
  line-height: 25px;
  padding: 0 0 0 30px;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-word;
}
.board_item .resourceOrigin {
  margin-bottom: 10px;
}
.board_item .resourceOrigin > a {
  padding-left: 26px;
  position: relative;
}
.board_item .resourceOrigin > a:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #2196f3;
  display: block;
  font: 20px/1 FontAwesome;
  left: 1px;
  position: absolute;
  text-indent: 0;
  text-rendering: auto;
  top: 2px;
}
.board_item .resourceOrigin > a.resourceOrigin_api:before {
  content: "\f013";
}
.board_item .resourceOrigin > a.resourceOrigin_app:before {
  content: "\f1ec";
}
.board_item .resourceOrigin > a.resourceOrigin_group:before {
  content: "\f0c0";
}
.board_item:first-child {
  border: medium none;
  padding: 0;
}
.board_item form {
  padding-top: 10px;
}
.item_content {
  float: left;
  font-size: 11px;
  position: relative;
  width: 662px;
}
.item_image {
  float: left;
  font-size: 10px;
  padding: 0 18px 0 13px;
  text-align: center;
  width: 86px;
  word-wrap: break-word;
}
.item_image > img {
  display: block;
  margin: 0 auto;
}
.comment_panel .item_image {
  padding: 0 14px 0 4px;
  width: 20px;
}
.comment_panel.unpublished .item_comment_description > p {
  opacity: .5;
}
.item_utils {
  position: absolute;
  right: 5px;
  top: 5px;
  background: no-repeat url("images/sprites_cm_open_system_2683b4.png");
  height: 17px;
  padding: 4px 0 0 10px;
}
.item_utils .delpost {
  display: inline-block;
  margin-left: 5px;
}
.item_utils .soa-ui-cm-input-checkbox {
  margin-left: 10px;
}
[class*="board_item_type"] .item_utils:before,
.item_utils > button:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #7f7f7f;
  display: block;
  font: 14px/1 FontAwesome;
  left: 1px;
  position: absolute;
  text-indent: 0;
  text-rendering: auto;
}
.board_item_type_discussion .item_utils:before {
  content: "\f086";
}
.board_item_type_ticket .item_utils:before {
  content: "\f1cd";
}
.board_item_type_alert .item_utils:before {
  content: "\f0f3";
}
.item_utils > button:before {
  content: "\f00d";
}
.item_content > h3 {
  padding-bottom: 2px;
  padding-right: 65px;
  font-weight: 500;
  font-size: 14px;
}
.item_content > h3 > a {
  display: block;
  word-wrap: break-word;
}
.item_content > p {
  padding-right: 65px;
}
.item_content .board-item-state {
  border: 1px solid #f00;
  color: #f00;
  display: none;
  font-size: 14px;
  padding: 6px;
}
.unpublished .item_content > p,
.unpublished .item_content > h3 {
  opacity: .5;
}
.unpublished .item_content .soa-ui-cm-board-item-content {
  min-height: 33px;
}
.board_item_type_discussion .board-item-state.pending,
.board_item_type_discussion .board-item-state.rejected {
  display: inline-block;
}
.item_content > dl,
.item_content .stats {
  line-height: 16px;
}
.stats-container {
  padding-bottom: 5px;
}
.item_content .stats {
  padding-top: 5px;
}
.item_content .stats:first-child {
  padding-top: 0;
}
.item_content .stats .tags {
  padding: 0;
}
.item_content > dl > dt,
.item_content > dl > dd,
.item_content > dl > dd > ul > li,
.item_content > ul > li,
.item_comment_description > ul > li,
.item_content .stats .tags,
.item_content .stats > dd,
.item_content .stats > dt {
  display: inline-block;
  line-height: 16px;
}
.item_comment_description {
  float: left;
  width: 620px;
}
.item_comment_description > ul,
.item_comment_description > p {
  padding: 0;
  line-height: 13px;
}
.item_comment_description > ul > li.comment_username {
  display: inline-block;
  line-height: 16px;
  max-width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.item_content > dl > dd,
.item_content > dl > dd > ul > li,
.item_content > ul > li,
.item_comment_description > ul > li,
.item_content .stats > dd {
  padding-right: 14px;
}
.item_content .stats .tags > li {
  color: #2196f3;
  cursor: pointer;
  display: inline-block;
  padding: 0;
}
.item_content .stats .tags > li:after {
  color: #7f7f7f;
  content: ", ";
}
.item_content .stats .tags > li.last:after {
  content: "";
}
.item_content .stats .tags > li:last-child:after {
  content: "";
}
.item_content > dl > dt,
.item_content .stats > dt {
  font-weight: 700;
}
.item_content > dl > dt:nth-child(11):before,
.item_content .stats > dt:nth-child(11):before {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  width: 0;
}
.item_content > .buttons {
  float: right;
  padding: 0 0 5px;
}
.item_content .view_all_comments {
  background: #d3eafd;
  clear: right;
  color: #2196f3;
  cursor: pointer;
  display: none;
  font-style: italic;
  height: 27px;
  line-height: 27px;
  padding: 0 7px;
  vertical-align: middle;
}
.item_content .view_all_comments.more_than_2 {
  display: block;
}
.comment_panel {
  padding-top: 15px;
}
.comment_panel .comment-status {
  border: 1px solid #f00;
  color: #f00;
  display: none;
  font-size: 12px;
  padding: 3px;
}
.comment_panel .comment-status-rejected,
.comment_panel .comment-status-pending {
  display: inline-block;
}
.new_comment .required {
  color: #7f7f7f;
}
.new_comment .buttons {
  float: right;
}
.new_comment .buttons > li,
.extra_actions > li {
  float: left;
  padding-left: 10px;
}
.new_comment > p > input[type="text"],
.inline_new_comment > p > input[type="text"],
.new_comment > fieldset > p > textarea {
  border: 1px solid #eceded;
  font-size: 11px;
  line-height: 14px;
  padding: 2px 5px;
  width: 650px;
}
.new_comment > p > input[type="text"],
.inline_new_comment > p > input[type="text"] {
  color: #7f7f7f;
  font-style: italic;
  height: 14px;
}
.new_comment > fieldset {
  display: none;
}
.extra_actions {
  display: none;
}
.startDiscussionOptions .unregistered-signup {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color;
  border-image: none;
  border: 1px solid #dddddd;
  border-width: 0 1px;
  padding: 10px;
}
form.newTalkboxEntry:first-child > p {
  margin-top: -1px;
  padding: 0;
}
form.newTalkboxEntry input[type="text"],
form.newTalkboxEntry textarea {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #7f7f7f;
  font-size: 11px;
  font-weight: bold;
}
form.newTalkboxEntry input[type="text"].placeholder,
form.newTalkboxEntry textarea.placeholder {
  color: #666;
}
.error,
form.newTalkboxEntry .error {
  color: red ! important;
}
form.newTalkboxEntry label.error {
  display: block;
}
form.newTalkboxEntry > div > p,
form.newTalkboxEntry .p_required {
  padding: 0 0 10px;
}
h5.starterForm {
  margin-top: -1px;
  padding: 0;
}
form.newTalkboxEntry input.starter[type="text"],
.starterForm .starter {
  background: #ffffff;
  /* needs to be redesigned anyway; regular input bg color doesn't work here */

  border: 1px solid #ffffff;
  color: #7f7f7f;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 6px 6px;
  position: relative;
  top: -1px;
}
.starterForm .starter {
  padding-bottom: 5px;
}
.starterForm .starter.noEntry {
  font-size: 12px;
  font-weight: normal;
}
form.newTalkboxEntry .inputs {
  white-space: nowrap;
}
form.newTalkboxEntry .inputs > p {
  display: inline-block;
  padding-left: 5px;
  vertical-align: top;
  width: calc(50% + 26px);
}
form.newTalkboxEntry .inputs > p.p_required {
  width: calc(50% - 30px);
}
form.newTalkboxEntry .inputs > p.p_required:after {
  right: -5px;
}
form.newTalkboxEntry .inputs > p > input[type="text"] {
  padding: 6px;
  width: calc(100% - 19px);
}
form.newTalkboxEntry .inputs > p:first-child {
  padding: 0;
}
form.newTalkboxEntry .p_required {
  position: relative;
}
form.newTalkboxEntry .p_required:after {
  color: #f00;
  content: " *";
  display: block;
  padding: 0 0 0 3px;
  position: absolute;
  right: -3px;
  top: 0;
}
form.newTalkboxEntry > .p_required {
  width: 766px;
}
form.newTalkboxEntry .inputs .menu_parent {
  width: 371px;
}
form.newTalkboxEntry > p > textarea {
  height: 60px;
  padding: 6px;
  width: 746px;
}
form.newTalkboxEntry .filters .filteropt {
  float: left;
  padding: 0 10px 10px 0;
}
form.newTalkboxEntry .filters .filteropt.right {
  float: right;
  padding-right: 0;
}
form.newTalkboxEntry .filters .filteropt > select {
  float: left;
}
form.newTalkboxEntry .filters .filteropt > label {
  display: block;
  float: left;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  padding: 0 5px 0 0;
  vertical-align: top;
}
form.newTalkboxEntry .filters .filteropt > label > .p_required:after {
  display: inline;
  position: relative;
  right: 2px;
  top: 0;
}
form.newTalkboxEntry .filters .filteropt label.error {
  display: block;
  font-size: 10px;
  line-height: normal;
}
form.newTalkboxEntry .buttons {
  float: right;
}
form.newTalkboxEntry .buttons > button,
form.newTalkboxEntry .buttons .button {
  margin: 0 0 0 5px;
}
.validateField {
  border-radius: 0 0 0 0;
  border: 0 none;
}
span.generror {
  float: none ! important;
  font-size: 11px;
}
span.generror span {
  color: red;
  display: block;
  margin: 3px 0 5px;
}
span.mandatory {
  color: red;
  padding: 0 0 0 2px;
}
.header_bg {
  width: 925px;
}
.header_align {
  float: right;
  height: 70px;
}
.logo_container {
  float: left;
  margin-top: 10px;
  text-align: left;
  vertical-align: bottom;
}
.logo_container > a {
  background-image: url("images/logo.png");
  height: 46px;
  width: 202px;
}
.plus_container {
  border: 1px solid #2196f3;
  background-color: #2196f3;
  float: left;
  height: 59px;
  width: 55px;
}
#PlusLogo {
  height: 53px;
  margin: 6px auto 0;
  width: 45px;
}
#PlusLogo a.plustoggle {
  display: block;
  height: 53px;
  text-indent: -9999px;
  width: 45px;
}
#PlusLogo a.plustoggle.active {
  background-color: #e5e5e5;
  background-image: url("images/SaaS-Sprites-question_plus-white.png");
}
#PlusLogo .popdown {
  width: auto;
}
#dropdown_loading {
  padding: 10px 20px;
  background-color: #FFF;
}
#dropdown_loading img {
  width: 190px;
}
.login_container,
.myinfo_container {
  background-color: #2196f3;
  border: 1px solid #2196f3;
  float: left;
  height: 59px;
  margin-left: 10px;
  width: 182px;
}
div#loginError {
  background: #AC2121;
  color: white;
  font-size: 11px;
  font-weight: bold;
  padding: 7px 10px;
}
.myinfo_container {
  width: auto;
}
#myInfo {
  padding: 4px 15px 0 0;
}
#topInfoMine {
  padding: 0 0 0 10px;
  position: relative;
  top: 6px;
}
.myinfo_container .utilities > li > a,
.myinfo_container .utilities,
.myinfo_container .utilities > li,
#bottomInfoMine > h3,
#topInfoMine > h3,
#myInfo .profile_logo > span {
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  line-height: 27px;
  padding: 0;
  vertical-align: middle;
}
#bottomInfoMine > h3 > a {
  color: #ffffff;
}
.myinfo_container .profile_logo > span:before {
  background: url("images/SaaS-Sprites_15_gray.png") no-repeat scroll 0 -871px;
  content: "\0000a0";
  display: inline-block;
  line-height: 27px;
  margin-left: 5px;
  padding-right: 3px;
  position: relative;
  width: 18px;
}
.myinfo_container .utilities > li {
  color: #7f7f7f;
}
#topInfoMine > h3 {
  border-right: 1px solid #ffffff;
  color: #ffffff;
  height: 15px;
  margin-right: 4px;
  max-width: 237px;
  font-size: 11px;
  padding: 0 6px;
  position: relative;
  top: -6px;
}
.myinfo_container .utilities > li > a,
#myInfo .profile_logo > span {
  display: block;
  color: #ffffff;
}
#bottomInfoMine > h3 {
  display: block;
  float: left;
}
#bottom_info_utilities > li > * {
  display: block;
  height: 18px;
  line-height: 18px;
  width: 18px;
  background: url("images/sprites_cm_open_icons_18_8a8a8a.png") no-repeat;
  float: none;
  text-indent: -9999px;
}
#bottom_info_utilities .yourAPI_logo > * {
  background-position: center -25px;
}
#bottom_info_utilities .APP_logo > * {
  background-position: center -69px;
}
#bottom_info_utilities .groups_logo > * {
  background-position: center -111px;
}
#bottom_info_utilities .connects_logo > * {
  background-position: center -153px;
}
#bottom_info_utilities .sysadmin_logo > * {
  background-position: center -584px;
}
#bottom_info_utilities .ActiveLogo > * {
  background-image: url("images/sprites_cm_open_icons_18_4a494a.png");
}
div.plslogin {
  background: #f1f1f1;
  border: 1px solid #cfd6d4;
  font-size: 11px;
  font-weight: bold;
  padding: 10px 20px;
  text-align: right;
}
#topInfoMine > h3 > img,
#topInfoMine > h3 > span,
#topInfoMine #header_username,
#topInfoMine .utilities {
  position: relative;
  top: -6px;
}
#topInfoMine > h3 > img,
#topInfoMine > h3 > span,
#topInfoMine #header_username {
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  line-height: 27px;
  vertical-align: middle;
}
#topInfoMine > h3 > img {
  margin: 1px 6px 0 0;
}
#topInfoMine #header_username {
  font-style: normal;
  max-width: 115px;
  overflow: hidden;
  padding: 0 0 0 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utilities,
.utilities > li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.utilities > li,
.utilities > li > a {
  display: inline-block;
  margin: 0;
}
#bottomInfoMine {
  padding: 0 4px 4px 9px;
}
#bottomInfoMine .utilities {
  border-left: 1px solid #ffffff;
  line-height: 15px;
  margin-top: 5px;
  padding-left: 10px;
  float: left;
}
#bottomInfoMine .utilities > li {
  line-height: 18px;
  padding-left: 20px;
}
#bottomInfoMine .utilities > li.sysadmin_logo_cntr {
  display: none;
}
#bottomInfoMine .utilities > li:first-child {
  padding-left: 0;
}
#bottomInfoMine .menu_notifications {
  background: #D0D6D5;
  color: #2883B4;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 10px;
  margin-left: 13px;
  margin-top: 5px;
  padding: 3px 6px;
  vertical-align: 12%;
}
.menu_notifications,
.utilities > li > a {
  color: #ffffff;
}
#signIn {
  color: #cfd1d2;
  cursor: pointer;
  float: left;
  font-size: 9px;
  font-weight: normal;
  line-height: 10px;
  margin-top: 10px;
  padding-left: 10px;
  text-align: left;
}
#signIn #bigText {
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 4px;
}
#ProfileLogo img,
#ProfileLogo span {
  color: #ffffff;
}
#ProfileLogo span {
  padding-left: 5px;
}
#myOtherInfo {
  color: #ffffff;
  margin-left: -82px;
  margin-top: 10px;
}
.search_container {
  background-color: #2196f3;
  border: 1px solid #2196f3;
  float: left;
  height: 59px;
  margin-left: 10px;
  width: 148px;
}
div.search_header {
  margin: 10px;
}
.search_input {
  background: #eceded;
  border: 1px solid #eceded;
  border-radius: 3px;
  clear: both;
  display: block;
  float: left;
  padding: 3px;
  width: 124px;
}
.search_input input {
  background: #eceded;
  border: none;
  color: #7f7f7f;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 2px 0 1px;
  width: 98px;
}
.search_input button {
  background: url("images/hover_search.png") no-repeat center center #2196f3;
  background-size: 18px;
  border: none;
  border-radius: 3px;
  display: block;
  float: right;
  height: 17px;
  margin: 0;
  width: 18px;
}
div.search_button {
  float: right;
}
.search_button h3 {
  background: url("images/sprites_cm_open_button.png") no-repeat 100% -52px transparent;
  /**** 58px ****/

  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 26px;
  padding-right: 15px;
  vertical-align: middle;
}
div.search_button img {
  display: block;
  float: right;
  padding: 8px 0 0 6px;
}
.help_container {
  background: #2196f3 0 100% no-repeat;
  border: 1px solid #2196f3;
  float: left;
  height: 59px;
  margin-left: 10px;
  width: 53px;
}
.myinfo_container + .help_container {
  margin-left: 5px;
}
div#helpbutton {
  height: 53px;
  margin: 3px auto 0;
  position: relative;
  width: 45px;
}
div#helpbutton a.hlogo,
#PlusLogo a.plustoggle {
  background: url("images/SaaS-Sprites-question_plus-gray.png") no-repeat center -19px;
}
div#helpbutton a.hlogo {
  cursor: pointer;
  display: block;
  height: 53px;
  text-indent: -9999px;
  width: 45px;
}
#PlusLogo a.plustoggle {
  background-position: center -76px;
}
.search_logo {
  background-image: url("images/norm_search.png");
  background-repeat: no-repeat;
  height: 24px;
  margin-top: 16px;
  width: 24px;
}
.search_logo:hover {
  background-image: url("images/hover_search.png");
}
.search_align {
  vertical-align: middle;
}
#Add_Dropdown_Container {
  display: none;
  position: absolute;
  z-index: 99999;
}
#listContainer_Dropdown {
  clear: left;
}
#listContainer_Dropdown > ul {
  background-color: #ffffff;
  list-style: none outside none;
  padding: 0;
}
#listContainer_Dropdown > ul > li {
  clear: both;
  text-align: left;
  width: 198px;
}
#listContainer_Dropdown > ul > li .divider {
  background: none;
  border-top: 1px solid #e5e5e5;
  height: 1px;
  margin: 0 10px;
  width: auto;
}
#listContainer_Dropdown > ul > li:first-child .divider {
  border: none;
}
#listContainer_Dropdown > ul > li > a {
  background: url("images/sprites_cm_open_add_2683b4.png") no-repeat;
  color: #2196f3;
  display: block;
  font-weight: bold;
  padding: 10px 0 10px 56px;
}
#listContainer_Dropdown > ul > li > a.addAPI_logo {
  background-position: 8px -18px;
}
#listContainer_Dropdown > ul > li > a.addBusiness_logo {
  background-position: 8px -197px;
}
#listContainer_Dropdown > ul > li > a.addAPP_logo {
  background-position: 8px -64px;
}
#listContainer_Dropdown > ul > li > a.addGroup_logo {
  background-position: 8px -109px;
}
#listContainer_Dropdown > ul > li > a.addNewUsers_logo {
  background-position: 8px -154px;
}
#bigText {
  position: relative;
}
#loginformdropdown {
  padding-top: 10px;
}
#signindropdown {
  background-color: #ffffff;
  position: absolute;
  right: -16px;
  top: 50px;
  z-index: 99999;
}
#signindropdown .register_link {
  height: 16px;
  margin: 0 auto 5px;
  position: absolute;
  right: 55px;
  top: 43px;
  z-index: 999;
}
a.close_me {
  background: url("images/sprites_cm_open_button.png") no-repeat 4px -227px;
  color: #7f7f7f;
  display: block;
  float: left;
  font-size: 10px;
  font-weight: bold;
  padding: 8px 0 8px 20px;
}
.popdown {
  border: 1px solid #e5e5e5;
  cursor: auto;
  position: absolute;
  text-align: left;
  width: 472px;
  z-index: 999;
}
.popdown .popdown_title,
.popdown .popdown_footer {
  background: #e5e5e5;
}
.popdown_divider {
  background: #e5e5e5;
  font-size: 0;
  height: 1px;
  margin: 0 10px;
}
.popdown .popdown_title h2 {
  color: #484848;
  font-size: 16px;
  margin: 0;
  padding: 3px 10px 2px;
}
.popdown_content {
  background: #ffffff;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
}
.popdown_content .popdown_wrap {
  margin: 0 0 10px;
  padding: 0 0 15px;
}
.popdown_content .formwrap {
  border-bottom: 2px solid #e5e5e5;
}
.popdown_content .popdown_cwrap {
  margin: 15px auto;
  width: 360px;
  color: #7f7f7f;
}
.popdown_content form.f_styled ol li {
  border: medium none;
  margin: 0 0 15px;
  padding: 0;
}
.popdown_content form.f_styled ol li:hover {
  background: none;
}
.popdown_content form.f_styled ol li.lastchild {
  text-align: left;
}
.popdown_content form.f_styled ol li input[type="text"],
.popdown_content form.f_styled ol li input[type="textbox"],
.popdown_content form.f_styled ol li input[type="password"],
.popdown_content form.f_styled ol li textarea {
  width: 348px;
}
.popdown_content form.f_styled div.f_label {
  float: none;
  width: auto;
}
.popdown_content form.f_styled div.f_input {
  margin: 0;
  width: auto;
}
.popdown_content p.social_buttons {
  text-align: left;
  color: #7f7f7f;
}
.popdown_content p.social_buttons img.tp-login-button {
  margin-right: 10px;
  cursor: pointer;
  vertical-align: middle;
}
.popdown_content .imgtxt {
  border: medium none;
  cursor: pointer;
  display: inline-block;
  height: 13px;
  line-height: 13px;
  width: 13px;
}
#header_invite_box .popdown_footer {
  padding: 5px 0;
}
.popdown_footer_content .reset_and_close_header_invite_form {
  background: url("images/sprites_cm_open_system_2683b4.png") 0 -758.5px no-repeat;
  padding-left: 20px;
}
.searchdropdown_header {
  background: #CFD1D2;
  height: 20px;
  padding: 10px 10px 10px 38px;
}
.searchdropdown_title h4 {
  color: #2982B3;
}
#searchdropdown {
  background: #ffffff;
  margin: 25px 0 0 -239px;
  position: absolute;
  text-align: left;
  width: 300px;
  z-index: 99999;
}
.popdown_search {
  padding: 5px 0 5px 38px;
  position: relative;
}
.popdown_search ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.popdown_search ul li a {
  font-size: 10px;
  font-weight: bold;
}
.popdown_search ul li a {
  color: #7f7f7f;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0;
}
.popdown_search ul li a:hover {
  background-color: #eceded;
  color: black;
}
.searchdropdown_title {
  background: url("images/sprites_cm_open_icons_18_8a8a8a.png") no-repeat center -25px;
  height: 18px;
  left: 11px;
  line-height: 18px;
  position: absolute;
  top: 10px;
  width: 20px;
}
.popdown_search_app .searchdropdown_title {
  background-position: center -69px;
}
.popdown_search_learnmore {
  height: 55px;
}
.popdown_search_learnmore a.popdown_search_images {
  background: url("images/search_learnmore.png") no-repeat;
  display: block;
  float: left;
  height: 55px;
  width: 65px;
}
.popdown_search_learnmore div.text {
  float: left;
  font-size: 11px;
  padding-left: 5px;
  padding-top: 10px;
}
#externalLogin {
  float: left;
  padding: 13px 0 0 25px;
  width: 425px;
}
#externalLogin .imgtxt {
  border: medium none;
  cursor: pointer;
  display: inline-block;
  height: 41px;
  line-height: 41px;
  margin-right: 17px;
  width: 41px;
}
#externalLogin .imgtxt:first-child {
  margin-left: 2px;
}
.soa-ui-cm-thirdparty-logins ul li.soa-ui-cm-thirdparty-login-item {
  display: inline;
}
.popdown_content .social_buttons .imgtxt {
  line-height: 41px;
  height: 41px;
  width: 41px;
}
#LoginFButton {
  background-image: url("images/icon_facebook.png");
}
#LoginTButton {
  background-image: url("images/icon_twitter.png");
}
#LoginYButton {
  background-image: url("images/icon_yahoo.png");
}
#LoginGButton {
  background-image: url("images/icon_google.png");
}
.popdown_content ul,
.popdown_content li,
.popdown_content h3 {
  color: #7f7f7f;
  display: block;
  float: none;
  font-size: 12px;
  line-height: normal;
  vertical-align: middle;
}
.popdown_content h3 {
  color: #2196f3;
}
.popdown_content li {
  position: relative;
}
.popdown_content li:hover {
  background-color: #eceded;
  cursor: pointer;
}
.popdown_content span.more > a {
  color: #2196f3;
}
.popdown_content span {
  color: #2196f3;
}
div.notification_counter {
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 5px 10px;
}
div.notification_counter a.counter {
  background: #eceded;
  border: 1px solid #eceded;
  color: #7f7f7f;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  text-align: center;
  width: 18px;
}
#header_notification_box {
  background: #ffffff;
  display: none;
  left: 20px;
  position: absolute;
  top: 53px;
  width: 430px;
}
#myInfo .popdown_content ul.notification_ul {
  float: none;
  list-style: none;
}
#myInfo .notification_ul > li {
  float: none;
  padding: 0 35px 15px;
}
#myInfo .notification_ul > li > p {
  padding: 0;
}
#myInfo .notification_ul .title,
#myInfo .notification_ul .description {
  font-size: 12px;
  line-height: 15px;
  padding: 0 18px 0 0;
}
#myInfo .notification_ul .title {
  color: #2196f3;
  float: none;
}
#myInfo .notification_ul .more {
  float: none;
  font-weight: bold;
  line-height: inherit;
  text-transform: uppercase;
  vertical-align: baseline;
}
.notification_ul .notification_icon {
  height: 21px;
  position: absolute;
  right: 35px;
  top: 20px;
  width: 21px;
}
.notification_ul .com_soa_notification_type_app_ticket_created,
.notification_ul .com_soa_notification_type_api_ticket_created,
.notification_icon.com_soa_notification_type_app_ticket_created,
.notification_icon.com_soa_notification_type_api_ticket_created,
.notification_ul .com_soa_notification_type_ticket_priority_changed,
.notification_icon.com_soa_notification_type_ticket_priority_changed {
  background: url("images/discussion_ticket.png") no-repeat scroll 0 0 transparent;
}
.notification_ul .com_soa_notification_type_app_post_created,
.notification_ul .com_soa_notification_type_api_post_created,
.notification_icon.com_soa_notification_type_app_post_created,
.notification_icon.com_soa_notification_type_api_post_created {
  background: url("images/discussion_discussion.png") no-repeat scroll 0 0 transparent;
}
.notification_ul .com_soa_notification_type_app_review_created,
.notification_ul .com_soa_notification_type_api_review_created,
.notification_icon.com_soa_notification_type_app_review_created,
.notification_icon.com_soa_notification_type_api_review_created {
  background: url("images/discussion_discussion.png") no-repeat scroll 0 0 transparent;
}
.del-notification-popout {
  position: absolute;
  right: 10px;
  top: 25px;
}
.del-notification-popout .imgtxt {
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat center -759px;
  display: block;
  width: 14px;
}
.notification-avatar {
  height: 35px;
  left: 0;
  padding-right: 5px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 35px;
}
.notification_divider {
  border-top: 1px solid #e5e5e5;
}
.popdown_content li:first-child .notification_divider {
  border: none;
}
.notification-information {
  padding: 15px 20px 0 20px;
}
.notification-border {
  clear: both;
  display: block;
  margin-left: 40px;
  padding-top: 5px;
  width: 350px;
}
li:first-child > .notification-border {
  border: none;
}
.notification-avatar span {
  clear: both;
  display: block;
  font-size: 9px;
  overflow: hidden;
  word-wrap: break-word;
}
#header_notification_box #all_notifications_link {
  background-position: 101% -56px;
  color: #7f7f7f;
  display: inline-block;
  float: none;
  font-style: italic;
  line-height: 17px;
  padding-right: 12px;
  text-transform: none;
}
#header_notification_box .popdown_footer_content {
  padding: 5px;
}
#header_invite_box {
  background: #ffffff;
  display: none;
  margin: 0;
  position: fixed;
  width: 400px;
  z-index: 9999;
}
#header_invite_box form {
  padding: 15px;
}
#header_invite_box form label {
  display: block;
}
#header_invite_box form input,
#header_invite_box form textarea {
  border-radius: 3px;
  margin-bottom: 12px;
  width: 97%;
}
#header_invite_box form textarea {
  height: 60px;
  width: 97%;
}
#header_invite_box .popdown_content li.lastchild {
  border-top: 1px solid #2196f3;
  margin-bottom: 0;
  padding-top: 15px;
}
#header_invite_email_status_text {
  background-color: #fefbf3;
  border: 1px solid #2196f3;
  margin: 7px 0;
  max-height: 150px;
  overflow: auto;
  padding: 7px;
}
div.SocialShare {
  padding: 2px 0;
}
div.SocialShare_FB {
  padding: 2px 0 4px;
}
ul.ratethis {
  background: url("images/star_sprite_red.png") no-repeat scroll right top transparent;
  display: inline-block;
  height: 12px;
  line-height: 12px;
  list-style: none outside none;
  margin: 1px 0 0;
  padding: 0;
  width: 65px;
}
ul.ratethis.star_rate1 {
  background-position: -52px 0;
}
ul.ratethis.star_rate2 {
  background-position: -39px 0;
}
ul.ratethis.star_rate3 {
  background-position: -26px 0;
}
ul.ratethis.star_rate4 {
  background-position: -13px 0;
}
ul.ratethis.star_rate5 {
  background-position: 0 0;
}
ul.ratethis li {
  float: left;
  height: 12px;
  line-height: 12px;
  text-indent: -9999px;
  width: 13px;
}
ul.ratethis li a:link,
ul.ratethis li a:visited {
  display: block;
}
.sprite {
  background: url("images/star_sprite.png") no-repeat;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
.sprite span {
  left: -9999px;
  position: absolute;
}
.rating_unrated {
  background: url("images/star_rate_dark_5.gif") no-repeat;
  height: 12px;
  width: 65px;
}
.rating_wrap {
  background: url("images/star_sprite.png") no-repeat right top;
  display: inline-block;
  height: 12px;
  line-height: 12px;
  margin: 1px 0 0;
  width: 65px;
}
.rating_wrap span {
  background: url("images/star_sprite.png") no-repeat;
  display: block;
  text-indent: -9999px;
  width: 0%;
}
.rating_star_1_0 {
  background-position: -52px 0;
  height: 12px;
  width: 65px;
}
.rating_star_1_5 {
  background-position: -39px -13px;
  height: 12px;
  width: 65px;
}
.rating_star_2_0 {
  background-position: -39px 0;
  height: 12px;
  width: 65px;
}
.rating_star_2_5 {
  background-position: -26px -13px;
  height: 12px;
  width: 65px;
}
.rating_star_3_0 {
  background-position: -26px 0;
  height: 12px;
  width: 65px;
}
.rating_star_3_5 {
  background-position: -13px -13px;
  height: 12px;
  width: 65px;
}
.rating_star_4_0 {
  background-position: -13px 0;
  height: 12px;
  width: 65px;
}
.rating_star_4_5 {
  background-position: 0 -13px;
  height: 12px;
  width: 65px;
}
.rating_star_5_0 {
  background-position: 0 0;
  height: 13px;
  width: 65px;
}
div.rating_subtitle {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 6px;
}
div.rating {
  margin: 5px 0 15px;
}
div.rating_left {
  float: left;
}
div.rating_right {
  margin-left: 315px;
}
.ResourceTitle {
  background-color: transparent;
}
.ResourceTitle > h1 {
  border: 1px solid #dddddd;
  border-width: 0 0 1px;
  color: #494949;
  font-size: 24px;
  padding: 17px 15px 15px;
}
#Content-Wide .ResourceTitle > h1 {
  border-left-width: 1px;
}
.ResourceMenuLayoutItems {
  height: 100%;
}
.ResourceTitle > .soa-ui-cm-content-header > h1,
.ApiDocsResourceTitle > .soa-ui-cm-content-header > h1 {
  color: #494949;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
  padding: 17px 15px 15px;
}
h1.headerPanel {
  color: #494949;
  font-size: 24px;
  font-weight: 300;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 10px;
}
.resource_item_container {
  background-color: transparent;
  margin-bottom: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  white-space: nowrap;
  width: 90%;
}
.resource_item:link,
.resource_item:visited,
.resource_item:active,
.resource_item:hover,
.resource_item_active:link,
.resource_item_active:visited,
.resource_item_active:active,
.resource_item_active:hover {
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  width: 88%;
}
.menu_link:link,
.menu_link:visited,
.menu_link:active,
.menu_link:hover,
.menu_link_active:link,
.menu_link_active:visited,
.menu_link_active:active,
.menu_link_active:hover,
.loggedin_top_menu_link:link,
.loggedin_top_menu_link:visited,
.loggedin_top_menu_link:active,
.loggedin_top_menu_link:hover,
.loggedin_top_menu_link_active:link,
.loggedin_top_menu_link_active:visited,
.loggedin_top_menu_link_active:active,
.loggedin_top_menu_link_active:hover,
.top_menu_link:link,
.top_menu_link:visited,
.top_menu_link:active,
.top_menu_link:hover,
.top_menu_link_active:link,
.top_menu_link_active:visited,
.top_menu_link_active:active,
.top_menu_link_active:hover {
  color: #ffffff;
  text-decoration: none;
}
.collection_item_extensions {
  font-size: 10px;
  margin-bottom: 10px;
  margin-left: 80px;
  margin-top: 15px;
}
.collection_item_actions {
  float: right;
  margin-left: 25px;
}
.collection_item_container {
  padding: 5px 0;
}
.collection_item_container .soa-ui-cm-markdown-it-enabled-preview {
  padding-top: 0;
}
.collection_item_extensions li {
  display: inline;
}
.FollowersCollection .collection_item_container {
  border-bottom: 2px solid #959595;
}
.collection_item_container:after,
.collection_item:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.collection_item_img {
  float: left;
  padding: 0;
}
.collection_item_img > img {
  width: 25px;
}
.collection_item_logo {
  display: none;
}
.collection_item_title {
  float: left;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
}
.collection_item_title .soa-ui-cm-icon:before {
  font-size: 15px;
  top: 0;
}
.collection_item_title > span > a {
  padding-left: 20px;
}
.collection_item_title .soa-ui-cm-icon.soa-ui-cm-imgtxt.soa-ui-cm-icon-lock:before {
  font-size: 14px;
  margin-left: 5px;
  top: 1px;
}
.collection_item_description {
  clear: both;
  font-size: 12px;
  margin: 5px 0;
  padding-left: 51px;
  word-wrap: break-word;
}
.search_ext_name {
  font-weight: bold;
}
.search_result_divider {
  border-bottom: 1px solid #959595;
  padding-top: 10px;
}
.search_item_title {
  color: #494949;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0 0 25px;
  padding-left: 30px;
  text-decoration: underline;
}
.search_item_description {
  font-size: 12px;
  margin: 3px 0 0 25px;
  padding-left: 30px;
  padding-top: 10px;
}
.collection_item_link {
  font-size: 12px;
  padding-left: 51px;
}
.tiled_collection.collection_item_container {
  border: 1px solid #EEEEEE;
  float: left;
  height: 180px;
  margin: 5px;
  padding: 10px 0 0;
  width: 180px;
}
div.tiled_collection .collection_item_extensions {
  background-color: #EEEEEE;
  margin: 0;
  padding: 5px;
}
div.tiled_collection .collection_item_extensions li {
  display: block;
  height: 17px;
}
div.tiled_collection .collection_item_img img {
  float: none;
  height: 75px;
  padding: 0 50px;
  width: 75px;
}
div.tiled_collection .collection_item_logo {
  margin: 3px 0 0 10px;
}
div.tiled_collection .collection_item_title {
  height: 20px;
  padding: 0 0 0 35px;
}
.sign_up_notf_container {
  height: 60px;
  line-height: 60px;
  margin: 0;
  padding: 0;
}
.sign_up_notf_container.cwrap {
  border-bottom: medium none;
}
div.blackbar {
  background: #3c4141;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
div.blackbar a:link,
div.blackbar a:visited {
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: bold;
}
div.blackbar span {
  background: url("images/toggle_minus.gif") no-repeat left center;
  display: inline-block;
  padding: 0 0 0 15px;
}
div.blackbar.active span {
  background-image: url("images/toggle_plus.gif");
}
.cwrap_toggler {
  background: url("images/bluebar.gif") repeat-x left center;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0 0 10px;
}
.cwrap_toggler.notToggler {
  cursor: default;
}
.cwrap_toggler div {
  background: #fff;
  float: left;
  padding: 0 5px 0 0;
}
.cwrap_toggler div.toggler {
  float: right;
  font-size: 10px;
  padding: 0 0 0 5px;
}
.cwrap_toggler div.toggler a {
  color: #000;
  font-size: 11px;
}
.layout_border_left {
  background-position: left center;
  background-repeat: repeat-y;
}
.layout_border_right {
  background-position: right center;
  background-repeat: repeat-y;
}
.layout_border_left_gray {
  background-image: url("images/perimeter_grey.png");
  background-position: left center;
  background-repeat: repeat-y;
}
.layout_border_right_gray {
  background-image: url("images/perimeter_grey.png");
  background-position: right center;
  background-repeat: repeat-y;
}
.layout_border_left_right_bottom {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color #aaaaaa #aaaaaa;
  border-image: none;
  border-right: 1px solid #AAAAAA;
  border-style: none solid solid;
  border-width: medium 1px 1px;
}
.divider {
  background-color: black;
  font-size: 0;
  height: 5px;
  width: 100%;
}
.divider1 {
  background-color: #555555;
  font-size: 0;
  height: 1px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
}
.divider2 {
  background-color: #555555;
  font-size: 0;
  height: 2px;
  width: 100%;
}
.divider3 {
  background-color: #555555;
  font-size: 0;
  height: 3px;
  width: 100%;
}
.value_textbox {
  background-color: white;
  border: 1px solid #CFD1D2;
  font-style: normal;
}
div.buttonwrap {
  font-size: 0;
  margin-top: 20px;
}
div.buttonwrap_left {
  float: left;
}
div.buttonwrap_right {
  float: right;
}
.buttons {
  text-align: right;
}
span.ddwrap {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  text-transform: uppercase;
  vertical-align: middle;
  width: 200px;
}
span.ddwrap .dropdownlist {
  background: #333333;
  border-radius: 0 0 0 0;
  height: 22px;
  line-height: 22px;
}
span.ddwrap .dropdownlist .selected {
  background-color: #ECECED;
  color: #2683B2;
  padding: 0 8px;
}
span.ddwrap .dropdownlist .thedrop {
  top: 22px;
}
span.ddwrap .dropdownlist ul li a:link,
span.ddwrap .dropdownlist ul li a:visited {
  color: #2683B2;
  padding: 8px;
}
.dropdownlist {
  background: #F5F5F5;
  border-radius: 0 0 0 0;
  color: #333333;
  display: inline-block;
  font-size: 9px;
  font-weight: normal;
  height: 16px;
  position: relative;
  vertical-align: top;
  width: inherit;
}
.dropdownlist.hovered {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdownlist .selected {
  background: url("images/dub_arrows_black.gif") no-repeat scroll right center transparent;
  display: block;
  overflow: hidden;
  padding: 0 5px;
}
.thedrop {
  left: 0;
  position: absolute;
  top: 16px;
  width: inherit;
}
.thedrop > ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.thedrop > ul > li > a,
.rtitle_dropdown > div > ul > li > a {
  background: #F5F5F5;
  color: #333333;
  display: block;
  line-height: 14px;
  padding: 4px 5px;
}
.thedrop > ul > li > a:hover,
.thedrop > ul > li > a:active,
.rtitle_dropdown > div > ul > li > a:hover,
.rtitle_dropdown > div > ul > li > a:active {
  background: #E3EEF8;
}
.thedrop > ul > li:last-child > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.ui-dialog {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  position: absolute;
}
.ui-widget-overlay {
  background: #232323;
  left: 0;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  top: 0;
}
div.smallDialog h2 {
  background-color: #e5e5e5;
  color: #484848;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 10px;
}
div.smallDialog label {
  color: #494949;
  display: block;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 4px 0 0 10px;
  width: 90px;
}
div.smallDialog li {
  margin: 0 0 10px;
  min-height: 22px;
  overflow: auto;
}
div.smallDialog .radiolist {
  height: 200px;
  margin-bottom: 20px;
  overflow: auto;
}
div.smallDialog .selectbox-wrapper > li {
  margin: 0;
}
div.smallDialog div.smallDialogContent {
  padding: 20px;
}
div.smallDialog .formUpload > input {
  margin-bottom: 20px;
}
div.smallDialog .buttons {
  padding-bottom: 0;
  text-align: right;
}
div.smallDialog .buttons > li:first-child {
  padding: 0;
}
div.smallDialog .buttons > li {
  display: inline;
  padding-left: 5px;
}
div.smallDialog input[type="text"],
div.smallDialog input[type="textbox"],
div.smallDialog input[type="password"],
div.smallDialog textarea {
  background: none repeat scroll 0 0 #ECEDED;
  border-radius: 0 0 0 0;
  font-style: normal;
  font-weight: bold;
  height: 20px;
  padding: 0 6px;
  width: 250px;
}
div.smallDialog input,
div.smallDialog textarea,
div.smallDialog select {
  border: medium none;
  color: #3D4242;
  font-family: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
}
.smallDialog #collectComments {
  height: 50px;
  margin-left: 10px;
  margin-top: 5px;
  padding: 3px 6px;
  width: 435px;
}
div.smallDialog div.smallDialogDesc {
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 5px;
}
form.f_styled fieldset {
  border: medium none;
  margin: 0;
  padding: 0;
}
form.f_styled input,
form.f_styled textarea,
form.f_styled select {
  color: #7f7f7f;
  font-family: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
}
form.f_styled input.placeholder,
form.f_styled textarea.placeholder {
  color: #666;
}
form.f_styled input[type="text"],
form.f_styled input[type="textbox"],
form.f_styled input[type="password"],
form.f_styled textarea,
.executeActionForm textarea {
  background: #eceded;
  border-radius: 0;
  font-style: normal;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0 3px;
  vertical-align: middle;
}
form.f_styled input.helperText[type="text"],
form.f_styled input.helperText[type="textbox"],
form.f_styled input.helperText[type="password"],
form.f_styled textarea.helperText,
.executeActionForm textarea.helperText {
  color: #7f7f7f;
  font-family: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: oblique;
  font-weight: normal;
}
form.f_styled textarea,
.executeActionForm textarea {
  padding: 3px;
}
form.f_styled textarea {
  height: 60px;
  line-height: normal;
}
form.f_styled input[disabled="disabled"],
form.f_styled textarea[disabled="disabled"] {
  color: #d8d8d8;
}
form.f_styled ol {
  list-style: none outside none;
  padding: 0;
}
form.f_styled ol li {
  border-bottom: 1px solid #EEEEEE;
  padding: 15px 0;
}
form.f_styled ol li.lastchild {
  border-bottom: medium none;
}
form.f_styled div.f_label {
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 10px;
  width: 150px;
}
form.f_styled div.f_input {
  margin-left: 160px;
  margin-top: 0;
  width: 300px;
}
form.f_styled .f_desc {
  color: #777777;
  display: block;
  font-size: 11px;
  margin-top: 10px;
}
form.f_styled .f_desc a {
  font-weight: normal ! important;
}
form.f_styled div.f_input input[type="text"],
form.f_styled div.f_input input[type="textbox"],
form.f_styled div.f_input input[type="password"] {
  height: 20px;
  line-height: 20px;
  vertical-align: baseline;
}
.ui-dialog form.f_styled input[type="text"],
.ui-dialog form.f_styled input[type="textbox"],
.ui-dialog form.f_styled input[type="password"],
.ui-dialog form.f_styled textarea {
  width: 250px;
}
form.f_styled div.f_input textarea {
  height: 60px;
}
form .f_required:after {
  color: red;
  content: " *";
}
form .f_checkbox {
  display: inline-block;
  height: 18px;
  line-height: 18px;
}
form .f_checkbox input {
  float: left;
}
form .f_checkbox span {
  vertical-align: middle;
}
.wizardTabTitle {
  color: #2196f3;
  cursor: pointer;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 20px;
  padding: 5px 12px 1px 2px;
  vertical-align: middle;
}
.wizardTabTitle.wizardTabError {
  color: #c62026;
}
.wizardTabTitle.wizardTabDone {
  color: #50b948;
}
.wizardTabDisabled {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}
.wizardTab.imgtxt {
  float: left;
  height: 31px;
  line-height: 31px;
  vertical-align: middle;
  width: 30px;
}
.wizardTab.imgtxt:before {
  border: 3px solid #2196f3;
  border-radius: 100px;
  color: #2196f3;
  content: attr(data-step);
  display: block;
  font: 700 19px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0 3px;
  text-align: center;
  text-indent: 0;
  top: -2px;
  width: 16px;
}
.wizardTabDone.wizardTab.imgtxt:before {
  border-color: #50b948;
  color: #50b948;
}
.wizardTabError.wizardTab.imgtxt:before {
  border-color: #c62026;
  color: #c62026;
}
.wizardTab.imgtxt.wizardTabOn:before {
  color: #ffffff;
  background: #2196f3;
  border: none;
  padding: 3px 6px;
}
.wizardTabDone.wizardTab.imgtxt.wizardTabOn:before {
  background: #50b948;
}
.wizardTabError.wizardTab.imgtxt.wizardTabOn:before {
  background: #c62026;
}
.wizardContentPanel .cancelPanel {
  color: #c01e2e;
  font-size: 24px;
  font-weight: bold;
  padding: 50px;
  text-align: center;
}
.wizardHeadingAndTabs {
  height: 20px;
  padding: 8px 12px 12px 10px;
}
#wizardContent {
  padding-top: 10px;
  background: #ffffff;
  margin: 0 auto;
  width: 984px;
}
#wizardContent:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wizardPageContent {
  float: left;
  display: none;
  margin: 10px;
  width: auto;
}
.advancedOptionsContent {
  float: left;
  display: none;
  margin-top: 28px;
}
.wizardFooter {
  margin: 20px 10px;
  line-height: 19px;
  text-align: right;
}
.wizardFooter > div {
  float: left;
  width: 50%;
}
.wizardFooter > div.ctr_buttons_left {
  text-align: left;
}
.wizardFooter button,
.wizardFooter .button {
  margin-left: 5px !important;
  margin-right: 0 !important;
}
.wizardCW {
  border: 1px solid #cfd1d2;
  padding: 1px;
}
.wizardCW {
  border: medium none ! important;
  padding: 0 ! important;
}
.wizardCW .wizardContentPanel {
  background: #ffffff;
  border-top: 1px solid #dddddd;
  padding: 15px;
}
.wizardCW #wizardContent div.cwrap {
  border: medium none;
}
.wizardHeadingAndTabs {
  border-bottom: 1px solid #c9c9c9;
  height: 26px;
  line-height: 26px;
  padding: 0 0 10px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 0 -15px;
}
.wizardCW div.wizardContentPanel .divider3 {
  display: none;
}
.wizardCW div.wizardHeadingAndTabs .wizardTabBack,
.wizardCW div.wizardHeadingAndTabs .wizardTabNext {
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
}
form.f_styled ol li:after,
div.detaillist ul li:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.advancedOptionsSubheader {
  background: url("images/bluebar.gif") repeat-x scroll left center transparent;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 20px 0 10px;
}
.advancedOptionsSubheader div {
  background: white;
  float: left;
  padding: 0 5px 0 0;
}
.advancedOptionsSubheader div.toggler {
  float: right;
  font-size: 10px;
  padding: 0 0 0 5px;
}
.advancedOptions {
  border: 1px solid #ECEDED;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 0;
  padding: 5px;
  width: 350px;
}
.advancedOptions input {
  float: left;
}
.advancedOptions div {
  float: left;
  padding: 2px 10px 0 5px;
}
.advancedOptions li {
  display: inline;
  list-style-type: none;
}
div.wizard_two_column {
  margin: 0 auto;
  width: 984px;
}
div.wizard_two_column_left {
  border-right: 2px solid #959595;
  float: left;
  padding-right: 30px;
  width: 480px;
}
div.wizard_two_column_right {
  float: left;
  padding: 0 30px;
  width: 418px;
}
div#Content-Wide div.wizard_two_column {
  width: auto;
}
div#Content-Wide div.wizard_two_column div.wizard_two_column_left {
  width: 346px;
}
div#Content-Wide div.wizard_two_column div.wizard_two_column_right {
  width: 340px;
}
div.wizard_two_column div.wizard_two_column_right div.imgholder {
  border: 1px solid #7f7f7f;
  float: left;
  padding: 2px;
  width: 75px;
}
div.wizard_two_column div.wizard_two_column_right div.imgholder div.imgholder_btns {
  margin: 5px 0 0;
  text-align: center;
}
div.wizard_two_column div.wizard_two_column_right div.imgholder img {
  display: block;
  width: 75px;
}
div.wizard_two_column div.wizard_two_column_right div.imgholder div.imgholder_btns button {
  margin: 0;
}
div.wizard_two_column div.wizard_two_column_right div.desc {
  margin-left: 95px;
}
div.wizard_two_column div.wizard_two_column_right div.desc p {
  font-weight: bold;
  margin: 0;
  padding-bottom: 10px;
}
div.wizard_two_column div.formsep {
  margin: 0 0 20px;
}
div.wizard_two_column div.wizard_two_column_left div.formsep label {
  color: #7f7f7f;
  display: block;
  float: left;
  font-weight: bold;
  padding: 0;
  width: 130px;
}
div.wizard_two_column div.wizard_two_column_left div.formsep .input_visibility label {
  width: 75px;
}
div.wizard_two_column div.wizard_two_column_left div.formsep .input_visibility label.apiVisibility_Registered_Users_container,
div.wizard_two_column div.wizard_two_column_left div.formsep .input_visibility label.appVisibility_Registered_Users_container,
div.wizard_two_column div.wizard_two_column_left div.formsep .input_visibility label.groupVisibility_Registered_Users_container {
  width: 125px;
}
div.wizard_two_column div.wizard_two_column_left div.formsep label.error {
  width: 100%;
}
#AddModifyApp div.wizard_two_column div.wizard_two_column_left div.formsep label,
#AddModifyApi div.wizard_two_column div.wizard_two_column_left div.formsep label {
  margin-top: 0;
}
div.wizard_two_column div.wizard_two_column_left div.formsep div.inputwrap label {
  padding-top: 0;
}
div.wizard_two_column div.wizard_two_column_right div.formsep label {
  display: block;
  margin-bottom: 5px;
}
div.wizard_two_column div.formsep div.inputwrap {
  margin-left: 136px;
}
.wizardPageContent input[type="text"],
.wizardPageContent input[type="password"],
.wizardPageContent textarea,
.wizardPageContent .soa-ui-cm-signup-security-questions {
  color: #7f7f7f;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  width: 100%;
}
.wizardPageContent input[type="text"].soa-ui-cm-input {
  font-size: 13px;
  font-weight: normal;
  height: 24px;
  line-height: 24px;
  padding: 5px 3px 4px;
  margin: 0;
  vertical-align: middle;
}
.wizardPageContent input[type="text"].placeholder,
.wizardPageContent input[type="password"].placeholder,
.wizardPageContent textarea.placeholder {
  color: #666;
}
div.LeftPanel {
  background-color: #f5f5f5;
  padding: 0 5px 10px;
}
div.LeftPanel h2.title,
fieldset.leftPanel h2.title {
  color: #494949;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  padding: 10px 0 0;
}
fieldset.leftPanel {
  background-color: #f5f5f5;
  border: medium none;
  margin: 0;
  padding: 5px;
}
fieldset.leftPanel ul {
  list-style: none;
  padding: 0;
}
fieldset.leftPanel ul li > div {
  background-color: #EAEAEB;
  padding: 1px;
}
fieldset.leftPanel label {
  color: #CFD1D2;
  display: block;
  font-size: 10px;
  font-weight: bold;
  padding-top: 15px;
}
fieldset.leftPanel input.help_text {
  width: 100px;
}
fieldset.leftPanel select {
  height: 23px;
}
fieldset.leftPanel .soa-ui-cm-button-form-control {
  width: 100%;
  margin: 0;
  padding: 0;
}
.DiscussionOptionsPanel .soa-ui-cm-button-form-control {
  margin: 0;
  width: 100%;
}
div.LeftPanel td.list_title {
  color: #494949;
  display: block;
  font-size: 11px;
  font-weight: normal;
  padding-bottom: 3px;
  padding-top: 10px;
}
td.filtertype {
  padding-bottom: 10px;
}
.searchoption table td.round_text {
  background: #eceded;
  border: medium none;
  height: auto;
  padding: 1px 2px;
}
.searchoption .soa-ui-cm-input-container {
  background: #eceded;
  border-color: #eceded;
  color: #7f7f7f;
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  padding: 3px 2px 0 5px;
  width: 112px;
}
.searchoption .soa-ui-cm-input-container:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
.searchoption .soa-ui-cm-input-container #collection_options_search,
.searchoption .soa-ui-cm-input-container #tagtext,
.searchoption .soa-ui-cm-input-container .collection_options_submit {
  float: left;
}
.searchoption .soa-ui-cm-input-container #collection_options_search,
.searchoption .soa-ui-cm-input-container #tagtext {
  background: none;
  border: none;
  font-size: 11px;
  padding: 1px;
  width: 89px;
}
.searchoption .soa-ui-cm-input-container .collection_options_submit {
  margin: -1px 0 0 2px;
}
.searchoption .soa-ui-cm-input-container .collection_options_submit .soa-ui-cm-imgtxt {
  height: 15px;
  width: 15px;
}
.searchoption input.placeholder {
  color: #666;
}
div.rtitle_wrap h1 img {
  display: block;
  float: left;
  margin: 6px 5px 0 10px;
}
div.rtitle_wrap h1 span {
  color: #FFFFFF;
  font-size: 17px;
}
div.rtitle_wrap div.rtitle_right {
  color: #494949;
  float: right;
  margin: 23px 0 0 0;
  font-size: 12px;
  font-weight: normal;
  padding-right: 18px;
  position: relative;
  z-index: 10;
}
div.rtitle_wrap div.rtitle_right > span {
  color: #494949;
  display: inline;
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
}
div.rtitle_wrap ul {
  z-index: 1;
}
.rtitle_wrap .rtitle_right > span {
  text-transform: uppercase;
}
.rtitle_wrap .rtitle_dropdown {
  display: inline;
  height: 16px;
  line-height: 16px;
}
.rtitle_wrap .rtitle_dropdown > div {
  display: inline;
}
.rtitle_right > .rtitle_dropdown > .dropdownlist {
  background: #2683B4;
}
.rtitle_right .selected {
  cursor: pointer;
  overflow: hidden;
  padding: 3px 13px 0 4px;
}
.rtitle_wrap .selected:before {
  -webkit-font-smoothing: antialiased;
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  position: absolute;
  text-rendering: auto;
  content: "\f0d7";
  top: 2px;
  right: 21px;
}
.rtitle_right .selected.forIE {
  display: inline-block;
  padding: 3px 9px;
  vertical-align: middle;
}
div.rtitle_wrap div.rtitle_dropdown > .dropdownlist.hovered > span.selected,
.selected.active {
  background-color: #FFFFFF;
  color: #000000;
}
.selected.active {
  background-color: #F5F5F5;
}
.chartControls {
  padding: 14px 20px 0 25px;
}
.chartPlotPanel {
  width: 800px;
}
.txTimePeriod {
  width: 70px;
}
.starRate {
  margin: 20px;
  overflow: hidden;
  position: relative;
}
.starRate ul {
  margin: 0;
  padding: 0;
  width: 160px;
}
.starRate li {
  display: inline;
  list-style: none outside none;
}
.starRate a,
.starRate b {
  background: url("images/star_rate.gif") repeat-x scroll left top transparent;
}
.starRate a {
  background-position: left 12px;
  color: #000000;
  float: right;
  height: 12px;
  margin: 0 60px 0 -144px;
  text-decoration: none;
  width: 60px;
}
.starRate a:hover {
  background-position: left -24px;
}
.starRate b {
  background-position: left -12px;
  height: 12px;
  position: absolute;
  width: 60px;
  z-index: -1;
}
.starRate div b {
  background-position: left top;
  bottom: 0;
  left: 0;
}
.starRate a span {
  left: -300px;
  position: absolute;
}
.starRate a:hover span {
  left: 90px;
  width: 100%;
}
.rating_bar {
  background: url("images/star_rate_light.gif") repeat-x scroll 0 0 transparent;
  width: 60px;
}
.rating_bar div {
  background: url("images/star_rate_dark.gif") repeat-x scroll 0 0 transparent;
  height: 12px;
}
div.cwrap div.reviews {
  clear: both;
}
div.cwrap div.reviews ul {
  margin: 0;
  padding: 0;
}
div.cwrap #real_form div.rating {
  float: left;
  width: 220px;
}
div.cwrap #real_form div.rating_version {
  float: right;
  width: 160px;
}
div.cwrap #real_form h3 {
  clear: both;
  color: #2683B4;
  font-size: 12px;
}
div.cwrap #real_form #review_actions {
  margin-top: 6px;
}
div.cwrap #real_form #review_actions .delete {
  float: left;
  font-size: 11px;
}
div.cwrap #real_form #review_actions .buttons {
  float: right;
}
div.cwrap #real_form #review_actions .buttons input {
  margin: 0 0 0 5px;
}
div.cwrap div.reviews ul li {
  list-style: none outside none;
  margin: 0 0 10px;
  padding: 0 0 10px;
}
div.cwrap div.reviews ul li div.title {
  float: left;
  font-weight: bold;
}
div.cwrap div.reviews ul li .author_info {
  clear: left;
  font-size: 11px;
}
div.cwrap div.reviews ul li .author_info span.author {
  text-decoration: underline;
}
div.cwrap div.reviews ul li .review {
  margin-top: 6px;
}
div.cwrap div.reviews ul li .peer {
  margin-top: 9px;
}
div.cwrap div.reviews ul li div.helpful_link {
  float: right;
}
div.cwrap div.reviews ul li div.helpful_link a {
  color: #2683B4;
  text-decoration: underline;
}
.fake_textarea,
.new_review_text {
  border: 1px solid #CFD1D2;
  color: #6D6F72;
  font-size: 11px;
  font-style: oblique;
  height: 25px;
  line-height: 25px;
  margin-bottom: 20px;
  padding: 0 5px;
  width: calc(100% - 10px);
}
.new_review_title {
  border-color: #bcc2c2;
  color: #6D6F72;
  height: 25px;
  margin-bottom: 10px;
  padding: 0 5px;
  width: calc(100% - 10px);
}
.new_review_text {
  height: 120px;
  margin-bottom: 5px;
}
.reviews_links {
  display: inline-block;
  font-size: 0;
  height: 16px;
  line-height: 14px;
  margin: 0 0 0 10px;
  padding: 0 0 2px;
  vertical-align: middle;
}
.reviews_links .version-filter {
  padding-left: 10px;
}
.reviews_links .version-filter li {
  float: left;
  margin-right: 10px;
}
.reviews_links .version-filter li label {
  color: #2196f3;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  margin-right: 5px;
  float: left;
}
.reviews_links .version-filter li label:after {
  content: ':';
}
.reviews_links .version-filter li .version-control-labels {
  color: #000;
}
.reviews_links .version-filter li .version-control-labels:after {
  content: '';
}
.reviews_link > a {
  background: #CFD6D4;
  border: 1px solid #9998A4;
  display: inline-block;
  font-size: 10px;
  padding: 0 10px;
}
.reviews_current > a {
  border-bottom-left-radius: 3px;
  border-right: medium none;
  border-top-left-radius: 3px;
}
span.reviews_all a:link,
span.reviews_all a:visited {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
span.reviews_link a.active:link,
span.reviews_link a.active:visited {
  background: white;
}
div.reviews_sort span.sorttext {
  color: #7f7f7f;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  padding: 0 5px 0 0;
}
span.versiontext {
  color: #7f7f7f;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  padding-left: 15px;
}
div.reviewSearch {
  float: left;
  padding-left: 20px;
}
div.review_mark {
  margin-top: 10px;
}
label.searchtext {
  color: #2196f3;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
}
span.radioSpan {
  font-size: 11px;
  font-weight: bold;
  padding-left: 5px;
  vertical-align: 2px;
}
.reviews_links input {
  margin-right: 0;
  margin-top: 2px;
  float: left;
}
div.reviews_sort div.reviews_sort_dd,
div.app_type_dd {
  float: left;
  width: 120px;
}
div.reviews_sort {
  float: left;
  padding-right: 15px;
  width: 175px;
}
div.reviewSearch #tagtext {
  background: none repeat scroll 0 0 #ECEDED;
  border-radius: 0 0 0 0;
  border: medium none;
  color: #6D6F72;
  font-size: 11px;
  padding: 3px;
  width: 120px;
}
div.reviewSearch input.helperText[name="tagtext"] {
  font-style: italic;
}
.reviewContent > .reviewDesc {
  padding-top: 5px;
}
div.reviews_links {
  float: left;
}
div.reviewCont {
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 0;
}
div.reviewFooter {
  border-bottom: 2px solid #93C1D9;
  font-size: 10px;
  font-weight: bold;
  padding: 10px 0 0;
}
div.reviewFooter:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
div.reviewFooter .reviewRight {
  float: right;
}
div.reviewCont > div.reviewImage {
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  width: 50px;
}
div.reviewCont > div.reviewContent {
  -ms-flex: 2 0 auto;
  max-width: calc(100% - 65px);
  padding-left: 15px;
  flex-grow: 2;
}
div.reviewContent .reviewTitle {
  font-weight: bold;
  padding-right: 68px;
}
div.reviewContent .nameDate {
  font-size: 10px;
  padding: 0 68px 5px 0;
}
.reviewContent {
  position: relative;
}
.reviewContent .board-item-state {
  border: 1px solid #f00;
  color: #f00;
  display: none;
  font-size: 12px;
  padding: 3px;
}
.reviewContent .board-item-state.rejected,
.reviewContent .board-item-state.pending {
  display: inline-block;
}
.reviewContent .pending,
.reviewContent .rejected {
  display: block;
}
.soa-ui-cm-your-review .reviewContWrapper .new_review_text {
  width: calc(100% - 20px);
  height: 100%;
}
.soa-ui-cm-your-review .reviewContWrapper .new_review_title {
  width: calc(100% + 55px);
}
.soa-ui-cm-your-review .reviewContWrapper .soa-ui-cm-stamp {
  border: 1px solid #f00;
  color: #f00;
  font-size: 14px;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0;
}
.soa-ui-cm-your-review .soa-ui-cm-review-notice {
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 5px;
}
.reviewDate {
  padding-right: 50px;
}
.reviewName {
  text-decoration: underline;
}
.reviewRight .fakeLinks {
  display: none;
}
.imageName {
  color: #494E4E;
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  width: 50px;
  word-wrap: break-word;
}
#signupForm #legalAgreement {
  padding: 10px 19px;
}
div#wizardContent div.formsep {
  margin: 0 0 20px 0;
}
div#wizardContent div.wizard_two_column_left div.formsep label.single {
  float: none;
  color: #7f7f7f;
  font-weight: normal;
  line-height: normal;
  width: auto;
  display: inline;
}
div#wizardContent div.wizard_two_column_left div.formsep label.single div.menu_parent {
  float: left;
  padding-right: 5px;
}
div#wizardContent div.wizard_two_column_right div.formsep label {
  font-weight: bold;
  display: block;
  margin: 0 0 5px 0;
}
#externalLogin {
  padding: 0;
  width: auto;
  float: none;
}
/*
 #SignupConfirmEditor #editorHeaderPanel
 , #signupConfirmExpired
 , #signupConfirmCheckEmail
 , #signupConfirmAlreadyRegistered
 , #signupConfirmCodeError {
 display: none;
 }*/
#externalLogin {
  padding-left: 0;
}
a.forgot:link,
a.forgot:active,
a.forgot:visited {
  color: #000;
  font-size: 9px;
  margin-right: 14px;
}
.signupErrorMessage {
  color: #d00;
}
#confirmLoginForm .signupErrorMessage,
#forgotPasswordForm .signupErrorMessage {
  text-align: left;
}
#confirmLoginForm fieldset {
  border: 1px solid #cfd6d4;
  margin: 0;
  padding: 20px;
}
#confirmLoginForm .wizard_two_column_left {
  width: 500px;
}
#confirmLoginForm .wizard_two_column_right {
  width: 260px;
}
form.forgotPassword div.formsep {
  margin: 0 0 20px;
}
form.forgotPassword div.formsep label {
  color: #7f7f7f;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 5px;
  width: 120px;
}
#forgotPasswordForm .inputwrap,
#forgotPasswordResetForm .inputwrap,
#forgotPasswordResetPasswordForm .inputwrap {
  float: left;
}
form.forgotPassword div.inputwrap input {
  background: #eceded;
  font-style: normal;
  font-weight: bold;
  height: 20px;
  padding: 0 6px;
  vertical-align: middle;
  width: 316px;
}
#forgotPasswordForm label.error,
#forgotPasswordResetForm label.error,
#forgotPasswordResetPasswordForm label.error {
  width: auto;
  float: none;
}
#signUpPageTwo .gentitle {
  margin: 0 0 0 10px;
}
#signUpPageTwo p {
  margin: 0 0 0 10px;
  padding-bottom: 30px;
}
.menu_parent td {
  background-color: #EAEAEB !important;
  border-color: #EAEAEB !important;
  color: #484D4D !important;
  font-size: 11px !important;
  font-weight: bold !important;
}
.menu_parent td td {
  font-size: 10px !important;
}
.menu_parent_active td {
  background: none repeat scroll 0 0 #EAEAEB !important;
  border-color: #EAEAEB !important;
  color: #484D4D !important;
}
.menu_parent td div {
  color: #484D4D !important;
}
.menu_parent_active td div {
  color: #484D4D !important;
}
.MENU_ITEM_HOVER,
.menu_parent_active .MENU_ITEM_HOVER {
  background: none repeat scroll 0 0 #D7DAD9 !important;
  color: black;
}
.MENU_ITEM_HOVER a:link,
.MENU_ITEM_HOVER a:active,
.MENU_ITEM_HOVER a:visited {
  color: black;
}
.menu_parent div.dropdown_icon {
  background-image: url("images/dub_arrows_blk.gif") !important;
  background-position: center center !important;
}
.menu_parent .dd_menu {
  display: none;
}
.menu_parent_active .dd_menu {
  display: block;
}
table td.round_text {
  background-color: #EAEAEB !important;
  border-color: #EAEAEB !important;
  height: auto !important;
  line-height: normal !important;
  padding: 1px 2px !important;
}
table td.round_text div {
  font-style: normal !important;
  height: auto !important;
  line-height: normal !important;
  padding: 0 !important;
}
table td.round_text div input[type="text"],
table td.round_text div input[type="textbox"],
table td.round_text div input[type="password"],
table td.round_text div textarea {
  border: medium none;
  color: #3D4242 !important;
  font-family: Arial, Sans-serif;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
table td.round_text div textarea {
  background-color: #EAEAEB;
  height: 60px;
  line-height: normal;
}
table td.round_text div input.inputerror,
form input.inputerror,
table form div textarea.inputerror,
form textarea.inputerror,
table td.round_text div textarea.inputerror {
  background: none repeat scroll 0 0 #F8E7E8 !important;
  color: red !important;
}
table td.round_text.inputerror {
  background-color: #C32025 !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.addApiInputField {
  width: 49%;
}
ul.selectProtocolList li div.selectdiv {
  float: right;
}
ul.selectProtocolList li div .labelspan,
ul.selectProtocolList li div label {
  display: block;
}
ul.selectProtocolList li div .labelspan input[type="radio"],
ul.selectProtocolList li div label input[type="radio"] {
  margin: 5px;
  padding: 0;
}
ul.selectProtocolList li div .labelspan > span,
ul.selectProtocolList li div label > span {
  display: inline-block;
  width: 64px;
}
ul.selectProtocolList li div .labelspan .tooltip,
ul.selectProtocolList li div label .tooltip {
  margin-right: 10px;
}
#accountSettingsEditEmail {
  margin: 0 0 10px;
}
.accountSettingsEditEmailWrap {
  width: 290px;
}
#accountSettingsEditEmail label,
.titleHalf label {
  display: block;
  float: none;
  margin: 0 0 5px;
}
#AccountSettingsEdit .titleHalf {
  margin-right: 10px;
}
div.cwrap_gray {
  background-color: #ffffff;
}
table.stdtbl {
  border-collapse: collapse;
  width: 100%;
}
table.stdtbl > tbody > .odd td {
  background-color: #F2F3F4;
}
table.stdtbl > thead > tr > th,
table.stdtbl > tbody > tr > th,
table.stdtbl > tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
table.stdtbl > tbody > tr.no-data {
  text-align: center;
}
.apitable > table.stdtbl > tbody > tr > td {
  max-width: 230px;
  word-wrap: break-word;
}
table.stdtbl > tbody > tr > td {
  border-top: 1px solid #dddddd;
}
table.stdtbl .addapi_legals {
  padding-left: 6px;
  text-align: center;
  width: 50px;
}
table.stdtbl th.addapi_api,
table.stdtbl th.addapi_sandbox,
table.stdtbl th.addapi_production {
  text-align: left;
}
table.stdtbl .addapi_api .addapi_name,
table.stdtbl .addapi_api .addapi_endpoint {
  margin-left: 0;
}
table.applist > thead > tr > th,
table.applist > tbody > tr > th {
  font-size: 14px;
  background-color: transparent;
  color: #b3b3b3;
}
table.apilist > thead > tr > th,
table.apilist > tbody > tr > th {
  font-size: 14px;
  background-color: transparent;
  color: #b3b3b3;
}
.addapi_sandbox,
.addapi_production {
  width: 210px;
}
#appListTable .addapi_actions_menu {
  top: -22px;
}
#appListTable .discussionlink .soa-ui-cm-icon {
  padding-left: 40px;
}
#appListTable .discussionlink .soa-ui-cm-icon:before {
  left: 20px;
}
#appListTable .soa-ui-cm-bootstrap-iso {
  float: right;
}
#appListTable .soa-ui-cm-bootstrap-iso .dropdown-menu {
  top: 27px;
}
#appListTable .addapi_sandbox,
#appListTable .addapi_production {
  padding-left: 5px;
  padding-right: 5px;
  width: 230px;
}
#appListTable .api-edit-connections {
  padding-bottom: 10px;
}
#appListTable .api-edit-connections label {
  display: block;
  font-weight: bold;
  float: left;
  margin-right: 5px;
  width: 62px;
}
#appListTable .api-edit-connections label:after {
  content: ':';
}
#appListTable .api-edit-connections ul {
  margin-left: 67px;
  padding-bottom: 5px;
  font-weight: bold;
}
#appListTable .api-edit-connections ul li {
  float: left;
  margin-right: 5px;
  color: #494949;
  font-weight: bold;
  width: 100px;
  word-wrap: break-word;
}
#appListTable .api-edit-connections button {
  margin-left: 0;
}
span.tick {
  color: green;
  font-weight: bold;
}
span.addapi_status_text {
  display: inline-block;
  padding: 3px 5px;
}
.addapi_status_text.apicontract_status_pending_approval,
.addapi_status_text.apicontract_status_config_pending {
  background-color: #EB9A2B;
  color: #ffffff;
}
.addapi_status_text.apicontract_status_activated {
  background-color: #2D8B4C;
  color: #ffffff;
}
.addapi_status_text.apicontract_status_approved {
  background-color: #9BCEEC;
  color: #ffffff;
}
.addapi_status_text.apicontract_status_rejected {
  background-color: #BE0F2C;
  color: #ffffff;
}
.addapi_status_text.apicontract_status_suspended {
  background-color: #81178E;
  color: #ffffff;
}
.addapi_status_text.draft,
.apicontract_status_resubmitted {
  background-color: #ccc;
}
.addapi_status.addapi_status_none {
  background: none repeat scroll 0% 0% transparent;
  border: medium none;
}
.addapi_status span {
  display: block;
  float: right;
  font-size: 9px;
  font-weight: normal;
  margin-top: 1px;
}
div.addapi_name {
  margin: 3px 0 0 10px;
}
/*table.stdtbl td .addapi_actions {
 width: 250px;
 }*/
div.addapi_name a,
div.addapi_name a {
  color: #2196f3;
  font-size: 14px;
  font-weight: bold;
}
div.addapi_endpoint {
  font-size: 11px;
  margin: 3px 0 0 10px;
}
span.addapi_endpoint a {
  color: #2196f3;
}
span.addapi_endpoint a.truncated {
  display: inline-block;
  max-width: 200px;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*div.addapi_actions {
 clear: both;
 height: 22px;
 width: 215px;
 }*/
.apitable a.has_legal,
.applist a.has_legal {
  background: url("images/check.png") no-repeat;
  display: block;
  height: 16px;
  margin: auto;
  text-indent: -9999px;
  width: 16px;
}
.legalListHead {
  background: none repeat scroll 0 0 #3D4242;
  color: white;
  font-size: 14px;
  padding: 5px 5px 5px 16px;
  text-align: left;
}
.legalListContainer {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color #cfd6d4 #cfd6d4;
  border-image: none;
  border-right: 1px solid #CFD6D4;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  padding: 0 20px;
}
.legalListLeft {
  background: url("images/judge.jpg") no-repeat scroll 0% 0% transparent;
  float: left;
  height: 235px;
  padding: 15px 0 0 170px;
  width: 588px;
}
.pendingSignupAgreementsContainer {
  margin: 20px auto 0;
  width: 880px;
}
.pendingSignupAgreementsContainer.cwrap {
  border: none;
}
.pendingSignupAgreementsContainer .legalListLeft {
  width: 10px;
}
.pendingSignupAgreementsContainer .titleCntr {
  color: #494949;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}
.legalListLeftAdmin {
  padding: 40px 0 0 170px;
  position: relative;
}
.legalListRight {
  width: 588px;
}
.pendingSignupAgreementsContainer .legalListRight {
  float: left;
  width: 700px;
}
.pendingSignupAgreementsContainer .legalListRight .pendingSignupAgreementHolder {
  border: 1px solid #eceded;
  height: 420px;
  width: 703px;
}
.legalListRightAdmin {
  position: relative;
  top: -48px;
}
.legalListRight > h3 {
  background-color: #575c5c;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px;
}
.pendingSignupAgreementsContainer .legalListRight > h3 {
  background: none;
  padding: 10px 0;
}
.legalListBody {
  padding: 11px 10px 10px;
}
#legalListul > li > .legalListLink {
  color: #507397;
  font-size: 16px;
  text-decoration: underline;
}
#legalListul > li {
  padding-bottom: 5px;
}
.legalButtons {
  float: right;
  padding: 20px 20px 50px;
}
.RequestAPIAccessWidget .titleLabel {
  color: #333;
}
table.optionsTbl {
  border-collapse: collapse;
  border: 1px solid #cfd5d4;
  width: 100%;
}
table.optionsTbl th {
  text-align: left;
}
table.optionsTbl th,
table.optionsTbl td {
  border: 1px solid #eaeaeb;
  padding: 5px 10px;
  vertical-align: top;
}
table.optionsTbl td.active {
  background: #eaeaeb;
}
table.optionsTbl td label {
  display: block;
}
table.optionsTbl th {
  background: #eaeaeb;
}
#legalHeaderTitles .legalTitleAccepted {
  background-image: url("images/tick.png");
  background-position: right center;
  background-repeat: no-repeat;
}
span.tplogo {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
span.tplogo img.tp-login-button {
  width: 50px;
  height: 50px;
}
button.tp-login-button {
  background: #4caf50;
  border: 2px inset #CFD6D4;
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: bold;
  color: #ffffff;
  text-transform: capitalize;
}
span.tplogo button.tp-login-button {
  cursor: default;
  margin-left: 0;
}
.tplogocontainer .tplogo,
.tplogocontainer .tplogo_desc {
  display: block;
  float: left;
}
.tplogocontainer .tplogo_desc {
  width: 200px;
}
.thirdpartyloginbuttons {
  /*Mixin created to be reused for external login button
	 * styles*/

  color: #ffffff;
  background: #2196f3;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 2px outset #2196f3;
  font-size: 36px;
  text-align: center;
  padding: 0;
}
.popdown_content p.social_buttons button.tp-login-button {
  /*Mixin created to be reused for external login button
	 * styles*/

  color: #ffffff;
  background: #2196f3;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 2px outset #2196f3;
  font-size: 36px;
  text-align: center;
  padding: 0;
}
#externalLogin p.social-buttons button.tp-login-button {
  /*Mixin created to be reused for external login button
	 * styles*/

  color: #ffffff;
  background: #2196f3;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 2px outset #2196f3;
  font-size: 36px;
  text-align: center;
  padding: 0;
}
span.tplogo_atmo,
span.tplogo_default {
  background-image: url("images/icon_atmo.png");
  width: 41px;
  height: 41px;
}
span.tplogo a:link,
span.tplogo a:visited {
  display: block;
  height: 41px;
}
a.mark:link,
a.mark:visited {
  background: url("images/star.gif") no-repeat scroll left top transparent;
  display: block;
  text-indent: 16px;
  width: 100px;
}
a.unmark:link,
a.unmark:visited {
  background: url("images/star_active.png") no-repeat scroll left top transparent;
  display: block;
  text-indent: 16px;
  width: 100px;
}
.thumbup {
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat 0 -197px;
  border: none;
  box-shadow: none;
  color: #7f7f7f;
  display: inline-block;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding-left: 24px;
  text-shadow: none;
  vertical-align: middle;
}
.thumbup:hover {
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat 0 -197px;
  box-shadow: none;
  text-shadow: none;
}
.review_mark .thumbup {
  height: 22px;
}
span.thumbup {
  color: #494e4e;
}
.thumbup.thumbup_neutral {
  background-position: 0 -151px;
}
div#legalAgreement .legal {
  font-size: 14px;
}
div#legalAgreement .legal p.title {
  font-size: 18px;
  font-weight: bold;
}
div#legalAgreement .legal h2 {
  font-size: 16px;
  font-weight: bold;
}
.ManageAgreements > .subheading {
  background: #f8f8f8;
  border-bottom: 0 none;
  padding: 5px 10px;
}
.ManageAgreements > .subheading > .subtitle {
  color: #494949;
  font-size: 16px;
}
#editAgreementForm #agreementNameText,
#editAgreementForm #agreementDescText {
  max-width: 400px;
  width: 400px;
}
#editAgreementForm #agreementActions {
  max-width: 150px;
  width: 150px;
}
.agreementActions {
  max-width: 145px;
  width: 145px;
}
#editAgreementForm .f_input {
  margin-left: 0;
}
#editAgreementForm .desclabel {
  padding-top: 20px;
}
#editAgreementForm #saveAgreementButton {
  margin-right: 4px;
}
#editAgreementForm .saveDiv {
  margin-left: 0;
  padding-top: 15px;
  text-align: right;
  width: 417px;
}
#EditAgreementDialog > .headerPanel {
  background: #e5e5e5;
  padding: 5px;
}
#EditAgreementDialog > h1 {
  color: #484848;
  font-size: 14px;
}
.editDialogFooter {
  background: #e5e5e5;
}
.editDialogFooter > .closeText {
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
}
.agreement_actions > .genbtn_edit:hover {
  color: #FFFFFF;
}
#EditAgreementDialog {
  background: #FFFFFF;
  display: none;
  width: 450px;
}
.agreementStatusCell > div {
  padding-top: 5px;
}
div.sidebar_menu ul li li a.noUpperList:link,
div.sidebar_menu ul li li a.noUpperList:visited {
  text-transform: none;
}
div.agreementsPart {
  border-top: 1px solid #959595;
  margin: 0 5px;
}
#Footer > ul {
  margin: 0 auto;
  text-align: center;
  width: 615px;
}
#Footer > ul > li {
  display: inline-block;
  float: none;
}
#Footer > ul {
  color: #494e4e;
}
#Footer > ul > li > a {
  color: #494e4e;
}
div.footer_dialog_content {
  height: 270px;
  overflow: auto;
  padding: 15px;
}
div.footer_dialog .title {
  font-size: 16px;
  font-weight: bold;
}
div.footer_dialog .close_this {
  color: #2683B4;
  cursor: pointer;
  padding: 10px;
  text-align: right;
}
span.loading_gif {
  background: url("images/loading.gif") no-repeat scroll 0% 0% transparent;
  display: block;
  height: 16px;
  width: 16px;
}
span.loading {
  background: url("images/loading.gif") no-repeat scroll 0% 0% transparent;
  display: inline-block;
  height: 16px;
  text-align: left;
  text-indent: -9999px;
  width: 16px;
}
div.loadwrap {
  background: url("images/loading.gif") no-repeat scroll center center transparent;
  min-height: 200px;
}
div.carousel_wrap {
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}
div.carousel_wrap a.carousel_nav:link,
div.carousel_wrap a.carousel_nav:visited {
  display: none;
  text-indent: -9999px;
  width: 15px;
  margin-top: 20px;
}
div.carousel_wrap a.carousel_prev:link,
div.carousel_wrap a.carousel_prev:visited {
  background: url("images/carousel_left.png") no-repeat center 0;
  float: left;
}
div.carousel_wrap a.carousel_next:link,
div.carousel_wrap a.carousel_next:visited {
  background: url("images/carousel_right.png") no-repeat center 0;
  float: right;
}
div.carousel_wrap a.carousel_nav:hover,
div.carousel_wrap a.carousel_nav:active {
  background-position: 0 -17px;
}
div.carousel {
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 590px;
}
div.carousel ul {
  font-size: 0;
  left: 0;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
}
div.carousel ul li {
  color: #333333;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  vertical-align: top;
  width: 74px;
}
div.carousel ul li a:link,
div.carousel ul li a:visited {
  display: block;
}
div.carousel ul li div.image_60 {
  height: 60px;
  margin: 0 0 4px 10px;
  overflow: hidden;
  width: 60px;
}
div.carousel ul li div.image_60 img {
  width: 60px;
}
div.carousel ul li div.image_50 {
  height: 50px;
  margin: auto;
  overflow: hidden;
  width: 50px;
}
div.carousel ul li div.image_50 img {
  width: 50px;
}
div.carousel ul li div.cat {
  color: #777777;
  display: none;
  font-size: 10px;
}
div.carousel ul li div.desc div.name {
  word-wrap: break-word;
}
.sidebar_menu div.LeftPanel {
  background: white;
  border-radius: 0 0 0 0;
  margin: -1px -5px 0;
  padding-top: 4px;
}
.sidebar_menu div.LeftPanel td.list_title {
  color: #555555;
}
.sidebar_menu div.LeftPanel td.filtertype {
  border-color: #CCCCCC;
}
.sidebar_menu div.LeftPanel h2.title {
  border-bottom: 1px solid #CCCCCC;
  color: #555555;
  font-size: 12px;
  line-height: normal;
  margin: 0;
  padding: 0 0 5px;
}
div.sidebar_menu > ul {
  background: #f5f5f5;
  list-style: none outside none;
}
div.sidebar_menu .level_0 {
  padding: 0 0 0 13px;
}
div.sidebar_menu .level_0 .level_0 {
  background: url("images/sprites_cm_open_icons_18_8a8a8a.png") no-repeat;
  color: #8a8a8a;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 0 0 53px;
}
div.sidebar_menu .level_0 .level_0:hover {
  text-decoration: none;
}
div.sidebar_menu .level_0:first-child .level_0 {
  border: none;
}
div.sidebar_menu .activemenu .level_0 {
  background-image: url("images/sprites_cm_open_icons_18_4a494a.png");
  color: #494949;
}
div.sidebar_menu .nested_configapis .level_0 {
  background-position: 5px -922px;
}
div.sidebar_menu .nested_details .level_0 {
  background-position: 5px -1439px;
}
div.sidebar_menu .nested_specifics .level_0 {
  background-position: 5px -235px;
}
div.sidebar_menu .nested_implementations .level_0 {
  background-position: 5px -1396px;
}
div.sidebar_menu .nested_board .level_0 {
  background-position: 5px -279px;
}
div.sidebar_menu .nested_monitor .level_0 {
  background-position: 5px -365px;
}
div.sidebar_menu .nested_devconsole .level_0,
div.sidebar_menu .nested_accountsettingsdetails .level_0,
div.sidebar_menu .nested_customstyles .level_0,
div.sidebar_menu .nested_settings .level_0,
div.sidebar_menu .nested_testclient .level_0 {
  background-position: 5px -580px;
}
div.sidebar_menu .nested_configalerts .level_0 {
  background-position: 5px -1182px;
}
div.sidebar_menu .nested_useraccountsecurity .level_0,
div.sidebar_menu .nested_security .level_0 {
  background-position: 5px -1137px;
}
div.sidebar_menu .nested_documents .level_0 {
  background-position: 5px -321px;
}
div.sidebar_menu .nested_legal .level_0,
div.sidebar_menu .nested_legals .level_0 {
  background-position: 5px -450px;
}
div.sidebar_menu .nested_connections .level_0 {
  background-position: 5px -21px;
}
div.sidebar_menu .nested_connections-api .level_0 {
  background-position: 5px -63px;
}
div.sidebar_menu .nested_config .level_0 {
  background-position: 5px -488px;
}
div.sidebar_menu .nested_teammembers .level_0,
div.sidebar_menu .nested_members .level_0 {
  background-position: 5px -408px;
}
div.sidebar_menu .nested_groupaccess .level_0 {
  background-position: 5px -107px;
}
div.sidebar_menu .nested_admins .level_0,
div.sidebar_menu .nested_admin .level_0,
div.sidebar_menu .nested_siteadmins .level_0 {
  background-position: 5px -492px;
}
div.sidebar_menu .nested_businessadmins .level_0 {
  background-position: 5px -195px;
}
div.sidebar_menu .nested_followers .level_0,
div.sidebar_menu .nested_configimportexport .level_0 {
  background-position: 5px -536px;
}
div.sidebar_menu .nested_personalinfodetails .level_0,
div.sidebar_menu .nested_profiledetails .level_0 {
  background-position: 5px -235px;
}
div.sidebar_menu .nested_securitydomains .level_0 {
  background-position: 5px -837px;
}
div.sidebar_menu .nested_scopes .level_0 {
  background-position: 5px -1221px;
}
div.sidebar_menu .nested_licenses .level_0 {
  background-position: 5px -1264px;
}
div.sidebar_menu .nested_workflows .level_0 {
  background-position: 5px -1350px;
}
div.sidebar_menu .nested_terms .level_0 {
  background-position: 5px -1093px;
}
div.sidebar_menu .nested_apilicense .level_0,
div.sidebar_menu .nested_password .level_0,
div.sidebar_menu .nested_forum .level_0 {
  background-position: 5px -1305px;
}
div.sidebar_menu .nested_userslist .level_0 {
  background-position: 5px -148px;
}
div.sidebar_menu .level_0 > a > ul > li,
div.sidebar_menu .level_0 .unordered {
  background: #ffffff;
  /*margin: -1px -5px 0;*/

}
div.sidebar_menu .level_0 > a > ul > li,
div.sidebar_menu .level_0 .unordered li {
  padding: 4px 24px;
}
div.sidebar_menu .level_0 > a > ul > li > a,
div.sidebar_menu .level_0 .unordered .resourceMenuTitle > a {
  border: medium none;
  color: #3D4242 ! important;
  font-size: 10px;
  height: auto;
  line-height: normal;
  text-transform: uppercase;
}
div.sidebar_menu .level_0 > a > ul > li.activemenu > a,
div.sidebar_menu .level_0 .unordered .resourceMenuTitle > a {
  font-weight: bold;
}
.sidebar_menu .resourceMenuTitle {
  word-wrap: break-word;
  -ms-word-wrap: sWrap;
}
div.sidebar_menu .level_0 > ul {
  background: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.8;
  padding: 4px 0 4px 53px;
  text-transform: uppercase;
}
div.sidebar_menu .level_0 > ul > li > a {
  color: #494949;
}
div.sidebar_menu .level_0 > ul > li.activemenu > a {
  color: #9c9fa2;
}
div.avatarUploader div.uploaderButtons {
  margin: 10px 0;
}
div.avatarUploader .formSave {
  border-top: 1px solid #CCCCCC;
  display: none;
  padding: 10px 0 0;
  text-align: center;
}
div.avatarUploader div.uploaderPreview {
  display: none;
  font-size: 11px;
  margin: 0 0 10px;
  text-align: center;
}
div.avatarUploader div.uploaderPreview div.loader {
  background: url("images/loading.gif") no-repeat scroll center center transparent;
  border: 1px solid #BBBBBB;
  height: 200px;
}
div.avatarUploader div.radiolist {
  padding: 0 0 10px 10px;
}
div.avatarUploader div.uploaderPreview div.failed div.message {
  line-height: 12px;
  padding: 20px;
}
div.avatarUploader div.uploaderPreview p {
  margin: 0;
}
div.avatarUploader div.uploaderPreview div.cropper {
  width: 600px;
}
div.avatarUploader div.uploaderPreview div.cropper:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
div.avatarUploader div.uploaderPreview div.cropper div.cropper_main {
  border: 1px solid #BBBBBB;
  float: left;
  width: 512px;
}
div.avatarUploader div.uploaderPreview div.cropper div.cropper_thumbs {
  float: right;
  width: 75px;
}
div.avatarUploader div.uploaderPreview div.cropper div.cropper_thumbs div.cropper_thumb_75 {
  border: 1px solid #BBBBBB;
  height: 75px;
  margin: 0 0 10px;
  overflow: hidden;
  width: 75px;
}
div.avatarUploader div.uploaderPreview div.cropper div.cropper_thumbs div.cropper_thumb_25 {
  border: 1px solid #BBBBBB;
  height: 25px;
  margin: 0 0 10px;
  overflow: hidden;
  width: 25px;
}
div.avatarUploader div.radiolist label {
  display: block;
}
div.wsdlUploader div.uploaderPreview div.loader {
  background: url("images/loading.gif") no-repeat scroll center center transparent;
  border: 1px solid #BBBBBB;
  height: 80px;
}
div.uploader div.uploaderPreview div.failed {
  border: 1px solid #BBBBBB;
  height: 200px;
}
div.uploader div.uploaderPreview div.failed_short {
  border: 1px solid #BBBBBB;
  height: 20px;
}
div.wsdlUploader div.uploaderPreview div.failed {
  min-height: 80px;
}
#AppPublicProfile > .cwrap {
  padding: 20px;
}
#publicProfileForm > #publicProfileFormDiv label {
  font-weight: bold;
  padding-bottom: 20px;
}
#publicProfileFormDiv .oauthFormLable {
  float: left;
  padding-top: 5px;
  width: 110px;
}
#publicProfileFormDiv .oauthFormInput {
  float: left;
  width: 425px;
}
#publicProfileFormDiv .oauthFormInput input,
#publicProfileFormDiv .oauthFormInput textarea {
  background: none repeat scroll 0% 0% transparent;
  border: 1px solid #000000;
  height: 25px;
  width: 443px;
}
#publicProfileFormDiv .oauthFormInput textarea {
  padding: 5px 6px;
  height: 60px;
}
#MyAppDetailsDiv .editrsc #editapp,
#MyAppDetailsDiv .editrsc #app_addversion,
#MyAppDetailsDiv .editrsc #app_deleteversion,
#MyAppDetailsDiv .editrsc #publicProfile,
#MyAppDetailsDiv .editrsc #OAuthProfile,
#MyAppDetailsDiv .workflowAction,
#MyAppDetailsDiv #export,
#APIDetails .editrsc .workflowAction {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 110px;
}
#publicProfileForm > #publicProfileFormDiv p.logoLable {
  padding-bottom: 5px;
}
.oauthPicture > .imgholder {
  float: left;
  width: 75px;
}
.oauthPicture > .imgholder > #ppEditPictureImg {
  width: 75px;
}
.oauthPicture > .desc {
  margin-left: 85px;
}
.oauthPicture > .desc > button {
  margin-left: 0;
}
#ppRemoveProfileButtonDiv {
  padding-top: 10px;
}
#AccessDeniedDiv,
#AlreadyLoggedInDiv {
  background: url("images/access_denied.png") no-repeat 20px 50px #ffffff;
  border: 1px solid transparent;
  height: 400px;
  position: relative;
}
#AccessDeniedDiv .access_denied_text,
#AlreadyLoggedInDiv .already_logged_in_text {
  clear: both;
  color: #494949;
  display: block;
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  margin: 80px 0 0 245px;
}
#AccessDeniedDiv .error_msg,
#AlreadyLoggedInDiv .error_msg {
  display: block;
  float: left;
  clear: both;
  font-size: 13px;
  margin: 80px 0 0 245px;
  font-weight: normal;
  color: black;
  line-height: 18px;
}
#AccessDeniedDiv .access_denied_text span,
#AlreadyLoggedInDiv .already_logged_in_text span {
  clear: both;
  color: #7f7f7f;
  display: block;
  font-size: 14px;
  padding-top: 5px;
}
#AlreadyLoggedInDiv .error_msg > h3 {
  color: #494949;
  font-size: 24px;
}
#AuthorizationErrorDiv {
  background: url("images/oops.jpg") no-repeat 20px 50px #ffffff;
  border: 1px solid transparent;
  height: 400px;
  position: relative;
}
#AuthorizationErrorDiv .authorization_error_text {
  clear: both;
  color: #494949;
  display: block;
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  margin: 80px 0 0 245px;
}
#AuthorizationErrorDiv .authorization_error_text span {
  clear: both;
  color: #7f7f7f;
  display: block;
  font-size: 14px;
  padding-top: 5px;
}
table td.round_text div input[disabled="disabled"],
table td.round_text div textarea[disabled="disabled"] {
  color: #a5a5a5 ! important;
}
.panel_border {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color #cfd6d4 #cfd6d4;
  border-image: none;
  border-right: 1px solid #CFD6D4;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  padding: 15px;
}
.panel_border_edit {
  padding: 0;
}
#editor_ForgotPasswordEditor_container {
  border: medium none;
}
.security .alert {
  background-color: #FCF8E3;
  border-radius: 4px;
  border: 1px solid #FBEED5;
  color: #C09853;
  margin-bottom: 18px;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.security .alert-success {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  color: #468847;
  word-wrap: break-word;
}
.security .alert-danger,
.security .alert-error {
  background-color: #F2DEDE;
  border-color: #EED3D7;
  color: #B94A48;
}
.security .alert .close {
  line-height: 18px;
  position: relative;
  right: -21px;
  top: -2px;
}
.security .close {
  color: black;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  opacity: 0.2;
  text-shadow: 0 1px 0 white;
}
.imageXXSmall {
  height: 20px;
}
.imageSmall {
  height: 24px;
}
.imageMedium {
  height: 65px;
  padding-right: 10px;
}
.ApiGroups .imageMedium {
  height: auto;
  width: 50px;
}
.imageLarge {
  height: 75px;
}
.subheading {
  background-color: #F5F5F5;
  border-bottom: 2px solid #000000;
  padding: 10px 15px;
}
#myAppsInviteButton {
  margin: 0 0 0 10px;
}
#inviteTeamMember .tableRow {
  margin: 5px 0 0 10px;
}
#inviteTeamMember .alignRight {
  text-align: right;
}
#inviteTeamMember .buttonRow {
  margin: 20px 0;
}
#inviteTeamMember .statusButtonRow {
  margin: 30px 20px 20px 0;
}
#inviteTeamMemberStatusText {
  border: medium none;
  width: 95%;
}
#inviteTeamMemberForm {
  width: 95%;
}
#ApiGroups h4 {
  font-weight: bold;
}
#ApiGroups .nomembers {
  padding: 20px 0;
}
#ApiGroups .groupmembers {
  padding: 0 20px;
}
#ApiGroups .groupmembers > .groupmember {
  border-bottom: 2px solid #95B4D4;
  padding: 15px 0;
}
#ApiGroups .groupmembers > .groupmember.lastChild {
  border-bottom: none;
}
#ApiGroups .groupmember > div {
  float: left;
}
#ApiGroups .groupmembers > .groupmember > div.imgholder {
  padding-right: 7px;
}
#ApiGroups .groupmembers > .groupmember > div.desc {
  width: 64%;
}
#ApiGroups .groupmembers > .groupmember > div.desc > h2,
#ApiGroups .groupmembers > .groupmember > div.desc > h4 {
  word-wrap: break-word;
}
#ApiGroups .groupmembers > .groupmember > div.desc > h2 {
  font-size: 14px;
}
#ApiGroups .groupmembers > .groupmember > div.desc > .members {
  padding-top: 10px;
}
#ApiGroups .groupmembers > .groupmember > div.desc > .members h4 span.comma {
  margin-left: -4px;
}
#ApiGroups h4 > span {
  color: #494949;
}
#ApiGroups div.groupActionDiv {
  float: right;
}
#ApiGroups #creategroup,
#ApiGroups #invitegroup {
  visibility: hidden;
}
#inviteGroupList .collection_item_description > .inviteThisGroupDesc {
  width: 520px;
}
.collection_item_description > .inviteThisGroupButton {
  float: right;
}
.collection_item_description > .invitedAlready {
  float: right;
}
.collection_item_description > .invitedAlready > button {
  cursor: default;
}
#redirectURL,
#applicationType {
  font-weight: bold;
}
#InviteTeamMembersWidget .footer,
#InviteMembers .footer {
  font-size: 12px;
  font-weight: bold;
  padding: 10px 15px;
}
#InviteTeamMembersWidget .footer > a,
#InviteMembers .footer > a {
  background: url("images/sprites_cm_open_system_2683b4.png") 0 -758.5px no-repeat;
  padding-left: 20px;
}
#InviteMembers .emailArea {
  height: 14px;
}
#InviteTeamMembersWidget .inviteArea {
  display: none;
}
#InviteTeamMembersWidget h1,
#InviteMembers h1 {
  color: #494949;
  font-size: 16px;
}
#GroupReview > .cwrap {
  background: #ffffff;
  border-top: medium none;
  margin-top: -10px;
}
#groupdetailssection > .cwrap_right {
  padding: 23px;
}
#GroupMembers h4 {
  font-weight: bold;
}
#GroupMembers .cwrap {
  padding: 0;
}
#GroupMembers .memberslist {
  padding: 10px;
}
#GroupMembers .subheading {
  border-bottom: 1px solid #000000;
}
#GroupMembers .groupmember {
  border-bottom: 2px solid #95B4D4;
  margin: 0 20px;
  padding: 15px 0;
}
#GroupMembers .groupmember > div {
  float: left;
}
#GroupMembers .groupmember > div.actionarea {
  float: right;
  padding-top: 25px;
}
#GroupMembers .desc > div {
  padding-bottom: 5px;
}
#GroupMembers .desc > div > h2 {
  color: #494949;
  display: inline;
  font-size: 16px;
  line-height: 16px;
}
#GroupMembers .desc > div > h3 {
  color: #494949;
  display: inline;
  font-size: 14px;
  line-height: 14px;
}
#GroupMembers .desc > span {
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 3px;
  padding: 2px;
}
#GroupMembers .desc > h4 {
  display: inline;
}
#GroupMembers .desc > div > h4 {
  display: inline;
}
#GroupMembers .memberstatus_approved {
  background: #19894B;
}
#GroupMembers .memberstatus_declined {
  background: #C32126;
}
#GroupMembers .memberstatus_pending {
  background: #F09826;
}
#GroupMembers .memberstatus_removed {
  background: #C32126;
}
#GroupMembers .nomembers {
  padding: 20px 20px 0;
}
#GroupMembers .subheading > h4 {
  display: inline;
  padding-right: 15px;
}
#ApiAdmins h4 {
  font-weight: bold;
}
#ApiAdmins .subheading > h4 {
  display: inline;
  padding-right: 15px;
}
#ApiAdmins .cwrap {
  padding: 0 0 30px;
}
#ApiAdmins .subheading {
  border-bottom: 1px solid #959595;
}
#ApiAdmins .groupmember {
  border-bottom: 2px solid #959595;
  margin: 0 20px;
  padding: 15px 0;
}
#ApiAdmins .groupmember > div {
  float: left;
}
#ApiAdmins .groupmember > div.actionarea {
  float: right;
  padding-top: 25px;
}
#ApiAdmins .desc > div {
  padding-bottom: 5px;
}
#ApiAdmins .desc > div > h2 {
  color: #494949;
  display: inline;
  font-size: 16px;
  line-height: 16px;
}
#ApiAdmins .desc > div > h3 {
  color: #494949;
  display: inline;
  font-size: 14px;
  line-height: 14px;
}
#ApiAdmins .desc > span {
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 3px;
  padding: 2px;
}
#ApiAdmins .desc > h4 {
  display: inline;
}
#ApiAdmins .desc > div > h4 {
  display: inline;
}
#ApiAdmins .memberstatus_approved {
  background: #19894B;
}
#ApiAdmins .memberstatus_declined {
  background: #C32126;
}
#ApiAdmins .memberstatus_pending {
  background: #F09826;
}
#ApiAdmins .memberstatus_removed {
  background: #C32126;
}
#ApiAdmins .nomembers {
  padding: 20px 20px 0;
}
#GroupAdmins h4 {
  font-weight: bold;
}
#GroupAdmins .cwrap {
  padding: 0 0 30px;
}
#GroupAdmins .subheading {
  border-bottom: 1px solid #000000;
}
#GroupAdmins .subheading > h4 {
  display: inline;
  padding-right: 15px;
}
#GroupAdmins .subheading > span > h4,
#GroupAdmins .subheading > span > h5 {
  display: inline;
  font-weight: bold;
}
#GroupAdmins .subheading > span > h4 {
  color: #2683B4;
}
#GroupAdmins .subheading > span.memberimgs {
  padding-left: 20px;
}
#GroupAdmins .groupmember {
  border-bottom: 2px solid #95B4D4;
  margin: 0 20px;
  padding: 15px 0;
}
#GroupAdmins .groupmember > div {
  float: left;
}
#GroupAdmins .groupmember > div.actionarea {
  float: right;
  padding-top: 25px;
}
#GroupAdmins .desc > div {
  padding-bottom: 5px;
}
#GroupAdmins .desc > div > h2 {
  color: #494949;
  display: inline;
  font-size: 16px;
  line-height: 16px;
}
#GroupAdmins .desc > div > h3 {
  color: #494949;
  display: inline;
  font-size: 14px;
  line-height: 14px;
}
#GroupAdmins .desc > span {
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 3px;
  padding: 2px;
}
#GroupAdmins .desc > h4 {
  display: inline;
}
#GroupAdmins .desc > div > h4 {
  display: inline;
}
#GroupAdmins .memberstatus_approved {
  background: #19894B;
}
#GroupAdmins .memberstatus_declined {
  background: #C32126;
}
#GroupAdmins .memberstatus_pending {
  background: #F09826;
}
#GroupAdmins .memberstatus_removed {
  background: #C32126;
}
.configResourcesContainer > h3 {
  color: #494949;
  padding: 10px 0 0 0;
}
.configResourcesContainer > h3:first-child {
  padding: 0;
}
.configResourcesContainer > span {
  font-style: italic;
  clear: both;
  display: block;
}
.configResourcesContainer > button {
  margin: 5px 0;
}
#ConfigResourcesContentFileManager .docpanel {
  display: none;
}
#ConfigResourcesConsoleResourcesFileManager .docpanel {
  display: none;
}
#CustomizeThemeFileManager .docpanel {
  display: none;
}
#ConfigCustomStyles {
  color: #7f7f7f;
}
#ConfigCustomStyles h3 {
  color: #494949;
  margin-bottom: 10px;
}
#ConfigCustomStyles p {
  font-style: italic;
}
#ConfigCustomStyles button {
  margin: 0 0 5px;
}
#ConfigApis {
  color: #7f7f7f;
}
#ConfigApis fieldset {
  padding-bottom: 20px;
}
#ConfigApis fieldset legend {
  color: #494949;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
}
#ConfigApis fieldset dl {
  padding-left: 20px;
}
#ConfigApis fieldset dl dt {
  float: left;
  width: 150px;
}
#ConfigApis fieldset dl dd {
  padding-bottom: 10px;
  margin-left: 150px;
}
#ConfigApis fieldset dl dd label {
  font-weight: bold;
  margin-right: 50px;
}
#ConfigApis fieldset dl .api-access label {
  font-weight: normal;
}
#ConfigApps {
  color: #7f7f7f;
}
#ConfigApps fieldset {
  padding-bottom: 20px;
}
#ConfigApps fieldset legend {
  color: #494949;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
}
#ConfigApps fieldset dl {
  padding-left: 20px;
}
#ConfigApps fieldset dl dt {
  float: left;
  width: 150px;
}
#ConfigApps fieldset dl dd {
  padding-bottom: 10px;
  margin-left: 150px;
}
#ConfigApps fieldset dl dd label {
  font-weight: bold;
  margin-right: 50px;
}
#ConfigApps fieldset dl .api-access label {
  font-weight: normal;
}
#ConfigGroups {
  color: #7f7f7f;
}
#ConfigGroups fieldset {
  padding-bottom: 20px;
}
#ConfigGroups fieldset legend {
  color: #494949;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
}
#ConfigGroups fieldset dl {
  padding-left: 20px;
}
#ConfigGroups fieldset dl dt {
  float: left;
  width: 150px;
}
#ConfigGroups fieldset dl dd {
  padding-bottom: 10px;
  margin-left: 150px;
}
#ConfigGroups fieldset dl dd label {
  font-weight: bold;
  margin-right: 50px;
}
#ConfigGroups fieldset dl .api-access label {
  font-weight: normal;
}
#ConfigGroups fieldset .groups-supported-settings {
  padding: 0;
}
#ConfigGroups fieldset .groups-supported-settings dt {
  width: 170px;
  font-weight: bold;
  color: #494949;
  font-size: 14px;
}
#ConfigGroups fieldset .groups-supported-settings dd {
  margin-left: 170px;
}
div.confirmpop {
  border: 1px solid black;
}
div.confirmpop .ui-dialog-content {
  min-height: 0 ! important;
  padding: 10px;
}
div.confirmpop .ui-dialog-buttonpane {
  background: white;
  padding: 10px;
  text-align: center;
}
div.confirmpop .ui-dialog-titlebar {
  display: none;
}
div.fileManager div.headerPanel {
  background: transparent;
  padding: 0;
}
div.fileManager div.contentHeader {
  background: #e5e5e5;
}
.file_manager_control {
  padding: 10px;
  position: absolute;
  width: 25px;
}
div.document_menu ul li a.level_0:link,
div.document_menu ul li a.level_0:visited {
  background-image: none;
  padding: 0 0 0 5px;
  text-indent: 0;
}
div.document_menu ul li a:link,
div.document_menu ul li a:visited {
  padding: 0;
}
#APICollection .filteredResult .cwrap,
#APPCollection .filteredResult .cwrap {
  border-bottom: 0 none;
}
span.selectbox {
  background: url("images/dub_arrows_blk.gif") no-repeat scroll 95% center #eaeaeb;
  color: #484D4D;
  display: block;
  height: 18px;
  overflow: hidden;
}
.selectbox-wrapper {
  border-color: white;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
.selectbox-wrapper li,
span.selectbox {
  background-color: #eceded;
  border: 1px solid #eceded;
  cursor: pointer;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  padding: 0 15px 0 5px;
}
.selectbox-wrapper li:hover {
  background-color: #b8bbbb;
}
.selectbox-wrapper li.selected,
.selectbox-wrapper li.current {
  background-color: #b8bbbb;
  color: #ffffff;
}
div.filters span.selectbox {
  display: block;
  float: left;
}
div.filters span.selectbox,
div.filters .selectbox-wrapper li,
div.subpanel span.selectbox,
div.subpanel .selectbox-wrapper li {
  background-color: #ffffff;
}
div.filters .selectbox-wrapper li:hover,
div.subpanel .selectbox-wrapper li:hover {
  background-color: #b8bbbb;
}
div.rsc_imglist h3 {
  color: #494E4E;
  font-size: 10px;
}
div.rsc_imglist h3 a {
  color: #2196f3;
}
div.rsc_imglist ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
div.rsc_imglist ul li {
  display: inline-block;
  height: 25px;
  margin: 0 2px 0 0;
  width: 25px;
}
div.rsc_imglist ul li img {
  display: block;
  height: 25px;
  width: 25px;
}
div.cwrap_left div.description {
  margin-top: 10px;
}
div.editrsc {
  margin: 5px 0;
}
div.cwrap_left div.rating {
  margin-top: 7px;
}
div.cwrap_left div.image_100 {
  height: 104px;
  margin: 2px;
  width: 104px;
}
div.cwrap_left div.image_75 img {
  width: 75px;
}
div.cwrap > div.cwrap_left > div.description > div.editrsc > button {
  width: 71px;
}
#APIDetails div.cwrap > div.cwrap_left > div.description > div.editrsc > button {
  width: 112px;
}
div.private_api {
  background-position: 0 center;
  margin-left: 5px;
}
div#apilicensesection h3 {
  margin: 0;
  padding: 0;
}
div#apilicensesection h3.main-title {
  color: #494949;
  margin: 0;
  padding: 0;
}
div#apilicensesection table.license-list-table {
  margin-top: 30px;
  table-layout: fixed;
}
div#apilicensesection table.license-list-table .license-list-tbody tr td {
  word-break: break-word;
}
div#apilicensesection table.license-list-table .license-list-tbody tr td span {
  display: inline-block;
}
div#apilicensesection table.license-list-table .license-list-tbody tr td ul li {
  margin-bottom: 10px;
}
div#apilicensesection table.license-list-table .license-list-tbody tr td ul li span.resource {
  cursor: pointer;
}
div#apilicensesection div.break h3 {
  display: none;
}
div#apilicensesection div.break p {
  display: none;
  padding: 0;
}
div.cwrap div.cwrap_right {
  float: right;
  padding-top: 3px;
}
div.cwrap div.cwrap_right h2,
div.cwrap_right h3 {
  color: #494949;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
div.cwrap div.cwrap_right h2.soa-ui-cm-header,
div.cwrap_right h3.soa-ui-cm-header {
  font-size: 14px;
  margin: 0 -15px 20px -16px;
  padding: 17px 15px;
}
.cwrap_right .soa-ui-cm-markdown-it-viewer-container {
  width: 680px;
}
div.cwrap_right h3 {
  font-size: 13px;
}
div.cwrap_right ul.similar_rscs {
  margin: 0;
  padding: 0;
}
div.cwrap_right ul.similar_rscs li {
  float: left;
  list-style: none outside none;
  margin: 0 0 0 20px;
  padding: 0;
}
div.cwrap_right ul.similar_rscs li div.name {
  font-weight: bold;
}
div.cwrap_right ul.rating_history {
  margin: 0;
  padding: 0;
}
div.cwrap_right ul.rating_history li {
  height: 12px;
  list-style: none outside none;
  margin: 0;
  padding: 0 0 1px 70px;
}
div.cwrap_right ul.rating_history li.star_1 {
  background: url("images/star_rate_dark_1.gif") no-repeat scroll 0 0 transparent;
}
div.cwrap_right ul.rating_history li.star_2 {
  background: url("images/star_rate_dark_2.gif") no-repeat scroll 0 0 transparent;
}
div.cwrap_right ul.rating_history li.star_3 {
  background: url("images/star_rate_dark_3.gif") no-repeat scroll 0 0 transparent;
}
div.cwrap_right ul.rating_history li.star_4 {
  background: url("images/star_rate_dark_4.gif") no-repeat scroll 0 0 transparent;
}
div.cwrap_right ul.rating_history li.star_5 {
  background: url("images/star_rate_dark_5.gif") no-repeat scroll 0 0 transparent;
}
div.cwrap_right ul.rating_history div.grey_bar {
  background-color: #AAAAAA;
  height: 10px;
  width: 160px;
}
div.cwrap_right ul.rating_history div.black_bar {
  background-color: black;
  height: 10px;
}
div.cwrap_right ul.rating_history li {
  line-height: 12px;
  margin-bottom: 3px;
  padding-left: 65px;
}
div.cwrap_right ul.rating_history div.grey_bar {
  float: left;
  height: 12px;
  margin-right: 3px;
  width: 120px;
}
div.cwrap_right ul.rating_history div.grey_bar div.black_bar {
  height: 12px;
}
div.reviewcta {
  color: #2196f3;
  font-size: 12px;
  font-weight: normal;
}
.security {
  padding-left: 10px;
  position: relative;
  top: -3px;
  width: calc(100% - 60px);
}
.security_label {
  float: left;
  width: 85px;
  white-space: nowrap;
}
.soa-ui-cm-shared-secret-container {
  margin-bottom: 10px;
}
.show_keys > a {
  background: url("images/sprites_cm_open_icons_18_8a8a8a.png") no-repeat 100% -1143px;
  display: block;
  float: left;
  height: 26px;
  padding-right: 30px;
}
.soa-ui-cm-endpoints-approval {
  float: right;
  color: #7f7f7f;
}
.soa-ui-cm-endpoints-approval .soa-ui-cm-imgtxt {
  position: relative;
  top: 4px;
}
.soa-ui-cm-endpoints-approval .soa-ui-cm-imgtxt.soa-ui-cm-icon-close {
  color: #c62026;
}
.soa-ui-cm-endpoints-approval .soa-ui-cm-imgtxt.soa-ui-cm-icon-check {
  color: #1d8a4b;
}
#apidetails_toggle_oauth_details {
  background: transparent;
  float: right;
  padding-left: 5px;
  padding-right: 0;
}
#edit_oauth_details {
  margin-left: 0;
}
.apidoc_code {
  font-family: "Courier New", Courier, mono;
  font-size: 12px;
}
.apidoc_h1 {
  color: #002663;
  font-family: Arial;
  font-size: 18px;
  margin-bottom: -9px;
}
.apidoc_h2 {
  color: #77126F;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: -7px;
  margin-top: 14px;
}
.apidoc_h4 {
  color: #000000;
  font-family: Arial;
  font-size: 12px;
  margin-bottom: -6px;
  margin-top: 12px;
}
.apidoc_note {
  background-color: #F6F6F6;
  font-family: Arial;
  font-size: 11px;
  padding: 11px;
}
.apidoc_p {
  font-family: Arial;
  font-size: 11px;
}
.apidoc_left {
  float: left;
  width: 180px;
}
.apidoc_right {
  padding-top: 10px;
}
.apidoc_ul,
.apidoc_ol {
  font-family: Arial;
  font-size: 11px;
}
.apidoc_ul li {
  font-family: Arial;
  font-size: 11px;
}
.apidoc_red {
  color: #FF0000;
}
.apidoc_01_div_codeendpoint {
  background: #F6F6F6;
  border: 1px dashed #333333;
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  margin: 2px;
  padding: 2px;
}
.apidoc_div_codesample {
  border: 1px solid #000000;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
}
.apidoc_div_requestexample {
  background: #F6F6F6;
  border: 1px dashed #333333;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
}
.apidoc_overflow {
  overflow: auto;
}
.pageBody td {
  color: #494E4E;
}
#tableparmsresponse td,
#tableparmsresponse th {
  border: 1px solid #000000;
  font-family: Arial;
  font-size: 11px;
  vertical-align: top;
}
#tableparmsresponse th {
  vertical-align: top;
}
.apidoc_02_h1 {
  color: #000000;
  font-family: Arial;
  font-size: 18px;
  margin-bottom: -9px;
  margin-top: 14px;
}
.apidoc_02_h2 {
  color: #000000;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: -7px;
  margin-top: 14px;
}
.apidoc_02_div_codeendpoint {
  background: #CCFFFF;
  color: #006633;
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  margin: 2px;
  padding: 2px;
}
.apidoc_02_div_codesample {
  background: #CCFFFF;
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  margin: 2px;
  padding: 2px;
}
.apidoc_02_div_requestexample {
  background: #CCCCCC;
  border: 1px dashed #333333;
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  margin: 2px;
  padding: 2px;
}
.apidoc_02_green {
  color: #009933;
}
.apidoc_02_note {
  background-color: #FFFFCC;
  font-family: Arial;
  font-size: 11px;
  padding: 11px;
}
.apidoc_03_h1 {
  color: #002663;
  font-family: Arial;
  font-size: 16px;
}
.apidoc_03_h2 {
  color: #ED5929;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: -4px;
  margin-top: 14px;
}
.apidoc_03_h4 {
  color: #002663;
  font-family: Arial;
  font-size: 12px;
  margin-bottom: -4px;
  margin-top: 12px;
}
.apidoc_03_div_codeendpoint {
  background: #FFF9E3;
  border: 1px dashed #333333;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
}
.apidoc_03_div_codesample {
  background: #FFF9E3;
  border: 1px solid #000000;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
}
.apidoc_04_h1 {
  color: #002663;
  font-family: Arial;
  font-size: 16px;
}
.apidoc_04_h2 {
  color: #701C7E;
  font-family: Arial;
  font-size: 14px;
  margin-bottom: -4px;
  margin-top: 14px;
}
.apidoc_04_h4 {
  color: #415266;
  font-family: Arial;
  font-size: 12px;
  margin-bottom: -4px;
  margin-top: 12px;
}
.apidoc_04_div_codeendpoint {
  background: #D0F2D3;
  border: 1px dashed #02813E;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
}
.apidoc_04_div_codesample {
  background: #D0F2D3;
  border: 1px dashed #02813E;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
}
.apidoc_04_div_requestexample {
  background-color: #D0F2D3;
  border: 1px dashed #02813E;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
}
.apidoc_04_link {
  color: #0E5DAA;
}
#AccessDeniedDiv .portlet {
  clear: both;
  display: block;
  float: left;
  font-size: 13px;
  margin: 25px 0 0 245px;
  width: 260px;
}
#AccessDeniedDiv .porlet_sign_up a.message_links_images_a:link,
#AccessDeniedDiv .porlet_sign_up a.message_links_images_a:visited {
  background: url("/content/home/landing/images/landing_signup.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 101px;
  text-indent: -9999px;
  width: 121px;
}
#AccessDeniedDiv .portlet .text {
  float: left;
  padding-left: 20px;
  padding-top: 40px;
}
#AccessDeniedDiv .portlet .text a:link,
#AccessDeniedDiv .portlet .text a:visited {
  color: #2683B4;
  font-size: 15px;
  font-weight: bold;
}
.centered {
  text-align: center;
}
#notification_ul li .com_soa_notification_type_app_review_created {
  background: url("images/norm_newidea.png") no-repeat scroll 0 0 transparent;
  height: 18px;
  width: 18px;
}
.Landing-top {
  clear: both;
  display: block;
  float: left;
  height: 215px;
  margin-bottom: 10px;
  width: 925px;
}
div.Landing-left {
  float: left;
  min-height: 550px;
  width: 615px;
}
div.Landing-left #docframe #document_Landing-left_iframe {
  min-height: 550px;
}
div.news-widget {
  display: block;
  float: left;
  width: 310px;
}
div.blog-widget {
  display: block;
  float: left;
  width: 310px;
}
.atom-feed-container {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.atom-feed-container .feed-title {
  background: url("/content/home/landing/images/rss_15x15.png") no-repeat scroll 10px 5px #575c5c;
  clear: both;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  text-indent: 30px;
  width: 100%;
}
.atom-feed-container .feed-wrap {
  background-color: #F3F3F4;
  border-bottom: 1px solid #FFFFFF;
  clear: both;
  display: block;
  float: left;
  line-height: 12px;
  padding: 10px 20px 10px 10px;
}
.atom-feed-container .feed-wrap:last-child {
  border-bottom: medium none;
}
.atom-feed-container .feed-wrap h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 0;
}
.atom-feed-container .feed-wrap > h3 > a,
.atom-feed-container .feed-wrap > h3 > a:visited,
.atom-feed-container .feed-wrap > h3 > a:hover {
  color: #000000;
}
.atom-feed-container .feed-wrap span {
  font-size: 8px;
}
.atom-feed-container .feed-wrap p {
  font-size: 11px;
  padding: 0;
}
.atom-feed-container .feed-wrap p .more a {
  font-size: 11px;
}
.rss-feed-container {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.rss-feed-container .feed-title {
  background: url("/content/home/landing/images/blog_15x15.png") no-repeat scroll 10px 5px #575c5c;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  text-indent: 30px;
  width: 100%;
}
.rss-feed-container .feed-wrap {
  background-color: #F3F3F4;
  border-bottom: 1px solid #FFFFFF;
  clear: both;
  display: block;
  float: left;
  line-height: 12px;
  padding: 10px 20px 10px 10px;
}
.rss-feed-container .feed-wrap .feed-wrap-left {
  display: inline-block;
  float: left;
  vertical-align: top;
  width: 35px;
}
.rss-feed-container .feed-wrap .feed-wrap-left img {
  height: 25px;
  padding: 0 10px 0 0;
  width: 25px;
}
.rss-feed-container .feed-wrap .feed-wrap-right {
  display: inline-block;
  float: left;
  width: 245px;
}
.rss-feed-container .feed-wrap .feed-wrap-right h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 0;
}
.rss-feed-container .feed-wrap .feed-wrap-right > h3 > a,
.rss-feed-container .feed-wrap .feed-wrap-right > h3 > a:visited,
.rss-feed-container .feed-wrap .feed-wrap-right > h3 > a:hover {
  color: #000000;
}
.rss-feed-container .feed-wrap .feed-wrap-right span {
  font-size: 8px;
}
.rss-feed-container .feed-wrap .feed-wrap-right p {
  font-size: 11px;
  padding: 0;
}
.rss-feed-container .feed-wrap .feed-wrap-right p .more a {
  font-size: 11px;
}
.userprofile_edit span {
  margin-left: 5px;
}
.soapopup .titleBar {
  background: #e5e5e5;
  color: #484848;
  padding: 5px 10px;
}
.soapopup .content {
  padding: 20px;
  text-align: left;
}
.soapopup .buttonBar {
  height: 22px;
  list-style: none outside none;
  padding: 10px 20px 20px;
}
.soapopup .buttonBar.centerAligned li,
.soapopup .buttonBar.leftAligned li {
  float: left;
  padding-right: 5px;
}
.soapopup .buttonBar.rightAligned li {
  float: right;
  padding-left: 5px;
}
.addGrantPropertyButton {
  background: url("images/sprites_cm_open_system_2683b4.png") 11px -841px no-repeat;
  clear: both;
  color: #2196f3;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 0 0 28px;
  width: 60px;
}
.addParameterButton {
  background: url("images/sprites_cm_open_system_2683b4.png") 11px -841px no-repeat;
  clear: both;
  color: #2196f3;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 0 0 28px;
  width: 95px;
  margin-left: 300px;
}
#oAuthProviderForm div.formsep div.inputwrap,
#openIdProviderForm div.formsep div.inputwrap,
#fbConnectorForm div.formsep div.inputwrap,
#fbConnectorForm div.formsep div.inputwrap {
  margin-left: 130px ! important;
}
#openIdProviderForm div.formsep div.inputwrap,
#fbConnectorForm div.formsep div.inputwrap {
  margin-left: 120px ! important;
}
#openIdProviderForm h3,
#fbConnectorForm h3 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
}
#oAuthProviderForm div.formsep label,
#openIdProviderForm div.formsep label,
#fbConnectorForm div.formsep label {
  display: block;
  float: left;
  font-weight: bold;
  padding-top: 4px;
  width: 90px;
}
#openIdProviderForm #providerThree div.formsep label {
  width: 65px;
}
#oAuthProviderForm div#providerThree div.formsep div.inputwrap input[type="checkbox"] {
  float: left;
  margin-top: 5px;
  width: 20px;
}
#oAuthProviderForm .error,
#openIdProviderForm .error,
#fbConnectorForm .error {
  color: red;
}
#oAuthProviderForm input.error,
#openIdProviderForm input.error,
#fbConnectorForm input.error {
  background-color: #F8E7E8;
}
#oAuthProviderForm div.formsep,
#openIdProviderForm div.formsep,
#fbConnectorForm div.formsep {
  margin-bottom: 10px;
}
#oAuthProviderForm div#providerTwo div.formsep label,
#oAuthProviderForm div#providerFour div.formsep > label {
  padding-right: 40px;
  width: 250px;
}
#oAuthProviderForm div#providerThree div.formsep label {
  width: 250px;
}
#oAuthProviderForm div#providerTwo #oAuthProviderResourceOwnerMandatoryStar {
  display: none;
}
#openIdProviderForm div#providerTwo div.formsep label,
#fbConnectorForm div#providerTwo div.formsep label {
  width: 100px;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection,
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection,
#oAuthProviderForm div#providerThree div.tokenValidationSection,
#oAuthProviderForm div#providerFour div.openIdConnectReservedScopes {
  float: right;
  width: calc(100% - 290px);
}
#oAuthProviderForm div#providerFour div.openIdConnectReservedScopes {
  float: left;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection label,
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection label,
#oAuthProviderForm div#providerFour div.openIdConnectReservedScopes label {
  float: left;
  padding-left: 5px;
  width: 250px;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection input[type="checkbox"],
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection input[type="checkbox"],
#oAuthProviderForm div#providerFour div.openIdConnectReservedScopes input[type="checkbox"] {
  float: left;
  margin-top: 5px;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection .soa-ui-cm-pkce input[type="checkbox"] {
  float: none;
  margin: 0;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection .soa-ui-cm-pkce {
  clear: left;
  margin-left: 116px;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection div.innerChild,
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.innerChild {
  clear: both;
  padding-left: 30px;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection div.innerChild label {
  font-weight: normal;
  margin-left: -9px;
  width: 200px;
}
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.innerChild label {
  font-weight: normal;
  margin-left: -9px;
  width: 230px;
}
#oAuthProviderForm div#providerThree div.tokenValidationSection label {
  font-weight: normal;
  width: 230px;
}
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.innerChild div.tooltip {
  margin: 2px 0 0 3px;
}
#oAuthProviderForm div#providerTwo div.inputwrap span,
#oAuthProviderForm div#providerThree div.inputwrap span {
  font-weight: bold;
  padding-left: 5px;
  padding-right: 10px;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection div.innerChild div.formsep,
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.innerChild div.formsep {
  margin-bottom: 5px;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection div.innerChild div.inputwrap,
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.innerChild div.inputwrap {
  margin-left: 250px;
}
#oAuthProviderForm div#providerTwo div.supportedGrantTypesSection div.innerChild div.inputwrap input[type="text"] {
  width: 100px ! important;
}
#oAuthProviderForm div#providerTwo div.inputwrap div.oAuthProviderGrantProvisioningTimeoutwrap input[type="text"] {
  width: 100px ! important;
}
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.innerChild div.inputwrap input[type="text"] {
  width: 220px ! important;
}
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.innerChild div.inputwrap div.tokenlength input[type="text"] {
  width: 100px ! important;
}
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.innerChild div.inputwrap select {
  width: 220px ! important;
}
#oAuthProviderForm div#providerThree select {
  width: 220px ! important;
}
#oAuthProviderForm div#providerThree div.supportedTokenTypesSection div.linesep {
  border-top: 1px solid #2683b4;
  margin-top: 20px;
  padding: 10px;
}
#oAuthProviderForm input[disabled="disabled"],
#openIdProviderForm input[disabled="disabled"],
#fbConnectorForm input[disabled="disabled"] {
  background-color: #eceded ! important;
  border-color: #eceded ! important;
  color: #a5a5a5 ! important;
}
#openIdProviderForm #providerTwo .inputwrap,
#fbConnectorForm #providerTwo .inputwrap {
  float: left;
  width: 300px;
}
#openIdProviderForm #providerTwo .inputwrap + .tooltip,
#fbConnectorForm #providerTwo .inputwrap + .tooltip {
  float: left;
}
#openIdProviderForm #providerTwo .inputwrap {
  margin-left: 20px !important;
}
#openIdProviderForm #providerThree .inputwrap {
  float: left;
  width: 300px;
  margin-left: 20px !important;
}
#openIdProviderForm #providerThree .inputwrap + .tooltip {
  float: left;
}
#oAuthProviderForm div#providerTwo #oAuthProviderGrantValidityPeroiod {
  float: left;
  width: 100px ! important;
}
#oAuthProviderForm div#providerTwo #oAuthProviderGrantValidityPeroiod + .tooltip {
  float: left;
}
#oAuthProviderForm div#providerTwo h4 {
  border-top: 1px solid #2683B4;
  margin-top: 20px;
  padding: 10px 0;
}
#oAuthProviderForm div#providerSeven div.formsep div.inputwrap.oAuthServerURLContainer {
  float: left;
  margin-left: 1px ! important;
}
#oAuthProviderForm div#providerSeven div.formsep div.inputwrap.oAuthServerURLContainer + .tooltip {
  float: left;
}
#oAuthProviderForm div#providerTwo h4:first-child {
  border-top: medium none;
  margin-top: 0;
  padding: 4px 0 0;
}
#oAuthProviderForm div#providerThree div.formsep div.inputwrap {
  margin-left: 200px;
}
#oAuthProviderForm div#providerThree div.formsep div.inputwrap input {
  padding-left: 3px;
  width: 206px;
}
#oAuthProviderForm div#providerThree div.formsep {
  margin-bottom: 20px;
}
#oAuthProviderForm div#providerFive {
  width: 100%;
}
#oAuthProviderForm div#providerFive .tooltip,
#resourcesCntr .tooltip {
  float: none;
  margin: 0;
}
#oAuthProviderForm div#providerFive .resourcesMsgTray,
#resourcesCntr .resourcesMsgTray {
  margin-bottom: 5px;
  width: 95%;
}
#oAuthProviderForm div#providerFive .resourceViewTitle,
#resourcesCntr .resourceViewTitle {
  padding-left: 5px;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection,
#resourcesCntr div.resourceLeftSection {
  border-right: 2px solid #EEEEEE;
  float: left;
  overflow: auto;
  width: 300px;
}
#oAuthProviderForm div#providerFive div.resourceRightSection,
#resourcesCntr div.resourceRightSection {
  display: none;
  margin-left: 315px;
  width: 50%;
}
#oAuthProviderForm div#providerFive div.resourceRightSection span.error,
.grantPropertyRow .inputwrap span.error {
  display: block;
}
#oAuthProviderForm div#providerFive div.resourceRightSection input[type="text"],
#resourcesCntr div.resourceRightSection input[type="text"] {
  width: 260px ! important;
}
#oAuthProviderForm div#providerFive div.resourceRightSection textarea,
#resourcesCntr div.resourceRightSection textarea {
  width: 260px ! important;
  padding: 3px;
}
#oAuthProviderForm div#providerFive div.resourceRightSection .oAuthProviderResourceFullPathCntr,
#resourcesCntr div.resourceRightSection .oAuthProviderResourceFullPathCntr {
  display: none;
  margin-top: 50px;
  overflow: auto;
}
#oAuthProviderForm div#providerFive label.blackLabel,
#resourcesCntr label.blackLabel {
  font-weight: bold;
}
#oAuthProviderForm div#providerFive div.resourceRightSection .clearthis:after,
#resourcesCntr div.resourceRightSection .clearthis:after {
  content: none;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection .treeSection,
#resourcesCntr div.resourceLeftSection .treeSection,
#ResourceList .resources-list-left .treeSection {
  height: 375px;
  padding: 0 10px 0 0;
}
#ResourceList .resources-list-left .treeSection .firstRootEle .firstRootEle {
  display: none;
}
#ResourceList .resources-list-left .treeSection {
  height: auto;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection .treeSection .resourceRow,
#resourcesCntr div.resourceLeftSection .treeSection .resourceRow,
#ResourceList .resources-list-left .treeSection .resourceRow {
  padding: 2px 0 2px 2px;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection .treeSection .resourceName,
#resourcesCntr div.resourceLeftSection .treeSection .resourceName,
#ResourceList .resources-list-left .treeSection .resourceName {
  background-color: #EEEEEE;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: bold;
  padding: 2px 2px 2px 5px;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection .treeSection .resourceName .resourceNameEle,
#resourcesCntr div.resourceLeftSection .treeSection .resourceName .resourceNameEle,
#ResourceList .resources-list-left .treeSection .resourceName .resourceNameEle {
  height: 15px;
  overflow: hidden;
  width: 80%;
}
#ResourceList .resources-list-left .treeSection .resourceName .resourceNameEle {
  width: auto;
  height: 20px;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection .treeSection .resourceName.lastChild,
#resourcesCntr div.resourceLeftSection .treeSection .resourceName.lastChild,
#ResourceList .resources-list-left .treeSection .resourceName.lastChild {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #959595;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection .treeSection .highlight,
#resourcesCntr div.resourceLeftSection .treeSection .highlight,
#ResourceList .resources-list-left .treeSection .highlight {
  background-color: #f8f8f8 ! important;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection .treeSection .deleteResourceButton,
#resourcesCntr div.resourceLeftSection .treeSection .deleteResourceButton,
#ResourceList .resources-list-left .treeSection .deleteResourceButton {
  color: #2196f3;
  cursor: pointer;
  float: right;
  font-size: 11px;
  font-weight: normal;
  margin-right: 3px;
  margin-top: -16px;
}
#oAuthProviderForm div#providerFive div.resourceLeftSection .treeSection .resourceChildren,
#resourcesCntr div.resourceLeftSection .treeSection .resourceChildren,
#ResourceList .resources-list-left .treeSection .resourceChildren {
  margin-left: 15px;
}
#oAuthProviderForm div#providerFive div.resourceRightSection div.formsep label {
  font-weight: normal;
  width: 140px;
}
#resourcesCntr div.resourceRightSection div.formsep label {
  float: left;
  font-weight: normal;
  width: 140px;
}
#oAuthProviderForm div#providerFive div.resourceRightSection div.formsep textarea.small,
#resourcesCntr div.resourceRightSection div.formsep textarea.small {
  height: 25px;
  padding: 3px;
}
#oAuthProviderForm div#providerFive div.resourceRightSection p.helpText,
#resourcesCntr div.resourceRightSection p.helpText {
  color: red;
  margin-top: 5px;
}
#oAuthProviderForm div#providerFive div.resourceRightSection div.formsep div.inputwrap {
  margin-left: 140px ! important;
  padding-top: 5px;
}
#resourcesCntr div.resourceRightSection div.formsep div.inputwrap {
  margin-left: 140px ! important;
  margin-bottom: 10px;
}
#oAuthProviderForm div#providerSeven div.formsep div.inputwrap {
  margin-left: 200px;
}
#oAuthProviderForm div#providerSeven div.formsep div.inputwrap input {
  padding-left: 3px;
  width: 200px ! important;
}
#oAuthProviderForm div#providerSeven div.formsep label {
  color: #7f7f7f;
  width: 190px;
}
#oAuthProviderForm div#providerSeven div.formsep label.label-logo {
  color: #7f7f7f;
  width: 80px;
}
#oAuthProviderForm div#providerSeven div.formsep {
  margin-bottom: 20px;
}
#oAuthProviderForm div#providerSeven .imgCntr {
  width: 510px;
}
#oAuthProviderForm div#providerSeven .imgCntr .imgholder {
  border: 1px solid #333333;
  float: left;
  margin-right: 10px;
  padding: 2px;
  width: 50px;
  height: 50px;
}
#oAuthProviderForm div#providerSeven .imgCntr .imgholder img {
  height: 50px;
  width: 50px;
}
#oAuthProviderForm div#providerSeven .imgCntr .desc {
  font-weight: bold;
  padding-top: 18px;
}
#oAuthProviderForm div#providerSix div.formsep div.inputwrap {
  margin-left: 140px;
}
#oAuthProviderForm div#providerSix div.formsep div.inputwrap input[type="text"] {
  width: 515px ! important;
}
#oAuthProviderForm div#providerSix div.formsep label {
  padding-top: 2px;
  width: 130px;
}
#oAuthProviderForm div#providerSix div.formsep .deleteGrantProperty {
  float: left;
  margin-left: 135px;
}
#oAuthProviderForm input.helpText[type="text"],
#openIdProviderForm input.helpText[type="text"],
#fbConnectorForm input.helpText[type="text"],
#oAuthProviderForm textarea.helpText,
#openIdProviderForm textarea.helpText,
#fbConnectorForm textarea.helpText {
  color: #7f7f7f;
  font-family: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: oblique;
  font-weight: normal;
  height: 20px;
  padding: 0 3px;
}
#oAuthProviderForm div#providerOne div.formsep div.inputwrap {
  margin-left: 95px ! important;
}
#openIdProviderForm div.formsep div.inputwrap,
#fbConnectorForm div.formsep div.inputwrap {
  margin-left: 100px ! important;
}
#fbConnectorForm #providerTwo div.formsep div.inputwrap {
  margin-left: 0 !important;
}
#oAuthProviderForm div#providerOne input[type="text"],
#openIdProviderForm div#providerOne input[type="text"],
#fbConnectorForm div#providerOne input[type="text"] {
  width: 285px ! important;
}
#oAuthProviderForm div#providerOne textarea,
#openIdProviderForm div#providerOne textarea,
#fbConnectorForm div#providerOne textarea {
  width: 285px ! important;
  height: 60px;
  line-height: normal;
  padding: 3px;
}
.errorMsgTray {
  background-color: #FFCCCC;
  border-radius: 5px 5px 5px 5px;
  border: 2px solid #990000;
  color: #990000;
  display: none;
  font-weight: bold;
  padding: 10px;
}
.addResourceButton {
  background: url("images/sprites_cm_open_system_2683b4.png") 11px -841px no-repeat;
  clear: both;
  color: #2196f3;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  padding: 3px 0 0 28px;
  width: 90px;
}
.ConfigResources > h1,
.SecurityDomainsList > h1,
.ConfigCustomStyles > h1,
.ConfigApis > h1,
.ConfigApps > h1,
.ConfigGroups > h1 {
  background: url("images/sprites_cm_open_icons_18_4a494a.png") no-repeat scroll 4px -579px transparent;
  color: #494949;
  font-size: 17px;
  font-weight: bold;
  padding: 7px 7px 7px 30px;
}
.SecurityDomainsList > h1 {
  background-position: 4px -839px;
}
.SecurityDomainsList > .add-domain-wrapper {
  background-color: #f8f8f8;
  border-bottom: 1px solid #959595;
  padding: 7px;
}
.SecurityDomainsList > .message-wrapper {
  border-width: 0 1px;
  padding: 10px;
}
.SecurityDomainsList > .add-domain-wrapper > .select-domain-type-wrapper {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  display: none;
  position: absolute;
  top: 105px;
  z-index: 9999;
}
.SecurityDomainsList > .add-domain-wrapper > .select-domain-type-wrapper > h4 {
  background-color: #e5e5e5;
  border-bottom: #959595;
  padding: 5px 10px;
}
.SecurityDomainsList > .add-domain-wrapper > .select-domain-type-wrapper > .select-domain-type-content {
  color: #000000;
  padding: 10px 15px;
}
.SecurityDomainsList > .add-domain-wrapper > .select-domain-type-wrapper > .select-domain-type-content > .single-select-wrapper {
  border: 1px solid #CFD1D2;
  width: 225px;
}
.SecurityDomainsList > .add-domain-wrapper > .select-domain-type-wrapper > .select-domain-type-content > .single-select-wrapper > h5 {
  background-color: #DBDCDD;
  color: #221F1F;
  font-size: 12px;
  padding: 2px 10px;
}
.SecurityDomainsList > .add-domain-wrapper > .select-domain-type-wrapper > .select-domain-type-content > .single-select-wrapper > #add-domain-select {
  width: auto;
}
.SecurityDomainsList > .add-domain-wrapper > .select-domain-type-wrapper > .select-domain-type-content > button {
  margin-bottom: 10px;
  margin-top: 10px;
}
.SecurityDomainsList > .add-domain-wrapper > .select-domain-type-wrapper > .select-domain-type-content > button.x {
  margin-left: 0;
}
.createdDate {
  white-space: nowrap;
}
.security-domain-footer {
  background: #ffffff;
  border-top: none;
  border-bottom-color: #dddddd;
  display: block;
  height: 35px;
}
.mandatory {
  color: red;
}
.colon {
  padding-left: 3px;
}
#collection_options_type_span_menu > table {
  overflow: hidden;
}
#body_content #tiptip_content {
  background-color: #3e4343;
  border: 1px solid #3e4343;
  box-shadow: 0 0 3px #3e4343;
  color: #ffffff;
}
#body_content #tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #3e4343;
}
#body_content #tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #3e4343;
}
#body_content #tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #3e4343;
}
#body_content #tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #3e4343;
}
#body_content #tiptip_holder.tip_top #tiptip_arrow_inner {
  border-top-color: #3e4343;
}
#body_content #tiptip_holder.tip_bottom #tiptip_arrow_inner {
  border-bottom-color: #3e4343;
}
#body_content #tiptip_holder.tip_right #tiptip_arrow_inner {
  border-right-color: #3e4343;
}
#body_content #tiptip_holder.tip_left #tiptip_arrow_inner {
  border-left-color: #3e4343;
}
.tooltip.help {
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat -4px -800px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin: 2px 0 0 10px;
  padding: 0;
  vertical-align: text-bottom;
  width: 16px;
}
h2 .tooltip {
  float: right;
  margin: 4px 20px;
}
div.wizard_two_column_left.tooltips {
  padding-right: 15px;
  width: 457px;
}
div.wizard_two_column_left.tooltips div.formsep div.inputwrap {
  float: left;
  margin: 0 15px 0 13px;
  width: 275px;
}
div.inputwrap .tooltip {
  margin: 2px 0 0 5px;
}
div.addApiInputTitle .tooltip {
  margin: 0 10px;
}
ul.advancedOptions div {
  padding-top: 0;
}
ul.advancedOptions .tooltip {
  float: right;
  margin-top: -1px;
}
ul.advancedOptions input[type="checkbox"] {
  padding: 0;
}
div.securitypolicycon .tooltip {
  vertical-align: top;
}
#loginForm input[type="text"],
#loginForm input[type="password"] {
  width: 300px;
}
#loginForm div.empty {
  padding-bottom: 120px;
}
#loginForm div > p {
  padding-bottom: 20px;
}
#unsupportedBrowser {
  background: url("images/icon_attn.png") no-repeat scroll 15px 3px #595c5c;
  color: #FFFFFF;
  font-size: 12px;
  height: 23px;
  line-height: 23px;
  padding: 4px 0 2px 52px;
  position: relative;
  vertical-align: middle;
}
#unsupportedBrowser .closeBtnContainer {
  position: absolute;
  right: 8px;
  top: 8px;
}
#unsupportedBrowser .closeBtnContainer > button {
  background: url("images/icon_close.png") no-repeat scroll 0% 0% transparent;
  border-radius: 0 0 0 0;
  border: 0 none;
  height: 13px;
  width: 13px;
}
#unsupportedBrowser > p {
  padding: 0;
}
#unsupportedBrowser > p > :first-child {
  font-size: 14px;
}
#unsupportedBrowser > p > a {
  color: #FFFFFF;
  text-decoration: underline;
}
.rootEle {
  display: none;
}
div.console {
  border: 1px solid gray;
  height: 200px;
  margin-top: 5px;
  overflow-x: auto;
  padding: 10px;
}
div#response {
  height: 500px;
}
div.console pre {
  background-color: #FCF6DB;
  border: 1px solid #E5E0C6;
  display: inline-block;
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  min-width: 720px;
  padding: 10px;
}
div.devconsole label {
  color: #7f7f7f;
  display: block;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 4px 0 0 10px;
  width: 90px;
}
div.devconsole .formsep {
  margin: 0 0 10px;
  min-height: 22px;
  overflow: auto;
}
.devconsole .inputwrap > select {
  border: none;
  position: relative;
}
.devconsole .inputwrap > select option {
  position: relative;
}
div.devconsole > ol {
  border: 0 none;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
div.devconsole ol > li:after {
  clear: none;
}
div.devconsole ol > li {
  border: medium none;
  padding: 0;
}
div.devconsole div.inputwrap {
  float: left;
}
div.devconsole div.buttonwrap {
  margin: 10px 0;
}
div.devconsole div.inputwrap small {
  font-size: 11px;
  padding-left: 10px;
}
div.devconsole select {
  background: #EAEAEB;
  color: #484D4D;
  font-weight: bold;
  padding: 2px;
  width: 230px;
}
div.devconsole select.paramtype {
  width: 80px;
}
div.devconsole div.inputwrap_long select {
  width: 642px;
}
div.devconsole div.inputwrap_long select.endpoints {
  width: 570px;
}
div.devconsole div.inputwrap_long input {
  width: 630px;
}
div.devconsole div.inputwrap_long textarea {
  height: 28px;
  width: 630px;
}
div.devconsole div.formsep div.parameters {
  float: left;
}
div.devconsole div.formsep .extra_param li {
  width: 642px;
}
div.devconsole div.formsep .extra_param li {
  padding: 2px 0 0;
}
div.devconsole div.formsep .extra_param li label {
  color: #666666;
  display: inline-block;
  float: none;
  font-size: 11px;
  line-height: 20px;
  padding: 0 2px 0 0;
  width: auto;
}
div.devconsole div.formsep .extra_param li input {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
div.devconsole div.formsep .extra_param li input.value {
  width: 195px;
}
div.devconsole input[type="text"][disabled="disabled"] {
  color: #888888 ! important;
}
div.devconsole div.formsep textarea {
  height: 100px;
  width: 622px;
}
div.devconsole div.accept_other,
div.devconsole div.requestct_other {
  font-size: 11px;
  font-weight: bold;
  margin: 5px 0 0;
}
div.devconsole div.accept_other > input,
div.devconsole div.requestct_other > input {
  width: 200px;
}
div.security_modal input[type="text"],
div.security_modal input[type="textbox"],
div.security_modal input[type="password"],
div.security_modal textarea {
  background: #ECEDED;
  border-radius: 0 0 0 0;
  font-style: normal;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  vertical-align: middle;
}
div.security_modal input,
div.security_modal textarea,
div.security_modal select {
  border: medium none;
  color: #3D4242;
  font-family: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
}
div.devconsole ol.policies {
  border-bottom: 1px solid lightgrey;
  padding: 10px 0;
}
div.devconsole ol.policies:first-child {
  padding-top: 0;
}
div.devconsole ol.policies:last-child {
  border-bottom: medium none;
  padding-bottom: 0;
}
div.devconsole ol.credentials > li {
  margin: 5px 0;
}
div.devconsole ol.credential > li {
  margin: 0 0 10px;
}
div.devconsole ol.credentials > li > input[type="radio"] {
  float: left;
  margin: 15px 0 0 10px;
}
div.devconsole ol.policies div.inputwrap input[type="text"],
div.devconsole ol.policies div.inputwrap input[type="password"] {
  width: 520px;
}
div.devconsole ol.policies ol.multi div.inputwrap input[type="text"],
div.devconsole ol.policies ol.multi div.inputwrap input[type="password"] {
  width: 490px;
}
div.devconsole ol.policies div.inputwrap > textarea {
  height: 50px;
  line-height: 13px;
  width: 516px;
}
div.devconsole ol.policies div.inputwrap > label.policy_name {
  padding-top: 4px;
  width: 100%;
}
div.security_modal ol.policies div.inputwrap > select {
  margin-left: 10px;
}
div.devconsole ol.credential.multi {
  border-radius: 2px 2px 2px 2px;
  border: 1px solid lightgray;
  margin: 0 10px 0 30px;
  padding-top: 10px;
}
div.devconsole ol.unselected {
  background: lightgrey;
}
div.devconsole li.grant_type {
  display: inline;
  list-style-type: none;
}
div.devconsole ul.grant_types {
  font-size: 11px;
  width: 533px;
}
div.devconsole ul.grant_types > li > input[type="radio"] {
  float: left;
  margin: 4px;
}
div.devconsole ul.grant_types > li > label {
  padding: 4px 5px 0 0;
  width: auto;
}
div.devconsole span.keystore_status {
  color: #3D4242;
  display: inline-block;
  font-family: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin-left: 10px;
  width: 364px;
}
div.devconsole button.get_token {
  float: left;
  margin: 10px 10px 0 25px;
}
div.devconsole fieldset {
  border: 1px solid lightgray;
  border-radius: 3px;
  margin: 10px;
  padding: 10px;
}
div.devconsole ol.policies fieldset div.inputwrap input[type="text"] {
  width: 400px;
}
div.devconsole fieldset legend {
  color: #494949;
  font-weight: bold;
  padding: 5px;
}
.soa-ui-cm-encrypted-security-key-message {
  border-radius: 3px;
  float: left;
  padding: 5px;
  font-size: 11px;
}
div.wizard_two_column > div.wizard_two_column_left > div.apiGroupManage > label {
  width: 310px;
}
#addGroupPageOne > div.addGroupContent > div.wizard_two_column > div.wizard_two_column_left > div.apiGroupManage > div.inputwrap {
  margin-right: 0;
}
div.wizard_two_column > div.wizard_two_column_left > div.apiGroupManage > div.inputwrap > label {
  width: 50px;
}
#apidetails_keys > div > a.no-margin {
  margin: 0;
}
#secret_key {
  max-width: 745px;
}
/*RESOURCE COLLECTION*/
#collection_options form ol {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 105px;
}
#collection_options legend {
  font-size: 12px;
  font-weight: bold;
  color: white;
  display: block;
  margin: 0;
  padding: 0;
  width: 105px;
  border-bottom: 1px solid white;
  padding-top: 15px;
}
#collection_options form label {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #494949;
  padding: 11px 0 4px;
}
#collection_options form select {
  width: 100px;
}
fieldset#collection_options {
  border: none;
  margin: 0;
  padding: 0 0 10px 5px;
}
input.help_text {
  color: #777;
  font-style: italic;
}
#monitorTabDiv {
  min-height: 390px;
}
#monitorTabDiv #chartContainer {
  width: 100%;
  height: 390px;
  text-align: center;
  float: left;
}
#soa-control-cm-app-monitor-overview-container div.report_gauge,
#soa-control-cm-api-monitor-overview-container div.report_gauge {
  padding: 1% 0 0 0;
  border: 1px solid #cfd6d4;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float: left;
  margin: 0 12px 10px 0;
  vertical-align: bottom;
}
#soa-control-cm-app-monitor-overview-container div.report_gauge_control,
#soa-control-cm-api-monitor-overview-container div.report_gauge_control {
  height: 30px;
}
#soa-control-cm-app-monitor-overview-container div.report_gauge_control > div,
#soa-control-cm-api-monitor-overview-container div.report_gauge_control > div {
  display: inline-block;
}
#soa-control-cm-app-monitor-overview-container div.report_gauge_summary,
#soa-control-cm-api-monitor-overview-container div.report_gauge_summary {
  background-color: #cfd6d4;
  height: 50px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
#soa-control-cm-app-monitor-overview-container div.report_gauge_summary ul,
#soa-control-cm-api-monitor-overview-container div.report_gauge_summary ul {
  list-style: none outside none;
  margin: 0;
  padding: 10px;
}
.report_gauge_control .selectbox,
.report_gauge_control .selectbox-wrapper > li {
  text-transform: uppercase;
  color: #2196f3;
}
.soa-control-cm-api-monitor-metrics-container,
.soa-control-cm-app-monitor-metrics-container {
  border: 1px solid #e5e5e5;
  padding: 9px;
  margin-bottom: 10px;
}
#soa-control-cm-app-monitor-overview-container div.report_divider,
#soa-control-cm-api-monitor-overview-container div.report_divider,
.soa-ui-cm-appQuotas div.report_divider {
  margin: 15px 0;
  padding: 2px 10px;
  height: 16px;
  background-color: #959595;
  color: white;
  font-weight: bold;
}
#soa-control-cm-app-monitor-overview-container div.report_chart,
#soa-control-cm-api-monitor-overview-container div.report_chart,
.soa-ui-cm-appQuotas div.report_chart {
  float: left;
  width: 370px;
  margin: 0 14px 0 0;
}
#soa-control-cm-app-monitor-overview-container div.report_chart_title,
#soa-control-cm-api-monitor-overview-container div.report_chart_title,
.soa-ui-cm-appQuotas div.report_chart_title {
  padding: 0 0 5px;
  font-size: 14px;
  font-weight: bold;
  color: #494949;
  line-height: 20px;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #959595;
}
.soa-ui-cm-quota-chart {
  height: 208px;
}
#soa-control-cm-app-monitor-overview-container div.report_chart_title a.button,
#soa-control-cm-api-monitor-overview-container div.report_chart_title a.button {
  float: right;
}
#soa-control-cm-app-monitor-overview-container span.detail_desc strong,
#soa-control-cm-api-monitor-overview-container span.detail_desc strong {
  font-weight: bold;
}
.detail_desc {
  word-wrap: break-word;
  width: auto;
}
#myAppsTeamEmpty {
  width: 90%;
  text-align: center;
  padding: 15px 0 0;
}
#myAppsPage {
  padding: 0 0 10px 0;
}
#MyAppsTeamMembers .rows {
  margin: 10px;
}
#MyAppsTeamMembers .imageMedium {
  height: 24px;
  padding: 0 10px 0 14px;
}
#MyAppsTeamMembers .alignRight {
  align: right;
}
#MyAppsTeamMembers .rowBorder {
  border-bottom: 1px solid #999999;
  line-height: 1px;
  width: 80%;
}
#MyAppsTeamMembers .disabledText {
  color: #666666;
  font-size: 11px;
  margin: 5px 0 0 0;
}
#MyAppsTeamMembers #tblMember {
  width: 100%;
}
#MyAppsTeamMembers .tableCell {
  padding-right: 3px;
  height: 32px;
}
#MyAppsTeamMembers #myAppsTable {
  /*
	 margin: 10px 0 10px 20px;
	 width: 100%;
	 */

}
#MyAppsTeamMembers #tableTitle {
  font-size: 18px;
  margin: 0 5px 0 0;
}
#myAppsInviteButton {
  margin: 0 0 0 10px;
}
#inviteTeamMember .tableRow {
  margin: 5px 0 0 10px;
}
#inviteTeamMember .alignRight {
  text-align: right;
}
#inviteTeamMember .buttonRow {
  margin: 20px 0;
}
#inviteTeamMember .statusButtonRow {
  margin: 30px 20px 20px 0;
}
#inviteTeamMemberStatusText {
  width: 95%;
  border: none;
}
#inviteTeamMemberForm {
  width: 95%;
}
#myAppsPage {
  padding: 20px;
}
#MyAppsTeamMembers h2.subtitle {
  font-size: 16px;
  margin: 0 0 5px 0;
}
#MyAppsTeamMembers div.appmembers {
  margin: 20px 0 0 0;
}
#MyAppsTeamMembers div.appmember {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 2px solid #959595;
}
#MyAppsTeamMembers div.appmember div.imgholder {
  float: left;
  width: 90px;
}
#MyAppsTeamMembers div.appmember div.imgholder img.imageMedium {
  display: block;
  width: 90px;
  height: 90px;
  padding: 0;
}
#MyAppsTeamMembers div.appmember div.imgholder button {
  margin: 5px 0 0 0;
  width: 90px;
}
#MyAppsTeamMembers div.appmember div.desc {
  margin-left: 105px;
}
#MyAppsTeamMembers div.appmember div.desc h3 {
  font-size: 14px;
  margin: 0 0 5px 0;
  color: #494949;
}
#MyAppsTeamMembers div.appmember div.desc p {
  margin: 0 0 10px 0;
}
#MyAppsTeamMembers div.subheading {
  padding: 10px 20px;
  background: #eceded;
  border-bottom: 1px solid #959595;
  height: 25px;
  line-height: 25px;
}
#MyAppsTeamMembers div.subheading h2.subtitle,
#MyAppsTeamMembers div.subheading span,
#MyAppsTeamMembers div.subheading img {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#MyAppsTeamMembers div.subheading h2.subtitle {
  margin: 0;
  font-size: 12px;
}
#MyAppsTeamMembers div.subheading img {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#MyAppsTeamMembers div.subheading span {
  margin-right: 5px;
}
#MyAppsTeamMembers div.appmember div.imgholder img.imageMedium {
  width: 75px;
  height: 75px;
}
#MyAppsTeamMembers div.appmembers {
  margin: 0;
  padding: 20px 20px;
}
#MyAppsTeamMembers div.appmember {
  margin: 0 0 10px;
  padding: 0 0 10px;
}
#MyAppsTeamMembers div.appmember div.desc {
  margin-left: 90px;
}
#MyAppsTeamMembers div.appmember div.desc .myAppsTeamRemove {
  float: right;
  margin-top: 18px;
}
#MyAppsTeamMembers div.appmember div.desc .memberstatus {
  padding: 3px 8px;
  background: #999;
  color: white;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#MyAppsTeamMembers div.appmember div.desc .memberstatus_accepted {
  background: #19894b;
}
#MyAppsTeamMembers div.appmember div.desc .memberstatus_declined {
  background: #c32126;
}
#MyAppsTeamMembers div.appmember div.desc .memberstatus_pending {
  background: #f09826;
}
#MyAppsTeamMembers div.appmember div.desc .memberstatus_remove {
  background: #c32126;
}
#MyAppsTeamMembers div.appmember div.desc h3 {
  font-size: 16px;
}
/*
 *	overrides for other CSS includes
 */
.advancedOptionsContent {
  width: 100%;
}
/*
 *	local declarations
 */
.addApiContent {
  border: 0px dotted #ccc;
}
.addApiContentLeft {
  float: left;
  border: 0px dotted #f0f;
}
#addApiPageTwo .addApiContent,
#addApiPageTwo .addApiContentLeft {
  width: 100%;
}
#AddModifyApi th {
  font-weight: bold;
}
#AddModifyApi .selectbox-wrapper > li {
  padding: 0 15px 0 5px;
  background: #eaeaeb;
}
#AddModifyApi .selectbox-wrapper > li.current,
#AddModifyApi .selectbox-wrapper > li.selected {
  background: #fff;
  color: #221f1f;
}
#AddModifyApi #hasProxyDiv .selectbox-wrapper {
  padding: 0;
}
#AddModifyApi #EnterURLList > li {
  padding: 4px 0;
}
#AddModifyApi #EnterURLList > li > .addApiInputField > .action_call {
  float: right;
  margin-top: 2px;
}
.addApiContentCenter {
  background-image: url(/resources/style/images/verticle_SQ.gif);
  background-repeat: repeat-y;
  background-position: center;
  width: 24px;
  margin-top: 8px;
  padding-left: 2px;
  padding-right: 2px;
  float: left;
  height: 164px;
}
.addApiContentRight {
  float: left;
  border: 0px dotted #0ff;
}
.addApiInputTitle {
  color: #494949;
  font-size: 12px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 6px;
}
.addApiInputTitle > span {
  float: left;
}
.addApiInputField {
  /*
	 float:					left;
	 margin-top:				10px;
	 width:					46%;
	 */

}
.addApiInputField ul {
  list-style: none;
  margin-left: -38px;
}
.addApiInputField li {
  margin-bottom: 6px;
}
.addApiURLButton {
  margin-left: 75px;
  color: #2196f3;
  font-size: 12px;
  font-weight: bold;
  background: url("images/sprites_cm_open_system_2683b4.png") -4px -840px no-repeat;
  width: 60px;
  padding: 3px 0 0 12px;
  clear: both;
  cursor: pointer;
}
#selectProtocolTable {
  width: 100%;
  border: 1px solid #eceded;
}
.trHeader {
  background-color: #cfd7d5;
  height: 24px;
}
.trEven {
  background-color: #ffffff;
}
.trOdd {
  background-color: #eceded;
}
ul#EnterURLList div.trOdd,
ul#EnterURLList div.trEven {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 15px 2px 5px;
  border: 4px solid #ececed;
  height: 15px;
}
ul#EnterURLList {
  list-style: none;
}
ul#EnterTitleList li {
  list-style: none;
}
ul#EnterURLList li {
  height: 26px;
  clear: both;
  margin: 0 0 10px 0;
}
ul#EnterURLList li span.targetlabel {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  width: 75px;
}
ul#EnterURLList li div.targetfield {
  width: 280px;
}
ul#EnterURLList li div.targetfield input {
  width: 268px;
}
ul#EnterURLList li div.targetbtn {
  margin-left: 75px;
}
ul#EnterURLList li div.targetbtn #targetURLButton {
  margin-bottom: 10px;
}
#EnterURLList li div {
  float: left;
}
#EnterURLList li div.addApiInputTitle {
  float: left;
  width: 49%;
  border: 0px dashed #f00;
  margin-bottom: 12px;
}
div.addApiInputField #Description {
  margin-left: 22px;
}
#EnterURLList li div.trOdd {
  margin-left: 84px;
}
div.trOdd input,
div.trEven input {
  float: left;
  margin: auto;
}
div.trOdd div,
div.trEven div {
  padding-left: 2px;
  float: left;
}
.SOAPProtocols {
  display: none;
}
ul.selectProtocolList {
  list-style: none;
}
ul.selectProtocolList li {
  padding: 2px;
  height: 24px;
  position: relative;
}
.selectProtocolList .SOAPVersions {
  float: right;
  margin-top: 3px;
}
ul.operationsList {
  list-style: none;
}
ul.operationsList li {
  margin-left: -38px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
  padding: 2px;
  height: 24px;
}
.selectedOperation {
  background-image: url(/resources/style/images/norm_flow_arrow_rt.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 21px;
  height: 21px;
  float: right;
}
.unselectedOperation {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  width: 21px;
  height: 21px;
  float: right;
}
form.f_styled input.opinput {
  background: #fcc;
  width: 43% !important;
}
div.opinputdiv {
  cursor: pointer;
  float: left;
  width: 210px !important;
  overflow: hidden;
}
div.opdeletebtn {
  float: right;
  font-size: 12px;
  font-weight: bold;
  display: block;
  line-height: 24px;
  cursor: pointer;
  margin: 0;
  padding-right: 5px;
  color: #6d6f72;
}
.addOperationButton {
  color: #494949;
  font-size: 12px;
  font-weight: bold;
  background: url("images/sprites_cm_open_system_2683b4.png") -4px -840px no-repeat;
  width: 86px;
  padding: 3px 0 0 12px;
  clear: both;
  cursor: pointer;
}
.operationsDetails {
  width: 48%;
  float: left;
  margin-left: 12px;
  margin-top: 0px;
  border: 0px solid #eceded;
}
ul.operationsDetailsList {
  list-style: none;
  border: 1px solid #eceded;
}
ul.operationsDetailsList li {
  margin-left: -38px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
  padding: 2px;
}
.listTitle,
.selectCon {
  float: left;
  margin-top: 4px;
  padding-right: 4px;
  font-weight: bold;
}
#hasProxyDiv > .addApiContent > div > div > ul {
  padding: 5px;
  margin: 0;
  list-style: none;
  border: 1px solid #eceded;
}
#hasProxyDiv .selectbox-wrapper > li {
  width: 250px;
}
#hasProxyDiv > .addApiContent > div > div > ul > li {
  margin: 2px;
  padding: 2px;
  height: 30px;
}
#addApiPageThree .addApiContentLeft {
  width: 84%;
}
#hasProxyDiv ul > li > div > label {
  font-weight: bold;
  float: left;
  width: 100px;
}
#hasProxyDiv ul > li > div > label.error {
  float: none;
}
#hasProxyDiv ul > li > div > input {
  width: 20% !important;
}
#hasProxyDiv ul > li > div > .slashspan {
  padding: 0 10px;
  float: left;
  line-height: 20px;
}
#hasProxyDiv ul > li > div > input.cname {
  width: 40% !important;
}
#hasProxyDiv ul > li > div > .containerUrl > span.selectbox {
  height: 20px;
  line-height: 20px;
}
#hasProxyDiv ul > li > div > .containerUrl {
  float: left;
}
#hasProxyDiv ul > li > div > .containerPath {
  float: left;
}
#hasProxyDiv ul > li > div > .containerPath > input {
  width: 130px;
}
#hasProxyDiv ul > li > div > .autoapproval {
  float: right;
}
#hasProxyDiv ul > li > div > .autoapproval > label {
  font-weight: bold;
}
.anonymousAccess {
  float: right;
  color: #7f7f7f;
}
/* new styles */
.wizardPageContent {
  float: none;
}
ul#EnterURLList,
ul#EnterTitleList,
ul.selectProtocolList,
ul.operationsList,
ul.operationsDetailsList {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul#EnterTitleList li div {
  width: auto;
  float: none;
}
ul#EnterTitleList li div.addApiInputTitle,
ul#EnterTitleList li div.addApiInputField {
  width: 415px !important;
  padding-right: 20px;
  float: left;
}
ul#EnterTitleList li div.addApiInputField {
  margin-bottom: 20px;
}
ul#EnterURLList li {
  margin: 0;
}
#EnterURLList li div.trOdd {
  margin-left: 0;
}
ul.selectProtocolList {
  width: 250px;
}
ul#protocolProfiler_target_ul {
  padding: 0 !important;
}
ul#protocolProfiler_target_ul li {
  border: none;
  padding: 0 15px 0 5px;
}
ul#protocolProfiler_target_ul.selectbox-wrapper > li:hover {
  background-color: #2983B4;
  color: #fff;
}
ul.selectProtocolList > li,
ul.operationsList > li,
ul.operationsDetailsList > li {
  border: 1px solid #ECEDED;
  margin: 0;
  background-color: #fff;
}
ul.operationsList li.inputerror .optbl_name {
  color: red;
}
ul.operationsList li.inputerror .optbl_path {
  color: red;
}
#protocolProfiler_proxy_ul li {
  border: none;
  padding: 0 15px 0 5px;
}
#protocolProfiler_proxy_ul li:hover {
  background-color: #2983b4;
  color: #fff;
}
div.operationsList,
div.operationsDetails {
  margin: 0;
}
div.opinputdiv {
  line-height: 24px;
  font-weight: bold;
}
.selectedOperation {
  height: 24px;
}
ul.operationsDetailsList li div.listTitle {
  width: 145px;
  padding: 0;
  float: none;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
ul.operationsDetailsList li div.listInput {
  vertical-align: top;
  float: none;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 240px;
}
#EnterURLList li.invalid_target_url div.addApiInputTitle {
  padding: 0 0 5px 0;
  color: red !important;
  font-size: 11px;
}
.halfwidth {
  width: 415px;
}
div.synced {
  width: 15px;
  height: 15px;
  float: right;
  margin-top: 4px;
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat 0 -670px;
}
div.synced.notsynced {
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat 0 -715px;
}
div.is_synced {
  height: 15px;
  line-height: 15px;
  padding: 0 0 0 21px;
  font-size: 11px;
  font-weight: bold;
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat 0 -670px;
  float: left;
}
div.not_synced {
  height: 15px;
  line-height: 15px;
  padding: 0 0 0 21px;
  font-size: 11px;
  font-weight: bold;
  background: url("images/sprites_cm_open_system_2683b4.png") no-repeat 0 -715px;
  float: right;
}
span.syncbtn a:link,
span.syncbtn a:visited {
  display: none;
  float: right;
  height: 15px !important;
  line-height: 15px !important;
  margin-top: 3px;
  padding: 0 5px !important;
  font-size: 8px !important;
}
.row_notsynced span.syncbtn a:link,
.row_notsynced span.syncbtn a:visited {
  display: block;
}
.row_notsynced div.opinputdiv {
  width: 43% !important;
}
.row_notsynced input.opinput {
  width: 43% !important;
}
div#operationsList_proxy .addOperationButton {
  display: none;
}
li.opdeleted .opinputdiv {
  text-decoration: line-through;
}
.operationsDetailsList .listInput select,
#requestContentType_target {
  background: #eaeaeb;
  border: 2px solid #eaeaeb;
  font-weight: bold;
  font-size: 11px;
  color: #3D4242;
  font-family: Arial, Sans-serif;
}
.operationsDetailsList .listInput .selector {
  width: 80px;
}
div.opdetailsTitle {
  padding: 5px 10px;
  background: #f1f1f1;
  border: 1px solid white;
  font-weight: bold;
  line-height: 20px;
  vertical-align: middle;
}
div.opdetailsTitle span.syncbtn a {
  float: right;
  margin-right: -5px;
}
div.opdetailsPad {
  border: 1px solid #ECEDED;
  padding: 1px;
}
ul.operationsDetailsList {
  border: none;
  padding: 5px 7px;
}
#addApiForm div.imgholder {
  float: left;
  width: 75px;
  padding: 2px;
  border: 1px solid #333;
}
#addApiForm div.imgholder div.imgholder_btns {
  text-align: center;
  margin: 5px 0 0 0;
}
#addApiForm div.imgholder img {
  display: block;
  width: 75px;
}
#addApiForm div.imgholder div.imgholder_btns button {
  margin: 0;
}
#addApiForm div.desc {
  margin-left: 95px;
}
#addApiForm div.formsep {
  margin: 0 0 20px 0;
}
#addApiForm div.cwrap_double_left {
  width: 405px;
}
#addApiForm div.cwrap_double_right {
  float: right;
  width: 405px;
  margin: 0;
}
#addApiForm div.cwrap_double_left div.formsep label {
  font-weight: bold;
  float: left;
  display: block;
  color: #7f7f7f;
  width: 90px;
  padding-top: 4px;
}
#addApiForm div.cwrap_double_right div.formsep label {
  display: block;
  margin-bottom: 5px;
}
#EnterURLList li div.addApiInputTitle {
  margin: 0;
  padding: 0 0 12px;
}
#EnterURLList li div.addApiInputTitleBorder,
#EnterURLList li div.addApiInputFieldBorder {
  border-left: 2px solid black;
  padding-left: 15px;
}
div.operationsList_error {
  color: red;
  font-weight: bold;
  font-size: 11px;
  margin: 0 0 5px 0;
}
.AddModifyApi .wizardHeadingAndTabs div {
  cursor: pointer !important;
}
ul.wsdl_types {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 250px;
}
ul.wsdl_types li {
  height: 24px;
  line-height: 24px;
  background: white;
  padding: 2px;
}
ul.wsdl_types li.active {
  background: #eceded;
}
div.wsdlOps ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 415px;
  border: 1px solid #ECEDED;
}
div.wsdlOps ul li {
  margin: 2px;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
}
ul#operationsList_proxySoap li .synced {
  display: none;
}
div.protocolProfiler {
  position: absolute;
  left: 248px;
  top: -2px;
  height: 27px;
  line-height: 27px;
  color: #221f1f;
  font-size: 11px;
  font-weight: bold;
  width: 345px;
  padding: 2px 10px;
  background: #dbdcdd;
}
ul.selectProtocolList li div.protocolProfilerCustom {
  display: none;
  left: 620px;
  position: absolute;
  top: -30px;
  width: 250px;
}
ul.selectProtocolList li div label.protocolProfilerCustom_option_label {
  display: inline-block;
  text-align: right;
  width: 50px;
}
ul.selectProtocolList li div input.protocolProfilerCustom_option_input {
  width: 150px;
}
div.protocolProfiler .profilerSelect {
  float: left;
  padding-top: 4px;
}
form.f_styled input.custom_profile_name {
  position: relative;
  top: 2px;
  width: 165px;
}
.custom_profile_name_container {
  display: none;
  left: 372px;
  position: absolute;
  top: 2.5px;
  width: 250px;
}
.custom_profile_name_container label[for='custom_profile_name'] {
  display: inline;
}
div.protocolProfiler > span {
  float: left;
  margin-right: 10px;
}
.opt_notselected div.protocolProfiler,
.opt_notselected .protocolProfilerCustom {
  display: none !important;
}
div.soapOptions {
  position: absolute;
  left: 258px;
  top: -1px;
  color: #221f1f;
  font-size: 11px;
  font-weight: bold;
  background: #dbdcdd;
}
.opt_notselected div.soapOptions {
  display: none;
}
div.soapOptions div.wsdl_type_con {
  display: none;
}
div.soapOptions div.wsdl_type_con.selected {
  display: inline-block;
}
div.soapOptions ul.wsdl_types {
  width: 620px;
}
div.soapOptions ul.wsdl_types li {
  background: white;
}
div.soapOptions ul.wsdl_types li.inputerror {
  color: red;
}
div.soapOptions ul.wsdl_types li.btmw {
  border-bottom: 1px solid white;
}
div.SOAPProtocols,
div.RESTProtocols {
  margin-top: 20px;
}
ul.operationsList li {
  border: none;
  padding: 0;
  height: auto;
  margin: -1px 0 0 0;
}
ul.operationsList li div.trOdd {
  background: none;
}
table.optbl {
  width: 100%;
  border: none;
  border-collapse: collapse;
  vertical-align: middle;
}
table.optbl th {
  text-align: left;
  background: #dbdcdd;
}
table.optbl td,
table.optbl th {
  padding: 5px 10px;
  vertical-align: middle;
}
table.optbl td {
  border: 1px solid #ececed;
}
table.optbl .optbl_settings {
  width: 50px;
}
table.optbl .optbl_path {
  width: 355px;
}
table.optbl .optbl_path input {
  width: 320px !important;
  font-weight: normal;
}
table.optbl .optbl_method {
  width: 73px;
}
table.optbl .optbl_method > select,
table.optbl .optbl_method > input {
  width: 50px;
}
table.optbl .optbl_datarow {
  display: none;
}
table.optbl .optbl_empty {
  border: none;
}
a.toggleOp {
  display: block;
  float: right;
  color: #494949;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  padding: 0 15px 0 0;
  height: 9px;
  line-height: 9px;
  background: url(/resources/style/images/toggleOp.gif) right top no-repeat;
}
a.toggleOp.active {
  background-position: right -9px;
}
.datasplit {
  float: left;
  font-size: 11px;
  width: 170px;
  margin: 0 0 5px 0;
}
.datasplit_big {
  width: 200px;
  margin-right: 10px;
}
.datasplit label {
  display: block;
}
.datasplit label.apidefault {
  border-bottom: 1px dotted #333;
}
.datasplit label.disabledLabel {
  color: #aaa;
}
.datasplit h4 {
  font-size: 11px;
}
#selectArrow {
  display: none !important;
}
.wsdlUrlCon {
  display: inline-block;
  width: 200px;
  margin-right: 5px;
}
div.faultct {
  display: none !important;
}
form.f_styled select.multipleSelect {
  width: auto;
  background: #eaeaeb;
  border: 2px solid #eaeaeb;
  font-weight: bold;
  font-size: 11px;
  color: #3D4242;
  font-family: Arial, Sans-serif;
  min-width: 300px;
}
div.hasProxy {
  margin-bottom: 10px;
}
div.hasProxy span {
  color: #494949;
  font-weight: bold;
  padding-right: 20px;
}
div.hasProxy label {
  padding-right: 10px;
  font-weight: bold;
}
div.epapproval {
  float: right;
  font-weight: bold;
  font-size: 11px;
}
div.epapproval span {
  padding-right: 10px;
}
div.epapproval label {
  padding-right: 5px;
}
div#hasProxyDiv {
  position: relative;
}
div#proxyDivOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
div.cname_error {
  display: none;
  float: left;
  font-weight: bold;
  color: red;
  font-size: 11px;
  line-height: 24px;
  padding-left: 5px;
}
div#wizardContent div.formsep {
  margin: 0 0 20px 0;
}
#confirmLoginForm > fieldset > .wizard_two_column_left > .formsep > label {
  font-weight: bold;
  float: left;
  display: block;
  color: #494949;
  width: 90px;
  line-height: 24px;
  font-size: 12px;
}
div#wizardContent div.formsep label.single,
div#wizardContent div.formsep label.single + label.error {
  float: none;
  color: #333;
  font-weight: normal;
  line-height: normal;
  width: auto;
  display: inline;
}
div#wizardContent div.formsep label.single + label.error {
  font-weight: bold;
  display: block;
}
#confirmLoginForm > fieldset > .wizard_two_column_left > .formsep > .inputwrap {
  margin-left: 90px;
}
/* div#wizardContent div.formsep div.inputwrap {
 margin-left: 90px;
 } */
#confirmLoginForm fieldset,
#signupForm fieldset {
  border: none;
  padding: 0;
  margin: 0;
  float: none;
  width: auto;
}
#confirmLoginForm .wizard_two_column_left .value_textbox_active {
  width: 398px;
}
#externalLogin {
  padding: 0;
  width: auto;
  float: none;
}
#externalLogin .gentitle {
  color: #7f7f7f;
}
#externalLogin p.social-buttons img.tp-login-button {
  margin-right: 10px;
  cursor: pointer;
  vertical-align: middle;
}
#passwordRules {
  padding: 0;
  margin: 0;
}
#passwordRules > h5 {
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 2px 0;
}
#passwordRules > ul {
  font-size: 11px;
  list-style: disc;
  margin: 0 15px;
  padding: 0;
}
.wizardHeadingAndTabs div {
  cursor: auto !important;
}
div#wizardContent div.fakeinput,
#forgotPasswordResetForm .fakeinput,
#forgotPasswordResetPasswordForm .fakeinput {
  border: 1px solid #eaeaeb;
  padding: 5px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #6D6F72;
  font-style: oblique;
  font-size: 11px;
}
#forgotPasswordResetForm .fakeinput,
#forgotPasswordResetPasswordForm .fakeinput {
  width: 318px;
}
.wizardPageContent {
  float: none;
}
a.forgot:link,
a.forgot:active,
a.forgot:visited {
  font-size: 11px;
  color: #2196f3;
  text-decoration: underline;
}
div#wizardContent div.thirdparty {
  margin: 0;
  padding: 0 0 20px 0;
}
div#wizardContent div.thirdparty span.tplogo {
  margin: 0 5px 0 0;
}
div#wizardContent #loginPassword_errorMessage {
  color: red;
}
div#PersonalInfoDetails div.imgholder {
  float: left;
  width: 60px;
}
div#PersonalInfoDetails div.imgholder div.imgholder_btns {
  text-align: center;
  margin: 5px 0 0 0;
}
div#PersonalInfoDetails div.imgholder img {
  display: block;
  width: 60px;
}
div#PersonalInfoDetails div.imgholder div.imgholder_btns button {
  margin: 0;
}
div#PersonalInfoDetails div.desc {
  margin-left: 90px;
}
div#PersonalInfoDetails div.desc div.formsep {
  margin: 0 0 10px 0;
}
div#PersonalInfoDetails div.desc div.formsep label,
div#PersonalInfoDetails div.desc div.formsep div.label {
  font-weight: bold;
  float: left;
}
div#PersonalInfoDetails div.formsep ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#PersonalInfoDetails div.desc div.formsep ul label {
  font-weight: normal;
}
div#PersonalInfoDetails #personalInfoEditDiv li {
  width: auto;
  float: none;
}
div#PersonalInfoDetails .personalInfoProfileEditRow {
  text-align: left;
  padding: 0;
  margin: 0 0 10px 0;
}
div#PersonalInfoDetails #personalInfoProfileForm {
  width: 100%;
  padding: 20px;
}
div#PersonalInfoDetails .personalInfoProfileButtonRow {
  padding: 15px 0 0 0;
  text-align: left;
}
div#PersonalInfoDetails .personalInfoProfileEditRow label {
  display: block;
  margin: 0 0 5px 0;
  font-weight: bold;
}
div#PersonalInfoDetails .personalInfoProfileEditRow label span {
  font-weight: normal;
}
div#PersonalInfoDetails #personalInfoProfilePicError {
  padding: 0;
  margin: 5px 0 0 00;
}
div#PersonalInfoDetails div.fakeinput {
  border: 1px solid #eaeaeb;
  padding: 5px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  font: normal 11px 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div#PersonalInfoDetails div.formsep ul {
  list-style: disc outside none;
  margin: 0 0 0 15px;
  padding: 0 0 0 5px;
}
div#PersonalInfoDetails div.formsep ul li {
  display: none;
}
div#PersonalInfoDetails div.imgholder {
  float: left;
  width: 75px;
  padding: 2px;
  border: 1px solid #ccc;
}
div#PersonalInfoDetails div.imgholder div.imgholder_btns {
  text-align: center;
  margin: 5px 0 0 0;
}
div#PersonalInfoDetails div.imgholder img {
  display: block;
  width: 75px;
}
div#PersonalInfoDetails div.desc {
  margin-left: 105px;
}
div#PersonalInfoDetails div.wizard_two_column_left div.formsep div.label {
  font-weight: bold;
  float: left;
  display: block;
  color: #7f7f7f;
  width: 90px;
  line-height: 24px;
}
div#PersonalInfoDetails div.formsep div.inputwrap {
  margin-left: 90px;
}
div#PersonalInfoDetails div.wizard_two_column div.wizard_two_column_left {
  width: 500px;
  border: none;
}
div#PersonalInfoDetails div.cwrap div.wizard_two_column_left div.formsep {
  margin: 0 0 20px 0;
}
div#AccountSettingsDetails div.formsep {
  margin: 0 0 10px 0;
}
div#AccountSettingsDetails div.thirdparty {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}
div#AccountSettingsDetails div.thirdparty span.tplogo {
  margin: 0 5px 0 0;
}
div#AccountSettingsDetails div.formsep .error {
  display: none;
}
div#AccountSettingsDetails div.formsep ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#AccountSettingsDetails div.formsep ul label {
  font-weight: normal;
}
div#AccountSettingsDetails div.fakeinput {
  border: 1px solid #eaeaeb;
  padding: 5px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}
div#AccountSettingsDetails div.formsep ul {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0 0 0 5px;
}
div#AccountSettingsDetails div.formsep ul li {
  padding-left: 22px;
  line-height: 22px;
}
div#AccountSettingsDetails div.formsep ul li.subscribed {
  background: url(/resources/style/images/subscription_yes.png) no-repeat left top;
}
div#AccountSettingsDetails div.formsep ul li.not_subscribed {
  background: url(/resources/style/images/subscription_no.png) no-repeat left top;
}
div#AccountSettingsDetails div.formsep div.label {
  color: #7f7f7f;
  font-weight: bold;
  margin: 0 0 5px 0;
}
div#AccountSettingsDetails div.cwrap_double_left {
  width: 346px;
}
div#AccountSettingsDetails div.cwrap_double_right {
  margin-left: 376px;
}
#AccountSettingsDetails h3.gentitle {
  color: #000;
}
#AccountSettingsDetails .thirdparty {
  font-weight: bold;
}
div#PersonalInfoEdit div.imgholder {
  float: left;
  width: 75px;
  padding: 2px;
  border: 1px solid #333;
}
div#PersonalInfoEdit div.imgholder div.imgholder_btns {
  text-align: center;
  margin: 5px 0 0 0;
}
div#PersonalInfoEdit div.imgholder img {
  display: block;
  width: 75px;
}
div#PersonalInfoEdit div.imgholder div.imgholder_btns button {
  margin: 0;
}
div#PersonalInfoEdit div.desc {
  margin-left: 95px;
}
div#PersonalInfoEdit div.formsep {
  margin: 0 0 20px 0;
}
div#PersonalInfoEdit div.wizard_two_column_left div.formsep label {
  font-weight: bold;
  float: left;
  display: block;
  color: #7f7f7f;
  width: 90px;
  line-height: 24px;
  padding-top: 0;
}
div#PersonalInfoEdit div.wizard_two_column_right div.formsep label {
  font-weight: bold;
  display: block;
  float: none;
  width: auto;
  margin: 0 0 5px 0;
}
div#PersonalInfoEdit div.formsep div.inputwrap {
  margin-left: 90px;
}
#personalInfoEditForm .inputwrap input {
  font: normal 11px 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div#PersonalInfoEdit #personalInfoEditForm .rowsButton {
  width: auto;
  text-align: left;
}
div#PersonalInfoEdit span.tplogo_cover {
  display: block;
  position: absolute;
  top: -9px;
  left: 0;
  width: 51px;
  height: 60px;
  background: url(/resources/style/images/tplogo_cover.png) no-repeat;
}
div#PersonalInfoEdit div.formsep .error {
  display: none;
}
div#PersonalInfoEdit div.formsep ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#PersonalInfoEdit div.formsep ul label {
  font-weight: normal;
}
div#PersonalInfoEdit #personalInfoEditDiv li {
  width: auto;
  float: none;
}
div#PersonalInfoEdit .personalInfoProfileEditRow {
  text-align: left;
  padding: 0;
  margin: 0 0 10px 0;
}
div#PersonalInfoEdit #personalInfoProfileForm {
  width: 100%;
  padding: 0;
}
div#PersonalInfoEdit .personalInfoProfileEditRow label {
  display: block;
  margin: 0 0 5px 0;
  font-weight: bold;
}
div#PersonalInfoEdit .personalInfoProfileEditRow label span {
  font-weight: normal;
}
div#PersonalInfoEdit #personalInfoProfilePicError {
  padding: 0;
  margin: 5px 0 0 00;
}
div.avatars ul {
  height: 25px;
}
div.avatars ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
div.avatars ul li {
  display: inline !important;
}
div.avatars ul li a:link,
div.avatars ul li a:visited {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0 5px 0 0;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
div.avatars ul li a.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.avatars ul li a.yahoo {
  background-image: url(/resources/style/images/icon_yahoo_small.png);
}
div.avatars ul li a.twitter {
  background-image: url(/resources/style/images/icon_twitter_small.png);
}
div.avatars ul li a.facebook {
  background-image: url(/resources/style/images/icon_facebook_small.png);
}
div.avatars ul li a.google {
  background-image: url(/resources/style/images/icon_google_small.png);
}
div.avatars ul li a.atmo,
div.avatars ul li a.default {
  background-image: url(/resources/style/images/icon_atmo_small.png);
}
div.avatars ul li a.gravatar {
  background-image: url(/resources/style/images/icon_gravatar_small.png);
}
.inputdesc {
  font-size: 11px;
  padding: 5px 0;
}
label.mandatory:after {
  content: ' *';
  color: #FF0000;
}
/* ######################################################################################
 * */
/* ---------------------------- Page 1, 2 styling
 * --------------------------------------- */
#AddModifyApiOAuth #wizardContent {
  padding: 0;
}
#AddModifyApiOAuth .wizardPageContent {
  width: 100%;
  margin: 0 10px;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .formsep {
  padding-left: 200px;
}
#AddModifyApiOAuth .noProviders {
  padding-left: 0;
  padding-right: 15px;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .formsep > label {
  color: #7f7f7f;
  float: left;
  font-weight: bold;
  padding: 0;
  width: 168px;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .formsep > label > span {
  display: block;
}
#AddModifyApiOAuth span.error {
  width: 80px;
  padding-left: 10px;
  /* 	border: 2px solid red; */

  color: red;
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .formsep > label.margined {
  margin-top: 7px;
}
#AddModifyApiOAuth .grantTypeError,
#AddModifyApiOAuth .oauthSupportError {
  color: red;
  padding: 5px 5px 5px 10px;
  font-weight: bold;
  /* 	border:2px solid red; */

  margin-bottom: 10px;
}
#AddModifyApiOAuth #apiOauthForm.f_styled > .wizardPageContent > .formsep > label.long {
  color: #7f7f7f;
  float: left;
  font-weight: bold;
  margin-top: 0;
  padding: 0;
  width: 300px;
}
#AddModifyApiOAuth .advancedOptionsSubheader {
  width: 99% !important;
  margin: 10px 0 0;
}
#AddModifyApiOAuth .oAuthSubheader {
  margin-left: 10px;
}
#AddModifyApiOAuth .advancedOptionsSubheader > div {
  background: none repeat scroll 0 0 white;
  float: left;
  padding: 0 20px 0 0;
}
#AddModifyApiOAuth .advancedOptionsSubheader > div > label > input {
  margin: 0 10px 0 0;
}
#AddModifyApiOAuth #apiOauthForm.f_styled input[type=text] {
  width: 75% !important;
}
#AddModifyApiOAuth #apiOauthForm.f_styled input.resourceInput,
#AddModifyApiOAuth #apiOauthForm.f_styled input.resourceInputApi {
  width: 60% !important;
}
#AddModifyApiOAuth .error {
  padding-left: 5px;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .formsep {
  padding: 5px 0px;
}
#AddModifyApiOAuth .Production,
#AddModifyApiOAuth .Sandbox,
#AddModifyApiOAuth .oauthOptions {
  padding-bottom: 20px;
  margin-left: 20px;
}
#AddModifyApiOAuth .oauth2010aOptions,
#AddModifyApiOAuth .oauth20Options,
#AddModifyApiOAuth .productionSandboxOptions {
  display: none;
}
#AddModifyApiOAuth .oauth2010aOptions,
#AddModifyApiOAuth .oauth20Options {
  padding-left: 20px;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .tabbed {
  padding: 0 0 0 170px;
}
#AddModifyApiOAuth .tabbed div.inputwrap label {
  display: block;
}
#AddModifyApiOAuth .helperText {
  font-style: italic !important;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .formsep > .select {
  width: 250px !important;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .formsep.checkboxes {
  padding: 15px 0;
}
#AddModifyApiOAuth .inputwrap {
  display: inline-block;
  width: 500px;
  margin: 0;
}
#AddModifyApiOAuth span.selectbox {
  width: 250px;
}
#AddModifyApiOAuth span.selectbox {
  width: 270px;
}
#AddModifyApiOAuth .inputwrap > div {
  float: left;
  padding-right: 20px;
}
#AddModifyApiOAuth .inputwrap > div > label {
  display: block;
}
#AddModifyApiOAuth .No_environment {
  padding: 10px 5px;
  font-weight: bold;
  color: #C01E2E;
}
/* ######################################################################################
 * */
/* ---------------------------- Page 3 styling
 * ------------------------------------------ */
#AddModifyApiOAuth > .wizardContentPanel .wizardPageContent > ul {
  padding: 10px 0 0;
}
#AddModifyApiOAuth > .wizardContentPanel .wizardPageContent > ul > li {
  margin-bottom: 20px;
}
#AddModifyApiOAuth > .wizardContentPanel .wizardPageContent > ul > li > div {
  padding: 0 0 10px;
}
#AddModifyApiOAuth > .wizardContentPanel .wizardPageContent > ul > li > div > label {
  color: #7f7f7f;
  font-weight: bold;
}
#AddModifyApiOAuth .wizardPageContent .oauthOperations,
#AddModifyApiOAuth .wizardPageContent .oauthApi {
  width: 90% !important;
}
#AddModifyApiOAuth .wizardPageContent .oauthOperations th,
#AddModifyApiOAuth .wizardPageContent .oauthApi th {
  padding: 5px 10px;
  background: none repeat scroll 0 0 #DBDCDD;
  color: #7f7f7f;
  font-weight: bold;
}
#AddModifyApiOAuth .wizardPageContent .oauthOperations tr > th,
#AddModifyApiOAuth .wizardPageContent .oauthApi tr > th,
#AddModifyApiOAuth .wizardPageContent .oauthOperations tr > td,
#AddModifyApiOAuth .wizardPageContent .oauthApi tr > td {
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #CFD6D4;
  border-left: 1px solid #CFD6D4;
  border-right: 1px solid #CFD6D4;
}
#AddModifyApiOAuth .wizardPageContent .oauthOperations tr > td,
#AddModifyApiOAuth .wizardPageContent .oauthApi tr > td {
  padding: 0;
}
#AddModifyApiOAuth .wizardPageContent .oauthOperations td > div.named,
#AddModifyApiOAuth .wizardPageContent .oauthApi td > div.named {
  padding: 3px 25px;
}
#AddModifyApiOAuth .wizardPageContent .oauthOperations td > div,
#AddModifyApiOAuth .wizardPageContent .oauthApi td > div {
  padding: 3px 5px;
}
#AddModifyApiOAuth .overlay {
  position: absolute;
  background: white;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.wizardPageContent > .oauthOperations td > div > .action_call {
  margin-right: 10px;
}
.apiOauthResourceScope h4,
.apiOauthResourceScope h5 {
  padding-bottom: 2px;
}
.apiOauthResourceScope h5 {
  font-weight: bold;
}
.apiOauthResourceScope ul {
  width: 100%;
  padding: 0;
  margin: 0;
}
.apiOauthResourceScope ul > li {
  clear: both;
  width: 100% !important;
  padding: 3px 0;
}
.apiOauthResourceScope ul.main {
  width: 260px;
}
.apiOauthResourceScope ul.main > li > div > label,
.apiOauthResourceScope ul.main > .root > label {
  background: none repeat scroll 0 0 #DBDCDD;
  overflow: auto;
}
.apiOauthResourceScope ul > li > div > label,
.apiOauthResourceScope ul.main > .root > label {
  width: 99%;
  overflow: auto;
  padding: 1px 0 1px 6px;
  font-weight: bold;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #DBDCDD;
}
.apiOauthResourceScope ul > li > input {
  float: left;
}
.apiOauthResourceScope ul > li > div {
  float: right;
  width: 88%;
}
.apiOauthResourceScope .ui-dialog-titlebar {
  display: block !important;
  padding: 5px 10px;
  background: none repeat scroll 0 0 #DBDCDD;
  color: #494949;
  font-weight: bold;
  font-size: 14px;
}
.apiOauthResourceScope .ui-dialog-titlebar > .ui-dialog-titlebar-close {
  display: none;
}
.apiOauthResourceScope .scopeSettings {
  padding: 5px 10px;
}
.apiOauthResourceScope .button-pane {
  text-align: right;
  padding: 5px 10px;
}
h1 span.divider,
h2 span.divider,
h3 span.divider,
h4 span.divider,
h5 span.divider,
h6 span.divider {
  color: #959595;
}
h2 span.sub {
  font-size: 0.7em;
  color: #7f7f7f;
  font-style: italic;
}
h2 span.sub a {
  color: #2196f3;
}
div.heading_with_menu {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
div.heading_with_menu h1,
div.heading_with_menu h2,
div.heading_with_menu h3,
div.heading_with_menu h4,
div.heading_with_menu h5,
div.heading_with_menu h6 {
  display: block;
  clear: none;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
}
div.heading_with_menu ul {
  display: block;
  clear: none;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
}
.body-textarea {
  width: 300px;
  height: 100px;
}
.markdown h3 {
  color: #547f00;
}
.markdown h4 {
  color: #666666;
}
.markdown pre {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  background-color: #fcf6db;
  border: 1px solid black;
  border-color: #e5e0c6;
  padding: 10px;
  margin: 0 0 10px 0;
}
.markdown pre code {
  line-height: 1.6em;
}
.markdown p code,
.markdown li code {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  background-color: #f0f0f0;
  color: black;
  padding: 1px 3px;
}
.markdown ol,
.markdown ul {
  font-family: "Droid Sans", sans-serif;
  margin: 5px 0 10px 0;
  padding: 0 0 0 18px;
  list-style-type: disc;
}
.markdown ol li,
.markdown ul li {
  padding: 3px 0px;
  line-height: 1.4em;
  color: #333333;
}
div.gist {
  margin: 20px 0 25px 0 !important;
}
p.big,
div.big p {
  font-size: 1em;
  margin-bottom: 10px;
}
span.weak {
  color: #666666;
}
span.blank,
span.empty {
  color: #888888;
  font-style: italic;
}
.code {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
}
pre {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  background-color: #fcf6db;
  border: 1px solid black;
  border-color: #e5e0c6;
  padding: 10px;
  /* white-space: pre-line */

}
pre code {
  line-height: 1.6em;
}
.wizardPageContent textarea.required,
.wizardPageContent input.required {
  color: inherit;
}
.wizardPageContent textarea.required.placeholder,
.wizardPageContent input.required.placeholder {
  color: #666;
}
table.fullwidth {
  width: 100%;
}
table.fullwidth thead tr th {
  padding: 5px;
  font-size: 0.9em;
  color: #666666;
  border-bottom: 1px solid #999999;
}
table.fullwidth tbody tr.offset {
  background-color: #f5f5f5;
}
table.fullwidth tbody tr td {
  padding: 6px;
  font-size: 0.9em;
  border-bottom: 1px solid #cccccc;
  vertical-align: top;
  line-height: 1.3em;
}
table.fullwidth tbody tr:last-child td {
  border-bottom: none;
}
table.fullwidth tbody tr.offset {
  background-color: #f0f0f0;
}
form.form_box {
  background-color: #f8f8f8;
  border: 1px solid #2196f3;
  padding: 10px;
}
form.form_box label {
  color: #7f7f7f !important;
}
form.form_box input[type=submit] {
  display: block;
  padding: 10px;
}
form.form_box p {
  font-size: 0.9em;
  padding: 0 0 15px 0;
  color: #7e7b6d;
}
form.form_box p a {
  color: #646257;
}
form.form_box p strong {
  color: black;
}
form.form_box p.weak {
  font-size: 0.8em;
}
form.formtastic fieldset.inputs ol li p.inline-hints {
  margin-left: 0;
  font-style: italic;
  font-size: 0.9em;
  margin: 0;
}
form.formtastic fieldset.inputs ol li label {
  display: block;
  clear: both;
  width: auto;
  padding: 0 0 3px 0;
  color: #666666;
}
form.formtastic fieldset.inputs ol li label abbr {
  padding-left: 3px;
  color: #888888;
}
form.formtastic fieldset.inputs ol li.required label {
  color: black;
}
form.formtastic fieldset.inputs ol li.string input,
form.formtastic fieldset.inputs ol li.url input,
form.formtastic fieldset.inputs ol li.numeric input {
  display: block;
  padding: 4px;
  width: auto;
  clear: both;
}
form.formtastic fieldset.inputs ol li.string input.title,
form.formtastic fieldset.inputs ol li.url input.title,
form.formtastic fieldset.inputs ol li.numeric input.title {
  font-size: 1.3em;
}
form.formtastic fieldset.inputs ol li.text textarea {
  font-family: "Droid Sans", sans-serif;
  height: 250px;
  padding: 4px;
  display: block;
  clear: both;
}
form.formtastic fieldset.inputs ol li.select select {
  display: block;
  clear: both;
}
form.formtastic fieldset.inputs ol li.boolean {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
form.formtastic fieldset.inputs ol li.boolean input {
  display: block;
  float: left;
  clear: none;
  margin: 0 5px 0 0;
}
form.formtastic fieldset.inputs ol li.boolean label {
  display: block;
  float: left;
  clear: none;
  margin: 0;
  padding: 0;
}
form.formtastic fieldset.buttons {
  margin: 0;
  padding: 0;
}
form.fullwidth ol li.string input,
form.fullwidth ol li.url input,
form.fullwidth ol li.text textarea,
form.fullwidth ol li.numeric input {
  width: 500px !important;
}
body #content_message {
  margin: 10px 15px;
  font-style: italic;
  color: #999999;
}
body p#colophon {
  margin: 0 15px 40px 15px;
  padding: 10px 0;
  font-size: 0.8em;
  border-top: 1px solid #dddddd;
  font-family: "Droid Sans", sans-serif;
  color: #999999;
  font-style: italic;
}
body p#colophon a {
  text-decoration: none;
  color: #547f00;
}
body ul#resources {
  font-family: "Droid Sans", sans-serif;
  font-size: 0.9em;
}
body ul#resources li.resource {
  border-bottom: 1px solid #dddddd;
}
body ul#resources li.resource:last-child {
  border-bottom: none;
}
body ul#resources li.resource div.heading {
  border: 1px solid transparent;
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
body ul#resources li.resource div.heading h2 {
  color: #999999;
  padding-left: 0px;
  display: block;
  clear: none;
  float: left;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
}
body ul#resources li.resource div.heading h2 a {
  color: #999999;
}
body ul#resources li.resource div.heading h2 a:hover {
  color: black;
}
body ul#resources li.resource div.heading ul.options {
  float: none;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  clear: none;
  float: right;
  margin: 14px 10px 0 0;
}
body ul#resources li.resource div.heading ul.options li {
  float: left;
  clear: none;
  margin: 0;
  padding: 2px 10px;
  border-right: 1px solid #dddddd;
}
body ul#resources li.resource div.heading ul.options li:first-child,
body ul#resources li.resource div.heading ul.options li.first {
  padding-left: 0;
}
body ul#resources li.resource div.heading ul.options li:last-child,
body ul#resources li.resource div.heading ul.options li.last {
  padding-right: 0;
  border-right: none;
}
body ul#resources li.resource div.heading ul.options li {
  color: #666666;
  font-size: 0.9em;
}
body ul#resources li.resource div.heading ul.options li a {
  color: #aaaaaa;
  text-decoration: none;
}
body ul#resources li.resource div.heading ul.options li a:hover {
  text-decoration: underline;
  color: black;
}
body ul#resources li.resource:hover div.heading h2 a,
body ul#resources li.resource.active div.heading h2 a {
  color: black;
}
body ul#resources li.resource:hover div.heading ul.options li a,
body ul#resources li.resource.active div.heading ul.options li a {
  color: #555555;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  background-color: #f8f8f8;
  border: 1px solid #2196f3;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 {
  display: block;
  clear: none;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 1.1em;
  color: black;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span {
  margin: 0;
  padding: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.http_method a {
  text-transform: uppercase;
  background-color: #2196f3;
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 50px;
  font-size: 0.7em;
  text-align: center;
  padding: 7px 0 4px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.path {
  padding-left: 10px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.path a {
  color: black;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.path a:hover {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options {
  float: none;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  clear: none;
  float: right;
  margin: 6px 10px 0 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li {
  float: left;
  clear: none;
  margin: 0;
  padding: 2px 10px;
  border-right: 1px solid #dddddd;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li:first-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li.first {
  padding-left: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li:last-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li.last {
  padding-right: 0;
  border-right: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li {
  border-right-color: #f8f8f8;
  color: #2196f3;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li a {
  color: #2196f3;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li a:hover,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li a:active,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li a.active {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content {
  background-color: #f8f8f8;
  border: 1px solid #2196f3;
  border-top: none;
  padding: 10px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -o-border-bottom-left-radius: 6px;
  -ms-border-bottom-left-radius: 6px;
  -khtml-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -o-border-bottom-right-radius: 6px;
  -ms-border-bottom-right-radius: 6px;
  -khtml-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin: 0 0 20px 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content h4 {
  color: #494949;
  font-size: 1.1em;
  margin: 0;
  padding: 15px 0 5px 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content form input[type='text'].error {
  outline: 2px solid black;
  outline-color: #cc0000;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.sandbox_header {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.sandbox_header input.submit {
  display: block;
  clear: none;
  float: left;
  padding: 6px 8px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.sandbox_header img {
  display: block;
  clear: none;
  float: right;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.sandbox_header a {
  padding: 4px 0 0 10px;
  color: #9acffa;
  display: inline-block;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.response div.block {
  background-color: #fcf6db;
  border: 1px solid black;
  border-color: #e5e0c6;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.response div.block pre {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  padding: 10px;
  font-size: 0.9em;
  max-height: 400px;
  overflow-y: auto;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  background-color: #e7f6ec;
  border: 1px solid black;
  border-color: #c3e8d1;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 {
  display: block;
  clear: none;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 1.1em;
  color: black;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span {
  margin: 0;
  padding: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.http_method a {
  text-transform: uppercase;
  background-color: #10a54a;
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 50px;
  font-size: 0.7em;
  text-align: center;
  padding: 7px 0 4px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.path {
  padding-left: 10px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.path a {
  color: black;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.path a:hover {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options {
  float: none;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  clear: none;
  float: right;
  margin: 6px 10px 0 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li {
  float: left;
  clear: none;
  margin: 0;
  padding: 2px 10px;
  border-right: 1px solid #dddddd;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li:first-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li.first {
  padding-left: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li:last-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li.last {
  padding-right: 0;
  border-right: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li {
  border-right-color: #c3e8d1;
  color: #10a54a;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a {
  color: #10a54a;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a:hover,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a:active,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a.active {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content {
  background-color: #ebf7f0;
  border: 1px solid black;
  border-color: #c3e8d1;
  border-top: none;
  padding: 10px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -o-border-bottom-left-radius: 6px;
  -ms-border-bottom-left-radius: 6px;
  -khtml-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -o-border-bottom-right-radius: 6px;
  -ms-border-bottom-right-radius: 6px;
  -khtml-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin: 0 0 20px 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content h4 {
  color: #10a54a;
  font-size: 1.1em;
  margin: 0;
  padding: 15px 0 5px 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content form input[type='text'].error {
  outline: 2px solid black;
  outline-color: #cc0000;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.sandbox_header {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.sandbox_header input.submit {
  display: block;
  clear: none;
  float: left;
  padding: 6px 8px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.sandbox_header img {
  display: block;
  clear: none;
  float: right;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.sandbox_header a {
  padding: 4px 0 0 10px;
  color: #6fc992;
  display: inline-block;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.response div.block {
  background-color: #fcf6db;
  border: 1px solid black;
  border-color: #e5e0c6;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.response div.block pre {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  padding: 10px;
  font-size: 0.9em;
  max-height: 400px;
  overflow-y: auto;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  background-color: #f9f2e9;
  border: 1px solid black;
  border-color: #f0e0ca;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 {
  display: block;
  clear: none;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 1.1em;
  color: black;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span {
  margin: 0;
  padding: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.http_method a {
  text-transform: uppercase;
  background-color: #c5862b;
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 50px;
  font-size: 0.7em;
  text-align: center;
  padding: 7px 0 4px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.path {
  padding-left: 10px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.path a {
  color: black;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.path a:hover {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options {
  float: none;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  clear: none;
  float: right;
  margin: 6px 10px 0 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li {
  float: left;
  clear: none;
  margin: 0;
  padding: 2px 10px;
  border-right: 1px solid #dddddd;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li:first-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li.first {
  padding-left: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li:last-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li.last {
  padding-right: 0;
  border-right: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li {
  border-right-color: #f0e0ca;
  color: #c5862b;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a {
  color: #c5862b;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a:hover,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a:active,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a.active {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content {
  background-color: #faf5ee;
  border: 1px solid black;
  border-color: #f0e0ca;
  border-top: none;
  padding: 10px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -o-border-bottom-left-radius: 6px;
  -ms-border-bottom-left-radius: 6px;
  -khtml-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -o-border-bottom-right-radius: 6px;
  -ms-border-bottom-right-radius: 6px;
  -khtml-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin: 0 0 20px 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content h4 {
  color: #c5862b;
  font-size: 1.1em;
  margin: 0;
  padding: 15px 0 5px 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content form input[type='text'].error {
  outline: 2px solid black;
  outline-color: #cc0000;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.sandbox_header {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.sandbox_header input.submit {
  display: block;
  clear: none;
  float: left;
  padding: 6px 8px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.sandbox_header img {
  display: block;
  clear: none;
  float: right;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.sandbox_header a {
  padding: 4px 0 0 10px;
  color: #dcb67f;
  display: inline-block;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.response div.block {
  background-color: #fcf6db;
  border: 1px solid black;
  border-color: #e5e0c6;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.response div.block pre {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  padding: 10px;
  font-size: 0.9em;
  max-height: 400px;
  overflow-y: auto;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  background-color: #faebf2;
  border: 1px solid black;
  border-color: #f0cecb;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 {
  display: block;
  clear: none;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 1.1em;
  color: black;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span {
  margin: 0;
  padding: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span.http_method a {
  text-transform: uppercase;
  background-color: #993300;
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 50px;
  font-size: 0.7em;
  text-align: center;
  padding: 7px 0 4px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span.path {
  padding-left: 10px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span.path a {
  color: black;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span.path a:hover {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options {
  float: none;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  clear: none;
  float: right;
  margin: 6px 10px 0 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li {
  float: left;
  clear: none;
  margin: 0;
  padding: 2px 10px;
  border-right: 1px solid #dddddd;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li:first-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li.first {
  padding-left: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li:last-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li.last {
  padding-right: 0;
  border-right: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li {
  border-right-color: #f0cecb;
  color: #993300;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li a {
  color: #993300;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li a:hover,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li a:active,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li a.active {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content {
  background-color: #faf0ef;
  border: 1px solid black;
  border-color: #f0cecb;
  border-top: none;
  padding: 10px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -o-border-bottom-left-radius: 6px;
  -ms-border-bottom-left-radius: 6px;
  -khtml-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -o-border-bottom-right-radius: 6px;
  -ms-border-bottom-right-radius: 6px;
  -khtml-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin: 0 0 20px 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content h4 {
  color: #993300;
  font-size: 1.1em;
  margin: 0;
  padding: 15px 0 5px 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content form input[type='text'].error {
  outline: 2px solid black;
  outline-color: #cc0000;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.sandbox_header {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.sandbox_header input.submit {
  display: block;
  clear: none;
  float: left;
  padding: 6px 8px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.sandbox_header img {
  display: block;
  clear: none;
  float: right;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.sandbox_header a {
  padding: 4px 0 0 10px;
  color: #dcb67f;
  display: inline-block;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.response div.block {
  background-color: #fcf6db;
  border: 1px solid black;
  border-color: #e5e0c6;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.response div.block pre {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  padding: 10px;
  font-size: 0.9em;
  max-height: 400px;
  overflow-y: auto;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  background-color: #f5e8e8;
  border: 1px solid black;
  border-color: #e8c6c7;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 {
  display: block;
  clear: none;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 1.1em;
  color: black;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span {
  margin: 0;
  padding: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.http_method a {
  text-transform: uppercase;
  background-color: #a41e22;
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 50px;
  font-size: 0.7em;
  text-align: center;
  padding: 7px 0 4px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.path {
  padding-left: 10px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.path a {
  color: black;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.path a:hover {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options {
  float: none;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  clear: none;
  float: right;
  margin: 6px 10px 0 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li {
  float: left;
  clear: none;
  margin: 0;
  padding: 2px 10px;
  border-right: 1px solid #dddddd;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li:first-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li.first {
  padding-left: 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li:last-child,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li.last {
  padding-right: 0;
  border-right: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li {
  border-right-color: #e8c6c7;
  color: #a41e22;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a {
  color: #a41e22;
  text-decoration: none;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a:hover,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a:active,
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a.active {
  text-decoration: underline;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content {
  background-color: #f7eded;
  border: 1px solid black;
  border-color: #e8c6c7;
  border-top: none;
  padding: 10px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -o-border-bottom-left-radius: 6px;
  -ms-border-bottom-left-radius: 6px;
  -khtml-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -o-border-bottom-right-radius: 6px;
  -ms-border-bottom-right-radius: 6px;
  -khtml-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin: 0 0 20px 0;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content h4 {
  color: #a41e22;
  font-size: 1.1em;
  margin: 0;
  padding: 15px 0 5px 0px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content form input[type='text'].error {
  outline: 2px solid black;
  outline-color: #cc0000;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.sandbox_header {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.sandbox_header input.submit {
  display: block;
  clear: none;
  float: left;
  padding: 6px 8px;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.sandbox_header img {
  display: block;
  clear: none;
  float: right;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.sandbox_header a {
  padding: 4px 0 0 10px;
  color: #c8787a;
  display: inline-block;
  font-size: 0.9em;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.response div.block {
  background-color: #fcf6db;
  border: 1px solid black;
  border-color: #e5e0c6;
}
body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.response div.block pre {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  padding: 10px;
  font-size: 0.9em;
  max-height: 400px;
  overflow-y: auto;
}
.pendingSignupAgreementsContainer .buttons {
  padding: 10px 20px 0 0;
}
.pendingSignupAgreementsContainer .buttons > li {
  display: inline;
}
.devAgreeHighlight,
.devAgreeContent > h3 {
  color: #494949;
  display: block;
  padding: 10px 0;
}
/*********** legal agreements (imported from DE) **********/
.devAgreeContent {
  font-size: 13px;
  line-height: 22px;
}
.devAgreeContent > h3 {
  color: #000;
  font-size: 13px;
  font-variant: small-caps;
  text-align: center;
}
.devAgreeContent > ol {
  counter-reset: chapter;
  list-style: none;
}
.devAgreeContent > ol > li:before {
  content: counter(chapter) ". ";
  counter-increment: chapter;
}
.devAgreeContent > ol > li > ol {
  counter-reset: section;
  list-style: none;
}
.devAgreeContent > ol > li > ol > li:before {
  content: counter(chapter) "." counters(section, ".") "  ";
  counter-increment: section;
}
.devAgreeContent > ol > li > ol > li {
  padding-left: 14px;
}
.devAgreeHighlight {
  /*for para with yellow highlight at top of legal agreement*/

  background-color: #FF0;
  text-align: center;
}
/*   Transaction log details style
 -------------------------------------*/
#TxLogDetails dd {
  margin-left: 150px;
  padding-bottom: 10px;
}
#TxLogDetails .logTitle {
  float: left;
  width: 150px;
}
#TxLogDetails .logFormattedMessage {
  word-wrap: break-word;
  white-space: pre;
  display: inline-block;
  margin-top: -15px;
}
#TxLogDetails .logMessage {
  white-space: pre;
  word-wrap: break-word;
}
/* Map Resource styles
 -------------------------------*/
#MapResource li {
  margin-bottom: 10px;
}
#MapResource li label {
  display: block;
  margin-bottom: 5px;
}
#MapResource li label input[type="radio"] {
  margin-right: 10px;
  vertical-align: top;
}
#MapResource li table {
  margin-left: 20px;
  width: 90%;
  table-layout: fixed;
}
#MapResource li .resource-mapping-table-container {
  position: relative;
}
#MapResource .selectResourceScope,
#MapResource .resourceNames {
  display: block;
  float: left;
}
#MapResource .resourceNames {
  margin-left: 5px;
  width: 380px;
}
#MapResource .apis-form-buttons {
  width: 92.3%;
}
/* License List widget
 --------------------------------*/
#LicenseList h1 {
  background: url("images/sprites_cm_open_icons_18_4a494a.png") no-repeat scroll 4px -1265px transparent;
  padding: 7px 7px 7px 30px;
}
#LicenseList h3 {
  color: #494949;
  padding-bottom: 10px;
  width: 396px;
  word-wrap: break-word;
}
#LicenseList .licenses-list-container > .cwrap > .clearthis {
  border-collapse: separate;
  display: table;
  width: 778px;
}
#LicenseList .licenses-list-container {
  display: table-row;
}
#LicenseList .license-list-left,
#LicenseList .license-meta-right {
  display: table-cell;
  vertical-align: top;
}
#LicenseList .license-list-left {
  width: 347px;
  padding-left: 7px;
  border-right: 1px solid #999;
  min-height: 250px;
}
#LicenseList .license-list-left .license-list {
  padding: 5px 10px 0 0;
  margin-left: 17px;
}
#LicenseList .license-list-left .license-list .license-list-item {
  float: left;
  font-weight: bold;
  padding: 2px 5px;
  margin-bottom: 5px;
  cursor: pointer;
  width: 310px;
  word-wrap: break-word;
}
#LicenseList .license-list-left .license-list .license-list-item.active {
  background-color: #eceded;
}
#LicenseList .license-list-left .visibility-Limited {
  background-position: 300px center;
}
#LicenseList .license-list-left .add-license {
  color: #2196f3;
  font-weight: bold;
  cursor: pointer;
}
#LicenseList .license-meta-buttons-container {
  float: right;
  padding-bottom: 0;
  position: relative;
  top: -5px;
}
#LicenseList .license-meta-buttons-container li {
  float: left;
  margin-right: 10px;
}
#LicenseList .license-meta-right {
  padding-left: 20px;
}
#LicenseList .license-meta-right h3 .title {
  color: #000;
}
#LicenseList .license-meta-right h3.license-resource-list-title,
#LicenseList .license-meta-right h3 .license-policy-list {
  padding-bottom: 0;
}
#LicenseList .license-meta-right .license-meta-description {
  width: 400px;
  word-wrap: break-word;
}
#LicenseList .license-meta-right .license-resource-list li {
  margin-bottom: 5px;
}
#LicenseList .license-meta-right .license-resource-list li span {
  width: 400px;
  word-wrap: break-word;
  display: block;
}
#LicenseList .license-meta-right .license-resources {
  padding-bottom: 20px;
}
#LicenseList .license-meta-right .license-resources > dt,
#LicenseList .license-meta-right .license-resources > dd,
#LicenseList .license-meta-right .license-resources > ul > li {
  margin-bottom: 5px;
  word-wrap: break-word;
}
#LicenseList .license-meta-right .license-resources > dt,
#LicenseList .license-meta-right .license-resources > dd {
  font-weight: bold;
}
#LicenseList .license-meta-right .license-resources > dt {
  clear: left;
  font-weight: bold;
  text-transform: uppercase;
  color: #494949;
}
#LicenseList .license-meta-right .license-resources > li {
  border-top: 1px solid #999;
  display: block;
  padding-top: 10px;
}
#LicenseList .license-meta-right .license-resources > li > ul {
  padding: 10px 0;
}
#LicenseList .license-meta-right .license-resources > li :first-child {
  border: none;
}
#LicenseList .license-meta-right dl.license-resources {
  padding: 0;
}
/* Add modify License wizard styles
 ------------------------------------*/
#AddModifyLicense {
  /*Qos policy page*/

}
#AddModifyLicense .license-fields-list {
  width: 510px;
}
#AddModifyLicense .license-fields-list dt {
  color: #7f7f7f;
  float: left;
  font-weight: bold;
  width: 150px;
}
#AddModifyLicense .license-fields-list dt label:after {
  content: ':';
}
#AddModifyLicense .license-fields-list dt .required:after {
  content: "*";
  color: red;
}
#AddModifyLicense .license-fields-list dd {
  margin-left: 150px;
  padding-bottom: 10px;
}
#AddModifyLicense .license-fields-list dd p {
  padding-bottom: 5px;
}
#AddModifyLicense .license-fields-list dd .error {
  display: block;
  font-weight: bold;
}
#AddModifyLicense h3,
#AddModifyLicense h4 {
  color: #494949;
  padding-bottom: 5px;
}
#AddModifyLicense .add-resource {
  margin-left: 0;
  margin-bottom: 10px;
}
#AddModifyLicense .qos-policy-table .resource-cell,
#AddModifyLicense .qos-policy-table .policy-cell,
#AddModifyLicense .qos-policy-table .actions-cell {
  text-align: left;
  width: 40%;
}
#AddModifyLicense .qos-policy-table .resource-cell > ul,
#AddModifyLicense .qos-policy-table .policy-cell > ul,
#AddModifyLicense .qos-policy-table .actions-cell > ul {
  line-height: 18px;
  padding: 0;
}
#AddModifyLicense .qos-policy-table th.resource-cell,
#AddModifyLicense .qos-policy-table th.policy-cell,
#AddModifyLicense .qos-policy-table th.actions-cell {
  background: #7f7f7f;
  color: #ffffff;
}
#AddModifyLicense .qos-policy-table .actions-cell {
  text-align: center;
  width: 10%;
}
#ResourceMappingTreeContainer,
#SimpleResourceTreeContainer {
  width: 300px;
  border: 1px solid #EAEAEB;
  display: none;
}
#ResourceMappingTreeContainer h3,
#SimpleResourceTreeContainer h3 {
  background-color: #EAEAEB;
  color: #7f7f7f;
  padding: 2px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ResourceMappingTreeContainer .content,
#SimpleResourceTreeContainer .content {
  padding: 10px 10px 10px 16px;
  height: 500px;
  overflow: auto;
}
#ResourceMappingTreeContainer .content h5,
#SimpleResourceTreeContainer .content h5 {
  color: #494949;
  font-weight: bold;
  margin-bottom: 5px;
}
#ResourceMappingTreeContainer .content .parent,
#SimpleResourceTreeContainer .content .parent {
  background-color: #DCDDDE;
}
#ResourceMappingTreeContainer .content .treeContainer .resource-chkbox,
#SimpleResourceTreeContainer .content .treeContainer .resource-chkbox {
  float: left;
  margin-top: 4px;
}
#ResourceMappingTreeContainer .content .treeContainer .child-cntr,
#SimpleResourceTreeContainer .content .treeContainer .child-cntr {
  margin-top: 3px;
}
#ResourceMappingTreeContainer .content .treeContainer .resource-chkbox input,
#SimpleResourceTreeContainer .content .treeContainer .resource-chkbox input {
  vertical-align: middle;
}
#ResourceMappingTreeContainer .content .treeContainer .resource-row,
#SimpleResourceTreeContainer .content .treeContainer .resource-row {
  padding-left: 0px;
  margin-bottom: 3px;
}
#ResourceMappingTreeContainer .content .treeContainer .resource-label,
#SimpleResourceTreeContainer .content .treeContainer .resource-label {
  display: block;
  padding: 1px 5px;
  margin-left: 18px;
}
#ResourceMappingTreeContainer .content .treeContainer .resource-label span.soa-ui-cm-icon-imgtxt,
#SimpleResourceTreeContainer .content .treeContainer .resource-label span.soa-ui-cm-icon-imgtxt {
  display: inline-block;
  max-width: 97%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#ResourceMappingTreeContainer .content .treeContainer .child-cntr,
#SimpleResourceTreeContainer .content .treeContainer .child-cntr {
  padding-left: 25px;
}
#ResourceMappingTreeContainer .content .treeContainer .resource,
#SimpleResourceTreeContainer .content .treeContainer .resource {
  border: 1px solid #fff;
  border-radius: 3px;
  margin: 5px 0;
  padding-left: 5px;
}
#ResourceMappingTreeContainer .content .treeContainer .resource:hover,
#SimpleResourceTreeContainer .content .treeContainer .resource:hover {
  border-color: #dcddde;
}
#ResourceMappingTreeContainer .content .treeContainer .noResources,
#SimpleResourceTreeContainer .content .treeContainer .noResources {
  padding: 12px 1px;
  font-weight: bold;
}
#ResourceMappingTreeContainer .buttons,
#SimpleResourceTreeContainer .buttons {
  padding: 10px;
}
/*Site Admin Resources
 --------------------------*/
#ResourceList h3 {
  color: #494949;
}
#ResourceList .scope-empty-text {
  padding-top: 5px;
}
#ResourceList .resources-container {
  min-height: 500px;
}
#ResourceList .resources-container .resources-list-left {
  float: left;
  min-height: 470px;
  width: 47%;
  padding: 10px;
  border-right: 1px solid #c2c2c2;
}
#ResourceList .resources-container .resources-list-left .add-resource-row-button {
  padding-bottom: 5px;
}
#ResourceList .resources-container .resources-list-left .resourceRow {
  padding: 0;
}
#ResourceList .resources-container .resources-list-left .resourceRow.resource-primary-root {
  padding-bottom: 5px;
}
#ResourceList .resources-container .resources-list-left .resourceRow .resourceName {
  background-color: #FFF;
  padding: 0 5px;
}
#ResourceList .resources-container .resources-list-left .resourceRow .resourceName .resourceNameEle span {
  width: 80%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  top: -1px;
}
#ResourceList .resources-container .resources-list-left .resourceRow .resourceName .resourceNameEle span.soa-ui-cm-icon {
  float: right;
  width: 15px;
  height: 15px;
}
#ResourceList .resources-container .resources-list-left .resourceRow .addResourceButton {
  display: none;
}
#ResourceList .resources-container .resource-list-meta {
  float: left;
  width: 47%;
  padding: 10px;
}
#ResourceList .resources-container .resource-list-meta .resource-display-info-container .resource-info-list li {
  padding: 0 0 16px;
}
#ResourceList .resources-container .resource-list-meta .resource-display-info-container .resource-info-list li p {
  padding-bottom: 0;
}
#ResourceList .resources-container .resource-list-meta form {
  width: 375px;
  margin-top: 10px;
}
#ResourceList .resources-container .resource-list-meta form dl dt {
  float: left;
  width: 85px;
  color: #494949;
  font-weight: bold;
}
#ResourceList .resources-container .resource-list-meta form dl dd {
  margin-left: 105px;
  padding-bottom: 15px;
  position: relative;
}
#ResourceList .resources-container .resource-list-meta form dl dd input[type=text],
#ResourceList .resources-container .resource-list-meta form dl dd textarea {
  width: 200px;
}
#ResourceList .resources-container .resource-list-meta form dl dd span.error {
  display: block;
}
#ResourceList .resources-container .resource-list-meta form dl dd .tooltip {
  position: absolute;
  top: -4px;
  right: 50px;
}
#ResourceList .resources-container .resource-list-meta form dl dd p {
  position: relative;
}
#ResourceList .resources-container .resource-list-meta form dl dd label {
  font-weight: bold;
  margin-right: 10px;
}
#ResourceList .resources-container .resource-list-meta .resource-display-info-container .resource-info-list label {
  color: #7f7f7f;
  font-weight: bold;
}
#ResourceList .resources-container .resource-list-meta .resource-display-info-container .resource-info-list .soa-ui-cm-imgtxt {
  position: relative;
  top: 4px;
}
#ResourceList .resources-container .resource-list-meta .resource-display-info-container .resource-info-list .soa-ui-cm-imgtxt.soa-ui-cm-icon-close {
  color: #c62026;
}
#ResourceList .resources-container .resource-list-meta .resource-display-info-container .resource-info-list .soa-ui-cm-imgtxt.soa-ui-cm-icon-check {
  color: #1d8a4b;
}
#ResourceList .resources-container .resource-user-helptext {
  margin-left: 52%;
}
.scope-selection-options li {
  padding-bottom: 10px;
}
.scope-selection-options li label {
  font-weight: bold;
  color: #494949;
  margin-left: 5px;
}
.scope-selection-options .gentitle {
  padding: 5px 0 0 20px;
}
.scope-selection-options .selection-description {
  font-weight: bold;
  padding: 5px 0 20px;
  border-bottom: 1px solid #959595;
  margin-left: 22px;
  color: #6d6f72;
}
.scope-selection-options .scope-selection-cntr {
  position: relative;
}
.scope-selection-options .stdtbl {
  margin-left: 20px;
  width: 95%;
  table-layout: fixed;
}
.scope-selection-options .stdtbl .connection-license-name {
  width: 40%;
}
.scope-selection-options .stdtbl .connection-license-description {
  width: 50%;
}
.scope-selection-options .stdtbl td {
  vertical-align: top;
}
.scope-selection-options .stdtbl td input {
  float: left;
  margin-top: 3px;
}
.scope-selection-options .stdtbl td .license-name {
  float: left;
  padding-left: 5px;
  padding-right: 15px;
  width: 367px;
  word-wrap: break-word;
}
.scope-selection-options .license-description {
  padding-bottom: 0;
}
.scope-selection-options .license-description .toggle-license-meta {
  float: right;
  color: #494949;
  cursor: pointer;
}
.scope-selection-options .licenses-list-container {
  display: none;
  padding-top: 5px;
}
.scope-selection-options .licenses-list-container .details-label {
  float: left;
  width: 60px;
  font-weight: normal;
  color: #000;
  margin: 0;
}
.scope-selection-options .licenses-list-container ul li {
  padding-bottom: 5px;
}
.scope-selection-options .scope-form-buttons {
  width: 97.2%;
}
.license-list-cntr {
  position: relative;
}
.license-list-cntr #proxyDivOverlay {
  display: none;
}
#LicenseDetailsDialogContainer {
  width: 300px;
  border: 1px solid #EAEAEB;
  display: none;
}
#LicenseDetailsDialogContainer h3.header {
  background-color: #EAEAEB;
  color: #494949;
  padding: 2px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#LicenseDetailsDialogContainer .content {
  width: 90%;
}
#LicenseDetailsDialogContainer .content ul.license-resources {
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
}
#LicenseDetailsDialogContainer .license-meta-right {
  display: block;
}
#LicenseDetailsDialogContainer .buttons {
  padding: 10px;
}
/* Add modify connection styles
 ---------------------------------*/
#RequestConnection .addModifyConnectionContent .addModifyConnectionTitle {
  background-color: #fff;
  color: #494949;
  font-size: 17px;
  font-weight: bold;
  float: left;
  padding: 6px 12px 6px 0;
}
#RequestConnection .addModifyConnectionContent .legalTitle {
  float: left;
  background-color: #fff;
  margin: 0 4px 0 4px;
  padding: 6px 12px 6px 12px;
  color: #494949;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
}
#RequestConnection .addModifyConnectionContent .legalTitleOn {
  background-color: #eceded;
  padding: 6px 12px 6px 12px;
}
#RequestConnection .policy-warning-block,
#RequestConnection .licenses-invalid-warning {
  font-weight: bold;
  padding-bottom: 10px;
  color: #c62026;
}
#RequestConnection .licenses-selection-options > li {
  border-bottom: 1px solid #959595;
  margin-bottom: 20px;
}
#RequestConnection .licenses-selection-options > li label {
  font-weight: bold;
  color: #7f7f7f;
  margin-left: 5px;
}
#RequestConnection .licenses-selection-options > li .selection-description {
  border-bottom: none;
  padding: 5px 0 10px;
  /*padding: 5px 0 20px;
      margin-left: 22px;
      color: @disabled-header-text-color;*/

}
#RequestConnection .licenses-selection-options > li .licenses-invalid-warning {
  margin-left: 22px;
}
#RequestConnection .license-description {
  width: 549px;
}
#RequestConnection .license-description .toggle-license-meta {
  float: right;
  color: #2196f3;
  cursor: pointer;
}
.no-data {
  padding-top: 10px;
}
.tokenInputContainer,
.authorizationInputContainer {
  padding: 15px 15px 0;
}
.parameterContainer {
  padding: 5px 5px 5px 135px;
}
.parameterContainer label {
  font-weight: bold;
  color: #7f7f7f;
  padding-right: 75px;
}
#AddModifyApiOAuth #apiOauthForm.f_styled .parameterContainer input[type="text"] {
  width: 200px !important;
}
#AddModifyApiOAuth .ProductionOAuth2010aOptionsDiv .tabbed div.inputwrap label,
#AddModifyApiOAuth .SandboxOAuth2010aOptionsDiv .tabbed div.inputwrap label {
  display: inline;
}
#AddModifyApiOAuth .ProductionOAuth2010aOptionsDiv .tabbed div.inputwrap,
#AddModifyApiOAuth .SandboxOAuth2010aOptionsDiv .tabbed div.inputwrap {
  margin-top: 10px;
}
.tokenParametersUniqueErrorMessage,
.authorizationParametersUniqueErrorMessage {
  color: red;
  font-weight: bold;
  padding: 10px 5px 0px 150px;
  display: none;
}
/****** supplement previous to 8/20/13 *******/
/* ErrorDialog */
.errorDialog .ui-dialog-titlebar {
  background: #d6dadc;
  border-bottom: 5px solid #000;
  color: #002663;
  font-size: 18px;
  line-height: 17px;
  margin-bottom: 13px;
  padding: 14px 10px 13px;
}
.errorDialog p {
  padding: 10px;
}
.errorDialog .ui-dialog-buttonset {
  padding: 0 10px 15px;
}
/*	soaAlertDialog */
.confirmpop .ui-dialog-buttonset {
  text-align: left;
}
/* CollectCommentDialog */
.executeActionForm {
  padding: 20px;
}
.executeActionForm textarea {
  height: auto;
  padding: 3px 6px;
  width: 555px;
}
.executeActionForm p {
  padding-bottom: 10px;
}
.executeActionForm h5 {
  font-weight: bold;
  padding-bottom: 5px;
}
.executeActionForm .buttons {
  padding: 10px 0 0;
}
.cwrap div.footer {
  height: 25px;
  line-height: 25px;
  padding: 15px 0 0;
}
/* CreateGroupWidget */
.wizardPageContent textarea.writeArea {
  background-color: #FFF !important;
  border: 1px solid #CFD6D4;
  height: 60px;
}
.wizardPageContent textarea {
  height: 60px;
}
.wizardPageContent select {
  width: 100px;
}
.wizard_two_column label {
  color: #7f7f7f;
  display: block;
  float: left;
  font-weight: bold;
  padding-top: 4px;
  width: 90px;
}
#addGroupPageTwo div.wizard_two_column div.formsep > label {
  color: #2983BA;
  display: block;
  float: left;
  font-weight: bold;
  padding-top: 4px;
  width: 90px;
}
#addGroupPageOne div.wizard_two_column div.formsep {
  position: relative;
}
#addGroupPageOne div.wizard_two_column div.formsep div.inputwrap {
  margin-right: 30px;
}
#addGroupPageOne div.wizard_two_column div.formsep div.tooltip.help {
  position: absolute;
  right: 0;
  top: -3px;
}
#addGroupPageOne div.wizard_two_column div.formsep div.selectwrap {
  margin: 0 200px 0 128px;
}
.empty_behav .empty_behav_ec,
.empty_behav .empty_behav_bg,
.empty_behav .empty_behav_img,
.empty_behav .noappdiv_img,
.empty_behav .nogroupsdiv_img,
.empty_behav .info_img,
.empty_behav .noapidiv_img,
.empty_behav .nofollowerdiv_img {
  background: url("images/sprites_cm_open_question_plus_emptybehav.png") no-repeat;
}
/* info */
.empty_behav .info_img {
  background-position: -9px -926px;
  display: block;
  height: 60px;
  width: 84px;
  float: left;
}
/* no apis */
.empty_behav .noapidiv_img {
  background-position: -9px -368px;
  float: left;
  display: block;
  height: 60px;
  width: 85px;
}
/* no followers */
.empty_behav .nofollowerdiv_img {
  background: url("images/sprites_cm_open_question_plus_emptybehav.png") no-repeat;
  background-position: -9px -926px;
  display: block;
  height: 60px;
  width: 84px;
  float: left;
}
/* resource collection empty treatments*/
.empty_behav {
  height: 60px;
  line-height: 60px;
  padding: 0;
  margin: 0;
}
.empty_behav .empty_behav_ec {
  background-position: -23px -999px;
  width: 5px;
  height: 60px;
  float: left;
}
.empty_behav .empty_behav_bg {
  background-position: 0 -1065px;
  background-repeat: repeat-x;
  height: 60px;
  width: 678px;
  float: left;
}
.empty_behav_bg a {
  color: #2196f3;
  text-decoration: underline;
}
.empty_behav .empty_behav_img {
  background-position: -9px -448px;
  float: left;
  display: block;
  height: 60px;
  width: 85px;
}
.APPfollowings .empty_behav {
  font-weight: normal;
  padding: 0;
}
/* no apps */
.empty_behav .noappdiv_img,
.APPfollowings .empty_behav .empty_behav_img {
  background-position: -8px -528px;
  float: left;
  display: block;
  height: 60px;
  width: 85px;
}
/* no group */
.empty_behav .nogroupsdiv_img {
  background-position: -8px -688px;
  float: left;
  display: block;
  height: 60px;
  width: 85px;
}
.APPfollowings .empty_behav .empty_behav_bg,
.APPfollowings .empty_behav .empty_behav_ec {
  padding: 0;
}
.startDiscussionOptions .empty_behav .info_img {
  background-position: 8px -606px;
}
.startDiscussionOptions .empty_behav .info_img > a {
  display: block;
  height: 60px;
  width: 85px;
}
.startDiscussionOptions .empty_behav_bg > a {
  padding-left: 12px;
}
.start_discussion_options .soa-ui-cm-hidden.apilink_removedash,
.start_discussion_options .soa-ui-cm-hidden.apilink_adddash {
  display: none;
}
/*------------------------------------------ Notifications
 * ------------------------------------------------*/
#notificationsList .board_item_layout {
  border-bottom: 1px #000 solid;
  padding: 10px 0;
}
#notificationsList .board_item_layout:last-child {
  border-bottom: none;
}
#notificationsList .postcat .delpost {
  margin: 0;
  padding: 0;
}
#notificationsList .postcat .delpost .soa-ui-cm-icon-imgtxt {
  height: 22px;
  width: 23px;
}
#notificationsList .postcat .delpost .soa-ui-cm-icon-imgtxt:before {
  font-size: 25px;
  top: 0;
}
.postcat {
  float: right;
  line-height: 20px;
  width: 50px;
}
.postcat .soa-ui-cm-input-checkbox {
  position: relative;
  top: 3px;
}
/*------------------------------------------ Board Items
 * ------------------------------------------------*/
/* comment area copied from console */
div.comment_area_wrap {
  width: 100%;
  margin-bottom: 5px;
}
.apilinks button.buttonFollow.apilink_removedash {
  display: none;
}
/********** account settings edit*************/
div#AccountSettingsEdit fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
div#AccountSettingsEdit div.formsep {
  margin: 0 0 20px 0;
}
div#AccountSettingsEdit div.wizard_two_column_left div.formsep label {
  font-weight: bold;
  float: left;
  display: block;
  color: #2983BA;
  width: 97px;
  line-height: 24px;
}
div#AccountSettingsEdit div.wizard_two_column_left div.formsep ul li label,
div#AccountSettingsEdit div.wizard_two_column_left div.formsep label.single {
  float: none;
  color: #333;
  font-weight: normal;
  line-height: normal;
  width: auto;
  display: inline;
  padding-left: 5px;
}
div#AccountSettingsEdit div.cwrap_double_right div.formsep label {
  font-weight: bold;
  display: block;
  margin: 0 0 5px 0;
}
div#AccountSettingsEdit div.formsep div.inputwrap {
  margin-left: 97px;
}
div#AccountSettingsEdit div.thirdparty {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}
div#AccountSettingsEdit div.thirdparty span.tplogo {
  margin: 0 5px 0 0;
}
div#AccountSettingsEdit div.formsep .error {
  display: none;
}
div#AccountSettingsEdit div.formsep ul.notisettings {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  list-style: none;
}
div#AccountSettingsEdit div.formsep ul label {
  font-weight: normal;
}
div.avatars ul {
  height: 25px;
}
div.avatars ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
div.avatars ul li {
  display: inline !important;
}
div.avatars ul li a:link,
div.avatars ul li a:visited {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0 5px 0 0;
}
div.avatars ul li a.yahoo {
  background-image: url(/resources/style/images/icon_yahoo_small.png);
}
div.avatars ul li a.twitter {
  background-image: url(/resources/style/images/icon_twitter_small.png);
}
div.avatars ul li a.facebook {
  background-image: url(/resources/style/images/icon_facebook_small.png);
}
div.avatars ul li a.google {
  background-image: url(/resources/style/images/icon_google_small.png);
}
div.avatars ul li a.atmo {
  background-image: url(/resources/style/images/icon_atmo_small.png);
}
div.avatars ul li a.gravatar {
  background-image: url(/resources/style/images/icon_gravatar_small.png);
}
div #AccountSettingsEdit fieldset p#passwordRules {
  padding: 0;
  margin: 0;
}
div #AccountSettingsEdit fieldset p#passwordRules h5 {
  font-size: 11px;
  margin: 0 0 2px 0;
}
div #AccountSettingsEdit fieldset p#passwordRules ul {
  font-size: 11px;
  margin-left: 10px;
  padding: 0;
}
.passworld_field {
  display: none;
}
div#AccountSettingsEdit div.wizard_two_column_left div.formsep ul li input {
  float: left;
  padding-right: 3px;
}
div#AccountSettingsEdit div.wizard_two_column_left div.formsep #passwordRules label {
  float: none;
  width: auto;
}
#AccountSettingsEdit h2.gentitle {
  padding: 0 0 5px;
}
#AccountSettingsEdit h3.gentitle {
  color: #000;
  padding: 0 10px 5px;
}
#AccountSettingsEdit .thirdparty {
  font-weight: bold;
}
#accountSettingsEditNotifyCB1 li {
  padding-bottom: 5px;
}
/*************** performance chart *************/
#PaneWidget > .cwrap > div#monitorTabDiv {
  clear: both;
  border-top: dotted 1px #000;
}
#chartContainer {
  width: 100%;
}
/*************** monitor section *************/
div.monitor_environment_select > input {
  vertical-align: text-top;
}
div.monitor_environment_select > input:not(:first-child) {
  margin-left: 5px;
}
div.monitor_environment_select > label {
  color: #7f7f7f;
  font-weight: bold;
  vertical-align: middle;
  padding: 5px;
}
div.report_gauge_gauge {
  width: 235px;
  height: 150px;
}
div.report_chart_chart {
  float: left;
  height: 200px;
  width: 200px;
}
div.report_chart > div > div.loading {
  margin-top: 70px;
  position: absolute;
  z-index: 1;
  background-color: #FFFFFF;
}
/**************** transaction log details widget ************/
#TxLogDetails > div {
  height: 500px;
  overflow: scroll;
}
#TxLogDetails > div > div {
  padding: 10px 15px;
  border-bottom: thin dashed black;
}
#TxLogDetails > div > div:last-child {
  border-bottom: none;
}
/************ Transaction Log List Widget ************/
#TxLogList > .cwrap > div {
  clear: both;
  border-top: dotted 1px #000;
  padding: 20px;
}
#TxLogList > .cwrap > .controlPanel {
  border-top: dotted 1px #000;
}
#TxLogList > .cwrap > .controlPanel > li {
  float: left;
  padding: 7px 13px 7px 0;
}
#TxLogList > .cwrap > .controlPanel > li > label {
  display: block;
  padding-bottom: 7px;
  font-weight: bold;
}
#TxLogList > .cwrap > .controlPanel > li > button {
  margin: 0 10px 0 0;
}
/*********** start discussion ***********/
.titlePanel {
  padding-bottom: 10px;
}
.subpanel {
  padding-bottom: 10px;
}
.textpanel {
  padding-bottom: 10px;
}
.taglink {
  padding-left: 25px;
}
.linkPanel {
  padding-right: 5px;
  padding-left: 5px;
}
#removeTags {
  display: none;
}
#signupPanel {
  padding-left: 10px;
}
#startDiscussionPanel {
  padding: 10px 24px 20px 20px;
  *padding-top: 19px;
}
#startDiscussionInput {
  border: none;
  color: #333;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  *height: 24px;
  *line-height: 24px;
  margin-top: 9px;
  padding-left: 2px;
  vertical-align: middle;
  width: 100%;
}
.discussionName {
  width: 50%;
  font-style: italic;
  color: #777;
  height: 22px;
  padding: 0;
  padding-left: 4px;
  margin: 0;
  margin-top: 0 !important;
  margin-top: 4px;
}
.discussionArea {
  width: 100%;
  height: 81px;
  font-size: 16px;
  overflow: auto;
  padding: 0px;
}
.discussionTags {
  width: 30%;
  color: #777;
  height: 22px;
  padding: 0;
  padding-left: 4px;
  margin: 0;
  margin-top: 0 !important;
  margin-top: 4px;
}
#tagsPanel {
  display: none;
}
#titleInput {
  font-size: 14px;
}
label.actionlabel {
  margin-right: 10px;
  margin-left: 10px;
}
div.boardmetaitems {
  display: none;
}
a.button {
  color: #ffffff;
}
a.button.action_call {
  color: #7f7f7f;
}
.soa-control-cm-legals-file-manager .docpanel {
  display: none;
}
.rtitle_wrap .soa-ui-cm-icon.soa-ui-cm-icon-lock:before {
  background-position: -6px -1229px;
}
.meta > li {
  word-wrap: break-word;
}
.soa-ui-cm-code-element {
  background-color: #FCF6DB;
  border: 1px solid #E5E0C6;
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  padding: 10px;
  width: 97%;
}
#publicProfileFormDiv p,
.commentfieldset > p,
.comment_fake,
.comment_buttons,
p.extra_actions,
.confirm_actions,
.forgotPassword p {
  padding-bottom: 16px;
}
/*Custom Dashboard styles*/
.soa-ui-cm-clearing {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
/*.soa-ui-cm-widget-manager-container{
  .soa-ui-cm-widgets-container {
  .soa-ui-cm-widget {
    position: relative;
    overflow: hidden;
    height: 300px;
    &:hover {
      .soa-ui-cm-buttons {
        display: block;
      }
    }
    .soa-ui-cm-widget-header {
      display: table-row;
      height: 20px;
      &:hover {
        cursor: move;
      }
      .soa-ui-cm-widget-title {
        padding: 5px;
      }
    }
    .soa-ui-cm-widget-wrapper {
      display : table;
      height : 100%;
      width : 100%;


      .soa-ui-cm-widget-content {
        display: table-row;
        .soa-ui-cm-items {
          padding: 5px 10px 0;
          height: auto;
          .soa-ui-cm-item {
            .soa-ui-cm-section-header {
              padding-bottom: 5px;
              .soa-ui-cm-item-title {
                width: 150px;
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 13px;
              }
              strong {
                font-size: 11px;
                float: right;
                font-weight: bold;
                color: #666;
              }
            }
            .soa-ui-cm-section-paragraph {
                color: #999;
                width: 230px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
              }
             &:first-child {
              border-top: none;
            }
          }
        }
    }
      .soa-ui-cm-list {
        padding: 0 5px;
        .soa-ui-cm-list-item-with-image {
          padding: 5px;
          &:after {
            .soa-ui-cm-clearing;
          }
          &.soa-ui-cm-table-symbols {
            .soa-ui-cm-icon-imgtxt {
              float: left;
              height: 25px;
              line-height: 25px;
              margin-right: 10px;
              width: 25px;
              padding-left: 0;
              &.soa-ui-cm-icon-error-symbol {
                 background-position: 0 -1142px;
              }
            }
          }
          .soa-ui-cm-icon-imgtxt {
            padding-bottom: 10px;
            margin-top: 5px;
          }
        }
        .soa-ui-cm-details {
          .soa-ui-cm-section {
              padding-bottom: 0;
             .soa-ui-cm-detail-header {
                width: 200px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-bottom: 5px;
             }
          }
        }
      }

      .soa-ui-cm-view-all {
        position: relative;
        float: right;
        bottom: 5px;
        right: 10px;
      }
      .soa-ui-cm-chart-exportbutton {
        padding-top: 5px;
      }
    }
  }
}

}
*/
#addModifyConnectionPageOne,
#addModifyConnectionPageTwo,
#addModifyConnectionPageThree {
  display: block;
  position: relative;
}
.addModifyConnectionContent {
  float: left;
  width: 100%;
}
/* .addModifyConnectionTitle
{
	background-color:		#fff;
	color:					#2683B4;
	font-size:				17px;
	font-weight:			bold;
	float:					left;
	padding: 6px 12px 6px 0;
} */
.center {
  text-align: center;
}
#legalHeaderTitles {
  float: left;
}
/* .legalTitle
{
	float:					left;
	background-color:		#fff;
	margin:					0 4px 0 4px;
	padding:				6px 12px 6px 12px;
	color:					#2683B4;
	font-size:				17px;
	font-weight:			bold;
	cursor:					pointer;
} */
/* .legalTitleOn
{
	background-color:		#eceded;
	padding: 6px 12px 6px 12px;
} */
.tickPlaceholder {
  float: right;
  width: 16px;
  height: 16px;
  padding-left: 5px;
}
.legalTitleAccepted {
  background-image: url(/atmosphere/resources/images/silkicons/tick.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#legalContentPages {
  clear: both;
}
.legalContent {
  background-color: #eceded;
  float: left;
  padding: 6px;
  display: none;
  height: 300px;
  overflow: hidden;
  margin-bottom: 8px;
  width: 100%;
}
.legalContentOn {
  display: block;
}
/* .legalAccept, .legalDecline
{
	background-color:		#fff;
	color:					#2683B4;
	font-size:				12px;
	font-weight:			bold;
	border:					1px solid #eceded;
	float:					left;
	margin-left:			10px;
} */
div.addModifyConnection_environment {
  width: 250px;
}
.licenses-selection-options li {
  padding-bottom: 10px;
}
/* .licenses-selection-options li label {
	font-weight: bold;
	color: #2683B4;
	margin-left: 5px;
} */
.licenses-selection-options .gentitle {
  padding: 5px 0 0 20px;
}
.licenses-selection-options .selection-description {
  font-weight: bold;
  padding: 5px 0 20px;
  border-bottom: 1px solid #2683B4;
  margin-left: 22px;
}
.licenses-selection-options .stdtbl {
  margin-left: 20px;
  width: 852px;
  table-layout: fixed;
}
.licenses-selection-options .stdtbl .connection-license-name {
  width: 210px;
  overflow: hidden;
}
.licenses-selection-options .stdtbl .connection-license-description {
  width: 449px;
  overflow: hidden;
}
.licenses-selection-options .stdtbl td {
  vertical-align: top;
}
.licenses-selection-options .stdtbl .connection-license-name input[type="checkbox"] {
  display: block;
  float: left;
  margin-top: 4px;
}
.licenses-selection-options .stdtbl .connection-license-name span {
  display: inline-block;
  padding-left: 5px;
  width: 220px;
  word-wrap: break-word;
}
.licenses-selection-options .stdtbl .connection-license-name span.soa-ui-cm-icon-lock {
  width: 14px;
}
.license-description {
  padding-bottom: 0;
  word-wrap: break-word;
}
/* .license-description .toggle-license-meta {
	float: right;
	color: #2683B4;
	cursor: pointer;
} */
.licenses-list-container {
  display: none;
  padding-top: 5px;
}
.licenses-list-container .details-list {
  background-color: /*#FFFBC4*/ #f9f9f9;
  padding: 5px 0;
}
.licenses-list-container .details-label {
  float: left;
  width: 60px;
  font-weight: normal;
  color: #000;
  margin: 0;
}
.licenses-list-container ul li {
  padding-bottom: 5px;
}
/* License Monitor Widget Style
 --------------------------------*/
.soa-ui-cm-license-charts-container div.report_chart,
.soa-ui-cm-api-monitor-overview-container .soa-ui-cm-report-chart,
.soa-ui-cm-app-monitor-overview-container .soa-ui-cm-report-chart {
  height: 370px;
  margin: 0 0 10px 0;
  border: 1px solid #CFD6D4;
}
.soa-ui-cm-license-charts-container .empty_report_chart {
  text-align: center;
  line-height: 370px;
}
.soa-ui-cm-api-monitor-overview-container .soa-ui-cm-report-chart,
.soa-ui-cm-app-monitor-overview-container .soa-ui-cm-report-chart {
  height: 400px;
}
.soa-ui-cm-api-monitor-overview-container .soa-ui-cm-empty-report-chart,
.soa-ui-cm-app-monitor-overview-container .soa-ui-cm-empty-report-chart {
  border: 1px solid #CFD6D4;
  height: 400px;
  line-height: 400px;
  text-align: center;
}
/* Signup Security Question Screen
------------------------------------*/
.soa-ui-cm-signup-validate-security-question {
  line-height: 24px;
}
/***** contracts *******/
.soa-ui-cm-draft-contract {
  border-top: 1px solid #eaeaeb;
  margin-top: 10px;
  padding-top: 10px;
}
.soa-ui-cm-draft-contract:first-child {
  border-width: 0;
  margin: 0;
  padding: 0;
}
.no-margin {
  margin: 0;
}
/***** ckdocument *****/
.editor_saved_title {
  display: none;
  padding-left: 20px;
  font-weight: bold;
  color: #090;
}
.edit_panel_container {
  display: none;
  padding: 10px;
  position: absolute;
  z-index: 10;
}
.editor_saved_title {
  padding: 10px;
  position: absolute;
  padding-left: 80px;
}
#app_details_left {
  width: 125px;
}
#groupdetailssection.soa-ui-cm-content-body {
  padding-left: 90px;
}
#oAuthProviderForm div.formsep .soa-cm-ui-client-restrictions-settings-list li {
  padding-top: 7px;
}
#oAuthProviderForm div.formsep .soa-cm-ui-client-restrictions-settings-list label {
  float: none;
  display: inline;
  font-weight: 400;
}
.search_ext_value {
  padding-right: 5px;
}
.soa-ui-cm-tag-search .soa-ui-cm-input-tooltip-arrow {
  display: none;
}
/****************** end supplement.less ************/