/*
Theme Name: Xlab 2009
Theme URI: http://www.xlab.com.br
Description: Theme created for Xlab web site.
Version: 1.0
Author: Xlab
Author URI: http://www.xlab.com.br
Tags: custom header, custom fields, more custom things

	Xlab v1.0
	http://www.xlab.com.br

	This theme was designed and built by awesome Xlab team,
	whose blog you will find at http://www.xlab.com.br/blog/
*/

/* zerando os problemas */
* {
	margin: 0;
	padding: 0;
}

body {
	margin:  0;
	font-size: 12px; /* Resets 1em to 10px */
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #fff url('images/bg.gif');
	background-repeat: repeat;
	color: #333;
	text-align: center;
}

/**************** coringas *****************************/

* {
	padding: 0;
	margin: 0;
}

.zeraFloat {
   float: none;
   clear: both;
   font-size: 1px;
   margin-bottom: -1px;
   height: 1px;
   margin: 0;
   padding: 0;
}


.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.notList * {
	list-style: none !important;
}

.notList ul li {
	list-style: none;
}

.cursorNormal {
	cursor: inherit !important;
}

/* para alinhar botao do contact form */
.gambi1 {
	margin-right: -8px;
	margin-top: 2px;
}

.overHidden {
	overflow: hidden;
}

.displayOn {
	display: block;
}

.displayOff {
	display: none;
}

.cursorPadrao {
	cursor: default;
}
/******************************************************/

/**************** Global TAGS *************************/

h1 {
	font-size: 18px;
}

h2 {
	font-size: 18px;
}

h6 {
	font-size: 12px;
	color: #b2b3b6;
	font-style: italic;
	margin: 0 0 5px 0;
}

/* usada na sidebar de jobs em clientes */
h5 {
	color: #b3bb1e;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

p {
	margin: 0 0 15px 0;
}


/***************** Class TAGS *************************/
.hasLink a, hasLink a:visited {
	color: #1faac2;
	text-decoration: none;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	text-align:left;
}

.hasLink a:hover {
	text-decoration: underline;
}

.sideBarLink a, sideBarLink a:visited {
	color: #1faac2;
	text-decoration: none;
	padding: 0 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.sideBarLink a:hover {
	text-decoration: underline;
}

.spaceList ul li{
	line-height: 20px;
}

/******************************************************/

/***************** Cores ******************************/

.gray1 {
	color: #404040;
}

.verdex {
	color: #c7d11b;
}
/******************************************************/

/**** classes usadas pelo administrador de conteudo ***/
.h2SquareG {
	padding: 0 0 0 26px;
	background-image: url(images/arrow_square.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #404040;
	margin: 0 0 8px 0;
}

.h2SquareP {
	padding: 0 0 0 18px;
	background-image: url(images/arrow_squareP.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #404040;
	margin: 0 0 4px 0;
}


/******************************************************/

/***************** start estrutura ********************/
/******************************************************/

#header {
	width: 980px;
	height: 106px;
	margin:  0 auto;
}
	
#logo {
	width: 155px; /* real 165 */
	height: 66px; /* real 106 */
	float: left;
	padding: 30px 0 0 10px;
}

#logo img {
	border: none;
}

#menu {
	width: 540px; /* real 580 */
	height: 60px; /* real 106 */
	float: left;
	padding: 46px 0 0 25px;
}

#busca {
	width: 235px;
	height: 62px; /* real 106 */
	float: left;
	padding: 44px 0 0 0;
	font-weight: bold;
}

#busca * {
	float: left;
}

#destaqueOut {
}

#destaqueIn {
	width: 981px;
	height: 417px;
	margin: 0 auto;
	background-repeat: no-repeat;
	padding: 0;
}

#destaqueIn2 {
	width: 981px;
	height: 600px;
	margin: 0 auto;
	background-repeat: no-repeat;
	padding: 0;
}

/* box de lista de logos */
#logoListOut {
	height: 332px;
	background-color: #181818;
}

