/* CSS for Admin pages */

body {margin:0;	background-color: #EBF0FA;height:100%;}
td,div,th{font-size: 11px;	font-family: Tahoma, Helvetica, sans-serif;/*Verdana, Arial, Helvetica, sans-serif;*/}
a:link{	color: #333333;}
a:visited{color: #333333;}
a:hover{color: #000000;}
a:active{color: #333333;}
a.current {	color: #000000;	text-decoration: none;}

/* header area above tabs */
#site_section_title {
	font-size: 14px;
	font-weight: normal;
	margin:12px 0 6px 12px;
	}
#welcome_name {
	font-size: 13px;
	font-weight: normal;
	margin:0 0 12px 12px;
	}
#splash_message {
	margin:0 0 20px 20px;
	color:#874745;
	width:585px;
	background-color:#fff;
	padding:0 6px 0 6px;
	}
.bold {	font-weight:bold;}
#splash_message p {	line-height:18px;}
#logout_link {
	position:absolute;
	left:500px;
	top:12px;
	line-height:18px;
	width:84px;
}
	
/* MAIN CONTENT AREA CONTAINER    */
/* under admin tabs, above footer */
#admin_main_content_box 
{
	background-color:#FFFFFF;
	border-top: 1px solid #778;
	border-right: 1px solid #778;
	border-bottom: 1px solid #778;
	width:100%;
}

/* Main Tab LINKS BAR */
/*New Added*/
#main_tabs {
	width:900px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	background-image: url(../tabs/spacer.gif);
}/*
#main_tabs li a img {
	padding: 4px 0 3px 0; 
	margin: 0px 0 0 0;
	}
#main_tabs li {
	list-style: none; 
	margin: 0;
	padding: 0;
	height: 20px;
	display: inline;
	}*/
/* ADMIN HOME TABS */

#admin_tabs {
	padding: 4px 0 3px 0; 
	margin: 6px 0 0 0;
	white-space: nowrap;
	background-color: transparent;
	font: bold 11px Verdana, sans-serif;
	width:100%;
	}
#admin_tabs li {
	list-style: none; 
	margin: 0;
	display: inline;
}
#admin_tabs li a 
{
	padding: 3px 6px; 
	margin-left: 3px;
	border-top: 1px solid #778;
	border-right: 1px solid #778;
	border-left: 1px solid #778;
	border-bottom: none;
	background: #B1C3ED;
	text-decoration: none;
}
#admin_tabs li a:link {	color: #000;}
#admin_tabs li a:visited {color: #000;}
#admin_tabs li a:hover {color: #000; background: #AAE; border-color: #227;}
/* put id="current" into the <a> tag for the */
/* tab that matches the current page */
/* to make the tab look selected */
#admin_tabs li a.current {background: #FFFFFF;color: #000000;}

#exadmin_tabs {
	padding: 4px 3px 0 5px; 
	margin: 6px 0 0 0;
	/*white-space: nowrap;*/
	background-color: transparent;
	font: bold 11px Verdana, sans-serif;
	width:1225px;
	}
#exadmin_tabs li {
	list-style: none; 
	margin: 0;
	line-height:25px;
	white-space: nowrap;
	display: inline;
	border-bottom: 1px solid #778;
}
#exadmin_tabs li a 
{
	padding: 3px 6px; 
	border-top: 1px solid #778;
	border-right: 1px solid #778;
	border-left: 1px solid #778;
	border-bottom: none;
	background: #B1C3ED;
	text-decoration: none;
}
#exadmin_tabs li a:link {	color: #000;}
#exadmin_tabs li a:visited {color: #000;}
#exadmin_tabs li a:hover {color: #000; background: #AAE; border-color: #227;}
#exadmin_tabs li a.current {background: #FFFFFF;color: #000000;}

/*.exadmin { width: 1000px; border-bottom: 1px solid #000000; }*/

/* Sub tabbed navigation */
#sub_tab_container{	background-color:#EBF0FA;}
/* tabbed navigation */
#navigation {
	/*margin: 0px 0 6;*/
	font: bold 10px Verdana, sans-serif;
	padding: 4px 0px 6px;
	background-color: #EBF0FA;
}
#navigation li {
	list-style: none;
	display: inline;
	padding-left: 10px;
}
#navigation li a {
	padding: 4px 4px 6px;
	text-decoration: none;
	font-size: 10px;
	color: Gray;
}
#navigation li a:link {	color: Gray;}
#navigation li a:visited {color: Gray;}
#navigation li a:hover {color: #0245B8;	background: #EAEAEA;}
/* this one sets the current tab to look selected     */
/* by putting id="current" into the HTML of that link */
#navigation li a.current {
	color: #666666;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* page components, inside tabs */
