/************************************
	Base Elements
************************************/
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
    background: #5E7DC7 url("/public/images/sky_bg.jpg") center top no-repeat;
	color: #333;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 14px;
	line-height: 1.5;    
}

p {
	margin: 0 0 1em;
}

a {
	color: #357FCB;
    text-decoration: none;
}
a:hover {
		color: #429FFF;
		text-decoration: underline;
}
a img {
	border: 0;
}

ul li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	color: #333333;
	font-weight: bold;
	padding: 0;
}

h1, h2 {
	font-size: 160%;
	margin: 10px 0 0;
    color: #C41B07;
}
h1 { margin-bottom: 1em; }
h2 { font-size: 140%; }

h3 {
	color: #222;
	font-size: 120%;
	margin-top: 7px;
    padding-bottom: 2px;
}
h4 {
	color: #555;
	font-size: 120%;
	margin-bottom: 10px;
}
h5 {
	color: #999;
	font-size: 110%;
	margin-bottom: 10px;
}
h6 {
	color: #999;
	font-size: 100%;
	margin-bottom: 5px;
}

abbr {
	border-bottom: 1px dotted #999;
	cursor: help;
}

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

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

code {
	font-family: "Courier New", monospace;
}

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

/************************************
	Layout
**************************************/
/* Whole page */
div#pagewrapper {
/*	font-size: 110%;*/
	margin: 0 auto;
	position: relative;
	height: 100%;
}

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

/*********** Page Header ************/
div#pageheadwrap {
	background: url("/public/images/header_highlighter.png") repeat-x scroll 0 -10px transparent;
	height: 100%;
	margin: 0 auto;
	padding: 10px 0px 0px 20px;
	position: relative;
	*background: transparent;
}
* html div#pageheadwrap {
	height: 1%;/* applying hasLayout for IE 6 to avoid peekaboo bug with the background */
}

div#masthead {
	margin: 5px auto 0;
	text-align: left;
	height: 85px;
}

#logo {
	top: 0;
	left: 0;
	float: left;
}
#logo a {
	border: 1px solid red;
}

/* 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;
	color: white;
    margin-top: 10px;
}
div#memberwelcome p {
margin: 0;
text-align: right;
}
div#memberwelcome a,
div#quicklinks a {
	color: #ffa;
}
div#memberwelcome span.ital {
	color: #ffa;
}
/* 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 #fff;
}

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

#top-right-links a {
	font-weight: bold;
	color: #ffa;
	text-decoration: none;
}

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

/**************** Content ***************/
div#contentwrap {
	width: 100%;
	background: #fff;
	border-top: 4px solid #841306;
	padding: 10px 25px 30px 30px;
	position: relative;
	width: 905px;
	margin: 0 auto;
}

div#content {
	width: 100%;
	float: right;
	text-align: left;
}

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

/* ---------------------------------------------------------------------------------
		FOOTER
--------------------------------------------------------------------------------- */
/* there are sidebar-related rules in forms.css too
*/

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

div#sidebar h2,
div#sidebar h3 {
	font-size: 1.1em;
	text-align: left;
	color: #841306;
}




/* ---------------------------------------------------------------------------------
		FOOTER
--------------------------------------------------------------------------------- */
#footerwrap {
	background: transparent url("/public/images/footer_highlighter.png") 0 0 repeat-x;
	border-top: 4px solid #555;
	width: 960px;
	margin: 0 auto;
	min-height: 85px;
	*background: #333;
}

#footer {
	clear: both;
	font-size: 90%;
	line-height: 18px;
	margin: 0px auto 10px auto;
	overflow: hidden;
	padding: 15px 24px 15px 29px;
	position: relative;
	color: #eee;
}

#footer a {
	color: white;
}

#footer .copyright {
float: right;
font-size: 110%;
margin-right: 30px;
}

