body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;	
	background:url("../images/background.jpg") no-repeat scroll center top transparent;
	color:#5e5e5e;
}

form {
	display: inline;
}

table {
	border-collapse: collapse;
	margin: 0;
	border: 0;
}

#outerContainer {
	margin:0 auto;
 	width:950px;
}

#innerContainer {
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

#greeting {
	background-color: #000;
	height: 25px;
	line-height: 25px;
	color: #fff;
	padding-left: 5px;
}

#header {
	width: 100%;
	background:url(../images/header-background.png) repeat-x scroll 0 0;
	height:110px;
}

.panel1 {
	overflow: auto;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 20px;
	margin-bottom: 10px;
}

.panel2 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.cornered-border {
	border: 1px solid #BBBBBB;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.panelHeading1 {
	text-transform: capitalize;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 5px 10px;
	height: 26px;
	line-height: 25px;
	border-bottom: 1px solid #fff;
	margin: 0;
	-moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px;
}

.panelHeading2 {
	color: #000;
	font: 12px Arial, Helvetica, sans-serif; 
	font-weight: bold;
	padding: 10px;
	padding-left: 20px;
	height: 26px;
	line-height: 25px;
	-moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px;
}	

.subheading2 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.subheading1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	margin: 0;
}
.button:hover {
	background-color: #3A3539;
}

.button1 {
    background: url(../images/button.png) repeat-x scroll 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 0;
	margin: 5px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#centreColumn input.button1 {
	padding:1px 1em;
}
 

.button1:hover {
	color: #CECECE;
}

.informationBox {
	border: #000 solid 1px; 
	padding: 5px; 
	color: #fff;
	margin: 10px;
}

#centreColumn {
	min-height: 385px;
	background: #fff;
}

#centreColumn .formButtons,.dialog .formButtons {
	width: 100%;
}

#centreColumn .divLeft,.dialog .divLeft {
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	float: left;
}

#centreColumn .divRight,.dialog .divRight {
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: right;
	min-width:80px;
	float:right;
}

#centreColumn a {
	text-decoration: none;
	color: #5e5e5e;
}

#centreColumn a:hover {
	text-decoration: underline;
}

#login {
	color:black;
	height:270px;
	width:300px;
	position: absolute;
	top: 33%;
	left: 38%;			
	z-index:99999;
	overflow: hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#modal {
	color:black;
	background-color: white;
	padding-left:10px;
	height:130px;
	width:300px;
	position: absolute;
	top: 130px;
	left: 35%;			
	z-index:99999;
	overflow: hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#centreColumn #pageName,.page-name {
	font: 22px Arial, Helvetica, sans-serif;
	font-style: normal;
	padding-bottom: 10px;
	height: 22px;
}

#centreColumn #pageNameLevelTwo {
	font: 20px Arial, Helvetica, sans-serif;
	color: #496d83;
	font-style: normal;
	padding-bottom: 5px;
}

#centreColumn #errorPageName {
	font: 22px Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-style: normal;
	padding-bottom: 10px;
}

#centreColumn .greenBox {
	margin-bottom: 10px;
	color: #000;
	text-align: left;
	padding: 10px;
	font-size: 12px;
}

#centreColumn .greenBox table {
	width: 100%;
}

#centreColumn .greenBox a {
	text-decoration: none;
}

#centreColumn .greenBox a:hover {
	text-decoration: underline;
}

#centreColumn .displaytagtable { /* width: 100%; */
	padding-left: 10px;
	padding-right: 10px;
}

#centreColumn .displaytagtable tr {
	border-bottom: 1px solid #fff;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	height: 25px;
}

#centreColumn.displaytagsubbanner {
	background-color: #CAE7EF;
	border-top: #fff solid 1px;
	color: #565C59;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	height: 26px;
	line-height: 25px;
	text-align: left;
}

#centreColumn .displaytagbanner {
	text-transform: capitalize;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 5px 10px;
	height: 26px;
	line-height: 25px;
	margin: 0;
	border-bottom: solid 1px #FFFFFF;
	-moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px;
}

#centreColumn .greenBox form {
	padding: 0;
	margin: 0;
}

#centreColumn .displaytagbanner .text {
	font-size: 11px;
	width: 100px;
	border: #448fb9 solid 1px;
}

#centreColumn .displaytagbanner .submit,.dialog .submit {
	font-size: 11px;
	color: #fff;
	border: #448fb9 solid 1px;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
}

