/* CSS Document */

body {
	background-color:#f5fcfe;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	behavior: url(csshover2.htc);
	color:#047391;
	}

*.* {margin:0px;padding:0px;}
a,img,input,area, div {outline:none;}

a {text-decoration:none;color:#E52E30}
a:hover {text-decoration:none}
p {position:relative; margin-top:8px;}
img {border:0px;}
	
h1 {font-size:20px; font-weight:normal; margin:15px 0 0 15px;}
h2 {font-size:18px; font-weight:normal; margin:15px 0 0 0px;}

.faq {width:760px; margin:15px 0px 0px 15px; padding-left:15px;}
.faq li {list-style:disc; margin:0px; padding:0px;}
.faq li a{display:block; height:15px !important; position:relative; padding:0px 0px 1px 0px; color:#047391; font-weight:bold; text-decoration:none;}
.faq li a:hover{color:#E52E30;}

.index_leftBox {line-height:15px; padding-bottom:7px; margin:0px; padding-left:14px; background:url(images/index-arrow.gif) no-repeat 0px 3px;}

#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}

#main_container {
	position:relative;
	width:830px;
	margin:5px auto;
	border:1px solid #3CC7E6;
	background-color:#fff;
	}

#main_container_inner {
	position:relative;
	width:800px;
	margin:0px auto;
	padding-bottom:0px;
	min-height:610px; height:auto!important; height:610px;
	}

#header_logo {
	position:relative;
	float:left;
	height:75px;
	width:100%;
	}

#header_logo .strapline {
	color:#00A7E3;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	position:absolute;
	top:50px;
	left:200px;
	}	

#top_menu {
	position:absolute;
	float:right;
	height:23px;
	width:/*327*/392px;
	background-image:url(images/top_menu_bg.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0px;
	padding:0px;
	top:20px;
	right:0px;
	}

#top_menu li{
	position:relative;
	float:left;
	margin-left:10px;
	margin:0px;
	padding:0px;
	width:64px;
	height:18px;
	margin:1px 0 0 1px;
	padding-top:3px;
	text-align:center;
	background-image:url(images/top_menu_bg1.gif);
	}
	
#top_menu li:hover {background-image:url(images/top_menu_bg_h.gif)}
#top_menu .top_active {background-image:url(images/top_menu_bg_h.gif);}
#top_menu .top_active a {color:white}
#top_menu li:hover a {color:white}
.validation:hover {background-image:none !important}


#top_menu a{
	position:relative;
	display:block;
	color:#3CC7E6;
	padding-top:0px;
	padding-left:0px;
	font-size:11px;
	}

#header_fullsize {
	padding:0px;
	margin:0px;
/*	position:relative;
	float:left;*/
	width:800px;
	height:252px;
	//background: url(images/home_anim.gif);
	}

/* registration top menu */

#registration_top_menu {
	position:absolute;
	float:right;
	height:25px;
	width:304px;
	background-image:url(images/registration_top_menu_bg.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0px;
	padding:0px;
	top:20px;
	right:0px;
	}

#registration_top_menu li{
	position:relative;
	float:left;
	margin-left:10px;
	margin:0px;
	padding:0px;
	width:149px;
	height:18px;
	margin:1px 0 0 1px;
	padding-top:3px;
	text-align:center;
	border-right:1px solid #3CC7E6;
	}
	
#registration_top_menu li:hover {background-image:url(images/registration_top_menu_bg1.gif)}
#registration_top_menu .top_active {background-image:url(images/registration_top_menu_bg1.gif);}
#registration_top_menu .top_active a {color:white}
#registration_top_menu li:hover a {color:white}

#registration_top_menu a{
	position:relative;
	display:block;
	color:#3CC7E6;
	padding-top:0px;
	padding-left:0px;
	}

/* registration main menu */

#registration_menu {
	position:relative;
	float:left;
	height:65px;
	width:800px;
	background-image:url(images/registration_menu_bg.gif);
	border-bottom-color:red;
	}

#registration_main_menu {
	list-style-type:none;
	padding:0px;
	margin:0 0 0 50px;
	background-repeat:no-repeat;
	}

#registration_main_menu li {
	float:left;
	width:245px;
	height:45px;
	text-align:center;
	}

#registration_main_menu li:hover {	}
#registration_main_menu a:hover{color:white;background-image:url(images/arrow-h.gif); background-position:center bottom; background-repeat:no-repeat;}
	
#registration_main_menu .active {  }
#registration_main_menu .active a {color:white;background-image:url(images/arrow-h.gif); background-position:center bottom; background-repeat:no-repeat;}

