/* ---------------- Colours ---------------------------- */
/* #XXXXXX description */
/* #195FA6 ers blue (AA pass, AAA fail) */
/* #165595 ers blue one shade darker (AAA pass) */
/* #0072C6 nhs blue (AAA fail) */
/* #0067B2 nhs blue one shade darker (AAA fail) */
/* #005B9E nhs blue two shades darker (AAA pass) */
/* ---------------- Colours End ------------------------ */


/* ---------------- Fonts ---------------------------- */
/* ers typeface Trebuchet MS */
/* nhs primary typeface Frutiger */
/* nhs secondary typeface Arial */
/* ---------------- Fonts End ------------------------ */


/*---------------- standard html elements --------------------------*/

html,
body {
	height: 100%;
}
body {
	background-color: #ffffff !important;
	color: #4c4d4f !important;
	font-family: 'Lato', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	margin: 0px !important;
	font-size: 16px !important;
}
body.Sample1 {
	background-color: Orange;
}
h1 {
	font-size: 1.8em !important;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C !important;
	letter-spacing: 1px;
}
h2 {
	font-size: 1.5em !important;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C !important;
	letter-spacing: 1px;
}
.border h2 {
	margin-top: 0;
}
h3 {
	font-size: 1.2em !important;
	font-family: 'Lato', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #000 !important;
	letter-spacing: 1px;
}
.border h3:first-of-type {
	margin-top: 0px !important;
}
h4 {
	font-size: 1.2em !important;
	font-family: 'Lato', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #000 !important;
	letter-spacing: 1px;
}
.borderDnD h3 {
	font-size: 1.2em !important;
	font-family: 'Lato', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #000 !important;
	border-bottom: solid 2px #ecf0f1;
	padding-bottom: 10px;
	margin-top: 5px !important;
}
label {
	font-weight: 700 !important;
	margin-bottom: 0 !important;
}
thead {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
img {
	border-style: none;
}
strong,
b {
	font-weight: bold;
}
.tdTopic {
	font-size: 1.3em !important;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #000 !important;
	letter-spacing: 1px;
}

/*---------------- standard html elements end ------------------------*/


/*---------------- to hide App debug messages ------------------------*/

.dummy,
#res,
#arbTextWrapper {
	display: none;
}

/*---------------- to hide App debug messages end ------------------------*/


/*---------------- Override bootstrap style ------------------------*/

