trinidad-example/trinidad-components-showcase/src/main/webapp/skins/layout.css

/*
 *  Licensed to the Apache Software Foundation (ASF) under one
 *  or more contributor license agreements.  See the NOTICE file
 *  distributed with this work for additional information
 *  regarding copyright ownership.  The ASF licenses this file
 *  to you under the Apache License, Version 2.0 (the
 *  "License"); you may not use this file except in compliance
 *  with the License.  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing,
 *  software distributed under the License is distributed on an
 *  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 *  KIND, either express or implied.  See the License for the
 *  specific language governing permissions and limitations
 *  under the License.
 */

/*
 * Designed and implemented by ADONIS RADUCA,
 * under the effort to give a new, more modern, look to the Trinidad library.
 * Other notable effort comes from:
 * CATALIN KORMOS
 * COSMIN MARTINCONI
 * They have an important and decisive role along the entire project.
 */

/*
 * Trinidad demo normal page stylesheet
 * Version: 1.0
 * Date: 10_08_2009
 */
body {
    font: 10pt Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.4em;
    color: black;
    text-align: center;
    overflow-y: scroll;
    background: #F3F0EA url("/skins/slices/body_back.png") repeat-x top left;
}

.fit_to_parrent table, table.fit_to_parrent {
    width: 100%;
}

.clear {
    clear: both;
}

.component_view {
    width: auto;
    height: auto;
}

.component_view .body {
    width: 100%;
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
    color: black;
}

h1 {
    padding-top: 6px;
    font-size: 18pt;
}

h2 {
    font-size: 11pt;
}

h3 {
    font-size: 10pt;
}

/* Solve IE6 margin and float combination problem */
.left_sidebar_aux {
    float: left;
    text-align: left;
}

.left_sidebar {
    width: 220px;
    text-align: left;
    margin-left: 19px;
}

.left_sidebar .head {
    display: block;
    padding-top: 9px;
    font-size: 12pt;
    font-weight: bold;
    color: #999999;
    font-size: 12pt;
}

.left_sidebar .body {
    padding-top: 23px;
}

.left_sidebar .accordion {
    padding-top: 23px;
    width: 220px;
    height: auto;
}

.logo {
    display: block;
    position: absolute;
    top: -110px;
    left: 0;
    width: 194px;
    height: 80px;
    background: transparent url("/skins/slices/logo.png") no-repeat top left;
}

@agent ie and (version: 5), ie and (version: 6) {
    .logo {
        background: transparent url("/skins/slices/logo_ie6.png") no-repeat top left;
    }
}

.look_changer {
    width: 200px;
    height: auto;
}

playground .component_look_changer {
    padding-left: 20px;
    width: 100%;
}

.main_container {
    margin: 0 auto;
    padding: 140px 0 0;
    text-align: center;
    background: url("/skins/slices/main_container.png") no-repeat top center;
}

/* Solve IE6 margin and float combination problem */
.page_content_aux {
    float: right;
}

.page_content {
    display: block;
    width: 720px;
    text-align: left;
    padding-left: 34px;
    padding-right: 34px;
}
.page_bottom, .column_page_bottom {
    display: block;
    height: 20px;
}
.page_bottom {
    background: url("/skins/slices/page_bottom.png") no-repeat bottom left;
}
.column_page_bottom {
    background: url("/skins/slices/column_page_bottom.png") no-repeat bottom left;
}
.demo_selector {
    position: absolute;
    z-index: 1000;
    top: -27px;
    right: 2px;
}

.demo_selector button {
    float: right;
    margin-right: 2px;
}
.page_container {
    position: relative;
    margin: 0 auto;
    width: 1008px;
}

.email_app .page_container {
    padding-top: 4px;
}
.page_top, .column_page_top {
    display: block;
}
.page_top {
    background: url("/skins/slices/page_top.png") no-repeat top left;
}
.column_page_top {
    background: url("/skins/slices/column_page_top.png") no-repeat top left;
}

.page_middle, .column_page_middle {
    display: block;
    height: auto;
    width: 1008px;
}
.page_middle {
    background: url("/skins/slices/page_middle.png") repeat-y top left;
}
.column_page_middle {
    background: url("/skins/slices/column_page_middle.png") repeat-y top left;
}