.submitbutton {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	color: #fff;
    border: none;
	text-transform: capitalize;
	margin: 5px;
	padding: 2px 7px 2px 7px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.button {
	background-color:#DD0302;
	backgroung-image:url(../images/tabMenu.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
}

#centreColumn .displaytagpagelinks {
	text-transform: capitalize;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px 5px 10px;
	height: 26px;
	line-height: 25px;
	margin: 0;
	border-bottom: solid 1px #FFFFFF;
	text-align:right;
	-moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px;
}

#centreColumn .displaytagpagelinks a {
	color: #fff;
}

#centreColumn .displaytagtable thead {
	font-weight: bold;
	color: #fff;
}

#centreColumn .displaytagtable thead tr {
	height: 24px;
	line-height: 24px;
}

#centreColumn .displaytagtable thead tr th {
	text-align: left;
}

#centreColumn .displaytagtable thead a {
	text-decoration: none;
	color: #fff;
}

#centreColumn .displaytagtable thead a:hover {
	text-decoration: none;
	color: #000;
}

#centreColumn .displaytagtable tbody {
	border-bottom: 1px solid #bedfea;
    color: #000;
}

#centreColumn .displaytagtable tbody tr td, #centreColumn .displaytagtable thead tr th {
	padding: 5px 10px 5px 10px;
}

#centreColumn .displaytagtable tbody a, #centreColumn .displaytagexportlinks a {
	color: #000;
}

#centreColumn .displaytagtable tbody .oddrow {
	
	border-bottom: 1px solid #D6D6D6;
}

#centreColumn .displaytagtable tbody .evenrow {
	
	border-bottom: 1px solid #CCCCCC;
}

#centreColumn .displaytagtable tbody .subgridparentrow {
	border-top: 1px solid #fff;
}

#centreColumn .displaytagtable tbody .subgridchildrow {
	background-color: #f6fafc;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: none;
}

#centreColumn .displaytagtable tbody .termhighlight {
	text-align:center;
}

#centreColumn .displaytagtable tbody .subrow .termhighlight {
	background-color: #cae7ef;
}

#centreColumn .displaytagtable thead .ascending a {
	padding-left: 20px;
	background: url("../images/arrow-reverse.png") no-repeat left;
	color: #000;
}

#centreColumn .displaytagtable thead .descending a {
	padding-left: 20px;
	background: url("../images/arrow.png") no-repeat left;
	color: #000;
}

#centreColumn .displaytagexportlinks {
    color: #fff;
    text-align: right;
    padding: 5px 10px;
	height: 25px;
	line-height: 25px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px;
}

#centreColumn  #centreColumnFooter {
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	color: #565c59;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #c8ccd0;
}

#centreColumn #centreColumnFooter a {
	text-decoration: none;
	color: #51acc8;
}

#centreColumn #centreColumnFooter a:hover {
	text-decoration: underline;
}

#footer {
	clear: both;
	font-size: 11px;
	color: #fff;
	background-color: #195abf;
	min-height: 25px;
	line-height: 25px;
	width:100%;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

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

/**** Block element style when making AJAX request ***/
div.blockMsg {
	width: 215px;
    text-align: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
	background: #fff url("../images/loader.gif") no-repeat right center;
	cursor: wait;
}

div.blockOverlay {
    cursor: wait;
    background-color:#CCCCCC;	
    
}
/*** end of block element style ***/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
.hidden {
	display: none;
}

/* styles for drag and drop sortables */
.drag-and-drop-container .available-container,.drag-and-drop-container .selected-container
	{
	width: 230px;
	margin: 4px;
	float: left;
	padding:5px 0 5px 0;
}

.drag-and-drop-container div.droppable-indicator {
	border: 1px dashed black;
}

.drag-and-drop-container .available-items-container,.drag-and-drop-container .selected-items-container
	{
	overflow-y: scroll;
	height: 250px;
}

.drag-and-drop-container .available-container .header,.drag-and-drop-container .selected-container .header
	{
	font-weight: bolder;
	width:95%;
	padding: 5px;
	font-size:16px;
}

.drag-and-drop-container .available-items-container {
	width:100%;
}

.drag-and-drop-container .selected-items-container {
	width:100%;
}

.drag-and-drop-container .available-item,.drag-and-drop-container .selected-item
	{
	margin: 0px 2px;
	cursor: move;
	padding: 6px;
	font-size:12px;
}

