/* Generic form fields  */
@import "formfields.css";
/* Layout for desktop version */
@font-face {
  font-family: 'Roboto-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('fonts/Roboto-Regular'), local('fonts/Roboto-Regular'), url(https://themes.googleusercontent.com/static/fonts/roboto/v8/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
.btn.btnTileView 
{
    background: #bbb url("../img/btn-bg.jpg") repeat-x scroll left top;
    border: 1px solid #aaa;
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.75);
    color: #0089d0;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    color:#0089d0 !important;
}
.btn.btnTileView:hover {background: #bbb url("../img/btn-bg.jpg") repeat-x scroll left top;}
.row > #main > form {
    margin-bottom: 0;
}
.width100px {
            width: 101px;
            float: right;
        }
body {
background: url('../img/gradient-texture.jpg') repeat-x top left #eee;
background: #fff;
color: #222;
overflow: hidden;
overflow-y: scroll;
font-family: 'Roboto-Regular';
}
.registericon a { font-size:12px; text-decoration:none}
.sax .x-body { color: #222; font-family: 'Roboto-Regular' }


/* to fix the images inside  the studio */
.x-window img {
	margin-bottom:0;
}

/* Common Styles */

.split5 .twocol {width: 20%; margin: 0; }


.blockClickable {

padding: 10px;
border: 1px solid #f4fcff;
}

.blockNotClickable {

padding: 10px;
border: 1px solid #fff;
}

.blockClickable:hover {
background: #f4fcff;
border-color: #b4e8fc;
cursor: pointer;
}

.max48 { max-width: 48px; }

.colorRed { color: red; }

.modalMessage { padding: 10px; }

div#termsAndprivacy-form {
    height: 112vw;
    overflow: auto;
}

.modalMessage .tickList { margin-left: 20px; }
.modalMessage .tickList, .modalMessage .tickList li  { list-style-image: url('../img/tick-16.png'); list-style-position: outside; }

