table.tree
{
	border: solid 1px #666;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	-moz-box-shadow: 1px 1px 5px #666;
	box-shadow: 1px 1px 5px #666;
}

table.tree td
{
	margin: 0px;
	padding: 0px !important;
}

table.tree th
{
	background-color: #002a6c;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}

table.tree div
{
	margin: 2px;
}

.tree_node_open
{
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	font-weight: bold;
	padding-left: 36px;
	background: url(/fakoli/images/open.png) center left no-repeat #fff;
}

.tree_node_closed
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding-left: 36px;
	background: url(/fakoli/images/closed.png) center left no-repeat #fff;
}

.tree_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding-left: 36px;
	background: url(/fakoli/images/empty.png) center left no-repeat #fff;
}


.bare_node_open
{
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	font-weight: bold;
	padding-left: 18px;
	background: url(/fakoli/images/toggle_open.png) center left no-repeat #fff;
}

.bare_node_closed
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding-left: 18px;
	background: url(/fakoli/images/toggle_closed.png) center left no-repeat #fff;
}

.bare_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding-left: 18px;
	background: url(/fakoli/images/toggle_blank.png) center left no-repeat #fff;
}


.doc_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding-left: 20px;

	background: url(/fakoli/images/msword_icon.png) center left no-repeat #fff;
}

.ppt_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding-left: 18px;
	background: url(/fakoli/images/ppt_icon.png) center left no-repeat #fff;
	
}

.pdf_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding-left: 18px;
	background: url(/fakoli/images/pdf_icon.png) center left no-repeat #fff;
}

.file_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding-left: 18px;
	background: url(/fakoli/images/file_icon.png) center left no-repeat #fff;
}

.flagged_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding-left: 18px;
	background: url(/fakoli/images/file_icon_flagged.png) center left no-repeat #fff;
}


.plain_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding-left: 0px;
	background: #fff;
}


.tree a
{
	color: #000;
	text-decoration: none;
	border: solid 1px none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 2px;
	font-weight: bold;
}

.tree a:hover
{
	color: #fff !important;
	background-color: #325E9E;
}

.tree a:focus
{
	background-color: #666;
	color: #fff !important;
}

.tree a.folder
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding: 1px;
	border: solid 1px #fff;
}

.tree a.folder:hover
{
	background-color: #ddd;
	border: dotted 1px #fff;
}

.tree a.file
{
	text-decoration: none;
	color: #000;
	font-weight: normal;
	padding: 1px;
	border: solid 1px #fff;
}

.tree a.file:hover
{
	background-color: #ddd;
	border: dotted 1px #fff;
}

.tree a.selected, .tree a.selected:hover
{
	color: #fff;
	background-color: #002a6c;
	padding: 1px;
	border: dotted 1px #fff;
	text-decoration: none;
}
	
.tree_node_leaf input
{
	border: none !important;
}

.unchecked_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding-left: 24px;
	background: url(/fakoli/images/toggle_blank.gif) center left no-repeat #fff;
}

.checked_node_leaf
{
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding-left: 24px;
	background: url(/fakoli/images/toggle_checked.gif) center left no-repeat #fff;
}


/**************************************************************

 Copyright (c) 2010 Sonjara, Inc

 Permission is hereby granted, free of charge, to any person
 obtaining a copy of this software and associated documentation
 files (the "Software"), to deal in the Software without
 restriction, including without limitation the rights to use,
 copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the
 Software is furnished to do so, subject to the following
 conditions:

 The above copyright notice and this permission notice shall be
 included in all copies or substantial portions of the Software.

 Except as contained in this notice, the name(s) of the above 
 copyright holders shall not be used in advertising or otherwise 
 to promote the sale, use or other dealings in this Software 
 without prior written authorization.

 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 OTHER DEALINGS IN THE SOFTWARE.

*****************************************************************/

table.list
{
	background-color: #ffffff;
	border: solid #666;
	border-width: 1px 1px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	vertical-align:top;
	-moz-box-shadow: 1px 1px 5px #666;
	box-shadow: 1px 1px 5px #666;
	border-spacing: 0;
	clear: both;
	border-collapse: collapse;
	empty-cells: show;
}

table.list b
{
	
	color:  #2b388f;
	font-weight: bold;
}


table.list th
{
	background: url(/fakoli/images/table-header.png) top left repeat-x transparent;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding: 4px;
	white-space: nowrap;	
	border: solid #666;
	border-width: 0px 0px 1px 1px;
}

table.list td
{
	padding: 4px;
	border: solid #666;
	border-width: 0px 0px 1px 1px;
}


table.list tr.alt
{
	background-color: #f3f3f3;
}

table.small
{
	font-size: 8pt;
}

table.list td.subheading
{
	padding: 4px;
	border: solid 1px #666;
	background-color: #eee;
	font-weight: bold;
	font-style: oblique;
}


.sortable th
{
	background: url(/fakoli/images/bg.gif) right center no-repeat transparent;
	cursor: pointer;
	
}

.sortable th.nosort
{
	background: url("/fakoli/images/table-header.png") left center repeat-x transparent;
	background-color: transparent;
}

.sortable th.forward_sort
{
	background: url(/fakoli/images/asc-white.gif) right center no-repeat #393683;
	color: #fff;
}

.sortable th.reverse_sort
{
	background: url(/fakoli/images/desc-white.gif) right center no-repeat #393683;
	color: #fff;
}

.sortable tr.alt
{
	background-color: #F0F0F6;
}

/* filter_form filters */
.filter
{
	padding-top: 6px;
	height: auto;
	padding-bottom: 10px;
}

.filter input
{
	margin-left: 2px;
}

.filter .boolean
{
	padding-right: 12px;
	display: inline-block;
}

.filter .date_range
{
	clear: both; 
	display: block; 
	width: 100%; 
	padding-bottom: 10px;
	padding-top: 5px;
}

.filter .select, .prog_search
{
	padding-right: 5px;
	float: left; 
	padding-bottom: 4px;	
	display: block;
}

.filter .checklist,
	.radio
{
	clear: both;
	float: left; 
	padding-bottom: 0px;
	padding-top: 4px;
	height: auto;
	width: 100%;
	display: inline-block;
}

.filter .checklist ul,
	.radio ul
{
	list-style: none outside none; 
	margin-left: -40px; 
	margin-top: 2px;
	display: inline-block;
}


.filter .checklist ul li,
	.radio ul li
{ 
	float: left; 
	padding-right: 10px;
}


/* end filter_form filters */

tr.filtered td,
tr.filtered a,
tr.filtered a:link,
tr.filtered a.hover
{
	color: #ddd;
}

tr.filtered
{
	display: none;
}
tr.subheading
{
	background-color: #ddd;
}

tr.subheading td
{
	font-weight: bold;
	cursor: pointer;
	padding-left: 20px;
}

.paginator
{
	height: 34px;
	margin-bottom: 8px;
	color: #666;
}
.paginator ul
{
	display: block;
	float: right;
}

.paginator li
{
	list-style: none;
	float: left;
	margin-left: 10px;
}

/*
.paginator a,
.paginator a:link
{
	text-decoration: none !important;
	display: inline-block;
	border: none !important;
	color: #666;
	padding: 2px;
}

.paginator a:hover,
.paginator a:active
{
	color: #000 !important;
	text-decoration: none !important;
}
*/

.paginate{
#	background: #888 url(/images/alert-overlay.png) repeat-x;
	background-color: #888;
	display: inline-block;
	padding: 5px 8px 5px;
	color: #fff !important;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
 	position: relative;
	cursor: pointer;
	padding-bottom: 0.3em;
	margin-top: -0.2em;
}

.paginate:hover {
	background-color: #444;
	color: #fff !important;
}

.goto-page{
	color: #111 !important;
}

table.list thead tr,
table.list tfoot tr
{
	background: url(/fakoli/images/table-header.png) bottom left repeat-x #ddd;
}

table.list tfoot td
{
	font-weight: bold;
}

tr.expanded td
{
	background: url(/fakoli/images/open.gif) left center no-repeat transparent;
	padding-left: 20px;
}

tr.collapsed td
{
	background: url(/fakoli/images/closed.gif) left center no-repeat transparent;
	padding-left: 20px;
}

td.icon
{
	text-align: center;
	font-size: 8pt;
}

/* Scrolling tables for Firefox */

div.scrollContainer
{
	border: none;
	clear: both;
}
	
table.scroll {
	clear: both;
}

