.nothing{}  /* dummy class - because the first one always gets ignored  */

/*
                Notes on adding classes to this stylesheet.

    - Try to add classes in sections, use unique names, and do not refer to a
    classname outside of its section.  For example, all classes dealing with
    ButtonBars should be referred to only in the buttonbar section.  It's
    helpful if you choose class names that suggest what section they belong in,
    and if you list the classes in comments at the beginning of each section.

	- IMPORTANT: For IE 4 compatability, do NOT use punctuation (including
    underscores) in class names, and include a comment IMMEDIATELY before EACH
    class definition (even it it's an empty comment). For some reason, comments
    before all classes make a lot of IE 4 errors go away, but there can't be any
    blank lines between the comment and the class name...

    - You are encouraged to use theme replacers when possible.  Many of the
    items in the "theme.properties" file can be used here, but not necessarily
    all of them. The following values can be safely used in stylesheets:

        $ThemeColor1$   - the "dominant" color of the theme (dark blue in Modern theme)
        $TextColor1$    - color for text written over ThemeColor1
        $ThemeColor2$   - the secondary color of the theme  (light blue in Modern theme)
        $TextColor2$    - color for text written over ThemeColor2
        $ThemeDialogBackgroundColor$	- background color inside dialog boxes
        $ThemeDialogTextColor$		- text color inside dialog boxes
        $ThemeBackgroundColor$		- background color outside of dialogs/eclips
        $DefaultFont$           - basic font

     - If you want a variation on the DefaultFont, it is best to set the default
     font and then override the properties you wish to change.  To use a bold
     font, include the following in your class:

        font-family:$DefaultFont$;
        font-weight:bold;
*/

/*  */
BODY {
    background:$Background$;
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
}

/* hyperlinks */
BODY A:hover {
    color:$BackgroundSelectColor$;
    cursor:hand;
}

/******************************    Banner Frame    *******************************
 *                                                                               *
 *   Classes (and the tags they apply to):                                       *
 *      bannerMenu (anchor)		- Anchor for menus                               *
 *      bannerSubMenu (anchor)	- Anchor for sub-menus                           *
 *                                                                               *
 *********************************************************************************/

/*  */
a.bannerMenu, a.bannerSubMenu {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
	color:$BannerTextColor$;
	text-decoration:none;
}

/*  */
a.bannerMenuDisabled {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
	font-weight:normal;
	color:$BannerTextColor$;
	cursor:default;
	text-decoration:none;
	link:$BannerTextColor$;
	active:$BannerTextColor$;
	visited:$BannerTextColor$;
}

a.bannerLink {
    font-family: $NavbarFont$;
    font-size: $NavbarFontSize$;
    color: $NavbarTextColor$;
    text-decoration:none;
}

a.bannerLink:hover {   
    color: "$NavbarSelectColor$";
    text-decoration: "underline";
}

a.bannerLink:visited {   
    color: "$NavbarTextColor$";
    text-decoration: "none";
}

/* banner label */
td.bannerLabel {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    color:$BannerTextColor$;
    font-weight:bold;
}

/******************************    Dialog Boxes    *****************************
 *
 *   Classes (and the tags they apply to):
 *
 *      dialog (table)        - dialog box of standard (or larger) size
 *      unsizedDialog (table) - dialog box with no standard size set
 *      dialogTitle (td)      - colored bar with title at top of dialog
 *      dialogBar (td)        - colored bar underneath title bar
 *      dialogContentTable (table) - inner table for content area of dialog
 *      dialogContent (td)    - content area of the dialog
 *      dialogButtons (td)    - section of dialog containing buttons
 *      dialogSpace (td)      - indicate where empty space should be,
 *                              if contents do not entirely fill dialog
 *      dialogEClipEdit1 (td)- first background color for eclip list
 *      dialogEClipEdit2 (td)- second background color for eclip list
 *      dialogSeparator  (td)- Heading to separate sections on a dialog
 *	    dialogOKButton (input - button) - Size for the OK button
 *	    dialogMoveButton (input - button) size for move up/down buttons
 *	    dialogSelect (select) - width for select box
 *      dialogNoBorder (table) - no border, no identation
 *      dialogLineNoBorder (td)
 *      dialogButtonsNoBorder (td)
 *      dialogTextNoBorder (td)
 *
 ******************************************************************************/