#logoListIn {
	width: 980px;
	height: 332px;
	margin: 0 auto;
	/*background-image: url(images/logoList.gif);*/
	border-left: 1px dotted #47491a;
}
#logoListIn ul{
	list-style:none;	
	margin: 0px;
	padding: 0px;
}
#logoListIn ul li{
	float:left;
	margin:0px;
	padding:0px;
}
#logoListIn ul li a{
	width: 195px;
	overflow:hidden;
	display:block;
	border-right: 1px dotted #47491a;
	border-bottom: 1px dotted #47491a;
}


#lastPostsOut {
	/* apenas div container caso seja necessário no futuro */
}


#lastPostsIn {
	width: 980px; /* 980 */
	min-height: 320px;
	margin: 40px auto 0 auto;
	padding: 0 0 0 10px;
	overflow: hidden;
}

#toolsOut {
	height: 115px;
	margin: 20px;
}

#toolsIn {
	width: 980px;
	height: 113px;
	margin: 0 auto;
	border-top: solid 2px #171717;
	text-align: left;
}

#rodapeOut {
	height: 30px;
	background-color: #b3bc1e;
	margin: 0;
}

#rodapeIn {
	width: 980px;
	margin: 0 auto;
}

#postNotif {
	width: 456px;
	height: 75px;
	text-align: left;
	margin: 20px 0 0 0;
}

#network {
	width: 410px;
	height: 75px;
	text-align: left;
	margin: 20px 0 0 0;
}

#network img {
	border: none;
}

#contentOut {

}

#contentIn {
	width: 980px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

#contentInBlog {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#contColLeft {
	width: 590px;
	float: left;
}

#contColRight {
	width: 360px;
	float: left;
	margin: 0 0 0 25px;
}

#contColRightBlog {
	width: 385px;
	float: left;
	margin: 0;
}

#menuLateral {
	width: 388px;
	height: 416px;
	background-color: #000000;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
}

/*************** fim estrutura ************************/

/******************************************************/

/****  rodape de cada post ******************/
.postFooter {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #5b5b5b;
	margin-top:25px;
	margin-bottom: 5px;
	padding: 0px;
}

.postFooter a, .postFooter a:visited {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #1faac2;
	text-decoration: none;
}

.postFooter a:hover {
	text-decoration: underline;
}

/* margem para a side bar */
.sibeMargin {
	margin: 20px 0 0 25px;
}
.page-trabalhe ul	{
	list-style:none;
}
.page-trabalhe ul li	{
	height:24px;
}
.page-trabalhe ul li span	{
	height:25px;
	padding:3px 5px;
	background:#000000;
	color:#b3bb1e;
	font-family:Georgia;
	font-size:12px;
}
.trabalho-colaborador	{
	float:left;
	width:245px;
	height:139px;
}
.trabalho-texto	{
	float:left;
	width:490px;
	height:139px;
}


/* formatacao */
.postContent {
	font-family: Geneva, "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	margin: 8px 0 0 0;
}


/* peoplesidebar objects */
.psContainer {
	height: 113px;
	margin: 0 0 7px 0;
}

.psImage {
	width: 165px;
	height: 113px;
	float: left;
	background-color: #999999;
}

.psTxt {
	width: 182px;
	height: 113px;
	float: right;
}



