/**
 * JWallpapers - A lightweight yet powerful image gallery component with community building capabilities
 * 
 * @version 2.2.2 $Id: default.css 558 2010-12-16 12:29:41Z amazeika $
 * @package JWallpapers
 * @copyright Copyright (C) 2009 Arunas Mazeika, http://www.wextend.com. All rights reserved
 * @author Arunas Mazeika
 * @license GNU General Public License v2+ (GNU GPL v2+). See license.php
 * 
 */
#picture_container,#picture_right_content,#thumbs_right_section,#thumbs_left_section,#frontend_tagging_section,#pic_tags_section
	{
	float: left;
	border: none !important;
}

.jw_category_title {
	float: left;
	border: none !important;
}

.jw_button_right,.jw_button_left,.jw_button {
	height: 20px;
}

.jw_button {
	line-height: 1em !important;
	margin: 0px 4px 0px 4px;
	padding-top: 2px;
}

.submit_picture_link {
	display: block;
	float: right;
	border: none !important;
	font-size: 12px;
	text-decoration: none !important;
	font-weight: bold !important;
}

.jw_order_by_links,.jw_nav_pages_links,.jw_nav_pages_count,.resizes,.jw_message_big_margins h2,.jw_credits
	{
	text-align: center !important;
}

.jw_order_by_links,.jw_nav_pages_links {
	margin-top: 10px;
}

.jw_credits {
	margin-top: 30px;
}

.untag_editors_pick,.tag_editors_pick {
	display: block;
	width: 32px;
	height: 32px;
}

div.editors_pick {
	height: 26px;
	font-size: 12px;
	font-weight: bold !important;
	overflow: visible;
	padding: 8px 0px 0px 32px;
}

#editors_pick_admin_container {
	width: 32px;
	height: 32px;
	float: left;
}

.go_back {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
}

#thumbs_right_section {
	/* Adding a the following padding causes this block to go down
	when calculating each container width with a 100% base */
	/* padding-left: 10px; */
	/* Answer to the previous note: paddins also counts as the elements
	width. Elements width: width + borders + margin + padding */
	margin-top: 12px;
}

.clear_both {
	clear: both;
}

.clear_left {
	clear: left;
}

#picture_right_content {
	border: none !important;
}

/* Had to use an additional div since actually the width of an element
	equals = width + margin + PADDING. Adding padding to the parent made it
	widder, so it was being pushed to the next line !!! */
.picture_right_content_elements {
	padding-left: 20px;
}

#picture_info {
	margin-bottom: 25px;
}

#picture_info h2 {
	margin: 0px !important;
}

.thumbnails li {
	background: none !important;
}

.pic_description {
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
}

.big_thumb a img,.thumbnails img {
	display: block;
	margin: 0 auto 5px auto;
	border: 1px solid #ccc;
	border-bottom-color: #eee;
	border-left-color: #ddd;
	border-top-color: #bbb;
}

div.big_thumb {
	margin: 0 0 10px 0;
	text-align: center;
	background-color: #fff;
	line-height: 1em;
}

div.big_thumb a,ul.thumbnails a {
	display: block !important;
	margin: 0 !important;
	padding: 4px 4px 11px 4px !important;
	border: 1px solid #ccc;
	border-top-color: #eee;
	border-right-color: #ddd;
	border-bottom-color: #bbb;
	background-color: #fff;
	text-align: center;
}

ul.thumbnails div {
	text-align: center;
	padding: 0;
	margin: 0 auto 0 auto;
}

div.big_thumb a:hover,ul.thumbnails a:hover {
	border-color: #ccc;
	background-color: #eee;
	text-decoration: none;
}

div.resizes,div.navigation {
	margin: 0px 0 10px 0;
	padding: 0;
	text-align: center;
	line-height: 1em;
}

div.nav_left,div.nav_right {
	width: 36px;
	margin: 0;
	padding: 0;
}

div.nav_left {
	float: left;
}

div.nav_right {
	float: right;
}

a.fullsize {
	display: block;
	width: 17px;
	height: 15px;
	background-color: transparent !important;
	background-image: url('../images/default/carbon/popup.gif') !important;
	margin: 0 auto 0 auto !important;
}

p.picture_position_text {
	padding-top: 2px;
	text-align: center;
	font-size: 1.2em;
}

.download_options_fieldset {
	border-style: none;
}

.download_options_select {
	font-size: 0.9em;
	background-color: #eee;
	color: #000;
	border: 1px solid #284279;
	margin-left: 10px;
}

.download_options_button {
	font-size: 0.9em;
	background-color: transparent;
	/* color: #102132; */
	color: #8A7777;
	margin-left: 12px;
	margin-top: 3px;
	margin-bottom: 2px;
}

ul.thumbnails { /* IE seems to align ul items to the right */
	margin: 0 auto 0 auto !important;
	padding: 0 !important;
	line-height: 1em;
	list-style: none !important;
	/* This forces the browser to dynamically calculate the height of the element.
	Floating elements inside avoid the height calculation of this element.
	Because of this, we need to force the height calculation by using this hack. */
	/* This can also be done by adding <div class="clear_both"></div> just before
	clossing the ul tag */
	overflow: auto;
}

