/* reset */
html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

*{
	outline:none;
}
tbody{
	border:none;
}
ul.links li {
	padding:0;
}
.hidden,
a.hidden{
	display:none;
}
/*************** GC ****************/
.global_width{
	width:950px;
	margin:auto;
}
.wrapper{
	clear:both;
	width:100%;
	height:0;
	overflow:hidden;
}
body {
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	height:100%;
	min-height:100%;
	min-width:950px;
}
.overflow_hidden{
	overflow:hidden;
}
.node-unpublished{
	background:#FCC;
}
/* REGIONS */
#all{
	position:absolute;
	min-height:100%;
	width:100%;
	top:0;
}
#all_without_footer{
	margin:0 0 270px;
}
#sidebar-last{
	width:247px;
	margin:0 0 0 30px;
}
/* HEADER */
#header_tabs{
	background:#626a73 url(../images/header.png) repeat-x bottom;
	padding:0 0 13px;
	overflow:hidden;
}
#header .wrapper{
	height:1px;
}
#header .logo{
	float:right;
	margin:10px 0 0 0;
}
/* HEADER OPT */
#header .opt{
	float:right;
	background:url(../images/header_opt.png) repeat-x 0 -27px;
	height:25px;
	margin:-3px 0 0;
	position:relative;
	z-index:1;
	padding:0 8px;
}
#header .opt .left, 
#header .opt .right{
	background:url(../images/header_opt.png) no-repeat;
	height:25px;
	width:6px;
	position:absolute;
	top:0;
	left:0;
}
#header .opt .right{
	left:auto;
	right:0;
	background-position:right 0;
}
#header .opt>a,
#header .opt .tabs li{
	display:inline-block;
	font-size:11px;
	background:url(../images/menu_sep.png) no-repeat right;
	padding:4px 7px 4px 4px;
}
#header .opt .tabs{
	display:inline-block;
	margin:0 10px 0 0;
}
/* HEADER MENU */
#header .menu{
	padding:7px 0 0;
}
#header .menu li{
	float:left;
	padding:0 17px;
	margin:0;
	background:url(../images/menu_sep.png) no-repeat right;
}
#header .menu li.first{
	padding:0 17px 0 0;
}
#header .menu li.last{
	background:none;
}
#header .menu a{
	color:#fff;
	padding:5px 0 3px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
}
#header .menu a.active, #header .menu .active-trail a{
	border-bottom:solid 2px #4fa4ff;
	padding:5px 0 1px;
}
#header .menu a.active.nostyle{
	border:none;
}
#header .menu a:hover,
#header .menu a:focus,
#header .menu a.nostyle:hover{
	border-bottom:solid 2px #ccc;
	padding:5px 0 1px;
}
#header .menu ul{
	display:none;
}
/* HEADER LANGUAGE */
#header .opt #language_btn{
	background:url(../images/header_language.png) no-repeat right center;
	padding-right:10px;
	cursor:pointer;
}
#language_selector{
	position:absolute;
	top:100%;
	right:0;
	margin:-6px 0 0;
	padding:6px 0 0;
	text-align:left;
	display:none;
	z-index:1;
	background:url(../images/language_drop.png) no-repeat right 0;
	width:74px;
}
#language_selector ul{
	background:url(../images/language_drop_b.png) no-repeat 0 bottom;
	width:54px;
	padding:0 10px 5px 10px;
}
#language_selector a, #language_selector li.grey, #language_selector a.active:hover{
	padding:3px 8px 3px 0;
	font-size:11px;
	text-align:right;
	display:block;
	border:none;
	border-top:dotted 1px #ccc;
}
#language_selector a.active{
	color:#777;
}
#language_selector a.active:hover{
	text-decoration:none;
	cursor:default;
}
#language_selector a:hover{
	text-decoration:underline;
}
#language_selector h2{
	display:none;
}
/* SUB TABS */
#sub_tabs{
	position:relative;
	margin:-2px 0 25px;
	padding:0 0 8px;
	border-bottom:solid 2px #e1e2e4;
	clear:both;
}
#sub_tabs li{
	float:left;
	padding:0 17px;
	background:url(../images/menu_sep.png) no-repeat right;
	position:relative;
}
#sub_tabs a{
	text-transform:uppercase;
	font-size:11px;
	display:block;
}
#sub_tabs li.first{
	padding:0 17px 0 0;
}
#sub_tabs li.last{
	background:none;
}
#sub_tabs a.active,
#sub_tabs .active-trail a{
	color:#67707a;
	background:url(../images/read_more_14.png) left center no-repeat;
	padding:0 0 0 18px;
	min-height:14px;
}
#sub_tabs .arrow{
	background:url(../images/sub_tabs.png) center bottom no-repeat;
	height:28px;
	width:11px;
	height:8px;
	position:absolute;
	bottom:-16px;
	left:50%;
	margin:0 0 0 -5px;
}
*+html #sub_tabs .arrow{
	bottom:-14px;
}
#sub_tabs ul ul{
	display:none;
}





