html,
body,
form
{
    margin: 0px;
    width: 100%; 
    height: 100%;    
}


#sideMenuHeader
{
	color: #444;
	background-color: #fff;
	border-color: #becf95;
	border-top-color: #78a35d;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #becf95;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}

.HeaderImage
{
    background-image: url(images/bg-outlook-header3.png);
	background-repeat: repeat-x;
    
}

#pageHeaderTable
{
	padding-left: 0px; 
	padding-right: 0px; 
	width: 100%;
}

.pageHeaderTable
{
	padding-left: 0px; 
	padding-right: 0px; 
	width: 100%;
}

#editPanelDiv
{
	padding: 10px 16px 0px 16px;
}
div.editPanelDiv
{
	padding: 10px 16px 0px 16px;
}

#editPanelTable
{
	margin-right: auto;
	margin-left: auto;
}

#resumeViewTable
{
	margin-right: auto;
	margin-left: auto;
}

#genCenterTable
{
	margin-right: auto;
	margin-left: auto;
}

.normalfld
{
	background-color: #FFFFFF;
}
.focusfld
{
	background-color: #FFFFCC;
}

.inputGenBtn
{
	border-width: 1px;
	font-size: 9pt;
	font-family: Verdana;
	border-color: #78a35d;
	background-color: #eee;
	color: #444;
	background-image: url(images/bgGreenForm-rev.gif);
	background-position: 0% 75%;
	background-repeat: repeat-x;
}

.messagePanel
{
	padding: 5px; padding-top: 10px; background-image: url(images/bgGreenForm.GIF);
    background-position: top; background-repeat: repeat-x; font-family: Verdana; font-size: 10pt; color: #000000
}

/* Generic div container that contains panels/divs */
.nonCollapsePanel
{
	border-bottom-color: #78a35d;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #000000;
	background-color: #f6f6f6;
	background-image: url(images/bgGreenForm.GIF);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}
/* Generic div container that contains panels/divs Without border*/
.nonCollapsePanelSpecBorder
{
	color: #000000;
	background-color: #f6f6f6;
	background-image: url(images/bgGreenForm.GIF);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

.nonCollapsePanelHeader
{
	padding-top: 0px;
	height: 20px;	
}

.panelHeader
{
	border-color: #becf95;
	color: #000000;
	background-image: url(images/bgGreenForm-header.GIF);
	background-position: top;
	background-repeat: repeat-x;
}

.panelSectionHeader
{
	
	color: #000000;
	
}

.panelTemplate
{
	border-color: #becf95;
	background-color: #f6f6f6;
	background-image: url(images/bgGreenForm-body.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}

.button
{
	border-color: #78a35d;
	background-color: #eee;
	color: #444;
	background-image: url(images/bgGreenForm-rev.gif);
	background-position: 0% 75%;
	background-repeat: repeat-x;
}

.mainContentDiv
{
	border-color: #becf95;
	border-top-color: #becf95;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	margin: 0px 0px 0px 0px;
}

div.editWrap, div.listWrap
{
	margin-bottom: 0px;
}

div.cntrlWrap
{
	margin-bottom: 15px;
}

div.tabForm
{
	margin-bottom: 10px;
}

div.progress
{
	padding: 0px;
	margin: 0px;
	width: 16px;
}
div.tabContentTemplate
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2px;
}
div.tabContentTemplateSearch
{
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.updatePanelContainer
{
	margin:0px;
	padding: 0px;
}

table.formMain, table.dataView
{
	padding-left: 0px; 
	padding-right: 0px; 
	width: 100%;
}

/* For a table showing data in view mode */
table.dataView
{
    border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #becf95;
}

table.formSubmit
{
	padding-left: 0px; 
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px; 
	width: 100%;
}

td.cntrlContainer
{
	margin-right: auto;
	margin-left: auto;
}

td.guestContent
{
	margin-right: auto;
	margin-left: auto;
}	

td.errorLbl
{
	color: red; 
	height: 20px;
}

td.progress
{
	width: 16px;
}

div.guestContent
{
	width: 240px;
}

.checkbox
{
 padding-left: 0px;
 margin-left: 0px;
}

.pnlFullRow
{
	margin: 0px;
	padding: 0px; 
	width: 100%;
}

.tableCellButton
{
	padding-right: 20px;
}

.webpartHeader
{
	border-color: #becf95;
	height: 20px;
	background-image: url(images/bgGreenForm-header.GIF);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Arial;
	font-Size: 10pt;
	font-weight: bold;
	color: Black;
	margin-right: auto;
	margin-left: auto;
}

.webpart
{
	border-bottom-color: #78a35d;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-width: 0px;
	margin-right: auto;
	margin-left: auto;
}

.littleLink
{
	font-family: Verdana;
	font-size: 7pt;
}

/* main page tab */
.ContentTab
{
    color:#629005;
}
.ContentTabSelected
{
    color:white;
}
.ContentTabHover
{
    color:#497403;
}
.ContentViewer
{
	margin-bottom:0px;
}
/*End main page tab */

/* header and toobar for grids */
.gridToolbar
{
	padding: 0px;
	margin: 0px;
	height: 35px;
	background-color: #EDFDCF;
}

.gridHeader
{
	padding: 0px;
	margin: 0px;
	height: 27px;
    color: #629005;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	vertical-align:bottom;
	background-image: url(images/gridHeader.png);
}
/* End header and toolbar for grids */

/* Hover buttons */
.updateStatusHover
{
	background-image: url(images/updateStatus1.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.updateStatusHover:hover
{
	background-image: url(images/updateStatusHov1.png);
}
.createNoteHover
{
	background-image: url(images/createNote.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.createNoteHover:hover
{
	background-image: url(images/createNoteHov.png);
}
.editNoteHover
{
	background-image: url(images/editNote.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.editNoteHover:hover
{
	background-image: url(images/editNoteHov.png);
}
.deleteMessageHover
{
	background-image: url(images/deleteMessage.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.deleteMessageHover:hover
{
	background-image: url(images/deleteMessageHov.png);
}
.createQuestionHover
{
	background-image: url(images/createQuestion.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.createQuestionHover:hover
{
	background-image: url(images/createQuestionHov.png);
}
.replyQuestionHover
{
	background-image: url(images/replyQuestion.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.replyQuestionHover:hover
{
	background-image: url(images/replyQuestionHov.png);
}
.createInquiryHover
{
	background-image: url(images/createInquiry.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.createInquiryHover:hover
{
	background-image: url(images/createInquiryHov.png);
}
.replyHover
{
	background-image: url(images/reply.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.replyHover:hover
{
	background-image: url(images/replyHov.png);
}
.uploadDocumentHover
{
	background-image: url(images/uploadDocument.png);
	height: 27px;
	width: 100px;
	border: none 0px;
	background-color: Transparent;
	padding: 10px 10px 0px 0px;
}
.uploadDocumentHover:hover
{
	background-image: url(images/uploadDocumentHov.png);
}
/* End Hover buttons */
/* outlook grid col */
.headerIcon 
{
	 font-size: 0px; 
	 line-height: 0px; 
}
/* End Outlook grid col */

.MessageHeader
{
	text-align: left;
	background-color: White;
	color: Black;
	font-family: Verdana;
}

/* instructions are to be in this style*/
.Instructions
{
    font-family: Courier New, Times New Roman;
    font-size: 11px;
}

/****ERROR HANDLING*************
/*For containder of Error Messages */
div.ErrorContainer
{
    color: red; 
    height: 20px; 
    text-align: left; 
    padding-left: 5px;
}
/******END ERROR HANDLING**/
.InvisibleBorder
{
	border: none;
}

.SpanLabel
{
	color:#444444;font-family:Arial;font-size:12px;
}

.tdSteps
{
	text-align: right; 
	border-bottom: solid 1px #becf95; 
	padding-bottom: 3px; 
	padding-right: 10px;
	font-family: Arial; 
	font-size: 12px; 
	height: 20px; 
	color: maroon
}

.tabContentStyle
{
    margin: 0px;
    padding: 0px;
}

.htmlViewer
{
	overflow: scroll;
	color: black;
	background-color: White;
	border: solid 1px silver;	
}

.actionPagingPanel
{
    width: 100%; 
    text-align: center; 
    margin-top: 7px; 
    padding-right: 5px;
    margin-bottom: 0px; 
    padding-left: 5px; 
    font-family: Tahoma; 
    font-size: 0.8em
}

.mainFrame
{
    border-top: solid 1px #becf95; 
    border-left: solid 1px #becf95; 
    background-color: White
}

.ListbarSubHeading
{
    color: Green; 
    border-bottom: solid 1px #becf95; 
    margin-bottom: 2px
}

.AdvancedSearch
{
    visibility: hidden; 
    position: absolute; 
    width: 500px;
    top: 93px; 
    left: 184px; 
    padding: 5px; 
    height: 380px; 
    border: solid 1px #becf95;
                          
    background-image: url('../../Images/search_panel_bg.png')
}

.AdvancedSearchHeader
{
    color: Green; 
    font-weight: bold; 
    padding-top: 7px; 
    border-bottom: solid 1px #becf95;
    margin-bottom: 2px
}

.PublishHeader
{
	width: 100%; 
	padding: 2px; 
	font-size: 8pt;
	font-family: Verdana;
	margin-top: 2px;
	margin-bottom: 2px;
}

.applyGridHeaderImage
{
	background-image : url(../../Images/bg-outlook-header3.png)
}