﻿.InfoPanelDotted
{
	width : 600px;
	margin : 0 auto;
	margin-top : 30px;
	margin-bottom : 30px;
	border : solid 1px #ddd;
	padding : 10px 20px 20px 50px;
	background-position : 10px 20px;
	background : url(../images/secure/icons/InfoLarge.gif) no-repeat;
	background-position : 10px 15px;	
}
.WarningPanelDotted
{
	width : 600px;
	margin : 0 auto;
	margin-top : 30px;
	margin-bottom : 30px;
	border : solid 1px #ddd;
	padding : 10px 20px 20px 100px;
	background : url(../images/secure/icons/Warning.gif) no-repeat;
	background-position : 10px 20px;
}
.WarningPanelDotted h3, .InfoPanelDotted h3
{
	background : none !important;
}

#referrals-table input
{
	border : solid 1px #ccc;
	padding : 3px 3px 3px 3px;
	width : 200px;
	font-size : 1.1em;
	color : #444;
}

ul.menu
{
	margin-bottom : 25px;

}
#forgotten-form
{
	width : 550px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}

#login-form
{
	width : 500px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}

#new-sms
{
	width : 500px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}
#voice-config
{
	width : 500px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}
#referrals
{
	width : 500px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}
#activation-code-confirm
{
	width : 440px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}
#new-identity
{
	width : 500px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}
#user-select
{
	width : 390px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}
#number-caption
{
	width : 430px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}
#change-password
{
	width : 500px;
	margin : 0 auto;
	border : solid 2px #ccc;
	padding : 10px 20px 20px 20px;
	margin-bottom : 20px;
}

#direct-debit
{	
	background : url(/images/secure/cards/direct-debit.gif) no-repeat;
	padding-left : 190px;
	margin-left : 10px;
	padding-top : 10px;
	padding-right : 20px;
	padding-bottom : 5px;
	width : 250px;
	border : solid 2px #ddd;
	background-position : 20px 15px;
}
#balance_overdue
{	
	background : url(/images/secure/icons/infolarge.gif) no-repeat;
	padding-left : 70px;
	margin-left : 10px;
	padding-top : 10px;
	padding-right : 20px;
	padding-bottom : 10px;
	margin-right : 10px;
	width : 360px;
	border : solid 2px #ddd;
	background-position : 20px 15px;
	margin-bottom : 20px;
}

a.pdf{width : 180px;text-align:left;}

a.account
{
	background : url(/images/secure/icons/account.gif) no-repeat;
	padding : 2px 2px 2px 25px;
	display : block;
	color : #444;
	margin-top : 10px;
}
a.account span
{
	display : block;
	color : #666;
	font-size : 0.9em;
}




#forgotten-password
{
	font-size : 0.8em;
	color : #444;
}
#login-browser-support
{
	font-size : 0.7em;
	color : #666;
	margin-top : 30px;
}


#warning
{
	
}


a.button-wide
{
	border : 0;
	width : 180px;
	height : 30px;
	display : block;
	color : white !important;
	font-weight : bold;
	line-height : 30px;
	text-align : center;
	font-size : 12px;
	font-family : Arial;
	margin-left : 5px;
	text-shadow: #000 1px 1px 1px;	
}

