/***************************** CORE STYLES ***************************/
.userImage {
	/*border: 1px solid rgb(0,0,0);*/
	float: right;
	margin: 7px;	
}
.noBorder {
	border: 0;
}
.doNotDisplay {
	display: none !important;
}
h3 {		/* for consistency across browsers */
	display: block;
	font-size: 1.17em;
	font-weight: bold;
	margin: 1em 0;
	letter-spacing:-1px;
}
a.external {
	background: url("/content/images/link-external.png") center right no-repeat;
	padding-right: 13px;
}
.errorText {
	font-weight: bold;
	color: #f00;
}
/***************************** NEWS STYLES ***************************/
.newsStory > .create, .newsStory > .edit {
	display: none;
}
.newsStory h2 {
	margin-bottom: 0 !important;
}
/***************************** TABLE STYLES ***************************/
.sdDataTable {
	border-bottom: 1px solid #ccc;
	font-size:85%;
	overflow: scroll;
}
.sdDataTable > thead > tr {
	vertical-align: bottom;
}
.sdDataTable > tbody > tr  {
	border-right:1px solid #000000;
	padding:1px;
	vertical-align:top;
}
.sdDataTable .sdMessageRow td {
	text-align: center;
	padding: 1em;
	font-weight: bold;
}
.sdDataTable .evenRow {
	background-color: #f5f5f5;
	font-size: x-small; color: black;
}
.sdDataTable .currentRow {
	background-color: #aca !important;
}
.sdDataTable .oddRow {
	background-color: #ffffff;
	font-size: x-small; color: black;
}
.sdDataTable > tbody > tr > td {
	border-right: 1px solid #ccc;
	padding-left: 5px;
	padding-right: 5px;
}
.sdDataTable .breakRow, .sdDataTable .breakRow > td {
	background-color: #dddddd;
	font-size: small; color: black;
	padding: .25em;
	padding-left: 1em;
}
.sdDataTableHeading {
	background-color: #000000;
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: underline;
}
tr.sdDataTableHeading + tr.sdDataTableHeading {
	font-size: 1em;
}
.sdDataTableHeading a {
	color:#ffffff;
	font-weight:bold;
	text-decoration: underline;
}
.sdDataTableHeading a:hover {
	color:#ffff00;
	font-weight:bold;
	text-decoration: underline;
}
.sdDataTableHeading td {
	vertical-align:top;
}
.sdDataTable .evenRow .sdKey {
	background-color: #ddddff;
}
.sdDataTable .oddRow .sdKey {
	background-color: #ccccee;
}
.sdDataTableWrapper {
	background-color: #999;
	width: auto;
	border: 1px solid #777;
	overflow: auto;
	margin:1em 0;
}
.sdDataTable .sdAscending, .sdDataTable .sdDescending {
	padding-right: 15px;
	background-position: center right;
	background-repeat: no-repeat;
}
.sdDataTable .sdAscending {
	background-image: url('/content/images/sort-ascending.gif');
}
.sdDataTable .sdDescending {
	background-image: url('/content/images/sort-descending.gif');
}
.sdDataTable > caption {
	font-size: 1.5em;
	padding: .1em;
	color: #fff;
	text-align: left;
	font-weight: bolder;
	white-space: nowrap;
}
.sdDataTable td.sdSelector, .sdDataTable th.sdSelector {
	background-color: #ddd;
	color: #999;
	border: 2px solid #fff;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	padding-right: 5px;
	padding-left: 2px;
	font: 80% Arial,sans-serif;;
	text-align: right;
	cursor: default;
}
.sdDataTable > tbody > tr.selected {
	background: #ff9 !important;
}
.sdDataTable tbody a {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
.sdDataTable tbody a:hover {
	text-decoration: underline;
	border-bottom: none;
}
.sdDataTable > tbody > tr:hover {
	background-color: #ff9;
}
.sdDataTableWrapper .sdDataTableToolbar {
	display: inline;
	float: right;
	padding: 0 5px 0 0;
	border: 0;
	margin: 0;
}
.sdDataTableWrapper .sdDataTableToolbar img {
	border: 0;
	padding: 0;
	margin: 0;
}
.sdWikiTable > tbody > tr > td {
	border-top: 1px solid #ccc;
}
.sdWikiTable {
	border-left: 1px solid #ccc;
}
/************************* FORM TABLE STYLES ***************************/
.formPanel table {
	margin:1em 0;
	border: 1px solid #778;	
	width:90%;
}
.formPanel table.filterSelection {
	border: none;
}
.formPanel table tr  {
	border-right:1px solid #000000;
	padding:1px;
	vertical-align:top;
}
.formPanel table .evenRow {
	background-color: #f5f5f5;
	font-size: x-small; color: black;
}
.formPanel table .currentRow {
	background-color: #ccf !important;
}
.formPanel table .oddRow {
	background-color: #ffffff;
	font-size: x-small; color: black;
}
.formPanel table .breakRow, .formTable .breakRow > td {
	background-color: #99f;
	font-size: small; color: black;
	padding: .25em;
	padding-left: 1em;
}
.formPanel table th {
	background-color: #99f;
	color: #fff;
	font-size: 1.17em;
	font-weight: bold;
	padding: .25em .1em .1em .1em;
}
.formPanel table tbody tr.newRecord:first-child td  {
	border-top: 1px solid #778;	
}
.formPanel table th a {
	text-decoration: underline;
	color: #fff !important;
}
/**************************** TABNAV STYLES **************************/
ul.tabList {
	font: bold 12px verdana, arial, sans-serif;
	letter-spacing:-1px;
	list-style-type: none;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #778;
	margin: 0;
	margin-bottom: 1em;
	background: url("/content/images/tabnav-bg.png") bottom repeat-x;
}
ul.tabList li {
	float: left;
	height: 22px;
	margin: 2px 2px 0 2px;
	border: 1px solid #778;
	line-height: 1em;
	background: #dde url("/content/images/tabnav-inactive-bg.png") bottom repeat-x;	
}
ul.tabList li.active {
	border-bottom: 1px solid #fff;
	background: #fff;
}
ul.tabList li.active a {
	color: #000;
}
.tabList a {
	float: left;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 4px;
}
.tabList a:hover {
	color: #fff;
}
.tabList li.active a:hover {
	color: #000 !important;
}
/************************* FORM MANAGER STYLES ***********************/
#formInfo {
	float: right;
	font-size: 1.17em;
	font-weight: bold;
	margin: 0;
	padding: .1em;	
}
.formPanel {
}
fieldset {
	margin-top: 1em;
	background-color: #ddf;
	border: 1px solid #999;
	padding: 0;
}
.formErrorRow, formError {
	background: #eea;
	color: red;
}
.legendText {
	font-size: 1.17em;
	font-weight: bold;
	margin: 0;
	padding: .1em;
	/*margin-bottom: .2em;*/
	border-bottom: 1px solid #778;
	background: #99f;
	color: #fff;
}
.legendText a {
	color: #fff !important;
}	
.legendButtonBar {
	margin: 0;
	padding: .1em;
	padding-left: 14.5em;
	border-bottom: 1px solid #778;
	background: #99f;
	color: #fff;
}
.fieldList {
	padding: .5em;
}
.formPanelRow {
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: baseline;
	padding: 0;
	clear: both;
	line-height: 1.1em;
}
.fieldLabel, .fieldBlankLabel{
	width: 14em;
	float: left;
	padding-top: .6em;
	margin-right: 0;
}
.fieldLabel {
	background:  url("/content/images/border-line-blue.png") bottom left repeat-x;
}
.fieldInput {
	vertical-align: baseline;
}
.fieldData {
	padding-top: .6em;
	margin-left: 14em;
	vertical-align: baseline;
}
.fieldInputArea {
	vertical-align: baseline;
}
.fieldInputArea > .fieldInputStaticText {
	padding-top: .6em;	
}
.fieldLabel .requiredSymbol {
	color: red;
	font-weight: bolder;
}
.fieldTip {
	margin-left: 14em;
	clear: both;
}
.fieldTip span {
	font-size: 80%;
}
.moreArea {
	padding-bottom: .25em;
	margin-bottom: .25em;
	border-bottom: 2px dashed #808080;
}
.fieldList .moreArea {
	background-color: #dfdfff;
}
/*************************** INPUT STYLES *************************/
.inputText { /* for crummy IE6 */
	background: #f0f0f0;
	border:1px solid #b0b0b0;
	margin: 0;
	height: 1.2em;
}
textarea[name] {		/* Selector prevents IE from styling this (since it styles nothing else)*/
	background: #f0f0f0;
	border:1px solid #b0b0b0;
}
select, input[type~="text"], input[type~="password"] { 
	background: #f0f0f0;
	border:1px solid #b0b0b0;
	margin: 0;
	/*height: 1.2em;*/
}
select:focus, textarea:focus, input[type~="text"]:focus, input[type~="password"]:focus, input[type~="button"]:focus, input[type~="submit"]:focus { 
	background:#ffd !important;
}
.loginInput {
	width:100px; 
}
.button { /* for crummy IE6 */
	background:#f0f0f0;
	border:1px solid #b0b0b0;
}
input[type~="button"], input[type~="submit"] { 
	background:#f0f0f0;
	border:1px solid #b0b0b0;
}
/*************************** NOTIFICATION STYLES *************************/
.notification {
	border: 1px dashed black;
	padding: 1em;
	padding-left: 60px;
	padding-bottom: 0em;
	margin-bottom: 1em;
	font-size: .8em;
	color: rgb(0,0,0);
}
.error {
	background: #e55 url("/content/images/icon-error.png") 1em 1em no-repeat; 
	color: #fff !important;
}
.error h1 {	color: #fff !important; }
.warning h1, .info h1, .success h1 {color: rgb(0,0,0) !important; }
.warning {
	background: #ff9 url("/content/images/icon-warning.png") 1em 1em no-repeat;  
}
.info {
	background: #ccf url("/content/images/icon-info.png") .25em .25em no-repeat; 
}
.success {
	background: #aca url("/content/images/icon-success.png") 1em 1em no-repeat; 
}
.notification h1 {
	margin-bottom: .25em !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(170, 170, 170);	
	color: rgb(0,0,0);
}
.notification p {
	margin-bottom: .5em;
	margin-top: 0 !important;
}
.notification .messageId {
	padding-right: .5em;
	font-weight: bold;	
	display: none;
}
.notification .messageId:after {
	content: ": ";
}
/*************************** CATEGORY BROWSE STYLES *************************/
.categoryView .folder, .categoryView .document, .categoryView .service, .categoryView .link {
	padding-top: .5em;
	padding-left: 60px;
	padding-bottom: .5em;
	margin: 0;
	border-bottom: 1px solid #eee;
}
.categoryView .folder {
	background: url("/content/images/icon-folder.png") .25em .5em no-repeat;
}
.categoryView .folder:hover {
	background: url("/content/images/icon-folder.png") .25em .5em no-repeat #ffd;
}
.categoryView .document {
	background: url("/content/images/icon-document.png") .25em .25em no-repeat;
}
.categoryView .document:hover {
	background: url("/content/images/icon-document.png") .25em .25em no-repeat #ffd;
}
.categoryView .service {
	background: url("/content/images/icon-service.png") .25em .1em no-repeat;
}
.categoryView .service:hover {
	background: url("/content/images/icon-service.png") .25em .1em no-repeat #ffd;
}
.categoryView .link {
	background: url("/content/images/icon-link.png") .25em .25em no-repeat;
}
.categoryView .link:hover {
	background: url("/content/images/icon-link.png") .25em .25em no-repeat #ffd;
}
.categoryView .item p {
	line-height:1.3em;
	margin:0 0 .5em 0;
}
.categoryView h1, .categoryView h2 {
	margin-bottom: 0 !important;
}
.categoryView h2, .categoryView h3 {
	font-size: 1em !important;
	background-color:inherit;
	color:#000;
	font-weight:bold;
	letter-spacing: normal !important;	
	letter-spacing:-1px;
}
.categoryView .itemOptions {
	float: right;
}
.categoryView .rssIcon {
	float: right;
}
/******************************** DIFF STYLES ******************************/
ins {
	background:#E6FFE6;
	text-decoration:  none; 
}
del {
	background:#FFE6E6;
}
/****************************** SOCIAL LINKING ******************************/
.socialLinks {
	border-top: 1px solid #eee;
	margin-top: .5em;
	padding-top: .5em;
	color: #888;
}
.socialLinks ul {
	margin:.3em 0 0 1em;;
	padding:0;
}
.socialLinks li {
	display: inline;
	height:20px;
	list-style:none;
	margin:0 2px 0 0;
	padding:0;
}
.socialLinks img {
	border: none;
}
/******************************* REPORT STYLE *******************************/
.reportPanel {
	font:76% Verdana,Tahoma,Arial,sans-serif;
}