*:before,
*:after {
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

/*---------------- Override bootstrap style end ------------------------*/


/*---------------- Windows Phone device width fix ------------------------*/

@-ms-viewport {
	width: device-width;
}
@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/*---------------- Windows Phone device width fix end ------------------------*/


/*---------------- main containers -----------------------------------*/

.bodyMargin {
	float: left;
	width: 10%
}
.bodyContainer {
	width: 100%;
	max-width: 1000px;
	min-width: 620px;
	margin: auto;
	min-height: 100%;
	/* equal to footer height */
	margin-bottom: -142px;
	overflow: auto;
}
.grey {
	background: #ecf0f1;
}
.cloud {
	border: 1px solid #ecf0f1;
	padding: 20px;
	border-radius: 0px;
	height: auto;
	margin-bottom: 20px;
}
.cloudnew {
	background: #ecf0f1;
	padding: 20px;
	border-radius: 6px;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.bodyHeader {}
.Sample1 .bodyHeader {
	border-bottom: 1px solid Orange;
}
.cSiteLogo {
	float: left;
	padding: 10px;
}
.cSiteDots {
	float: right;
	padding: 10px;
}
.cClear {
	clear: both;
}
.cDisplaynone {
	display: none;
}
.cDisplayblock {
	display: block;
}
.cDisplayinherit {
	display: inherit;
}

/*---------------- main containers end ------------------------------------------*/

.cPlaceHolderForError {
	background-color: Lime;
	border: 1px solid black;
	padding: 5px;
	margin: 15px;
	width: 200px;
}
.cPlaceHolderForError_heading {
	font-size: 0.7em;
	font-weight: bold;
}
.cPlaceHolderForError_button {
	font-size: 0.7em;
}

/*---------------- General Voting -----------------------------------------------*/

.ContestTitle {
	font-size: 1.3em;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	display: none;
}
.RadioButtonGroup {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.superscript {
	font-size: xx-small;
	vertical-align: top;
}
.htmlContainer {
	font-weight: bold;
}
.cCandidateForename {
	font-weight: normal;
}
.cCandidateSurname {
	font-weight: normal;
}
.candidatespic {
	width: 160px;
	text-align: center;
	display: inline-block;
	margin: 5px;
	vertical-align: top;
}
.candidatespic img {
	/*border-radius: 15px;*/
}

.candidatespic img:hover
{
	outline: 2px solid #00aeef;
}

/*---------------- End General Voting -------------------------------------------*/


/*---------------- X-Vote Control -----------------------------------------------*/

.XVote td {
	background-color: #fff;
	border-bottom: 1px solid #ecf0f1;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	text-align: left;
}
.XVote th {
	background-color: #fff;
	border-bottom: 2px solid #00AD5C;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	text-align: left;
}
.XVote .VoteColumn {
	text-align: center;
}
.case {
	text-transform: uppercase;
}
.XVote td img {
	border: none;
	text-align: center;
}

/*---------------- X-Vote Control end ---------------------------------------------*/


/*---------------- STV Vote Control -----------------------------------------------*/

.STV td {
	background-color: #fff;
	border-bottom: 1px solid #ecf0f1;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.STV th {
	background-color: #fff;
	border-bottom: 2px solid #00AD5C;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-radius: 10px;
}
.STV .VoteColumn {
	text-align: center;
}
table.STV {
	text-align: left;
}
.ThresholdWarning {
	font-family: 'Lato', 'Arial', sans-serif;
	font-weight: 400;
	color: #96281B;
	border-radius: 0px;
	text-align: left;
}
.STV .ThresholdWarning {
	margin: 20px 0 0 0;
	border: solid 2px #96281B;
	padding: 10px;
	font-family: 'Lato', 'Arial', sans-serif;
	font-weight: 400;
	color: #fff;
	border-radius: 0px;
	background: #96281B;
	text-align: center;
}
option:disabled {
	color: #e0e0e0;
}

/*---------------- STV Control end ------------------------------------------------*/


/*---------------- Yes/No Vote Control --------------------------------------------*/


/* http://forums.asp.net/p/1001626/1426529.aspx */

table.YesNoVote {
	width: 100%
}
.YesNoVote td {
	background-color: #fff;
	border-bottom: 1px solid #ecf0f1;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 5px;
}
.YesNoVote th {
	background-color: #fff;
	border-bottom: 2px solid #00AD5C;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 5px;
}
.YesNoVote .VoteColumn,
.cssHeading3,
.cssHeading4,
.cssHeading5,
.cssHeading6 {
	text-align: center;
}
.cssRow1_Column1,
.cssRow2_Column1,
.cssRow3_Column1,
.cssRow4_Column1,
.cssRow5_Column1,
.cssRow6_Column1,
.cssRow7_Column1,
.cssRow8_Column1,
.cssRow9_Column1,
.cssRow10_Column1 {
	font-weight: bold;
	width: 1em;
}
@media only screen and (max-device-width: 767px) {
	.cssRow1_Column1,
	.cssRow2_Column1,
	.cssRow3_Column1,
	.cssRow4_Column1,
	.cssRow5_Column1,
	.cssRow6_Column1,
	.cssRow7_Column1,
	.cssRow8_Column1,
	.cssRow9_Column1,
	.cssRow10_Column1 {
		font-weight: bold;
		width: 100%;
	}
}
.cssRow1_Column3,
.cssRow1_Column4,
.cssRow1_Column5,
.cssRow1_Column6,
.cssRow2_Column3,
.cssRow2_Column4,
.cssRow2_Column5,
.cssRow2_Column6,
.cssRow3_Column3,
.cssRow3_Column4,
.cssRow3_Column5,
.cssRow3_Column6,
.cssRow4_Column3,
.cssRow4_Column4,
.cssRow4_Column5,
.cssRow4_Column6,
.cssRow5_Column3,
.cssRow5_Column4,
.cssRow5_Column5,
.cssRow5_Column6,
.cssRow6_Column3,
.cssRow6_Column4,
.cssRow6_Column5,
.cssRow6_Column6,
.cssRow7_Column3,
.cssRow7_Column4,
.cssRow7_Column5,
.cssRow7_Column6,
.cssRow8_Column3,
.cssRow8_Column4,
.cssRow8_Column5,
.cssRow8_Column6,
.cssRow9_Column3,
.cssRow9_Column4,
.cssRow9_Column5,
.cssRow9_Column6,
.cssRow10_Column3,
.cssRow10_Column4,
.cssRow10_Column5,
.cssRow10_Column6 {
	width: 5em;
	text-align: center;
}
@media only screen and (max-device-width: 767px) {
	.cssRow1_Column3,
	.cssRow1_Column4,
	.cssRow1_Column5,
	.cssRow1_Column6,
	.cssRow2_Column3,
	.cssRow2_Column4,
	.cssRow2_Column5,
	.cssRow2_Column6,
	.cssRow3_Column3,
	.cssRow3_Column4,
	.cssRow3_Column5,
	.cssRow3_Column6,
	.cssRow4_Column3,
	.cssRow4_Column4,
	.cssRow4_Column5,
	.cssRow4_Column6,
	.cssRow5_Column3,
	.cssRow5_Column4,
	.cssRow5_Column5,
	.cssRow5_Column6,
	.cssRow6_Column3,
	.cssRow6_Column4,
	.cssRow6_Column5,
	.cssRow6_Column6,
	.cssRow7_Column3,
	.cssRow7_Column4,
	.cssRow7_Column5,
	.cssRow7_Column6,
	.cssRow8_Column3,
	.cssRow8_Column4,
	.cssRow8_Column5,
	.cssRow8_Column6,
	.cssRow9_Column3,
	.cssRow9_Column4,
	.cssRow9_Column5,
	.cssRow9_Column6,
	.cssRow10_Column3,
	.cssRow10_Column4,
	.cssRow10_Column5,
	.cssRow10_Column6 {
		width: 100%;
		text-align: center;
	}
}

/*---------------- Yes/No Vote Control end ----------------------------------------*/


/*---------------- Proxy Vote Control ---------------------------------------------*/

.ProxyVote .OtherDetails .DetailRow {
	display: block;
	padding-bottom: 5px;
}
.ProxyVote .OtherDetails {
	padding-bottom: 5px;
	padding-top: 5px;
}
#divtxtbetweenCO {
	padding-bottom: 10px;
}

/*---------------- Proxy Vote Control end -----------------------------------------*/


/*---------------- Statement control ---------------------------------*/

.stDisplay {
	width: 100%;
	background-color: #ffffff !important;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 0px;
}
.stDisplay .RadGrid {
	background-color: #ffffff !important;
	margin-top: 20px;
}
.tblFilterOptions {
	margin-bottom: 0px;
	width: 100%;
	display: inline-block;
}
.stDisplay .rgRow {}
.stDisplay .rgAltRow {}
.stDisplay .RadGrid .rgRow>td,
.RadGrid .rgAltRow>td,
.stDisplay .RadGrid .rgEditRow>td,
.stDisplay .RadGrid .rgFooter>td {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.stDisplay .RadGrid .rgRow>td,
.stDisplay .RadGrid .rgAltRow>td,
.stDisplay .RadGrid .rgEditRow>td,
.stDisplay .RadGrid .rgFooter>td,
.stDisplay .RadGrid .rgFilterRow>td,
.stDisplay .RadGrid .rgHeader,
.stDisplay .RadGrid .rgResizeCol,
.stDisplay .RadGrid .rgGroupHeader td {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.candBackground {
	background-color: #ECF0F1;
	padding: 20px;
}
.stFilterButton {
	margin-bottom: 20px;
}
.stFilterTextbox {
	margin-bottom: 20px;
	width: 245px !important;
}
.stFiltersearch {
	margin-bottom: 20px;
}
.stFilterclear {
	float: right;
}
#stDiv {
	background-color: #ECF0F1;
	padding: 20px;
	border-radius: 0px;
}
.tblFilterOptions td {
	padding-right: 20px;
	padding-bottom: 20px;
}
#stGridDiv {
	border-radius: 6px;
	/*background-color: #ECF0F1;*/
}

/*---------------- Statement control end ---------------------------------*/


/*---------------- Arbitrary Capture Control General ------------------------------*/

.ArbitraryCapture {
	width: 100%;
}
.ArbitraryCapture_Display {
	/*line-height: 70px;*/
}
.ArbitraryCapture .Label {
	float: left;
	/*width: 150px;*/
	/*line-height: 70px;*/
}
.depend .ArbitraryCapture .Label {
	float: left;
	width: 150px;
	line-height: 36px;
}
.depend .QuestionCaption {
	padding-bottom: 10px;
}
.ArbitraryCapture .Field {
	float: left;
	width: 100%;
}
.RowSeperator {
	clear: both;
	padding-bottom: 5px;
}

/*---------------- End Arbitrary Capture Control General --------------------------*/


/*---------------- Arbitrary Capture Dropdown Control --------------------------*/

.ArbitraryCapture_dropdown_ddl input[type=text] {
	color: #555;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	min-height: 0px;
	padding-left: 0px;
	border: 0px;
	border: 2px solid #e0e0e0;
	border-radius: 6px;
	box-shadow: none;
	font-size: 1em;
}
.ArbitraryCapture_dropdown {
	line-height: 38px;
	vertical-align: middle;
}
.ArbitraryCapture_dropdown_label,
.ArbitraryCapture_dropdown_ddl {
	float: left;
	width: 150px;
}
.ArbitraryCapture_dropdown_ddl select {
	width: 100%;
}
.ArbitraryCapture_dropdown_clear {
	clear: both;
}
.RadComboBox .rcbInputCellLeft,
.RadComboBox .rcbInputCellRight,
.RadComboBox .rcbArrowCellLeft,
.RadComboBox .rcbArrowCellRight {
	background: #fff!important;
}
.RadComboBox_Default {
	width: 245px !important;
	/*border: 1px solid #e0e0e0 !important;*/
	border-radius: 0px !important;
	font-family: 'Arial', sans-serif !important;
	font-size: 1em !important;
	font-weight: 400 !important;
	margin: 0px !important;
	color: #333 !important;
}
@media only screen and (max-device-width: 767px) {
	.RadComboBox_Default,
	.ArbitraryCapture_dropdown_ddl {
		width: 100% !important;
	}
}
.RadComboBox_Default,
.RadComboBox_Default .rcbInput,
.RadComboBoxDropDown_Default {
	font: 1em 'Arial', sans-serif !important;
	font-weight: 400!important;
	color: #333;
}
.RadComboBox_Default table {
	border-collapse: separate !important;
	*border-collapse: collapse !important;
	padding: 0 !important;
	border-spacing: 0 !important;
	border: 0px solid !important;
	overflow: hidden !important;
}
.RadComboBox_Default .rcbInputCell,
.RadComboBox_Default .rcbArrowCell {
	height: 32px !important;
	border-width: 0px !important;
	border-style: solid !important;
}
.RadComboBox_Default table td.rcbInputCell,
.RadComboBox_Default table td.rcbArrowCell {
	border-width: 1px !important;
}
.RadComboBox_Default .rcbInputCell {
	border-color: #95A5A6 !important;
	border-width: 1px !important;
	color: #555 !important;
	background-color: #fff !important;
	border-radius: 4px 0 0 4px !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.RadComboBox_Default table td.rcbInputCellLeft {
	border-right-width: 0 !important;
}
.RadComboBox_Default table td.rcbInputCellRight {
	border-left-width: 0 !important;
}
.RadComboBox_Default .rcbInput {
	color: #555 !important;
}
.RadComboBox_Default .rcbEmptyMessage {
	color: #555 !important;
}
.RadComboBox_Default .rcbArrowCell {
	width: 32px !important;
	color: #414141 !important;
	border-color: #95A5A6 !important;
	border-width: 2px !important;
	border-radius: 0 4px 4px 0 !important;
	background-color: #fff !important;
}
.STV .RadComboBox_Default .rcbArrowCell {
	width: 32px !important;
	color: #414141 !important;
	border-color: #95A5A6 !important;
	border-width: 2px !important;
	border-left-width: 0px !important;
	border-radius: 0 4px 4px 0 !important;
	background-color: #fff !important;
}
.RadComboBox_Default .rcbArrowCell a {
	width: 32px !important;
	height: 32px !important;
	background-image: url('../../resources/Images/radcombo-drop.png') !important;
	background-position: -9px -59px !important;
}
.RadComboBox_Default .rcbArrowCellHidden,
.RadComboBox_Default .rcbArrowCellHidden a {
	width: 0 !important;
}
.RadComboBox_Default .rcbArrowCellHidden.rcbArrowCellLeft {
	border-right-width: 0 !important;
}
.RadComboBox_Default .rcbArrowCellHidden.rcbArrowCellRight {
	border-left-width: 0 !important;
}
.RadComboBox_Default .rcbReadOnly .rcbArrowCell.rcbArrowCellLeft {
	border-right-width: 0 !important;
}
.RadComboBox_Default .rcbReadOnly .rcbArrowCell.rcbArrowCellRight {
	border-left-width: 0 !important;
}
.RadComboBox_Default .rcbLabel {
	line-height: 32px !important;
}
.RadComboBox_Default .rcbReadOnly .rcbInputCell {
	box-shadow: none !important;
}
.RadComboBox_Default .rcbHovered .rcbInputCell,
.RadComboBox_Default .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered .rcbInputCell,
.RadComboBoxDropDown_Default .RadComboBox_Default .rcbCheckAllItemsHovered .rcbInputCell {
	color: #555 !important;
	border-color: #adadad !important;
	background-color: #fff !important;
}
.RadComboBox_Default .rcbHovered .rcbArrowCell,
.RadComboBox_Default .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered .rcbArrowCell,
.RadComboBoxDropDown_Default .RadComboBox_Default .rcbCheckAllItemsHovered .rcbArrowCell {
	color: #333 !important;
	border-color: #adadad !important;
	background-color: #e6e6e6 !important;
}
.RadComboBox_Default .rcbFocused {
	border-radius: 4px !important;
}
.RadComboBox_Default .rcbFocused .rcbInputCell {
	color: #555 !important;
	border-color: #e0e0e0 !important;
	background-color: #fff !important;
	/*box-shadow:inset 2px 2px 3px rgba(0,0,0,0.08) !important;*/
}
.RadComboBox_Default .rcbFocused .rcbArrowCell {
	color: #333 !important;
	background-color: #fff !important;
	border-color: #16A085 !important;
	border-width: 1px !important;
	/*box-shadow:inset -2px 2px 3px rgba(0,0,0,0.08) !important;*/
}
.STV .RadComboBox_Default .rcbFocused .rcbArrowCell {
	color: #333 !important;
	background-color: #fff !important;
	border-color: #16A085 !important;
	border-width: 2px !important;
	border-left-width: 0px !important;
	/*box-shadow:inset -2px 2px 3px rgba(0,0,0,0.08) !important;*/
}
.RadComboBox_Default .rcbDisabled {
	opacity: 1 !important;
}
.RadComboBox_Default .rcbDisabled .rcbInputCell,
.RadComboBox_Default .rcbDisabled .rcbArrowCell {
	color: #888 !important;
	border-color: #e0e0e0 !important;
	background-color: #eee !important;
}
.RadComboBox_Default .rcbDisabled .rcbInputCell>a,
.RadComboBox_Default .rcbDisabled .rcbArrowCell>a {
	opacity: .5 !important;
}
.RadComboBox_Default .rcbHovered .rcbReadOnly .rcbInputCell,
.RadComboBox_Default .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered .rcbReadOnly .rcbInputCell,
.RadComboBoxDropDown_Default .RadComboBox_Default .rcbCheckAllItemsHovered .rcbReadOnly .rcbInputCell {
	color: #333 !important;
	border-color: #adadad !important;
	background-color: #e6e6e6 !important;
}
.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInputCell {
	color: #333 !important;
	border-color: #16A085 !important;
	border-width: 1px !important;
	border-right-width: 0px !important;
	background-color: #fff !important;
}
.STV .RadComboBox_Default .rcbFocused .rcbInputCell {
	color: #333 !important;
	border-color: #16A085 !important;
	border-width: 2px !important;
	border-right-width: 0px !important;
	background-color: #fff !important;
}
input.rcbInput.radPreventDecorate {
	border-width: 0px !important;
}
.RadComboBoxDropDown_Default {
	font-family: 'Arial', sans-serif !important;
	font-size: 1em!important;
	font-weight: 400!important;
	line-height: 1.42857 !important;
	border-color: #e0e0e0 !important;
	border-width: 2px !important;
	background-color: #fff !important;
	border-radius: 4px !important;
	margin-top: 2px !important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
	overflow: hidden !important;
}
.RadComboBoxDropDown_Default .rcbScroll {
	padding: 5px 0 !important;
}
.RadComboBoxDropDown_Default .rcbHeader,
.RadComboBoxDropDown_Default .rcbFooter {
	color: #333 !important;
	background-color: #f5f5f5 !important;
	border-color: #e0e0e0 !important;
	border-width: 2px !important;
}
.RadComboBoxDropDown_Default .rcbItem {
	margin: 0 !important;
	padding: 2px 12px !important;
}
.RadComboBoxDropDown_Default .rcbHovered,
.RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
	margin: 0 !important;
	padding: 2px 12px !important;
	color: #000 !important;
	background-color: #fbfbfb !important;
}
.RadComboBoxDropDown_Default .rcbSelected {
	margin: 0 !important;
	padding: 2px 12px !important;
	color: #fff !important;
	background-color: #337ab7 !important;
}
.RadComboBoxDropDown_Default .rcbDisabled {
	margin: 0 !important;
	padding: 2px 12px !important;
	color: #999 !important;
}
.RadComboBoxDropDown_Default .rcbLoading {
	margin: 0 !important;
	padding: 2px 12px !important;
	color: #000 !important;
	background-color: #fbfbfb !important;
}
.RadComboBoxDropDown_Default .rcbItem em {
	color: #000 !important;
	background-color: #fbfbfb !important;
}
.RadComboBoxDropDown_Default .rcbCheckAllItems {
	margin: 0 !important;
	color: #333 !important;
	background-color: #f5f5f5 !important;
	padding: 2px 12px !important;
}
.RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
	padding: 2px 12px !important;
}
.RadComboBoxDropDown_Default .rcbMoreResults {
	border-color: #e0e0e0 !important;
	border-width: 2px !important;
	color: #333 !important;
	background-color: #f5f5f5 !important;
}
.RadComboBoxDropDown_Default .rcbMoreResults a {
	border-top-color: #333 !important;
}
.RadComboBoxDropDown_Default .rcbSeparator {
	margin-top: 10px !important;
	border-bottom: 1px solid #ddd !important;
	color: #333 !important;
	background: #f5f5f5 !important;
}
.RadComboBox_Default_rtl .rcbInputCell {
	border-radius: 0 4px 4px 0 !important;
}
.RadComboBox_Default_rtl .rcbArrowCell {
	border-radius: 4px 0 0 4px !important;
}
.RadComboBox_Default_rtl .rcbFocused .rcbInputCell {
	box-shadow: inset -2px 2px 3px rgba(0, 0, 0, 0.08) !important;
}
.RadComboBox_Default_rtl .rcbFocused .rcbArrowCell {
	box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.08) !important;
}

