/*
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/

====
If we have this Style class then the HTTP Response will also 
include the PageNotFound code, as the class has NULL in the URL.
====
html { background: url(null) fixed no-repeat; }
*/

body {
    background-color      : #C1C6DC;
    font-family           : Arial, Helvetica, sans-serif;
    font-size             : 11px;
    color                 : #000000;
    text-align            : center;
    margin                : 0;
    padding               : 0;
}

hr {
    background-color      : transparent;
    color                 : #C1C6DC;
    height                : 1px;
    width                 : 100%;
    border-top            : 0px dotted #9C9D9F;
    border-right          : 0px dotted #9C9D9F;
    border-bottom         : 1px dotted #9C9D9F;
    border-left           : 0px dotted #9C9D9F;
}

h1 {
    color                 : #34438F;
    font-size             : 13px;
    font-weight           : bold;
}

/* Overwrite the default Paragraph style. */
p {
    margin                : 0px;
}

/* ===== Default anchors / hyperlinks ===== */
a:hover { color: #D80122 !important; text-decoration: none; border: none; }
a:active { color: #344394; text-decoration: none; border: none; }
a:link { color: #344394; text-decoration: none; border: none; }
a:visited { color: #344394; text-decoration: none; border: none; }

#container {
    background-color      : #C1C6DC;
    position              : relative;
    width                 : 994px;
    margin                : 0px auto;
    text-align            : left;
}

#header {
    color                 : #333;
    width                 : 994px;
    float                 : left;
    height                : 168px;
    background            : #234B93;
}

#leftCol {
    width                 : 205px;
    color                 : #333;
    background            : #FFFFFF;
    float                 : left;
    margin-top            : 0px;
    margin-right          : 0px;
    margin-bottom         : 0px;
    margin-left           : 0px;
    padding-left          : 0px;
}

#mainContent {
    float                 : left;
    margin-left           : 10px;
    background            : #FFFFFF;
    width                 : 774px;
    display               : inline;
    padding-bottom        : 5px;
}

/* For IOTs other than AREAs, use this DIV. */
#leftcenter {
    float                 : left;
    width                 : 500px;
    padding               : 0px 0px 0px 5px;
}

/* For IOTs that are AREAs, use these two DIV. */
#left {
    float                 : left;
    width                 : 242px;
    padding-left          : 5px;
}
#center {
    float                 : left;
    width                 : 242px;
    padding-left          : 12px;
}

/* For all IOTs, use this DIV to align the elements to the Right. */
#right {
    float                 : left;
    width                 : 242px;
    padding-left          : 12px;
}

#spacer {
    width                 : 994px;
    height                : 10px;
    clear                 : both;
    color                 : #C2C6DD;
    background            : transparent;
}

#footer {
    width                 : 994px;
    height                : 15px;
    clear                 : both;
    color                 : #C2C6DD;
    background            : #FFFFFF;
    border-top	          : #C1C6DC 1px solid;
}

#footer p {
    /* Zeroing the margins of the first element in the footer will avoid the
    possibility of margin collapse - a space between divs */
    margin                : 0px;
    /* Padding on this element will create space, just as the the margin
    would have, without the margin collapse issue */
    padding               : 0px;
}

/* These two styles are for displaying Detail views in Tabs of Infobox / LastVisitedPages. */
#leftcenterintab {
    float                 : left;
    width                 : 485px;
}
#rightintab {
    float                 : right;
    width                 : 242px;
    /* padding-right         : 10px; */
}

.bghead {
    background            : #C2C6DD url(/converis/images/internet/defaultHeader.jpg) no-repeat left top;
    padding               : 0px;
    height                : 150px;
}

/* The left padding style used in all static pages. */
.leftPadding {
    padding-left          : 10px;
}

/* ===== Group of Wissen / Menschen / Aktivitäten ===== */
.threeLinksPanel {
    background-color      : transparent;
    position              : absolute;
    top                   : 115px;
    left                  : 216px;
}

/* ===== Content of NonNavInfoObject ===== */
.nonNavContent {
    width                 : 769px;
}

.button {
    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;
    cursor                : pointer;
}

.imagelink {
    border-style          : none;
    border-width          : 0px;
    font-size             : 12px;
    padding               : 5px;
    text-decoration       : none
}
.deleteImageStyle {
    border                : none;
}

