body {
	font-family: 'Source Sans 3';
	font-size: 12px;
	margin: 2px;
	padding-bottom: 10px;
}

.dialog-header {
	background-color:#0F3549;
	font-family: 'Chillax';
	font-size: 12px;
	color:#FFFFFF;
	cursor:auto;
	text-align:left;
}

.def-font {
	font-family: 'Source Sans 3';
	font-size: 12px;
	color: #0F3549;
}

.defButton {
	font-family: 'Source Sans 3';
	font-size: 12px;
	color:#FFFFFF;
	background-color:#0F3549;
}

.largefont {
	font-size: 12px;
}

.smallfont {
	font-size: 12px;
}

.tinyfont {
	font-size: 12px;
}

.selectctrl {
	font-family: 'Source Sans 3';
	font-size: 12px;
	background-color:#FFFFFF;
	vertical-align:middle;
}

.selectctrldis {
	font-family: 'Source Sans 3';
	font-size: 12px;
	background-color:#FFFFFF;
	vertical-align:middle;
}

.inputctrl {
	font-family: 'Source Sans 3';
	font-size: 12px;
	border-style:solid;
	border-color:#7f9db9;
	border-width:1px;
	height:16px;
	background-color:white;
	vertical-align:middle;
}

input.inputctrl[type="radio"] {
	border-style: none;	
}

.inputctrldis {
	font-family: 'Source Sans 3';
	font-size: 12px;
	border-style:solid;
	border-color:#7f9db9;
	border-width:1px;
	height:16px;
	background-color:white;
	vertical-align:middle;
}

.inputctrlnobox {
	font-family: 'Source Sans 3';
	font-size: 12px;
	height:16px;
	border:0px;
	background-color:transparent;
	vertical-align:middle;
}

.backing {
	background-color:#FFFFFF;
}

.selected-colour {
	background-color:#73D2D2;
}

.unselected-colour {
	background-color:#FFFFFF;
}

.error-colour {
	background-color:#FFC0C0;
}

.table-header {
	font-family: 'Chillax';
	font-size: 12px;
	font-weight:600;
	vertical-align:middle;
	color:#FFFFFF;
	background-color:#0F3549;
}

.selectedOptionColour {
	color: 	#0F3549;
	font-weight: 600;
}

a.selectedOptionColour:hover{
	color: 	#0F3549;
	font-weight: 600;
}

.tableheader th,
.tableheader {
	font-family: 'Chillax';
	font-size: 12px;
	font-weight:600;
	vertical-align:middle;
	color:#FFFFFF;
	background-color:#0F3549;
	border-style:solid;
	border-color:#0F3549;
	border-width:1px;
}

.sub-head-font {
	font-family: 'Source Sans 3';
	font-size: 12px;
	font-weight:600;
	vertical-align:middle;
	text-align:left;
	color:#0F3549;
	border-style:solid;
	border-color:#0F3549;
	border-width:0px;
	border-bottom-width:2px;
	margin-bottom:10px;
}

.tab {
	border-style:solid;
	border-color:#0F3549;
	border-width:0px;
	border-bottom-width:1px;
	overflow:hidden;
}

.box {
	border-style:solid;
	border-color:#DBE1E4;
	border-width:1px;
	background-color:#FFFFFF;
}

.tablebox {
	border-style:solid;
	border-color:#0F3549;
	border-width:1px;
	background-color:#FFFFFF;
}

.tablebox2 {
	border-style:solid;
	border-color:#0F3549;
	border-width:1px;
	background-color:#FFFFFF;
	border-top-style:solid;
	border-right-style:none;
	border-bottom-style:solid;
	border-left-style:none;
}

.plain-box {
	font-family: 'Source Sans 3';
	font-size: 12px;
	border-style:solid;
	border-color:#DBE1E4;
	border-width:1px;
	background-color:#FFFFFF;
}

.table-row {
	border-bottom-style:solid;
	border-color:#DBE1E4;
	border-bottom-width:1px;
	overflow:hidden;
}