table.scroll tbody
{
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
}

/* Scrolling tables for IE8 and below */
div.scrollContainer
{
	position: relative\9;
	overflow-y: scroll\9;
	overflow-x: hidden\9;
	border: solid #666\9;
	border-width: 1px 1px 1px 1px\9;
}

table.scroll 
{
    border-width: 1px 1px 0px 0px\9;
}

/*table.scroll thead tr 
{
    position: absolute\9;
    top: expression(this.offsetParent.scrollTop)\9;
}*/

table.scroll tbody tr 
{
    height: auto\9;
}

table.scroll tbody tr:first-child td 
{
/*    padding: 29px 4px 4px 4px\9;*/
}

.sortable th
{
	border-width: 0px 0px 1px 1px\9;	
}

tr.selected,
tr.selected td
tr.selected a,
tr.selected a:visited
tr.selected a:hover
{
	background-color: #393683;
	color: #fff;
}

table.reorder
{
	position: relative;
}

table.reorder tr
{
	background-color: #fff;
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	cursor: move;
}

table.reorder tr:hover
{
	background-color: #ffc;
}

tr.dragRow
{
	box-shadow: 1px 1px 15px #666;
}	

table.spreadsheet td 
{
  white-space: nowrap;
}


.count_indicator {
  background-color: #FFFFDD;
  border: 1px solid #AAAAAA;
  border-radius: 2px;
  box-shadow: 1px 1px 3px #AAAAAA;
  display: block;
  font-size: 8pt;
  line-height: 1.3;
  padding: 0 2px;
  cursor: pointer;
  pointer-events:none;
}

.required_text
{
	font-weight: bold;
}



@keyframes curtain-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes curtain-fade-out {
    0% {
        opacity: 0.7;
    }

    100% {
        opacity: 0;
    }
}

#curtain
{
	background-color: #333;
	z-index: 149;
	position: absolute;
    animation: curtain-fade-out .5s ease-in;
    width: 0;
    height: 0;
    opacity: 0;
}

body.curtain_lowered #curtain 
{
	display: block;
	opacity: 0.7;
    animation: curtain-fade-in .5s ease-in;
}

.dialog
{
	border: solid 1px #000;
	background-color: #fff;
	display: none;
	-moz-box-shadow: 2px 2px 12px #444;
	-webkit-box-shadow: 2px 2px 12px #444;
	box-shadow: 2px 2px 12px #444;
	border-radius: 8px;
}

.dialog_header
{
	background: #406080; 
	font-size: 10pt; 
	color: #fff;  
	font-weight: bold;
	border-radius: 6px 6px 0 0;
	padding: 6px;
}

.dialog_header a,
.dialog_header a:link,
.dialog_header a:hover,
.dialog_header a:visited
{
	color: #fff; 
	text-decoration: none; 
	font-size: 10pt;
	font-weight: normal;
	cursor: pointer;
}

.dialog_body
{
	padding: 8px;
}

.dialog_body label
{
	display: inline-block;
	margin-right: 10px;
	font-weight: bold;
}

.progressive_search
{
	background-color: #fff;
	text-align: left;
	border: solid 1px #666;
	z-index: 11000;
}

.progressive_search a
{
	display: block;
	text-decoration: none;
	color: #000;
	padding: 2px;
	border-bottom: solid 1px #aaa;
}

.progressive_search a:hover
{
	background-color: #ddd;
}

.notification
{
	border: solid 1px #666;
	border-radius: 5px;
	font-size: 12pt;
	font-weight: bold;
	background-color: #ffd;
	color: #333;
	box-shadow: 1px 1px 5px #ccc;
	z-index: 400;
	padding: 20px;
}

.crossfader_nav
{
	margin: 10px;
}

.crossfader_nav_item,
.crossfader_nav_item:link,
.crossfader_nav_item:visited
{
	background-color: #ccc;
	padding: 4px 8px;
	border-radius: 30px;
	margin: 5px;
	color: #000;
	text-decoration: none;
}

.crossfader_highlight,
.crossfader_highlight:link,
.crossfader_highlight:visited,
.crossfader_current,
.crossfader_current:link,
.crossfader_current:visited,
.crossfader_nav_item:hover,
.crossfader_nav_item:focus
{
	background-color: #fff;
}


div.dialog.maximized .dialog_header 
{
    border-radius: 0;
}

div.dialog.maximized 
{
    border-radius: 0;
}

