/*

	XERPI
	===========================================================================================
	media: all
	browser: all

	Legend:
	-------------------------------------------------------------------------------------------
	
	1 General
		1.1 headings and paragraphs
		1.2 lists
		1.3 forms
		1.4 links
	2 general elements
		2.1 block
			2.1.1 block options
			2.1.2 block list
			2.1.3 block form ( for dictionary / google maps)		
	3 Layout
		3.1 accessibility
		3.2 site-options
		3.3 branding
		3.4 content
			3.4.1 tabs
			3.4.2 bookmarks-tools
			3.4.3 blocks-options
			3.4.4 container
			3.4.4 block
		3.5 site-informations
			
	4 Layout's elements
		4.1 friends block
		4.2 tags block
		4.3 links block
		4.4 tools block
		4.5 dictionary-com
		4.6 google-maps-uk
		
	5 Popups	
   
    6 Toolbar

*/


/* General -1- ====================================================================================*/
 
 	/* global reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

	html{	    
		font-size: medium;
		text-align: left;
		}
	body{
		color: #000;
		font-size: .75em;
		line-height: .8em;
		height: .8em;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;		
		padding-bottom: 20px;
		}

	/* headings and paragraphs -1.1- ----------------------------------------------------------*/
	p{}
	h{}
	h1{}
	h2{}
	h3{}	
	h1,h2,h3,h4{		 
	    position: relative;
	    }
      
	/* lists 1.2 ------------------------------------------------------------------------------*/
	ul,ol{
	    list-style-type: none;
	    }
	
	/* forms 1.3 ------------------------------------------------------------------------------*/      
	input,select,option,textarea{
		color: #000;
		font-size: 100%;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		vertical-align: middle;
		}	
	label{
		vertical-align: middle;
		}
	
	/* links -1.4- ----------------------------------------------------------------------------*/
	a{
	    color: #333;
	    text-decoration: none;
	    }
	p a{
	    text-decoration: underline;
	    }

	a img{
		border: none;
		}

	hr{
		display: none;
		}

