/* Basic Styles */
body		{text-align: right; font-family:Verdana, Arial, sans-serif; color:black; padding:0px; margin:0px; background-color:#D4DCC5}
td			{font-size:10px; vertical-align:top; text-align:left;}
button		{font: bold 10px Verdana, Arial, Sans; color:#2A2C1F; background-color:#D2D6B9; padding:3px 10px 3px 10px;}
legend		{font-weight: bold; font-size: 10px;}
blockquote	{margin-top:6px;margin-bottom:6px;}

/* Headings */
h1					{margin-top:0px; !important}
h1.sectiontitle 	{font-size:12px; font-weight:bold; text-align:center; color:#2F302E; background-color:#DAC8DC; border:1px solid #B28FB2; padding:3px 0px 2px 0px; margin: 0px 0px 12px 0px;}
h1.subsectiontitle 	{font-size:12px; font-weight:bold; text-align:left; color:#2F302E; background-color:#DAC8DC; border:1px solid #B28FB2; padding:3px 0px 2px 3px; margin: 0px 0px 0px 0px;}
h2					{font-size:16px; margin-top:24px; margin-bottom:3px !important}
h2.breadcrumb		{font-size: 11px; font-weight: bold;}
h2.underlined 		{border-bottom: 2px solid #999999; padding-bottom: 2px;}
h2.compressed 		{font-size:14px; margin-top:2px; margin-bottom: 2px;}
h3					{font-size:12px; margin-top:24px; margin-bottom:0px; !important}

/* Para */
p		{font-size:11px; font-weight:normal; text-align:justify}
p.top	{margin-top:0px}

/* Links */
a:link		{text-decoration:underline; color:#231D1D}
a:visited	{text-decoration:underline; color:#27371E}
a:hover		{text-decoration:underline; color:#4E5B43}	
a:active	{text-decoration:underline; color:#27371E}

/* Banner With Article Links */
table.banner				{ margin:0px; width: 100%; background-repeat: repeat-x; }
table.banner td.bannerbg_l	{ background-color: #000; width: 700px; }
table.banner td.bannerbg_r	{ background-image: url(../Theme/default/images/header_art_background.jpg); background-position: top left; background-repeat: no-repeat; text-align: right; vertical-align: middle; }

/* Nav */
table.banner td.nav,
table.banner td.articles								{ border-bottom: 2px solid black; background-repeat: repeat-x; background-image: url(../Theme/default/images/navbackground.jpg);  }
table.banner td.nav										{ width: 0; }
table.banner td.articles								{ text-align: left; }
table.banner td.nav ul									{ list-style-type: none; margin: 3px 0px 2px 0px; padding: 0px}
table.banner td.nav li									{ display: inline; color: #0E100D; padding: 8px; font-weight: bold; border-right: 1px solid #494E2A; }
table.banner td.articles a:link,
table.banner td.articles a:visited,
table.banner td.articles a:hover,
table.banner td.articles a:active,
table.banner td.nav a:link,
table.banner td.nav a:visited,
table.banner td.nav a:hover,
table.banner td.nav a:active							{ text-decoration: none; color: #0E100D; }
table.banner .ArticleMenu,
table.banner .ArticleMenu tr td table,
table.banner div.ArticleItem table,
table.banner div.ArticleItem table tr td table			{ border-collapse: collapse; }
table.banner .ArticleMenu tr td table tr td 			{ padding: 4px 8px 4px 8px; font-weight: bold; border-right:1px solid #494E2A; }
table.banner div.ArticleItem table tr td table tr td	{ color:#ffffcc; padding:4px; padding-right:10px; cursor:hand; background-color: #829462; border: 2px solid #000; }

/*    Navigation Bar    */
td.navbar		{width:20%; padding: 10px;}
td.navbar ul	{list-style-image:url(../Theme/default/images/ap_bullet.gif); margin-top:6px; margin-left:10px; padding-left:10px}
td.navbar li	{font:bold 10px verdana, arial; line-height:14px; padding:6px 6px 6px 0px;}	

/* Navigation Links */
table.navlinks			{margin-left: 12px;}
table.navlinks td		{font-weight: bold;}
table.navlinks td.icon	{text-align: right;}	

table.main	{margin-top:0px; width:100%;}
td.content	{padding:10px; border-left:1px dashed #BE97C1;width:80%;}
div.content	{margin:16px auto 6px auto; background-color:white; border:1px solid #3C3D25; width:98%;}					 

/* Footer */
div.copyright	{font-size:9px; float:right; margin-top:4px; padding-bottom:24px; padding-left: 24px; }

.hidden		{display: none;}
.welcome	{font-size: 11px; font-weight: bold;}
.boxedtext	{font-size:12px; color:#2F302E; background-color:#DAC8DC; border:1px solid #B28FB2; text-align:center; padding:3px 0px 2px 0px; margin:0px}

td.nonlink a	{text-decoration: none;}

div.error 		{background-color:#FF622D; padding: 12px 12px 12px 12px; margin: 4px 0px 4px 0px; font-weight: bold; border-right: 4px solid #CC0000; border-left: 4px solid #CC0000; color: white; !important}
div.warning 	{background-color:#FFFF00; padding: 12px 12px 12px 12px; margin: 4px 0px 4px 0px; font-weight: bold; border-right: 4px solid #FFCC00; border-left: 4px solid #FFCC00; !important}
div.success 	{background-color:#99CC33; padding: 12px 12px 12px 12px; margin: 4px 0px 4px 0px; font-weight: bold; border-right: 4px solid #339933; border-left: 4px solid #339933; !important}
div.info 		{background-color:#829462; padding: 12px 12px 12px 12px; margin: 4px 0px 4px 0px; border-right-width: 4px; border-left-width: 4px; border-right-style: solid; border-left-style: solid; border-right-color: #4D5739; border-left-color: #4D5739; font-weight: bold; color: #FFFFFF; !important}
div.warning h2	{padding: 0px; margin: 0px; }

img.icon	{vertical-align:bottom; margin-right:4px;}
span.icon	{width: 20px;} 

/* Article */
div.article h1 			{margin: 0px; padding: 0px; font-size: 20px;}
div.article div.crumbs  {font-size:11px;}

/* Widgets */
div.widgets		{margin-bottom:24px; margin-top:6px;}
div.widgets ul	{list-style-type:none; margin:0px; padding-left:10px;}
div.widgets li	{font:normal 10px verdana, arial; padding:3px; font-weight:bold;}	

/* AP Links */
div.ap_links	{margin-bottom:16px}
div.ap_links ul	{margin-left:10px; padding-left:10px; margin-top:6px}
div.ap_links li	{font:normal 10px verdana, arial; padding:2px 6px 2px 0px; font-weight:bold; line-height:14px;}

div.item		{border:1px dashed #BE97C1; padding:3px; margin-bottom:16px}
div.itemtitle	{font-size:12px; color:#2F302E; background-color:#DAC8DC; border:1px solid #B28FB2; text-align:center; padding:3px 0px 2px 0px; margin:0px}
div.item p		{padding-left:6px; padding-right:6px}

/* Footer */
div.footer		{font-size:9px; float:left; margin-top:4px;}
div.copyright	{font-size:9px; float:right; margin-top:4px; padding-bottom:24px; }
div.build		{font-size:9px; float:left;}
div.copyright	{font-size:9px; margin-right: 14px;}

/* Forms */
dl.form 				{margin: 0; padding: 0;}
dl.form dt 				{float: left; clear: left; text-align: right; margin: 5px 10px 0 0; width: 150px; font-size: 11px; font-weight: bold;}
dl.form dd 				{margin-bottom: 5px; font-size: 11px; overflow: auto;}
.field 					{background-color: #CCCCCC; font-weight: bold; padding: 4px; text-align:left; vertical-align: top; white-space: nowrap;}
.required_big 			{color: red; font-size: 14px; font-weight: bold;}
.required 				{color: red; font-weight: bold;}
.required_field 		{background-color: #FFFF99;}
.missing_field 			{background-color: #FFCACA;}
fieldset.step			{border: 0px none #000000;}
fieldset.step legend 	{font-size: 16px; font-weight: bold; display:block; width: 100%; border-bottom: 2px solid #666666;}
hr.formseperator		{clear:both;}


/* Catalog styles */
table.catalog 					{width: 100%; border: 1px solid #bbbbbb;}
table.catalog td.header 		{background-color: #f0f0f0; padding: 6px;}
table.catalog td.catalogitem 	{border-top: 2px solid #bbbbbb; padding-top: 6px; margin-bottom: 6px;}
table.catalog h2 				{margin: 0px; padding: 0px; font-size: 18px; font-weight: bold;}
table.catalog td h3 			{margin: 0px; padding: 0px; font-size: 14px; font-weight: bold;}
table.catalog td.provided 		{color:#666666; font-size: 9px;}
table.catalog td h3 a 			{text-decoration: none;}
td.header input.search 			{background-image: url(default/images/magnifyingglass.gif); background-attachment: scroll; background-repeat: no-repeat; background-position: right center;}
table.catalog td.field 			{background-color: #f0f0f0;}
div.catalogselect				{background-color:#f0f0f0; border: 1px #333333 dashed; padding: 6px; }

.infobox {border: 1px solid #333333; background-color:#FFFFCC; font-weight: bold; padding: 2px;}

/* Gridded Table */
table.grid 				{width: 100%;}
table.grid td 			{border: 1px solid #bbbbbb; border-collapse:inherit; vertical-align: middle;}
table.grid tr.header 	{background-color: #dadada; font-weight: bold; white-space: nowrap;}
table.grid tr.alternate {background-color: #efefef;}
table.grid input		{font-size: 10px;}

.erroritem				{ background-color:#FFAAAA }

/* Shopping Cart */
table.cart 				{width: 100%; border: 1px solid #bbbbbb;}
table.cart td.header 	{background-color: #f0f0f0; padding: 4px; font-size: 18px; font-weight: bold;}
table.cart td.item 		{border-top: 2px solid #bbbbbb; padding-top: 6px; padding-bottom: 4px;}
table.cart td.subtotal 	{border-top: 2px solid #bbbbbb; margin-top: 2px; font-size: 12px; font-weight: bold; padding: 4px; text-align: right;}
table.cart td.item h2 	{padding: 0px; margin: 0px; font-size: 14px;}
table.cart td.cost 		{font-size: 12px; font-weight: bold;}

/* Message */
table.message 				{border: 1px solid #bbbbbb; width: 100%;}
table.message td.header 	{background-color: #f0f0f0; padding: 6px; background-attachment: scroll; background-image: url(default/images/mail-open.gif); background-repeat: no-repeat; background-position: right center;}

/* Messages */
div.messages_waiting 	{padding: 4px; margin-top: 6px; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; background-color: #FFFF33; background-attachment: scroll; background-image: url(default/images/message.gif); background-repeat: no-repeat; background-position: right center;}
div.messages_waiting a 	{text-decoration: none;}

/* Transcript */
table.transcript 			{border: 2px solid #bbbbbb; border-collapse: collapse;}
table.transcript td 		{border-bottom: 2px solid #bbbbbb;}
table.transcript td.grade 	{background-color: #f0f0f0; vertical-align: middle; text-align: center; font-weight: bold; font-size: 24px;}
table.transcript td h2 		{margin: 0px; padding: 0px; background-color: #f0f0f0; margin: -4px; padding: 6px; margin-bottom: 0px;}

td.nav {padding: 2px; color:#FFFFFF;}

/* Tabs */
div.tabcontainer .tabs .item 		{background-color: #f0f0f0; padding: 6px; padding-right: 12px; font-weight: bold; text-decoration: none; border-right: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb;}
div.tabcontainer .tabs .selected 	{background-color: #bbbbbb;}
div.tabcontainer .tabs .disabled	{color: #666666;}
div.tabcontainer .rtabs				{margin-top: -13px;}
div.tabcontainer .rtabs .item 		{background-color: #f0f0f0; padding: 6px; padding-right: 12px; font-weight: bold; text-decoration: none; border-right: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;}
div.tabcontainer .rtabs .selected 	{background-color: #bbbbbb;}
div.tabcontainer .rtabs .disabled	{color: #666666;}
div.tabcontainer div.inside 		{padding: 6px; border: 1px solid #bbbbbb;}

td.icon	{text-align: center; width: 12px;}

.mycourses .header	{display: none;}
.mycourses, .mycourses tr, .mycourses tr td	{border: 0px solid #ffffff;}

/* News */
div.news h3 {font-size: 14px; font-weight: bold; margin: 0px; padding: 0px;}
div.news h4 {font-size: 10px; margin: 0px; padding: 0px; border-bottom: 1px solid #000000; font-weight: normal;}
div.news p 	{margin: 2px; padding: 0px; margin-bottom: 12px;}

/* Tasks */
div.tasks 			{background-color: #FFFFCC; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9f9f9f; border-bottom-color: #9f9f9f; padding: 2px 10px 2px 10px;  margin: 4px 0px 4px 0px; width: 25%;}
div.tasks strong	{text-align: center; font-size: 12px;}
div.tasks ul		{padding: 0px 0px 0px 0px; margin: 2px 0px 4px 8px;}

/* Shadow */
.wrap1, .wrap2, .wrap3 	{display:inline-table; /* \*/display:block;/**/}
.wrap1 					{background:url(default/images/shadow.gif) right bottom no-repeat;}
.wrap2 					{background:url(default/images/corner_bl.gif) -12px 100% no-repeat;}
.wrap3 					{padding:0 9px 9px 0; background:url(default/images/corner_tr.gif) 100% -12px no-repeat;}
.wrap3 img 				{display:block;}

div.usernav {border: 2px solid #999999; padding: 6px; font-weight: bold; background-color:#FFFF00; !important}

span.disabled 		{color:#999999; font-style: italic;}
span.hilight		{background-color:#FFFF99;}

div.debuginfo		{background-color: #f0f0f0; background-attachment: scroll; background-image: url(default/images/caution.gif); background-repeat: no-repeat; background-position: left center; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; padding: 4px 0px 4px 16px; margin-left: 10px;}

/* Date Picker */
a.dp-choose-date				{float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../Theme/default/images/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled	{background-position: 0 -20px; cursor: default;}
input.dp-applied				{width: 140px; float: left;}

/* Checkout Credit Selector */
table.checkoutcreditselection											{ width: 100%; }
table.checkoutcreditselection tr th										{ font-size: 18px; font-weight: bold; }
table.checkoutcreditselection tr td.coursetitle,
table.checkoutcreditselection tr td.enrollee,
table.checkoutcreditselection tr td.sectionnumber,
table.checkoutcreditselection tr td.creditselector span.creditselector	{ font-size: 14px; font-weight: bold; }
table.checkoutcreditselection tr td										{ padding: .5em 1em .5em 1em; }
table.checkoutcreditselection tr.alternate td							{ background-color: #f0f0f0; }

.addtocart { background-image: url(default/images/shoppingcart.gif); background-repeat: no-repeat; background-position: top 6px; padding-left: 12px; font-weight: bold; }

div.rostercontainer h1,
div.rostercontainer h2,
div.rostercontainer h3							{ margin: 0; padding: 0; }
div.rostercontainer h1							{ font-size: 14pt; }
div.rostercontainer h2							{ font-size: 12pt; }
div.rostercontainer h3							{ font-size: 11pt; }
div.rostercontainer table.roster				{ width: 100%; margin-top: 1em; }
div.rostercontainer table.roster tr.header td	{ padding: 1em; text-align: center; font-weight: bold; }
div.rostercontainer table.roster tr td			{ padding: 1em; }

span.waitlistnotice		{ font-weight: bold; font-size: 12px; }
span.underline			{ text-decoration: underline; }