/*
Contains CSS that can be applied to both Primary, Secondary and Business themes
*/

img {
    border:none;
    outline:none;
    vertical-align:middle;
}

h1,h2,h3,h4,h5,h6,p{
    margin:0px;
    padding:5px 0px 5px 0px;
    background-color:transparent;
}

table{font-size:1em;}
table:first-child{font-size:0.95em;}

/* Standard bullet list */
ul.nobullets,
ul.nobullets ul{
    list-style-type:none;
    margin-left:0px;
    padding-left:0px;
}
ul.nobullets ul{
    margin-left:15px;
}

ul.bullets,
ul.bullets ul{
    list-style-type:none;
    margin-left:20px;
    padding:0px;
}
ul.bullets li{
    background-image:url("/images/bullet_default.png");
    background-repeat:no-repeat;
    background-position:0em 0.1em;
    padding:0.1em 0px 0.1em 20px;
    margin:0px;
    height:1%;
}

ul li.menuEnd,
ul li.listEnd{
    font-size:0px !important;
    height:0px !important;
    line-height:0px !important;
    clear:both !important;
    padding:0px !important;
    margin:0px !important;
    float:none !important;
}

/* FORM and FORM FIELDS
========================= */
input{
    vertical-align:middle;
}
input[type=text],select,textarea{
	color:#333333 !important;
	background-color:#ffffff !important;
    font-size:13px !important;
    border:1px solid #aaaaaa !important;
    background-image:url("../images/input_bg.gif") !important;
    vertical-align:middle;
    background-repeat:repeat-x;
    background-position:top left;
    padding:3px;
}
input[type=radio],input[type=checkbox]{
    cursor:pointer;
}
input.big{
    font-size:1.6em;
    padding:10px;
}
input[type=submit],
button{
    cursor:pointer;
    padding:3px;
    vertical-align:middle;
}
input.mainoption {
  background-color: #ffffff;
  font-weight: bold;
}
input.liteoption {
  background-color: #ffffff;
  font-weight: normal;
}
radio.set {
  vertical-align: text-bottom;
  border: 1px dotted #555555;
  padding: 1px 3px;
}
label{
    cursor:pointer;
    vertical-align:middle;
    font-weight:bold;
}
fieldset{
    padding:5px;
}
fieldset legend{
    font-weight:bold;
    margin-bottom:10px;
}
label.set {
  text-align: left;
  width: 40%;
  padding-right: 10px;
  margin-bottom: 5px;
  border: 1px dotted #555555;
  padding: 1px 3px;
}

/* Tooltip */
.tooltip{
}
div.mlpTooltip{
    width:220px;
    white-space:no-wrap;
    z-index:5;
}
div.mlpTooltip strong{
    color:#FFCC00;
    background-color:inherit;
}
div.mlpTooltip .tip-top{
    background-image:url("../images/tooltip_top.png");
    background-repeat:no-repeat;
    background-position:bottom left;
    height:24px;
    font-size:1px;
}
div.mlpTooltip .tip{
    color:#ffffff;
    background-color:transparent;
    background-image:url("../images/tooltip_mid.png");
    background-repeat:repeat-y;
    background-position:top left;
    font-size:10px;
    font-family:Verdana,sans-serif;
    padding:0px 20px 0px 20px;
}
div.mlpTooltip .tip-bottom{
    background-image:url("../images/tooltip_bot.png");
    background-repeat:no-repeat;
    background-position:bottom left;
    height:24px;
    font-size:1px;
}

/* Footerbar - generic for all themes/modes */
#tpl_footerbar .footerbar_inner{
    position:relative;
    top:-25px;
    left:0px;
    font-size:12px;
}
#tpl_footerbar .userinfo{
    font-weight:bold;
    background-image:url("../images/footerbar_js_tools.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
    border:1px solid #bbbbbb;
    padding:4px 8px 4px 8px;
    margin-bottom:2px;
    width:180px;
    font-family:Arial,sans-serif;
}
#tpl_footerbar .userinfo a.quicktool{
    border-left:1px solid #cccccc;
    padding-left:5px;
}
#tpl_footerbar .jstool{
    background-image:url("../images/footerbar_js_tools.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
    border:1px solid #bbbbbb;
    padding:5px 8px 5px 8px;
    line-height:25px;
    margin-right:3px;
    text-decoration:none;
    line-height:1.5em;
}