.drag-and-drop-container .empty-item {
	font-style: italic;
	cursor: default;
	border-top:1px solid #616161;
	outline: none;
	text-transform:capitalize;
	padding: 6px;
	margin: 0 2px;
	color:#888;
}

.drag-and-drop-container .empty-item img {
	float: right;
}

.drag-and-drop-container .available-item {
	border-top:1px solid #616161;
	outline: none;
	text-transform:capitalize;
	position:relative;
}

.drag-and-drop-container .available-item a,.drag-and-drop-container .available-item a:link,.drag-and-drop-container .available-item a:visited
	{
	color: #000000;
	text-decoration: none;
	outline: none;
}

.drag-and-drop-container .selected-item {
	border-top:1px solid #616161;
	border-bottom:1px solid #616161;
	outline: none;
	text-transform:capitalize;
}

.drag-and-drop-container .selected-item a {
	color: #000000;
}

.drag-and-drop-container .helplink {
	background-image: url(../images/help.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor: help;
	display: inline;
	padding-right: 20px;
	padding-bottom: 1px;
}

.drag-and-drop-container .principal-user-role,.drag-and-drop-container .home-page-template
	{
	margin-bottom: -1px;
}

.drag-and-drop-container #principal-user-role-helplink {
	background-image: url(../images/key.gif);
	background-repeat: no-repeat;
	background-position: right;
	cursor: help;
	width: 15px;
	float: right;
}

.drag-and-drop-container #home-page-template-helplink {
	background-image: url(../images/home_page_template.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: help;
	width: 15px;
	float: right;
}

.dragOver {
	position:absolute;
	right:0;
	text-align:right;
	top:5px;
}

/* end styles for drag and drop sortables */
table#details {
	border-collapse: separate;
}

table#details td {
	padding-top: 1px;
	padding-bottom: 1px;
}

table#details td:first-child {
	font-weight: bold;
	padding-right: 5px;
}

table#details td:first-child:after {
	content: ":";
}

table#details td.noColon:after {
	content: "";
}

.calendar-icon {
	background: url(../images/calendar.gif) no-repeat bottom left;
	padding-left: 16px;
	border: 0;
	margin: 0;
	cursor: pointer;
	margin-left: 2px;
}

.clearleft {
	clear: left;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearboth {
	clear: both;
	height: 1px;
}

#details-greenbox .floatleft {	
	margin: 5px;
	padding:5px;
}

.ui-datepicker {
	z-index: 925;
	margin-left: -68px;
}

.horizontalList {
	overflow: auto;
}

.horizontalList .listItem {
	float: left;
	padding: 10px;
}

/******** Widgets ******/
.widget, .elementGroup {
	position: relative;
	float: left;
	overflow-y: visible;
}

.widget-container, .elementGroup-container {
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	color: #565c59;
	text-align: left;
	background-color: #fff;
	font-size: 12px;
	overflow-y: visible;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.elementGroup-container .widget-container{
	margin-bottom: 3px;
	margin-top: 3px;
}

.widget-container table {
	width: 100%;
}

.widget-container a {
	text-decoration: none;
	color: #496e83;
}

.widget-container a:hover {
	text-decoration: underline;
}

.elementGroup .widget {
	float: none;
	padding: 0px !important;
}

.elementGroup .ui-tabs-nav li {
	float: left !important; 
	background-image: none !important;
}

.elementGroup .ui-tabs-nav {
	background-image:none;
	border:medium none;
}

.elementGroup .ui-tabs-nav a {
	color: #000000 !important;
	padding: 4px 10px !important;
}

.elementGroup .name {
	text-align: right;
	padding: 3px;
	font-weight: bold;
}

.task-status-bar {
	width: 100%;
	padding: 1% 0% 0 0%;
}	

.task-status-bar-item {
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-transform: capitalize;
}

.slaStatusCurve {
	background-color: #ADADAD;
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
}	

.sla-RED {
	background-color: #CC0000;
}

.sla-GREEN {
	background-color: #009900;
}

.sla-YELLOW {
	background-color: #FFDE00;
}

.sla-BLUE {
	background-color: #0468FF;
}

.widget-container div.client-search td.label {
	width: 100px;
}

/********* navigation **********/
#navigation {
	z-index: 999;	
	outline: none;
	height:30px;
	background: #bbb;
	position:relative;
}

