/*
 * DocuBuilder
 * Copyright (c) 2005, 2004 Data Communique International, Inc.
 * All Rights Reserved.
 * 
 * This code is Intellectual Property ("IP") of 
 * Data Communique International, Inc. ("DCI").
 *  
 * Any form of distribution or redistribution to any 
 * party other than DCI is not permitted unless authorized 
 * by DCI in writing.
 *  
 * All users (programmers, consultanst or vendors appointed 
 * by DCI) of this software must return to
 * 		Data Comunique International
 * 		330 Washington Ave
 * 		Carlstadt, NJ - 07072
 * any improvements or extensions that they make 
 * and grant the IP rights to DCI.
 * 
 */


/**
 * @project_name dci
 * @Folder Name  WebContent\css\
 * @css_name     form.css
 * @creation_date Apr 8, 2008  2:11:27 PM
 *
 * @author  Data Communique International
 * @version 1.0
 * @revision: <date Created>; Created
 */
html,body
{
height:100%;
}
html,body 
{
margin:0px; padding:0px;
}
#outer{
min-height:100%;
height:auto;
width:100%;
}

#centermain{
min-height:100%;
height:auto;
width:100%;
}
* html #outer{height:100%;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	background-color:#FFFFFF;
}
#modalBG{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;

background:#000000;
overflow: hidden;
overflow-y: hidden;
filter:alpha(opacity=60);
-moz-opacity:0.60;
-khtml-opacity:0.60;
opacity:0.60;

}

#modalBGContent{
position:absolute;
top:0px;
left:0px;
width:100%;

padding-top:15%;
}
/* Purpose: Using for Popup in all JSP */
#transperentBG{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
background:#000000;
overflow: hidden;
overflow-y: hidden;
filter:alpha(opacity=60);
-moz-opacity:0.60;
-khtml-opacity:0.60;
opacity:0.60;

}
/* Css class modified by Ajeet on 22.05.2008*/
#transperentBGContent{
position:absolute;
top:0px;
left:0px;
width:100%;
display:none;
padding-top:15%;
/* Css class modified by Ajeet on 22.05.2008*/
}



/* Purpose: Using for Popup in all JSP */
#helpModalBG{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;

background:#000000;
overflow: hidden;
overflow-y: hidden;
filter:alpha(opacity=60);
-moz-opacity:0.60;
-khtml-opacity:0.60;
opacity:0.60;

}

#helpModalBGContent{
position:absolute;
top:50px;
left:100px;
width:100%;
z-index:1000;
padding-top:15%;
}










#transperentBGContenterror{
position:absolute;
top:0px;
left:0px;
width:100%;

padding-top:15%;
}
/* Purpose: Using for Popup in login.jsp */
.messageDiv{
float:left;
width:100%;
border:4px solid #6899CB;
background-color:#FFFFFF;
}

/* Purpose: Using for Popup in login.jsp */
.bgPopupHeader
{
	background-color:#1e3365;
	float:left;
}

/* Purpose: Using for Popup in login.jsp */
.popupHeader
{
	float:left; 
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
#main
{
	float:left;
	width:99.93%;
	height:100%;
	height:auto;

}
/* Purpose: Using for TableBorder in All JSP files */
.mainDiv_border
{
	/*border: 1px solid #000000;*/
	height:100%;
	min-height:100%;
}

/* Purpose: Using for Company Fix Size Div in All JSP File */
.fixDiv
{
	float:left;
	width:100%;
}

/* Purpose: Using for Company Flexi Div in All JSP File */
.flexiDiv
{
	float:left;
}

/* Purpose: Using for Company Flexi Div in All JSP File */
.flexiDiv_right
{
	float:right;
}

/* Purpose: Using for Company Top Header Background in All JSP File */
.topHeaderBg
{
	float:left;
	background-color:#000000;
}


/* Purpose: Using for Company Top Header in All JSP File */
.topHeader
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#000000;
}

/* Purpose: Using for Company Top Header in All JSP File */
.topHeader1
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#fce058;
	background-color:#000000;	
}

/* Purpose: Using for SitePath in All JSP Files */
.breadCumb
{
	font-family:arial;
	font-size:11px;
	color:#000000;
	padding-left:1%;
	background-color:#CCCCCC;
	text-decoration: none;
}
/* Purpose: Using for SitePath in All JSP Files */
.breadCumbOver
{
	font-family:arial;
	font-size:11px;
	color:#000000;
	padding-left:1%;
	background-color:#CCCCCC;
	text-decoration: none;
}

