/* ---------------------------------------------
   ------------ NEW CSS DEFINITIONS ------------
   --------------------------------------------- */

/* The large image at the bottom of the header that says "Put some Vuel in your forum" */
div#slogan {
background: #245B87 url(images/custom/vuel/misc/header.gif) no-repeat top left;
border-top: 1px solid #FFFFFF;
padding: 35px 35px 0px 0px;
height: 65px;
}
div#slogan a {
background: #245B87 url(images/custom/vuel/buttons/sign_up.gif) no-repeat top left;
float: left;
margin-left: 750px;
width: 178px;
height: 41px;
text-indent: -5000px;
}

.floatright {
float: right;
}


div#wrapper {
border-image: url(images/custom/vuel/misc/border_left.gif);
background: #FFFFFF url(images/custom/vuel/misc/border_left.gif) no-repeat top left;
width: 100%;
margin: 0px auto;
}
div#wrapper-inside {
background: url(images/custom/vuel/misc/border_right.gif) no-repeat top right;

}

/*
div#wrapper {
border-left:1px solid #87B1D5;
border-right:1px solid #87B1D5;
}
div#wrapper-inside {
border-left:2px solid #DFEAF4;
border-right:2px solid #DFEAF4;
}

*/


/* ---------------------------------------------
   ------- OVERRIDDEN CSS DEFINITIONS ----------
   --------------------------------------------- */


/* =============== forumbits.css =============== */

.forumbit_nopost .forumbit_nopost .forumrow .forumicon { /* Remove the spacing around the category_old status icon */
	left: 0px;
	top: 0px;
	border: 1px solid #D8D8D8;
}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
	min-height: 0px; /* Override the min-height defined in the original CSS definition */
	height: 71px; /* Set a new, fixed, height for all forum rows */
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
	padding-top: 8px;
}

.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
	height: 35px;
}

.forumbit_nopost .forumhead a.collapse img {
	top: -8px;
	width:25px;
	height:11px;
	background:transparent url(images/custom/vuel/buttons/collapse_40b_collapsed.png) no-repeat;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
	padding: 0px;
}

.forumbit_post .foruminfo {
	width: 55%;
	min-width: 45%;
}

.forumbit_post .foruminfo .forumicon{
	left: 0px;
	border: 1px solid #D8D8D8;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
	width: 75%;
	padding-top: 2px;
	padding-left: 100px;
}

.forumactionlinks .rsslink {
	background-image: none;
}

.forumactionlinks .subslink {
	background-image: none;
}
.forumactionlinks .unsubslink {
	background-image: none;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
	width: 15%;
	min-width: 15%;
}

.forumbit_post .forumstats .rsslink {
	background-image:url(images/custom/vuel/misc/rss_40b.png);
}

.forumbit_post .forumstats .subslink {
	background-image:url(images/custom/vuel/misc/subscribed_40b.png);
}

.forumbit_post .forumstats .unsubslink {
	background-image:url(images/custom/vuel/misc/unsubscribed_40b.png);
}

.forumbit_post .forumlastpost .lastpostdate {
	font-weight: bold; 
	color: #da6200;
	text-align: right;
}



/* =============== forumhome.css =============== */

#sidebar_container .blockbody {
	margin-top: 15px; /* Moves the white inner box containing sidebar data down */
}

div.smallavatartext {
	color: #1D496C;
}

.wgo_block div.floatcontainer {
	border: 1px solid #C4C4C4;
}

.wgo_block h2 {
	height: 35px; /* Make the WGO header bar a bit taller */
	border: none;
}

.wgo_block h2 span {
	padding: 10px; /* Center "What's Going On" in the blue bar */
}


/* New header for each WGO subblock */
.wgo_subblock_header h3 {
	padding-left: 10px;
	font:   bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
	color: #3e3e3e;
	padding-bottom: 5px;
	border: 1px solid #C4C4C4;
}

.wgo_block .wgo_subblock {
	background: #E9E9E9 url(images/custom/vuel/gradients/grey-up.png) repeat-x scroll left top; /* Gradient background behind the WGO subblock rows */
	min-height: 55px; /* Make room for the WGO images to the left of each subblock */
}

.wgo_subblock img {
	left: 8px; /* Move the WGO images to the right a little bit */
	position:absolute;
}

.wgo_subblock div, .wgo_subblock ol {
	margin-left: 55px; /* Bump the WGO data/text to the right to make room for the new/larger images */
}

#wgo_onlineusers_list { 
	margin-left: 0px; /* Keep the list of user's online pushed to the left. Without this, the 55px margin that is above will be applied */
}

#wgo_legend div {
	margin-left: 0px; /* Remove the space to the left of the first icon */
	padding-left: 10px;
	display:inline-block; /* Displays icons in columns */
}

#wgo_legend div img {
	position:static; /* Overwrite position: absolute */
	border: 1px solid #C4C4C4;
}





/* ============== memberlist.css =============== */
/* This is the blue bar at the top of memberlist. We're reusing StyleVars used for blockheads */
#searchstats {
	font:   bold 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
	color: #ffffff; 
	background: #1D496C url(images/custom/vuel/gradients/gradient_forumhead.gif) repeat-x  ;
	_background-image: none;
}



