/* -----------------------------------------------------------------------------------------
   VaM Cart - open source ecommerce solution
   http://vamcart.com

   Copyright (c) 2010 VaM Cart 
   -----------------------------------------------------------------------------------------
   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

/*<![CDATA[*/

html,body
	{
		margin: 0;
		padding: 0;
		background-color: #fff;
		background-image: url(../img/admin/bg.png);
		background-position: 0 0;
		background-repeat: repeat-x; 
	}

body
	{
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-size: 11pt;
		line-height: 1;
	}

img
	{
		border: 0;
	}

h1, h2, h3
	{
		margin: 0;
		padding: 0;
	}
   
/* Links color */

a, 
a:visited 
	{
		color: #494a4e;
		text-decoration: none;
	}

a:hover 
	{
		color: #494a4e;
		text-decoration: underline;
	}

/* /Links color */

/* Content */

div#container
	{
	}

div#wrapper
	{
	}

div#content
	{
		padding: .5em;
	}

/* /Content */

/* Left column */

div#left
	{
	}
	
/* /Left column */

/* Right column */

div#right
	{
	}
	
/* /Right column */

/* Header */

#header 
	{
		background-color: #fff;
	/*	background-image: url(../img/admin/bg.png);*/
		background-position: 0 -2305px;
		background-repeat: repeat-x; 
		height: 63px;
	}

#header div.header-left 
	{
		float: left;
		margin: 0; 
		padding: 0; 
	}

#header div.header-right 
	{
		float: right;
		margin: 0; 
		padding: .3em;
	}

/* Search */
   
#header div.header-right label 
	{
		display: none;
	}	

#header div.header-right .submit 
	{
		display: none;
	}	

/* /Search */

/* /Header */

/* Footer */

div#footer
	{
		clear: left;
		width: 100%;
		background: transparent;
		border-top: 0px solid #67748B;
		text-align: center;
		color: #000;
	}
   
div#footer p
	{
		margin: 0;
		padding: 5px 10px;
	}
   
/* /Footer */

/* Menu */

div#menu
	{
		border-top: 3px solid #ff7b08;
		background-color: #fff;
		background-image: url(../img/admin/bg.png);
		background-position: 0 -2406px;
		background-repeat: repeat-x; 
		padding: 0;
		margin: 0;
		width: 100%;
	}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu li, 
#menu ul 
	{
		list-style-type: none; 
		margin: 0;
		padding: 0;
	}

#menu li 
	{
		display: block; 
		float: left; 
		position: relative; 
		z-index: 100; 
		margin: 0;
		padding: 0;
		color: #000;
		background-color: #fff;
		background-image: url(../img/admin/bg.png);
		background-position: 0 -2406px;
		background-repeat: repeat-x; 
	}
	
#menu li span a
	{
		display: block; 
		z-index: 100; 
		padding: 5px 10px;
	}

#menu li a, 
#menu li a:visited 
	{
		display: block; 
		color: #000;
		text-decoration: none;
		margin: 0 0 0 0;
	}

#menu table.ie6 
	{
		margin: 0;
		padding: 0;
		border-collapse: collapse;
	}

#menu dl 
	{
		position: absolute; 
		top: 0; 
		left: 0; 
		margin: 0; 
		padding: 0; 
		background-color: #fff;
		background-image: url(../img/admin/bg.png);
		background-position: 0 -2442px;
		background-repeat: repeat-x; 
	}

#menu dt 
	{
		margin: 0; 
		padding: 0;
		float: left; 
		background-color: #fff;
		background-image: url(../img/admin/bg.png);
		background-position: 0 -2406px;
		background-repeat: repeat-x; 
	}

#menu dd 
	{
		display: none; 
		background: transparent;
		border-bottom: 0px solid #91afba; 
		clear:left; 
		margin: 0; 
		padding: 0; 
		color: #000;
		text-align: left;
	}

#menu dt a, 
#menu dt a:visited 
	{
		display: block; 
		color: #000;
		padding: 5px 10px; 
		text-decoration: none;
	}

