@CHARSET "UTF-8";


html, body {
	font-family:		Helvetica,Arial,sans-serif;
	font-size:			16px;
	background:			#fff;
	overflow-x:			hidden;
	min-height:			100%;
}

img {
	border:				0;
	max-width:			286px;
	vertical-align:		middle;	
}
a, a:active, a:hover {
	text-decoration:	none;
	color:				#224c84;
	outline: 			none;
}

a:focus {
	-moz-outline-style: none;
}

#webapp_page {
  display:				block;
  overflow:				visible;
  left:					0;
  top:					0;
  width:				100%;
  color:				#224c84;
  background: 			#fff;
  font-size:			14px;
  min-height:			100%;
}

#webapp_content {
  overflow-x:			hidden;
  overflow-y:			visible;
}

#webapp_page_content h1 {
	color:				#888;
}


#webapp_page_content {
	padding:			15px;
}


/* input bars form fields */

.inputbar {
  display:				block; 
  margin:				0 15px 8px 0; 
}

label.ui-input-text{
	display:			block;
	vertical-align:		top;
	font-weight: 		normal;
	line-height: 		1.4;
	margin:				6px 0 6px 0;
}

textarea.ui-input-text {
    height: 			100px;
}

.ui-selecter{
  display: 				block;
  overflow: 			hidden;
  position: 			relative;
}

.ui-selectmenu {
	width: 				100%;	
	display:			block;
	vertical-align:		top;
	font-size: 			16px;
	font-weight: 		normal;
    line-height: 		1.4;
    padding:			6px;
    cursor: 			pointer;
	text-align: 		center;
    text-decoration: 	none;
	margin-bottom:		8px;
	border: 			1px solid #ccc;
	color: 				#333;
	background:	 		#FFF;
}

.ui-btn {
    cursor: 			pointer;
    display: 			block;
    margin: 			0 5px 0 0;
    position: 			relative;
    text-align: 		center;
	border: 			1px solid #9f450e;
    cursor: 			pointer;
	background: 		#9f450e;
    background-image: 	-moz-linear-gradient(top, #e37303, #9f450e);
    background-image: 	-webkit-gradient(linear,left top,left bottom, color-stop(0,#e37303),color-stop(1,#9f450e));
    filter: 			progid:DXImageTransform.Microsoft.gradient(startColorstr='#e37303', endColorstr='#9f450e');
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 		6px;
}

.ui-btn-silver {
    cursor: 			pointer;
    display: 			block;
    margin: 			0 5px 0 0;
    position: 			relative;
    text-align: 		center;
	border: 			1px solid #bfc0c0;
    color: 				#333;
    cursor: 			pointer;
	background: 		bfc0c0;
    background-image: 	-moz-linear-gradient(top, #e6e6e6, #bfc0c0);
    background-image: 	-webkit-gradient(linear,left top,left bottom, color-stop(0,#e6e6e6),color-stop(1,#bfc0c0));
    filter: 			progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#bfc0c0');
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 		6px;
}

.ui-btn-inline{
	display:			inline-block;
}

.ui-btn-inner {
    display: 			block;
    height: 			100%;
    overflow: 			hidden;
    padding: 			8px 25px;
    white-space: 		nowrap;
	border:				0px solid black;
	background:			none;
	cursor:				pointer; 
	color:				white;
	text-shadow: 		0 1px 1px #9f450e;
	font-weight: 		bold;
    text-decoration: 	none;
}

.ui-btn-inner-silver {
  color:				#333;
  text-shadow: 			0 1px 1px #fff;
}

hr {
	border-bottom: 		1px solid #DDDDDD;
}

#webapp_footer {
	text-align:			right;
	padding-right:		10px;
	color:				#888;
	font-size:			10px;
}

#webapp_footer a {
	color:				#888;
}

div.phonebuttonwrapper {
	width:				100%;
	text-align:			center;
}

#webapp_page_content a.phonebutton {
	display:			block;
	width:				200px;
	height:				40px;
	color:				white;
	font-weight:		bold;
	text-decoration:	none;
	background:			url('/WBB/images/phone_basic/phone-button.png');
	margin-left:		auto;
	margin-right:		auto;
	line-height:		40px;
	font-size:			17px;
}