/*
dark blue: 081b29
medium blue: 013b63
*/


div#img-box{width:340px;float:right;}
div#img-box img{float:left;}
div.img-row{clear:both;float:left;}
div.img-contain{float:left;width:150px;margin:10px 10px 0 0;}
div.button{float:left;clear:both;}
.box
  {
  width: auto !important;
  padding: 0;
  }
div#content .box table
  {
  font-size: 1.3em;
  width: 320px;
  }
body
	{
	margin:0;padding:0;
	background-color: #FFF;
	width:340px;
	}
#reserveLeftColumn{width:320px;}
body#member-history{background:none;}
a{text-decoration:none;}
img{border:none;}
body, td, input, select, option, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
input,select,option{font-size:20px;padding:3px 0;}
#header
	{
	height:5em;
	background:#013b63;
	width: auto;
	display: none;
	}
#header img
	{
	width: 0;
	height: 0;
	display: none;
	}
#wrapper
	{
	margin:0;
	float:none;
	width:340px;
	/*background:#8c9eaa url(/members/images/layout/main-bg.jpg)no-repeat top left;*/
	/*background:url(/members/images/layout/content-bg.jpg) repeat-x #1D475D;*/
	}
#middle-container
	{
	float: none;
	background: none;
	width: 100%;
	}
#navigation
	{
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	min-height:0 !important;
	}
img.int-logo
	{
	margin: auto;
	padding-bottom: 0;
	
	}
img.logo
  {
  display: inline;
  }
#content_wrapper
  {
  min-height:100px;
	width: 100%;
	float: none;
	margin:0;
	}
#content
	{
	padding:0;
	width: auto;
	float: none;
	min-height:100px;
	}
#content h3
  {
  margin:0 0 .75em .5em;
  padding-top: 0;
  color:#013B63;
  }
#footer
	{
	clear:both;
	background:url(../images/layout/footer_earth.gif) no-repeat 0 bottom #013b63;
	border-top: .5em solid  #081b29;
	margin:0;
	padding: 0;
	min-height:160px;
	width: 100%;
	}
div#ajax_loading
	{
	position:absolute;
	visibility:hidden;
	left:0; top:0;
	width:100%;
	height:100%;
	background-color:#888888;
	opacity:.80;
	filter:alpha(opacity=80);
	display:none;
	}
	
/*CALENDAR STYLES*/
.calendarTable{width:320px;}
.res_start, .res_end, .res_one, .res {
    opacity: .65;
    filter: alpha(opacity=65);
    width: auto;
    height: 15px;
    padding: 2px;
    background-color: #FFFFFF;
    text-align: right;
}

.res_start {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 6px;
}

.res_end {
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 6px
}

.res_one {
    border: 1px solid #000000;
    margin: 3px;
}

.res {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 6px;
    padding-right: 6px;
}

.res_no {
    border: 0 solid #000000;
    padding: 6px;
}

.cal_header TD {
    padding-top: 2px;
    padding-bottom: 2px;
}

.cal_cell TD {
    border: 1px solid #000000;
    text-align: right;
}	

/******MENU STYLES***********/
div#navigation ul
	{
	list-style-type:none;
	margin-left:0;
	padding:0;
	border-top: 1px solid #013B63;
	border-bottom: 1px solid #013B63;
	background-color: #DDDDEE;
	padding-bottom: 2px;
	}
div#navigation h3
	{
	margin-left: 1em;
	}
div#navigation ul
	{
	float:left;
	}	
div#navigation ul li
	{
	margin: 5px 0 5px 0;
	font-size: 2em;
	display: inline;
	float:left;
	}

div#navigation ul li a
  {
  float:left;

  color:#224c65;
  }
div#navigation ul li a, 
div#navigation ul li a:link,
div#navigation ul li a:visited,
div#navigation ul li a:active
	{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 2px;
	color:#224c65;
	text-decoration: underline;
	}

div#navigation ul li a:hover
	{
	background-color: #EEEEEE;
	}

div#navigation img
  {
  width: auto;
  margin-left: 5em;
  }
