/* FileMaker PHP Site Assistant - iPhone / iPod Touch CSS template














*/

/* @group Global */

html { -webkit-text-size-adjust: none; }
input[type="checkbox"] { -webkit-border-radius: 3px; }


body {
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	background: #ffffff;
}

a {
	text-decoration: none;
	color: #920000;
}

/* @end Global */

/* @group Title */
#title {
	background: #cccccc url(images/bg_title.png) repeat-x;
	position: absolute;
	top: 0;
	width: 100%;
	color: #FFF;
	font-size: 5px;
	height: 20px;
	z-index: 1;
}



body[class="portrait"] #title h1 { width: 220px; }
body[class="landscape"] #title h1 { width: 400px; }

#logo {
	background: url(images/fmlogo.png);
	width: 15px;
	height: 15px;
	display: inline;
	float: left;
	margin: 2px auto auto 5px;
}

.logout {
	position: absolute;
	font-size: 10px;
	top: 3px;
	right: 5px;
}

.logout a { 
	color: #fff; 
	-webkit-tap-highlight-color:rgba(255,255,255,0.4);
}

/* @end Title */

/* @group Dock */

#dock {
	background: url(images/bg_dock.png) #E3E3E3 repeat-x;
	position: absolute;
	top: 20px;
	height: 35px;
	width: 100%;
	margin: auto;
	z-index: 1;
	border-bottom: 2px solid #B6B7BA;
}

#dock ul {
	list-style-type: none;
	margin-top: 6px;
	padding-left: 0;
}

body[class="portrait"] .oneIcon li { margin: auto 147px; }
body[class="portrait"] .twoIcons li { margin: auto 65px; }
body[class="portrait"] .fourIcons li { margin: auto 25px; }
body[class="portrait"] .fiveIcons li { margin: auto 18px; }
body[class="portrait"] .sixIcons li { margin: auto 10px; }

body[class="landscape"] .oneIcon li { margin: auto 228px; }
body[class="landscape"] .twoIcons li { margin: auto 100px; }
body[class="landscape"] .fourIcons li { margin: auto 45px; }
body[class="landscape"] .fiveIcons li { margin: auto 34px; }
body[class="landscape"] .sixIcons li { margin: auto 23px; }

#dock li {
	width: 24px;
	height: 24px;
	display: inline-table; 
	color: transparent;
}

#dock a { 
	position: absolute;
	display: inline;
	text-indent: -100em;
	height: 24px;
	width: 24px;
	-webkit-tap-highlight-color:rgba(255,255,255,0.4);
}

body[class="portrait"] #recordlist_nav_range {
	top: 180px;
	left: 10px;
	width: 258px;
}

body[class="landscape"] #recordlist_nav_range {
	top: 100px;
	left: 10px;
	width: 418px;
}

#recordlist_nav_range {
	color: #FFF;
	font-size: 20px;
	text-align: center;
	position: absolute;
	background-color: #7A7A7A;
	padding: 20px;
	text-shadow: rgba(50, 50, 50, 0.9) 2px 2px 0;
	font-weight: bold;
	-webkit-border-radius: 8px;
	border: 2px solid #383737;
	opacity: 0;
	
	-webkit-transition-property: opacity; 
	-webkit-transition-duration: 750ms; 
	-webkit-transition-timing-function: linear;
}

.headerClearing { height: 44px; }
.smallClearing { height: 7px; }

/* @end Dock */

/* @group Dock Buttons */

#dock input {
	height: 24px;
	width: 24px;
	border: none;
	text-indent: -100em;
	background: transparent no-repeat;
	-webkit-tap-highlight-color:rgba(255,255,255,0.4);
}

#dock input[name^="-edit"], #dock input[name^="-new"] { background: url(images/icons24.png) -12px -780px; }
#dock input[name^="reset"] { background: url(images/icons24.png) -12px -732px; }
#dock input[name^="cancel"] { background: url(images/icons24.png) -12px -252px; }
#dock input[name^="-delete"] { background: url(images/icons24.png) -12px -300px; }
#dock input[name^="-duplicate"] { background: url(images/icons24.png) -12px -348px; }
#dock input[name^="-find"] { background: url(images/icons24.png) -12px -444px; }

#dock input.edit { background: url(images/icons24.png) -12px -396px; }

.recordlist_nav_first { background: url(images/icons24.png) -12px -60px; }
.recordlist_nav_next { background: url(images/icons24.png) -12px -156px; }
.recordlist_nav_prev { background: url(images/icons24.png) -12px -204px; }
.recordlist_nav_last { background: url(images/icons24.png) -12px -108px; }

