@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Open Sans';
    /*src: url('/failover_app/maintenance_objects/fonts/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('/failover_app/maintenance_objects/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),*/
    src: url('/failover_app/maintenance_objects/fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/failover_app/maintenance_objects/fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/failover_app/maintenance_objects/fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}

b {
	font-family: 'Open Sans';
    font-weight: 900;
      /*src: url('/failover_app/maintenance_objects/fonts/lato-light/lato-light.eot'); IE9 Compat Modes*/
      /*src: url('/failover_app/maintenance_objects/fonts/lato-light/lato-light.eot?#iefix') format('embedded-opentype'),  IE6-IE8 */
         src: url('/failover_app/maintenance_objects/fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
         url('/failover_app/maintenance_objects/fonts/OpenSans/OpenSans-Regular-webfont.ttf')  format('truetype');
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrapper {min-height: 100%;}

#main {
	overflow:auto;
	padding-bottom: 110px;
}  /* must be same height as the footer */

.footer {
	position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	clear:both;
	background-color: #f5f5f5;
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrapper {display:table;height:100%}
	</style>
<![endif]-->

*/



/*	GENERAL STYLES 
-------------------------------------------------- */

body {
	background:url(/failover_app/maintenance_objects/images/background-repeat.gif) repeat;
	/*font-family:'Lato', lato-light, Calibri, Arial, sans-serif;*/
	font-family:'Open Sans', Calibri, Arial, sans-serif;
	padding:0;
	margin:0;
}

.container {
	width: 960px;
	margin:0 auto;
}


img {
	border:0;
}

a {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}

button:focus {
	outline:none;
}
button:hover {
	cursor:pointer;
}


/*	HEADER STYLES 
-------------------------------------------------- */

.header {
	background-color:#e8f9f7;
	/*Edited by EeShan 20150505*/
	font-size:14px;
	color:#666;
}
.header > .container {
	height:98px;
	padding:25px 0;
}

.headerLogo {
	text-align:left;
	float:left;
	width:45%;
}
.headerLogo img {
	display:inline-block;
	margin-top:10px;
	margin-bottom:0;
	max-width:100%;
	height:auto;
	margin-left:15px;
}


.headerInfo {
	text-align:right;
	float:right;
	width:55%;
}

.headerInfo > img {
	display:inline-block;
	margin-bottom:5px;
}

.headerNav {
	padding:0;
	margin:0 0 10px;
}
.headerNav li {
	display:inline-block;
	list-style:none;
	margin-right:10px;
}

.headerNav li:last-child {
	margin-right:0;
}
.headerNav li:after {
	content:"|";
	margin-left:10px;
}
.headerNav li:last-child:after {
	content:"";
	margin-left:0;
}

.headerNav li a {
	color:#666;
}



.headerSearch {
	padding-left:80px;
	background:url(/failover_app/maintenance_objects/images/logo-google.png) left center no-repeat;
	float:right;
	text-align:right;
}

.headerSearch .input-group {
	float:right;
}
.headerSearch .searchHolder {
	float:left;
}

.headerSearch .input-group-btn {
}

.headerSearch .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	margin-left:-1px;
	background:#FFF;
}

.headerSearch input {
	height:28px;
	font-size:12px;
	/*Edited by EeShan 20150505*/
	font-family:'Open Sans', Calibri, Arial, sans-serif;
	/*font-family:'Lato', lato-light, Calibri, Arial, sans-serif;*/
	outline:none;
	box-shadow:none;
	border:1px solid #c3d1cf;
	border-right:0;
	padding-left:7px;
	padding-right:7px;
	
}

.headerSearch input:focus {
	outline:none;
	box-shadow:none;
	border-color:#c3d1cf;
}

.headerSearch .btn {
	border-color:#c3d1cf;
	border-radius:0;
	height:30px;
	padding:3px 10px;
	margin-top:0;
	width:40px;
}

.headerSearch .btn:hover {
	background:#FFF;
}
.headerSearch .btn:focus,
.headerSearch .btn:focus span {
	outline:none;
	box-shadow:none;
	border-color:#c3d1cf;
	background:#FFF;
}

.headerSearch .btn-default:hover, 
.headerSearch .btn-default:focus, 
.headerSearch .btn-default.focus {
	outline:none;
	box-shadow:none;
	border-color:#c3d1cf;
	background:#FFF;
}

.headerSearch .btn img {
	width:16px;
	margin-top:3px;
}

.searchInput, .searchSelect {
	width:100%;
}
.searchInput {
	position:relative;
	z-index:15;
}
.searchSelect {
}


.headerSearch input {
}

.searchInput, .searchSelect {
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
.searchInput {
}
.searchSelect {
	width:210px;
}

.searchSelect .option-list {
	height:53px !important;
}
.searchSelect .option-list li:last-child {
	border-bottom:0;
}


/*	NAVIGATION STYLES 
-------------------------------------------------- */


.mainNav {
	background-color:#0067a1;
	color:#FFF;
	z-index:3;
	height:50px;
}

.mainNav {
	padding-top:0;
	padding-bottom:0;
}
.mainNav > .container {
}
.mainNav ul {
	padding:0;
	margin:0;
}	
.mainNav li {
	display:block;
	float:left;
	vertical-align:middle;
	text-align:center;
	list-style:none;
	/*Edited by EeShan 20150505*/
	font-size:15px;
	font-weight:400;
	position:relative;
	/*z-index:5;*/
}

.mainNav li.voters,
.navbar-nav li.voters {
	/*pink*/
	/*Edited by EeShan 20150505*/
	background-color:#BD517C;
	/*background-color:#f56b85;*/
	/*background-color:#5a5a5a;*/
}
.mainNav li.candidates,
.navbar-nav li.candidates {
	/*purple*/
	/*Edited by EeShan 20150505*/
	background-color:#774A91;
	/*background-color:#a680bb;*/
	/*background-color:#494949;*/
}

.mainNav li a {
	display:block;
	color:#FFF;
	padding:15px 17px;
	line-height:20px;
}
.mainNav li a:hover,
.mainNav li a:focus,
.mainNav li:focus a {
	text-decoration:none;
	color:#444;
}
.mainNav li:hover {
	/*Edited by EeShan 20150505*/
	background-color:#13D0CA;
	/*background-color:#3acbc7;*/
	color:#444;
}
.mainNav li:hover a {
	color:#444;
}

.mainNav li.active a {
	border-bottom:7px solid rgba(0,0,0,0.3);
	padding-bottom:8px;
}
.mainNav li.active li a {
	border-bottom:0;
	padding-bottom:10px;
}

.mainNav li ul {
	position:absolute;
	top:50px;
	display:none;
	height:auto;
	clear:both;
	/*Edited by EeShan 20150505*/
	width:220px;
	background-color: #CCEAE7;
	/*background-color:#13d0ca;*/
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
	z-index:5;
}
.mainNav li ul li {
	display:block;
	/*Edited by EeShan 20150505*/
	width:220px;
	text-align:left;
	border-bottom:1px solid rgba(0,0,0,.2);
	font-size:14px;
	float:none;
	background-color: #CCEAE7;
}

.mainNav li ul li:last-child {
	border-bottom:0;
}
.mainNav li ul li a {
	padding:10px 15px;
	color:#444;
}
/*.mainNav li ul li a:hover {
	background-color:#0caba6;
}*/

.mainNav li ul li span {
	position:absolute;
	right:10px;
	width:8px;
	height:16px;
	top:50%;
	margin-top:-8px;
	background:url(/failover_app/maintenance_objects/images/icon-arrow-grey.png) center no-repeat;
}

.mainNav li ul li ul {
	top:0;
	/*Edited by EeShan 20150505*/
	left:150px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	display:none;
	/*Edited by EeShan 20150505*/
	width:220px;
}
.mainNav li ul li ul li {
	/*Edited by EeShan 20150505*/
	width:220px;
}

.mainNav li:hover > ul {
	display:block;
}

.mainNav li:last-child ul,
.mainNav li:nth-last-child(2) ul,
.mainNav li:nth-last-child(3) ul {
	right:0;
}



.mainNav li.voters > a,
.navbar-nav li.voters > a {
	background:url(/failover_app/maintenance_objects/images/icon-nav-voters.png) 15px 14px no-repeat;
	padding-left:45px;
	background-size:22px 22px;
}
.mainNav li.voters:hover > a,
.navbar-nav li.voters:hover > a {
	background:url(/failover_app/maintenance_objects/images/icon-nav-voters-grey.png) 15px 14px no-repeat;
	background-size:22px 22px;
}
.mainNav li.candidates > a,
.navbar-nav li.candidates > a {
	background:url(/failover_app/maintenance_objects/images/icon-nav-candidates.png) 15px 14px no-repeat;
	padding-left:45px;
	background-size:22px 22px;
}
.mainNav li.candidates:hover > a,
.navbar-nav li.candidates:hover > a {
	background:url(/failover_app/maintenance_objects/images/icon-nav-candidates-grey.png) 15px 14px no-repeat;
	background-size:22px 22px;
}


/*:root .option-list{
	width:227px \0/IE9;
}*/




/*	FOOTER STYLES 
-------------------------------------------------- */

.footer {
	background:#63656a;
	/*Edited by EeShan 20150505*/
	color:#FFF;
	/*color:#c7c7c7;*/
	border-top:5px solid #3acbc7;
	font-size:14px;
	text-align:center;
	font-weight:400;
}

.footer > .container {
	height:60px;
	padding-top:25px;
	padding-bottom:20px;
}

.footerImg {
	padding-top:8px;
	text-align:left;
	float:left;
}

.footerImg img {
	height:45px;
	margin-left:15px;
}

.footerInfo {
	text-align:right;
}

.footerInfo p {
	margin-bottom:5px;
}
.footerInfo p a {
	color:#FFF;
	/*color:#c7c7c7;*/
	margin-left:10px;
	margin-right:10px;
}

.footerInfo p a:first-child {
	margin-left:0;
}
.footerInfo p a:last-child {
	margin-right:0;
}




/*	ANNOUNCEMENT STYLES 
-------------------------------------------------- */

.announcementHolder {
	background:#FFF;
	padding:10px 0;
}
.announcementHolder p {
	padding-left:55px;
	background:url(/failover_app/maintenance_objects/images/icon-announcement-loud-speaker.png) left center no-repeat;
	font-size:16px;
}



/*	CONTENT STYLES 
-------------------------------------------------- */

.mainContent {
	padding-top:30px;
	padding-bottom:50px;
}

.mainContent .container > .row {
	display:block;
	overflow:hidden;
}

.home-eService {
	margin-bottom:25px;
	float:left;
	width:325px;
}
.home-eService h2 {
	background-color:#0067a1;
	color:#FFF;
	font-weight:100;
	margin:0;
	padding:20px 25px;
	line-height:33px;
	font-size:30px;
}
.home-eService-info {
	background-color:#FFF;
	text-align:center;
	color:#0076a9;
	padding:30px 25px;
	height:105px;
}

.home-eService-info button {
	/*Edited by EeShan 20150505*/
	background-color:#13d0ca;
	color:#444;
	display:inline-block;
	border:0;
	padding-top:22px;
	padding-bottom:22px;
	font-size:18px;
	font-weight:900;
	margin-bottom:20px;
	width:100%;
	font-family:'Open Sans', Calibri, Arial, sans-serif;
}
.home-eService-info button:hover {
	/*Edited by EeShan 20150505*/
	background-color:#99D5CF;
	/*background-color:#0caba6;*/
	cursor:pointer;
}
.home-eService-info button img {
	display:inline-block;
	margin-right:5px;
}

.home-eService-info p {
	margin-bottom:0;
	font-size:16px;
}
.home-eService-info p a {
	color:#0076a9;
}





.home-vote-candidate {
	margin-bottom:25px;
	float:right;
	width:610px;
}

.home-vote-candidate .nav-tabs {
	border:0;
	display:block;
	overflow:hidden;
}

.home-vote-candidate .nav-tabs li {
	display:block;
	width:50%;
	margin:0;
	float:left;
	list-style:none;
	position:relative;
}
.home-vote-candidate .nav-tabs li a {
	padding:20px 0;
	border:0;
	border-radius:0;
	text-align:center;
	display:block;
	margin:0;
	background-color:#f9f9f9;
	color:#63656a;
	font-weight:200;
	line-height:33px;
	font-size:24px;
}
.home-vote-candidate .nav-tabs li a:hover {
	text-decoration:none;
}

.home-vote-candidate .nav-tabs li.active > a,
.home-vote-candidate li.ui-tabs-active a {
	background-color:#FFF;
	padding-top:15px;
	/*Edited by EeShan 20150505*/
	border-top:5px solid #BD517C;
	color:#BD517C;
	/*border-top:5px solid #f56b85;
	color:#f56b85;*/
}

.home-vote-candidate li.ui-tabs-active a.myTab2 {
	background-color:#FFF;
	padding-top:15px;
	/*Edited by EeShan 20150505*/
	border-top:5px solid #774A91;
	color:#774A91;
	/*border-top:5px solid #8d77ae;
	color:#8d77ae;*/
}

.home-vote-candidate .nav-tabs li a span {
	width:33px;
	height:33px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:50%;
	margin-top:-16px;
}

.myTab1 span {
	left:70px;
	background:url(/failover_app/maintenance_objects/images/icon-tabs-voters.png) 0 0 no-repeat;
}
.myTab2 span {
	left:50px;
	background:url(/failover_app/maintenance_objects/images/icon-tabs-candidates.png) 0 0 no-repeat;
}

.home-vote-candidate .nav-tabs li.ui-tabs-active .myTab1 span {
	background:url(/failover_app/maintenance_objects/images/icon-tabs-voters.png) 0 -33px no-repeat;
}
.home-vote-candidate .nav-tabs li.ui-tabs-active .myTab2 span {
	background:url(/failover_app/maintenance_objects/images/icon-tabs-candidates.png) 0 -33px no-repeat;
}


.home-vote-candidate .tab-content {
	background-color:#FFF;
	padding:30px 25px;
	height:105px;
	display:block;
	overflow:hidden;
	position:relative;
	/*Edited by EeShan 20150505*/
	font-size:16px;
}

.home-vote-candidate .tab-content p {
	display:block;
	overflow:hidden;
	padding-top:10px;
}
.home-vote-candidate .tab-content ul {
	display:inline-block;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
	height:30px;
	bottom:30px;
}
.home-vote-candidate .tab-content li {
	display:inline-block;
	height:30px;
	line-height:30px;
	list-style:none;
	margin-right:25px;
}
.home-vote-candidate .tab-content li:last-child {
	margin-right:0;
}

.home-vote-candidate .tab-content li a {
	color:#0076a9;
}
.home-vote-candidate .tab-content li img {
	display:inline-block;
	float:left;
	margin-right:15px;
}



/*	POLL STATION STYLES 
-------------------------------------------------- */

.poll-station {
	background-color:#0067a1;
	color:#FFF;
	text-align:center;
	padding:15px 200px;
	font-size:18px;
	overflow:hidden;
	margin-bottom:25px;
}
.poll-station p {
	display:block;
	float:left;
	line-height:40px;
	text-align:center;
	width:260px;
	font-weight:300;
}
.poll-station div {
	display:block;
	float:right;
	width:300px;
}

.poll-station input[type="text"] {
	background:#FFF;
	border:0;
	outline:none;
	height:40px;
	line-height:40px;
	float:left;
	width:190px;
	padding:0 10px;
	font-size:16px;
	font-family:'Open Sans', Calibri, Arial, sans-serif;
	font-weight:200;
}
.poll-station button {
	float:right;
	background:#13d0ca;
	width:90px;
	border:0;
	height:40px;
	font-size:16px;
	color:#444;
	font-family:'Open Sans', Calibri, Arial, sans-serif;
	font-weight:900;
}
.poll-station button:hover {
	/*Edited by EeShan 20150505*/
	background-color:#99d5cf;
	/*background-color:#0caba6;*/
	cursor:pointer;
}



/*	MEDIA AND GAZETTES STYLES 
-------------------------------------------------- */

.newsHolder {
	margin-bottom:25px;
	background:#FFF;
	font-size:16px;
	overflow:hidden;
	position:relative;
	padding:30px 0;
}


.newsHolder div {
	width:420px;
	float:left;
	padding:0 30px;
}

.newsHolder div.media {
	width:419px;
	border-right:1px solid #DDD;
}

.newsHolder div h2 {
	font-size:30px;
	font-weight:200;
	color:#333;
	border-bottom:2px solid #0067a1;
	margin-bottom:10px;
	position:relative;
	line-height:40px;
	padding-left:60px;
}
.newsHolder div h2 a {
	position:absolute;
	right:0;
	font-size:16px;
	color:#0e719f;
	line-height:40px;
}
.newsHolder div h2 a:after {
	content:" >";
}

.newsHolder div.media h2 {
	background:url(/failover_app/maintenance_objects/images/icon-news-media.png) left top no-repeat;
}
.newsHolder div.gazettes h2 {
	background:url(/failover_app/maintenance_objects/images/icon-news-gazettes.png) left top no-repeat;
}


.newsHolder div ul {
	padding:0;
	margin:0;
}
.newsHolder div li {
	display:block;
	overflow:hidden;
	list-style:none;
	border-bottom:1px solid #DDD;
	padding:20px 0;
}
.newsHolder div li:last-child {
	border-bottom:0;
}
.newsHolder div li p {
	margin-bottom:10px;
	display:block;
	overflow:hidden;
	line-height:20px;
	font-weight:300;
}
.newsHolder div li p:last-child {
	margin-bottom:0;
}

.news-item-date {
	display:block;
	float:left;
}
.news-item-tag {
	display:block;
	float:right;
	/*Edited by EeShan 20150505*/
	font-size:14px;
	line-height:14px;
	background:#666;
	color:#FFF;
	padding:3px 10px;
	width:90px;
	text-align:center;
}
.news-item-pdf {
	padding-right:40px;
	min-height:25px;
	line-height:25px;
	background:url(/failover_app/maintenance_objects/images/pdf.gif) right 3px no-repeat;
}

.newsHolder div li p a {
	color:#0e719f;
}



/*	LAST UPDATED STYLES 
-------------------------------------------------- */

.lastUpdate {
	font-size:14px;
	font-weight:200;
	color:#333;
}



/*	BX SLIDER STYLES 
-------------------------------------------------- */
.carouselHolder .bx-wrapper .bx-viewport {
	background:none;
	box-shadow:none;
	border:0;
	left:auto;
}
.carouselHolder .bx-wrapper {
	margin-bottom:25px;
	background:none;
}

.carouselHolder .bx-wrapper p {
	display:block;
	text-align:center;
	padding:10px;
	background-color:#FFF;
	height:36px;
	line-height:18px;
	color:#010101;
	/*Edited by EeShan 20150505*/
	font-size:16px;
}

.carouselHolder .bx-wrapper a p {
	color:#010101;
}
.carouselHolder .bx-wrapper a:hover {
	text-decoration:none;
}

.carouselHolder .bx-wrapper .bx-pager {
	display:none;
}

.bx-wrapper .bx-controls-direction a {
	width:18px;
	height:40px;
	margin-top: -20px;
}

.carouselHolder .bx-wrapper .bx-prev {
	background:url(/failover_app/maintenance_objects/images/icon-carousel-left.png) left center no-repeat;
	left:-35px;
}
.carouselHolder .bx-wrapper .bx-prev:hover {
	background-position:left center;
}

.carouselHolder .bx-wrapper .bx-next {
	background:url(/failover_app/maintenance_objects/images/icon-carousel-right.png) right center no-repeat;
	right:-35px;
}
.carouselHolder .bx-wrapper .bx-next:hover {
	background-position:right center;
}




/*	FLEXSLIDER STYLES 
-------------------------------------------------- */

.flexslider {
	border:0;
	box-shadow:none;
	min-width:960px;
	margin:0 auto;
	overflow:hidden;
}

.flex-control-nav {
	bottom:10px;
}

.flex-direction-nav a {
	width:40px;
	height:50px;
	margin-top:-25px;
	overflow:hidden;
}

.flex-direction-nav a.flex-next:before,
.flex-direction-nav a:before {
	content:"";
}

.flex-direction-nav .flex-prev {
	background:url(/failover_app/maintenance_objects/images/flexslider-arrow-left.png) center no-repeat;
}
.flex-direction-nav .flex-next {
	background:url(/failover_app/maintenance_objects/images/flexslider-arrow-right.png) center no-repeat;
}

.flex-control-paging li a {
	background:#959396;
	border-radius:0;
	box-shadow:none;
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
	background:#13d0ca;
}




/*	BREADCRUMB STYLES 
-------------------------------------------------- */

.breadcrumb {
	display:block;
	overflow:hidden;
	margin-bottom:25px;
	padding:0;
}
.breadcrumb li {
	display:inline-block;
	padding:0;
	font-size:14px;
	color:#4c4f50;
	margin-right:3px;
}
.breadcrumb li:last-child {
	margin-right:0;
}
.breadcrumb li:after {
	content:"»";
	padding-left:5px;
	color:#007299;
}
.breadcrumb li:last-child:after {
	content:"";
	padding-left:0;
}
.breadcrumb li a {
	color:#007299;
}



/*	CONTENT HOLDER STYLES 
-------------------------------------------------- */

#contentHolder {
	margin-bottom:25px;
	overflow:hidden;
}



/*	LEFT CONTENT HOLDER STYLES 
-------------------------------------------------- */

.leftContent {
	width:220px;
	background-color:#f9f9f9;
	float:left;
	overflow:hidden;
	color:#333;
	padding:20px;
}

.leftContent > .leftInnerContent {
	padding:20px 0;
	border-bottom:1px solid #e5e5e5;
}
.leftContent > .leftInnerContent:first-child {
	padding-top:0;
}
.leftContent > .leftInnerContent:last-child {
	padding-bottom:0;
	border-bottom:0;
}

.leftContent > .leftInnerContent p {
	/*Edited by EeShan 20150505*/
	font-size:16px;
	line-height:22px;
	margin-bottom:15px;
}
.leftContent > .leftInnerContent p:last-child {
	margin-bottom:0;
}

.leftContent button {
	width:100%;
	/*Edited by EeShan 20150505*/
	background-color:#13d0ca;
	border:0;
	color:#444;
	height:60px;
	font-size:18px;
	text-align:left;
	padding-left:50px;
	font-weight:900;
	font-family:'Open Sans', Calibri, Arial, sans-serif;
	background-position:20px center;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
.leftContent button:hover {
	/*Edited by EeShan 20150505*/
	background-color: #99D5CF;
	/*background-color:#0caba6;*/
}
.leftContent button.singpass {
	background-image:url(/failover_app/maintenance_objects/images/icon-button-lock-grey.png);
}
.leftContent button.nric {
	/*background-image:url(/failover_app/maintenance_objects/images/icon-button-calendar-grey.png);*/
	line-height:16px;
	padding-left:10px;
	font-size:14px;
	font-weight:400;
	background-color:#cfcfcf;
}

.leftContent button.nric:hover {
	background-color: #dedede;
}




/*	RIGHT CONTENT HOLDER STYLES 
-------------------------------------------------- */

.rightContent , .rightContentResult{
	width:640px;
	background-color:#FFF;
	float:right;
	overflow:hidden;
	padding:30px;
	/*Edited by EeShan 20150505*/
	font-size:16px;
	line-height:20px;
}

.rightContent h1, .rightContentResult h1 {
	display:block;
	font-size:30px;
	line-height:50px;
	font-weight:400;
	border-bottom:2px solid #3acbc7;
	margin-bottom:10px;
}
.rightContent h2, .rightContentResult h2 {
	display:block;
	font-size:24px;
	line-height:30px;
	font-weight:200;
	margin-bottom:25px;
}

.rightContent p, .rightContentResult p {
	margin-bottom:15px;
}
.rightContent a, .rightContentResult a {
	color:#0067a1;
}

/*	CENTRE CONTENT HOLDER STYLES (Angelia)
-------------------------------------------------- */

.centerContent {
	width:860px;
	background-color:#FFF;
	float:left;
	overflow:hidden;
	padding:30px;
	font-size:14px;
	line-height:20px;
}

.centerContent h1 {
	display:block;
	font-size:30px;
	line-height:50px;
	font-weight:400;
	border-bottom:2px solid #3acbc7;
	margin-bottom:10px;
}
.centerContent h2 {
	display:block;
	font-size:24px;
	line-height:30px;
	font-weight:200;
	margin-bottom:25px;
}

.centerContent p {
	margin-bottom:15px;
}
.centerContent a {
	color:#0067a1;
}

/***        END        ***/


.well {
	display:block;
	overflow:hidden;
	padding:20px 30px;
	background-color:#f9f9f9;
	margin-bottom:25px;
}

.pageAction {
	margin-bottom:10px;
	display:block;
	overflow:hidden;
}
.pageAction ul {
	display:block;
	padding:0;
	text-align:right;
}
.pageAction li {
	list-style:none;
	display:inline-block;
	padding:5px;
}
.pageAction li a {
	display:block;
	width:25px;
	height:25px;
	background-image:url(/failover_app/maintenance_objects/images/icon-page-actions.png);
	background-repeat:no-repeat;
}
.pageAction li.plusFont a {
	/*background-position:0 0;*/
	background-position:-25px 0;
}
.pageAction li.plusFont a:hover {
	/*background-position:0 -25px;*/
	background-position:-25px -25px;
}
.pageAction li.minusFont a {
	/*background-position:-25px 0;*/
	background-position:0 0;
}
.pageAction li.minusFont a:hover {
	/*background-position:-25px -25px;*/
	background-position:0 -25px;
}
.pageAction li.sendEmail a {
	background-position:-50px 0;
}
.pageAction li.sendEmail a:hover {
	background-position:-50px -25px;
}
.pageAction li.sendPrint a {
	background-position:-75px 0;
}
.pageAction li.sendPrint a:hover {
	background-position:-75px -25px;
}



ul.square-listing {
	padding:0;
	margin-bottom:25px;
}

ul.square-listing > li {
	list-style:none;
	display:block;
	padding-left:35px;
	margin-bottom:35px;
	line-height:22px;
	background:url(/failover_app/maintenance_objects/images/icon-square-list.png) 3px 7px no-repeat;
}
ul.square-listing > li h4 {
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}
ul.square-listing > li p {
	display:block;
	margin-bottom:5px;
}
ul.square-listing > li p:last-child {
	margin-bottom:0;
}

ul.square-listing li > ul {
	padding:20px 25px;
	border:1px solid #e4e4e4;
	display:block;
	margin-top:15px;
}
ul.square-listing li > ul li {
	display:block;
	list-style:none;
	padding-left:15px;
	background:url(/failover_app/maintenance_objects/images/icon-triangle-list.png) left 5px no-repeat;
	margin-bottom:10px;
}
ul.square-listing li > ul li:last-child {
	margin-bottom:0;
}

.tblHeader {
	font-size:17px;
	background-color:#3acbc7;
}



/*	ACCORDION STYLES 
-------------------------------------------------- */

#accordion {
	display:block;
	margin:-20px;
	padding:0;
}

#accordion h3 {
	display:block;
	overflow:hidden;
	/*Edited by EeShan 20150505*/
	background-color:#99d5cf;
	color:#444;
	/*background-color:#3acbc7;
	color:#FFF;*/
	font-weight:300;
	padding:15px 20px 15px 20px;
	font-size:18px;
	outline:none;
	margin-bottom:1px;
	line-height:20px;
}
#accordion h3:hover {
	cursor:pointer;
}
#accordion h3 a {

	/*Edited by EeShan 20150505*/
	color:#444;
	/*color:#FFF;*/
}
#accordion div {
	border-top:4px solid #0e719f;
	margin-top:-1px;
}

