/* --- dashboard styles --- */

#dashboard {
	width				: 180px;
	margin				: 0 0 0px 0px;
	background-color	: #ebebeb;
	font-family			: verdana, arial;
	font-size			: 9pt;
}

#home #dashboard {
	width				: 230px;
}

#dashboard a {
	text-decoration		: none;
}

#dashboard h2 {
	font-size			: 9pt;
	color				: #333;
	padding-bottom		: 1px;
	margin				: 0 0 1px 0;
	border-bottom		: 1px solid #aaa;
}

#dashboard .gray {
	color				: #999;
}

#dashboard .device {
	font-size			: 8pt;
	padding				: 10px;
	text-align			: left;
}

#dashboard .header {
	background-color	: #fd1921;
	font-weight			: bold;
	text-align			: left;
	color				: #fff;
	height				: 16px;
}

#dashboard .header .hul {
	float				: left;
	background-image	: url(/lib/img/common/myaccountbox/corners.gif);
	background-position	: 0 0;
	background-repeat	: no-repeat;
	width				: 10px;
	height				: 10px;
}

#dashboard .header .hur {
	float				: right;
	background-image	: url(/lib/img/common/myaccountbox/corners.gif);
	background-position	: -10px 0;
	background-repeat	: no-repeat;
	width				: 10px;
	height				: 10px;
}

#dashboard .footer {
	height				: 10px;
}

#dashboard .footer .text {
	position			: relative;
	text-align			: right;
	top					: -5px;
	font-size			: 8pt;
}

#dashboard .footer .text a {
	color				: #fd1921;
}

#dashboard .footer .fll {
	float				: left;
	background-image	: url(/lib/img/common/myaccountbox/corners.gif);
	background-position	: -60px 0 !important;
	background-position	: -60px 4px;
	background-repeat	: no-repeat;
	width				: 10px;
	height				: 10px;
}

#dashboard .footer .flr {
	float				: right;
	background-image	: url(/lib/img/common/myaccountbox/corners.gif);
	background-position	: -70px 0 !important;
	background-position	: -70px 4px;
	background-repeat	: no-repeat;
	width				: 10px;
	height				: 10px;
}

#dashboard #dashinner {
	background-color	: #fff;
	margin				: 5px;
}

#dashboard #dashinner .dashcontent {
	font-size			: 8pt;
	color				: #333;
	padding				: 0 5px 0 5px;
}

#dashboard #dashinner .header {
	background-color	: #fff;
	height				: 10px;
}

#dashboard #dashinner .header .hul {
	background-position	: -80px 0;
}

#dashboard #dashinner .header .hur {
	background-position	: -90px 0;
}

#dashboard #dashinner .footer {
	background-color	: #fff;
}

#dashboard #dashinner .footer .fll {
	background-position	: -100px 0 !important;
	background-position	: -100px 4px;
}

#dashboard #dashinner .footer .flr {
	background-position	: -110px 0 !important;
	background-position	: -110px 4px;
}

/* --- dashboard content styles --- */

#accountMenu {
	width: 12em;
	padding: 0 0 1em 0;
	margin-bottom: 0;
	background-color: #fff;
	color: #333;
}                                               
#accountMenu img {
	float:right;
}
#accountMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
.menul ul {
	border-top: 2px solid #DEDEDE;
}
.menul li {
	border-bottom: 2px solid #DEDEDE;
	padding-top: 3px;
	padding-bottom: 3px;
}
.menul a {
	color: #7c7c7c;
	font-weight: bold;
	text-decoration: none;
}
html>body .hbutton li a {
		width: auto;
		}
		
.hbutton li {
		margin: 0;
		padding: 0px;
		background-image: url(/lib/img/plus/active-icon.gif)  2px 3px no-repeat; 
		background-color: #F5F5F5;
		color: #F00;
		border: 0px;
		border-bottom: 2px dotted #DEDEDE;
}

.arrowHorizontal {
		margin: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		background-image: url(/lib/img/plus/arrows.gif); 
		background-position: 5px 9px;
		background-repeat: no-repeat;
		background-color: #ffffff;
		border: 0px;
}

