@import url('forms.css');
@import url('tables.css');
@import url('was.css');
@import url('calendar.css');
/************************************/
/* FOR TABLES -> CHECK "tables.css" */
/* FOR FORMS  -> CHECK "forms.css"  */
/************************************/

/* ============= LEX PORTAL GRID ============= */
.lexMain
{
  height: 98%;
  vertical-align: top;
  width: 100%;
}
.lexHistory, .lexFooter
{
  height: 1%;
}
#history, #container, #footer {width: 100%;}
#history {height: 0;}
#container {height: 90%;}
#footer {height: 2%;vertical-align: bottom;}

/* ============= TWO COLUMNS CHANNELS PAGE ============= */
.channelList
{
  width: 100%;
}
.channelListMain
{
  
}
.channelListControl
{
  padding: 0 10;
}
.widget
{
  border: 1 solid #ECECEC;
  padding: 5;
  text-align: left;
}
.widget SELECT
{
  width: 95%;
  display: block;
}
.widget H2
{
  padding: 2;
  margin: 0 0 5 0;
}

/* ============= GENERAL ELEMENTS ============= */
BODY
{
  background-color: #FFFFFF;
  ScrollBar-Face-Color: #4F8FBB;
  ScrollBar-Track-Color: #FFFFFF;
  ScrollBar-Arrow-Color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  margin: 0 20;
}
hr
{
  color: #527BAF;
  height: 1;
}
.title
{
  color: #527BAF;
  padding: 21 0 21 0;
  margin-bottom: 21.0px;
  border-top: 1.0px dotted #527BAF;
  border-bottom: 1.0px dotted #527BAF;
  font-size: 15.0px;
  font-weight: bolder;
  text-align: center;
}

/* ============= ACL BASKET ============= */
#basket
{
  border: 1 solid #ECECEC;
}
#basket caption
{
  font-size: 11.0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  background-color: #ECECEC;
  color: #4D4D4D;
  padding: 2px;
  margin: 20 0 5 0;
  border: 1 solid #ECECEC;
}
.basketFooter TD
{
  border: 1 solid #ECECEC;
  background-color: #FFF;
}

/* =============== LISTS OF RESULTS =============== */
/* (e.g. for Materials, News, FAQ search)           */
/* (used where results are not presented as tables) */

/* Materials Search Results */
.matRecord_ajax
{
  color: #527BAF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11.0px;
}
.matRecord_ajax A, .matRecord A:visited
{
  text-decoration: none;
}
.matRecord_ajax A:hover
{
  text-decoration: underline;
}
.matRecord_ajax IMG
{
  border: 0px;
}
/* Others such as User Roles presentation... */
.recordSet
{
font-size: 11.0px;
margin: 20 0 5 0;
}
.recordSet H2
{
  padding: 2;
  margin: 0 0 5 0;
}
.recordSet .note
{
font-size: 11.0px;
font-style: italic;
text-align: left;
margin: 0 0 10 0;
background-color: #F9FAFC;
}
.recordSet .image IMG 
{
  border: 1.0px; 
  solid #CCC;
}
.recordSet HR 
{
  margin: 0px; 
  padding: 0px; 
  height: 1.0px;
}
.record
{
  margin: 0 0 10 0;
}
.record .name
{
font-weight: bold;
}
.record .description
{

}
.record .categories
{
  margin: 5 0 0 0;
  font-style: italic;
}
.record .actions
{
  color: #527BAF;
  margin: 3 0 12 0;
}

