/* CSS Document : created by PM CM001*/
/*copy and adapt (colors and widths) this css file for every design*/

/*general template settings*/
/***************************/


.default_button{
	border:1px solid #d9d9d9;
	color:#666666;
	font-size:13px;
	background-image:url(../images/btn_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	cursor:pointer;
}
.default_button:hover{
	color:#333333;
	border-color:#999999;
}
.default_button:focus{
	border:1px solid #d9d9d9;
	color:#666666;
}
.default_button:active{
	border:1px solid #d9d9d9;
	color:#666666;
}



.hidden{
	display:none;
}
.template_button{
	display:block
}
.page_template_selected{
	float:left;
    background-color:#FFFFCC;
	width:100%;
}
.page_template_header_cont{
	text-align:right;	
	height:25px;
}
.template_header{
	float:left;
	width:100%;	
	display:block;
	background-color:#F0F0F0; 
}
.pagesubtemplate{
	float:left;
	width:100%;
}
.template_header_lbl{
	text-decoration:underline;	
	color:#EEEEEE;
	margin-top:5px;
	margin-bottom:5px;	
	padding-top:3px;
	padding-bottom:3px;
}
.template_lbl{
	text-decoration:underline;	
	color:#000000;
	margin-top:5px;
	margin-bottom:5px;	
	background-color:#EEEEEE;
	padding:3px;	
}
/*template seperator */
.template_seperator{
	width:100%;
	float:left;
	border-style: solid;
	border-width:thin;	
	border-top-width: 0px; 	
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-bottom-color:#CCCCCC;
	border-left-width: 0px;
	margin-bottom:10px;
	margin-top:10px;
}

/*general page components*/
.mediatable{
	border:0px;
}
.mediapanel{
	float:left;
	width:100%;
}
.medialeft{
	float:left;
}
.mediaright{
	float:left;
	margin-left:5px;	
}
.centerpicture{
	text-align:center;
}
.mediapicture{
	margin-bottom:15px;
}
.mediatd{
	vertical-align:top;
	text-align:left;
	padding-top:0px;
}
.mediasource{	
	font-size:smaller;
	text-align:right;
}
.mediasource_1{
	color:red;
}
.mediasource_2{
	padding:2px;
}
.mediasource_left{	
	font-size:smaller;
	text-align:left;
}
.image_float_left{
	float:left;
	margin-right:10px;
	margin-left:5px;	
}
.image_float_right{
	float:right;
	margin-right:5px;
	margin-left:10px;
}
.text_float_left{
	margin-left:5px;
}
.text_float_right{
	margin-right:5px;
}
.filledText{
	float:left;	
	background-color:rgb(236,237,240);
}

/*special page component templates*/
/**********************************/
.pagecatsum {
	float:left;
	width:100%;
	border:1px solid red;
	padding-left:5px;
 	margin-top:5px;
}
.pagenav {
	float:left;
	width:876px;
		
}


.pagenav a{
	
}
a.firstnavlink{
	font-weight:bold;
}
.pagelinks{
	padding-left:11px;
	padding-right:5px;	
}
.pagelinks2{
	padding-left:7px;
	padding-right:5px;	
}
.paddingtop{
	margin-top:10px;
}
.page_item_css{	
	border-style: solid;
	border-width:thin;	
	border-top-width: 0px; 
	border-top-color:#CCCCCC;
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	border-bottom-color:#CCCCCC;		
	padding-top:5px;
	padding-bottom:5px;
	
}
/*classes to display the news lists/downloads lists: adapt the widths for every design!*/
.page_item_left{
	width:112px; /*fixed width for picture*/
	float:left;	
	text-align:left;
	padding-left:5px;
	padding-right:10px;
	overflow: hidden;
}
* html .page_item_left{
	width:127px;
	w\idth:112px;
}

.page_item_right{	
	float:left;
	padding-right:10px;
	text-align:left;
	overflow: hidden;
}
.mainL01 .page_item_right{	
	width:759px;	/*width=mainL01.width-page_item_left.width-page_item_left.padding-page_item_right.padding */
}
* html .mainL01 .page_item_right{
	width:769px;
	w\idth:759px;
}
.mainL04 .page_item_right{ 	
	width:784px;	/*width=mainL04.width-page_item_left.width-page_item_left.padding-page_item_right.padding */
}
* html .mainL04 .page_item_right{
	width:794px;
	w\idth:784px;
}
.mainL02 .page_item_right{
	width:452px;	/*width=mainL02.width-page_item_left.width-page_item_left.padding-page_item_right.padding */
}
* html .mainL02 .page_item_right{
	width:462px;
	w\idth:452px;
}

.page_item_left_nopic{
	float:left;	
	padding-left:5px;
	padding-right:10px;
	text-align:left;	
}
.mainL01 .page_item_left_nopic{
	width:881px;	/*width=mainL01.width-page_item_left_nopic*/
}
* html .mainL01 .page_item_left_nopic{
	width:896px;
	w\idth:881px;
}
.mainL04 .page_item_left_nopic{
	width:906px;	/*width=mainL04.width-page_item_left_nopic*/
}
* html .mainL04 .page_item_left_nopic{
	width:921px;
	w\idth:906px;
}
.mainL02 .page_item_left_nopic{
	width:574px;	/*width=mainL02.width-page_item_left_nopic*/
}
* html .mainL02 .page_item_left_nopic{
	width:589px;
	w\idth:574px;
}
.simple_page_link{
	text-align:left;
	padding-left:5px;
	margin-top:5px;
}
/*small page item*/
.page_item_left_small{
	width:90px;
	float:left;	
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}
* html .page_item_left_small{
	width:100px;
	w\idth:90px;
}

.page_item_right_small{	
	float:left;
	text-align:left;
	padding-left:10px;
	padding-right:5px;
}
.mainL01 .page_item_right_small{	
	width:781px; /*width=mainL01.width-page_item_left_small.width-page_item_left_small.padding-page_item_right_small.padding*/	
}
* html .mainL01 .page_item_right_small{
	width:796px;
	w\idth:781px;
}
.mainL04 .page_item_right_small{	
	width:806px; /*width=mainL04.width-page_item_left_small.width-page_item_left_small.padding-page_item_right_small.padding*/	
}
* html .mainL04 .page_item_right_small{
	width:821px;
	w\idth:806px;
}
.mainL02 .page_item_right_small{	
	width:474px; /*width=mainL02.width-page_item_left_small.width-page_item_left_small.padding-page_item_right_small.padding*/	
}
* html .mainL02 .page_item_right_small{
	width:489px;
	w\idth:474px;
}
.mainL03 .page_item_right_small{
	padding-left:0px;	
	width:196px; /*width=mainL03.width-page_item_left_small.width-page_item_left_small.padding-page_item_right_small.padding*/	
}
* html .mainL03 .page_item_right_small{
	width:201px;
	w\idth:196px;
}
.mainL03 .content_body .page_item_right_small{	
	width:161px; /*width=mainL03.width-page_item_left_small.width-page_item_left_small.padding-page_item_right_small.padding*/	
}
* html .mainL03 .content_body page_item_right_small{
	width:186px;
	w\idth:196px;
}
/*login bar*/
.ct_loginbar{
	float:left;
	width:100%;
	color:#888888;
	font-size:10px;
	padding-bottom:5px;	
}
.ct_loginbar a{
	font-size:10px;
}
/*picture items*/
.picture_item_css{
	float:left;
	width:20%;
	padding:2%;	
	text-align:left;
	height:120px;
}
.lightboxpicture_item_css{
	float:left;
	width:20%;
	padding:2%;	
	text-align:left;
	height:120px;
	margin-bottom:6px;
}
.lightboxpicture_item_css p.imageholder{

}
.lightboxpicture_item_css img{
	border:1px solid #EEEEEE;
	padding:1px;
	background-color:#FFFFFF;
}
.lightboxpicture_item_css p.textholder{
	line-height:15px;
	font-weight:bold;
}
.picture_item_small_css{
	float:left;
	width:140px;
	margin:2px;
	text-align:left;
	height:150px;
}
.picture_item_vertical_css{
	float:left;
	width:100%;		
	text-align:left;	
	padding-top:5px;
	padding-bottom:5px;
}
.picture_item_vertical_nopic_css{
	width:100%;
	float:left;	
}

/*general transaction settings*/
/******************************/
/*download nav*/
.downlnav{
	float:left;
	width:100%;
	margin-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}
.downlnav_left{
	float:left;
	width:45%;
	padding-left:10px;
	text-align:left;	
}
.downlnav_right{
	float:right;
	width:45%;
	padding-right:10px;	
	text-align:right;
}
.pictureconsult_left{
	float:left;
	width:65%;
	padding-left:10px;		
}
.pictureconsult_right{
	float:right;
	width:30%;	
	padding-right:7px;
	text-align:right;			
}
/*css for selecting a picture in the downloadsummarycreator*/
.downl_picture_select{
	float:left;
	width:75px;	
	text-align:left;
	height:100px;
}
.downl_picture_pic{
	float:left;
	width:100%;
	height:70px;	
}
.downl_picture_radio{
	float:left;
	width:100%;
	height:5px;
}
.long_desc_textarea{
	width:400px;
	height:50px;
}
textarea.error{
	color:#000000;
	border-width:medium;
	border-color:#FF0000;
}
#download_left{
	width:300px;
	float:left;
	margin:5px;	
}
#download_right{
	margin:5px;
	border-style: solid;
	border-width:thin;
	border-top-width: 0px; 	
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 1px;
	border-left-color:#CCCCCC;
	width:300px;
	float:right;
	padding-left:10px;
    padding-bottom: 350px;	
}

