.xsnazzy {background: transparent; margin:1em; width: 300px;}
.xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy p {padding-bottom:0.5em; color:#000000; font-weight:bold;}
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #0000FF; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}

.xsnazzy span {display:block; width:0; height:0; color:#000000; overflow:hidden; border-top:10px solid  #C1E6F7;  border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0; }
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#0000FF; border-left:1px solid #0000FF; border-right:1px solid #0000FF;}

.xb1 {margin:0 8px; background:#0000FF; }
.xb2 {margin:0 6px; background:#0000FF; }
.xb3 {margin:0 4px; background:#0000FF; }
.xb4 {margin:0 3px; background:#C1E6F7; border-width:0 5px;}

.xb5 {margin:0 2px; background:#C1E6F7; border-width:0 4px;}
.xb6 {margin:0 2px; background:#C1E6F7; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#C1E6F7; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#C1E6F7; border:3px solid #0000FF; border-width:0 3px; color:#0000FF}

form.waw{ background:#FFFFFF;}

form.waw div {
	margin:0.3em 0;
	clear:both;
	height:auto;
}

form.waw label {
	float:left;
	width:7em;
	text-align:left;
	margin-right:5px; vertical-align:top;
}

form.waw input,form.waw textarea,form.waw select, textarea.nyon {
	padding:0.15em;
	width:15em;
	border:1px solid #666666;
	background-color:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	-webkit-border-radius:0.4em;
}

form.waw input:hover, form.waw input:focus,form.waw select:hover,  form.waw select:focus,  form.waw textarea:hover, form.waw textarea:focus,textarea.nyon:hover,textarea.nyon:focus{
	border-color:#c5c5c5;
	background:#f6f6f6;
	-moz-box-shadow: 0px 0px 6px #0099FF;
	-webkit-box-shadow: 0px 0px 6px #0099FF;
} 

form.waw input[type=submit],form.waw input[type=reset],form.waw input[type=button],button,input[type=button].waw
{
width:auto;
}

form.waw input[type=submit]:hover,form.waw input[type=submit]:focus,form.waw input[type=reset]:hover,form.waw input[type=reset]:focus,form.waw input[type=button]:hover,form.waw input[type=button]:focus, button:hover, button:focus,input[type=button]:hover.waw,input[type=button]:focus.waw{
-moz-box-shadow: 0px 0px 6px #0099FF;
	-webkit-box-shadow: 0px 0px 6px #0099FF;
}


#alert-InBox {  padding-top: 15px;  background: url('images/bg-box-top.png') top left no-repeat !important;	
  background: url('images/bg-box-top.gif') top left no-repeat;	
}#alert-BoxContent {  background: url('images/bg-box-body.png') top left repeat-y !important;
  background: url('images/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;}#alert-BoxContenedor {  padding: 0px 0px 5px 55px;  text-align: left;  font-family:Verdana;  font-size:12px;  color:#000;
}#alert-BoxContenedor h1,#alert-BoxContenedor h2,#alert-BoxContenedor h3,#alert-BoxContenedor b,#alert-BoxContenedor strong{
  text-align: left;  font-family:Verdana;  font-size:12px;  color:#000;  font-weight:bold;  margin:0px;  padding:0px;}
#alert-Buttons{  text-align:right;}#alert-Buttons input {  margin: 10px 10px;}
#alert-BoxContenedor #BoxPromptInput{  margin-top:5px;}#alert-Box .BoxAlert {  background: url('images/dialog-warning.png') top left no-repeat;
}#alert-Box .BoxConfirm {  background: url('images/delete.gif') top left no-repeat;
}#alert-Box .BoxPrompt {  background: url('images/dialog-help.png') top left no-repeat;
}#alert-Box .BoxInfo {  background: url('images/info.gif') top left no-repeat;
}#alert-Box .BoxError {  background: url('images/dialog-error.png') top left no-repeat;}




/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ol li { list-style-type: none; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; background:#FFFFFF; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { width: 500px; }
form ul { margin: 0 !important }
#facebook-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('images/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

#facebook-auto { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
#facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto ul li.auto-focus em { background: none; }

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#add-test { width: 100px; padding: 2px; }
#button_container { margin-left: 70px; margin-bottom: 30px;}
.hidden { display:none;}