/*
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; background-color: #94908A; }
*/

body {
    /*    font-family         : Arial, Helvetica, sans-serif;*/
    font-family         : Arial,Verdana,sans-serif;
    font-size           : 70%;
    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 */
    background-color    : #325885;
    text-align          : center;
}

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               : #000000;
    font-size           : 200%;
    font-weight         : normal;
    margin              : 0px 0px 12px;
}

/* ===== Default anchors / hyperlinks ===== */
a:active { color: #335885; text-decoration: none; border: 0px solid transparent; }
a:hover { color: #335885; text-decoration: none; border: 0px solid transparent; }
a:link { color: #335885; text-decoration: none; border: 0px solid transparent; }
a:visited { color: #335885; 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-image     : url(/converis/images/button/primary-enabled.gif);
    background-color     : #E0E3EB;
    background-repeat    : repeat-x;
    background-position  : top left;
    background-attachment: scroll;
    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 4px 1px 4px;
    cursor               : pointer;
}


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

/*
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 {
    background-color    : #E1FFE1;
    font-size           : 12px;
    color               : #008000;
    text-align          : left;
    vertical-align      : middle;
    border              : #008000 solid 1px;
    padding             : 2px;
}

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

.errorHeader {
    background-color    : #334390;
    color               : white;
    margin-bottom       : 10px;
    padding             : 3px;
    text-align          : center;
    font-weight         : bold;
}
/*
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;
   /* text-align          : justify;*/
    vertical-align      : top;
    padding-left	: 0px;    
}
.rightCol {
    background-color    : transparent;
   /* text-align          : justify;*/
    vertical-align      : top;
    padding-left	: 5px;
}

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

/* class for favorites box */
.favoritesCol {
    width : 100%;
    text-align : right;    
}

/* class for favorites panel in infoobjectdetail page */
.favoritesPanel {
    text-align          : center;
    width               : 100%;
    padding-bottom      : 1px;
    float               : left;
}

/* ===== 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           : 100%;
    color               : #463A3A;
    background          : #E6EAEE url(/converis/images/client/box_header.png) no-repeat scroll left top;
    text-align          : left;
    vertical-align      : middle;
    padding-left        : 5px;
    padding-top         : 0px;
    padding-bottom      : 0px;
    height              : 18px;
}

/*
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           : 100%;
    font-weight         : normal;
    color               : #463A3A;
    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                 : #335885;
    font-weight           : bold;
    padding-left          : 15px;
}

/* 
Style for the SELECTED treenode when the mouse pointer is moved over it.
*/
.treeNodeOnSelectedPath:hover {
    /*color                : #D80122; */
    font-weight           : bold;
}

.treeNodeSelectedIcon {
    background-image     : url(/converis/images/client/navigation_bullet.png);
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-position   : left 2px;

}

.treeNodeLeafIcon {
    background-image     : url(/converis/images/client/navigation_bullet.png);
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-position   : left 2px;
}

/*
Style for the treenode if it is NOT in the selected state.
*/
.treeNodeNotOnSelectedPath {
    color                 : #335885;
    font-weight           : normal;
    padding-left          : 15px;
}

/* 
Style for the UNSELECTED treenode when the mouse pointer is moved over it.
*/
.treeNodeNotOnSelectedPath:hover {
    /*color                 : #D80122;*/
    font-weight           : bold;
}

/*
Text Style for the treenode, if it is top level node.
Used in Navigation tree.jsp
*/
.treeNodeBig {
    background            : transparent url(/converis/images/client/navigation_dot_line.png) no-repeat scroll left top;
    font-size             : 100%;
    font-weight           : bold;
    /* line-height           : 20px; */
    display               : block;
    padding               : 3px 0px;
}

/*
Text style for the treenode, if it is a second level node.
Used in Navigation tree controller.
*/
.treeNodeMedium {
    font-size             : 100%;
    font-weight           : normal;
    /* line-height           : 18px; */
    display               : block;
    padding               : 1px 0px;
}

/*
Text style for the all treenodes that are in level three or lower.
Used in Navigation tree controller.
*/
.treeNodeSmall {
    font-size             : 100%;
    /* line-height           : 16px; */
    display               : block;
    padding               : 1px 0px;
}

/* 
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); */
}

/* 
Icon Style for the treenode, if it is a leaf node.
*/
.treeNodeLeafIcon {
    /*  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               : #335885 !important;
    /* font-weight         : bold; */
    padding             : 0px 3px 0px 0px;
}

/*
Text stlye used for the text separator symbol displayed in the breadcrumb.
*/
.breadSeparator {
    color               : #335885 !important;
    font-weight         : bold;
}

/*
Text stlye used for the text displayed in the breadcrumb, 
when the mouse pointer is moved over it.
*/
a.breadLinks:hover {
    text-decoration     : none;
}

/* ===== Global styles ===== */
/* Add/Remove from favourites link. Used in AreaAttributes and
   InfoBox right column content.
*/
/*
.infoboxHeaderSmall {
    font-size             : 9px !important;
}
*/

a.infoboxLink:hover {
    color                : black;
}

/* Text stlye used for the text displayed as Infobox links. */
a.infoboxLink {
   /* float                : right; */
    color                : #335885;
    font-size            : 100%;
    background-color     : transparent;
}

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

/* 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                : #335885;
    font-size            : 100%;
    padding-left         : 10px;
    padding-right	     : 10px;
    background-color     : transparent;
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 4px;
    background-image     : url(/converis/images/client/box_bullet.png);
}
/*
Text style used for the toggle switches, when the mouse pointer is over it. 
*/
a.toggleSwitch:hover {
    color                : #D80122;
}

/* Links in the Right column */
/*
Default Styles for links displayed in right columns.
*/
.rightColumnLink, .rightColumnLink:visited {
    color                : #335885;
    font-weight          : normal;
    padding-left         : 10px;
    padding-right	     : 10px;
    padding-top		     : 4px;
    background-color     : #FFFFFF;
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 8px;
    background-image     : url(/converis/images/client/box_bullet.png);
}
/*
Mouse-over Styles for links displayed in right columns.
*/
.rightColumnLink:hover {
    color                : #335885;
    /*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-top         : 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               : #335885;
    font-weight         : bold;
    font-size           : 11px;
}
/*
Mouse-over Styles for texts that link to other InfoObjects detail page.
Used in all the detail pages.
*/
a.detailLink:hover {
    color               : #335885;
}

/* ======= Styles for list views ======= */
/*
Default styles for heading text in the list view.
*/
.listHeading{
    color                : #335885;
    font-weight          : normal;
    padding-left         : 10px;
    padding-right	     : 10px;
    background-color     : #FFFFFF;
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 4px;
    background-image     : url(/converis/images/client/box_bullet.png);
}

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

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

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

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

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

/* 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           : 200%;
    /* font-weight         : bold; */
}
/* ===== Attribute Names and values ===== */
.attributeName {
    font-weight         : bold;
    font-size           : 100%;
    color               : #000000;
}
.attributeValue {
    font-size           : 100%;
    color               : #000000;
    /* padding-right       : 5px; */
}

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

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

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

/*
Style for image in right column,
used in com.converis.web.internet.controller.InternetInfoObjectHelper.getGroupRightColImages()
method
*/
.rightColImg {
    border: 0px solid #FFFFFF;
    width: 180px;
}
/* ===== 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 {
    /* height              : 109px; */
    min-height          : 66px;
    border-top          : 2px dotted #CCCCCB;
    background-color    : #FFFFFF;
    width               : 212px;
    padding             : 5px 2px 2px;
    margin-right        : 5px;
    margin-left         : 5px;
    margin-top          : 5px;
    text-align          : left;
    float:left;
}

