/* Author:				Dreamscape Interactive, www.dreamscape.se
*  Contact:				info@dreamscape.se
*  Version:				1.0
*  Created:				2012
*
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(text.css);
@import url(grid.css);

@import url(defaults.css?r=2);
@import url(forms.css?r=2);
@import url(navigation.css?r=2);

@import url(../../../../js/slimbox/css/slimbox.css);
@import url(../../../../js/admin/TurboSortables/css/turbosortables.css);
/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */
div#container {}

div#header {}
	#header h1 {margin:0px; padding:25px 0 10px 0;}
	#header h1 a {color:#5b5b5b;}
	#header h1 span {display:block; font-size:14px; font-weight:normal; color:#666;}

div#footer_container {clear:both; background:url(../img/bg_footer.jpg); position:relative; top:-5px; height:100px; padding-top:10px;}
div#footer {padding:10px;color:#fff; margin:15px 0;}
	#footer p {margin:0;}
	#footer a {color:#fff;}

.date {color:#3C5C99; display:block; margin:5px 0;}
.location {font-weight:bold; color:#316A99;}

.info_box {margin: 10px 0; border: 1px dotted #c0c0c0; padding: 10px; background: #FFFFF8;}

div#content {background:#fff url(../img/bg_content.jpg) no-repeat; padding:15px 25px; position:relative; z-index:9; min-height:1000px;}

/*-----------------------------------------------------------------------------------
* == LOGIN
* --------------------------------------------------------------------------------- */
html body#site_login {background:none;}
#site_login #container {width:50%; padding:20px; margin:0 auto; min-width:400px;}
#site_login #content {min-height:200px;}
#site_login #container h1 {margin: 0; padding: 0;}
#site_login #container h1 a {color: #aeaeae; font-size: 40px; font-family: Arial, Verdana, Georgia, "Times New Roman", Times, serif;}
#site_login #container legend {font-size:24px; color:#000; text-shadow:#e7e7e7 2px 1px 2px; padding-bottom:20px; padding-top:5px; margin:0;}
#site_login div#header {background:none;}
form#login {padding:0;}
	#login .input_text {width:99%;}
	#login button {margin:10px 0 0 0; float:right;}
	
	#login ul {margin-top:10px;}
		#login ul li {margin-bottom:5px;}


/* INDEX */

iframe#index_frame {border: 0; width: 100%; height: 700px;}

/*-----------------------------------------------------------------------------------
* == HELP / SUPPORT
* --------------------------------------------------------------------------------- */
a#help_box {display: block; text-align: center; color: #fff; width: 98%; margin: 0 auto; }
a#help_box img {display: block; margin: 0 auto 10px auto; padding: 0; }

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
	.post img {float:right; margin:0 0 15px 15px;}
	.post p a, .post a:visited {color:#000;}
	.post p a:hover {color:#666; text-decoration:none;}

/*-----------------------------------------------------------------------------------
* == USERLIST ACTIONS (EXPORT ETC)
* --------------------------------------------------------------------------------- */

div#userlist_actions {}
	#userlist_actions div {margin-bottom: 10px; }
	#userlist_actions div div {height: 105px; border: 1px dotted #c0c0c0; }
	#userlist_actions div div p {margin: 10px;}
	#userlist_actions form {height: 105px; border: 1px dotted #c0c0c0;}
	#userlist_actions form fieldset { margin: 10px; }
	#userlist_actions form fieldset legend {margin: 0 0 5px 0; padding: 0;}
	#userlist_actions form fieldset label {margin: 0 0 5px 0;}
	#userlist_actions form fieldset button {margin: 52px 0 0 0;}

/*--------------------------------------------------------------------------------------------------------
/* ==  NOTIFIER
------------------------------------------------------------------------------------------------------- */

div.notifier_container {width:420px; height:320px; padding:15px; position:fixed; left:50%; top:50%; margin-top:-175px; margin-left:-225px; display:none; background:#fff; border:5px solid #666; z-index:9999;}
	.notifier_container h2 {background:#efefef; color:#000;}
a.close_notifier {position:absolute; bottom:15px; left:15px; margin:0;}
a.notify {text-decoration:; font-family:Verdana, Arial, Helvetica, Georgia; font-weight:bold; font-size:18px; padding:5px;}

/*-----------------------------------------------------------------------------------
* == NEWSLETTERS
* --------------------------------------------------------------------------------- */
div#done {display:none;}

/*-----------------------------------------------------------------------------------
* == PRINT & EXPORT
* --------------------------------------------------------------------------------- */
ul.print_export {overflow:hidden; margin-bottom:15px; padding:5px; background:#efefef; border:1px solid #ccc;}
	.print_export li {float:left; margin-right:10px; padding:5px 10px 5px 0;border-right:1px solid #666; margin-bottom:0;}
	.print_export li.last {margin-right:0; padding-right:0; border:0;}

	.btm { }

/*-----------------------------------------------------------------------------------
* == INVOICES
* --------------------------------------------------------------------------------- */
.invoice_address {border: 1px dotted #c0c0c0; height: 85px; margin-bottom: 20px; }
.invoice_address p {margin: 10px;}
ul#invoice_statuses {width: 92%; border-top: 1px dotted #FC3;}
ul#invoice_statuses li {border: 1px dotted #FC3; padding: 10px; border-top: 0; }

/*-----------------------------------------------------------------------------------
* == Accounts Receivable Ledger
* --------------------------------------------------------------------------------- */
	div#arl_header {margin-bottom: 10px;}
		#arl_header form {float: left;}
	p#totalsumman {float: right; border: 1px solid #c0c0c0; background-color: #efefef; padding: 10px; font-weight: bold; text-align: right; }

/*-----------------------------------------------------------------------------------
* == IFRAME
* --------------------------------------------------------------------------------- */
div#iframe {display:none;width:600px; height:550px;  border:5px solid #ccc; background:#efefef; padding:10px; position:fixed; top:50%; left:50%; margin-left:-305px; margin-top:-275px; z-index:999999;}
	#iframe iframe {width:600px; height:500px; background:#fff;}
	#iframe .close {color:#000; float:none; display:block; margin:5px 0 0 0px; width:75px; background:#efefef; border:1px solid #ccc; text-align:center; font-size:12px; padding:5px 0;}


/*-----------------------------------------------------------------------------------
* == BANNERS
* --------------------------------------------------------------------------------- */
div.banners_edit h2 {float: left; width: 350px;}
form#banners_yearform {width: 300px; float: right; text-align: right;}
	#banners_yearform select {width: 220px; margin-top: 10px;}

/*-----------------------------------------------------------------------------------
* == HELP PAGES
* --------------------------------------------------------------------------------- */
form#search_help {display: block; border: 1px dotted #ccc; width: 280px; float: right; padding: 10px; }
#search_help button {margin: 8px 0 0 0;}
#search_help fieldset {padding: 0; margin: 0;}
#search_help legend {margin: 0; padding: 0;}
#search_help input {border: 1px solid #ccc; width: 100%;}
#search_help button {border: 1px solid #ccc; }

#help_index ul li {font-weight: bold; font-size: 16px;}
#help_index ul li a {font-weight: normal; font-size: 14px; }
#help_index ul li ul {list-style: square inside; margin-left: 15px; }


/*-----------------------------------------------------------------------------------
* == VIEW ORDER
* --------------------------------------------------------------------------------- */

table#webshop_cart_items {width: 800px;}

img.price_info {cursor: pointer; position: absolute; margin-left: -80px;}
div.price_info_box {display: none; width: 240px; border: 1px solid #ccc; background: #fff; padding-bottom: 5px; text-align: left; position: absolute; margin: -15px 0 0 -250px; z-index: 40;}
div.price_info_box p {margin: 10px 10px 5px 10px !important;}
p.cart_sum span, p.cart_delivery_cost span, p.cart_total span {float:right;}
tfoot.cart_footer tr th {vertical-align: middle;}
.webshop_cart_sub-del {text-align: right;}
th.webshop_cart_image, td.webshop_cart_image {width:30px}
.webshop_cart_image img {width:30px;}
th.webshop_cart_qty, td.webshop_cart_qty{width:40px;}
.webshop_cart_qty input {width:30px;}

.webshop_cart_total_price, .webshop_cart_product_erase {text-align: right;}
.webshop_cart_product_erase {width:50px;}

.webshop_cart_row_total {text-align: right;}

/*-----------------------------------------------------------------------------------
* == WEBSHOP CATEGORIES LISTING AND SORTING
* --------------------------------------------------------------------------------- */

ul.tree li {clear: both;}
/* Sorting categories */
div.ultree_rightmost {
	clar: both;
	display: inline-block;
	float: right;
}
.ultree_rightmost span {display: inline !important; margin: 0; border: 0 !important; padding: 0 10px 0 0 !important; float: none;}
.ultree_rightmost a {display: inline; float: none; border-left: 1px solid #ccc; padding: 0 10px; }


/*-----------------------------------------------------------------------------------
* == MISC
* --------------------------------------------------------------------------------- */

.unread {font-weight: bold;}
p.info {background: #FFFDEB url(../img/bulb.png) no-repeat left center; padding: 15px 15px 15px 60px; margin: -10px 0 15px 0; border: 1px solid #efefef;}
li.inactive span {background: #f6f6f6 url(/wwwdocs/img/inaktiv.png) no-repeat center right !important; }
li.inactive span, li.inactive a {color: #999;}