/* Super Stylesheet
   Use with pureblue template
*/
body 
{ 
	font-family: arial, helvetica, san-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #006699; 
}

img { border: none; }

/* Linked with body tag
---------------------------*/
#background 
{
	margin: 0;
	background: #006699;
}

td,
th
{
	font: 11px arial, helvetica, san-serif; 
	font-weight: normal;
}

th
{
	font-weight: bold;
}

hr
{
	border-top: 1px solid #CCC;
}

/* Main links
----------------*/
a 
{ 
	font-weight: bold;
	color: #006699; 
	text-decoration: none;
}

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

#top
{
	padding: 0px 15px 0 0;
}

ul.top
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.top li
{
	margin: 0;
	padding: 0;
	display: inline;
}

ul.top li a
{
	background-color: #006699;
	padding: 3px 3px 3px 3px;
	border: 1px solid;
	border-color: #006699 #006699 #0F85C0 #0F85C0;
	color: #0F85C0;
	text-decoration: none;
}

ul.top a:hover
{
	border: 1px solid;
	border-color: #006699 #006699 #FFF #FFF;
	color: #FFF;
	text-decoration: none;
}

/*********************************\
 *								 *
 *		 Do not remove any		 *
 *		 styles below, can		 *
 *		 edit them however		 *
 *								 *
\*********************************/

/* Main Level Menu
---------------------*/

ul.mainnav 
{
		margin: 0;
		padding: 0;
		list-style: none;
}

ul.mainnav li 
{
		margin: 0 0 0 0;
		padding: 0;
}

ul.mainnav li a 
{
		display: block;
		margin: 0 0 0 0;
		font: 12px arial, helvetica, sans-serif;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		padding: 9px 10px 8px 10px;
		border-right: 1px solid #CCCCCC;
}

ul.mainnav li a:hover 
{
		background: #80B5D7;
		text-decoration: none;
		padding: 9px 10px 8px 10px;
		border-right: 1px solid #CCCCCC;
}

ul.mainnav li.mainnavOn,
ul.mainnav li.mainnavOn a,
ul.mainnav li.mainnavOn a:hover 
{
		background: #80B5D7;
        color: #333;
        text-decoration: none;
}

/* Second level menu
-----------------------*/

ul.secondnav {
        margin: 0 0 0 0;
        padding: 0;
        list-style: none;
}

ul.secondnav li 
{
        margin: 0 0 0 0;
        padding: 0;
		display: inline;
}

ul.secondnav li a 
{
        display: block;
        margin: 0 0 0 0;
		font: 11px arial, helvetica, sans-serif;
		font-weight: bold;
        color: #333333;
        text-decoration: none;
        padding: 7px 0px 7px 10px;
        width: 141px;
		border-bottom: 1px solid #CCC;
}

ul.secondnav li a:hover 
{
        background: #80B5D7;
        text-decoration: none;
        padding: 7px 0px 7px 10px;
}

ul.secondnav li.secondnavOn,
ul.secondnav li.secondnavOn a,
ul.secondnav li.secondnavOn a:hover 
{
        background: #80B5D7;
        color: #333;
        text-decoration: none;
}

/* Third level menu
----------------------*/

ul.thirdnav 
{
        margin: 0 0 0 0;
        padding: 0;
        list-style: none;
}

ul.thirdnav li 
{
        margin: 0 0 0 0;
        padding: 0;
        display: inline;
}

ul.thirdnav li a 
{
        display: block;
		margin: 0;
        font: 10px arial, helvetica, sans-serif;
		font-weight: normal;
		color: #333333;
        text-decoration: none;
        padding: 4px 0px 4px 18px;
        border-bottom: 1px solid #CCC;
}

ul.thirdnav li a:hover 
{
        background: #98CBEC;
        text-decoration: none;
        padding: 4px 0px 4px 18px;
}

ul.thirdnav li.thirdnavOn,
ul.thirdnav li.thirdnavOn a,
ul.thirdnav li.thirdnavOn a:hover 
{
        background: #98CBEC;
        color: #333333;
        text-decoration: none;
}

/* Fourth level menu
-----------------------*/

