body{
  /* background-image: url(/bin/images/misc/bg1.jpg); */
margin:0px;padding:0px;
}

/*
Resetting default browser styles on all elements
Not working in IE 4.0 though, but a nice thing to do anyway.
*/

*{margin:0px;padding:0px;}

a img{border:none;}

i {font-size: 1.1em;}

form{margin:1px;   }

body, h1, h2, h3, h4, h5, h6, td{font:13px Arial,"Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;color:#333333;text-align:left}

h1, h2{margin-bottom:5px;font-size:1.6em;line-height:1em;}

p{margin: 4px 0px;line-height:1.4em;padding:0px}

a, a:link{color:#3464a5;text-decoration: underline;}

a:hover{color:#729fcf;text-decoration: none;}
/* remove outline around links*/
a:active{outline:none}
:focus{-moz-outline-style:none}

li{margin-bottom:0px}

ul,ol{margin-left:25px}

select{border:1px solid #CCCCCC;color:#333333;}

input{border:1px solid #CCCCCC;color:#333333;}

textarea{border:1px solid #CCCCCC;color:#333333;}

a{cursor:pointer;cursor:hand;}

hr.big{height:6px;size:6px;}

hr{height:2px;size:6px;color:#CCCCCC;border:0px;background:#CCCCCC;color:#CCCCCC}

.clear {clear:both;}

.mini, .small{font-size:10px}

table{border-collapse:collapse;border-spacing:0;font-size:inherit}


#preloadImg1{background-image:url(/bin/images/misc/220_19_loading_bar_sky.gif);width:0px;height:0px;}
#preloadImg2{background-image:url(/bin/images/misc/loading_round.gif);width:0px;height:0px;}
#preloadImg3{background-image:url(/bin/images/misc/loading_round.gif);width:0px;height:0px;}

/* //---------------------- PAGE LAYOUT --------------------------------------*/

.Layout-1{
width:1050px;
min-height:350px;
height:auto !important;
height: 350px;
}

.Layout-2{
width:1050px;
min-height:350px;
height:auto !important;
height: 350px;
}

#Lay-header{
 font-size:26px;
 color:#333;
 font-style:italic;
}

#Lay-HeadTitle{
 font-size:26px;
 color:#333;
 font-style:italic;
 border-bottom:2px dotted #d3d7cf;
 margin-bottom:10px;
}

.Layout-2 #Lay-left{
float:left;
width:170px;
display:block;
}

.Layout-2 #Lay-right{
float:left;
margin-left:30px;
width:780px;
padding:2px;
}


.Layout-3{
width:1050px;
min-height:350px;
height:auto !important;
height: 350px;
}

.Layout-3 #Lay-header{
 width:1050px;
 margin:0px 0px 5px 0px;
 font-size:32px;
 font-weight:bold;
 border-bottom:4px solid #ccc
}

.Layout-3 #Lay-footer{
 width:1050px;
margin:5px 0px 5px 0px;

}

.Layout-3 #Lay-left{
float:left;
width:170px;

margin:0
}

.Layout-3 #Lay-center{
float:left;
width:700px;
margin:0px 2px 0px 2px;

}

.Layout-3 #Lay-right{
float:right;
width:170px;
margin:0
}

.Floats{float:left}
/* //---------------------- SITE HEADER ----------------------------------------*/
/*
Color used
dark red: #CC0000
light silver: #EAEAEA
text dark red: #330000
blue: #0099FF. This blue is mainly used for link
*/
.SITE{
width:100%
}

/* */
.SITE #mainHeader{
background-color:#000;
background-image:url(/bin/images/misc/bg_header_v61.png);
}

.SITE #mainHeader #logo{
margin-top:2px;
float:left;
height:65px;
width:300px;
}

.SITE #mainHeader #mainMenu{
float:right;
padding-right:25px;
margin-top:10px;
}

.SITE #mainHeader #mainMenu #headerInfoMenu{
text-align:right;
color:#fff;
font-size:10px
}

.SITE #mainHeader #mainMenu #headerMenu{
margin-top:10px
}

.SITE #mainHeader #mainMenu #headerMenu li{
list-style:none;
display:inline;
font-size:12px;
font-weight:bold;
color:#fff;
background-image:url(/bin/images/icon/bullet_red.png);
background-repeat:no-repeat;

padding-left:18px;
}
.SITE #mainHeader #mainMenu #headerMenu li a{
color:#fff;
text-decoration:none
}

.SITE #mainHeader #mainMenu #headerMenu li a:hover{
color:#fff;
text-decoration:underline
}

.SITE #mainHeader #mainMenu #headerInfoMenu a{
color:#729fcf;
text-decoration:underline
}

.SITE #mainHeader #mainMenu #headerInfoMenu a:hover{
color:#729fcf;
text-decoration:none
}


.SITE #mainContent{
padding-top:10px
}

