/*******************
 * default settings for body elements 
 *******************/
body {
	background:#fff url("images/pagebg.jpg") repeat-x; 
	font-family:sans-serif;
	color:#003C72;
	text-align: center;
	font-family: helvetica,verdana,arial, "ms sans serif", sans-serif;
	font-size: medium;
	top-margin: 0px;
	top-padding: 0px;
}

h3 
	{
	margin: .4%;
	font-size: 1.17em;
	font-weight: bold;
	color: #003c72;
	}

ul {
	list-style-type: disc;
	}

.content {
	position: relative;
	top: -20px;
	margin: 6px 8px -14px 8px;
	padding: 0px;
	/*background:#FFF;*/
	text-align: left;
}

.content_border {
	color: #003c72;
	text-align: left;
}

.footer {
	font-size: x-small;
}

.error_notice,.inline_notice {
	margin-left: 0.5em;
	font-size:14px;
	color: #e00000;
	padding: 4px;
	padding-left: 18px;
	background: url("images/alert.gif") no-repeat;
	background-position: 0px 2px;
}

.inline_notice {
	color: #008000;
	background: url("images/ok.gif") no-repeat;
	background-position: 0px 4px;
}

.at_notice {
	padding: 4px;
	color: #00a000;
	/*background: url("images/at_notice.gif") no-repeat;*/
	background: transparent;
}

h3 {
	clear: both;
	padding: 8px 0px 0px 8px;
}
/*********************
 * links
 *********************/
a.menu_left,a.menu_right {
	background:#003c72;
	color:#fff;
	text-decoration: none;
	height: 14px;
	display:block;
	float:left;
	margin: 0px;
	padding: 5px;
	width: 9em;
	text-align: center;
}

a.menu_left {
	border: 1px solid #808080;
	border-right: 0px solid #808080;
}

a.menu_right {
	border: 1px solid #808080;
	border-left: 0px;
}

a.menu_far_left {
	border-radius: 0px 0px 0px 10px;
	-moz-border-radius: 0px 0px 0px 10px;
}

a.menu_far_right {
	border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	border-right: 1px solid #808080;
}

a.menu_left:hover,a.menu_right:hover {
	color:#94aac1;
}

.menu_top {
	background:#003c72;
	text-decoration: none;
	display: block;
	float:right;
	color:#fff;
	padding: 5px;
	border: 1px solid #808080;
	border-right: 0px solid #808080;
	border-top: 0px;
	width: 118px;
	height: 14px;
	border-right: 0px solid #808080;
}

.logout {
	background: #003c72;
	padding: 4px 8px 6px 10px;
	border-right: 1px solid #003366;
	border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	width: 50px;
}

.menu_top_far_left
	{		
		border-radius: 0px 0px 0px 10px;
		-moz-border-radius: 0px 0px 0px 10px;
	}
	
a.current_menu_top
	{
	background: #b5c0ff;
	text-decoration: none;
	display: block;
	float:right;
	color:#000;
	padding: 5px;
	border: 1px solid #808080;
	border-right: 0px solid #808080;
	border-top: 0px;
	width: 118px;
	height: 14px;
	border-right: 0px solid #808080;
	}
a.menu_top:hover {
	color:#94aac1;
}

a.logout:hover {
	color:#94aac1;
}

a.current_menu {
	color:#000;
	text-decoration:none;
	height: 15px;
	display:block;
	float:left;
	padding: 5px;
	background: #b5c0ff;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	font-weight: bold;
	width: 9em;
	text-align: center;
}

a.voicemail {
	color:#003c72;
	text-decoration: none;
	padding: 3px;
}

a.voicemail:hover {
	text-decoration: underline;
}

a.help,a.cdr_update {
	color: #003c72;
	text-decoration: none;
	padding: 3px 19px 3px 3px;
	background: url("images/help.gif") no-repeat;
	background-position: right;
	text-align: left;
}

a.help:hover,a.cdr_update:hover {
	text-decoration: underline;
}

a.cdr_update {
	float: right;
	clear: right;
}