/* Elements -2- ====================================================================================*/

	/* block -2.1- -------------------------------------------------------------------------------*/
    .view_info {
        border: 2px solid #e4dde5;
        margin: 0 10px 10px 0;
        background: #f2f2f2;
        line-height: 1.2;
     }

    .view_info div {
        padding: 2px;
}

    .view_info a {
        color: #642165;
}

    .view_info a:hover {
        text-decoration: underline;
}

    #link_info_edit {
    height: 16px;
    overflow: hidden;
    position: relative;
    text-indent: -1000em;
    width: 16px;
    background-image: url(images/bookmarks/edit.png);
}

	.block, .static{
		border: 1px solid #e4dde5;
		margin: 0 10px 10px 0;
		position: relative;
		}
	.block div.inner, .static div.inner{
        /*cursor: move;*/
		border: 1px solid #cdcccc;
		display: block;
        background: #f2f2f2; /* #92cc51; */
		}

    .block div.inner input, static div.inner input {
        padding: 0px;
        margin-left: 0px;
        width:45%;
     }

    .block div.inner div, .static div.inner div {
        padding: 0px;
        margin: 0px;
        display: inline;
     }

	.block h3, .static h3{
        cursor: move;
		background: #999;
		display: block;		
		color: #FFF;
    min-height: 1em;
		padding: 2px;	
		position: relative;	
		}
		
		/* block options -2.1.1- -------------------------------------------------------------------------------*/
		.block .options, .static .options{
			position: absolute;
			right: 5px;
			top: 2px;
			}
		.block .options li, .static .options li{					
			display: block;
			float: left;
			padding-left: 3px;
			}
		.block .options a, .static .options a{
			color: #FFF;
			display: block;
			float: left;
			height: 16px;
			overflow: hidden;
			position: relative;
			text-indent: -1000em;
			width: 16px;
			}
		.block .options a span, .static .options a span {
			background: #999 no-repeat left top;
			display: block;
			left: 0px;
			height: 16px;
			position: absolute;					
			top: 0px;
			width: 16px;
			}			
		.block .options .add a span {
			background-image: url(images/bookmarks/add.png);
			}	
		.block .options .edit a span {
			background-image: url(images/bookmarks/edit.png);
			}	
		.block .options .remove a span{
			background-image: url(images/bookmarks/remove.png);
			}	
		.block .options .collapse a span{
			background-image: url(images/bookmarks/collapse.png);
			}
        .block .options .collapsed a span{
            background-image: url(images/bookmarks/collapsed.png);
            }
	
		/* block list -2.1.2- -------------------------------------------------------------------------------*/
		.block ol, .static ol{
			display: block;
			margin-top: 0px;
            margin-bottom: 0px;
			padding: 0px;
            min-height:1em;
			}
		.block ol li, .static ol li{
			background: transparent url(images/links_li.gif) repeat-x top left;
			display: block;
			padding: 1px 0 0;
			overflow: hidden;
			position: relative;
            min-height: 1.5em;
			}
		.block ol li.first{
			background: none;
			}
			
		.block ol li h4, .static ol li h4{
			font-weight: normal;
			}
		.block ol li a, .static ol li a{
			background: #FFF url(images/links_a.gif) no-repeat 2px center;
			color: #642165;
			display: block;			
			line-height: 118% !important;
			overflow: hidden;
			padding: 4px 30px 4px 15px;
			vertical-align: middle;
            min-height: 1em;
			}
		.block ol li a:hover, .block ol li:hover a, .block ol li.active a, .static ol li a:hover, .static ol li:hover a, .static ol li.active a{
			background-color: #f2f2f2;
			background-image: url(images/links_a-hover.gif);
            min-height: 1em;
			}
	
			/* links options */
			.block ol li a.details, .block ol li a.remove,.block ol li a.edit, .block ol li a.send, .static ol li a.details, .static ol li a.remove, .static ol li a.edit, .static ol li a.send{
				background: none;
				display: block;
				overflow: hidden;
				padding: 0px;
				position: absolute;
				top: 5px;	
				visibility: hidden;	
				width: 11px;				
				}
			.block ol li a.details span, .block ol li a.remove span, .block ol li a.edit span, .block ol li a.send span, .static ol li a.details span, .static ol li a.remove, .static ol li a.edit span, .static ol li a.send span{
				background: transparent no-repeat left top;
				display: block;
				left: 0px;
				height: 100%;
				position: absolute;
				top: 0px;
				width: 100%;
				}
			.block ol li a.remove{
				height: 14px;
				right: 42px;
				top: 4px;
				width: 14px;
				}
				.block ol li a.remove span{
					background-image: url(images/bookmarks/remove.png);
					}
			.block ol li a.edit{
				height: 14px;
				right: 57px;
				top: 4px;
				width: 14px;
				}
				.block ol li a.edit span{
					background-image: url(images/bookmarks/edit.gif);
					}
			.block ol li a.details, .static ol li a.details{
				height: 14px;
				right: 23px;
				top: 4px;
				width: 14px;
				}
				.block ol li a.details span, .static ol li a.details span{
					background-image: url(images/bookmarks/details.gif);
					}
			.block ol li a.send, .static ol li a.send{
				height: 12px;
				right: 5px;
				top: 6px;
				width: 13px;
				}
				.block ol li a.send span, .static ol li a.send span{
					background-image: url(images/bookmarks/send.gif);
					}
		
		.block ol li:hover a.details, .block ol li:hover a.remove, .block ol li:hover a.edit,.block ol li:hover a.send,.block ol li.active a.edit,.block ol li.active a.remove, .block ol li.active a.details, .block ol li.active a.send, .static ol li:hover a.details, .static ol li:hover a.send{
			visibility: visible;
			}

		.block form{
			padding: 5px 8px;				
			}
		.block form fieldset{
			display: block;				
			position: relative;
			}
		.block form label{
			position: absolute;
			left: 0px;
			font-size: 1.09em;
			font-weight: bold;
			padding: 0px;
			top: 0.3em;
			}
			
		.block form input{
			border: 1px solid #CCC;
			margin-left: 9em;
			padding: 2px;
			width: 55%;
			}
		.block form input.submit{
			border: 0px;
			margin-left: 0px;
			padding: 0px;
			width: auto;
			}

		.block label img{
			vertical-align: middle;
			}