#content{
	margin:0 0 30px;
}
#content_bottom{
	margin:30px 0;
}






/* SIDEBAR */
#sidebar_right{
	width:250px;
	float:right;
	margin:0 0 40px;
}
#content_with_sidebar{
	width:660px;
	border-right:solid 1px #eee;
	padding:0 20px 0 0;
	margin:0 0 30px;
	overflow:hidden;
}
#sidebar_right h2{
	margin:30px 0 10px;
	color:#000;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
}
#sidebar_right div:first-child h2{
	margin:10px 0 0;
}
#sidebar_right ul ul{
	margin:3px 0 0 10px;
}
#sidebar_right ul .parent{
	/*color:#000;*/
}
#sidebar_right ul li{
	margin-bottom:3px;
}
#sidebar_right li.active, #sidebar_right li.active-trail{
	list-style-image:url(../images/puce_grey.gif);
}
#sidebar_right li.expanded{
	list-style:none;
}
#sidebar_right li.expanded>a.active{
	font-weight:normal;
	color:#1f72cb;
}
#sidebar_right a.active{
	font-weight:bold;
}
#sidebar_right ul .parent:hover{
	cursor:auto;
	text-decoration:none;
}
/* BANNER */
#banner{
	overflow:hidden;
	position:relative;
	margin:0 0 30px;
}
#banner .bg{
	background:url(../images/project_banner.png) center bottom no-repeat;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	height:20px;
}
#banner img{
	margin:10px 0 0;
}
#banner .screenshot{
	float:right;
	margin:0 15px 0 0;
}
#banner h3{
	margin:0 0 20px;
}
/* FOOTER */
#footer{
	clear:both;
	background:#626a73 url(../images/footer.png) repeat-x;
	overflow:hidden;
	padding:20px 0 0 0;
	
	position:absolute;
	bottom:0;
	width:100%;
}
#footer .right{
	float:right;
}
.footer_rss_link,
.footer_twitter_link,
.footer_linkedin_link{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:block;
	float:left;
	clear:both;
	margin:0 0 10px;
	padding:6px 0 6px 45px;
}
.footer_rss_link{
	background:url(../images/footer_rss_icon.png) no-repeat 5px 0;
}
.footer_twitter_link{
	background:url(../images/footer_twitter_icon.png) no-repeat;
}
.footer_linkedin_link{
	padding:0 0 0 5px;
}
#footer .one_column a,
#footer .two_column a{
	color:#fff;
}
#footer p{
	text-transform:uppercase;
	color:#c2cad3;
	font-weight:bold;
	padding:5px 0;
	margin:0;
}
#footer .one_column *,
#footer .two_column *,
#footer .bottom a,
.footer_rss_link, .footer_twitter_link,
#footer .bottom span{
	text-shadow:rgba(0,0,0,.3) 0 1px 1px;
}
#footer .one_column li,
#footer .two_column li{
	border-top:solid 1px #767e88;
	border-bottom:solid 1px #4e555c;
	padding:5px 0;
}
#footer .one_column ul,
#footer .two_column ul{
	border-top:solid 1px #4e555c;
	border-bottom:solid 1px #767e88;
	width:150px;
	overflow:hidden;
}
#footer .one_column{
	width:150px;
	float:left;
	margin:0 15px 15px 0;
	overflow:hidden;
}
#footer .two_column{
	width:315px;
	margin:0 0 15px 175px;
	overflow:hidden;
}
#footer .two_column ul{
	float:left;
	margin:0 15px 0 0;
}
#footer .two_column ul+ul{
	margin:0;
}
/* footer bottom */
#footer .bottom{
	text-align:center;
	font-size:11px;
	padding:20px 0 6px;
	clear:both;
	background:url(../images/footer_bottom.png) #747d86 repeat-x;
}
#footer .bottom span{
	color:#c2cad3;
	padding:3px 0;
	display:inline-block;
	margin:0 0 0 13px;
}
*+html #footer .bottom span,
*+html #footer .bottom ul{
	display:inline;
}
#footer .bottom ul{
	display:inline-block;
	vertical-align:bottom;
}
#footer .bottom li{
	float:left;
	padding:0 10px;
	background:url(../images/menu_sep.png) no-repeat right;
	position:relative;
}
#footer .bottom a{
	color:#fff;
	padding:3px 0;
	display:block;
}
/* Modal */
.modal{
	z-index:1000;
}
.overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:1000;
	opacity:0.5;
	filter : alpha(opacity=20);
}
.modal_content{
	position:absolute;
	top:20%;
	left:50%;
	margin:0 0 0 -330px;
	width:620px;
	padding:20px 30px;
	background:url(../images/modal.png) repeat-y -680px;
	z-index:1001;
	text-align:left;
}
.modal_content .top, .modal_content .bottom{
	background:url(../images/modal.png) no-repeat;
	position:absolute;
	height:9px;
	width:680px;
	left:0;
	top:-9px;
}
.modal_content .bottom{
	top:100%;
	background-position:0 -9px;
}
.modal h1{
	font-size:26px;
	font-weight:normal;
	line-height:normal;
	padding:0;
	border:0;
}
.modal .close{
	background:url(../images/modal.png) no-repeat -1357px center;
	width:15px;
	height:18px;
	float:right;
}
.modal .close:hover{
	cursor:pointer;
}
.modal h2{
	color:#000;
	font-weight:bold;
	margin:0 0 20px;
	font-size:24px;
}
#co_modal h3{
	background:url(../images/round_puce.png) no-repeat left center;
	padding:0 0 0 15px;
}
#co_modal p{
	padding:0 0 0 15px;
}
.modal h3{
	margin:5px 0 0;
}
#co_modal .modal_content{
	top:200px;
}
/* Modal video */
.modal_content.video{
	top:100px;
	left:50%;
	margin:0 0 0 -481px;
	width:958px;
	padding:18px 12px 25px 18px;
	background:url(../images/video_bg.png);
}
.modal_content.video .close{
	position:absolute;
	top:68px;
	right:14px;
}
/* VIEWS */
.views-admin-links{
	position:absolute;
}
.views-admin-links li a{
	font-size:10px !important;
	display:inline !important;
}
/* h1 sep */
.h1_sep{
	background:#ebebeb;
	width:100%;
	height:5px;
	margin:10px 0;
}
/* admin_menu */
#admin_menu{
	position:fixed;
	top:0;
	left:0;
}
#admin_menu .bg{
	background:#000;
	opacity:0.70;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
}
.admin_menu_body{
	padding:10px;
}
.admin_menu_body a, .admin_menu_body h2{
	position:relative;
	color:#fff;
	font-size:10px;
}
.admin_menu_body .active{
	color:#fff;
	font-weight:bold;
}
.admin_menu_body h2{
	font-size:11px;
}
.admin_menu_body li{
	padding:0 0 0 10px;
}
#admin_menu .collapsed{
	display:block;
}
/* admin edit */
.tableHeader-processed table{
	margin:0 0 20px;
}
.tableHeader-processed td{
	padding:6px;
}
.tableHeader-processed .odd{
	background:#eee;
}
.tableHeader-processed fieldset table{
	margin:20px 0;
}
.tabledrag-handle{
	width:16px;
	height:16px;
	margin:0 10px 0 0;
	display:block;
	float:left;
	background:url(../images/drag.png) no-repeat;
}
.region-populated{
	display:none;
}
td.region{
	font-weight:bold;
	font-size:13px;
	padding:5px 0;
}
.region-empty em{
	color:#999;
}
.drag-previous{
	background:#FC3;
}
tr.drag{
	background:#69F !important;
}
/* ul links */
ul.links{
	background:#fff;
	padding:2px 5px;
	font-size:10px;
	font-weight:normal;
	border:solid 1px #903;
	display:inline-block !important;
	position:relative;
}
ul.links li{
	float:left;
	margin:0 8px 0 0 !important;
	font-size:10px;
	list-style:none;
}
ul.links .first{
	background:url(../images/links_arrow.png) no-repeat top;
	margin:-7px 8px 0 0 !important;
	padding:7px 0 0;
}
ul.links .last{
	margin-right:0;
}
ul.links li a:hover{
	background:none !important;
	text-decoration:underline !important;
}
/* BORDER RADIUS */
.border_radius{
	background:#ededed;
	padding:15px;
	margin:30px 0 0;
	position:relative;
}
.border_radius h4{
	margin:0 0 5px;
}
.border_radius{
	background:#ededed;
	padding:15px;
	position:relative;
}
.border_radius .tl, .border_radius .tr, .border_radius .bl, .border_radius .br{
	position:absolute;
	width:9px;
	height:9px;
	background:url(../images/border_radius.png);
}
.border_radius .tl{
	top:0;
	left:0;
}
.border_radius .tr{
	top:0;
	right:0;
	background-position:-9px 0;
}
.border_radius .bl{
	bottom:0;
	left:0;
	background-position:0 -9px;
}
.border_radius .br{
	bottom:0;
	right:0;
	background-position:-9px -9px;
}