ul.thumbnails li {
	float: left;
	/* This one is a IE6 fix, otherwise the height property is not respected */
	overflow: hidden;
	padding: 0 !important;
	margin: 10px 0px !important;
	/* Added in order to safely allow calculating the width by dividing 100% by the number of columns */
	border: none !important;
}

ul.thumbnails li div p {
	text-align: center;
	padding-top: 5px;
}

/**
 * Submit Form
 */
.jw_optional,.jw_mandatory {
	width: 22px;
	height: 22px;
}

input#captcha_string,input#keystring {
	width: 92px;
}

#pictureForm table {
	margin: 10px 0 5px 20px;
}

#pictureForm td {
	padding: 5px;
}

#pictureForm #button {
	margin-right: 0;
}

span.form_note {
	margin-left: 10px;
	font-size: 0.9em;
}

/**
 * System messages overides
 */
#system-message li {
	background-image: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

#system-message dd ul {
	margin-bottom: 10px !important;
	list-style: none !important;
	padding: 10px !important;
	margin: 0px !important;
	padding-left: 40px !important;
	text-indent: 0px !important;
}

/**
 * System Standard Messages
 */
#system-message dd.message ul {
	color: #0055BB !important;
	background: #C3D2E5
		url('../../../templates/system/images/notice-info.png') 4px center
		no-repeat !important;
	border-top: 3px solid #84A7DB !important;
	border-bottom: 3px solid #84A7DB !important;
}

/**
 * System Error Messages
 */
#system-message dd.error ul {
	color: #c00 !important;
	background: #E6C0C0
		url('../../../templates/system/images/notice-alert.png') 4px center
		no-repeat !important;
	border-top: 3px solid #DE7A7B !important;
	border-bottom: 3px solid #DE7A7B !important;
}

/**
 * System Notice Messages
 */
#system-message dd.notice ul {
	color: #c00 !important;
	background: #EFE7B8
		url('../../../templates/system/images/notice-note.png') 4px center
		no-repeat !important;
	border-top: 3px solid #F0DC7E !important;
	border-bottom: 3px solid #F0DC7E !important;
}

/** 
 * VirtueMart plugin specifics
 */
a.vm_product_link {
	display: block;
	width: 53px;
	height: 37px;
	margin: auto;
}

/**
 * Frontend Tagging
 */
.tag_cloud {
	padding: 10px;
}

#frontend_tagging_section,#pic_tags_section {
	padding-top: 10px;
	margin-bottom: 15px;
}

#frontend_tagging_section {
	width: 40%;
}

#pic_tags_section {
	width: 60%;
}

#pic_tags_section h4 {
	text-align: center !important;
}

#frontend_captcha {
	margin-top: 20px;
}

#ajax_tag_search_result {
	margin-top: 8px;
}

#tag_pic_status {
	margin-top: 5px;
	font-size: 0.9em;
	font-weight: bold;
}

.ajax_search_note {
	font-size: 0.8em;
}

/**
 * Tag cloud
 */
.jw_tag_cloud {
	text-align: justify !important;
}

.jw_tag_cloud a {
	text-decoration: none !important;
	padding: 0px 3px;
}

.jw_tag_cloud a.size0 {
	color: #AAA;
	font-size: 110%;
	line-height: 1.5em;
}

.jw_tag_cloud a.size1 {
	color: #777;
	font-size: 120%;
	line-height: 1.4em;
}

.jw_tag_cloud a.size2 {
	color: #666;
	font-size: 130%;
	line-height: 1.3em;
}

.jw_tag_cloud a.size3 {
	color: #444;
	font-size: 140%;
	line-height: 1.2em;
}

.jw_tag_cloud a.size4 {
	color: #333;
	font-size: 150%;
	line-height: 1.1em;
}

.jw_tag_cloud a.size5 {
	color: #111;
	font-size: 150%;
	line-height: 1em;
}

.jw_tag_cloud a.link:hover {
	color: white;
	background-color: #575757;
}

#jw_cat_desc {
	margin: 15px;
	text-align: justify !important;
}

.jw_cb_field {
	display: block;
}

/**
 * Facebook
 */
.jw_fb_share_button {
	padding: 15px 0px 15px 0px;
	overflow: hidden;
}

/**
 * Messages
 */
.red_msg,.green_msg,.blue_msg {
	font-weight: bold;
}

.green_msg {
	color: green;
}

.red_msg {
	color: red;
}

.blue_msg {
	color: blue;
}

.jw_message_big_margins {
	margin: 100px;
}

.jw_preload { /* Not definining the width causes problems on IE7.
	Negative margins pull the container increasing its size (margin
	acts like a padding) when the element's width is not explicitly
	defined. Because of this, on IE7 the element might overlap part
	of the layout (floating menus for example) which becomes therefore
	invisible. */
	width: 1px;
	margin-left: -5000px;
}

.jw_upload_details_label {
	width: 15%;
	text-align: right;
	font-weight: bold;
}

.jw_submit_label {
	width: 20%;
	text-align: right;
	font: 18px sans-serif;
}