@charset "utf-8";

/* Component containers
----------------------------------*/
/*.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}*/
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	/*background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;*/
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
/*.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}*/
.ui-widget-header a {
	/*color: #222222;*/
}

body{
	font-family:Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.italics{
	font-style:italic;
}
.question{
	font-size: 16px;	
}

/*Tool tip*/
.header{
	background-color:#FFF;	
}
.headerText{
	background-color:#FFF;	
}
.footer{
	margin-top:20px;
}

.preference {
	margin-left: 10px;
}
.impairment-outer {
	margin-left: 10px;
	margin-bottom: -10px;
}

.need-outer {
	margin-top: 10px;
}

.tip-placeholder{
	/*border: #CCCCCC solid 1px;*/
	position: fixed;
width: 250px;
top: 255px;
left: 400px;
margin-left: 10px;
height: 90px;
}

.step1-box{
	margin-right: 10px;	
margin-left: 10px;	
padding-bottom: 20px;	
border-bottom: #CCC solid 1px;
}
.bodytext{
padding-bottom: 20px;	
}

label {
margin-left: 10px;
font-size: 0.9em;	
}
.tool-tip{
font-size:14px;
left: 5px;
position: fixed;
width: 250px;
top: 270px;
left: 400px;
margin-left: 10px;
height: 80px;
padding: 5px;

}
.impairment-outer .tool-tip
{
top: 260px;
height: 50px;
}

/*Phone Details Pop-up*/
.phone-hover{
	border: #CCCCCC solid 1px;
	padding: 10px;
	width:240px;
	position:absolute;
	left:50px;
	top:10px;
	opacity: 1;
	background-color: white;
	text-align: left;
	line-height:normal;
}
.float-right {
float: right;
margin: 10px;	
}
.large-phone-image{
text-align:left;
float:right;
width:auto;
position:absolute;
left: 720px;

}

/*Phone Panel Elements*/
.phone-listing{
margin-top: 0px;	
}

td{
	border-bottom:#999 solid 1px;
	font-size: 0.9em;
}

#phones-images {
	height: 270px;
	overflow-y: scroll;
	
}
.phone-panel{

float:right;
/*height: 800px;*/
width: 310px;
border: #CCCCCC solid 1px;
margin-left:10px;
margin-right:10px;
text-align:left;
}
.phone {
margin-bottom: 5px;
}

.most-suitable-header{
padding-top: 5px;
padding-bottom: 5px;
border-bottom: #0979c8 solid 3px;
font-weight: bold;
}
.most-suitable-box {
/*padding-left: 20px;	*/
padding-bottom: 20px;	
border-bottom: #CCC solid 1px;
}

.suitable-text {
margin-left: 10px;
}
.well-suited-header{
padding-top: 5px;
padding-bottom: 5px;
border-bottom: #0979c8 solid 3px;
font-weight: bold;
}

.well-suited-box{
		border: #CCCCCC solid 1px;
		margin-bottom: 10px;
}
.suited-box{
	border: #CCCCCC solid 1px;
	margin-bottom: 10px;
}
.suited-header {
	padding-top: 5px;
padding-bottom: 5px;
border-bottom: #0979c8 solid 3px;
font-weight: bold;
}
.least-suited-header {
	padding-top: 5px;
margin-bottom: 5px;
border-bottom: #0979c8 solid 3px;
font-weight: bold;
	
}
.least-suited-box{
	
	/*border: #CCCCCC solid 1px;*/
	margin-bottom: 10px;
}

ul.phone{
  width:260px;
  overflow:hidden;
  /*border-top:1px solid #ccc;*/
}
li.phone{
  line-height:1em;
  /*border-bottom:1px solid #ccc;*/
  float:left;
  display:inline;
  }
#double li  { width:50%;} 

/*Main Panel*/
#main {
	float: left;
	width:670px;
	border: #CCCCCC solid 1px;
/*	height: 800px; */
	padding-left: 10px;
}
.all-content{
background-color:#FFFFCC;
width:1020px;
}

.sub-heading{

		
}

/* Phone Scrolling*/

.phone-pic {
	/*margin:5px;*/
}


.phone-item{
	margin:2px;
	border: #CCCCCC solid 1px;
	padding: 5px;
	text-align:center;
	height: 80px;
	display: inline-block;
	width:75px;
	vertical-align:text-top;
}
.phone-item a{
	text-decoration: none;
}
.phone-item a:hover{
	text-decoration:underline;
}

.phone-name {
font-size:10px;
margin-top: 0px;
height:20px;
clear:both;
}
.phone-column{
float:left;	
}
.phone-col{
width: 100px;
float: left;
margin: 2px;
}

.scroll-pane {
	overflow: auto;
	width: 300px;
	height: 300px;
	float:left;
}
.scroll-content {
	width: 1000px;
	float: left;
}
.scroll-content-item {
	width: 70px;
	height: 100px;
	float: left;
	margin: 10px;
	font-size: 1em;
	line-height: 60px;
	text-align: center;
}
.scroll-bar-wrap {
	clear: left;
	padding: 0 4px 0 2px;
	margin: 0 -1px -1px -1px;
}
.scroll-bar-wrap .ui-slider {
	background: none;
	border:0;
	height: 2em;
	margin: 0 auto;
}
.scroll-bar-wrap .ui-handle-helper-parent {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.scroll-bar-wrap .ui-slider-handle {
	top:.2em;
	height: 1.5em;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon {
	margin: -8px auto 0;
	position: relative;
	top: 50%;
}
/* CSS Document */

h3 {
	margin-left: 10px;	
}
.difficulty {
margin-left: 50px;
margin-top: 10px;
padding-bottom: 10px;
}
.impairment {
margin-top: 20px;	
}
.button-left {
float:left;	
}
.button-right {
	float:right;
	margin-right: 30px;
}
.disable-link {
	pointer-events: none;
	color: #888;
	cursor: default;
}