/*---------------- End Arbitrary Capture Dropdown Control --------------------------*/


/*---------------- Validation Summary Control -------------------------------------*/

.validationsummary_main {
	border: solid 2px #96281B;
	padding: 10px;
	font-family: 'Lato', 'Arial', sans-serif;
	font-weight: 400;
	color: #fff;
	margin-bottom: 2px;
	/* styling fix for FireFox 3 */
	margin-top: 20px;
	border-radius: 0px;
	background: #96281B;
	clear: both;
}
.validationsummary_main ul {
	margin-bottom: 0;
	list-style-type:
}

/*---------------- Validation Summary Control end ---------------------------------*/


/*---------------- Button control -------------------------------------------------*/

.buttonContainer {
	padding: 5px;
	float: right;
}

/*---------------- Button control end ---------------------------------------------*/


/*---------------- Contest selection control --------------------------------------*/

.contestSelection {
	list-style-type: none;
	/* width:600px; */
}
ul.contestSelection {
	padding-left: 0px;
}
.contestSelection li {
	/* width:500px; */
	/* float:left; */
	padding: 0.5em;
	/*border-bottom: 1px dashed #fff;*/
	margin-top: 10px;
	margin-bottom: 10px;
}
.contestSelection li .title {
	float: left;
	width: 350px;
}
.contestSelection li .link {
	/* float:left; */
}

/*---------------- Contest selection control end ----------------------------------*/


/*---------------- Language selection control -------------------------------------*/

.languageSelection {
	list-style-type: none;
}

/*---------------- Language selection control end ---------------------------------*/


/*---------------- Vote display control -------------------------------------------*/

.voteDisplay {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	width: 100%;
	display: table;
}
.voteDisplay .YesNoVote td:nth-child(1) {
	width: 1em;
}
.voteDisplay .YesNoVote td:nth-child(3) {
	width: 8em;
}
@media only screen and (max-device-width: 767px) {
	.voteDisplay .YesNoVote td:nth-child(1) {}
	.voteDisplay .YesNoVote td:nth-child(3) {}
}
.voteDisplay .voteCast {
	font-weight: bold;
	line-height: 2em;
}
.voteDisplay .XVote td,
.XVote th {
	margin-left: 0px;
	padding-left: 0px;
}
.voteDisplay .XVote th {
	text-align: left;
}
.voteDisplay .DetailLabel {
	font-weight: bold;
	width: 130px;
	float: left;
}
.voteDisplay .DetailRow {
	width: 600px;
	clear: both;
}
.voteDisplay .DetailCapture {
	float: left;
}

/*---------------- Vote display control end --------------------------------------*/


/*---------------- Accessibility -------------------------------------------------*/

#skip a {
	margin-left: -999px!important;
	margin-left: 5px;
	margin-top: 10px;
	padding-top: 10px;
	color: silver;
	text-decoration: none;
	border: none;
	color: #444;
	background: transparent;
}
#skip a:focus {
	padding: 3px;
	background: #900;
	color: #fff;
	margin-left: 0!important;
}

/*---------------- Accessibility end ---------------------------------------------*/


/*---------------- Captcha---------------------------------------------*/

.cCaptchaOuter {
	background-color: transparent;
	margin-bottom: 10px;
	padding-left: 0px;
}
.cCaptchaMain {
	margin-top: 10px;
	width: 250px;
	background-color: #CCFB5D;
	height: 170px;
}
.cCaptchaDivTop {
	display: block;
	height: 64%;
}
.cCaptchaDivBottom {
	margin-top: 5px;
	display: block;
	height: 35%;
}
.rcCaptchaAudioLink {
	margin-left: 0px;
	font-size: 12px;
	float: left;
	display: block;
	line-height: 1.5em;
	background-image: url('../../Images/Fusion Samples/play_Audio.png');
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 40px;
	margin-top: 12px;
	width: 0px;
	text-align: left;
	vertical-align: middle;
}
.rcCaptchaAudioLink:hover {
	font-weight: bold;
}
.rcRefreshImage {
	margin-left: 0px;
	font-size: 12px;
	float: left;
	color: Blue;
	display: block;
	line-height: 1.5em;
	background-image: url('../../Images/Fusion Samples/view_refresh.png');
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 40px;
	margin-top: 12px;
	width: 0px;
	text-align: left;
	vertical-align: middle;
}
.cCaptchaTextboxDiv {
	border-color: Red;
	border-style: solid;
	display: block;
}
.cCaptchaTextboxLabel {
	color: Maroon;
}
.cCaptchaimage {
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url('../../Images/Fusion Samples/audio_but.png');
}
.cCaptchatextBox {
	display: block;
	margin-bottom: 0px;
}

