/*---------------------------------------------*/
/* Reset                                       */
/*---------------------------------------------*/

* { outline-style:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul { list-style:none; }
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	color: #666666;
}

a {
  text-decoration: underline;
  color: #000;
}

q:before,q:after { content:''; }
abbr,acronym { border:0; }


/*---------------------------------------------*/
/* Globals                                     */
/*---------------------------------------------*/

html, body {
  overflow:hidden;
}

body {
  background:#ffffff;
  font:12px/1.5 "Lucida Grande", Verdana, sans-serif;
}

td {
	font-size:12px;
}

strong { font-weight:bold; }

input:focus {
  background:#fbf6d1;
}



/*---------------------------------------------*/
/* Tool tips                                   */
/*---------------------------------------------*/

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}




/*---------------------------------------------*/
/* Header                                      */
/*---------------------------------------------*/

div#header {
  height:100px;
  border-bottom:1px solid #b4b4b4;
  background:url(../images/default-header-gradient.jpg) repeat-x;
}

div#header h1#logo {
  width:205px;
  height:100px;
  text-indent:-10000px;
  background:url(../images/default-header-logo.jpg) no-repeat;
  float:right;
}

/* Navigations */

ul#navigation {
  height:26px;
  margin:0 0 0 18px;
  padding:75px 0 0 0;
}

ul#navigation li {
  float:left;
}

ul#navigation li a {
  text-decoration:none;
  text-align:center;
  line-height:26px;  
  display:block;
  height:26px;
  color:#000;  
}

ul#navigation li#home { 
  text-indent:-9000px;
  width:55px;
} 

ul#navigation li#logout {
  text-indent:-9000px;
  width:55px;
  margin-left:8px;
}

ul#navigation li.products {
  margin:0 10px;
  width:119px;
}

ul#navigation li.options {
  margin:0 1px 0 0;
  width:89px;
}

ul#navigation li#home a             { background:url(../images/tab-home.png); }
ul#navigation li#home a:hover       { background:url(../images/tab-home-hover.png); }
ul#navigation li#home a.active      { background:url(../images/tab-home-active.png); }

ul#navigation li#logout a           { background:url(../images/tab-logout.png); }
ul#navigation li#logout a:hover     { background:url(../images/tab-logout-hover.png); }
ul#navigation li#logout a:active    { background:url(../images/tab-logout-active.png); }

ul#navigation li.products a         { background:url(../images/tab-products.png); }
ul#navigation li.products a:hover         { background:url(../images/tab-products-hover.png); }
ul#navigation li.products a.active  { background:url(../images/tab-products-active.png); }

ul#navigation li.options a          { background:url(../images/tab-options.png); }
ul#navigation li.options a:hover          { background:url(../images/tab-options-hover.png); }
ul#navigation li.options a.active   { background:url(../images/tab-options-active.png); }

/*---------------------------------------------*/
/* Fileupload, Styles                          */
/*---------------------------------------------*/

.SI-FILES-STYLIZED label.cabinet
{
	width: 102px;
	height: 22px;
	//background: url(../images/btn-choose-file.png) 0 0 no-repeat;

	display: block;
	overflow: hidden;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


/*---------------------------------------------*/
/* Buttons, Links                              */
/*---------------------------------------------*/

a.textlink { 
  color:#333; 
  padding-left:10px;
}

a.blank { 
  color:#333; 
}

a.blank:hover { 
  background-color:#fbf6d1; 
}

a.button, a.button span {
  float:left;
  display:block;
  text-decoration:none;
}

a.button.inline span img { float:left; }

a.button.default {
  height:28px;
  line-height:28px;
  background:url(../images/button-dark-start.png) left top no-repeat;
  padding:0 0 0 13px;
  margin:0 10px 0 0;
}

a.button.default:hover {
  background: transparent url(../images/button-bright-hover-start.png) left top no-repeat;
}

a.button.default span {
  color:#666;  
  height:28px;
  font-size:11px;
  background:url(../images/button-dark-end.png) right top no-repeat;
  padding:0 13px 0 0;
}

a.button.default:hover span {
  background:url(../images/button-bright-hover-end.png) right top no-repeat;
}

a.button.default.gray {
  height:28px;
  line-height:28px;
  background:url(../images/button-dark-start.png) left top no-repeat;
  padding:0 0 0 13px;
  margin:0 10px 0 0;
}

a.button.default.gray:hover {
  background:url(../images/button-bright-hover-start.png) left top no-repeat;
}

a.button.default.gray:hover span {
  background:url(../images/button-bright-hover-end.png) right top no-repeat;
}

a.button.default.gray span {
  color:#666;  
  height:28px;
  font-size:11px;
  background:url(../images/button-dark-end.png) right top no-repeat;
  padding:0 13px 0 0;
}

/* Button Cancel */

a.button.default.cancel, a.button.default.red {
  height:28px;
  line-height:28px;
  background:url(../images/button-dark-start.png) left top no-repeat;
  padding:0 0 0 13px;
  margin:0 10px 0 0;
}

a.button.default.cancel:hover, a.button.default.red:hover {
  background:url(../images/button-cancel-start.png) left top no-repeat;
}

a.button.default.cancel span, a.button.default.red span {
  color:#666;  
  height:28px;
  font-size:11px;
  background:url(../images/button-dark-end.png) right top no-repeat;
  padding:0 13px 0 0;
}

a.button.default.cancel:hover span, a.button.default.red:hover span {
  color:#fff;
  background:url(../images/button-cancel-end.png) right top no-repeat;
}

/* Button Confirm */  
 
a.button.default.confirm, a.button.default.green {
  height:28px;
  line-height:28px;
  background:url(../images/button-dark-start.png) left top no-repeat;
  padding:0 0 0 13px;
  margin:0 10px 0 0;
}

a.button.default.confirm:hover, a.button.default.green:hover {
  background:url(../images/button-confirm-start.png) left top no-repeat;
}

a.button.default.confirm span, a.button.default.green span {
  color:#666;  
  height:28px;
  font-size:11px;
  background:url(../images/button-dark-end.png) right top no-repeat;
  padding:0 13px 0 0;
}

a.button.default.confirm:hover span, a.button.default.green:hover span {
  color:#fff;
  background:url(../images/button-confirm-end.png) right top no-repeat;
}

/* Button Small */ 
 
a.button.small {
  height:22px;
  line-height:22px;
  background:url(../images/button-small-bright-start.png) left top no-repeat;
  padding:0 0 0 13px;
  margin:0 5px 0 0;
}

a.button.small:hover {
  background:url(../images/button-small-bright-hover-start.png) left top no-repeat;
}

a.button.small span {
  color:#666;
  height:22px;
  font-size:10px;
  background:url(../images/button-small-bright-end.png) right top no-repeat;
  padding:0 13px 0 0;
}

a.button.small:hover span {
  background:url(../images/button-small-bright-hover-end.png) right top no-repeat;
}

a.button.small.green {
  height:22px;
  line-height:22px;
  background:url(../images/button-small-green-start.png) left top no-repeat;
  padding:0 0 0 13px;
  margin:0 5px 0 0;
}

a.button.small.green:hover {
  background:url(../images/button-small-green-hover-start.png) left top no-repeat;
}

a.button.small.green span {
  color:#666;
  height:22px;
  font-size:10px;
  background:url(../images/button-small-green-end.png) right top no-repeat;
  padding:0 13px 0 0;
}

a.button.small.green:hover span {
  background:url(../images/button-small-green-hover-end.png) right top no-repeat;
}

a.button.small.red {
  height:22px;
  line-height:22px;
  background:url(../images/button-small-red-start.png) left top no-repeat;
  padding:0 0 0 13px;
  margin:0 5px 0 0;
}

a.button.small.red:hover {
  background:url(../images/button-small-red-hover-start.png) left top no-repeat;
}

a.button.small.red span {
  color:#666;
  height:22px;
  font-size:10px;
  background:url(../images/button-small-red-end.png) right top no-repeat;
  padding:0 13px 0 0;
}

a.button.small.red:hover span {
  background:url(../images/button-small-red-hover-end.png) right top no-repeat;
}

a.button.small.gray {
  height:22px;
  line-height:22px;
  background:url(../images/button-small-dark-start.png) left top no-repeat;
  padding:0 0 0 13px;
  margin:0 5px 0 0;
}

a.button.small.gray:hover {
  background:url(../images/button-small-bright-hover-start.png) left top no-repeat;
}

a.button.small.gray span {
  color:#666;
  height:22px;
  font-size:10px;
  background:url(../images/button-small-dark-end.png) right top no-repeat;
  padding:0 13px 0 0;
}

a.button.small.gray:hover span {
  background:url(../images/button-small-bright-hover-end.png) right top no-repeat;
}

a.button.big {
  height:40px;
  width:202px;
  margin:0 0 10px 0;
  line-height:40px;
  background:url(../images/button-big-background.png);
  padding:0 0 0 40px;
  color:#333;
}

/* Big Rectangular Buttons */ 

a.button.big.same {
  background:url(../images/button-big-same-background.png);
}

a.button.big.same:hover {
  background:url(../images/button-big-same-hover-background.png);
}
  
a.button.big.edit {
  background:url(../images/button-big-edit-background.png);
}

a.button.big.edit:hover {
  background:url(../images/button-big-edit-hover-background.png);
}

a.button.big.add {
  background:url(../images/button-big-add-background.png);
}

a.button.big.add:hover {
  background:url(../images/button-big-add-hover-background.png);
}

div#print_button {
  position:absolute;
  width:220px;
  right:25px;
  margin-top:25px;
  margin-right:25px;
}