/* Layout -3- =====================================================================================*/

	/* accessibility -3.1- ----------------------------------------------------------------------*/
	#accessibility{
		position: absolute;
		margin-left: -10000em;
		}	

	/* site-options -3.2- ----------------------------------------------------------------------*/	
	#site-options{
		background: #94BA3A; /*url(images/site-options_bg.gif) repeat-x left bottom;*/
		border-bottom: 1px solid #FFF;
		color: #FFF;
		overflow: auto;
		position: relative;
		padding: 5px;
		}		
		#site-options a{
			color: #FFF;
			}
			
		/* welcome message */
		#site-options h2{
			height: 1.2em;
			font-size: 1.2em;
			line-height: 1.2em;
			overflow: hidden;
			position: relative;
			}
        #site-options h3{
            padding: 0px;
            display: inline;
            overflow: visible;
            position: absolute;
            left: 120px;
            top: 0px;
        }
			
		/* site-navigation */		
		#site-options ul{
			line-height: 12px;
			position: absolute;
			right: 10px;
			top: 5px;
			vertical-align: middle;
			}
		#site-options li{
			background: transparent url(images/site-navigation_divider.gif) repeat-y left top;
			float: left;
			padding: 0 1em;
			}

		#site-options ul .make-homepage a{
			background-image: url(images/site-options/make-homepage.gif);
			}
		#site-options ul .tools a{
			background-image: url(images/site-options/tools.gif);
			}
		
		/* branding -3.3- ----------------------------------------------------------*/
		#branding{
			/*border-top: 1px solid #e4dad8;*/
			overflow: hidden;
			padding: 10px;
			text-align: right;
            /*margin: 0 auto;*/
            /*width: 555px;*/
			}
			
			/* xerpi logo */
			#branding h1{
				color: #660066;
				float: left;
				font-size: 3em;
				font-weight: bold;
				line-height: 100%;
				height: 40px;
				overflow: hidden;
				position: relative;
				width: 90px;
				}				
			#branding h1 a{
				color: #660066;
				display: block;
				}

           /* xerpi motto */
           #branding p{				
				color: #660066;
				position: absolute;
				text-align: left; 
				text-indent: -10000em;
				}
			
			/* search form */	
			#branding form{
        float: right;
        background-color: #f0f0f0;
				text-align: center;
				width: 37em;
				line-height: 4em;
				height: 4em;
        border-radius: .3em;
			  -moz-border-radius: .3em;
			  -webkit-border-radius: .3em;
				}
#branding form input {
    border: none;
    margin: 5px;
    height: 1.5em;
    line-height: 1.5em;
    width: 20em;
    vertical-align: middle;
}
            
#branding form fieldset.buttons {
    display: inline;
}

#branding form fieldset.buttons input {
    border: medium none;
    border-radius: 0.3em;
    cursor: pointer;
    font-size: 1.2em;
    height: 1.5em;
    line-height: 1.5em;
    padding: 0;
    width: 5em;
}

#branding form fieldset.buttons input#google-submit{
	background-color: #642165;
	color: #fff;
}

