body { background: #FFFFFF  url(includes/bg.php) top left no-repeat; background-attachment: scroll }

		
		
		

		
		
		
		
		/* background controls */
		
		
			.bg_preview { float: left; position: relative; margin-right: 12px; background: #ebebeb; width: 240px; height: 185px; }
							
			.bg_preview .tl {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/tl.png) no-repeat;
								position: relative;
								float: left;
							}
											
			.bg_preview .tr {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/tr.png) no-repeat;
								position: relative;
								float: right;
							}
							
			.bg_preview .t {
								height: 8px;
								background: transparent url(gfx/bgadm/preview_frame/t.png) repeat-x;
								margin-left: 8px; margin-right: 8px;
							}
							
							
			.bg_preview .c { background: transparent url(gfx/bgadm/preview_frame/r.png) repeat-y right; }
			.bg_preview .controls { height: 174px; background: transparent url(gfx/bgadm/preview_frame/l.png) repeat-y; }
							
							
							
			.bg_preview .bl {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/bl.png) no-repeat;
								position: relative;
								float: left;
							}
			.bg_preview .br {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/br.png) no-repeat;
								position: relative;
								float: right;
							}
			.bg_preview .b {
								height: 8px;
								background: transparent url(gfx/bgadm/preview_frame/b.png) repeat-x;
								margin-left: 8px; margin-right: 8px;
							}



			.bg_preview .controlbox { width: 166px; height: 172px; margin: auto; }

			.bg_preview .posbtn { position: relative; float: left; }


			.bg_preview #arr_c { position: absolute; width: 45px; height: 45px; margin-top: 63px; margin-left: 60px; }
			.bg_preview #arr_t { position: absolute; width: 48px; height: 64px; margin-left: 59px; }
			.bg_preview #arr_tl { position: absolute; width: 50px; height: 51px; margin-left: 27px; margin-top: 28px;}
			.bg_preview #arr_b { position: absolute; width: 48px; height: 64px; margin-left: 58px; margin-top: 107px;}
			.bg_preview #arr_l { position: absolute; width: 64px; height: 48px; margin-top: 61px; }
			.bg_preview #arr_r { position: absolute; width: 64px; height: 48px; margin-left: 102px; margin-top: 61px; }
			.bg_preview #arr_tr { position: absolute; width: 50px; height: 51px; margin-left: 89px; margin-top: 28px; }
			.bg_preview #arr_br { position: absolute; width: 50px; height: 51px; margin-left: 89px; margin-top: 93px; }
			.bg_preview #arr_bl { position: absolute; width: 50px; height: 51px; margin-left: 27px; margin-top: 93px; }


/* do not specify background color/image here. it will be overwritten 
   by the background manager 

   Ne pas specifier da couleur d'arriere plan ni d'image pour l'objet BODY ici.
   elles seront ecrasees par l'outil de gestion des arrieres plans. */


body 		{ text-align: center; padding: 0px; margin: 0px; font: 12px myriad pro, trebuchet ms, tahoma; color: gray; }


/* ckeditor fix background menus */
.cke_skin_kama_container body {
	background: #ebebeb !important;
}


