/*=================================================================================

Project:		Medi-Share
Version:		1.0
Last Changed:	10/17/2008
Author:			Daniel Rus

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
3. FORMS [style for form elements]

=================================================================================*/






/* 1. GENERAL -------------------------------------------------------------------*/

body
{
	margin: 0;
	font: normal 0.9em/1.4em Arial;
	color: #74706b;
}

h1
{
	margin: 0;
	font: normal 1.8em Arial;
}

h2
{
	margin: 0;
	font: normal 1.6em Arial;
}

h3
{
	margin: 0;
	font: normal 1.4em Arial;
}

.header1
{
	margin-top: 10px;
	height: 72px;
	background: url(../images/header1.gif) no-repeat;
	text-indent: -9999px;
}

.header2
{
	height: 88px;
	background: url(../images/header2.gif) no-repeat;
	text-indent: -9999px;
}

.header3
{
	height: 60px;
	background: url(../images/header3.gif) no-repeat;
	text-indent: -9999px;
}

a
{
	color: #830021;
	text-decoration: none;
}

a:hover
{
	color: #ff7e00;
}

img
{
	border: none;
}

p
{
	margin: 1.2em 0;
}

.clearAll
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}




/* 2. LAYOUT --------------------------------------------------------------------*/

/* 2.1 HEADER --------------------------------*/

#container
{
	margin: 0 auto;
	width: 825px;
	background: url(../images/bgMain.gif) no-repeat;
}

#header
{
	height: 364px;
}

#headerPic
{
	float: left;
	width: 380px;
	height: 364px;
}

#headerInfo
{
	float: left;
	width: 445px;
}

#logo
{
	text-align: center;
	padding-top: 12px;
	margin-left: 40px;
	height: 80px;
}



/* 2.2 CONTENT -------------------------------*/

#content
{
	padding: 0 35px 40px 35px;
}

.personalInfo
{
	background: url(../images/bgFormTop.jpg) no-repeat;
	height: 118px;
}

.personalInfo p
{
	font-size: 1.2em;
	margin: 0 0 0 180px;
	padding: 20px 0;
}

.personalInfo p strong
{
	color: #7eb13a;
	font-size: 1.1em;
}

.friendInfo
{
	border: 1px solid #6db43f;
	border-top: 0;
	background: #f0fce8 url(../images/bgFormSection.gif) repeat-x;
	height: 60px;
	padding-top: 20px;
}

.friendFirst
{
	height: 100px;
}

.friendInfo p
{
	margin: 0;
	padding-bottom: 14px;
	padding-left: 30px;
	font: bold 0.8em Arial;
}

.friendInfo p strong
{
	font-size: 1.9em;
	font-weight: normal;
	color: #7eb13a;
}





/* 2. FORM ----------------------------------------------------------------------*/

form
{
	margin: 0;
	padding: 0;
}

form label
{
	float: left;
	padding-left: 5px;
	font: bold 0.75em Arial;
}

form label.line
{
	font-size: 1.6em;
	font-weight: normal;
	padding: 10px 0 0 30px;
	color: #7eb13a;
}

form label.number
{
	font-size: 1.7em;
	font-weight: bold;
	padding: 8px 0 0 10px;
	color: #7eb13a;
}

.formField
{
	width: 120px;
	padding: 1px 4px;
	border-top: 2px solid #b2b2b2;
	border-right: 2px solid #b2b2b2;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font: normal 1em/1em Arial;
	color: #555555;
}

.formNotes
{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
}

.formButtons
{
	text-align: center;
}