/* set default fonts and colors */
table.dialog, table.unsizedDialog, table.dialogContentTable, td.dialogTitle,
td.dialogBar, td.dialogContent, td.dialogButtons, td.dialogTopButtons,
td.dialogEClipEdit1, td.dialogEClipEdit2, td.dialogSeparator, td.dialogFormTable,
td.dialogFormContent, a.dialogIndentText, td.dialogFormLabel, td.dialogFormInput,
a.dialogError, td.dialogListHeading, td.dialogList1, td.dialogList2,
td.dialogOldContent, .dialogText, table.dialogNoBorder, td.dialogTextNoBorder,
td.dialogButtonsNoBorder, td.dialogContentRight {
    background:$DialogBackground$;
	color:$DialogTextColor$;
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
}

/*  */
td.dialogFormLabel2 {
    background:$DialogAltBackColor$;
    color:$DialogTextColor$;
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    line-height: 140%;
}

/*  */
td.dialogFormLabel3 {
    color:$DialogTextColor$;
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    font-weight:bold;
}

/*  */
td.navSubTitle {
    background:$NavSubTitleColor$;
    color:$DialogTextColor$;
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    line-height: 140%;
}

/*  */
a.navSubTitle {
    background:$BBarBackgroundColor$;
    color:$DialogTextColor$;
    font-family:$NavbarFont$;
    line-height: 140%;
    font-weight:bold;
}

/*  */
a.navSubTitle2 {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    line-height: 140%;
}

/*  */
a.navSubTitle3 {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    font-weight:bold;
    line-height: 140%;
    color:$DialogTextColor$;
}

/*  */
a.navSubTitle4 {
    color:$TabMenuActiveTextColor$;
    font-family:$NavbarFont$;
    line-height: 140%;
    font-weight:bold;
}

/*  */
ul.navSubTitle {
    background:$BBarBackgroundColor$;
    color:$DialogTextColor$;
    font-family:$NavbarFont$;
    line-height: 140%;
    font-weight:bold;
}

/*  */
a.docFrameText {
    background:$BackgroundColor$;
    color:$DialogTextColor$;
    font-family:$DefaultFont$;
    line-height: 140%;
}

/* add info for dialog box types */
td.dialogLine {
    border-left:solid 25px $DialogBackground$;
	border-right:solid 25px $DialogBackground$;
	border-top:solid 8px $DialogBackground$;
	border-bottom:solid 8px $DialogBackground$;
	background-color:$DialogLineColor$;
	height:18px;
}

/*  */
td.dialogLineNoBorder {
    border-left:solid $DialogBackground$;
	border-right:solid $DialogBackground$;
	border-top:solid 8px $DialogBackground$;
	border-bottom:solid 8px $DialogBackground$;
	background-color:$DialogLineColor$;
	height:18px;
}

/*  */
td.dialogFormContent {
}

/*  */
td.dialogFormInput {
    width:260px;
}

/*  */
a.dialogError {
    color:red;
    font-weight:bold;
}

/*  */
.dialogText {
}

/*  */
input {
    font-size:$DefaultFontSize$;
}

/*  */
select {
    font-size:$DefaultFontSize$;
}

/*  */
a.dialogIndentText {
    padding-left:20px;
}

/* add info for dialog box types */
td.dialogContent {
    padding-left:40px;
    padding-right:40px;
}

/*  */
td.dialogContentRight {
    padding-left:10px
}

/* add info for dialog box types */
table.dialog, table.unsizedDialog {
    margin-top:20px;
	margin-left:20px;
    border-top:$DialogTLBorder$;
    border-bottom:$DialogBRBorder$;
    border-right:$DialogBRBorder$;
    border-left:$DialogTLBorder$;
    text-align:left;
}

/* A special class for User page editor: removed margins from unsizedDialog */
table.unsizedDialogUPE {
    border-top:$DialogTLBorder$;
    border-bottom:$DialogBRBorder$;
    border-right:$DialogBRBorder$;
    border-left:$DialogTLBorder$;
    text-align:left;
}

