/******** -*- c++ -*- *******************************************
 * Default style sheet for P4DB 3.1
 ****************************************************************/

body  {
     font-family:      Arial, Helvetica, Sans-serif ;
     color:            black                        ;
     background-color: white                        ;
     font-size:        10pt                         ;
     padding: 0pt ;
     margin: 0pt ;   
     background-image: url(bg.jpg) ;
     background-repeat: repeat-y ;
     padding-left:  10pt ;
     padding-right: 10pt ;
     /*     background-position: left top ;*/
}

td {
  margin: 3pt ;
}

/*****************************************************************
 *
 * Styles for page header
 *
 *****************************************************************/

table.HeaderTable {
   margin-top: 0pt ;
   border-top: 0pt ;
   width: 100% ;
   background-color: #e0e8ff ;
   background-image: url(hdrbg.jpg) ;
   background-repeat: no-repeat ;
   background-position: left top ;
   border: solid 1px black ; 
   border-collapse: collapse ;
}
td.HeaderTable_AppName {
  text-align: left ;
  padding-left: 10pt ;
  vertical-align: center ;
  color: white ;
  font-size:10pt ;
  font-weight:bold ;

  /*  width: 40pt ;   */
} 
a.HeaderTable_AppName, a:visited.HeaderTable_AppName {
   text-decoration: none;
   color: blue ;
   border: outset 2pt black ;
   padding: 1pt ;
   padding-right: 2pt ;
   background-color: #e0e8ff ;
}
a:hover.HeaderTable_AppName {
  background-color: blue ;
  color: white ;
}
span.HeaderTable {
  font-size:80% ;
  line-height: 16pt ;
}
a.HeaderTable {
  border: outset 1pt black ;
  text-decoration: none;
  background-color: #e0e0e0 ;
  color: black ;
}
a:active.HeaderTable, span.HeaderTableSelected {
  border: inset 2pt #e0e0e0;
  text-decoration: none;
  background-color: #e0e0e0 ;
  padding: 1pt ;
  color: black ;
}
span.HeaderTableSeparator {
 color: white ;
}
td.HeaderTable {
    text-align: left ;
    vertical-align: center ;
}
td.HeaderTableTextSelect {
  text-align: left ;
  vertical-align: top ;
  color: black ;
  border-right: solid 1px black ;
}
select.HeaderTable, button.HeaderTable {
   margin: 2pt ;
   font-size: 100% ;
}
button:hover.HeaderTable {
}
button.HeaderTableDisabled {
}

table.HeaderBuffer {
  font-size: 150% ;
}



/*****************************************************************
 *
 * Styles for page footer
 *
 *****************************************************************/

div.ServerInfo {
  text-align: right ;
}

table.ServerInfo {
   background-color: #e0e8ff ;
   background-image: url(hdrbg.jpg) ;
   background-repeat: no-repeat ;
   background-position: left top ;
   /*   background-color: #e0e0f0 ;*/
   border: outset 1px black ;
   width: 100% ;
   height: 20pt ;
}
table.ServerInfo tr th, table.ServerInfo tr td {
  font-size: 90% ; 
  font-weight: normal ;
  text-align: left ;
  vertical-align: top ;
  /*  background-color: #e0e0f0 ;*/
}
table.ServerInfo tr th {
  padding-left: 10pt ;
  text-align: right ;
  color: #004000 ;
  /*  background-color: #e0e0f0 ;*/
}


/*****************************************************************
 *
 * Common styles
 *
 *****************************************************************/

/*****************
 * Links 
 *****************/


/* Text links (normal). These are links in text and fields */
a.normal { 
    color:           #0000ff ;
    text-decoration: none;
}
a:hover.normal {
    color:             #ffffff ;
    background-color:  #0000ff ;
    text-decoration:   underline;
}

/* Action links (button). These are links that perform som function */
a.button {
   font-size: 80% ;
   /*   border: outset 2pt #e0e0e0;*/
   border: solid 1px #808080 ;
   text-decoration: none;
   background-color: #e0e0ff ;
   padding: 1pt ;
   padding-left: 2pt ;
   padding-right: 2pt ;
   color: black ;
   line-height: 18pt ;
   margin: 3pt ;
}
a:hover.button {
  /*   background-color: #e0e0ff ;*/
   border-color: black ;
   border-style: outset ;

}
a:active.button {
   border-style: inset;
   border-color: black ;
   text-decoration: none;
   color: black ;
}
span.button {
  text-align: center ;
  vertical-align: center ;
  padding-bottom: 9pt ;
  padding-top: 7pt ;
  /*  background-color: red ;*/
}