/*******************
 * basic table elements
 *******************/
/*.float_half {
	width: 50%;
	float: left;
}*/

/*
.avp_table {
	width: 98%;
	border: 0px;
	border-collapse: collapse;
	margin-bottom: 16px;
}

.avp_table_left {
	width: 100%;
	border-collapse: collapse;
}
*/
.pcr1,.row_highlight,.this_row,.other_row,.highlight_this_row,.highlight_other_row,.select_this_row,.select_other_row {
	border-bottom: 1px solid #c0c0c0;
}

.row_highlight {
	border-top: 1px solid #c0c0c0;
}

.this_row {
	/*background: #dfdfdf;*/
	background: #fff;
}

.other_row {
	background: #c0c0c0;
}

.blue_row {
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #003366;
	vertical-align: bottom;
}

.disabled_row {
	background: #c0c0c0;
	vertical-align: bottom;
	border-bottom: 1px solid #fff;
}

.attribute_cell {
	padding: 4px 2px 2px 4px;
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
}

.value_cell {
	text-align: left;
	padding: 4px 2px 2px 4px;
	vertical-align: bottom;
}

.cell_width20 {
	width: 20em;
}

.cell_width14 {
	width: 14em;
}

.cell_width8 {
	width: 10em;
}

.cell_width4 {
	width: 4em;
}

.default_table {
	background: #fff url(images/pagebg.jpg) repeat-x;;
	margin: 1%;
	padding: 0px;
	border: 1px solid #003366;
	border-collapse: collapse;
	width: 98%;
	clear: both;
}

.default_table td {
	margin:0px;
	padding:.5ex;
}

.default_top_row {
	height: 27px;
	white-space: nowrap;
	font-size: 1.13em;
	color: ##003c72;
	text-align:left;
	vertical-align: middle;
	padding-left: 4px;
}

/*tr.default_top_row > td.download,td.call_length,td.time,td.no_width,td.cell_width4 {
	border-right: 1px solid #fff;
}*/

.default_cell {
	text-align: left;
	vertical-align: top;
}

.bottom_cell {
	vertical-align: bottom;
}

.bold_cell {
	text-align: left;
	font-weight: bold;
}

.no-wrap {
	white-space: nowrap;
}

td.ID {
	/*border-right: 1px solid #97a9ef;*/
	width: 1.5em;
}

td.time {
	 width: 20em;
}

td.missed_time {
	width:517px;
}

td.call_length {
   width: 5em;
}

td.download {
	width: 7em;
}

table.login {
	width: 98%;
	margin: 1%;
}

/*******************
 * images 
 *******************/

.title_image {
	position: absolute;
	top: 30px;
	left: 10px;
	float: left;
	margin:8px;
	width:150px;
	height:53px;
	background:url("images/logo.gif") no-repeat;
}

.close_button_right {
	background:url("images/close.gif") no-repeat;
	width: 24px;
	height: 24px;
	float: right;
	cursor: pointer;
}

.new_button,.old_button {
	background: url("images/email.gif") no-repeat;
	height: 16px;
	width: 18px;
	position: relative;
	top: 2px;
	margin-left: 14px;
}

.old_button {
	background: url("images/email_open.gif") no-repeat;
	background-position: 2px 0px;
}


.incoming_call,.outgoing_call,.missed_call {
	background: url("images/call_in.gif") no-repeat;
	width: 32px;
	height: 14px;
	font-size: 0px;
	margin-top: 3px;
}

.outgoing_call {
	background: url("images/call_out.gif") no-repeat;
}

.missed_call {
	background: url("images/missed_call.gif") no-repeat;
}

.time_sort {
	display: none;
}

/*******************
 * title bar
 *******************/
.title_bar {
	height:113px;

}

.top_links {
	float:right;
	position:absolute;
	top:0px;
	right: 15px;
	color:#000;
	height: 29px;
	width:500px;
}

.bottom_links {
	float:left;
	position:absolute;
	height:30px;
	top:0px;
	left: 15px;
	padding:0px;
	vertical-align: bottom;
	margin-left: 8px;
}

