﻿/*  -------------------------------------------------------------------
    Shell ------------------------------------------------------------- */
    html { height:100%; overflow-y:scroll; /* Vertical Scroll*/ }
    body {
        background:#E0DDCC;
		color:#000;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        height:100%;
    }
	
	form#mainform { height:100%; } /* ASP.NET - Javascript remove height in Edit/Debug/Seo Mode */ 

	#wrapper { /* Wrapper - Fix Edit Mode */
		background:url("../img/mood/3/bg_body.jpg") no-repeat left top;  
		color:#000;
        font-family:Verdana, Arial, Helvetica, sans-serif;
		height:100%;
		position:relative;
	} 
	
	#container { 
		background:url("../img/bg_tree.jpg") no-repeat 801px 100%; 
		margin-left:38px;
		min-height:100%;
	}	
	*html #container { height:100%; }/*IE6*/
	
	#content {
		padding-bottom:12.5em;
		width:900px;
	} 
	
	#footer {
		background:url("../img/bg_footer.jpg") no-repeat left bottom;
		clear:both;
		margin-top:-12.5em; /* negative value of footer height */
		position:relative;
		width:844px; height:12.5em; 
	} 


/*  -------------------------------------------------------------------
    Header ------------------------------------------------------------ */
    #header { position:relative; width:900px; height:131px; }
		#logo {
			display:block;
			float:left;
			margin:0; padding:0;
			margin-top:16px;
			width:155px; height:42px;
		}
	    
		#header .tagline { 
			color:#1b3764;
			display:inline;
			float:left;
			font-size:16px; line-height:19px;
			font-weight:bold;
			margin:28px 0 0 12px; padding:0;
		}
	    
		.skip, .printonly {
			position:absolute;
			top:-1000em; left:-1000em;
			text-indent:-2000em;
			width:1px; height:1px;
		}
      

    /*  -----------------------------------------------------------------------
        Top Navigation -------------------------------------------------------- */
        #topnav {
        	position:absolute; 
        	top:0; right:0; 
        }
		#topnav ul, #topnav li { background:none; list-style:none; margin:0; padding:0; }
        #topnav ul { 
			margin:10px 8px 0 0; 
		}
		#topnav li { 
            border-right:1px solid #aaa;
            display:block;
            float:left; 
            height:12px;
            margin-right:10px; padding-right:10px;
        }
        #topnav li.last { border-right:none; margin-right:0; }
        #topnav a, #topnav a:visited, #topnav a:active {
            display:block;
            font-size:12px; line-height:15px;
			margin:0; padding:0;
			margin-top:-3px; 
            text-indent:.04em;
        }
		#topnav a.selected { color:#3372A0; }


/*  -------------------------------------------------------------------
    Content ----------------------------------------------------------- */
	.bigTitle { 
		color:#1b3764; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:2.67em; line-height:.88em; /*32px/28px*/
		margin-bottom:.8em; 
	} 

    /*  Interactive
        ----------------------------------------------- */
        #wrap_flash { display:none; }
		.interactive { height:122px; overflow:hidden; position:relative; }
        
        /* Feeling Box */
        .interactive .feeling_box {
			background:#497C8F url("../img/mood/3/bg_feeling.jpg") no-repeat left top;
			display:block; 
			position:absolute; bottom:0; right:0;
			width:280px; height:124px;
		} 
		.interactive .feeling_box p { 
			color:#fff; 
			margin:32px 0 0 25px; 
			font-size:13px; line-height:16px;
			width:142px; 
		}
		.interactive .feeling_box .mybird { 
			position:absolute;
			top:45px; left:195px;
			display:block;
			text-indent:-3000em;
			width:70px;height:60px; 
		}
		.interactive .feeling_box ul, .interactive .feeling_box li { background:none; list-style:none; margin:0; padding:0; }
		.interactive .feeling_box ul { position:absolute; bottom:0; left:0; width:100%; }
		.interactive .feeling_box li { display:inline; }
		
		/* Interactive Title */
		.interactive h1 { 
            background:url("../img/i_arrow_h1.gif") no-repeat 14px .6em;
            color:#1b3764; 
			float:left; /*IE*/
			font-family:Georgia, "Times New Roman", Times, serif; 
			font-size:2.67em; line-height:.88em; /*32px/28px*/ 
			margin:39px 0 0; padding-left:27px; 
            width:590px;  
        }
		.interactive h1 a, .interactive h1 a:active, .interactive h1 a:visited { 
			color:#1b3764; 
			font-family:Georgia, "Times New Roman", Times, serif; 
			font-size:1em; line-height:1.5em; 
		}
		.interactive h1 a:hover { color:#bf5501; }
        .interactive h1 span { 
            color:#326e9e;
            display:block; 
            font-family:Georgia, "Times New Roman", Times, serif;
            font-size:0.69em; /*22px/19px*/ 
            margin-top:10px;
        }
		
		/* Big - Whith flash */
		.p_home .interactive { width:900px; height:250px; }
		.noflash-msg { margin-left:370px; padding-top:20px; width:450px; }
		.p_home #wrap_flash { 
			background:url("../img/mood/3/bg_noflash.jpg") no-repeat left top;
			display:block;
			min-width:960px;
			overflow:hidden;
			position:absolute;
			top:130px;left:0; 
			width:100%; height:250px;
			/*z-index:4; Added with javascript*/
		}
		*html .p_home #wrap_flash { top:138px; } /*IE6*/