#branding form fieldset.buttons input#xerpi-submit{
	background-color: #fff;
	color: #666;
}
#branding form fieldset.buttons input#xerpi-submit:hover{
	background-color: #642165;
	color: #fff;
}
/* content -3.4- ----------------------------------------------------------*/
		#content{
			clear: both;
			position: relative;
			}
			
			/* tabs -3.4.1- -----------------------------------------------------*/
			#tabs{
				background: transparent url(images/tabs_bg.gif) repeat-x left bottom;				
				overflow: hidden;
                white-space: nowrap;
				padding: 0px 10px 0px 10px;
				}
			#tabs li{
				display: block;
				float: left;
                border-bottom: 1px solid #e4dad8;
                /*overflow: hidden;*/
				padding-right: 3px;
                padding-top: 2px;
				position: relative;
				}
			#tabs li.active, #tabs li.inactive a{
				background: #f2f2f2 url(images/tabs_bg.gif) repeat-x left bottom;
				border-top: 1px solid #e4dad8;
                border-right: 1px solid #e4dad8;
                border-left: 1px solid #e4dad8;
				border-top-color: #94BA3A;
				border-width: 2px 1px 0px 1px;
				color: #3d3c3f;
				display: block;
				float: left;
				line-height: 100%;
				padding: 4px 4px 5px 4px;
				vertical-align: middle;
				}
			#tabs li.active {
				background: #FFF;
				color: #642165;
				font-weight: bold;
                margin-left: -3px;
				margin-bottom: -1px;
                /* t r b l */
				padding: 4px 36px 8px 4px;
				z-index: 100;
				}
            #tabs li.active h3 {
                display: block;
                float: left;
            }
 
            #tabs li.active a {
                display: inline;
                position: relative;
            }
            #tabs li.active a span {
                color: #FFF;
                display: block;
                height: 16px;
                overflow: hidden;
                text-indent: -1000em;
                width: 16px;
                position: absolute;
                top: 0px;
                left: 1px;
            }
            #tabs li.active a span.edit {
                background-image: url(images/bookmarks/edit.png);
            }
            #tabs li.active a span.delete {
                background-image: url(images/bookmarks/remove.png);
                background-repeat: no-repeat;
                position: absolute;
                top: 0px;
                left: 16px;
            }
			#tabs li.new-tab{
                background: none;
                border: none;
				padding-left: 4px;
				}
			#tabs li.new-tab a{
				background: transparent url(images/icons/add.gif) no-repeat left center;
				border: 0px;
				color: #642165;
				font-weight: bold;
				padding-left: 23px;
				padding-top: 4px;
				}
				
			#tabs a.close{
				border: 0px;
				display: block;
				height: 10px;
				overflow: hidden;
				padding: 0px !important;
				position: absolute;
				right: 5px;
				top: 1em;
				width: 11px;
				}
			#tabs .close span{
				background: #F2F2F2 url(images/icons/close.gif) no-repeat left top;
				display: block;
				left: 0px;
				height: 100%;
				position: absolute;
				top: 0px;
				width: 100%;
				}
			#tabs .active .close span{
				background-color: #FFF;
				}
		
			/* bookmarks tools -3.4.2- -----------------------------------------------------*/
			#bookmarks-tools{
                display: inline;
                float: right;
                margin-right: 10px;
				}
			#bookmarks-tools li{
				display: inline;
				padding-left: 14px;
				}
			#bookmarks-tools li a{
				background: transparent no-repeat left center;
				color: #999;
				padding-left: 18px;
				}
	
				
			/* blocks-options -3.4.3- -----------------------------------------------------*/					
			#blocks-options{
				background: #FFF url(images/blocks-options_bg.gif) repeat-x left bottom;
				border: 1px solid #e4dad8;
				border-bottom-color: #e6dbda;
                height: 12px;
				border-width: 0 0 1px;
				clear: both;
				padding: 5px 20px;
				}
			#blocks-options .left-blocks {
				float: left;
			}
			#blocks-options .right-blocks {
				float: right;
			}				
			#blocks-options li, #blocks-options li.import, #blocks-options li.load {
				display: inline;
				position: relative;
				z-index: 100;
				}
			#blocks-options .left-blocks li{
				padding: 0 1em 0 0;
			}	
			#blocks-options .right-blocks li{
				line-height: 1.1em;
				padding: 0 0 0 1em;
			}
			#blocks-options .left-blocks li a{
				background: transparent no-repeat left center;
				color: #999;
				line-height: 12px;
				padding-left: 20px;
				}

			#blocks-options .right-blocks li a{
				color: #999;
				line-height: 12px;
				}
			#blocks-options .right-blocks li span{ display: none;

			}								
			#blocks-options .right-blocks li:hover span {
				display: block;
				position: absolute;
				top: -4.5em;
				right: -1em;
				width:15em;
				background-color: #94BA3A;
				color: #fff;
				text-align: center;
				padding: .5em;
			  border-radius: .3em;
			  -moz-border-radius: .3em;
			  -webkit-border-radius: .3em;				
			}		
			#blocks-options li a.links{
				background-image: url(images/icons/links-block.gif);}
			#blocks-options li a.tags{
				background-image: url(images/icons/tags-block.gif);}
			#blocks-options li a.friends{
				background-image: url(images/icons/friends-block.gif);}
			#blocks-options li a.mobile{
				background-image: url(images/icons/mobile-block.gif);}
			#blocks-options li a.widget{
				background-image: url(images/icons/widget.gif);}
				
			/* container -3.4.4- ----------------------------------------------------*/
			#container{
				clear: both;				
				padding: 10px;
				position: relative;
                background: #dfdae2;
				overflow: hidden;
				}				
				#column1, #column2, #column3, #column_sr{
					float: left;
					position: relative;				
					width: 33.3%;
                    min-height: 50px;
					}
                #column_sr {
                    width: 66.6%;
                    }
				#column3 .block{
					margin: 0px 0px 10px;
					}				
			
	/* site-informations -3.5- ----------------------------------------------------------*/
	#site-informations{
		background: #94BA3A; /* url(images/site-informations_bg.gif) repeat-x left top; */
		clear: both;
		color: #FFF;
		padding: 2px;
		position: relative;
    text-align: center;
		}

	/* navigation */		
	#site-informations ul{
        padding: 0;
		display: inline;
		overflow: hidden;
		}
	#site-informations li{
		border-left: 1px solid #9ecb68;
		display: inline;
		margin-left: -2px;
		padding: 0 5px 0 6px;
		}
	#site-informations li a{
		color: #FFF;
		}
	/* info */	
	#site-informations p{
        display: inline;
        position: absolute;
        right: 10px;
		}				