/* jquery UI */
.ui-dialog .ui-dialog-titlebar { background: none; color: #333; border: none; }
.ui-dialog button.ui-dialog-titlebar-close span.ui-icon { margin-left: -8px; margin-top: -8px; }
.ui-autocomplete-loading { background: white url("../img/loading-16.gif") right center no-repeat;}


#SnapABug_bImg { display: none !important; }
.helpDeskTabWrap { 
top: 50%;
left: 0;
position: fixed;
margin-top: -25px;
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);



height: 36px;
margin-left: -40px;
}
.helpDeskTab, .supportWidgetDockedLeft a {font-weight:bold; padding: 5px 10px; text-align: center; background: #5dbb03; color: #fff; cursor: pointer; opacity: .7; }

.supportWidgetDockedLeft { position: relative; }
.supportWidgetDockedLeft a {
	display: block;
	
	background: #0089D0;
	-webkit-transition: all .2s ease-out;
	border-radius: 0 0 8px 8px;
	border: 1px solid #00609a;
	}
	
.supportWidgetDockedLeft a:hover { text-decoration: none;  }

.helpDeskTab:hover, .supportWidgetDockedLeft a:hover, .supportWidgetDockedLeft a.hover { opacity: 1; padding-top: 20px; }


	.supportWidgetDockedLeft a { color: #D3EAF8; }
	
	.supportWidgetDockedLeft a.widget-link { 
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		opacity: 0;
		filter: alpha(opacity = 0);
		
		}

.centerBox { margin: 0 auto; float: none; }

div.greenBox
{
    width:50%;
    padding:2px;
    border:1px solid black;
    margin:0px;
    color: white;
    background: green;
    text-align: center;
    font-size: 10px;
}

.roundedCorners { 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

ul.inlineList { list-style: none; margin: 0; padding: 0; }
ul.inlineList li { display: inline; margin-bottom: 6px; margin-right: 10px; }
ul.inlineIconList li { margin-right: 1px; }
ul.inlineList li:last-child { margin-right: 0; }

ul.inlineFileList { overflow: hidden; }
ul.inlineFileList li { display: inline-block; }

.hidden { display: none; }
.shown { display: block; }

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 4px solid black;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	}

.dropdown .caret {
	margin-top: 0px;
	margin-left: 2px;
	}

		.dropdown {
				position: relative;
				}
				
			.open > .dropdown-menu {
				display: block;
				}
				
			.dropdown-menu {
				position: absolute;
				top: 100%;
				right: -1px;
				z-index: 1000;
					display: none;
				float: left;
				
				padding: 10px 0;
				margin: 0;
				margin-top: -34px;
				list-style: none;
				background-color: white;
				border: 1px solid #CCC;
				border: 1px solid rgba(0, 0, 0, 0.2);
				border-top: 0;
				-webkit-border-radius: 6px 0 6px 6px;
				-moz-border-radius: 6px 0 6px 6px;
				border-radius: 6px 0 6px 6px;
				-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				-webkit-background-clip: padding-box;
				-moz-background-clip: padding;
				background-clip: padding-box;
				}
				
				.dropdown-menu li { line-height: 25px; margin-bottom: 0; }
				
				.dropdown-menu li > a, .dropdown-menu .menuHeading {
					display: block;
					padding: 2px 20px;
					
					clear: both;
					line-height: normal;
					white-space: nowrap;
					color: #555;
					text-decoration: none;
					font-weight: normal;
					}
					
                    .dropdown-menu li.menuSection {
                    display: block;
                    padding: 2px 20px;
                    margin-bottom: 3px;
                    clear: both;
                    line-height: normal;
                    white-space: nowrap;	
                    text-decoration: none;
                    font-weight: bold;
                    }
					.dropdown-menu li > a.currententity { font-weight: bold; }
					
					.dropdown-menu li > a:hover { background: #0085d5; color: #fff; text-shadow: 0px -1px 1px rgba(0,0,0,.25);  }
					
				.dropdown-menu .menuHeading { color: #999; font-size: 11px; }
				#main-nav li.divider { border: none; }
				.dropdown-menu .divider {
					height: 1px;
					margin: 9px 1px;
					overflow: hidden;
					
					background-color: #ccc;
					border-bottom: 1px solid white;
					}	
					
				#main-nav .open > a {
					background: #fff;
					color: #333;
					background: -moz-linear-gradient(top, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007fbf), color-stop(9%, #007fbf), color-stop(10%, rgba(0, 127, 191, 0)));
					background: -webkit-linear-gradient(top, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					background: -o-linear-gradient(top, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					background: -ms-linear-gradient(top, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					background: linear-gradient(to bottom, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					
					}
					
					#main-nav .open {
						border-left: 1px solid #f3f3f3;
						border-right: 1px solid #f3f3f3;
						}
						
						#storeMainMenu.open { border-right: none; }

.overflowMedium { margin-bottom: 10px; max-height: 200px; overflow: auto; }

.innerForm form { margin-bottom: 0; }

.strong { font-weight: bold; }
/*.iqDialogModal::before { position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,.25); content: ""; z-index: 9; }*/
.iqDialog { left: 50%; margin-left: -130px; z-index: 10;}
.zoneStatus { padding: 6px 10px;  font-size:12px; font-weight:bold}

img.prodImg, img.userProfileImg { max-width: 74px; }

p.calloutText, .calloutText.moreInfo { font-size: 18px; line-height: 24px; }

.checkboxList { display: table; }
.checkboxList li { display: table-row;}
.checkboxList input { margin-bottom: 0; display: table-cell; position: relative; top: 2px;  }
.checkboxList label { display: table-cell; padding-left: 5px;  }

.img-medium { max-width: 118px; }

#siteNav { height: 20px; margin-top: 15px; font-weight: bold; }
    #siteNav #dropdownMenu { margin: 0; margin-left: 10px; }

.autoWidth { width: auto !important; }

input.borderlessInput { border: none; padding: 10px; margin: 0 !important; }
.alt input.borderlessInput { background: #eee; }

.groupedSection 
{
    padding: 0 0 10px 0;
    margin-bottom: 10px;
   
    /*background: url('../img/secondary-content-bg.jpg') no-repeat bottom center transparent;*/
    -webkit-background-size: contain;
    overflow: hidden;
    border-bottom:1px solid #dbdbdb;
}

.homeIntro .groupedSection, 
.homeFeatures.groupedSection {
	padding: 0;
	margin: 0;
	}
	
.homeFeatures.groupedSection { padding: 20px 0 20px 0; }

ol.numberedList
{
    counter-reset:li; /* Initiate a counter */
}

ol.numberedList > li {
		position:relative; /* Create a positioning context */
		margin:0 0 6px 24px; /* Give each list item a left margin to make room for the numbers */
		padding:4px 8px; /* Add some spacing around the content */
		list-style:none; /* Disable the normal item numbering */
		
	
	}
	ol.numberedList > li:before {
		content:counter(li); /* Use the counter as content */
		counter-increment:li; /* Increment the counter by 1 */
		/* Position and style the number */
		position:absolute;
		top:0;
		left:-24px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
		
		width:24px;
		height: 24px;
		/* Some space between the number and the content in browsers that support
		   generated content but not positioning it */
		margin-right:8px;
		
		padding: 2px 1px;

		background: url('../img/playIt-bg.jpg') repeat-x top left #0060A9;
		color: #fff;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, .35);
		text-align:center;
		border: 1px solid #00609a;
		font-weight: bold;
	}
	li ol,
	li ul {margin-top:6px;}
	ol ol li:last-child {margin-bottom:0;}

small { font-size: 10px; }

html.sax, html.sax body {
	overflow: auto;
}

.marginLR { margin: 0 10px; }

img.prodSize { max-width: 74px; }

img.fullWidth, #secondary img.fullWidth { max-width: 100%; }

	
	.iqNotify p {
		margin: 0;
		word-wrap: break-word;
		font-weight:normal;
		}
	
	

.spaceBottom 
{
    margin-bottom: 20px;
}

.spaceTop 
{
    margin-top: 20px;
}

.spaceLeft { margin-left: 10px; }
.spaceLeftMid { margin-left: 58px; }
.spaceLeftBig { margin-left: 78px; }

.spaceTopBig { margin-top: 60px; }

.spaceTopSmall { margin-top: 5px; }
.spaceTopMed { margin-top: 10px; }

.SaxSubSummary tbody tr:nth-child(even) {
   background-color: #eee;
  
}
table.SaxSubSummary  
{       width: 100% !important;
        border-spacing: 4px;
        table-layout: fixed;
        word-wrap: break-word;
       
         }
         
         table.SaxSubSummary th { padding: 2px 5px;}
         
         
         table.SaxSubSummary td { padding: 2px 5px;}
         
         .header { background: #aeb8c4}
      
		.SaxSubSummary img { margin-bottom: 0; }
		/*.SaxSubSummary tr:hover * { font-weight: bold; background: lightyellow; }*/
table.SaxSubSummary th 
{
    text-align: left;
   /* color:#0089d8;*/
   color:Black;
    font-weight:bold;
}

select {
	
	padding: 0;
	border: 0;
	border: 1px solid #aaa;
	}
	
	.editor-field select { width: 100%; padding: 5px; border-radius: 4px; margin-top: 0; }
	
label 
{
    display: inline-block;
}

.radiofield label, .checkboxfield label {
	display: inline;
	}
	
.payment .iqNotify {
	margin-top: 0;
	margin-bottom: 20px;
	}
	
	
.gridTools form { text-align: right; }
.gridTools.textLeft form { text-align: left; }
.gridTools form select { margin-bottom: 0; }


input.inputText, .termsText, .inputSelect, .gridTools input[type="text"], .gridTools #searchText 
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    
	line-height: 1.2em;
	background: #fff;
    font-size: 12px;
	outline: none;
	padding: 6px;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
				
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
	-webkit-transition: all 0.2s ease-out;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	}
	
form input.inputText.input-validation-error {
    background-color: #FFEEEE;
    border: 1px solid #ccc;
}	
	
	form input.inputText:focus {
		width: 100%;
		border-color: #0089D0;
		background: #fff;
		-webkit-box-shadow: 0px 0px 6px #D3EAF8;
		}
		
	.termsText {
		width: 100%;
		height: 100px;
		}

#sidebar, .box, .userNav img, 
.members img, .postAuthorImg img, .userInput img,
.infoBox img, .productBox {
	-webkit-box-shadow: 0px 1px 3px #424242;
	-moz-box-shadow: 0px 1px 3px #424242;
	box-shadow: 0px 0px 4px #424242;
	}
	
.wrap, .post .commentWrap, .box, #sidebar, .productBox {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
a.btn, .btn {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	}
	
.wrap, a.btn, .btn, .form input {
	-webkit-box-shadow: 0px 1px 2px rgba(255,255,255,.75);
	-moz-box-shadow: 0px 1px 2px rgba(255,255,255,.75);
	box-shadow: 0px 1px 2px rgba(255,255,255,.75);
	}
	
img.noMargin, .noMargin, .gridTools input {
	margin-bottom: 0;
	}
img.noMargin.info
{
    margin-bottom: 0;
    cursor:pointer;
}
.noMargin { margin-bottom: 0 !important; }
.noTopMargin { margin-top: 0 !important; }

.alignLeft {
	float: left;
	margin-bottom: 0;
	margin-right: 10px;
	}
	
.alignRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 0;
	}
	
.alignCenter {
	text-align: center;

	}
	
.noShadow, .infoBox img.noShadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	
.alt {	
	background: #eee;
	}
	
li.norm > div.block {background-color: #ffffff !important}
li.alt > div.block {background-color: #F6F8F8 !important}
.norm, .wrap, .box, #masthead, .productBox, .productBox.last {
	/*background-color: #fff;*/
	}

.block:hover, .x-item-selected {
    background: none repeat scroll 0 0 #CCE0EB;
    border-top-color: #CCCCCC;
    cursor: pointer;
}

	
.slider, .tabBar, .tabBar li a {
	background: url('../img/gradient-bg.jpg') repeat-x bottom left #bbb;
	background: #ddd;
	}
	
	.tabBar { background: #fff; }
	
	.tabBar li a { background: #eee; }
	
	.slider li a:active, .tabBar li a:active{
		background: url('../img/slider-active-bg.jpg') repeat-x top left transparent;
		}
	
.titlebar, .tabBar, .tabBar li a, 
.slideShowWrap, .widget .slideShow {	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
			
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
			
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
	
	
/* Paging */

.iqPagingWrap.boxInner 
{
    padding-top: 0px;
    overflow: hidden;
}

.iqPagingWrap 
{
    padding: 5px;
   text-align: center;
    overflow: hidden;
}

.iqPagingWrap ol 
{
    width: 100%;
    display: inline;
}

.iqPagingWrap li 
{
    display: inline-block;
    margin-bottom: 0;
}

.iqPagingWrap a 
{
    padding: 2px 6px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    background: #2783f0;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, #2783f0),
	color-stop(1, #59b4fb)
	);
	background-image: -moz-linear-gradient(
	center bottom,
	#2783f0 20%,
	#59b4fb 100%
	);
	color: #fff !important;
	text-shadow: 0px -1px 1px rgba(0,0,0,.35);
	box-shadow: 0px 1px 0px rgba(0,0,0,.5);
	border: 1px solid #00609a;
}

.iqPagingWrap a.current 
{
    background: #fff;
    box-shadow: none;
    color: #00609a !important;
    text-shadow: none;
}
	
	
/* Utilities */

#utilities {
    background: url('../img/playIt-bg.jpg') repeat-x top left #0060A9;
    padding: 5px 0;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .35);
    border-bottom: 1px solid #555;
    display: none;
    }
    
    #util-menu ul, #util-menu li {
        margin-bottom: 0;
        }
        
        #util-menu a {
            margin-right: 5px;
            line-height: 25px;
         }
        
    #utilities a {
        color: #fff;
        padding: 3px 12px;
        background: url('../img/light-blue-bg.jpg') repeat-x top left #54A900;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        border: 1px solid #00609a;
        background: #2783f0;
	    background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, #2783f0),
		color-stop(1, #59b4fb)
		);
		background-image: -moz-linear-gradient(
		center bottom,
		#2783f0 20%,
		#59b4fb 100%
		);
					
		text-shadow: 0px -1px 1px rgba(0,0,0,.35);
		box-shadow: inset 0px 1px 3px rgba(0,0,0,.15), 0px 1px 0px rgba(255,255,255,.2);
        }
        
        #utilities a.logout {
            background: none transparent;
            box-shadow: none;
            border: none;
            font-size: 10px;
            }
            
/* Global Header */


/*#global-header  
{
    position: relative;
    padding: 2px;
    background: #FF5500; /* Old browsers */
   /* background: -moz-linear-gradient(top,  #ef9937 0%, #ff5500 99%); /* FF3.6+ */
   /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef9937), color-stop(99%,#ff5500)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  #ef9937 0%,#ff5500 99%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  #ef9937 0%,#ff5500 99%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  #ef9937 0%,#ff5500 99%); /* IE10+ */
    /*background: linear-gradient(top,  #ef9937 0%,#ff5500 99%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9937', endColorstr='#ff5500',GradientType=0 ); /* IE6-9 */
   /* border-top: 1px solid #FF5500;
    border-bottom: 1px solid #000;
    box-shadow: inset 0px 1px 1px rgba(255,255,255,.5);
    } */
/*#global-header h1  
{
    font-size: 12px; 
    margin: 0; 
    letter-spacing: normal;
    text-align: center; 
    line-height: normal;     
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(0,0,0,.45); 
    }*/
	
/*.globalAdmin #global-header { position: fixed; z-index: 9999; width: 100%;}
    
 #global-header span a { font-size: 10px; position: absolute; right: 20px; top: 0; color: #000; }

/* Masthead */
.BTN-newposition > .btn.cta {
    padding: 4px 14px;
}
.logoutnew {
    float: right;
    margin-top: 14px;
    background: url('../img/logout.png') no-repeat left;
    padding: 0px 33px;
}
.logoutnew a { color:#333333}
#masthead-wrap { position: fixed; width: 100%; z-index: 1234;background:#fff url('../img/content-bg.png') repeat-x 0px 57px }

.globalAdmin #masthead-wrap { top: 0px; }

#masthead, #main-nav, .tabBar,
#main-nav > ul, .tabBar ul, #main-nav > ul > li, 
.tabBar li, #site-search form {
	height: 90px;
	}
.tabBar,
.tabBar ul,
.tabBar li {
	height: 30px;
	}
	


#masthead 
{
    /*background: #ffffff;*/
border-top: 0px solid #eee;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	
	/*position: fixed;
	z-index: 999;
	width: 100%;*/
	}
	
	#masthead .row 
	{
	    height: 49px;
		    /*min-height: 58px;*/
		    /*overflow: visible;*/ /*to override framework*/
		position: relative;
		max-width: 1140px;
		}
		#appZoneBody #masthead .row {
		max-width: 1124px;
		}

		#appZoneBody .titlebarfixedPosition.titleicon {
		margin-left: 8px;
		}		
	#masthead .login 
	{
	    line-height: 50px;
	}
	
	#logo img {
		margin: 0;
/*		margin-top:4px;*/
        width: 85%;
        padding: 10px 0;
	}

/* Main Nav & TabBar Basic Styles */
	
	#main-nav, .tabBar {
		position: relative;
		}
		
	#masthead-wrap, #masthead-wrap *, #main-nav, #main-nav *, .tabBar, .tabBar * 
	{
	    box-sizing: content-box;
        -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
        -webkit-box-sizing: content-box;
	}
		
	/*#main-nav h3 
	{
	    margin: 0;
	    width: 108px;
	    height: 50px;
	    text-indent: -999em;
	    position: absolute;
	    left: 0;
	    background: url('../img/shop-by.png') no-repeat center left;
	    z-index: 998;
	}*/
	

	
	#main-nav > ul, .tabBar ul {
		float: left;
		width: 100%;
		margin: 0;
		display: inline;
		line-height: 50px;
		}
		
		.tabBar ul { line-height: 30px; }
			
		#main-nav > ul > li, .tabBar li {
			float: left;
			margin: 0;
			float: left;
			display: inline;
			border-left: 1px solid #BBB;
			}
			
			#main-nav > ul > li { border-color: #f3f3f3; }
			
		/*#main-nav li 
		{
		   
		   float: left;
		   height: auto;
		   width: 150px;
		   border: none;
		   
		}
		
		
		    #main-nav li.topLevel 
		    {
		        position: relative;
		        width: auto;
		        margin-right: 5px;
		       
		        padding-left: 20px;
		        background: url('../img/d-sep.png') no-repeat center left;
		        line-height: 50px;
			height: 50px;
			
			border: none;
		    }
		    
		    #main-nav li a:hover 
		    {
		        text-decoration: none;
		        padding-left: 11px;
		    }
		    
		    
		    
		    #main-nav li.topLevel > a 
		    {
		        margin-left: 5px;
		       
		    }
		    
		    #main-nav li.topLevel.first 
		    {
		        background: none;
		        margin-left: 0;
		        padding-left: 0;
		    }
		    #main-nav li.topLevel.first > a 
		    {
		        margin-left: 0;
		    }
		    
				    
		    #main-nav li.topLevel > a 
		    {
		        padding-right: 25px;
		        background: url('../img/dd-menu-arrow.png') no-repeat center right;
		        border: 1px solid transparent;
		        border-bottom: none;
		        border-top: none;
		    }
		    
		     #main-nav li.topLevel > a:hover, #main-nav li.active > a 
		     {
		         background: url('../img/dd-menu-arrow-hov.png') no-repeat center right;
		     }*/
		
		#main-nav li.last 
		{
		    
		    /*border-right: none;*/
		}

		    
		   /* #main-nav ul 
		    {
		        float: left;
		        width: auto;
		        height: auto;
		        line-height: normal;
		       
		    }
		    
		    #main-nav > ul 
		    {
		        padding-left: 70px;
		        position: absolute;
		        z-index: 997;
		        
		    }
		    
		    #main-nav ul ul 
		    {
		        padding-top: 5px;
		        padding-bottom: 5px;
		        position: absolute;
		        top: 50px;
		        left: 25px;
		        background: #2783f0;
		        display:none; 
		        
		             -webkit-border-top-right-radius: 4px;
		             -webkit-border-bottom-left-radius: 4px;
					-webkit-border-bottom-right-radius: 4px;
					
					
					-moz-border-radius-topright: 4px;
					-moz-border-radius-bottomleft: 4px;
					-moz-border-radius-bottomright: 4px;
			
					border-top-right-radius: 4px;
					border-bottom-left-radius: 4px;
					border-bottom-right-radius: 4px;
		        
		        -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.35);
		        -moz-box-shadow: 0px 3px 3px rgba(0,0,0,.35);
		        box-shadow: 0px 3px 3px rgba(0,0,0,.35);
		        
		        border: 1px solid #00609a;
		        border-top: none;
		        
		        background: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.2, #1f67bf),
						color-stop(1, #2783f0)
						) !important;
		        
		       
		    }
		    
		    #main-nav ul ul a 
		    {
		        padding-top: 4px;
		        padding-bottom: 4px;
		        color: #fff;
			    text-shadow: 0px -1px 1px rgba(0,0,0,.35);
			    float: none;
			    display: block;
		    }
		    
		    #main-nav ul ul a:hover 
		    {
		        background: #2886fa;
		         -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,.15), 0px 1px 1px rgba(0,0,0,.15);
		          -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,.15), 0px 1px 1px rgba(0,0,0,.15);
		         box-shadow: inset 0px 1px 2px rgba(255,255,255,.15), 0px 1px 1px rgba(0,0,0,.15);
		    }
		    
		    #main-nav ul ul .current a
		    {
		       
		        background: #0060a9;
		         -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35), 0px 1px 1px rgba(255,255,255,.15);
		          -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35), 0px 1px 1px rgba(255,255,255,.15);
		         box-shadow: inset 0px 1px 2px rgba(0,0,0,.35), 0px 1px 1px rgba(255,255,255,.15);
		    }
		    
		    #main-nav ul .topLevel:hover ul 
		    {
		       display: block;
		    }
		    
		    #main-nav ul .first ul 
		    {
		        left: 0;
		    }
		    
		   #main-nav .topLevel > a:hover, #main-nav li.active > a
		   {
		        -webkit-border-top-left-radius: 4px;
		             -webkit-border-top-right-radius: 4px;

					
					
					-moz-border-radius-topright: 4px;
					-moz-border-radius-topleft: 4px;
			
					border-top-left-radius: 4px;
					border-top-right-radius: 4px;
					
					background-color: #2783f0;
						background: url('../img/dd-menu-arrow-hov.png') no-repeat center right, -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.2, #2783f0),
						color-stop(1, #59b4fb)
						) !important;
						background:url('../img/dd-menu-arrow-hov.png') no-repeat center right, -moz-linear-gradient(
						center bottom,
						#2783f0 20%,
						#59b4fb 100%
						) !important;
						color: #fff;
						text-shadow: 0px -1px 1px rgba(0,0,0,.35);
					 border: 1px solid #00609a;
		        border-bottom: none;
		         -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.5), 0px -1px 2px rgba(0,0,0,.35);
		         -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.5), 0px -1px 2px rgba(0,0,0,.35);
		         box-shadow: inset 0px 1px 1px rgba(255,255,255,.5), 0px -1px 2px rgba(0,0,0,.35);
		         

		   }*/
		   
		   
		   
		   #currentEntityName {display: inline;float: left;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
		   #currentCompanyName { color: #777; font-size:10px; font-weight: normal; display: block; margin-top: -37px; }

		
		#main-nav .last, .tabBar .last {
			border-right: 1px solid #f3f3f3;
			}	
			
		#main-nav li, #main-nav .last {
		    border-color: #f3f3f3;
		    }
			

			
		#main-nav #login, #main-nav #profile {
			float: right;
			border: none;
			}
			
			#main-nav > ul > li > a, .tabBar li a {
				padding: 0 10px;
				border: none;
				float: left;
				display: inline;
				color: #333;
				text-shadow: 0px 1px 1px rgba(255, 255, 255, .5);
				}
				
				#main-nav > ul > li > a {
				 color: #0089D0;
				}
				
			/*#main-nav li a 
			{
			    padding: 2px 10px;
			}
			
		    #main-nav li.topLevel > a 
		    {
		        padding: 0 10px;
		        padding-right: 35px;
		    }
		    
		    #main-nav li.first > a
		{
		    padding-left: 35px;
		    
		}*/
				
				.tabBar li a:hover {
					text-decoration: underline;
					}
				
						
				#main-nav li a.register, #main-nav li a.current.register {
					color: #54a900;
					}
					
					#main-nav li a.userProfile, #main-nav li a.login {
						/*padding-right: 16px;
						background: url('../img/bullet-arrow-down.png') no-repeat center right;*/
						padding-right: 0;
						
						}
						
					#main-nav li a.logout 
					{
					    font-size: 10px;
					    padding: 0 0 0 10px;
						margin-left: 10px;
					    color: #777;
						 border-left: 1px solid #BBB;
					}
					
				#main-nav li#Li1, #main-nav li#Li2, #main-nav li#Li3, #main-nav li#main-search { float: right; }
				#main-nav li#Li1 a { color: #0089D0;text-shadow: none;font-weight: normal; }
				#main-nav li#Li3 { border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; }
				    #main-nav li#Li1, #main-nav li#main-search, #main-nav li#Li2 { border: none; }
					#main-nav li#Li2 { border-left: 0px solid #fff; border-right: 0px solid #fff; }
					
					#main-nav li#main-search { padding-right: 10px; }
				#main-nav li#Li2 > a, #main-nav li#Li3 a { height: 50px; }
				#main-nav li#Li2 > a { padding-right: 10px; }
				#main-nav li#Li2 img, #main-nav li#Li3 img { margin-top: 12px; margin-right: 5px;  max-width: 24px; display: inline; }
				#main-nav li#Li2 a:hover img, #main-nav li#Li3 a:hover img { opacity: 1; }
				#main-nav li#Li3 img { margin-top: 16px; margin-right: 0; }
				#main-nav li#Li3 { float: left; border-left: none; }
				/*#main-nav li#Li2 img { float: left;margin-top: 16px;vertical-align: middle;}*/
				#main-nav li#Li2 img {
                    float: left;
                    margin-top: 10px;
                    vertical-align: middle;
                    border: 1px solid #dbdbdb;
                    padding: 2px;
                    border-radius: 71%;
                    width: 25px;
                    height: 25px;
                }
				
				#main-nav  li a.current, .tabBar li a.current {
					padding-bottom: 8px;
					background: url('../img/main-nav-selected.png') no-repeat center bottom transparent;
					color: #008AD1;
					color: #000;
					text-decoration: none;
					-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.25);
					-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.25);
					box-shadow: 0px -1px 2px rgba(0,0,0,.25);
					}
					
				#main-nav  li a.current 
				{
				    background: none;
					background: -moz-linear-gradient(top, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007fbf), color-stop(9%, #007fbf), color-stop(10%, rgba(0, 127, 191, 0)));
					background: -webkit-linear-gradient(top, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					background: -o-linear-gradient(top, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					background: -ms-linear-gradient(top, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					background: linear-gradient(to bottom, #007fbf 0%, #007fbf 9%, rgba(0, 127, 191, 0) 10%);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fbf', endColorstr='#00007fbf', GradientType=0);
				    padding-bottom: 0;
				    box-shadow: none;
					color: #333;
				    
				}
					
				#main-nav li a.login, #main-nav li a.userProfile, #main-nav li a.current.login {
					/*color: #0089d0;*/
					}
				
			#main-nav a:active, .tabBar a:active {
				position: relative;
				top: 1px;
				}	
				
				
			#main-nav #profile {
				position: relative;
				/*height: 200px;
				border-left: 1px solid #ddd;
				border-right: 1px solid #ddd;
				padding-bottom: 2px;
				background-color: #fff;*/
				}
				
				#profileMenu {
					padding-top: 5px;
					position: absolute;
					top: 48px;
					right: 0;
					background: #fff;
					z-index: 9999;
					border: none;
					width: 150px;
					border: 1px solid #ddd;
					
					-webkit-border-bottom-left-radius: 4px;
					-webkit-border-bottom-right-radius: 4px;
					-webkit-border-top-left-radius: 4px;
					
					-moz-border-radius-bottomleft: 4px;
					-moz-border-radius-bottomright: 4px;
					-moz-border-radius-topleft: 4px;
			
					border-bottom-left-radius: 4px;
					border-bottom-right-radius: 4px;
					border-top-left-radius: 4px;
					
					-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.35);
					-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.35);
					box-shadow: 0px 1px 3px rgba(0,0,0,.35);
					
					display: none; /*for testing*/
					}
					
					#profileMenu ul, #profileMenu li, #profileMenu a {
						margin: 0;
						padding: 0;
						height: auto;
						line-height: 18px;
						border: none;
						}
						
					#profileMenu ul {
						margin-bottom: 5px;
						}
						
						#profileMenu li, #profileMenu li a {
							float: none;
							display: block;
							}
	
	.tabBar {
		border-bottom: 1px solid #bbb;
		}
		
		.tabBar ul {
			border-right: 1px solid #bbb;
			width: auto;
			}
		
		.tabBar li {
			border: none;
			}

			.tabBar li a {
				border-left: 1px solid #bbb;
							
				text-shadow: 0px 1px 1px rgba(255,255,255,.5);
				}				
				
				.tabBar  li a.current {
					background: #fff;			
					border-left: 1px solid #bbb;
					/*border-right: 1px solid #bbb;*/
					padding-bottom: 1px;
					}
					
				.tabBar li.first a.current {
					border-left: none;
					}
					
		/* Toolbar */
		
		.postBar form, .commentWrap form {
			margin-bottom: 0;
			}
								
		    .disabled {
				opacity: .65;
				filter: alpha(opacity=65);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
				background-color: #ccc;
				
				}
				
				.disabled:hover, .diabled:active {
					cursor: default;
					text-decoration: none;
					background-color: #ccc;
					top: 0;
					}
	
	#site-search {
		float: left;
		text-align: right;
		}
		
		#search {
			margin-bottom: 0;
			}
			
			#search input { float: right; }
		
		#site-search form, .form {
			float: right;
			
			height: auto;
			}
			
			#secondary-nav li#main-search { float: right; }
			
			
						
			form input#search-text, .form input, .form .inputText, .gridTools input[type="text"], .gridTools #searchText {
				padding: 3px 6px 3px 25px;
				background: url('../img/search.png') no-repeat 0px 0px #fff;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				border-radius: 12px;
				-webkit-background-clip: padding;
	            background-clip: padding-box;
	            margin: 0;
				}
				
				.postBar #searchText { margin-left: 10px; }
				
			form input#search-text	{
				background: url('../img/search-blue.png') no-repeat 0px 0px rgba(255,255,255,.35);
				border-color: #00609a;
				box-shadow: 0px 1px 0px rgba(255,255,255,.35);
				}
				
				
			#masthead #search input { background-color: #bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
				
			#masthead #search input:hover, form input#search-text:focus, .form input, .form .inputText:focus, #masthead #search input:focus 
			    {
			    background-color: #fff;
			    }
				
			
			
				
			#search-btn {
				display: none; /* testing */
				}
				
				
				
