@CHARSET "UTF-8";

body, html {
	margin: 0;
	background: #f4f4f4;
	line-height: 20px;
	font-size: 12px;
	font-family: arial;
}

img {
	margin: 0;
	padding: 0;
	border: 0;	
}

form {
	position: relative;
	margin: 0;
	padding: 0;
}

div.clear {
	position: relative;
	width: 100%;
	height: 1px;
	clear: both;
}

a {
	color: #000;
}

/* red */
.content-left hr
{
	border: 			none !important;
	background-color: 	#E21F26 !important;
	height:				1px !important;
	margin-bottom:     10px !important;
}
/* light blue */
.content-left hr.blue
{
	border: 			none;
	background-color: 	#1d68c3;
	height:				1px;
	padding-bottom:     10px;
}
/* dark  blue */
.content-left hr.blue2
{
	border: 			none;
	background-color: 	#014495;
	height:				1px;
	padding-bottom:     10px;
}

hr.seperator {
	border: none;
	border-bottom: 1px solid #eee;
}

.column img
{
	/*margin: 5px;*/
}

.column table h2
{
	color: #E21F26 !important;
	margin: 2px 0 2px 0 !important;
	padding: 0px !important;
	font-size: 15px !important;
	
}

.column table p
{
	margin-top: 2px;
}

.clear {
	position: relative;
	width: 100%;
	height: 1px;
	clear: both;
}

div.header-top {
	position: relative;
	background: #014495;
}

div.header-top-center {
	position: relative;
	width: 940px;
	margin: 0 auto 0 auto;
}

div.header-top-red {
	position: relative;
	width: 240px;
	height: 28px;
	/*height: 177px;*/
	background: #e21f26;
}

img.logo {
	position: absolute;
	top: -28px;
	left: 0;
	z-index: 2;
}

div.header-bottom {
	position: relative;
	height: 44px;
	margin: 0 auto 0 auto;
	background: #1d68c3;
}

div.header-bottom-center {
	position: relative;
	width: 940px;
	margin: 0 auto 0 auto;
}

div.header-signup {
	position: absolute;
	display: none;
	width: 310px;
	top: 10px;
	left: 270px;
	color: #fff;
}

div.header-signup h1 {
	font-size: 16px;
	color: #3992ba;
	margin-top: 0;
	padding-top: 0;
}

div.header-signup a {
	position: absolute;
	bottom: -25px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	right: 0;
	z-index: 2;
}

div.header-signup a:hover {
	text-decoration: underline;
}

div.header-login {
	position: absolute;
	display: none;
	width: 330px;
	height: 140px;
	right: 0px;
	top: 0;
	background: #2a70c5
}

input.btn-login {
	position: absolute;
	right: -11px;
	bottom: 10px;
}

input.login-text {
	position: relative;
	font-size: 14px;
	color: #f4f4f4;
	font-weight: bold;
	padding: 6px;
	width: 215px;
	margin: 10px 0 0 53px;
	border: none;
	clear: both;
	background: url('../images/bg-input-text.jpg') no-repeat;
}

div.header-login-action, div.header-logout-action {
	position: absolute;
	top: 2px;
	right: 0;	
}

div.header-login-action a, div.header-logout-action a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.errorMsgLogin {
	position: relative;
	display: none;
}

div.header-login span {
	position: relative;
	display: block;
	margin: 15px 0 0 53px;
}

div.header-login span a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

div.header-login span a:hover {
	text-decoration: underline;
}

/**
 * MENU MAIN
 */
 
ul.menu-main {
	position: relative;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menu-main li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}

ul.menu-main li a {
	position: relative;
	display: block;
	padding: 12px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

ul.menu-main li a:hover {
	background: #014495;
}

ul.menu-main li a.active {
	padding-top: 18px;
	margin-top: -5px;
	background: #f4f4f4;
	color: #6a7179;
}


/**
 * CONTENT
 */

div.breadcrum {
	
	margin:10px 0;
	text-align: right;
	color: #343434;
	height: 20px;

}

div.breadcrum a {
	text-decoration: none;
	color: #343434;
}

div.breadcrum a:hover {
 	text-decoration: underline;
}




/*
div.breadcrum {
	position: absolute;
	top: -30px;
	right: 0;
	text-align: right;
	color: #343434;
	
	background:red;
}






div.breadcrum a {
	text-decoration: none;
	color: #343434;
}

div.breadcrum a:hover {
 	text-decoration: underline;
}


*/

div.wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto 0;
}
 
