/* -------------------- Basic HTML tags -------------------- */

body {
	font: 12px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444444;
	background-color: #f6f6f6;
	}

a:focus {
	outline: 1px dotted invert;
	}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	}

h1 {
	font-size: 30px;
	letter-spacing: -1.5px;
	}

h2 {
	font-size: 24px;
	letter-spacing: -1px;
	}

h3 {
	font-size: 18px;
	}

h4 {
	font-size: 14px;
	}

h5 {
	font-size: 12px;
	}

h6 {
	font-size: 10px;
	}

ol {
	list-style: decimal;
	list-style-position: inside;
}

ul.bullets {
	list-style: disc;
	list-style-position: inside;
	}

ul.bullets li {
	margin-left: 20px;
	margin-bottom: 5px;
	}

.box-collapsed {
	height: 204px;
}

.box-collapsed.show {
	height: auto;
}

.box-collapsed-direction {
	margin-left: 48%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 15px;
	}

a,
a.link,
a:visited { 
	color:#127d00; text-decoration: none; 
	}

a:hover, a:active { 
	text-decoration: underline; 
	}

h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited, a.link:visited {
	color: #444444; 
	}

h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active, a.link:active {
	color:#127d00; 
	}




/* --------------------  Custom general classes -------------------- */

.align-left    { text-align: left; }
	
.align-right   { text-align: right; }
	
.align-center  { text-align: center; }
	
.align-justify { text-align: justify; }
	
.float-left    { float: left; }
	
.float-right   { float: right; }

.bottom-spacing { padding-bottom: 20px; overflow: hidden; }




/* -------------------- Page elements -------------------- */



#header { 
	margin-bottom: 20px; 
	}

#header-status {
	background: #000000; 
	padding: 0; 
	color: #aaaaaa;
	}
	
#text-invitation {
	display: block; 
	float: left; 
	padding: 9px 0 11px 0;
	}

#message-notification {
	display: block; 
	float: left; 
	background: url(../../img/admin/mail-q-bg.jpg) top left no-repeat; 
	color: #6dc6e7; 
	padding: 9px 0 11px 0; 
	text-decoration: none; 
	margin-left: 10px;
	}
	
#message-notification span { 
	color: #444444; 
	margin-right: 15px; 
	text-align: center; 
	display: block; 
	float: left; 
	width: 32px; 
	}
	
#message-notification a:hover, 
#message-notification a:active { 
	color: #ffffff; 
	}
	
a#logout, 
a#logout:visited { 
	display: block; 
	float: right; 
	background: url(../../img/admin/icon-logout.gif) center right no-repeat; 
	color: #6dc6e7; 
	padding: 9px 20px 11px 0px; 
	text-decoration: none; 
	}
	
a#logout:hover, 
a#logout:active { 
	color: #ffffff; 
	}
	
#header-main { 
	background: #005195 url(../../img/admin/themes/green/header-bg.jpg) repeat-x top left;
	height: 94px;
	}
	
#header-main #logo { 
	background: url(../../img/admin/themes/green/logo.gif) no-repeat left 10px; 
	width: 100%; 
	height: 70px; 
	}
	
#subnav {
	background: #ffffff url(../../img/admin/submenu-bg.gif) repeat-x bottom left;
		height: 48px;
	}
	
#subnav ul { 
	list-style: none;
	margin: 0;
	padding: 0;

	}
	
#subnav ul li { 
	float: left; 
	margin: 0 18px 0 0; 
	padding: 0;
	}
	
#subnav ul li.active {
	font-weight: bold;
}
	
#subnav ul a, 
#subnav ul a:visited { 
	display:block;
	float: left;
    color:#0063be;
    font-size: 13px;
	padding: 9px 0 0 0;
	text-decoration: none; 
	}
	
#subnav ul a:hover, 
#subnav ul a:active { 
	text-decoration: underline; 
	}

#footer {
	padding: 0; 
	color: #aaaaaa; 
	padding: 12px 0 15px 0; 
	margin-top: 30px; 
	border-top: 1px solid #cccccc;
	}



/* -------------------- Nav tabs (sliding door technique) -------------------- */

div.main-menu{
	position: absolute;
	bottom: 0;
	left: 0;
}
ul.navigation { 
	float: left; 
	margin: 0 0 0 0; 
	list-style: none; 
	font-size:13px; 
	margin-bottom: 0;
	
	}

ul.navigation li {
	background:transparent url(../../img/admin/themes/blue/tab-left.gif) no-repeat scroll left top;
	float:left;
	margin:0 5px 0 0;
	padding:0 0 0 9px;
	}

ul.navigation li a, ul.navigation li a:visited {
	background:transparent url(../../img/admin/themes/blue/tab-right.gif) no-repeat scroll right top;
	color:#FFFFFF;
	display:block;
	float:left;
	padding:7px 15px 6px 6px;
	text-decoration:none;
	}

ul.navigation li a:hover {
	padding:8px 15px 5px 6px;
	}

ul.navigation li.active { /* give the id="current" to the currently selected tab */
	background:transparent url(../../img/admin/themes/blue/tab-active-left.gif) no-repeat scroll left top;
	}

ul.navigation li.active a {
	background:transparent url(../../img/admin/themes/blue/tab-active-right.gif) no-repeat scroll right top;
	color:#444444;
	}




/* -------------------- Box module -------------------- */

