/*
body {
	background-color: #999;
	margin: 15px 25px;
	font-family: Helvetica, Arial, sans-serif;
}
#content
{
	background-color: #fff;
	border: 10px solid #ccc;
	padding: 10px 10px 20px 10px;
}
#notification
{
	border: 5px solid #9c9;
	background-color: #cfc;
	padding: 5px;
	margin: 10px 0;
}

.fieldWithErrors
{
	border: 5px solid #f66;
	width: 300px;
}
*/


.pagination {
    padding: 3px;
    margin: 3px;
}
.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #E87830;
}
.pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    color: #000;
}
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #E87830;
    font-weight: bold;
    background-color: #E87830;
    color: #FFF;
}
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
}

#thumbnail span.beautyreport{
    margin: 2px;
    text-decoration: none;
    color: #804000;
    background-color: #cfc;
}
#thumbnail span.beautyreport h1 {
	font: normal 3.8em Georgia, 'Times New Roman', Times, Serif;
	color: #295177;
	letter-spacing: -2.0px;	
	margin-bottom: 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #EBEBEB;	
}
#thumbnail span.beautyreport h1 a {
	color: #295177;
	border: none;	
}
#thumbnail span.marksreport{
    margin: 2px;
    text-decoration: none;
    color: #008000;
    background-color: #d7d7ff;
}

/* tag cloud */
.tag-cloud {
	width: 90%;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	
	color: #369;
    text-decoration: none;
	line-height:1.8em;
}

.css1 { font-size: 0.6em; }
.css2 { font-size: 0.7em; }
.css3 { font-size: 0.8em; }
.css4 { font-size: 1.0em; }
.css5 { font-size: 1.1em; }
.css6 { font-size: 1.3em; }
.css7 { font-size: 1.6em; }
.css8 { font-size: 1.7em; }
.css9 { font-size: 1.9em; }
.css10 { font-size: 2.1em; }
.css11 { font-size: 2.4em; }
.css12 { font-size: 2.8em; }
.css13 { font-size: 3.2em; }

.uploadContainer {
    margin: 0; padding: 0;
}

.uploadContainer li {
    list-style: none;
    margin: 0; padding: 0; height: 2em;
    padding: 0.4em; border: #ccc; margin-bottom: 1em;
}

.uploadContainer li h6 {
    margin: 0; padding: 0; color: #000;
    font-size: 1.1em;
}

.uploadContainer li div.bar {
    width: 50%; margin: 0; padding: 0;
    height: 0.5em; background: #def;
}

.uploadContainer li div.bar div.progress {
    background: #003ee3;
}

