/* --- common --- */

body
{
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
}

a
{
    text-decoration : none;
    padding-left : 0px;
    padding-right : 0px;
}

p
{
	margin: 0 0 7px 0;
}

a:link, a:visited
{
    color: #0063DF;
}

a:hover
{
    color: blue;
    text-decoration: underline;
}

a.external
{
	background: transparent url('/images/external.gif') no-repeat scroll right center;
	padding-right: 15px;
}

.a_ex
{
	border-bottom: 1px dashed blue;
}

.a_ex:hover
{
	text-decoration: none;
	border-bottom: 1px solid blue;
}

.a_s
{
	font-size: 10px;
	background-color: #f5f5f5;
	padding: 2px 5px 5px 5px;
	margin: 5px 10px 0px 0px;
	display: block;
	text-align: center;
}

.a_s:hover
{
	background-color: #e6f2c2;
}

a.fake_link:link, a.fake_link:visited, a.fake_link:hover
{
	color: #000;
	text-decoration: none;
}

a.fake_link:hover
{
	color: #000;
	color: blue;
}

#title
{
    display: block;
    text-decoration: none;
    float: left;
}

#title:hover
{
    1background-color: #00FF00;
}

#title1
{
    color: #666666;
}

#title2
{
    color: #99CC03;
}

#title3
{
    line-height: 10px;
    font-size: 11px;
    color: #cfcfcf;
    font-weight: bold;
    padding: 13px 0px 0px 5px;
    float: left;
}

#adv_logo
{
	width: 590px;
	height: 70px;
	left: 0px;
	top: 0px;
	border: 0px;
	background-repeat: no-repeat;
	cursor: hand;
}

input, select
{
    /* border:1px solid navy; */
    /* background-color: silver; */
}

/* do not add DIV */
p, input, td, select, textarea
{
    font-family: verdana;
    vertical-align: top;
    color: black;
}

p, td
{
    font-size: 11px;
}

input, select, textarea
{
    font-weight: normal;
    font-size: 12px;
}

textarea
{
    font-size: 11px;
}

input.form_input, select.form_input
{
    width: 200px;
}

textarea.form_input
{
    width: 300px;
    height: 75px;
}

form
{
    margin-top: 0px;
    margin-bottom: 0px;
}

img
{
	border: 0;
}

table.main, td.main
{
    width: 750px;
    border: 1px solid silver;
}

.invalid
{
    background-color: orange;
}

.nowrap
{
    white-space : nowrap;
}

.top_center_row {
	width: 950px;
}

.right_column
{
	float: right;
	width: 150px;
	margin: 0 0 20px 20px;
}

.silver
{
	color: gray;
}

#main_table
{
    width: 100%;
    border: 0px;
}

.main_width
{
	width: 940px;
}

#head_main
{
	height: 70px;
}

#head_1
{
	width: 80px;
	height: 70px;
}

#head_2
{
	left: 80px;
	height: 45px;
	width: 860px;
}

#head_3
{
	left: 10px;
	top: 45px;
	height: 25px;
	width: 860px;
}

#title
{
    font-size: 27px;
    font-weight: bold;
    margin-top: 5px;
}

.main_menu
{
    color: #CCCCCC;
}

.main_menu a:link, .main_menu a:visited
{
    font-weight: bold;
    color: #898989;
    margin: 0px 2px;
    padding: 5px;
}

.main_menu a:hover
{
    color: #000000;
    text-decoration: underline;
}

#main_menu_selected
{
    color: #99CD00;
}

.top_button
{
    background: top middle no-repeat;
    background-image: url('/images/top_button.gif');
    vertical-align: middle;
    font-size: 11px;
    text-align: center;
    margin: 0px 0px 5px 10px;
    width: 72px;
    height: 25px;
}

.top_button a:link, .top_button a:hover, .top_button a:visited
{
    color: black;
}

.top_button a:hover
{
    text-decoration: underline;
}

.top_link
{
    vertical-align: middle;
    font-size: 11px;
    text-align: center;
    padding: 0px 20px 0px 0px;
    height: 25px;
}

.block_title
{
    font-size: 18px;
    font-weight: bold;
    color: #9BCC01;
    margin-right: 10px;
    display: block;
    float: left;
}

.block_title a:link, .block_title a:visited, .block_title a:hover
{
	color: #9BCC01;
}

.content_table
{
    margin: 15px 0 20px 0;
    min-height: 300px;
    height: 300px;
}

.left_menu
{
    width: 125px;
    padding-right: 15px;
}

.left_menu div.menu_item
{
    margin: 0px 0px 4px 0px;
    padding-left: 30px;
}

.left_menu div.menu_item_title
{
    margin: 0px 0px 4px 0px;
    font-size: 14px;
    padding-left: 30px;
    height: 22px;
}

.left_menu div.menu_separator
{
    background-image: url('/images/menu/menu_dash.gif');
    background-position: center;
    background-repeat: repeat-x;
    height: 16px;
}

.left_menu div.disabled
{
    color: #dddddd;
}

.left_menu a:link, .left_menu a:visited
{
    color: #717171;
}

.left_menu a:hover
{
    color: #9BCC01;
    text-decoration: underline;
}

#left_menu_selected
{
    1font-weight: bold;
    color: #99CC03;
}

#menu_selected
{
    font-weight: bold;
}

.info_block
{
	1background-color: #e5e5e5;
	1border: solid 2px red;
	overflow: auto;
}

.info_block td
{
    vertical-align: top;
}

.name
{
    font-size: 18px;
    font-weight: bold;
}

.name_link a
{
    /* width: 100px; */
}

.message_topic a
{
    font-weight: bold;
}

.small_date
{
    font-size: 11px;
    color: #898989;
    margin-top: 4px;
}

.message_text
{
    margin-top: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 400px;
}