/* Secondary Nav */

#secondary-nav 
{
    border-top: 1px solid #00609a;
    padding: 5px 0;
  
    background: url('../img/secondary-nav-bg.jpg') repeat-x top left #6d6d6d;
	background: #0085d5;
    box-shadow: 0px 1px 0px rgba(0,0,0,.35); 
    
}

#secondary-nav .row div 
{
	margin-left: 25.95%;
}

#secondary-nav ul {  position: relative; }

#secondary-nav li 
{
    float: left;
    margin: 0;
    margin-right: 5px;
    line-height: 25px;

}

#secondary-nav li.menulabel {
	color: #fff;
	color: rgba(255,255,255,.75);
	font-weight: bold;
	text-shadow: none;
	position: absolute;
	left: -22.15%;
	width: 22.15%;
	text-align: right;
	margin-left: -10px;
	}

#secondary-nav a 
{
    color: #EEF7FC;
       padding: 3px 10px;
       text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
       font-weight: bold;
        }
        
  #secondary-nav a:hover 
  {
      color: #fff;
      background: url('../img/playIt-bg.jpg') repeat-x top left;
	  background: #1296db;
      text-decoration: none;
      
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  }
        
#secondary-nav a.current 
{
   background: #00609a;
    
    
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px 1px 3px rgba(0,0,0,.25), 0px 1px 1px rgba(255, 255, 255, 0.1);
    color: white;
}
				
.pricingTable { width: 100%; }
.pricingTable td.tier { width: 33%; text-align: right; padding-right: 10px; }				
				
				
/* Content */

#content h1 { color: #0089d0; }

.appzonecentral 
{ 
    /*background: url('../img/content-bg.png') repeat-x left 52px;*/
    padding-top: 0px !important;
    padding-bottom: 80px; 
}

.titlebarfixedPosition.adminconsole  {
   padding-left: 31px;
   background: url('../img/adminconsole_titlebar_icon.png') no-repeat left 0px;
   padding:0px 0px 6px 33px;
   font-weight:normal;
   min-height:24px;
}
.adminconsole h2 a {color:#ffffff;}
#main-nav > ul > li.registericon {
    background: url('../img/register_icon.png') no-repeat left;
    padding: 0px 18px;
    height: 50px !important;
    width: 100px;
}

.ganttertheme#masthead-wrap  {
    position: fixed;
    width: 100%;
    z-index: 1234;
    background: #ffffff url('../img/content-bg-gantter-34.png') repeat-x 0px 57px !important;
}

#content {
		/*background: #eee;*/
	padding-top: 80px;
	padding-bottom: 80px;
	}
	.default
	{
	     background-color:#1b1b1e;
	     height:10px;
	     margin:0px;
	}
	.default.gantter
	{
	    background-color:#a2d28b;	      
	}
	
	#content.administration { padding-top: 20px; }
	
	.noSecondaryMenu #content { padding-top: 50px; background-position: left 50px; }

#content > .row {
	position: relative;
	}	
	
 .x-border-box #content > .row { overflow: visible; }
 .homeFeatureImg { position: relative; }

 .clientLogos.boxInner { padding-top: 10px; }
 .homeIntro .homeCallout .boxInner 
 {
     padding: 40px 40px 40px 0;
 }
 
 .homeIntro 
 {
     /*background: url('../img/sa-homepage-devices.jpg') no-repeat top left;*/
 }
 
 .homeIntro .btn { font-size: 18px; -webkit-box-shadow: 0px 0px 40px #52a4ef; -moz-box-shadow: 0px 0px 40px #52a4ef; box-shadow: 0px 0px 40px #52a4ef; }
  .homeIntro .btn:hover { 
	-webkit-box-shadow: 0px 0px 20px #52a4ef;
	-moz-box-shadow: 0px 0px 20px #52a4ef;
	box-shadow: 0px 0px 20px #52a4ef;
	}
 .homeIntro .youtube { display: inline-block; }
 
 .homeCallout 
 {
    
    -webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
			
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
			
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
        
    position: relative;
    }
    
    .homeCallout img 
    {
       /* position: absolute;
        top: -20px;
        right: 40px;*/
    }
    
    #content .homeCallout h1 
    {
        position: relative;
        line-height: 1em;
        color: #333;
        text-align: center;
        font-weight: bold;
        font-size: 35px;
		font-family: 'Roboto-Regular';
		font-weight: normal;
		}
    
    .arrowHome { position: absolute; bottom: -35px; }
        
    .homeCallout h2 
    {
        color: #80a0b1;
        font-size: 24px;
        font-weight: normal;
    }
	
    .default.livelink
    {
        background-color:green;
    }	
    
    .sbFeatures, .iqeFeatures 
    {
        -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
        -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
        box-shadow: 0px 1px 1px rgba(0,0,0,.25);
        
        -webkit-border-top-left-radius: 4px;
	    -webkit-border-top-right-radius: 4px;
			
	    -moz-border-radius-topleft: 4px;
	    -moz-border-radius-topright: 4px;
			
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
    }
    
    
    .sbFeatures 
    {
        /*background: url('../img/sb-features-bg.jpg') repeat-x top left #f8ffd2;*/
        background: #ffffff;
    }
    
    .iqeFeatures, .iqeFeatures.productBox 
    {
        background: url('../img/iqe-features-bg.jpg') repeat-x top left #d2efff;
    }
	
/* Main */

	.callout {
		background: #eee;
		}
		
		.payment .callout { background: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
		
		.payment .callout h2 {
			line-height: 32px;
			margin-bottom: 0 !important;
			}
	
	#main {
		padding: 0;
		padding-top: 53px;
		position: relative;
		margin-top: 0;
		}
		
		#content > .row span.callout {
			position: absolute;
			top: 10px;
			right: 0;
			font-size: 11px;
			color: #0089d0;
			text-shadow: 0px 1px 1px rgba(255,255,255,.75);
			z-index: 999;
			background: none;
			}

			
	.infoBox {
		background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		text-shadow: 0px 1px 1px rgba(255,255,255,.75);
		border: none;
		}
		
		.infoBox img {
			margin-bottom: 0;
			}
			
		.infoBox h1, .infoBox p, .infoBox ul.meta {
			margin-left: 155px;
			}
			
			.userProfile h1, .userProfile p, .userProfile ul.meta, .userProfile .metaContent { margin-left: 94px; }
			.userProfile  img.userProfileImg { max-height: 100px; }
			
			.userProfile .metaContent p { margin-left: 0; }
			
			#login-register.infoBox h1, #login-register.infoBox p, #login-register.infoBox ul.meta, .infoBox .full p, .infoBox .full h1,
			.full p, .full h1 {
				margin-left: 0;
				}
				
			#login-register input#Password { margin-bottom: 0; }
				
		h1.appFrontTitle {
			background: url('../img/home-32.png') no-repeat center left;
			padding-left: 34px;
			}
			
		.infoBox .meta, .infoBox .meta li {
			float: none;
			}
			
		.infoBox .meta {
			margin-bottom: 6px;
			}
			
	
	.disclaimer {
		margin-bottom: 10px;
		}
			
			
	
