/* general */



body{

background:url(index_01.jpg);

background-repeat:repeat-x;

background-color:#FAFAFA;

font : 8pt Verdana, Verdana, Helvetica, sans-serif; 

color : #000000;

text-align : center;

margin:0; padding:0;



}







div{



padding:0Px;

margin:0Px;



}



a{







color: #000000;







}







a:hover{







color: #000000;







text-decoration: none;







}



.footer{



font : 8pt Verdana, Arial, Helvetica, sans-serif; 



color: #000000;



padding:10px;



text-align:center;



}







.footer a{



color: #000000;



}







.footer a:hover{



color: #000000;



text-decoration: underline;



}







.body{



font : 8pt Verdana, Verdana, Verdana, Verdana; 



color : #000000;



text-align:left;















}







.handler{



width:1004px;



margin:0 auto;



padding:0;



}







.page{







text-align:left;







float:left;







width:1004px;





}







.top{







height: 110px;









}







.logo{



float: left;

padding: 10px;

vertical-align: top;

}







.frontimage{







float: left;







padding: 0px;







vertical-align: top;







}







.topmenu{







text-align:right;







padding:5px;







}



ul.list-blue-menu{







list-style-type: none;







list-style-position: outside;







 font : 8pt Verdana, Arial, Helvetica, sans-serif; 







font-size: 8pt;







margin:0;







padding:0;











}







li.list-blue-menu-item{







padding-left:15px;







background: url('bullet.gif') 5px no-repeat ;







color: #000000;







}







li.list-blue-menu-item a{







color: #000000;







}







li.list-blue-menu-item a:hover{







color: #6888CA;







}



ul.list-orange-menu{







list-style-type: none;







list-style-position: outside;







 font : 8pt Verdana, Arial, Helvetica, sans-serif; 







font-size: 8pt;







margin:0;







padding:0;







}







li.list-orange-menu-item{







padding-left:15px;







background: url('bullet.gif') 5px no-repeat ;







color: #000000;







}







li.list-orange-menu-item a{







color: #000000;







}







li.list-orange-menu-item a:hover{







color: #A8824F;







}



ul.sidemenu{







list-style-type: none;







list-style-position: outside;







border-top:0px solid #696969; 







 font : 10pt Verdana, Arial, Helvetica, sans-serif; 







font-size: 8pt;



font-weight: bold;





color: #ffffff;

margin:0;







padding:0;







}







ul.sidemenu a{







color: #ffffff;







text-decoration: none;







}







ul.sidemenu a:hover{







color: #999999;







}











li.sidemenu-1{







border: 0px solid #696969;







padding:5px;







padding-left:25px;







background: url('bullet.gif') 10px no-repeat ;







background-color: #484848;







}







li.sidemenu-2{







border: 0px solid #696969;







border-top: #484848;







padding:5px;







padding-left:25px;







background: url('bullet.gif') 10px no-repeat ;







background-color: #484848;



color: #ffffff;











}



.menubar{



padding:10px;

text-align:center;

}







.submenu{













padding:5px;







text-align:center;







vertical-align:middle;







}







.submenu a{













padding:3px;







text-decoration:none;







color: #000000;







}







.submenu a:hover{







background-color: #4D7DF6;







color: #ffffff;







}







#error{









 font : 8pt Verdana, Arial, Helvetica, sans-serif;







font-weight:bold;







color: #ff0000;







font-size: 8pt;











padding:8px;







text-align:center;







}







.columnWide{







float:left;







width:653px;







padding: 4px;







}







.columnhalf{







float:center;







width:475px;







padding: 4px;







}











.columnSmall{







float:right;



width:270px;



padding:0px 0px 0px 0px;



margin:0px 0px 0px 0px;







}







.columnLeft{







float:left;



width:250px;



padding:0px 0px 0px 0px;



margin:0px 0px 0px 0px;







}







.columnRight{







float:right;







width:650px;







padding: 4px;







}.padded{







padding:5px;







}



.dividerV{







float:left;







width:5px;







}







.dividerH{







float:none;







height:5px;







}



.dotted{







height:2px;







border-top: 1px dotted #999999;







}



.dotted-bottom{







padding:3px;







border-bottom: 1px dotted #999999;







}



.pages{







text-align:center;







}



.centered{







text-align:center;







}







.bold{







font-weight:bold;







}



