Бесплатный шаблон "Чуть веселей-1-10"

[code=php]/** Core messages styles [AM][start] **/
.button_yes, .button_no {
background: none repeat scroll 0 0 transparent;
border: 1px solid;
cursor: pointer;
font-family: tahoma,verdana,arial,sans-serif,Lucida Sans;
font-size: 11px;
margin: 3px;
outline: medium none;
overflow: visible;
padding: 4px 14px;
white-space: nowrap;
}
.button_yes::-moz-focus-inner, input.button_no::-moz-focus-inner {
border: 0 none;
}
.button_yes {
background: none repeat scroll 0 0 #5D81A7;
border: 1px solid #45688E;
}
.button_yes {
background: url('../images/core/button.png') repeat-x scroll 0 -16px #6181A6;
border-color: #789ABF #5980A9 #5980A9;
color: #FFF;
text-shadow: 0 1px 0 #45688E;
}
.button_yes:hover {
background-position: 0 -8px;
}
.button_yes:active {
background: none repeat scroll 0 0 #5E80A5;
border: 1px solid #5E80A5;
position: relative;
}
.button_no {
background: none repeat scroll 0 0 #E0E0E0;
border: 1px solid #B3B3B3;
}
.button_no {
background: url('../images/core/button.png') repeat-x scroll 0 -54px #DDDDDD;
border-color: #FFFFFF #E7E7E7 #E5E5E5;
color: #444444;
text-shadow: 0 1px 0 #FFFFFF;
}
.button_no:hover {
background-position: 0 -46px;
}
.button_no:active {
background: none repeat scroll 0 0 #DCDCDC;
border: 1px solid #DCDCDC;
position: relative;
}
#popup_container {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#popup_container .b {
background: transparent url('../images/core/b.png') repeat scroll 0 0;
}
#popup_container .tl {
background: transparent url('../images/core/tl.png') repeat scroll 0 0;
*background: url('../images/core/tl.png');
}
#popup_container .tr {
background: transparent url('../images/core/tr.png') repeat scroll 0 0;
}
#popup_container .bl {
background: transparent url('../images/core/bl.png') repeat scroll 0 0;
}
#popup_container .br {
background: transparent url('../images/core/br.png') repeat scroll 0 0;
}
#popup_container table {
border-collapse: collapse;
margin: auto;
}
#popup_container .body {
background: #fff;
width: 600px;
}
#popup_container .tl,
#popup_container .tr,
#popup_container .bl,
#popup_container .br {
height: 10px;
overflow: hidden;
padding: 0;
width: 10px;
}
#popup_title,
#note_title {
background: none repeat scroll 0 0 #396EA4;
border: 1px solid #396EA4;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 6px;
text-shadow: 0 1px 0 #111111;
}
#popup_container .popup_x_button,
#noteform .popup_x_button {
background: url('../images/core/boxicon.gif') repeat scroll -4px -2px #9AB5D1;
cursor: pointer;
float: right;
height: 17px;
margin: 5px 7px 0;
padding: 0;
width: 17px;
}
#popup_container .popup_x_button:hover,
#noteform .popup_x_button:hover {
background-color: #fff;
}
#popup_progress {
display: none;
text-align: center;
width: 100%;
margin: 45px 0 28px;
}
#popup_content {
padding: 0;
margin: 0;
}
#popup_message {
color: #111;
font-size: 13px;
padding: 0 3px 0 3px;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
overflow:hidden;
}
#popup_message .box_message_content {
color: #111;
font-size: 13px;
margin: 5px;
padding: 5px;
}
#popup_panel, #note_panel {
background: #f9f9f9;
border: 1px solid #aaa;
border-top: 1px solid #ccc;
margin-top: 0px;
padding: 3px;
padding-right: 10px;
text-align: right;
}
#popup_prompt {
margin: 0.5em 0
}
span.ajax-loader {
background: url('../images/core/ajax-loader.gif') no-repeat;
display: none;
float: left;
left: 6px;
position: relative;
top: 11px;
width: 36px;
}
#popup_info {
border: 1px solid #666666;
display: none;
float: left;
margin: 3px 2px;
padding: 2px 9px 1px;
position: relative;
}
#popup_info.error {
background-color: #E6A4A4;
}
#popup_info.info {
background-color: #AEFFA4;
}
/** Core messages styles [AM][end] **/

#popup_message div.js_smiles, #smileajax {
height: 1px;
}
#popup_message div.js_smiles a, #smileajax a {
text-decoration: none;
}

/** Popup smile and bb-code panel [AM][end] **/

