#arrow-vertical {background:url('<c:url value='/images/arrow-line.png'/>') no-repeat #fff 50% 0; height:18px; }
 .ui-tooltip, .arrow:after {
background: #fff;
border: 2px solid #ccc;
}
.ui-tooltip {
	color:#000;
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
li {padding:2px 0px;}

.workshop-home {width:115px; float:left; text-align:center; margin-left:50px;}.workshop-home h3 {padding-left:0; margin:0px 0 5px 0; color: #000;}

.jigsaw-home {width:213px; height:213px; float:left;}
#title-events {background-image: url('/business/images/jigsaw-header.png'); background-position:100% 0%; background-repeat:no-repeat; height:160px; width:900px; font-size:32px; line-height:36px; padding:80px 0 0 20px;}

.wsregion-btn {color:#fff;background:#1d99cb; width:315px; padding:10px; margin:0 0 20px 85px; float:left; font-size:21px; font-weight:lighter;}
.wsregion-btn:hover {background-color:#1d99cb;}


a.button-register {
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    height: 20px;
    line-height: 20px;
    margin: 20px 0 0;
}
#login_box a.button-register, a.button-register {
    background: -moz-linear-gradient(center top , #A0D530, #82AE25) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    font-size: 0.9em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
    outline: 0 none;
    padding: 8px 5px 7px;
    width: auto;}

    #login_box a.button-register:hover, a.button-register:hover
	{
	background: #a0d530;
	color: #fff;
	outline: 0;
	}
	


.jigsaw-thumb {float:left; padding:0px 0px 10px 20px;}
.jigsaw-thumb-left {float:left; padding:0 15px 10px 0px;}
.jigsaw-thumb-right {float:left; margin-left:65px;padding-right:30px;}

.wsprice {float:left; width:140px;}
h3 {color:#203D57;}
h4 a {color:#117892;} h4 { padding-bottom:10px;}
p {margin:0 20px 1em}
table {border:1px solid #D8BEFF;background-color: #fff; padding:5px 0px;}table h4 { padding-left:10px; padding-bottom: 10px;} table li {font-size:12px; line-height:21px; } 

.workshop-boxed-overview {float:left; border:1px solid #aaaaaa; margin:10px 0px 20px 0px; padding:10px; width: 425px; min-height:130px; background:#EEEEEE;}
.ml20 {margin-left:20px;}
.event-container {border:1px solid #000; padding:5px;}
.workshop-region {width:200px; float:left; text-align:center;}
.ml20 {margin-left:20px;}
.fl {float:left;}
.fr{float}
.jigsaw-region {width:160px; height:160px; float:left;}
.moreinfo-ws-btn {color:#fff;background-color:#1d99cb; width:150px; padding:5px; float:left; font-size:12px; font-weight:lighter; text-align:center; margin:10px 0 0 20px;}
.packages-wrapper {float:left; border:1px solid #cccccc; margin:10px 0px 20px 10px; padding:10px; width: 45%; min-height:130px; background:#FFFFFF;}
.packages {width:210px; margin-left:45px;} .packages .left {float:left; width:355px;}
ul {padding-left:50px;}
.packages-region {width:250px; margin-left:20px;} 
ul {padding-left:50px;}
.jigsaw-thumb-rgn {float:left; padding:0px 0px 10px 0px;}
.wsprice-rgn { width:250px; text-align:center;} .wsprice h3 {color:#ffffff; padding-left:40px; margin:0px; width:210px;}
.wsprice-package {float:left; width:156px;}
.workshop-wrapper-left {width:200px; border:1px solid #ccc; padding:10px; float:left;} .workshop-wrapper-left h3 {margin-right:0px; margin-left:0px;}
.workshop-wrapper-right {width:200px; border:1px solid #ccc; padding:10px; float:left; margin-left:20px;} .workshop-wrapper-right h3 {margin-right:0px; margin-left:0px;}
.saving {color:#fff; background:#da0d0d; padding:5px 10px 10px 16px; text-align:center; width:220px;} .saving h3 {color:#ffffff; text-align:center; width:210px;}
ul {padding-left:30px;}
li {padding:2px 0px;}
h3 {color:#203D57;}
h4 a {color:#117892;} h4 { padding-bottom:10px;}
p {margin:0 20px 1em}
.book-now {color:#fff; background-color:#1B8FC0; padding:12px;width:68px; margin-left:20px; float:right;} .book-now a {color:#fff; float:left;}
.date {float:left; text-align:left; margin-left:-5px; width:270px;}
.date-package {float:left; text-align:left; margin-left:-5px; width:200px;}
.packages-booking {width:892px;} 
.package-wrap {width:285px; float:left;}