/*
	-----------------------------------------------
	gen2 basic style
	version: 2005.06.16
	----------------------------------------------- */
	a:link {
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
	}
	a:hover {
		text-decoration: none;
	}
	a:active {
		text-decoration: none;
	}
	body {
		font-size: 8pt;
		font-family: Arial, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
	}

        td, th {
            padding: 3px;
        }

        hr {
            margin-top: 3px;
            margin-bottom: 3px;
            border: 0;
            border-top: 1px solid #000;
        }

	/* Link
	----------------------------------------------- */
	.navBar {
		padding-left: 11px;
	}



	/* Home Page
	----------------------------------------------- */
	.topBackDrop {
		background-repeat: no-repeat;
		background-position: right;
	}
	.topBar {
		font-size: 8pt;
		font-weight: bold;
	}
	.menuTopBar {
		text-align: center; white-space: nowrap;
		cursor: pointer;
	}
	.contentTopBar {
		padding-left: 10px; white-space: nowrap;
	}

	tr.topBar td {
		font-weight: bold;
	}



	/* Menu Structure
	----------------------------------------------- */
	.menuHeader {
		font-weight: bold; cursor: pointer;
		padding: 3px 0px 2px 15px;
	}
	.menuContent {
		font-weight: bold;
		padding: 3px 0px 2px 0px;
	}
	.menuTable {
		font-size: 8pt;
	}
	.menuGlow {}

	ul {
		margin-left: 23pt;
        }
	ul li {
		margin-top: 2px;
	}
	ul ul li {
		margin-left: -10pt;
		margin-top: 2px;
	}

	td.menuGlow a {
		color: #FFFFFF;
		text-decoration: none;
	}
	table.menuContent td {
		padding-top: 1px;
		font-weight: bold;
	}



	/* Grid Structure
	----------------------------------------------- */
	.tbl, .hdr {
		table-layout: fixed;
		border-collapse: collapse;
	}
	.tbl a, .hdr a{
		color: #333333;
	}
	.hdr_row td {
	        padding: 2px 5px 1px 5px;
	        font-weight: bold;
	        text-overflow: ellipsis;
	        overflow: hidden;
	}
	.hdr td {
	        padding: 2px 5px 1px 5px;
	        cursor: pointer;
	}
	.tbl td, .rpt_tbl td {
	        padding: 4px 5px 1px 5px;
	        border-bottom: 1px inset #E1E1E1;
	        cursor: default;
	        text-overflow: ellipsis;
	        overflow: hidden;
	}
	.tbl2, .rpt_tbl{
	        table-layout: fixed;
	        border-collapse: collapse;
	        padding: 4px 5px 1px 5px;
	        border-bottom: 1px dotted #D4D0C8;
	        cursor: default;
	        text-overflow: ellipsis;
	        overflow: hidden;
	}
	.dot_row td {
		border-bottom: 1px dashed #CCCCCC;
		padding-bottom: 5px;
	}
	.gridFil-default {
		background: #ffffff;
		padding: 2px 0px 3px 8px;
	}
	.gridGrp-default {
		padding: 10px 5px 3px 15px;
		font-style: italic; font-weight: bold;
		border-bottom: 2px solid #CCCCCC;
	}
	.gridSum-default {
		padding: 4px 5px 1px 5px;
		font-weight: bold;
		border-top: 1px double;
	}
	.boldLeft {
		font-size: 14pt;
		white-space: nowrap;
		padding: 3px 8px 2px 8px;
	}
	.boldLeft2 {
		font-size:11px;
		font-weight: bold;
	}
	.boldRight {
		font-weight: bold; padding-left: 5px;
		text-decoration: none;
	}
	.boldLeft a {
		text-decoration: none; color: #333333;
	}
	#noBold {
		font-weight: normal; white-space: normal;
	}
	#history a {
		text-decoration: none; color: #333333;
	}



	/* Graph Structure
	----------------------------------------------- */
	.y-axis {
		border-right: 1px solid #000000;
	}
	.x-axis {
		border-bottom: 1px solid #000000;
	}
	.Option1{background: #027ABB;}
	.Option2{background: #01AD4E;}
	.Option3{background: #FF1A47;}
	.Option4{background: #FF9900;}



	/* Form Controls
	----------------------------------------------- */
	.chkbox {
		cursor: pointer;
	}
	.txtarea, .txtbox {
		border: 1px solid #CCCCCC;
	}
	.label {}
	.list {}
	.radio {}
	.submit {}
	.bullet {}

	input, select {
		font-size: 8pt;
	}



	/* Rich Text Controls
	----------------------------------------------- */
	.rteImage {
		background: #D3D3D3;
		border: 1px solid; cursor: pointer;
	}
	.rteImageRaised {
		background: #D3D3D3;
		border: 1px outset; cursor: pointer;
	}
	.rteImageLowered {
		background: #D3D3D3;
		border: 1px inset; cursor: pointer;
	}
	.rteVertSep {
		margin: 0px 4px 0px 4px;
	}
	.rteBack {
		background: #D3D3D3;
		border: 1px outset;
		letter-spacing: 0; padding: 2px;
	}
	.rteBack tbody tr td {
		background: #D3D3D3;
		padding: 0;
	}
	.rteBack tr td {
		background: #D3D3D3;
		padding: 0;
	}



	/* Template Structure
	----------------------------------------------- */
	.title1, .title2 {
		font-size: 20px;
		font-weight: bold; letter-spacing: -1px;
	}
	.subTitle {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.prefix, .postfix {
		padding-left: 3px;
	}
	.legend {
		font-size: 9pt;
		font-weight:bold;
		text-decoration: underline;
		background-color: #ffffff;
	}
	.toolBox1 {
		padding-left: 14px;
		cursor: pointer;
		font-size: 8pt;
		font-family: Arial, Helvetica, sans-serif;
	}
	.toolBoxBorder {
		padding: 7px 4px 7px 7px;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.alert {
		padding-left: 14px;
		font-weight: bold;
		background-color: #990000;
		color: #FFFFFF;
	}
	.alertBoxBorder {
		padding: 7px 4px 7px 7px;
		border: 1px solid #990000;
	}

	fieldset {
		padding-top:2px; padding-bottom:12px;
		border: 1px solid #DEDEDE;
		margin: 0px;
	}
	legend {
		font-size: 9pt;
		font-weight:bold;
		padding: 2px 5px 2px 5px;
		text-decoration: underline;
		background-color: #ffffff;
	}
	td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
        }
	tr.toolBox1 td {
		font-weight: bold;
		color: #FFFFFF;
	}
	td.toolBoxBorder a {
		font-weight: bold;
		text-decoration: none;
		color: #666666;
	}
	td.toolBoxBorder td {
		padding-left: 7px;
		font-family: Arial, Helvetica, sans-serif;
	}
	td.alertBoxBorder td {
		padding-left: 7px;
		font-family: Arial, Helvetica, sans-serif;
	}
	td.tabFront {
		height: 18px;
		padding-left: 8px;
		padding-right: 8px;
		border-top: 1px solid #000000;
	}
	td.tabBack {
		height: 18px;
		padding-left: 8px;
		padding-right: 8px;
		border-bottom: 1px solid #000000;
		border-top: 1px solid #000000;
	}
	td.tabBack a {
		text-decoration: none;
		color: #000000;
	}
	td.tabSide {}
	td.tabSideBack {
		border-bottom: 1px solid #000000;
	}



	/* RateSheet/Matrix/Addons Structure
	----------------------------------------------- */
	.mat_txt {
		border: 1px solid #CCCCCC;
		width: 90%; text-align: right;
	}
	.mat_left {
		text-align: center;
		font-weight: bold;
		background: #EEEEEE;
		padding-right: 6px;
	}
	.mat_top {
		text-align: center;
		font-weight: bold;
		background: #E4EBFE;
		padding-right: 6px;
	}
	.ons_txt {
		border: 1px solid #CCCCCC;
		width: 46px; text-align: right;
	}
	.qual_speed {
		font-family: small fonts;
		font-size: 7pt;
	}
	.qual_lite {
		background: #C7C7C7;
	}
	.tabs {
		cursor: pointer;
		background: #0F2765;
		color: #FFFFFF;
	}
	.cnts {
		border-top: 1px solid #D1D1D1;
		border-bottom: 3px double #D1D1D1;
	}
        .cnts2 {
                background: #F8F8F8;
                border-top: 1px solid #D1D1D1;
                border-bottom: 3px double #D1D1D1;
        }

	.qtbl {
		table-layout: fixed;
	}
	.qtbl td {
	        text-overflow: ellipsis;
	        overflow: hidden;
	}
	.detail_cnt {
		padding-left: 20px;
	}
	#tbl_payload {
		overflow-x: auto;
	}
	#pin_rate {
		font-weight: bold;
		color: #0055EE;
		text-decoration: underline;
	}
	#pin_cost {
		font-weight: bold;
		color: #ff0000;
		text-decoration: underline;
	}




/* - Class (can apply to any tag) -*/

	.historyDisplay 	{ border: 1px solid #CCCCCC; }
	.contactDisplay {
		border: 1px solid #CCCCCC; background-color : #FDFAF2; padding-left: 5px; cursor: default;
	}
	.contactDisplayOut {
	background-color: #FDFAF2; border-top: 0px solid #CCCCCC; border-bottom: 0px solid #CCCCCC;
	}
	.contactDisplayOver {
	background-color: #E2E1E1; font-weight: bold; color: #333333; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
	}
	.calendar		{ }
	.calendarTab		{ background-repeat: no-repeat; font-size: 10px; padding-bottom: 2px;
				  padding-top: 1px; cursor: pointer; }
	.calendarHdr		{ height: 14px; font-size: 9px; font-family: Arial;
				  text-align: center; }
	.calendarTab		{ background-repeat: no-repeat; font-size: 10px; padding-bottom: 2px;
				  padding-top: 0px; cursor: pointer; }
	.calendarHdr		{ height: 14px; font-size: 9px; font-family: Lucida Sans Unicode;
				  text-align: center }
	.calendarCell		{ height: 14px; font-size: 9px; font-family: Lucida Sans Unicode;
				  padding: 0px 0px 0px 0px; text-align: center; cursor: pointer; }

	.hide			{ display: none; }
	.hand			{ cursor: pointer; }

	.font9  		{ font-size: 9px; }
	.font10 		{ font-size: 10px; }
	.font11			{ font-size: 11px; }
	.font12			{ font-size: 12px; }
	.font13			{ font-size: 13px; }

	.helpLogo		{ font-size: 14px; font-weight: bold; text-align: right;
				  border-bottom: 1px solid #000000; padding-right: 10px;
				  text-align: right; vertical-align: bottom; }
	.eRed			{ color: #FF0000}



	.messageBody		{ border-right: 1px solid #c7cfd5; padding-right: 8px; border-top: 1px solid #c7cfd5;
			          border-left: 1px solid #c7cfd5; padding-left: 8px; border-bottom: 1px solid #c7cfd5;
			          padding-bottom: 8px; padding-top: 8px; background: #f1f5f9; text-align: left; }

	.printTable {border-width:1px; border-color:#000000; border-style:solid; border-collapse:collapse; border-spacing:0}

	.printTd {border-width:1px; border-color:#000000; border-style:solid; padding:2px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt}



	/* Font Color for OnLoad Action */
	.red			{ color: #FF0000; }
	.green			{ color: #4CC417; }
	.pink			{ color: #FF00FF; }
	.blue			{ color: #0000FF; }
	.yellow			{ color: #FFD000; }
	.purple			{ color: #6C2DC7; }
	.grey			{ color: #C0C0C0; }
	.orange			{ color: #FF8040; }

	/* Field Color for OnLoad Action */
	.bgRed			{ background-color: #FF0000; }
	.bgGreen		{ background-color: #4CC417; }
	.bgPink			{ background-color: #FF00FF; }
	.bgBlue			{ background-color: #0000FF; }
	.bgYellow		{ background-color: #FFD000; }
	.bgPurple		{ background-color: #6C2DC7; }
	.bgGrey			{ background-color: #C0C0C0; }
	.bgOrange		{ background-color: #FF8040; }



       /* to be remove off - START - */
	.gridHdr-default {
	        white-space: nowrap;
	        padding: 3px 5px 3px 5px;
	        cursor: pointer;
	        text-overflow:ellipsis;
	        overflow:hidden;
	        white-space:nowrap;
	}
	.gridHdr-chk {
	        padding: 0px 2px 0px 4px;
	        text-overflow:ellipsis;
	        overflow:hidden;
	        white-space:nowrap;
	}
	.gridHdr-over {
	        white-space: nowrap;
	        padding: 4px 5px 1px 5px;
	        cursor: pointer;
        }
	.gridCnt-default {
	        padding: 2px 5px 1px 5px;
	        color: #000000;
	        text-overflow:ellipsis;
	        overflow:hidden;
	        white-space:nowrap;
	}
	.gridCnt-chk {
		padding: 2px 0px 0px 4px;
	}
	.gridCnt-over {
		padding: 2px 5px 1px 5px;
		white-space: nowrap;
	}
	.gridCnt-td {
	        padding: 4px 5px 1px 5px;
	        border-bottom: 1px dotted #D4D0C8;
	        cursor: default;
	        text-overflow:ellipsis;
	        overflow:hidden;
	        white-space:nowrap;
	}
	.gridCnt-td-lit {
	        padding: 4px 5px 1px 5px; color: #000000;
	        border-bottom: 1px dotted #D4D0C8;
	        cursor: default;
	        text-overflow:ellipsis;
	        overflow:hidden;
	        white-space:nowrap;
	}
        .gridCnt-over .gridCnt-td-lit {
	        padding: 4px 5px 1px 4px;
	        border-bottom: 1px dotted #D4D0C8;
	        text-overflow:ellipsis;
	        overflow:hidden;
	        white-space:nowrap;
        }
        .gridCnt-over .gridCnt-td-lit a {
	        text-decoration: underline;
	        text-overflow:ellipsis;
	        overflow:hidden;
	        white-space:nowrap;
        }
        .gridCnt-over .gridCnt-td a {
	        text-decoration: underline;
	        text-overflow:ellipsis;
	        overflow:hidden;
	        white-space:nowrap;
        }
        td.gridCnt-td-lit a {
	        color: #000000;
	        text-decoration: none;
        }

        td.gridCnt-td a {
        	color: #0000ff;
        }
	/* to be remove off - END - */