/* text styles */







.topmenu a{







color: #FFFFFF;







text-decoration:none;







}







.topmenu a:hover{







text-decoration:underline;



color: #E8E8E8;







}.menubar a{







color: #000000;







text-decoration:none;







font-weight:bold;}







.menubar a:hover{







color: #4D7DF6;







}



.menubarON{







display:inline;







color: #4D7DF6;







font-weight: bold;







}



.blue{







color: #696969;







font-weight:bold;







font-size:8pt;







}







h1{







font-family: "Trebuchet MS","Lucida Grande"; 







font-weight:bold;







font-size:12pt;







padding:0px;







margin:0;







}



.error{







color:#FF0000;







font-weight:bolder;







}



..highlight{



}



/* blocks */







.brown-header{









background-color: #696969;



float:auto;







border: 0px solid #fff;







font-family: "Verdana"; 







font-size: 10.5pt;





padding:3px;







padding-left:10px;







text-align:left;







color: #ffffff;







border-top: 0px solid #c0c0c0;







border-right: 0px solid #c0c0c0;







border-left: 0px solid #c0c0c0;











}







.brown-body{







padding:5px 5px 5px 25px;







background-color: #ffffff;



text-align:left;



color: #696969;

border-bottom: 4px solid #d8d8d8;


border-right: 5px solid #d8d8d8;







border-left: 5px solid #d8d8d8;




}



.green-header{







background-color: #E8E8E8;







border-bottom: 5px solid #d8d8d8;







font-family: "Verdana"; 







font-size: 10pt;







font-weight:bold;







padding:0px;







padding-left: 10px;







text-align:left;







color: #696969;











}











.green-body{







padding:5px;







background-color: #f1f1f2;







border-bottom: 0px solid #96D396;







border-right: 0px solid #96D396;







border-left: 0px solid #96D396;







}



.blue-header{







background-color: #696969;





font-family: "Verdana"; 







color: #ffffff;







font-size: 10.5pt;







padding:3px;







padding-left: 10px;







text-align:left;















}







.blue-body{







padding:5px;







background-color: #d8d8d8;





color: #696969;



}



.orange-header{







background-color: #b8caf5;







border: 1px solid #D4BA96;







font-family: "Trebuchet MS","Lucida Grande"; 







font-size: 10pt;







font-weight:bold;







padding:3px;







padding-left: 10px;







text-align:left;







color: #99876D;







}







.orange-body{







padding:5px;







background-color: #FFFFFF;







border-bottom: 1px solid #D4BA96;







border-right: 1px solid #D4BA96;







border-left: 1px solid #D4BA96;







}



.grey-header{







background-color: #696969;















font-family: "Verdana"; 







color: #ffffff;







font-size: 10.5pt;





text-align:left;







padding:3px;







padding-left: 10px;





















}







.grey-body{







padding:5px;







background-color: #d8d8d8;





border-bottom: 5px solid #d8d8d8;







border-right: 5px solid #d8d8d8;







border-left: 5px solid #d8d8d8;









}



.tip{



background-color: #484848;



padding:10px;



color: #FFFFFF;







}







.black-header{



background:url(header_black.jpg);

float:center;

font-family: "Verdana"; 

font-size: 11pt;

font-weight:bold;

padding:10px 10px 10px 10px;

text-align:center;

color: #ffffff;

}







.black-body{

border-left: 1px solid #696969;

border-right: 1px solid #696969;

border-bottom: 1px solid #696969;

padding:10px 5px 5px;

font-size: 8pt;

float:center;

text-align:center;

color: #000000;

}











.red-header{















float:center;











font-family: "Trebuchet MS"; 







font-size: 16pt;







font-weight:bold;







padding:10px 10px 10px 10px;







text-align:center;







color: #ffffff;



















}







.red-body{







padding:5px 5px 5px 25px;















font-family: "Trebuchet MS"; 







text-align:center;







color: #a0a0a0;







font-size: 11.5pt;







font-weight:bold;























}











.tip-body{















}



.cardlabel{







float:left;







width:80px;







color: #ffffff;







}







.cardbody{















}



.card-headline{







border:1px dashed #689BCA;







background-color: #ededed;







float:left;







}







.card-headline-body{







font-family: "Trebuchet MS","Lucida Grande"; 







font-size: 10pt;







font-weight:bold;







float:left;







margin:5px;







}



