@charset "UTF-8";

/* CSS Document */

#websites-nav
{
	position: absolute;
	left: -270px;
	margin: 90px 0 0 50%;
	
	-webkit-padding-start: 0;
	-webkit-transform-origin: top left;
	-webkit-transform: rotate(-90deg);
	
	-moz-padding-start: 0;
	-moz-transform-origin: top left;
	-moz-transform: rotate(-90deg);
	
	-o-padding-start: 0;
	-o-transform-origin: top left;
	-o-transform: rotate(-90deg);
	
	-sand-padding-start: 0;
	-sand-transform-origin: top left;
	-sand-transform: rotate(-90deg);
	
	padding-start: 0;
	transform-origin: top left;
	transform: rotate(-90deg);
}

#websites-nav li
{
	padding: 0 0 20px 0;
}

#websites-nav li a
{
	display: block;
	padding: 7px 7px 7px 40px;
	background-size: 20px 20px;
	background-position: 4px center !important;
	background-repeat: no-repeat !important;
	text-align: left;
	font-size: 9px;
	font-weight: bold;
	color: #323232;
	
	-webkit-border-radius: 50px;
	-webkit-transform-origin: 22% 0;
	-webkit-transform: rotate(130deg);
	-webkit-transition: box-shadow 0.5s;
	
	-moz-border-radius: 50px;
	-moz-transform-origin: 22% 0;
	-moz-transform: rotate(130deg);
	-moz-transition: box-shadow 0.5s;
	
	-o-border-radius: 50px;
	-o-transform-origin: 22% 0;
	-o-transform: rotate(130deg);
	-o-transition: box-shadow 0.5s;
	
	border-radius: 50px;
	transform-origin: 22% 0;
	transform: rotate(130deg);
	transition: box-shadow 0.5s;
	
	-sand-border-radius: 50px;
	-sand-transform-origin: 22% 0;
	-sand-transform: rotate(130deg);
	-sand-transition: box-shadow 0.5s;
}

#websites-nav li a:hover
{
	/*box-shadow: 0px 0px 1px #666;*/	/*#14507D*/
	border-radius: 50px;
	
	-webkit-transition: box-shadow 0s;
	
	-moz-transition: box-shadow 0s;
	
	transition: box-shadow 0s;
}

#websites-nav li a#pager-1, #websitesNavCirc li a#pager-1
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/oncolex_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-2, #websitesNavCirc li a#pager-2
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/tma_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-3, #websitesNavCirc li a#pager-3
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/interpath_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-4, #websitesNavCirc li a#pager-4
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/immunopath_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-5, #websitesNavCirc li a#pager-5
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/web_tv_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-6, #websitesNavCirc li a#pager-6
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/qi_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-7, #websitesNavCirc li a#pager-7
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/ploidy_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-8, #websitesNavCirc li a#pager-8
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/ccb_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-9, #websitesNavCirc li a#pager-9
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/imi_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-10, #websitesNavCirc li a#pager-10
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/imi_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-11, #websitesNavCirc li a#pager-11
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/ous_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-12, #websitesNavCirc li a#pager-12
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/medinsight_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-13, #websitesNavCirc li a#pager-13
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/radiumlegat_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-14, #websitesNavCirc li a#pager-14
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/frontpage/kreftlex_mini.png') rgba(255, 255, 255, 0);
}

#websites-nav li a#pager-15, #websitesNavCirc li a#pager-15
{
	background:url('/~/media/ICGI/ICGI_images/X-icons/web_icons_colorectal.png') rgba(255, 255, 255, 0);
}


/**
 *	CIRCLULAR MENU
**/

#sitenav-circ
{
	/*padding-top: 30px;*/
	height: 550px;
	width: 345px;
	z-index: 10;
	float: left;
	overflow: hidden;
	
	-webkit-transition: margin-left .3s;
	
	-moz-transition: margin-left .3s;
	
	transition: margin-left .3s;
}

#sitenav-circ.min
{
	margin-left: -65px;
}