div.dialog.lightbox .dialog_body
{
	height: 100% !important;
	position: relative;
}
.grippie {
    background:#EEEEEE url('/fakoli/images/grippie.png') no-repeat scroll center;
    border-color:#666;
    border-style:solid;
    border-width:0px 1px 1px;
    cursor:s-resize;
    height:7px;
    overflow:hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.resizable-textarea, .resizable-textarea textarea
{
    display:block;
    margin-bottom:0px;
}


.context_menu
{
	position: absolute;
	display: none;
	border: solid 1px #666;
	width: auto;
	background-color: #eee;
	-moz-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 9pt;
}

.context_menu li
{
	margin: 2px;
}


.context_menu li a:link,
.context_menu li a:visited
{
	display: block;
	color: #000;
	border: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 24px;
	padding-right: 10px;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
}

.context_menu li a:hover,
.context_menu li a:active,
.context_menu li a:focus	
{
	background-color: #406080;
	color: #fff;
}


div.filter > div {
    display: inline-block;
    padding: 2px 4px 6px 0px;
    line-height: 1.6;
}

div.filter_form_label
{
	float: left;
}

div.calendarPopup
{
	position: absolute;
	visibility: hidden;
    border: solid 1px #999;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 1px 10px #888;
}

TABLE.calendar {
    font-size: 8pt;
    font-weight: normal;
    background-color: #eeeeee;
    border-radius: 10px;
    width: 240px;
    border-collapse: collapse;
    border-radius: 0 0 7px 7px;
}

table.calendar th
{
	text-align: center;
	font-weight: normal;
}

table.calnav {
    width: 240px;
    border-collapse: collapse;
}

TD.calnav
{
	border: none;
	border-bottom: solid 1px #aaaaaa;
	text-align: center;
	vertical-align: top;
	background-color: #ddf;
}

TD.calmonth
{
	border: solid 1px #aaaaaa;
	border-top: none;
	background-color: white;
	font-weight: normal;
	text-align: center;
	font-size: 10pt;
	width: 100%;
}

TD.calday
{
	border: solid 1px #cccccc;
	border-bottom: none;
	text-align: right;
	font-size: 8pt;
	width: 13%;
	height: 24px;
	background-color: white;
}

TD.caltoday
{
	border: solid 1px #cccccc;
	border-bottom: none;
	text-align: right;
	font-size: 8pt;
	width: 13%;
	height: 24px;
	background-color: yellow;
}

TD.calnav A 
{
    border-style: none;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 1px;
    display: block;
    width: 100%;
    font-size: 10pt;
    width: 30pt;
}

TD.calnav A:link
{

  color: #0000aa;
  text-decoration: none;
}

TD.calnav A:active
{
  color: #0000aa;
  text-decoration: none;
}

TD.calnav A:hover
{
  border-style: none;
  color: #0000aa;
  background-color: #eef;
}

TD.calnav A:visited
{
  color: #0000aa;
  text-decoration: none;
}

TD.calday A
{
  border-style: none;
  padding-top: 4px;
  padding-bottom: 1px;
  padding-left: 1px;  
  display: block;
  width: 100%;
  height: 24px;
}

TD.calday A:link
{

  color: #0000aa;
  text-decoration: none;
}

TD.calday A:active
{
  color: #0000aa;
  text-decoration: none;
}

TD.calday A:hover
{
  color: #0000aa;
  text-decoration: underline;
}

TD.calday A:visited
{
  color: #0000aa;
  text-decoration: none;
}

TD.calselday
{
	border: solid 1px #cccccc;
	border-bottom: none;
	background-color: #ddddff;
	text-align: right;
	font-size: 8pt;
	width: 13%;
	height: 24px;	
}

TD.calselday A
{
  border-style: none;
  padding-top: 4px;
  padding-bottom: 1px;
  padding-left: 1px;  
  display: block;
  width: 100%;
  height: 24px;
  text-decoration: none;
  font-weight: bold;
}


a.multi_select_dropdown
{
	display: inline-block;
	border: solid 1px #333;
	border-radius: 5px;
	box-shadow: inset -2px -2px 3px #888;
	padding: 2px 20px 2px 5px;
	color: #333;
	text-decoration: none;
	background: url(/fakoli/images/open.gif) right 5px center no-repeat #e8e8e8;
	margin-right: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.multi_select_dropdown_list
{
	position: absolute;
	display: none;
	border: solid 1px #666;
	background: #fff;
	box-shadow: 2px 2px 5px #333;
	z-index: 700;
}

.multi_select_dropdown_list label
{
	font-weight: normal;
}

.selectbox label, .scrollbox label {
  font-size: 10pt;
  font-weight: normal;
  border-radius: 2px 2px 2px 2px;
  display: block;
  font-weight: normal;
  margin: 2px 2px 4px 24px;
  vertical-align: top;
  cursor: pointer;
  line-height: 1.2;
}

.selectbox input, .scrollbox input {
  display: inline-block;
  float: left;
  margin-left: -20px;
  margin-top: 2px;
}

.selectbox label:hover,
.scrollbox label:hover
{
	background-color: #ddd;
}



.options_list {
  list-style: none outside none;
  padding: 0;
}

.options_list li {
  box-shadow: 1px 1px 3px #888;
  cursor: pointer;
  font-size: 87.5%;
  margin-bottom: 10px;
  padding: 1px 60px;
  width: 100%;
}

.options_list .selected {
  background: url("/fakoli/images/on.png") no-repeat scroll 20px center #eee;
}



a.pushbutton,
a.pushbutton:visited,
a.pushbutton:hover,
a.pushbutton:active
{
	display: inline-block;
	background-color: #ddd;
	border: solid 1px #888;
	border-left: none;
	color: #111;
	padding: 4px 10px;
	text-decoration: none;
}

a.pushbutton.first
{
	border-radius: 5px 0 0 5px;
	border-left: solid 1px #888;
}

a.pushbutton.last
{
	border-radius: 0 5px 5px 0;
}

a.pushbutton.selected, a.pushbutton.selected:visited
{
	color: #fff;
	background-color: #002a6c;
}


ul.draggable, ol.draggable
{
	position: relative;
}

ul.draggable > li,
ol.draggable > li
{
	cursor: move;
	cursor: grab;
}

ul.draggable > li:hover,
ol.draggable > li:hover
{
	background-color: #ffc;
}

li.dragRow
{
	box-shadow: 1px 1px 15px #666;
	background-color: #fff;
	border-radius: 3px;
}	


.mce-branding {
    float: right !important;
    padding: 8px 4px !important;
    color: #888 !important;
}

.mce-branding a,
.mce-branding a:link,
.mce-branding a:visited
{
	color: #888 !important;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block !important;
  width: 50px;
  height: 24px;
  margin: 0 !important;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 1px 1px 10px #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border: solid 1px #999;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: -1px;
    bottom: -3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: solid 1px #999;
    box-shadow: 1px 1px 3px #bbb;
}

input:checked + .slider {
    background-color: #2196F3;
    box-shadow: inset 1px 1px 10px #14578c;
}

input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



.context_link
{
	color: #718A14 !important;
	border: none !important;
	outline: none;
}

.context_link:hover
{
	text-decoration: underline !important;
}

div.contexthelp
{
	position: absolute;
	max-width: 600px;
	border: solid 1px #000;
	background-color: #ffffcc;
	white-space: normal;
	margin: 4px;
	padding: 4px;
	font-size: 8pt;
	z-index: 120;
	display: none;
	font-weight: normal;
}
	

div.contexthelp p
{
	font-size: 8pt;
	border-bottom: solid 1px #000;
	margin-bottom: 12px;
	color: #000 !important;
}



.message
{
	border: solid 1px #666;
	background-color: #ffffff;
	padding: 5px 25px;
	margin-bottom: 8px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.message .button
{
/*
	float: right;
*/
}

.message .small
{
	font-size: 11px;
}

.message .title
{
	display: block;
	border-bottom: solid 1px #666;
	margin-bottom: 10px;
}

.message_controls
{
	text-align: right;
	font-size: 10px;
}

#content .message_controls a:link, #content .message_controls a:visited
{
	color: #335;
	text-decoration: none;
}

#content .message_controls a:hover, #content .message_controls a:active
{
	text-decoration: underline;
}

.quote
{
	border: dashed 1px #666;
	margin: 10px;
	padding: 5px;
	background-color: #ddd;
	color: #444;
}


/* div for for a forum list of ul li items in a module box */ 
.module_list
{
 	background-color: #FFFFFF;
    border: 1px solid #666666;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 220px;
}

/* The header of a forum module list box */
.module_header
{
	background: url(/fakoli/images/module_header.gif) transparent top no-repeat;	
	color: #fff;
	text-align: center;
  	font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 5px;
    width: 212px;	
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

/* forum module list */
.module_list ul
{
	padding-right: 3px;
	padding-left: 18px;
}



.password_complexity_panel .pass {
    display: block;
    color: #008800;
    background: url(/fakoli/images/on.png) 0 0 no-repeat;
    padding-left: 25px;
}

.password_complexity_panel .fail {
    display: block;
    color: #880000;
    background: url(/fakoli/images/off.png) 0 0 no-repeat;
    padding-left: 25px;
}

.snippet_preview div, .snippet_preview td, .snippet_preview th {
    border: dashed 1px #eee;
}
.snippet_preview {
    border: solid 1px #666;
    padding: 4px;
    margin-bottom: 15px;
    height: 150px;
    overflow-y: scroll;
}


#document_library_button_row
{
	padding-top: 10px;
}


#document_library .document_title
{
	font-size: 120%;
	font-weight: bold;
}

#facet_manager a.multi_select_dropdown
{
	margin-bottom: 2px;
	margin-top: 2px;
}

.document_select_text 
{
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  overflow: hidden;
  padding: 1px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 300px;
}
HARSET "ISO-8859-1";

#fileshare_content
{
	width: 100%
}	

/* submit button div block; border over, right aligned */
#fileshare_content #submit_block
{
	border-top: solid 2px #CCC; 
	padding-top: 15px; 
	padding-bottom: 0px; 
	margin-top: 20px;	
	margin-right: 0px;	
	margin-bottom: 10px;
}

#fileshare_content #submit_block a:link
{
	font-weight: bold;
}

img.button
{
	margin-top: 15px;
}

#fileshare
{
	text-decoration: none;	
	margin: 5px; 
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#fileshare_content .layout
{
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.layout .heading
{
	float: left;
	padding: 15px;
	padding-right: 20px;
	padding-left: 10px;
	vertical-align: middle;
	text-align: middle;
}


#fileshare_content #member_select #member_scrollbox
{
	border: solid 1px  #81b1c7;
	overflow: auto; 
	text-decoration: none;	
	margin: 5px;
	margin-left: 0px; 
	border-radius: 5px;
	padding: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 2px 2px 5px #CCC;
}


#fileshare_content #member_select  #member_scrollbox  .list_member
{
	background-color: #EFF2F7; 
	border: solid 1px #BCBCE9;
	float: left; 
	margin: 5px; 
	padding-left: 4px; 
	padding-right: 7px; 
	padding-top: 3px; 
	padding-bottom: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	cursor: default;
}

#fileshare #program_scrollbox li.list_member
{
	margin: 2px;
	padding: 2px; 
	max-width: 340px;	 
	display: block;
}


#fileshare .list_member .list_action
{
	width: auto:
}

#fileshare #member_scrollbox .list_member .action, 
	#fileshare #program_scrollbox .list_member img
{
	background: none;
	padding: 0px;
	margin: 0px;
}


#member_select
{
	width: auto; 
	clear:both; 
	padding: 8px; 
}


#member_select .list_member a:link, 
	#fileshare .list_member a:link
{
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

#member_select a:visited, 
	#fileshare .list_member a:visited
{
	text-decoration: none;
}

#fileshare .list_member a:hover
{
	background-color: #96A6CE;	
	display: block;
}	


#member_select a:link, #member_select a:visited
{
	display: inline;
	text-decoration: none;
	color: #ABB8D2;
	font-weight: bold;	
	padding-left: 5px;
	padding-right: 5px;	
}

.ann
{
	color: #2B388F;
	font-size: 12px;
}

img
{
	display:inline;
	vertical-align: middle;
	border: none;	
}


a.list_member
{
	color: #ABB8D2;
	font-weight: bold;	
	padding-left: 5px;
	padding-right: 5px;	
	text-decoration: none;
	
}


#right .module #fileshare_list h3.fileshare_list
{
	background-color: #EEEEEE;
	color: #000000;
	text-align: center;
	width: auto;
}



#right .module #fileshare_list h3.fileshare_list a.heading, 
#right .module #fileshare_list h3.fileshare_list a.visited
{
	text-decoration: none;
}



#right .module #fileshare_list
{
	height: 200px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 205px;
	background-color: #fff;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	border: 1px #A9CDED;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-box-shadow: 2px 2px 12px #999999;
	-webkit-box-shadow: 2px 2px 12px #999999;
}


#fileshare_list ul 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 148;
	padding-top: 8px;
}


#fileshare_list li
{
	padding-left: 5px;
	padding-bottom: 5px;
}


#fileshare_list ul li .list_member
{
	background-color: #EFF2F7; 
	float: left; 
	text-decoration: none;
	cursor: default;		
	vertical-align: middle;
	background: transparent;
	color: #fff;
	margin-left: 13px;
	height: 23px;
	position: relative;
	z-index: 148;
}

#right .module #fileshare_list ul li .action
{
	background-color: none; 
	float: left; 
	text-decoration: none;
	cursor: default;		
	vertical-align: middle;
	background: transparent;
	margin-left: 13px;
	height: 23px;
	position: relative;
	z-index: 148;
}

/* Letter section headings */
.heading_black
{
	font-size: 15px;
	font: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
    border-bottom: 1px solid #808080;
}



/* box border under tab bar */
#fileshare_content #tab_border {
	clear: left;
	border: solid 1px #000; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 4px;
}


#library_search .paginator
{
	clear: both;
}

#buttons
{
	margin-top: 10px;
}


#tabs.fileshare
{
	width: 100%
}

#library_documents.list
{
	width: 100%
}

#library_documents .document_title
{
	font-size: 120%;
	font-weight: bold;
}


.Standard
{
	list-style: none;
}

.Standard li
{
	margin-bottom: 15px;
/*
	border-bottom: solid 1px #ccc;
*/
	padding-bottom: 5px;
}

.Standard a, .Standard a:link, .Standard a:visited
{
	color: #000;
}

.Standard a:hover, .Standard a:active
{
	text-decoration: underline;
}

.Standard img
{
	margin: 5px;
	border: solid 1px #666;
}

.Standard .article_summary
{
}

.Standard h4
{
	color: #333;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
}

.recent_articles
{
	list-style: none;
	padding-left: 0;
}

.recent_articles a
{
	font-size: 10px;
	font-weight: normal;
}

.blog_timestamp
{
	display: block;
	font-style: italic;
	margin-top: 8px;
}

.blog_tags
{
	display: block;
	font-style: italic;
	margin-top: 8px;
}

#inline_editing,
.inline_editor_toolbar {
  background-color: #F5F5F5;
  border: 1px solid #666;
  border-radius: 0;
  box-shadow: 1px 1px 3px #888888;
  padding: 4px;
  margin: 0;
}


#inline_editing a,
#inline_editing a:visited,
.inline_editor_toolbar a,
.inline_editor_toolbar a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #050505;
	padding: 4px 10px;
	background: #f8f8f8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8f8f8 24%, #bbbbbb 93%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#f8f8f8), color-stop(93%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 24%,#bbbbbb 93%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 24%,#bbbbbb 93%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 24%,#bbbbbb 93%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f8 24%,#bbbbbb 93%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */		

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
	text-decoration: none;
	display: inline-block;
}

#inline_editing a:hover,
#inline_editing a:active,
.inline_editor_toolbar a:hover,
.inline_editor_toolbar a:active
{
	border: solid 1px #888;
}

#inline_editing a.pushbutton.first,
.inline_editor_toolbar a.pushbutton.first
{
    border-left: 1px solid #888;
    border-radius: 5px 0 0 5px;
}

.inline_border_shim
{
	display: none;
	position: absolute;
	border: dashed 1px #666;
	pointer-events: none;
}

#inline_editing a.pushbutton.last,
.inline_editor_toolbar a.pushbutton.last 
{
    border-radius: 0 5px 5px 0;
}

#inline_editing a.pushbutton.selected,
.inline_editor_toolbar a.pushbutton.selected 
{
    background: #316b14;
    color: #fff;
}

#inline_editing span.version,
.inline_editor_toolbar span.version 
{
  display: inline-block;
  font-size: 10pt;
  margin: 0 10px;
  vertical-align: middle;
  color: #333;
}


#email_recipients .email_recipient_scrollbox 
{
    border: 1px solid #81B1C7;
    border-radius: 5px 5px 5px 5px;
    margin: 5px 5px 5px 0;
    overflow: auto;
    padding: 5px;
    text-decoration: none;
}

#email_recipients .email_recipient_scrollbox .email_recipient
{
    background-color: #EFF2F7;
    border: 1px solid #BCBCE9;
    border-radius: 5px 5px 5px 5px;
    cursor: default;
    float: left;
    margin: 5px;
    padding: 0px 7px 5px 4px;
    text-decoration: none;	
}

#email_recipients .email_recipient_scrollbox .email_recipient a.remove_recipient
{
    text-decoration: none;	
    font-weight: bold;
    padding-left: 7px;
    padding-right: 0px;
    font-size: 11px;
    vertical-align: super;
}


#message_send_result
{
	margin-top: 10px;
    border: none;
    border-radius: 8px 8px 8px 8px;
    color: #000000;
    padding: 5px 5px 5px 5px;
    width: auto;
    display: inline-block;
   	background-color: #FFFF99; 
}

#message_send_result.fail
{
	background-color: red;
}




#questionnaire_tab_border
{
	border: solid 1px #666; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 4px;
	box-shadow: 1px 1px 5px #666;
}
.questionnaire_form

{
	clear: left;
	border: none; 
	padding: 4px; 
	width: 600px;
}


#QuestionSets tr.expanded td
{
	background: url(/fakoli/images/open.gif) left center no-repeat transparent;	
	padding-left: 5px;
	margin-left: 5px;
	background: none;
}

/* 
need to set fixed width so that when js shows/hides
fields when question type changes, columns, the label 
column doesn't change.
*/
td.question_form_label {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
	color: #000;
	border-bottom: 0;
	width: 35%;
}

.incorrect_answer label,
.correct_answer label
{
	margin-left: 25px;	
}

.incorrect_answer,
.correct_answer
{
	padding-top: 5px;	
}

.incorrect_answer
{
	background: url(/fakoli/images/off.png) bottom left no-repeat transparent;
}

.correct_answer
{
	background: url(/fakoli/images/on.png) top left no-repeat transparent;
}


.questionnaire_tester_block,
	.questionnaire_tester_block_intro
{
	background-color: #DCDCDC;
	width: 70%;
	margin: 25px;
	padding: 8px;
	box-shadow: 1px 1px 5px #666;		
	-moz-border-radius: 5px;
}

.questionnaire_tester_block_intro
{
	background-color: #DCDCDC;
	padding: 3px;
	margin: 10px;
	box-shadow: 1px 1px 5px #666;		
	-moz-border-radius: 5px;		
}

.questionnaire_tester_block .error
{
	color: red;
}

.questionnaire_tester_block .button_row
{
	padding-left: 40%;
	padding-top: 10px;
}

td.value .button_row
{
	padding-top: 5px; 
	line-height: normal;
}

.questionnaire_tester_block p a:link
 .questionnaire_tester_block p a:visited,
 .questionnaire_tester_block p a:hover
{
	text-decoration: underline;
	font-weight: bold;
}

.questionnaire_tester_block a:link
{
	text-decoration: underline;
	font-weight: bold;	
}

.questionnaire_tester_block .button
{
  background-color: #5c6a82;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3afc1 0%), to(#5c6a82 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #a3afc1 0%, #97a0af 50%, #8f9bb0 50%, #5c6a82 100%);
  background-image: -moz-linear-gradient(top, #a3afc1 0%, #97a0af 50%, #8f9bb0 50%, #5c6a82 100%);
  background-image: -ms-linear-gradient(top, #a3afc1 0%, #97a0af 50%, #8f9bb0 50%, #5c6a82 100%);
  background-image: -o-linear-gradient(top, #a3afc1 0%, #97a0af 50%, #8f9bb0 50%, #5c6a82 100%);
  background-image: linear-gradient(top, #a3afc1 0%, #97a0af 50%, #8f9bb0 50%, #5c6a82 100%);
  border: 1px solid #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font: normal 11pt calibri, helvetica,arial,sans-serif;
  padding: 1px 6px;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #5C6A82;
  box-shadow: none;
}


.questionnaire_action_result
{
	background-color: #DCDCDC;
	margin: 5px;
	padding: 8px;
	box-shadow: 2px 2px 5px #AAAAAA;
	-moz-border-radius: 5px;
	-moz-box-shadow: 2px 2px 5px #AAAAAA;
	-webkit-box-shadow: 2px 2px 5px #AAAAAA;
	width: 400px;
}

.dashboard_action_result
{
	font-size: 10px;
	width: auto;
	color: green;
	display: block;
}


#warning {
	font-size: 10pt;
	color: #CC0000;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(/fakoli/images/warning_icon.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

.default_confirmation
{
	width: 57%;
	background-color: #FFFFFF;
	border: solid 1px  #81b1c7;
	margin: 7px;
	border-radius: 5px;
	padding: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 2px 2px 5px #CCC;
	
}


/* Questionnaire/Survey Preview */

.questionnaire_preview
{
	padding-top: 15px;
}

.questionnaire_preview legend
{
 	padding-top: 5px;
}

.questionnaire_preview table.form td.label
{
	width: 200px;
}

#content .questionnaire_preview a:link
{
	text-decoration: none;	
	font-size: 12px;
	font-weith: normal;
	text-decoration: none;
	color: rgb(0, 42, 108);
}

#content .questionnaire_preview a.button
{
	color: #fff;
}

.label_email
{
	width: 30px;
	text-align: right;
	vertical-align: top;
}

.questionnaire_preview table.email_preview tr
{
	vertical-align: top;
	height: 25px;
	font-family: Courier;
}

.questionnaire_preview table.email_preview td .value_email
{
	width: 900px;
	vertical-align: top;	
}

.questionnaire_preview fieldset {
    background: url("/fakoli/images/widget_heading_background.gif") repeat-x scroll left top #EEEEEE;
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px #666666;
    margin: 0 0 10px;
    padding: 35px 10px 15px;
    position: relative;
}

.questionnaire_preview legend 
{
    color: #002A6C;
    font-size: 12pt;
    font-weight: bold;
    position: absolute;
    top: 2px;
}
 /* end Questionnaire/Survey Preview */
 
 
/* Start Survey */
#SurveyQuestionSets .list tr.expanded td
{
	padding-left: 80px;
	margin-left: 80px;
	background: url();
}

#survey_tab_border
{
	border: solid 1px #666; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 4px;
	box-shadow: 1px 1px 5px #666;
}

table.survey {
	background-color: transparent;
	border: solid 1px #666;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	vertical-align: top;
	line-height: 20px
}

table.survey th {
	background-color: #eeeeee;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	border: 0;
}

table.survey td {
	padding: 4px;
	border: 0;
}

table.survey tr.alt {
	background-color: transparent;
	border: 0;
}

/* survey dashboard progress bar */
.progress_bar {
	width: 70%;
	border: 1px solid #666;
	background-color: #eeeeee;
	height: 15px;
}

.progress_bar .progress {
	background-color: #00CD00;
	height: 15px;
}

table.survey div.col2 {
	float: right;
	background-color: #fff;
	width: 25%;
	height: auto;
	z-index: 2;
	margin-right: 5px;
	padding-right: 10px;
	text-align: center;
}
/* end survey dashboard progress bar */



.imageLink a
{
	text-align: center;	
	text-decoration: none;
	color: #000;
	display: block;
	text-align: center;
	border: none;
    border-radius: 5px;
    box-shadow: none;
    transition: all .5s;
}

.imageLink img
{
	display: inline-block;
	vertical-align: middle;
}

.imageGrid 
{
	margin:0;
	padding:15px 8px 0;
	list-style: none;
}
.imageGrid li 
{
	display: block;
	margin: 4px;
	padding:0;
	vertical-align:top;
	float: left;
	position: relative;
}

body.ie7 .imageGrid li
{
	width: 150px;
	float: left;
	
}

.imageGrid li > div 
{
	display:table;
	width:150px;
}

body.ie7 .imageGrid li > div
{
	display: block;
}

.imageGrid a 
{
	background-color:#fff;
	color:#000000;
	cursor:pointer;
	display:block;
	text-decoration:none;
	height: 175px;
}

body.ie .imageGrid a
{
	text-decoration: none !important;
}

.imageGrid a:hover
{
	background-color: #337AB7;
	color: #fff;
}

.imageGrid > li .wrapImage 
{
	display:table-cell;
	height: 150px;
	vertical-align:middle;
	width: 150px;
}

body.ie7 .imageGrid > li .wrapImage 
{
	display: block;
	height: 150px;
	width: 150px;
}

.imageGrid img 
{
	border: solid 1px #ccc;
	vertical-align:middle;
	background-color: #fff;
}

body.ie7 .imageGrid img
{
	*clear: expression(
	style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
	style.clear = "none", 0);
}

.imageGrid .caption 
{
	display:block;
	font-size: 0.75em;
	line-height:1.1;
	padding:0.3em 5px;
	width:135px;
	position: absolute;
	bottom: 0;
	left: 0;
}

body.ie7 .imageGrid .caption,
body.ie8 .imageGrid .caption
{
	margin-bottom: 2px;
}

#image_grid
{
	width: 100%; 
	border: solid 1px #000;	
}

#images_box
{
	overflow:auto; 
	height: 260px;
	border: solid 1px #666;
	padding-bottom: 10px;
}

#container #image_gallery_detail
{
	width:100%; 
	border: solid 1px black; 
	margin: 0; 	
}

#container #image_detail
{
	padding: 0;
	padding: 8px;	
}

.image_grid
{
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.image_grid li
{
	float: left;
	margin: 20px;
	cursor: pointer;
	width: 210px;
	height: 250px;
	padding: 0 0 5px;
}

.image_grid div
{
	font-size: 9pt;
	width: 200px;
	height: 240px;
	padding: 5px;
	text-align: center;
	box-shadow: 1px 1px 12px #666;
	cursor: pointer;
	line-height: 1.2;
	overflow: hidden;
}


.color_picker
{
	border: solid 1px #666;
	background-color: #eee;
	-moz-box-shadow: 2px 2px 12px #444;
	-webkit-box-shadow: 2px 2px 12px #444;
	box-shadow: 2px 2px 12px #444;
	z-index: 300;
}

.color_picker table
{
	margin: 4px;
}

.color_picker td
{
	margin: 0px 2px;
	border: solid 1px #666;
	height: 8px;
	width: 8px;
	cursor: pointer;
	font-size: 8px;
}

.color_swatch
{
	margin: 2px;
	border: solid 1px #666;
	height: 12px;
	width: 12px;
	cursor: pointer;
	font-size: 12px;
}

.color_picker td.hover
{
	border: solid 1px yellow;
}



#fullcalendar
{
	border: none;
	border-collapse: collapse;
	width: 100%;
}

#fullcalendar table
{
	border-collapse: collapse;
	border: solid 1px #666;
	width: 100%;
}

#fullcalendar th
{
	text-align: center;
	border: none;
	background-color: #325E9E;
	color: #fff;
	height: 25px;
}

#fullcalendar td
{
	border: solid 1px #666;
	height: 60px;
	line-height: 100%;
	padding: 1px;
	vertical-align: top;
	background: white;
}

#fullcalendar td.month
{
	border: solid 1px #FFF;
	margin-bottom: 5px;
	height: 33px;
	text-align: center;
	vertical-align: middle;
	background: #FFF;
	font-weight: bold;
	color:#333333;
	font-size: 20px;
}

#fullcalendar td.empty
{
	background-color: #eee;
	border: none;
	border-top: solid 1px #666;
}

#fullcalendar .small
{
	font-size: 8pt;
}

#fullcalendar .time
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


#minicalendar
{
	border: solid 1px #666666 !important;
	width: 170px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#minicalendar table
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-size: 9px;
	text-align: center;
	width: 100%;
	
}

#minicalendar th
{
	background: #BCCBD6;
	color: #000;
	padding: 4px;
	text-align: center;
}

#minicalendar td
{
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	vertical-align: top;
	padding: 4px;
	background-color: #fff;
}

#minicalendar td.month
{
	font-weight: bold;
	font-size: 10px;
	color: #000;
	background-color: #BCCBD6;
	text-align: center;
	vertical-align: middle;
	border-right: none;
	border-bottom: #000;
}

#minicalendar td.empty
{
	background-color: #eee;
}
	
#minicalendar td.event
{
	font-weight: bold;
	background-color: #57B6DD;
}

#minicalendar td.event a:link
{
	font-size: 9px;
	margin: 0;
}

#minicalendar td.today
{
	background-color: #ffa;
}

.event_summary
{
	display: block;
	line-height: 110%;
	border: solid 1px #393683;
	padding: 1px;
	background-color: #eee;
	color: #000;
	outline: none;
	font-size: 10px;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 2px 2px 5px #AAAAAA;
	-webkit-box-shadow: 2px 2px 5px #AAAAAA;
	box-shadow: 2px 2px 5px #AAAAAA;
}

.event_summary h4
{
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: solid 1px #393683;
	color: #ddf;
	background-color: #393683;
}

.event_summary a.button
{
	display: block;
	width: 55px;
	padding: 0px;
	text-align: center;
	margin: 8px 2px 2px auto;
}

.event_summary .status
{
	font-weight: normal;
}

.event_summary:hover
{
	background-color: #d9e3f2;
	text-decoration: none;
}

.eventprogramtitle
{
	background-color: #393683;
	color: #fff;
	font-size: 7pt;
	width: 100%;
	padding: 1px;
	margin-bottom: 2px;
}

body.program .eventprogramtitle
{
	background-color: #393683;
}


.event_bubble
{
	display: none;
	position: absolute;
	background: url(/components/calendar/images/event_bubble_top.png) top left no-repeat transparent;
	width: 220px;
	padding-top: 16px;
	z-index: 90;
}

body.ie7 .event_bubble,
body.ie8 .event_bubble,
body.ie9 .event_bubble
{
	background: url(/components/calendar/images/event_bubble_top.png) top left no-repeat;
}

.event_bubble_content
{
	width: 180px;
	min-height: 60px;
	height: auto !important;
	height: 30px;
	background: url(/components/calendar/images/event_bubble_middle.png) top left repeat-y transparent;
	text-align: left;
	padding-left: 15px;
	padding-right: 40px;
}

body.ie7 .event_bubble_content,
body.ie8 .event_bubble_content,
body.ie9 .event_bubble_content
{
	background: url(/components/calendar/images/event_bubble_middle.png) top left repeat-y;
}

.event_bubble_content h4
{
	margin-top: 0px;
}

.event_bubble_content h5
{
	margin: 0px;
	font-size: 11px;
}

.event_bubble_content p
{
	margin: 0;
	color: #000;
	font-size: 10px;
}

.event_bubble_bottom
{
	width: 220px;
	height: 53px;
	background: url(/components/calendar/images/event_bubble_bottom.png) top left no-repeat transparent;
}

body.ie7 .event_bubble_bottom,
body.ie8 .event_bubble_bottom,
body.ie9 .event_bubble_bottom
{
	background: url(/components/calendar/images/event_bubble_bottom.png) top left no-repeat;
}

#fullcalendar .filtered
{
	display: none;	
}

.events_more
{
	padding-top: 4px;
	padding-bottom: 4px;
}

.event_list_detail .event_details .event_contents
{
	border-bottom: dashed 1px #CCC;
}

#fullcalendar .over_max
{
	display: none;
}


#custom_report
{
	border: solid 1px #666;
	border-radius: 15px;
	box-shadow: 1px 1px 10px #666;
	background-color: #ddd;
	padding: 0px 30px 20px;
	margin-top: 20px;
}

body.ie7 #custom_report
{
	padding-top: 20px;
}

#report_table_navigator
{
	width: 300px;
	float: left;
}

div.report_table
{
	border: solid 1px #666;
	background-color: #AEBFDA;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #666;
	margin-bottom: 10px;
	cursor: pointer;
}

div.report_table h3
{
	color: #fff;
	padding: 5px 10px;
	margin: 0;
}

a.report_table_help_icon
{
	float: right;
}

div.report_table_help
{
	position: absolute;
	border: solid 1px #000;
	background-color: #ffffdd;
	color: #000;
	white-space: normal;
	margin: 4px;
	padding: 4px;
	font-size: 10pt;
	z-index: 120;
	font-weight: normal;
	-moz-box-shadow: 3px 3px 8px #666; 
	box-shadow: 3px 3px 8px #666; 
	border-radius: 5px;
	visibility: hidden;	
}

div.report_table div.columns
{
	padding: 5px 10px 10px;
	background: #fff;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	display: block;
	border: none;
	cursor: default;
	color: #666;
}

div.selected_table
{
	background-color: #2B388C;
}
	
div.selected_table div.columns
{	
	background-color: #d7dee7;
	color: #000;
}
div.selected_table div.columns
{
	border-top: solid 1px #666;
}

div.report_table .select_all
{
	float: left;
}

div.report_table .show_all
{
	float: right;
}

.column, .column input
{
	cursor: pointer;
}

.column
{
	display: block;
	text-indent: -24px;
	padding-left: 24px;
}

.selected_column
{
	font-weight: bold;
}

.select_all, .show_all
{
	cursor: pointer;
}

#report_filter_navigator
{
	float: left;
	width: 530px;
	padding-left: 30px;
}


div.report_filter
{
	border: solid 1px #666;
	background: url(/components/report_manager/images/report_filter_open.png) top right no-repeat #444;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #666;
	margin-bottom: 10px;
	cursor: pointer;
}

div.report_filter.collapsed
{
	background-image: url(/components/report_manager/images/report_filter_closed.png);
}

div.report_filter h3
{
	color: #fff;
	padding: 5px 10px;
	margin: 0;
}

div.report_filter div.filter
{
	padding: 0 10px;
	background: #eee;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	display: block;
	border: none;
	cursor: default;
	color: #333;
}

div.selected_table div.filter
{
	border-top: solid 1px #666;
}


		
.image_picker_header
{	
	background: #f8f8f8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8f8f8 24%, #bbbbbb 93%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#f8f8f8), color-stop(93%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 24%,#bbbbbb 93%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 24%,#bbbbbb 93%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 24%,#bbbbbb 93%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f8 24%,#bbbbbb 93%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */

	border: solid 1px #666; 
	width: 95%;
	margin-left: 10px; 
	padding: 2px;
}
				
#image_picker_preview
{
	border:1px inset #888;
	display:table-cell;
	height:200px;
	text-align:center;
	vertical-align:middle;
	width:200px;
	margin-left: 20px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #eee;
}



#link_picker_panel
{
	border: solid 1px #333
}

#link_picker_panel .scrollbox
{
	height: 250px; 
	overflow: scroll; 
	border: none;	
}

#link_picker_panel .facet_form
{
	padding-top: 5px;
}

#link_picker_document_list a:hover
{
	color: #fff;
	background-color: #325E9E;
}

#link_picker_document_list a:focus
{
	background-color: #666;
	color: #fff;
}

#link_picker_document_list a.selected, 
#link_picker_document_list tr.selected a:hover,
#link_picker_document_list tr.selected a:focus,
#link_picker_document_list tr.selected a,
#link_picker_document_list tr.selected:hover,
#link_picker_document_list tr.selected
{
	background-color: #BFE0EE; 
	color: #000000;
	text-decoration: none;
}

span.glossary_term {
    display: inline-block;
    border-bottom: dashed;
    cursor: pointer;
    font-weight: bold;
}

.glossary_tooltip > p {
    margin: 0;
}

.glossary_tooltip {
    display: none;
    position: absolute;
    background: #ffe;
    border: solid 1px #666;
    padding: 10px;
    border-radius: 8px;
    font-weight: normal;
}

span.glossary_term:hover .glossary_tooltip,
span.glossary_term.tapped .glossary_tooltip
{
	display: block;
}


.process_progress_bar
{
	border: solid 1px #000;
	border-radius: 3px;
	background-image: linear-gradient(bottom, rgb(11,78,192) 39%, rgb(38,110,231) 70%, rgb(65,143,255) 85%);
	background-image: -o-linear-gradient(bottom, rgb(11,78,192) 39%, rgb(38,110,231) 70%, rgb(65,143,255) 85%);
	background-image: -moz-linear-gradient(bottom, rgb(11,78,192) 39%, rgb(38,110,231) 70%, rgb(65,143,255) 85%);
	background-image: -webkit-linear-gradient(bottom, rgb(11,78,192) 39%, rgb(38,110,231) 70%, rgb(65,143,255) 85%);
	background-image: -ms-linear-gradient(bottom, rgb(11,78,192) 39%, rgb(38,110,231) 70%, rgb(65,143,255) 85%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.39, rgb(11,78,192)),
		color-stop(0.7, rgb(38,110,231)),
		color-stop(0.85, rgb(65,143,255))
	);
	
	height: 16px;
	clear: both;
	margin: 4px -4px 4px 4px;
}

.process_progress_bar.completed
{
	background: #42ff42; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiM0MmZmNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMyN2U1MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiMwYmJmMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #42ff42 15%, #27e527 30%, #0bbf0b 61%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#42ff42), color-stop(30%,#27e527), color-stop(61%,#0bbf0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #42ff42 15%,#27e527 30%,#0bbf0b 61%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #42ff42 15%,#27e527 30%,#0bbf0b 61%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #42ff42 15%,#27e527 30%,#0bbf0b 61%); /* IE10+ */
	background: linear-gradient(to bottom,  #42ff42 15%,#27e527 30%,#0bbf0b 61%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42ff42', endColorstr='#0bbf0b',GradientType=0 ); /* IE6-8 */
}

.process_progress_bar.error
{
	background: #ff0000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiNlMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MiUiIHN0b3AtY29sb3I9IiNiYTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff0000 15%, #e00000 28%, #ba0000 42%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#ff0000), color-stop(28%,#e00000), color-stop(42%,#ba0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff0000 15%,#e00000 28%,#ba0000 42%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff0000 15%,#e00000 28%,#ba0000 42%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff0000 15%,#e00000 28%,#ba0000 42%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff0000 15%,#e00000 28%,#ba0000 42%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ba0000',GradientType=0 ); /* IE6-8 */
}
.process_message
{
	float: left;
	width: auto;
	margin: 4px;
}

.process_percentage
{
	float: right;
	width: auto;
	margin: 4px;
}

#page_rating_widget {
  display: block;
  float: right;
  width: auto;
}

.page_rating_title {
  display: inline-block;
  margin: 2px 4px 0;
}
.terms_container
{
	width: 100%; 
	height: 440px; 
	overflow-y: scroll;
	margin-bottom: 4px;
	padding:0 10px
}


.videoLink a
{
	text-align: center;	
	text-decoration: none;
	color: #000;
	display: block;
	text-align: center;
	border:1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 2px 2px 12px #888;
	-webkit-box-shadow: 2px 2px 12px #888;
	box-shadow: 2px 2px 12px #888;
	height: 130px;
	padding-top: 10px;
}

.videoLink img
{
	display: inline-block;
	vertical-align: middle;
}

.videoGrid 
{
	margin:0;
	padding:15px 8px 0;
}
.videoGrid li 
{
	display:inline-block;
	margin: 4px;
	padding:0;
	vertical-align:top;
}
.videoGrid li > div 
{
	display:table;
	width:150px;
}

.videoGrid a 
{
	background-color:#eef;
	color:#000000;
	cursor:pointer;
	display:block;
	text-decoration:none;
}

.videoGrid > li .wrapImage 
{
	display:table-cell;
	height: 150px;
	vertical-align:middle;
	width: 150px;
}

.videoGrid img 
{
	border:1px solid #666;
	vertical-align:middle;
}

.videoGrid .caption 
{
	display:block;
	font-size: 0.9em;
	line-height:1.1;
	padding:0.3em 5px;
	width:150px;
}

#video_grid
{
	width: 100%; 
	border: solid 1px #000;	
}

#videos_box
{
	overflow:auto; 
	height: 260px;
	border: none;
	border-bottom: solid 1px #666;
	padding-bottom: 10px;
}

#container #video_gallery_detail
{
	width:100%; 
	border: solid 1px black; 
	margin: 0; 	
}

#container #video_detail
{
	padding: 0;
	padding: 8px;	
}


#library_links
{
	list-style: none;
	padding-left: 0;
}


#feedback
{
	position: fixed;
	width: 338px;
	margin: 0;
	padding: 0;
	bottom: 0;
	right: 20px;
	z-index: 999;
}

#feedback .module
{
	background-color: transparent;
}

#feedback_closed
{
	background-color: #DDDDDD;
	
	background-image: linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	background-image: -o-linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	background-image: -moz-linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	background-image: -webkit-linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	background-image: -ms-linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(170,170,170)),
		color-stop(0.39, rgb(204,204,204)),
		color-stop(0.77, rgb(238,238,238))
	);

	opacity: 0.85;
	border-radius: 5px 5px 0 0;
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	box-shadow: 1px 1px 5px #666666;
	height: 29px;
	line-height: 29px;
	color: #000;
	font-weight: bold;
	padding-left: 9px;
	cursor: pointer;
}



#feedback_open
{
	background-color: #DDDDDD;
	
	background-image: linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	background-image: -o-linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	background-image: -moz-linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	background-image: -webkit-linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	background-image: -ms-linear-gradient(bottom, rgb(170,170,170) 1%, rgb(204,204,204) 39%, rgb(238,238,238) 77%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(170,170,170)),
		color-stop(0.39, rgb(204,204,204)),
		color-stop(0.77, rgb(238,238,238))
	);

	opacity: 1;
	border-radius: 5px 5px 0 0;
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	box-shadow: 1px 1px 5px #666666;
	color: #000000;
	cursor: pointer;
	font-weight: bold;
	height: 69px;
	line-height: 29px;
	padding-left: 7px;
	position: relative;
}

#feedback_open_title
{
	display: inline-block;
	padding: 0px 50px 0px 2px;
}

#feedback_send_button
{
	color: #666666;
	display: block;
	height: 20px;
	left: 270px;
	line-height: 20px;
	margin-top: 4px;
	padding: 0 14px;
	position: absolute;
	text-decoration: none;
	top: 0;
}

#feedback_send_button:hover,
#feedback_send_button:active
{
	color: #000;
}
		
#feedback_textarea
{
	width: 323px;
	height: 30px;
	border: solid 1px #bfbfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #444;
}

#feedback_thanks
{
	display: none;
	position: absolute;
	color: #1a355f;
	text-align: center;
	font-size: 11pt;
	top: 31px;
	left: 20px;
}

#try_this
{
	position: fixed;
	width: 99px;
	margin: 0;
	padding: 0;
	bottom: 0;
	right: 360px;
	z-index: 999;
}

#try_this_button
{
	display: block;
	width: 99px;
	margin: 0;
	padding: 0;
	line-height: 29px;
	color: #000;
	font-weight: bold;
	padding-left: 30px;
	cursor: pointer;
	background: url(/components/feedback/images/try_this.png) bottom left no-repeat transparent;
}

#try_this_button a,
#try_this_button a:link,
#try_this_button a:hover,
#try_this_button a:active
{
	color: #000;
	text-decoration: none;
}

table.list tr.matching 
{
  background-color: #CBE5CB;
}

table.list tr.new
{
	background-color: #ffe;	
}

#sync_controls
{
	border: solid 1px #666;
	border-radius: 3px;
	background-color: #ffffe7;
	white-space: normal;
	padding: 4px;
	margin: 20px 0;
	font-weight: normal;
	-moz-box-shadow: 1px 1px 5px #888; 
	box-shadow: 1px 1px 5px #888; 
}

#sync_controls *
{
	display: inline-block;
	margin: 10px;
}


#search_results img.search_result_icon
{
	display: inline-block;
	vertical-align: middle;
}



.comment_confirmation
{
	margin-top: 10px;
	background-color: #FFFF99;
    border: none;
    border-radius: 8px 8px 8px 8px;
    color: #000000;
    padding: 5px 5px;
    width: 400px;
}

#comment_list .message_content .button_row
{
	padding-bottom: 5px;
	padding-top: 5px;
}

p.version_info 
{
  background-color: #fffff5;
  border: 1px solid #666;
  border-radius: 5px;
  margin: 10px 5px;
  padding: 5px;
  position: relative;
}	


p.version_info a.approve {
  padding: 2px 8px;
  position: absolute;
  right: 2px;
  text-decoration: none;
  top: 2px;
  vertical-align: middle;
}

p.version_info a.approve:hover
{
	color: #000;
	background: #f8f8f8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMyUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiNjZmNlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8f8f8 13%, #cfceef 63%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#f8f8f8), color-stop(63%,#cfceef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 13%,#cfceef 63%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 13%,#cfceef 63%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 13%,#cfceef 63%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f8 13%,#cfceef 63%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cfceef',GradientType=0 ); /* IE6-8 */
	
}



div#puzzle {
  display: table-cell;
}

table.puzzle
{
	float: left;
}
table.puzzle td {
  border-spacing: 5px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  border-radius: 3px;
}

table.puzzle td.cell {
  background-color: #DDDDDD;
}

table.puzzle td.endpoint {
  border: 1px solid #AAAAAA;
  cursor: pointer;
}

table.puzzle td.endpoint:hover
{
	background-color: #A4DDF4;
}

table.puzzle td.inpath
{
	background-color: #8BEF9A
}

table.puzzle td.exitpoint
{
	background-color: #ff8;
}

span.variable {
  background-color: #529117;
  border: 2px solid #FFFFFF;
  border-radius: 15px;
  color: #FFFFFF;
  display: inline-block;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
}

div#instructions {
  float: left;
  padding: 0 0 20px 40px;
  width: 530px;
}

div#instructions h2
{
	padding: 10px;
	margin: 0;
	text-align: center;
	background-color: #ffd;
	border-radius: 8px;
	border: solid 1px #666;
}

#instructions > p 
{
  font-size: 12pt;
}

.button {
	font-size: 14px;
	color: #050505;
	padding: 5px 20px;
	text-decoration: none;
	
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #949494;
	-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);
	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,1);
}

#timer {
  background-color: #FFFFDD;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  box-shadow: 1px 1px 5px #AAAAAA;
  float: right;
  padding: 10px;
  width: 100px;
}