a.download_btn{
	background-repeat:no-repeat;
	background-image:url(../../images/MainSite/Default/download_btn.png);
	width:90px;
	height:20px;
	display:block;	
}

.page_desc_textarea{
	width:350px;
	height:50px;
	max-width:350px;
	max-height:50px;
	min-width:350px;
	min-height:50px;
}
.text_btn{
	color:#6d630e;
	font-family:Verdana;
	font-size:12px;	
	text-decoration:underline;
	outline:none;
	background:none;
	margin: 0px;	
	padding:0px;
	border-width:0; 
	border:0px;
	cursor:pointer;
	text-align:left;
	width:auto;
    overflow:visible;
	display:inline-block;
}
.page_buttons{
	margin:auto;
	color:red;
}
.login_text_btn{
	font-size:10px;
}
.modified_trans_btn{
	color:#FF0000;
}
.padded_text_btn{
	padding-left:3px;
	padding-right:3px;	
}
.padded_text_large_btn{
	padding-left:3px;
	padding-right:3px;
	margin-left:10px;	
}
.text_btn:hover{
	color:#6d630e;
	outline:none;		
}
.text_disabled_btn{
	text-decoration:none;
	color:#666666;
}
.text_disabled_btn:hover{
	text-decoration:none;
	color:#666666;

}
.page_item_desc{
	font-size:x-small;
	color:#666666;
	padding:2px;
}
.page_mod_desc{
	font-size:small;
	padding:2px;
	color:red;
}
.page_modified{
	color:red;
}