#menu dd a, 
#menu dd a:visited 
	{
		background: transparent;
		color: #000;
		border-left: 1px solid #e8e9ea;
		text-decoration: none; 
		display: block; 
		padding: 5px 10px;
	}

#menu li a:hover 
	{
		border: 0;
	}

#menu li:hover dd, 
#menu li a:hover dd 
	{
		display: block;
		width: 188px;
		border-bottom: 1px solid #e8e9ea;
		border-right: 1px solid #e8e9ea;
	}

#menu li:hover dl, 
#menu li a:hover dl 
	{
		border-bottom: 0px solid #e2dfa8;
	}

#menu li:hover dt a, 
#menu li a:hover dt a, 
#menu dd a:hover 
	{
		background: #ff7b08; 
		color: #fff;
	}
   
/* /Menu */

/* Navigation */

div#navigation
        {
                padding: 0;
                margin: 0;
        }

div#navigation div.breadCrumbs
        {
                padding: 0;
                margin: 5px 0 0 10px;
        }
        
/* /Navigation */

/* Page header */

#content h1,
#content h2,
#content h3
	{
		color: #ff7b08;
		font-weight: bold;
		font-size: 12pt;
	}

/* /Page header */

/* Page content */

div#page
	{
		margin: 0;
		padding: 0;
	}

div#page h2
	{
		margin: 0;
		padding: 7px 0 7px 10px;
		background-color: #f4f4f4;
		background-image: url(../img/admin/bg.png);
		background-position: 0 -2843px;
		background-repeat: repeat-x; 
		border-top: 1px solid #c0c1c2;
		border-left: 1px solid #c0c1c2;
		border-right: 1px solid #c0c1c2;
		border-bottom: 1px solid #c0c1c2;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-webkit-border-top-left-radius: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-right-radius: 8px;
		vertical-align: middle;
	}
	
div#pageContent
	{
		margin: 0;
		padding: .5em;
		background-color: #fff;
		background-image: url(../img/admin/bg.png);
		background-position: 0 -3314px;
		background-repeat: repeat-x; 
		border-top: 0px;
		border-left: 1px solid #c0c1c2;
		border-right: 1px solid #c0c1c2;
		border-bottom: 1px solid #c0c1c2;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		-moz-border-radius-bottomleft: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-right-radius: 8px;
	}

/* /Page content */

/* Forms */

form
	{
		padding: 0;
		margin: 0;
	}

fieldset 
	{
		border: 0px;
		padding: .2em 0 .2em 0;
		margin: 0;
	}

legend 
	{
		font-size: 12pt;
		font-weight: bold;
		color: #ff9c0f;
		margin-bottom: .5em;
		padding: 0;
	}

div.input label 
	{
		color: #545452; 
		text-align: right; 
		padding: 0 10px 0 10px; 
		margin-bottom: 0;
	}

div.input
	{
		margin-bottom: .5em;
	}
	