/* Standard default table */
table.data_table,claroTable{
    border:1px solid #dddddd;
}
table.data_table tr th,claroTable tr th{
    color:#ffffff;
    background-color:#478BD8;
    padding:5px;
    background-image:url("../images/datatable_tr_bg.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
}
table.data_table tr td,claroTable tr td{
    color:#000000;
    background-color:#F0F0F0;
    padding:5px;
    background-image:url("../images/datatable_td_bg.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
}
table.data_table tr.tableName td, claroTable tr.tableName td{
    color:#ffffff;
    background-color:#79B415;
    background-image:url("../images/datatable_summary_bg.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
}

table.data_table tr.tableOffline td{
    color:#888;
    background-color:#f0f0f0;
    background-image:url("../images/datatable_td_bg.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
}

table tr th{
    font-weight:bold;
}

/* CLAROLINE claroTable emulation  */
.claroTable .superHeader th, .claroTable th.superHeader {
	color: #ffffff;
	background-color: #79B415;
	font-weight: bold;
	text-align: left;
	border: solid 1px #599400;
}

.claroTable .superHeader a {
	color: #ffffff;
}


.claroTable th.headerY, .claroTable .headerY th,
.claroTable th.headerX, .claroTable .headerX th {
	font-weight: normal;
	text-align: left;
}

.claroTable .headerX th,  .claroTable th.headerX {
	background-color: #478BD8;
	padding: 1px 5px 1px 5px;
	v-align: top;
	color: #ffffff;
	border: solid 1px #276Bb8
}

.claroTable .headerX a {
	color: #ffffff;
	border-bottom: dotted 1px #ffffff;
}

/* extension of claroTable class for Image Viewer */
.claroTable tr th.toolbar {
	background: #ffffff;
	font-weight: normal;
}

.claroTable tr.toolbar th.prev{
	text-align:left;
	font-weight: normal;
}

.claroTable tr.toolbar th.title{
	font-weight:bold;
	text-align:center;
}

.claroTable tr.toolbar th.next{
	text-align:right;
	font-weight: normal;
}

.emphaseLine tbody td {
	border-bottom: solid #0099ff 1px ;
}

.emphaseLine tbody tr:hover {
	background-color: #E3E3E3;
}

/* CALENDAR / EVENT Table */
table.data_table tr td.today,
table.data_table tr td.emptyday,
table.data_table tr td.event{
    height:5em;
    vertical-align:top;
}
table.data_table tr td.today{
    color:#000000;
    background-color:#79B415;
    background-image:url("../images/datatable_td_highlight_bg.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
}
table.data_table tr td.event{
    color:#000000;
    background-color:#FFF4AC;
    background-image:url("../images/datatable_td_highlight2_bg.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
}

/* FLASH BANK OBJECT */
#SoundBank{
    width:0px;
    height:0px;
    position:absolute;
    /* left:-9999px; */
}

/** MY DATA and MY DATA SORT - works in conjunction with myDataSort() and myData() javascript functions
############################## */
.dropme{}

.unselectedData{
	padding:5px;
	margin-bottom:5px;
}

.myDataSort_out{
	padding:5px 5px 4px 5px;
	margin-bottom:5px;
	border-bottom:1px dotted #306680;
}

.selectedData,
.myDataSort_over{
    color:#000000;
    background-color:#CCF18D;
    border:1px solid #ABE943;
    padding:4px;
    margin-bottom:5px;
}


/* POSITIONS */
.ofl    {float:left;}
.ofr    {float:right;}
.ifl    {float:left;margin:0px 5px 5px 0px;}
.ifr    {float:right;margin:0px 0px 5px 5px;}
.ofc    {margin-left:auto;margin-right:auto;}

/* BUGFIX */
.iefix  { height:1%;}

/* DISPLAY TYPES */
.display_hidden {   display:none;}
.display_block  {   display:block;}
.nowrap         {   white-space:nowrap;}
.nowrap div     {   white-space:normal;}
.icon           {   vertical-align:middle;}

/* CURSORS */
.cursor_pointer	{	cursor:pointer;}

/* SPECIAL DISPLAY TYPE - INLINE BLOCK
This method works for non-IE browsers. For IE specific
versions see the <head> HTML*/
.inlineblock,
p.inlineblocks span{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:top;
}

/* TEXT TYPES & EFFECTS */
small,
.smalltext      {   font-size:0.9em !important;}
.tinytext		{	font-size:0.8em; font-family:Tahoma,Verdana,Arial,sans-serif;color:#333333;background-color:transparent;}
.timetables     {   font-size:0.75em; font-family:Tahoma,Verdana,Arial,sans-serif;}
.bigtext		{	font-size:1.3em !important;}
.textleft       {   text-align:left;}
.textright      {   text-align:right;}
.textcenter     {   text-align:center !important;}
.texttop		{	vertical-align:top;text-align:top;}
.strong         {   font-weight:bold !important;}
.dash           {   border-style: dotted;
                    border-width: 0px 0px 1px 0px;
                    color: #C0C0C0;
                    width:100%;}
/* OVERFLOWS */
.overflow_hidden{   overflow:hidden;}
.overflow_auto  {   overflow:auto;}
.overflow_scroll{   overflow:scroll;}


/* CLEARS */
.clear            {clear:both;}
.clearleft        {clear:left;}
.clearright        {clear:right;}
hr.clear,
hr.clearleft,
hr.clearright    {font-size:1px;height:1px;line-height:1px;visibility:hidden;margin:0px 0px -1px 0px;padding:0px;}

/* PADDING */
.pad2px     {padding:2px !important;}
.pad5px     {padding:5px !important;;}
.pad10px    {padding:10px !important;;}
.pad15px    {padding:15px !important;;}
.pad20px    {padding:20px !important;;}
.pad25px    {padding:25px !important;;}
.pad50px    {padding:50px !important;;}

/* WIDTH */
.w50px      {width:50px;}
.w60px      {width:60px;}
.w70px      {width:70px;}
.w80px      {width:80px;}
.w90px      {width:90px;}
.w100px     {width:100px;}
.w120px     {width:120px;}
.w150px     {width:150px;}
.w160px     {width:160px;}
.w170px     {width:170px;}
.w180px     {width:180px;}
.w190px     {width:190px;}
.w200px     {width:200px;}
.w210px     {width:210px;}
.w220px     {width:220px;}
.w230px     {width:230px;}
.w240px     {width:240px;}
.w250px     {width:250px;}
.w300px     {width:300px;}
.w310px     {width:310px;}
.w320px     {width:320px;}
.w400px     {width:400px;}
.w100pc     {width:100%;}
.w90pc      {width:90%;}
.w80pc      {width:80%;}
.w70pc      {width:70%;}
.w60pc      {width:60%;}
.w50pc      {width:50%;}
.w45pc      {width:45%;}
.w40pc      {width:40%;}
.w30pc      {width:30%;}
.w14pc      {width:14%;}

/* HEIGHT */
.h320px     {height:320px;}
.h300px     {height:300px;}
.h280px     {height:280px;}
.h270px     {height:270px;}
.h240px     {height:240px;}
.h250px     {height:250px;}
.h260px     {height:260px;}
.h200px     {height:200px;}
.h150px     {height:150px;}
.h100px     {height:100px;}
.h50px      {height:50px;}
.h25px      {height:25px;}

.h1em       {height:1em;}
.h2em       {height:2em;}
.h3em       {height:3em;}
.h4em       {height:4em;}
.h5em       {height:5em;}
.h10em		{height:10em;}
.h12em		{height:12em;}
.h15em		{height:15em;}

/* MAX HEIGHT */
.mh240px    {max-height:240px;}

/* MARGIN */
.nomargin   {margin:0px;padding:0px;}
.notopmargin{margin-top:0px;padding-top:0px;}
.nobotmargin{margin-bottom:0px;padding-bottom:0px;}

.mr5px		{margin-right:5px;}
.mr10px     {margin-right:10px;}
.mr15px     {margin-right:15px;}
.mr260px    {margin-right:260px;}
.mr310px    {margin-right:310px;}
.mr320px    {margin-right:320px;}

.ml100px	{margin-left:100px;}
.ml150px    {margin-left:150px;}
.ml160px    {margin-left:160px;}
.ml170px    {margin-left:170px;}
.ml180px    {margin-left:180px;}
.ml190px    {margin-left:190px;}
.ml200px    {margin-left:200px;}
.ml210px    {margin-left:210px;}

.ml80pc      {margin-left:80.5%;}
.ml70pc      {margin-left:70.5%;}
.ml60pc      {margin-left:60.5%;}
.ml55pc      {margin-left:55%;}
.ml50pc      {margin-left:50.5%;}
.ml40pc      {margin-left:40.5%;}
.ml30pc      {margin-left:30.5%;}

.mb2px        {margin-bottom:2px;}
.mb5px        {margin-bottom:5px;}
.mb10px        {margin-bottom:10px;}
.mb15px        {margin-bottom:15px;}

.mt2px        {margin-top:2px;}
.mt5px        {margin-top:5px;}
.mt10px        {margin-top:10px;}
.mt15px        {margin-top:15px;}

/* PHOTOS */
.photoframe{
    border:2px solid #ffffff;
}

/**
SIMPLE BOX TYPES
**/
.simplebox_silver,
.claroMessageBox,
.simplebox_silver_block,
.simplebox_silver_active,
.simplebox_silver_block_active{
    color:#000000;
    background-color:#ffffff;
    background-image:url("/themes/images/fileman_thumb_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    padding:5px;
    border:1px solid #dddddd;
    margin-bottom:5px;
}
.simplebox_silver,
.simplebox_silver_active{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
}
.simplebox_silver_active,
.simplebox_silver_block_active{
    border:2px solid #000000;
    padding:4px 5px 4px 5px;
    font-weight:bold;
}


/**
COMPLEX BOX TYPES
Created via the class html::startBox()
This code is the base code. Colour overrides are done
in individual skins.
**/

	/* Structure */
	.box{
		margin-bottom:10px;
		padding-top:2px;
	}
	.box .btop h1,
	.box .btop h2,
	.box .btop h3{
		margin:0px;
		padding:0px;
	}
	.box .btop{
		background-repeat:no-repeat;
		background-position: left -150px;
	}
	.box .btopi{
		background-repeat:no-repeat;
		background-position: right -150px;
		padding:10px 10px 5px 10px;
	}
	.box .bmid{
		background-position:left -32px;
		background-repeat:repeat-x;
		padding:5px 10px 0px 10px;
		margin-top:1px;
	}
	.box .bmid p:first-child{
		padding-top:0px;
		margin-top:0px;
	}
	.box .bmid p:last-child{
		margin-bottom:0px;
	}

	.box .bbot{
		height:16px;
		background-position:left -16px;
		background-repeat:no-repeat;
		font-size:1px;
	}
	.box .bboti{
		background-position:top right;
		background-repeat:no-repeat;
		font-size:14px;
	}

	/* Base colours */
	.box-A .btop{
		color:#ffffff;
		background-color:#000000;
		background-image:url("../images/shiny_bg.png") !important;
		background-repeat:repeat-x;
		background-position:top left;
	}
	.box-A .btopi{}
	.box-B .btop{
		color:#ffffff;
		background-color:#666666;
		background-image:url("../images/shiny_bg.png") !important;
		background-repeat:repeat-x;
		background-position:top left;
	}
	.box-B .btopi{}
	.box-C .btop{
		color:#ffffff;
		background-color:#999999;
		background-image:url("../images/shiny_bg.png") !important;
		background-repeat:repeat-x;
		background-position:top left;
	}
	.box-C .btopi{}
	.box-A .btopi,
	.box-B .btopi,
	.box-C .btopi{
		padding-top:4px;
		padding-bottom:6px;
		font-weight:bold;
	}
	.box-A .bmid,
	.box-B .bmid,
	.box-C .bmid{
		background-image:url("/themes/images/box_bg.png");
		background-repeat:repeat-x;
		background-position:top left;
		border:1px solid #BDBEC0;
		border-top:none;
		margin-top:0px;
		padding-top:10px;
	}
	.box-A .bbot,
	.box-B .bbot,
	.box-C .bbot{display:none;}
	.box-A .bboti,
	.box-B .bboti,
	.box-C .bboti{}

/** MAIN TABLE LAYOUT
* Uses class::table
* This controls structure only and not colours.
* Use the /themes/[themname]/css to set colours
* #################### */
table.curvey,table.simple{width:100%;margin:10px 0px 10px 0px;}
table.curvey th{padding:10px 5px 10px 5px;text-align:left;}
table.curvey th a{color:#eeeeee;text-decoration:underline;}
table.curvey th a:hover{color:white;}
table.curvey td{padding:5px;}


table.simple td{padding:2px 4px 2px 4px;border-bottom:1px dotted #dddddd;}
table.simple tr.cfooter{display:none;}
table.simple th{text-align:left;border-bottom:2px dotted #bbbbbb;}
table.simple th.topright,
table.simple th.topleft,
table.simple td.midleft,
table.simple td.midright{
	display:none;
}

table.curvey tr.highlight,
.highlight{cursor:pointer !important;}
table.curvey th.top{
    background-repeat:repeat-x;
    background-position:top left;
}
table.curvey th.topleft{
    background-repeat:no-repeat;
    background-position:top left;
    font-size:1px;
    padding:0px;
    width:16px;
}
table.curvey th.topright{
    background-repeat:no-repeat;
    background-position:top right;
    font-size:1px;
    padding:0px;
    width:16px;
}
table.curvey td.midleft{
    background-repeat:repeat-y;
    background-position:top left;
    font-size:1px;
    padding:0px;
    width:16px;
}
table.curvey td.midright{
    background-repeat:repeat-y;
    background-position:top right;
    font-size:1px;
    padding:0px;
    width:16px;
}
table.curvey tr.total td{
    color:#ffffff;
    background-color:#555555;
    padding:15px 0px 15px 0px;
}

table.curvey tr.cfooter td{
    background-repeat:repeat-x;
    background-position:top left;
    height:16px;
    font-size:1px;
}
table.curvey tr.cfooter td.botleft{
    background-repeat:no-repeat;
    background-position:top left;
    height:16px;
    padding:0px;
    font-size:1px;
}
table.curvey tr.cfooter td.botright{
    background-repeat:no-repeat;
    background-position:top right;
    height:16px;
    padding:0px;
    font-size:1px;
}


/* Widge Editor - Framework CSS */
.widgContainer{
    padding:1px;
    border:3px solid #2A82C5;
}

.widgIframe{
    width:100%;
    height:400px;

}

.widgToolbar{
    background-image:url("../images/widg_toolbar.png");
    background-repeat:repeat-x;
    background-position:bottom left;
    height:64px;
}

.widgToolbar,
.widgeToolbar li {
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.widgToolbar li{
    display:block;
    float:left;
    width:64px;
    height:64px;
    margin-right:2px;
}

.widgToolbar a{
    display: block;
    width: 64px;
    height: 64px;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.widgToolbar a:hover{
    background-position: -64px 0px;
}

.widgToolbar a:active{
    margin-top: 2px;
    margin-left: 2px;
    background-position: -64px 0px;
}

.widgToolbar li.on a, .widgToolbar li.on a:hover
{
    background-position: -128px 0px;
}

.widgToolbar li a.widgButtonBold{
    background-image:url("../images/widg_bold.png");
}

.widgToolbar .widgButtonHTML{
}

.widgToolbar .widgButtonImage{
    background-image:url("../images/widg_image.png");
}

.widgToolbar li a.widgButtonItalic{
    background-image:url("../images/widg_italic.png");
}

.widgToolbar .widgButtonLink{
    background-image:url("../images/widg_link.png");
}

.widgToolbar .widgButtonOrdered{
}

.widgToolbar .widgButtonUnordered{
    background-image:url("../images/widg_bullet.png");
}

.widgToolbar .widgButtonDraw{
    background-image:url("../images/widg_draw.png");
}

/* HORIZONTAL TABS MENU
<ul class='tabMenu'><li><a><span>Label</span></a></li><li class='menuEnd'>&nbsp;</li></ul>
NOTE: li.menuEnd important to clear floats
============================= */
ul.tabMenu{
    list-style-type:none;
    padding:0px;
    margin:5px 0px 0px 0px;
}
ul.tabMenu li{
    float:left;
    margin-right:5px;
    font-weight:bold;
}
ul.tabMenu li a,
ul.tabMenu li span.fakelink{
    color:#000000;
    background-color:#BCBDC0;
    background-image:url("../images/tab01_right.png");
    background-repeat:no-repeat;
    background-position:top right;
    display:block;
    margin-top:3px;
    padding-right:9px;
}
ul.tabMenu li a span,
ul.tabMenu li span.fakelink span{
    background-image:url("../images/tab01_left.png");
    background-repeat:no-repeat;
    background-position:top left;
    display:block;
    padding:10px 0px 10px 9px;
}
ul.tabMenu li a:hover,
ul.tabMenu li a.active{
    color:#000000;
    background-color:#DCDDE0;
    text-decoration:none;
    margin-top:0px;
}
ul.tabMenu li a:hover span,
ul.tabMenu li a.active span{
    padding-bottom:13px;
}

ul.tabMenu li.menuEnd,
ul.tabMenu li.listEnd{
    color:#ffffff;
    background-color:#777777;
    clear:both !important;
    line-height:2px !important;
    height:4px !important;
    font-size:0px !important;
    float:none !important;
    min-width:500px;
}

ul.tabMenu li.right{
    float:right;
}



/* Generic "clickable/hover" effect
This works in conjunction with javascript */
.clickable{
    color:#000000;
    background-color:#fffffff;
    background-image:url("../images/clickbox_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    border:1px solid #aaaaaa;
    padding:6px;
}
.clickable_hover,
.clickable_active{
    color:#000000;
    background-color:#E3F5C9;
    background-image:url("../images/clickbox_hover_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    border:1px solid #6C9D07;
    padding:6px;
}
.clickable_active{
    padding:5px;
    border-width:2px;
}

/* Page Navigation */
.pageNavigation{
    line-height:1.6em;
    padding-bottom:2px;
}
.pageNavigation a span{
    color:#000000;
    background-color:#fffffff;
    background-image:url("../images/clickbox_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    border:1px solid #aaaaaa;
    padding:4px;
}
.pageNavigation a:hover span,
.pageNavigation a.active span{
    color:#000000;
    background-color:#E3F5C9;
    background-image:url("../images/clickbox_hover_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    border:1px solid #6C9D07;
}
.pageNavigation a.active span{
    font-weight:bold;
    border:1px solid #000000;
}


/* LMS - CLAROLINE
======================================= */
#claroBody{
    margin: 0px;
    padding: 0px;
}

h3.claro_nameBox,
h3.claro_nameBoxCourse,
h3.claro_nameBoxLearnpath,
h3.claro_nameBoxProgress{
    color:#555555;
    background-color:#f5f5f5;
    border:1px solid #eeeeee;
    padding:5px 5px 5px 35px;
    background-image:url("../images/iconsmall_learnpath.png");
    background-repeat:no-repeat;
    background-position:center left;
}

h3.claro_nameBoxCourse{
    background-image:url("../images/iconsmall_courses.png");
}

h3.claro_nameBoxProgress{
    background-image:url("../images/iconsmall_search.png");
}

p.claro_commentBox{
    padding:4px;
    margin-bottom:10px;
    font-size:0.9em;
}

/* Course options - Introduction */
.claro_showHideIntro{
    display:block;
    padding:5px;
    color:#000000;
    background-color:#eeeeee;
    width:200px;
    border-left:5px solid #555555;
}

/* Course and Course Options lists */
.claro_commonToolList,
.claro_adminToolList,
.claro_courseList,
.horizontal_list{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
.claro_commonToolList li,
.claro_adminToolList li,
.claro_courseList li,
.horizontal_list li{
    background-repeat:repeat-x;
    background-position:top left;
    border:1px solid #cccccc;
    float:left;
    padding:2px;
    margin:0px 5px 10px 0px;
    text-align:center;
}
.claro_commonToolList li,
.claro_adminToolList li,
.horizontal_list li{
    width:150px;
}
.claro_commonToolList li a span,
.horizontal_list li a span{
    background-color:#eeeeee;
    display:block;
}

.claro_courseList li a{
    display:block;
    background-repeat:no-repeat;
    background-position:top center;
    padding:65px 5px 5px 5px;
    text-align:center;
}

.horizontal_list li a{
    display:block;
    background-repeat:no-repeat;
    background-position:top center;
    padding:5px 5px 5px 5px;
    text-align:center;
}

.claro_courseList li a:hover,
.claro_commonToolList li a:hover,
.claro_adminToolList li a:hover,
.horizontal_list li a:hover{
    text-decoration:none;
}

.claro_commonToolList li small,
.claro_adminToolList li small,
.claro_courseList li small{
    color:#777777;
    background-color:#f5f5f5;
    font-size:0.75em;
    padding:4px 4px 4px 28px;
    display:block;
    background-image:url("../images/icon_brick.png");
    background-repeat:no-repeat;
    background-position:0.5em 5px;
}

.claro_commonToolList li.hot,
.claro_adminToolList li.hot,
.claro_courseList li.hot,
.horizontal_list li.hot,
small span.hot{
    background-image:url("../images/icon_star.png");
    background-repeat:no-repeat;
    background-position:5px 5px;
}
small span.hot{
    background-position:center left;
    padding-left:20px;
    font-size:0.75em;
}

.claro_commonToolList li,
.claro_courseList li{
    background-image:url("../images/lms_options_bg.gif");
}

/* Admin Toollist - golden version of claro_commonToolList with same rules*/
.claro_adminToolList li a span{
    display:block;
    background-color:#FFE16B;
}
.claro_adminToolList li{
    background-image:url("../images/lms_options_admin_bg.gif");
}


/* Module Info/Progress on start */
#claro_moduleInfoLeft{
    float:left;
    width:30%;
}
#claro_moduleInfoRight{
    margin-left:35%;
}
#claro_startModuleButton input{
    font-size:1.6em;
}

#claroBodyMain,
#claroBody,
#claro_frameTitle{
    background-image:none !important;
    margin:0px !important;
    padding:0px !important;
}


/* See #tpl_maincontent for #claro_frameTitle body settings*/
body#claro_frameTitle{
    padding:0px;
    margin:0px;
    min-height:1px !important;
}

body#claro_frameTitle,
body#claro_frameTitle h1,
body#claro_frameTitle p{
    padding:0px;
    margin:0px;
}

#claro_popupNav{}
#claro_popupNav a{
    display:block;
    padding:15px;
    margin-bottom:1px;
    font-size:1.3em;
}
#claro_popupNav a.odd{
    color:#000000;
    background-color:#f1f1f1;
    text-decoration:none;
}
#claro_popupNav a.even{
    color:#000000;
    background-color:#e5e5e5;
    text-decoration:none;
}
#claro_popupNav a.active,
#claro_popupNav a.active:hover{
    color:#ffffff;
    background-color:#FE3C0C;
    text-decoration:none;
}
#claro_popupNav a.active span{
    font-size:0.7em;
}

#claro_popupNav a.odd:hover,
#claro_popupNav a.even:hover{
    color:#000000;
    background-color:#CEE25C;
}

/* Breadcrumb Line */
#claro_breadcrumbLine .breadcrumbTrail{
    padding:5px;
    font-size:0.75em;
    font-family:"Verdana","Trebuchet MS","Helvetica",sans-serif;
    border-bottom:1px dotted #555555;
    margin-bottom:10px;
}
#claro_breadcrumbLine hr,
#claro_breadcrumbLine #toolViewOption{
    display:none;
}
#claro_breadcrumbLine img{
    vertical-align:middle;
}

/* Main content - left of right menu */
div.claroLeftMenu{
    margin-right:31%;
}

/* Right-hand menu */
div.claroRightMenu{
    width:30%;
    float:right;
}
div.claroRightMenu span.date{
    font-size:0.9em;
}

div.claroRightMenu fieldset{
    padding:5px;
}
div.claroRightMenu .announceType{
    font-weight:bold;
}

/* HELP BARS and SYSTEM MESSAGES
============================== */
/* SYSTEM MESSAGES */
.systemMessage{
    font-family:Verdana,Arial,sans-serif;
    font-size:0.85em;
}
.systemMessage ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
.systemMessage span{
    margin:2px 0px 2px 0px;
}

li.msg-ok,
span.msg-ok,
div.msg-ok,
small.msg-ok,
li.msg-error,
span.msg-error,
div.msg-error,
small.msg-error,
li.msg-warn,
span.msg-warn,
div.msg-warn,
small.msg-warn,
li.msg-sql,
span.msg-sql,
div.msg-sql,
small.msg-sql,
li.msg-help,
span.msg-help,
div.msg-help,
small.msg-help{
    padding:5px 10px 7px 25px;
    background-position:4px 4px;
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px;
}
span.msg-ok,
span.msg-error,
span.msg-warn,
span.msg-sql,
span.msg-help,
small.msg-ok,
small.msg-error,
small.msg-warn,
small.msg-sql,
small.msg-help{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
}

.msg-ok{
    color:#5B8800;
    background-color:#E3F8C2;
    border:1px solid #9BE61E;
    background-image:url("/themes/images/msg-ok.png");
}
.msg-error{
    color:#dd0000;
    background-color:#FFD7D7;
    border:1px solid #FFA8A8;
    background-image:url("/themes/images/msg-error.png");
}
.msg-warn{
    color:#B34700;
    background-color:#FCF6D8;
    border:1px solid #F2D654;
    background-image:url("/themes/images/msg-warn.png");
}
.msg-sql{
    color:#555555;
    background-color:#eeeeee;
    border:1px solid #cccccc;
    background-image:url("/themes/images/msg-sql.png");
}
.msg-help{
    color:#1E528C;
    background-color:#E4EFFA;
    border:1px solid #BDD8F2;
    background-image:url("/themes/images/msg-help.png");
}

/* The following are due for depreciation due to the implementation
of the message classes above*/
.helpbar {
    width: 190px;
    height: 29px;
    vertical-align: top;
    display: inline;
    float: none;
    padding: 0px;
    margin: 0px;
}

.normal-message {
    color: #555555;
    background-color: #f1f1f1;
    border:1px dotted #aaaaaa;
    position: relative;
    margin:0px;
    width: auto;
    left:0;
    right:0;
    padding: 5px;
    margin-bottom:15px;
}
.normal-message img{
    position:relative;
    top:-15px;
    left:0px;
    margin-bottom:-15px;
}
.normal-message br{
    line-height:1px;
}
.warning-message {
    color: #666600;
    background-color: #ffffbb;
    border:1px dotted #999900;
    position: relative;
    font-weight:bold;
    margin:0px;
    width: auto;
    left:0;
    right:0;
    padding: 5px;
    margin-bottom:15px;
    min-height:10px;
}
.confirmation-message {
    color: #2B8F0E;
    background-color: #D8F2CE;
    border:1px dotted #2B8F0E;
    position: relative;
    margin:0px;
    width: auto;
    left:0;
    right:0;
    padding: 5px;
    margin-bottom:15px;
    min-height:10px;
}

.error-message {
    color: #DF0000;
    background-color: #FFDFDF;
    border:1px dotted #DF0000;
    position: relative;
    margin:0px;
    width: auto;
    left:0;
    right:0;
    padding: 5px;
    margin-bottom:15px;
    min-height:10px;
    text-align:left;
}
.error-message p{
    margin-left:43px;
}
.error-message a{
    color:#DF0000;
    background-color:inherit;
    font-weight:bold;
}
.error-message a:hover{
    text-decoration:underline;
}

.warning-message img,
.confirmation-message img,
.error-message img,
.normal-message img{
    position:relative;
    top:-15px;
    left:0px;
    margin-bottom:-15px;
}
.warning-message br,
.confirmation-message br,
.error-message br,
.normal-message br{
    line-height:1px;
}

.error-message a,
.warning-message a,
.error-message a,
.normal-message a{
    background-repeat:no-repeat;
    background-position:0em 0.3em;
    padding-left:15px;
}
/* End of depreciation */



/* TABLE LAYOUT - BASIC
======================== */
.tblback {
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    margin:0px;
}
.table-head {
    letter-spacing: 2px;
    font-weight: bold;
    background: #e9e9e9;
    text-align: center;
}
table.tableline tr.lined td {
  border-width: 1px;
  border-bottom: 1px dotted #999999;
  padding: 0;
}
table.tablelinebw tr.linedbw td {
  border-bottom: 1px solid #000000;
  padding: 0;
}
.maintable {
  border-width: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  -x-border-x-spacing: 0;
  -x-border-y-spacing: 0;
  margin-top: 0px;
}

/* SYSTEM and ALERT MESSAGES
========================== */
.msg-frame {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C0C0C0;
}

/* RESEARCH - MODULE
========================== */
.research-subhdr {
 color:#EC3600;
 background-color:inherit;
 font-family:"Kristen ITC";
 font-size:1.5em;
 font-weight:bold;
}

.research-hdr {
    color:#28398D;
    background-color:inherit;
    font-family:"Kristen ITC";
    font-size: 1.8em;
    font-weight:bold;
    letter-spacing: -1px;
    line-height: 1.6em;
    margin-left: 0px;
}
.research-bdy {
    color: #FA3112;
    background-color:inherit;
    font-weight: bold;
}

/* FILE MANAGER */
.fileManager div.bigThumbFrame{
    margin-bottom:15px;
    margin-right:10px;
    position:relative;
    width:96px;
    overflow:hidden;
}
.fileManager div.bigThumbFrame .icon_48{
    padding-top:8px;
    padding-bottom:8px;

}

.fileManager span.thumbIcon{
    position:absolute;
    top:20px;
    left:4px;

}

.fileManager span.fullscreenIcon{
	position:absolute;
	top:0px;
	right:0px;
	visibility:hidden;
}

.fileManager div.bigThumbOpts{
    font-size:0.75em;
    visibility:hidden;
    position:relative;
    top:-8px;
    left:0px;
}
.fileManager input.selectItem{
    position:absolute;
    top:2px;
    left:2px;
    cursor:pointer;
}
.fileManager div.bigThumbFrame:hover div.bigThumbOpts,
.fileManager div.bigThumbFrame:hover span.fullscreenIcon{
    visibility:visible;
}
.fileManager a.bigThumb,
.fileManager span.bigThumb{
    background-image:url("/themes/images/fman_thumbbg.png");
    background-repeat:no-repeat;
    background-position:top left;
    display:block;
    padding:4px;
    text-align:center;
    font-size:0.8em;
    text-decoration:none;
    height:90px;
}

.fileManager a.guestThumb,
.fileManager span.guestThumb{
	background-image:url("/themes/images/fman_thumbbg_guest.png");
}

.fileManager span.bigThumb{
    color:#666666;
    background-color:inherit;
}

.fileManager div.bigThumbFrame:hover a.bigThumb,
.fileManager a.bigThumb:hover,
.fileManager div.bigThumbFrame:hover span.bigThumb,
.fileManager span.bigThumb:hover{
    background-image:url("/themes/images/fman_thumbbg_hover.png");
}

.fileManager div.breadcrumb{
    color:#000000;
    background-color:inherit;
    background-image:url("/themes/images/fileman_thumb_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    border:1px solid #cccccc;
    padding:5px;
    margin-bottom:5px;
}
.fileManager div.options{
    font-size:0.9em;
}
.fileManager div.minipreview{
    width:400px;
    height:350px;
    overflow:auto;
    margin-bottom:2px;
    text-align:center;
}
.fileManager div.displaytypes a img{
    border:2px solid #ffffff;
}
.fileManager div.displaytypes a:hover img,
.fileManager div.displaytypes a.active img{
    border:2px solid #000000;
}

.fileManager div.fm_listfiles{
    height:100px;
    overflow:auto;
    border:1px solid #aaaaaa;
    padding:0px;
    margin:0px;
}
.fileManager div.playMovie{
    text-align:center;
    position:relative;
    top:-40px;
    left:0px;
    margin-bottom:-10px;
}

.fileManager div.playMusic{
    font-size:12px;
    color:#666666;
    background-color:inherit;
    position:relative;
    top:-40px;
    left:0px;
    padding-top:13px;
    padding-left:45px;
}

#filePreviewWindow{
    width:400px;
    min-height:300px;
    margin:0px;
    padding:0px;
}

/* un/selectedData used by myData.toggleSelect() */
.fileManager .unselectedData{
    color:#000000;
    background-color:#ffffff;
    border:none;
    padding:0px;
    margin-bottom:0px;
}
.fileManager .selectedData{
    color:#000000;
    background-color:#ffffff;
    border:none;
    padding:0px;
    margin-bottom:0px;
}
.fileManager .selectedData a.bigThumb{
    background-image:url("/themes/images/fman_thumbbg_select.png") !important;
}
#zonefiles{
	position:relative;
}
.zonefiles_toggle{
	position:absolute;
	top:-55px;
	right:10px;
}
.zonefiles_togglebutton{
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
}