#registration_main_menu li a {
	display:block;
	margin:auto;
	color:#92D2EF;
	font-weight:bold;
	font-size:12px;
	width:180px;
	padding-top:16px;
	height:29px;
	}
/* end registration top menu */

/* registration form */
.registration_table_01 {color:black; font-size:12px}
.registration_table_01 .star {color:#E52E30;}
/* end registration form */

#menu {
	position:relative;
	float:left;
	height:65px;
	width:100%;
	background-image:url(images/main_menu_bg_f.gif);
	background-repeat:repeat-x;
	border-bottom-color:red;
	}


#main_menu {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
	
#main_menu li {
	float:left;
	width:199px;
	height:45px;
	text-align:center;
	border-right:1px solid white;
	background-image:url(images/main_menu_bg.gif);
	}

#main_menu li:hover {background-image:url(images/main_menu_bg_h.gif);}
#main_menu .active {background-image:url(images/main_menu_bg_s.gif);}

#main_menu li a {
	display:block;
	margin:auto;
	color:white;
	font-weight:bold;
	font-size:12px;
	width:180px;
	padding-top:16px;
	height:29px;
	}


/* INDEX SELECTOR ... */
#content_selector {
	position:relative;
	float:left;
	width:596px;
	height:190px;
	background: url(images/selector_background_new.gif);}

#content_selector #selector1 a {float:left;margin-left:40px;display:inline;width:49px;height:190px;background:url(images/W01.gif) no-repeat top;}
#content_selector #selector1 a:hover {background:url(images/W01.gif) no-repeat bottom;}
#seltext1 {clear:both;position:absolute;float:left;left:93px;top:155px;}

#content_selector #selector2 a {float:left;margin-left:37px;display:inline;width:35px;height:190px;background:url(images/W02.gif) no-repeat top;}
#content_selector #selector2 a:hover {background:url(images/W02.gif) no-repeat bottom;}
#seltext2 {clear:both;position:absolute;float:left;left:95px;top:155px;}

#content_selector #selector3 a {float:left;margin-left:45px;display:inline;width:35px;height:190px;background:url(images/W03.gif) no-repeat top;}
#content_selector #selector3 a:hover {background:url(images/W03.gif) no-repeat bottom;}
#seltext3 {clear:both;position:absolute;float:left;left:89px;top:155px;}

#content_selector #selector4 a {float:left;margin-left:35px;display:inline;width:35px;height:190px;background:url(images/W04.gif) no-repeat top;}
#content_selector #selector4 a:hover {background:url(images/W04.gif) no-repeat bottom;}
#seltext4 {clear:both;position:absolute;float:left;left:195px;top:155px;}

#content_selector #selector5 a {float:left;margin-left:7px;display:inline;width:35px;height:190px;background:url(images/W05.gif) no-repeat top;}
#content_selector #selector5 a:hover {background:url(images/W05.gif) no-repeat bottom;}
#seltext5 {clear:both;position:absolute;float:left;left:253px;top:155px;}

#content_selector #selector6 a {float:left;margin-left:27px;display:inline;width:35px;height:190px;background:url(images/W06.gif) no-repeat top;}
#content_selector #selector6 a:hover {background:url(images/W06.gif) no-repeat bottom;}
#seltext6 {clear:both;position:absolute;float:left;left:296px;top:155px;}

#content_selector #selector7 a 
{float:left;margin-left:17px;display:inline; width:164px !important; height:190px !important; background:url(images/W07.gif) no-repeat 
top;}
#content_selector #selector7 a:hover {background-position:bottom;}

/* ... INDEX SELECTOR */

/* WHAT CAN THE BALL DO FOR YA SELECTOR ... */
#content_scenarios {
	position:relative;
	float:left;
	width:800px;
	height:188px;
	background: url(images/scenarios_background.gif);
	}

#content_scenarios #scenarios1 a {float:left;margin-left:54px;display:inline;width:49px;height:188px;background:url(images/S01.gif) no-repeat top;}
#content_scenarios #scenarios1 a:hover {background:url(images/S01.gif) no-repeat bottom;}
#scentext1 {clear:both;position:absolute;float:left;left:107px;top:149px;}

#content_scenarios #scenarios2 a {float:left;margin-left:60px;display:inline;width:35px;height:188px;background:url(images/S02.gif) no-repeat top;}
#content_scenarios #scenarios2 a:hover {background:url(images/S02.gif) no-repeat bottom;}
#scentext2 {clear:both;position:absolute;float:left;left:132px;top:149px;}

