/*

MOBILE.css for DINESAFE LAMBTON

*/

	.floatRight {float:right;}
	.note {position:fixed;top:80px;min-height:80px;right:10px;max-width:200px;padding:30px 10px;color:#111;z-index:1000;}
	.note LI {font-size:11px;}
	.nowrap {white-space:nowrap;}

/* GENERAL */
	A {outline:none;text-decoration:none; color:#C00; }
	A:hover {text-decoration:underline; color:#FF0000}
	A:link, A:visited {}
	BODY {font-family:Helvetica;font-size:small;}
	EM {font-style:italic;}
	HR {height:0;border-bottom:2px dotted #ccc;}
	INPUT.required {border:3px solid #ba0932 !important;}
	TEXTAREA.required {border:3px solid #ba0932 !important;}
	INPUT.valid {border:3px solid #60a236 !important;}
	TEXTAREA.valid {border:3px solid #60a236 !important;}
	LABEL.error {display:block;color:#ba0932;padding:2px 10px;}

	PRE  {
		white-space:pre-wrap;    /* css-3 */
		white-space:-moz-pre-wrap;/* Mozilla, since 1999 */
		white-space:-pre-wrap;   /* Opera 4-6 */
		white-space:-o-pre-wrap; /* Opera 7 */
		word-wrap:break-word;    /* Internet Explorer 5.5+ */
	}
	#page {position:relative;width:340px !important;margin:0px auto;}
	#dim {display:none;cursor:pointer;background-image:url(/images/dim_bg.png);z-index:20;height:100%;width:100%;background-repeat:repeat;position:fixed;top:0px;left:0px;text-align:center;}
	#buttonLegend {padding-top:20px;width:272px;height:386px;}
	.legend {cursor:pointer;padding:5px 15px;font-size:11px;}
	.legend B {padding:2px 5px;}

	.boxed {border:1px solid #496491; padding:10px 15px;margin:10px 10px;}

/* DIALOG */
	#dialogWrapper {min-width:280px;max-width:440px;margin:0px auto !important;}
	#dialog {position:absolute;min-width:280px;max-width:440px;min-height:280px;max-height:440px;z-index:200;background-color:#fff;background-repeat:no-repeat;border:0px solid #f00;}
	#dialog #close{margin-top:10px;margin-right:10px;float:right;cursor:pointer;width:44px;height:44px;background-color:#ccc;}
	#dialog #ajax {height:375px;margin:60px 20px 0px 20px;overflow-y:scroll;}

/* SOCIAL SHARING */
	#socialSharing {padding:5px;text-align:center;background-color:#fff;text-transform:uppercase;font-size:11px;}
	#socialSharing IMG {padding:0px 5px;}

/* MASTHEAD */
	#masthead {background:url(/images/mobile_masthead.gif) top center;height:100px; background-repeat:no-repeat; background-position:center}
	#masthead SPAN  A {padding:10px;}
	
/* TOP NAV */
	#topNav {position:relative;background-color:#000;min-height:38px;}
	#topNav UL {position:absolute;list-style:none;width:100%; margin:10px;}
	#topNav LI {float:left;}
	#topNav LI A {padding:0px 15px;display:block;text-decoration:none;color:#fff;font-size:small;text-decoration:none !important;text-align:center;font-weight:bold;}

/* ZEBRA */
	TABLE.zebra {}
	TABLE.fullWidth {width:100%;}
	TABLE.zebra TH {background-color:#0053a1;color:#fff;font-weight:bold;padding:2px;}
	TABLE.zebra TD {}
	TABLE.zebra TD P A {font-weight:bold;padding-left:12px;}
	TR.zebraEven TD {background-color:#d1e9dc;}
	TR.zebraOdd TD {background-color:#e8f4ed;}
	LI.zebraEven {background-color:#d1e9dc;}
	LI.zebraOdd {background-color:#e8f4ed;}
	LI.zebraEven SELECT, LI.zebraOdd INPUT, LI.zebraOdd SELECT, LI.zebraEven INPUT{width:140px;}
	TBODY.zebraTbodyEven TR TD {background-color:#d1e9dc;}
	TBODY.zebraTbodyOdd TR TD {background-color:#e8f4ed;}

	.maps LI{ float:left; padding-right:12px; margin-left:12px;}

/* CONTENT */
	#content {background-color:#fff;padding:0px;overflow:hidden;font-family:Arial, Helvetica, sans-serif !important}
	#content H2 {text-align:center;color:#8fa0aa; font-weight:bold; padding:2px 0px; font-size:24px;}
	#content H3 {text-align:center;color:#8fa0aa; font-weight:bold; padding:4px 0px;}
	#content H4 {color:#00853e;}
	#content .box {background-color:#ffc;margin:0px;padding:5px 10px;overflow:auto;}
	UL.clean {list-style:none;}
	UL.padded LI {padding:10px;}
	TABLE.padded TD {padding:5px;}
	#content > P {margin-bottom:4px;}
	#content TD.label {text-align:right;padding-right:10px;font-weight:bold;color:#000;}
	#content TABLE TR TD.middle {vertical-align:middle;}
	#content TD { padding:1px 4px;}
	#content .center {text-align:center; padding:2px 0px;}
	#content BLOCKQUOTE {margin:0px 20px;}
	#content BLOCKQUOTE P {padding:10px;color:#333;}
	#content #trackReport {padding:12px;margin-top:12px;background-color:#FF4E00;}
	#content #trackReport UL {list-style:none;margin:12px;}
	#content #trackReport H2 {color:#fff;}
	.green {background-color:green !important;color:#fff;}
	.red {background-color:red !important;color:#fff;}
	.yellow {background-color:yellow !important;color:#960 !important;}

/* BUTTONS */
	.button {
		cursor:pointer;text-align:center;display: inline-block;line-height: 1;padding: 7px 10px;text-decoration: none;font-weight: bold;color: #fff;background-color: #39c;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}
	.button SPAN {line-height:2em;}
	INPUT.button, BUTTON.button {border:0px none;}
	.buttonwrap {display:inline-block;position:relative;zoom:1;*display:inline;}
	.corner {position:absolute;width:5px;height:5px;background:transparent url(/images/corner.png) no-repeat 0 0;}
	.tl {top:0;left:0;background-position:left top;}
	.tr {top:0;right:0;background-position:right top;}
	.bl {bottom:0;left:0;background-position:left bottom;}
	.br {bottom:0;right:0;background-position:right bottom;}
	.caption {font-size:x-small;color:#000;}
	.green .caption {color:#fff;}
	.previous, .next {background-color:#e4a725;}
	.viewAll {background-color:orange;color:#630;width:270px;}
	.map {background-color:#ffe533;color:#0053A0;}

/* BOTTOM NAV */
	#bottomNav {position:relative;background-color:#000;min-height:38px;}
	#bottomNav UL {position:absolute;list-style:none;width:100%; margin:6px;}
	#bottomNav LI {float:left;}
	#bottomNav LI A {padding:5px 15px;display:block;text-decoration:none;color:#fff;font-size:small;text-decoration:none !important;text-align:center;font-weight:bold;}


/* FOOTER */
	#footer {background-color:#4d545a;padding:10px 20px;}
	#footer P {color:#eee;font-size:10px !important;}
	#footer A {color:#fff;text-decoration:none;font-weight:bold;}
	#footer TABLE {width:100%;}
	#footer TABLE TR TD {width:33%;padding-right:20px;vertical-align:bottom;}
	#footer .right {float:right;width:320px;margin-left:80px;}

/* IPHONE LANDSCAPE SETTINGS */
@media only screen and (orientation:landscape){
   #page {position:relative;width:480px;margin:0px auto;}
}