/*  */
table.dialogNoborder {
    margin-top:20px;
}

/*  */
td.dialogButtons {
    text-align:center;
}

/*  */
td.dialogTopButtons {
    padding-left:40px;
    text-align:left;
}

/*  */
td.dialogButtonsNoborder {
    text-align:left;
}

/*  */
table.dialog {
    width:500;
}


/*
 * Override fonts and colors (where necessary) and add other properties. Make
 * sure padding-left match td.dialogList1, td.dialogList2 and tc.dialogList3
 * or it can be 1 less)
 */

/*
 * This is for those titles that contain a small table (one row only, column 1
 * is header and column 2 is a sort/arrow. The table takes up an extra pixel so
 * we must compensate by setting padding-left 1 less than that in
 * td.dialogList1,2,3
 */
td.dialogTitleB {
    background-image:none;
    background-color:$DialogMainTitleColor$;
    color:$DialogMainTitleTextColor$;
    padding-left:6px;
    font-weight:bold;
    text-align:left;
    height:20px;
}

/*
 * This is for those titles that are just plain text. It matches the padding-left
 * of td.dialogList1,2,3
 */
td.dialogTitle {
    background-image:none;
    background-color:$DialogMainTitleColor$;
    color:$DialogMainTitleTextColor$;
    padding-left:7px;
    font-weight:bold;
    text-align:left;
    height:20px;
}

/*  */
a.dialogTitle {
    background-color:$DialogMainTitleColor$;
    color:$DialogMainTitleTextColor$;
    font-weight:bold;
    height:20px;
}

/*  */
td.dialogTitle2 {
    background-image:none;
    background-color:$BBarNavTitleActiveColor$;
    color:$DialogMainTitleTextColor$;
    padding-left:7px;
    text-align:left;
    height:20px;
    font-size:$DefaultFontSize$;
    font-weight:bold;
}

/*  */
a.dialogTitle2 {
    background-image:none;
    color:$DialogMainTitleTextColor$;
    font-size:$DefaultFontSize$;
    font-weight:bold;
}

/*  */
a.dialogTitle3 {
    background-image:none;
    color:$DialogMainTitleTextColor$;
    font-size:$DefaultFontSize$;
    font-weight:bold;
    text-decoration:none;
}


/*  */
td.dialogBar {
    background-image:none;
    background-color:$DialogSubTitleColor$;
    color:$DialogSubTitleTextColor$;
    height:40px;
    border-bottom:solid 20px $DialogBackground$;
}

/*  */
td.dialogEClipEdit1, td.dialogEClipEdit2 {
    height: 20px;
}

/*  */
td.dialogEClipEdit2 {
    background-image:none;
    background-color: $DialogAltBackColor$;
}

/*
 * Make sure padding-left is the same value here as for td.dialogTitle, and its
 * 1 more than td.dialogTitleB
 */
td.dialogListHeading, td.dialogList1, td.dialogList2 {
    height:20px;
    background-image:none;
    text-align:left;
    padding-left:7px;
    padding-right:10px
}

/*  */
td.dialogListHeading {
    background-color:$DialogSeparatorColor$;
    font-weight:bold;
}

/*
 * Make sure padding-left is the same value here as for td.dialogTitle, and its
 * 1 more than td.dialogTitleB
 */
td.dialogList2 {
    background-color: $DialogAltBackColor$;
}

/*  */
td.dialogSpace {
    height:20px;
}

/*  */
td.dialogHalfSpace {
    height:10px;
}

/*
 * Make sure padding-left is the same value here as for td.dialogTitle, and
 * its 1 more than td.dialogTitleB
 */
td.dialogList3 {
    background-image:none;
    text-align:left;
    padding-left:7px;
    background-color:$TableSubHeadingBackgroundColor$
}

/*  */
td.dialogSeparator {
    background-image:none;
    background-color:$DialogSeparatorColor$;
    font-weight:bold;
    text-align:left;
    height:40px;
    border-left:solid 25px $DialogBackground$;
    border-right:solid 25px $DialogBackground$;
    border-top:solid 12px $DialogBackground$;
    border-bottom:solid 8px $DialogBackground$;
}


