/* ------------------------------- Main Tags Reformatted ------------------------------------- */

body {
	margin-top: 6px;
	margin-left:0px;
	margin-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#57727A;
	}
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#57727A;
	margin-bottom:0;
	}

a img {
	border:0;
	}

acronym { border:0; }

/* ------------------------------------- Links ---------------------------------------------- */

a:link { color:#57727A; text-decoration:none;}
a:visited { color:#57727A; text-decoration:none;}
a:hover { color:#57727A; text-decoration:underline;}
a:active { color:#57727A; text-decoration:none;}

#top-nav a:link { text-decoration:none; color:black;}
#top-nav a:visited { text-decoration:none; color:black;}
/* #top-nav a:hover { text-decoration:underline; color:black;} */
#top-nav a:hover { text-decoration:none; color:#FFC000;}
#top-nav a:active { text-decoration:none; color:black;}

#con-left a:link { text-decoration:none; color:black;}
#con-left a:visited { text-decoration:none; color:black;}
#con-left a:hover { text-decoration:underline; color:black;}
#con-left a:active { text-decoration:none; color:black;}

h2 a:link { color:#57727A; text-decoration:underline;}
h2 a:visited { color:#57727A; text-decoration:underline;}
h2 a:hover { color:#57727A; text-decoration:underline;}
h2 a:active { color:#57727A; text-decoration:underline;}

/* ------------- General Classes ---------------------------------------------------------- */

#pageHeight {
    float: left;
    width: 1px;
    height: 536px;
    height /**/: 546px;
}

.interfaceBigText {
	font-size:32px;
	font-weight:bold;
	color:#000066;
	}
	
.interfaceMedText {
	font-size:25px;
	font-weight:bold;
	color:#000066;
	width:307px;
	margin-bottom:5px;
	overflow:hidden;
	height:32px;
	}
	
.greyTxt {color: #666666}

.underH2 { margin-top:0; color:#FFC000; font-weight:bold;}

.highlightTxt { color:#FFC000; font-weight:bold; }
.highlightTxt2 { color:#FFC000; }
.cartfeature { font-weight:bold; color:#4ead5c;}

.pad15L { margin-left:15px; }
.pad65L { margin-left:81px; }

.smallText { font-size:10px; color:#666666;}
.mediumText { font-size:12px; color:#666666;}

.resultTable { margin-left:2px; margin-right:2px; color:#000000; border-top:1px solid #C9C9C9; border-left:1px solid #C9C9C9; border-right:1px solid #C9C9C9; }
.resultTable td { color:#000000; border-bottom:1px solid #C9C9C9; }
.resultTable th { color:#000000; background-color:#F4F4F4; }

.resultTable2 { margin-left:2px; margin-right:2px; color:#000000; border:1px solid #C9C9C9; border-collapse:collapse; }
.resultTable2 td { color:#000000; border-top:1px solid #C9C9C9; border-bottom:none; }
.resultTable2 th { color:#000000; background-color:#F4F4F4; }
.routetoggleblock { background-color:#F4F4F4; }
.routetogglediv {width: 170px; text-align:left;}

.infoTable { margin-left:2px; margin-right:2px; color:#000000; border:1px solid #C9C9C9; }
.expandTable {border:dotted 1px #777777; border-collapse:collapse; width:670px;}
.expandTable tr td {border:none; padding-top:3px; padding-bottom:3px;}


.leftBorder { border-left:1px solid #C9C9C9; }
.leftBorder2 { border-left:1px solid #C9C9C9; }
.bottBorder { border-bottom:1px solid #C9C9C9; }

.cartForm {
	height:12px;
	color:#000000;
	font-size:10px;
	line-height:11px;
	margin:0;
	padding:1px;
	border:1px solid #BBBBBB;
	}

.cartSelect {
	height:18px;
	color:#000000;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:1px;
	border:1px solid #BBBBBB;
	}

.cartAddrText {
	height:60px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:1px;
	border:1px solid #BBBBBB;
	}


.pricetype1 { display:none; }	/* peak, off-peak, weekend (caller) */
.pricetype2 { display:inline; }	/* Bundled mins, setup fee, service fee */
.pricetype3 { display:none; }	/* peak, off-peak, weekend (receiver) */
.pricetype4 { display:none; }	/* Cost per call (caller) */
.pricetype5 { display:none; }	/* Cost per call (receiver) */

.index_mid_table { height:103px; height /**/:115px; padding-top:12px; padding-top /**/:0px; }

#mainblock {border:solid white 1px;}

/* ------------------------------------- Div's ---------------------------------------------- */

#container {
	width:774px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	
	}
#header {
	height:105px;
	background-image:url(images/sc-top1-rep.jpg);
	background-repeat:repeat-x;
	}

#header-top {
	height:29px;
	}

.header-right-tab {
	float:right;
	}

.iebug {
/*	margin-bottom:-2px;*/
}

#header-mid {
	height:55px;
	background-image:url(images/sc-mid-rep.jpg);
	background-repeat:repeat-x;
	}

#header-mid-bot {
	background-image:url(images/sc-mid-bot-rep.jpg);
	background-repeat:repeat-x;
	}

#header-bot {
	background-image:url(images/sc-bot-rep.jpg);
	background-repeat:repeat-x;
	position /**/:relative;
	font-size:11px;
	}

#footer {
	background-image:url(images/sc-footer.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:774px;
	height:13px;
	margin-top: -1px;
	}

#top-nav {
	position:relative;
	font-size:10px;
	line-height:13px;
	width:630px;
	top:-17px;
	top /**/:-26px;
	text-align:right;
	float:right;
	}

#top-time {
	position:relative;
	width:123px;
	top:-16px;
	top /**/:-16px;
	left: 30px;
	font-size:10px;
	color:#FFC000;
	font-weight:bold;
	}

#top-nav ul {
	padding-right:24px;
	}

#top-nav li {
	display:inline;
	padding-left:13px;
	color:#FFC000;
	}

/* ------------ Content ------------------------------------------------------------*/

#content {
	background-image:url(images/sc-content-rep2.gif);
	background-repeat:repeat-y;
	width:774px;
	height:auto;
	margin-top:-32px;
	margin-top /**/:0;
	padding-top:10px;
	}

#con-left {
	position:relative;
	height: auto;
	width:148px;
	left:10px;
	top /**/:11px;
	/*background-image:url(images/con-left-grad2.jpg);
	background-repeat:repeat-y; */
	margin-top:8px;
	font-size:10px;
	}

#con-left div { padding-left:5px; }

#con-left ul li {
	margin-top: 1px;
	list-style-type:none;
	margin-left:-12px;
	padding-bottom:5px;
	list-style-image:url(images/list-item.gif);
	}

#con-right {
	position:relative;
	width:605px;
	height:auto;
	min-height: 590px;
	float:right;
	left:-12px;
	top /**/:-35px;
	}

#con-right p,h1,h2,h3,h4,h5 {
	padding-right:15px;
	padding-left:15px;
	text-align:justify;
	}

/* #con-right span { color:#FFC000; font-weight:bold; } */

#con-right ul { padding-right:15px; }

#con-right ul li {
	padding-bottom: 8px;
	list-style-type: circle;
	list-style-image: url('images/list-item.gif'); 
}

/* ------------------------- Interfaces ----------------------------------------------- */

#intCallsInterface {
	padding:15px;
	height:320px;
	width:550px;
	background-image:url(images/int_calls_panel_01.gif);
	background-repeat:no-repeat;

	}
	
#intCallsInterface select { 
	font-size:14px;
}

#intCallsInterface p {
	margin-top /**/:0;
	margin-bottom /**/:0;
	font-size:14px;
	}
	
#intCallsInterface p.greyTxt
{
	position:relative; left:-14px; top: -60px;
	width:528px;
	font-size:11px;
}

#intCallsInterface div {
	padding-bottom /**/:19px;
	}

#cheapCallBox{ 
	border:1px dashed #BBBBBB;
	margin-left:15px;
	width:545px;
	height:73px;
	overflow-y:scroll;
	overflow-x:hidden;
	overflow /**/:scroll;
	height /**/:93px;
	}

/* ----- Left Boxes ------------------------------------------------------------------- */
.leftForm {
	height:12px;
	color:#FFC000;
	font-size:10px;
	font-weight:bold;
	line-height:11px;
	background-image:url(images/sc-form-inside-iwto.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	margin:0;
	padding:1px;
	border:1px solid #BBBBBB;
	}

#leftBox_cart {
	position:relative;
	margin-top:-10px;
	margin-top /**/:-11px;
	margin-left:-5px;
	color:#57727A;
	}
	
#leftBox_cart p {
	position:absolute;
	top:55px;
	top /**/:48px;
	left:15px;
	font-size:10px;
	padding-left:0px;
	}

#leftBox0 {
	position:relative;
	margin-top:-4px;
	color:#57727A;
	}
	
#leftBox0 p {
	position:absolute;
	top:55px;
	top /**/:48px;
	left:15px;
	font-size:10px;
	padding-left:0px;
	}

#leftBox0 #iwto-box {
	position:absolute;
	top:72px;
	left:15px;
	margin:0;
	padding:0;
	}

#leftBox0 #viewcartbutton {
	position:absolute;
	top:65px;
	left:29px;
	}