#container {
	padding:1px 0 20px 25px;
	background-color:#FFFFFF;
	/*yy width:100%; yy*/
}

#grid_container {
	padding:1px 0 20px 25px;
	background-color:#FFFFFF;
	/*yy width:100%; yy*/
}
	/* holds all contents under tab area */
.sub_container {
	margin-top:20px;
	width:700px;
	border: 1px solid #B1C3ED;
	background-color: #FFFFFF;
}

.ank_container
{
	padding:1px 0 20px 25px;
	background-color:#FFFFFF;
	/*yy width:100%; yy*/
}

.manage_sub_container {

	width:900px;
	border: 1px solid #B1C3ED;
	/*border-top: 1px solid #B1C3ED;*/
	background-color: #FFFFFF;
}
	
	/* button areas on bottom of page */
.save_button_container {
	margin-top:8px;
	width:700px;
	border: 1px solid #B1C3ED;
	background-color: #B1C3ED;
}
.term_save_button_container {
	margin-top:8px;
	width:700px;
	height:35px;
	padding-top:12px;
	border: 1px solid #B1C3ED;
	background-color: #B1C3ED;
}
.upload_button_container {
	margin-top:8px;
	width:600px;
	border: 1px solid #B1C3ED;
	background-color: #B1C3ED;
}
	/* gradient titlebar */
