#matrixWrapper					{font-family: Verdana;
								font-size: 12px}

table							{padding: 0;
								border-spacing: 0;
								border-collapse: collapse;}

table#doorstroommatrix a		{color: #222222;
								text-decoration: none;}


#doorstroommatrix td			{vertical-align: top;}
#routeData h6					{color: black;font-size: 11px;margin: 0 0 4px;padding: 2px 0;text-transform: uppercase;}

#matrixWrapper					{padding: 0px;}

#doorstroommatrix tr.active th,
#doorstroommatrix tr.active td,
#doorstroommatrix col.active 	{background-color: #cbcbcb;}


#doorstroommatrix.popup #matrixLegend,
#doorstroommatrix.popup tbody th					{visibility:hidden;border-color: transparent}
#doorstroommatrix.popup tbody th:last-of-type		{border-right-color: black}
#doorstroommatrix.popup #matrixLegend				{border-right-color: black}

#MatrixSheet:hover #doorstroommatrix.popup #matrixLegend,
#MatrixSheet:hover #doorstroommatrix.popup tbody th				{visibility: visible;border-color: black}

/*
#matrixWrapper tr.active,
#matrixWrapper col.active	{background-color: #cbcbcb;}*/
/*
col.active,tr.active		{background-color: #6d84a2;}
tr.active:hover				{background-color: #6d84a2;}*/

#institutesTo ul,
#institutesFrom ul			{list-style-type: none;padding: 0;margin:0}


#doorstroommatrix			{margin: 0px 0px;border-collapse: collapse;}
#doorstroommatrix td		{border: 1px solid #222222;}
#doorstroommatrix th		{
	border: 1px solid #222222;
	font-size: 12px;
	font-weight: normal;
	font-family: Helvetica;
	text-align: right;}
#doorstroommatrix td div {
	border: 1px solid transparent;
	font-size: 10px;
	font-weight: normal;
	width: 18px;
	height: 15px;
	padding-top: 3px;
	vertical-align: middle;
	text-align: center;}
#doorstroommatrix td div.active {
	box-shadow: 0 0 5px 5px black;}
/*#doorstroommatrix.selected>tbody tr.active th {
	background-color: #cbcbcb;}*/

#doorstroommatrix_body div			{cursor: pointer;}
#doorstroommatrix_body th			{padding-right: 8px;min-width: 220px;width: 220px;}

#doorstroommatrix .bamaheader	{
	background-color: #222222 !important;
	padding: 4px 4px 4px 0px;
	color: white;
	text-align: center;
	font-weight: normal;
	min-width: 0;
	width: auto;}

#doorstroommatrix th.M,
#doorstroommatrix th.certificate		{background-color: #666666}
#doorstroommatrix th.MSc	{background-image: url(/images/doorstroommatrix/vertical_degrees/degree_MSc.gif);background-position: center top;background-repeat: no-repeat;height: 36px;background-color: #666666}
#doorstroommatrix th.LLM	{background-image: url(/images/doorstroommatrix/vertical_degrees/degree_LLM.gif);background-position: center top;background-repeat: no-repeat;height: 36px;background-color: #666666}
#doorstroommatrix th.MA		{background-image: url(/images/doorstroommatrix/vertical_degrees/degree_MA.gif);background-position: center top;background-repeat: no-repeat;height: 36px;background-color: #666666}

#doorstroommatrix th.BSc	{background-image: url(/images/doorstroommatrix/vertical_degrees/degree_BSc.gif);background-position: center top;background-repeat: no-repeat;height: 36px;background-color: #666666}
#doorstroommatrix th.LLB	{background-image: url(/images/doorstroommatrix/vertical_degrees/degree_LLB.gif);background-position: center top;background-repeat: no-repeat;height: 36px;background-color: #666666}
#doorstroommatrix th.BA		{background-image: url(/images/doorstroommatrix/vertical_degrees/degree_BA.gif);background-position: center top;background-repeat: no-repeat;height: 36px;background-color: #666666}


#doorstroommatrix_body th span		{float: left;border-radius: 2px;padding: 1px;background-color: #666666; color: white}
#doorstroommatrix_body th.degree	{background-color: #666666; color: white; width: 40px;min-width: 0;padding: 1px 4px;}

#legenda td			{border: 0;vertical-align: top;}
#legenda td div		{margin: 0 4px 2px 0;border: 1px solid black}

#institutesFrom				{text-align: right;}
#institutesFrom,
#institutesTo {
	box-shadow: 0 0 10px 3px #666666}

