/* <general> */
.clear {
    clear: both;
}

strong, b {
    font-weight: bold;
}

.display_none {
    display: none;
}

.align_center {
    text-align: center;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
}


.outline_1px {
    outline: 1px solid #E1E1E1;
}

#wrapper {
    min-width: 1000px;
    font: 15px 'Roboto', Arial, Verdana, sans-serif;
    text-align: justify;
    background-color: #F7F7F7;
    color: #000000;
}

h1{
    font-size: 24px;
    font-weight: bold;
}

h2{
    font-size: 20px;
    font-weight: bold;
}

h3{
    font-size: 17px;
    font-weight: bold;
}

hr {
    border: none;
    border-bottom: 1px dashed #E1E1E1;
}

a {
    color: #631A97;
    text-decoration: none;
}

a:hover {
    color: #00007F;
}

.no_link {
  pointer-events: none;
}

.show_block {
    opacity: 0; 
    transition: 1s; 
    animation: show_block 1s 1; 
    animation-fill-mode: forwards; 
    animation-delay: 1s;
}
@keyframes show_block {0%{opacity:0;}100%{opacity:1;}}

/* <ul_li> */
ul.ul_none {
    list-style-position: inside;
    list-style-type: none;
	padding: 3px 0 3px 3px;
}

ul.ul_none li {
	padding: 1px 0;
}

ul.ul_disc {
    list-style-position: inside;
    list-style-type: disc;
	padding: 3px 0 3px 3px;
}

ul.ul_disc li {
	padding: 1px 0;
}

ul.ul_decimal {
    list-style-position: inside;
    list-style-type: decimal;
	padding: 3px 0 3px 3px;
}

ul.ul_decimal li {
	padding: 5px 0;
}

ul.ul_decimal_bold li {
    list-style-type: none; 
    counter-increment: item;
}

ul.ul_decimal_bold li:before {
    content: counter(item) ". "; 
    font-weight: bold;
}
/* </ul_li> */

/* Загрузка */
.loading {
    width: 64px;
    height: 64px;	
    display: inline-block;
    background: url("../images/loading.gif") no-repeat center center;
    background-size: cover; 
}

/* <buttons> */
.button_edit {
    display: block;
	width: 17px; 
	height: 17px; 
    margin: 2px;
	background: url("../images/buttons_edit.png") no-repeat top center; 
}

.button_edit:hover {
    background: url("../images/buttons_edit.png") no-repeat bottom center;
}

.button_rss {
    display: block;
	width: 17px; 
	height: 17px; 
    margin: 2px;
	background: url("../images/buttons_rss.png") no-repeat top center; 
}

.button_rss:hover {
    background: url("../images/buttons_rss.png") no-repeat bottom center;
}

.button_notify {
    display: block;
    cursor: pointer;
	width: 20px; 
	height: 17px; 
    margin: 2px;
	background: url("../images/buttons_notify.png") no-repeat top left; 
}

.button_notify:hover {
    background: url("../images/buttons_notify.png") no-repeat top right;
}

.button_notify_1 {
    display: block;
    cursor: pointer;
	width: 20px; 
	height: 17px; 
    margin: 2px;
	background: url("../images/buttons_notify.png") no-repeat bottom left; 
}

.button_notify_1:hover {
    background: url("../images/buttons_notify.png") no-repeat bottom right;
}

.button_fav {
    display: block;
    cursor: pointer;
	width: 19px; 
	height: 17px; 
    margin: 2px;
	background: url("../images/buttons_fav.png") no-repeat top left; 
}

.button_fav:hover {
    background: url("../images/buttons_fav.png") no-repeat top right; 
}

.button_fav_1 {
    display: block;
    cursor: pointer;
	width: 19px; 
	height: 17px; 
    margin: 2px;
	background: url("../images/buttons_fav.png") no-repeat bottom left; 
}

.button_fav_1:hover {
    background: url("../images/buttons_fav.png") no-repeat bottom right; 
}
/* </buttons> */

/* <player> */
.player_play {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent;
    display: block;
    cursor: pointer;
   	width: 50px; 
   	height: 50px; 
   	background: url("../images/player_sprite.png") no-repeat top left; 
}
        
.player_play:hover {
    background: url("../images/player_sprite.png") no-repeat top right;
}
        