#time_display {
  font-size: 24pt;
  text-align: center;
  width: 100px;
  height: 100px;
}

#explanation {
  background-color: #FFFFDD;
  border-radius: 10px;
  box-shadow: 1px 1px 5px #888888;
  float: left;
  margin-bottom: 10px;
  padding: 10px;
  width: 510px;
}

#explanation h3 {
  margin-top: 5px;
}

#explanation p
{
	font-size: 12pt;
}


#slideshow
{
	width: 500px;
	border: solid 1px black;
	border-bottom: none;
}

#slideshow td
{
	padding: 0 !important;
}

#thumbnails
{
	width: 500px;
	border: solid 1px black;
	border-top: none;
}

#viewport {
	/*position: relative;*/
	float: left;
	width: 100%;
	height: 400px;
	border: none;
	overflow: hidden;
}

#gallery {
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
	background: #2a2a2f;
	border: none;
	overflow: hidden;
}
 
#progress {
	position: absolute;
	margin: 10px auto;
	width: 300px;
	height: 30px;
	padding: 2px;
	z-index: 100;
	visibility: hidden;
}

#progress .border
{
	width: 300px;
	height: 15px;
	border: 2px solid #dfdfdf;
	text-align: left;
	font-size: 10px;
	font-family: sans-serif;
	color: #fff;
	background: none;
}