.nobreak{white-space:nowrap;}
/*******FILTER STYLES********/
.filter
	{
	display:block;
  border-collapse: collapse;
	}
	/* 44.7 */
div#content .filter td
	{
	table-layout: auto;
	font-size: .75em !important;
	}

.filter-form{clear:both;float:none;}
table.notes
	{
	border:1px solid #000;
	background-color:#fff;
	margin:0 0 25px 0;
	}
table.notes th
	{
    background-color: #013B63;
    color: #FFFFFF;
    font-weight: bold;
		text-align:left;
		border:1px solid #000;
	}
table.notes td{border:1px solid #000;}
table.notes caption{font-weight:bold;text-align:left;font-size:15px;}
/******TABLE STYLES**********/

/*overflow: auto */
div#content table, div#content table td
  {
  padding: 1px;
  }
div#content table
  {
  width: 330px;
  }
/*  table-layout: fixed; */  
  
div#content table td
  {
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  }
div#content form table table
  {
  table-layout: fixed;
  }
div#content tr.table_cell td, div#content tr.table_currentrow td
	{
  max-width: 100px;
	}
div#content td.table_header {
    font-size: .98em;
}
.table_border {
    background-color: #000;
    font-size: .84em;
}

.table_header {
    background-color: #013B63;
    color: #FFFFFF;
    font-weight: bold;
    width: 6.7em;
    font-size: 1em;
}

.table_footer {
    background-color: #AAAABB;
}

.table_cell {
    background-color: #FFFFFF;
}

.table_currentrow {
    background-color: #DDDDEE;
}

.button A, .button A:link, .button A:visited, .button A:active, .form_button INPUT {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #000000;
    background-color: #EEEEEE;
    font-size: 2.1em;
}
.table_footer .button a
  {
  width: 5em;
  }
.button :hover {
    background-color: #224c65;
    color: #FFFFFF;
}
.button a
	{
	display: block;
	}
textarea, .form_text, .form_disabled{width:300px;}



.disableBox {
	 border: 1px solid black;
	 padding: 8px;
	 padding-top: 26px;
	 padding-bottom: 26px;
	 background-color: #FFDDDD;
	 color: red;
	 font-weight: bold;
	 text-align: center;
}

.fieldNote {
    float: none;
    width: auto;
}

div.warningMessage {
    width: auto;
    border: 1px solid black;
    background: #FFF7C6;
    padding: 4px;
    margin: 2px;
}
p.preview_link
	{
	padding:5px;
	border:1px solid #666;
	background-color:#CCC;
	color:#0033CC;
	width:150px;
	text-align:center;
	}
p.preview_link a:link,
p.preview_link a:visited,
p.preview_link a:active,
p.preview_link a:hover
	{
	color:#0033CC;
	}
.hidefirst
	{
	display:none;
	}

div#content .paging
  {
  font-size: 1.8em;
  }

div#content iframe#note___Frame[style]
  {
  width: 400px !important;
  }
	
/******* Login Form *******/
	
#login-form
	{
	margin: 1em;
	padding: .2em .4em;
	border:1px solid #013B63;
	width: auto;
	min-width: 18em;
	}
/*width: 18em;*/
form
  {
  float: none;
  margin: 0 auto;
  }
label
	{
	display:block;
	font-weight:bold;
	margin: 10px 0 2px 0;
	}

#login-form a
    {
    display: block;
    margin: 0 auto;
    width: 18em;
    }


input.last{margin-top:8px;}

a,
a:visited,
a:link
	{
	color:#013B63;
	text-decoration:none;
	font-style:italic;
	}
a:hover,
a:active
	{
	text-decoration:underline;
	}
/*** Reservation Styles ***/
.reservationsMembers
  {
  display:none;
  }

#footer
	{
	display:none;
	}
.user-welcome
	{
	display:none;
	}
.int-logo
	{
	display:none;
	}
