* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html, body {
	padding: 0;
	margin: 0;
	background-color: #eee;
	height: 100%;
}

a:link, a:visited {
	color: #f30;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: none;
}

dt, dt * {
	font-weight: bold;
}

dd {
	margin-bottom: 10px;
}

h1 {
	font-weight: bold;
	font-size: 15px;
	padding: 2px;
	margin: 6px 0px 3px;
}

h3 {
	font-weight: bold;
	font-size: 13px;
	padding: 2px;
	margin: 8px 0px 4px;
}

img.icon {
	width: 16px;
	height: 16px;
	border-width: 0px;
	vertical-align: bottom;
}

img.logo {
	float: right;
	border: 0;
	margin-top: 3px;
}

img.logohere {
	float: right;
	border: 0;
	border: 1px dashed #ddd;
	margin-top: 3px;
}

img.input {
	width: 16px;
	height: 16px;
	border-width: 0px;
	vertical-align: text-bottom;
}

pre {
	font-family: "Courier New", Courier, monospace;
}

small {
	font-size: 10px;
}

/* Table */
table.withBorder {
	border-collapse: collapse;
	border: 1px solid #ccc;
}

table.withBorder * {
	font-size: 11px;
}

table.withBorder td, table.withBorder th {
	color: #000;
	padding: 3px;
	border: 1px solid #ccc;
}

table.withBorder a {
	color: #000;
	text-decoration: underline;
}

table.rowBorder {
	border-collapse: collapse;
	border-top: 1px solid #003;
	border-bottom: 1px solid #003;
}

table.rowBorder * {
	font-size: 11px;
}