/* Footer */
.SITE #mainFooter{
background:#000;
/* background-image: url(/bin/images/misc/bg2.jpg); */
background-image: url(/bin/images/misc/bg_header_v61.png);
border-top:2px solid #000;
color:#fff;
padding:10px
}
.SITE #mainFooter #title{
 color:#FFFFFF;
 font-size:20px;
 font-weight:bold
}
.SITE #mainFooter ul {
    float:left;
	width:25%;
	margin:0 5% 0 0;
	padding:0;
	list-style:none;
}
.SITE #mainFooter ul li {
	border-top:1px dotted #999999;
	padding:4px 8px;
	font-size:1.1em;
}
.SITE #mainFooter ul li.first { border:0; }
.SITE #mainFooter ul a {
    font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.SITE #mainFooter ul a:hover { text-decoration:underline; }

/* Header cart Info, to display quick info of cart*/
.HeaderCartInfo{
color:#000;
background:#FFF;
padding-right:25px;
height:25px;
line-height:25px;
font-weight:bold;
background-image: url(/bin/images/misc/shade.png);
background-position: bottom;
text-align:right;
border-top:2px solid #000;
}
.HeaderCartInfo a{
color:#fff;
text-decoration:underline;
}

.HeaderCartInfo a:hover{
color:#fff;
text-decoration:none;
}
/* Horizontal & Vertical Line */
.horizontalLine{
margin: 5px 0px 5px 0px
}
.horizontalLine#small{
border-bottom:1px solid #d3d7cf
}
.horizontalLine#small-Dotted{
border-bottom:1px dotted #d3d7cf;
padding:5px
}

.verticalLine{
border-left:1px dotted #d3d7cf;
min-height:100px;
}

/*//------------------------- Nifty Box --------------------------------------*/
#nifty_box_outer{
background:#CCCCCC;
width:100%;
min-height:350px;
}

#nifty_box{
text-align:left;
background:#EAEAEA; /* light silver */
margin:2px;
padding:4px;
min-height:350px;
}

#nifty_box_2{
text-align:left;
background:#FFF; /* light silver */
margin:2px;
padding:4px;
min-height:350px;
}



#login_signup_box_info_outer{
background:#CCCCCC;
width:220px;
}

#login_signup_box_info{
background:#FFFFFF;
padding:4px;
margin:2px;
}

/*//------------------------- CoolButton based on a ---------------------------*/
a.CoolButton {
    background: transparent url('/bin/images/misc/bg_button_a.gif') no-repeat scroll top right;
    color: #333333;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	font-weight:bold;

}

a.CoolButton:hover{
text-decoration:none;
color:#000099
}

a.CoolButton span {
    background: transparent url('/bin/images/misc/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.CoolButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.CoolButton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* ----------------------------- MISC --------------------------------------*/



.tableContent{
border:1px solid #CCCCCC;
border-collapse: collapse;
background:#FFFFFF
}

.tableContent #tdHeader{
size:12px;
color:#fff;
background:#333;
}

.tableContent #tdHeader a{
color:#fff;
}

.tableContentTd{
font-size:12px;
color:#0000FF;
background:#CCCCFF;
}

.tableContentTdHighlight{
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0000FF;
background:#FFFF99;
}

.tableContentTdHighlight2{
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0000FF;
background:#CCCCFF;
}

.tableContentAlert{
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0000FF;
background:#FFFF99;
}

.myNotificationAlerts{
color:#FF6633;
font-weight:bold;
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}


.ajaxEditBox{
background:#FFFF99;
color:#666666;
}

.LoginsmallContent{
font-size:10px;
color:#666;
}

.fontContentBigTitle2{
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color:#330000;
}

.fontContentBigTitle{
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
color:#330000;

}


.fontContentHugeTitle{
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
color:#330000;
}


.fontContentHugeTitle_Light{
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
color:#999999;
}


.bigEditTextInput{
font-size:18px;
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
color:#333333;
border: 1px solid #999999;
padding-left:2px;
font-weight:bold;
margin:1px
}

.fontContentTitle{
font-size:16px;
font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #333333;
}

.ajaxEditorBox{
background:#FFFFCC
}

.ajaxEditorBox #help{
color:#000099;
font-size:11px;
}

.waitingMessageInfo{
color:#3333FF;
border:1px solid #6666FF;margin:10px;text-align:left;padding:10px;background:#fff
}

.positiveMessageInfo{
color:#333;
border:1px solid #33FF33;margin:10px;text-align:left;padding:10px;background:#CCFFCC
}

.negativeMessageInfo{
color:#FF0000;
border:1px solid #FFCC33;margin:10px;text-align:left;padding:10px;background:#ffffcc
}

hr{
color:#CCCCFF;

height:2px
}

.errorBox{

/*border:1px solid #FFCC33;margin:10px;text-align:left;padding:10px;background:#ffffcc*/
}

/* ----------------- --------------------------------------------- */