div.dark {
	width: 260px;
	min-height: 250px;
	padding: 25px;
	color: #343434;
	font-weight: bold;
	background: #ebeaea;
}
 
div.dark h1 {
	color: #e21f26;
	font-size: 18px;
	margin: 0px;
	padding: 0;
}
 
div.content-right {
	position: relative;
	float: right;
	margin-bottom: 10px;
}
 
div.content-left {
	position: relative;
	float: left;
	width: 632px;
}
 
div.column {
	position: relative;
	float: left;
	padding: 20px;
	border: 1px solid #cfcfcf;
	background: #fff;
	margin-bottom: 26px;
}
 
div.column h1 {
	font-family: arial;
	font-weight: bold;
	font-size: 16px;
	color: #e21f26;
	padding: 0;
	margin: 0 0 20px 0;
}

h1.blue {
	color: #1d68c3 !important;
}

div.column h2 {
	font-size: 16px;
	letter-spacing: -1px;
	color: #343434;
}
 
div.small {
	width: 259px;
	margin-right: 28px;
	padding-bottom: 70px;
	font-weight: bold;
	color: #707070;
}

div.clean {
	padding-bottom: 20px;
}

div.small a.more {
	position: relative;
	display: block;
	float: right;
	color: #E21D27;
	text-decoration: none;
	clear: both;
	margin-top: 10px;
}

div.small p.description {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}

div.small hr {
	position: relative;
	display: block;
	border: none;
	border-bottom: 1px solid #d1d1d1 !important;
	clear: both;
	padding-top: 10px !important !important;
	margin-bottom: 10px  !important;
}