table.rowBorder td, table.rowBorder th {
	color: #000;
	padding: 3px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.rowBorder a {
	color: #000;
	text-decoration: underline;
}

table.roundBorder {
	border-collapse: collapse;
	border: 1px solid #003;
}

table.roundBorder * {
	font-size: 11px;
}

table.roundBorder td, table.roundBorder th {
	color: #000;
	padding: 3px;
}

table.roundBorder a {
	color: #000;
	text-decoration: underline;
}

table.noBorder {
	border: 0;
	border-collapse: collapse;
}

table.noBorder * {
	font-size: 11px;
}

table.noBorder td, table.noBorder th {
	color: #000;
	padding: 2px;
	border: 0;
}

table.noBorder a {
	color: #000;
	text-decoration: underline;
}

table th.ch {
	background-color : #e3e3e3;
	color : #333;
	font-weight: bold;
	white-space : nowrap;
	text-align: center;
	font-size: 1.2em;
}

td.subTotal, td.subTotal *, td.subSection {
	font-weight: bold;
	background-color : #eee;
}

td.grandTotal, td.grandTotal * {
	font-weight: bold;
	background-color : #9cf;
}

th.altHeader {
	background-color : #69c;
	color : #fff;
	font-weight: bold;
	white-space : nowrap;
}

.tablerow1 {
	background-color : #fff;
	vertical-align: top;
}

.tablerow2 {
	background-color : #ffd;
	vertical-align: top;
}

.label, label
{
	font-weight: bold;
	white-space: nowrap;	
}

.nowrap {
	white-space: nowrap;
}
/* *** */

/* Form & Input */
form {
	margin: 0;
	padding: 0;
}

label {
	font-size: 11px;
	line-height: 18px;
	/*float: left;*/
	display: inline-block;
	margin-right: 5px;
	text-align: right;
}

span.value {
	font-size: 11px;
	line-height: 18px;
}

span.value img {
	padding: 1px;
}

input {
	font-size: 11px;
	margin: 1px 0;
	color : #000;
}

input.radio {
	vertical-align: middle;
}

input.date {
	border: 1px solid #666;
	font-weight : bold;
	padding-left: 3px;
}

img.inputicon, img.date {
	border: 1px solid #fff;
	vertical-align: text-bottom;
	margin-bottom: -1px;
}

* html img.inputicon, * html img.date {
	margin-bottom: 0;
}

input.text {
	border: 1px solid #666;
	font-weight : bold;
	padding-left: 3px;
}

textarea.textarea {
	font-size: 11px;
	font-family: monospace;
	border: 1px solid #666;
	padding-left: 3px;
}

* html textarea.textarea {
	padding-top: 2px;
}

select.select {
	font-size: 11px;
	background-color : #fff;
	color : #000;
	border: 1px solid #666;
	font-weight: bold;
	padding: 0;
	margin: 1px 0;
}

input.button, input.Button1 {
	margin-top: -1px;
	padding: 0 3px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #f30;
	border-top: 2px solid #f98;
	border-left: 2px solid #f98;
	border-bottom: 2px solid #910;
	border-right: 2px solid #910;
	cursor: pointer;
}

a.button:link, a.button:visited, a.button:hover {
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	margin: 5px;
	padding: 2px 8px;
	color: #fff;
	background-color: #f30;
	text-decoration: none;
	border-top: 2px solid #f98;
	border-left: 2px solid #f98;
	border-bottom: 2px solid #910;
	border-right: 2px solid #910;
}

a.button:active {
	border-top: 2px solid #910;
	border-left: 2px solid #910;
	border-bottom: 2px solid #f98;
	border-right: 2px solid #f98;
}

* html select.select {
	margin: 0;
}

fieldset {
	padding: 5px;
}

/* Form Field Search Box */
fieldset.searchBox {
	margin: 0;
	padding: 5px;
	border: 1px solid #999;
	background-color: #f9f9f9;
	-moz-border-radius: 10px;
}

fieldset.searchBox * {
	vertical-align: middle;
}

fieldset.searchBox label {
	margin-top: 1px;
	line-height: 14px;
	width: 120px;
}

* html fieldset.searchBox span.value {
	line-height: 25px;
}

* html fieldset.searchBox label {
	margin-top: 5px;
}

fieldset.searchBox input, fieldset.searchBox select, fieldset.searchBox textarea {
	margin: 1px 0;
}

/* Form Field Form List */
fieldset.formList {
	margin: 0;
	padding: 5px;
	border: 0;
	-moz-border-radius: 10px;
}

fieldset.formList2 {
	margin: 0;
	padding: 5px;
	-moz-border-radius: 10px;
}

fieldset.formList *, fieldset.formList2 * {
	vertical-align: middle;
}

fieldset.formList label, fieldset.formList2 label {
	margin-top: 1px;
	line-height: 14px;
	width: 150px;
}

* html fieldset.formList span.value, fieldset.formList2 span.value {
	line-height: 25px;
}

* html fieldset.formList label, fieldset.formList2 label {
	margin-top: 5px;
}

fieldset.formList input, fieldset.formList select, fieldset.formList textarea,
fieldset.formList2 input, fieldset.formList2 select, fieldset.formList2 textarea {
	margin: 1px 0;
}

div.fieldList input, div.fieldList select, div.fieldList textarea 
div.fieldList2 input, div.fieldList2 select, div.fieldList2 textarea {
	margin: 2px 0;
}
/* *** */

/* Navi 1 */
ul#navi1 {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin-left: 0;
}

ul#navi1 li {	
	list-style-type: none;
	display: inline;
	padding-top: 2px;
}

ul#navi1 a:link, ul#navi1 a:visited {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #eee;
	padding: 0 12px;
	border-bottom-width: 0px;
}

ul#navi1 a:hover, ul#navi1 a:active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #eee;
	padding: 0 12px;
	border-bottom-width: 0px;
}

/*  ***  */

/* Navi 2 */


ul#navi2 {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin-left: 0;
	margin-top: 5px;
}

ul#navi2 li {
	list-style-type: none;
	display: inline;
	padding-top: 2px;
}


ul#navi2 a.selected:link, ul#navi2 a.selected:visited {
	color: #fff;
	border: 1px solid #000;
	background-color: #69c;
	border-bottom: 1px solid #69c;
}
/*  * ** */

/* Navi 3 */
div#naviContainer3 {
	border-bottom:1px solid #000;
	background-color: #69c;
	padding-top: 5px;
}