/*  */
.dialogButton, .dialogOKButton {
    font-size:$DefaultFontSize$;
    font-family:$DefaultFont$;
    background-color:#E9E9E9;
    border-style:double;
    border-color: #C0C0C0;
}


/*  */
input.dialogMoveButton {
    width:125
}

/* width of community lists under user profile tab, communities */
select.communitySelect {
    width:150;
    font-size:$DefaultFontSize$;
}

/* width of lists under admin tab, user, edit user, list box at bottom */
select.dialogSelect {
    width:260
}

/*  */
input.dialogInput {
    width:260
}

/*******************************    Button Bars    *******************************
 *                                                                               *
 *   Class names for Button Bars are of the form TAG.xxxxBByy, where             *
 *           TAG is the html tag that the class applies to                       *
 *           xxxx is a 4 char description of the class                           *
 *           yy is a 2 char abbreviation for the button bar type.                *
 *                                                                               *
 *    All of the following classes MUST be defined for each BB type,             *
 *           but the definitions can be empty                                    *
 *                                                                               *
 *    Classes (and the tags they apply to):                                      *
 *                                                                               *
 *        icon (img)   - icons                                                   *
 *        nobr (nobr)  - (leave this empty)                                      *
 *        back (table) - background                                              *
 *        labl (td)    - text label                                              *
 *        blnk (td)    - blank space                                             *
 *                                                                               *
 *        defb (td)    - default button   (not selected, disabled, etc)          *
 *        selb (td)    - selected button  (for buttons that support selection)   *
 *        disb (td)    - disabled button  (button can't be clicked)              *
 *        hilb (td)    - hilighted button (when mouse passes over)               *
 *        clib (td)    - clicked button   (when non-selected button is clicked)  *
 *        shlb (td)    - selected hilighted (when selected button is hilighted)  *
 *        sclb (td)    - selected clicked (when selected button is clicked)      *
 *                                                                               *
 *     ButtonBar types:                                                          *
 *                                                                               *
 *           BBSB    - selected buttons  (normal buttons that retain selection)  *
 *           BBTB    - toolbar           (toolbar, doesn't retain selection)     *
 *                                                                               *
 *********************************************************************************/
/****** ButtonBar: selected button type  (bbSB) ******/

/*  */
img.iconBBSB {
}

/*  */
nobr.nobrBBSB {
}

/* button bar background */
table.backBBSB {
    background:$BannerBackground$;
    margin-left:0;
    margin-right:0
}

/* button bar label */
td.lablBBSB {
    font-family:$DefaultFont$;
    font-size:12pt;
    font-weight:bold;
    text-align:left;
    color:$TabMenuDefaultColor$;
    cursor:nw-resize
}

/* button bar blank */
/* use "width:80%" to push other parts of button bar to edges of screen */
/* otherwise, remove "width:80%", or specify exact width */
td.blnkBBSB {
}


/*** Buttons ***/
/* set all buttons to default */
td.defbBBSB, td.selbBBSB, td.disbBBSB, td.hilbBBSB, td.clibBBSB, td.sclbBBSB, td.shlbBBSB {
    color:$TabMenuDefaultTextColor$;
    cursor:hand;
    /***
       The following fields should usually be the same for ALL button classes in a buttonbar .
       Otherwise, buttons may resize and jump around when hilighted or selected.
       If you do want to override these in other button classes, be very careful.
    ***/
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    font-weight:bold;
    text-align:center;
    vertical-align:bottom;
    width:120;
    padding:0;
}

/* override defaults where necessary */
/* selected buttons */
td.selbBBSB, td.sclbBBSB, td.clibBBSB {
    background-color:$TabMenuActiveColor$;
    color:$TabMenuActiveTextColor$;
}

/* disabled buttons */
td.disbBBSB {
    background-color:lightgrey;
    color:gray;
    cursor:nw-resize;
}

/* hover buttons */
td.hilbBBSB, td.shlbBBSB {
    background-color:$TabMenuActiveColor$;
    color:$TabMenuHoverTextColor$;
    
}



/****** ButtonBar: toolbar type  (bbTB) ******/
img.iconBBTB {
}

/*  */
nobr.nobrBBTB {
}

