/* messages, friends, news, articles, blogs, inOrOut */

/* messages/index */
#messagesIndex .message-system #message-wrapper { position: relative; border-top: 1px solid #AAAAAA; }
#messagesIndex .message-system .message-list { padding: 10px; border-bottom: 1px solid #AAAAAA; color: #555;}
#messagesIndex .message-system .message-list .time { float: right; width: 20%; text-align: right;font-style: italic;color: #888;margin: -1px -5px;}
#messagesIndex .message-system .message-list .photo-div { float: left; width: 50px; }
#messagesIndex .message-system .message-list .title-div { float: left; margin-left: 10px; width: 85%;max-width: 640px;}
#messagesIndex .message-system .message-list .title { float: left; width: 80%; }
#messagesIndex .message-system .message-list .lastMessageWrapper{width: 87%;text-align: justify;margin-top: 4px;}
#messagesIndex .message-system textarea.text-reply { width: 95% !important; height: 80px; padding: 5px !important; background: none !important; border: 1px solid #cfcfcf !important; font-family: arial; font-size: 12px; }
#messagesIndex .message-system .initial-text { position: absolute; top: 10px; left: 10px; font-style: italic; }
#messagesIndex .message-system #message-wrapper .loading { display: none; position: absolute; top: 40%; left: 40%; background: #f1f1f1; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#messagesIndex .message-system .load-more { text-align: center; display: block; padding: 5px; margin: 10px 0 5px 0; background: #efefef; text-decoration: none; border: 1px solid #AAA; }
#messagesIndex .message-system a.opened { font-weight: normal; }
#messagesIndex .message-system a.new, .message-system .new span { font-weight: bold; }
#messagesIndex .message-system div.new { background: none; }
#messagesIndex .message-system div.checked { background: yellow !important; }
#messagesIndex .message-system div.opened { background: none; }
#messagesIndex .mp_list { top: -30px; width: 220px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#messagesIndex .mp_list li.mp_item { padding: 5px !important; }
#messagesIndex .message-system #compose-message-form .loading { float: left; width: 300px; display: none; }
#messagesIndex .message-system .compose-message { margin: 5px; padding: 5px 0; display: block; }
#messagesIndex .padd10 { padding: 10px !important; }
#messagesIndex .marg5 { margin: 5px !important; }
#messagesIndex div.label-message { float: left; width: 100px; }
#messagesIndex div.input-message { float: left; width: 180px; position: relative;}
#messagesIndex div.input-message { background: url('http://devel.rcherz.com/themes/classic/img/input-edit-bg.jpg'); width: 220px; position: relative; height: 30px; }
#messagesIndex input[type=submit] { padding: 5px; }
#messagesIndex .message-system .loading { display: none; }
#messagesIndex .association { border: 0 !important; width: 210px; background: none; margin: 0 0 10px 0; padding: 2px 5px; position: relative; }
#messagesIndex form textarea { padding: 5px; height: 70px; width: 570px; background: url('/themes/classic/img/edit-textarea.jpg') no-repeat; border: none; float: left; margin: 0 0 10px 0; color: #666666; font-family: Arial; font-size: 12px; }
#messagesIndex .rAutocompleteListWrapper {position: absolute; top: 30px !important; left: 0px !important; }


/* messages/open */
#messagesOpen .compose-message, #messagesOpen .compose-message {margin-bottom: 20px; }
#messagesOpen .message-list { padding: 10px; border-top: 1px solid #ccc; }
#messagesOpen .message-list .checkbox { display: block; float: left; width: 5%; }
#messagesOpen .message-list .photo { display: block; float: left; padding: 3px; background: #fff; border: 1px solid #ccc; width: 50px; height: 50px; }
#messagesOpen .message-list .titleDiv { float: left; width: 87%; padding-left: 10px; }
#messagesOpen .message-list .titleDiv .title {font-weight: bold; color: #222; float: left; width: 80%; }
#messagesOpen .message-list .titleDiv .time { width: 20%; float: right; text-align: right; }
#messagesOpen .text-reply { width: 100%; height: 96px; height: 6rem; padding: 0; }
#messagesOpen .replyWrapper { margin-top: 10px; position: relative; }
#messagesOpen .initial-text { position: absolute; top: 5px; left: 5px; }
#messagesOpen .submit-message { padding: 5px; }
#messagesOpen .loading { display: none; }