/* "ordinary" buttons. Not really links but they fit fairly well here. */

button.button {
  /*font-size: 100% ;  */
}
button:hover.button {
  background-color: blue ;
 color: white ;
}


/*****************
 * Page title. The title on all pages, just below header.
 *****************/
 
div.PageTitleTable {
  text-align: center ;
}
table.PageTitleTable {
  margin-right: 0pt ;
  margin-left: 0pt ;
  width: 100% ;
}

td.PageTitle {
  font-family: Arial, Helvetica, Sans-serif ;
  color: black ;
  vertical-align: top ;
  font-size: 120% ;    
  font-weight: bold ;
  border: none ;
  text-align: center ;
}
td.PageTitleLogout {
  border: none ;
   width: 1% ;
}

/* Class: Button (, Button:visited, Button:hover)
 *   Tag: table, td, a
 *    Table cells with links that mimics buttons used to select
 *    various "functions". The button-links are td-cells in in a table.
 */
table.Button {
    margin-left: 3% ;
    margin-right: auto ;
    /*    padding: 2pt ;*/
}
p.selflink {
   text-align:   right ;
   font-size:    90% ;
   margin-right: 20pt ;
   margin-top: 0pt ;
   margin-bottom: 0pt ;
   padding: 0pt ;   
}

/* Class: Delimiter
 *   Tag: hr
 *    A horizontal rule that delimits elements in a list (for example a
 *    change list).
 */
hr.Delimiter {
 width: 100% ;
 height: 1pt ;
}

/* Class: TreeBrowser
 *   Tag: table, td
 *    A table cell that contains directories, subdirectories or files
 *    in the depot tree browser.
 */
table.TreeBrowser {
    width: 100% ;
    margin-left: auto ;
    margin-right: auto ;
    padding: 0% ;
}

td.TreeBrowser {
    padding: 2pt ;
    vertical-align: top ;
    border: dotted 1px grey ;

}

/* Class: Prompt
 *   Tag: td 
 *    A table cell that contains a prompter for the data in the cell
 *    to the left of it.
 */
td.Prompt {
    color: black ;
    text-align: left ;
    font-weight: normal ;
    vertical-align: top ;
    padding: 0pt ;
    padding-right: 2pt ;
}

/* Class: Description
*   Tag: td, span
 *    A table cell that contains (possible multi-line) data from a p4 form.
 *    Typically "Description:" from a change desc.
 */
td.Description , span.Description {
    font-size: 100% ;
    font-family: Monospace ;
    vertical-align: top ;   
    /*    white-space: pre ;*/
    background-color: white ;
    border: dotted 1px grey ;
    margin: 1pt ;
}

table {
    margin-top: 2pt ;
}

table.List {
    padding: 0pt ;
    background-color: black ;
}
table.ListX {
    padding: 0pt ;
    border: 0pt ;
}

tr.ListHeader {
  border: 0pt ;
  padding: 0pt ;
  
}

td.ListHeader {
    font-weight: normal ;
    padding: 2pt ;
    color: black ;
}
td.List {
    padding: 3pt ;
}
td.ListC {
    padding: 3pt ;
    text-align: center ;
}
td.ListHeadColumn {
    padding: 3pt ;
    text-align: center ;
}

/* Class: Title
 *   Tag: span, td
 *    Title for a set of links ........
 */
span.Title, td.Title {
    color: white ;
    background-color: #208080 ;
    font-weight: bold ;    
    padding: 1pt ;
    color: red ;
}
a.Title {
    color: blue ;
    background-color: #e0e0e0 ;
    padding-left: 2pt ;
    padding-right: 2pt ;
}
table.Titled {
    margin-left: 10pt ;
    margin-right: auto ;
    padding: 0% ;
    border: solid 2pt red ;
}
table.Titled2 {
    margin-left: 10pt ;
    margin-right: auto ;
    padding: 0% ;
}

/* Class: Frame and FrameTitle
 * Tag: table and soan
 *  Defines a framed table and a title-span
 */
span.FrameTitle, td.FrameTitle,span.WideFrameTitle, td.WideFrameTitle {
   margin-top: 6pt ;
   color: black ;
   font-weight: bold ;    
   padding: 1pt ;
}
table.Frame {
    margin-right: auto ;
}
table.Frame, table.WideFrame {
    margin-left: 20pt ;
    margin-right: auto ;
    padding: 2pt ;
    border: solid 2pt #f0f0f0 ;
    /*    background-color: #f8f8f8 ;*/
}
table.WideFrame {
    width: 95% ;
}

