html {
	overflow-y: scroll;
}

html,
body {
	height: 100%;
	margin: 0;
}

#unyk-content {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}

#doc,
#doc2,
#doc3,
#doc4 {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}

#non-ft {
	padding-bottom: 50px;
}

#ft {
	bottom: 0;
	left: 0;
	position: absolute;
	margin: 20px 0;
	width: 100%;
}

#codename {
	bottom: 3px;
	position: fixed;
	right: 3px;
}

/*
 *	KNOWN ISSUE with IE
 *	It seems that IE have rendering problem when calculating
 *	available width. Another solution is to set a border but
 *	I prefer this one since it doesn't impact the styling much.
 */
.yui-gc div.first,
.yui-gd .yui-u {
	*width: 65.9% !important;
}

.yui-g.reset,
.yui-gb.reset,
.yui-gc.reset,
.yui-gd.reset,
.yui-ge.reset,
.yui-gf.reset {
	float: none !important;
	width: 100% !important;
}


/*
* KNOWN ISSUE:
	Beginning in Opera 9.5, a padding value of 0 on radio 
	buttons and checkboxes prevents Opera from rendering 
	their visually attractive checkmarks and filled circles 
	for the radios. This has NOT been addressed in 2.6.0, 
	however you can apply this patch if you desire:
*/
input[type="checkbox"],
input[type="radio"] {
	padding: 1px;
}


.clearfix {	/* IE7 */
	display: inline-block;
}
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}	/* IE6 */
.clearfix {display: block;}
/* End hide from IE-mac */

/**
 *	X Grids System
 */
.uui-gx-ltr,
.uui-gx-rtl {
}
.uui-gx-ltr:after,
.uui-gx-rtl:after,
.uui-u:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.uui-gx-ltr .uui-u,
.uui-gx-rtl .uui-u {
	width: 25%;
}

.uui-gx-ltr .uui-u {
	float: right;
}
.uui-gx-ltr .uui-mu {
	float: left;
	margin-right: -25em;
	width: 100%;
}
.uui-gx-ltr .uui-mu .uui-u {
	float: none;
	margin-right: 25%;
	width: auto;
}

.uui-gx-rtl .uui-u {
	float: left;
}
.uui-gx-rtl .uui-mu {
	float: right;
	margin-left: -25em;
	width: 100%;
}
.uui-gx-rtl .uui-mu .uui-u {
	float: none;
	margin-left: 25%;
	width: auto;
}

/**
 *	Horizontal Menu
 */
div.h-menu {
	float: left; /* Makes the div fully visible */
	/*overflow: hidden;*/
	position: relative;
	width: 100%;
}
div.h-menu ul {
	float: left;
	list-style: none;
	margin: 0;
	text-align: center;
}
div.h-menu ul ul { /* reset for inheritance */
	float: none;
}
div.h-menu ul li {
	display: block;
	float: left;
	list-style: none;
}
div.h-menu ul li ul li { /* reset for inheritance */
	display: inline;
	float: none;
}


/**
 *	Unyk Header
 */
#header .main,
#header .main .uui-mu {
	height: 7.5em;
}

#header.uui-gx-ltr .uui-u,
#header.uui-gx-rtl .uui-u {
	width: 165px;
}

#header.uui-gx-ltr .uui-mu .uui-u,
#header.uui-gx-rtl .uui-mu .uui-u {
	height: 100%;
	position: relative;
	width: auto;
}

#header.uui-gx-ltr .uui-mu .uui-u {
	margin-right: 165px;
}

#header.uui-gx-rtl .uui-mu .uui-u {
	margin-left: 165px;
}


#header #quick-links {
	overflow: visible;
	position: relative;
}
#header #quick-links.h-menu ul {
	float: right;
	margin: 0.384em 0;
}
#header #quick-links.h-menu ul ul { /* reset for inheritance */
	float: none;
	margin: 0;
}
#header #quick-links.h-menu ul li {
	border-left: solid 1px #ccc;
	float: left;
	padding: 0 0.769em;
}
#header #quick-links.h-menu ul li ul li { /* reset for inheritance */
	border-left: none 0;
	float: none;
	padding: 0;
}
#header #quick-links.h-menu ul li.first {
	border-left: none;
}
#header #quick-links.h-menu ul li.last {
	padding-right: 0;
}

