@viewport
{
    width: device-width
}

BODY
{
    /*FONT-SIZE: x-small;*/
    BACKGROUND: #FFFFFF;
    MARGIN-TOP: 2px;
    MARGIN-BOTTOM: 2px;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    FONT-FAMILY: Verdana, Arial;
    MIN-WIDTH: 40em;
    MAX-WIDTH: 65em;
}
/* Main display groups */

TR.top_head
{
    PADDING-BOTTOM: 5px;
}

TD.top_head_logo
{
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
}

TD.top_head_right
{
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: middle;
}

TABLE.main_content
{
    PADDING: 1px;
}

TD.main_content
{
    TEXT-ALIGN: left;
    PADDING-RIGHT: 1px;
    MARGIN-RIGHT: 1px;
}

/* Left Menu */
/*
.Main, .Main:link, .Main:visited, .Main:hover 
{
	FONT-FAMILY: Tahoma, Arial, sans-serif; 
	FONT-WEIGHT: normal; FONT-SIZE: 100%;
	PADDING-RIGHT: 2px;
	HEIGHT: 100%;
	width: 90%; COLOR: black;
	BORDER: #DBD8D1 1px solid;
	BACKGROUND-COLOR: #DBD8D1; TEXT-DECORATION: none
}
.menu, .menu:link, .menu:visited 
{
	FONT-FAMILY: Tahoma, Arial, sans-serif; 
	FONT-WEIGHT: normal; FONT-SIZE: 100%; 
	PADDING-RIGHT: 2px;
	HEIGHT: 100%; 
	width: 90%; COLOR: black; 
	BORDER: #DBD8D1 1px solid; 
	BACKGROUND-COLOR: #DBD8D1; TEXT-DECORATION: none
}
.menu:hover 
{
	FONT-FAMILY: Tahoma, Arial, sans-serif; 
	FONT-WEIGHT: normal; FONT-SIZE: 100%; 
	PADDING-RIGHT: 2px; 
	HEIGHT: 100%; 
	width: 90%; COLOR: black; 
	BORDER: #0A246A 1px solid; 
	BACKGROUND-COLOR: #B6BDD2; TEXT-DECORATION: none
}
.current_menu, .current_menu:link, .current_menu:visited
{
	FONT-FAMILY: Tahoma, Arial, sans-serif; 
	FONT-WEIGHT: normal; FONT-SIZE: 100%; 
	PADDING-RIGHT: 2px; 
	HEIGHT: 100%; 
	width: 90%; COLOR: black; 
	BORDER: #0A246A 1px solid;
	BACKGROUND-COLOR: #D4D5D8; TEXT-DECORATION: none
}
.current_menu:hover
{
	FONT-FAMILY: Tahoma, Arial, sans-serif; 
	FONT-WEIGHT: normal; FONT-SIZE: 100%; 
	PADDING-RIGHT: 2px; 
	HEIGHT: 100%; 
	width: 90%; COLOR: black; 
	BORDER: #0A246A 1px solid;
	BACKGROUND-COLOR: #B6BDD2; TEXT-DECORATION: none
}

.outside_menu_"
{
	BORDER-RIGHT: #C5C5C5 1px solid;
	BORDER-LEFT: #C5C5C5 1px solid; BORDER-BOTTOM: #C5C5C5 1px solid;
	BACKGROUND-COLOR: #DBD8D1;
}
.inside_menu_table
{
	BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #C5C5C5 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	PADDING: 3px; 
	FONT-SIZE: smaller; COLOR: white; 
	FONT-FAMILY: Tahoma,Verdana,Arial,sans-serif; 
	TEXT-DECORATION: none;
}
*/

/* main tabs level */
div.tabArea
{
  padding: 5px 1em 0px 1em;
  /*font-size: 90%;*/
  font-weight: bold;
}

a.tab
{
  height: 22px;
  padding: 4px 9px 3px 5px;
  text-decoration: none;
  border-left: 1px solid #4B739D;
  border-bottom: 1px solid #4B739D;
  position: relative;
  background-position: top right;
}

a.normal
{
	color: black;
	font-weight: normal;
}

a.tab:link, a.tab:visited
{
  background-image: url(../css/tabOff.gif);
  color: #FFFFFF;
}

a.tab:hover
{
  background-image: url(../css/tabOn.gif);
  background-color: #7B9FC2;
  color: #FFFFFF;
}

a.tab.activeTab:link, a.tab.activeTab:visited
{
	text-decoration: none;
	font-weight: normal;
	background-image: url(../css/tabSelected9.gif);
	color: #4B739D;
}

/* sub tabs level */
div.subtabArea
{
  background-color: #4B739D;
  /*font-size: 90%;*/
  font-weight: bold;
  padding: 7px 0px 5px 0px;
}

.subTab
{
  background-image: url(../css/subtab-bg.png);
  background-position: center 5%;
  background-repeat: repeat;
  position: relative;
  padding: 2px 1em 2px 1em;
  color: #B66532;
  text-decoration: none;
}

a.subTab
{
  position: static;
}

td.subTab a.subTab
{
  padding: 2px 2px 2px 2px;
}

td.subTab
{
  text-align: center;
  vertical-align: middle;
}

.subTab:link, .subTab:visited
{
  color: #B66532;
}

.subTab:hover
{
  background-image: none;
  background-color: #B66532;
  color: #E7DFC7;
  text-decoration: none;
}