/*  -------------------------------------------------------------------
    Main -------------------------------------------------------------- */
    #main { 
        background:#f0eee6; /* url("../img/bg_main_x.jpg") repeat-x left top;*/
		display:inline;
		float:left; 
        margin-left:27px; padding:34px 0; 
        position:relative;
		width:593px; 
    }
    
    #leftcolumn #main { 
        background:none;
    }
    
    /* Body-Only */
    #main.Body_Only { margin-bottom:10em; margin-top:17px; width:873px; }
    #main.Body_Only .padding { padding:0 28px 0 32px; }
        
    /* Body-Right */
    #main.Body_Right .padding { padding:0 28px 0 32px; }
    
    /* Left-Body-Right */
    #main.Left_Body_Right .col_left { clear:left; display:inline; float:left; width:196px; margin-left:-27px; }
    #main.Left_Body_Right .col_right { display:inline; float:right; margin-right:28px; width:394px; } 
			
	/* 2-Columns-Right */ 
    #main.Two_Columns_Right .padding { padding:0 28px 0 32px; }
    #main.Two_Columns_Right .col_left { clear:left; float:left; width:48%; }
	#main.Two_Columns_Right .col_right { clear:right; float:right; width:45%; }
			
	/*  -----------------------------------------------------------------------
        Main Columns ---------------------------------------------------------- */	
		/* Columns */
		#main div.column { float:left; width:46%; margin-right:4%; }
		#main div.column.first { clear:left; }
		#main div.column.last { float:right; margin-right:0; }   
		
		/* Two columns */
		#main ul.twocolumn { overflow:hidden; zoom:1; }
		#main ul.twocolumn li { background:none; float:left; width:42%; }
		
	
    /*  -----------------------------------------------------------------------
        Listing (News & Events) ----------------------------------------------- */
		.listing ul, .listing li { background:none; list-style:none; margin:0; padding:0; }
		.listing li .date { font-size:0.92em; line-height:2em; } /*11px/22px*/
		.listing li h3 {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1em; line-height:1.5em;  /*12px/18px*/
			margin-bottom:0;
		}		
		
		/* Listing hentry */
		.listing li .hentry { margin-bottom:.8em; }
		.listing li .hentry .vcard { display:none; }
		
		/* Listing vevent */
		.listing li .vevent { margin-bottom:2em; }
		.listing li .vevent img { border:none; margin:10px 8px 10px 0; }
		.listing li .vevent .date { 
			clear:left; 
			display:block;
			/*font-size:1em; line-height:1.33em;  12px/16px*/
		}	
		.listing li .vevent h3.summary {
			font-size:1.42em; line-height:1.29em;  /*17px/22px*/		
			font-family:Verdana, Arial, Helvetica, sans-serif;
			margin-bottom:0;
		}
		.p_home .listing .vevent h3.summary { font-size:1em; line-height:1.33em;  /*12px/16px*/ }
		
		#main.Two_Columns_Right .block-listing { margin-bottom:40px; }
		#main.Two_Columns_Right .block-listing h2 { 
			color:#1b3764;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:2.17em; line-height:1.12em; /*26px/29px */
			margin:8px 0 .8em 0;
			width:150px;
		}		
		

    /*  -----------------------------------------------------------------------
        Forum Listing - Community --------------------------------------------- */		
		#main .col_left .block-discuss h2 { 
			color:#1b3764; 
			font-family:Georgia, "Times New Roman", Times, serif; 
			font-size:2.67em; line-height:.88em; /*32px/28px*/
			margin:6px 0 .8em 0px;
		}
		#main .col_left .block-discuss .hreview { margin-bottom:2.2em; position:relative; }
		*html #main .col_left .block-discuss .hreview { zoom:1; } /*IE6*/
		#main .col_left .block-discuss .comments {
			display:block;
			position:absolute; 
			top:-12px; left:-57px;
			width:56px; height:56px;
		}
		#main .block-discuss .comments a, #main .block-discuss .comments a:active, #main .block-discuss .comments a:visited { color:#326e9e; }
		#main .block-discuss .comments a:hover, #main .block-discuss .comments a:hover span { color:#1b3764; }
		#main .col_right .block-discuss .comments  { display:none; } 
		#main .col_left .block-discuss .comments a {
			display:block;
			font-size:18.56px; line-height:0.67px;
			font-weight:normal;
			margin:0; padding:20px 0 0 10px;
			width:46px; height:44px;
		}
		*html #main .col_left .block-discuss .comments a { width:56px!important; height:56px!important; }
		#main .col_left .block-discuss .comments span { 
			color:#326e9e;
			display:block; 
			font-size:7px; line-height:9.28px; 
			text-indent:-3000em;
		}
		#main .block-discuss .hreview blockquote { margin-bottom:.4em; }
		#main .block-discuss p.vcard { 
			font-size:0.92em; line-height:2.45em; /*11px/27px*/
			margin:0; padding:0; 
			padding-left:28px; 
		}				
		
	
    /*  -----------------------------------------------------------------------
        Sub Navigation -------------------------------------------------------- */
        #subnav {
			background:url("../img/bg_subnav_xy.png") repeat left top;
			border:1px solid #aec9e3; 
            margin:0; padding:0;
			padding-top:8px;
			position:relative;
			width:168px; 
        }
        *html #subnav { background:#C5D1D1; } /*IE6*/
				
        #subnav ul, #subnav ol, #subnav li { background:none; list-style:none; margin:0; padding:0; }
       	#subnav ul li { border-bottom:1px solid #a5bcc6; border-top:1px solid #d6dedd; }
			#subnav ul li.first { border-top:none; }
			#subnav ul li.last { border-bottom:none; }
			#subnav li a, #subnav li a:active, #subnav li a:visited {
                background:url("../img/i_arrow_orange.gif") no-repeat 13px 15px;
                color:#000;
				display:block;
				line-height:15px;
				margin:0; padding:10px 10px 10px 22px; 
            }
			#subnav li a:hover, #subnav li a:focus { color:#BF5501; }
			#subnav a:active, #subnav li.current a.active{ background-image:url("../img/i_arrow_blue.gif"); color:#326e9e; }
        
		/*Second Level*/
        #subnav ol { display:none; }
		#subnav li.current ol { display:block; }
		#subnav li.current ol li { border:none; }
		/**html #subnav li.current ol li { border-top:1px solid red; #C5D1D1; }*/
		#subnav li.current ol li a, #subnav li.current ol li a:active, #subnav li.current ol li a:visited { 
			border:none; 
			background-position:11px 5px; 
			margin-left:12px; padding:0 10px 8px 20px; 
		}
	
		
    /*  -----------------------------------------------------------------------
        Tags ------------------------------------------------------------------ */		
		.tags_box {
			background:url(../img/bg_tags_top.gif) no-repeat;
			float:left;
			margin-top:200px;
			position:relative;
			width:167px;
		}
		
			.tags_box_inner { background:url(../img/bg_tags_repeat.gif) repeat-y; margin:15px 0 0; padding:0 20px 9px; }
			.tags_box_bot { background:url(../img/bg_tags_bot.gif) no-repeat; height:11px;  }
			.tags_box ul, .tags_box li { background:none; color:#d18a48; list-style:none; margin:0; padding:0; }
			.tags_box ul { overflow:hidden; zoom:1; }
			.tags_box li { display:inline; }
			.tags_box li a { 
				color:#bf5501;  
				font-size:.94em; line-height:1.55em; /*11px/17px*/
			}
			.tags_box p {margin:0 0 8px;}


    /*  -----------------------------------------------------------------------
        Rating ---------------------------------------------------------------- */	
		.rating_box {
			background:url(../img/bg_rating_top.gif) no-repeat;
			float:left;
			margin-top:20px;
			position:relative; 
			/*position:absolute;
			top:450px; left:-27px;*/
			width:167px;
		}
			.rating_box_inner { background:url(../img/bg_rating_repeat.gif) repeat-y; margin:15px 0 0; padding:0 20px 9px; }
			.rating_box_bot { background:url(../img/bg_rating_bot.gif) no-repeat; height:11px; }
			.rating_brush {
				background:url(../img/rating_brush.gif) no-repeat;
				position:absolute;
				bottom:-21px; left:107px;
				width:72px; height:69px;
				z-index:2;
			}
			.rating_box p { margin:0 0 6px; }
			.rating_box p.note { clear:both; font-size:.8em; }
			input.star { width:auto; }
			/*div.rating-cancel,*/div.star-rating { float:left; width:23px; height:20px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; }
			/*div.rating-cancel,div.rating-cancel a{ background:url(delete.gif) no-repeat 0 -16px; }*/
			div.star-rating,div.star-rating a{ background:url(../img/star.gif) no-repeat 0 0px; }
			/*div.rating-cancel a,*/div.star-rating a { display:block; width:23px; height:100%; background-position:0 0px; border:0; }
			div.star-rating-on a { background-position:0 -20px!important; }
			div.star-rating-hover a { background-position:0 -40px; }
			/* Read Only CSS */
			div.star-rating-readonly a {cursor:default!important; }
			/* Partial Star CSS */
			div.star-rating { background:transparent!important; overflow:hidden!important; }


    /*  -----------------------------------------------------------------------
        Paging ---------------------------------------------------------------- */	
		.paging { 
			background:url("../img/bg_pen_medium.gif") no-repeat left top; 
			margin-top:30px; padding-top:15px; padding-right:45px;
			text-align:right;
		} 
		#main.Two_Columns_Right .col_left .paging, #main.Two_Columns_Right .col_right .paging  { 
			background:url("../img/bg_pen_small.gif") no-repeat 0 0; 
			padding-left:0;
			text-align:left;
		}


    /*  -----------------------------------------------------------------------
        Next and Previous ----------------------------------------------------- */			
		#previousnext { clear:both; margin-left:-27px; }
		#previousnext .inner { 
			background:url("../img/bg_subnav_xy.png") repeat left top;
			border:1px solid #aec9e3; 
			position:relative;
			top:34px;
		}
		*html #previousnext .inner { background:#C5D1D1; } /*IE6*/
		
		#previousnext ul, #previousnext li { background:none; list-style:none; margin:0; padding:0; }
		#previousnext ul { background:url("../img/sep_y.gif") repeat-y 50% top; padding:20px; overflow:hidden;/*IE8*/ }
		#previousnext li { float:right; text-align:right; width:240px; }
		#previousnext li.first { float:left; text-align:left;	}
		#previousnext a.b_prev, #previousnext a.b_next {
			color:#000; 
			display:block;
			margin-bottom:10px; padding-top:3px;
			zoom:1; /*IE6*/
		}
		#previousnext a.b_prev { background:url("../img/b_prev.gif") no-repeat 0 0; padding-left:28px; }
		#previousnext a.b_next { background:url("../img/b_next.gif") no-repeat 100% 0; padding-right:28px; }
		
		/* Hover */
		#previousnext a.b_prev:hover  { background-position:0 -46px; }
		#previousnext a.b_next:hover { background-position:100% -46px; }
		

