/* Moving Boxes demo CSS */

#wrapper{}
#wrapper h2 {font-family:Arial;font-size:12px;color:#666;text-align:center;text-decoration:none;}
#wrapper h2:hover {font-family:Arial;font-size:12px;color:#467bb8;text-align:center;text-decoration:none;}

/* panel images */
.mb-inside img {width:100%;}
#slider-two .current img {height:auto;}

/* panel links */
.mb-inside a {color:#333;text-decoration:none; /*border-bottom: 1px dotted #ccc;*/ border-bottom:none;
}
.mb-inside a:hover {border-bottom: 1px solid #999;}

/* Add/remove panels buttons */
.buttons {padding:5px 10px;text-align:center;}

/* direct link styling */
.dlinks {text-align:center;font-size:20px;}

/*** Overall MovingBoxes Slider ***/
.mb-wrapper {width:200px;height:auto;border:1px solid #ccc;margin:0 auto;position:relative;left:0;top:0;}

/* Panel Wrapper */
.mb-slider, .mb-scroll {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0;background:#f2f2f2;
 /***(>'-')> Control Panel Font size here <('-'<)***/
font-size: 18px;}

/* active slider border highlight */
.mb-active-slider {/*  border-color: #d3d2d1;*/}

/*** Slider panel ***/
.mb-slider .mb-panel {width:350px;margin:0 auto;padding:5px;display:block;cursor:pointer;float:left;list-style:none;}

/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {cursor:auto;background-color:none;}

/*** Inside the panel ***/
.mb-inside {padding:10px;border:none;}

.mb-inside * {max-width: 100%;}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {display:block;width:45px;height:58px;background:transparent url(../images/arrows.png) no-repeat;position:absolute;top:50%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;}
a.mb-scrollButtons.mb-left {background-position:left top;left:-45px;}
a.mb-scrollButtons.mb-right {background-position:right top;right:-45px;}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom;}
a.mb-scrollButtons.mb-right:hover {background-position:right bottom;}
a.mb-scrollButtons.disabled {display:none;}

/*** Controls added below the panels ***/
/*.mb-controls {margin:0 auto;text-align:center;background:#ccc;position:relative;z-index: 100;}
.mb-controls a{color:#444;font:12px Arial;display:inline-block;text-decoration: none;padding:0;height:50px;margin:0 auto;text-align:center;outline: 0;
}*/
.mb-controls a.current, .mb-controls a:hover {color:#fff;}
.mb-active-slider .mb-controls {background:transparent;}