/* 
Document   : publicViewTemplateStyles
Created on : 07.07.2008, 13:54:14
Author     : g.gelashvili
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
Can be used if we want to have a shadow on either sides of the page.
Not used in the current implementation of the Base Public view.
*/
/*
.layout #container-a {
background          : white url(/converis/images/internet/body_shadow_left.png) no-repeat scroll left top;
margin              : 0pt auto;
max-width           : 1010px;
min-width           : 1010px;
padding-left        : 16px;
width               : 1010px;
}

.layout #container-b {
background          : white url(/converis/images/internet/body_shadow_right.png) no-repeat scroll right top;
padding-right       : 16px;
}
*/

/*
The main container the holds the complete page content.
Used in publicViewTemplate page.
*/
.layout #container {
    height: 100%;
    /*    background-color    : #C1C6DC;*/
    background-color    : #FFFFFF;
    position            : relative;
    /* Using 20px less than a full 1024px width allows for browser chrome
    and avoids a horizontal scroll bar */
    width               : 1000px;
    /* The auto margins (in conjunction with a width) center the page */
    margin              : 0px auto;
    /* This overrides the text-align: center on the body element. */
    text-align          : left;
    /*border              : 1px solid #CC6600;*/
}

.layout #innerContainer {
    /*    background-color    : #C1C6DC;*/
    background-color    : #FFFFFF;
    height              : 100%;
    min-height          : 600px;
}

/*
Style for DIV Container used for header
Used in publicViewTemplate page.
*/
.layout #header {
    background-color    : #FFFFFF;
    padding             : 0px;
    /*    height              : 145px;*/
    width               : 920px;
    padding-left        : 19px;
    padding-right       : 19px;
    /*border-bottom       : 1px solid #CC6600;*/
}

/*
Style for DIV Container used for Left navigation column.
Used in publicViewTemplate page.
*/
.layout #leftCol {
    top : 145px;
    background-color    : white;
    float               : left;
    width               : 185px;
    height              : 100%;
    margin-top          : 0px;
    margin-right        : 0px;
    margin-bottom       : 0px;
    margin-left         : 0px;
    padding-top         : 0px;
    padding-left        : 40px;
}

/*
Style for DIV Container used for Right columns
Used in publicViewTemplate page.
*/
.layout #rightCol {
    top : 145px;
    background-color    : #FFFFFF;
    float               : left;
    width               : 165px;
    padding             : 0px;
    margin-top          : 0px;
    margin-right        : 0px;
    margin-bottom       : 0px;
    margin-left         : 0px;
    /*padding-right       : 40px;*/
}

/*
Style for DIV Container used for the main content.
Used in publicViewTemplate page.
*/
.layout #mainContent {  
    top : 145px;
    float               : left;
    background-color    : white;
    width               : 760px;
    /*border-left		: 1px solid #CC6600;        */
    padding-left        : 10px;  
    padding-bottom      : 10px;        
    min-height: 700px;
    height:auto !important; /* moderne Browser */   
    /*border-top          : 1px solid #58BB2A;*/
}

/* For IE6  */
#mainContent {    
    height    : 700px;   
}

.layout #mainContentInner {  
    float               : left;
    width               : 535px;
}

.layout #mainContentSubInner {  
    min-height: 330px;
}
/*
Style for DIV Container used for Footer
Used in publicViewTemplate page.
*/
.layout #footer {
    clear               : both;
    height              : 16px;
    background-color    : #FFFFFF;
    color               : white;
    text-align          : right;
    padding             : 0px 0px 0px 0px;
    border-top          : 1px solid #EB5325;
    /* margin-bottom       : 10px; */
}

.layout #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;
}

/* ===== Breadcrumb Styles ===== */
/* BreadCrumb container Style */
.breadContainer {   
    background-color    : #FFFFFF;
    /*    color               : #FFFFFF;*/
    color               : black;
    font-size           : 11px;
    margin              : 0px;
    margin-left		: 33px;
    padding-left        : 0px;
    padding-top         : 3px;
    padding-bottom      : 3px;
    width               : 920px;
    height              : 30px;
    /*    border-bottom       : 1px solid #A5A6A8;*/
}

/*
Default Style for links in the footer.
Used in InternetFooter page.
*/
.footerlink {
    border: medium none;
    color: #344394;
    text-decoration: none;
}

/*
Mouse-over Style for links in the footer.
Used in InternetFooter page.
*/
.footerlink:hover {    
    color: #D80122;    
}

/*
Style for the container that holds all the right column contents.
Used in InternetFooter page.
*/
#rightBoxContainer{
    background-color    : white;
    float               : left;
    padding-top         : 8px;
    padding-bottom      : 25px;
    padding-left        : 10px;
    /*    border-top          : 1px solid #58BB2A;*/
}

/*
Style for the individual right column contents.
Used in InternetRightColumn page.
*/
.rightColumnContent{
    background-color    : #FFFFFF;
    width		: 175px;
}
/*
Header text style for right column content.
*/
.rightColumnContainerHeader{
    /*    color              : #000000; */
    color              : white; 
    font-size          : 11px;
    width              : 228px;
}

/*
Header text style for right column content overlaying the header image
*/
.rightColumnContainerHeaderTop{
    /*    color              : #000000; */
    color              : black; 
    font-size          : 11px;
    width              : 228px;
    margin-right       : 10px;
}

/*
Style for the container that holds the contents in the left column.
Used in Navigationtree page.
*/
#leftBoxContainer{
    float                : left;
    padding-top          : 4px;
    padding-right        : 5px;
    padding-bottom       : 25px;
    padding-left         : 0px;
}

/*
Style for the container that holds navigation tree (or Area tree).
Used in Navigationtree page.
*/
#leftColumnContent{
    background-color    : #FFFFFF;
    width		: 180px;
}