/* =========== General TEXT setting =========== */
BODY, TABLE, DIV, SELECT, INPUT, TEXTAREA
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11.0px;
  font-style: normal;
  font-weight: normal; 
  color: #4D4D4D;
}
CAPTION, caption .title, P.caption, H1, H1 .title
{
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 20.0px;
  text-align: left;
  color: #527BAF;
  padding: 0 0 20 0;
  border: 0 solid #FFF;
}
.subTitle
{
  display: block;
  font-size: 12.0px;
  font-style: italic;
  width: 100%;
  margin: 3 0 10 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
H2
{
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #ECECEC;
  color: #4D4D4D;
  padding: 2px;
  margin: 20 0 5 0;
}

.noAvText
{
  color: #CCCCCC;
}
.Normal6
{
  font-size: 9.0px;
}
.Normal8 {}
.Normal10 {}
.Bold10
{
  font-size: 12.0px;
  font-weight: bold;
}

/* =========== LINKS =========== */
A:link, A:visited
{
  color: #527BAF;
  text-decoration: none;
}
A:hover
{
  color: #527BAF;
  text-decoration: underline;
}
.aBold:link, .aBold:visited
{
  color: #527BAF;
  font-weight: bold;
  text-decoration: none;
}
.aBold:hover
{
  color: #527BAF;
  font-weight: bold;
  text-decoration: underline;
}

/* =========== WARNINGS =========== */
.warning
{
  margin: 20;
  border: 1.0px solid #80A6D5;
}
.warningTitle
{ 
  font-size: 13.0px;
  font-weight: bold;
}
.warningMessage
{

}
.warningContact
{
  border-top: 1.0px solid #ECECEC;
  padding: 5;
  width: 90%;
}
.warningContact A
{
  font-style: italic;
}

/* ============= MENUS AND LISTS OF LINKS ============= */
.menu
{
  color: #527BAF;
}
.xbutton
{
  color: #527BAF;
}

DIV.xbutton, DIV.button
{
  text-align: center;
  width: 100%;
  padding: 10 0 20 0
}
UL.xbutton LI
{
  list-style: none;
  margin: 0;
}
.xbutton SPAN A, .xbutton SPAN A:hover, .xbutton SPAN A:visited
{
  color: #527BAF;
}
.xbutton SPAN A#current, .button A#current
{
  /*background-color: #F2F2F2;*/
  font-weight: bolder;
  text-decoration: none;
}
.xbutton SPAN A, .xbutton SPAN A:visited
{
  text-decoration: none;
}
.xbutton SPAN A:hover
{
  text-decoration: underline;
}
.xbutton SPAN A#current:hover
{
  color: #527BAF;
}
/* =========== For now only used in CMviewer =========== */
A.button
{
  background: #dae3ea;
  border: 1px outset #4D4D4D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10.0px;
  font-style: italic;
  width: 70px;
  display: inline;
  margin-left: 1px;
}
A.buttonSelected
{
  background: #fff;
  border: 1px outset #4D4D4D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10.0px;
  font-style: italic;
  width: 70px;
  display: inline;
  margin-left: 1px;
}
.folderMapMain
{
  padding-right: 10;
}
.folderMapMain H2
{
  margin: 0
}

/* =========== TABS =========== */
#tabItem, .tabItem
{
  padding: 3px 0;
  margin: 0;
  border-bottom: 1.0px solid #81A5D5;
  font: normal 11px Verdana, sans-serif;
}
#tabItem LI, .tabItem LI
{
  list-style: none;
  margin: 0;
  display: inline;
}
#tabItem LI A, .tabItem LI A
{
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1.0px solid #DAE2ED;
  border-bottom: none;
  background: #D9E3ED;
  text-decoration: none;
  color: #2F64A6;
}
#tabItem LI A:hover, .tabItem LI A:hover
{
  border-color: #81A5D5;
}
#tabItem LI A#current, .tabItem LI A#current
{
  color: #FFFFFF;
  background: #81A5D5;
  border: 1.0px solid #81A5D5;
  font-weight: bold;
}

/* =========== OTHER =========== */
#setupStepsTable
{
  margin-top: 15px;
}
#setupStepsTable TD, #setupStepsTable TH
{
  padding: 5px;
  border: 1.0px solid #ECECEC;
}
#mainSetupTable UL
{
  list-style-type: none;
  margin: 0;
}
#setupStepsTable TH
{
  background-color: #FF00FF;
  font-size: 13.0px;
}

/* =========== MINOR =========== */
/*    (to check or deprecate)    */

.buttonTD, .buttonTR
{
  color: #517CAF;
}
.navBar TD, .pagerFooter, .pagerFooter TD
{
  border-top: 1 solid #517CAF;
  padding: 5 0 20 0;
}
.navigationBarFormFields {}
.selected	
{
  font-weight: bolder; 
}
A.selected:link, A.selected:visited
{ 
  font-weight: bolder; 
  text-decoration: none;
}
A.selected:hover 
{ 
  text-decoration: underline;
}
.ACLSelect {}
.note {}
.progressBar
{
  background-color: #2F64A6;
}
select optgroup
{
  background-color: #DAE2ED;
}
.divForum
{
  font-size: 10.0px;
}
.divForumBold
{
  font-weight: bold;
}
.profileReport
{
  background-color: #ECECEC; 
  border: 1.0px solid #CCCCCC;
  padding: 5.0px;
}
.profileReport .name, .skillReport .name  
{
  font-weight: bold;
  font-size: 12.0px;
  padding: 0 0 5 0
}
.profileReport .sourcevalue
{
  margin-top: 3.0px;
  padding-top: 3.0px;
  border-top: 1.0px solid #CCCCCC;
}
.profileReport .sourcevalue .source, .skillReport .sourcevalue .source 
{
  font-weight: bold;
}
.skillsReport H2
{
  margin: 5.0px
}
.skillReport
{
  margin-bottom: 5.0px;
}
.skillReport .description, .skillReport .sourcevalue, .learningMaterials
{
  margin-left: 25.0px;
}
.skillReport .sourcevalue 
{
  margin-top: 3.0px;
}
H3
{
  font-weight: bold; 
  font-size: 11.0px; 
  padding: 0 0 5 0; 
  border-bottom: 1.0px solid #CCC; 
  margin: 7 0 7 0; 
  padding: 2;
}
.learningMaterials
{
  margin-bottom: 10
}