.card-member{





border-top:0px solid #ededed;

border-bottom:0px solid #ededed;







color: #696969;







font-family: "Verdana";







font-size:10pt;



background-color: #ffffff;



















}







.card-online{







border:1px solid #FFFFFF;







background-color: #FFFFFF;







color: #FF9000;







font-size:9pt;







padding:2px;







margin:2px;







height:10px;







line-height:10px;







cursor:default;







font-weight:bold;







}







.card-featured{







border:1px solid #CCCCCC;







background-color: #FFFFFF;







color: #C96767;







font-size:7pt;







padding:2px;







margin:2px;







height:10px;







line-height:10px;







cursor:default;







font-weight:bold;







}







.card-new{







border:1px solid #ffffff;







background-color: #FFFFFF;







color: #98a9f4;







font-size:7pt;







padding:2px;







margin:2px;







height:10px;







line-height:10px;







cursor:default;







font-weight:bold;







}







.card-updated{







border:1px solid #FFFFFF;







background-color: #FFFFFF;







color: #c0c0c0;







font-size:8pt;







font-family: "Arial";







padding:2px;







margin:2px;







height:10px;







line-height:10px;







cursor:default;











}



.card-member-top,.card-member-top a{















padding:3px;







text-align:left;







border-bottom: 1px solid #FFFFFF;







color: #FFF;







text-decoration:none;







}







.card-member-top a:hover{







color: #696969;







}







.card-member-body{







background-color: #ffffff;







padding:5px;







text-align:left;







}







.card-member-header,.card-member-header a{







font-family: "Trebuchet MS"; 







font-size: 12pt;







font-weight:bold;







color: #507EA9;







text-decoration:none;







}







.card-member-header a:hover{







color: #689BCA;







}







.card-member-options,.card-member-options a{







background-color: #e8e8e8;







padding:3px;







text-align:center;







border-top: 1px solid #FFFFFF;







color: #000;







text-decoration:none;







font-size:7pt;







}







.card-member-options a:hover{







color: #507EA9;







}







ul.card-member-list{







padding:0;







margin:0;







white-space:nowrap;







list-style-type:none;







list-style-position: outside;







}







li.card-member-item{







display:inline;







background: url('arrow.gif') 5px no-repeat ;







padding-left:10px;







}.card-blog{







border-top:2px solid #67C968;







border-bottom:1px solid #67C968;







}



.card-blog-top,.card-blog-top a{







background-color: #4d7df6;







padding:0px;







text-align:left;







border-bottom: 1px solid #696969;







color: #4D7DF6;







text-decoration:none;







}







.card-blog-top a:hover{







color: #67C968;







}







.card-blog-body{







background-color: #EBFAEB;







padding:5px;







text-align:left;







}







.card-blog-header,.card-blog-header a{







font-family: "Trebuchet MS","Lucida Grande"; 







font-size: 12pt;







font-weight:bold;







color: #4FA851;







text-decoration:none;







}







.card-blog-header a:hover{







color: #67C968;







}







.card-blog-options,.card-blog-options a{







background-color: #4d7df6;







padding:3px;







text-align:center;







border-top: 1px solid #FFFFFF;







color: #4D7DF6;







text-decoration:none;







font-size:7pt;







}







.card-blog-options a:hover{







color: #67C968;







}







ul.card-blog-list{







padding:0;







margin:0;







white-space:nowrap;







list-style-type:none;







list-style-position: outside;







}







li.card-blog-item{







display:inline;







background: url('arrow.gif') 5px no-repeat ;







padding-left:10px;







}







.member{







width: 80px;







height: 140px;







}







.member-online-photo{







background-color: #ffffff;







border: 1px solid #ffffff;







padding: 8px;







}







.member-online-name{







background-color: #ffffff;















padding: 2px;







height:25px;







text-align:center;







}







.member-online-name a{







font: 10pt Verdana, sans-serif;







color: #000066;







}







.member-online-name a:hover{







text-decoration: none;







}







.member-online-indicator{







border: 1px solid #ffffff;







font: 9pt Verdana, sans-serif;







font-weight:bold;







color: #FF9000;











background-color: #ffffff;







}







.member-online-indicator a{







font: 9pt Verdana, sans-serif;







font-weight:bold;







color: #FF9000;







}



