/* Styles taken from main.css */

body
{
	background-color: #FFFFFF;
}

body, td, th
{
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #485168;
	line-height: 1.6em;
}

.normaltext 
{
	color: #485168;
}

.small 
{ 
	font-size: 10px; 
}

.smallnospacing
{
	font-size: 10px;
	line-height: 1em;
}

.sidelink
{
	font-weight: normal;
	text-decoration: underline; 
	color: #485168;
}

.sidelink:hover
{
	font-weight: normal;
	text-decoration: none;
	color: #485168;
}

.menu
{
	font-weight: normal;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #485168;
}

.menu:hover
{
	font-weight: normal;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #A9BDC0;
}

.submenu
{
	font-weight: normal;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

.submenu:hover
{
	font-weight: normal;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	text-decoration: underline;
	color: #FFFFFF;
}

input, textarea, select
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #485168;
}

/* Styles taken from buy.css */

a { font-weight: bold; text-decoration: none; color: #CC3300; }
a:hover { font-weight: bold; text-decoration: underline; color: #CC3300; }
li { color: #CC3300; }
.red { color: #CC3300; }

/* ===================================== */
div.padding
{
	height: 200px ;
}

h1, h2
{
	color: #CC3300 ;
}

h1
{
	font-size: 14pt ;
}

h2
{
	font-size: 12pt ;
}

#valSummary li, .valSummary li
{
	color: Red ;
}

div.buttons
{
	text-align: right ;
}

div.imageTitle
{
	background-color: #CC3300 ;
	padding: 4px ;
	margin-bottom: 10px ;
}

a.small
{
	padding-left: 10px;
	vertical-align: super;
	font-style: italic;
	text-decoration: underline;
}

div.form {
    width: 100% ;
    color: #485168 ;
}

hr
{
	border-bottom: solid 1px white ;
	border-left: solid 1px white ;
	border-right: solid 1px white ;
	border-top: solid 1px silver ;
}

div.form label,
div.form textarea.textbox,
div.form input.textbox {
    display: block ;
    width: 185px ;
    float: left ;
    margin-bottom: 10px ;
}

div.form input.textbox,
div.form textarea.textbox,
input.txtQuantity
{
	border: solid 1px silver ;
}

div.form label 
{
    text-align: right ;
    width: 150px ;
    padding-right: 20px ;
}


div.form br {
    clear: left ;
}


div.form label.wide {
	width: auto ;
	padding-right: 0 ;
}

/* Area Code CSS*/

div#AreaCodeList
{
	width: 100% ;
	height: 280px ;
	overflow: auto ;
	border: inset 1px gray ;
	margin-bottom: 10px ;
}

div#AreaCodeList div,
div#AreaCodeList input
{
	display: block ;
	float: left ;
}
div#AreaCodeList div
{
	width: 49% ;
	/* padding: 2px ; */
}

div#AreaCodeList label
{
	text-align: left ;
	width: auto ;
	padding: 0 ;
	margin: 0 ;
	cursor: pointer ;
}

div#AreaCodeList div:hover
{
	background-color: Silver ;
}

input.txtQuantity
{
	text-align: right ;
	width: 40px ;
}

tr.gridHeader td, .gridHeader, tr.gridFooter td
{
	font-weight: bold ;
	font-size: 11px;
}

tr.gridHeader td, .gridHeader, tr.gridFooter td
{
	/* color: #CC3300 ; */
}

tr.gridItem td
{
	/* color: #CC3300 ; */
	color: #485168 ;
}

tr.gridFooter td
{
	border-top: solid 1px #DDD ;
	border-bottom: double 3px #DDD ;
}

/* Service Type Selector */

select#ddlServiceType
{
	width: 260px ;
}

select#ddlCountry
{
	width: 260px ;
}

/* Home page stuff */
#home
{
	height: 500px ;
	width: 500px ;
}

div#home div
{
	display: block ;
	float: left ;
	width: 190px ;
	overflow: hidden ;
	border: solid 1px white ;
	margin: 5px ;
	margin-bottom: 30px ;
}

div#home p
{
	padding: 0 ;
	margin: 0 ;
	width: 150px ;
	padding-top: 10px ;
	padding-bottom: 10px ;
}

ul.doclist
{
	list-style: none ;
	margin-left: 0 ;
	padding-left: 0 ;
}

ul.doclist a
{
	padding-left: 20px;
	padding-top: 2px ;
	background: transparent url(../images/icon_msword.gif) no-repeat ;
	background-position: 0 -16px;
}

ul.doclist a:hover
{
	background-position: 0 0;
}

/* Handset page */

div.handset
{
	padding: 0px 3px 3px 3px ;
	margin: 0 0 10px 0;
}

div.handset p
{
	padding: 0 ;
	margin: 0 0 5px 0 ;
}

span.text
{
	float: left ;
	display: block ;
	padding-left: 2px ;
}

div.handset span
{
	display: block ;
	text-align: right ;
}

span.text br
{
	clear: none ;
}

a.editLink
{
	float: right ;
}

div.handset img 
{
	margin: 0 ;
}

div.notes p
{
	margin: 5px ;
}

div.notes span
{
	text-align: right ;
	display: block;
	font-style: italic;
	border-bottom: solid 1px #DDD ;
}



/* ========================================== */

span.inputbutton
{
	height: 29px ;
}

div.buttons span.inputbutton
{
	float: right ;
	padding-left: 5px ;
}

/* Tree Styles */

li.companyType_0 { list-style-type: none ; }
li.companyType_1 { list-style-type: disc ; }
li.companyType_2 { list-style-type: circle ; }
li.companyType_3 { list-style-type: square ; }

li a.False
{
	text-decoration: line-through ;
}

/*
 * --------------------------------------------------------
 * NEW SKIN FROM HERE...
 * --------------------------------------------------------
 */

/* Text Coloring */

span.navText, h1
{
	color: White ;
}

span.navText a
{
	color: White ;
	text-decoration:none;
}

span.navText a:hover
{
	color: White ;
	text-decoration:underline;
}

h2
{
	color: #A9BDC0 ;
}

a, a:hover, li
{
	color: #485168 ;
}

/* Header spacing */

span.navText, h1, h2
{
	margin-left: 13px ;
}

h1
{
	margin-top: 20px ;
	margin-bottom: 10px ;
}

h2
{
	padding: 0 ;
	
	margin-top: 5px ;
	margin-bottom: 13px ;
}

span.headerOptions
{
	display: block ;
	width: 100% ;
	
	background-color: #D7E0E1 ;

	padding-top: 8px ;
	padding-bottom: 8px ;
	padding-left: 13px ;
	padding-right: 13px ;

	margin-bottom: 10px ;
}

table#valSummary td, div#valSummary
{
	padding-left: 13px ;
}

div.buttons
{
	margin-top: 10px ;
	padding-right: 15px ;
}

/* Overrides (from css\customer.css) */
hr
{
	border-top: solid 1px #D7E0E1 ;
}


p.options
{
	padding-left: 13px ;
}

/* IE only hack */
*html h1
{
	margin-top: 0 ;
}

/* Grid Styling */
tr.gridHeader
{
	background-color: #A9BDC0 ;
}

tr.gridHeader td, tr.gridHeader th
{
	color: White ;
}

tr.gridItem
{
	background-color: #E8EDEE ;
}

tr.gridItemAlt
{
	background-color: #F1F4F4 ;
}

tr.gridItem:hover,
tr.gridItemAlt:hover
{
	background-color: Silver ;
}

tr.gridHeader td,
tr.gridItem td,
tr.gridItemAlt td
{
	padding-left: 13px ;
}

/* Area Code List Stuff*/

div#AreaCodeList
{
	width: 99% ;
	border: none ;
	margin-left: 13px ;
}

div#AreaCodeList div:hover
{
	background-color: #D7E0E1 ;
}

/* Thank you page */
div#orderSummary,
div#Content,
div#divCustomer
{
	padding-left: 13px ;
}

/* pdf list */
ul.pdfLinks
{
	list-style: none ;
	margin-left: 20 ;
}

ul.pdfLinks a, a.pdfLink
{
	background: url(./images/icn_pdf.gif) no-repeat 0 -24px ;
	padding-left: 20px ;
	height: 18px ;
	width: 140px;
	/* display: block ; */
}

a.pdfLink
{
	width: auto ;
}

ul.pdfLinks a:hover, a.pdfLink:hover
{
	background-position: 0px 0px ;
}

a.csvLink
{
	padding-left: 19px;
	background: url(./images/icn_csv.gif) no-repeat left bottom;
	border-bottom: none ;
	font-size: 10pt;
}

a.csvLink:hover
{
	background-position: left top;
}

/**/
#ddlTelephoneApplication
{
	font-size: 8pt;
}

div.footerNotice
{
	font-size: 7pt;
	padding: 20px 20px 0 20px;
}

linkra
{
	text-align: right;
}

.pnlError
{
	color:#c05050;
	background-color:#f0c0c0;
	border:1px solid #c05050;
	margin:10px;	
	padding:10px;
}