/* table outside of button bar */
div.outerBBTB, table.outerBBTB {
    background-color:$BBarBackgroundColor$;
    margin-left:0;
    margin-right:0;
    width:100%;
    height:$ButtonBarHeight$;
}

/*  */
div.navBar {
    background-color:$BBarBackgroundColor$;
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    margin-left:0;
    margin-right:0;
    width:100%;
}

/*  */
table.navBar {
    background-color:$BBarBackgroundColor$;
    width:100%;
}

/*  */
iframe.navBar {
    background-color:$BBarBackgroundColor$;
}

/* button bar background */
table.backBBTB {
    background-color:$BBarBackgroundColor$;
    border-right:solid 22px $BBarActiveColor$;
    border-left:solid 7px $BBarActiveColor$;
    margin-left:0;
    margin-right:0;
    width:100%;
    height:$ButtonBarHeight$;
}

/*  */
table.backBBTB2 {
    background-color:$BBarNavTitleActiveColor$;
    border-right:solid 22px $BBarNavTitleActiveColor$;
    border-left:solid 7px $BBarNavTitleActiveColor$;
    margin-left:0;
    margin-right:0;
    width:100%;
    height:$ButtonBarHeight$;
}

/* button bar label */
td.lablBBTB {
    font-family:$DefaultFont$;
    font-size:12pt;
    text-align:left;
    color:$BBarLabelColor$;
    font-weight:bold;
}

/* button bar label normal*/
td.lablBBTBnormal {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    text-align:left;
    color:$BBarLabelColor$;
}

/*  */
td.labBBTB2 {
    font-family:$DefaultFont$;
    font-size:10pt;
    background-color:$BBarNavTitleActiveColor$;
    text-align:left;
    color:$BBarLabelColor$;
    font-weight:bold;
}

/*  */
td.lablBBTB3 {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    text-align:left;
    color:$NavbarTextColor$;
    font-weight:bold;
}

/*  */
td.lablBBTB4 {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    text-align:left;
    color:$TabMenuActiveTextColor$;
    font-weight:bold;
}

/*  */
td.lablBBTB5 {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    text-align:left;
    color:$BBarTLBorder$;
    font-weight:bold;
}

/* Crumb Trail DIV text */
DIV.CrumbTrail TR TD {
    font-family:$CrumbTrailFont$;
    font-size:$CrumbTrailFontSize$;
    text-align:left;
    color:$CrumbTrailTextColor$;
    font-weight:normal;
}

/* Crumb Trail non-hyperlinked text */
TD.lablBBTBct {
    font-family:$CrumbTrailFont$;
    font-size:$CrumbTrailFontSize$;
    text-align:left;
    color:$CrumbTrailTextColor$;
    font-weight:bold;
}

/* Crumb Trail hyperlinked text */
A.crumbtrail {
    font-family:$CrumbTrailFont$;
    font-size:$CrumbTrailFontSize$;
    text-align:left;
    color:$CrumbTrailTextColor$;
    text-decoration:none;
    font-weight:normal;
    cursor:hand
}

/* old label text - keep this so userpages don't break */
td.labl_bbTB {
    font-family:$DefaultFont$;
    font-size:14pt;
    text-align:left;
    color:$BBarActiveTextColor$;
}

/* button bar blank */
/* use "width:95%" to push other parts of button bar to edges of screen */
/* otherwise, remove "width:95%", or specify exact width */
td.blnkBBTB {
    width:95%;
}


/*** Buttons ***/
/* set all buttons to default */
td.defbBBTB, td.selbBBTB, td.disbBBTB, td.hilbBBTB, td.clibBBTB, td.sclbBBTB,
td.shlbBBTB {
    background-color:$BBarBackgroundColor$;
    color:$BBarActiveTextColor$;
    cursor:hand;

    /* The following fields should usually be the same for ALL button classes in a buttonbar .
       Otherwise, buttons may resize and jump around when hilighted or selected.
       If you do want to override these in other button classes, be very careful.
    */
			font-family:$DefaultFont$;
			font-size:$DefaultFontSize$;
			text-align:center;
			vertical-align:bottom;
			white-space:nowrap;
			width:80;
            padding-left:4;
            padding-right:4;
}

/* override defaults where necessary */

/* disabled buttons */
td.disbBBTB
        {
			color:gray;
			cursor:nw-resize
		}

	/* hilighted buttons */
td.hilbBBTB
        {
            border-top:$BBarTLBorder$;
			border-bottom:$BBarBRBorder$;
			border-right:$BBarBRBorder$;
			border-left:$BBarTLBorder$;
		}

	/* clicked and selected clicked buttons */
td.clibBBTB, td.sclbBBTB
        {
            border-top:$BBarTLBorder$;
			border-bottom:$BBarBRBorder$;
			border-right:$BBarBRBorder$;
			border-left:$BBarTLBorder$;
		}

/****** end of ButtonBar classes ******/

/**********************************************************************
*                        Folder View Content
*
* folderViewContent: common class for folder_view_content.esp
* folderContentHyperlink: class for hyperlinks
* folderContentDetails: class for bookmark and folder item's details
*
*
**********************************************************************/
/*  */
tr.folderViewContent, td.folderContentHyperlink, td.folderContentDetails {
    font-family:$DefaultFont$;
    font-size:$DefaultFontSize$;
    color: $BackgroundTextColor$;
    background: $Background$;
}

/* hyperlinks */
td.folderContentHyperlink A {
    color: $BackgroundTextColor$;
    font-weight: bolder;
}

/* hyperlinks */
td.folderContentHyperlink A:link {
    color: $BackgroundTextColor$;
    text-decoration:none;
}

/* hyperlinks */
td.folderContentHyperlink A:visited {
    color: $BackgroundTextColor$;
    text-decoration:none;
}

/* hyperlinks */
td.folderContentHyperlink A:hover {
    color:$BackgroundSelectColor$;
    text-decoration:none;
}

/* hyperlinks */
td.folderContentHyperlink A:active {
    color: $BackgroundSelectTextColor$;
    background-color:$BackgroundSelectColor$;
    text-decoration:none;
}

/* details are indented */
td.folderContentDetails DIV {
    margin-left:20;
}

/* clsMenu */
.clsMenu {
    background-color: "#cccccc";
    border-bottom: "silver outset 2px";
    border-left: "white outset 2px";
    border-right: "silver outset 2px";
    border-top: "white outset 2px";
    color: "black";
    cursor: "hand";
    font-family: "$DefaultFont$";
    font-size: "$DefaultFontSize$";
    line-height: "$DefaultFontSize$";
    overflow: "hidden";
    padding-bottom: "1px";
    padding-left: "1px";
    padding-right: "1px";
    padding-top: "1px";
    postition: "absolute";
    text-align: "left";
    top: "35px";
    visibility: "hidden";
}

/* clsMenu */
.clsMenu DIV {
    postition: "absolute";
    padding-bottom: "3px";
    padding-left: "5px";
    padding-right: "3px";
    padding-top: "3px";
    width: "100%";
}

/* clsMenu */
.clsMenu DIV.clsMenuItemOver {
    background-color: "$MenuItemHoverColor$";
    color: "white";
}

/*  */
.MultiLink {
    color: "black";
    text-decoration: "none";
}

/*  */
.MultiLinkOver {
    color: "white";
    text-decoration: "none";
    cursor: "hand";
}

/*  */
.MultiLinkSelected {
    color: "white";
    background-color: "white";
    text-decoration: "none";
}

/*******************************    eClips    ************************************
 *                                                                               *
 *   Classes (and the tags they apply to):                                       *
 *                                                                               *                                                                            *
 *********************************************************************************/
/*  */
DIV.eclip {
    z-index: 0;
    position: absolute;
    overflow: hidden;
    border-top:$EclipTLBorder$;
    border-left:$EclipTLBorder$;
    border-bottom:$EclipBRBorder$;
    border-right:$EclipBRBorder$;
}

/*  */
DIV.eclipToolbar, DIV.eclipToolbarView {
    cursor: move;
    position: relative;
    background-color:$EclipMainTitleColor$;
    color: $EclipMainTitleTextColor$;
    font-family: $DefaultFont$;
    font-weight: bolder;
    width: 100%;
    height:$EclipMainTitleHeight$px;
}

