@charset "utf-8";
/* ----------- main.css -------------- */
/* tags styles and resets */
body {margin:0; padding:0; background:url(../images/main_bg.gif) repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
a {color:#3366cc;}
h2 {font-weight:normal;}
img {border:0;}
fieldset {margin:0; padding:0; border:0;}

/* main containers */
#wrapper {width:800px; margin:6px auto 0; text-align:left; background:url(../images/top_main_bg.png) no-repeat center top; padding:17px 0 0;}
.content {background:url(../images/content_bg.png) repeat-y center top; padding:0 60px; overflow:hidden; height:100%;}

/*header*/
#header {overflow:hidden; min-height:86px; padding:40px 60px 26px;}
#header h1 {margin:0 0 5px; padding:0; height:59px; width:255px; float:left;}
#header h1 a {text-indent:-999em; background:url(../images/logo.png) no-repeat; height:59px; width:255px; display:block;}

#header .login-form {float:right;width:417px;}
#header .login-form div {float:left;width:130px; margin-left:9px;}
#header .login-form .pmessage {float:left;width:260px; margin-left:9px;color: green;font-size: 10px;}
#header .login-form .nmessage {float:left;width:260px; margin-left:9px;color: red;font-size: 10px;}
#header .login-form div label {display:block; font-size:11px; line-height:150%;}
#header .login-form div input {width:128px;border:1px solid #afa59e;padding:1px 0; line-height:12px;}
#header .login-form div .submit { background:url(../images/gray_button_short.png) no-repeat; text-align:center; width:130px; height:28px; border:none; font-size:16px; margin:12px 0 0; cursor:pointer;}
#header .login-form ul {clear:left; overflow:hidden; list-style:none; margin:0 0 0 10px; padding:0;}
#header .login-form ul li {float:left; margin:6px 5px 0 0;}

#header .tags-cloud {float:right;}
#header .tags-cloud h2 {background:url(../images/tags_cloud_header_bg.png) no-repeat 0 3px; font-size:18px; color:#a51f1f; padding:0 0 12px 26px; margin:0 0 0 -26px; font-weight:normal; line-height:100%;}
#header .tags-cloud div.gray-box {width:370px; background:#f1f1f1 url(../images/gray_box_top_bg.png) no-repeat 0 0; overflow:hidden;}
#header .tags-cloud ul {list-style:none; margin:12px 0 0; padding:0 14px 18px; background:url(../images/gray_box_bottom_bg.png) bottom left no-repeat; height:100%; overflow:hidden;}
#header .tags-cloud li {float:left; height:18px; line-height:18px; padding-right:5px; width:auto; white-space:nowrap;}
#header .tags-cloud div.gray-box a {color:#75819d;}

#header .loggedin-user-info {width:250px; background:#f1f1f1 url(../images/gray_box_small_top_bg.png) no-repeat 0 0; overflow:hidden; float:right; text-align:right;}
#header .loggedin-user-info .inner {padding:12px 20px; background:url(../images/gray_box_small_bottom_bg.png) bottom left no-repeat; height:100%; overflow:hidden;}
#header .loggedin-user-info .inner p {margin:0;}

#content .loggedin-user-info {width:160px; overflow:hidden; float:right; text-align:left;}
#content .loggedin-user-info .inner {padding:12px 20px; height:100%; overflow:hidden;}
#content .loggedin-user-info .inner p {margin:0;}

#header #main-menu {clear:both; list-style:none; margin:0; padding:20px 0 0; overflow:hidden;}
#header #main-menu li {float:left; margin:0 5px 0 0;}
#header #main-menu li a {display:block; background:url(../images/user_menu_right_corner_bg.png) no-repeat right top; height:30px; color:#000000; text-decoration:none;}
#header #main-menu li a strong {display:block; background:url(../images/user_menu_main_bg.png) no-repeat 0 0; height:30px; margin:0 8px 0 0; line-height:30px; padding:0 6px 0 14px; font-weight:normal;}
#header #main-menu li.active a strong,#header #main-menu li.markered a strong  {font-weight:bold;}
#header #main-menu li a:hover, #header #main-menu li.active a {background:url(../images/user_menu_active_right_corner_bg.png) no-repeat right top; color:#FFFFFF;}
#header #main-menu li a:hover strong, #header #main-menu li.active a strong {background: url(../images/user_menu_active_main_bg.png) no-repeat 0 0;}

/*main content*/
#content { padding-bottom:10px;}
#content h1 {color:#a51f1f; font-size:22px; margin:0 0 12px;}
#content h2 {color:#a51f1f; font-size:22px; margin:0 0 12px;}
#content h3 {color:#000000; font-size:18px; margin:0 0 12px;font-weight:normal;}
#content p {line-height:150%;}

#content .tags-cloud {margin-bottom: 20px;}
#content .tags-cloud h2 {background:url(../images/tags_cloud_header_bg.png) no-repeat 0 3px; font-size:18px; color:#a51f1f; padding:0 0 12px 26px; margin:0 0 0 -26px; font-weight:normal; line-height:100%;}
#content .tags-cloud div.gray-box {width:680px; background:#f1f1f1; color: #C85900;overflow:hidden;}
#content .tags-cloud ul {list-style:none; margin:12px 0 0; padding:0 14px 18px; height:100%; overflow:hidden;}
#content .tags-cloud li {float:left; height:18px; line-height:18px; padding-right:5px; width:auto; white-space:nowrap;}
#content .tags-cloud div.gray-box a {color:#75819d;}

#content .main-form {text-align:center; margin:0 0 24px; overflow:hidden; height:100%;}
#content .main-form form {margin: 0 auto; width:440px; overflow:hidden; background:url(../images/main_form_body_bg.png) repeat-y;}
#content .index-form form {float:left;}
#content .main-form form fieldset {background:url(../images/main_form_top_bg.png) no-repeat 0 0; border:0;padding:18px 18px 17px; margin:0; }
#content .main-form form fieldset select,
#content .user-info fieldset select { width:292px; height:20px;border:1px solid #afa59e;}
#content .main-form form fieldset .select,
#content .user-info fieldset .select {margin:0 0 6px;}
#content .main-form form fieldset .select label,
#content .user-info fieldset .select label {display:block; float:left; width:85px; padding-left: 12px; text-align:left;}
#content .main-form form .bottom {width:440px; height:9px; background:url(../images/main_form_bottom_bg.png) no-repeat bottom left;}
#content .main-form form h2 {color:#000000; font-size:28px; font-weight:normal; margin:0 0 12px; line-height:28px;}
#content .main-form form span {color:#FFFFFF; width:100%; display:block; margin:0 auto;}
#content .main-form form fieldset p {margin:0 0 12px;}
#content .main-form form .input-text input {border:1px solid #afa59e; width:100%;padding:2px 0; line-height:12px; margin:3px 0 0;}
#content .main-form form .person {margin:0 0 24px;}
#content .index-form form .person {margin:0 0 19px;}
#content .main-form form .conditional-terms {margin:0 0 19px; color:#010101;}
#content .main-form form .conditional-terms a {color:#010101;}
#content .main-form form .buttons input,
#content .custom-form .buttons input,
#content .user-info fieldset .buttons input {cursor:pointer;}
#content .main-form form .buttons input.red,
#content .custom-form .buttons input.red,
#content .user-info fieldset .buttons input.red {background:url(../images/red_button_small.png) no-repeat; width:182px; height:34px; border:none; padding:0 6px 6px 0; color:#FFFFFF; font-size:16px; margin:0 6px;}
#content .main-form form .buttons input.dark_medium,
#content .custom-form .buttons input.dark_medium,
#content .user-info fieldset .buttons input.dark_medium { background:url(../images/dark_button_medium.png) no-repeat;width:182px; height:34px; border:none; padding:0 2px 6px; color:#FFFFFF; font-size:16px; margin:0 6px;}
#content .main-form form .buttons input.dark_big,
#content .custom-form .buttons input.dark_big,
#content .user-info fieldset .buttons input.dark_big { background:url(../images/dark_button_big.png) no-repeat;width:204px; height:34px; border:none; padding:0 3px 6px; color:#FFFFFF; font-size:16px;}

#content .main-form form fieldset .inner-filedset {background:url(../images/inner_fieldset_top_bg.png) no-repeat 0 0; margin:0 -18px 0; padding:6px 0 0; text-align:left;}
#content .main-form form fieldset .inner-filedset div.inner {background:url(../images/inner_fieldset_body_bg.png) repeat-y 0 0; padding:12px;}
#content .main-form form fieldset .inner-filedset em,
#content .user-info fieldset em {color:#a51f1f; margin-left:-12px; float:left; display:block;}
#content .main-form form fieldset .inner-filedset h2 {font-size:18px; margin:18px 0 18px;}
#content .main-form form fieldset .inner-filedset h2 span {font-size:12px; display:inline; width:auto;}
#content .main-form form fieldset .inner-filedset label,
#content .user-info fieldset label{line-height:150%;}
#content .main-form form fieldset .inner-filedset div,
#content .user-info fieldset div{margin:0 0 6px; clear:both; overflow:hidden;}
#content .main-form form fieldset .inner-filedset span,
#content .user-info fieldset span{color:#333333; width:100%;}
#content .main-form form fieldset .inner-filedset input {/*border:1px solid #afa59e;*/}
#content .main-form form fieldset .inner-filedset .textarea label {padding-left: 12px;display:block; }
#content .main-form form fieldset .inner-filedset #message_length { color:#666666;width:100%; text-align:right;margin-bottom:10px;}
#content .custom-form .textarea textarea,
#content .main-form form fieldset .inner-filedset .textarea textarea {width:413px; height:121px;border:1px solid #afa59e; margin:0 0 6px;}
#content .main-form form fieldset .inner-filedset .required,
#content .user-info fieldset .required { padding:24px 0 0;}
#content .main-form form fieldset .inner-filedset .required em,
#content .user-info fieldset .required em {margin:0 6px 0 0;}
#content .main-form form fieldset .inner-filedset .group,
#content .user-info fieldset .group{ margin:0 0 6px; overflow:hidden;}
#content .main-form form fieldset .inner-filedset .group input,
#content .user-info fieldset .group input{float:left; margin-left:0;}
#content .main-form form fieldset .inner-filedset .group label,
#content .user-info fieldset .group label{float:left; width:65px;}
#content .main-form form fieldset .inner-filedset .group span,
#content .user-info fieldset .group span{float:left; display:block; width:30%; padding:0 0 0 12px; line-height:150%;}
#content .main-form form fieldset .inner-filedset .short span,
#content .user-info fieldset .short span {width:85px;}
#content .main-form form fieldset .inner-filedset .user-action-login label {display:block; float:left; width:85px; padding-left: 12px;}
#content .main-form form fieldset .inner-filedset div.user-action-login input { width:180px; margin-right:8px;border:1px solid #afa59e;}
#content .main-form form fieldset .inner-filedset .text-input label,
#content .user-info fieldset .text-input label {display:block; float:left; width:85px; padding-left: 12px;}
#content .main-form form fieldset .inner-filedset .text-input input,
#content .user-info fieldset .text-input input { width:290px; height:16px; padding:2px 0;border:1px solid #afa59e;}
#content .main-form form fieldset .inner-filedset select.birthday, 
#content .main-form form fieldset .inner-filedset input.birthday, 
#content .user-info fieldset input.birthday,
#content .user-info fieldset select.birthday {float:left; width:40px;}
#content .main-form form fieldset .inner-filedset p.registration-tips {margin:18px 0 ;}
#content .main-form form fieldset p.attention { color:#a51f1f;}
#content .main-form form fieldset .inner-filedset .warning {background:url(../images/warning.png) no-repeat 0 2px; padding-left:34px; overflow:hidden; height:100%; display:block; width:auto;}
#content .main-form form fieldset .inner-filedset .add-one-more-file {text-align:right; width:auto; margin:0 28px 0 0; clear:both;}
#content .main-form form fieldset .file-input label {display:block; float:left; width:85px; padding-left: 12px;}
#content .main-form form fieldset .file-input span { /*background:url(../images/file_control.png) no-repeat 0 0;*/ width:auto;}
#content .main-form form fieldset .file-input input {width:292px; /*opacity:0;*/ float:left;}
#content .main-form form fieldset .group-merchant-options { vertical-align:middle; display:inline-table;}
#content .main-form form fieldset .group-merchant-options input {margin:16px 12px 0 0; float:left;}
#content .main-form form fieldset .group-merchant-options img {float:left;}
#content .main-form form fieldset .group-merchant-options label {float:left; display:block; margin-right: 10px;}
#content .main-form form fieldset div.group-list, #content .main-form form fieldset div.total {margin:0; padding:0 0 12px; overflow:hidden; height:100%; }
#content .main-form form fieldset div.total {font-size:14px;}
#content .main-form form fieldset .group-list input {float:left; clear:left; margin-left:0;}
#content .main-form form fieldset .group-list label {float:left;}

#content .user-info {background:url(../images/search_body_top_bg.png) no-repeat 0 0; padding:8px 0 0; margin-bottom:36px;height:100%;}
#content .user-info form {background:#ffeddc url(../images/search_body_bottom_bg.png) bottom left no-repeat; padding:6px 20px 8px; overflow:hidden;height:100%; margin:0;}
#content .user-info .banner {float:right; border:1px solid #afa59e; height:280px; width:150px;}
#content .user-info fieldset .buttons input {margin-top:18px;}

#content .info-block {background:url(../images/pink_block_top_bg.png) no-repeat 0 0; width:220px; float:right; margin:0 0 0 20px; overflow:hidden;}
#content .info-block .inner {background:url(../images/pink_block_bottom_bg.png) no-repeat bottom left; width:196px;overflow:hidden; padding: 6px 12px 12px; text-align:center;}
#content .info-block .inner em {font-size:24px; font-style:normal; color:#a51f1f;}
#content .info-block .inner p {margin:12px 0 0;}
#content .info-block .inner a.help-info {color:#333333;}

#content .rant { width:505px; float:left; clear:both; margin:0 0 24px;} 
#content .rant h2 {font-weight:normal; margin:3px 0 15px;}
#content .rant .addthis_button {margin: 36px 0 0; }
#content .login-form { width:130px; float:right;margin:0 0 24px;}
#content .login-form label {font-size:11px;}
#content .login-form div {margin:0 0 6px;}
#content .login-form input {border:1px solid #afa59e; width:100%;padding:2px 0; line-height:12px; height:14px; margin:3px 0;}
#content .login-form ul {list-style:none; padding:0; margin:0;}
#content .login-form ul li {line-height:150%; margin:0; padding:0;}
#content .login-form .submit { background:url(../images/gray_button_short.png) no-repeat; text-align:center; width:130px; height:28px; border:none; font-size:16px; margin:12px 0 0; cursor:pointer;}

#search-result-header {background:url(../images/search_header_top_bg.png) no-repeat 0 0; padding:8px 0 0; color:#FFFFFF; font-size:16px;margin-bottom:10px; height:100%;}
#search-result-header .inner {background:#a51f1f url(../images/search_header_bottom_bg.png) bottom left no-repeat; padding:0 16px 8px; overflow:hidden;height:100%;}
#search-result-header .inner div {float:left;}
#search-result-header .inner div.personal-info { width:290px;}
#search-result-header .inner div.location-info { width:200px;}
#search-result-header .inner div.listed-info {}

#complaint-data .item,
#search-result-body .item {background:url(../images/search_body_top_bg.png) no-repeat 0 0; padding:8px 0 0; margin-bottom:10px;height:100%;}
#complaint-data .item  .inner,
#search-result-body .item .inner {background:#ffeddc url(../images/search_body_bottom_bg.png) bottom left no-repeat; padding:6px 16px 8px; overflow:hidden;height:100%;}
#search-result-body .item .inner div.info { background-color:#ecdbcc; overflow:hidden; padding:8px;height:100%;}
#search-result-body .item .inner div.info div {float:left; overflow:hidden;height:100%;}
#search-result-body .item .inner div.personal-info { width:280px; line-height:150%;}
#search-result-body .item .inner div.personal-info img,
#search-result-body .item .inner div.personal-info a,
#search-result-body .item .inner div.personal-info span {float:left;margin-right:5px;}
#search-result-body .item .inner div.personal-info span.nickname {clear:left;}
#search-result-body .item .inner div.location-info { width:200px;}
#search-result-body .item .inner div.listed-info {width:150px;}
#search-result-body .item .inner p {clear:both; padding:0 18px;}
#search-result-body .item .inner .options {list-style:none; overflow:hidden; margin:0; padding:0; float:right;}
#search-result-body .item .inner .options li {float:left; margin:0 0 8px 15px;}

#content .main-form form .full-complaint-data {display: none;}

#pages {text-align:center;}
#pages ul {display:inline-block; list-style:none; margin: 12px 0 0; padding:0; overflow:hidden;height:100%;}
#pages ul li {float:left; margin:0 14px 12px; font-size:18px; line-height:24px;}
#pages ul li.prev a {display:block; background:url(../images/page_left.png) no-repeat; text-indent:-99em; overflow:hidden; width:27px; height:30px; padding:0 3px 3px;}
#pages ul li.next a {display:block; background:url(../images/page_right.png) no-repeat; text-indent:-99em; overflow:hidden; width:27px; height:30px; padding:0 3px 3px;}
#pages ul li a {color:#c85900;}
#pages ul li.active {color:#633a00;}

/* footer */
#footer {background:url(../images/bottom_main_bg.png) center top no-repeat; overflow:hidden; text-align:center;}
#footer ul {list-style:none; margin:0; padding:0;display:inline-block;}
#footer ul li {float:left;color:#a51f1f; padding:0 5px; margin:31px 0 0;}
#footer ul li a {color:#a51f1f;}
#footer #copyrights {clear:left; padding:12px 0 24px; color:#5e5e5e; overflow: hidden;}

/* ----------- old.css -------------- */

.tab1 {
	background-color: #a51f1f;
	height: 30px;
	padding-right: 7px;
	padding-left: 7px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.tab1 a {
	color: #FFFFFF;
	text-decoration: underline;
}
.tab1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.tab2 {
	background-color: #FFFFFF;
	padding: 7px;
}
.tab2 a {
	font-size: 11px;
	color: #0099ff;
}
.tab2 a:hover {
	color: #a51f1f;
}.tab3 {
	background-color: #ffa146;
	padding-right: 7px;
	padding-left: 7px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
}
.tab4 {
	font-size: 11px;
}
.post {
	color: #676767;
	background-image: url(/images/post.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	margin-bottom: 5px;
	display:block;
}
.hr hr {
	display: none;
}
.hr {
    height: 1px;
    background: #cccccc;
    margin-top: 20px;
	margin-bottom: 20px;
}

/* ----------- modal window -------------- */

#simplemodal-overlay {background-color:#000;}

#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}

#simplemodal-container a.modalCloseImg {
	background:url(/images/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#simplemodal-data {text-align:justify}

#simplemodal-data h2 {margin-top:2px}

/* ----------- jsonSuggest.css -------------- */

#content div.jsonSuggestResults {
	position:absolute;
	border:1px solid #CCC;
	padding:0px;
	margin:0px 2px;
	z-index:1;
}

#content div.jsonSuggestResults div.resultItem {
	margin:0px;
	padding:5px;
	position:relative;
	height:auto;
	cursor:pointer;
}

#content div.jsonSuggestResults div.resultItem.odd {
	background-color:#FFEBD7;
}
#content div.jsonSuggestResults div.resultItem.even {
	background-color:#FFFFFF;
}

#content div.jsonSuggestResults div.resultItem.hover {
	background-color:#FDCFA1;
}

#content div.jsonSuggestResults div.resultItem img {
	float:left;
	margin-right:10px;
}

#content div.jsonSuggestResults div.resultItem p {
	margin:0px;
	padding:0px;
	line-height: 100%;
	text-align:left;
}

#content div.jsonSuggestResults div.resultItem p strong {
	font-weight:bold;
	text-decoration:underline;
}

#content div.jsonSuggestResults div.resultItem p.extra {
	font-size: x-small !important;
	position:absolute;
	bottom:3px;
	right: 3px;
}