/*
#header #quick-links #header-langs-menu-container {
	font-size: 100%;
	line-height: 1em;
	margin: 0;
}
#header #quick-links #header-langs-menu-container .yui-button,
#header #quick-links #header-langs-menu-container .yui-button .first-child {
	background: none;
	border: none 0;
	line-height: 1em;
	margin: 0;
}
#header #quick-links #header-langs-menu-container a,
#header #quick-links #header-langs-menu-container button {
	font-size: 100%;
	line-height: 1em;
	min-height: 0;
}
*/



#header-menu {
	bottom: 0;
	overflow: visible;
	position: absolute;
	width: 100%;
}
#header-menu div {
	height: 2em;
}
#header-menu ul {
}
#header-menu ul li {
	border: solid 1px #3B4B69;
	border-bottom: none;
	float: left;
	font-weight: bold;
	line-height: 1.923em;
	margin-right: 0.384em;
	position: relative;
	text-align: center;
}
#header-menu ul li a,
#header-menu ul li a:link,
#header-menu ul li a:visited,
#header-menu ul li a:active {
	background-image: url('/img/common/ong_off.gif');
	color: black;
	display: block;
	padding: 0 1.076em;
	text-decoration: none;
}
#header-menu ul li a:hover {
	background-image: url('/img/common/ong_over.gif');
}

#header-menu ul li.selected a,
#header-menu ul li.selected a:link,
#header-menu ul li.selected a:visited,
#header-menu ul li.selected a:active,
#header-menu ul li.selected a:hover {
	background-image: url('/img/common/ong_on.gif');
	color: #AAE70E;
}


#header-menu li.has-sub-menu div {
	display: none;
	height: 2.307em;
	line-height: 2.307em;
	position: absolute;
}
#header-menu li.has-sub-menu.selected div {
	display: block;
}
#header-menu li.has-sub-menu .h-menu ul {
	float: left;
	left: 50%;
	position: relative;
}
#header-menu li.has-sub-menu .h-menu ul li {
	border: none;
	color: white;
	float: left;
	font-weight: normal;
	line-height: 2.307em;
	margin: 0;
	position: relative;
	right: 50%;
	text-align: center;
}
#header-menu li.has-sub-menu .h-menu ul li.sep {
	margin: 0 0.769em;
}
#header-menu li.has-sub-menu .h-menu ul li a,
#header-menu li.has-sub-menu .h-menu ul li a:link,
#header-menu li.has-sub-menu .h-menu ul li a:visited,
#header-menu li.has-sub-menu .h-menu ul li a:active {
	background: none;
	color: White;
	padding: 0;
}
#header-menu li.has-sub-menu .h-menu ul li.selected a,
#header-menu li.has-sub-menu .h-menu ul li.selected a:link,
#header-menu li.has-sub-menu .h-menu ul li.selected a:visited,
#header-menu li.has-sub-menu .h-menu ul li.selected a:active,
#header-menu li.has-sub-menu .h-menu ul li a:hover {
	color: #AAE70E;
}


#header .sub-menu-place-holder {
	background-color: #3B4B69;
	height: 2.307em;
	line-height: 2.307em;
	overflow: visible;
}
#header .h-menu.sub-menu-place-holder {
	position: static;
}
#header .h-menu.sub-menu-place-holder ul {
	color: #fff;
	padding: 0 0.769em;
}
#header .h-menu.sub-menu-place-holder ul li {
}
#header .h-menu.sub-menu-place-holder ul li.sep {
	margin: 0 0.5em;
}
#header .h-menu.sub-menu-place-holder em {
	font-style: normal;
}
#header .h-menu.sub-menu-place-holder a {
	color: white;
}

#header .h-menu.sub-menu-place-holder ul li a,
#header .h-menu.sub-menu-place-holder ul li a:link,
#header .h-menu.sub-menu-place-holder ul li a:visited,
#header .h-menu.sub-menu-place-holder ul li a:active {
	text-decoration: none;
}
#header .h-menu.sub-menu-place-holder ul li a:hover {
	color: #AAE70E;
}