div.small ul {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.small ul li {
	margin: 0 0 5px 0;
	padding: 0;
}

div.small ul li a {
	color: #343434;
	text-decoration: none;
}

div.small ul li a:hover {
	text-decoration: underline;
}

div.outer-right {
	margin-right: 0;
}
 
div.large {
	width: 590px;
}

div.small h1 {
	position: relative;
	display: block;
	color: #1d68c3;
	clear: both;
}

div.image-wrapper {
	position: relative;
	float: right;
	width: 310px;
	height: 488px;
	margin-bottom: 20px;
}

ul.image-shadow {
	position: absolute;
	list-style-type: none;
	margin: 0;
	top: 0;
	left: -9px;
	padding: 0;
	padding-top: 1px;
	width: 329px;
	height: 487px;
	text-align: center;
	background: url('../images/bg-image-slide-trans.png') no-repeat;
	z-index: 2;
}

ul.image-shadow li {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 329px;
	height: 487px;
}

ul.image-shadow img {
	/*margin-left: 9px;*/
}

div.image-title {
	position: relative;
	color: #fff;
	margin-top: 0px !important;
	font-size: 15px;
	font-weight: bold;
}

a.btn-wrap {
	position: absolute;
	bottom: 20px;
	right: 0px;
	display: block;
	padding: 6px 6px 6px 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #e21f26
}

a.btn-wrap span {
	position: absolute;
	display: block;
	width: 9px;
	height: 38px;
	top: -6px;
	right: -9px;
	background: url('../images/bg-wrapbutton-right.jpg') no-repeat;
}

div.image-title {
	position: relative;
	color: #fff;
	margin-top: 5px;
	font-size: 15px;
	font-weight: bold;
	
	*padding-top: 7px;
	
}

a.btn-wrap-left {
	position: relative;
	margin: -10px 10px 10px -20px;
	display: inline-block;
	/*width: 60px;*/
	padding: 6px 10px 6px 6px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #e21f26
}

a.btn-wrap-left span {
	position: absolute;
	display: block;
	width: 9px;
	height: 38px;
	top: -5px;
	left: -9px;
	background: url('../images/bg-wrapbutton-left-trans.png') no-repeat;
}

a.twitter span {
	width: 60px;
	height: 54px;
	top: -22px;
	right: -10px;
	background: url('../images/bg-wrapbutton-twitter-trans.png?4354') no-repeat;
}

/**
 * FOOTER
 */
 
div.footer-wrapper {
	margin-top: 10px;
	position: relative;
	height: 273px;
	width: 100%;
	/*margin-top: 20px;*/
	background: url('../images/bg-footer.jpg') repeat-x;
	clear: both;
	color: white;
}

div.footer-bottom {
	position: relative;
	text-align: center;
	margin: 10px 0 10px 0;
}

/**
 * THUMB LIST
 */
 
ul.list-thumbs {
	position: relative;
	list-style-type: none;
	margin: 4px;
	padding: 0;
}

ul.list-thumbs li {
	position: relative;
	display: inline-block;
	margin: 0;
	float: left;
	padding: 7px;
}

ul.list-thumbs li a {
	position: relative;
	display: block;
	/*color: #fff !important;*/
	text-decoration: none;
}

ul.list-thumbs li a span {
	position: relative;
	display: block;
	text-align: center;
}

/**
 * FORMS
 */
 
form {
	display: block;
	padding: 25px 10px 10px 10px;
	margin: 0;
	border: 1px solid #CFCFCF;
	background: #F1F0F0;
	height: 703px;
	margin-bottom: 13px;
	*height: 222px !important;
	
	
}
 
form ul {
	position: relative;
	list-style-type: none;
	/*width: 418px;*/
	margin: 0;
	/*padding: 20px 20px 60px 20px;*/
	padding: 0;
	
}

form ul li {
	position: relative;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0;
}

form ul li.last {
	margin: 0;
}

form ul li span {
	display:block;
	float:left;
	padding:2px;
	position:relative;
	width:70px;
}

form ul li span.small {
	width: auto;
}

form ul li input.error {
	outline: 1px solid red;
}

form ul li input.text, input.text {
	position: relative;
	float: left;
	width: 193px;
	padding: 4px;
	border: 1px solid #CFCFCF;
	margin-left: 10px;
}

form ul li input.date {
	position: relative;
	float: left;
	width: 99px;
	padding: 4px;
	border: 1px solid #CFCFCF;
}

form input.submit {
	position: relative;
	float: right;
	/*margin-right: -29px;*/
	margin: 10px -19px 10px 0;
	clear: both;
	*margin-top: -10px;
}

form table {
	position: relative;
}

form table input.text, form input.date {
	padding: 4px;
	font-size: 12px;
	border: 1px solid #CFCFCF;
}

form input.subject {
	width: 98%;
}

form.reaction {
	padding-bottom: 60px;
}

form.reaction textarea {
	position: relative;
	width: 98%;
	height: 120px;
	padding: 4px;
	font-family: verdana;
	font-size: 12px;
	color: #AFAEAE;
	border: 1px solid #CFCFCF;
}

form.reaction input.text {
	color: #AFAEAE;
}

form.reaction span {
	display: block;
	float: left;
	margin: 2px 10px 0 0;
}

form.reaction p {
	padding: 0;
	margin: 0 0 10px 0;
}

/**
 * Profiles
 */
 
ul.menu-profiles {
	position: relative;
	width: 100%;
	height: 38px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: #2a70c5;
}

ul.menu-profiles li {
	position: relative;
	float: left;
	padding: 7px;
}

ul.menu-profiles li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

ul.menu-profiles li span {
	float: left;
	margin: 0;
	padding: 0;
}

ul.menu-profiles li span.left {
	position: relative;
	display: block;
	width: 6px;
	height: 25px;
	background: none;
}
 
ul.menu-profiles li a:hover span.left {
	background: url('../images/bg-navprofile-left.jpg') no-repeat;
}

ul.menu-profiles li a.active span.left {
	background: url('../images/bg-navprofile-left.jpg') no-repeat;
}
 
ul.menu-profiles li a span.middle {
	position: relative;
	display: block;
	padding: 3px 3px 2px 3px;
	background: none
}

ul.menu-profiles li a:hover span.middle {
	background: #014495;
}

ul.menu-profiles li a.active span.middle {
	background: #014495;
}
 
ul.menu-profiles li a span.right{
	position: relative;
	display: block;
	width: 6px;
	height: 25px;
	background: none;
}

ul.menu-profiles li a:hover span.right {
	background: url('../images/bg-navprofile-right.jpg') no-repeat;
}

ul.menu-profiles li a.active span.right {
	background: url('../images/bg-navprofile-right.jpg') no-repeat;
}
 
ul.profiles {
	position: relative;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.profiles li {
	position: relative;
	float: left;
	display: block;
	width: 288px;
	height: 90px;
	margin: 0 0 20px 0;
}

ul.profiles li img { float: left; margin: 0 5px 0 0; border: 2px solid #fff; }
ul.profiles li h1 { width: 150px; float: left; margin: 0; padding: 0; color: #3778c8; font-size: 14px; }
ul.profiles li p { width: 150px; float: left; margin: 0; padding: 0; font-size: 11px; font-weight: bold; color: #343434; }

ul.profiles li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

ul.profiles li a img {

}

img.profile {
	padding: 3px;
	border: 1px solid #d9d9d9;
}

/**
 * Content buttons
 */
 
a.content {
	display: inline-block;
	height: 24px;
	text-decoration: none;
}
 
a.content span.left {
	position: relative;
	display: block;
	width: 9px;
	height: 24px;
	float: left;
	background: url('../images/btn-content-left.jpg') no-repeat;
}

a.content span.center {
	position: relative;
	display: block;
	float: left;
	height: 18px;
	width: 150px;
	padding: 3px;
	font-weight: bold;
	background: url('../images/btn-content-center.jpg') repeat-x;
}

a.content span.center img {
	position: relative;
	float: left;
	margin: 1px 10px 0 0;
}

a.content span.right {
	position: relative;
	display: block;
	width: 9px;
	height: 24px;
	float: left;
	background: url('../images/btn-content-right.jpg') no-repeat;
}

a.content:hover span.left {
	background: url('../images/btn-content-left-hover.jpg') no-repeat;
}

a.content:hover span.center {
	color: #fff;
	background: url('../images/btn-content-center-hover.jpg') repeat-x;
}

a.content:hover span.right {
	background: url('../images/btn-content-right-hover.jpg') no-repeat;
}

ul.contentButtons {
	position: absolute;
	list-style-type: none;
	padding: 0;
	margin: 0;
	bottom: 15px;
	right: 20px;
}

ul.contentButtons li {
	position: relative;
	display: block;
	clear: both;
	margin: 10px 0 0 0;
}

/**
 * Square links
 */
 
ul.links {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0 0;
}

ul.links li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 3px;
}

ul.links li a {{SUBJECT_CONTENT.referer}
	display: block;
	test-decoration: none;
}

ul.links li a img {
	border: none;
	padding: 0;
	margin: 0;
}

/**
 * SITEMAP
 */
div#footer {
	margin: 0 auto;
	display: block;
	width: 960px;
	padding: 30px 0 30px 0;
}
 
div#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	width: 732px;
	float: left;
} 

div#footer ul li ul {
	width: auto;
}

div#footer ul li {
	display: block;
	width: 224px;
	margin: 0 20px 20px 0;
	float: left;
}