.linkButton{
color:#666666;
font-size:11px;
border:1px solid #CCCCFF;
padding:3px;
width:150px;
margin:3px;
}

.linkButton a{
color:#666666;
font-size:11px;
text-decoration:none;
}

.linkButton a:hover{
color:#6666FF;
font-size:11px;
text-decoration:underline;
}

.linkButton2{
color:#666666;
font-size:11px;
border:1px solid #CCCCFF;
padding:3px;
margin:3px;
text-align:center;
}

.linkButton2 a{
color:#666666;
font-size:11px;
text-decoration:none;
}

.linkButton2 a:hover{
color:#6666FF;
font-size:11px;
text-decoration:underline;
}

/* ----------------- LINK wit h CONTENT Class -------------------------------*/
a.content {
text-decoration:underline;
color:#0000FF;
}

a:hover.content {
text-decoration:none;
color:#0000FF;
}


/* ----------------------------- Pagination --------------------------------*/
.pagination{
color:#333333;
font-size:12px;
}
.pagination a{
 text-decoration:none;
 font-size:11px;
 color:#999999;
}
.pagination a:hover{
color:#333333
}
.pagination #paginationPrev{
 background: url(/bin/images/pagination/left.png) no-repeat left;
 height:30px;
 width:30px;
 line-height:30px;
 text-align:center;
}
.pagination #paginationNext{
 background: url(/bin/images/pagination/right.png) no-repeat right;
 height:30px;
  width:25px;
  line-height:30px;
   text-align:center;
}
.pagination #paginationCenter{
 background: url(/bin/images/pagination/center.png) ;
 height:30px;
 line-height:30px;
}
/*---------------------- FOOTER ------------------------------------------------*/


/* ----------------------------- Blog--------------------------------------*/
.blog #blog_name{
font-size:26px;
color:#333
}
.blog #blog_date{
 font-size:10px;
 color:#666
}

.blog #blog_title{
 font-size:16px;
 color:#333
}

.blog #blog_title a{
text-decoration:none;
font-weight:bold;
}

.blog #blog_title a:hover{
text-decoration:underline
}


.blog #blog_content{
 font-size:12px;
 color:#333
}

.blog li{
list-style:none;
padding:6px;
background-image:url(/bin/images/icon/bullet_white.png);
background-repeat:no-repeat;
background-position:0 .5em;
padding-left:18px;
border-bottom:1px dotted #d3d7cf;
font-size:12px;
margin-left:0;
_padding-left:0; /* For IE, it will remove the underscore*/
}



#hrLine{
margin:4px 0 4px 0;
border-bottom:2px dotted #d3d7cf
}

.CMS #menu ul{
 margin:0;
 padding:0;

}

.CMS #menu ul#submenu{
 margin-left:10px;
 padding:0px
}

.CMS #menu ul#submenu li{
 font-style:italic
}

.CMS #menu ul li{
list-style:none;
padding:6px;
background-image:url(/bin/images/icon/bullet_white.png);
background-repeat:no-repeat;
background-position:0 .5em;
padding-left:18px;
border-bottom:1px dotted #d3d7cf;
font-size:12px;
margin-left:0;
_padding-left:0; /* For IE, it will remove the underscore*/
}

.CMS #menu.videoTutorialsMenu{
margin:0;
padding:0;
}

.CMS #menu ul li.videoTutorial{
border:0px;
padding:0px;
background-image:none;
padding:6px 0px 6px 4px;
}

.CMS #menu ul li.videoTutorialSelected{
font-weight:bold;
background:url(/bin/images/misc/tutorial_videos_selected_item.gif)  no-repeat right ;
height:30px;
line-height:30px;
border-left:1px solid #d3d7cf;
}
.CMS #menu ul li.videoTutorialSelected a{
text-decoration:none
}
/* --------- POP BROWSER -------------------------------- */
.GMB_POP_VIEWER{
width:750px;
}

.GMB_POP_VIEWER #MENU{
float:left;
width:200px;
}

.GMB_POP_VIEWER #MENU #menuList{
 overflow:auto;
 height:400px;
}


.GMB_POP_VIEWER #CONTENT{
float:left;
width:520px;
height:400px;
overflow:auto;
padding-left:20px;
}

.GMB_POP_VIEWER #CONTENT #contentTitle{
text-align:left;
font-size:14px;
font-weight:bold;
padding:4px;
}

.GMB_POP_VIEWER #HEAD_TITLE{
text-align:left;
font-size:20px;
}


.GMB_POP_VIEWER #MENU ul{
 margin:0;
 padding:0;
}
.GMB_POP_VIEWER #MENU ul li{
list-style:none;
padding:6px;
background-image:url(/bin/images/icon/bullet_white.png);
background-repeat:no-repeat;
background-position:0 .5em;
padding-left:18px;
border-bottom:1px dotted #d3d7cf;
font-size:12px;
margin-left:0;
_padding-left:0; /* For IE, it will remove the underscore*/
}


