.hidden { display:none; }
.clearer {  clear:both; line-height:0; }

#selectmembertype ul { list-style-type:decimal;	}
#selectmembertype ul li { margin:1em 0 0 0.5em;	}
#memberprofile td.CommonFormField input { width:15em; }
.highlight { background-color:Yellow; }

.messagebox,
#memberprofile .messagebox
{
	border:solid 1px #999999; 
	padding:1em;
	width:auto; 
	background-color: #cfe7c0;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica;
	color: #334433;
	margin-bottom:1em;
}

#memberprofile .messagebox .info { padding: 0 1em; }

#memberprofile .messagebox .saved
{
	background:url(/Themes/default/images/status-green.gif) no-repeat top left; 
	padding:0.3em 0em 1em 2.5em;
}

#memberprofile .messagebox .error
{
	background:url(/Themes/default/images/status-red.gif) no-repeat top left; 
	padding:0.3em 0em 1em 2.5em;
}

#memberprofile .messagebox .error a
{
	text-decoration:none;
	color:#ff0000;
}

#memberprofile .messagebox .error a:hover
{
	text-decoration:underline;
	color:#0000ff;
}

.propertybox
{
	border:solid 1px black;
	padding:1em;
	background-color:#eff7e7;	
	margin-bottom:1em;
}
/********************************************************************************/

.imglink img
{
	border:none;	
}

.calendarimage img
{
	border:none;
	float:left;	
	padding-right:0.5em;
}

/********************************************************************************/
#ndfdmenu ul li { font-weight:bold; color:inherit; clear:both;  }
#ndfdmenu li a { color:#333; }
/* Sub menbu */
#ndfdmenu li ul { list-style-position:inside; }
#ndfdmenu li ul li { float:left; border-right:solid 1px #eee; clear:none; padding-left:10px; }
/********************************************************************************/

.gridview .alternatingrowstyle
{
	background-color:#eeeeee;	
}

.gridview .rowstyle
{
	background-color:#ffffff;
}

.gridview .selectedrowstyle a,
.gridview .selectedrowstyle
{
	background-color:#0000ff;
	color:#ffffff;
}

.gridview .headerstyle
{
	background-color:#aaaaaa;
	font-weight:bold;
	color:#ffffff;
}

.gridview .hoverrow a,
.gridview .hoverrow
{
	background-color:#6666ff;
	color:#ffffff;	
	cursor:pointer;
}

.gridview .selectedrowstyle .highlight,
.gridview .hoverrow .highlight
{
	color:#000000;	
}


/* Popup Calendar */
.calendar_button {
border:medium none;
cursor:pointer;
}
.picker {
background-color:#FFFFFF;
border:1px solid gray;
cursor:pointer;
font-family:"Verdana",monospace;
font-size:12px;
font-weight:bold;
padding:2px;
}
.calendar td {
font-size:11px;
}
.title {
background-color:#D7D7E5;
font-weight:bold;
}
.day {
border:1px solid #F6F6F6;
cursor:pointer;
text-align:center;
width:25px;
}
.dayhover {
border:1px solid #F6F6F6;
cursor:pointer;
text-align:center;
text-decoration:underline;
width:25px;
}
.dayheader {
background-color:#FFFFFF;
border:1px solid white;
font-weight:bold;
text-align:center;
width:25px;
}
.othermonthday {
color:#999999;
}
.outofrangeday {
visibility:hidden;
}
.selectedday {
background-color:#FBE694;
border-color:#BB5503 !important;
border-style:solid;
border-width:1px;
color:#000000;
font-weight:bold;
width:25px;
}
.calendar {
background-color:#FFFFFF;
border:1px solid Black;
border-collapse:collapse;
cursor:default;
}
.month {
background-color:#F6F6F6;
margin:0px 5px 5px;
}
.nextprev {
cursor:pointer;
height:25px;
padding:0px 5px;
}
.selector {
background-color:#FFFFFF;
cursor:pointer;
text-align:left;
width:14px;
}

