/************************************/
/************************************/
/************************************/
/* Things that most likely apply to */    
/*   all styles                     */
/************************************/
/************************************/
/************************************/


/**************************************/
/* Font, Text, Border, and Background */
/**************************************/

/* Page Text */

#pageContainer h1, #pageContainer h2, #pageContainer h3, #pageContainer p, #pageContainer td, #pageContainer li {
    color: #000000;
    font-size: small;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

#pageContainer h1  {
    color: #666666;
    font-size: x-large }

#pageContainer h2  {
    color: #666666;
    font-size: large }

#pageContainer h3  {
    color: #666666;
    font-weight: bold;
    font-size: small }

#pageContainer .hText  { color: #666666; font-weight: bold }

#pageContainer td {
    vertical-align: top;
}
    
#pageContainer .block {
}

/* Top Menu Text */

#topMenuContainer p, #topMenuContainer a, #topMenuContainer td  { color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif }

#topMenuContainer a {
    text-decoration: none }

#topMenuContainer a:hover {
    text-decoration: underline }
    
/* Side Menu Text */    
    
#sideMenuContainer h1, #sideMenuContainer h2, #sideMenuContainer p, #sideMenuContainer a, #sideMenuContainer td  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
    
#sideMenuContainer h1  { font-size: 12px; font-weight: bold }
    
#sideMenuContainer h2  { }

#sideMenuContainer .hText  { color: white; font-weight: bold }
    
#sideMenuContainer a  { color: white; text-decoration: none }

#sideMenuContainer a:hover  { color: white; text-decoration: underline }
    
    
#sideMenuContainer .icon {
    position: absolute;
    top: 18px;
    left: 12px;
}

/* Biblio */

.paper {
}

.paper .title {
    font-weight: bold;
}
    
.paper .author {
    font-style: italic;
}

.paper:hover {
}

/* Presentation */

.presentation {
}

.presentation .title {
    font-weight: bold;
}
    
.presentation .author {
    font-style: italic;
}
    
.presentation .location {
    font-style: italic;
}

.presentation:hover {
}

/* Some small things */

.entity {
    font-style: italic;
}

.comment {
    background-color: #FFFF66;
}

.hidden {
    display: none;
}

/* Figure */

.figure,
.figureRight {
    background-color: #FFFFFF;
    border: thin solid #000000;
}

#pageContainer .figure p.caption, #pageContainer .figure caption p, #pageContainer .figure td.caption, #pageContainer .figure td.caption p,
#pageContainer .figureRight p.caption, #pageContainer .figureRight caption p, #pageContainer .figureRight td.caption, #pageContainer .figureRight td.caption p {
    font-size: x-small;
} 

.figure .caption .title,
.figureRight .caption .title {
    font-weight: bold;
}

.figureRight {
    float: right;
    clear: left;
    margin-left: 8px;
}

br.figureRight {
    clear: right;
}

/* Icons */

img.leftIcon {
}

div.leftIcon {
    font-size: x-small;
}

a.leftIcon {
    font-size: x-small;
}

br.leftIconEnd {
}

img.rightIcon {
}

div.rightIcon {
    font-size: x-small;
}

a.rightIcon {
    font-size: x-small;
}

br.rightIconEnd {
    clear: right;
}

#pageContainer div.leftIcon p, #pageContainer div.rightIcon p {
    font-size: x-small;
    text-align: center;
}

#pageContainer a.leftIcon, #pageContainer a.rightIcon {
    font-size: x-small;
    text-align: center;
}

/******************************/
/* Block, Margin, and Padding */
/******************************/

/* Side Menu */
    
#sideMenuContainer {
    padding: 0px;
    margin: 0px }

#sideMenuContainer p, #sideMenuContainer h1{
    line-height: 11px; 
    padding: 0px;
    margin: 0px }
    
#sideMenuContainer p+p {
    margin-top: 4px }
    
#sideMenuContainer h1+p {
    margin-top: 4px }
    
#sideMenuContainer p+h1 {
    margin-top: 8px }

/* table */

table {
    margin: 0px;
    padding: 0px;
}

tr {
    margin: 0px;
    padding: 0px;
}

td {
    margin: 0px;
    padding: 5px;
    vertical-align: top;
}

td p {
    margin: 0px;
    padding: 0px;
}

td p+p {
    padding-top: 8px;
}

td p+img {
    padding-top: 8px;
}

td img+p {
    padding-top: 8px;
}

td img+img {
    padding-top: 8px;
}

/* Soft Layout Table */

table.softLayout {
    border-collapse: collapse;
}

table.softLayout > tbody > tr > td {
    padding: 0px;
    text-align: left;
    vertical-align: top;
}

table.softLayout > tbody > tr > td+td {
    border-style: solid;
    border-left-width: 10px;
}

table.softLayout > tbody > tr+tr > td {
    border-style: solid;
    border-top-width: 10px;
}

/* layout table */

table.layout {
    margin: 0px;
    padding: 0px;
}

table.layout > tbody > tr {
    margin: 0px;
    padding: 0px;
}

table.layout > tbody > tr > td {
    margin: 0px;
    padding: 0px;
    text-align: left;
    vertical-align: top;
}