/*---------------- Captcha end---------------------------------------------*/


/*---------------- Vimeo embed css - wrap this class around any vimeo embed links to make responsive ---------------------------------------------*/

.video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}
.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

/*---------------- Vimeo embed css ---------------------------------------------*/


/*---------------- Admin Page ---------------------------------------------*/

.LabelControlDisplayError {
	font-size: 1.2em;
	color: Red;
	margin-bottom: 10px;
	/* styling fix for FireFox 3 */
}
.cMessage {
	font-weight: bold;
	font-size: 1.1em;
	display: block;
}
.cAdmin_Reload {
	padding-top: 1em;
	padding-bottom: 1em;
}

/*---------------- Admin Page end---------------------------------------------*/


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

.help {
	background-color: transparent;
	color: Black;
	padding: 10px;
}
body.help {
	margin: 20px;
}
.help div.w3c {
	border: none;
	text-align: right;
}
.help h1 {
	font-size: 1.8em;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	color: #00AD5C;
}
.help img {
	border: none;
}

/*---------------- Help Page end---------------------------------------------*/


/*---------------- Policy Page ---------------------------------------------*/

.policy {
	background-color: transparent;
	color: Black;
	padding: 10px;
}
body.policy {
	margin: 20px;
}
.policy div.w3c {
	border: none;
	text-align: right;
}
.policy h1 {
	font-size: 1.8em;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	color: #00AD5C;
}
.policy h2 {
	background-color: transparent;
	font-size: 1.3em;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	color: #00AD5C;
}
.policy img {
	border: none;
}
.policy p.copyright {
	margin-top: 3em;
}
.gennextpage {
	text-align: center;
}
#dec_item1 {
	width: 100%;
}
#dec_item2 {
	width: 100%;
}

/*---------------- Policy Page end---------------------------------------------*/


/* ---- wcag ---- */

a.wcag img {
	border: none;
	float: right;
	vertical-align: bottom;
}
img.wai {
	border: none;
	padding-top: 15px;
	vertical-align: bottom;
}

/* ---- wcag end ---- */


/* Declaration page hide dummy */

.dummy {
	display: none;
}

/*---------------- Social Media ---------------------------------------------*/

.commentsheader {
	height: 50px;
	text-align: left;
	background-color: #004994;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	vertical-align: middle;
	line-height: 50px;
	padding-left: 10px;
}
.socialbox {
	width: 50%;
	height: 300px;
	float: left;
	text-align: center;
	padding-bottom: 10px;
}
#socialcontainer {
	width: 100%;
}

/*---------------- Social Media end ---------------------------------------------*/


/*---------------- fonts ---------------------------------------------*/


/*Now contained in the Master file*/


/*---------------- fonts end ---------------------------------------------*/


/*---------------- Logo ---------------------------------------------*/

.logo {
	text-align: left;
	/*
	margin-top: 20px;
	margin-bottom: 20px;*/
}

/* Will need to change max-width to width of logo image*/

.logo img {
	max-width: 1140px;
}

/*---------------- Logo end ---------------------------------------------*/


/*---------------- footer ---------------------------------------------*/

.footer {
	width: 100%;
	margin: auto;
	padding-top: 20px;
	overflow: hidden;
}
.footerleft {
	width: 48%;
	text-align: left;
	float: left;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	color: #165FA7;
	padding-left: 2%;
}
.footerright {
	width: 50%;
	float: left;
	text-align: right;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}
.footerleft a {
	text-decoration: none;
	color: #165FA7;
}
.footerlogo {
	width: 200px;
	height: 50px;
	float: right;
	background: #fff;
}

/*---------------- footer end ---------------------------------------------*/


/*---------------- Border for text areas ---------------------------------------------*/

.border {
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	height: auto;
	margin-bottom: 20px;
}
.cloud .border {
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	height: auto;
	margin-bottom: 0;
}
.borderheading {
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.clsForgotcodes.border {
	margin-bottom: 100px;
}
@media only screen and (max-device-width: 767px) {
	.clsForgotcodes.border {
		margin-bottom: 20px;
	}
}

/*---------------- Border for text areas end ---------------------------------------------*/


/*---------------- Social ---------------------------------------------*/

.social {
	width: 200px;
	height: 32px;
	float: left;
}
.social img {
	border-style: none;
	border-radius: 5px;
}
.social img:hover {
	opacity: .5;
}
#custom-tweet-button a {
	display: block;
	background: url('../../resources/Images/icontwitter32.png') no-repeat;
	border: 0px;
	height: 32px;
	width: 32px;
}
#custom-tweet-button {
	width: 32px;
	height: 32px;
	float: left;
	padding-right: 8px;
}
#custom-tweet-button:hover {
	opacity: .5;
}
#sharethis {
	float: left;
	height: 32px;
	vertical-align: middle;
	line-height: 32px;
	color: #165FA7;
	padding-right: 10px;
}
#share {
	width: 100%;
	height: 62px;
}
div#loading {
	position: absolute;
	z-index: 1000;
	margin: auto;
	width: 800px;
	height: 800px;
	background: url(../../resources/Images/loading.gif) no-repeat center center;
}

/*---------------- loader ---------------------------------------------*/

