@import url('documents.css');

/* Header */
#header {background-image:url(green/header-bg.png)}
	/* Logo */
	#header .logo {background-image:url(green/logo.png)}
	/* Top */
	#header .top > .left .arrow-down {border-color:#18291c}
	#header .top > .right {background:#1d3223;border-color:#526457}
		#header .top .p-items li {border-color:#18291c}
        /* Sites arrow */
		#header .top > .left .arrow-down a {background:url(green/head-arrow-down.png) 0 0 no-repeat}
			/*#header .top > .left .arrow-down a:hover {background-position:0 -19px}*/
    /* Back & Next */
	#header .back-next {background-position:-108px 0}
	#header .back {background-position:-108px 0}
		#header .back:hover {background-position:0 -27px}
	#header .next {background-position:-147px 0}
		#header .next:hover {background-position:-39px -27px}
	/* Menu */
	#header .menu li a,
		#header .menu li a i {background-image:url(green/head-menu.png)}
	/* Search bar */
	#header .search-bar,
		#header .search-bar i {background-image:url(green/search-bar.png)}

/* Sites */
#sites {border-color:#16261b}
	#sites .list > a.item:hover {background-image:url(green/sites-hover-background.png)}


/* Content */
#content .block .title {background-image:url(green/block-title.png);border-color:#5a6c5f}
	/* Closed block */
	#content .item .closed {background:#ebebeb;color:#405248;border-color:#77917f}
	/* Nav Icon */
	#content.contents .item.left > .title > .icon {background-position:-186px 0}
	#content.search .item.right > .title > .icon {background-position:-186px -27px}
		#content .item.left .closed > .toggle {background-position:-186px -27px}
        #content .item.right .closed > .toggle {background-position:-186px 0}
    /* Content */
	#content .block .cnt {border-color:#e4e6e4}
    /* Search */
	#content .search .space {background:#5e7264}

/* Playlist bar */
#playlist-bar {background:url(green/playlist-bar-bg.png) repeat-x;height:29px;padding:7px 2px 0}
	#playlist-bar li {padding:0 5px;float:left}
    #playlist-bar .go {}
        #playlist-bar .go > a {display:block;height:22px}
			#playlist-bar .go .left {background-position:-70px -56px;width:32px}
			#playlist-bar .go .right {background-position:-102px -56px;width:33px}
	#playlist-bar .center {width:110px;font:bold 16px/22px arial;text-align:center;color:#2b4231}
    #playlist-bar .last {width:65px}
        #playlist-bar .last > a {display:block;width:28px;height:22px;font-size:1px;text-indent:-9999em}
			#playlist-bar .last .shuffle {background-position:-94px -78px}
			#playlist-bar .last .repeat {background-position:-66px -78px}