/* figure table */

table.figure {
    margin: 0px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}

table.figure > tbody > tr {
    margin: 0px;
    padding: 0px;
}

table.figure > tbody > tr > td {
    margin: 0px;
    padding: 0px;
}

table.figure > tbody > tr > td+td {
    padding-left: 5px;
}

table.figure > tbody > tr+tr > td {
    padding-top: 5px;
}

/* Icons */

img.leftIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
}

div.leftIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
}

a.leftIcon {
    float: left;
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
}

br.leftIconEnd {
    clear: left;
}

img.rightIcon {
    float: right;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
	
}

div.rightIcon {
    float: right;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

a.rightIcon {
    float: right;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

br.rightIconEnd {
    clear: right;
}

div.rightIcon p, div.leftIcon p {
    margin: 0px;
    padding: 0px;
}

div.rightIcon img, div.leftIcon img {
    margin: 0px;
    padding: 0px;
}

div.rightIcon p+p, div.rightIcon img+img, div.rightIcon img+p, div.rightIcon p+img {
    padding-top: 3px;
}

div.leftIcon p+p, div.leftIcon img+img, div.leftIcon img+p, div.leftIcon p+img {
    padding-top: 3px;
}


/* ... */

#pageContainer td.block {
    padding: 5px;
}

/****************/
/* tab */
/****************/

#pageContainer table.tab  { margin-top: 20px; margin-bottom: 12px; height: 23px; table-layout: fixed; width: 100%; }

#pageContainer table.tab .leftCell {
    height: 23px;
    width: 23px;
    background-image: url(tabLeftCell.gif);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}

#pageContainer table.tab .textCell     { color: white; background-image: url("tabTextCell.gif"); background-repeat: repeat-x; margin: 0; padding: 4px 0 0; height: 23px; font-size: 13px }


#pageContainer table.tab .rightCell  { background-image: url("tabRightCell.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 26px; height: 23px }

#pageContainer table.tab .tailCell {
    height: 23px;
    background-image: url(tabTailCell.gif);
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
}


/*********/
/* Other */
/*********/

/* horizontal alignment */

p.center {
    text-align: center;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#pageContainer .figure .caption p {
    margin-top: 4px;
    margin-bottom: 4px;
}

/****************************************/
/****************************************/
/****************************************/
/* Things that most likely will         */ 
/* be overwritten by sub styles styles  */
/****************************************/
/****************************************/
/****************************************/

/* Misc */

body {
    background-color: #E5E5E5;
}

/* Top Menu */

.topMenu {
    z-index: 1;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 120px;
    margin: 0px;
    padding: 0px}

.topMenu .leftCell {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 252px;
    height: 120px;
    margin: 0px;
    padding: 0px;
    background-image: url(topMenuLeftCellBG.gif);
    background-repeat: no-repeat}

.topMenu .rightCell {
    position: absolute;
    left: 252px;
    top: 0px;
    right: 0px;
    height: 120px;
    margin: 0px;
    padding: 0px;
    background-image: url(topMenuRightCellBG.gif);
    background-repeat: repeat-x}

.topMenu .gotoTop {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px }

.topMenu .gotoMiddle {
    position: absolute;
    top: 24px;
    right: 0px;
    margin: 0px;
    padding: 0px }

.topMenu .gotoBottom {
    position: absolute;
    top: 48px;
    right: 0px;
    margin: 0px;
    padding: 0px }

#topMenuContainer  { margin: 0; padding: 0; position: absolute; top: 93px; right: 10px; left: 176px }

#topText                 { background-repeat: no-repeat; margin: 0; padding: 0; position: absolute; top: 12px; left: 184px }









#topMenuContainer td {
    margin:   0px;
    padding:  0px 6px 0px 6px }

/* Side Menu */

#sideMenu {
    z-index: 1;
    position: fixed;
    left: 0px;
    top: 60px;
    margin: 0px;
    padding: 0px }

#sideMenuTopCell {
    margin: 0px;
    padding: 0px;
    background-image: url(sideMenuTopCellBG.gif);
    background-repeat: no-repeat }

#sideMenuContainer {
    margin: 0px;
    padding: 0px;
    background-image: url(sideMenuTextCellBG.gif);
    background-repeat: repeat-y }

#sideMenuBottomCell {
    margin: 0px;
    padding: 0px;
    background-image: url(sideMenuBottomCellBG.gif);
    background-repeat: no-repeat }

#sideMenuContainer {
    padding-left: 15px;
    padding-right: 43px;
    padding-bottom: 10px }

/* Page */

#pageContainer   { background-color: transparent; margin: 0; padding: 0 16px 16px 0; position: absolute; z-index: 0px; top: 119px; right: 0; bottom: 0; left: 184px; overflow: auto }
    
#pageContainer .block {
    background-color: #BFBFBF;
}

.paper:hover {
    background-color: #BFBFBF;
}

.presentation:hover {
    background-color: #BFBFBF;
}

/* table */

table.softLayout > tbody > tr > td+td {
    border-color: #E5E5E5;
}

table.softLayout > tbody > tr+tr > td {
    border-color: #E5E5E5;
}