#content_scenarios #scenarios3 a {float:left;margin-left:98px;display:inline;width:35px;height:188px;background:url(images/S03.gif) no-repeat top;}
#content_scenarios #scenarios3 a:hover {background:url(images/S03.gif) no-repeat bottom;}
#scentext3 {clear:both;position:absolute;float:left;left:179px;top:149px;}

#content_scenarios #scenarios4 a {float:left;margin-left:125px;display:inline;width:35px;height:188px;background:url(images/S04.gif) no-repeat top;}
#content_scenarios #scenarios4 a:hover {background:url(images/S04.gif) no-repeat bottom;}
#scentext4 {clear:both;position:absolute;float:left;left:375px;top:149px;	}

#content_scenarios #scenarios5 a {float:left;margin-left:6px;display:inline;width:35px;height:188px;background:url(images/S05.gif) no-repeat top;}
#content_scenarios #scenarios5 a:hover {background:url(images/S05.gif) no-repeat bottom;}
#scentext5 {clear:both;position:absolute;float:left;left:433px;top:149px;}

#content_scenarios #scenarios6 a {float:left;margin-left:128px;display:inline;width:35px;height:188px;background:url(images/S06.gif) no-repeat top;}
#content_scenarios #scenarios6 a:hover {background:url(images/S06.gif) no-repeat bottom;}
#scentext6 {clear:both;position:absolute;float:left;left:578px;top:149px;}




/* ... WHAT CAN THE BALL DO FOR YA SELECTOR */

.content {
	position:relative;
	float:left;
	width:100%;
	border-bottom-color:orange;
	}

#content_l {
	position:relative;
	float:left;
	width:390px;
	min-height:400px; height:auto!important; height:400px;
	border:1px solid #B3CFD7;
	background-image:url(images/content_l_bg.gif);
	background-repeat:repeat-x;
	background-color:#EAEBEB;
	}

.content_l {
	position:relative;
	float:left;
	width:390px;
	min-height:400px; height:auto!important; height:400px;
	border:1px solid #B3CFD7;
	background-image:url(images/content_l_bg.gif);
	background-repeat:repeat-x;
	background-color:#EAEBEB;
}


.content_l_val {
	position:relative;
	float:left;
	width:390px;
	height:350px;
	border:1px solid #B3CFD7;
	background-image:url(images/contact_p_bg.gif);
	background-repeat:repeat-x;
	background-color:#EAEBEB;
	}

.val {font-weight:normal; margin-left:15px}

#content_l p, .content_l p {
	width:360px;
	margin:15px 0 0 15px;
	}

#content_r {
	position:relative;
	float:right;
	width:400px;
	}

.content_r {
	position:relative;
	float:right;
	width:400px;
	}

.left {position:relative;float:left;}

.right {position:relative;float:right;}

.box {
	position:relative;
	width:390px;
	border:1px solid #B3CFD7;
	background-image:url(images/content_l_bg.gif);
	background-repeat:repeat-x;
	background-color:#EAEBEB;
	}

.box p {margin:10px 0 0 0;}

.bctop {position:absolute; right:10px; bottom:10px;}

.bcback {position:absolute; left:10px; bottom:10px;}

/* NEXT AND BACK BUTTONS WITH WHITE ARROW ... */
.nextw {position:absolute;left:10px;bottom:8px;width:40px;height:16px;}
.nextw a {background:url(images/nav_nextw.gif) no-repeat top;position:absolute;left:10px;bottom:8px;width:40px;height:16px;}
.nextw a:hover {background:url(images/nav_nextw.gif) no-repeat bottom;/*position:absolute;left:10px;bottom:8px;width:40px;height:16px;*/}
.backw {position:absolute;left:10px;bottom:8px;width:40px;height:16px;}
.backw a {background:url(images/nav_backw.gif) no-repeat top;position:absolute;left:10px;bottom:8px;width:40px;height:16px;}
.backw a:hover {background:url(images/nav_backw.gif) no-repeat bottom;/*position:absolute;left:10px;bottom:8px;width:40px;height:16px;*/}
/* ... NEXT AND BACK BUTTONS WITH WHITE ARROW */

/* NEXT AND BACK BUTTONS WITH BLUE ARROW ... */
.nextb {position:absolute;left:10px;bottom:5px;width:40px;height:16px;}
.nextb a {background:url(images/nav_nextb.gif) no-repeat top;position:absolute;left:10px;bottom:5px;width:40px;height:16px;}
.nextb a:hover {background:url(images/nav_nextb.gif) no-repeat bottom;position:absolute;left:10px;bottom:5px;width:40px;height:16px;}
.backb {position:absolute;left:10px;bottom:5px;width:40px;height:16px;}
.backb a {background:url(images/nav_backb.gif) no-repeat top;position:absolute;left:10px;bottom:5px;width:40px;height:16px;}
.backb a:hover {background:url(images/nav_backb.gif) no-repeat bottom;position:absolute;left:10px;bottom:5px;width:40px;height:16px;}	
/* ... NEXT AND BACK BUTTONS WITH BLUE ARROW */