#leftBox1 {
	position:relative;
	margin-top:-2px;
	color:#57727A;
	margin-bottom:-10px;
	margin-bottom/**/:-10px;
	}

#leftBox1 p {
	position:absolute;
	top:55px;
	top /**/:48px;
	left:15px;
	font-size:10px;
	padding-left:0px;
	}

#leftBox1 #iwto-box {
	position:absolute;
	top:72px;
	left:15px;
	margin:0;
	padding:0;
	}

#leftBox1 #iwto-submit {
	position:absolute;
	top:92px;
	left:65px;
	}

#iwto-form { display:inline; }

#leftBox2 {
	position:relative;
	top:-5px;
	top /**/:5px;
	color:#57727A;
	}

#leftBox2 #mcn-box {
	position:absolute;
	top:72px;
	left:15px;
	margin:0;
	padding:0;
	}

#leftBox2 p {
	position:absolute;
	top:55px;
	top /**/:48px;
	left:15px;
	font-size:10px;
	padding-left:0px;
	}

#leftBox2 #mcn-submit {
	position:absolute;
	top:92px;
	left:65px;
	}
	
.leftbox_def {	/* we need to get rid of the mess of leftbox CSS above; all boxes should be redone to use this base panel as a default. */
	width:133px;
	margin-left:0px; 
	padding-top:5px;
	position:relative;
	color:#57727A;
	overflow:hidden;
	}
