@import url('reset.css');

/* ------ Блок стилей для позиционирования footer'а внизу страницы ------ */
html {height: 100%; overflow: auto;}
body {height: 100%;}
div.main {position: relative; min-height: 100%;}
div.empty_block {height: 120px; background-color: transparent;}
div.footer {position: absolute; bottom: 0px; height: 119px;}
/* ----------------------------------- */

body {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	background-image: url(/adm_images/120331_main_fon.jpg);
	background-repeat: repeat;
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
	font-size: 11px;
	display: block;
	color: #000;
}

pre {font-family: "Verdana", "Arial", "Helvetica", sans-serif; font-size: 11px;}
	

h3 {font-size: 15px; color: #333; display: block; margin-bottom: 2em; font-weight: bold;}
h4 {font-size: 13px; color: #666; display: block; margin-bottom: 2em; font-weight: bold;}

div.main {width: 1000px; margin: 0px auto;}

div#black_transparency {
	display: none;
	opacity: 0.6;
	background-color: #000;
	position: absolute;
	width: 100%;
	min-height: 100%;
	z-index: 1001;
}

/* ----- ЛОГО ----- */
div.logo_tekst {
	position: absolute;
	width: 170px;
	height: 27px;
	top: 100px;
	left: 150px;
	background-image: url(/adm_images/120331_logo_tekst.png);
	background-repeat: no-repeat;
}
div.logo_line {
	position: absolute;
	width: 580px;
	height: 1px;
	top: 120px;
	left: -266px;
	background-color: #000;
}
/* ---------------- */

/* ----- Форма авторизации и приветствия ----- */
div.userlogin {
	text-align: left;
	z-index: 2;
	width: 300px;
	height: 100px;
	position: absolute;
	top: 100px;
	right: 50px;
}
div.userlogin span#login_ssilka, div.userlogin a, div.userlogin font {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	display: inline;
	color: #666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
div.userlogin span#login_ssilka {cursor: pointer;}
div.userlogin a#aUser {text-decoration: underline;}
div.userlogin span#login_ssilka:hover, div.userlogin a:hover {color: #000; text-decoration: underline;}
div.userlogin form {font-size: 13px;}
div#forma_vvoda_logina {
	position: relative;
	width: 265px;
	height: 70px;
	background-image: url(/adm_images/120401_form_autorization.png);
	background-repeat: no-repeat;
	top: 30px;
}
div#forma_vvoda_logina input.mLogin, div#forma_vvoda_logina input.mPassword, div#forma_vvoda_logina input.button {
	position: absolute;
	border: none;
	background-color: transparent;
	height: 20px;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	letter-spacing: 1px;
	color: #333;
}
div.msg {
	position: absolute;
	top: 80px;
	font-size: 11px;
	color: #f33;
}
div#forma_vvoda_logina input.mLogin {
	top: 11px;
	left: 1px;
	width: 119px;
	font-size: 10px;
	padding-left: 6px;
}
div#forma_vvoda_logina input.mPassword {
	top: 11px;
	left: 141px;
	width: 119px;
	padding-left: 6px;
	font-size: 10px;
}
div#forma_vvoda_logina input.button {
	top: 46px;
	left: 1px;
	width: 75px;
	height: 22px;
	cursor: pointer;
}
/* ------------------------------------------- */

