@charset "UTF-8";

@font-face {
	font-family: 'Museo';
	src: url('../fonts/webfonts/2911BF_0_0.eot');
	src: url('../fonts/webfonts/2911BF_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/2911BF_0_0.woff') format('woff'),url('../fonts/webfonts/2911BF_0_0.ttf') format('truetype');
}

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%;
	font-family: Helvetica, Arial, Geneva;/*'Museo';*/
	color: #555;
	background-color: #FFF;
}


#preload {
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#container {
	width: 100%;
	min-width: 460px;
	background-color: #FFFFFF;
	
}

#header {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #EEE;
	color: #007E00;
	font-size: 100%;
	height: 40px;
	line-height: 40px;
	text-align: right;
	border-bottom: 1px solid #666;
	/*visibility: hidden; remove for producition */
}

#logo {
	width: 200px;
	display: block;
	float: left;
}

#navtable {
	height: inherit;
	text-align: left;
	font-size: 140%;
	letter-spacing: 6px;
	background-image: url('../images/biotech_filled.png');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: left center;
	background-position-x: 20px;
	padding-left: 60px;
}

#navtable:hover {
	background-image: url('../images/biotech_unfilled.png');
}

#header a:link, 
#header a:active, 
#header a:visited {
	color: #007E00;
	text-decoration: none;
}

#header a:hover {
	color: #469E3F;
}


#headerspacer {
	display: none;
	/*width: 100%;
	height: 20px;
	background-color: #FFFFFF;*/
}

#socialbar {
	margin-top: 60px;
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	display: none;
}

#mainContent {
	background-color: #FFFFFF;
	line-height: 1.4;
	/*margin: 40px auto 200px auto;*/
	margin-top: 40px;
	margin-bottom: 150px;
	padding-left: 0;
	padding-right: 0;
	text-align: left;

}

#mainspacer {
	display: none;
	margin-top: 300px;
	margin-bottom: 100px;
	background-color: #FFF;
}

p {
	font-size: 110%;
}

ul, ol {
	margin-bottom: 30px;
	line-height: 1.3;
}

ol li, ol li + li {
	margin-top: 12px;
}

ul li, ul li + li {
	list-style: circle;
	padding-bottom: 10px;
}

#mainContent a:link,
#mainContent a:active,
#mainContent a:visited {
	color: #007E00;
	text-decoration: none;
}

#mainContent a:hover {
	text-decoration: underline;
	color: #316F2C;
}

#mainContent a.inactive:link,
#mainContent a.inactive:active,
#mainContent a.inactive:visited,
#mainContent a.inactive:hover {
	text-decoration: none;
	color: #AAA;
}

/* FOOTER STYLES */
#footer {
	height: 50px;
	width: 100%;
	display: block;
	text-align: right;
	font-size: 90%;
	line-height: 1.5;
}

.footerpinned {
	position: fixed;
	bottom: 0;
}

#footerspacer {
	display: none;
	width: 100%;
	height: 40px;
	background-color: #FFFFFF;
}

#scrollprotect {
	width: 100%;
	height: 200px;
	background-color:#FFF;
	
}

#linker {
	/*position: absolute;
	bottom: 0;*/
	height: 10px;
	width: 30px;
	background-color: #FFF;
	border: none;
	cursor: none;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;	
}
#linkers {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50%;
	text-align: right;
	font-size: 80%;
	line-height: 20px;
}

#navlinkbar {
	vertical-align: middle;
	width: 100%;
	height: inherit;
	background-color: #FFF;
	padding-top: 3px;
	border-top: 1px solid #999;
}

#logocontainer {
	display: inline-block;
	margin: 0 auto;
}

#badge {
	line-height: 30px;
	background-image: url('../images/logobadge40x40.png');
	background-size: 30px 30px;
	background-position: center center;
	background-repeat: no-repeat;
}

#badge:hover {
	background-image: url('../images/logobadge40x40hover.png');
	
}

a#badgelink:link,
a#badgelink:hover,
a#badgelink:active,
a#badgelink:visited {
	text-decoration: none;
}

