.sidebar-nav {
  padding: 9px 0;
}



#network h1 strong {
	color: #018e42;
}
#network h1 {

}
#site {
	color: white;
	margin: 40px 0 10px 0;
}
#site a {
	color: white;
	text-decoration: none;
}

#mathsclass #site {
	background-image: url(/images/hdr_class.png);
	background-color: #025760;
}
#mathslinks #site {
	background-image: url(/images/hdr_links.png);
	background-color: #005e2c;	
}
#mathskit #site {
	background-image: url(/images/hdr_kit.png);	
	background-color: #323B6C;
}
#mathsfaculty #site {
	background-image: url(/images/hdr_faculty.png);	
	background-color: #A46D37;
}
#mathsstarters #site {
	background-image: url(/images/hdr_starters.png);	
	background-color: #B60A01;
}
#mathssearch #site {
	background-image: url(/images/hdr_utility.png);	
	background-color: #eeefee;
}
#mathssearch #site a span {
	color: #00bc58
}
#network #site {
	background-image: url(/images/hdr_net.png);
	background-color: #eeefee;
	color: #333;
}
#utility #site {
	background-image: url(/images/hdr_utility.png);
	background-color: #eeefee;
}



/* ------------------------------------------ */
#mathslinks #maincontent a {color: #337e56;}
#mathslinks #maincontent a:hover {color: #1d4831;}

#mathsclass #maincontent a {color: #038694;}
#mathsclass #maincontent a:hover {color: #02646F;}

#mathskit #maincontent a {color: #323B6C;}
#mathskit #maincontent a:hover {color: #323B6C;}


#mathskit #maincontent .nav-pills > .active > a,
#mathskit #maincontent .nav-pills > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #323B6C;
}

/* ------------------------------------------ */
/* Footer */
.footer {
  padding: 70px 0;
  margin-top: 70px;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}
.footer p {
  margin-bottom: 0;
  color: #777;
}
.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  margin-right: 10px;
}
/* ------------------------------------------ */
/* MathsKit */
.likebox {
float: left;
margin-right: 10px;
}
.mktitle {
font-weight: bold;
}
.mkurl a {
letter-spacing: -0.01em;
font-size: 80%;
color: #00BC58 !important;
text-decoration: none !important;
font-weight: normal !important;
white-space: nowrap;
padding: 0 1em;
}
p.mklink {
padding: 0;
margin-bottom: 3px;
line-height: 1em;
}
p.mkdesc {
line-height: 1.2em;
padding: 0 4px 6px 0px;
}
span.likebtn,a.likebtn {color: #333 !important;}
.badge-like{background-color:#EEEFF6;}
a.badge-like {font-weight: normal !important;}
.badge-liked{background-color:#E6F8EF;}
.badge-liked {font-weight: normal !important;}

.loading {
padding: 100px 0 0 60px;
}

select.multiselect {
		width: 800px;
		height: 300px;
		display: none;
	}
.information-box {
padding: 10px;
border: 1px solid #038694;
clear: both;
background-color: #E6F3F5;
}
.information-text-first {
color: #038694;
background-repeat: no-repeat;
padding: 0px 0 2px 22px;
background-image:url(http://static.mths.co/cmn/iconsp120523a.png);
background-position: 0 -1463px;
}
ul#steps {
margin-bottom: 10px;
}
ul#steps li {
list-style-type: none;
display: inline;
margin: 0 20px 0 0;
color: gray;
}
ul#steps li.step-current {
color: #038694;
}
ul.pt-switch li {
margin: 0;
}
.ui-tabs .ui-tabs-nav li {
font-size: 80%;
}
.js #tabs,
.js #select,
.js div.ui-multiselect
{display: none;}

p.error {
color: #e4984c;
font-size: 90%;
}

#gomaths .modal-body {
font-family: monospace;
padding: 1em;
text-align: center;
}
#gomaths .modal-header {
border: none;
}
#gomaths .close {
color: white;
opacity: 1;
}
#gomaths .close:hover {
color: red;
opacity: 0.7;
}
#gomaths {
background-color: black;
color: white;
font-size: 50px;
width: 800px;
margin: 100px 0 0 -430px;
}
#playvideo {
background-color: black;
color: white;
font-size: 50px;
width: 800px;
margin: 0 0 0 -380px;

}
#playvideo .modal-body {
min-height: 500px;
}
#playvideo .close {
color: white;
opacity: 1;
}
#playvideo .close:hover {
color: red;
opacity: 0.7;
}

