﻿body
{
	background-color: #ffffff;
	background-image: url('../../Images/header.png');
	background-repeat: repeat-x;
	font-size: .75em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #000;
}

a:link
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:visited
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}
a:active
{
	color: #12eb87;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	margin-bottom: 0px;
	color: #000;
	top: 25px;
	clear: both;
	height: 125px;
}

#headerLine
{
	height: 1px;
	position: absolute;
	background-color: #000;
	top: 75px;
	width: 1000px;
}

#logo
{
	float: left;
}

#menucontainer
{
	float: right;
	margin-top: 45px;
}

#main
{
	background-color: #fff;
	clear: both;
}

#homepageLeftPanel
{
	float:left;
	border:solid 1px red;
	width:780px;
}

#homepageRightPanel
{
	float:right;
	border:solid 1px red;
	width:200px;
}

#footer
{
	margin:25px 0px 25px 0px;
	margin: 0;
	height: 72px;
	clear:both;
}

hr
{
	clear:both;
	color:Red;
}

.error, label.error
{
	padding-left: .5em;
	vertical-align: top;
	clear: both;
	float: none;
	color: Red;
	font-weight: bold;
}

.validation-summary-errors
{
	color: Red;
	font-weight: bold;
}

.field-validation-error
{
	color: Red;
	font-weight: bold;
	background-image:url('/Images/delete.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

#breadcrumb
{
	border-bottom: solid 1px #faa;
	border-top: solid 1px #faa;
	margin-bottom: 10px;
}

#ajaxLoading
{
	visibility: hidden;
}


#simplemodal-overlay
{
	background-color: #000;
	cursor: wait;
}

#simplemodal-container
{
	height: 400px;
	width: 600px;
	background-color: #fff;
	border: 3px solid #ccc;
	padding: 10px;
}

#simplemodal-container a.modalCloseImg
{
	background: url(../../Images/x.png) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -14px;
	right: -18px;
	cursor: pointer;
}
.messageContainer
{
}


.quoteOfTheMomentAuthor
{
	font-size: 2em;
	font-weight: bold;
	color: #777;
	position: relative;
	bottom: -40px;
}

.quoteOfTheMomentText
{
	font-size: 1em;
	font-weight: bold;
	color: #555;
	position: relative;
	bottom: -40px;
}


#AdminForm label
{
	float: left;
	width: 220px;
	font-weight: bold;
	margin-left:150px;
}

#AdminForm input, textarea
{
	width: 180px;
	margin-bottom: 5px;
	margin-left:150px;
}

#AdminForm textarea
{
	width: 250px;
	height: 150px;
	margin-left:150px;
}

#AdminForm .boxes
{
	width: 1em;
}

#AdminForm #submitbutton
{
	margin-left: 120px;
	margin-top: 5px;
	width: 90px;
}

#AdminForm br
{
	clear: left;
}

#RegistrationForm label,label
{
	float: left;
	width: 220px;
	font-weight: bold;
}

#RegistrationForm input, textarea
{
	width: 180px;
	margin-bottom: 5px;
}

#RegistrationForm textarea
{
	width: 250px;
	height: 150px;
	margin-left:150px;
}

#RegistrationForm .boxes
{
	width: 1em;
}

#RegistrationForm #submitbutton
{
	margin-top: 5px;
	width: 90px;
}

#RegistrationForm br
{
	clear: left;
}

.selectedAvatar
{
	border:solid red 1px;
}

.newsSources
{
	list-style-type:disc;
}

.breadcrumbs
{
	border-top:solid 1px #555;
	border-bottom:solid 1px #555;
	padding:10px;
	margin-bottom:10px;
	background-color:#aaa;
}

.photo
{
	float:left;
	padding:5px;
	text-align:center;
	width:220px;	
}

.PhotoForComment
{
    border: solid 1px black;
    right:0px;
}

.CommentAvatar
{
	float:left;
}

.CommentText
{
	margin-left:75px;
	border-bottom:solid 1px #bbb;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url('/Images/deleteRating.gif') no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url('/Images/star.gif') no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