#board_presentation img.person
{
    float:left;
    margin-right:10px;
    border:solid 2px black;
    width:200px;
}

#board_presentation span.label
{
    font-weight:bold;
    width:100px;
    float:left;
}

#board_presentation span.info
{
    float:left;
}

#board_presentation br
{
    clear:both;
}
/***************************** Lightbox ******************************/
#fade{
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.6;
  opacity:.60;
  filter: alpha(opacity=60);
}
#light {
  display: block;
  position: absolute;
  top: 15%;
  left: 25%;
  width: 50%;
  height: auto;
  padding: 16px;
  border: 10px solid #ddd;
  background-color: white;
  z-index:1002;
  overflow: auto;
}

table.productlist { width:100%; border-collapse:collapse; }
table.productlist tr td { border-bottom:solid 2px #555; }
table.productlist tr.odd { }
table.productlist tr.even { background-color:#f8f8f8; }
table.productlist td.image{ width:130px; margin-right:10px; }
table.productlist td.image img{ width:100px; border:solid 2px #222; padding:5px; background-color:#fff;}
table.productlist td.price { padding-left:10px; padding-right:10px; }
table.productlist td.price span { white-space:nowrap; font-weight:bold; }
table.productlist td { vertical-align:top; padding-top:10px; padding-bottom:10px; }
table.productlist td.buy { text-align:right; padding-right:10px; }

fieldset#shoppingbasket  { padding:10px 3px; margin:0; }
#shoppingbasket table{ width:100%; border-collapse:collapse; }
#shoppingbasket table td { vertical-align:top; white-space:nowrap; }
#shoppingbasket table tr.even { background-color:#f8f8f8; }
#shoppingbasket table td.price { text-align:right; font-weight:bold; white-space:nowrap; }

fieldset#order { padding:10px 3px; margin:0; }
fieldset#order legend{ font-weight:bold; }
#order table { width:100%; }
#order table tr { border-bottom:soild 1px #000;}
#order table td.col1,
#order table td.col2 { text-align:left; width:auto; }
#order table td.price { text-align:right; font-weight:bold; white-space:nowrap; }

#giro * { margin:0; padding:0; font-size:12px; line-height:14px; }
#giro form { width:640px; font-family:Arial; position:relative;}
#giro label { font-size:10px;}
#giro #top { height:200px; }
#giro #top div.lefttop { width:40%; float:left; }
#giro #top div.lefttop img{ width:230px; }
#giro #top div.righttop { width:59%; float:right; }
#giro #top div.lefttop .payee { margin-top:40px; }
#giro #top div.righttop h1 { font-size:18px; margin-bottom:10px; }
#giro #top div.righttop table { border-collapse:collapse; }
#giro #top div.righttop table td { vertical-align:top; }
#giro #top div.righttop td.detail { padding-right:10px; }

#giro #content { height:390px; overflow:hidden; }
#giro #content h2 { font-size:14px; margin-bottom:10px; }
#giro #content table#lines { width:100%; border-top:solid 1px #000; margin-top:10px; border-collapse:collapse; }
#giro #content table#lines tr td{ padding-bottom:2px; vertical-align:top; }
#giro #content table#lines tr td.nowrap{ white-space:nowrap; }
#giro #content table#lines tr.discount td.text { font-style:italic; }
#giro #content table#lines .sum td { font-weight:bold; border-top:solid 1px #000; font-size:14px; padding-top:2px; }

#giro #bottomwrapper { position:absolute; top:590px; width:100%; }

#giro #receipt { width:99%; border-bottom:dashed 1px #000; height:74px;  }
#giro #receipt .left { float:left; width:100px; font-size:10px; }
#giro #receipt .reciver { float:left; width:140px; font-size:10px; }
#giro #receipt .amount { float:left; width:180px; margin-top:18px; }
#giro #receipt .payee { float:left; margin-top:18px; }

#giro #invoice { margin-top:5px; float:none; clear:both; }
#giro #invoice .info { float:left; width: 340px; }
#giro #invoice .heading { float:left; width: 150px; }
#giro #invoice .due { float:left; width: 70px; }
#giro #invoice .duedate { float:right; width: 70px; margin-top:4px; }

#giro #address { margin-top:5px; float:none; clear:both; margin-top:124px; height:94px; }
#giro #address label { padding-left:10px; }
#giro #address .from { float:left; width:46%; position:relative; height:100%; }
#giro #address .to { float:right; width:46%; position:relative; height:100%; }
#giro #address .from p,
#giro #address .to p { padding:5px; }

#giro .corner { position:absolute; height:10px; width:10px;  }
#giro .corner.top{ top:12px; border-top:solid 1px #000;}
#giro .corner.bottom{ bottom:0; border-bottom:solid 1px #000;}
#giro .corner.left{ left:0; border-left:solid 1px #000;}
#giro .corner.right{ right:0; border-right:solid 1px #000; float:right;}

#giro #ocr { margin-top:42px; border-top:solid 1px #000; }
#giro #ocr div { float:left; height:58px; position:relative; }
#giro #ocr label { font-weight:bold; }
#giro #ocr p { position:absolute; right:20px; top:31px; font-family:Courier New; font-size:16px; }

#giro #ocr .kid { width:222px; border-right:solid 1px #000; }
#giro #ocr .amount { width:100px; padding-left:4px; border-right:solid 1px #000;  }
#giro #ocr .coin { width:80px; padding-left:4px; }
#giro #ocr .account { width:200px; }

#giro #ocr .coin p { left:4px; }
#giro #ocr .coin p span.left { padding-left:8px; width:10px; }
#giro #ocr .coin p span.digit { padding-left:10px; width:10px; font-family:Courier New; font-size:16px; }
#giro #ocr .coin p span.right { padding-left:10px; width:10px; }
#giro #ocr .account p { left:10px; }

#activityCalendar {	width:707px; }
	
#activityCalendar table
{
    
    font-size:14px;
    float: left;
    display: block;
    border:solid 1px black;
    border-collapse:collapse;
    margin:2px;
}

#activityCalendar tr td
{
	font-family:Arial;
	font-size:12px;
	border:solid 1px black;
	border-color:#aaa;
	text-align:right;
	font-size:11px;
	width:19px;
	height:21px;
	font-weight:bold;
	padding:2px 2px 2px 0;
}

#activityCalendar table th 
{ 
	color:#fff;
	background-color:#ff0006;
	
}

#activityCalendar tr td.toprow { border-top:none; }
#activityCalendar tr td.bottomrow { border-bottom:none; }
#activityCalendar tr td.leftcol { border-left:none; }
#activityCalendar tr td.rightcol { border-right:none; }
#activityCalendar tr td.event { background-color:#ffff80; }
#activityCalendar tr td.event.board { background-color:#028734; color:#fff; }
#activityCalendar tr td.event.member span { background:url(/NDFD/Images/icons/icon-instock.gif) no-repeat top left; display:block; }
#activityCalendar tr td.event.selected { background-color:#2020ff; color:#fff; }
#activityCalendar tr td.today { font-size:14px; font-weight:bolder; color:#f00; }

#eventdiv { max-width:400px; position:absolute; display:none; z-index:100; border:solid 1px #000; background-color:#f0f0f0;  }
#eventdiv .header{ background-color:#028734; height:20px; float:none; cursor:move;  }
#eventdiv .header a
{ 
	text-decoration:underline; margin-top:-14px; float:right; color:#fff; font-weight:bold; width:20px;
	background:url(/Themes/hawaii/images/common/close.gif) no-repeat top left;
}
#eventdiv .content { padding:10px; }
#eventdiv .content a h3 { text-decoration:underline; }

.activitydates { float:left; }
.activitydates img { width:70px;}


.menu_new { background:url(/NDFD/Images/icons/award_star_gold_3.png) no-repeat center left; padding-left:19px; color:#222; }


.CommonContentBox.widepage { width:80%; margin:0 auto; }