.downloads_sum{
	text-align:center;
}
/*tooltip code*/
table.infotable{
	border:none;
}
td.infocell{
	margin:0px;
	padding:0px;	
}
td.infocell_2{
	margin:0px;
	padding-left:5px;
	vertical-align:middle;
}

.info_image {
	position:relative;
	height:13px; /*dimensions of our image*/
	width:13px;
	background:url(../../images/info.png) top left no-repeat;	
}

.toolTip {
	position:absolute;
	left:20px; /*Moves it to the right beside the question mark*/
	top:0;
	display:none;
	/*The attributes below make it look pretty*/
	width:220px;
	padding:5px;
	border:2px solid #666666;
	background-color:#eeeeee;
	color:#000000;
	font-size:10px;
	z-index:1000;
}
p.page_readmore{
	text-align:right;
	padding-right:10px;
}
a.page_readmore{
	color:#663333;
}
.album_lbl{
	font-weight:bold;	
}
.picture_title{
	font-weight:bold;	
}

/**/

/*********************/
/*project specific*/
/* projects page markup */
/* important messages */

#important_messages{
	position:relative;
	width:650px;
	margin:auto;
	overflow:hidden;
}

#imp_messages_head{

	text-align:center;

	color:#ad2525;

	margin-bottom:10px;

	font-size:15px;

	font-weight:bold;

}
/* carousel css */
#important_messages_carousel {
	position:relative; /* important */
	overflow:hidden; /* important */
	width:586px; /* important */
	height:52px; /* important */
	float:left;
}