#navWrapper {
	float:left;
	background-image:url(../images/mainMenu.png);
	background-repeat: repeat-x;
	padding: 0px;
	width:100%;
	height:99%;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	line-height: 1.0;
	float: left;
	width: 100%;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 12em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
	border-right:1px solid #3D89C6;
}

.sf-menu li:hover {
	background-color:#01487d;
}

.sf-menu a {
	display: block;
	position: relative;
	border-right: 1px solid #1443A6;
	padding:8px 11px;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
}

.sf-menu li li a, .sf-menu li li a:visited {
	color: #777;
	font-size:12px;
	font-weight:none;
}

.sf-menu li li a:hover {
	color: #000;
}

.sf-menu li li:hover {
	background:#dbe2eb;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 998;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
	left: 12em; /* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
	left: 12em; /* match ul width */
	top: 0;
}

.sf-menu li li {
	background: #dbe2eb;
	border-bottom:1px dotted #777;
	border-right:none;
}
.sf-menu li ul {
}

.sf-menu li li li {
	background: #dbe2eb;
}

.sf-menu a,.sf-menu a:visited {
	/* visited pseudo selector so IE6 applies text colour*/
	color: #FFF;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {	
	color: #FFF;
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px;
	/* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 15px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/arrow-white.png') no-repeat 2px 3px;
	/* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator { /* give all except IE6 the correct values */
	top: .8em;
	background-position: 2px 3px;
	/* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator
	{
	
	
	/* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
	background-position: 0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator
	{
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

#session-footer {
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	color: #565c59;
	padding-left: 10px;
	padding-right: 10px;
}


/*** jQuery UI tabs ***/
.tab-container {
	min-height: 250px;
}

.ui-widget input { 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#axel-tabs  ul.ui-tabs-nav > li.ui-state-default a {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:1px 7px 3px 8px;
}

#axel-tabs  ul.ui-tabs-nav > li.ui-state-default {
	background: #666 url(../images/tabMenu.png) no-repeat scroll 0 0
}

#axel-tabs  ul.ui-tabs-nav > li.ui-state-active a {
	color: #FFF;
	font-size:12px;
	font-weight:bold;
	padding:1px 7px 3px 8px;
}

#axel-tabs ul.ui-tabs-nav > li.ui-state-active {
	background: #333 url(../images/tabMenu.png) no-repeat scroll 0 0;
}

#axel-tabs  ul.ui-tabs-nav > li.ui-state-default a:hover { 
	color:#000;
	text-decoration: none;
}
/*** end of tabs ***/

/*** session actions ***/

#centreColumn #actionBar {
	position: relative;
	padding: 0;
	margin: 0;
	min-height: 30px;
}

#centreColumn .actionLink, #actionLink {
	font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
	background-image: url("../images/arrow-white.png");
	background-repeat: no-repeat;
	background-position: 51px 10px;
	padding-left: 5px;
	width: 62px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#centreColumn .actionLink, #actionLink .policySchedule {
	left: -90px;
}

#centreColumn .actionLink:hover, #actionLink:hover {
	color: #CACACA;
}

#centreColumn .sessionViewActionLink {
	background-position: 61px 10px;
	float: right;
	width: 75px;
	height: 27px;
	line-height: 23px;
	margin: 5px 10px 0 0;
	position: relative;
}

#centreColumn .actionList, #actionList {
	position: absolute;
    display: none;
    z-index: 900;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    margin: -2px 0px 0px -10px;
}

#centreColumn .sessionViewActionList {
	font-size: 12px;
	margin: 0;
}

#centreColumn .actionList ul, #actionList ul {
	list-style: none;
	margin: 0;
    padding: 0; 
}

#centreColumn .actionList li, #actionList li {
	padding: 0px 20px 0px 10px;
    border-bottom: 1px solid #BABABA;
    font-weight: bold;
	color: #fff;
	white-space: nowrap;
}

#centreColumn .actionList ul li:hover, #actionList ul li:hover  {
	background-color: #DD0302;
    text-decoration: none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

/*** end of session actions ***/

span.required {
	background: url("../images/required.gif") no-repeat;
	width: 9px;
	height: 9px;
	position: relative;
	display: inline-block;
	margin-left: 2px;
	margin-right: 2px;
}

#error-page {
	border: 1px solid #ff0000;
	margin-bottom: 10px;
	background-color: #fd6c6c;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
}


/*** page template ***/

