/*
Filename: styles.css
Version: 3.0
Author:  Kevin Parker (www.administerweb.com)
Purpose: This is the core CSS file used for ALL page requests for any WorkSpace Web site or other application.
     All of these styles can be overridden by the individual component, application, or Web site.
*/
/* Template layout and styles */
html { min-height: 100%; padding-bottom: 1px; background: none; } /* Force scrollbars in Mozilla; switch to padding-bottom to force IE8 scrollbars. */
body {
 margin: 0px;
 padding: 10px;
 background: #f5f5f5;
 font-size: small; /* Relative size for all other elements */
 font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 color: #535353;
}
* html body {
 font-size: x-small;
 f\ont-size: small;
}
/* Set padding and styles on YUI grid layout */
#custom-doc {
 /* margin:auto;text-align:left; leave unchanged */
 /* width:46.15em; non-IE */
 /* *width:45.00em; IE */
 /*min-width:785px; optional but recommended */
}
/* Header Styles */
div#hd {
}
div#hd-liner {
 padding: 0px;
}
h1#hd-heading {
}
div#bd {
 min-height: 250px;
}
/* Body Styles for #doc */
div#doc {
	width: 750px;
}
div#doc div#bd {
 background: url(/workspace/view/templates/application/core/doc/assets/body-bg-middle.gif) 0 0 repeat-y;
}
div#doc div#bd-liner {
 background: url(/workspace/view/templates/application/core/doc/assets/body-bg-top.gif) 0 0 no-repeat;
 float: left;
 width: 100%;
}
/* Footer Styles for #doc */
div#doc div#ft {
 background: url(/workspace/view/templates/application/core/doc/assets/body-bg-bottom.gif) 0 0 no-repeat;
 color: #AAAAAA;
 font-size: .85em;
}
/* Body Styles for #doc2 */
div#doc2 {
	width: 950px;
}
div#doc2 div#bd {
 background: url(/workspace/view/templates/application/core/doc2/assets/body-bg-middle.gif) 0 0 repeat-y;
}
div#doc2 div#bd-liner {
 float: left; width: 100%;
 background: url(/workspace/view/templates/application/core/doc2/assets/body-bg-top.gif) 0 0 no-repeat;
}
/* Footer Styles for #doc2 */
div#doc2 div#ft {
 background: url(/workspace/view/templates/application/core/doc2/assets/body-bg-bottom.gif) 0 0 no-repeat;
 color: #AAAAAA;
 font-size: .85em;
}
/* Body Styles for #doc4 */
div#doc4 {
	width: 974px;
}
div#doc4 div#bd {
 background: url(/workspace/view/templates/application/core/doc4/assets/body-bg-middle.gif) 0 0 repeat-y;
}
div#doc4 div#bd-liner {
 float: left; width: 100%;
 background: url(/workspace/view/templates/application/core/doc4/assets/body-bg-top.gif) 0 0 no-repeat;
}
/* Footer Styles for #doc4 */
div#doc4 div#ft {
 background: url(/workspace/view/templates/application/core/doc4/assets/body-bg-bottom.gif) 0 0 no-repeat;
 color: #AAAAAA;
 font-size: .85em;
}
div#ft-liner {
 width: auto;
 padding: 20px;
}
div#ft a {
 color: #AAAAAA;
}
/* Body/Sidebar Styles */
div#bd-sidebar-liner {
 float: left; width: 100%;
 padding: 15px 15px 15px 15px;
}
/* Body/Main Styles */
div#bd-main-liner {
  padding: 15px 20px 5px 10px;
}

div#bd .contentTitle {
 margin-top: 0;
}
/*
div#hd {
 background-color: red !important;
}
div#ft {
 background-color: green !important;
}
div#bd {
 background-color: yellow !important;
}
div.yui-b {
 background-color: orange !important;
}
div#yui-main {
 background-color: blue !important;
}
*/

