﻿/***
    Customizable CSS Template for EDDR - Ezidebit Theme
    Ben Cull - 20 August 2010
***/

body
{
	border-top:solid 3px #A1D779;
	background:#FFF url(../img/background.jpg) repeat-x fixed bottom;
	color: #383731;
}

.notification
{
    color:#FFF;
    background-color:#2D812C;
}

.quiet
{
    font-size:7pt;
	color:#888888;
}

#header
{
    background-color:#FFF;
}

#header #logo
{
	width:640px;
	height:105px;
	background:url('../img/EzidebitLogo.jpg') no-repeat;
}

#header #navbar #navbar-left
{
	width:12px;
	height:36px;
	background:url('../img/Top-Left.jpg') no-repeat;
}

#header #navbar #navbar-middle
{
	width:956px;
	height:36px;
	background:url('../img/Top-Middle.jpg') repeat-x;
}

#header #navbar #navbar-right
{
	width:12px;
	height:36px;
	background:url('../img/Top-Right.jpg') no-repeat;
}

#content
{
	background-color:#FFF;
	border-left:solid 1px #ece9d8;
	border-right:solid 1px #ece9d8;
}

#content-footer
{
	width:980px;
	height:12px;
	background:url('../img/bottom_curve.png') no-repeat 50% top;
}

#footer
{
	color:#666;	
}

#footer a
{
	color:#666;
}

#footer .poweredBy
{
    visibility:hidden;
	background:url('../img/Powered-by-Ezidebit_Logo.gif') no-repeat;
}

h1
{
}
h2
{
}
h3
{
	border-bottom:dotted 1px #ddd;
}

#Fees
{
	border-top:dotted 1px #ddd;
	color:#888888;
}

.locked
{
    color:#555;
    background-color:#ddd;
}

fieldset legend
{
    color:#383731;
}
fieldset .fieldsetDesc
{
	color:#888888;
}
fieldset .fieldsetContent
{
	border-left:solid 1px #ddd;
}
fieldset .fieldsetContent label
{
	color:#EB7636;
}

fieldset .fieldsetContent label.radio
{
	color:#383731;
}
fieldset .fieldsetContent label.regular
{
	color:#383731;
}
fieldset .fieldsetContent input,
fieldset .fieldsetContent select
{
	border:solid 2px #BBB;
}
fieldset .fieldsetContent input:focus,
fieldset .fieldsetContent select:focus
{
	border:solid 2px #EB7636;
}
fieldset .fieldsetContent input.error
{
	border:solid 2px #B22222;
	background:url('../img/button_red_close.png') no-repeat right -14px;
}
fieldset .fieldsetContent input.loading
{
	background:url('../img/loading_small.gif') no-repeat right center;
}
fieldset .fieldsetContent .errorMessage
{
	color:#000;
	font-weight:bold;
	background:#FFCFCF;
	border:solid 2px #B22222;
	border-top:solid 2px #FFCFCF;
}
.submit.awesome {
    border:solid 2px #FFF;
    background-color:#2D812C;
}
.submit.awesome:hover {
    background-color:#245F23;
}

/*** Custom Checkbox and Radio Button styles ***/

	/* wrapper divs */
	.custom-checkbox, .custom-radio { position: relative; margin-top:5px;}
		
	/* input, label positioning */
	.custom-checkbox input, 
	.custom-radio input {
		position: absolute;
		left: 2px;
		top: 3px;
		margin: 0;
		z-index: 0;
	}

	.custom-checkbox label, 
	.custom-radio label {
		display: block;
		position: relative;
		z-index: 1;
		font-size: 1.3em;
		padding-right: 1em;
		line-height: 1;
		padding: .5em 0 .5em 30px;
		margin: 0 0 .3em;
		cursor: pointer;
	}

	.custom-checkbox label {
		background: url(../img/checkbox.gif) no-repeat; 
	}

	.custom-radio label { 
		background: url(../img/radiobutton.gif) no-repeat; 
	}
	
	.custom-checkbox label, .custom-radio label {
		background-position: -10px -14px;
	}

	.custom-checkbox label.hover,
	.custom-checkbox label.focus,
	.custom-radio label.hover,
	.custom-radio label.focus {
		background-position: -10px -114px;
	}

	.custom-checkbox label.checked, 
	.custom-radio label.checked {
		background-position: -10px -214px;
	}

	.custom-checkbox label.checkedHover, 
	.custom-checkbox label.checkedFocus {
		background-position: -10px -314px;
	}

	.custom-checkbox label.focus, 
	.custom-radio label.focus {
		outline: 1px dotted #ccc;
	}