#template_design_container { 
	clear:right; 
	width:915px; 
	height:465px; 
	border:3px solid #ddd; 
	position:relative; 
}

#template_design_inner_container {
	padding: 5px;
	height:450px;
	position:relative; 
}

#available_widgets_container {
	float:left;
	position:relative; 
	height: 100%;
	width: 290px;
	border: 1px solid #5d6572; 
}

#page_template_container {
	float: right;
	position:relative; 
	height: 100%;
	width: 600px;
	border: 1px solid #5d6572; 
	background: #fff;
}

.container-header {
	font-weight: bolder;
	background: #5d6572;
	padding: 2px;
	text-align: center;
	color: #fff;
	line-height:50px;
}

#available_widgets_list, #selected_elements_list {
	margin: 0; 
	padding: 3px;
	margin-top:3px; 
	border: 0; 
	outline: 0; 
	position:relative; 
	overflow-x: hidden;
	overflow-y: scroll;
	min-height: 84%;
	height: 85%;
}

#empty-template-sign {
	color: #d9d9d9;
	background-color: transparent;
	font-size: 18px;
	font-style: italic;
	text-align: center;
	line-height: 370px;	
}

.template-element { 
	background: #eeeeee;
	text-align: center; 
	width: 260px; 
	margin-left: 3px;
	margin-bottom: 7px; 
	float: left;
	position: static;
	height: 135px !important;
}

.element-header { 
	background: #757f89;
	color: #ffffff; 
	font-weight: bolder; 
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.4em;
	margin-left: 0;
	cursor: move;
	position: relative;
	height: 17px;
	overflow: hidden;
	white-space: nowrap;
}

.element-group-draggable-container {
	position: absolute;
	width: 50px;
	height: 50px;
	overflow: hidden;
	top: 0;
	right: 0;
}

.element-group-draggable {
	background: url("../images/group-icon.png") no-repeat;
	width: 260px;
	height: 120px;
	cursor: move;
	float: left;
}

.element-group { 
}

.element-header > div.group-header-text {
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	width: 50%;
	margin: auto;
}

.element-group-header-left-links { 
	position: absolute;
	top: 0;
	left: 0;
}

.element-group-header-right-links { 
	position: absolute;
	top: 0;
	right: 10px;
}

.element-group-widgets {
	height: 105px;
	overflow: auto;
}

.element-group-widgets div.empty-group-sign {
	border: 1px dashed #757f89;
	color: #fff;
	background-color: transparent;
	font-size: 18px;
	font-style: italic;
	text-align: center;
	line-height: 102px;
}

.element-group-widgets > ol {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	/* the numbering might be a little confusing when they are being dragged across to other groups */
	list-style: none;
	min-height: 102px;
}

.element-group-widgets ol > li {
	border-bottom: 1px dotted gray;
	font-weight: bold;
	display: list-item;
}

.element-group-widgets ol > li > div {
	margin-bottom: 5px;
	min-height: 13px;
}

.element-group-widgets ol > li div.widget-name {
	border: 0px; /* IE8 fix, otherwise it doesn't let you click the link in .widget-links */
	cursor: move;
}

.element-group-widgets ol > li div.widget-links {
	float: right;
	top: 0;
	width: 94px;
	z-index: 99;
}

.ui-effects-transfer {
	border: 2px solid #757f89;
}

#template_design_inner_container div.preview-img-container {
	position: relative;
	width: 100%;
	height: 90px;
	overflow: hidden;
	margin-bottom: 5px;
}

#template_design_inner_container img.preview-img {
	position:absolute;
	margin:auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: auto;
}

.view-img {
	background: url("../images/view_img.png") no-repeat;
	float: left;
	text-indent: -99999px;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	width: 16px;
	height: 16px;
}

.use-widget {
	background: url("../images/use_widget.gif") no-repeat;
	float: right;
	text-indent: -99999px;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	width: 16px;
	height: 16px;
}

.remove-element {
	background: url("../images/trash.gif") no-repeat;
	float: right;
	text-indent: -99999px;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
}

.edit-properties {
	background: url("../images/widget_prop.gif") no-repeat;
	float: left;
	text-indent: -99999px;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
}

.detach-element {
	background: url("../images/detach.png") no-repeat;
	float: right;
	text-indent: -99999px;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
}

.element-properties {
	display: none;
	max-height: 400px;
	overflow-y: auto;
}

.odd-property {
	background: #ddd;
	padding: 5px;
}

.even-property {
	background: #eee;
	padding: 5px;
}

