@import url(fancy.css);

#console {  
position: fixed;
top: 100px;
left: 5px;
}

#console .info, #console .warning { 
color: #4F8A10;
background-color: #DFF2BF;
padding:15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
 }

#console .warning { 
background-color: #FD0101;
color: #FFFFFF;
 }

#fullmeta fieldset { padding:3%;padding-top:20px;padding-bottom:20px; }
#fullmeta .formelementrow { width:96% }
#fullmeta .formelementrow textarea { width:450px;height:85px; }
#fullmeta .formelement-save { text-align:right; }
#fullmeta .formelement-keystage1 { width:19%; }
#fullmeta .formelement-keystage2,#fullmeta .formelement-keystage3,
#fullmeta .formelement-keystage4,#fullmeta .formelement-keystage5 { clear:none;width:17%; }

/* glossy button co http://webdesignerwall.com/tutorials/css3-image-styles */
.image-wrap {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);
  -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);
  -webkit-border-radius: 25%;
  -moz-border-radius: 25%;
  border-radius: 25%;
}

.image-wrap:after {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  -webkit-border-radius: 25%;
  -moz-border-radius: 25%;
  border-radius: 25%;
  background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,.1)));
  background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,.1) 100%);
}

.image-wrap:hover {
  -webkit-box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
  -moz-box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
  box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
  -webkit-border-radius: 60em;
  -moz-border-radius: 60em;
  border-radius: 60em;
}

.listadmineditwidget {
position: absolute;
float: right;
clear: none;
width: 100px;
border-radius: 5px;
padding: 1px;
opacity: .8;
background: yellow;
display: none;
text-align: center;
z-index: 9999;
}
.listadmineditwidget a {background: yellow;opacity: 1.0;} 



#list { float:left;clear:left; }

.sublist{ float:left;padding:5px;clear:left; }

#listsettings { text-align: right;width: 623px;background: #EEE; }

.listpager{ 
  float: left;
  clear: left;
  padding: 20px;
}
.error{ color:#FF0000;background:#FFFFFF;display:block; }

.listpager .currentpage {font-weight:bold;  }

.rulesbox { border:1px dashed #DDD;padding:12px;margin:2px;width:623px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
margin-left: 34px;
 }

#ruleline,#orderline {padding:8px;margin:2px;width:600px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background:#9AADD9; }
#xmlmanip{ padding-top:100px; }

.listbacklinks { float: left;
  width: 100%;
  list-style-type:none;
}


#downloadxml { 
  float:left;padding:10px;  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border: 1px solid #DDD;
}

.floatinputbox { 
  float:left;padding:10px;  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border: 1px solid #DDD;
}

.project-css {
background-image:url(/media/projectsbg.jpg);
background-repeat:no-repeat;
background-position:top right;
}

#notpublished {
float:left;
clear:both;
font-weight:700;
color:red;
width:100%;
}

#homebutton {
float:left;padding:0;margin:0;
}

#homebutton a {border:0px !important;}

#adduserform {
float:left;
text-align:right;
background-color:#FFF;
color:#444;
font-size:1em;
width:70%;
padding:1em;
}

#adduserform .fsinp {
color:#000;
background-color:#FFF;
border:#AAA 1px solid;
font-size:1em;
margin-bottom:0.25em;
width:20em;
padding:3px;
}

#adduserform .fsselect {
color:#000;
background-color:#FFF;
border:1px #CCC solid;
font-size:1em;
}

a:hover {
color:#fa7;
text-decoration:underline;
}

.altButtonFormat {
background-color:#CCC;
border:#000 1px solid;
color:#000;
font-size:0.8em;
}

.altInputFormat {
background-color:#FFF;
border:#000 1px solid;
color:#000;
width:24em;
}

.altTextField {
background-color:#ececec;
color:#000;
font-size:0.8em;
}

#bannerad {
float:right;
font-weight:700;
display:none;
padding:0 1em 0.5em;
}

#bannerad a {
border-bottom:1px solid #FFF;
padding:0.1em;
}

#bodydiv {
width:1000px;
float:left;
margin:0;
padding:0;
}

#bugreport {
padding-left:1em;
float:left;
width:95%;
padding-bottom:4em;
}

#buttonbox {
float:left;
margin-left:16px;
padding-bottom:0.25em;
padding-left:0.3em;
width:831px;
border:0 none;
text-align:left;
color:#000;
background-color:#fff;
}

.cl {
border:0;
line-height:.9em;
margin:0;
padding:0;
}

#cloud {
font-size:0.25em;
background-color:#FFF;
float:left;
text-align:center;
margin-bottom:2em;
width:50%;
padding:0 0 0 20%;
}