a.button.big.print {
  background:url(../images/button-big-print-background.png);
}

a.button.big.print:hover {
  background:url(../images/button-big-print-hover-background.png);
}

a.internal {
  text-decoration:none;
  font-size:11px;
  color:#888;
}

a.internal:hover {
  color:#666;
  border-bottom:1px solid #bbb;
}

img.button_reset {
  position:relative;
  float:left;
  cursor:pointer;
}

/*---------------------------------------------*/
/* Toolbox                                     */
/*---------------------------------------------*/

div#toolbox {
  height:56px;
  background:#efeeee;
  border-bottom:1px solid #b4b4b4;
}

/* Headlines */

div#toolbox h2 {
  text-shadow:1px 1px 1px #efeeee;
  font-family:"Georgia",serif;
  line-height:55px;
  margin:0 25px;
  font-size:24px;
  color:#575656;
}

/* Search */

div#search {
  float:left;
  width:270px;
  margin:14px 0 0 18px;
}

div#search_alt {
  position:absolute;
  top:101px;
  left:175px;
  width:270px;
  margin:14px 0 0 18px;
}

div#search input#input_search,
div#search_alt input#input_search {
  float: left;
  position:relative;
  top:2px;
  width:208px;
  font-size:15px;
  padding-left:27px;
  background:url(../images/search-background.jpg) #fff left center no-repeat;
}

div#search a#search_reset_button, 
div#search_alt a#search_reset_button {
  position:relative;
  display: block;
  top:0px;
  left:244px;
  width:24px;
  height:24px;
  background: transparent url(../images/button-reset.gif) left top no-repeat;
}

div#search a#search_reset_button:hover,
div#search_alt a#search_reset_button:hover {
  background: transparent url(../images/button-reset-hover.gif) left top no-repeat;
}
 
/* Tag List */

div#tags {
  width:660px;
  margin-left:8px;
  float:left;
}

div#tags_list {
  width:525px;
  height:25px;
  overflow:hidden;
  margin:14px 0 0 0px; /* 14px in Safari */
  border-top:1px solid #d7d7d7;
  border-left:1px solid #d7d7d7;
  position:absolute;
  background:url(../images/tag-idle.gif);
}

div#tags_list a {
  float:left;
  display:block;
  border-right:1px solid #9c9c9c;
  border-bottom:1px solid #9c9c9c;
  line-height:24px;
  width:104px;
  height:24px;
}

div#tags_list a {
  font-size:10px;
  color:#636363;  
  text-align:center;
  text-decoration:none;
  background:url(../images/tag-background.gif);
}

div#tags_list a:hover, div#user_tags_list a:hover {
  background:url(../images/tag-hover-background.gif);
}

div#tags_list a.active {
  color:#8c3232;
  font-weight:bold;
  background:url(../images/tag-active-background.gif);
}

div#tags_list a.active:hover {
  color:#8c3232;
  font-weight:bold;
  background:url(../images/tag-active-background.gif);
}

/* Tag Controls */

div#tags_controls {
  width:100px;
  margin:14px 0 0 526px;
  position:absolute;
}

div#tags_controls a#tags_reset_button {
  position:relative;
  display: block;
  top:0px;
  left:95px;
  width:24px;
  height:24px;
  background: transparent url(../images/button-reset.gif) left top no-repeat;
}

div#tags_controls a#tags_reset_button:hover {
  background: transparent url(../images/button-reset-hover.gif) left top no-repeat;
}

/*
div#tags_controls a#tags_reset_button:active {
  background: transparent url(../images/button-reset-down.gif) left top no-repeat;
}
*/

a#approvals_tags_reset_button:hover {
  background: transparent url(../images/button-reset-alt-hover.gif) left top no-repeat;
}

a.reset { text-indent:-9000px; }

div#tags_controls a#button_more_tags, div#tags_controls a#button_more_tags span,
div#tags_controls a#button_reset_tags, div#tags_controls a#button_reset_tags span {
  height:27px;
  line-height:26px;
}

div#tags_controls a#button_more_tags {
  background:url(../images/button-tags-more.gif) right top no-repeat;
}

div#tags_controls a#button_more_tags:hover {
  background:url(../images/button-tags-more-hover.gif) right top no-repeat;
}

div#tags_controls a#button_more_tags.selected {
  background:url(../images/button-tags-more-down.gif) right top no-repeat;
}

div#tags_controls a#button_more_tags span {
  padding:0 36px 0 10px;
}

div#tags_controls a#button_reset_tags {
  padding:0 0 0 0;
  /*background:url(../images/reset-tags-button-start.jpg) left top no-repeat;*/
}

div#tags_controls a#button_reset_tags span {
  padding:0 10px 0 0;
  background:url(../images/reset-tags-button-end.jpg) right top no-repeat;
}

a#button_reset_tags span img {
  float:left;
}


div#tags_controls a.button {
  color:#636060;
  font-size:10px;
  text-decoration:none;
}

/*---------------------------------------------*/
/* Budget Selector                             */
/*---------------------------------------------*/

div#budget_selector {
	background: url(../images/budgetselector_background.gif) top; 
	height:  40px;
	width: 100%;
	position: absolute;
	top: 155px;
	left: 0px;
	z-index: 300;
}

div#budgets_list_container {
	position: absolute;
  width: 100%;
  top: 194px;
  left: 0px;
  z-index: 300;
}


div#budgets_list {
	position: relative;
}

#budgets_list div.budget_label, #budget_selector div.budget_label {
	position: absolute;
	top: 10px;
	left: 30px;
}

#budgets_list div.budget_label a, #budget_selector div.budget_label a { 
	color: #444;
}

#budgets_list div.budget_info, #budget_selector div.budget_info {
	position: absolute;
	top: 10px;
	left: 245px;
}

#budgets_list div.budget_status, #budget_selector div.budget_status {
  position: absolute;
  top: 15px;
  left: 700px;
}

#budgets_list div.budget, #budget_selector div.budget {
	position: relative;
	height: 40px;
  background: url(../images/budgetslist_background.gif) top;

}

#budgets_list div.budget:hover { 
  background: url(../images/budgetslist_background_hover.gif) top; 
}

#budgets_list div.budgets_list_shadow { 
  height: 6px; 
  background: url(../images/budgetslist_shadow.png) top;
}

/* small edition */