/* FORMS */

.message_table
{
    width: 100%;  /* 600px;  */
    background-color: #F2F2F2;
    margin-top: 15px;
    border: 1px solid silver;
}

.message_table th
{
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    color: #707070;
    padding: 5px;
    background-color: #E5E5E5;
}

.message_table td
{
    color: #707070;
    padding: 5px 5px 5px 5px;
}

.message_table td td
{
    padding: 5px 0px 0px 5px;
}

.message_table a:hover, .message_table a:link, .message_table a:visited
{
    font-weight: bold;
}

.message_table .form_buttons
{
	width: 30%;
}

.white_table td
{
	padding: 10px 10px 0 0;
	width: 200px;
}

.white_table .from_input_td
{
	width: 300px;
}

.white_table .from_coment_td
{
	width: 150px;
}

.wall_table td
{
	width: 0px;
	padding: 0px;
}

.captcha_field input
{
	font-size: 32px;
}

.captcha_field img {
	margin-left: 10px;
}

.fpanel
{
	line-height: 23px;
}
.fpanel input
{
	border: solid 1px gray;
	background-color: #BDE059;
	color: #ffffff;
	font-weight: bold;
	margin: 3px 3px 3px 0;
}

/* END forms */

/* PAGER */

.pinfo
{
	width: 100%;
}

.pinfol
{
	float: left;
}

.pinfor
{
	float: right;
	color: gray;
}

.pinfol div
{
	float: left;
	height: 14px;
	margin-right: 5px;
	padding: 2px 0px;
	color: gray;
}

.pinfor
{
	padding: 2px 0px;
}

.pinfol a
{
	float: left;
	display: block;
	border: solid 1px silver;
	padding: 1px 2px;
	text-align: center;
	font-weight: bold;
	min-width: 12px;
	margin-right: 5px;
}

.pinfol a:hover
{
	background-color: #caf44e;
}

/* END pager */

#message_check
{
    background-color: #e6e6e6;
    vertical-align: middle;
}

.message_lines
{
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #ffffff;
}

tr.invalid td.form_comment_td
{
    color: maroon;
    font-weight: normal;
}

.form_whitespace
{
    height: 25px;
    background-color: #FFFFFF;
}

hr.messages
{
     color: silver;
     width: 650px;
}

.red
{
    color: maroon;
    font-weight: bold;
}

.green
{
    color: #99CC01;
    font-weight: bold;
}

.blue_area, .gray_area
{
	width: 100%;
	clear: both;
	overflow: auto;
	border-width: 1px 0;
	border-style: solid;
}

.blue_area
{
	background-color: #EDF8FC;
	border-color: #84D0F0;
}

.gray_area
{
	background-color: #f5f5f5;
	border-color: gray;
}

.area_w
{
    margin: 10px;
    overflow: hidden;
}

.area_w, .area_w p, .area_w span, .area_w div
{
	font-size: 13px;
}