#cloud .tag0 {
margin-left:0.2em;
line-height:24px;
font-size:22px;
}

#cloud .tag1 {
margin-left:0.2em;
line-height:24px;
font-size:21px;
}

#cloud .tag2 {
margin-left:0.2em;
line-height:24px;
font-size:20px;
}

#cloud .tag3 {
margin-left:0.2em;
line-height:24px;
font-size:18px;
}

#cloud .tag6 {
margin-left:0.2em;
line-height:24px;
font-size:14px;
}

#cloud .tag9 {
margin-left:0.2em;
line-height:24px;
font-size:10px;
}

#cloud .tag10 {
margin-left:0.2em;
line-height:24px;
font-size:9px;
}

#contentlevelbutton {
text-transform:lowercase;
float:left;
width:100%;
font-size:1em;
color:#FFF;
font-weight:700;
padding-bottom:5em;
}

#contentlevelbutton a,#lastindex a {
display:block;
text-transform:lowercase;
font-size:1em;
color:#FFF;
font-weight:700;
padding:0;
}

#contentlevelbutton a:hover,#lastindex a:hover {
text-transform:lowercase;
color:#DDD;
font-weight:700;
}

#contentwrapper {
background-color:#FFF;
float:left;
background-image:url("../media/mountain/ground_02.jpg");
background-position:top left;
background-repeat:repeat-y;
width:1000px;
margin:0;
padding:0;
}

#datepub {
padding-left:1em;
float:left;
clear:left;
width:100%;
background-color:#FFF;
font-size:0.6em;
}

#doc img {
padding:0.5em;
}

#doccontents,#access {
width:100%;
float:left;
background-repeat:no-repeat;
text-align:left;
padding-left:1em;
padding-top:0;
}

#doccontents h3,#access h3 {
padding-left:0;
padding-top:0;
}

#editform {
position:relative;
top:0;
left:0;
width:98%;
height:60ex;
background-color:#DDD;
padding:0.2em;
}

.editformtextarea {
width:48.5em;
height:50ex;
background-color:#FEF;
margin:0;
padding:0;
}

#editnav {
background-color:#DDD;
padding:2em;
}

#featuredsolutionlink p,#articlelink p,#toughnutlink p {
padding-left:0.5em;
margin-bottom:0;
}

#footer .copy {
float:left;
width:60%;
padding-left:1em;
}

form {
margin:0;
padding:0;
}

.formelementh3 {
color:#000;
font-size:1.2em;
margin:0;
padding:1ex;
}

.formelementsubmit {
float:right;
clear:left;
width:100%;
padding:1ex;
}

.formtitle {
float:left;
clear:left;
width:95%;
margin-top:2ex;
font-style:italic;
}

#free_result_box {
float:left;
width:70%;
background-color:#DCF;
}

#freesearchform {
float:left;
text-align:right;
padding-left:1em;
background-color:#FFF;
color:#444;
font-size:1em;
width:50%;
}

#freesearchform .fsinp,#mathsfinderform .fsinp {
color:#000;
background-color:#FFF;
border:#AAA 0.05em solid;
font-size:1em;
margin-bottom:0.25em;
width:20em;
}

#freesearchform .fsselect,#mathsfinderform .fsselect {
color:#000;
background-color:#FFF;
border:0.05em #CCC solid;
font-size:1em;
}

.freesearchresultsbutton {
float:left;
clear:left;
padding:0;
}

#freesearchresults h5,#toughnuts h5,#games h5,#articles h5 {
font-weight:400;
margin:0;
}

#freesearchresultslist {
float:left;
width:100%;
background-color:#FFF;
margin-top:20px;
padding:20px;
}

#freesearchresultslist h5 {
float:left;
text-indent:0.6em;
color:#000;
font-weight:400;
width:80%;
margin:0;
padding:0;
}

#freesearchresultslist .miicon {
background:#FFF;
float:left;
width:100px;
padding-left:0;
padding-bottom:2em;
}

#freesearchresultslist p {
float:left;
padding-left:0.5em;
padding-top:0;
font-size:0.9em;
width:80%;
}

#games,#freesearchresults,#toughnuts,#articles,#retro,#titlesearch,#mathsfinder {
padding-left:0;
float:left;
clear:left;
width:100%;
background-color:#FFF;
}

#google_translate_element {
position:absolute;
left:170px;
top:154px;
}

#grptag {
padding-left:1em;
padding-top:2em;
width:100%;
}

#grptag p {
background-color:#DDD;
padding:0.5em;
}

#home_finder_box {
float:left;
width:95%;
font-size:1.1em;
margin-top:1em;
background-color:#fff;
padding:1em;
}

#home_result_box {
float:left;
width:580px;
margin-bottom:0;
text-align:left;
background-color:#edeff4;
padding:0.5em;
}