.member-offline-photo{







background-color: #ffffff;







border: 1px solid #ffffff;







padding: 8px;







}







.member-offline-name{







background-color: #ffffff;







border-left: 1px solid #ffffff;







border-right: 1px solid #ffffff;







padding: 2px;







height:25px;







text-align:center;







}







.member-offline-name a{







font: 10pt Verdana, sans-serif;







color: #000066;







}







.member-offline-name a:hover{







text-decoration: none;







}







.member-offline-indicator{







border: 1px solid #ffffff;







font: 9pt Verdana, sans-serif;







color: #000000;







background-color: #ffffff;







}







.member-offline-indicator a{







font: 9pt Verdana, sans-serif;







color: #000000;







} 



.ecard{



}







.ecard-thumbnail{







background-color: #F2F2F2;







border: 5px solid #d0d0d0;







padding: 15px;







}







.ecard-name{







background-color: #E5E5E5;







border-left: 5px solid #d0d0d0;







border-right: 5px solid #d0d0d0;







border-bottom: 5px solid #d0d0d0;







padding:15px;







}



.photo{







width:80px;







height:118px;











}







.photo_edit{







width:80px;







height:132px;







}







.photo_big{







width:344px;







}



.photo-photo{







background-color: #ffffff;







border: 1px solid #ffffff;







padding: 8px;







}







.photo-caption{







background-color: #ffffff;







border-left: 1px solid #ffffff;







border-right: 1px solid #ffffff;







border-bottom: 1px solid #ffffff;







padding: 2px;







height:42px;







}







.photo-text{







background-color: #ffffff;







font: 7pt Tahoma, sans-serif;







color: #808080;







}







.photo-text a{







background-color: #ffffff;







font: 7pt Tahoma, sans-serif;







color: #808080;







}







.photo-text-big{







font: 8pt Tahoma, sans-serif;







color: #808080;







} 



.news{







border:3px solid #CCCCCC;







}







.news-title{







background-color: #e8e8e8;







border-right:3px solid #CCCCCC;







font: 10pt Verdana, sans-serif;







float:left;







color: #696969;







font-weight: bold;







padding:0px;







width:80%;







}







.news-date{







background-color: #E5E5E5;







border-left:1px solid #CCCCCC;







color: #303030;







padding:3px;







text-align:left;







}







.news-body{







background-color: #e8e8e8;







border-top:1px solid #CCCCCC;







color: #303030;







font: 9pt Verdana, sans-serif;







padding:5px;







}



/* forms */







.form{







text-align:center;







margin:0;







padding:0;







width:530px;







}







.formlabel{







font-family: Verdana;







font-size: 8pt;







color: #696969;







float:left;







font-weight: bold;







text-align:right;







width:40%;







margin: 0 0 5px 0;







padding:3px 0px 0 0;







display:block;







clear:both;















}



.formlabel1{







font-family: Verdana;







font-size: 8pt;







color: #000;







float:left;







text-align:right;







width:40%;







margin: 0 0 5px 0;







padding:0px 0px 0 0;







display:block;







clear:both;







}.formelement{







font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;







font-size: 8pt;







color: #000000;







float:left;







margin:3px;







text-align:left;







}







.formbutton{







padding-top:10px;







text-align:center;







display:block;







clear:both;







}



.loginbutton{

	width:113px;

	height:41px;

	background:url(index_04.jpg);

	background-repeat:no-repeat;

	border:0px;

}



.joinbutton{

	width:165px;

	height:41px;

	background:url(index_08.jpg);

	background-repeat:no-repeat;

	border:0px;

}





.formset{







margin-bottom:2px;







}







.textfield{







background-color: #FFFFFF;







border:1px solid #999999;







padding:3px;







color: #000;







font : 8pt Verdana, Arial, Helvetica, sans-serif; 







font-size: 8pt;







}







.dropdown{







background-color: #FFFFFF;







border:1px solid #999999;







color: #000;







font : 8pt Verdana, Arial, Helvetica, sans-serif; 







font-size: 8pt;







}







.textarea{







background-color: #FFFFFF;







border:1px solid #999999;







padding:3px;







color: #000000;







font : 10pt Verdana, Arial, Helvetica, sans-serif; 







font-size: 10pt;





float: right;



}







