/*css styles for pages on stand-alone FLAX website*/
html {
    margin:0;
    padding:0;
}
body {
    font-family: lucida sans;/*Arial, Helvetica, sans-serif;*/
    margin:0;
}
div.close_window_button_container {
    text-align: center;
}
/* Some general styles */
div.header_container {
    background-color: #B9D0C2;
    border-bottom: 2px solid #114927;
}
div.header {
    font-size: 24pt;
    font-weight: 700;
    font-style: italic;
    text-align: left;
    color: #114927;
    line-height: 70px;/*To vertical-align the single line text*/
}
div.teacher_logo {
    background-image: url(../images/flaxteacherlogo.png);
    background-position: right center;
    background-repeat: no-repeat;
}
div.student_logo {
    background-image: url(../images/flaxstudentlogo.png);
    background-position: right center;
    background-repeat: no-repeat;
}
div.footer_container {
    background-color: #B9D0C2;
}
div.footer {
    color: #114927;
    line-height: 25px;/*To vertical-align the single line text*/
    clear: both;
    margin: 10 0 0 0;
    text-align: right;
}
div.section_header {
    font-size: 16px;
    background: url("../images/flaxiconoriginal_16.png") #B9D0C2 5px center no-repeat;
    line-height:25px;
    text-align:left;
    padding: 0 0 0 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-style: italic;
    font-weight: bold;
    color: #1A1A1A;
    border-bottom: 2px solid #114927;
    
    position: relative;/*for gloss tooltip*/
}
div.section_header a {
	color: #114927
}
#flax-wrapper {
	width: 90%;
	margin-left: 5%;
	background-color: #FFFFFF;
	text-align: left;
}

#flax-activity-student-interface-wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    overflow:auto;
    height:97%;
}

.sprites-icons {
    background-image:url('../images/sprite-icons.gif');
    background-repeat:no-repeat;
    height:12px;
    width:12px;
    display:inline-block;
}
.sprites-icons:hover {
    background-position:0 -36px;
}

input.activitybutton {
    background-color: #B9D0C2;
    text-align: center;
    cursor: pointer;
    height: 30px;
    font-size: 18px;
    font-style: italic;
    font-family: lucida sans;
}
/*the cherry basket button and the cherry icon at the top-right corner of the 'About this collection' page*/
#bCL4 {
	float:right;
	background-color:#FFDAB9;
	line-height: 0;
	margin: -2px 10px;
}
#cherry_icon_id {
	margin-right: 5px;
	vertical-align: middle;
}
.float-right {
	float: right;
}
img.left {
    float: left;
    margin: 10 10 0 0;
}
img.right {
    float: right;
    margin: 10px 0 0 10px;
}
.clear {
	/**to encompass the images within (ie, not 'floating' out of view), and in the meantime the text also wraps around the images by setting the img float
	* Usage: <p><span>text</span><img src='name.jpg' style='float:left'/><div class='clear'/></p>
	*/
    clear: both;
}   
/*End of general styles*/
#flax-body {
	margin: 0 10;
}	
#flax-body a:hover {
    text-decoration: underline;
    color: #711011;
}
#collectioncontent a:hover {
    text-decoration: none;
}
/* Stand-alone website header */
#flaxHeader {
    margin: 0 0 30 5;
    height: 110px;
    background-image: url(../images/flaxHeader_middle.png);
    background-position: left top;
    background-repeat: repeat;
    position: relative;
}
#flaxHeader img.flaxHeader_left {
    float: left;
}
#flaxHeader img.flaxHeader_right {
	float: right;
}
#flaxHeader span.flax-motto {
	font-style: italic;
    position: absolute;
    left: 96;
    bottom:10;
}	
/*Navigation bar (HOME, LIBRARY, etc.)*/
#flax-site-page-nav-btns {
	display:inline;
	position: absolute;
	right: 0;
	bottom:-10;
	font-size: 15px;
	padding-top: 25px;
	margin-bottom: 20px;
	text-align: right;
}

#flax-site-page-nav-btns a {
	margin-right: 20px;
	cursor: pointer;
	color: #114927;
	text-decoration: none;
}

#flax-site-page-nav-btns a:hover {
	color: #711011;
    text-decoration: underline;
}



