/* --- CONTENTS start --- */

/*
	
	1. RESET
	2. GENERAL HTML
	3. GLOBAL CLASSES
		a. Layout
		b. Text formating
		c. Forms
		d. Modals
		e. Buttons
		f. Links
		g. Messages
		h. Images
		i. Thumbs	
	4. PAGES
		a. Home
		b. Process
		c. My
		d. Single
		e. Static
		d.Download
	5. PAGE PARTS
		a. Header
		b. Content
		c. Sidebar
		b. Footer
	6. PLUGINS
		a. Colorbox
		b. Uploadify
		c. jQuery UI
		d. Autocomplete
	7. ADDON
*/

/* --- CONTENTS end ---*/

/* --- 1. RESET start --- */

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 {
    border: 0 none;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}

/* --- 1. RESET end --- */


/* --- 2. GENERAL HTML start --- */

body {
	background: #f3f3f3 url('images/body_bg.png') 0 0 repeat;
	font: normal 12px/1.5 Verdana,Tahoma,Geneva,sans-serif;
	color:#666;
}

h1, h2, h3 {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold; 
}
h1 { font-size:2em; }
h2 { font-size:1.5em; }
h3 {
	font-size:1.5em;
	margin-bottom:0.5em;
}

a , a:visited {
	text-decoration:none;
	color:#0f80c8;
}
a:hover { color:#cf3dbd; }

img { border:none; }
	
label { vertical-align:top; }
	
input[type="checkbox"] { margin-right:6px; }

/* --- 2. GENERAL HTML end --- */


/* --- 3. GLOBAL CLASSES start --- */

	.plusone { margin-top:12px; }
	
	/* --- a. Layout start */
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block;}
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	
	.left { float:left; }
	.right { float:right; }
	/*.first { margin-left:1px !important; }*/
	
	.hidden { display:none; }
	/*.dropdown { clear:both; }*/
	
	.ins {
		width:960px;
		margin:0 auto;
	}
	
	.corner {
		position:absolute;
		width:37px; height:37px;
		background-image:url('images/corners.png'); background-repeat:no-repeat;
	}
	.tl {
		top:-12px; left:-12px;
		background-position:0 0;
	}
	.tr {
		top:-12px; right:-12px;
		background-position:0 -53px;
	}
	.br {
		bottom:-13px; right:-12px;
		background-position:0 -106px;
	}
	.bl {
		bottom:-13px; left:-12px;
		background-position:0 -159px;
	}
	/* --- a. Layout end */
	
	/* --- b. Text formating start */
	.icon {
		display:inline-block;
		padding-left:20px;
	}
	.date { background:url('images/icons.png') 0 -319px no-repeat; }
	.views { background:url('images/icons.png') 0 -349px no-repeat; }
	.size { background:url('images/icons.png') 0 -383px no-repeat; }
	.user { background:url('images/icons.png') 0 -672px no-repeat; }
	.tags { background:url('images/icons.png') 0 -703px no-repeat; }
	/* --- b. Text formating end */
	
	/* --- c. Forms start */
	.form .form-item { margin-bottom: 12px; }
	.form .form-item label {
		padding:0 4px 6px 4px;
		font-size:14px;
		display:block;
	}
	.form .form-item span label {
		display:inline;
		font-size:12px;
		padding:0;
		cursor:pointer;
	}
	.form .form-item p { padding:0 4px; }
	.form .input-wrap { margin:4px 0 6px; }
	.form .form-comment {
		font-size:11px;
		color:#888;
	}
	.form .form-item .message {
		border:none; background:none;
		color:#ad1f1f;
	}
	.form .form-item .status {
		width:16px; height:16px;
		float:right;
		margin:7px 10px;
		background-image:url('images/icons.png');
		background-repeat:no-repeat;
		display:none;
	}
	.form .form-item.error .status {
		background-position:0 -191px;
		display:block;
	}
	
	.code div:last-child { margin-bottom:0; }
	.code input[type="text"], .code textarea {
		padding:7px;
		background:#fff;
		border-width:1px; border-style:solid; border-color:#fff #e8e8e8 #d0d0d0;
		font-family:'Courier New', serif; color:#666;
	}
	
	/* --- c. Forms end */
	
	/* --- d. Modals start */
	.modal {
		background:#f3f3f3;
		padding:24px;
		width:594px;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	}
	.modal input[type="text"], .modal textarea {
		padding:7px;
		background:#fff;
		border-width:1px; border-style:solid; border-color:#f0f0f0 #e8e8e8 #d0d0d0;
		color:#666;
		width:578px;
	}
	.modal .form-item { margin-bottom:12px; }
	.modal .form-item label {
		display:block;
		font-size:14px;
		padding:0 4px 6px 4px;
	}
	.modal .form-item label small {
		font-size:11px;
		color:#888;
	}
	.modal .form-item p {
		margin-top:6px;
		padding-left:4px;
	}
	.modal .form-item .form-comment {
		font-size:11px;
		color:888px;
	} 
	#existing-tags {
		width:594px;
		overflow:hidden;
	}
	#existing-tags span {
		display:inline-block;
		margin:0 12px 6px 0;
	}
	.modal .code {
		width:inherit;
		margin-top:0;
	}
	.modal .form-submit .cancel-modal { margin:5px 0 0 12px; }
	/* --- d. Modals end */
	
	/* --- e. Buttons start */
	/* Upload */
	.btn-upload {
		width:97px; height:28px;
		background:url('images/buttons_upload.png') -81px 0 no-repeat;
		text-indent:-10000px;
		display:block;
		border:none;
		cursor:pointer;
	}
	.btn-upload:active { background-position: -81px -28px; }
	.btn-browse {
		width:73px; height:28px;
		background:url('images/buttons_upload.png') 0 0 no-repeat;
		text-indent:-10000px;
		display: inline-block;
	}
	.btn-browse:active { background-position:0 -28px; }

	/* Enter */
	.btn-enter {
		border:none;
		background-image:url('images/buttons_enter.png');
		background-repeat:no-repeat;
		cursor:pointer;
		text-indent:-10000px;
	}
	.btn-enter#btn-register {
		background-position:0 0;
		width:168px; height:28px;
	}
	.btn-enter#btn-register :active { background-position:0 -28px; }
	.btn-enter#btn-login {
		background-position:-168px 0;
		width:70px; height:28px;
	}
	.btn-enter#btn-login:active { background-position:-168px -28px; }
	.btn-enter#btn-send {
		background-position:-238px 0;
		width:102px; height:28px;
	}
	.btn-enter#btn-send :active { background-position:-238px -28px; }
	.btn-enter#btn-update {
		background-position:-340px 0;
		width:96px; height:28px;
	}
	.btn-enter#btn-update:active { background-position:-340px -28px; }

	/* Miscellaneous */
	.btn-getcode {
		width:122px; height:28px;
		background:url('images/buttons_misc.png') 0 0 no-repeat;
		text-indent:-10000px;
		display: inline-block;
	}
	.btn-getcode:active { background-position:0 -28px; }
	.btn-next {
		width:80px; height:28px;
		background:url('images/buttons_misc.png') -122px 0 no-repeat;
		text-indent:-10000px;
		display: inline-block;
		margin-top:12px;
	}
	.btn-next:active { background-position: -122px -28px; }
	.btn-prev {
		width:71px; height:28px;
		background:url('images/buttons_misc.png') -202px 0 no-repeat;
		text-indent:-10000px;
		display: inline-block;
		margin-top:12px;
	}
	.btn-prev:active { background-position: -202px -28px; }
	
	#btn-save {
		width:102px; height:28px;
		background:url('images/buttons_misc.png') -273px 0 no-repeat;
		text-indent:-10000px;
		display: inline-block;
		border:none;
		cursor:pointer;
	}
	#btn-save:active { background-position: -273px -28px; }
	/* --- e. Buttons end */
	
	/* --- f. Links start */
	.options {
		background:url('images/icons.png') 0 -511px no-repeat;
		margin-top:5px;
	}
	#get-bulk-code { float:right; background:url('images/icons.png') 0 -480px no-repeat; }
	/* --- f. Links end */
	
	/* --- g. Messages start */
	.message {
		background:#fff;
		border-width:1px; border-style:solid; border-color:#fff #e8e8e8 #d0d0d0;
	}
	.message.mb { margin-bottom:24px; }
	.message span {
		display:block;
		padding:8px 12px 8px 34px;
		background-image:url('images/icons.png'); background-repeat:no-repeat;
	}
	.error span {
		color:#ad1f1f;
		background-position:12px -183px;
	}
	.notice span { background-position:12px -406px; }
	/* --- g. Messages start */
	
	/* --- i. Thumbs start */
	.thumb-wrap {
		position:relative;
		width:186px; height:236px;
	}
	.thumb-wrap .thumb {
		width:184px; height:184px;
		position:absolute;
		display: table-cell;
		text-align: center; vertical-align: middle;
		border-width:1px; border-style:solid; border-color:#fff #e8e8e8 #d0d0d0;
		background:#fff;
	}
	.thumb-wrap .thumb * { vertical-align: middle; }
	.thumb-wrap .thumb { display: block; }
	.thumb-wrap .thumb span {
		height: 100%;width: 1px;
		display: inline-block;
	}
	.thumb-wrap .corner {
		width:36px; height:36px;
		background-image: url('images/thumb_corners.png'); background-repeat:no-repeat;
	}
	.thumb-wrap .tl {
		background-position:0 -60px;
		top:-12px; left:-12px;
	}
	.thumb-wrap .br {
		background-position:0 -180px;
		top:162px; right:-12px;
	}
	.thumb .shadow {
		width:144px; height:8px;
		top:184px; left:0;
		background:url('images/thumb_shadow.png') 0 0 no-repeat;
		position:absolute;
	}
	/* --- i. Thumbs end */