.photo_album_top { background-image: url('/images/photo_album_top.gif'); width: 190px; height: 8px; }
.photo_album_tile { background-image: url('/images/photo_album_tile.gif'); width: 170px; padding: 0px 10px 0px 10px; }
.photo_album_bottom { background-image: url('/images/photo_album_bottom.gif'); width: 190px; height: 7px; }
.album_title { font-family: Verdana; font-size: 11px; color: #707070; }
.album_picures { font-family: Verdana; font-size: 11px; color: #ACACAC; }
.pictures_count { font-size: 20px; font-weight: bold; }

.div_inline
{
    display: inline;
    float: left;
    margin-right: 10px;
}

.div_user_item, .div_user_item_main
{
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
    height: 120px;
}

.div_user_item_main
{
    height: 80px;
}

.div_list
{
    display: inline;
    margin: 10px;
    float: left;
    width: 120px;
    height: 150px;
}

.album_listitem
{
    display: inline;
    margin: 10px;
    float: left;
    width: 190px;
    height: 150px;
}

.album_list td
{
    padding: 10px;
}

.album_list td td
{
    padding: 0px;
}

.album_listitem_2
{
    color: #7B7B7B;
    font-size: 11px;
}

.album_listitem_2 a
{
    font-size: 13px;
    font-weight: bold;
    color: #0270BD;
}

.album_listitem_2 img.img1
{
    border: 2px solid #EE2222;
}

.album_listitem_2 img.img2
{
    border: 2px solid #9BCC01;
}


.photo_listitem
{
    display: inline;
    margin: 7px 0px 0px 0px;
    float: left;
}

.photo_m_w
{
	width: 174px;
	border: solid 1px #9BCC01;
	background-color: #eeffba;
	display: none;
	margin-top: 3px;
}

.photo_m
{
	text-align: center;
	margin: 10px;
}

.person_w
{
    text-align: center;
    1font-size: 12px;
    float: left;
    margin: 0px 10px 10px 0px;
    overflow: hidden;
}

.person_w .person_w2
{
	margin: 8px 0;
}

.vip_w
{
    111border: solid 1px #98cd00;
}

.vip_w .person_w1
{
    border: solid 1px #e8e8e8;
    background: #98cd00;
}

.vip_w .person_w1 .person_w2
{
	margin: 1px;
	background: #ffffff url('/images/vip/tree_r.gif') repeat-x right top;
    overflow: auto;
}

.vip_w .name_link img
{
	margin-right: 60px;
}

.person_w div div div
{
	margin: 2px 2px;
}

.person_w1
{
    1height: 110px;
    margin: 4px;
}

.name .rel_label
{
	color: gray;
	font-weight: normal;
}

.person_w .rel_label
{
	font-size: 9px;
	color: gray;
	margin-bottom: 3px;
}

.family_album_preview
{
    font-size: 11px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.family_story_preview
{
    font-size: 12px;
    float: left;
    width: 250px;
    margin: 0px 10px 10px 0px;
}

.message_table_2
{
    width: 580px;
    background-color: #FFFFFF;
}

#footer_main #about
{
    float: left;
    text-align: left;
    color: silver;
    font-size: 11px;
    margin: 10px 15px;
}

#copyright
{
    float: right;
    text-align: right;
    color: silver;
    font-size: 11px;
    margin: 10px 5px;
}

#footer_main #stat
{
    display: block;
    margin: 10px 5px 0;
    float: right;
}

.edit_menu
{
    background-color: #F2F2F2;
    border-top: 1px solid #E7E9E8;
    border-bottom: 1px solid #E7E9E8;
    width: 100%;
    font-size: 11px;
    padding: 5px;
    margin-bottom: 10px;
}

.edit_menu_2
{
    width: 100%;
    font-size: 11px;
    padding: 5px;
    margin-bottom: 10px;
}


.edit_menu a:link, .edit_menu a:visited, .edit_menu_2 a:link, .edit_menu_2 a:visited
{
    color: #0072BD;
}

.edit_menu a, .edit_menu_2 a
{
    margin-right: 15px;
}

.edit_menu .selected, .edit_menu_2 .selected
{
    font-weight: bold;
}

.sub_menu
{
    color: silver;
}

.sub_menu a
{
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0px;
}

.sub_menu .selected
{
    font-weight: bold;
}

.album_preview_thumb
{
    width: 152px;
    height: 152px;
    text-align: center;
    vertical-align: middle;
}

.album_preview_thumb_2
{
    width: 80px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
}

.album_preview_2_a { background-image: url('/images/ap2/album_preview_2_01.gif'); background-repeat: no-repeat; width: 10px important; height: 10px; }
.album_preview_2_b { background-image: url('/images/ap2/album_preview_2_02.gif'); background-repeat: repeat-x; height: 10px; }
.album_preview_2_c { background-image: url('/images/ap2/album_preview_2_03.gif'); background-repeat: no-repeat; width: 10px important; height: 10px; }
.album_preview_2_d { background-image: url('/images/ap2/album_preview_2_04.gif'); background-repeat: repeat-y; width: 10px; }
.album_preview_2_e { background-image: url('/images/ap2/album_preview_2_06.gif'); background-repeat: repeat-y; width: 10px; }
.album_preview_2_f { background-image: url('/images/ap2/album_preview_2_07.gif'); background-repeat: no-repeat; width: 10px; height: 10px; }
.album_preview_2_g { background-image: url('/images/ap2/album_preview_2_08.gif'); background-repeat: repeat-x; height: 10px; }
.album_preview_2_h { background-image: url('/images/ap2/album_preview_2_09.gif'); background-repeat: no-repeat; width: 10px; height: 10px; }

div.message
{
    display: block;
    1width: 790px;
    width: 100%;
    border: 1px solid silver;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 15px 7px;
}

div.message div
{
	margin: 20px;
    padding-left: 50px;
}

div.message a:hover
{
    text-decoration: none;
}

div.mt1
{
    background-color: #99CC03;
    background-image: url('/images/messages/done.gif');
}

div.mt2
{
    background-color: #ff0000;
    background-image: url('/images/messages/error.gif');
}

div.mt1 a:link, div.mt1 a:hover, div.mt1 a:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}

div.mt2 a:link, div.mt2 a:hover, div.mt2 a:visited
{
    color: yellow;
    text-decoration: underline;
}

#mood_text
{
    font-size: 10px;
    height: 18px;
    width: 300px;
}

.wall_record
{
    width: 400px;
}

.wall_record td
{
    font-size: 11px;
}

.wall_record .td1
{
    width: 70px;
}

.wall_record .td3
{
    width: 330px;
}

.new_records
{
    font-weight: bold;
}

#selected
{
    font-weight: bold;
}

.bottom_row center
{
    color: #F2F2F2;
}

.na
{
    color: silver;
}

.info_button
{
    position: relative;
    top: -20px;
}

.small
{
    font-size: 9px;
    font-weight: normal;
}

.overtable
{
    background-color: #b1d398;
}

.redlink a
{
    text-decoration: none;
    padding-left: 0px;
    padding-right: 0px;
}

.redlink a:link, .redlink a:visited
{
    color: red;
}

.redlink a:hover
{
    color: red;
    text-decoration: underline;
}
.greenlink a
{
    text-decoration: none;
    padding-left: 0px;
    padding-right: 0px;
}

.greenlink a:link, .greenlink a:visited
{
    color: green;
}

.greenlink a:hover
{
    color: green;
    text-decoration: underline;
}

/* TABLES */

.comment_table
{
    padding-bottom: 10px;
    width: 100%;
    clear: both;
    overflow: auto;
}

div.comment_table div.form_block
{
	width: 450px;
}

.comment_table .text
{
    font-size: 11px;
    overflow: hidden;
}

.comment_table img
{
    margin: 0px 10px 5px 0px;
    float: left;
}

.comment_table .commands
{
    float: right;
    font-size: 10px;
    margin-top: 5px;
}

table.info_table
{
    width: 100%;
    border: 0px;
    margin-bottom: 7px;
}

table.info_table th
{
    border-bottom: 1px solid silver;
    font-weight: normal;
    text-align: left;
    font-size: 13px;
    padding-bottom: 5px;
    font-size: 11px;
    color: #656565;
    font-weight: normal;
}

table.info_table td.icon_item
{
    vertical-align: top;
    text-align: center;
}

table.info_table td.info
{
    width: 100%;
}

table.search_table
{
    font-weight: normal;
    text-align: center;
    width: 100%;
    font-size: 11px;
    color: #656565;
    background-color: #f3f3e9;
    border-collapse: collapse;
    margin-right: 0px;
}
table.search_table th
{
    border: solid 1px #fff;
    border-collapse: collapse;
    text-align: center;
    padding:4px;
    color: #fff;
    background-color: #99cc00;
}
table.search_table td
{
    border: solid 1px #fff;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

table.search_table tr
{
    border: solid 1px #fff;
    padding: 4px;
    text-align: center;
}

table.events_table
{
    width: 100%;
}

table.events_table input, table.events_table select
{
	font-size: 9px;
}

table.events_table th
{
    font-size: 11px;
    color: #656565;
    text-align: left;
    font-weight: normal;
}

table.events_table td, table.events_table th
{
    border-bottom: 1px solid silver;
}

table.events_table tr:hover
{
	background-color: #e5fca0;
}

table.events_table .des
{
	width: 300px;
}

.icon1
{
    margin: 7px 10px 0px 0px;
    border: 0px;
}

.icon2
{
    margin: 5px 10px 0px 0px;
    border: 0px;
}

/* END tables */

/* Comments */
.comment {
	clear: both;
	overflow: auto;
	padding-bottom: 10px;
	overflow-x: hidden;
}
.comment .comment_photo {
	float: left;
	width: 75px;
    text-align: center;
}
.comment .comment_body {
	margin-left: 75px;
}
.comment_body .comment_header {
	background: #F5F5F5;
	border-top: 1px solid #CACECD;
	padding: 2px 5px;
	overflow: auto;
}
.comment_header .user_link {
	font-weight: bold;
}
.comment_header .small_date {
	margin-top: 0;
}
.comment_header .delete {
	float: right;
}
.comment_header .delete a {
	display: block;
	width: 12px;
	height: 12px;
	margin: 2px 4px;
	background-image: url(/images/comments/del2.gif);
	background-position: left top;
}
.comment_header .delete a:hover {
	background-position: left bottom;
}
.comment .comment_text {
	float: left;
	margin: 4px 5px;
}
.comment .commands {
	text-align: right;
	margin-top: 5px;
	clear: both;
}

/* End Comments */

/* ROUNDS  */

.text22
{
    border: 1px solid #B0BCC2;
    border-width: 0 1px;
    padding: 5px 10px;
    background: #F1F1F1;
    width: 152px;
    height: 165px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.text22 img
{
    border: 1px solid gray;
    max-width: 150px;
    max-height: 150px;
}

.text_person_tree
{
    border: 1px solid #B0BCC2;
    border-width: 0 1px;
    padding: 5px 10px;
    background: #FFFFFF;
}

.menu2_l
{
    border-color: #9ACD06;
    border-style: solid;
    border-width: 0 1px;
    padding: 6px 10px;
    background-color: #EFFFD3;
}

.menu2_c
{
    border: 1px solid #B0BCC2;
    border-width: 0 1px;
    padding: 6px 10px;
    background: #FFFFFF;
    white-space: nowrap;
}

.menu2_b
{
    border: 1px solid #B0BCC2;
    border-width: 0 1px;
    padding: 6px 10px;
    background: #F1F1F1;
    font-weight: bold;
    white-space: nowrap;
}

.b1, .b2, .b3, .b4, .b5,
.b1 i, .b2 i, .b3 i, .b4 i, .b5 i,
.b1 b, .b2 b, .b3 b, .b4 b, .b5 b,
.b1 q, .b2 q, .b3 q, .b4 q, .b5 q
{
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    background: #F1F1F1;
}

.b1
{
  margin: 0 2px;
    background: #EBEEF0;
    border: none;
}

.b1 b
{
  margin: 0 1px;
  background: #B8C3C8;
  border-color: #CBD3D7;
}

.b2   {margin: 0 1px; border-color: #D6DCDF;}
.b2 b {border-color: #B8C3C8;}
.b2 i {border-color: #E4E8EA;}
.b2 q {border-color: #F7F8F9;}
.b3   {border-color: #EBEEEF;}
.b3 b {border-color: #BCC6CB;}
.b3 i {border-color: #F9FAFB;}
.b4   {border-color: #CAD2D6;}
.b4 b {border-color: #E5E9EB;}
.b5   {border-color: #B5C0C6;}
.b5 b {border-color: #FAFBFB;}

.c1, .c2, .c3, .c4, .c5,
.c1 i, .c2 i, .c3 i, .c4 i, .c5 i,
.c1 b, .c2 b, .c3 b, .c4 b, .c5 b,
.c1 q, .c2 q, .c3 q, .c4 q, .c5 q
{
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    background: #FFFFFF;
}

.c1
{
  margin: 0 2px;
    background: #EBEEF0;
    border: none;
}

.c1 b
{
  margin: 0 1px;
  background: #B8C3C8;
  border-color: #CBD3D7;
}

.c2   {margin: 0 1px; border-color: #D6DCDF;}
.c2 b {border-color: #B8C3C8;}
.c2 i {border-color: #E4E8EA;}
.c2 q {border-color: #F7F8F9;}
.c3   {border-color: #EBEEEF;}
.c3 b {border-color: #BCC6CB;}
.c3 i {border-color: #F9FAFB;}
.c4   {border-color: #CAD2D6;}
.c4 b {border-color: #E5E9EB;}
.c5   {border-color: #B5C0C6;}
.c5 b {border-color: #FAFBFB;}

.g1, .g2, .g3, .g4, .g5,
.g1 i, .g2 i, .g3 i, .g4 i, .g5 i,
.g1 b, .g2 b, .g3 b, .g4 b, .g5 b,
.g1 q, .g2 q, .g3 q, .g4 q, .g5 q
{
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    background: #99cc01;
}

.g1
{
    margin: 0 2px;
    background: #EBEEF0;
    border: none;
}

.g1 b
{
    margin: 0 1px;
    background: #B8C3C8;
    border-color: #CBD3D7;
}

.g2   {margin: 0 1px;    border-color: #D6DCDF;}
.g2 b {border-color: #B8C3C8;}
.g2 i {border-color: #E4E8EA;}
.g2 q {border-color: #F7F8F9;}
.g3   {border-color: #EBEEEF;}
.g3 b {border-color: #BCC6CB;}
.g3 i {border-color: #F9FAFB;}
.g4   {border-color: #CAD2D6;}
.g4 b {border-color: #E5E9EB;}
.g5   {border-color: #B5C0C6;}
.g5 b {border-color: #FAFBFB;}

.d0 { border-width: 0 1px; border-style: solid; border-color: #cacecd; }
.d0 .d00 { border-width: 0 2px; border-style: solid; border-color: #f2f3f3; display: block; padding: 2px 5px; overflow: auto; }
.d1, .d2, .d3, .d2 b, .d3 b
{
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    background-color: #f2f3f3;
}
.d1 {margin: 0 2px; border-color: #e6e8e7; background-color: #cdd1d0; }
.d2 {margin: 0 1px; border-color: #e6e8e7; background-color: #cdd1d0; }
.d2 b {margin: 0 1px; border-color: #f2f3f3; }
.d3 {margin: 0; border-color: #e6e8e7; background-color: #cdd1d0; }
.d3 b {margin: 0 1px; border-color: #f2f3f3; }

.menu_table_2
{
    border-bottom: solid 1px silver;
    margin-bottom: 10px;
}

.menu_table_2 td
{
    line-height: 15px;
}

.menu_table_2 td.selected
{
    border-bottom: solid 1px white;
}

.menu_table_2 th
{
    width: 2px important;
}

.menu_table_2 td.end_line
{
    width: 100%;
}

.l1, .l2, .l3, .l4, .l5,
.l1 i, .l2 i, .l3 i, .l4 i, .l5 i,
.l1 b, .l2 b, .l3 b, .l4 b, .l5 b,
.l1 q, .l2 q, .l3 q, .l4 q, .l5 q {
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    background: #EFFFD3;
}

.l1 {
  margin: 0 2px;
    background: #EFFFD3;
    border: none;
}

.l1 b {
  margin: 0 1px;
  background: #9ACD06;
  border-color: #9ACD06;
}

.l2   {margin: 0 1px;    border-color: #9ACD06;}
.l2 b {border-color: #c0f32d;}
.l2 i {border-color: #9ACD06;}
.l2 q {border-color: #9ACD06;}
.l3   {border-color: #9ACD06;}
.l3 b {border-color: #c0f32d;}
.l3 i {border-color: #9ACD06;}
.l4   {border-color: #9ACD06;}
.l4 b {border-color: #c0f32d;}
.l5   {border-color: #9ACD06;}
.l5 b {border-color: #c0f32d;}

/* END rounds */

/* BUTTONS */

div.button
{
    height: 24px;
    padding-left: 6px;
    margin: 5px 5px 0px 0px;
    float: left;
}

div.button div
{
    float: left;
    height: 24px;
    padding-right: 6px;
}

div.button div input
{
    float: left;
    height: 24px;
    font-family: Verdana, Tahoma;
    font-size: 11px;
    border: 0px;
    color: #000000;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

div.gray { background: url('/images/buttons/bgray_left.gif') no-repeat left top; }
div.gray div { background: url('/images/buttons/bgray_right.gif') no-repeat right top; }
div.gray div input { background: url('/images/buttons/bgray_tile.gif') repeat-x; background-color: #dcdcdc; }
div.green { background: url('/images/buttons/bgreen_left.gif') no-repeat left top; }
div.green div { background: url('/images/buttons/bgreen_right.gif') no-repeat right top; }
div.green div input { background: url('/images/buttons/bgreen_tile.gif') repeat-x; background-color: #cee782; font-weight: bold; }

div.orange { background: url('/images/buttons/borange_left.gif') no-repeat left top; height: 21px; padding-left: 2px; }
div.orange div { background: url('/images/buttons/borange_right.gif') no-repeat right top; height: 21px; padding-right: 17px; }
div.orange div div { background: url('/images/buttons/borange_tile.gif') repeat-x; height: 21px; font-size: 11px; font-family: Verdana, Tahoma; text-align: center; vertical-align: middle; padding: 3px 5px; 1font-weight: bold; white-space: nowrap; }
div.orange a:link, div.orange a:visited, div.orange a:hover { color: black; }
div.orange a:hover { color: blue; }

div.green2 { background: url('/images/buttons/bgreen2_left.gif') no-repeat left top; height: 45px; padding-left: 3px; }
div.green2 div { background: url('/images/buttons/bgreen2_right.gif') no-repeat right top; height: 45px; padding-right: 19px; }
div.green2 div div { background: url('/images/buttons/bgreen2_tile.gif') repeat-x; height: 45px; font-size: 11px; font-weight: bold; font-family: Verdana, Tahoma; text-align: center; vertical-align: middle; padding: 3px 5px; }
div.green2 a:link, div.green2 a:visited, div.green2 a:hover { color: white; }
div.green2 a:hover { color: yellow; text-decoration: none; }

/* END buttons */

.context_menu
{
    border: 1px solid silver;
    background-color: white;
    margin: -10px;
    padding: 10px;
    position: absolute;
    width: 300px;
    display: none;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    opacity: .90;
    font-size: 11px;
    font-family: Verdana, Tahoma;
    z-Index: 255;
}

.context_menu_w
{
	float: left;
	1width: 160px;
}
.context_menu li.t
{
	list-style: none;
	font-weight: bold;
	padding: 0;
}

.context_menu li
{
    white-space: nowrap;
    display: block;
}

.context_menu_photo
{
    float: right;
    width: 70px;
    margin-left: 10px;
}

.context_menu_photo a
{
	margin-bottom: 5px;
}

#mtt{font-size:11px;padding:0;color:silver;float:right;}
#mtt2{font-size:11px;float:left;width:500px;white-space:nowrap;color:black;text-align:left;}

#mttr {height:23px;float:right;background:url('/images/mttr-l.gif') no-repeat left top; padding-left: 6px; margin-left: 5px;}
#mttr div {float:left;height:23px;background:url('/images/mttr-r.gif') no-repeat right top; padding-right: 6px;}
#mttr div div {float:left;height:23px;background:url('/images/mttr.gif') repeat-x; padding: 3px; border: 0;}
#mttr a {color:#000000}
#mttr a:hover {color:#898989}


#mttl {height:23px;float:right;background:url('/images/mttl-l.gif') no-repeat left top; padding-left: 6px; margin-left: 5px;}
#mttl div {float:left;height:23px;background:url('/images/mttl-r.gif') no-repeat right top; padding-right: 6px;}
#mttl div div {float:left;height:23px;background:url('/images/mttl.gif') repeat-x; padding: 3px;}
#mttl a{color:#0063df; padding: 0px 2px;}
#mttl a:hover{color:#898989}

/* back-core */

#ns_tt
{
	position: absolute;
	border: solid #aaaaaa 1px;
	background-color: #dddddd;
	font-family: Verdana;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 5px;
	overflow: hidden;
	margin: 25px 0px 0px 5px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	z-index: 250;
	max-width: 300px;
}

#blackscreen, #centerscreen
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

#centerscreen
{
    z-Index: 600;
}

#blackscreen
{
    background-color: gray;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
    z-Index: 600;
}

/* FORMS */

div.form_over
{
    display: none;
}

#centerscreen div.form_over
{
    display: block;
    z-Index: 600;
}

div.form_over div.rec
{
    position: relative;
}

#addFamilyForm
{
    width: 200px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -200px;
    font-size: 10px;
    color: gray;
}

#popup1_who
{
    font-size: 14px;
}

#addFamilyForm input, #addFamilyForm select
{
    border: solid 1px gray;
    font-size: 12x;
    margin-top: 4px;
}

#popup1_last_name, #popup1_first_name, #popup1_middle_name, #popup1_email
{
    width: 220px;
}

#popup1_status
{
    width: 220px;
}

#editKladrForm
{
    width: 200px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -200px;
    font-size: 10px;
    color: gray;
}

#GroupEditRole
{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -200px;
    font-size: 10px;
    color: gray;
}

/* END forms */

/********   new tree style *************/

/* have to be before main description  */

div.rect
{
    width: 106px;
    border: solid 0px black;
    position: absolute;
}

div.content
{
    overflow: hidden;
    width: 100%;
    padding: 0px 5px;
    font-size: 11px;
    font-family: Verdana, Tahoma;
}

div.rect div.top div, div.rect div.bottom div
{
    height: 1px;
    overflow: hidden;
}

div.rect div.middle
{
    background-position: top;
    background-repeat: repeat-x;
    overflow: hidden;
    border-width: 0px 1px;
    height: 103px;
}

div.rect div.top, div.rect div.bottom
{
    margin: 0px;
}

div.rect div.t1
{
    margin: 0px 5px; border-width: 0px 48px;
}

div.rect div.t2
{
    margin: 0px 3px; border-width: 0px 3px;
}

div.rect div.t3
{
    margin: 0px 2px; border-width: 0px 2px;
}

div.rect div.t4
{
    margin: 0px 1px; border-width: 0px 2px;
}

div.rect div.t5
{
    margin: 0px 1px; border-width: 0px 1px;
}

div.rect div.t6
{
    margin: 0px; border-width: 0px 2px;
}

/* TREE BANNER */

div.tree_banner
{
    width: 184px;
}

div.tree_banner div.content
{
    padding: 0px 10px;
}

div.tree_banner div.middle
{
    height: 400px;
    background-image: url('/images/tree/form_tile.gif');
    background-position: bottom;
    background-repeat: repeat-x;
}

div.tree_banner div.middle, div.tree_banner div.top div
{
    background-color: #ffffff;
}

div.tree_banner div.bottom div
{
    background-color: #eeeeee;
}

div.tree_banner div div.t1
{
    border-width: 0px 120px;
}

div.tree_banner div.top div, div.tree_banner div.bottom div, div.tree_banner div.middle
{
    border-color: #666666;
    border-style: solid;
}

/* CONTEXT HELP */

div.cont_help
{
    width: 794px;
    background-position: left top;
    background-repeat: no-repeat;
}

div.cont_help div.content
{
    padding-top: 5px;
    padding-left: 5px;
    font-size: 11px;
    color: #717171;
    border: solid 0px red;
    width: 480px;
}

div.cont_help div.content div.help_title, div.help_title
{
    font-size: 16px;
    margin-bottom: 5px;
}

div.cont_help div.middle
{
    background-image: url('/images/cont_help/tile_bottom.gif');
    background-position: bottom;
    background-repeat: repeat-x;
    margin-left: 203px;
    border-left: 0px;
}

div.cont_help div div.t1
{
    border-width: 0px 392px;
}

div.cont_help div.top div, div.cont_help div.bottom div, div.cont_help div.middle
{
    border-color: #cacecd;
    border-style: solid;
}

div.cont_help div.bottom div.t2
{
    background-color: #8a8c89;
}

div.cont_help div.bottom div.t3, div.cont_help div.bottom div.t4, div.cont_help div.bottom div.t5, div.cont_help div.bottom div.t6
{
    background-color: #e1e1e1;
    margin-left: 203px;
    border-left: 0px;
}

/* ICONS */

.icon_button
{
    font-family: Verdana, Tahoma;
    font-size: 10px;
    color: #7c7c7c;
    min-height: 22px;
    height: auto !important;
    height: 22px;
    float: left;
    padding-left: 43px;
    margin: 5px 5px 5px 0px;
    line-height: 9px;
    white-space: nowrap;
    overflow: visible;
    display: block;
}

.icon_button div
{
    background-repeat: no-repeat;
    background-position: right center;
    width: 40px;
    height: 20px;
    margin-left: -43px;
    1border: solid 1px green;
}

.icon_button span
{
	display: block;
    margin-top: -20px;
	1float: left;
}

.icon_button img
{
	border: 0;
	margin-right: 5px;
	float: left;
}

.icon_button a:link, .icon_button a:visited
{
    color: #7c7c7c;
}

.icon_button a:hover
{
    color: blue;
    text-decoration: none;
}

tr.day_event .icon_button, table.info_table .icon_button
{
    margin: 0px 5px 0px 0px;
    float: left;
}

.new_title
{
    width: 36px;
    background-image: url('/images/icons/new_green.gif');
    background-repeat: no-repeat;
    height: 15px;
    display: inline;
}

.separator
{
    width: 100%;
    height: 5px;
    clear: both;
    overflow: hidden;
}

.denied
{
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: gray;
    height: 100px;
    width: 100%;
    clear: both;
    border: solid 1px gray;
    padding-top: 40px;
}

.newsrow1
{
    background-color: #f8f8f3;
}

.newsrow2
{
    background-color: #f5f5f5;
}

.rowtitle
{
    font-size: 16px;
    font-weight: bold;
    color: #999999;
}

.newsrow1 td, .newsrow2 td
{
    padding: 15px 20px 15px 0px;
}

.search_user
{
    width: 360px;
    border: dashed 1px #d8f092;
    padding: 5px;
    float: left;
    margin: 0px 10px 10px 0px;
    overflow: auto;
}

.step
{
    font-size: 18px;
    font-weight: bold;
    color: #99cc03;
}

/* --- title --- */

.title_table
{
	width: 930px;
}

.title_row
{
	color: #FFFFFF;
	font-family : Verdana, Tahoma;
	font-size : 12px;
	height: 250px;
	background-color: #99cc01;
	background-image: url('/images/title/title.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 25px;
}

.title_icon
{
	padding: 40px 0px 5px 0px;
	font-family: Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.login_table td
{
	color: #FFFFFF;
	padding: 7px 10px 0px 0px;
}

.login_table a:hover, .login_table a:link, .login_table a:visited
{
	color: #FFFFFF;
}

#a_wrapper div.inner
{
	margin: 15px;
}

#menu, #menu2
{
	position: absolute;
	border: solid #AAAAAA 1px;
	background-color: #DDDDDD;
	font-family: Verdana, Tahoma;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 5px;
	overflow: hidden;
	margin: 25px 0px 0px 5px;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	z-index: 250;
	width: 180px;
}

.help
{
	font-weight: normal;
	color: silver;
	font-size: 9px;
	width: 200px;
}

/* VIRTUAL KEYBOARD */

#Keyboard {
	color:gray;
	font-size:10px;
	height:300px;
	left:40%;
	margin-left:-100px;
	margin-top:-200px;
	position:absolute;
	top:50%;
	width:300px;
}
#keyboard_form {
	width: 400px;
}
#Keyboard .t1 {
	border-width: 0 195px;
}
#keyboard_all {
	display: block;
	text-align: center;
	margin: 10px 3px;
	padding: 3px;
}
a.keyboard_key {
	margin: 3px;
	padding: 3px 5px;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid gray;
	background-color: #EFECDF;
	color: #707070;
}
a.keyboard_key:visited {
	color: #707070;
}
a.keyboard_key:hover {
	color: #707070;
	text-decoration: none;
	background-color: #FFFFFF;
}

a.silver:hover
{
	background-color: #dddddd;
	color: gray;
	text-decoration: none;
}

.buttons_block
{
	float: left;
	margin-top: 10px;
}

.buttons_block .icon_button
{
	display: block;
	float: none;
}

.sms_form_inner
{
	border: 1px solid #B0BCC2;
    border-width: 0 1px;
    padding: 5px 10px;
    background: #F1F1F1;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.search_item
{
	background-color: #E1F7A4;
	font-weight: bold;
}

#footer_main
{
	background: #f9f9f9 url('/images/header/footer_l.gif') no-repeat left;
	height: 60px;
}

#footer_main .dd1
{
	margin-left: 7px;
	background: url('/images/header/footer_r.gif') no-repeat right;
	height: 60px;
}

#footer_main .dd2
{
    background: url('/images/header/footer_t.gif') repeat-x;
	margin-right: 7px;
	height: 60px;
}

#footer_main div
{
    color: #959595;
    font-size: 11px;
}

#footer_main a:link, #footer_main a:visited
{
    color: #959595;
    text-decoration: underline;
}

#footer_main a:hover
{
    color: #5C5C5C;
    text-decoration: none;
}

#tlb
{
	background: url('/images/header/tlb_l.gif') no-repeat left;
	height: 76px;
}

#tlb .l
{
	background: url('/images/header/tlb_r.gif') no-repeat right;
	height: 76px;
	margin-left: 4px;
}

#tlb .r
{
	background: url('/images/header/tlb_t.gif') repeat-x right;
	height: 76px;
	margin-right: 4px;
	text-align: center;
}

#tlb .text
{
	margin-top: 7px;
}

#tlb a
{
	background: center no-repeat;
    display: block;
    height: 65px;
    width: 100%;
    overflow: hidden;
}

/* POPUP FORM 1 */

div.popup_form
{
	width: 250px;
}

div.popup_form div.content
{
	padding: 0px 10px;
}

div.popup_form div.middle
{
	height: 400px;
	background-image: url('/images/tree/form_tile.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

div.popup_form div.middle, div.popup_form div.top div
{
	background-color: #ffffff;
}

div.popup_form div.bottom div
{
	background-color: #eeeeee;
}

div.popup_form div div.t1
{
	border-width: 0px 120px;
}

div.popup_form div.top div, div.popup_form div.bottom div, div.popup_form div.middle
{
	/* border: solid 1px #ffb0e8; */
	border-color: #666666;
	border-style: solid;
}

#left_photo_200
{
	width: 210px;
	float: left;
	overflow: hidden;
	margin: 0 10px 10px 0;
	border-right: solid 1px silver;
}

/* New Blocks */
.xbox {
	background: transparent;
	width: 100%;
}

.xtop, .xbottom {
	display: block;
	background: transparent;
	font-size: 1px;
	z-index: 5;
}

.xb1, .xb2, .xb3, .xb4 {
	display: block;
	overflow: hidden;
}
.xb1, .xb2, .xb3 {
	height: 1px;
}
.xb2, .xb3, .xb4 {
	border-left: 1px solid #CACECD;
	border-right: 1px solid #CACECD;
}
.xb1 {
	margin: 0 5px;
	background: #CACECD;
}
.xb2 {
	margin: 0 3px;
	border-width: 0 2px;
}
.xb3 {
	margin: 0 2px;
}
.xb4 {
	height: 2px;
	margin: 0 1px;
}
.color_a {
	background: #E1E1E1;
}
.xboxcontent {
	display: block;
	border: 0 solid #CACECD;
	border-width: 0 1px;
	height: auto;
	overflow: auto;
	padding: 0;
	margin: 0;
	background: url('/images/cont_help/b_tile.gif') bottom repeat-x;
}

.xboxcontent .xbox_1 {
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: auto;
}

.xboxcontent .xbox_1 img {
	float: left;
	margin: 0;
}

.medal_list { width: 560px; overflow: hidden; }

.medal_list .link_all { display: block; margin-top: 20px; }

.medal_list .medal { display: block; float: left; margin-right: 10px; }

/***************** Kladr *****************/
.ktitle {
	float: left;
	width: 100px;
	padding: 3px;
}
.kfield {
	float: left;
	width: 180px;
	margin-left: 10px;
}
.g {
	margin-top: 5px;
	width: 100%;
	float: left;
}
.bold {
	font-weight: bold;
	background-color: #daf58a;
}
.old {
	color: gray;
}
/***************** END: Kladr *****************/


/***************** New Forms *****************/
.color_b {
	background-color: #ffffff;
}
#centring-table .xboxcontent {
	overflow: hidden;
	background: #ffffff;
}
div#popup_form {
	display: none;
}
div#grayscreen, table#centring-table {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
div#grayscreen {
    background-color: gray;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
    z-index: 500;
    display: block;
}
table#centring-table {
    z-index: 600;
}
table#centring-table td#centring-td {
	vertical-align: middle;
	text-align: center;
}
table#centring-table td#centring-td div#popup-wrapper {
	display: block;
	margin: 0 auto;
	text-align: left;
}
div#popup-inner {
	padding: 5px 10px;
	overflow-x: auto;
	max-height: 500px;
}
#popup_form_controls {
	text-align: center;
}
/***************** END: New Forms *****************/

/******* TABS *********/

.tab_list
{
	overflow: auto;
	margin-bottom: 5px;
	clear: right;
}
a.tab_button:link, a.tab_button:hover, a.tab_button:visited
{
	padding: 5px;
	background: #eeffbe;
	color: #719701;
	margin-right: 5px;
	display: block;
	float: left;
}

a.tab_button:hover, a#selected_tab.tab_button:link, a#selected_tab.tab_button:visited
{
	background: #99CC03;
	color: #fff;
}

#tab_photo_note_list
{
	float: right;
	width: 350px;
}

#tab_photo_note_list .tab_items
{
	max-height: 400px;
	position: relative;
	overflow: auto;
	background-position: right top;
	background-repeat: no-repeat;
}

/* END TABS */

/***************** START: MoodMeter *****************/
#mood_form_title {
}
input#mood_status_text {
	width: 100%;
}
#mood_form_title .mood_smiles {
}
#mood_form_title .mood_smiles a {
	border: 2px solid white;
	display: block;
	float: left;
	overflow: auto;
	margin: 2px 3px;
}
#mood_form_title .mood_smiles a.active {
	border: 2px solid #99CC03;
}
#mood_text_wrapper {
	clear: both;
	padding: 5px 0;
}
textarea#mood_status_full_text {
	width: 100%;
	height: 100px;
}
#mood_status {
	width: 420px;
}
#mood_status img {
	padding: 0 5px 0 0;
}
.mood-table {
	border-collapse: collapse;
}
.mood-table td {
	vertical-align: middle;
}
.mood-table td.1st {
	text-transform: nowrap;
}

/***************** END: MoodMeter *****************/

#g6, #g7
{
	text-align: center;
}

/* banners */

.banner
{
	margin: 0px 0px 5px 0px;
	text-align: center;
}

.banner1
{

}

.banner2
{
    display: block;
}

.banner2 .btitle
{
	color: #9BCC01;
	1font-weight: bold;
	1width: 100%;
	overflow: hidden;
}

.banner2 .bimg
{
	margin-top: 10px;
}

.banner2 .btext
{
	margin-top: 10px;
	overflow: hidden;
}

.bannertype1
{
    width: 750px;
}

.bannertype2, .bannertype3, .bannertype5
{
    width: 125px;
}

.bannertype4
{
    width: 200px;
}

.loading_s
{
	1border: 1px solid gray;
	1height: 14px;
	background: url('/images/loading_s.gif');
}