/* UPLOAD PROGRESS BAR */
.uploadProgressFrame{
    width:250px;
    padding:5px;
    border:1px solid #cccccc;
    background-color:#F8F8F8;
    margin-top:5px;
    margin-bottom:5px;
    font-family:Verdana,arial,sans-serif;
    background-image:url("/themes/images/uploadprogress_bg.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
    font-size:11px;
}

.uploadProgressBar{
    border:1px solid #dddddd;
    color:#000000;
    background-color:#ffffff;
    padding:1px;
}
.uploadProgressBar div{
	color:#ffffff;
	background-color:#66CC00;
    font-size:1px;
    height:12px;
}
.uploadProgressInfoTop .pu_filecount{
}
.uploadProgressInfoBottom{
    font-size:11px;
}
.uploadProgressInfoBottom .pu_kbtotal{
    font-weight:bold;
}
.uploadProgressInfoBottom .pu_kbnow{
    color:#666666;
    background-color:inherit;
}
.uploadProgressInfoBottom .pu_percent{
    float:right;
}
.uploadProgressInfoBottom .pu_complete{
	color:#777777;
	background-color:inherit;
}

/* MP3 PLAYER - PLAY LIST popup
// Used in conjunction with javascript myMP3Player()
*/
#mp3playermenu{
	color: #ffffff;
	background-color: #555555;
	position: absolute;
	z-index: 800;
	border: 1px solid #999999;
	background-image: url('/themes/images/mp3player_playlist_bg.gif');
	background-position: bottom left;
	background-repeat:repeat-x;
}
#mp3playermenu .mp3menu{
	font-size:11.5px;
	color:#eeeeee;
	background-color:#000000;
	padding:10px 5px 10px 5px;
	position:relative;
	width:auto;
	height:25px;
}
#mp3playermenu .mp3menu a.goback{
	color:#00709C;
	background-color:#000000;
}
#mp3playermenu a.mp3menu_close span{
	visibility:hidden;
}
#mp3playermenu a.mp3menu_close{
	display:block;
	float:right;
	width:48px;
	height:48px;
	position:absolute;
	top:-20px;
	right:-20px;
	background-image: url('/themes/images/mp3player_playlist_close.png');
	background-position: bottom left;
	background-repeat:repeat-x;
	text-decoration:none;
}
#mp3playermenu a.mp3menu_close:hover{
	background-image: url('/themes/images/mp3player_playlist_close_hover.png');
	text-decoration:none;
}