.player_stop {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent;
    display: block;
    cursor: pointer;
   	width: 50px; 
   	height: 50px; 
   	background: url("../images/player_sprite.png") no-repeat bottom left; 
}
        
.player_stop:hover {
    background: url("../images/player_sprite.png") no-repeat bottom right;
}
/* </player> */

/* <Блок с информацией> */
.info_block {
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    padding: 5px;
    background: #E5E5E5;
    background: linear-gradient(to top, #F0F0F0, #E5E5E5);
    text-align: left; 
}

.info_block div {
    font-weight: bold;
    padding-bottom: 5px;
}

.info_block li {
    padding-bottom: 5px;
    list-style-position: inside;
    list-style-type: decimal;
}

.info_block_errors {
    background: #FFC0CB;
    background: linear-gradient(to top, #FFD2E0, #FFC0CB);
}

.info_block_ok {
    background: #EBF8A4;
    background: linear-gradient(to top, #F2FFAB, #EBF8A4);
}
/* </Блок с информацией> */
/* </general> */

/* <admin> */
.admin_cat {
    margin: 15px 0;
    padding: 5px 5px 3px 5px;
    border: 1px solid #E1E1E1;  
    border-radius: 5px; 
    background-color: #DCFFFF; 
    background: linear-gradient(to top, #DCFFFF, #E6FFFF)
}

.admin_cat_name {
    margin-bottom: 3px;
    padding-bottom: 3px;
    font-weight: bold;
    border-bottom: 1px dashed #E1E1E1;
}

.admin_cat_bottom {
    margin-top: 3px;
    padding-top: 3px;
    font-size: 12px;
    border-top: 1px dashed #E1E1E1;
}

/* </admin> */

/* <header> */
header {
    
}

#block_header {
    background: #369AE2;
    padding: 0 10px;
}

#block_header a {
    color: #FFFFFF;
}

#header_center {
    width: 980px;
    margin: 0 auto;
}

#header_logo {
    height: 50px;
    width: 200px;
    border: 0px solid #FFFFFF;
    font: 26px  Verdana, sans-serif;
    color: #FFFFFF;
    padding: 15px 0 0 0;
    float: left;
}

/* <header_form_search> */
#header_form_search {
    height: 53px;
    width: 665px;
    margin: 0 auto; 
    padding: 12px 0 0 0;
    float: left; 
    border: 0px solid #FFFFFF;  
}

#header_form_search .input {
	width: 555px;
    height: 40px;
    padding: 0 15px;
    line-height: 38px;
    border: 1px solid #65BFFF;
    border-right: none;
    border-radius: 20px 0 0 20px;
    color: #FFFFFF;
    margin: 0 0 0 10px;
    background: #369AE2;
    font-size: 15px;
}

#header_form_search .input::-webkit-input-placeholder {color: #FFFFFF;}
#header_form_search .input:-ms-input-placeholder {color: #FFFFFF;}
#header_form_search .input::-moz-placeholder {color: #FFFFFF; opacity: 1;}
#header_form_search .input:-moz-placeholder {color: #FFFFFF; opacity: 1;}

#header_form_search .input:focus { 

}
#header_form_search .input:focus::-webkit-input-placeholder {color: transparent}
#header_form_search .input:focus::-moz-placeholder          {color: transparent}
#header_form_search .input:focus:-moz-placeholder           {color: transparent}
#header_form_search .input:focus:-ms-input-placeholder      {color: transparent}

#header_form_search .button {
    width: 65px;
    height: 42px;
    border: 1px solid #65BFFF;
    border-left: none;
    border-radius: 0 20px 20px 0;
    background: #369AE2;
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
}

#header_form_search .button:hover {
    cursor: pointer;
    color: #F7F7F7;
}
/* </header_form_search> */

#header_menu {
    height: 50px;
    width: 85px;
    padding: 12px 0 0 0;
    float: right;
    position: relative;
}

/* <menu> */
.button_menu {
    display: block;
	width: 38px; 
	height: 38px;
    float: right;
    border: 1px solid #65BFFF;
    border-radius: 50%;
	background: url("../images/button_menu.png") no-repeat center center #56AAE5; 
    transition: 0.1s linear;
}

.button_menu:hover {
    background: url("../images/button_menu.png") no-repeat center center #4CA5E5; 
}

.button_menu_fav {
    display: block;
	width: 38px; 
	height: 38px;
    float: right;
    margin-right: 5px;
    border: 1px solid #65BFFF;
    border-radius: 50%;
	background: url("../images/button_menu_fav.png") no-repeat center center #56AAE5; 
    transition: 0.1s linear;
}

