/* Global styles */
* { margin: 0; padding: 0; }
p {	margin: 0.5em 0; }
img { border: 0; }
html, body { }
body { background: #eee; }

/*=========================================================================*/
/* Some general styles */
.form_holder { margin: 0; }
.field_row { margin: 10px; }
.field_label { display: inline-block; font-weight: bold; margin-right: 5px; font-weight: bold; }
.w90 .field_row .field_label { width: 90px; }
.w115 .field_row .field_label { width: 115px; }
.textfield { padding: 1px 2px; width: 200px; }
.textfield_date { padding: 1px 2px; width: 80px;  }
.button { padding: 2px 5px; margin: 5px; }
.delimiter { height: 1px; width: 100%; clear: both; background: #666; margin: 20px 0; }
.space { height: 1px; width: 100%; clear: both; margin: 15px 0; }
#delete_container { margin: 50px; }
#delete_container .warning { font-size: 20px; font-weight: bold; color: #f33; }

/* Numeric control */
.numeric_control { width: 54px; height: 22px; vertical-align: middle; display: inline-block; margin-right: 5px; }
.numeric_control input { width: 28px; height: 18px; float: left; text-align: center; padding: 0 2px; font-size: 12px; font-weight: bold; }
.numeric_control .controls { width: 16px; height: 22px; float: left;}
.numeric_control .controls .increase,
.numeric_control .controls .decrease { width: 16px; height: 11px; line-height: 11px; }
.numeric_control .controls .increase img,
.numeric_control .controls .decrease img { width: 16px; height: 11px; line-height: 11px; cursor: pointer; vertical-align: top; }

/* Date picker */
.date_picker { display: inline-block; vertical-align: middle; }
.date_picker .year { width: 30px; padding: 0 2px; }
.date_picker .month { margin-right: 5px; height: 22px; vertical-align: middle; }
.date_picker .day { height: 22px; vertical-align: middle; }

.header { font-size: 16px; font-weight: bold; color: #fff; padding: 10px; background: #4d0505; }
.footer { height: 5px; background: #4d0505; }

#wrapper { width: 900px; height: 100%; margin: 20px auto; border: 2px outset #333; background: url('../images/admin_content_bg.png') repeat-y #fff; }
#wrapper .menu { width: 160px; margin: 10px; float: left; }
#wrapper .menu li { list-style-type: none; font-weight: bold; font-size: 16px; margin: 5px 0; }
#wrapper .menu li ul { margin: 2px 0 2px 10px; }
#wrapper .menu li ul li { font-weight: normal; padding: 2px 0 0 10px; margin: 0; background: url('../images/rightarrow_black2.png') center left no-repeat; }
#wrapper .logout_link { margin-top: 20px; padding: 10px 0 0 0; font-size: 16px; font-weight: bold; text-align: center; border-top: 1px solid #333; }
#wrapper .content { float: left; margin: 10px; width: 700px; }
#wrapper .content .message { font-size: 18px; font-style: italic; margin: 50px; }


#login_form_wrapper { width: 500px; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -250px; border: 2px outset #333; background: #fff; }
#login_form_wrapper .content { padding: 20px; }
#login_form_wrapper .message { font-weight: bold; font-style: italic; margin: 0.5em 0 1em 0; }
#login_form_wrapper .error_message { margin: 1em 0 0 0; font-weight: bold; font-style: italic; color: #f00; }

/* Node styles */
.node_field_label { display: inline-block; font-weight: bold; margin-right: 10px; font-weight: bold; }

/* News classes */
#news_image_uploads { margin: 30px 5px; padding: 20px; border: 1px outset #999; }
#news_image_uploads form { margin: 10px 0; }
#news_image_uploads .input_file, #news_image_uploads .input_caption { margin: 5px; width: 300px; }
#news_image_uploads .input_caption input { width: 300px; padding: 1px 2px; }
#news_image_uploads .button { padding: 2px; }
#news_image_uploads #upload_progress { vertical-align: middle; margin-left: 10px; }
#news_image_uploads #uploaded_images { margin: -5px 0 -15px 0; }
#news_image_uploads #uploaded_images .uploaded_image_row { margin: 10px; border: 1px solid #aaa; }
#news_image_uploads #uploaded_images .uploaded_image { float: left; margin-right: 10px; }
#news_image_uploads #uploaded_images .caption { float: left; line-height: 90px; font-style: italic; }
#news_image_uploads #uploaded_images .delete { float: right; line-height: 90px; }
#news_image_uploads #uploaded_images .delete img { margin: -5px 15px 5px 0; vertical-align: middle; }

#display_news { margin: 5px 0; }
#display_news .news_item_holder { position: relative; margin: 30px 10px; }
#display_news .news_item { float: right; width: 576px; }
#display_news .news_item .date { width: auto; font-size: 14px; font-weight: bold; margin-bottom: 0; border-bottom: 1px solid #555; }
#display_news .news_item .content { float: none; width: auto; margin: 0; padding: 0; }
#display_news .news_item .content img { vertical-align: middle; }
#display_news .news_item .content p { margin-top: 0; }
#display_news .news_item .news_images { display: inline-block;  margin: 0 0 0 5px; }
#display_news .news_item .news_images img { margin-bottom: -3px; }
#display_news .news_item .click { color: #999; font-style: italic; }
#display_news .news_item .click img { margin: 0 5px; }
#display_news .handle_news { float: left; }
#display_news .handle_news .edit_news, #display_news .handle_news .delete_news { float: left; text-align: center; margin: 10px 10px 10px 0; }

/*=========================================================================*/
/* ourcats pages: display_ourcats, add_ourcats, edit_ourcats, delete_ourcats */

#display_ourcats_filter { margin: 10px 20px 0 20px; }
#display_ourcats_filter input[type=text] { width: 200px; padding: 2px; }
#display_ourcats_filter div { display: inline-block; margin: 0 10px 0 0; }
#display_ourcats_list { }
#display_ourcats_list .handle_ourcats { float: left; margin-top: -5px; }
#display_ourcats_list .handle_ourcats .edit_ourcats,
#display_ourcats_list .handle_ourcats .delete_ourcats,
#display_ourcats_list .handle_ourcats .display_shows { text-align: center; margin: 5px 0; }
#display_ourcats_list .handle_ourcats .edit_ourcats img,
#display_ourcats_list .handle_ourcats .delete_ourcats img,
#display_ourcats_list .handle_ourcats .display_shows img { width: 24px; height: 24px; }
#display_ourcats_list .cat { margin: 20px 10px; }
#display_ourcats_list .cat .cat_info { float: left; margin-left: 20px; }
#display_ourcats_list .cat .cat_info h2 { font-size: 18px; margin: 5px 0; }
#display_ourcats_list .cat .cat_info p { margin: 0.2em 0 0.2em 5px; }
#display_ourcats_list .cat .cat_info .show_link { background: url(../images/rightarrow_black.png) center left no-repeat; padding-left: 7px; margin-left: 5px; }
#display_ourcats_list .cat .cat_image { float: right; margin: 5px; }
#display_ourcats_list .cat .cat_image img { border: 1px outset #555; }

/*=========================================================================*/
/* litter page styles */

.set_visible { width: 300px; font-style: italic; font-weight: bold; font-size: 12px; margin: 20px 0 -5px 10px; border-bottom: 1px solid #666; }
.explain_visible { width: 300px; font-style: italic; font-size: 12px; margin: -5px 0 20px 10px; border-top: 1px solid #666; }
#display_litters_list { }
#display_litters_list h3 { margin: 5px 0 -10px 0 }
#display_litters_list .litter { margin: 10px 0 30px 0; background: #fffaf5; border: 1px outset #fdd; padding: 5px 0; }
#display_litters_list .litter p { margin: 0.2em 0; }
#display_litters_list .litter .info { float: left; width: 280px; margin: 0 10px; }
#display_litters_list .litter .info .heading { height:18px; font-weight: bold; }
#display_litters_list .litter .info .heading .date { font-size: 12px; }
#display_litters_list .litter .kittens { float: left; font-size: 12px; }
#display_litters_list .litter .kittens .heading { margin: 0; font-weight: bold; }
#display_litters_list .litter .kittens p { margin: 0.1em 0; }
#display_litters_list .litter .kittens .genderIcon { height: 15px; margin-left: 5px; vertical-align: text-bottom; }

#display_litters_current { }
#display_litters_current h2 { margin: 10px 0; }
#display_litters_current #controls { float: right; margin: -10px 20px 0 0; }
#display_litters_current #controls .add_kitten,
#display_litters_current #controls .edit_litter,
#display_litters_current #controls .delete_litter { float: left; text-align: center; margin: 0 20px 0 0; }
#display_litters_current #info { margin: 25px; padding: 5px 15px; border: 1px outset #666; background: #fafafa; }
#display_litters_current #info p { margin: 0.25em 0; }
#display_litters_current #info .left { float: left; }
#display_litters_current #info .right { float: left; margin-left: 20px; padding-left: 20px; border-left: 1px solid #999; }
#display_litters_current #info .right .show { font-weight: bold; }
#display_litters_current #info .right span { display: inline-block; width: 115px; }
#display_litters_current #info .right img { vertical-align: middle; margin-top: -2px; }
#display_litters_current .kitten_wrapper { margin-top: 40px; }
#display_litters_current .kitten_wrapper .controls { float: left; margin: 5px 20px 0 5px; }
#display_litters_current .kitten_wrapper .controls .edit_kitten,
#display_litters_current .kitten_wrapper .controls .delete_kitten { text-align: center; margin: 0; }
#display_litters_current .kitten_wrapper .container { float: left; width: 623px; }
#display_litters_current .kitten_wrapper .container .kitten { }
#display_litters_current .kitten_wrapper .container .kitten p { margin: 0.1em 0; }
#display_litters_current .kitten_wrapper .container .kitten .label { display: inline-block; width: 40px; }
#display_litters_current .kitten_wrapper .container .kitten .no_name { font-style: italic; }
#display_litters_current .kitten_wrapper .container .kitten .genderIcon { margin: -0.25em 0 0 5px; vertical-align: text-bottom; }
#display_litters_current .kitten_wrapper .container .kitten_images { }
#display_litters_current .kitten_wrapper .container .no_images { font-style: italic; font-weight: bold; margin: 0 10px; }
#display_litters_current .kitten_wrapper .container .kitten_images img { border: 1px outset #555; display: block; float: left; margin: 2px; }
#display_litters_current .kitten_wrapper .container .kitten_delimiter { background: #666; clear: both; height: 1px; margin: 0.2em 0; }

#kitten_preset_box { margin-bottom: 25px; padding: 5px 10px; border: 1px outset #666; background: #fafafa; }
#kitten_preset_box p { margin: 0.25em 0; }
#kitten_preset_box .label { width: 90px; display: inline-block; font-weight: bold; margin-right: 5px; font-weight: bold; }
#kitten_preset_box .value { margin-left: 5px; font-style: italic; }

/*=========================================================================*/
/* shows page styles */

#add_shows { float: right; text-align: center; margin: 0 30px 10px 0; }

#shows_table { width: 100%; margin: 30px auto; border-collapse: collapse; }
#shows_table caption { font-weight: bold; margin-bottom: 2px; }
#shows_table th { padding: 5px; border: 1px solid #666; background: #4d0505; color: #fff; }
#shows_table td { padding: 2px 5px; border: 1px solid #666; }
#shows_table td.nbr { text-align: center; font-weight: bold; }
#shows_table td.evan { background: #fff7f7; }
#shows_table td.odd { background: #f3e7e7; }
#shows_table .no_shows { text-align: center; padding: 10px; font-weight: bold; font-style: italic; font-size: 12px; background: #fff7f7; }
#shows_table td.controls { text-align: center; }
#shows_table td.controls img { width: 20px; height: 20px; margin: 0 2px; vertical-align: middle; }
#shows_table .bottom { height: 5px; padding: 0; }

.shows_cat_name { font-size: 14px; margin: 10px 0 20px 0; }
.shows_cat_name span { font-weight: bold; }
#show_count p { margin: 5px 0; }
#show_count .field_row { margin: 5px 0 0 5px; }
#show_count .field_row .field_label { width: 125px; }

/*=========================================================================*/
/* link page styles */

#show_links { margin: 20px 0; }
#show_links .link_wrapper { margin-bottom: 50px; }
#show_links .link_wrapper .controls { float: left; margin: 0 20px 0 10px; }
#show_links .link_wrapper .controls .edit_link,
#show_links .link_wrapper .controls .delete_link { text-align: center; margin: 10px 0; }
#show_links .link_wrapper .link_container { float: left; }
#show_links .link_wrapper .link_container .title { font-size: 16px; font-weight: bold; margin: 0; }
#show_links .link_wrapper .link_container img { max-width: 700px; max-height: 350px; }

#add_banner { margin: 20px; padding: 10px 20px; background: #fafafa; border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#add_banner_delimiter { clear: both; width: 100%; height: 1px; background: #666; margin: 40px 0; }

/*=========================================================================*/
/* guestbook */

#configure_gb { margin: 10px; padding: 10px 15px; background: #fafafa; border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#configure_gb .field_row { margin: 10px 0; padding: 5px 10px; background: #f3f3f3; border: 1px solid #999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#configure_gb .field_row .field_description { float: left; width: 500px; }
#configure_gb .field_row .short { width: 400px; }
#configure_gb .field_row .field_description p { margin: 0; }
#configure_gb .field_row .field_description ul { font-size: 14px; margin: 5px 5px 5px 20px; }
#configure_gb .field_row .field_description ul li { margin: 0 5px; }
#configure_gb .field_row .input { display: inline-block; vertical-align: top; margin: 10px 5px; float: right; }
#configure_gb .field_row .input .textfield { width: 40px; }
#configure_gb .field_row .input .long { width: 200px; }

.needs_approval { font-size: 18px; margin: 20px; }

#entry_list { margin: 20px 0; background: #fafafa; }
#entry_list table { width: 100%; border-collapse: collapse; }
#entry_list table th, #entry_list table td { border: 1px solid #333; text-align: left; }

#entry_list table td.controls { width: 80px; vertical-align: middle; padding: 10px 0; border: none; background: #fff; }
#entry_list table td.controls .edit_entry, #entry_list table td.controls .aprove_entry, #entry_list table td.controls .delete_entry { margin: 2px 0; text-align: center; font-size: 14px; }
#entry_list table td.controls .edit_entry img, #entry_list table td.controls .aprove_entry img, #entry_list table td.controls .delete_entry img { width: 28px; height: 28px; }
#entry_list table td.empty { width: 80px; border: none; background: #fff; }

#entry_list table th { font-size: 14px; font-weight: bold; color: #fff; padding: 2px 5px; background: url('../images/table_bar_bg_small.png') top left repeat-x #4d0505; }
#entry_list table th .date { margin-left: 5px; }
#entry_list table td.user_info { vertical-align: top; width: 120px; font-weight: bold; padding: 5px 10px; background: #f3f3f3; }
#entry_list table td.user_info a { color: #333; }
#entry_list table td.user_info a:hover { color: #b44; }
#entry_list table td.user_info .name { margin-bottom: 5px; }
#entry_list table td.user_info .website { font-size: 12px; }
#entry_list table td.user_info .website img { vertical-align: text-bottom; margin-left: 5px; }
#entry_list table .message div { min-height: 80px; padding: 5px; }
#entry_list table .message div * { margin: 0; }

#edit_entry { margin: 10px; padding: 10px 15px; background: #fafafa; border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/*=========================================================================*/
/* check images */

#check_images { margin: 10px; padding: 0 25px; background: #fafafa; border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#check_images h2 { margin-top: 15px; }
#check_images .description { font-weight: bold; margin: 20px 0 5px 0; }
#check_images .list { margin: 0px 10px 20px 10px; padding: 7px 10px; background: #f3f3f3; border: 1px solid #999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#check_images .list .select { margin-bottom: 5px; }
#check_images .list .select a { margin-right: 10px; color: #333; font-size: 14px; font-weight: bold; }
#check_images .list .select a:hover { color: #c66; }
#check_images ul { list-style: none; }
#check_images ul li span { margin-left: 5px; }
#check_images .button { font-size: 18px; padding: 5px 10px; }

#delete_result { margin: 10px 10px 20px 10px; padding: 7px 10px; background: #f3f3f3; border: 1px solid #999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#delete_result p { margin: 1em; }

/*=========================================================================*/

/* The wrapper for the popup add cat form */
#add_cat_wrapper .error { font-size: 12px; }
/* Icon on the success and failure pages */
#add_cat_icon { float: right; width: 128px; height: 128px; margin: 10px 20px; }
#add_cat_form p { margin-bottom: 20px; }
.add_cat_entry { margin: 5px 30px; }
.add_cat_label { clear: left; }
.add_cat_field { clear: right; }
/* ===== Ajax responses ===== */
#add_cat_ajax_response { display: none; }