@charset "UTF-8";
/* CSS Document */
 
body{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 0.75em;*/
	font-size:12px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #535353;
	text-align: left;
	padding-top: 10px;
}
 
p, ul, li, ol, div, span, h1, h2, h3, h4, h5, h6, form {
	padding: 0;
	margin: 0;
}

#main p{
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
 
.clr{
	clear: both;
	height: 1px;
	font-size: 1px;
}
 
img{
	border: 0 solid #FFF;
	margin: 0;
	padding: 0;
}


#main h2{
	color: #014370;
	font-size:18px;
	font-weight: normal;
	border-bottom:1px solid #dbe4eb;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#main h3{
	font-size:18px;
	color: #014370;
	margin-bottom: 5px;
	font-weight: normal;
}

#main h4{
	margin-top: 15px;
	clear: both;
	padding-top: 15px;
	border-top: 1px solid #dbe4eb;
	font-size:16px;
	line-height: 1em;
	margin-bottom: 10px;
	color: #014370;
	font-weight: normal;
}

#main h4.noline{
	padding-top: 0;
	border-top: 0 none;
}

a{
	color: #535353;
	text-decoration: none;
}

a:hover{
	color: #014370;
	text-decoration: underline;
}
 
#wrapper {
	width:940px;
	margin: 0 auto;
}

#main {
	background: url(../gr/blend.jpg) bottom left repeat-x;
	display: block;
	clear: both;
	/*margin-top: 20px;*/
	padding-bottom: 20px;
	/*background-color:#993333;*/
}

#content{
	float: left;
	/*width: 609px;*/
	width: 594px;
	border-left: 1px #ccd9e2 solid;
	margin-left: 20px;
	padding-left: 20px;
	margin-right: 50px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding-bottom: 30px;
}


#content p{
	margin-bottom: 12px;	
}

#content ul,
#content ol{
	margin-top: 10px;
	padding-left: 20px;
}

#content li{
	margin-bottom: 10px;
	padding-left: 5px;
}

/* SIGN IN BOX */

#login{
	display: block;
	min-height:33px;
	height: auto !important;
	height: 33px;
}

#login ul{
	padding-top: 9px;
	display: block;
	min-height:24px;
	height: auto !important;
	height: 24px;
}

#login li {
	border-left:1px solid #ccd9e2;
	float:right;
	list-style-type:none;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#login li.first{
	border: 0;
	
}

#login ul li a{
	color: #014370;
}

#login ul li a span{
	display: none;
}

/*#loginbox form{*/
#loginarea{
	padding: 0;
	margin: 0;
	height: 33px;
	width: 745px;
	_width: 740px;
}

#passwordresetter{
	float: left;
	background-color: #e5ebf0;
	min-height:33px;	
	height: auto !important;
	height: 33px;
	width: 500px;
	line-height: 2em;
}

#loginbox{
	display: none;
	background-color: #e5ebf0;
	min-height:33px;	
	height: auto !important;
	height: 33px;
	padding: 0 10px 0 195px;
	background-image:url(../gr/loginbar_back2.gif);
	background-repeat:no-repeat;
	margin-bottom: 1px;
}

#loginbox span,
#loginfail span{
	display: none;
}

#loginbox label{
	float: left;
	margin-top: 3px;
}

#loginbox p{
	margin-top: 6px;
}

#loginbox label input{
	width: 124px;
	padding: 1px 3px;
	margin: 3px 0 0 0;
	height: 14px
}

#login_btn{
	float: left;
	margin-top: 3px;
}

#regnow{
	float: left;
	width: 91px;
	height: 30px;
	margin-top: 3px;
	margin-left: 134px;
	background-image:url(../gr/loginbar_register.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#loginbox .closer{
	float: right;
	width: 16px;
	height: 33px;
	margin: 0;
	padding: 0;
	background-image:url(../gr/loginbar_closer.gif);
	background-position: top;
	background-color:#FF0000;
	background-repeat: no-repeat;
}

#forgot_pwd{
	background-image:url(../gr/loginbar_forgot_pwd.gif);
	background-position: center left;
	width: 96px;
	float: left;	
	height: 26px;
	background-repeat: no-repeat;
	border: 0 !important;
	padding: 0;
	margin: 0;
	margin-top: 7px;
}

#password_field{
	margin-left: 71px;
	margin-right: 4px;
}

#register_func a{
	height: 22px;
	background-image: url(../gr/login_register.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 65px;
	float: left;
}

#signin_func a{
	height: 22px;
	background-image: url(../gr/login_member.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 112px;
	float: left;
}