/* ----------------------------- Knowledge base--------------------------------------*/
.KB #KB_name{
font-size:26px;
}
.KB #KB_date{
 font-size:10px;
}

.KB #KB_header_title{
 font-size:20px;
 text-align:left;
}

.KB #KB_title{
 font-size:12px;
}

.KB #KB_content, .KB #KB_popUpContent{
 font-size:12px;
}

.KB #KB_menu li, .KB #KB_popUpMenu{
list-style:none;
padding:6px;
background-image:url(/bin/images/icon/bullet_white.png);
background-repeat:no-repeat;
background-position:0 .5em;
padding-left:18px;
border-bottom:1px dotted #d3d7cf;
font-size:12px;
margin-left:0;
_padding-left:0; /* For IE, it will remove the underscore*/
}


/*------------------------------- KART ----------------------------------------*/
#kartTable{
}
#kartTable #counter{
font-size:8px;
color:#ccc
}
#kartTable #itemInfo{
padding:5px;
}
#kartTable #title{
font-weight:bold;
}
#kartTable #description{
padding:3px;
font-size:10px;
color:#666
}
#kartTable #headTitle{
font-weight:bold;
font-size:16px;
padding:4px;
}

#kartTable #shipping_address{
padding:5px;
}

#kartTable #instructions{
padding:5px;
}
/* ---------------------------------------------------------------------------*/

/* ---------------------------- */
/* Default gmbGrid, to design the widget content layout*/
.gmbGrid{
width:100%
}
.gmbGrid #gmbGrid-Container-Body{
min-height:400px;
height:auto !important;
height:400px;
}
.gmbGrid .gmbGrid-Container-Nav{
/*width:100%;*/
color:#333;
border:0px solid #d3d7cf;
text-align:left;
padding:4px;
margin:4px 0px 4px 0px;
background: url(/bin/images/gmb_grid/wbg.gif) repeat-x top;
display: block;
overflow: hidden;
white-space: nowrap;
}

#gmbGrid-InfoBoxP{
text-align:center;
margin-top:10%;
margin-bottom:10%;
}

#gmbGrid-InfoBoxC{
text-align:center;
width:25em;
height:5em;
margin: 0 auto;
border:1px solid #babdb6;
padding:10px;
font-weight:bold;
text-transform:capitalize
}
/* ---------------------------- */

/* Comments Styling */
.commentsEdit{
margin:5px;
}
.commentsEdit #Avatar{
float:left;
width:100px;
height:75px;
/*background:url(/bin/images/social/comments.gif) no-repeat;*/
}
.commentsEdit #Post{
float:left;
width:350px;
}
.commentsEdit textarea{
width:450px;
height:75px;
border:2px solid #d3d7cf;
padding:2px;
}
.commentsEdit #Post #title{
font-size:14px;
font-weight:bold;
}
.commentsBox{
border:1px solid #d3d7cf;
margin:5px;
padding:3px;
text-align:left
}
.commentsBox #Avatar{
float:left;
width:100px;
min-height:100px;
height:auto !important;
height:100px;
text-align:center;
}
.commentsBox #Author{}
.commentsBox #Date{
font-size:10px;
}
.commentsBox #Content{
float:left;
width:500px;
margin-top:3px;
}
/*----------------------------------------------------------------------------*/

#mainPlayerBox {
  position: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 10px solid #f5f5f5;
  background: #000;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align:left;
  color: #aaa;
  font-size: 10px;
  z-index:10000;
  opacity:0.9;
  filter:alpha(opacity:90);
}


/* To create a navigation box */
.NavBox{
border:1px solid #ccc;
margin:1px;
}
.NavBox #header{
color:#000;
background-image: url(/bin/images/gmb_grid/wbg.gif);
border-bottom:1px solid #ccc;
}
/* ---------------------------------------------------------------------------*/
/* GMB-Player */
.GMB-Player {
border:1px solid #fff;
padding:2px;
width:284px;
height:60px;
text-align:center;
}
.GMB-Player .PlayerBody{
background:#fff;
width:284px;
height:60px;
}
.GMB-Player .PlayerBody #gmbPlayer_info{
padding-top:4px;
}
/* ---------------------------------------------------------------------------*/
/* PROTOTABS */
.ProtoTabs{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
border-bottom: 1px solid #ccc;
}

.ProtoTabs li{
list-style: none;
display: inline;
margin: 0;
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #ccc;
border-bottom: none;
background: white;
cursor:pointer;
cursor:hand;
color:#3464a5;
}

.ProtoTabs li.selected{
font-weight:bold;
border-bottom: 2px solid white;
}

.ProtoTabs a{
text-decoration:none;
}

.ProtoTabs-Body{
 border: 1px solid #ccc;
 border-top:0px;
}
/* */



 .SocialNetwork-sharing #title{
  color:#006633;
  font-weight:bold;
 }

 .SocialNetwork-sharing #block,#SocialNetwork-sharing #description {
  padding:4px;
 }


