/****************************************/
/************ HTML ELEMENTS *************/
/****************************************/
/*========== RESET ===========*/
@charset "utf-8";
/* CSS Document */


/* form stuff */
form label,
form div.row,
form div.label
form div.checkbox,
form div.text,
form div.textarea
{
	position: relative !important;
}

form label.checkbox{}
form label.text,
form label.textarea{}
form label.text > span:first-child,
form label.textarea > span:first-child{}

form label.text > span:first-child.left,
form label.textarea > span:first-child.left,
form div.text > span:first-child.left,
form div.textarea > span:first-child.left
{
	width: 100px;
}
form label.text > span:first-child.top,
form label.textarea > span:first-child.top
{
	display: block;
	width: auto;
}
form label.textarea > span:first-child{
	vertical-align: top;
}
form label.text > span.top,
form label.column > span.top{
	width: auto;
}
form label > span.required{
	color: #000;
}
form label > span.value{}
form label.error > span:first-child,
form label > span.error, 
span.error, 
label.error, 
div.error {
	color: #660000;
}

input[type=text],
input[type=password],
textarea, select
{
}
input[type=text].textbox,
input[type=password].textbox{
}

form input.price{ 
	width: 100px; 
	background-image: url(/images/forms/text_input_bg_price.png);
	padding-left: 20px;
}
form input.percent{ 
	width: 100px; 
	background-image: url(/images/forms/text_input_bg_percent.png);
	padding-left: 20px;
}

input[type=text].error,
input[type=password].error,
textarea.error,
select.error
{
	background: #fff url(/images/forms/text_input_error_bg.png) no-repeat 0px 0px;
	border-bottom: 1px solid #F7EDE8;
    border-right: 1px solid #F7EDE8;
}
form input.price.error{ 
	background-image: url(/images/forms/text_input_error_bg_price.png);
}
form input.percent.error{ 
	background-image: url(/images/forms/text_input_error_bg_percent.png);
}
form label.checkbox.error{
	color: #660000;
}
form fieldset.radio{
	display: inline-block;
	border: 0px none;
	padding: 0px;
	margin: 0px;
}
form fieldset.radio label{
	display: inline-block;
	margin: 0px;
}


form  div.validator{
	display: block;
	width: 83px;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 0px;
}
/*
form label div.validator.required{
	background: url(/images/forms/required.png) no-repeat 0 0 transparent;
}
form label div.validator.required_success{
	background: url(/images/forms/required.png) no-repeat 0 -35px transparent;
}
form label div.validator.error{
	background: url(/images/forms/required.png) no-repeat 0 -71px transparent;
}
form label div.validator.success{
	background: url(/images/forms/required.png) no-repeat 0 -107px transparent;
}
*/

form  div.validator.required{
	background: url(/images/forms/form-flags.png) no-repeat 0 0px transparent;
}
form  div.validator.required_success{
	background: url(/images/forms/form-flags.png) no-repeat 0 -60px transparent;
}
form  div.validator.error{
	background: url(/images/forms/form-flags.png) no-repeat 0 -30px transparent;
}
form  div.validator.success{
	background: url(/images/forms/form-flags.png) no-repeat 0 -90px transparent;
}





/******************************************/
/**********    The BUBBLE		********/
/******************************************/
div.bubble{
	display: none;
	position: absolute;
	top: 0px; left: 0px;
	z-index: 5000;
	max-width: 515px;
}
div.bubble table,
div.bubble table tr
div.bubble table td{
	padding: 0px;
	margin: 0px;
}