#register_func a:hover,
#signin_func a:hover{
	background-position: bottom;
}

#loginfail{
	display: none;
	margin-bottom: 1px;
	min-height:33px;	
	height: auto !important;
	height: 33px;
	background-image:url(../gr/loginfail_back.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#loginfail a{
	float: right;
	background-image:url(../gr/loginfail_backtologin.gif);
	height:33px;
	width: 161px;
	background-position: top right;
	background-repeat: no-repeat;
}

/* END SIGN IN BOX */


/* LOGO */
#logo {
	display:block;
	width: 940px;
	height: 240px;
	clear: both;
}
	
#logo h1 a span, 
p.intro span{
	display: none;
	font-size: 1px;
}

#logo h1 a{
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	font-size:1px;
	min-height:240px;
	height:auto !important;
	height: 240px;
	width: 429px;
	background-image:url(../gr/header_left.gif);
}

#logo p.intro{
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	font-size:1px;
	min-height:240px;
	height:auto !important;
	height: 240px;
	width: 511px;
	background-image:url(../gr/header_right.jpg);
}

/* END LOGO */





/* TOP MENU */
 
#header {
	display: block;
	clear: both;
	min-height: 71px;
	height: auto !important;
	height: 71px;
}
 
#tabs{
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
} 
 
#tabs ul{
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	
}
 
#tabs li{
	list-style-type: none;	
	float: left;
	min-height: 51px;
	height: auto !important;
	height: 51px;
	text-align: center;
}
 
#tabs li a span{
	font-size: 1px;
	display: none;
}
 
#tabs li a{
	float: left;
	font-size: 1px;
	min-height: 51px;
	height: auto !important;
	height: 51px;
	line-height: 1px;
	background-position: top;
	background-repeat: no-repeat;
}
 
#tabs li a.sel{
	background-position: bottom;
}
 
.menu_home{
	background-image:url(../gr/nav_home.gif);
}
 
.menu_home a{
	width: 87px;
	background-image:url(../gr/nav_home.gif);
}


.menu_news{
	background-image:url(../gr/nav_news.gif);
}

.menu_news a{
	width: 77px;
	background-image:url(../gr/nav_news.gif);
}


.menu_benchmarking{
	background-image:url(../gr/nav_bench.gif);
}

.menu_benchmarking a{
	background-image:url(../gr/nav_bench.gif);
	width: 154px;
}


.menu_about{
	background-image:url(../gr/nav_about.gif);
}
 
.menu_about a{
	background-image:url(../gr/nav_about.gif);
	width: 101px;
}


.menu_events a{	
	background-image:url(../gr/nav_event.gif);
}

.menu_events a{
	background-image:url(../gr/nav_event.gif);
	width: 83px;
}


.menu_training{	
	background-image:url(../gr/nav_train.gif);
}

.menu_training a{
	width: 104px;
	background-image:url(../gr/nav_train.gif);
}


.menu_awards{
	background-image:url(../gr/nav_award.gif);	
}

.menu_awards a{
	background-image:url(../gr/nav_award.gif);
	width: 98px;
}

.menu_sponsors{	
	background-image:url(../gr/nav_spon.gif);
}

.menu_sponsors a{
	background-image:url(../gr/nav_spon.gif);
	width: 113px;
}

.menu_vacancies{	
	background-image:url(../gr/nav_vacan.gif);
}

.menu_vacancies a{
	background-image:url(../gr/nav_vacan.gif);
	width: 123px;
}


#tabs li a:hover{
	background-position: center bottom;
} 
 
/* END TOP MENU */


/* SIDE NAV */

#side_nav{
	float: left;
	width: 185px;
	padding: 0;
	margin: 0;
	margin-left: 25px;
	/*background-color:#0099FF;*/
	margin-right: 20px;
}

#side_nav ul{
	margin: 0;
	padding: 0;
}

#side_nav li{
	list-style-type:none;
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #ccd9e2 solid;
	display: block;
}

#side_nav li.invisible{
	border-bottom: 0 #ccd9e2 solid;
}

#side_nav ul.submenu li {
	list-style-type:none;
	font-size: 12px;
	margin: 10px 0 5px 10px;
	padding: 0;
	border: 0;
	/*width: 185px;*/
	display:block;
}

ul.submenu li.last {
	margin-bottom: 0;
}

#side_nav li a{
	text-decoration: none;
	color: #535353;
}

#side_nav li a:hover, #side_nav li.sel li a:hover{
	color: #014370;
}