.download_thinkball {
	position:relative;
	background-image:url(images/download_thinkball2.jpg);
	background-repeat:no-repeat;
	width:196px;
	height:199px;
	}
	
.download_thinkball a {
	position:absolute;
	display:block;
	width:220px;
	height:70px;
	top:125px;
	left:20px;
	color:#E52E30;
	}

td {border-top:1px solid #96C4D0; height:25px; vertical-align:middle; padding-left:15px;}
td input {width:225px; height:18px; border:1px solid #047391;}
td textarea {width:225px; height:60px; border:1px solid #047391;}
td select {width:72px; height:18px; border:1px solid #047391;}

.contact_box {
	position:relative;
	float:right;
	width:400px;
	height:231px;
	background-image:url(images/bontact_bg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	border:1px solid white;
	margin-top:8px;
	}
	
.contact_box p {margin:49px 0 0 15px;}

#footer {
	/*position:relative;*/
	float:left;
	display:inline;
	margin:30px 0 0 15px;
	height:76px;
	width:800px;
	background-image:url(images/footer_bg.gif);
	background-repeat:no-repeat;
	}
	
#footer_menu {
	list-style-type:none;
	padding:0px;
	margin:55px 0 0 0;
	}

#footer_menu li {
	float:left;
	text-align:center;
	height:12px;
	border-right:1px solid #E52E30;
	padding:0px 7px 0px 7px;
	}

#footer_menu li a{
	color:#047391;
	font-size:11px;
	}


.leftoff {position:absolute; left:-10000px; height:0px; width:0px; margin:0px; padding:0px;}

.underline {text-decoration:underline}

.bold {font-weight:bold}

.thin {font-weight:normal}

.red {color:#E52E30;}

.blue {color:#047391;}

.download_sub{
	width:155px;
	float:left;
	}
	
.download_sub h2{
	font-weight:normal;
	float:left;
	margin:0px 0 0 10px;
	padding:0px;
	}

.download_sub a{
	width:48px;
	float:left;
	clear:both;
	padding-left:5px;
	height:18px;
	background-image:url(images/more.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:3px 0 0 15px;
	}
	
.download_left_bg {
	background-image:url(images/registration-left.gif);
	background-repeat:no-repeat;
	height:190px;
	width:400px;
	}
	
.download_right_bg {
	background-image:url(images/content_012.jpg);
	background-repeat:no-repeat;
	height:190px;
	}
	
.download_left_demo {
	background-image:url(images/registration-left_demo.gif);
	background-repeat:no-repeat;
	height:96px;
	padding-top:3px;
	width:400px;
	}

#download_img a {
	float:left;
	display:inline;
	width:97px;
	height:71px;
	background:url(images/registration-left_demo_img.gif) no-repeat top;
	margin-left:9px;
	margin-right:11px;
	margin-top:12px;
	}

#download_img a:hover {background:url(images/registration-left_demo_img.gif) no-repeat bottom;}


.directory_right_bg {
	background-image:url(images/content_13.gif);
	background-repeat:no-repeat;
	height:190px;
	}
	
.invite_right_bg {
	background-image:url(images/ideasjoin.jpg);
	background-repeat:no-repeat;
	height:267px;
	}

.invite_left_bg {
	background-image:url(images/registration-left2.gif);
	background-repeat:no-repeat;
	height:190px;
	width:400px;
	}

/* ----- SPECIFIC PAGES: ----- */



/* IDEASCAPE NAV PANEL ... */
#ideascape_nav {
	background:url(images/ideaspaces_background0.gif) no-repeat;
	margin:29px 0 27px 0;
	width:801px;
	height:91px;
	}

.ideascape_nav_container {
	padding:2px 0 0 40px;
	float:left;
	width:186px;
	height:71px;
	margin:10px 25px 8px 8px;
	display:inline;
	}

.ideascape_nav_container img {margin-right:10px;}
.ideascape_nav_container p {font-size:17px;font-weight:bold;color: #047391;margin-top:12px;}

#ideanav1 {}
#ideanav1 a {background:url(images/ideaspaces_nav1.gif) no-repeat top left;width:67px;height:67px;margin-right:10px;display:block;}
#ideanav1 a:hover {background:url(images/ideaspaces_nav1h.gif) no-repeat top left;}
#ideanav2 {}
#ideanav2 a {background:url(images/ideaspaces_nav2.gif) no-repeat top left;width:67px;height:67px;margin-right:10px;display:block;}
#ideanav2 a:hover {background:url(images/ideaspaces_nav2h.gif) no-repeat top left;}
#ideanav3 {}
#ideanav3 a {background:url(images/ideaspaces_nav3.gif) no-repeat top left;width:67px;height:67px;margin-right:10px;display:block;}
#ideanav3 a:hover {background:url(images/ideaspaces_nav3h.gif) no-repeat top left;}
#ideanav4 {}
#ideanav4 a {background:url(images/ideaspaces_nav4.gif) no-repeat top left;width:67px;height:67px;margin-right:10px;display:block;}
#ideanav4 a:hover {background:url(images/ideaspaces_nav4h.gif) no-repeat top left;}

.nextbi {width:40px;height:16px;}
.nextbi a {background:url(images/nav_nextb.gif) no-repeat top;width:40px;height:16px;}
.nextbi a:hover {background:url(images/nav_nextb.gif) no-repeat bottom;height:16px;}

/* ... IDEASCAPE NAV PANEL */





/* HOW THE BALL WORKS ... */

/*#tutbutton a {
	position:relative;
	float:right;
	width:400px;
	height:45px;
	margin-top:30px;
	margin-right:5px;
	background:url(images/tutorial.gif) no-repeat;
}
#tutbutton:hover a {
	background:url(images/tutorial_roll.gif) no-repeat;
}
*/

#tutbutton {
	display:block;
	position:relative;
	float:right;
	width:400px;
	height:45px;
	margin:20px 5px 19px 0px;
	background:url(images/tutorial.gif) no-repeat;
	padding:0px;
	border:0 none;
}
#tutbutton:hover {
	background:url(images/tutorial_roll.gif) no-repeat;
}


#htbw_new {
	padding-top:1.05em;
	position:relative;
}

#htbw_new .htbwContainer {
	background:url(images/howitworks_panel.gif) no-repeat;
	width:800px !important;
	height:91px;
	position:relative;
	border:0px none;
	margin:0px 0px 15px 0px;	
}

#htbw_new #last {
	margin:0px 0px 28px 0px;	
}

#htbw_new .htbwContainer a {width:188px; height:65px; background-position:top; background-repeat:no-repeat;}
#htbw_new .htbwContainer a:hover {background-position:bottom;}

#htbw_new .htbwContainer h2 {
	display:block; 
	position:absolute; 
	top:50px; 
	left:212px; 
	width:508px; 
	height:23px; 
	margin:0px; 
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #dd111c;
}

#htbw_new .htbwContainer h2 a, 
#htbw_new .htbwContainer h2 a:hover {font-size:18px; font-weight:normal; color:#db121c; text-decoration:none;}

#but_tour {display:block; position:absolute; top:14px; left:14px; background-image:url(images/but_tour.gif)}
#but_chat {display:block; position:absolute; top:14px; left:14px; background-image:url(images/but_chat.gif)}
#but_ideass {display:block; position:absolute; top:14px; left:14px; background-image:url(images/but_ideass.gif)}
#but_man-id {display:block; position:absolute; top:14px; left:14px; background-image:url(images/but_man-id.gif)}
#but_multim {display:block; position:absolute; top:14px; left:14px; background-image:url(images/but_multim.gif)}
#but_thinkers {display:block; position:absolute; top:14px; left:14px; background-image:url(images/but_thinkers.gif)}

#htbw_leftpanel {
	position:relative;
	float:left;
	width:99px;
	margin:30px 10px 0 0;
	}

#htbw_leftpanel .panel {
	background:url(images/htbw_panel_bkgnd.gif) no-repeat;
	padding-top:1.05em; /*12px*/
	width:99px;
	height:83px;
	}

#htbw_lpanel1 a {background:url(images/htbw_panel_roundbox1.gif) no-repeat top;margin-left:10px;width:79px;height:67px;display:block;}
#htbw_lpanel1 a:hover {background:url(images/htbw_panel_roundbox1.gif) no-repeat bottom;}
#htbw_lpanel1 a#active {background:url(images/htbw_panel_roundbox1.gif) no-repeat bottom;cursor:default;}