.destaqueBG {
	background-image: url(images/destaqueBG2.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.destaqueBG3 {
	background-image: url(images/destaqueBG3.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.destaqueBG2 {
	background-image: url(../images/destaqueBG.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: red;
}




/* POst notification Template */
.postNot_box_out {
	width: 489px;
	min-height: 138px;
	float: right;
	margin: 139px 2px 0 0;
}

.postNot_box_in {
	margin: 10px 0 0 10px;
	color: #CCCCCC;
}

.postNotInput {
	border: solid 1px #ccc;
	height: 17px; /* 19 */
	padding: 2px 0 0 5px;
	margin: 0 3px 5px 0;
}

.postNot_box {
	margin: 10px 0 0 0;
}

.postNotBG {
	background-image: url(images/bg_postNotPage.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

/* bloco dos posts */
.blogPostDate {
	color: #b3bb1e;
	font-size: 15px;
}

.blogPostDate2 {
	background-color: #000000;
	color: #b3bb1e;
	font-size: 14px;
	padding: 1px 17px 2px 5px;
	margin: 0 10px 0 0;
	background-image: url(images/arrow_square.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.blogPost {
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #333333;
}

.blogPost h2 a {
	color: #404040;
	text-decoration: none;
}

.blogPost h2 a:hover {
	text-decoration: underline;
}

/********* Job Post Box  *********/
#menuLatJobPost {
	width: 388px;
	background-color: #000000;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
}

#jobPostContainer {
	width: 383px;
	height: 595px;
	overflow: auto;
	position: relative;
	margin: 0 0 0 5px;
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.jobPostBox {
	height: 110px;
	border-bottom: dotted 1px #4e4c1c;
}

.leftImage {
	width: 140px;
	height: 98px;
	overflow: hidden;
	float: left;
	margin: 5px 0 0 3px;
}

.rightInfo {
	width: 216px;
	height: 98px;
	overflow: hidden;
	float: left;
	margin: 5px 0 0 0;
	background-image: url(images/bg_clintesJobBox.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.rightInfoDesc {
	margin: 0 0 0 10px;
}

.rightInfoDesc a, rightInfoDesc a:visited {
	color: #1faac2;
	text-decoration: none;
	padding: 0 2px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	display: block;
}

.rightInfoDesc a:hover {
	text-decoration: underline;
}

.jobTipo {
	margin-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}


/********* comentarios ***********/
.commentlist {
	list-style: none;
}

.commentBox {
	margin-bottom: 15px;
}

.commentLeft {
	width: 86px; /* 111 */
	background-color: #cfd0d2;
	float: left;
	text-align: right;
	padding: 20px 15px 10px 10px;
}

.commentRight {
	width: 449px; /* 479 */
	min-height: 100px;
	float: left;
	background-color: #ededed;
	background-image: url(images/bg_commentArrow.gif);
	background-repeat: no-repeat;
	padding: 20px 15px 5px 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.commentAuthor {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #404040;
}

.commentAuthor a, .commentAuthor a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	color: #404040;
}

.commentAuthor a:hover {
	color: #1faac2;
}

.commentmetadata {
	color: #959597;
	font-weight: bold;
	margin-top: 20px;
	display: block;
}

.commentTxtArea {
	width: 590px;
}

.commentTxtArea textarea {
	width: 578px;
	border: solid 1px #a0a1a5;
	padding: 3px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.bt_enviarComentario {
	width: 75px;
	height: 21px;
	float: right;
	z-index: 2;
	position:relative;
	margin-top: -20px;
}

.subscribe-to-comments {
	float: left;
	background-color: #CCCCCC;
	z-index: 1;
	position:relative;
	width: 100%;
	height: 19px;
}
/*********** fim dos comentarios *******************/

.homePostDate {
	color: #b3bb1e;
	font-size: 14px;
}

.homePost {
	width: 305px;
	margin: 20px 20px 0 0;
	float: left;
}

.homePost h2 a {
	color: #404040;
	text-decoration: none;
}

.homePost h2 a:hover {
	text-decoration: underline;
}

.homepostContent {
	min-height: 150px;
}


.continue {
	margin: 1px 0 0 0;
}

.continueLink a, .continueLink a:visited {
	color: #009fba;
	text-decoration: none;
	padding: 2px 5px;
	display: block;
	text-align: right;
	width: 115px;
	float: right;
}

.continueLink a:hover {
	text-decoration: underline;
	/*background-color: #e7e7e7;*/
}

.tt_lastPosts {
	padding: 0 0 0 26px;
	background-image: url(images/arrow_square.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/****************  Busca  ********************/
.bg_busca {
	background: #fff url('images/bg.gif');
	background-repeat: repeat;
	min-height: 500px;	
}


/*************** Top Side Bar ***************/

/* medida de emergencia para topsidebar */
.temp1 {
	font-size: 18px;
	color: #b3bb1e;
	text-decoration: none;
	background-image: url(images/bg_btSidebarOn.gif);
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding: 3px 20px 0 10px;
	width: 96px; /* 126 */
	height: 24px; /* 27 */
	text-transform: uppercase;
}

.temp1 {
	font-size: 18px;
	color: #b3bb1e;
	text-decoration: none;
	background-image: url(images/bg_btSidebarOn.gif);
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding: 3px 20px 0 10px;
	width: 354px; /* 384 */
	height: 24px; /* 27 */
}

.topSidebarBottom {
	height: 28px;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	background-color: #161616;
	width: 388px;
}	

#topSidebarMenu {
	height: 28px;
	border-bottom: solid 1px #fff;
	background-color: #161616;
}

#topSidebarMenu ul {
	list-style: none;
}

#topSidebarMenu ul li {
	list-style: none;
	display: inline;
}

#topSidebarMenu a, #topSidebarMenu a:visited {
	font-size: 18px;
	color: #6e6e6e;
	text-decoration: none;
	background-image: url(images/bg_btSidebarOff.gif);
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding: 3px 20px 0 10px;
	width: 96px; /* 126 */
	height: 24px; /* 27 */	
}

#topSidebarMenu a:hover, #topSidebarMenu a:active {
	color: #b3bb1e;
	background-image: url(images/bg_btSidebarOn.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.menuBorderR {
	border-right: solid 1px #fff;
}

.boxCategoria {
	width: 357px;
	height: 345px;
	overflow: hidden;
	margin: 15px 0 0 17px;
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.boxCategoria * {
	list-style: none;
}

.boxCategoria ul {
	list-style: none;
}

.boxCategoria ul li {
	display: block;
	border-bottom: dotted 1px #56581e;
	width: 115px;
	float: left;
	margin: 5px 4px 0 0;
	padding-bottom: 3px;
}

.boxCategoria a, .boxCategoria a:visited {
	color: #dde1df;
	text-decoration: none;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 5px;
}

.boxCategoria a:hover {
	color: #b3bb1e;
}

.boxTags {
	width: 350px;
	height: 345px;
	overflow: hidden;
	margin: 15px 0 0 17px;
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.boxTags a, .boxTags a:visited {
	color: #dde1df;
	text-decoration: none;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0 1px;
}

.boxTags a:hover {
	color: #b3bb1e;
}

/********************************************/

/* network icons */
div#iconsContainer {
}

div#iconsContainer a {
}

div#iconsContainer a:hover {
	background: transparent;
}
div#iconsContainer a span {
	display: none;
	height: 25px;	
	float: left;
	position: relative;
	bottom: 52px;
	text-decoration: none;
}

div#iconsContainer a:hover span {
	display: block;
	_display: none;
}

.iconLeg1 {
	background-color: #000;
	background-image: url(images/bg_iconLeg1.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 17px; /* 20 */
	padding: 3px 15px 0px 5px;
	color: #b3bb1e;
	font-weight: bold;
	font-style: italic;
}

.iconLeg2 {
	background-image: url(images/bg_iconLeg2.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 5px;
	width: 30px;
}

.iconBox {
	width: 25px;
	height: 25px;
	float: left;
	margin: 20px 0 0 20px;
}

.socialnet {
	margin-left: 50px;
}


/* background dos socialnet icones */

.feeds {
	background-image: url(images/neticons/off_rss.gif);
	background-repeat: no-repeat;
}

.twitter {
	background-image: url(images/neticons/off_twitter.gif);
	background-repeat: no-repeat;
}

.flickr {
	background-image: url(images/neticons/off_flickr.gif);
	background-repeat: no-repeat;
}

.technorati {
	background-image: url(images/neticons/off_technorati.gif);
	background-repeat: no-repeat;
}

.delicious {
	background-image: url(images/neticons/off_delicious.gif);
	background-repeat: no-repeat;
}

.favoritos {
	background-image: url(images/neticons/off_bookmark.gif);
	background-repeat: no-repeat;
}

.ning {
	background-image: url(images/neticons/off_ning.gif);
	background-repeat: no-repeat;
}

.orkut {
	background-image: url(images/neticons/off_orkut.gif);
	background-repeat: no-repeat;
}

.maps {
	background-image: url(images/neticons/off_maps.gif);
	background-repeat: no-repeat;
}

/********************************************/

.pagenav {
	list-style: none;
}

.pagenav ul {
	
}

.pagenav li {
	display: inline;
}

.pagenav a, .pagenav a:visited {
	display: block;
	padding: 2px 5px;
	font-size: 110%;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	float: left;
	margin-right: 10px;
	font-weight: bold;
}

.pagenav a:hover {
	color: #c7d11b;
}

.searchInput {
	border: solid 1px #a0a1a5;
	width: 146px;
	height: 15px; /* real 19 */
	margin: 0 2px 0 5px;
	padding: 2px;
}

.newsInput {
	border: solid 1px #a0a1a5;
	height: 15px; /* real 19 */
	width: 200px;
	margin: 0 0 3px 0;
	padding: 2px 5px;
}

.footerRobot {
	width: 31px;
}

.footerEnd {
	padding: 5px 0 0 10px;
}

.footerEmail {
	height: 18px;
	background-color: #181818;
	padding: 2px 8px;
	float: right;
	margin: 4px 0 0 0;
}

.footerEmail a:hover {
	color: #fff;
}

.footerEmail a, .footerEmail a:visited {
	color: #b5be24;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

.news {
	display: block;
	margin: 0 0 10px 0;
}

.newsForm {
	width: 215px;
}

.teste {
	margin: 0;
}

/****** font face ********/
.postFont {
	font-family: "Trebuchet MS", Geneva, Verdana, Arial;
}

/******* font size *******/
.font120 {
	font-size: 18px;
}

.font110 {
	font-size: 16px;
}

.font100 {
	font-size: 12px;
}

.font80 {
	font-size: 11px;
}

.font75 {
	font-size: 10px;
}

/* Temporario */
.bg_agencia {
	width: 980px;
	height: 418px;
	margin: 0 auto;
	background-image: url(images/temp/destaqueAgencia.jpg);
	background-repeat: no-repeat;
	padding: 0;
}

.bg_clientes {
	width: 980px;
	height: 418px;
	margin: 0 auto;
	background-image: url(images/temp/destaqueClientes.jpg);
	background-repeat: no-repeat;
	padding: 0;
}

.bg_contato {
	width: 980px;
	height: 418px;
	margin: 0 auto;
	background-image: url(images/temp/destaqueContatos.jpg);
	background-repeat: no-repeat;
	padding: 0;
}

/****************** formulario de contato *********************/

.contactForm {
	margin-top: 20px;
}

.selectContato {
	border: solid 1px #999999;
	width: 368px;
	height: 19px;
	padding-top: 1px;
}

.formInput {
	width: 356px;
	height: 19px;
	border: solid 1px #a0a1a5;
	padding: 1px 5px;
}

.formTxtArea {
	width: 366px;
	height: 131px;
	border: solid 1px #a0a1a5;
}

/**************/



/************ Prop herdadas *************/

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
}

/* classes used by the_meta_topimage() */
.post-meta-key-image {
	width: 590px;
	height: 416px;
	overflow: hidden;
}


/***************************************************************/

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #333333 url(images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #515151 url(images/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #333333 url(images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #515151 url(images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: red url(images/horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #666666 url(images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */