/* Zero-out browser default margins/padding */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #efefef;
	margin: 0; padding: 0 .5em;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 85%;
	line-height: 1.4;
}

a {
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
	color: #FF7642;
}

a img {
	border: none;
}

b {
	display: none;
}

p {
	margin-bottom: 1em;
}

cite {
	display: block;
	font-style: italic;
}

dfn {
	border: 1px dotted #333;
	border-width: 0 0 1px;
}

ul, ol {
	list-style: none;
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {	font-weight: bold; margin-top: .5em; }
h1 { font-size: 1.4em; text-align: center;}
h2 { font-size: 1.25em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5,h6 { font-size: 1em; } 

table {
	border: 1px solid #eee;
	margin: 0 auto 1em;
	width: 90%;
}
td {
	text-align: center;
	padding: .1em .2em;
}
th {
	padding: 0 .5em;
	white-space: nowrap;
	background: #ddd;
}
caption {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	margin: 0 auto;
	padding: 5px;
}

/************************************
	Layout
**************************************/
/* Whole page */
div#pagewrapper {
	margin: 5px 2%;
	position: relative;
	height: 100%;
	background: #fff url(/assets/5/img/nav_bg.gif) left top repeat-y;
}

html>body div#pagewrapper {
	margin: 5px auto;
	max-width: 1000px;
	min-width: 720px;
	height: auto;
}

/*********** Page Header ************/
div#pageheadwrap {
border-bottom: 1px solid green;
}
* html div#pageheadwrap {
	height: 1%;/* applying hasLayout for IE 6 to avoid peekaboo bug with the background */
}

div#masthead {
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 0 10px;
		border: 2px solid #BE9700;
	border-width: 2px 0;
	height: 110px;
	background: #fff;

}

#logo {
	top: 0;
	left: 0;
	float: left;
}

/* quicklinks is at the end of the markup in footer, 
	memberwelcome is right after the masthead wrap */
div#quicklinks,
div#memberwelcome {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 999;
}
div#memberwelcome p {
	margin: 0;
	text-align: right;
}
/* top-right-links is the ul contained within div#quicklinks */
#top-right-links {  /* this is the actual UL, contained withing div#quicklinks */
	float: right;
}

#top-right-links li {
	float: left;
	padding: 0 .8em;
	border-right: 1px solid #000;
}

#top-right-links li.last {
	border-right: none;
	padding-right: .4em;
}

#top-right-links a {

	color: #000;
	text-decoration: none;
}

#top-right-links a:hover {
	color: #ca2400;
}

/**************** Content ***************/
div#contentwrap {
	float: right;
	width: 75%;
	padding-bottom: 2em;
	margin-right: 1em;
}

div#content {
	width: 100%;
	float: right;
	text-align: left;
	background: #fff; /* need explicit value here, else the fade.js script will throw IE into a serious tizzy */
}

div#maincolumn {
	float: left;
	width: 70%;
	margin: 0 0 1em 2%;
}

/******* Sidebar *******/
/*
there are sidebar-related rules in the forms.css sheet too
*/

div#sidebar {
	float: right;
	width: 23%;
}

div#sidebar h2 {
	font-size: 1.1em;
	margin: .5em 0;
	font-weight: bold;
	text-align: center;
	font-family: Georgia, Times, serif;
}


/* #contentwrapper (not the same as #contentwrap arrgh) wraps text-heavy 
	blocks of content for easy reading.  */
div#contentwrapper {
	width: 70%;
	max-width: 60em;
	min-width: 30em;
	margin: 0 auto;
}


/***************************************
	Footer
***************************************/
div#footer {
	clear: both;
	background: #efefef;
	border-top: 2px solid #BE9700;
	padding: 15px 2em 5px;
	text-align: right;
}

p#creditfooter {
	position: absolute;
	left: -999em;
	top: -999em;
}

div#footer div#fontsizer {
	float: left;
	color: #555;
}
div#footer div#fontsizer a {
	line-height: 1em;
}


/**************** forms.css **************/
/*********************
	Basic Forms styles
***********************/

form {
	text-align: center;
	margin: 0 auto; padding:0;
	float: none;
	width: 40em;
}
* html form {
	width: 36em;
}
form fieldset {
	margin: .5em auto;
	padding: .5em 1em;
	border: 1px dashed #ccc;
	text-align: left;
}
legend {
	font-style: italic;
	margin-bottom: .2em;
	background: #fff;
	padding: 0 .3em;
	color: #AA0F12;
}
form fieldset div {
	display: block;
	margin: 0 auto .4em;
    padding: 2px;
	clear: left;
	float: left;
	width: 100%; /* lil hack to prevent inputs disappearing in IE at alternate font sizes */
}

form label {
	width: 30%;
	display: block;
	float: left;
	clear: left;
	margin-right: 1em;
}
form label.required {
	font-weight: bold;
}
form label.hidden {
	display: block ! important;
	visibility: hidden;
}
form label.textarea {
	float: none;
}
form div input{
	width: 60%;
	float: left;
}
form div select {
	width: 55%;
	float: left;
}

input, textarea, select, option {
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	border: 1px solid #999;

}

/* Firefox has a bug that makes "hidden" inputs visible when you put a border on em.
	Luckily firefox also supports type selecter too, so...
 */
input[type=hidden] { position: absolute; left: -9999px; visibility: hidden; }

textarea {
	width: 100%;
	height: 4em;
	margin: .2em auto;
	display: block;
	clear: both;	
	line-height: 1.4;
}

input:focus,
select:focus,
textarea:focus {
	background: #ffc;
	border: 1px dashed #9B863C;
}

fieldset a.help {
	float: right;
	margin-top: .25em;
}
div.checkbox a.help {
	float: left;
}
label.textarea {

}
label.textarea a.help {
	margin-top: -1.2em;
}
html>body label.textarea a.help {
	margin-top: -1.6em;
}

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

form fieldset input {
	line-height: 1.2em;
	display: block;
}
input.checkbox {
	border: none;
	margin-right: 5px;
}

/* nested fieldsets are only for radio button groups */
form fieldset fieldset {
	border: 1px solid #ccc;
	width: 13em;
}
form fieldset fieldset label {
	display: inline;
	float: none;
}
form fieldset fieldset input {
	display: inline;
	width: 2em;
}
fieldset.radio-group label {
	color: #333;
	margin-right: 3em;
}
fieldset.radiogroup label {
	float: left;
	clear: none;
	width: auto;
	margin-right: .5em;
	padding-top: 2px;
}
fieldset.radiogroup input {
	float: left;
	margin: 0;
	border: none;
}
fieldset.radiogroup label:hover,
fieldset.radiogroup label.sfhover {
	background: #ffa;
}



form div.error,
div.errors,
tr.errors td,
tr.errors th {
    border: 2px solid red;
    background-color: #FFC8C8;
}

form label.required {
	font-weight: bold;
}
form label.hidden {
	display: block ! important;
	visibility: hidden;
}

form div.required label {
	font-weight: bold;
}
form fieldset input.checkbox {
	width: auto !important 	;
}
form select.pagesize {
	width: 8em;
}

form fieldset span.status {
    display: block;
    padding-left: 2em;
    margin-left: 40%;
    font-size: 90%;
    font-style: italic;
}

form fieldset span.status label.error {
    font-weight: normal;
    color: red;
    width: auto !important;
}

form div.summary table td {
	text-align: right;
}

p.radiogroup-label {
	margin: 0;
	background: #eee;
	padding: 0 .5em;
}
fieldset.radiogroup {
	border: 1px solid #eee;
	width: auto;
	margin: 0 0 1.2em;
	padding: .1em 0;
}