#htbw_lpanel2 a {background:url(images/htbw_panel_roundbox2.gif) no-repeat top;margin-left:10px;width:79px;height:67px;display:block;}
#htbw_lpanel2 a:hover {background:url(images/htbw_panel_roundbox2.gif) no-repeat bottom;}
#htbw_lpanel2 a#active {background:url(images/htbw_panel_roundbox2.gif) no-repeat bottom;cursor:default;}

#htbw_lpanel3 a {background:url(images/htbw_panel_roundbox3.gif) no-repeat top;margin-left:10px;width:79px;height:67px;display:block;}
#htbw_lpanel3 a:hover {background:url(images/htbw_panel_roundbox3.gif) no-repeat bottom;}
#htbw_lpanel3 a#active {background:url(images/htbw_panel_roundbox3.gif) no-repeat bottom;cursor:default;}

#htbw_lpanel4 a {background:url(images/htbw_panel_roundbox4.gif) no-repeat top;margin-left:10px;width:79px;height:67px;display:block;}
#htbw_lpanel4 a:hover {background:url(images/htbw_panel_roundbox4.gif) no-repeat bottom;}
#htbw_lpanel4 a#active {background:url(images/htbw_panel_roundbox4.gif) no-repeat bottom;cursor:default;}


#htbw_rightpanel {
	background-image:url(images/htbw_bigpanel_bkgnd.gif);
	float:left;
	width:684px;
	margin:30px 0 0 0;
	}

#htbw_rightpanel_textbox {
	float:right;
	width:180px;
	margin:10px 10px 0 0;
	}

#htbw_rightpanel_textbox h2 {
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #D7161F;
	padding-bottom:4px;	
	}
	
#htbw_rightpanel_textbox p {
	margin-top:5px;
	font-size:12px;
	}
	
#htbw_pigpicture {
	width:448px;
	height:354px;
	margin:12px 0 0 12px;
	padding:12px 12px 0 12px;
	background:url(images/htbw_bigpanel_roundbox_red.gif) no-repeat top left;
	display:block;
	color:#FFF;
	}

#htbw_pigpicture_blue {
	width:448px;
	height:354px;
	margin:12px 0 0 12px;
	padding:12px 12px 0 12px;
	background:url(images/htbw_bigpanel_roundbox_blue.gif) no-repeat top left;
	display:block;
	color:#FFF;
	}











		
/* ... HOW THE BALL WORKS */

.IdeasSpaces_TD_title {background-image:url(images/tCell_bg.gif);background-position:top left;backround-repeat:repeat-x; font-size:11px;border-right:1px solid white;border-bottom:1px solid white; border-top:0px none;border-left:0px none; color:white; text-align:left;margin:0px;padding:0px;}
.IdeasSpaces_TD {background-color:#d8f1fe;font-size:11px;border-right:1px solid white;border-bottom:1px solid white; border-top:0px none;border-left:0px none;color:red; text-align:left;margin:5px 0px;padding:5px; vertical-align:top;}
.IdeasSpaces_TDA {background-color:#eaebeb;font-size:11px;border-right:1px solid white;border-bottom:1px solid white; border-top:0px none;border-left:0px none;color:red; text-align:left;margin:5px 0px;padding:5px; vertical-align:top;}
.IdeasSpaces_TD_RED {background-color:#e52e30;font-size:11px;border-right:1px solid white;border-bottom:1px solid white; border-top:0px none;border-left:0px none;color:white; text-align:left;margin:5px 0px;padding:0px; vertical-align:top;}
.IdeasSpaces_TD_BLUE {background-color:#0094d8;font-size:11px;border-right:1px solid white;border-bottom:1px solid white; border-top:0px none;border-left:0px none;color:white; text-align:left;margin:0px;padding:0px;}

#ideaSpace_bg {width:800px; height:65px; background-image:url(images/ideaspacejoin_bg.gif); background-position: top left; background-repeat:no-repeat;}

#joinTable {border:0px; margin:0px; padding:0px;}
#joinTable .joinTD {border-top:1px solid #047391; padding:0px;margin:0px;}
#joinTable .joinInput {width:300px; height:20px; border:1px solid #047391;padding:0px; margin:0px;}
#joinTable .joinSubmit {display :block; width:58px; height:22px; border:0px; background-image:url(images/posalji.gif); background-position:top left; background-repeat: no-repeat;}

#main_container_inner2 {
	position:relative;
	width:800px;
	margin:0px auto;
	padding-bottom:0px;
	height:536px;
	}

.redLink {color:#f0898a;}
.redLink:hover {color:white;}

/* TB DIRECTORY SEARCH */

#searchContainer {	
	/*position:relative;*/
	display:block;
	float:left;
	width:801px;
	height:92px;
	}
#searchContainer .left {	
	/*position:relative;*/
	display:block;
	float:left;
	width:11px;
	height:92px;
	background-image:url(images/directorysearch-left.gif);
	background-repeat:no-repeat;
	}
#searchContainer .middle {	
	/*position:relative;*/
	display:block;
	float:left;
	width:783px;
	height:92px;
	text-align:left;
	background-image:url(images/directorysearch-middle.gif);
	background-repeat:repeat-x;
	}		
#searchContainer .right {	
	/*position:relative;*/
	display:block;
	float:right;
	width:7px;
	height:92px;
	background-image:url(images/directorysearch-right.gif);
	background-repeat:no-repeat;
	}

