html, body, form
{
	padding     : 0px;
	margin      : 0px;

	font-family : Arial;
	font-size   : 11px;
	color       : #000000;
}

body
{
	background-image  : url('../Images/back.jpg');
	background-repeat : repeat-x;
	background-color  : #eff2ef;	
}

input
{
	font-family : Arial;
}

table
{
	border-collapse : collapse;
	empty-cells : show;
}

a:link,
a:active,
a:focus,
a:visited,
a:hover
{
	color           : #157E94;
	text-decoration : none;
	outline         : none;
	font-size       : 11px;
}

a:hover
{
	color           : #0C4C59;
}

.areaBG
{
	position         : absolute;

	top              : 0px;
	left             : 0px;

	width            : 100%;
	height           : 100%;

	background-color : #FFFFFF;

	display          : none;
}

.png
{
	behavior : url('pngbehavior.htc');
}

.pager
{
	display : inline;
	cursor : pointer;

	padding-left : 7px;
	padding-right : 7px;
}

.pActive
{
	font-weight : bold;
}

.legal
{
	position : absolute;

	left     : 0px;
	top      : 10px;

	width    : 850px;
}

.legalItem, .legalItemInactive
{
	position    : relative;

	margin-left : 10px;

	font-size   : 8px;
	color       : #A0A0A0;

	cursor      : pointer;

	float       : right;
}

.legalItemInactive
{
	color : #D0D0D0;
}

.legalItem:hover
{
	color : #666666;
}

.format
{
	position : absolute;

	left     : 1px;
	top      : 39px;
}

.logo
{
	position : absolute;

	left     : 748px;
	top      : 61px;
}

.menu
{
	position : absolute;

	left     : 0px;
	top      : 120px;
}

.nav, .navInactive
{
	margin-top   : -1px;
	margin-right : 7px;
	float        : left;
}

.nav
{
	cursor : pointer;
}

.menuItem
{
	margin-top   : -1px;
	margin-right : 23px;
	float        : left;

	cursor       : pointer;
}

.sidebarItem
{
	position    : relative;

	margin-left : 3px;
	margin-top  : 6px;

	cursor      : pointer;
}

.main
{
	position : relative;

	background-color : #FFFFFF;
}

h1, h2, .smallCaption
{
	font-family : Arial;
	font-size   : 24px;
	font-weight : normal;

	padding     : 0px;
	margin      : 0px;

	line-height : 1em;
	color       : #157E94;

}

h2, .smallCaption
{
	font-size : 15px;
}

.areaCaseStudy
{
	position  : absolute;

	left      : 0px;
	top       : 0px;

	width     : 521px;

	z-index   : 2000;
}

.areaMethods
{
	position  : absolute;

	left      : 533px;
	top       : 0px;

	width     : 317px;
	height    : 201px;

	z-index   : 2000;
}

.areaForum
{
	position  : absolute;

	left      : 533px;
	top       : 213px;

	width     : 317px;
	height    : 201px;

	z-index   : 2000;
}

.areaInformation
{
	position  : absolute;

	left      : 533px;
	top       : 426px;

	width     : 317px;
	height    : 201px;
	
	z-index   : 2000;
}

.areaCaseStudyInner
{
	position    : absolute;

	left        : 14px;
	top         : 531px;

	width       : 300px;
	height      : 197px;

	z-index     : 3000;
}

.areaMethodsInner, .areaForumInner, .areaInformationInner
{
	position    : absolute;

	left        : 14px;

	width       : 182px;
	height      : 64px;

	z-index     : 3000;
}

.mainTop
{
	position : absolute;

	left     : 0px;
	top      : 0px;

	width    : 850px;
	height   : 30px;
}

.mainLeft
{
	position : absolute;

	left     : 0px;
	top      : 30px;

	width    : 30px;
	height   : 100%;
}

.mainRight
{
	position : absolute;

	left     : 820px;
	top      : 30px;

	width    : 30px;
	height   : 100%;
}

.mainInner
{
	position : absolute;

	left     : 30px;
	top      : 60px;

	width    : 790px;
	height   : 100%;
}

.caseStudy
{
	position      : relative;
	margin-bottom : 10px;
	line-height   : 17px;
}

.fieldTitle
{
	color : #999999;
}

.fieldValue
{
	color : #000000;
}

.caseStudySmall
{
	position : absolute;
	left     : 375px;
	top      : 34px;
	
	text-align : right;

	color      : #000000;
}

.caseStudyMedium
{
	position : absolute;
	left     : 375px;
	top      : 17px;
	
	text-align : right;
	font-size  : 10px;

	color      : #000000;
}

.caseStudyTitle
{
	width       : 480px;
	line-height : 20px;
	cursor      : pointer;
}

.caseStudyTitle:hover
{
	color : #12687A;
	color : #0C4C59;
}

.btn
{
	cursor : pointer;
}

.caseStudyComments
{
	padding-top : 40px;
	padding-bottom : 50px;
}

.cscAddForm
{

}

.cscTitle > a
{
	color           : #157F94;
	text-decoration : none;
}

.cscTitle > a:hover
{
	color : #0C4C59;
}

.cscTitle
{
	padding-top : 0px;
}

.cscBody
{
	padding-top    : 10px;
	padding-bottom : 20px;
}

.modalPopup
{
	position : absolute;

	left     : 0px;
	top      : 0px;

	width    : 0px;
	height   : 0px;

	display  : none;

	z-index  : 2000;

	background-color : #000000;
}

.modalPopupDialog
{
	position : absolute;
	z-index  : 3000;
	display  : none;
}

.mpBtn
{
	position : absolute;
}

.csImgBtn
{
	margin-left : 10px;
	cursor      : pointer;
	border      : 1px solid #D0D0D0;
	padding     : 1px;
	
}


/************************************/
/*  Master layout
/************************************/
.cSidebar
{
	width       : 204px;
	border-left : 2px solid #9DB957;
}

.cMainLeft
{
	width             : 30px;
	background-image  : url('../Images/mainLeftRepeat.jpg');
	background-repeat : repeat-y;
}

.cMainRight
{
	width             : 30px;
	background-image  : url('../Images/mainRightRepeat.jpg');
	background-repeat : repeat-y;
}