/* Featured and Slider */
		
		.slideShowWrap, .widget .slideShow {
			border-bottom: 1px solid #aaa;
			background: #222;
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.2, #444),
				color-stop(1, #222)
				);
			background-image: -moz-linear-gradient(
				center bottom,
				#444 20%,
				#222 100%
				);
			color: #bbb;		
			text-shadow: 0px 1px 1px rgba(0,0,0,.35);
			line-height: 0;
			overflow: hidden;
			}
		
		#featured .img img, .slider img, .slideShow img  {
			margin-bottom: 0;
			}
			
		#featured .img img, .slideShow img {
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			
			-moz-border-radius-topright: 0;
			-moz-border-radius-bottomleft: 0;
			-moz-border-radius-bottomright: 0;
			
			border-top-right-radius: 0;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			    
			    max-height: 100%;
			    margin: 0 auto;
			}
			
		/*.slideShow .img, .slideShow .description {
			width: 50%;
			max-height: 250px;
			float: left;
			}*/
			
			#featured .slideShow .img, #featured .slideShow .description {
			   width: 50%;
			    max-height: 250px;
			    height: 250px;
			    overflow: hidden;
			    float: left;
				background: #333;
				}
				
				#featured .slideShow div.img 
				{
				    background: #222;
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.2, #444),
				color-stop(1, #222)
				);
			background-image: -moz-linear-gradient(
				center bottom,
				#444 20%,
				#222 100%
				);
					
					box-shadow: inset 0px 0px 24px rgba(0,0,0,.75); 
				}
				
				#featured dl * { line-height: normal; }
				
				
			
				/*.noDescription .slideShow .img {
					margin: 0 auto;
					width: 100%;
					max-height: 100%;
					text-align: center;
					}*/
					
					.noDescription .slideShow .img {
						text-align: center;
						max-width: 646px;
						height: 352px;
						overflow: hidden;
						}
					
					.noDescription .slideShow .img img {
						/*max-width: 75%;*/
						
						margin: 25px 10px;
						-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
						-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
						box-shadow: 0px 1px 3px rgba(0,0,0,.5);
						}
							
						.noDescription .slideShow .img img {
							height: auto;
							max-height: 310px;
							max-width: 425px;
							}
							
						.noDescription .slider img 
						{
						    max-height: 48px;
						}
			
		.widget {
			 /* for testing */
			}
			
		.widget .slideShow, .widget .img img, .widget .slideShow img {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			}
		
		#featured {
			line-height: 0;
			}
			
			#featured .description {
				min-height: 200px;
				}
		
		.slider {
			border-top: 1px solid #fff;
			position: relative;
			overflow: hidden;
			text-align: center;
			line-height: 0;
			}
			
			.slider .arrow {
				width: 47px;
				height: 68px;
				text-indent: -999em;
				float: left; 
				display: block;
				position: absolute;
				top: 0;
				
				display: none; /* turned off if not needed */
				}
				
				.arrow.left {
					left: 0;
					border-right: 1px solid #bbb;
					background: url('../img/chevron2-l.png') no-repeat center center transparent;
					}
				
				.arrow.right {
					right: 0;
					border-left: 1px solid #bbb;
					background: url('../img/chevron2.png') no-repeat center center transparent;
					}
			
			.slider ul {
				margin: 0;
				display: inline-block;
				border-right: 1px solid #bbb;
				border-left: 1px solid #bbb;
				}
			
				.slider li {
					float: left;
					display: inline;
					margin: 0;
					
					border-right: 1px solid #bbb;
					border-left: 1px solid #ddd;
					}
					
					.slider li img {
						opacity: .65;
						border-radius: 0px ;
						}
					
					.slider li.first {
						border-left: 1px solid #ddd;
						}
						
					.slider li.last {
						border-right: 1px solid #ddd;
						}
						
					.slider li a {
						float: left;
						padding: 10px;
						}
						
						.slider li a, .slider li a img {
							-webkit-transition: all 0.2s ease-out;
							}
						.slider li a:hover {
							background: #ccc;
							}
							
							.slider li a:hover img, .slider li.active img {
								opacity: 1;
								}
															
							.slider li a:active img {
								position: relative;
								top: 1px;
								}
						
					.slider li.active, .slider li.active a {
						background: url('../img/slider-active-bg.jpg') repeat-x top left transparent;
						box-shadow: inset 0px 1px 6px rgba(0,0,0,.25);
						}
						
	
	
	
	
	
	
/* Sidebar */
	
	#sidebar {
		margin-top: 40px;
		margin-bottom: 40px;
		background: #D3EAF8;
		text-shadow: 0px 1px 1px rgba(255,255,255,.75);
		color: #325365;
		}
		
		.company #sidebar {
			background: #ddd;
			}
		
		#sidebar .branding {
			text-align: center;
			width: 100%;
			}
		
		#sidebar-nav {
			width: 100%;
			margin: 0;
			border-top: 1px solid #c3d8e5;
			}
			
			#sidebar-nav li {
				margin: 0;
				border-bottom: 1px solid #c3d8e5;
				}
		
				#sidebar-nav a {
					padding: 5px 20px;
					display: block;
					}
					
					#sidebar-nav a.current {
						background: #2783f0;
						background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.2, #2783f0),
						color-stop(1, #59b4fb)
						);
						background-image: -moz-linear-gradient(
						center bottom,
						#2783f0 20%,
						#59b4fb 100%
						);
						color: #fff;
						text-shadow: 0px -1px 1px rgba(0,0,0,.35);
						box-shadow: 0px 1px 0px rgba(0,0,0,.5);
						}
						
						#sidebar-nav a.current:hover {
							text-decoration: none;
							}
						
			
		#sidebar .thumbs img {
			max-height: 32px;
			min-height: 32px;
				/*width: 32px !important;*/
			max-width: 32px;
			width: 32px;
			height: 32px;
			}
		
		#sidebar .group, .group {
			padding: 20px 20px 0px 20px;
			}
			
			#sidebar .inner {
				float: left;
				}
			
			#sidebar .userNav {
				float: left;
				padding-bottom: 10px;
				}
				
				#sidebar .userNav img{
					float: left;
					margin: 0;
					margin-right: 10px;
					max-width: 74px;
					}
					
				#sidebar .userNav ul {
					float: left;
					margin: 0;
					}
					
					.userNav a {
						font-weight: normal;
						}
				
				.userNav li {
					line-height: 1em;
					font-size: 11px;
					}
					
				.userNav li.username {
						margin-bottom: 6px;
						font-size: 12px;
						}
						
					.userNav li.username a{
						font-weight: bold;
						}
			
		#sidebar a.cta, .register a.cta {
			margin-bottom: 24px;
			display: block;
			text-align: center;
			}
			
			#loginForm {
				/*border-right: 1px solid #ccc;*/
				}
				
				#content input.inputText, select.selectText, #content select.inputSelect {
					width: 100%;
					}
					
				#content form .inlineFields input.inputText, #content input.inlineFields { width: auto; display: inline; }
				#content form .inlineFields input.siteName { width: 200px; }
				.payment .order form input.inputText, .payment .order select.selectText 
				{
				    width: auto;
				    margin-bottom: 0;
				}
				
			    .payment .order label { display: inline-block; margin-right: 20px; font-weight: bold; width: 100px; text-align: right; }
				
				
				.itemTotal { color: #54a900; font-weight: bold; }
				
				.itemTotal em { font-size: 10px; color: #999; }
				
				.storageTotal  { color: #54a900; }
				
				

					
					select.formTwo, #content form input.formTwo {
						width: 44%;
						margin-right: 2%;
						}
						
					select.formTwo {
						width: 41%;
						}
						
						form input.last {
							margin-right: 0;
							}
						
						
					
			.register p {
				margin-bottom: 10px;
				float: left;
				}
			
			.register a.cta {
				margin: 0 0 10px 0;
				float: left;
				}
				
				#recaptcha_area { float: right; margin-bottom: 10px;}
		
		#sidebar .memberLogin {
			text-align: center;
			font-weight: bold;
			}
			
			
			

.thumbs {
	/*float: left;*/
	width: 100%;
	}

	.thumbs li {
		float: left;
		display: inline;
		margin-right: 10px;
		margin-bottom: 10px;
		height: 32px;
		width: 32px;
		
		}
		
		.thumbs li a, .thumbs li a img 
		{
		    float: left;
		    display: block;
		}
		
		.thumbs img {
			margin: 0;
			}
			
.box {
	margin: 0px 0 20px 0;
	float: left;
	width: 100%;
	}
	
.productBox .btn 
{
    display: inline-block;
    margin: 0 5px;
}
	
.productBox small
{
    display: block;
}

.productBox.heightFix { min-height: 420px; position: relative; overflow: hidden; }
.productBox.heightFixSmall {min-height: 380px; position: relative; }
.myAppZones .productBox.heightFixSmall {min-height: 340px; position: relative; }
.invitedAppZones .productBox.heightFixSmall, .sharedFileAppZones .productBox.heightFixSmall {min-height: 220px; position: relative; }
.productBox.heightFix .action, .productBox.heightFixSmall .action, .productBox.heightFixXSmall .action { position: absolute; bottom: 0; width: 100%; left: 0; }
.productBox .actionInfo { min-height: 160px; }
.productBox.heightFixXSmall { position: relative; min-height: 310px; }
  
 .summaryBox { font-size: 16px; }
	
	
	
	
	.fullPad 
	{
	    padding: 0 10px;
	}
	
	#featured.box {
		margin-top: 0;
		}
		
	.boxContent {
		float: left;
		width: 100%;
		}
		
		.appInfo { position: relative; }
		
		.vertScroll {
			max-height: 270px;
			overflow: hidden;
			overflow-y: auto;
			}
        
        .appInfo .appimage {margin: 1;max-width: 64px;}
		.prodImage {margin: 1;max-width: 64px;}
	
	.titlebar {
		color: #fff;
		border-bottom: 0px solid #777;	
		text-shadow: 0px 1px 1px rgba(0,0,0,.35);
		position: relative;
		position: absolute;
        width: 100%;
		overflow: hidden;
		top:2px;
		left:0px;
		}
		
	.titlebar h2 {
		font-size: 14px;
		margin: 0;
		float: left;
		display: block;
		padding:4px 0px;
		}
		
		.titlebar .ddList {
			padding-right: 16px;
			position: absolute;
			right: 10px;
			top: 5px;
			font-size: 11px;
			background: url('../img/bullet-arrow-down.png') no-repeat 100% 2px;
			}
			
		.titlebar a {
			border: 0;
			color: #fff;
			}
			
	/*.titlebar h2, .boxInner, .titlebar small {
		padding: 5px 10px;
		}*/
		
		.boxInner {
		padding: 5px 10px;
		}
		
		
		.titlebar small {
			font-size: 11px;
			line-height: 29px;
			}
			
	    .postBar {
                padding: 10px;
                background: #f5f5f5;
                border-bottom: 1px solid #bbb;
                overflow: hidden;
                margin-bottom: 0px;
            }
		
		.postBar .postBarText { padding: 5px 0; line-height: 30px; }
		
		.uiLight .main .postBar, .postBarWhite { background: #fff; box-shadow: inset 0px 1px 0px rgba(0,0,0,.25); border-radius: 4px; }
		.box .postBarWhite { box-shadow: none; }
	    .filters 
	    {
	        line-height: normal;
	    }
		
		.filters p 
		{
		    margin: 3px 20px 0 0;
		}
		
		.filters label 
		{
		    margin-right: 20px;
		    position: relative;
		    top: -2px;
		}
		
		.filters .check 
		{
			margin-top: 5px;
		    margin-bottom: 0;
		}
		
		.filters #searchText { float: right; }
		
		.review .postBar {
			margin-top: 2px;
			}
		
	.boxInner {
		padding: 20px;
		}
		
		.full .boxInner, .noPadBottom {
			padding-bottom: 0;
			}
		
	.filterBar, #activity-stream {
		padding-bottom: 0;
		padding-top: 10px;
		}
		
		.filterBar ul {
			float: right;
			margin: 0;
			}
			
			.filterBar li {
				float: left;
				display: inline;
				margin: 0 5px;
				}
				
				.filterBar a {
					font-weight: normal;
					}
					
					.filterBar a.current {
						font-weight: bold;
						}
						
		.postWrap {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #E9E9E9;
			}
			
		.postWrap.first {			
			padding-top: 10px;
		}

			.postWrap.last {
				padding-bottom: 0;
				}
						
			.post {
				float: left;
				width: 100%;
				}
				
				.postAuthorImg {
					width: 48px;
					}
				
				.postAuthorImg img {
					margin: 0;
					}
				
				.postAuthorImg, .postContent {
					float: left;
					}
					
				.postContent {
					float: none;
					/*width: 85%;*/
					margin-left: 10px;
					margin-left: 58px;
					}
					
					.postContent p {
						margin: 0;
						}
					
					.review .description blockquote {
						font-size: 11px;
						color: #777;
						font-style: italic;
						font-family: 'Roboto-Regular';
						float: left;
						margin-bottom: 0;
						}
						
						.review .deleteReview { display: none; }
						.review:hover .deleteReview { display: block; }
					
						
			.meta {
				margin: 10px 0 0 0;
				}
				
				.meta li {
					margin: 0;
					margin-right: 5px;
					padding-right: 10px;
					float: left;
					display: inline;
					background: url('../img/bullet.png') no-repeat center right;
					font-size: 11px;
					font-weight: normal;
					}
					
				.last, .meta li.last {
					background: none;
					border: none;
					}
					
					.meta a {
						font-size: 11px;
						font-weight: normal;
						}
						
						.meta .time a {
							color: #777;
							}
							
		#ratingForm 
		{
		    float: right;
			position: relative;
			
		}
		
		#ratingForm p { margin-top: 10px; margin-bottom: 0; }
		
		#ratingForm a 
		{
		    width: 11px;
		    height: 11px;
		    background: url('../img/star-norm.png') no-repeat top left;
		    text-indent: -999em;
		    display: inline-block;
		}
		
		#ratingForm a.active 
		{
		    background: url('../img/star-active.png') no-repeat top left;
		}
							
	
					
		div.rating, div.ratingInline {
			
			font-size: 11px;
			line-height: 1em;
			float: left;
			}
			
			div.ratingInline { float: none; }
			
			.RatingMessage { margin-top: 1px; float: left; font-style: italic; }
			
			
			
			.review div.rating {
				margin-bottom: 0;
				
				}
				
				.review .submit { margin-bottom: 0; }


			.rating .indicator, .userRating  {
				width: 70px;
				height: 11px;
				background-image: url('../img/stars-sprite-rated2.png');
				background-repeat: no-repeat;
				background-position: 0 0;
				text-indent: -999em;
				display: block;
				float: left;
				}
			
			.block .rating .indicator, .description .rating .indicator {
				opacity: .5;
				}
			
				
			.userRating {
				background-image: url('../img/stars-sprite-user.png');
				background-position: 0 -165px;
				opacity: 1;
				/*display: none;*/ /* testing */
				}
				
			.block {
				-webkit-transition: all 0.2s ease-out;
				}
				
				.block:hover {
					background: #D3EAF8;
					cursor: pointer;
					border-top-color: #ccc;
					
					}
					
					.block:active {
						opacity: .85;
						background: #c0d4df;
						background: #eee;
						border-top-color: #bbb;
						}
				
				.block:hover .rating .indicator, .description:hover .rating .indicator {
					opacity: 1;
					-webkit-transition: all 0.2s ease-out;
					}
				
				.rating .notRated {
					background-position: 0 -297px;
					}
				
				.rating .oneStar {
					background-position: 0 0;
					}
					
				.rating .oneHalfStar {
					background-position: 0 -33px;
					}
					
				.rating .twoStar {
					background-position: 0 -66px;
					}
					
				.rating .twoHalfStar {
					background-position: 0 -99px;
					}
					
				.rating .threeStar {
					background-position: 0 -132px;
					}
					
				.rating .threeHalfStar {
					background-position: 0 -165px;
					}
				
				.rating .fourStar {
					background-position: 0 -198px;
					}
					
				.rating .fourHalfStar {
					background-position: 0 -231px;
					}
					
				.rating .fiveStar {
					background-position: 0 -264px;
					}
					
				.userRating a {
					width: 14px;
					height: 11px;
					float: left;
					}
		
					.userRating .notRated {
						background-position: 0 -165px;
						}
					
					.rateOneStar {
						background-position: 0 0;
						}
						
					.rateTwoStar {
						background-position: 0 -33px;
						}
						
					.rateThreeStar {
						background-position: 0 -66px;
						}
						
					.rateFourStar {
						background-position: 0 -99px;
						}
						
					.rateFiveStar {
						background-position: 0 -132px;
						}
			
		.slideShow .description dt.title, h2.title {
			font-size: 18px;
			margin-bottom: 4px;
			}
			
			h2.title { line-height: normal; margin-bottom: 0; }
			
		#customer-ratings 
		{
		    overflow: hidden;
		}
			