/* --- Форма регистрации --- */
div.empty_for_footer {height: 610px;}
div.registrarion_form, div.registrarion_message {
	position: absolute; 
	width: 351px;
	height: 480px;
	margin: 0 50% 50px 50%;
	left: -175px;
}
div.registrarion_message {top: 250px; font-size: 12px;}
div.registrarion_form {
	top: 80px;
	background-image: url(/adm_images/120401_form_registration.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div.msg_reg {font-size: 11px; color: #f33; width: 351px; height: 50px; position: absolute; top: 0px; left: 0px;}
input.rLogin, input.rPass, input.rPass2, input.rMail {
	position: absolute;
	border: none;
	width: 258px;
	height: 25px;
	padding-left: 6px;
	padding-top: 2px;
	font-size: 13px;
	letter-spacing: 1px;
	left: 43px;
	background-color: transparent;
}
input.rLogin {top: 134px;}
input.rPass {top: 204px;}
input.rPass2 {top: 274px;}
input.rMail {top: 344px;}
input.rButton {
	position: absolute;
	border: none;
	height: 35px;
	width: 106px;
	left: 122px;
	top: 402px;
	cursor: pointer;
	background-color: transparent;
	text-indent: -9999px;
}	
/* ------------------------- */
	

/* ---- Главное меню ---- */
div.main_menu {
	position: absolute;
	left: 155px;
	top: 140px;
	z-index: 3;
}
div.main_menu a, div.main_menu span {
	display: block;
	color: #000;
	margin-bottom: 4px;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 13px;
}
div.main_menu span {color: #666;}
div.main_menu a {color: #333;}
div.main_menu a:hover {color: #000;}
div.main_menu a.main_comments_link {color: #c66; display: inline;}
div.main_menu a.main_comments_link:hover {color: #933;}
/* ---------------------- */

/* ------------ КАЛЕНДАРЬ ----------- */
div#calendar_off {display: block; height: 250px;}
div#calendar {display: none;}
div.calendar_forma {font-size: 11px; width: 300px; margin: 0 auto; color: #666;}
a.calendar {color: #000; text-decoration: none}
table.calendar {color: #aaa; margin: 0 auto 50px auto;}
table.calendar td {
	width: 26px;
	height: 26px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666;
	font-size: 11px;
}
table.calendar td.calendar_now_day {background-image: url(http://fisherwoman.ru/images/calendar_now_day.png)}
font.month {font-weight: normal; color: #09f; font-size: 17px; margin-bottom: 4px; display: block;}
table.calendar td.calendar_weekday {background-image: url(/adm_images/kalendar_day_names_fon.png)}
select.calendar_select, input.calendar_year {font-size: 11px; color: #333;}
select.calendar_select {width: 90px;}
input.calendar_year {width: 50px;}
input.calendar_button {width: 40px; font-size: 11px;}
/* ---------------------------------- */

/* ------ Дневник, форма поиска ------ */
div.dairy_poisk {
	position: relative;
	width: 446px;
	height: 28px;
	margin: 0 auto 60px auto;
	background-image: url(/adm_images/dairy_find_form.png);
	background-position: left top;
}
form.dairy_poisk {font-size: 13px; letter-spacing: 1px;}
input.dairy_poisk_input, input.dairy_poisk_button {position: absolute; background-color: transparent; border: none;}
input.dairy_poisk_input {top: 3px; left: 5px; width: 335px;}
input.dairy_poisk_button {top: 1px; left: 356px; width: 89px; height: 25px; text-indent: -9999px; cursor: pointer;}
/* ----------------------------------- */

/* --- Дневник, лого и меню дневника --- */
div.dairy_logo_menu {position: relative;}
div.dairy_logo {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 101px; 
	height: 20px;
	background-image: url(/adm_images/dairy_logo.png);
	background-repeat: no-repeat;
}
div.dairy_line {
	position: absolute; 
	top: 18px; 
	left: -20px; 
	width: 800px; 
	height: 1px;
	background-color: #999;
}
table.dairy_menu {position: absolute; top: 2px; left: 180px;}
table.dairy_menu td {text-align: left;}
table.dairy_menu a, table.dairy_menu span {font-size: 12px; color: #333; text-decoration: none; cursor: pointer;}
table.dairy_menu td#full:hover {
	height: 28px;
	background-image: url(/adm_images/dairy_menu_ssilka_hover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
table.dairy_menu td#empty {width: 30px;}
/* ------------------------------------- */

/* ----- Дневник, текст, контент ----- */
div.dairy_content {
	position: relative;
	width: 730px; /* общая ширина элемента складывается из значение паддинга и ширины, учитывать это! */
	padding: 30px 70px;
	border: 1px solid #aaa;
	background-color: #fff; 
	margin: 120px auto 50px auto; 
	font-size: 12px;
/*	background-image: url(/adm_images/dairy_text_fon.gif);
	background-repeat: repeat;*/
}
div.next_prev {text-align: center; color: #999}
div.next_prev a {text-decoration: none; font-size: 11px; color: #999;}
div.next_prev a:hover {text-decoration: underline; color: #666;}
table.red_del_buttons_conteiner {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 170px;
	heigth: 62px;
}
table.red_del_buttons_conteiner a#red, table.red_del_buttons_conteiner a#del {
	width: 73px;
	height: 31px;
	display: block;
	text-indent: -9999px;
	background-position: 0 31px;
}
table.red_del_buttons_conteiner td {text-align: left; width: 50%;}
table.red_del_buttons_conteiner a#red {
	background-image: url(/adm_images/dairy_red_button.png);
}
table.red_del_buttons_conteiner a#del {
	background-image: url(/adm_images/dairy_del_button.png);
}
table.red_del_buttons_conteiner a#red:hover, table.red_del_buttons_conteiner a#del:hover {
	background-position: 0 0;
}
div.date_status_top {
	margin: 25px 0 20px 0;
	font-size: 11px;
	color: #666;
	line-height: 1.2em;
}
div.dairy_soderjanie {color: #666; font-size: 11px; line-height: 1.7em;}
div.dairy_soderjanie a {color: #399; text-decoration: none;}
div.dairy_soderjanie a:hover {color: #366; text-decoration: underline;}
/* ----------------------------------- */

/* --- FOOTER --- */
div.footer {vertical-align: top; width: 100%;}
div.footer_line {width: 800px; height: 1px; background-color: #cc9; margin: 0 auto;}
div.footer_content {width: 400px; margin: 0 auto; font-size: 11px; color: #666; margin-top: 30px; text-align: center;}
/* -------------- */

/* -- Форма добавления и редактирования записей с дневнике -- */
form.dairy_add {font-size: 11px; color: #666; font-family: "Verdana", "Arial", "Helvetica", sans-serif;}
form.dairy_add input, form.dairy_add textarea {margin-top: 5px; font-family: "Verdana", "Arial", "Helvetica", sans-serif;}
form.dairy_add input.header, form.dairy_add textarea.body {width: 700px;}
form.dairy_add textarea.body {height: 400px; font-size: 11px;}
div.dairy_images_load {width: 700px; padding: 10px; background-color: #eee;}
/* ---------------------------------------------------------- */

/* ---- Профиль пользователей ---- */
div.user_profile_conteiner {width: 800px; margin: 0 auto;}
div.user_profile {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 13px; 
	color: #333;
	margin: 60px 0 50px 50px;
}
div.user_profile_conteiner h2 {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 20px; 
	color: #333;
	display: block;
	border-bottom: 1px solid #999;
	padding-bottom: 2px;
	margin-bottom: 10px;
}
div.profile_editform_conteiner {
	z-index: 1002;
	position: absolute;
	top: 150px;
	left: 50%;
	width: 250px;
	margin-left: -175px;
	background-color: #eee;
	border: 1px solid #999;
	font-size: 11px;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	padding: 20px 50px 20px 50px;
	color: #666;
}
div.profile_editform_conteiner input, div.profile_editform_conteiner select {
	margin: 2px 0 10px 0; 
	font-size: 13px; 
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	width: 250px;
}
div.profile_editform_conteiner input#red_profile_button {height: 25px; font-size: 12px; width: 150px; margin-left: 50px;}
div.user_profile_conteiner span {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	padding-top: 10px;
	display: block;
	text-indent: 30px;
}
div.user_profile_conteiner a {font-size: 17px; color: #099; text-decoration: none;}
div.user_profile_conteiner a:hover {color: #3cc; text-decoration: underline;}
div.uProfileImg {margin: -30px 0 20px 0;}
div.user_profile_conteiner span.uProfileImgLink {
	text-indent: 0px;
	border-bottom: 1px dashed #666;
	color: #39f;
	cursor: pointer;
	display: inline;
}
div#loadimagesform {padding: 10px; background-color: #eee; margin-top: 10px;}
/* ------------------------------- */

/* ---- КОММЕНТАРИИ ДНЕВНИКА ---- */
div.comments {margin: 15px 0}
div.comments span#komment_ssilka {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 15px;
	border-bottom: 1px dashed #000;
	cursor: pointer;
	padding-bottom: 1px;
}
div.comments h5 {display: block; font-size: 13px; margin: 20px 0;}
div.comments i {display: block; margin: 10px 0 3px 0; color: #666;}
div.comments input {width: 400px; padding: 2px;}
div.comments textarea {width: 600px; padding: 4px; height: 100px;}
div.comments input#msgButton {width: 100px;}
div.comments a.msg_userprofile {text-decoration: none; color: #399; font-size: 13px;}
div.comments a.msg_userprofile:hover {text-decoration: underline; color: #6cc;}
div.comments font.msg_data {padding-left: 20px; font-size: 11px; color: #666;}
div.comments div.user_comment {
	padding: 15px;
	background-color: #eee;
	margin-bottom: 20px;
}
div.comments font.msg_userprofile {font-size: 13px; font-weight: bold;}
div.comments a.msg_red, div.comments a.msg_ready {
	cursor: pointer;
	margin: 0 20px 0 20px;
	font-size: 11px;
	text-decoration: none;
}
div.comments a.msg_red {color: #f66;}
div.comments a.msg_red:hover {text-decoration: underline; color: #f03;}
div.comments a.msg_ready {color: #696;}
div.comments a.msg_ready:hover {text-decoration: underline; color: #030;}
div.comments div.msgInfo {border-bottom: 1px solid #ccc; padding-bottom: 6px;}
div.comments div.msgTextInfo {
	border-top: 1px solid #ccc; 
	padding-top: 6px; text-align: right;
	font-size: 11px;
	color: #666;
}
div.comments div.msgTextInfo a {color: #69c; text-decoration: none;}
div.comments div.msgTextInfo a:hover {color: #069; text-decoration: underline;}
div.comments div.msgRed {text-align: right; float: right;}
p#counter {text-align: right; margin-top: 1px; color: #666; width: 600px;}
/* ------------------------------ */