/* Content Styles */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p {
 line-height: 1.5em;
}
a {
 color: #206CE1;
 text-decoration: underline;
}
a:visited {
 color: #206CE1;
 text-decoration: underline;
}
a:hover {
 color: #206CE1;
 text-decoration: none;
}

.quote {
 display: block;
 margin: 20px;
 }
/* Alsett Clearing Method */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
/* End Alsett Clearing Method */

/* Login Form */
#login-form-div {
 background: #EEEEEE;
 padding: 5px;
 border: 1px solid #AAAAAA;
 color: #000000;
 width: auto;
 float: left;
 clear: both;
}

#login-form-table {
 border: none;
 margin: 0;
 padding: 0;
 width: auto;
 background: none !important;
}
#login-form-table td {
 border: none;
 vertical-align: top;
 text-align: left;
 padding: 5px;
 background: none !important;
}
div#form-message {
 margin: 5px 0px;
}

/* Search form */
div#templateSearchFormDiv {
 margin: 3px 0;
 padding: 0;
 float: right;
 width: auto;
}
div#templateSearchFormDiv form,
div#templateSearchFormDiv input,
div#templateSearchFormDiv label {
 margin: 0;
 padding: 0;
}
div#templateSearchFormDiv label,
div#templateSearchFormDiv input {
 margin-right: .25em;
 font-size: .85em;
}
div#templateSearchFormDiv label {
}
/* Hide the search form on the Search results page because it has its own form. */
body.search div#templateSearchFormDiv {
 visibility: hidden; 
}

table#eventsTable, 
table#newsTable {
 width: 100%;
 margin: 5px 0;
 padding: 0;
 border-collapse: collapse;
 border: 1px solid #C0C0C0;
 background: #FFFFFF;
 color: #535353;
}
table#eventsTable th,
table#newsTable th {
 margin: 0;
 padding: 2px;
 border-collapse: collapse;
 border: 1px solid #C0C0C0;
 background: #EEEEEE;
 text-align: left;
 vertical-align: top;
 font-weight: bold;
 color: #535353;
}
table#eventsTable td,
table#newsTable td {
 margin: 0;
 padding: 2px;
 border-collapse: collapse;
 border: 1px solid #C0C0C0;
 text-align: left;
 vertical-align: top;
 color: #000000;
 background-color: #FFFFFF;
}
table#eventsTable tr.even-table-row td,
table#newsTable tr.even-table-row td {
 background-color: #F7F7F7;
}
table.eventDetails {
 margin: 10px 0;
 padding: 0;
 border: 0px;
}
table.eventDetails td {
 margin: 0;
 padding: 0;
 border: 0px;
 text-align: left;
 vertical-align: top;
}
table.eventDetails td.datetime {
 white-space: nowrap;
}
table.eventDetails td.label {
 font-weight: bold;
 padding-right: 3px;
}

/* Blog styles */
.blogPostFull {
 margin: 15px 0 25px 0;
}
.blogPostDate {
 text-transform: uppercase;
 color: #AAAAAA;
 font-size: .85em;
 letter-spacing: .1em;
}
.blogPostTitle {
 margin: 10px 0;
}
.blogPostContent {
 margin: 5px 0;
}
.blogPostFooter {
 margin: 15px 0;
 text-transform: uppercase;
 font-size: .75em;
 letter-spacing: .1em;
}
.blogPostAuthorTime {
 color: #AAAAAA;
 margin: 5px 0;
}
.blogPostTags {
 margin: 10px 0px;
 color: #AAAAAA;
}

.comment-links {
    border-top: 1px dotted #999999;
    margin: 10px 0px;
    padding: 10px 0px 10px 0px;
}
.comment-links a {
    text-decoration: none !important;
}
.comment-links a:hover {
    text-decoration: underline !important;
}