.table-row2 {
	border-bottom-style:solid;
	border-color:#0F3549;
	border-bottom-width:1px;
	overflow:hidden;
}

.box2 {
	font-family: 'Source Sans 3';
	font-size: 12px;
	border-style:solid;
	border-color:#0F3549;
	border-width:2px;
	background-color:#FFFFFF;
}

.dialog-font {
	font-family: 'Source Sans 3';
	font-size: 12px;
	font-weight:600;
	color:#FFFFFF;
}

.no-box {
	border:0px;
	font-family: 'Source Sans 3';
	font-size: 12px;
	background-color:transparent;
}

a.red:visited {
	color: #FF0000;
}

a.red:link {
	color: #FF0000;
}

a.black:visited {
	color: #0F3549;
}

a.black:link {
	color: #0F3549;
}

.debox {
	padding-top:5px;
	padding-bottom:5px;
	border:#0F3549 1px solid;
	background-color:#FFFFFF;
}

.component-box {
	border-style:solid;
	border-color:#0F3549;
	border-width:1px;
	background-color:#FFFFFF;
}

#canvas {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

div#header {
	padding-bottom: 10px;
}

div#header #logo {
	width: 970px;
}

div#header #logo img {
	width: 326px;
	height: 54px;
}

div#header #logo #mygo {
	float: right;
	position: static;
	top: 10px;
	width: 200px;
}

#content {
	display: block;
    margin-top: 10px;
}

table.region {
	width: 970px;
	margin-bottom: 10px;
}

table.region table tr {
	height: 20px;
}

table.region table td.element {
	width: 30px;
}

.input {
	margin: 1px;
 	padding: 0px;
 	margin-left: 2px;
 	verticle-align: middle;
}

.centre {
	text-align: center;
}

.go {
	position: relative;
	float: right;
	right: -5px;
}

a {
	color: 	#008282;
	font-weight: 600;
}

a:hover {
	color: #0F3549;
}

a.namedanchor {
	color: #0F3549;
}

