*	{
	margin: 0;
	padding: 0;
	}
body	{
	background:#fff;
	color: #585858;
	font-family:Arial;
	font-size: 0px;
	line-height: 0;
	}
#page-top-holder	{
	background:#2d92d4 url(/images/shared/top_repeat.gif) repeat-x;
	height: 73px;
	line-height: 0;
	}
#page-top	{
	margin: 0 auto 0 auto;
	text-align: left;
	width: 965px;
	}
	
code {color: #118; }
/*  Blue banner across the top of page ---------------------------------------------------- */	
	
#top-left	{
	float: left;
	}
#top-centre img{
    float: right;
	margin: 25px 0 -25px 5px; 
    }
#top-right	{
	float: right;
	margin: 20px 20px 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	}
#top-right a	{
	margin: 0px 0 0 5px;
	}
#top-left	img{
    line-height:0;
    font-size: 0px;
    background: none;
	float: left;
	}
	
/* sysmsg (top line - not within CWP div) ----------------------------------------------------------------------------- */
#sysmsg-outer{
	background: url(/images/shared/nav_repeat_dark.gif) repeat;
    }
    
#sysmsg {
    background-color: transparent;
    color: #00f;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0 auto 0 auto;
	width: 950px;
    }
    
/* Home-page content elements ----------------------------------------------------------------------------- */
#basket_div {
	float: right;
}
#basket_exists {
	float: right;
	background-color: #fff;
	border: 2px solid;
	padding: 5px;
}
#basket_div a {
	color: #0000FF;
}
#content-outer	{
	background:#e6f5fe url(/images/shared/middlebg-all.png) top center no-repeat;
	height: 552px;
	}
	
#content	{
	color: #858585;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 950px;
	height: 552px;
	}
/* specific home-page elements ---------------------------------------------------------------------- */
	
#content-left {
	color: #61696f;
	float: left;
	font-size: 20px;
	line-height: 20px;
	margin: 65px 0 0 0px;
	position: relative;
	width: 470px;
	text-align: justify;
}
#content-left h1	{
	color: #61696f;
	font-size: 48px;
	line-height: 42px;
	margin-bottom: 15px;
	font-weight: normal;
	width: 500px;
	}
#content-left h2	{
	color: #828f98;
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;
        margin-bottom: 20px;
	text-align: justify;
	width: 550px;
	}
#content-left h3        {
        color: #828f98;
        font-size: 20px;
        font-weight: bold;
        line-height: 35px;
        margin-left: 30px;
        }
#content-left .title-header {
        /*color: #828f98;*/
	color: #61696f;
        font-size: 32px;
        font-weight: bold;
        line-height: 35px;
	width: 530px;
        }
#content-left .title-subheader {
        color: #828f98;
        font-size: 18px;
        /*font-weight: bold;*/
        line-height: 20px;
}
         
#content-left a         {
	color: #22c;
        font-size: 14px;
        }
#content-left .bxslider {
        font-size: 14px;
        }
#content-right	{
	float: right;
	position: relative;
	width: 300px;
	padding-right: 70px;
	padding-top: 115px;
	}
#quote-quote {
	font-size: 18px;
	color: #2f94d6;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
}
#quote-name {
	font-size: 16px;
	padding-top: 20px;
}
#quote-company {
	font-style: italic;
	font-size: 14px;
}
.quote-mark-left {
	font-size: 85px;
	float: left;
	line-height: 20px;
}
.quote-mark-right {
	font-size: 85px;
	float: right;
	padding: 10px;
}
#quote-name {
	text-align: right;
}
#quote-company {
	text-align: right;
}
.quote-person {
	padding-top: 10px;
	text-align: right;
}
#webinar-div {
	float: right;
	margin: 2px 2px;
}
.red-block a:hover .nolink,
.red-block a .nolink,
.red-block	{
	float: left;
	width: 314px;
	text-decoration: none;
	text-align: left;
	}
/*
.red-block a
{
	color: #ACF;
}
*/
.red-block-top	{
	background: url(/images/shared/BRBBlankTop.png) no-repeat;
	height: 44px;
	padding-top: 24px;
	width: 314px;
	display: inline-block;
	vertical-align: bottom;
	}
.red-block-top img{
	display: block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	float: center;
	position: relative;
	top: -15%;
                }
.red-text {
	display: block;
	color: #ffffff;
	font-size: 42px;
	line-height: 42px;
	margin-bottom: 15px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	float: center;
	left: 50%;
	top: 50%;
	text-align: center;
          }
div.text-wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	float: center;
              }