ul#navi3 {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin-left: 0;
}

ul#navi3 li {
	list-style-type: none;
	display: inline;
	padding-top: 2px;
}

ul#navi3 a:link, ul#navi3 a:visited {
	color: #ddd;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #69c;
	padding: 0 12px;
	border-bottom-width: 0px;
}

ul#navi3 a:hover, ul#navi3 a:active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #69c;
	padding: 0 12px;
	border-bottom-width: 0px;
}

ul#navi3 a.selected:link, ul#navi3 a.selected:visited {
	color: #000;
	border: 1px solid #000;
	background-color: #bce;
	border-bottom: 1px solid #bce;
}
/*  * ** */

/* Navi 4*/
div#naviContainer4 {
	border-bottom:1px solid #000;
	background-color: #bce;
	padding-top: 5px;
}

ul#navi4 {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin-left: 0;
}

ul#navi4 li {
	list-style-type: none;
	display: inline;
	padding-top: 2px;
}

ul#navi4 a:link, ul#navi4 a:visited {
	color: #888;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #bce;
	padding: 0 12px;
	border-bottom-width: 0px;
}

ul#navi4 a:hover, ul#navi4 a:active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #bce;
	padding: 0 12px;
	border-bottom-width: 0px;
}

ul#navi4 a.selected:link, ul#navi4 a.selected:visited {
	color: #000;
	border: 1px solid #000;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
/*  * ** */

/* Page Layout */
div#myInfo {
	padding: 5px;
	position: absolute;
	width: 180px;
	height: 310px;
	z-index: 100;
	border: 2px dotted #000;
	background-color: #f9f9f9;
}

div#providerLinksDiv {
	position: absolute;
	text-align: center;
	padding: 2px;
	height: 21px;
	left: 170px;
	width: 450px;
	background: url(/images/spacer.png) repeat top left;
	background-color: #f9f9f9;
	border-right: 1.5px solid #999;
	border-bottom: 1.5px solid #999;
	border-left: 1.5px solid #ccc;
}

div#providerLinksDiv a {
	font-size: 11px;
	font-weight: bold;
	padding: 0 5px;
}

div#myChannelWrap {
	background: #fcfcfc url(/images/channel_shadow.jpg) repeat-x bottom left;
}

div#myChannel {
	height: 65px;
	margin: 0 auto;
	padding: 3px;
}

div#myChannel b {
	font-size: 18px;
	line-height: 24px;
	font-family: Courier New;
}

div#myChannel span {
	font-size: 16px;
	line-height: 24px;
}

div#myChannel p {
	top: 100%;	
	position: relative;
	white-space: nowrap;
}

div#myChannel p.group {
	margin-top: -4.5ex;
}

div#myChannel p.agent {
	margin-top: -8.5ex;
}

* html div#myChannel p.group {
	margin-top: -5.5ex;
}

* html div#myChannel p.agent {
	margin-top: -9.5ex;
}


div#pageHeader {
	padding-top: 10px;
}

div#logo img {
	width: 125px;
	height: 39px;
	border-width: 0;
}

div#greeting {
	font-weight: bold;
	padding: 5px 20px;
}

div#pageContent {
	padding-bottom: 20px;
	border-top: 1px solid #fff;
	background: #fff url(/images/content_bottom_bkgd.gif) repeat-x bottom left;
	position: relative;
	min-height: 70%;
	clear: both;
}

* html div#pageContent {
	height: 75%;
}

div#leftContent {
	width: 22%;
	margin: 10px;
}

div#leftContent ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

div#leftContent ul li {
	line-height: 12px;
	padding: 1px 5px;
}

div#leftContent ul li:hover {
	background-color: #eee;
}

div#leftContent ul ul {
	list-style-type: none;
	padding: 0;
	margin-left: 15px;
}

div#leftContent a:hover, div#leftContent a:active {
	color: #f30;
}

div.leftInBox {
	background-color: #f7f7f7;
	padding: 2px 0;
}

