/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/

/* scrollable table */

.tablescroll {
  font: 14px normal Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tablescroll td, 
.tablescroll_wrapper,
.tablescroll_head,
.tablescroll_foot { 
  border:1px solid #ccc;
}

.tablescroll td {
  padding:3px 5px;
  border-bottom:0;
  border-right:0; 
}

.tablescroll_wrapper {
  background-color:#fff;
  border-left:0;
}

.tablescroll_head,
.tablescroll_foot { 
  background-color:#eee;
  border-left:0;
  border-top:0;
  font-size:11px;
  font-weight:bold;
}

.tablescroll_head { 
  margin-bottom:3px;
}

.tablescroll_foot { 
  margin-top:3px;
}

.tablescroll tbody tr.first td { 
  border-top:0; 
}

div.tableContainer { /* scrolling table container */
	clear: both;
	 height: 250px;   /*defines non-fixed header scrolling region height */
	overflow: auto; /* enables scroll bar */
	}

 .pageBackground, .pBack { /* body */
	background-image: url("p5.jpg");
	
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	}
	
.MLMmenu { /* horizontal menu container */
	border: 0px solid #cccccc;
	}
	
.mybutton {   
  color:#050;   
   font: bold 100% 'trebuchet ms',helvetica,sans-serif;  
  background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }   
input.mybtn {   
  color:#050;   
   font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
   font-size: 12px;
  background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }   
.ttch { /* data grid data container highlighted state */
	padding: 5px;
	color: #ffffff;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	/*background-color: #a3b6cb;*/
	background-color: #e8f8b7;
	}
.jes { /* field lable on side */
	color: #859999;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	padding: 4px 4px 5px 4px;
	vertical-align: middle;
	white-space: nowrap;	
	background-color: white;
	}
	
/**********************************************************************
 * Classic Menu Styles                                                *
 **********************************************************************/
.menus { /* horizontal menu container */
	padding-left: 15px;
	}
	
/**********************************************************************
 * Security Forms (Sign In, Sign Out, Forgot User pages) Styles       *
 **********************************************************************/
.securityGraphicWrapper { /* sign in/out graphic, saluation and instruction container */
	text-align: center;
	}

.securityForm {
    text-align: left;
    margin:0 auto;
	vertical-align: top;
	padding-left: 15%;
	
    width: 50%;
	padding-top:10px;
	padding-bottom:10px;
	}

.QSContainer .securityGraphicWrapper .imageDropshadow { /* reduce security graphic image size so contents fit within QuickPopup */
	width: 430px;
	} 
	
.jthc {
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	}

.jttc { /* data grid data container */
	padding: 5px;
	color: #000000;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	text-align: center;
	background-color: #ffffff;
	}
.jttc a.button_link { /* link text of buttons (including those within column headers and data grid) */ 
	color: #eeeeee;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	width: 100%;
	}
	.jttc a.button_link:hover { /* link text of buttons (including those within column headers and data grid) hover state */
	color: #ffffff;
	text-decoration: none;
	}
	.jttc .jthc a:hover { /* nested column header link text hover state */
	color: #ffffff;
	}
	
.jttc .jtch a {
	color: #eeeeee;
	}

.jttc .tch a:hover {
	color: #ffffff;
	}

.jttc a, .ttch .ajax__tab_xp a, .ttch .ajax__tab_xp, .tatc a, .ttcs a, .dfv a, .dialog_field_value a, .fyp_link a, .galleryttc a {/* nested data link text */
	color: #666666; 
	}

.jttc a:hover  {/* nested data link text hover state */
	color: #222222;
	}


.jttc .dv { /* panel container nested within data grid */
	margin: 0px;
	padding: 0px;
	}

.jttc .ajax__tab_xp { /* tab container nested within data grid */
	margin: 0px;
	padding: 0px;
	}