.searchContainerInner {
	width:544px;
	height:32px;
	text-align:left;
	border-top:1px solid #0094d8;
	border-bottom:1px solid #0094d8;
	margin:0px;
	margin-left:73px;
	}
	
	
.0{
	margin:0px;
	padding:0px;
	border:0px;
	}	

.title {color:#0094d8;
		font-family: Arial,sans-serif; 
		font-size: 20px,
		color: #0094d8;
		}

.searchPolje {
width:183px;
height:16px;
background-color:white;
margin:0px;
padding:2px 0px 0px 2px;
border:1px solid #047391;
font-family:Arial,sans-serif;
font-size:11px;
color:#000;
}

.searchSelect {
width:185px;
height:18px;
background-color:white;
margin:0px;
padding:0px;
border:1px solid #047391;
font-family:Arial,sans-serif;
font-size:11px;
color:#000;
}

.trazi{
display:block;
border:0px;
width:68px;
height:22px;
background-image:url(images/search.gif);
background-repeat:no-repeat;
}

.defaultTable tr td {margin:0px; padding:0px; border:0px; color:black; font-family:Arial,sans-serif; font-size:11px; text-align:left; vertical-align:middle; height:32px;}

.paginationHolder {
	display:block;
	position:relative;
	width:800px;
	height:31px;
	background-image:url(images/pagination-tile.gif);
	background-position:top left;
	margin:12px 0 12px 0;
	padding:0;
}

.paginationHolder .pagesPerView {
	width:138px;
	padding:8px 0 0 10px;
	margin:0;
	border:0;
	float:left;
}


.paginationHolder .pagesPerView ul {border:0; padding:0; margin:0; list-style:none;}
.paginationHolder .pagesPerView li {border:0; padding:0; margin:0; float:left;}
.paginationHolder .pagesPerView li a {
	position:relative;
	border:1px solid #8f9495; 
	margin:0 2px; 
	padding:0; 
	color:#8f9495;
 	font-size:11px; 
	font-weight:bold;
}

.paginationHolder .pagesPerView li a:hover {
	position:relative;
	text-decoration:none; 
	border:1px solid #0094d8; 
	color:#0094d8
}
.paginationHolder .pagesPerView li .active{
	position:relative; 
	float:left; margin:0 2px; 
	padding:0; font-size:11px; 
	font-weight:bold; 
	border:1px solid #0094d8; 
	color:#0094d8
}


.paginationHolder .paginationNumbers {
	width:110px;
	padding:8px 0 0 10px;
	margin:0;
	border:0;
	float:left;
}