.user_info {
	position: absolute;
	top: 28px;
	right: 15px;
	float:right;
	clear:right;
	padding:2px 8px 2px 8px;
	font-size:small;
	font-weight:bold;
	text-align:right;
	white-space: nowrap;
}

#time_box {
	text-align:right;
	font-weight:normal;
}

/*******************
 * help bubbles
 *******************/
.helpCornerTop,.helpBaseBottom {
	display: block;
	background: transparent;
}

.help_top {
	font-size: 18px;
	height: 26px;
	background: #003c72;
	color: #fff;
	padding-right: 2px;
	padding-left: 4px;
	text-align: left;
}

.help_top_inline {
	font-size: 18px;
	color: #000;
	padding-right: 2px;
	padding-left: 4px;
	text-align: left;
}
.help_layer {
	position: absolute;
	visibility: hidden;
	right: 250px;
	top: 100px;
	width: 430px;
	z-index: 99;
	font-family: sans-serif;
	padding: 0px;
	border: 1px solid black;
	background: #ececec;
}

.help_body {
	padding: 4px;
}

.sort_up,.sort_down,.sorted_up,.sorted_down {
	width: 16px;
	height: 8px;
	padding: 0px;
	float: left;
	cursor: pointer;
}

.sort_up {
	background: url('images/arrow_up.gif') no-repeat;
}

.sort_down {
	background: url('images/arrow_down.gif') no-repeat;
}
.sorted_down {
	background: url('images/arrow_down_selected.gif') no-repeat;
}

.sorted_up {
	background: url('images/arrow_up_selected.gif') no-repeat;
}
/*******************
 * form elements
 *******************/

form {
	display: inline;
}

fieldset, form {
	border: 0px;
	padding: 0px;
}

.submit_button,.submit_button_highlight {	
	padding: 2px 4px 2px 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size:14px;
	background: #d9e1ea;
	color: #003c72;
	border: 1px solid #003c72;
	-moz-border-radius: .6em;
	border-radius: .6em;
}


.submit_button_highlight {
	background: #B3c5D5;
}

.form_input,.form_input_toggle,.form_input_disabled,.form_input_text {
	border: 1px solid gray;
	background: #fff;
	margin: 3px 0px 3px 0px;
	color: #000;
	padding: 0px;
}

.plaintext_form {
	background: #ececec;
	border: 0px;
	color: black;
}

.check_box {
	background: #fff;
	border: 1px solid gray;
}

.form_input_text,.form_input_disabled,.number_disabled,.form_input,.form_input_toggle {
	/*width: 160px;*/
	width: 99%;
}

.form_input_text_disabled {
	background: #c3c3c3;
}

.form_input_disabled {
	background: #c0c0c0;
}

.number_disabled {
	border: 1px solid gray;
	background: #c0c0c0;
	margin: 3px 0px 3px 0px;
	color: #c0c0c0;
}

.profile_button,.profile_button_highlight {	
	float: right;
	margin: 3px 10px 3px 0px;
	font-size:14px;
	background: #d9e1ea;
	color: #003c72;
	border: 1px solid #003c72;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 1px;
}

.profile_button_highlight {
	background: #B3c5D5;
}

input.address_button {
	float: right;
	clear: none;
	margin-right: 1em;
}

input.clear_select {
	float: right;
	background: #b5c0ff;
	/*
	background: #c0c0c0;*/
	margin-left: 2px;
	margin-right: 2px;
}

input.clear_select_highlight {
	float: right;
	background: #eeee22;
	margin-left: 2px;
	margin-right: 2px;
}

/*******************
 * corners 
 *******************/
/* some basic attributes to assign to all rounded corner elements */
.helpCornerTop *,.helpBaseBottom *,.blueCornerTop *,.blueCornerBottom *,.orangeCornerTop *,.orangeCornerBottom *,.whiteCornerTop *,.whiteCornerBottom *,.darkBlueCornerTop *,.darkBlueCornerBottom *,.whiteCornerSmallTop *,.whiteCornerSmallBottom *,.wcbbTop *,.wcbbBottom *,.innerCornerTop *,.innerCornerBottom *{
	display:none;
	height:1px;
	overflow:hidden;
}