.arrowDown {
		margin: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		background-image: url(/lib/img/plus/arrows.gif); 
		background-position: 5px -12px;
		background-repeat: no-repeat;
		background-color: #ffffff;
		border: 0px;
}

html>body .arrowDown {
		margin: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		background-image: url(/lib/img/plus/arrows.gif); 
		background-position: 5px -12px;
		background-repeat: no-repeat;
		background-color: #ffffff;
		border: 0px;
}

.accountService {
		margin: 0;
		padding-left: 22px;
		padding-top: 2px;
		padding-bottom: 2px;
		background-image: url(/lib/img/plus/active-icon.gif); 
		background-position: 5px 7px;
		background-repeat: no-repeat;
		background-color: #F5F5F5;
		border: 0px;
		border-bottom: 2px dotted #DEDEDE;
}

.accountNoService {
		margin: 0;
		padding-left: 22px;
		padding-top: 2px;
		padding-bottom: 2px;
		background-image: url(/lib/img/plus/not-active-icon.gif); 
		background-position: 5px 4px;
		background-repeat: no-repeat;
		background-color: #F5F5F5;
		border: 0px;
		border-bottom: 2px dotted #DEDEDE;
}

.trafficTrial {
		margin: 0;
		padding-left: 22px;
		padding-top: 2px;
		padding-bottom: 2px;
		background-image: url(/lib/img/plus/edit-icon.gif); 
		background-position: 5px 4px;
		background-repeat: no-repeat;
		background-color: #F5F5F5;
		color: #000;
		border: 0px;
		border-bottom: 2px dotted #DEDEDE;
}

.accountMore {
		margin: 0;
		padding-left: 6px;
		padding-top: 2px;
		padding-bottom: 2px;
		color: #F00;
		border: 0px;
}

.hbutton ul {
	list-style: none;
	padding: 0px;
	border: none;
}
.hbutton a {
	clear: both;
	padding: 2px 2px 2px 0.5em;
	background-color: #F5F5F5;
	color: #7C7C7C;
	font-weight: normal;
	text-decoration: none;
}


.hbutton a:hover {
	color: #f00;
}

.hiddenPic {display:none;}

a.trafficLinks {
	display: inline; 
	text-decoration: none; 
	font-weight: normal; 
	color: black

}

a.moredb{padding:0;margin-left:2px;padding-left: 13px; color: #ff0000; font-weight:normal; text-decoration: none; background: url("http://plus.tomtom.com/cens/spm/presentation/lib/img/common/redarrow.gif") no-repeat 0px 2px; display:block; clear:both;}
a.moredb:hover{text-decoration:underline;}
a.more{padding:0;margin-left:2px;padding-left: 13px; color: #ff0000; font-weight:normal; text-decoration: none; background: url("http://plus.tomtom.com/cens/spm/presentation/lib/img/common/redarrow.gif") no-repeat 0px 2px; display:block; clear:both;}
a.more:hover{text-decoration:underline;}

/* --- plus specific styles --- */

.boxHeading {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin:0px;
	padding:0px;
	padding-bottom: 4px;
	border-bottom: 4px solid #dedede;
	margin-bottom: 2px;
}

html>body .boxHeading {
	color: #000000;
	font-weight: bold;
	margin:0px;
	padding:0px;
	padding-bottom: 4px;
	border-bottom: 4px solid #dedede;
	margin-bottom: 2px;
}

#memberbar {
	border-top : 3px solid #dedede;
	border-bottom : 1px solid #dedede;
	padding : 3px 0 3px 0;
	margin-bottom : 3px !important;
	margin-bottom : 30px;
}

#content a.lightgrey { color: #999999; ; text-decoration:underline;}
#content a.lightgrey:hover {color:#333333;}

#flashobj { margin-top: 30px;}

.photo{display: block;width:138px;height:auto;_height:225px; min-height:225px;float: left; margin: 0 4px 16px 0 !important; }
.photo div{display: block;width:130px;height:120px;}
.photobig{display: block;width:255px;height:245px;float: left; margin: 0 4px 16px 0; clear: both;border: #F2F2F2 1px solid;  }
.photo p{	margin: 4px 0 0 0; display: block; clear: both; float: none;}