a		{ text-decoration: none; color: #2a4e73; }
a:hover		{ color: #5aa4ee; }

.login		{

          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          -khtml-border-radius: 5px;
          border-radius: 5px;

          border-bottom-left-radius: 0px;
          border-bottom-right-radius: 0px;

          border-bottom: 1px solid #445566;

          /* float: right; */ padding: 5px; padding-bottom: 3px; padding-left: 10px; background:  #000 url(http://www.votresiteici.com/ul_media/1/storage/vsi_top_mnu_bg.png) no-repeat top left; text-align: right; margin-right: 40px; margin-top: 13px; margin-left: 40px; color: white; }


.login a 		{ color: white; font-weight: bold; }

#page {
	width: 1040px;
	margin: auto;
	text-align: left;
}

.message 	{ background: #008800; padding: 3px; color: white; font-weight: bold; text-align: center; }

h1		{ font-size: 20px; }
h2		{ font-size: 17px; }
h3		{ font-size: 14px; }
h4		{ font-size: 12px; }

table, tr, td 	{ font: 12px myriad pro, trebuchet ms, tahoma; }



/* error message or confirmation boxes */
		
.errBox { border: 1px solid #660000; background: white; padding: 1px; margin: 5px; }
.errBox .errTitle { padding-left: 5px; line-height: 16px; font-weight: bold; color: white; background: #aa0000; }
.errBox .errBody { color: black; margin: 10px; }
		
.infoBox { border: 1px solid #006600; background: white; padding: 1px; margin: 5px; }
.infoBox .infoTitle { padding-left: 5px; line-height: 16px; font-weight: bold; color: white; background: #00aa00; }
.infoBox .infoBody { color: black; margin: 10px; }
		
.top-shadow {
	background: url("images/shadow-top.png") no-repeat top;
	height: 80px;
	margin-top: 0px;
	float: left;
	width: 100%;
}

.container-shadow {
	background: url("images/container-shadow.png") repeat-y;
	float: left;
	width: 100%;
	margin: 0; 
	padding: 0;
}

.bottom-shadow {
	background: url("images/shadow-bottom.png") no-repeat bottom;
	height: 80px;
	float: left;
	width: 100%;
	margin-bottom: -50px;
}


.container {
	background: #FFFFFF;
	margin: 0 40px; 
	margin-top: -44px;
	margin-bottom: -30px;
	float: left;
	display: inline;
	width: 960px;
}

/* container for the cked - must mimic the main container minus any margins 
   or positionning */
.container_edit {
	background: #FFFFFF;
        text-align: left;
}



.content {

}






.content_margin { padding: 20px; background: #FFFFFF; }

.content_margin_vmenu {

   /* this becomes the content class when vertical menu
      is used - see menubox_v declaration below */

  margin-left: 190px;

}





.image { /* padding: 3px; border: 1px solid silver; */ border:0px; }
.imageb { padding: 3px; border: 1px solid silver; }




.logo { background: #f3f3f3; text-align: center; width: 100%; border-bottom: 1px solid silver; }




.read_more { border-top: 1px dotted #e6e6e6; padding-top: 3px; text-align: right; padding-right: 10px; }

.header img { border: 0px; }








/* shopping visual theme */

.shp_page { margin: -20px; } /* for the top searchbar to be flush */



.shp_layout { font-family: arial; clear: both; text-align: left; width: 100%; background: white; border-right: 1px solid white; }
	
.shp_panel1 { text-align: left; float: right; width: 50%; height: 100%; }
.shp_panel2 { text-align: left; height: 100%; }
.shp_panel3 { text-align: left; float: left; width: 50%;  height: 100%; }
	
.shp_cat_hdr { color: #10365a; }
	
.shp_top_bar { height: 50px; clear: both; background: #f5f5f5 url(gfx/srch_logo_strip.jpg) no-repeat; padding: 2px; padding-left: 5px; margin-right: 1px; font-family: arial; font-size: 12px; }
	
.shp_user_pane { font-family: Trebuchet MS, Helvetica; font-size: 11px; color: #292977; display: inline; float: right; width:100%; height: 37px; background: white url(gfx/srch_tabs/usr_bg.gif) repeat-x; }
.shp_usr_pane_content { /* padding-right: 10px; padding-left: 6px; */ }
.shp_usr_btn { font-family: Trebuchet MS, Helvetica; font-size: 9px; color: #292977; float: right; display: inline; height: 37px; margin-right: 10px; margin-top: 5px; }
	
.shp_srch_itmlist {
	margin: 20px;'
}


.shp_srch_itm {
  display: inline-block;
  width: 46%; margin-right: 2%;
  margin-bottom: 10px;
}

.shp_itm_thumb {
  text-align: center;
  margin-top: 38px;
  background: #fff;
  padding: 3px;
  border: 1px solid #cacaca;
  float: left; clear: none;
}

.shp_itm_thumb img {
	margin: 2px !important;
        border: 1px solid #cacaca !important;
}

.shp_srch_itm_imginfo {
	margin: 2px; margin-top: 5px;
}

.shp_srch_itm_details {
	float: right; height: 100%; width: 45%; clear: none; margin-top: 9px;
}


.shp_itm_ttl {
	position: relative; margin-left: -230px;
        text-transform: capitalize;
        font-weight: bold;
        font-size: 16px;
        border-bottom: 1px dashed #cacaca;
        line-height: 22px;
        margin-bottom: 5px;
        white-space:nowrap;
        width: 420px;
        overflow-x: hidden;
}

.shp_itm_ttl a {
	color: #333333 !important;
}

.shp_itm_inv { text-align: right; font-size: 9px; width: 49%; float: right; clear: none; }
.shp_itm_sku { font-size: 9px; width: 49%; float: left; clear: none; margin-bottom: 8px; }

.shp_itm_desc { clear: both; color: #333333; height: 98px; overflow-y: hidden; }

.shp_itm_price { margin-top: -24px; font-size: 24px; line-height: 26px; float: left; clear: none; width: 50%; font-weight: bold;  }
.shp_itm_spcl { font-size: 10px; line-height: 11px; float: left; clear: none; width: 50%; }

.shp_itm_bid_valid_until { clear: left; }





.shp_itm_buybtn { margin-top: 10px; padding-top: 5px; border-top: 1px dotted #cacaca; }

.shp_details_btn {

        color: #336716 !important;
        border-color: #99c07b !important;
        border-radius: 3px;
        text-shadow: 0 1 px0 #DCECCB;

	background: #aacd8d;
	padding: 1px;

padding-left: 7px; padding-right: 7px;
cursor: pointer;

	margin-top: -2px;
	margin-bottom: -2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #f1ed00;
	-moz-box-shadow: 0px 1px 2px #444;
	-webkit-box-shadow: 0px 1px 2px #444;
	box-shadow: 0px 1px 2px #444;

	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aacd8d), to(#c8e5b1));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #c8e5b1, #aacd8d);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #c8e5b1, #aacd8d);
	/* IE 10 */
	background: -ms-linear-gradient(top, #c8e5b1, #aacd8d);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #c8e5b1, #aacd8d);

}


.shp_buy_btn {

         color: #490101 !important;
         border-radius: 3px;
         text-shadow: 0 1 px0 #fff4ca;

			background: #ffb23d;
			padding: 1px;
			margin-top: -2px;
			margin-bottom: -2px;
			border: 1px solid #ec6701;
			-moz-box-shadow: 0px 1px 2px #444;
			-webkit-box-shadow: 0px 1px 2px #444;
			box-shadow: 0px 1px 2px #444;

padding-left: 7px; padding-right: 7px;
cursor: pointer;

			
			/* Safari 4-5, Chrome 1-9 */
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb23d), to(#ffefa9));
			/* Safari 5.1, Chrome 10+ */
			background: -webkit-linear-gradient(top, #ffefa9, #ffb23d);
			/* Firefox 3.6+ */
			background: -moz-linear-gradient(top, #ffefa9, #ffb23d);
			/* IE 10 */
			background: -ms-linear-gradient(top, #ffefa9, #ffb23d);
			/* Opera 11.10+ */
			background: -o-linear-gradient(top, #ffefa9, #ffb23d);
			
			color: #000;


}






.shp_itm_clear {
	clear: both;
}














/* HORIZONTAL MENU ========================== */

.menubox {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px; 

  background: #000 url(http://votresiteici.com/images/sub_shadow.gif) repeat-x bottom;
  height: 34px;
  position: relative;
}


.menubox .menu {
  float: left;
  padding: 0px 24px 0px 0px;
  margin: 0px;
  list-style: none;
  position: relative;
}

.menubox .menu li {
  float: left;
  position: relative;
  color: #454545;
  border-right: 1px solid #444444;
}

.menubox .menu li:hover, .menubox_v .menu li:hover {
  background: #f8b63e;
}

.menubox .menu li.last, .menubox_v .menu li.last {
  border-right: none;
  padding-right: 0;
}

.menubox .menu li:last-child, .menubox_v .menu li:last-child {
  border-right: none;
  padding-right: 0;
}

.menubox .menu li a {
  display: inline-block;
  padding: 5px 11px 5px 11px;
  color: #fff;
  text-decoration: none;
}
.menubox .menu li a:hover { color: #000; }
.menubox .menu li a.sel, .menubox_v .menu li a.sel { font-weight: bold; color: #99cc06; }






/*
  
  SUBMENU

  IMPORTANT NOTE:
  ------------------------------------------------------------------------------
  In this specific case there is no difference between submenus of an horizontal
  or vertical menu - but the .submenu_v class is essatial for the system to know
  the difference, and as to how to position it relative to it's parent
  
  NOTE IMPORTANTE:
  ------------------------------------------------------------------------------
  Dans ce cas specifique, il n'y a pas de difference graphique entre les sous-menus
  d'un menu horizontal ou vertical - cependant la classe .submenu_v est essentielle
  et doit etre declaree afin que le systeme puisse determiner le placement de ce
  dernier vis-a-vis son element parent                                          */
  
  
  
.submenu, .submenu_v {
  display: none;
  position: absolute;
  top: 0px; left: 0px;
background: #000;
}

.submenu ul, .submenu_v ul {
  width: 100%;
  list-style: none;
  margin: 0px; padding: 0px;
  border-top: 1px solid #444444;
  padding-bottom: 6px;
  background: #000000 url(http://votresiteici.com/images/sub_shadow.gif) repeat-x bottom;  
}

.submenu li, .submenu_v li {
  float: none;
  display: block;
  width: 100%;
  position: relative;
  color: #454545;
  border: 1px solid #444444;
  border-top: none;
  background: #000;
}

.submenu li:last-child, .submenu_v li:last-child {
  border-bottom: none;
  border-right: 1px solid #444444;
}

.submenu li a, .submenu_v li a {
  display: block;
  width: 100%;
  padding: 5px 11px 5px 11px;
  color: #fff;
  text-decoration: none;
}

.submenu li a:hover, .submenu_v li a:hover { color: #000; }

.submenu li:hover, .submenu_v li:hover {
  background: #aaccff;
}















/* VERTIAL MENU ================================ */

.menubox_v {

  /* dont forget to change class .content_margin_vmenu
     to allow clearing of this float's width */


  font-size: 12px; 
  border: 1px solid #ebebeb;
  border-right: 0px;
  background: white url(http://votresiteici.com/images/sub_shadow_l.gif) repeat-y right;
  padding-right: 7px;
  width: 180px;
  float: left;
}

.menubox_v .menu {
  display: block;
  padding: 0px 24px 0px 0px;
  margin: 0px;
  list-style: none;
  width: 100%;
}

.menubox_v .menu li {
  display: block;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #E0E0E0;
}

.menubox_v .menu li a {
  display: block;
  padding: 5px 11px 5px 11px;
  color: #0B2A4C;
  text-decoration: none;
}






/* EDIT BUBBLES */

.mnu_edit_btns { position: absolute; display: none; width: 139px; text-align: center; margin-top: -30px; }
.mnu_edit_btns_v { position: absolute; display: none; width: 142px; text-align: center; margin-top: -7px; right: -130px; }

a:hover .mnu_edit_btns { display: block; }
a:hover .mnu_edit_btns_v { display: block; }

.mnu_edit_btns img { border: 0 !important; }
.mnu_edit_btns_v img { border: 0 !important; }







.vis-clear {
		clear: both;
		width: 100%;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
}









	 
/*-------- Footer [BEGIN] --------*/

.footer {
	text-align: center;
	font-size: 12px;
	padding: 30px 0 50px 0;
	color: #2a4e73;
	float: left;
	width: 100%;
}

.footer a {
	text-decoration: underline;
	color: #FFFFFF;
}

.footer p,
.footer a:hover {
	color: #9bc7f4;
}

.footer ul {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
}

.footer ul li {
	display: inline;
	padding: 0 11px 0 10px;
	border-right: 1px solid #8397b1;
}

.footer ul li:last-child {
	border-right: none;
	padding: 0 0 0 10px;
}

#footerInfo {
	text-align: center;
	color: silver;
	margin: 7px auto;
	font-size: 0.85em;
}

#footerInfo a:link,
#footerInfo a:active,
#footerInfo a:visited {
	color: silver;
	text-decoration: underline;
	margin-top: 7px;
}

#footerInfo a:hover {
	color: orange;
	text-decoration: underline;
}

/*-------- Footer [END] --------*/








/* photo albums */

#album_viewer { font: 12px arial; margin-top: 20px; }
#album_list { display: block; margin: 20px; margin-top: 10px; }
#album_images { display: none; }
		
#album_blanker { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: none; background: black; opacity:0.8; filter:alpha(opacity=80) }
		
#album_image { position: fixed; padding: 15px; display: none; text-align: center; background: #ffffff; border: 1px solid gray; margin-top: -35px; margin-left: -20px; opacity:1; filter:alpha(opacity=100) }
#album_image img { z-index: 1000; border: 1px solid #ebebeb; cursor: pointer; opacity:1; filter:alpha(opacity=100); }
#album_image .image_title { font-weight: bold; word-wrap: break-word; font-size: 16px; text-align: center; color: gray; margin-top: 13px; }

#album_image .image_prev {
    z-index: 9999; 
    cursor: pointer; 
    position: relative; 
    float: left; 
    margin-top: 10px; /* margin-top: -80px; */ 
    width: 28px; height: 24px; 
    background: url(gfx/album_prev.png) no-repeat;
}

#album_image .image_next {
    z-index: 9998; 
    cursor: pointer; 
    position: relative; 
    float: right; 
    margin-top: 10px; /* margin-top: -80px; */ 
    width: 28px; 
    height: 24px; 
    background: url(gfx/album_next.png) no-repeat;
}


#album_reset { display: none; }
#album_reset a { }
		
.albm { background: url(gfx/album.png) no-repeat 2px 2px; margin: 0px; margin-bottom: 10px; padding: 10px; padding-right: 0px; height: 100px; width: 470px; display: inline-block; float: left; text-align: left; font-size: 14px; }
.albm .img { padding: 2px; width: 128px; text-align: center; border: 0px; margin: 0px; margin-right: 30px; display: inline; float: left; }
.albm img { border: 1px solid silver; }

.albm a .ttl_link {
  font-size: 20px;
  font-weight: 100;
}

.albm .desc { float: left; text-align: left; width: 306px; position: relative; word-wrap: break-word; margin-bottom: 5px; }
.albm .info { float: left; text-align: left; width: 306px; position: relative; word-wrap: break-word; }

.phto { background: url(gfx/photo.png) no-repeat 2px 2px; margin: 0px; margin-bottom: 10px; padding: 10px; height: 100px; width: 145px; display: inline-block; float: left; text-align: left; font-size: 14px; }
.phto .img { padding: 2px; width: 128px; text-align: center; border: 0px; margin: 0px; margin-right: 10px; display: inline; float: left; }
.phto img { border: 1px solid silver; }
	
.phto .desc { float: left; text-align: left; width: 200px; position: relative; word-wrap: break-word; margin-bottom: 5px; }
.phto .info { float: left; text-align: left; width: 200px; position: relative; word-wrap: break-word; }


/* FORMULAIRES */

		#forms				{ position: absolute; left: 0px; text-align: left; padding: 5px; background: #fbfbfb; font: 12px arial; width: 200px; height: 200px; overflow-x: hidden; overflow-y: hidden; border: 1px solid #e0e0f0; clear: none; }
		
	.frm_required	{ font-weight: bolder; color: red; padding-right: 5px; }
		
		#debugPanel			{ display: block; width: 98%; position: absolute; bottom: 18px; text-align: left; padding: 1px; background: #fbfbfb; font: 11px arial; border: 1px solid #e0e0f0; clear: none; }
		#debugToggle		{ float: right; display: inline; clear: none; margin-top: 2px; }
		#debugClear			{ float: right; display: inline; clear: none; margin-top: 2px; }
		#debugTtl			{ width: 100%; background: #880000; color: white; line-height: 18px; }
		#debug				{ color: black; height: 150px; text-align: left; padding: 5px; font: 11px arial; overflow-y: scroll; display: none; }
		
		#module				{ display: none; }
		
		
	.imglnk			{ text-decoration: none; }
	.imglnk:hover	{ background-color: transparent; }
		
	td				{ padding: 0px; margin: 0px; }
	form table td		{ text-align: left; } /* fix forms looking like shit in ie */
	
	textarea			{ margin: 0px; padding: 0px; border: 1px solid silver; }
		
	.loading			{ height: 125px; background: white; color: gray; text-align: center; display: block; }
	.loading_hidden		{ display: none; }

	.search			{ height: 20px; border: 1px solid silver; background: white url(../gfx/loupe.gif) no-repeat 2px 3px; margin-top: 4px; margin-right: 5px; float: right; clear: none; width: 210px; }
	.searchfield	{ margin-top: 2px; font-size: 12px; margin-left: 24px; width: 177px; border: 0px; background: transparent; }
	
	.modForm		{ margin-top: 20px; text-align: left; }
	
	.modForm center div form { background: #fafafa; border: 1px solid #ebebeb; } 
	.modForm center div form table td { padding: 3px; border-top: 1px solid #fefefe; border-bottom: 1px solid #ebebeb; }
	#modifTtl		{ text-align: center; }
	
	.menubar2		{ height: 23px; background: #f5f5e0; border-bottom: 1px solid #bdbd93; padding: 0px; padding-top: 5px !important; }
	.menubar2 a		{ color: black; padding-left: 10px; padding-right: 10px; margin-right: 5px; margin-left: 5px; }
	.menubar2 .sep	{ display: inline; width: 0px; height: 23px; border-left: 1px solid #bdbd93; border-right: 1px solid white; }
	
	.qModBox 		{ padding: 1px; background: white; border-top: 0px; position: relative; }
	
	
	.qNumStat			{ float: left; width: 20px; clear: none; text-align: center; }
	.qNumStat h1 		{ color: #000099; text-align: center; width: 100%; padding: 0px; margin: 0px; font-size: 18px; }
	
	
	
	
	.menubar		{ width: 100%; height: 30px; background: #ebebeb; border-bottom: 1px solid #d6d6d6; padding: 0px; padding-top: 5px !important; }
	
	
	
	.menubar .aunsel	{ font-size: 16px;
						line-height: 30px;
						padding-left: 6px !important;
						padding-right: 5px !important;
						padding-top: 4px !important;
						padding-bottom: 4px !important;
						margin: 0px !important;
						margin-left: 10px !important;
						background: #e5e5e5;
						border: 1px solid #d6d6d6; border-bottom: 0px; }
	.aunsel:hover	{ background: #eeffee; }
	.menubar .asel	{ font-size: 16px;
						line-height: 30px;
						padding-left: 6px !important;
						padding-right: 5px !important;
						padding-top: 4px !important;
						padding-bottom: 4px !important;
						margin: 0px !important;
						margin-left: 10px !important;
						background: white;
						border: 1px solid #d6d6d6; border-bottom: 2px solid white; }
	
	
	.tblList		{ font-size: 11px; background: white; width: 100%; }
	.tblList td		{ padding: 3px; border-right: 1px solid #f1f1f1; vertical-align: top; }
	.tblList td b		{ font-size: 14px; }
	.tblListHead	{ font-weight: bold; padding: 3px; background-color: #ebebeb; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #e5e5e5; }
	.tblListRow1	{ padding: 3px; background-color: #f5f5f5; border-top: 1px solid #fefefe; border-bottom: 1px solid #ebebeb; }
	.tblListRow2	{ padding: 3px; background-color: #fafafa; border-top: 1px solid #fefefe; border-bottom: 1px solid #ebebeb; }
	.tblListSp1		{ padding: 3px; background-color: #F7FDCB; border-top: 1px solid #fefefe; border-bottom: 1px solid #ebebeb; }
	.tblListErr		{ padding: 3px; background-color: #f29e9e; border-top: 1px solid #fefefe; border-bottom: 1px solid #ebebeb; }
	
	.box			{ padding: 10px; background: #ffffe1; border: 2px solid #883333; }
	
	.frmbtn			{ display: inline; }
	
	
#message
{
  position: absolute;
  display: none;
  top: 25px;
  left: 200px;
  right: 200px;
  z-index: 5000;
  opacity: 0.93;
}

#message div
{
  width: 400px;
  margin: 0px auto;
  height: 64px;
  min-height: 64px;
  padding: 8px 10px 8px 8px;

}

#message div.notice,
#remote-objects-message
{
  background: url(../gfx/display/info.png) 6px 3px no-repeat;
  background-color: #F7FDCB;
  border: 2px solid #C2D071;
  padding-left: 24px;
}

#message div.error,
#message div.warning
{
  background: url(../gfx/errorbig.jpg) 6px 3px no-repeat;
  background-color: white;
  border: 2px solid #DC5757;
  font-size: 16px; font-weight: bolder; color: #880000;
  padding-left: 90px;
}
	
	
	
	
	
	
	
	
	.hdr 			{ color: white; }
	.error			{ color: red; font-weight: bold; }
	
	.qTblDialog		{ width: 500px; font-size: 12px; color: black; }
	
	/*.main			{ text-align: left; width: 800px; border: 1px solid #666666; background: #FAFAFA url(../gfx/main_bg.jpg) repeat-x top; margin: auto auto; }*/
	
	#dynamic_box 	{ background: white; position: relative; }
	#dynamic_box2 	{ border: 1px solid #63847f; background: white; position: relative; }

	.qTypeBox 		{ margin: 0px; margin-top: 5px; padding: 1px; background: white;  }
	
	/* see IE fix */
	.qBox 			{ clear: none; position: relative; background: white; border-bottom: 1px dotted #ebebeb; margin: 0px; color: black; font-size: 12px; }
	.qBox2 			{ clear: none; background: white url(../bg1.gif) repeat-x; border-bottom: 1px dotted silver; margin: 0px; }
	.qBoxHilight 		{ clear: none; position: relative; background: #ffffaa; border-bottom: 1px solid silver; }
	/* see IE fix */
	
	
	/* nForm Loading Panel */
	.qLoading		{ height: 150px; text-align: center; background: white url(../gfx/loading2.gif) no-repeat center center; }
	.qLoadingTxt		{ color: gray; margin-top: 130px; }
	
	
	/* todo: make this a function and make the thing floating. */
	.errorDiv		{ width: 100%; height: 130px; background: white url(../gfx/errorbig.jpg) no-repeat 30px center; }
	.errorTxt		{ color: gray; padding-top: 32px; width: 80%; margin-left: 19%; color: red; font-size: 16px; font-weight: bold; }
	
	
	.qBtns			{ position: relative;
						clear: none;
						width: 34px; 
						float: right; 
						margin: 5px; 
						display: inline; 
						background: transparent !important; 
						
						-moz-opacity: 0.50;
						opacity:.50;
						filter: alpha(opacity=50);
					}
	.qBtns:hover	{ -moz-opacity: 1; opacity:1; filter: alpha(opacity=100); background: transparent !important; }
	
	.qBtn			{ float: right; width: 16px; height: 16px; clear: none; margin: 0px; padding: 0px; background: transparent; }
	
	.hdrBtns		{ text-align: right; float: right; clear: none; margin-right: 10; width: 198px; height: 28px; margin-top: 3px; }
	.hdrBtns img	{ margin: 5px; margin-top: 2px; margin-bottom: 0px; }
	.qDebugBtn		{ float: right; clear: none; margin-right: -44px; width: 20px; height: 20px; margin-top: 10px; }
	.qDebugBtnBig	{ float: right; clear: none; margin-right: -56px; width: 32px; height: 32px; margin-top: 4px; }
	
	
	/* interchanging panels */
	.qToolBox		{ border-top: 1px dotted silver; }
	.qObjSetup 		{ width: 100%; display: none; }
	.qObjSetupC		{ height: 100px;
						background: white url(../bg1.gif) repeat-x 0px 21px; 
						padding: 0px; 
						margin: 0px; 
					}
	
	.qObjSetupTtl	{ font-weight: bold; 
						line-height: 14px; 
						font-size: 12px; 
						color: white; 
						padding: 3px; 
						padding-left: 10px; 
						background: #bababa; 
					}
					
	.qObjSetupDesc	{ width: 225px; 
						padding-left: 18px; 
						font-weight: bold; 
						color: black; 
						margin-top: 15px; 
						letter-spacing: -0.2px; 
					}
	.qObjSetupArw	{ float: right; margin-top: 7px; width: 36px; height: 25px; }
	
	.qObjSetupField	{	float: right;
						margin-right: 10px;
						margin-top: 10px;
						width: 510px; 
					}
	
	.qObjSetupField textarea { width: 100%; height: 45px; margin: 0px; padding: 0px; }
	
	.qObjSetupBtns	{ margin-top: 1px; }
	.qObjSetupBtnC	{ display: inline; float: left; }	/* reset */
	.qObjSetupBtn	{ display: inline; float: right; }	/* Cancel, spacer and post */
	
	.q			{ position: relative; float: left; width: 235px; margin: 7px; }
	.qObj			{ position: relative; float: right; width: 460px; font-size: 12px; margin: 7px; }
	.qTbl			{ width: 460px; font-size: 12px; color: black; font-size: 12px; }
	
	.qBox h2		{ margin-left: 12px; background-color: #f5f5f5; padding: 2px; }
	
	.qBox .qDesc		{ margin: 10px; border: 1px solid #ffd143; background: #fff8e2; color: black; padding: 4px; }
	
	.qNum			{ position: relative; float: left; width: 32px; clear: none; text-align: center; margin-left: -5px; }
	.qNum h1 		{ color: #cacaca; text-align: center; width: 100%; padding: 0px; margin: 0px; margin-left: -5px; }
	.qClear 			{ clear:both; }
	
	.qSubmit 		{ background: #ebebeb; margin-top: 5px; text-align: right; padding: 5px; }
	
	
	.qAddLink		{ /*width: 180px; float: right; */margin-bottom: 5px; }
	.qAddField		{ /*width: 180px; float: right; */margin-bottom: 5px; }
	.qAnswerList	{ /*width: 180px; float: left;*/ overflow-x: hidden; }


	
	input.nbtn
	{
	   font-size:12px;
	   line-height: 20px;
	   padding-left: 10px;
	   padding-right: 10px;
	   font-family:myriad pro, trebuchet ms;
	   font-weight:bold;
	   color:#3e3e3e;
	   height: 20px;
	   background-image:url(gfx/btnbg.png);
	   border-style:solid;
	   border-color:#bdbdbd;
	   border-width:1px;
	}
	
	input.nbtn[disabled] { color: silver; }
	




		/* semi transparent invisible sections in the menu when in the layout admin */
		.ghosted { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha(opacity=50);
			        -moz-opacity:0.5;
				-khtml-opacity: 0.5;
				opacity: 0.5;
		}


		/* layout control bar used in admin mode - todo: put this somewhere else - it hints at administrative features */
		
		.layout_bar 			{ font: 12px myriad pro, arial, sans-serif !important; text-align: left !important; height: 44px !important; color: #3c3c3c !important; width: 960px !important; margin: auto !important; /* position: absolute !important; */ z-index: 5000 !important; }
		
		.layout_bar h2			{ font-size: 20px !important; line-height: 21px !important; margin: 0px !important; padding: 0px !important; font-weight: bold !important; color: #3c3c3c !important; font-family: myriad pro, trebuchet ms, tahoma, sans-serif !important; }
		
		.layout_bar .l 			{ height: 44px !important; background: transparent url(gfx/adm_bar/left.gif) no-repeat top left !important; }
		.layout_bar .r 			{ height: 44px !important; background: transparent url(gfx/adm_bar/right.gif) no-repeat top right !important; }
		.layout_bar .mid		{ height: 44px !important; margin-left: 5px !important; margin-right: 5px !important; padding-top: 10px !important; background: transparent url(gfx/adm_bar/mid.gif) repeat-x !important; }
		.layout_bar .content	{ padding-left: 7px !important; }
		
		.layout_bar .quitbtn	{ float: right !important; position: relative !important; text-align: right !important; margin-top: -2px !important; margin-right: 2px !important; clear none !important; }
		.layout_bar .quitbtn img	{ border: 0 !important; }
		
		.layout_bar .title		{ position: relative !important; float: left !important; width: 105px !important; }
		.layout_bar .title h2 	{ margin: 0px !important; line-height: 20px !important; padding: 0px !important; margin-right: 10px !important; margin-top: 3px !important; }
		
		.layout_bar .btn 		{ width: 28px !important; height: 29px !important; margin-left: 6px !important; margin-right: 6px !important; background: transparent url(gfx/adm_bar/btn_off.gif) no-repeat !important; }
		.layout_bar .btn .icon	{ margin: 6px !important; }
		
		.layout_bar .btn:hover 	{ background: transparent url(gfx/adm_bar/btn_on.gif) no-repeat !important; }
		
		.layout_bar .btn_dsbld 			{ width: 28px !important; height: 29px !important; margin-left: 6px !important; margin-right: 6px !important; background: transparent url(gfx/adm_bar/btn_dsbld.gif) no-repeat !important; }
		.layout_bar .btn_dsbld .icon 	{ margin: 6px !important; }
		
		.layout_bar .txtbtn		{ font-size: 12px !important; position: relative !important; float: left !important; margin-left: 6px !important; margin-right: 20px !important; }
		.txtbtn img				{ border: none; margin-top: -5px !important; }
		.txtbtn a				{ font-size: 12px !important; letter-spacing: 0px; color: #3c3c3c !important; text-decoration: none !important; }
		.txtbtn a:hover			{ color: #5aa4ee !important; }
		
		
			/* facebook style tooltip */

			#nTip {
				position: absolute;
				display: none;
				z-index: 999999;
			}
			
			#nTip #nTip_Text {
				font-weight: bold;
				background-color: #000000;
				border-radius: 5px;

				
				-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.75);
				box-shadow: 0px 5px 10px rgba(0,0,0,0.75);
				
				color: white;
				padding: 5px;
			}
			
			#nTip #up_arrw { text-align: center; display : none; }
			#nTip #dwn_arrw { text-align: center }
			
			#nTip .right { text-align: right !important; margin-right : 10px; }