/******************************************************************************
 * client/style.css
 *
 * Copyright (C) 2006-10 Fairfax eCommerce Pty Ltd.
 *
 * Client area CSS definitions
 *****************************************************************************/

/*
 * Colours used in this css
 * FEC Red: #e1000000
 */

@import url(/components/base.css);

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

h1 { font-size: 19px; }
h2 { font-size: 17px; }
h3 { font-size: 15px; }
h4 { font-size: 13px; }

h1, h2, h3, h4
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.highlight { color: red; }

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

#wrapper { width: 800px; margin: 0 auto; }

#main-content
{
	height: 600px;
	padding: 20px;
	border-left: solid 1px #e7e7e7;
	border-right: solid 1px #e7e7e7;
	background-image: url("/images/bglogoLg.jpg");
	background-color: white;
	background-position: center top;
	background-repeat: repeat-y;
}

a
{
	color: blue;
}

a:hover
{
	color: #e10000;
}

hr
{
	border: none;
	border-top: 1px solid #e10000;
	margin-top: 5px;
	margin-bottom: 5px;
}

fieldset
{
	border: solid 1px #e10000;
	padding: 5px;
}

legend
{
	font-weight: bold;
}

.rb-topleft
{
  background: url(/admin/images/redendL4x18.gif) no-repeat;
  padding-left: 4px;
}

.rb-bottomright
{
  background: url(/admin/images/redendR4x18.gif) no-repeat right;
  padding-right: 4px;
}

.rb-middle
{
  height: 18px;
  background: url(/admin/images/redmiddle1x18.gif) repeat-x;
}

/******************************************************************************
 * Header / Footer
 *****************************************************************************/

#header .right-column
{
	text-align: right;
}

#main-menu, #footer
{
	height: 17px;
}

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

#main-menu ul
{
}

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

    padding: 2px 0 2px 0;
}

#footer, #footer a
{
	color: white;
}

#footer a:hover
{
	color: #ccc;
}


#footer td, #footer img  { vertical-align: middle; }

#footer table 
{
  margin:auto;
  width: auto;
  font-size: 9px;
  vertical-align: middle;
}

/******************************************************************************
 * Main Menu
 *****************************************************************************/

#main-menu .menu { padding-top: 2px; }

#main-menu
{
  font-size: 10px;
	padding-top: 3px;
	padding-left: 20px;
}


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

#main-menu li
{
	background: url("/images/gradientRed.gif") 0 -3px repeat-x;
    padding: 0 10px 2px 10px;
    margin: 0 0 0 1px;
	display: inline;
}

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

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

#main-menu li.menu-current, #main-menu li.menu-current a
{
    color: white;
}
/*#main-menu .menu-current a { color: black; }*/

/******************************************************************************
 * Forms
 *****************************************************************************/

.required { color: #e10000 }


/******************************************************************************
 * Invoice Page
 *****************************************************************************/


#invoice-page .table-list { width: auto; margin-bottom: 15px; }

.invoice-alert
{
	width: 350px;
}

.invoice-payable { font-weight: bold; }

.balance-box
{
	width: 140px;
	border: 1px solid  #e10000;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px;
}

.balance-display
{
	font-size:15px;
	font-weight: bold;
}

.transaction-payments table
{
	width: auto;
}

/******************************************************************************
 * List Tables
 *****************************************************************************/

.paged-list-bar { margin-top: 5px; margin-bottom: 5px; }

.table-list td.left-column,
.table-list td.middle-column
{
	border-right: solid 1px #ccc;
}

.table-list td
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.table-list thead
{
	border-bottom: solid 2px #e10000;
}

.table-list thead
{
	font-weight: bold;
}

col.id, col.edit, col.permission, col.visible, col.tags { width: 2em; }

.table-list .edit { text-align: center; }
.table-list .edit a { line-height: 10px; }
.table-list .edit img { vertical-align: middle; }

.table-list input.checkbox-widget { vertical-align: middle; }

.table-list .even { background-color: #eee; }