body    { margin:0; font: 14px "Open Sans",Helvetica,Arial,sans-serif; margin:0; padding:0; overflow:hidden; line-height:23px; color:#333; }
#ticker { width: 100%; height: 100%; overflow:hidden; border:0; }
#ticker #header { width:100%; height: 15px; font-size:15px; font-weight:700; padding:5px; border-top:3px solid #a4cce8 }
#ticker #header #logo { background: url("/img/tickers/logoJobat_small.jpg") no-repeat scroll 0 0; display:block; float:right; width:111px; height:25px; margin-right:10px; }
#ticker #scroller { overflow: hidden;position: relative; width:100%;}
#ticker #scroller .container  { position:absolute; float:left; width:100%; }
#ticker #scroller .container .jobitem  { background-color:#e4f0f8; border-bottom:1px solid #fff; cursor:pointer; height:51px; padding:2px 5px; }
#ticker #scroller .container .jobitem:hover { color:#4999d1; }
#ticker #scroller .container .jobitem span  { text-overflow: ellipsis; overflow: hidden; white-space:nowrap; display:block; }
#ticker #scroller .container .jobitem span.title   { font-weight:700; padding-top:2px; }
#ticker #scroller .container .jobitem div.logo { float:left; height:100%; width:85px; }
#ticker #scroller .container .jobitem div.logo img {  height:40px; padding-top:5px; }
#ticker #searchform { margin-top: 10px; }
#ticker #searchform input[type="text"]  { border: 1px solid #a4cce8; border-radius: 5px; box-sizing: border-box; float: left; font-size: 15px; height: 100%; margin: 0; padding: 5px; }
#ticker #searchform #btnSearch   { border: 1px solid #a4cce8; border-radius: 5px; box-sizing: border-box; color: #fff; height: 30px; margin: 0; padding: 0; width: 30px; background: #a4cce8 url("/img/tickers/search.png") no-repeat scroll 6px 6px; cursor:pointer; float:right; margin-right:5px; }

/*HBVL*/
#ticker.hbvl #scroller .container .jobitem { background-color: #D3DBDE; }

/*ABTEST1*/
#ticker.abtest1 { border:1px solid #E7E6E2; width:99% }
#ticker.abtest1 #header { border-bottom:1px solid #E7E6E2; border-top:0; height:auto; padding:20px 0; }
#ticker.abtest1 #header #logo { float:none; margin: 0 auto; background: none; width:205px; height: 24px; }
#ticker.abtest1 #header #logo img { float:none; margin: 0 auto; background: none; width:205px; height: 24px; }
#ticker.abtest1 #scroller_up a{ border:1px solid #E7E6E2; border-top:0px; border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px;  -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px; display:block; margin:0 auto; width:10px; height:8px; padding:7px 10px 8px; cursor:pointer;}
#ticker.abtest1 #scroller_down a { border:1px solid #E7E6E2; border-bottom:0px;border-top-left-radius: 5px;  border-top-right-radius: 5px; -moz-border-top-left-radius: 5px;  -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px; display:block; margin:0 auto; width:10px; height:8px; padding:8px 10px 6px; cursor:pointer;}
#ticker.abtest1 #scroller .container .jobitem  { border-top:1px solid #FFF; height:90px; padding:10px 5px; }
#ticker.abtest1 #scroller .container .jobitem:hover { color:#333; }
#ticker.abtest1 #scroller .container .jobitem span.title   { color:#003769; max-height:50px; text-overflow: none; overflow: hidden; white-space:normal;}
#ticker.abtest1 #scroller .container .jobitem:first-child { border:0px; }
#ticker.abtest1 #scroller .container .jobitem a.btn { font-weight: bold; border: 1px solid #739205; text-shadow: 0 1px 0 #545454; text-decoration: none; cursor:pointer; display:inline-block; margin: 6px auto 0; text-align:center; color:white;overflow:visible;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;padding:2px 25px 2px 10px; outline: 0 none; box-shadow: inset 0 0 1px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 1px rgba(255,255,255,1); -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1); position:relative; background: #8ab200 url("/img/tickers/greenarrow.jpg") no-repeat scroll right 10px ;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0cd02', endColorstr='#8ab200'); }
#ticker.abtest1 #scroller .container .jobitem div.logo { padding: 5px; }

/*ABTEST2*/
#ticker.abtest2 { border:1px solid #E7E6E2; width:99% }
#ticker.abtest2 #header { border-bottom:1px solid #E7E6E2; border-top:0; height:auto; padding:20px 0; }
#ticker.abtest2 #header #logo { float:none; margin: 0 auto; background: none; width:205px; height: 24px; }
#ticker.abtest2 #header #logo img { float:none; margin: 0 auto; background: none; width:205px; height: 24px; }
#ticker.abtest2 #scroller_up a{ border:1px solid #E7E6E2; border-top:0px; border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px;  -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px; display:block; margin:0 auto; width:10px; height:8px; padding:7px 10px 8px; cursor:pointer;}
#ticker.abtest2 #scroller_down a { border:1px solid #E7E6E2; border-bottom:0px;border-top-left-radius: 5px;  border-top-right-radius: 5px; -moz-border-top-left-radius: 5px;  -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px; display:block; margin:0 auto; width:10px; height:8px; padding:8px 10px 6px; cursor:pointer;}
#ticker.abtest2 #scroller .container .jobitem  { border-top:1px solid #FFF; height:90px; padding:10px 5px; }
#ticker.abtest2 #scroller .container .jobitem:hover { color:#333; }
#ticker.abtest2 #scroller .container .jobitem span.title   { color:#003769; }
#ticker.abtest2 #scroller .container .jobitem:first-child { border:0px; }
#ticker.abtest2 #scroller .container .jobitem a.btn { font-weight: bold; border: 1px solid #739205; text-shadow: 0 1px 0 #545454; text-decoration: none; cursor:pointer; display:inline-block; margin: 6px auto 0; text-align:center; color:white;overflow:visible;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;padding:2px 25px 2px 10px; outline: 0 none; box-shadow: inset 0 0 1px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 1px rgba(255,255,255,1); -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1); position:relative; background: #8ab200 url("/img/tickers/greenarrow.jpg") no-repeat scroll right 10px ;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0cd02', endColorstr='#8ab200'); }
#ticker.abtest2 #scroller .container .jobitem div.logo { padding: 5px; }