/* to add backgrounds: */
/* background-image: url(../images/tile.gif); */


/*
.edit
{
  background-image: url(mouseout.gif);
}

a:hover {
  background-image: url(mouseon.gif);
}
*/

/*MIKES REQUESTS*/
tt {
 color: #3165CE;
}

code {
 color: #3165CE;
}


/*-- FORM FIELDS -- */
input {
 font-family: Arial;
 border: 1px solid #00416E;
}

textarea {
 font-family: Arial;
 border: 1px solid #00416E;
}

select {
 font-family: Arial;
 border: 1px solid #00416E;
 font-size: 12px;
}

/*-- MOUSEOVER LINKS -- */
A:link {
 text-decoration: underline;
 color: #00416E;
 font-family: Arial;
 }

A:active {
 text-decoration: underline;
 color: #00416E;
 font-family: Arial;
}

A:visited {
 text-decoration: underline;
 color: #00416E;
 font-family: Arial;
 }

A:hover {
 text-decoration: underline;
 font-family: Arial;
 color: #0061AE;
 }

.titleimage {
 border-width: 1px;
 border-color: #00416E;
}

.blankwhite {
 border-width: 1px;
 border-color: #FFFFFF;
}

/*-- All tables - collapsed borders --*/
.table {
 border-collapse: collapse;
}

/*-- Table headers and (footers) button bars--*/
.headfoot {
 border: 1px solid #00416E;
 padding-left: 4px;
 padding-right: 4px;
 background-color: #BCD5EA;
}

/*-- Error boxes--*/
.errortd {
 border: 1px solid #FF0000;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 background-color: #EF9797;
}

/*-- form tables which contain fields --*/
.fieldtd {
 font-family: Arial;
 border: 1px solid #90B9D8;
 background-color: #F1F1F5;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
}

/*-- related articles td --*/
.relarttd {
 font-family: Arial;
 border: 1px solid #90B9D8;
 background-color: #FFFFFF;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
}

/*-- article fields fulltext --*/
.articletext {
 border: 1px solid #90B9D8;
 background-color: #F1F1F5;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
}

.texttd {
 font-family: Arial;
 font-size: 10px;
 text-align: left;
 border: 1px solid #90B9D8;
 background-color: #FAFCFE;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
}

.smalltext {
 font-family: Arial;
 font-size: 10px;
 color: #00416E;
}

.bluetext {
 font-family: Arial;
 font-size: 14px;
 color: #00416E;
}

.infotext {
 font-family: Arial;
 font-size: 9px;
 color: #00416E;
}

.errortext {
 font-family: Arial;
 font-size: 10px;
 color: black;
}

/*-- form tables which contain labels --*/
/*-- if you want to do per form use #upload .labeltd { --*/
.labeltd {
 text-align: center;
 font-family: Arial;
 font-size: 10px;
 border: 1px solid #90B9D8;
 background-color: #D5E8F5;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
 color: #00416E;
}

.navbaritem {
 text-align: center;
 font-family: Arial;
 font-size: 10px;
 font-weight:bold;
 border: 1px solid #00416E;
 padding:6px 0px 6px 4px; 
 color: #00416E;
 cursor: pointer;
 background-image: url(images/page_parts/bg_blend1.gif);
}
.blend1td {
 text-align: center;
 font-family: Arial;
 font-size: 10px;
 border: 1px solid #90B9D8;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
 color: #00416E;
 background-image: url(images/page_parts/bg_blend1.gif);
}

.blend2td {
 text-align: center;
 font-family: Arial;
 font-size: 10px;
 border: 1px solid #90B9D8;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
 color: #00416E;
 background-image: url(images/page_parts/bg_blend2.gif);
}

.blend3td {
 text-align: center;
 font-family: Arial;
 font-size: 10px;
 border: 1px solid #90B9D8;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
 color: #00416E;
 background-image: url(images/page_parts/bg_blend3.gif);
}

.articletable {
 font-family: Arial;
 font-size: 14px;
 border: 1px solid #90B9D8;
 border-collapse: collapse;
}

.articleheadertext {
 font-family: Arial;
 font-size: 18px;
 color: #00416E;
}

.articlepageheadertd {
 border: 1px solid #90B9D8;
 background-color: #D5E8F5;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
}

/*-- snug fit image to td -- */
.imagetd {
 text-align: center;
 font-family: Arial;
 font-size: 12px;
 border: 1px solid #90B9D8;
 background-color: #D5E8F5;
 color: #00416E;
}