.red-block-text {
	display: block;
        text-align: center !important;
	margin: 0px auto;
	font-size: 35px;
	padding: 0px;
	color: #ffffff;
                  }
.red-block-lower	{
	background: url(/images/shared/BRBBlankBottom.png) no-repeat;
	float: left;
	height: 82px;
	width: 314px;
	}
.red-block-inner	{
	color: #fff;
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 280px;
	}
.red-block-spacer	{
	float: left;
	height: 1px;
	width: 4px;
	}
.red-block-spacer-hoz   {
        height: 10px;
        }
.space-for-news         {
        height: 60px;
        }
.space-for-buttons {
	height: 40px;
                   }
.space-for-text {
	height: 20px;
                }
.header-space-top {
	height: 50px;
}
.header-space-bottom {
	height: 10px;
}
.language 
{
	display: block;
	font-weight: normal;
	color: #61696f;
	font-size: 14px;
	margin-top: 2px;
	line-height: 12px;
}
.code
{
	margin-left: 15px;
}
// Medium sized buttons
.red-block-medium a:hover,
.red-block-medium a,
.red-block-medium	{
	float: left;
	width: 200px;
	text-decoration: none;
	}
.red-block-top-medium	{
	background: url(/images/shared/BRBBlankTop.png) no-repeat;
	height: 44px;
	padding-top: 24px;
	width: 200px;
	display: inline-block;
	vertical-align: bottom;
	}
.red-block-top-medium img{
	display: block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	float: center;
	position: relative;
	top: -15%;
                }
.red-block-lower-medium	{
	background: url(/images/shared/BRBBlankBottom.png) no-repeat;
	float: left;
	height: 82px;
	width: 200px;
	}
.red-block-inner-medium	{
	color: #fff;
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 200px;
	}
/* Used in pricing page */
.red-block2-top	{
	background: url(/images/shared/red_top.gif) no-repeat;
	float: left;
	height: 44px;
	padding: 5px 0 18px 25px;
	width: 289px;
	}
.red-block2-lower	{
	background: url(/images/shared/red_lower.gif) no-repeat;
	float: left;
	height: 82px;
	width: 314px;
	}
.red-block2-inner	{
	color: #fff;
	margin: 0 auto;
	padding: 10px 0 0 15px;
	width: 280px;
	}
a.btn-started-1	{
	background: url(/images/shared/btn_red_1.gif) no-repeat;
	color: #fff;
	display: block;
	height: 22px;
	margin-bottom: 5px;
	padding: 2px 0 0 7px;
	width: 177px;
	}
a.btn-started-2	{
	background: url(/images/shared/btn_red_2.gif) no-repeat;
	color: #fff;
	display: block;
	height: 22px;
	padding: 2px 0 0 7px;
	width: 154px;
	}
 
/* Web Portal (CWP) div content elements ----------------------------------------------------------------------------- */
#cwp table {
    border: 1px solid #cce;
    border-collapse:collapse;
    padding-bottom:500px;
    }
#cwp p {
    color: #333;
    padding: 0 0 10px 0;
    }
#cwp a {
    color: #22c;
    padding: 0 0 10px 0;
    }
#cwp th {
	font-size: 14px;
    color: #000;
    padding: 5px 10px 5px 10px;
    text-align: left;
    }
#cwp li, #cwp ul, 
#cwp ol {
	font-size: 12px;
    color: #444;
    padding: 0 0 0 20px;;
    text-align: left;
    }
#cwp dd, dt{
    color: #444;
    padding: 0 0 0 20px;;
    }
#cwp td a {padding: 0 10px 0 0;}
#cwp td {
	font-size: 12px;
    color: #444;
    padding: 0 0 0 12px;
    text-align: left;
    }
#no-td-padding td a { padding: 0px; }
#cwp h1, #cwp h2, #cwp h3, #cwp h4
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#cwp .success h1,
#cwp h1	{
	font-size: 25px;
	line-height: 20px;
	padding: 20px 0 15px 0;
	}
#cwp h2	{
	font-size: 20px;
	line-height: 20px;
	padding: 15px 0 10px 0;
	}
#cwp h3	{
	font-size: 16px;
	line-height: 16px;
	padding: 5px 0 8px 0;
	}
#cwp h4	{
	font-size: 14px;
	line-height: 14px;
	padding: 5px 0 8px 0;
	}
#cwp pre { color: #000; line-height: 15px; font-size:12px; padding: 0 0 10px 15px; }
#cwp .tinydatatable td{ font-size: 10px;}
    
/* classes used to colour various messages (also appear in content div with menu page) */
#content .admin,
#cwp .admin {
    color: purple;
    font-size: 14px;
    line-height: 30px;
    padding: 10px 0 0 0;
    }
    