/* Rating CSS  start */

	.ratingMatrix , .indicatorBarWrap {
		clear: both;
		}
			
		.indicatorBarWrap { width: 50%; display: inline-block; }	
				
			.ratingMatrix dt{
				width: 70px;
				
				}
				
			.ratingMatrix dt  {
				width: 70px;
				height: 11px;
					margin-top: 2px;
				background-image: url('../img/stars-sprite-rating.png');
				background-repeat: no-repeat;
				background-position: 0 0;
				text-indent: -999em;
				display: block;
				float: left;
				}
				
				.ratingMatrix .stars-1 {
					background-position: 0 0;
					}
					
				.ratingMatrix .stars-2 {
					background-position: 0 -66px;
					}
					
				.ratingMatrix .stars-3 {
					background-position: 0 -132px;
					}
					
				.ratingMatrix .stars-4 {
					background-position: 0 -198px;
					}
					
				.ratingMatrix .stars-5 {
					background-position: 0 -264px;
					}
				
			.ratingMatrix .voteCount {
				text-align: right;
				position: relative;
				top: -6px;
				line-height: 1em;
				}
				
			.ratingMatrix .indicatorBar, .indicatorBarWrap .indicatorBar {
				
				height: 8px;
				margin-left: 75px;
				margin-right: 10px;
				position: relative;
				top: 4px;
				padding: 1px;
				background: #777;
				-webkit-border-radius: 8px;
				box-shadow: inset 0px 1px 5px rgba(0,0,0,.5);
				}
				
				.indicatorBarWrap .indicatorBar { margin-left: 0; margin-right: 0; }
				
				.ratingMatrix .indicatorBar span, .indicatorBarWrap .indicatorBar span {
					background: url('../img/cta-bg.jpg') repeat-x top left #54A900;
					display: block;
					width: auto;
					height: 8px;
					float: left;
					text-indent: -999em;
					-webkit-border-radius: 4px;
					box-shadow: 0px 1px 5px rgba(0,0,0,.75);
					}
					
					.indicatorBarWrap .indicatorBar span { min-width: 1%; }
					.indicatorBarWrap .indicatorBar .greenBar { background: green; }
					.indicatorBarWrap .indicatorBar .yellowBar { background: #d8d126; }
					.indicatorBarWrap .indicatorBar .orangeBar { background: #d86526; }
					.indicatorBarWrap .indicatorBar .redBar { background: #d82626; }
						
			.ratingMatrix dt {
				margin-bottom: 5px;
				clear: left;
				}

/* Rating CSS  End */

			
.feedback a {
	text-decoration: none;
	}
	
	.feedback a:hover {
		background-color: #D3EAF8;
		}
			
.likes, .comments, .time a {
	padding-left: 16px;
	}
			
.likes {
	padding-left: 16px;
	background: url('../img/like-icon.png') no-repeat center left;
	}
	
.comments {
	background: url('../img/comments-icon.png') no-repeat center left;
	}

	
.reviewPost a {
	background: url('../img/review-icon.png') no-repeat center left;
	}

.statusPost a {
	background: url('../img/post-icon.png') no-repeat center left;
	}
							
					



					
	/* Secondary */
	
	#secondary {
		text-align: center;
		margin-top: 40px;
		text-shadow: 0px 1px 1px rgba(255,255,255,.75);
		}
		
		#secondary .btn {
			display: block;
			text-align: center;
			}
		
		#secondary img {
			margin: 0;
			max-width: 74px;
			}
		
		#secondary h3, #secondary div, #secondary ul {
			text-align: left;
			}
			
		#secondary h3 {
			margin-bottom: 0;
			margin-top: 10px;
			}
			
		#secondary .purchaseForm {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #aaa;
			}	
								
			#secondary .price {
				line-height: 31px;
				font-size: 18px;
				}
				
				#secondary .total {
					margin-top: 5px;
					display: block;
					text-align: right;
					border-top: 1px dashed #ccc;
					color: #54a900;
					}
					
			    .total { color: #54a900; font-weight: bold;}
					
					#secondary .total em {
						float: left;
						font-style: normal;
						font-size: 11px;
						font-weight: normal;
						text-transform: uppercase;
						color: #aaa;
						}
						
					
				
			#secondary .qtyWrap {
				display: inline;
				width: 64px;
				float: right;
				}
				
			#secondary input.inputText{
				width: 50px;
				margin-bottom: 0;
				text-align: center;
				}
				
				#secondary label {
					font-size: 11px;
					line-height: 1em;
					}
					
					#secondary .qtyLabel {
						color: #aaa;
						margin-top: 5px;
						width: 64px;
						display: block;
						text-align: center;
						font-size: 11px;
					line-height: 1em;
						}
						
						
.tooltip ul {
	margin: 0;
	}
			
			
		.moreInfo {
			font-size: 12px;
				width: 100%;
			}
			
			.moreInfoLarge { font-size: 12px; }
						
		.moreInfo li {
			margin: 2px 0;
			padding: 0;
			color: #777;
			}
			
			.moreInfo > li { border-top: 1px solid #ccc; }
			
			.moreInfo ul {
				margin: 0;
				display: inline;
				}
				
				.moreInfo li li {
					margin: 0;
					display: inline;
					color: #000;
					font-weight: bold;
					}
					
				.moreInfo a {
					color: #000;
					font-weight: bold;
					}
					
					.moreInfo a.appBulider  {
					color: #0089d0;
					font-weight: bold;
					}
			
.disclaimer {
	font-size: 11px;
	font-style: italic;
	text-align: left;
	color: #999;
	}
	
	p.title 
	{
	    font-weight: bold;
	    margin-bottom: 0;
	    margin-top: 47px;
	}
	
	.payment .itemPrice {
		/*margin-top: 45px;*/
		display: inline;
			/*margin-left: 20px;*/
			margin-top: 25px;
		}
		
		.totalPrice { min-height: 58px; line-height: 64px; }
		

		
	.payment .callout .title 
	{
	    margin-top: 8px;
	}
		
	.payment #quantity-form {
		/*margin-top: 40px;*/
		}
		
	.payment .itemPrice {
		
		font-size: 18px;
		}
	
	.payment .priceMatrix {
		text-align: right;
		margin-top: 20px;
		}
	
	.payment .postBar .btn, .gridTools a.btn {
		margin-top: 0;
		margin-bottom: 0;
		}
		
	/* css specific to grid tool bar buttons and jquery dialog tool bar buttons */				
    .postBar.gridTools .JQDialogButton{ float: left; }
    .postBar.gridTools span.JQDialogButton{ height: 16px;}
    .postBar.gridTools span.JQDialogButton img { float: left;position: absolute;max-height: 20px;max-width: 20px;}
    .postBar.gridTools span.JQDialogButton a{ margin-left: 25px; text-decoration: none;}
    .postBar.gridTools .JQDialogButton.btnIconSax:hover{
	    background: url('../img/cta-bg.jpg') repeat-x top left #54a900;
	    border: 1px solid #4b9700;
	}	
	.postBar.gridTools .JQDialogButton.btnIconSax:hover a{
	    color: #fff;
    }
    
    
	.postBar.gridTools .btn { margin-left: 0; margin-right: 10px; }
		
	.payment .postBar img {
		float: left;
		margin: 0;
		}
		
	.payment .postBar .actions {
			/*float: right;*/
			overflow: hidden;
		}
		
	
		
	.payment #secondary img {
		float: none;
		}
		
	.payment #secondary .alignCenter, .payment #secondary .alignCenter h3{
		text-align: center;
		}
		
	.payment #secondary .alignCenter h3 {
		margin: 0;
		margin-bottom: 10px;
		}
		
	.payment #secondary .purchaseForm {
		border: none;
		margin: 0;
		padding: 0;
		}
		
	.payment #secondary .qtyLabel {
		width: auto;
		text-align: right;
		}
		
	/*.payment .moreInfo li {
		width: 50%;
		float: left;
		}
		
		.payment .moreInfo li li, .payment .tooltip .moreInfo li {
			width: auto;
			float: none;
			}*/
		
		
@-webkit-keyframes greenPulse {
	from {
		background-color: #54a900; 
		text-shadow: 0px 1px 1px rgba(255,255,255,.5); 
		-webkit-box-shadow: 0px 1px 2px rgba(255,255,255,.75);
	}
	50% {
		background-color: #54a900; 
		text-shadow: 0 0 18px #61ff36;
		-webkit-box-shadow: 0 0 18px #61ff36;
	}
	to { 
		background-color: #54a900; 
		text-shadow: 0px 1px 1px rgba(255,255,255,.5);
		-webkit-box-shadow: 0px 1px 2px rgba(255,255,255,.75);
	}
}

@-webkit-keyframes bluePulse {
	from {
		background-color: #0089D0; 
		-webkit-box-shadow: 0 0 3px #333; 
	}
	50% {
		background-color: #0089D0; 
		-webkit-box-shadow: 0 0 18px #0089D0;
	}
	to { 
		background-color: #0089D0; 
		-webkit-box-shadow: 0 0 3px #333;
	}
}


/* progress indicator */

.processIndicator 
{
}

.processIndicator ol, .processIndicator li 
{
    line-height: 30px;
    float: left;
    display: inline;
    margin-bottom: 0;
}

.processIndicator li  
{
    margin-right: 20px;
    padding-left: 20px;
    background-image: url('../img/process-indicator.png');
    background-repeat: no-repeat;
    background-position: 0 6px;
    }