/* friends/list */
#friendsList .leftColumn { width: 20%; margin: 0 0.5% 0 0; }
#friendsList .centerColumn { width: 60%; margin: 0 0.5% 0 0; }
#friendsList .rightColumn { width: 19%; margin: 0; }
#friendsList #mainPart { background: url("/images/comp-bg.jpg") no-repeat scroll center 0 transparent !important; }
#friendsList h1 { font-weight: bold; font-size: 16pt; margin-top: 15px; margin-bottom: 30px; }
#friendsList .friend { position: relative; overflow: hidden; padding: 3px; width: 195px; height: 41px; float: left; margin: 5px 0; }
#friendsList .friend:HOVER { border-radius: 2px; box-shadow: -1px 1px 5px #777; background: #fbfbfb; }
#friendsList .friend img { width: 35px; height: 35px; background-color: #fff; border: 1px solid #ccc; float: left; padding: 2px; }
#friendsList .friend .name { display: block; width: 150px; height: 17px; line-height: 16px; overflow: hidden; float: left; font-size: 10pt; font-weight: bold; color: #222; padding-left: 5px; }
#friendsList .friend .name a { color: #222; }
#friendsList .friend .name a:HOVER { color: #000; text-shadow: 1px 1px 1px #fff; }
#friendsList .friend .status { float: left; padding: 1px 0 0 5px; font-size: 8pt; }
#friendsList .friend .status img { background: 0; border: 0; width: 16px; height: 16px; }
#friendsList .friend .remove { cursor: pointer; position: absolute; color: #222; font-weight: bold; top: 3px; right: 7px; display: none; }
#friendsList .friend.mutual:HOVER .remove, .friend.follows:HOVER .remove { display: block; }
#friendsList .friend.mutual:HOVER .remove:HOVER, .friend.follows:HOVER .remove:HOVER { color: #ff2222; }
#friendsList .friend .followBack { cursor: pointer; color: #00aa33; }
#friendsList #connectWidget { min-width: 185px; margin-top: 65px; border-radius: 3px 3px 3px 3px; border: 1px solid #ccc; background-color: white; }
#friendsList #friendsSearchResultsUsers { width: 100%; max-height: 313px; overflow-y: scroll; overflow-x: hidden; }
#friendsList #connectWidget .header { border-radius: 3px 3px 0 0; background: #222; color: white; font-weight: bold; font-size: 10pt; padding: 5px; }
#friendsList #connectWidget .note { font-size: 10pt; color: #666; padding: 5px; margin: 0; }
#friendsList #invite-form { padding: 5px; }
#friendsList #InviteFriendsForm_emails { border-radius: 3px; width: 168px; border: 1px solid #ccc; background: #fafafa; height: 70px; margin-bottom: 20px; }
#friendsList #invite-form .grayButton .middle { width: 161px !important; }
#friendsList #friendsSearchFieldWrapper { display: inline-block; position: relative; margin-left: 5px; width: 175px; height: 20px; }
#friendsList #friendsSearchFieldWrapper .result .name { color: #000; }
#friendsList #friendsSearchFieldWrapper #friendsSearchField { float: left; width: 143px; padding: 6px 5px 2px 5px; height: 13px; border: 0; border-radius: 2px 0 0 2px; color: #555; }
#friendsList #friendsSearchFieldWrapper #friendsSearchField.small { width: 120px; background: url("/images/icons/mag_glass.png") #fff no-repeat; background-position-x: 110px; background-position-y: 3px; border-radius: 2px; }
#friendsList #friendsSearchFieldWrapper #performFriendsSearch { float: left; width: 20px; height: 21px; background: url("/images/icons/mag_glass.png") #fff no-repeat; background-position-y: 3px; border-radius: 0 2px 2px 0; cursor: pointer; }
#friendsList #friendsSearchFieldWrapper .info { font-weight: normal; font-size: 8.5pt; text-align: center; padding: 5px 0 2px 0; float: none; width: inherit; }
#friendsList #friendsSearchFieldWrapper .info a { color: #329DAC; text-shadow: none; font-size: 8pt; font-weight: normal; text-decoration: underline; }
#friendsList #friendsSearchResults { background: white; border-radius: 2px; margin-top: 1px; box-shadow: 0 0 15px #444; text-shadow: none; left: 0; top: 30px; position: absolute; width: 173px; }
#friendsList #friendsSearchResults .result { text-shadow: none; color: #555; clear: both; border-bottom: 1px solid #ccc; padding-bottom: 4px; padding-top: 4px; position: relative; }
#friendsList #friendsSearchResults .info { border: 0 !important; }
#friendsList #friendsSearchResults .result:HOVER { background: #f4f4f4; }
#friendsList #friendsSearchResults .header { clear: both; padding: 3px; color: #555; font-weight: bold; background: #ccc; border-bottom: 1px solid #aaa; font-size: 9pt; }
#friendsList #friendsSearchResults .result.competition .format { float: left; width: 20px; padding: 5px; }
#friendsList #friendsSearchResults .result.competition .name { float: left; width: 185px; color: #329DAC; font-weight: bold; }
#friendsList #friendsSearchResults .result.competition .date { float: right; width: 70px; padding-right: 5px; font-weight: normal; font-size: 8pt; text-align: right; }
#friendsList #friendsSearchResults .result.competition .location { font-weight: normal; font-size: 8pt; padding-left: 30px; clear: both; }
#friendsList #friendsSearchResults .result.user .photo { border: 1px solid #CCC; float: left; width: 36px; height: 36px; padding: 2px; margin-left: 2px; }
#friendsList #friendsSearchResults .result.user .photo img { width: 30px; height: 30px; }
#friendsList #friendsSearchResults .result.user .left { float: left; width: 125px; height: 40px; }
#friendsList #friendsSearchResults .result.user .name { width: 118px; height: 15px; float: left; padding-left: 5px; color: #329DAC; font-weight: bold; }
#friendsList #friendsSearchResults .result.user .info { width: 93px; height: 32px; float: left; font-weight: normal; font-size: 7pt; color: #555; padding: 0 0 0 5px; text-align: left; }
#friendsList #friendsSearchResults .result.user .follow { width: 40px; position: absolute; float: left; width: 40px; left: 120px; top: 37px; }
#friendsList #friendsSearchResults .result.user .follow .followButton { cursor: pointer; background: url("/images/follow_btn.png") no-repeat; width: 36px; height: 17px; }
#friendsList #friendsSearchResults .result.user .follow .followButton:HOVER { position: relative; top: 1px; left: 1px; }
#friendsList #friendsSearchResults .result.user .country { float: right; padding-right: 2px; width: 25px; height: 32px; text-align: right; font-weight: normal; font-size: 8pt; text-align: right; }
#friendsList #friendsSearchResults .result.user .country img { width: 18px; }
#friendsList #friendsSearchResults .result.animal { height: 40px; }
#friendsList #friendsSearchResults .result.animal .photo { float: left; width: 30px; height: 30px; margin: 2px; padding: 2px; border: 1px solid #ccc; }
#friendsList #friendsSearchResults .result.animal .photo img { width: 30px; height: 30px; }
#friendsList #friendsSearchResults .result.animal .name { font-weight: bold; font-size: 10pt; }
#friendsList #friendsSearchResults .result.animal .latinName { font-weight: normal; font-size: 9pt; font-style: italic; color: #999; }
#friendsList #friendsSearchResults .result.equipment .logo { float: left; width: 27px; height: 27px; padding: 2px; border: 1px solid #CCC; margin: 0 5px 0 5px; }
#friendsList #friendsSearchResults .result.equipment .logo img { width: 25px; max-height: 25px; }
#friendsList #friendsSearchResults .result.equipment .name { font-weight: bold; font-size: 10pt; }
#friendsList #friendsSearchResults .result.equipment .manufacturer { font-weight: normal; font-size: 9pt; }