.SocialNetwork-sharing ul#networks{
margin:0px;
text-align:center
}

.socialNetworks ul#networks li{
list-style: none;
display: inline;
margin: 0px;
padding: 3px 0.5em;
margin-right: 3px;
}

.socialNetworks input#inputShareBeatPageUrl{
width:300px;
}


.SocialNetwork-sharing #socNet-Links{
width:90%
}

.SocialNetwork-sharing #socNet-Links ul{
margin:2px;list-style:none;float:left
}
.SocialNetwork-sharing #socNet-Links li{
margin:2px;list-style:none;float:left;width:105px
}
.SocialNetwork-sharing #socNet-Links img{
padding:0 3px
}


/* ADZONE */

.Adzone-Producers{
text-align:left;
margin-top:5px;
}

.Adzone-Producers li{
color:#666;
list-style:none;
padding:4px;
background-position:0 .5em;
padding-left:18px;
border-bottom:1px dotted #d3d7cf;
font-size:12px;
margin-left:0;
_padding-left:2px; /* For IE, it will remove the underscore*/
}
.Adzone-Producers #photo{
float:left;
width:75px;
height:75px;
line-height:80px;
padding:1px;
border: 1px solid #ccc;
text-align:center;
}
.Adzone-Producers #info{
float:left;
width:145px;
padding:2px;
margin:0px;
}
.Adzone-Producers #info li#nickname{
font-weight:bold;
background-image:url(/bin/images/icon/bullet_star.png);
background-repeat:no-repeat;
}
.Adzone-Producers #info li a{
text-decoration:none
}





/*WEBSERVICE: Widget */

.WebService-Widget-Wrapper ul{
  overflow:hidden;
  margin:0;
  padding:0
}
.WebService-Widget-Wrapper ul li{
  padding:0;
  float:left;
  list-style:none;
  overflow:hidden;
}


/* Flickr */
.WS-Flickr ul {
  width:200px;
}

.WS-Flickr ul li{
  width:80px;
  margin:5px 10px;
  border:1px solid #ccc;
  padding:1px;
  float:left;
  list-style:none;
  width:76px;
  text-decoration:none
}

/* Youtube */
.WS-Youtube ul {
  width:200px;
}

.WS-Youtube ul li{
  width:80px;
  margin:5px 10px;
  border:1px solid #ccc;
  padding:1px;
  float:left;
  list-style:none;
  width:76px;
  text-decoration:none
}

/* Twitter */
.WS-Twitter ul {
  width:200px;
}

.WS-Twitter ul li{
  width:20px;
  margin:5px 10px;
  border:1px solid #ccc;
  padding-bottom:10px;
  float:left;
  list-style:none;
  width:76px;
  text-decoration:none
}

.ModalView{
 font-size:13px;
}
.ModalView #headerTitle{
 font-size:20px;
 font-weight:bold;
 color:#3464a5
}
.ModalView .Content {
padding:10px;
padding-left:25px;
}



/* ---------------------------- */
/* Beat Box Styling: beats.php,beat.php,profile.php, everywhere that will show the beatbox*/

/* SOME DEFAULT SETTINGS */
/* ---------------------------- */
/* Beat box Searh */
.beatBoxSearchArea{
padding:4px;
}

.beatBoxSearchArea #searchHead #player{
float:left;
}

.beatBoxSearchArea #searchHead #toggleLink{
float:right;
}

.beatBoxSearchArea #toggleLink a{
font-weight:bold;
text-decoration:none
}

.beatBoxSearchArea #toggleLink a:hover{
text-decoration:underline
}

/* ---------------------------- */
/* Genre Menu */
.genreMenu ul{
margin:0;
padding:0;
list-style:none;
display:block;
}
.genreMenu ul li{
list-style:none;
padding:6px;
background-image:url(/bin/images/icon/bullet_white.png);
background-repeat:no-repeat;
background-position:0 .5em;
padding-left:18px;
border-bottom:2px dotted #d3d7cf;
font-size:12px;
margin-left:0;
}
/* To add the play button*/
.genreMenu .beatInfo_BeatsHistory li{
background-image:url(/bin/images/icon/bullet_white.png);
}
.genreMenu .beatInfo_BeatsHistory li#default{
background-image:url(/bin/images/icon/bullet_white.png);
}

.genreMenu li.gnrSelected{
background-image:url(/bin/images/icon/tab_right.png);
background-repeat:no-repeat;
background-position:0 .5em;
font-weight:bold;
border-bottom:none
}
.genreMenu li.gnrSelected a{
color:#333;
text-decoration:none;
}

.genreMenu li a{
font-size:12px
}
.genreMenu #menuTitle{
padding-left:18px;
font-weight:bold;
font-size:13px;
margin-bottom:2px;
height:20px;
line-height:20px
}

ul.subGenreMenu {
color:#ccc;
margin:0;
padding:0;
list-style:none;
margin-left:20px;
}

