/******************************************************************************

  Script    :   rcl_std_style_base.css
  Author    :   C.E. Berry
  Version   :   1.0
  Notes     :   CSS Stylesheet for RCL website

                All material contained within is the intellectual property of
                SysExcel Ltd. and as such may not be reproduced in any way
                shape or form without the prior consent of SysExcel Ltd.

******************************************************************************/

/*  Styles for default page elements e.g. anchors, body etc.  */

body /* set default inherited properties */
{
                                height:100%;
                                margin: 0px;
                                padding: 0px;
                                border: none;
                                color: #000000;
                                background-color: #FFFFFF;
                                text-align: center;
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: 14px;
                                background-position: top center;
                                background-image: url(/site_graphics/rcl_background.jpg);
                                background-repeat: repeat-y;
}

a:link, a:visited, a:active
{
                                color: blue;
                                text-decoration: none;
}

a:hover
{
                                text-decoration: underline;
}

input, select, textarea
{
                                font-family: Arial;
}

a, img /* default all images and links to have no margin or borders, especially useful for IE linked images */
{
                                border: 0px;
                                padding: 0px;
                                margin: 0px;
}

table, td /* default all tables to cellpadding/cellspacing/border = 0 and top alignment*/
{
                                color: #000000;
                                padding: 0px;
                                border-collapse: collapse;
                                border-spacing: 0px;
                                vertical-align: top;
}

form
{
                                margin-bottom: 0px;
                                margin-top: 0px;
}

.rclinputerror
{
                                background-color: #FF5020 !important;

}

/* Site wide specific styles */

.rclmainpanelbg
{
                                background-color: #DBDBDB;
}

.rclbottompanel
{
                                vertical-align: middle;
                                font-family: Arial, MS, Helvetica, sans-serif;
                                font-size: 11pt;
}

a.rclbottompanel
{
                                vertical-align: middle;
                                font-family: Arial, MS, Helvetica, sans-serif;
                                font-size: 10pt;
}

a.rclbottompanel:link, a.rclbottompanel:visited, a.rclbottompanel:active
{
                                text-decoration: none;
}

a.rclbottompanel:hover
{
                                text-decoration: underline;
}

table.rcltextpanel td
{
                                background-color: #FEFEFE;
}

.rclbottompanelfooter
{
                                vertical-align: middle;
                                font-family: Arial, MS, Helvetica, sans-serif;
                                font-size: 8pt;
}

.rclsplashtext
{
                                text-align: right;
                                margin-top: 5px;
                                margin-right: 40px;
                                color: #FFFFFF;
                                font-size: 11pt;
}

td.rclsplashtext
{
                                background-image: url('/site_graphics/rcl_splash_r2_c1.jpg');
}

.rclcolourwhatwedo
{
                                color: #2165CC !important;
}

table.rclnewstable a,
.rclcolournews
{
                                color: #8E1701 !important;
}

table.rclmemberstable a,
.rclcolourmembers
{
                                color: #8339D8 !important;
}

table.rclwgnewstable a,
table.rclwgcontacttable a,
table.rclwglinkstable a,
.rclcolourwalledgarden
{
                                color: #438507 !important;
}

table.rclworkcontacttable a,
.rclcolourwork
{
                                color: #AB213A !important;
}

.rclcolourmakeadifference
{
                                color: #44312D !important;
}

table.rclcontacttable a,
.rclcolourcontact
{
                                color: #2C6E45 !important;
}

table.rcllinkstable a,
.rclcolourlinks
{
                                color: #031E5C !important;
}

.rclcolouraccessibility
{
                                color: #000000 !important;
}

/* ARTICLE TEXT PANEL defined by the table classed as rcltexttable */

table.rcltexttable h1,
table.rcltexttable h2,
table.rcltexttable h3 /* h4,h5,h6 left to default font/colour */ /* TODO maybe make these site wide default */
{
                                font-family: Trebuchet MS, Helvetica, sans-serif; /* Helvetica for Mac/*nix */
                                margin-bottom: 0px;
}

table.rclnavtable > tbody > tr > td,
table.rclnewstable > tbody > tr > td,
table.rclwgnewstable > tbody > tr > td,
table.rclmemberstable > tbody > tr > td,
table.rcllinkstable > tbody > tr > td,
table.rclwglinkstable > tbody > tr > td,
table.rcltexttable > tbody > tr > td /* pad the main td's that are a direct child of an rcltexttable table to indent the article, nested td's left unaffected */
{
                                padding-left: 10px;
                                padding-right: 10px;
}

table.rcltexttable > tbody
{
                                margin-top: 50px;
}

table.rcltexttable h2 /* center and size any h2 heading within an rcltexttable table */
{
                                margin-top: 3px;
                                margin-bottom: 5px;
                                text-align: center;
                                font-size: 22px;
}