.leftbox_def p {
	padding-left:5px;
}


#PickANumber {
	background-image: url("images/sc-pick-your-number.gif");
	height:105px;
	width:559px;
 	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;
	padding:22px 8px 8px 8px;
}

.carttotalpanel {
	position:relative;
	background-image:url("images/cart-paneltotalback-blank.gif");
	height:104px;
	width:134px;
	left:452px;
}

.carttotalpanel table {
	position:absolute;
}

.cartitempanel {
	position:relative;
	background-image:url("images/cart-panelback-blank.gif");
	height:193px;
	width:586px;
}

.cartitempanel div {
	position:absolute;
}

/* Moz fixes */
#iwto-form { margin-top /**/:10px; }
#mcn-form { margin-top /**/:14px; }

/* ------------ Forms and Interfaces ------------------------------------------------------ */

select, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* ------------------- added by rich@skymarket.co.uk ------------------- */

#demoCallbackFormDiv {
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	width:311px;
	height:212px;
	overflow:hidden;
	background-image:url(images/callbackDemoBg.jpg);
	background-repeat:no-repeat;
	}

#demoCallbackNote { 
	margin-left:auto;
	margin-right:auto;
	width:300px;
	font-size:10px;
	padding-left:10px;
	}

#demoCallbackFormDiv h1 { 
	font-size:17px; 
	width:100%; 
	padding:4px 0 4px 10px;
	}

#demoCallbackFormDiv #demoCallbackFormPreamble { margin-top:-15px; margin-top /**/:-8px; }

#demoCallbackFormDiv #demoCallbackFormpara2 { margin-top:5px;  }

#demoCallbackFormNumber { display:block; margin: -15px 0 0 13px; margin /**/: -8px 0 0 13px;}

.callBackButton { margin:-13px 10px 10px 13px; }

#demoCallbackFormCustomerButton { margin-left:0; }

#demoCallbackFormDiv p { padding: 0 10px 4px 13px; }

#demoCallbackFormDiv #demoCallbackFormStatus { width:100%; padding-left:11px; margin-top:-4px; margin-top /**/:-20px; }

.skH {height: 10px;
	width: 211px;
	background-repeat: no-repeat;
	text-indent: -3000px;
	margin-bottom: 0px;
}

.red { color:#FF0000; }
.orange {color: #E5720C;}
.center {
	margin-left: auto;
	margin-right: auto;
}

#lostPasswordDiv {
	position: relative;
	float:right;
	padding-top: 21px;
	padding-top /**/: 22px;
}

#lostPasswordDiv a:link, #lostPasswordDiv a:active, #lostPasswordDiv a:hover, 
#lostPasswordDiv a:visited {
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 10px;
}

.fakelink {cursor:pointer; cursor:hand; text-decoration:underline;}
.clickable {cursor:pointer; cursor:hand;}
.mgtsortbtn {vertical-align:middle; height:12px; width:12px; }
.mgtsavebtn {margin-left:6px; vertical-align:middle; height:16px; width:60px; }
.mgtsearchbtn {margin-left:5px; vertical-align:middle; height:19px; width:55px; }

