body{ margin:0px; padding:0px; font-size:20px; color:#666666;font-family: Avenir-Light,Arial,Calibri,sans-serif; background:black; 
-webkit-touch-callout: none; 
-webkit-user-select: none;
 
}



.loginBody
{
    background-color:transparent;
}

input, label, textarea{font-family: Avenir-Light,Arial,Calibri,  sans-serif; font-size:14px;outline:none;}  

::-webkit-input-placeholder { color:#A3A3A3; }
  
label{font-size:13px;}
img{border:none;}


a { text-decoration:none;}
p{padding:0px 0px 0px; margin:0px; font-size:20px; color:#fff;font-family: Arial,Calibri,  sans-serif;}
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}
h1{ font-weight:normal; font-size:56px; padding-bottom:19px; color:#444444; border-bottom:1px solid #FA8A1C; text-transform:uppercase;}
.blueLine{border-bottom:1px solid #19A2DE;}
.clear_div{clear:both;}

/*headersec*/
/*background:#01213a*/
.page_content{ width:1920px; margin:0 auto;}
header{ width:100%; height:249px; background:black; padding:27px 65px 29px;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.12); display:table;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.12);border-bottom:1px solid #5E5E5E;
}
.logo{ width:264px; padding:0px; float:left; margin:0px;}
.logo img { width:100%;}
.right_pannel{ padding:60px 0px 0px 0px; float:right; font-size:25px;}
.right_article{ float:left; font-size:25px; padding-top:10px; margin-left:20px;cursor:pointer}
.right_article p{ float:left; padding:1px 10px 0 0; color:#fff;font-family:AppleSDGothicNeo-Regular,AppleSDGothicNeo-Medium,Arial,calibri,  Helvetica, sans-serif;}

/*contentsec*/
.tile_block{ width:100%; padding:0 0px;}
.tile_block p { font-size:20px;}

.content{width:1920px;  margin:30px auto 0;background-color:white;
background-image: -webkit-gradient(	linear,	left top,left bottom,color-stop(0.36, rgb(218, 218, 218)),color-stop(0.67, rgb(255, 255, 255)));
background-image: -o-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
background-image: -moz-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
background-image: -ms-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
background-image: linear-gradient(to bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
border:solid 1px #fff; padding-bottom:95px;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.12);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.12); position:relative;}

.sec_left{ padding:95px 0 0 120px; float:left; width:786px;}
.tile_row{ margin:26px 0 0 0;}
.head_title{ position:absolute; bottom:22px; left:18px; padding:0px 0px 0px; margin:0px; }
.head_title.bg{background-color:rgba(0,0,0,0.6);padding:0 2px 0 2px}
.head_title.hidden{display:none}
.head_title_small{ position:absolute; bottom:22px; left:18px; padding:0px 0px 0px; margin:0px;color:White }
.mid_space{ margin:0 30px;}
.number_block1{ background:#a9ba1e; width:40px; height:40px; position:absolute; right:5px; top:5px; font-size:22px; color:#fff; margin:0px; text-align:center; padding-top:7px;text-shadow: 0px 1px 1px rgba(99, 99, 99, 1); font-weight:bold;}
.number_block{ border-radius:15px; border:1px solid #919F1B; background:#9CAB1E; width:24px; height:24px; position:absolute; right:-8px; top:-5px; font-size:22px; color:#fff; margin:0px; text-align:center; padding-top:0px;text-shadow: 0px 1px 1px rgba(99, 99, 99, 1); font-weight:bold;
  text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
 
  border:1px solid white;
  background-color: #BFDC7A;
  
  background-image: -webkit-linear-gradient(top, #F23636, #992222); 
  
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  
  border-radius: 23px;
   -moz-border-radius: 23px;
   -webkit-border-radius:23px;
   z-index:1500;
}


 .ribbon-wrapper-green{ height: 88px; overflow: hidden; position: absolute; right: -3px; top: -3px; width: 85px;z-index:1000}
 .ribbon-green:before { left: 0; }
 .ribbon-green:before, .ribbon-green:after {border-left: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid rgba(0, 0, 0, 0); border-top: 3px solid #6E8900; bottom: -3px; content: ""; position: absolute;}
 .ribbon-green:after { right: 0;}
 .ribbon-green {font: bold 15px Sans-Serif;
  color: #fff;
  text-align: center;
  text-shadow: rgba(0,0,0,0.0) 1px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);  letter-spacing:1px;
}

 .ribbon-wrapper-gray{ height: 88px; overflow: hidden; position: absolute; right: -3px; top: -3px; width: 85px;z-index:1000}
 .ribbon-gray:before { left: 0; }
 .ribbon-gray:before, .ribbon-gray:after {border-left: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid rgba(0, 0, 0, 0); border-top: 3px solid #6E8900; bottom: -3px; content: ""; position: absolute;}
 .ribbon-gray:after { right: 0;}
 .ribbon-gray {font: bold 15px Sans-Serif;
  color: #fff;
  text-align: center;
  text-shadow: rgba(0,0,0,0.0) 1px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #414738;
  
  background-image: -webkit-linear-gradient(top, #A5A6A3, #868686); 
 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);  letter-spacing:1px;
}
.ribbon-gray.dim{opacity:0.6}



.tile {margin: 25px 0 0 0; width:120px; height:90px; float:left;cursor:pointer!important;color:#fff;}

.tile.hidden {opacity:0.2;}

.MarsChocColor1{ background:#a4a394;}
.MarsChocColor2{ background:#1d1c18;}
.MarsChocColor3{ background:#33578a;}
.MarsChocColor4{ background:#59361e;}
.MarsChocColor5{ background:#337066;}
.MarsChocColor6{ background:#d1b36e;}
.MarsChocColor7{ background:#af8a59;}
.MarsChocColor8{ background:#9b0031;}
.MarsChocColor9{ background:#5d7614;}
.MarsChocColor10{ background:#d25626;}

.MarsChocColor1,.MarsChocColor2,.MarsChocColor3,.MarsChocColor4,.MarsChocColor5,.MarsChocColor6,.MarsChocColor7,.MarsChocColor8,.MarsChocColor9,.MarsChocColor10{position:relative;-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.12);-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.12);box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.12);}  

.MarsChocColor1:before,.MarsChocColor2:before,.MarsChocColor3:before,.MarsChocColor4:before,.MarsChocColor5:before,.MarsChocColor6:before,.MarsChocColor7:before,.MarsChocColor8:before,.MarsChocColor9:before,.MarsChocColor10:before {
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}


.space{ margin:0px 0px;}
.sec_right{ float:right; width:786px; padding: 95px 120px 0 0px;}

/*footersec*/
footer{ background: #161616; /* Old browsers */
background: -moz-linear-gradient(top,  #434343 0%, #434343 49%, #222222 50%, #161616 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(49%,#434343), color-stop(50%,#222222), color-stop(100%,#161616)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #434343 0%,#434343 49%,#222222 50%,#161616 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #434343 0%,#434343 49%,#222222 50%,#161616 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #434343 0%,#434343 49%,#222222 50%,#161616 100%); /* IE10+ */
background: linear-gradient(to bottom,  #434343 0%,#434343 49%,#222222 50%,#161616 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#161616',GradientType=0); /* IE6-9 */
margin-top:54px; width:100%; padding: 0 65px; display:table;border-top:2px groove gray;}

.matrix{ float:left; padding:32px 0 0 0px; font-size:34px; }
.matrix a{text-decoration:none;font-family: Arial, Helvetica, sans-serif; color:#fff;text-shadow: 0px 1px 1px rgba(99, 99, 99, 1);}
.matrix sup {font-size:8px; position:relative; top:-5px;}

.footer_nav{ float:right;}
.footer_nav ul{ padding:0px; margin:0px; list-style:none;}
.footer_nav li{ float:left; margin-right:2px;}
.footer_nav li.first{ margin-right:0px;}
.footer_nav a{ display:block; background:#000; width:94px; height:74px; opacity:.1; padding-top:20px; text-align:center; transition:all 0.65s;}
.slider_main_left,.slider_left,.slider_main_right,.slider_right{ width:100%;}
 
 /*----new css start here--*/
 /*----changes by mukesh--*/
  .bg_strip{ background:#000; height:6px; width:100%; position:absolute; bottom:0; opacity:.1;}


/*Swiper 2.5.5 */
.swiper-container {margin:0px;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	
	padding-left:10px;
	
	
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
	width:100%;
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	
	display:inline-block;width:13px;height:13px;border-radius:13px;background:#aaa;opacity:0.7;cursor:pointer;margin-right:10px;
	
	background: -webkit-radial-gradient(#FFF 20%, #000);
    
}
.swiper-active-switch {
	/* Specific active button style: */	
	background:#222;
	background: -webkit-radial-gradient(gray 20%, black);
	opacity:0.9;
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
}

.pagination{position:absolute;z-index:100;left:10px;bottom:10px;border:5px}

.pagination-main
{
    /*bottom:auto;top:40%;left:97%;*/	
    bottom:-5px;text-align:center;
    z-index:100;
}
/*.pagination-main .swiper-pagination-switch{display:block;margin-right:0;margin-bottom:10px;}*/
.pagination-Overall{bottom:-5px;text-align:center;width:50%;left:50% !important;}
.pagination-OverallFull{width:100%;left:0!important;}

/*-----------Swiper Css end------------------------- */

/*Loader image style*/
.dvTileLoading {position: absolute;left: 47%;top: 50%;z-index:100;}
/*.spinner {margin: 0 auto;width: 32px;height: 32px;position: relative;} This was given to div inside dvTileLoading covering cubes */
.cube1, .cube2{
  background-color: #59361e;width: 25px;height: 25px;position: absolute;top: 0;left: 0; 
  -webkit-animation: cubemove 2s infinite ease-in-out;
  animation: cubemove 2s infinite ease-in-out;
  border-radius:3px;
}
.cube2 {background-color:#d1b36e;-webkit-animation-delay: -1s;animation-delay: -1s;}

@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}


.box{
	display: inline-block;
	height: 20px;
	width: 40px;
	border:0px solid;
	position: relative;
	/*margin:0 -4px -5px -2px;*/
	transition: all .2s ease;
}

/*loader 9*/
.loader9:before{
	content: "";
	position: absolute;
	top: 0px;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	-webkit-animation: loader9g 3s ease-in-out infinite;
			animation: loader10g 3s ease-in-out infinite;
}

.loader9{
	position: relative;
	width: 6px;
	height: 6px;
	border:0px solid;
	left: 20px;
	top:5px;
	border-radius: 6px;
	background-color: White;
}


.loader9:after{
	content: "";
	position: absolute;
	top: 0px;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	-webkit-animation: loader9d 3s ease-in-out infinite;
			animation: loader9d 3s ease-in-out infinite;
}

@-webkit-keyframes loader9g{
	0%{	left: -15px; background-color: rgba(255, 255, 255, .8); }
	50%{ left: 0px; background-color: rgba(255, 255, 255, .1);}
	100%{ left:-15px; background-color: rgba(255, 255, 255, .8); }
}
@keyframes loader9g{
	0%{	left: -15px; background-color: rgba(255, 255, 255, .8); }
	50%{ left: 0px; background-color: rgba(255, 255, 255, .1);}
	100%{ left:-15px; background-color: rgba(255, 255, 255, .8); }
}


@-webkit-keyframes loader9d{
	0%{	left: 15px; background-color: rgba(255, 255, 255, .8); }
	50%{ left: 0px; background-color: rgba(255, 255, 255, .1);}
	100%{ left:15px; background-color: rgba(255, 255, 255, .8); }
}
@keyframes loader9d{
	0%{	left: 15px; background-color: rgba(255, 255, 255, .8); }
	50%{ left: 0px; background-color: rgba(255, 255, 255, .1);}
	100%{ left:15px; background-color: rgba(255, 255, 255, .8); }
}
/*---loader2-------------------*/
.loader2{
	position: relative;
	width: 5px;
	height: 5px;
	left:21px;
	top:20px;
	background-color: #fff;
	border-radius: 20px;
}

.loader2:after{
	content: "";
	position: absolute;
	top: 3px;
	right: 2px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-radius: 0 0px 0px  50px;
	width: 20px;
	height: 20px;
	background-color: rgba(255, 255, 255, .6);
	-webkit-transform-origin:  100% 0%;
			transform-origin:  100% 0% ;
	-webkit-animation: loader2 3.5s linear infinite;
			animation: loader2 3.5s linear infinite;
}



@-webkit-keyframes loader2{
   0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes loader2{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/*Loader image style end*/

#panel {display:none; border-radius: 5px;z-index:1000;}
#flip{ position:relative;float:left}
.bottom_row {width:150px; padding: 10px 0 5px 0; height:auto; position:absolute; z-index:10; background-color:#F3F4F4; top:70px; right:-10px; border-radius: 5px;
-webkit-box-shadow: -9px 4px 5px 0px rgba(50, 50, 50, 0.19); -moz-box-shadow: -9px 4px 5px 0px rgba(50, 50, 50, 0.19); box-shadow: -9px 4px 5px 0px rgba(50, 50, 50, 0.19);}
.bottom_row ul { padding:0; margin:0;}
.bottom_row ul li { padding:0; margin:0; list-style:none; border-bottom:1px solid #ccc;}
.bottom_row ul li:last-child { padding-bottom:0px; border-bottom:0px}
.bottom_row ul li a {font-family:AppleSDGothicNeo-Light,AppleSDGothicNeo-Medium,Arial;color: #8E8F8F; font-size: 13px; font-weight: normal; text-decoration: none;transition: all 0.25s ease-out 0s; display:block; padding: 5px 10px 10px 10px;}
.bottom_row ul li a:hover {	background:#FFF; color:#000;}
.icon-eject-triangle {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F3F4F4; border-image: none; border-style: solid; border-width: 6px; top: -12px; height: 0; right: 14px; position: absolute; width: 0;}

.setting_icon,.pass_icon,.logout_icon,.footer_nav li.home, li.addtile,li.deleteTile,li.deleteTileTicked,li.reorderTile,.footer_nav li.help,.footer_nav li.info,.footer_nav li.sf,.star_pagination ul li a,.salesforce_logo,.sync_btn,.syncSmall_btn,.tileEditclose_btn,.editCrit,.blue_block,.listIcon,.dropdown_btn,.clear_btn,.search_btn,
.edit_tileicon,.delete_tile,.share_tile,.save_tile,.date_arrow,.sort_by_arrow,.download_icon,.print_icon,.view_icon,.downloadBtnIcon,.downloadBtnDisableIcon,.copy_tileicon,.delete_doc,.deleteDone,.local,.local.inactive,.reorderIcon,.acceptCroppedImg,.cancelCroppedImg,.rotateCroppedImg,.zoomInCroppedImg,.zoomOutCroppedImg,.dmLogo,.myDocsIcon,
.pptxIcon,.mp3Icon,.xlsxIcon,.pdfIcon,.zipIcon,.mp4Icon,.mpgIcon,.xlsIcon,.pptIcon,.htmIcon,.htmlIcon,.psdIcon,.gifIcon,.bmpIcon,.tiffIcon,.msiIcon,.jpgIcon,.jpegIcon,.iniIcon,.csvIcon,.exeIcon,.docIcon,.docxIcon,.pngIcon,.wavIcon,.icoIcon,.dbIcon,.mppIcon,.rtfIcon,.txtIcon,.sqlIcon,.vsdIcon,.pubIcon,.wmaIcon,.wmvIcon,.msgIcon,.qbbIcon,.qbwIcon,.qbaIcon,.qdfIcon,.unknownIcon, .movIcon,.i7zIcon,.ibooksIcon,.pxmIcon,.xlsmIcon,.ppsIcon,.ppsxIcon,.accdbIcon,.oftIcon,.docmIcon
{
    background: url(../images/bottomIcons-normal.png) no-repeat; background-size:799px 325px;
}

.CustomTileImage
{
    background-repeat: no-repeat; background-size:120px 90px;width:120px;height:90px;
}
.CustomTileImage_Small
{
    background-repeat: no-repeat; background-size:90px 67px;width:90px!important;height:67px!important;
}

.MarsChocImg1,.MarsChocImg2,.MarsChocImg3,.MarsChocImg4,.MarsChocImg5,.MarsChocImg6,.MarsChocImg7,.MarsChocImg8,.MarsChocImg9,.MarsChocImg10,.MarsChocImg11,.MarsChocImg12,.MarsChocImg13,.MarsChocImg14,.MarsChocImg15
{
    background-image: url(../images/TileImages.png);background-repeat: no-repeat; background-size:612px 275px;width:120px;height:90px;
}
.MarsChocImg16,.MarsChocImg17,.MarsChocImg18,.MarsChocImg19,.MarsChocImg20,.MarsChocImg21,.MarsChocImg22,.MarsChocImg23,.MarsChocImg24,.MarsChocImg25,.MarsChocImg26,.MarsChocImg27,.MarsChocImg28,.MarsChocImg29,.MarsChocImg30
{
    background-image: url(../images/TileImages1.png);background-repeat: no-repeat; background-size:612px 275px;width:120px;height:90px;
}
.MarsChocImg31,.MarsChocImg32,.MarsChocImg33,.MarsChocImg34,.MarsChocImg35,.MarsChocImg36,.MarsChocImg37,.MarsChocImg38,.MarsChocImg39,.MarsChocImg40,.MarsChocImg41,.MarsChocImg42,.MarsChocImg43,.MarsChocImg44,.MarsChocImg45
{
    background-image: url(../images/TileImages2.png);background-repeat: no-repeat; background-size:612px 275px;width:120px;height:90px;
}

.MarsChocImg1_Small,.MarsChocImg2_Small,.MarsChocImg3_Small,.MarsChocImg4_Small,.MarsChocImg5_Small,.MarsChocImg6_Small,.MarsChocImg7_Small,.MarsChocImg8_Small,.MarsChocImg9_Small,.MarsChocImg10_Small,.MarsChocImg11_Small,.MarsChocImg12_Small,.MarsChocImg13_Small,.MarsChocImg14_Small,.MarsChocImg15_Small
{
    background-image: url(../images/TileImages.png);background-repeat: no-repeat; background-size:459px 207px;width:90px!important;height:67px!important;
}
.MarsChocImg16_Small,.MarsChocImg17_Small,.MarsChocImg18_Small,.MarsChocImg19_Small,.MarsChocImg20_Small,.MarsChocImg21_Small,.MarsChocImg22_Small,.MarsChocImg23_Small,.MarsChocImg24_Small,.MarsChocImg25_Small,.MarsChocImg26_Small,.MarsChocImg27_Small,.MarsChocImg28_Small,.MarsChocImg29_Small,.MarsChocImg30_Small
{
    background-image: url(../images/TileImages1.png);background-repeat: no-repeat; background-size:459px 207px;width:90px!important;height:67px!important;
}
.MarsChocImg31_Small,.MarsChocImg32_Small,.MarsChocImg33_Small,.MarsChocImg34_Small,.MarsChocImg35_Small,.MarsChocImg36_Small,.MarsChocImg37_Small,.MarsChocImg38_Small,.MarsChocImg39_Small,.MarsChocImg40_Small,.MarsChocImg41_Small,.MarsChocImg42_Small,.MarsChocImg43_Small,.MarsChocImg44_Small,.MarsChocImg45_Small
{
    background-image: url(../images/TileImages2.png);background-repeat: no-repeat; background-size:459px 207px;width:90px!important;height:67px!important;
}

.MarsChocImg1_Tiny,.MarsChocImg2_Tiny,.MarsChocImg3_Tiny,.MarsChocImg4_Tiny,.MarsChocImg5_Tiny,.MarsChocImg6_Tiny,.MarsChocImg7_Tiny,.MarsChocImg8_Tiny,.MarsChocImg9_Tiny,.MarsChocImg10_Tiny,.MarsChocImg11_Tiny,.MarsChocImg12_Tiny,.MarsChocImg13_Tiny,.MarsChocImg14_Tiny,.MarsChocImg15_Tiny
{
    background-image: url(../images/TileImages.png);background-repeat: no-repeat; background-size:306px 138px;width:60px!important;height:45px!important;
}

.MarsChocImg1{background-position: 0px 0px;}
.MarsChocImg2{background-position: -123px 0px;}
.MarsChocImg3{background-position: -246px 0px;}
.MarsChocImg4{background-position: -368px 0px;}
.MarsChocImg5{background-position: -490px 0px;}
.MarsChocImg6{background-position:  0px  -93px;}
.MarsChocImg7{background-position: -123px -93px;}
.MarsChocImg8{background-position: -246px -93px;}
.MarsChocImg9{background-position: -368px -93px;}
.MarsChocImg10{background-position: -490px -93px;}
.MarsChocImg11{background-position: 0px -185px;}
.MarsChocImg12{background-position: -123px -185px;}
.MarsChocImg13{background-position: -246px -185px;}
.MarsChocImg14{background-position: -368px -185px;}
.MarsChocImg15{background-position: -490px -185px;}

.MarsChocImg16{background-position: 0px 0px;}
.MarsChocImg17{background-position: -123px 0px;}
.MarsChocImg18{background-position: -246px 0px;}
.MarsChocImg19{background-position: -368px 0px;}
.MarsChocImg20{background-position: -490px 0px;}
.MarsChocImg21{background-position:  0px  -93px;}
.MarsChocImg22{background-position: -123px -93px;}
.MarsChocImg23{background-position: -246px -93px;}
.MarsChocImg24{background-position: -368px -93px;}
.MarsChocImg25{background-position: -490px -93px;}
.MarsChocImg26{background-position: 0px -185px;}
.MarsChocImg27{background-position: -123px -185px;}
.MarsChocImg28{background-position: -246px -185px;}
.MarsChocImg29{background-position: -368px -185px;}
.MarsChocImg30{background-position: -490px -185px;}

.MarsChocImg31{background-position: 0px 0px;}
.MarsChocImg32{background-position: -123px 0px;}
.MarsChocImg33{background-position: -246px 0px;}
.MarsChocImg34{background-position: -368px 0px;}
.MarsChocImg35{background-position: -490px 0px;}
.MarsChocImg36{background-position:  0px  -93px;}
.MarsChocImg37{background-position: -123px -93px;}
.MarsChocImg38{background-position: -246px -93px;}
.MarsChocImg39{background-position: -368px -93px;}
.MarsChocImg40{background-position: -490px -93px;}
.MarsChocImg41{background-position: 0px -185px;}
.MarsChocImg42{background-position: -123px -185px;}
.MarsChocImg43{background-position: -246px -185px;}
.MarsChocImg44{background-position: -368px -185px;}
.MarsChocImg45{background-position: -490px -185px;}

.MarsChocImg1_Small{background-position: 0px 0px;}
.MarsChocImg2_Small{background-position: -91px 0px;}
.MarsChocImg3_Small{background-position: -184px 0px;}
.MarsChocImg4_Small{background-position: -276px 0px;}
.MarsChocImg5_Small{background-position: -367px 0px;}
.MarsChocImg6_Small{background-position:  0px  -70px;}
.MarsChocImg7_Small{background-position: -91px -70px;}
.MarsChocImg8_Small{background-position: -184px -70px;}
.MarsChocImg9_Small{background-position: -276px -70px;}
.MarsChocImg10_Small{background-position: -367px -70px;}
.MarsChocImg11_Small{background-position: 0px -140px;}
.MarsChocImg12_Small{background-position: -91px -140px;}
.MarsChocImg13_Small{background-position: -184px -140px;}
.MarsChocImg14_Small{background-position: -276px -140px;}
.MarsChocImg15_Small{background-position: -367px -140px;}

.MarsChocImg16_Small{background-position: 0px 0px;}
.MarsChocImg17_Small{background-position: -91px 0px;}
.MarsChocImg18_Small{background-position: -184px 0px;}
.MarsChocImg19_Small{background-position: -276px 0px;}
.MarsChocImg20_Small{background-position: -367px 0px;}
.MarsChocImg21_Small{background-position:  0px  -70px;}
.MarsChocImg22_Small{background-position: -91px -70px;}
.MarsChocImg23_Small{background-position: -184px -70px;}
.MarsChocImg24_Small{background-position: -276px -70px;}
.MarsChocImg25_Small{background-position: -367px -70px;}
.MarsChocImg26_Small{background-position: 0px -140px;}
.MarsChocImg27_Small{background-position: -91px -140px;}
.MarsChocImg28_Small{background-position: -184px -140px;}
.MarsChocImg29_Small{background-position: -276px -140px;}
.MarsChocImg30_Small{background-position: -367px -140px;}

.MarsChocImg31_Small{background-position: 0px 0px;}
.MarsChocImg32_Small{background-position: -91px 0px;}
.MarsChocImg33_Small{background-position: -184px 0px;}
.MarsChocImg34_Small{background-position: -276px 0px;}
.MarsChocImg35_Small{background-position: -367px 0px;}
.MarsChocImg36_Small{background-position:  0px  -70px;}
.MarsChocImg37_Small{background-position: -91px -70px;}
.MarsChocImg38_Small{background-position: -184px -70px;}
.MarsChocImg39_Small{background-position: -276px -70px;}
.MarsChocImg40_Small{background-position: -367px -70px;}
.MarsChocImg41_Small{background-position: 0px -140px;}
.MarsChocImg42_Small{background-position: -91px -140px;}
.MarsChocImg43_Small{background-position: -184px -140px;}
.MarsChocImg44_Small{background-position: -276px -140px;}
.MarsChocImg45_Small{background-position: -367px -140px;}

.MarsChocImg1_Tiny{background-position: 0px 0px;}
.MarsChocImg2_Tiny{background-position: -61px 0px;}
.MarsChocImg3_Tiny{background-position: -123px 0px;}
.MarsChocImg4_Tiny{background-position: -184px 0px;}
.MarsChocImg5_Tiny{background-position: -245px 0px;}
.MarsChocImg6_Tiny{background-position:  0px  -46px;}
.MarsChocImg7_Tiny{background-position: -61px -46px;}
.MarsChocImg8_Tiny{background-position: -123px -46px;}
.MarsChocImg9_Tiny{background-position: -184px -46px;}
.MarsChocImg10_Tiny{background-position: -245px -46px;}
.MarsChocImg11_Tiny{background-position: 0px -92px;}
.MarsChocImg12_Tiny{background-position: -61px -92px;}
.MarsChocImg13_Tiny{background-position: -123px -92px;}
.MarsChocImg14_Tiny{background-position: -184px -92px;}
.MarsChocImg15_Tiny{background-position: -245px -92px;}



.setting_icon {background-position: -136px 0px; width:16px; height:16px; float:left; margin:2px 5px 0 0;}
.pass_icon {background-position: -350px 0px; width:16px; height:16px; float:left; margin:2px 5px 0 0;}
.logout_icon {background-position: -153px -1px; width:16px; height:16px; float:left; margin:0px 5px 0 0;}
.blue_block{ background-position:-497px -3px;background-color:#009fde; width: 20px;height: 20px; float:left;border-radius:3px;}

.listIcon{background-position:-497px -6px;background-color:#6F6F6F; width: 20px;height: 11px;position:absolute;float:right;right:-3px;bottom:-3px;border:1px solid rgba(255,255,255,1)}

.footer_nav li.home,.footer_nav li.help,.footer_nav li.info,.footer_nav li.sf{border-right:1px solid rgba(255, 255, 255, .1)}
.footer_nav li.home {background-position: 15px 12px;}
.footer_nav li.addtile {background-position:-440px 12px;}
.footer_nav li.deleteTile {background-position:-590px 12px;}
.footer_nav li.deleteTileTicked {background-position:-752px -166px;}
.footer_nav li.reorderTile {background-position:-625px 12px;}

.footer_nav li.help {background-position:-19px 12px;}
.footer_nav li.info {background-position:-53px 12px;border-right:0px}
.footer_nav li.sf {background-position: -85px 12px; }



/*Document list*/
.content_block{width:1920px;  margin:30px auto 0;background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.36, rgb(218, 218, 218)),
	color-stop(0.67, rgb(255, 255, 255))
);
background-image: -o-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
background-image: -moz-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);

background-image: -ms-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
background-image: linear-gradient(to bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);}

.tile_detail{width:1920px; height:auto; margin:0 auto;}
.tile_detail_left{z-index:2; width:180px; float:left;overflow:hidden; height:1100px; background:url(../images/shadow.png) repeat-y right top #383838;padding: 18px 25px 0px 19px;}
.tile_detail h1{ font-size:25px; border:none; color:#FFFFFF;  padding:10px 0 0px 0; margin:0; font-weight:normal; text-transform:capitalize;cursor:pointer}	
.tile_detail span{font-size:12px; color:#959595;}
#TileDate{padding:14px 0 14px 0;font-size:12px; color:#959595;}
.linkrate_block{ width:100%;padding: 0px 0 14px 0; margin: 15px 0 5px 0; }
.linkrate_block h2{ font-size:12px; color:#9c9c9c; padding: 0 0 10px 0; font-weight:normal;float:left; }
.linkrate_block div{font-size:11px; color:#9c9c9c; padding: 2px 0 0px 5px; font-weight:normal;float:left; }

.star_pagination{ width:170px; height:auto; float:left; margin: 0px 0 10px 0;}
.star_pagination ul{ padding:0; margin:0;}
.star_pagination ul li{ padding:0; margin:0 10px 0 -5px; float:left; list-style:none;}
.star_pagination ul li a{ padding:0; margin:0 2px; background-position:-548px -4px; width:19px; height:19px; float:left; }

.starSelected{ background-position: -525px -4px!important; width:19px; height:19px; float:left; }


.tile_bg{ width:180px; height:34px; background:#4c4c4c; border-radius:5px; float:left; margin: 0 0 9px 0; padding: 0px 0 0 0;-webkit-box-shadow: inset -1px 1px 1px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    inset -1px 1px 1px 0px rgba(50, 50, 50, 0.5);
box-shadow:         inset -1px 1px 1px 0px rgba(50, 50, 50, 0.5); cursor:pointer; }
.tile_bg:hover{ background:#212121;}
.tile_bg_left{ width:135px; height:auto; float:left; margin: 0 0 0 11px; padding: 10px 0 0 0; font-size:12px; color:#a6a6a6;}

.edit_tileicon{background-position:-214px 5px; width:15px; height:25px;  margin: 2px 0 0 4px; float:left;}
.delete_tile{ background-position: -236px 0px;width:17px; height:20px;  margin: 5px 0 0 4px; float:left;}
.share_tile{ background-position: -265px 0px;width:17px; height:20px;  margin: 5px 0 0 4px; float:left;}
.save_tile{ background-position: -293px 0px;width:17px; height:18px;  margin: 5px 0 0 4px; float:left;}
.delete_doc{background-position: -174px 0px;width:17px; height:22px;  margin: 5px 0 0 4px; float:left;}
.copy_tileicon{background-position: -569px 0px;width:25px; height:18px;  margin: 5px 0 0 4px; float:left;}

.edit_tileicon.editTileImage{margin-top:40px;margin-left:5px;cursor:pointer}

.thinLine{width:100%;float:left;margin:0 0 1px 0;height:1px; 
          background-image: -webkit-linear-gradient(left, rgba(76,76,76,0.3), rgba(255,255,255,0.5), rgba(76,76,76,0.3));
           }
.pullDownBtn{
	width:70px;height:23px;float:left; font-size:13px; text-align:center;
	margin-left:55px;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-size:8px,5px;
	background-color:#AEAEAE;cursor:pointer;
	border-radius:0px 0px 10px 10px;
	box-shadow:
		0 2px 2px 0 rgba(76,76,76,.5),
		0 1px 0 0 rgba(76,76,76,.5),
		inset 0 -1px 8px 0 rgba(255,255,255,.3),
		inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.pullDowntriangle {z-index:102!important;
border-color:rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0)   rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: none; border-style: solid; border-width: 10px;float:left;
margin:0px 0 0 25px;

}

.tile_detail_right{ width:100%; height:auto; float:left; 
margin: 0 auto; 
overflow-y:scroll; overflow-x:hidden;
-webkit-overflow-scrolling: touch;
position:relative;
}
.right_main_sec { width:75%;margin: 13px 0 0 42px; float:left; height:auto;}

.top_sec{ width:1307px; background:#d1d1d1; border-bottom:1px solid #b9b9b9; float:left;}
.top_nav{  width:350px; height:23px;  float: left; margin: 0px 0 0 0; top:-5px; position:relative;}
.sort{padding:2px 0px 0 30px; margin:7px 0 0 0; float:left;font-size:12px; color:#828282;cursor:pointer; }
.sort div{float:right;margin:-2px 0 0 2px;}
.sort.active{color:#444444;}

.date_arrow{background-position: -399px -9px; width:8px; height:8px; float:right; margin: 11px 0 0 2px;}
.sort_by{ width:87px; height:30px; text-transform:uppercase; float:left;background:#909090; font-size:12px; color:#FFFFFF; text-align:center;padding: 5px 0 0 0;}
.sort_by_arrow{ background-position: -377px -4px; width:21px; height:23px; float:left; }
.doc_block{width:100%;height:auto; float:left; margin: 0 0 0 0; border-bottom:1px solid #CBCBCB; padding:  9px 0 6px 0;}


.pptxIcon,.mp3Icon,.xlsxIcon,.pdfIcon,.zipIcon,.mp4Icon,.mpgIcon,.xlsIcon,.pptIcon,.htmIcon,.htmlIcon,.psdIcon,.gifIcon,.bmpIcon,.tiffIcon,.msiIcon,.jpgIcon,.jpegIcon,.iniIcon,.csvIcon,.exeIcon,.docIcon,.docxIcon,.pngIcon,.wavIcon,.icoIcon,.dbIcon,.mppIcon,.rtfIcon,.txtIcon,.sqlIcon,.vsdIcon,.pubIcon,.wmaIcon,.wmvIcon,.msgIcon,.qbbIcon,.qbwIcon,.qbaIcon,.qdfIcon,.unknownIcon,.movIcon,.i7zIcon,.ibooksIcon,.pxmIcon,.xlsmIcon,.ppsIcon,.ppsxIcon,.accdbIcon,.oftIcon,.docmIcon{float:left; width:48px; height:48px; }
.pptxIcon{ background-position: -5px -43px; }.mp3Icon{ background-position: -56px -43px; }.xlsxIcon{ background-position: -114px -43px; }.pdfIcon { background-position: -169px -43px; }.zipIcon{background-position: -226px -43px;}.mp4Icon{ background-position:-281px -43px; }.mpgIcon{ background-position:-335px -43px; }.xlsIcon{ background-position:-393px -43px;}.pptIcon{ background-position:-451px -43px;}.htmIcon{ background-position:-513px -43px;}.htmlIcon{ background-position:-568px -43px;}.psdIcon{ background-position:-631px -43px;}.gifIcon{ background-position:-693px -43px;}.bmpIcon{ background-position:-751px -43px;}.tiffIcon{ background-position:-5px -103px;}.msiIcon{ background-position: -57px -102px;}.jpgIcon{ background-position: -114px -102px; }.jpegIcon{ background-position: -171px -102px; }.iniIcon{ background-position: -226px -102px; }.csvIcon{ background-position:-282px -102px; }.exeIcon{ background-position:-335px -102px; }.docIcon{ background-position:-392px -102px;}.docxIcon{ background-position:-453px -102px;}.pngIcon{ background-position:-512px -102px;}.wavIcon{ background-position:-567px -102px;}.icoIcon{ background-position:-631px -103px;}.dbIcon{ background-position:-693px -102px;}.mppIcon{ background-position:-751px -102px;}.rtfIcon{ background-position: -5px -164px;}.txtIcon{ background-position: -57px -164px;}.sqlIcon{ background-position: -114px -164px; }.vsdIcon{ background-position: -170px -164px; }.pubIcon{ background-position: -226px -164px; }.wmaIcon{ background-position:-282px -164px; }.wmvIcon{ background-position:-335px -164px; }.msgIcon{ background-position:-393px -164px;}.qbbIcon{ background-position:-453px -164px;}.qbwIcon{ background-position:-513px -164px;}.qbaIcon{ background-position:-568px -164px;}.qdfIcon{ background-position:-632px -164px;}.unknownIcon{ background-position:-694px -164px;}.movIcon{ background-position:-5px -217px;}.i7zIcon{ background-position:-58px -217px;}.ibooksIcon{ background-position:-114px -217px;}.pxmIcon{ background-position:-170px -217px;}.xlsmIcon{ background-position:-226px -217px;}.ppsIcon{ background-position:-282px -217px;}.ppsxIcon{ background-position:-335px -217px;}.accdbIcon{ background-position:-392px -217px;}.oftIcon{ background-position:-452px -217px;}.docmIcon{ background-position:-513px -217px;}


.download_icon{ width:30px; height:30px;background-position: -453px -2px;margin: -15px 10px 0 0; float:right;cursor:pointer;}
.download_icon:hover{background-position: -488px -2px;}
.print_icon{width:30px; height:30px;background-position: -522px -2px;margin: -15px 10px 0 0;float:right;cursor:pointer;display:none;}
.print_icon:hover{ background-position: -557px -2px;}
.view_icon{ width:30px; height:30px;background-position: -592px -2px;margin: -15px 10px 0 0;float:right;cursor:pointer;}
.view_icon:hover{ background-position: -627px -2px;}

.new{ width:28px; height:12px; background:#d22027; font-size:9px; color:#FFFFFF; float:left; text-transform:uppercase; text-align:center;  padding: 0px 0 0 0; margin: 5px 0 0 0px;}
.last_modified{ width:230px; height:auto; float:left; font-size:12px; color:#808080;  padding:5px 0 0 0}
.size{ width:719px; height:auto; float:left; font-size:14px; color:#808080;  margin: 0 0 0 10px;padding:5px 0 0 0}

.content_sec{width:91%; height:auto; background:#dfdfdf; float:left;display:none;border-top:1px solid #c1c0c0;padding: 15px 0 0 0px;margin:0px 0 0 58px;color:gray;}
.content_sec div{width:280px; float:left;margin-bottom:5px; }
.desc{width:90%!important; float:left;margin-bottom:10px; font-weight:bold}
.content_sec_inner{ width:86%; height:auto; border-top:1px solid #c1c0c0; float:right; padding: 15px 0 0 0;}
.category_blog{ width:25%; height:auto; float:left; margin-right:7px;}
.category_row{ width:100%; float:left; margin: 0 0 5px 0; }
.category_heading{ font-size:13px; color:#808080;  float:left; }
.category_name{ font-size:13px;float:left; color:#444444; font-style:italic;}


.remodal {
     display:none;
     position: absolute;
     z-index:100;
    
}

.resultHeader{float:right;font-size:16px; color:#828282;padding:2px 10px 0 0}

div.iconBack {display: inline-block;margin: 0px;overflow: hidden;width: 20px;height: 80px;position: relative;float:left}

div.iconBack div.pointerLeft {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: hsl(0, 0%, 100%);
    border-image: none;
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: 12px;
    margin: 9px 0 0 5px;
    transform: rotate(135deg);
    -webkit-transform: rotate(230deg);-moz-transform: rotate(230deg);-o-transform: rotate(230deg);writing-mode: tb-rl;
    width: 12px;
    
}
.tileTitle{cursor:pointer}

.moreBtn,.openBtn{font-size:12px;color:White;width:80px; height:30px;background-color:#B0B0B0; margin:5px 1px 0 0; float:right;cursor:pointer;text-align:center;padding-top:10px; display:none;}
.openBtn{background-color:#006F10;margin: 5px 0px 0 0;}
.openBtnGray{background-color:#B0B0B0!important;}
.openBtnGrayDisabled{color:rgba(255,255,255,0.5);background-color:#B0B0B0!important;}
.downloadBtnIcon{ background-position: -318px 0px;width:20px; height:20px;  margin: -3px 0 0 15px; float:left;}
.downloadBtnDisableIcon{ background-position: -338px 0px;width:20px; height:20px;  margin: -3px 0 0 15px; float:left;}

.localFile{display:inline-block;width:7px;height:7px;border-radius:7px;background:#aaa;opacity:0.7;cursor:pointer;margin:15px 0px 0 2px;float:left}
/*
.local{ width:10px; height:10px; border-radius:10px;background-color:Green; font-size:20px; color:Green;float:left; text-transform:uppercase; text-align:center;  padding: 0px 0 0 0; margin: 5px 0 0 40px;}
.local.inactive{background-color:red;}
*/

.local{float:left;z-index:100;  background-position: -320px 0px; width:13px; height:20px;margin:5px 0 0 50px;}
.local.inactive{background-position: -334px 0px;}

/* CSS-for left arrow	*/
.cnrflash{position:absolute;left:-3px;top:-2px;z-index:1000;overflow:hidden;width:70px;height:70px;border-radius:3px 5px 3px 0;cursor:pointer;}
.cnrflash-inner{
	position:absolute;left:-26px;top:-85px;width:84px;height:84px;
	-webkit-transform:rotate(-45deg);			
	-webkit-transform-origin:100% 100%;
	background-image:linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%),linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
	background-size:4px,auto,auto,auto;
	background-color:#AEAEAE;
	
	box-shadow:
		0 2px 2px 0 rgba(1,1,1,.5),
		0 1px 0 0 rgba(1,1,1,.5),
		inset 0 -1px 8px 0 rgba(255,255,255,.3),
		inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before,	.cnrflash-inner:after{
	/*Use the border triangle trick to make 
	it look like the ribbon wraps round it's
	container*/ 
	content:"";
	display:block;
	position:absolute;
	bottom:-4px;
	width:0;
	height:0;
	border:2px solid #AEAEAE;
}
.cnrflash-inner:before{				
	left:2px;
	border-bottom-color:transparent;				
	border-right-color: transparent;
}
.cnrflash-inner:after{
	right:1px;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.cnrflash-label{
	/*Make the label look nice*/
	position:relative;top:0px;left:0px;
	display:block;width:30px;
	font-family:Arial!important;
	margin:0px 0 0 3px;color:#fff; opacity:0.7;
	text-shadow: 1px 0px 2px rgba(1,1,1,.8);
	-webkit-transform:rotate(180deg);	
	font-size:30px;
	font-weight:bold;
	text-align:left;
}


.cnrflashRight{position:absolute;top:-5px;right:-7px;z-index:100;width:70px;height:70px;border-radius:3px 5px 3px 0;cursor:pointer;overflow:hidden;}
.cnrflashRight-inner{
	position:absolute;left:-23px;top:-25px;width:91px;height:91px;
	-webkit-transform:rotate(45deg);			
	-webkit-transform-origin:100% 100%;
	-moz-transform:rotate(45deg);			
	-moz-transform-origin:100% 100%;
	
	background-image:linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%),linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
	-moz-background-image:linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%),linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
	background-size:4px,auto,auto,auto;
	background-color:#AEAEAE;
	box-shadow:
		0 2px 2px 0 rgba(1,1,1,.5),
		0 1px 0 0 rgba(1,1,1,.5),
		inset 0 -1px 8px 0 rgba(255,255,255,.3),
		inset 0 -1px 0 0 rgba(255,255,255,.2);
	-moz-box-shadow:
		0 2px 2px 0 rgba(1,1,1,.5),
		0 1px 0 0 rgba(1,1,1,.5),
		inset 0 -1px 8px 0 rgba(255,255,255,.3),
		inset 0 -1px 0 0 rgba(255,255,255,.2);
}	
.cnrflashRight1-inner{
	/*Set position, make larger then
	container and rotate 45 degrees*/
	position:absolute;
	bottom:0;
	right:0;
	width:145px;
	height:145px;
	-webkit-transform:rotate(45deg);			
	-webkit-transform-origin:100% 100%;
}

	
.cnrflashRight-inner:before,	.cnrflashRight-inner:after{
	/*Use the border triangle trick to make 
	it look like the ribbon wraps round it's
	container*/ 
	content:"";
	display:block;
	position:absolute;
	bottom:-6px;
	width:0;
	height:0;
	border:3px solid #AEAEAE;
}
.cnrflashRight-inner:before{				
	left:0px;
	border-bottom-color:transparent;				
	border-right-color: transparent;
}
.cnrflashRight-inner:after{
	right:0px;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.cnrflashRight-label{
	/*Make the label look nice*/
	position:relative;top:0px;left:0px;
	display:block;width:30px;
	font-family:Arial!important;
	margin:6px 0 0 25px;color:#fff; opacity:0.7;
	text-shadow: 0px -3px 2px rgba(1,1,1,.8);
	-moz-text-shadow: 0px -3px 2px rgba(1,1,1,.8);
	
	-webkit-transform:rotate(180deg);	
	-moz-transform:rotate(180deg);	
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

.login_block {
    height: auto;
    margin: 100px auto 0;
    width: 354px; 
}
.email_input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 5px 5px 0 0;
    color: #666666;
    font-size: 16px;
    height: 56px;
    padding: 0px 0 0 19px;
    width: 95%;
    
    
}
.email_inputResetPass 
{
    border-radius: 5px 5px 5px 5px;
}
.password_input {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D9D9D9;
    border-radius: 0 0 5px 5px;
    border-style: solid none none;
    border-width: 1px medium medium;
    color: #666666;
    font-size: 16px;
    height: 56px;
    padding: 0px 0 0 19px;
    width: 95%;
}
.password_inputChangePass
{
    border-radius:  0px 0px 0px 0px;
}
.bigButton {
    background: none repeat scroll 0 0 #434343;
    border-radius: 5px;
    color: #FFFFFF;
    float: left;
    font-size: 20px;
    height: 35px;
    margin: 13px 0 0 10px;
    padding: 7px 0 0;
    text-align: center;
    width: 150px;
    font-family: Avenir-Light, Arial;
}
.bigButton:hover {
    background: none repeat scroll 0 0 #2E2D2D;
}
.sign_button
{
    width:100%;
    height:45px;
    padding-top:15px;
    font-size:25px; 
    margin-left:0px;   
}
.resetPass_button
{
    width:100%;
    height:45px;
    padding-top:15px;
    font-size:25px; 
    margin-left:0px;   
}
.changePass_button
{
    width:100%;
    height:45px;
    padding-top:15px;
    font-size:25px; 
    margin-left:0px;   
}
.forgot_password {
    color: white;
    opacity:0.7;
    cursor: pointer;
    font-size: 16px;
    height: auto;
    padding: 20px 0 0;
    text-align: center;
    width: 100%;
}

.resetPassLink{font-size:14px;color:silver;float:left;margin-top:20px;cursor:pointer}
.resetPassLink:hover{color:white}

.changePassLink{font-size:14px;color:silver;float:right;margin-top:20px;cursor:pointer}
.changePassLink:hover{color:white}

.backToLoginLink{font-size:14px;color:silver;float:none;cursor:pointer;text-align:center}
.backToLoginLink:hover{color:white}

.resetPass{display:none}
.changePass{display:none}
.splash{ background:url(../images/splash.jpg) no-repeat center top #000;}
.splash_logo{width:251px; height:71px; margin:0 auto 15px; }


.sfpopup_block { background:#16556e !important; margin: 20% auto 0; width: 560px; padding:18px; border-radius:10px; position:absolute !important;display:none;color:White;font-size:14px;
	top:50% !important;left:50% !important;margin-top:-220px !important;margin-left:-280px !important;z-index: 1001;-webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);-moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);
	height:320px;
}
.pin_left { width:260px; float:left; font-size:14px; color:#fff; margin-top:10px;}
.pin_right {width:270px; float:left;margin-top:10px;padding-left:30px}
.pin_header {font-size:20px;width:100%;}
.pinSave,.pinSkip{ height:30px!important; width:100px; font-size:18px}
.pin_label {font-size:16px;width:220px;text-align:center;}
.pin_error {font-size:16px;width:220px;text-align:center;height:25px; float:left;}
.pin_btn{width:30px;height:37px;border-radius:50px;margin:5px 10px 5px 10px;padding:12px 0 0 20px; font-size:20px; float:left;border:1px solid rgba(255,255,255,0.5)}
.pin_btnDummy{width:50px;height:37px; border:0px; margin:5px 10px 5px 13px;float:left}
.pinBox{width:100px; color:white;border:0px solid white; font-size:15px; font-weight:bold; letter-spacing:10px;margin:10px 85px 10px 55px; float:left; background-color:transparent;padding:0 0 0 20px}
#pinConfirm{display:none}
.salesforce_logo1 {background-position: -569px -219px; width:225px; height:52px; position:absolute; top:-36px; left:18px;}
.salesforce_logo {background-position: -569px -219px; width:225px; height:52px; float:left;}
.sfError{float:left;height:40px;border:1px solid transparent; width:95%}
.sfpopup_block_left { width:210px; float:left; font-size:12px; color:#fff; margin-top:10px;}
.sfpopup_block_left ol { margin:0px; padding:0px; margin-left:15px; margin-top:10px;}
.sfpopup_block_left ol li { margin:0px; padding:0px; margin-bottom:10px;}
.sfpopup_block_right { width:320px; float:right;margin-top:10px;}

#passArea{margin:10px 0 0 60px; width:450px;}
.passError{font-size:20px;float:left;height:80px;border:1px solid transparent; width:95%}

#sfArea{margin:10px 0 0 60px; width:450px;}
.signSf_button{margin-left:70px }
.savePass_button{margin-left:70px }
.email_input-sf {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 5px 5px 0 0;
    color: #666666;
    font-size: 16px;
    height: 56px;
    padding: 0px 0 0 19px;
    width: 95%;
    float:left;
}
.password_input-sf {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color:  #D9D9D9;
    border-radius: 0 0 5px 5px;
    border-style: solid none none;
    border-width: 1px medium medium;
    color: #666666;
    font-size: 16px;
    height: 56px;
    padding: 0px 0 0 19px;
    width: 95%;
    float:left;
    margin-bottom:10px;
}

.securitytoken_input-sf {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D9D9D9;
    border-radius: 0 0 5px 5px;
    border-style: solid none none;
    border-width: 1px medium medium;
    color: #666666;
    font-size: 16px;
    height: 56px;
    padding: 0px 0 0 19px;
    width: 95%;
}

.sync_btn {background-position: -415px -4px; width:21px; height:21px;  float:left;display:none}
.sync_label{display:none;float:left;font-size:13px;width:100px;padding-left:5px;  font-family:AppleSDGothicNeo-Regular,AppleSDGothicNeo-Medium,Arial,calibri, Helvetica, sans-serif; color:White;}
.syncSmall_btn {background-position: -397px 1px; width:16px; height:16px;  float:left;margin:2px 5px 0 0;}


.modal-background {
    display: none;position: fixed;top: 0;left: 0;width: 100%;height: 700px;background-color:white;opacity: .7;-webkit-opacity: .7;-moz-opacity: .7;z-index: 1000;}

.msgPopup {
    background-color: #E7E7E7;
    border-radius: 7px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.12);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.12);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.12); 
    border:1px solid #A6A6A6;font-family: Avenir-Light, Arial;
    left: 50%;
    margin: -120px 0 0 -160px;
    display:none;
    position: fixed;
    top: 50%;
    text-align:center;
    z-index: 2000;
}
.msgHeader{font-weight:bold; font-size:13px;padding-bottom:5px;padding-top:15px;}
.msg{float:left;border-bottom:1px solid #A6A6A6;padding:15px 0 15px 0;font-size:13px;width:100%}
.msgButton{float:left; padding:7px 0 7px 0;color:#0089CD;font-size:14px;font-weight:bold; cursor:pointer;width:49%;}

.modal-background.active,.msgPopup.active{display:block}



.chkBox
{ position: relative;width: 24px;height: 24px;left:0px;top:0px;background-color: #fff;border:1px solid #228ADA;font-size:17px;font-family:Arial!important;
  text-align:center;color:#228ADA;float:left;margin:-35px 0px 0px -737px;cursor:pointer;z-index:101;border-radius:25px;
}


.chkBoxForListTile
{  float:left; position: relative;width: 19px;height: 19px;left:0px;top:0px;background-color: #fff;border:1px solid #228ADA;font-size:14px;font-family:Arial!important;
  text-align:center;color:#228ADA;float:left;cursor:pointer;border-radius:20px;margin-right:10px;
}
 
.docSelect{ position:relative;border-left:1px solid #b9b9b9; width:50px;height:23px; font-size:12px;float:right;text-align:center;line-height:25px;color:#228ADA;cursor:pointer;}
.docSelect.active{background-color:#228ADA;color:white}

.listTiletriangle {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;z-index:1002!important;position:absolute;
border-color: rgba(0, 0, 0, 0)  white rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: none; border-style: solid; border-width: 10px;float:right;
left:221px;top:340px;display:none;
}
.copyListTileBox{display:none; position:absolute;z-index:1001; width:400px;font-size:13px; float:left; height:462px;margin: 23px 0 0 42px;left:198px;top:40px;background-color:white;border:1px solid #b9b9b9;-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);border-radius:5px;}
.copyListTileBox_inner{width:95%;height:380px;border-top:1px solid #EEEEEE; padding:7px; overflow-y:scroll; overflow-x:hidden;-webkit-overflow-scrolling: touch;position:relative;margin-top:-10px; }
.input_ListName{float:left; position:relative; width:440px;height:30px;border:1px solid #b9b9b9;margin:0px 0px 17px 7px;padding-left:5px;}
.listTileHeader{margin:10px 0 10px 0;padding:10px 0 0px 10px; font-size:16px;float:left;width:244px}
.listTileColors{float:left; margin:10px 30px 0px 7px; width:330px;}
.listTile{float:left; padding:0px 0 0px 10px; font-size:13px;float:left;height:70px; background-color:White; color:#808080;font-family:Avenir-Light,Arial;text-align:left}
.listTileInner{float:left; padding:25px 0 0px 0px;width:250px;}
.listTile.selected{background-color:#BBBBBB; color:White;}
.smalltile{float:left; width:90px!important;height:67px!important;margin:5px;float:left;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12)}

.smalltile.colorselected{outline:black solid 1px}
.tinytile{float:left; width:60px!important;height:45px!important;margin:14px 10px 10px 20px;float:left;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12)}

.listTileBtn1,.listTileBtn2{display:none;z-index:1002;width:60px; height:30px;background-color:#228ADA;color:White;font-size:13px;border-radius:5px;text-align:center;padding-top:10px;border:5px solid white;cursor:pointer; float:left}
.listTileBtn2{background-color:#7C7C7C;}      
.listTileContainer{float:left;border-top:1px solid #EEEEEE;width:100%;margin:0px 0 0 0px; padding:20px 0 0 0}
.tListCat{ margin:0  0 10px 7px}


.tile_edit{position:absolute;z-index:101;opacity:1; width:75%; float:left; height:462px;margin: 23px 0 0 42px;display:block;
font-size:13px;
background-color:white;
background-image: -webkit-gradient(	linear,	left top,left bottom,color-stop(0.36, rgb(218, 218, 218)),color-stop(0.67, rgb(255, 255, 255)));
background-image: -o-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
background-image: -moz-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
background-image: -ms-linear-gradient(bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);
background-image: linear-gradient(to bottom, rgb(218, 218, 218) 36%, rgb(255, 255, 255) 67%);

} 
.tile_editInner{margin:70px 25px 25px 25px;width:97%;height:470px; overflow-y:scroll; overflow-x:hidden;-webkit-overflow-scrolling: touch;position:relative;
               
                }

.tileEditLoader{position:absolute; top:60px; left:50%;}
.tileEditHeader{position:absolute;top:0px; left:0;padding:15px 0 15px 0px; margin:0 0 0px 0; font-size:15px;font-weight:bold;border-bottom:1px solid gray; width:100%;}
.tileEditHeader p{ margin-left:25px;font-size:15px;font-weight:bold;  text-shadow: rgba(255,255,255,0.5) 2px 1px 0px;color:#666666}
.tName{float:left;width:500px;}
.tDesc{float:left;width:500px;margin:-58px 0 0 0;}
.tLabel{float:left;width:80px;margin-top:4px;}
.tCat{float:left;width:500px;margin:-88px 0 5px 0;}
.catLabel{ float:left; margin-right:20px;}
.tImages{float:left; height:67px; margin-top:10px;}
.overlayLabel{float:left;margin:13px 5px 0 0;font-size:13px;}
.clearOverlay{float:left;margin: 7px 5px 0 30px;font-size:13px; text-decoration:underline;cursor:pointer}


.overlayImg{float:left; width:90px;height:67px; background-color:#C6C6C6;background-repeat: no-repeat;cursor:pointer}
.overlaySubLabel1{float:left;width:90px;margin-left:100px;}
.overlaySubLabel2{float:left;width:90px;margin-left:10px;}

.rightTriangle{float:right;margin:54px 1px 0 0; width: 0px;height: 0px;border-style: solid;border-width: 0 0 12px 12px; border-color: transparent transparent gray transparent;}
.overlayPopup{width:579px;height:512px;z-index:100; margin:-105px 0 0 125px; border:1px solid #D3D3D3;position:absolute; background-color:white; display:none;}
.overlayImgChoice{float:left; margin:3px;width:90px;height:67px;background-color:#C6C6C6;text-align:center;}
.overlayImgChoice div{margin-top:20px}
.bigChk{padding: 0 0px 0 20px; margin:0 0 0 20px; }

input[type=checkbox]:not(old),input[type=radio]:not(old)
{ width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../images/checks.png') no-repeat;
 
  line-height  : 24px;
  background-position : 0 0;
   background-size:24px 72px;
   
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}
input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}




.chkCorpLabel{opacity:1}
.chkCorpLabel.disabled{opacity:0.5}
.chkPersonalLabel{opacity:1}
.chkPersonalLabel.disabled{opacity:0.5}
.colors{float:left; width:350px;padding:0px 0 0 0;}
.tileName_input{width:350px;color: #666666;font-size:14px}
.tileDesc_input{width:360px; height:130px;color: #666666;font-size:14px;resize:none}
.mediumtile{width:55px;height:55px;margin:2px 3px 0px 1px; float:left;border:3px solid #DADADA;outline: #DADADA solid 1px;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.12)}
.mediumtile.colorselected{outline:black solid 1px}
.tileEditclose_btn {background-position: -415px -4px; width:26px; height:24px; position:absolute; top:10px; right:0px; cursor:pointer;z-index:100;}

.searchCrit{float:left;padding:20px 0 0 0; width:94%;}
.crit{width:100%;}
.critName{width:140px;color:White;height:25px; background-color:gray;padding-left:5px;vertical-align:top;padding-top:5px}
.critVal{width:760px;height:25px; background-color:#D3D3D3;padding-left:0px}
.critValText{width:94%;float:left;margin:5px 0 0 5px}
.editCrit{float:right;width:50px;text-align:center;background-position:-214px 5px; width:22px; height:25px;margin: -2px 0 0 0px;cursor:pointer}
.critEditArea{float:left;width:100%;border-top:1px solid gray;margin:10px 0 0 0px;padding:10px 0 10px 0; display:none;z-index:100;background-color:rgba(255,255,255,0.3)}
.publishArea{display:none}
.publishHeader{float:left; margin:20px 0 0 0;height:28px; width:93%; background-color:gray;Color:White;font-weight:bold; padding:6px 0 0 5px}
.publishGrp{float:left; margin:3px 0 0 0; width:94%; height:25px; padding:0px 0 0 10px; }
.publishGrp.parent{font-weight:bold}
.publishGrp.child{padding-left:25px}
.publishGrp label{ padding-left:5px}

.editTileBtns{width:240px; right:5px;margin:5px 0 0 0;position:absolute;}
.tileBtn{width:130px;height:24px;color:White;font-weight:bold;cursor:pointer;text-align:center;
background:#4c4c4c; border-radius:5px; float:left; margin: 5px 0 0px 30px; padding: 5px 0 0 0;-webkit-box-shadow: inset -1px 1px 1px 0px rgba(50, 50, 50, 0.5);}
.tileBtn.disabled{color:rgba(211,211,211,0.5)}

.chkMetaDataBlock{width:200px;height:25px;float:left;padding:0 0 0 5px}
.txtMetaData{width:98%; height:40px;float:left;padding:5px 0 0 5px;resize:none;border-radius: 0px}


.badgeDelete
{
  position:absolute;
  z-index:10000px;
  font-weight:bold;
  font-size:12px;
  color:white;
  text-align: center;
  text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
  float:left;
  position: relative;
  margin:-6px 0 0 -6px;
  padding: 3px 0;
  width: 23px;
  height:17px;
  border:1px solid white;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#AEAEAE), to(#545454)); 
  background-image: -webkit-linear-gradient(top, #AEAEAE, #545454); 
  background-image:    -moz-linear-gradient(top, #EA9497, #DF3C42); 
  background-image:     -ms-linear-gradient(top, #EA9497, #DF3C42); 
  background-image:      -o-linear-gradient(top, #EA9497, #DF3C42); 
  
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  
  border-radius: 23px;
   -moz-border-radius: 23px;
   -webkit-border-radius:23px;
}

.compList{margin:80px auto; width:300px; height:500px;background-color:#F5F5F5; font-size:15px;overflow-y:auto; overflow-x:hidden;
}
.compHeader{width:100%; text-align:center; font-size:18px; border-bottom:1px solid #A7A7A7; height:30px; padding-top:20px}
.company{height:20px; padding:10px; padding-left:50px; cursor:pointer;background-image:url(../images/compIcon.png); background-repeat:no-repeat; margin:0 0 0 10px; width:220px}
.company:hover{ background-color:White}

.signup{width:700px;border:0px solid black;padding:20px}
.signupHeader{width:100%;float:left;font-size:15px;font-weight:bold;color:Teal; margin:10px 0 20px 0px}
.homeBody{ background-color:white;overflow-x:hidden;overflow-y:auto; height:100%;}
.formLabel{float:left;width:125px; font-size:12px;padding-top:4px;margin-top:5px;}
.formLabelSmall{float:left;width:110px; font-size:12px;padding-top:4px;margin-top:5px}
.formValue{float:left;font-size:13px;width:550px;margin-top:5px;padding-top:4px;}
.formValueSmall{float:left;font-size:13px;width:120px;margin-top:5px}
.formNote{float:left;font-size:11px;color:Green;padding: 7px 0 0 10px;margin-bottom:10px}
.formInput{float:left;width:180px;font-size:12px;resize: none;}
.formInputSmall{float:left;width:120px;font-size:12px;}
.formHeader{float:left;width:100%;font-weight:bold;font-size:13px;margin:20px 0 10px 0}
.formFieldSet{border:1px solid gray;}
.formFieldSetLegend{font-size:13px;}
.divState{width:40%;background-color:#F0F4F8;float:left;margin-right:50px;padding:5px}
.stateHeader{width:100%;float:left;background-color:#5F5F5F;color:white;height:25px; font-size:13px; font-weight:bold;text-align:center;padding-top:5px}
.towerHeader{font-weight:bold;font-size:13px;width:50%;padding:15px 30px 0 0;}
.signupButton{float:right;margin-top:20px;margin-right:70px}
.signUp_Button{width:200px}
.required{color:red;font-size:14px;float:left;margin-right:3px}

.adminBody{ background-color:#5F5F5F;overflow-x:hidden;overflow-y:auto; height:100%;}
.adminLoginHeader{width:334px; height:55px;color:White;text-align:left;font-size:30px;letter-spacing:2px}
.adminHeader{ width:1230px; color:White;height:60px; border-bottom:1px solid #A7A7A7;margin:30px auto 20px auto;}
.adminLogo{ width:auto; float:left;margin:0;letter-spacing:1px;font-weight:bold}
.adminLogo img { width:100%;}
.adminTitle{float:right; margin:0px 0 0 0px;font-size:14px; text-align:right;}
.adminLogout{ font-size:13px;color:silver; float:right;margin: 40px -115px 0 0px; cursor:pointer}
.adminLogout:hover{ color:White}
.adminCenter{width:1230px; height:100%;background-color:#F5F5F5;margin: 0 auto; font-size:12px; display:table;}
.adminLeft{float:left;width:230px;height:100%; padding:10px 10px 0px 10px;background-color:white;border-right:1px solid silver;min-height: 770px;}
.adminRight{width:975px;height:100%;min-height: 1050px; float:left;}
.adminRightInner{width:100%; padding:20px;height:100%;}
.adminMenu{width:100%; margin:10px}

.showHideMenu{display:none;background-image:url(../images/hideMenuStrip.png); background-repeat:repeat-y;width:250px;height:15px;cursor:pointer; margin: -10px 0 0 -10px;}

.adminMenuItem{color:Gray;height:20px;cursor:pointer; padding: 7px 0px 5px 5px;}
.adminMenuItem:hover{color:black;}
.adminMenuItem.selected{color:black;font-weight:bold;border:1px solid silver;border-right:0px solid ; background-color:#F5F5F5;}
.adminMenuItem.disabled{cursor:default;color:#E5E5E5}


.adminMenuSubHead{color:#70BBFF;font-weight:bold; border-bottom:1px solid silver;padding:20px 0px 5px;margin-bottom:10px;letter-spacing:1px;font-size:13px}
.adminMenuSpacer{height:10px}
.importDataArea{ }
.rightHeader{font-size:17px;height:30px; font-weight:bold; border-bottom:1px solid silver;width:95%;padding:5px}
.rightTitle{float:left;width:370px;border:0px solid}
.importLabel{float:left; padding-top:4px; margin-top:10px; width:120px}
.importValue{float:left;margin-top:10px; font-size:13px;width:100%}

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 10px; }
.bar { background-color: #A8D47E; width:0%; height:20px; border-radius: 10px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }

.imsiBlock{float:right; font-size:13px;  padding: -15px 20px 0 0px ; margin : -10px 10px 0 0px;width:370px;line-height:22px;border-right:1px solid silver; }
.imsiBox{font-size:12px;float:left;resize:none;width:300px;height:38px}
.imsiLabel{float:left;font-size:13px;font-weight:bold;width:35px}
.dateRangeBlock{width:330px;height:10px;float:right;display:block; }
.dateRange{float:left; font-size:13px;  padding: 0px 0px 0 20px ; margin:-10px 0px 0 0;width:300px;border-left:1px solid silver;}
.startDate{float:left;width:120px;display:block;margin-top:5px;}
.endDate{float:left;width:100px;display:block;margin-top:5px;}
#FromDatePicker{width:70px;z-index:1000;position:relative;font-size:12px}
#ToDatePicker{width:70px;z-index:1000;position:relative;font-size:12px}
.executeAdHoc{float:left; background-image:url(../images/submit.png);background-repeat:no-repeat;width:32px;height:32px;cursor:pointer;margin-left:10px}

.reportState{float:right; font-size:13px;  padding: -15px 20px 0 0px ; margin : -10px 10px 0 0px;width:130px;line-height:22px;}
.reportCAF {
    float: right;
    font-size: 13px;
    padding: -15px 20px 0 0px;
    margin: -10px 10px 0 0px;
    width: 130px;
    line-height: 22px;
    border-right: 1px solid silver;
}
.freqBlock {
    width: 300px;
    height: 10px;
    float: right;
    display: block
}
.reportFreq{float:right; font-size:13px;  padding: -15px 20px 0 0px ; margin : -10px 20px 0 0;cursor:pointer;width:300px;border-left:1px solid silver;}
.reportFreqText{font-weight:normal;padding: 10px 0 10px 0px }
.freqValue{display:none;}
#freqMenu{padding-left:30px;}
.filterImg{float:right;margin: -10px 10px 0 0 }
.freqArea{border: 1px solid silver;width:285px;height:250px;z-index:1000;position:relative; padding:5px;margin-top:0px;background-color:#F5F5F5;cursor:default; display:none;position:absolute;box-shadow: 2px 4px 7px rgba(0,0,0,.3);}
.DailyDatePicker{margin: 15px 0 10px 40px}
.month{float:left;display:none;  margin: 40px 20px 0px 10px}
.year{float:left;display:none;margin: 20px 0px 0px 10px}
.quarter{float:left;display:none;margin: 40px 20px 0px 10px}
#selMonth{width:170px;margin-left:14px}
#selYear{width:170px;margin-left:29px}
#selQuarter{width:170px;margin-left:7px}
.YTD{float:left;display:none;margin: 60px 20px 0px 10px;line-height:25px}

.selFreqDate{width:100%; height:180px;}
.reportArea{height:100%;margin-left:20px;}
.rptTab{font-size: 12px;width:130px;height:20px; color:White;text-transform: uppercase; background-color:#C1C1C1;z-index:1;margin: 10px 0px 0 -6px;float:left;padding: 10px 0 0 0px;text-align:center;cursor:pointer;border-radius: 10px 30px 0 0;position:relative}
.rptTab.selected{background-color:white;z-index:3; color:#666666;  box-shadow: 2px 3px 10px rgba(0,0,0,.5);}

.reportContainer{font-size: 12px;background-color:white;width:96%;z-index:4; margin-left:-6px; position:relative; height:100%;float:left;min-height: 630px;box-shadow: 2px 6px 7px rgba(0,0,0,.4);}
.reportDetail{font-size: 12px; margin: 10px 20px 20px 20px; float:left;display:none}
.reportChart{font-size: 12px; margin: 10px 0 0 0; float:left;display:none;width: 100%; height: 600px;}
.reportDrillDownChart{font-size: 12px; margin: 50px 0 0 10px; float:left;display:block;width: 95%; height: 520px;}

.drillDownReportArea{position:absolute;z-index:1001;opacity:1; width:1000px;  height:600px;margin: 150px auto auto auto;display:none;
font-size:13px;border:1px solid gray;top:0;
    bottom: 0;
    left: 0;
    right: 0;
background-color:white;


}
tr.silverBorder td {
    height:25px;
    
    border-bottom: 1pt solid silver;
}
.sfpopup_block_dummy { background:#16556e !important; margin: 20% auto 0; width: 560px; padding:18px; border-radius:10px; position:absolute !important;display:none;color:White;font-size:14px;
	top:50% !important;left:50% !important;margin-top:-220px !important;margin-left:-280px !important;z-index: 1001;-webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);-moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);
	height:320px;
}

.amcharts-chart-div{transition:width 0.5s!important;}
/*for jquery ui dialog*/
.ui-dialog-content{width:100%!important;margin-left:-8px!important;}/*if width is made 98% scroll bar are visible*/
button:focus {outline:0;}
.ui-dialog-titlebar{height:10px!important;}
.ui-dialog{background-color:#F5F5F5!important;}



.rptRowBox{float:left;height:20px;padding-top:10px; border-bottom:1px solid silver}
.resultCol1{font-weight:bold;height:28px;float:left;width:320px;}
.resultCol2{height:28px;float:left;width:250px;}
.resultColErr{height:28px;float:left;width:400px;color:Red}

.rptTitle{width:100%;height:20px;text-align:center;font-family:verdana;padding-top:15px}
.rptCol1{width:200px;float:left;padding-left:5px}
.rptCol2{width:60px;float:left;padding-left:5px}
.rptCol3{width:100px;float:left;padding-left:5px}
.rptCol4{width:400px;float:left;padding-left:5px}
.rptCol5{width:120px;float:left;padding-left:5px}
.rptCol2plus5{width:190px;float:left;}

.rptColLast{width:250px;padding-right:45px;float:left;text-align:right}
.rptColLast1{width:300px;padding-right:150px;float:left;text-align:right}

.rptColLast2{width:180px;padding-right:20px;float:left;text-align:right;}

.leftCal{width:26px;float:left;height:28px;cursor:pointer;margin-left:45%;display:none }
.rightCal{width:26px;float:left;height:28px;cursor:pointer;margin-left:30px;display:none}

.adminFooter{ width:1230px;height:30px; margin:auto;}
.footnote{width:300px;color:silver; margin: 0; padding: 5px 5px 5px 0px; font-size:12px; display:table; float:left;}
.copyright{width:920px;color:silver; margin:0; padding: 5px 0px 5px 5px; font-size:12px; display:table;text-align:right; }
.copyright_home{width:620px;color:silver; padding: 15px 0px 5px 5px; font-size:12px; display:table;text-align:right; }

.fancyBtn{
	width:85px;height:20px;float:left; font-size:13px; text-align:center;padding-top:3px;
	margin-right:20px;
	
	background-image: -webkit-linear-gradient(top, #CBCBCB, #E9E9E9); 
	
	cursor:pointer;
	border-radius:2px;
	border:1px solid silver;
}
.fancyBtn:hover{text-shadow: 1px 0px 2px rgba(1,1,1,.3);}

.executeBtn{margin-left:45px;margin-right:23px}
.uploadBtn{width:200px; margin-top:0px ! important;font-size:12px;font-family: Avenir-Light,Arial;}


.userListHeader{font-size:17px;height:30px; font-weight:bold;border-bottom:1px solid silver;width:95%;padding:5px}
.userListTitle{float:left;width:370px;}
.addUser{float:right;cursor:pointer}
.backUserList{float:right;cursor:pointer; margin-right:20px;display:none}
.userFilter{float:right; font-size:13px; margin:10px 20px 0 0}

.userList
{
    margin-top:10px;
    height: 100%;width:750px;
}

.userBoxHeader{float:left;height:25px;padding-top:15px;font-weight:bold; border-bottom:1px solid silver}
.userBox{cursor:pointer;float:left;height:25px;padding-top:15px; border-bottom:1px solid silver}
.userBox:Hover{background-color:White}
.userName{width:200px;float:left;padding-left:5px}


.userEmail{width:280px;float:left;}
.userDept{width:200px;float:left}
.userDelete{width:30px;float:left;margin-top:-5px; margin-right:10px }
.delete_icon{background-image:url(../images/delete.png); background-repeat:no-repeat;width:17px;height:22px; float:left;}
.editUserArea{display:none;width:100%}
.uaLabel{float:left; width:100px; height:17px; padding:3px 0; margin:5px 0 5px 0}
.uaField{float:left; width:800px; height:23px;margin:5px 0 5px 0;}
.simpleButton{margin:10px 15px 0 0px; height:30px; padding:5px; float:left;font-size:13px}


.siteListHeader{font-size:17px;height:30px; font-weight:bold;border-bottom:1px solid silver;width:95%;padding:5px}
.siteListTitle{float:left;width:370px;}
.addSite{float:right;cursor:pointer}
.backSiteList{float:right;cursor:pointer; margin-right:20px;display:none}


.siteList
{
    margin-top:10px;
    height: 100%;width:750px;
}
.siteBoxHeader{float:left;height:25px;padding-top:15px; font-weight:bold; border-bottom:1px solid silver}
.siteBox{cursor:pointer;float:left;height:25px;padding-top:15px; border-bottom:1px solid silver}
.siteBox:Hover{background-color:White}
.siteName{width:200px;float:left;padding-left:5px}

.siteID{width:280px;float:left;}
.siteState{width:100px;float:left;}
.siteProvider{width:150px;float:left;}
.siteDelete{width:30px;float:left;margin-top:-5px; margin-right:10px }
.editSiteArea{display:none;width:100%}



.deptListArea{display:none}

.deptListHeader{font-size:17px;height:30px; font-weight:bold;border-bottom:1px solid silver;width:95%;padding:5px}
.deptListTitle{float:left;width:370px;}
.addDept{float:right;cursor:pointer; font-size:12px; text-decoration:underline}
.addGroup{float:right;cursor:pointer;font-size:12px; text-decoration:underline; margin-right:20px}
.backDeptList{float:right;cursor:pointer; margin-right:20px;display:none}

.deptList
{
    margin-top:10px;
    overflow-y:auto; overflow-x:hidden;
    height:420px; width:480px;
}
.deptBox{cursor:pointer;float:left;height:25px;padding-top:15px; border-bottom:1px solid silver}
.deptBox:Hover{background-color:White}
.deptName{width:400px;float:left;padding-left:5px;}
.deptName.bold{ font-weight:bold}
.deptDelete{width:30px;float:right;margin-top:-5px;}
.drpParentDept{font-size:15px}


.eventListArea{display:none}
.eventListHeader{font-size:17px;height:30px; font-weight:bold;border-bottom:1px solid silver;width:95%;padding:5px}
.eventListTitle{float:left;width:370px;}
.addEvent{float:right;cursor:pointer; font-size:12px; text-decoration:underline}
.backEventList{float:right;cursor:pointer; margin-right:20px;display:none}


.eventList
{
    margin-top:10px;
    overflow-y:scroll; overflow-x:hidden;
    height:400px; width:750px;
}
.eventBox{cursor:pointer;float:left;height:25px;padding-top:15px; border-bottom:1px solid silver}
.eventBoxHeader{float:left;height:25px;padding-top:15px; border-bottom:1px solid silver; font-size:13px}
.eventBox:Hover{background-color:White}
.eventName{width:350px;float:left;padding-left:5px}

.eventStartDate{width:150px;float:left;}
.eventEndDate{width:150px;float:left}
.eventDelete{width:30px;float:left;margin-top:-5px}
.editEventArea{display:none;width:100%}



.fileSelect{float:left;margin:0px; width:0px}
.customPic{ float:left;background-image: url(../images/csv.png);background-repeat: no-repeat; background-size:32px 32px;width:32px;height:32px;cursor:pointer}
.selFileName{float:left; padding-left:10px;}

.tilePage
{
    width:310px;
    height:325px;
    border:1px solid gray;
    border-radius:5px;
    margin:18px 0px 0px 25px;
    
    float:left;
    
}
.pageNumber
{
    
    float:left;
    top:10px;
    left:0px;
    height:20px;
    width:100%;
     font-size:13px;
    background-color:gray;
    color:White;
    margin:0px; 
    text-align:center;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.reorderPopup
{
    font-size:13px;
}
.saveReorderBtn
{
    float:right;
}
.reorderArea
{
    width:800px;
    height:380px;
    
    
    margin: 0 auto; 
    overflow-y:scroll; overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    position:relative;
    
}
.tabFav{margin-top:20px}
.tabMain{margin-top:80px}
.tab{ position:absolute; width:140px; border-left:1px solid #656565;border-top:1px solid #656565;border-bottom:1px solid #656565; padding:10px; 
      font-size:17px;margin-left:44px;border-top-left-radius:6px;border-bottom-left-radius:6px;cursor:pointer;
      height:30px; padding-top:15px;
}

.tab.Active{background-color:#DADADA;
           
            }
.dragText{margin-top:170px}
.reorderRightHeader
{
    font-weight:bold;
    font-size:13px;
    
    border-bottom:1px solid #C3C3C3;
    padding-left:110px;
    
}
.roPageNumber{width:770px;height:33px;float:left;border-bottom:1px solid #C3C3C3; padding:12px 0 0 10px; font-weight:bold}

.roTile{float:left;border-bottom:1px solid #C3C3C3;}
.roTileNumber{width:35px;background-color:lightgray;height:33px;float:left;text-align:center;padding:12px 0 0 0px}
.roTileName{width:680px;height:33px;float:left; padding:12px 0 0 20px}
.reorderIcon{background-position:-665px 12px;width:35px;height:33px;float:right;}

.file{cursor:pointer;text-decoration:underline;}

.helpLink{width:300px; font-size:13px; padding-top:20px;cursor:pointer;}

.helpLink a{color:Gray;}
.helpLink a:hover{color:#2E6FCB}

.helpHeader{padding:30px 0 20px 0;}
.helpHeaderText{width:100%;border-bottom:1px solid silver}
.helpRowImg{width:100px;vertical-align:top}
.helpRowTitle{width:200px;font-size:15px; padding:10px;vertical-align:top}
.helpRowDesc{font-size:15px;vertical-align:top; padding-bottom:40px}
.circle{width:25px;height:30px;border-radius:30px; color:White; padding:10px 0 0 15px}
.green{ background-color:Green}
.red{ background-color:#B73633}
.blue{ background-color:#309FBC}
.violet{ background-color:#715198}


.filter_inputBox{width:400px;height:26px; color:#666666;float:left;background-color:#F5F5F5;border:1px solid #C3C3C3;border-radius:4px;margin: 3px 2px 3px 7px}
.filter_input{width:350px;color: #666666;font-size:13px;float:left;background-color:#F5F5F5;border:0px;-webkit-appearance: none;margin:0px;padding:4px 0 0 10px}
.filterBox{float:left;width:475px;background-color:#D6D6D6;border:1px solid #BCBCBC;border-radius:3px;margin:15px 10px 15px 0px;-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.22);}
.filterCat{display:none; float:left;position:absolute; width:180px;height:108px;background-color:#D6D6D6;border:1px solid #BCBCBC;z-index:100;top:85px;border-top:0px;border-radius:0px 0px 5px 5px;-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.32);}

.filterCatItem{width:180px;height:35px; float:left; border-bottom:1px solid #C3C3C3; }
.filterCatItem label{margin-top:8px;width:150px}



.dropdown_btn {background-position:-700px 2px;width:24px; height:24px; float:left;margin:5px 0px 0px 7px;cursor:pointer;}
.clear_btn {background-position:-735px 2px;width:24px; height:24px; float:left;margin:3px 0px 0px 5px;cursor:pointer;}
.search_btn{background-position:-765px 2px;width:24px; height:24px; float:left;margin: 0px 0px 0px 10px;cursor:pointer;}

.acceptCroppedImg{background-position:-1px -273px;width:24px; height:24px; float:left;margin:3px 0px 0px 10px;cursor:pointer;}
.cancelCroppedImg{background-position:-735px 2px;width:24px; height:24px; float:left;margin:3px 0px 0px 10px;cursor:pointer;}
.rotateCroppedImg{background-position:-25px -273px;width:24px; height:24px; float:left;margin:3px 0px 0px 10px;cursor:pointer;}
.zoomInCroppedImg{background-position:-50px -273px;width:24px; height:24px; float:left;margin:3px 0px 0px 10px;cursor:pointer;}
.zoomOutCroppedImg{background-position:-75px -273px;width:24px; height:24px; float:left;margin:3px 0px 0px 10px;cursor:pointer;}
.cropImageLoader{width:100%;height:100%; position:absolute;left:150px;top:140px;display:none; color:Black}

.aboutUsBox
 {
     z-index: 1001;display:none;
     background:#F0F0F0 !important; margin: 20% auto 0; width: 360px; padding-top:0px; border-radius:10px; position:absolute !important;color:White;font-size:14px;
	top:50% !important;left:50% !important;margin-top:-220px !important;margin-left:-180px !important;-webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);-moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.9);
	height:280px;
 }
 .aboutUsHeader{background-color:White;width:100%;height:30px;color:Black;font-weight:bold;font-size:14px; text-align:center;border-top-right-radius:10px;border-top-left-radius:10px; padding-top:15px; border-bottom:1px solid #DADADA}
 .dmLogo{background-position:-113px -271px;width:55px; height:55px; float:left;margin:3px 0px 0px 10px;cursor:pointer; margin-left:155px; margin-top:20px}
 .version{width:100%;height:50px;color:Black;font-size:14px; text-align:center;margin-top:100px}
 .closeAboutUs{width:60px; height:28px;background-color:#228ADA;color:White;font-size:13px;text-align:center;border-radius:3px;padding-top:10px;cursor:pointer; float:left; margin-left:150px}
 .myDocsIcon{background-position:-113px -271px;width:120px; height:90px; }
 
 .ui-datepicker{font-size:62.5%}/*This is for date picker*/
 
.amcharts-graph-g2 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \0/;    /* fixes IE prob */
    stroke-dashoffset: 0 \0/;   /* fixes IE prob */
    -webkit-animation: am-draw 10s;
    animation: am-draw 10s;
}
@-webkit-keyframes am-draw {
    0% {
        stroke-dashoffset: 500%;
    }
    100% {
        stroke-dashoffset: 0px;
    }
}
@keyframes am-draw {
    0% {
        stroke-dashoffset: 500%;
    }
    100% {
        stroke-dashoffset: 0px;
    }
}