#home_result_box .rightcol {
color:#AAA;
}

.ibigbox {
float:right;
text-align:left;
width:18em;
font-size:1.05em;
}

.ibox {
float:right;
text-align:left;
font-size:1.05em;
padding:0.5ex;
}

.ilabel {
float:left;
text-align:right;
font-weight:700;
color:#000;
}

img {
border:0 solid #FFF;
padding:0;
}

.insetimage {
padding-left:1em;
padding-right:1em;
}

#indexmenu {
padding-bottom:1em;
padding-left:1em;
float:left;
clear:left;
width:90%;
}

#indexmenu h3 {
font-weight:700;
font-size:1.3em;
margin-left:-1ex;
padding-bottom:1ex;
}

#indexviewa,#indexviewb,#indexviewc {
float:left;
text-transform:none;
text-align:center;
width:25%;
padding-bottom:2em;
}

#indexviewd {
float:left;
text-transform:none;
text-align:center;
width:24%;
padding-bottom:2em;
}

#introtext {
width:100%;
}

#listby_result_box {
float:left;
width:80%;
height:300px;
overflow:auto;
margin-bottom:1em;
text-align:left;
background-color:#edeff4;
padding:0.5em;
}

#listdisplay {
position:absolute;
color:#000;
background-color:#DDD;
font-size:small;
padding:0.2em;
}

#listdisplayrel {
color:#000;
float:right;
border:1px solid #888;
font-size:small;
padding:1em;
}

.listsnippet h3 {
float:left;
text-indent:0;
color:#000;
width:65%;
margin:0;
padding:0;
}

.listsnippeticon {
background:#FFF;
float:left;
width:100px;
padding-left:1.5em;
padding-bottom:2em;
padding-right:1.5em;
}

.logo {
float:left;
border:0 solid #FFF;
}

#mailinglist,#courses,#fourohfour,#documentation {
background:#FFF;
padding-left:1em;
float:left;
width:80%;
}

#mathsbycloud {
padding-top:0;
padding-left:1em;
float:left;
clear:left;
width:100%;
background-color:#FFF;
}

#mathsbycloud h5,#mathsbycloud h4 {
margin:0;
padding:0.5em;
}

#mathsfinderform {
float:left;
text-align:right;
padding-left:0;
background-color:#FFF;
color:#444;
font-size:1em;
width:45%;
}

#mfcloud {
background-color:#FFF;
padding-left:0.2em;
padding-bottom:0;
width:45%;
float:left;
text-align:center;
margin:0;
}

#mfcloud .tag9 {
margin-left:0.2em;
line-height:20px;
font-size:10px;
}

#mfcloud .tag10 {
margin-left:0.2em;
line-height:20px;
font-size:9px;
}

#minormenusearch {
float:right;
padding-top:0;
margin-top:0;
padding-left:0;
}

#minormenusearch form {
clear:right;
margin:0;
padding:5px 0 0;
}

#minormenusearch .msinput {
margin-top:2px;
border:2px inset #ABBCC6;
color:#fa7;
background-color:#FFF;
font-weight:700;
font-size:1.4em;
padding:5px;
}

#minormenusearch p {
float:right;
padding-top:0.25em;
margin-top:0;
}

#searches {
clear:right;
float:right;
}

#searches .msgo {
font-size:1.2em;
}

#detailedMenu {
width:560px;
clear:right;
float:right;
text-align:left;
font-size:1.3em;
padding-right:0;
padding-top:0;
}

#detailedMenu .subMenu {
float:left;
list-style-type:none;
margin-left:0;
padding-left:1em;
width:121px;
/*font-family:Tahoma,sans-serif;*/
}

#detailedMenu li {
margin-left:0;
}

#monthbanner .headh3 {
padding-top:0.45em;
display:inline;
width:50%;
float:left;
color:#FFF;
}

#monthbanner .headh3:first-letter {
text-transform:uppercase;
}

#monthbanner .headh4 {
font-size:1.45em;
width:40%;
float:left;
color:#FFF;
}

#monthfeatures {
background-color:#FFF;
float:right;
width:40%;
font-size:1em;
margin:0;
padding:20px 0 0;
}

#monthfeatures .miicon:hover {
color:#000;
background:#FFF;
}

#monthindex .miproblem ,#list .miproblem{
float:left;
width:100%;
padding:1em 0 0;
}

#monthindex p {
padding-left:0.5em;
float:left;
width:70%;
}

#monthindex .problemhead {
background:#FFF;
padding-left:0;
padding-bottom:0;
font-size:1.4em;
text-transform:none;
color:#444;
}