/* TOP LEFT CORNER CELL */
div.bubble.top.left table tr.top td.left,  /* Box Position: TOP LEFT */
div.bubble.top.right table tr.top td.left{  /* Box Position: TOP RIGHT */
	width: 8px;
	height: 8px;
	background: url(/images/bubble/tl.png) no-repeat 0 0 transparent;
}
div.bubble.bottom.left table tr.top td.left,  /* Box Position: BOTTOM LEFT */
div.bubble.bottom.right table tr.top td.left{  /* Box Position: BOTTOM RIGHT */
	width: 8px;
	height: 18px;
	background: url(/images/bubble/8x18/tl.png) no-repeat 0 0 transparent;
}
div.bubble.left table tr.top td.left{ /* Box Position: LEFT */
	width: 8px;
	height: 8px;
	background: url(/images/bubble/tl.png) no-repeat 0 1px transparent;
}
div.bubble.right table tr.top td.left{ /* Box Position: LEFT */
	width: 18px;
	height: 8px;
	background: url(/images/bubble/8x18/right-tl.png) no-repeat 0 1px transparent;
}


/* TOP CENTER CELL */
div.bubble.top.left table tr.top td.center, /* Box Position: TOP LEFT  */
div.bubble.top.right table tr.top td.center, /* Box Position: TOP RIGHT */
div.bubble.left table tr.top td.center, /* Box Position:  LEFT  */
div.bubble.right table tr.top td.center{ /* Box Position:  RIGHT  */
	height: 8px;
	background: url(/images/bubble/t.png) repeat-x 0 0 transparent;
}
div.bubble.bottom.left table tr.top td.center{ /* Box Position: BOTTOM LEFT  */
	height: 18px;
	background: url(/images/bubble/top-center-bottom-left.png) repeat-x 100% 0 transparent;
}
div.bubble.bottom.right table tr.top td.center{ /* Box Position: BOTTOM RIGHT */
	height: 18px;
	background: url(/images/bubble/top-center-bottom-right.png) repeat-x 0 0 transparent;
}


/* TOP RIGHT CORNER CELL */
div.bubble.top.left table tr.top td.right,  /* Box Position: TOP LEFT */
div.bubble.top.right table tr.top td.right{  /* Box Position: TOP RIGHT */
	width: 8px;
	height: 8px;
	background: url(/images/bubble/tr.png) no-repeat 0 0 transparent;
}
div.bubble.bottom.left table tr.top td.right,  /* Box Position: BOTTOM LEFT */
div.bubble.bottom.right table tr.top td.right{  /* Box Position: BOTTOM RIGHT */
	width: 8px;
	height: 18px;
	background: url(/images/bubble/8x18/tr.png) no-repeat 0 0 transparent;
}
div.bubble.left table tr.top td.right{ /* Box Position: LEFT */
	width: 18px;
	height: 8px;
	background: url(/images/bubble/8x18/left-tr.png) no-repeat 0 1px transparent;
}
div.bubble.right table tr.top td.right{ /* Box Position: LEFT */
	width: 8px;
	height: 8px;
	background: url(/images/bubble/tr.png) no-repeat 0 0 transparent;
}


/* MIDDLE LEFT CELL */
div.bubble.top.left table tr.middle td.left, /* Box Position: TOP LEFT  */
div.bubble.top.right table tr.middle td.left, /* Box Position: TOP RIGHT */
div.bubble.bottom.left table tr.middle td.left,   /* Box Position: BOTTOM LEFT */
div.bubble.bottom.right table tr.middle td.left,   /* Box Position: BOTTOM RIGHT */
div.bubble.left table tr.middle td.left{ 
	width: 8px;
	background: url(/images/bubble/l.png) repeat-y 0 0 transparent;
}
div.bubble.right table tr.middle td.left{ /* LEFT - MIDDLE LEFT */
	width: 18px;
	background: url(/images/bubble/left.png) repeat-y 0 50% transparent;
}


/* MIDDLE CENTER CELL */
div.bubble table tr.middle td.center{ 
	background: #D2E9FF;
	text-align: left;
}


/* MIDDLE RIGHT CELL */
div.bubble.top.left table tr.middle td.right, /* Box Position: TOP LEFT  */
div.bubble.top.right table tr.middle td.right, /* Box Position: TOP RIGHT */
div.bubble.bottom.left table tr.middle td.right,   /* Box Position: BOTTOM LEFT */
div.bubble.bottom.right table tr.middle td.right,   /* Box Position: BOTTOM RIGHT */
div.bubble.right table tr.middle td.right{ 
	width: 8px;
	background: url(/images/bubble/r.png) repeat-y 0 0 transparent;
}
div.bubble.left table tr.middle td.right{ /* LEFT - MIDDLE LEFT */
	width: 18px;
	background: url(/images/bubble/right.png) repeat-y 0 50% transparent;
}