/* --- faculty file styling --- */
#downloadsingle .filelink a {
padding-left: 38px;
display: block;
white-space: nowrap;
width: 280px;
overflow: hidden;
text-overflow: ellipsis;
}

#downloadsingle .filedetail {
padding-left: 38px;
display: block;
font-size: 80%;
color: #888;
}

#downloadlist .filelink a {
padding-left: 38px;
white-space: nowrap;
width: 280px;
overflow: hidden;
text-overflow: ellipsis;
}

#downloadlist .filedetail {
padding-left: 1em;
font-size: 80%;
color: #888;
}

.fileicon {
width: 34px;
height: 34px;
float: left;
margin-top: 3px;
}

span.fileext {
width:34px;
position: absolute;
}
.downloadfile {
height: 34px;
}
#downloadlist, #downloadsingle .downloadfile {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	padding:6px 16px 6px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin: 10px 0;
}
#downloadsingle .downloadfile:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
#downloadsingle .downloadfile:active {
	position:relative;
	top:1px;
}

.fileentry {
margin: 10px 0;
}
.fileentry a {
font-weight: bold;
}


/* Fix for Assets on Safecracker */
div.assets-sheet li {
margin-left: 0;
list-style: none;
}

/* --- / faculty file styling --- */

/* --- mathsstarter activity buttons --- */

