/* *********************************************************************** */
/* **************************** COMMON STYLES **************************** */
/* *********************************************************************** */
html, body {
  margin: 0px;
  padding: 0px;
  width:100%;
  height:100%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  }
body {
/** background: #fff; **/
/** background: #000 url(http://media.funradio.fr/funradio/portal/skin/home/timbaland/skin.jpg) no-repeat 50% 0; **/

  background: #667FA1 url('../images/publicite.png') no-repeat 50% 0;  
  }


/** body#index {
background: #000 url(http://media.funradio.fr/funradio/portal/skin/home/timbaland/skin.jpg) no-repeat 50% 0;
 background: #5D7494 url('../images/publicite.png') no-repeat 50% 0;
} **/

.fondblanc_apropos, .fondblanc_aide, .fondblanc_publicite, .fondblanc_professionnel, .fondblanc_conditions, .fondblanc_signin {
 background: url(../images/white_transp_bg.png) left top;
 -background: none;
 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/white_transp_bg.png", sizingMethod="scale");
}



.fondblanc_conditions {
 height: 2000px;
}

.fondblanc_aide, .fondblanc_publicite, .fondblanc_apropos {
 height: 600px;
}
.fondblanc_professionnel {
 height: 900px;
}
.fondblanc_signin {
 height: 500px;
}



.fondhaut {
 background-image:url('../images/fondhaut.png');
 background-repeat:repeat-x;
 height:300px;	
 color:#ffffff;
}

.fondhaut h2, .fondhaut p {
 color:#ffffff;
}

a.fondhaut:link, a.fondhaut:visited, a.fondhaut:active {color:#ffffff; text-decoration: none;}
a.fondhaut:hover {color:#000099; text-decoration: underline;}


.fondmilieu {
 background-image:url('../images/fondmilieu.png');
 background-repeat:repeat-x;
 height:40px;
 padding:10px;
}


p, h1, h2, h3, ul, ol, li {
  font-weight: normal;
  color: #000000;
  }
h1, h2, h3 {
  margin: 10px 0px 5px 0px;
  padding: 0px;
  font-weight: bold;
  }
body#index .left h2, body#index .right h2 {
  margin: 0px 0px 5px 0px;
  }
body#index .left_bottom h2 {
  margin: 5px 0px 5px 0px;
  }
h1 {
	font-size:16px;
	}
h2 {
	font-size:14px;
	}
h3 {
   font-size:12px;
   }
h1.no_margin {
   margin: 0px 0px 0px 0px;
   }
h1.big_margin_bottom {
   margin: 0px 0px 20px 0px;
   }
h2.no_margin {
   margin: 0px 0px 0px 0px;
   }
h2.in_center {
   text-align: center;
   }
h2.big_margin_bottom {
   margin: 10px 0px 20px 0px;
   }
h3.no_margin {
   margin: 0px 0px 0px 0px;
   }
h3.big_margin_bottom {
   margin: 0px 0px 20px 0px;
   }
h3.big_margin_top {
   margin: 20px 0px 0px 0px;
   text-align: left;
   }
.content h2.form{
   font-size: 14px;
   font-weight: normal;
   }
.content p {
  margin: 0px 0px 10px 0px; 
  }
p.no_margin {
   margin: 0px 0px 2px 0px;
   }
p.big_margin_bottom {
   margin: 0px 0px 20px 0px;
   }
p.margin_bottom {
   margin: 3px 0px 10px 0px;
   }
p.margin_top {
   margin: 10px 0px 0px 0px;
   }
p.margin_top_big {
   margin: 20px 0px 0px 0px;
   }
ul.black {
   list-style: none;
   margin-left: 10px;
   position: relative;
   margin: 0px 0px 10px 10px;
   padding: 0px;
   }
ul.black li { 
   color: #000000;
   padding: 0px 0px 0px 8px;
   background: url(../images/li_bullets_black.gif) no-repeat 0px 6px;
   }
