body { background:url(../images/bg.gif) repeat-x left top #d4d3d3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333; }
a, a:active, a:link, a:visited { text-decoration:none; color: #069; }
a:hover { text-decoration: underline; color: #C00; }
#logo { font-size:24px; font-style:italic; font-weight:normal; color:white; line-height:69px; }
#header { background:url(../images/bg_header_blue.gif) left top no-repeat; height:123px; }
#content { background:url(../images/bg_content.gif) left top repeat-x #FFFFFF; width:938px !important; border-left:1px solid #9c9c9c; border-right:1px solid #9c9c9c; padding: 10px 0px;}
#textcontent { padding:10px !important; width:900px !important; }
#wrapper { padding-bottom:10px !important; background:url(../images/bg_content_bottom.gif) center bottom no-repeat; }
#footer { text-align:center; padding:15px 0px; color: #666; font-size:11px; }
.hidden { display:none; }
.text { padding:10px 15px; }
.nopadding { padding:0px !important; }
.momargin { margin:0px !important; }
.floatLeft { float:left; }
.floatRight { float:right; }
.negate { color:#D23333; font-weight: bold; font-size:14px;}
a.info_icon { background:url(../images/information.png) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.refresh_icon { background:url(../images/refresh.png) no-repeat left top; display:inline-block; width:16px; height:16px; }
a.calendar_icon { background:url(../images/icons/calendar.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.buy_icon { background:url(../images/icons/action_check.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.user_icon { background:url(../images/icons/user.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.chart_icon { background:url(../images/icons/chart_bar.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.edit_icon { background:url(../images/icons/edit.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.delete_icon { background:url(../images/icons/action_delete.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.remove_icon { background:url(../images/icons/action_remove.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.approve_icon { background:url(../images/icons/action_check.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.reject_icon { background:url(../images/icons/action_remove.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.edit_inline { background:url(../images/icons/edit.gif) no-repeat left top; display:inline-block; line-height:16px; color: #069 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.delete_inline { background:url(../images/icons/action_delete.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #D23333 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.reject_inline { background:url(../images/icons/action_remove.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #D23333 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.approve_inline { background:url(../images/icons/action_check.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #5a801b !important; font-size:10px; padding-left:20px; margin-right:5px; }

.news_items li { margin-left:15px; font-size:13px; }
#content ul li {margin-left:15px;}
#content ol li {margin-left:35px;}

/*******************************************************************************
  HEADING CLASSES
*******************************************************************************/
h1 { font-size:22px; color: #1b486a; display: block; margin-top: 10px;}
h1.dashboard { background:url(../images/icon_dashboard_small.gif) left 3px no-repeat; padding-left:35px;}
h1.content_edit { background:url(../images/icon_content_small.gif) left 3px no-repeat; padding-left:35px;}
h2 { font-size:18px !important; }
h3 { font-size: 13px !important; }
/*******************************************************************************
  EVENTBOX (title -> rightbox)
*******************************************************************************/
#eventbox {
	font-size:11px;
	text-align:right;
	margin-top: 10px;
	line-height:35px;
	width: 375px !important;
	position:relative;
}
a.inline_calendar { padding-left:21px; background:url(../images/icons/calendar.gif) no-repeat left top; }
a.inline_tip { padding-left:21px; background:url(../images/icons/lightbulb_off.gif) no-repeat left top; }
.hidden_calendar { position:absolute; top:35px; right:20px; width:200px; height:200px; display:none; }
.hidden_calendar { line-height:normal !important;}
.hidden_calendar .ui-datepicker .ui-datepicker-prev span, .hidden_calendar .ui-datepicker .ui-datepicker-next span {
	text-indent:-99999px !important;
}

/*******************************************************************************
  USER TOOLS
*******************************************************************************/
#user_tools {
	background:url(../images/bg_usertools_right.gif) right top no-repeat;
	height:34px;
	padding-right:9px;
	float:right;
}
#user_tools span {
	background:url(../images/bg_usertools_left.gif) left top no-repeat #000000;
	height:34px;
	padding-left:9px;
	line-height: 34px;
	font-size:10px;
	color: #b0b0b0;
	display:block;
	float:right;
}
#user_tools a { color: #FFF; text-decoration:none; }
#user_tools a:hover { text-decoration:underline; }
#user_tools a.mail { background: url(../images/icon_mail_small.gif) left 2px no-repeat; padding-left:17px; margin-right:5px; }
#user_tools a.mail:hover { text-decoration:none !important; }
.dropdown { background:url(../images/arrow_mini_down.gif) no-repeat right 3px; padding-right:13px; }
#colorchanger { z-index: 8; display: none; position:absolute; color: white; top:33px; right:35px; border-left:1px solid #333; border-right: 1px solid #333; background:black; width:100px;}
#colorchanger a { padding:5px; border-bottom:1px solid #333; color: #FFF; display: block; font-size: 10px; text-decoration:none; }
#colorchanger a:hover { background: #222; }
#colorchanger span.redtheme { background: url(../images/bullet_red.gif) left 0px no-repeat; padding-left:16px;  }
#colorchanger span.bluetheme { background: url(../images/bullet_blue.gif) left 0px no-repeat; padding-left:16px; }
#colorchanger span.greentheme { background: url(../images/bullet_green.gif) left 0px no-repeat; padding-left:16px; }
/*******************************************************************************
  MENU
*******************************************************************************/
#menu {
	float: left;
}
#menu ul.group {
	margin: 12px 0px 0px 14px;
	padding: 0px 0px 0px;
	list-style: none;
	float: left;
	z-index:4;
}
#menu ul.group li {
	display: inline;
	float: left;
	position: static;
	z-index: 5;
	margin-left:0px !important;
}
#menu ul.group li a {
	display: block;
	float: left;
	height: 100px;
	width: 114px;
	overflow:hidden;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-decoration:none;
	text-align:center;
	z-index:6;
}
#menu ul.group li a * {
	cursor: pointer;
}
#menu ul.group li a span.outer {
	display: block;
	height: 90px;
	padding-top: 10px
}
#menu ul.group li a span.inner {
	display: block;
	padding: 55px 10px 9px 10px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 50% 3px;
}
#menu ul.group li a {
	background:url('../images/navigation_background_blue.gif') repeat-x top left;
}
#menu ul.group li.inactive a {
	background:url('../images/navigation_background_gray.gif') repeat-x top left;
}
#menu ul.group li.first a {
	background:url('../images/navigation_first_blue.gif') no-repeat top left;
}
#menu ul.group li.last a {
	background:url('../images/navigation_last_blue.gif') no-repeat top right;
}
#menu ul.group li.last a span.inner {
	border: none !important;
}

#menu ul.group li a:hover, #menu ul.group li a.hover {
	background-position: bottom left;
	text-decoration: none;
}
#menu ul.group li.last a:hover, #menu ul.group li.last a.hover  {
	background-position: bottom right;
}
#menu ul.group li a.current {
	background-position: bottom left;
	text-decoration: none;
}
#menu ul.group li.last a.current  {
	background-position: bottom right;
}
#menu ul.group li.first a.current  {
	background-position: bottom left;
}

#menu ul.group li a span.inner {
	border-right: 1px solid #4985b2;
}
#menu ul.group li a:hover span.inner {
	border-right: 1px solid #4985b2;
}
#menu ul.group li a.more {
}
#menu .additional a span {
  	border-right:1px solid #DFDCBB;
}
#menu .dashboard { background-image: url(../images/icon_dashboard.png); background-repeat: no-repeat;  }
#menu .content { background-image: url(../images/icon_edit.png); background-repeat: no-repeat;  }
#menu .accounts { background-image: url(../images/accounts.png); background-repeat: no-repeat;  }
#menu .campaigns { background-image: url(../images/campaigns.png); background-repeat: no-repeat;  }
#menu .reports { background-image: url(../images/icon_reports.png); background-repeat: no-repeat;  }
#menu .keywords { background-image: url(../images/keywords.png); background-repeat: no-repeat;  }
#menu .groups { background-image: url(../images/groups.png); background-repeat: no-repeat;  }
#menu .manager { background-image: url(../images/manager.png); background-repeat: no-repeat;  }
#menu .users { background-image: url(../images/icon_users.png); background-repeat: no-repeat;  }
#menu .media_library { background-image: url(../images/icon_media.png); background-repeat: no-repeat;  }
#menu .event_manager { background-image: url(../images/icon_clock.png); background-repeat: no-repeat;  }
#menu .newsletter { background-image: url(../images/icon_news.png); background-repeat: no-repeat;  }
#menu .settings { background-image: url(../images/icon_settings.png); background-repeat: no-repeat;  }
#menu .help { background-image: url(../images/icon_help.png); background-repeat:no-repeat; }
#menu .offer { background-image: url(../images/icon_news.png); background-repeat:no-repeat; }

#hidden_submenu {
	background:#FFF;
	padding:10px;
	display:none;
	width:918px !important;
	border-left: 1px solid #9C9C9C;
	border-right: 1px solid #9C9C9C;
	border-bottom: 1px solid #CCC;
}
#hidden_submenu .more_menu { float:left; margin: 10px 5px; }
#hidden_submenu .more_menu li { margin-left: 30px; }
/*******************************************************************************
  TABS
*******************************************************************************/