.title_bar {
	border-bottom:1px solid #B1C3ED;
	clear:both;
	height:22px;
	margin-bottom:-1px;
	background-image: url(images/bar_background.gif);
	background-color: #EBF0FA;
	background-repeat:repeat-x;
	background-position: left top;
	font-weight: bold;
	padding-top:4px;
	padding-left:6px;
	}
	/* bar with filename and delete checkbox */
	.sub_title_bar {
	clear:both;
	/*width: 100%;*/
	height:22px;
	margin-bottom:6px;
	background-color:#EBF0FA;
	font-size:11px;
	padding-top:4px;
	padding-left:6px;
	border-top:1px solid #B1C3ED;
	}
	.inside_text_bar {
	clear:both;
	width:594px;
	height:18px;
	background-color:#EBF0FA;
	font-size:11px;
	padding-top:4px;
	padding-left:6px;
	}
	.left_column {
	float:left;
	width:37%;
	text-align:right;
	line-height:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	.right_column {
	float:right;
	width:61%;
	text-align:left;
	line-height:18px;
	margin:0;
	margin-bottom:12px;
	padding:0;
	}
	.help_text {
	font-size:10px;
	color:#666666;
	}
	.spacer {clear:both;}
		.spacer_inline {
		clear:both;
		display:inline;
		}
.text_entry {
	color:#003366;
	font:11px Tahoma, Helvetica, sans-serif;
	}
.plain_textCol
{
	font:11px Tahoma, Helvetica, sans-serif;
	color:#003366;
}
.plain_textCell
{
	font:12px Tahoma, Helvetica, sans-serif;
	color:Black;
}

.popup_menu {
	font-size:11px;
	color:#003366;
	}
.submit_button {
	margin-top:12px;
	margin-bottom:6px;
	font-size:10px; 
	background-color:#FFFFFF;
	}
.button {
	font-size:10px; 
	background-color:#FFFFFF;
	}
/* style thumbnail area */
.style_container {
	float:left;
	margin:6px;
	text-align:center;
	
/*yy width:100px; yy*/
	}
.style_thumbnail {
	padding:3px;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	height:100px;
	/*border: 1px solid black;*/
	width:100px;
	}
.style_name {text-align:left;}
	
/* manage picture tab */
.nextprevious_bar_top {
	border-bottom:1px solid #B1C3ED;
	clear:both;
	width:594px;
	height:18px;
	margin-bottom:-1px;
	background-image: url(images/bar_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight:bold;
	font-size:11px;
	padding-top:4px;
	padding-left:6px;
	}
.nextprevious_bar_bottom {
	clear:both;
	width:594px;
	height:18px;
	background-color:#EBF0FA;
	font-size:11px;
	padding-top:4px;
	padding-left:6px;
	}
	.number_of_pictures {
	float:left;
	}
	.next_page_link {
	float:right;
	margin:0 6px 0 12px;
	}
	.previous_page_link {
	float:right;
	}
/* picture_container holds filename,   */
/* delete checkbox, thumbnail, titles, */
/* text entry                          */
.picture_container {
	clear:both;
	margin-top:0;
	}
.sub_picture_container {
	clear:both;
	}
.picture_name {
	float:left;
	padding-left:6px;
	}
.picture_date {
	float:left;
	padding-left:12px;
	color:#999999;
	}
.mark_for_delete {
	float:right;
	padding-right:20px;
	}
.thumbnail_column {
	float:left;
	width:15%;
	line-height:18px;
	font-weight:bold;
	padding:0;
	text-align:center;
}
.thumbnailbox {
	margin:0 0 0 6px;
	padding:3px;
	border:1px solid #CCCCCC;
	text-align:center;
}
.thumbnailbox img {}
.picture_info_column {
	float:right;
	width:84%;
	text-align:left;
	line-height:18px;
	margin:0;
	padding:0;
}
.title_column {
		border: none; 
		float: left; 
		margin-bottom:12px;
		width: 15%;
		text-align:right;
		line-height:18px;
		font-weight:bold;
	}
.info_entry_column {
		border: none; 
		float: right; 
		padding: 0; 
		margin-bottom:12px;
		width: 83%;
		line-height:18px;
	}

#submit_feedback {
	font-weight:bold;
	margin-top:12px;
	font-weight: bold;
	color: #990000;
	text-align:center;
	}
#search_controls {
	width:600px;
	padding:12px 0 0 0;
}
.album_popup {
	float:left;
}
.sort_by_popup {
	float:left;
	margin-left:12px;
}
.pictures_per_page {
	float:right;
}
.redstar
{
	color: Red;
	font-size:11px;
	font-family:Verdana;
}
.displayfield
{
	font-size:11px;
	font-family:Verdana;
	color:#000000;
	background-color:#FFFFFF;
}
.grid_displayfield
{
    border-bottom:1px solid #B1C3ED;
    /*margin:3px 3px 3px 3px;*/
	font-size:11px;
	font-family:Verdana;
	color:#000000;
	background-color:#FFFFFF;
}
.fieldcaption
{
	font-size:14px;
	font-family:Verdana;
	color:#000000;
	background-color:White;
	font-weight:bold;
}
.smalltext
{
	font-size:10px;
	font-family:Verdana;
}
.calendar_tooltip_maintable
{
	COLOR: #000066; FONT-FAMILY: verdana; FONT-SIZE: 8pt;
	border: 1px solid #000066; width:250px;
	background-color: #EEEEEE;
}
.calendar_tooltip_header
{
	background-color: #000066;color:#ffffff;FONT-WEIGHT: bold;
}
.calendar_tooltip_content
{
	background-color: #EEEEEE;color:#000000;
}
div#tipDiv {
  position:absolute; visibility:hidden;
  left:0; top:0; z-index:1000;
  font-size:11px;
  padding: 3px 4px 3px 4px;
  /*padding:3px; width:220px; background-color:#FFFFDD; border:1px solid black; */
  }

/*-------	CIS PERSONAL HOME PAGE - START  --------*/
#container_home {
	padding:1px 0 20px 30px;
	background-color:#FFFFFF;
	/*yy width:100%; yy*/
}

.sub_container_home {
	margin-top:10px;
	width:100%;
	border: 1px solid #B1C3ED;
	background-color: #FFFFFF;
}
.title_bar_home {
	border-bottom:1px solid #B1C3ED;
	clear:both;
	height:22px;
	margin-bottom:-1px;
	background-image: url(images/bar_background.gif);
	/*background-color: #EBF0FA;*/
	background-repeat:repeat-x;
	background-position: left top;
	font-weight: bold;
	padding-top:4px;
	padding-left:6px;
}
.content_home {	margin:5px;  vertical-align: top; height: 100%;}
/*-------	CIS PERSONAL HOME PAGE - START  --------*/

