@charset "utf-8";
/* CSS Document */

/* --- RESET (Eric Meyer Reset) --- */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after { content: ''; content: none; }
	/* remember to define focus styles! */
	:focus { outline: 0; }
	/* remember to highlight inserts somehow! */
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	/* tables still need 'cellspacing="0"' in the markup */
	table { border-collapse: collapse; border-spacing: 0; }
	a	{ text-decoration: none; color: #3a4d80; }
	a:hover { text-decoration: underline; }

/* --- CLASSES --- */
.left { display: block; float: left; }
.right { display: block; float: right; }
.banner { float: left; width: 658px; margin-left: 20px; }
.banner .header { background: none repeat scroll 0 0 #1E0D3E; border-left: 20px solid #8B0378; color: #FFFFFF;left: -20px;margin-bottom: 20px;padding: 10px 20px;position: relative;width: 620px;}
.banner .header .top { background: url("../img/combined-sprites.png") no-repeat scroll -284px -1px transparent;height: 25px;left: -20px;position: absolute;top: 0;width: 20px; }
.banner .header .bottom { background: url("../img/combined-sprites.png") no-repeat scroll -284px -29px transparent;bottom: -25px;height: 25px;left: -20px;position: absolute;width: 20px;}
.banner h2 { font-family: "ff-din-web";font-weight: 700;color: #fff; margin: 0;line-height:1em; }
.constructblock { background: url('../img/diag_const_stripe.png') repeat-x 0 0; height: 20px;display:block;margin-bottom:10px;}

a:hover.pinkchevron {text-decoration:none;}
a.pinkchevron span,
span.pinkchevron { background: url('../img/arrow-pink.png') no-repeat scroll right 0px; padding-top:3px;line-height:21px;color:#8c0479;font-family:"ff-din-web";font-size:18px;font-weight:700;padding-right:20px;text-transform:uppercase;margin-bottom:10px;display:inline-block; }


/* --- DIMENSIONS ---*/
	#global 				{ width: 980px; margin: 0 auto; height: auto !important; height: 1250px; min-height: 1250px; }
	.page 				{ width: 960px; padding: 0 10px; }
/*	#home #container 		{ width: 940px; padding: 20px 10px; }*/
	#container 			{ padding-top: 20px; padding-bottom:20px;margin: 0 auto; width: 960px; /*z-index:5000;*/ }
	#contentLeft 			{ float: left; width: 660px; margin-right: 14px; padding-left: 20px; }
	#contentAll			{ float: left; width: 905px; margin-right: 14px; padding-left: 28px; }
	#contentRight 			{ float: left; width: 676px; margin-left: 14px; }
	#contentCenter 			{ float: left; width: 448px; margin: 0 14px; background-color:#fff;}
	#contentCenter-2		{ width: 448px; margin: 0 256px; }
	#sidebarRight 			{ float: right; width: 242px;  background-color:#fff;}
	#sidebarRight .marge 	{ padding-right: 20px; }
	#sidebarLeft 			{ float: left; width: 242px;  background-color:#fff;}
	#sidebarLeft .marge 	{ padding-left: 20px; }

/* --- GENERIC STUFF --- */
	.bodytext p img			{float:left; margin:10px 10px 10px 0}
	ol				{list-style:decimal none outside;margin-left:15px;}
	ol li				{margin-bottom:5px;}
	#orcon #contentCenter td, #orcon #contentCenter th         {border:1px dotted #CCCCCC; }
	#contentCenter table	{margin-bottom:15px; }
	img.inContent		{float:left; margin:0 15px 15px 0}
	#contentCenter p 		{margin-bottom:12px; line-height: 14pt;}
	#contentCenter ul		{list-style:disc; line-height: 14pt; margin-bottom: 12px;}
	#contentCenter li		{margin-left:20px;}
	#contentLeft img		{float:none;}

	#support-home ul		{list-style:none}
	#support-home li		{margin:0;}
	ul.radios li				{margin:0 20px 0 3px!important;}
	ul.radios input			{margin-right:3px;}

	ul.tnc li {list-style:none;}
	ul.tnc ul li {margin-top:10px;}
	ul.tnc ul li ul li {list-style:disc;margin-top:5px;}

	h3.tnc {cursor:pointer;padding-left:13px; background:transparent url(../../img/arrow_down.gif) no-repeat left 50%;}
	h3.up {background:transparent url(../../img/arrow_up.gif) no-repeat left 50%;}

/* --- BACKGROUNDS --- */
    .paper1,.stripes 	{ background: url('../img/bg-tile-1.png') repeat center top; }
    .paper2,.orcon 		{ background: url('../img/bg-tile-2.png') repeat center top; }
    .paper3 			{ background: url('../img/bg-tile-3.png') repeat center top; }
    .paper4 			{ background: url('../img/bg-tile-4.png') repeat center top; }
    .paper5 			{ background: url('../img/bg-tile-5.png') repeat center top; }
    .paper6 			{ background: url('../img/bg-tile-6.png') repeat center top; }
    .paper7 			{ background: url('../img/bg-tile-7.png') repeat center top; }
    .paper8,.optimistic { background: url('../img/bg-tile-8.png') repeat center top; }
    .paper9 			{ background: url('../img/bg-tile-9.png') repeat center top; }
    .paper10 			{ background: url('../img/diag_const_stripe_wall.png') repeat left top; }

	/* -- Optimistic -- */
	/*.optimistic 			{ background: #000 url('../img/bg-tile-1.png') repeat center top; } */
	.optimistic #bg_header	{ }
	.optimistic #keywords 	{ }
	/* -- Stripes Dark -- */
	/*
	.stripes	 		{ background: #000 url('../img/bg_body_pattern_stripes-dark.gif') repeat center top; }
	.stripes #bg_header	{ background: url('../img/bg_header_logo_pattern_stripes-dark.jpg') no-repeat center top; }
	.stripes #keywords { background: url('../img/bg_input_search_stripes-dark.gif') no-repeat top left; }
	*/
	/* -- Orcon logo -- */
    /*
	.orcon 		{ background: #000 url('../img/bg_body_pattern_orcon-logo.gif') repeat center top; }
	.orcon #bg_header	{ background: url('../img/bg_header_logo_pattern_orcon-logo.gif') no-repeat center top; }
	.orcon #keywords { background: url('../img/bg_input_search_orcon-logo.gif') no-repeat top left; }
	*/
	/* -- */
	#bg_global 	{ background: url('../img/bg_global_gradient.png') repeat-x left top; }
	#menu 		{ background: url('../img/bg_content_menu_top.png') no-repeat scroll left bottom transparent; padding: 10px 10px 0 10px; }
	#footer 	{ background: url('../img/bg_content_footer.png') no-repeat left top; }
	#container 	{ background: url('../img/bg_content.png') repeat-y left top; }


/* --- TYPO --- */
body 			{ color: #4d4d4d; font: 12px Arial, Helvetica, sans-serif; background-color:#f2f2f2;}

	/* -- Headers -- */
h1,.h1 { color:#162a63; font-family: "ff-din-web"; font-weight: 700; font-size: 31px; margin: 0 0 10px 0; text-transform: uppercase; }
	h1 span					{color:#D6A10F;}
	h2 						{ font-size: 22px; color: #531a93; font-weight: normal;  margin: 10px 0 15px 0; text-transform: uppercase; }
	h2 span					{color:#D6A10F;}
	h3						{ font-size: 16px; font-weight: bold; color: #3a4d80; text-transform: uppercase; margin: 15px 5px 5px 0;  }
	h3.askus				{ font-size: 24px; text-transform:none; font-weight:normal;}
	h4						{ font-size: 12px; font-weight: normal; color: #3a4d80; text-transform: uppercase; margin: 10px 5px 0 0;  }
	h3 span	,h4.arrow span				{ background: url('../img/utils.gif') no-repeat 100% 55%; padding-right: 28px; background-position:right 5px; }
	h3.askus span			{ background-position:100% 10px; }
	/* -- Titles -- */
	.styleTitle-1			{ font-size: 21px; text-transform: uppercase; color: #FFF; margin-bottom: 15px; }
	.styleTitle-2			{ font-size: 18px; text-transform: uppercase; color: #3a4d80; margin-bottom: 15px; font-weight: bold; }
	.styleTitle-3			{ font-size: 13px; color: #243690; border-bottom: 1px solid #cfdae5; padding-bottom: 5px; margin-bottom: 10px; }
	.styleTitle-3 span		{ display: block; color: #A30090; }
	.styleTitle-4			{ font-size: 13px; text-transform: uppercase; color: #371161; border-bottom: 1px solid #b0c1d3; position: relative; margin-bottom: 10px; }
	.styleTitle-4 a			{ position: absolute; bottom: 0; right: 0; width: 38px; height: 20px; }
	.styleTitle-5			{ font-size: 13px; text-transform: uppercase; color: #FFF; font-weight: bold; }
	.styleTitle-7			{ font-size: 12px; color: #a30090; }
	.styleTitle-8			{ font-size: 18px; font-weight: bold; text-transform: uppercase; color: #531a93; }
	.styleTitle-9			{ font-size: 14px; text-transform: uppercase; color: #3a4d80; }
	/* -- Rows -- */
	.styleRow-1				{ border-bottom: 1px solid #cfdae5; clear: left; padding: 3px 0; }
	.styleRow-1	span		{ color: #4D4D4D; width: 165px; display: block; float: left; }
	.styleRow-1	a			{ color: #243690; }
	.styleRow-logged		{ border-bottom: 1px solid #cfdae5; color: #243690; font-size: 11px; margin: 0 28px 20px 28px; padding-bottom: 5px;  }
	.styleRow-2				{ clear: left; padding: 3px 0; }
	.styleRow-2	span		{ color: #4D4D4D; width: 165px; display: block; float: left; }
	.styleRow-3				{ position: relative; height: 1%; margin-top: 35px; border-top: 1px solid #cfdae5; padding-top: 20px; }

	.styleRow-4 					{ position: relative; height: 1%; clear: left; }
	.styleRow-4 label				{ width: 110px; display: block; float: left; margin-right: 7px; margin-top: 8px; }
	.styleRow-4 input,
	.styleRow-4 textarea,
	.styleRow-4 select				{ width: 290px; display: block; float: left; margin: 5px 5px 0 0; border-width: 1px; border-style: solid; border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA; }
	.styleRow-4 input.mini			{ width: 60px; }
	.styleRow-4 .warning			{ display: block; float: left; color: #F00; margin-top: 8px; }
	.styleRow-4 .info				{ display: block; clear: left; color: #666; margin-left: 117px; margin-bottom: 10px; }
	.styleRow-4 .info-2				{ display: block; float: left; color: #666; margin-top: 8px; }
	.styleRow-4 label.radio 		{ width: auto; margin: 20px 0 10px 0; }
	.styleRow-4 label.radio input	{ width: auto; border: 0; margin-top: 1px; }

	.styleRow-5 	 				{ overflow: hidden; }
	.styleRow-5 label 				{ float: left; color: #4c4c4c; margin-top: 10px; margin-right: 3px; }
	.styleRow-5 input 				{ width: 290px; border-width: 1px; border-style: solid; border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA; float: left; margin-top: 8px; margin-right: 3px; }
	.styleRow-5 select 				{ float: left; margin-top: 8px; margin-right: 15px; }
	.styleRow-5 input.submit 		{ width: auto; border: 0; float: left; margin-top: 5px;  }

	.styleRow-6 	 				{ overflow: hidden; position: relative; height: 1%; border-bottom: 1px solid #cfdae5; border-top: 1px solid #cfdae5; padding: 5px 10px; }

	.styleRow-7 	 				{ overflow: hidden; position: relative; height: 1%; border-bottom: 1px solid #cfdae5; padding: 5px 5px 10px 5px; }
	.styleRow-7 label 				{ float: left; color: #4c4c4c; margin-top: 10px; margin-right: 5px; width: 100px; }
	.styleRow-7 label.long			{ width:300px; }
	.styleRow-7 input,
	.styleRow-7 select,
	.styleRow-7 textarea			{ width: 290px; border-width: 1px; border-style: solid; border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA; float: left; margin-top: 8px; }
	.styleRow-7 input.start			{width:5px; margin:10px 5px 0 0;}
	.styleRow-7 .info				{ clear: left; margin-left: 105px; font-size: 12px; color: #4c4c4c; }
	.styleRow-7 .styleLink-2		{ clear: left; float: right; margin-right: 5px; }
	.styleRow-7 ul 		 			{ overflow: hidden; }
	.styleRow-7 li 		 			{ float: left; margin-right: 25px; }
	.styleRow-7 li label 			{ float: none; margin-top: 0; margin-right: 0; width: auto; }
	.styleRow-7 li input			{ width: auto; border-width: 0; margin-top: 1px; }
	.styleRow-8 label 				{ float: left; color: #4c4c4c; margin-top: 10px; margin-right: 5px; width: 100px; }

	/* -- Text -- */
	.styleTxt-1				{ margin: 25px 0 20px 0; font-style: italic; font-size: 13px; font-weight: bold; color: #3c4b80; }
	.styleTxt-2				{ margin: 15px 0; font-size: 12px; color: #808080; }
	.styleTxt-3				{ margin: 10px 0 20px 0; font-size: 12px; color: #4c4c4c; line-height: 130%; }
	.styleTxt-4				{ margin: 15px 0; font-size: 10px; color: #808080; }
	/* -- Link -- */
	.styleLink-1			{ font-size: 11px; font-weight: bold; color: #243690; }
	.styleLink-1 span		{ font-family: 'Trebuchet MS', Geneva, sans-serif; font-size: 9px; font-weight: bold; }
	.styleLink-1 a			{ color: #243690; }
		/* -- */
	.styleLink-2			{ background: url('../img/img_arrow-link2-blue.gif') no-repeat 0 7px; padding: 3px 0; padding-left: 13px; line-height: 120%; position: relative; }
	.styleLink-2 a			{ font-size: 11px; color: #243690; }
	.styleLink-2 a.active	{ font-weight: bold; }
		/* -- */
	.styleLink-3 a			{ font-size: 12px; color: #4c4c4c; }
	.styleLink-3 a.active	{ font-weight: bold; }
	/* -- */
	.styleLink-8			{ font-size: 11px; font-weight: normal; color: #243690; }
	.styleLink-8 span		{ font-family: 'Trebuchet MS', Geneva, sans-serif; font-size: 9px; font-weight: bold; }
	.styleLink-8 a			{ color: #243690; }
	/* -- */
	.styleLink-9 a			{ font-size: 12px; font-weight: bold; color: #243690; background: url('../img/utils.gif') no-repeat right -292px; padding-right: 7px; }
	/* -- */
	.styleLink-10 a			{ font-size: 14px; font-weight: normal; color: #243690; background: url('../img/bg_h3_style-1.gif') no-repeat right 5px; padding-right: 18px;  }

	.styleLink-top			{ text-align: right; }
	.styleLink-top a		{ background: url('../img/utils.gif') no-repeat 0 -56px; padding-left: 12px; color: #243690; }


/* tooltip */
	.tipsy { padding: 5px 0px 18px; font-size: 10px; background:transparent url(../img/tipsy.png) no-repeat 10px bottom; font:12px/1.231 sans-serif; *font-size:small;-ms-text-size-adjust: 100%;}
	.tipsy-inner { padding: 8px 10px 8px 10px; background-color: #8C0479; color:#fff; max-width: 200px;width:auto;width:200px;}

    /* greybox */
    .greybox {padding:15px;width:auto; background-color:#e4e4e4;margin-bottom:20px;float:none;}

    /* NETWORK STATUS (new redesign for Genius) */
    #home .networkstatus { margin-top:20px;float:left;width: 235px;}
    .networkstatus .time { font-weight:bold; color:#162a63;}
    .networkstatus a:hover {text-decoration:none;}
    .networkstatus p { margin-bottom:1.5em;}
    /*.marge .networkstatus { float:none;width:auto;}*/

    /* CUSTOMER SUPPORT (new redesign for Genius) */
    .customersupport {width:238px;margin-bottom:20px;}
    .customersupport a:hover {text-decoration:none;}
    .customersupport .header {background: url('../img/sidebar-sprites.png') no-repeat scroll 0 0 transparent; height:11px;overflow: hidden;}
    .customersupport .content {background: none repeat scroll 0 0 #E6E6E6;border-right: 8px solid #CCCCCC;margin: 0;padding: 5px 15px 15px;position: relative;}
    .customersupport .footer {height: 10px;overflow: hidden;position: relative;width: 100%;}
    .customersupport .footer div {background: url("../img/sidebar-sprites.png") no-repeat scroll 0 -10px transparent;height: 10px;margin: 0;position: absolute;top: 0;width: 50%;}
    .customersupport .footer .footer-left {background-position: left -10px;left: 0;}
    .customersupport .footer .footer-right {background-position: right -10px;right: 0;}
    .customersupport .talktousblock {height:100px;}
    .customersupport .talktousnow {display:block;width:163px;height:100px; background:  url('../img/btn-talktous.png') no-repeat scroll 0 0 transparent;overflow:hidden;position:absolute;right:-8px;text-indent:-9999em;}
    .customersupport a:hover .talktousnow {background-position: 0 -108px;}
    .customersupport p {margin-bottom:1em;}
    .customersupport .title {color: #162A63;font: bold 15px Arial,Helvetica,sans-serif;margin: 15px 0 5px;}
    .customersupport dl {line-height:15px;}
    .customersupport dt,
    .customersupport dd {width:100px; display:inline-block;}
    .customersupport .staffphoto {float:left;width:66px;height:88px;}/*3:4 aspect ratio */
    .customersupport .helpdesk { border-top: 1px solid #cccccc; margin-top: 15px; }

    .customersupport-small .talktousblock {height:88px;overflow: hidden;}
    .customersupport-small .staffphoto {float:left;width:66px;height:88px;}/*3:4 aspect ratio */
    .customersupport-small .talktousnow {display:block;width:126px;height:100px; background:  url('../img/btn-talktous.png') no-repeat scroll -28px 0 transparent;overflow:hidden;position:relative;text-indent:-9999em;}
    .customersupport-small a:hover .talktousnow {background-position: -28px -108px;}
    .customersupport-small p {margin-bottom:1em;}
    .customersupport-small .title {color: #162A63;font: bold 15px Arial,Helvetica,sans-serif;margin: 15px 0 5px;}
    .customersupport-small dl {line-height:15px;}
    .customersupport-small dt,
    .customersupport-small dd {width:80px; display:inline-block;}
    .customersupport-small .helpdesk { border-top: 1px solid #cccccc; margin-top: 15px; }

    #geniusfail { font-size: 13px;}
    #geniusfail h1 { font-size: 24px;}
    #geniusfail #menu { background: url("../img/shadowtop550.png") no-repeat scroll 215px bottom transparent; }
    #geniusfail #container {width:500px;padding: 15px 25px; background: url("../img/shadowcontent550.png") repeat-y scroll left top transparent;}
    #geniusfail #footer { background: url("../img/shadowfooter550.png") no-repeat scroll 215px top transparent; }
    #geniusfail .formbox {background-color: #f2f2f2; margin: 10px 0 0; padding: 10px 15px;}
    #geniusfail .formbox .formrow {padding: 5px 5px 10px;clear:both;}
    #geniusfail .formbox .formrow label {color:#1e0d3e;float: left;margin-right:5px;margin-top:10px;width: 120px;}
    #geniusfail .formbox .formrow label.error { color: red; width: 290px;margin-left: 125px;padding-left: 0;}
    #geniusfail .formbox .formrow input { width:290px;float:left; margin-top: 8px;background: url("../img/bg-input.png") repeat-x scroll 0 0 #ffffff; border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;border-style: solid;border-width: 1px;color: #777777;outline: 0 none;}
    #geniusfail input.text:focus { -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); border-color: #999; background: url('../img/bg-input-focus.png') repeat-x 0px 0px #ffffff;}
    #geniusfail .formbox .formrow input.error { border: 1px solid #EC1B23; }
    #geniusfail .formbox .formrow .captcha {margin-top: 8px;float:left;width:290px;}
    #geniusfail .formbox .formrow .captcha p {margin-bottom: 1em;}
    #geniusfail .formbox .formrow .captcha img {display:block;}
    #geniusfail .formbox .formrow .captcha input {float:none;}
    #geniusfail .formbox .formrow .captcha label.error { margin-left: 0;}
    #geniusfail .formbox .submitrow {height:80px;clear:both;}
    #geniusfail .submitbtn { background: url("../img/btn-submit.png") no-repeat scroll -9px -8px transparent; display: block; height: 45px; width: 180px;margin-top:20px;float:right; }
    #geniusfail .submitbtn:hover { background: url("../img/btn-submit.png") no-repeat scroll -9px -69px transparent; display: block; height: 45px; width: 180px; }
    #geniusfail .submitbtn.mousedown { background: url("../img/btn-submit.png") no-repeat scroll -9px -125px transparent; display: block; height: 45px; width: 180px; }
    #geniusfail .submitbtn span { background-repeat: no-repeat; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; }
    #geniusfail .text { background-color: #FEFEFE; height: 28px; line-height: 28px; padding: 0 0 0 2px; width: 290px; }

    #thanks { font-size: 13px;}
    #thanks h1 { font-size: 24px;}
    #thanks #menu { background: url("../img/shadowtop550.png") no-repeat scroll 215px bottom transparent; }
    #thanks #container {width:500px;height:300px;padding: 15px 25px; background: url("../img/shadowcontent550.png") repeat-y scroll left top transparent;}
    #thanks #footer { background: url("../img/shadowfooter550.png") no-repeat scroll 215px top transparent; }
    #thanks #container p {margin-bottom:10px;}

    #account-login-page {}
    #account-login-page h1 {line-height: 1em;margin: 0;}
    #account-login-page #menu { background: url("../img/shadowtop550.png") no-repeat scroll 215px bottom transparent; }
    #account-login-page #container {width:490px;padding: 20px 30px; background: url("../img/shadowcontent550.png") repeat-y scroll left top transparent;}
    #account-login-page #footer { background: url("../img/shadowfooter550.png") no-repeat scroll 215px top transparent; }
    #account-login-page .helper { border-bottom: medium none; border-top: 1px solid #E4E4E4;color: #4D4D4D;font-size: 13px;font-weight: normal;margin-top: 10px;padding-bottom: 5px;padding-top: 10px;}
    #account-login-page .formbox {background-color: #f2f2f2; margin: 10px 0 20px; padding: 10px 15px;}
    #account-login-page .formbox .submitrow {height:80px;clear:both;}
    #account-login-page .formbox .formrow {padding: 5px 5px 10px;clear:both;}
    #account-login-page .formbox .formrow label {float: left;margin-right:5px;margin-top:17px;width: 120px;color: #152A63;font-weight: bold;line-height: 1.4em;font-size:13px;}
    #account-login-page .formbox .formrow input { width:290px;float:left; margin-top: 8px;background: url("../img/bg-input.png") repeat-x scroll 0 0 #ffffff; border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;border-style: solid;border-width: 1px;color: #777777;outline: 0 none;font-size: 20px;height: 34px;margin-bottom: 10px;}
    #account-login-page .formbox .formrow input.error { border: 1px solid #EC1B23; }
    #account-login-page .formbox .formrow span.error { color: red; width: 290px;margin-left: 125px;padding-left: 0;}
    #account-login-page input.text:focus { -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); border-color: #999; background: url('../img/bg-input-focus.png') repeat-x 0px 0px #ffffff;}
    #account-login-page .submitbtn { background: url("../img/btn-submit.png") no-repeat scroll -9px -8px transparent; display: block; height: 45px; width: 180px;margin-top:20px;float:right; }
    #account-login-page .submitbtn:hover { background: url("../img/btn-submit.png") no-repeat scroll -9px -69px transparent; display: block; height: 45px; width: 180px; }
    #account-login-page .submitbtn.mousedown { background: url("../img/btn-submit.png") no-repeat scroll -9px -125px transparent; display: block; height: 45px; width: 180px; }
    #account-login-page .submitbtn span { background-repeat: no-repeat; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; }
    #account-login-page #forgotpassword {display: block;float: left;width: 200px;margin-top: 45px;}
    #account-login-page #forgotpassword span {font-size: 13px;}

	/* --- BOXES  ---
 -- Box gradient grey with shadow -- */
	.styleBox-1	.styleTop 		{ background: url('../img/st_box1_top.gif') repeat-x bottom left; height: 3px; position: relative;  }
	.styleBox-1	.styleBottom 	{ background: url('../img/st_box1_bottom.gif') repeat-x top left; height: 3px; position: relative; }
	.styleBox-1	.styleLeft 		{ background: url('../img/st_box1_left.gif') repeat-y top left; padding-left: 3px; }
	.styleBox-1	.styleRight 	{ background: url('../img/st_box1_right.gif') repeat-y top right; padding-right: 5px; }
	.styleBox-1	.cornerTL 		{ width: 3px; height: 3px; background: url('../img/st_box1_corner_top-left.gif') no-repeat top left; }
	.styleBox-1	.cornerTR 		{ width: 5px; height: 3px; background: url('../img/st_box1_corner_top-right.gif') no-repeat top right; }
	.styleBox-1	.cornerBL 		{ width: 3px; height: 3px; background: url('../img/st_box1_corner_bottom-left.gif') no-repeat top left; }
	.styleBox-1	.cornerBR 		{ width: 5px; height: 3px; background: url('../img/st_box1_corner_bottom-right.gif') no-repeat top right; }
	.styleBox-1	.content 		{ padding: 15px 13px 15px 13px; background: url('../img/st_box1_bg-1.jpg') repeat-x bottom left; }
	.styleBox-1	.styleBg-2 		{ background: url('../img/st_box1_bg-2.jpg') repeat-x bottom left; }
	/* -- Box gradient grey with shadow : formular -- */
	.styleCorner .cornerTL 			{ width: 6px; height: 5px; background: url('../img/st_box1_corner_top-left-2.gif') no-repeat top left; }
	.styleCorner .cornerTR 			{ width: 7px; height: 5px; background: url('../img/st_box1_corner_top-right-2.gif') no-repeat top right; }
	.styleCorner .cornerBL 			{ width: 6px; height: 7px; background: url('../img/st_box1_corner_bottom-left-2.gif') no-repeat top left; }
	.styleCorner .cornerBR			{ width: 7px; height: 7px; background: url('../img/st_box1_corner_bottom-right-2.gif') no-repeat top right; }
	/* -- Box  grey with border -- */
	.styleBox-2			 		{ background: #F5F5F7; border: 1px solid #DBDBDB; margin: 10px 0 0 0; padding: 10px 15px; }
	.marge .styleBox-2	 		{ margin-right: 4px; margin-left: 2px; }
	.bgSuggestion				{ background: #F5F5F7 url('../img/bg_suggestion.gif') no-repeat top left; }
	.styleBox-2	.title			{ color: #3a4d80; text-transform: uppercase; font-size: 13px; }

	.half						{width:46%;float:left;}

	/* -- Box with shadow inside -- */
	.styleBox-3			 		{ position: relative; background: #FFF; }
	.styleBox-3	.styleTop 		{ background: url('../img/st_box3_top.gif') repeat-x top left; height: auto; }
	.styleBox-3	.styleBottom 	{ background: url('../img/st_box3_bottom.gif') repeat-x bottom left; height: auto; }
	.styleBox-3	.styleLeft 		{ background: url('../img/st_box3_left.gif') repeat-y top left; padding: 0; }
	.styleBox-3	.styleRight 	{ background: url('../img/st_box3_right.gif') repeat-y top right; padding: 10px 15px; }
	.styleBox-3	.cornerTL 		{ width: 9px; height: 9px; background: url('../img/st_box3_corner_top-left.gif') no-repeat top left; }
	.styleBox-3	.cornerTR 		{ width: 9px; height: 9px; background: url('../img/st_box3_corner_top-right.gif') no-repeat top right; }
	.styleBox-3	.cornerBL 		{ width: 9px; height: 9px; background: url('../img/st_box3_corner_bottom-left.gif') no-repeat bottom left; bottom: 0; }
	.styleBox-3	.cornerBR 		{ width: 9px; height: 9px; background: url('../img/st_box3_corner_bottom-right.gif') no-repeat bottom right; bottom: 0; }
	/* -- Box gradient grey ecard -- */
	.styleBox-ecard					{ border: 1px solid #cdcdcd; height: auto !important; height: 125px; min-height: 125px; width: 244px; padding: 15px 13px 15px 13px; background: url('../img/bg-box_ecard.jpg') repeat-x bottom left; position: relative; }
	.styleBox-ecard	p				{ padding: 0 !important; line-height: 125%; }
	.styleBox-ecard	.img			{ float: left; }
	.styleBox-ecard	.info			{ float: left; width: 150px; margin: 0 0 0 15px; color: #666 !important; font-size: 10px; }
	.styleBox-ecard	.name			{ font-size: 15px; line-height: 155%; }
	.styleBox-ecard	.job			{ font-size: 12px; margin-bottom: 20px; }
	.styleBox-ecard	.info a			{ color: #243690 !important; }
	/* -- Box plans -- */
	.bgIco-business					{ background: url('../img/bg_icons.gif') no-repeat top left; padding-left: 55px; background-position:0 -320px;}
	.bgIco-purple					{ background: url('../img/bg_icons.gif') no-repeat top left; padding-left: 55px; background-position:0 0; }
	.bgIco-platinum					{ background: url('../img/bg_icons.gif') no-repeat top left; padding-left: 55px; background-position:0 -240px; }
	.bgIco-silver					{ background: url('../img/bg_icons.gif') no-repeat top left; padding-left: 55px; background-position:0 -80px; }
	.bgIco-bronze					{ background: url('../img/bg_ico-bronze.gif') no-repeat top left; padding-left: 55px; background-position:0; }
	.bgIco-gold						{ background: url('../img/bg_icons.gif') no-repeat top left; padding-left: 55px; background-position:0 -160px; }
	.bgIco-purple .labelPlan		{ color: #531a93;  }
	.bgIco-platinum .labelPlan		{ color: #3a4d80;  }

	.bg-optimistic					{ background: url('../img/bg_pattern-optimistic.gif'); }
	.bg-baroque						{ background: url('../img/bg_pattern-baroque.gif'); }
	.bg-diamond						{ background: url('../img/bg_pattern-diamond.gif'); }
	.bg-stripes						{ background: url('../img/bg_pattern-stripes.gif'); }
	.bg-orcon						{ background: url('../img/bg_pattern-orcon.gif'); }

	.styleBoxPlan					{ color: #FFF; margin-bottom: 10px; padding: 15px 15px 10px 15px; position: relative;_height: auto !important; min-height:190px;}
	.allplans						{height:auto!important;min-height:inherit!important;}
	.styleBoxPlan .bgIco-business	,
	.styleBoxPlan .bgIco-purple	,
	.styleBoxPlan .bgIco-platinum,
	.styleBoxPlan .bgIco-silver,
	.styleBoxPlan .bgIco-bronze,
	.styleBoxPlan .bgIco-gold		{ padding-top: 8px; height: auto !important; height: 37px; min-height: 37px; }
	.styleBoxPlan a					{ color: #C0C0C0; }
	.styleBoxPlan .title			{ font-size: 25px; text-transform: uppercase; font-weight: bold; }
	.styleBoxPlan .title span		{ font-size: 16px; text-transform: lowercase; font-weight: normal; }
	.styleBoxPlan .desc 			{ font-size: 12px; margin: 15px 0 10px 0; height: auto !important; height: 45px; min-height: 45px; margin-right: 10px; }
	.styleBoxPlan .details 			{ font-size: 12px; margin: 10px 0; padding-left: 20px }
	.styleBoxPlan .detailsopen 		{ font-size: 12px; margin: 0; padding-left: 20px }
	.styleBoxPlan ul	 			{ list-style: disc; list-style-position: inside; }
	.styleBoxPlan p					{ }
	.styleBoxPlan .price			{ font-size: 19px; position: absolute; bottom: 10px; left: 15px; margin-bottom: 0 !important; }

	.styleBoxPlan .price span		{ font-size: 12px; }
	.styleBoxPlan .pos-1			{ position: absolute; top: 29px; right: 15px; bottom: auto; left: auto; }
	.styleBoxPlan .pos-2			{ position: absolute; top: 21px; right: 15px; bottom: auto; left: auto; }
	.styleBoxPlan .link				{ text-align: right; margin-top: 20px; position: absolute; bottom: 10px; right:10px;}

	.allplans .spacer				{font-size:18px;}

	.btnDetails 	{ background: url('../img/btn_hide-details.gif') no-repeat top left; width: 110px; height: 25px; cursor: pointer; position: absolute; top: 0; right: 105px; display: block; cursor:pointer}
	.seeOn			{ background-image: url('../img/btn_see-details.gif'); }

	#imgBusiness					{ text-align: center; margin: 20px 0 30px 0; }

	.styleBoxAd 					{ text-align: center; color: #FFF; padding: 5px 20px 4px 20px; text-transform: uppercase; font-size: 15px; margin: 10px 0;  }
	.styleBoxAd a					{ color: #C5C5C5; padding-right: 18px; background: url('../img/bg_ico_ad.gif') no-repeat right 5px;  }

	#productsBox .box1,
	#productsBox .box2					{ float: left; width: 295px; }
	#productsBox .box1					{ clear: left; margin-right: 20px; }
	#productsBox .styleBoxPlan .desc 	{ height: auto !important; height: 60px; min-height: 60px; }

	.ruralAddress						{background-color:#F5F5F5; border:1px solid #ccc;border-top:none; margin:-10px 0 10px 0;padding:10px;}
	.ruralAddress input					{margin-top:5px;float:left;}
	.ruralAddress img					{float:right;margin-top:2px;}
		/* --- */
	.styleBox-usageBar .box1 				{ padding: 2px 0 10px 55px; float: left; width: 320px; height: auto !important; height: 45px; min-height: 45px; }
	.styleBox-usageBar .labelPlan			{ font-size: 16px; line-height: 88%; border-right: 1px solid #E2E1EA; margin-bottom: 3px; }
	.styleBox-usageBar .labelPlan span 		{ font-size: 11px; font-weight: bold; color: #4c4c4c; display: block; }
	.styleBox-usageBar .labelStyle-1 		{ font-size: 10px; font-weight: bold; }
	.styleBox-usageBar .labelStyle-1 span	{ color: #4c4c4c; }
	.styleBox-usageBar .box2 				{ float: left; font-weight: bold; padding: 3px 0 0 20px; }
	.styleBox-usageBar .box2 p				{ clear: left; }
	.styleBox-usageBar .box2 span			{ color: #4c4c4c; width: 110px; display: block; float: left; }
	.styleBox-usageBar .box3 				{ clear: left; border-top: 1px solid #E2E1EA; padding-top: 10px; }
	.styleBox-usageBar .labelEst			{ float: left; font-weight: bold; }
	.styleBox-usageBar .labelData			{ clear: left; font-size: 13px; font-weight: bold; line-height: 150%; }
	.styleBox-usageBar .labelData span		{ float: left; display: block; font-weight: normal; width: 190px; font-size: 12px; }
	.styleBox-usageBar .labelData-2			{ border-top: 1px solid #E2E1EA; width: 250px; margin-top: 5px; padding-top: 5px; }
	.styleBox-usageBar .box3 .styleLink-2	{ float: right; padding: 0 0 0 13px; background-position: 0 5px; }
	.styleBox-usageBar .box4 				{ clear: left; padding-top: 10px; }
		/* --- */
	.styleBox-usageBarMini .box1 				{ padding-bottom: 15px; float: left; height: auto !important; height: 45px; min-height: 45px; }
	.styleBox-usageBarMini .labelPlan			{ font-size: 15px; line-height: 88%; margin-bottom: 3px; }
	.styleBox-usageBarMini .labelPlan span 		{ font-size: 11px; font-weight: bold; color: #4c4c4c; display: block; }
	.styleBox-usageBarMini .labelStyle-1 		{ font-size: 11px; font-weight: bold; color: #4c4c4c; line-height: 110%;  }
	.styleBox-usageBarMini .box2 				{ float: left; font-weight: bold; padding: 3px 0 0 20px; }
	.styleBox-usageBarMini .box2 p				{ clear: left; }
	.styleBox-usageBarMini .labelStyle-2 		{ font-weight: bold; clear: left; }
	.styleBox-usageBarMini .labelStyle-2 span	{ color: #4c4c4c; width: 110px; display: block; float: left; }
	.styleBox-usageBarMini .box3 				{ padding-top: 15px; }
	.styleBox-usageBarMini .box3 .styleLink-2	{ float: right; padding: 0 0 0 13px; background-position: 0 5px; }
	/* -- Box Comments -- */
	.styleBox-comments 				{ background: #F2F2F2; padding: 10px 15px; margin: 10px 0; position: relative; }
	.styleBox-comments .date		{ padding-left: 15px; background: url('../img/utils.gif') no-repeat left 3px; color: #666; background-position:0 -357px; }
	.styleBox-comments .content p	{ margin: 10px 0 5px 0; color: #666; line-height: 140%; }
	.styleBox-comments label		{ color: #666; }
	.styleBox-comments input.submit	{ float: none; margin-left: 117px; margin-top: 10px; }
	.styleBox-comments .deco		{ background: url(../img/utils.gif) no-repeat top left; height: 12px; width: 6px; position: absolute; top: 12px; left: -6px; background-position:0 -40px; }

	/* -- Box call to action -- */

	.styleBox-callToAction 				{color:#3a1661; background: #fef9d7 url(../img/cta_bg.gif) repeat-x bottom left; padding: 10px 15px; margin: 10px 0; position: relative; font-size:14px; font-style:italic; border:1px solid #e4e4e4;}
		.styleBox-callToAction span, .styleBox-callToAction p {color:#3a1661; font-size:14px; font-style:italic;}

	/* -- Box Custom Support -- */
	.box-custom 		{ background: url('../img/bg_customer-support.jpg') no-repeat top left; padding: 3px 0 0 68px; }
	.signUp				{ margin: 10px 0 5px 0; color: #666; }
	.helpDesk			{ border-top: 1px solid #E2E1EA; margin-top: 15px; }
	.helpDesk .title	{ color: #3A4D80; text-transform: uppercase; font-size: 13px; margin: 15px 0 5px 0; }
	.helpDesk p		 	{ clear: left; }
	.helpDesk .box1 	{ float: left; width: 90px; color: #4D4D4D; }
	.helpDesk .box2 	{ float: left; }
	/* -- Box Network Status -- */
	.box-network 		{ color: #666;  }
	.box-network span 	{ display: block; color: #999; padding-left: 5px; }
	.box-network .mini 	{ display: inline; color: #666; font-size: 9px; padding: 0; }
	/* -- Speech Bubbles -- */
	.speechBubbles 					{ background: url('../img/bg_speech-bbl-2.jpg') repeat-y top left; margin: 0 30px 20px 30px; }
	.speechBubbles .content 		{ background: url('../img/bg_speech-bbl-1.jpg') no-repeat top left; font-size: 14px; font-style: italic; color: #666; }
	.speechBubbles .content a		{ color: #7082c0; }
	.speechBubbles .styleTop 		{ background: url('../img/bg_speech-bbl-top.gif') no-repeat top left; }
	.speechBubbles .styleBottom 	{ background: url('../img/bg_speech-bbl-bottom.gif') no-repeat bottom left; }
	.speechBubbles .box1			{ float: left; width: 449px; padding: 15px; height: auto !important; height: 34px; min-height: 34px;  }
	.speechBubbles .box2			{ float: left; width: 299px; padding: 15px; }
	.speechBubbles img				{ float: left; width: 50px; margin: 0 21px;  }
	/* -- Pagination bar -- */
	.pager 					{ background: #f2f2f2; padding: 2px 20px; margin: 0; }
	.pager form ,.pager #pagination			{ position: relative; border: 1px solid #f2f2f2; }
	.pager .absLeft			{ top: 3px; }
	.pager .absRight		{ top: 3px; }
	.pager img 				{ cursor: pointer; }
	.pager .absLeft	 img	{ margin-right: 15px; }
	.pager .absRight img	{ margin-left: 15px; }
	.pager input,.pager span.index 			{ display: block; margin: 0 auto; border: 1px dotted #CCC; background: #FAFAFA; text-align: center; font: 11px 'Trebuchet MS', Helvetica, sans-serif; color: #243690 !important; }
	.pager span.index{width:50px;}

	/* -- HelpBox -- */
	.boxHelp 						{ background: url('../img/utils.gif') no-repeat 0 -240px; position: absolute; top: 0; right: 0; width: 15px; height: 15px; cursor: help; }
	.boxHelp p						{ display: none; }

	.boxHelp .styleTop 				{ background: url('../img/bg_help-box_top.gif') no-repeat top left; padding-top: 3px; position: absolute; bottom: -10px; left: 30px; width: 246px; display: none;  }
	.boxHelp:hover .styleTop		{ display: block; }
	.boxHelp .content 				{ background: url('../img/bg_help-box.gif') repeat-y top left;}
	.boxHelp .styleBottom 			{ background: url('../img/bg_help-box_bottom.gif') no-repeat bottom left; padding: 12px 15px 15px 21px; font-size: 11px; font-style: italic; color: #999; line-height: 115%; }
	.boxHelp .styleBottom a			{ color: #7082c0; }
	/* -- Menu aside -- */
	#menuAside  					{ position: relative; }
	#menuAside .cornerBottom 		{ padding-bottom: 11px; }
	#menuAside ul 					{ padding: 13px 10px; background: #3a1661; }
	#menuAside ul ul 				{ padding: 3px 0 0 0; background: #3a1661; margin: 0; }
	#menuAside ul li				{ margin: 3px 0; }
		/* -- */
	#menuAside ul li.title			{ margin: 0 0 10px 0; font-size: 13px; text-transform: uppercase; color: #FFF; font-weight: bold; }
	#menuAside ul li a				{ text-decoration: none; display: block; padding-top: 2px; padding-bottom: 2px; line-height: 120%; }
	#menuAside ul li span			{ display: block; color: #FFF; font-size: 13px; font-weight: bold; background: url('../img/utils.gif') no-repeat 8px -334px; padding-left: 20px; }
	#menuAside ul ul li span		{ color: #FFF; font-size: 12px; background: url('../img/utils.gif') no-repeat 23px -256px; padding-left: 40px; }
	#menuAside ul li a:hover		{ background: #A30090; }
	#menuAside ul li a.active		{ background: #A30090; }
		/* -- */
	#menuAside ul li.order span				{ color: #77727C; font-size: 13px; font-weight: bold; padding-left: 10px; background: none; }
	#menuAside ul li.order a:hover span		{ color: #FFF; background: #A30090 url('../img/utils.gif') no-repeat 175px -334px; }
	#menuAside ul li.order a.active span	{ color: #FFF; background: #A30090 url('../img/utils.gif') no-repeat 175px -334px; }
	#menuAside ul li.order a.checked span	{ color: #FFF; background: url('../img/utils.gif') no-repeat 170px -199px; }
		/* -- */
	.sideRight 						{ background: url('../img/st_menu-aside-right_bg.gif') repeat-y top right; margin-left: 2px; }
	.sideLeft 						{ background: url('../img/st_menu-aside-left_bg.gif') repeat-y top left; margin-right: 2px; }
	.sideRight	.cornerTop 			{ background: url('../img/menu_gfx.gif') no-repeat 180px 0; }
	.sideRight	.cornerBottom 		{ background: url('../img/menu_gfx.gif') no-repeat  -160px bottom ; }
	.sideLeft	.cornerTop 			{ background: url('../img/menu_gfx.gif') no-repeat left 0; }
	/* .sideLeft	.cornerBottom 		{ background: url('../img/st_menu-aside-left_corner-bottom.gif') no-repeat bottom left; } */
	.sideLeft	.cornerBottom 		{ background: url('../img/menu_gfx.gif') no-repeat -60px bottom; }
	.sideRight ul 					{ margin-right: 30px; }
	.sideLeft ul 					{ margin-left: 30px; }

	/* -- Search Form --*/
	#form-search_engine 	 				{ margin-top: 10px; overflow: hidden; }
	#form-search_engine .box1	 			{ float: left; width: 546px; }
	#form-search_engine .boxInput 			{ border: 3px solid #c7b8d9; }
	#form-search_engine .boxInput input 	{ border: 1px solid #A6A6A6; width: 528px; background: url('../img/bg_input_query.gif') repeat-x top left; font-size: 13px; color: #999; padding: 5px;  }
	#form-search_engine	ul		 			{ margin-top: 10px; overflow: hidden; }
	#form-search_engine	li		 			{ float: left; margin-right: 15px; }
	#form-search_engine	li input	 		{ float: left; margin-top: 1px; margin-right:3px; }
	#form-search_engine    #submit               { float: left; margin: 3px 0 0 10px; }
	#form-search_engine    li.cats               { float: right; margin-right:0; }
	#form-search_engine    li.cats     label     { display:none; }
	#form-search_engine    li select             { float: left;  font: 11px 'Trebuchet MS', Helvetica, sans-serif; }

	#form-search_article .boxInput 			{ border: 2px solid #c7b8d9; margin-bottom: 10px }
	#form-search_article .boxInput input 	{ border: 1px solid #A6A6A6; width: 166px; background: url('../img/bg_input_query.gif') repeat-x top left; font-size: 13px; color: #999; padding: 5px; }


 /* --- PAGES : HOME --- */
 	div.loading						{padding-left:100px;font-style:italic; color:#6A3F8D;margin:0 0 5px 0 ;font-size:14px; font-weight:bold}

	#home .box1 					{ width: 680px; float: left; position: relative; }
    #home .box1 #promotile {margin-left:20px;margin-bottom:20px;}
    #home h1 { height: 94px;}

	/* -- Your Digital Life : latest articles -- */
	#home .sbox1 					{ background: #34174F url('../img/bg_home_digital.jpg') no-repeat top left; position: relative; height: auto !important; height: 298px; min-height: 298px; }
	#home .sbox1 .styleTitle-1 		{ padding: 12px 15px; }
	#home .sbox1 .btn-1 			{ position: absolute; top: 10px; right: 10px; }
	#home .articles					{ margin: 28px 0 0 25px; width: 210px; padding: 10px; }
	#home .articles .entry			{ color: #FFF; line-height: 110%; margin: 7px 0; padding-bottom: 7px; border-bottom: 1px solid #4b2971; position: relative; word-wrap: break-word;  }
	#home .articles .none			{ border-bottom: 0; }
	#home .articles .entry span		{ color: #b2b2b2; }
	#home .articles .styleTitle-2	{ color: #FFF; margin-bottom: 5px; font-weight: normal; }
	#home .articles .styleLink-1	{ color: #FFF; }
	#home .articles .styleLink-1 a	{ color: #FFF; }
	/* -- Orcon News -- */
	#home .box2 					{ width:240px;float:right;margin-right:20px;margin-top:10px;/*offset to compensate for transparency in banner inage */ }
	#home .news 					{ width: 355px; float: left; margin: 0 20px 0 40px; }
	#home .news .headline				{ color: #162a63; margin: 20px 0 20px 0; position: relative; word-wrap: break-word; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; }
	#home .news .entry				{ color: #4d4d4d; line-height: 110%; position: relative; word-wrap: break-word; font: 12px Arial, Helvetica, sans-serif; }
	#home .news p		 	{ clear: both; margin-bottom: 20px; }
	#home .news p.footer 	{ margin: 0; height: 32px; border-bottom: 1px solid #808080;}
	#home .news span.date		{ width: 100px; color: #808080; }
	#home .news span.link,
	#home .news span.link a		{ width: 100px; color: #db911a; font-weight: bold; }


	/* NON FLASH PANEL   */
	#home-nonflash			{ background:none; padding: 0; }
/*	#home-nonflash .promo-text	{ float: left; width: 348px; height: 336px; background: url('../img/bg-swipe-hero.png') no-repeat top left; position: relative; top: 0; left: 0; padding: 30px 0 20px 30px; line-height: 33px; }*/
	#home-nonflash .promo-text	{ float:left;width:348px;height:100%;background:url('../img/bg-swipe-hero.png') no-repeat top left;position:absolute;top:-1px;left:0;padding:15px 0 20px 15px;line-height: 33px;z-index:1; }
/*	#home-nonflash .promo-pic	{ width: 920px; height: 385px; background: url('../img/home-hero.jpg') no-repeat top right; margin: 0 20px 20px 20px; } */
	#home-nonflash .promo-pic	{ width: 920px;height:385px;overflow:hidden;background: none no-repeat top right #1e0d3e; margin: 0 20px 20px 20px;position:relative;}
	#home-nonflash .promo-pic .promo-pic-container {float:right;}
	#home-nonflash .promo-pic .promo-pic-container #embed-swf {height:385px;}
    #home-nonflash .promo-pic a.genius {display: block;left: 80px;position: relative;width: 571px;z-index: 100;}
    #home-nonflash .promo-pic a.genius span { display:block;width:571px;height:385px;overflow:hidden;text-indent:-9999em;}
    #home-nonflash .promo-pic img { float:right;display:block;}

	#home-nonflash .promo-text h1 { color:#fff; font-family: "ff-din-web"; font-weight: bold; font-size: 31px; padding-right: 130px; margin: 0 0 10px 0; }
	#home-nonflash .promo-text p { color: #fff; font-family: "ff-din-web"; font-weight: 300; font-size: 16px; padding-right: 110px; margin: 0 0  1em 0; line-height: 1.2em; }
	#home-nonflash .promo-links	 { float:none;width: 346px;position:relative;left:-10px;bottom:0px;line-height:0em;/*required for correct static pic positioning*/}
	/* #home-nonflash .promo-text ul li a { height: 72px; width: 316px; } */
	#home-nonflash .promo-text .work { background: url("../img/btn-hero-biz-price.png") no-repeat scroll 0px 0px transparent; width: 316px; height: 72px; display: block; }
	#home-nonflash .promo-text .home { background: url("../img/btn-hero-home-price.png") no-repeat scroll 0px 0px transparent; width: 316px; height: 72px; display: block; }

	#home-nonflash #ipbasedcontent { margin-left:20px; }
	#home-nonflash #purplebasebox { background: none; }
	.pink-top      { background: white url("../img/header-tl.png") no-repeat scroll 0 -3px; float: left; width: 22px; height: 31px; }
	.pink-middle      { background-color: #8c0479; height: 100%; margin-top: 31px;}
	.pink-bottom      { background: url("../img/header-bl.png") no-repeat scroll bottom left transparent; float: left; width: 22px; height: 32px; top: 31px; left: 0px; }
    #purplebasebox { display:none;}
	#purplebasebox h4 { font-family: "ff-din-web"; font-weight: 600; color: #8c0479; margin: 0;  border-bottom: 1px solid #808080; font-size: 17px; }
	#purplebasebox .purplebaseboxbox { display: block; float: left; height: 95px; margin-top: 10px; margin-bottom: 10px; margin-right: 20px; width: 205px; }
	#purplebasebox .first { margin-left: 40px; }
    #purplebasebox .purplebaseboxbox p {margin-top: 5px;}

    #orconcustomer {}
    #orconcustomer .boxthird {float:left;width:293px;margin-right:20px;}
    #orconcustomer h4 { font-family: "ff-din-web"; font-weight: 600; color: #8c0479; margin: 0;  border-bottom: 1px solid #808080; font-size: 17px; }
    #orconcustomer .pinkchevron { border-bottom: 1px solid #808080; color: #8C0479; font-family: "ff-din-web"; font-size: 17px; font-weight: 600;margin:0;line-height:27px;display:block;width:100%;}
    #orconcustomer .pinkchevron span { font-size: 17px;font-weight: 600;line-height:27px;padding-top: 0;margin-bottom:0;}
    #orconcustomer p {margin-top: 5px;margin-bottom: 10px;}
    #orconcustomer ul {margin-left: 10px;}
    #orconcustomer li {margin-bottom: 5px;}

	#home-nonflash .intro span.pinkLink {margin-top:6px;float:left;display:inline;}
	#home-nonflash .intro span.pinkLink a {padding:3px; background-color:#dc0963; color:#fff; }
	#home-nonflash .intro span.pinkLink a:hover {background-color:#a41150; text-decoration:none; }
	#home-nonflash .styleBox-2 {width:383px; margin:0 0 0 26px; float:left;display:inline;}

	#map{background:transparent url(/img/gmap_bg.jpg) no-repeat top left;}

 /* CufonDin font replacement with Typekit fonts */
    .CufonDin {font-family: "ff-din-web"; }

 /* --- PAGES : AT WORK --- */
    #atwork #container {padding: 20px 30px 10px;width:920px;}
    #atwork #bizbanner {margin-bottom: 20px;}
    #atwork .worktile li {margin-bottom: 10px;height:250px;}
    #atwork .worktile .last {margin-bottom: 0}
    #atwork .worktile a {display: block;}
    #atwork .worktile a span {display:block;}
    #atwork .worktile .left,
    #atwork .worktile .left span {width:459px;}
    #atwork .worktile .right,
    #atwork .worktile .right span {width:455px;float:right;}
    #atwork .worktile a:hover {text-decoration: none;}
    #atwork .bb { background:  url('../img/01-bb.jpg') no-repeat scroll 0 0 transparent;height:247px;text-indent:-9999em;overflow: hidden;}
    #atwork .fibre { background:  url('../img/02-fibre.jpg') no-repeat scroll 0 0 transparent;height:247px;text-indent:-9999em;overflow: hidden;}
    #atwork .voice { background:  url('../img/03-voice.jpg') no-repeat scroll 0 0 transparent;height:250px;text-indent:-9999em;overflow: hidden;}
    #atwork .hosting { background:  url('../img/04-hosting.jpg') no-repeat scroll 0 0 transparent;height:250px;text-indent:-9999em;overflow: hidden;}
    #atwork .office { background:  url('../img/05-office.jpg') no-repeat scroll 0 0 transparent;height:248px;text-indent:-9999em;overflow: hidden;}
    #atwork .contact { background:  url('../img/06-contact.jpg') no-repeat scroll 0 0 transparent;height:156px;text-indent:-9999em;overflow: hidden;}
    #atwork .sales { background:  url('../img/06-contact-sales.jpg') no-repeat scroll 0 0 transparent;height:38px;text-indent:-9999em;overflow: hidden;}
    #atwork .support { background:  url('../img/06-contact-support.jpg') no-repeat scroll 0 0 transparent;height:54px;text-indent:-9999em;overflow: hidden;}


 /* --- PAGES : DIGITAL LIFE --- */
	#digital-life .news						{ margin: 20px 0; background: url('../img/bg_dot_3.gif') repeat-x top left; padding-top: 20px; }
	#digital-life .news  .title				{ text-transform: uppercase; font-size: 15px; color: #9d3c96; }
	#digital-life .news .entry				{ color: #243690; margin: 10px 0 0 0; position: relative; background: url('../img/bg_dot_1.gif') repeat-x top left; padding: 10px 0 0 0; }
	#digital-life .news .entry a			{ color: #243690; }
	#digital-life .news .date				{ color: #b3b3b3; }
	#digital-life .news .first				{ background: none; padding: 0; }

	#digital-life .article					{ margin: 30px 0; }
	#digital-life .imgAuthor				{ float: left; margin: 3px 15px 0 0; }
	#digital-life .article .box1			{ float: left; margin: 5px 10px 0 0; width: 35px; }
	#digital-life .article .box2			{ float: left; width: 630px; }
	#digital-life .styleTxt-1				{ margin: 10px 0; }
	#digital-life .styleTxt-1 a				{ text-decoration:underline; }
	#digital-life .styleTxt-1 a:hover		{ color:#371161; }
	#digital-life .article .title			{ text-transform: uppercase; font-size: 16px; color: #243690; font-weight: normal; }
	#digital-life .article .author			{ color: #b3b3b3; }
	#digital-life .article .text			{ padding-top:15px; line-height:14pt; }
	#digital-life .article .text p			{ /*color: #666;*/ margin: 15px 0; }
	#digital-life .article .full-article	{ background: url('../img/bg_dot_1.gif') repeat-x bottom left; padding: 3px 0; }
	#digital-life .article .full-article a	{ color: #081c59; }
	#digital-life .article .link-comments	{ background: url('../img/bg_dot_1.gif') repeat-x bottom left; padding: 3px 0; }
	#digital-life .article .link-comments a	{ padding-left: 15px; background: url('../img/utils.gif') no-repeat left 3px; background-position:0 -357px; }

/* --- PAGES : MY ORCON --- */
	#my-orcon .box1 		{ width: 331px; float: left; }


/* --- PAGES : ADDRESS LOCATOR --- */

	.address_locator td img{margin-bottom:10px;}

/* --- PAGES : KNOWLEDGE BASE --- */
	/* -- Table Results -- */
	table.tablesorter { width: 100%; }
	th, td { padding: 5px 10px; }
	table.tablesorter thead tr th,
	table.tablesorter tfoot tr th 				{ font-size: 13px; text-transform: uppercase; text-align: left; color: #243690; border-bottom: 1px solid #cfdae5; }
	table.tablesorter thead tr .header 			{ background-image: url(../img/bg.gif); background-repeat: no-repeat; background-position: right center; cursor: pointer; }
	table.tablesorter tbody td 					{ color: #3D3D3D; padding: 10px 5px; background-color: #FFF; vertical-align: top; border-bottom: 1px solid #cfdae5; font-size: 12px; }
	table.tablesorter tbody tr.odd td 			{ color: #3D3D3D; }
	table.tablesorter thead tr .headerSortUp 	{ background-image: url(../img/asc.gif); }
	table.tablesorter thead tr .headerSortDown 	{ background-image: url(../img/desc.gif); }
	table.tablesorter thead tr .headerSortDown,
	table.tablesorter thead tr .headerSortUp 	{ color: #d6a10f; }
	table.tablesorter .tabDesc		 			{ font-size: 13px; margin: 5px 0; }
	table.tablesorter .tabDetails 				{ color: #666; font-size: 11px; }
	table.tablesorter .tabDetails span 			{ color: #243690; }
	table.tablesorter .tabRating				{ text-align: center; }
	table.tablesorter .tabTitle 				{ text-transform: uppercase; }
	.tabTitle 				{ color: #243690; font-size: 13px; margin: 0 0 5px 0; }
	.tabTitle a				{ color: #243690; }
	.tabTitle span 			{ color: #d6a10f; background: none; padding: 0; }
	.tabFaq a .ico				{ display: inline-block; width: 28px; height: auto; background: url('../img/utils.gif') no-repeat right -178px; }
	span.tabFaq				{ display: inline-block; width: 22px; height: auto; background: url('../img/utils.gif') no-repeat center -178px; margin-left: 5px; }
	.tabGlossary a .ico			{ display: inline-block; width: 28px; height: auto; background: url('../img/utils.gif') no-repeat right -158px; }
	span.tabGlossary			{ display: inline-block; width: 22px; height: auto; background: url('../img/utils.gif') no-repeat center -158px; margin-left: 5px; }
	.tabTutorial a .ico			{ display: inline-block; width: 28px; height: auto; background: url('../img/utils.gif') no-repeat right -138px; }
	span.tabTutorial			{ display: inline-block; width: 22px; height: auto; background: url('../img/utils.gif') no-repeat center -138px; margin-left: 5px; }
	.tabVideo a .ico		   	{ display: inline-block; width: 38px; height: auto; background: url('../img/utils.gif') no-repeat right -118px; }
	span.tabVideo			   	{ display: inline-block; width: 22px; height: auto; background: url('../img/utils.gif') no-repeat center -118px; }

	/* User opinion pannel */

	#opinion-box .box1,#opinion-box .box2{ width:315px; margin:15px 0 5px 0; padding:0;}
	#opinion-box .box1 { margin-right:10px; }
	#opinion-box .box1 p{ padding-left:10px; }
	#opinion-box .box1 span { color:#666; }
	#opinion-box .box2 p{ color:#666; margin:0 0 5px 0 }
	#opinion-box .box2 span { color:#D6A10F;}
	.opinion-panel{ background:#fff url(../img/opinion-bottom.gif) no-repeat bottom; width:100%;padding-bottom:10px; margin-bottom:10px; }
	.opinion-panel-top{ background:#fff url(../img/opinion-top.gif) no-repeat top; width:100%; padding-top:10px;}

	#opinion-box span.yes { background:transparent url(../img/thumb-up.gif) no-repeat center right; color:#33CC00; font-size:14px; font-weight:bold; margin:0 10px; padding-right:10px; }
	#opinion-box span.no { background:transparent url(../img/thumb-down.gif) no-repeat center right; color:#CC0000; font-size:14px; font-weight:bold; margin:0 10px; padding-right:14px; }

	.opinionForm label {margin:0 25px 5px 10px;font-size:14px;}
	.opinionForm span {margin:0 23px 5px 0;}
	.opinionForm input {margin-right:2px;}


	/* -- View Box -- */
	#view 					{ background: #F5F5F7; border: 1px solid #DBDBDB; margin: 10px 4px 0 2px; padding: 10px 15px; }
	#view li				{ padding-left: 25px; margin: 5px 0; }
	#view li.viewFav		{ background: url('../img/ico_view_favorites.gif') no-repeat 0 0; }
	#view li.viewGlossary	{ background: url('../img/utils.gif') no-repeat 5px -99px; }
	#view li a				{ color: #243690; }

	.tagCloud a				{ color: #243690; padding-right: 8px; line-height: 18px; }
	.tagCloud a:hover		{ color: #d6a10f; text-decoration: none; }
	.tagCloud a.big			{ font-size: 13px; }
	.tagCloud a.small		{ font-size: 9px; }

/* --- PAGES : ABOUT US --- */
	#about-us .article { margin-top: 10px; line-height:14pt;}
	#about-us .styleTxt-1 a	{ text-decoration:underline; }
	#about-us .styleTxt-1 a:hover { color:#371161; }
	.boxStaff { margin-right: 7px; margin-bottom: 10px; }
	.boxStaff label  { float: left; margin-right: 10px; margin-top: 3px; color: #531a93; }
	.boxStaff input  { float: left; margin-right: 25px; }
	.tableStaff		{ border: 1px solid #DBDBDB; border-spacing: 10px; border-spacing: 4px !important; border-collapse: separate !important; }
	.tableStaff td 	{ width: 35px; height: 47px; background: url('../img/bg_cell_staff.gif'); padding: 0; margin: 0; }

	div.newsExtract 	{border-bottom:1px dotted #CCCCCC; margin-bottom:20px;}
	div.newsExtract .styleTxt-2	{margin-top:0;}
	div.newsExtract h4 span					{ background: url('../img/utils.gif') no-repeat 100% 40%; padding-right: 28px; background-position:right 5px; }

/* --- PAGES : HOME LANDING PAGE --- */
	#phoneNumberChecker fieldset 				{margin-bottom:20px;}
	#phoneNumberChecker .legend 			{ color: #4c4c4c; font-weight: bold; font-size: 12px; }
	#phoneNumberChecker label				{ text-transform: uppercase; font-size: 12px; font-weight: bold; color: #3c4b80; margin: 0 0; padding:0; display:inline; height:10px;}
	#phoneNumberChecker #phonenumber		{ background: url('../img/bg_input_phone.gif'); width: 167px; border: 0; font-size: 16px; font-family: 'Courier New', 'Courier New', Courier6, monospace; color: #4C4C4C; padding: 3px 17px 4px 17px; margin:0 15px; }
	#phoneNumberChecker #btnSubmit	{ margin: 0 0  ; }
	.noPhone 								{ clear: left; color: #666; }
	.noPhone a 								{ color: #1b2776; }

/* --- PAGES : SUPPORT > REQUEST SUPPORT --- */
	#form-request legend	 		{ font-size: 12px; }
	#form-request label	 			{ display: block; border-bottom: 1px solid #b0c1d3; padding: 15px 5px; overflow: hidden; }
	#form-request .last label		{ border-bottom: 0; padding-bottom: 30px; }
	#form-request span	 			{ display: block; }
	#form-request label input 		{ float: left; }
	#form-request  label .box1 		{ float: left; width: 390px; margin-left: 20px; margin-top: -2px; }
	label.error, p.error { float: none; color: red; padding-left: .5em; margin:10px 0 0 102px}

/* --- UNIFORM /scripts/plugins/plugins2.js --- */


/* --- PAGES : SUPPORT > HOME --- */
    #support-home h1 {color:#162a63;}
    #support-home #mostreadarticles { }
    /*#support-home #menuSub.large ul li a {padding: 2px 10px;}*/
	#support-home .articles				{ width: 400px; margin-top: 20px; float: left; }
	#support-home p.viewFav				{  padding-left: 25px; background: url('../img/ico_view_favorites.gif') no-repeat 0 0; position: absolute; top: 10px; right: 15px; }
	#support-home p.viewFav a			{ color: #243690; }
	#support-home .articles ul 			{ margin-top: 15px; }
	#support-home .articles li,#support-home .articles tr { border-bottom: 1px solid #b0c1d3; padding: 5px 2px; font-size: 13px; }
	#support-home .articles td			{ border-bottom: 1px solid #b0c1d3; }
	#support-home .articles td div			{ width: 22px; overflow: hidden; }
	#support-home .articles td.ico			{ padding-left: 0; padding-right: 0; }
	#support-home .articles li span,#support-home .articles td span	{ color: #d6a10f; }
	#support-home .articles li a		{ color: #243690; }
	#support-home .articles li.last,#support-home .articles tr.last	td { border-bottom: 0; }
	#support-home #menuAside			{ float: left; margin-top: 40px; width: 210px; margin-left: 15px; }
	#support-home #menuAside ul li a	{ padding-top: 1px; padding-bottom: 1px; line-height: 110%; }
	#support-home .services				{ margin-top: 20px; overflow: hidden; }
	#support-home .services ul 			{ float: left; width: 250px; margin-top: 10px; }
    #support-home .networkstatus {width:200px;}

    #support-request { font-size: 13px;}
    #support-request h1 { font-size: 24px;}
    /*
    #support-request #menu { background: url("../img/shadowtop550.png") no-repeat scroll 215px bottom transparent; }
    #support-request #container {width:500px;padding: 15px 25px; background: url("../img/shadowcontent550.png") repeat-y scroll left top transparent;}
    #support-request #footer { background: url("../img/shadowfooter550.png") no-repeat scroll 215px top transparent; }
    */
    #support-request .sidebarleft {float:left;width:240px;margin-left:20px;margin-right:20px;}
    #support-request .contentright {float:right;width:660px;margin-right:20px;}
    #support-request .contentcenter {float:left;width:660px;margin-left:150px;}
    #support-request .formbox {background-color: #f2f2f2; margin: 10px 0 0; padding: 10px 15px;position:relative;}
    #support-request .formbox .formrow {padding: 5px 5px 10px;clear:both;}
    #support-request .formbox .formrow li {display:inline-block;height: 40px;}
    #support-request .formbox .formrow li label {display: block;float: left;margin-top: 0;width: 130px;}
    #support-request .formbox .formrow li input {float:left;}
    #support-request .formbox .formrow input.radio {vertical-align:top;margin: 9px 5px 0 0;height: 18px; width: 18px;float:left;}
    #support-request .formbox .formrow #freqdisconspan { margin: 0px;}
    #support-request .formbox .formrow li label span {display: block;float: left; margin-top: 9px;margin-right:10px;}
    #support-request .formbox .formrow li label #freqdisconspan {margin-top: 0px;width: 100px;}
    #support-request .formbox .formrow label {color:#1e0d3e;float: left;margin-right:5px;margin-top:10px;width: 150px;}
    #support-request .formbox .formrow label.error { color: red; width: 290px;margin-left: 125px;padding-left: 0;}
    #support-request .formbox .formrow input,
    #support-request .formbox .formrow textarea { width:290px;float:left; margin-top: 8px;background: url("../img/bg-input.png") repeat-x scroll 0 0 #ffffff; border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;border-style: solid;border-width: 1px;color: #777777;outline: 0 none;}
    #support-request input.text:focus,
    #support-request textarea:focus { -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); border-color: #999; background: url('../img/bg-input-focus.png') repeat-x 0px 0px #ffffff;}
    #support-request .formbox .formrow input.error,
    #support-request .formbox .formrow textarea.error { border: 1px solid #EC1B23; }
    #support-request .formbox .formrow .captcha {margin-top: 8px;float:left;width:420px;}
    #support-request .formbox .formrow .captcha p {margin-bottom: 1em;}
    #support-request .formbox .formrow .captcha img {display:block;float:left;}
    #support-request .formbox .formrow .captcha a {display:block;float:left;margin-left: 5px;margin-top: 63px;}
    #support-request .formbox .formrow .captcha input {float:none;}
    #support-request .formbox .formrow .captcha label.error { margin-left: 0;}
    #support-request .formbox .submitrow {height:80px;clear:both;}
    #support-request .formbox #accountpanel p {clear:both;margin-left: 155px;margin-top: 45px;}
    #support-request .formbox #namepanel {display:none;}
    #support-request .submitbtn { background: url("../img/btn-submit.png") no-repeat scroll -9px -8px transparent; display: block; height: 45px; width: 180px;margin-top:20px;float:right; }
    #support-request .submitbtn:hover { background: url("../img/btn-submit.png") no-repeat scroll -9px -69px transparent; display: block; height: 45px; width: 180px; }
    #support-request .submitbtn.mousedown { background: url("../img/btn-submit.png") no-repeat scroll -9px -125px transparent; display: block; height: 45px; width: 180px; }
    #support-request .submitbtn span { background-repeat: no-repeat; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; }
    #support-request .formbox .text { background-color: #FEFEFE; height: 28px; line-height: 28px; padding: 0 0 0 2px; width: 290px; }
    #support-request .textarea { background-color: #FEFEFE; height: 112px; line-height: 28px; padding: 0 0 0 2px; width: 290px; height: 112px;}
    #support-request .question, .ui-dialog .question { background: url("../img/combined-sprites.png") no-repeat scroll -243px -42px transparent;display: block;height: 19px;overflow: hidden;position: absolute;right: 150px;text-indent: -9999em;width: 19px;margin-top:13px;}
    #support-request span.error {background: url("../img/error-arrow-left.png") no-repeat scroll 0 0 transparent;color:#FFFFFF;height: 26px;line-height:26px;padding-left:20px;position:relative;width:100px;display:inline-block;margin-top:9px;}

    #support-talk {}
    #support-talk .contentleft p,
    #support-talk .sidebarright p {margin-bottom: 1em;}
    #support-talk h4 {border-bottom: 1px solid #808080;color: #8C0479;font-family: "ff-din-web";font-size: 17px;font-weight: 600;margin: 0 0 10px 0;}
    #support-talk h5 {color: #162A63;font:13px Arial,Helvetica,sans-serif;text-transform: uppercase;}
    #support-talk .contentleft {float:left;width:660px;margin-left:20px;}
    #support-talk .sidebarright {float:right;width:240px;margin-right:20px;}
    #support-talk .contentleft .main {margin-bottom: 30px;}
    #support-talk .contentleft .col1 {float:left;width:320px;margin-right: 20px;min-height:200px;}
    #support-talk .contentleft .col2 {float:left;width:320px;}
    #support-talk .contentleft dt {width:100px;display: inline-block;font-weight:bold;}
    #support-talk .contentleft dd {width:200px;display: inline-block;}
    #support-talk .helpdesk-number { color: #1E0D3E;font-family: ff-din-web;font-size: 31px;}
    #support-talk .contentleft .closed {    background-color: #DB911A;color: #FFFFFF;display: inline-block;font-family: ff-din-web;font-size: 13px;font-weight: bold;margin: 20px 0;padding: 5px 10px;text-transform: uppercase;}
    #support-talk .helpblock {margin-bottom: 20px;}
    #support-talk .helpblock a {text-decoration:underline;}
    #support-talk .sales { color: #FFFFFF; font-family: "ff-din-web"; font-weight: 700; line-height: 1em;margin: 0 0 5px;padding: 5px 10px;background: none repeat scroll 0 0 #1E0D3E;width:150px;}
    #support-talk .address {margin-bottom: 20px;}

	.contact							{ font-size:12px;}
	.contact span,span.contact			{color: #d6a10f;}

/* --- PAGES : PRODUCTS --- */
	.tablePlans 						{ margin: 10px 0 20px 0; }
	.tablePlans th 						{ text-align: center; text-transform: uppercase; color: #6b79a2; font-size: 12px; }
	.tablePlans th.first				{ text-align: left; }
	.tablePlans td 						{ border-width: 1px 1px 0 0; border-style: solid; border-color: #CCC; padding: 7px 10px; width: 90px; background: #F7F7F7; vertical-align: middle; text-align: center; }

	form .tablePlans td 				{ text-align: left; }
	.tablePlans td.first				{ width: 195px; background: #FFF; color: #666; text-align: left; }

	.tablePlans td.first span			{ display: block; margin-left: 10px; }
	.tablePlans tr.last td				{ background: #E6E6E6; padding: 10px; text-align: center; }
	.tablePlans tr.last td input		{ margin:auto; float:none;}
	.tablePlans tr.last td.first		{ background: #FFF; }
	.tablePlans tr.subSection td		{ border-top-style: dotted; }
	.tablePlans tr.subSection td.first	{ padding-left: 20px; width: 184px; }
	.tablePlans td .title				{ position: relative; padding-right: 30px; }
	.tablePlans td .checked				{ background: url('../img/utils.gif') no-repeat 53% -220px; height: 15px; }
	.tablePlans td .checked	span		{ display: none; }
	.tablePlans td .price				{ font-size: 25px; font-weight: normal; color: #531a93; line-height: 70%; margin-bottom: 5px }
	.tablePlans td .price span			{ font-size:11px; color: #666; }
	.tablePlans td .price span.price	{ font-size: 25px; font-weight: normal; color: #531a93; line-height: 70%;}
	.tablePlans td label 				{ overflow: hidden; width: 88px; display: block; }
	.tablePlans td input 				{ float: left;}
	.tablePlans td label span			{ float: left; display: block; margin: 2px 0 0 5px; width: 55px }
	#contentCenter .tablePlans td       { border-right:1px solid #999999; }
	#contentCenter .tablePlans td.last  { border-right:1px dotted #ccc; }

/* IE Fix for tablePlans text alignment */
table.normalWidth td {
	width:49%;
}

	/* --- ADDRESS LOCATOR --- */

	.addressLocator th, .addressLocator td					{text-align:left; }
	.addressLocator th.first			{padding-left:30px;}
	.addressLocator #advancedSearch		{border-top:1px dotted #666;}
	.addressLocator tr.alt	td			{padding-bottom:20px;}
	.addressLocator td.submitCell #submit		{margin-bottom:-10px}

/* --- PAGES : SIGN-UP --- */
	#form-myaccount label 				{ overflow: hidden; margin: 10px 0 0 15px; display: block; }
	#form-myaccount label input 		{ margin: 1px 0 0 0; float: left }
	#form-myaccount label span			{ margin: 0 0 0 10px; }

	.boxHardware .styleBox-2			{ float: left; width: 179px; margin-left: 15px; }
	.boxHardware img					{ margin: 0 5px; }
	.boxHardware .title					{ margin: 5px 0; }
	.boxHardware .content				{ color: #4c4c4c; line-height: 130%; height: auto !important; height: 60px; min-height: 60px; }

/* --- PAGES : COSMOS --- */
	#cosmos .box1 		{ width: 306px; float: left; }
	#cosmos table		{ }
	#cosmos th			{ color: #4c4c4c; text-align: left; }
	#cosmos .width30 th			{  }
	#cosmos .width50 th			{  }
	#cosmos th.last		{  }
	#cosmos td			{  }
	.box-secure 		{ padding: 1px 0 0 20px; background: url('../img/bg_box-secure.gif') no-repeat top left; }
	.cardDesc			{ padding: 0 0 0 130px; background: no-repeat top left; color: #4c4c4c; font-size: 12px; height: auto !important; height: 65px; min-height: 65px; margin: 15px 0; }
	.cardVisa			{ background-image: url('../img/img_card_visa.gif'); }
	.cardAmerican		{ background-image: url('../img/img_card_ae.gif'); }



/* --- COMMON SECTIONS --- */
	/* -- header -- */
	#header							{ height: 110px; position: relative; }
	#header	h1 a					{ background: url('../img/img_logo_orcon.png'); width: 180px; height: 60px; position: absolute; left: 18px; top: 25px; }
	#header	h1 a span				{ display: none; }
	#header	p a					{ background: url('../img/logo.png'); width: 408px; height: 159px; position: absolute; left: -80px; top: 0px; }
	#header	p a span				{ display: none; }
	/*#txt-joinUs 					{ background: url('../img/txt_header_join-us2.png'); width: 184px; height: 47px; position: absolute; right: 10px; top: 60px;display:inline-block; }*/
    #txt-joinUs  { background: url("../img/txt_header_join-us2.png") no-repeat scroll right top transparent; color: #1E0D3E;display: inline-block;font-size: 24px;font-weight: bold;height: 47px;position: absolute;right: 10px;text-transform: uppercase;top: 60px;width:200px;font-family: "ff-din-web";line-height:1em;text-indent:-9999em;}
	#header #site-search		{ position: absolute; right: 10px; top: 37px; display: none; width: 185px; padding: 0px; background: none no-repeat scroll 0 0 #f2f2f2; vertical-align: baseline; z-index: 501; }
	#site-search #keywords			{ width: 134px; font-size: 12px; line-height: 12px; color: #4d4d4d; /* position: absolute; top: 0; right: 23px; */ border: 0; padding: 4px 10px 4px 10px; vertical-align: top;}
	#site-search #submit			{ }
	#header ul			{ position: absolute; right: 10px; top: 10px; }
	#header ul li			{ float: left; padding-left: 30px; padding-right: 30px; color: #4D4D4D; font-weight: normal; background: url('../img/nav-top-divider.png') no-repeat top left; text-transform:uppercase;}
	#header ul li.first		{ background: none; }
	#header ul li.last		{ padding-right: 0px; }
	#header ul li a			{ font-size: 13px; color: #4D4D4D; font-family: "ff-din-web"; font-weight: 600; }
	/* -- Menu -- */
	#menu .content			{ width: 960px; position: relative; z-index: 500;  height: auto; }
	#menu ul li 			{ float: left; color: #162A63; padding: 6px 0 20px 0; margin-right: 60px;  font-family: "ff-din-web"; }
	#menu ul li.active		{  }
	#menu ul li a 			{ display: block; padding: 0px; text-transform: uppercase; font-size:18px; font-weight: 700; color:#162A63; font-family: "ff-din-web"; line-height: 18px; }
	#menu ul li.active 		{ background: url('../img/pink_menu_ul.png') repeat-x left bottom; }
	#menu ul li.active a 		{ color: #8C0479; }
	#menu ul li a:hover		{ text-decoration: none; }
	#menu ul li.first a		{ border-left-width: 0; }
	#menu ul li.last a		{ border-right-width: 0; }

	/* -- Login -- */
	#login 				{ position: absolute; top: 0; right: 0; padding: 0; }
	#login p.title 		{ padding: 0 0 4px 0; }
	#login p.title a,
	#login p.title span ,
	#login p.title a:hover	{ display: block; padding: 6px 0px 20px 0px; text-transform: uppercase; font-weight: 700; font-size: 18px; color:#DB911A; text-decoration: none; font-family: "ff-din-web"; line-height: 18px; }
    #login .buttons span { font-size:15px;padding-left: 40px;padding-top: 10px;text-indent: -9999em;}

	#login .lightbox 			{ position: absolute; top: 29px; right: 0px; width: 216px; margin: 0; padding: 0; display: none; }
	#login .lightbox #account .content { padding: 15px 15px 15px 15px; position: relative; border: none; background: #db911a; margin: 0; width: 186px; height: 140px;  }
	#login .lightbox #account input.text 	{ border: none; width: 140px; background-color: #edc488; color: #666; padding: 1px 5px;  width: 166px; font: 13px Arial, Helvetica, sans-serif; }
	#login .lightbox #account #account_login_username 	{ background: #edc488 url('../img/username.png') no-repeat scroll -3px top; }
	#login .lightbox #account #account_login_password 	{ background: #edc488 url('../img/password.png') no-repeat scroll -3px top; }
	#login .lightbox #account ul li         { padding: 0 0 5px 0; margin: 0 5px 0 5px; }
	#login .lightbox #account ul.buttons li { width: 186px; height: 37px; display: block; margin: 0; padding: 0; }
	#login .lightbox #account ul.buttons li a span { width: 186px; height: 27px; display: block; }
	#login .lightbox #account #inp-log-acc  { background: url('../img/btn-myorcon-account.png') no-repeat scroll top left; }
	#login .lightbox #account #inp-log-mail { background: url('../img/btn-myorcon-webmail.png') no-repeat scroll top left; }


	#btnHelp 			{  position: absolute; top: 60px; right: 10px; text-align: right; }
	#btnHelp a			{ background: url('../img/utils.gif') no-repeat 0 -80px; padding: 0 0 2px 20px; }
	#btnForgotPwd		{ position: absolute; top: 117px; right: 10px; width: 70px; text-align: right; }
	.styleLink-4 a 		{ color: #1b2776; font-family: Tahoma, Geneva, sans-serif; }
	.styleLink-4 a:hover	{ text-decoration: underline !important; }
	.styleLink-4 span 	{ color: #1b2776; font-family: 'Trebuchet MS', Geneva, sans-serif ; font-size: 9px; }


	/* -- SubMenu -- */
	.menuSub						{ border-bottom: 1px solid #e6e6e6; padding: 5px 0; margin: 0 0 20px 0; overflow: hidden; }
	.menuSub.large					{ margin: 0 10px 20px; }
	.menuSub.large ul  				{ float: left; }
	.menuSub ul li 					{     float: left;font-family: "ff-din-web";font-size: 12px;font-weight: bold;text-transform: uppercase;}
    #kbsubnav ul li.first {padding-left:55px;}
	.menuSub ul li span,
	.menuSub ul li a				{ display: block; padding: 2px 9px 2px 8px; color:#999; border-left: 1px solid #e6e6e6; }
	.menuSub ul li a 				{ color:#243690; }
	.menuSub.large ul li a 			{ display: block; padding: 2px 10px; color:#162A63; border-left: 1px solid #e6e6e6; }
	.menuSub ul li.active a	{ background-color: #8c0479; color: #FFF; border-left-color:  #8c0479; text-decoration: none; }
    .menuSub ul li a:hover {text-decoration: none;}
	.menuSub ul li.first a,
	.menuSub ul li.first span		{ border-left-width: 0; }

	/* -- Footer -- */
	#footer 			{ padding: 20px 10px 20px 10px; font-size:11px;}
	#footer a 			{ color: #162A63; }
	#footer ul li		{ display: inline; float: left; border-right: 1px solid #4d4d4d; padding: 0 10px; }
	#footer ul li.none	{ border-right: 0; }
	#footer p 			{ color: #162A63; clear: both; padding: 2px 10px; margin-top:2em;}


/* --- TOOLS --- */
	.pTop10 	{ padding-top: 10px; }

	.mTop0 		{ margin-top: 0; }
	.mTop1 		{ margin-top: 1px; }
	.mTop2 		{ margin-top: 2px; }
	.mTop5 		{ margin-top: 5px; }
	.mTop10 	{ margin-top: 10px!important; }
	.mTop15 	{ margin-top: 15px; }
	.mTop17 	{ margin-top: 17px; }
	.mTop20 	{ margin-top: 20px; }
	.mTop22 	{ margin-top: 22px; }
	.mTop25 	{ margin-top: 25px; }
	.mTop30 	{ margin-top: 30px; }
	.mTop38 	{ margin-top: 38px; }

	.mBottom0 	{ margin-bottom: 0; }
	.mBottom10 	{ margin-bottom: 10px; }
	.mBottom20 	{ margin-bottom: 20px; }

	.mLeft0 	{ margin-left: 0 !important; }
	.mLeft5 	{ margin-left: 5px; }
	.mLeft2 	{ margin-left: 2px; }
	.mLeft10 	{ margin-left: 10px; }
	.mLeft15 	{ margin-left: 15px; }
	.mLeft20 	{ margin-left: 20px; }

	.mRight10 	{ margin-right: 10px; }
	.mRight14 	{ margin-right: 14px; }
	.mRight30 	{ margin-right: 30px; }

	.flLeft		{ float: left; }
	.flRight 	{ float: right; }
	.clear 		{ clear: both; }
	.clear hr	{ display: none; }

	.absLeft	{ position: absolute; left: 0; }
	.absRight	{ position: absolute; right: 0; }

	.displayNone 	{ display: none; }
	.relative 		{ position: relative; }

	.bold 			{ font-weight: bold; }
	.color4c4c4c 	{ color: #4c4c4c; }
	.size13			{ font-size: 13px; line-height: 130%; }

	.cornerTL 	{ position: absolute; top: 0; left: 0; }
	.cornerTR 	{ position: absolute; top: 0; right: 0; }
	.cornerBL 	{ position: absolute; bottom: 0; left: 0; }
	.cornerBR 	{ position: absolute; bottom: 0; right: 0; }
	.styleCorner .cornerTL 	{ position: absolute; bottom: -2px; left: 0; }
	.styleCorner .cornerTR 	{ position: absolute; bottom: -2px; right: 0; }
	.styleCorner .cornerBL 	{ position: absolute; top: -2px; left:  0; }
	.styleCorner .cornerBR 	{ position: absolute; top: -2px; right: 0; }
	.styleBox-3 .cornerTL 	{ position: absolute; top: 0 !important; bottom: auto; left: 0; }
	.styleBox-3 .cornerTR 	{ position: absolute; top: 0 !important; bottom: auto; right: 0; }
	.styleBox-3 .cornerBL 	{ position: absolute; bottom: 0 !important; top: auto; left: 0; }
	.styleBox-3 .cornerBR 	{ position: absolute; bottom: 0 !important; top: auto; right: 0; }

	.show-20                { -khtml-opacity:.20; -moz-opacity:.20; -ms-filter:”alpha(opacity=20)”; filter:alpha(opacity=20); opacity:.20; }
    .show-100               { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; }


	.sitemap li{ list-style:none};


/* ------ JNICE ------- */
	/* -------------
	 * Selects
	 * ------------- */
	.jNiceSelectWrapper {
		width: 143px;
		position:relative;
		height: 22px;
	}

	.jNiceSelectWrapper div span {
		float: left;
		/*position: absolute;*/
		width: 126px;
		height: 18px;
		line-height: 15px;
		padding: 2px 0 0 7px;
		color: #4c4c4c;
		background: #FFF;
		overflow: hidden;
		border-width: 1px; border-style: solid; border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
		border-right: none;
	}

	.jNiceSelectWrapper div a {
		//display: block;
		//position: absolute;
		float:left;
		//right: 0px;
		width: 17px;
		height: 22px;
		background: url(../img/elements/select_right.gif) no-repeat center center;
	}

	.jNiceSelectWrapper ul {
		position: absolute;
		width: 170px;
		top: 21px;
		left: 0px;
		list-style: none;
		background-color: #FFF;
		border: solid 1px #CCC;
		display: none;
		margin: 0px;
		padding: 0px;
		height: auto !important;
		height: 170px;
		max-height: 170px;
		overflow: auto;
		overflow-y: auto;
		z-index:100;
	}

	.jNiceSelectWrapper ul a {
		display: block;
		padding: 3px 5px;
		text-decoration: none;
		color:#666;
		background-color: #FFF;
		line-height: 110%;
	}

	.jNiceSelectWrapper ul a:hover { background:#F9F9F9; }
	.jNiceSelectWrapper ul a.selected {background: #EDEDED;}

	.boxStaff .jNiceSelectWrapper  { float: left; margin-right: 25px; position:relative; }
	/* -------------
	 * Hidden - used to hide the original form elements
	 * ------------- */
	.jNiceHidden {display: none;}

	/* --------------------   THICKBOX -------------------------------  */


	/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:11000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url('../img/macFFBgHack.png') repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 11007;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:11008;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:10999;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* --- ADDED BY GAVYN --- */
ul.bullets {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left: 40px;
}


/* --- ADDED BY MARIE --- */
.cracker-bg {background: url(../../images/cracker/cracker-bg.png)  0 0 no-repeat; width:398px; height: 328px; display: block; position: absolute; right: 10px; top: -10px; display: inline; padding: 35px; }
.cracker-bg img {margin: 5px;}
.cracker-buttons {overflow: auto; width: 390px; height: 227px; margin-top: 9px;}
.cracker-button {background: url(../../images/cracker/cracker-button.png) 0 0 no-repeat; display: block; float: left; padding: 15px; width: 333px; height: 15px; margin-left: 7px; font-size: 12px; color: #000; text-decoration: none;}
.cracker-button:hover {color:#AB3C9B; background: url(../../images/cracker/cracker-button.png) 0 45px; text-decoration: none; }

.address-purple-btn{
	display: block;
	clear: both;
	padding: 5px 10px;
	background: url(/images/arrow-right-sm.png) 95% 50% no-repeat;
	background-color: #3A1362;
	-webkit-transition: background-color .3s linear;
	width: 310px;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	overflow: hidden;
}
.address-purple-btn img {
	display: inline-block; float:right;
}
.address-purple-btn:hover {
	background-color: #710064;
	-webkit-transition: background-color .2s linear;
	text-decoration: none;
}


/* --- Xmas Theme 2010 --- */
#header	p a.xmas{
	background: url('../img/img_logo_orcon_xmas.png');
	width: 225px;
	height: 120px;
	position: absolute;
	left: 18px;
	top: 25px;
	left: 0px;
	top: 0px;
}
#xmasDogBox {
    background: url("/img/dog.png") no-repeat scroll transparent;
    cursor: pointer;
	width: 200px;
    height: 191px;
    opacity: 1;
    position: fixed;
	bottom: 0px;
	left: 1px;
	z-index: -999;
}

/* --- ADDED BY GARETH --- */
#supportmain { padding-top: 10px; }
#supportmain #faqblurb { margin-bottom: 20px; }
#supportmain #faqblurb p { padding-bottom: 1em; }

/* submenu stuff */
/* #supportmain #supportSubMenu { float: left; width: 340px; padding-left: 28px; } */
#supportmain #supportSideNav {}
#supportmain #supportSideNav ul li { text-transform:uppercase;font-weight:bold;color:#ffffff;background:url('../img/white_arrow_right.png') no-repeat scroll 260px 6px #1e0d3e;width:260px;padding:6px 20px;margin: 0px 0 15px 0;font-size:13px;}
#supportmain #supportSideNav ul li a {color:#fff;text-decoration:none}
#supportmain #supportSideNav ul li a.hover {text-decoration:none;}
#supportmain #supportSideNav ul li a span {width:260px;height:16px;display:block;}
#supportmain #supportSideNav ul li.active {background: url('../img/white_arrow_down.png') no-repeat scroll 260px 6px #1e0d3e;}
#supportmain #supportSideNav ul li ul {display:none;width:auto;margin: 3px 0;}
#supportmain #supportSideNav ul li ul li {margin:0 0 3px;text-transform:none;color:#E2C8FF;background-color:transparent;background: url("../img/utils.gif") no-repeat scroll 8px -334px transparent;padding: 0px 20px;font-size:12px;}
#supportmain #supportSideNav ul li ul li a { color: #E2C8FF; }
#supportmain #supportSideNav ul li ul li a span { display:inline; }
#supportmain #supportSideNav ul li ul li a:hover { color: #fff; text-decoration: underline; }
/*
#supportmain #opinion-box .box1,
#supportmain	#opinion-box .box2 {width: 99%;}
*/

.box1 .networkstatus {
   overflow: hidden;
       height: 15px;
       }


/* At Home Promo Page */
#athome_promo {padding:10px;height:600px;}
#athome_promo .cta{margin:10px 0 0 30px;}
#athome_promo h1{margin-left:10px;color:#162A63;}
#athome_promo ul{width:350px;margin:20px 0 0 45px;line-height:1.5em;list-style-image:url(/images/blue_bullet.gif);list-style-position:outside;}
#athome_promo ul li{padding:0 0 10px 0;}
#athome_promo .leftPromo{float:left;width:466px;display:inline;height:480px;margin:0 0 0 10px;}
#athome_promo .rightPromo{float:right;width:450px;display:block;height:480px;margin:0 10px 0 0;}
#athome_links {clear:both}
#athome_links ul { list-style: none outside none; }
#athome_links ul li { color: #162A63; font: bold 15px Arial,Helvetica,sans-serif;}

/**
 * Site Search - Google Custom Search Default theme
 *
 * Note: This has been amended to affect the Sitewide site search only.
 * The Support FAQ Google Custom Search uses the default theme.
 */
/* Slight reset to make the preview have ample padding. */
#site-search .cse .gsc-control-cse,
#site-search .gsc-control-cse { padding: 2%; width: 96%; }
#site-search .cse .gsc-branding,
#site-search .gsc-branding { display: none; }
#site-search .cse .gsc-control-cse div,
#site-search .gsc-control-cse div { position: normal;}
/* Selector for entire element. */
#site-search .cse .gsc-control-cse,
#site-search .gsc-control-cse { background-color: #ffffff; border: 1px solid; border-color: #ffffff; }
#site-search .cse .gsc-control-cse:after,
#site-search .gsc-control-cse:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
#site-search .cse .gsc-resultsHeader,
#site-search .gsc-resultsHeader { border: block;}
/* Search button */
#site-search .cse input.gsc-search-button,
#site-search input.gsc-search-button { font-family: inherit; color: #000000; text-shadow: 0 1px 2px #FFFFFF; background-color: #CECECE; border: 1px outset;border-color: #666666;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
/* Inactive tab */
#site-search .cse .gsc-tabHeader.gsc-tabhInactive,
#site-search .gsc-tabHeader.gsc-tabhInactive { border-bottom: none; color: #666666;background-color: #e9e9e9;border: 1px solid;border-color: #e9e9e9;border-bottom: none;}
/* Active tab */
#site-search .cse .gsc-tabHeader.gsc-tabhActive,
#site-search .gsc-tabHeader.gsc-tabhActive {background-color: #FFFFFF;border: 1px solid;border-top: 2px solid;border-color: #e9e9e9;border-top-color: #FF9900;border-bottom: none;}
/* This is the tab bar bottom border. */
#site-search .cse .gsc-tabsArea,
#site-search .gsc-tabsArea {margin-top: 1em;border-bottom: 1px solid #e9e9e9;}
/* Inner wrapper for a result */
#site-search .cse .gsc-webResult.gsc-result,
#site-search .gsc-webResult.gsc-result,
#site-search .gsc-imageResult-column,
#site-search .gsc-imageResult-classic {padding: .25em;border: 1px solid;border-color: #ffffff;margin-bottom: 1em;}
/* Result hover event styling */
#site-search .cse .gsc-webResult.gsc-result:hover,
#site-search .gsc-webResult.gsc-result:hover,
#site-search .gsc-results .gsc-imageResult-classic:hover,
#site-search .gsc-results .gsc-imageResult-column:hover {border: 1px solid;border-color: #FFFFFF;}
/*Promotion Settings*/
/* The entire promo */
#site-search .cse .gs-promotion,
#site-search .gs-promotion {background-color: #FFFFFF;border: 1px solid;border-color: #336699;}
/* Promotion image */
#site-search .cse .gs-promotion .gs-promotion-image,
#site-search .gs-promotion .gs-promotion-image {}
/* Promotion links */
#site-search .cse .gs-promotion a.gs-title:link,
#site-search .gs-promotion a.gs-title:link,
#site-search .cse .gs-promotion a.gs-title:link *,
#site-search .gs-promotion a.gs-title:link *,
#site-search .cse .gs-promotion .gs-snippet a:link,
#site-search .gs-promotion .gs-snippet a:link { color: #0000CC; }
#site-search .cse .gs-promotion a.gs-title:visited,
#site-search .gs-promotion a.gs-title:visited,
#site-search .cse .gs-promotion a.gs-title:visited *,
#site-search .gs-promotion a.gs-title:visited *,
#site-search .cse .gs-promotion .gs-snippet a:visited,
#site-search .gs-promotion .gs-snippet a:visited { color: #0000CC;}
#site-search .cse .gs-promotion a.gs-title:hover,
#site-search .gs-promotion a.gs-title:hover,
#site-search .cse .gs-promotion a.gs-title:hover *,
#site-search .gs-promotion a.gs-title:hover *,
#site-search .cse .gs-promotion .gs-snippet a:hover,
#site-search .gs-promotion .gs-snippet a:hover {color: #0000CC;}
#site-search .cse .gs-promotion a.gs-title:active,
#site-search .gs-promotion a.gs-title:active,
#site-search .cse .gs-promotion a.gs-title:active *,
#site-search .gs-promotion a.gs-title:active *,
#site-search .cse .gs-promotion .gs-snippet a:active,
#site-search .gs-promotion .gs-snippet a:active {color: #0000CC;}
/* Promotion snippet */
#site-search .cse .gs-promotion .gs-snippet,
#site-search .gs-promotion .gs-snippet,
#site-search .cse .gs-promotion .gs-title .gs-promotion-title-right,
#site-search .gs-promotion .gs-title .gs-promotion-title-right,
#site-search .cse .gs-promotion .gs-title .gs-promotion-title-right *,
#site-search .gs-promotion .gs-title .gs-promotion-title-right * { color: #000000; }
/* Promotion url */
#site-search .cse .gs-promotion .gs-visibleUrl,
#site-search .gs-promotion .gs-visibleUrl {color: #008000;}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
#site-search .gsc-completion-selected {background: #D5E2FF;}
#site-search .gsc-completion-container {font-family: Arial, sans-serif;font-size: 13px;position: absolute;background: white;border: 1px solid #666666;margin-left: 0;margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}
/* Full URL */
#site-search .gs-webResult div.gs-visibleUrl-short {display: none;}
#site-search .gs-webResult div.gs-visibleUrl-long {display: block;}

/* Orcon Customisations */
#site-search .cse .gsc-control-cse,
#site-search .gsc-control-cse { background-color: transparent; border: none; }
#site-search .gsc-clear-button { display: none; } /* Hide clear button */
#site-search input.gsc-search-button { background: url("../img/btn_submit_search.png") no-repeat scroll center center transparent; border: none; text-shadow:none;display: inline-block;width:23px;height:23px;overflow: hidden;text-indent:-9999em;} /* Use magnifying glass */
#site-search th,#site-search th { padding: 0;}
#site-search input.gsc-input {border:none;}


/* Orcon New Team page /about/staff */
ul#orcon-team {	list-style:none;margin:0;padding:0;}
#orcon-team li {background:url('../img/team-bg.png');display:block;margin-bottom:10px;margin-left:0px;padding:10px;width:426px;}
#orcon-team .team-portrait {float:left;}
#orcon-team .team-details {float:left;height:156px;overflow:hidden;width:320px;}
#orcon-team li h2,
#orcon-team li .team-position,
#orcon-team li .team-favsite {background:#1e0d3e;clear:left;color:white;display:inline-block;float:left;font-family:"ff-din-web";font-size:20px;line-height:100%;margin:0px;padding:6px 10px;position:relative;}
#orcon-team li h2 {width:240px;padding:8px 10px;background:#1e0d3e;}
#orcon-team li .team-position {background:#830479;min-width:75px;font-size:18px;}
#orcon-team li .team-favsite {background:white;color:#830479;font-size:18px;}
#orcon-team li .team-favsite a {color:#d2881a;font-size:18px;}
#orcon-team li .team-quote {background:#dddddd;color:#333;display:inline-block;float:left;font-size:13px;line-height:15px;margin:0px;min-height:46px;padding:7px 10px;width:304px;}
#orcon-team h2 a.team-email {background:url('/img/icon-email.png') 50% 50%  no-repeat;color:pink;display:block;float:right;height:20px;overflow:hidden;text-indent:-9999em;width:22px;position:absolute;right:10px;top:8px;}
#contentCenter.team h1 { background:url('/img/team-header.png') 0 0 no-repeat;display:block;width:473px;height:80px;margin-bottom:-20px;margin-left:-27px;text-indent:-9999em;}

/* Orcon @Work page ticker */
.ticker-banner { background: url('../img/ticker-banner.png') 0 0 no-repeat #8c0479; height: 66px; width: 921px; padding-top: 11px; position: relative; }
.ticker-banner p  { font-family: "ff-din-web","FF-DIN"; color: white; text-transform: uppercase; text-align: left; font-size: 28px; font-weight: bold; }
.ticker-banner p .left,
.ticker-banner p .right { position: absolute; top: 12px; }
.ticker-banner p .left  { position: absolute; width: 625px; left: 80px;  }
.ticker-banner p .right { position: absolute; width: 160px; left: 700px; }
.ie7 .ticker-banner p .left,
.ie8 .ticker-banner p .left { letter-spacing: -1px; }
.ie .ticker-banner p .left,
.ie .ticker-banner p .right { top: 17px; }
.css3d-text {
    color       : white;
    text-shadow :
        0px 0px 0 rgb(198,198,198),
        1px -1px 0 rgb(159,159,159),
        2px -2px 0 rgb(120,120,120),
        3px -3px 0 rgb(0,0,0),
        /* 4px -4px 3px rgba(0,0,0,0.5), */
        3px -3px 1px rgba(0,0,0,0.5),
        0px 0px 3px rgba(0,0,0,.2);
}