p {
    margin: 0;
    padding: 20px 0 0 0;
}

p.first {
    padding: 0;
}

.playground {
    padding-top: 10px;
}

.search_bar {
    display: block;
    position: absolute;
    top: -140px;
    right: 20px;
    text_align: center;
}

@agent ie and (version: 5), ie and (version: 6) {
    .search_bar {
        width: 1%;
    }
}

.search_bar .left_side {
    display: block;
    height: 38px;
    padding: 7px 15px 0 45px;
    background: transparent url("/skins/slices/search_bar.png") no-repeat top left;
}

.search_bar .right_side {
    display: block;
    padding-right: 38px;
    background: transparent url("/skins/slices/search_bar.png") no-repeat top right;
}

.search_bar .search_field .af_inputText_label {
    font-weight: bold;
    color: white;
}

.search_bar .search_field .af_inputText_content {
    background: url("/skins/slices/search_edit_back.png") repeat-x top left;
}

.search_bar .search_field .af_inputText_content {
    border-top: 1px solid #8F8576;
    border-left: 1px solid #8F8576;
    border-bottom: 1px solid #C4BEB7;
    border-right: 1px solid #C4BEB7;
    padding: 3px 5px;
}

.section {
    padding-top: 38px;
    width: 700px;
}

.section_first {
    padding-top: 30px;
    width: 700px;
}

.section .head {
    width: 700px;
    margin-bottom: 3px;
    border-bottom: 1px solid #CBC3BE;
}

.section .body .graph {
    padding-top: 10px;
}

.section .body_text {
    width: 700px;
    padding-top: 4px;
}

/* layout custom */
.column25percent {
    width: 25%;
    text-align: left;
    padding: 10px;
    padding-left: 17px;
    vertical-align: top;
}