.subTab.activeSubTab, .subTab.activeSubTab:visited
{
  background-image: none;
  background-color: #7B9FC2;
  color: #E7DFC7;
  text-decoration: none;
}

.subTab.activeSubTab:hover
{
  BACKGROUND-COLOR: #E7DFC7;
  COLOR: #7B9FC2;
  TEXT-DECORATION: none;
}

/* heading titles with boxes */
.gray_border
{
	BORDER:1px solid #E7DFC7;
}

.headerbox
{
	BORDER: #a4a4a4 1px solid;
	BACKGROUND-COLOR: #E7DFC7
}
.header_notselected
{
	PADDING-RIGHT: 1px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 1px;
	BACKGROUND-COLOR: #E7DFC7
}
.header_selected
{
	BORDER: #a4a4a4 1px solid;
	PADDING-LEFT: 1px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-RIGHT: 1px;
	BACKGROUND-COLOR: #ffffff
}
.standard_border
{
	BORDER: #a4a4a4 1px solid;
}
.standard_border a, .header_selected a, .header_notselected a
{
	color: #B66532;
}

/* rowspacer box in Tickets list */
.rowspacer
{
	BACKGROUND-COLOR: #cccccc;
	HEIGHT: 1 px;
	PADDING: 0 px;
	MARGIN: 0 px;
}

/* style for "heading" function */
.divider_left
{
	BACKGROUND-COLOR: #E7DFC7
}
.divider_middle
{
	COLOR: #ffffff;
	BACKGROUND-COLOR: #B66532;
}
td.divider_middle h1
{
	COLOR: #ffffff;
	margin:2px 5px 2px 5px;
	font-size: 13pt
}

td.divider_middle h2
{
	COLOR: #ffffff;
	margin:2px 5px 2px 5px;
	font-size: 11pt
}

.divider_right
{
	BACKGROUND-COLOR: #E7DFC7
}

/* small tables, with box display */
.tablebox
{
	BORDER: #E7DFC7 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
}
.tablebox_td
{
	BACKGROUND: #FFFFFF;
}
.tablebox_header
{
	PADDING: 4px;
	BACKGROUND: #E7DFC7;
	COLOR: #B66532;
	FONT-WEIGHT: bold;
}

TD
{
    FONT-SIZE: small
}

P
{
    /*FONT-SIZE: small;*/
    FONT-FAMILY: Verdana, Arial
}

LI
{
    FONT-FAMILY: Verdana, Arial
}

/* style used to list several points within a small space */
UL.denselist
{
    LIST-STYLE-POSITION: inside;
	TEXT-ALIGN: left;
	MARGIN: 0px;
	padding: 5px;
}

UL.denselist LI
{
    MARGIN-BOTTOM: 5px
}

A:visited, A:link
{
    FONT-WEIGHT: bold;
    COLOR: #4B739D;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #FF0000;
    TEXT-DECORATION: underline
}

.normal, .normal:visited, .normal:link, .normal:hover
{
	font-weight: normal;
}

.small
{
    FONT-SIZE: small;
    FONT-FAMILY: Arial, Verdana
}
.verysmall
{
    FONT-SIZE: x-small;
    FONT-FAMILY: Arial, Verdana
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15pt;
    FONT-FAMILY: Verdana, Arial;
    COLOR: #4B739D;
}

H2
{
    FONT-SIZE: 13pt;
    FONT-FAMILY: Verdana, Arial;
    COLOR: #4B739D;
}

.textgras
{
    FONT-WEIGHT: bold;
    FONT-SIZE: larger;
    FONT-FAMILY: Arial, Verdana
}

.titrerouge
{
    FONT-WEIGHT: bold;
    /*FONT-SIZE: small;*/
    COLOR: red;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    FONT-VARIANT: small-caps
}

.presentation
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}

.titrebleu
{
    FONT-WEIGHT: bolder;
    /*FONT-SIZE: small;*/
    COLOR: #B66532;
    FONT-FAMILY: Verdana
}

.textbleu
{
    FONT-SIZE: medium;
    COLOR: #4B739D;
    FONT-FAMILY: Arial, Verdana
}

.big
{
    FONT-SIZE: medium;
    FONT-FAMILY: Arial, Verdana
}

.titrenoir
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    COLOR: #B66532;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    FONT-VARIANT: small-caps;
}
.pagetitleblack
{
    FONT-WEIGHT: normal;
    FONT-SIZE: medium;
    COLOR: #B66532;
    FONT-FAMILY: Georgia, 'Times New Roman', Times, serif;
    TEXT-DECORATION: none;
}
.paddedblock
{
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 7px;
}
.paddedgrayblock
{
	PADDING: 7px;
	BACKGROUND-COLOR: #F5F5F1
}

/* buttons */
.button
{
	FONT-FAMILY: tahoma,  geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}

.emphasis
{
	COLOR: #7B9FC2;
}
.user_message
{
	BORDER: #a4a4a4 1px solid;
}
.ellie_message
{
	BORDER: #4B739D 1px solid;
	BACKGROUND-COLOR: #F1F5F9;
}

.KBase_form
{
	MARGIN-TOP: 1em;
	PADDING-TOP: 1em;
}

TT
{
    FONT-SIZE: 110%;
}

.with_title
{
	cursor:help;
	border-bottom:1px dotted #7B9FC2
}

.preferred_download_row
{
	BORDER: #4040ff 1px solid;
	BACKGROUND-COLOR: #D8E0ff
}

.preferred_download_row A:link
{
	COLOR: #F00
}