.element-properties label {
	display: block;
	margin-top: 3px;
	font-weight: bolder;
}

.droppable-indicator {
	background: #ddd;
}

.add-button {
	background: url(../images/row_add.gif) bottom;
	width: 16px;
	height: 16px;
	padding: 0;
	border: 0;
	margin: 0;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}

.remove-button {
	background-image: url(../images/row_delete.gif);
	width: 16px;
	height: 16px;
	padding: 0;
	border: 0;
	margin: 0;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}

.helplink {
	width:20px;
	height:20px;
	background-image:url(../images/help.gif);
	background-repeat:no-repeat;
	background-position:0;
	cursor: help;
	float: right;
}

#template-design-sub-container { 
	clear:right; 
	width:915px; 
	position:relative; 
}

#right-aligned-container {
	float: right; 
}

.saved-indicator {
	background: #7fC1D7;
	padding: 3px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px
}
 /*** end of page template ***/
 
/*** Theme customization ***/

#theme-container {
	float: left;
	width: 400px;
	padding: 10px;
	overflow: auto;
	height: 610px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#theme-name-label {
	font-weight: bold;
	width: 100px;
	float: left;
	display: block;
}

#category-container {
	background-color: #cecece;
	padding: 5px;
	margin-top: 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.category-header {
	font-weight: bold;
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 5px;
	border-bottom: 1px solid #dedede;
	cursor: pointer;
}

.category-header-hidden {
	background-image: url("../images/arrow-reverse.png");
}

.category-header-displayed {
	background-image: url("../images/arrow.png");
}

.property-container {
	padding-left: 10px;
}

.property-row {
	padding-top: 5px;
}

.property-label {
	min-width: 150px;
	float: left;
	display: block;
}

#preview-container {
	float: left;
	width: 450px;
	height: 610px;
	padding: 10px;
	margin-left: 20px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#preview-frame {
	width: 100%;
	height: 100%;
	border: 0;
	background: white;
}

#colorpicker-container {
	display: none;
	position: absolute;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding: 8px;
	max-width: 195px;
	z-index: 900;
}
 
/*** end of theme customization ***/

/*** system images ***/
#centreColumn #current-image {
	border: 1px solid #535454;
	padding: 5px;
	margin: 5px;
}
/*** end of system images ***/

/*** header/footer templates ***/
.templateContainer {

}

.templateContainer .headerFooterTemplateText{
	margin:0 20px;
}

.templateContainer .leftImage {
padding:15px;
}

.templateContainer .rightImage {

}

/*** end of header/footer templates ***/
.tableHeading {
	width: 245px;
}

.applicationTableHeading {
	width: 170px;
}

#centreColumn .displaytagtable tbody tr:hover {
background-color:#fff;
}

.arrow-left {
	background: url(../images/arrow-black-left.png) no-repeat scroll left center;
	height:16px;
width:16px;
}

.arrow-right {
	background: url(../images/arrow-black-right.png) no-repeat scroll right center;
	height:16px;
width:16px;
}

#overlay {
	z-index: 10000;
	filter: alpha(opacity=60); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE */
	-moz-opacity: .60; /*older Mozilla*/
	-khtml-opacity: 0.6;   /*older Safari*/
	opacity: 0.6;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	text-align:center; 
	vertical-align:middle;

}

#login-info {
	background-image:url("../images/login-info-background.png");
	background-repeat:repeat-x;
	border-top:1px solid #FFFFFF;
	height:91px;
	padding:11px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomright:5px;
}
#disclaimer-info {
	padding:11px;
}

#disclaimer {
	color:black;
	height:200px;
	width:300px;
	position: absolute;
	top: 33%;
	left: 38%;			
	z-index:99999;
	overflow: hidden;
	border: medium none;
	background-color: #DBE2EB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


#axe-logo {
	background:transparent url(../images/axe-logo.png) no-repeat scroll 0 0;
	bottom: 43;
	float:left;
	height:40px;
	position:absolute;
	left: 13px;
	width:105px;
}

#login-box {	
	padding:20px;
}

#login-box .text-box {
	width:150px;
}

.cap-bold {
	text-transform:uppercase;
	font-weight:bold;
}

.small-font {
	font-size:10px;	
}

.normal-font {
	font-size:12px;
	font-weight: normal;	
	text-transform: none;
}

.extra-line-height {
	line-height:2em;	
}

