/* How to make Rounded Corners for Connect */
/*
	 One with Gray border and white background
		<div class="cB">
 	   		<div class="cBt"><div></div></div>
             
  			<div class="cBb"><div></div></div>
		</div>
	
	One with 0px border and gray background
		<div class="cB-gray">
 	   		<div class="cBt-gray"><div></div></div>
             
  			<div class="cBb-gray"><div></div></div>
		</div>
				
		
		
		
*/		

/*rounded corners with Border*/
.cB {
  background:white;
  border:1px #E9E9E9 solid;
  border-width:0 1px;
  padding:0 10px;
  margin-left:1px;
  
}
.cBt, .cBb, .cBt div, .cBb div {
  background:url(../images/rb_topbottom.png) top right;
  height:7px;
}
.cBt div { background-position:top left; }
.cBb div { background-position:bottom left; }
.cBb { background-position:bottom right; }
.cBt, .cBb {
  margin:0 -12px 0 -12px;
  padding-right:18px;
}



/*rounded corners without Border*/
.cB-gray {
  background-color:#e9e9e9;
  padding:0 10px;
  margin-left:1px;
  
}
.cBt-gray, .cBb-gray, .cBt-gray div, .cBb-gray div {
  background:url(../images/rb_topbottom_gray.png) top right;
  height:8px;
}
.cBt-gray div { background-position:top left; }
.cBb-gray div { background-position:bottom left; }
.cBb-gray { background-position:bottom right; }
.cBt-gray, .cBb-gray {
  margin:0 -11px 0 -11px;
  padding-right:18px;
}

/*Button*/
.roundCorner
{
    background-color: #000000;
    color:#FFFFFF;
    text-align :center;
    font-family:arial, helvetica, sans-serif;
    font-weight:normal;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
    border-color: #FFFFFF;
    border-width: 0px;
    background-color:Transparent; 
    background-repeat:no-repeat; 
    background-position:left; 
    cursor:pointer; 
    white-space:pre-line;
    font-size:16px;
}