#tabs {
}

#tabs .container {
	height: 25px;
	padding-top: 8px;
	border-left: 1px solid #397cae;
	border-right: 1px solid #397cae;
	border-bottom: 1px solid #346a92;
	width: 938px !important;
	background: #eee;
}

#tabs ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}

#tabs ul li {
	display: inline;
}

#tabs ul li a {
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 25px;
	margin-right: 3px;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	border-bottom: 0px;
	background: #DEDEDE;
	text-decoration:none;
	color: #f2f2f2;
}

#tabs ul li a:hover {
	text-decoration: underline;
	background-color: #FFFFFF;
}

#tabs ul li a span {
	height: 20px;
	padding: 0px 10px;
	display: block;
	padding-top: 5px;
	cursor: pointer;
	white-space: nowrap;
}

#tabs ul li a.current {
  background-color: #FFFFFF;
  color:#1b486a;
}

#tabs ul li a.inactive {
  background-color: #111111;
  color:#1b486a;
}
#tabs ul li.first a span {
  padding-left: 15px;
  padding-right: 15px;
}
#tabs {
	background: #639ecb;
}

#tabs .container {
	background:url('../images/tabs_bg.gif') repeat-x left top;
	border-bottom: none;
}

#tabs ul li a {
	background: url('../images/tabs_left.gif') no-repeat left top;
	border: 0px;
}

#tabs ul li a span {
	background: url('../images/tabs_right.gif') no-repeat right top;
}

#tabs ul li a.current {
  background-position: left bottom;
}

#tabs ul li a.current span {
	background-position: right bottom;
}
#tabs ul li a.tempoff {
  background-position: left top;
}

#tabs ul li a.tempoff span {
	background-position: right top;
}

#tabs ul li.first a{
  color: #1b486a !important;
}
/*******************************************************************************
  PORTLETS AND GRID
*******************************************************************************/
#portlets { padding:0px 10px; }
.column { width: 450px; float: left; padding-bottom: 0px; }
.column#left { margin-right:17px; }
.portlet { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin: 0 0em 1em 0; font-family: Verdana,Arial,sans-serif; font-size: 1.1em;border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.portlet-info { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin: 0 0em 1em 0; font-family: Verdana,Arial,sans-serif; font-size: 1.1em;border: 1px solid #aaaaaa; background: 	#E0E0E0 50% 50% repeat-x; color: #222222; }
.portlet-header { margin: 0em; padding-bottom: 5px; padding-left: 6px; padding-top:4px; padding-right:6px; font-size:12px; border: none !important; color: #333 !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold;-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.portlet-header-floating { background: none repeat scroll 0 0 #FDFAA4; border-bottom: 1px solid #988753; display: none; left: 0; opacity: 0.85; position: fixed; top: 0; width: 100%; z-index: 100; }
.portlet-header .ui-icon { float: right; cursor:pointer; }
.portlet-header img { float:left; margin-right:5px; }
#portlets .fixed { cursor:auto; }
.portlet-content { padding: 0px 0.8em 10px 0.8em; font-size:12px !important; color: #333; border-top:1px solid #999 !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.ui-sortable-placeholder { border: 1px dashed #999 !important; visibility: visible !important; height: 100px !important; background: #EBEBEB;}
.ui-sortable-placeholder * { visibility: hidden; }

/*******************************************************************************
  Informational Messages
*******************************************************************************/
.info  {
	display: block;
	background: url('../images/informationbar_right.gif') no-repeat right top;
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom:10px !important;
	padding: 0px !important;
	font-size: 12px !important;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	font-style: italic;
}
.info .info_inner {
  display: block;
  height: 30px;
  padding: 6px 10px 0px 35px;
}
#success .info_inner {
  color: #5a801b;
  background: url('../images/icon_success.gif') no-repeat left top;
  border: 0px;
}
#warning .info_inner {
	color: #E89326;
	background: url('../images/icon_warning.gif') no-repeat left top;
	border: 0px;
}
#error .info_inner {
	color: #C00;
	background: url('../images/icon_error.gif') no-repeat left top;
	border: 0px;
}
#info .info_inner {
	color: #4985B2;
	background: url('../images/icon_info.gif') no-repeat left top;
	border: 0px;
}
/*******************************************************************************
  TABLE DESIGN
*******************************************************************************/
.box-table {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom:none;
	width:100%;
}
.box-table tr th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #EFEFEF;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: left;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:95% 14px;
}