#progress .bar {
	position: relative;
	width: 0px;
	text-align: left;
	font-size: 10px;
	font-family: sans-serif;
	height: 15px;
	background: #888;
	color: #fff;
	font-weight: bold;
}

#progress .text
{
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-align: left;
}

#progress_count
{
	position: relative;
	top: -14px;
	font-weight: bold;
}
#controlbar
{
	background-color: #2a2a2f;
	border-top: solid 2px #5f5f5f;
	padding: 2px;
	height: 36px;
	vertical-align: top;
}

#caption
{
	color: #fff;
	font-size: 10px;
	font-family: sans-serif;
	padding-left: 4px;
}

#credit
{
	background-color: #2a2a2f;
	border-bottom: solid 2px #5f5f5f;
	padding: 2px;
	vertical-align: middle;
	text-align: right;
	color: #fff;
	font-size: 10px;
	font-family: sans-serif;
	padding-left: 4px;
}

#caption a, #credit a
{
	text-decoration: none;
	color: #fff;
}

#caption a:hover, #credit a:hover
{
	color: #ccc;
}	

#scroll_left
{
	clear: left;
	float: left;
	width: 22px;
	background: url(/fakoli/slideshow/images/scroll_left.gif) center center no-repeat #cccccc;
	height: 80px;
	/*border: 2px solid #5f5f5f;*/
	cursor: pointer;
}