#loader {
	display: none;
}
.cssload-container {
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
	height: 44px;
	width: 44px;
}
.cssload-loading {
	width: 44px;
	height: 44px;
	text-align: left;
	animation: cssload-loading-ani1 2.3s ease-in-out infinite;
	-o-animation: cssload-loading-ani1 2.3s ease-in-out infinite;
	-ms-animation: cssload-loading-ani1 2.3s ease-in-out infinite;
	-webkit-animation: cssload-loading-ani1 2.3s ease-in-out infinite;
	-moz-animation: cssload-loading-ani1 2.3s ease-in-out infinite;
}
.cssload-loading i,
.cssload-loading i:before {
	content: "";
	width: 44px;
	height: 44px;
	position: absolute;
}
.cssload-loading i {
	border-radius: 50%;
	overflow: hidden;
}
.cssload-loading i:nth-child(1) {
	background: #00AD5C;
	transform: translate(0, -24px);
	-o-transform: translate(0, -24px);
	-ms-transform: translate(0, -24px);
	-webkit-transform: translate(0, -24px);
	-moz-transform: translate(0, -24px);
}
.cssload-loading i:nth-child(1):before {
	background: #00aeef;
	bottom: 0;
	animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	-o-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	-ms-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	-webkit-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	-moz-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
}
.cssload-loading i:nth-child(2) {
	background: #00aeef;
	transform: translate(0, 24px);
	-o-transform: translate(0, 24px);
	-ms-transform: translate(0, 24px);
	-webkit-transform: translate(0, 24px);
	-moz-transform: translate(0, 24px);
}
.cssload-loading i:nth-child(2):before {
	animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	-o-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	-ms-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	-webkit-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	-moz-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
	background: #00AD5C;
}
@keyframes cssload-loading-ani1 {
	40%,
	50% {
		transform: rotate(180deg);
	}
	90%,
	100% {
		transform: rotate(360deg);
	}
}
@-o-keyframes cssload-loading-ani1 {
	40%,
	50% {
		-o-transform: rotate(180deg);
	}
	90%,
	100% {
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes cssload-loading-ani1 {
	40%,
	50% {
		-ms-transform: rotate(180deg);
	}
	90%,
	100% {
		-ms-transform: rotate(360deg);
	}
}
@-webkit-keyframes cssload-loading-ani1 {
	40%,
	50% {
		-webkit-transform: rotate(180deg);
	}
	90%,
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes cssload-loading-ani1 {
	40%,
	50% {
		-moz-transform: rotate(180deg);
	}
	90%,
	100% {
		-moz-transform: rotate(360deg);
	}
}
@keyframes cssload-loading-ani2 {
	40%,
	100% {
		height: 100%;
	}
	50%,
	90% {
		height: 0;
	}
}
@-o-keyframes cssload-loading-ani2 {
	40%,
	100% {
		height: 100%;
	}
	50%,
	90% {
		height: 0;
	}
}
@-ms-keyframes cssload-loading-ani2 {
	40%,
	100% {
		height: 100%;
	}
	50%,
	90% {
		height: 0;
	}
}
@-webkit-keyframes cssload-loading-ani2 {
	40%,
	100% {
		height: 100%;
	}
	50%,
	90% {
		height: 0;
	}
}
@-moz-keyframes cssload-loading-ani2 {
	40%,
	100% {
		height: 100%;
	}
	50%,
	90% {
		height: 0;
	}
}

/*---------------- loader end ---------------------------------------------*/


/*---------------- Social end ---------------------------------------------*/

.maintitle {
	font-size: 1.5em;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	background: #165FA7;
	font-family: 'Arial', sans-serif;
	padding: 10px;
	border-radius: 15px;
}
.bodyHeader {
	width: 100%;
	height: auto;
	display: block;
}
.headback {
	width: 100%;
	border-bottom: 2px solid #0068AF;
	background: #ffffff;
}
.headingTitle {
	text-align: left;
	width: 100%;
}

/*---------------- Input Styling ---------------------------------------------*/

input[type="submit"] {
	border: 0px solid #ffffff;
	background: #00AD5C;
	color: #ffffff;
	min-width: 150px;
	min-height: 40px;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	border-radius: 0px;
	/*box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8;*/
}
input[type="submit"]:hover {
	border: 0px solid #ffffff;
	background: #00aeef;
	color: #ffffff;
	-webkit-transition: all 400ms;
	/*safari and chrome */
	-moz-transition: all 400ms ease;
	/* firefox */
	-o-transition: all 400ms ease;
	/* opera */
	transition: all 400ms ease;
}
input[type="submit"]:focus {
	border: 0px solid #ffffff;
	background: #00aeef;
	color: #ffffff;
	-webkit-transition: all 400ms;
	/*safari and chrome */
	-moz-transition: all 400ms ease;
	/* firefox */
	-o-transition: all 400ms ease;
	/* opera */
	transition: all 400ms ease;
}
input[type="button"] {
	border: 0px solid #ffffff;
	background: #00AD5C;
	color: #ffffff;
	min-width: 150px;
	min-height: 40px;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	border-radius: 0px;
}
.stDisplay input[type="button"] {
	border: 0px solid #ffffff;
	background: #00AD5C;
	color: #ffffff;
	min-width: 100px;
	min-height: 30px;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	border-radius: 0px;
}
.stDisplay input[type="text"] {
	color: #000;
	width: 100%;
	min-height: 30px;
	padding-left: 10px;
	border: 1px solid #95A5A6;
	border-radius: 0px;
	/* box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8; */
	font-size: 1em;
}
input[type="button"]:hover {
	border: 0px solid #ffffff;
	background: #00aeef;
	color: #ffffff;
	-webkit-transition: all 400ms;
	/*safari and chrome */
	-moz-transition: all 400ms ease;
	/* firefox */
	-o-transition: all 400ms ease;
	/* opera */
	transition: all 400ms ease;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	border-radius: 0px;
}
input[type="button"]:focus {
	border: 0px solid #ffffff;
	background: #00aeef;
	color: #ffffff;
	-webkit-transition: all 400ms;
	/*safari and chrome */
	-moz-transition: all 400ms ease;
	/* firefox */
	-o-transition: all 400ms ease;
	/* opera */
	transition: all 400ms ease;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	border-radius: 0px;
}
input[type="text"] {
	color: #000;
	/*margin-top: 12px;
    margin-bottom: 12px;*/
	width: 100%;
	min-height: 40px;
	padding-left: 10px;
	border: 1px solid #ecf0f1;
	background-color: #ecf0f1;
	border-radius: 0px;
	/*box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8;*/
	font-size: 1em;
}
.login_pin1 input[type="text"],
.login_pin2 input[type="text"] {
	color: #000;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 233px;
	min-height: 40px;
	padding-left: 10px;
	border: 1px solid #ecf0f1;
	background-color: #ecf0f1;
	border-radius: 0px;
	/*box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8;*/
	font-size: 1em;
}
.STV input[type="text"] {
	color: #777;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 233px;
	min-height: 30px;
	padding-left: 10px;
	border: 0px solid #95A5A6;
	border-radius: 0px;
	/*box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8;*/
	font-size: 1em;
}
input[type="password"] {
	color: #000;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 233px;
	min-height: 40px;
	padding-left: 10px;
	border: 1px solid #95A5A6;
	border-radius: 0px;
	/*box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8;*/
	font-size: 1em;
}

/*input[type="text"]:focus 
{
    border: 2px solid #16A085;
    border-radius: 0px;
}
input[type="password"]:focus 
{
    border: 2px solid #16A085;
    border-radius: 0px;
}
.STV input[type="text"]:focus 
{
    border: 0px solid #16A085;
    border-radius: 0px;
}*/

input[type="checkbox"] {
	width: 25px;
	height: 25px;
	-moz-appearance: none;
}
select {
	color: #555;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 250px;
	min-height: 34px;
	padding-left: 10px;
	border: 2px solid #95A5A6;
	border-radius: 0px;
	/*box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8;*/
	font-size: 1em;
}
select:focus,
textarea:focus {
	/*border: 2px solid #16A085;*/
}
textarea {
	color: #000;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 100%;
	min-height: 30px;
	padding-left: 10px;
	padding-top: 10px;
	border: 1px solid #ecf0f1;
	background-color: #ecf0f1;
	border-radius: 0px;
	font-size: 1em;
}
hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #e0e0e0;
}
.white {
	border-bottom: 2px solid #fff !important;
}
.link {
	color: #00AD5C;
	font-weight: 400;
	font-family: 'Questrial', 'Arial', sans-serif;
}
.link a {
	background: #00AD5C;
	color: #ffffff;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	padding-right: 30px;
	/*border: 2px solid #00AD5C;*/
	border-radius: 0px;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
}
.link a:hover,
.link a:focus {
	background: #00aeef;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: all 400ms;
	/*safari and chrome */
	-moz-transition: all 400ms ease;
	/* firefox */
	-o-transition: all 400ms ease;
	/* opera */
	transition: all 400ms ease;
}

/*---------------- Input Styling end ---------------------------------------------*/


/*--Labelauty - to change checked checkbox clolour--*/

input.labelauty:checked + label {
	background-color: #00AD5C !important;
}

/*--Labelauty end--*/


/*---------------- Navigation Styling for Mobile view ---------------------------------------------*/

.navigate {
	height: 40px;
	width: 100%;
}
.navigatesub {
	float: right;
}
.navigateprev {
	float: left;
}

/*---------------- Navigation Styling for Mobile view end ---------------------------------------------*/


/*---------------- Responsive table formatting ---------------------------------------------*/

@media only screen and (max-device-width: 767px) {
	.responsiveTable thead,
	.responsiveTable tbody,
	.responsiveTable th,
	.responsiveTable td,
	.responsiveTable tr {
		display: block;
	}
	.responsiveTable table {
		border-collapse: collapse;
		border: 0px solid #ffffff!important;
		display: inline;
	}
	.clsForgotcodes td {
		border: none;
		border-bottom: 1px solid #e0e0e0;
		position: relative;
		padding-left: 0;
	}
	td {
		border: none;
		border-bottom: 1px solid #e0e0e0;
		position: relative;
		padding-left: 50%;
	}
	.ArbitraryCapture_RadioButton td {
		border: none;
		border-bottom: 0px solid #e0e0e0;
		position: relative;
		padding-left: 0%;
	}
	.responsiveTable td:nth-child(3) {
		width: auto!important;
	}
	.responsiveTable th.cssHeading3,
	.responsiveTable th.cssHeading4,
	.responsiveTable th.cssHeading5,
	.responsiveTable th.cssHeading6 {
		display: none;
	}
	.responsiveTable td.cssRow1_Column2 {
		width: auto;
	}
	.responsiveTable label {
		display: inline-block!important;
	}
	.cssRow1_Column3,
	.cssRow1_Column4,
	.cssRow1_Column5,
	.cssRow1_Column6,
	.cssRow2_Column3,
	.cssRow2_Column4,
	.cssRow2_Column5,
	.cssRow2_Column6,
	.cssRow3_Column3,
	.cssRow3_Column4,
	.cssRow3_Column5,
	.cssRow3_Column6,
	.cssRow4_Column3,
	.cssRow4_Column4,
	.cssRow4_Column5,
	.cssRow4_Column6,
	.cssRow5_Column3,
	.cssRow5_Column4,
	.cssRow5_Column5,
	.cssRow5_Column6,
	.cssRow6_Column3,
	.cssRow6_Column4,
	.cssRow6_Column5,
	.cssRow6_Column6,
	.cssRow7_Column3,
	.cssRow7_Column4,
	.cssRow7_Column5,
	.cssRow7_Column6,
	.cssRow8_Column3,
	.cssRow8_Column4,
	.cssRow8_Column5,
	.cssRow8_Column6,
	.cssRow9_Column3,
	.cssRow9_Column4,
	.cssRow9_Column5,
	.cssRow9_Column6,
	.cssRow10_Column3,
	.cssRow10_Column4,
	.cssRow10_Column5,
	.cssRow10_Column6 {
		text-align: left;
	}
	.responsiveTable label {
		margin-right: 10px;
		vertical-align: middle;
	}
	/*---------------- USE THIS IS YOU HAVE MORE THAN ONE YES NO VOTE CONTROL AND YOU WANT TO ALIGN COLUMNS AND OVERIDE PC VIEW ---------------------------------------------*/
	/*.YesNoVote td:nth-child(2)
    {
        width: 100%!important;
    }*/
}

/*---------------- Responsive table formatting end ---------------------------------------------*/


/*---------------- AGM Addtional styling ---------------------------------------------*/

#Hide_content {
	height: auto;
}
.email Label {
	display: none;
}
. Label {
	display: none;
}
.gogreen {
	background: url('../../resources/Images/e2231_gogreen.png') no-repeat right bottom;
	width: 100%;
}

/*---------------- USE THIS IS YOU HAVE MORE THAN ONE YES NO VOTE CONTROL AND YOU WANT TO ALIGN COLUMNS ---------------------------------------------*/


/*.YesNoVote td:nth-child(2)
{
    width: 600px;
}*/


/*---------------- AGM Addtional styling end ---------------------------------------------*/


/*---------------- Fall back if jscript turned off to hide second 'next page' button in AGM ---------------------------------------------*/


/* change to id of relevant next page button div*/

#nextpageqvctrl {
	display: none;
}