/* Albums */
.albums {overflow:auto}
	.albums > li {padding:10px 0 0;border-bottom:1px solid #e3e5e3}
		.albums .album {padding:0 5px;text-align:center}
			.albums .album > img {}
			.albums .album > p {font-size:13px;color:#000000}
		.albums .options {padding:0 !important}
			.albums .options .open,
			.albums .options .close {background:#e3e5e3;display:block;width:16px;height:17px;margin-left:10px;padding:6px 0 0 7px;border-radius:3px 3px 0 0}
				.albums .options .icon {display:block;width:9px;height:11px}
				.albums .options .open .icon {background-position:-49px -137px}
				.albums .options .close .icon {background-position:-40px -137px}
		/* Sub albums */
		.albums ul {border-top:1px solid #e3e5e3}
			.albums ul li {padding:9px 5px}
				.albums ul li h3 {font:italic normal 12px/18px arial;color:#777777}
				.albums ul > li > .clear {background:#e3eae5;padding:4px;border-radius:6px;border:1px solid #c8d4cc}
				.albums ul li .left {width:100px}
					.albums ul li .left img {width:95px;height:70px}
				.albums ul li .right {width:140px;color:#000000}
					.albums ul li .right p {max-height:55px;overflow:hidden;font-size:11px;text-align:justify}
					.albums ul li .right div {margin-top:3px;padding-top:3px;font-size:11px;border-top:1px solid #c8d4cc}
                        .albums ul li .right div a {color:#2e4835}
    .albums > li.last {border-bottom:0}

/* Control */
#content .control {margin-bottom:8px}
	#content .control li {padding-left:5px;float:left}
		#content .control li a {background:url(button-bg.png) 0 0 no-repeat;display:block;padding:2px 0 ;text-decoration:none !important}
		#content .control li a.back {background-position:0 0;height:20px;margin-right:10px;padding:5px 0 0 10px;position:relative;font-size:12px;text-align:center;text-shadow:1px 0 0 #8ccb2d;color:#184300}
			#content .control li a.back i {background:url(button-bg.png) right 0 no-repeat;display:block;width:10px;height:25px;position:absolute;top:0;right:-10px}
		#content .control li a.prev,
		#content .control li a.next {text-shadow:1px 0 0 #e3e3e3;color:#666666}
			#content .control li a.prev {background-position:0 -26px}
			#content .control li a.next {background-position:right -26px}
			#content .control li a span {display:block;padding:3px 10px 0;height:17px;font-size:12px}
				#content .control li a.prev span {border-right:1px solid #9f9f9f}
				#content .control li a.next span {border-left:1px solid #e6e6e6}
    #content .control li.last {padding-left:0}

/* Add to */
#content .add-to {background:#142318;margin-top:1px;position:relative;border-radius:3px;border:1px solid #344739}
	#content .add-to > a {display:block;width:23px;height:20px;line-height:19px;padding:1px 1px 0 0;font-size:19px;font-weight:bold;text-align:center;color:#ffffff}
	#content .add-to ul {background:#142318;display:none;width:150px;padding:4px;position:absolute;top:19px;left:-1px;z-index:59;border-radius:0 3px 3px 3px}
		#content .add-to ul li {padding:2px 0}
			#content .add-to ul li a {display:block;padding:4px 6px;font-size:12px;color:#f9f9f9}
			#content .add-to ul li a:hover {background:#ffffff;color:#142318;border-radius:5px}
	#content .add-to:hover ul {display:block}
	#content .add-to a:hover {text-decoration:none}

/* Search Style */
#search {}
	#search .navigation {border-bottom:1px solid #e0e0e0}
        #search .navigation h3 {padding:10px 0 0 10px;font-size:13px;color:#16261b}
	/* Tabs */
	#search .tabs {margin:20px 0 10px;border-bottom:1px solid #d4d4d4}
        #search .tabs > ul {}
            #search .tabs > ul > li {padding:0 2px;float:left}
                #search .tabs > ul > li > a {background:#d4d4d4;display:block;height:22px;padding:5px 12px 0;font:bold 13px arial;color:#304a38;border-radius:5px 5px 0 0}
				#search .tabs > ul > li.has > a {padding-right:25px;position:relative}
					#search .tabs > ul > li.has > a > .icon {background-position:-20px -294px;display:block;width:7px;height:6px;position:absolute;top:11px;right:10px}
                    #search .tabs > ul > li.selected > a,
                    #search .tabs > ul > li:hover > a {background:#38513f;text-decoration:none;color:#ffffff}
						#search .tabs > ul > li.has:hover > a > .icon {background-position:-27px -294px}
					/* Submenu */
					#search .tabs > ul > li > ul {background:#38513f;display:none;width:120px;padding:4px;position:absolute;z-index:19;border-radius:0 0 5px 5px}
						#search .tabs > ul > li > ul li {}
							#search .tabs > ul > li > ul li a {display:block;padding:5px 10px;font-size:13px;color:#f9f9f9}
								#search .tabs > ul > li > ul li a:hover {background:#f9f9f9;text-decoration:none;color:#3a5341;border-radius:5px}
					#search .tabs > ul > li:hover > ul {display:block}
			/* Hide menus then both tabs are opened */
			#content.contents.c-over.search.s-over #search .tabs > ul > li {display:none}
			#search .tabs > ul > li.selected {display:block !important}
	#search .tabs .right {margin-left:10px}
    /* Search Results */
	#search-results {overflow:auto}
    /* Result Loghin */
	#search.loghin .result {background:#f9f9f9;margin:10px 0;border-radius:6px;color:#16251a;border:1px solid #929f96}
		#search.loghin .result > div.clear {}
			#search.loghin .result dl.right {width:177px;height:83px;line-height:28px;padding:10px;font-size:11px;border-left:1px solid #929f96}
				#search.loghin .result dl.right > dt {width:75px;float:left}
				#search.loghin .result dl.right > dd {width:90px;float:right;font-style:italic}
			#search.loghin .result .general {padding:6px 6px 0 6px;margin-right:400px}
				#search.loghin .result .general .left {width:110px}
					#search.loghin .result .general .left img {padding:3px;border:1px solid #eaeaea}
				#search.loghin .result .general .details {margin-left:115px}
					#search.loghin .result .general .details h2 {height:56px;margin-bottom:4px;font-size:15px;overflow:hidden}
					#search.loghin .result .general .details .tags,
					#search .result .general .details .tags a {font-size:13px;color:#516758}
        #search.loghin .result .footer {background:url(search-result-footer.png) repeat-x;height:23px;padding:3px 10px 0;border-radius:0 0 5px 5px;border-top:1px solid #5a6c5f}
            #search.loghin .result .footer li {height:20px;padding:3px 0 0 10px;float:left}
			#search.loghin .result .footer li,
                #search.loghin .result .footer li a {font-size:11px;color:#ffffff}
				#search.loghin .result .footer li a {margin-right:10px}
			#search.loghin .result .footer li.selected {background:#f9f9f9;margin-left:-2px;padding:3px 1px 1px 11px;border-radius:5px 5px 0 0}
				#search.loghin .result .footer li.selected a {color:#294431}
        #search.loghin .result.opened .footer {border-radius:0 !important;border-bottom:1px solid #929f96}
		/* Pictures */
        #search.loghin .result .pictures {display:none;padding:8px 12px 10px}
            #search.loghin .result .pictures .arrows {margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid #e0e0e0}
				#search.loghin .result .pictures .arrows .right.first {margin-left:8px;padding-left:8px;border-left:1px solid #d4d4d4}
					#search.loghin .result .pictures .arrows a,
					#search.loghin .result .pictures .arrows span {display:block;width:9px;height:13px}
						#search.loghin .result .pictures .arrows a.next {background-position:-49px -161px}
						#search.loghin .result .pictures .arrows a.back {background-position:-40px -161px}
						#search.loghin .result .pictures .arrows span.next {background-position:-49px -148px}
						#search.loghin .result .pictures .arrows span.back {background-position:-40px -148px}
			#search.loghin .result .pictures .overflow {overflow:hidden}
				#search.loghin .result .pictures .overflow .space {width:99999em}
	                #search.loghin .result .pictures .items {}
						#search.loghin .result .pictures .items li {padding:0 13px;float:left}
							#search.loghin .result .pictures .items li a {display:block;font-size:12px;text-align:center;color:#000000}
	                            #search.loghin .result .pictures .items li img {margin-bottom:5px;padding:3px;border:1px solid #eaeaea}
                        #saerch.loghin .result .pictures .items li.last {padding-right:0}
                        #search.loghin .result .pictures .items li.first {padding-left:0}
        #search.loghin .result.opened.pictures .pictures {display:block}
    /* Result .blocks | Images */
	#search.blocks {}
        #search.blocks .result {padding:25px 18px}
            #search.blocks .result li {width:238px;height:154px;padding:4px;float:left;position:relative}
                #search.blocks .result li > span {background:#ffffff;display:block;padding:5px;position:absolute;font:normal 13px/18px arial;cursor:pointer;border-radius:3px;border:1px solid #e2e2e2}
					#search.blocks .result li > span > * {display:none}
		                #search.blocks .result li > span > img {display:block !important;width:227px;height:143px}
		                #search.blocks .result li > span > strong {color:#3f5746}
		                #search.blocks .result li > span > a {color:#1f9816}
		                #search.blocks .result li > span > span {color:#000000}
				        #search.blocks .result li > span > .tags,
							#search.blocks .result li > span > .tags > a {font-style:italic;color:#5c5c5c}
				        #search.blocks .result li > span > a.icon {background-position:-37px -270px;width:17px;height:15px;position:absolute;right:5px;bottom:5px;text-indent:-999em}
				#search.blocks .result li > span:hover {z-index:18;top:-25px;left:-18px;box-shadow:3px 0 10px #dedede}
					#search.blocks .result li > span:hover > * {display:inline}
					#search.blocks .result li > span:hover > a.icon {display:block}
						#search.blocks .result li > span:hover > img {width:271px;height:170px;padding-bottom:4px}
    /* #search.text | Videos */
	#search.text .result {}
		#search.text .result > li {padding:10px 30px 10px 0;position:relative;border-bottom:1px solid #d4d4d4}
			#search.text.videos .result > li > img {float:left}
			#search.text .result > li > .info {line-height:20px;font-size:13px}
			#search.text.videos .result > li > .info {margin-left:140px}
				#search.text .result > li > .info > h3 a {font-size:15px;color:#37503e}
				#search.text .result > li > .info > a {color:#0d802f}
				#search.text .result > li > .info > span {color:#686868}
                #search.text .result > li > .info > p {color:#000000}
                #search.text .result > li > .info > img {background-position:-37px -270px;width:17px;height:15px;margin-top:-7px;position:absolute;top:50%;right:3px}
        #search.text .result > li:hover {cursor:pointer}
                    #search.text .result > li:hover > .info > img {background-position:-37px -285px}

/* Album center */
#album.image {position:relative}
	#album.image > .left {margin:-30px 280px 0 0;float:none !important;text-align:center}
	#content.c-over.s-over #album > .left {margin:0}
		#album.image > .left > img {/*border:1px solid #64a578*/}
		#album.image > .left .imageInfo {margin-top:10px;line-height:18px;font-size:13px;color:#000000}
			#album > .left .imageInfo > * {background:#ececec;width:44%;padding:2%;border-radius:5px;border:1px solid #d8dcd8}
			#album > .left .imageInfo .left {}
			#album > .left .imageInfo .right {color:#a4a9a6}
		#album.image > .control li.last {border:0}
	#content #album .navigation {background:#F9F9F9;width:270px;float:right;position:relative;z-index:14}
	#content #album > .right {background:#F9F9F9;width:270px;position:absolute;top:40px;right:0;z-index:15}
	#content.c-over.s-over #album > .right,
	#content.c-over.s-over #album .navigation {width:auto;position:relative;float:none !important}
		#content.c-over.s-over #album > .right > dl {float:left;width:48%}
		#content.c-over.s-over #album > .right > dl.second {float:right}
			#album .right > dl > dt {padding-bottom:5px;font-size:16px;font-weight:bold;color:#000000;border-bottom:1px solid #e3e5e3}
				#album .right dt .details {width:120px;padding:4px 6px 2px 6px;position:relative}
					#album .right dt .details a {display:block;font-size:10px;font-weight:bold;text-decoration:none !important;color:#5b7964}
					#album .right dt .details .down {background-position:0 -34px;margin:1px 0 0 4px}
					#album .right dt .details .list {background:#eff2f0;width:122px;display:none;padding:4px;position:absolute;top:18px;left:0;border-radius:0 0 4px 4px;border:1px solid #5e7264;border-top:0}
						#album .right dt .details .list a {padding:3px 5px;color:#000000}
						#album .right dt .details .list a:hover {background:#ffffff;border-radius:4px}
				#album .right dt .details:hover {background:#19251c;border-radius:5px 5px 0 0}
					#album .right dt .details:hover .down {background-position:0 -17px}
					#album .right dt .details:hover .list {display:block}
			#album .right > dl > dd {padding:5px 0 15px}
				#album dd p {line-height:16px;font-size:13px;text-align:justify}
					#album dd p .more {background:#1b2d20;margin-top:4px;padding:3px 6px;float:right;color:#f9f9f9;border-radius:3px}
						#album dd p .more:hover {text-decoration:none}
				#album dl dl {line-height:20px;font-size:12px}
					#album dl dl > * {/*overflow:hidden;*/white-space:nowrap;text-overflow:ellipsis}
					#album dl dl dt {width:115px;float:left;color:#475d4f}
					#album dl dl dd {margin-left:120px;float:none !important;color:#000000}
				#album .form {}
					#album .formLabel {padding-top:5px}
						#album .formLabel label {font-size:13px;font-weight:bold;color:#0e1811}
					#album .formField {padding:2px 0}
						#album .formField div.input {margin-right:74px}
							#album .formField div.input .inputText {background:url(green/image-url.png) 0 0 no-repeat;width:98%;height:21px;margin:0;padding:0 5px;font-size:13px;color:#b5b5b5;border:0}
						#album .formField a.right {background:url(green/image-url-button.png) repeat-x;display:block;width:74px;height:18px;padding-top:3px;font-size:12px;text-align:center;color:#f9f9f9;border-radius:0 3px 3px 0}

/* Advanced Search */
#a-search {padding:10px 6px;overflow:auto}
	/* Navigation */
	#a-search .nav,
		#a-search .nav a {font:normal 13px/16px verdana;color:#6a6a6a}
	#a-search .nav {padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #d4d4d4}
		#a-search .nav a.selected {font-style:italic;color:#37503e}
    /* List */
	#a-search .list {padding:5px 0 30px}
		#a-search .list > li > .clear {padding:5px 2px;border-bottom:1px solid #e3e5e3}
		#a-search .list > li > .clear > .left {padding-left:15px;position:relative}
			#a-search .list > li > .clear > .left {font:bold 13px/16px arial;color:#000000}
			#a-search .list > li > .clear > .left > .icon {background-position:-40px -174px;display:block;width:11px;height:11px;position:absolute;top:3px;left:0;text-indent:-999em}
			#a-search .list > li.opened > .clear > .left > .icon {background-position:-40px -185px;display:block;width:11px;height:11px;position:absolute;top:3px;left:0;text-indent:-999em}
		#a-search .list > li > .clear > .right {}
			#a-search .list > li > .clear > .right > a {font-size:12px;color:#7c7c7c}
		#a-search .list ul {display:none;padding:2px 5px 5px 25px}
			#a-search .list > li.opened > ul {display:block}
				#a-search .list > li > ul > li {padding:2px 0;list-style:outside}
					#a-search .list > li > ul > li > .left {color:#475d4f}
					#a-search .list > li > ul > li > .right > a {color:#000000}
	/* Info */
	#a-search .info {padding:0 10px 20px}
		#a-search .info dt {padding:4px 0;font-size:16px;color:#000000;border-bottom:1px solid #e3e5e3}
		#a-search .info dd {padding:4px 0 15px;font-size:13px}
			#a-search .info dd > .clear {}
				#a-search .info dd > .clear > .left {color:#475d4f}
				#a-search .info dd > .clear > .right {color:#000000}
	/* Preferences */
	#a-search .pref {background:#ffffff;box-shadow:inset 0 0 70px #e3e3e3, 0 0 6px #e3e3e3;border-radius:5px;border:2px solid #b4b4b4}
		#a-search .pref .head {padding:4px 6px}
			#a-search .pref .head h3 {font:normal 16px/20px verdana;color:#000000}
			#a-search .pref .head .icon {background-position:-76px -101px;display:block;width:21px;height:19px;text-indent:-9999em}
		#a-search .pref .line {padding:8px 6px;border-top:2px solid #e9e9e9}
			#a-search .pref .line > .clear {padding:5px 4px}
				#a-search .pref p {font:normal 10px/14px verdana;color:#002b57}
				#a-search .pref .formLabel {width:110px;float:left;padding:2px 0 0}
					#a-search .pref .formLabel label {font:normal 11px/14px verdana;color:#002b57}
				#a-search .pref .formField {width:110px;float:right;text-align:right}
					#a-search .pref .formField .inputCombo {width:100px;margin:0;font:normal 11px/14px verdana;color:#828f97;border-radius:2px;border:1px solid #e5e5e5}
					#a-search .pref .formField .inputCheckbox {margin:2px}
				#a-search .pref .formButton {padding:8px 0 0;text-align:center}
					#a-search .pref .formButton > a,
						#a-search .pref .formButton > a > i {background:url(green/pref-button.png) no-repeat}
					#a-search .pref .formButton > a {background:url(green/pref-button.png) no-repeat;display:inline-block;height:19px;margin-left:-7px;padding:3px 8px 0 15px;position:relative;font:bold 11px/14px verdana;text-shadow:1px 0 1px #456611;color:#f2f2f3}
						#a-search .pref .formButton > a > i {background-position:right 0;display:block;width:8px;height:22px;position:absolute;top:0;right:-8px}
					#a-search .pref .formButton > a:hover {text-decoration:none}