/******* Fck Styles *******/
/**Use once mass note is needed

.TB_Toolbar
  {
  clear: right;
  }
.SC_Field
  {
  width: 5em !important;
  }
td.SC_FieldCaption
  {
  padding-left: 0;
  padding-right: .1em;
  }
*/

dl.formList dt
	{
	float: left;
	margin-bottom: 6px;
	width: 70px;
	clear: left;
	font-size: 16px;
	}
dl.formList dd
	{
	margin-left: 70px;
	margin-bottom: 6px;
	}
div.calendarSeasonLabel
	{
	clear: left;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	}
div.calendarHeader
	{
	text-align: center;
	font-weight: bold;
	margin: 6px 0;
	font-size: 14px;
	}
div.calendarHeader a
	{
	border: 1px solid #000;
	background-color: #FFF;
	padding: 0 2px;
	margin: 0 10px;
	}
div.calendarHeader a:hover
	{
	text-decoration: none;
	background-color: #013B63;
	color: #FFF;
	}
a.calendarBackLink
	{
	float: left;
	}
a.calendarForwardLink
	{
	float: right;
	}



input.monthSelect, input.yearSelect
	{
	width: 80px;
	margin: 0 5px;
	}
div.jumpToForm
	{
	margin-top: 6px;
	font-size: 14px;
	}
dl#reservationColorLegend
	{
	display:none;
/*	overflow: auto;
	font-size: 14px;
	margin-left: 8px;
*/	}
/*
dl#reservationColorLegend dt
	{
    border: 2px solid #000;
    width: 16px;
    float: left;
    margin-bottom: 2px;
	}
dl#reservationColorLegend dd
	{
	padding: 2px 0;
	margin: 0 10px 2px 5px;
	width:117px;
	float: left;
	}*/
.handheld-legend{display:block !important;text-align:center;padding:5px 0; }
div.adminForm
	{
		clear: left;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    background-color: #043A60;
    max-width: 380px;
    margin-bottom: 15px;
	}
div.adminForm dl
	{
	margin: 0;
	float: left;
	width: 100%;
	}
div.adminForm dt, div.adminForm dd
	{
	color: #FFF;
	font-weight: bold;
	margin: 0;
	}
div.adminForm dt
	{
	float: left;
	clear: left;
	text-align: right;
	width: 45.5%;
	padding: 5px 0;
	height: auto;
	border-top: 2px solid #000;
	font-size: 14px;
	}
div.adminForm dd
	{
	background-color: #AAABB8;
	border-left: 2px solid #000;
	margin-left: 45.5%;
	padding: 2px 2px;
	clear: right;
	border-top: 2px solid #000;
	}
div.adminForm dd input
	{
	width: 99.5%;
	margin: 0;
	padding: 0;
	height: 32px;
	}
div.adminForm dd select
	{
	height: 25px;
	width: 100%;
	}
	
div.formTitle
	{
	text-align: center;
	font-weight: bold;
	background-color: #AAAABB;
	border-top: 2px solid #000;
	font-size: 14px;
	}
div.buttonPanel
	{
	text-align: right;
	clear: left;
  border-top: 2px solid #000;
	}

div.reservationMembers
	{
	width: 330px;
	}
div.memberClubYearReservations
	{
	width: 300px;
	}
/*div.usedReservations
	{
	width: 300px;
	}*/
div.usedReservations td
	{
	font-size: 14px;
	}
div.reservationsMembers table td, div.memberClubYearReservations table td, div.usedReservations table td, div.unitMembersList table td
	{
	border: 2px solid #000;
	}
div.reservationsMembers table, div.memberClubYearReservations table, div.usedReservations table, div.unitMembersList table
	{
	border-collapse: collapse;
	}
div.memberClubYearReservations
	{
	margin-top: 15px;
	}
div.text_header
	{
	text-align: center;
	font-weight: bold;
	margin-bottom: 2px;
	}
span.fieldNote
	{
	width: 300px;
	text-align: right;
	}
/***********HOME PAGE on Login styles***********************/
#unit-pics{display:none;}
#secondary-loc-pics{display:none;}
img.main-loc-pic{max-width:300px;}