.centerJustify {text-align: center}
.leftJustify {text-align: left}
.rightJustify {text-align: right}


/* GENERAL TEXT AND FORMATTING HERE -------------------------------------------- */
.centered
{
	margin: auto;
}

.justified
{
	text-align: justify;
}

.bottomPosition
{
	clear: both;
}

.bold
{
	font-weight: bold;
}

html
{
	overflow: auto;
}

body
{
	margin: auto;
}

.indent
{
	text-align: left;
	margin-left: 32px;
}

a.contentLink
{
	font-family: Arial, Verdana, Times;
	font-size: 14px;
	font-weight: none;
	text-decoration: none;
	color: #303030;
}

a.nostyleBlack
{
	text-decoration: none;
	border-style: none;
	border-width: 0px;
	color: #000000;
}

span.smallText
{
    color: #202020;
	font-family: Arial, Verdana, Times;
	font-size: 10px;
}

p.contentText
{
	font-family: Arial, Verdana, Times;
	font-size: 13px;
	font-weight: none;
	text-align: justify;
}

span.contentText
{
    color: #202020;
	font-family: Arial, Verdana, Times;
	font-size: 12px;
}

span.contentTextHeader
{
	color: #1c2e7a;
	font-family: Arial, Verdana, Times;
	font-size: 15px; 
	font-weight: bold;
}

span.contentTextHeaderSmall
{
	color: #1c2e7a;
	font-family: Arial, Verdana, Times;
	font-size: 12px; 
	font-weight: bold;
}

p.sidebarRightText
{
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	font-weight: none;
	text-align: justify;
}

DT
{
	font-weight: bold;
}

ul.nostyleList
{
	list-style: none;
}

/* this class is particularly useful if you are wrapping an anchor around an image that you wan to be the only element on that line */
a.blockAnchor
{
	display: block;
}

h3.title
{
	color: #FFFAFA; /* snow */
}

/* CONTENT SECTION STYLES HERE -------------------------------------------- */

div.contentArea
{
	display: inline-block;
	font-family: Arial, Verdana, Times;
	width: 891px;
	min-height: 439;
	text-align: left;
	vertical-align: middle;
	background-color: #f1f0b8;

	border-top: solid 1px #696969;
	border-left: solid 1px #696969;
	border-bottom: solid 1px #898989;
}

div.contentHeader
{
	display: block;
	background-color: #c0c0c0;
	color: #000000;
	width: 861px;
	padding: 15px;
	border-bottom-style: bottom;
	border-color: #000000;
	border-width: 1px;
	text-align: left;
	font-family: Arial, Verdana, Times;
	font-size: 16px;
	font-weight: bold;

	border-bottom: solid 1px #696969;
}

div.contentMain
{
	width: 861px;
	padding: 15px;
	text-align: left;
	font-family: Arial, Verdana, Times;
	font-size: 14px;
	font-weight: bold;
}