/** Ajax intive club [AM][start] **/
.clearFix:after {
content :".";
display :block;
height: 0;
clear: both;
visibility: hidden;
}
.friend_list_top {
background-color: #F7F7F7;
padding: 4px 4px 0 4px;
font-size: 12px;
overflow:hidden;
margin: 0 -3px;
border-bottom: 1px solid #AAAAAA;
}
*:first-child+html .friend_list_top {
padding-bottom: 18px;
}
#friend_list_lookup {
float: right;
width: 180px;
color: #777;
}
.friend_list_body {
padding: 4px 0px 0px 10px;
width: 657px;
max-height: 500px;
border-top: 0px solid #c3edb2;
overflow-x: hidden;
overflow-y: scroll;
}
.friend_list_body_ajax {
padding: 4px 0 0 3px;
width: 100%;
height: 276px;
border-top: 0px solid #c3edb2;
overflow-x: hidden;
overflow-y: scroll;
background-color: #FFF;
font-size: 10px;
}
.flist_cell,
.flist_cell_on {
float: left;
border-bottom: 1px solid #FFF;
margin: 0 3px 2px 0;
cursor: pointer;
}
.flist_cell:hover {
border-bottom: 1px solid #F1F9FE;
}
.flist_cell_on {
border-bottom: 1px solid #C0C0C0;
}
.flist_cell .flist_border_wrap {
border: 1px solid #FFF;
}
.flist_cell:hover .flist_border_wrap {
background-color: #F1F9FE;
border: 1px solid #C0C0C0;
}
.flist_wrap {
border: 1px solid #FFF;
width: 143px;
height: 56px;
padding: 3px;
}
.flist_div {
margin-right: 3px;
float: left;
border: 1px solid #C0C0C0;
background-color: #FFF;
}
.flist_cell:hover .flist_div {
border: 1px solid #ADADAD;
}
.flist_image {
margin: 2px;
overflow: hidden;
height: 50px;
width: 50px;
}
.flist_name {
margin-left: 3px;
overflow: hidden;
float: left;
word-wrap: break-word;
width: 68px;
color: #000;
}
.flist_cell_on .flist_name {
color: #FFF;
}
.flist_cell em,
.flist_cell_on em,
.flist_cell:hover em {
background-color: #c3b2ed;
color: #000;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.flist_cell_on em {
background-color: #FFF;
color: #F00;
}
.flist_cell:hover em {
background-color: #C0C0C0;
}
.flist_empty {
background-color: #FFF;
color: #808080;
font-size: 12px;
text-align: center;
padding: 103px 0 90px 0;
margin: 10px 10px 12px 10px;
}
.flist_more {
padding: 10px;
text-align: center;
cursor: pointer;
}
.t_filter_area {
border-bottom: 1px solid #c3edb2;
padding: 10px;
background-color: #F7F7F7;
_padding-bottom: 18px;
}
*:first-child+html .t_filter_area {
padding-bottom: 18px;
}
.t_filter_selected {
float: left;
border-bottom: 1px solid #F7F7F7;
margin-right: 10px;
margin-bottom: 2px;
cursor: pointer;
}
.t_filter_selected .t_filter2 {
border: 1px solid #ccc;
}
.t_filter_off {
cursor: pointer;
padding: 4px 7px 5px;
color: #368E3A;
font-weight: bold;
float: left;
margin-right: 10px;
margin-bottom: -1px;
}
.t_filter_selected .t_filter3 {
border: 1px solid #396EA4;
padding: 2px 9px 1px;
background-color: #396EA4;
color: #F7F7F7;
font-weight: bold;
}
.t_filter_off {
cursor: pointer;
padding: 4px 7px 5px;
color: #111;
font-weight: bold;
float: left;
margin-right: 10px;
margin-bottom: -1px;
}
.flist_cell_on .flist_border_wrap {
border: 1px solid #111;
background: #395fa7;
opacity: 0.7;
filter: alpha(opacity=70);
}
.club-intive-mess {
background-color: #111;
display: none;
width: 360px;
height: 27px;
position: relative;
top: -33px;
text-align: center;
padding-top: 10px;
margin-bottom: -37px;
font-weight: bold;
color: #fff;
font-size: 12px;
}
.club-intive-mess-ajax {
background-color: #111;
display: none;
width: 470px;
height: 51px;
position: absolute;
bottom: 160px;
text-align: center;
padding-top: 26px;
font-weight: bold;
color: #fff;
font-size: 18px;
}
/** Ajax intive club [AM][end] **/[/code]