.paginationHolder .paginationNumbers ul {border:0; padding:0; margin:0; list-style:none;}
.paginationHolder .paginationNumbers ul li {border:0; padding:0; margin:0; float:left;}
.paginationHolder .paginationNumbers ul li .left {
	width:10px; 
	height:9px; 
	position:relative; 
	float:left; 
	border:1px solid #8f9495; 
	margin:0px 2px; 
	padding:0px; 
	color:#8f9495; 
	font-size:11px; font-weight:bold; 
	background-image:url(images/paggination-arrow.gif); 
	background-position: top left; 
	background-repeat:no-repeat;
	overflow:auto;
}
.paginationHolder .paginationNumbers ul li .left:hover {text-decoration:none; border:1px solid #0094d8; color:#0094d8; background-position:bottom;}
.paginationHolder .paginationNumbers ul li .middle {
	cursor:default; 
	text-decoration:none;
	position:relative;
	float:left; 
	margin:0 2px; 
	padding:0; 
	font-size:11px; 
	font-weight:normal; 
	border:0; 
	color:#0094d8;
	white-space:nowrap;


}
.paginationHolder .paginationNumbers ul li .right { 
	width:10px; 
	height:9px; 
	position:relative; 
	float:left; 
	border:1px solid #8f9495; 
	margin:0px 2px; 
	padding:0px; 
	color:#8f9495; 
	font-size:11px; 
	font-weight:bold; 
	background-image:url(images/paggination-arrow2.gif); 
	background-position: top left; 
	background-repeat:no-repeat;
	overflow:auto;
}
.paginationHolder .paginationNumbers ul li .right:hover { 
	text-decoration:none; 
	border:1px solid #0094d8; 
	color:#0094d8; 
	background-position:bottom;
	padding:0px;
}



.paginationHolder .goToPage {
	width: 200px;
	padding:0 11px 0 0;
	margin:0;
	border:0;
	float:right;
	text-align:right;
}
.paginationHolder .goToPage .middle {
	cursor:default; 
	text-decoration:none;
	position:relative;
	float:left; 
	margin:0 2px; 
	padding:0; 
	font-size:11px; 
	font-weight:normal; 
	border:0; 
	color:#0094d8;
	white-space:nowrap;


}
.paginationHolder .goToPage form {border:0; padding:0; margin:0;}

.paginationHolder .goToPage form .tabla {margin:3px 0 0 0; padding:0; border:0; float:right;}
.paginationHolder .goToPage form .tabla tr {margin:0; padding:0; border:0;}
.paginationHolder .goToPage form .tabla tr td {margin:0; padding:0; border:0;}

.paginationHolder .goToPage form .tabla tr .polje {width:35px;}
.paginationHolder .goToPage form .tabla tr .polje input {
	width:35px;
	height:19px; 
	margin:0; 
	padding:2px 0 0 2px;
	background-color:#fff;
	border:1px solid #047391;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#000;
}
.paginationHolder .goToPage form .tabla tr .batn {vertical-align:middle; border:0; margin:0; padding:0 0 1px 0;}
.paginationHolder .goToPage form .tabla tr .batn input {
	width:18px; 
	height:12px; 
	border:0; 
	margin:0; 
	padding:0;  
	background-image:url(images/go-dir.gif);
	background-position:top;
	cursor:pointer;
}	
.paginationHolder .goToPage form .tabla tr .batn input:hover {background-position:bottom}


.home-directory {
	display:block;
	position:relative;
	background-image:url(images/home-directory.png);
	background-repeat:no-repeat;
	width:188px;
	height:92px;
}
.home-download {
	display:block;
	margin-top:6px;
	position:relative;
	background-image:url(images/home-download.png);
	background-repeat:no-repeat;
	width:188px;
	height:92px;
	
}


#overlay { 
	position:absolute;
	top:0;
	left:0; 
	width:100%;
	height:100%; 
	background-color:#81caec; 
	z-index:10000; 
	-moz-opacity:0.9; 
	filter: alpha(opacity=90); 
	opacity: 0.9; 
	margin:0;
	display:none;
}

#overlay1{ 
	position:absolute;
	top:0;
	left:0; 
	width:100%;
	height:100%; 
	/*background-color:#81caec;*/ 
	z-index:10001; 
	margin:0;
	display:none;
}

#overlay1 #join_Idea_Space tr td form {margin:0 0 11px 0; padding:0 20px; border:0;}
#overlay1 #join_Idea_Space {
	width:391px;
	height:212px; 
	background-color:#fff; 
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border-left:1px solid #0094d8;
	border-right:1px solid #0094d8;
	border-top:1px solid #0094d8;
	border-bottom:1px solid #0094d8;
}

#overlay1 #join_Idea_Space tr td {text-align:left; border:0; padding:0; margin:0; vertical-align:top;}


#overlay1 #join_Idea_Space tr td div {margin:0 20px; border-bottom:1px solid #0094d8;}
#overlay1 #join_Idea_Space tr td div font{
	font-family:Verdana, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#047391;
}
.tableH1 {padding:23px 0 15px 0; margin:0; border:0;}
#overlay1 #join_Idea_Space tr td form .joinPolje {
	width:269px;
	height:18px;
	background-color:white;
	margin:0px;
	padding:0px;
	border:1px solid #047391;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#000;
}

#overlay1 #join_Idea_Space tr td form .gumb{
	display:block;
	border:0px;
	width:68px;
	height:22px;
	background-image:url(images/button.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
} 

#overlay1 #join_Idea_Space tr td form h1 {
	padding:10px 0; 
	margin:0; 
	border:0;
	line-height:21px;
	font-size:18px;
}
#overlay1 #join_Idea_Space tr td form img {margin:10px 0;}

.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.clearfix {display: inline-block;}
.clearFloat {clear:both; height:0px; overflow:hidden;}

* html .clearfix {height:1%;}

.clearfix {display: block;}