/*  */
DIV.eclipToolbarView {
    cursor: auto;
}

/*  */
DIV.eclipToolbarTone {
    position:relative;
    font-family:$DefaultFont$;
    font-size:10;
    color:$EclipSubTitleTextColor$;
    background-color:$EclipSubTitleColor$;
    width: 100%;
    height:$EclipSubTitleHeight$px;
}

/*  */
DIV.eclipToolbarTone TR TD {
    color:$EclipSubTitleTextColor$;
}

/*  */
DIV.eclipContent {
    overflow:auto;
}

/*  */
DIV.eclipStatusbar {
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background-color:$EclipLayoutBarColor$;
    height:$EclipLayoutBarHeight$px
}

/*  */
DIV.eclipStatusbarMinimized {
    height: 0px;
    left:   0px;
    bottom: 0px;
    width: 0px;
}

/*  */
IMG.eclipMinimiz {
    cursor: auto;
}

/*  */
IMG.eclipResizer {
    cursor: SE-resize;
    margin-right=-3px;
}

/****** end of eClip classes ******/

/*******************************    Result Lists    ******************************
 *                                                                               *
 *   Classes (and the tags they apply to):                                       *
 *                                                                               *
 *********************************************************************************/
/*  */
DIV.SearchResult {
    font-family:$SearchResultsFont$;
    font-size:$SearchResultsFontSize$;
    color:$SearchResultsTextColor$;
}

/*  */
DIV.SearchResult A:link	{
    color:$SearchResultHover$;
    text-decoration:none;
}

/*  */
DIV.SearchResult A:visited {
    color:$SearchResultHover$;
    text-decoration:none;
}

/*  */
DIV.SearchResult A:hover {
    color:$SearchResultHover$;
    text-decoration:underline;
}

/*  */
DIV.SearchResult A:active {
    color:$NavbarSelectTextColor$;
    background-color:$NavbarSelectColor$;
    text-decoration:none;
}

/*  */
TD.SearchResultTotal {
    font-family:$SearchResultsFont$;
    font-size:$SearchResultsFontSize$;
    cursor:help;
}

/*  */
.SearchResultNextPrevious {
    text-align:right;
    width:60%;
}

/*  */
TD.SearchResultTitle {
    font-weight:bolder;
}

/*  */
DIV.SearchResultGroupHeading {
    text-align:left;
    font-weight:bolder;
    color:$SearchHeadingTextColor$;
    background-color:$SearchHeadingColor$;
    padding:2px;
    margin:4px;
    cursor:hand;
}

/*  */
Table.SearchResultTable {
    font-family:$SearchResultsFont$;
    font-size:$SearchResultsFontSize$;
    width:100%;
    cell-spacing:2px;
    padding:2px;
}

/*  */
Table.SearchResultNestedTable {
    font-family:$SearchResultsFont$;
    font-size:$SearchResultsFontSize$;
    width:100%;
    cell-spacing:2px;
    padding:2px;
    display:none;
}

/*  */
.SearchResultHorRule {
    color:$SearchResultsSeparatorColor$;
    size:100%;
}

/*  */
TD.SearchResultFolder {
    text-align:left;
}

/*  */
.SearchResultErrorMsg {
    font-size:medium;
    text-align:center;
}

/*  */
P.SearchResultErrorMsg {
    font-family:$SearchResultsFont$;
    font-size:$SearchResultsFontSize$;
    font-weight:bold;
    color:red;
    text_align:center;
}

/*  */
TD.SearchHistoryHeading {
    font-family:$SearchResultsFont$;
    font-size:$SearchResultsFontSize$;
    font-weight:bold;
}

/* */
TD.SearchHistoryResources {
    font-family:$SearchResultsFont$;
    font-size:$SearchResultsFontSize$;
    font-style:italic;
}


BODY  {
	font-size : xx-small;
	font-family : Verdana;
	text-decoration : none;
}

tr {
	font-size : 11px;
	font-family : Verdana;
	text-decoration : none;
}

tr.RESULTS_FOUND {
	 BACKGROUND-COLOR: #E3DFE0;
	font-size : 10px;
	font-family : Verdana;
	text-decoration : none;
	height: 15px;
}