div.advmultiwrap label {
	width: 100%;
	float: none;
	text-align: left;
}
div.advmultiwrap input {
	width: 2em;
}
/* for automatically-generated advmulti checkbox groups.  override this for two-pane table style. */
table.multiselect {
width: auto;
float: left;
}
table.multiselect label {
width: auto;
display: block;
padding-bottom: .3em;
}
table.multiselect input {
width: auto;
margin-right: .5em;
}

/*div.menuwrap {
	text-align: center;
	float: none;
}
*/

div.advmultiwrap fieldset {
	width: auto;
}
div.advmultiwrap fieldset label {
	display: block;
	float: left;
	clear: left;
	width: auto;
	padding-top: 2px;
}
div.advmultiwrap fieldset label:hover {
	background: #ffa;
}
div.advmultiwrap fieldset input {
	float: left;
	margin-top: -2px;
}


div#sidebar form {
	width: auto;
}
div#sidebar fieldset {
	border: none;
}
div#sidebar div.textarea label {
	width: auto;
}




div#content div#sidebar form {
width: auto;
}

div#sidebar form label {
float: none;
clear: left;
width: auto;
font-size: 90%;
}
div#sidebar form select,
div#sidebar form fieldset input {
float: left;
width: 98%;
margin: 0;
}
div#sidebar form textarea {
height: 6em;
}
div#sidebar div.formcomment {
font-size: 90%;
}
div#sidebar div.formcomment p {
margin-bottom: .5em;
padding: 0;
}
form {
	width: auto;
}
fieldset {
	width: 80%;
}

form fieldset {
	float: none;
	width: auto;
}
form label {
	width: 25%;
}
/**************** generalized.css ***************/
/* included from 1 */
/*************************************
	Generalized Classes
**************************************/
/* Structural Labels are headings to explain to non-visual UAs
	what blocks of the document are.  E.g. "Login", "Navigation" etc. */
.structural-label {
	position: absolute;
	left: -9999px;
}

/* The evil clearing element */
.clearing {
	clear: both;
    height: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}
table.clearing {
	height: auto;
	font-size: 1em;
}

/* Blocks for comments,brief instructions, etc; esp at the top of forms. */
div.content-block {
	width: 60%;
	margin: 1em auto;
}
html>body div.content-block {
	min-width: 20em;
}

/**** Rounded Boxes - styling the output of smarty plugin {rounded_box}
		No longer rounded.  -- Max, 11 Dec 09
*****/
div.box {
	margin: 0 0 1em;
padding: .5em 0 1em;
background: #fff url(/assets/1/img/boxtop.jpg) top repeat-x;
border-top: 1px solid #ccc;
}

div.box-inner {
	margin: .5em;
}

div.box h2, div.box p, div.box li {
}
div.box ol {
	padding-left: 2em;
	margin-bottom: 1em;
}
div.box ol li {
	margin-left: .5em;
}

#sidebar div.box h2,
#sidebar div.box h3 {
	margin: .5em 0 .25em;
}

div.box2 h2 span {
	font-style: italic;
	font-size: 75%;
	display: block;
}

/********** System Message is for msgs in response to user action **********/
div.system-message {
	width: 80%;
	margin: 1em auto;
	background: transparent;
	text-align: center;
}
div.system-message ul li {
	text-align: center;
	background-image: none;
	padding: 0; margin: 0 auto .5em;
}
div.system-message p {
	margin: 2px;
}

/************* Various font styling classes ***********/
.hidden {
	position: absolute;
	left: -9999em;
    top: -9999em;
}
.subtitle {
	text-align: center;
	font-weight: bold;	
}
.emph {
	font-weight: bold;
}
.de-emph {
	font-style: italic; color: #999;
}
.ital {
	font-style: italic;
}
.centered {
    text-align: center;
}
span.title { /* for book/journal/etc titles within text. */
	font-style: italic;
}
.important-text {
	color: red;
	font-weight: bold;
}
.printonly {
	display: none;
}
.small {
	font-size: .8em;
}
.tiny, .tinytext {
	margin: 1px;
	font-size: .7em;
}
.lastupdated {
    font-size: 90%;
    color: #666;
    text-align: center;
    font-style: italic;
}