/* --- 3. GLOBAL CLASSES end --- */

/* --- 4. PAGES start --- */

	/* --- a. Homepage start */
	/* Panel layout */
	#panel-outer-wrap { position:relative; margin:12px 0;}
	#panel-inner-wrap {
		padding:23px;
		background:#fff;
		border-width:1px; border-style:solid; border-color:#fff #e8e8e8 #d0d0d0;
	}
	#panel {
		padding:24px;
		background:#f7f7f7;
	}
	/* Tabs & panes */
	#tabs { margin-bottom:24px; }
	.tab {
		width:288px;
		text-align:center;
		padding-bottom:8px;
		border-bottom:1px solid #e4e4e4;
	}
	.tab.current { border-color:#00a8f6; }
	.tab a {
		padding-left:22px;
		font-size:16px;
		color:#888;
		background-image:url('images/icons.png'); background-repeat:no-repeat;
	}
	.tab a:hover, #panel .tab.current a { color:#313131; }

	.tab .multi { background-position:0 -28px; }
	.tab .multi:hover, .current .multi { background-position:0 4px; }

	.tab .standard { background-position:0 -92px; }
	.tab .standard:hover, .current .standard { background-position:0 -60px; }

	.tab .url { background-position:0 -156px; }
	.tab .url:hover, .current .url { background-position:0 -124px; }

	.pane { display:none; }
	.pane.current { display:block; }
	.pane .text {
		width:320px;
		margin-right:24px;
	}
	.pane .text h2 {
		font:24px/1 normal Georgia,'Times New Roman', serif;
		text-transform:uppercase;
		color:#0f80c8;
		margin-bottom:8px;
	}
	.pane .text p { margin-bottom:8px; }

	.pane .uploader { width:520px; }
	.pane .uploader .step { margin-bottom:24px; }
	.pane .uploader .last { margin-bottom:0; }
	.pane .uploader .step-num {
		width:56px; height:56px;
		margin-right:24px;
		font:32px/1 normal Georgia,'Times New Roman', serif;
		color:#cf3dbd;
		background:#efefef url('images/step_num_bg.png') 0 0 no-repeat;
		text-align:center;
	}
	.pane .uploader .step-num div { padding:11px 0 13px 2px; }

	.pane .uploader .step-content { width:440px; }
	.pane .uploader .step-content .step-descr { margin-bottom:12px; }
	.pane .uploader .step-content h3 {
		font:20px/1 normal Georgia,'Times New Roman', serif;
		color:#0f80c8;
		margin-bottom:6px; padding-left:2px;
	}
	.pane .uploader .step-content p {
		padding-left:2px;
		font-size:11px;
	}
	.pane .uploader .step-content .message {
		margin-bottom:12px;
	}
	.pane textarea { 
		width:426px;
		padding:6px;
		border:1px solid #E4E4E4;
		font:11px/1.5 Verdana,Tahoma,Geneva,sans-serif;
		color:#666;
	}
	
	/* Upload items */
	#multi-files button { visibility:hidden; }
	#multi-queue .message {
		margin:0 0 12px;
		
	}
	#multi-queue .queue-item {
		background-color: #fff;
		border:1px solid #e4e4e4;
		font-size:12px;
		margin-bottom:12px;
		padding:12px;
		width:414px;
	}
	#multi-queue .queue-item .cancel-upload { float:right; }
	#multi-queue .queue-item .cancel-upload a {
		display:block;
		width:16px; height:16px;
		background: url('images/icons.png') 0 -576px no-repeat;
	}
	#multi-queue .queue-item .upload-progress {
		background: #e4e4e4 url('images/progress_bar.png') 0 0 repeat-x;
		margin-top: 12px;
		width: 100%; height:6px;
	}
	#multi-queue .queue-item .upload-progress .progress-bar {
		background:#029be4 url('images/progress_bar.png') 0 -24px repeat-x;
		height:6px; width:1px; 
	}
	
	.upload-item { margin-top:12px; }
	.upload-item:first-child { margin-top:0; }

	.upload-item .file-wrap {
		width:74px;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
		position: relative;
		margin-right:8px;
	}
	.upload-item .file-wrap input {
		cursor: pointer;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		filter: alpha(opacity=1);
		-moz-opacity: 0.01;
		opacity: 0.01;
	}

	.upload-item .name-holder {
		margin:4px 0;
		width:334px; height:18px;
		overflow:hidden;
	}
	.upload-item .delete-upload-item {
		width:16px; height:16px;
		margin-top:5px;
		background:url('images/icons.png') 0 -576px no-repeat;
	}
	
	/* Upload options */
	.upload-options {
		background: none repeat scroll 0 0 #F3F3F3;
		border: 1px solid #E8E8E8;
		border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
		margin-bottom: 14px;
		padding: 12px;
	}
	.upload-options ul li {
		list-style:none;
		margin-bottom:8px;
	}
	.upload-options ul li:last-child { margin-bottom:0; }
	.upload-options .option-details {
		background-color: #FFFFFF;
		border: 1px solid #E4E4E4;
		font-size: 12px;
		margin-top: 6px;
		padding: 12px;
	}
	.upload-options .option-details input {
		background:none;
		border:none;
		color:#666;
		font-size:12px;
	}
	
	.upload-options .option-details .the-tags {
		display:block;
		border: 1px solid #E4E4E4;
		width:378px;
		padding:4px;
		margin-top:8px;
		font:12px/1.5 Verdana,Tahoma,Geneva,sans-serif;
	}
	
	/* Results */
	.homepage #uploaded-results { display:none; }
	
	/* --- a. Homepage end */
	
	/* --- b. Process start */
		
	#uploaded-results .result {
		padding:24px 0 36px;
		border-bottom:1px solid #e2e2e2;
		border-top:1px solid #f7f7f7;
	}
	#uploaded-results .result:last-child {
		padding-bottom:8px;
		border-bottom:none;
	}
	#uploaded-results .result:first-child {
		padding-top:0;
		border-top:none;
	}
	#uploaded-results .result:first-child .message { margin-top:12px; }
	#uploaded-results .result .thumb-wrap { margin:12px 36px 12px 0; }
	
	#uploaded-results .result .code {
		margin-top:12px;
		width:738px;
	}
	#uploaded-results .result .code input { width:722px; }
	
	/* --- b. Process end */
	
	/* --- c. My start */
	
	/* Thumb */
	.my .thumb-wrap, .archive .thumb-wrap { margin:18px 36px 0 0; }
	
	.thumb-wrap .select {
		position:absolute;
		top:186px; left:8px;
		display:none;
		padding:8px 6px;
		background:url('images/pressdown.png') 0 0 repeat;
		border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;
		border-width:1px; border-style:solid; border-color:transparent #f2f2f2 #f7f7f7;
	}
	.thumb-wrap.selected .select, .thumb-wrap.hover .select { display:block; }
	.thumb-wrap .select input { margin-right:4px; }
	
	.thumb-wrap .actions {
		position:absolute;
		top:186px; left:47px;
		padding:10px 0;
		display:none;
	}
	.thumb-wrap.hover .actions, .thumb-wrap.selected .actions {
		display:block;
	}
	.thumb-wrap .actions a {
		display:inline-block;
		text-indent:-10000px;
		width:16px; height:16px;
		margin:0 3px;
		background-image:url('images/icons_my.png');
		background-repeat:no-repeat;
	}
	.thumb-wrap .actions .delete-image { background-position: 0 -192px; }
	.thumb-wrap.protected .actions .delete-image { background-position: 0 -224px; }
	.thumb-wrap.private .actions .toggle-privacy { background-position: 0 -64px; }
	.thumb-wrap .actions .toggle-privacy { background-position: 0 -96px; }
	.thumb-wrap.protected .actions .toggle-protection { background-position: 0 -128px; }
	.thumb-wrap .actions .toggle-protection { background-position: 0 -160px; }
	.thumb-wrap .actions .get-code { background-position: 0 -384px; }
	.thumb-wrap .actions .add-tags { background-position: 0 -32px; }
	.thumb-wrap.hastags .actions .add-tags { background-position: 0 0; }
	
	.thumb-wrap .burnup {
		display:block;
		position:absolute;
		top:1px; left:1px;
		width:184px; height:184px;
		background:url('images/burnup.png') 0 0 repeat;
	}
	.thumb-wrap.empty .burnup { display:block; }
	
	/* --- c. My end */
	
	/* --- d. Single image start */
	
	.image-wrap { position:relative; margin:12px 0 24px; }
	.image {
		padding:24px;
		background:#fff;
		border-width:1px; border-style:solid; border-color:#fff #e8e8e8 #d0d0d0;
	}
	#banner-wrap {
		margin:12px 0;
		padding:24px;
		background:url('images/pressdown.png') 0 0 repeat;
		border-width:1px; border-style:solid; border-color:transparent #f2f2f2 #f7f7f7;
		border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	}
	.image-info {
		margin:12px 0 0;
		width:714px;
		overflow:hidden;
	}
	
	.image-info .image-title h1 { padding-left:20px; }
	.image-info .image-title #get-code {
		background: url("images/icons.png") repeat scroll 0 -736px transparent;
		display: block;
		height: 16px;
		margin-top: 3px;
		width: 16px;
	}
	.image-info .image-meta .icon { margin:8px 8px 0 0; }


	#image-comments-wrap {
		width:664px;
		margin:36px 0 12px; padding:24px;
		background:#fff;
		border-width:1px; border-style:solid; border-color:#FFFFFF #E8E8E8 #D0D0D0;
	}
	
	/* --- d. Single image end */
	
	/* --- e. Static pages start */
	.static p { margin-bottom:6px; }
	.static #panel .title {
		border-bottom:1px solid #e4e4e4;
		padding-bottom:8px;
		margin-bottom:16px;
	}
	.static #panel .title h1 {
		font:22px/1 normal Georgia,'Times New Roman', serif;
		text-transform:uppercase;
		color:#0f80c8;
	}
	.static #panel .text, .static #panel .form { width:420px; }
	.static.page #panel .text { width:inherit; }
	
	/* Form */
	.static #panel .form { margin-right:24px; }
	.static #panel .form-item label { padding-bottom:0; }
	.static #panel .form input[type="text"], .static #panel .form input[type="password"] {
		width:370px;
		padding:6px;
		border:1px solid #e4e4e4;
		background:#fff;
	}
	.static #panel .form-comment { width:376px; }
	
	.static #panel h2 {
		font:20px/1.5 normal Georgia,'Times New Roman', serif;
		color:#0f80c8;
	}
	.static #autologin-wrap  input { margin-right:4px; } 
	.static #autologin-wrap  label {
		padding-left:0 !important;
		font-size:12px !important;
	}
	/* --- e. Static pages end */
	
	/* --- f. Download start */
	.download .text { 
		width:520px !important;
		margin-right:24px;
	}
	.download .text img {
		padding:6px;
		background:#f0f0f0;
	}
	.download .text ul  li {
		background:url('images/tick.png') 0 3px no-repeat;
		list-style:none;
		padding:3px 0 3px 24px;
	}
	.download .text .screenshots a { margin:12px 12px 0 0; }
	.download .text .screenshots a:last-child { margin-right:0; }
	.download .links { width:320px; }
	.download .links ul {
		padding-bottom:12px;
		margin-bottom:16px;
		border-bottom:1px solid #e2e2e2;
	}
	.download .links ul li {
		list-style:none;
		margin-bottom:4px;
	}
	.download .buttons .download-btn {
		width:320px;
		display:block;
	}
	.download .buttons .primary {
		height:74px;
		background:url('images/buttons_download.png') 0 0 no-repeat;
		margin-bottom:18px;
	}
	.download .buttons .primary:active { background-position:0 -74px; }
	.download .buttons .primary span { display:block; }
	.download .buttons .primary .download-name {
		color:#fff;
		font-size:24px;
		padding:16px 0 0 118px;
	}
	.download .buttons .primary .download-for {
		color:#76146a;
		padding-left:122px;
	}
	.download .buttons .secondary {
		height:36px;
		background:url('images/buttons_download.png') 0 -172px no-repeat;
		margin-bottom:16px;
	}
	.download .buttons .secondary:active { background-position:0 -208px; }
	.download .buttons .secondary .download-name {
		color:#fff;
		font-size:16px;
		display:inline-block;
		padding:10px 12px 0 16px;
	}
	.download .buttons .secondary .download-for {
		color:#044267;
		display:inline-block;
	}
	.download #secondary-wrap {
		padding:16px 0 18px;
		border-top:1px solid #e2e2e2;
		border-bottom:1px solid #e2e2e2;
		margin-bottom:8px;
	}
	.download #secondary-wrap a:last-child { margin-bottom:0; }
	/* --- f. Download end */
	