.button_menu_fav:hover {
    background: url("../images/button_menu_fav.png") no-repeat center center #4CA5E5; 
}

#div_button_menu {
    position: relative;
}

#div_menu_hide { 
    position: absolute;
    z-index: 10;
    top: 37px; /* Положение от нижнего края */
    right: 30px; /* Положение от правого края */
    width: 200px;
}

#div_menu_hide .ul_menu { 
    border: 1px solid #E1E1E1;
    border-bottom: none;
}

#div_menu_hide .ul_menu li a { 
    display: block;
	padding: 10px;
    cursor: pointer;	
    border-bottom: 1px solid #E1E1E1;
	font-size: 15px; 
    background: #FCFCFC;
    color: #000000;
}

#div_menu_hide .ul_menu li a strong {
    font-weight: normal;
}

#div_menu_hide .ul_menu li a:hover { 
	background: #369AE2; 
    color: #FFFFFF;
}
/* </menu> */
/* </header> */

/* <top_menu> */
.top_menu {
    width: 540px; 
    margin: 5px auto;
    padding-left: 1px;
}

.top_menu a {
    display: inline-block;
    border-bottom: 2px solid #F2F2F2;
    padding: 3px 10px; 
    margin: 0 3px 0 0;
    font-size: 15px; 
}

.top_menu a:hover {;
    border-bottom: 2px solid #369AE2; 
}

.top_menu a.active {
    border-bottom: 2px solid #369AE2;
}
/* </top_menu> */

/* <menu_sort> */
.menu_sort {
    width: 310px; 
    margin: 5px auto;
    font-size: 13px;
}

.menu_sort a {
    display: inline-block;
    border: 1px solid #E1E1E1;
    border-radius: 15px; 
    padding: 5px 10px 5px 10px;
    margin: 0 0 0 12px;
	background: #EBF5FF;
    color: #333333;
}

.menu_sort a:hover {;
    border: 1px solid #369AE2;
    background: #369AE2;
    color: #FFFFFF; 
}

.menu_sort a.active {
    border: 1px solid #369AE2;
    background: #369AE2;
    color: #FFFFFF;
}

.menu_sort strong {
    font-weight: normal;          
}
/* </menu_sort> */

/* <block_content> */
#content_wrapper {
    width: 980px;
    margin: 10px auto; 
    padding: 0 10px;
}

#content {
    
}

/* <content> */
#content h1 {
    max-width: 500px;
    margin: 0 auto 5px auto;
    text-align: center;
}

#content p {
	margin-top: 10px;
    text-indent: 0px;
}
/* </content> */

.content_block {
    background-color: #FFFFFF; 
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    box-shadow: 0.1em 0.1em 3px #E5E5E5;
    margin: 3px 0; 
    padding: 6px 10px;
}

#inf h2 {
    width: 500px;
    margin: 20px auto;
    text-align: center;
}

.text_bottom {
    text-indent: 0px;
}

/* <content_body> */
/* <mat> */
/* <menu_sort> */
.menu_sort {
    width: 312px;
    margin: 5px auto;
    text-align: center;           
}

.menu_sort strong {
    font-weight: normal;          
}

.menu_sort ul li {
    float: left; 
}

.menu_sort_activ { 
    border: 1px solid #369AE2;
    background: #369AE2;
    border-radius: 15px;
    display: block; 
    padding: 5px 13px 5px 13px;
    margin: 0 5px;
    color: #FFFFFF;
    transition: 0.1s linear;
}

.menu_sort_activ:hover {
    border: 1px solid #369AE2;
    background: #369AE2;
    text-decoration: none;
    color: #FFFFFF;
}

.menu_sort_no_activ { 
    border: 1px solid #E1E1E1;
    border-radius: 15px;
    display: block; 
    padding: 5px 13px 5px 13px;
    margin: 0 5px;
	background: #EBF5FF;
    color: #333333;
    transition: 0.1s linear;
}

.menu_sort_no_activ:hover {
    border: 1px solid #369AE2;
    background: #369AE2;
    text-decoration: none;
    color: #FFFFFF;
}
/* </menu_sort> */

/* <menu_cat> */
.menu_cat { 
    width: 100%;
    display: block; 
    text-align: center;
}