ul.columnlist {
	width: 50%;
	margin: 1em auto;
}
ul.columnlist li {
	width: 50%;
	text-align: center;
}
li.odd {
	float: left;
	clear: left;
}
li.even {
	float: right;
	clear: right;
}

/********** Headings for lists and such *************/
div.heading {
background: #fff;
border-bottom: 2px solid #b72700;
padding: 3px 0 1px;
margin: .5em 0;
}

div.heading h4 {
width: 70%;
float: left;
margin: 0;
}


/******* Lists of "content points" ******/
ul.points {
	margin: 0 auto; padding: 0;
}
ul.points li {
	margin: .5em 0 .5em 1.2em;
	padding-left: 24px;
	background: transparent url(/assets/1/img/checkmark.gif) no-repeat;
	text-align: left;
	line-height: 1.5em;
}
ul.points li a {
	font-style: italic;
}
#content ol.roman li {
	list-style: upper-roman;
	margin-left: 1.6em;
}
#content ol.roman li li {
	list-style: lower-roman;
}

/*****************  Form and related action controls, e.g. buttons *************/
select.multiselect {
	height: 4em;
}
select.datefield {
	width: auto;
}
input.datefield {
	width: 10em;
}
input.smallnum,
select.smallnum {
	width: 6em;
}
input.short,
select.short {
	width: 10em;
}

/* buttons */
button, .button-small,
input.button,
input.button-small,
a.button,
a.pseudobutton,
a.pseudobutton-small,
.button-large,
.pseudobutton-large {
font-size: 1em;
	font-weight: bold;
	display: block;
	margin: .5em auto;
	float: none;
	text-align: center;
	border: 1px solid black;
	border-width: 1px 0;
	background: #006DB7 url(/assets/1/img/nav_bg.jpg) top repeat-x;
	color: white;
	width: 10em; /* changed below for -small versions */
	max-width: 180px;
	max-height: 60px;

line-height: 1.5em;
padding: 0;
/*	clear: both;*/
}

button:hover,
button:focus,
button-small:hover,
button-small:focus,
input.button:hover,
input.button:focus,
input.button-small:hover,
input.button-small:focus,
a.pseudobutton:hover,
a.pseudobutton:focus,
a.pseudobutton-small:hover,
a.pseudobutton-small:focus,
a.pseudobutton-large:hover,
a.pseudobutton-large:focus {
	text-decoration: underline;
	background: #007CD0;
	color: #ffa;
    cursor: pointer;
}

/* button menu for groups of buttons on input-heavy pages */
ul#button_menu li {
    float: left;
    margin: 0 .5em;
    margin-bottom: 1em;
}
ul#button_menu a.button,
ul#button_menu input,
ul#button_menu button {
    margin: 0;
}

a.pseudobutton-large,
input.button-large {
	font-size: 1.1em;
	width: 14em;
	max-width: 220px;
}

a.pseudobutton-small,
input.button-small,
ul#button_menu a.pseudobutton,
ul#button_menu input {
	font-size: .90em;
}
a.pseudobutton-tiny,
input.button-tiny {
font-size: .7em;
background: #006DB7 url(/assets/1/img/button.jpg) center no-repeat;
    
    font-weight: bold;
	width: 3em;
	
	height: auto;
	display: block;
	display: inline;
	margin-left: 1em;
	color: white;
}

p.polite-negative {
	color: #999;
	font-style: italic;
	font-size: .9em;
	font-weight: normal;
	text-align: center;
}
p.polite-negative a {
	color: #777;
}
p.polite-negative a:hover {
	text-decoration: underline;
}

div.error404 {
	width: 80%;
	border: 1px dashed #DBA605;
	padding: 1em;
	margin: 1em auto;
}

