/*
ComWeb CSS are currently validated against CSS3 standards.
This style sheet is used for the portal builder.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2008
'Date --- Init Reason------------------------------------------------------
'23/01/09 DB started file
'11/02/09 DB added property for zero padding to portletInner
'---------------------------------------------------------------------- --->

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or redund


/*********************************************
PORTLET BUILDER
**********************************************

**********************************************
Pallet0 - Transparent
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet0
{
    background-color: transparent;
    background-image: none;
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    border:none;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet0 .portletInner
{
    background-image: none;
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet0 h2 
{
    background-color: transparent;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet0
{
    background-color: #FFFFFF;
}


/**********************************************
Pallet1 - White
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet1 
{
    background-color: #FFFFFF;
    background-image: url(portlet_bottom_style1.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    border-color: #DEDEDE;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet1 .portletInner
{
    background-image: url(portlet_top_style1.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet1 h2 
{
    background-color: #DEDEDE;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet1
{
    background-color: #DEDEDE;
}

/*********************************************
Pallet2 - Yellow
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet2 
{
    background-color: #FFFFF0;
    background-image: url(portlet_bottom_style2.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    border-color: #F2E99C;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet2 .portletInner
{
    background-image: url(portlet_top_style2.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet2 h2 
{
    background-color: #F2E99C;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet2
{
    background-color: #F2E99C;
}

/*********************************************
Pallet3 - Orange
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet3 
{
    background-color: #FFF7F0;
    background-image: url(portlet_bottom_style3.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    border-color: #FFD48C;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet3 .portletInner
{
    background-image: url(portlet_top_style3.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet3 h2 
{
    background-color: #FFE4B7;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet3
{
    background-color: #FFE4B7;
}

/*********************************************
Pallet4 - Red
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet4 
{
    background-color: #FFF0F0;
    background-image: url(portlet_bottom_style4.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    border-color: #FFC1C1;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet4 .portletInner
{
    background-image: url(portlet_top_style4.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet4 h2 
{
    background-color: #FFC1C1;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet4
{
    background-color: #FFC1C1;
}

/*********************************************
Pallet5 - Purple
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet5 
{
    background-color: #F7F0FF;
    background-image: url(portlet_bottom_style5.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    border-color: #E0B4F1;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet5 .portletInner
{
    background-image: url(portlet_top_style5.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet5 h2 
{
    background-color: #E0B4F1;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet5
{
    background-color: #E0B4F1;
}

/*********************************************
Pallet6 - Blue
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet6 
{
    background-color: #F0FFFF; 
    background-image: url(portlet_bottom_style6.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    border-color: #6BC3FF;
    border-style: solid;  
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet6 .portletInner
{
    background-image: url(portlet_top_style6.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet6 h2 
{
    background-color: #6BC3FF;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet6
{
    background-color: #6BC3FF;
}

/*********************************************
Pallet7 - Green
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet7 
{
    background-color: #F0FFF0;
    background-image: url(portlet_bottom_style7.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;  
    border-color: #AFDB84;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet7 .portletInner
{
    background-image: url(portlet_top_style7.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet7 h2 
{
    background-color: #AFDB84;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet7
{
    background-color: #AFDB84;
}

/*********************************************
Pallet8 - Grey
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.pallet8 
{
    background-color: #F7F7F7;
    background-image: url(portlet_bottom_style8.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat; 
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.pallet8 .portletInner
{
    background-image: url(portlet_top_style8.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.pallet8 h2 
{
    background-color: #AAAAAA;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.pallet8
{
    background-color: #AAAAAA;
}

/*********************************************
Custom1 - Army Brown
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.custom1 
{
    background-color: #EFEFCD;
    background-image: url(portlet_bottom_custom1.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat; 
    border-color: #654C2E;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.custom1 .portletInner
{
    background-image: url(portlet_top_custom1.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.custom1 h2 
{
    background-color: #654C2E;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.custom1
{
    background-color: #654C2E;
}

/*********************************************
Custom2 - Army Green
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.custom2 
{
    background-color: #EFEFCD;
    background-image: url(portlet_bottom_custom2.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    border-color: #999966;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
div.custom2 .portletInner
{
    background-image: url(portlet_top_custom2.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
div.custom2 h2 
{
    background-color: #999966;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
option.custom2
{
    background-color: #999966;
}

/*********************************************
Custom3 - Commented out until required
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
/*div.custom3 
{
    background-color: #;
    background-image: url(portlet_bottom_custom3.jpg);
    background-position : -9999em -9999em;
    background-repeat: no-repeat;
    border-color: #;
    border-style: solid;
    border-width: 0;
}

/* GRADIENT:
--------------------------------------------*/

/* the top graphic */
/*div.custom3 .portletInner
{
    background-image: url(portlet_top_custom3.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
    padding:0!important;
}

/* HEADING:
--------------------------------------------*/

/* the section h2 background */
/*div.custom3 h2 
{
    background-color: #;
    margin: 0 0 0 0;
    padding: 7px 10px;
}

/* OPTION:
--------------------------------------------*/

/* colour the builder pulldown options */
/*option.custom3
{
    background-color: #;
}


/*********************************************
ALL STYLES - OVERRIDE FOR BORDERS AND 
BACKGROUNDS
**********************************************/

/* BORDERS:
---------------------------------------------*/

/* 1 pixel border */
div.border1
{
    border-width: 1px;
}

/* 2 pixel border */
div.border2
{
    border-width: 2px;
}

/* 3 pixel border */
div.border3
{
    border-width: 3px;
}

/* BACKGROUND GRADIENT:
---------------------------------------------*/

/* reposition top graphic to become visible */
div.background1 .portletInner
{
    background-position: top left;
    background-repeat: repeat-x;
    padding:0!important;
}

/* reposition bottom graphic to become visible */
div.background1
{
    background-position: bottom left;
    background-repeat: repeat-x;
}

/* BACKGROUND WHITE:
---------------------------------------------*/

/* display a white background */
div.background2
{
    background-color: #FFFFFF!important;
}





/* Portal resize -----------------------------------*/

img#imgResize {
border: 1px solid white;
float:left;
}

/* Hide back to top image -----------------------------------*/
div.portlet .pageTop img {
	display: none;
}