table.rcltexttable h3
{
                                margin-top: 3px;
                                margin-bottom: 5px;
                                font-size: 18px;
                                font-weight: bolder;
}

table.rcltexttable h4
{
                                margin-top: 3px;
                                color: #000000;
                                margin-bottom: 0px;
}

table.rcltexttable ul /* set explicitly due to browser differences */
{
                                padding-left: 0px;
                                margin-left: 15px;
                                margin-top: 2px;
                                margin-bottom: 5px;
                                list-style-image: url(/site_graphics/rcl_list_bullet.gif);
}

table.rcltexttable p,
table.rcltexttable li
{
                                text-align: justify;
                                margin-top: 3px;
                                margin-bottom: 20px;
}

table.rclnewstable p,
table.rclwgnewstable p,
table.rclmemberstable p
{
                                text-align: justify;
                                margin-top: 0px;
                                margin-bottom: 20px;
}

table.rcltexttable li
{
                                padding-left: 10px;
}

table.rcltexttable input,
table.rcltexttable textarea
{
                                border-color: #000000;
                                border-width: 1px;
                                border-style: solid;
                                background-color: #FF9030;
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                                margin: 2px;
}

input.rclaccessibility
{
                                color: black;
                                background-color: #cccccc !important;
                                width: 20px;
                                height: 20px;

}

table.rclcontacttable input,
table.rclcontacttable textarea
{
                                color: #FFFFFF;
                                background-color: #2C6E45;
}

table.rclwgcontacttable input,
table.rclwgcontacttable textarea
{
                                color: #FFFFFF;
                                background-color: #438507;
}

table.rclworkcontacttable input,
table.rclworkcontacttable textarea
{
                                color: #FFFFFF;
                                background-color: #AB213A;
}

table.rclmemberstable input,
table.rclmemberstable textarea
{
                                background-color: #DCC7F3;
}


table.rclnavtable p
{
                                text-align: left;
                                margin-top: 3px;
                                margin-bottom: 2px;
                                font-size: 14px;
}

table.rclnavtable a
{
                                font-size: 14px;
}

table.rcllinkstable p,
table.rclwglinkstable p
{
                                text-align: left;
                                margin-top: 3px;
                                margin-bottom: 2px;
}

table.rcllinkstable h3,
table.rclwglinkstable h3
{
                                margin-top: 5px;
                                margin-bottom: 2px;
                                font-size: 18px;
                                font-weight: bolder;
}

table.rcltexttable img,
table.rclnewstable img,
table.rclwgnewstable img,
table.rclmemberstable img
{
                                margin-top: 3px;
                                margin-left: 5px;
                                margin-right: 5px;
}

td.rclfeedbackbuttons
{
                                padding-top: 10px;
}

.rclnormaltext
{
                                font-size: 12px;
}

.rclmediumtext
{
                                font-size: 18px;
}

.rcllargetext
{
                                font-size: 22px;
}

/* Template styles */

td.rclpublicr3c13
{
                                background-image: url(../site_graphics/rcl_public_r3_c13.jpg);
                                background-repeat: no-repeat;
                                background-position: top left;
                                vertical-align: middle;
}

td.rclpublicr3c13 select
{
                                font-size: 10px;
                                color: #FFFFFF;
                                background-color: #00756C;
}

td.rclpublicr3c13 td
{
                                font-size: 10px;
                                color: #FFFFFF;
}

.rclpublicr6c2
{
                                background-image: url(../site_graphics/rcl_public2_r6_c2.jpg);
                                background-repeat: no-repeat;
                                background-position: top left;
                                vertical-align: middle;
}

td.rclpublicr6c2 select
{
                                margin-top: 2px;
                                font-size: 10px;
                                color: #000000;
                                background-color: #F26827;
}

table.rclimagebar
{
                                width: 950px;

}

td.rclimagebar
{
                                text-align: center;

}
table.rclimagebar td
{
                                background-color: #FEFEFE;
                                text-align: center;

}

table.rclimagebar td.rclimage
{
/*
	                border:1px solid #999;
*/
            	                width: 300px;
}

img.rclimagebar
{
/*
	                border:1px solid #999;
*/
	                            padding:3px;
            	                background-color:#FFF;
}

img.rclimagebar:hover
{
/*
	                border:1px solid #666;
*/
	                            padding:3px;
	                            background-color:#CCC;
}

td.rcltransparent
{
                                background-color: transparent !important;
}

/* Walled Garden */

body.rclwalledgarden
{
                                background-position: top center;
                                background-image: url(/site_graphics/wg_background.jpg);
                                background-repeat: repeat-y;
}

table.rcltextnav td
{
                                width: 12%;
                                background-color: white;
                                padding: 10px;
                                border: 4px solid black;
}

table.rcltextnav td a
{
                                color: black;
                                font-size: 16px;
                                font-weight: bold;
}