/******************************************************************************
 * FEC site CSS definitions
 *
 * Copyright (C) 2006-8 Fairfax eCommerce Pty Ltd.
 *****************************************************************************/

@import url(/lib/FWS/css/fws.css);

/******************************************************************************
 * general rules
 *****************************************************************************/


body
{
    color: #666666;
    font-size: 8pt;
	padding-top: 15px;
	background: url("/FWS/images/bgLogo.gif");
}

.wrapper
{
    width: 800px;
    margin-top: 0;
    padding-top: 0px;
	background: white;
}

table
{
    width: 100%;
    font-size: 8pt; /* Needed for IE */
    border-collapse: collapse;
}

h1 { font-size: 12pt; }
h2 { font-size: 11pt; }
h3 { font-size: 10pt; }
h4 { font-size: 9pt; }


ul, ol { list-style-position: outside; margin-bottom: 0.7em }


img { vertical-align: bottom; }

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

.fws-body
{
	padding: 20px;
	border-left: solid 1px #e7e7e7;
	border-right: solid 1px #e7e7e7;
	background-image: url("/FWS/images/bglogoLg.jpg");
	background-position: center top;
	background-repeat: repeat-y;
}

.fws-body ul, .fws-body ol
{
    margin-left: 15px;
}

.tooltip
{
    color: black;
}

.right-column, .middle-column
{
	padding-left: 10px;
}

.left-column, .middle-column
{
	padding-right: 10px;
}

.fec-right-column
{
	border-left: 1px solid;
    width: 180px;
}

.fec-right-column-body
{
	min-height: 500px;
}

.fws-gadget { padding: 0; }

/******************************************************************************
 * Main menu
 *****************************************************************************/

#fws-main-menu
{
    margin: 0, 0, 5px 0;
	height: 17px;
	padding-top: 3px;
	padding-left: 20px;
}

#fws-main-menu ul
{
    background-color: black; 
/*    background-color: #b2b2b2; */
    padding: 0;
    display: inline;
}

#fws-main-menu li
{
	background: 0 -3px repeat-x;

    padding: 0 10px 2px 10px;
    margin: 0 0 0 1px;
}


#fws-main-menu li.zwp-menu-first
{
    padding-left: 2px;
    color:#d60000;
    margin: 0;
}

#fws-main-menu li.zwp-menu-current
{
    color: white;
}

#fws-main-menu a       { color: black; }
#fws-main-menu a:hover { color: white; }

#fws-main-menu li.zwp-menu-current a
{
    color: white;
}


.fws-hr
{
    /*color: #d60000;*/
    background-color: #d60000;
    border: 1px solid #d60000;
    height: 0;
}

/******************************************************************************
 * Columns
 *****************************************************************************/

.fws-left
{
    padding: 5px 0;
    width: 100px;
    vertical-align: top;
}

.fws-right
{
    width: 140px;
    vertical-align: top;
}

.fws-center
{
    padding: 0 20px;
}

/******************************************************************************
 * in-text images
 *****************************************************************************/

.fws-image-column
{
    width: 180px;
    padding-top: 0.67em;
    padding-right: 20px;
    clear: both;
}

.fws-image-column-right
{
    width: 180px;
    padding-top: 0.67em;
    padding-left: 20px;
    clear: both;
}

/******************************************************************************
 * bill login
 *****************************************************************************/

#bill-pub-login
{
    text-align: center;
}

.bill-pub-login-wrapper
{
    text-align: left;
    margin: auto;
    width: 400px;
}

#bill-pub-login .zwp-form-submit
{
    text-align: left;
}

.bill-total
{
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}
    
/******************************************************************************
 * forms
 *****************************************************************************/


.fws-form-table td
{
    padding: 5px 0;
}

.fws-form-label
{
    width: 40%;
}

.zwp-labelled-widget
{
    display: block;

    margin: 3px 0 0px 0;
    padding: 5px 0 0px 0;

    clear: left;
}

/******************************************************************************
 * News
 *****************************************************************************/


/* For @#*&! IE */
/*\*/
* html .fws-news-column-body {
    height: 500px;
}
/**/

.fws-news-news-gadget
{
 /*   background-color: #f5f5f5;
    border: 1px solid black; */
}

.fws-news-news-gadget h1 { margin-top: 0; }


.fws-news-item
{
    margin: 15px 0;
}

.fws-news-item b
{
    color: #d7001c;
}

.fws-news-date
{
    color: #b2b2b2;
}

.fws-readmore { text-align: right; font-size:7pt; }

/******************************************************************************
 * Input Box/Message Box
 *****************************************************************************/

/******************************************************************************
 * Footer
 *****************************************************************************/

.fws-footer
{
    background-repeat: repeat-x;
    margin-top: 0;
    color: white;

    padding: 3px 0 4px 0;
}

.fws-footer a
{
    color: white;
}

.fws-footer a:hover
{
    color: black;
}


/******************************************************************************
 * Colours
 *****************************************************************************/

a, a:hover   { color: #d7001c; }

.websites-page a, .websites-page a:hover   { color: #003cff; }

.estore-page a, .estore-page a:hover   { color: #00bb00; }

.custom-page a, .custom-page a:hover   { color: #ff7f00; }

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

#fws-main-menu, #fws-main-menu li, .fws-footer
{
    background-image: url("/FWS/images/gradientRed.gif");
}

.websites-page #fws-main-menu, .websites-page #fws-main-menu li, .websites-page .fws-footer
{
    background-image: url("/FWS/images/gradientBlue.gif");
}

.estore-page #fws-main-menu, .estore-page #fws-main-menu li, .estore-page .fws-footer
{
    background-image: url("/FWS/images/gradientGreen.gif");
}

.custom-page #fws-main-menu, .custom-page #fws-main-menu li, .custom-page .fws-footer
{
    background-image: url("/FWS/images/gradientOrange.gif");
}

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

.fec-right-column
{
	border-left-color: #d7001c;
}

.websites-page .fec-right-column
{
	border-left-color: #003CFF;
}

.estore-page .fec-right-column
{
	border-left-color: #00bb00;
}

.custom-page .fec-right-column
{
	border-left-color: #ff7f00;
}

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

h1, h2, h3, h4, .highlight
{
    color: #d7001c;
}

.websites-page h1, .websites-page h2, .websites-page h3, .websites-page h4, .websites-page .highlight 
{
    color: #003CFF;
}

.estore-page h1, .estore-page h2, .estore-page h3, .estore-page h4, .estore-page .highlight
{
    color: #00bb00;
}

.custom-page h1, .custom-page h2, .custom-page h3, .custom-page h4, .custom-page .highlight
{
    color: #ff7f00;
}