#monthindex .problemheadmsg {
background:#FFF;
font-size:1em;
text-transform:none;
color:#444;
padding:0 0 2ex;
}

#monthindexfull h3 {
float:left;
text-indent:0.5em;
color:#000;
width:65%;
margin:0;
padding:0;
}

#monthindexfull .problemhead {
background:#FFF;
padding-left:0;
padding-bottom:0.5em;
font-size:1.4em;
text-transform:lowercase;
}

#monthmanager h4 {
float:left;
background-color:#EEE;
width:90%;
margin:0 0 0.25em;
padding:0.2em;
}

#monthmanager .mmtierindex {
float:left;
width:23%;
border-left:1px solid #BBB;
margin-bottom:0.25em;
padding:0;
}

#monthmanager .obj {
float:left;
clear:left;
width:90%;
border-bottom:1px solid #BBB;
padding:4px 0 8px 2px;
}

#monthmanager textarea {
height:15em;
}

#monthmanager,#adduser {
float:left;
width:95%;
background-repeat:no-repeat;
text-align:left;
padding-left:1em;
padding-top:0;
font-size:0.8em;
}

#navbanner {
float:left;
width:80%;
font-family:tahoma, arial, helvetica, sans-serif;
font-size:1em;
text-align:center;
color:#DDD;
padding-bottom:1em;
}

#navbanner a {
color:#000;
text-decoration:none;
}

#navbanner a:hover {
color:#000;
background-color:#DDD;
text-decoration:none;
}

#packagelist {
width:450px;
float:left;
background-repeat:no-repeat;
text-align:left;
padding-left:1em;
padding-top:0;
}

#pm2 {
background-color:#EEE;
font-size:small;
padding:0.5em;
}

pre {
background-color:#FFE;
}

#problembanner .headh3,#staticbanner .headh3 {
display:inline;
width:50%;
float:left;
color:#FFF;
margin:0;
padding:0.45em 0 0;
}

#problemview {
float:left;
padding-top:1em;
padding-left:2em;
padding-bottom:2em;
width:80%;
}

#problemview .editorial {
color:#559;
}

#problemview a.editorial {
color:#04A;
text-decoration:underline;
}

#problemview a.editorial:hover {
color:#FA7;
text-decoration:underline;
}

.typeset {
letter-spacing:0;
}

.inline {
letter-spacing:0.04em;
}

#problemview img {
border:0;
padding:0.5em;
}

#problemview .scormicon {
background:#FFF;
float:left;
width:100px;
padding-left:0;
padding-bottom:2em;
padding-right:1em;
}

#problemviewmenu,#docmenu {
background-color:#FFF;
color:#AAA;
width:100%;
float:left;
text-align:left;
padding:0;
}

#problemviewmenu span,#docmenu span {
background-color:#AAA;
color:#FFF;
font-weight:700;
padding-left:0.5em;
padding-right:0.5em;
}

#problemviewtitle {
background-color:#FFF;
float:left;
font-weight:700;
color:#fa7;
display:block;
clear:left;
width:40em;
padding:0;
}

#problemviewtitle h5 {
font-weight:400;
display:block;
color:#444;
margin:0;
padding:0;
}

#registerpage {
float:left;
width:60%;
margin-left:3em;
background-color:#DCF;
}

#resourcedetails {
float:left;
width:95%;
background:#fff;
font-size:1.1em;
padding:1em;
}

#rsslink {
float:right;
padding-top:30px;
}

.skiplink {
width:100%;
float:left;
height:0;
display:none;
}

#submitsolution {
float:left;
width:95%;
padding-left:1em;
color:#444;
font-size:1em;
}

#submitsolutionform {
float:left;
width:50%;
text-align:right;
padding-left:1em;
color:#444;
font-size:1em;
}

table {
font-size:0.95em;
}

#tageditlist {
float:left;
margin-left:1em;
padding-left:0.3em;
width:834px;
background-color:#FFF;
margin-bottom:1em;
margin-top:2ex;
}

#tageditor {
float:left;
clear:left;
width:95%;
text-align:left;
color:#000;
background-color:#FFF;
margin:1em 0.4em 0.2em;
padding:0.5em;
}

#tagformlist {
float:left;
width:94%;
clear:left;
margin:1em;
}

#tagform {
float:left;
width:100%;
text-align:left;
background-color:#fa7;
clear:left;
padding:5px;
}

textarea {
margin:0;
padding:0.2em;
}

#tmtiers {
position:relative;
left:8px;
font-size:0.7em;
padding-bottom:4px;
padding-top:0;
float:left;
width:100%;
}

#tmtiers a {
color:#CCF;
padding:0;
}

#tmtiers .selectedtier {
color:#0F0;
padding:0;
}