.mgtextrainfo ul li {
	padding-bottom: 0px;
	list-style-type: disc;
	list-style-image: none;
}

.termbtn_active {height:21px; width:30px;}
.termbtn_ready  {height:21px; width:30px; cursor:pointer; cursor:hand;}

.termopt_desc   {float:left; width:75px; text-align:left;}
.termopt_field  {float:left; width:160px; text-align:left;}
.termopt_save   {float:left; width:60px; text-align:left;}
.termopt_full   {float:left; width:285px; text-align:center;}
.termopt_info   {float:left; width:285px; text-align:left;}
.termopt_info_narrow {float:left; width:235px; text-align:left;} /* CMF: Modified width from 285 so that there is space for the 'save' button. I hope this doesn't break anything else! */
.termopt_td     {width:305px; text-align:center;}

.t2bl {border-left:solid 1px #BBBBBB;}
.t2br {border-right:solid 1px #BBBBBB;}
.t2bb th {border-bottom:solid 1px #BBBBBB;}

/* ------------------------ end added classes & id's -------------------- */

/* -------- the following were hard-coded in JS, now extracted to stylesheets ---------- */
.num_avail_info { text-align:center; }		/*"Availability for numbers begining ....."*/
.list_some_nums { color:red; }			/*"Click here to list some nums"*/
.numlookup_hdr  {background-color:#F4F4F4;}	/*number table header on numberlookup.php*/
.numlookup_tbl  {width:98%;}
.nlxp_btn   {width:45px;}
.nlxp_desc  {width:130px;}
.nlxp_spacer{width:25px;}
.nlxp_cart  {width:60px;}
.inactive_numlink {color:#bbbbbb;}		/*<<Prev or Next>> in number list if inactive*/

.numrow_1 {background-color:#FFFBEF;}
.numrow_2 {background-color:#FFFFFF;}

.mgttext {font-size:12px; color:#666666;}

.cartitempanel .ci_title    { top:13px; left:27px; font-weight:bold; }
.cartitempanel .ci_params   { top:45px; left:27px; width:240px; text-align:left; }
.cartitempanel .ci_numinput { top:70px; left:27px; overflow:hidden; }
.cartitempanel .ci_numinfo  { top:90px; left:27px; font-size:smaller;}
.cartitempanel .ci_routeinfo{ top:110px; left:27px; font-size:9px; }
.cartitempanel .ci_bundled  { white-space:nowrap; bottom:23px; left:27px; }
.cartitempanel .ci_usageopt { top:45px; left:180px; text-align:left; }
.cartitempanel .ci_osistick { top:53px; left:285px; }
.cartitempanel .ci_info     { top:55px; left:285px; }
.cartitempanel .ci_opts     { top:45px; left:285px; }
.cartitempanel .ci_delete   { top:35px; left:511px; }

.cartitempanel .ci_rate1    { white-space:nowrap; text-align:left; left:180px; bottom:95px; }
.cartitempanel .ci_rate2    { white-space:nowrap; text-align:left; left:180px; bottom:55px; }
.cartitempanel .ci_rate3    { white-space:nowrap; text-align:left; left:180px; bottom:15px; }
.cartitempanel .cir_cost    { color:#FF2020; }	/*eg red if it's going to cost them money to receive the call*/
.cartitempanel .cir_rebate  { color:#000000; }  /*eg black if they'll get a rebate on call minutes*/

.cartitempanel .ci_prices  { bottom:20px; left:285px; }
.cartitempanel .ci_prices table { white-space:nowrap; width:275px; text-align:left; }
.cartitempanel .ci_prices .cip_r1         { background-color:#eaf2f5; }
.cartitempanel .ci_prices .cip_r2         { background-color:#e2ebf0; }
.cartitempanel .ci_prices .cip_r3         { background-color:#dbe6ea; }
.cartitempanel .ci_prices .cip_r4         { background-color:#cfdee3; }
.cartitempanel .ci_prices .cip_value      { text-align:right; }
.cartitempanel .ci_prices .cip_rtot_title { text-align:right; font-weight:bold;}
.cartitempanel .ci_prices .cip_rtot_price { background-color:#c8d5de; font-weight:bold; }

.cartnextprev       { width:100%; text-align:right; }
.cartnextprev img   { margin-left:5px; margin-right:5px; }
.cartnextbtn        { }
.cartprevbtn        { }
.cartrtnnumlookup   { }

.mgtlistbox { overflow:scroll; border:inset black 1px; background-color:#FFFFFF; }
.mgttable   { width:730px; }