﻿/*@charset "utf-8";*/

/*
Design by NodeThirtyThree <http://www.nodethirtythree.com>
Published by Free CSS Templates <http://www.freecsstemplates.org/>
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

#centeredcontent {
      width:900px; /*szerokosc strony*/
      position: absolute;
      left: 50%;
      margin-left: -450px; /*polowa szerokoĹ›ci*/	  
}


body {
	background: #d9d9d9 url(/Images/bgBody.gif) 0 0 repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4A5157;
}

td
{
		font-weight: normal !important;
}



h1, h2, h3 {
	color: #292929;
	margin-top: 10px;	
}

h1.long_page_name {
	letter-spacing: 1px;
	font-size: 18px;
	margin-bottom: 10px;
}

h2 {
	font-size: 24px;
	color: #292929;
}

h3 {
	font-size: 13px;
	color: #292929;
	padding: 10px;
}


/*** LINKS ***/

a {
	color: rgb(50, 50, 50);
}

a:hover 
{
	/*font-size: 14px;*/
	color: black
}

/**************/

p
{
	padding: 10px;
}


.tn img {
	border: 8px solid #F5F5F5;
}

hr {
}

/* Logo */

#logo {
	width: 874px;
	height: 60px;
	margin: 0 auto;
}

#logo h1 {
	float: left;
	height: 54px;
	font-size: 38px;
	font-weight: normal;
	letter-spacing: -2px;
}

#logo h2 {
	float: right;
	padding: 98px 0 0 0;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 16px;
	color: #FFFFFF;
}


/* Menu */

#menu {
	height: 45px;
	margin: 0 0 2em;
	background: url(/Images/bgNavbar.gif) 0 0 no-repeat;
	}
#menu ul {
	list-style: none;
	text-align: center;
	}
#menu li	{
	display: inline;
	margin: 0 10px;
	}
#menu a {
	color: #eee;
	line-height: 45px;
	padding: 10px 0;
	text-decoration: none;
	}
#menu a:hover 	{
	padding: 10px 0;
	border-bottom: 4px solid white;
	/* background: url(/Images/bgRollover.gif) 0 100% repeat-x;*/
	}
#top img 	{ margin: 40px 0 0; }






/* Page */

#bg 
{
	background-color:White;
}

#page {
	margin: 0 auto;
	background-color:White;
}

/* Content */

#content {
	float: left;
	width: 615px;
	padding: 20px;
}

#content ul
{
	margin-left: 20pt;
	margin-top: 5pt;
}

#content ul li
{
	margin-top: 3pt;
}

#content img
{
	/*margin-bottom: 15px;
	margin-top: 15px;*/
}


/* Sidebar */

#sidebar {
	float: right;
	width: 210px;
	padding: 0;
	padding-right: 10px;
}

#sidebar a {
	color: #4A5157;
}

#sidebar div.high_top  {
	padding-top: 10px;
	padding-bottom: 5px;
}

#sidebar div.high  {
	padding-top: 10px;
	padding-bottom: 10px;
}

#sidebar div.high_bottom  {
	padding-top: 5px;
	padding-bottom: 10px;
}

.box {
	background-color: rgb(255, 255, 255);
	margin-top: 10px;
	margin-bottom: 20px;
}

.box .title {
	height: 24px;
	padding-top: 8px;
	background-image: url(/Images/bar.gif);
	background-color: Transparent;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 14px;
	color:  White;
}

.box .content a.sp
{
	font-size: 10px;
	text-decoration: none;
}

.box .content a.sp:hover
{
	text-decoration: underline;
}


.box .title a
{
	text-decoration: none !important;
	color: White !important;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.box .content 
{
	padding-top: 10px;
	border-left: solid 1px rgb(234,234,234);
	border-right: solid 1px rgb(234,234,234);
	border-bottom: solid 1px rgb(234,234,234);
	text-align: center;
}

.box .content img
{
	margin-bottom: 5px;
}


.box ul {
	list-style: none;
	line-height: normal;
}

.box ul li {
	margin-bottom: 13px;
	font-size: 12px;
}

.box small {
	font-size: 10px;
	color: #808C96;
}

/* Other */

.importantek 
{
	color: red !important;
}

/*#plNewsletter input[type="text"]
{
	width: 90%;
}

#plNewsletter input[type="checkbox"]
{
	text-align: justify;
}*/

/* Footer */

#footer 
{
	font-size: 12px;
	color: rgb(40, 40, 40);
	background-color: rgb(130, 130, 130);
}

#footer p {
	text-align: center;
}

#footer a 
{
	color: rgb(230, 230, 230);
	text-decoration: none;
	font-weight: normal;
}


#footer a:hover 
{

	text-decoration: underline;
}


