html
{
  overflow: hidden;
}

body
{
  font-family: Trebuchet MS, Arial, Verdana;
  font-size:14px;
  background-color:#F0F0F0;
}

.main
{
  width:100%;
  background-color: White;
  border-collapse:collapse;  
}

.main .header 
{
  border-style:none;
  text-align:left;
  font-weight:normal;
  background-color:#F0E040;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#40D040;
}


.main .header .hcol1
{
  width:30%;
  text-align:left;
}

.main .header .hcol2
{
  width:70%;
  text-align:right;
}

.main .row
{
  vertical-align:top;
}

.main .treeCol
{
  font-weight: bold;
  width:25%;
  text-align:left;
  background-color:#FFFFFF;
}

.main .contCol
{
  width:75%;
  text-align:left;
  border-style:none;
  border-left-width:2px;
  border-left-style:solid;
  border-left-color:#40D040;
}

.wikiTreeLayer
{
  background-color: #fcfcfc;
  overflow: auto;  
}

.bodyLayer
{
  background-color: #ffffff;
  overflow: auto;
  width: 100%;
}

.wikiTree
{
  white-space: nowrap;
  font-weight: lighter;
  font-size: 12px;
}

.main .treeCol ul
{
  margin-left:20px; 
  padding-left:0px;
}

.wikiTree li
{
  margin-top: 0px;
  margin-left: 0px; 
  list-style: none;
}

A.wikiTopic
{
  text-decoration:none;
  color:Gray;
}

A.wikiTopic:hover
{
  background-color:#f3f3f3;
}

A.wikiTopic .selected
{
  background-color: #f3f3f3;
  color:black;
  font-weight: bolder;
}

.navPath
{
  font-weight: bold;
  color:#C0C0C0;
  vertical-align:middle;
  padding:2px;
  margin-left: 10px;
}

.navPath A
{
  color:#C0C0C0;
  text-decoration:none;
}

.navPath A:hover
{
  color: black;
  text-decoration:none;
}

.contPanel .path
{
  height:25px;
}

.contPanel .content
{
  background-color:white;
 
}



/***************** COMMON STYLES ******************/

input
{
  font-size:14px;
}

select
{
  font-size:14px;
}

.button
{
  font-size:14px;
  background-color:white;
  border-style:solid;  
  border-width:1px;
  border-color:gray;
}

.buttonLink
{
  color: Green; 
  text-decoration: none;
}

.selectLink 
{
  color: Green; 
  text-decoration: none;
}

.selectLink:hover
{
  color: Green; 
  text-decoration:underline;
}

.infoMessage
{
  color: green; 
  font-weight: bold;  
}

.warnMessage
{
  color: #FF9900;  
  font-weight: bold;    
}

.errorMessage
{
  color: red;
  font-weight: bold;
}

.fatalMessage
{
  color: red;  
  font-weight: bold;  
}

.filterPanel
{
  border-width: 1px;
  border-style: solid ;
  border-color: black;
  background-color: #EEEEEE;
  text-align: left;
  width: 100%;
}

.filterPanel .header
{
  text-align: center;
}

.filterPanel .column1
{
  width: 80%;
}

.filterSubPanel
{
  width:100%;
}

.filterSubPanel .column1
{
  width: 30%;
}

.filterSubPanel .column2
{
  width: 70%;
}

.resultList
{
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;
}

.resultList TD
{
  padding: 2pt;
}

.resultList .row1
{
  color:black;
  background-color: #EEEEEE;
}

.resultList .row2
{
  color:green;
  background-color: white;
}

.resultList .mainCell
{
  font-weight: bold;
}

.resultList .selectLink
{
  text-align: right;
}

.newsResultList
{
  color: black;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;
}

.newsResultList .header
{
  text-align: right;
}

.newsResultList .column1
{
  vertical-align: top;
}

.newsResultList .column2
{
  vertical-align: top;
}

.newsResultList .row1
{
  background-color: #EEEEEE;
}

.newsResultList .row2
{
  background-color: white;
}

.newsResultList .mainCell
{
  font-weight: bold;
}

.newsResultList .selectLink
{
  text-align: right;
}

.agendaResultList
{
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;
  
}

.agendaResultList TD
{
  padding: 2pt;
}

.agendaResultList .row1
{
  background-color: #EEEEEE;
}

.agendaResultList .row2
{
  background-color: white;
}

.agendaResultList .mainCell
{
  font-weight: bold;
}

.agendaResultList .selectLink
{
  text-align: right;
}

.agendaResultList .column1
{
  width:30%;
}

.agendaResultList .column2
{
  width:65%;
}

.agendaResultList .column3
{
  width:5%;
}

.forumResultList
{
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;
  
}

.forumResultList TD
{
  padding: 2pt;
}

.forumResultList .row1
{
  background-color: #EEEEEE;
}

