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

**********************************************
Style0 - Transparent
**********************************************/

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

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

/* the top graphic */
div.style0 .portletInner
{
    background-image: none;
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

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


/**********************************************
Style1 - White
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.style1 
{
    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.style1 .portletInner
{
    background-image: url(portlet_top_style1.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

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

/*********************************************
Style2 - Yellow
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.style2 
{
    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.style2 .portletInner
{
    background-image: url(portlet_top_style2.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

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

/*********************************************
Style3 - Orange
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.style3 
{
    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.style3 .portletInner
{
    background-image: url(portlet_top_style3.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

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

/*********************************************
Style4 - Red
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.style4 
{
    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.style4 .portletInner
{
    background-image: url(portlet_top_style4.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

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

/*********************************************
Style5 - Purple
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.style5 
{
    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.style5 .portletInner
{
    background-image: url(portlet_top_style5.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

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

/*********************************************
Style6 - Blue
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.style6 
{
    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.style6 .portletInner
{
    background-image: url(portlet_top_style6.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

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

/*********************************************
Style7 - Green
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.style7 
{
    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.style7 .portletInner
{
    background-image: url(portlet_top_style7.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

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

/*********************************************
Style8 - Grey
**********************************************/

/* BACKGROUND and BORDER:
--------------------------------------------*/
div.style8 
{
    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.style8 .portletInner
{
    background-image: url(portlet_top_style8.jpg);
    background-position: -9999em -9999em;
    background-repeat: no-repeat;
}

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

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

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

/* colour the builder pulldown options */
option.style8
{
    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;
}

/* 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;
}

/* 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;
}

/* 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;
}

/* 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;
}