/*-- thumbnail td perfect size for 100px thumbs --*/
.thumbnailtd {
 font-family: Arial;
 font-size: 12px;
 border: 1px solid #90B9D8;
 background-color: #FAFCFE;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
 color: #00416E;
 height: 210px;
 width: 210px;
}

/*-- Text/File fields in forms --*/
.browsefield{
 border: 1px solid #00416E;
}

/*-- Buttons in footers of forms --*/
.buttons {
 border: solid 1px outset #00416E;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #00416E;
 color: white;
 margin-right: 4px;
}

        /*****************************/
        /* TextArea Rich Style Sheet */
        /*****************************/

        /* NOTE: to change the colours of the mouse over for the editor buttons, you must
           go to Profunctions.js and edit the MOUSE OVER / MOUSE OUT class styles         */

        /* Do some basic formatting  */

        body {
                font-family: Arial;
                size:1;
                font-size: 10pt;
        }

        .h1 {
                font-size: 15pt;
                color: red;
        }

        td {
                font-family: Verdana, Arial, Helvetica;
                font-size: 8pt;
        }

        th {
                font-family: Verdana, Arial, Helvetica;
                font-size: 8pt;
        }


        /* Format text fields to have verdana font  */

        .textbox {
                font-family: Arial;
                font-size: 10pt;
                margin-left: 4px;
        }

        /* used in the drop down lists on the editor window */
        .dropDown
        {
                /*border: 1px solid #DDDDDD; */
                margin: 2;
                padding: 0;
                font-family: Verdana, Arial, Helvetica;
                font-size: 8pt;
                margin-left: 4px;
        }

          /* Colour for the status bar in the editor window. (where it says MODE...)  */

          .editor_status_bg
          {
                background-color: #CCCCCC;
          }

/*  basic button formatting  */
        .butClass
          {
            border: 1px solid #DDDDDD;
          }


          /*  spacing for the TD rows in the editor  */
        .tdClass
          {
            padding-left: 3px;
            padding-top:3px;
          }

        .button     { border: 1px solid #DDDDDD; margin: 2; padding: 0; }

        .buttonOn         { border: 1px outset; }

        .buttonDown { border: 1px inset; background-color: buttonhighlight; }

        .buttonNa   { border: 1px solid buttonface; filter: alpha(opacity=25); }

        .toolbar        { background-color: #DDDDDD; height: 30; align: left; border-bottom: 1px solid #BBBBBB; }

        /* html_path is the path at the bottom of the editor */
        .html_path         { font-size: 10px; }

        #tr_iView_menu,
        #tr_drop_color_menu,
        #tr_dropMenu {
        position:                absolute;
        display:                none;
        z-index:                101;
        border-left:        1px #CCCCCC solid;
        border-top:                1px #CCCCCC solid;
        border-right:         2px outset;
        border-bottom:        2px outset;
        padding:                0px;

}

.contextMenuStyle
{
        position:                absolute;
        z-index:                101;
        border-left:        1px #CCCCCC solid;
        border-top:                1px #CCCCCC solid;
        border-right:         2px outset;
        border-bottom:        2px outset;
        padding:                0px;
}
        /* DialogueBox is used for the popups that are called in the editor */
        .dialogueBox        {        background-color:#EEEEEE; margin-left: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; }
        .dialogueBox_header {font-size: 13pt}
        .dialogueButton {        font-size: 9px;        }
        .dialoguePreview {         background-color:#DDDDDD;
                                                border-bottom:buttonhighlight solid 1px;
                                                border-left:buttonshadow solid 1px;
                                                border-right:buttonhighlight solid 1px;
                                                border-top:buttonshadow solid 1px;
        }

        .editor_surround { border: 1px solid #666666; }

        /*        EDITOR STYLES */
        .littleOrange        {         font-size: 8pt; color:#CC9900 }
        .bigBlue                 {         font-size: 14pt; font-weight: bold; color:#0066CC; }
        .redUnderline        {        font-soze: 12pt; text-decoration: underline; color:#FF0000; }
        /* END EDITOR STYLES */



        /* CONTEXT MENU (right click) STYLES COLOURS */
        .menu_main                { width:130px; border:0; border-collapse: collapse; }
        .menu_col_one         { width: 15px; background-color:#C1C1C1; padding:2px; cursor: hand;}
        .menu_col_two         { padding:3px; font-family:verdana,arial; font-size:11px; cursor: hand;}
        .menu_arrow           { padding:2px;}
        .menu_over                { border:#7171FF 1px solid; background-color:#C6C6FF; }