div#lookUpList{
	padding: 3px;
	margin: 0px 0px 10px 0;
	background-color: #f7f7f7;
	border: 1px dashed #666;
}

div#mainContent {
	width: 72%;
	margin: 10px 10px 10px 0;
}

div#wrapContent {
	margin: 0 auto;
}

div#singleContent {
	width: 90%;
	margin: 10px auto;
}

div#pageFooter {
	padding: 5px 20px 0 20px;
	position: relative;
}

div#pageFooter, div#pageFooter * {
	color: #000;
	font-size: 10px;
}

#loginPage {
	text-align: center;
}

#noScript {
	border: 3px solid #f00;
	background-color: #fff;
	margin: 100px auto;
	width: 755px;
	padding: 15px;
}

#noScript div {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

#loginContainer {
	margin: auto;
	width: 320px;
	padding: 5px;
	position: absolute;
	display: none;
}

#loginContainer div {
	margin: 5px auto;
	text-align: left;
	width: 310px;
}

#loginFields {
	padding: 6px;
	background: transparent url(/images/login_bkgd_moz.gif) no-repeat bottom right;
}

* html #loginFields {	
	background: transparent url(/images/login_bkgd.gif) no-repeat bottom right;
}
/* *** */

/* Message Box */
div.closeButton {
	width: 16px;
	height: 14px;
	background: transparent url(/images/button_close.gif) no-repeat 0 0;
	float: right;
}

table.msgBox {
	margin: 5px 0;
	background-color: #f8f8f8;
	border: 1px solid #dfdfdf;
	width: 100%;
}

table.msgBox td {
	background-color: #f8f8f8;
}

table.success *, .success {
	color: #538450;
}

table.error *, .error {
	color: #f13e44;
}

table.warn *, .warn {
	color: #88581b;
}
/* *** */

/* Pager */
.pagerload {
	display: none;
	z-index: 1;
	position: absolute;
	color: #fff;
	background-color: #f00;
	width: 100px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	text-decoration: blink;
	margin: 5px;
	-moz-border-radius: 5px;
}

.pagerfoot {
	background-color: #e3e3e3;
	text-align: center;
}
/* *** */

/* Misc */
.clearfloat {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	border: 0;
	color: #fff;
}

div.infoLine {
	padding: 5px;
	height: 15px;
	background: #fff url(/images/infoLine_bkgd.gif) repeat-x 0 0;
}

div.infoLine, div.infoLine *, div.infoLine a {
	font-weight: bold;
}

div.sectionHeader, td.sectionHeader {
	margin-top: 20px;
	padding: 2px 6px;
	border-top: 2px solid #b80;
	background-color: #fc3;
}

div.sectionHeader, div.sectionHeader *, div.sectionHeader a,
td.sectionHeader, td.sectionHeader *, td.sectionHeader a {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

div.listBox {
	margin-top: 10px;
	padding: 8px;
	border: 1px dotted #ccc;
	background-color: #fdfdfd;
}

div.listBox li {
	font-family: "Courier New", Courier, monospace;
}
/* *** */

/* Float & Alignment */
td.headline {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 2px dotted #000;
}

td.bigger  {
	font-size: 12px;
	font-weight: bold;
}

.fs16-bold  {
	font-size: 16px;
	font-weight: bold;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.ar {
	text-align: right;
}

.al {
	text-align: left;
}

.ac {
	text-align: center;
}

.vt {
	vertical-align: top;
}

.vb {
	vertical-align: bottom;
}

.moz_radio {
	line-height: 22px;
}

.topRight {
	width:90%;
	text-align:right;
	position:absolute;
	top:5px;
	line-height:25px;
}
/* *** */
.carrier {
	color:#ffffff;
}
.carrier.tmo {
	background-color:#ff009f;
}
.carrier.att {
	background-color:#44c8f5;
}
.carrier.claro {
	background-color:#ef3828;
}
.blinker {
  animation: blink-animation 1s linear infinite;
}
@keyframes blink-animation {
  50% {
    opacity: 0;
  }
}