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

	/*-- company.jobroles.view, function.global, function.global.templates, profiles.assesment, table.class, wizard --*/
		.FormData { background: #E4F0FF; }


	/*-- company.jobroles.view, profiles.assesment, table.class --*/
		.FormHeading { color: #FFFFFF; background: #003366; }
	
	
	/*-- 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: #000000; }
		.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: #FFFFFF; background: #003366; }
		
	/*-- 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: #003366; 
			color: #FFFFFF; 
			font-weight: bold; 
		}
		.CSSTable thead th { font-size: 80%; background-color: #1568BA; color: #FFFFFF; }
		.CSSTable tbody td { background: #E4F0FF; font-size: 14px; }
		.CSSTable tbody th { padding: 20px 10px; }
		.CSSTable .odd td {	background-color: rgb(247,247,247); color: #666666 }
		
		.TableCollapseWithBorder { border-collapse: Collapse; BORDER: black 1px solid; } /* Also used in [company.jpbrp;es.view] */
		.TableCollapse { border-collapse: Collapse; }
		
		.TableTitle { font-size: 120%; background: #E4F0FF; }
		.FormWarningHeading { color: #FFFFFF; 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: #003366; color: #FFFFFF; font-weight: bold; /* text-transform: uppercase */
		}
		.FilterTable thead th { background-color: #1568BA; color: #FFFFFF; }
		.FilterTable tbody td { background: #E4F0FF; font-size: 11px; }
		.FilterTable tbody th { padding: 20px 10px; }
		.FilterTable .odd td {	background-color: rgb(247,247,247); color: #666666 }
		.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: #E4F0FF; border-right: 1px solid #003366; }

		


/******** Plug-in defined CSS ********************************************************************/
		
		
		#why-col1, #why-col2 {
			float: left;
			padding: 0px 0px 0px 20px;
			width: 430px;
			height: 1000px;
		}
		
		.why-us-block {
			height:180px;
			padding:0 0 20px;
		}
		
		.why-us-block .why-icon {
			float:left;
			width:135px;
			text-align:center;
		}
		
		.why-us-block .why-text {
			float:left;
			width:290px;
		}
		
		.why-us-block .why-text p {
			text-align: left;
			padding: 0px;
			font-size: 14px;
		}
		
		.why-us-block .why-text h3 {
			margin-top: 0px;
			font-size:19px;
			letter-spacing:-1px;
		}
		
		
		
		
		.CampaignTargeting fieldset {
			margin: 10px;
		}
		
		.CampaignTargeting legend {
			margin-left: 10px;
		}
		
		.CampaignTargeting .formWizard_Input_Checkbox {
			margin: 2px 10px 2px 40px;
		}
		
		.CampaignTargeting .formWizard_Input_Radio {
			margin: 10px;
		}
		
		.CampaignTargeting .formWizard_Input_Radio_Caption {
			margin-left: 10px;
		}
		
		#CampaignURLTargetingDIV input {
			width: 100%;
		}
		
		
		
		
		.HelpQuestion {
			font-weight: bold;
			font-size: 15px;
			color: #0000FF;
			margin-top: 20px;
			cursor: pointer;
		}
		
		.HelpAnswer {
			margin-bottom: 20px;
			font-size: 13px;
		}
		
		
		
		
			/* 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;
			}
			
			
		
		
			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_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; }
		
	/*-- 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----------------------------*/
		
		

		
		
		.AdvancedLayout_EditableField {
			display: block;
			width: 100%; 
		}
		
		.AdvancedLayout_EditableField:hover {
			border: 1px solid red;
			background-color: #FFC3C3;
		}
		
		
		
	/*-- plugin_graphic_menu_system --*/
		
		#Plugin_GraphicMenuSystem_Display {  text-align: center;  vertical-align: middle; margin-bottom: 150px; }

		#Plugin_GraphicMenuSystem_Display div.icon   { margin: 3px; }
		#Plugin_GraphicMenuSystem_Display div.icon a { 
			display: block; float: left;
			height: 107px !important;
			height: 110px; 
			width: 108px !important;
			width: 110px; 
			vertical-align: middle; 
			text-decoration : none;
			border: 1px solid #DDD;
			padding: 2px 5px 21px 5px;
		}
		
		#Plugin_GraphicMenuSystem_Display div.icon a:link    {  color : #808080;  }
		#Plugin_GraphicMenuSystem_Display div.icon a:hover   { 
			color : #333; 
			background-color: #FFFFFF;  
			border: 1px solid #003366;
			padding: 3px 4px 20px 6px; 
		}
		
		.Plugin_GraphicMenuSystem_Display_SubMenu {
			font-size: 12px;
		}
		
		#Plugin_GraphicMenuSystem_Display div.icon a:active  {  color : #808080;  }
		#Plugin_GraphicMenuSystem_Display div.icon a:visited {  color : #808080;  }
		
		#Plugin_GraphicMenuSystem_Display div.icon img { margin-top: 13px; }
		#Plugin_GraphicMenuSystem_Display div.icon span { display: block; padding-top: 3px;}
		
		/*-- CSS TABLE STYLE for BreadcrumbTable tables --*/
		table.BreadcrumbTable { background-color: #FFFFFF; margin-bottom: 12px; }
		table.BreadcrumbTable A:link	{ text-decoration: none;		color: #0000FF;}	
		table.BreadcrumbTable A:visited	{ text-decoration: none;		color: #0000FF;} 
		table.BreadcrumbTable A:active	{ text-decoration: none;	 	color: #0000FF;}
		table.BreadcrumbTable A:hover	{ text-decoration: underline;	color: #0000FF;}		
		
		

		
	/*-- 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 #003366;
			color: #FFF;
			text-transform:uppercase;
			padding:10px;
			background-color: #003366;
			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; }