#navlinks,
#copyright {
	font-size: 90%;
	color: #333;
	padding: 10px 20px;
	line-height: 30px;
	letter-spacing: 2px;
}


#navlinks a:link,
#navlinks a:active,
#navlinks a:visited,
#copyright a:link,
#copyright a:active,
#copyright a:visited {
	color: #007E00;
	text-decoration: none;
}

#navlinks a:hover,
#copyright a:hover {
	color:#469E3F;
	text-decoration: none;
}

#copyright {

}
.datetext {
	color: #333;
}

/* styling for toolbar */
#toolbar {
	display: none;
}

div.tester {
	width: 20%;
	display: table-cell;
	border: 1px solid #000;
	
}
/*assume buttons will be handled by jQuery, remove formatting*/
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    margin: 0;
    padding: 0;
}

/*styling for atoms*/
#atomselect {
	display: table;
	width: 100%;
	border-bottom: 1px solid #999;
}

.atomselect {
	width: 20%;
	height: 35px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position-x: 20px;
	background-position-y: center;
	background-size: 25px 25px;
	display: table-cell;
	line-height: 35px;
	font-size: 110%;
	text-align: center;
	color: #666;
	padding: 5px 30px 0 50px;
	border-right: 1px solid #CCC;
	letter-spacing: 3px;
}

.atomselect:hover {
	background-color: #D4F1D4;
}

#performance {
	background-image: url('../images/Dashboard-100.png');
}

input[type=radio]:checked + label#performance {
	background-image: url('../images/Dashboard-100-invert.png');
}

#management {
	background-image: url('../images/Manager-100.png');
}

input[type=radio]:checked + label#management {
	background-image: url('../images/Manager-100-invert.png');
}

#leadership {
	background-image: url('../images/Statue-100.png');
}

input[type=radio]:checked + label#leadership {
	background-image: url('../images/Statue-100-invert.png');
}

#team {
	background-image: url('../images/UserGroups-100.png');
}

input[type=radio]:checked + label#team {
	background-image: url('../images/UserGroups-100-invert.png');
}

#organization {
	background-image: url('../images/ParallelTasks-100.png');
}

input[type=radio]:checked + label#organization {
	background-image: url('../images/ParallelTasks-100-invert.png');
}

#selectatom {
	padding: 20px;
	font-size: 100%;
	color: #999;
}

.atomselected {
	background-image: url('../images/ajax-loader.gif');
	background-size: 16px 16px;
	background-position: left center;
	background-position-x: 80px;
	background-repeat: no-repeat;
}

/* styling for tag select */
#notags,
#chooseitem,
#nolinks,
#selecttag {
	display: none;
	padding: 20px;
	font-size: 90%;
	color: #999;
	height: 60px;	
}

#chooseitem {
	font-size: 100%;
}

#tagselect {
	text-align: left;
	background-color: #FFF;
	border-bottom: 1px solid #999;
	padding: 10px 20px;
}

.tagselect {
	background-color: #FFF;
	background-image: none;
	background-position-x: right;
	background-position-y: 2px;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 80%;
	text-align: right;
	vertical-align: middle;
	color: #AAA;
	line-height: 20px;
	padding: 0 15px 0 0;
	margin-right: 10px;
}

.tagselect:hover {
	cursor: pointer;
	color: #999;
}

input[type=checkbox]:checked + label.tagselect {
	background-color: #FFF;
	color: #007E00;
	background-image: url('../images/checkmark_green.png');
}

/* styling for content panes */
#itempane,
#descriptionpane,
#linkpane {
	vertical-align: top;
	border-right: 1px solid #DDD;
	padding: 0;
	font-size: 80%;
	margin-top: 0px;
	max-height: 450px;
	overflow-y: auto;
}

#itempane {
	float: left;
	display: block;
	width: 25%;
	font-size: 100%;
}

#linkpane {
	float: right;
	display: block;
	width: 25%;
}

.iconpush img {
	padding: 2px;
}

.externallink img {

}
.externallink img:hover {
	background-color: #CCE0F5;
}
.thumbsup img {

}

.thumbsup img:hover {
	background-color: #CCEBCC;
}