#important_messages_content {
	position:absolute;
	top:0;
	margin:0px;
	padding:0px;

}
#important_messages_content p{
	margin:0;
	padding:0;
}
#important_messages_content li {
	list-style:none;
	margin:0;
	padding:0;

}


#important_messages_content {
	width:13418px;
}

#important_messages_carousel ul li {
	display:block;
	width:546px;
	height:42px;
	float:left;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	line-height:21px;
	background-image:url(../images/imp_messages_bg.png);
}	

* html #important_messages_carousel ul li{
	width:566px;
	height:52px;
	display:inline;
	w\idth:546px;
	he\ight:42px;
}

#important_messages_carousel .imp_msg_hidden{
	visibility:hidden;
}


#imp_message_left{
	float:left;
	width:32px;
	height:52px;
	background-image:url(../images/imp_messages_left.png);
}

#imp_message_right{
	float:left;
	width:32px;
	height:52px;
	background-image:url(../images/imp_messages_right.png);
}
#imp_message_left_hidden{
	float:left;
	width:32px;
	height:52px;
	background-image:none;

}
#imp_message_right_hidden{
	float:left;
	width:32px;
	height:52px;
	background-image:none;
}

/* end carousel css */
/* sponsors */
.sponsor_banner{
	margin-left:10px;
	margin-right:10px;
}
.sponsor_div{

}
.mainL03 .newphotos{
	width:220px;
	padding-left:30px;
}
.mainL03 .newphotos img{
	margin-left:20px;
	margin-bottom:16px;	
}
/*PM CM007: start add */
.page_reaction{
	width:100%;
	float:left;
	
}
.colored{
	float:left;
	width:100%;
	background-color:#FFFFFF;
}
.reaction_error{
	border:2px solid red;
}
.page_reaction .avatar{
	float:left;
	width:60px;
	padding: 5px;
}

.page_reaction .text{
	float:left;
	width:88%;
	padding-bottom:5px;
}
.page_reaction .avatar_small{
	float:left;
	width:15%;
	padding: 5px;
}

.page_reaction .text_small{
	float:left;
	width:80%;
}