#typo {
float:left;
width:65%;
background-color:red;
}

#viewertags a,#similarResources a,#topten a {
float:left;
width:100%;
display:block;
font-size:0.8em;
}

#viewertags h4,#similarResources h4,#topten h4 {
font-family:Tahoma, Arial, Helvetica, serif;
font-size:0.9em;
margin-top:0;
}

.framework {
background-color:#EEE;
font-size:0.9em;
padding:2em;
}

.framework .intro {
padding-bottom:1ex;
}

.framework .subsection {
font-weight:400;
font-style:italic;
padding-bottom:1ex;
margin-left:1em;
}

.framework .subsection div {
font-style:normal;
margin-left:1em;
}

body {
font-family:tahoma, arial, helvetica, sans-serif;
font-size:12pt;
background:#9aadd9;
margin-left:auto;
margin-right:auto;
width:1000px;
}

._selected_ {
border:1px dotted #888;
background:#fda;
padding:2px;
}

ul,ol {
padding-top:1ex;
padding-bottom:1ex;
padding-left:2em;
}

a {
color:#04a;
text-decoration:none;
}

a:visited {
color:#04a;
}

a:active {
color:#fd0;
text-decoration:underline;
}

.disabledLink,a:hover.disabledLink,a:visited.disabledLink {
color:#AAA;
text-decoration:none;
}

#header {
background-image:url("../media/mountain/ground_01.jpg");
background-position:top left;
background-repeat:no-repeat;
color:#000;
height:250px;
font-family: Tahoma, sans-serif;
}

#header a {
color:#008;
text-decoration:none;
padding:2px 5px;
}

#header a:active {
color:#eb0;
}

#header a:visited {
color:#008;
}

#header a:hover {
color:#fff;
background:#54a;
}


#brands a:hover {
background:none;
}

#header .logo {
height:200px;
}

#minormenu {
float:right;
text-align:right;
font-size:0.8em;
color:#000;
padding:30px 30px 0;
}

#minormenusearch .admin {
float:right;
margin-top:-15px;
}

#mainmenu {
font-size: 1.4em;
padding-top: 20px;
margin-top: -64px;
margin-left: 20px;
width: 965px;
text-align: right;

}

#mainmenu a {
font-size:0.9em;
border:1px outset #fff;
font-family:Tahoma, sans-serif;
color:#04a;
display:inline-block;
margin-top:-20px;
padding:0.6ex;
}

#mainmenu .thisMonthButton {
border:0 none;
}

#mainmenu a:hover {
color:#fa7;
text-decoration:none;
}

#mainmenu .localiser {
border:none;
vertical-align:-8px;
}

#mainmenu .selected {
background:#fff;
}

#mainmenuwrapper {
float:left;
width:100%;
background:#ccc;
}

#mainfmenu {
float:left;
padding:2ex;
}

#mainmenu sup {
font-size:0.7em;
margin-left:-22px;
vertical-align:17px;
}

#mainmenudatedd {
clear:left;
float:left;
width:45%;
display:none;
margin:0;
}

#graphiclevelbutton {
float:right;
width:45%;
display:none;
margin:0;
padding:0;
}

#problemview h1,#indexMajor h1,#documentation h1 {
padding-top:1ex;
padding-bottom:1ex;
}

#problemview h2,#indexMajor h2,#documentation h2 {
padding-top:1ex;
padding-bottom:1ex;
margin-left:-2ex;
}

#problemview h3,#indexMajor h3,#documentation h3 {
padding-top:1ex;
margin-left:-1ex;
}

#problemview dt {
padding-top:1ex;
font-weight:700;
}

#problemview dd {
padding-left:100px;
}

#problemviewmenu,#doccontents {
clear:left;
}

#packagermenu {
margin-top:1ex;
width:100%;
clear:left;
float:left;
}

#monthindex {
padding-top:20px;
padding-left:0;
padding-right:2%;
width:54%;
float:left;
}

#monthindex h2 {
color:#000;
}

#monthindex h3 {
float:left;
color:#444;
width:70%;
}

#monthindex h4 {
float:left;
color:#444;
}

#monthindex h5 {
float:left;
color:#666;
font-weight:400;
width:65%;
padding-left:10px;
padding-bottom:5px;
}

#monthindex .miproblem .miicon,#list .miproblem .miicon {
padding-left:0;
float:left;
width:100px;
}

#monthindex .miicon img,#list .miicon img {
float:left;
width:80px;
height:80px;
padding:0;
}

#themeDescription {
color:#000;
font-style:italic;
margin-left:4%;
margin-right:4%;
margin-top:1ex;
}

#monthfeatures h2 {
color:#444;
}

