/*-----------------------------------------------------------------------------
version:   1.0.1-Beta
author:    daniel vecchiato
email:     info@4webby.com
website:   http://www.4webby.com/
-----------------------------------------------------------------------------*/

/*
	General
*/

html {
	overflow:auto ;
	}
	
.clear {
	clear: both;
}

img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
}

body {
	font: 90%/1 Verdana, sans-serif;
	margin: 0pt auto;
	padding: 0pt;
	background: #9E518A url('../../../images/body_bg.jpg') repeat-x scroll 0% 0%;
	font-size: 12px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height:100%;
	overflow-y:auto
}

/*
	Links
*/

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #f66;
}

a:hover, a:active {
	text-decoration: none;
	color: #f44;
}

/*
	Main Menu
	ImageHeight : 108px
*/


ul#mainMenu {
	width: 1000px;
	height: 116px;
	margin: 0 auto;
	margin-top: 8px;
	list-style-type: none;
	padding: 0;
}

ul#mainMenu li {
	height: 108px;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	padding: 0;
}

ul#mainMenu li a {	
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

ul#mainMenu li.largeCell {
	width: 195px;
}

ul#mainMenu li.smallCell {
	width: 115px;
}

/* 
	Main Content
*/

#wholecontainer {
	width: 100%;
	margin: 0pt auto;
}

#unregisteredWholeContainer {
	width: 1000px;
	text-align: left;
	margin: 0pt auto;
}

#dialogWholeContainer {
	width: 1000px;
	text-align: center;
	margin: 0pt auto;
}

#main {
	width: 1000px;
	margin: 0 auto;
}

#content {
	border: 1px solid blue;
	margin-left: 234px;
	margin-right: 234px;
	min-height: 600px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%
}

#left {
	border: 1px solid red;
	float: left;
	padding-left: 10px;
	width: 220px;
}

#right {
	float: right;
	width: 232px;
	border: 1px solid green;
}

#identity {
	background: url('../../../images/cartouche.gif') no-repeat scroll 0px 0px;
	height: 61px;
	margin: 5px 0px;
	padding-top:6px;
}

#identity p {
	margin: 0;
	padding: 5px 0;
	line-height: 1.5em;
}

#identity p a#addCard {
	font-size: 90%;
	font-weight: normal;
}

#avatar {
	float: right; 
	clear: none;
	margin-right: 15px;
}

div.fullcenter {
	/*
	Bien tenté à part que ça existe pas en CSS :
	vertical-align: center;
	:p
	*/
	text-align: center;
	width: 100%;
	margin: auto auto;
}

/*
	Blocks
*/

div.newsBlockAlt h1, h2, h3, h4, h5, h6 {
	color: #FFF;
	margin-top: 0;
	padding-top: 0;
	font-weight: bold;
	font-size: 12pt;
}

div.newsBlockLite h2, h3, h4
div.newsBlockAlt h3, h4, h5, h6 {
	color: #1F0121;
	font-weight: bold;
	font-size: 11pt;
}

div.newsBlockLite h2,
div.newsBlockAlt h2 {
	padding: 0;
	margin-top: 11px;
}                    

div.newsBlockAlt tbody td.core,
div.newsBlockLite tbody td.core {
	vertical-align: top;
	text-align: left;
	background: white;
}

div.newsBlockLite tbody td.core {
	color: #1F0121;
}

div.newsBlockAlt tbody td.core {
	color: #5A0060;
}

div.newsBlockAlt thead .ltcorner {
	width: 30px;
	background: transparent url('../../../images/newsblock/newsBlockAlt.png') no-repeat scroll top left;
}
div.newsBlockAlt thead .rtcorner {
	width: 30px;
	background: transparent url('../../../images/newsblock/newsBlockAlt.png') no-repeat scroll top right;
}
div.newsBlockAlt thead .ttop {
	height: 60px;
	background: transparent url('../../../images/newsblock/newsBlockAlt_vline.png') repeat-x scroll top left;
}
div.newsBlockAlt tfoot .lbcorner {
	height: 20px;
	background: transparent url('../../../images/newsblock/newsBlockAlt.png') no-repeat scroll bottom left;
}
div.newsBlockAlt tfoot .rbcorner {
	background: transparent url('../../../images/newsblock/newsBlockAlt.png') no-repeat scroll bottom right;
}
div.newsBlockAlt tfoot .tbot {
	background: transparent url('../../../images/newsblock/newsBlockAlt_vline.png') repeat-x scroll bottom left;
}
div.newsBlockAlt tbody .lbar {
	width: 30px;
	background: transparent url('../../../images/newsblock/newsBlockAlt_hline.png') repeat-y scroll bottom left;
}
div.newsBlockAlt tbody .rbar {
	width: 30px;
	background: transparent url('../../../images/newsblock/newsBlockAlt_hline.png') repeat-y scroll bottom right;
}