.blueCornerTop,.blueCornerBottom,.orangeCornerTop,.orangeCornerBottom,.innerCornerTop,.innerCornerBottom {
	display:block;
	background:#FFF;
	clear: both;
}

.whiteCornerTop,.whiteCornerBottom {
	display:block;
	background:#b5c0ff;
	clear: both;
}

/*******************
 * colour attributes 
 *******************/
.blueCorner1,.blueCorner2,.blueCorner3,.blueCorner4 {
	background:#869be7;
}
.innerCorner1,.innerCorner2,.innerCorner3,.innerCorner4 {
	background: #b5c0ff;
}

.whiteCorner1,.whiteCorner2,.whiteCorner3,.whiteCorner4,.whiteCornerSmall1,.whiteCornerSmall2,.whiteOnBlueSmall1,.whiteOnBlueSmall2 {
	background: #fff;
}

/*******************
 * shape attributes
 *******************/
.blueCorner1,.whiteCorner1,.orangeCorner1,.helpCorner1,.helpBase1,.innerCorner1 {
	margin:0 5px;
}

.blueCorner2,.whiteCorner2,.orangeCorner2,.helpCorner2,.helpBase2,.innerCorner2 {
	margin:0 3px;
}

.blueCorner3,.whiteCorner3,.orangeCorner3,.helpCorner3,.helpBase3,.innerCorner3 {
	margin:0 2px;
}

.blueCorner4,.whiteCorner4,.orangeCorner4,.helpCorner4,.helpBase4,.innerCorner4 {
	margin:0 1px;
	height:2px;
}

/*******************
 * cdr page
 *******************/

#missed_legend,#ml {
	background: url("images/missed_call.gif") no-repeat;
	background-position: 6px 6px;
}

#outgoing_legend,#ol {
	background: url("images/call_out.gif") no-repeat;
	background-position: 6px 6px;

}

#incoming_legend,#il {
	background: url("images/call_in.gif") no-repeat;
	background-position: 6px 6px;
}

#missed_legend,#outgoing_legend,#incoming_legend {
	padding: 4px;
	padding-left: 40px;
	border: 1px solid #003366;
	float: right;
	margin-left: 4px;
	background-position: 6px 6px;
}

#ml,#ol,#il {
	padding-left: 40px;
	border-top: 1px solid #000;
	background-position: 4px 2px;
}


tr[class^='missed_'] {
	display: table-row;
	color: #000000;
	background: #fff;
	border-bottom: thin solid #c0c0c0;
}

tr[class^='out_'] {
	display: table-row;
	color: #000000;
	background: #fff;
	border-bottom: thin solid #c0c0c0;
}
tr[class^='in_'] {
	display: table-row;
	color: #000000;
	background: #fff;
	border-bottom: thin solid #c0c0c0;
}

tr[class$="total"],tr[class$="_sort_headers"] {
	display: table-row;
	font-size:14px;
	font-weight: bold;
	color: #000;
	text-align:left;
	padding-left: 4px;
	margin:0px;
	white-space: nowrap;
	
}

tr[class$="_sort_headers"] {
	border-bottom: 1px solid #003366;
}

tr[class$="total"] {
	display: table-row;
	border: 1px solid #999;
}
tr[class$="total"] * {
	vertical-align: middle;
}

td.border {
	/*border-right: 1px solid #fff;*/
	vertical-align: middle;
}


tr[class$="total"] * {
	margin:0px;
	padding:.5ex;
}


*[class$="_off"],.hideSwitch {
	display: none;
}

tr[class^='highlight_'] {
	background: #ececec;
	border-bottom: thin solid #c0c0c0;
}

tr[class^='select_'] {
	background: #b5c0ff;
	border-bottom: thin solid #c0c0c0;
}

