/* CSS Document */
body
{
	background-image: url(http://www.dialmycalls.com/images/bg.gif);
}
h1, .h1
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #353535;
}
.listpaging
{
	text-align: right;
	padding-right: 3px;
	background-color: #F9F9F9;
}
.listviewing
{
	padding-left: 3px;
	background-color: #F9F9F9;
}
.attention
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}
.error
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #CC0000;
}
.smallerror
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}
.strongerror
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}
.copyright
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
a.copyright:link, a.copyright:visited, a.copyright:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #36659E;
}
a.copyright:hover, a.copyright:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CE0000;
}
.smalltext
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a.smalltext:link, a.smalltext:visited, a.smalltext:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #36659E;
}
a.smalltext:hover, a.smalltext:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CE0000;
}
.smallbold
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}
a.smallbold:link, a.smallbold:visited, a.smallbold:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #36659E;
	font-weight: bold;
}
a.smallbold:hover, a.smallbold:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CE0000;
	font-weight: bold;
}
.maintext
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a.maintext:link, a.maintext:visited, a.maintext:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #36659E;
}
a.maintext:hover, a.maintext:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CE0000;
}
.strongtext
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
a.strongtext:link, a.strongtext:visited, a.strongtext:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #36659E;
}
a.strongtext:hover, a.strongtext:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CE0000;
}
.smallwhite
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a.smallwhite:link, a.smallwhite:visited, a.smallwhite:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #FFFFFF;
}
a.smallwhite:hover, a.smallwhite:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #CE0000;
}
.mainwhite
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
a.mainwhite:link, a.mainwhite:visited, a.mainwhite:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
a.mainwhite:hover, a.mainwhite:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #CE0000;
}
.strongwhite
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.popup_white
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.popup_bkg
{
	background-color: #2F5E97;
}
.readtext
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
a.readtext:link, a.readtext:visited, a.readtext:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #36659E;
}
a.readtext:hover, a.readtext:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CE0000;
}
.readstrong
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
a.readstrong:link, a.readstrong:visited, a.readstrong:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #36659E;
}
a.readstrong:hover, a.readstrong:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CE0000;
}
.tablehead
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(http://www.dialmycalls.com/images/tablebg.gif);
}
.headline
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
}
.odd_td
{
	background-color: #FFFFFF;
}
.even_td
{
	background-color: #F4F4F4;
}
.normal_td
{
	background-color: #FBFBFB;
}
.highlight_td
{
	background-color: #CADAE8;
}
.transclear
{
	display: none;
}
.phone_header
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F9F9F9;
}
.phone_error
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #A40405;
	font-size: 14px;
	font-weight: bold;
}
.phone_inprogress
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.phone_success
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #009900;
	font-size: 14px;
	font-weight: bold;
}
.phone_small
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a.phone_small:link, a.phone_small:visited, a.phone_small:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1E506A;
}
a.phone_small:hover, a.phone_small:visited:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CE0000;
}
form
{
	margin: 0;
	padding: 0;
}
.formbuttons
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #36659E;
	border: 1px #000000 solid;
	font-variant: normal;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-top: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.calendar_month
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
.calendar_weekday
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
.calendar_invalidday
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: F7F7F7;
}
.calendar_day
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: #E0E0E0
}
.calendar_activeday
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: #FFFF00;
}

/* Buttons */
a.button, span.button, del.button
{
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	line-height: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	text-decoration: none;
	color: #2E523B;
	font-style: normal;
	margin: 0 6px 0px 0;
	padding: 0 10px 0 0;
	vertical-align: middle;
	padding-top: -2px;
	_position: relative;
	_width: 10px;
	_overflow-y: hidden;
}