.recordlist_nav_first a { background: url(images/icons24.png) -12px -60px; }
.recordlist_nav_next a { background: url(images/icons24.png) -12px -156px; }
.recordlist_nav_prev a { background: url(images/icons24.png) -12px -204px; }
.recordlist_nav_last a { background: url(images/icons24.png) -12px -108px; }

.topLink a { background: url(images/icons24.png) -12px -924px; }
.sortLink a { background: url(images/icons24.png) -12px -876px; }
.findSettingsLink a { background: url(images/icons24.png) -12px -828px; }

/* @end Dock Buttons */

/* @group Page Nav */

#page_nav {
	background: #CBCBCB url(images/bg_nav.png) repeat-x;
	margin-top: -4px;
	height: 40px;
}

#page_nav ul { padding-left: 0; }

body[class="portrait"] .twoLinks li { margin: auto 55px; }
body[class="portrait"] .threeLinks li { margin: auto 32px; }
body[class="portrait"] .fourLinks li { margin: auto 18px; }
body[class="portrait"] .sixLinks li { margin: auto 5px; }

body[class="landscape"] .twoLinks li { margin: auto 99px; }
body[class="landscape"] .threeLinks li { margin: auto 58px; }
body[class="landscape"] .fourLinks li { margin: auto 38px; }
body[class="landscape"] .sixLinks li { margin: auto 18px; }

#page_nav li {
	-webkit-tap-highlight-color:rgba(100,100,100,0.4);
	width: 40px;
	height: 40px;
	display: inline-table;
	padding-top: 7px;
	padding-left: 7px;
}

#page_nav li#activelink {
	background: url(images/bg_active.png) repeat-x;
	-webkit-tap-highlight-color:rgba(100,100,100,0.4);
}

#page_nav a { 
	position: absolute;
	display: inline;
	text-indent: -100em;
	height: 24px;
	width: 24px;
}

#page_nav a[href^="findrecords.php"] { background: url(images/icons24.png) -12px -492px; }
#page_nav a[href^="recordlist.php"] { background: url(images/icons24.png) -12px -636px; }
#page_nav a[href*="findall"] { background: url(images/icons24.png) -12px -540px; }
#page_nav a[href^="home.php"] { background: url(images/icons24.png) -12px -588px; }
#page_nav a[href^="report.php"] { background: url(images/icons24.png) -12px -684px; }
#page_nav a[href^="addrecord.php"] { background: url(images/icons24.png) -12px -12px; }

/* @end Page Nav */

/* @group Content */

#content h1 {
	color: #000000;
	text-shadow: rgba(170, 170, 170, 0.9) 2px 2px 0;
	font-size: 20px;
	margin: 12px auto 5px 10px;
}

#content h2 {
	-webkit-border-radius: 8px;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin: 0 10px auto;
}

#container { margin-bottom: 15px; }

/* @end Content */

/* @group browseRecord */

#browseRecords {
	-webkit-border-radius: 8px;
	border: 1px solid #aaa;
	background-color: #fff;
	margin: auto 10px;
	padding-right: 1px;
}

#browseRecords ul {
	
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#browseRecords ul:last-child { border: none; }
#browseRecords li { padding-right: 15px; }

#browseRecords span.listLabel {
	font-weight: bold;
	padding-right: 5px;
	vertical-align: top;
}

#browseRecords ul.browseLink { background: url(images/arrow_disclosure.png) no-repeat 98% 50%; }

#sort {
	-webkit-border-radius: 8px;
	border: 1px solid #aaa;
	background-color: #fff;
	margin: 10px 10px auto;
}

#sort ul {
	list-style-type: none;
	padding: 0;
}

#sort li {
	
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	background: url(images/arrow_disclosure.png) no-repeat 98% 50%;
}

#sort li:last-child {
	border: none;
	padding-bottom: 0;
	background: url(images/arrow_disclosure.png) no-repeat 98% -40%;
}

#sort li:first-child { margin-top: -10px; }

/* @end browseRecord */

/* @group record */

#record ul {
	
	list-style-type: none;
	padding: 0 15px 10px;
}

#record ul:last-child {
	border: none;
	margin-bottom: -5px;
}

#record li {
	-webkit-border-radius: 8px;
	border: 1px solid #aaa;
	background-color: #fff;
	margin: auto -5px 10px;
	padding: 8px 26px 8px 8px;
}

#record li span.fieldLabel {
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	display: block;
}

#record input[type="checkbox"], #record input[type="radio"] {
	height: 16px;
	width: 16px;
	margin: auto 5px auto 10px;
}

