body {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; }
#header { background:url(/img/bg_header_blue.gif) left top no-repeat; height:154	px; }
#content { background:url(/img/bg_content.gif) left top repeat-x #FFFFFF; width:938px !important; border-left:1px solid #9c9c9c; border-right:1px solid #9c9c9c; padding: 6px 0px 10px;}
#textcontent { padding:10px !important; width:900px !important; } 
#wrapper { padding-bottom:10px !important; background:url(/img/bg_content_bottom.gif) center bottom no-repeat; }
#footer { text-align:center; padding:15px 0px; color: white; font-size:11px; background:#141414;}
#main-content { margin-top:0px;} 
#main-content.margin{padding:10px 0px 0px 0px;}
.hidden { display:none; }
.nopadding { padding:0px !important; }
.floatLeft { float:left; }
.floatRight { float:right; }
.bold { font-weight:bold; }
a.edit_icon { background:url(/img/icons/icon_edit.png) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.delete_icon { background:url(/img/icons/icon_delete.png) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.approve_icon { background:url(/img/icons/icon_tick.png) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.reject_icon { background:url(/img/icons/icon_remove.png) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.edit_inline { background:url(/img/icons/icon_edit.png) 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(/img/icons/icon_delete.png) 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(/img/icons/icon_remove.png) 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(/img/icons/icon_tick.png) 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; }
/*******************************************************************************
  HEADING CLASSES
*******************************************************************************/
h1 { font-size:22px; color: #1b486a; display: block; margin-bottom:10px;}
h1 img {margin-bottom: -7px;}
h2 { font-size:18px}
h3 { font-size: 13px}
/*******************************************************************************
  EVENTBOX (title -> rightbox)
*******************************************************************************/
#eventbox {
	font-size:11px;
	text-align:right;
	margin-top: 10px;
	line-height:35px;
	width: 375px !important;
	position:relative;
}
/*******************************************************************************
  USER TOOLS
*******************************************************************************/
#user_tools {
	background:url(/img/bg_usertools_right.gif) right top no-repeat;
	height:34px;
	padding-right:9px;
	float:right;
}
#user_tools span {
	background:url(/img/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;
	min-width:260px;
}
#user_tools a { color: #FFF; text-decoration:none; }
#user_tools a:hover { text-decoration:underline; }

/*******************************************************************************
  PORTLETS AND GRID
*******************************************************************************/
#portlets { padding:0px 10px; }
.column { width: 450px; float: left; padding-bottom: 0px; }
.column#left { margin-right:17px; }
.portlet { margin: 0 0em 1em 0; }
.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; cursor:move; }
.portlet-header .ui-icon { float: right; cursor:pointer; }
.portlet-header img { float:left; margin-right:5px; }
#portlets .fixed { cursor:auto; } 
.portlet-content { padding: 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('/img/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;
	top: -30px;
	position: relative;
	margin-right:30px;
}
.success_alert .info_inner {
	background: url('/img/alert_success.gif') no-repeat left top;
	border: 0px;
	color: #5a801b;
}
.warning_alert .info_inner {
	background: url('/img/alert_warning.gif') no-repeat left top;
	border: 0px;
	color: #E89326;
}
.error_alert .info_inner {
	background: url('/img/alert_error.gif') no-repeat left top;
	border: 0px;
	color: #C00;
}
.info_alert .info_inner {
	background: url('/img/alert_info.gif') no-repeat left top;
	border: 0px;
	color: #4985B2;
}
.remove_alert .info_inner {
	background: url('/img/alert_remove.gif') no-repeat left top;
	border: 0px;
	color: #C00;
}
.remove-alert {
	background:url("/img/informationbar_right_close.png") repeat scroll 0 0 transparent;
	display:block;
	height:30px;
	left:408px;
	position:relative;
	width:30px;
}
.remove-alert:hover {
	background:url("/img/informationbar_right_close.png") repeat scroll 0 30px transparent;
}
/*******************************************************************************
  TABLE DESIGN 
*******************************************************************************/
#box-table-a {
	font-size: 13px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom:none;
}
#box-table-a th {
	font-size: 13px;
	font-weight: normal;
	border-top: 1px solid #930A0A;
	text-align: left;
	background:#BB2E2E url(/img/topnav-border.png) repeat-y;
	color:white;
	padding:10px 15px;
	font-weight:bold;
	vertical-align: middle;
}
#box-table-a td {
	padding: 10px 15px;
	background:white; 
	border-top: 1px solid #dfdfdf;
	color: #2e2e2e;
	vertical-align: middle;
}
#box-table-a td.topic-title {
	color:#5c5c5c;
}
#box-table-a tr.odd td {
	background:#f4f4f4;
}
#box-table-a tr:hover td {
	background: #FBFBFB !important;
	color: #333;
}
#box-table-a th a{
	text-decoration:underline;
	color:white;
}
#box-table-a tr.footer { background: none !important; }
#box-table-a tr.footer:hover td { background: none !important;  }
#box-table-a.compressed th {
	padding: 5px;
}
#box-table-a.compressed td {
	padding: 5px;
}