div#budget_selector_small {
	background: #fff;
	height:  25px;
	width: 340px;
	position: relative;
	/*top: 135px;*/
	left: 0px;
	z-index: 300;
}

div#budgets_list_small_container {
	position: absolute;
  width: 340px;
  top: 160px;
  left: 430px;
  z-index: 300;
}

div#budgets_list_small {
	/*display: none;*/
	background: #fff;
	position: relative;
	border: 1px solid #ccc;
}

#budgets_list_small div.budget_label, #budget_selector_small div.budget_label {
	position: absolute;
	top: 5px;
	left: 5px;
}

#budgets_list_small div.budget_label a, #budget_selector_small div.budget_label a { 
	color: #444;
}

#budgets_list_small div.budget_info, #budget_selector_small div.budget_info {
	position: absolute;
	top: 5px;
	left: 110px;
}

#budgets_list_small div.budget_status, #budget_selector_small div.budget_status {
  position: absolute;
  top: 10px;
  left: 200px;
}

#budgets_list_small div.budget, #budget_selector_small div.budget {
	position: relative;
	height: 25px;
	background: #fff;
}


/*---------------------------------------------*/
/* Help                                        */
/*---------------------------------------------*/

div#help {
  line-height:24px;
  height:28px;
}

div#help div.help {
  color:#666;
  font-size:11px;
  line-height:28px;
  text-indent:45px;
  height:30px;
  background:#ace5f6;
  border-top: 1px solid #d1eef3;
  border-bottom: 2px solid #e1e6e6;
  background: #ace5f6 url(../images/infoline-background.png) bottom left;
}

/*---------------------------------------------*/
/* Messages                                    */
/*---------------------------------------------*/

div.message {
  position:relative;
  text-align:center;
  text-shadow:1px 2px 2px #000;
  padding:160px 0 0 0;
  font-size:13px;
  height:90px;
  width:250px;
  color:#fff;
  top:-270px;
  left:0;
}

div.message.success {
  background:url(../images/message-success-background.png);
}

div.message.error {
  background:url(../images/message-error-background.png);
}

div.message.user_saved {
  width:240px;
  height:75px;
  background:url(../images/user-success-background.png);
  top:0;
  padding:50px 0 0 100px;
}

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

div#container {
  position:relative;
  overflow:auto;
  position:relative;
  padding:8px;
}

/*---------------------------------------------*/
/* Articles                                    */
/*---------------------------------------------*/

ul.attachment_list {
  padding: 0px;
  margin: 0px;
  list-style:none;
}

ul.attachment_list li {
  margin: 1px;
  height: 40px;
  padding: 0px;
  background: #fafafa;
}

ul.attachment_list a {
  display:block;
  float: left;
  /*clear: left;*/
}

ul.attachment_list div, ul.attachment_list img {
  padding-right: 10px;
  line-height: 30px;
  position: relative;
}

ul.attachment_list div a.button {
  position: absolute;
  right: 0px;
  top: 10px;
}

ul.attachment_list div.details {
  min-width: 200px;
}

ul.attachment_list span.info {
  position: absolute;
  left: 0px;
  top: 15px;
  font-size:10px;
  color:#aaa;
}

/*---------------------------------------------*/
/* Products                                    */
/*---------------------------------------------*/

div.product {
  float:left;
  height:300px;
  margin:8px;
  cursor:pointer;
  overflow:hidden;
}

div.product.template, div.product.editable {
  width:250px;
}

div.product.new, div.product.editable.new {
  opacity:0; /* TODO: alpha opacity for IE */
  width:0;
}

div.product div.thumbnail {
  height:250px;
}

div.product div.description {
  height:20px;
  line-height:20px;
  text-align:center;
  font-size:11px;
/*  background:#d9fffd;*/
}

div.product div.description em {
  color:#000;
  font-weight:bold;
}

/*---------------------------------------------*/
/* Budgets                                    */
/*---------------------------------------------*/

table#budget_summary {
	width: 100%;
}

table#budget_summary td {
	padding:  4px;
}

table#budget_summary tr.sub_total {
	border-bottom: #666 1px solid;
}

table#budget_summary tr.total {
	border-bottom: #666 2px solid;
}

tr.budget.inactive {
	color: #aaa;
}

#input_select_systemtag {
position: absolute;
right: 86px;
top: 262px;
font-size: 10px;
}

/*---------------------------------------------*/
/* Popup                                       */
/*---------------------------------------------*/

div#popup {
  position:absolute;
  left:50%;
  top:50%;
  width:834px;
  margin:-380px 0 0 -417px;
  z-index:1000;
  opacity:0; /* TODO: add alpha opacity for IE */
}

div#popup div.bottom {
  left:0;
  bottom:0;
  height:70px;
  width:834px;
/*  position:absolute; */
  background:url(../images/popup-background-bottom.png);
}

div#popup div.content {
  height:420px;
/*  margin:0 0 70px 0; */
  margin:0 0 0px 0; 
  padding:43px 0 0 0;
  background:url(../images/popup-background-top.png) left top no-repeat;
}

/*---------------------------------------------*/
/* Overlay                                     */
/* to prevent clicks when Popup/Tags open      */
/*---------------------------------------------*/

div#overlay, div#tags_overlay {
  z-index:100;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/*---------------------------------------------*/
/* Sheets                                      */
/*---------------------------------------------*/

div#popup div.sheets_wrapper {
  margin:0 43px;
  overflow: hidden;
  width:748px;  
}

div#popup div.sheets {
  width:10000px;
}

div#popup div.sheets div.sheet {
  float:left;
  width:748px;
  height:420px;  
/*  overflow: hidden; */
}

/* Sheet Header */


div.sheet_info div.active a {
	color: #eb0808;
}

div.sheet_info div.inactive a {
	color: #9ebb3c;
}

div.sheet_info div.active {
  border: 0px;
}

div.sheet_header div.active a {
	color: #eb0808;
}

div.sheet_header div.inactive {
  margin-top: 20px;
  margin-right: 140px;
}

div.sheet_header div.inactive a {
	color: #9ebb3c;
}

div.sheet_header div.controltype {
  
}

div.sheet_header div.info {
  color: #666;
  font-size: 92%;
  margin-top: 24px;
  margin-right: 40px;
}


div.sheet_header div a {
	color: #777;
}

div.sheet_header {
  height:80px;
  margin:0 25px 18px 25px;
  border-bottom:1px solid #b5b5b5;
}

div.sheet_header div.step {
  font-family:"Georgia", serif;
  margin:3px 10px 0 0;
  line-height:60px;
  font-size:70px;
  color:#dfdfdf;
  height:60px;
  width:50px;
  float:left;
}

div.sheet_header h2.headline {
  font-family:"Georgia", serif;
  margin:15px 0 0 0;
  font-size:18px;
  color:#333;
}

div.sheet_header h3.subheadline {
  color:#666;
}

div.sheet_header h3.subheadline em {
  color:#333;
  font-weight:bold;
}

a.close_popup {
  position:absolute;
  top:63px;
  left:738px;
  width:30px;
  height:30px;
  background:url(../images/close-button.gif) center center no-repeat;
  display:block;
}

a.close_popup_alt {
  position:absolute;
  top:63px;
  left:738px;
  width:30px;
  height:30px;
  background:url(../images/close-button.gif) center center no-repeat;
  display:block;
}

a.close_popup:hover, a.close_popup_alt:hover {
  background:url(../images/close-button-hover.gif) center center no-repeat;
}

/* Sheet Cols */

div.sheet_col {
  width:340px;
  min-height:300px; /* TODO: remove min-height for IE!! */
  float:left;
  margin:0 0 0 25px;
}

div.sheet_col h2 {
	margin-bottom: 5px;
	margin-top: 5px;	
}


/* Sheet forms */

div.form_section {
  clear:left;
  margin:0 0 13px 0;
}

div.form_section textarea {
  resize:none;
  width:  200px;
}

textarea#input_edit_info {
  width:200px;
  height:60px;
}