ul.fourthnav 
{
        margin: 0 0 0 0;
        padding: 0;
        list-style: none;
}

ul.fourthnav li 
{
        margin: 0 0 0 0;
        padding: 0;
        display: inline;
}

ul.fourthnav li a 
{
        display: block;
        margin: 0 0 0 0;
        font: 9px arial, helvetica, sans-serif;
        font-weight: normal;
        color: #333333;
        text-decoration: none;
        padding: 2px 0px 2px 24px;
        border-bottom: 1px solid #CCC;
}

ul.fourthnav li a:hover 
{
        background: #B0DBF7;
        text-decoration: none;
        padding: 2px 0px 2px 24px;
}

ul.fourthnav li.fourthnavOn,
ul.fourthnav li.fourthnavOn a,
ul.fourthnav li.fourthnavOn a:hover 
{
        background: #B0DBF7;
        color: #333333;
        text-decoration: none;
}

/* End Menus */

/* Necessary layout styles for pureblue
------------------------------------------*/
#header 
{
	height: 40px;
	background-color: #006699;
	border-bottom: 5px solid #80B5D7;
}

#title 
{
	float: left;
	padding-left: 15px;
}

#logindetails 
{
	float: right;
	padding-right: 15px;
	padding-top: 2px;
}

#menu 
{
	background-color: #E5E5E5;
	border-bottom: 5px solid #006699;
}

#sidemenu {
	background-color: #E5E5E5;
	border-left: 5px solid #006699;
	border-right: 1px solid #CCC;
	width: 151px;
}

#content 
{
	background-color: #FFFFFF;
	padding: 10px 20px 20px 20px;
	border-right: 5px solid #006699;
}

#footer 
{
	clear: both;
	background-color: #006699;
	padding: 10px 15px 10px 15px;
	color: #FFF;
}

a.footer, 
a.footer:hover 
{
	color: #FFF;
	text-decoration: underline;
}

/* End */

/* Title of organisation and the word administration
--------------------------------------------------------*/
.maintitle,
.admintitle
{
	font: 15px arial, helvetica, san-serif;
	font-weight: bold;
	color: #fff;
}

.admintitle 
{
	font-weight: normal;
	color: #ff9500;
}

/* Login Name
----------------*/
.toptext 
{
	color: #fff;
}

/* Top bar links
--------------------*/
a.toplinks, 
a.toplinks:hover 
{
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
}

a.toplinks:hover 
{
	text-decoration: none;
}

/* Titles
----------*/
.title1 
{
    font-size: 16px;
    font-weight: bold;
    color: #006699;
}

.title2 
{
    font-size: 14px;
    font-weight: bold;
    color: #006699;
}

.title3 
{
    font-size: 12px;
    font-weight: bold;
    color: #006699;
}

/* Submit Button
--------------------*/
.submit 
{ 
	font-size: 10px; 
	font-weight: bold; 
	width: 100px;
	border-style: 1px; 
	color: #000000;
	background-color: #FF9500;
}

/* Pages
------------*/
.page_on, 
.page_off, 
.button, 
a.page_on:hover 
{  
	font-size: 10px; 
	font-weight: bold;
	color: #000000; 
	text-decoration: none;
	padding: 3px;
}

.page_off 
{ 
	color: #ff0000; 
}

.page_numbers_box
{
    border-bottom: 1px dashed #ccc;
    background-color: #ddd;
    padding-top: 4px;
    height: 25px;
}

.page_showing 
{
    font-size: 10px;
    font-weight: normal;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    height: 15px;
}

.hide_list {
display: none;
}

.show_list {
display: block;
}

.helpbutton {
   width: 17px;
   height: 17px;
   background-color: #FFFFFF;
   border: 1px solid #006699;
   font-family: Verdana, Arial, Times, sans-serif;
   font-weight: bold;
   font-size: 11px;
   color: #006699;
}

h1 {
   font-size: 18px;
}

h2 {
   font-size: 16px;
}

h3 {
   font-size: 14px;
}

h4 {
   font-size: 12px;
}
   

.help_show, .help_hide {
	overflow:hidden;
	position:absolute
}

