table.key tbody tr td{background: url('../images/key.png') no-repeat; background-position: center center;width:50px;height:50px;text-align:center;font-size:40px;font-weight:bold;padding:3px;margin:0}
table.key tbody tr td.long-key{background: url('../images/key-long.png') no-repeat; background-position: center center;width:120px;height:50px;text-align:center;font-size:40px;font-weight:bold;padding:3px;margin:0}
table#opSel td{background: url('../images/sel400x50.png') no-repeat; background-position: center center;width:400px;height:50px;text-align:left;font-size:40px;font-weight:normal;padding-left:30px;margin:0}
table#opSel td.selChk{background: url('../images/sel-chk400x50.png') no-repeat; background-position: center center;width:400px;height:50px;text-align:left;font-size:40px;font-weight:normal;padding-left:30px;margin:0}

table.key2 tbody tr td{padding:3px;margin:0;background-position: center center;}
.key2 td{background: url('../images/key80x80.png') no-repeat; width:80px;height:80px;text-align:center;font-size:50px;font-weight:bold;}
td.key2-2{background: url('../images/key170x80.png') no-repeat; width:170px;height:80px;text-align:center;font-size:50px;font-weight:bold;}
td.entry260x80{background: url('../images/entry260x80.png') no-repeat; width:260px;height:80px;text-align:center;font-size:30px;font-weight:bold;padding:5px;margin:0;background-position: center center;}
td.entry580x80{background: url('../images/entry580x80.png') no-repeat; width:580px;height:80px;text-align:center;font-size:30px;font-weight:bold;padding:5px;margin:0;background-position: center center;}
table.sel2 tbody tr td{background: url('../images/sel400x50.png') no-repeat; background-position: center center;width:400px;height:50px;text-align:left;font-size:40px;font-weight:normal;padding-left:60px;margin:0}
table.sel2 tbody tr td.selChk{background: url('../images/sel-chk400x50.png') no-repeat; background-position: center center;width:400px;height:50px;text-align:left;font-size:40px;font-weight:normal;padding-left:60px;margin:0}

.sel2 td#T1{background: url('../images/bell400x200.png') no-repeat; background-position: center center;width:400px;height:200px;text-align:left;font-size:40px;font-weight:normal;padding-left:60px;margin:0;/*hide text*/text-indent:100%;white-space:nowrap;overflow: hidden;}
.sel2 td#T1.selChk{background: url('../images/bell-chk400x200.png') no-repeat; background-position: center center;width:400px;height:200px;text-align:left;font-size:40px;font-weight:normal;padding-left:60px;margin:0;/*hide text*/text-indent:100%;white-space:nowrap;overflow: hidden;}

.sel2 td#T2{background: url('../images/telus400x200.png') no-repeat; background-position: center center;width:400px;height:200px;text-align:left;font-size:40px;font-weight:normal;padding-left:60px;margin:0;/*hide text*/text-indent:100%;white-space:nowrap;overflow: hidden;}
.sel2 td#T2.selChk{background: url('../images/telus-chk400x200.png') no-repeat; background-position: center center;width:400px;height:200px;text-align:left;font-size:40px;font-weight:normal;padding-left:60px;margin:0;/*hide text*/text-indent:100%;white-space:nowrap;overflow: hidden;}

.sel2 td#T3{background: url('../images/rogers400x200.png') no-repeat; background-position: center center;width:400px;height:200px;text-align:left;font-size:40px;font-weight:normal;padding-left:60px;margin:0;/*hide text*/text-indent:100%;white-space:nowrap;overflow: hidden;}
.sel2 td#T3.selChk{background: url('../images/rogers-chk400x200.png') no-repeat; background-position: center center;width:400px;height:200px;text-align:left;font-size:40px;font-weight:normal;padding-left:60px;margin:0;/*hide text*/text-indent:100%;white-space:nowrap;overflow: hidden;}

table.key1 tbody tr td{padding:3px;margin:0;height:70px;text-align:center;font-size:50px;font-weight:bold;background-position: center center;}
.key1 td{background: url('../images/key70x70.png') no-repeat; width:70px;}
td.key1-2{background: url('../images/key150x70.png') no-repeat; width:150px;}

table.buttonNxt{background: url('../images/key-nxt170x80.png') no-repeat; background-position: center center;width:170px;height:80px;text-align:center;font-size:20px;font-weight:bold;padding:3px;margin:0}
table.buttonNxtGry{background: url('../images/key-nxt-gry170x80.png') no-repeat; background-position: center center;width:170px;height:80px;text-align:center;font-size:20px;font-weight:bold;padding:3px;margin:0}
table.buttonOrg{background: url('../images/key170x80.png') no-repeat; background-position: center center;width:170px;height:80px;text-align:center;font-size:20px;font-weight:bold;padding:3px;margin:0}