/* styles for the star rater */	
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 150px;
	height: 30px;
	position: relative;
	background: url(/images/star_rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	height:30px;
	width: 30px;		
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:30px;
	height: 30px;
	line-height:30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url(/images/star_rating.gif) left center;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:30px;
}
.star-rating a.two-stars{
	left:30px;
}
.star-rating a.two-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 60px;
}
.star-rating a.three-stars:hover{
	width: 90px;
}
.star-rating a.four-stars{
	left: 90px;
}	
.star-rating a.four-stars:hover{
	width: 120px;
}
.star-rating a.five-stars{
	left: 120px;
}
.star-rating a.five-stars:hover{
	width: 150px;
}
.star-rating li.current-rating{
	background: url(/images/star_rating.gif) left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* styles for the star rater with 10 stars */	
.star-rating10{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 300px;
	height: 30px;
	position: relative;
	background: url(/images/star_rating.gif) top left repeat-x;		
}
.star-rating10 li{
	padding:0px;
	margin:0px;
	height:30px;
	width: 30px;		
	/*\*/
	float: left;
	/* */
}
.star-rating10 li a{
	display:block;
	width:30px;
	height: 30px;
	line-height:30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating10 li a:hover{
	background: url(/images/star_rating.gif) left center;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating10 a.one-star{
	left: 0px;
}
.star-rating10 a.one-star:hover{
	width:30px;
}
.star-rating10 a.two-stars{
	left:30px;
}
.star-rating10 a.two-stars:hover{
	width: 60px;
}
.star-rating10 a.three-stars{
	left: 60px;
}
.star-rating10 a.three-stars:hover{
	width: 90px;
}
.star-rating10 a.four-stars{
	left: 90px;
}	
.star-rating10 a.four-stars:hover{
	width: 120px;
}
.star-rating10 a.five-stars{
	left: 120px;
}
.star-rating10 a.five-stars:hover{
	width: 150px;
}
.star-rating10 a.six-stars{
	left: 150px;
}
.star-rating10 a.six-stars:hover{
	width: 180px;
}
.star-rating10 a.seven-stars{
	left: 180px;
}
.star-rating10 a.seven-stars:hover{
	width: 210px;
}
.star-rating10 a.eight-stars{
	left: 210px;
}
.star-rating10 a.eight-stars:hover{
	width: 240px;
}
.star-rating10 a.nine-stars{
	left: 240px;
}
.star-rating10 a.nine-stars:hover{
	width: 270px;
}
.star-rating10 a.ten-stars{
	left: 270px;
}
.star-rating10 a.ten-stars:hover{
	width: 300px;
}
.star-rating10 li.current-rating{
	background: url(/images/star_rating.gif) left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}

/* hiddenPic for image preloading*/
.hiddenPic
{
	display:none;
}

.shadow{
	border-bottom:2px solid #eee;
	border-right:2px solid #eee;
	padding-bottom:2px;
	padding-right:2px;
	background:#ccc;
	display:inline-block;
}

.comment{
	position: relative;
	left: 1cm;
	max-width: 600px;
	word-wrap:break-word;
	padding: 10px 0 0 0;
}

/*
textarea:focus, input:focus {
  border: 3px solid #92fa89;
}
*/

/* http://seleckis.lv/journl/css/pozitsionirovanie-kartinok-dlya-galerei */
.imagelist * {
	margin: 0;
	padding: 0; /* если не применяется обнуление дефолных настроек браузера */
}
.imagelist dl{
	float: left; /* чтобы картинки шли друг за другом вряд */
	/* красота, размеры, отступы */
	/*
	border: 1px solid #CCC;
	background-color: #EEE;
	*/
	width: 210px;
	height: 250px;
	padding-left: 9px; /* из-за использования границ (borders) — 9, а не 10 */
	padding-top: 9px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.imagelist dl dt{
	text-align: center; /* поскольку тэг img является строчным,
					то позиционируем его по центру таким способом */
	display: table-cell; /* вертикальное позиционирование */
	vertical-align: middle; /* для нормальных браузеров */
	font-size: 178px; /* 178px = 200 * 89%, то о чём я говорил выше (для IE) */
	line-height: 0px; /* чтобы не было лишних отступов, потому как line-height
				пропорционально увеличивается относительно размера шрифта */
	/* красота, размеры, отступы */
	background-color: white;
	border: 1px solid #DDD;
	width: 200px;
	height: 200px;
}
.imagelist dl dt img{	
	vertical-align: middle; /* позиционирование картинки по вертикали  (для IE) */
}
.imagelist dl dt a:hover{
    border-bottom: none;
}
.imagelist dl dd{
	text-align: center;
}


.bordered_img {
	background: #FAFAFA;
    border: 1px solid #E4E4E4;
	padding: 8px;
}

.avatar {
	background: #FAFAFA;
    border: 1px solid #E4E4E4;
	padding: 8px;
	float: left;
	margin-right: 10px;
}
.comment_body {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
}

.stat_chart {
	background: #FAFAFA;
	border: none;
    border: 1px solid #E4E4E4;
	padding: 8px;
	width:118px;
	float:left;
	margin:25px;
}
.stat_charts {
	height:220px;
	padding:8px 8px 8px 8px;
}
.more_beautifful {
	background-color: #FF9900 ;
}
.non_bottom a:hover {
	border-bottom: none;
}
.please_log_in {
	border: 2px dotted #ff4a4a;
	margin:5px;
	padding:5px;
	width:400px;
	text-align:center;
	font-size:larger;
}