#header .h-menu.sub-menu-place-holder ul li.selected a,
#header .h-menu.sub-menu-place-holder ul li.selected a:link,
#header .h-menu.sub-menu-place-holder ul li.selected a:visited,
#header .h-menu.sub-menu-place-holder ul li.selected a:active,
#header .h-menu.sub-menu-place-holder ul li.selected a:hover {
	color: #AAE70E;
}

#header .h-menu.sub-menu-place-holder .what-is-unyk {
}
#header .h-menu.sub-menu-place-holder .what-is-unyk a:link,
#header .h-menu.sub-menu-place-holder .what-is-unyk a:visited,
#header .h-menu.sub-menu-place-holder .what-is-unyk a:active,
#header .h-menu.sub-menu-place-holder .what-is-unyk a:hover {
	border: none;
	color: #fff;
	text-decoration: underline;
}

#header .h-menu.sub-menu-place-holder .feedback {
	margin-top: 2.15em;
	position: absolute;
	right: 0;
	text-align: right;
}
#header .h-menu.sub-menu-place-holder .feedback a:link,
#header .h-menu.sub-menu-place-holder .feedback a:visited,
#header .h-menu.sub-menu-place-holder .feedback a:active,
#header .h-menu.sub-menu-place-holder .feedback a:hover {
	border: none;
	color: #ECA214;
	text-decoration: underline;
}


/**
 *	Unyk Footer
 */
#footer {
	font-size: 85%;
	/*overflow: hidden;*/
}
#footer.h-menu ul {
	float: left;
	left: 50%;
	position: relative;
}
#footer.h-menu ul li {
	border-left: solid 1px black;
	float: left;
	padding: 0 0.769em;
	position: relative;
	right: 50%;
}
#footer.h-menu ul li.first {
	border-left: none;
}
#footer.h-menu ul li.images {
	overflow: visible;
}
#footer.h-menu ul li.images a {
	text-decoration: none;
}
#footer.h-menu ul li.images div {
	bottom: -15px;
	position: absolute;
	width: 60px;
}


/**
 *	Unyk Content Place Holder
 */
#bd.content-place-holder {
	padding: 2em 0.769em 0;
}
#bd.content-place-holder:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/**
 *	Unyk Progress Bar Control
 *	ToDo:
 *		- Styling elements should be move to the skin file.
 */
.progress-bar {
	border: 1px solid gray;
	height: 1.25em;
	line-height: 1.25em;
	position: relative;
}
.progress-bar .bar {
	background-color : #97CA41;
	height: 1.25em;
	position: absolute;
	width: 100%;
}
.progress-bar .progress-mask {
	background-color: white;
	display: block;
	height: 1.25em;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.progress-bar .indicator {
	font-weight: bold;
	height: 1.25em;
	position: absolute;
	text-align: center;
	width: 100%;
}



/**
 *	Viadeo Popup
 */
#wiv_mask {
	background-color: #000000;
	opacity: 0.4;
	filter: alpha(opacity=50);
}

#wiv {
	border: none;
}

#wiv .bd {
	border: none;
	color: #333333;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

#wiv .hd {
	font-size: 131%;
	height: 30px;
	padding-left: 1.15em;
}

#wiv .container-close {
	background: #B8DC84 url(/img/common/menu/viadeo/viadeo-nonstandard-X.PNG) no-repeat scroll 0 0;
	height: 30px;
	width: 30px;
	top: 0;
	right: 0;
}

#wiv h1 {
	font-family: Arial,"lucida grande",tahoma,verdana,Helvetica,sans-serif;
	font-size: 153.9%;
	margin: 0.35em 1.05em;
}
#wiv h2 {
	font-size:100%;
	font-weight:normal;
	margin: 0.5em 1.5em 1em 1.5em;
}
#wiv img {
	display: block;
	margin: 0 auto;
}

#wiv .yui-g {
	text-align: center;
}
#wiv .yui-g.explanation {
	border-top: 1px solid #CCCCCC;
	padding: 2em 0;
}
#wiv .yui-g .yui-u div {
	text-align: left;
}

#wiv .yui-g.explanation .yui-u.viadeo-section,
#wiv .yui-g.links .yui-u.viadeo-section {
	width: 58%;
}