.infomessage {
    background-color      : #e6e6e6;
    border                : #334390 solid 1px;
    color                 : #334390;
    font-size             : 12px;
    padding               : 2px;
}
.successmessage {
    background-color      : #E1FFE1;
    font-size             : 12px;
    color                 : #008000;
    text-align            : left;
    vertical-align        : middle;
    border                : #008000 solid 0px;
    padding               : 2px;
}
.errormessage {
    background-color      : #FFE1E1;
    font-size             : 12px;
    color                 : #FF0000;
    text-align            : left;
    vertical-align        : middle;
    border                : #FF0000 solid 0px;
    padding               : 2px;
}
.errorvalidation {
    font-family           : Arial, Helvetica, sans-serif;
    font-size             : 11px;
    color                 : #FF0000;
    vertical-align        : middle;
}
.errorStackTrace {
    background-color      : #e3f0ff;
    border                : 2px solid #E6E6E6;
    font-size             : 12px;
    padding               : 5px;
}

/* ===== Header (date and links) ===== */
.headDatePanel {
    color                 : #FFFFFF;
    background-color      : #325BA2;
    font-size             : 11px;
    text-align            : left;
    height                : 18px;
    font-weight           : bold;
    padding-left          : 5px;
}

.headLinksPanel {
    color                 : #FFFFFF;
    background-color      : #325BA2;
    font-size             : 10px;
    text-align            : right;
    height                : 18px;
}

.enabledDayInActivityCalendar {
    color                 : #FFFFFF;
    background-color      : #7B8ABB;
    font-weight           : bold;
}
/* Selected Date */
.rich-calendar-select {
    background-color      : #325BA2 !important;
}

.diabledDayInActivityCalendar {
    font-weight           : normal;
}

/* ===== Right Column Content ===== */
.rightBarMenuHeader {
    font-size             : 12px;
    color                 : #344394;
    background-color      : #CCCCCB;
    text-align            : left;
    vertical-align        : middle;
    padding-left          : 15px;
    /* font-weight          : bold; */
}

.rightBarMenuRow {
    font-size             : 11px;
    font-weight           : normal;
    text-align            : left;
    vertical-align        : middle;
    clear                 : both;
    border-bottom         : 1px dotted #C0C0C0;
    background-color      : #FFFFFF;
    padding-top           : 5px;
    padding-right         : 2px;
    padding-bottom        : 5px;
    padding-left          : 2px;
    min-height            : 60px;
}

.rightBarMenuColumn {
    padding               : 4px;
}

/* ===== Big group header images ===== */
.groupHeadImgBig {
    border                : none;
    padding-bottom        : 15px;
    padding-top           : 5px;
}
/* ===== Small group header images ===== */
.groupHeadImgSmall {
    border                : none;
}

/* ===== Left and right Columns ===== */
.leftAlignCol {
    /* background-color     : #FFFFFF; */
    color                 : black;
    font-size             : 11px;
    text-align            : left;
    vertical-align        : top;
    padding-left          : 5px;
}
.rightAlignCol {
    /* background-color     : #FFFFFF; */
    /* padding              : 0px; */
    color                 : black;
    font-size             : 11px;
    text-align            : right;
    vertical-align        : top;
}

/* ===== Extreme Right content in Main Page ===== */
/* Used for example: AUTOREN, ZUSAMMENARBEITET MIT, etc */
.leftImgColumn {
    color                 : black;
    font-size             : 11px;
    text-align            : left;
    vertical-align        : top;
    /* padding-top           : 4px; */
}
.rightTxtColumn {
    color                 : black;
    font-size             : 11px;
    text-align            : left;
    vertical-align        : top;
    padding               : 0px 0px 0px 5px;
}

/* ===== Nine links of Networks on Homepage ===== */
a.nineNetworkLinks {
    color                 : #34438F;
    font-size             : 12px;
    font-weight           : bold;
    line-height           : 20px;
    padding-left          : 7px;
    background-color      : transparent;
    background-image      : url(/converis/images/internet/arrow_blue.png);
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 5px;
}
a.nineNetworkLinks:hover {
    color                 : #D80122;
}

/* ===== Vertical separator between navigation links ===== */
.nodeWithBorder {
    border-bottom         : 1px solid #C1C6DC;
}

/* ===== Navigation tree links ===== */
div.treeNodeOnSelectedPath {
    color                 : #D80122;
    font-weight           : bold;
    padding               : 0px;
    /* margin-left          : -15px; */
    /*node icon will be set by a.TreeNodeExpandedIcon*/
    /* background-image     : url(/converis/images/internet/arrow_red.png); */ 
    /*background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 8px;*/
}
div.treeNodeOnSelectedPath:hover {
    color                : #D80122;
}

div.treeNodeExpandedIcon {
    background-image      : url(/converis/images/internet/arrow_blue.png); 
}

div.treeNodeCollapsedIcon {
    background-image      : url(/converis/images/internet/arrow_blue.png); 
}