.box-table th.forward_sort {
	background-image:url('../images/arrow_mini_down.gif');
	background-color:#ccc;
}

.box-table th.reverse_sort {
	background-image:url('../images/arrow_mini_up.gif');
	background-color:#ccc;
}

.box-table th.nosort {
	cursor:default;
}

.box-table td {
	padding: 8px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-bottom: none !important;
	vertical-align:top;
}

td.valignMiddle {
	vertical-align:middle;
}

.box-table td.label-table {
	background-color:#CFCFCF;
}
.box-table tr:hover td {
	background: #ddd;
	color: #333;
}

.box-table tbody.nozebra tr:hover td { background-color:transparent; }
.box-table tbody.nozebra tr td.checked { background-image:url('../images/add.png'); background-repeat:no-repeat; background-position:50% 50%; }
.box-table tbody.nozebra tr td.notchecked { background-image:url('../images/remove.png'); background-repeat:no-repeat; background-position:50% 50%; }

.box-table tbody.nozebra tr td.checked input,
.box-table tbody.nozebra tr td.checked span,
.box-table tbody.nozebra tr td.notchecked input,
.box-table tbody.nozebra tr td.notchecked span { display:none; }

.box-table tr td.move { background-color:#E7FFDF !important; }
.box-table tr td.delete { background-color:#FFDFDF !important; }

.box-table tr.footer { background: none !important; }
.box-table tr.footer:hover td { background: none !important;  }
.box-table tbody td { cursor:pointer; }

table.small-table td { font-size:10px; }


/*******************************************************************************
  PAGINATION
*******************************************************************************/
.pagination { float:right; border:0; margin:0; padding:0; font-size:10px; }
.pagination a { border:solid 1px #DEDEDE; margin-right:2px; }
.pagination .previous-off, .pagination .next-off { color:#888888; display:inline-block; font-weight:normal; padding:3px 4px; }
.pagination .next a,.pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
.pagination .active{ color:#000000; font-weight:bold; display:inline-block; padding:4px 6px; }
.pagination a:link, .pagination a:visited { display:inline-block; padding:3px 6px; text-decoration:none; }
.pagination a:hover{ text-decoration:none; border: 1px solid #999; }

/*******************************************************************************
  FORMS
*******************************************************************************/
form label { display:block !important; line-height:normal !important; margin: 4px 0px 1px 0px;  font-size:11px;	font-weight:bold; }
/*input[type=text] { display:block !important; }*/
textarea { display:block; }
.smallInput { padding:3px 3px; border:1px solid #999; background:#FFFFE6; font-size:12px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; font-style:italic; }
.largeInput { padding:1px; border:1px solid #999; background:#FFFFE6; font-size:11px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; }

.largeInputRed { padding:1px; border:1px solid #999; background:#FFCDE3; font-size:11px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; }
.largeInputInfo { padding:1px; border:1px solid #999; background:#F0F0F0; font-size:11px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; }
form .small { width:150px; }
form .medium { width:350px; }
form .wide { width:890px; }
.button {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_right_blue.gif') no-repeat scroll top right;
  color: #1b486a;
  display: block;
  float: left;
  height: 29px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.button span {
  background: url('../images/but_left_blue.gif') no-repeat left top;
  display: block;
  line-height: 29px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;
}

a.add { margin-left:18px; }
a.remove { float:right; margin-right:18px; }

.button:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button:hover span {
  background-position: left bottom;
  color: #1b486a;
}
.button_grey {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_right_grey.gif') no-repeat scroll top right;
  color: #555;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.button_grey span {
  background: url('../images/but_left_grey.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;
}
.button_grey:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button_grey:hover span {
  background-position: left bottom;
  color: #333;
}
.button_ok {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_round_span_blue.gif') no-repeat scroll top right;
  color: #1b486a;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 15px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.box-table .button_ok, .box-table .button { margin-top:0px; }

.button_ok span {
  background: url('../images/but_round_ok_blue.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 35px;
  outline: none !important;
  float:left;
}
.button_ok:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button_ok:hover span {
  background-position: left bottom;
  color: #1b486a;
}
.button_notok {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_round_span_blue.gif') no-repeat scroll top right;
  color: #1b486a;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 15px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.button_notok span {
  background: url('../images/but_round_del_blue.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 35px;
  outline: none !important;
  float:left;
  font-style: italic;
}
.button_notok:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button_notok:hover span {
  background-position: left bottom;
  color: #1b486a;
}
.button_grey_round {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_round_span_grey.gif') no-repeat scroll top right;
  color: #555;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.button_grey_round span {
  background: url('../images/but_round_left_grey.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;
}
.button_grey_round:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button_grey_round:hover span {
  background-position: left bottom;
  color: #333;
}
/*******************************************************************************
  MODAL BOX OVERRIDE
*******************************************************************************/
.ui-dialog {
padding:0px !important;
border: none 0 !important;
font-size: 12px !important;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
.ui-dialog .ui-dialog-titlebar {
padding-left:5px !important;
padding-top:3px !important;
padding-bottom:3px !important;
padding-right:5px !important;
position:relative;
border-bottom: none !important;
font-size:13px !important;
}
.ui-dialog .ui-corner-all {
-moz-border-radius-bottomleft:0px !important;
-moz-border-radius-bottomright:0px !important;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
.ui-dialog .ui-dialog-content {
border: 1px solid #AAAAAA !important;
}
.ui-widget-overlay {
background:#000 !important;
opacity:0.7 !important;
}

.ac_results ul { border:1px solid #ccc; background-color:white; list-style-type:none; width:258px;}
.ac_results ul li { padding:3px; }

div.error { background-color:#FFCDE3; border:1px solid #FF6075; padding:0px 0px 4px 4px; margin-top:10px; }
div.error p { padding:3px 0px; margin:0px;}

ul.tree { padding-left:30px; }

#tree{
	height:600px;
	position:relative;
	border:solid 1px #b7b7b7;
	background-color:#ffffff;
}


/*@global*/

.mif-tree-wrapper{
position: absolute;
width: 100%;
height:100%;
margin:0;
padding:0;
overflow:auto;
font-family:sans-serif;
font-size:11px;
line-height:18px;/******Tree node height******/
white-space:nowrap;
cursor:default;
}

.mif-tree-bg{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}

.mif-tree-bg-container{
width:100%;
display:none;
}

.mif-tree-bg-node{
width:100%;
height:18px;
}

.mif-tree-bg-selected{
background-color:#dcd7ab;
}

.mif-tree-wrapper:focus{
outline:0;
}

.mif-tree-wrapper span{
padding-bottom:2px;
padding-top:2px;
cursor:inherit;
}

.mif-tree-children{
padding-left:18px;
width:18px;
}

.mif-tree-node{
width:18px;
background:url('../images/line.gif') repeat-y 8px 0px;
}

.mif-tree-node-last{
background:url('../images/line.gif') no-repeat 8px 0px;
}

.mif-tree-name{
cursor: default;
overflow:hidden;
margin-left:4px;
}

.mif-tree-name a{
color:red;
}

.mif-tree-name a:hover{
color:blue;
}


.mif-tree-node-wrapper{
background:url('../images/horizontal-line.gif') no-repeat 9px center;
}

/*@gadjets*/

.mif-tree-gadjet{
background-image:url('../images/gadjets.gif');
padding-right: 16px;
z-index:1;
overflow:hidden;
background-repeat:no-repeat;
cursor:default;
}

.mif-tree-gadjet-none{
background:none;
}

.mif-tree-gadjet-minus{
background-position: 0px 50%;
}

.mif-tree-gadjet-plus{
background-position: -18px 50%;
}


.mif-tree-gadjet-hover .mif-tree-gadjet-minus{
background-position: -54px 50%;
}

.mif-tree-gadjet-hover .mif-tree-gadjet-plus{
background-position: -72px 50%;
}



/*.mif-tree-gadjet-hover{
background-image:url('../images/gadjets-hover.gif');
}*/




/*@icons*/
.mif-tree-icon{
padding-right:18px;
background-position:0 50%;
background-repeat:no-repeat;
cursor:inherit;
}

.mif-tree-open-icon{
	background-image:url('../images/openicon.gif')
}

.mif-tree-close-icon{
	background-image:url('../images/closeicon.gif')
}

.mif-tree-close-icon-added {
	background-image:url('../images/closeicon-green.gif')
}

.mif-tree-close-icon-used {
	background-image:url('../images/closeicon-orange.gif')
}

.mif-tree-loader-open-icon,.mif-tree-loader-close-icon{
background-image:url('../images/mootree_loader.gif');
}

.mif-tree-book-icon{
background-image:url('../images/book_icon.gif');
}

.mif-tree-bin-open-icon{
background-image:url('../images/bin_open_icon.gif');
}

.mif-tree-bin-close-icon{
background-image:url('../images/bin_close_icon.gif');
}



/*@selection*/

.mif-tree-node-selected .mif-tree-name{
background-color: #010161;
color:#fff;
text-transform:italic;
}

.mif-tree-hover-node .mif-tree-name{
text-decoration:underline
}



/*@d'n'd*/
.mif-tree-pointer{
height:1px;
overflow: hidden;
position: absolute;
background-image:url('../images/1.gif');
background-repeat:repeat-x;
background-color:#292fef;
}


.mif-tree-ghost{
background-color:#fff;
border:solid 2px #e8e8f7;
padding-left:2px;
}

.mif-tree-ghost span{
padding-top:2px;
padding-bottom:2px;
}

.mif-tree-ghost .mif-tree-node-wrapper{
background:none;
}

.mif-tree-ghost span.mif-tree-text{
padding-top:1px;
padding-bottom:1px;
}

.mif-tree-ghost-icon{
padding-left:16px;
background-color:#fff;
background-repeat:no-repeat;
background-image:url('../images/dropzone.gif');
}

.mif-tree-ghost-after{
background-position:-64px 2px;
}

.mif-tree-ghost-before{
background-position:-48px 2px;
}

.mif-tree-ghost-between{
background-position:-16px 2px;
}

.mif-tree-ghost-inside{
background-position:-0px 2px;
}

.mif-tree-ghost-notAllowed{
background-position:-32px 2px;
}

.mif-tree-drag-current{
background-color:#cfcfd8;
}

.mif-tree-replace{
background-color:#99c8fb;
}


/*@checkbox*/
.mif-tree-checkbox{
padding-left:18px;
}

.mif-tree-node-checked, .mif-tree-node-checked .mif-tree-checkbox{
background:url('../images/checked.gif') center 2px no-repeat;
}

.mif-tree-node-unchecked, .mif-tree-node-unchecked .mif-tree-checkbox{
background:url('../images/unchecked.gif') center 2px no-repeat;
}

.mif-tree-node-checked-selected{
background:url('../images/checked_selected.gif') center 2px no-repeat;
}

.mif-tree-node-unchecked-selected{
background:url('../images/unchecked_selected.gif') center 2px no-repeat;
}



/*@rename*/
.mif-tree-rename{
display: inline;
line-height: 14px;
height:14px;
cursor: default;
overflow:hidden;
font-family:sans-serif;
font-size:11px;
padding:1px 0;
border:solid 1px black;
}

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important;
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

#drop { list-style-type:none; }
#drop li a { float:left; margin-right:2px; cursor:pointer; }
#drop-finished { display:none; }

th.last { background-color:#fff !important; }
th.last a.button_ok { margin-top:0px; }

/**@reversal **/

.reversal .left {
	float:left;
	width:340px;
	margin:0px 8px;
}
.reversal .left td {
	padding:5px;
}
.reversal .headline, #filtre-box .headline {
	width:99.5%;
	background-color:#CFCFCF;
	padding:5px 0px 5px 10px;
	-moz-border-radius:10px 10px 0px 0px;
}
.reversal .scroll-content {
	overflow:auto;
	height:268px;
}
.reversal .last-container {
	margin:0px 8px 0px 0px;
	width:36%;
}
.reversal .last-container td {
	padding:5px;
}
.reversal .data, .reversal .comment-box {
	padding-top:5px;
}
.reversal-row {
	padding:5px;
	margin:5px 0px;
	background-color:#CFCFCF;
	-moz-border-radius:10px 10px 10px 10px;
	width:99.5%;
}
.marked-cell {
	background-color:#FFFFE6;
	border:1px solid #999999;
}

#filtre-box {
}
#filtre-box table {
	width:100%;
}
#filtre-box td {
	padding:5px;
}
#filtre-box .smallInput {
	width:100% !important;
}
#filtre-box .headline {
	width:auto;
}
#google-map {
	margin:0px auto;
	width:80%;
	height:600px;
}
.loader {
	background-image:url('../images/loader.gif') !important;
	background-position:50% 10px;
	background-repeat:no-repeat !important;
}
#buyer-table {
	width:100%;
	visibility:hidden;
}

#buyer-table thead td {
	font-weight:bold;
}

#dynamic-content .grid_6 {
	width:15.25%;
	height:500px;
}
#element-submit, .largeInput-button, input.submit {
	margin:5px 0px 0px 0px;
	background:none repeat scroll 0 0 #FFFFE6;
	border:1px solid #999999;
	color:#333333 !important;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-size:14px !important;
	cursor:pointer;
	padding:3px;
	text-decoration:none !important;
}

#element-submit[disabled], #element-submit[disabled="true"] {
	background:none repeat scroll 0 0 #E0E0E0;
}

th input, th select { margin:0px !important; position:relative !important; }

#filtre-box table {
	margin:0;
}

form label.helptext {padding-bottom:2px;}
.helptext .labeltext {border-bottom:1px dashed #444; cursor:help;}
.display {padding-bottom:5px;}
.labeltext {font-weight:bold;}

/** MOORAINBOW **/

#mooRainbow { font-size: 11px; color: #000; }

.moor-box {
	width: 125px;
	height: 110px;
	border: 1px solid #636163;
	background-color: #f9f9f9;
}
.moor-overlayBox {
	width: 80px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 80px;
	margin-top: 3px;
	margin-left: 3px;
	border: 1px solid #000;
}
.moor-slider {
	border: 1px solid #000;
	margin-top: 3px;
	margin-left: 86px;
	width: 10px; /* if you want a bigger or smaller slider... */
	height: 80px;
}
.moor-colorBox {
	/*display: none;*/
	visibility: hidden;
	border: 1px solid #000;
	width: 59px;
	height: 68px;
	margin-top: 20px;
	margin-left: 315px;
}

.moor-currentColor { /* Bottom Box Color, the backup one */
	/*display: none;*/
	visibility: hidden;
	margin-top: 55px;
	margin-left: 316px;
	width: 59px;
	height: 34px;
}
.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 8px;
	margin-top: 90px;
	margin-left: 3px;
	background: #e6e6e6;
	height: 15px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 100px;
	margin-left: 315px;
}
.moor-gLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 125px;
	margin-left: 315px;
}
.moor-bLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 150px;
	margin-left: 315px;
}
.moor-HueLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 190px;
	margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
	/*display: none;*/
	visibility: hidden;
	margin-top: 190px;
	margin-left: 370px;
}
.moor-SatuLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 215px;
	margin-left: 315px;
}
.moor-BrighLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 240px;
	margin-left: 315px;
}
.moor-hexLabel {
	font-size: 0px;
	margin-top: 90px;
	margin-left: 70px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput {
	/*display: none;*/
	visibility: hidden;
	width: 30px;
}
.moor-hexInput {
	font-size: 9px;
	width: 45px;
}
.moor-cursor {
	background-image: url(../images/moor_cursor.gif);
	width: 12px;
	height: 12px;
}
.moor-arrows {
	/*display: none;*/
	visibility: hidden;
	/*background-image: url(images/moor_arrows.gif);*/
	top: 9px;
	left: 270px;
	width: 41px;
	height: 9px;
}

.moor-chooseColor {
	margin-left: 100px;
	margin-top: 3px;
	width: 20px;
	height: 82px;
}

/** MOORAINBOW END **/

.chart-container { width:520px !important; }

.form-image-wrapper {
	overflow: hidden;
	padding: 4px 2px;
	width: 90%;
	float: left;
	height: 80px;
	position: relative;
}

.form-image-wrapper .items {
	margin: 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	letter-spacing: 0;
	width:50000px;
}

.form-image-wrapper .items li {
	cursor       : pointer;
	margin-left  : 0px !important;
	float        : left;
	text-align   : center;
}
.moveright {
	float:right;
	margin-top:42px;
}
.moveleft {
	float:left;
	margin-top:42px;
}
.postCode li {float:left;width:80px;}



.tooltip { float:right;position:relative;right:5px;top:2px;cursor:help; }

.tip-content {
	font-size:11px;
	z-index:12000 !important;
	color:#fff !important;
	background-image:url('../images/bubble.png');
	background-position:-1px 0px;
	width:180px;
	padding:8px;
	background-repeat:no-repeat;
	border:2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:0px 0px 12px 4px #666;
	-moz-box-shadow:0px 0px 12px 4px #666;
	-webkit-box-shadow:0px 0px 12px 4px #666;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=1, offY=1, positive=true);
}

.tip-content h1,
.tip-content h2,
.tip-content h3,
.tip-content h4 {
	font-size:14px;
	color:#fff;
	padding:0px 0px 10px 0px;
	margin:0px;
}

.tip-content p {
	padding:0px 0px 10px 0px;
	margin:0px;
}

button.calendar{margin-top:8px;background:url(images/calendar-icon.gif);border:0;cursor:pointer;height:1px;margin-right:6px;width:1px;}
button.calendar:hover,button.calendar.active{background-position:0 20px}
div.calendar{background:url(images/calendar.png);height:195px;padding:0 6px;text-align:center;width:147px;}
div.calendar *{margin:0;padding:0}
div.calendar div{background:none !important;cursor:move;height:185px;overflow:hidden;padding-top:10px;position:relative;width:147px}
div.calendar caption{color:#333;font:normal 12px/16px Arial,Helvetica,sans-serif;padding-top:6px;text-align:center;width:100%}
div.calendar caption a{cursor:pointer;display:block;height:12px;overflow:hidden;position:absolute;text-indent:-100px;top:17px;width:11px}
div.calendar caption a.prev{background-image:url(images/calendar-prev.gif);left:0}
div.calendar caption a.next{background-image:url(images/calendar-next.gif);right:0}
div.calendar caption a:hover{background-position:0 12px}
div.calendar caption span{height:25px;position:relative;text-align:center}
div.calendar caption span.month{padding-right:8px}
div.calendar caption span.month:after{content:','}
div.calendar table{background:#FFF;border:0;border-collapse:collapse;border-spacing:0;cursor:default;margin:0 auto;overflow:hidden;width:147px}
div.calendar td,div.calendar th{border:0;color:#0597DB;font:normal 12px Arial,Helvetica,sans-serif;height:21px;text-align:center;width:21px}
div.calendar td{background:url(images/calendar-td.gif);color:#FFF;font-size:11px}
div.calendar td.invalid{color:#999}
div.calendar td.valid{background:url(images/calendar-valid.gif);color:#0597DB;cursor:pointer}
div.calendar td.hilite{background:url(images/calendar-hilite.gif)}
div.calendar td.inactive{background:url(images/calendar-td.gif) 0 100%;color:#FFF}
div.calendar td.active,div.calendar td.hover{background:url(images/calendar-valid.gif) 0 100%;color:#FFF;cursor:pointer}
input.alternate,select.alternate{width:99px}
button.alternate{background:url("images/calendar-icon.gif") repeat scroll 0 0 transparent;border:0 none;cursor:pointer;float:left;height:1px;margin-right:6px;width:1px}
button.alternate:hover,button.alternate.active{background-position:0 20px}
div.alternate{background:url("images/calendar.png") repeat scroll 0 0 transparent;height:195px;padding:0 6px;text-align:center;width:147px;z-index:3000000 !important;}
div.alternate *{margin:0;padding:0}
div.alternate div{background:none repeat scroll 0 0 transparent !important;cursor:move;height:185px;overflow:hidden;padding-top:10px;position:relative;width:147px}
div.alternate caption{color:#333;font:12px/16px Arial,Helvetica,sans-serif;overflow:hidden;text-align:center;width:100%}
div.alternate caption a{cursor:pointer;display:block;height:12px;overflow:hidden;position:absolute;text-indent:-100px;top:17px;width:11px}
div.alternate caption a.prev{background-image:url("images/calendar-prev.gif");left:0}
div.alternate caption a.next{background-image:url("images/calendar-next.gif");right:0}
div.alternate caption a:hover{background-position:0 12px}
div.alternate caption span{padding-top:6px;position:relative;text-align:center}
div.alternate caption span.month{float:left;width:84px}
div.alternate caption span.month:after{content:""}
div.alternate caption span a{top:8px}
div.alternate caption span.year{float:right;width:63px}
div.alternate table{background:none repeat scroll 0 0 #FFF;border:0 none;border-collapse:collapse;border-spacing:0;cursor:default;margin:0 auto;overflow:hidden;width:147px}
div.alternate td,div.alternate th{border:0 none;color:#0597DB;font:12px Arial,Helvetica,sans-serif;height:21px;text-align:center;width:21px}
div.alternate td{vertical-align:middle;background:url("images/calendar-td.gif") repeat scroll 0 0 transparent;color:#FFF;font-size:11px}
div.alternate td.invalid{color:#999}
div.alternate td.valid{background:url("images/calendar-valid.gif") repeat scroll 0 0 transparent;color:#0597DB;cursor:pointer}
div.alternate td.hilite{background:url("images/calendar-hilite.gif") repeat scroll 0 0 transparent}
div.alternate td.inactive{background:url("images/calendar-td.gif") repeat scroll 0 100% transparent;color:#FFF}
div.alternate td.active,div.alternate td.hover{background:url("images/calendar-valid.gif") repeat scroll 0 100% transparent;color:#FFF;cursor:pointer}
input.readonly, select.readonly { background-color:#999999; }
a.pdf_icon{background:url(../images/icons/pdficon_small.gif) no-repeat left top;display:inline-block;width:17px;height:17px}
a.csv_icon{background:url(../images/icons/csvicon_small.gif) no-repeat left top;display:inline-block;width:30px;height:30px}
.allround_price {     color: #5A801B !important;    display: inline-block;    font-size: 10px;    line-height: 16px;    margin-right: 5px;    padding-left: 5px; }


/***********************************************************************************************************************************************
		Graphic in GridImages Formatter
***********************************************************************************************************************************************/

.grid-images{width:100px;height:100px;}

.ui-hide {
	display:none !important;
}

.ui-show {
	display:block !important;
}

.ui-down, .ui-up, .ui-close, .ui-left, .ui-right {
	background-repeat: no-repeat;
	width: 18px;
	text-align:center !important;
	text-decoration:none;
	display:inline-block;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background-position: 4px;
	cursor: pointer;
	outline: none;
	vertical-align: middle;
	background-color: #F2F2F2;
	height: 18px;
}

.ui-down {
	background-image:url('../images/icons/arrow_mini_down.gif');
}

.ui-up {
	background-image:url('../images/icons/arrow_mini_up.gif');
}

.ui-left {
	background-image:url('../images/icons/arrow_mini_left.gif');
}

.ui-right {
	background-image:url('../images/icons/arrow_mini_right.gif');
}

/** Icons **/
a.ui-answer-icon,
a.ui-thumb-down-icon,
a.ui-edit-icon,
a.ui-helptext-edit-icon,
a.ui-helptext-edit-icon,
a.ui-delete-icon,
a.ui-abort-icon,
a.ui-abort-icon-light,
a.ui-add-icon,
a.ui-help-icon,
a.ui-error-icon,
a.ui-arrow-right-icon,
a.ui-select-col,
a.ui-accept-icon,
a.ui-email-icon,
a.ui-website-icon,
a.ui-link-icon,
a.ui-info-icon,
a.ui-trash-icon,
a.ui-refresh-icon,
a.ui-statistics-icon,
a.ui-pdf-icon,
a.ui-pdf-download-icon,
a.ui-form-magnify-icon,
a.ui-exclamation-icon,
a.ui-archive-icon,
a.ui-forward-icon {
	display:inline-block;
	width: 16px;
	height:16px;
	text-decoration: none !important;
}

a.ui-statistics-icon {
	background:url('../images/icons/chart_line.png') no-repeat left top;
}


a.ui-edit-icon {
	background:url('../images/icons/edit.png') no-repeat left top;
}

a.ui-exclamation-icon {
	background:url('../images/icons/exclamation.png') no-repeat left top;
}

a.ui-error-icon {
	background:url('../images/icons/attention.png') no-repeat left top;
}

a.ui-forward-icon {
	background:url('../images/icons/email_go.png') no-repeat left top;
}

a.ui-thumb-down-icon {
	background:url('../images/icons/thumb_down.png') no-repeat left top;
}

a.ui-trash-icon {
	background:url('../images/bin.png') no-repeat left top;
}

a.ui-help-icon {
	background:url('../images/icons/help.png') no-repeat left top;
}

a.ui-helptext-edit-icon {
	background:url('../images/icons/comment_edit.png') no-repeat left top;
}

a.ui-helptext-edit-icon {
	background:url('../images/icons/comment_edit.png') no-repeat left top;
}

a.ui-delete-icon {
	background:url('../images/icons/delete.png') no-repeat left top;
}

a.ui-add-icon {
	background:url('../images/icons/add.png') no-repeat left top;
}

a.ui-arrow-right-icon {
	background:url('../images/icons/arrow_right.png') no-repeat left top;
}

a.ui-abort-icon, a.ui-abort-icon-light {
	background: url('../images/icons/abort.png') no-repeat left top;
}

a.ui-abort-icon-light {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

a.ui-accept-icon {
	background: url('../images/icons/accept.png') no-repeat left top;
}

a.ui-answer-icon {
	background:url('../images/icons/email_edit.png') no-repeat left top;
}

a.ui-website-icon {
	background:url('../images/icons/world_link.png') no-repeat left top;
}

a.ui-email-icon {
	background:url('../images/icons/email_edit.png') no-repeat left top;
}

a.ui-info-icon {
	background:url('../images/icons/information_green.png') no-repeat left top;
}

a.ui-select-col {
	background:url('../images/icons/table_select_column.png') no-repeat left top;
}

a.ui-link-icon {
	background:url('../images/icons/link.png') no-repeat left top;
}

a.ui-refresh-icon {
	background:url('../images/icons/arrow_refresh.png') no-repeat left top;
}

a.ui-pdf-icon {
	background:url('../images/icons/page_white_acrobat.png') no-repeat left top;
}

a.ui-pdf-download-icon  {
	background:url('../images/icons/page_white_acrobat_download.png') no-repeat left top;
}

a.ui-form-magnify-icon {
	background:url('../images/icons/application_form_magnify.png') no-repeat left top;
}

a.ui-archive-icon {
	background:url('../images/icons/email_link.png') no-repeat left top;
}

a.ui-delete-inline {
	background:url('../images/icons/delete.png') no-repeat left top;
	display:inline-block;
	line-height:16px;
	color: #D23333 !important;
	font-size:10px;
	padding-left:20px;
	margin-right:5px;
	border:0 none;
}

#element-delete-submit.ui-delete-inline {
	font-size: 12px;
}

a.ui-pdf-inline {
	background:url('../images/icons/page_white_acrobat.png') no-repeat left top;
	display:inline-block;
	line-height:16px;
	color: #3364B0 !important;
	font-size:10px;
	padding-left:20px;
	margin-right:5px;
	border:0 none;
}

a.ui-save-inline {
	background:url(../images/icons/disk.png) no-repeat left top;
	display:inline-block;
	line-height:16px;
	color: #3364B0 !important;
	font-size:10px;
	padding-left:20px;
	margin-right:5px;
	border:0 none;
}


a.ui-archive-inline {
	background:url(../images/icons/email_link.png) no-repeat left top;
	display:inline-block; line-height:16px;
	color: #3364B0 !important;
	font-size:10px;
	padding-left:20px;
	margin-right:5px;
}

a.ui-open-email-inline {
	background:url(../images/icons/email_open.png) no-repeat left top;
	display:inline-block; line-height:16px;
	color: #3364B0 !important;
	font-size:10px;
	padding-left:20px;
	margin-right:5px;
}

a.ui-approve-inline {
	background:url(../images/icons/action_check.gif) no-repeat left top;
	display:inline-block;
	line-height:16px;
	color: #5a801b !important;
	font-size:10px;
	padding-left:20px;
	margin-right:5px;
}

a.ui-add-inline {
	background:url(../images/icons/add.png) no-repeat left top;
	display:inline-block;
	line-height:16px;
	color: #5a801b !important;
	font-size:10px;
	padding-left:20px;
	margin-right:5px;
	border:0 none;
}

.ui-sidebar-menu strong {
	padding:5px 10px 0px 10px;
	display:block;
}

.ui-sidebar-menu a {
	color:#333;
	text-decoration:none;
	display:block;
	padding:6px 13px;
}

.ui-sidebar-menu a:hover {
	color:#000;
	text-decoration:none;
	background-color:#f2f2f2;
}

.ui-sidebar-menu a.ui-active {
	font-weight:bold;
	background-color:#f2f2f2;
}

.ui-pointer {
	cursor:pointer;
}

.ui-disabled, .ui-disabled:hover {
	background-color:#f2f2f2 !important;
	-webkit-opacity: 0.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	cursor:not-allowed !important;
}

.ui-combo-select select.ui-disabled {
	-webkit-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}



.ui-float-r {
	float:right !important;
}

.ui-float-l {
	float:left !important;
}

.ui-clear {
	clear:both;
	float:none !important;
	padding-bottom:20px;
}

.ui-clear-fix {
	clear:both;
	font-size:0px !important;
	font-height:0px !important;
	height: 0px !important;
}

.ui-space {
	height:10px;
	padding:10px 0px;
}

.ui-rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ui-rounded-right {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.ui-rounded-left {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.ui-rounded-top {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ui-rounded-bottom {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.ui-light {
	color: #ADABAB !important;
}

.ui-example {
	font-style: italic;
}

ul.ui-tab-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.ui-tab-list li a {
	cursor: pointer;
	outline: none;
	vertical-align: middle;
	background-repeat: no-repeat;
	text-align:center !important;
	background-position: center;
	text-decoration:none;
	margin: 5px 0;
	padding: 5px 0;
	width: 22px;
}

ul.ui-tab-list li a.ui-active, ul.ui-tab-list li a:hover {
    border: 1px solid #999999;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin: 4px 0;
}

input.ui-error-border, select.ui-error-border, td.ui-error-border {
	border: 1px solid #b94a48 !important;
}

input.ui-error-border { color: #b94a48 !important; }

input.ui-error-border {
	 -webkit-box-shadow: 0 0 6px #d59392;
     -moz-box-shadow: 0 0 6px #d59392;
          box-shadow: 0 0 6px #d59392;
}


.ui-line-through {
	text-decoration: line-through;
}

hr {
	margin: 20px 0 20px 4px;
	height: 1px;
	color: #C3C3C3;
	background-color: #C3C3C3;
	border: 0;
}

tr.ui-status-unread td {
	font-weight: 900;
}

.box-table tbody tr.ui-row-color-1 td {
	/*background-color:#F7F7F7;*/
	background-color:#fefefe;
}

.box-table tbody tr.ui-row-color-2 td {
	/*background-color:#EDEDED;*/
	background-color:#fff;
}

.box-table tbody tr.ui-row-color-3 td {
	/*background-color:#EDEDED;*/
	background-color:#eee;
}

.box-table tbody tr.ui-row-color-1:hover td {
	background-color:#f6f6f6;
}

.box-table tbody tr.ui-row-color-2:hover td {
	background-color:#f6f6f6;
}
.box-table tbody tr.ui-row-color-1 td.ui-td-sort {
	background-color:#F8F8F8;
}

.box-table tbody tr.ui-row-color-2 td.ui-td-sort {
	background-color:#FEFEFE;
}

.ui-detail-mail-view {
	background-color:#f8f8f8;
	border:1px solid #eee;
	border-radius:4px;
}

.ui-detail-mail-view th {
	color:#666;
	padding-bottom:3px;
	font-weight:normal !important;
}

.ui-detail-mail-view td {
	padding-bottom:3px;
	padding-left:5px;
}

.mt-text-block {
	list-style-type:none;
	width:200px;
	margin-top:7px;
	border-bottom:1px solid #ccc;
	margin-left: 0;
}

.mt-text-block li {
	cursor:pointer;
	background-color:#f2f2f2;
	border:1px solid #ccc;
	border-bottom:0 none;
	display:block;
	margin-left: 0 !important;
	padding:5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#ECECEC));
	background: -moz-linear-gradient(top, #FCFCFC, #ECECEC);
	background: -o-linear-gradient(#FCFCFC,#ECECEC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#ECECEC');
}

.mt-suggest-container {
	display:none;
	position:absolute;
	top:0;
	left:0;
	max-height:238px;
	overflow-y:scroll;
	background-color:#F3F3F3;
	z-index:15000;
	box-shadow:0 1px 2px #BBBBBB;
}

.mt-suggest-container li {
	border-bottom:1px solid #d3d3d3;
}

.mt-suggest-container li.mt-group-label {
	padding:4px 3px;
	background:-webkit-gradient(linear, left top, left bottom, from(#89BC09), to(#678E11));
	background:-moz-linear-gradient(top, #89BC09, #678E11);
	background:-o-linear-gradient(#89BC09,#678E11);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89BC09', endColorstr='#678E11');
	color:#fff !important;
	-webkit-text-shadow:0 1px 2px rgba(0,0,0,.8);
	-moz-text-shadow:0 1px 2px rgba(0,0,0,.8);
	text-shadow:0 1px 2px rgba(0,0,0,.8);
}

.mt-suggest-container li.mt-current-selection a, .mt-suggest-container li a:hover {
	background-color:#fff;
	font-weight:bold;
}

.mt-suggest-container li a {
    display: block;
    text-decoration: none;
    padding:4px 3px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.ui-attachment-item {
	border:1px solid #ccc;
	background-color:#f2f2f2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3px;
	float:left;
	margin-right:6px;
	margin-bottom:5px;
	list-style-type: none;
	margin-left: 0 !important;
}

.ui-attachment-item span {

}

.ui-attachment-item a {
	padding:3px 4px;
	text-decoration:none;
	font-weight:bold;
}

.ui-attachment-item a.ui-attachment-link {
	text-decoration: underline;
	font-weight: normal;
}

.ui-email-box progress {
	height:26px;
	vertical-align:middle;
	position:relative;
	top:-2px;
	width:250px;
}

.ui-attachment-list {
	list-style-type:none;
	border:1px solid #eee;
	float:left;
	padding:10px;
	padding-bottom:5px;
	background-color:#f8f8f8;
	width:94.2%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

tr.ui-status-unread td {
    font-weight: 1200;
    color: #000;
}

.ui-view-modal {
	position:absolute;
	/*top:50px;
	left:30%;*/
	width:auto;
	zoom:1;
	z-index:1200000;
	background-color:#ffffff;
	border:1px solid #DEDEDE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:1;
	padding:10px;

}

.ui-view-modal table {
	width:100%;
}

.ui-overlay-window {
	z-index:1100000 !important;
	opacity:1;
	position:absolute;
	top:30%;
	left:40%;
	width:400px;
	background-color:white;
	padding:20px;
	border:solid 1px #DEDEDE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mt-overlay {

}

.ui-overlay-window .ui-form table {
	width: 100%;
}

.roar .roar-close, .ui-modal-closable-icon {
	height: 36px;
	width: 36px;
	position: absolute;
	top: 0;
	right: -15px;
	top: -15px;
	background: url('../images/close.png') no-repeat;
	display: block;
	z-index: 10001;
}

.ui-inactive {
	color: #ccc !important;
}

.ui-modal {
    background-color: #FFFFFF;
    border: 1px solid #DEDEDE;
    border-radius: 5px 5px 5px 5px;
    left: 30%;
    opacity: 1;
    padding: 10px;
    position: absolute;
    top: 50px;
    width: auto;
    z-index:15001;
}
.ui-modal-closable-icon {
    background: url("../images/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 36px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 36px;
    cursor:pointer;
}

.ui-leftbox, .ui-leftbox-2 {
	width:300px;
	float:left;
	margin-top:10px;
}

.ui-leftbox {
	margin-right:10px;
}

.ui-leftbox table, .ui-leftbox-2 table {
	width:300px;
	margin-bottom:0px;
}

.ui-leftbox label, .ui-leftbox-2 label {
	margin-right:10px;
}

.ui-leftbox table td, .ui-leftbox-2 table td {
	vertical-align:middle;
	padding-bottom:10px;
	text-align:left;
}

.ui-right-box {
	float:right;
	margin-top:4px;
}

.ui-right-box .largeInput-button {
	width:200px;
	text-align:center;
}

body.ui-loading-cursor, body.ui-loading-cursor input, body.ui-loading-cursor a { cursor: wait !important; }