/*---------------- Fall back if jscript turned off to hide second 'next page' button in AGM end ---------------------------------------------*/


/*---------------- Digicert styling ---------------------------------------------*/

#DigiCertClickID_HnYLrgTv,
#DigiCertClickID_HnYLrgTvSeal,
#DigiCertClickID_HnYLrgTvSeal img {
	width: 100px!important;
	height: 59px!important;
	padding: 0px;
	margin: 0px 0px!important;
	clear: none!important;
	top: -5px!important;
	float: right!important;
}

/*---------------- Digicert styling end ---------------------------------------------*/


/*---------------- Media Queries ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-device-width: 767px) {
	.bodyContainer {
		width: 100%;
		min-width: 1px;
		margin: auto;
		background: #ffffff;
		border: 1px solid #ffffff;
		overflow: hidden;
	}
	body {
		width: 100%;
	}
	h1 {
		font-size: 24px !important;
		text-align: center !important;
	}
	h4 {
		font-size: 16px !important;
	}
	h5 {
		padding-right: 0px;
	}
	ol {
		font-size: 16px;
	}
	.OtherDetails {
		width: 100%;
	}
	.pad {
		padding-right: 00px;
	}
	.container-fluid {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.col-md-12 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.grey {
		background: #fff;
	}
	.stDisplay {
		width: 100%;
		background-color: #ffffff !important;
		padding: 10px;
		margin-bottom: 20px;
		border-radius: 6px;
	}
	/*---------------- Help Styling ---------------------------------------------*/
	.help!important {
		font-size: 16px;
	}
	.help h1!important {
		font-size: 16px;
	}
	/*---------------- Help Styling end ---------------------------------------------*/
	/*---------------- Dont know your security code ---------------------------------------------*/
	.clsForgotcodes table {
		width: 100% !important;
	}
	.forgoterror {
		text-align: center;
	}
	/*---------------- Dont know your security code end ---------------------------------------------*/
	/*---------------- Logo Styling ---------------------------------------------*/
	.logoimage {
		width: 100%;
		text-align: center;
		height: auto;
		/*This may be required if logo needs some room added around it*/
		/*padding-top: 20px;
    padding-bottom:20px;*/
	}
	.logoimage img {
		width: 100%;
		max-width: 187px;
		height: auto;
		text-align: center;
	}
	.logo {
		min-width: 0px;
		text-align: center;
	}
	.logobackground {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e0e0e0;
	}
	/*---------------- Logo Styling end ---------------------------------------------*/
	/*---------------- Input Styling ---------------------------------------------*/
	input {
		font-size: 16px !important;
	}
	input[type="submit"] {
		width: 100% !important;
		height: 70px;
		font-size: 16px !important;
		-webkit-appearance: none;
		float: left;
		margin: auto;
		margin-bottom: 20px;
	}
	input[type="text"] {
		width: 100% !important;
		height: 50px;
		padding: 0px;
		/*font-size: 1.2em!important;*/
	}
	.login_pin1 input[type="text"],
	.login_pin2 input[type="text"] {
		width: 100%;
		min-height: 30px;
		padding-left: 0px;
	}
	input[type="checkbox"] {
		min-width: 25px;
		min-height: 25px;
	}
	input[type="radio"] {
		min-width: 25px;
		min-height: 25px;
	}
	.ArbitraryCapture_Display {
		width: 100%
	}
	.ArbitraryCapture .Label {
		float: left;
		width: 250px;
	}
	textarea {
		width: 100%;
		height: 150px;
		font-size: 16px;
		text-align: left;
		padding: 0px;
	}
	label {
		font-size: 16px;
	}
	.Field {
		width: 100%;
		max-width: 400px;
	}
	.gogreen {
		/*background: #fff !important;*/
		width: 100%;
	}
	p {
		font-size: 16px;
	}
	.ArbitraryCapture .Field {
		width: 100%;
	}
	/*---------------- Input Styling end ---------------------------------------------*/
	/*---------------- Border Styling ---------------------------------------------*/
	.border {
		background: #fff;
		padding: 10px;
		border-radius: 5px;
		box-shadow: none;
		border: 0px solid #ffffff;
		height: auto;
		margin-bottom: 5px;
	}
	/*---------------- Border Styling end ---------------------------------------------*/
	/*---------------- Footer Styling end ---------------------------------------------*/
	.footer {
		min-width: 1px;
	}
	.footerleft {
		width: 100%;
		text-align: center;
		float: left;
		font-size: 16px;
		padding-left: 0% !important;
	}
	.footerright {
		display: none;
	}
	.footerlogomob {
		display: block;
		text-align: center;
	}
	.bodyContainer:after {
		content: "";
		display: none;
	}
	.footerbackground,
	.bodyContainer:after {
		/* .push must be the same height as footer */
		height: 142px;
	}
	.divide {
		width: 100%;
		height: 1px;
		background: #e0e0e0;
	}
	/*---------------- Footer Styling end ---------------------------------------------*/
	.DetailCapture {
		width: 90%;
	}
	.tabletleft {
		width: 100%;
	}
	.contestSelection {
		list-style-type: none;
		width: 100%;
		text-align: center;
		margin: auto;
	}
	/*---------------- Contest Menu Styling ---------------------------------------------*/
	.contestSelection li {
		width: 100%;
		/* float:left; */
		padding-top: 20px;
		padding-bottom: 5px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.contestSelection li .title {
		width: 100%;
		padding-bottom: 30px;
		font-size: 16px;
		text-align: center;
	}
	.contestSelection li .link {
		width: 100%;
		font-size: 16px;
		text-align: center;
	}
	ul.contestSelection {
		padding-left: 0px;
	}
	li {
		font-size: 16px;
	}
	.link a {
		padding-left: 40%;
		padding-right: 40%;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: auto;
		font-size: 16px;
	}
	.contestSelection p {
		font-size: 16px;
		text-align: center;
	}
	.ContestTitle {
		text-align: center;
	}
	/*---------------- Contest Menu Styling ---------------------------------------------*/
	/*---------------- Vote Control Styling ---------------------------------------------*/
	.XVote {
		margin: auto;
	}
	.XVote td,
	.XVote th {
		font-size: 16px;
		padding: 10px;
	}
	.YesNoVote td,
	.YesNoVote th {
		font-size: 16px;
	}
	.STV td,
	.STV th {
		font-size: 16px;
		padding: 10px;
	}
	.STVOptionDDL {
		font-size: 16px;
		width: 150px;
	}
	th.topLeftCell {
		/*width: 104px;*/
	}
	.mob {
		text-align: center;
	}
	.voteDisplay,
	.ProxyVote,
	VoteCast {
		width: 100%;
		/*padding: 10px;*/
	}
	.YesNoVote {
		width: 100%;
	}
	table.YesNoVote {
		margin: 0 auto;
		/* or margin: 0 auto 0 auto */
	}
	.voteDisplay {
		width: 100%;
	}
	.voteDisplay .YesNoVote td:nth-child(1) {
		display: none;
	}
	.voteDisplay .YesNoVote th:nth-child(1) {
		display: none;
	}
	.voteDisplay .DetailCapture {
		width: 100%;
		font-size: 16px;
	}
	.voteDisplay .DetailRow {
		width: 100%;
		font-size: 16px;
	}
	.voteDisplay .DetailLabel {
		width: 100%;
		font-size: 16px;
	}
	/*---------------- Vote Control Styling end ---------------------------------------------*/
	.tabletright {
		display: none;
	}
	.headingTitle {
		text-align: center;
		margin: auto;
	}
	/*---------------- Navigation Button Styling ---------------------------------------------*/
	.navigate {
		height: 40px;
		width: 100%!important;
		max-width: 100%!important;
	}
	.navigatesub {
		float: none;
		width: 100%
	}
	.navigateprev {
		float: none;
		width: 100%
	}
	/*---------------- Navigation Button Styling end ---------------------------------------------*/
}

/*---------------- Media Queries end ---------------------------------------------*/


/* Small screen Smartphones (portrait) ----------- */