div.treeNodeLeafIcon {
    background-image      : url(/converis/images/internet/arrow_blue.png); 
}

div.treeNodeNotOnSelectedPath {
    color                 : #34438F;    
    padding               : 0px;
    /* margin-left          : -15px; */
    /*node icon will be set by a.TreeNodeCollapsedIcon*/ 
    /*background-image     : url(/converis/images/internet/arrow_blue.png);*/
    /*background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 8px;*/
}
div.treeNodeNotOnSelectedPath:hover {
    color                 : #D80122;
}

div.treeNodeBig {
    font-size             : 12px;
    font-weight           : bold;
    padding               : 4px 0px 4px 7px;
    border-bottom         : 1px solid #C1C6DC;
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 8px;
}

div.treeNodeMedium {
    font-size             : 11px;
    font-weight           : bold;
    padding               : 1px 0px 2px 7px;
    border-bottom         : 1px solid #C1C6DC;
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 6px;
}

div.treeNodeSmall {
    font-size             : 11px;
    padding               : 1px 0px 2px 7px;
    font-weight           : normal;
    border-bottom         : 1px solid #C1C6DC;
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 5px;
}

/* ===== Breadcrumb Styles ===== */
/* BreadCrumb container Style */
.breadContainer {
    background-color      : #FFFFFF;
    font-size             : 12px;
    width                 : 100%;
    /* height              : 51px; */
}

/* BreadCrumb individual Links */
a.breadLinks {
    color                 : #34438F;
    font-weight           : bold;
}
a.breadLinks:hover {
    color                 : #D80122;
    font-weight           : bold;
}

/* ===== Global styles ===== */
/* Add/Remove from favourites link */
a.infoboxLink {
    /* padding-right        : 5px; */
    float                 : right;
    color                 : #34438F;
    font-weight           : bold;
    font-size             : 11px;
    padding-left          : 7px;
    background-color      : transparent;
    background-image      : url(/converis/images/internet/arrow_blue.png);
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 4px;
}
a.infoboxLink:hover {
    color                 : #D80122;
}

/* Toggle between Detail/List views link */
a.toggleSwitch {
    color                 : #34438F;
    font-size             : 11px;
    padding-left          : 7px;
    background-color      : transparent;
    background-image      : url(/converis/images/internet/arrow_blue.png);
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 4px;
}
a.toggleSwitch:hover {
    color                 : #D80122;
}

/* Links in the Right column */
a.rightColumnLink, a.rightColumnLink:visited {
    color                 : #34438F;
    font-weight           : bold;
    padding-left          : 10px;
    background-color      : transparent;
    background-image      : url(/converis/images/internet/arrow_blue.png);
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 4px;
}
a.rightColumnLink:hover {
    color                 : #D80122;
}

/* The header in the Right column. E.g: Zusammenarbeit mit */
.rightColHeader {
    color                 : black;
    text-align            : left;
    font-size             : 11px;
    font-weight           : bold;
    border-bottom         : 1px dotted #9C9D9F;
    margin-bottom         : 10px;
    padding-bottom        : 5px;
}
/* The image in the Right column. E.g: Person picture */
.rightColImage {
    border                : 1px solid #CCCCCB;
    padding               : 1px;
    /* min-width             : 45px; */
}

/* ===== Columns in tables so as to have padding-bottom ===== */
/* Column */
.tableColumn{
    /* padding-top           : 5px       !important; */
    vertical-align        : top;
}

/* ===== Links to another InfoObject Detail view ===== */
/* Detail link */
.detailLink {
    color                 : #34438F;
    font-weight           : bold;
    font-size             : 11px;
    padding-left          : 7px;
    background-color      : transparent;
    background-image      : url(/converis/images/internet/arrow_blue.png);
    background-repeat     : no-repeat;
    background-position   : left 4px;
    background-attachment : scroll;
}
.detailLink:hover {
    color                 : #D80122;
}

/* ===== Links displayed in Overview pages ===== */
a.overviewLink {
    color                 : #34438F;
    font-size             : 12px;
}
a.overviewLink:hover {
    color                 : #D80122;
}
/* For every single cell in the Overviews  */
.overviewCell{
    padding-bottom        : 5px       !important;
}

/* Default page header. E.g.: Area title, Project title, etc */
.pageHeading {
    color                 : #34438F;
    font-size             : 13px;
    font-weight           : bold;
}
/* ===== Attribute Names and values ===== */
.attributeName {
    /* color                : #4E0F32; */
    font-weight           : bold;
    font-size             : 11px;
}
.attributeValue {
    /* color                : #344394; */
    font-size             : 11px;
}