#routeData th {
	text-align: right;
	padding-right: 8px;}
#routeData	{
	opacity: 0.95;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	transition:all .25s ease-out}
#routeBox{
	box-shadow:0 0 5px #666;
	background-color: white;
	border: 2px solid black;
	border-radius: 4px;}

#closeRouteData	{
	background-color: white;
	border: 2px solid black;
	border-radius: 16px 16px 16px 16px;
	color: black;
	display: block;
	font-weight: bold;
	font-size: 10px;
	height: 16px;
	text-align: center;
	width: 16px;}

.routeCount	{
	float: right;
	margin-top: 8px;
	padding: 2px 4px;
	background-color: #666666;
	color:white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}
.routeCount.zero	{
	background-color: transparent;
	color: #666666;}

#FromOrg,
#ToOrg						{font-weight: bold}
#FromOrg img,
#ToOrg img					{
	width: 75px;
	height: 75px;
	float: right;
	vertical-align: middle}
#ToOrg img					{float: left;}



div.institute,
.instituteSelect div	{
	border: 1px solid #666666;
	border-width: 0 1px 1px 1px;
	border-color: #444444 #777777 #aaaaaa #777777;
	background-color: #CDD5DC;
	padding: 4px 12px;}




.left div.institute		{float: right;}
.right div.institute	{float: left;}

div.institute	{
	color: white;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.6);
	width: 284px;
	padding-top: 14px;
	padding-bottom: 14px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 2px solid #444444;
	border-width: 0 1px 0 1px;
	background-color: transparent;}

td.left						{text-align: right;}
td.right					{text-align: left;}
td.right img		{margin-right: 8px;vertical-align: middle;width: 36px;height: 36px}
td.left img			{margin-left: 8px;vertical-align: middle;width: 36px;height: 36px}

.instituteSelect li div		{cursor:pointer;}

#institutesFrom div:hover,
#institutesTo div:hover {
color: white;
background: #9FA9AD; /* old browsers */
background: -moz-linear-gradient(top, #9FA9AD 0%, #596a72 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9FA9AD), color-stop(100%,#596a72)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9FA9AD', endColorstr='#596a72',GradientType=0 ); /* ie */
background: -o-linear-gradient(top, #9FA9AD 0%,#596a72 100%); /* opera */}


img.loading			{margin: 22px 4px 22px 20px;}
a img				{border: 0;}

#routeStart,
#routeEnd		{
	font-weight: bold;
	padding: 6px 12px;
	border-radius: 3px 3px 0 0;
	height: 16px;}
#routeEnd		{text-shadow: black 0 0 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis-word;}
#routeEnd.c0	{text-shadow: white 0 0 6px;}


#FromOrg:hover,
#ToOrg:hover	{background-color: #647585;}


tr.active a					{color: white;}

#routeData			{position: absolute; border: 0px solid white;right: 20px;top: 120px; width: 383px;padding-bottom: 0px;display: none;}
#toptriborder		{position: relative;top: -28px;left: 258px;border: 12px solid transparent;border-bottom-color: white;}
#toptritip			{position: relative;top: -27px;left: 234px;border: 12px solid transparent;border-bottom-color: black;}
#toptripin			{position: relative;top: -23px;left: 212px}

#triborder			{border: 12px solid transparent;border-top-color: white;position: relative;top: 12px;left: 258px}
#tritip				{border: 12px solid transparent;border-top-color: black;position: relative;top: 11px;left: 234px}
#tripin				{border: 10px solid transparent;border-top-color: white;position: relative;top: 7px;left: 212px}

#toptripin			{border: 10px solid transparent;background-color: transparent}
#toptripin.da		{border-bottom-color: #00ff00;}
#toptripin.c0		{border-bottom-color: #00ff00;}
#toptripin.c15		{border-bottom-color: orange;}
#toptripin.c30		{border-bottom-color: orange;}
#toptripin.c45		{border-bottom-color: #dd0000;}
#toptripin.c60		{border-bottom-color: #ee0000;}
#toptripin.cmore	{border-bottom-color: #ff0000;}

.da		{color: white;background-color: #00ff00;}
.c0		{color: black;background-color: #00ff00;}
.c15	{background-color: orange;color: black;}
.c30	{border-width: 1px 1px 0px 0px;background-color: orange;color: white;}
.c45	{background-color: #dd0000;color: white;}
.c60	{background-color: #ee0000;color: white;}
.cmore	{background-color: #ff0000;color: white;}