/* Layout's elements -4- ====================================================================================*/			
							
	/* friends block -4.1- ----------------------------------------------------------*/
	.friends h3{
		background: #94BA3A;
		}
	.friends .options a span{
		background-color: #94BA3A;
		}

/* mobile block ----------------------------------------------------------*/
	.mobile h3{
		background: #996633;
		}
	.mobile .options a span{
		background-color: #996633;
		}
	
	/* tags block -4.2- ----------------------------------------------------------*/
	.tags h3{
		background: #dc9104;
		}
	.tags .options a span{
		background-color: #dc9104;
		}
		
	/* links block -4.3- ----------------------------------------------------------*/
	.links h3{
		background: #5490ce;
		}
	.links .options a span{
		/*background-color: #5490ce;*/
        background-color: transparent;
		}

		/* search link blocks */
	.search-results {
		background-color: #fff;
	}	

	.search-results li.links {
		padding: .3em 1em;
	}
	.search-results li.links h4{
		font-size: 1em;
		margin: .6em 0;
		color: #642165;
	}	
	.search-results li.links p{
		font-size: 1em;
		line-height: 1.1em;
		color: #666;
	}	
	.search-results li.links p.description a{
		text-decoration: none;
		background: none;
		color: #5490CE;
		padding: .3em 0em;
	}	
	.search-results li.links p.description a:hover{
		text-decoration: none;
		background: none;
		color: #94BA3A;
	}		
	.search-results li.links p.tags a{
		font-size: 1em;
		color: #DC9104;
		display: inline;
		padding: 0 1em 0 0;
		text-decoration: none;
		background: none;
	}	
		.search-results li.links p.tags a:hover{
		color: #94BA3A;
	}	

	/* tools block -4.4- ----------------------------------------------------------*/
	.tools h3{
		background: #660066;
		}
	.tools .options a span{
		/*background-color: #5490ce;*/
        background-color: transparent;
		}
		
	/* dictionary-com -4.5- -------------------------------------------------------*/
	#dictionary-com label{
		color: #169;
		}
		
	/* google-maps-uk -4.6- -------------------------------------------------------*/
	#google-maps-uk label{
		color: #979797;
		}