th {
    text-align            : left;
}

/* ===== Images in right column ===== */
.rightColImgContainer {
    /* width                : 216px; */
    border                : 1px solid #CCCCCB;
    padding               : 5px;
    text-align            : left;
}
.relatedPicCaption {
    /* color                : #344394; */
}
/* ===== StartPageObjects Styles ===== */
/* SPO Container */
.spoContainer {
    background-color      : transparent;
    vertical-align        : top;
}
/* SPO Box */
.spoBox {
    /* height              : 109px; */
    min-height            : 66px;
    border                : 1px solid #CCCCCB;
    background-color      : #FFFFFF;
    width                 : 235px;
    padding               : 2px;
    margin                : 4px;
}
/* SPO Picture */
.spoPicture {
    float                 : left;    
    padding               : 0px 5px 5px 0px;
}
/* SPO Header */
.spoHeader {
    font-size             : 11px;
    font-weight           : bold;
    color                 : #34438F;
}
/* SPO IOT Name */
.spoIOTName {
    color                 : #871354;
}

/* ===== Photo of a Person ===== */
/* Person Picture */
.personPicture {
    /* width               : 83px;
    height                : 109px; */
    float                 : left;
    padding               : 4px;
    border                : 1px solid #CCCCCB;
}

/* ===== Alphabets in Person Overview links Style ===== */
.alphabetLink {
    margin                : 4px;
    font-weight           : bold;
}

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