/* by Angelia */
#accordionMain {
	display:block;
	margin:-20px;
	padding:0;
}
#accordionMain h3 {
	display:block;
	overflow:hidden;
	background-color:#3acbc7;
	color:#FFF;
	font-weight:300;
	padding:15px 20px 15px 20px;
	font-size:18px;
	outline:none;
	margin-bottom:1px;
	line-height:20px;
}
#accordionMain h3:hover {
	cursor:pointer;
}

#accordionMain h3 a {

	color:#FFF;
}

#accordionMain div {
	border-top:4px solid #0e719f;
	margin-top:-1px;
}




#accordion ul {
	display:block;
	padding:0;
	background-color:#f9f9f9;
}
#accordion li {
	display:block;
	padding:0;
	list-style:none;
	border-bottom:1px solid #e0e0e0;
	/*Edited by EeShan 20150505*/
	font-size:16px;
	line-height:20px;
}
#accordion li a {
	display:block;
	padding:15px 20px;
	color:#4c4f50;
}
#accordion li a:hover,
#accordion li.active a {
	background-color:#FFF;
	color:#0e719f;
	text-decoration:none;
}

#accordion h3 span {
	display:inline-block;
	float:right;
	width:20px;
	height:20px;
	background:url(/failover_app/maintenance_objects/images/icon-accordion-plus.png) center no-repeat;
}
#accordion h3.ui-state-active span {
	background:url(/failover_app/maintenance_objects/images/icon-accordion-minus.png) center no-repeat;
}

