/*
 *  Copyright (C) 2008 SpinkBB
 *  Entire code by Julien VAUBOURG
 *  julien__AT__vaubourg__DOT__com
 *
 *  Author  : http://julien.vaubourg.com
 *  SpinkBB : http://spinkbb.jsand.net
 *  Forums  : http://CtrlAltSuppr.com
 *
 */

TABLE#spinkbb {
	font-size: 11px;
	background-color: #A4BCE0;
	position: absolute;
	z-index: 100;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: sans-serif;
	color: #404956;
	border: 1px solid #404956;
	border-collapse: collapse;
	overflow: visible;
}

	TABLE#spinkbb INPUT, TABLE#spinkbb SELECT { border: 1px solid #000 }
	TABLE#spinkbb TR#spkBrowser { background-color: #404956 }
	
		TABLE#spinkbb TR#spkBrowser DIV {
			float: none;
			margin: 0 auto;
			height: 20px;
		}

	TABLE#spinkbb INPUT, TABLE#spinkbb SELECT, TABLE#spinkbb DIV {
		display: block;
		float: left;
	}
	
		TABLE#spinkbb TR#spkBrowser TD#spkClose {
			width: 17px;
			text-align: right;
			padding-right: 5px;
		}
		
			TABLE#spinkbb TR#spkBrowser TD#spkClose A {
				display: inline;
				background-color: transparent;
				padding: 0;

				filter: alpha(opacity=40);
				-moz-opacity: 0.4;
				opacity: 0.4;
				-khtml-opacity: 0.4;
			}
			
				TABLE#spinkbb TR#spkBrowser TD#spkClose A IMG { border: 0 }

			TABLE#spinkbb TR#spkBrowser TD#spkClose A:HOVER {
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				opacity: 1;
				-khtml-opacity: 1;
			}			

		TABLE#spinkbb TR#spkBrowser TD#spkMove {
			text-align: left;
			background: #404956 url(img/spkMove.png) repeat-x 45px 50%;
		}

			TABLE#spinkbb TR#spkBrowser TD#spkMove DIV {
				width: 7px;
				height: 25px;
				margin-left: -2px;
				background-color: #404956;
			}
	
	TABLE#spinkbb TR.spkEditLink { background-color: #000 }
	
		TABLE#spinkbb TR.spkEditLink A {
			background-color: transparent;
			text-decoration: underline;
			color: #FFF;
		}
		
		TABLE#spinkbb TR.spkEditLink A:HOVER { background-color: #161A1E }
		TABLE#spinkbb TR.spkOption { background-color: #96A3B5 }
		
			TABLE#spinkbb TR.spkOption A {
				display: inline;
				font-size: 10px;
				color: white;
				padding: 0;
			}
			
			TABLE#spinkbb TR.spkOption A:HOVER {
				background-color: transparent;
			}
		
	TABLE#spinkbb TR.spkPropriete { background-color: #A4B7DB }
	
	TABLE#spinkbb TH {
		text-align: right;
		background-color: #6E82A3;
		color: #FFF;
		font-weight: bold;
		padding: 0 5px;
	}
	
	TABLE#spinkbb TD.largeur { text-align: center }
	TABLE#spinkbb TD INPUT, TABLE#spinkbb TD SELECT, TABLE#spinkbb TD DIV { margin: 0 3px }
	TABLE#spinkbb TD INPUT.spkNombre { margin-right: 0 }
	TABLE#spinkbb TD SELECT.spkUnite { margin-left: 2px }
	
	TABLE#spinkbb INPUT.spkColorPreview {
		height: 15px;
		width: 15px;
		border: 1px solid #000;
		cursor: default;
		margin-left: 0;
	}

	TABLE#spinkbb A {
		display: block;
		font-size: 13px;
		text-align: center;
		padding: 2px 5px;
		text-decoration: none;
		color: #000;
	}

	TABLE#spinkbb A#spkSuivre {
		font-size: 15px;
		font-weight: bold;
		text-decoration: underline;
	}

	TABLE#spinkbb A:HOVER, TABLE#spinkbb A#spkSuivre:HOVER {
		background-color: #97A8C9;
		text-decoration: none;
	}
	
	TABLE#spinkbb OPTION.spkIndefini { background-color: #CCC }
	TABLE#spinkbb TR#spkFirst TD, TABLE#spinkbb TR#spkFirst TH { padding-top: 4px }
	TABLE#spinkbb TR#spkLast TD, TABLE#spinkbb TR#spkLast TH { padding-bottom: 4px }

	TABLE#spinkbb DIV { position: relative }

		TABLE#spinkbb DIV.spkSelect UL {
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: absolute;
			background-color: #FFF;
			border: 1px solid #000;
			color: #000;
			cursor: default;
		}

			TABLE#spinkbb DIV.spkSelect LI.spkFirstOption, TABLE#spinkbb DIV.spkSelect A { padding: 2px 4px }
			TABLE#spinkbb TH DIV.spkSelect { float: right }
			
			TABLE#spinkbb TH DIV.spkSelect A {
				font-weight: normal;
				text-align: right;
			}

			TABLE#spinkbb DIV.spkSelect LI {
				margin: 0;
				padding: 0;
			}
			
			TABLE#spinkbb INPUT.spkCheckbox {
				border: 0;
				display: inline;
				float: none;
			}

	TABLE#spinkbb DIV#spkNodeBrowserList, TABLE#spinkbb DIV#spkNodeBrowserList A { text-align: left }
	TABLE#spinkbb DIV.spkSelect SPAN { display: block }

	TABLE#spinkbb A.spkCheckPerso, TABLE#spinkbb DIV.spkSelect A.spkCheckPerso {
		height: 13px;
		width: 13px;
		background-color: #6E82A3;
		color: white;
		padding: 0;
		float: left;
		font-size: 3px;
	}
	
	TABLE#spinkbb DIV.spkSelect A.spkCheckPerso {
		margin: -16px 2px 2px;
		float: none;
	}
	
	TABLE#spinkbb DIV#spkNodeBrowserList LI.spkFirstOption A.spkCheckPerso {
		height: 11px;
		width: 11px;
		margin-top: -12px;
	}

	TABLE#spinkbb A.spkCheckPersoHover, TABLE#spinkbb DIV.spkSelect A.spkCheckPersoHover { background-color: #A4BCE0 }
	TABLE#spinkbb A.spkChecked, TABLE#spinkbb DIV.spkSelect A.spkChecked { background-color: #E99D0C }
	TABLE#spinkbb A.spkCheckPersoDisabled, TABLE#spinkbb DIV.spkSelect A.spkCheckPersoDisabled { background-color: #EEE }
	TABLE#spinkbb DIV#spkNodeBrowserList A.spkLienCheck { padding-left: 18px }
	TABLE#spinkbb DIV#spkNodeBrowserList LI.spkFirstOption SPAN.spkLienCheck { padding-left: 16px }
	