/* =============== postbit.css =============== */
.postbitlegacy, .eventbit {
	margin-bottom: 0px; /* Removed margin-bottom so that there is no gap between posts */
}

/* This is the bar at the top of each post We're reusing StyleVars used for blockheads */
.postbitlegacy .posthead, .eventbit .eventhead {
	height: 30px;
	background: #1D496C url(images/custom/vuel/gradients/gradient_forumhead.gif) repeat-x  ; 
	_background-image: none;
	border-color:#245B87;
	border-style:solid;
	border-width:1px 0;
	line-height:normal;
}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
	padding-bottom: 2px; /* Reduce the space below post controls at bottom right of each post */
}

.postbitlegacy .postrow, .eventbit .eventrow {
	margin-top: 15px; /* Make way for the post controls (postbody_header) row! */
}

.postbitlegacy .userinfo .username_container {
	text-align:center; /* Center align username */
}

/* New definition: Spacing between Username, Title, Rank, Rep, and Avatar in posts */
.postbitlegacy .userinfo .username_container span {
	padding: 2px;  
}

.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
	font-size:14pt; /* Increase the size of the Username in posts */
}

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
	text-align: center; /* Center avatars in posts */
}

/* New definition: Boxes around user stats in posts */
.postbitlegacy dl.userinfo_extra div, .postbitlegacy dl.user_rep div {
	text-align: left;
	background: #fafafa;
	padding: 4px;
	border: 1px solid #d8d8d8;
	margin: 5px 0px 0px 0px;
}

.postbitlegacy dl.userinfo_extra, .postbitlegacy dl.user_rep {
	margin: 0;
	width: 180px; 
}

.postbitlegacy .after_content {
	border-top: 1px solid #E1E1E1;
}

.postbitlegacy .after_content span {
margin: 5px;
}


/* =============== postlist.css =============== */
/* 
-- This is the text for the forum controls at the top of each thread
-- The bar behind the text is controlled in showthread.css
*/
#postlist_popups a, .postlist_popups a {
	color: #FFFFFF;
	font-weight: bold;
	vertical-align:middle;
}



/* =============== search.css =============== */
h2.searchlisthead {
	height: 35px; /* Make the blue bar at the top of search results taller */
}



/* ============= showthread.css ============== */
h2.searchlisthead {
	height: 35px; /* Make the blue bar at the top of search results taller */
}

/* 
-- This is the bar behind the controls/dropdown lists at the top of each thread
-- The color of the text is controlled in postlist.css
*/
.thread_controls {
	height: 30px;
	background: #1D496C url(images/custom/vuel/gradients/gradient_forumhead.gif) repeat-x  ;
	_background-image: none;
	border-color:#245B87;
	border-style:solid;
	border-width:1px 0;
	line-height:normal;
}


.thread_controls div:first-child {
	padding: 8px 0; /* Bump thread controls at the top of a thread down a little bit to compensate for the larger bar */
}




/* =============== usercp.css =============== */
#usercp_nav .blockhead {
        background: #1D496C url(images/custom/vuel/gradients/gradient_forumhead.gif) repeat-x  ;
	_background-image: none;
	height: 30px;
}


/* =============== vbulletin.css =============== */
.blockhead {
	height: 30px;
}

.popupmenu a.popupctrl {
	background-image:url(images/custom/vuel/misc/menu_open.gif);
}



/* =============== vbulletin-chrome.css =============== */
.above_body {
	margin-bottom: 0px; /* Remove the space in between the slogan and the forums */
}

.logo-image {
    height: 47px;
    margin: 0px;
    padding: 11px 0px 0px 40px;
}

.toplinks ul.isuser li.welcomelink {
	color: #16334B; /* Change text color of "Welcome" to blue */
}

.toplinks ul.isuser li a {
	margin-left: 0px;
	background: #16334B;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	height:20px;
	font-size:12px;
	margin-right: 5px;
}

.toplinks ul.isuser li.welcomelink a {
	height:20px;
	font-size:12px;
	margin-right: 5px;
	font-weight: bold;
	padding: 8px;
}

.toplinks ul.isuser li.welcomelink a:hover {
	padding: 8px;
}

.toplinks .nonotifications a.popupctrl {
    background: #16334B url(images/custom/vuel/misc/arrow.png) no-repeat right center;
    _background-image:url('images/custom/vuel/misc/arrow.gif'); /* Give the "Notifications" link a dark background */
}

.footer {
	border-bottom: 1px solid #d8d8d8;
}

.footer_copyright {
	text-align:left;
	margin-left: 20px;
	margin-top: 0px;
}

.footer_copyright div {
	float:right;
	text-align:right;
	margin-left: 20px;
	display:inline;	
}

.footer_copyright div a {
	color:#da6200;
}

/* START Postbit_legacy ElementII version:1.1 by Ombre */ 