/*  -------------------------------------------------------------------
    Sidebar ----------------------------------------------------------- */
    #sidebar { 
		float:left; 
		width:223px;
	} 

        /*  -------------------------------------------------------------------
    		Toolbox --------------------------------------------------------- */
            #toolbox { padding:12px 13px; }
            #toolbox ul , #toolbox li { background:none; list-style:none; margin:0; padding:0; }
            #toolbox ul li {
                background:none;
                float:left;
            }
            
            #toolbox ul li a {
                background-image:url("../img/bg_utilities.gif");
                background-repeat:no-repeat;
                display:block; 
				line-height:1;
                margin:0; padding:0;
                margin-left:7px;
                width:31px; height:31px; 
                text-indent:-3000em;                
            }
            #toolbox ul li.b_size a { background-position:0 0; }
            #toolbox ul li.b_print a { background-position:-38px 0; }
            #toolbox ul li.b_stf a { background-position:-76px 0; }
            #toolbox ul li.b_share a { background-position:-114px 0; }

            /* Hover */
            #toolbox ul li.b_size a:hover { background-position:0 -33px; }
            #toolbox ul li.b_print a:hover { background-position:-38px -33px; }
            #toolbox ul li.b_stf a:hover { background-position:-76px -33px; }
            #toolbox ul li.b_share a:hover { background-position:-114px -33px; }
			
			
		/*  -------------------------------------------------------------------
    		Block ------------------------------------------------------------- */
			#sidebar .block { position:relative; width:223px; } 
			#sidebar .block.last { background-image:none!important; }
								
			/* Padding */
			#sidebar div.block .block-inner { padding:34px 22px; }
			
			/* Redefined block style */
			#sidebar .block .title { 
				font-size:1.42em; line-height:1.24em; /*17px/21px*/
				margin-bottom:.6em;
				text-align:left;font-weight:normal;
			}
			#sidebar .block .title strong,
			#sidebar .block .title strong span { display:block; font-weight:normal; } 
			#sidebar .block p, #sidebar .block ul { margin-bottom:0; }
			#sidebar .block select {
				margin-top:1em; 
				width:170px;
			}
			#sidebar .block p.action { margin-top:15px; }
			#sidebar .block p.action .btn { float:right!important; }
			#sidebar .block .ico { 
				background:no-repeat left top;
				display:block;
				font-size:1; line-height:1; 
				position:absolute;
				bottom:1px; left:216px;
				width:18px; height:18px;
				z-index:4;
			}
			#sidebar .block.last .ico { bottom:0; }			
			#sidebar .block.overBlock .ico { background-position:0 -21px; } /*Javascript*/
					
			
		/*  Block: Style1 (Orange) 
            ----------------------------------------------- */
			#sidebar .block.orange { background:#e79d43 url("../img/block_border.gif") repeat-x left bottom; }
			#sidebar div.block.orange.overBlock { background-color:#d87c31; cursor:pointer; } /*Javascript*/
			#sidebar .block.orange .title { color:#fff; }
			#sidebar .block.orange .ico { background-image:url("../img/i_ico_orange.gif"); }
					
						
		/*  Block: Style2 (Blue)
            ----------------------------------------------- */
			#sidebar .block.blue { background:#c5d1d1 url("../img/block_border.gif") repeat-x left bottom; }
			#sidebar .block.blue .title { color:#326e9e; }
			#sidebar div.block.blue.overBlock { background-color:#d87c31; cursor:pointer; } /*Javascript*/
			#sidebar div.block.blue.overBlock .title { color:#fff; } /*Javascript*/
			#sidebar .block.blue .ico { background-image:url("../img/i_ico_blue.gif"); }
			
					
		/*  Custom Specific Block 
            ----------------------------------------------- */
			/* Feed */
			#sidebar .block-feed ul.arrow li { margin-left:18px; }
			#sidebar .block-feed ul.arrow li.i_rss { background:none; margin-left:0;    }
			#sidebar .block-feed ul.arrow li.i_rss a, #sidebar .block ul.arrow li.i_rss a:active, #sidebar .block ul.arrow li.i_rss a:visited { 
				background:url("../img/b_rss.gif") no-repeat 0 4px;  
				display:block;
				padding:10px 0 10px 38px; 
				zoom:1; /*IE6*/
			}
			#sidebar .block-feed ul.arrow li.i_rss a:hover { background-image:url("../img/b_rss_o.gif"); }
			
			/* Community Discucss */
			#sidebar .block-discuss blockquote { background-position:0 4px; padding-left:15px; }
			#sidebar .block-discuss .comments { display:none; }
			#sidebar .block-discuss .vcard { padding-left:15px; }
			#sidebar .block-discuss abbr { display:block; border:none; }
			
			/* Latest MS Dialogue */ 
			#sidebar .block-latest { text-align:center; }
			#sidebar .block-latest .i_pdf { 
				cursor:pointer;
				display:block;
				margin:20px auto;
				position:relative;
				width:103px;
			}
			#sidebar .block-latest a.i_pdf { text-decoration:none; }
			#sidebar .block-latest a.i_pdf img { border:1px solid #e18a27; }
			#sidebar .block-latest a.i_pdf:hover img { border:1px solid #C1510E; }
			#sidebar .block-latest a.i_pdf span { 
				background:no-repeat left top;
				display:block;
				position:absolute; 
				top:-31px; right:-33px; 
				width:32px; height:32px;
			}
			#sidebar .block-latest a.i_pdf:hover span { background-position:0 -38px; }
			#sidebar .block-latest.orange a.i_pdf span { background-image:url("../img/i_pdf_orange.gif"); }
			#sidebar .block-latest.blue a.i_pdf span { background-image:url("../img/i_pdf_blue.gif"); }
			
			/* Newsletter */
			#sidebar .block-newsletter input { float:left; margin-top:1em; width:130px; }