.thumbsdown img {

}

.thumbsdown img:hover {
	background-color: #FFE0B2;
}

/*styles for items*/

.item,
.link {
	cursor: pointer;
	width: 100%;
	border-bottom: 1px solid #DDD;
	text-align:left;
	vertical-align: top;
	padding-bottom: 10px;
	background-color: #FFF;
}

.link {
	min-height: 85px;
}

.itemselect {
	display: block;
	float: right;
	width: 10px;
	height: 34px;
	background-color: #EEE;
}

.itemactions,
.linkactions {
	display: block;
	float: right;
	text-align: right;
	margin-left: 20px;
	padding: 10px 10px 0 0;
}

.itemtitle,
.linktitle {
	display: block;
	text-align: left;
	font-size: 80%;
	padding: 10px 0 0 20px;
}

.itemtitle {
	padding-right: 70px;
	color: #007E00;
}

.linktitle {
	padding-right: 100px;
}

.linkimage {
	display: block;
	float: left;
	width: 60px;
	padding-top: 5px;
}
.itemtag,
.linktag,
.linkdescription {
	display: block;
	font-size: 60%;
	text-align: left;
	padding: 10px;
}

.linkdescription {
	font-size: 80%;
	text-align: left;
	padding-left: 15px;
}

.itemtag {
	padding-right: 70px;
}

.linktag {
	vertical-align: top;
	line-height: 20px;
	font-size: 95%;	
}

/*styles for descriptions */
#descriptionpane {
	margin: 0 auto;
}

#descriptionpane h5 {
	margin: 20px 0 10px 10px;
	font-weight: normal;
	color: #007E00;
}

.shortdescription {
	font-size: 95%;
	padding: 0 10px 0 10px;
	font-style: italic;
}

.longdescription {
	font-size: 95%;
	color: #333;
	padding: 0 10px 0 10px;
}

.goeswrong {
	font-size: 95%;
	padding: 0 10px 20px 10px;
	border-bottom: 1px solid #EEE;
}

.clonetemplate {
	display: none;
}

#ads {
	text-align: center;
	margin: 20px 0 100px 0;
}

h1 {
	font-size: 180%;
	color: #007E00;
}
h2 {
	font-size: 150%;
	color: #007E00;
}
h3 {
	font-size: 130%;
	color: #007E00;
}



/* LEGACY STYLES */
/* OTHER STYLES */

.noJS {
	text-align: center;
	background-color: #FFFFFF;
}

.rounded-corners {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.linkdesc {
	margin-top: 10px;
	padding: 20px 10px;
	font-size: 75%;
	text-align: left;
	background-color: #007E00;
	color: #FFF;
}

/*like/dislike styling */

.itemlikegraphic {
	display: block;
	float: left;
	width: 100px;
	margin-left: 10px;
	padding-top: 10px;
}

.linklikegraphic {
	display: block;
	float: right;
	width: 40px;
	margin-right: 5px;
	margin-left: 10px;
}

.itemlikes,
.linklikes {
	background-color: #CCEBCC;
	margin-bottom: 3px;
	height: 10px;
	width: 100%;
}

.linklikes {
	height: 7px;
}

.itemlikecount,
.itemdislikecount {
	font-size: 10px;
	margin-left: 5px;
	margin-right: -20px;
	display: block;
	float: right;
}

.itemlikecount {
	color: #007E00;
}

.itemdislikecount {
	color: orange;
}

.itemlikesbar,
.linklikesbar {
	background-color: #007E00;
	height: 10px;
	width: 70%;
}

.linklikesbar {
	height: 7px;
}

.itemdislikes,
.linkdislikes {
	background-color: #FFE0B2;
	height: 10px;
	width: 100%;
}

.linkdislikes {
	height: 7px;
}

.itemdislikesbar,
.linkdislikesbar {
	background-color: orange;
	height: 10px;
	width: 30%;
}

.linkdislikesbar {
	height: 7px;
}

/* Launch page styles */
.splash {
	padding: 20px 20px;
}

.splash p {
	margin-bottom: 40px;
}