/*******************************************************************************
  PAGINATION
*******************************************************************************/
.limit-chooser { border:0; margin:0; padding:0; font-size:10px; float:right}
.pagination { border:0; margin:0; padding:0; font-size:10px; float:right}
.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 .current{ 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: 5px 0px;  font-size:12px;	font-weight:bold; position:relative; }
label {position:relative;}
.hidden { display:none; }
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:6px 5px; border:1px solid #999; background:#FFFFE6; font-size:15px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; }
form .small { width:150px; }
form .medium { width:350px; }
form .wide { width:910px; }
.vertical-form input.smallInput {
	height:20px;
}
.vertical-form div {
	padding: 0px 2px 2px;
}
.button {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('/img/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('/img/but_left_blue.gif') no-repeat left top;
  display: block;
  line-height: 29px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;
}
.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('/img/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('/img/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('/img/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_ok span {
  background: url('/img/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('/img/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('/img/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('/img/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('/img/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;
}
.custom-tab{
	padding:1em 0 0;
}
.custom-tab .ui-tabs{
	border:none;
	padding:0;

}
.custom-tab .ui-tabs-nav{
	background:none;
	border:none;
	border-top:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;

}
.custom-tab .ui-tabs-nav li{
	font-weight:bold !important;
}
.main-heading{
	
}
.closeButton{
	cursor:pointer;
	margin:0 0 -4px 3px;
}
.list2Col{
	height:100%;
	overflow:hidden;
	list-style:none;
}
.list2Col li{
	width:49%;
	float:left;
}

.custom-table{
	/*border-left:1px solid #CCC;
	border-bottom:1px solid #CCC !important;
	border-right:1px solid #CCC;*/
	border:1px solid #CCCCCC !important;
}
/*******************************************************************************
  BRENDAN
*******************************************************************************/
input.loading { background:url(/img/loadingSmall.gif) no-repeat; background-position:98% center }
select.loading { background:url(/img/loadingSmall.gif) no-repeat; background-position:93% center }
.action-link-24 { color: #1B486A; font-size: 18px; }
.action-link-24 img { margin-bottom: -5px; margin-right: 2px; }
.invalid-row { width:16px; vertical-align: top;}
#ui-datepicker-div { z-index:7000; }
.popup-container td { vertical-align:top; }
.column { width: 460px; float: left; padding-bottom: 30px; padding-top:10px; }
#column_one{
	margin-left:20px;
	margin-right:20px;	
}
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }


/*******************************************************************************
  PAGE LAYOUT
*******************************************************************************/


#main-col{
	width:705px;
	float:left;
	margin-right:14px;
	background:white url(/img/maincol-side.png) repeat-y right;
	padding-right:6px;
	padding:15px 21px 20px 15px;
	height:100%;
	min-height:600px;
	position:relative;
	z-index:0;
}

#main-col.dashboard{
	width:974px;
	padding:5px 6px 0px 0px;
	min-height:0px;
}

#side-col{
	z-index:0;
	width:225px;
	float:left;
	position:relative;
}

span.red {
	color: #C00;
}


.col-2{
	width:48%;
	margin-right:2%;
	float:left;
}

.col-right{
	margin-right:0;
}