div.newsBlockLite thead .ltcorner {
	width: 30px;
	background: transparent url('../../../images/newsblock/newsblocklite.gif') no-repeat scroll top left;
}
div.newsBlockLite thead .rtcorner {
	width: 30px;
	background: transparent url('../../../images/newsblock/newsblocklite.gif') no-repeat scroll top right;
}
div.newsBlockLite thead .ttop {
	height: 20px;
	background: transparent url('../../../images/newsblock/newsblocklite_vline.gif') repeat-x scroll top left;
}
div.newsBlockLite tfoot .lbcorner {
	height: 20px;
	background: transparent url('../../../images/newsblock/newsblocklite.gif') no-repeat scroll bottom left;
}
div.newsBlockLite tfoot .rbcorner {
	background: transparent url('../../../images/newsblock/newsblocklite.gif') no-repeat scroll bottom right;
}
div.newsBlockLite tfoot .tbot {
	background: transparent url('../../../images/newsblock/newsblocklite_vline.gif') repeat-x scroll bottom left;
}
div.newsBlockLite tbody .lbar {
	width: 30px;
	background: transparent url('../../../images/newsblock/newsblocklite_hline.gif') repeat-y scroll bottom left;
}
div.newsBlockLite tbody .rbar {
	width: 30px;
	background: transparent url('../../../images/newsblock/newsblocklite_hline.gif') repeat-y scroll bottom right;
}
div.newsBlockLite li {
	margin-bottom: .5em;
}

/*
	NewsBlock & Articles styles
*/

div.newsBlockAlt p,
td#communityNewsBox p {
	padding: .5em 0;
}

div.newsBlockAlt h4,
td#communityNewsBox h4 {
	margin: .75em 0;
}

div.newsBlockAlt div.spacer,
td#communityNewsBox div.spacer {
	width: 80%;
	height: 1px;
	background: black;
	margin: 2em auto;
	padding: 0;
	line-height: 1px;
}  

/*
	TabMenu
*/

div#TabGlobal {
	width: 1000px;
	padding-top: 16px;
	/*padding-bottom: 16px;*/
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
.inactive {
	color: #CCC !important;
}

div#divTabMenu {
	height: 30px;
	margin: 0;
	padding: 0;
}

ul#TabMenu {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	background: transparent;
}

ul#TabMenu li {
	padding: 0;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	background: url('../../../images/pageCompte/onglet_r_unsel.png') 100% 0 no-repeat;
}

ul#TabMenu li.selected {
	background: url('../../../images/pageCompte/onglet_r_sel.png') 100% 0 no-repeat;
	height: 30px;
}

ul#TabMenu li a,
ul#TabMenu li div {	
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
	color: #b05c8f;
	background: url('../../../images/pageCompte/onglet_l_unsel.png') 0 0 no-repeat;
}

ul#TabMenu li.selected a {
	background: url('../../../images/pageCompte/onglet_l_sel.png') 0 0 no-repeat;
	color: #b05c8f;
}

div#globalRankingsPanel{
	margin: 0px auto;
	text-align: center;
	padding-top: 20px;
	padding-left: auto;
}

div.AccountPanel {
	clear: both;
	color: #000;
	margin: 0 auto;
	padding: 0;
	width: 968px;
	background: #FFF;
	text-align: left;
	min-height: 280px;
	height: auto !important;
	height: 280px;
}

div.tabContainerBottom{
margin: 0px 20px; background: transparent url(/images/newsblock/newsblocklite_vline.gif) repeat-x scroll left bottom;
height: 100%;
width: 960px;	
}

div.AccountPanel p {
	padding: 0;
	margin: 0;
	text-align: left;
}

/*
	MonCompte <table>
*/
table.AccountTable label{ 
   width:100%;
}

div.AccountPanel input.button{ 
/*	font-size: 9pt;
	font-weight: normal;
	border: 1px solid #9E518A;
	width: 270px;*/
}