/* badge */
.badge{
	width:250px;
	margin:15px 0 20px;
}
.badge_top, .badge_bottom, .badge_middle{
	background:url(../images/badge.png);
	overflow:hidden;
}
.badge_top{
	height:13px;
}
.badge_bottom{
	height:13px;
	background-position:0 -13px;
}
.badge_middle{
	background-position:-250px 0;
	padding:0 3px;
}
.badge_content{
	background:url(../images/badge_bg.png) repeat-x bottom;
	padding:0 12px;
	overflow:hidden;
}
.badge_title{
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:0 0 15px;
}
.badge_text .try_btn{
	margin:0 0 10px;
}
.badge_text img{
	margin:10px 0 0;
}
.badge_text .desc{
	font-size:11px;
	color:#777;
	line-height:13px;
}
/* SEARCH */
.search-results .title{
	margin:20px 0 0;
}
.search-results .search-snippet{
	margin:5px 0 0;
}
.search-results .search-snippet strong{
	color:#000;
}
.search-results dd{
	border-bottom:1px dotted #DDDDDD;
	padding:0 0 10px;
	margin:0;
}
.search-by-page-form{
	margin:10px 0 20px;
}
/* MAINTENANCE */
#maintenance .logo{
	float:none;
	display:block;
}
#maintenance h1{
	text-align:left;
	margin-bottom:15px;
}
#maintenance #all_content{
	margin-top:50px !important;
	padding:0 0 0 100px;
	background:url(../images/maintenance.png) no-repeat;
	margin:auto;
	width:500px;
}
#maintenance #all_content p{
	font-size:16px;
	line-height:22px;
	color:#67707a;
}
/* FORM */
select.form-select, input[type=text], textarea.form-textarea {
	background:#fff;
	color:#444;
	border:solid 1px #bbb;
}
input.form-text{
	padding:5px;
	font-size:13px;
}
select.form-select{
	font-size:13px;
	padding:2px;
}
input:focus, select:focus, textarea:focus{
	border:solid 1px #88bcf3;
}
fieldset{
	border:none;
}
.description{
	font-size:11px !important;
	color:#777;
}
/* Captcha */
.captcha{
	margin:15px 0 20px;
}
.captcha legend{
	font-weight:bold;
	color:#444;
	font-size:14px;
	margin:0 0 5px;
}
.captcha .description{
	display:none;
}
.captcha img{
	float:left;
	border:solid 1px #ccc;
	margin:0 15px 0 0;
}
.captcha .form-item{
	margin:0 0 0 165px;
}
.captcha .form-item label{
	margin:0 0 3px;
	font-size:13px;
}
/* node-type-webform */
.form-required{
	color:#cb1f1f;
}
.node-type-webform h2{
	padding:10px 0 0;
	border:0;
}
.node-type-webform label{
	font-weight:bold;
	color:#444;
	font-size:14px;
	margin:15px 0 8px;
	display:block;
}
.node-type-webform .description p{
	color:#777;
	font-size:11px;
	width:90%;
	margin:5px 0 0;
}
#content input[type=submit], #content_top input[type=submit], #sidebar_right input[type=submit]{
	padding:6px 10px 4px;
	color:#fff !important;
	background:#1f72cb url(../images/signup.png) 0 -31px;
	text-align:center;
	margin:auto;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	position:relative;
	text-transform:uppercase;
	border:none;
	outline:none;
}
#content input[type=submit]:hover, #content_top input[type=submit]:hover, #sidebar_right input[type=submit]:hover{
	cursor:pointer;
}
*+html #content input[type=submit], *+html #content_top input[type=submit], *+html #sidebar_right input[type=submit]{
	width:auto;
	overflow:visible;
	padding:3px 10px 6px;
}
#sidebar_right input[type=submit]{
	font-size:11px;
	background-position:bottom;
	padding:4px 8px 6px;
}
#sidebar_right input[type=text]{
	width:140px;
	padding:3px;
	vertical-align:top;
}
.container-inline div, .container-inline label {
	display:inline;
	vertical-align:top;
}
/* VIDEO */
/* PLAYER */
#player{
	width:930px;
	height:479px;
	display:block;
	background:#000;
	border:solid 1px #ddd;
	border-top:solid 1px #bdbdbd;
	overflow:hidden;
}
#player h2,
#player h3,
#player p{
	color:#fff;
	margin:0 20px 15px;
}
#player h3{
	background:none;
	padding:0;
}
/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls { 
	position:relative;
	height:8px;
	margin:27px 0 0 5px;
	padding:5px 0 0;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.controls a.play, div.controls a.pause { 
	position:absolute;
	width: 18px;
	height:10px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url(../images/play_pause.gif) center top no-repeat;
	margin-top: -10px;	
}

div.controls a.pause { 
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track { 
	position:absolute;
	top:-6px;	
	height:18px;
	left:20px;
	background:url(../images/track.gif) repeat-x;
	text-align:left;
	cursor:pointer;
	/*width:722px;	*/
	width:895px;
}

/* the draggable playhead */
div.controls div.playhead { 
	position:absolute;	
	height:12px;
	background:url(../images/playhead.png) no-repeat;
	cursor:pointer;
	top:0px; 
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {	
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;	
	
	/* this is the way to fine tune buffer and progress max width */
	max-width:900px;
}

div.controls div.buffer {
	background:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;	
}

/* hide time and controls in Apple look */
div.controls div.time, div.controls a.mute, div.controls a.unmute {
	display:none;		
}