.help_show {
	visibility:true;
	width: 220px;
	border: 1px #AAAAAA solid;
	padding: 2px;
	background-color: #FFFFFF;	
}

.help_hide {
	visibility:hidden;
}

.select_menu {
	font-size: 12px;
	cursor: pointer;
	padding: 4px;	
	padding-right: 20px;	
}

.select_menu_sub, .select_menu_sub_on {
	font-size: 10px;
	cursor: pointer;
	padding: 4px;	
	padding-right: 10px;
	width: 120px;
}

.select_menu_sub_on {
	font-weight: bold;
}

.select_menu:first-letter, .select_menu_sub:first-letter, .select_menu_sub_on:first-letter {
	text-decoration: underline;
}

.cpYearNavigation,.cpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:center; text-decoration:none; color:#000000; font-weight:bold; }
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText { font-family:verdana, arial, tahoma; font-size:10px; }
TD.cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0 0 1 0; }
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate  { text-align:right; text-decoration:none; }
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.cpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.cpOtherMonthDate { color:#808080; }
TD.cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1; border:solid thin #800000; }
TD.cpCurrentDateDisabled { border-width:1; border:solid thin #FFAAAA; }
TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1 0 0 0;}
A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
A.cpTodayText { color:black; }
.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder { border:solid thin #808080; }


.outer_box {
	height: 450px;
	width: 650px; 
	overflow: auto; 
}

.inner_box {
	height: 400px;
	width: 260px; 
	overflow: auto;
}

.clear_box {
	height: 420px;
	width: 270px; 
	overflow: auto; 
}

.inner_box, .outer_box {
	border: 2px #DDDDDD solid;
}

.hide_box { 
	border: 0px #FFFFFF solid;
	height: 1px;
	width: 1px;
}

.note_year {
	width: 120px;
}

.note_month {
	width: 140px;
}

.note_list {
	width: 400px;
}

.text_hide {
height: 17px; display: block;
}

.show, .hide {
	overflow:hidden;
	position:absolute
}

.show {
	visibility:true;
}

.hide {
	visibility:hidden;
}

.hide_list {
	display:none;
}

.show_list {
	display:block;
}

.tab_sub_on {
	background-image: url(/sb/styles/pureblue/images/tab_blue_on.gif);
}

.tab_sub_off {
	background-image: url(/sb/styles/pureblue/images/tab_blue_off.gif);
}

.text1 {
    font:                   14px verdana, arial, helvetica, sans-serif;
    font-weight:            normal;
    color:                  #FFFFFF;
}



.legend { 
	font-family: verdana, arial, tahoma; 
	font-size: 10px; 
	font-weight: bold;
	color: #000000; 
}


.search, .reset { 
	font-family: verdana, arial, tahoma;
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF;
	width: 100px;
	background-color: #006699; 
	border-style: 1px; 
}


.border, .category_border {
	line-height: 1; 
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	clip: rect( );
}

.border {
	border: 1px #D6D6D6 solid;
}

.border2 {
	border: 2px #006699 solid;
}

.category_border {
	border: 2px #006699 solid;
}

.category_title { 
	font-family: verdana, arial, tahoma; 
	font-size: 13px; 
	font-weight: bold;
	color: #006699;
}

.categoryorder { 
	background-color: #F2F2F2; 
	border: 0px #FFFFFF solid; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 0px; 
	padding-left: 3px;
}

.tab_on
{
	font-size: 11px;
	padding: 8px; 
	background-color: #80B5D7; 
	border-style: none;
	color: #FFF;
}

.tab_off {
	font-size: 11px;
	padding: 8px; 
	background-color: #DDD; 
	border-style: none;
	font-weight: normal;
}


.tab_sub_on {
	background-image: url(/sb/styles/pureblue/images/tab_blue_on.gif);
}

.tab_sub_off {
	background-image: url(/sb/styles/pureblue/images/tab_blue_off.gif);
}

.box {
    height:             20px;
    width:              100px;
    border:             1px solid #003366;
}

.fieldset {
    border:                     1px solid #003366;
    line-height:                1;
}

.fieldset_title, .fieldset_title_off { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666; 
	font-weight: bold; 
	line-height: 1; 
	text-decoration: none; 
	text-align: center; 
	border: 1px #999999 solid; 
	padding-top: 4px; 
	padding-right: 4px; 
	padding-bottom: 3px; 
	padding-left: 3px; 
	clip: rect( )
}

.fieldset_title { 
	background-color: #CCCCCC; 
}

.fieldset_title_off { 
	background-color: #FFFFFF; 
}

.alphabet_title, .alphabet_title_off { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666; 
	font-weight: bold; 
	line-height: 1; 
	text-decoration: none; 
	text-align: center; 
	border: 1px #999999 solid; 
	padding-top: 4px; 
	padding-right: 2px; 
	padding-bottom: 4px; 
	padding-left: 2px; 
	clip: rect( )
}

.alphabet_title { 
	background-color: #CCCCCC; 
}

.alphabet_title_off { 
	background-color: #FFFFFF; 
}

.input_large_off, .input_medium_off, .input_small_off, .input_smaller_off, .input_large_on, .input_medium_on, .input_small_on, .input_smaller_on, .input_off, .input_on, .textarea_exlarge_off, .textarea_large_off, .textarea_editor_off, .textarea_medium_off, .textarea_small_off, .textarea_small2_off, .textarea_exlarge_on, .textarea_large_on, .textarea_editor_on, .textarea_medium_on, .textarea_small_on, .textarea_small2_on, .textarea_on, .textarea_off, .select_large_off, .select_medium_off, .select_small_off, .select_on, .select_off, .select_large_on, .select_medium_on, .select_small_on, .select_on, .select_off {
	font: 12px arial, helvetica, sans-serif;
        font-weight:       normal;
        color: #000;
}

.input_large_off, .input_medium_off, .input_small_off, .input_smaller_off, .input_off, .textarea_exlarge_off, .textarea_large_off, .textarea_editor_off, .textarea_medium_off, .textarea_small_off, .textarea_small2_off {
    border:             1px #DDDDDD solid;
}

.input_large_on, .input_medium_on, .input_small_on, .input_smaller_on, .input_on, .textarea_exlarge_on, .textarea_large_on, .textarea_editor_on, .textarea_medium_on, .textarea_small_on, .textarea_small2_on {
    border:             1px #006699 solid;
}

.input_large_off, .input_large_on {
    height:             20px;
    width:              400px;
}

.input_medium_off, .input_medium_on {
    height:             20px;
    width:              250px;
}

.input_small_off, .input_small_on {
    height:             20px;
    width:              40px;
}

.input_smaller_off, .input_smaller_on {
    height:             20px;
    width:              90px;
}

.input_off, .input_on {
    height:             20px;
}

.textarea_exlarge_off, .textarea_exlarge_on {
	 height:					450px;								
	 width:					100%;
}

.textarea_large_off, .textarea_large_on {
    height:             400px;
    width:              400px;
}

.textarea_editor_off, .textarea_editor_on {
   height:             500px;
   width:              600px;
}

.textarea_medium_off, .textarea_medium_on {
    height:             250px;
    width:              400px;
}

.textarea_small_off, .textarea_small_on {
    height:             100px;
    width:              400px;
}

.textarea_small2_off, .textarea_small2_on {
    height:             100px;
    width:              250px;
}

.select_large_off, .select_large_on {
    width:              400px;
}

.select_medium_off, .select_medium_on {
    width:              250px;
}

.select_small_off, .select_small_on {
    width:              100px;
}

/* New style classes start here */

/* START FORM SUPERCLASS */
.form {
	font-size: 10px; 
	font-weight: normal;
	border: 1px solid #DDDDDD;
	padding: 2px;
}

.form td {
	text-align: left;	
	padding: 0px;
	height: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

.form th {
	font-size: 11px; 
	color: #006699; 
	background-color: #DDDDDD;
	text-align: left;
	padding: 2px;
	height: 25px;
	padding-left: 4px;
	padding-right: 4px;
}

.form thead {
	font-size: 14px; 
	background-color: #DDDDDD;
	text-align: center;
}


.form_textinput_on { 
	border: 1px #006699 solid; 
}

.form_textinput_off {
	border: 1px #DDDDDD solid;
}

.form hr {
	border: 1px #DDDDDD solid;
}

/* END FORM SUPERCLASS */

/* START LIST SUPERCLASS */
.list {
	font-size: 10px; 
	font-weight: normal;
}

.list td {
	border: 1px solid #DDDDDD;
	padding: 2px;
	height: 26px;
}

.list th {
	font-size: 10px; 
	color: #006699; 
	background-color: #DDDDDD;
	text-align: center;
	text-transform: uppercase;
	padding: 2px; 
	height: 26px;
}
/* END LIST SUPERCLASS */

/* START PLAIN SUPERCLASS */
.plain {
	font-size: 14px; 
	font-weight: normal;
}

.plain td {
	border: 0px solid #FFFFFF;
	padding: 2px;
	height: 26px;
	background-color: #FFFFFF;
}

.plain th {
	border: 0px;
	padding: 2px;
	height: 26px;
	background-color: #FFFFFF;
}
/* END PLAIN SUPERCLASS */

/* Style sheet for the silver calendar (default) */

.eventborder	{ background-image: url(/sb/styles/default/images/day_title.gif); border: 1px #006699 solid; }
.eventbg	 	{ background-color: #6699CC; }

.eventbg_1	 		{ background-color: #6699CC; }
.eventbg_2	 		{ background-color: #666699; }
.eventbg_3	 		{ background-color: #999999; }
.eventbg_4	 		{ background-color: #6B84C7; }
.eventbg_5	 		{ background-color: #9999CC; }
.eventbg_6	 		{ background-color: #6876E7; }
.eventbg_7	 		{ background-color: #73738C; }

.eventbg2 	 	{ background-color: #6699CC; border-right: 1px solid #FFFFFF; }

.eventbg2_1	 		{ background-color: #6699CC; border-right: 1px solid #FFFFFF; }
.eventbg2_2	 		{ background-color: #666699; border-right: 1px solid #FFFFFF; }
.eventbg2_3	 		{ background-color: #999999; border-right: 1px solid #FFFFFF; }
.eventbg2_4	 		{ background-color: #6B84C7; border-right: 1px solid #FFFFFF; }
.eventbg2_5	 		{ background-color: #9999CC; border-right: 1px solid #FFFFFF; }
.eventbg2_6	 		{ background-color: #6876E7; border-right: 1px solid #FFFFFF; }
.eventbg2_7	 		{ background-color: #73738C; border-right: 1px solid #FFFFFF; }

.eventbg2week 	{ background-color: #6699CC; border-right: 1px solid #A1A5A9; }

.eventbg2week_1	 	{ background-color: #6699CC; border-right: 1px solid #A1A5A9; }
.eventbg2week_2	 	{ background-color: #666699; border-right: 1px solid #A1A5A9; }
.eventbg2week_3	 	{ background-color: #999999; border-right: 1px solid #A1A5A9; }
.eventbg2week_4	 	{ background-color: #6B84C7; border-right: 1px solid #A1A5A9; }
.eventbg2week_5	 	{ background-color: #9999CC; border-right: 1px solid #A1A5A9; }
.eventbg2week_6	 	{ background-color: #6876E7; border-right: 1px solid #A1A5A9; }
.eventbg2week_7	 	{ background-color: #73738C; border-right: 1px solid #A1A5A9; }

.calborder 		{ background-color: #FFFFFF; border: 1px #A1A5A9 solid; }
.dateback		{ background-color: #EEEEEE; }
.dayborder 		{ border-top: 1px solid #A1A5A9; }
.dayborder2 	{ border-top: 1px dashed #CCCCCC; }
.weekborder 	{ border-top: 1px dashed #A1A5A9; border-right: 1px solid #A1A5A9; }
.weekborder2 	{ border-right: 1px solid #A1A5A9; }
.timeborder 	{ border-right: 2px solid #A1A5A9; border-top: 1px dashed #A1A5A9; background-image: url(/sb/styles/default/images/time_bg.gif); }
.timeborder2 	{ border-right: 2px solid #A1A5A9; border-top: 1px solid #A1A5A9; background-image: url(/sb/styles/default/images/time_bg.gif); }
.navback 		{ background-image: url(/sb/styles/default/images/time_bg.gif); }
.sideback 		{ background-image: url(/sb/styles/default/images/side_bg.gif); }
.monthback		{ background-color: #A1A5A9; }
.monthreg		{ background-color: #FFFFFF; }
.monthoff		{ background-color: #F2F2F2; }
.monthon		{ background-color: #F2F9FF; }
.montheventtop	{ background-image: url(side_bg.gif); border-top: 1px solid #A1A5A9; }
.montheventline	{ border-right: 1px dotted #A1A5A9; }
.yearmonth		{ background: #CCCCCC; }

/* Link colors and attributes */
/* This is the main link style */
a.psf			{ text-decoration:	none; }
a.psf:link		{ color: #0066FF; background-color: transparent; }
a.psf:visited	{ color: #0066FF; background-color: transparent; }
a.psf:active	{ color: #3366CC; background-color: transparent; }
a.psf:hover		{ color: #000099; background-color: transparent; }

/* This is the link style for the mini-cals */	
a.ps2			{ text-decoration:	underline; }
a.ps2:link		{ color: #0066FF; background-color: transparent; }
a.ps2:visited	{ color: #0066FF; background-color: transparent; }
a.ps2:active	{ color: #3366CC; background-color: transparent; }
a.ps2:hover		{ color: #000099; background-color: transparent; }

/* This is the link style for year months */	
a.ps3			{ text-decoration:	none; }
a.ps3:link		{ color: #000000; background-color: transparent; }
a.ps3:visited	{ color: #000000; background-color: transparent; }
a.ps3:active	{ color: #000000; background-color: transparent; }
a.ps3:hover		{ color: #000000; background-color: transparent; text-decoration:	underline;}
	
/* CSS definitions for fonts */

.V9 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.V10W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
.V10WB 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
.V10 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.V9BOLD 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }
.G10 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF; }
.G10B 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.G10BOLD 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 900; }
.G10G 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A1A5A9; }
.V12 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000; }
.H20 			{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000000; }
.eventfont 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }


/* Length of the form drop downs */

.query_style 	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 156px; margin-bottom: 0; }
.search_style 	{ font-size: 12px; font-family: verdana, geneva, arial, sans-serif; width: 134px; margin-bottom: 0; }
.login_style	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 80px; margin-bottom: 0; }


/* New style classes end here */

.htmlarea { background: #fff; }

.htmlarea .toolbar {
  cursor: default;
  background-color: #FFF;
}
.htmlarea .toolbar table { font-family: tahoma,verdana,sans-serif; font-size: 11px; }
.htmlarea .toolbar img { border: none; }
.htmlarea .toolbar .label { padding: 0px 3px; }

.htmlarea .toolbar .button {
  background-color: #DDD;
  color: ButtonText;
  border: 1px solid #DDD;
  padding: 1px;
  margin: 0px;
}
.htmlarea .toolbar .buttonHover {
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
  padding: 2px 0px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.htmlarea .toolbar .buttonPressed {
  background: ButtonHighlight;
}
.htmlarea .toolbar .indicator {
  padding: 0px 3px;
  overflow: hidden;
  width: 20px;
  text-align: center;
  cursor: default;
  border: 1px solid ButtonShadow;
}

.htmlarea .toolbar .buttonDisabled { background-color: #aaa; }

.htmlarea .toolbar .buttonDisabled img {
  filter: alpha(opacity = 25);
  -moz-opacity: 25%;
}

.htmlarea .toolbar .separator {
  position: relative;
  margin: 3px;
  border-left: 1px solid ButtonShadow;
  border-right: 1px solid ButtonHighlight;
  width: 0px;
  height: 16px;
  padding: 0px;
}

.htmlarea .toolbar .space { width: 5px; }

.htmlarea .toolbar select { font: 11px arial, helvetica, sans-serif; color: #006699; }

.htmlarea .toolbar select,
.htmlarea .toolbar select:hover,
.htmlarea .toolbar select:active { background: #80B5D7; color: #333; }

/* Hidden DIV popup dialogs (PopupDiv) */

.dialog {
  color: ButtonText;
  background: ButtonFace;
}

.dialog .content { padding: 2px; }

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
  font: 11px Tahoma,Verdana,sans-serif;
}

.dialog table { border-collapse: collapse; }

.dialog .title {
  background: #008;
  color: #ff8;
  border-bottom: 1px solid #000;
  padding: 1px 0px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
}

.dialog .title .button {
  float: right;
  border: 1px solid #66a;
  padding: 0px 1px 0px 2px;
  margin-right: 1px;
  color: #fff;
  text-align: center;
}

.dialog .title .button-hilite { border-color: #88f; background: #44c; }

.dialog button {
  width: 5em;
  padding: 0px;
}

.dialog .buttonColor {
  padding: 1px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.dialog .buttonColor-hilite {
  border-color: #000;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  height: 0.6em;
  border: 1px solid;
  padding: 0px 1em;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonColor .nocolor { padding: 0px; }
.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }

.dialog .label { text-align: right; width: 6em; }
.dialog .value input { width: 100%; }
.dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }

.dialog legend { font-weight: bold; }
.dialog fieldset table { margin: 2px 0px; }

.popupdiv {
  border: 2px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.popupwin {
  padding: 0px;
  margin: 0px;
}

.popupwin .title {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  letter-spacing: 2px;
}

/* Insert Image Popup Window */
div.title
{
	font: 16px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}

fieldset
{
	border: 1px solid #CCC;
}

.largelWidth
{
	width: 220px;
	border: 1px solid #CCC;
}

.smallWidth
{
	width: 140px;
	border: 1px solid #CCC;
}

.imageFrame
{
	width: 330px;
}


/* Styles for Lists */

table.adminlist 
{
    background-color: #ffffff;
}

table.adminlist th 
{
    background-color: #DDDDDD;
    border-bottom: 1px dashed #CCCCCC;
    color: #333333;
    word-wrap: none;
    font-size: 11px;
    height: 25px;
}

table.adminlist th.title 
{
    background-color: #ffae;
    color: #333333;
    font-size: 11px;
    text-align: left;
}

table.adminlist tr.row0 
{
    background-color: #f5f5f5;
}

table.adminlist tr.row1 
{
    background-color: #ffffff;
    font-size: 11px;
}

table.adminlist td 
{
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
}

table.adminlist tr.row0:hover 
{
    background-color: #f1f1f1;
}

table.adminlist tr.row1:hover 
{
    background-color: #f1f1f1;
}

table.adminlist td.options 
{
    background-color: #ffffff;
    font-size: 8px;
}


div.green {
width: 10px;
height: 10px;
background: green;
}

div.orange {
width: 10px;
height: 10px;
background: orange;
}

div.grey {
width: 10px;
height: 10px;
background: #999;
}

div.red {
width: 10px;
height: 10px;
background: red;
}

div.black {
width: 10px;
height: 10px;
background: black;
}   

#tooltiptext {
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
    text-align: center;
    padding: 3px 5px;
}

#tooltip{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    z-index: 2;
    visibility: hidden;
    background: #fff;
    border: 1px solid #000;
}

// Overlib styles
.ol_cgclass {
	background-color: red; 
	text-align:center;
}

.ol_fgclass {
	background-color: red; 
	text-align:center;
}

.ol_bgclass {
	background-color: #999999; 
	text-align:center;
}

.ol_captionsize {
	font: 13px Verdana,Arial,Helvetica;
	color:	#ffffff;
	fontw-weight: bold;
}

/* Product Table styles.*/
.tableborder {
background: #000;
}

.tablerowcell1 {
background: #99CCFF;
font-weight: bold;
padding: 5px;
}

.tablerowcell2 {
background: #fff;
padding: 5px;
}

.tablerowcell3 {
background: #D5D5D5;
padding: 5px;
text-align: center;
}

a.tablerowcelllink, a.tablerowcelllink:hover {
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #000;
text-decoration: underline;
}

a.tablerowcelllink:hover {
text-decoration: none;
}

/* Product Tab styles */
.ptab_on {
padding: 5px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
width: 90px;
color: #000;
background: #E5E5E5;
text-align: center;
}

.ptab_off {
padding: 5px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
width: 90px;
color: #000;
background: #E5E5E5;
text-align: center;
}

.divider_line {
border-top: 1px solid #CCC;
}

/* Gallery Links */
a.gallerylink, a.gallerylink:hover {
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #000;
text-decoration: underline;
}

a.gallerylink:hover {
text-decoration: none;
}

.gallerysummary {
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000;
}

/* Course Styles */
.courselist_bgcolor {
background-color: #e5e5e5;
}

.courselist_items {
font: 10px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000;
background-color: #fff;
padding: 5px;
}

.courselist_titles {
background: #e5e5e5;
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #666666;
padding: 5px;
}

.courselist_form {
background: #e5e5e5;
border: 1px solid #fff;
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #666666;
padding: 5px;
}

.courseset_title {
border: 1px solid #d5d5d5;
background: #f5f5f5;
padding: 3px;
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #666666;
}

.course_sub_title {
font: 12px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #666666;
}

.c_price_font {
font: 10px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #FF0000;
}

/* Search */

.search_highlight {
color: #FF0000;
}

ul.searchNav {
list-style: none;
margin: 0;
padding: 0;
}

ul.searchNav li {
margin: 0 0 1px 0;
padding: 0;
background: #E5E5E5;
}

ul.searchNav a {
display: block;
margin: 0;
padding: 5px 5px 5px 5px;
text-decoration: none;
}

ul.searchNav li a:hover, ul.searchNav li a.selected {
background: #F5F5F5;
}

.public {
font-weight: bold;
color: #FFF;
background-color: green;
text-align: center;
}

.not_public {
font-weight: bold;
color: #FFF;
background-color: red;
text-align: center;
}

/* Assessment Styles */
.vertical_line
{
	border-right: 1px dashed #999;
}

.horizontal_line
{
	border-top: 1px dashed #999;
}

.active_box 
{
	width: auto;
	padding: 8px;
	background-color: green;
	background-image: url('images/page_fold.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #FFF;
	font-weight: bold;
}

.inactive_box
{
	width: auto;
	padding: 8px;
	background-color: #e5e5e5;
	color: #ccc;
}

a.active_link,
a.active_link:hover
{
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	
}

a.active_link:hover
{
	text-decoration: none;
}

/* Style for Boxed messages in Admin area */
.message_box
{
    border-top: 10px solid #80b5d7;
	border-right: 5px solid #80b5d7;
	border-bottom: 5px solid #80b5d7;
	border-left: 5px solid #80b5d7;

	padding:0; margin:0 0 10px 0; width: 450px;
	background-color: #fff; color: #000;
	font-size: 12px;
}

.message_box_shade
{
    border-top: 1px solid #a6a6a6; border-left: 1px solid #a6a6a6;
	padding: 5px; margin: 0;
}



.forum {
        font-size: 10px;
        font-weight: normal;
        width: 800px;
}

.forum table {
}

.forum td {
        height: 26px;
        padding: 2px;
}

.forum th {
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
        text-align: left;
        padding: 2px;
        height: 25px;
}

.forum_input {
        font-size: 10px;
        font-weight: bold;
        width: 100px;
        border: 1px solid;
        color: #000000;
        background-color: #FF9500;
}

.forum_breadcrumb {
        padding: 5px;
}

.forum_last_post {
        width: 120px;
}

.forum_header_row {
        background: #006699;
}

.forum_title_row {
        background: #98CBEC;
}

.forum_post {
}

.forum_post_title {
        border-bottom: 1px solid #DDD;
}

.forum_post_author {
        font-size: 12px;
        font-weight: bold;
        padding: 10px;
}

.forum_top_bar {
        width: 800px;
}

.forum_login_input {
        height: 10px;
        font-size: 10px;
        width: 75px;
}

.forum_login_button {
        font-size: 9px;
        width: 75px;
}

.forum_login td {
        height: 10px;
        background: #98CBEC;
        padding: 2px;
}

.forum_tag_line {
        border-top: 1px solid #DDD;
        padding-top: 5px;
}

.forum_footer {
        width: 620px;
        padding-top: 20px;
}

.forum_footer td {
        background: #EEE;
        font-size: 10px;
        padding: 5px;
}