@import url(layouthelp.css);

/**
* Force vertical scrollbars
**/
html[xmlns^="http"] {
	overflow-y:				scroll;
}

/**
* Disable padding and margin for all elements
**/
* {
	padding:				0px;
	margin:					0px;
}

body {
	font-family:			Arial, Helvetica, Verdana;
	font-size:				small;
	color:					#333;
}

/**
* Set page centered
*/
#center {
	text-align:				center;
}

/**
* Define page width
* Set margin to auto, otherwise non IE Browser will display the page non centered
**/
#page {
	margin:					auto;
	text-align:				left;
	width:					1024px;
}

#header {
	height:					129px;
	background:				url(../images/header.jpg) no-repeat;
}

#static_links {
	float:					right;
	margin-right:			29px;
	padding-top:			35px;
	color:					#fff;
}
#static_links a {
	color:					#fff;
	font-size:				1.1em;
	text-decoration:		none;
	padding:				0px 14px;
}
#static_links a:hover {
	text-decoration:		underline;
}

#navigation_top {
	background:				url(../images/bg_navigation_top.png) repeat-x;
}

#navigation_top ul {
	list-style-type:		none;
}

#navigation_top ul li {
	float:					left;
}

#navigation_top ul li a {
	height:					33px;
	padding:				16px;
	padding-bottom:			0px;
	display:				block;
	color:					#fff;
	font-size:				1.1em;
	text-decoration:		none;
}

#navigation_top ul li a.active, #navigation_top ul li a.current, #navigation_top ul li a.section {
	background:				url(../images/bg_navigation_top_li_active.png) repeat-x;
}

#navigation_sub {

}

#navigation_sub .title {
	padding-bottom:			50px;
	padding-left:			50px;
	color:					#cc0000;
	font-size:				1.3em;
	background:				url(../images/highlight_title.png) 36px 22px no-repeat;
}

#navigation_sub ul {
	list-style-type:		none;
	padding-left:			36px;
	margin-right:			32px;
}

#navigation_sub ul li {
}

#navigation_sub ul li a {
	display:				block;
	color:					#333;
	text-decoration:		none;
	font-size:				1.1em;
	padding:				8px;
	padding-left:			14px;
}

#navigation_sub ul li a.active, #navigation_sub ul li a.current, #navigation_sub ul li a.section {
	background:				#dcdcdc;
}

#navigation_sub ul li ul {
	padding-left:			0px;
	margin-right:			0px;
	background:				#dcdcdc;
}
#navigation_sub ul li ul li a {
	font-size:				0.9em;
	padding-right:			0px;
	padding-left:			28px;
	background:				url(../images/bg_navigation_sub_a.gif) 14px 13px no-repeat;
}
#navigation_sub ul li ul li a.active, #navigation_sub ul li ul li a.current, #navigation_sub ul li ul li a.section {
	background:				url(../images/bg_navigation_sub_a_active.gif) 14px 13px no-repeat;
}

#content_main, #content_main_twocol {
	float:					left;
	padding:				75px 29px;
}

#content_main {
	width:					952px;
}

#content_main_twocol {
	width:					728px;
}

#content_right {	
	float:					left;
	padding:				75px 0px;
	width:					238px;
}

#footer {
	background:				url(../images/bg_footer.png) repeat-x;
	color:					#fff;
	text-align:				center;
	font-size:				0.8em;
	padding:				15px;
	margin-bottom:			29px;
}

*:first-child+html #footer {
	padding:				0px;
	padding-top:			15px;
	height:					28px;
}

/**
* Comments
**/
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 10px 10px 10px 10px;
}
#PageComments li.odd {
	background: #efefef url(../images/bg_li_page_comments_odd.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

#PageComments li.even {
	background: #fff url(../images/bg_li_page_comments_even.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

.actionLinks li {
	display: inline;
	border-right: 1px solid;
}
.actionLinks li.last {
	border-right: none;
}

.commentrss {
	background: transparent url(../images/bg_a_commentrss.png) no-repeat;
	padding-left: 20px;
}
#PageCommentsPagination p {
	text-align: center;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm {
	margin-bottom:					10px;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm_error {
	margin:							10px 0px;
	padding:						10px;
	border:							1px solid #ff0000;
	background-color:				#ff7676;
	font-weight:					bold;
	color:							#fff;
}

div.cb {
	clear:					both;
}

div.cl {
	clear:					left;
}

div.cr {
	clear:					right;
}