#cdr_table {
	background: #fff url(images/pagebg.jpg) repeat-x;;
	margin: 1%;
	padding: 0px;
	border: 1px solid #003366;
	border-collapse: collapse;
	width: 98%;
	clear: both;
}

#cdr_table * {
	padding: 2px;
	margin: 0px;
	border-collapse: collapse;
}

div#filter {
	width: 98%;
	margin: 1%;
	background: #ffffff;
	color: black;
	text-align: left;
	font-size: small;
	z-index: 1;
}

.io_cell {
	width: 2.2em;
	padding-left: 1em;
}


/*************************
 * voicemail page
 *************************/

.voicemail_title {
	vertical-align: middle;
}

input.voicemail_delete {
	float: right;
	margin-left: 2px;
	margin-right: 2px;
}

input.voicemail_select {
	float: right;
	background: #d9e1ea;
	margin-left: 2px;
	margin-right: 2px;
}

input.voicemail_select_highlight {
	float: right;
	background: #B3c5D5;
	margin-left: 2px;
	margin-right: 2px;
}

input.voicemail_select_disabled {
	float: right;
	background: #c0c0c0;
	margin-left: 2px;
	margin-right: 2px;
}

/*************************
 * profile page
 *************************/
 
h3.disclaimer {
	color: #f00;
	text-align: right;
}
h4.disclaimer {
	text-align: center;
}

.profile_table_left,.profile_table {
	border: 1px solid #003366;
	width: 49%;
	margin: 1%;
}

.profile_table {
	width: 98%;
}

.profile_table_left td,.profile_table td,.profile_table_right td {
	padding-left: .5em;
	margin: 0px;
}

.address_change {
	top: 10px;
	left: 4px;
	right: 4px;
	bottom: 8px;
	position: absolute;
	visibility: visible;
	z-index: 99;
	font-family: sans-serif;
	padding: 0px;
	background: #fff;
	text-align: center;
}

.address_change_hide {
	position: absolute;
	visibility: hidden;	
	top: 20px;
	left: 2px;
	right: 2px;
	bottom: 8px;
	height: 110%;
}

.e911_agreement {
	width: 70%;
	height: 200px;
	background: white;
	color: black;
	border: 2px solid black;
	margin: .5em;
}

.e911_agreement * {
	padding: .5em;
}

.e911_fee {
	height: 40px;
}

.e911_button {
	float: none;
}

.address_table_header {
	text-align: left;
	font-size: 1.17em;
	font-weight: bold;
}

.service_title {
	text-align: left;
	font-size: 1.10em;
	padding: 3px 0px 3px 0px;
}

.address_table {
	width: 70%;
	background: #fff;
	
}



/*
.profile_att_width {
	margin-left: 30px;
	width: 16em;
}
*/

.profile_title {
	font-size: 1.17em;
	font-weight: bold;
	text-align: left;
}

.profile_table_right {
	position: relative;
	width: 48%;
	float: right;
	clear: right;
	margin: 1%;
	border: 1px #003366 solid;
}

.profile_root_stage,.profile_current_stage,.profile_next_stage,.profile_current_stage,.profile_past_stage {
	font-size: 16px;
	padding-left: 30px;
	margin: 4px;
	height: 29px;
	position: relative;
	top: 6px;
}

.profile_current_stage,.profile_past_stage {
	color: #000;
	background: url("images/current_stage.gif") no-repeat;
	background-position: 0px 0px;

}

.profile_current_stage *,.profile_past_stage *,.profile_root_stage * {
	background: #b5c0ff;
	border: 1px solid black;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 3px 0px 3px;
}


.profile_next_stage {
	color: #808080;
	background: url("images/next_stage.gif") no-repeat;
	background-position: 0px 0px;
}

.profile_link {
	cursor: pointer;
}

#num_rings {
	width: 1.5em;
}

.sortheader {
	height: 8px;
}

#cf_uncond_number_input,#cf_busy_number_input,#cf_unavail_number_input,#cf_noans_number_input,#show_calls,#show_bp,#login_box,#password_box {
	width: 10em;
}


/**************************************************************************
					NEW Updates for PDX

***************************************************************************/