.column75percent {
    width: 75%;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

.column25percent2 {
    width: 25%;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: top;
}

.column75percent2 {
    width: 75%;
    padding-right: 2px;
    vertical-align: top;
}

.column100percent {
    width: 100%;
    padding-right: 2px;
    vertical-align: top;
}

.layoutLeftColumn {
    background-color: #FCFBFA;
}

.head {
    display: block;
    font-size: 12pt;
    font-weight: bold;
    color: #999999;
    font-size: 12pt;
    padding-top: 8px;
    padding-bottom: 22px;
    padding-left: 4px;
}

.rightColumn h2.page {
    margin-top: 18px;
    margin-bottom: 12px;
    border-bottom: 1px solid #CBC3BE;
}

/*   Component Demo Customization   */
.af_panelBorderLayout-positioned {
    height: 300px;
    position: relative;
    width: 100%;
}

  /* //////////for E-Mail//////////////////*/
.newContact {
    display: block;
    background: transparent url("/skins/slices-email/new.png")no-repeat top left;
}

.editContact {
    display: block;
    background: transparent url("/skins/slices-email/edit.png")no-repeat top left;
}


.deleteContact {
    display: block;
    background: transparent url("/skins/slices-email/delete.png")no-repeat top left;
}



/* source code highlighting customization */
code {
    color: black;
    font-family: Consolas, Lucida Console, Monaco, monospace;
    font-size: 9pt;
    white-space: nowrap;
}

.sourceCode {
    color: black;
    font: 9pt/1.3em Consolas, Lucida Console, Monaco, monospace;
    white-space: nowrap;
}
.line_counter {
    display: block;
    float: left;
    margin-right: 1px;
    padding-right: 5px;
    border-right: 1px solid #E7E3E1; 
    text-align: right;
    font: 9pt/1.3em Consolas, Lucida Console, Monaco, monospace;
    white-space: nowrap;
    color: #BAB0A9;
}
.code_body_wrap {
    display: block;
    padding-left: 20px;
    font: 9pt/1.3em Consolas, Lucida Console, Monaco, monospace;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
@agent ie and (version: 5), ie and (version: 6) {
    .code_body_wrap {
        width: 650px;
    }
}
.code_body {
    display: block;
    overflow-y: visible;
}
@agent ie and (version: 5), ie and (version: 6), ie and (version: 7) {
    .code_body {
        margin-bottom: 20px;
    }
}

.highlight_xml_plain {
    color: black;
}

.highlight_xml_char_data {
    color: black;
}

.highlight_xml_tag_symbols {
    color: #000000;
}

.highlight_xml_comment {
    color: #939393;
}

.highlight_xml_attribute_value {
    color: #008200;
}

.highlight_xml_attribute_name {
	color: #0000FF;
}

.highlight_xml_processing_instruction {
    color: black;
    font-weight: bold;
    font-style: italic;
}

.highlight_xml_tag_name {
    color: #000080;
    font-weight: bold;
}

.highlight_xml_rife_tag {
    color: black;
    background-color: #E4E6A0;
}

.highlight_xml_rife_name {
    color: #0000C4;
    background-color: #E4E6A0;
}

.highlight_java_plain {
    color: black;
}

.highlight_java_keyword {
    color: #000080;
    font-weight: bold;
}

.highlight_java_type {
    color: #000000;
}

.highlight_java_operator {
    color: #000000;
}

.highlight_java_separator {
    color: #000000;
}

.highlight_java_literal {
    color: #000080;
    font-weight: bold;
}

.highlight_java_comment {
    color: #939393;
    font-style: italic;
}

.highlight_java_javadoc_comment {
    color: #939393;
    font-style: italic;
}

.highlight_java_javadoc_tag {
    color: #939393;
    font-style: italic;
    font-weight: bold;
}

/*  Google search box & result customization  */
.gsc-tabsArea {
    display: none;
}

.gsc-search-box {
    display: none;
}

.gs-visibleUrl-short {
    display: none;
}

.gsc-results .gsc-expansionArea .gsc-cursor-box .gsc-trailing-more-results {
    display: none;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* Casablanca skin overwritings.                                                                                      */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Navigation List -------------------------------------------------------------------------------------------------- */
.CBNavPaneListOptionCommon_Custom {
    border-color: #BED6E6;
    background: #FBFCFD;
}
.CBNavPaneListOption_Custom {
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon_Custom");
}
.CBNavPaneListOptionHover_Custom {
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon_Custom");
    background: #EDF3F8;
}
.CBNavPaneListOptionSelected_Custom {
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon_Custom");
}
.CBNavPaneListOptionSelectedHover_Custom {
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon_Custom");
}
.CBNavPaneListOptionDisabled_Custom {
    -tr-rule-ref: selector(".CBNavPaneListOptionCommon_Custom");
}
.components_list af|navigationPane::list-active-enabled af|navigationPane::list-content a {
    -tr-rule-ref: selector(".CBNavPaneListOptionSelected_Custom");
}
.components_list af|navigationPane::list-inactive-enabled af|navigationPane::list-content a {
    -tr-rule-ref: selector(".CBNavPaneListOption_Custom");
}
@agent (touchScreen:none) {
  .components_list af|navigationPane::list-inactive-enabled af|navigationPane::list-content a:hover {
      -tr-rule-ref: selector(".CBNavPaneListOptionHover_Custom");
  }
  .components_list af|navigationPane::list-active-enabled af|navigationPane::list-content a:hover {
      -tr-rule-ref: selector(".CBNavPaneListOptionSelectedHover_Custom");
  }
}
.components_list af|navigationPane::list-active-disabled af|navigationPane::list-content,
    af|navigationPane::list-inactive-disabled af|navigationPane::list-content {
    -tr-rule-ref: selector(".CBNavPaneListOptionDisabled_Custom");
}

/* Panel Accordion -------------------------------------------------------------------------------------------------- */
.CBAccordionPanelBody_Custom {
    padding: 1px 0 0 0;    
}
.components_accordion af|panelAccordion::content {
    -tr-rule-ref: selector(".CBAccordionPanelBody_Custom");
}

/* Panel Box -------------------------------------------------------------------------------------------------------- */
.CBPanelBoxHead_Custom {
    -tr-rule-ref: selector(".CBPanelHeadRaised:alias");
}
.CBPanelBoxBody_Custom {
    padding: 1px 0 0 0;
    background-color: #FCFBFA;
}
.component_variations af|panelBox::body af|panelBox::header {
    -tr-rule-ref: selector(".CBPanelBoxHead_Custom");
}
.component_variations af|panelBox::body af|panelBox::content {
    -tr-rule-ref: selector(".CBPanelBoxBody_Custom");
}

/* Panel Tabbed ----------------------------------------------------------------------------------------------------- */
.CBPanelTabBody_Custom {
    /*overflow-x: auto;*/
    overflow: hidden;
    width: 710px;
}
.samples af|panelTabbed::body {
    -tr-rule-ref: selector(".CBPanelTabBody_Custom");
}

/* Navigation Pane / Bar -------------------------------------------------------------------------------------------- */
.CBNavPaneBar_Custom {
    text-align: left;
    margin: 0 4px 0 4px;
}
.toolbar {
    -tr-rule-ref: selector(".CBNavPaneBar_Custom");
    padding: 0;
}
.toolbar af|navigationPane::bar-content img {
    display: block;
    margin: 2px auto 0 auto;
}

.project af|navigationPane::bar-content img {
    margin: 1px 0 0 20px;
}
.pages af|navigationPane::bar-content img {
    margin: 1px 0 0 15px;
}
.blocks af|navigationPane::bar-content img {
    margin: 1px 0 0 17px;
}
.themes af|navigationPane::bar-content img {
    margin: 1px 0 0 17px;
}
.browser af|navigationPane::bar-content img {
    margin: 1px 0 0 20px;
}
.events af|navigationPane::bar-content img {
    margin: 1px 0 0 16px;
}
.members af|navigationPane::bar-content img {
    margin: 1px 0 0 20px;
}

/* Tables */
.CBTableSubControlBar_Custom {
    display: none;
}
.mail_list af|table::sub-control-bar {
    -tr-rule-ref: selector(".CBTableSubControlBar_Custom");
}

/* Page Menu -------------------------------------------------------------------------------------------------------- */
.CBNavPaneBar_PageMenu {
    position: relative;
    top: 12px;
    right: -12px;
}
@agent ie and (version: 5), ie and (version: 6) {
    .CBNavPaneBar_PageMenu {
        top -7px;
    }
}
@agent ie and (version: 8) {
    .CBNavPaneBar_PageMenu {
        top: -6px;
    }
}
@agent mozilla {
    .CBNavPaneBar_PageMenu {
        top: -5px;
    }
}
@agent opera {
    .CBNavPaneBar_PageMenu {
        top: 10px;
    }
}
.page_page af|navigationPane::bar {
    -tr-rule-ref: selector(".CBNavPaneBar_PageMenu");
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Main menu.                                                                                                         */
/* ------------------------------------------------------------------------------------------------------------------ */
.page_bar_container {
    padding: 5px 5px 0;    
}
#page_bar {
	border-top: 1px solid #8B8580;
	border-bottom: 1px solid #56524E;
	border-left: 1px solid #8B8580;
	border-right: 1px solid #8B8580;
	background: #8B8580 url("/skins/slices/bar.png") repeat-x bottom left;
    text-align: left;
}
@agent ie and (version: 5), ie and (version: 6) {
    #page_bar {
        height: 1%;
    }
}
#main_menu {
	float: left;
}
#skin_menu {
	float: right;
}
/* Page Bar --------------------------------------------------------------------------------------------------------- */
#page_bar .top_bevel {
	background: transparent url("/skins/slices/bar_top_bevel.png") repeat-x top left;
}
#page_bar ul {
    margin: 0;
    padding: 0;
}
#page_bar a {
	display: block;
	color: #E4E3E2;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	background: #8B8580 url("/skins/slices/menu.png") no-repeat bottom right;
}
@agent ie and (version: 5), ie and (version: 6), ie and (version: 7) {
    #page_bar a {
        float: left;
        height: 1%;
    }
}
@agent ie and (version: 5), ie and (version: 6), ie and (version: 7) {
    #page_bar a a {
        float: none;
    }
}
@agent (touchScreen:none) {
  #page_bar a:hover {
    text-decoration: none;
    color: white;
    background: #7D7873 url("/skins/slices/menu_hover.png") no-repeat bottom right;
  }
  #page_bar a:hover span {
    border-top: 1px solid #88847F;
    border-bottom: 1px solid #423F3B;
  }
  #page_bar .menu_anchor, #page_bar a:hover .menu_anchor {
  	display: block;
	position: relative;
    z-index: 10000;
	border: none;
	padding: 0;
  }
  #main_menu li a:hover {
  }
  #page_bar .expand:hover .submenu {
	display: block;
  }

}
#page_bar a span {
	display: block;
	border-top: 1px solid #96918C;
	border-bottom: 1px solid #7B7773;
	padding: 7px 12px;
	white-space: nowrap;
    line-height: 1em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