#footer ul.sociallinks {
float: left;
margin-right: 200px;
margin-left: 20px;
}
#footer ul.sociallinks li {
	margin-bottom: .5em;
}
#footer ul.sociallinks a,
#footer .footerlinks a {
	padding: 2px 0 2px 22px;
}
#footer ul.sociallinks a.facebook {
	background: url("/public/images/icons/facebook_16.png") left center no-repeat;
	*background: transparent;
}
#footer ul.sociallinks a.twitter {
	background: url("/public/images/icons/twitter_16.png") left center no-repeat;
	*background: transparent;
}
#footer ul.sociallinks a.blog {
	background: url("/public/images/icons/blog_16.png") left center no-repeat;
	*background: transparent;
}

#footer .footerlinks {
float: left;
margin-left: 20px;
}
#footer .footerlinks li {
	margin-bottom: .5em;
}
#footer .footerlinks a.privacy {
	background: url("/public/images/icons/lock.png") left center no-repeat;
	*background: transparent;
}
#footer .footerlinks a.contact {
	background: url("/public/images/icons/email.png") left center no-repeat;
	*background: transparent;
}

/********* Approvals *******/
div.assoc {
	margin-bottom: 2em;
}
p.approval_logo {
	float: right;
}
div.licensure-item h2 {
	color: #433;
}


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

form {
	text-align: center;
	margin: 0 auto; padding:0;
	float: none;
	max-width: 50em;
}
* html form {
	width: 36em;
}
#maincolumn form {
    width: 100%;
}
.ui-dialog form {
	width: auto;
}

form fieldset {
	margin: .5em auto;
	padding: .5em 1em;
	border: 1px solid #ccc;
	border-width: 1px 0 0;
	text-align: left;
}
legend {
	font-style: italic;
	margin-bottom: .2em;
	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;
}
.ui-dialog form div input {
	width: 50%;
}
form div select {
	width: 55%;
	float: left;
}

input, textarea, select, option {
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	padding: 4px;
    background: #fff;
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

textarea.full_name {
    height: 3em; 
    font-size: 13px;
}

/* 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;
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
}

input:focus,
select:focus,
textarea:focus {
	background-color: #ffc;
}

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;
    font-size: 12px;
	display: block;
}
input.checkbox {
	border: none;
	margin: 0 5px 0 0;
    padding: 0;
    font-size: 150%;
}

/* 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,
#pagebody div.errors,
#pagebody div.error,
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.search {
	text-align: center;
}/*********************
	ACCE Forms Styles
***********************/

form div input,
form div select {
	margin-left: 1em;
}

form div.error,
div.errors,
tr.errors td,
tr.errors th {
	border: 1px solid red;
}


div.advmultiwrap {
	overflow: scroll;
	max-height: 15em;
}

/**************** 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 {
	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;
}

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;
}

img.photo {
    float: right;
    margin: 10px 15px;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 0 5px #aaa;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

/********** 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;
}
.big {
	font-size: 1.2em;
	font-weight: bold;
}
.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,
.ui-widget-content .button, 
input.button-small,
a.button,
a.pseudobutton,
a.pseudobutton-small,
.button-large,
.pseudobutton-large {
	font-size: 1em;
	font-weight: bold;
	float: none;
	text-align: center;
	border: 1px solid black;
	border-width: 1px 0;
	color: white;
	background: #433 url("/public/images/button_highlighter.png") 0 0 repeat-x;
	max-width: 180px;
	max-height: 60px;
	margin: 4px auto;
	padding: 1px 1.5em;
	display: -moz-inline-box;
	display: inline-block;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: 1px 1px 1px #333;
    filter: dropshadow(color=#333, offx=1, offy=1);
}
table.horizontal-menu button,
table.horizontal-menu .button-small,
table.horizontal-menu input.button,
table.horizontal-menu input.button-small,
table.horizontal-menu a.button,
table.horizontal-menu a.pseudobutton,
table.horizontal-menu a.pseudobutton-small,
table.horizontal-menu .button-large,
table.horizontal-menu .pseudobutton-large {
	display: block;
}
* html button,
* html .button-small,
* html input.button,
* html input.button-small,
* html a.button,
* html a.pseudobutton,
* html a.pseudobutton-small,
* html .button-large,
* html .pseudobutton-large {
	display: inline-block;
}



button:hover,
button:focus,
button-small:hover,
button-small:focus,
input.button:hover,
input.button:focus,
.ui-widget-content .button:hover, 
.ui-widget-content .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 {
	background: #893C3C;
	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 auto;
}

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;
	padding: 0 1em;
	background: #433 url("/public/images/button_highlighter.png") 0 0 repeat-x;
}
a.pseudobutton-small .ui-button-text  {
	padding: 0;
	font-size: 90%;
}
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;
}
td p.polite-negative {
    margin: 0;
}

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 */
	margin: 1em auto;
	border: 1px solid orange;
	border-width: 1px 0;
	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;
	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;
}