/*  -------------------------------------------------------------------
    Corners ----------------------------------------------------------- */
	.tl, .tr, .bl, .br { 
		background-repeat:no-repeat;
		display:block; 
		position:absolute;
		z-index:1; 
	}
	
	.tl { background-position:left top; top:0; left:0; }
	.tr { background-position:right top; top:0; right:0; }
	.bl { background-position:left bottom; bottom:0; left:0; }
	.br { background-position:right bottom; bottom:0; right:0; }
	
	*html .tr, *html .br { right:-1px; } /*IE6*/
	*html .bl, *html .br { bottom:-1px; } /*IE6*/
	
	/*  Style 1: Main or Sidebar Corners (Big corners, body bg) 
		----------------------------------------------- */
		.corner_1 .tl, .corner_1 .tr, .corner_1 .bl, .corner_1 .br { width:34px; height:34px; }
		.corner_1 .tl { background-image:url("../img/corners/1/c1_tl.gif"); }
		.corner_1 .tr { background-image:url("../img/corners/1/c1_tr.gif"); }
		.corner_1 .bl { background-image:url("../img/corners/1/c1_bl.gif"); }
		.corner_1 .br { background-image:url("../img/corners/1/c1_br.gif"); }
	
	/*  Style 2: Subnav Corners (Small corners, body bg and blue borders)
		----------------------------------------------- */
		.corner_2 .tl, .corner_2 .tr, .corner_2 .bl, .corner_2 .br { width:26px; height:26px; }
		.corner_2 .tl { background-image:url("../img/corners/2/c2_tl.gif"); top:-1px; left:-1px; }
		.corner_2 .tr { background-image:url("../img/corners/2/c2_tr.gif"); top:-1px; left:-1px; }
		.corner_2 .bl { background-image:url("../img/corners/2/c2_bl.gif"); bottom:-1px; right:-1px; }
		.corner_2 .br { background-image:url("../img/corners/2/c2_br.gif"); bottom:-1px; right:-1px; }	
		#subnav.corner_2 .br { background-image:url("../img/corners/3/c3_br.gif"); }
		*html #subnav.corner_2 .br { bottom:-1px; }
		#previousnext.corner_2 .br { background-image:url("../img/corners/7/c7_br.gif");  width:34px; height:34px; }
		
		
	/*  Style 3: (Small corners, maim bg and blue borders) 
		----------------------------------------------- */
		.corner_3 .tl, .corner_3 .tr, .corner_3 .bl, .corner_3 .br { width:26px; height:26px; }
		.corner_3 .tl { background-image:url("../img/corners/3/c3_tl.gif"); top:-1px; left:-1px; }
		.corner_3 .tr { background-image:url("../img/corners/3/c3_tr.gif"); top:-1px; left:-1px; }
		.corner_3 .bl { background-image:url("../img/corners/3/c3_bl.gif"); bottom:-1px; right:-1px; }
		.corner_3 .br { background-image:url("../img/corners/3/c3_br.gif"); bottom:-1px; right:-1px; }	
		
		*html .corner_3 .tr, *html .corner_3 .br { right:-2px; } /*IE6*/
		*html .corner_3 .bl, *html .corner_3 .br { bottom:-2px; } /*IE6*/
		
	/*  Style 4: Feedback or Register Corners (Small corners, main bg) 
		----------------------------------------------- */
		.corner_4 .tl, .corner_4 .tr, .corner_4 .bl, .corner_4 .br { width:34px; height:34px; }
		.corner_4 .tl { background-image:url("../img/corners/1/c1_tl.gif"); }
		.corner_4 .tr { background-image:url("../img/corners/1/c1_tr.gif"); }
		.corner_4 .bl { background-image:url("../img/corners/1/c1_bl.gif"); }
		.corner_4 .br { background-image:url("../img/corners/1/c1_br.gif"); }
		
	/*  Style 5: Corners (Small corners, main bg) 
		----------------------------------------------- */
		.corner_5 .tl, .corner_5 .tr, .corner_5 .bl, .corner_5 .br { width:26px; height:26px; }
		.corner_5 .tl { background-image:url("../img/corners/5/c5_tl.gif"); }
		.corner_5 .tr { background-image:url("../img/corners/5/c5_tr.gif"); }
		.corner_5 .bl { background-image:url("../img/corners/5/c5_bl.gif"); }
		.corner_5 .br { background-image:url("../img/corners/5/c5_br.gif"); }


/*  -------------------------------------------------------------------
    Forms ------------------------------------------------------------- */
    /* Input Types */
    .inp_small, .inp_smallLast, .inp_postal, 
    .inp_medium, .inp_long { padding:3px; } 
    
    *html .inp_small, *html .inp_smallLast, *html .inp_postal, 
    *html .inp_medium, *html .inp_long { height:24px; } /*IE6*/
        
    .inp_small { width:48px; }
    *html .inp_small { width:56px; } /*IE6*/
    .inp_smallLast { width:58px; }
    *html .inp_smallLast { width:66px; } /*IE6*/
    .inp_postal { width:95px; }
    *html .inp_postal { width:103px; } /*IE6*/
    .inp_medium { width:196px; }
    *html .inp_medium { width:204px; } /*IE6*/
    .inp_long { width:236px; } 
    *html .inp_long { width:244px; } /*IE6*/
    

    /* Generic Error Message */
    .topError, .bottomError { 
		clear:both;
		color:#d2232a; 
	}    
    
    /* Grey Box */
    .field_box {
		background:#dde1dd;
		margin:10px 0 20px 182px;
		position:relative; 
    } 
    .field_box .inner { padding:20px; } 
	*html .field_box label { width:auto; } /*IE6*/    
	                           	