/* --- 4. PAGES end --- */

/* --- 5. PAGE PARTS start --- */

	/* --- a. Header start */
	#header {
		padding:24px 0;
		border-bottom:1px solid #e2e2e2;
		position:relative;
	}
	#header #logo #site-name { padding:2px 0 2px 12px; }
	#header #logo #site-name h1 {
		font-size:16px; 
		line-height:1;
	}
	#header #logo #site-name a { color:#565656; }
	#header #nav-bar ul { padding-top:18px; }
	#header #nav-bar ul li {
		list-style:none;
		display:inline;
		margin-left:24px;
	}
	#header #nav-bar ul li a {
		font-size:20px; color:#444;
	}
	#header #nav-bar ul li a:hover { color:#3694d0; }
	#header #nav-bar ul li.current a,
	#header #nav-bar ul li.current a:hover {
		color:#cd31b9;
		cursor:default;
	}
	#header #user-panel {
		position:absolute;
		top:0; right:0;
		font-size:11px;
		background:url('images/pressdown.png') 0 0 repeat;
		border-width:1px; border-style:solid; border-color:transparent #F2F2F2 #F7F7F7;
		border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px;
		padding:2px 8px 4px;
	}
	/* --- a. Header end */
	
	/* --- b. Content start */
	#content {
		padding:24px 0;
		border-top:1px solid #f7f7f7; border-bottom:1px solid #e2e2e2;
	}
	.page-title {
		
		margin-bottom:12px;
	}
	#images-wrap { width:666px; }
	
	#pagination { margin-right:36px; }
	/* --- b. Content end */
	
	/* --- c. Sidebar start */
	#sidebar-wrap {
		width:292px;
		margin:18px 0;
	}
	#sidebar, #news-block, #sponsors-block {
		background:url('images/pressdown.png') 0 0 repeat;
		border-width:1px; border-style:solid; border-color:transparent #f2f2f2 #f7f7f7;
		border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	}
	#news-block, #sponsors-block {
		margin-top:24px;
		position:relative;
	}
	.show-image #sponsors-block { 
		padding:24px; 
		width:664px;
		margin-top:12px;
	}
	.show-image #sponsors-block div, .show-image #sponsors-block p { display:inline; }
	.close-block {
		position:absolute;
		top:12px; right:12px;
		display:block;
		width:16px; height:16px;
		background: url('images/icons_my.png') 0 -224px no-repeat;
	}

	.sidebar-widget {
		margin:24px 24px 0;
	}
	.sidebar-widget:last-child {
		margin-bottom:24px;
	}

	.sidebar-widget .widget-title {
		padding-bottom:8px;
		border-bottom:1px solid #dadada;
	}

	.sidebar-widget .widget-title input { margin:3px 10px 3px 0; }
	.sidebar-widget .widget-collapse {
		display:block;
		width:16px; height:16px;
		margin-top:3px;
		background:url('images/icons_my.png') 0 -512px no-repeat;
	}
	.sidebar-widget.collapsed .widget-collapse {
		background-position: 0 -544px;
	}

	.sidebar-widget .widget-body {
		padding-top:8px;
		border-top:1px solid #f0f0f0;
		overflow:hidden;
	}

	.sidebar-widget .widget-body ul li {
		list-style:none;
		margin-bottom:6px;
	}
	.sidebar-widget .widget-body ul li:last-child { margin-bottom:0; }

	.sidebar-widget .icon { padding-left:24px; }

	.sidebar-widget ul li a {
		background-repeat:no-repeat;
		padding-left:;
		padding:0 0 2px 24px;
		display:inline-block;
	}
	#control .widget-title label { cursor:pointer; }
	#control ul li a { background-image:url('images/icons_my.png'); }
	#control.collapsed ul li { float:left; }
	#control.collapsed ul li a {
		display:block;
		width:16px; height:16px;
		padding-left:0;
		margin-right:8px;
	}

	#private-selected { background-position:0 -256px; }
	#public-selected { background-position:0 -288px; }
	#protect-selected { background-position:0 -320px; }
	#unprotect-selected { background-position:0 -352px; }
	#delete-selected { background-position:0 -192px; }
	#code-selected { background-position:0 -384px; }
	#tags-selected { background-position:0 -416px; }

	.widget-title h4, .show-image #sponsors-block  span.widget-title {
		font-size:12px;
		padding-left:24px;
		color:#666;
	}
	.show-image #sponsors-block  div.widget-title { margin-right:6px; }
	.show-image #sponsors-block  div.widget-body p { margin:0 4px; }
	#user-tags .widget-title h4 { background:url('images/icons_my.png') 0 -447px no-repeat; }
	#news-block .widget-title h4 { background:url('images/icons_my.png') 0 -480px no-repeat; }
	#sponsors-block .widget-title h4, .show-image #sponsors-block  span.widget-title { background:url('images/icons.png') 0 -608px no-repeat; }
	#news-block .widget-body p, #sponsors-block .widget-body span { margin-bottom:6px; display:block; }
	.show-image #sponsors-block  span.widget-body span { display:inline; }
	#news-block .widget-body p:last-child, #sponsors-block .widget-body p:last-child { margin-bottom:0; }

	#user-tags ul li { position:relative; }
	#user-tags ul li a.tag {
		background-image:url('images/tag_bullet.png');
		background-position: 0 1px; background-repeat:no-repeat;
		width:194px;
		overflow:hidden;
		display:inline-block;
	}
	#user-tags ul li a.tag:hover, #user-tags ul li.current a.tag {
		background-image:url('images/tag_bullet_current.png');
		color:#cf3dbd;
	}
	#user-tags ul li.current a.tag { cursor:default; }
	#user-tags ul li .tag-actions {
		position:absolute;
		top:2px; right:0;
		display:none;
	}
	#user-tags ul li.hover .tag-actions {
		display:block;
	}
	#user-tags ul li .delete-tag {
		display:inline-block;
		width:16px; height:16px;
		padding:0;
		background:url('images/icons_my.png') 0 -224px no-repeat;
	}
	
	#calendar .widget-title { text-align:center; }
	#calendar .widget-body table { width:242px; }
	#calendar .widget-body table td {
		width:34px; height:32px;
		text-align:center; vertical-align:middle;
	}
	#calendar .widget-body table td a.current { color:#CF3DBD; }
	

	/* --- c. Sidebar end */
	
	/* --- d. Footer start */
	#footer {
		padding:24px 0 32px;
		border-top:1px solid #f7f7f7;
	}
	#footer span { padding-left:8px; }
	#footer span:first-child { padding-left:0; }
	#footer span img { vertical-align:middle; margin-top:-1px;}
	#footer #hoster { width:73px; margin:0 auto; }
	
	#footer #archive {
		background:url('images/pressdown.png') 0 0 repeat;
		border-width:1px; border-style:solid; border-color:transparent #F2F2F2 #F7F7F7;
		border-radius:6px; -moz-border-radius:6px;  -webkit-border-radius:6px;
		margin-bottom:24px;
	}
	#footer .scroll-pane { overflow: hidden; width: 958px; margin-top:24px; }	
	#footer .scroll-pane #timeline {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #FFFFFF #E8E8E8 #D0D0D0;
		border-style: solid;
		border-width: 1px;
		padding: 12px 0;
	}
	#footer .scroll-pane .scroll-content ul li {
		display: block;
		float: left;
		list-style: none outside none;
	}
	#footer .scroll-pane .scroll-content ul li.month { border-left: 1px solid #E4E4E4; }
	#footer .scroll-pane .scroll-content ul li.month a, .scroll-content ul li.month span {
		display: inline-block;
		margin-bottom: 8px;
		padding-left: 6px !important;
	}
	#footer .scroll-pane .scroll-content ul li.day {
		background: url("images/timeline.png") no-repeat scroll 0 0 transparent;
		height: 12px;
		width: 12px;
	}
	#footer .scroll-pane .scroll-content ul li.full { background-position: 0 -12px; }
	#footer .scroll-pane .scroll-content ul li.full a {
		display: block;
		height: 100%;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#footer .scroll-pane .scroll-bar-wrap { width:910px; margin:12px auto 24px; }
	#footer .scroll-pane .scroll-bar-wrap .ui-slider {
		margin:0 auto;
		height:1px;
		background:transparent;
		border:none;
	}
	#footer .scroll-pane .scroll-bar-wrap #rail {
		background: none repeat scroll 0 0 #D0D0D0;
		height: 1px;
	}
	#footer .scroll-pane .scroll-bar-wrap #rail #full {
		background: none repeat scroll 0 0 #00A8F6;
		height: 1px;
		width: 0;
	}
	#footer .scroll-pane .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
	#footer .scroll-pane .scroll-bar-wrap .ui-slider-handle {
		top:-7px;
		height: 12px;
		position:absolute;
		border:1px solid #d0d0d0;
		background:#fff;
		opacity:0.7;
	}
	
	#date-archive #scale ul li{
		list-style:none;
		display:block;
		float:left;
	}
	#date-archive #scale .month { border-left:1px solid #e4e4e4; }
	#date-archive #scale .month  a, #footer #scale .month  span {
		display:inline-block;
		margin-bottom:8px;
		padding-left:6px;
	}
	
	#date-archive #scale ul li.day {
		height:12px; width:12px;
		background:url('images/timeline.png') 0 0 no-repeat;
	}
	#date-archive #scale ul li.full {
		background-position: 0 -12px;
	}
	#date-archive #scale ul li.day a {
		display:block;
		width:100%;
		height:100%;
		margin:0; padding:0;
	}
	#date-archive #scale ul li.day a:hover {
		background:url('images/timeline.png') 0 -24px no-repeat;
	}
	
	#date-archive #timeline-control {
		position:relative;
		width:910px;
		margin:0 24px 24px;
		position:relative;
	}
	#date-archive #timeline-control #rail {
		width:100%;
		height:1px;
		background:#d0d0d0;
	}
	#date-archive #timeline-control #rail #full {
		height:1px;
		width:0;
		background:#00A8F6;
	}
	#date-archive #timeline-control #handle {
		background:#fff;
		border: 1px solid #D0D0D0;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
		margin-top: 0;
		position: absolute;
		top: -8px;
		width: 80px;
		text-align:center;
		font-size:8px; line-height:1;
		color:#D0D0D0;
		padding:3px 0 4px;
	}
	
	
	/* --- d. Footer end */