div.module {
	display: block;
	background: transparent url(../../img/admin/module-body-left-bg.png) repeat-y scroll bottom left;
	float: left;
	width: 100%; 
	margin-bottom: 20px;
	overflow: hidden;
	}

div.module div.module-body {
	display: block;
	background: url(../../img/admin/module-body-right-bg.gif) repeat-y scroll bottom right;
	padding: 20px 3% 20px 3%; float: left; width: 94%;
	overflow: hidden;
	}


/* Percentage padding in the module dependant on the cell width */
.grid_1 div.module div.module-body  { padding: 20px 8% 20px 8%; float: left; width: 84%; }
.grid_2 div.module div.module-body  { padding: 20px 7% 20px 7%; float: left; width: 86%; }
.grid_3 div.module div.module-body  { padding: 20px 6% 20px 6%; float: left; width: 88%; }
.grid_4 div.module div.module-body  { padding: 20px 5% 20px 5%; float: left; width: 90%; }
.grid_5 div.module div.module-body  { padding: 20px 4% 20px 4%; float: left; width: 92%; }
.grid_6 div.module div.module-body  { padding: 20px 0 20px 0; float: left; width: 100%; }
.grid_6 div.module div.module-body .inner { padding: 0 3% }
.grid_7 div.module div.module-body  { padding: 20px 2.75% 20px  2.75%; float: left; width: 94.5%; }
.grid_8 div.module div.module-body  { padding: 20px 2.5% 20px 2.5%; float: left; width: 95%; }
.grid_9 div.module div.module-body  { padding: 20px 2.25% 20px 2.25%; float: left; width: 95.5%; }
.grid_10 div.module div.module-body { padding: 20px 2% 20px 2%; float: left; width: 96%; }
.grid_11 div.module div.module-body { padding: 20px 1.75% 20px 1.75%; float: left; width: 96.5%; }
.grid_12 div.module div.module-body { padding: 20px 1.5% 20px 1.5%; float: left; width: 97%; }


	
div.module div.module-table-body { 
	background: url('../../img/admin/module-body-right-bg.gif') no-repeat scroll bottom right;
	padding: 0; 
	float: left; 
	width: 100%;
	}

div.module h2 { 
    /* Sliding right image */
    background: url('../../img/admin/module-header-left-bg.gif') no-repeat scroll top left; 
	display: block;
	float: left;
	height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	padding-right: 0px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width: 100%;
	margin-bottom: 0;
	letter-spacing: normal
	}

div.module h2 span { 
	/* Background left image */ 
	background: url('../../img/admin/module-header-right-bg.gif') no-repeat top right; 
	display: block;
	line-height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 5px 18px;

	}

div.module table {
	width: 100%; 
	margin: 0 0 10px 0;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	}

div.module table.tr {
	border-collapse: separate;
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	}

div.module table th {
	background-color: #eeeeee;
	color: #444444;
	padding: 5px;
	text-align: left;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	}

div.module table td {
	background-color: #ffffff;
	padding: 5px;;
	border-right: 1px solid #d9d9d9;
	}

div.module table tr.odd td { /* You can use this style if you want to do zebra-colored tables with other technique than Table Sorter script used here */
	background-color: #f1f5fa;
	}

div.module table tr.red td { /* You can use this style if you want to do zebra-colored tables with other technique than Table Sorter script used here */
	background-color: #ffeded;
	}
	
.table-apply {
	width: 55%; float: right; text-align: right; margin-right: 10px;
	}