ol.bignumbers li {
	list-style: none;
	padding: 2px 0 4px 30px;
	background: transparent url("/public/images/ol_numbers.png") 0 2px no-repeat;
	color: #222 !important;
	min-height: 40px;
}
ol.bignumbers li.one { background-image: url("/public/images/one.png"); }
ol.bignumbers li.two { background-image: url("/public/images/two.png"); }
ol.bignumbers li.three { background-image: url("/public/images/three.png"); }
ol.bignumbers li.four { background-image: url("/public/images/four.png"); }
ol.bignumbers li.five { background-image: url("/public/images/five.png"); }
ol.bignumbers li.six { background-image: url("/public/images/six.png"); }
ol.bignumbers li.seven { background-image: url("/public/images/seven.png"); }
ol.bignumbers li.eight { background-image: url("/public/images/eight.png"); }
ol.bignumbers li.nine { background-image: url("/public/images/nine.png"); }


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: #ddd;
}
tr.darkeryet td {
    background-color: #ccc;
}
tr.darkest td {
    background-color: #bbb;
}
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,
a.verylargeicon,
a.link_icon,
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.link_icon {
	background: url(/images/widgets/icons/link.png);
}
a.closelink,
a.closelink3 {
	background: url(/images/widgets/icons/close.gif);
}
a.closelink3 { /** Closelink3 is same as addlink3 **/
	height: auto;
	width: auto;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
}

a.largeicon {
	padding: 24px 24px 0 0;
}
a.verylargeicon {
	padding: 48px 48px 0 0;
    background: url("/public/images/icon/Paper_Window_Code.png");
}
a.verylargeicon.download {
    background-image: url("/public/images/icon/Paper_Window_Code_Download.png");
}

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);
}
a.video {
    background: url("/public/images/icon/Youtube_UI_Video.png");
}
a.amazon {
    background: url("/public/images/icon/Amazon_Go.png");
}

/* Action links get wrapped in a ul */
ul.actions {
	display: table;
    margin:  0 auto;
	height: 16px;
}
th.actions, td.actions {
    width: 90px;
    text-align: center;
}
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: inline-block;
}

h4.ui-accordion-header {
    padding-left: 30px;
    text-align: left;
}

.ui-accordion-content {
    text-align: left;
}
/* buttons */
button, .button-small,
input.button,
.ui-widget-content .button, 
input.button-small,
a.button,
a.pseudobutton,
a.pseudobutton-small,
.button-large,
.pseudobutton-large {
	background: #369 url("/public/images/button_highlighter.png") 0 0 repeat-x;
	margin: 2px;
}

button:hover,
button:focus,
button-small:hover,
button-small:focus,
input.button:hover,
input.button:focus,
.ui-widget-content .button:hover, 
.ui-widget-content .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 {
	background: #893C3C;
	color: #ffa;
    cursor: pointer;
}

tr.darker td {
	background: #dadada;
}

span.credits_avail {
	color: #ffa;
}
/**************** tipsy.css **************
*/.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 250px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

body {
	background-image: url("/public/images/acce_sky2.jpg");
	background-position: center top;
    background-attachment: fixed;
	background-color: #1847DF;
}

div#pageheadwrap {
	padding-left: 0;
	border-top: 4px solid #333;
	background-position: 0 -20px;
}

#logo {
	margin-left:20px;
}

div#contentwrap {
	border: none;
}

div#maincolumn {
	width: 60%;
}
div#sidebar {
	width: 33%;
}
div#footerwrap {
	background-image: url("/public/images/footer_highlighter_gray.png");
}