div.sheet_col label {
  float:left;
  display:block;
  font-size:13px;
  width:120px;
  color:#666;
}

div.sheet_col label.long {
  width:200px;
}

div.sheet_col label.no_length {
  width:100%;
}

div.sheet_col input,
div.prefilled, div.sheet_col span.label {
  float:left;
}

div.sheet_col span.label {
	line-height: 15px;
	padding-left: 5px;
	padding-right: 10px;
}

div.sheet_col input[type="text"],
div.sheet_col input[type="password"] { 
  width:200px; 
}

span.label_wide {
  display:block;
  margin:0 0 10px 0;
  color:#666;
  font-size:13px;
}

select.order_select_field {
  width:300px;
  font-size:11px;
  color:#666;
}

div#order_selects div.form_section {
  margin-left:10px;
}

textarea#extra_information_textarea {
  position:relative;
  width:300px;
  height:35px;
  font-size:10px;
  color:#666;
  font-family:"Lucida Grande", sans-serif;
}

textarea#input_articledescr {
  position:relative;
  width:300px;
  height:35px;
  font-size:10px;
  color:#666;
  font-family:"Lucida Grande", sans-serif;
}

textarea#input_articleinfo {
  position:relative;
  width:300px;
  height:35px;
  font-size:10px;
  color:#666;
  font-family:"Lucida Grande", sans-serif;
}

div#express_order {
  font-size:11px;
  color:#666;  
}

div#express_order input {
  margin:2px 5px 0 5px;
}

input#cost_unit_field {
  width:300px;
}


span.status.green  { color:#9ebb3c; }
span.status.red    { color:#eb0808; }
span.status.orange { color:#fd971f; }
span.status.violet { color:#ae81ff; }
span.status.blue   { color:#75b1ee; }

/* Seperator */

div.seperator {
  clear:both;
  height:1px;
  margin:10px 25px;
  border-bottom:1px solid #b5b5b5;
}

div.seperator_inline {
  clear:both;
  margin:10px 0;
  width:330px;
  border-bottom:1px solid #b5b5b5;
}

/* Helptexts */

div.inline_helptext {
  color:#8d8c8c;
  font-size:10px;
  margin:0 25px 10px 25px;
}

div.docked_helptext {
  margin:-18px 25px 18px 25px;
  color:#777777;
  background:#ececaa;
  line-height:25px;
  text-indent:62px;
}

/* Sheet Options (Buttons, etc.) */

div.sheet div.options {
  margin:0 25px;
}

div.sheet div.sheet_info {
  margin-top: 20px;
}


/* Budgets */
div.select_budgets {
  margin:0 25px;
}

/* Photos */

div.select_photos {
  margin:0 25px;
}

div.photo {
  float:left;
  padding:3px;
  margin: 10px 20px 0 0;
  border:2px solid #fff;
}

div.photo.active {
  border:2px solid #c1c1c1;
}

/* Slider */

div#slider_track {
  width:333px;
  height:16px;
  background:url(../images/slider-track-background.png) left center no-repeat;
  position:relative;
}

div#slider_knob {
  width:16px;
  height:16px;
  background:url(../images/slider-knob-background.png) center center no-repeat;
  position:absolute;
}

div#slider_track.custom_slider {
	width: 250px;
	height: 16px;
	background: transparent url(../images/slider-track-small-background.png) no-repeat scroll left center;
}

div#custom_value {
	position:  absolute;
	left: 280px;
	top: 30px;
	/*float:right;*/
	position: absolute;
	
}

input#slider_custom_value {
	width: 50px;
}

div#scala {
  position:absolute;
}

div#scala div.unit {
  width:30px;
  font-size:10px;
  color:#aaa;
  position:absolute;
}

div#slider_section {
  margin-top: 10px;
  margin-bottom:20px;
  position: relative;
}

/* latest orders */

div#latest_orders {
  height:90px;
}

#latest_orders_table {
	width: 100%;	
}


/* Info fields */

div.info_field {
  background:#efefef;
  padding:10px 5px;
  border-top:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
}

div#order_info_field {
  height:170px;
}

div#budget_info_field {
  
  color: #666;
}

div#info_title {
  color:#666;
}

/* Address fields */


div.address_field {
  background:#efefef;
  padding:10px 5px;
  border-top:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
}

div#address_order_amount {
  color:#666;
  height:26px;
}

div#order_address {
	background:#efefef;
	position:absolute;
	margin-top:15px;
	height:216px;
	width: 320px;
	overflow: hidden;
}

div#order_address_form {
  position:absolute;
  background:#efefef;
  margin-top:10px;
  height:175px;
}

div#order_address_field {
  height: 260px;
  padding-left: 10px;
}

a#order_address_form_button {
  margin-left:110px;
}

div#order_address p {
  margin:0 0 10px 0;
}

/* Edit existing product / Actions menu */

div.actions {
  float:left;
  width:300px;
  margin:25px 0 0 0;
}

div#delete_product_seperator {
  margin-left:5px;
}

div.actions a#delete_product {
  margin:0 0 0 3px;
}
 
div#delete_confirm {
  width:227px;
  padding:5px;
  margin:50px 0 10px 0;
  /*border-top: 2px solid #cf4f4f;*/
  border: 1px solid #ccc;
  background-color:#efeeee;
  text-align:center;
  clear:both;
/*  display:none;*/
}

/* Product Previews */

div#preview_img_pdf {
  float:left;
  width:375px;
  height:350px;
}

img.product_preview_image {
  margin:0 0 10px 0;
}

img.product_preview {
  margin:20px 20px 20px 20px;
}

div.preview_information {
  width:300px;
  float:left;
  margin:25px 0 0 5px;
}

div.preview_information h4 {
  color:#000;
  font-weight:bold;
  margin-bottom:10px;
}

div.preview_information p {
  color:#666;
  margin-bottom:10px;
}

div#article_image {
  position: relative;
}

div#preview_pdf {
  position:relative;
  margin-left:30px;
  top:0px;
  width:230px;
  height:50px;
  padding:11px 0 0 45px;
  background: #fff url(../images/pdf.png) no-repeat top left;
}

div#preview_pdf_link {
  position:absolute;
  margin-left:30px;
  right: 20px;
  top: 0px;
}

/* Errors */

div.sheet div.error_message {
  border:1px solid #b84040;
  background:#f6e8e8;
  margin:20px 0 0 0;
  color:#b84040;
  padding:10px;
  width:280px;
}

/*---------------------------------------------*/
/* Dasboard                                    */
/*---------------------------------------------*/

div#dashboard {
  padding:15px 20px 0 20px;
}

div.dashcol {
  float:left;
  margin:0 50px 0 0;
}

div.dashcol.wide {
  width:360px;
}

div.dashcol.narrow {
  width:250px;
}

div.dashcol h2 {
  font-family:"Georgia", serif;
  font-size:15px;
  font-style:italic;
  color:#575656;
  padding:0 0 3px 0;
  border-bottom:2px solid #cbcbcb;
}

/* Letze Bestellungen - Recent orders */

div.dashcol div.article {
  padding:10px 0;
  background:#eaeaea;
  border-bottom:1px solid #cbcbcb;
  position:relative;
  width:360px;
}

div.dashcol div.article.last {
  margin:0 0 50px 0;
}

div.dashcol div.article span.date {
  color:#999;
  font-size:11px;
  width:160px;
}

div.dashcol div.article div.status {
  text-align:center;
  text-transform:uppercase;
  position:absolute;
  background:#f6f6f6;
  font-size:9px;
  font-weight:bold;
  padding:3px 0;
  width:60px;
  top:10px;
  right:0;
}

div.status.green { color:#9ebb3c; }
div.status.red { color:#fd971f; }

img.article_thumb {
  margin:0 20px 0 0;
	width:100px;
  float:left;
}

a.reorder {
  display:block;
  float:left;
  margin:0;
}

/* Freigaben - Approvals */

div#approvals {
  margin:25px 0 50px 0;
  background:#e3e3e3;
}

div#approvals div.count {
  color:#999;
  font-family:"Georgia", serif;
  text-shadow:1px 1px 1px #e3e3e3;
  width:50px;
  height:50px;
  line-height:40px;
  font-size:40px;
  float:left;
  margin:0 0 0 10px;
}

