/* -------------general */
	
body        				{ margin: 0; padding: 0; vertical-align: top; font: 12px arial, sans-serif; color: #333; background: white; line-height: 130%; }
img         				{ border: 0; }
p 	     				{ margin: 0; padding: 0; font: 12px arial, sans-serif; color: #333; line-height: 150%; }
a           				{ color: #2b8c0f; text-decoration: underline;  outline: none; }
a:hover        				{ text-decoration: none; }
ul, li 			    		{ margin: 0; padding: 0; list-style: none; line-height: 130%;}
h1, h2, h3, h4, h5, h6			{ margin: 0; padding: 0; line-height: 100%; color: #333; font: 18px arial, sans-serif; padding: 7px 0 0 0; }
/* -------------general end */


/* -------------index page */

.main			    		{ min-width: 1000px; }

.content				{ padding-top: 6px; background: url(/images/column.gif) repeat-y 7px 0; margin-top: 15px;
float: left;
width: 100%;
}
.left					{ float: left; width: 150px; padding-left: 7px; text-align: right; padding-top: 15px;
margin-left: -100%; /*Set left margin to -(MainContainerWidth)*/
}

.content .center            { margin-left: 170px; padding-right: 7px; }
.content .center a, .left a          { color: #c90a00; }

.left ul			{ margin-top: 20px; }
.left ul li			{ padding: 0 12px 0 0; background: url(/images/bullet.gif) no-repeat right 7px; }
.left ul li a			{ color: #333; }

.left .dashed_block    { clear: both; width: auto; padding-left: 0px; margin-top: 26px; }
.left .dashed_block a  { color: #2b8c0f; }
.left .dashed_block a.kabinet { color: #c90a00; }
.left .dashed_block div.exit { margin-top: 15px;}
.left .dashed_block div.exit a { background: url(/images/aim.gif) no-repeat right; padding: 0 20px 1px 0; margin-top: 20px;}
                     
.left p			{ padding-top: 5px; }
.left p.registration		{ clear: both; padding: 8px 0 0 0; }
.left p.talk			{ padding: 5px 10px 0 0; background: url(/images/icon_cloud.gif) no-repeat right 11px; }
.content .center .left p.talk a         { color: #333; }


.grey_box				{ overflow: hidden;  background: #f2f2f2; }
.grey_box .top				{ height: 5px; font-size: 0; background: url(/images/ruc.gif) no-repeat top right; }
.grey_box .top img,
.grey_box .bottom img			{ float: left; }
.grey_box .bottom			{ height: 5px; font-size: 0; background: url(/images/rbc.gif) no-repeat bottom right; }
.grey_box .middle			{ padding: 0 7px; margin:0;  }

#enter					{ margin-top: 30px; }
#enter a				{ width: 93px; height: 24px; padding-top: 6px; margin-left: 39px; display: block; cursor: pointer; clear: both; color: white; text-align: center; background: #d6463f url(/images/back2.gif) no-repeat; }

#auth_form				{ text-align: left; width: 227px; padding: 10px 15px; position: absolute; z-index: 100; background: #f2f2f2; border: 1px #c3c3c3 solid; left: 0; margin: 135px 0 0 149px; }
#auth_form h3				{ padding-top: 0; }
#auth_form form				{ margin: 10px 0 20px 0; }
#auth_form form	label			{ padding-top: 10px; font-weight: normal; }
#auth_form form input			{ clear: both; border: 1px #343434 solid; width: 96%; height: 19px; padding: 3px 0 0 5px; font-weight: bold;  }
#auth_form form .auth_submit		{ margin-top: 10px; width: 100px; font-weight: normal; height: auto; padding: 1px;}
#auth_form form .auth_checkbox		{ font-weight: normal; height: auto; width: auto; padding: 3px; margin-top: 5px; border: 0; }
#auth_form a.close			{ float: right; }


.dashed_block				{ clear: both; border-top: 1px #c3c3c3 dashed; margin-top: 26px; padding-left: 11px; }
.dashed_block h4,
.dashed_block h5			{ padding-top: 14px; }
 .content .center .dashed_block h4 a,
.content .center .right .dashed_block h4 a	{ color: #333; }

.empty20				{ clear: both; height: 20px; }
.empty26				{ clear: both; height: 26px; }


.content .center .menu			{ border-bottom: 2px #c90a00 solid; overflow: hidden; text-align: center; }
.content .center .menu ul		{ position: relative; padding-bottom: 7px; }
.content .center .menu ul li		{ font: bold 13px arial, sans-serif; display: inline; float: left; padding: 0 2% 0 1%; }
.content .center .menu ul li a		{ color: #333; text-decoration: none; padding-bottom: 7px; float: left;   }
.content .center .menu ul li a:hover,
.content .center .menu ul li a.active	{ border-bottom: 2px #c90a00 solid; padding-bottom: 5px; background: url(/images/back3.gif) no-repeat center bottom; }

.content .center .header		{ overflow: hidden; height: 120px;  }
.content .center .header .logo		{ text-align: center; float: left; padding: 10px; }
.content .center .header .logo p	{ color: #527187; }
.content .center .header .logo p a	{ color: #527187; text-decoration: none; }
.content .center .header .top_banner	{ float: right; padding: 10px 0 0 0; }


.content .center .dashed_block		{ clear: none; margin: 0; width: 66%;  padding: 0; }

.content .center .caption_side		{ overflow: hidden; }
.content .center .caption_side h1, 
.content .center .caption_side h2	{ padding-top: 11px; margin-right: 30px;}
.content .center .caption_side img	{ margin-top: 14px; }

.content .center .text_row		{ overflow: hidden; }

.content .center .text_col		{ width: 47%; float: left; margin-right: 3%; padding-top: 8px;  }
.content .center .text_col img		{ float: left; margin: 10px 8px 0 0; border: 1px #cfdae2 solid; }
.content .center .text_col p		{ padding-top: 5px; }
.content .center .text_col .icon_panel p { padding-top: 7px }
.content .center .text_col .icon_panel p img { margin: 4px 4px 0 0; float: left; border: 0; }
.content .center .text_col .icon_panel  { padding-right: 20px; height: 25px; }
.content .center .text_col .icon_panel a { color: #333; }

.content .center .rside			{ margin-right: 0; }

.sign_block				{ float: left; display: block; padding: 7px 0 0 0; background: url(/images/corn_grey.gif) no-repeat 95% top; }
.sign_block div				{ float: left; background: #f2f2f2 url(/images/lc.gif) no-repeat left; }
.sign_block div	div			{ float: left; background: none; background: url(/images/rc.gif) no-repeat right; height: 18px; padding: 2px 5px 0 5px; }
.content .center .sign_block p { padding: 0; }
.sign_block div	div p.signature a	{ color: #777; }


.content .center  .bottom_border	{ border-bottom: 1px #c3c3c3 dashed; margin-top: 20px; padding-bottom: 20px; }
.content .center  .gallery		{ clear: right; overflow: hidden; padding: 10px 0; }
.content .center  .gallery h3 a		{ color: #333; }
.one_pic				{ width: 258px; height:235px; text-align: center; padding: 0; float: left; }
.one_pic p.signature a			{ color: #777; }
.pic					{ margin: 0px auto 0 auto; width: 184px; height: 128px; background: url(/images/back4.jpg) no-repeat; text-align: center; padding-top: 13px; }



.content .center .right			{ width: 33%; float: right; }
.content .center .right a		{ color: #2b8c0f; }
.content .center .right .dashed_block	{ margin: 0; padding: 0; width: auto; overflow: hidden; }
.content .center .right .first		{ border: none; margin: 0; }
p.signature				{ font-size: 11px; color: #777; }
.content .center .right p.signature a	{ color: #777; }
.content .center .right p.caption	{ padding-top: 10px; }
.icon_panel				{ overflow: hidden; height: 20px; }
.icon_panel p				{ float: right; padding: 0 0 22px 0; margin-left: 10px; position: relative; }
.icon_panel p img 			{ margin: 4px 4px 0 0; float: left; }
.content .center .right .icon_panel p a	{ color: #333; }
.icon_panel a span			{ visibility: hidden; left: 0; display: block; background: white; border: 1px #eee solid; font: 11px arial, sans-serif; color: #333; position: absolute; z-index: 10; margin: 19px 0 0 -10px; text-decoration: none; padding: 2px 5px;   }
.icon_panel a:hover span		{ visibility: visible; }

.forum_quote					{ overflow: hidden;  background: url(/images/corn_left.gif) no-repeat 10px bottom; padding: 0 0 13px 0; margin-top: 5px; }
.forum_quote div				{ background: white url(/images/luc2.gif) no-repeat left top; }
.forum_quote div div				{ background: none; background: url(/images/ruc2.gif) no-repeat right top; }
.forum_quote div div div			{ background: none; background: url(/images/rbc2.gif) no-repeat right bottom; }
.forum_quote div div div div	 		{ background: none; background: url(/images/lbc2.gif) no-repeat left bottom; overflow: hidden; padding: 4px 10px; }
.content .center .right .forum_quote div div div div p.caption	{ padding: 0; }
.rightside				{ background: url(/images/corn_right.gif) no-repeat 95% bottom; }


.one_pic .icon_panel			{ overflow: hidden; margin: 0 0 0 45px; }
.one_pic .icon_panel p			{ float: left; padding: 0 0 22px 0; margin: 0 13px; }
.one_pic .icon_panel p img 		{ margin: 4px 4px 0 0; float: left; }
.one_pic .icon_panel p a	  	{ color: #333; }



.footer					{ height: 153px; padding-left: 7px; }
.footer .grey_box			{ width: 150px; float: left; text-align: right; padding: 31px 0 0 0; }
.footer .grey_box .middle img		{ margin-top: 3px; margin-right: 10px; }
.footer .grey_box .middle		{ padding-bottom: 20px; }

.footer .copyrights			{ border-top: 1px #c3c3c3 dashed; margin: 0 23px 0 165px; padding-top: 30px; }
.footer .copyrights p			{ padding-top: 0px; line-height: 100%; padding: 2px 0; }
.footer .copyrights p a			{ color: #333; }
.footer .copyrights p.about		{ color: #a8a8a8; font: 11px arial, sans-serif;   }
.footer .copyrights div			{ width: 530px; float: left; margin-right: 40px; }
/* -------------index page end */


/* -------------main content start */
.content .center .main_block { padding-bottom: 50px; margin-top: -15px; }
.content .center .main_block .dashed_block  { clear: none; margin: 0; width: 100%;  padding: 0;   }
.content .center .main_block h1  { padding-top: 25px; padding-bottom: 5px; margin-right: 30px; }

.rating_panel {
 float: right; 
 padding-top: 3px; 
 padding-right: 15px;
}
.rating_panel img {
 float: left;
 margin: 0 3px 0 15px;
}
.rating_panel p {
 float: left;
}

div.section_nav {
 float: right; 
 margin-top: 5px;
}
div.section_nav a {
 padding: 2px 5px 2px 5px; 
 margin: 2px; 
 border-left: 1px solid #c3c3c3; 
 border-right: 1px solid #c3c3c3;
}
div.section_nav a:hover {
 border-color: #c90a00; 
}

.main_block h3 {
	font-size: 14px;
	font-weight: bold;
}
	
/* lists */
.main_block ul {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
}

.main_block ul li {
  display: list-item;
  list-style-type: disc;
  margin-left: 2em;
}

.main_block p {
	padding-top: 5px;
}

/* Forms */

.main_block form div {
 margin-top: 11px;
 vertical-align: text-top;
}

label {
 display: block;
 padding-right: 20px;
 font-weight: bold;
}

.checkbox label {
 display: inline;
}

#TidingAddForm .checkbox label, #TidingEditForm .checkbox label {
 font-weight: normal;
}

#TidingAddForm .checkbox input, #TidingEditForm .checkbox input {
 margin-left: 0;
}
                                    
#TidingAddForm div.checkbox, #TidingEditForm div.checkbox {
 padding: 0;
 margin: 0;
}

#UserRegisterForm input, #UserRegisterForm textarea,
#UserEditForm input, #UserEditForm textarea {
 padding: 2px;
 width: 60%;
}
select[multiple=multiple] {
 width: 100%;
}
option {
 padding: 0 3px;
}
#UserRegisterForm .form_checkbox {
 float: left;
 margin: 0px 6px 7px 2px;
 width: auto;
}
#UserEditForm .form_checkbox {
 float: left;
 margin: 0px 6px 7px 2px;
 width: auto;
}
#UserRegisterForm .form_radio {
 display: inline;
 width: auto;
}
#UserEditForm .form_radio {
 display: inline;
 width: auto;
}
#UserRegisterForm input[type=submit], #UserEditForm input[type=submit] {
 display: inline;
 padding: 2px 5px;
 width: auto;
 vertical-align: bottom;
}

legend {
	font-weight: bold;
}

fieldset {
 border: none;
 padding: 0;
 margin: 0;
 display: inline;
}

fieldset label {
 display: inline;
 font-weight: normal;
}

#gallery_search {
 margin-top: 10px;
 background-color: #EEE; 
 padding: 2px;
}

#gallery_search label {
 display: inline;
 padding: 0;
 font-weight: normal;
 line-height: 2px;
 vertical-align: middle;
}

#gallery_search div, #gallery_search form {
 display: inline;
 margin: 0;
}

#uploadResult .galleryContainer {
 height: 120px;
}                   
#uploadResult .galleryUploadImageForm {
padding: 0;
margin: 0;
}
#uploadResult .galleryUploadImage {
 border: 1px solid; 
 width: 100px; 
 height: 100px; 
 float:left; 
 margin: 0 5px 0 0;
 text-align: center;
}


/* Notices and Errors */

div.flash-error {
 text-align: center;
 background-color: #900;
 color: #fff;
 padding: 6px;
 font-size: 110%;
 font-weight: bold;
 margin: 1em 0;	
}
div.flash-success {
 text-align: center;
 background-color: #090;
 color: #fff;
 padding: 6px;
 font-size: 110%;
 font-weight: bold;
 margin: 1em 0; 
}
div.flash-message {
 text-align: center;
 background-color: #bb0;
 color: #fff;
 padding: 6px;
 font-size: 110%;
 font-weight: bold;
 margin: 1em 0; 
}
div.hidden_record {
 text-align: center;
 background-color: #777;
 color: #fff;
 font-weight: bold;
 padding: 3px;
}
div.message {
 text-align: center;
 background-color: #900;
 color: #fff;
 padding: 6px;
 font-size: 110%;
 font-weight: bold;
 margin: 1em 0;	
}
form div.error-message {
 color: #900;
 font-weight: normal;
 margin-top: 0px;
 display: block;
}
.red_star {
 color: red;
 font-size: 160%;
 padding-left: 5px;
 vertical-align: top;
}

#report {
 margin-right: 20px;
}

#report .sign_block { 
	float: left; 
	padding: 7px 0 0 0;
	margin-right:0px;
}

#report .icon_panel { 
	float: right;
	margin: 0;
	padding: 2px 30px 0 0;
}

.paginator {
 padding-top: 10px;
 text-align: center;
 clear: both;
}

.paginator_user {
 padding-top: 10px;
 text-align: left;
 clear: both;
}
.paginator_user .arrow {
 margin: 0 10px;
 text-decoration: none;
}
.paginator_user a {
 padding: 1px;
}
.paginator_user a:hover {
 color: #FFF;
 background-color: #c90a00;
}


#comments {
 margin-top: 40px;	
}
#comments form {
	padding: 0;
	margin: 0;
}
#comments h3 {
	margin-bottom: 10px;
	margin-top: 30px;
}
#comments .comment_block {
	border: 2px solid #DDD; 
	margin-bottom:10px; 
	padding: 5px;
}
#comments p {
	padding: 0 0 5px 0;
}
.comment_sign {
	background-color: #EEE; 
	padding: 2px; 
	font-size: 11px; 
	color: #777;
}

#comments img {
 vertical-align: middle;
}

.control_img {
 vertical-align: top;
 margin-left: 5px;
}

#comment_form {
 border: 1px solid #DDD; 
 background-color: #EEE; 
 padding: 0px 20px 10px 20px; 
 width:60%;
}

#report_form {
 border: 1px solid #DDD; 
 background-color: #EEE; 
 padding: 0px 20px 10px 20px; 
 width:90%;
}

#forum div {
 padding-top: 2px;
 margin: 0;
}

#reports_list tr td, #maps_list tr td, #stories_list tr td {
 vertical-align: top;
}

.breadcrumbs {
 text-align: left; 
 position: relative; 
 top: 10px; 
 font-size: 11px;
 color: #777;
 float: left;
}

.content .breadcrumbs a {
 font-size: 11px;
 color: #777;	
}

.table_1px {
 border-collapse: collapse;
}
.table_1px td {
 border: 1px solid;
}
.table_1px th {
 border: 1px solid;
 text-align: left;
}

p.tags {
 color: #777;
 font-size: 11px;
}
.content p.tags a {
 color: #777;
}

div.auto_complete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0;
}
div.auto_complete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.auto_complete ul li.selected { background-color: #ffb;}
div.auto_complete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}