.menu_cat:hover {
    text-decoration: none;
}
/* </menu_cat> */

/* <menu_mat_download> */
.mat_download_mp3 { 
    width: 285px;
    margin: 15px auto;
    border: 1px solid #87B941;
    background: #87B941;
    border-radius: 15px;
    display: block; 
    padding: 7px 10px 7px 10px;
    text-align: center;
    color: #FFFFFF;
    transition: 0.1s linear;
}

.mat_download_mp3:hover {
    border: 1px solid #7DAF37;
    background: #7DAF37;
    color: #FFFFFF;
    text-decoration: none;
}

.mat_download_m4r { 
    width: 285px;
    margin: 15px auto;
    border: 1px solid #F57864;
    background: #F57864;
    border-radius: 15px;
    display: block; 
    padding: 7px 10px 7px 10px;
    text-align: center;
    color: #FFFFFF;
    transition: 0.1s linear;
}

.mat_download_m4r:hover {
    border: 1px solid #EB6E5A;
    background: #EB6E5A;
    color: #FFFFFF;
    text-decoration: none;
}
/* </menu_mat_download> */

.mat {
    
}

.mat_div_player {
    width: 50px; 
	float: left; 
	margin: 5px 0;       
}

.mat_desc_top_player {
    padding-top: 2px;
    min-height: 32px;
    text-align: left;
}

.icon_download {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/sprite_button.png") no-repeat 0px 0px;
}

.icon_like {
    display: inline-block;
    width: 14px;
    height: 10px;
    background: url("../images/sprite_button.png") no-repeat -10px 0px;
}

.icon_size {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/sprite_button.png") no-repeat -24px 0px;
}

.icon_txt {
    display: inline-block;
    height: 13px;
    line-height: 13px;
    vertical-align: top;        
}

.mat_desc {
    margin: 0 0 0 60px;
}

.mat_desc_top {
    padding-top: 2px;
    min-height: 16px;
    text-align: left;
}

.mat_desc_center { 
    padding: 3px 0;         
}

#content p.mat_desc_center {
    text-indent: 0;
	margin-top: 0;
}

.mat_desc_bottom {
    min-height: 15px;
    font-size: 12px; 
    border-top: 1px dashed #E1E1E1;
    border-bottom: 1px dashed #E1E1E1;
    padding: 3px 0 0 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: none;
    color: #5E5E5E;         
}

.mat_desc_bottom ul li {
    float: left; 
	background: url("../images/mat_li_bg.png") no-repeat right 2px top 1px; 
	margin: 2px 0; 
	padding: 0 8px 0 3px;
}

.mat_desc_bottom ul li.last {
	padding-right: 0;
	background: none;
}

.mat_all_desc_bottom {
    min-height: 15px;
    border-top: 1px dashed #E1E1E1;
    border-bottom: 1px dashed #E1E1E1;
    text-align: left;
    font-size: 11px;           
}

.mat_all_desc_bottom  div.cats {
    min-height: 15px;
    border-bottom: 1px dashed #E1E1E1;
    text-align: left;
	padding: 1px 2px;
    line-height: 1.6;
}

.mat_all_desc_bottom ul li {
    float: left; 
	background: url("../images/mat_li_bg.png") no-repeat right 2px center; 
	margin: 3px 0; 
	padding: 0 8px 0 3px;
}

.mat_all_desc_bottom ul li.last {
	padding-right: 0;
	background: none;
}

.mat_all_message {
    padding: 5px;
    text-align: center;
}

.mat_all_dopmat {
    text-align: center; 
    font: bold 14px Arial, Verdana, sans-serif; 
    margin: 15px 0;
}

/* <mat_all_num> */
.mat_all_num {
    text-align: center;
    font-size: 13px;
    margin: 10px 0;
}

.mat_all_num a { 
    border-radius: 10px;
    display: inline-block; 
    padding: 8px 4px 9px 4px;
    min-width: 26px;
    height: 16px;
    margin: 3px;
	background-color: #F5F5F5;
    border: 1px solid #D8D8D8;
    transition: 0.1s linear;
}

.mat_all_num a:hover {
    background-color: #EBEBEB; 
    box-shadow: 0px 0px 10px -5px #000000;
    text-decoration: none;
}