.msg-pg-prompt {font-size:30px}

#vvv{background: url('../images/fld-entry.png') no-repeat; background-position:center center;width:300px;height:50px;text-align:center;font-size:30px;font-weight:bold;padding:20px;margin:0}

.ui-menu {z-index:1;}

#body-content{
	position:relative;
	float:left;
	margin:0;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#content-wrapper {
	width:1024px;
}

#table-content{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.font-description{font-size:30px;}
.smaller-font-description {font-size:20px;}
.font-table-description{font-size:14px;}

a.chevron:link, a.chevron:active, a.chevron:visited {background: url("../images/chevron-arrow.png") no-repeat scroll 0 center transparent;padding-left: 20px;}
td#chevronLink{text-align: left; font-size: 14px; margin-left:auto; margin-right:auto; padding-left:24px;color:#3366CC}

table.main td{padding-left:9px;padding-right:9px;}
table.main thead td{padding:0;}
.title-btn{white-space:nowrap;}
#menu{white-space:nowrap;}

table.main tr.message{height:300px;text-align:center; font-size:18px;}
table.main tr.messageLeft{height:300px; text-align:left; font-size:18px;}
table.main tr.messageLeft td{padding-left:50px; text-align: left;}

table.main tr.messageWithYesNoBelow{vertical-align: bottom;height:150px;text-align:center; font-size:18px;}
table.main tr.messageYesNoRadioBelow{vertical-align: bottom;height:100px;text-align:center; font-size:18px;}
input.noRadio {margin-left:40px!important;}
table.yesNoButtons{text-align:center; width: 100%;height:150px;}
table.yesNoButtons tr{vertical-align: top;}

tr.messageYesNoRadio{text-align:center; width: 100%;height:140px;vertical-align: top;}

table.notpadded td{padding-left:20px;padding-top:0px;padding-bottom:0px;padding-right:0px;}
table.notpadded td.footer-padded{padding-left:20px;padding-right:20px;}
table.notpadded th{padding:0px;}

table.findKiosk{width:100%; border-collapse:collapse;}
table.findKiosk tr{height:44px;}
table.findKiosk tr#or{height:22px;}
table.findKiosk tr#or td.label{color:#636363;font-size:15px;font-weight:bold;}
table.findKiosk td{padding:0px 0px 0px 20px;}
table.findKiosk td.label{width:30%;font-size:14px;}
table.findKiosk td.field{width:70%;}