/* 
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               : 60px;
    float               : left;    
    padding             : 1px;
    margin-right        : 5px;    
    border              : 1px solid #CCCCCB;
}
/* 
SPO Header -- Default Style for the heading in the SPO Box.
*/
.spoHeader {
    font-size           : 11px;
    font-weight         : bold;
    color               : #505040;
}
/* 
SPO Header -- Mouse-Over Style for the heading in the SPO Box.
*/
.spoHeader:hover {
    color               : #D80122;
}
/* 
SPO IOT Name -- Style for the IOT name displayed in the heading.
*/
.spoIOTName {
    color               : #505040;
}

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

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

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

/* Search Box */
.searchBox {
    /* width               : 480px; */
    /*min-height          : 60px;*/
    font-size           : 100%;
    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           : 100%;
    font-weight         : bold;
    color               : #335885;
}
.searchHeader:hover {
    color               : #335885;
}
/* Search IOT Name */
.searchIOTName {
    color               : #505040;
}
.searchAttributeName {
    color               : #040404;
    font-size           : 11px;
    font-weight         : bold;
}
.searchFragments {
    padding-top         : 5px;
}

.gradientBar {
    width: 720px;
    height: 18px;
    background-image: url(/converis/images/internet/gradient.png);
    background-repeat: repeat-x;
    float: left;
}