a.button, span.button, del.button, a.button span, span.button button, span.button input, del.button span
{
	background-image: url(http://www.dialmycalls.com/images/btn0.gif);
	_background-image:url(http://www.dialmycalls.com/images/btn0.gif);
}

a.button span, span.button button, span.button input, del.button span
{
	white-space: nowrap;
	cursor: pointer;
	color: #222;
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	letter-spacing: 0 !important;
	font-family: "Arial" !important;
	font-size: 12px !important;
	font-style: normal;
	background-color: transparent;
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 30px;
	padding: 8px 10px 0 0px;
	margin: 0 -16px 0 10px;
	border: none;
	vertical-align: text-top;
	zoom: 1;
	_position: relative;
	_padding-left: 5px;
	_padding-right: 5px;
	_margin-right: -10px;
	_display: block;
	_top: 0;
	_right: -5px;
}

span.button button
{
	line-height:2.5;/*Opera need this*/
}

html.safari a.button span, html.safari del.button span
{
	line-height:1.3;
}

html.safari span.button button
{
	line-height:2.6;
}

html.safari a.button:focus, html.safari span.button button:focus
{
	outline:none;
}

del.button
{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
}

del.button span
{
	cursor: default;
	color: #aaa !important;
	background-position: 100% -120px;
}

span.button button, span.button input
{
	padding-top: 0px;
	line-height: 2.5; /*Opera need this*/
}

/*Hover Style*/
a.button:hover, span.button:hover, a.button:focus, a.dom-button-focus, span.button-behavior-hover
{
	background-position: 0 -60px;
	color: #222;
	text-decoration: none;
}

a.button:hover span, span.button:hover button, a.button:focus span, span.button-behavior-hover button, span.button-behavior-hover input
{
	background-position:100% -60px;
}

a.button:active, a.button:focus span
{
	color:#444;
}

del.button-behavior-hover, del.button:hover
{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}

del.button-behavior-hover span, del.button:hover span
{
	background-position:100% -180px;
	/* cursor:not-allowed; */
}

/*Optional hack for IE6 to simulate :hover selector*/
span.button button, del.button span, span.button input
{
	_behavior:expression(
		(function(el)
		{
			if( typeof( behavior_onMouseEnter) == 'undefined')
			{
				behavior_onMouseEnter = function(el)
				{
					var dEl = this.parentNode;
					var sClass = dEl.className;
					dEl.__defaultClassName = sClass;
					dEl.className = sClass + ' button-behavior-hover';
					this.setCapture();
				};

				behavior_onMouseLeave = function(el)
				{
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};

			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
		}
	)(this));
}

.code-wrapper
{
	min-height: 32px;
}

.code-wrapper, .code-wrapper pre
{
	clear: both;
	background-color: #F5F5F5;
	border: solid 2px #CADAE8;
	font-family: Consolas, 'Courier New', Courier, Monospace;
	font-size: 8pt;
	line-height: 12pt;
	margin: 15px 0 0 0px;
	max-height: 227px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	width: 454px;
}

.code-wrapper pre
{
	border-style: none;
	margin: 0px 0px 0px 0px;
	overflow: visible;
	padding: 0px 0px 0px 0px;
}

.code, .code pre, .code .alt
{
	background-color: #F5F5F5;
	border-style: none;
	color: black;
	font-family: Consolas, 'Courier New', Courier, Monospace;
	font-size: 8pt;
	line-height: 12pt;
	overflow: visible;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.code pre
{
	margin: 0em;
}

.code .alt
{
	background-color: #F4F2DF;
}

.code .asp
{
	background-color: #FFFF00;
}

.code .attr
{
	color: #FF0000;
}

.code .cls
{
	color: #CC6633;
}

.code .html
{
	color: #800000;
}

.code .kwrd
{
	color: #0000FF;
}

.code .lnum
{
	color: #F1C969;
}

.code .op
{
	color: #0000C0;
}

.code .preproc
{
	color: #CC6633;
}

.code .rem
{
	color: #008000;
}

.code .str
{
	color: #006080;
}

/* IMPORT LIST AJAX BOX */
.hidden
{
	display: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container
{
	margin: 0 auto;
	width: 650px;
}

#container h1, #container h2
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #353535;
	text-align: left;
}

#container #upload-ui
{
	text-align: left;
}

#container #upload-ui #ajax-loading
{
	position: relative;
	top: 3px;
	left: 10px;
}

#container #column-selection-ui
{
	text-align: center;
}

#container #column-selection-ui p
{
	text-align: left;
}

#container #column-selection-ui #columns
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	width: 100%;
	margin: 15px 0 15px 0;
}

#container #column-selection-ui #columns td
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	margin-bottom: 15px;
}

#container #column-selection-ui #columns td.header
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #EEEEEE;
	font-weight: bold;
	cursor: pointer;
}

#container #column-selection-ui #column-legend
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 15px;
	list-style: none;
}

#container #column-selection-ui #column-legend li
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	margin-right: 15px;
}

#container #column-selection-ui #column-legend li .column-box
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 12px;
	height: 12px;
	border: 1px solid #CCCCCC;
	margin: 0 5px 0 0;
	float: left;
}
/* IMPORT LIST AJAX EOF */