div#postCommentFormWrapper {
    margin: 20px 0px;
    padding: 15px;
    background: #E0E0E0 !important;
}
div.comment-wrapper {
    background: #FFFFFF;
}
div.comment-header {
    background: #E0E0E0;
    padding: 5px;
    clear: both;
    min-height: 36px;
}
img.commenter-avatar {
    float: left;
    margin: 0px 5px 0px 0px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
}
h3.commenter-name {
    margin: 0px 0px 3px 0px;
    font-size: 1.15em;
    font-weight: normal;
}
h3.commenter-name a {
    text-decoration: none;
    color: #353535;
}
h3.commenter-name a:hover {
    text-decoration: underline;
    color: #000000;
}
div.comment-date-time {
    font-size: .85em;
    color: #777777;
}
div.comment-body {
    padding: 10px;
}

div.comment-editor-options {
    float: right;
    margin: 0px 0px 0px 10px;
}
div.comment-footer {
    font-size: .85em;
    color: #777777;
    padding: 0px 10px 10px 10px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #999999;
}
div.comment-footer a {
    text-decoration: none;
}
div.comment-footer a:hover {
    text-decoration: underline;
}
.comment-message {
    font-size: 1.2em;
    margin: 25px 0px;
}

.blogPostComments {
	margin: 10px 0px;
    padding: 0px 0px 25px 0px;
    border-bottom: 1px dotted #999999;
}

/* Context Navigation */
div#NavContext ul { 
 margin: 0px 0 15px 0;
 padding: 0;
 list-style: none;
}
div#NavContext li {
 display: block;
 margin: 0;
 padding: 0;
 min-height: 20px;
 list-style: none;
}
div#NavContext a {
 display: block;
 margin: 0;
 padding: 3px 3px 3px 15px;
 text-decoration: none;
 font-size: .85em;
 color: #000000;
}
div#NavContext li.child a {
 padding-left: 30px;
}
div#NavContext li.sibling.webpage a {
 background: url(/workspace/view/assets/icons/moreicons/nav_item.gif) 0 4px no-repeat;
}
div#NavContext li.child.webpage a {
 background: url(/workspace/view/assets/icons/moreicons/nav_item.gif) 15px 4px no-repeat;
}
div#NavContext li.child.folder a {
 background: url(/workspace/view/assets/icons/moreicons/nav_folder_closed.gif) 15px 4px no-repeat;
}
div#NavContext li.sibling.folder a {
 background: url(/workspace/view/assets/icons/moreicons/nav_folder_closed.gif) 0 4px no-repeat;
}
div#NavContext li.folder.current a,
div#NavContext li#NavFolder1.current a {
 font-weight: bold;
 background: url(/workspace/view/assets/icons/moreicons/nav_folder_open.gif) 0 4px no-repeat;
}
div#NavContext li.parent a {
 background: url(/workspace/view/assets/icons/moreicons/nav_back.gif) 0 4px no-repeat;
}
div#NavContext li.current.webpage a {
 font-weight: bold;
 background: #FFFFFF url(/workspace/view/assets/icons/moreicons/nav_folder_open.gif) 0 4px no-repeat;
}
div#NavContext li.current.webpage.child a {
 font-weight: bold;
 background: #FFFFFF url(/workspace/view/assets/icons/moreicons/nav_item.gif) 15px 4px no-repeat;
}
div#NavContext li:hover {
}
div#NavContext a:hover {
 color: #000000;
}