/* ===== 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;
    padding-top         : 6px;
    padding-right       : 2px;
    padding-bottom      : 6px;
    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;*/
    padding-left        : 0px;
}
/* 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 ===== */
.rich-tab-inactive {
    cursor              : pointer;
}
/* 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    : #FFFFFF;
    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    : url(/converis/images/internet/tabPanel_active.png);
  /*  background-image    : url(/converis/images/internet/reiter_tab_imgs/tabSelectedMiddle.jpg);*/
    border              : none;
    color               : #000000;
    font-size           : 100%;
    font-weight         : normal;
    padding             : 2px 5px;
}
/* In-active Tab */
.dr-tbpnl-tb-inact {
    /* font-weight         : bold; */
    background-color    : #C2C4C6;
    background-image    : url(/converis/images/internet/tabPanel_inactive.png);
   /* background-image    : url(/converis/images/internet/reiter_tab_imgs/tabUnselectedMiddle.jpg);*/
    border              : none;
    color               : #000000;
    font-size           : 100%;
    cursor              : pointer;
    padding             : 2px 5px;
}
/* In-active Tab */
.dr-tbpnl-tb {
    padding             : 2px 5px;
}


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


/* ===== 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;
}

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

/*
    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/client/header_right.jpg) no-repeat scroll left top;
}

.regionalmenuheading {
    padding-right       : 2px;
    padding-left        : 0px;
    font-weight         : bold;
    font-size           : 140%;
    padding-bottom      : 10px;
    color               : #000000;
    padding-top         : 0px;
    /* position: relative */
}

/*  Inherited from DIV#regionalmenu.
    Rule #1 from regionalmenu.css
*/
.regionalmenu {
    font-size           : 100%;
    position            : relative;
}

/*
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;
    text-align           : right;
    padding              : 5px;
    border-top           : 1px solid #FFFFFF;
    /* font-size            : 12px; */
    /* vertical-align       : middle; */
}

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

.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                 : #344394;
    background-image      : url(/converis/images/button/primary-enabled.gif);
    background-color      : #E0E3EB;
    background-repeat     : repeat-x;
    background-position   : top left;
    background-attachment : scroll;
    border-color          : #83858C rgb(98, 101, 107) rgb(68, 70, 76);
    border-style          : solid;
    border-width          : 1px;
    font-weight           : bold;
    margin                : 0px 2px 0px 2px;
    text-align            : center;
    padding               : 1px 5px 1px 5px;
    /*font-size             : 11px;*/
}

/*
Style used for disabled Buttons or Links, to override the global INPUT style.
*/
.loginPageButtonDisabled {
    color                : #78675D;
    border               : #BBBBBB solid 1px;
    text-align           : center;
    margin               : 0px 2px 0px 2px;
    padding              : 1px 5px 1px 5px;
    /* font-size            : 11px; */
    /* background-color     : #EBEBEB; */
}


/* ===== 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;
    }
}

.spoRowStyle {
    vertical-align      : top;
    background-color    : #FFFFFF;
}

.footerLink {
    color               : #FFFFFF !important;
}

.searchButton {
    background         : #E0E3EB url(/converis/images/client/search_button.png) no-repeat scroll left top;
    cursor             : pointer;
    margin             : 0 2px;
    padding            : 2px 5px;
    height             : 20px;
    width              : 20px;
    border             : medium none;
}

.separatorStyle {
    background-attachment   : scroll;
    background-color        : transparent;
    background-image        : url(/converis/images/client/navigation_dot_line.png) !important;
    background-position     : left bottom;
    background-repeat       : repeat-x;
    height                  : 1px;
    width                   : 100%;
}