table.region {
	border-style: solid;
	border-color: #0F3549;
	border-width: 1px;
	border-left-width: 3px;
	border-right-width: 3px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

table.region img {
	border: 0px;
}

table.region thead {
	border-bottom-style: solid;
	border-bottom-color: #0F3549;
	border-bottom-width: 1px;
}

table.region tbody, table.region tbody tr, table.region tbody tr td, table.region tbody tr td table {
        border-collapse: collapse;
}

table.region th {
	text-align: left;
}

.middle {
	vertical-align: middle !important;
}

.top {
	vertical-align: top !important;
}

.orange {
	color: #0F3549;
}

.black {
	color: #0F3549;
}

.lecolour {
	background-color: #9FAEB6;
}

.white {
	color: #FFFFFF;
}

.secolour {
	color: #73D2D2;
}

.tabtitle {
	background-color: #FFFFFF;
	font-family: 'Source Sans 3';
	font-size: 12px;
	font-weight: 600;
	vertical-align: middle;
}

.orangebackground {
	background-color: #0F3549;
}

.bold {
	font-weight: 600;
}

table.bordered {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #0F3549;
	border-collapse: collapse;
}

th.bordered, td.bordered  {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #0F3549;
}

th.bordered {
	background-color: #FFFFFF;
}

table.first, th.first, td.first {
	border-left: 0px;
}

table.last, th.last, td.last {
	border-right: 0px;
}

table.top, th.top, td.top {
	border-top: 0px;
}

table.bottom, td.bottom {
	border-bottom: 0px;
}

td.data {
	color:black;
	white-space:nowrap;
	vertical-align:middle;
}

td.centred {
	text-align: center;
}

.selectable:hover {
	cursor: pointer;
}

tr.special {
	background-color: #FFE0E0;
}

tr.even {
	background-color: #EFEFF7;
}

tr.odd {
	background-color: #FFFFFF;
}

tr.datarowerror {
	background-color:#FF6666;
}

tr.datarowlight {
	background-color:#FFFF00;
}

div.navigation {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	float: right;
	height: 20px;
}

div.navigation img {
	border-width: 0px;
	cursor: pointer;
}

div.navigation a {
	position: relative;
	top: -8px;
}

.tableborder {
	border: 1px solid #0F3549;
}

.table_header {
	font-size: 12px;
	color: #FFFFFF;
	font-family: 'Source Sans 3';
	font-weight: normal;
}

.table_header_sortable {
	font-size: 12px;
	color: #FFFFFF;
	font-family: 'Source Sans 3';
	font-weight: normal;
	cursor: pointer;
	text-decoration: underline;
}

.bannerbox {
	border-style:solid;
	border-color:#DBE1E4;
	border-width:0px;
	margin-bottom:9px;
}

.tabInit {
	background-color:#FFFFFF;
	color:#css_bgcolour;
	border:none;
}

.tabSelected {
	height:23px;
	color:#0F3549;
	border-left: 1px solid #0F3549;
	border-top:1px solid #0F3549;
	border-right:1px solid #0F3549;
	border-bottom:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

.tabUnSelected {
	height:23px;
	color:#FFFFFF;
	border:none;
	background-color:#0F3549;
}

fieldSet {
	border-top:1px solid #008282;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

legend {
	color: #0F3549;
	font-weight: 600;
}

.unselectedOption {
	color: black;
	font-weight: 600;
}

a.unselectedOption:hover {
	color: black;
}





/* styles regarding the choose date functionality*/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: 'Chillax';
	font-size: 10px;
	text-align: center;
	color: #505050;
	background-color: #FFFFFF;
	border: 1px solid #0F3549;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ffffff;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #73D2D2;
	border: 1px solid #0F3549;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #DBE1E4;
	border: 1px solid #9FAEB6;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #73D2D2;
	color: black;
	font-weight: 600;
	border: 1px solid #0F3549;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-family: 'Chillax';
	font-size: 10px;
	color: black;
	font-weight: 600;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: 4060ff;
	font-weight: 600;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: 'Chillax';
	font-size: 10px;
	font-weight: 600;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: 'Chillax';
	font-size: 10px;
	}

.clickable-image {
    cursor: pointer;
}

/* */
.optionRulesNoBorder {	
	background-color: #EFEFF7;
	border-style: hidden;
	border-radius: 5px;
	}
	
	
.optionRulesforInnerBracket {	
	background-color: #FFFFFF;
	border-style: solid;
	border-radius: 5px;
	border-width: thin;
	}
	
	
	.optionRulesWithBorder {	
	background-color: #EFEFF7;
	border-style: solid;
	border-radius: 5px;
	border-width: thin;
	}
	
	
.border-bottom-no-color {
  display: block;
  border-bottom: 1px solid rgb(224, 224, 224); 
  border-color: rgb(224, 224, 224);
}

.border-bottom-selected-color {
  display: block;
  border-bottom: 1px solid rgb(224, 224, 224); 
  border-color: rgb(224, 224, 224);
  background-color:#73D2D2;
}

.broker-footer {
    bottom: 5px; 
    font-family: 'Chillax';
    font-size: 10pt;
    left: 5px; 
    position: absolute; 
}

.broker-version {
    bottom: 5px; 
    font-family: 'Chillax';
    font-size: 7pt;    
    position: absolute; 
    right: 5px; 
}

.bubbleClubDiv{
	position:absolute;
	bottom:50px;
	left:10px;		
}

.bubbleClubImage{
	width:200px;
	border:0; 
}

input[type="checkbox"] {
	accent-color: #0F3549;
}

div#listbox tr {
	color: #0F3549;
}

#headnav-container ul li .active {
	background-color: #0F3549;
	color: #FFFFFF;
}

#headnav-container ul li a {
	color: #0F3549;
	font-family: 'Chillax';
	font-size: 12px;
	font-weight: 400;
}

#headnav-container ul li span {
	color: #0F3549;
}

#headnav-container ul li a:hover {
	background-color: #0F3549;
	color: #FFFFFF;
}

b, strong {
    font-weight: 600;
}