/*-----------------------------------------------------
   mainContent & Typ.
------------------------------------------------------ */
#mainContent                                           { line-height: 16px; }
#mainContent h1 {
	font-size: 18px;
	font-weight: normal;
	color: #9ecee6;
	padding-bottom: 5px;
	border-bottom: 1px solid #9ecee6;
	margin-bottom: 10px;
}
#mainContent h2                                        { font-size: 1.3em; font-weight: normal; margin: 10px 0; }
#mainContent h3                                        { font-size: 1.1em; font-weight: bold; margin: 10px 0; }
#mainContent h4,
#mainContent h5,
#mainContent h6                                        { font-size: 1em; font-weight: bold; margin: 10px 0; }
#mainContent p, #mainContent ul,
#mainContent ol, #mainContent table                    { margin: 10px 0; }

#mainContent ul                                        { padding-left: 10px; }
#mainContent ul li                                     {
	background: transparent url(../images/layout/list-bullet.gif) no-repeat 0 5px;
	padding-left: 15px;
}
#mainContent ol                                       { padding-left: 15px; }
#mainContent ol li                                    { list-style: outside decimal; margin-left: 25px; }
#mainContent img                                      { margin: 0 10px 5px 0; border: 1px solid #6ca8c5; }

#mainContent a                                        { color: #fff; text-decoration: underline; }
#mainContent a:hover                                  { color: #9ecee6; text-decoration: none; }

#mainContent th {
	background: #9ecee6;
	color: #004d94;
	padding: 5px;
	font-weight: bold;
	font-size: 1em;
}
	
#mainContent td {
	background: #0e5da6;
	padding: 3px 5px;
}		

#frame-holder { margin: 0 auto; width: 675px; padding: 20px 0 0 0; background: #fff url(../images/layout/frame-top.gif) no-repeat 0 0; }
#frame-inner { height: 100%; overflow: hidden; padding: 0 0 20px 0; background: url(../images/layout/frame-bottom.gif) no-repeat 0 100%; text-align: center; }



/*-----------------------------------------------------
   mainContentHome & Typ.
------------------------------------------------------ */
#mainContent.home                                      { text-align: center; }
#mainContent.home img                                  { margin: 0 0 10px 0; padding: 0; border: none; }

/*-----------------------------------------------------
   FORMS Typ.
------------------------------------------------------ */
.basicForm fieldset                                    {
	padding: 20px;
	border: none;
	overflow: hidden;
	height: 100%;
}

.basicForm legend                                      { color: #9ecee6; margin: 0 10px; }
	
.basicForm .input, .basicForm .textarea, 
.basicForm .select, .basicForm .radio, 
.basicForm .checkbox, .basicForm .file                 { width: 100%; overflow: hidden; height: 100%; padding: 15px 0 0 0; }

.basicForm .input input, .basicForm textarea,
.basicForm select, .captchaInput input                 {
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #5dadd6;
	padding: 3px;
	vertical-align: middle;
}

.basicForm .input input                                { width: 200px; }
.captchaInput input                                    { width: 100px; }
	
.input label, .textarea label,
.select label, .captchaInput label,
.captchaInput label, .file label                       {
	display: block;
	float: left;
	width: 190px;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;
}	

.formNote { height: 100%; overflow: hidden; padding: 15px 0 0 0; padding-left: 200px; }

.textarea label, .basicForm textarea                   { vertical-align: top; }
.basicForm textarea                                    { overflow: hidden; width: 300px; height: 150px; }

.basicForm .checkbox input                             { width: auto; border: none; background: inherit; font-size: inherit; }
.calendar                                              { vertical-align: middle; position: relative; top: 2px; }
.basicForm .input input.checkbox,
.basicForm .checkbox input                             {
	display: inline;
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	vertical-align: middle;
}

.input select { width: 80px; }
.select select option                                  { padding-right: 10px; margin-bottom: 2px; }
div.checkbox                                           { padding: 0 0 0 180px; overflow: hidden; height: 100%; }
.captchaWrapper                                        { overflow: hidden; height: 100%; }
	
.captchaImageWrapper                                   { margin: 15px 0 15px 200px !important; margin: 15px 0 15px 205px; }

#mainContent .captchaImageWrapper img                  { display: block; margin: 0 0 5px 0; padding: 0 0 0 0; border: none; }

.captchaError                                          { margin: 15px 0 15px 200px; padding: 10px; border: 1px solid red; }
.submit                                                { padding: 10px 0 0 200px; }
.submit input { background: #5dadd6; border: none; font: normal .9em Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px; }
div.error                                              { border: 1px solid red; padding: 10px; margin: 0 0 15px 0; }
.basicForm .input input.error,
.basicForm .textarea textarea.error                    { border: 1px solid red; background: #ffd8d8; }

/*----------------------------------------------------*/
.radioTitle                                            {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;

}
.radioButtons label                                    { margin: 0 10px 0 0; }
.checkboxTitle {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
}
.checkboxButtons label                                 { margin: 0 10px 0 0; }
.multipleSelect                                        { overflow: hidden; height: 100%; padding: 15px 0 0 0; }
.multipleSelectTitle                                   {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
}
.multipleSelect select                                 { margin: 0 10px 0 0; }


#mainContent .rcTable { display: inline; float: left; margin: -5px 0 0 0; }
.errorMessage { font-size: 11px; margin-left: 10px; display: inline; float: right; width: 200px;  }