/* Purpose: Using for Header in login.jsp */
.loginHeading
{
	float:left;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#1D3764;
}
/* Purpose: Using for Confirmation in loginselection.jsp */
.boldHeading
{
	font-family: Arial;
	font-size:16px;
	font-weight:bold;

}
/* Purpose: Using for Confirmation in loginselection.jsp */
.boldSubHeading
{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
}

/* Purpose: Using for Label All JSP */
.label_12px
{
	font-family:arial;
	font-size:12px;
}
/* Purpose: Using for Label All JSP */
.label_10px
{
	float:left;
	font-family:arial;
	font-size:10px;

}
/* Purpose: Using for Label All JSP */
.label_9px
{
	float:left;
	font-family:arial;
	font-size:9px;

}

/* Purpose: Using for Label All JSP */
.labelBold_9px
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
/* Purpose: Using for Label All JSP */
.labelBold_11px
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
/* Purpose: Using for Help Link in login.jsp */
.helpWhite_color
{
	float:left;
	font-family:arial;
	font-size:12px;
	color:#FFFFFF;
	background-color:#1D3764;
	text-decoration: none;
}

/* Purpose: Using for Help Link in loginselection.jsp, forgot.jsp, favorite.jsp */
.help
{
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#127ABA;
	text-decoration:none;
	background-color: #1D3764;
}

/* Purpose: Using for TableBorder in loginselection.jsp, login.jsp, forgotpassword.jsp */
.loginBgrd
{
	border:1px solid #AAAAA9;
	background-color:#E3E7E6;
}

/* Purpose: Using for Misc in all jsp */
.label_11px
{
	float:left;
	font-family:arial;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

/* Purpose: Using for Lable in all jsp */
.eyeRow_text
{
	float:left;
	font-family:arial;
	font-size:11px;
}
/* Purpose: Using for Textbox in login.jsp, forgot.jsp */
.textBox_field
{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	border: 1px solid #AAAAA9;

}

/* Purpose: Using for Textbox in RED Color */
.redTextBox_field
{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#FF0000;
	border: 1px solid #AAAAA9;
	padding-left:3px;

}

/* Purpose: Using for Textbox in All JSP */
.textBox_normal16px
{
	padding-left:2px;
	font-family:arial;
	font-size:9px;
	border: 1px solid #AAAAA9;
}

/* Purpose: Using for Textbox in All JSP */
.textBox_normal
{
	float:left;
	padding-left:1%;
	font-family:arial;
	font-size:11px;
	border: 1px solid #AAAAA9;
}

/* Purpose: Using for Validation Error in All Jsp files */
.errorMessage {
	float:left;
	font-family:arial;
	color: #C10700;
	font-size: 11px;
	text-align: left;
	border:1px solid #C10700;
	background-color:#FFEEEE;
}

/* Purpose: Using for Forgot Link in login.jsp */
.forgotPwd:hover
{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

/* Purpose: Using for Forgot Link in login.jsp */
.forgotPwd
{
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#127ABA;
	text-decoration:none;
}

.authenti
{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#1D3764;
	text-decoration:none;
}

/* Purpose: Using for all Yellow color buttons in JSP */
.yellow_button
{
	background-color: #FFCC33;
	border: 1px solid #969797;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding:2px 0px;
	color:#000000;
	width: 72px;
	cursor: pointer;
}

/* Purpose: Using for all Blue color buttons in JSP */
.blue_button
{
	background-color: #1D3764;
	border: 1px solid #969797;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	width: 72px;
	padding:2px 0px;
	cursor: pointer;
}

/* Purpose: Using for all Blue color buttons in JSP */
.black_button
{
	background-color: #000000;
	border: 1px solid #969797;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	width: 72px;
	padding:2px 0px;
	cursor: pointer;
}

/* Purpose: Using for all White color buttons in JSP */
.white_button
{
	background-color: #FFFFFF;
	border: 1px solid #969797;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color:#000000;
	width: 72px;
	padding:2px 0px;
	cursor: pointer;
} 

/* Purpose: Using for all Grey color buttons in JSP */
.grey_button
{
	background-color: #CCCCCC;
	border: 1px solid #969797;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color:#000000;
	width: 72px;
	padding:2px 0px;
	cursor: pointer;
} 

/* Purpose: Using for all White color buttons in JSP */
.red_button
{
	background-color: #ED1B33;
	border: 1px solid #969797;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	width: 72px;
	padding:2px 0px;
	cursor: pointer;
} 

/* Purpose: Using for all White Rounded button in JSP */
.whiteRound_Button {
          /* button styles */
		  background-color: #FFFFFF;
          -webkit-border-radius: 10px 9px; 
		  -moz-border-radius: 10px 9px; 
		  border-radius: 10px 9px;
          border: 0px;
		  border:1px solid #AAAAA9;
		  text-align:center;
		  min-width: 40px;
		  height:18px;
		  
		  /*text styles */
          color: white;
          font-family: helvetica, arial, sans-serif;
          font-size: 11px;
		  color:#000000;
          font-weight: bold;
          text-align: center;
          text-shadow: 0px 0px 0px black;
          
          /*interaction */
		  cursor: pointer;
}
/* Purpose: Using for Top Document Link in favorite1.jsp */
.bgSubLinks
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	background-repeat:no-repeat;
}

/* Purpose: Using for Top Document Link in favorite1.jsp */
.bgSubLinksText
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	background-repeat:repeat-x;	
	background-color: #cdcdcd;
	color:#1d2955;
	text-decoration:none;
	cursor:pointer;
}