/* Popup -5- ====================================================================================*/

	.popup{
		background: #fff;
		margin: 2em auto;
		text-align: left;
		position: relative;
		width: 325px;
	  border-radius: .3em;
	  -moz-border-radius: .3em;
	  -webkit-border-radius: .3em;			
		}
	.popup h3{
		background-color: #94BA3A;
		color: #FFF;
		font-weight: bold;
		line-height: 100%;
		padding: 6px 8px;
	  border-radius: .3em .3em 0 0;
	  -moz-border-radius: .3em .3em 0 0;
	  -webkit-border-radius: .3em .3em 0 0;			
		}
	.popup a{
		color: #6b0072;
		display: inline;
		padding: 0px;
		text-decoration: none;
		}

	.popup a.close{
		display: block;
		height: 13px;
		overflow: hidden;
		padding: 0px;
		position: absolute;
		right: 6px;
		text-indent: -1000em;
		top: 6px;
		width: 14px;
		}
	.popup a.close span{
		background: transparent url(images/popup_close.gif) no-repeat left top !important;
		display: block;
		height: 100%;
		position: absolute;
        top: 0px;
        right: 0px;
		width: 100%;
		}

	.popup p{
		padding: 8px;
		}		
	
	.popup form{
		color: #666;
		padding: 8px 0 0;
		}
		.popup form p{		
			margin: 0px;	
			overflow: hidden;
			padding: 0px 8px 8px;
			position: relative;
			text-align: right;
			}
		.popup label{
			display: block;
			float: left;
			font-weight: bold;
			text-align: right;
			padding-top: 2px;
			vertical-align: top;
			width: 105px;
			}
		.popup label span{
			color: #999;
			display: block;
			}
		.popup input,.popup select,.popup textarea{
			border: 1px solid #CCC;
			color: #666;
			float: right;
			padding: 2px;
			vertical-align: top;
			width: 190px;
			}
		.popup select.list{
			width: 196px;
			}

		.popup form p.small label{
			width: 230px;
			}
		.popup form p.small select{
			color: #666;
			width: 70px;}

		.popup .actions{
			margin-bottom: 0px;
			}
		.popup .actions input{
			border: 0px;
			float: none;
			margin-left: 8px;
			padding: 0px;
			width: auto;
			}		
			
		.popup p.add-friends a{
			background: transparent url(images/go.gif) no-repeat left center !important;
			padding-left: 8px !important;
			}
			
		.popup div{
			background-color: #f8f8f8;
			border: 1px solid #cccccc;
			border-width: 1px;
			margin-bottom: 8px;
            overflow: visible;
			padding: 8px 0 0;
		}

    #profile_popup {
      width: 425px;
    }

    #profile_popup label {
     width: 110px;
}

    #profile_popup input {
      margin-left: 4px;
      float: left;
      width: 250px;
    }

    #profile_popup select {
      margin-left: 4px;
      float: left;
      width: 70px;
}
    #profile_popup span input {
      width: 15px;
      margin-right: 10px;
}

    #link_info_popup, #view_user_info_popup {
      width: 375px;
      height: 300px;
      border: none;
      padding: 3px;
      background: #f2f2f2;
}
    #view_user_info_popup {
      width: 200px;
      height: 200px;
}
    #link_info_popup p, @view_user_info_popup p {
      width: 360px;
      padding: 3px;
}
    #view_user_info_popup p {
      width: 175px;
}

    #link_info_popup a:hover, #view_user_info_popup a:hover {
      text-decoration: underline;
}
	
	#add-links-block_popup h3{
		 background-color: #5490ce;
		 }
		 	
	#add-tags-block_popup h3{
		background-color: #dc9104;		
		}		
		
    #add-mobile-block_popup h3{
        background-color: #996633;
        }

	#add-friends-block_your-friends{
		color: #650069;
		}
		
	#select-friends{
		overflow: hidden;
		padding: 8px;
		}
	#select-friends ul{
		background-color: #FFF;
		border: 1px solid #CCC;
		float: right;
		height: 100px;
		overflow: auto;
		padding: 2px;
		width: 190px
		}
	#select-friends li{
		display: block;		
		overflow: auto;
		padding: 0px;
		
		}
	#select-friends li label{
		display: inline;
		float: none !important;
		text-align: left;
		vertical-align: middle;
		width: auto;
		}
	#select-friends li input{
		border: none;
		float: none;
		margin: 0 5px 0 0;
		vertical-align: middle;
		width: auto;
		}
	#select-friends p.actions{
		clear: both;
		padding: 8px 0 0;
		}
		
	#add-widget-block_popup h3{
		background-color: #660066;}
		
		
	#help_popup h3{
		background-color: #94BA3A;
		}

	#invite-friends h3{
		background-color: #94BA3A;
		}
		
	#help_popup{
		width: 580px;
		}
	#help_popup ul{
		padding: 8px 8px 6px;
		}
	#help_popup li{
		margin-bottom: 2px;
		}
	#help_popup li a{
		background: transparent url(images/go.gif) no-repeat left center;
		padding-left: 10px;
		}
	#help_popup li p{
		background-color: #f8f8f8;
		border: 1px solid #CCC;
		border-width: 1px 0px;
		margin: 4px -8px;
		overflow: auto;
		padding: 8px 0px 0px 18px;
		}
	#help_popup li p img{
		float: right;
		}
		
	#xerpi-tools ul{
		padding: 8px 8px 6px;
		}		
	#xerpi-tools li{
		margin-bottom: 2px;}


