/**********************************************************************
 * 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.      *
 *                                                                    *
 **********************************************************************/
.QSSmallSize { /* iframe within which small quick selector is displayed */ 
	height: 278px;
	width: 400px;
	}

 .QSSmallscrollRegion { /* quick selector scrolled region */
	height: 266px;
	right: 0px;
	overflow: auto;
	position: absolute;
	top: 73px;
	width: 100%;
	z-index: 2;	
	}

.QSSmalldh { /* quick selector title bar */
	background-color: #a3b6cb;
	border-bottom: 1px solid #cccccc;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	height: 66px;
	right: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 3;
	}

.Custom_thc{
    color: #eeeeee;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 100%;
}

.QPageSizeLarge { /* dimensions of quick page */
	height: 700px;
	width: 900px;
	}

 .tblfls { /* table field lable on side */
	color: #859999;
    background-color: #ffffff;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 4px 5px 4px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;	
	}

 .cust_ttc { /* table filedl with labe on side data grid data container */
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: right;
	/*border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;*/
	background-color: #ffffff;
	}

 
.WidQSSize { /* iframe within which quick selector is displayed */ 
	width: 650px;
    height: 330px;
	}

.CustomQSscrollRegion { /* quick selector scrolled region */
	height: 230px;
	right: 0px;
	overflow: auto;
	position: absolute;
	top: 70px;
	width: 100%;
	z-index: 2;	
	}

.CustomQSdh { /* quick selector title bar */
	background-color: #a3b6cb;
	border-bottom: 1px solid #cccccc;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	height: 63px;
	right: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 3;
	}

.CustomQSfooter { /* quick selector footer bar */
	background-color: #bcd3ec;
	height: 38px;
	right: 0px;
	padding-top: 2px;
	position: fixed;
	top: 289px;
	width: 100%;
	z-index: 3;
	}

.QSttc div { /* quick selector cell content container (used for long text truncation) */
	width: 180px;
	}