/* Purpose: Using for Top Document Link in favorite1.jsp */
.SubLinksText
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;	
	color:#1d2955;
	text-decoration:none;
	cursor:pointer;
}

/* Purpose: Using for DropDown in favorite1.jsp */
.dropDown_22text
{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:#1D2955;
	height:17px;
}

/* Purpose: Using for DropDown in favorite1.jsp */
.dropDownBlack_22text
{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	height:17px;
}

/* Purpose: Using for Top Header Links in All JSP File */
.headerLinks
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	width:36px;
	padding-top:1px;
}
/* Purpose: Using for Top Header Links OnMouseOver in All JSP File */
.headerLinks:hover
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
	width:36px;

}

/* Purpose: Using for Top Header Links OnMouseOver in favorite1.jsp */
.headerLinks_yellowColor
{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#FCE058;
	text-decoration:none;
}
.padding_fixDiv
{
	float:left;
	width:98%;
	padding-left:1%;
	padding-right:1%;
}
.padding_761px
{
	float:left;
	width:86%;
	padding-left:7%;
	padding-right:7%;
}
.fixDiv_647px
{
	float:left;
	width:100%;
}
.fixDiv_761px
{
	float:left;
	width:100%;
}

/* Purpose: Using for Menu Link Normal in all JSP */
.menuLink_normal
{
	float:left;
	font-family:arial;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
/* Purpose: Using for Menu Link in all JSP */
.menuLink_color
{
	float:left;
	font-family:arial;
	color:#127ABA;
	font-size:11px;
	text-decoration:none;
	cursor:pointer;
}

/* Purpose: Using for Header Panel Top Links */
.headerPanel_TopLink
{
	float:left;
	background-color:#1D3764;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;	
}

/* Purpose: Using for Header Panel Top Links */
.headerPanel_TopLink a
{
	float:left;
	background-color:#1D3764;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

/* Purpose: Using for Header Panel Top Links over */
.headerPanel_TopLink a:hover
{
	float:left;
	background-color:#000000;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

/* Purpose: Using for Header Panel Top Links over */
.headerPanel_TopLinkOver
{
	float:left;
	background-color:#000000;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

/* Purpose: Using for Header Panel Background */
.headerPanel
{
	float:left;
	background-color:#1D3764;
	font-family:arial;
	color:#FFFFFF;
}

/* Purpose: Using for Header Panel Text  */
.headerPanel .headerPanel_text
{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

/* Purpose: Using for Header Panel Link */
.headerPanel .headerPanel_link, .headerPanel .headerPanel_link a
{
	float:left;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

/* Purpose: Using for Header Panel Link */
.headerPanel_linkOver
{
	float:left;
	font-size:11px;
	color:#FCE058;
	text-decoration:none;
}
/* Purpose: Using for Header Panel Link */
.headerPanel .headerPanel_link a:hover
{
	float:left;
	font-size:11px;
	color:#FCE058;
}
/* Purpose: Using for Table Header in All JSP Files */
.tableHeader
{
	float:left;
	font-family:arial;
	font-size:11px;
	color:#000000;
	background-color:#CCCCCC;
	border-right:1px solid #FFFFFF;
	padding-left:3px;
}
/* Purpose: Using for Search Text in All JSP Files */
.red
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FF0000;
	height:10px;
}
/* Purpose: Using for Search Text in All JSP Files */
.redBig
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	height:12px;
}

/* Purpose: Using for Table Border in All JSP Files */
.tableBorder
{
	float:left;
	width:100%;
	border:1px solid #AAAAA9;
}
.tableBackground
{
	float:left;
	background-color:#E7E9F2;
	width:100%;
}
.tableBackground_647px
{
	float:left;
	background-color:#E7E9F2;
	width:100%;
}
.tableRow_border
{
	float:left;
	border-right:1px solid #AAAAA9;

}
.tableRow_text
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:3px;
	height:18px;
	color:#000000;
	text-decoration:none;
}
.tableRow_boldText
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-left:3px;
	height:18px;
}
.altrow_borderBottom
{
	width:645px; 
	float:left; 
	border-bottom:1px solid #AAAAA9;
}
/* Purpose: Using for Table Header in All JSP Files */
.panelArea
{
	float:left;
	font-family:arial;
	font-size:11px;
	color:#000000;
	background-color:#CCCCCC;
	padding-left:1%;
}

/* Purpose: Using for Table Header in All JSP Files */
.subHeader
{
	float:left;
	font-family:arial;
	font-size:11px;
	color:#000000;
	background-color:#CCCCCC;
}

/* Purpose: Using for Table Header in All JSP Files */
.subHeaderBold
{
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	background-color:#CCCCCC;
}
/* Purpose: Using for Section Background in All JSP Files */
.sectionBackground
{
	float:left;
	font-family:arial;
	font-size:11px;
	color:#000000;
	background-color:#E2E2E2;
}

/* Purpose: Using for Misc in all jsp */
.subText
{
	float:left;
	font-family:arial;
	font-size:11px;
}

.roundButton
{
	background:#ffffff; 
	border-left:1px solid #AAAAA9; 
	border-right:1px solid #AAAAA9; 
	width:40px;

}
.readyProcess
{
	width:20px; 
	float:left; 
	height:8px; 
	margin-top:7px; 
	background-color:#336699;
	color:#336699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
}
.inProcess
{
	width:20px; 
	float:left; 
	height:8px; 
	margin-top:7px; 
	background-color:#FFCC00;
	color:#FFCC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
}
.error
{
	width:20px; 
	float:left; 
	height:8px; 
	margin-top:7px; 
	background-color:#FF0000;
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
}
.ready
{
	width:20px; 
	float:left; 
	height:8px; 
	margin-top:7px; 
	background-color:#009900;
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
}

/* Purpose: Using for form Tab in all jsp */
.overTab
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#E2E2E2;
	border:1px solid #AAAAA9;
	color:#000000;
	padding:3px 3px;
	text-align:center;
	text-decoration:none;
}

/* Purpose: Using for form Tab in all jsp */
.normalTab
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	padding:3px 3px;
	text-align:center;	
	text-decoration:none;
	cursor:pointer;
}