/* Context Navigation NEW WAY */
div#navContext ul { 
 margin: 0px 0 15px 0;
 padding: 0;
 list-style: none;
}
div#navContext li {
 display: block;
 margin: 0;
 padding: 0;
 min-height: 20px;
 list-style: none;
}
div#navContext a {
 display: block;
 margin: 0;
 padding: 3px 3px 3px 15px;
 text-decoration: none;
 font-size: .85em;
 color: #000000;
}
div#navContext li.child a {
 padding-left: 30px;
}
div#navContext li.sibling.webpage a {
 background: url(/workspace/view/assets/icons/moreicons/nav_item.gif) 0 4px no-repeat;
}
div#navContext li.child.webpage a {
 background: url(/workspace/view/assets/icons/moreicons/nav_item.gif) 15px 4px no-repeat;
}
div#navContext li.child.folder a {
 background: url(/workspace/view/assets/icons/moreicons/nav_folder_closed.gif) 15px 4px no-repeat;
}
div#navContext li.sibling.folder a {
 background: url(/workspace/view/assets/icons/moreicons/nav_folder_closed.gif) 0 4px no-repeat;
}
div#navContext li.folder.current a,
div#navContext li#NavFolder1.current a {
 font-weight: bold;
 background: url(/workspace/view/assets/icons/moreicons/nav_folder_open.gif) 0 4px no-repeat;
}
div#navContext li.parent a {
 background: url(/workspace/view/assets/icons/moreicons/nav_back.gif) 0 4px no-repeat;
}
div#navContext li.current.webpage a {
 font-weight: bold;
 background: #FFFFFF url(/workspace/view/assets/icons/moreicons/nav_folder_open.gif) 0 4px no-repeat;
}
div#navContext li.current.webpage.child a {
 font-weight: bold;
 background: #FFFFFF url(/workspace/view/assets/icons/moreicons/nav_item.gif) 15px 4px no-repeat;
}
div#navContext li:hover {
}
div#navContext a:hover {
 color: #000000;
}




/* YUI menu bar style */
#doc #mymenubar {
 background: url(/workspace/view/templates/application/core/doc/assets/toolbar-bg-top.gif) 0px 0px no-repeat;
}
#doc #mymenubar #mymenubar-liner {
 background: url(/workspace/view/templates/application/core/doc/assets/toolbar-bg-bottom.gif) 0px bottom no-repeat;
}
#doc2 #mymenubar {
 background: url(/workspace/view/templates/application/core/doc2/assets/toolbar-bg-top.gif) 0px 0px no-repeat;
}
#doc2 #mymenubar #mymenubar-liner {
 background: url(/workspace/view/templates/application/core/doc2/assets/toolbar-bg-bottom.gif) 0px bottom no-repeat;
}
#doc4 #mymenubar {
 background: url(/workspace/view/templates/application/core/doc4/assets/toolbar-bg-top.gif) 0px 0px no-repeat;
}
#doc4 #mymenubar #mymenubar-liner {
 background: url(/workspace/view/templates/application/core/doc4/assets/toolbar-bg-bottom.gif) 0px bottom no-repeat;
}
#mymenubar {
 border: 0px;
}
#mymenubar #mymenubar-liner {
 min-height: 30px;
 padding: 1px 17px 7px 13px;
}

#mymenubar a {
 cursor: pointer !important;
 text-decoration: none !important;
}
#mymenubar .yuimenubaritem {
 border: 0px;
}
#mymenubar .yuimenubaritem:hover {
}
#mymenubar a:hover {
}
#mymenubar .yuimenubaritemlabel {
 border: none;
 margin: 0;
 padding: 5px 20px !important;
}
#mymenubar .yuimenu ul li:hover {
}
#mymenubar ul {
 min-width: 12em;
}

/* more navigation stuff */
div#NavSiteIndex h3 a {
 text-decoration: none;
 color: #000000;
}
div#NavSiteIndex div.letters {
 margin: 2px 0 25px 0;
}
/* private folders */
a.private {
 padding-left: 16px;
 background-image: url(/workspace/view/assets/icons/16/lock_16.png) !important;
 background-repeat: no-repeat !important;
 background-position: 0 1px !important;
}
ul li.child a.private {
 background-position: 15px 1px !important;
}
#mymenubar .yuimenubaritemlabel.private {
 background-position: 0 3px !important;
}
h1.private, h2.private, h3.private {
 padding-right: 24px;
 background-image: url(/workspace/view/assets/icons/24/lock_24.png) !important;
 background-repeat: no-repeat !important;
 background-position: right 1px !important;
}