.info { /* not tied to a particular element type */
	padding-left: 20px;
	padding-bottom: 5px;
	line-height: 1.6;
	background: url(/images/widgets/icons/info.gif) 0 3px no-repeat;
	display: block;
}
div.info-message { /* for non-error messages that are worthy of highlighting */
	width: 70%;
	margin: 1em auto;
	border: 2px solid orange;
	background: #ffa;
	padding: .5em .75em;
}
div.info-message h2 {
	text-align: center;
}
div.info-message h3 {
	font-size: 1em;
	text-align: center;
	margin: 0 0 .25em;
}
div.info-message p {
	margin: 2px;
}
div.info-message div.alert {
	border-bottom: 1px solid orange;
	margin-bottom: 1em;
}
div.info-message div.last {
	border-bottom: none;
}


.context-note {
	display: block;
	color: #999;
	font-style: italic;
	font-size: .8em;
}
.aside2 {
	position: absolute;
	left: 1em;
	top: 2.4em;
	width: 20em;
	font-size: .9em;
	color: #333;
}
.aside1 h3,
.aside2 h3 {
	font-size: 1.1em;
	font-style: italic;
	margin-bottom: .2em;
	color: Red;
}
.system-message {
	text-align: center;
	background: #ffa;
	display: block;
}

div.errors {
	width: 70%;
	margin: 1em auto;
	padding: .5em 1em;
}
div.errors li {
	color: red;
	text-align: left;
	padding-left: 16px;
	background: url(/images/widgets/tinyreddot.jpg) 3px .4em no-repeat;
}


div.notice {
	display: block;
	width: 600px;
	margin: 1em auto;
	text-align: center;
	clear: both;
}
p.notice {
    text-align: center;
}
div.notice ol {
	margin-left: 2em;
	list-style: decimal;
}
div.notice li {
	margin-top: .2em;
	margin-bottom: .6em;
}
div.notice h3,
div.notice p {
	margin-bottom: .6em;
	text-align: center ! important;
}
div.urgent {
	background: #ffa;
	padding: .2em;
	border: 1px solid #c96;
}

div.notice ul.points {
	display: block;
	margin: .5em auto;
}
p.fade {
	text-align: center;
	padding: 0 20px;
	display: block;
	width: 40%;
	margin: 1em auto;
}


a.external {
	padding-right: 16px;
	background-image: url(/images/widgets/external_link.gif);
	background-position: right top; 
	background-repeat: no-repeat;
}

thead.vertical th {
	text-align: center;
}

td.text {
	text-align: left;
}
td.price {
	text-align: right;
}
td.small-data {
	width: 6em;
}
td.date {
	width:10em;
}
td.actions {
	width: 96px;
}

table.datatable {
	margin: 1em auto 1.5em;
}
table.datatable caption {
	text-align: center;
	margin: 1em auto 0;
}
table.datatable th {
	background: #333 url(/assets/1/img/datatable_head_bg.jpg) top repeat-x;
	color: white;
	text-align: center;
}
table.datatable td {
    vertical-align: top;
}
table.smalltable {
	width: 50%;
}

/* datatable rowcolors */
tr.dark td {
	background-color: #eee;
}
tr.light td {
	background-color: #fff;
}
tr.darker td {
	background-color: #ccc;
}
tr.light:hover td,
tr.sfhover td {
background: #ffa;
}
tr.dark:hover td,
tr.darker:hover td {
	background: #FFFF76;
}


div.datagroup {
	clear: both;
	margin: 0 .5em 1em;
	text-align: left;
}

div.datagroup .dataheading { /* should be one of h3,h4 but keeping it general */
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	background: #eee;
}

div.datagroup dl,
div.datagroup ol {
	margin: .5em;
}
div.datagroup dt {
	float: left;
	clear: both;
	width: 10em;
	margin-right: .5em;
}

div.datagroup dd {
	margin-left: 10.5em; /* width + margin-right of datagroup dt */
}

