/********************************************************
START YAHOO CSS
/********************************************************

/********************************************************
  Copyright (c) 2006, Yahoo! Inc. All rights reserved.
  Code licensed under the BSD License:
  http://developer.yahoo.net/yui/license.txt
  Version: 0.11.3
********************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
{
 margin:0;
 padding:0;
}
table
{
 border-collapse:collapse;
 border-spacing:0;
}
fieldset,img
{
 border:0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
 font-style:normal;
 font-weight:normal;
}
ol,ul
{
 list-style:none;
}
caption,th
{
 text-align:left;
}
h1,h2,h3,h4,h5,h6,th,td,input
{
 font-size:100%;
}
q:before,q:after
{
 content:'';
}
abbr[title],acronym[title]
{
 border:0;
}

/********************************************************
END YAHOO CSS
/********************************************************


/********************************************************
START MAIN.CSS 
********************************************************/

body, html
{
	margin: 0; 
	padding: 0; 
    font-family: arial, verdana, sans-serif; 
    font-size: 1em;
    color: #4d4d4d;
    background:  #fff url("images/assessment/framework-body-background.gif")  0 0 repeat-x;
}

h1 {font-size: 1.2em; color: #3c7599; margin: 0px 0px 10px 0px;}

h2 {font-size: 1em; color: #3c7599; margin: 0 0 6px}

h3 {font-size: 0.85em}

h4 {font-size: 0.85em}

h5 {font-size: 2.2em; font-weight: normal}

a {outline: none; color: #3c7599;}

.sys_clear
{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
}


.sys_SystemWrapperLevelOne {background:  #fff url("images/assessment/framework-body-background.gif")  0 0 repeat-x; margin: 0; padding: 0; }

.sys_SystemWrapperLevelTwo {
	margin: 0 auto;
	padding: 17px 0 0;
	text-align: center;
	background:  url("images/assessment/framework-top-edge.gif") 0 0 no-repeat;
	width: 1004px;
}

.sys_SystemWrapperLevelThree {
	margin: 0;
	padding: 0;
	background: #fff url("images/"); 0 0;
	text-align: left;
}

.sys_SystemLeftEdging {
	width: 12px;
	height: 834px;
	background: #fff url("images/assessment/framework-left-edge.gif"); 0 0 no-repeat;
	float: left;
}
.sys_SystemRightEdging {
	width: 12px;
	height: 834px;
	background: #fff url("images/assessment/framework-right-edge.gif"); 0 0 no-repeat;
	float: left;
}

.sys_SystemHeaderNavigation {
	clear: both;
	float: right;
	text-align: right;
	margin: 84px 0 14px 0;
	padding: 0;
	font-size: 0.8em;
}
.sys_SystemHeaderBuyOnlineText {
	clear: both;
	float: right;
	text-align: right;
	font-size: 1.4em;
	width: 90%; 
	padding: 4px 40px 2px 0;
	background:  url("images/assessment/telephone_icon.gif") right 2px no-repeat;
}
.sys_SystemHeaderNavigation ul.sys_simpleListMenu {
	margin: 0;
	padding: 0;
}	
.sys_SystemHeaderNavigation ul.sys_simpleListMenu li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	/* line-height: 1em; */
}
.sys_SystemHeaderNavigation ul.sys_simpleListMenu li.sys_last {
	padding-right: 0;
}
.sys_SystemHeaderNavigation ul.sys_simpleListMenu li a {
	color: #4d4d4d;
	text-decoration: none;
	padding: 0 6px;
	border-right: 1px solid #4d4d4d;
	margin: 0;
}
.sys_SystemHeaderNavigation ul.sys_simpleListMenu li.sys_last a {
	border-right: 0;
	padding-right: 0;
}
.sys_SystemHeaderNavigation ul.sys_simpleListMenu li a:hover {
	text-decoration: underline;
}

/* Site Main Content Area */
.sys_SystemContentAreawrapper {width: 980px; float: left; background: #fff;}
.sys_SystemHeaderContentArea {
	background: #fff url("images/assessment/PAL_logo.jpg") 4px 16px no-repeat;
	height: 164px;
	border-bottom: 3px solid #4d4d4d;
	padding: 0 16px;	
}
.sys_SystemMainContentArea {
	background: #fff;
	text-align: left;
	padding: 10px 20px;
	font-size: 0.8em;
}


/* Site Footer areas */
.sys_PrimaryaryFooterArea {}
.sys_footerwrapper {
	clear: both;
	margin: 0;
	padding: 0 19px 0 19px;
	font-size: 0.7em;
	color: #fff;
}
.sys_footerleft {
	float: left;
	width: 8px;
	background:  #fff url("images/assessment/background-footer-left.gif") 0 0 no-repeat;
	height: 71px;
}
.sys_footercontent {
	float: left;
	background:  #fff url("images/assessment/background-footer-content.gif") 0 0 repeat-y;
	width: 923px;
	height: 71px;
}
.sys_footerright {
	float: left;
	background:  #fff url("images/assessment/background-footer-right.gif") 0 0 no-repeat;
	width: 8px;
	height: 71px;
}
.sys_FooterInnerLeft {
	float: left;
	width:680px;
	width:686px;
	padding: 4px 0 0 10px; 
} 
.sys_FooterRowOne {
	padding: 0 0 10px;
} 
.sys_FooterRowOne ul {
	margin: 0;
	padding: 10px 0 0;
}
.sys_FooterRowOne ul li {
	float: left;
	list-style: none;
	padding: 0 8px 0 0;
}
.sys_FooterRowOne ul li a {
	color: #fff;
	border-right: 1px solid #fff;
	padding: 0 8px 0 0;
	text-decoration: none;
} 
.sys_FooterRowTwo {
	clear: left;
}
.sys_FooterRowTwo p {margin: 0;} 
.sys_FooterInnerRight {
	float: right;
	width:214px;
	height: 70px;
} 
.sys_FooterInnerRight .sys_logo {
	width: 162px;
	height: 32px;
	background: url("images/assessment/logo_psychcorp.gif") 0 0 no-repeat; 
	margin: 25px auto 0 auto;
}

/*== Footer popup intenational Offices box [control] ==*/


.sys_InternationalOffices {
	float: right; 
	width: 225px;
	/*background: #dbdbdb;*/
	position: relative;
}

.sys_InternationalOffices img {
	padding-left: 6px
}

.sys_FooterRowOne span.sys_LinksDropDown-text {
	display: block;
	width: 170px;
	float: left;
	vertical-align: top;
	background: #dbdbdb;
	padding: 0 8px;
	padding	0;
	color: #6f6f6f;
	line-height: 22px;
	border-right: 1px solid #6f6f6f;
	font-weight: 700;
}
ul.sys_LinksDropDown-items {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	background: #dbdbdb;
	background: #ebebeb;
	width: 225px;
	border-bottom: 1px solid #6f6f6f;
}
ul.sys_LinksDropDown-items li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.sys_LinksDropDown-items li a {
	color: #6f6f6f;
	text-decoration: none;
	display: block;
	padding: 4px 10px;
}
ul.sys_LinksDropDown-items li a:hover {
	color: #3c7599;
	text-decoration: underline;
	background: #cecdcd;
}




/********************************************************
 END MAIN.CSS
********************************************************/



/********************************************************
START ECOMMERCE STYLES
********************************************************/

#column1 {width:245px; float:right;}

#column2 {width:740px; float:left;}

.selected ul li a
{
	font-weight:normal;
	line-height:1.4em;
	padding:0.3em 0;
	margin:0;
}
.selected ul
{
	padding:0.5em 0;
	display:block !important;
}

.where-to-form input {margin-bottom:20px;}
h3.error {font-size:1.5em; color:#C1090D;}

/* 14. forms*/
.form-text-box label {float: left; width: 150px; padding-right: 20px;}
.form-text-box br {clear:both; }

/* header row SINGLE COLOUR STYLE */
table.singlecolour {border: 1px solid #848484; width: 100%; padding: 5px;}
table.singlecolour th
{
	background-color: #ecf8f2;
	text-align: left;
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; 
	font-weight: bold;
	padding: 5px;
}

/* cell content  */
table.singlecolour td
{
	padding: 5px;
	border-right: 1px solid #ccc; 
	border-top: 1px solid #ccc;
}

table th.title {width: 420px;}
table th.price {width: 90px; text-align: center;}
table th.vat {width: 90px; text-align: center;}
table th.quantity {width: 90px; text-align: center;}
table th.approval {width: 90px;}
table th.remove {width: 90px; color: #CC0000; text-align: center;}
table th.total {width: 90px; text-align: center;}
	
table td.title {text-align:left;}
table td.quantity input {border:1px solid #0e2861; background-color:#edf1f8; width:20px;}
table td.remove input {}
table td.checkbox input {}
table td.price, table td.vat, table td.quantity, table td.remove {text-align: center;}
table td.total {background-color:#e6edfa; border-right:none; border-top: 1px solid #ccc; font-weight: bold; text-align: center;}

/*  after the basket tables  */

/*  promo codes  */

#small-subtotal {width: 240px; padding:4px;}
#promocode 
{
	float: right;
	padding: 3px 0px 15px 0px; 
	margin: 10px 20px 5px 0px; 
}

.promo-inner {width: 700px;}
.promo-inner .warning {font-weight: bold; color: #82242C; }

/*  addition button */
#recalc {width: 240px;  border-top: none; vertical-align:text-top; text-align:center; margin-bottom:10px;  }
span.small-subtotal { padding-right:35px;}

/*  subtotal  */
#subtotal {
	background-color:#fffde0;
	position:relative;
	padding: 5px;
	float:right;
	width: 240px; 
	line-height: 1.2em;
}
	
#subtotal input {padding: 4px 20px 5px 20px;}

span.costtype
{
	float: left;
	width: 130px;
	padding-right: 15px;
	font-weight: bold;
	text-align: right;
	line-height:1.8em;
} 
span.amount {line-height:1.8em;  font-weight: bold;}

span.totalcost
{
	float: left;
	width: 130px;
	padding-right: 15px;
	font-weight: bold;
	text-align: right;
	line-height:1.8em;
} 
 
#subtotal br { clear:both;  }

#clear {clear:both;}

#checkout {border-bottom:1px solid #ccc; padding: 10px; }

#checkout input {}

fieldset.warning {padding: 10px; margin-bottom: 10px; width: 550px; }
fieldset.warning legend {font-weight:bold; font-size:15px; color:#82242C; background: #FFF;}

fieldset.information {padding: 10px; margin-bottom: 10px; width: 550px;}
fieldset.information legend {font-weight:bold; background: #FFF;}

#ecomm {padding-top:15px;}
#ecomm input { background-color:#E8F0FF;}
#ecomm fieldset {padding: 20px 0px 10px 20px; border: 1px solid #ccc;  margin-bottom:5px;}
#ecomm legend {font-weight:  bold; color: #fff;  background: #3c7599; margin: 2px 2px 5px 2px; padding: 2px 5px 2px 5px; border: 1px solid #858a86;}
#ecomm HR { width: 300px;}
#ecomm HR.wide { width: 530px;}

#basket-2007 fieldset {padding: 20px 0px 10px 20px; border:none; margin-bottom:5px;}
#basket-2007  legend {color: #000; background: #FFF; margin: 2px 2px 0px 2px; border:none; border-bottom: 1px solid #858a86;}

#instruction { padding: 5px;}
#instruction ul {margin-left:20px; margin-bottom: 0px; list-style: circle}
/*input { background-color:#E8F0FF;}*/
select { background-color:#E8F0FF;}

#emptybasket {margin: 0px 0px 20px 0px;}
#emptybasket fieldset {width:300px; margin: 0px; padding: 0px;} 
#emptybasket fieldset legend {font-weight: bold; color:#3c7599; text-decoration: none; border: 0px; margin: 0px; padding: 0px; background: #FFF;}
#emptybasket input { background-color:#ffe7e7;  margin:2px; padding:4px 22px 5px 22px; border-top: 2px solid #df9999; border-left: 2px solid #df9999;  border-bottom: 2px solid #953737; border-right: 2px solid #953737;}

#payment-types {margin: 20px 0px 20px 0px;}
#payment-types fieldset{width:400px; margin: 20px 0px; padding: 0px;}
#payment-types fieldset legend {text-decoration: none; font-weight: bold; color:#3c7599; border: 0px; margin: 0px; padding: 0px; background: #FFF;}

.basketinfo {width: 650px;}

#row {padding: 3px 0px 3px 0px;}
#row-req { padding: 3px 0px 3px 0px; color: #AC2427;}
#row-req input {border: 1px solid #AC2427; background-color:#ffe2e2;}
#row-req select {border: 1px solid #AC2427; background-color:#ffe2e2;}
#row-center { padding: 3px 0px 3px 0px; text-align:center;}
#row-right { padding: 3px 0px 3px 0px; text-align:right;}
#row-error { padding: 3px 0px 3px 0px; color: #F00; font-weight: bold;}
#submit { padding: 3px 0px 3px 0px; text-align:center;}
#pad { padding: 10px 0px 10px 0px; text-align: left; }
#fieldinfo {padding-left: 170px; font-size: 11px;}
#fieldinfo-req {padding-left: 170px; color: #AC2427;}

#red fieldset {width: 700px; margin-top: 30px;}
#blue fieldset {width: 700px; margin-top: 30px;} 
#red fieldset legend {background-color: #3c7599; color: #fff; margin-bottom: 0px;}
#blue fieldset legend {background-color: #3c7599; color: #fff;}
 
#smallfield fieldset { width: 400px; padding: 20px 0px 10px 20px; border: 1px solid #f00;}
 
#textboxes label{
float: left;
width: 150px;
padding-right: 20px;
font-weight: bold;
text-align: right; }

#textboxes-wide label{
	float: left;
	width: 200px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right; }
	
#textboxes-narrow label{float: left; width: 70px; padding-right: 0px; font-weight: bold; text-align: left; }
#textboxes-medium label{float: left; width: 100px; padding-right: 0px; font-weight: bold; text-align: left; }

.errortext{color:#FF0000; font-weight: bold;}

#checkboxes input{clear: both; float: left; width: 30px;	padding-right: 20px; font-weight: bold;	background-color:#fff; text-align: right; }
	
#checkboxes-center input{
	float: left;
	width: 30px;
	padding-right: 20px;
	margin-left: 100px;
	font-weight: bold;
	background-color:#fff;
	text-align: right; 
	}	
 
#row-but { padding: 5px 0px 5px 0px;}

#right 
{
	position:relative;
	border: 0px solid #000;
	padding: 5px 200px 5px 5px;
    float: right; 
    width: 270px; 
}

#right label
{
	float: left;
	width: 100px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right; 
}

#left 
{
	border: 0px solid #000; 
	padding: 5px 0px 5px 5px; 
	width: 270px; 
}
#left.nleft 
{
	border: 0px; 
	padding: 0px; 
	width: 130px; 
	margin-left:5px;
}

#left label
{
	float: left;
	width: 100px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
}

#clear {clear:both;}
#caption {background-color:#000066; color: #fff; text-align:left; padding: 4px; font-weight:bold;}

.grid table th { text-align: center; font-weight:bold; color:#000066; border-bottom: 2px solid #ddd;}
.grid td { border-bottom: 1px solid #e6e6e7; padding: 4px 4px 4px 4px;}
.grid {border: 1px solid #ccc; }
.grid table {width: 500px; }
.grid table  td{ padding: 5px; text-align:left;border-left: 1px solid #ccc;}
.completeButton 
{ font-weight: bold;
 color: Maroon;}

.licencebox{
border-right: thin inset; 
border-top: thin inset; 
float: none; 
overflow: auto; 
border-left: thin inset; 
width: 95%; 
border-bottom: thin inset; 
height: 240px; 
text-align: left}

#econtain {margin-top:30px;}

.CheckoutStages{font-size: 0.8em;}
.CompletedStage {padding: 3px;}
.CurrentStage {padding: 3px; text-decoration: underline;} /* background: #696969; color: #FFF; */
.CheckoutStage {padding: 3px;}
.CompletedDivider {}
.CurrentDivider {}
.StageDivider {}

/* Tooltip used on basket */
a.tooltip {}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:36px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #000; background:#ffffcc; width:150px;}
a.tooltip:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000; overflow:hidden; z-index:100;}
a.tooltip:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffffcc; overflow:hidden; z-index:100;}

.boxline
{
	clear: both;
	width: 100%;
	padding: 20px 0px 0px 0px;
}

.boxline_left
{
	clear: both;
	width: 640px;
	padding: 20px 0px 0px 0px;
}

.basketbox
{
	width: 300px;
	float: left;
	padding: 0px 10px;
}

.basketbox_300
{
	width: 300px;
	float: right;
	padding: 0px 10px;
}

.basketbox_620
{
	width: 620px;
	float: right;
	padding: 0px 10px;
}

.basketbox .total, .basketbox_300 .total, .basketbox_620 .total
{
	font-weight: bold;
	font-size: large;
}

.findoutmore
{
	width: 280px;
	height: 100px;
}

.paymenttypes
{
	width: 600px;
	height: 50px;
}

span.column1
{
	clear: both;
	float: left;
	width: 140px;
	text-align: left;
}

span.column2
{
	float: left;
	width: 110px;
	text-align: left;
}


.blueheader
{
	padding: 8px 20px;
	background: #FFF url(images/assessment/basket/bluebox_header.gif) top left;
	font-weight: bold;
	color: #FFF;
}

.bluemid
{
	padding: 10px 20px;
	background: #FFF url(images/assessment/basket/bluebox_midsection.gif) bottom left;	

}

.bluemid ul
{
	list-style: none;
	margin-bottom:5px;
}

.bluemidcentre
{
	padding: 10px 20px;
	background: #FFF url(images/assessment/basket/bluebox_midsection.gif) bottom left;	
	text-align: center;
}

.bluefooter
{
	padding: 10px 20px;
	background: #FFF url(images/assessment/basket/bluebox_footer.gif) bottom left;		
}

.bluefootercenter
{
	padding: 10px 20px;
	background: #FFF url(images/assessment/basket/bluebox_footer.gif) bottom left;		
	text-align: center;
}

.blueheader_620 {padding: 8px 20px; background: #FFF url(images/assessment/basket/bluebox_header_620.gif) top left;	font-weight: bold; color: #FFF;}
.bluemid_620 {padding: 10px 20px; background: #FFF url(images/assessment/basket/bluebox_midsection_620.gif) bottom left;}
.bluemid_620 ul {list-style: none; margin-bottom:5px;}
.bluemidcentre_620 {padding: 10px 20px; background: #FFF url(images/assessment/basket/bluebox_midsection_620.gif) bottom left;	text-align: center;}
.bluefooter_620 {padding: 10px 20px; background: #FFF url(images/assessment/basket/bluebox_footer_620.gif) bottom left;}
.bluefootercenter_620 {padding: 10px 20px; background: #FFF url(images/assessment/basket/bluebox_footer_620.gif) bottom left; text-align: center;}

.greenheader
{
	padding: 8px 20px;
	background: #FFF url(images/assessment/basket/greenbox_header.gif) top left;
	font-weight: bold;
	color: #FFF;
}

.greenmid
{
	padding: 10px 20px;
	background: #FFF url(images/assessment/basket/greenbox_midsection.gif) bottom left;	

}

.greenmid ul
{
	list-style: none;
	margin-bottom:5px;
}

.greenmidcenter
{
	padding: 10px 20px;
	background: #FFF url(images/assessment/basket/greenbox_midsection.gif) bottom left;	
	text-align: center;
}

.greenfooter
{
	padding: 10px 20px;
	background: #FFF url(images/assessment/basket/greenbox_footer.gif) bottom left;		
}

.greenfootercenter
{
	padding: 10px 20px;
	background: #FFF url(images/assessment/basket/greenbox_footer.gif) bottom left;		
	text-align: center;
}

input
{
	padding: 3px 8px;
}

.green_button, .green_checkout
{
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	background: url(images/assessment/basket/button_green.gif);
	border: 0px;
	width: 200px;
	height: 36px;
	text-align: left;
}

.green_button:hover, .green_checkout:hover
{
	background: url(images/assessment/basket/button_green_over.gif);
}

.blue_button, .blue_recalcbutton, .blue_emptybutton, .blue_emailbutton
{
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	background: url(images/assessment/basket/button_blue.gif);
	border: 0px;
	width: 200px;
	height: 36px;
	text-align: left;
}

.blue_button:hover, .blue_recalcbutton:hover, .blue_emptybutton:hover, .blue_emailbutton:hover
{
	background: url(images/assessment/basket/button_blue_over.gif);
}

.blue_smallbutton
{
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	background: url(images/assessment/basket/button_blue_sml.gif);
	border: 0px;
	width: 80px;
	height: 36px;
	text-align: center;
}

.blue_smallbutton:hover
{
	background: url(images/assessment/basket/button_blue_sml_over.gif);
}

.blue_largebutton
{
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	background: url(images/assessment/basket/button_blue_lrg.gif);
	border: 0px;
	width: 263px;
	height: 36px;
	text-align: center;
}

.blue_largebutton:hover
{
	background: url(images/assessment/basket/button_blue_lrg_over.gif);
}

.green_smallbutton
{
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	background: url(images/assessment/basket/button_green_sml.gif);
	border: 0px;
	width: 80px;
	height: 36px;
	text-align: center;
}

.green_smallbutton:hover
{
	background: url(images/assessment/basket/button_green_sml_over.gif);
}

.green_largebutton
{
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	background: url(images/assessment/basket/button_green_lrg.gif);
	border: 0px;
	width: 263px;
	height: 36px;
	text-align: center;
}

.green_largebutton:hover
{
	background: url(images/assessment/basket/button_green_lrg_over.gif);
}

.PromoTextBox input
{
	padding:3px 0px 0px 3px; 
	height: 32px; 
	width: 100px;
}

/********************************************************
END ECOMMERCE STYLES
********************************************************/




/********************************************************
START MY ACCOUNT STYLES
********************************************************/

.my_ac_login h2 {margin-top: 10px; margin-bottom:30px;}
.my_ac_home h2{color: #3c7599; padding: 0px 15px 30px 15px; font-size: large;}

#my_ac_pane{width:760px;padding:20px;}
#my_ac_pane h3 {margin-top:0px; font-size:1.1em;}

#my_ac_pane input{padding: 2px 8px;}

/* for the my ac home page */
.my_ac_box
{
	width: 340px;
	height: 165px;
	float: left;
	padding:10px;
	border:1px solid #eee;
	margin:5px;
	color: #000;
}

.my_ac_box:hover {}

.my_ac_online {}
.my_ac_school {}
.my_ac_control {}
.my_ac_contact {}

#column2 .link_list ul li {margin-left:40px; margin-bottom: 0px; list-style: circle}
.link_list ul li a {}

.my_ac_clear {clear:both;}

.my_ac_login {}
.my_ac_login h2 {color: #3c7599; padding: 15px 15px 0px 15px; font-size: large;}
.my_ac_login fieldset {width:470px; border:1px solid #ccc; padding: 0px 20px 20px 20px; color: #000;}
.my_ac_login fieldset p {}
.my_ac_login legend {border:1px solid #ccc; padding:4px; background: #e8f0ff;}

.my_ac_order {}
.my_ac_order table {width:600px; border:1px ridge #ccc;}
.my_ac_order table th {text-align:center;background-color:#FBFDDF;}
.my_ac_order table td {text-align:center;padding:3px;}
.my_ac_order table tr.alt td {background-color:#E2EFFA;}

.my_ac_orderinfo p, .my_ac_orderinfo h2,
.my_ac_order p, .my_ac_order table
{margin-top: 10px;}

.my_ac_orderinfo {}
.my_ac_orderinfo table.summary {width:600px; border:1px ridge #ccc;}
.my_ac_orderinfo table.summary th {text-align:center;background-color:#ffe5d6;}
.my_ac_orderinfo table.summary td {text-align:center;padding:3px;}
.my_ac_orderinfo table.summary tr.alt td {background-color:#E2EFFA;}

.my_ac_orderinfo table.titles {width:600px; border:1px ridge #ccc;}
.my_ac_orderinfo table.titles th {background-color:#FBFDDF;text-align:center;}
.my_ac_orderinfo table.titles td {padding:3px;text-align:center;}
.my_ac_orderinfo table.titles tr.alt td {background-color:#E2EFFA;}
.my_ac_orderinfo table.titles th.title  {background-color:#FBFDDF;text-align:center;}
.my_ac_orderinfo table.titles td.title  {padding:3px;text-align:left;}

.my_ac_orderinfo table.totals {width:280px; margin-left:320px; border:1px ridge #ccc;}
.my_ac_orderinfo table.totals th {}
.my_ac_orderinfo table.totals td {padding:3px;}
.my_ac_orderinfo table.totals .grand {font-weight:bold;}

#caption {padding:4px; font-weight:bold;}

.progressbackgroundfilter
{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	/*margin: -150px 0 0 -50px;*/
	background-color:White;
	filter: alpha(opacity=30);
	opacity: 0.3;
	z-index:1000;
}

.progressmessage
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-200px;
	margin-top:-100px;
	width: 400px;
	height: 200px;
	border: solid 2px #000;
	/*padding: 5px 5px 5px 5px;*/
	background-color: White;
	z-index: 1001;
}

.progressmessage p
{
	text-align:center;	
}

/****************************************************
------------- START TABS STYLES --------------------
*****************************************************/

.SubNavigationTabs
{
	width: 100%;
	height: 27px;
	border-bottom: 3px solid #253779;
}

.Tab,
.Tab_Selected
{
    float: left;
	font: bold 100% Arial, Helvetica, sans-serif;    text-align: center;	
    margin-right: 5px;
}

.TabLogout
{
    float: right;
    font: bold 100% Arial, Helvetica, sans-serif;	
    text-align: center;
}

.Tab a, .Tab a:active, .Tab a:visited
{
    text-decoration: none;
    border: 3px solid #5e6da5;
    border-bottom: none;
    background: #5e6da5 url(images/assessment/tile_darkblue.gif) bottom repeat-x;
    color: #fff;
    display: block;
}

.Tab a:hover,
.Tab_Selected a:hover
{
	border: 3px solid #5e6da5;
	border-bottom: none;
	background: url(images/assessment/tile_lightblue.gif) repeat-x;
    color: #253779;
}

.Tab_Selected a, .Tab_Selected a:active, .Tab_Selected a:visited
{
    text-decoration: none;
    border: 3px solid #999;
    border-bottom: none;
    background: #999 url(images/assessment/tile_darkgrey.gif) bottom repeat-x;
    color: #FFF;
    display: block;
}

.TabLogout a, .TabLogout a:active, .TabLogout a:visited
{
    text-decoration: none;
    border: 3px solid #5e6da5;
    border-bottom: none;
    background: #5e6da5 url(images/assessment/tile_darkblue.gif) bottom repeat-x;
    color: #fff;
    display: block;
}

.TabLogout a:hover
{
	border: 3px solid #5e6da5;
	border-bottom: none;
	background: url(images/assessment/tile_lightblue.gif) repeat-x;
    color: #253779;
}

.Tab span,
.Tab_Selected span,
.TabLogout span
{
    padding: 4px 10px;	
    display: block;
}

/****************************************************
------------- END TABS STYLES --------------------
*****************************************************/
/****************************************************
------------- START TPC MY DETAILS STYLES --------------------
*****************************************************/
	
.textboxes LABEL
{
    PADDING-RIGHT: 20px;
    margin-top: 3px;
    FLOAT: left;
    WIDTH: 160px;
    TEXT-ALIGN: left;
}

.radio LABEL
{
    PADDING-RIGHT: 0px;
    margin-top: 3px;
    FLOAT: left;
    WIDTH: 90px;
    TEXT-ALIGN: left;
}

.row
{
	clear: both;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
}
/****************************************************
------------- END TPC MY DETAILS STYLES --------------------
*****************************************************/
/****************************************************
------------- START ORDER HISTORY STYLES --------------------
*****************************************************/

.MyAccountGrid
{
    clear: both;
    margin-top: 20px;    
}

table.MyAccountGrid
{
    border: 1px solid;
    border-collapse: collapse;	
    width:100%; 
    text-align: center;
}

table.MyAccountGrid th
{

	background: #d3d3d3;
	border-style: none;
	border: 1px solid;
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.MyAccountGrid td
{
	border-style:none;
	border: 1px solid;
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}




.MyAccountGridSelectedRow
{
    /*LightGreen*/
    background-color:#90ee90;
}

.MyAccountGridAlternate
{
    /*Whitesmoke*/
    background-color:#f5f5f5;
}


.MyAccountPager, .MyAccountPager td
{
    border-color:  #808080; 
    font-weight: bold;
    background-color: #808080;
    text-align: center;
}

/*
.MyAccountPager a:link, .MyAccountPager a:active, .MyAccountPager a:hover, .MyAccountPager a:visited

{
    border-style: none;
    border-width: 0px;
}
*/

.MyAccountPager span
{
    color:ButtonFace ;
    font-weight: bold;
}

.MyAccountFilters
{
    width:100%;
}

.MyAccountFilters fieldset
{
    border: 1px solid #C0C0C0;
    height: 140px;
    margin: 5px 0px 5px 0px;
}

.MyAccountFilters .pad10
{
    padding: 10px;
}

.MyAccountFilters .FilterTextBox
{
    width:120px;
}

.filter1
{
    float: left;
    width: 60%;    
}

.filter2
{
    float: right;
    width: 38%;
}

.AjaxDateTextBox
{
    width:70px;
}

/****************************************************
------------- END ORDER HISTORY STYLES --------------------
*****************************************************/
/* default home login page */
.my_ac_tpc h3 { color:#3A84AB; text-align:left;margin-top:0px;font-size:100%;}
.my_ac_tpc ul { margin-left:40px; margin-bottom:10px; list-style:circle;}
.my_ac_tpc ol {  margin-left:40px; margin-bottom:10px; list-style:decimal;}
.my_ac_tpc a:hover{ background-color:#478ABC; color:#fff;}
.my_ac_tpc strong{font-weight:bold;}

/********************************************************
END MY ACCOUNT STYLES
********************************************************/