#personal_page #logofon {position: relative; float: left; margin-left: 20px; width: 918px; padding: 0 20px 30px 0px; background: url(/images/logo_big.jpg) right top no-repeat;}
#pp_info {border: 2px solid #B8C6E0; background: white; padding: 10px 30px 30px 30px; margin-top: 35px; float: left; width: 890px;}

a.tab,
strong.tab {background: url(/images/vrezka_bg.gif) repeat; width: 270px; text-align: center; position: absolute; top: 45px; display: block; border: 2px solid #D0DEEB; border-bottom: none; z-index: 10;  font: bold 120%/27px Arial, Helvetica, sans-serif;}
button.del img {vertical-align: middle;}
a#pp_tab {left: 0; z-index: 20;}
a#history_tab {left: 271px; z-index: 30; border-right: none;}
a#settings_tab {left: 541px; z-index: 40;}

strong.tab  {color: #003399; background: white; line-height: 31px; border: 2px solid #B8C6E0; border-bottom: none; top: 43px; z-index: 50;}
strong.tab span {border-bottom: 2px solid red; padding-bottom: 1px;}
strong#pp_tab {left: 0; width: 272px; }
strong#history_tab {left: 268px; width: 274px; }
strong#settings_tab {left: 538px; width: 274px; }

#logofon > #pp_info {width: 830px;}
#logofon > a.tab {top: 40px;}
#logofon > strong.tab {top: 38px;}

#personal_page #left_column {width: 59%; float: left;}
#personal_page #right_column {width: 39%; float: right;}

/* Gallery */
#personal_page .gallery_block {height: 115px; margin-top: 10px;}
#personal_page #left_column > .gallery_block {min-height: 115px; height: auto;}
#personal_page .gallery_block .image{margin: 0; padding: 0 10px 20px 10px; float: left; background: none;}
#personal_page .gallery_block .image img {width: 65px; height: 95px; border: 1px solid #003399;}
#personal_page .gallery_block .image a {background: none; margin: 0; padding: 0;}
#personal_page .gallery_block .image_desc {padding: 0 0 0 90px;}

.blank_list {margin: 10px 0; padding: 0; list-style: none;}
.blank_list li {margin: 5px 0;}

#pp_info #ati {margin-top: 20px;}
#pp_info #ati label {display: block;}
#pp_info #ati label,
#pp_info #ati .radio,
#pp_info #ati .checkbox {vertical-align: middle;}
#pp_info #ati .text {width: 200px; border: 1px solid #ccc; padding: 2px; font-weight: bold;}
#pp_info #ati textarea {height: 6em; font: bold 12px Tahoma, Arial, sans-serif; }
#pp_info #ati p.submit {width: 150px; text-align: center; margin: 0 auto;}

/* History */
#history {width: 100%; margin: 20px 0;  border: none; border-collapse: collapse; }
#history caption {display: none;}
#history th, 
#history td {text-align: left; padding: 10px; height: 50px; vertical-align: middle;}
#history th {color: #003399; font: bold 16px Arial, Helvetica, sans-serif;}
#history #date {width: 50%; padding-left: 40px;}
#history #type {width: 25%;}
#history #action {width: 25%;}


#history tr.even td {background: #EFF2FB; border-bottom: 1px solid #D1DDEB; border-top: 1px solid #D1DDEB;}
#history td .date {font-size: 11px; display: block; margin-left: 30px;}
#history td .page {margin-left: 10px; background: url(/images/page_white_page.gif) 0 0 no-repeat; padding: 1px 0 1px 20px; font-weight: bold;}
#history td .type {padding-top: 12px;}
#history .plus,
#history_item .plus {background: url(/images/page_pic_plus2.gif) 0 11px no-repeat; font-weight: bold; padding: 12px 0 1px 20px;}
#history_item {position: relative; padding: 10px 300px 0 0;}
#history_item .plus {position: absolute; left: 620px; top: -50px;}

#client_list {width: 100%; margin: 20px 0;  border: none; border-collapse: collapse; }
#client_list caption {display: none;}
#client_list th, 
#client_list td {text-align: left; padding: 10px; height: 50px; vertical-align: middle;}
#client_list th {color: #003399; font: bold 16px Arial, Helvetica, sans-serif;}
#client_list td.action,
#client_list th#action,
#client_list td.quantity,
#client_list th#quantity {text-align: center; width: 20%;}
#client_list th#client,
#client_list td.client {width: 60%; text-align: left;}

#client_list td.quantity {font: 20px Arial, Helvetica, sans-serif }
#client_list tr.even td {background: #EFF2FB; border-bottom: 1px solid #D1DDEB; border-top: 1px solid #D1DDEB;}
#client_list tr:hover td {background: #4396DA; color: white;}
#client_list tr:hover td a {color: white;}




/* Settings */
#access_settings .text {width: 200px; border: 1px solid #ccc; height: 22px; font-weight: bold;}
#access_settings > p .text {padding: 2px; height: 18px;}
#access_settings > p .password {height: 18px; font-size: 200%;}
#access_settings .submit {width: 200px; padding: 3px;}

#personal_data .text,
#personal_data textarea,
#personal_data .text_short {border: 1px solid #ccc; padding: 2px; font-weight: bold;}
#personal_data .text_short {width: 200px;}
#personal_data .text {width: 420px;}
#personal_data .submit {width: 250px; padding: 3px;}
#personal_data p {float: left; margin: 10px 10px 10px 0;}
#personal_data textarea {width: 420px; height: 70px;}