div#footer ul li ul li {
	margin: 0;
}

div#footer ul li.first {
	clear: both;
} 

div#footer ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: white;
}

div#footer ul li ul a {
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
}  

div#social {
	float: right;
	font-size: 14px;
	font-weight: bold;
}

div#social img {
	margin: 20px 0 0 0;
}
 
/**
 * Tables
 */
 
table {
	width: 100%;
}
 
table th {
	text-align: left;
}

/**
 * Forum
 */
 
ul.forum {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0 0 15px 0;
	clear: both;
}

ul.forum li {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px solid #eee;
	clear: both;
}

ul.forum li h1 {
	padding: 0;
	margin: 0;
}

ul.forum li p {
	padding: 10px 0 0 0;
	margin: 0;
	color: #343434;
}

ul.forum li a {
	position: relative;
	display: block;
	padding: 15px;
	text-decoration: none;
}

ul.forum li a:hover {
	background: #F7F7F7;
}

ul.forum li span {
	position: relative;
	padding: 0;
	margin: 0;
	font-style: italic;
	color: #666;
	font-size: 10px;
}

ul.messages li {
	padding: 15px;
}

.backlink {
	float: right;
	margin-bottom: 10px;
	
}

h1.forumblue {
	float: left;
	color: #1d68c3 !important;
	clear: both;
}


/**
 * Forgot password message
 */
 
p#msg {
	position: relative;
	display: block;
	padding: 5px;
	margin: 0 0 15px 0;
}
 
p#msg.error {
	background: #FF8484;
}

p#msg.success {
	background: #81FF81;
}

div.newsletterclass {
	width: 310px;
	margin-left:15px;
	margin-top: 0px;
}
*form.newssubmitsmall {
	
	margin-top: -20px;
	height: 295px;
}