#side_nav li.sel a{
	color: #014370;
}

#side_nav li.sel li a{
	color: #535353;
}

#side_nav li.sel li.sel a{
	color: #014370;
}

.side_training li{
	font-size: 14px !important;	
}

/* END SIDE NAV */

/* ATTACCHMENTS ICONS */
.pdf_file,
.ppt_file,
.word_file{
	float: left;
	background-repeat: no-repeat;
	background-image:url(../gr/icon_pdf.png);
	background-position: center left;
	line-height: 2.1em;
	padding-left: 25px;
	font-size:14px;
}

.ppt_file{
	background-image:url(../gr/icon_ppt.png);
}

.word_file{
	background-image:url(../gr/icon_word.png);
}
/* END ATTACCHMENTS ICONS */

/* FOOTER */

#footer {
	margin-top: 10px;
	display: block;
	width: 940px;
	margin-bottom: 10px;
}

#footer_links{
	float: right;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin-bottom: 20px;
}

#footer li {
	border-right:1px solid #ccd9e2;
	float:left;
	list-style-type:none;
	padding:0 10px;
	
}

#footer li.last{
	border-right: none;
	padding-right: 0;	
}

#footer p.address, #footer p.contact_details{
	float: left;
	text-align: center;
	width: 940px;
	font-size: 14px;
}

.blue{
	color: #014370;
}

/* END FOOTER */

/* HOME PAGE STYLES */
#hp_content{
	display: block;
	/*margin-top: 10px;*/
	padding: 0 0 0 20px;
}

.hp_small_box,
.hp_small_box_top{
	float: left;
	position: relative;
	z-index:5;
	margin: 0 10px 10px 0;
	/*margin: 0 10px 0 0;*/
	line-height:1.2em;
	letter-spacing: 0.010em;
	width: 252px;
	padding: 15px 20px;
	min-height: 126px;
	height: auto !important;
	height: 126px;
	border: 1px solid #d2dee6;
	background-color: #FFF;	
}


.hp_small_box_top{
	min-height: 146px;
	height: auto !important;
	height: 146px;
	background-image:url(../gr/hp_topbox.gif);
	background-repeat:repeat-x;
	background-position: top;	
}

.hp_large_box{
	width:566px;
	min-height: 187px;
	height: auto !important;
	height: 187px;
	padding: 15px 10px 15px 20px;
}

.hp_height_box{
	min-height: 187px;
	height: auto !important;
	height: 187px;
}

.hp_award{	
	display: block;
	padding: 15px 20px;
	width: 202px;
	padding-right: 70px;
	min-height: 146px;
	height: auto !important;
	height: 146px;
	background-image:url(../gr/hp_award.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.hp_small_box_top h2{
	color: #014370;
	font-size:20px;
	font-weight: normal;
	margin-bottom: 10px;
}

.hp_small_box h2{
	color: #014370;
	font-size:18px;
	font-weight: normal;
	margin-bottom: 10px;
}

.hp_small_box_top h3,
.hp_small_box h3{
	color: #014370;
	font-weight: normal;
	font-size:14px;
	padding: 2px 0;
}

.hp_small_box h3{
	color: #535353;
	padding: 0;
}

#hp_content h4{
	font-size:14px;	
}

.hp_bottom_link{
	position: absolute;
	z-index: 6;
	bottom: 15px;
	display: block;
	font-size: 14px;
	color: #014370;
}

.hp_bottom_link a{
	color: #014370;
}

#hp_content li{
	list-style-type: none;
	padding: 2px 0;
}

.hp_join_ccma{
	float: left;
	width:93px;
	height: 34px;
	background-image:url(../gr/join_ccma.gif);
}

.hp_become_sponsor{
	background-image:url(../gr/become_a_sponsor.gif);
	float: left;
	width:134px;
	height: 34px;
}

.hp_join_ccma span,
.hp_become_sponsor span{
	display: none;
}

.hp_sponsor_box{
	width: 100px;
	float: left;
	border-right: 1px solid #dbe4eb;
	min-height: 115px;
	height: auto !important;
	height: 115px;
}

.hp_sponsor_box h4{
	font-weight: normal;
}

.gold{
	width: 140px;
	margin-left: 10px;
	margin-right: 5px;
}
.silver{
	width: 285px;
	margin-left: 10px;
	border-right: 1px solid #FFF;
}

/* END HOME PAGE STYLES */

/* AJAX STYLES */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align: left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #81B6D8;
	color: #FFF;
}

#slideshow li{
	width: 240px;
}

.hidden{
	visibility:hidden
}