#wiv .viadeo-section h3,
#wiv .unyk-section h3 {
	margin: 0.5em 0 2em 0;
}

#wiv .viadeo-section ul {
	list-style-type: none;
	margin: 0 1em 1em 0;
}
#wiv .viadeo-section ul li {
	background: url(/img/common/menu/viadeo/list-ico-viadeo.gif) no-repeat;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding-left: 2.5em;
}

.apnacircle #wiv .viadeo-section ul li {
	background: url(/img/common/menu/apnacircle/list-ico-apnacircle.gif) no-repeat;
}

#wiv .yui-g .yui-u.unyk-section {
	width: 39%;
}
#wiv .yui-g.explanation .yui-u.viadeo-section {
	border-left: 1px solid #CCCCCC;
	padding-left: 1em;
}
#wiv .unyk-section ul {
	list-style-type: none;
	margin-left: 1em;
}
#wiv .unyk-section ul li {
	background: url(/img/common/menu/viadeo/list-ico-unyk.gif) no-repeat;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding-left: 2.5em;
}

/* W.I.V. footer sylin' */
#wiv .ft {
	background-color: #FFFFFF;
	padding:0 0 2em 0;
}

#wiv .ft .links {
	line-height: 2em;
	text-align: center;
}
#wiv .ft .links a {
}

#wiv .ft .links a.unyk-section {
	color: #669933;
	font-size: 93%;
	font-weight: normal;
	padding-left: 1em;
	text-decoration: underline;
}
#wiv .ft .links a:hover.unyk-section {
	color: #336633;
}
#wiv .ft .links a.close {
	background: url(/img/common/buttons/green-gradient.png) repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.2em 2.5em;
	text-decoration: none;
}
#wiv .ft .links a:hover.close {
	background: url(/img/common/buttons/green-gradient-hover.png) repeat-x;
}


/* Viadeo stuff visibility */
/* Only visible when user is coreg'd w/ Viadeo */
.viadeo-visible {
	visibility : hidden !important;
}
.viadeo .viadeo-visible {
	visibility : visible !important;
}
/* Only visible when user is coreg'd w/ Viadeo */
.viadeo-not-visible {
	visibility : visible !important;
}
.viadeo .viadeo-not-visible {
	visibility : hidden !important;
}
/* Only displayed when user is coreg'd w/ Viadeo */
.viadeo-display {
	display: none !important;
	visibility : hidden !important;
}
.viadeo .viadeo-display,
 .apnacircle .viadeo-display{
	display: block !important;
	visibility : visible !important;
}
/* Only displayed when user is coreg'd w/ Viadeo */
.viadeo-dont-display {
	display: block !important;
	visibility : visible !important;
}
.viadeo .viadeo-dont-display,
.apnacircle .viadeo-dont-display  {
	display: none !important;
	visibility : hidden !important;
}


/*
*	360 Search
*/
.yui-u.search {
	width: 60%;
}
.yui-u.unykid {
	width: 40%;
}


#search360.container {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
}
/*	Reset margins	*/
#search360 .box.content {
	margin: 0;
	padding: 0;
}
#search360 .butt.content {
	margin: 0;
	padding: 0;
}
#search360 .lelabel.content {
	margin: 0;
	padding: 0;
}

#search360 .content {
	float: right;
	font-size: 93%;
	height: 20px;
	line-height: 1.5em;
	vertical-align: middle;
}

#search360 .box {
	border: 1px solid #CCCCCC;
	width: 210px;
}
#search360 .box input {
	border: 0px none #FFFFFF;
	color: #999999;
	margin: 0 5px 0 5px;
	width: 200px;
}

#search360 .butt {
	background-color: #ECF5D5;
	border: 1px solid #CCCCCC;
	border-left: 0px;
	text-align: center;
	width: 30px;
}

#search360 .butt a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#search360 .butt a:hover {
	color: #336633;
}


/* Viadeo MWB */
#viadeoDivId {
	border: none 0 !important;
	width: auto !important;
}
#viadeoDivId .viadeoName {
	color: #669933;
}
#viadeoDivId #viadeoHrefLinkId {
	background-color: #ECF5D5;
	border: solid 1px #000000;
	color: #000000;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	line-height:26px;
	padding: 3px 12px;
	text-decoration: none;
}