.forumResultList .row2
{
  background-color: white;
}

.forumResultList .mainCell
{
  font-weight: bold;
}

.forumResultList .selectLink
{
  text-align: right;
}

.forumResultList .column1
{
  width:30%;
}
.forumResultList .column2
{
  width:65%;
}

.forumResultList .column3
{
  width:5%;
}

.dataScroller
{
  text-align: center;
  font-weight: normal;
}
.dataScroller A
{
  text-decoration: none;
  color: Green;
}

.dataScrollerPaginatorActiveColumn
{
  font-weight: bold;
  font-size: larger;
}

.form
{
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;
}
.form .column1
{
  background-color: #EEEEEE;    
  vertical-align: top;
  padding: 4pt;
}
.form .mainCell
{
  font-weight: bold;
}
.form .footer
{
  text-align: center;
}

.inputCalendar
{
  width: 35%;
}

.forumName
{
  color: Black;
  font-size: 15px;
  font-family: Arial;
}

.questionTitle
{
  color: Green;
  font-size: 15px;
  font-family: Arial;
}

.forumsList 
{
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;  
}
.forumsList .column1
{
  vertical-align: top;
  width:75%;
}

.forumsList .column2
{
  vertical-align: top;
  text-align: center;
  width:25%;
}

.forumsList .row1
{
  background-color: #FFF8E0;
}

.forumsList .row2
{
  background-color: #FFFFFF;
}

.questionsList
{ 
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;
}

.questionsList .column1 
{
  width:80%;
  vertical-align:top;
}

.questionsList .column2 
{
  text-align: center;
  width:10%;    
}
.questionsList .column3 
{
  text-align: center;
  width:10%;    
}

.questionsList .row1
{
  background-color: #EEEEEE;
}

.questionsList .row2
{
  background-color: white;
}

.questionsAndAnswersList
{
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;
}

.questionsAndAnswersList .column1 
{
  width:100%;
  vertical-align:top;
}

.questionsAndAnswersList .row1
{
  background-color: #D8D8D8;
}

.questionsAndAnswersList .row2
{
  background-color: #EEEEEE;
}

.questionsAndAnswersList .rowQuestion
{
  width:100%;
}

.questionsAndAnswersList .rowAnswer
{
  width:100%;
  font-style: italic;
}

.answersList
{  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 100%;
  border-collapse: collapse;
}

.answersList .column1 
{
  vertical-align: top;
  width:25%; 
}

.answersList .column2 
{
  vertical-align: top;
  width:75%;    
}

.answersList .row1
{
  background-color: #EEEEEE;
}

.answersList .row2
{
  background-color: white;
}

.questionPage .mainCell
{
  font-weight: bold;
}

.newQuestionPage 
{
    
}

.newQuestionPage .column1
{
  vertical-align: top;     
}

.newQuestionPage .column2
{
  width:500px;        
}

.workflowInstance
{
  border-style:solid;
  border-width:1px;
  border-color:#C0C0C0;
  background-color:#FFF0F0;  
}

.workflowInstance .header
{
  background-color:#FFD0C0;
}

.workflowInstance .header .col1
{
  width:25%;
  text-align:left;
}

.workflowInstance .header .col2
{
  width:55%;
}

.workflowInstance .header .col3
{
  width:20%;
  text-align:right;
}

.workflowInstance .header .footer
{
  padding:1px;
}

.workflowInstance .footer
{
  background-color:#FFD0D0;
}

.workflowInstance .footer .col1
{
  width:50%;
  text-align:left;
}

.workflowInstance .footer .col2
{
  width:50%;
  text-align:right;
}

.workflowForms
{
  border-style:solid;
  border-width:1px;
  border-color:red;
}

.workflowList
{
  background-color:#FFF0F0;  
  border-style:solid;
  border-width:1px;
  border-color:#C0C0C0;  
}

.workflowList .header
{
  background-color:#FFD0C0;
}

.workflowList .col1
{
  width:10%;
}

.workflowList .col2
{
  width:15%;
  border-left: 1px solid #FFD0C0;
}

.workflowList .col3
{
  width:5%;
  border-left: 1px solid #FFD0C0;  
}

.workflowList .col4
{
  width:30%;
  border-left: 1px solid #FFD0C0;  
}

.workflowList .col5
{
  text-align:right;
  width:40%;
}

.workflowList .row1
{
  background-color:White;
}

.workflowList .row2
{
}

.selectMenuLink
{
  display:block;
  width:100%;
  text-decoration:none;
}

A.selectMenuLink:hover
{
  display:block;
  background-color:white;
  width:100%;
  text-decoration:none;
}

.loginBox
{
  vertical-align:middle;
}

input.toggler
{
  margin:0 3px 0 -12px;
  vertical-align:middle;
  border:0;
}

.lastSuccessLoginDateTime
{
  margin-left: 2px;
  margin-right: 4px;
}
