/* Main body of slide out form */
.dc-contact-slick {
color: #fff;
background: #000;
}
.dc-contact-slick, .dc-contact-slick .tab {
border: 3px solid #ccc;
}
 
/* Tab styles */
.dc-contact-slick .tab {
cursor: pointer;
font-size: 13px;
line-height: 13px;
background: #000;
padding: 12px 15px;
color: #fff;
font-weight: bold;
}
 
/* AJAX loading animation */
.dc-contact-content .loading {
background: url(skins/images/loading_black.gif) no-repeat 5px center;
padding: 20px 10px 20px 45px;
}
 
/* The following rules depend on position of form */
 
/* For slide out forms positioned left or right */
.dc-contact-slick.right .tab, .dc-contact-slick.left .tab {
top: 0;
}
 
/* For slide out forms positioned right */
.dc-contact-slick.right  {
right: 0;
}
.dc-contact-slick.right .tab {
left: 3px;
margin-top: -3px;
}
.dc-contact-slick.right, .dc-contact-slick.right .tab {
border-right: none;
}
 
/* For slide out forms positioned top */
.dc-contact-slick.top  {
top: 0;
}
.dc-contact-slick.top .tab {
bottom: 3px;
background-position: 0 100%;
}
.dc-contact-slick.top, .dc-contact-slick.top .tab {
border-top: none;
}
 
/* For slide out forms positioned left */
.dc-contact-slick.left  {
left: 0;
}
.dc-contact-slick.left .tab {
right: 3px; margin-top: -3px;
background-position: 100% 0;
}
.dc-contact-slick.left, .dc-contact-slick.left .tab {
border-left: none;
}
 
/* For slide out forms positioned bottom */
.dc-contact-slick.bottom  {
bottom: 0;
}
.dc-contact-slick.bottom .tab {
top: 3px;
background-position: 0 0;
}
.dc-contact-slick.bottom, .dc-contact-slick.bottom .tab {
border-bottom: none;
}
 
/* For slide out forms positioned bottom right or top right */
.dc-contact-slick.align-right .tab {
margin-right: -3px;
}
 
/* For slide out forms positioned bottom left or top left */
.dc-contact-slick.align-left .tab {
margin-left: -3px;
}