/* news/index */
#newsIndex #news_right_column_wrapper div.section-name{ margin: 0; }
#newsIndex #news_container { width: 100%; float: left; padding-top: 12px; }
#newsIndex .rightColumn { padding-top: 10px; }
#newsIndex .rightColumn h3 { font-size: 13pt; }
#newsIndex .item_container { border: 1px solid #CDCDCD; padding: 10px; margin-bottom: 8px; clear: both; }
#newsIndex .item_container .item_title { font-size: 14pt; font-weight: bold; text-decoration: none; border-bottom: none; color: #000000; }
#newsIndex .item_container a.item_title:hover { color: #1A5A66; }
#newsIndex .item_heading { float: left; width: 65%; }
#newsIndex .item_content .expand { color: white; }
#newsIndex .v_spacer { height: 11px; width: 100%; }
#newsIndex .item_posted { padding-left: 1px; font-size: 10pt; float: right; }
#newsIndex .item_content img { float: left; margin-right: 10px; }
#newsIndex .item_content p .left{ margin: 0; }
#newsIndex .media_box { float: left; margin-right: 8px; margin-bottom: 2px; padding-left: 3px; padding-top: 3px; width: 323px; height: 183px; border: 1px solid #CDCDCD; }
#newsIndex .item_content { font-size: 10pt; color: #000000; }
#newsIndex .item_content a { word-break: break-all; text-decoration: none; color: #329DAC; }
#newsIndex .item_content a:hover { color: #329DAC; text-decoration: underline; }
#newsIndex .item_footer { margin-top: 10px; /*margin-bottom: 2px;*/ font-size: 10pt; /*min-height: 20px;*/ float:left; width: 100%; }
#newsIndex .item_tags { float: left; width: 70%; }
#newsIndex .item_views { font-weight: bold; float: right; color: #CC0000; clear: right; }
#newsIndex .item_source { max-width: 28%; word-break: break-all; float: right; clear: right; color: #000000; }
#newsIndex .item_footer span.item_tag { display: inline-block; }
#newsIndex .rightColumn { margin-top: 2px; color: black; }
#newsIndex .rightColumn .tagInput { /* width: 210px;*/ background: url('/themes/classic/img/input-mini-bg.jpg') no-repeat; margin: 0 0 10px 0; border: 0; height: 29px; padding-left: 5px; padding-bottom: 5px; }
#newsIndex .item_footer span.item_tag:hover { text-decoration: underline; cursor: pointer; }
#newsIndex #filter_wrapper { font-size: 9pt; border: 1px solid #DDD; padding-left: 5%; }
#newsIndex #filter_wrapper input[type="checkbox"] { margin-right: 5px; position: relative; top: 1px; }
#newsIndex #medium_filter_box { padding-top: 16px; margin-bottom: 15px; }
#newsIndex #tag_filter_box { margin-top: 16px; }
#newsIndex .filter_label_wrapper { width: 25%; float: left; padding-top: 8px; }
#newsIndex .filter_controls_wrapper { width: 67%; float: left; }
#newsIndex .placeholder { color: #aaaaaa; }
#newsIndex .tagInput { /* border: 1px solid #CDCDCD !important;*/ }
#newsIndex #popular_content_box { border: 1px solid #CDCDCD; }
#newsIndex #popular_content_heading { border: 1px solid #333; border-radius: 3px 3px 0 0; background-color: #333; color: white; text-transform: uppercase; font-weight: bold; font-size: 13pt; padding: 8px; }
#newsIndex #popular_content_heading img { vertical-align: bottom; width: 20px; height: 20px; margin-right: 5px; }
#newsIndex #popular_content_wrapper { margin-top: 25px; width: 100%; min-height: 200px; }
#newsIndex .popular_item { display: inline-block; width: 100%; margin-top: 4px; color: #666666; margin-bottom: 3px; }
#newsIndex #news_top { width: 48%; float: left; }
#newsIndex .suggest_box { float: right; padding-top: 12px; /* margin-right: 30%;*/ }
#newsIndex .suggest_box a { font-size: 12pt; }
#newsIndex .news_left_column_wrapper { float: left; width: 70%; }
#newsIndex .new_content_wrapper { margin-top: 5px; background-color: #D8F4CF; float: left; display: block; width: 100%; height: 40px; border: 1px solid black; border-radius: 4px; color: black; font-size: 11pt; }
#newsIndex .new_content { margin: 10px; }
#newsIndex .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#newsIndex div.full-width #news_right_column_wrapper div.section-name { margin: 0 0 0 !important; padding: 0 0 0 !important; }
#newsIndex .item_content .line_spacer { height: 18px; width: 20%; float: right; border-bottom: 1px solid #DDD; }
#newsIndex div.full-width .item_content div.section-name { clear: none; float: right; padding-left: 30%; padding-right: 1%; }
#newsIndex div.full-width .item_content div.section-name a { float: none; }
#newsIndex div.full-width .item_content div.section-name a:hover { color: white; }
#newsIndex div.full-width .item_content div.section-name p { width: 100px; float: left; text-align: center; }
#newsIndex .long_left_bottom_border { padding-left: 82% !important; }
#newsIndex div.full-width .item_content div.section-name img { margin: 0; }
#newsIndex .popular_item img{ float: left; width: 24px;; height: 24px; margin-left: 5px; margin-right: 5px; }
#newsIndex .popular_item_text{ float: left; width: 80%; }
#newsIndex .popular_item_name{ font-weight: bold; color: #000000; font-size: 10pt; }
#newsIndex .popular_item_date{ font-size: 9pt; }
#newsIndex .popular_item a { color: #000000; text-decoration: none; }
#newsIndex .popular_item a:hover { color: #000000; text-decoration: underline; }