ul.blue {
   list-style: none;
   margin-left: 10px;
   position: relative;
   margin: 0px 0px 10px 10px;
   padding: 0px;
   }
ul.blue li { 
   color: #0033ff;
   padding: 0px 0px 0px 8px;
   background: url(../images/li_bullets_blue.gif) no-repeat 0px 6px;
   }
/* ****************** links *************************************** */
a:link, a:visited, a:active {color:#000099; text-decoration: none;}
a:hover {color:#000099; text-decoration: underline;}

/* **************************** menu links ********************** */
a.menu:link,  a.menu:active,  a.menu:visited
 {text-decoration: none; color: #0033ff;}
 a.menu:hover
 {text-decoration: underline;}
 
a.a_black:link,  a.a_black:active,  a.a_black:visited
 {text-decoration: none; color: #000000}
 a.a_black:hover
 {text-decoration: underline;}
 
a.turquoise:link,  a.turquoise:active,  a.turquoise:visited
 {text-decoration: none; color: #005A84}
a.turquoise:hover
 {text-decoration: underline;}
 
img {
  border: none;
  margin: 0;
  padding: 0;
  }
.clear {
  clear: both;
  }
span.u {
   color: #005A84;
   font-weight: normal;
   }
/* ************************ forms, inputs ************************************************************ */
form {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  }
form.standart {
  width: 380px;
  margin: 0px auto;
  }
form.find {
  width: 250px;
  margin: 10px 0px 0px 0px;
  padding-left: 250px;
  }
input {
   border: 1px solid #8aa2ff;
   font-size: 12px;
   height: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px;
   }
input.browse {
  height: auto;
  font-size: 12px;
  -height: 18px;
   }
input.find {
  border: 1px solid #8aa2ff;
  width: 107px;
  background: url(../images/find_bg.gif) no-repeat left top;
  padding: 1px 0px 1px 20px;
  }
input.text {
  width: 236px;
  }
input.text_medium {
  width: 180px;
  }
input.iframe_pass {
  width: 197px;
  }
input.text_for_230 {
  width: 208px;
  margin-bottom: 10px;
  }
input.text_short {
  width: 110px;
  margin: 0px;
  padding: 0px;
  }
input.ok {
  background: url(../images/ok_button.gif) no-repeat left top;
  width: 34px;
  height: 20px;
  border: 0px;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  display: inline;
  }
input.checkbox {
  border: none;
  margin: 0px 5px 0px 0px;
  -margin: 0px 3px 0px 0px;
  padding: 0px;
  vertical-align: middle;
  }
textarea.to_chat_message {
  display: block;
  border: none;
  width: 384px;
  height: 68px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: none;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
  resize: none;
  } 
/** buttons **/
.button_padd_left {
  margin: 15px 0px 0px 50px;
  }
.long_button_in_center {
 width: 117px;
 margin: 50px auto; 
 }
.short_button_in_center {
 width: 80px;
 margin: 20px auto; 
 }
input.short_button {
  background: url(../images/short_button.png) no-repeat left top;
  margin-bottom: 5px;
  width: 80px;
  height: 33px;
  border: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  -background: none;
  -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/short_button.png", sizingMethod="scale");
  }
input.long_button {
  background: url(../images/long_button.png) no-repeat left top;
  width: 117px;
  height: 33px;
  border: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  -background: none;
  -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/long_button.png");
  }
input.long_button_red {
  background: url(../images/long_button_red.png) no-repeat left top;
  width: 117px;
  height: 33px;
  border: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  -background: none;
  -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/long_button_red.png");
  }
/** for standart form: 380px width, some fields and the button **/
.form_row {
  width: 380px;
  }
.form_row_left {
  width: 121px;
  float: left;
  text-align: right;
  padding: 5px 3px 0px 0px;
  } 
.form_row_right {
  width: 256px;
  float: left;
  padding: 2px 0px 2px 0px;
  }
.form_row_button {
  width: 256px;
  float: left;
  padding: 10px 0px 2px 122px;
  }
.form_row_button p {
  font-size: 10px;
  }  
.form_row img {
 border: 1px solid #444444;
 margin: 0px;
 padding: 0px;
 text-align: left;
  }
.form_row a {
  vertical-align: bottom;
  margin-left: 3px;
  }
/** frame with shadow for ava's (small images)  **/
img.ava {
  background: url(../images/frame_for_ava.png) no-repeat left top;
  width: 65px;
  height: 65px;
  padding: 7px 8px 8px 7px;
  -background: none;
  -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/frame_for_ava.png", sizingMethod="scale"); 
  }
img.small_ava {
  background: url(../images/frame_for_ava_small.png) no-repeat left top;
  width: 52px;
  height: 52px;
  padding: 7px 8px 8px 7px;
  -background: none;
  -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/frame_for_ava_small.png", sizingMethod="scale"); 
  }
div.u_opacity, div.u_opacity_index {
  position: absolute;
  width: 65px;
  height: 65px;
  top: 7px;
  left: 7px;
  /*background: url(../images/u_opacity.png) left top; 
  -background: none;
  -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/u_opacity.png", sizingMethod="scale");*/
  -left: -73px;
	cursor: pointer;
  }
div.u_opacity_index {
  left: 32px;
  }
/** U blocks **/
.u_block_vertical {
  width: 125px;
  padding: 0px 0px 0px 25px;
  float: left;
	position: relative;
  }
.u_block_vertical h3 {
   color: #0033ff;
   margin: 20px 0px 0px 0px;
   }
div.for_stars { 
   margin: 0px 0px 2px 0px;
   padding: 0px 0px 0px 0px;
   float: left;
   width: 100px;
   height: 17px;
   background: red;
   }
div.star_select,
div.star_100,
div.star_50,
div.star_0 { 
   margin: 0px;
   padding: 0px 2px 0px 0px;
   float: left;
   width: 17px;
   height: 15px;
   }
div.star_select { 
   background: url(../images/star_select.png) no-repeat left top;
   -background: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/star_select.png", sizingMethod="crop"); 
   }
div.star_100 { 
   background: url(../images/star_100.png) no-repeat left top;
   -background: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/star_100.png", sizingMethod="crop"); 
   }
div.star_50 { 
   background: url(../images/star_50.png) no-repeat left top;
   -background: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/star_50.png", sizingMethod="crop"); 
   }   
div.star_0 { 
   background: url(../images/star_0.png) no-repeat left top;
   -background: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/star_0.png", sizingMethod="crop"); 
   }   
dl.u_block_horizontal {
  width: 210px;
  float: left;
  padding: 0px 10px 10px 10px;
 -padding: 3px 15px 0px 10px;
  margin: 0px 0px 0px 0px;
 -margin: 0px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  }
.u_block_horizontal dd {
  margin: 0px 0px 0px 85px;
  }
dd.dd_for_stars {
  height: 17px;
  }
.u_block_horizontal dt {
  float: right;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 0px;
  width: 125px;
  color: #0033ff;
  font-weight: bold;
  }
.u_block_horizontal dd.img img {
  float: left;
  margin: 0px 0px 0px 0px;
  }
.u_block_horizontal dd.img {
  margin: 0px;
	position: relative;
  }
dl.u_block_horizontal_short {
  width: 180px;
  float: left;
  padding: 0px 0px 10px 0px;
  font-family: Arial, Helvetica, sans-serif;
  }
.u_block_horizontal_short dd {
  margin: 0px 0px 0px 85px;
  }
.u_block_horizontal_short dt {
  float: right;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 0px;
  width: 95px;
  color: #0033ff;
  font-weight: bold;
  }
.u_block_horizontal_short dt.black {
  color: #000000;
  }
.u_block_horizontal_short dd.img img {
  float: left;
  margin: 0px 0px 0px 0px;
  }
.u_block_horizontal_short dd.img {
  margin: 0px;
	position: relative;
  }
/* password div */
.private_chat_page {
  border: 1px solid #bfcbff;
  background: #ffffff;
  width: 398px;
  height: 160px;
  float: left;
  overflow: hidden;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin: -80px 0px 0px -199px;
  }
.private_chat_page_iframe {
  border: none;
  width: 237px;
  margin: 70px 0px 0px 0px;
  padding: 0px;
  }
div.header_chat {
 background: #fff4fc;
 font-size: 14px;
 border-bottom: 1px solid #bfcbff;
 padding: 4px 9px 4px 9px;
 margin: 0px;
 width: 100%;
 float: left;
 }
h2.chat_h2 {
  padding: 0px;
  margin: 0px;
  float: left;
  font-style: normal;
  }
div.header_chat p
 {
  padding: 0px;
  margin: 0px 17px 0px 0px;
  -margin: 0px 9px 0px 0px;
  float: right;
  height: 20px;
  }
/* end password div */
.italic {
  font-style: italic;
  }
/** background and transparent for blocks (for blocks adn h2) **/ 
.var1_right,
.var1_left,
.var2_left,
.var2_right,
.var3_left,
.var3_right,
.varf_right,
.var4_one,
.var4_two,
.var4_three,
.live_applications,
.online,
.var4_six,
.var4_seven,
.var5_one,
.var5_two,
.var5_three,
.var5_four,
.var5_five,
.var5_six,
.var6_left,
.var6_middle,
.var6_right,
.var2_left_transp,
.var2_right_transp,
.varf_right_transp,
.var4_one_transp,
.var4_two_transp,
.var4_three_transp,
.live_applications_transp,
.online_transp,
.var4_six_transp,
.var4_seven_transp,
.var5_one_transp,
.var5_two_transp,
.var5_three_transp,
.var5_four_transp,
.var5_five_transp,
.var5_six_transp,
.var6_left_transp,
.var6_middle_transp,
.var6_right_transp {
 background: url(../images/white_transp_bg.png) left top;
 -background: none;
 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/white_transp_bg.png", sizingMethod="scale");
 }
h2.pink_bg, div.h2_pink_bg {
 background: #fff4fc;
 font-size: 14px;
 border-bottom: 1px solid #bfcbff;
 padding: 4px 9px 4px 9px;
 margin: 0px;
 width: 100%;
 float: left;
 }
h2.blue_bg, div.h2_blue_bg {
 background: #F4FCFF;
 font-size: 14px;
 border-bottom: 1px solid #bfcbff;
 padding: 4px 9px 4px 9px;
 margin: 0px;
 width: 100%;
 float: left;
 }
div.h2_green_bg p.inscription,
div.h2_green_bg_transp p.inscription,
div.h2_blue_bg p.inscription,
div.h2_blue_bg_transp p.inscription,
div.h2_pink_bg p.inscription,
div.h2_pink_bg_transp p.inscription {
  font-size: 10px;
  padding-top: 3px; 
  }
h2.green_bg, div.h2_green_bg {
 background: #f4fcf4;
 font-size: 14px;
 border-bottom: 1px solid #bfcbff;
 padding: 4px 9px 4px 9px;
 margin: 0px;
 width: 100%;
 float: left;
 }
h2.blue_bg_transp, div.h2_blue_bg_transp {
 font-size: 14px;
 border-bottom: 1px solid #bfcbff;
 padding: 4px 9px 4px 9px;
 margin: 0px;
 width: 100%;
 float: left;
 background: url(../images/blue_transp_bg.png);
 -background: none;
 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/blue_transp_bg.png", sizingMethod="scale");
 }
h2.pink_bg_transp, div.h2_pink_bg_transp {
 font-size: 14px;
 border-bottom: 1px solid #bfcbff;
 padding: 4px 9px 4px 9px;
 margin: 0px;
 width: 100%;
 float: left;
 background: url(../images/pink_transp_bg.png);
 -background: none;
 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pink_transp_bg.png", sizingMethod="scale");
 }
h2.green_bg_transp, div.h2_green_bg_transp {
 font-size: 14px;
 border-bottom: 1px solid #bfcbff;
 padding: 4px 9px 4px 9px;
 margin: 0px;
 width: 100%;
 float: left;
 background: url(../images/green_transp_bg.png);
 -background: none;
 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/green_transp_bg.png", sizingMethod="scale");
 }
div.h2_green_bg_transp h2.friend,
div.h2_green_bg h2.friend,
div.h2_pink_bg_transp h2.friend,
div.h2_pink_bg h2.friend
 {
  background: url(../images/third_menu_bg.gif) no-repeat 0px 1px;
  height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px 3px 0px 15px;
  }
/** blocks footer menu (for "next", "previous") **/
div.blocks_footer {
 padding: 10px 10px 5px 10px;
 /*float: left;*/
  }
div.blocks_footer p.blocks_footer_left {
 float: left;
 }
div.blocks_footer p.blocks_footer_right {
 float: right;
 }
div.blocks_footer p.blocks_footer_center {
 text-align: center;
 }


/** list for news and over  **/
dl.list {
 background: url(../images/dl_list_marker.gif) no-repeat 0 3px;
 padding: 0px 0px 0px 15px;
 }
dl.list dd, dl.list dt {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 } 
dl.list dt {
 font-weight: bold; 
 } 
dl.list dd.inscription {
 font-size: 12px; 
 }
dd.bottom_menu {
 font-size: 10px;
 text-align: right;
 } 
dd.bottom_menu a {
 margin-right: 20px;
 }
/** members and friends **/	
div.members_and_friends {
 margin: 0px 0px 5px 0px;
 padding: 0px 7px 5px 0px;
 -padding: 0px 10px 5px 0px;
 float: left;
 }
div.members_and_friends p.inscription {
 margin: 0px 0px 0px 0px;
 } 


/** for big backgroung picture **/
.for_bg {
  width: 1020px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
body#index .for_bg {
  margin: 0px 0px 0px 0px;
  }
.for_bg_transp {
  width: 1020px;
  margin: 0px;
  padding: 0px;
  background: url(../images/white_transp_40.png) right top;
/**  background: url(../images/white_transp_40.png) left top; **/
 -background: none;
 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/white_transp_40.png", sizingMethod="scale");
 }

/** page_main **/
.page_main {
  width: 1020px;
  margin: 0 auto;
  padding: 0px;
	position: relative;
  }
.page_main_transp {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 500px;
  background: url(white_transp_45.png) left top;
 -background: none;
 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://localhost/ufe/template/public/images/white_transp_45.png", sizingMethod="scale");
  }


/** header **/
.header {
  padding: 8px 0px 8px 10px;
  position: relative;
  margin-top: 15px;
  }
body#index .header {
  padding: 8px 0px 8px 10px;
  margin-top: 15px;
  }
.header_right {
  width: 500px;
  position: absolute;
  top: 8px;
  right: 15px;
  text-align: right;
  color:#ffffff; 
 }




.header_right p
 {
 color:#E6E6E6;
 }


.header_right a.menu
 {
  text-align: right;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  color:#ffffff;
 }
.header_left {
  position: absolute;
  top: 8px;
  left: 210px;
  text-align: left;
  }
.header_middle {
  position: absolute;
  top: 8px;
  right: 515px;
  text-align: center;
  }

.header_middle a.menu
 {
  color:#ffffff;
 }



.header p {
  margin: 0px;
  padding: 0px;
  }
.header span.blue {
 padding: 0px 0px 0px 20px;
 margin: 0px 0px 0px 0px;
 font-weight: bold;
 }

/** content **/
.content {
  width: 990px;
  padding: 0px 15px 8px 15px;
  margin-top: 15px;
  float: left;
  min-height: 500px;
  -height: 500px;

 }
body#index .content {
  padding: 0px 15px 8px 15px;
  margin-top: 0px;
  }

/** menu **/
.top_menu {
 width: 1020px;
 background: url(../images/top_menu_bg.gif) bottom left;
 float: left;
 padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }
.main_menu {
  float: left;
  display: block;
  list-style: none;
  padding: 0px 7px 0px 8px;
  margin: 0px 7px 0px 0px;
  }

.main_menu li.firstactive {
  float: left;
  padding: 0px 0px 0px 7px;
  margin: 0px 0px 0px 0px;
  }
.main_menu li.secondactive {
  float: left;
  padding: 0px 0px 0px 4px;
  margin: 0px 0px 0px 0px;
  }
.main_menu li.thirdactive {
  float: left;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  }

.main_menu li.first {
  float: left;
  padding: 0px 0px 0px 7px;
  margin: 0px 0px 0px 0px;
  }
.main_menu li.second {
  float: left;
  padding: 0px 0px 0px 4px;
  margin: 0px 0px 0px 0px;
  }
#start_second {
  padding-left: 15px;
  }  
.main_menu li.third {
  float: left;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  }
#start_third {
  padding-left: 35px;
  }
li.first a {
  color:#ffffff;
  height: 21px;
  float: left;
  display: block;
  padding: 6px 9px 0px 9px;
  margin: 7px 0px 0px 0px;
  background: #818181;
  border-bottom: 1px solid #bfcbff; 
 /**  border-top: 1px solid #bfcbff;
  border-left: 1px solid #bfcbff;
  border-right: 1px solid #bfcbff;
  border-bottom: 1px solid #bfcbff; **/
  white-space: nowrap;
  }
li.firstactive a {
  color:#ffffff;
  height: 21px;
  float: left;
  display: block;
  padding: 6px 9px 0px 9px;
  margin: 7px 0px 0px 0px;
  background: #353535;
  border-bottom: 1px solid #bfcbff; 
/**  border-top: 1px solid #bfcbff;
  border-left: 1px solid #bfcbff;
  border-right: 1px solid #bfcbff;
  border-bottom: 1px solid #bfcbff; **/
  white-space: nowrap;
  text-decoration: none;
  }
li.second a {
  color:#ffffff;
  height: 21px;
  float: left;
  display: block;
  margin: 7px 0px 0px;
  padding: 6px 9px 0px 9px;

/**
  margin: 15px 0px 0px; 
  padding: 3px 8px 0px 8px;
**/
  background: #4E9BBC;
  border-bottom: 1px solid #bfcbff; 
/**  border-top: 1px solid #bfcbff;
  border-left: 1px solid #bfcbff;
  border-right: 1px solid #bfcbff;
  border-bottom: 1px solid #bfcbff; **/
  white-space: nowrap;
  }
li.secondactive a {
  color:#ffffff;
  height: 21px;
  float: left;
  display: block;
  margin: 7px 0px 0px;
  padding: 6px 9px 0px 9px;
  background: #0F3749;
  border-bottom: 1px solid #bfcbff; 
/**  border-top: 1px solid #bfcbff;
  border-left: 1px solid #bfcbff;
  border-right: 1px solid #bfcbff;
  border-bottom: 1px solid #bfcbff;
  white-space: nowrap; **/
  text-decoration: none;
  }


li.third a {
  color:#ffffff;
  float: left;
  display: block;
  background: url(../images/third_menu_bg.png) no-repeat 0px 1px #258D25;
  height: 21px;
  margin: 7px 0px 0px;
  padding: 6px 9px 0px 16px;
/**
  height: 16px;
  margin: 15px 0px 0px 0px;
  padding: 3px 3px 0px 16px;
**/
  border-bottom: 1px solid #bfcbff; 
/**   border-top: 1px solid #bfcbff;
  border-left: 1px solid #bfcbff;
  border-right: 1px solid #bfcbff;
  border-bottom: 1px solid #bfcbff; **/
  white-space: nowrap;
  }


li.thirdactive a {
  color:#ffffff;
  float: left;
  display: block;
  background: url(../images/third_menu_bg.png) no-repeat 0px 1px #0E360E;
  height: 21px;
  margin: 7px 0px 0px;
  padding: 6px 9px 0px 16px;
  border-bottom: 1px solid #bfcbff; 
/**   border-top: 1px solid #bfcbff;
  border-left: 1px solid #bfcbff;
  border-right: 1px solid #bfcbff;
  border-bottom: 1px solid #bfcbff; **/ 
  white-space: nowrap;
  text-decoration: none; 
  }


li.first a:hover {
  background: #353535;
  text-decoration: none;
  }
li.first a:active {
  background: #353535;
  text-decoration: none;
  }

li.second a:hover {
  background:  #0F3749;
  text-decoration: none;
  }
li.third a:hover {
  background: url(../images/third_menu_bg.png) no-repeat 0px 1px #0E360E;
  text-decoration: none;
  }
li.second a.no_bg, li.third a.no_bg {
  display: block;
  float: left;
  height: 18px;
  margin: 15px 0px 0px 0px;
  padding: 3px 3px 0px 3px;
  border: none;
  background: none;
  }
li.second a.no_bg:link, li.second a.no_bg:visited, li.second a.no_bg:active,
li.third a.no_bg:link, li.third a.no_bg:visited, li.third a.no_bg:active
 {color:#0033ff; text-decoration: none;}
li.second a.no_bg:hover,
li.third a.no_bg:hover
 {background: none; color:#ffffff; text-decoration: underline;}

img.close {
vertical-align: middle;
margin-left: 4px;
 }




li.secondactive img.close {
margin-left: 9px;
 }


li.second img.close {
margin-left: 9px;
 }

.menu_in_right {
 width: 721px;
 margin: 10px 0px 10px 0px;
 -margin: 10px 0px 0px 0px;
 padding: 0px 10px 5px 10px;
 background: url(../images/menu_in_right_bg.gif) no-repeat bottom center;
 float: left;
 }
div.menu_in_right_left {
 float: left;
 margin: 0px 0px 0px 0px;
 }
div.menu_in_right_left p {
 float: left;
 margin: 0px 20px 0px 0px;
 }
div.menu_in_right_right {
 float: right;
 margin: 0px 0px 0px 0px;
 }
div.menu_in_right_right p {
 float: left;
 margin: 0px 0px 0px 20px;
 }
.top_pink_block_menu {
 float: left;
 }
.top_pink_block_menu p {
 float: left;
 margin: 5px 0px 0px 0px;
 padding: 0px 15px 0px 0px;
 }
.top_pink_block form {
  float: left;
  }
p.sorry {
 float: left;
 margin: 3px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 color: #666666;
 }
/** int_block_menu  **/
.int_block_menu {
 width: 345px;
 margin: 10px 0px 10px 0px;
 -margin: 10px 0px 0px 0px;
 padding: 0px 10px 5px 10px;
 background: url(../images/int_block_menu_bg.gif) no-repeat bottom center;
 float: left;
 }
div.friends_block_menu {
 width: 468px;
 margin: 15px 0px 10px 0px;
 -margin: 15px 0px 10px 0px;
 padding: 0px 10px 5px 10px;
 background: url(var5_int_block_menu_bg.gif) no-repeat bottom center;
 float: left;
 }
div.int_block_menu_right {
 float: right;
 margin: 0px 0px 0px 0px;
 }
div.int_block_menu_right p {
 float: left;
 margin: 0px 0px 0px 20px;
 }

/** footer **/
.footer {
  clear: both;
  width: 1005px;
  margin: 0px 0px 0px 0px;
  padding: 8px 15px 8px 0px;
  float: left;
 }
.footer div.right {
  float: right;
  margin: 0px;
  padding: 0px;
  width: 60%;
  text-align: right;
  }
.footer div.left {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 30%;
  }
.footer div.right a
 {
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
  color:#ffffff;
  }
.footer div.left p {
  display: block;
  float: left;
  text-align: right;
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  color:#ffffff;
  }
/**************************************** over ******************************* */
/** top_pink_block  **/
.top_pink_block {
  background: #fff4fc;
  border: 1px solid #bfcbff;
  width: 968px;
  margin: 15px 0px 20px 15px;
  -margin: 15px 0px 20px 8px;
  padding: 10px 10px 10px 10px;
  -padding: 10px 10px 0px 10px;
  float: left;
  }
/** this "dd" for "ratings" , "10 min ago" and etc **/
dd.inscription, p.inscription {
  font-size: 10px;
  color: #666666;
  }
p.inscription_right {
  font-size: 10px;
  color: #666666;
  text-align: right;
  margin: 0px;
  padding: 0px;
  }
/**/
ul.u_group_menu {
 position: relative;
 list-style: none;
 float: left;
 margin: 10px 0px 10px 0px;
 padding: 0px;
 }
ul.u_group_menu li {
 float: left;
 padding: 0px 10px 0px 0px;
 font-weight: bold;
 }
.h2_chat_and_logs {
 color: #005A84;
 font-style: italic;
 margin: 5px 0px 5px 0px;
 font-weight: normal;
 }
p.chat_and_logs {
 color: #005A84;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 }
p.chat_and_logs_bann {
 color: #33CC33;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 }
div.broadcast {
 margin: 30px 5px 30px 5px;
 background: pink;
 width: 240px;
 height: 180px;
 }
 
/** online block **/
div.online h3, div.online_transp h3 {
 color: #005A84;
 text-align: center;
 }
div.opened_point {
 border-top: 1px solid #bfcbff;
 border-bottom: 1px solid #bfcbff;
 margin: 5px 0px 5px 0px;
 padding: 0px 0px 5px 0px;
 }
div.opened_point h3 {
 text-align: left;
 color: #000000;
 margin: 5px 0px 5px 0px;
 } 
div.opened_point p.inscription {
 margin: 0px 0px 0px 0px;
 }
div.opened_point p.inscription a.menu {
 margin: 0px 20px 0px 0px;
 }
span.grey {
 color: #666666;
 }
span.blue {
 color: #0033FF;
 }
/* page29, 58 */
div.top_wrap {
 padding: 0px 0px 35px 0px;
 margin: 0px 0px 0px 0px;
 border-bottom: 1px solid #bfcbff;
 }
div.bottom_wrap {
 padding: 20px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 }

/** top_green_block  **/
.top_green_block {
  background:#33cc33;
  border: 1px solid #bfcbff;
  width: 968px;
  margin: 15px 0px 20px 15px;
  -margin: 15px 0px 20px 8px;
  padding: 10px 10px 10px 10px;
  -padding: 10px 10px 0px 10px;
  float: left;
  }
	
/* chat log styles */
h2.log_welcome {
 color: #005A84;
 font-style: italic;
 margin: 5px 0px 5px 0px;
 font-weight: bold;
 font-size: 12px;
 }
p.log_message{
 margin: 0px 0px 2px 0px;
}
span.log_guest {
   color: #005A84;
   font-weight: bold;
	 font-style:italic;
   }
span.log_user {
   color: #005A84;
   font-weight: bold;
   }
/* *********************************************************************** */
/* ************************* END of COMMON STYLES ************************ */
/* *********************************************************************** */