.button{







background-color: #F2F2F2;







border:1px solid #999999;







padding:3px;







color: #000;







font : 8pt Verdana, Arial, Helvetica, sans-serif; 







font-size: 8pt;















}



/* lists */







.list-blue{







font : 8pt Verdana, Arial, Helvetica, sans-serif; 







color : #000000;







border-top:0px solid #ffffff;







}







.list-blue a{







color: #000000;







}







.list-blue a:hover{







color: #000000;







}







.list-blue-header{







background-color: #d0d0d0;







color: #000000;







padding:2px;







border-right:1px solid #FFFFFF;







border-bottom:1px solid #FFFFFF;







height:0px;







}







.list-blue-item{







text-align:left;







background-color: #ffffff;







padding:0px;







}







.list-blue-item-1{







text-align:left;









border-bottom:1px solid #d8d8d8;







background-color: #ffffff;







padding:3px;







height:20px;







}







.list-blue-item-2{







text-align:left;











border-bottom:1px solid #d8d8d8;







background-color: #ffffff;







padding:3px;







height:20px;







}







.list-blue-title,.list-blue-title a{







font-family: "Verdana"; 







font-size: 10pt;







font-weight:bold;







color: #507EA9;







text-decoration:none;







padding-right:5px;







}







.list-blue-category{







padding:3px;







font-weight:bold;







}







.list-blue-category a{







color: #000000;







}







.list-blue-category a:hover{







color: #000000;







}







.list-blue-subcategory{







padding:3px;







padding-left:20px;







}







.list-blue-subcategory a{







color: #000000;







text-decoration:none;







}







.list-blue-subcategory a:hover{







color: #000000;







}



.list-orange{







font : 8.5pt Verdana, Arial, Helvetica, sans-serif; 







color : #000000;















}







.list-orange a{







color: #000000;







}







.list-orange a:hover{







color: #000000;







}







.list-orange-header{







background-color: #c8d0f2;



font-size: 10 pt;



padding:3px;







border-right:1px solid #FFFFFF;



border-top:1px solid #FFFFFF;



border-bottom:1px solid #FFFFFF;



border-left:1px solid #FFFFFF;















height:20px;







}







.list-orange-item{







text-align:left;















padding:5px;







}







.list-orange-item-1{







text-align:left;







border-right:1px solid #FFFFFF;







border-bottom:1px solid #FFFFFF;



border-left:1px solid #FFFFFF;







background-color: #c8d0f2;







padding:15px;







height:50px;







}







.list-orange-item-2{







text-align:left;







border-right:1px solid #FFFFFF;







border-bottom:1px solid #FFFFFF;



border-left:1px solid #FFFFFF;





background-color: #c8d0f2;







padding:15px;







height:50px;







}







.list-orange-title,.list-orange-title a{







font-family: "Verdana"; 







font-size: 10.5pt;







font-weight:bold;







color: #000000;







text-decoration:none;







padding-right:5px;







}



/* rating */







.rating{







font-family: Arial, Helvetica, sans-serif;







font-size: 25pt;







color: #000000;







font-weight: bolder;







text-align:center;







}



.rating_0{







color: #8093BA;







}







.rating_1{







color: #8093BA;







}







.rating_2{







color: #868FB3;







}







.rating_3{







color: #8E8BAA;







}







.rating_4{







color: #9885A0;







}







.rating_5{







color: #A27F95;







}







.rating_6{







color: #AD7989;







}







.rating_7{







color: #B7737E;







}







.rating_8{







color: #C06D75;







}







.rating_9{







color: #C7696C;







}







.rating_10{







color: #CE6565;







} 



/* forum */







.forum-totals{







background-color: #e8e8e8;

color:#000;



border:1px solid #f2f2f2;

font-family: "Verdana";

font-size: 10pt;



padding:5px;





}







.forum-button{







border: 1px solid #000000;







background-color: #FFFFFF;







color: #000;







font-family : Verdana;







font-size: 10pt;







padding:5px;







cursor:pointer;







float:left;







margin:2px;







}







.forum_quote{







border:1px dashed #696969;







background-color: #FFFFFF;







padding:5px;







}



/* calendar */







.calendar-button{







font-family : Tahome, Arial, Helvetica, sans-serif;







font-size: 8pt;







background-color: #FFFFFF;







border:1px solid #999999;







color: #999999;







cursor:pointer;







width:20px;







text-align:center;







}