/*  -----------------------------------------------------------------------
    Buttons --------------------------------------------------------------- */
   	.btn {
		border:0;
		color:#fff;
        cursor:pointer;
        display:inline;
        float:left; 
        font-weight:normal;
		margin:0; padding:0;
		overflow:visible; /*IE*/ 
		text-align:center; 
		width:auto;	
    }
	
	.btn strong {
		font-size:12px; line-height:24px;
		font-weight:normal;
		display:block;
		height:25px;
		padding:3px 0;
		white-space:nowrap;
	}
	
	button:focus::-moz-focus-inner { border-color:transparent!important; }  /*FF*/
	button::-moz-focus-inner { border:none; padding:0; } /*FF*/
	button.btn strong { position:relative; top:0; *top:1px; left:0; }
	/* Target FireFox 2 and older [!] */
	button.btn strong, x:-moz-any-link { left:-10px; } /*FF2*/
	button.btn strong, x:-moz-any-link, x:default {left:0; } /*FF3*/
			
	a.btn:link, a.btn:visited { color:#fff; }
	a.btn:link strong, a.btn:visited strong { float:left; display:inline; }
	
		
	/*  Style 1: Button with corner left and right
		----------------------------------------------- */
		.btn.style1, .btn.style1.disabled:hover { background:url("../img/btn.png") no-repeat right; }
		.btn.style1 strong, .btn.style1.disabled:hover strong { 
			background:url("../img/btn.png") no-repeat left;
			margin-right:10px; padding:0 10px 0 20px;
		}
		/* Hover */
		.btn.style1:hover { background-image:url("../img/btn_o.png"); } 
		.btn.style1:hover strong { background-image:url("../img/btn_o.png"); } 
		
		/*IE6 - Fix Hover*/
		*html .btn.style1, *html .btn.style1 strong { background-image:url("../img/ie/btn.gif"); }
		*html .btn.style1:hover, *html .btn.style1:hover strong,
		*html .btn.style1.overBtn, *html .btn.style1.overBtn strong { background-image:url("../img/ie/btn_o.gif"); }
		
	
	/*  Style 2: Button with corner right only
		----------------------------------------------- */
		.btn.style2 { background:url("../img/btn.png") no-repeat right; }
		.btn.style2 strong {
			background:url("../img/btn.png") no-repeat -20px 50%;
			border-left:1px solid #e58717;
			margin-right:10px; padding:0 10px 0 20px;
		}
		/* Hover */
		.btn.style2:hover { background-image:url("../img/btn_o.png"); }
		.btn.style2:hover strong { background-image:url("../img/btn_o.png"); border-left:1px solid #C1510E; }
		
		/*IE6 - Fix Hover*/
		*html .btn.style2  { background-image:url("../img/ie/btn.gif"); }
		*html .btn.style2:hover, *html .btn.style2.overBtn { background-image:url("../img/ie/btn_o.gif"); }	
		
		
	/*  Style 3: Button without corners
		----------------------------------------------- */
		 .btn.style3 { background:none;  }
		 .btn.style3 strong {
			background:url("../img/btn.png") no-repeat -20px 50%; 
			border-right:1px solid #d36d19; border-left:1px solid #d36d19;
			margin-right:0; padding:0 15px 0 15px;
		}
		/* Hover */
		.btn.style3:hover { background:url("../img/btn_o.png") no-repeat -20px 50%; border:0; padding:0;  } 
		.btn.style3:hover strong { background-image:url("../img/btn_o.png"); border-left:1px solid #C1510E; }

     /*  Style 4: Big button 
		----------------------------------------------- */
		 .btn.style4_en { background:none;  }
		 .btn.style4_en strong {
			background:url("/web/img/sanctuary/btn_home.png") no-repeat 50%; 
			margin-right:0; padding:0 15px 0 15px;
			height: 57px;
			width: 177px;
			line-height: 50px;
		}
		
		.btn.style4_fr-CA { background:none;  }
		 .btn.style4_fr-CA strong {
			background:url("/web/img/sanctuary/btn_home_fr.png") no-repeat 50%; 
			margin-right:0; padding:0 15px 0 15px;
			height: 57px;
			width: 218px;
			line-height: 26px;
		}

	/* Close and Others button */ 
	a.b_close, a:visited.b_close,
	a.b_arrow, a:visited.b_arrow {
		background:url(../img/i_arrow_orange.gif) no-repeat 13px 11px;
        color:#000;
		display:block; 
		float:left;
		margin:0 6px 0 0; padding:3px 10px 3px 22px;
	}
	a.b_close, a:visited.b_close { float:right; }
	
	/* Hover */
	a:hover.b_close, a:focus.b_close,
	a:hover.b_arrow, a:focus.b_arrow { color:#BF5501; }
	

/*  -----------------------------------------------------------------------
	Icons ----------------------------------------------------------------- */
	#main .i_rss, #main .i_rss:active, #main .i_rss:visited {
		background:url("../img/i_rss.gif") no-repeat 0 0;
		color:#000; 
		display:block; 
		float:right;
		font-size:.77em; line-height:1em; /*9.28px/9.28px*/
		padding:12px 0 12px 36px; 
	}	
	#main .i_rss:hover { background-position:0 -44px; color:#BF5501;  } 
	
	#main .i_more, #main .i_more:active, #main .i_more:visited {
		background:url("../img/b_next.gif") no-repeat 96% 0;
		color:#000;
		padding-top:6px; padding-right:28px;
	}
	#main .i_more:hover { background-position:96% -46px; }
	
	#main .i_orderby, #main .i_orderby:active, #main .i_orderby:visited {
		background:url("../img/b_orderby.gif") no-repeat 2px 7px;
		padding-left:14px;
	}
	#main .i_orderby:hover, #main .i_orderby.current { background-position:2px -34px; }
	#main .i_orderby.current { color:#326e9e; }


/*  -------------------------------------------------------------------
    Breadcrumbs ------------------------------------------------------- */
    #breadcrumbs { 
        clear:both; 
        background:#E9E5D9 url("../img/breadcrumbs_t.gif") no-repeat right top;
        display:inline;
        float:left;
        margin-top:10px; margin-left:27px;  
        
    }
   /* *html #breadcrumbs {  } IE6  float:none;zoom:1;*/
    
    #breadcrumbs .inner { 
        background: url("../img/breadcrumbs_m.gif") repeat-y right top;
        margin-top:14px;
    }
    
    #breadcrumbs  p { 
        background:url("../img/breadcrumbs_b.gif") no-repeat right bottom;
        margin:0; padding:4px 20px 12px 20px; 
        white-space:nowrap;
    }
	#breadcrumbs p span { color:#BF5501; padding:0 4px; }