/* Asset Galleries */
.getGalleryItemsWrapper {
 clear: both;
 float: left;
 width: 100%;
 padding: 0 0 10px 0;
}
.viewAssetGalleryItem {
 float: left; 
 height: 210px; 
 width: 158px; 
 padding: 6px 3px;
 margin: 3px 8px 5px 0px; 
 border: 1px solid #C0C0C0; 
 background: #EEEEEE; 
 text-align: center;
}
.viewAssetGalleryItemDetails {
 padding: 10px 0;
}
.viewAssetGalleryItemDetails h2 {
 margin-top: 0;
 padding-top: 0;
}
.viewAssetGalleryItemDetails .galleryItemImage {
 float: left; 
 margin: 0 10px 10px 0;
 width: auto;
}
.viewAssetGalleryItemDetails .galleryimage {
 border: 1px solid #555555;
}
#galleryItemViewNavigation {
 margin-top: 10px;
}
#galleryItemViewBacklink {
 margin-top: 10px;
}

/* Gallery combined with YUI tabview */
#yui-navset-container .color {
	margin: 0 6px 0 0;
	padding: 0;
	border-width: 0;
}
#yui-navset-container .item ul {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
	height: 150px;
	width: 448px;
	background-color: #fff;
	list-style-type: none;
}
#yui-navset-container .item li {
	margin: 0 0 0 180px;
	padding: 0;
}
#yui-navset-container .item a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */ {
	height:150px;
}/*#yui-navset-campusstore .item a .pic {	margin: 0;	padding: 0;	width: 150px;	height: 150px;	border-width: 0;	visibility: hidden;}*/
#yui-navset-container .item li a:hover img {
	visibility: visible;
}
#yui-navset-container .item li a .pic {
	position: absolute;
	left: 10px;
	top: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
	border-width: 0;
	visibility: hidden;
}
#yui-navset-container .item li a .pic1 {
	position: absolute;
	left: 10px;
	top: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
	border-width: 0;
}
#yui-navset-container .item {
	position: relative;
	margin: 0;
	padding: 10px 10px 20px 10px;
	width: auto;
	background-color: #fff;
	color: #333;
	font: normal 12px Arial, sans-serif;
	z-index: 20;
	line-height: 18px !important;
}
#yui-navset-container .item h1 {
	margin: 0 0 0 20px;
	padding: 0;
	font: bold 11px Arial, sans-serif;
}
#yui-navset-container .item h2 {
	margin: 0 0 0 20px;
	padding: 0;
	font: normal 11px Arial, sans-serif;
}
#yui-navset-container .item a:hover {
	background: none; /* no background-x styles work here */
	color: #903;
}
#yui-navset-container .s {
	margin: 0;
	padding: 0;
	height: 30px;
}
#yui-navset-container .order {
	position: absolute;
	top: -20px;
	left: 292px;
	margin: 0;
	padding: 0;
	width: 165px;
	height: 50px;
	z-index: 1;
}
#yui-navset-container .subt {
	color: #903;
}
#yui-navset-container .yui-content {
	background: #FFFFFF !important;
	margin-top: 0px !important;
}
#yui-navset-container .yui-content a {
	text-decoration: none !important;
}
#yui-navset-container .yui-nav {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	line-height: .8em !important;
}
#yui-navset-container {
	line-height: normal !important;
}
#yui-navset-container .item ul {
	list-style: none !important;
	margin-bottom: 0px !important;
	bottom-bottom: 0px !important;
}
#yui-navset-container li {
	list-style: none !important;
	margin-bottom: 0px !important;
	bottom-bottom: 0px !important;
}
#yui-navset-container .item ul {
	list-style: none !important;
}
#yui-navset-container .item li {
	list-style: none !important;
	margin: 0px 0px 0px 180px !important;
	font-size: 1.1em;
}
#yui-navset-container .item h1 {
	margin-top: 30px !important;
	padding: 3px 12px !important;
	clear: both !important;
	background: #939598 url(/templates/assets/bar-bg.gif) 0px 0px repeat-x !important;
	color: #000000 !important; 
	margin-left: 0px !important;
	font-size: 1.7em !important;
	border-bottom: 1px solid #555555 !important;
	border-right: 1px solid #888888 !important;
}
#yui-navset-container .item h2 {
	margin-left: 12px !important;
	font-size: 1.4em !important;
	margin-bottom: 10px !important;
}
#yui-navset-container .yui-content {
	background: #EEEEEE !important;
}