.icon_bingo_square_f {
  background: url(http://mathsstarters.net/images/ms_sprite_square_130308.png) 0px 0px no-repeat;
  display: inline-block;
  width: 144px;
  height: 144px;
}

.icon_dice_square_f {
  background: url(http://mathsstarters.net/images/ms_sprite_square_130308.png) -292px -146px no-repeat;
  display: inline-block;
  width: 144px;
  height: 144px;
}

.icon_quickquiz_square_f {
  background: url(http://mathsstarters.net/images/ms_sprite_square_130308.png) -146px 0px no-repeat;
  display: inline-block;
  width: 144px;
  height: 144px;
}

.icon_random_square_f {
  background: url(http://mathsstarters.net/images/ms_sprite_square_130308.png) 0px -146px no-repeat;
  display: inline-block;
  width: 144px;
  height: 144px;
}

.icon_the-numbers-game_square_f {
  background: url(http://mathsstarters.net/images/ms_sprite_square_130308.png) -146px -146px no-repeat;
  display: inline-block;
  width: 144px;
  height: 144px;
}

.icon_word-search_square_f {
  background: url(http://mathsstarters.net/images/ms_sprite_square_130308.png) -292px 0px no-repeat;
  display: inline-block;
  width: 144px;
  height: 144px;
}


.icon_fdt_fr_orange_f {
  background: url(http://static.mths.co/ms/images/mssprite130301.png) 0px -582px no-repeat;
  display: inline-block;
  width: 163px;
  height: 97px;
}

.icon_fdt_orange_f {
  background: url(http://static.mths.co/ms/images/mssprite130301.png) 0px -291px no-repeat;
  display: inline-block;
  width: 163px;
  height: 97px;
}

.icon_fdtcf_orange_f {
  background: url(http://static.mths.co/ms/images/mssprite130301.png) 0px -388px no-repeat;
  display: inline-block;
  width: 163px;
  height: 97px;
}

.icon_fr_numbers-game_blue_f {
  background: url(http://static.mths.co/ms/images/mssprite130301.png) 0px -485px no-repeat;
  display: inline-block;
  width: 163px;
  height: 97px;
}

.icons_ms {
  display: inline-block;
  width: 144px;
  height: 144px;
float: left;
margin: 6px;
}

#activitybuttons {

}

#fractivitybuttons {
width: 489px;
clear: both;
padding-top: 30px;
}

.activitybutton {
float: left;
margin: 6px;
}
/* --- mathsstarter activity buttons --- */

.tweet{font-size:70%;color:#777;margin-top:5px;padding:5px;background:#f6f6f6;text-shadow:1px 1px 0 white}
.tweet a {color:#333}
.twdate{color:#ccc}

/* --- social icons --- */
.iconlg {
margin: 0 4px 0 2px;
background-repeat: no-repeat;
background-position: top left;
padding: 8px 0 8px 26px;
background-image:url(http://static.mths.co/cmn/social_sprite120505.png);
color:#666;
font-weight:normal;
font-size:65%
}
.iconlg input {
font-size: 130%;
}
a.iconlg {
text-decoration: none !important;
}

.iconemaillg {background-position: 0 0;}
.iconfblg {background-position: 0 -34px;}
.icontwlg {background-position: 0 -68px;}
.icongpluslg {background-position: 0 -102px;}
.iconfeedlg {background-position: 0 -136px;}

/* --- front page --- */
ul.network-thumbs {
list-style: none;
padding: 0;
margin: 0;
}
ul.network-thumbs li {
padding: 0;
margin: 0;
}
ul.network-thumbs a:hover {
text-decoration: none;
}
div.network-thumbs_boxes {
border: 1px solid;
padding: 4px 10px;
margin: 8px 0;
}
div.network-thumbs_boxes h3 {
margin: 0;
}
div.network-thumbs_boxes p {
}
.network-thumbs_boxes {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

#mathslinks_thumb a {
color: #00BC58;
}
#mathsfaculty_thumb a {
color: #e29748;
}
#mathskit_thumb a {
color: #4D5BA6;
}
#mathslinks_thumb a:hover div {
background-color: #F2FCF6;
border-color: #00BC58;
}
#mathsfaculty_thumb a:hover div {
background-color: #FFF6EE;
border-color: #e29748;
}
#mathskit_thumb a:hover div {
background-color: #EEEFF6;
border-color: #4D5BA6;
}

#mathsclass_thumb a {
color: #038694;
}
#mathsstarters_thumb a {
color: #DA0D02;
}
#mathssearch_thumb a {
color: #3e3e3e;
}
#mathsclass_thumb a:hover div {
background-color: #E6F3F5;
border-color: #038694;
}
#mathsstarters_thumb a:hover div {
background-color: #FEE7E6;
border-color: #DA0D02;
}
#mathssearch_thumb a:hover div {
background-color: #ECECEC;
border-color: #3e3e3e;
}
.well {
background-image: url(/images/hdr_utility_neg.png);
}
div#siteintro {
padding-top: 0;
}


.linkdet_pict {
padding-bottom: 30px;
}
.linkdet_butt {
padding-bottom: 30px;
}

/* spreadsheet table */
table.spreadsheet {
border-collapse: collapse;
}
table.spreadsheet td, table.spreadsheet th {
border: 1px solid #333;
text-align: center;
padding: 0 0.5em;
}
table.spreadsheet th {
background: #ddd;
}
.post-detail {
margin-top: 20px;
padding: 10px;
border-top: 1px solid #ddd;
}


/* === COMMENTS === */

/* comments */

#comments {
border-top: 1px solid #779BA4;
}
.comment {
padding:10px;
}
.one {background-color:#EFF3F4;}
.two {} /* alternate colour/styling if nec. */
.comment-details {color:#999;}
img.avatar {
float: left;
margin: 0 10px 10px 0;
}
div.cauthor {
border: 1px solid #9BC8D2;
}
p.cauthor {
padding: 0;
margin: 0;
float: right;
font-variant: small-caps;
color: #509DAF;
font-weight: bold;
}
div.comment {
margin: 4px 0;
}

/* MathsFaculty Upload */
.license_detail {
position: absolute;
padding-left: 2em;
}