/* Purpose: Using for form Tab in all jsp */
.tab_leftRightBorder
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#E2E2E2;
	border-left:1px solid #AAAAA9;
	border-right:1px solid #AAAAA9;	
	color:#000000;
	padding:3px 3px;
	text-align:center;
	text-decoration:none;
}

/* Purpose: Using for form Tab in all jsp */
.normalTab a:hover
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#E2E2E2;
	border:1px solid #AAAAA9;
	color:#000000;
	padding:3px 3px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

.greyText
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
.yellow_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FCE058;
}
.blue_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#127ABA;
	font-weight:bold;
	height:11px;
}
.border
{
	border:1px solid #AAAAA9;
}
.borderBottom
{
	border-bottom:1px solid #AAAAA9;
}
.borderRight
{
	border-right:1px solid #AAAAA9;
}
.whiteRight_border
{
	border-right:1px solid #FFFFFF;
}
.gridOver
{
	background-color:#f47a7b;
	width:647px;
	float:left;
	color:#FFFFFF;
}

.tablegridOver
{
	background-color:#F7EBBA;
	width:100%;
	float:left;
}
/* Purpose: Using for Label All JSP */
.highlightRow_11px
{
	background-color:#F7EBBA;
	float:left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.grayStrip
{
	float:left;
	width:100%;
	border:1px solid #CCCCCC;
	background-color:#CCCCCC;
}


#root 
{
	position:absolute;
	height:300px;
	width:300px;
	background-color:#F4F4F4;
	border:1px solid #333;
}

#handle 
{
	margin:2px;
	padding:2px;
	width: 98%;
	color:white;
	background-color: navy;
	font-weight: bold;
}