@CHARSET "ISO-8859-1";

*
{
	margin:					0px;
	padding:				0px;
}

body 
{
	margin:					0px;
	margin-top:				0px;
	font-family:			verdana;
	font-size:				10px;
	color:					rgb(85,85,85);
	background:				url(/shared/adrichem/images/background/background-image.jpg) repeat;
}

input 
{
	font-family:			verdana;
	font-size:				10px;
	color:					rgb(85,85,85);
}

a,
a:visited,
a:link,
a:hover
{
	font-family:			verdana;
	font-size:				10px;
	color:					rgb(255,0,204);
	text-decoration:		none;
}

a:hover
{
	text-decoration:		underline;
}

img
{
	border:					0px;
}

/* Main Page CSS */

.mainPageContainer
{
	margin-left:			auto;
	margin-right:			auto;
	width:					1040px;
}

.mainPageContainer .leftBorder
{
	width:					100%;
	background:				url(/shared/adrichem/images/background/left-edge.png) repeat-y scroll -4px 0px;
}

.mainPageContainer .leftBorder .rightBorder
{
	width:					100%;
	background:				url(/shared/adrichem/images/background/right-edge.png) repeat-y top right;
}

.mainPageContainer .leftBorder .rightBorder .whiteContent
{
	background-color:		white;
	margin-left:			20px;
	min-height:				400px;
	width:					1000px;
}

.mainPageContainer .leftBorder .rightBorder .whiteContent:after
{
	content: 				"";
	display: 				block;
	height: 				0;
	clear: 					both;
}


.mainPageContainer .leftBorder .rightBorder .whiteContent .mainHeader .headerLogo
{
	float:					left;
}

.mainPageContainer .leftBorder .rightBorder .whiteContent .mainHeader .headerBanner
{
	float:					right;
	margin-top:				30px;
	margin-right:				-18px;
}

.mainPageContainer .leftBorder .rightBorder .whiteContent .mainHeader .headerBanner img
{
	width:					468px;
	height:					60px;
	position:				relative;
	z-index:				2;
}

.mainPageContainer .leftBorder .rightBorder .whiteContent .mainHeader .headerBanner .loggedInText
{
	position:				absolute; 
	margin-top: 			25px; 
	margin-left: 			0px;  
	text-align: 			right; 
	width: 					496px;
}
	
.mainPageContainer .leftBorder .rightBorder .mainBody
{
	clear:					both;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu
{
	width:					180px;
	float:					left;
	margin-left:			10px;
}

/* Main Container */
.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul
{
	border:					solid 1px #B8A2F4;
	list-style:				none;
	line-height:			25px;
}

/* Level 1 List */
.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li a
{
	border:					0px;
	color:					#555555;
	display:				block;
	text-decoration:		none;
	padding-left:			30px;				
	width:			 		148px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li a .menuText
{
	 			
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li a .menuIcon
{
	float: 					left; 			
	margin-top: 			5px; 
	margin-left: 			-25px;
	width:					16px;
	height:					16px;
} 

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li a:hover
{
	background-color:		#7DD2F7;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li a.selected
{
	background-color:		#7DD2F7;
}

/* Level 1 Sub Container */
.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li ul
{
	border:					0px;
}

/* Level 2 List */
.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li ul li a
{
	padding-left:			40px;				
	width:					138px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li ul li a .menuIcon
{
	float: 					left; 			
	margin-top: 			10px; 
	margin-left: 			-10px;
	width:					5px;
	height:					5px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu ul li ul li a.selected
{
	background-color:		#DDDDDD;
}


.mainPageContainer .leftBorder .rightBorder .mainBody .rightBody
{
	float:					left;
	width:					790px;
	margin-left:			20px;
}


.mainPageContainer .leftFooterBorder
{
	width:					100%;
	background:				url(/shared/adrichem/images/background/bottom-left-corner.png) no-repeat top left;
	height:					20px;
}

.mainPageContainer .leftFooterBorder .rightFooterBorder
{
	width:					100%;
	background:				url(/shared/adrichem/images/background/bottom-right-corner.png) no-repeat top right;
	height:					20px;
}

.mainPageContainer .leftFooterBorder .rightFooterBorder .centerFooterBorder
{
	background:				url(/shared/adrichem/images/background/bottom-edge.png) repeat-x top right;
	margin-left:			20px;
	min-height:				400px;
	width:					1000px;
	height:					20px;
}

/* PoweredBy CSS */
.mainPageContainer .leftFooterBorder .rightFooterBorder .centerFooterBorder .poweredLogo
{
	float:					left;
	clear:					both;
	margin-top:				-63px;
	margin-left:			10px;
	width:					180px;
}

/* Loginform CSS */
.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer
{
	margin-top:				10px;
	width:					180px;
	margin-bottom:			10px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer .menuLoginRow
{
	float:					left;
	clear:					both;
	margin-left:			15px;
	width:					140px;
	height:					35px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer .menuLoginRow .menuLoginText
{
	float:					left;
	clear:					both;
	width:					140px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer .menuLoginRow .menuLoginInput
{
	float:					left;
	clear:					both;
	width:					140px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer .menuLoginRow .menuLoginInput input
{
	width:					140px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer .menuLoginRow .menuLoginCheckbox
{
	float:					left;
	width:					20px;
	height:					35px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer .menuLoginRow .menuLoginCheckboxText
{
	float:					left;
	width:					116px;
	line-height:				12px;
	height:					31px;
	padding-top:				4px;
	padding-left:				4px;
}

.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer .menuLoginRow.buttonRow
{
	margin-top:				-10px;
}
	
.mainPageContainer .leftBorder .rightBorder .mainBody .leftMenu .menuLoginContainer .menuLoginRow .menuLoginButton
{
	border:					0px;
	background:				none;
	margin-left:			15px;
	width:					110px;
}

/* Container CSS */

.containerElement.firstPageContainer
{
	margin-top:			-6px; 
}

.containerElement.firstPageContainer,
.containerElement.nextPageContainer
{
	float:				left;
	clear:				both;
}
	
.containerElement.nextPageContainer
{
	margin-top:			10px;
}

.containerElement.fullSizedContainer
{
	width:				780px;
}

.containerElement .headerCollection
{
	width:				780px;
	height:				12px;
	float:				left;
	clear:				both;
}

.containerElement .headerLeftCorner
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/top_left.png) no-repeat;
	width:				12px;
	height:				12px;
	float:				left;
}

.containerElement .headerCenter
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/top_center.png) repeat-x;
	width:				756px;
	height:				12px;
	float:				left;
}

.containerElement .headerRightCorner
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/top_right.png) no-repeat;
	width:				12px;
	height:				12px;
	float:				left;
}

.containerElement .leftStretcher
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/center_left.png) repeat-y;
	width:				780px;
	float:				left;
	clear:				both;
}

.containerElement .rightStretcher
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/center_right.png) repeat-y;
	background-position: top right;
	width:				780px;
}

.containerElement .sectionBodyContainer:after,
.containerElement .leftStretcher:after,
.containerElement .rightStretcher:after
{
	content: 				"";
	display: 				block;
	height: 				0;
	clear: 					both;
}

.containerElement .sectionBodyContainer
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/center_center.png) repeat;
	width:				751px;
	min-height:			100px;
	margin-left:		12px;
	padding-top:		5px;
	padding-left:		5px;
}