/*  -------------------------------------------------------------------
    Footer ------------------------------------------------------------ */
    #footer .inner { 
        color:#fff;
		position:absolute;
		bottom:10px; left:65px;
        width:50em; 
    }
	
		#footer a, #footer  a:visited, #footer a:active { color:#fff; }
		#footer a:hover { text-decoration:underline; }
		
		#footer ul, #footer li { background:none; list-style:none; margin:0; padding:0; }
        #footer ul { padding-bottom:10px; }
		#footer li { 
            border-right:1px solid #aaa;
  			display:inline;
  			float:left; 
            height:12px;
            margin-right:10px; padding-right:10px;
        }
        #footer li.last { border-right:none; margin-right:0; }
        #footer li a {
			display:block;
            font-size:.92em; line-height:1.58em; /*11px/15px*/
			margin:0; padding:0;
			margin-top:-4px;
        }	
        #footer p.copyright { 
			clear:both; 
			font-size:.92em; line-height:1.36em; /*11px/15px*/
			margin:0; padding:0;
		}
		
		
		/* Ajax Loading Icon */		
		#loading {
			background-color:#fff;
			color:#B55D14;
			font-size:130%;
			padding:5px;	
			position:fixed;
			top:0; left:0;
			z-index:5000;			
		}
		*html #loading { position:absolute; } /*IE6*/
		
		#loading .imgloader { margin:0 5px; }
		

