/* CSS Document */

/* Containers and Layout */
#cafedirect_main { background-color:#000000; }
#cafedirect_header {  }
#cafedirect_content { background-color:#FFFFFF; }
.contentCell { background-color:#FFFFFF; border:4px solid #000000; }
.contentTitle { background-color:#000000; font-family:Impact, Charcoal, sans-serif; font-size:20px; color:#FFFFFF; padding:5px; }
.contentBody { padding:5px; }
#cafedirect_footer { background-color:#000000; font-size:9px; color:#FFFFFF; padding:4px; }
#cafedirect_footer a { color:#FFFFFF; font-weight:normal; }

/* Basic */
a:link, a:visited, a:hover, a:active
				{ text-decoration: none; color:#DB5824; font-weight:bold; }
a:hover			{ border-bottom: 1px solid }
a.img			{ border: 0 }
body {
	background-color:#FFFFFF;
	background-image:url(../img/body.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
table { border-collapse:collapse }

/* Forms */
form { margin:0px; }
input, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* Standard */
.error { color:#FF0000; font-size:14px; font-weight:bold; }

.boldtext { font-weight:bold; }
.borderL { border-left:1px solid #000000; }
.colred { color:#FF0000; }
.invalid { border: 2px solid #FF0000 !important; }

/* Profile */
span.required { float:left; color:#FF0000; padding-left:4px; }

form#profile fieldset
{
    font-size: 11px;
    border: none;
    text-align: left;
    margin: 0px;
    padding: 3px;
}
form#profile input:not([type=checkbox])
{
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	padding: 3px;
}
form#profile input[type=submit]
{
    font-family: Impact, Charcoal, sans-serif;
    font-size: 12pt;
    color:#D95701;
}

form#profile p.intro
{
    font-size:11px;
    text-align:left;
    margin:0;
}

form#profile input,
form#profile select
{
    font-size:11px;
    float:left;
}
form#profile label
{
    font-size: 11px;
    float: left;
}

/* Sections with text inputs */
form#profile fieldset#personal1 input,
form#profile fieldset#personal1 select,
form#profile fieldset#personal2 input,
form#profile fieldset#personal2 select
{
    margin: 0 0 5px 5px;
}
form#profile fieldset#personal1 input
{
    width: 200px;
}
form#profile fieldset#personal1 select
{
    width: auto;
}
form#profile fieldset#personal2 input,
form#profile fieldset#personal2 select
{
    width: 270px;
}
form#profile fieldset#personal1 label
{
    clear: both;
    width: 270px;
    text-align: right;
    margin: 4px 0 0 0;
}
form#profile fieldset#personal2 p
{
    margin-left: 150px;
}
form#profile fieldset#personal2 label
{
    clear: both;
    width: 200px;
    text-align: right;
    margin: 4px 0 0 0;
}

/* Sections with checkboxes */
form#profile fieldset#preference input,
form#profile fieldset#purchase input
{
    margin: 0 5px 12px 5px;
    padding: 0px;
    display: block;
    height: 13px;
}
form#profile fieldset#preference input.first,
form#profile fieldset#purchase input.first
{
    clear: both;
}
form#profile fieldset#preference label,
form#profile fieldset#purchase label
{
    width: 155px;
    text-align: left;
    margin: 0;
}
form#profile fieldset#preference label.last,
form#profile fieldset#purchase label.last
{
    width: auto;
}
form#profile fieldset#preference p,
form#profile fieldset#purchase p
{
    margin-top: 0px;
}

form#profile fieldset#relationship input
{
    clear: both;
    margin: 0 5px 12px 5px;
    padding: 0px;
    display: block;
    height: 13px;
}
form#profile fieldset#relationship label
{
    text-align: left;
    margin: 1px 0 0 0;
}
form#profile fieldset#relationship label.other
{
    clear: both;
    margin: 4px 0 0 5px;
}
form#profile fieldset#relationship input.other
{
    clear: none;
    margin-left: 5px;
    padding: 3px;
    height: 14px;
}
form#profile fieldset#relationship p
{
    margin-top: 0px;
}

form#profile #submit
{
    float: none;
}