﻿/*

	WikiMash - City Gate implementation stylesheet
	02 January 2008

	Copyright (c) Loyalty Logistix Ltd 2007

*/

.notDisplayed
{
	display: none;
}

.readOnly
{
	background-color: #c0c0c0;
}

body 
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

/*****************************************************************************
 *	Green navigation bar
 *****************************************************************************/
DIV.menu
{
    CLEAR: left;
    BACKGROUND-IMAGE: url(images/layoutitems/mnu_tile_grn.gif);
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 35px
}
DIV.menu IMG.column
{
    MARGIN: 0px;
    WIDTH: 6px;
    HEIGHT: 35px
}
DIV.menu IMG.one
{
    FLOAT: left
}
DIV.menu IMG.three
{
    FLOAT: right
}
DIV.menu UL.two
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 10px;
    WIDTH: 930px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: left
}
DIV.menu UL.two LI
{
    PADDING-RIGHT: 3px;
    BACKGROUND-POSITION: right center;
    PADDING-LEFT: 3px;
    FLOAT: left;
    BACKGROUND-IMAGE: url(images/layoutitems/mnu_spacer_grn.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: auto;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 29px
}
DIV.menu UL.two LI:hover
{
    BACKGROUND-IMAGE: url(images/layoutitems/imgMenuBg.gif);
    BACKGROUND-REPEAT: repeat-x
}
DIV.menu UL.two LI.last:hover
{
    BACKGROUND-IMAGE: url(images/layoutitems/imgMenuBg.gif);
    BACKGROUND-REPEAT: repeat-x
}
DIV.menu UL.two LI.last
{
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: none
}
DIV.menu UL.two LI A.menu
{
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 8px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 10px;
    COLOR: #fff;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}
DIV.menu UL.two LI A.big
{
    font-size: 18px;
    position: relative;
    top: -7px;
}

DIV.menu UL.two LI SPAN.menu
{
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 8px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 10px;
    COLOR: #fff;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}

DIV.menu UL.two LI SPAN.big
{
    font-size: 18px;
    position: relative;
    top: -7px;
}


DIV.menu UL.two_SH
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 10px;
    WIDTH: 910px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: left
}
DIV.menu UL.two_SH LI
{
    PADDING-RIGHT: 3px;
    BACKGROUND-POSITION: right center;
    PADDING-LEFT: 3px;
    FLOAT: left;
    BACKGROUND-IMAGE: url(images/layoutitems/mnu_spacer_grn.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: auto;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 29px
}

DIV.menu UL.two_SH LI.last
{
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: none
}
DIV.menu UL.two_SH LI A.menu
{
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 8px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 10px;
    COLOR: #fff;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}
DIV.menu UL.two_SH LI A.big
{
    font-size: 18px;
    position: relative;
    top: -7px;
}

DIV.menu UL.two_SH LI SPAN.menu
{
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 8px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 10px;
    COLOR: #fff;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}

DIV.menu UL.two_SH LI SPAN.big
{
    font-size: 18px;
    position: relative;
    top: -7px;
}

/*****************************************************************************
 *	Hyperlinks
 *****************************************************************************/

a
{
	color: #457709;
	text-decoration: none;
	text-align: left;
}

a:hover 
{
	color: #70BD0D;
	text-decoration: underline;
}


/*===========================================================================*/
/*                                                                           */
/*  H O M E  P A G E                                                         */
/*                                                                           */
/*===========================================================================*/

.overdue 
{
	color: Red;
	font-weight: bold;
}

.customScrollbar
{
	scrollbar-face-color: #A7D769; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #E0F2C8; 
	scrollbar-darkshadow-color: #4B8209; 
	scrollbar-shadow-color: #70BD0D; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-track-color: #E0F2C8; 
}

span.totalSavingFigure 
{
	background-color: #FFFF9F;
	font-size: 18px;
	padding: 3px 5px 3px 5px;
}

/*****************************************************************************
 *	Calendar
 *****************************************************************************/

/*** appointment request ***/

table.appointmentRequestCalendar
{
	border: solid 1px #999999;
	margin-top: 3px;
}

table.appointmentRequestCalendar td 
{
	padding: 1px 1px 1px 1px;
}

table.appointmentRequestCalendar table.title
{
	background-color: #70BD0D;
	border: solid 0px #ffffff;
}

table.appointmentRequestCalendar th.dayHeader
{
	background-color: #A7D769;
}

/*****************************************************************************
 *	Hyperlinks
 *****************************************************************************/

a.editButton
{
	color: #ffffff;
	text-decoration: none;
	font-size: 9pt;
}

a.editButton:hover 
{
	text-decoration: underline;
}

/*****************************************************************************
 *	Headings
 *****************************************************************************/

h1.welcome
{
	color: #ffffff;
	font-size: 11pt; 
	font-weight: bold;	
	margin-bottom: 5px;
}

span.welcome 
{
	color: #ffffff;
	font-size: 9pt; 
	font-weight: bold;
}

/*****************************************************************************
 *	Divs
 *****************************************************************************/

div.prompt 
{
	position: absolute;
	left: 120px;
	top: 200px;
	width: 400px;
	max-height: 280px;
	border-top: solid 2px #c0c0c0;
	border-left: solid 2px #c0c0c0;
	border-bottom: solid 2px #909090;
	border-right: solid 2px #909090;
	padding: 20px 20px 20px 20px;
	background-color: #ffffc0;
}

div.prompt li
{
	font-weight: bold;
}

#divHomeHeader
{
	width: 933px;
	border: solid 1px #70BD0D;
	background-color: #70BD0D;
	padding: 0px;
	margin-bottom: 0px;
}

div.loyaltyCardDetails
{
	font-size: 8pt;
}

#divLoyaltyCardContactDetails
{
	background-color: #ffffff;
	border-right: dotted 1px #c0c0c0;
	padding: 8px 5px 8px 5px;
}

#divLoyaltyCardVehicleDetails
{
	background-color: #ffffff;
	border-right: dotted 1px #c0c0c0;	
	padding: 8px 5px 8px 5px;	
}

#divLoyaltyCardSecondCardDetails
{
	background-color: #ffffff;
	padding: 8px 5px 8px 5px;
}

/*** Service History ***/

div.serviceHistory
{
	font-size: 8pt;
}

#ctl00_ContentPlaceHolder1_ucLCSH_divServiceHistory
{
	background-color: #ffffff;
	background-image: url(Images/Vehicles/_default/bg1.jpg);
	width: 917px; 
	height: 180px; 
	padding: 0px 0px 0px 3px;
	overflow: auto;
}

/*** Appointment Request ***/

#ctl00_ContentPlaceHolder1_ucAR_divAppointmentRequest
{
	/*width: 600px;*/
	width: 100%;
	height: 376px;
	padding: 12px 0px 0px 0px;
}


div.appointmentRequest
{
	font-size: 8pt;
}

/*** News / Special offers ***/

#divNews
{
	overflow: auto;
	width: 251px;
	height: 174px;	
	border-top: dotted 1px #c0c0c0;
	border-bottom: dotted 1px #c0c0c0;
	padding-top: 15px;
	margin-right: 6px;
}

#divSpecials
{
	overflow: auto;
	width: 251px;
	height: 174px;
	border-top: dotted 1px #c0c0c0;
	border-bottom: dotted 1px #c0c0c0;
	padding-top: 10px;
	margin-right: 6px;
}

/*****************************************************************************
 *	Tables
 *****************************************************************************/

table.loyaltyCardDetails
{
	width: 936px;
	border: solid 0px #c0c0c0;
}

table.loyaltyCardDetails td.header 
{
	width: 33.333%;
	background-color: #A7D769;
	color: #ffffff;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 5px;}

table.loyaltyCardDetails td.footer
{
	background-color: #70BD0D;
	font-size: 8pt;
	padding: 8px 25px 8px 25px;
}

table.loyaltyCardDetails td.footerButtons
{
	border-top: solid 1px #ffffff;
	background-color: #70BD0D;
	text-align: center;
}

/*** Contact details ***/

table.contactDetails 
{
	border: solid 0px #c0c0c0;
	width: 100%;
}

table.contactDetails td
{
	border: solid 0px #c0c0c0;
	vertical-align: top;
	border-top: solid 1px #E7F3D6;
}

table.contactDetails td.title
{
	font-weight: bold;
}

table.contactDetails td span.data input
{
	position: relative;
	top: -3px;
}

table.contactDetails tr.commandRow td
{
	text-align: center;
	display: none;
}

table.contactDetails tr.commandRow a
{
	font-weight: bold;
}

/*** Vehicle details ***/

table.vehicleDetails 
{
	border: solid 0px #c0c0c0;
	width: 100%;
}

table.vehicleDetails td
{
	border: solid 0px #c0c0c0;
	vertical-align: top;
	border-top: solid 1px #E7F3D6;
}

table.vehicleDetails td.title
{
	font-weight: bold;
}

table.vehicleDetails tr.commandRow td
{
	text-align: center;
	display: none;
}

table.vehicleDetails tr.commandRow a
{
	font-weight: bold;
}

/*** Second card details ***/

table.secondCardDetails 
{
	border: solid 0px #c0c0c0;
	width: 100%;
}

table.secondCardDetails td
{
	border: solid 0px #c0c0c0;
	vertical-align: top;
	border-top: solid 1px #E7F3D6;
}

table.secondCardDetails td.title
{
	font-weight: bold;
}

table.secondCardDetails td.input
{
}

table.secondCardDetails tr.commandRow td
{
	text-align: center;
}

table.secondCardDetails tr.commandRow a
{
	font-weight: bold;
}

/*** Service history ***/

table.serviceHistory 
{
	width: 936px;
}

table.serviceHistory td.header 
{
	background-color: #A7D769;
	color: #ffffff;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

table.serviceHistory td.footer
{
	background-color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 0px;
}

table.serviceHistoryGrid 
{
	width: 900px;
	border: solid 0px #c0c0c0;
}

table.serviceHistoryGrid td
{
	border: solid 0px #c0c0c0;
	font-size: 7pt;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px; 
}

table.serviceHistoryGrid tr.header th
{
	border: solid 0px #c0c0c0;
	background-color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	padding-bottom: 0px;
	border-bottom: solid 1px #A7D769;
}

/*** Appointment request ***/

table.appointmentRequest 
{
	width: 611px;
	border: solid 0px #c0c0c0;
	margin-top: 0px;
}

table.appointmentRequest td.header 
{
	background-color: #A7D769;
	color: #ffffff;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

table.appointmentRequest td.title
{
	font-weight: bold;
}

table.appointmentRequest span.title
{
	font-weight: bold;
}

table.appointmentRequest td.input
{
}

/*** News / Special offers ***/

table.newsSpecialsOuter 
{
	margin-top: 0px;
	margin-left: 12px;
	/*height: 469px;*/
}

table.newsSpecialsOuter td.leftBorder
{
	width: 26px;
	background-image:  url(images/layoutitems/border-news-left.gif);
}

table.newsSpecialsOuter td.rightBorder
{
	width: 17px;
	background-image:  url(images/layoutitems/border-news-right.gif);
}

table.newsSpecialsOuter td.bottomBorder
{
	height: 17px;
	background-image:  url(images/layoutitems/border-news-bottom.gif);
}

table.newsSpecialsOuter td.topBorder
{
	height: 17px;
	background-image:  url(images/layoutitems/border-news-top.gif);
	background-position: top;
	background-repeat: repeat-x;
}

table.newsSpecials 
{
	width: 100%;
}

table.newsSpecials td.title
{
	color: #999999;
	font-size: 11pt;
	font-weight: bold;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}

table.news td.bullet 
{
	width: 28px;
	height: 21px;
}

table.news td.textBullet 
{
	display: none;
}

table.news td.item 
{
	padding-bottom: 15px;
}

table.news td.item a
{
	color: #000000;
	font-weight: bold;
}

table.news td.item a:hover
{
	color: #70BD0D;
}

table.specials td.bullet 
{
	width: 28px;
	height: 21px;
}

table.specials td.textBullet 
{
	display: none;
}

table.specials td.item 
{
	padding-bottom: 15px;
}

table.specials td.item a
{
	color: #000000;
	font-weight: bold;
}

table.specials td.item a:hover
{
	color: #70BD0D;
}

/*****************************************************************************
 *	Inputs
 *****************************************************************************/

table.contactDetails input
{
	font-size: 8pt;
	padding-left: 3px;
}

table.contactDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
}

table.contactDetails select
{
	font-size: 8pt;
}

table.vehicleDetails input
{
	font-size: 8pt;
	padding-left: 3px;
}

table.vehicleDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
}

table.secondCardDetails input
{
	font-size: 8pt;
	border: solid 1px #dddddd;
	padding-left: 3px;
}

table.secondCardDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
	border: solid 1px #dddddd;
}

table.appointmentRequestDetails input
{
	font-size: 8pt;
	width: 176px;
	padding-left: 3px;
}

table.appointmentRequestDetails span.radio input
{
	font-size: 8pt;
	width: 30px;
}

table.appointmentRequestDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
}

table.appointmentRequestDetails select
{
	font-size: 8pt;
	background-color: #FFFF9F;
	width: 182px;
}

/*===========================================================================*/
/*                                                                           */
/*  /H O M E  P A G E                                                        */
/*                                                                           */
/*===========================================================================*/


/*===========================================================================*/
/*                                                                           */
/*  E N R O L L M E N T                                                      */
/*                                                                           */
/*===========================================================================*/

div.enrollmentForm 
{
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 8pt;
}

table.panel 
{
	width: 936px;
}

table.panel td.header 
{
	background-color: #A7D769;
	color: #ffffff;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

table.enrollmentFormDetails 
{
	width: 450px;
}

table.enrollmentFormDetails td.header 
{
	color: #A7D769;
	font-size: 16pt;
	font-weight: bold;
	padding-left: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
}

table.enrollmentFormDetails td.title
{
	font-weight: bold;
}

table.enrollmentFormDetails td.input
{
}

table.enrollmentFormDetails input
{
	font-size: 8pt;
	width: 176px;
	padding-left: 3px;
}

table.enrollmentFormDetails textarea
{
	width: 178px;
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
}

table.enrollmentFormDetails select
{
	font-size: 8pt;
	background-color: #FFFF9F;
	width: 184px;
}

/*===========================================================================*/
/*                                                                           */
/*  /E N R O L L M E N T                                                     */
/*                                                                           */
/*===========================================================================*/


/*===========================================================================*/
/*                                                                           */
/*  C H A N G E  P A S S W O R D                                             */
/*                                                                           */
/*===========================================================================*/

/*****************************************************************************
 *	Divs
 *****************************************************************************/

div.changeUsername
{
	font-size: 8pt;
	margin-top: 25px;
	margin-bottom: 25px;
}

div.changePassword
{
	font-size: 8pt;
	margin-top: 25px;
	margin-bottom: 25px;
}

/*****************************************************************************
 *	Tables
 *****************************************************************************/

table.changePasswordDetails td.title
{
	font-weight: bold;
}

table.changePasswordDetails td.input
{
}

table.changeUsernameDetails td.title
{
	font-weight: bold;
}

table.changeUsernameDetails td.input
{
}

/*****************************************************************************
 *	Inputs
 *****************************************************************************/

table.changePasswordDetails input
{
	font-size: 8pt;
	border: solid 1px #dddddd;
	padding-left: 3px;
}

table.changeUsernameDetails input
{
	font-size: 8pt;
	border: solid 1px #dddddd;
	padding-left: 3px;
}

/*===========================================================================*/
/*                                                                           */
/*  /C H A N G E  P A S S W O R D                                            */
/*                                                                           */
/*===========================================================================*/



/*===========================================================================*/
/*                                                                           */
/*  My Contacts                                                              */
/*                                                                           */
/*===========================================================================*/

#divMyContactsHeader
{
	width: 920px;
	background-color: #70BD0D;
	padding: 0px 0px 0px 00px;
	margin-bottom: 12px;
}

#container {

padding: 10px;
overflow: auto;
}

* html #MyContacts-container {
height: 1%;
}

#MyContacts-Text {
float: left;
width: 70%;
padding-top:5px; 
}

#MyContacts-Images {
float: right;
}


.clear { clear: both; }


input.greenButton
{
    background-color:#9acd32;
    border-bottom-style:ridge;
    border-color:White;
    border-width:3px;
    width:150px;       
}


.message {color:Red ; font-weight:bolder;}   





/*===========================================================================*/
/*                                                                           */
/*  /My Contacts                                                             */
/*                                                                           */
/*===========================================================================*/





/*===========================================================================*/
/*                                                                           */
/*  My Messages                                                              */
/*                                                                           */
/*===========================================================================*/
table.MyMessagesGrid
{
    width: 936px;
    border: solid 0px #c0c0c0;
    padding-left:10px; 
}

table.MyMessagesGrid td
{
	border: solid 0px #c0c0c0;
	font-size: 7pt;
	padding-top: 5px;
	padding-bottom: 5px; 
}

table.MyMessagesGrid input.smallGreenButton
{
    background-color: #9acd32;
    color: white;
    font-weight: bold;
    border-bottom-style: ridge;
    border-width: 1px;
    font-size: 7pt;
}

table.MyMessagesGrid tr.header th
{
	border: solid 0px #c0c0c0;
	background-color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	padding-bottom: 3px;
	border-bottom: solid 1px #A7D769;
}

table.MyMessagesGrid tr.detail
{
    border: solid 0px #c0c0c0;
    background-color: #ffffff;
    text-align: left;
}

table.MyMessagesGrid tr.detailSelected
{
    border: solid 0px #c0c0c0;
    background-color: #70BD0D;
    text-align: left;
    font-weight: bold;
    color: white;
}

table.MyMessagesGrid tr.alternateDetail
{
    border: solid 0px #c0c0c0;
    background-color: #ccff99;
    text-align: left;
}


table.MyMessagesGrid caption
{
    font-size: larger;
    vertical-align: top;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}


/*** Message details ***/

table.messageDetails
{
    width: 920px;
    padding-left: 10px;
    border-right: #c0c0c0 0px solid;
    border-top: #c0c0c0 0px solid;
    border-left: #c0c0c0 0px solid;
    border-bottom: #c0c0c0 0px solid;
}

table.messageDetails td
{
	border: solid 0px #c0c0c0;
	vertical-align: top;
	border-top: solid 1px #E7F3D6;
}

table.messageDetails td.title
{
	font-weight: bold;
	width:20%
}

table.messageDetails td.messageDetail
{

}

table.messageDetails td.detail
{
     
}

table.messageDetails tr.commandRow td
{
	text-align: center;
}

table.messageDetails tr.commandRow a
{
	font-weight: bold;
}

table.messageDetails input.smallGreenButton
{
    background-color: #9acd32;
    color: white;
    font-weight: bold;
    border-bottom-style: ridge;
    border-width: 1px;
    font-size: 8pt;
}

/*===========================================================================*/
/*                                                                           */
/*  /My Messages                                                             */
/*                                                                           */
/*===========================================================================*/


/*===========================================================================*/
/*                                                                           */
/*  My Events                                                                */
/*                                                                           */
/*===========================================================================*/

div.NetworkEvents
{
	font-size: 8pt;
	background-color: #ffffff;
	background-image: url(Images/Vehicles/_default/bg3.jpg);
	background-attachment: scroll;
	width: 926px; 
	height: 180px; 
	padding: 8px 5px 8px 5px;
	overflow: auto;
}



.MyEventsIntro
{
    font-weight:bold;  
}


div.NetworkEvents table.CheckboxList
{
     
  
    
    
}

div.CustomerWorkshops
{
    font-weight: normal;
}

div.CustomerWorkshops span.information
{
    font-weight: normal; 
}


div .centre
{
 text-align:center;    
}

/*** Service history ***/

table.myEvents 
{
	width: 100%;
}

table.myEvents td.header 
{
	background-color: #A7D769;
	color: #ffffff;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;

}

table.myEvents td.footer
{
	background-color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 0px;
}

/*===========================================================================*/
/*                                                                           */
/*  /My Events                                                               */
/*                                                                           */
/*===========================================================================*/



/*===========================================================================*/
/*                                                                           */
/*  Hobbies and Interests                                                    */
/*                                                                           */
/*===========================================================================*/


div.HobbiesAndInterests
{
	font-size: 8pt;
	background-color: #ffffff;
	background-image: url(Images/Vehicles/_default/bg4.jpg);
	background-attachment: scroll;
	width: 926px; 
	height: 180px; 
	padding: 8px 5px 8px 5px;
	overflow: auto;
}

div.HobbiesAndInterests table.CheckboxList
{
    width:95%; 
   font-weight:bold;       
}

div.HobbiesAndInterests table.CheckboxList label
{
    padding-left:15px; 
}

div.Hobbies
{
    font-weight: normal;
}


/*===========================================================================*/
/*                                                                           */
/*  /Hobbies and Interests                                                   */
/*                                                                           */
/*===========================================================================*/