.page_reactions_area .page_reaction{
	padding-top:5px;
	padding-bottom:5px;
}
.page_reactions_area .page_reaction	.details{
	border-bottom:1px solid #EEEEEE;
	margin-bottom:10px;
}
.page_reactions_area .page_reaction	.details .username{
	color:#333333;
	font-size:14px;
}
.page_reactions_area .page_reaction	.details .label{
	color:#666666;
	font-size:12px;
}
.page_reactions_area .page_reaction	.details .date{
	color:#666666;
	font-size:13px;
}
.page_reactions_area .page_reaction	.details .time{
	color:#999999;
	font-size:10px;
}
.page_reactions_area .page_reaction .text{
}
.page_reactions_area .uncolored .page_reaction{
	background-image:url(../images/champwell/grey_item_bg.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#fbfbfb;
}
.page_reactions_area .colored .page_reaction{
	background-image:none;
	background-color:#FFFFFF;	
	border-bottom:1px solid #EEEEEE;
	border-top:1px solid #E0E0E0;
}



/*forum css*/
.forum_head{
	margin-bottom:0px;
	color:#000000;
	font-size:larger;
	font-weight:bold;
	float:left;
	width:692px;
}

.forum_summary{
}
.forum_summary h1{
	font-size:18px;
	margin-right:10px;
	margin-bottom:2px;
	margin-top:5px;
	margin-left:5px;
}
.forum_summary h2{
	font-size:12px;
	color:#AAAAAA;
	margin-top:2px;
	margin-bottom:5px;
	margin-left:5px;
}
.forum_summary p{
	margin-left:5px;
}

#content .lastreply_link{
	font-size:10px;
	color:#999999;
}
#content .forum_item_title{
	font-size:13px;
}

table.forum_table{	
	cursor:default;
	margin-left:1px;
	width:691px;
	overflow:hidden;
	table-layout:fixed;
	margin-top:5px;
	margin-bottom:10px;
	border-bottom:1px solid #FFFFFF;
}
table.forum_table.forumposts{
	
}
table.forum_table .post_header{
	border-bottom:#EEEEEE 1px solid;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}
table.forum_table .post_content{
	margin-top:5px;
	margin-bottom:20px;
	float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}
table.forum_table .post_header .date{
	background: url(../images/champwell/forum_post_icon_clock.png) no-repeat;
	display: inline-block;
	float: left;
	line-height: 16px;
	font-size:10px;
	padding: 0px 10px 0px 20px;
	color:#999999;
}
table.forum_table .post_header .quote{
	background: url(../images/champwell/forum_post_icon_quote.png) no-repeat;
	display: inline-block;
	float: right;
	height: 16px;
	line-height: 16px;
	padding: 0px 18px;
	padding-left: 20px;
}
#content table.forum_table .post_header .quote a{
	line-height:16px;
	color:#666666;
	font-size:12px;
}
table.forum_table th{
	color:#333333;
	font-weight:bold;
	background-color:#DADADA;
	background-image:none;
	padding:5px;
}

table.forum_table td{
	vertical-align:top;
	padding:5px;
}

table.forum_table tr{
	background-image:url(../images/champwell/grey_item_bg.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left:1px;
}
table.forum_table tr.forumpost_colored{
	/*background-image:url(../images/champwell/gold_item_bg.png);
	background-color:#fffce7;*/
	background-image:none;
	background-color:#FFFFFF;	
}
table.forum_table tr.forumpost_colored td{
	border-bottom:1px solid #EEEEEE;
	border-top:1px solid #E0E0E0;
}

table.forum_table tr:hover{
	
}
#forum_preview{
  margin-bottom:15px;
}
#forum_preview h1{
	margin-left:5px;
}
#forum_preview h6{
	margin-left:5px;
	margin-bottom:5px;
}
.modify_profile_left{
	float:left;
	margin-right:10px;
	margin-left:5px;
	width:10%;
}
.modify_profile_right{
	float:right;
	margin-right:5px;
	margin-left:10px;
	width:85%;
	
}
.forum_post_username{
	color:#999999;
	font-size:10px;
}


/*PM CM007: stop add*/
/*ac lierse start add*/
.welcome_screen{
	float:left;
	width:885px;
	height:15px;
	text-align:right;
	padding:5px;
	
}
/*ac lierse stop add*/
/*PM CM007: start add*/
#psContainer {
	height:18px;
	width:100px;
	border:1px solid #000;
	float:left;	
	margin-left:5px;
	background-color:#DDDDDD;
}
			
#psStrength {
	background-image:url('/images/strength.jpg');
	height:18px;
	width:0px;
}
/*PM CM007: stop add*/