/* this makes it possible to add next button beside scrollable */
.scrollable {float:left;}

/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(/img/layout/hori_medv2.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:10px 0;cursor:pointer;font-size:1px;}
a.browse-disabled {display:block;width:30px;height:30px;float:left;margin:10px 0;cursor:default;font-size:1px;}

.grid a.browse {margin:72px 0 0 0;}
.community-slider a.browse {margin:10px 0;}
.team a.browse {margin:122px 0 0 0;}
#glossary a.browse {margin:210px 0 0 0;}
.work a.browse {margin:300px 0 0 0;}
.casestudies a.browse {margin:198px 0 0 0;}
.casestudies a.browse-disabled {margin:198px 0 0 0;}

/* right */
a.right, a.right2, a.right3 {background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover, a.right2:hover, a.right3:hover {background-position:-30px -30px;}
a.right:active, a.right2:active, a.right3:active {background-position:-60px -30px;} 

/* left */
a.left, a.left2, a.left3 {margin-left: 0px;} 
a.left:hover, a.left2:hover , a.left3:hover {background-position:-30px 0;}
a.left:active, a.left2:active, a.left3:active {background-position:-60px 0;}

/* up and down */
a.up, a.down {background:url(/img/scrollable/arrow/vert_large.png) no-repeat; float: none;margin: 10px 50px;}

/* up */
a.up:hover {background-position:-30px 0;}
a.up:active {background-position:-60px 0;}

/* down */
a.down {background-position: 0 -30px;}
a.down:hover {background-position:-30px -30px;}
a.down:active {background-position:-60px -30px;} 


/* disabled navigational button */
a.disabled {visibility:hidden !important;}