/******** Generic HTML Attributes ****************************************************************/
	html, body {height:100%; }	
	body	{
		background-color: rgb(255, 255, 255);
		font-family: "Arial",Verdana,sans-serif;
		padding: 0px 10px 0px 10px;
		color: rgb(0, 0, 0);
	}
		
		.DBORecordDeleted {
			text-decoration: line-through;
		}
		

	/*-- company.jobroles.view, function.global, function.global.templates, profiles.assesment, table.class, wizard --*/
		.FormData { background: rgb(199, 221, 239); }


	/*-- company.jobroles.view, profiles.assesment, table.class --*/
		.FormHeading { color: rgb(255, 255, 255); background: rgb(34, 72, 100); }
	
	
	/*-- display.class, plugin.project.class --*/
		.Warning { 
			font-size: 90%; padding: 10px; margin: 10px; background: rgb(220,200,200); 
			text-align: center; border: #FF1010 1px solid; color:#FF3333;
		}
		
	/*-- formWizard.class, course.addedit.form, profiles.matrix.program --*/
		.formWizard_Field {	margin: 10px 0px 10px 10px; }
		.formWizard_Field label { font-weight: bold; }
		.formWizard_Field_Mandatory label { font-weight: bold; }
		.formWizard_Field_Mandatory { margin: 10px 0px 10px 10px; color: #FF0000; }
		.formWizard_Field_Recommended { margin: 10px 0px 10px 10px; color: rgb(0, 0, 0); }
		.formWizard_Field_ReadOnlyValue { color: #000000; font-size: 90%; } 
		.formWizard_Input_File_HiddenInputBox { display: none; }
		.formWizard_Input_File_ReplaceFileText { margin-left: 5px; font-size: 10px; color: #000000; }
		.formWizard_Input_TextArea { width: 99%; min-height: 200px; height: 200px; }
	
	/*-- function.global --*/
	.TableHeader { text-align: center; }
	
	/*-- function.global, profiles.matrix.program --*/
		.TableLink { font-size: 70%; text-align: center; }
	
	/*-- function.global.templates, wizard.class --*/
		.WizardHeading { color: rgb(255, 255, 255); background: rgb(34, 72, 100); }
		
	/*-- selectbox.class --*/
		.HideClass { display: none; }
	
	/*-- table.class --*/
		table.CSSTable { color: #353535; border-collapse: collapse; border: 1px solid black; margin-bottom: 12px; }
		.CSSTable warning { color: #FF0000; }
		.CSSTable caption, .CSSTable th, .CSSTable td { padding: 10px; }
		.CSSTable caption, .CSSTable thead th, .CSSTable tfoot th , .CSSTable tfoot td {
			background-color: rgb(34, 72, 100); 
			color: rgb(255, 255, 255); 
			font-weight: bold; 
		}
		.CSSTable thead th { font-size: 80%; background-color: rgb(47, 100, 140); color: rgb(255, 255, 255); }
		.CSSTable tbody td { background: rgb(199, 221, 239); font-size: 14px; }
		.CSSTable tbody th { padding: 20px 10px; }
		.CSSTable .odd td {	background-color: rgb(217, 233, 244); color: rgb(0, 0, 0) }
		
		.TableCollapseWithBorder { border-collapse: Collapse; BORDER: black 1px solid; } /* Also used in [company.jpbrp;es.view] */
		.TableCollapse { border-collapse: Collapse; }
		
		.TableTitle { font-size: 120%; background: rgb(199, 221, 239); }
		.FormWarningHeading { color: rgb(255, 255, 255); background: #990000; }

	/*-- CSS TABLE STYLE for FilterTable tables --*/
		table.FilterTable { color: #353535; border-collapse: collapse; border: 1px solid black; margin-bottom: 12px; }
		.FilterTable warning { color: #FF0000; }
		.FilterTable caption, .FilterTable th { padding: 10px; }
		.FilterTable td { padding: 5px; }
		.FilterTable caption, .FilterTable thead th, .FilterTable tfoot th , .FilterTable tfoot td {
			background-color: rgb(34, 72, 100); color: rgb(255, 255, 255); font-weight: bold; /* text-transform: uppercase */
		}
		.FilterTable thead th { background-color: rgb(47, 100, 140); color: rgb(255, 255, 255); }
		.FilterTable tbody td { background: rgb(199, 221, 239); font-size: 11px; }
		.FilterTable tbody th { padding: 20px 10px; }
		.FilterTable .odd td {	background-color: rgb(217, 233, 244); color: rgb(0, 0, 0) }
		.FilterTable .SelectBox { font-size: 11px; }
		.FilterTable .formWizard_Field { margin: 0px; }
		.FilterTable .formWizard_Field_Recommended { margin: 0px; }
		
	/*-- wizard.class --*/
		.WizardToDo { padding: 3px; font-size: 70%; background: rgb(199, 221, 239); border-right: 1px solid rgb(34, 72, 100); }

		


/******** Plug-in defined CSS ********************************************************************/
		
		

		.div_profile {
			left:0;
			position:absolute;
			color:#3B5998;
			outline-style:none;
			text-decoration:none;
		}
		
		.div_story {
			border-top:1px solid #EEEEEE;
			margin-bottom:7px;
			min-height:60px;
			padding:17px 0 0 60px;
			position:relative;
		}
		
		.div_story_text {
			color: rgb(51, 51, 51);
			display: block;
			font-size: 13px;
			font-weight: normal;
			min-height: 32px;
			margin-bottom: 0px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			width: 340px;
		}
		
		.div_story_icon {
			float:right;
		}
		
		#new_post_form {
			margin-left:60px;
			background-color:#F2F2F2;
			border-color:#919191 #B5B5B5 #CBCBCB;
			border-top:2px solid #919191;
			padding:4px;
			border:1px solid #CCCCCC;
			height: 32px;
		}	
		
		#new_post {
			font-size:15px;
			height:20px;
			margin:0;
			outline-style:none;
			outline-width:medium;
			overflow:hidden;
			padding: 3px;
			vertical-align:bottom;
			width:260px;
			float: left;
		}
		
		.new_post { 
			height: 60px;
		}
		
		#new_post_button {
			float:right;
			font-size:13px;
			line-height:20px;
			font-weight:bold;
			padding: 3px;
		}
		
		.x-panel-body p {
		    margin:10px;
		    font-size:12px;
		}
		
		.PopupTable {
			 padding: 10px;
			 width: 95%;
			 margin: 0px 0px 0px 10px;
			 color: #000000;
			 
		}
		
		.PopupTable td {
			 margin: 10px 10px 10px 10px;
			 padding: 10px 10px 10px 10px;
			
		}
		
		.PopupTable th {
		 	font-weight: bold;
		 	 border: none;
		}
		
		.PopupTable textarea {
			width: 100%;
			height: 50px;
		}
				
		
			.clearfix {
				display:block;
			}
		
			.comment_author {
				color:#3B5998;
			}
			
			.comment_box {
				clear:both;
				font-size:11px;
				overflow:hidden;
				padding:2px 0 0;
			}
			
			.comment_box_nub {
				background:transparent url(../images/toolkit.png) no-repeat scroll -930px -69px;
				clear:left;
				height:5px;
				margin:0 0 0 17px;
				overflow:hidden;
				width:9px;
			}
			
			.comment_add_row {
				float:left;
			}
			
			.div_story_timestamp {
				display: inline;
			}
			
			.post_controls {
				margin-left: 5px;
			}
			
			.comment_controls, .post_controls {
				display: inline;
			}
			
			.comment_controls a, .post_controls a {
				cursor: pointer;
			}
			
			.comment_controls a:hover, .post_controls a:hover {
				text-decoration: underline;
			}
			
			.add_comment_box_wrapper {
				margin-bottom:4px;
				margin-left:0;
				position:relative;
			}
			
			.comments_add_box_image {
				display:none;
			}
			
			.add_comment_text {
				border:1px solid #BDC7D8;
				font-size:11px;
				padding:3px;
				overflow:auto;
				margin:0;
				height:14px;
				min-height:14px;
				width:320px;
				color:#777777;
			}
			
			.comment_box .comments_add_box .inline_comment_buttons {
				padding:0 0 6px 42px;
			}
			
			.comments_add_box_submit {
				float:right;
				width:auto;
			}
			
			.comment_box .comment_actions {
				color:#777777;
				padding-top:2px;
			}
			
			.ufi_section {
				background-color:#ECEFF5;
				border-bottom:1px solid #E5EAF1;
				clear:left;
				float:none;
				margin-bottom:2px;
				overflow:hidden;
				padding:6px 4px 3px 6px;
				width:330px;
			}
			
			.commentable_item form .comment_add_row {
				margin-bottom:0;
			}
			
			.UIButton_Blue {
				background-color:#5B74A8;
				background-position:0 -48px;
				border-color:#26446E #152F5F #0C2253;
			}
			
			.UIButton {
				border-style:solid;
				border-width:1px;
				display:inline-block;
				outline-color:-moz-use-text-color;
				outline-style:none;
				outline-width:medium;
				vertical-align:bottom;
			}
	
			.UIButton_Text {
				padding:2px 4px 3px;
				background-color:transparent;
				border:medium none;
				cursor:pointer;
				display:block;
				font-size:11px;
				font-weight:bold;
				line-height:14px;
				margin:0;
				overflow:visible;
				width:auto;
			}
			
			.UIButton_Blue .UIButton_Text {
				color:#FFFFFF;
				text-shadow:0 1px 0 #3E5A88;
			}
			
			.UIImageBlock_Content {
				display:table-cell;
			}
			
			.UIImageBlock_Image img, img.UIImageBlock_Image {
				vertical-align:bottom;
			}
			
			.like_box {
				overflow:hidden;
			}
			
			.sx_icons_like_on {
				background-position:0 -1064px;
				height:13px !important;
				width:15px !important;
			}

			.spritemap_icons {
				background-image:url(images/toolkit.png);
				background-repeat:no-repeat;
				display:inline-block;
				height:16px;
				width:16px;
			}


			
			.UIImageBlock_Image {
				float:left;
				margin-right:9px;
			}
			
			.UIProfileImage_SMALL {
				height:32px;
				width:32px;
			}
			
		
		
		.AdvancedLayout_EditableField {
			display: block;
			width: 100%; 
		}
		
		.AdvancedLayout_EditableField:hover {
			border: 1px solid red;
			background-color: #FFC3C3;
		}
		
		
		
	/*-- plugin_ajaxFramework_support --*/
		div#ProgressDialog {
			display: none;
			text-align: center;
			position: absolute;
			width: 100%;
			top: 37%;
			z-index: 210;
			font-size: 70%;
		}
		
		div#ProgressDialog div {
			text-align: center;
			width: 160px;
			white-space: nowrap;
			background-color: infobackground;
			border: 1px solid black;
			padding: 0px 12px 1px 2px;
			
		}
		
		div#ProgressDialog div img {
			width: 32px;
			height: 32px;
		}
		
			/*-----------------------POPUPS----------------------------*/

			/**
			 * POPUP CONTAINER STYLES
			 */
			 .PopupStorageDiv {
			 	display: none;
			 }
			 
			#popupMask {
				position: absolute;
				z-index: 200;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				opacity: .4;
				filter: alpha(opacity=40);
				/* this hack is so it works in IE
				 * I find setting the color in the css gives me more flexibility 
				 * than the PNG solution.
				 */
				background-color:transparent !important;
				background-color: #333333;
				/* this hack is for opera support
				 * you can uncomment the background-image if you don't care about opera.
				 * this gives you the flexibility to use any bg color that you want, instead of the png
				 */
				background-image/**/: url("images/maskBG.png") !important; // For browsers Moz, Opera, etc.
				background-image:none;
				background-repeat: repeat;
				display:none;
			}
			#popupContainer {
				position: absolute;
				z-index: 201;
				top: 0px;
				left: 0px;
				width: 550px;
				height: auto;
				display:none;
				padding: 0px;
			}
			#popupInner {
				border: 1px solid #000000;
				/*Toggle This to Enable/Disable transparent background in popup windows*/
				background-color: #ffffff;
			}
			#popupTitleBar {
				background-color: #486CAE;
				color: #ffffff;
				font-weight: bold;
				height: 0.8em;
				padding: 2px;
				border-bottom: 2px solid #000000;
				border-top: 1px solid #78A3F2;
				border-left: 1px solid #78A3F2;
				border-right: 1px solid #204095;
				position: relative;
				z-index: 203;
				margin: 0px 0px 3px 0px;
			}
			#popupTitle {
				float:left;
				font-size: 1em;
				margin: 0px 0px 0px 4px;
			}
			#popupControls {
				float: right;
				cursor: pointer;
				cursor: hand;
			}
			
			/*-----------------------POPUPS----------------------------*/
		
		

		.Plugin_Schema_Manager_Record_Permission_AccessRightToggle_Hidden { color: red; }.Plugin_Schema_Manager_Record_Permission_AccessRightToggle_ReadOnly { color: gray; }.Plugin_Schema_Manager_Record_Permission_AccessRightToggle_Editable { color: green; }.Plugin_Schema_Manager_Record_Permission_AccessRightToggle { width: 100%; text-align: center;  height: 15px; cursor: pointer; }.Plugin_Schema_Manager_Record_Permission_AccessRightToggle_Cell {  border: 1px solid black; }.Plugin_Schema_Manager_Record_Permission_AccessRightToggle_NotActive { display: none; }
		
		
		
			dd-ct {
		        border: 1px solid silver;
		        width: 180px;
		        height: 20px;
		        background-color: #ffffc0;
		    }
		    #dd1-ct {
		        left: 64px;
		    }
		    #dd2-ct {
		        left: 256px;
		    }
		    .dd-item {
		        height: 18px;
		        border: 1px solid #a0a0a0;
		        background-color: #c4d0ff;
		        vertical-align: middle;
		        cursor: move;
		        padding: 2px;
		        z-index: 1000;
		        width: 200px;
		    }
		    .dd-ct .dd-item {
		        margin: 2px;
		    }
		    .dd-proxy {
		        opacity: 0.4;
		        -moz-opacity: 0.4;
		        filter: alpha(opacity=40);
		    }
		    .dd-over {
		        background-color: #ffff60;
		    }
			    
		
		
	/*-- plugin_ajaxFramework_support --*/
		div#ProgressDialog {
			display: none;
			text-align: center;
			position: absolute;
			width: 100%;
			top: 37%;
			z-index: 210;
			font-size: 70%;
		}
		
		div#ProgressDialog div {
			text-align: center;
			width: 160px;
			white-space: nowrap;
			background-color: infobackground;
			border: 1px solid black;
			padding: 0px 12px 1px 2px;
			
		}
		
		div#ProgressDialog div img {
			width: 32px;
			height: 32px;
		}
		
			/*-----------------------POPUPS----------------------------*/

			/**
			 * POPUP CONTAINER STYLES
			 */
			 .PopupStorageDiv {
			 	display: none;
			 }
			 
			#popupMask {
				position: absolute;
				z-index: 200;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				opacity: .4;
				filter: alpha(opacity=40);
				/* this hack is so it works in IE
				 * I find setting the color in the css gives me more flexibility 
				 * than the PNG solution.
				 */
				background-color:transparent !important;
				background-color: #333333;
				/* this hack is for opera support
				 * you can uncomment the background-image if you don't care about opera.
				 * this gives you the flexibility to use any bg color that you want, instead of the png
				 */
				background-image/**/: url("images/maskBG.png") !important; // For browsers Moz, Opera, etc.
				background-image:none;
				background-repeat: repeat;
				display:none;
			}
			#popupContainer {
				position: absolute;
				z-index: 201;
				top: 0px;
				left: 0px;
				width: 550px;
				height: auto;
				display:none;
				padding: 0px;
			}
			#popupInner {
				border: 1px solid #000000;
				/*Toggle This to Enable/Disable transparent background in popup windows*/
				background-color: #ffffff;
			}
			#popupTitleBar {
				background-color: #486CAE;
				color: #ffffff;
				font-weight: bold;
				height: 0.8em;
				padding: 2px;
				border-bottom: 2px solid #000000;
				border-top: 1px solid #78A3F2;
				border-left: 1px solid #78A3F2;
				border-right: 1px solid #204095;
				position: relative;
				z-index: 203;
				margin: 0px 0px 3px 0px;
			}
			#popupTitle {
				float:left;
				font-size: 1em;
				margin: 0px 0px 0px 4px;
			}
			#popupControls {
				float: right;
				cursor: pointer;
				cursor: hand;
			}
			
			/*-----------------------POPUPS----------------------------*/
		
		

		
		
			/* CSS file for table dialog in the table plugin */
			/* This file contains the CSS data for all popups in TinyMCE */
			
			.mceActionPanel {
				margin-top: 5px;
			}
			
			/* Tabs classes */
			.tabs {
				float: left;
				width: 100%;
				line-height: normal;
				background-image: url("../images/tabs_bg.gif");
			}
			
			.tabs ul {
				margin: 0;
				padding: 0px 0px 0;
				list-style: none;
			}
			
			.tabs li {
				float: left;
				background: url("../images/tab_bg.gif") no-repeat left top;
				margin: 0;
				margin-left: 0px;
				margin-right: 2px;
				padding: 0 0 0 10px;
				line-height: 18px;
			}
			
			.tabs li.current {
				background: url("../images/tab_sel_bg.gif") no-repeat left top;
				margin-right: 2px;
			}
			
			.tabs span {
				float: left;
				display: block;
				background: url("../images/tab_end.gif") no-repeat right top;
				padding: 0px 10px 0px 0px;
			}
			
			.tabs .current span {
				background: url("../images/tab_sel_end.gif") no-repeat right top;
			}
			
			.tabs a {
				text-decoration: none;
				font-family: Verdana, Arial;
				font-size: 10px;
			}
			
			.tabs a:link, .tabs a:visited, .tabs a:hover {
				color: black;
			}
			
			.tabs a:hover {}
			
			.tabs .current {}
			
			.tabs .current a, .tabs .current a:link, .tabs .current a:visited {}
			
			
			.panel_wrapper {
				border: 1px solid #919B9C;
				border-top: 0px;
				padding: 10px;
				padding-top: 5px;
				clear: both;
				background-color: white;
				display:block;
				min-height:150px;
				overflow: visible;
			}
			
			.panel_wrapper div.panel {
				display: none;
			}
			
			.panel_wrapper div.current {
				display: block;
				min-height:150px;
				overflow: visible; /* Should be auto but that breaks Safari */
			}
			
			
			fieldset {
				border: 1px solid #919B9C;
				font-family: Verdana, Arial;
				font-size: 10px;
				padding: 0px;
				margin: 0px;
				padding: 4px;
			}
			
			legend {
				color: #2B6FB6;
				font-weight: bold;
			}
			
			
		
	/*-- configurationFramework --*/
		.configurationItem { margin: 10px; }
		.configurationItem .configurationItemTitle { font-weight: bold; }
		.configurationItem .configurationDescription { font-style: italic; } 

		
	/*-- wizardEvent --*/
		.WizardFramework {
			margin: 0px;
			padding: 0px;
			border-spacing:10px; 
			border: black 1px solid;
			font-size: 12px;
			background-color:#E7E7E7; /*This is the main wizard background color (Where content is placed)*/
			color: #000000; /*This is the primary wizard font colour*/
		}
		
		.WizardFramework caption {
			border-bottom:2px solid rgb(34, 72, 100);
			color: #FFF;
			text-transform:uppercase;
			padding:10px;
			background-color: rgb(34, 72, 100);
			color: #FFF;
			font-weight: bold;
		}
		
		.WizardFramework_Content { margin-top: 10px; padding-right: 10px; width: 95%; text-align: left; border: none; }
		.WizardFramework_Content label { text-align: right; }
		.WizardFramework_Content .longLabel {}
		.WizardFramework_Content input { margin: 2px 5px 2px 0px; }
		.WizardFramework_Content .formWizard_Input_Text { width: 75%; }
		.WizardFramework_Content .formWizard_Input_Text_LengthSet {}
		.WizardFramework_Content .formWizard_Input_Radio input {}
		.WizardFramework_Content .formWizard_Input_Radio caption {}
		.WizardFramework_Content textarea { width: 50%; }
		.WizardFramework_Heading,  .WizardFramework_ToDo { background: #E7E7E7; }
		.WizardFramework_Footer { padding-bottom: 10px; }
		
		
		.WizardFramework_ToDo { margin: 0px; padding: 5px; border: none; width: 20%; }		
		.WizardFramework_ToDoCurrent { color: #000000; padding: 4px 0px 4px 12px; font-weight: bold; }
		.WizardFramework_ToDoItem { padding: 4px 0px 4px 12px; border: #FDE4C6; }
		.WizardFramework_Buttons { margin: 0px; padding: 0px; }
		.WizardFramework_Buttons table { border: none; margin: 0px; padding: 0px; }
		.WizardFramework_Buttons table td { border: none; margin: 0px; padding: 0px; }