ul.subGenreMenu li{
list-style:none;
padding:2px;
background-image:url(/bin/images/beatbox/blank.png);
background-repeat:no-repeat;
background-position:0 .5em;
border-bottom:1px solid #d3d7cf;
font-size:10px;
}

ul.subGenreMenu li a{
font-size:10px;
text-decoration:none;
color:#333
}


.genreMenu #menuTitle a{
color:#000;
text-decoration:none
}


#bbs_SideMenu{
 width:165px;
 border:0px solid #ccc;
}


#bbs_SideMenu li{
list-style:none;
padding-bottom:6px;
}




ul.mostWantedBeats li{
list-style:none;
padding:2px;
background-image:url(/bin/images/beatbox/blank.png);
background-repeat:no-repeat;
background-position:0 .5em;
border-bottom:1px solid #d3d7cf;
font-size:10px;
margin-left:2px;
_padding-left:2px; /* For IE, it will remove the underscore*/
}

ul.mostWantedBeats li a{
font-size:10px;
text-decoration:none;
color:#333
}


/* ---------------------------- */
/* Beatbox store layout and template */
#beatboxstore{
margin-top:10px;
}
.beatboxstore_Layout{
margin:4px;
border-bottom:1px dotted #d3d7cf;
text-align:left;
}
.beatboxstore_Layout ul#header{
list-style:none;
display:block;
padding-left:2px;
margin:0;
height:20px;
line-height:20px;
color:#000;
background-image: url(/bin/images/gmb_grid/wbg.gif);
border-bottom:1px solid #ccc;
}

.beatboxstore_Layout ul#header li#title{
 color:#000
}

.beatboxstore_Layout ul{
list-style:none;
display:block;
padding-left:2px;
margin:0;
height:30px;
}
.beatboxstore_Layout ul:hover{
background-color: #ffffcc;
}
.beatboxstore_Layout ul li{
list-style:none;
float:left;
padding-bottom:2px;
}
.beatboxstore_Layout ul li#play{
width:18px;
}
.beatboxstore_Layout ul li#title{
width:200px;
font-weight:bold
}
.beatboxstore_Layout ul li#nickname{
width:150px;
font-size:10px;
}
.beatboxstore_Layout ul li#price{
width:50px;
}
.beatboxstore_Layout ul li#genre{
width:150px;
font-size:10px;
}
.beatboxstore_Layout ul li#license{
width:18px;
text-align:center;
}
.beatboxstore_Layout ul li#favorite{
width:18px;
text-align:center;
}
.beatboxstore_Layout ul li#comments{
width:18px;
text-align:center;
}
.beatboxstore_Layout ul li#buy{
width:85px;
text-align:center;
font-weight:bold;
padding-left:10px;
}
.beatboxstore_Layout ul li#buy a{
color:#000000
}

/* Beat Info Page: beat.php */
.beatInfo{
width:770px;
border:1px solid #d3d7cf;
padding:4px;
margin:2px;
min-height:150px;
height: auto !important;
height:150px;
}
.beatInfo #Details{
float:left;
width:450px;
padding:4px;
border-right:1px dotted #d3d7cf
}
.beatInfo #Buy-Button{
font-weight:bold;
border:1px solid #FFCC00;
padding:6px;
background:#3465a4;
background-image: url(/bin/images/misc/shade.png);
background-position: bottom;
font-size:14px;
}

.beatInfo #Buy-Button a{
text-decoration:none;
color:#fff
}
.beatInfo #Details li{
list-style:none;
margin:0px;
padding:2px;
}
/* Special format for the price */
.beatInfo #Details li#beatTitle{
 background-image: url(/bin/images/icon/sound_mp3.png);
background-repeat:no-repeat;
padding-left:34px;
height:32px;
line-height:32px;
font-size:16px;
}
/* Special format for the price */
.beatInfo #Details li#priceInfo{
 background-image: url(/bin/images/icon/bullet_green.png);
background-repeat:no-repeat;
padding-left:18px;
height:18px;
line-height:15px;
font-size:14px;
margin:4px
}

.beatInfo #Details li#priceInfo #price{
color:green;
font-weight:bold;
font-size:16px;
}

.beatInfo #Details li#linkTitle{
 background-image: url(/bin/images/icon/tab_right.png);
background-repeat:no-repeat;
padding-left:16px;
}
/* Round corner for the producer info */
.beatInfo #Producer-Card{
float:left;
width:300px;
padding-left:2px;
}

.beatInfo #Producer-Card #PhotoHolder{
float:left;
padding:1px;
margin-top:4px;
}

.beatInfo #Producer-Card #PhotoHolder #photo{
width:80px;
height:80px;
line-height:80px;
text-align:center;
border:1px dotted #d3d7cf;
}

.beatInfo #Producer-Card #PhotoHolder #link{
width:80px;
text-align:center;
border:1px dotted #d3d7cf;
height:25px;
line-height:25px;
}

