/* css/cropper.css file contents begin here */ 
.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}


/* css/cropper.css file contents end here */ 
/* js/ext/prototip1.2.0_pre1/css/prototip.css file contents begin here */ 
/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default { width: 150px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .pinktip { border: 5px solid #a1a1a1; }
.prototip .pinktip .toolbar { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
.prototip .pinktip .title { padding: 5px; }
.prototip .pinktip .content { background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .darktip { width: 250px; border: 5px solid #a1a1a1; }
.prototip .darktip .toolbar { background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.prototip .darktip .toolbar a.close { background: url(close_hover.gif);}
.prototip .darktip .toolbar a.close:hover { background: url(close.gif);}
.prototip .darktip .title { padding: 5px;}
.prototip .darktip .content { background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .silver { width: 300px; border: 5px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
.prototip .silver .toolbar { background: #2e2e2e; color: #fff; font-weight: bold; }
.prototip .silver .toolbar a.close:hover { background: url(close_hover_red.gif);}
.prototip .silver .title { padding: 5px; }
.prototip .silver .content { background: #fff; color: #666666; padding: 5px;}

.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }/* js/ext/prototip1.2.0_pre1/css/prototip.css file contents end here */ 
/* css/prototip.css file contents begin here */ 
/* Tooltip style overrides */

.prototip .default { width: 150px; color: #fff; border: 1px solid dodgerblue; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: #0F6788; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .withToolbar { width: 150px; color: #fff; border: 1px solid #f00; }
.prototip .withToolbar .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .withToolbar .title { padding: 5px; }
.prototip .withToolbar .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}
/* css/prototip.css file contents end here */ 
/* css/niftyCorners.css file contents begin here */ 
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}/* css/niftyCorners.css file contents end here */ 
/* css/facebooklist.css file contents begin here */ 
/* TextboxList sample CSS */
form.frmMyStyleProfile 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 */
form.frmMyStyleProfile 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: 13px "Lucida Grande", "Verdana"; }*/

form.frmMyStyleProfile 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; }
form.frmMyStyleProfile ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
form.frmMyStyleProfile ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
form.frmMyStyleProfile ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
form.frmMyStyleProfile, add { border: 0px solid #999; width: 500px; margin: 0px; padding: 10px 10px 10px; }
form.frmMyStyleProfile ol { font: 11px /*"Lucida Grande", "Verdana"*/; margin: 0; padding: 0; }
form.frmMyStyleProfile ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form.frmMyStyleProfile ol li.input-text label { font-weight: bold; cursor: pointer; display: block; margin-bottom: 10px; }
form.frmMyStyleProfile ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px; /*"Lucida Grande", "Verdana"*/ border: 1px solid #999; }
form.frmMyStyleProfile ul.holder { width: 500px; }

/* 
Having problems when sharing the same css class within different instances of the 
facebooklist control. For this reason, created multiple copies of the same classes 
to solve the problem temprorarily. Same problem also applies to the facebook-auto-* 
classes.
*/

#facebook-list-1 ul.holder li.bit-box, #apple-list-1 ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list-1 ul.holder li.bit-input { margin: 0; }
#apple-list-1 ul.holder li.bit-input input.smallinput { width: 5px; }

#facebook-list-2 ul.holder li.bit-box, #apple-list-2 ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list-2 ul.holder li.bit-input { margin: 0; }
#apple-list-2 ul.holder li.bit-input input.smallinput { width: 5px; }

#facebook-list-3 ul.holder li.bit-box, #apple-list-3 ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list-3 ul.holder li.bit-input { margin: 0; }
#apple-list-3 ul.holder li.bit-input input.smallinput { width: 5px; }

#facebook-list-4 ul.holder li.bit-box, #apple-list-4 ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list-4 ul.holder li.bit-input { margin: 0; }
#apple-list-4 ul.holder li.bit-input input.smallinput { width: 5px; }

#facebook-list-5 ul.holder li.bit-box, #apple-list-5 ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list-5 ul.holder li.bit-input { margin: 0; }
#apple-list-5 ul.holder li.bit-input input.smallinput { width: 5px; }

#facebook-list-6 ul.holder li.bit-box, #apple-list-6 ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list-6 ul.holder li.bit-input { margin: 0; }
#apple-list-6 ul.holder li.bit-input input.smallinput { width: 5px; }

#facebook-list-7 ul.holder li.bit-box, #apple-list-7 ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list-7 ul.holder li.bit-input { margin: 0; }
#apple-list-7 ul.holder li.bit-input input.smallinput { width: 5px; }

#facebook-list-8 ul.holder li.bit-box, #apple-list-8 ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list-8 ul.holder li.bit-input { margin: 0; }
#apple-list-8 ul.holder li.bit-input input.smallinput { width: 5px; }

form.frmMyStyleProfile ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
form.frmMyStyleProfile ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
form.frmMyStyleProfile 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/misc/close.gif'); }
form.frmMyStyleProfile ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
form.frmMyStyleProfile ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

#facebook-auto-1 { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto-1 .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto-1 ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto-1 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-1 ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto-1 ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto-1 ul li.auto-focus em { background: none; }

#facebook-auto-2 { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto-2 .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto-2 ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto-2 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-2 ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto-2 ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto-2 ul li.auto-focus em { background: none; }

#facebook-auto-3 { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto-3 .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto-3 ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto-3 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-3 ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto-3 ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto-3 ul li.auto-focus em { background: none; }

#facebook-auto-4 { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto-4 .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto-4 ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto-4 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-4 ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto-4 ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto-4 ul li.auto-focus em { background: none; }

#facebook-auto-5 { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto-5 .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto-5 ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto-5 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-5 ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto-5 ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto-5 ul li.auto-focus em { background: none; }

#facebook-auto-6 { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto-6 .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto-6 ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto-6 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-6 ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto-6 ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto-6 ul li.auto-focus em { background: none; }

#facebook-auto-7 { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto-7 .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto-7 ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto-7 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-7 ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto-7 ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto-7 ul li.auto-focus em { background: none; }

#facebook-auto-8 { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto-8 .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto-8 ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto-8 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-8 ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto-8 ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto-8 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;}/* css/facebooklist.css file contents end here */ 
/* css/carousel.css file contents begin here */ 
/* 
*	Urmatoarele stiluri sunt doar pentru prezentarea demo-urilor si nu au nici o legatura cu functionalitatea plugin-ului:
*/

.ico { width: 24px; height: 24px; background-color: #FFF; border: 1px solid #CCD8E3; padding: 0; background-repeat: no-repeat; background-position: 4px 4px; }
.ico-first { background-image: url("/images/misc/first.png"); margin-right: 5px; }
.ico-prev { background-image: url("/images/misc/prev.png"); }
.ico-next { background-image: url("/images/misc/next.png"); }
.ico-last { background-image: url("/images/misc/last.png"); margin-left: 5px; }

.left { float: left; }
.right { float: right; }


table.carousel { width: 100%; background-color: #CCD8E3; }
table.carousel tr { background-color: #FFF; }
table.carousel thead tr { background-color: #E9F1F4; }
table.carousel tr.odd { background-color: #F8FAFA; }
table.carousel tr td { padding: 2px; }
table.carousel tr td.small { width: 12px; }
table.carousel tr td input { width: 13px; height: 13px; }


/* 
*	Declaratiile ramase sunt necesare functionarii fiecarui demo in parte:
*/

.main {
	width: 200px;
	}

.scroller {
	width: 198px;
	height: 550px;
	overflow: hidden;
	border: 1px solid silver;
	margin-bottom: 5px;
	}

#content-2 {
	width: 200px;
	}

.slide {
	width: 180px;
	height: 550px;
	float: left;
	background-color: #f8f8ff;
	padding: 5px;
	}
/* css/carousel.css file contents end here */ 
/* css/livegrid.css file contents begin here */ 
#livegrid_header {
	width: 600px;
	background-color: gray;
}
#livegrid_header th {
	padding: 2px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
}
#livegrid {
	width: 600px;
}
#livegrid tr, #livegrid tr.odd {
	background-color: #EEEEEE;
	text-align: left;
}
#livegrid tr.even {
	background-color: #FFFFFF;
}
#livegrid tr.selected {
	background-color: red;
}
#livegrid td {
	padding: 2px;
	border-bottom: 1px solid #CCCCCC;
	cursor: default;
	overflow: hidden;
	white-space: nowrap;
}
/* css/livegrid.css file contents end here */ 
/* css/select.css file contents begin here */ 
div.autocomplete {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  padding:0px;
  font-size:1.0em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { 
  background-color: #EAF2FB;
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.combo /* look&fell of scriptaculous select box*/
{
  font-size:1.2em;
  width : 9em; 
  background: url('/images/misc/bg_select.jpg') right;
  height:18px;
  cursor: pointer;
  border:1px solid #ccc;
  color:#999;
}
/* css/select.css file contents end here */ 
/* css/tabber.css file contents begin here */ 
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
 }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 line-height: 1.0em;
 list-style: none;
 margin: 0;
 display: inline;	
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #f8f8ff;
 border-bottom: 1px solid #f8f8ff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* css/tabber.css file contents end here */ 
/* css/tjpzoom.css file contents begin here */ 
code {background-color: #cccccc;}
.long {display:block;margin:1em;padding: 1em;}
/* css/tjpzoom.css file contents end here */ 
/* css/SkyByte.css file contents begin here */ 
.drop{ position:absolute; top:-10px; left:-10px; overflow:hidden; background:red; z-index:998; }
.drag, .dragmove{ position:absolute; top:-40px; left:-40px; background:#fff; color:red; border:1px solid #ccc; font:10px verdana, sans-serif; padding:1px; overflow:hidden; z-index:999; }
.dragmove{ color:#000; }
.resizeknob{ position:absolute; top:-40px; left:-40px; background:#fff; width :6px; height:6px; border:1px solid #000; overflow:hidden; z-index: 200; }
.resizet, .resizeb { position:absolute; top:-40px; left:-40px; background: transparent url(/images/misc/rsh.gif) repeat-x 0 0; width :1px; height:1px; overflow:hidden; z-index: 200; }
.resizer, .resizel { position:absolute; top:-40px; left:-40px; background: transparent url(/images/misc/rsv.gif) repeat-y 0 0; width :1px; height:1px; overflow:hidden; z-index: 200; }
.resizebox{ font:10px arial; border:1px solid #000; padding:2px; background:#ccc; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; z-index: 200; }
/* css/SkyByte.css file contents end here */ 
/* css/dhtmlxcombo.css file contents begin here */ 
.dhx_combo_img{
	position:absolute;
	top:0px;
	right:0px;
	width:17px;
	height:20px;
}

.dhx_combo_option_img{
	position:relative;
	top:1px;
	margin-left:2px;
	left:0px;
	width:18px; height:18px;
}


.dhx_combo_input{
	color:#333333;
	font-family: Arial;
	font-size: 9pt;
	border:0px;
	padding:2px 2px 2px 2px;
	position:absolute;
	top:0px;
}
.dhx_combo_box{
	position:relative;
	text-align:left;
	border:1px solid #7F9DB9;
	height:20px;
	_height:22px;
	overflow:hidden;
   background-color: white;
}
.dhx_combo_list{
   position:absolute;
   z-index:30;
   overflow-y:auto;
   overflow-x:hidden;
   border:1px solid black;
   height:200px;
   font-family: Arial;
   font-size: 9pt;
   background-color: white;
   text-align:left;
}

.dhx_combo_list div{
	cursor:default;
	padding:2px 2px 2px 2px;
}
.dhx_selected_option{
	background-color:navy;
	color:white;
}

/* css/dhtmlxcombo.css file contents end here */