#mp3playermenu .inner{
	padding:2px;
	font-size:11.5px;
	height:240px;
	overflow:auto;
	scrollbar-face-color: #006D97;
	scrollbar-highlight-color: #008BBF;
	scrollbar-3dlight-color: #008BBF;
	scrollbar-darkshadow-color: #005879;
	scrollbar-shadow-color: #002849;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #003346;
}
#mp3playermenu .inner p{
	padding:10px;
}
#mp3playermenu .inner a span.active{
	color:#5EE2E1;
	background-color:inherit;
}
#mp3playermenu .inner a{
    color:#aaaaaa;
    background-color:#333333;
    border:1px solid #5a5a5a;
	display:block;
	padding:2px;
	margin:2px;
}
#mp3playermenu .inner a:hover,
#mp3playermenu .inner a.active{
	color:#ffffff;
	background-color:#00709C;
	border:1px solid #5EE2E1;
	text-decoration:none;
}


/* Styles for FancyForm (javascript tool found in /includes/javascript */
/* fancyform styles */
.checked{cursor:pointer;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-color:#ffffff;background-image:url("/themes/images/iconsmall_checkbox-on.png")}
.unchecked{cursor:pointer;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-color:#ffffff;background-image:url("/themes/images/iconsmall_checkbox-off.png")}

.selected{cursor:pointer;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-color:#ffffff;background-image:url("/themes/images/iconsmall_radio-on.png")}
.unselected{cursor:pointer;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-color:#ffffff;background-image:url("/themes/images/iconsmall_radio-off.png")}

#EZcalendar {
	display: none;
	position: absolute;
	margin: 0;
	z-index: 99;
	background: #C6470E;
	color: #fff;
	/* safer to use fixed font sizes */
	font: 11px Arial, Helvetica, sans-serif;
	border: 4px solid #C6470E;
}
#EZcalendar form {
	margin: 0;
	padding: 0;
}
#EZcalendar table {
	border: 1px solid #eee;
	border-collapse: collapse;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#EZcalendar table td, #EZcalendar table th {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}
/*tds*/
#EZcalendar table td a.outsideMonth {
	background: #E86A11;
	color: #fff;
}
#EZcalendar table td a.today{
	background: #F9812D;
	color: #fff;
}
#EZcalendar table td a {
	background: #F29917;
	color: #333;
	display: block;
	color: #333;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
}
#EZcalendar table td a:hover {
	color: #333;
	background: #FFFF99;
}