div#approvals div.description {
  margin:5px 0;
  width:180px;
  float:left;
}

div#approvals div.description span {
  font-size:15px;
  font-family:"Georgia", serif;
  font-style:italic;
  color:#555;
}

textarea#storno_message {
  position:relative;
  width:320px;
  height:36px;
  margin:10px 0 0 0;
  overflow:hidden;
}

div#approval_pdf {
  position:relative;
  margin-top:10px;
  margin-left:10px;
  width:230px;
  height:40px;
  padding:11px 0 0 40px;
  background: #fff url(../images/pdf.png) no-repeat top left;
}

/* Concierge */

div.db_opt_info {
  padding:5px 0 0 0;
  color:#999;
}

div.db_opt_info em {
  color:#000;
}

div.db_opt_info a.internal {
  font-size:12px;
}

img.company_logo {
  margin-top:15px;
}

/*---------------------------------------------*/
/* Approvals - Freigaben / History - Historie  */
/*---------------------------------------------*/


div.article_header {
  width: 350px;
  margin-top: 40px;
  margin-left: 20px;
  margin-bottom: 30px;
  height: 50px;
}

div.article_header h2 {
  float: left;
  line-height: 60px;
  font-family:"Georgia",serif;
  margin-left:20px;
  padding: 5px;
  font-size: 17px;
}

div#history_overview, div#approvals_overview, div#budget_overview {
  margin:0px;
  padding:0 20px 0 20px;
}

table.sortable_table {
  margin:25px 0 0 0;
  width:100%;
  color:#333;
}

table.sortable_table th,
table.sortable_table td {
  padding:5px 7px;
  border-bottom:1px solid #cbcbcb;
}

table.sortable_table th {
  padding-top:8px;
  padding-bottom:8px;
  background:#e8e8e8;
}

table.sortable_table th#multiple_selection_header {
  padding-top:0px;
  padding-bottom:0px;
  border-bottom:0px;
}

table.sortable_table th a {
  text-decoration:none;
  color:#666;
}

table.sortable_table th.sortable a,
a#select_all_link, 
a#unselect_all_link {
  border-bottom:1px solid #aaa;
}

table.sortable_table th a.active {
  font-weight:bold;
  color:#333;
}

table.sortable_table td.status {
  text-transform:uppercase;
}

table.sortable_table td.status.green  { color:#9ebb3c; }
table.sortable_table td.status.red    { color:#eb0808; }
table.sortable_table td.status.orange { color:#fd971f; }
table.sortable_table td.status.violet { color:#ae81ff; }
table.sortable_table td.status.blue   { color:#75b1ee; }

table.sortable_table tr.selected {
  background: #fbf6d1 url(../images/selected-background.png) repeat-x bottom;
}

table.sortable_table tr.decline td {
  background: url(../images/declined-background.png);
}

table.sortable_table tr.approve td {
  background: url(../images/approved-background.png);
}

table.sortable_table tr.view_only {
  color:#999;
}

h2#table_filter_activator {
  display:block;
  padding:0 10px;
  margin:30px 20px 0 20px;
  line-height:25px;
  background:#ccc;
  color:#333;
  text-decoration:none;
  border-bottom:1px solid #aaa;
}

div#table_filter, div#table_slider, div#table_filter_tags {
  font-size:14px;
  margin:0 20px 0 20px;
  padding:10px;
  color:#777;
  background:#e3e3e3;
  border-top:1px solid #fff;
}

div#table_filter span {
  padding:15px 0 0 0;
  display:block;
  float:left;
}
  
div#table_filter input {
  font-size:14px;
  color:#333;
  margin:0 7px;
}

div#table_filter div.filter {
  float:left;
}

div#table_filter div.filter label {
  display:block;
  margin:0 0 3px 0;
  padding:0 0 0 7px;
  text-transform:uppercase;
  font-size:9px;
  color:#888;
}

div#table_filter a.button {
  margin:17px 0 0 15px;
}

div#table_filter a.button span {
  padding:0 15px 0 0;
}

table th.sortable {
  cursor:pointer;
}

table th.sortable.active,
table th.sortable.hover.active {
  background:url(../images/th-active.gif) repeat-x 0px 1px;
}

table th.sortable.hover {
  background:#ddd;
}

th.sortable div.sort {
  float:right;
  top:0px;
  margin-left:3px;
  width:12px;
  height:20px;
  background: url(../images/sort.gif) no-repeat;
  background-position: 12px 0px;
}

th.sortable div.sort.up {
  float:right;
  top:0px;
  margin-left:3px;
  width:12px;
  height:20px;
  background: url(../images/sort.gif) no-repeat;
  background-position: -12px 0px;
}

th.sortable div.sort.down {
  float:right;
  top:0px;
  margin-left:3px;
  width:12px;
  height:20px;
  background: url(../images/sort.gif) no-repeat;
  background-position: 0px 0px;
}

th.sortable.th_type {
  width:60px;
}

th.sortable.th_department {
  width:100px;
}

th.sortable.th_amount {
  width:90px;
}

th.sortable.th_date {
  width:120px;
}

th.th_approvals_options {
  width:230px;
}

th.th_history_options {
  width:150px;
}

a#multiple_selection_confirm,
a#multiple_selection_cancel {
  margin-left:5px;
}

table#approvals_table th#multiple_selection_header {
  border-bottom:none;
  background:#efeeee;
  padding:0;
  margin:0;
}

table#history_table th#multiple_selection_header {
  border-bottom:none;
  background:#efeeee;
  padding:0;
  margin:0;
}

div#table_slider_help {
  font-size:12px;
  margin:0 0 5px 0;
  color:#666;
}

div#table_slider div.track {
  height:16px;
  width:500px;
  background:url(../images/slider-track-long.png) left center no-repeat;
}

div#table_track {
  float:left;
  margin: 3px 10px 0 0;
}

div#table_slider div.knob {
  position:relative;
  background:url(../images/slider-knob-background.png) no-repeat;
  height:16px;
  width:16px;
}

div#knob_min { top:-1px; cursor:pointer; }
div#knob_max { top:-17px; cursor:pointer; }

div.sliderDate {
  float:left;
  width:120px;
}

div.sliderDate span {
  color:#333;
}

div.other_option {
  font-size:14px;
  white-space:nowrap;
}

div.sliderDate.last {
}

div#toggle_details_filter {
  float:left;
  margin:16px 0 0 0;
}

div#toggle_slider {
  float:left;
  margin:0;
}

img.sort {
  margin-left:5px;
  margin-bottom:-8px;
}

div.approval_options_left {
  margin:10px 0 0 10px;
}

/* Table Tags List */

div#table_tags_list {
  float:left;
}

div#table_tags_options {
  float:right;
  width:40px;
  background:#efefee;
  margin:-10px -10px -10px 0;
}

div#table_tags_options a#approvals_tags_reset_button {
  position:relative;
  width:24px;
  height:24px;
  display:block;
  margin:9px 0 0 7px;
  background: transparent url(../images/button-reset-alt.gif) left top no-repeat;
}

div#table_tags_options a#approvals_tags_reset_button:hover {
  background: transparent url(../images/button-reset-alt-hover.gif) left top no-repeat;
}  

div#table_tags_list a {
  float:left;
  display:block;
  border-right:1px solid #9c9c9c;
  border-bottom:1px solid #9c9c9c;
  line-height:24px;
  width:104px;
  height:24px;
}

div#table_tags_list a:hover {
  background:url(../images/tag-hover-background.gif);
}

div#table_tags_list a {
  font-size:11px;
  color:#636363;  
  text-align:center;
  text-decoration:none;
  background:url(../images/tag-background.gif);
}

