

/* =================================== */
/* = PANEL STRUCTURE ................ = */
/* =================================== */
 
	#favpanel {
		position: fixed;
		bottom:0; 
		width:100%;
		height: 30px;
		bottom: 80px;
		padding: 0px 0px 0px 0px; 
		overflow: hidden;
		background-color: #000;
		font-size: 90%;
		font-family:tahoma,verdana,sans-serif;
		color: #999;
		z-index:1000;
		margin: 0 auto;
		background-image: url(../img/panel-wrapbg.jpg); background-repeat: repeat-x;
	}
	#favpanel-wrap {width:960px; margin:0 auto; padding: 0px 0px 0px 0px; position:relative; overflow: visible; min-height:500px;height:auto !important;height:500px;}
	#favpanel-footer {width:960px; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;}
 
	/*- 50 / 50 split -*/
	#col-half-left {width:370px; margin: 30px 0px 0px 0px; *margin-top:0px;  padding: 25px; float: left;}
	#col-half-right {width:460px; margin: 30px 0px 0px 0px; *margin-top:0px;  padding: 25px; float: left;}
	#col-half{width:410px; margin: 30px 0px 0px 0px;  *margin-top:0px; padding: 25px; float: left;}

	/*- Full Width -*/
	#col-full {width:900px; margin: 0px 0px 0px 0px;  padding: 30px; }

	
/* ============================================ */
/* = HEADER / NAVIGATION                      = */
/* ============================================ */

	#favpanel-header {position:absolute; width:960px; min-height:30px; height:auto !important;height:30px; margin: 0px 0px 30px 0px;  padding: 0px 0px 0px 0px; display:inline;}
	
	#fav-set {margin: 0px 0px 0px 30px;  padding: 0px 0px 0px 0px; float: left; line-height:30px; display:inline;}
	#fav-set-img {margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; float: left; line-height:30px; display:inline;}
	#fav-set-text {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; line-height:30px; display:inline;}
	#fav-set-arrow {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; line-height:30px; display:inline;}
	
	#fav-mainnav-con {margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; float:right; display:inline; width: 395px; text-align: right;}
	#fav-mainnav {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display:inline; font-weight: bold;}
	#fav-updownclose {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display:inline; float: right;}

/* = Main menu / Header = */	
/* = -------------------------------------------- = */	
	
	/* Containers and general Setup */	
	#fav-mainnav ul {list-style:none;margin: 0px 0px 0px 0px;padding:0;}
	
	/* Nav buttons setup */
	#fav-mainnav ul li {float:left;line-height:30px;position:relative;outline: none;}

	/* Nav States  */
	#fav-mainnav ul li a {color:#888;text-decoration:none;height:30px;float:left;display:inline; /*ie*/padding:0 4px;outline: none; }
	#fav-mainnav ul li a:hover {display:block;background-image:none !important; color:#fff;}
	#fav-mainnav ul li a.active {display:block;background-image:none !important; color:#ccc; font-weight:bold;}

	/* NAV - UP DOWN CLOSE */
	#fav-updownclose ul {list-style:none;margin: 0px 0px 0px 0px;padding:0; }
	
	/* Nav buttons setup */
	#fav-updownclose ul li {float:left;line-height:30px;position:relative;outline: none;}

	/* Nav States  */
	#fav-updownclose ul li a {color:#888;text-decoration:none;height:30px;float:left;display:inline; /*ie*/padding:0 0px;outline: none; }
	#fav-updownclose ul li a:hover {display:block;background-image:none !important; color:#fff;}
	#fav-updownclose ul li a.active {display:block;background-image:none !important;color:#ccc; font-weight:bold; }
	

/* = Favorite Set choice Drop = */	
/* = -------------------------------------------- = */		
	/* Drop setup */	
	#favset ul li.hover ul,
	#favset ul li:hover ul {display:block; outline: none;}
	
	/* Drop styling */	
	#favset ul ul {position:absolute;top:70px;left:-1px;left:-1px;background:#000;border:1px solid #222;border-width:1px 1px 0 1px; width:126px; display:none; font-size:10px; z-index:99;}
	#favsetul ul li {float:none;border:1px solid #222;border-width:0 0 1px 0;height:29px;line-height:29px; z-index:99;}
	
	/* Drop states  */
	#favset ul ul li a {float:none;height:29px;line-height:29px;display:block;background-image:none !important;color:#999;outline: none;padding:0 15px;}
	#favset ul ul li a:active {float:none;height:29px;line-height:29px;display:block;background-image:none !important;background-color:#cc0000;color:#fff;padding:0 15px;}
	#favset ul ul li a:hover {float:none;height:29px;line-height:29px;display:block;background-image:none !important;background-color:#cc0000;color:#fff;padding:0 15px;}
	