/*-------	Menu Style - Start  --------*/
.Menu{list-style: none;	margin: 0;/*display: table-column ;*/}
.StaticMenuStyle{padding: 4px 4px 0px 0; margin: 6px 0 0 0;	font: bold 11px Verdana, sans-serif;}
.StaticMenuItemStyle
{
    padding: 3px 3px;  
	margin-left: 3px;
	border-top: 1px solid #778;
	border-right: 1px solid #778;
	border-left: 1px solid #778;
	border-bottom: none;
	background-color: #B1C3ED;
	text-decoration: none;
}
.StaticSelectedStyle { background-color: #FFFFFF;color: #000000;}
.StaticHoverStyle{color: #000; background-color: #AAE; border-color: #227; }
/*-------	Menu Style - End  --------*/

/*-------	Form View Style	  --------*/
/*
.FrmCaption { line-height:25px; text-align: right; vertical-align: top; padding-top: 4px; padding-bottom: 6px; font-weight: bold; width:37%; }
.FrmInput { text-align: left; width: 61%; vertical-align: top; padding-top: 4px;  }

.FormView { width: 99%; margin: 1px 0px 20px 30px;  border: 0px solid #ECB00D; vertical-align: middle; }

.FormView .sub_container { margin-top:5px; width:700px; border: 1px solid #B1C3ED; background-color: #FFFFFF; }

.FormView .title_bar { 
 border-bottom:1px solid #B1C3ED; margin-bottom:-1px; line-height:10px;
 background-image: url(images/bar_background.gif); background-color: #EBF0FA;
 background-repeat:repeat-x; background-position: left top; font-weight: bold;
 padding-top:1px; padding-left:6px; text-align: left; border: 0px solid red;
 }
.FormView .sub_title_bar { 
 clear:both; height:16px; margin-bottom:6px; background-color:#EBF0FA; text-align: left;
 font-size:11px; padding-top:4px; padding-left:6px;
 }
 .redstar { font-size: 11px; font-weight: normal; color: red; }
 
.FormView .FrmCaption { line-height:25px; text-align: right; vertical-align: top; padding-left: 10px; padding-top: 3px; padding-bottom: 6px; font-weight: bold; width:37%; }
.FormView .FrmInput { text-align: left; width: 61%; vertical-align: top; padding-top: 6px; padding-right: 10px;  }
.FormView .FrmInput span { font-weight: normal; padding-top: 5px; border: 0px solid red; }
.FormView .FrmInput input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top; }
.FormView .FrmInput select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #000000; }

.FormView .save_button_container { margin-top: 3px; padding: 15px 50px 15px 0px; width:100%; border: 1px solid #B1C3ED; background-color: #B1C3ED; } 
.FormView .save_button_container input { margin-top:12px; margin-bottom:6px; font-size:10px; background-color:#FFFFFF; }
*/


.FrmCaption {line-height:25px; text-align: right; vertical-align: top; padding-top: 4px; padding-bottom: 6px; font-weight: bold; width:37%; }
.FrmInput {text-align: left; width: 61%; vertical-align: top; padding-top: 4px;  }
.FormView { width: 99%; margin: 1px 0px 20px 30px;  border: 0px solid #ECB00D; vertical-align: middle; }
.FormView .sub_container { margin-top:5px; width:700px; border: 1px solid #B1C3ED; background-color: #FFFFFF; }
.FormView .title_bar { 
 border-bottom:1px solid #B1C3ED; margin-bottom:-1px; line-height:10px;
 background-image: url(images/bar_background.gif); background-color: #EBF0FA;
 background-repeat:repeat-x; background-position: left top; font-weight: bold;
 padding-top:1px; padding-left:6px; text-align: left; border: 0px solid red;
 }
.FormView .sub_title_bar { 
 clear:both; height:16px; margin-bottom:6px; background-color:#EBF0FA; text-align: left;
 font-size:11px; padding-top:4px; padding-left:6px;
 }
 .redstar { font-size: 11px; font-weight: normal; color: red; }
 
.FormView .FrmCaption { line-height:28px; text-align: right; vertical-align: top; padding-top: 2px; padding-right:5px; padding-bottom: 4px; font-weight: bold; width:37%; }
.FormView .FrmInput { line-height:28px; text-align: left; width: 61%; vertical-align: middle; padding-top:2px; }
.FormView .FrmInputCaption { line-height:28px; text-align: left; width: 61%; vertical-align: middle; padding-top:2px; }
.FormView .FrmInput span { font-weight: normal; padding-top: 5px; margin: 0px 0px 0px 0px; vertical-align: top; line-height:25px; }
/*.FormView .FrmInput input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top; }*/
.FormView .FrmInput input { color:#003366; font:11px Tahoma, Helvetica, sans-serif; vertical-align: top; }
.FormView .FrmInput textarea { color:#003366; font:11px Tahoma, Helvetica, sans-serif; vertical-align: top; }
/*.FormView .FrmInput select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #000000; }*/
.FormView .FrmInput select { color:#003366; font:11px Tahoma, Helvetica, sans-serif; line-height: 14px;  }

.FormView .save_button_container { margin-top: 3px; padding: 15px 50px 15px 0px; width:100%; border: 1px solid #B1C3ED; background-color: #B1C3ED; } 
.FormView .save_button_container input { margin-top:12px; margin-bottom:6px; font-size:10px; background-color:#FFFFFF; }


.Grid_Extra { margin: 1px 0px 20px 30px;  border: 0px solid #ECB00D; vertical-align: middle; }
.Grid_Extra .sub_container { margin-top:5px; border: 1px solid #B1C3ED; background-color: #FFFFFF; }
.Grid_Extra .title_bar { 
 border-bottom:1px solid #B1C3ED; margin-bottom:-1px; line-height:10px;
 background-image: url(images/bar_background.gif); background-color: #EBF0FA;
 background-repeat:repeat-x; background-position: left top; 
 padding-top:1px; padding-left:6px; text-align: left; border: 0px solid red;
 }
 
.Grid_Extra .title_bar td { font-weight: bold;}
.Grid_Extra td { font-size:10px; background-color:#FFFFFF; }
.Grid_Extra tdinput { margin-top:12px; margin-bottom:6px; font-size:10px; background-color:#FFFFFF; }

.GridColumn {border-left:1px solid #B1C3ED;}




.FrmCaption {line-height:25px; text-align: right; vertical-align: top; padding-top: 4px; padding-bottom: 6px; font-weight: bold; width:37%; }
.FrmInput {text-align: left; width: 61%; vertical-align: top; padding-top: 4px;  }
.ProcessStep_FormView { width: 99%; border: 0px solid #ECB00D; vertical-align: middle; }
.ProcessStep_FormView .sub_container { margin-top:5px; width:700px; border: 1px solid #B1C3ED; background-color: #FFFFFF; }
.ProcessStep_FormView .title_bar { 
 border-bottom:1px solid #B1C3ED; margin-bottom:-1px; line-height:10px;
 background-image: url(images/bar_background.gif); background-color: #EBF0FA;
 background-repeat:repeat-x; background-position: left top; font-weight: bold;
 padding-top:1px; padding-left:6px; text-align: left; border: 0px solid red;
 }
.ProcessStep_FormView .sub_title_bar { 
 clear:both; height:16px; margin-bottom:6px; background-color:#EBF0FA; text-align: left;
 font-size:11px; padding-top:4px; padding-left:6px;
 }
 .redstar { font-size: 11px; font-weight: normal; color: red; }
 
.ProcessStep_FormView .FrmCaption { line-height:28px; text-align: right; vertical-align: top; padding-top: 2px; padding-right:5px; padding-bottom: 4px; font-weight: bold; width:37%; }
.ProcessStep_FormView .FrmInput { line-height:28px; text-align: left; width: 61%; vertical-align: middle; padding-top:2px; }

.ProcessStep_FormView .FrmInput span { font-weight: normal; padding-top: 5px; margin: 0px 0px 0px 0px; vertical-align: top; line-height:25px; }
/*.ProcessStep_FormView .FrmInput input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top; }
.ProcessStep_FormView .FrmInput select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #000000; }*/
.ProcessStep_FormView .FrmInput input { color:#003366; font:11px Tahoma, Helvetica, sans-serif; vertical-align: top; }
.ProcessStep_FormView .FrmInput textarea { color:#003366; font:11px Tahoma, Helvetica, sans-serif; vertical-align: top; }
.ProcessStep_FormView .FrmInput select { color:#003366; font:11px Tahoma, Helvetica, sans-serif; line-height: 14px;  }


.ProcessStep_FormView .save_button_container { margin-top: 3px; padding: 15px 50px 15px 0px; width:100%; border: 1px solid #B1C3ED; background-color: #B1C3ED; } 
.ProcessStep_FormView .save_button_container input { margin-top:12px; margin-bottom:6px; font-size:10px; background-color:#FFFFFF; }
.Div_sub_title_bar {
	clear:both;
	/*width: 100%;*/
	height:25px;
/*	margin-bottom:6px; */
	background-color:#EBF0FA;
	font-size:11px;
	padding-bottom :5px; 
	
	border-top:1px solid #B1C3ED;
/*	text-align:left;*/
	font-weight:bold;
	vertical-align:text-top ; 
	}