#edit-view_popup {
    width:500px;
    overflow: auto;
}
#edit-view_popup p {
    padding: 0px 1px 1px;
}
#edit-view_popup input{
    float:left;
}
#edit-view_popup select {
    float:left;
}
#edit-view_popup div {
    padding: 4px 0 4px 0;
    border: none;
    margin: 0;
}
#edit-view_popup p label {
    width:160px;
    /* t r b l */
    padding: 0 5px 0 0; 
}

#edit-view_popup div ol {
    margin: 0px 80px 8px 8px;
    border: solid thin grey;
    height: 60px;
    overflow: auto;
}

.emptyPlaceMarker {
    background: #d2d2d2;
}

.viewMarker {
    border: solid thin red;
}

#invite {
    clear:both;
    margin-top: 2px;
    margin-left: 10px;
    padding-top: 5px;
    float:left;
    width:481px;
    background: url(/images/InviteBoxTopGrn.jpg) top right no-repeat;
}

#invite span {
    float:left;
    width: 461px;
    padding: 10px;
    color: gray;
    background: url(/images/InviteBoxStripGrn.jpg) repeat-x;
}

#invite h3 {
    margin-top: -5px;
    color: #94BA3A;
    font-size: 14pt;
    padding-bottom: 3px;
}

#invite h4 {
    color: #94BA3A;
    font-size: 10pt;
    padding-top: 3px;
}