/* ======================================================================== */
/* Thumbnails                                                               */	
/* ======================================================================== */

	
	.thumbnail-con { border:1px solid #333; margin: 0 7px 7px 0; padding: 10px 0 7px 0; display: block; color:#fff; font-weight:bold; float:left; width: 150px; text-align:center;}
	.thumbnail-con-preview { margin: 0; padding: 0; display: block; float:left; width: 150px; text-align:center;}
	.thumbnail-con-preview div { clear:both; display:block; }
	
	.thumbnail {float: left; display:block; border:1px solid #111;}
	.thumbnail a { display: block; border:1px solid #fff; overflow: hidden;}
	.thumbnail a:hover {display: block; border:1px solid #333; overflow: hidden;}
	
/* =================================== */
/*  TEXT STYLING                       */
/* =================================== */
	
	.favset-title {color:#ccc;font-weight:bold;}
	.form-title {color:#ccc;font-weight:bold; font-size:120%;margin-Bottom: 3px; display:block}
	.form-subtitle {color:#666;font-weight:normal; border-bottom:1px dotted #444; padding-Bottom: 20px; margin-Bottom: 20px; display:block}
	.alert {color:#ff0000;font-weight:bold;}
	.message {color:#FFFFFF; display: block;}
	.instructions { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; display: block; color:#ccc;font-weight:bold; }
	.instructions-delete { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; display: block; color:#ff0000;font-weight:bold; }
	.fav_delete_div{ text-align: center; display: block;}
	.fav_delete { color:#999; text-align: center; font-weight: normal !important; font-size:90%; }
	


/* =================================== */
/*  FORM STYLING                       */
/* =================================== */

	.group {margin: 0px 0px 80px 0px; padding: 0px 0px 0px 0px; display: block; }
	.enable-scroll-quick {  height:470px; overflow:auto;  }
	.enable-scroll-share {  height:500px; overflow:auto;  }
	.panelset {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block;}
	label,input, select {display: block;width: 240px;float: left;margin-bottom: 10px;}
	label {text-align: right;width: 110px;padding-right: 10px;} 
	br {clear: left;}
	.sm-button {display: block;width: 75px;float: left;margin: 0px 10px 10px 0px;}
	.submit {display: block; width: 240px;float: left;margin: 0px 10px 10px 0px; padding: 6px;}
	form span { clear:both; display:block;  width:180px; margin:auto 50px auto auto; text-align:right;}
	
	#rename-favset {width: 100%; margin: 0px 0px 0px 0px; padding: 30px 30px 30px 30px; background-color:#333333; display:inline-block; overflow:visible; border-bottom: #444444 1px solid}
	#delete-favset {width: 100%; margin: 0px 0px 0px 0px; padding: 30px 30px 30px 30px; background-color:#330000; display:inline-block; overflow:visible; border-bottom: #444444 1px solid;}
	.favset-button {width: 50px; margin: 0px 0px 0px 0px; padding: 4px;background-color:#000000; border:#CCCCCC 1px solid; display:block}
	
	#searchbox { float:right; margin-top:24px; width:360px;  }
	.search-field { float:right; background:url(../img/backgrounds/textbox-bg.gif) no-repeat; border:0; margin:0; color:#737373; font-size:10px; padding:3px; width:272px; height:16px;z-index:-1;}
	.search-button { float:right; width:29px; height:36px; margin:-7px 0 0 -6px;z-index:1;}
	.fav-bar-button { *margin:-3px 0 0 10px; font-size:11px; width:70px;  }
	#user-is-not-logged-in {line-height:19px;*line-height:12px;}
	#user-is-not-logged-in div {float:right;margin-left:10px;}
	#user-is-logged-in {float:right;line-height:20px;*line-height:17px;}
	#user-is-logged-in div {float:right; margin-left:10px;}
		
/* ========================= */
/*  CLEAR FIXES              */
/* ========================= */

	.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
	.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}
 
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block}/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}/* End hide from IE-mac */
	
	
	
	
/* ================================ */
/* = CSS added during programming = */
/* ================================ */
.invisible{ display:none; }