.processIndicator li.current { color: #00609a; font-weight: bold; background-position: 0 -30px; }
.processIndicator li.completed { color: #222;  background-position: 0 -66px; }


/* Buttons */

.social { margin: 20px 0; }

.social a 
{
    width: 182px;
    height: 36px;
    background-image: url('../img/social-connect-btns.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    text-indent: -999em;
    margin: 0 auto;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.social a.linkedIn, .social a.maptolinkedIn { background-position: 0 0; }
.social a.facebook, .social a.maptofacebook { background-position: 0 -56px; }
.social a.google, .social a.maptogoogle { background-position: 0 -112px; }

.social a.linkedIn:hover, .social a.maptolinkedIn:hover { 
    -moz-box-shadow: 0px 0px 6px rgba(1,118,168,.95);
    -webkit-box-shadow: 0px 0px 6px rgba(1,118,168,.95);
    box-shadow: 0px 0px 6px rgba(1,118,168,.95);
     }
.social a.facebook:hover, .social a.maptofacebook:hover { 
    -moz-box-shadow: 0px 0px 6px rgba(62,92,156,.95);
    -webkit-box-shadow: 0px 0px 6px rgba(62,92,156,.95);
    box-shadow: 0px 0px 6px rgba(62,92,156,.95);
    }
.social a.google:hover, .social a.maptogoogle:hover {
    -moz-box-shadow: 0px 0px 6px rgba(7,112,198,.95);
    -webkit-box-shadow: 0px 0px 6px rgba(7,112,198,.95);
    box-shadow: 0px 0px 6px rgba(7,112,198,.95);
    }
    
.social a.linkedIn:active, .social a.facebook:active, .social a.google:active, .social a.maptogoogle:active 
.social a.maptofacebook:active,  .social a.maptolinkedIn:active
{
    -moz-box-shadow: inset 0px 2px 6px rgba(0,0,0,.35);
    -webkit-box-shadow: inset 0px 2px 6px rgba(0,0,0,.35);
    box-shadow: inset 0px 2px 6px rgba(0,0,0,.35);
    }



/* a.btn, .regBtn, .btn 
{
    padding: 5px 10px;
	 background: #016cad;
					background-image: linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -o-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -moz-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -webkit-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -ms-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);	
					background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, rgb(0,128,219)),color-stop(0.75, rgb(96,183,255)));
					border: 1px solid #003d76;
					color:#ffffff !important;
					border-radius:3px;
					text-shadow:none;
					font-weight:bold;
	}*/
	
	a.cta, .regBtn, .cta {
			color:#ffffff !important;
			border-radius:3px;
			text-shadow:none;
		
		}
	a.btn, .regBtn, .btn 
        {
            /*padding: 5px 15px;*/
			border-radius:3px;
			text-shadow:none;
			font-weight:bold;
	        }
	        
	        .btn.cta {
		    -webkit-border-radius: 2;
              -moz-border-radius: 2;
              border-radius: 2px;
              color: #ffffff !important;
              font-size: 14px !important;
              padding: 7px 30px;
              text-decoration: none;
              border:1px solid #3cb0fd;
              background-color: #3498db !important;
              text-shadow: none;
              font-weight:normal;
              font-family:'Roboto-Regular';
		
		}
		 .btn.cta:hover { background-color: #2e8fc7 ; }
		 .btn.cta.xsmall { padding:4px 20px; font-size: 12px !important;}
	    .btn 
        {
               -webkit-border-radius: 2;
              -moz-border-radius: 2;
              border-radius: 2px;
              color: #ffffff;
              font-size: 14px;
              padding: 7px 30px;
              text-decoration: none;
              border:1px solid #999;
              background: #787878;
              text-shadow: none;
              font-weight:normal;
         }
	.btn:hover { background: #6E6E6E;}
	a.btn:hover { text-decoration: none;}
	
	/*a.btnCancel {
		background: none;
		float: left;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin-left: 0;
		}*/
	
	button.btn 
	{
	    margin: 0;
	}
	
	
	.btnIcon { display: block; line-height: 24px; }
	.btnIcon img { display: inline; position: relative; top: -2px; vertical-align: middle; margin-right: 5px; }
	.btnIcon:hover img { background: #fff; border-radius: 100%; }
	
	a.memberLogin, .memberLogin a {
		color: #0089d0;
		}
	
	
		/*a.cta, .regBtn, .cta :hover {background: #016cad; }*/
		
	.windowsBtn { background: red; text-shadow: 0px 1px 1px rgba(0,0,0,.35); }
		
	a.smallBizBtn 
	{
	    background: url('../img/small-biz-btn.jpg') repeat-x top left #C0D151;
        border-color: #B9CC3D;
        color: #748122;
        -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	}
		
		#sidebar a.cta {
			font-size: 18px;
			}
			
		a.btn:active, .player a.btn:active {
			border-color: #999;
			color: #555;
			position: relative;
			top: 1px;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			}
			
		a.cta:active {
			color: #fff;
			}
			
	
	a.buyIt, a.playIt, .playIt, .buyIt, a.blueBtn, #secondary .cta {
		display: block;
		font-size: 12px;
		margin: 10px 0;
		}
		
		.requestStatus .btn { margin: 0; margin-left: 5px; margin-bottom: 5px; }
		
		a.buyIt, .buyIt, a.btn.buyIt {
			color: #4b9700;
			}
		
		a.paypalCheckout
		{
 	     background: url('https://www.paypalobjects.com/en_US/i/bnr/bnr_MSPFbanner_ec2_143x32.gif') no-repeat center;
		 height:19px;
		 width:132px;
		 border:0px;
 		 box-shadow: none;
		}
		
		a.playIt, .playIt, .blueBtn, a.blueBtn {
			color: #0089d0;
			}
			
			a.buyIt:hover, a.playIt:hover, .buyIt:hover, .playIt:hover, a.blueBtn:hover {
				color: #fff;
				text-shadow: 0px 1px 1px rgba(0,0,0,.35);
				}
				
			a.buyIt:hover, .buyIt:hover {
				background: url('../img/cta-bg.jpg') repeat-x top left #54a900;
				border: 1px solid #4b9700;
				}
			
			a.playIt:hover, .playIt:hover, a.blueBtn:hover, .blueBtn:hover {
				border-color: #00508c;
				background: url('../img/playIt-bg.jpg') repeat-x top left #0060a9;		
				}
				
		
		
				
		#secondary.activePurchase .buyIt {
			display: none;
			/*visibility: hidden;*/
			}	
				
		#secondary h2 { text-align: left; margin-top: 40px; }

		#secondary .purchaseForm a.btn {
			margin: 0;
			float: left;
			}	
			
		#secondary .purchaseForm a.buyIt {
			float: right;
			display: inline;
			/*visibility: visible;*/
			}
	a.btn.disabled, a.btn.disabled:hover {
		background: #ccc;
		color: #999;
		opacity: .65;
		cursor: auto;
		border-color: #999;
		text-shadow: none;
		}
		
			
			
			
		.productInfo .description {
			position: relative;
			float: left;
			min-height: 153px;
			}
			
			.postContent .productInfo .description {
				min-height: 68px;
				}
			
			.productInfo .description p {
				margin-bottom: 0;
				line-height: 18px;
				padding: 0 10px;
				float: left;
				}
				
				.productInfo .description .player {
					position: absolute;
					bottom: 0px;
					right: 0px;
					}
					
					.player a.btn, a.blueBtn {
						-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
						-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.7);
						box-shadow: 0px 1px 2px rgba(0,0,0,.5);
						color: #fff;
						border-color: #00508c;	
						text-shadow: 0px 1px 1px rgba(0,0,0,.35);
						}
						
						.player a.btn:active {
							border-color: #00508c;
							color: #fff;
							}
							
		a.cta, .regBtn, .cta, a.buyIt, .buyIt, a.playIt, a.blueBtn, .blueBtn, .player a.btn, a.blueBtn { color: rgba(255,255,255,.85); }
		a.cta:hover, .regBtn:hover, .cta:hover, a.buyIt:hover, .buyIt:hover, a.playIt:hover, a.blueBtn:hover, .blueBtn:hover, .player a.btn:hover, a.blueBtn:hover { color: #fff; }
				
	    /* to make button heights consistent when we have <input type="submit"> and <a class="btn cta"> */	
		input.saxBtn { /*line-height : 15px */}		
					
			.listView {
				position: relative;
				float: left;
				}

			.listView ul.column, .productGrid ul.column{
				width: 100%;
				list-style: none;
				float: left;
				margin-bottom: 0;
				}
				
			.listView ul.column li, .productGrid ul.column li {
				padding: 0;
				margin: 0;
				display: inline;
				position: relative;
				}
								
			.listView ul.column li {
				float: left;
				width: 211px; /*Set default width*/
				}
				
			.verticalAppTile {
			position: relative;
			border: 1px solid #ccc;
			padding-bottom: 5px; 
			}
		
			.prodPurchaseImg { display: inline-block; position: relative; }
			
            .iQAppIndicator, .iQPriceIndicator { text-align: center; color: #fff; background: #54a900; width: 20px; height: 20px; line-height: 20px; }
			.iQPriceIndicator { background: #0085d5; }
            .listView .iQAppIndicator, .appInfo .freeAppIndicator, .appInfo .iQAppIndicator, .zoneTile .iQAppIndicator, .listView .iQPriceIndicator, .appInfo .iQPriceIndicator, .verticalAppTile .iQAppIndicator, .prodPurchaseImg .iQAppIndicator { z-index: 999; position: absolute; top: 0; right: 0; display: block; }
            .appInfo .iQAppIndicator, .appInfo .iQPriceIndicator { width: 40px; height: 40px; font-size: 20px; line-height: 40px; }
            
            /* inAppZone Subscription Indicators 
            .listView .inAppZoneAppZoneIndicator { z-index: 999; text-align: center; color: #fff; position: absolute; top: 0; right: 0; width: 20px; height: 20px; line-height: 20px; display: block; margin:2px;  background: url('../img/inappzonesubscriptions/inappzone-appzone-16.png') no-repeat center left}
            .listView .inAppZoneSmartAppIndicator { z-index: 999; text-align: center; color: #fff; position: absolute; top: 0; right: 0; width: 20px; height: 20px; line-height: 20px; display: block; margin:2px;  background: url('../img/inappzonesubscriptions/inappzone-smartapp-16.png') no-repeat center left}
            .listView .inAppZoneProjectIndicator { z-index: 999; text-align: center; color: #fff; position: absolute; top: 0; right: 0; width: 20px; height: 20px; line-height: 20px; display: block; margin:2px;  background: url('../img/inappzonesubscriptions/inappzone-project-16.png') no-repeat center left}
            */         
                           
            /* then add this */
            .iQPriceIndicator, .appInfo .iQPriceIndicator { width: auto; padding: 0px 3px; }
            .appInfo .iQPriceIndicator { padding: 0px 6px; }

				
            .listView .freeAppIndicator, .appInfo .freeAppIndicator { z-index: 999; position: absolute; top: 0; right: 0; text-indent: -999em; background: url('../img/free-ind-arr-small.png') no-repeat top left; width: 37px; height: 36px; display: block; }
			.listView .block, .productGrid .block {
				min-height: 48px;
				max-height: 100px;
				/*margin-right: 10px;*/ /*Creates the 10px gap between each column*/
				padding: 10px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #bbb;
				border-right: 1px solid #bbb;
			    /*float: left;*/
				position: relative;
				}
				
			.orderHistory .listView .block, .orderHistory .productGrid .block 
			{
			    border: none;
			}
				
				
				
					
					
					
					
					
					
							
			
			.productInfo img {
				margin: 0;
				}


			.productInfo dd.img img {
				float: left;
				margin-right: 10px;
				-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
				position: absolute;
				top: 10px;
				left: 10px;
				max-width: 48px;
				max-height:48px;
				width: auto;
				height: auto;
				}
				
			.productInfo dl {
				max-height: 180px;
				padding: 10px;
				margin: 0;
				}
				
				.productGrid dl {
					padding: 0;
					}
				
			.productInfo dl, .productInfo dt, .productInfo dd{
				/*float: left;*/
				display: block;
				}

				.featured .productInfo dt {
					font-size: 18px;
					}
				
				.productInfo dt, .productInfo dd, a.author {
					/*width: 100%;*/ /* might need clear left instead */
					margin-left: 58px;
					font-size: 11px;
					line-height: 1em;
					margin-bottom: 4px;
					}
					
					a.author {
						margin-left: 0;
						}
						
					.appFrontLink a {
						/*this class name might change with branding*/
						background: url('../img/home-16.gif') no-repeat center left;
						padding-left: 12px;
						}
						
					.iqAppTitle
					{
					    color :#0089D0;
					}
					.smartAppIndicator {
						background: url('../img/iq-10x10.png') no-repeat center left;
						padding-left: 12px;
						}
						
										
				.productInfo dt {
					font-size: 12px;
					line-height: 15px;
					}
					
					.productInfo dt a, .productInfo dd a, a.author {
						display: inline;
						}

				.productInfo dd.img {
					margin-bottom: 0;
					margin-left: 0;
					}

				.productInfo dd a, a.author, .productInfo dd {
					/*color: #777;*/
					font-weight: normal;
					}
					
					.listView dd a, .listView dd, .listView dt {
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						line-height: 15px;
						}
						
						.titleWrap dt {
							white-space: normal;
							line-height: 15px;
							margin-bottom: 0px;
							}
					
					
					/* Studio */
				
				.studio .block {
					min-height: 68px;
					}
					
					dd.align {
						margin: 0;
						position: absolute;
						}
						
						.bottomLeft {
							bottom: 10px;
							left: 10px;
							}
							
						.bottomRight {
							bottom: 10px;
							right: 10px;
							}
							
						.topRight {
							top: 10px;
							right: 10px;
							}
							
				.activity {
					width: 6px;
					height: 6px;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					
					background: green;
					text-indent: -999em;
					}
					
					.active .activity {
						background: #54A900;
						background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.2, #54A900),
						color-stop(1, #64C100)
						);
						background-image: -moz-linear-gradient(
						center bottom,
						#54A900 20%,
						#64C100 100%
						);
						-webkit-box-shadow: 0px 0px 6px #64C100;
						-moz-box-shadow: 0px 0px 6px #64C100;
						box-shadow: 0px 0px 6px #64C100;
						border: 1px solid #4B9700;
						}
						
					.inactive .activity {
						background: #A90000;
						background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.2, #A90000),
						color-stop(1, #C10000)
						);
						background-image: -moz-linear-gradient(
						center bottom,
						#A90000 20%,
						#C10000 100%
						);
						-webkit-box-shadow: 0px 0px 6px #C10000;
						-moz-box-shadow: 0px 0px 6px #C10000;
						box-shadow: 0px 0px 6px #C10000;
						border: 1px solid #970000;
						}

					

		
.ssHide {
	display: none;
	}
	

	
.wrap {
	padding: 5px 10px;
	border: 1px solid #aaa;
	clear: left;
	}
		
	.post .commentWrap {
		margin-top: 10px;
		position: relative;
		padding: 10px;
		background: #ddd;
		}
		
		.post.first {
		padding-top: 10px;		
		}
		.commentWrap .indicatorReview, .userInput .wrap .indicatorReview  {
			width: 14px;
			height: 8px;
			background: url('../img/indicator.png') no-repeat top left;
			display: block;
			position: absolute;
			top: -7px;
			left: 12px;
			}
			
		.userInput img, .commentWrap ul {
			margin-bottom: 0;
			}
			
			.userInput {
				position: relative;
				min-height: 48px;
				}
			.userInput.line {
				border-bottom: 1px solid #E9E9E9;
				padding-bottom: 10px;
			}
				
				.userInput img {
					position: absolute;
					top: 0;
					left: 0;
					}
					
				.userInput .wrap {
					margin-left: 58px;
					position: relative;
					}
					
					.userPostInput .wrap{
					/*margin-left: 58px;*/
					position: relative;
					}
					
					.userInput .wrap .indicatorReview {
						width: 8px;
						height: 14px;
						top: 7px;
						left: -8px;
						background: url('../img/indicator-l.png') no-repeat top left;
						}

	
	.wrap textarea {
		border: 0;
		outline: 0;
		background: none;
		width: 100%;
		margin: 0;
		padding: 0;
		height: 48px;
		resize: none;
		vertical-align: bottom;
		overflow: auto;	
		}
		
		.userInput a.btn, .postBar .btn, .review .postBar .btn, .userPostInput a.btn, .postBar.status .btn {
			float: right;
			margin-top: 10px;
			margin-left: 10px;
			}
			.postBar.left .btn { float:  left;}
			/*.postBar .btnCancel { float: left; margin-left: 0; }*/
			
		.postBar .btn { margin-top: 0; }
			
			

			
			
/*slats*/

.slatWrap{overflow:hidden;margin:10px 0;color:#555}
.slatWrap .slatImg{float:left;width:48px;height:48px}
.slatImg img{max-width:48px;max-height:48px;display:block}
.slatWrap .slatMeta{margin-left:58px}
.slatWrap p{line-height:1.5em}
.slatWrap h2{margin-bottom:5px;font-size:14px}
.slatWrap .slatTitle{font-weight:bold}

ol.slats > li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
		/*border-bottom: 1px solid #ddd;*/
	}
ol.slats > li:last-child {
	margin: 0;
	border-bottom: none;
	}

ol.slats > li h2 img {
	float: left;
	margin: 0 10px 0 0;
	padding: 4px;
		/*border: 1px solid #eee;*/
	}

ol.slats > li .slatInfo {
	margin: 0 0 0 68px;

	}
	
	ol.slats > li .slatInfo ul { margin-top: 6px; }
	
	ol.slats .slatDate { float: right; font-size: 12px; color: #999; }
	

.homeFeatures .slats, .homeFeatures .slats li { margin: 0; padding: 0; }
.homeFeatures .slats li, .features .slats li, .fullSlats .slats li { margin-right: 3.8%; }
.features .slats li.last, .fullSlats .slats li.last { margin-right: 0; }
.features .slats li { margin-bottom: 40px; }
.homeFeatures .boxInner { padding: 0 0 0 0; }
.homeFeatures  h2 { font-weight: bold; }
			
.voteCount a { color: #999; border: 1px solid #ccc; margin: 10px 0; padding: 10px 20px; font-size: 18px; text-align: center; display: inline; float: right; clear: both;}
.voteCount a.voted { color: orange; border-color: orange; }
.voteCount a:before { content: "\2605"; margin-right: 6px; }
.voteCount a:hover { border-color: orange; text-decoration: none; }
.voteCount a.voted:hover { border-color: #999; }
.voteCount a.disabledvote { border-color: #999; cursor:default; }

.requestStatus { clear: both; overflow: hidden; }
.postMeta { color: #999; }

.apprequest { color: #333; }
.apprequest .requestTitle { color: #222; }
			
.iqNotify {
	font-family: 'Roboto-Regular';
	margin: 10px 0;
	padding: 10px;
	padding-left: 35px;
	background: #fff;
	border: 1px solid #ccc;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	}
	
	.iqNotify ul 
	{
	    margin-bottom: 0;
	}
	
	.iqNotify .close {
		position: absolute;
		top: 5px;
		right: 5px;
		width: 5px;
		height: 5px;
		text-indent: -999em;
		display: block;
		background: url('../img/close-5.png') no-repeat center center;
		}
	
	.iqNotify.attention {
		background: url('../img/attention-16.png') no-repeat 10px center #fffbcc;
		border-color: #e5db58;
		color: #6d654e;
		}
		
	.iqNotify.information {
		background: url('../img/info-16.png') no-repeat 10px center #dce3ff;
		border-color: #a1b5ea;
		color: #595d68;
		}
		
	.iqNotify.success {
		background: url('../img/tick-16.png') no-repeat 10px center #d5ffcf;
		border-color: #98e08e;
		color: #536a50;
		}
		
	.iqNotify.error {
		background: url('../img/error-16.png') no-repeat 10px center #ffcdd0;
		border-color: #df8f90;
		color: #69524c;
		}
		/*.iqNotify.error.scroll 
        {
        min-height: 21px;
        max-height: 42px;
        overflow: auto;
         margin-top: 3px;
        }*/

	.iqNotify.noIcon 
	{
	    background-image: none;
	    padding-left: 10px;
	}
			
	.middlesec {
        float: none;
        margin: 0 auto;
    }
    /* tileviewTitlebar */
    .tileview > .titlebar h2 {
		font-size: 14px;
		margin: 0;
		float: left;
		display: block;
		padding: 5px 10px;
    }
		
    .tileview .titlebar
    {
        background: url('../img/playIt-bg.jpg') repeat-x top left #0060a9;
        background: #0085d5; /*0085d5*/
        color: #fff;
        border-bottom: 1px solid #777;	
        text-shadow: 0px 1px 1px rgba(0,0,0,.35);
        position: relative;		
        overflow: hidden;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;			
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;			
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    /* tileviewTitlebar */
		
.zoneTile { position: relative; }
			
.sbCentral .productBox { margin-bottom: 40px; }		

 .sbCentral h1 { color: #999; } 
 .sbCentral h1 strong { color: #000; }
 
.sbCentral .boxInner h2 {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;						
}
.sbCentral .productBox .sbFeatures  .boxInner  img{
	/*max-height: 58px;*/
}
 
 
.textRight {
	text-align: right;
	}

a.manageIQCAccount {
	padding-left: 20px;
	background: url('../img/cog-sb-16.png') no-repeat center left;
	} 
 
 
 .currentUserEmail { overflow: hidden; }

.currentUserEmail input.wide {
	width: 84%;
		width: 60%;
	margin-top: 6px;
	margin-left: 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

}
.currentUserEmails span {    
	margin-right: 10px;     
    float: right;
    padding: 10px;
} 
 
.hidediv
{
    display: none;
}
        
.showdiv
{
    display: block;
}  
      
a.btn.disabled, .cta.disabled, .btn.disabled 
{
	color: gray;
	cursor:default;
	pointer-events: none;
}
		  
.highlight  
{
    opacity: .90;
    background: #D3EAF8; 
    border-color: #df8f90;
    padding: 10px;
}   

.blueHighlight { background: #0085d5; color: #fff; text-shadow: 0px 1px 0px #00609a; padding: 5px; }
.blueHighlightText { color: #0085d5; }
.greenHighlight { 
	background: rgb(239, 255, 223);
	border: 1px solid #53a900;
	padding: 5px;
	}
	
.blueBrandText { color: #0085d5; font-weight: bold; }
.greenBrandText { color: #54a900; font-weight: bold; }
h1.blueBrandText { font-weight: normal; }
	

body.contentWithIframe { overflow: hidden !important; }

body.contentWithIframe #content { padding: 0; padding-top: 68px; }

body.contentWithIframe #content .iframeWrap { width: 80%; margin-left:10%; margin-top:60px; }

.iframeWrap iframe { width: 100%; height: 100%; }

/* Start File Upload Styles */
.file-upload {
	overflow: hidden;
	display: inline-block;
	position: relative;	
}
    
.file-upload input {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);	
}


/* End File Upload Styles */

span.text {		
    font-size: 11px;		
}

.dialogMask {
    background: url(../img/loading.gif);
    background-repeat: no-repeat;    
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    width: 500px; 
    height: 500px;     
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background:  rgba(255, 255, 255, .8 )
                url('../img/loading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.inputTextArea
{
    width: 99%;
    height: 75px;
    resize: none;
    border-radius: 4px;
    border-color: #aaa;
}
/* Footer */
	
#footer {
	margin-top: 40px;
	font-size: 11px;
	position: fixed;
	z-index: 9999;
	bottom: 0;
	width: 100%;
	background: #fff;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	}
	
	#footer p { margin-bottom: 10px; }
	
	#footer a {
		margin: 0 2px;
		font-weight: normal;
		}
		
/* Global Admin & Dropdown styles */

.navDropdown { margin-top: 15px; }
.navDropdown ul, .navDropdown li { list-style: none; margin: 0; padding: 0; display: inline; }
.navDropdown .navDropdownOptions { display: none; }
.navDropdown li.navDropdownToggle { position: relative; }
.navDropdown li.navDropdownToggle, .currentDropdownNav { padding: 4px 12px;}
/*.navDropdown li.navDropdownToggle { border-radius: 24px; background: #ddd;  border: 1px solid #aaa; }*/
.navDropdown li.navDropdownToggle:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000000;
	content: "";
	display: inline-block;
	height: 0;
	opacity: 0.3;
	vertical-align: middle;
	width: 0;
}
.navDropdown li.navDropdownToggle:hover { background: #eee; border-radius: 12px 12px 0 0; border: 1px solid #bbb; border-bottom: none;  box-shadow: 0px -1px 2px rgba(0,0,0,.15); }
.navDropdown li.navDropdownToggle:hover ul { box-shadow: 0px 2px 3px rgba(0,0,0,.25); display: block; position: absolute; background: #eee; padding:12px 0 12px 0; border-radius: 0 12px 12px 12px; min-width: 150px; z-index:9999; border: 1px solid #bbb; border-top: none;}
.navDropdown li li, .navDropdown li li a { display: block; white-space: nowrap; }
.navDropdown .selected a { font-weight: bold; color: #555; }
.navDropdownOptions li{ text-align:left; padding: 2px 12px 2px 12px;}
.navDropdownOptions li:hover{ height: 18px;
background: #0085d5;
text-shadow: 0px -1px 1px rgba(0,0,0,.25);
margin-bottom: 0;

}
.navDropdownOptions li:hover a{ 
color: #fff;
text-decoration: none;
}
#main-nav li#Li2 .dropdown-menu img { float: none; margin: 0; }	
	
/* Start of Gantter Theme styles 
.gantter .gidForm .btnLogin
{
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    color: #ffffff !important;
    font-size: 14px;
    text-decoration: none;
    border:1px solid #99d073;
    background:#99d073;
    text-shadow: none;
    font-weight:normal;
    margin-left:35px;
}

.gantter .gidForm .btnLogin:hover
{
   background: #8cbc75;
}

.gantter input.newuserRegistration {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 59px;
    text-shadow: none;
    width: 200px;
    border: 1px solid #99d073;
    background: #99d073;
}

.gantter input.newuserRegistration:hover 
{
    background: #8cbc75;
}*/
/* End of Gantter Theme styles */

		
/* new clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.titlebarfixedPosition {
    float: left;
    width: 50%;
    margin: -29px 0px 0px 0px;
    padding: 0px;
    color: #fff;
}
.actionbuttons a {float:left;position:relative;margin: 0px 0px 10px 0px;}
.contentfooter p {font-size:12px;}
.overflowMedium.borderstyle {
    border: 1px solid #aaa;
    box-shadow: 0px 0px 1px #aaa;
}
.dialogtitle h2 {
    padding: 7px 13px 6px 13px;
    border-bottom: 1px solid #dbdbdb;
}
p.positioncenter a.button {margin:0px auto;}
.buttonposition {
    float: left;
    width: 20%;
    margin-top: -32px;
    margin-left:0px;
}
.compinformation {
    float: left;
    width: 100%;
    margin-left: 5px;
}
.display-field {
    font-size: 13px;
    margin: 5px 0px;
}
.class-inline {
    display: inline;
    float: left;
    margin: 0px 3px;
}
.boxInner.clearfix.alignCenter.class-center a {
    margin: 0px auto;
    display: inline;
}
.mandatoryfieldPosition {
    float: left;
    width: 93%;
    /* border: 1px solid; */
}
.mandatoryfieldPosition input {
    width: 98% !important;
    vertical-align: middle !important;
    margin-top:0px;
}
.BtnalignRight {
    float: right;
    width: 4%;
}
.licencegenerator a {
    float: left;
}
.actionbuttons {
    margin: 0px 4px 9px 0px;
    float: left;
}
.threecol.last.smartappsubmitiondetails a {
    margin-bottom: 6px;
}
.adminconsole-marginAligning {
    margin-top: 9px;
}
.img-position.appicon{margin-top: 28px;position: absolute;float: left;}
.displayrow{float:left;width:100%;display:block;margin:4px 0}
.displayrow > .display-label{float:left;width:200px;margin:0}
.displayrow > .display-field{float:left;width:200px;margin:0;font-weight:700}
legend.detailstitle {font-size: 15px;margin-bottom: 7px;border-bottom: 1px solid #dbdbdb;width: 100%;padding: 0px 0px 6px 0px;}
.textfieldwidth {width: 50% !important;border-radius: 3px;}
.astrickmark {
    float: left;
    position: relative;
    width: 3%;
}
.textfieldLength {
    float: left;
    width: 97%;
}
.redirectinglink {display:none}
.submitcnt {text-align:center;}
/* Tab related UI changes - 03 Aug 17 */
@media only screen and (max-width: 1100px) and (min-width: 700px) {
	/* Default Logo UI changes */

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.termsandconditionsdialogStyle.ui-draggable {
    width: 98% !important;
    height: 100%;
    overflow: auto;
}
#logo img {
    margin: 7px 0px 0px 59px !important;
}
.TextboxMedium.backgroundNone {width: 39vw !important;}
#logo a.logoMobile img {
    display: none;
    color: transparent;
}
#logo a.logoMobile {
    width: 100% !important;
    height: 100px;
    vertical-align: middle;
    background-image: url(../img/smart_app_logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44%;
    border: 1px solid;
    float: left;
    margin: 0px auto;
    padding: 0px;
    opacity: 1 !important;
    z-index: 99999999999;
    border: 0px solid;
}
#logo.threecol {padding: 0px 0px !important;}
.ninecol {
    width: 100%;
}
#main-nav {
    margin-bottom: -18px !important;
}
/* End */
#main {padding-top: 46px;}
.noSecondaryMenu.livelink #content #main {    
    padding-bottom: 8px;
}
.gid.gidForm.register {
    margin-top: -44px !important;
    margin-left: 0px !important;
    width: 100%;
}
.noSecondaryMenu.livelink #content #main {
    padding-top: 46px;
}
.container {
    padding-left: 0px !important;
    padding-right: 0px;
    display: flex;
    width: 100%;
    /* height: 100%; */
}
.gidForm .field {
    margin: 0 6px;
    padding-top: 9px;
    overflow: hidden;
}
.gidForm input.TextboxMedium {
    font-size: 9pt;
    display: block;
    /*width: 94% !important;*/
    padding: 6px 5px;
    margin-bottom: 9px;
}
.sixcol {
    width: 49.1%;
}
.register #gid-form {
    width: 100% !important;
}
.section-checkbox table {
    width: 200px;
}
.section-checkbox table .label {margin-top: 2px;}
.section-RigisterBtn table td #chkAgree {
   float: left !important;
   margin-left: -4px;
}
.section-RigisterBtn table td .label .content {   
    margin-left: -34px;
}
.label .content {
    color: #959595;
    font-size: 13px;
    text-align: center;
    word-wrap: break-word;
    width: 100%;
	margin-top: 8px;
}

.section .buttonslist {
    margin: 0px auto !important;
    display: flex;
    width: 34%;
    float: none;
    position: relative;
}
.button.newregister, .themecolor.newregister, .gray.newregister, .disabled.newregister {
    width: 14em !important;
    margin-top: 19px !important;
}
.section-RigisterBtn {
    margin-left: -104px;
    margin-top: 18px;
}
.button.themecolor {
    background: #3498db;
    border: 1px solid #3cb0fd;
    padding: 8px;
    margin: 0px;
    cursor: pointer;
    position: relative;
}
.column100percent .column25Percent {
    float: left !important;
    margin-left: 16px !important;
    margin-top: 67px !important;
    vertical-align: middle !important;
    width: 32% !important;
}
.threecol {
    width: 100% !important;
}
.masterheadLogodesign .threecol {
    margin-top: 33px !important;
}
#logo-right img {
    margin: 0 auto !important;
}
#content {
    /* background: #eee; */
    padding-top: 80px;
    padding-bottom: 15px;
}
.noSecondaryMenu #content {
    padding-top: 194px;
    background-position: left 50px;
}
.field-validation-valid {
    color: #FF0000;
    float: right;
    font-weight: bold;
    /*margin-top: -44px !important;*/
    padding-left: 0px;
    margin-left: 140px;
}
#content > .row {
    position: relative;
    background: #3498DB;
}
.column100percent .column30Percent {
    float: left;
    width: 33% !important;
}
.column100percent .column35Percent {margin-left: 136px !important;}
.column100percent .column25Percent {margin-left: -105px !important;}
.section-RigisterBtn {
    margin-left: 446px !important;
    margin-top: -84px;
}
.g-recaptcha {
    margin-left: -116px;
}


#footer a {
    display: block !important;
}
.register-title {
    padding-left: 7px !important;
}
.section-RigisterBtn input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Login Page UI changes */
.fivecol {
    width: 100%;
}
.masterheadLogodesign .ninecol.last {
    margin-top: -4px !important;
}
.NoborderRadius {
    border-radius: 0px !important;
    width: 100% !important;
}
.button.login, .themecolor.login, .gray.login, .disabled.login {
    width: 15em;
}
/* Forgot Password UI changes */
#masthead {
    background-color: #3498DB !important;
}
#main-nav li#Li1 a {
    color: #ffffff !important;
    background: #3498DB;
}
#masthead {
    /* background: #ffffff; */
    border-top: 1px solid #3498DB;
    -moz-box-shadow: none;
    -webkit-box-shadow: none !important;
    box-shadow: none;
    border: 0px solid !important;
    }
.boxcenteralign.sixcol .titlebar h2 {
    display: none;
}
.mobforgotpassword.sixcol {
    width: 100%;
}
.mobforgotpassword.sixcol {
    width: 95%;
    background: #ffffff !important;
    height: 100%;
    position: relative;
    float: none;
    margin: 0px auto !important;
    margin: 0px auto !important;
    min-height: 262px;
    border-radius: 2px !important;
    box-shadow: 0px 0px 6px #333333!important;
    display: flex;
}
.livelink .mobforgotpassword.sixcol {  
    margin-top: -60px !important;
}
.livelink .mobforgotpassword .box {
    padding: 40px !important;
}
.mobforgotpassword .box {
	-webkit-border-radius: 0px;
	-moz-border-radius:0px;
	border-radius: 4px !important;
	box-shadow: 0px 0px 0px #424242 !important;
	}
	.mobforgotpassword .boxInner {
		padding: 4px;
		}
.mobforgotpassword .iqNotify.information {
		background: none;
		border-color: transparent;
		color: #595d68;
		}
.mobforgotpassword .messageNotification {
    padding: 33px 5px 5px 5px;
    margin: 0px auto;
    margin-bottom: 17px;
}
.mobforgotpassword input.inputText 
{
    width:100% !important;
	line-height: 1.2em;
	background: #fff;
    font-size: 11pt;
	outline: none;
	padding: 6px;
	border-style: solid;
	border-width: 0px;
	border-bottom:1px solid #dbdbdb !important;
	border-color: #aaa;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;				
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
	-webkit-transition: all 0.2s ease-out;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	box-shadow: none !important;
	
	}
	.mobforgotpassword .field-validation-valid {
    margin-top: 0px !important;
    margin-left: -6px !important;
    float: left !important;
}
.mobforgotpassword .btn.cta {
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 7px 100px;
    margin: 0px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* display: flex; */
    /* position: relative; */
    /* float: none; */
}
.submitcnt {text-align:center;}
.input-validation-error + .field-validation-error {display: none;}
.noSecondaryMenu #content {
    padding-top: 128px;
    background-position: left 50px;
    height: 100%;
    background: #3498DB;
   /* min-height: 1000px; */
}
body.noSecondaryMenu {
    background: #3498DB;
}
.mobforgotpassword .iqNotify p {
		font-weight:bold;
		font-size:12pt
		}

/* Forgot password Message */
.mobforgotpassword .titlebar {
   /* display: none;*/
}
.box.clearfix.mobforgotpassword {
    box-shadow: 0px 0px 0px #424242;
}
.box.clearfix.mobforgotpassword .forgotpassuccessmsg {
    background: #fff;
    margin: 0px auto;
    min-height: 267px;
    height: 100%;
    margin-top: 0px;
    width: 93%;
    float: none;
}
.forgotpassuccessmsg p {
    text-align: center;
    padding: 36px 0px;
	    font-size: 10.5pt;
}
.redirectinglink {
    float: none;
    width: 100%;
    margin: 0px auto;
    position: relative;
    display:block !important;
}
.mobforgotpassword .titlebar h2 {
   padding:15px !important;
   font-size: 11.5pt;
   margin-left:3%;
}
.redirectinglink a {
    color: #666666;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin: 0px auto;
    position: absolute;
    font-size: 13pt;
    font-weight: normal;
}
.tickmarkImg {
    background: url("../img/tickmarkImg.png") no-repeat 0px 10px;
    background-size:50px 60px;
    width:60px;
    height:60px;
    margin:0px auto;
}
.box.clearfix.mobforgotpassword.msgframewidth {
    width: 92% !important;
    margin: 0px auto !important;
    float: none;
    border-radius: 2px !important;
    box-shadow: 0px 0px 6px #333333!important;
}
@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite;font-size:30px;color:#3498DB }
.loader__dot:nth-child(2) { animation-delay: 250ms;font-size:30px;color:#3498DB }
.loader__dot:nth-child(3) { animation-delay: 500ms;font-size:30px;color:#3498DB }

/* Reset Password UI changes */
#sidebar {
    display: none;
}
.wrap, .post .commentWrap, .box, #sidebar, .productBox {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px !important;
    box-shadow:none !important;
    background:#ffffff;
    
}
#content input.inputText, select.selectText, #content select.inputSelect {
    width: 98% !important;
    border: 1px solid #ccc;
	margin: 0px 7px;
}
.livelink #content .mobforgotpassword input.inputText {
width: 94% !important;
}
.mobforgotpassword.confirmpasscss .titlebar h2 {
    padding: 15px !important;
    margin-left: 3%;
}
.box.clearfix.mobforgotpassword.confirmpasscss {
    width: 91% !important;
    margin: 0px auto !important;
    float: none !important;
    border-radius: 2px !important;
    box-shadow: 0px 0px 6px #333333!important;
}
.mobforgotpassword.confirmpasscss .titlebar {
    display: block;
}
.box.clearfix.mobforgotpassword.confirmpasscss label {
    padding: 10px 11px 10px 11px !important;
	font-size: 10.5pt;
}
.mobforgotpassword.confirmpasscss .field-validation-valid, .mobforgotpassword.confirmpasscss .field-validation-error  {
     margin-top: -21px !important;
     margin-left: -7px !important;
     float: left !important;
     top: 0px;
     position: relative;
     right: 0px;
}
#masthead-wrap {
    position: fixed;
    width: 100%;
    z-index: 1234;
    background: transparent;
}
.mobforgotpassword.confirmpasscss .btn.cta {
    margin: 0px auto;
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#main-nav {
		visibility:hidden;
		}
.iqNotify.error {
    width: 83% !important;
    margin: 4px 4px;
}

/* Reset Password Confirmation */
.box.clearfix.resetpassconformationdialogue {
    width: 94%;
    margin: 0px auto;
    float: none;
    min-height: 155px;
	 border-radius: 2px !important;
    box-shadow: 0px 0px 6px #333333!important;
}
.box.clearfix.resetpassconformationdialogue .titlebar h2 {
    padding: 18px 9px;
	font-size: 11.5pt;
	margin-left: 2%;
}
.box.clearfix.resetpassconformationdialogue .boxInner p {
    font-size: 10.5pt;
}
.alignCenter.successmsgnotification {color:#ffffff !important}
.btnaligncenter {
    width: 100%;
    position: relative;
    float: none;
    margin: 21px 0px;
}
.btnaligncenter input {
    margin: 0px auto;
    float: none;
    border: 4px solid;
    position: relative;
    display: flex;
}
.section .buttonslist a {
    float: right;
    position: relative;
    display: flex;
    margin: 0px auto;
    width: 100px;
}
.twelvecol p.colorblack {
    color: #ffffff !important;
    font-size: 11pt !important;
}
a.js-termsandpolicy.font-normal {
    color: #fff;
}
h1.alignCenter.messageviewconfirmation {
    color: #ffffff !important;  
    font-size:19pt
}

p.alignCenter.messageviewdesc {
    color: #ffffff;
    font-size: 12pt;
}
h2.hideforgotpassword {display:none}
.mobforgotpassword .iqNotify.error {
    width: 93.2% !important;
    margin: 9px 7px !important;
}
.alert {
	top:100px !important; left:0px !important; right:0px !important;
 }
.noSecondaryMenu.livelink {
	overflow: hidden;
	background: #fff;
}
.livelink .gid.gidForm.gidform-top-position {
    margin-top: -84px !important;
}
.livelink #content > .row {
    background: #fff;
}
.livelink .threecol.floatright {
    left: 162px !important;    
}
.livelink .threecol.floatright.livelink {
    min-width: 176px;
    width: 48% !important;
    margin-top: 9px !important;
}
.noSecondaryMenu.livelink #content {
	padding-bottom: 0px;
    padding-top: 140px;
}
.noSecondaryMenu.livelink #footer a {
    display: inline-block !important;
}
}
.noSecondaryMenu.livelink .gid.gidForm.gidform-top-position #gid-form {
    box-shadow: 0px 0px 20px 0px rgba(161, 161, 161, 0.75);
}
.mobforgotpassword.msgframewidth {
    width: 60%;
    float: none;
    margin: 0px auto;
}

