@charset "utf-8";
/* CSS Document */

body {
	background:#fff;
	font-family: Tahoma, Geneva, sans-serif;
}

.mainDiv{

	margin:0 auto;
	background: #fff;
	padding:10px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix {
	min-height: 0;
}

.displayBlock{
	display:inline-block;
	vertical-align:top;
}

.tright{
	text-align:right;
}

.tleft{
	text-align:left;
}

/*Fonts*/


.fontBlue{
	color:#3498db;
}

.fontOrange{
	color:#e67e22;
}

.fontRed{
	color:#e74c3c;
}

.fontGreen{
	color:#009946;
}

/*tiles Landing Page starts here*/

.fLeft{
	float:left;
}

.fRight{
	float:right;
}
.displayInline{
	display:inline-block;	
}
.sectionDiv{
	margin-left:10px;
	vertical-align:top;
}
.labelTxt{
	font-size:13px;
	color:#7a7b7d;	
}
.labelTxt1{
	font-size:13px;
	color:#a3a3a3;
	margin-left:5px;	
}
.countTxt{
	font-size:13px;
	color:#000;
	font-weight:bold;
	margin-left:10px;	
}
.countTxtWhite{
	font-size:18px;
	color:#fff;
	text-align:center;
}
.countsubTxt{
	font-size:11px;
	color:#a3cebf;
	text-align:center;
}
.countsubTxt1{
	font-size:11px;
	color:#cad1d1;
	text-align:center;
}
.greenBox{
	background-color:#00956e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:auto;
	margin-top:5px;
}

.grayBox{
	background-color:#8a9c9c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:auto;
	margin-top:5px;
}
.greenBox ul, .grayBox ul{
	padding:0px;
	margin:0px;	
}
.greenBox ul li{
	list-style:none;
	padding:7px 20px 8px 20px;
	display:inline-block;
	background: url(../Resources/images/application/green_line.png) no-repeat right center;
	cursor:pointer;
}
.grayBox ul li{
	list-style:none;
	padding:7px 20px 8px 20px;
	display:inline-block;
	background: url(../Resources/images/application/gray_line.png) no-repeat right center;
	cursor:pointer;
}
.greenBox ul li:last-child, .grayBox ul li:last-child {
	background:none;	
}

/*-------  Blue Tab Section  ----------------*/

.tabSection{
	font-size:11px;
	font-weight:bold;
}
.blueTab{
	background-color:#24b1d8;
	padding:11px 25px 12px 25px;
	color:#fff;
	position:relative;
	display:inline-block;
	text-align:center
}
.grayTab{
	background-color:#394045;
	padding:11px 25px 12px 25px;
	color:#fff;
	position:relative;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}
.blueTabArrow{
	position:absolute;
	bottom:-10px;
	width:24px;
	height:10px;
	left:6px;
	background: url(../Resources/images/application/tab_arow.png) no-repeat right center;	
}

/*-------  Search Filter Tab Section  ----------------*/

.orangeFilter{
	background-color:#f3a123;
	border:1px solid #d58204;
	width:40px;
	height:44px;
	position:relative;	
}
.orangeArrow{
	background: url(../Resources/images/application/orange_arrow.png) no-repeat;
	position:absolute;
	top:4px;
	width:10px;
	height:24px;
	right:-10px;	
}

.filterWhiteIco{
	background: url(../Resources/images/application/filter_white.png) center center no-repeat;
	height:8px;
	padding:4px;
}
.filterGrayIco{
	background: url(../Resources/images/application/filter_gray.png) center center no-repeat;
	height:8px;
	padding:5px;
}
.filterWhiteTxt{
	color:#fff;
	font-size:11px;
	text-align:center;	
}


.grayFilter{
	background:#dbdbdb url(../Resources/images/application/grar_filter_bg.png) repeat-x;	
	border:1px solid #cccccc;
	width:40px;
	height:46px;
	position:relative;
	cursor:pointer;	
}
.filterGryTxt{
	color:#000;
	font-size:11px;
	text-align:center;	
}
.searchWhiteIco{
	background: url(../Resources/images/application/search_white.png) center center no-repeat;
	height:14px;
	margin-top:3px;
}
.searchGrayIco{
	background: url(../Resources/images/application/search_gray.png) center center no-repeat;
	height:14px;
	margin-top:3px;
}
.searchFilter{
	margin-right:20px;	
}

/*------------  My Genie Recommendations  -----------------*/

.genie{
	padding:5px;	
}
.genieTxt{
	font-size:11px;
	color:#000;	
	padding:8px 10px 9px 0px;
	vertical-align:top;
}
.genieIcon{
	background: url(../Resources/images/application/genie_icon.png) center center no-repeat;
	height:30px;
	width:30px;
	vertical-align:top;
	cursor:pointer;
}

/*------------  Tool Bar Section -----------------*/


.toolBarBg{
	background-color:#464343;
	border:1px solid #000;
}
.toolBarLabel{
	font-size:11px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	margin-left:10px;
	line-height:30px;
}
.toolBarTxt{
	font-size:11px;
	color:#fff;
	display:inline-block;
	margin-left:5px;
	vertical-align:top;
	line-height:30px;
}
.toolIcon{
	padding:0px;
	margin:0px 0px 0px 30px;	
}
.toolIcon li{
	list-style:none;
	width:36px;
	height:22px;
	border-left:1px solid #282525;
	display:inline-block;
	margin:5px 0px 0px 0px;
	cursor:pointer;
	position:relative;	
}


.prCont0{
	width:256px;
	height:24px;
}

.prCont{
	width:256px;
	height:70px;
}

.prLab1{
	font-size:13px;
	color:#7a7a7a;
	margin:5px;
}

.prVal1{
	font-size:13px;
	margin:5px 3px 5px 0px;
	font-weight:bold;
}

.prVal2{
	font-size:13px;
	margin:5px 0px 5px 0px;
	color:#464646;
}

.prVal3{
	font-size:18px;
	margin:6px 0px 0px 0px;
	color:#ffffff;
}

.prVal4{
	font-size:11px;
	color:#ffffff;
	opacity:.7;
}

.prCont1a{
	background:url(../Resources/images/application/bg_1.png) no-repeat;
	height:50px;
	width:256px;
}

.prCont1b{
	background:url(../Resources/images/application/bg_2.png) no-repeat;
	height:50px;
	width:256px;
}
.prCont1c{
	background:url(../Resources/images/application/bg_3.png) no-repeat;
	height:50px;
	width:256px;
}

.prCont2{
	width:85px;
	text-align:center;
}


.pr_icon1{
	background: url(../Resources/images/application/icon1.png) center center no-repeat;
}
.pr_icon2{
	background: url(../Resources/images/application/icon2.png) center center no-repeat;
}
.pr_icon3{
	background: url(../Resources/images/application/icon3.png) center center no-repeat;
}
.pr_icon4{
	background: url(../Resources/images/application/icon4.png) center center no-repeat;
}
.pr_icon5{
	background: url(../Resources/images/application/icon5.png) center center no-repeat;
}
.pr_icon6{
	background: url(../Resources/images/application/icon6.png) center center no-repeat;
}
.pr_icon7{
	background: url(../Resources/images/application/icon7.png) center center no-repeat;
}
.iconCount{
	background-color:#e60e0e;
	font-size:10px;
	color:#fff;
	position:absolute;
	top:0px;
	right:0px;
	padding:0px 4px 0px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.iconOpacity{
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */	
}
.iconDissable{
	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
	cursor:default !important;	
}


.x-field-img_item_bb
{
	background:url("../Resources/images/application/item_unsel.png")  no-repeat center!important; 
	padding-top:4px !important;
	float: left !important;
	height:22px !important;
	width:100px !important;
	background-size: 100px !important;
	border:none !important;
	cursor:pointer !important;
	color:#1d2123 !important;
	font-size:11px !important;
	text-align:center !important;	
}

.x-btn-pressed .x-field-img_item_bb
{
	background:url("../Resources/images/application/item_sel.png")  no-repeat center!important;
	padding-top:4px !important;
	float: left !important;
	height:22px !important;
	width:100px !important;
	border:none !important;
	background-size: 100px !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-size:11px !important;
	text-align:center !important;
}

.x-field-img_pr_bb
{
	background:url("../Resources/images/application/PR_unsel.png")  no-repeat center!important;
	padding-top:4px !important;
	float: left !important;
	height:22px !important;
	width:100px !important;
	border:none !important;
	cursor:pointer !important;
	background-size: 100px !important;
	color:#1d2123 !important;
	font-size:11px !important;
	text-align:center !important;	
}

.x-btn-pressed .x-field-img_pr_bb
{
	background:url("../Resources/images/application/PR_sel.png")  no-repeat center!important;
	padding-top:4px !important;
	float: left !important;
	height:22px !important;
	width:100px !important;
	border:none !important;
	cursor:pointer !important;
	background-size: 100px !important;
	color:#ffffff !important;
	font-size:11px !important;
	text-align:center !important;
}
 
.x-field-disp_only1_app_pr_cls{
	font-size:12px !important;
	color:#e28601 !important;
	font-weight:bold !important;		
}
.x-field-po_info1_create_cls{
	font-size:11px !important;
	color:#737373 !important;
	font-weight:bold !important;
	width:190px !important;			
}
.x-field-mygenierecom_cls{
	font-size:11px !important;
	color:#737373 !important;
	font-weight:bold !important;
	width:165px !important;		
}
.x-field-mysel_disonly1_cls
{
	font-size:12px !important;
	color:#e28601 !important;
	font-weight:bold !important;		
}