table.AccountTable td.leftColumn {
	width: 280px;
	font-weight: bold;
	color: #5A0060;
}

table.AccountTable td.rightColumn {
	width: 350px;
	text-align: left;
}

table.AccountTable span.friendsName {
	font-weight: bold;
	font-size: 13pt;
}

table.AccountTable span.friendsLastConnection {
	font-style: italic;
	font-size: 10pt;
	line-height: 2em;
}

table.AccountTable img.friendsDelete {
	vertical-align: text-bottom;
	margin-right: 2px;
	border: none;
}

table.AccountTable {
	text-align: justify;
	width: 928px;
	margin: 1em auto;
}

table.AccountTable caption {
	text-align: left;
	width: 95%;
	margin: 1em auto;
	font-size: 10pt;
	font-weight: bold;
}

table.AccountTable td {
	padding: 5px 0;
	text-align: left;
}

table td.iconColumn {
	width: 69px;
	height: 2em;
	padding: 1em;
	vertical-align: top;
	text-align: center;
}

/*
	Footer
*/

#footer {
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 1em;
}

#footer a:link,
#footer a:visited {
	text-decoration: none;
	color: #f66;
	font-size: 9pt;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}

#footer a:hover,
#footer a:active {
	text-decoration: none;
	color: #f44;
}

/*
	Forms
*/

.warning {
	font-weight: bold;
	padding-right: 12px;
	background: url(/images/warning.png) no-repeat right top;
}

#dialogMain .error {
	font-weight: bold;
	color: #FF3300;
	padding: .5em;
	background: transparent;
}

.dialogBottom {
	font-size: 10px ! important;
	margin-top: 5px;
}

* html .error, #TabContent .error {
	font-weight: bold;
	color: #FF3300;
}

* html .error{
	width: 10em;
}

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
}

label {
	float: left;
	width: 100px;
}

#register {
	margin: 0;
}

#register label,
#changePassword label {
	width: 150px;
}

#register .error span {
	margin-left: 150px;
	padding-left: 150px;
}

.note {
	display: block;
	margin-left: 100px;
}

#register.note {
	display: block;
	margin-left: 150px;
}

.button {
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background:#9F518B url("/images/boutonfond.png") repeat-x; 
	border:1px solid white;
	color:white !important;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
	text-align: center;
}

.button a {
	text-align: center;
	text-decoration: none;
	background: url(../images/fade-butt.png);
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
}

.button a:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}

/* 
	FLASH MESSAGE
*/

#flashMessage {
	min-width: 400px;
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    z-index: 3000;
}

.displayBoxBorder {
	width: 100%;
	height: 100%;
}

.displayBox {
	background-color: #671C6B;
	height: 100%;
	padding: 0px 5px;
}

.display{
    background-color: #F8E6F9;
   	color: #671C6B;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
   
}

.jScrollContainer{
	width: 570px;
	overflow-y: auto;	
}

.jqmOverlay {
	background-color: #000;
}

#dialogMain #flashMessage {
	width: 100%;
	color: #ffb7e0;
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

.diag {
	background: #671C6B;
	padding: 10px;
	font-size: 12px;
	border: 2px white solid;
}

#flashMessage table {
	padding: 8px;
	font-weight: 100;
}

#flashMessage table.thead {
	font-weight: 400;
}

/*
	Rounded borders rectangle
*/

.roundedRect {
	position: relative; 
	background: #6B226F; 
}




.roundedRect .top_left, 
.roundedRect .top_right 
 { 
	height: 16px; 
	width: 16px; 
	background-repeat: no-repeat; 
	position: absolute;
}

.roundedRect .top_left { 
	top: 0px; 
	left: 0px; 
	background-image: url("../../../images/bordures/corner_top_left.gif");
}

.roundedRect .top_right { 
	top: 0px; 
	right: 0px; 
	background-image: url("../../../images/bordures/corner_top_right.gif"); 
}

.bottom_left, 
.bottom_right{
	height: 16px; 
	background-repeat: no-repeat; 
}
.bottom_left { 
	background-image: transparent url("../../../images/bordures/corner_bottom_left.gif") no-repeat left bottom;
}

.bottom_right { 
	background-image: transparent url("../../../images/bordures/corner_bottom_right.gif")  no-repeat right bottom;
}

	
/*
	Rounded borders rectangle
	Special "my horses state"
*/