td.Campo {
	 font-size : 10px;
	 font-family : Verdana;
	 text-decoration : none;
	 height: 15px;
}

A  {
	font-size : xx-small;
	font-family : Verdana;
	font-weight : bold;
	text-decoration : none;
}

A:Visited  {
	text-decoration : none;
}

A:Active  {
	text-decoration : underline;
}

A:Hover  {
	text-decoration : underline;
}

div {

	text-align:justify;
}

.FORM { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #0a6b00 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR: #ffffff; FONT-FAMILY: Verdana,Arial,Helvetica }


.GROUP_TITLE{
    BACKGROUND-COLOR: #FFFFFF;
	font-size : 13px;
	font-family : Verdana;
	font-weight : bold;
	text-decoration : none;
	color: #99550C;
	height: 20px;	
}

.REVISTA_TITLE{
    BACKGROUND-COLOR: #FFFFFF;
	font-family : Verdana;
	text-decoration : none;
	color: #99550C;
}

.RESULTS_FOUND{
    BACKGROUND-COLOR: #D4D7AF;
	font-size : 10px;
	font-family : Verdana;
	text-decoration : none;
	color: #000000;
	height: 15px;
}

.BUSCADOR_TITLE{
    BACKGROUND-COLOR: #B9AFB2;
	font-size : 12px;
	font-family : Verdana;
    font-weight : bold;
	text-decoration : none;
	color: #000000;
	height: 20px;
}

.DATOS_TITLE{
   BACKGROUND-COLOR: #D2CCCE;
	font-size : 11px;
	font-family : Verdana;
	text-decoration : none;
	color: #000000;
	height: 15px;
}


.REVISTA_ON_LINE_TITLE{
	font-size : 11px;
	font-family : Verdana;
	text-decoration : none;
	color: red;
    font-weight : bold;
}

.PUBLICACION_DESCRIPTION{
	font-size : 11px;
	font-family : Verdana;
	text-decoration : none;
	color: #000000;
}



.amenuinf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #959595;
	text-decoration: none;
	font-variant: normal;
	letter-spacing: 0.05em;

	} 
A:link {color:989392; text-decoration: none} 
A:visited {color:989392} 
A:hover {color:000000} 
A:active {color:989392} 

.Alink:link {
	color:989392;
	text-decoration: underline;
}
.Alink:visited {
	color:989392;
	text-decoration: underline;
}
.Alink:hover {
	color:990033;
	text-decoration: underline;
} 
.Alink:active {
	color:989392;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;

}
.amenuinf:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #959595;
	text-decoration: none;
	}
.amenuinf:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #959595;
	text-decoration: none;
	}
.amenuinf:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #959595;
	text-decoration: none;
	}
.amenuinf:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	}		
.arial10gris6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.verdanabol12blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.titgranate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: 523E3F;
}
.noefecto {
	text-decoration: none;
}
.verdana9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.titgranate10 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: 880022;
}
.arial9gris6 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.arial10gris6interlineatpeke {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 10px;

}
.bold {
	font-weight: bold;
}
.granate {
	color: #880022;
}
.E:hover {
	COLOR: #ffffff;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.E {
	COLOR: #666666;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;

}
.titgsub:hover {
	COLOR: #880022;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.titgsub {
	COLOR: #880022;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;

}
.titgsub:link {color:880022; text-decoration: underline} 
.titgsub:visited {color:880022}
.arial10grisclarc {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.negro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.arial10granate6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990022;
	font-weight: bold;

}
.arial10granate6:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990022;
	text-decoration: none
}
.arial10granate6:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990022;
	text-decoration: none
}
.arial10granate6:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none
}
.arial10gris61 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: bold;

}
.arial10gris61:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none
}
.arial10gris61:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none
}.arial10gris61:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990022;
	text-decoration: none
}
.buttoncgn {
	text-align: center; 
	font-family: Verdana; 
	font-size: 8pt; 
	background-color: 'White'; 
	color: Black;
	border-color: 'DarkRed';
	font-weight: bold;
	letter-spacing: 1pt;
	border-width: 1px 1px 1px 1px;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
}