body{
/*	background-color: #313131; */
	background-color: #fff;
}

#devices *{
  font: normal 12px Arial, Helvetica, sans-serif;
}

#devices{
	width: 605px;
	height: 512px;
	background: #313131;
	overflow:hidden;
}

/*
*	Left SIDE
*/
	#leftSide{
		width: 160px;
		float: left;
		display:inline;
		margin: 15px 15px 0 15px;
		padding: 0;
		background: url(/images/devices/icon/rightSideBorder.gif) repeat-y right;
	}

		#leftSide p{
			color: #fffff0;
			text-align: left;
			padding-bottom: 5px;
			display: block;
		}

		#leftSide select#devicesOs{
			width: 144px;
			float: left;
			position: relative;
			border: none;
			padding: 2px 2px 2px 2px;
			margin-bottom: 10px;
		}
			#leftSide select#devicesOs option{
				border: none;
			}

		#leftSide #search{
			width: 138px !important; 
			width: 144px;
			height:16px !important;
			height:22px;
			display: block;
			border: none;
			padding: 3px 3px 3px 3px;
			margin-bottom: 10px;
			background: #fff;
		}
		
		#leftSide #search.load{
			background: #fff url(/images/devices/icon/load_18.gif) no-repeat right;	
		}

		#leftSide #devicesSelectList{
			width: 144px;
			height: 360px;
			overflow: auto;
			position: relative;
			background: white;
		}

			#leftSide #devicesSelectList #list{
				width: 120px;
				height: 360px;
				float:left;
				position: relative;
				padding: 0;
				margin: 0;
				background: white;
			}
			
				#leftSide #devicesSelectList #list div{
					width: 115px;
					text-align: left;
					padding: 3px;
					margin: 3px;
					border-bottom: 1px dotted #c8c8c8;
					cursor: pointer;
				}
			
				#leftSide #devicesSelectList #list div.selected{
					background: #3c3c3c;
					color: #fafad2;
				}
				
				#leftSide #devicesSelectList #list div.hover{
					background: #fafad2;
					color: #3c3c3c;
				}