#scroll_right
{
	float: left;
	width: 22px;
	background: url(/fakoli/slideshow/images/scroll_right.gif) center center no-repeat #cccccc;
	height: 80px;
	/*border: 2px solid #5f5f5f;*/
	cursor: pointer;
}

#thumbnail_strip
{
	float: left;
	margin: 0px auto;
	width: 468px;
	height: 80px;
	background: #2a2a2f;
	vertical-align: center;
	overflow: hidden;
	position: relative;
}

#thumbnail_highlight
{
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	width: 0px;
	z-index: 0;
	background-color: #96acf0;
	border: solid 1px #b1c2f5;
	visibility: hidden;
}

#play_button
{
	float: left;
	width: 24px;
	height: 24px;
	background-image: url(/fakoli/slideshow/images/play.gif);
	cursor: pointer;
}

#play_button .stop
{
	float: left;
	width: 24px;
	height: 24px;
	background-image: url(/fakoli/slideshow/images/stop.gif);
}	

#info_button
{
	float: left;
	width: 24px;
	height: 24px;
	background-image: url(/fakoli/slideshow/images/info.gif);
	cursor: pointer;
}

#zoom_overlay
{
	position: absolute;
	background-color: transparent;
	padding-right: 12px;
	padding-top: 12px;
	opacity: 0;
	left: 460px;
	z-index: 255;
}