div#table_tags_list a.active,
div#table_tags_list a.active:hover {
  color:#8c3232;
  font-weight:bold;
  background:url(../images/tag-active-background.gif);
}

div#dashboard a.button.small {
  margin:5px 0 0 0;
}

a.button span.red { color:#eb0808; }
a.button span.green { color:#439716; }


/*---------------------------------------------*/
/* Media Uploader Widget                       */
/*---------------------------------------------*/


div.map {
  position:absolute;
  top:140px;
  left:70px;
}

div.map.single {
  width:305px;
  height:178px;
}

div.map div.actuator {
  background:url(../images/media_uploader_mouseenter.png) top left;
  cursor:pointer;
  text-align:center;
}

div.map div.actuator .label {
  display:none;
}

div.map div.actuator.over {
  background:url(../images/media_uploader_mouseenter_over.png) top left;
}

div.map div.actuator.over .label {
  display:block;
}

div#map_background_actuator .label, 
div#map_background_actuator.over .label { 
  display:block;
}

div#map_photo {
  width:110px;
  height:140px;
  position:absolute;
  left:178px;
  top:10px;
  border:1px dashed #999;
}

div#map_photo div.actuator {
  width:110px;
  padding-top:60px;
  height:80px;  
}

/*div#map_logo {
  width:50px;
  height:50px;
  position:absolute;
  left:100px;
  top:10px;
  border:1px dashed #999;
}

div#map_logo div.actuator {
  width:50px;
  height:30px;
  padding-top:20px;
}*/

div#map_background {
  position:absolute;
  width:150px;
  height:28px;
  position:absolute;
  left:10px;
  top:174px;
  background-color:transparent;
}
    
div#map_background div#map_background_actuator {
  width:150px;
  height:20px;
  padding:3px 0 0 0;
  text-align:center;
  font-size:11px;
  background:transparent url(../images/add-background-background.png) bottom center no-repeat;  
}

div#map_background div#map_background_actuator a {
  text-decoration:none;
  font-weight:bold;
  color:#ccc;
}

div#map_background div#map_background_actuator a:hover {
  color:#fff;
}

div.add_media_icon {
  position:absolute;
  width:21px;
  height:21px;
  background:url(../images/add-image-icon.png);  
}

/*---------------------------------------------*/
/* Users                                       */
/*---------------------------------------------*/

div.user {
  float:left;
  width:340px;
  height:125px;
  padding:0;
  background:url(../images/user-male.png) 10px bottom no-repeat #eaeaea;
  margin:10px 0 0 20px;
  border-top:2px solid #cbcbcb;
  border-bottom:1px solid #cbcbcb;
}

div.user.male { background:url(../images/user-male.png) 10px bottom no-repeat #eaeaea; }
div.user.female { background:url(../images/user-female.png) 10px bottom no-repeat #eaeaea; }
div.user.unknown { background:url(../images/user-unknown.png) 10px bottom no-repeat #eaeaea; }

a#select_male, a#select_female, a#select_ordering, a#select_approving, a#select_productmanaging, a#select_administration {
  float:left;
  width:32px;
  height:32px;
  margin-right:10px;
  border: 2px solid #ffffff;
  cursor:pointer;
  text-indent:-9000px;
}

a#select_male { background:url(../images/user-male-small.png) no-repeat #efeeee; }
a#select_female { background:url(../images/user-female-small.png) no-repeat #efeeee; }
a#select_ordering { background:url(../images/user-order.gif) no-repeat #efeeee; }
a#select_approving { background:url(../images/user-approve.gif) no-repeat #efeeee; }
a#select_productmanaging { background:url(../images/user-productmanager.png) no-repeat #efeeee; }
a#select_administration { background:url(../images/user-admin.gif) no-repeat #efeeee; }

a#select_male:hover, a#select_female:hover, a#select_ordering:hover,
a#select_approving:hover, a#select_administration:hover, a#select_productmanaging:hover {
  border: 2px solid #9ebb3c;
}
a#select_male.selected, #select_female.selected, a#select_ordering.selected,
a#select_approving.selected, a#select_administration.selected, a#select_productmanaging.selected {
  border: 2px solid #ccc;
}

div.user.new {
  width:0;
  opacity:0;
}

div.user h3 {
  text-shadow:1px 1px 1px #efeeee;
  font-family:"Georgia",serif;
  color:#464545;
  font-size:15px;
  margin:10px 0 0 110px;
  width:220px;
}

div.user_layout {
  position:absolute;
  width:230px;
  height:110px;
}

div.user_edit_button {
  position:absolute;
  right:0px;
  bottom:0px;
}

div.toolbox_button {
  position:absolute;
  right:10px;
  margin-top:13px;
}

div.toolbox_button img {
  float:left;
}

div#user_tags {
  clear:both;
  position:relative;
  overflow:auto;
  top:12px;
  width:332px;
  height:145px;
}

div#user_tags_list {
  width:315px;
  margin:0 0 0 0; /* 14px in Safari */
  border-top:1px solid #d7d7d7;
  border-left:1px solid #d7d7d7;
  position:absolute;
  background:url(../images/tag-idle.gif);
}

div#user_tags_list a {
  float:left;
  display:block;
  border-right:1px solid #d7d7d7;
  border-bottom:1px solid #d7d7d7;
  line-height:24px;
  width:104px;
  height:24px;
}

div#user_tags_list a {
  font-size:11px;
  color:#636363;  
  text-align:center;
  text-decoration:none;
  background:url(../images/tag-background.gif);
}

div#user_tags_list a.active {
  color:#8c3232;
  font-weight:bold;
  background:url(../images/tag-active-background.gif);
}


/*---------------------------------------------*/
/* Stockitems                                  */
/*---------------------------------------------*/


div.stockitems {
  margin:0 50px 0 0;
  position: absolute; 
}


div.stockitems h3 {
  margin-top: 2px;
  font-family:"Georgia", serif;
  /*text-shadow:1px 1px 1px #efeeee;*/
  font-size:16px;
  color:#575656;
  padding:0 0 3px 0;
}

/* Letze Bestellungen - Recent orders */

div.stockitems div.stockitem {
  float: left;
  padding: 10px;
  margin: 10px;
  position:relative;
  width:355px;
}


div.stockitem div.stockitem_img {
	float: left;
	height: 145px;
	border: 1px solid #888888;
	padding: 0px;
	margin: 0px;
}

div.stockitem div.stockitem_img a {
  text-decoration: none;
}

div.stockitem div.stockitem_info {
	float: right;
	width: 190px;
}

div.stockitem_info {
	color: #575757;
}

div.stockitem div.qty_available {
  font-family:"Georgia", serif;
  margin-top: 7px;
  font-size: 14px;
  color:  #575656;
}


div.stockitem div.qty_stocked {
  color:  #575656;
}

div.stockitem div.qty_stocked.red {
	color:  #961a17;
}

div.stockitem div.stockitem_buttons {
	margin-top: 15px;
}


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

div#login {
  background:url(/images/login-background.png);
  margin:-300px 0 0 -275px;
  position:absolute;
  height:550px;  
  width:550px;
  top:50%;
  left:50%;
}

div#login_content {
  position:relative;
  height:400px;
  width:500px;
  top:125px;
  left:25px;  
}

div#login_content form {
  padding:50px 0 0 0;
}

div#login div.form_section {
  margin:10px 0 0 50px;
}

div#login label {
  display:block;
  font-size:13px;
  width:100px;
  float:left;
  color:#666;
}

div#login input {
  float:left;
  font-size:13px;
}

div#login div.info {
  position:relative;
  font-size:13px;
  width:400px;
  left:50px;
  color:#666;
}

input#input_cookie {
  margin:6px 7px 0 100px;
}

span#label_cookie {
  color:#666;
  font-size:13px;
}

input#login_submit_button {
  margin-left:100px;
}

div#login_error {
  background:url(/images/message-error-background.png);
  text-shadow:2px 2px 2px #000;
  padding:170px 0 0 0;
  margin:10px 0 0 125px;
  text-align:center;
  position:absolute;
  font-size:14px;
  height:80px;
  width:250px;
  color:#fff;
  z-index:1000;
}