table.menu{width:100%;}
table.menu th{padding:0px;text-align:center;font-size:15px;font-weight:bold;line-height:90%;color:#A9A9BA;}
table.menu th.current{color:#002D62;}
table.menu th.first{width:174px;}
table.menu th.second{width:176px;}
table.menu th.third{width:164px;}
table.menu th.fourth{width:172px;}
table.menu th.fifth{width:194px;}

table.errorOrQuitTable{height:489px;padding:9px;}
table.errorOrQuitTable td.message{text-align:center;font-size:18px;height:90%;}
table.errorOrQuitTable td.buttons{height:10%;}

table.quitPopUp{margin-top:15px; margin-left:auto; margin-right:auto; width:90%; height:90%; text-align:left;}
table.quitPopUp tr.messageRow{height:70%;}
table.quitPopUp tr.footerRow{height:30%;vertical-align:top;}
table.quitPopUp td{padding:9px;}
table.quitPopUp td.message{padding-top: 15px;text-align:left;vertical-align:top;line-height:200%; font-size: 40px;}
table.quitPopUp td.footerCell{width:100%; text-align:right;}

table.pleaseWaitPopUp{margin:auto; width:90%; height:80%; text-align:left;}
table.pleaseWaitPopUp tr.messageRow{height:40%;}
table.pleaseWaitPopUp td.message{text-align:center;vertical-align:bottom;line-height:200%; font-size: 14px;}
table.pleaseWaitPopUp tr.imageRow{height:60%;vertical-align:top;text-align:center;}

textarea{font-size:12px;font-family:"Trebuchet MS",Arial,Sans-Serif; color:#002d62;}

table.footerButtons{width:100%;position: absolute;left:0;bottom: 50px;}

table.footerButtons td#left_buttons{padding-left:30px;padding-right:30px;}
table.footerButtons td#center_buttons{padding-left:30px;padding-right:30px;}
table.footerButtons td#right_buttons{padding-left:30px;padding-right:30px;}
table.footerButtons td#left_buttons{width:20%;}
table.footerButtons td#right_buttons{width:80%;}

table.chs-bo-table tbody td.spacer, th.spacer{width:2px;padding:0;}
table.chs-bo-table p{line-height:100%; margin-top:0px; margin-bottom:0px; margin-left:10px;}
table.chs-bo-table tfoot tr.row-separator{height:10px;}
table.chs-bo-table tbody tr.row-separator td.last-side-heading{background:transparent url('../images/tables/table-outside-border-right.jpg') repeat-y top right;}
table.chs-bo-table tbody tr.row-separator td.space{background:none;font-size:0;line-height:0;overflow:hidden;height:1px;padding:0;margin:0;}

table.chs-bo-table td.notpadded{padding:0px;}
table.chs-bo-table tbody table.autocomplete_box{margin-left:auto;margin-right:auto;}
table.chs-bo-table tbody table.autocomplete_box td{padding:0px;height:19px;}

table#radioText td{margin:0px;padding:0px;}

table.buttonGreySm{background: url('../images/grey-button-sm.png') no-repeat; background-position: center center;width:79px;height:28px;}
table.buttonGreySm:hover{background: url('../images/grey-button-sm-hover.png') no-repeat; background-position: center center; cursor: pointer;}

table.buttonGrey{background: url('../images/btn_Grey.png') no-repeat; background-position: center center;width:103px;height:53px;}
td#buttonGreyText{margin:0px;padding:0px;background-color:transparent;color:#002D62;;font-size:22px;font-weight:bold;text-align:center;vertical-align:middle;line-height:22px}

table.buttonGreyLg{background: url('../images/grey-button-lg.png') no-repeat; background-position: center center;width:152px;height:28px;}
table.buttonGreyLg:hover{background: url('../images/grey-button-lg-hover.png') no-repeat; background-position: center center; cursor: pointer;}

table.button{background: url('../images/btn_Background.png') no-repeat; background-position: center center;width:103px;height:25px;}
table.button:hover{background: url('../images/btn_Background_Active.png') no-repeat; background-position: center center; cursor: pointer;}
table.button-dblWidth{background: url('../images/btn_Background_dblWidth.png') no-repeat; background-position: center center;width:206px; height:25px;}
table.button-dblWidth:hover{background: url('../images/btn_Background_Active_dblWidth.png') no-repeat; background-position: center center; cursor: pointer;}
table.button-dblHeight{background: url('../images/btn_Background_dblHeight.png') no-repeat; background-position: center center;width:103px;height:53px;}
table.button-dblHeight:hover{background: url('../images/btn_Background_Active_dblHeight.png') no-repeat; background-position: center center; cursor: pointer;}
table.button-tripleWidth{background: url('../images/btn_Background_tripleWidth.png') no-repeat; background-position: center center;width:309px; height:25px;}
table.button-tripleWidth:hover{background: url('../images/btn_Background_Active_tripleWidth.png') no-repeat; background-position: center center; cursor: pointer;}
table.button tr{height:100%}
table.button-dblWidth tr{height:100%}
table.button-dblHeight tr{height:100%}
table.button-tripleWidth tr{height:100%}
td#buttonText{margin:0px;padding:0px;background-color:transparent;color:#FFFFFF;font-size:12px;font-weight:bold;text-align:center;vertical-align:middle;line-height:12px}
td#buttonGreyBackText-en{margin:0px;padding:0px;padding-right:17px;background-color:transparent;color:#002D62;;font-size:12px;font-weight:bold;text-align:center;vertical-align:middle;line-height:12px}
td#buttonGreyBackText-fr{margin:0px;padding:0px;padding-right:12px;background-color:transparent;color:#002D62;;font-size:12px;font-weight:bold;text-align:center;vertical-align:middle;line-height:12px}
td#backArrowButtonCell{width:20px;padding:0px;padding-left:12px;padding-top:5px; vertical-align: top;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-table{}
.width-content{width:898px;}
table tr.row-content-table{height:40px;}
div.description {font-size:12px;height:auto;margin:0;padding:0px;}
.btnFloatLeft{float:left;}
.btnFloatRight{float:right;}
.btnFloatCenter{margin-left:auto;margin-right:auto}
.hidden{display:none;}
#fadeout{background-color:#000000; opacity:0.7; filter:alpha(opacity=70); position:absolute;z-index:8999; top:0px;left:0px;width:100%; min-height:100%;display:none;}
#popup{background-color:#FFFFFF; position:fixed; width:640px; height:360px; z-index:9001;display:none;}
#pleaseWaitPopup{background-color:#FFFFFF; position:fixed; width:640px; height:360px; z-index:9000;display:none;}
#moreTime{background-color:#FFFFFF; position:fixed; width:640px; height:360px; z-index:9000;display:none;}

#logo{
	height:30px;
	background: url('../images/logo_nrt.png') no-repeat; 
	background-position: left center;
	margin:20px;
}

#changeLanguageButton{
	position:relative;
	float:right;
	margin:23px 0px 0px 15px;
	margin-right:60px!important;
	cursor: pointer;
}

#changeLanguageButton:hover{
	cursor: pointer;
}