/*Page: HOME*/
div.paragraph {
	margin: 20px 0;
}
div.page {
	margin: 20px 0 20px 20px;
}
a.page_name, div.paragraph>em>a {
    color: #114927;
    text-decoration: none;
}
a.page_name:hover, div.paragraph>em>a:hover {
    color: #711011;
    text-decoration: underline;
}
a.flax_email {
	border-bottom: 1px dashed #808080;
	color: #000000;
	cursor: help;
}
a.flax_email img {
	display: none;/*hide the email img initially*/
}
a.flax_email:hover {
	position: relative;/*On mouse over, position the parent element relatively for the child img element to be absolutely positioned*/
}
a.flax_email:hover img {
    display: block;
    position: absolute;
	border: 2px solid #808080;
	top: 30px;
	left:0;
	z-index: 100;
}
/*Page: LIBRARY*/
ul.collectionlist {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
ul.collectionlist li {
    font-size: 18px;
    margin: 10px 0 10px 20;
}
ul.collectionlist li a {
	color: #114927;
}	
ul.collectionlist li a:hover {
	color:#711011;
}

/*Page: Demos*/
ul.language-activities {
	list-style: none;
	padding: 0;
	margin:0;
}
div.activity-des{
    margin-left: 10px;
    overflow:hidden;
}
div.activity-des img{
    float: right;
    border: 1px solid #114927;
}
span.bold {
	font-weight: bold;
}
/*Page: DOWNLOADS*/
.downloadlist li {
    list-style:none;
}

.downloadlist li>div {
/*  background: url('../images/sidebar-button-bottom.png') repeat-x scroll bottom left; */
}

.downloadlist a:link,
.downloadlist a:visited,
.downloadlist a:active,
.downloadlist a:hover {
    display: inline;
    padding: 8px 5px 8px 0px;

    background-repeat: no-repeat;
    background-position: 3px 50%;

    text-decoration: none;
    font-weight: normal;
    font-size: 18px;}


.file {
    position: relative;
    width: 95%;
    padding: 0 5px 5px 28px;
    background: url('../images/os/000.png') no-repeat scroll 2px 1px;

}
.file-win { background-image: url('../images/win_icon.png'); }
.file-mac { background-image: url('../images/mac_icon.png'); }
.file-linux { background-image: url('../images/linux_icon.png'); }
.file-win_mac_linux { background-image: url('../images/win_mac_linux_icon.png'); }
.file-mdl { background-image: url('../images/moodle_icon.ico'); }

.file-jar { background-image: url('../images/jar.png'); }
.file-zip { background-image: url('../images/zip.png'); }
.file-gz { background-image: url('../images/gz.png'); }

.file-description {
    padding: 0 5px 5px 28px;
    font-size: 80%;
    position: relative;
    top: -5px;
}

.main { 
    font-size: 120%;
}

.distFilePrompt {
    float: left;
    width: 200px;
    margin-right: 1em;
}
table.prev_release tbody tr {
	padding-bottom: 20px;
}
table.prev_release tbody tr td {
	padding: 0 0 20px 50px;
}
table.prev_release tbody tr td.release_version {
   width: 170px;
}
/* file description show info / hide info styles */
.fileShowHideInfo {
    float: right;
}
.fileShowHideInfo.hidden .up-arrow { display: none; }
.fileShowHideInfo.shown .down-arrow { display: none; }
.fileInfo {
    background-color: #eee;
    margin: .5em 0;
}

/* more info / less info expanding div styles */
.dist-description-closed .dist-description-text {
    max-height: 1.5em;
    overflow: hidden;
}

.dist-description-opener, .dist-description-closer {
    text-align: right;
}

.dist-description-closed .dist-description-closer, .dist-description-fixed .dist-description-closer {
    display: none;
}
.dist-description-open .dist-description-opener, .dist-description-fixed .dist-description-opener {
    display: none;
}

.up-arrow {
    background: transparent url('../images/up-arrow.png') scroll no-repeat 100% 50%;
    padding-right: 14px;
}
.down-arrow {
    background: transparent url('../images/down-arrow.png') scroll no-repeat 100% 50%;
    padding-right: 14px;
}

.point {
    cursor:pointer;
}



/*Page: ABOUT*/
#flax-body a em:after {
    content: url(../images/ipdf-small.gif);
}

#flax-body h3,#flax-body h4,#flax-body h5, span.subject {
    color: #114927;
}

span.subject {
    font-weight: bold;
}

ul.people {
    list-style: none;
    padding: 0;
}
ul.people a {
    color: #114927;
    font-weight:bold;
}
ul.people a:hover {
    color: #808080;
    font-weight:bold;
}
ul.people li {
    margin-left:20px;
}    

/**** Used by ContentWordGuessing and DesignActivityModule (collection list tooltip popup) ****/
.tooltip {
    position: absolute;
    background-color: #81f7be;
    display: block;
    overflow: auto;
    z-index: 5000;
    padding: 2px;
    font-size: 0.9em;
    -moz-border-radius: 10px 10px; /*Rounded edges in Firefox */
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 4px groove #9a9998;
    border-bottom: 4px groove #9a9998;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
    text-align: left;
}

/*The following is copied without any modification from yui/container/assets/container.css version 2.2.0. It is used by all sorts of dialog such as Loading..., or user login etc.*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
.yui-overlay {
    position:absolute;
    display:block;
}

.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}

* html body.masked select {
    visibility:hidden;
}

* html div.yui-panel-container select {
    visibility:inherit;
}

* html div.drag select {
    visibility:hidden;
}

* html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index:0;
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

.hide-scrollbars * {
    overflow:hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select {
    overflow:hidden;
    display:none;
}

.show-scrollbars textarea, .show-scrollbars select {
    overflow:visible;
}

.yui-panel-container {
    position:absolute;
    background-color:transparent;
    z-index:6;
    visibility:hidden;
    overflow:visible;
    width:auto;
}

.yui-panel-container.focused {
}


.yui-panel-container.matte {
    padding:3px;
    background-color:#FFF;
}

.yui-panel-container.matte .underlay {
    display:none;
}

.yui-panel-container.shadow {
    padding:0px;
    background-color:transparent;
}

.yui-panel-container.shadow .underlay {
    visibility:inherit;
    position:absolute;
    background-color:#CCC;
    top:3px;left:3px;
    z-index:0;
    width:100%;
    height:100%;
    -moz-opacity: 0.7;
    opacity:.70;
    filter:alpha(opacity=70);
    zoom:1;
}

.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0px;top:0px;
    font:1em Arial;
    background-color:#FFF;
    border:1px solid #000;
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd {
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd p {
    margin:0 0 1em;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url(../images/delete.gif) no-repeat;
    cursor:pointer;
    visibility:inherit;
}

.yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:10px;
    float:left;
}

.yui-simple-dialog .bd span.blckicon {
    background: url("blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
    background: url("alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
    background: url("hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
    background: url("info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
    background: url("warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
    background: url("tip16_1.gif") no-repeat;
}

.yui-dialog .ft, .simple-dialog .ft {
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
}

.yui-dialog form, .yui-simple-dialog form {
    margin:0;
}

.button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color: #E4E4E4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, .button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}


/*End of yui/container/assets/container.css version 2.2.0*/