div#login_ok {
  background:url(/images/message-success-background.png);
  text-shadow:2px 2px 2px #000;
  padding:170px 0 0 0;
  margin:10px 0 0 125px;
  text-align:center;
  position:absolute;
  font-size:14px;
  height:80px;
  width:250px;
  color:#fff;
  z-index:1001;
}

div#login h2 {
  text-shadow:1px 1px 1px #efeeee;
  font-family:"Georgia",serif;
  line-height:55px;
  font-size:36px;
  color:#575656;
}

/*---------------------------------------------*/
/* Autocompleter                               */
/*---------------------------------------------*/

div.autocompleter-loading {
	float:left;
	clear:right;
	background:#fff url(images/spinner.gif) no-repeat center;
	width:20px;
	height:16px;
}

ul.autocompleter-choices {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  border: 1px solid #eee;
  background-color: white;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
  z-index: 10000;
  overflow: auto;
}
  ul.autocompleter-choices li {
    position: relative;
    padding: 0.1em 1.5em 0.1em 1em;
    font-size: 1em;
    font-weight: normal;
    cursor: pointer;
  }
  ul.autocompleter-choices li.autocompleter-selected {
  	background-color:#444;
  	color:#fff;
  }

  ul.autocompleter-choices span.autocompleter-queried {
  	font-weight:bold;
  }

  ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
  	color:#9FCFFF;
  }

  ul.autocompleter-choices span.address-info {
    font-size:10px;
  }

div#print {
  display:none;
}

div#printlogo {
  display:none;
}

/*---------------------------------------------*/
/* Multiple Select                             */
/*---------------------------------------------*/

