/*
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 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #000000;
    margin              : 0;
    padding             : 0;
    text-align          : center;
    background-color    : #759612;
}

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 {
    margin              : 0px !important;
    padding-top         : 0px !important;
    color               : #759612;
    font-size           : 12pt;
    font-weight         : bold;
}

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

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

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

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

/*  
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          : left;
    vertical-align      : top;
    padding-left        : 0px;
}
.rightCol {
    background-color    : transparent;
    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;
    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;
}
.RegistrationRightAlignCol {
    background-color    : transparent;
    color               : #463A3A;
    font-size           : 12px;
    text-align          : right;
    vertical-align      : top;
    padding             : 5px;
    width               : 21%;
}

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

/* class for favorites panel in infoobjectdetail page */
.favoritesPanel {
    width               : 100%;
    text-align          : right;
    float               : right;
    padding-bottom      : 1px;
    border-bottom       : 1px dotted #9C9D9F;
}

/* 
Used in Internet Header for displaying the date, links and the language bar.
*/
.headDatePanel {
    color               : #FFFFFF;
    background          : #FFFFFF url(/converis/images/header_bar.png) repeat-x scroll top left;
    font-size           : 11px;
    text-align          : left;
    height              : 18px;
    width               : 220px;
    padding-left        : 10px;   
    vertical-align      : middle;
}
.headLinksPanel {
    background          : #FFFFFF url(/converis/images/header_bar.png) repeat-x scroll top left;
    color               : #FFFFFF;
    height              : 18px;
    font-size           : 11px;
    text-align          : right;    
    padding-right       : 10px;
    vertical-align      : middle;
}
.headLangPanel {
    color               : #FFFFFF;
    background-color    : #5AAC3E;
    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-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 {
    font-size           : 12px;
    font-weight         : normal;
    /*background-color    : #E4F7DB;*/
    text-align          : left;
    vertical-align      : middle;
}

.infoBoxRemoveLinkDiv {
    /*width              : 100%;*/
    text-align         : right;
    padding            : 5px 5px 5px 5px;
}

/*
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;
    padding-left          : 10px;
    /*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 6px;
}

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

/*
Style for the treenode if it is NOT in the selected state.
*/
.treeNodeNotOnSelectedPath {
    color                 : black;
    font-weight           : normal;
    padding-left          : 10px;
    /*node icon will be set by a.TreeNodeCollapsedIcon*/     
    background-color      : transparent;
    background-repeat     : no-repeat;
    background-attachment : scroll;
    background-position   : left 6px;
}

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

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

/*
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/navigation/navigation_bullet.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/navigation/navigation_bullet.png);
}

/* 
Icon Style for the treenode, if it is a leaf node.
*/
.treeNodeLeafIcon {
    background-image      : url(/converis/images/internet/navigation/navigation_bullet.png);
}

.navigationTreeBorder {
    background-repeat     : repeat-x;
    background-attachment : scroll;
    background-position   : top left;
    background-image      : url(/converis/images/internet/navigation/navigation_dot_line.png);
}

.navigTreeRowBorder {
    background-repeat     : repeat-x;
    background-attachment : scroll;
    background-position   : bottom left;
    background-image      : url(/converis/images/internet/navigation/navigation_dot_line.png);
}

/* BreadCrumb individual Links */
/*
Text stlye used for the text displayed in the breadcrumb.
*/
a.breadLinks {
    color               : black;
    font-weight         : normal;
}

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

/* ===== 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                : #000000;
    font-size            : 12px;
    padding-left         : 2px;
    background-color     : transparent;    
}
a.infoboxLink:hover {
    color                : #D80122;
}

/* 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                : black;
    font-size            : 12px;
    padding-left         : 8px;
    background-color     : transparent;
    background-image     : url(/converis/images/internet/box_bullet.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 4px;
}
a.toggleSwitch:hover {
    color                : #D80122;
}

/*
Default Styles for links displayed in right columns.
*/
.rightColumnLink, .rightColumnLink:visited {
    color                : black;
    font-weight          : normal;
    padding-left         : 10px;
    padding-right        : 10px;
    background-color     : transparent;
    background-image     : url(/converis/images/internet/box_bullet.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 4px;
}
.rightColumnLink:hover {
    color                : #D80122;
}

/* Default Styles for links displayed in right columns (Header Section). */
.rightColumnLinkTop, .rightColumnLinkTop:visited {
    color                : black;
    font-weight          : normal;
    padding-left         : 2px;
    background-color     : transparent;
    background-image     : url(/converis/images/internet/box_bullet.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 4px;
}
.rightColumnLinkTop:hover {
    color                : #D80122;
}

/* ===== Columns in tables so as to have padding-bottom ===== */
/* Used in all the rich:dataGrid components included in many subviews.  */
.tableColumn{
    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                : black;
    font-size            : 11px;
    padding-left         : 10px;
    background-color     : transparent;
    background-image     : url(/converis/images/internet/box_bullet.png);
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left 4px;
}
a.detailLink:hover {
    color               : #D80122;
}

a.detailLinkWithoutBullet {
    color                : black;
    font-size            : 11px;    
    background-color     : transparent;
}
a.detailLinkWithoutBullet:hover {
    color               : #D80122;
}

/*
 link for detail pages used in top of page near person picture
 for person name and person Orga
*/
a.detailLinkHeadPerson {
    color                : black;
    font-size            : 11px;
    padding-left         : 10px;
    text-decoration      : none;
    font-weight          : bold;
}
a.detailLinkHeadPerson:hover {
    color               : #D80122;
}

a.detailLinkExternal {
    color               : black;
    font-weight         : normal;
    font-size           : 11px;
    text-decoration     : underline;
}
a.detailLinkExternal:hover {
    color               : #D80122;
}

/* ======= Styles for list views ======= */
/*
Default styles for heading text in the list view.
*/
.listHeading {
    color               : #86AA11 !important;
    font-weight         : bold;
    font-size           : 12px;
}
.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                : black;
    font-size            : 12px;
    padding-left         : 8px;
    background-color     : transparent;    
}
a.overviewLink:hover {
    color               : #D80122;
}


.headerLink {
    color               : #000000 !important;
}
.headerLink:hover {
    color               : #000000;
}

.footerLink {
    color               : #FFFFFF !important;
}
.footerLink:hover {
    color               : #FFFFFF;
}

/* 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               : #86AA11;
    margin              : 0px !important;
    font-size           : 13pt;
    font-weight         : bold;
}
/* ===== Attribute Names and values ===== */
.attributeName {
    font-weight         : bold;
    font-size           : 11px;
    color               : #000000;
}
.attributeValue {
    font-size           : 11px;
    color               : #000000;
}

.detailsPanel {
    padding             : 0;
    padding-bottom      : 8px;    
}

.detailgridLeftCol {
    text-align          : left;
    vertical-align      : top;
    padding             : 0;
    padding-bottom      : 8px;
    width               : 120px;
}
.detailgridRightCol {
    text-align          : left;
    vertical-align      : top;
    padding             : 0;
    padding-bottom      : 8px;
}

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

/*
Style for the outer container that holds the rightColImgContainer
*/
.rightColImgOutCont {    
    background-color    : #FFFFFF;
    width               : 210px;
    padding-right       : 0px;
    padding-left        : 20px;
    padding-top         : 5px;
    padding-bottom      : 20px;
    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;
}

/*
SPO Box -- Seperate boxes that hold the individual start page objects.
Used in the different IOT pages under /internet/subviews/startpageobjects.
*/
.spoBox {
    min-height           : 168px;
    /*border              : 1px solid #CCCCCB;
    background-color    : #E4F7DB;*/
    width                : 212px;
    padding              : 2px;
    margin-right         : 5px;
    margin-left          : 5px;
    margin-top           : 5px;
    text-align           : left;
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left bottom;
    background-image     : url(/converis/images/client/startpagebox_footerBridge.jpg);
}

/* 
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               : #86AA11 !important;
}
.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               : 100px;
    float               : left;
    padding             : 1px;
    border              : 1px solid #CCCCCB;
    background-color    : white;
}

/*
  Style for a Person's' Picture in detail view for all InfoObjects without Person details.
*/
.detailsPicture {
    width               : 60px;
    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;
    float               : left;
    padding             : 1px;
    border              : 1px solid #CCCCCB;
    background-color    : white;
}

/* 
Style for all Pictures in members overview
*/
.membersOverviewPicture {
    width               : 50px;
    float               : left;
    padding             : 1px;
    border              : 1px solid #CCCCCB;
    background-color    : white;
}

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

/* ===== Search Result Styles ===== */
/* Search Box */
.searchBox {
    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 {
    float               : left;
    padding             : 0px 5px 5px 0px;
}
/* Search Header */
.searchHeader {
    font-size           : 12px;
    font-weight         : bold;
    color               : #505040;
}
.searchHeader:hover {
    color               : #D80122;
}
/* Search IOT Name */
.searchIOTName {
    color               : #505040;
}
.searchAttributeName {
    color               : #040404;
    font-size           : 11px;
    font-weight         : bold;
}
.searchFragments {
    padding-top         : 10px;
}

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

.searchButtonSmall {
    width                : 20px;
    height               : 20px;
    border               : 0 !important;
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-image     : url(/converis/images/button/search_button.png);
    cursor               : pointer;
    margin-top           : -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 {
    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-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    : white;
    background-image    : url(/converis/images/internet/tabPanel_active_bridge.png);
    border              : none;
    color               : black;
    font-size           : 12px;
    font-weight         : normal;
}
/* In-active Tab */
.dr-tbpnl-tb-inact {
    background-color    : #E4F7DB;
    background-image    : url(/converis/images/internet/tabPanel_inactive_bridge.png);
    border              : none;
    color               : #505040;
    font-size           : 12px;
    cursor              : pointer;
}

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

/* ===== RichFaces Tooltip styles ===== */
.dr-rich-tool-tip {
    background-color    : #FFFFFF;
    border              : 1px solid #759612;
}

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

/*
Style for displaying the Headers in right column content.
Used in all the right column pages : infoBox, Overview, Search.
*/
.menuHeader {
    color                : #5AAC3E;
    font-family          : Arial, Helvetica, sans-serif;
    font-size            : 12px;
    text-align           : left;
    vertical-align       : middle;
    padding              : 1px;    
}
.rightBarMenuHeaderInner {
    background-image     : url(/converis/images/internet/box_header.png);
    padding              : 3px;
}

.rightColumnGrid {
    border: 0px;
    background-repeat    : no-repeat;
    background-attachment: scroll;
    background-position  : left bottom;
    background-image     : url(/converis/images/client/right_column_dot_line.png);
}

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

.RegisterForEventOutputPanel {
    border              : 1px solid #E7F4E1;
    background-color    : #ECFFE2;
    text-align          : left;
    padding             : 10px;
}

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

.loginPageRightAlign {
   background-color     : white;
   color                : #5AAC3E;
   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                : #5AAC3E;
   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 #5AAC3E;
}

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

.loginPageInputBox {
    border              : 1px solid #5AAC3E;
}

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

/*
Style used for Buttons or Links, to override the global INPUT style.
*/
.loginPageButton {
   color                : #5AAC3E;
   background           : #E4F7DB none repeat scroll 0 0;
   border-color         : #5AAC3E;
   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;
}

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


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