/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	background: #F7FBFE url('../images/bg_tint.png') top left;
	
	background-repeat-x: repeat;
	background-repeat-y: no-repeat;
	background-color: #F7FBFE;
	}
	.light_blue_background{
	margin:0px 0px 5px 0px;
	
	}
	/*background-color: #F9f9ff; */
	.white_background{
	background-color:#fff;
	padding:0px 10px;
	}
	
	.container p {
	margin: 10px 0 0 0;
	}
	.container .nav {
	margin: 10px 0 0 0;
	}
	.container h1 {
	padding:5px 20px 5px 0px;
	margin: 10px 0 0 0;
	}
	form {
	padding:0px 10px;
	
	}
	fieldset div {
	margin:10px 0px 10px 0px;
	}
	fieldset{
	margin: 0px 0px 20px 0px;
	padding:0px;
	padding:10px;
		 -moz-border-radius:5px;
		 -webkit-border-radius:5px;
		 border-radius:5px;
		 border:1px dotted #339acc;
		 
	background-color:#fff;
	
	}
	legend{
	color:#006699;
	font-weight:bold;
	margin:0px 0px 0px 3px;
	}
	#ui_details{
	background-image:url(../images/to-do-list.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:10px 0px 20px 55px;
	color:#006699;
	}
	#user_details{
	background-image:url(../images/addressbook_user.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:10px 0px 20px 55px;
	color:#006699;
	}
	#ui_details_done{
	background-image:url(../images/to-do-list_checked3.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:10px 0px 20px 55px;
	color:#006699;
	}
	#access{
	background-image:url(../images/screen_aqua_glossy.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:10px 0px 20px 55px;
	color:#006699;
	}
	#login{
	background-image:url(../images/lock_closed.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:10px 0px 20px 55px;
	color:#006699;
	}
	#logged_in{
	background-image:url(../images/lock_open.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:10px 0px 20px 55px;
	color:#006699;
	}
	#chart{
	background-image:url(../images/chart.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:10px 0px 20px 55px;
	color:#006699;
	}
	
	.big_blue_text{
	font-size: 2.0em;
	color:#006699;
	}

	form div label {
	margin:0px 0px 0px 0px;
	}
	
	label{display:inline;}
	
	input[type="radio"],input.radio{
	vertical-align:text-top;
    width:13px;
    height:13px;
    padding:0;
    margin:0;
    position:relative;
    overflow:hidden;
    top:2px;
	}
	
	#alot{
		
	}
	.available_table {
	width:100%;
	}
	.available_table th,td {
	padding:10px 5px;
	text-align:center;
	}
	
	
	.available_table caption{
	text-align:left;
	}
	.form_paragraph{
	margin:5px 0px;
	width:92%;
	}
		
	
	
	.box_style{
        padding:5px;
		font-size:1.25em;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:3px inset #d9d9d9;
		background-color:#f9f9ff;
		color:#333;
	}
	.box_style:focus{
	background-color:#fff;  
	border-color:#f28200;  
	}
	.box_style:hover{
	background-color:#fff;  
	border-color:#f28200;  
	}
	
	.form_input{width:95%;}
	.form_input_50_percent{width:50%;}
	.form_input_40_percent{width:40%;}
	.form_input_30_percent{width:30%;}
	.form_input_25_percent{width:25%;}
	.form_input_20_percent{width:20%;}
	.form_input_15_percent{width:15%;}
	.form_input_10_percent{width:10%;}
	.form_input_day{width:20%;}
	.form_input_month{width:40%;}
	.form_input_year{width:30%;}
	
	
	.contact_details{
	padding: 10px;
		 -moz-border-radius:5px;
		 -webkit-border-radius:5px;
		 border-radius:5px;
		 border:1px dotted #339acc;
	background-color:#fff;
	margin:10px 0px 10px 0px;
	}
	.reply_message{
	margin: 10px 0px 10px 0px;
	padding:0px;
	padding:10px;
		 -moz-border-radius:5px;
		 -webkit-border-radius:5px;
		 border-radius:5px;
		 border:1px dotted #5c9621;
	background-color:#ccffcc;
	}
	.thankyou_message{
	margin: 10px 0px 10px 0px;
	padding:0px;
	padding:10px;
		 -moz-border-radius:5px;
		 -webkit-border-radius:5px;
		 border-radius:5px;
		 border:1px dotted #5c9621;
	background-color:#c4e1ff;
	}
	.fail_message{
	margin: 10px 0px 10px 0px;
	padding:0px;
	padding:10px;
		 -moz-border-radius:5px;
		 -webkit-border-radius:5px;
		 border-radius:5px;
		 border:1px dotted #5c9621;
	background-color:#ffe7e7;
	}
	
	
	.reply_message h3{
	background-image:url(../images/tick.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:15px 0px 20px 50px;
	color:#5c9621;
	}
	.thankyou_message h4{
	background-image:url(../images/emote_biggrin.png);
	background-repeat:no-repeat;
	font-size: 2.0em;
	padding:10px 0px 20px 55px;
	color:#006699;
	}
	
	
	.address{
	margin:20px 0px 50px 20px;  
	}
	
	.awesome{
	background: #222 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	}
	
	.small.awesome {font-size: 11px;}
	.medium.awesome {font-size: 13px;}
	.large.awesome {font-size: 16px;padding: 8px 14px 9px;}
	.vlarge.awesome {font-size: 23px;padding: 12px 19px 13px;}
	.vvvlarge.awesome {text-align:center;font-size: 36px;magin:0px 10px 10px 0px; padding: 50px 22px 50px 22px; width:95%;}	
	
	
	.blue.awesome {background-color: #005b8e;}
	.red_button.awesome {background-color: #e03200;}
	.magenta.awesome {background-color: #a9014b;}
	.orange.awesome {background-color: #ff5c00;}
	.gold.awesome {background-color: #e0a500;}
	.yellow.awesome {background-color: #ffb515;}
	.green.awesome {background-color: #67cc00;}
	
	.blue.awesome:hover {background-color: #3292c7;}
	.red_button.awesome:hover {background-color: #f0643c;}
	.gold.awesome:hover {background-color: #916b00;}
	.green.awesome:hover {background-color: #90e639;}
	
	.blue.awesome:active {background-color: #003c5c;}
	.red_button.awesome:active {background-color: #922100;}
	.gold.awesome:active {background-color: #916b00;}
	.green.awesome:active {background-color: #438500;}
	

/*	
 These button styles are no longer used

	.small_button_green{
	font-size:100%;
	padding:4px 12px 4px 12px;
	}
	.button_green{
	font-size:150%;	
	padding:7px 17px 7px 17px;
	}
	
	.button_green ,.small_button_green{
	color:#fff;
	border: solid thin #000;
	 -webkit-border-radius: .5em;
	 -moz-border-radius: .5em;
	 border-radius: .5em;
	-webkit-box-shadow: 2px 2px 3px #000;
	 box-shadow: 2px 2px 2px #000;
	font-weight:bold;
	
	margin:10px 0 0 0px;
	
	border-top: 1px solid #286000;
	border-left: 1px solid #286000;
	border-right:2px solid #286000;
	border-bottom:2px solid #286000;
	background-color:#286000;
	}
	.button_green a,.small_button_green a{
	color:#fff;
	}

	.button_green:hover,.small_button_green:hover{ 
	text-shadow: 1px 1px 1px #000;
	border: solid thin #000;
	 -webkit-border-radius: .5em;
	 -moz-border-radius: .5em;
	 border-radius: .5em;
	-webkit-box-shadow: 2px 2px 3px #000;
	 box-shadow: 2px 2px 2px #000;
	border-top: 1px solid #1a3f00;
	border-left: 1px solid #1a3f00;
	border-right:2px solid #1a3f00;
	border-bottom:2px solid #1a3f00;
	color:#fff;   
	background-color:#1a3f00;
	cursor:pointer;
	}  
	
	
	
	.button_red {
	color:#fff;
	border: solid thin #000;
	 -webkit-border-radius: .5em;
	 -moz-border-radius: .5em;
	 border-radius: .5em;
	-webkit-box-shadow: 2px 2px 3px #000;
	 box-shadow: 2px 2px 2px #000;
	font-weight:bold;
	font-size:150%;
	margin:10px 0 0 0px;
	padding:7px 17px 7px 17px;
	border-top: 1px solid #6d2200;
	border-left: 1px solid #6d2200;
	border-right:2px solid #6d2200;
	border-bottom:2px solid #6d2200;
	background-color:#6d2200;
	}
	.button_red a{
	color:#fff;
	}
	.button_red:hover { 
	text-shadow: 1px 1px 1px #000;
	font-size:150%;
	border: solid thin #000;
	 -webkit-border-radius: .5em;
	 -moz-border-radius: .5em;
	 border-radius: .5em;
	-webkit-box-shadow: 2px 2px 3px #000;
	 box-shadow: 2px 2px 2px #000;
	padding:7px 17px 7px 17px;
	border-top: 1px solid #471600;
	border-left: 1px solid #471600;
	border-right:2px solid #471600;
	border-bottom:2px solid #471600;
	color:#fff;   
	background-color:#1a3f00;
	cursor:pointer;
	}  	
	
*/
	.red{
	color:#f00;
	}
	.error_box{
	background-color:#ffe7e7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:3px inset #ff9999;
	padding:0px 5px 10px 5px;
	margin:5px 0px 5px 0px;
	
	}
	
	.small_text{
	font-size:0.75em;
	}
	.clearboth{
	clear:both;
	}
	.no_display{
	display:none;
	}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	h1 {
	line-height:130%;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}