@media only screen and (max-device-width: 320px) {
	.bodyContainer {
		width: 100%;
		min-width: 1px;
		margin: auto;
		background: #ffffff;
		border: 1px solid #ffffff;
		overflow: hidden;
	}
	body {
		width: 100%;
	}
	.logoimage {
		width: 100%;
		text-align: center;
		height: auto;
		/*This may be required if logo needs some room added around it*/
		/*padding-top: 20px;
    padding-bottom:20px;*/
	}
	.logoimage img {
		width: 100%;
		max-width: 187px;
		height: auto;
		text-align: center;
	}
	.logo {
		min-width: 0px;
		text-align: center;
	}
	.logobackground {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e0e0e0;
	}
	input {
		font-size: 16px !important;
	}
	input[type="submit"] {
		width: 100%;
		height: 70px;
		font-size: 16px !important;
		-webkit-appearance: none;
		float: left;
		margin: auto;
		margin-bottom: 20px;
	}
	input[type="text"] {
		width: 99% !important;
		height: 50px;
		padding: 0px;
	}
	.login_pin1 input[type="text"],
	.login_pin2 input[type="text"] {
		width: 100%;
		min-height: 30px;
		padding-left: 0px;
	}
	input[type="checkbox"] {
		min-width: 25px;
		min-height: 25px;
	}
	input[type="radio"] {
		min-width: 25px;
		min-height: 25px;
	}
	.ArbitraryCapture_Display {
		width: 100%
	}
	textarea {
		width: 100%;
		height: 150px;
		font-size: 16px;
		text-align: left;
		padding: 0px;
	}
	label {
		font-size: 16px;
	}
	.Field {
		width: 100%;
		max-width: 400px;
	}
	.gogreen {
		/*background: #fff !important;*/
		width: 100%;
	}
	p {
		font-size: 16px;
	}
	.border {
		background: #fff;
		padding: 8px;
		border-radius: 5px;
		box-shadow: none;
		border: 0px solid #ffffff;
		height: auto;
		margin-bottom: 5px;
	}
	.cloud {
		padding: 10px !important;
	}
	.footer {
		min-width: 1px;
	}
	.DetailCapture {
		width: 90%;
	}
	.tabletleft {
		width: 100%;
	}
	.contestSelection {
		list-style-type: none;
		width: 100%;
		text-align: center;
		margin: auto;
	}
	.contestSelection li {
		width: 100%;
		/* float:left; */
		padding-top: 20px;
		padding-bottom: 5px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.contestSelection li .title {
		width: 100%;
		padding-bottom: 30px;
		font-size: 16px;
		text-align: center;
	}
	.contestSelection li .link {
		width: 100%;
		/font-size: 16px;
		text-align: center;
	}
	ul.contestSelection {
		padding-left: 0px;
	}
	li {
		font-size: 16px;
	}
	.link a {
		padding-left: 40%;
		padding-right: 40%;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: auto;
		font-size: 16px;
	}
	.contestSelection p {
		font-size: 16px;
		text-align: center;
	}
	.XVote td,
	.XVote th {
		font-size: 16px;
		padding: 10px;
	}
	.YesNoVote td,
	.YesNoVote th {
		font-size: 12px;
	}
	.STV td,
	.STV th {
		font-size: 16px;
		padding: 3px;
	}
	.STVOptionDDL {
		font-size: 16px;
		width: 150px;
	}
	th.topLeftCell {
		/*width: 104px;*/
	}
	.mob {
		text-align: center;
	}
	.footerleft {
		width: 100%;
		text-align: center;
		float: left;
		font-size: 16px;
		padding-left: 0% !important;
	}
	.footerright {
		display: none;
	}
	.voteDisplay,
	.ProxyVote,
	VoteCast {
		width: 100%;
		/*padding: 10px;*/
	}
	.YesNoVote {
		width: 100%;
		/*text-align: center;*/
	}
	.voteDisplay {
		width: 100%;
	}
	.voteDisplay .YesNoVote td:nth-child(1) {
		display: none;
	}
	.voteDisplay .YesNoVote th:nth-child(1) {
		display: none;
	}
	.voteDisplay .DetailCapture {
		width: 100%;
		font-size: 16px;
	}
	.voteDisplay .DetailRow {
		width: 100%;
		font-size: 16px;
	}
	.voteDisplay .DetailLabel {
		width: 100%;
		font-size: 16px;
	}
	.ArbitraryCapture .Label {
		float: left;
		width: 250px;
	}
	.tabletright {
		display: none;
	}
	h1 {
		text-align: center;
	}
	.headingTitle {
		text-align: center;
		margin: auto;
	}
	h1 {
		font-size: 24px !important;
		text-align: center !important;
	}
	h4 {
		font-size: 16px !important;
	}
	.OtherDetails {
		width: 100%;
	}
	.bodyContainer:after {
		content: "";
		display: none;
	}
	.footerbackground,
	.bodyContainer:after {
		/* .push must be the same height as footer */
		height: 142px;
	}
	.help!important {
		font-size: 16px;
	}
	ol {
		font-size: 16px;
	}
	.help h1!important {
		font-size: 16px;
	}
	.navigate {
		height: 40px;
		width: 100%!important;
		max-width: 100%!important;
	}
	.navigatesub {
		float: none;
		width: 100%
	}
	.navigateprev {
		float: none;
		width: 100%
	}
}

/*---------------- Media Queries end ---------------------------------------------*/


/*---------------- Fancy Link box -----------------------------------------------*/

.grid {
	padding: 20px 20px 20px 20px;
	max-width: 100%;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	height: auto;
	overflow: hidden;
}
.grid li {
	display: inline-block;
	width: 50%;
	margin: 0;
	padding: 20px;
	text-align: left;
	position: relative;
	float: left;
}
.grid figure {
	margin: 0;
	position: relative;
}
.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #2c3f52;
	color: #16A085;
}
.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 16px !important;
}
.grid figcaption span:before {
	content: 'by ';
}
.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #16A085;
	color: #fff;
}

/* Caption Style */

.cs-style-3 figure {
	overflow: hidden;
}
.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.cs-style-3 figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.cs-style-3 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
@media screen and (max-width: 31.5em) {
	.grid {
		padding: 10px 10px 10px 10px;
	}
	.grid li {
		width: 100%;
		min-width: 200px;
	}
}

/*---------------- Fancy Link box end -----------------------------------------------*/


/*---- Drag and Drop STV start ----*/

.RadListBox,
.rlbCandidateList {
	height: 100%;
}
.rlbGroup,
.rapDragAndDropPanel,
.rlbCandidateList,
.RadListBox {
	width: 100% !important;
	border: none !important;
}
.rapDragAndDrop {
	width: 100%;
}
span.rlbText {
	font-size: 16px !important;
	padding: 5px !important;
}
.rlbActive {

}
input.txtCandidateFilter {
	width: 50%;
}
.rlbButton {
	display: none !important;
}
.tblFilterOptions {
	width: 100%;
}
input.searchName {
	width: 50%;
}
.clearFilters {
	cursor: pointer;
	padding: 5px;
	border-radius: 5px;
}
.tblFilterOptions td {
	text-align: center;
	vertical-align: middle;
}
.filterLetter {
	display: block;
}
.lblClearFilters {
	display: none;
}
.filterSelected {}
.lblNumToElect {
	display: none;
}
.rlbCandidateList {
	min-height: 500px !important;
	overflow-y: auto;
	overflow-x: hidden;
	white-space: nowrap;
}
.borderDnD {
	background: #fff;
	padding: 10px;
	width: 48%;
	margin: 10px 1%;
	border: 2px solid #ecf0f1;
	float: left;
	min-height: 500px;
}
.rlbGroup,
.rapDragAndDropPanel,
.rlbCandidateList,
.RadListBox {
	width: 100% !important;
	border: none !important;
}
.rapDragAndDrop {
	width: 100%;
}
span.rlbText {
	font-size: 16px !important;
	padding: 5px !important;
}
.rlbActive {

}
input.txtCandidateFilter {
	width: 50%;
}
.rlbButton {
	display: none !important;
}
.tblFilterOptions {
	width: 100%;
}
input.searchName {
	width: 50%;
}
.clearFilters {
	cursor: pointer;
	padding: 5px;
	border-radius: 5px;
}
@media only screen and (max-width: 768px) {
	.tdStFilter1 {
		display: block;
	}
	.tblFilterOptions td {
		padding-right: 0px;
		padding-bottom: 20px;
	}
	.tblFilterOptions td {
		border: none;
		border-bottom: 0px solid #e0e0e0;
	}
	.stFilterButton,
	.stFiltersearch,
	.stFilterclear {
		margin-bottom: 20px;
		width: 100%;
	}
}
.tblFilterOptions td {
	text-align: center;
	vertical-align: middle;
}
.filterLetter {
	display: block;
}
.lblClearFilters {
	display: none;
}
.filterSelected {}
.lblNumToElect {
	display: none;
}
.rlbCandidateList {
	max-height: 380px !important;
	overflow-y: scroll;
	overflow-x: hidden;
	white-space: nowrap;
}
#plhBody_ctl03_lblSearchTitle {
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	color: #00AD5C;
	font-size: 1.17em;
}
.rapDragAndDrop .border {
	padding-left: 5px;
	background: #fff;
}
.rlbItem {
	/*border-top: 2px solid #ECF0F1;*/
	background-color: #ECF0F1;
	border-radius: 0px;
	/*margin-top: 5px;
	margin-right: 5px;*/
    border-top: 4px solid #fff !important;
    border-right: 4px solid #fff !important;
    border-bottom: none !important;
    border-left: none !important;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400;
	padding: 10px !important;
}
.RadListBox .rlbGroup .rlbActive {
	padding: 10px !important;
}
.RadListBox_Default .rlbText,
.RadListBox_Default .rlbItem,
.RadListBox_Default .rlbButtonText,
.RadListBox_Default .rlbEmptyMessage {
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400;
}
.RadListBox * {
	max-width: 600px !important;
}
@media only screen and (max-width: 1000px) {
	.RadListBox * {
		max-width: 300px !important;
	}
}
.dontknow,
.forgotlblContent,
.dontknow a {
	padding-top: 10px;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400;
	color: #00AD5C;
}
.dontknow a:hover,
.dontknow a:focus {
	text-decoration: none;
	color: #00AD5C;
}
.forgotlblContent {}