#yui-navset-container #this-yui-nav li {
	font-size: 12px !important;
	line-height: 1.05em !important;
}
#yui-navset-container #yui-content-gallery .thumbnail {
	border: 1px solid #C0C0C0 !important;
	background: #FFFFFF;
}
div#dialogtemplate-wrapper img.galleryimage {
	border: 1px solid #C0C0C0 !important;
	background: #FFFFFF;
}



table.customform {
}
table.customform td {
}
table.customform th {
}

div.errormessage {
 margin: 12px 0px 28px 0px;
 padding: 15px;
 border: 1px solid #999999;
 color: #990000;
 background: #EFEFEF;
 font-size: .85em;
}
form div.message.alert {
 color: #FF0000;
}

/* APPLICATION BLOCKS AND AJAX STUFF */
#app-alert-main {
	background: #FFFF99;
	border: 1px solid #FFCC00;
	color: #000000;
	margin: 0px 0px 20px 0px;
	padding: 15px;
	display: none; /* Change this with JavaScript */
}
#app-alert-main h2 {
	margin: 0px 0px 8px 0px;
	color: #000000;
	font-size: 1.25em;
	font-weight: bold;
}
#app-alert-actions {
	text-align: right;
	margin: 5px 0px 5px 10px;
}

.textBoxLimitNotice input {
	width: 2.2em;
	text-align: right;
}
div.textBoxLimited {
	float: left;
	clear: both;
	margin-right: 20px;
	margin-bottom: 20px;
}
div.textBoxLimitNotice {
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #555555;
}
div.textBoxLimitNotice span.counter, 
div.textBoxLimitNoticeAlert span.counter {
	min-width: 2em;
	text-align: right;
	display: block;
	float: left;
	margin-right: .3em;
}
div.contentFormTabBody div.row {
	clear: both;
}

/* Alerts */
div.alert-information {
	color: #AAAAAA;
	margin: 20px 0px;
	padding: 5px 10px;
	border: 1px solid #E7E7E7;
	background: #F7F7F7;
	font-size: .7em;
	z-index: 404 !important;
}
div.alert-information dl {
	margin: 0px;
	padding: 0px;
}
div.alert-information dt {
	margin: 5px 0px 3px 0px;
	padding: 0px;
	font-weight: bold;
}
div.alert-information dd {
	margin: 5px 0px 10px 0px;
	padding: 0px;
}
div.alert-redirect {
	color: #cc0000;
	margin: 20px 0px;
	padding: 5px 10px;
	border: 1px solid #E7E7E7;
	background: #F7F7F7;
	font-size: .7em;
	z-index: 404 !important;
}
div.alert-redirect dl {
	margin: 0px;
	padding: 0px;
}
div.alert-redirect dt {
	margin: 5px 0px 3px 0px;
	padding: 0px;
	font-weight: bold;
}
div.alert-redirect dd {
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

/* Printer button */
span#print-button-link-wrapper {
	display: block; 
	float: right; 
	margin: 0px 0px 10px 10px; 
}
span#print-button-link {
	display: block; 
	margin: 0px;
	padding: 0px; 
	width: 16px; 
	height: 16px; 
	border: 0px; 
	cursor: pointer; 
	background: url(/workspace/view/assets/icons_classic/16/printer.png) 0 0 no-repeat;
}

/* Events */
table.events-list {
	clear: both;
	border-collapse: collapse;
	border: 1px solid #C0C0C0;
	background: #F7F7F7;
	width: 100%;
}
table.events-list td {
	border-collapse: collapse;
	border: 1px solid #C0C0C0;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
table.events-list td div.event {
	margin: 0px 0px 10px 0px;
}