.mat_all_num b { 
    background-color: #EBEBEB; 
    box-shadow: 0px 0px 10px -5px #000000;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    display: inline-block; 
    padding: 8px 4px 9px 4px;
    min-width: 26px;
    height: 16px;
    margin: 3px;
    font-weight: normal;
}
/* </mat_all_num> */

.mat_all_author_site {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 15px 0;
}

.mat_all_images {
    text-align: center;
}

.mat_all_images img {
    border: 3px double #E1E1E1;
	border-radius: 5px;
	margin-top: 4px;
}
/* </mat> */

/* <mat_rating_stars> */
.rating_stars {width: 150px; margin: 15px auto; height: 30px; position: relative; background: url('/images/rating_star.png') top left repeat-x;}
.rating_stars li{float: left;}
.rating_stars li a {display: block; width: 30px; height: 30px; line-height: 30px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; overflow: hidden;}
.rating_stars li a:hover {background: url('/images/rating_star.png') left center; z-index: 2; left: 0px; border: none;}
.rating_stars a.r_stars_1 {left: 0px;}
.rating_stars a.r_stars_1:hover {width: 30px;}
.rating_stars a.r_stars_2 {left: 30px;}
.rating_stars a.r_stars_2:hover {width: 60px;}
.rating_stars a.r_stars_3 {left: 60px;}
.rating_stars a.r_stars_3:hover {width: 90px;}
.rating_stars a.r_stars_4 {left: 90px;}
.rating_stars a.r_stars_4:hover {width: 120px;}
.rating_stars a.r_stars_5 {left: 120px;}
.rating_stars a.r_stars_5:hover {width: 150px;}
.rating_stars li.r_stars_current {top:0 !important; left:0 !important; background: url('/images/rating_star.png') left bottom; position: absolute; height: 30px !important; line-height: 30px !important; display: block; text-indent: -9000px; z-index: 1;}
/* </mat_rating_stars> */

/* <mat_rating_like> */
#mat_rating_block {
    color: #888888;
    text-align: right;
    font-size: 20px;
    line-height: 50px;
    padding: 5px 0 5px 50px;
    width: 250px;
    margin: 5px auto 0 auto;
}

.mat_rating {
    color: #5E5E5E;
    cursor: help;
    padding: 3px 5px;
    border: 1px solid #E1E1E1;  
    border-radius: 5px; 
    background-color: #CCFFFF; 
    background: linear-gradient(to top, #C5F8F8, #EBFFFF);
}

.mat_buttons_rating {
    height: 50px;
    width: 80px;
    padding: 0 20px 0 10px;
    float: right;
}

.mat_button_like {
    display: block;
	width: 36px; 
	height: 50px; 
    float: left;
	background: url("../images/buttons_like.png") no-repeat top left; 
    cursor: pointer;
}

.mat_button_like:hover {
	background: url("../images/buttons_like.png") no-repeat bottom left; 
}

.mat_button_dislike {
    display: block;
	width: 36px; 
	height: 50px; 
    float: right;
	background: url("../images/buttons_like.png") no-repeat top right;
    cursor: pointer;
}

.mat_button_dislike:hover {
	background: url("../images/buttons_like.png") no-repeat bottom right; 
}
/* </mat_rating_like> */

/* <categories> */
.categories {
    padding: 0 2px;
}

.category {
    text-align: left;
	width: 50%;
	float: left;
    padding: 3px 0;
}

.category_name {
    padding: 0 0 0 20px; 
    background: url("../images/menu_rington.gif") no-repeat left center;
}

.category_n {
    font-size: 12px;
    color: #AC8298; 	
}
/* </categories> */

/* <nav_page> */
.nav_page {
    text-align: center;
    font-size: 14px;
}

.nav_page a { 
    border: 1px solid #E1E1E1;
    border-radius: 17px;
    display: inline-block; 
    padding: 8px 3px 8px 3px;
    min-width: 26px;
    height: 16px;
    margin: 0 3px;
	background: #EBF5FF;
    color: #333333;
    transition: 0.1s linear;
}

.nav_page a:hover {
    border: 1px solid #369AE2;
    background: #369AE2;
    text-decoration: none;
    color: #FFFFFF;
}

.nav_page b { 
    border: 1px solid #369AE2;
    background: #369AE2;
    border-radius: 17px;
    display: inline-block; 
    padding: 8px 3px 8px 3px;
    min-width: 26px;
    height: 16px;
    margin: 0 3px;
    font-weight: normal;
    color: #FFFFFF;
}

.nav_page1 {
    text-align: left;
	width: 50%;
	float: left;
}

.nav_page2 {
    text-align: right;
	width: 50%;
	float: left;
}
/* </nav_page> */
/* </content_body> */

/* <comments> */
#comments {
    padding: 6px; 
    border: 1px solid #E1E1E1;
    border-radius: 5px; 
    background-color: #CCFFFF;
}