.calendar-date{







font-family: "Trebuchet MS","Lucida Grande"; 







font-size: 8pt;







font-weight:bold;







text-align:center;







color: #808080;







}







.calendar-week{







font-family : Arial, Helvetica, sans-serif;







font-size : 8pt;







color: #1F5EAC;







}







.calendar-day{







font-family : Arial, Helvetica, sans-serif;







font-size : 8pt;







color: #000000;







cursor: pointer;







}







.calendar-extended{







color: #999999;







}







.calendar-sunday{







color: #1F5EAC;







}







.calendar-today{







color: #B33838;







}







.calendar-holiday{







color: #1F5EAC;







}







.calendar-nof-holiday{







color: #3F981C;







}







.calendar-events{







font-weight: bold;







}







.calendar-notes{







font-style: italic;







}







.calendar-selected{







border: 1px solid #B33838;







}







/* im */







.im{







border:1px solid #999999;







}







.im-header{







font-size:7pt;







color: #000;







background-color: #F2F2F2;







border-bottom: 1px solid #999999;







padding:3px;







}







.im-body{







background-color: #FFFFFF;







text-align:center;







}



/* banners */







.banner-header{









padding:5px;







text-align:center;







}







.banner-footer{











padding:5px;







text-align:center;







}







.banner-side{







padding:5px;







text-align:left;







}







/* notification */







.noti{



border:1px solid #6888CA;



background-color: #6888CA;



color: #ffffff;



}







.noti-header{



background-color: #6888CA;



padding:3px;



color: #FFFFFF;



font : 8pt Verdana, Arial, Helvetica, sans-serif; 



font-weight:bold;



}







.noti-header a{



color: #fff;



font-weight:normal;



text-decoration:none;



}







.noti-body{



font : 8pt Verdana, Arial, Helvetica, sans-serif; 



color: #fff;



}







.noti-body a{



color: #fff;



}







.noti-body a:hover{



text-decoration:none;



}







/* color selector */







.color-color{



margin:1px;



width:9px;



height:9px;



float:left;



cursor:pointer;



border:1px solid #000000;



}



/* albums */







.photo{







width:80px;







height:118px;







}







.photo_edit{







width:80px;







height:132px;







}







.photo_main{







background-color: #ffffff;







border: 1px solid #ffffff;







padding: 8px;







}







.album{







width:80px;







height:118px;







}







.album_main{







background-color: #ffffff;







border: 1px solid: #ffffff;







padding: 8px;







}







.album_big{







width:344px;







}







.album_edit{







width:80px;







height:142px;







}







.album-photo{







background-color: #ffffff;







border: 1px solid: #ffffff;







padding: 8px;







}







.album-caption{







background-color: #ffffff;







border: 1px solid: #ffffff;















padding: 2px;







height:42px;







}







.album_edit{







width:80px;







height:142px;







}







.album-text{







background-color: #ffffff;







font: 9pt Verdana, sans-serif;







color: #000066;







}







.album-text a{







background-color: ##000000;







font: 8pt Verdana, sans-serif;







color: #000066;







}







.album-text-big{







font: 9pt Verdana, sans-serif;







color: #000066;







}



b.rtop b{display:block;background: #696969}

b.rtop b{display:block;height: 1px;

    overflow: hidden; background: #696969}

b.rbottom b{display:block;background: #696969}

b.rbottom b{display:block;height: 1px;

    overflow: hidden; background: #696969}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.r4{margin: 0 1px; height: 2px} 



}





b.gtop b, b.gbottom b{display:block;background: #696969}

b.gtop b, b.gbottom b{display:block;height: 1px;

    overflow: hidden; background: #696969}

b.ggbottom b{display:block;background: #696969}

b.ggbottom b{display:block;height: 1px;

    overflow: hidden; background: #d8d8d8}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.r4{margin: 0 1px; height: 2px} 

}



}





b.stop b, b.sbottom b{display:block;background: #696969}

b.stop b, b.sbottom b{display:block;height: 1px;

    overflow: hidden; background: #484848}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.r4{margin: 0 1px; height: 2px} 



}





b.hbottom b{display:block;background: #696969}

b.hbottom b{display:block;height: 1px;

    overflow: hidden; background: #d8d8d8}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.r4{margin: 0 1px; height: 2px}