/* --- 5. PAGE PARTS end --- */


/* --- 6. PLUGINS start --- */
	
	/* --- a. Colorbox start */
	/*
		ColorBox Core Style:
		The following CSS is consistent between example themes and should not be altered.
	*/
	
	
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative;}
	#cboxLoadedContent{overflow:auto;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	.cboxPhoto{float:left; margin:auto; border:0; display:block;}
	.cboxIframe{width:100%; height:100%; display:block; border:0;}

	/* 
		User Style:
		Change the following styles to modify the appearance of ColorBox.  They are
		ordered & tabbed in a way that represents the nesting of the generated HTML.
	*/
	#cboxOverlay{background:#000;}
	#colorbox{}
		#cboxTopLeft{width:25px; height:25px; background:url(scripts/colorbox/images/border1.png) no-repeat 0 0;}
		#cboxTopCenter{height:25px; background:url(scripts/colorbox/images/border1.png) repeat-x 0 -50px;}
		#cboxTopRight{width:25px; height:25px; background:url(scripts/colorbox/images/border1.png) no-repeat -25px 0;}
		#cboxBottomLeft{width:25px; height:25px; background:url(scripts/colorbox/images/border1.png) no-repeat 0 -25px;}
		#cboxBottomCenter{height:25px; background:url(scripts/colorbox/images/border1.png) repeat-x 0 -75px;}
		#cboxBottomRight{width:25px; height:25px; background:url(scripts/colorbox/images/border1.png) no-repeat -25px -25px;}
		#cboxMiddleLeft{width:25px; background:url(scripts/colorbox/images/border2.png) repeat-y 0 0;}
		#cboxMiddleRight{width:25px; background:url(scripts/colorbox/images/border2.png) repeat-y -25px 0;}
		#cboxContent{background:#fff;}
			#cboxError{padding:50px; border:1px solid #ccc;}
			#cboxLoadedContent{}
			#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; display:none !important;}
			#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
			#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
			#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
			#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
			#cboxLoadingOverlay{background:#fff url(scripts/colorbox/images/loading.gif) no-repeat 5px 5px;}
			#cboxClose{
				position:absolute; 
				width:24px; height:24px; 
				background:#fff url('scripts/colorbox/images/cancel.png') 4px 4px no-repeat; 
				text-indent:-10000px; 
				top:-16px; right:-16px; 
				display:block;
				border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; 
				box-shadow:0 1px 1px #ddd;
				}

	/*
	  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
	  when an alpha filter (opacity change) is set on the element or ancestor element.
	*/
	.cboxIE #cboxTopLeft,
	.cboxIE #cboxTopCenter,
	.cboxIE #cboxTopRight,
	.cboxIE #cboxBottomLeft,
	.cboxIE #cboxBottomCenter,
	.cboxIE #cboxBottomRight,
	.cboxIE #cboxMiddleLeft,
	.cboxIE #cboxMiddleRight {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	}

	/*
	  The following provides PNG transparency support for IE6
	*/
	.cboxIE6 #cboxTopLeft{background:url(scripts/colorbox/images/ie6/borderTopLeft.png);}
	.cboxIE6 #cboxTopCenter{background:url(scripts/colorbox/images/ie6/borderTopCenter.png);}
	.cboxIE6 #cboxTopRight{background:url(scripts/colorbox/images/ie6/borderTopRight.png);}
	.cboxIE6 #cboxBottomLeft{background:url(scripts/colorbox/images/ie6/borderBottomLeft.png);}
	.cboxIE6 #cboxBottomCenter{background:url(scripts/colorbox/images/ie6/borderBottomCenter.png);}
	.cboxIE6 #cboxBottomRight{background:url(scripts/colorbox/images/ie6/borderBottomRight.png);}
	.cboxIE6 #cboxMiddleLeft{background:url(scripts/colorbox/images/ie6/borderMiddleLeft.png);}
	.cboxIE6 #cboxMiddleRight{background:url(scripts/colorbox/images/ie6/borderMiddleRight.png);}

	.cboxIE6 #cboxTopLeft,
	.cboxIE6 #cboxTopCenter,
	.cboxIE6 #cboxTopRight,
	.cboxIE6 #cboxBottomLeft,
	.cboxIE6 #cboxBottomCenter,
	.cboxIE6 #cboxBottomRight,
	.cboxIE6 #cboxMiddleLeft,
	.cboxIE6 #cboxMiddleRight {
		_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
	}
	/* --- a. Colorbox end */
	
	/* --- b. Uploadify start */
	.uploadifyQueueItem {
		background-color: #fff;
		border:1px solid #e4e4e4;
		font-size:12px;
		margin-top:8px;
		padding:12px;
		width:414px;
	}
	.uploadifyError {
		background-color: #FDE5DD !important;
		border: 2px solid #FBCBBC !important;
	}
	.uploadifyQueueItem .cancel { float: right; }
	.uploadifyQueue .completed { background-color: #E5E5E5; }
	.uploadifyProgress {
		background: #e4e4e4 url('images/progress_bar.png') 0 0 repeat-x;
		margin-top: 12px;
		width: 100%; height:6px;
	}
	.uploadifyProgressBar {
		background:#029be4 url('images/progress_bar.png') 0 -24px repeat-x;
		height:6px; width:1px; 
	}
	/* --- b. Uploadify end */
	
	/* --- c. jQuery UI start */
	.ui-slider {
		position: relative;
		text-align: left;
		height:6px;
		margin-top:8px;
		background: #E4E4E4 url('images/progress_bar.png') 0 0 repeat-x;
	}
	.ui-slider .ui-slider-range {
		position: absolute;
		height:100%;
		left:0; top:0;
		z-index: 1;
		display: block;
		border: 0;
		background:#029be4 url('images/progress_bar.png') 0 -12px repeat-x;
	}
	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 6px; height: 12px;
		cursor: default;
		background:#fff;
		top:-4px;
		border:1px solid #d0d0d0;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	}
	/* --- c. jQuery UI end */
	
	/* --- d. Autocomplete start */
	.autocomplete-w1 {
		background:url(img/shadow.png) no-repeat bottom right; 
		position:absolute; top:0px; left:0px; 
		margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0;
	}
	.autocomplete { 
		border:1px solid #d0d0d0;
		border-top-color:#fff;
		background:#FFF; 
		cursor:default; 
		text-align:left; 
		max-height:350px; 
		overflow:auto; 
		margin:-6px 6px 6px -6px; 
		box-shadow: 1px 2px 5px #999;
		/* IE6 specific: */ 
		_height:350px;  _margin:0; _overflow-x:hidden;
	}
	.autocomplete .selected { color:#cf3dbd; cursor:pointer; }
	.autocomplete div { padding:2px 7px; white-space:nowrap; }
	.autocomplete strong { font-weight:normal; color:#cf3dbd; }
	/* --- d. Autocomplete end */
	
/* --- 6. PLUGINS end --- */

/* --- 7. ADDON start --- */
#wrapper.addon {
	width:432px;
	height:509px;
	overflow:hidden;
	position:relative;
}
.addon #header {
	padding:16px;
	border-bottom:none;
}
.addon #header #logo #site-name { padding:0 0 0 8px; }
.addon #header #logo #site-name h1 { font-size:13px; }
.addon #header #login-form div{
	position:relative;
	width:128px; height:22px;
	margin-right:6px;
	border:1px solid #E7E7E7;
	background:#fff;
	color:#888;
}
.addon #header #login-form div label {
	position:absolute;
	top:0;
	left:0;
	margin:2px 4px;
}
.addon #header #login-form div input {
	position:absolute;
	top:0; left:0;
	width:120px; height:18px;
	border:none;
	background:none;
	padding:2px 4px;
	color:#888;
}
.addon #header #login, .addon #header #logout {
	display:block;
	float:left;
	width:20px; height:20px;
	background:url('images/icons.png') 0 -637px no-repeat;
}
.addon #header #user div {
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	margin-right:6px;
	position:relative;
	float:left;
	font-size:11px;
	background:url('images/pressdown.png') 0 0 repeat;
	border-width:1px; border-style:solid; border-color:transparent #F2F2F2 #F7F7F7;
	padding:2px 8px 4px;
}
.addon #nav-bar {
	background:#e7e7e7;
}
.addon #nav-bar ul { padding:0 16px; }
.addon #nav-bar ul li {
	list-style:none;
	display:inline-block;
	height:31px;
	margin:0; padding:0;
}
.addon #nav-bar ul li.current {  } 
.addon #nav-bar ul li a {
	color:#888;
	font-size:14px;
	display:inline-block;
	padding:8px 12px;
	line-height:1;
}
.addon #nav-bar ul li a:hover  {
	color:#565656;
	background:#f5f5f5;
	border-bottom:1px solid #f5f5f5;
}
.addon #nav-bar ul li.current a,
.addon #nav-bar ul li.current a:hover {
	color:#565656;
	background:#fff;
	border-bottom:1px solid #fff;
}
.addon #content {
	border:none;
	padding:0;
	/*background:#f5f5f5;*/
}
.addon #content .step .step-head {
	background:#fff;
	border-bottom:1px solid #e7e7e7;
	padding:0 16px;
}
.addon #content .step .step-head .step-number {
	width:32px; height:32px;
	background:url('images/addon.png') 0 0 no-repeat;
	text-align:center;
	margin-top:11px;
}
.addon #content .step .step-head .step-number span {
	display:block;
	font-size:18px;
	color:#CF3DBD;
	padding-top:1px;
}
.addon #content .step .step-head .step-descr {
	padding:7px 0 0 12px;
	font-size:14px;
	width:356px;
}
.addon #content .step .step-head .step-descr .step-comment {
	color:#888;
	font-size:11px;
}
.addon #content .step .step-body {
	padding:0 16px;
}
.addon #content #step-1 .step-head { height:58px; }
.addon #content #step-1 .step-body { height:248px; }
.addon #content #step-1 .step-body .upload-item { margin:0 0 19px 44px; }
.addon #content #step-1 .step-body .upload-item:first-child { padding-top:16px; }
.addon #content #step-1 .step-body .upload-item:last-child { margin-bottom:0; }
.addon #content #step-1 .step-body .upload-item .name-holder{ width:250px; }
.addon #content #step-1 .step-body .upload-item .reset{
	width:16px; height:16px;
	display:none;
	background:url("images/icons.png") 0 -576px no-repeat;
	margin-top:6px;
}
.addon #content #step-1 .step-body .upload-item.selected .reset { display:block; }
.addon #content #step-1 .step-body #standard-files .upload-item .file-wrap input { z-index:100; }
.addon #content #step-1 .step-body #url-files { padding:16px 0 0 44px; }
.addon #content #step-1 .step-body #url-files textarea {
	height:182px; width:342px;
	padding:6px; margin-bottom:8px;
	border:1px solid #e7e7e7;
}
.addon #content #step-1 .step-body #url-files p {
	font-size:11px; color:#888;
}
.addon #content #step-1 .step-body #multi-browse-wrap {
	float:left;
	margin:16px 0 0 44px;
	position:relative;
}
.addon #content #step-1 .step-body #multi-browse-wrap object {
	background:url("images/buttons_upload.png") no-repeat scroll 0 0 transparent;
	width:73px; height:28px;
}
.addon #content #step-1 .step-body #multi-files {
	padding:16px 0 16px 133px;
}
.addon #content #step-1 .step-body #multi-files .file-holder {
	height:18px; width:247px;
	background:url('images/pressdown.png') 0 0 repeat;
	margin-bottom:4px;
}
.addon #content #step-1 .step-body #multi-files .file-holder:last-child { margin-bottom:0; }
.addon #content #step-1 .step-body #multi-files .file-holder .queue-item .cancel-upload {
	position:absolute;
	top:1px; right:-20px;
}
.addon #content #step-1 .step-body #multi-files .file-holder .queue-item .cancel-upload a {
	display:block;
	width:16px; height:16px;
	background:url("images/icons.png") no-repeat scroll 0 -576px transparent;
}
.addon #content #step-1 .step-body #multi-files .file-holder .queue-item {
	position:relative;
	padding:0 4px;
	background:#fff;
	font-size:11px;
}
.addon #content #step-1 .step-body #multi-files .file-holder .queue-item .progress-bar {
	background:#E454D1 url('images/addon.png') 0 -56px repeat-x;
	position:absolute;
	overflow:hidden;
	color:#fff;
	width:0; height:17px;
	top:0; left:0;
}
.addon #content #step-1 .step-body #multi-files .file-holder .queue-item .progress-bar .file-name {
	padding:0 4px;
}
.addon #content #step-2 .step-head {
	height:112px;
	border-bottom:none;
}
.addon #content #step-2 .step-head .btn-upload {
	margin:8px 0 0 44px;
}
.addon #content #step-3 .step-head { height:58px; }
.addon #content #step-3 .step-body {
	height:360px;
	padding:0;
	overflow:hidden;
	
}
.addon #codes { width:432px; }
.addon #codes .code-line {
	height:50px; width:432px;
	border-bottom:1px solid #e7e7e7;
}
.addon #codes .code-line:last { border-bottom:none; }
.addon #codes .code-line .left {
	width:158px;
	padding:10px 12px 10px 16px;
	text-align:left;
}
.addon #codes .code-line .left span {
	font-size:11px;
	display:block;
	line-height:1.2;
}
.addon #codes .code-line .left span.code-comment { color:#888; }
.addon #codes .code-line .right  {
	padding:10px 16px 10px 0;
}
.addon #codes .code-line .right textarea {
	width:224px; height:24px;
	border:1px solid #e7e7e7;
	padding:2px; margin:0;
	overflow:hidden;
}
.addon #overlay {
	line-height:1;
	color:#565656;
	background:#fff;
	position:absolute;
	top:0; left:0;
	z-index:10;
	width:100%;
	box-shadow:0 1px 3px #999; -moz-box-shadow:0 1px 3px #999; -webkit-box-shadow:0 1px 3px #999;
}
.addon .status-message {
	padding:8px 16px 8px 36px;
}
.addon .status-message.error {
	color:#ad1f1f;
	background:url('images/icons.png') 16px -187px no-repeat;
}
.addon .status-message.success {
	color:#5b7b1e;
	background:url('images/icons.png') 16px -249px no-repeat;
}
.addon .status-message.progress {
	background:url('images/loader.gif') 16px 6px no-repeat;
}
.addon .status-message p { margin-bottom:6px; }
.addon .status-message p:last-child { margin-bottom:0; } 
/* --- 7. ADDON end --- */

/* --- 8. Misc start --- */
#addon-message {
	background:url('images/pressdown.png') 0 0 repeat;
	padding:6px 0;	
}
#addon-message div {
	width:960px;
	margin:0 auto;
	text-align:center;
}
#addon-message .close-block {
	top:6px;
}
/* --- 8. Misc end --- */