#EZcalendar table td#EZcalendar_text {
	background: #F29917;
	text-align: center;
	width: 64px;
	height: 16px;
}

#EZcalendar input {
	border: none;
	background: #E86A11;
	color: #fff;
	cursor: pointer;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	text-align: center;
}
#EZcalendar input.left {
	float: left;
}
#EZcalendar input.right {
	float: right;
}
#EZcalendar_table {
	clear: both;
}

.calnone {
   vertical-align:text-top;
   border:2px solid #fff !important;
   background-color: #fff !important;
   height:65px;
   text-align:top;
   font-weight: normal;
}

.calblank {
   vertical-align:text-top;
   border:2px solid #fff !important;
   background-image:url("/themes/images/65_calblank.png");
   background-repeat:repeat-x;
   background-position:top left;
   height:65px;
   text-align:top;
   font-weight: normal;
   color: #bbb;
}

.caltoday {
   vertical-align:text-top;
   border:2px solid #fff !important;
   background-image:url("/themes/images/65_caltoday.png");
   background-repeat:repeat-x;
   background-position:top left;
   height:65px;
   text-align:top;
   font-weight: bold;
   color: #fff;
}

.calevent {
   vertical-align:text-top;
   border:2px solid #fff !important;
   background-image:url("/themes/images/65_calevent.png");
   background-repeat:repeat-x;
   background-position:top left;
   height:65px;
   text-align:top;
   font-weight: normal;
   color: #000;
}