#content .complaint, #content .complaint p,
#cwp .complaint, #cwp .complaint p {
    color: red;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0 0 0;
    }
#content .success h1,    
#cwp .success h1
    { color: green;}
#content .success, #content .success p,
#cwp .success, #cwp .success p {
    color: green;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0 0 0;
    }
    
/* T's & C's text box */
#cwp .textarea {
	color: #000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
 }
textarea { font-size: 10px;}
/* highlight important screen messages */ 
#cwp .notice p, #cwp .notice b, #cwp .notice h1, #cwp .notice h2, #cwp .notice h3, #cwp .notice { color: brown; }
/* pricing table within cwp*/
#cwp .pricing h1{ font-size: 26px; padding: 10px 0px 3px 0px; 	font-family: Arial, Helvetica, sans-serif; }
#cwp .pricing h2{ padding: 8px 0px 3px 0px; }
#cwp .pricing table{ border: 0px;}
#cwp .pricing th{ font-size: 16px; padding: 5px 10px 3px 10px; background: #b4dfff; line-height: 16px;}
#cwp .pricing td{ font-size: 13px; padding: 5px 10px 3px 10px; background: #2d92d4; color: #fff;}
#cwp .pricing table a{ color: #00f; padding: 0px 0px 0px 0px;}
#cwp .pricing td a{ font-size: 15px;}
#cwp .pricing p{ font-size: 13px; padding: 0 0 5px 0;}
/* First-time welcome text */
#content .welcome h2 {
    font-size: 18px;
    color: #008;
    line-height: 12px;
    padding: 25px 0 0 7px;
    }    
#content .welcome p {
    color: #008;
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 16px;    
    }
    
/* howitworks text */
#howitworks p, #howitworks li { font-size: 12px; line-height: 16px;}
#howitworks td { font-size: 14px; line-height: 20px; padding: 0;}
#howitworks table { border: 0px }
#howitworks img { padding: 5px 10px 5px 30px;}
#howitworks ul {            font-family: Arial, Helvetica, sans-serif;
            text-align: left; }
#howitworks li { color: #336699; font-weight: bold }
/* dash (board) div */ 
#dash table{ width: 100%; border: 1px solid gray;}
#dash th{ font-size: 16px; padding: 5px 10px 5px 10px; text-align: left;}
#dash td{ font-size: 12px; padding: 0 10px 2px 10px; line-height: 14px;}
#dash h1{ font-size: 18px;}
#dash h2{ font-size: 16px;}
#dash h3{ font-size: 14px;}
#dash  p{ font-size: 12px;}
/* control panel */
#control td { font-size: 10px;}
/* news div */
#news{ padding: 0 0 10px 0px; line-height: 18px; text-align: left;}
#news h1{ font-size: 17px; padding:0px; color:#555; margin-bottom: 0px;}
#news h2{ font-size: 17px; color:#555;}
#news h3{ font-size: 14px; color:#555;}
#news  p{ font-size: 12px; color:#555;}
#news ul, #news li{ padding:  2px 15px;  color:#555; font-size: 14px; }
/* *not* within cwp! These are *above* the cwp div on a kind-of darker navbar background ... */
.sysmsg {
    color: blue;
    font-size: 14px;
    line-height: 32px;
    }
.sysmsg b{
    color: blue;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    }
.report {
    color: darkblue;
    font-size: 14px;
    line-height: 32px;
    }
a span.tooltip {
	background: 3px 1px url (/images/shared/newwin.png) no-repeat; 
	padding-right: 19px; 
	cursor:pointer;
	height: 12px;
	display: inline-block;
               }
a span.tooltip span {
	position: absolute;
	top: -999em;
	left: -999em;
                    }
a:hover span {
	text-decoration: underline;
             }
/*  STATUSPAGE ----------------------------------------------- */
#stp-holder	{
	background: url(/images/shared/stp_repeat.gif) repeat-x;
	height: 34px;
	}
#stp-holder-inner	{
	color: #4e4e4e;
	font-size: 10px;
	height: 34px;
	margin: 0 auto 0 auto;
	width: 950px;
	}
#stp-left 	{
	/* color: #475764; */
	color: #fff;
	float: left;
	line-height: 10px;
	font-size: 12px;
	height: 22px;
	padding: 12px 11px 0px 11px;
	}
	
	
/*  NAVIGATION ----------------------------------------------- */
#nav-holder	{
	background: url(/images/shared/nav_repeat.gif) repeat-x;
	height: 34px;
	}