a.help {
	color: #444;
	background: url(/images/widgets/icons/help.gif) right bottom no-repeat;
	height: 0; width: 0;
	font-size: 0;
	padding: 16px 20px 0 0;
	overflow: hidden;
	margin-left: .3em;
	cursor: help;
	text-indent: -9999px;
}
a.viewall {
	margin: 0 auto; text-align: center;
	display: block;
}

/* dl.menu is for verbose menus with only a few options */
dl.menu {
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
dl.menu dt {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #999;
	margin-top: 1.5em}
dl.menu dd {
	padding-left: 3em;
	font-size: .9em;
}

/* dl.attributive is for sets of key-value pairs */
/* h3.attributive is for giving a heading to such a list */

table.attributive {
	width: 70%;
	border: 0;
}
table.attributive th {
	font-weight: bold;
	background: white;
	width: 25%;
	padding-right: .2em;
	text-align: left;
	vertical-align: top;
}
table.attributive td {
	text-align: left;
	vertical-align: top;
}

/* CMS action links */
/* span.gap is mainly for use with the reorder links, 
   to make sure they line up correctly  */
a.addlink,
a.addlink2,
a.addlink3,
a.editlink,
a.viewlink,
a.deletelink,
a.closelink,
a.maillink,
a.printlink,
a.reorder-up,
a.reorder-down,
a.exportlink,
a.spellchecklink,
a.incorrect-answer,
a.resumelink,
a.stoplink,
a.pauselink,
a.playlink,
a.fforwardlink,
a.rewindlink,
a.uplink,
a.largeicon,
span.correct-answer,
span.gap {
	display: block;
	height: 0; width: 0;
	padding: 16px 16px 0 0;
	margin-right: 2px;
	overflow: hidden;
	background-position: right center;
	background-repeat: no-repeat;
	float: left;
}
span.correct-answer {
	background: url(/images/widgets/icons/check_green.gif);
}
a.incorrect-answer {
	background: url(/images/widgets/icons/check.gif);
}
a.addlink {
	background: url(/images/widgets/icons/add_file.gif);
}
a.addlink2,
a.addlink3 {
	background: url(/images/widgets/icons/add.gif); 
}
a.addlink3 { /** Addlink3 is same as addlink2 but with text label visible **/
	height: auto;
	width: auto;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
}

a.editlink {
	background: url(/images/widgets/icons/edit.gif);
}
a.viewlink {
	background: url(/images/widgets/icons/folder_open.gif);
}
a.deletelink {
	background: url(/images/widgets/icons/delete_file.gif);
}
a.maillink {
	background: url(/images/widgets/icons/email.gif);
	margin: 0 .3em;
}
a.printlink {
	background: url(/images/widgets/icons/printer.gif);
	margin: 0 .3em;
}
a.reorder-up {
	background: url(/images/widgets/icons/arrow_up.gif);
}
a.reorder-down {
	background: url(/images/widgets/icons/arrow_down.gif);
}
a.exportlink {
	background: url(/images/widgets/icons/export.gif);
	padding-right: 19px;
}
a.spellchecklink {
	background: url(/images/widgets/icons/spellcheck.gif);
	padding-right: 19px;
	padding-top: 19px;
}
a.resumelink {
	background: url(/images/widgets/icons/move_file.gif);
}
a.stoplink {
	background: url(/images/widgets/icons/stop.gif);
}
a.pauselink {
	background: url(/images/widgets/icons/pause.gif);
}
a.playlink {
    background: url(/images/widgets/icons/play.gif);
}
a.fforwardlink {
    background: url(/images/widgets/icons/fforward.gif);
}
a.rewindlink {
	background: url(/images/widgets/icons/rewind.gif);
}
a.uplink {
    background: url(/images/widgets/icons/up.gif);
}
a.closelink {
	background: url(/images/widgets/icons/close.gif);
}

a.largeicon {
	padding: 24px 24px 0 0;
}
a.viewlinklarge {
	background: url(/images/widgets/icons/24/folder_open_32.gif);
}
a.printlinklarge {
	background: url(/images/widgets/icons/24/printer_32.gif);
}
a.editlinklarge {
	background: url(/images/widgets/icons/24/edit_32.gif);
}
a.maillinklarge {
	background: url(/images/widgets/icons/24/email_32.gif);
}
a.deletelinklarge {
	background: url(/images/widgets/icons/24/delete_file_32.gif);
}
a.resumelinklarge {
	background: url(/images/widgets/icons/24/move_file_32.gif);
}

/* Action links get wrapped in a ul */
ul.actions {
	display: block;
	width: 90px;
	height: 16px;
}
ul.actions li {
	margin: 0;
	padding: 0;
	display: inline;
}

/* this is to present a list of links mid-content, like old-style table align="center" */
ul.horizontal-menu {
	display: table;
	margin: 1em auto;
	list-style: none;
	text-align: center;
}
ul.horizontal-menu li {
	display: table-cell;
}
ul.horizontal-menu a,
ul.horizontal-menu input {
	display: block;
	float: left;
	margin: 0 3px 6px;
}


/* horintal menu presented as a table instead */
table.horizontal-menu {
background: transparent;
border: none;
margin: 0 auto;
}



/* for simple inline lists */
ul.inline li {
display: inline;
}


/* database results paging styles */
div.paging {
	width: 90%;
	margin: .2em auto;
	background: #ddd;
	border: 1px solid #999;
	border-width: 1px 0;
}
div.paging ul {
	display: table;
	margin: 0 auto;
}
div.paging ul li {
	display: table-cell;
	width: 5em;
	vertical-align: middle;
	text-align: center;
}

div.paging ul li a {
	float: none;
}

/* testimonials */
div.testimonial {
	width: 65%;
	margin: .5em auto 1em;
	padding-left:40px;
	background: url(/images/design/left_quote.gif) top left no-repeat;
}
div.testimonial blockquote {
	text-align: left;
	padding: 5px 45px 5px 5px;
	background: url(/images/design/right_quote.gif) right bottom no-repeat;
}
div.testimonial cite {
	color: #666;
}
div.testimonial blockquote p {
	margin: 0;
}

dl.faqs {
width: 70%;
margin: 1em auto;
}


dl.faqs dt {
font-weight: bold;
padding: 14px 0 18px 38px;
background: url(/images/design/faq_q.gif) 0 10px no-repeat;
border-top: 1px dashed #ccc;
}
dl.faqs dt.first {
border-top: none;
}
dl.faqs dd {
padding: 4px 0 18px 38px;
background: url(/images/design/faq_a.gif) left top no-repeat;
}

/* #newcourses is a specific div, but I'm putting this here because 
	 it occurs in various places throughout the app */
div#newcourses li {
	margin-bottom: .6em;
}