table.horsesInfo {
	float: right;
	width: 120px;
	margin: 0;
	padding: 0;
	border: none;
}

table.horsesInfo td {
	width: 159px;
	height: 30px;
	padding: 0;
	margin: 0;
}

table.horsesInfo td.HI_top_left {
	background: #F8E6F9 url('../../../images/bordures/corner_top_left.png') no-repeat;
	border-right: 5px solid #F8E6F9;
        padding-left : 4px;
}

table.horsesInfo td.HI_top_right {
	background: url('../../../images/bordures/corner_top_right.png') no-repeat;
}

table.horsesInfo td.HI_bottom_left {
	background: #F8E6F9 url('../../../images/bordures/corner_bottom_left.png') no-repeat;
	border-right: 5px solid #F8E6F9;
        padding-left : 4px;
}

table.horsesInfo td.HI_bottom_right {
	background: url('../../../images/bordures/corner_bottom_right.png') no-repeat;
}

/*
	Rounded corner nifty
*/

.rtop, .rbottom {
	display: block;
}

.rtop *, .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden;
}

.r1 {
	margin: 0 5px;
}

.r2 {
	margin: 0 3px;
}

.r3 {
	margin: 0 2px;
}

.r4 {
	margin: 0 1px;
	height: 2px;
}

.rs1 { 
	margin: 0 2px;
}

.rs2 { 
	margin: 0 1px;
}

.roundedRectLight {
	background: #dfcfe0;
}

.roundedRectInner {
	background: #F8E6F9;
}

/*
	Formulaires de saisie de carte
*/

#cnumSubmit{
	font-size: 9pt;
	font-weight: normal;
	border: 1px solid #9E518A;
}

#cnumA,
#cnumB,
#cnumC{
	padding: 1px 2px;
	font-size: 9pt;
	font-weight: normal;
	border: 1px solid #9E518A;
}

div#formSaisieCarte {
	height: 100px;
	background: url("../../../images/pageCompte/barre_cartes.gif") no-repeat scroll 0pt 0pt;
	padding-top: 20px;
	padding-right:70px;
	margin: 0;
}

/*
	CSS Horizontal Bars
	http://spoken.phrasewise.com/articles/2006/08/31/super-simple-css-bars
*/

div.outerBar {
	font-size: 8pt;
	border: 1px solid #ccc; 
	width: 150px; 
	margin: 2px 5px 2px 0; 
	padding: 1px; 
	background: transparent;
	height: 12px;
	overflow: hidden;
}

div.redInnerBar {
	position: relative;
	top: 0em;
	background: #F54611; 
	height: 12px;
	font-size: 8pt;
}

div.greenInnerBar {
	position: relative;
	top: 0em;
	background: #66CC00; 
	height: 12px;
	font-size: 8pt;
}

div.contentBar {
	position: relative;
	top: -1em;
	font-weight: bold;
	color: #4C2A8C;
	height: 10px;
	text-align: center;
}

/*
	Useful little classes
*/

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

.even {
	background: #FFFFFF;
}

.odd {
	background: #FAFAFA;
}

/*
	Community
*/

#communityNewsBox {
	border-left: 3px solid #7F426A;
	border-right: 3px solid #7F426A;
	color: black;
	background: white;
	vertical-align: top;
	overflow: hidden;
}

td.communityContainer {
	border-left: 3px solid #7F426A;
	border-right: 3px solid #7F426A;
	background: white;
	color: #000;
	vertical-align: top;
}

table.communityTable {
	margin: 0 auto;
	width: 100%;
	background: white;
	border-collapse: collapse;
}

table.communityTable tr:hover {
	background: #FFF8C1;
}

table.communityTable th {
	font-weight: normal;
	background: #666666;
	font-size: 110%;
	color: white;
}

table.communityTable td {
	padding: 0.5em 0.25em;
	color: #59055D;
	font-size: 9pt;
	font-weight: bold;
	font-family: Helvetica;
	border: 1px solid #D8D8D8;
}

table.communityTable td.leftAligned,
table.communityTable th.leftAligned {
	text-align: left;
	padding-left: .5em;
}

table.communityTable td.rightAligned, 
table.communityTable th.rightAligned {
	text-align: right;
	padding-right: .5em;
}

table.communityTable th {
	padding: 0.25em;
	font-weight: bold;
	font-size: 9pt;
	font-family: Helvetica;
}

/*
	Trouveur de friends
*/

