@charset "utf-8";

/******************************************************************************/
/* GENERAL TEXT STYLES                                                        */
/******************************************************************************/

body, p, th, td, label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 165%;
	color: #333;
}

b, th b, td b { color: #555; }

small
{
	font-size: 85%;
	line-height: 150%;
}

a
{
	color: #009;
	text-decoration: none;
	border-bottom: 1px #8484A2 solid;
}
a:hover
{
	color: #00C;
	border-bottom: 1px #009 solid;
}
a:active
{
	color: #999;
}

/* HEADINGS */

h1, h2
{
	color: #F50;
	font-size: 20px;
	font-weight: lighter;
	border-width: 0 0 1px 0;
	border-color: #F60;
	border-style: dotted;
	letter-spacing: -1px;
}

h3
{
	font-size: 14px;
	font-weight: normal;
}

/******************************************************************************/
/* GENERAL COLOUR SCHEME - intense, pale and faint                            */
/******************************************************************************/

.col1i, .col1i b
{
	color: #000;
	background-color: #FFE8B2;
}

.col1p
{
	color: #000;
	background-color: #FFF8E8;
}

.col1f
{
	background-color: #FFFDFA;
}

.col2i, .col2i b
{
	color: #FFF;
	background-color: #669;
}

.col2p
{
	color: #000;
	background-color: #F3F4FF;
}

.col2f
{
	color: #000;
	background-color: #F3F4FF;
}

/* Borders and lines */
.col1i, .col1p, .col1f,
.col2i, .col2p, .col2f,
table, tr, th, td,
#DOMWindow,
ul.as-selections li.as-selection-item
{
	border-color: #8F8FB3 !important;
}

/******************************************************************************/
/* BUTTONS                                                                    */
/******************************************************************************/

.grabut_left li, .grabut_right li,
.grabut_left_forward li, .grabut_right_forward li,
.grabut_left_reload li, .grabut_right_reload li
{
	background: url("/images/css_core/css_button_left.gif") no-repeat left top;
}

.grabut_left a, .grabut_right a,
.grabut_left_forward a, .grabut_right_forward a,
.grabut_left_reload a, .grabut_right_reload a
{
	color: #FFF;
	background: url("/images/css_core/css_button_right.gif") no-repeat right top;
}

/******************************************************************************/
/* FORMS                                                                      */
/******************************************************************************/

input, select, textarea
{
	border: 1px #8F8FB3 solid;
	background-color: #FBFBFB;
}

input:focus, select:focus, textarea:focus,
ul.as-selections li:hover.as-selection-item
{
	border: 1px #FF6600 solid;
	background-color: #FFF7F2;
}

/* Validation error highlighting */

label.error
{
	color: #C33 !important; ;
	font-weight: bold !important;
}

input.error, input[type=password].error, select.error
{
	border: 2px #C33 solid !important; 
}

@media screen and (min-width: 500px)
{
	label
	{
		border-right: 1px #8F8FB3 dotted;
	}
}

/******************************************************************************/
/* ERROR MESSAGES                                                             */
/******************************************************************************/

.error
{
	color: #C33;
}

p.error
{
	border: 1px #C33 solid;
}

.fatal_err
{
    background-image: url("/images/css_core/fatal_err_50.png");
}

/******************************************************************************/
/* FEEDBACK MESSAGES                                                          */
/******************************************************************************/

.feedback
{
	color: green;
}

p.feedback
{
	border: 1px green solid;
}

/******************************************************************************/
/* ICONS COMPRISING MULTIPLE BLOCKS                                           */
/******************************************************************************/

.icon_blocks span
{
	color: #FFF;
	background-color: #669;
}

.icon_blocks span.range
{
	color: #E6E6FF;
}

/******************************************************************************/
/* TOOLTIPS (OR 'INFOTEXT')                                                   */
/******************************************************************************/

.infotext, label i
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #777;
}

.tip
{
	font-size: 12px;
	border-color: #F3F4FF;
	background-color: #4F4F70;
}

.tip, .tip b, .tip th, .tip td
{
	color: #FFF;
}

/******************************************************************************/
/* AJAX LOADING TWIRLER                                                       */
/******************************************************************************/

.twirler
{
    background-image: url("/images/css_core/twirler.gif");
}

/******************************************************************************/
/* FLOATING DOM WINDOWS                                                             */
/******************************************************************************/

.dragbar
{
	background-image: url("/images/css_core/dragbar_tile.gif");
}

.dragbar a.close
{
	background-image: url("/images/css_core/close_cross.png");
}

/******************************************************************************/
/* ACCORDIONS                                                                 */
/******************************************************************************/

h3.acc_trigger, h3.false_acc_trigger
{
	background-color: #669;
	font-weight: normal;
}

h3.active
{
	background-color: #2121A6;
}

h3.acc_trigger a, h3.false_acc_trigger a
{
	color: #D8D8D8;
}

h3.acc_trigger a:hover
{
	color: #FFF;
}

h3.active a
{
	color: #FFF;
}

.acc_container
{
	background-color: #FFF;
}

/******************************************************************************/
/* NUMBERCHOOSER-SPECIFIC STYLES                                              */
/******************************************************************************/

/* Cell hover */
.numberchooser .results_area table td:hover, .numberchooser .results_area table td:hover a
{
	color: #FFF;
	background-color: #CC613D;
}

/* Stripe */
.numberchooser .results_area table tr:nth-child(even) 
{
	background-color: #F3F3F3;
}

/* Local number search - list highlight */
li.as-result-item.active, li.as-result-item.active b
{
	color: #FFF;
	background-color: #CC613D;
	/* background-image: -webkit-gradient(linear, 0% 0%, 0% 64%, from(rgb(110, 129, 245)), to(rgb(62, 82, 242))); */
}

/* Local number search - matched search highlight */
li.as-result-item em
{
	background-color: #CCA066;
}

/* Local number search - selected item */
ul.as-selections li.as-selection-item
{
	background-color: #FFF;
}

/******************************************************************************/
/* SERVICE-CONFIGUTRATOR-SPECIFIC STYLES                                      */
/******************************************************************************/

.cfg_services_box > div:hover, .cfg_plans_box > div:hover
{
	background-color: #FFC;
}