#exectime {
float:left;
width:700px;
clear:left;
border:1px solid #DDD;
display:none;
margin:0;
padding:0;
}

#static,#listeditor {
background-image:url("../media/mountain/ground_02.jpg");
background-position:top left;
background-repeat:repeat-y;
padding:18px 70px 60px;
}

#staticbanner {
color:#fa7;
float:left;
width:80%;
}

#staticbanner .headh4 {
color:#fa7;
font-size:1.45em;
}
#listeditor .links{ 
  padding:0px;
  text-align: right;
  width: 683px;
}
#listeditor .backlinks{ 
  padding:5px 0px 5px 0px  ;
}
#listeditor .backtextinput{ 
  width: 250px;
}
#viewertags,#similarResources,#topten {
float:left;
width:213px;
display:block;
padding-left:0;
}

#infoBar {
background-image:url("../media/mountain/ground_04.jpg");
background-position:left top;
background-repeat:no-repeat;
clear:both;
height:61px;
width:100%;
}

#infoBar ul {
position:absolute;
display:block;
list-style-type:none;
clear:both;
height:61px;
width:800px;
padding-left:0;
padding-top:9px;
}

#infoBar ul li {
display:inline;
padding-left:30px;
}

#infoBar p {
position:absolute;
display:inline;
padding-top:10px;
padding-left:100px;
}

#footer {
width:92%;
padding-left:4%;
padding-right:4%;
margin-top:-6px;
clear:left;
background-color:#9aadd9;
font-size:small;
color:#fff;
}

#footer .padder {
padding:2px;
}

#footer .leftPanel {
float:left;
width:80%;
}

#footer .rightPanel {
float:right;
}

#footer a {
color:#fff;
}

.camlogo {
background:#fff;
margin-top:20px;
margin-right:1em;
float:left;
padding:30px 25px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#titlesearch .fsrprev {
margin-top:2ex;
}

#otherMatches {
position:relative;
margin-top:-91px;
width:150px;
float:right;
font-size:1.1em;
}

#unfilterbox {
position:absolute;
margin-top:-91px;
right:300px;
width:150px;
float:right;
font-size:1.1em;
}

#unfilterbox a {
font-size:0.7em;
vertical-align:10px;
color:red;
}

#filterbox {
float:left;
clear:left;
margin-top:-20px;
margin-left:-17px;
padding-bottom:21px;
width:80%;
}

.leftcolheader {
float:left;
clear:left;
text-align:left;
font-size:95%;
font-weight:700;
margin-left:0.2em;
margin-right:0.2em;
}

.rightcolheader {
float:right;
text-align:right;
font-size:95%;
font-weight:700;
margin-left:0.2em;
margin-right:0.2em;
}

.leftcol {
float:left;
clear:left;
text-align:left;
font-size:95%;
margin-left:0.2em;
margin-right:0.2em;
}

.rightcol {
float:right;
text-align:right;
font-size:95%;
margin-left:0.2em;
margin-right:0.2em;
}

.rowEven {
background:#def;
float:left;
clear:left;
margin-left:0;
margin-right:0;
width:95%;
padding:0.1em;
}

.row {
float:left;
clear:left;
margin-left:0;
margin-right:0;
width:95%;
padding:0.1em;
}

#indexMajor {
width:65%;
float:left;
color:#444;
}

#indexMajor .inset {
padding-left:2em !important;
padding-top:20px !important;
padding-right:2em;
}

#indexMinor {
width:35%;
float:right;
color:#444;
}

#indexMinor .inset {
padding-left:0 !important;
padding-top:2em !important;
padding-right:1em;
}

#indexmenu > div > object {
display:none;
height:0;
}

#indexmenu h4 {
font-size:1.2em;
margin-left:-1ex;
padding-bottom:1ex;
}

#indexmenu h2 {
font-size:1.4em;
margin-left:-1ex;
padding-bottom:1ex;
}

.box {
margin-left:2em;
margin-bottom:3em;
background:url(../media/mountain/spiral-pale.png) top left no-repeat;
padding:0;
}

.box ul {
padding-top:5px;
padding-left:51px;
font-size:90%;
}

.box p {
padding-top:5px;
padding-left:55px;
font-size:90%;
}

.box h2 {
font-size:110%;
padding-top:10px;
padding-left:55px;
padding-bottom:0;
}

.box li {
padding-left:5px;
}

#fourohfour {
width:60%;
padding-top:20px;
clear:left;
}

#fourohfour a {
display:block;
border:solid 1px #ccc;
clear:both;
margin-top:1ex;
margin-right:-300px;
font-size:1.5em;
padding:1em;
}

.clear {
clear:both;
}

.ddselect {
width:80px;
}

h3 .notpub {
color:red;
font-weight:700;
}