.multiple_select			{ width: 315px; height: 85px;}
ul.multiple_select_list {background: url('../images/mselect-background-off.gif'); margin: 0; padding: 0; overflow: auto; list-style: none; border: 0;}
ul.multiple_select_list li {padding: 0 0 0 50px; line-height: 17px; height: 17px; cursor: pointer; font-weight: normal; font-size: 10px; background: url('../images/mselect-background-off.gif'); color: #666;}
ul.multiple_select_list li.choice_selected   { background: url('../images/mselect-background-on.gif'); color: #222;}
ul.multiple_select_list li.choice_hover   { color: #444;}

/* multiple_select_extended */
.multiple_select_extended			{width: 315px; height: 180px;}
ul.multiple_select_extended_list    {background: url('../images/mselect-background.gif'); margin: 0; padding: 0; overflow: auto; list-style: none; border: 0;}
ul.multiple_select_extended_list li 	{padding: 0 0 0 50px; line-height: 17px; min-height: 17px; font-weight: normal; font-size: 10px; background: url('../images/mselect-background-off.gif'); color: #666;}
ul.multiple_select_extended_list li.choice_add { cursor: pointer; background: url('../images/mselect-background-add-off.gif'); }
ul.multiple_select_extended_list li.choice_delete { cursor: pointer; background: url('../images/mselect-background-delete-off.gif'); }
ul.multiple_select_extended_list li.choice_selected   { background: url('../images/mselect-background.gif'); color: #222;}
ul.multiple_select_extended_list li.choice_add_deactivated { background: url('../images/mselect-background-add-off.gif'); color: #aaa; }
ul.multiple_select_extended_list li.choice_add_selected { background: url('../images/mselect-background-add-on.gif'); color: #659a66; }
ul.multiple_select_extended_list li.choice_add_selected.choice_add_deactivated { color: #aaa; }

ul.multiple_select_extended_list li.choice_selected_invalid { color: #222; background: url('../images/mselect-background-invalid.gif'); }
ul.multiple_select_extended_list li.choice_add_invalid { background: url('../images/mselect-background-add-off-invalid.gif'); }
ul.multiple_select_extended_list li.choice_add_selected_invalid { background: url('../images/mselect-background-add-on-invalid.gif'); color: #659a66;}

ul.multiple_select_extended_list li.choice_delete_selected { background: url('../images/mselect-background-delete-on.gif'); color: #000; }
ul.multiple_select_extended_list li.choice_hover { color: #444;}

ul.multiple_select_extended_list li.choice_inactive { display: none;}

div.multiple_select_extended_info_pane	{background: transparent url(../images/mselect-background-infopane.gif) left top no-repeat; background-color: #af554d; height: 20px; color: white; font-size: 10px; line-height: 18px;}
div.multiple_select_extended_info_pane span	{ margin-left: 20px; padding: 5px;}

div.multiple_select_extended_search_pane	{background: #eee; height: 21px; line-height:21px;}

input.multiple_select_extended_search_field	{
	margin-left: 13px; font-size: 10px; margin-top: 3px; text-indent:26px;
	background:#FFFFFF url(../images/mselect-search-background.gif) no-repeat scroll left;
	float: left;
}

a.multiple_select_extended_search_button {
  margin-left: 5px;
  width:15px;
  height:15px;
  display: block;
  float: left;
  margin-top: 3px;
  background: transparent url(../images/mselect-button-reset.gif) left top no-repeat;
}

a.multiple_select_extended_search_button:hover {
	background: transparent url(../images/mselect-button-reset-hover.gif) left top no-repeat;	
}

a.multiple_select_extended_select_all_button {
  display: block;
  float: left;
  margin-left: 24px;
}

a.multiple_select_extended_deselect_all_button {
  display: block;
  float: left;
  margin-left: 24px;
}

.multiple_select_extended_nav_pane {background: #cfcfcf; height: 36px; line-height: 36px;}
.multiple_select_extended_nav_pane a {text-decoration: none; margin: 6px;}

/*a.multiple_select_extended_button_add		{background: transparent url(../images/mselect-button-add.gif) left top no-repeat;width: 15px; height: 15px;float:right;}
a.multiple_select_extended_button_add	{background: transparent url(../images/mselect-button-add.gif) left top no-repeat;width: 15px; height: 15px; float:right;}
a.multiple_select_extended_button_add span {display: none;}
a.multiple_select_extended_button_delete	{  background: transparent url(../images/mselect-button-delete.gif) left top no-repeat; width: 15px; height: 15px; float: right;}
a.multiple_select_extended_button_delete span { display: none; }*/

a.multiple_select_extended_button_add	{float: right; display: block; width: 100px; height: 22px; line-height: 22px; background:url(../images/button-small-bright-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_extended_button_add span	{display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-bright-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_extended_button_add:hover	{background:url(../images/button-small-bright-hover-start.png) left top no-repeat;}
a.multiple_select_extended_button_add:hover	span {background:url(../images/button-small-bright-hover-end.png) right top no-repeat;}

a.multiple_select_extended_button_delete	{float: right; display: block; width: 100px; height: 22px; line-height: 22px; background:url(../images/button-small-bright-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_extended_button_delete span	{display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-bright-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_extended_button_delete:hover	{background:url(../images/button-small-bright-hover-start.png) left top no-repeat;}
a.multiple_select_extended_button_delete:hover	span {background:url(../images/button-small-bright-hover-end.png) right top no-repeat;}

a.multiple_select_extended_button_add_apply	{ float: right; display: block; width: 100px; height: 22px; line-height: 22px; background:url(../images/button-small-green-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_extended_button_add_apply span	{ display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-green-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_extended_button_add_apply:hover	{background:url(../images/button-small-green-hover-start.png) left top no-repeat;}
a.multiple_select_extended_button_add_apply:hover	span {background:url(../images/button-small-green-hover-end.png) right top no-repeat;}
a.multiple_select_extended_button_delete_apply	{float: right; display: block; width: 100px; height: 22px; line-height: 22px; background:url(../images/button-small-red-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_extended_button_delete_apply span	{ display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-red-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_extended_button_delete_apply:hover	{ background:url(../images/button-small-red-hover-start.png) left top no-repeat; }
a.multiple_select_extended_button_delete_apply:hover	span {background:url(../images/button-small-red-hover-end.png) right top no-repeat;}
a.multiple_select_extended_button_cancel	{float: left; display: block; height: 22px; line-height: 22px; background:url(../images/button-small-bright-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_extended_button_cancel span	{display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-bright-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_extended_button_cancel:hover	{background:url(../images/button-small-bright-hover-start.png) left top no-repeat;}
a.multiple_select_extended_button_cancel:hover	span {background:url(../images/button-small-bright-hover-end.png) right top no-repeat;}


/* multiple_select_budgets */

.multiple_select_budgets			{width: 698px; height: 290px;}
ul.multiple_select_budgets_list    {background: url('../images/mselect-budgets-background.gif'); margin: 0; padding: 0; overflow: auto; list-style: none; border: 0; clear: both;}
ul.multiple_select_budgets_list li 	{padding: 0 0 0 50px; margin: 0px; line-height: 25px; min-height: 25px; font-weight: normal; font-size: 11px; background: url('../images/mselect-budgets-background-off.gif'); color: #666; float: left; clear: both; width: 631px;}

ul.multiple_select_budgets_list li.choice_add { cursor: pointer; background: url('../images/mselect-budgets-background-add-off.gif'); }

ul.multiple_select_budgets_list li.choice_delete { cursor: pointer; background: url('../images/mselect-budgets-background-delete-off.gif'); }
ul.multiple_select_budgets_list li.choice_selected   { background: url('../images/mselect-budgets-background.gif'); color: #222;}
ul.multiple_select_budgets_list li.choice_add_deactivated { background: url('../images/mselect-budgets-background-add-off.gif'); color: #aaa; }
ul.multiple_select_budgets_list li.choice_add_selected { background: url('../images/mselect-budgets-background-add-on.gif'); color: #659a66; }
ul.multiple_select_budgets_list li.choice_add_selected.choice_add_deactivated { color: #aaa; }

ul.multiple_select_budgets_list li.choice_selected_invalid { color: #222; background: url('../images/mselect-budgets-background-invalid.gif'); }
ul.multiple_select_budgets_list li.choice_add_invalid { background: url('../images/mselect-budgets-background-add-off-invalid.gif'); }
ul.multiple_select_budgets_list li.choice_add_selected_invalid { background: url('../images/mselect-budgets-background-add-on-invalid.gif'); color: #659a66;}

ul.multiple_select_budgets_list li.choice_delete_selected { background: url('../images/mselect-budgets-background-delete-on.gif'); color: #000; }
ul.multiple_select_budgets_list li.choice_hover { color: #444;}

ul.multiple_select_budgets_list li.choice_inactive { display: none;}

div.multiple_select_budgets_info_pane	{background: transparent url(../images/mselect-background-infopane.gif) left top no-repeat; background-color: #af554d; height: 20px; color: white; font-size: 11px; line-height: 18px;}
div.multiple_select_budgets_info_pane span	{ margin-left: 20px; padding: 5px;}

div.multiple_select_budgets_search_pane	{background: #eee; height: 21px; line-height:21px;}
div.multiple_select_budgets_header_pane	{background: #ddd; height: 25px; font-size: 11px;}

.multiple_select_budgets_col1 {
  float: left;
  width: 180px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
}
.multiple_select_budgets_col2 {
  float: left;
  width: 120px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
}
.multiple_select_budgets_col3 {
  float: left;
  width: 180px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
}
.multiple_select_budgets_col4 {
  float: left;
  width: 100px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
}


.multiple_select_budgets_header1 {
  float: left;
  margin-left: 50px;
  width: 180px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
}
.multiple_select_budgets_header2 {
  float: left;
  width: 120px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
}
.multiple_select_budgets_header3 {
  float: left;
  width: 180px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;  
}
.multiple_select_budgets_header4 {
  float: left;
  width: 100px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;  
}


input.multiple_select_budgets_search_field	{
	margin-left: 11px; font-size: 10px; margin-top: 3px; text-indent:26px;
	background:#FFFFFF url(../images/mselect-search-background.gif) no-repeat scroll left;
	float: left;
}

a.multiple_select_budgets_search_button {
  margin-left: 5px;
  width:15px;
  height:15px;
  display: block;
  float: left;
  margin-top: 3px;
  background: transparent url(../images/mselect-button-reset.gif) left top no-repeat;
}

a.multiple_select_budgets_search_button:hover {
	background: transparent url(../images/mselect-button-reset-hover.gif) left top no-repeat;	
}

a.multiple_select_budgets_select_all_button {
  display: block;
  float: left;
  margin-left: 23px;
}

a.multiple_select_budgets_deselect_all_button {
  display: block;
  float: left;
  margin-left: 10px;
  margin-left: 23px;
}

.multiple_select_budgets_nav_pane {background: #cfcfcf; height: 36px; line-height: 36px;}
.multiple_select_budgets_nav_pane a {text-decoration: none; margin: 6px;}

/*a.multiple_select_budgets_button_add  {background: transparent url(../images/mselect-button-add.gif) left top no-repeat;width: 15px; height: 15px;float:right;}*/

/*a.multiple_select_budgets_button_delete {  background: transparent url(../images/mselect-button-delete.gif) left top no-repeat; width: 15px; height: 15px; float: right;}*/

a.multiple_select_budgets_button_add	{float: right; display: block; height: 22px; line-height: 22px; background:url(../images/button-small-bright-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_budgets_button_add span	{display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-bright-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_budgets_button_add:hover	{background:url(../images/button-small-bright-hover-start.png) left top no-repeat;}
a.multiple_select_budgets_button_add:hover	span {background:url(../images/button-small-bright-hover-end.png) right top no-repeat;}

a.multiple_select_budgets_button_delete	{float: right; display: block; height: 22px; line-height: 22px; background:url(../images/button-small-bright-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_budgets_button_delete span	{display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-bright-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_budgets_button_delete:hover	{background:url(../images/button-small-bright-hover-start.png) left top no-repeat;}
a.multiple_select_budgets_button_delete:hover	span {background:url(../images/button-small-bright-hover-end.png) right top no-repeat;}

a.multiple_select_budgets_button_add_apply	{ float: right; display: block; height: 22px; line-height: 22px; background:url(../images/button-small-green-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_budgets_button_add_apply span	{ display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-green-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_budgets_button_add_apply:hover	{background:url(../images/button-small-green-hover-start.png) left top no-repeat;}
a.multiple_select_budgets_button_add_apply:hover	span {background:url(../images/button-small-green-hover-end.png) right top no-repeat;}
a.multiple_select_budgets_button_delete_apply	{float: right; display: block; height: 22px; line-height: 22px; background:url(../images/button-small-red-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_budgets_button_delete_apply span	{ display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-red-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_budgets_button_delete_apply:hover	{ background:url(../images/button-small-red-hover-start.png) left top no-repeat; }
a.multiple_select_budgets_button_delete_apply:hover	span {background:url(../images/button-small-red-hover-end.png) right top no-repeat;}
a.multiple_select_budgets_button_cancel	{float: left; display: block; height: 22px; line-height: 22px; background:url(../images/button-small-bright-start.png) left top no-repeat; padding: 0 0 0 13px;}
a.multiple_select_budgets_button_cancel span	{display: block; color:#666; height:22px; font-size:10px; background:url(../images/button-small-bright-end.png) right top no-repeat; padding:0 13px 0 0;}
a.multiple_select_budgets_button_cancel:hover	{background:url(../images/button-small-bright-hover-start.png) left top no-repeat;}
a.multiple_select_budgets_button_cancel:hover	span {background:url(../images/button-small-bright-hover-end.png) right top no-repeat;}

/*---------------------------------------------*/
/* Debug                                       */
/*---------------------------------------------*/

div#debug {
  position:fixed;
  top:30px;
  right:30px;
  width:200px;
  background:#000;  
}

.float-right { float:right; }
.float-left { float:left; }


.clear { clear:both; height: 0px; margin: 0px; padding: 0px; }