.textile ul {
	 list-style: disc;
	 margin: 0 0 1em 1em;
}
.textile ul.points li {
	list-style: none;
}
.textile li {
	list-style: disc;
	margin-left: 1em;
}
.textile ol {
	list-style: decimal;
	margin: 0 0 1em 1em;
}
.textile ol li {
	list-style: decimal;
}
.reportcomments {
	text-align: left;
	width: 70%;
	margin: 0 auto;
}



/* Sidebar Notes */
#content div.noteswrap h3 {
text-align: left;
background: #ccc;
padding: 1px 5px;
font-size: 1em;

}
div.noteswrap li {
margin: 0 5px;
margin-bottom: 1em;
border-bottom: 1px dashed #ccc;
padding-bottom: 3px;
width: 90%;
position: relative;
background: #eee;
}
#content div.noteswrap li.important {
	background: #ffa;
}
div.noteswrap .tagline {
font-size: 75%;
}
div.noteswrap a.deletelink {
position: absolute;
top: 1px; right: 3px;
}

ul.menu {
width: 70%;
margin: .5em auto 1em;
display: block;
}
ul.menu li {
margin-bottom: .5em;
    display: block;
    padding-left: 20px;
    background: url(/images/widgets/icons/bullet.gif) left center no-repeat;
}


