@charset "utf-8";
/* CSS Document of hrtransformation */

body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; color: #333333; background: url(../images/body-bg.jpg) #fff center 0 no-repeat; }

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; color: #086f85;}
p, ul, label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #333333; font-weight: normal; text-transform: none; margin: 0; font-size: 13px;}

h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #025f7e; font-weight: 400; margin: 0; padding: 0 0 10px 0; font-size: 20px; text-align: left;}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #025f7e; font-weight: 900; margin: 0; padding: 0 0 10px 0; font-size: 16px; text-align: left;}

span {font-family: Arial, Georgia, Helvetica, sans-serif;}
br {font-size: 7px;}

img {vertical-align: bottom;}
* html img {font-size: 0; } /* hack for ie 6*/

.clear {clear: both; font-size: 0; height: 0; padding: 0; margin: 0;} /* hack for gecko browsers */

/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif;}


#formbox { background:url(http://www.hrtransformationeurope.com/new/images/formbgtop.gif) no-repeat top left; width:270px; padding:6px; margin:0;}
#formboxbot2 {background:url(http://www.hrtransformationeurope.com/new/images/formbg.gif) no-repeat bottom left; width:270px; padding:0; margin:0; }
#formcond p { font-size:9px; margin:0; padding:0 0 2px 0;} #formcond h3 { font-size:10px;}
#formbox p { font-size:11px; margin:0; padding:0 0 2px 0;}
h6{ font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size:11px; color:#025f7e; font-weight:bold; padding:0; margin:2px 0px 0px 0px;}



/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

/*form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif;} */

input, textarea, button, select  {
	margin: 0 0 0 0;
	padding: 0px;
	border: 1px solid #a2a2a2;
	letter-spacing : 0.02em;
	font: 11px Arial, Helvetica, sans-serif;
	}
#Submit	{ background-color:#025f7e; color:#FFFFFF; font-weight:bold;}

.main {position: relative; width: 960px; height: auto; padding: 0; margin: 0 auto 0 auto;}

.navigation {position: relative; width: 940px; height: 30px; background: #265a15; margin: 173px auto 0 auto; overflow: hidden; background: url(../images/nav-bg.jpg) 0 0 no-repeat;}
.nav0 {position: relative; display: block; float: left; height: 23px; width: 83px; background: url(../images/nav-2.png) transparent top right no-repeat; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-weight: 900; font-size: 12px; text-transform: uppercase; padding: 7px 0 0 0; text-align: center;}
.nav {position: relative; display: block; float: left; height: 23px; background: url(../images/nav-2.png) transparent top right no-repeat; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-weight: 900; font-size: 12px; text-transform: uppercase; padding: 7px 26px 0 24px; text-align: center;}
.nav2 {position: relative; display: block; float: right; width: 130px; height: 23px; background: transparent; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-weight: 400; font-size: 12px; text-transform: none; padding: 7px 0 0 0; text-align: left;}

.nav0:hover {color: #fff; background-position: left -60px;}
.nav:hover {color: #fff; background-position: right -30px;}
.nav2:hover {color: #fff;}

.content-main {position: relative; width: 940px; height: auto; padding: 24px 10px 10px 10px; margin: 0 auto 0 auto; text-align: left; background: url(../images/shadow.jpg) #fff 0 0 repeat-y;}
.content-main p {padding: 0 0 14px 0; line-height: 16px;}
.pane-left {position: relative; float: left; width: 200px; min-height: 440px; padding: 0 0 0 5px; margin: 0;}
.pane-center {position: relative; float: left; width: 570px; height: auto; padding: 0; margin: 0 0 0 20px; overflow: hidden;}
.pane-center ul {font-family: Arial, Georgia, Helvetica, sans-serif; color: #333333; text-transform: none; margin: 0 0 12px 0; padding: 0;}
.pane-center ul li {list-style-type: none!important; padding: 0 0 0 14px; background: url(../images/list-bullet2.png) 0 5px no-repeat;}

.pane-right {position: relative; float: right; width: 130px; height: auto; padding: 0 5px 0 0; margin: 0; text-align: center;}
.pane-right .title {color: #a11557; font-size: 12px; font-weight: 900; text-transform: uppercase; margin: 0 auto 5px auto;}
.pane-right img {margin: 0 auto 20px auto; border: none;}


.arrowlink {position: relative; display: block; height: 16px; background: url(../images/link-arrowbg.jpg) 0 0 no-repeat; padding: 0 0 0 14px; color: #333333; font-size: 12px; font-weight: 900;}
.arrowlink:hover {color: #ad1167; background-position: 0 -16px;}


/* scroller script */
#mycustomscroll {position: relative; width: 200px; height: 440px; overflow: auto; outline-style: none; -moz-outline-style: none;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {float: right; width: 15px; background: #fff url(../images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;}
.vscrollerbar {width: 15px; height: 17px!important; background: url(../images/basebarcaps_verticalbarbody.png) -15px 0px no-repeat;}
.hscrollerbase {height: 15px; background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;}
.hscrollerbar {height: 15px; background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;}
.vscrollerbar, .hscrollerbar {padding: 15px; z-index: 2;}
.vscrollerbarbeg {background: url(../images/basebarcaps_verticalbarbody.png) -45px -43px no-repeat; width: 15px; height: 2px!important;}
.vscrollerbarend {background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat; width: 15px; height: 2px;}
.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;}
.members {position: relative; width: 180px; min-height: 92px; margin: 0 0 10px 0;}
.members img {float: left; padding: 2px 6px 0 0;}
.members-data {position: relative; float: right; width: 110px; height: auto;}
.members a {display: block; margin-bottom: 4px; color: #086f85; font-size: 11px; font-weight: 900; text-decoration: underline; line-height: 14px;}
.members a:hover {text-decoration: none;}
.members p {font-size: 11px; padding: 0!important; margin: 0!important; line-height: 13px;}

/* speakers */
.speaker a img {border: 1px solid #0095B0!important;}
.speaker a img:hover {border: 1px solid #086f85!important;}
.click-for-bio {position: relative; display: block; width: 100%; height: 16px; font-weight: 900; background: #0095B0; text-align: center; padding: 2px 0 0 2px; margin:0; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.click-for-bio:hover {background: #086f85;}
.speaker-big {background: #fff!important; width: 100%;}
.speaker-big p {font-size: 11px!important;}

.tabs {position: relative; width: 100%; height: auto;}
.tabNavigation {position: relative; display: block; list-style: none; margin: 0 0 6px 0; padding: 0; width: 100%; height: 27px; border-bottom: 3px solid #0095B0;}
.tabNavigation li {position: relative; display: block; float: left; height: 27px; background: #0095B0!important; background-image: none!important; text-align: center; margin: 0 1px 0 0; padding: 0!important;}
.tabNavigation li a {position: relative; display: block; height: 20px; padding: 6px 6px 0 6px; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; text-transform: uppercase; font-weight: 900;}
.tabNavigation li a.selected, .tabNavigation li a:hover {border-bottom: 1px solid #0095B0; color: #fff;}
.tabNavigation li a:focus {outline: 0;}
.tabcontent p {font-size: 11px;}
.tabcontent a:hover {text-decoration: underline;}
.agenda {position: relative; width: 100%; height: auto; overflow: hidden;}
.agenda-time {position: relative; float: left; width: 80px; height: 21px; padding: 6px 0 0 0; margin: 4px 0 0 0; background: #000; color: #fff; text-align: center;}
.agenda-time p {color: #fff; font-weight: 900;}
.agenda-program, .agenda-program-open {position: relative; float: left; width: 470px; height: 21px; padding: 6px 0 0 20px; margin: 4px 0 0 0; background: #f0f0f0; text-align: left; cursor: pointer; overflow: hidden;}
.agenda-program p, .agenda-program-open p {color: #0095B0; font-weight: 900; text-transform: uppercase;}
.agenda-program:hover, .agenda-program-open:hover {background: #dad8d8;}
.agenda-program-sub, .agenda-program-sub-open {position: relative; float: right; width: 470px; height: auto; padding: 6px 0 0 20px; margin: 0; background: #fff; text-align: left; overflow: hidden;}
.agenda-program-sub p, .agenda-program-sub-open p {color: #000; margin: 0!important; padding: 0!important;}

.agenda-bluebox {position: relative; width: 450px; height: auto; padding: 10px; background: #b3edf7;}
.agenda-bluebox ul {list-style-type: none!important; padding: 0!important;}
.agenda-bluebox ul li {padding: 0 0 0 12px!important; background: url(../images/list-bullet1.gif) 0 5px no-repeat!important; font-size: 11px!important;}

/* footer */
.footer-main {position: relative; width: 908px; min-height: 160px; padding: 20px 16px 10px 16px; background: url(../images/footer-bg.jpg) #fff 0 0 no-repeat; text-align: left;}
.footer-separator {position: relative; width: 100%; min-height: 160px; background: url(../images/footer-separator.gif) transparent 0 0 repeat-y;}
.footer-pane1 {position: relative; width: 305px; min-height: 160px; float: left; padding: 0 1px 0 0; margin: 0 14px 0 0; background: url(../images/footer-sep.gif) transparent right top repeat-y;}
.footer-pane1 .title {color: #a11557; font-size: 12px; font-weight: 900; text-transform: uppercase; margin: 0 auto 20px auto;}
.footer-pane1 img {float: left; margin-bottom: 4px;}
.addthis_toolbox {margin-top: 25px;}
.footer-pane2 {position: relative; width: 149px; min-height: 160px; float: left; padding: 0 1px 0 0; margin: 0 14px 0 0; background: url(../images/footer-sep.gif) transparent right top repeat-y;}
.footer-pane2 .title {color: #a11557; font-size: 12px; font-weight: 900; text-transform: uppercase; margin: 0 auto 5px auto;}
.footer-pane2 .arrowlink {margin: 0 0 5px 0;}
* html .footer-pane2 .arrowlink:hover {margin: 0 0 5px 0; height: 16px;}
.footer-pane3 {position: relative; width: 420px; min-height: 160px; float: left; padding: 0; background: transparent;}
.footer-pane3 .title {color: #a11557; font-size: 12px; font-weight: 900; text-transform: uppercase; margin: 0 auto 10px auto;}
.footer-pane3 img {float: left; margin-right: 29px; border: none;}
.footer-pane3 img:hover {opacity: 0.85; filter: alpha(opacity = 85);}

.footer-main img {border: none;}

.bottom {position: relative; width: 928px; min-height: 20px; padding: 18px 16px 5px 16px; margin: 4px auto 0 auto; background: url(../images/bottom-bg.jpg) center 0 no-repeat;}
.bottom  p, .bottom  a {color: #999; font-size: 11px;}
.bottom .left {float: left; text-align: left;}
.bottom .left  a, .bottom .left  p {float: left; margin: 0 10px 0 0;}
.bottom .right {float: right; text-align: right;}
.bottom  a:hover {color: #333;}


/* !!!!!!!!! must be at the end !!!!!!!!! */
.noborder {border: none;}
.nobg {background: transparent;}