#page_bar a.expand span {
	padding-right: 24px;
	background: url("/skins/slices/expand_arrow.png") no-repeat center right;
}
#page_bar .submenu span {
	border: none;
}
#page_bar .expand .submenu span {
	padding-right: 12px;
	background: none;
}
/* Main Menu -------------------------------------------------------------------------------------------------------- */
#main_menu li {
	float: left;
    list-style: none;
}
#main_menu li a {
    text-decoration: none;
}
/* Submenu ---------------------------------------------------------------------------------------------------------- */
#page_bar .submenu_container {
    min-width: 100%;
    position: absolute;
    z-index: 10000;
}
@agent ie and (version: 5), ie and (version: 6) {
    #page_bar .submenu_container {
        width: 100%;
    }
}
#page_bar #skin_menu .submenu_container {
    right: -1px;
}
#page_bar #skin_menu li {
    list-style: none;
}
#page_bar .expand .submenu {
	display: none;
	width: auto;
	background: #615D59;     
	border: 1px solid #56524E;
}
@agent ie and (version: 5), ie and (version: 6), ie and (version: 7), ie and (version: 8) {
    #page_bar .expand:hover .submenu {
        width: 100%;
    }
}
#page_bar .expand .submenu a {
	background: #78736E;
}
@agent (touchScreen:none) {
  #page_bar .expand .submenu a:hover {
      background: #7D7873 url("/skins/slices/menu_hover.png") no-repeat bottom center;
  }
}
#page_bar .expand .submenu a span {
	border-bottom: none;
}
#page_bar .expand .submenu, #page_bar .expand .submenu tbody,
#page_bar .expand .submenu tr, #page_bar .expand .submenu td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0; 
}
#page_bar .expand .submenu tbody,
#page_bar .expand .submenu tr, #page_bar .expand .submenu td {
    display: block;
}
/* Skin Menu --------------------------------------------------------------- */
#skin_menu a {
	background-position: bottom left;
}
#skin_menu li a {
	text-decoration: none;
}
@agent (touchScreen:none) {
  #skin_menu a:hover {
    background-position: bottom left;
  }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Main menu.                                                                                                         */