#comments .com_all{
    text-align: center; 
    color: #373737; 
    font-size: 17px;
    padding: 10px 0;
}

#comments .com_login {
    margin: 5px 5px 5px 47px;
    color: #373737;
}

#comments .div_textarea{
    margin: 5px 12px 5px 47px;
}

#comments textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    overflow: auto;
}

#comments .form_com_text {
	height: 70px;
}

#comments .div_textarea_quote {
    margin: 0 12px 5px 47px;
}

#comments .form_com_text_quote {
	height: 50px;
    background: #FDFDFD;
    border: 1px solid #DDDDDD;
    border-radius: 0 0 5px 5px;
    background-color: #FDFDFD;  
}

#comments .form_com_text_quote_title {
    margin: 0 0 0 47px;
    background-color: #DDDDDD;  
    padding: 2px 10px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

#comments textarea:focus { 
    border: 1px solid #C3C3C3;
}

#comments .div_button {
    text-align: right;
}

#comments .button {
    margin: 2px 0 2px 7px;
    padding: 5px 15px;
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    background: #EAEAE9;
    background: linear-gradient(to top, #EAEAE9, #FEFEFE);
    color: #000000;
}

#comments .button:hover {
    cursor: pointer;
    border: 1px solid #B3B3B3;
    background: #EAEAE9;
    background: linear-gradient(to top, #EAEAE9, #F5F5F5);
}

#comments .com_info {
    margin: 10px 2px;
    padding: 10px 2px;
    border: 1px solid #E1E1E1;  
    border-radius: 5px; 
    text-align: center;
    background-color: #F5F5F5; 
    background: linear-gradient(to top, #C4F7F7, #C9FCFC);
}

#comments .com_avatar {
    width: 36px;
    height: 36px;
    float: left;
    border: 3px double #E1E1E1;
    background-color: #FFFFFF;
    border-radius: 5px;
    background: url("../images/noavatar.png") no-repeat center center;
    text-align: center;		
}

#comments .com_avatar_img {
    width: 36px;
    height: 36px;
    border-radius: 2px;	
    display: block;
    cursor: pointer;
    background-size: cover; 
}

#comments .comment {
    margin: 20px 0;
    padding: 5px 5px 3px 5px;
    border: 1px solid #E1E1E1;  
    border-radius: 5px; 
    background-color: #F5F5F5; 
    background: linear-gradient(to top, #C4F7F7, #C9FCFC);
}

#comments .com_message {
    margin: 0 0 0 47px;
}

#comments .com_text_quote {
    border: 1px solid #DDDDDD;
    border-radius: 0 0 5px 5px;
    background-color: #FDFDFD;  
    padding: 10px;
    margin: 0 0 10px 0;
}

#comments .com_text_quote_title {
    background-color: #DDDDDD; 
    border-radius: 5px 5px 0 0; 
    padding: 2px 10px;
    font-weight: bold;
}

#comments .com_user_name {
    padding: 0 0 5px 0;
    color: #5E5E5E;
    text-align: left;
}

#comments .com_user_name_top {
    padding: 0 0 5px 0;
    color: #5E5E5E;
    text-align: left;
}

#comments .com_user_name_top a {
    color: #5E5E5E;
    text-decoration: underline;
}

#comments .com_user_name_top a:hover {
    color: #373737;
}

#comments .com_bottom {
    color: #888888;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0 0 0;
}

#comments .com_bottom a {
    color: #888888;
}

#comments .com_bottom a:hover {
    color: #373737;
}

#comments .com_rating {
    color: #5E5E5E;
    cursor: pointer;
}

#comments .com_buttons_rating {
    height: 18px;
    width: 30px;
    padding-left: 6px;
    float: right;
}

#comments .com_button_like {
    display: block;
	width: 13px; 
	height: 18px; 
    float: left;
	background: url("../images/buttons_like_small.png") no-repeat top left; 
    cursor: pointer;
}

#comments .com_button_like:hover {
	background: url("../images/buttons_like_small.png") no-repeat bottom left; 
}