img
{
	border: 0;
}



/* HCL */

p.MsoNormal
{
	text-align: justify;
}

#lang
{
	position:relative;
	height:14px;
}
#top
{
	height: 220px;
	background: url(/Images/bgPageheader.jpg) 0 0 no-repeat;
}
#top h1, #top h2	{ display: none; }



/*** IMAGES ***/
div#logo_hcl
{
	background-image: url(/Images/hcl.png);
	background-repeat: no-repeat;
	width: 439px;
	height: 57px;
	margin: auto;
}


/********************/
/*** For Schedule ***/
/********************/


/*why you need*/
.rtf .whyyouneed{list-style:none;margin-left:0}
.whyyouneed li{float:left;width:100%;border-bottom:1px solid #aab4a0}
.whyyouneed .whynum{float:left;clear:left;font-size:36px;padding:13px 0 14px 16px}
.whyyouneed .whycnt{padding:16px 20px 10px 56px}

.sentenceInStaple {  }

.speakersList  li
{
	border-bottom: solid 0px gray !important;
}

/*schedule*/

.wrapperOctoberSessions p
{
	text-align: justify;
}


.wrapperOctoberSessions {
    margin: 0;
    padding: 0;
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
}

.wrapperOctoberSessions .content 
{
	padding-top: 10px;
	border-left: solid 1px rgb(234,234,234);
	border-right: solid 1px rgb(234,234,234);
	border-bottom: solid 1px rgb(234,234,234);
	text-align: left;
}


.wrapperOctoberSessions .title {
	height: 24px;
	padding-top: 8px;
	background-image: url(bar.gif);
	background-color: Transparent;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 14px;
	color:  black;
}

.wrapperOctoberSessions table {
    margin: 0 0 20px;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
    font-size: .9em;
}
.wrapperOctoberSessions thead th {
    /*padding: 10px 5px;*/
    vertical-align: top;
    text-align: center !important;
    background-color: black;
    color: white;
}
.wrapperOctoberSessions tbody th {
    padding: 10px 5px;
    border-bottom: 1px solid #aab4a0;
}
.wrapperOctoberSessions td {
    padding: 10px 5px;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #aab4a0;
}
.wrapperOctoberSessions td.breaks {
    text-align: center;
}
.wrapperOctoberSessions td.timeslot {
    font-weight: bold;
    font-size: 1em;
}
.wrapperOctoberSessions p.sessiondate {
    margin: 0;
    padding: 8px 0;
    font-weight: bold;
    font-size: 1.1em;
}


/***** EVENTS INTO **/

.wrapperOctoberSessions2 p
{
	text-align: justify;
}


.wrapperOctoberSessions2 {
    margin: 0;
    padding: 0;
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
}

.wrapperOctoberSessions2 .content 
{
	padding-top: 10px;
	border-left: solid 1px rgb(234,234,234);
	border-right: solid 1px rgb(234,234,234);
	border-bottom: solid 1px rgb(234,234,234);
	text-align: left;
}


.wrapperOctoberSessions2 .title {
	height: 24px;
	padding-top: 8px;
	background-image: url(bar.gif);
	background-color: Transparent;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 14px;
	color:  black;
}


.wrapperOctoberSessions2 table {
    margin: 0 0 20px;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
    font-size: .9em;
}


.wrapperOctoberSessions2 thead th {
    /*padding: 10px 5px;*/
    vertical-align: top;
    text-align: center !important;
    background-color: black;
    color: white;
}

.wrapperOctoberSessions2 tbody th {
    padding: 10px 5px;
    border-bottom: 1px solid #aab4a0;
}

.wrapperOctoberSessions2 td {
    padding: 10px 5px;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #aab4a0;
}

.wrapperOctoberSessions2 td.breaks {
    text-align: center;
}

.wrapperOctoberSessions2 td.timeslot {
    font-weight: bold;
    font-size: 1em;
}

.wrapperOctoberSessions2 p.sessiondate {
    margin: 0;
    padding: 8px 0;
    font-weight: bold;
    font-size: 1.1em;
}




fieldset.profile
{
	/*margin-right: 9px;*/
}

fieldset ul
{
	list-style-type: none;
}

/*****************/
/*** REGISTER ****/
/*****************/

div.loginArea 
{
	width: 400px;
	padding: 30px;
	margin-left: 20px;
	font-weight: normal !important;
}

div.loginArea h1
{
	display: none;
}

div.loginArea fieldset
{
	border: solid 0px gray;
}

div.loginArea table
{
	margin: 0px;
	padding: 0px;
}

div.loginArea ol
{
	margin: 0px;
	padding: 0px;
}

div.loginArea table tbody
{
	margin: 0px;
	padding: 0px;
}

div.loginArea ol
{
	list-style-type: none;
}

div.loginArea  label {
  float: left;
  width: 150px; /* Width of labels */
}

div.loginArea input
{
	margin: 5px;
}



/** NEWS ********/

.shortPostList
{
	background-color: rgb(250, 250, 250);
	padding: 10px;
	border: solid 1px  rgb(245, 245, 245);
}

.shortPostList .post
{
	padding-bottom: 4px;
	border-bottom: solid 1px rgb(234,234,234);
	margin-bottom: 10px;
}

.shortPostList p
{
	margin: 0px;
	padding: 0px;
}

.shortPostList .postDate
{
	margin: 0px;
	padding: 0px;
	font-size: 11px !important;
	font-weight: lighter;
	margin-bottom: 4px;
}

.post .postDate 
{
	font-size: 16px;
	margin-top: 4px;
}



.shortPostList .postTitle
{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	background-image: url(http://hcl.webio.pl/Images/feed-icon-14x14.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 18px;
}

.shortPostList a
{
	text-decoration: underline;	
}

.shortPostList a:hover
{
	font-size: 17px;
}


.shortPostList .more, .shortPostList .postFoot
{
	display: none;
	width: 0px;
	height: 0px;	
}


/** COMMENTS **/
.commentsList 
{
	margin-top: 40px;
}

.commentsList fieldset
{
	border: solid 0px gray;
}

.postComments ol
{
	list-style-type: none;
}

.postComments 
{
	margin-top: 20px;
}

.postComments  input, .postComments  textarea
{
	margin: 5px;
}


.postComments  label {
  float: left;
  width: 150px; /* Width of labels */
}



/***** SPEAKERS */


.speakerImage
{
	padding: 10px;
	vertical-align: top;
	margin-right: 4px;
	width: 60px;
}

.speakerImage img
{
	width: 60px;
	border: solid 1px gray;
}




.speakerName
{
	font-weight:bold; 
	font-size:130%
}

.speakerTitle
{
	 font-style:italic;
	 font-size:80%
}

.speakerDesc
{
	margin-bottom: 20px;
	text-align: justify;
	padding: 4px;
}

.shortList
{
	font-size: 10pt;
	background-color:#FAFAFA;
	border:1px solid #F5F5F5;
	padding:10px;
}
.shortList .sf_postTitle
{
	font-size: 12pt;	
	font-weight: bold;
	padding-left: 16px;
	margin-bottom: 10px;
	background: url('/Images/feed-icon-14x14.png') no-repeat left center;
}

ul.shortList 
{
	list-style-type: none;
}

.shortList li
{
	border-bottom:1px solid #EAEAEA;
	margin-bottom:10px;
	padding-bottom:4px;
}

#ctl00_Content_ctl00_pnlMain
{
	margin-left: 10px;	
}
#ctl00_Content_ctl00_pnlMain tr
{
	margin-bottom: 3px;
}

.PollBox
{
	padding-left: 20px;
}


/***** FORUM */

.sf_forumsList, table.sf_forumsThreadsList {
	FONT-SIZE: 11px;	
	BACKGROUND: url(/Images/forms/bg.gif) #fafaf9 repeat-y right 50%;	
	COLOR: #333333
}

table.sf_forumsList th, table.sf_forumsThreadsList th
{
/*	FONT-WEIGHT: bold;	
	FONT-SIZE: 13px;	
	BACKGROUND: url(/Images/forms/footer.gif) #fff repeat-x right bottom;	*/
	BACKGROUND: url(/Images/forms/footer.gif) #fff repeat-x right bottom;	
	COLOR: #666666	
}

table.sf_forumsList td, table.sf_forumsThreadsList td
{	
	PADDING-RIGHT: 4px;	
	PADDING-LEFT: 20px;	
	FONT-SIZE: 11px;	
	PADDING-BOTTOM: 7px;	
	COLOR: #333333;	
	PADDING-TOP: 7px
}

table.sf_forumsList tr, table.sf_forumsThreadsList tr {
	BACKGROUND-POSITION: right bottom;	
	BACKGROUND-IMAGE: url(/Images/forms/separator.gif);
	BACKGROUND-REPEAT: repeat-x
}

.sf_forumTitle {
	FONT-WEIGHT: bold;	
	FONT-SIZE: 13px;	
}

.sf_forumsWrapper {
	FONT-SIZE: 11px;	
	BACKGROUND: url(/Images/forms/bg.gif) #fafaf9 repeat-y right 50%;	
	COLOR: #333333
}

.sf_createNewItem 
{
	BACKGROUND: url(/Images/forms/footer.gif) #fff repeat-x right bottom;	
}