.beatInfo #Producer-Card #PhotoHolder #link a{
color:#999;
text-decoration:none
}

.beatInfo #Producer-Card #Info{
float:left;
margin-left:4px;
margin-top:4px;
color:#666;

}

.beatInfo #Producer-Card #Info li{
list-style:none;
margin:0px;
padding-bottom:10px;
}

.beatInfo #Producer-Card #Info #name{
font-size:18px;
font-weight:bold;
word-wrap:break-word;
}
.beatInfo #Producer-Card #Info #name a{
text-decoration:none
}

.beatInfo .contentInfo{
 color:#333;
 padding:4px;
}


/* Create the round corner for the XtraContent*/
#beatInfoXtraContentOuter{
background:#d3d7cf;
}
#beatInfoXtraContentInner{
background:#fff;
margin:1px;
padding:2px
}
/*----------------------------------------------------------------------------*/
/* Producer Profile: producer.php */


/*----------------------------------------------------------------------------*/
/* Adbeats */
.adBeats-inline{
margin:4px;
}

.beatbox-searchBox #titleBox{
background:#fff;
background-image: url(/bin/images/misc/shade.png);
background-position: bottom;
}
.beatbox-searchBox #title{
size:16px;font-weight:bold;color:#666;
}

/* CSS FOR ACCOUNT */


/* Header */


.Account_UserBlock #name{
font-size:18px;
font-weight:bold;
color:#555753;
font-style:italic;
}
.Account_UserBlock #links{
font-size:10px;
}

.Account_UserBlock #photo{
 margin:5px 0 5px auto ;
}

.Account_UserBlock #photo img{
  border: 2px solid #d3d7cf;
  padding: 2px;
}

 .Account_myPurchasedBeatBox{
 width:100%;
 height:150px;
 overflow:auto;
 }

 .Account_infoModule{
 width:160px;
 height:300px;
 border:1px solid #CCCCCC;
 color:#666666
 }
/* ---MENU SIDE-------------------------------------------------------------- */
#Account_sideMenu dl, #Account_sideMenu dt, #Account_sideMenu dd, #Account_sideMenu ul, #Account_sideMenu li {
margin : 0;
padding : 0;
list-style-type : none;
}
#Account_sideMenu {
width : 150px;
padding : 0;
}

#Account_sideMenu dt {
cursor : pointer;
margin : 2px 0;
height : 32px;
line-height : 32px;
text-align : center;
font-weight : bold;
background-color : #555753;
color:#FFF

}
#Account_sideMenu dt span {
width : 150px;
background-repeat : no-repeat;
background-position : 95% center;
display : block;
color: #fff;
}

#Account_sideMenu dt:hover span {
width : 150px;
background-repeat : no-repeat;
background-position : 95% center;
display : block;
color: #2e3436;
background:#888a85;
}
#Account_sideMenu dt a:hover, #menu dt:hover {
background-color : #888a85;
color:#2e3436
}

#Account_sideMenu dd {
border : thin solid #d9def6;
}
#Account_sideMenu li {
text-align : center;
background-color : #eff3ff;
border-bottom:1px dotted #ccc
}
#Account_sideMenu li a, #menu dt a {
color: black;
text-decoration : none;
display : block;
border : 0 none;
height : 32px;
line-height:32px;
font-size:11px
}
#Account_sideMenu li a:hover {
background-color : #e0ebef;
}
#Account_sideMenu li#selected {
font-weight:bold;
background-color : #e0ebef;
}
/* ------------------------------------------------------------------------- */


 .Account_ColorLight{
 color:#999999
 }

  .Account_ColorDark{
 color:#666666
 }

  .Account_ColorDarker{
 color:#333333
 }

 .Account_myEarnings{
border:1px solid #CCCCCC;
background:#FFFFFF;
color:#666666;
font-size:11px;
padding:2px;

}

.Account_myEarnings #__title{
color:#339900;
font-weight:bold;
}

.Account_myUrl{
color:#333;
font-size:12px;
border: 1px solid #d3d7cf;
padding:4px
}

.Account_myUrl #url{
font-weight:bold
}

.Account_PageTitle{
 color:#333333;
 font-size:18px;
 margin-bottom:15px
}

/* Table Content */

.Account_tableContent{
border:1px solid #CCCCCC;
border-collapse: collapse;
background:#FFFFFF
}

.Account_tableContent .tdHeader{
size:12px;
color:#fff;
background:#333;
 background-image: url(/bin/images/misc/shade.png);
 background-position: bottom;
}

.Account_tableContent .tdHeader a{
color:#fff
}

.Account_tableContent .tdHeader-1{
size:12px;
color:#fff;
background:#ff0000;
 background-image: url(/bin/images/misc/shade.png);
 background-position: bottom;
}

.Account_tableContent .tdHeader-2{
size:12px;
color:#fff;
background:#3333ff;
 background-image: url(/bin/images/misc/shade.png);
 background-position: bottom;
}