/* by EeShan */
.cand_table{
	display:table;
	border-collapse: collapse;
}
.cand_th{
	display:table-row;
	font-weight: bold;
	background-color:#0067A1;
	color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.cand_tr{  
	display:table-row;
	background-color:#E8FDFC;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.cand_cell{
	display:table-cell;
	padding: 5px;
}

.boxborders{
	border:#e4e4e4 solid thick;
}

.feedback button {
	background:#13d0ca;
	width:90px;
	border:0;
	height:40px;
	font-size:16px;
	color:#FFF;
	/*Edited by EeShan 20150505*/
	font-family:'Open Sans', Calibri, Arial, sans-serif;
	/*font-family:'Lato', lato-light, Calibri, Arial, sans-serif;*/
	font-weight:200;
}
.feedback button:hover {
	background-color:#0caba6;
	cursor:pointer;
}

/* Added by Angelia */
hr.style-six { 
	border: 0; 
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

hr.style-seven { 
	border: 0; 
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.2); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

	.tableStyle
	{
		display:table; 
		width:auto;  
		border:1px solid #666666 border-spacing:5px;
	}
	.tableHeader
	{
		float:left; 
		display:table-column; 
		width: 400px; 
		background-color: #13D0CA; 
		padding:10px 0px 0px 10px;
		color: white;
		font-weight: bold;
	}
	
	.tableHeaderRight
	{
		float:left; 
		display:table-column; 
		width: 180px; 
		background-color: #13D0CA;
		padding:10px 0px 0px 10px;
		color: white;
		font-weight: bold;
	}
	
	.tableColor
	{
		float:left; 
		display:table-column; 
		width: 400px; 
		background-color: #E8FDFC;
		padding:10px 0px 0px 10px;
	}
	
	.tableColorAlt
	{
		float:left; 
		display:table-column; 
		width: 400px; 
		background-color: #EFEFEF;
		padding:10px 0px 0px 10px;
	}
	
	.byHeader
	{
			float:left; 
			display:table-column; 
			background-color: #13D0CA; 
			padding: 10px 5px 5px 15px;
			text-align:center;
			color:white;
			font-weight:bold;
			height:60px
	}
	
	.byContent
	{
		float:left; 
		display:table-column; 
		background-color: #EFEFEF; 
		padding: 10px 5px 5px 15px; 
	}
	
	.rightContentResult .byHeader
	{
			float:left; 
			display:table-column; 
			background-color: #13D0CA; 
			padding: 10px 5px 5px 15px;
			text-align:center;
			color:white;
			font-weight:bold;
			height:80px;
			font-size:14px;
	}
	
	.rightContentResult .byContent
	{
		float:left; 
		display:table-column; 
		background-color: #EFEFEF; 
		padding: 10px 5px 5px 15px; 
		font-size:14px;
	}