#record input, #record textarea { 
	font-size: 16px; 
	width:  100%;
}

#record textarea { height: 105px; }
#record input { height: 21px; }

#record select, #findSettings select {
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}

#findSettings select { display: inline; }

#record .portalName {
	font-weight: bold;
	margin-left: -8px;
	padding-left: 8px;
	padding-bottom: 8px;
	margin-right: -26px;
	
}

#record .portal span.fieldLabel { font-style: italic; }

#record .portal {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin: auto -26px auto -8px;
}

#record .portalInstance { margin-left: -7px; }

#record .portalInstance li { 
	border: none;
	border-bottom: 1px dotted #aaa;
	-webkit-border-radius: 0;
}

#record .portalInstance li:last-child { 
	border: none;
	margin-bottom: -4px;
}

body[class="portrait"] #record .zoom { width: 280px; }
body[class="landscape"] #record .zoom { width: 430px; }

body[class="portrait"] #record .radioInput { margin-top: 8px; }
body[class="portrait"] #record .checkBoxInput { margin-top: 8px; }
body[class="landscape"] #record .radioInput { display: inline; }
body[class="landscape"] #record .checkBoxInput { display: inline; }


#record .zoom { background: url(images/arrow_disclosure.png) no-repeat right center; }

/* @end record */

/* @group Report */

#report {
	border: none;
	margin-right: 10px;
	margin-left: 10px;
	background-color: transparent;
}

#report ul.group, #report ul.grandTotal, #report > ul.groupRecord {
	-webkit-border-radius: 8px;
	border: 1px solid #aaa;
	background-color: #fff;
	list-style-type: none;
	padding: 0;
}

#report ul.groupRecord, #report ul.grandTotal {
	list-style-type: none;
	border-bottom: 1px solid #aaa;
	padding: 10px 15px;
}

#report span.listLabel {
	font-weight: bold;
	padding-right: 5px;
	vertical-align: top;
}

#report li.groupHeader {
	padding: 10px;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	font-size: 18px;
}
 
#report ul.groupTotal li, #report ul.grandTotal li {
	display: inline;
	margin-left: 15px;
}

#report ul.groupTotal, #report ul.grandTotal {
	font-weight: bold;
	padding: 10px 0;
}

#report ul.groupTotal li:last-child, #report ul.grandTotal li:last-child { margin-left: 5px; }

/* @end Report */

/* @group Find Page */

#findSettings {
	-webkit-border-radius: 8px;
	border: 1px solid #aaa;
	background-color: #fff;
	margin: auto 10px;
}

#findSettings ul {
	list-style-type: none;
	padding: 0 15px 0;
}

#findSettings li {
	margin-bottom: 5px;
	background-color: #fff;
}

#record.find input[type^="text"] {
	/* this background also referenced in javascript */
	background: url(images/find_field.png) no-repeat 3px center;
}

.findWrapper { position: relative; }

.clearButton {
	position: absolute;
	top: 5px;
	width: 20px;
	height: 20px;
	right: -12px;
	visibility: hidden;	
}

/* @end Find Page */

/* @group Login Form */

form#auth {
	-webkit-border-radius: 8px;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 16px;
	margin: 0 10px auto;
}

#auth input {
	display: block;
	width: 88%;
	font-size: 18px;
	margin: 15px 0;
}

#auth input[name^="Save"] {
	-webkit-border-radius: 8px;
	border: 1px solid #aaa;
	background: #F2F7FB;
	color: #5296DF;
	width: 96%;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* @end Login Form */

textarea {
	resize: none;	
}

table.data {
	
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

table.data th,
table.data td {
	padding: 5px 10px;
}

table.data thead th {
	background: #eee url(images/ui/data_th.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
	background: -moz-linear-gradient(top center, #fff 0%, #eee 100%);
	border-bottom: 1px solid #ddd;
	text-shadow: #fff 0 1px 0;
	font-size:16px;
	color:#898989#920000;
}

table.data tbody > tr:nth-child(even) {
	background: #edf3fe;
}







table.datab {
	border: 1px solid #ddd;
	width: 75%;
}

table.datab th,
table.datab td {
	padding: 5px 10px;
}

table.datab thead th {
	background: #eee url(images/ui/data_th.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
	background: -moz-linear-gradient(top center, #fff 0%, #eee 100%);
	border-bottom: 1px solid #ddd;
	text-shadow: #fff 0 1px 0;
}

table.datab tbody > tr:nth-child(even) {
	background: #edf3fe;
}