.Account_tableContent .tdHeader-3{
size:12px;
color:#333;
background:#ffff33;
 background-image: url(/bin/images/misc/shade.png);
 background-position: bottom;
}


.Account_tableContent .tdHeader-light{
size:12px;
color:#333;
background:#fff;
 background-image: url(/bin/images/misc/shade.png);
 background-position: bottom;
}

.Account_tableContent #tdFooter{
size:12px;
color:#999;
background:#ccc;
}


/* Nifty for widget in the account */
#Account_WidgetBlock{
background:#555753;
color:#FFFFFF;
size:11px;
padding:3px;
text-align:left;
}


/* Auto Completer: Scriptaculous */
    .autocomplete {
      position:relative;
      background:#CCCCCC;
      border:1px dotted #666666;
      margin:0px;
      padding:0px;
	  height:150px;
	  overflow:auto;
    }
    .autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    .autocomplete ul li.selected {
	background: #333333;
	color:#FFFFFF;
	font-weight:bold
	}
    .autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:15px;
      cursor:pointer;
	  font-size:12px;
    }
 /* Notification in Account page */


.Account_Notification li{
list-style:none;
padding:6px;
background-image:url(/bin/images/icon/bullet_white.png);
background-repeat:no-repeat;
background-position:0 .5em;
padding-left:18px;
border-bottom:1px dotted #d3d7cf;
font-size:12px;
margin-left:0;
_padding-left:0; /* For IE, it will remove the underscore*/
 }

.Account_FriendsUpdate{
margin:4px;
border-bottom:1px dotted #d3d7cf
}
.Account_FriendsUpdate ul{
list-style:none;
display:block;
padding-left:2px;
margin:0;
height:35px;
line-height:35px
}
.Account_FriendsUpdate ul:hover{
 background:#FFFFCC;
}
.Account_FriendsUpdate ul li{
list-style:none;
display:inline;
display:-moz-inline-box;
display:inline-block;
*display:inline;
padding:2px;
}

.Account_FriendsUpdate ul li#photo{
width:35px;
height:35px;
text-align:center;
}
.Account_FriendsUpdate ul li#description{
text-align:center;
}

.Account_Login{
}

.Account_Login#table{
border:1px solid #CCCCCC;
border-collapse: collapse;
background:#FFFFFF
}

.Account_Login#modal{
border:0px solid #CCCCCC;
border-collapse: collapse;
background:#FFFFFF
}

.Account_Login #title{
font-size:14px;
font-weight:bold;
color:#204a87;
font-style:italic;
border-bottom:2px dotted #fce94f;
text-align:left;
padding:4px;
}


.Account_infoBlock{
color: #858585;
border:1px solid #dedede;
margin:10px;
text-align:left;
padding:10px;
background: url(/bin/images/icon/info_page_32_32.png) no-repeat left;
min-height:35px;
padding-left:35px;
}

.Account_navLinkBox{
margin:4px;padding:2px;border:1px solid #ccc
}

.Account_navLinkBox li{
list-style-type : none;
display:inline
}

.Account_bbsSetup{
}

.Account_bbsSetup #pricingPlan{
border:1px dotted #d3d7cf;
 width:605px;
 padding:2px;
 margin-top:4px;
}

.Account_bbsSetup #pricingPlan-Pro{
}

.Account_bbsSetup #pricingPlan-Name{
 font-weight:bold;
 font-size:32px;
 padding:4px;
 color:#a40000
}
.Account_bbsSetup #pricingPlan-Name2{
 font-weight:bold;
 font-size:20px;
 padding:4px;
 color:#555753
}
.Account_bbsSetup #pricingPlan-COntent{
padding:4px;
}

.Account_bbsSetup #pp12{
padding:2px;
border: 2px solid #a40000;
background:#ffffcc
}
.Account_bbsSetup #pp12 span{
font-weight:bold;
font-size:16px
}

.Account_bbsSetup #pp6{
padding:2px;
border: 1px solid #729fcf
}
.Account_bbsSetup #pp6 span{
font-weight:bold;
font-size:14px
}
.Account_bbsSetup #pp3{
padding:2px;
border: 1px solid #d3d7cf
}
#pp3 span{
font-weight:bold;
font-size:12px
}
.Account_bbsSetup #basic{
padding:2px;
border: 1px solid #d3d7cf
}

.Account_bbsSetup #planContent{
padding:2px;
border: 1px solid #d3d7cf;
margin:2px;
font-size:13px;
background:#ffffcc
}
.Account_bbsSetup #planContent ul{
margin:0;
padding:0;
}
.Account_bbsSetup #planContent li{
list-style:none;
font-size:13px;

background-image:url(/bin/images/icon/bullet_red.png);
background-repeat:no-repeat;
padding:2px;
padding-left:18px;

}

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align:left;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close,
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext,
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button,
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}