#invite table tr th, #invite table tr td {
    border-bottom: solid thin gray;
    padding: 2px;
}

#invite table {
    width: 450px;
}

#invite table tr td {
    text-align: center;
}

#invite #total td {
    border: none;
    text-align: right;
}

#invite textarea {
    border: solid 1px gray;
    width: 400px;
    padding: 1px;
}

#invite a {
    color: #642165;
}

#invite a:hover {
    text-decoration: underline;
}

#share {
    float:left;
    width: 227px;
    margin-top: 2px;
    margin-left: 10px;
    padding-top: 5px;
    background: url(/images/InviteBoxTopGry.jpg) top right no-repeat;
}

#share span {
    float: left;
    width: 207px;
    padding: 10px;
    color: gray;
    background: url(/images/InviteBoxStripGry.jpg) repeat-x;
}

#share span a:hover {
    text-decoration: underline;
}

#share h2 {
    padding-bottom: 3px;
    font-size: 12pt;
    color: #5490ce;
}

#share h3 {
    margin-top: -5px;
}

#share input {
    border: solid thin gray;
}

#publist {
    border: solid thin gray;
    padding: 5px;
    margin: 4px;
    height: 80px;
    overflow: auto;
}

#invited_list {
    border: solid thin gray;
    padding: 5px;
    height: 100px;
    overflow: auto;
}

#invite-btn {
    width: 420px;
    clear:both;
    float:left;
    margin:10px;
}

#invite-btn a {
    float: left;
}

#invite-btn button {
    background: url(/images/InviteButton.gif) left top no-repeat;
    width: 62px;
    border: 0;
    font-size: 0pt;
    height: 18px;
    float: right;
    margin: 0;
}

/* import bookmarks popup */
.popup .import-bookmarks form {
	padding: 0;
}
.popup .import-bookmarks form input{
	float: none;
	border: none;
}
.popup .import-bookmarks form p{
	text-align: center;
}
.popup .import-bookmarks{
padding: 1.5em 1em;
color: #666;
}
.popup .import-bookmarks p{
padding: .5em 0;
line-height: 1em;
}
.popup .import-bookmarks ol{
line-height: 1.2em;
list-style-type: decimal;
padding: 0 3em;
}

.popup .xerpi-tools-pop {
	color: #666;
	padding-bottom: 2em;
}
.popup .xerpi-tools-pop h4{
	color: #5490CE;
	font-size: 1.2em;
	text-align: center;
	margin: 1em 0 .5em;
}
.popup .xerpi-tools-pop p{
	text-align: center;
	line-height: 1.3em;
	padding: 0em;
}

.popup .xerpi-tools-pop a{
	color: #DC9104;
}

/*--------- 6. Toolbar Login Elements----------*/

.toolbar{
		background: #FFF;
		border: 1px solid #656565;
		margin: 0px auto;
		text-align: left;
		position: relative;
		width: 230px;
		}
	.toolbar h3{
		background-color: #94BA3A;
		color: #FFF;
		font-weight: bold;
		line-height: 100%;
		padding: 6px 8px;
		}
	.toolbar a{
		color: #6b0072;
		display: inline;
		padding: 0px;
		text-decoration: none;
		}
	
	.toolbar form{
		color: #666;
		padding: 3px 0 0;
                margin: 0px;
		}
                .toolbar label{
			display: block;
			float: left;
			font-weight: bold;
			text-align: right;
			padding-top: 2px;
                        padding-right: 3px; 
                        vertical-align: top;
			width: 60px; 
			}
		
		.toolbar input,.toolbar select,.toolbar textarea{
			border: 1px solid #CCC;
			color: #666;
			float: left;
			padding: 2px;
                        vertical-align: middle;
			width: 120px;
			}