/*---- Drag and Drop STV end ----*/


/*---- Mobile STV start ----*/

.mobileSTV {
	margin: 10px 0px 30px 0px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 10px;
}
.mobileSTV th,
.mobileSTV td {
	background: #fff;
	padding: 12px;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C;
}
.mobileSTV th {
	text-align: center;
	border: 1px solid #e5e5e5;
	background-color: #00AD5C;
	color: #fff;
}
.mobileSTV td:nth-child(2) {
	text-align: center;
}

/*.mobileSTV tr
{
	border-bottom: 1px solid #484848;
}*/

.mobileCand {
	cursor: pointer;
	border: 1px solid #e5e5e5;
	margin-bottom: 3px;
}
.mobileSelected,
.mobileCand {
	background: #fff;
	padding: 10px;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C !important;
	width: 80%;
}
td.mobileSelected {
	background: #00aeef;
	color: #fff !important;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
}
input.mobilePref {
	width: 40px;
}
.mobileClear {
	background: #00AD5C;
	color: White;
	padding: 10px;
	border-radius: 4px;
	cursor: pointer;
	display: block;
	text-align: center;
}
@media only screen and (max-width: 768px) {
	.mobileClear {
		background: #00AD5C;
		color: White;
		padding: 10px;
		border-radius: 4px;
		cursor: pointer;
		display: block;
		text-align: center;
	}
}
input.mobilePref {
	color: #000 !important;
	width: 20% !important;
	min-width: 40px;
	text-align: left;
	min-height: 40px;
	padding-left: 0px;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	/* box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8; */
	font-size: 1em;
	background-color: #fff;
	text-align: center;
}

/*---------------- Mobile STV end -----------------------------------------------*/


/*---------------- Upload -----------------------------------------------*/

.ArbitraryCapture_Fileupload .ArbitraryCapture {
	width: 100%;
	max-width: 100%;
	height: auto;
	overflow: hidden;
}
.ArbitraryCapture_Fileupload .ArbitraryCapture .Label {
	float: none;
	width: 100%;
	display: block;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C !important;
}
.ArbitraryCapture_Fileupload .ArbitraryCapture .Field {
	float: left;
}
.ArbitraryCapture_Fileupload {}
.fileuploadstyle {
	background-color: #ffffff;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C !important;
	padding: 19px;
	margin-bottom: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.ArbitraryCapture_Fileupload input[type="submit"] {
	border: 0px solid #ffffff;
	background: #00AD5C;
	color: #ffffff;
	min-width: 100px;
	min-height: 30px;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	border-radius: 6px;
	/* box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8; */
}
.ArbitraryCapture_Fileupload input[type="submit"]:hover {
	background: #16A085;
}
.fileuploadcontainer {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 0px;
}
@media only screen and (max-width: 768px) {
	.fileuploadcontainer {
		background-color: #ffffff;
		padding: 10px;
		border-radius: 6px;
	}
}
.RadUpload_Default .ruSelectWrap .ruButton {
	border-radius: 3px;
	border-color: #e3e3e3 !important;
	color: #333;
	background-color: #ffffff !important;
	background-image: linear-gradient(#ffffff, #ffffff) !important;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C !important;
	white-space: normal !important;
}
.RadUpload_Default .ruDropZone {
	border-color: #e3e3e3 !important;
	background-color: #ecf0f1 !important;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) !important;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C !important;
}
.RadUpload .ruDropZone {
	display: none;
	position: absolute !important;
	left: 0px !important;
	top: 0px !important;
	width: 100%;
	height: 100%;
	padding: 5px;
	border: 1px solid;
	font-size: 14px !important;
	text-align: center;
	z-index: 2000;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #00AD5C !important;
}
.RadUpload .ruBrowse {
	display: inline-block;
	min-width: 4.28571em;
	margin-left: 0 !important;
	padding: 4px 10px;
	text-align: center;
	border: 1px solid transparent;
	outline-offset: -2px;
	width: 100%;
}
.RadUpload .ruSelectWrap,
.RadUpload .ruFileWrap.ruStyled {
	width: 100%
}
.ruUploadSuccess {
	max-width: 30% !important;
	border-bottom: 1px solid #e3e3e3;
}
.RadUpload_Default .ruFileLI .ruButton {
	border-color: #E74C3C !important;
	background-color: #E74C3C !important;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) !important;
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #ffffff !important;
	padding: 5px;
}
.RadUpload_Default .ruFileLI .ruButton:hover {
	border-color: #C0392B !important;
	background-color: #C0392B !important;
}
.RadUpload .ruFileLI .ruButton.ruRemove:before {
	width: .71429em;
	content: "\2715";
	display: inline-block;
	color: #ffffff !important;
	margin-right: 3px;
	text-decoration: none;
}
.ruFileLI:nth-child(1):before {
	content: 'Pending uploads:'!important;
	width: 100%;
	display: block;
	color: #E74C3C;
	font-weight: bold;
}
.RadUpload .ruUploadSuccess .radIcon:before {
	background-color: #E74C3C !important;
	box-shadow: -0.14286em -0.14286em .14286em #E74C3C inset !important;
}

/*---------------- Upload end -----------------------------------------------*/


/******* Session/Close warnings *******/

#divSessionTimeout,
#divCloseWarning {
	min-height: 50px;
	background: #ff6666;
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	display: none;
	position: fixed;
	width: 100%;
	z-index: 1;
}
.sessionRenewed {
	background: #77dd77 !important;
}
.renewSession {
	cursor: pointer;
	color: Blue;
}
.stDisplay .footer {
	background-color: #fff;
}
.session-logo
{
    padding: 20px 0;
}
.session .border
{
    margin: 20px 0;
    background: #fff;
    padding: 20px;
    height: auto;
    margin-bottom: 20px;
}
.session .cloud
{
    margin-bottom: 0;
    border: 1px solid #ecf0f1;
    padding: 20px;
}
h2.session {
    color: #c0392b !important;
    border-bottom: 0 solid #ECF0F1;
}
.session-logo img
{
    max-width: 200px;
}
@media only screen and (max-device-width: 768px) {
.session-logo
    {
        text-align: center;
    }
.session-logo img
{
    max-width: 200px;
}
}
/*---------------- Boostrap Buttons -----------------------------------------------*/

.btn-success {
	margin-right: 20px !important;
}
.btn-success {
	color: #fff;
	background-color: #16A085 !important;
	border-color: #16A085 !important;
	width: 70px !important;
}
.btn-success:hover {
	color: #fff;
	background-color: #1ABC9C !important;
	border-color: #1ABC9C !important;
	width: 70px !important;
}
@media only screen and (max-device-width: 767px) {
	.btn-info {
		width: 100% !important;
	}
}
.butwidth {
	width: 150px !important;
	;
	margin-top: 5px !important;
}
@media only screen and (max-device-width: 767px) {
	.butwidth {
		width: 100% !important;
		;
	}
}
.codebuttons {
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background: #ecf0f1;
	border-radius: 6px;
}

/*---------------- Boostrap Buttons -----------------------------------------------*/

.popover {
	max-width: 100% !important;
}

/*---------------- Boostrap popover end -----------------------------------------------*/

.pdficon {
	border: none;
}
div.login_submitButtonContainer {
	margin-top: 1em;
}
#nojava {
	display: block
}
#yesjava {
	display: none;
}
.helptips {
	text-align: right;
}
.bluetext {
	color: #00AD5C;
	font-size: 1.2em;
	font-family: 'Questrial', 'Arial', sans-serif;
	font-weight: 400;
}
.forgoterror {
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #ffffff !important;
	padding: 10px;
	background-color: #009fe3;
	border-radius: 2px;
	margin-top: 10px;
}
.forgoterror a {
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #ffffff !important;
	background-color: #009fe3;
	border-radius: 2px;
	margin-top: 10px;
    text-decoration: underline;
    
}
.forgoterror a:hover {
	font-family: 'Questrial', 'Arial', sans-serif !important;
	font-weight: 400 !important;
	color: #484848 !important;
	background-color: #009fe3;
	border-radius: 2px;
	margin-top: 10px;
    text-decoration: underline;
}
.whitebackground {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 6px;
}
.well {
	margin-bottom: 0px !important;
	background-color: #ecf0f1 !important;
	border: 1px solid #e3e3e3;
	margin-top: 5px !important;
}
.desktop {
	display: none;
}
.touch-device {
	display: none;
}
.btn-info {
	color: #fff;
	background-color: #00AD5C !important;
	border-color: #00AD5C !important;
	border-radius: 0px !important;
}
.btn-info:hover,
.btn-info:focus {
	color: #fff;
	background-color: #00aeef !important;
	border-color: #00aeef !important;
	border-radius: 0px !important;
}
.navbar-default .navbar-toggle {
	border-color: transparent !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent !important;
}
.ArbitraryCapture_CheckBox label {
	vertical-align: middle;
}
/* Session timeout style*/
h2.session
{
    color: #c0392b !important;
}