.sticky {
min-width:160px;
float:left;
}

.provisional {
background-color:#FEE !important;
background-image:url(/media/underDevelopment.png);
background-repeat:no-repeat;
}

#cloud a,#mfcloud a {
display:inline;
text-transform:lowercase;
text-decoration:none;
}

#cloud a:hover,#mfcloud a:hover {
background:#00E;
color:#FFF;
}

#cloud .tag4,#cloud .tag5 {
margin-left:0.2em;
line-height:24px;
font-size:16px;
}

#cloud .tag7,#cloud .tag8 {
margin-left:0.2em;
line-height:24px;
font-size:12px;
}

#toughnutlink,#mathsfinder h4 {
padding-top:2ex;
}

.formelementrow,.formelementrow2 {
float:left;
clear:left;
width:100%;
border:1px inset #CCC;
background-color:#FEC;
padding:1ex;
}

#freesearchresults .fsrnext,#freesearchresults .fsrprev,.fsrprev,.fsrnext,#home_result_box .fsrnext,#home_result_box .fsrprev,#minormenusearch span {
float:left;
}

#freesearchresultslist h2,#monthindexfull h2 {
float:left;
color:#C7D3CF;
text-transform:uppercase;
margin:0;
padding:0;
}

#freesearchresultslist h3,#freesearchresultslist h4,#monthindexfull h4 {
float:left;
text-indent:0.5em;
color:#000;
width:80%;
margin:0;
padding:0;
}

#freesearchresultslist .miproblem,.listsnippet,#monthindexfull .miproblem {
float:left;
width:100%;
padding:0.5em 0 0;
}

.hide,#oldbrowser,#oldtopbar,#oldtopbarouter,#lastindex,.panel-closed {
display:none;
}

#home_finder_box2,#home_finder_box3 {
float:left;
width:95%;
font-size:1.1em;
margin-top:0;
background-color:#fff;
padding:1em;
}

#indexmenu a,.framework .section {
font-weight:700;
}

.listsnippet h5,#monthindexfull h5 {
float:left;
text-indent:0.6em;
color:#000;
font-weight:400;
width:65%;
margin:0;
padding:0;
}

.listsnippet p,#monthindexfull p {
float:left;
padding-left:0.5em;
width:65%;
}

#mathsfinder a,#home_result_box a,.panel-open {
display:block;
}

#mfcloud .tag0,#mfcloud .tag1 {
margin-left:0.2em;
line-height:20px;
font-size:18px;
}

#mfcloud .tag2,#mfcloud .tag3 {
margin-left:0.2em;
line-height:20px;
font-size:16px;
}

#mfcloud .tag4,#mfcloud .tag5,#mfcloud .tag6 {
margin-left:0.2em;
line-height:20px;
font-size:14px;
}

#mfcloud .tag7,#mfcloud .tag8 {
margin-left:0.2em;
line-height:20px;
font-size:12px;
}

#monthfeatures .miicon,#articlelink .miicon,#featuredarticle .miicon,.featuredarticle .miicon {
float:left;
width:75px;
padding-left:0;
padding-right:10px;
}

#monthindex .miicon,#monthindexfull .miicon,#list .miicon {
background:#FFF;
float:left;
width:100px;
padding-left:1.5em;
padding-bottom:2em;
}

.nolinebottom,table td {
padding:5px;
}

#problemview .typeset img,#problemview .listsnippet img {
border:0;
padding:0;
}

#problemview .scormdownloads,#problemview .scormview {
float:left;
width:80%;
padding:0.5em 0 0;
}

*,#exectime a,#exectime p {
margin:0;
padding:0;
}

p,#problemview h4,#indexMajor h3,#documentation h4,#problemview h5,#indexMajor h3,#documentation h5 {
padding-top:1ex;
}

#mainmenudatedd h4,#mainmenudatedd p,#graphiclevelbutton h4,#graphiclevelbutton a {
padding-right:0.25em;
float:left;
margin:0;
}

#featuredarticle,#featuredsolution,#featuredgame,.featuredarticle,.featuredsolution,.featuredgame {
padding-top:3ex;
padding-right:1.5ex;
clear:left;
}

#footer p,#indexmenu p {
margin:1em;
}

#search form,#freesearchresultslist form {
float:left;
width:100px;
}

#problemview .iconstrip img,.iconstrip td {
padding:0;
}

#wcLinks {
list-style-type:none;
font-family:Tahoma;
font-style:italic;
font-size:80%;
width:730px;
padding:0;
margin:0;
}

#wcLinks li {
padding:10px;
width:120px;
display:inline;
background-color:#fff;
}

#wcLinks li:hover {
background-color:#54a;
color:#fff;
}