img.imageCollage
{
	background-color: #d2d3d8;
	width: 132px;
	display: inline;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.imageCollage
{
	background-color: #d2d3d8;
	display: inline-block;
	text-align: center;
	width: 132px;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	min-height: 485px;
	height: 100%;
	
	border-top: solid 1px #696969;
}

iframe.iframeSidebarLeft
{
	display: inline-block;
	float: left;
	background-color: #fffaec;
	width: 529px;
	height: 598px;
	padding: 0px;
	border-right: solid 1px #c0c0c0;
}

div.contentSidebarLeft
{
	display: inline-block;
	float: left;
	color: #313131;
	background-color: #fffaec;
	min-height: 500px;
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	width: 498px;
	border-right: solid 1px #c0c0c0;
	padding: 20px;	
}

div.contentSidebarRight
{
	display: inline-block;
	float: right;
	min-height: 510px;
	background-color: #f1f0b8;
	color: #000000;
	text-align: left;
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	width: 321px;
	padding: 15px;
}

img.contentSidebarRightImg
{
	width: 318px;
	height: 165px;
	border: 1px solid black;
}

div.productSidebarLeft
{
	display: inline-block;
	float: left;
	color: #313131;
	background-color: #fffaec;
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	width: 569px;
	border-right: solid 1px #c0c0c0;
	padding: 20px;	
}

div.productSidebarRight
{
	display: inline-block;
	float: right;
	background-color: #f1f0b8;
	color: #000000;
	text-align: left;
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	width: 251px;
	padding: 15px;
}

div.productListPicture
{
	display: inline-block;
	width: 110px;
	float: left;
	text-align: center;
	padding: 10px;
}


div.productListText
{
	display: inline-block;
	width: 400px;
	padding: 10px;
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	font-weight: none;
	text-align: justify;
}

div.fullBar
{
	display: inline-block;
	color: #313131;
	background-color: #e3e3e3;
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	width: 851px;
	padding: 20px;	
}

div.fullBarInner
{
	left-margin: auto;
	right-margin: auto;
	margin: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #696969; 
	height: auto;
	width: 600px;
	overflow: visible;
	background-color: #f6f3d9;
}

fieldset.inputField
{
	margin: auto;
	border-color: #c0c0c0;
	border-style: solid;
	border-width: 1px;
	width: 500px;
	text-align: left;
}

fieldset.invisibleBorder
{
	border: 0px;
}

input.contactForm
{
	
}


a.softwareDownloadLink
{
	margin-top: 50px;
	display: block;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	/* both of these cursor declarations must be here in this order for the hand cursor to render in both IE and non-IE browsers */
	cursor: pointer;
	cursor: hand;
}

a.softwareDownloadLink > img
{
	display: inline;
	float: left;
	margin-right: 15px;
	border: 0px;
}

a.softwareDownloadLink > div
{
	width: 371px;
	float: right;
	margin: 0px;
}

a.softwareDownloadLink > div > h3
{
	color: #9C0A0E;	/* crimson */
	margin-bottom: 0px;
}

a.softwareDownloadLink > div > span
{
	color: #000000;	/* black*/
	margin-top: 0px;
}


/* MEMBER STYLES HERE -------------------------------------------- */

span.memLinks
{
	text-align: left;
	margin-left: 15px;
}

a.memLinks1
{
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
	color: #1c2e7a;
}

a.memLinks2
{
	font-family: Arial, Verdana, Times;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
	color: #101010;
}

div.memSidebarLeft
{
	background-color: #d2d3d8;
	display: inline-block;
	text-align: left;
	width: 170px;
	float: left;
	clear: left;
	margin: 0px;
	padding: 15px;
	border: 0px;
	min-height: 456px;
	height: 100%;
	
	border-top: solid 1px #696969;
}

/* ========================================= Page Style 1 =========================================== */
div.memContentArea
{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Times;
	width: 823px;
	min-height: 485px;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	background-color: #667187; /* a dark bluish gray */
	border-top: solid 1px #696969;
	border-left: solid 1px #696969;
	border-bottom: solid 1px #898989;
}

div.memContentArea a
{
	font-size: 14px;
	font-family: verdana, times;
	color: lightgray;
	text-decoration: none;
}

div.memContentArea a:link
{
	font-size: 14px;
	font-family: verdana, times;
	color: lightgray;
	text-decoration: none;
}

div.memContentArea a:visited
{
	font-size: 14px;
	font-family: verdana, times;
	color: darkgray;
	text-decoration: none;
}

/* ======================================= End Page Style 1 ========================================= */

/* ========================================= Page Style 2 =========================================== */
div.memContentAreaStyle2
{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Times;
	width: 823px;
	min-height: 485px;
	text-align: left;
	vertical-align: middle;
	background-image: url('/images/background-gradient-2.png');
	background-repeat: repeat-x;
	border-top: solid 1px #696969;
	border-left: solid 1px #696969;
	border-bottom: solid 1px #898989;
}

div.memContentAreaStyle2 a
{
	font-size: 14px;
	font-family: verdana, times;
	color: lightgray;
	text-decoration: none;
}

div.memContentAreaStyle2 a:visited
{
	font-size: 14px;
	font-family: verdana, times;
	color: darkgray;
	text-decoration: none;
}

/* ======================================= End Page Style 2 ========================================= */

div.memContentHeader
{
	display: block;
	background-color: #c0c0c0; /* Silver */
	color: #000000;
	width: 793px;
	margin: 0;
	padding: 15px;
	border-bottom-style: bottom;
	border-color: #000000;
	border-width: 1px;
	text-align: left;
	font-family: Arial, Verdana, Times;
	font-size: 16px;
	font-weight: bold;

	border-bottom: solid 1px #696969;
}


div.memContentMain
{
	width: 793px;
	padding: 15px;
	text-align: left;
	font-family: Arial, Verdana, Times;
	font-size: 14px;
	font-weight: bold;
}


a.membersDownloadLink
{
	margin-top: 50px;
	display: block;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	/* both of these cursor declarations must be here in this order for the hand cursor to render in both IE and non-IE browsers */
	cursor: pointer;
	cursor: hand;
}

a.membersDownloadLink > img.mainImage
{
	display: inline;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 0px;
}

a.membersDownloadLink > img.downloadIcon
{
	display: inline;
	float: left;
	clear: left;
	margin-left: 15px;
	border: 0px;
}

a.membersDownloadLink > div
{
	width: 371px;
	float: right;
	margin: 0px;
}

a.membersDownloadLink > div > h3
{
	margin-top: 0px;
	color: #D3D3D3;	/* LightGray */
	margin-bottom: 0px;
}

a.membersDownloadLink > div > span
{
	color: #000000;	/* black*/
	margin-top: 0px;
	font-size: 12px;
}

/* ==================================== Help Page-Specific Styles ====================================== */
div.helpTitle
{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

/* ADMIN MANAGER STYLES --------------------------------------------- */

div.adminManagerPage
{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Times;
	width: 823px;
	min-height: 485px;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	background-color: #f1f0b8;
	/*background-color: blue;*/

	border-top: solid 1px #696969;
	border-left: solid 1px #696969;
	border-bottom: solid 1px #898989;
}

div.adminManagerContentHeader
{
	display: block;
	background-color: #c0c0c0;
	/*background-color: cyan;*/
	color: #000000;
	width: 793px;
	margin: 0;
	padding: 15px;
	border-bottom-style: bottom;
	border-color: #000000;
	border-width: 1px;
	text-align: left;
	font-family: Arial, Verdana, Times;
	font-size: 16px;
	font-weight: bold;

	border-bottom: solid 1px #696969;
}

div.adminManagerContentArea
{
	display: block;
	text-align: center;
	padding: 30px;
	font-family: arial, verdana, times;
	color: white;
	background-color: #667187; /* a dark bluish gray */
}

div.adminManagerContentArea a
{
	font-size: 14px;
	font-family: verdana, times;
	color: #D3D3D3;	/* LightGray */
	text-decoration: none;
}

div.adminManagerContentArea a:visited
{
	font-size: 14px;
	font-family: verdana, times;
	color: #A9A9A9;	/* DarkGray */
	text-decoration: none;
}

/* HELP PAGE STYLES ------------------------------------------------- */
div.helpContentHeader
{
	display: block;
	background-color: #c0c0c0;
	color: #000000;
	width: 793px;
	margin: 0;
	padding: 15px;
	border-bottom-style: bottom;
	border-color: #000000;
	border-width: 1px;
	text-align: left;
	font-family: Arial, Verdana, Times;
	font-size: 16px;
	font-weight: bold;

	border-bottom: solid 1px #696969;
}

div.inlineScreenshot
{
	display: inline;
	float: right;
	max-width: 200px;
	margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}

div.inlineScreenshotLeft
{
	display: inline;
	float: left;
	max-width: 200px;
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 30px;
	text-align: center;
}

div.blockScreenshot
{
	margin: 30px;
	text-align: center;
}

img.inlineScreenshot
{
	display: block;
	border-style: none;
}

img.blockScreenshot
{
	margin: auto;
	border-style: none;
}

/* positions small images inside text */
img.inText
{
	display: inline-block;
	position: relative;
	top: 4px;
}

img.icon
{
	height: 25px;
	width: 25px;
}

/*	a paragraph style with margin on both sides and using Arial font
	it is intended for use with the body paragraphs on the help pages */
p.padded
{
	margin-left: 25px;
	margin-right: 25px;
	font-family: arial;
	text-align: justify;
}

/* used for captions for inlineScreenshot and inlineScreenshotLeft images */
div.caption
{
	position: relative;
	top: 10px;
}

/* used for captions for blockScreenshot class images */
div.captionBlock
{
	position: relative;
	top: 10px;
	margin-bottom: 35px;
}

/* used for the "click to enlarge" text beneath inline captions */
div.tinyText
{
	text-align: right;
	font-size: small;
}

/* used for the "click to enlarge" text beneath block captions */
div.tinyTextCentered
{
	text-align: center;
	font-size: small;
}

div.helpPageMainMenuSubBorder div
{
	width: 50%;
	border: 2px solid #F5F5DC; /* beige */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

/* the following styles are used to create the buttons at the bottom of each help page */
div.helpPageNavButtons
{
	margin-top: 80px;
	margin-bottom: 40px;
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
	text-align: center;
}

div.helpPageNavButtons > button
{
	font-weight: bold;
	display: inline;
	height: 35px;
}

div.helpPageNavButtons > button.leftButton
{
	float: left;
}

div.helpPageNavButtons > button.rightButton
{
	float: right;
}

div.helpPageNavButtons > button > *
{
	font-family: arial;
	margin: 5px;
	vertical-align: middle;
}