span.HeaderTitle {
    color: white ;
    background-color: black ;
    font-weight: bold ;    
    font-size: 80% ;
    padding: 1pt ;
}


table.Changes {
    vertical-align: top ;    
}

td.Change ,td.ChangeNo ,td.ChangeDesc {
    vertical-align: top ;    
}
td.ChangeNo {
    font-size: 100% ;    
    font-weight: bold ;    
    border-top:       solid 1pt blue ;
    border-left:       solid 1pt blue ;
}
tr.Top {
  margin-top: 13pt ;
}


span.multilinetext {
    background-color: white ;
}

/* Display a block of text */
table.Text {
    margin-left: 10pt ;
    margin-right: auto ;
    padding: 0% ;
    width: 95% ;
    background-color: white ;
}

h1.Text {
    font-size: 140% ;
    font-weight: bold ;
}

h2.Text {
    font-size: 120% ;
    font-weight: bold ;
}

p.Text, ul.Text    {
    font-size: 100% ;
    font-weight: normal ;
    margin-left: 10pt ;
    margin-right: 10pt ;
}
input.Text, button.Text  {
    margin-left: 10pt ;
}

/*****************************************************************
 *
 * Error messages and log
 *
 *****************************************************************/
p.Error {
    background-color: white ;
    font-size: 160% ;
    text-align: center ;
    font-weight: bold ;
    color: red ;
    padding: 4pt ;
    border: outset 6pt red ;
}

span.LogHeader, span.Log, span.LogP4Call {
  color: blue ;  
}
span.LogP4Call {
  font-weight: bold ;
}
span.LogError {
  color: red ;  
}

/*****************************************************************
 *
 * Special styles for specific pages
 *
 *****************************************************************/

/* For branchGraph.cgi: */
img.BranchGraph {
 border: none;
}

/* For fileViewer.cgi and fileDiffView.cgo */

table.fileViewer, table.fileDiff {
  border-collapse: collapse ;
}
table.fileViewer tr th , table.fileViewer tr td {
   margin: none;   
   padding: 0pt ;
   vertical-align: top ;  
}

table.fileViewer tr th.fileViewerHeader { 
  font-weight: normal ;
  text-align: left ;
  vertical-align: bottom ;
  padding:  1pt ;
}
table.fileViewer tr th {
  font-weight: normal ;
  text-align: center ;
  font-size: 80% ;
}

table.fileViewer tr th.fileViewerRev, table.fileViewer tr td span.fileViewerRev {
  color: black ;
  border-top: dotted 1px grey ;
  text-align: center ;
  font-size: 80% ;
  vertical-align: bottom ;
  font-family: monospace ;
  width: 30pt ;
}
table.fileViewer tr th.fileViewerRevEmpty, table.fileViewer tr td span.fileViewerRevEmpty {
  color: black ;
}
table.fileViewer tr td span.fileViewerRevEmpty {
  font-size: 80% ;  
}

table.fileViewer tr th.fileViewerLineNo, table.fileViewer tr td span.fileViewerLineNo, td.fileDiffLineNo {
  font-size: 80% ;
  text-align: right ;
  vertical-align: bottom ;
}

table.fileViewer tr td, table.fileViewer tr td span.fileViewerData {
  border-left: solid 1pt #e0e0e0 ;
}
table.fileViewer tr td {
  background-color: #f0f0f0 ;
  /*  background-color: white ;*/
  white-space: pre ;
  font-family: monospace ;
 border-right: solid 1px black ;
}

.fileDiffDeletedLines, .fileDiffAddedLines, td.fileDiffLine, .fileDiffFirst, .fileDiffSecond {
  background-color: #f0f0f0 ;
  white-space: pre ;
  font-family: monospace ;
}
.fileDiffAddedLines, .fileDiffFirst {
   color: blue ;
}
.fileDiffSecond {
  color: green ;
}
td.fileDiffSkipped {
  padding-left: 40pt ;
  padding-top: 5pt ;
  padding-bottom: 5pt ;
  background-color: #e0e0e0 ;
  font-weight: bold ;
}
.fileDiffMark {
  font-family: monospace ;
  background-color: #d0d0d0 ;
}
/* Used to mark deleted lines: */
.deleted, .fileDiffDeletedLines {
  color: red ;
  padding-left: 1pt ;
  text-decoration: line-through  ;
}

area.Area {
 border: solid 1px blue ;
}