#zoomer
{
	width: 24px;
	height: 120px;
	background-color: transparent;
	border: none !important;
}

#zoom_in
{
	width: 24px;
	background: url(/fakoli/slideshow/images/zoom_in.gif) center center no-repeat transparent;
	height: 24px;
	cursor: pointer;
	border: none !important;
}

#zoom_out
{
	width: 24px;
	background: url(/fakoli/slideshow/images/zoom_out.gif) center center no-repeat transparent;
	height: 24px;
	cursor: pointer;
	border: none !important;
}

#zoom_slider
{
	height: 200px;
	border: none !important;
}

#zoom_scale
{
	height: 200px;
	background: url(/fakoli/slideshow/images/zoom_tick.gif) top center transparent;
	border: none !important;
}

#zoom_thumb
{
	height: 12px;
	width: 100%;
	font-size: 7pt;
	color: #cccccc;
	position: absolute;
	cursor: pointer;
}	


#slideshow_lightbox
{
	border: solid 1px #000;
	background-color: #fff;
	padding: 4px;
	margin: 0px;
	vertical-align: top;
	width: 600px;
	display: none;
}

#close_lightbox
{
	text-decoration: none;
	color: #fff;
	font-size: 12pt;
	background-color: #336699 !important;
}

#close_lightbox:hover
{
	text-decoration: underline;
	background-color: #336699 !important;
}