/*** quicksearch thickbox from nav **
 *** need to override default form styles **/
#ajax-quicksearch form {
	width: 300px !important;
	text-align: center;
	padding: 15px 0;
}
#ajax-quicksearch form div {
	width: auto;
	padding: 1px 0;
}
#ajax-quicksearch form label {
	float: none;
	display: block;
	width: auto;
}
#ajax-quicksearch form input {
	margin: 4px auto;
	float: none;
	display: block;
}


/*****************************************
	PSYCE Generalized
*****************************************/
/**** Rounded Boxes - styling the output of smarty plugin {rounded_box} *****/
div.box {
	margin: 0 .5em 1em;
}
div.box-outer {
	padding: 0;
}

div.box h2, div.box p, div.box li {
	padding: 0;
}

div.box h2 {
	padding-top: .5em;
}

div.box1,
div.box1 div.box-outer,
div.box1 div.box-inner,
div.box1 h2,

div.box2,
div.box2 div.box-outer,
div.box2 div.box-inner,
div.box2 h2,

div.box3,
div.box3 div.box-outer,
div.box3 div.box-inner,
div.box3 h2

{
	background-image: none;
	background-color: transparent;
}
div.box h2,
div.box h3 {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif !important;
}

.emph {
	color: #000080;
}
span.ital abbr {
	border: none;
}

ul.points li a {
	font-style: italic;
}

select.multiselect {
	height: 4em;
}
input.button,
input.button-small,
a.button,
a.pseudobutton,
a.pseudobutton-small {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	background: #BAA24C url(/assets/5/img/button.gif) center top no-repeat;
	display: block;
	margin: .5em auto;
	width: 160px; height: 33px; /* changed below for -small versions */
	line-height: 33px;
	border: none;
	color: White;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: .8em;
}

input.button:hover,
input.button:hover,
input.button:focus,
input.button-small:hover,
input.button-small:focus,
a.pseudobutton:hover,
a.pseudobutton:focus,
a.pseudobutton-small:hover,
a.pseudobutton-small:focus {
	text-decoration: underline;
	color: #fff;
	background: #BAA24C url(/assets/5/img/button.gif) center top no-repeat;
}

/* button menu for groups of buttons on input-heavy pages */
ul#button_menu li {
	float: left;
	width: 110px;
	margin: 0 .5em;
}
a.pseudobutton-small,
input.button-small,
ul#button_menu a.pseudobutton,
ul#button_menu input {
	background-image: url(/assets/5/img/small_button.gif);
	width: 110px;
	font-size: .7em;
	line-height: 22px;
	height: 22px;
	display: block;
}
a.pseudobutton-tiny,
input.button-tiny {
background: #BAA24C;
	width: 50px;
	font-size: .6em;
	height: auto;
	display: block;
	display: inline;
	margin-left: 1em;
	color: white;
}


 
/**************** jquery.cluetip.css **************/
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/assets/1/img/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #ffa;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffa;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #eee;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(/assets/1/img/cluetip/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(/assets/1/img/cluetip/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/assets/1/img/cluetip/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(/assets/1/img/cluetip/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(/assets/1/img/cluetip/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}
 
/**************** thickbox.css ***************/
<br />
<b>Warning</b>:  include(thickbox.css) [<a href='function.include'>function.include</a>]: failed to open stream: No such file or directory in <b>/home/cecredit/public_html/assets/5/base.css</b> on line <b>262</b><br />
<br />
<b>Warning</b>:  include(thickbox.css) [<a href='function.include'>function.include</a>]: failed to open stream: No such file or directory in <b>/home/cecredit/public_html/assets/5/base.css</b> on line <b>262</b><br />
<br />
<b>Warning</b>:  include() [<a href='function.include'>function.include</a>]: Failed opening 'thickbox.css' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php:/usr/local/lib/php/smarty/libs') in <b>/home/cecredit/public_html/assets/5/base.css</b> on line <b>262</b><br />