/* news/userContent */
#newsUserContent form.rcherzForm label{ width : 120px; }
#newsUserContent .saveButtonWrapper{ margin-left: 120px; }
#newsUserContent #mainPart.admin h2{ font-size: 18pt; margin-bottom: 40px; }

/* news/editContent */
#newsEditContent form.rcherzForm label{ width : 120px; }
#newsEditContent .saveButtonWrapper{ margin-left: 120px; }
#newsEditContent #mainPart.admin h2{ font-size: 18pt; margin-bottom: 40px; }

/* news/manageContent */
#newsManageContent .addButtonWrapper{ margin-top: 40px; height: 5px; margin-left: 15px; }
#newsManageContent .addButtonWrapper a{ font-size: 10pt; text-decoration: underline; }

/* news/manageFeeds */
#newsManageFeeds form.rcherzForm label{ width : 50px; }
#newsManageFeeds .addButtonWrapper{ height: 5px; width : 80px; margin-left: 5px; float: right; }
#newsManageFeeds .updateButtonWrapper{ height: 5px; width : 160px; margin-left: 5px; float: right; }

/* articles/view */
#articlesView h2 { font-weight: bold; font-size: 25px; margin: 16px 0 30px 0; }
#articlesView h3 { text-shadow: none; border: 0; margin: 20px 0 10px 0; }
#articlesView #mainPartWrapper { background: url('/themes/classic/img/comp-bg.jpg') no-repeat top center; }
.cke_skin_kama { border: 0 !important; }
.cke_skin_kama .cke_wrapper { background-image: none !important; background-color: #FFF !important; display: block; float: left; width: 600px; margin-left: 90px; }
form.rcherzForm.articlesForm textarea { padding: 0 !important; margin: 0 !important; background: none !important; background-color: #F1F1F1; }
.cke_contents iframe { border: 1px solid #CFCFCF !important; }

/* blogs/index */
#blogsIndex .suggest_box { float: right; }
#blogsIndex .suggest_box a { font-size: 12pt; }
#blogsIndex .blog_item { width: 100%; border-bottom: 2px solid #DDD; }
#blogsIndex .item_left_column { float: left; width: 20%; }
#blogsIndex .item_top { width: 100%; }
#blogsIndex .item_right_column { float: left; width: 78%; padding: 5px; }
#blogsIndex .item_heading { float: left; width: 60%; margin-bottom: 10px; }
#blogsIndex .item_heading a { font-weight: bold; font-size: 12pt; color: #000000; text-decoration: none; }
#blogsIndex .item_heading a:hover { color: #000000; text-decoration: underline; }
#blogsIndex .item_date { float: right; color: black; }
#blogsIndex .item_content { margin-bottom: 5px; font-size: 9pt; }
#blogsIndex .item_author_picture { margin: 20px auto 5px auto; width: 80px; height: 80px; }
#blogsIndex .item_author_picture img { border: 1px solid #ddd; padding: 1px; width: 100%; height: 100%; }
#blogsIndex .item_author_picture a:hover img { box-shadow: 0 0 5px #CCC; }
#blogsIndex .item_author_name { margin-top: 3px; text-align: center; overflow: hidden; font-size: 10pt; height: 24px; white-space: nowrap; }
#blogsIndex .item_author_name a { font-weight: bold; font-size: 9pt; text-decoration: none; color: #000000; }
#blogsIndex .item_author_name a:hover { text-decoration: underline; color: #000000; }
#blogsIndex #news_container { width: 100%; float: left; padding-top: 12px; }
#blogsIndex .rightColumn { color: black; }
#blogsIndex .rightColumn div.section-name { margin: 0; }
#blogsIndex .rightColumn h3 { font-size: 13pt; }
#blogsIndex .v_spacer { height: 11px; width: 100%; }
#blogsIndex .rightColumn .tagInput { /* width: 210px;*/ background: url('/themes/classic/img/input-mini-bg.jpg') no-repeat; margin: 0 0 10px 0; border: 0; height: 29px; padding-left: 5px; padding-bottom: 5px; }
#blogsIndex .item_footer span.item_tag:hover { text-decoration: underline; cursor: pointer; }
#blogsIndex #filter_wrapper { font-size: 9pt; border: 1px solid #DDD; padding-left: 5%; }
#blogsIndex #filter_wrapper input[type="checkbox"] { margin-right: 5px; position: relative; top: 1px; }
#blogsIndex .tag_filter_box { padding-top: 16px; }
#blogsIndex .filter_label_wrapper { width: 25%; float: left; padding-top: 8px; }
#blogsIndex .filter_controls_wrapper { width: 67%; float: left; overflow: hidden; /* height: 178px; */ margin-top: 3px; }
#blogsIndex .placeholder { color: #aaaaaa; }
#blogsIndex .tagInput { /* border: 1px solid #CDCDCD !important;*/ }
#blogsIndex .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#blogsIndex div.full-width #news_right_column_wrapper div.section-name { margin: 0 0 0 !important; padding: 0 0 0 !important; }
#blogsIndex .item_content .line_spacer { height: 18px; width: 20%; float: right; border-bottom: 1px solid #DDD; }
#blogsIndex div.full-width .item_content div.section-name { clear: none; float: right; padding-left: 30%; padding-right: 1%; }
#blogsIndex div.full-width .item_content div.section-name a { float: none; }
#blogsIndex div.full-width .item_content div.section-name a:hover { color: white; }
#blogsIndex div.full-width .item_content div.section-name p { width: 100px; float: left; text-align: center; }
#blogsIndex .long_left_bottom_border { padding-left: 82% !important; }
#blogsIndex div.full-width .item_content div.section-name img { margin: 0; }
#blogsIndex .new_content_wrapper { margin-top: 15px; background-color: #D8F4CF; float: left; display: block; width: 100%; height: 40px; border: 1px solid black; border-radius: 4px; color: black; font-size: 11pt; }
#blogsIndex .new_content { margin: 10px; }

/* blogs/detail */
#blogsDetail .blog_post_main_column { width: 75%; padding: 0 4% 0 1%; float: left; }
#blogsDetail .item_title h2 { height: auto !important; font-size: 17pt !important; }
#blogsDetail .item_posted { font-weight: bold; font-size: 9pt; }
#blogsDetail .item_content { margin-top: 18px; font-size: 11pt; line-height: 1.4em; }
#blogsDetail .blog_post_right_column { width: 25%; float: left; }
#blogsDetail #wrapper div.full-width .status_feed_wrapper form label { width: auto !important; line-height: normal; }
#blogsDetail #wrapper div.full-width .status_feed_wrapper form input[type="checkbox"] { margin-top: 2px; }
#blogsDetail .item_tags_wrapper { width: 85%; padding-left: 3%; clear: right; }
#blogsDetail .item_tags_heading { font-weight: bold; font-size: 12pt; margin-bottom: 8px; color: #333; }
#blogsDetail .item_tags { font-size: 9pt; margin-bottom: 25px; }
#blogsDetail .tag_name { margin-left: 11px; }
#blogsDetail .item_share { text-align: right; padding-top: 20px; }

/* blogs/edit */
#blogsEdit .mceStatusbar, .mceToolbar, .mceListBox, .mceSplitButton { border-collapse: inherit !important; }
#blogsEdit .mceLayout td { width: auto !important; }
#blogsEdit form.rcherzForm table tr td.mceStatusbar, form.rcherzForm table tr td.mceIframeContainer { width: auto !important; border: none !important; padding: 0 !important; }

/* inOrOut/index */
#inOrOutIndex .rightColumn .add_button_wrapper { margin-top: 28px; }
#inOrOutIndex .rightColumn .item { display: block; width: 20%; margin-right: 4%; margin-top: 4%; float: left; }
#inOrOutIndex .rightColumn .item_top { position: relative; }
#inOrOutIndex .rightColumn .item_top img { padding: 3px; border: 1px solid #CCC; background-color: white; margin-right: 5px; }
#inOrOutIndex .rightColumn .item_top:HOVER img { background: #f4f4f4; }
#inOrOutIndex .rightColumn .item_bottom { width: 100%; }
#inOrOutIndex .rightColumn .item_bottom .owner { text-align: center; }
#inOrOutIndex .rightColumn .item_bottom .date { text-align: center; }
#inOrOutIndex .rightColumn .voting_status { position: absolute; width: 42px; height: 42px; bottom: -12px; right: -37px; border: none !important; background: none !important; }

/* inOrOut/view */
#inOrOutView .voting_buttons_wrapper { margin-top: 25px; width: 100%; }
#inOrOutView .button_wrapper { width: 40%; float: left; }
#inOrOutView .left_button_wrapper { float: right; margin-right: 5%; }
#inOrOutView .right_button_wrapper { float: left; margin-left: 5%; }
#inOrOutView .voting_bottons_wrapper { width: 100%; }
#inOrOutView .item { display: block; width: 100%; margin-top: 15px; }
#inOrOutView .item_top { }
#inOrOutView .item_top img { padding: 5px; border: 1px solid #CCC; background-color: white; display: block; margin-bottom: 5px; width: 600px; height: auto; }
#inOrOutView .item_top:HOVER img { background: #f4f4f4; }
#inOrOutView .item_bottom { width: 730px; }
#inOrOutView .item_bottom_left { width: 400px; float: left; }
#inOrOutView .item_bottom_right { float: left; width: 200px; }
#inOrOutView .item_bottom_right a { float: right; clear: both; }
#inOrOutView .item_bottom_right img { float: right; clear: both; max-height: 128px; }
#inOrOutView .item_bottom .owner a { color: black; }
#inOrOutView .item_bottom .owner { float: right; clear: right; font-weight: bold; font-size: 11pt; line-height: 1.4em; color: #000000; }
#inOrOutView .item_bottom .date { float: right; clear: right; font-weight: bold; font-size: 9pt; color: #000000; }
#inOrOutView .placeholder { width: 100%; clear: both; height: 15px; }
#inOrOutView .item_bottom a img { padding: 3px; border: 1px solid #CCC; background-color: white; }
#inOrOutView .item_bottom a:hover img { background: #f4f4f4; }
#inOrOutView #voting_chart { float: left; display: block; width: 400px; }
#inOrOutView .next_button_wrapper { margin-top: 162px; margin-left: 490px; }
#inOrOutView .voted_bottom { width: 800px; }
#inOrOutView .bottom_column { width: 200px; float: left; margin-right: 40px; }
#inOrOutView .bottom_column .heading { text-align: center; font-weight: bold; font-size: 13pt; color: black; line-height: 2em; }
#inOrOutView .voted_top { margin-top: 25px; }
#inOrOutView .voted_top .owner { float: left; width: 62%; margin-bottom: 16px; }
#inOrOutView .voted_top .owner a { color: black; font-size: 11pt; font-weight: bold; }
#inOrOutView .voted_top .owner .date { color: black; }
#inOrOutView .voted_top .voted_top_images img { padding: 3px; border: 1px solid #CCC; background-color: white; }
#inOrOutView .next_button_wrapper_voted { float: left; }
#inOrOutView .preview_name { font-weight: bold; color: black; font-size: 11pt; line-height: 1.5em; }
#inOrOutView .preview_wrapper { float: left; margin-right: 10%; }
#inOrOutView .your_vote_wrapper { margin-top: 20px; }
#inOrOutView .your_vote { float: left; padding-top: 9px; margin-right: 10px; font-weight: bold; color: black; font-size: 13pt; margin-left: 40px; }
#inOrOutView .voting_status { width: 38px; margin-top: -4px; }
#inOrOutView div.section-name.fixed-name { width: 80%; }
#inOrOutView div.section-name.fixed-name p { padding-left: 15px; padding-right: 15px; }
#inOrOutView .user_photo { float: left; margin: 2px; }
#inOrOutView .user_photo img { padding: 3px; border: 1px solid #CCC; background-color: white; width: 54px; }
#inOrOutView .user_photo a:hover img { box-shadow: 0 0 5px #CCC; }
#inOrOutView .votings_header { text-align: center; font-weight: bold; font-size: 11pt; line-height: 1.8em; margin-top: 10px; }

/* inOrOut/add */
#inOrOutAdd .angle_upload { width: 40%; float: left; margin-right: 5%; }
#inOrOutAdd .angle_image { width: 230px; height: 230px; margin: 5%; margin-top: 0; }
#inOrOutAdd .angle_desc { color: black; font-size: 12pt; margin-top: 3%; }

/* clz */
#clz  {   width: 700px;}

#clzCup h1, #clzLadder h1 {  padding: 5px 0;}
#clz .info{  float: left;  width: 50%;}
#clz .info .searchButton{   margin-left: 105px;}
#clz .info select{    height: 29px;}

#clz .archer {width: 100%;border: 1px solid #eaeaea;    margin: 10px 0; height: 120px;}
#clz .archer_photo {float:left;}
#clz .archer_photo img{width: 64px;    height: 64px;    padding: 2px;    margin: 6px;    border: 1px solid #CCC;}
#clz .archer_photo a:hover img {    box-shadow: 0 0 5px #CCC;}
#clz .archer_row_top {height: 40px;line-height: 3em;background: #fafafa;}
#clz .archer_row_top  a {color: #333; font-weight: bold;}
#clz .archer_name {float: left;width: 31%;}
#clz .format_info {float: left;width: 20%;}
#clz .results {float: left;width: 23%;   height: 40px;}
#clz .best_result {float: right; width: 8%; font-weight: bold;}
#clz .best_result  a {color: #3399cc;}
#clz .archer .club {height: 40px;line-height: 2em;}
#clz .results .highlight {color : #a00;}
#clz .allTableLabel{color: #666;    font-weight: bold;    padding: 10px;    border: 1px solid #eaeaea;    text-transform: capitalize;}

#clz #results_header {width: 100%;    border: 1px solid #eaeaea;    height: 35px;    padding: 10px;    margin: 10px 0;}
#clz #results_header > div { font-weight: bold;}
#clz #results_header  .rank_header{float: left; width: 3%;}
#clz #results_header  .name_header{float: left; width: 31%; margin-left: 72px;}
#clz #results_header .format_header {float: left; width: 20%; margin-right: 16px; padding-left: 6px;}
#clz #results_header .results_header {    float: left;}
#clz #results_header .last_column_header {float: right; width:  8%; text-align: center;}
#clz .archer_rank {    float: left;    padding-left: 4px;    font-size: 20pt;    font-weight: bold;     line-height: 3em; width: 4%;}
#clz .archer .club > a {position: absolute; left: 105px}

.clz_mini { width : 420px;}
.clz_mini #clz {width: 100%; font-size: 80%;}
.clz_mini #clz .input {margin-bottom: 0;}
.clz_mini #clz .info .searchButton{   margin-left: 0; margin-top: 30px;}
.clz_mini #clz .info {padding-left: 24px;}
.clz_mini #clz #results_header  .name_header{ margin-left: 45px; width : 27%;}
.clz_mini #clz #results_header .format_header { width: 18%; }
.clz_mini #clz .archer_name {width: 27%;}
.clz_mini #clz select, .clz_mini #clz input { background: url('/images/input-mini-bg.jpg') no-repeat; padding: 5px;   border: 0;   width: 130px !important; margin-bottom: 0;}
.clz_mini #clz #results_header .last_column_header {width:  auto; }
.clz_mini #clz .results {width: 28%;  height: 25px;}
.clz_mini #clz .archer_row_top {height: 25px; line-height: 2.3em;}
.clz_mini #clz .archer_photo img{width: 40px;    height: 40px;}
.clz_mini #clz .format_info { position: relative;}
.clz_mini #clz .format_info img { position: absolute; top: 2px;}
.clz_mini #clz .format_info span { margin-left: 21px;    overflow: hidden;    display: inline-block;    height: 25px;}
.clz_mini #clz .archer .club {height: 25px;}
.clz_mini #clz .rcherzForm label {width: 110px;}
.clz_mini #clz .archer_rank {    padding-left: 4px;    font-size: 12pt;    font-weight: bold;     line-height: 3em; width: 4%;}
#clz input {padding: 1px 0 1px 0px !important;}