.calday {
    font-size: 1.3em;
}


.minicalnone {
   vertical-align:text-top;
   border:2px solid #eee !important;
   background-color:#fff !important;
   height:25px;
   text-align:top;
   font-weight: normal;
   color: #aaa;
   font-size: 0.8em;
}

.minicalblank {
   vertical-align:text-top;
   border:1px solid #fff !important;
   background-image:url("/themes/images/65_calblank.png");
   background-repeat:repeat-x;
   background-position:top left;
   height:25px;
   text-align:top;
   font-weight: normal;
   color: #aaa;
   font-size: 0.8em;
}

.minicaltoday {
   vertical-align:text-top;
   border:1px solid #fff !important;
   background-image:url("/themes/images/65_caltoday.png");
   background-repeat:repeat-x;
   background-position:top left;
   height:25px;
   text-align:top;
   font-weight: bold;
   color: #fff;
   font-size: 0.8em;
}

.minicalevent {
   vertical-align:text-top;
   border:1px solid #fff !important;
   background-image:url("/themes/images/65_calevent.png");
   background-repeat:repeat-x;
   background-position:top left;
   height:25px;
   text-align:top;
   font-weight: normal;
   color: #000;
   font-size: 0.8em;
}

.minicalday {
    font-size: 0.9em;
}