td#changeLanguageButtonText{margin:0px;padding:0px;background-color:transparent;color:#002D62;font-size:14px;font-weight:bold;text-align:center;vertical-align:middle;line-height:12px}

#titleBar{
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-indent:10px;
	background-color:#5aaec3;
	padding:0px;
	height:34px;
	opacity:0.7;
}

#navBar{
	background: url('../images/nav_ButtonBackground.png'); 
	background-repeat:no-repeat; 
	background-position: center top; 
	padding:0px;
	height:42px;
}

#redAlert{
	background: url('../images/background_RedAlert.png');
	background-repeat:no-repeat; 
	background-position: center top;
	color:#636363;
	font-size:13px;
	font-weight:bold; 
	line-height:300%;
	text-indent:20px;
}
#footer{
	padding:0px;
}

#borderlessTable{
	border-collapse:collapse;
	border-spacing:0;
}

.autocomplete
{
	height:16px;
	width: 300px;
	border: 0px;
	background-color:white;
	font-family:"Trebuchet MS",Arial,Sans-Serif;
}

.autocomplete_short
{
	height:16px;
	width: 130px;
	border: 0px;
	background-color:white;
}

.autocomplete_shorter
{
	height:16px;
	width: 78px;
	border: 0px;
	background-color:white;
}
.autocomplete_date
{
	height:16px;
	width:40px;
	border:0px;
	background-color:white;
}

.autocomplete_long
{
	height:16px;
	width: 317px;
	border: 0px;
	background-color:white;
}

.autocomplete_arrow
{
	background-image: url(../images/selectArrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	width: 17px;
	height: 20px;
	float:right;
	margin: 0;
}

.autocomplete_hover
{
	background-image: url(../images/selectArrow-hover.png);
	background-position: center right;
	background-repeat: no-repeat;
	width: 17px;
	height: 20px;
	float:right;
	margin: 0;
}

.autocomplete_box
{
	border-collapse:collapse;
	border: 1px solid #7F9DB9;
}
select.autocomplete_box
{
	height:20px;
}

table.wideContent td, table.autocomplete_box td, table.wideContent th, table.autocomplete_box th
{
	padding: 0px;
}
table.autocomplete_box tr{
	height:16px;
}

.error
{
	border: 2px solid red;
}

div#error{
	width: 20px;
	height: 20px;
	border: 2px solid red;
	padding: 1px 1px 1px 0px;
	border-color: #DC0000!important;
	background-color: #FFF6F6!important;
}

ul li
{
	background: none;
}

#pad{padding:9px 4px;}

select {
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #1c94c4;
	padding: 3px;
	margin: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

select:hover,select:visited {
	color: #c77405;
	text-decoration: none;
}

select option {
	text-align: center;
	color: #1c94c4;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	border:none;
	 
}

select option[selected] {
	color: #c77405;
	text-decoration: none;
}

.tableInActiveHeader {
	border: 1px solid #cccccc;
	color: #1c94c4;
	padding: .4em 1em;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	/* display: block; */
	line-height: normal;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: none;
	/* background: linear-gradient(to right, #cccccc, #eeeeee, #ffffff); */
}

tbody#tblBody tr:nth-child(odd) {
	background-color: #eeeeee;
}

tbody#tblBody tr:nth-child(even) {
	background-color:  #ffffff;
}
tbody#tblBody tr td table#subTable  {	 
	border: 1px solid #cccccc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color:  #ffffff;	
}

#subTable thead tr td { 
	background-color:  #ffffff;
	border: 1px solid #cccccc;
	padding-right: 9px;
	padding-left: 9px;
	padding-left: 0;	
}
#subTable tr td { 
	padding-left: 0;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{ 
		display: inline-block;
	}
	
.redCircle {
	width: 8px;
	height: 8px;
	background: red;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	float:left; 
	margin: 4px 0 4px 0;
}

.greenCircle {
	width: 8px;
	height: 8px;
	background: green;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	float:left; 
	margin: 4px 0 4px 0;
	/* TODO: if label 
	margin: 3px 0 3px 0;  */
}

.statusLink
{
	padding-left:0.5em; 
	vertical-align: middle;
}

#idLabel{
	width:65px;
}

.error-msg-label {
	color: red;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	white-space: normal;
}