#websitesNavCirc
{
	position: absolute;
	top: 190px;
	left: 138px;
	font-family: sans-serif;
	text-transform: uppercase;
	
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-o-transition: -o-transform 1s;
	-sand-transition: -sand-transform 1s;
	transition: transform 1s;
}

#websitesNavCirc.unsupported
{
	top: 0px;
	left: 75px;
}

#websitesNavCirc li a
{
	position: absolute;
	/*width: 170px;*/
	height: 12px;
	padding: 5px 10px 5px 35px;
	background-size: 20px 20px !important;
	background-position: 5px center !important;
	background-repeat: no-repeat !important;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .1em;
	white-space:nowrap;
	color: transparent;
	opacity: 1;
	text-shadow: none;
	
	-webkit-border-radius: 15px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform-origin: -150px 10px;
	-webkit-transition: background-color .3s, /*text-shadow .3s, padding .3s,*/ color .3s, opacity .3s, -webkit-transform .3s;
	
	-moz-border-radius: 15px;
	-moz-transform-origin: -150px 10px;
	-moz-transition: background-color .3s, color .3s, opacity .3s, -moz-transform .3s;
	
	-o-border-radius: 15px;
	-o-transform-origin: -150px 10px;
	-o-transition: background-color .3s, color .3s, opacity .3s, -o-transform .3s;
	
	-sand-border-radius: 15px;
	-sand-transform-origin: -150px 10px;
	-sand-transition: background-color .3s, color .3s, opacity .3s, -sand-transform .3s;
	
	border-radius: 15px;
	transform-origin: -150px 10px;
	transition: background-color .3s, color .3s, opacity .3s, transform .3s;
}

#websitesNavCirc.unsupported li
{
	height: 30px;
}

#websitesNavCirc.unsupported li a
{
	position: relative;
}

#sitenav-circ.initial li a
{
	color: rgba(0, 0, 0, .7);
	text-shadow: #ccc 0px 0px 5px;
}

#sitenav-circ:hover #websitesNavCirc li a
{
	color: rgba(0, 0, 0, .7);
}

#websitesNavCirc li a:hover
{
	background-color: rgba(255, 255, 255, 0.8) !important;
	
	-webkit-transition: none;
	
	-moz-transition: none;
}

#websitesNavCirc li a.active
{
	background-color: #fff !important;
	color: rgba(0, 0, 0, .7);
}

#livemenubox
{
	position: relative;
}

#livemenubox #navcircle
{
	position: absolute;
	left: -195px;
	top: 18px;
	height: 300px;
	width: 300px;
	border: 32px solid white;
	border-radius: 200px;
	box-shadow: 0 0px 100px rgba(110, 130, 100, .2);
	box-sizing: content-box;
	
	background: -webkit-radial-gradient(rgb(134, 189, 210) 45%, rgb(90, 140, 170));
	-webkit-transform: rotate(4deg);
	
	background: -moz-radial-gradient(rgb(134, 189, 210) 45%, rgb(90, 140, 170));
	-moz-transform: rotate(4deg);
	
	background: -o-radial-gradient(rgb(134, 189, 210) 45%, rgb(90, 140, 170));
	-o-transform: rotate(4deg);
	
	background: -sand-radial-gradient(rgb(134, 189, 210) 45%, rgb(90, 140, 170));
	-sand-transform: rotate(4deg);
	
	background: radial-gradient(rgb(134, 189, 210) 45%, rgb(90, 140, 170));
	transform: rotate(4deg);
}

#livemenubox #drop2
{
	height: 100%;
	z-index: 10;
	
	-webkit-transform: rotate(172deg);
	-webkit-transition: -webkit-transform .3s;
	
	-moz-transform: rotate(172deg);
	-moz-transition: -moz-transform .3s;
	
	-o-transform: rotate(172deg);
	-o-transition: -o-transform .3s;
	
	-sand-transform: rotate(172deg);
	-sand-transition: -sand-transform .3s;
	
	transform: rotate(172deg);
	transition: transform .3s;
}

#livemenubox #navcircle svg
{
	position: absolute;
	top: -5px;
	left: -5px;
	z-index: 20;
}