/* Right Side*/

	#rightSide{
		width: 400px;
		float: left;
		margin: 15px 15px 0 0;
		padding: 0;
	}

		#rightSide #devicesBox{
			width: 400px;
			height: 165px;
			overflow: auto;
			position: relative;
		}

			#rightSide #devicesBox #deviceItems{
				width: 400px;
				height: 145px;
				position: relative;
			}
			
			#rightSide #devicesBox #deviceItems.load{
				background: url(../../images/devices/icon/loader.gif) no-repeat 120px 60px;
			}

				#rightSide #devicesBox #deviceItems div{
					width: 100px;
					height: 140px;
					float: left;
					display:inline-block;
					position:relative;
					padding: 5px 0 0 0;
					margin: 0;
					text-align: center;
					color: #989898;
					cursor: pointer;
					overflow:hidden;
					
				}
			
				#rightSide #devicesBox #deviceItems div.selected{
					background: #3c3c3c;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
				}

				#rightSide #devicesBox #deviceItems div.selectedImg{
					background: url(../../images/devices/icon/imgBg.png) no-repeat 0 0 ;
				}


					#rightSide #devicesBox #deviceItems div img{
						width: 100px;
						height: 100px;
						display: block;
						border: solid 0px;
						behavior: url(../../js/iepngfix.htc);
					}

					#rightSide #devicesBox #deviceItems div strong{
						font: normal 11px Arial, Helvetica, sans-serif ;
					}


		#rightSide #featureList{
			height: 267px;
		}

			#rightSide #featureList #welcomeMess h1{
				font: bold 14px/16px Verdana, Geneva, Arial, Helvetica, sans-serif ;
				color: #f0ff00;
     			text-align: center;
				margin: 30px 0 0 0;
			}

			#rightSide #featureList #welcomeMess p a:link,
			#rightSide #featureList #welcomeMess p a:visited{
				font: normal 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif ;
			}

			#rightSide #featureList #welcomeMess p{
				font: normal 12px/15px Verdana, Geneva, Arial, Helvetica, sans-serif ;
				color: #B7B7B7;
				margin: 10px;
     		}

			#rightSide #featureList #noDeviceMess h1{
				font: bold 14px/36px Verdana, Geneva, Arial, Helvetica, sans-serif ;
				color: #f0ff00;
     			text-align: center;
				margin: 0 0 0 0;
			}
			#rightSide #featureList a:link,
			#rightSide #featureList a:visited{
				color: #aaaaaa;
			}
			
			

			#rightSide #featureList #noDeviceMess p{
				font: normal 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif ;
				color: #B7B7B7;
				margin: 10px;
     		}
	
				
			#rightSide #featureList #featTable .fetureTableHeading{
				font: bold 12px/36px Verdana, Geneva, Arial, Helvetica, sans-serif ;
				color: #f0ff00;
				text-align: center;
				margin: 10px 0 0 0;
			}
		
			#rightSide #featureList #featTable #featuresItems{
				height: 251px;
				width: 400px;
				float: left;
				display:inline;
				overflow: auto;
			}
			
			#rightSide #featureList #featTable #featuresItems.loading{
				background: url(../../images/devices/icon/loader.gif) no-repeat center;	
			}

				#rightSide #featureList #featTable #featuresItems .featureItem{
					height: 36px;
					background-image: url(../../images/devices/icon/features.png);
					background-repeat: no-repeat;
				}

					#rightSide #featureList #featTable #featuresItems .featureItem .featExpert{
						width: 33px;
						height: 9px;
						display: block;
						float: left;
						margin: 6px 0px 0px 10px;
						background: url(../../images/devices/icon/expert.png) no-repeat;
					}

					#rightSide #featureList #featTable #featuresItems .featureItem h3{
						margin: 3px 0px 0px 50px;
						text-align: left;
						color: #ccc;
						float: left;
						display:inline;
					}

					#rightSide #featureList #featTable #featuresItems .featureItem h4{
						display: block;
						margin: 4px 0px 0px 50px !important;
						margin: 0px 0px 0px 50px;
						text-align: left;
						color: #7e7e7e;
						clear: left;
						white-space:nowrap;
						font-size: 11px;
					}

					#featContacts{		background-position: 0px 0px; }
					#featConnection{	background-position: 0px -36px; }
					#featActivity{		background-position: 0px -72px; }
					#featIcal{			background-position: 0px -108px; }
					#featTodos{			background-position: 0px -144px; }
					#featSbook{			background-position: 0px -180px; }
					#featMailNotes{		background-position: 0px -216px; }
					#featEntoNotes{		background-position: 0px -252px; }
					#featFolders{		background-position: 0px -288px; }
					#featCalls{			background-position: 0px -324px; }
					#featFbook{			background-position: 0px -360px; }
					#featStickies{		background-position: 0px -396px; }
					#featMail{			background-position: 0px -432px; }
					#featIphoto{		background-position: 0px -468px; }
					#featItunes{		background-position: 0px -504px; }
					#featTime{			background-position: 0px -540px; }
					#featDevInfo{		background-position: 0px -576px; }
					#featAppList{		background-position: 0px -612px; }
					#featSmsRead{		background-position: 0px -648px; }
					#featSmsManage{		background-position: 0px -684px; }
					#featMount{			background-position: 0px -720px; }
					#featAutoSync{		background-position: 0px -756px; } 
					#rightSide #featureList #featTable #featuresItems #featBackUp{ 		background-image: url(../../images/devices/icon/Backup_Icon.png); }
					
	
		#rightSide #featureList #featTable .featMessage{
			background:#434343;
			padding: 10px;
			margin: 10px 10px 10px 0;
			border-top: dashed 1px #545454;
			border-bottom: dashed 1px #545454;
			text-align:justify;
			color: #a4a4a4;
		}


	#reportDevice{
		position:absolute;
		top:250px;
		
	}
	
	#reportLink{
		width:605px;
		height:25px;
		background: #3d3d3d;
		position:absolute;
		top: 235px;
		line-height:25px;
		text-align:center;
		border-top: solid 1px #555555 ;
	}

		#reportLink a:link,
		#reportLink a:visited{
			color: #f0ff00;
		}

	#reportDevice #reportForm{
		position: relative;
		width:605px;
		height: 0px;
		top: 235px;
		background: #303030;
		overflow:hidden;
		border-top: solid 4px #808080;
		display: none;
	}
	
	#formCont{
		border: solid 1px #555;
		margin:15px;
		padding:15px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
  		border-radius: 3px;
	}
	
	#reportDevice h3{
		font: bold 12px/28px Arial, Helvetica, sans-serif;
		color: #ebebeb;
		float:left;
		width: 180px;
		text-align:right;

	}
	
	#reportDevice input.textField{
		width: 250px;
		margin: 4px;
		padding:3px;
		border: solid 1px #555;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
  		border-radius: 3px;
	}

	#reportDevice textarea{
		width: 250px;
		margin: 4px;
		padding:3px;
		border: solid 1px #555;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
  		border-radius: 3px;
	}
	#reportDevice .textFieldh{
		display: none;
	}
	
	#reportDevice input.req{
		background: #ffd7d7;
	}
	
	
	#deviceSubmit{
		float: right;
		margin-top: -28px;
		padding:3px;
		border: solid 1px #555;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
  		border-radius: 3px;
	}

	#reportForm.loading{
		background: #313131 url(../../images/devices/icon/loader.gif) no-repeat center;	
	}

	#reportDevice #message{
		width:194px;
		height:65px;
		padding:15px;
		position:absolute;
		left: 195px;
		top: 54px;
		font: bold 12px/22px Arial, Helvetica, sans-serif;
		color:#313131;
		background-color:#f3f3f3;;
		border: solid 1px #555;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
  		box-shadow: 0 0 10px #000;
  		-webkit-box-shadow: 0 0 10px #000;
  		-moz-box-shadow: 0 0 10px #000;
		text-align:center;
	}