#lightbox_caption
{
	font-size: 8pt;
}

#lightbox_link
{
	font-size: 8pt;
	float: right;
}

#lightbox_credit
{
	font-size: 8pt;
	float: left;
}

#lightbox_save_link
{
	font-size: 8pt;
	clear: left;
	line-height: 24px;
	width: 100%;
	text-align: center;
}

#lightbox_save_link a
{
	color: blue !important;
}


#lightbox_save_link a.button
{
	font-weight: normal;
	font-size: 8pt;
	color: #000 !important;
	border: solid 1px #888 !important;
	display: block;
	padding: 3px;
	text-decoration: none !important;
}

#lightbox_save_link a.button:visited
{
	font-weight: normal;
	color: #000;
}


#lightbox_save_link a.button:hover
{
	border: solid 1px #000 !important;
	color: #000088 !important;
}

#lightbox_save_link a
{
	color: #000 !important;
}

body.ie7 #thumbnails,
body.ie7 #thumbnails,
body.ie8 #thumbnails
{
	width: 520px;
}
	
body.ie6 #thumbnail_strip
body.ie7 #thumbnail_strip
body.ie8 #thumbnail_strip
{
	width: 480px;
}

table.task_schedule {
  background: none repeat scroll 0 0 #ddd;
  border: 1px solid #888;
  box-shadow: 1px 1px 3px #888;
  padding: 4px;
  width: auto;
}

table.task_schedule th,
table.form table.task_schedule th 
{
  font-size: 10pt;
  font-weight: bold;
  color: #000;
}

table.task_schedule th.schedule_day {
  text-align: center;
  width: 50px;
}

table.task_schedule td.period {
  border: 1px solid #888;
  height: 20px;
  transition: all 0.5s ease 0s;
}

table.task_schedule td.period.selected 
{
  background-color: #002a6c;
}

table.task_schedule td
{
	background-color: #fff;
}