/*
Document   : internet
Created on : 29.11.2007, 14:56:20
Author     : sv
Description: Styles used in Internet Frontend.
*/

/*  This fixes a very annoying bug in IE: when you scroll, the images are corrupted.
This code places a null background image behind, making IE render the page differently.
Ref: http://snipplr.com/view/518/fix-scrolling-render-bug-in-ie/
*/
html {
    background          : url(null) fixed no-repeat;
}

body {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #000000;
    /* It's good practice to zero the margin and padding of the body element
    to account for differing browser defaults */
    margin              : 0;
    padding             : 0;
    /* This centers the container in IE 5* browsers. The text is then set to
    the left aligned default in the #container selector */
    text-align: center;
}

img {
    -ms-interpolation-mode:bicubic;
}

img a {
    border: none;
}

/* ===== Default anchors / hyperlinks ===== */
a:active { color: #ff330; text-decoration: none; border: 0px solid transparent; }
a:hover { color: #EB5325; text-decoration: none; border: 0px solid transparent; }
/*a:link { color: #344394; text-decoration: none; border: 0px solid transparent; }*/
a:link { color: #EB5325; text-decoration: none; border: 0px solid transparent; }
/*a:visited { color: #344394; text-decoration: none; border: 0px solid transparent; }*/
a:visited { color: #EB5325; text-decoration: none; border: 0px solid transparent; }

/*
Styles for displaying push buttons.
Used in Advanced search page and tell a friend page.
*/
.button {
    color               : #463A3A;
    background          : #E0E3EB url(/converis/images/button/primary-enabled.gif) repeat-x scroll center top;
    border-color        : #83858C rgb(98, 101, 107) rgb(68, 70, 76);
    border-style        : solid;
    border-width        : 1px;
    font-size           : 11px;
    font-weight         : bold;
    margin              : 0px 2px 0px 2px;
    text-align          : center;
    padding             : 1px 5px 1px 5px;
}
/* Not used anywhere, But commented out in TabbedPane bean and InternetInfoObjectHelper java files.
.imagelink {
border-style        : none;
border-width        : 0px;
font-size           : 12px;
padding             : 5px;
text-decoration     : none
}
*/

/* Not used anymore
.deleteImageStyle {
border              : none;
}
*/

/* Not used anymore */
.infomessage {
    background-color    : #e6e6e6;
    border              : #334390 solid 1px;
    color               : #334390;
    font-size           : 12px;
    padding             : 2px;
}

/*
Style for displaying a success-message component, when a user action is completed 
successfully.Used in Advanced search page and tell a friend page.
*/
.successmessage {
    font-size           : 12px;
    color               : #EB5325;
    text-align          : left;
    vertical-align      : middle;
    border              : none;
    padding             : 2px;
}

/*
Style for displaying a error-message component, when a user action is not 
completed successfully.Used in MainContentOfSearchResults page.
*/
.errormessage {
    font-size           : 12px;
    color               : #EB5325;
    text-align          : left;
    vertical-align      : middle;
    border              : none;
    padding             : 2px;
}

/*
Style for displaying a error-message component, when a user action is not 
completed successfully.Used in Advanced search page and tell a friend page.
*/
.errorvalidation {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #FF0000;
    vertical-align      : middle;
}

/* Not Used anymore*/
.errorStackTrace {
    background-color    : #e3f0ff;
    border              : 2px solid #E6E6E6;
    font-size           : 12px;
    padding             : 5px;
}

/*  
Used for formating of Left and right column components in panel grids.
Used in many detail and list pages, wherever panelgrids are used.
*/
.leftCol {
    background-color    : transparent;
/*    background-color    : white;*/
/*    text-align          : justify;*/
    text-align          : left;
    vertical-align      : top;
    padding-left	: 0px;    
    width               : 475px;
    padding-right       : 10px;
}
.rightCol {
    background-color    : transparent;
    text-align          : left; 
    vertical-align      : top;
    padding-left	: 0px;        
}

/*  
Used for formating of Left and right column components in panel grids.
Used in many detail and list pages, wherever panelgrids are used.
*/
.leftColPersonTeaser {
    background-color    : transparent;
/*    background-color    : white;*/
/*    text-align          : justify;*/
    text-align          : left;
    vertical-align      : top;
    padding-left	: 0px;    
}
.rightColPersonTeaser {
    background-color    : transparent;
    text-align          : left;
    vertical-align      : top;
    padding-left	: 0px;        
}

/*
Used in tell a friend page for aligning the components in the panel grid as
left and right aligned.
*/
.leftAlignCol {
    background-color    : transparent;
    color               : #463A3A;
    font-size           : 12px;
    text-align          : left;
    vertical-align      : top;
    padding             : 5px;
}
.rightAlignCol {
    background-color    : transparent;
    color               : #463A3A;
    font-size           : 12px;
    text-align          : right;
    vertical-align      : top;
    padding             : 5px;
}

/* 
Used in Internet Header for displaying the date, links and the language bar.
*/
.headDatePanel {
    color               : #999999;
    background          : #FFFFFF repeat-x scroll center top;
    font-size           : 9px;
    font-family         : Helvetica;
    text-align          : left;
    height              : 18px;
    width               : 220px;
    padding-left        : 10px;   
    vertical-align      : middle;
}
.headLinksPanel {
    background          : #FFFFFF repeat-x scroll center top;
    color               : #999999;
    height              : 18px;
    font-size           : 9px;
    font-family         : Helvetica;    
    text-align          : right;    
    padding-right       : 0px;
    vertical-align      : middle;
}
.headLangPanel {
    color               : #FFFFFF;
    background-color    : #34438F;
    font-size           : 11px;
    text-align          : right;
    height              : 18px;
    width               : 75px;
    padding-left        : 10px;
    padding-top         : 2px;
    padding-right       : 5px;
}

/* ===== Right Column Content ===== */
/*
Used in LastVisited pages for displaying the right column header.
This can be delted when lastvisitedpages is deleted.
*/
.rightBarMenuHeader {
    /* font-weight          : bold; */
    font-size           : 12px;
    color               : #463A3A;
    background-color    : #CCCCCB;
    text-align          : left;
    vertical-align      : middle;
    padding-left        : 5px;
}

/*
Styles for displaying each row inside the right column content box.
Used in displaying the different links in 
Overviews, Infobox, lastvisited pages and search subivew.
*/
.rightBarMenuRow {
    /* background-color     : #F0F1F1; */
    font-size           : 12px;
    font-weight         : normal;
    /*    color               : #463A3A;*/
    background-color    : #E4F7DB;
    text-align          : left;
    vertical-align      : middle;
}

/*
Styles for displaying the columns in a right column content box.
Used in Lastvisitedpages and infobox pages.
*/
.rightBarMenuColumn {
    padding             : 4px;
}

/* ===== Navigation tree links ===== */
/*
Style for the treenode if it is in the selected state.
*/
.treeNodeOnSelectedPath {
    color                 : black;
    font-weight           : bold;
    font-size             : 11px;
    font-family           : Helvetica;
    padding-left          : 0px;
    padding-top		      : 8px;   
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 6px;
    text-transform        : uppercase;
}

/* 
Style for the SELECTED treenode when the mouse pointer is moved over it.
*/
.treeNodeOnSelectedPath:hover {
    color                : #EB5325;
}

/*
Style for the treenode if it is NOT in the selected state.
*/
.treeNodeNotOnSelectedPath {
    color                 : #999999;
    font-weight           : bold;
    font-size             : 11px;
    font-family           : Helvetica;
    padding-left          : 0px;
    padding-top		      : 8px;    
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 6px;
    text-transform: uppercase; 
}

/* 
Style for the UNSELECTED treenode when the mouse pointer is moved over it.
*/
.treeNodeNotOnSelectedPath:hover {
    color                 : #EB5325;
}

/*
Icon Style for the treenode in public view left navigation, if it is a selected node.
*/
.treeNodeSelectedIcon {
    padding-left          : 7px;
    padding-top		      : 8px;
    background-image      : url(/converis/images/internet/orange_arrow.jpg);
    background-repeat     : no-repeat;
    background-position   : 0px 12px;
    color                 : #EB5325;
}

/*
Icon Style for the treenode in public view left navigation, if it is a leaf node.
*/
.treeNodeLeafIcon {
    padding-left          : 7px;
    padding-top		      : 8px;
}

/*###################  END of Styles for left colomn navigation tree   ##################*/

.treeNodeSelected {
    color                 : #EB5325;
    font-weight           : bold;
    font-size             : 11px;
    font-family           : Helvetica;
    padding-left          : 7px;
    padding-top		      : 8px;
    /* margin-left          : -15px; */
    /*node icon will be set by a.TreeNodeCollapsedIcon*/ 
    /*background-image     : url(/converis/images/internet/orange_arrow.gif);*/
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 6px;
    text-transform: uppercase; 
}

/*
Text Style for the treenode, if it is top level node.
Used in Navigation tree.jsp
*/
.treeNodeBig {
    font-size             : 12px;
    font-weight           : bold;
/*    line-height           : 20px;*/
    line-height           : 19px;
}

/*
Text style for the treenode, if it is a second level node.
Used in Navigation tree controller.
*/
.treeNodeMedium {
    font-size             : 11px;
    font-weight           : bold;
    line-height           : 18px;
    background-position   : left 5px;
}

/*
Text style for the all treenodes that are in level three or lower.
Used in Navigation tree controller.
*/
.treeNodeSmall {
    font-size             : 11px;
    line-height           : 16px;
    background-position   : left 4px;
}

/* 
Icon Style for the treenode, if it is expanded to show its child nodes.
*/
.treeNodeExpandedIcon {
    background-image      : url(/converis/images/internet/arrow_blue_new.png); 
}

/* 
Icon Style for the treenode, if it is in collapsed state.
i.e., child nodes are NOT visible.
*/
.treeNodeCollapsedIcon {
    background-image      : url(/converis/images/internet/arrow_blue_new.png); 
}

/* BreadCrumb individual Links */
/*
Text stlye used for the text displayed in the breadcrumb.
*/
a.breadLinks {
/*    color               : #FFFFFF !important;*/
/*    color               : black !important;*/
    color               : #999999;
    font-weight         : normal;
    font-size           : 9px;
    font-family         : Helvetica; 
    text-transform      : uppercase;        
}

/*
Text stlye used for the text displayed in the breadcrumb, 
when the mouse pointer is moved over it.
*/
a.breadLinks:hover {
    color               : #EB5325;
    font-weight         : normal;
    font-size           : 9px;
    font-family         : Helvetica;
}

/* ===== Global styles ===== */
/* Add/Remove from favourites link */
/* Used in AreaAttributes and InfoBox right column content*/
/*
Text stlye used for the text displayed as Infobox links.
*/
a.infoboxLink {
    float                : right;
    color                : #463A3A;
    font-size            : 12px;
    padding-left         : 10px;
    padding-right	 : 10px;
    padding-top		 : 4px;
    background-color     : transparent;
    background-image     : url(/converis/images/internet/arrow_blue_new.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 8px;
}

/*
Text stlye used for the text displayed as Infobox links, 
when the mouse pointer is moved over it.
*/
a.infoboxLink:hover {
    color                : #EB5325;
}

a.backButton {
    float                : right;
    color                : #999999;
    font-size            : 11px;
    font-weight          : bold;
    font-family          : Helvetica;
    padding-left         : 10px;
    padding-right	 : 10px;
    padding-top		 : 4px;
    background-color     : transparent;
}

a.backButton:hover {
    color                : #EB5325;
}
/* Toggle between Detail/List views link */
/* Used in Tree overview pages, Infobox and last visited pages.*/
/*
Text style used for the toggle switches 
*/
a.toggleSwitch {
/*    color                : #463A3A;*/
    color                : black;
    font-size            : 12px;
    padding-left         : 10px;
    padding-right	 : 10px;
    padding-top		 : 4px;
    background-color     : transparent;
    background-image     : url(/converis/images/internet/arrow_blue_new.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 8px;
}
/*
Text style used for the toggle switches, when the mouse pointer is over it. 
*/
a.toggleSwitch:hover {
    color                : #EB5325;
}

a img {
    border: none !important;
}

/* Links in the Right column */
/*
Default Styles for links displayed in right columns.
*/
.rightColumnLink, .rightColumnLink:visited {
/*    color                : #34438F;*/
    color                : black;
    font-weight          : normal;
    padding-left         : 10px;
    padding-right	 : 10px;
    padding-top		 : 4px;
    background-color     : transparent;
    background-image     : url(/converis/images/internet/arrow_blue_new.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 8px;
}
/*
Mouse-over Styles for links displayed in right columns.
*/
.rightColumnLink:hover {
    color                : #EB5325;
    /*background-image     : url(/converis/images/internet/arrow_red_new.png);*/
}

/* Links in the Right column */
/*
Default Styles for links displayed in right columns (Header Section).
*/
.rightColumnLinkTop, .rightColumnLinkTop:visited {
/*    color                : #34438F;*/
    color                : black;
    font-weight          : normal;
    padding-top		 : 4px;
    padding-left         : 2px;
    background-color     : transparent;
    background-image     : url(/converis/images/internet/arrow_blue_new.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 8px;
}
/*
Mouse-over Styles for links displayed in right columns (Header Section).
*/
.rightColumnLinkTop:hover {
    color                : #EB5325;
    /*background-image     : url(/converis/images/internet/arrow_red_new.png);*/
}

/* ===== Columns in tables so as to have padding-bottom ===== */
/* Used in all the rich:dataGrid components included in many subviews.  */
.tableColumn{
    /* padding-bottom      : 5px       !important; */
    vertical-align      : top;
}

/* ===== Links to another InfoObject Detail view ===== */

/*
Default Styles for texts that link to other InfoObjects detail page.
Used in all the detail pages.
*/
a.detailLink {
/*    color               : #34438F;*/
    color               : black;
    font-weight         : bold;
    font-size           : 11px;
    font-family         : Helvetica;
}
/*
Mouse-over Styles for texts that link to other InfoObjects detail page.
Used in all the detail pages.
*/
a.detailLink:hover {
    color               : #EB5325;
}

/* ======= Styles for list views ======= */
/*
Default styles for heading text in the list view.
*/
.listHeading{
    color               : #000000 !important;
    font-weight         : bold;
    font-size           : 11px;
    font-family         : Helvetica;
}

/*
Mouse-over styles for heading text in the list view.
*/
.listHeading:hover {
    color               : #EB5325;
}

/*
Style for the any attribute value displayed in the list view. 
For example -- PROJ_DECRIPTION
*/
.listAttributeValue {
    color               : #000000;    
    font-size           : 11px;
    font-family         : Helvetica;        
}

/*
Style for the any attribute name displayed in the list view. 
For example -- Project leader, Period
*/
.listAttributeName{
    color               : #EB5325;    
    font-weight         : bold;
    font-size           : 12px;
    font-family         : Helvetica;
}

/* ===== Links displayed in Overview pages ===== */
/*
Default Text stlye used for the text displayed as Overview links.
*/
a.overviewLink {
/*    color                : #344394;*/
    color                : black;
    font-size            : 13px;
    padding-left         : 10px;
    padding-right        : 10px;
    padding-top		 : 4px;
    /*background-color     : transparent;
    background-image     : url(/converis/images/internet/arrow_blue_new.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 8px;*/
}

/*
Mouse-over stlye used for the text displayed as Infobox links.
*/
a.overviewLink:hover {
    color               : #EB5325;
}

/* For every single cell in the Overviews  */
/*
Style for individual tree nodes
Used in tree view pages of person and organisation.
*/
.overviewCell{
    padding-bottom      : 5px       !important;
}

/* ====== Styles used in detail pages ======= */
/* Default page header. E.g.: Area title, Project title, etc */
.pageHeading {
    color               : #000000;
    font-size           : 20px;
    font-weight         : bold;
    font-family         : Helvetica;
    text-transform      : uppercase;
}

.pageTopHeading{
    color               : #EB5325;
    font-size           : 20px;
    font-weight         : bold;
    font-family         : Helvetica; 
    text-transform      : uppercase;        
}

.pageTopHeadingContainer {
    border-bottom       : 1px dotted #999999;
}

/* ===== Attribute Names and values ===== */
.attributeName {
    /*font-weight         : bold;*/
    font-size           : 11px;
    font-family         : Helvetica;
    color		: #000000;        
}
.attributeValue {
    font-size           : 11px;
    color               : #000000;
    text-align          : left;
    font-family         : Helvetica;
    /* padding-right       : 5px; */
}

.attributeValueRightCol {
    font-size           : 11px;
    color               : #000000;
    text-align          : left;
    font-family         : Helvetica;
}

/* ===== Images in right column ===== */
/*
Style for the panel group that holds the right column images.
*/
.rightColImgContainer {
    /* border               : 1px solid #CCCCCB; */
    background-color    : #FFFFFF;
    width               : 216px;
    padding             : 8px;
    text-align          : left;
    margin              : 0px;
}

/*
Style for the outer container that holds the rightColImgContainer
*/
.rightColImgOutCont {    
    background-color    : #C1C6DC;
    width               : 232Px;
    padding             : 10px;
    margin              : 0px;
}

/*
Style for the Caption that is displayed below the right column image.
*/
.relatedPicCaption {
    color               : #463A3A;
}

/* ===== StartPageObjects Styles ===== */

/*
SPO Container -- The container that holds all the SPO objects in the AREA page.
Used in StartpageObjects.jsp
*/
.spoContainer {
    background-color    : transparent;
    vertical-align      : top;  
    text-align          : center;
    /* padding-right       : 5px;
    padding-left        : 5px; */
}

/*
SPO Box -- Seperate boxes that hold the individual start page objects.
Used in the different IOT pages under /internet/subviews/startpageobjects.
*/
.spoBox {
    font-family         : Helvetica;
    background-color    : #FFFFFF;
    border-bottom       : 1px solid #CCCCCB;
    margin-left         : 0px;
    margin-right        : 10px;
    margin-top          : 0px;
    padding-bottom      : 15px;
    text-align          : left;
    width               : 255px;
}

/* 
SPO Picture -- Style for the related picture of the IOT to be shown in SPO.
Used in the different IOT pages under /internet/subviews/startpageobjects.
*/
.spoPicture {
    width               : 250px;
    float               : left;    
    padding             : 1px;
    margin-right        : 5px;    
    margin-left         : 0px;    
    border              : 0px solid #CCCCCB;
}
/* 
SPO Header -- Default Style for the heading in the SPO Box.
*/
.spoTopHeader {
    color               : #999999;
    font-size           : 12px;
    font-weight         : bold;
    text-transform      : uppercase;
}
.spoHeader {
    color               : #EB5325;
    font-size           : 20px;
    font-weight         : bold;
    text-transform      : uppercase;
}
/* 
SPO Header -- Mouse-Over Style for the heading in the SPO Box.
*/
.spoHeader:hover {
    color               : #EB5325;
}
/* 
SPO IOT Name -- Style for the IOT name displayed in the heading.
*/
.spoIOTName {
    color               : #505040;
}

.spoRowStyle {
    vertical-align      : top;
    background-color    : #FFFFFF;
}
/* ===== Photo of a Person ===== */
/* 
Style for a Person's' Picture in detail view.
*/
.personPicture {
    width               : 100px;
    /*height              : 100px; */
    float               : left;
    padding             : 1px;
    border              : 0px solid #CCCCCB;
    background-color    : white;
}

/* ===== Pictures in list view ===== */
/* 
Style for all Pictures in list view
*/
.listViewPicture {
    width               : 80px;
    /*height              : 60px; */
    float               : left;
    padding             : 1px;
    border              : 0px solid #CCCCCB;
    background-color    : white;
}

.logoPicture {
    width               : 150px;
    float               : left;
    padding             : 1px;
    border              : 0px solid #CCCCCB;
    background-color    : white;
}

/* ===== Alphabet list in  Overview links Style ===== */
.alphabetLink {
    margin-right        : 8px;
    font-weight         : bold;
}

/* ===== Search Result Styles ===== */
/* Search Box */
.searchBox {
    /* width               : 480px; */
    min-height          : 60px;
    font-size           : 12px;
    border-bottom       : 1px solid #CCCCCB;
    background-color    : #FFFFFF;
    padding-top         : 10px;
    padding-right       : 2px;
    padding-bottom      : 10px;
    padding-left        : 2px;
}
/* Search Picture */
.searchPicture {
    /* width               : 74px; */
    /* height              : 60px; */
    float               : left;
    padding             : 0px 5px 5px 0px;
}
/* Search Header */
.searchHeader {
    font-size           : 12px;
    font-weight         : bold;
    color               : #505040;
}
.searchHeader:hover {
    color               : #EB5325;
}
/* Search IOT Name */
.searchIOTName {
    color               : #505040;
}
.searchAttributeName {
    color               : #040404;
    font-size           : 11px;
    font-weight         : bold;
    font-family         : Helvetica;    
}
.searchFragments {
    padding-top         : 10px;
    font-family         : Helvetica;
}

/* ===== List view Styles ===== */
/* List Box -- Each list items are displayed inside this container*/
.listBox {
    /* width            : 480px; */
    clear               : both;
    border-bottom       : 1px solid #CCCCCB;
/*    background-color    : #FFFFFF;*/
    background-color    : transparent;
    padding-top         : 2px;
    padding-right       : 2px;
    padding-bottom      : 2px;
    padding-left        : 2px;
}

/* ===== RichFaces Table styles ===== */
/* Hide borders (top/left) */
.dr-table {
    background-color    : transparent;
    border-left         : 0px solid #C0C0C0;
    border-top          : 0px solid #C0C0C0;
}
/* Hide borders (bottom/right) and remove padding */
.dr-table-cell {
    border-bottom       : 0px solid #C0C0C0;
    border-right        : 0px solid #C0C0C0;
    padding             : 0px 0px 0px 0px;
}

/* ===== RichFaces Tree styles ===== */
/* Text style, in order to break long lines */
.dr-tree-h-text {
    /* padding-left        : 15px; */
    white-space         : normal  !important;
    padding-top         : 0px;
    padding-right       : 0px;
    padding-bottom      : 0px;
    padding-left        : 5px;
}
/* Highlighted text */
.dr-tree-i-hl {
    text-decoration     : none;
}
/* Selected text */
.dr-tree-i-sel {
    text-decoration     : none;
    border              : none;
}
/* Handle style, in order to hide the Expand/Collapse icons */
.dr-tree-h-ic {
    display             : none; 
}
/* Connecting lines */
.dr-tree-h-ic-line {
    background-image    : none;
    border-left         : 1px solid #C0C0C0;
}


/* ===== RichFaces TabPanel styles ===== */
/* Left and right borders of Tabs */
.dr-tbpnl-tbbrdr {
    background    : #FFFFFF;
}
/* Top border of Tabs */
.dr-tbpnl-tbtopbrdr {
    border-top-color    : #FFFFFF;
}
/* Bottom line of Tabs */
.dr-bottom-line {
    border-bottom-color : #FFFFFF;
    
}
/* TabPanel content borders */
.dr-tbpnl-cntnt {
    background-color    : #FFFFFF;
    border-top          : 1px solid #999999;
    border-right        : 1px solid #FFFFFF;
    border-bottom       : 1px solid #FFFFFF;
    border-left         : 1px solid #FFFFFF;
}
/* Active Tab */
.dr-tbpnl-tb-act {
    background-color    : white;
    background-image    : none;
    border-top          : 0px solid #999999;
    border-right        : 0px solid #999999;
    border-bottom       : 0px solid #999999;
    border-left         : 0px solid #999999;
    color               : #EB5325;
    font-size           : 12px;
    font-weight         : bold;
    font-family         : Helvetica;    
    padding-left        : 0;
}
/* In-active Tab */
.dr-tbpnl-tb-inact {
    /* font-weight         : bold; */
    background-color    : #FFFFFF;
    background-image    : none;
    border-top          : 0px solid #999999;
    border-right        : 0px solid #999999;
    border-bottom       : 0px solid #999999;
    border-left         : 0px solid #999999;
    color               : #000000;
    font-size           : 12px;
    font-weight         : bold;
    font-family         : Helvetica;
    cursor              : pointer;
    padding-left        : 0;
}

/** style classes for releated iot groups **/
.relationGroupsBorder {
    border-bottom       :1px solid #999999;    
}

.relationGroupsWidth {
    width               :500px;
}

.activeGroup {
    background-color    : white;
    background-image    : none;
    border-top          : 0px solid #999999;
    border-right        : 0px solid #999999;
    border-bottom       : 0px solid #999999;
    border-left         : 0px solid #999999;
    color               : #EB5325;
    font-size           : 12px;
    font-weight         : bold;
    font-family         : Helvetica;
    padding-left        : 0;
    padding-right       : 10px;
}

.inactiveGroup {
    background-color    : #FFFFFF;
    background-image    : none;
    border-top          : 0px solid #999999;
    border-right        : 0px solid #999999;
    border-bottom       : 0px solid #999999;
    border-left         : 0px solid #999999;
    color               : #000000;
    font-size           : 12px;
    font-weight         : bold;
    font-family         : Helvetica;
    cursor              : pointer;
    padding-left        : 0;
    padding-right       : 10px;
}

.activeGroup a{
    color               : #EB5325 !important;
}

.inactiveGroup a{
    color               : #000000 !important;
}

.searchTabClass {
    font-size           : 9pt;   
}


.dr-tbpnl-cntnt {
    padding-left        : 0px;
    padding-top         : 0px;
    padding-right       : 0px;
    padding-bottom      : 0px;
}

/* ===== RichFaces DataScroller styles ===== */
/* Table holding the Scroller */
.dr-dscr-t {
    background-color    : transparent;
    color               : black;
    border              : none;
    font-size           : 12px;
    font-weight         : bold;
}
/* Active page */
.dr-dscr-act {
    border              : none;
    color               : #EB5325;
    width               : 20px;
    font-size           : 12px;
    font-weight         : bold;
}
/* In-active page */
.dr-dscr-inact {
    border              : none;
    color               : black;
    cursor              : pointer;
    text-align          : center;
    width               : 20px;
    font-size           : 12px;
    font-weight         : bold;
}
/* Button and separator */
.dr-dscr-button, .dr-dscr-sepctrl {
    border              : none;
    background-color    : transparent;
    font-size           : 12px;
    cursor              : pointer;
    text-align          : center;
    width               : 15px;
}

/* ===== HTML Input elements ===== */
INPUT {
    font-family          : Arial, Helvetica, sans-serif;
    text-align           : left;
    font-size            : 12px;
}
/* SELECT OPTION */
SELECT {
    border-color         : #C2C4C6;
    border-style         : solid;
    border-width         : 1px;
    text-align           : left;
    padding              : 1px 0px 1px 0px;
    font-size            : 12px;
}
/* CHECKBOX & RADIO elements */
input[type=checkbox] {
    border               : 0px solid #FFFFFF;
    background           : none;
}
input[type=radio] {
    border         : 0px solid #FFFFFF;
    background     : none;
}

input[type=text] {
    border-color         : #C2C4C6;
    border-style         : solid;
    border-width         : 1px;
}


/* ===== Printer styles ===== */
@media print{
    /* Hide the left column when printing */
    #leftCol {
        display         : none;
    }
    /* Hide the right column when printing */
    #rightCol {
        display         : none;
    }
    #mainContent {
        width           : 100%;
        float           : none;
    }
}

/* ===== Header image styles ===== */
.noRepeat {
    width: 185px;
}

/*
Repeat the header image to the width of the page or the box defined.
Used in Internet header page.
*/
.repeatHeaderX {
    /* background: #FFFFFF url(/converis/images/header_repeat.png) repeat-x scroll center top; */
    background: #FFFFFF;
}

/*
Style for displaying the Headers in right column content.
Used in all the right column pages : infoBox, Overview, Search.
*/
.menuHeader {
    /*background           : #D2D2D2 url(/converis/images/navi_header_bg_bridge.gif) repeat-x scroll center top;*/
    color                : #34438F;
    font-family          : Arial, Helvetica, sans-serif;
    font-size            : 12px;
    text-align           : left;
    vertical-align       : middle;
    padding              : 1px;    
/*    border               : 1px solid #CBCBCB;*/
}
.rightBarMenuHeaderInner {
    background-color     : #5AAC3E;
    padding              : 3px;
}

.rightColumnGrid {
    border: 1px solid #B3B3B3;    
}

/* Registration form T&C */
.registerTAC{
    border                : ridge 1px #DDDDDD;
    background-color      : #EFEFEF;
    overflow              : auto;
    width                 : 490px;
    /*height                : 300px;*/
    padding-left          : 10px;
}

.detailLeftCol {
    width                 : 345px;
    text-align            : left;
    vertical-align	  : top;
}

.detailRightCol {
    width                 : 210px;
    padding-left          : 15px;
    vertical-align	  : top;
}


.detailRightColPicture {
    width               : 205px;
    /*height              : 100px; */
    float               : left;
    padding             : 1px;
    border              : 0px solid #CCCCCB;
    background-color    : white;
}

.collexispubl {
    margin-left: 0px;
    width: 524px;
    height: 500px;
    border: none;
}    

.collexisprofile {
    margin-left: 0px;
    width: 524px;
    height: 500px;
    border: none;
}

.collexissearch {
    width: 530px;
    height: 600px;
    border: none;
}

a.bannerImageLink {
    color             : transparent;
    text-decoration   : none;
}
a.bannerImageLink:visited {
    color             : transparent;
    text-decoration   : none;
}

.attributeLink {
    color            : #EB5325;
    font-size        : 11px;
    font-weight      : bold;
}

.headerGridStyle {
    border-bottom      : 1px dotted #999999;
    width              : 520px;
}

.headerLeftCol {
    background-color : transparent;
    padding-right    : 0px;
    text-align       : left;
    vertical-align   : top;
    width            : 470px;
}

.headerRightCol {
    background-color :transparent;
    padding-left     : 0;
    text-align       : left;
    vertical-align   : bottom;
}

.searchField {
    border            : none !important;
    background-image  : url(/converis/images/internet/search_middle.png);
}

.searchButton {
    border            : none;
    background-image  : url(/converis/images/internet/search_button.png);
    background-repeat : repeat-x;
    width             : 19px;
    height            : 19px;
    background-color  : transparent;
}

.RegisterForEventOutputPanel {
    /* border              : 1px solid #EB5325; */
    /* background-color    : #DDDDDD; */
    font-family         : Helvetica;
    text-align          : left;
    padding             : 10px;
}

.registerPrompt {
    font-family         : Helvetica;
}

.registrationSuccess {
    padding-top         : 12px;
    font-family         : Helvetica;
    font-size           : 11px;
    font-weight         : normal;
    width               : 313px;
}

.newsletterRegistration {
    padding-top         : 12px;
    font-family         : Helvetica;
    font-size           : 11px;
}

.newsletterRegistrationMessage {
    padding-top         : 12px;
    font-family         : Helvetica;
    font-size           : 11px;
    width               : 313px;
}

.newsletterRegistrationSuccess {
    padding-top         : 12px;
    font-family         : Helvetica;
    font-size           : 11px;
    color               : #EB5325;
    width               : 313px;
}

/*
 LOGIN / REGISTRATION / PASSWORD REMINDER related style classes
*/
/*
SULS-brown: #C9512C
*/
.LoginPageBody {
    background-color      : white;
    font-family           : Arial, Helvetica, sans-serif;
    font-size             : 12px;
    color                 : #000000;
    text-align            : center;
    margin                : 0;
    padding               : 0;
}

.loginPageRightAlign {
   background-color     : transparent;
   color                : black;
   font-family          : Arial, Helvetica, sans-serif;
/*   font-size            : 12px;*/
   text-align           : right;
   vertical-align       : middle;
   padding              : 5px;
   border-top           : 1px solid #FFFFFF;
}

.loginPageLeftAlign {
   background-color     : transparent;
   color                : black;
   font-family          : Arial, Helvetica, sans-serif;
/*   font-size            : 12px;*/
   text-align           : left;
   vertical-align       : middle;
   padding              : 5px;
   border-top           : 1px solid #FFFFFF;
}

.loginPageOuterBox {
    border       : 1px solid #C9512C;
}

.loginPageInnerBox {
    text-align   : center;
    margin-left  : 15px;
    margin-right : 15px;
    margin-bottom: 15px;
}

.loginPageInputBox {
/*    border: 1px solid black;*/
}

.loginPageLink {
    border         : 0px solid transparent !important;
    color          : #C9512C  !important;
    text-decoration: underline  !important;
}

.loginPageButton {
   color                : #EB5325;
/*   background           : #E0E3EB url(/converis/images/button/primary-enabled.gif) repeat-x scroll center top;*/
/*   background           : #FFC6B9 none repeat scroll 0 0; */
/*   border-color         : #EB5325; */
/*   border-style         : solid; */
/*   border-width         : 1px; */
   font-size            : 11px;
   font-weight          : bold;
   margin               : 0px 2px 0px 2px;
   text-align           : center;
   padding              : 1px 5px 1px 5px;
}
/*
.loginPageButton {
    color                 : #344394;
    background            : #E0E3EB url(/converis/images/button/primary-enabled.gif) repeat-x scroll center top;
    border-color          : #83858C rgb(98, 101, 107) rgb(68, 70, 76);
    border-style          : solid;
    border-width          : 1px;
    font-size             : 11px;
    font-weight           : bold;
    margin                : 0px 2px 0px 2px;
    text-align            : center;
    padding               : 1px 5px 1px 5px;
}
*/
/*
Style used for disabled Buttons or Links, to override the global INPUT style.
*/
.loginPageButtonDisabled {
   color                : #78675D;
/*   background-color     : #EBEBEB;*/
   border               : #BBBBBB solid 1px;
   font-size            : 11px;  
   text-align           : center;
   margin               : 0px 2px 0px 2px;
   padding              : 1px 5px 1px 5px;
}

/*
Styles used in news page.
*/
a.newsPageArticleName {
    text-transform     : uppercase; 
    font-size          : 11px;
    font-family        : Helvetica;
    font-weight        : bold;
    color              : #999999 !important;
}

a.newsPageArticleName:hover {
    color              : #EB5325;
}

.newsPageArticleNameInDetail {
    text-transform     : uppercase; 
    font-size          : 11px;
    font-family        : Helvetica;
    font-weight        : bold;
    color              : #999999;    
}

.newsPageArticleSummaryOnRight {
    font-style         : italic;
    font-size          : 11px;
    font-weight        : bold;
    font-family        : Helvetica;
    color              : #000000;
}

.newsPageArticleSummaryOnDetail {
    font-size          : 20px;
    font-weight        : bold;
    font-family        : Helvetica;
    font-style         : italic;
    color              : #EB5325;
    
}

.newsPageArticleAlternativeName {
    color             : #EB5325;
    font-family       : Helvetica;
    font-size         : 20px;
    font-weight       : bold;
    text-transform    : uppercase;
}

.newsPageArticleDate {
    color             : #000000;
    font-family       : Helvetica;
    font-size         : 11px;
}

#mainContentSubInner {
    margin-top: 12px;
}

#mainContentSubInner a {
        color: #EB5325;       
}

#mainContentSubInner a {
/*        color: #EB5325 !important; */
        color: #EB5325;
}

h1 {
        font-family: Helvetica, Verdana, Arial, sans-serif;
        font-weight: bold;
        font-size: 20px;
        color: #EB5325;
        text-transform:uppercase;
        margin-top:  0px;
}

h2 {
        font-family: Helvetica, Verdana, Arial, sans-serif;
        font-size: 20px;
        color: #999999;
        font-weight: normal;
}

h3 {
        font-family: Helvetica, Verdana, Arial, sans-serif;
        font-weight: bold;
        font-style: italic;
        font-size: 20px;
        color: #EB5325;   
}

h4 {    
        font-family: Helvetica, Verdana, Arial, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-transform: uppercase;
        margin-bottom: 0;        
}

h5 {
        font-family: Helvetica, Verdana, Arial, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #EB5325;
        text-transform:uppercase;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

#mainContentSubInner h6 {
   font-family            : Helvetica, Verdana, Arial, sans-serif;
   font-size              : 12px;
   color                  : #999999;
}

.leftColResearch {
    width                 : 345px;
    text-align            : left;
    vertical-align	      : top;
}

.rightColResearch {
    width                 : 210px;
    padding-left          : 15px;
    vertical-align	      : top;
}

.rightColResearch p {
    text-indent           : 0;
    margin-bottom         : 4px;
    font-family           : Helvetica;
    font-weight           : bold;
    font-size             : 11px;
    color                 : black;
}

.rightColResearch a {
    color                 : black !important;
    font-style            : italic;
}


.ambassadorTable {
    border-collapse       : collapse;
    table-layout          : fixed;
}

.ambassadorTextRow {

}

.ambassadorText {
    font-family           : Helvetica;
    font-weight           : bold;
    font-size             : 11px;
    color                 : #999999;
    vertical-align        : top;
    padding-left          : 20px;
}

.ambassadorImageRow {

}

.ambassadorImage {
    border: none;
    width                 : 170px;
    padding               : 0px;
}

.ambassorImage a {
    border: none;
}

.ambassadorImage img {
    border-left           : none !important;
    border-right          : none !important;
    border-top            : none !important;
    border-bottom         : 1px solid #999 !important;
    width                 : 170px;
    /*height                : 216px;*/
    padding               : 0px;
    margin                : 0px;
}

.leftColAmbassadorDetail {
    width                 : 322px;
    text-align            : left;
    vertical-align	      : top;
    padding-right         : 23px;
}

.leftColAmbassadorDetail p {
  text-indent             : 0px;
  border-top              : 10px;
}

.rightColAmbassadorDetail {
        vertical-align	  : top;
}

.rightColAmbassadorDetail p {
    color                 : black;
    font-family           : Helvetica;
    font-weight           : normal;
    font-size             : 11px;
    text-indent           : 0px;
}

.ambassadorDetailHeadline {
    color                 : black;
}

.ambassadorDetailLabel {
    color                 : #EB5325;
    font-family           : Helvetica;
    font-weight           : bold;
    font-size             : 11px;
}

.boardTable {
    border-collapse       : collapse;
    table-layout          : fixed;
}

.boardTable td {
    width                 : 180px;
}

.boardTextRow {

}

.boardText {
    font-family           : Helvetica;
    font-weight           : normal;
    font-size             : 11px;
    color                 : black;
    vertical-align        : top;
    width                 : 200px;
}

.boardImageRow {

}

.boardImage {
    width                 : 200px;
}

.weworkImage {
    width                 : 190px;
    vertical-align        : top;
}

.weworkText {
    width                 : 322px;
    vertical-align        : top;
}

.weworkText p {
    font-family           : Helvetica;
    font-size             : 11px;
    font-weight           : normal;
    text-indent           : 0px;
    margin-bottom         : 8px
}

.weworkHeadline {
    color                 : black;
}

.observerTable {
  border-bottom: 1px solid #999;
  border-collapse: collapse;
}

.observerTable td {
  border: 0px;
}

.feedheading {
  margin-bottom: 1em;
}

.feedheading span {
  color:#EB5325;
  font-family:Helvetica,Verdana,Arial,sans-serif;
  font-size:20px;
  font-weight:bold;
  margin-top:0;
  text-transform:uppercase;
  padding-right: 5px;
}

.tagsTitle {
color:#EB5325;
font-family:Helvetica;
font-size:9px;
font-weight:normal;
text-transform:uppercase;
}