div.tx-docomo-pi1 { display:none }
div#accordion { font-size:11px; }
div#accordion a { text-decoration:none; border:none !important; color:#000; outline:none !important }
div#modules-by-country a { text-decoration:none; border:none !important; color:#000; outline:none !important }
div#accordion a:hover { background:transparent !important }
div#accordion ul { list-style-type:none; }
div#accordion ul li { list-style-image:none; }
div#accordion div.scrollable h2 { background-color:transparent !important; background-image:none !important; font-size:12px !important; font-weight:bold; padding:0px !important; margin:0px 0px 5px 0px !important; width:400px}
div#accordion div.scrollable h3 { background-color:transparent !important; background-image:none !important; font-size:15px !important; font-weight:bold; padding:0px !important; margin:10px 0px 10px 0px !important; color:#000 !important; width:400px}
div#accordion div.scrollable h4 { background-color:transparent !important; background-image:none !important; font-size:15px !important; font-weight:bold; padding:10px 0px 0px 0px !important; margin:0px 0px 0px 0px !important; color:#1f497d !important; clear:both; width:450px !important;}
div#accordion div.scrollable p  { padding:0px !important; margin:0px !important; clear:both; width:400px}


ul.tabs { margin:0px; padding:0px }
ul.tabs li { margin:0px !important; padding:0px !important }
ul.tabs button { width:450px; text-align:left; margin-left:0px }
ul.tabs a.component-link { padding:0px; margin-bottom:5px !important; display:block }


/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
*/
.scrollable {

  /* required settings */
  position:relative;
  overflow:hidden;
  width: 460px;
  height:400px; 
}

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accomodate scrollable items.
  it's enough that you set the width and height for the root element and
  not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  clear:both;
}

.items div {
  float:left;
  width:480px;
}

/* single scrollable item */
.scrollable img {
  float:left;
  margin:20px 5px 20px 21px;
  background-color:#fff;
  padding:2px;
  border:1px solid #ccc;
  width:100px;
  height:75px;
  
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
  /* border:2px solid #000; */
  position:relative;
  cursor:default;
}

a.hidden { display:none }
div#slideback { float:left; }
div#slideback a { cursor:pointer }
div#slideback a button { display:inline;  }

ul.parentlist { display:none }

.dialog_link {
  padding: .4em 1em .4em 20px;
  text-decoration: none;
  position: relative;
}

.dialog_link span.ui-icon {
  margin: 0 5px 0 0;
  position: absolute;
  left: .2em;
  top: 50%;
  margin-top: -8px;
  zoom: 1;
}

ul.tables { margin:0px; padding:0px }
ul.tables span.ui-button-text { padding:2px 5px 2px 10px; }
ul.tables li { vertical-align:top; display:block; padding:0px !important; margin:0px !important; margin-bottom:10px }
ul.tables { margin-top:20px }
ul.tables li a { color:#427378 !important }
div#content ul.tables li a.modopen { border-bottom:1px dotted #427378 !important; line-height:17px !important; font-size:11px}
div#content ul.tables li a.modopen:hover { border-bottom:1px solid #427378 !important; background-color:#7ad5de;}


div.dialog, .ui-dialog-title { font-size:13px !important; }
div.ui-dialog p.bodytext { font-size:12px !important }
table.dialog-table { width:580px; border-collapse:collapse; }
table.dialog-table th,table.dialog-table td { vertical-align:top; text-align:left; padding:2px 15px 2px 0px;   }
table.dialog-table tr td ul { margin:0px !important; padding:0px !important}
table.dialog-table tr td ul li { margin:0px 0px 0px 10px !important; padding:0px !important}
table.dialog-table tr td p { margin-top:0px; padding:0px }

.ui-widget-content,
.ui-widget-content { background-image:none; background-color:#fff; border:0; }

 .ui-widget-content a:link,
 .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; outline:none }
 .ui-widget-content a:hover,
 .ui-widget-content a:active { color:#0b559b; outline:none }


.ui-corner-all {
  -moz-border-radius-bottomleft:0;
  -moz-border-radius-bottomright:0;
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
}

img.module_link_img {
  float:none;
  margin:0px !important;
  padding:0px !important;
  border:none;
  width:15px;
  height:12px;
}

div.com_1 { display:none }

div.domain_details { font-size:11px !important; padding:2em !important }

a.domain_link { position:absolute; top:0px; right:25px }

div#accordion h3.ui-accordion-header a { color:#1f497d !important; font-size:15px; font-weight:bold; padding-left:25px !important }
div#modules-by-country h3.ui-accordion-header a { color:#1f497d !important; font-size:15px; font-weight:bold; padding-left:25px !important }