div.input input 
	{
		border: 1px solid; 
		border-color: #666 #ccc #ccc #666; 
		padding: .2em;
		margin: 0;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

form#contentform div.input.text input, 
form#contentform div.input.password input 
	{
		border: 1px solid; 
		border-color: #666 #ccc #ccc #666; 
		padding: .2em;
		margin: 0;
		width: 300px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

div.input select 
	{
		margin-left: .5em;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

div.input textarea 
	{
		overflow: auto; 
		width: 80%; 
		height: 20em; 
		border: 1px solid; 
		border-color: #666 #ccc #ccc #666; 
		padding: .3em; 
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

div.input textarea:focus, div.input input:focus, .sffocus, .sffocus 
	{
		background-color: #ffc;
	}
	
/* /Forms */

/* Tables */

div#content table.contentTable
	{
		width: 100%;
		padding: 0 0 0 0;
		margin: 0 0 .2em 0;
		border: 1px solid #97a5b0;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

div#content table.contentTable tr
	{
		padding: 0;
		margin: 0;
	}

div#content table.contentTable tr.contentRowEven
	{
		padding: 0;
		margin: 0;
		background: #f7f7f7;
	}

div#content table.contentTable tr.contentRowOdd
	{
		padding: 0;
		margin: 0;
		background: #fff;
	}

div#content table.contentTable tr.contentRowEvenHover,
div#content table.contentTable tr.contentRowOddHover
	{
		padding: 0;
		margin: 0;
		background: #ffc;
	}

div#content table.contentTable th
	{
		color: #000;
		font-weight: normal;
		padding: .9em;
		margin: 0;
		background-color: #e3eff7;
		background-image: url(../img/admin/bg.png);
		background-position: 0 -3231px;
		background-repeat: repeat-x; 
		border: 1px solid #97a5b0;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

div#content table.contentTable td
	{
		padding: .3em .3em .3em .3em;
		margin: 0;
	}

/* Pagination */
	
div#content table.contentPagination
	{
		padding: 0;
		margin: 0;
	}

div#content table.contentPagination tr
	{
		padding: 0;
		margin: 0;
	}

div#content table.contentPagination td
	{
		padding: 0;
		margin: 0;
	}

/* /Pagination */

/* Orders */
	
div#content table.orderTable
	{
		width: 100%;
		padding: 0;
		margin: 0;
	}

div#content table.orderTable tr
	{
		padding: 0;
		margin: 0;
	}

div#content table.orderTable td
	{
		padding: .3em .3em .3em .3em;
		margin: 0;
	}

/* /Orders */

div#content .noData
	{
		padding: .5em;
		margin: 0;
		background: transparent;
	}
	
/* /Tables */

/* Messages */

div#flashMessage
	{
		border: 1px solid #ff0000;
		padding: .5em 0 .5em 1.5em;
		margin: 0 0 .5em 0;
		background: #fcc url(../img/admin/icons/error.png) no-repeat center left;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

div.error-message
	{
		padding: .5em 0 .5em 1.5em;
		margin: .5em;
		font-weight: bold;
		background: transparent url(../img/admin/icons/error.png) no-repeat center left;
	}

div.error input
	{
		border: 1px solid #ff0000;
		background: #fcc;
	}
	
/* /Messages */

/* Buttons */

a.button, 
span.button, 
del.button
	{
		display: -moz-inline-box;
		display: inline-block;
		cursor: pointer;
		border: none;
		font-size: 0;
		line-height: 0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
		background-position: 0 0;
		background-repeat: no-repeat;
		height: 30px;
		text-decoration: none;
		color: #2e523b;
		font-style: normal;
		margin: 0 6px 0px 0;
		padding: 0 10px 0 0;	
		vertical-align: middle;	
		padding-top: -2px;
		_position: relative;
		_width: 10px;	
		_overflow-y: hidden;
	}

a.button, 
span.button, 
del.button, 
a.button span, 
span.button button, 
span.button input, 
del.button span
	{
		background-image: url(../img/admin/buttons/form_buttons.png);
		_background-image: url(../img/admin/buttons/form_buttons.gif);
	}

a.button span, 
span.button button, 
span.button input, 
del.button span
	{
		white-space: nowrap;
		cursor: pointer;
		color: #222;
		display: -moz-inline-box;
		display: inline-block;
		line-height: 1;
		letter-spacing: 0 !important;
		font-family: "Arial" !important;
		font-size: 12px !important;
		font-style: normal;    
		background-color: transparent;
		background-position: 100% 0;
		background-repeat: no-repeat;
		height: 30px;
		padding: 8px 20px 0 10px;
		margin: 0 -16px 0 10px;
		border: none;
		vertical-align: text-top;
		zoom: 1;
		_position: relative;
		_padding-left: 0px;
		_padding-right: 12px;
		_margin-right: -10px;	
		_display: block;
		_top: 0;
		_right: -5px;
	}

span.button button
	{
		line-height: 2.5; /*Opera need this*/
	}

html.safari a.button span, 
html.safari del.button span
	{
		line-height: 1.3;
	}

html.safari span.button button
	{
		line-height: 2.6;
	}

html.safari a.button:focus,
html.safari span.button button:focus
	{
		outline: none;
	}

del.button
	{
		/* cursor:not-allowed;	*/
		background-position: 0 -120px;
	}

del.button span
	{
		cursor: default;
		color: #aaa !important;
		background-position: 100% -120px;
	}

span.button button, 
span.button input
	{
		padding-top: 0px;
		line-height: 2.5; /*Opera need this*/
	}

/** optional **/
/*
a.button:visited
	{
		color: #aaa;
	}
*/

/*Hover Style*/

a.button:hover, 
a.button:focus, 
a.dom-button-focus, 
span.button-behavior-hover
	{
		background-position: 0 -60px;
		color: #222;
		text-decoration: none;
	}

a.button:hover span, 
a.button:focus span, 
span.button-behavior-hover button, 
span.button-behavior-hover input
	{
		background-position: 100% -60px;
	}

a.button:active, 
a.button:focus span
	{
		color: #444;
	}

del.button-behavior-hover, 
del.button:hover
	{
		background-position: 0 -180px;
		/* cursor:not-allowed; */
	}

del.button-behavior-hover span, 
del.button:hover span
	{
		background-position: 100% -180px;
		/* cursor:not-allowed; */
	}

/* /Buttons */

/* SWF Upload */

.progressWrapper 
	{
		width: 230px;
		overflow: hidden;
		float: left;
	}

.progressContainer 
	{
		margin: 5px;
		padding: 4px;
		border: solid 1px #E8E8E8;
		background-color: #F7F7F7;
		overflow: hidden;
	}

/* Message */
.message 
	{
		margin: 1em 0;
		padding: 10px 20px;
		border: solid 1px #FFDD99;
		background-color: #FFFFCC;
		overflow: hidden;
	}

/* Error */
.red 
	{
		border: solid 1px #B50000;
		background-color: #FFEBEB;
	}

/* Current */
.green 
	{
		border: solid 1px #DDF0DD;
		background-color: #EBFFEB;
	}

/* Complete */
.blue 
	{
		border: solid 1px #CEE2F2;
		background-color: #F0F5FF;
	}

.progressName 
	{
		font-size: 8pt;
		font-weight: 700;
		color: #555;
		width: 323px;
		height: 14px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
	}

.progressBarInProgress,
.progressBarComplete,
.progressBarError 
	{
		font-size: 0;
		width: 0%;
		height: 2px;
		background-color: blue;
		margin-top: 2px;
	}

.progressBarComplete 
	{
		width: 100%;
		background-color: green;
		visibility: hidden;
	}

.progressBarStatus 
	{
		display: none;
	}

.progressBarError 
	{
		width: 100%;
		background-color: red;
		visibility: hidden;
	}

.progressBarStatus 
	{
		margin-top: 2px;
		width: 337px;
		font-size: 7pt;
		font-family: Arial;
		text-align: left;
		white-space: nowrap;
	}

a.progressCancel 
	{
		font-size: 0;
		display: block;
		height: 14px;
		width: 14px;
		background-repeat: no-repeat;
		background-position: -14px 0px;
		float: right;
	}

a.progressCancel:hover 
	{
		background-position: 0px 0px;
	}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload 
	{
		vertical-align: top;
	}

div#btnCancel,
div#btnCancel input
	{
		display: none;
	}

div#divStatus
	{
		display: none;
	}

#content_images 
        {
                list-style-image: none;
                list-style-position: outside;
                list-style-type: none;
                margin: 0pt;
                padding: 0pt;
        }

#content_images li 
        {
                display: block;
                float: left;
                padding: 4px;
                border: 1px solid #999999;
                background-color: #FFFFFF;
                margin: 5px;
        }

/* /SWF Upload */

/* Content Action */

div.submit
	{
		float: left;
		margin: .5em .5em 0 0;
	}
	
div.addContent
	{
		width: 20%;
		float: left;
		margin: .5em 0 0 0;
	}

div.multiAction
	{
		width: 80%;
		float: left;
		text-align: right;
		margin: .5em 0 0 0;
	}

/* /Content Action */

div.clear
	{
		clear: both;
	}
			 
/*]]>*/