.mobforgotpassword.msgframewidth .forgotpassuccessmsg p {
text-align: center;
margin-bottom: 0px;
}

/* Tablet Orientation == Portrait */
@media only screen and (min-width: 700px) and (max-width: 800px) {
.TextboxMedium.backgroundNone {width: 37vw !important;}
.livelink .mobforgotpassword .iqNotify.error {
    width: 81.6% !important;
}
.livelink .mobforgotpassword .iqNotify.error {
    width: auto !important;
    margin: 9px 0px !important;
}
	.mobforgotpassword .iqNotify.error {
    width: 91.6% !important;
    margin: 9px 7px !important;
}
.mobforgotpassword.confirmpasscss .titlebar h2 {  
    margin-left: 2.5%;
    font-weight: bold;
    font-size: 12.5pt;
}
}

/* UI changes in forgot password - 04 aug 17 */
.mobforgotpassword  input.inputText {
    width: 96% !important;
}
.livelink .mobforgotpassword input.inputText {
    width: 97% !important;
    margin: 0px !important;
}

/*.mobforgotpassword .iqNotify.error {
    width: 91% !important;
}
.mobforgotpassword .field-validation-error,.mobforgotpassword  .field-validation-valid {float:right;top: -43px;position: relative;right: -12px;} */

.mobforgotpassword .btnaligncenter input.btn.cta {
    float: none;
    display: flex;
    margin: 0px auto;
}




* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */	


/* Button Colors */

a.btn {background:#989898}
div#termsOfServiceDialog {
	overflow: visible;
}
.terms-content {
    overflow: auto;
    height: 86%;
    position: absolute;
    display: block;
    float: left;
    width: 98.5%;
}
.terms-container .terms-content p, .terms-container .terms-content li {padding-right:8px;}
.terms-bottom {
    padding: 14px 0px;
    border-top: 1px solid #e7e7e7;
    bottom: 0px;
    position: absolute;
    width: 98%;
}
/*a.cta, .regBtn, .cta {
		            background: #00609a;
					background-image: linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -o-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -moz-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -webkit-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -ms-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);	
					background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, rgb(0,128,219)),color-stop(0.75, rgb(96,183,255)));
					border: 1px solid #003d76;
					color:#ffffff !important;
					border-radius:3px;
					text-shadow:none;
		
		}*/
@media (min-width: 1281px) {  
.terms-container ::-webkit-scrollbar { width: 0.6em; }
.terms-container ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); }
.terms-container ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 10px 2px 0px rgb(181, 181, 181); }
.terms-container ::-webkit-scrollbar-button { display:none !important; }
}
.livelink_header .logo-livelink {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 21px;  
    float:none !important    
}
.container.livelink_header {
    background-color: #0e9b56;
 }

 
/* Livelink Forgot Password */
.noSecondaryMenu.livelink {
    background: #fff;
}
.livelink.noSecondaryMenu #content {   
    background: #fff;    
}
/*.livelink #content > .row {   
    background: #fff;
}*/
.livelink #masthead {
    background-color: #0e9b56 !important;
}
.livelink .mobforgotpassword.sixcol {
    width: 48%;
    margin-top: 24px;
}
.livelink .mobforgotpassword .btn.cta {   
    padding: 7px 42px;
    margin-top: 10px;
}
.livelink .iqNotify.information {
    background: url(../img/info-16.png) no-repeat 7px center #dce3ff !important;
    border-color: #a1b5ea !important;
    color: #595d68;
    padding: 12px 34px;
}
.livelink .mobforgotpassword .iqNotify p {
    font-size: 12px;
    font-weight: normal;
}
.livelink .box {
    padding: 20px;
}
.livelink .mobforgotpassword .field-validation-valid {   
    float: right !important;
}
.livelink .button.themecolor {
    width: 15em;
}
@media only screen and (min-width : 320px) and (max-width : 700px) {
.livelink .threecol.floatright.livelink {
    left: 0px !important;   
    margin-left:-210px;   
}
.livelink #content > .row {    
    background: #fff;
}
.livelink .gid.gidForm.gidform-top-position {
    margin-top: -70px !important;
}
.noSecondaryMenu.livelink #content {   
	padding-top: 140px;
}
}

/*Terms of Use*/
.saxcommon-termsofuse-cls {
	background-color: #333 !important;
	box-shadow: none !important;
	border-color: #606060 !important;
	border-width: 1px !important;
	border-radius: 5px !important;
}
.saxcommon-termsofuse-cls .x-window-header-global-window-ui {
	border-width: 2px !important;
	background-color: #333;
	border-color: #333;
	box-shadow: none;
}
.saxcommon-termsofuse-cls .x-tool .x-tool-img:before {
    color: #fff !important;
}