#wcLinks li:hover a {
background-color:#54a;
color:#fff;
text-decoration:none;
}

#wcLinks .item1 {
background-color:#eff}

#wcLinks .item2 {
background-color:#fef;
}

#wcLinks .item3 {
background-color:#ffe;
}

#wcLinks .item4 {
background-color:#eef;
}

#wcLinks .item5 {
background-color:#efe;
}

#newhome 
{
	font-size:1.3em;
	left:45px;
	top:210px;
	position:absolute;
}

#stemLinks {
list-style-type:none;
font-family:Tahoma;
font-size:80%;
width:730px;
text-decoration: none;
padding:0;
margin:0;
}

#stemLinks li {
padding:10px;
display:inline;
background-color:#cae0f5;
border-style:outset;
border-color: #bcd7f4;
width:120px;
border-width: 1px;
}

#stemLinks li:hover {
background-color:#ffccff;
}

#stemLinks li:hover a {
background-color:#ffccff;
text-decoration:none;
color:#000000;
}
#stemLinks .item1 {
background-color:#ff00ff}

#stemLinks .item2 {
background-color:#ff00cc;
}

#stemLinks .item3 {
background-color:#ff00aa;
}

#stemLinks .item4 {
background-color:#ff0088;
}

#stemLinks .item5 {
background-color:#ff0066;
}

#twitterwidget {
padding-top: 2ex;
}

/* List editor styles 
----------------------------------------------------------------------------------------------------*/
.popover {
position:absolute;
top:540px;
left:340px;
visibility:hidden;
z-index:2;
background-color:#CBE;
height:150px;
padding:20px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;

}

.ac_input {width: 500px;}

.ac_results {
z-index: 3;
background-color: #fff;
/* minimum-width: 400px !important; */
display: block;
margin-left: -129px;
padding: 0;
border: 3px solid #CBE;
}
.ac_results ul {
  padding: 0;
  margin: 0;
  }

li.ac_odd, li.ac_even {
   list-style-type: none;

  }
li.ac_odd {
  background: #CBE; /* broken commits */
  }  


/* `Containers
----------------------------------------------------------------------------------------------------*/

.col_layout {
  margin-left: auto;
  margin-right: auto;
  width: 720px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3
{
  display: inline;
  float: left;
  margin: 9px;
  padding: 5px;
  border: 1px solid #99c;
  text-align:center
}


/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.col_layout .grid_3 {
  width: 210px;
 }

.col_layout .grid_2 {
  width: 330px;
}

.col_layout .grid_1 {
  position: relative;
  left: 60px;
  width: 580px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.col_layout:before,
.col_layout:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.col_layout:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.col_layout {
  zoom: 1;
}
a.blogbutton {
	font-size: 14px;
	color: #050505;
	padding: 10px 20px;
	background: #6d8000;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#c7d95f 50%,
		#add136 50%,
		#6d8000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #c7d95f),
		color-stop(0.50, #add136),
		to(#6d8000));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #6d8000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);

}
a.blogbutton:hover {
	font-size: 14px;
	color: #050505;
	padding: 10px 20px;
	background: #aec70a; 
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#c7d95f 50%,
		#add136 50%,
		#aec70a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #c7d95f),
		color-stop(0.50, #add136),
		to(#aec70a));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #6d8000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);

}
a.pdflink {
	background-image: url("/media/icons/bullet_pdf.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;

}
a.doclink {
	background-image: url("/media/icons/bullet_doc.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;

}
a.spreadsheetlink {
	background-image: url("/media/icons/bullet_csv.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;

}
a.filelink {
	background-image: url("/media/icons/bullet_text.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;

}
a.powerpoint {
	background-image: url("/media/icons/bullet_powerpoint.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;

}
p.chalkboard {
	font-family: chalkboard, comic sans MS, tahoma;
	
}
div.pdm {
 margin-left: 40px;
 background-color: #F9F;
 padding: 10px;
 margin-top: 20px;
 border-radius: 15px;
}
blockquote::before{
 font-size: 150%;
 color: grey;
 float: left;
 content: "\201C";
 margin:-10px;
}
blockquote{
 line-height: 140%;	
 padding: 5%;
 width: 90%;
 background-color: lightgrey;
 -webkit-border-radius: 10px;
 -webkit-border-top-right-radius: 20px;
 -webkit-border-bottom-left-radius: 20px;
 -moz-border-radius: 10px;
 -moz-border-radius-topright: 20px;
 -moz-border-radius-bottomleft: 20px;
 border-radius: 10px;
 border-top-right-radius: 20px;
 border-bottom-left-radius: 20px;
}
blockquote::after{
 font-size: 150%;
 margin-left: 98%;
 color: grey;
 content: "\201D";
}