/*  -------------------------------------------------------------------
    Custom Pages ------------------------------------------------------ */
			
	/*  -------------------------------------------------------------------
		Change Mood/Feeling: 1=Challenged ... 5=Excited ------------------- */
		body.mood_1 #wrapper { background-image:url("../img/mood/1/bg_body.jpg"); } 
		body.mood_1 #wrap_flash { background-image:url("../img/mood/1/bg_noflash.jpg"); }
		body.mood_1 .interactive .feeling_box { background-image:url("../img/mood/1/bg_feeling.jpg"); }
	
		body.mood_2 #wrapper { background-image:url("../img/mood/2/bg_body.jpg"); } 
		body.mood_2 #wrap_flash { background-image:url("../img/mood/2/bg_noflash.jpg"); }
		body.mood_2 .interactive .feeling_box { background-image:url("../img/mood/2/bg_feeling.jpg"); }
		
		/*Default Mood: 3 - GOOD*/
		body.mood_3 #wrapper { background-image:url("../img/mood/3/bg_body.jpg"); } 
		body.mood_3 #wrap_flash { background-image:url("../img/mood/3/bg_noflash.jpg"); }
		body.mood_3 .interactive .feeling_box { background-image:url("../img/mood/3/bg_feeling.jpg"); }
		
		body.mood_4 #wrapper { background-image:url("../img/mood/4/bg_body.jpg"); } 
		body.mood_4 #wrap_flash { background-image:url("../img/mood/4/bg_noflash.jpg"); }
		body.mood_4 .interactive .feeling_box { background-image:url("../img/mood/4/bg_feeling.jpg"); }
		
		body.mood_5 #wrapper { background-image:url("../img/mood/5/bg_body.jpg"); } 
		body.mood_5 #wrap_flash { background-image:url("../img/mood/5/bg_noflash.jpg"); }
		body.mood_5 .interactive .feeling_box { background-image:url("../img/mood/5/bg_feeling.jpg"); }
		
			
	/*  -------------------------------------------------------------------
		Sitemap Page ------------------------------------------------------ */
		body.p_sitemap #main { padding:0; }
		body.p_sitemap #main .padding {  background:url("../img/bg_sitemap.gif") repeat-y right top; padding:34px 28px 34px 32px; }
		ul.sitemap, ul.sitemap li { background:none; list-style:none; margin:0; padding:0; }
		ul.sitemap li  {  
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1.42em; line-height:1.12em; /*17px/19px*/  
			margin:.83em 0; 
		}
			/* List with arrow */
			ul.sitemap ol, ul.sitemap ol li { list-style:none; margin:0; padding:0; }
			ul.sitemap ol { margin:10px 0 0 10px; }
			ul.sitemap ol ol { margin:0 0 12px 15px; }
			ul.sitemap ol li { 
				background:url("../img/i_arrow_orange.gif") no-repeat 10px 6px; 
				display:block; 
				font-size:0.71em; line-height:1.25em; /*12px/15px*/
				margin-top:.4em;
				text-align:left;
			}
			ul.sitemap ol li li {
				background-image:url("../img/i_arrow_orange_light.gif"); 
				font-size:.96em; line-height:1.25em; /*12px/15px*/
			}
			ul.sitemap ol li a, ul.sitemap ol li a:active, ul.sitemap ol li a:visited {
				color:#000;
				margin:0; padding-left:20px; 
			}
			ul.sitemap ol li a:hover, ul.sitemap ol li a:focus { color:#BF5501; }
		
		
		
		body.p_sitemap #main h2 {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1.42em; line-height:1.12em; /* 17px/19px*/
			/*text-indent:-.2em;*/
			margin:8px 0;
		}


	/*  -------------------------------------------------------------------
		Landing Page ------------------------------------------------------ */
		#landing ul, #landing li { background:none; list-style:none; margin:0; padding:0; }
		#landing li {
			clear:left;
			float:left;
			margin-bottom:30px;
			min-height:130px;
			width:245px;
		}
		#landing li.even { clear:none; float:right; }
		#landing h2 a, landing h2 a:visited {
			color:#326e9e; 
			font-family:Georgia, "Times New Roman", Times, serif; 
			font-size:1em;
		}
		#landing h2 a:hover, landing h2 a:focus { color:#000; }
        
		#landing p { margin-bottom:10px; }
		#landing a.i_more { background-image:url("../img/i_more.gif")!important; white-space:nowrap; }
		#landing .imgright { border:none; margin:0 0 15px 0; }
		
				
	/*  -------------------------------------------------------------------
		Archive Page ------------------------------------------------------ */
		body.p_archive #main .listing { background:url("../img/bg_pen_medium.gif") no-repeat left top; padding-top:2em;   }
		body.p_archive #main .listing li { margin-bottom:.8em; padding-bottom:.8em; border-bottom:1px solid #d6d8d9; }
		body.p_archive #main .listing li.last { border-bottom:none; margin-bottom:0; padding-bottom:0;  }
		body.p_archive #main .listing li .date { font-size:1em; line-height:2.92em; } /*12px/35px*/
		body.p_archive #main .listing li p { margin-left:10px; }
	
	
	/*  -------------------------------------------------------------------
		Search Page ------------------------------------------------------- */
		.keyword, .total { color:#326e9e; font-weight:normal; font-size:1.17em; }
		#search_results { background:url("../img/bg_pen_large.gif") no-repeat left top; padding-top:2em;   }
		#search_results ul, #search_results li { background:none; list-style:none; margin:0; padding:0; } 
		#search_results li { margin-top:.8em; padding-top:.8em; border-top:1px solid #d6d8d9; }
		#search_results .paging { background-image:url("../img/bg_pen_large.gif"); } 
		

	/*  -------------------------------------------------------------------
		Registration Page ------------------------------------------------- */		
		h2.h2pen { 
			background:url("../img/bg_pen_large.gif") no-repeat left bottom; 
			margin:30px 0 20px 0; padding-bottom:12px; 
		}
		
		/*Select Din Number*/
		#li_medication, #li_DinNumber { margin-left:182px; }
		#li_medication label, #li_DinNumber label {
			display:block;
			font-size:11px;
			line-height:14px;
			margin-bottom:8px;
			width:340px;
			text-align:left;
		}
		#li_DinNumber p.din_info {
			font-size:11px;
			line-height:14px;
		}		
				
		/* Captcha */
		.div_secure { clear:both; margin-bottom:20px; }
		.div_secure img { float:left; }
		.div_secure .secure_field { margin-left:135px; margin-top:2px; }
		.div_secure .secure_field label { clear:none; margin-top:7px; width:auto;/*IE6*/ }
		
		/* Choose Your Bird - Load with javascript */
		#chooseyourbirds.isLoaded {
			background:url("../img/bg_chooseyourbirds.gif") no-repeat left top; 
			margin:0 -28px 0 -32px;
		}		
		label.label_choose {
			margin-top:14px; 
			margin-bottom:8px; 
			width:245px;  
		}

		/* Big Image */
		.bird_image { clear:left; display:inline; float:left; padding-left:25px;  }
		/* Color Picker */
		.bird_color { width:160px; margin-left:40px; }
		.bird_color a { float:left; }
		.bird_color a.selected { background:url(../img/i_arrow_selected.gif) no-repeat center bottom; padding-bottom:7px; }
		/* Name & Description - Blue Box */
		.bird_details { float:right; width:270px; }
		.bird_name { color:#326e9e; font-size:15px; font-weight:bold; position:relative; text-align:center; zoom:1;/*IE6*/ padding:15px 0;  }
		.bird_name .b_next, .bird_name .b_prev {
			display:block;
			width:20px; height:20px;
			text-indent:-3000em; background: no-repeat 0 0;
		}
		.bird_name .b_prev { position:absolute; background-image:url("../img/b_prev.gif"); left:-10px; top:32px; }
		.bird_name .b_next { position:absolute; background-image:url("../img/b_next.gif"); right:-14px; top:32px; }
		/* Hover */
		.bird_name .b_prev:hover, .bird_name .b_next:hover  { background-position:0 -46px; }
		
		.popin_editbird	.popin_padding .bird_desc  
		{
		    /*padding:22px; 
		    font-size:11px; 
		    line-height:17px; 
		    height:136px; 
		    overflow-y:auto; 
*/
            font: 12px/18px verdana;
            padding:15px 12px 0 12px;
		}
		.bird_desc { _height:181px; }/*IE6*/
		
		/* Toggle Personal Information */
		#toggle_personal a.b_arrow { display:none; float:none; background-position:13px 8px; }
	
		/* Change Password - Update Your Profile */
		.b_changepassword { padding-left:173px; }
		
			
	/*  -------------------------------------------------------------------
		FAQ Page ---------------------------------------------------------- */	
		#faq_listing { 
			background:url("../img/bg_pen_medium.gif") no-repeat left bottom; 
			padding-bottom:15px; 
		}
		#faq_listing h3 { 
			background:url("../img/bg_pen_medium.gif") no-repeat left bottom; 
			margin-top:20px; padding-bottom:20px; 
		}
		#faq_listing select { float:left; }
		#faq_listing ul, #faq_listing li { background:none; list-style:none; margin:0; padding:0; }
		#faq_listing ul { margin-bottom:18px; }
		#faq_listing li { border-bottom: 1px solid #326e9e; padding-top:11px; }
		#faq_listing li.last { border-bottom:0!important; padding-bottom:0!important; }
		
		#faq_listing div.question, #faq_listing div.answer { margin-left:20px; }
        #faq_listing div.answer .date { display:block; }
        #faq_listing div.answer li { border:none; padding:4px 0; }
        
		/* Expand - Open */
		#faq_listing li a { 
			background:url("../img/b_collapse.gif") no-repeat 1px 3px; 
			color:#326e9e;
			cursor:pointer;
			display:block;
			padding-left:20px; padding-bottom:10px;  
		}	
		 #faq_listing li a:hover { color:#000; }
		
		/* Collapse - Close */
		#faq_listing li.close { border-bottom: 1px solid #d6d8d9; }
		#faq_listing li.close a {  background-image:url("../img/b_expand.gif"); color:#000;  }
		#faq_listing li.close a:hover { color:#BF5501; }
		#faq_listing li.close div.question, #faq_listing li.close div.answer { display:none; }


	/*  -------------------------------------------------------------------
		RSS Page ---------------------------------------------------------- */
		.rss_box {
			background:#dde1dd;
			margin:50px 0 20px 30px;
			position:relative; 
		}   
		.rss_box .inner { padding:20px; } 


	/*  -------------------------------------------------------------------
		Popins ------------------------------------------------------------ */
		#popin {position:absolute; top:0; right:0; /* temp values */ z-index:9999;}
		*html #popin { right:-1px; } /*IE6*/
		
			.popin_content { background-color:#efe3ba; }
			.popin_ctop {
				background:url(../img/popin/popincorners_1_tl.gif) no-repeat;
				padding:5px 0 0;
				width:100%; height:28px;
			}
			.popin_cbot {
				background:url(../img/popin/popincorners_1_br.gif) no-repeat 100% 100%;
				width:100%; height:33px;
			}
			
			.popin_content h1, .popin_content legend {
				color:#326e9e;
				display:block; 
				font-family:Georgia, "Times New Roman", Times, serif; 
				font-size:1.75em; line-height:1.19em; /*21px/25px*/ 
				margin-bottom:20px;
			}
						
			/* Reset Popin Font Size (Font Switcher) */
	        body.small #popin { font-size: 120%; } 
			body.medium #popin { font-size:100%; }
			body.large #popin { font-size: 86%; }
			#popin .b_close, #popin .b_arrow { line-height:18px; }
						
		/*  Popin send to a friend
			----------------------------------------------- */
			.popin_stf { width:489px; }
			.popin_stf .popin_content { margin:0 0 0 40px; padding:0; width:449px; }
			.popin_stf .popin_ctop, .popin_stf .popin_cbot { margin:0 0 0 40px; width:449px; }
			.popin_feather {
				background:url(../img/popin/popin_feather.gif);
				display:block;
				position:absolute;
				bottom:30px; left:0; 
				width:260px; height:246px;
				z-index:1;
			}
			.popin_stf fieldset { position:relative; margin:0; padding:0 40px; z-index:2; }
			.popin_stf label { clear:none; float:left; width:175px; text-align:right; } /*white-space:nowrap;*/
			.popin_stf input.inp_medium, .popin_stf textarea { width:175px; }
			.popin_stf textarea { height:50px; }
			.popin_stf .bottomError { padding:0 0 60px 40px; }
			

		/*  Popin share this
			----------------------------------------------- */
			.popin_share, 
			.popin_share .popin_content, 
			.popin_share .popin_ctop, .popin_share .popin_cbot { width:268px; }
			
			
			ul.share-list, ul.share-list li { background:none; list-style:none; margin:0; padding:0;  }
			ul.share-list { padding:0 40px; }
			ul.share-list li { margin-bottom:10px; }
			ul.share-list li.last { margin-bottom:0; }
			ul.share-list a, ul.share-list a:visited {
                color:#000;
				display:block;
				height:45px;
				line-height:45px;
				margin:0; padding:0 0 0 57px;
			}
		/*	*html ul.share-list a, *html ul.share-list a:visited { zoom:1; } IE6*/
			ul.share-list a:hover, ul.share-list a:focus { color:#BF5501; }
			ul.share-list a span{
				background:url(../img/i_arrow_orange.gif) no-repeat 0 5px;
				padding:0 0 0 10px;
			}
			a.b_facebook { background:url(../img/i_facebook.gif) no-repeat; }
			a.b_delicious { background:url(../img/i_delicious.gif) no-repeat; }
			a.b_digg { background:url(../img/i_digg.gif) no-repeat; }
			a.b_stumbleupon { background:url(../img/i_stumbleupon.gif) no-repeat; }
		
		
		/*  Popin login
			----------------------------------------------- */
			.popin_login { width:338px; }
			.popin_login .popin_content {
				background:url(../img/popin/bg_popinlogin_repeat.gif) repeat-y 0 0;
				width:338px;
			}
			.popin_login .popin_content h1 { color:#fff; }
			.popin_login .popin_content legend { display:none; }
			.popin_login .popin_padding {
				background-color: #c5a8c3; 
				padding:0 40px;
			}
			.popin_login .popin_ctop {
				background:url(/web/img/sanctuary/purple_top.png) no-repeat;
				padding:5px 0 0;
				width:338px; height:28px;
			}
			.popin_login .popin_cbot {
				background:url(/web/img/sanctuary/purple_bottom.png) no-repeat 100% 100%;
				width:338px; height:33px;
			}
			.popin_login #frm-login label { text-align:left; white-space:nowrap; }
			.popin_login input.inp_medium { width:145px; }
			.popin_login .btn { float:right; }
			
			.popin_login #frm-login .feelingbox label {
				color:#fff;
				float:none;
				margin:0 3px 0 15px;
				text-align:left;
				width:100%;
			}
			.popin_login #frm-login .feelingbox select
			{
			    margin:0 3px 0 15px;
			}
			/*Popin Feeling box*/
			.popin_login .feelingbox li { margin:0 0 12px; }
			.feelingbox input.inp_long { width:212px; }
			.popin_login .feelingbox_ctop  
			{
			    background:url(/web/img/sanctuary/dark_purple_bottom.png) no-repeat 0 100%; 
			    height: 93px;
			    width: 268px;
			    }
			.popin_login .feelingbox_cbot {
				background:url(/web/img/sanctuary/dark_purple_top.png) no-repeat top right; 
				padding:24px 0px 0px 0px;
				width:234px; _width:100%;
			}

			.popin_login fieldset ol.feelingbox_cbot {width:268px;}
			.popin_login fieldset li.feelingbox_cbot  { margin-bottom:0px;padding-left:20px;  }
			.popin_login .bottomError { padding-top: 10px; }
			
			
	
	/* Close and Others button */ 
	
	.popin_login a.b_close, .popin_login a:visited.b_close,
	.popin_login a.b_arrow, .popin_login a:visited.b_arrow {
		background:url(/web/img/sanctuary/white_triangle.png) no-repeat 13px 11px;
        color:white;
	}
	
	/* Hover */
	.popin_login a:hover.b_close, .popin_login a:focus.b_close,
	.popin_login a:hover.b_arrow, .popin_login a:focus.b_arrow { color:white; }
	
			
		/*Popin Edit bird */

        .popin_editbird	.popin_padding {
				background-color: #fff;
				color:#333; 
        }
			
			
		.popin_editbird	.popin_padding .bird_details { float:none; width:274px; }
			
		.popin_editbird	#chooseyourbirds.isLoaded {
			background:none; 
			width: 258px;
			text-align:center;
			display:block;
			margin:0px;
		}
		
		.popin_editbird .bird_image { clear:left; display:inline; float:left; text-align:center; padding:0px; margin:0px;}
		.popin_editbird .bird_color { width:160px; float:left; padding:14px 0 14px 0; margin-left:55px;}
		
		.popin_editbird a.b_close
		{
		    float:left;
		}
		
		.popin_editbird #i_more{
	    background:url("/web/img/i_more.gif") no-repeat;
	    vertical-align:text-top;
	    float:none;
	    display:block;
	    width:19px;
	    height:19px;
	    padding:0px;
	    float:right;
	    
		}
	    .popin_editbird #btn_choose
	    {
	        display:inline;
		}
		/*  Popin Forgot Password
			----------------------------------------------- */
			.popin_forgot { width:338px; }
			.popin_forgot .popin_content {
				background:url(../img/popin/bg_popinlogin_repeat.gif) repeat-y 0 0;
				padding:0; width:338px;
			}
			.popin_forgot .popin_content h1 { color:#fff; }
			.popin_forgot .popin_content legend { display:none; }
			.popin_forgot .popin_padding {
				background:url(../img/corners/5/c5_br.gif) no-repeat right bottom;
				padding:0 37px; padding-bottom:33px;
			}
			.popin_forgot .popin_ctop {
				background:url(../img/popin/bg_popinlogin_tl.gif) no-repeat;
				padding:5px 0 0;
				width:338px; height:28px;
			}
			.popin_forgot #frm-forgot	{
				background:url(../img/popin/bg_popinlogin_content.gif) no-repeat left top;
			}
			.popin_forgot .popin_cbot {
				background:none;
				height:0;
				/*background:url(../img/popin/bg_popinlogin_br.gif) no-repeat 100% 100%;
				width:338px; height:33px;*/
			}
			.popin_forgot label { width:80px; }  /*white-space:nowrap;*/
			.popin_forgot input.inp_medium { width:165px; }
			
			
		/*  Popin Change Password
			----------------------------------------------- */
			.popin_changePassword,
			.popin_changePassword .popin_content,
			.popin_changePassword .popin_ctop, .popin_changePassword .popin_cbot { width:340px; }
			
			.popin_changePassword .popin_padding { padding:0 37px; }
			.popin_forgot .popin_content legend { display:none; }
			
			.popin_changePassword label { width:140px; text-align:right; }
			.popin_changePassword input.inp_medium { width:100px; }
			.popin_changePassword .requiredField { display:none; }
			