#comments .com_button_dislike {
    display: block;
	width: 13px; 
	height: 18px; 
    float: right;
	background: url("../images/buttons_like_small.png") no-repeat top right;
    cursor: pointer;
}

#comments .com_button_dislike:hover {
	background: url("../images/buttons_like_small.png") no-repeat bottom right; 
}
/* </comments> */

/* <form_search_sidebar> */
#form_search_sidebar {
    width: 950px;
    margin: 5px auto;    
}

#form_search_sidebar .input {
	width: 870px;
    height: 25px;
    padding: 0 5px;
    line-height: 23px;
    border: 1px solid #369AE2;
    border-radius: 5px 0 0 5px;
    color: #000000;
    margin: 0 0 0 5px;
}

#form_search_sidebar .input:focus { 
    background: #F7F7F7;
}
#form_search_sidebar .input:focus::-webkit-input-placeholder {color: transparent}
#form_search_sidebar .input:focus::-moz-placeholder          {color: transparent}
#form_search_sidebar .input:focus:-moz-placeholder           {color: transparent}
#form_search_sidebar .input:focus:-ms-input-placeholder      {color: transparent}

#form_search_sidebar .button {
    width: 58px;
    height: 27px;
    border: 1px solid #369AE2;
    border-radius: 0 5px 5px 0;
    background: #369AE2;
    color: #FFFFFF;
}

#form_search_sidebar .button:hover {
    cursor: pointer;
    color: #F7F7F7;
}
/* </form_search_sidebar> */

/* <form> */
#form {
    padding: 5px;
    margin: 0 auto;
    text-align: left;
}

#form fieldset {
    padding: 0 22px 10px 10px;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
}

#form .question {
    font-weight: bold;
    margin: 10px 0 5px 0;
}

#form textarea {
	width: 100%;
	height: 250px;
    padding: 5px;
}

#form .input {
	width: 100%;
    height: 27px;
    line-height: 27px;
    padding: 0 5px 0 5px;
}

#form .input_datetime {
    height: 27px;
    padding: 0 5px 0 5px;
    width: 200px;
	font-size: 15px;
}

#form .div_checkbox {
    padding: 10px 0 5px 0;
}

#form .div_block_radio_checkbox {
    overflow: auto;
    width: 100%;
    height: 250px; 
    padding: 0px 10px 0px 5px; 
}

#form select {
    width: 100%;
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 3px;
}

#form .button {
    margin: 10px 5px 0 5px;
    padding: 5px 15px;
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    background: #EAEAE9;
    background: linear-gradient(to top, #EAEAE9, #FEFEFE);
    color: #000000;
}

#form .button:hover {
    cursor: pointer;
    border: 1px solid #B3B3B3;
    background: #EAEAE9;
    background: linear-gradient(to top, #EAEAE9, #F5F5F5);
}

#form .imageButton {
	width: 224px;
	height: 65px;
    margin: 1px 5px 0 0;
}

#form .imageButton:hover {
    margin: 0 5px 1px 0;
}

#form .input, #form .input_datetime, #form textarea, #form select, #form .div_block_radio_checkbox { 
    border: 1px solid #E1E1E1;
    border-radius: 3px;
}

#form .input:focus, #form .input_datetime:focus, #form textarea:focus, #form  select:focus, #form .div_block_radio_checkbox:focus { 
    border: 1px solid #C3C3C3;
}

#form label {
    cursor: pointer;
}

#form .small_centre {
	font-size: 11px;
    text-align: center;
}
/* </form> */
/* </block_content> */
/* </middle> */

/* <footer> */
#share {
    height: 28px;
    margin: 0 220px;
    text-align: center;
}

#share_mat {
    height: 28px;
    margin: 15px 0 15px 0;
    text-align: center;
}

footer {
    height: 23px;
    min-width: 980px;
    padding: 5px 10px 5px 10px;
    margin: 8px 0 2px 0;
    overflow: hidden;
    border-top: 1px dashed #CCCCCC;
    border-bottom: 1px dashed #CCCCCC;
}

#footer_left {
    width: 200px;
    float: left;
    text-align: center; 
    padding-top: 5px;  
}

#footer_right {
    width: 200px;
    float: right;
    text-align: center; 
    padding-top: 5px; 
}

#footer_center {
    margin: 0 210px 0 210px;
    text-align: center;   
}
/* </footer> */