/* system wide */

/*
body {
	margin: 0 auto;
	padding: 0;
}
*/

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	border: none
}

body, th, td, div, p {
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

textarea {
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 25px;
	color: #000;
	margin: 0px;
	font-weight: normal;
}

h2 {
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 20px; 
	color: #000;
	margin: 0px;
	font-weight: normal;
}

h3 {
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0px;
	font-weight: normal;
}

h4 {
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px;
	font-weight: bold;
}

h5 {
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	font-weight: bold;
	color: #999;
}
/* !!! this is very important to the TinyMCE editor */
p { margin: 0; padding: 0; }

pre {
	background-color: #F9F9F9;
	border: 1px dashed #69C;
	padding: 10px;
	font-size: 12px;
	overflow-x: auto;
}

.clear {
	clear: both;
}

/* standard template */
.header {
	height:  70px;
}

.headerTable {
	width: 100%;
	height: 70px;
}

.headerLogin {
	vertical-align: top;
	padding: 2px 10px;
}

.headerLogin a { text-decoration: underline; }
.headerLogin a:hover { text-decoration: underline; }

.headerFlash {
	text-align:  center;
}

.headerLogo {
	text-align:  right;
	padding-right: 10px;
	border-bottom: 1px solid #777;
}

.headerLogo img {
	padding: 10px 0px;
}

.headerTabRow {
	height:  25px;
	vertical-align: bottom;
	padding-left: 10px;
	border-bottom: 1px solid #777;
	margin: 0px;
}

.headerTabContainer {
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
}

.headerTab {
	float: left;
	position: relative;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 2px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
}

.headerTab  a { color: #FFF; text-decoration: none; margin: 0px 7px; height:  25px; line-height:  25px;}
.headerTab  a:hover { color: #F0F0F0; text-decoration: none; }

.unselectedHeaderTab {
	height: 25px;
	line-height:  25px;
	background-color: #BFBFBF;
	border-color: #777;
}

.selectedHeaderTab {
	height: 26px;
	line-height:  26px;
	margin-bottom: -1px;
	background: url(/images/bg-breadcrumb.gif) repeat top;
	border-color: #777;
}

.selectedHeaderTab  a { color: #333; height:  26px; line-height:  26px; }
.selectedHeaderTab  a:hover { color: #333; text-decoration: none;}

.unselectedAdminTab {
	height: 25px;
	line-height:  25px;
	background-color: #777;
	border-color: #999;
}

.unselectedAdminTab a:hover { color: #E0E0E0; }

.selectedAdminTab {
	height: 26px;
	line-height:  26px;
	margin-bottom: -1px;
	background: url(/images/bg-breadcrumb.gif) repeat top;
	border-color: #777;
}

.selectedAdminTab  a { color: #333; height:  26px; line-height:  26px; }
.selectedAdminTab  a:hover { color: #333; text-decoration: none; }

.flash_notice {
	padding: 3px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-size: 11pt;
	background-color: #FFC;
	border-top: 1px solid #CFB52B;
	border-bottom: 1px solid #CFB52B;
}

.flash_message {
	padding: 3px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-size: 11pt;
	background-color: #D8FFD8;
	border-top: 1px solid #5F965D;
	border-bottom: 1px solid #5F965D;
}
.flash_warning {
	padding: 3px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-size: 11pt;
	background-color: #FFE0E0;
	border-top: 1px solid #C24444;
	border-bottom: 1px solid #C24444;
}
.empty_list_notice {
	padding: 10px;
	margin: 5px 0px;
	text-align: center;
	font-size: 11pt;
	background-color: #EDF3FE;
}
.pageContainer {	
	width: 100%;
	height: 100%;
	padding: 0px;
}

.pageSide {
	width: 20px;
}

.pageMiddle {
	background-color: #E5E5E5;
	padding: 0px 10px;
	vertical-align: top;
}

.footer {
	background-color: #E5E5E5;
	height:  25px;
	vertical-align: middle;
	color: #777;
	padding: 0px 15px;
	font-size: 9px;
}

.footer div {
	font-size: 9px;
	color: #777;
}

.footer a { font-size: 9px; color: #777; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

.footerRight {
	width: 120px;
}

.moreOptions {
	position: absolute;
	margin-left: 2px;
	padding: 5px;
	z-index: 1000;
	background-color: #FFF;
	border: 1px solid #777;
}
.moreOptions div {
	padding: 3px;
}

/* content page */

.pageContent {
	width: 100%;
	height: 100%;
}

.pageHeader td {
	font-size: 14pt;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #777;
}

.pageHeader a {
	font-size: 8pt;
	font-weight: normal;
}

.pageLeft {
	background-color: #FFF;
	padding: 10px 20px 20px 20px;
	vertical-align: top;
	font-size: 12pt;
	color: #000;
	border: 1px solid #CCC;
}

.pageCrumb {
	background: url(/images/bg-breadcrumb2.gif) repeat top;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
}

.pageCrumb span {
	background: transparent url(/images/breadcrumb_sep.gif) no-repeat scroll 0% 0%;
	float: left;
	margin: 0px 10px 0pt 0pt;
	width: 9px;
}

.pageCrumb a {
	color: #333;
	float: left;
	margin-left: -10px;
	padding: 0pt 10px;
	position: relative;
	text-decoration: none;
}

.pageCrumb a:hover {text-decoration: underline;}

.pageTopCatalog {
	height: 15px;
	background: url(/images/action-bg.gif) repeat top;
	border-bottom: 1px solid #CCC;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.pageCookieBar {
	height: 15px;
}

.pageColumn {
	padding-top: 10px;
}

.pageColumn h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px;
	color: #333;
}

.pageColumnTable td {
	padding: 5px 0px;
}

.pageColumn li {
	padding: 3px 0px;
	list-style-type: none;
	list-style-position: outside;
	border-bottom: 1px solid #F0F0F0;
}

.pageColumn li.subTitle {
	color: #777;
	margin: 5px 0px;
}

.pageColumn li.selectedItem {
	background-color: #EDF3FE;
}

.pageColumn li.selectedItem a {color: #000; text-decoration: none;}

.pageRight {
	width: 120px;
	font-size: 12pt;
	vertical-align: top;
	background-color: #E5E5E5;
}

.pageNew {
	padding: 10px;
	background-color: #D8FFD8;
}

.pageNew input {
	font-size: 8pt;
}

.pageNew select {
	font-size: 8pt;
}

.pageAlert {
	padding: 10px;
	margin: 10px;
	border: 1px solid #CCC;
	background-color: #FFF2F2;
}

.pageAlert span {
	font-size: 12pt;
	color: #933;
}

.pageInfo {
	width: 100%;
	background-color: #C7FFCD;
}

.pageInfo th {
	text-align: left;
	background-color: #9DE4A5;
	padding: 5px;
}

.pageInfo td {
	padding: 5px;
}

.linkMore { text-decoration: none; }
.linkMore:hover { text-decoration: underline; }

.linkHelp { text-decoration: none; border-bottom: 1px dotted #777; cursor: help; }

.titleHeaderLink {
	font-size: 14px;
	text-decoration: none;
	color: #000;
}

.titleHeaderLink:hover { background-color: #FFC; }

.pageExpandable {
	padding: 0px 2px;
	font-size: 9px;
	font-family: monospace;
	border: 1px solid #777;
	text-decoration: none;
	color: #777;
}

.helpBadge {
	border: 0px;
	margin: 0px 3px 0px 10px;
}

.pageHelpContainer {
	position: relative;
	top: -7px;
}

.pageHelp {
	background-color: #FFC;
	border: solid 1px #CFB52B;
	position: relative;
	z-index: 3;
	width: 700px;
	padding: 5px;
	line-height: 1.5em;
	margin: 0px;
}

.helpPopupContainer {
	z-index: 3;
	position: absolute;
}

.helpPopupMsg {
	background-color: #FFC;
	border: solid 1px #CFB52B;
	position: relative;
	z-index: 5;
	width: 200px;
	padding: 5px;
	line-height: 1.5em;
}

.calloutUp {
	position: relative;
	line-height: 0px;
	height: 14;
	width: 22;
	background: transparent url('/images/callout-up.gif') no-repeat;
	left: 0px;
	top: 3px;
	margin-left: 7px;
	z-index: 10;
}


/* tab styles */

.pageTabContainer {
	position: relative;
	margin-left: -1px;
	border: 0px;
	width: 120px;
}

.pageTab {
	padding: 5px;
	font-size: 8pt;
	font-weight: bold;
}

.pageTab a { color: #333; text-decoration: none; }
.pageTab a:hover { color: #333; background-color: transparent; text-decoration: underline; }

.pageTabSelected {
	padding: 5px 5px 5px 6px;
	font-size: 8pt;
	font-weight: bold;
	background-color: #FFF;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.pageTabSelected a { color: #000; text-decoration: none; cursor: default;}

.pageTabBlank {
	margin: 0px;
	padding:  10px;
}

.pageTabBlank b {
	color: #333;
}

.pageTabBlank hr {
	border: 0px;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
}

/* page errors */

.fieldWithErrors {
  padding: 2px;
  background-color: #c00;
  display: inline;
}

#errorExplanation {
  width: 400px;
	border: 1px solid #C24444;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #fff;
}

#errorExplanation h2 {
  text-align: left;
  font-size: 12px;
  padding: 5px 15px 5px 15px;
  margin: -7px -7px 0px -7px;
  background-color: #FFE0E0;
	border-bottom: 1px solid #C24444;
  color: #000;
	font-weight: bold;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}

/* side nav */

.sideNavHeader {
	height: 40px;
	background: url(/images/sidenav/top.gif) no-repeat top;
	padding: 0px 10px;
}

.sideNavHeader td {
	font-size: 12px;
	font-weight: bold;
}

.sideNavTop {
	height: 20px;
	background: url(/images/sidenav/top.gif) no-repeat top;
}

.sideNavMid {
	vertical-align: top;
	padding: 0px 10px;
	background-color: #E7EDF6;
}

.sideNavMid td {
	padding: 3px 0px;
}

.sideNavBot {
	height: 20px;
	background: url(/images/sidenav/bottom.gif) no-repeat bottom;
}

.sideNavSection {
	height: 30px;
	font-size: 12px;
	font-weight: bold;
}

/* side nav small */

.sideNavTopSmall {
	height: 20px;  
	font-size: 13px; 
	text-align: center;
}

.sideNavTopGrey {
	background: url(/images/sidenav_sm/grey_top.gif) no-repeat bottom;
}

.sideNavTopBlue {
	background: url(/images/sidenav_sm/blue_top.gif) no-repeat bottom;
}

.sideNavMidSmall {
	vertical-align: top; 
	padding: 10px;
}

.sideNavMidGrey {
	background-color: #F0F0F0; 
}

.sideNavMidBlue {
	background-color: #E7EDF6; 
}

.sideNavBotSmall {
	height: 20px;
}

.sideNavBotGrey {
	background: url(/images/sidenav_sm/grey_bottom.gif) no-repeat bottom;
}

.sideNavBotBlue {
	background: url(/images/sidenav_sm/blue_bottom.gif) no-repeat bottom;
}

.sideNavMidGrey a {text-decoration: none; color: #D90; font-size: 12px;}
.sideNavMidGrey a:hover {text-decoration: underline;}

.sideNavMidSmall ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.sideNavMidSmall li {
	list-style-type: none;
	font-weight: normal;
	color: #000;
	padding: 3px;
}

.sideNavMidSmall li a {text-decoration: none; color: #000; font-size: 10px;}
.sideNavMidSmall li a:hover {text-decoration: underline;}

/* page head tab UI */

.pageHTabs {
	width: 100%;
	height: 100%;
}


.pageHTabs .leader {
	width: 10px;
}

.pageHTabs .tab {
	background: #EDF3FE url(/images/report/tab-l.gif) no-repeat top left;
	cursor: pointer;
}

.pageHTabs .tab div {
	padding: 3px 0px;
	width: 100%;
	height: 100%;
	background: url(/images/report/tab-r.gif) no-repeat top right;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

.pageHTabs .tabSelected {
	background: #C3D9FF url(/images/report/tabsel-l.gif) no-repeat top left;
	cursor: pointer;
}

.pageHTabs .tabSelected div {
	padding: 3px 0px;
	width: 100%;
	height: 100%;
	background: url(/images/report/tabsel-r.gif) no-repeat top right;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

.pageHBar {
	height: 30px;
	background-color: #C3D9FF;
}

.pageHBar td {
	padding: 10px 10px;
}

.pageHBar select {
	font-size: 10px;
}

.pageBBar {
	padding: 3px 10px;
	height: 20px;
	background-color: #C3D9FF;
}

/* page iframe */

.pageFrameContainer {
	border-left: 1px solid #C3D9FF;
	border-right: 1px solid #C3D9FF;
}

.pageFrame {
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

/* search block */

#searchBlock input {
	font-size: 9pt;
}

#searchBlock option {
	font-size: 9pt;
}

.actionToggle {
	font-size: 13pt;
	border-bottom: 2px solid #CCC; 
	padding: 5px;
}

.actionToggle a {
	font-size: 8pt;
}

/* data tables */

.paginateTable {
	width:  100%;
}

.paginateTable td {
	width: 50%;
	padding:  2px;
	line-height: 20px;
}

.paginateTable2 {
	width:  100%;
}

.paginateTable2 th {
	padding:  5px;
	text-align: left;
	border: 1px solid #CCC;
	background: url(/images/bg-cell-header.gif) repeat top;
}

.paginateToggle {
	font-size: 14px;
}

.paginateToggle a {
	font-size: 8pt;
}

.listActionBlock {
	background: url(/images/action-bg.gif) repeat top;
	border: 1px solid #CCC;
	padding: 5px
}

.listActionBlock input {
	font-size: 8pt;
}

.listActionBlock select {
	font-size: 8pt;
}

.listActionTable td {
	padding-left: 5px;
	white-space: nowrap;
}

.listEditBlock {
	text-align: center;
	background-color: #FFF2F2;
	padding: 7px;
}

.listTable {
	width: 100%;
}

.listTable th {
	border-bottom: 1px solid #777;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	font-size: 10pt;
	line-height: 1.5;
	vertical-align: top;
}

.listTable td {
	border-bottom: 1px solid #CCC;
	padding: 5px;
	font-size: 8pt;
	line-height: 1.5;
	vertical-align: top;
}

.listTable input {
	font-size: 8pt;	
}

.listTable select {
	font-size: 8pt;	
}

.listFileFormat th {
	background-color: #F0F0F0;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	font-size: 8pt;
	line-height: 1.5;
	vertical-align: top;
}

.listEdit td {
	background-color: #D8FFD8;
}

.listEven td {
	border-top: 1px solid #EDF3FE;
	background: #EDF3FE;
}

.listOdd td {
	border-top: 1px solid #FFF;
	background: #FFF;
}

.listOver {
	background-color: #EDF3FE;
}

.listOver td {
	background-color: #EDF3FE;
	cursor: pointer;
}

.listEditable {
	font-weight: bold;
}

.listHighlight {
	color: #000;
	background-color: #FF0;
	padding: 2px;
}

.listOverdue {
	color: #FFF;
	background-color: #F00;
	padding: 2px;
}

.listTitle {
	font-size: 14px;
}

.listTitle a {text-decoration: none; color: #333;}
.listTitle a:hover {text-decoration: underline;}

.listDescription {
	color: #666666;
}

.listDescription a {text-decoration: none; color: #666666;}
.listDescription a:hover {text-decoration: underline;}

.listSessionDate {
	width: 50px;
	color: #333; 
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.listSessionMonth {
	background-color: #C33; 
	color: #FFF;
	line-height: 1.30em;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #900;
}

.listSessionDay {
	font-size: 14px;
	padding: 2px;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #999;
}

.formatStripe {
	margin-left: -20px;
	margin-right: -20px;
	padding: 10px 20px 10px 20px;
}

.formatStripe th {
	width: 120px;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: top;
	color: #333;
}

.formatStripe td {
	padding: 5px;
}

.gridBlock th {
	text-align: right;
	font-size: 12px;
	width: 125px;
	padding: 5px;
}

.gridBlock td {
	padding: 5px;
}

/* form styles */

.formHeader {
	background: url(/images/action-bg.gif) repeat top;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: normal;
	padding: 3px 5px;
	color: #333333;
}

.formHeader a { color: #777; font-size: 11px; text-decoration: none;}
.formHeader a:hover { text-decoration: underline; }

.formBlock {
	width: 100%;
}

.formBlock th {
	text-align: right;
	vertical-align: top;
	font-size: 12px;
	font-weight: normal;
	width: 200px;
	padding: 5px;
	background-color: #F0F0F0;
}

.formBlock th sup {
	color: red;
}

.formBlock td {
	padding: 5px;
}

.optionBlock {
	width: 100%;
}

.optionBlock th {
	background-color: #E9E9E9;
	border-bottom: 1px solid #DDD;
	text-align: left;
	padding: 5px;
}

.optionBlock td {
	background-color: #F1F1F1;
	padding: 5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.paginationTable { width: 100%; }

.paginationTable td {
	height: 25px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: right; /*Set to "right" to right align pagination interface*/
	font-size: 10px;
}

.pagination li{
	line-height: 20px;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	color: #777;
}

.pagination a {
	padding: 0 5px;
	text-decoration: none; 
	font-weight: bold;
}

.pagination a, .pagination a:visited {
	border: 1px solid #777;
	color: #777;
}

.pagination a:hover, .pagination a:active {
	border: 1px solid #3875D7;
	background-color: #3875D7;
	color: #FFF;
}

.pagination li.currentpage a {
	border: 1px solid #3875D7;
	background-color: #3875D7;
	color: #FFF;
}

.pagination li.disablepage a {
	border: 1px solid #CCC;
	color: #CCC;
	cursor: default;
}

.pagination li.disablepage a:hover, .pagination li.disablepage a:active {
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #CCC;
}

/* Preview Scrollable */

.previewScrollable {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	overflow: auto;
	z-index: 0;
}

.previewInsideScrollable {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}

/* Report tables */

.reportType {
	font-size: 13pt;
	border-bottom: 2px solid #CCC; 
	padding: 5px;
}

.reportItem {
	border-bottom: 1px solid #E5E5E5;
	padding: 7px 5px;
	font-size: 13px;
}

/* btn format */

a.roundbtn {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.roundbtn span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

.selectbtn {
	float: left;
	margin: 0pt;
}

.selectbtn b {
	background: #F0F0F0 url(/images/bg-drop-btn.gif) repeat top;
	position: relative; 
	display: block; 
	float: left;
	border-color: #999;
	border-style: solid; 
	border-width: 1px 0px;
	margin: -2px -1px;
	padding: 2px 1px;
}

.selectbtn b:hover {
	border-color: #0066FF;
}

.selectbtn b b {
	position: relative;
	display: block;  
	border-width: 0px 1px;
	margin: -2px -2px;
	padding: 2px 2px;
}

.selectbtn b b b {
	background: transparent url(/images/report/drop-btn.gif) no-repeat scroll 100% 50%;
	padding-right: 15px;
	border-width: 0px;
}

/* stackable */

.stackable th {
	width: 300px;
	text-align: left;
	font-size: 10pt;
	border-bottom: 1px solid #E5E5E5;
	padding: 3px;
}

.stackable td {
	border-bottom: 1px solid #E5E5E5;
	padding: 3px;
}


/* modal */
.modal {
	width: 700px;
}
.modalTL {
	width: 65px;
	height: 65px;
	background: transparent url(/images/modal/tl.png) no-repeat scroll left top;
}
.modalT {
	height: 65px;
	background: transparent url(/images/modal/t.png) repeat scroll left top;
	text-align: center;
	font-size: 16px;
}
.modalTR {
	width: 65px;
	height: 65px;
	background: transparent url(/images/modal/tr.png) no-repeat scroll left top;
}
.modalL {
	width: 65px;
	background: transparent url(/images/modal/l.png) repeat scroll left top;
}
.modalR {
	width: 65px;
	background: transparent url(/images/modal/r.png) repeat scroll left top;
}
.modalBL {
	width: 65px;
	height: 65px;
	background: transparent url(/images/modal/bl.png) no-repeat scroll left top;
}
.modalB {
	height: 65px;
	background: transparent url(/images/modal/b.png) repeat scroll left top;
}
.modalBR {
	width: 65px;
	height: 65px;
	background: transparent url(/images/modal/br.png) no-repeat scroll left top;
}
.modalMain {
	background-color: #FFF;
	vertical-align: top;
}

/* catalog */

.searchBtn {
	display: inline;
	width: 70px;
	text-align: center;
	padding: 3px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background: url(/images/catalog/search-btn.gif) repeat top;
	border: 1px solid #C96;
	cursor: pointer;
}

.catalog_row {
	padding: 10px 0px;
	border-bottom: 1px solid #CCC;
}

.catalog_dialog {
	width: 400px;
	background-color: #EDF3FE;
	padding: 20px;
}

.catalog_type {
	float: left;
	position: absolute;
	z-index: 1000;
	background-color: #3875D7;
	color: #FFF;
	padding: 2px;
}

.catalog_box_view {
	margin: 10px 0px 20px 0px;
	padding: 20px;
	background-color: #EDF3FE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.catalog_list_container {
	margin: 20px 0px;
}

.catalog_list_container div.row {
	padding: 7px 0px;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}

.catalog_list_container div.row_hover {
	background-color: #EDF3FE;
}

.catalog_list_container div.image {
	float: left;
}

.catalog_list_container div.status {
	float: right;
}

.catalog_list_container div.price {
	margin-top: 5px;
	font-weight: bold;
}

.catalog_list_container div.content {
	margin-left: 60px;
}

.catalog_list_container div.title {
	display: inline;
	font-size: 14px;
}

.catalog_list_container div.author {
	display: inline;
	color: #555;
	margin-left: 5px;
}

.catalog_list_container div.stars {
	margin-left: 5px;
	display: inline;
}

.catalog_list_container div.description {
	color: #555;
	margin-top: 5px;
}

div.course_search_block {
	margin-bottom: 20px;
}

div.course_search_block div.course_name {
	display: inline;
	padding: 5px;
	background-color: #EDF3FE;
	border: 1px solid #36C;
	color: #36C;
}

.catalog_top_items {
	margin-left: 15;
	padding: 0;
}

.catalog_top_items li {
	border: none;
	margin: 0;
	padding: 3px 0;
	list-style-type: decimal;
	list-style-position: outside;
}

.catalog_categories a {
	display: block;
	text-decoration: none;
	line-height: 2em;
	border-top: 1px dotted #CCC;
	color: #333;
}

.catalog_categories td {
	text-align: center;
	padding: 0 20px 20px 0;
}

.catalog_item_header {
	line-height: 1.5em;
}

.catalog_item_header div.cover_art {
	float: left;
}

.catalog_item_header div.content {
	margin-left: 70px;
}

.catalog_item_header div.content div {
	margin-top: 10px;
}

.catalog_item_header div.price {
	font-size: 14px;
}

div.catalog_package_status {
	width: 275px;
	margin: 20px 0px 0px 0px;
	background-color: #FFC;
	border: 1px solid #CFB52B;
	padding: 20px;
}

div.checkout_confirm {
	width: 650px;
	margin: 20px auto;
	padding: 20px;
	line-height: 2em;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.checkout_confirm  form {
	display: inline;
}

div.checkout_confirm div.title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.checkout_confirm div.image {
	float: left;
	margin-bottom: 10px;
}

div.checkout_confirm div.details {
	margin-left: 60px;
	margin-bottom: 10px;
}

div.checkout_confirm div.session_details {
	margin-bottom: 10px;
}

div.checkout_confirm div.session_details div.separator {
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

div.checkout_confirm div.disclaimer div.separator {
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

div.checkout_confirm div.action {
	margin-top: 10px;
}

div.checkout_confirm div.congratulations_actions {
	text-align: center;
	margin-top: 20px;
}

div.checkout_confirm form.button-to div {
	display: inline;
}

div.checkout_confirm div.schedule {
	margin: 10px 0px;
}

div.checkout_confirm div.schedule img {
	margin-right: 5px;
	vertical-align: middle;
}

/* signup styles */

div.signup_container {
	width: 650px;
	margin: 0px auto;
	padding: 20px;
	line-height: 2em;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.signup_container div.title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.signup_container h2 {
	font-size: 14px;
	margin: 10px 0px;
}

div.signup_container div.instructions {
	color: #555;
}

div.signup_container div.instructions strong {
	color: #000;
}

div.signup_container h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
}

div.signup_container table.form_block th {
	padding: 5px 5px;
	font-weight: normal;
	width: 100px;
	text-align: right;
}

div.signup_container table.form_block td {
	padding: 5px 0px;
	text-align: left;
}

div.signup_container div.terms {
	margin-top: 20px;
}

div.signup_container div.terms div.separator {
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

div.signup_container div.content {
	margin-top: 10px;
}

div.signup_container div.action {
	margin-top: 20px;
}

div.signup_container div.signupPlanDetails {
	background-color: #E3EBF4;
	border-top: 1px solid #5482AF;
	border-bottom: 1px solid #5482AF;
	margin: 20px -20px;
	padding: 10px 20px;
	border-right: none;
	border-left: none;
}

/* reports styles */
.usage_report th {
	padding: 3px 5px;
	font-size: 14px;
	background: url(/images/action-bg.gif) repeat top;
	text-align: left;
	font-weight: normal;
	border: 1px solid #CCC;
}

.usage_report td {
	padding: 3px;
	font-size: 14px;
}

/* calendar */

.calendarSmall th {
	width: 20px;
	height: 20px;
	border-bottom: 1px solid #000;
	color: #000;
	text-align: center;
	font-weight: normal;
}

.calendarSmall td {
	width: 20px;
	height: 17px;
	text-align: center;
}

.calendarSmallInMonth {
	color: #000;
}

.calendarSmallOutMonth {
	color: #CCC;
}

.calendarToday {
	color: #F00;
}

.calendarOverdue {
	background-color: red;
}

.calendarOverdue {
	background-color: yellow;
}

/* forum and blogs */

.styledHeader {
	font-size: 14px;
	color: #06C;
}

.styledLink {
	color: #06C; 
	text-decoration: none;
}

.styledLink:hover {
	color: #06C;
	text-decoration: underline;
}

.blogTitle {
	font-size: 18px;
}

.blogTitle a {text-decoration: none; color: #333;}
.blogTitle a:hover {text-decoration: underline;}

/* queue */

.queue_row {
	border-bottom: 1px solid #CCC;
}

.queue_row td {
	padding: 10px 0px;
}

/* light tabs */

.lightTabs {
	width: 100%;
}
table.lightTabs td {
	padding: 3px 0px;
}
table.lightTabs td.lightTab {
	width: 150;
	text-align: center;
	border-bottom: 1px solid #CCC;
}
table.lightTabs td.lightTab a { text-decoration: none; color: #000; }
table.lightTabs td.lightTab a:hover { text-decoration: underline;}
table.lightTabs td.lightTabSelected {
	background-image:url(/images/light_tab.gif);
	width: 150;
	text-align: center;
}
table.lightTabs td.lightTabSelected a { text-decoration: none; color: #000; }
table.lightTabs td.lightBar {
	border-bottom: 1px solid #CCC;
}

#progress-results {
	width: 400px;
	font-size: 10px;
	text-align: left;
	color: #999999;
}

#progress-bar {
  width: 400px;
  height: 10px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  border: solid 1px #777;
}

#progress-bar #status-bar {
  display: block;
  height: 10px;
  width: 0%;
  margin: 0px;
  padding: 0px;
  background-color: #CCC;
  border-right: solid 1px #777;
}

/* custom fields */

.inputFieldEmpty {
	color: #777;
}

/* live search */

#live_search_block {
	width: 99%;
	height: 200px;
	border: 1px solid #777;
	overflow: auto;
}

#live_search_block li {
	list-style-type: none;
	padding: 5px 10px;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}

.live_search_name a {color: blue; padding: 5px 10px; background-color: #FFF; border: 1px solid #CCC;}
.live_search_name a:hover {background-color: #EDF3FE;}

.live_search_selected {
	padding: 5px 10px; 
	background-color: #FFF; 
	border: 1px solid #CCC;
}

/* editable list ( used for curriculum activities now ) */

.editable_list_row {
	padding: 5px 5px;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}

.editable_list_row_over {
	background-color: #EDF3FE;
}

/* Plans */

.planTable {
	color: #777;
}

.planTable th {
	color: #000;
	text-align: left;
}

.planTable td, .planTable th {
	width: 120px;
}

.planTable div {
	padding: 5px;
}

.priceRow {
	color: #000;
}

.priceRow th, .priceRow td {
	border-bottom: 1px solid #000;
}

.planPurchaseBtn {
	width: 120px; 
	float: left; 
	border: 1px solid #777; 
	margin-right: 10px; 
	text-align: center; 
	cursor: pointer; 
	padding: 2px;
	text-decoration: none;
	color: #000;
}

.planPurchaseBtn:hover {background-color: #777; color: #FFF;}

.invoiceBlock {
	display: block;
	padding: 20px;
	background-color: #EDF3FE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.billingTable {
	width: 100%;
}

.billingTable th {
	width: 120px;
	font-weight: bold;
	padding: 2px;
	text-align: left;
}

.billingTable td {
	color: #666666;
	padding: 5px;
}

.account_plan_status {
	background-color: #FFC; 
	border: 1px solid #CFB52B; 
	padding: 7px;
}

/* log */

.log_row {
	padding: 0px 5px;
	border-bottom: 1px solid #CCC; 
	line-height: 2em;
	height: 50px;
}

.log_success {
	background-color: #D8FFD8;
}

.log_warning {
	background-color: #FFC;
}

.log_failure {
	background-color: #FFE0E0;
}

/* manage page */

#adminBlock {
	border: 0px;
	padding-top: 10px;
	margin-bottom: 30px;
}
legend {
	font-size: 14px;
	color: #000;
}
#adminBlock div {
	float: left;
	width: 30%;
	min-width: 250px;
	padding: 10px;
	line-height: 1.5em;
	color: #666666;
}
.adminBlockImgContainer {
	padding: 4px;
	border: 2px solid #CCC;
	float: left;
	margin-right: 10px;
}
#adminBlock img {
	width: 40px;
	height: 40px;
	border: 0px;
}
#adminBlock a {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
#adminBlock a:hover { text-decoration: underline; }
div.welcomeBlock {
	background-color: #EDF3FE;
	padding: 20px;
}
div.welcomeBlock td {
	vertical-align: top;
	line-height: 1.5em;
}
div.welcomeBlock td strong {
	color: red;
}

/* old filter css 
 still used by asset autocomplete */

.filterHeader td {
	background-color: #E9E9E9;
	border-bottom: 1px solid #DDD;
	padding: 5px;
}
.filterHeader input {
	font-size: 8pt;
}
.filterHeader select {
	font-size: 8pt;
}
.filterBody {
	background-color: #F1F1F1;
	border-bottom: 1px solid #E9E9E9;
	padding: 5px;
}
.filterBody input {
	font-size: 8pt;
}
.filterBody select {
	font-size: 8pt;
}
.conditionTableSelected {
	width: 100%;
	border: 2px solid #BAD4EB;
}
.conditionTable {
	width: 100%;
	border: 2px solid #CCC;
}
.conditionName {
	width: 100px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}
.conditionValue {
	background-color: #FFF;
	border: 1px solid #CCC;
}
.conditionSeperator {
	padding: 3px;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.valueCell {
	display: inline;
}
.valueLeft {
	width: 10px;
	height: 19px;
}
.valueMiddle {
	height: 19px;
	font-size: 8pt;
	padding: 0px 2px 0px 2px;
	background: url(/images/filter/value_cell_m.gif) repeat scroll center top;
}
.valueRight {
	width: 22px;
	height: 19px;
}
.valueRedLeft {
	width: 10px;
	height: 19px;
}
.valueRedMiddle {
	height: 19px;
	font-size: 8pt;
	padding: 0px 2px 0px 2px;
	background: url(/images/filter/value_red_cell_m.gif) repeat bottom;
}
.valueRedRight {
	width: 22px;
	height: 19px;
}
.filterButton {
	border-top: 1px solid #F0F0F0; 
	border-right: 1px solid #CCC; 
	border-bottom: 1px solid #CCC; 
	border-left: 1px solid #F0F0F0; 
	padding: 2px 5px 2px 5px;
	text-align: center;
	cursor: pointer;
}

.filterSavedSelect {
	margin-top: 7px;
	display: block;
	width: 100%;
}

/* New Filter CSS */
div.filterGroups {
	border: 1px solid #CCC; 
	background-color: #F1F1F1; 
	padding: 7px;
	width: 700px;
}

div.filterGroups select {
	font-size: 9pt;
}

#filter_groups_container {
	margin-top: 7px;
}

div.filterGroupContainer {
	border: 1px solid #CCC; 
	background-color: #FFF; 
	padding: 2px
}

table.filterItem {
	width: 100%;
}

table.filterItem input {
	width: 100%;
	font-size: 9pt;
}

table.filterItem select {
	width: 100%;
	font-size: 9pt;
}

.filterLoadableList {
	margin-top: 7px;
	padding: 5px 10px;
	line-height: 2em;
	background-color: #FFF;
	border: 1px solid #CCC;
	overflow: auto;
	position: relative;
	height: 100px;
}


/* Autocomplete CSS */

div.auto_complete {
	width: 350px;
    background: #fff;
}
div.auto_complete ul {
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
div.auto_complete ul li {
	margin: 0;
	padding: 3px;
	border-bottom: 1px solid #CCC;
}
div.auto_complete ul li.selected { 
	background-color: #EDF3FE; 
}
div.auto_complete ul strong.highlight { 
	color: #800; 
	margin: 0;
	padding: 0;
}

/* Filter Actions */

.filterActionBtn {
	float: left;
	margin-right: 10px;
	color: #5F5F5F;
	width: 85px;
	padding: 0px 4px;
	cursor: pointer;
	border: 1px solid #5F5F5F;
}

.filterSubtleLink {color: #5F5F5F; text-decoration: none; margin-right: 10px;}
.filterSubtleLink:hover {text-decoration: underline;}


/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index:9999;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
	background-color: #FFF;
	padding: 5px 10px;
	width: 100px;
}

#lightbox.loading p {
	font-size: 14px;
	color: #777;
	margin: 0px;
}

/*
#lightbox.done img{
	width:100%;
	height:100%;
}
*/


/* IMPORTANT:  The SCW calendar script requires all       
               the classes defined here.                  
*/                                                        
table.scw      {padding:       1px;                       
                vertical-align:middle;                    
                border:        1px solid #CCCCCC;         
                font-size:     8pt;                       
                font-family:   Arial,Helvetica,Sans-Serif;
                font-weight:   bold;}                     
td.scwDrag,                                               
td.scwHead                 {padding:       0px 0px;       
                            text-align:    center;}       
td.scwDrag                 {font-size:     8pt;}          
select.scwHead             {margin:        3px 1px;
							font-size:     8pt; 
                            text-align:    center;}       
input.scwHead              {vertical-align:middle;        
                            text-align:    center;        
                            margin:        2px 1px;       
                            font-weight:   bold;          
                            font-size:     8pt;          
                            font-family:   fixedSys;}     
td.scwWeekNumberHead,                                     
td.scwWeek                 {padding:       0px;           
                            text-align:    center;        
                            font-weight:   bold;}         
td.scwFoot,                                               
td.scwFootHover,                                          
td.scwFoot:hover,                                         
td.scwFootDisabled         {padding:       0px;           
                            text-align:    center;        
                            font-weight:   normal;}       
table.scwCells             {text-align:    right;         
                            font-size:     8pt;           
                            width:         96%;}          
td.scwCells,                  
td.scwCellsHover,             
td.scwCells:hover,            
td.scwCellsDisabled,          
td.scwCellsExMonth,           
td.scwCellsExMonthHover,      
td.scwCellsExMonth:hover,     
td.scwCellsExMonthDisabled,   
td.scwCellsWeekend,           
td.scwCellsWeekendHover,      
td.scwCellsWeekend:hover,     
td.scwCellsWeekendDisabled,   
td.scwInputDate,              
td.scwInputDateHover,         
td.scwInputDate:hover,        
td.scwInputDateDisabled,      
td.scwWeekNo,                 
td.scwWeeks                {padding:           3px;       
                            width:             16px;      
                            height:            16px;      
                            border-width:      1px;       
                            border-style:      solid;     
                            font-weight:       bold;      
                            vertical-align:    middle;}   
/* Blend the colours into your page here...    */         
/* Calendar background */                                 
table.scw                  {background-color:  #F0F0F0;}  
/* Drag Handle */                                         
td.scwDrag                 {background-color:  #9999CC;   
                            color:             #CCCCFF;}  
/* Week number heading */                                 
td.scwWeekNumberHead       {color:             #000000;}  
/* Week day headings */                                   
td.scwWeek                 {color:             #000000;}  
/* Week numbers */                                        
td.scwWeekNo               {background-color:  #776677;   
                            color:             #CCCCCC;}  
/* Enabled Days */                                        
/* Week Day */                                            
td.scwCells                {background-color:  #FFFFFF;   
                            color:             #000000;}  
/* Day matching the input date */                         
td.scwInputDate            {background-color:  #3875D7;   
                            color:             #FFFFFF;}  
/* Weekend Day */                                         
td.scwCellsWeekend         {background-color:  #FFFFFF;   
                            color:             #000000;}  
/* Day outside the current month */                       
td.scwCellsExMonth         {background-color:  #CCCCCC;   
                            color:             #666666;}  
/* Today selector */                                      
td.scwFoot                 {color:             #000000;}  
/* MouseOver/Hover formatting                             
       If you want to "turn off" any of the formatting    
       then just set to the same as the standard format   
       above.                                             
                                                          
       Note: The reason that the following are            
       implemented using both a class and a :hover        
       pseudoclass is because Opera handles the rendering 
       involved in the class swap very poorly and IE6     
       (and below) only implements pseudoclasses on the   
       anchor tag.                                        
*/                                                        
/* Active cells */                                        
td.scwCells:hover,                                        
td.scwCellsHover           {background-color:  #3875D7;   
                            cursor:            pointer;   
                            cursor:            hand;      
                            color:             #FFFFFF;}  
/* Day matching the input date */                         
td.scwInputDate:hover,                                    
td.scwInputDateHover       {background-color:  #3875D7;   
                            cursor:            pointer;   
                            cursor:            hand;      
                            color:             #FFFFFF;}  
/* Weekend cells */                                       
td.scwCellsWeekend:hover,                                 
td.scwCellsWeekendHover    {background-color:  #3875D7;   
                            cursor:            pointer;   
                            cursor:            hand;      
                            color:             #FFFFFF;}  
/* Day outside the current month */                       
td.scwCellsExMonth:hover,                                 
td.scwCellsExMonthHover    {background-color:  #3875D7;   
                            cursor:            pointer;   
                            cursor:            hand;      
                            color:             #FFFFFF;}  
/* Today selector */                                      
td.scwFoot:hover,                                         
td.scwFootHover            {color:             #FFFFFF;
							background-color:  #3875D7;		
                            cursor:            pointer;   
                            cursor:            hand;      
                            font-weight:       normal;}     
/* Disabled cells */                                      
/* Week Day */                                            
/* Day matching the input date */                         
td.scwInputDateDisabled    {background-color:  #3875D7;   
                            color:             #FFFFFF;}  
td.scwCellsDisabled        {background-color:  #FFFFFF;   
                            color:             #000000;}  
/* Weekend Day */                                         
td.scwCellsWeekendDisabled {background-color:  #FFFFFF;   
                            color:             #CC6666;}  
/* Day outside the current month */                       
td.scwCellsExMonthDisabled {background-color:  #FFFFFF;   
                            color:             #666666;}  
td.scwFootDisabled         {background-color:  #FFFFFF;   
                            color:             #666666;}