a.button
{
	border : 0;
	width : 120px;
	height : 30px;
	display : block;
	color : white !important;
	font-weight : bold;
	line-height : 30px;
	text-align : center;
	font-size : 12px;
	font-family : Arial;
	margin-left : 12px;
	text-shadow: #000 1px 1px 1px;
}
a.button-wide:hover { color : #eee !important; } 
a.button:hover { color : #eee !important; } 


input.button-wide
{
	border : 0;
	width : 180px;
	height : 30px;
	display : block;
	color : white !important;
	font-weight : bold;
	line-height : 30px;
	text-align : center;
	font-size : 1em;	
	font-family : Arial;
	margin-left : 5px;
	text-shadow: #000 1px 1px 1px;	
}

input.button
{
	border : 0;
	width : 120px;
	height : 30px;
	display : block;
	color : white !important;
	font-weight : bold;
	line-height : 30px;
	text-align : center;
	font-size : 0.9em;	
	font-family : Arial;
	cursor : hand;
	margin-left : 12px;
	text-shadow: #000 1px 1px 1px;
	
}
input.button-wide:hover { color : #eee !important; } 
input.button:hover { color : #eee !important; } 








#signup-disclaimer-ip
{
	font-size : 0.9em;
	color : #666;
	margin : 30px 0px 0px 0px;
	border : dotted 1px #666;
	text-align : center;
	padding : 2px;
	clear : both;
	background : #eee;
}

#signup-disclaimer
{
	font-size : 0.9em;
	color : #666;
	margin : 30px 0px 0px 0px;
	border : dotted 1px #666;
	text-align : center;
	padding : 2px;
	clear : both;
	background : #eee;
}
#app-reference-code
{
	background : #f2f2f2; 
	margin: 10px; 
	margin-left:30px; 
	font-size : 1.5em;
	font-weight : bold;
	text-align:center; 
	width: 100px; 
	padding:2px; 
	border : dotted 1px #aaaaaa;
}




















#broadband-signup
{
	width : 800px;
	margin : 0 auto;
	margin-top : 20px;
	margin-bottom : 20px;
}
#broadband-signup fieldset
{
	margin : 10px;
	border : solid 1px #ddd;
	padding-bottom  :20px;
}
#broadband-signup ul
{
	margin-top : 20px;
}
#broadband-signup li
{
	height : 30px;
}
#broadband-signup li.button
{
	padding-left : 200px;
}

#broadband-signup li label
{
	width : 220px;
	font-size : 1.1em;
	float : left;
	display : block;
	font-weight : bold;
	text-align : left;
	margin-right : 0px;
	margin-left : 20px;
}

#broadband-signup li.text input
{
	font-size : 1.1em;
	padding : 3px;
	float : left;
	width : 150px;
	display : block;	
	border : solid 1px #999;
}
#broadband-signup li.text input:focus
{
	background : #eee;
	border : solid 1px #bbb;
}
#broadband-signup li.button input
{
	font-size : 1.1em;
	padding : 3px;
	float : left;
	width : 150px;
	display : block;	
}
#broadband-signup h2
{
	text-align : left;
}
#broadband-signup .ErrorText
{
	color : #cc0000;
	margin-left : 20px;
	float : left;
	font-size : 0.9em;
	padding-top : 4px;
}
.ErrorText
{
	color : #cc0000;
	font-size : 0.9em;
}
#referral-terms
{
	font-size : 0.9em;
	color : #555;
}
#referral-terms ul
{
	margin-left : 20px;
	margin-top : -14px;
}
#referral-terms ul li
{
	list-style-type : circle;	
}
#chart-table img
{
	border : solid 1px #3E95BF;
}


#chart-index ul li
{
	background : url(/images/secure/charticon.jpg) no-repeat;
	padding-left : 100px;
}
.menupage
{
	width:250px; 
	background : #eee; 
	margin : 10px; 
	padding : 5px 10px 5px 10px; 
	border : solid 2px #ccc; 
	height : 150px;
	-moz-border-radius-topright: 20px;
	-khtml-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;

	-moz-border-radius-topleft: 20px;
	-khtml-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;

	-moz-border-radius-bottomright: 20px;
	-khtml-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;

	-moz-border-radius-bottomleft: 20px;
	-khtml-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
}
.menupage ul { margin-left : 20px; } 
.menupage ul li{
	padding-bottom : 0px;
}
.menupage ul li a{
	display : block;
	padding : 4px 2px 4px 2px;
	width : 200px;
}
.menupage ul li a:hover{
	display : block;
	background : #aaa;
	color : white;
}

#support_side_menu ul li
{
	padding-bottom : 5px;
	font-size : 1.3em;
}
#support_side_menu ul
{
	margin-bottom : 10px;
}
#browse-kb 
{
	width : 640px;
	margin : 0 auto;
	margin-bottom : 20px;
}
#browse-kb div
{
	width : 160px;
	float : left;
	margin : 8px 10px 0px 0px;
	font-size : 1.2em;
	padding-left : 20px;
	background : url(/images/secure/folder.gif) no-repeat;
}
#alert-list ul
{
	margin : 30px 20px 20px 30px;
}
#alert-list ul li
{
	list-style-type : none;
	margin-bottom : 10px;
}
#alert-list ul li a
{
	display : block;
	width : 200px;
	background : #ddd;
	border : solid 1px #aaa;
	float : left;
	margin : 4px;
	padding : 5px;
}

#article-body ul
{
	margin : 10px 20px 20px 30px;
}
#article-body ul li
{
	list-style-type : circle;
}
#article-body p
{
	font-size : 1em;
}
#article-body {
	font-size: 1.2em;
	color : #5B5745;
}