/*
**
**	Temporary
**
*/

.needs-changed
{
	background-color: Yellow;
}

/*
**
**	General Layout
**
*/

html,
body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #ffffff;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 9pt;
	color: #000000;
}

div#container
{
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto;
}

/*
**
**	Global Layout
**
*/

a { text-decoration: underline; color: #7e7d8d; }
a:hover { text-decoration: underline; color: #224fa3; }
img { border: none; }
form { margin: 0px; }
p, ul { margin-top: 10px; margin-bottom: 10px; line-height: 17px;}
.small { font-size: 7pt; }
.clear { clear: both; }

div.button
{
	width: 84px;
	height: 25px;
	font-size: 8pt;
	background-image: url('../images/back_button_2.png');
	line-height: 25px;
	text-align: center;
	color: #737389;
}

div.message
{
	padding: 4px;
	border: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*
**
**	Header
**
*/

div#header
{
	width: 100%;
	height: 90px;
	padding-top: 0px;
	margin-bottom: 10px;
}

div#header-content
{
	width: 970px;
	height: 70px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#header-content div#logo
{
	width: 250px;
	height: 53px;
	float: left;
}

#header-content div#tagline
{
	width: 312px;
	height: 33px;
	margin-top: 15px;
	float: right;
}

/*
**
**	Menu
**
*/

div#menu-container
{
	width: 970px;
	height: 34px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/back_menuborder.png');
}

#menu-container a { text-decoration: none; }
#menu-container a:hover { text-decoration: underline; }

#menu-container div#menu-items
{
	width: 938px;
	height: 34px;
	margin-left: 16px;
	margin-right: 16px;
	color: #737389;
}

#menu-items div.item
{
	width: auto;
	height: 34px;
	line-height: 34px;
	float: left;
}

#menu-items div.bar
{
	width: 30px;
	height: 34px;
	float: left;
	background-image: url('../images/menu_bar.png');
	background-position: center center;
	background-repeat: no-repeat;
}

/*
**
**	Screens
**
*/

div#screens
{
	width: 970px;
	height: 263px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}

#screens div.screen
{
	width: 320px;
	height: 263px;
	float: left;
	background-image: url('../images/back_screenborder.png');
}

.screen div.screen-content
{
	width: 310px;
	height: 253px;
	margin-left: 5px;
	margin-top: 5px;
}

.screen-content div.slide
{
	position: absolute;
}

/*
**
**	Body
**
*/

div#body 
{
	width: 970px;
	height: auto;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

div#content
{
	width: 970px;
	min-height: 100px;
}

#content div#content-title
{
	width: inherit;
	height: auto;
	margin-bottom: 10px;
	font-family: Tahoma;
	font-size: 22pt;
	color: #7a7b8e;
}

#content div#content-body
{
	width: inherit;
	height: auto;
	font-size: 10pt;
	color: #7a7b8e;	
}

#content div#content-footer
{
	width: inherit;
	height: auto;
	font-size: 10pt;
	color: #7a7b8e;	
}

/*
**
**	Footer
**
*/

div#pre-footer
{
	clear: both;
	padding-top: 20px;
	padding-bottom: 45px;
}

div#footer
{
	position: absolute;
	width: 100%;
	height: 45px;
	bottom: 0px;
}

#footer div#footer-content
{
	font-size: 8pt;
	width: 990px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/back_footer.png');
}

#footer-content div#footer-text
{
	padding-top: 10px;
	color: #7e7d8d;
	text-align: center;
	font-size: 7pt;
}

#footer-text a { text-decoration: none; }
#footer-text a:hover { text-decoration: underline; }

/*
**
**	Topics
**
*/

div.topic
{
	width: 970px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 5px;
}

div.topic div.topic-title
{
	width: 960px;
	height: 34px;
	padding-left: 10px;
	line-height: 34px;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	
	background-image: url('../images/back_menuborder.png');
}

.topic-title a { text-decoration: none; }
.topic-title a:hover { text-decoration: underline; }

.topic-title div.topic-arrow
{
	width: auto;
	height: 34px;
	padding-left: 12px;
	background-image: url('../images/icon_arrowright.png');
	background-position: left center;
	background-repeat: no-repeat;
}

div.topic div.topic-content
{
	width: 956px;
	height: auto;
	font-size: 9pt;
	text-align: justify;
	margin-top: -10px;
	padding: 20px 6px 12px 6px;
	line-height: 17px;
	border-left: solid 1px #e4e4e4;
	border-right: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
}

/*
**
**	Contact
**
*/

table#contact-detail
{
	width: 500px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 50px;
	border-collapse: collapse;
}

table#contact-method
{
	width: 300px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 50px;
	border-collapse: collapse;
}

#contact-detail tr,
#contact-method tr
{
	height: 26px;
}

#contact-detail tr.spacer,
#contact-method tr.spacer
{
	height: 8px;
}

#contact-detail td.title
{
	font-weight: bold;
	width: 150px;
	text-align: right;
	padding-right: 12px;
}

#contact-detail td.field { width: 350px; }

#contact-method td.title 
{
	width: 250px;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
}

#contact-method td.field { width: 50px; }

#contact-detail input,
#contact-detail textarea
{
	width: 340px;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 2px;
	border: solid 1px #e4e4e4;
	margin-left: 2px;
}

#contact-detail select
{
	width: 345px;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 2px;
	border: solid 1px #e4e4e4;
	margin-left: 2px;
}

p#alternative
{
	clear: both;
	padding-top: 15px;
	font-size: 8pt;
	line-height: normal;
}

img.security
{
	width: 150px;
	height: 50px;
	margin-left: 2px;
	padding: 1px;
	border: solid 1px #e4e4e4;
}

#contact-detail input.security
{
	width: 148px;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 2px;
	border: solid 1px #e4e4e4;
}

/*
**
**	Associates
**
*/

table#associates
{
	width: 705px;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

#associates td { width: 141px; }

/*
**
**	Subscribe/Download
**
*/

table#signin
{
	width: 620px;
	height: auto;
	
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

#signin tr
{
	height: 25px;
}

#signin tr.spacer
{
	height: 8px;
}

#signin td.header
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-color: #c5d2e5;
	color: #ffffff;
}

#signin td.title
{
	width: 130px;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
}

#signin td.spacer
{
	width: 20px;
}

#signin td.form
{
	width: 170px;
}

#signin input
{
	width: 160px;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 8pt;
	padding: 2px;
	border: solid 1px #e4e4e4;
	margin-left: 2px;
}

#signin input.check
{
	width: auto;
	height: auto;
	display: none;
}

/* messages */
div.msg-ok
{
	width: 600px;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px;
	background-color: #aaffaa;
	border: solid 1px #00f000;
	text-align: center;
	color: #000000;
}

div.msg-error
{
	width: 600px;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px;	
	background-color: #ffaaaa;
	border: solid 1px #ff0000;
	text-align: center;
	color: #000000;
}

/*
**
**	Downloads
**
*/

div.topic-content > div
{
	height: 28px;
	line-height: 28px;
	padding-left: 34px;
	border: solid 1px #ffffff;
	background-color: #ffffff;
	
	background-position: left center;
	background-repeat: no-repeat;
}

div.topic-content > div:hover
{
	background-color: #f7f8fb;
	border: dotted 1px #ededed;
}

/*
**
**	Associations
**
*/

ul#associations
{
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;		
}

ul#associations li
{
	display: inline-block;
	float: left;
	width: 90px;
	height: 60px;
	margin-top: 10px;
	
	background-image: url('../images/logo_association.png');
}

ul#associations li .wraptocenter
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    height: 60px;
}

ul#associations li .wraptocenter *
{
    vertical-align: middle;
}