#nav-holder-inner	{
	color: #4e4e4e;
	font-size: 10px;
	height: 34px;
	margin: 0 auto 0 auto;
	width: 950px;
	}
	
#nav-left	{
	float: left;
	}
#nav-left a	{
    background: url(/images/shared/nav_repeat.gif) repeat-x; /* */
	color: #475764;
	float: left;
	line-height: 10px;
	font-size: 12px;
	height: 22px;
	padding: 12px 11px 0px 11px;
	}
	
#nav-left a.selected,
#nav-left a:hover	{
	background: url(/images/shared/link_repeat.gif) repeat-x;
	color: #fff;
	float: left;
	text-decoration: none;
	}
	
#nav-right	{
	float: right;
	}
#nav-right a	{
    background: url(/images/shared/nav_repeat.gif) repeat-x; /* */
	color: #475764;
	float: left;
	font-size: 12px;
	line-height: 10px;
    height: 22px;
	padding: 12px 11px 0px 11px;
	}
	
#nav-right a.selected,
#nav-right a:hover	{
	background: url(/images/shared/link_repeat.gif) repeat-x;
	color: #fff;
	float: left;
	text-decoration: none;
	}
	
/* -------- styling for drop-down menus (oh, tricky tricky tricky) ------- */
.iline    { float: left; padding:0; margin:0; z-index: 3000; position:relative;} /* position: relative; is the thing that makes z-index work in IE ...*/
.iline ul { list-style-type:none; } 
.iline ul li { float:left; position:relative; }
.iline ul li a, 
.iline ul li a:visited { float:left; display:block; text-decoration:none; }
.iline ul li ul { display: none; }
.iline table { margin:0; border-collapse:collapse; position:absolute; top:0; left:0; }
/* specific to non IE browsers */
.iline ul li:hover ul { z-index:2000; display:block; position:absolute; top:32px; background:#aaa; margin-top:1px; left:0; width:120px; } /* width sets the width of the drop-down) */
.iline ul li:hover ul li a {  z-index:2000; display:block; background:#e4e4e4; color:#000; padding:4px 16px; width:120px; height: auto;}  /* width sets the width of the drop-down) */
/* specific to IE5.5 and IE6 browsers */
.iline ul li a:hover ul { z-index:2000; display:block; position:absolute; top:30px; t\op:33px; background:#aaa; left:0;  marg\in-top:1px; }
.iline ul li a:hover ul li a { z-index:2000; display:block; background:#e4e4e4; color:#000; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px; }
		
	
/* FOOTER -------------------------------------------------------------- */
#footer-blue-outer	{
	background: url(/images/shared/blue_repeat.gif) repeat-x;
	height: 79px;
	}
#footer-blue {
	font-size: 12px;
	line-height: 12px;
	margin: 0 auto 0 auto;
	width: 950px;
    }
    
#footer-blue-left	{
	float: left;
	display:block;
	}
	
#footer-blue a	{
	color: #fff;
	display: block;
	font-size: 12px;
	margin-bottom: 6px;
	text-decoration: none;
	}
#footer-blue a:hover	{
	color: #fff;
	text-decoration: underline;
	}
#footer-blue	th	{
	text-align: center;
	width: 70px;
	}
#footer-blue	td	{
	padding: 15px 0 0 0;
	}
#footer-blue-right	{
	float: right;
	display: inline;
	padding: 20px 5px;
	}
#footer-blue-right	a { 
    display: inline; 
    padding: 2px;
    }
/* -- for internal (non-home) pages ----- */
#white-footer {
    background-color: #fff;
    }
    
#footer-outer	{
	background: url(/images/shared/black_repeat.gif) repeat-x;
	}
	
#footer	{
	height: 61px;
	margin: 0 auto 0px auto;
	text-align: left;
	width: 950px;
	}
#footer-left	{
	color: #fff;
	float: left;line-height: 12px;
	font-size: 12px;
	padding-top: 25px;
	width: 350px;
	}
#footer-right	{
	background: url(/images/shared/logo_id.gif) right no-repeat;
	color: #fff;
	float: right;
	font-size: 12px;
	line-height: 12px;
	margin: 20px 0 0 0;
	padding: 3px 25px 3px 0px;
	}
#footer-right a	{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	}
#footer-right a:hover	{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	}
 
/* GENERAL --------------------------------------------------------*/ 
a	{
	color: #fff;
	outline: none;
	text-decoration: none;
	}
a:hover	{
	color: #fff;
	text-decoration: underline;
	}
.clear	{
	clear: both;
	font-size: 0px;
	height: 0;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}
img	{
	border: 0;
	}
p	{
	margin: 0px;
	padding: 0px;
	}