/* Partie droite du postbit_legacy (ombrage non fonctionnelle sous safari - avoir) */ 
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
	margin-left:270px;
	-moz-box-shadow: 2px 2px 5px #c8c8c8 inset;
	-webkit-box-shadow: 2px 2px 5px #c8c8c8 inset;
	box-shadow: 2px 2px 5px #c8c8c8 inset;
}

/* Cadre principale qui contient tout les elements */ 
.postbitlegacy .userinfo { 
	background: rgb(255, 255, 255) none   ;
	border: 1px solid #CEDFEB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: -2px 2px 2px #c8c8c8;
	-webkit-box-shadow: -2px 2px 2px #c8c8c8;
	box-shadow: -2px 2px 2px #c8c8c8;
	margin: 10px 10px 10px 10px;
	width: 230px;
}

/* Zone du pseudonyme */ 
.postbitlegacy .username_container {
	text-shadow: #819EB2 -2px 2px 2px;
}

/* Retrait des ombres dans la popup options du profile membre */ 
.memberaction_body.popupbody {
text-shadow: none;
}

/* Titre d'utilisateur en gras */ 
.postbitlegacy .usertitle {
	font-weight: bold;
	margin-bottom: 10px;
}

/* Centrage pseudo et titre d'utilisateur */ 
.postbitlegacy .username_container, .usertitle {
	text-align:center;
	float:none;
}

/* zone du rang et des réputations */ 
.postbitlegacy .postbit_reputation, .postbitlegacy .rank img {
	text-align: center;
	background: #E8E8E8 url(images/custom/vuel/gradients/gradient_postbit.gif) repeat-x  ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: -2px 2px 2px #c8c8c8;
	-webkit-box-shadow: -2px 2px 2px #c8c8c8;
	box-shadow: -2px 2px 2px #c8c8c8;
	border: 1px solid #CEDFEB;
	padding: 2px 2px 2px 2px;
	padding: 5px 5px 5px 5px;
	width: auto;
	margin: 0px 10px 10px 10px;
}

/* Centrage du rang */ 
.postbitlegacy .rank {
	text-align: center;
}

/* Centrage de l'avatar */ 
.postbitlegacy .postuseravatar {
	border: 1px solid #CEDFEB;
	padding: 10px 10px 10px 10px;
	margin:auto;
	text-align: center;
}

/* Taille de l'avatar */ 
.postbitlegacy .userinfo .postuseravatar img, .eventbit userinfo .eventuseravatar img {
	width: 100px;
	height: 100px;
}

/* Contour de l'avatar */ 
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
	float:none;
	width:100px;
	text-align: center;
	margin: 0px auto 10px auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	background: #E8E8E8 url(images/custom/vuel/gradients/gradient_postbit.gif) repeat-x  ;
	-moz-box-shadow: -2px 2px 2px #c8c8c8;
	-webkit-box-shadow: -2px 2px 2px #c8c8c8;
	box-shadow: -2px 2px 2px #c8c8c8;
}

/* Contour de la zone des infos du membre */ 
.postbitlegacy .userinfo .userinfo_extra  {
	float:none;
	background: #E8E8E8 url(images/custom/vuel/gradients/gradient_postbit.gif) repeat-x  ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: -2px 2px 2px #c8c8c8;
	-webkit-box-shadow: -2px 2px 2px #c8c8c8;
	box-shadow: -2px 2px 2px #c8c8c8;
	border: 1px solid #CEDFEB;
	padding: 5px 5px 5px 5px;
	width: auto;
	margin: 0px 10px 10px 10px;
}

/* Infos des fields et zone complète des fields*/ 
.postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.userinfo_extra dd a, .postbitlegacy dl.user_rep dd  {
	background: #E8E8E8 url(images/custom/vuel/gradients/gradient_postbit.gif) repeat-x  ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	font-style: italic;
}

/* Titrages des fields */ 
.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
	font-weight: bold;
}

/* Centrage des icones de communications (msn, icq, etc...) */ 
.postbitlegacy .imlinks {
	text-align: center;
}

/* Icones de communication encadrés avec effets d'ombres */ 
.postbitlegacy .imlinks img {
	background: #E8E8E8 url(images/custom/vuel/gradients/gradient_postbit.gif) repeat-x  ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: -2px 2px 2px #c8c8c8;
	-webkit-box-shadow: -2px 2px 2px #c8c8c8;
	box-shadow: -2px 2px 2px #c8c8c8;
	border: 1px solid #CEDFEB;
	padding: 2px 2px 2px 2px;
}

/* END Postbit_legacy ElementII version:1.1 by Ombre */ 

/* Correctif pour les style antérieur à vb4.0.2 */ 
.usertitle, .postbit_reputation {
display:block;
} 


.vistable {
	font-weight: bold;
	text-align: center;
}

.vistable td {
	padding:4px;
	vertical-align:top;
	border-left:1px solid #cedfeb;
	border-right:1px solid #cedfeb;
	border-bottom:1px solid #cedfeb;
}

.vistable .alt1 {
	background-color:rgb(255, 255, 255);
}

.vistable .alt2 {
	background-color:rgb(240,242,250);
}

.vistable .left {
	text-align: left;
}

.vistable .normal {
	font-weight: normal;
}