﻿
/** 
	css class used through out the application. these classes are common for all pages. 
	any common functionality can be added/modified from here only.	
**/

/* css class to define body of all page */
body {	
	font-family: Tahoma;
	font-size: 11px;
	margin:0px;
}

/* css class for Bread crumb */
.BreadCrub
{    
	font:"Verdana";
	font-size:11px;
	font-weight:bold;
}

/* css class used in QS Error Page to apply header information style */
.GroupHead
{
    font-family:Verdana; 
    font-size :13px;
    font-weight:bold;
    background-color:Navy;
    color:White;
}

/* style sheet defined for all td on Edit pages which have controls inside it */
.tdEdit
{	
	padding-top:5px;
	padding-left:5px;			
}

/* style sheet defined for td used for bread crumb */
.tdBreadCrumb
{
	background-image: url('images/bgd.gif');
}

/* style sheet defined to show background image on Header page */
.tdHeader1
{
	background-image: url('images/top_header_new_54x.jpg');		
}

/* style sheet defined to show background image on Header page */
.tdHeader2
{
	background-image: url('images/bg_top.GIF');	
}

/* style sheet defined to show background image on Error page */
.tdErrImg
{	
	background-color:Transparent;
	background-image:url('images/sorry.gif');
	background-repeat:no-repeat;
	background-position:center;
	height:50px;
}


   

.ErrprPageDiv
{
    width: 100%; 
    height: 100%;
    background-color:#E0E0E0; 
}

.ErrprPageDiv #errMainDiv
{
    border: 2px; 
    border-style: solid; 
    border-color: Black; 
    margin: 10px
}

.ErrprPageDiv #errMainDiv #errDivHead
{
    background-color:Transparent;
	background-image:url('images/ErrorPage/box_heading.jpg');
	background-repeat:repeat-x;
	background-position:center;
	height:75px;
	margin-left: 15px; 
	margin-right: 15px;	
	border-bottom: 2px; 
    border-bottom-style: solid; 
    border-bottom-color: Black; 
}
.ErrprPageDiv #errMainDiv #errDivBody
{
    height:350px;	
}

.ErrprPageDiv #errMainDiv #errDivFoot
{
    background-color:Transparent;
	background-image:url('images/ErrorPage/box_heading.jpg');
	background-repeat:repeat-x;
	background-position:center;
	height:40px;	
	border-top: 2px; 
    border-top-style: solid; 
    border-top-color: Black;   
}

.ErrprPageDiv #errMainDiv #errDivHead #divImage
{
    background-color:Transparent;
	background-image:url('images/ErrorPage/sorry-error.png');
	background-repeat:no-repeat;
	background-position:left;
	height:50px;
	margin:5px;
	
}

.ErrprPageDiv #errMainDiv #errDivHead #divImage div
{
    margin-left:50px;
    margin-top:10px;
    text-align:left;
    vertical-align:middle;
    font-size:25px;    
}

.ErrprPageDiv #errMainDiv #errDivBody td
{
    font-size:10pt;
    font-weight:bold;
    vertical-align:top;     
}

.ErrprPageDiv #errMainDiv #errDivBody td span
{
    font-size:10pt;
    background-color:Transparent;
}

.ErrprPageDiv #errMainDiv #errDivBody .message
{
    padding-left:30px;
}

.ErrprPageDiv #errMainDiv #errDivBody .errLalbe
{
    padding-left:2px;
}

.ErrprPageDiv #errMainDiv #errDivFoot a
{
    padding:30px;    
    font-size:10pt;  
    color: White; 
    font-weight:bold;
}




/* style sheet defined for labels on Error page */
.tdErrLbl
{
	padding-top:5px;
	padding-left:5px;
	background-color:Transparent;	
	border-style:none;
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
	text-align:left;	
}

/* style sheet defined to show background image on Under Construction page */
.tdUnderConst
{
	background-color:Transparent;
	background-image:url('images/under.gif');	
	background-repeat:no-repeat;
	background-position:center;
	height:300px;
}

/* style sheet defined to show background image on JavaScript Injection page */
.tdJSInjection
{
	background-color:Transparent;
	background-image:url('images/JSInjection.gif');
	background-repeat:no-repeat;
	background-position:center;
	height:300px;
}

/* style sheet defined to show background image on SQL Injection page */
.tdSQLInjection
{
	background-color:Transparent;
	background-image:url('images/SQLInjection.jpg');
	background-repeat:no-repeat;
	background-position:center;
	height:300px;
}

/**Changes in these classes will affect respective controls on all pages**/

/* style sheet defined for text box. Used in Skin file*/
.textbox
{
	background-color:White;
	border-color: #C0C0C0; /* light gray */
	border-style:solid;
	font-family:Verdana;
	font-size:11px;
	border-width:1px;
	/*width: 200px;*/
	width: 90%;
}

/* style sheet defined for drop down list. Used in Skin file*/
.dropdown
{
	background-color:White;
	border-color: #C0C0C0;
	border-style:solid;
	font-family:Verdana;
	font-size:11px;
	border-width:1px;
	/*width: 200px;*/
	width: 90%;

}

/* style sheet defined for checkbox list and checkbox. Used in Skin file*/
.checkbox
{
	background-color:Transparent;
	font-family:Verdana;
	font-size:11px;
}

/* style sheet defined for radiobutton list and radio button Used in Skin file*/
.radiobutton
{
	background-color:Transparent;
	font-family:Verdana;
	font-size:11px;
}

/* style sheet defined for intragistic web date chooser. Used in Skin file*/
.dateChooser
{
	background-color:White;
	border-color:Gray;
	border-style:solid;	
	border-width:1px;	
}

/* style sheet defined for label. Used in Skin file*/
.label
{
	background-color: White;	
	border-style:none;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
}

/* style sheet defined for button. Used in Skin file*/
.button
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;	
}

/* style sheet defined for fieldset. Used in Skin file*/
fieldset
{	
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
}

.tdLabelRight
{
	text-align:right;
	padding-top:5px;
	padding-right:5px;
}

.labelRequired
{
	color:Red;
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma;
}

.hypLink
{
	background-color: Transparent;	
	border-style:none;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;	
	color:Blue;
}

A.hypLink:hover
{
	background-color: Transparent;	
	border-style:none;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	color: Red;
}
div.MaskedDiv 
{
	visibility: hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:40px;
    z-index:1;
	/*background-image:url(Mask.png); */
	/* ieWin only stuff */
	_background-image:none;
	background-color: #6374AB;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Mask.png');*/
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/	
	_filter: alpha(opacity=50);
     -moz-opacity: 0.6; 
     opacity: 0.6;
  
}


div.ModalPopup 
{
    
	border: 1px solid Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	background-color: #FCFBE2;
    position:absolute;
		
	/* set z-index higher than possible */
	z-index:1;
	visibility: hidden;
	color: Black;
	width: 84px;
    /* height :10px;*/
	top: 280px;
	left: 3px;	
	
}

.progressDiv 
{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#000;  
    filter: alpha(opacity=50); 
    -khtml-opacity: 0.5; 
    -moz-opacity: 0.5; 
    opacity: 0.5; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index:1000;         
}       

.progressMessage 
{ 
  position:absolute;
  z-index:1001;          
  background-color:Transparent;
}

.alertDiv 
{
    text-align: right;
    height: 25px;
    bottom:0px;
    left:0px;
    right:0px;
    border: 1px solid Black;
    background-color:#BE413f;  
}   