DIV#spkColorPicker {
	width: 425px;
	background-color: #A4B7DB;
	border: 1px solid #404956;
	font-family: sans-serif;
	font-size: 11px;
	color: #404956;
	font-weight: bold;
	position: absolute;
	z-index: 101;
}

	DIV#spkColorPicker FORM {
		margin: 0;
		padding: 0;
	}

	DIV#spkColorPicker TR#spkTopLine TD { padding-top: 10px }

	DIV#spkColorPicker INPUT {
		text-align: center;
		border: 1px solid #404956;
	}

	DIV#spkColorPicker LABEL { background-color: #FFF }	
	DIV#spkColorPicker INPUT.spkCheckbox { border: 0 }
	DIV#spkColorPicker TD.spkColorPickerCentre { text-align: center }

		DIV#spkColorPicker TD#spkColorPickerOk INPUT {
			font-weight: bold;
			display: block;
			width: 100%;
		}

	DIV#spkColorPicker TD#spk_TDPreview { text-align: center }

		DIV#spkColorPicker TD#spk_TDPreview DIV {
			background-color: #FFF;
			width: 90px;
			height: 20px;
			border: solid 1px #000;
			margin: 0 auto;
			padding: 0;
		}

DIV#spkPatientez {
	font-family: sans-serif;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #C44;
	border: 0 solid #FFF;
	border-width: 0 2px 2px 0;
	color: #FFF;
	padding: 2px 5px;
	z-index: 200;
	display: none;
}

DIV#spkPrechargement { display: none }

DIV#spkPanel {
	position: fixed;
	z-index: 103;
	top: 0;
	left: 0;
	width: 100%;
	background: white url(img/spinkbb.png) no-repeat 40px -20px;
	border-bottom: 3px solid #404956;
	text-align: right;
	font-family: sans-serif;
}

DIV.spkPanelOpacity {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	-khtml-opacity: 0.9;
}

DIV.spkPanelOpacityFull {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
}

	DIV#spkPanel INPUT, DIV#spkPanel SELECT, DIV#spkPanel TEXTAREA {
		border: 1px solid #404956;
		margin: 5px 10px 2px 0;
		background: #EEE;
	}
	
	DIV#spkPanel DIV {
		text-align: left;
		padding: 15px 0 10px 10px;
		font-size: 13px;
		font-weight: bold;
	}
	
		DIV#spkPanel DIV STRONG {
			color: #D31323;
			font-style: italic;
		}

		DIV#spkPanel DIV TEXTAREA {
			display: block;
			width: 95%;
			height: 150px;
			overflow: auto;
		}
		
		DIV#spkPanel DIV H2 {
			font-size: 22px;
			padding: 0;
			margin: 0 0 10px 0;
		}
		
		DIV#spkPanel DIV P {
			padding: 0;
			margin: 10px 0;
			font-weight: normal;
		}
		
		DIV#spkPanel DIV UL {
			padding: 0;
			margin: 5px 45px;
			font-weight: normal;
		}
		
		DIV#spkPanel DIV LI {
			padding: 0;
			margin: 0;
			list-style-type: square;
		}
		
		DIV#spkPanel DIV A { color: blue }
		DIV#spkPanel DIV A:HOVER { text-decoration: none }

		DIV#spkPanel INPUT.spkCheckbox {
			border: 0;
			background-color: transparent;
			margin: 0;
		}

		DIV#spkPanel INPUT#spkStartNow {
			background-color: #30C82C;
			font-weight: bold;
			color: #FFF;
		}
		
		DIV#spkPanel INPUT#spkHowToUse {
			background-color: #E02626;
			font-weight: bold;
			color: #FFF;
		}
		
DIV#spkSplash {
	position: fixed;
	width: 414px;
	height: 278px;
	background: url(img/splashscreen.gif) no-repeat;
	text-align: center;
	font: 12px sans-serif;
	z-index: 104;
	cursor: pointer;
}

	DIV#spkSplash SPAN {
		display: block;
		margin-top: 175px;
	}