/* ===== List view Styles ===== */
/* List Box */
.listBox {
    /* width               : 480px; */
    clear                 : both;
    min-height            : 60px;
    border-bottom         : 1px dotted #C0C0C0;
    background-color      : #FFFFFF;
    padding-top           : 0px;
    padding-right         : 2px;
    padding-bottom        : 10px;
    padding-left          : 0px;
}
/* List Picture */
.listPicture {
    /* width               : 74px; */
    /* height              : 60px; */
    /* padding               : 0px 5px 5px 0px; */
    float                 : left;
    padding               : 1px;
    margin-right          : 5px;
    border                : 1px solid #CCCCCB;
}
/* List Header */
.listHeader {
    color                 : #34438F;
    font-size             : 11px;
    font-weight           : bold;
}
.listHeader:hover { color : #D80122; }
/* List Attribute Name */
.listAttributeName {
    /* color               : #040404; */
    /* font-weight         : bold; */
    font-size             : 11px;
}
/* List Attribute Value */
.listAttributeValue {
    /* color               : #505040; */
    font-size             : 11px;
}
/* List Attribute Info, used for meta infos like date,author */
.listAttributeInfo {
    color                : #505040;
    font-size             : 11px;
    /*
    nowrap will show the complete text in a single line.
    white-space           : nowrap;
    */
    white-space           : normal;
}

/* Area Attributes */
.areaAttrColumn{
    color                 : black;
    font-size             : 11px;
    text-align            : left;
    vertical-align        : top;
    padding-right         : 10px;
}

/* E-Mail preview box */
.emailPreview{
    border                : 1px dotted #CCCCCC;
    padding               : 3px;
}

/* Column styles of a Group's StaticContent for Root Themenfeld. */
.colGroupStaticContent{
    vertical-align        : top;
    width		  : 500px;
}

/* Column styles of a Group's StaticContent and image for Root Themenfeld. */
.colGroupStaticContentImg{
    vertical-align        : top;
}
/* Image of Group's StaticContent, displayed for Root Themenfeld. */
.imgGroupStaticContent{
    border                : 1px solid #9C9D9F;
    padding               : 2px;
    margin-left           : 5px;
}

/* Area attributes along with Machen Sie mit box */
.areaAttrMachenBox{
    width                 : 760px;
}
/* Machen Sie mit box */
.machenSieMit{
    width                 : 242px;
    padding-right         : 0px;
    vertical-align        : top;
}
/* For the filter columns displayed in WISSEN/MENSCHEN/etc. */
.filterCol1 { width: 75px; }
.filterCol2 { width: 70px; }
.filterCol3 { width: 115px; }
.filterCol4 { width: 70px; }
.filterCol5 { width: 110px; }

/* Intermediate StaticContent texts */
.interStaticContent{
    /* padding               : 3px; */
}

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

/* Rich Separator style */
.rich-separator {
    background-image      : url(/converis/images/internet/separator.jpg) !important;
    background-repeat     : repeat-x;
}

/* ===== RichFaces Table styles ===== */
/* Remove image in Header */
.dr-table-header {
    background-color      : transparent;
    background            : none;
}
/* Table Header cell */
.dr-table-headercell {
    font-size             : 10px;
    color                 : black;
    border-right          : 0px solid;
    border-bottom         : 1px dotted #9C9D9F;
    text-align            : left;
    padding               : 0px 0px 5px 0px;
}
/* Hide borders (top/left) */
.dr-table {
    background-color      : transparent;
    border-left           : 0px solid #C0C0C0;
    border-top            : 0px solid #C0C0C0;
    /* empty-cells         : hide; */
}
/* Hide borders (bottom/right) and remove padding */
.dr-table-cell {
    border-bottom         : 0px solid #C0C0C0;
    border-right          : 0px solid #C0C0C0;
    padding               : 5px 0px 5px 0px;
}


/* ===== RichFaces Tree styles ===== */
/* Text style, in order to break long lines */
.dr-tree-h-text {
    white-space           : normal !important;
    padding               : 0px;
}
/* Highlighted text */
.dr-tree-i-hl {
    text-decoration       : none;
}
/* Selected text */
.dr-tree-i-sel {
    text-decoration       : none;
    /* Bug fix: onclick removes the bottom border. */
    border-bottom         : 1px solid #C1C6DC;
    border-left           : none;
    border-top            : none;
    border-right          : 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 ===== */
.rich-tab-inactive {
    cursor                : pointer;
}

.dr-tbpnl-tb {
    /*font-size               : 10px;*/
    padding                 : 2px 2px;
}

/* Left and right borders of Tabs */
.dr-tbpnl-tbbrdr {
    /* background-image    : url(/converis/images/internet/borders/dr-tbpnl-tbbrdr.gif); */
}
/* Top border of Tabs */
.dr-tbpnl-tbtopbrdr {
    /* border-top-color    : #CCCCCB; */
}
/* Bottom line of Tabs */
.dr-bottom-line {
    /* border-bottom       :1px solid #CCCCCB; */
}
/* TabPanel content borders */
.dr-tbpnl-cntnt {
    background-color      : transparent;
    border-right          : 1px solid #CCCCCB;
    border-bottom         : 1px solid #CCCCCB;
    border-left           : 1px solid #CCCCCB;
}
/* Active Tab */
.dr-tbpnl-tb-act {
    /*    background-color    : #FFFFFF;
    background-image    : none;
    border              : none;
    color               : #505040;
    font-size           : 10pt;
    font-weight         : normal; */
}
/* In-active Tab */
.dr-tbpnl-tb-inact {
    /*    background-color    : #C2C4C6;
    background-image    : none;
    border              : none;
    color               : #FFFFFF;
    font-size           : 10pt;
    font-weight         : bold;
    cursor              : pointer; */
}


/* ===== RichFaces DataScroller styles ===== */
.pageScroller {
    color                 : #344394     !important;
    font-size             : 12px;
    font-weight           : bold;
}
/* Table holding the Scroller */
.dr-dscr-t {
    background-color      : transparent;
    color                 : #344394;
    border                : none;
    font-size             : 12px;
    font-weight           : bold;
}
/* Active page */
.dr-dscr-act {
    border                : none;
    color                 : #D80122;
    width                 : 20px;
    font-size             : 12px;
    font-weight           : bold;
}
/* In-active page */
.dr-dscr-inact {
    border                : none;
    color                 : #344394;
    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                 : 20px;
}


/* ===== RichFaces TogglePanel styles ===== */
.dr-stglpnl {
    max-width             : 500px;
}
.dr-stglpnl-h {
    color                 : black;
    background            : transparent none;
    border                : none;
}
.dr-stglpanel-marker {
    display               : none;
}


/* ===== HTML Input elements ===== */
INPUT {
    border-color           : #C2C4C6;
    border-style           : solid;
    border-width           : 1px;
    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;
}


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

/* styles for jsf component converis:rating */
.ratingbar {
    height           : 18px;    
    background-image : url(/converis/images/stern_grey.JPG);
    background-repeat: repeat-x;  
    background-color : #F5F5F5;
    
}

.ratingbar div {  
    height            : 18px;   
    background-image  : url(/converis/images/stern_blue.JPG);
    background-repeat : repeat-x;
    background-color  : #F5F5F5;
    
}

/*
LOGIN / REGISTRATION / PASSWORD REMINDER related style classes
*/
.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     : white;
    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     : white;
    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 #2E4589;
}

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

.loginPageUsernamePasswordTable {
    margin-left  : 100px;
    margin-right : 100px;
}

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

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

/*
.loginPageButton {
color                : black;
background           : #E0E3EB url(/converis/images/button/primary-enabled.gif) repeat-x scroll center top;
background           : #FFA500 none repeat scroll 0 0;
border-color         : #C9512C;
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;
}