div#friendMailer {
	text-align: center;
	width: 600px;
	padding: 0;
	margin: 0 auto;
}

div#friendFinder {
	text-align: center;
	width: 400px;
	padding: 0;
	margin: 0 auto;
}

div#friendFinder h3,
div#friendMailer h3 {
	font-weight: bold;
	font-family: verdana;
	font-size: 10pt;
	margin-bottom: 1em;
}

div#friendFinder #friendFinderSubmit,
div#friendMailer #inviteeSubmit {
	background: transparent;
	font-size: 8pt;
	margin: 0;
	width: 4em;
}

div#friendFinder input,
div#friendMailer input,
div#friendMailer textarea {
	margin: .5em;
	padding: .25em;
	border: 1px solid #b05c8f;
}

/*
	Dialogs
	background: transparent url('../../../images/inscription/meologo.gif') repeat-y scroll 100% 100%;
*/

div#dialogMain .dialogbg_0 {
	background:transparent url(../../../images/inscription/dialogB.png) no-repeat scroll 20px top;
	margin:20px auto;
	text-align:center;
	width:100%;
	min-height:670px;
}
div#dialogMain .dialogbg_1 {
	background:transparent url(../../../images/inscription/dialogA.png) no-repeat scroll left top;
	margin: 0 auto;
	text-align:center;
	width:100%;
	min-height:570px;
}

div#dialogMain .docklet{
	background:transparent;
	margin:0px auto;
	padding-top:15px;
	color: black;
	width:100%;
}

.dockletInner {
	background:transparent url(../../../images/inscription/fonddocklet.png) repeat scroll left top;
}

div#dialogMain table thead th.docklet {
	background: white;
	text-align: center;
	font-weight: bold;
	font-size: 14pt;
	color: #9E518A ! important;
	padding-bottom: 5px;
	border: none;
}

div#dialogMain .dialogBottom {
	padding-bottom:5px;
}

div#dialogMain  a{
	color:#743677 !important;
	padding:0px 5px;
	text-decoration:underline ;
	background-color: transparent ;
	border: transparent 0px solid ;
}

div#dialogMain table.docktable {
	padding-top: 140px;
	margin:auto;
}
div#dialogMain td.information{
	color : #b94fc0 !important;
	text-align: left;
    vertical-align: top;
}

div#dialogMain table td.labels {
	text-align: left;
	font-weight: bold;
	font-size: 10pt;
	width: 310px;
    color: black;
    vertical-align: top;
}

div#dialogMain table td.labelsNoSize {
	text-align: left;
	font-weight: bold;
	font-size: 10pt;
}

div#dialogMain table td.inputs {
	text-align: left;
	vertical-align: top;
	width: 220px;
}

div#dialogMain textarea {
	font-size: 9pt;
	font-family: verdana;
	width: 370px;
	height: 170px;
}

div#dialogMain select,
div#dialogMain input {
	font-size: 9pt;
	font-family: verdana;
	background-color: #ff88ff;
	border: 1px solid #772277;
	color: #FFF;
	font-weight: bold;
	vertical-align: top;
	margin: .25em;
}

div#dialogMain input {
	width: 225px;
}

div#dialogMain .checkbox{
	width: 24pt;
}
	
div#dialogMain label {
	float: none;
}

div#dialogMain .submit, 
div#dialogMain .button {
	width: 270px;
	background:#9F518B url("/images/boutonfond.png") repeat-x; 
	border:1px solid white;
	color:white !important;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
	text-align: center;
}

div#dialogMain p {
	margin-top: 1em;
}

#horseAlert ul {
	margin: 0; 
	padding: 0;
	text-align: left;
}

#horseAlert li {
	list-style-type: none;
	margin: .5em 0;
	min-height: 2em;
}

#horseAlert li img {
	float: left;
	clear: left;
	margin-right: 1em;
}

table#addedObjectsTable {
	width: 100%;
	margin: 0;
	padding: 0;
}

table#addedObjectsTable td, th {
	font-size: 10pt;
	border: none;
	padding: .5em;
	border-bottom: 1px solid #4A0A4F;
	text-align: center;
}

div.fixedHeight2em {
	_height: 2em;
	min-height: 2em;
}

div.fixedHeight5em {
	_height: 5em;
	min-height: 5em;
}

div#appletFodder {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.small{
font-size : 8pt !important;
}

.highlighted{
	background-color : #FFCCCC;
}