/* -------------------- Tabs -------------------- */
.ui-tabs {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */


.ui-tabs .ui-tabs-nav { margin: 0 !important; /*padding: .2em .2em 0;*/
    padding: 0 !important;
    background: url(../../img/admin/tab-bg.png) repeat-x bottom left;
    height: 32px;
    line-height: 32px;
    border: none;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.ui-tabs .ui-tabs-nav .ui-corner-top {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.ui-tabs .ui-tabs-nav .ui-corner-bottom {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; /*top: 1px;*/ /*margin: 0 .2em 1px 0;*/ border-bottom: 0 !important; padding: 0 !important; white-space: nowrap;
    top: 0 !important;
    margin-bottom: 0 !important;
    border: none;
}
.ui-tabs .ui-tabs-nav li a { float: left; /*padding: .5em 1em;*/ text-decoration: none;
    padding: 0 !important;
    background: url(../../img/admin/tab-item-bg.png) no-repeat top right;
    margin: 0 !important;
    color: #333;
}
.ui-tabs .ui-tabs-nav li a span {
    display: block;
    float: left;
    background: url(../../img/admin/tab-item-left.png) no-repeat top left;
    padding: 0 6px;
}
.ui-tabs .ui-tabs-nav li.ui-state-active { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: url(../../img/admin/tab-item-bg-active.png) no-repeat top right;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a span {
    background: url(../../img/admin/tab-item-left-active.png) no-repeat top left;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-state-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; /*padding: 1em 1.4em;*/ /*background: none;*/
    padding: 20px 3% 20px 3%;
    background: url(../../img/admin/module-body-right-bg.gif) no-repeat scroll bottom right !important;
    clear: left;
    overflow: hidden;
}

.ui-tabs .ui-tabs-hide { display: none !important; }

/* -------------------- Table inner -------------------- */

div.module table td.details {
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9
}

div.module table.inner {
	border: none;
	margin: 0;
}

div.module table.inner tr {
	border: none;
}
	
div.module table.inner td {
	border: none;
	line-height: 25px;
}

div.module table.inner td button,
div.module table.tablesorter td button {
	background: url(../../img/admin/submit-green-bg.gif) top left repeat-x;
	border: 0; 
	border-top: 1px solid #6bd091; 
	border-left: 1px solid #6bd091; 
	border-right: 1px solid #349c5c; 
	border-bottom: 1px solid #349c5c; 
	color: #ffffff; 
	font-size: 13px; 
	padding: 2px 12px; 
	margin: 0px 0 0 5px;
	cursor: pointer;
}


div.module .scissors,
div.module .duplicate,
div.module .back,
div.module .basket,
div.module .zoom-in,
div.module .zoom-out,
div.module .circle-red,
div.module .circle-green,
div.module .circle-blue,
div.module .circle-grey,
div.module .percent,
div.module .file-pdf,
div.module .file-pdf,
div.module .download,
div.module .email,
div.module .trophy,
div.module .document-invoice,
div.module .invoice,
div.module .receipt,
div.module .page-magnify,
div.module .refresh,
div.module .bank,
div.module .home,
div.module .ticket,
div.module .person,
div.module .landline-phone,
div.module .mobile-phone,
div.module .calendar,
div.module .calendar2,
div.module .web-browser,
div.module .engine,
div.module .user-key,
div.module .design,
div.module .offer-to_check,
div.module .offer-for_approval_by_headquarters,
div.module .offer-approved_by_headquarters,
div.module .offer-checked_by_copywriter,
div.module .offer-in_preparation,
div.module .offer-approved,
div.module .transfer-document,
div.module .comment,
div.module .warning,
div.module .business-contact,
div.module .contractor-branch,
div.module .contractor-headquarters,
div.module .voucher,
div.module .coins,
div.module .coins-grey,
div.module .lock,
div.module .unlock,
div.module .lock,
div.module .money,
div.module .money-grey,
div.module .piggy-money,
div.module .computer,
div.module .agent,
div.module .truck,
div.module .go-up,
div.module .go-down {
	padding-left: 20px;
	background-position: top left;
	background-repeat: no-repeat;
	zoom: 1;
}

div.module .scissors {
	background-image: url(../../img/admin/icons/scissors.png);
}

div.module .duplicate {
	background-image: url(../../img/admin/icons/duplicate.png);
}

div.module .back {
	background-image: url(../../img/admin/icons/back.png);
}

div.module .basket {
	background-image: url(../../img/admin/icons/basket.png);
	cursor: pointer;
}

div.module .zoom-in {
	background-image: url(../../img/admin/icons/zoom-in.png);
	cursor: pointer;
}

div.module .zoom-out {
	background-image: url(../../img/admin/icons/zoom-out.png);
	cursor: pointer;
}

div.module .circle-red {
	background-image: url(../../img/admin/icons/circle-red.png);
}

div.module .circle-green {
	background-image: url(../../img/admin/icons/circle-green.png);
}

div.module .circle-blue {
	background-image: url(../../img/admin/icons/circle-blue.png);
}

div.module .circle-grey {
	background-image: url(../../img/admin/icons/circle-grey.png);
}

div.module .percent {
	background-image: url(../../img/admin/icons/percent.png);
}

div.module .file-pdf {
	background-image: url(../../img/admin/icons/file-pdf.png);
}

div.module .download {
	background-image: url(../../img/admin/icons/download.png);
}

div.module .email {
	background-image: url(../../img/admin/icons/email.png);
}

div.module .trophy {
	background-image: url(../../img/admin/icons/trophy.png);
}

div.module .document-invoice {
	background-image: url(../../img/admin/icons/document-invoice.png);
}

div.module .invoice {
	background-image: url(../../img/admin/icons/invoice.png);
}

div.module .receipt {
	background-image: url(../../img/admin/icons/receipt.png);
}

div.module .page-magnify {
	background-image: url(../../img/admin/icons/page-magnify.png);
}

div.module .refresh {
	background-image: url(../../img/admin/icons/refresh.png);
}

div.module .bank {
	background-image: url(../../img/admin/icons/bank.png);
}

div.module .home {
	background-image: url(../../img/admin/icons/home.png);
}

div.module .ticket {
	background-image: url(../../img/admin/icons/ticket.png);
}

div.module .person {
	background-image: url(../../img/admin/icons/person.png);
}

div.module .landline-phone {
	background-image: url(../../img/admin/icons/landline-phone.png);
}

div.module .mobile-phone {
	background-image: url(../../img/admin/icons/mobile-phone.png);
}

div.module .calendar {
	background-image: url(../../img/admin/icons/calendar.png);
}

div.module .calendar2 {
	background-image: url(../../img/admin/icons/calendar2.png);
}

div.module .web-browser {
	background-image: url(../../img/admin/icons/web-browser.png);
}

div.module .engine {
	background-image: url(../../img/admin/icons/engine.png);
}

div.module .user-key {
	background-image: url(../../img/admin/icons/user-key.png);
}

div.module .design {
	background-image: url(../../img/admin/icons/design.png);
}

div.module .offer-to_check {
	background-image: url(../../img/admin/icons/offer_to_check.png);
}

div.module .offer-for_approval_by_headquarters {
	background-image: url(../../img/admin/icons/offer_for_approval_by_headquarters.png);
}

div.module .offer-approved_by_headquarters {
	background-image: url(../../img/admin/icons/offer_approved_by_headquarters.png);	
}

div.module .offer-checked_by_copywriter {
	background-image: url(../../img/admin/icons/offer_checked_by_copywriter.png);
}

div.module .offer-in_preparation {
	background-image: url(../../img/admin/icons/offer_in_preparation.png);
}

div.module .offer-approved {
	background-image: url(../../img/admin/icons/offer_approved.png);
}

div.module .transfer-document {
	background-image: url(../../img/admin/icons/transfer_document.png);
}

div.module .comment {
	background-image: url(../../img/admin/icons/comment.png);
}

div.module .warning {
	background-image: url(../../img/admin/icons/warning.png);
}

div.module .business-contact {
	background-image: url(../../img/admin/icons/business-contact.png);
}

div.module .contractor-branch {
	background-image: url(../../img/admin/icons/contractor-branch.png);
}

div.module .contractor-headquarters {
	background-image: url(../../img/admin/icons/contractor-headquarters.png);
}

div.module .voucher {
	background-image: url(../../img/admin/icons/voucher.png);
}

div.module .coins {
	background-image: url(../../img/admin/icons/coins.png);
}

div.module .coins-grey {
	background-image: url(../../img/admin/icons/coins-grey.png);
}

div.module .lock {
	background-image: url(../../img/admin/icons/lock.png);
}

div.module .unlock {
	background-image: url(../../img/admin/icons/unlock.png);
}

div.module .money {
	background-image: url(../../img/admin/icons/money.png);
}

div.module .money-grey {
	background-image: url(../../img/admin/icons/money-grey.png);
}

div.module .piggy-money {
	background-image: url(../../img/admin/icons/piggy-money.png);
}

div.module .computer {
	background-image: url(../../img/admin/icons/computer.png);
}

div.module .truck {
    background-image: url(../../img/admin/icons/truck.png);
}

div.module .agent {
	background-image: url(../../img/admin/icons/agent.png);
}

div.module .go-up {
	background-image: url(../../img/admin/icons/go-up.png);
}

div.module .go-down {
	background-image: url(../../img/admin/icons/go-down.png);
}


/* -------------------- Pager -------------------- */
.pager {
	display: block; padding: 0px 10px 10px 10px;  width: 40%; float: left; 
	}

.pager .first,
.pager .prev,
.pager .next,
.pager .last {
	margin-bottom: -2px;
	}





/* -------------------- Button (sliding door technique) -------------------- */

/* button outside a module box */
a.button {
    /* Sliding right image */
    background: transparent url(../../img/admin/button-right-bg-m.gif) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right: 11px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
a.button span {
	/* Background left image */ 
	background: transparent url(../../img/admin/button-left-bg-m.gif) no-repeat top left; 
	display: block;
	line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 4px 0 7px 10px;
	}

a.button:hover { 
	background-position: bottom right; color:#127d00; 
	}

a.button:hover span{
	background-position: bottom left;
	color:#127d00;
	}

/* button inside a module box */
div.module a.button {
    /* Sliding right image */
    background: transparent url(../../img/admin/button-right-bg.gif) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right: 11px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
div.module a.button span {
	background: transparent url(../../img/admin/button-left-bg.gif) no-repeat top left; 
	display: block;
	line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 4px 0 7px 10px;
	}



/* -------------------- Pagination -------------------- */

.pagination { margin-bottom: 20px; float: right;  }
.pagination a.button { margin-right: 10px; }
.pagination a.last { margin-right: 0; }
.pagination .numbers { float: left; padding-top: 3px; margin-right: 15px; }
.pagination .numbers span { padding: 0 5px 0 5px; } 
.pagination .current { font-weight: bold; }




/* -------------------- Forms -------------------- */

fieldset {
	margin-top: 15px; 
	margin-bottom: 15px; 
	}
	
legend {
	margin-bottom: 10px; 
	display: block; 
	}
	
label { 
	display: block; 
	margin-bottom: 5px; 
	}
	
.input-small,
.input-mini,
.input-short,
.input-medium,
.input-long { 
	padding: 3px; 
	}
	
select { 
	padding: 2px; 
	}
	
textarea { 
	padding: 3px; 
	}
	
.textarea-small { 
	padding: 3px;
	height: 20px;
	width: 100px; 
	margin-left: 31px;
}
	
.input-small { 
	width: 10% 
	}
	
.input-mini { 
	width: 17% 
	}
	
.bottom-spacing .input-mini { 
	width: 11% 
	}
	
.input-short { 
	width: 25% 
	}
	
.input-medium { 
	width: 50% 
	}
	
.input-long { 
	width: 75% 
	}
	
input.input-small,
input.input-mini,
input.input-short,
input.input-medium,
input.input-long,
.input-style,				/* For edit in place */
.business-contact select,	/* For edit in place */
.text input,				/* For edit in place */
.calendar2 input,			/* For edit in place */
select, 
textarea {
	background: url(../../img/admin/input-bg.gif) top left repeat-x #f6f6f6;
	border: 1px solid #cccccc;
	font: 12px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

input.input-mini:focus,
input.input-short:focus,
input.input-medium:focus,
input.input-long:focus,
.input-style:focus,				/* For edit in place */
.business-contact select,		/* For edit in place */
.text input,					/* For edit in place */
.calendar2 input,				/* For edit in place */
select:focus, 
textarea:focus {
	background: url(../../img/admin/input-bg-focus.gif) top left repeat-x #ffffff;
	border-color: #a9c2d1;
	}


input.submit-green { 
	background: url(../../img/admin/submit-green-bg.gif) top left repeat-x; 
	border: 0; 
	border-top: 1px solid #6bd091; 
	border-left: 1px solid #6bd091; 
	border-right: 1px solid #349c5c; 
	border-bottom: 1px solid #349c5c; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 2px 12px; 
	margin: 0px 10px 0 0;
	cursor: pointer;
	}

input.submit-green-hover { 
	background-image: url(../../img/admin/submit-green-bg-hover.gif);
	}

input.submit-gray { 
	background: url(../../img/admin/submit-gray-bg.gif) top left repeat-x; 
	border: 0; 
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #888888; 
	border-bottom: 1px solid #888888; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 2px 12px; 
	margin: 0px 10px 0 0;
	cursor: pointer;
	}

input.submit-gray-hover { 
	background-image: url(../../img/admin/submit-gray-bg-hover.gif); 
	}

input.radio {
    width: 25px;
}



/* -------------------- Zend Form -------------------- */

.filter-label {
	float: left;
	line-height: 25px;
	padding-right: 5px;
}

.zend_form {
    clear: left;
    overflow: hidden;
}

.zend_form fieldset {
	margin-top: 15px; 
	margin-bottom: 15px; 
	border: 1px solid #ddd;
	padding: 5px 10px;
	clear: left;
	}

.zend_form fieldset.no-border {
	border: none;
}

.zend_form legend {
	margin-bottom: 5px; 
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 10px;
	border: 1px solid #C5C5C5;
	}

.zend_form .input-short {
	width: 230px;
}

.zend_form .input-medium {
	width: 460px;
}

.zend_form select.input-medium {
	width: 467px;
}

.zend_form .input-long {
	width: 700px;
}

.zend_form select.input-long {
	width: 707px;
}

.zend_form dd {
	margin-bottom: 10px;
	/*overflow: hidden;*/ /* for plugin: sh-jquery-image-select */
}

.zend_form dd.multicheckbox {
    overflow: hidden;
}

.zend_form dd.multicheckbox label {
	width: 280px;
	float: left;
}

.zend_form dt {
	margin-bottom: 5px;
	clear: left;
}

.zend_form dt label {
	display: inline;
}

.zend_form dt label.required {
	font-weight: bold;
	padding-right: 20px;
	background: transparent url(../../img/admin/label-required.png) no-repeat right center; 
}

.newsletter-inline ul.errors,
.zend_form ul.errors {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 !important;
	min-height: 30px;
}

.newsletter-inline ul.errors li,
.zend_form ul.errors li {
	margin: 0;
	padding: 0 0 0 20px !important;
	color: #CD0000;
	width: 780px;
	background: transparent url(../../img/admin/cross-on-white.gif) no-repeat left center;
	text-align: left;
}

.zend_form .required-left {
	padding-left: 20px;
	background: transparent url(../../img/admin/label-required.png) no-repeat left center; 
}

.zend_form dd.resource {
	line-height: 43px;
}

.zend_form dd.resource img,
.zend_form dd.resource label,
.zend_form dd.resource input {
	display: block;
	float: left;
}

.zend_form dd.resource img {
	border: 1px solid #CCCCCC;
}

.zend_form dd.resource img,
.zend_form dd.resource a {
	margin-right: 10px;
}

.zend_form dd.resource label {
	line-height: 48px;
}

.zend_form dd.resource input {
	margin-top: 18px;
}

.zend_form dd.resource a.download {
	display: block;
	float: left;
	background: url(../../img/admin/download.png) top right no-repeat; 
	line-height: 58px;
	width: 48px;
	height: 48px;
}


.bottom-spacing input.submit-green {
	margin-left: 5px;
}


/* -------------------- Text input and select input notifications -------------------- */

.notification-input {
	background:10px 50% no-repeat;
	margin: 0 0 0 5px;
	padding:5px 0 5px 32px;
	font-size: 12px;
	}

.ni-correct {
	background-image:url(../../img/admin/tick-on-white.gif);
	color: #00ae42;
	}

.ni-error {
	background-image:url(../../img/admin/cross-on-white.gif);
	color: #c9282d;
	}




/* --------------------  Boxed notifications -------------------- */

.notification {
	display: block;
	padding: 20px 20px 20px 45px;
	border: 1px solid;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	}

.n-success {
	background-color: #a3e6bd;
	border-color: #68d59b;
	background-image: url(../../img/admin/notification-tick.gif);
	}

.n-information {
	background-color: #9fddea;
	border-color: #5fceea;
	background-image: url(../../img/admin/notification-information.gif);
	}

.n-attention {
	background-color: #f9e497;
	border-color: #ffcb4f;
	background-image: url(../../img/admin/notification-exclamation.gif);
	}

.n-error {
	background-color: #ffc6ca;
	border-color: #efb9c3;
	background-image: url(../../img/admin/notification-slash.gif);
	}

/* -------------------- Indicators -------------------- */


.indicator {
	width: 220px;
	height: 12px;
	background: url(../../img/admin/indicator-bg.gif) no-repeat top left;
	}

.indicator div {
	height: 12px;
	background: url(../../img/admin/indicator-green-to-red.gif) no-repeat top left;
	}

.indicator div.reverse {
	background: url(../../img/admin/indicator-red-to-green.gif) no-repeat top left;
	}




/* -------------------- Category list -------------------- */

a.removable, 
a.removable:visited {
	padding: 5px 18px 5px 0px;
	}

a.removable:hover, 
a.removable:active {
	background: url(../../img/admin/cross-small.gif) no-repeat center right;
	}




/* -------------------- To-do list -------------------- */

/*
a.checkable, 
a.checkable:visited {
	padding: 5px 18px 5px 0px;
	}

a.checkable:hover, 
a.checkable:active {
	background: url(../../img/admin/tick-small.gif) no-repeat center right;
	}
	
a.completed, 
a.completed:visited {
	color: #aaaaaa;
	}
*/


/****** To do: task */
.todo-task,
.todo-task-completed {
	display: block;
	padding: 3px 0 3px 0;
	text-decoration: none !important;
}

.todo-task-completed {
	color: #aaaaaa !important;
}

.todo-task .todo-magnifier,
.todo-task .todo-magnifier-zoom-out, 
.todo-task-completed .todo-magnifier,
.todo-task-completed .todo-magnifier-zoom-out {
	padding: 4px 0 4px 20px;
}

.todo-task .todo-status {
	float: right;
	line-height: 16px;
}

.todo-task .todo-magnifier {
	background: url(../../img/admin/icons/mini_magnifier_zoom.png) no-repeat center left;
}

.todo-task .todo-magnifier-zoom-out {
	background: url(../../img/admin/icons/mini_magnifier_zoom_out.png) no-repeat center left;
}

.todo-task-completed .todo-magnifier {
	background: url(../../img/admin/icons/mini_magnifier_zoom_grey.png) no-repeat center left;
}

.todo-task-completed .todo-magnifier-zoom-out {
	background: url(../../img/admin/icons/mini_magnifier_zoom_out_grey.png) no-repeat center left;
}

.todo-task-info {
	padding-bottom: 5px;
}
	

	



/* -------------------- Messages -------------------- */
.separated { 
	border-top: 1px solid #cccccc; 
	padding-top: 15px; 
	}
	
.user { 
	display: block; 
	padding-left: 22px; 
	background: url(../../img/admin/user.gif) left 50% no-repeat; 
	font-size: 14px; color: #666666; 
	font-weight: normal;  
	}
	
.user-female { 
	display: block; 
	padding-left: 22px; 
	background: url(../../img/admin/user-female.gif) left 50% no-repeat; 
	font-size: 14px; 
	color: #666666; 
	font-weight: normal;  
	}
	
.reply { 
	padding-left: 20px; 
	background: url(../../img/admin/arrow-curve-180-left.gif) left 50% no-repeat; 
	margin-right: 7px;
	}
	
.forward { 
	padding-left: 20px; 
	background: url(../../img/admin/arrow-curve-000-left.gif) left 50% no-repeat; 
	margin-right: 7px; 
	}
	
a.delete, 
a.delete:visited { 
	padding-left: 16px;
	background: url(../../img/admin/cross-small.gif) left 50% no-repeat; 
	color: #C00;  
	}

h3.mail { 
	display: block; 
	padding: 20px 0px 20px 70px; 
	background: url(../../img/admin/Crystal_Project_mail_open.gif) left 50% no-repeat;
	}
	
#p-messages {
	padding: 20px;
}





/* -------------------- Login page -------------------- */

form.login {
	background: url(../../img/admin/Crystal_Clear_locked.gif) 87% 10px no-repeat;
}





/* -------------------- Dashboard -------------------- */

a.dashboard-module, 
a.dashboard-module:visited { 
	width: 142px; 
	height: 142px; 
	display: block; 
	float: left; 
	background: url(../../img/admin/dashboard-module.gif) top left no-repeat; 
	margin: 0 8px 8px 0;  
	text-align: center; 
	color: #444444; 
	}
	
a.dashboard-module:hover, 
a.dashboard-module:active { 
	background-position: bottom left; 
	text-decoration: none; 
	color:#127d00; 
	}

a.dashboard-module img { 
	margin-top: 20px; 
	}
	
a.dashboard-module span { 
	margin-top: 10px; 
	display: block; 
	}

	
/* -------------------- Loading -------------------- */

#loading-mask {
    position:absolute;
    color:#50AFC5;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    opacity:0.80;
    z-index:500;
    }
#loading-mask .loader {
    position:fixed;
    top:45%;
    left:50%;
    width:160px;
    margin-left:-60px;
    padding:15px 40px;
    background:#F4FDFF;
    border:2px solid #1EA0D6;
    color:#0084BA;
    font-weight:bold;
    text-align:center;
    z-index:1000;
    }

.loader-mini {
	text-align: center;
}
tr.even .loader-mini span {
	background: url(../../img/admin/loader-mini.gif) center left no-repeat;
	padding-left: 25px;
}
tr.odd .loader-mini span {
	background: url(../../img/admin/loader-mini-odd.gif) center left no-repeat;
	padding-left: 25px;
}
    
/* -------------------- Edit in place -------------------- */
.business-contact select {
	width: 70px;
}

.text input {
	width: 92%;
}

.calendar2 {
	display: block;
	width: 190px;
	float: left;
	overflow: hidden;
}

.calendar2 input {
	margin-top: 3px;
	width: 130px;
	display: block;
	float: left;
}

.calendar2 button {
	display: block;
	float: left;
}

.f-left {
	float: left;
}

.margin-right30 {
	margin-right: 30px;
}

/* -------------------- Error 430 -------------------- */
div.deny{
	background: url(../../img/admin/deny.png) top left no-repeat; 
	padding-left: 128px;
	font-size: 14px;
	height: 128px;
	line-height: 128px;
}

/* -------------------- Text Container -------------------- */

div.text_container{
	width: 90%;
}

div.text-container .top,
	div.text-container .bottom{
	width: 100%;
	height: 12px;
	position: relative;
}

div.text-container .top{
	background: url(../../img/admin/text_container_top.png);
}

div.text-container .bottom{
	background: url(../../img/admin/text_container_bottom.png);
}

div.text-container .corner{
	width: 16px;
	height: 12px;
	background: url(../../img/admin/text_container_corner_sprite.png);
}

div.text-container .top .left,
	div.text-container .bottom .left{
	position: absolute;
	left: 0;	
}

div.text-container .top .right,
	div.text-container .bottom .right{
	position: absolute;
	right: 0;		
}

div.text-container .top .left,
	div.text-container .top .right,
	div.text-container .bottom .left,
	div.text-container .bottom .right{
	background-color: #F6F6F6;
}

div.text-container .top .left{
	background-position: 0 0;
}

div.text-container .top .right{
	background-position: 16px 0;

}

div.text-container .bottom .left{
	background-position: 0 12px;
}

div.text-container .bottom .right{
	background-position: 16px 12px;
}

div.text-container .message{
	border-left: 1px solid #e5e6e5;
	border-right: 1px solid #e5e6e5;
	background-color: #fff;
}

div.text-container .message .inner{
	padding: 10px;
}

div.text-container .top .back-button{
	width: 92px;
	height: 47px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../../img/admin/text_container_backbutton_bg.png) no-repeat;
}

div.text-container .top .back-button .button{
	position: absolute;
	top: 5px;
	left: 20px;
}

.chart-element{
	width: 100%;
	position: relative;
	margin: 20px;
}


.chart-element a{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 970px;
	top: 0;
	display: block;
	background: url(../../img/admin/close.png);
}

.chart-element iframe {
	border: 1px solid #cccccc;
}

#info-box{
	position: fixed;
	right : 0;
	bottom: 0;
	width: 200px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background-color: green;
	padding: 5px;
}

.add-new-page {
    color: #333333;
    background: transparent url(../../js/contextmenu-abs/images/page_white_add.png) no-repeat center left;
    padding-left: 20px;
}

.add-new-page:hover{
    text-decoration: none;
    color: #6e6e6e;
}

tr.through td {
    text-decoration: line-through;
}

/* Tree */

.form-tree .zend_form {
    padding-left: 20px;
}

.form-tree .module-body {
    position: relative;
}

.form-tree .module-body dd {
    padding-right: 10px !important;
}

.form-tree .module-body .form-tree-loader {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100px;
    height: 100px;
    background: #fff url(../../img/admin/tree-loader.gif) no-repeat center center;
    z-index: 100;
    opacity: 0.6;
}

.newsletter-inline label {
    width: 80px;
    float: left;
}

.newsletter-inline form {
    float: left;
    margin-left: 5px;
    width: 350px;
}

.newsletter-inline form div {
    width: 200px;
    float: left;
}
.newsletter-inline form div input {
    width: 185px;
}

.newsletter-inline form div ul.errors {
    margin-bottom: 0;
    display: block;
    clear: left;
}

.newsletter-inline form div ul.errors li {
    width: auto;
}

.newsletter-inline form > input {
    float: left;
}

/* -------------------- List parameters -------------------- */
.listparameters {
    display: block;
    overflow: hidden;
    margin-top: 20px;
    clear: left;
}

.listparameters li {
    float: left;
    padding: 5px;
    border: 1px dashed #ececec;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 31.5%;
}

.listparameters li label {
    display: block;
    float: left;
    line-height: 22px;
}

.listparameters li input,
.listparameters li span {
    display: block;
    margin: 3px 0;
    padding: 0;
    clear: left;
    height: 20px;
}

.listparameters li input {
    width: 99%;
}
.listparameters li span {
    width: 99%;
}

.listparameters li span {
    line-height: 22px;
    font-weight: bold;
}

.listparameters li a {
    display: block;
    float: left;
    padding-top: 4px;
}

.proof-of-purchase h1 {
	text-align: center;
	margin: 40px 0;
}

.proof-of-purchase img.logo {
	height: 50px;
}

.proof-of-purchase img.bike {
	width: 95%;
	float: right;
}

.proof-of-purchase .submit-green {
	float: right;
	margin-bottom: 20px;
}

.proof-of-purchase .cols {
	overflow: hidden;
}

.proof-of-purchase .col-left {
	width: 50%;
	float: left;
}

.proof-of-purchase .col-right {
	width: 50%;
	float: left;
}

.proof-of-purchase .extra-info {
	clear: left;
	margin-top: 20px;
}

.asos-products {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}
.asos-products li {
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 200px;
	padding: 10px 10px 0 10px;
	height: 315px;
}

.asos-products li a {
	color: #000;
}

.asos-products li img {
	width: 200px;
}

/* -------------------- Invalid td -------------------- */
@-webkit-keyframes invalid-odd {
	from { background-color: #ffa5a5; }
	to { background-color: #f1f5fa;; }
}
@-moz-keyframes invalid-odd {
	from { background-color: #ffa5a5; }
	to { background-color: #f1f5fa;; }
}
@-o-keyframes invalid-odd {
	from { background-color: #ffa5a5; }
	to { background-color: #f1f5fa;; }
}
@keyframes invalid-odd {
	from { background-color: #ffa5a5; }
	to { background-color: #f1f5fa;; }
}

.odd.invalid td {
	-webkit-animation: invalid-odd 2s infinite; /* Safari 4+ */
	-moz-animation:    invalid-odd 2s infinite; /* Fx 5+ */
	-o-animation:      invalid-odd 2s infinite; /* Opera 12+ */
	animation:         invalid-odd 2s infinite; /* IE 10+ */
}

@-webkit-keyframes invalid {
	from { background-color: #ffa5a5; }
	to { background-color: #fff;; }
}
@-moz-keyframes invalid {
	from { background-color: #ffa5a5; }
	to { background-color: #fff;; }
}
@-o-keyframes invalid {
	from { background-color: #ffa5a5; }
	to { background-color: #fff;; }
}
@keyframes invalid {
	from { background-color: #ffa5a5; }
	to { background-color: #fff;; }
}

.invalid td {
	-webkit-animation: invalid 2s infinite; /* Safari 4+ */
	-moz-animation:    invalid 2s infinite; /* Fx 5+ */
	-o-animation:      invalid 2s infinite; /* Opera 12+ */
	animation:         invalid 2s infinite; /* IE 10+ */
}

/* -------------------- Valid td -------------------- */
@-webkit-keyframes valid-odd {
	from { background-color: #1aff00; }
	to { background-color: #f1f5fa; }
}
@-moz-keyframes valid-odd {
	from { background-color: #1aff00; }
	to { background-color: #f1f5fa; }
}
@-o-keyframes valid-odd {
	from { background-color: #1aff00; }
	to { background-color: #f1f5fa; }
}
@keyframes valid-odd {
	from { background-color: #1aff00; }
	to { background-color: #f1f5fa; }
}

.odd.valid td {
	-webkit-animation: valid-odd 2s infinite; /* Safari 4+ */
	-moz-animation:    valid-odd 2s infinite; /* Fx 5+ */
	-o-animation:      valid-odd 2s infinite; /* Opera 12+ */
	animation:         valid-odd 2s infinite; /* IE 10+ */
}

@-webkit-keyframes valid {
	from { background-color: #1aff00; }
	to { background-color: #fff; }
}
@-moz-keyframes valid {
	from { background-color: #1aff00; }
	to { background-color: #fff; }
}
@-o-keyframes valid {
	from { background-color: #1aff00; }
	to { background-color: #fff; }
}
@keyframes valid {
	from { background-color: #1aff00; }
	to { background-color: #fff; }
}

.valid td {
	-webkit-animation: valid 2s infinite; /* Safari 4+ */
	-moz-animation:    valid 2s infinite; /* Fx 5+ */
	-o-animation:      valid 2s infinite; /* Opera 12+ */
	animation:         valid 2s infinite; /* IE 10+ */
}

.list-products > div {
	float: left;
	padding-bottom: 7px;
}

.list-products > div.float-right {
	float: right;
}


/* -------------------- Invalid td -------------------- */
@-webkit-keyframes invalid-odd {
	from { background-color: #ffa5a5; }
	to { background-color: #f1f5fa;; }
}
@-moz-keyframes invalid-odd {
	from { background-color: #ffa5a5; }
	to { background-color: #f1f5fa;; }
}
@-o-keyframes invalid-odd {
	from { background-color: #ffa5a5; }
	to { background-color: #f1f5fa;; }
}
@keyframes invalid-odd {
	from { background-color: #ffa5a5; }
	to { background-color: #f1f5fa;; }
}

.odd.invalid td {
	-webkit-animation: invalid-odd 2s infinite; /* Safari 4+ */
	-moz-animation:    invalid-odd 2s infinite; /* Fx 5+ */
	-o-animation:      invalid-odd 2s infinite; /* Opera 12+ */
	animation:         invalid-odd 2s infinite; /* IE 10+ */
}

@-webkit-keyframes invalid {
	from { background-color: #ffa5a5; }
	to { background-color: #fff;; }
}
@-moz-keyframes invalid {
	from { background-color: #ffa5a5; }
	to { background-color: #fff;; }
}
@-o-keyframes invalid {
	from { background-color: #ffa5a5; }
	to { background-color: #fff;; }
}
@keyframes invalid {
	from { background-color: #ffa5a5; }
	to { background-color: #fff;; }
}

.invalid td {
	-webkit-animation: invalid 2s infinite; /* Safari 4+ */
	-moz-animation:    invalid 2s infinite; /* Fx 5+ */
	-o-animation:      invalid 2s infinite; /* Opera 12+ */
	animation:         invalid 2s infinite; /* IE 10+ */
}


/* -------------------- thumbnail -------------------- */
.thumbnail-product{
	position: relative;
	z-index: 0;
}

.thumbnail-product:hover{
	background-color: transparent;
	z-index: 999;
}

.thumbnail-product span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail-product span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail-product:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 20px;
	left: 20px; /*position where enlarged image should offset horizontally */

}

tr.warning td {
	font-weight: bold;
}

.product-allegro {
	font-weight: bold;
}
.product-allegro-delete {
	padding-left: 25px;
	background: transparent url(../../img/admin/icons/cross.gif) no-repeat center right;
}

/*.product-allegro-form {
	margin-top: 20px;
}*/

.product-allegro-form .error-new-product {
	/*display: none;*/
	margin-top: 10px !important;
}

.product-allegro-image {
	height: 100px;
	max-width: 200px;
}

.product-allegro-images {
	padding-left: 130px;
	padding-top: 5px;
}

.product-allegro-images img {
	padding-left: 5px;
}