/*--- HTML Tags ---*/
BODY {
	background-color: #E2F8DA;
	color: #000;
}
A, A:Hover, A:Link, A:Visited {

}
A, A:Link, A:Visited {
	color: #991100;
}
A:Hover {
	color: gold;
}
UL {
	padding-left: 10px;
}
LI {
	list-style: none;
}
LABEL {
	display: block;
	clear: both;
	font-weight: bold;
}
LABEL SPAN {
	font-weight: normal;
}
LEGEND {
	font-weight: bold;
}
/*--- End HTML Tags ---*/

/*--- Globals ---*/
DIV#outerContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}
DIV#innerContainer {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
DIV#mainContainer {
	background-color: #FFF;
	border:1px solid red;
}
.blockTitle {
	display: block;
	Font-weight: bold;
	border: 0;
	border-bottom: 1px solid gold;
}
DIV#contentContainer {
	background-color: #FFF;
	color: #000;
	width: 100%;
	clear: none;
	margin: 0;
	padding: 0;
}
DIV#contentLeft {
	width: 70%;
	float: left;
}
DIV#contentRight {
	width: 29%;
	float: right;
}
.contentBody {
	background-color: #FFF;
}
.contentBox {
	padding: 2px;
	Font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}
.contentPanel {
	background-color: InfoBackground;
	color: #000; /*InfoText;*/
	padding: 7px;
	border: 1px solid gold; /*#991100;*/
	border-top: none;
	margin-bottom: 5px;
}
.contentPanelSub {
	padding: 5px;
	margin-bottom: 1px;
	Font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	background-color: #ddffdd;
	border: 1px solid #bbeebb;
	border-top: none;
}
.TitleBar {
	background-color: #bb1100; /*cc0000; /*#bb1100; #990000; #bbeebb;*/
	color: gold;
	text-align: left;
	padding: 2px;
	padding-left: 3px;
	Font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
	border: 1px solid gold;
	border-top: none;
}
.TitleBarSub {
	background-color: #E2F8DA;
	text-align: left;
	padding: 2px;
	padding-left: 3px;
	Font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 1px;
	border: 1px solid #bbeebb;
	border-top: none;
}
.selector {
	width: 180px;
}
/*--- End Globals ---*/

/*--- ContentBar ---*/
UL IMG {
	margin-bottom: -5px;
}
UL#ulCookBookRecipes LI {
	/*margin-left: -35px;*/
	margin-bottom: 2px;
}
UL#sideBarMenu LI {
	/*margin-left: -35px;*/
	margin-bottom: 5px;
}
UL#ulFavoriteRecipes LI {
	/*margin-left: -5px;*/
}
/*---/ContentBar ---*/

/*--- MenuBar ---*/
DIV#menuBar {
	width: 100%;
	padding: 2px;
	clear: both;
	text-align: center;
}
.menuItem {
	color: #991100;
}
/*--- End MenuBar ---*/

/*--- Login Page ---*/
.loginPosition {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}
.loginContainer {
	padding: 4px;
	border: 1px solid #990000;
	width: 300px;
	Font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background-color: #FFF;
}
.loginTitleBar {
	color:White;
	background-color:#990000;
	font-weight:bold;
	text-align: center;
	margin-bottom: 3px;
}
.loginLabels, .loginFields {
	width: 48%;
}
.loginField, .loginLabel {
	margin: 1px;
}
.loginField INPUT {
	width: 120px;
}
.btn {
	margin: 1px;
}
/*--- End Login Page ---*/

/*--- Rating system ---*/
.buttonRating {
	width: 24px;
	height: 20px;
	text-align:center;
	margin-left:0;
}
/*--- End Rating system ---*/

/*--- Reviews ---*/
.reviewItem, .reviewItemHilite, .searchResult, .searchResultHilite {
	padding: 5px;
	width: 98%;
	border: 1px solid #bbeebb;
	/*border: 1px solid gold;*/
}
.reviewItemHilite, .searchResultHilite {
	background-color: #FFF;
}
.reviewItemAuthor {
	text-align:left;
	width: 49%;
	font-size: 7.5pt;
}
.reviewItemDate {
	text-align:right;
	width: 49%;
	font-size: 7.5pt;
}
/*--- /Reviews ---*/

/*--- Global classes ---*/
.hRule {
	border: 0;
	border-bottom: 1px solid gold;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearAll {
	clear: both;
}
.inline {
	display: inline;
}
.mini {
	font-size: 7.5pt;
}
.emphasis {
	font-weight: bold;
}
/*--- End Global classes ---*/

/*--- Required Field Validator ---*/
.required-on {
	visibility: visible;
	color: red;
	width: 6px;
}
.required-off {
	visibility: hidden;
	width: 6px;
}
.errorStatus {
	color: red;
}
.spinner {
	margin-left:2px;
	width: 16px;
	height: 16px;
	/*background-image: url( 'http://localhost/TonyC/Images/UI/load_small.gif' );*/
	background-image: url( '/recipesapp/Images/UI/load_small.gif' );
}
.validationSuccess {
	margin-left:2px;
	width: 16px;
	height: 16px;
	/*background-image: url( 'http://localhost/TonyC/Images/UI/validation.success.gif' );*/
	background-image: url( '/recipesapp/Images/UI/validation.success.gif' );
}
.validationFailed {
	margin-left:2px;
	width: 16px;
	height: 16px;
	/*background-image: url( 'http://localhost/TonyC/Images/UI/validation.failed.gif' );*/
	background-image: url( '/recipesapp/Images/UI/validation.failed.gif' );
}
.readOnly {
	background-color: #DCDCDC;
}
/*--- /Required Field Validator ---*/

/*--- Ingredients Management ---*/
.wholeVal {
	margin-left:1px;
}
.partVal {
	
}
.unitVal {
	width:100px;
	margin-left:12px;
}
.ingredVal {
	width:130px;
	margin-left:20px;
}
.ingredsRow {
	margin-bottom: 3px;
}
/*--- /Ingredients Management ---*/


small { font-size: 7.5pt; }