/* ------------------------------------------------------------------------------------------------------------------ */
.page_bar_container {
    padding: 5px 5px 0;    
}
#page_bar {
	border-top: 1px solid #8B8580;
	border-bottom: 1px solid #56524E;
	border-left: 1px solid #8B8580;
	border-right: 1px solid #8B8580;
	background: #8B8580 url("/skins/slices/bar.png") repeat-x bottom left;
    text-align: left;
}
@agent ie and (version: 5), ie and (version: 6) {
    #page_bar {
        height: 1%;
    }
}
#main_menu {
	float: left;
}
#skin_menu {
	float: right;
}
/* Page Bar --------------------------------------------------------------------------------------------------------- */
#page_bar .top_bevel {
	background: transparent url("/skins/slices/bar_top_bevel.png") repeat-x top left;
}
#page_bar ul {
    margin: 0;
}
#page_bar a {
	display: block;
	color: #E4E3E2;
	background: #8B8580 url("/skins/slices/menu.png") no-repeat bottom right;
}
@agent ie and (version: 5), ie and (version: 6), ie and (version: 7) {
    #page_bar a {
        float: left;
        height: 1%;
    }
}
@agent ie and (version: 5), ie and (version: 6), ie and (version: 7) {
    #page_bar a a {
        float: none;
    }
}
@agent (touchScreen:none) {
  #page_bar a:hover {
    text-decoration: none;
    color: white;
    background: #7D7873 url("/skins/slices/menu_hover.png") no-repeat bottom right;
  }
}
#page_bar a span {
	display: block;
	border-top: 1px solid #96918C;
	border-bottom: 1px solid #7B7773;
	padding: 7px 12px;
	white-space: nowrap;
}
@agent (touchScreen:none) {
  #page_bar a:hover span {
    border-top: 1px solid #88847F;
    border-bottom: 1px solid #423F3B;
  }
}
#page_bar a.expand span {
	padding-right: 24px;
	background: url("/skins/slices/expand_arrow.png") no-repeat center right;
}
@agent ie and (version: 5), ie and (version: 6) {
    #page_bar a.expand span {
        background: url("/skins/slices/expand_arrow_8bit.png") no-repeat center right;
    }
}
#page_bar .submenu span {
	border: none;
}
#page_bar .expand .submenu span {
	padding-right: 12px;
	background: none;
}