.containerElement .footerCollection
{
	width:				780px;
	height:				12px;
	float:				left;
	clear:				both;
}

.containerElement .footerLeftCorner
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/bottom_left.png) no-repeat;
	width:				12px;
	height:				12px;
	float:				left;
}
	
.containerElement .footerCenter
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/bottom_center.png) repeat-x;
	width:				756px;
	height:				12px;
	float:				left;
}

.containerElement .footerRightCorner
{
	background:			url(/shared/adrichem/images/borders/f6dcf4/bottom_right.png) no-repeat;
	width:				12px;
	height:				12px;
	float:				left;
}

.containerElement .newsHeaderTitle
{
	font-weight:		bold;
	text-decoration:	underline;
	float:				left;
	line-height:		20px;
	font-size:			11px;
	width:				100%;
}

.containerElement .newsHeaderDate
{
	float:				left;
	font-size:			8px;
	margin-left:		4px;	
}

.containerElement .newsHeaderInfoRow
{
	clear:				both;
	float:				left;	
	width:				100%;
}

.containerElement .newsHeaderUser
{
	float:				left;	
	font-size:			8px;
}

.containerElement .newsBodyContainer
{
	float:				left;
	clear:				both;
	margin-top:			10px;
	margin-bottom:		10px;
}

.uploadForm tr
{
	height:				20px;
}






/*
 Blog
*/
.containerElement .blogHeaderTitle
{
	font-weight:		bold;
	text-decoration:	underline;
	float:				left;
	line-height:		20px;
	font-size:			11px;
	width:				100%;
}

.containerElement .blogHeaderDate
{
	float:				left;
	font-size:			8px;
	margin-left:		4px;	
}

.containerElement .blogHeaderInfoRow
{
	clear:				both;
	float:				left;	
	width:				100%;
}

.containerElement .blogHeaderUser
{
	float:				left;	
	font-size:			8px;
}

.containerElement .blogBodyContainer
{
	float:				left;
	clear:				both;
	margin-top:			10px;
	margin-bottom:		10px;
}

.footerPager
{
	float:				right;
	clear:				both;
	margin-right:		15px;
}

.footerPager .pageNumber
{
	float: 				left; 
	margin-left: 		3px;
}

.footerPager .pageNumber.active
{
	font-weight:		bold;
}

.readMoreLink
{
	clear:				both;
	margin-top:			10px;
}

.copyRightContainer
{
	color:				white;
	text-align:			center;
}

.bannerRefreshIcon
{
	width: 16px;
	height: 16px;
	float: right;
	margin-top: 72px;
	margin-right: 80px;
}

.bannerRefreshIcon img
{
	position: relative;
        z-index: 3;
	cursor: pointer;
}