/* BOTTOM LEFT CORNER CELL */
div.bubble.top.left table tr.bottom td.left,  /* Box Position: TOP LEFT */
div.bubble.top.right table tr.bottom td.left{  /* Box Position: TOP RIGHT */
	width: 8px;
	height: 18px;
	background: url(/images/bubble/8x18/bl.png) no-repeat 0 0 transparent;
}
div.bubble.bottom.left table tr.bottom td.left,  /* Box Position: BOTTOM LEFT */
div.bubble.bottom.right table tr.bottom td.left{  /* Box Position: BOTTOM RIGHT */
	width: 8px;
	height: 8px;
	background: url(/images/bubble/bl.png) no-repeat 0 0 transparent;
}
div.bubble.left table tr.bottom td.left{ /* Box Position: LEFT */
	width: 8px;
	height: 8px;
	background: url(/images/bubble/bl.png) no-repeat 0 0 transparent;
}
div.bubble.right table tr.bottom td.left{ /* Box Position: LEFT */
	width: 18px;
	height: 8px;
	background: url(/images/bubble/8x18/right-bl.png) no-repeat 0 -1px transparent;
}



/* BOTTOM CENTER CELL */
div.bubble.bottom.left table tr.bottom td.center, /* Box Position: BOTTOM LEFT  */
div.bubble.bottom.right table tr.bottom td.center, /* Box Position: BOTTOM RIGHT */
div.bubble.left table tr.bottom td.center, /* Box Position:  LEFT  */
div.bubble.right table tr.bottom td.center{ /* Box Position:  RIGHT  */
	height: 8px;
	background: url(/images/bubble/b.png) repeat-x 0 0 transparent;
}
div.bubble.top.left table tr.bottom td.center{ /* Box Position: TOP LEFT  */
	height: 18px;
	background: url(/images/bubble/bottom-center-top-left.png) repeat-x 0 0 transparent;
}
div.bubble.top.right table tr.bottom td.center{ /* Box Position: TOP RIGHT */
	height: 18px;
	background: url(/images/bubble/bottom-center-top-right.png) repeat-x 0 0 transparent;
}


/* BOTTOM RIGHT CORNER CELL */
div.bubble.top.left table tr.bottom td.right,  /* Box Position: TOP LEFT */
div.bubble.top.right table tr.bottom td.right{  /* Box Position: TOP RIGHT */
	width: 8px;
	height: 18px;
	background: url(/images/bubble/8x18/br.png) no-repeat 0 0 transparent;
}
div.bubble.bottom.left table tr.bottom td.right,  /* Box Position: BOTTOM LEFT */
div.bubble.bottom.right table tr.bottom td.right{  /* Box Position: BOTTOM RIGHT */
	width: 8px;
	height: 8px;
	background: url(/images/bubble/br.png) no-repeat 0 0 transparent;
}
div.bubble.left table tr.bottom td.right{ /* Box Position: LEFT */
	width: 18px;
	height: 8px;
	background: url(/images/bubble/8x18/left-br.png) no-repeat 0 0 transparent;
}
div.bubble.right table tr.bottom td.right{ /* Box Position: RIGHT */
	width: 8px;
	height: 8px;
	background: url(/images/bubble/br.png) no-repeat 0 0 transparent;
}


div.bubble span.body{
	display: block;
	padding: 10px;
	background: #D2E9FF;
	color: #333;
	font-size: 11px;
	line-height: 16px;
}
div.bubble span.body h4{
	color: #333;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
div.bubble ol li,
div.bubble ul li{
	margin: 0 0 10px 20px;
}

span.radioGroup{
	display: inline-block;
	padding-right: 5px;
}