#page_bar .menu_anchor {
	display: block;
	position: relative;
    z-index: 10000;
	border: none;
	padding: 0;
}
@agent (touchScreen:none) {
  #page_bar a:hover .menu_anchor {
    display: block;
    position: relative;
      z-index: 10000;
    border: none;
    padding: 0;
  }
}
/* Main Menu -------------------------------------------------------------------------------------------------------- */
#main_menu li {
	float: left;
}
@agent (touchScreen:none) {
  #main_menu li a:hover {
  }
}
/* Submenu ---------------------------------------------------------------------------------------------------------- */
#page_bar .submenu_container {
    min-width: 100%;
    position: absolute;
    z-index: 10000;
}
@agent ie and (version: 5), ie and (version: 6) {
    #page_bar .submenu_container {
        width: 100%;
    }
}
#page_bar #skin_menu .submenu_container {
    right: -1px;
}
#page_bar .expand .submenu {
	display: none;
	width: auto;
	background: #615D59;     
	border: 1px solid #56524E;
}
@agent (touchScreen:none) {
  #page_bar .expand:hover .submenu {
    display: block;
  }
}
@agent ie and (version: 5), ie and (version: 6), ie and (version: 7), ie and (version: 8) {
    #page_bar .expand:hover .submenu {
        width: 100%;
    }
}
#page_bar .expand .submenu a {
	background: #78736E;
}
@agent (touchScreen:none) {
  #page_bar .expand .submenu a:hover {
      background: #7D7873 url("/skins/slices/menu_hover.png") no-repeat bottom center;
  }
}
#page_bar .expand .submenu a span {
	border-bottom: none;
}
#page_bar .expand .submenu, #page_bar .expand .submenu tbody,
#page_bar .expand .submenu tr, #page_bar .expand .submenu td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0; 
}
#page_bar .expand .submenu tbody,
#page_bar .expand .submenu tr, #page_bar .expand .submenu td {
    display: block;
}
/* Skin Menu --------------------------------------------------------------- */
#skin_menu a {
	background-position: bottom left;
}
@agent (touchScreen:none) {
  #skin_menu a:hover {
    background-position: bottom left;
  }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Skin overwritings.                                                                                                 */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Footer ----------------------------------------------------------------------------------------------------------- */
.page_page .p_OraFooter {
    text-align: left;    
}

.page_page af|panelPage::branding .AFInstructionText {
    display: block;
    height: 50px;
    width: 150px;
    overflow: hidden;
    background: url("/resources/corporateBrand.gif") no-repeat top left;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Google search.                                                                                                     */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Search-result item */
.gs-result {
}
/* Search-result item title */
.gs-result a.gs-title, .gs-result .gs-title {
    color: #0C87D1;
    text-decoration: none;
}
@agent (touchScreen:none) {
  .gs-result a.gs-title:hover {
      text-decoration: underline;
  }
  .gsc-cursor .gsc-cursor-page:hover {
      -tr-rule-ref: selector(".CBPaginatorScrollerHover:alias");
  }
  .gsc-cursor .gsc-cursor-current-page:hover {
      -tr-rule-ref: selector(".CBPaginatorScrollerSelectedHover:alias");
  }
}
/* Search-result item body */
.gs-result .gs-snippet {
}
/* Search-results paginator */
.gsc-cursor .gsc-cursor-page {
    text-decoration: none;
    -tr-rule-ref: selector(".CBPaginatorScroller:alias");
}
.gsc-cursor .gsc-cursor-current-page {
    -tr-rule-ref: selector(".CBPaginatorScrollerSelected:alias");
}