form	{
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
.showtip_text {
             border: 1px solid;
             display: none;
             padding: 5px;
         }
.download-show-tip {
	border: 1px dotted;
	color: gray;
	padding: 3px;
}
.app_args {
              font-size: 100%;
          }
div#content div#tabs{
  height:60px;
  padding:0 0 0 5px;
  background:url('/images/shared/tabs-bottom.png') 0 100% repeat-x;
 }
div#content div#tabs a{
   float:left;
   height:24px;
   color:#4b719f;
   display:inline;
   margin:0 5px 0 0;
   font-size:8.5pt !important;
   line-height:20px;
   padding:12px 25px 0;
   background:url('/images/shared/tabs-grey.png') 0 0 no-repeat;
  }
div#content div#tabs a.hidden {
   color:#fff;
   background:none;
   cursor:auto;
}
div#content div#tabs a.disabled {
   color: #eee;
   cursor: auto;
}
div#content div#tabs a.hidden:hover, div#content div#tabs a.disabled:hover {
   cursor:default;
}
div#content div#tabs a.hidden span {
   background:none;
   color:transparent;
}
div#content div#tabs a.hidden span:hover, div#content div#tabs a.disabled span:hover {
   cursor:default;
}
div#content div#tabs a span{
    float:left;
    height:24px;
    cursor:pointer;
    padding:12px 35px 0 0;
    margin:-12px -38px 0 0;
    background:url('/images/shared/tabs-grey-end.png') 95% 0 no-repeat;
    max-width: 40px;
   }
div#content div#tabs a.on{
   color:#fff;
   height:25px;
   margin-top:-3px;
   padding-top:15px;
   font-weight:bold;
   background: url('/images/shared/tabs-blue.png') 0 0 no-repeat;
  }
div#content div#tabs a.on span{
    height:28px;
    margin-top:-15px;
    padding-top:15px;
    background:url('/images/shared/tabs-blue-end.png') 95% 0 no-repeat;
   }
div#content div#tabs.small a{
 font-size:8pt;
  line-height:11px;
  text-align:center;
 }
 
.tab-seperator-bottom {
	background: url('/images/shared/tabs-bottom-invert.png') 0 100% repeat-x;
	width: 100%;
	height: 23px;
}
.no-border {
	border-style: none !important;
           }
.quad-height {
	height: 150px;
}
.center-block {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
              }
div.quadrant {
	float: left;
	width: 48%;
	height: 50%;
	margin: 0;
	padding: .2em;
}
div#onepoint2 {
	border-width: 0 0 1px 1px;
	margin: 0 0 -1px -1px;
}
div#twopoint1 {
	border-width: 1px 1px 0 0;
	margin: -1px -1px 0 0;
	clear: left;
}
.tip {
	color: #000000; outline: none;
	text-decoration: none;
	position: relative;
	font-weight: normal;
}
.tip span {
	margin-left: -999em;
	position: absolute;
}
.tip:hover {
	text-decoration: none;
}
.tip:hover span {
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	min-width: 100px;
	text-decoration: none !important;
	background-color: rgb(255,255,200);
	color: #475764;
	font-size: 8pt;
	-moz-box-shadow: 5px 5px 7px #888;
	box-shadow: 5px 5px 7px #888;
	padding: 3px;
	display: block;
}
.halves {
	float: left;
	height: 50%;
	margin: 0;
	padding: .2em;
}
div#display_inbound {
	border-width: 0 0 1px 1px;
	margin: 0 0 -1px -1px;
	width: 36%;
}
#cwp td.based-on-table {
	text-align:right;
	padding-top: 5px;
}
#cwp td.sip_address {
	text-align: right;
	min-width: 300px
}
.datatable img {
	float: right;
}
img.no-float {
	float: none;
}
.download-icon img {
	float: left;
	padding-right: 4px;
}
.call-text {
	font-weight: bold;
	color: green;
}
.centre_element {
	vertical-align: middle;
}
.padding_under {
	padding-bottom: 15px;
}
.min-width
{
	width: 20px;
}
 /* Radio buttons
> *****************************/
input[type="radio"] {
    margin: 0 6px 0 6px;
}
#mswp table.datatable {
       border: 0px;
       width: 100%;
       text-align: left;
}
.datatable td:first-child {
       width: 300px;
}
/* Common elements
********
*/
.green
{
	color: black;
	background-color: #0f0;
}
.amber
{
	color: black;
	background-color: #FFD24C;
}
.red
{
	color: black;
	background-color: #f00;
}
.slight-highlight
{
	color: #111;
	background-color: rgb(244,248,252);
}