.primary-colour1, #axel-tabs .group .ui-tabs .primary-colour1 {
	background-color:#195ABF;	
}

.primary-border1 {
	border: solid 1px #E55B5B;
}

.primary-colour2 {
	background-color:#ADCDE2;	
}

.primary-border2 {
	border: solid 1px #C2DCEB;	
}

.primary-colour3 {
	background-color:#0088BF;	
}

.primary-border3 {
	border: solid 1px #5AB3D5;	
}

.neutral-colour1, .neutral-colour1 thead {
	background-color:#adadad;	
}

.neutral-colour2 {
	background-color:#EDEDED;	
}

.neutral-colour3 {
	background-color:#E2E0E1;	
}

.neutral-colour4 {
	background-color:#FFFFFF;	
}

.neutral-colour5 {
	background-color:#F1F1F1;	
}


.button-colour1 {
	background-color:#5D5D5D;	
}

.menu-item-font-colour1 {
	color:#000;	
}

.link-font-colour1, #centreColumn .link-font-colour1{
	color:#DD0302;	
}

.button-text-colour1, #axeldialogue .button-text-colour1{
	color:#FFF;	
}

.button-text-colour1:hover, #axeldialogue .button-text-colour1:hover {
	color:#CACACA;	
}

.action-colour1 {
	background-color:#7F7F7F;	
}

.secondary-colour1 {
	background-color:#888888;
}

.secondary-colour2 {
	background-color:#999;
}

.secondary-font-colour1 {
	color:#000;
}

.secondary-font-colour2 {
	color:#FFF;
}

.logo-colour1 {
	background-color:#DBE2EB;
}

.logo-colour2 {
	background-color:#DBE2EB;
}

.logo-font-colour1 {
	color:#000;
}

.logo-font-colour2 {
	color:#fff;
}

.logo-font-colour3, #centreColumn .logo-font-colour3 {
	color:#005696;
}

.menu-colour1 {
	background-color:#FFF;
}

.gradient-background {
	background-image:url("../images/gradient-background.png");
	background-repeat:repeat-x;
	background-position: left bottom;
	-moz-border-radius:5px;	-webkit-border-radius:5px;
}

.centeredText {
	text-align: center;
}

/*** uploadify style ***/

.uploadifyQueue {
	margin-top: 5px;
	max-height: 150px;
	width: 315px;
	overflow: auto;
}

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 270px;
}

.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}

.uploadifyQueueItem .cancel {
	float: right;
}

.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}

.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/*** end of uploadify style ***/


.boldAndItalic {
	font-style:italic;
	font-weight:bold;	
}

.boldText {
	font-weight:bold;		
}

.italicText {
	font-style:italic;
}

hr.dotted {
	border-width: 1px 0pt 0pt; 
	border-style: dashed none none;
	border-color: -moz-use-text-color; 
	height: 1px;
	width: 800px;	
}

.delimiterSpacing {
	margin:0 10px;
}

.underlinedText {
	text-decoration:underline;
}

.addMargin {
	height:8px;
}

.axeleratorContainer #centreColumn {
	padding:0 10px;
	position:relative;
	z-index:1;
}

#emailBrokers input[type=text],#emailBrokers textarea, #emailBrokers input[type=file]  {
	width:500px;
}

#emailBrokers textarea {
	height:150px;
}

#emailBrokers td{
}

#centreColumn a.button1  {
color:#FFFFFF;
line-height:21px;
padding:0 1em;
}

#centreColumn button.button1  {
color:#FFFFFF;
line-height:20px;
padding:0 1em;
}

#centreColumn .greenBox table tr td table.statetable {width:80%;}
#centreColumn .greenBox table tr td table.statetable td input {margin-left:0px;padding-left:0px;}
.widget-container table tr td table.statetable {width:80%;}
.widget-container table tr td table.statetable td input {margin-left:0px;}

table.contactus { width: 80%; }
table.contactus tr td { text-align: center;}

.hardBreak
{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */ 
}
.sidebar-section-content .hardBreak
{
width: 95%;
text-align: right;
}

#login .error {
	font-size: 12px;
	font-weight: bold;
	color: #b92533 ;
}

blockquote{
	background: transparent url("/global-theme/images/open_quote.PNG") no-repeat 0 0;
}

blockquote p{
	padding: 0 50px;
	font-style: italic;
	background: transparent url("/global-theme/images/close_quote.PNG") no-repeat bottom right;
}