Font Awesome icon usage statistics

  • 3 types of Font Awesome iconic font are used and found 3 times in total.
  • BLAND.IS used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of BLAND.IS are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • BLAND.IS includes "https://bland.is/css/gen/style_v2_1271273921020000000.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
    	font-family: 'DroidSans';
    	font-style: normal;
    	font-weight: normal;
    	src: local('Droid Sans'), local('DroidSans'), url('https://themes.googleusercontent.com/font?kit=s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0') format('woff');
    }
    @font-face {
    	font-family: 'Ubuntu';
    	font-style: normal;
    	font-weight: normal;
    	src: local('Ubuntu'), url('https://themes.googleusercontent.com/font?kit=_xyN3apAT_yRRDeqB3sPRg') format('woff');
    }
    /* font end */
    /*
    body {
    	background-color:#eae7de;
    	background-repeat:repeat-x;
    	margin:0;
    	font-family:arial, verdana, helvetica;
    	font-size:12px;
    }*/
    a {
    	/* color:#2b9ff1; */
    	color: #178bde;
    	text-decoration: none;
    }
    	a:visited {
    	}
    .mbHeadline a {
    	color: #0066DD;
    }
    	.mbHeadline a:visited {
    		color: #589be8;
    	}
    a:hover {
    	text-decoration: underline;
    }
    a.bbqloading {
    	background-image: url(/images/bbqload.gif);
    	background-position: right;
    	background-repeat: no-repeat;
    }
    strong, b {
    	font-weight: bold;
    }
    h1 {
    	font-size: 18px;
    	font-family: DroidSans;
    	margin: 4px 0;
    }
    h2 {
    	font-size: 16px;
    	font-family: DroidSans;
    	margin: 4px 0;
    }
    h3, h4, caption {
    	font-size: 14px;
    	font-family: DroidSans;
    	margin: 4px 0;
    }
    article h1 {
    	font-size: 22px;
    }
    h2 {
    	font-size: 20px;
    }
    ul, ol {
    	margin: 5px 0 5px 30px;
    }
    li {
    	padding: 4px 0;
    }
    ol li {
    	list-style-type: decimal;
    	padding: 4px 0;
    }
    ul.none {
    	margin: 0;
    	padding: 0;
    }
    	ul.none li {
    		list-style-type: none;
    		padding: 0;
    	}
    p {
    	margin: 6px 0;
    }
    /*
    br {
    	display:block;
    	margin:2px 0;	
    }*/
    caption {
    	padding: 8px;
    }
    #leftcontent ul, #mainmenu ul, #userInfoBar ul {
    	margin: 0;
    }
    	#leftcontent ul li, #mainmenu ul li, #userInfoBar ul li {
    		list-style-type: none;
    	}
    #userInfoBarWrap {
    	position: fixed;
    	top: 0;
    	left: 0;
    	background-color: black;
    	z-index: 1000;
    	width: 100%;
    	border-bottom: 1px solid #414141;
    }
    #userInfoLeft {
    	float: left;
    	width: 250px;
    	border: 0px solid #fff;
    	background-repeat: no-repeat;
    	height: 30px;
    	padding-left: 0px;
    	padding-top: 10px;
    }
    	#userInfoLeft input {
    		border: 0px solid #000;
    	}
    #userInfoBarWrap2 {
    	width: 959px;
    	margin-left: auto;
    	margin-right: auto;
    	color: #fff;
    	font-size: 13px;
    	font-family: Arial;
    }
    /*#logo_announcement {display:none;}*/
    #userInfoBar {
    	width: 590px;
    	float: right;
    }
    	#userInfoBar > ul {
    		text-align: right;
    	}
    .userInfoBarShadow {
    	-moz-box-shadow: 0px 1px 2px #bfbfbf;
    	-webkit-box-shadow: 0px 1px 2px #bfbfbf;
    	-ie-box-shadow: 0px 1px 2px #bfbfbf;
    	-o-box-shadow: 0px 1px 2px #bfbfbf;
    	box-shadow: 0px 1px 4px #bfbfbf;
    }
    body {
    	padding-top: 35px;
    }
    #userInfoBar ul {
    	height: 26px;
    	padding-top: 9px;
    }
    	#userInfoBar ul.loginbox {
    		margin-left: 60%;
    	}
    	#userInfoBar ul li {
    		display: inline;
    		padding: 8px;
    	}
    #userInfoBar li.userWelcome {
    	background-repeat: no-repeat;
    	padding-left: 30px;
    	background-position: 0px 5px;
    }
    #userInfoBar span.welcomeText {
    	color: #7f7f7f;
    }
    /* New header */
    #userInfoBarWrap10 {
    	height: 45px;
    	position: fixed;
    	top: 0;
    	left: 0;
    	background-color: #fff;
    	z-index: 1000;
    	width: 100%;
    	border-bottom: 1px solid #D4D5D6;
    	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
    	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
    	box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
    }
    .topLink1:hover {
    	border-top: 2px solid #E94D04;
    }
    .topLink2:hover {
    	border-top: 2px solid #0DA535;
    }
    .topLink3:hover {
    	border-top: 2px solid #875ea2;
    }
    .topLink5:hover{
    	border-top: 2px solid #EE3C3B;
    }
    .topLink4:hover{
    	border-top: 2px solid #e8b709;
    }
    #userInfoLeft10 {
    	float: left;
    	width: 170px;
    	text-align: center;
    	border: 0px solid #fff;
    	background-repeat: no-repeat;
    	height: 30px;
    	padding-left: 0px;
    	padding-top: 7px;
    	margin-right: 15px;
    }
    	#userInfoLeft10 input {
    		border: 0px solid #000;
    	}
    #userInfoBarWrap20 {
    	margin-left: auto;
    	margin-right: auto;
    	color: #fff;
    	font-size: 13px;
    	font-family: Arial;
    	-moz-box-shadow: 0px 1px 2px #bfbfbf;
    	-webkit-box-shadow: 0px 1px 2px #bfbfbf;
    	-ie-box-shadow: 0px 1px 2px #bfbfbf;
    	-o-box-shadow: 0px 1px 2px #bfbfbf;
    	box-shadow: 0px 1px 2px #bfbfbf;
    }
    #userInfoBar10 {
    }
    .userInfoBarShadow10 {
    	-moz-box-shadow: 0px 1px 2px #bfbfbf;
    	-webkit-box-shadow: 0px 1px 2px #bfbfbf;
    	-ie-box-shadow: 0px 1px 2px #bfbfbf;
    	-o-box-shadow: 0px 1px 2px #bfbfbf;
    	box-shadow: 0px 1px 2px #bfbfbf;
    }
    #userInfoBar10 ul.loginbox10 {
    	margin: 9px 20px 0 0;
    }
    #userInfoBar10 > ul {
    	height: 26px;
    }
    #userInfoBar10 ul.loginbox {
    	margin-left: 60%;
    }
    #userInfoBar10 > ul > li {
    	float: left;
    	list-style: none;
    	margin-left: 20px;
    	position: relative;
    }
    #userInfoBar10 li.userWelcome {
    	background-repeat: no-repeat;
    	padding-left: 30px;
    	background-position: 0px 5px;
    }
    #userInfoBar10 span.welcomeText {
    	color: #7f7f7f;
    }
    #search10 {
    	position: relative;
    	margin: 10px 15px 0 0;
    }
    #inputSearch10 {
    	background-color: #fbfbfb;
    	border: 1px solid #d4d4d4;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    #btnSearch10 i {
    	font-size: 16px;
    	color: #333;
    }
    #btnSearch10 {
    	float: left;
    	cursor: pointer;
    	height: 27px;
    	width: 33px;
    	margin-left: -1px;
    	-moz-border-radius: 0 4px 4px 0;
    	-webkit-border-radius: 0 4px 4px 0;
    	border-radius: 0 4px 4px 0;
    }
    #searchSuggestions10 {
    	position: relative;
    	color: #000;
    	background-color: #fff;
    }
    /* end new header */
    .divClear {
    	clear: both;
    	margin: 0px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
    	font-size: 1px;
    	height: 0px;
    }
    #logo_announcement {
    	width: 959px;
    	margin-left: auto;
    	margin-right: auto;
    	height: 81px;
    	padding-top: 5px;
    }
    #ajaxMessage {
    	margin-left: auto;
    	margin-right: auto;
    	position: fixed;
    	top: 50px;
    	left: 35%;
    	padding: 20px 80px;
    	display: none;
    	z-index: 300;
    }
    #announcement, #announcement2, #smas10wrap {
    	height: 60px;
    	float: right;
    	width: 480px;
    	padding: 5px 10px;
    	padding-top: 1px;
    	text-align: center;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	background-color: #4e4e4e;
    	border: 1px solid #2d2d2d;
    	color: #fff;
    	font-family: 'DroidSans', Times New Roman;
    	background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0.36, rgb(58,58,58)), color-stop(0.68, rgb(89,89,89)), color-stop(0.84, rgb(66,65,66)) );
    	background-image: -moz-linear-gradient( right bottom, rgb(58,58,58) 36%, rgb(89,89,89) 68%, rgb(66,65,66) 84% );
    	background-image: -o-linear-gradient( right bottom, rgb(58,58,58) 36%, rgb(89,89,89) 68%, rgb(66,65,66) 84% );
    	background-image: -ms-linear-gradient( right bottom, rgb(58,58,58) 36%, rgb(89,89,89) 68%, rgb(66,65,66) 84% );
    	background-image: linear-gradient( right bottom, rgb(58,58,58) 36%, rgb(89,89,89) 68%, rgb(66,65,66) 84% );
    }
    #smas10wrap {
    	background-image: none;
    	background-color: transparent;
    	padding: 0;
    	padding-top: 2px;
    	text-align: right;
    }
    	#smas10wrap img {
    		max-width: 470px;
    		max-height: 70px;
    	}
    #announcement h2 {
    	font-size: 16px;
    }
    #announcement a {
    	color: #2b9ff1;
    }
    #announcement2 {
    	margin: 1px;
    	padding: 1px;
    	font-size: 12px;
    }
    	#announcement2 h2 {
    		font-size: 12px;
    	}
    #mainmenu {
    	width: 961px;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 5px;
    	font-family: 'DroidSans', Times New Roman;
    }
    	#mainmenu ul {
    		height: 54px;
    	}
    		#mainmenu ul li {
    			display: block;
    			float: left;
    			height: 34px;
    			padding: 10px 8px 8px 5px;
    			color: #fff;
    			margin-right: 10px;
    		}
    			#mainmenu ul li a {
    				text-decoration: none;
    				color: #fff;
    			}
    			#mainmenu ul li h3 {
    				margin: 0;
    			}
    			#mainmenu ul li div a {
    				color: #7f7f7f;
    				font-size: 11px;
    			}
    			#mainmenu ul li.selected {
    				border: 1px solid #fff;
    				color: #000;
    				-moz-border-radius: 7px 7px 0px 0px;
    				border-radius: 7px 7px 0px 0px;
    				background-color: #fff;
    				background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, rgb(221,221,221)), color-stop(0.07, rgb(221,221,221)), color-stop(0.84, rgb(249,249,249)) );
    				background-image: -moz-linear-gradient( center top, rgb(221,221,221) 35%, rgb(221,221,221) 7%, rgb(249,249,249) 84% );
    				background-image: -o-linear-gradient( center top, rgb(221,221,221) 35%, rgb(221,221,221) 7%, rgb(249,249,249) 84% );
    				background-image: -ms-linear-gradient( center top, rgb(221,221,221) 35%, rgb(221,221,221) 7%, rgb(249,249,249) 84% );
    				background-image: linear-gradient( center top, rgb(221,221,221) 35%, rgb(221,221,221) 7%, rgb(249,249,249) 84% );
    			}
    				#mainmenu ul li.selected a {
    					color: #000;
    				}
    #homeMainmenu a {
    	background-image: url(/images/bland/home.png);
    	background-repeat: no-repeat;
    	background-position: 10px 10px;
    	width: 40px;
    	height: 43px;
    	display: block;
    	float: left;
    }
    	#homeMainmenu a.selected {
    		background-image: url(/images/bland/home_b.png);
    	}
    #gaesinMainmenu a {
    	background-image: url(/images/bland/gaesinw.png);
    	background-repeat: no-repeat;
    	background-position: 5px 0px;
    	width: 125px;
    	height: 43px;
    	display: block;
    	float: left;
    }
    	#gaesinMainmenu a.selected {
    		background-image: url(/images/bland/gaesin.png);
    	}
    /*
    #wrapper {
    	background-color:#fff;
    	border:1px solid #fafafa;
    	-moz-box-shadow: 0 0 4px 0px #d1cec7;
    	-webkit-box-shadow: 0 0 4px 0px #d1cec7;
    	box-shadow: 0 0 4px 0px #d1cec7;
    	z-index:1;
    	padding-bottom:40px;
    	margin-top:25px;
    	border-radius:2px;
    }*/
    #leftcontent {
    	width: 265px;
    	margin-left: 10px;
    	padding-top: 10px;
    	float: left;
    	position: relative;
    }
    	/*
    	#leftcontent a, #bottom a {
    		color:#178bde;
    		text-decoration:none;
    		font-weight:300;
    	}
    */
    	#leftcontent a:hover, #bottom a:hover {
    		text-decoration: underline;
    	}
    .allcategories {
    	font-size: 14px !important;
    }
    /*	
    #centercontent {
    	border:0px solid #000;
    	width:665px;
    	float:left;
    	padding-left:10px;
    }
    */
    #centercontent {
    	background-color: #fff;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	position: relative;
    	padding: 15px;
    }
    .boughtsmas {
    	border: 1px solid #d4d4d4;
    	-moz-border-radius: 3px;
    	border-radius: 3px;
    	overflow: hidden;
    	height: 210px;
    	text-align: center;
    	font-size: 11px;
    	width: 122px;
    	background-color: #fff;
    	margin-top: 0 !important;
    }
    .advHeadline a {
    	display: block;
    	height: 73px;
    }
    .advImg {
    	height: 87px;
    }
    .likeLink {
    	height: 22px;
    }
    #smas1wrap {
    	margin-top: 8px;
    	margin-right: 4px;
    }
    .addeditBoughtsmas {
    	text-align: center;
    	margin-top: 4px;
    	clear: left;
    }
    .boughtsmas {
    	text-align: left;
    	height: auto;
    	margin-bottom: 5px;
    	padding: 5px;
    	width: 158px;
    }
    .advImg {
    	height: auto;
    	width: 150px;
    	text-align: center;
    }
    .advHeadline {
    	float: left;
    }
    	.advHeadline a {
    		display: inline;
    		height: auto;
    	}
    .likeLink {
    	float: left;
    	padding-left: 2px;
    	height: auto;
    }
    #advImg11 {
    	margin: 0 0 10px;
    	padding: 10px 0 3px;
    	text-align: center;
    }
    	#advImg11 img, #advImg11 object, #advImg11 embed {
    		width: 140px;
    		height: 200px;
    	}
    #search {
    	margin-bottom: 10px;
    	margin-top: 10px;
    }
    	#search:after {
    		content: ".";
    		display: block;
    		height: 0;
    		clear: both;
    		visibility: hidden;
    	}
    #searchSuggestions {
    	display: none;
    }
    #searchHead {
    	display: none;
    }
    #inputSearch {
    	background-color: #fbfbfb;
    	border: 1px solid #d4d4d4;
    	height: 20px;
    	width: 210px;
    	float: left;
    	padding: 3px 5px;
    }
    #btnSearch {
    	float: left;
    	width: 32px;
    	height: 28px;
    	/*background-image:url(/images/bland/search.png);
    		background-position:0 1px;
    		background-repeat:no-repeat;
    		background-color:#fff;
    		border-width:0;
    		position:relative;
    		margin-top:-4px;
    		border:1px solid #fff;*/
    	border-style: solid;
    	background-image: url(/images/bland/search.png);
    	background-repeat: no-repeat;
    	border: 0px solid #00a6dd;
    	background-color: #30b3ef;
    	-moz-border-radius: 0 4px 4px 0;
    	border-radius: 0 4px 4px 0;
    	margin: 0;
    }
    #messageboards, #advertises {
    	clear: both;
    	margin-bottom: 15px;
    }
    #messageboards {
    	margin-top: 15px;
    }
    .allcategories {
    	font-size: 12px;
    	float: right;
    	padding-top: 5px;
    }
    #messageboards .headright, #advertises .headright, #webstores .headright {
    	background-image: url(/images/bland/messageboard.png);
    	background-repeat: no-repeat;
    	background-position: 0 4px;
    	padding-left: 25px;
    	font-family: DroidSans;
    	font-size: 18px;
    }
    #messageboards ul, #advertises ul, #webstores ul {
    	border-top: 1px dashed gray;
    	width: 253px;
    }
    	#messageboards ul li, #advertises ul li, #webstores ul li {
    		float: left;
    		border-bottom: 1px dashed gray;
    		border-right: 1px dashed gray;
    		width: 118px;
    		height: 24px;
    		padding-top: 10px;
    		padding-left: 7px;
    	}
    		#messageboards ul li:nth-child(even), #advertises ul li:nth-child(even), #webstores ul li:nth-child(even) {
    			border-right-width: 0;
    		}
    		#messageboards ul li:nth-last-child(1), #advertises ul li:nth-last-child(1), #webstores ul li:nth-last-child(1) {
    			border-bottom-width: 0;
    		}
    		#messageboards ul li a, #advertises ul li a, #webstores ul li a {
    			color: #178bde;
    			text-decoration: none;
    		}
    			#messageboards ul li a:hover, #advertises ul li a:hover, #webstores ul li a:hover {
    				text-decoration: underline;
    			}
    #advertises .headright {
    	background-image: url(/images/bland/advertises.png);
    }
    #webstores {
    	margin-top: 10px;
    }
    	#webstores .headright {
    		background-image: url(/images/basket.png);
    		background-position: 0 1px;
    	}
    #smas4wrap {
    	margin-top: 25px;
    	clear: both;
    	margin-right: 3px;
    }
    #smas3wrap {
    	margin-top: 25px;
    }
    .pinkFrontpageHeadline, .blueFrontpageHeadline {
    	background-repeat: no-repeat;
    	background-position: 0 4px;
    	padding-left: 25px;
    	font-family: DroidSans;
    	font-size: 18px;
    	border-bottom: 1px dashed gray;
    }
    #birthdaychildren, #babyqoutes {
    	margin-top: 10px;
    }
    	#birthdaychildren .blueFrontpageHeadline {
    		background-image: url(/images/bland/birthdaycake.gif);
    	}
    	/*#birthdaychildren ul, #bottom ul {
    		padding-left:20px;
    	}
    	#bottom li {
    		list-style-image:url(/images/bland/listicon.gif);
    		padding:3px;
    	}*/
    	#babyqoutes .pinkFrontpageHeadline {
    		background-image: url(/images/bland/babyquote.gif);
    	}
    /*
    #bottom {
    	background-color:#2d2d2d;	
    	padding:20px;
    	vertical-align:top;
    	margin-top:-12px;
    }*/
    #bottom h3 {
    	color: #444;
    	font-weight: bold;
    }
    /*
    	#bottom > div { 
    		width:959px;
    		margin-left:auto;
    		margin-right:auto;
    	}
    	
    	#bottom > div > span {
    		width:150px;
    		display:inline-block;	
    		vertical-align:top;
    	}
    */
    #formset form fieldset div.info, #formset form fieldset div.success, #formset form fieldset div.warning, #formset form fieldset div.error,
    #formset form fieldset div.infoBox, #formset form fieldset div.progress {
    	padding: 15px 10px 15px 50px;
    }
    .info:before, .success:before, .warning:before, .error:before, .infoBox:before {
    	display: inline-block;
    	font-family: FontAwesome;
    	font-style: normal;
    	font-weight: normal;
    	text-decoration: inherit;
    	font-size: 30px;
    	left: 10px;
    	margin: -15px 0;
    	position: absolute;
    	top: 50%;
    }
    .info, .success, .warning, .error, .infoBox {
    	border-style: solid;
    	border-width: 1px;
    	margin: 10px 0px;
    	padding: 15px 10px 15px 50px;
    	background-repeat: no-repeat;
    	background-position: 10px 10px;
    	width: auto;
    	margin: 6px;
    	position: relative;
    }
    	.info:before, .infoBox:before {
    		content: "\f05a";
    	}
    .info, .infoBox, .progress {
    	color: #3A87AD;
    	border-color: #BCE8F1;
    	background-color: #D9EDF7;
    	/*background-image: url('/website/icon/default/info.png');*/
    }
    /*infoLogin */
    .infoLogin {
    	color: #3A87AD;
    	border-color: #BCE8F1;
    	background: #D9EDF7 url('/website/icon/default/info.png') no-repeat 15px 15px;
    	padding-left: 60px;
    	padding: 15px 15px 15px 60px;
    	border-top: 1px solid #bce8f1;
    	border-bottom: 1px solid #bce8f1;
    }
    .progress {
    	background-image: url('/website/icon/default/loader.gif');
    }
    .success {
    	color: #468847;
    	border-color: #D6E9C6;
    	background-color: #DFF0D8;
    	/*background-image:url('/website/icon/default/success.png');*/
    }
    	.success:before {
    		content: "\f058";
    	}
    .nobgimage {
    	background-image: none;
    	padding: 15px;
    }
    	.nobgimage:before {
    		content: "";
    	}
    .movedAllContent {
    	background-image: none;
    }
    	.movedAllContent label {
    		font-weight: bold;
    	}
    .warning:before {
    	content: "\f06a";
    }
    .warning {
    	color: #AA7C31;
    	border-color: #F7E69B;
    	background-color: #FCF5D4;
    	/*background-image: url('/website/icon/default/warning.png');*/
    }
    .error {
    	color: #D8000C;
    	background-color: #FFDADA;
    }
    .errorText {
        color: #D8000C;
    }
    	.error:before {
    		content: "\f056";
    	}
    .hidden, .nodisplay, #userInfoLogo, #bottomTable, #printInfo {
    	display: none;
    }
    #userInfoLogo {
    	text-decoration: none;
    }
    input, select, textarea {
    	border: 1px solid #d4d4d4;
    	padding: 2px 2px;
    }
    .buttonCancel {
    	color: #fff !important;
    	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    	background-color: #028acb;
    	border: 1px solid #00a6dd;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	padding: 3px 8px;
    	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(2,139,203)), color-stop(0.72, rgb(56,182,241)) );
    	background-image: -moz-linear-gradient( center bottom, rgb(2,139,203) 44%, rgb(56,182,241) 72% );
    	background-image: -o-linear-gradient( center bottom, rgb(2,139,203) 44%, rgb(56,182,241) 72% );
    	background-image: -ms-linear-gradient( center bottom, rgb(2,139,203) 44%, rgb(56,182,241) 72% );
    	background-image: linear-gradient( center bottom, rgb(2,139,203) 44%, rgb(56,182,241) 72% );
    	display: inline-block;
    	margin-top: 3px;
    	margin-bottom: 3px;
    }
    a.buttonCancel {
    	padding: 6px 12px;
    }
    	a.button:hover, a.buttonCancel:hover {
    		text-decoration: none;
    	}
    .buttonCancel, input[class=buttonCancel] {
    	background-color: #a90329; /* Old browsers */
    	background-image: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    	background-image: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    	background-image: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera11.10+ */
    	background-image: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    	background-image: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    	border: 1px solid #6d0019;
    }
    input[type=submit][disabled], input[type=button][disabled] {
    	background-image: none;
    	background-color: #e6e6e6;
    }
    input[type=checkbox], input[type=radio] {
    	border-width: 0;
    }
    table.none {
    	background-color: transparent;
    	border-width: 0;
    	width: auto;
    }
    	table.none tr {
    		border-width: 0;
    	}
    	table.none td {
    		padding: 4px;
    		border-width: 0;
    	}
    table {
    	width: 100%;
    	border: 1px solid #e7e7e7;
    	-moz-border-radius: 6px;
    	border-radius: 4px;
    	background-color: #fff;
    }
    thead tr, tfoot tr {
    	font-size: 13px;
    	font-weight: bold;
    	color: #5f5f5f;
    	background-color: #f4f4f4;
    }
    tr {
    	border-bottom: 1px solid #e7e7e7;
    }
    th, td {
    	padding: 7px;
    }
    /* messageboard start */
    #selectedMessage {
    	background-color: #ddffb9;
    }
    #quickEdit22 {
    	display: none;
    }
    .messageboardAnswer {
    	border: 1px solid #c5c5c5;
    	border-top-width: 0;
    	padding: 6px 8px;
    	-moz-border-radius: 0 0 4px 4px;
    	border-radius: 0 0 4px 4px;
    }
    .firstRecord {
    	border-top: 1px solid #c5c5c5;
    	border-radius: 4px 4px 0 0;
    }
    .mbAnswer {
    	position: relative;
    }
    	.mbAnswer h1 {
    		font-size: 18px;
    		color: #000;
    		padding-right: 105px;
    	}
    	.mbAnswer h2 {
    		font-size: 16px !important;
    	}
    	.mbAnswer p {
    		text-align: justify;
    	}
    	.mbAnswer > img {
    		max-width: 100%;
    	}
    #quickAnswerTextbox2 div {
    	margin: 0;
    }
    #messageboardText blockquote, .mbAnswer blockquote, #quickAnswerTextbox2 blockquote {
    	margin: 15px;
    	margin-left: 45px;
    	padding-left: 8px;
    	border-left: 1px dashed #999;
    	font-style: italic;
    	color: #4f4f4f;
    	font-family: 'DroidSans';
    }
    #messageboardText div {
    	margin: 0;
    }
    .mbUsername {
    	max-width: 140px;
    	overflow: hidden;
    }
    .mbCreated, .mbUpdated {
    	white-space: nowrap;
    }
    #messageboardList .mbHeadline a:visited {
    }
    #messageboardList .mbHeadline a {
    }
    .messageShort {
    	border: 0px solid #e7e7e7;
    	border-top-width: 0;
    	padding: 6px 6px;
    	-moz-border-radius: 0 0 4px 4px;
    	border-radius: 0 0 4px 4px;
    	font-style: italic;
    	cursor: pointer;
    	font-size: 80%;
    }
    .messageboardAnswerBar li {
    	display: inline-block;
    }
    .lighterMessage {
    	filter: alpha(opacity=50);
    	-moz-opacity: 0.5;
    	-webkit-opacity: 0.5;
    	-o-opacity: 0.5;
    	opacity: 0.5;
    }
    .voteBar {
    	position: absolute;
    	top: 0px;
    	right: 10px;
    	display: none;
    }
    #qrCode {
    	margin-top: 10px;
    	margin-left: 150px;
    	display: none;
    }
    .pointReport:hover {
    	text-decoration: none;
    }
    .messageUser {
    	font-size: 14px;
    	margin-right: 2px;
    }
    	.messageUser:hover {
    		text-decoration: none;
    		color: #178BDE;
    	}
    .pointReport {
    	color: #BCBC00;
    	font-size: 20px;
    	margin-left: 20px;
    }
    .voteBar:hover {
    	opacity: 1;
    }
    .visualize > canvas {
    	max-height: 160px;
    }
    .threadHead {
    	background-repeat: no-repeat;
    	padding-left: 46px;
    	background-position: 0 5px;
    	color: #818181;
    }
    .threadSubHead {
    	color: #818181;
    	background-repeat: no-repeat;
    	padding-left: 28px;
    	padding-top: 4px;
    	padding-bottom: 4px;
        background-size: 21px;
    }
    .threadHead h3 {
    	color: #000;
    	margin: 0;
    }
    #messageHeader {
    	margin: 13px 0;
    }
    	#messageHeader ul li {
    		display: inline;
    		padding: 6px 12px 6px 12px;
    	}
    #CreateNewThreadSpan {
    	border: 1px solid #00a6dd;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	background-image: url(/images/bland/add.png);
    	background-repeat: no-repeat;
    	background: #45CFFF; /* old browsers */
    	background: -moz-linear-gradient(top, #45CFFF 0%, #38B7F1 1%, #028CCD 100%); /* firefox */
    	background: -o-linear-gradient(top, #45CFFF 0%, #38B7F1 1%, #028CCD 100%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45CFFF), color-stop(1%,#38B7F1), color-stop(100%,#028CCD)); /* webkit */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45CFFF', endColorstr='#028CCD',GradientType=0 ); /* ie */
    	background: -ms-linear-gradient(top, #45CFFF 0%, #38B7F1 1%, #028CCD 100%); /* firefox */
    	background: linear-gradient(top, #45CFFF 0%, #38B7F1 1%, #028CCD 100%); /* firefox */
    	padding: 6px 12px 6px 5px;
    	color: #fff;
    }
    #CreateNewThread {
    	background-image: url(/images/bland/add.png);
    	background-repeat: no-repeat;
    	padding-left: 19px;
    	color: #fff;
    }
    li.messageHeaderLi {
    	color: #000;
    	border: 1px solid #cfcfcf;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	margin-left: 6px;
    	background: #FFFFFF; /* old browsers */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E7E7E7',GradientType=0 ); /* ie */
    	background: -moz-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%); /* firefox */
    	background: -o-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%); /* firefox */
    	background: -ms-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E7E7E7)); /* webkit */
    	background: linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%); /* firefox */
    }
    li.messageHeaderLiDelete {
    	background: #fc464f;
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC464F', endColorstr='#CE0202',GradientType=0 );
    	background: -moz-linear-gradient(top, #fc464f 0%, #f23a55 1%, #ce0202 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc464f), color-stop(1%,#f23a55), color-stop(100%,#ce0202));
    	background: -webkit-linear-gradient(top, #fc464f 0%,#f23a55 1%,#ce0202 100%);
    	background: -o-linear-gradient(top, #fc464f 0%,#f23a55 1%,#ce0202 100%);
    	background: -ms-linear-gradient(top, #fc464f 0%,#f23a55 1%,#ce0202 100%);
    	background: linear-gradient(top, #fc464f 0%,#f23a55 1%,#ce0202 100%);
    }
    	li.messageHeaderLiDelete a {
    		color: #fff;
    	}
    .messageHeaderLi a {
    	display: inline-block;
    	color: #000;
    }
    #messageHeaderAnswer {
    	background-image: url(/images/bland/answer.png);
    	background-repeat: no-repeat;
    	padding-left: 19px;
    	color: #000;
    }
    .stickyline {
    	font-style: italic;
    }
    .divPagedItems {
    	padding: 8px;
    	background: #FFF; /* old browsers */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* ie */
    	background: -moz-linear-gradient(top, #FFF 0%, #EEEEEE 100%); /* firefox */
    	background: -o-linear-gradient(top, #FFF 0%, #EEEEEE 100%); /* firefox */
    	background: -ie-linear-gradient(top, #FFF 0%, #EEEEEE 100%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#EEEEEE)); /* webkit */
    	background: linear-gradient(top, #FFF 0%, #EEEEEE 100%); /* firefox */
    	border: 1px solid #e7e7e7;
    	-moz-border-radius: 0 0px 4px 4px;
    	border-radius: 0 0px 4px 4px;
    	border-top-width: 0;
    }
    .totalPages {
    	font-weight: bold;
    	color: #606060;
    }
    .pagesLinks a {
    	padding-left: 4px;
    	font-weight: bold;
    }
    #selPage {
    	color: #000;
    	font-weight: normal;
    }
    .positive {
    	color: green;
    }
    .negative {
    	color: red;
    }
    #tagsWrap, #pricesWrap {
    	display: none;
    	width: 560px;
    }
    #tags span, #prices span {
    	padding: 3px 6px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	border: 1px solid #d4d4d4;
    	margin-right: 3px;
    	padding-right: 15px;
    	float: left;
    	margin-top: 2px;
    }
    	#tags span.tagRemoved, #prices span.tagRemoved {
    		text-decoration: line-through;
    	}
    	#tags span:hover, #prices span:hover {
    		background-image: url(/images/bullet_red.png);
    		background-position: right;
    		background-repeat: no-repeat;
    		cursor: pointer;
    	}
    .priceRemoved {
    	text-decoration: line-through;
    }
    .review {
    	margin-bottom: 10px;
    	border: 1px solid #e7e7e7;
    	padding: 3px 6px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    }
    .reviewResponse {
    	margin-top: 10px;
    	margin-left: 20px;
    }
    /* messageboard end */
    /* form start */
    fieldset {
    	border: 1px solid #DDD;
    }
    .popupContent #formset fieldset {
    	border: 0;
    }
    form div {
    	/*margin: 6px 0;*/
    }
    	form div label {
    		display: block;
    		margin: 2px 0;
    	}
    	form div fieldset label, div table tbody tr td label {
    		display: inline;
    	}
    form fieldset div.controlset, form fieldset div.em, form fieldset div input[type=checkbox], form fieldset div.info,
    form fieldset div.warning, form fieldset div.error, form fieldset div.success, form fieldset div.progress {
    	margin-left: 185px;
    }
    form fieldset div.radiocheck {
    	margin-left: 14em;
    }
    form div.controlset, form div.radiocheck {
    	margin-top: 4px;
    }
    	form div.controlset label, form div.radiocheck label {
    		display: inline;
    	}
    	form div.radiocheck input[type=checkbox] {
    		margin-left: 0;
    	}
    form div.em {
    	font-style: italic;
    }
    form fieldset div label {
    	width: 180px;
    	display: inline-block;
    	text-align: right;
    }
    #formset form div.buttonrow {
    	margin-left: 185px;
    }
    .popupContent #formset .buttonrow {
    	margin-left: 0px !important;
    	padding: 15px 0 10px 172px;
    	border-top: 1px solid #DDD;
    }
    div#formset form fieldset, div.formset form fieldset {
    	margin: 0 0 1em 0;
    	padding: 0.5em;
    	/*border: #DDD 1px solid;*/
    }
    	div#formset form fieldset legend, div.formset form fieldset legend {
    		font-weight: bold;
    		color: #666;
    	}
    div#formset, div.formset {
    	margin-top: 6px;
    }
    	div#formset form fieldset div, div.formset form fieldset div {
    		padding: 0.25em 0;
    	}
    	/*
    		You have officially been commented out by ivar
    	*/
    	/*	
    	div#formset input[type="text"]:focus,
    	div#formset input[type="text"].error:focus,
    	div#formset textarea:focus,
    	div.formset input[type="text"]:focus,
    	div.formset input[type="text"].error:focus,
    	div.formset textarea:focus {
    		background-color: #FFC;
    		border-color: #FC6;
    	}*/
    	div#formset label,
    	div#formset span.label,
    	div.formset label,
    	div.formset span.label {
    		margin-right: 0.5em;
    		padding-right: 0.5em;
    		width: 13em;
    		display: block;
    		float: left;
    		text-align: right;
    		position: relative;
    	}
    label em, div.controlset span em {
    	color: #c00;
    	font-style: normal;
    }
    div#formset form fieldset div.controlset label, div#formset form fieldset div.controlset input,
    div.formset form fieldset div.controlset label, div.formset form fieldset div.controlset input,
    div#formset form fieldset div.radiocheck label, div#formset form fieldset div.radiocheck input,
    div.formset form fieldset div.radiocheck label, div.formset form fieldset div.radiocheck input {
    	display: inline;
    	float: none;
    	margin-left: 0;
    	width: auto;
    }
    div#formset form fieldset div, div.formset form fieldset div {
    	clear: both;
    }
    div#formset div.buttonrow, div.formset div.buttonrow {
    	margin-left: 14em;
    }
    	/* breytti input i input [type="text"] */
    	div#formset div.buttonrow input[type="text"], div.formset div.buttonrow input[type="text"] {
    		border: 1px solid #8CABD9;
    		padding: 5px 9px;
    		margin: 6px 16px 0px 0px;
    	}
    div#formset div#errors, div#formset div.errors {
    	margin: 0 0 10px 0;
    	padding: 5px 10px 5px 35px;
    	border: #FC6 1px solid;
    }
    div#formset div.controlset span {
    	padding: 0;
    	width: auto;
    }
    div#formset div.explain {
    	font-size: 90%;
    	font-style: italic;
    	margin-left: 135px;
    	width: 300px;
    	margin-top: 2px;
    }
    /* form end */
    .loginForm {
    	display: none;
    	position: absolute;
    	top: 42px;
    	right: -85px;
    	text-align: left;
    	background-color: #fff;
    	padding: 14px 17px 17px 17px;
    	color: #717171;
    	border: 1px solid #D4D4D4;
    	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
    	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    /* BINNI LOGIN */
    /*.username, .passing {
    	text-align: center;
    }*/
    .loginForm label {
    	margin-bottom: 6px;
    	font-size: 16px;
    	cursor: pointer;
    }
    	.loginForm label[for="loginUsername"], .loginForm label.[for="loginPassword"] {
    		font-size: 16px;
    	}
    .loginForm input {
    	margin-bottom: 10px;
    	padding: 8px 10px;
    	-webkit-border-radius: 3px;
    	   -moz-border-radius: 3px;
    			border-radius: 3px;
    }
    .loginForm input[type="checkbox"] {
    	margin-bottom: 0;
    }
    .loginForm .submitRow {
    	overflow: hidden;
    	margin-top: 4px;
    }
    	.loginForm .submitRow .forgetMeNotLable {
    		margin-top: 9px;
    		margin-bottom: 0;
    		font-size: 13px;
    	}
    .loginForm #forgotPassword {
    	margin-top: 13px;
    	text-align: center;
    }
    /* END BINNI LOGIN */
    .loginLinkLiSelected {
    }
    #loginUsername, #loginPassword {
    	width: 180px;
    }
    .myAccessLiSelected {
    	background-color: #fff;
    	border-left: 1px solid #d4d4d4;
    }
    	.myAccessLiSelected span {
    		background-color: #fff;
    		border-left: 1px solid #d4d4d4;
    	}
    #myNotifications {
    	cursor: pointer;
    }
    #myAccessOptions, #notifications {
    	background-color: #fff;
    	display: block;
    	position: absolute;
    	margin-left: 0;
    	top: 33px;
    	display: none;
    	border: 1px solid #d4d4d4;
    	border-top-width: 0;
    	-moz-border-radius: 0 4px 4px 4px;
    	border-radius: 0 4px 4px 4px;
    	z-index: 30;
    }
    	#myAccessOptions ul, #notifications ul {
    		margin-left: 0;
    		height: auto;
    		padding-top: 0;
    	}
    		#myAccessOptions ul li, #notifications ul li {
    			border-bottom: 1px solid #e5e5e5;
    			display: block;
    			padding-left: 29px;
    			background-repeat: no-repeat;
    			background-position: 7px 7px;
    			color: #000;
    		}
    		#notifications ul li {
    			font-size: 80%;
    			padding-left: 9px;
    		}
    /*			
    			#liMySettings {
    				background-image:url(/images/bland/puzzle.png);
    			}
    			#liBookmarks {
    				background-image:url(/images/bland/star.png);
    			}
    			#liProfileImage {
    				background-image:url(/images/bland/user-silhouette.png);
    			}
    			#liYourCommercials {
    				background-image:url(/images/bland/balloon-ellipsis.png);
    			}
    			#liBoughtSold {
    				background-image:url(/images/bland/globe-share.png);
    			}			
    			#liYourAlbums {
    				background-image:url(/images/bland/photo-album.png);
    			}
    			#liBabyDiary {
    				background-image:url(/images/bland/calendar--pencil.png);
    			}
    	
    			#liWebsites {
    				background-image:url(/images/bland/websites.png);
    			}
    			#liKarma {
    				background-image:url(/images/bland/karma.png);
    			}
    			#liVerified {
    				background-image:url(/images/bland/verified.png);
    			}
    			#liLogout {
    				background-image:url(/images/bland/logout.png);
    			}
    			*/
    .tab-row {
    	margin-top: 10px;
    }
    	.tab-row h2 {
    		display: inline;
    		border: 1px solid #d8d8d8;
    		border-bottom-width: 0;
    		padding: 7px;
    		margin-right: 3px;
    	}
    		.tab-row h2.selected {
    			position: relative;
    			top: 0px;
    			z-index: 2;
    			background-color: #fff;
    		}
    #quick_going {
    	margin-bottom: 15px;
    }
    	#quick_going li {
    		display: inline;
    		margin-right: 16px;
    	}
    /* messages start */
    #yourMessageHeadline ul {
    	margin: 19px 0;
    }
    	#yourMessageHeadline ul li {
    		display: inline;
    		padding: 2px;
    		margin: 0px;
    	}
    .newmessage, .sentmessages, .recievedmessages, .quick_create_website, .quick_edit_website {
    	background-color: #059ee1;
    	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.19, rgb(2,141,205)), color-stop(0.52, rgb(56,182,241)) );
    	background-image: -moz-linear-gradient(center bottom, rgb(2,141,205) 19%, rgb(56,182,241) 52%);
    	background-image: -ms-linear-gradient(center bottom, rgb(2,141,205) 19%, rgb(56,182,241) 52%);
    	background-image: -o-linear-gradient(center bottom, rgb(2,141,205) 19%, rgb(56,182,241) 52%);
    	background-image: linear-gradient(center bottom, rgb(2,141,205) 19%, rgb(56,182,241) 52%);
    	border: 1px solid #00a6dd;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    }
    	.newmessage a, .quick_create_website a {
    		background-image: url(/images/bland/add.png);
    		background-repeat: no-repeat;
    		padding-left: 20px;
    		color: #fff !important;
    	}
    	.sentmessages a {
    		background-image: url(/images/bland/mail-send.png);
    		background-repeat: no-repeat;
    		padding-left: 20px;
    		color: #fff;
    	}
    	.recievedmessages a {
    		background-image: url(/images/bland/mail-open.png);
    		background-repeat: no-repeat;
    		padding-left: 20px;
    		color: #fff;
    	}
    #yourMessageHeadline ul li.deletemessages {
    	margin-left: 15px;
    }
    .deletemessages a {
    	background-image: url(/images/bland/mail-delete.png);
    	background-repeat: no-repeat;
    	padding-left: 20px;
    }
    .editfriendlist a {
    	background-image: url(/images/bland/user--pencil.png);
    	background-repeat: no-repeat;
    	padding-left: 20px;
    }
    .msgbtn {
    	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.19, rgb(231,231,231)), color-stop(0.52, rgb(255,255,255)) );
    	background-image: -moz-linear-gradient(center bottom, rgb(231,231,231) 19%,rgb(255,255,255) 52%);
    	background-image: -ms-linear-gradient(center bottom, rgb(231,231,231) 19%,rgb(255,255,255) 52%);
    	background-image: -o-linear-gradient(center bottom, rgb(231,231,231) 19%,rgb(255,255,255) 52%);
    	background-image: linear-gradient(center bottom, rgb(231,231,231) 19%,rgb(255,255,255) 52%);
    	border: 1px solid #cfcfcf;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	padding: 6px;
    	margin: 6px;
    }
    	.msgbtn a {
    		color: #000;
    	}
    .messagetexttbl {
    	margin-top: 4px;
    }
    .unread {
    	font-weight: bold;
    }
    .reply {
    	background-image: url(/images/bland/answer.png);
    	background-repeat: no-repeat;
    	background-position: 0;
    	padding-left: 23px;
    }
    #friendslist {
    	display: none;
    }
    .previousMessages {
    	padding: 6px 20px 0px 20px;
    	border-top: 1px solid #d0d0d0;
    	margin: 0;
    }
    .previousMessageUser {
    	font-style: italic;
    	font-size: 80%;
    	margin: 0;
    	padding-bottom: 6px;
    }
    /* messages end */
    /* bigger form start */
    .bigger input, .register input, .register select, select.bigger {
    	font-size: 18px;
    	border: 1px solid #ddd;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	font-size: 14px;
    	padding: 8px;
    	width: 160px;
    }
    	.bigger input[type=submit] {
    		width: auto;
    		min-width: 200px;
    	}
    	.bigger input[type=radio], .bigger input[type=checkbox], .register input[type=checkbox], .register input[type=radio] {
    		width: 15px;
    	}
    .register label, .register span, .bigger label, .bigger span {
    	padding-top: 10px;
    }
    .register span, .bigger span {
    	margin-top: 2px;
    	margin-bottom: 2px;
    	display: inline-block;
    }
    .register .radiocheck label, .bigger .radiocheck label {
    	padding: 0px;
    }
    .register input[readonly=readonly], .bigger input[readonly=readonly] {
    	background-color: #e5e5e5;
    }
    .bigger span.desc {
    	font-size: 10px;
    	font-style: italic;
    	margin-left: 170px;
    	display: inline-block;
    	padding-top: 2px;
    }
    form.bigger fieldset div.info,
    form.bigger fieldset div.warning, form.bigger fieldset div.error, form.bigger fieldset div.success, form.bigger fieldset div.progress {
    	margin-left: 5px;
    	padding: 15px;
    	padding-left: 45px;
    }
    /* bigger form end */
    .offerbars {
    	width: 180px;
    	margin-left: 10px;
    	float: left;
    	padding: 10px;
    	text-align: center;
    }
    .bestoffer {
    	background-color: #ddffb9;
    }
    .unreadCount {
    	color: #fff;
    	text-align: center;
    	background-image: -webkit-linear-gradient(top, #FF7A7A, #FF5B5B);
    	background-image: -moz-linear-gradient(top, #FF7A7A, #FF5B5B);
    	background-image: -o-linear-gradient(top, #FF7A7A, #FF5B5B);
    	background-image: -ms-linear-gradient(top, #FF7A7A, #FF5B5B);
    	background-image: linear-gradient(top, #FF7A7A, #FF5B5B);
    	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FF7A7A', EndColorStr='#FF5B5B');
    	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    	border: 1px solid #ce4f5e;
    	-moz-border-radius: 80px;
    	border-radius: 80px;
    	font-size: 10px;
    	position: relative;
    	padding: 1px 5px;
    	top: -5px;
    	font-weight: bold;
    	font-family: verdana;
    	display: inline-block;
    	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    }
        .unreadCount.mini {
    	-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
    	border-radius: 4px;
    	padding: 1px 4px;
    	font-size: 8px;
    }
    .quick_create_website, .quick_edit_website {
    	padding: 0;
    	margin: 7px 0;
    }
    	.quick_create_website a, .quick_edit_website a {
    		padding: 7px 10px;
    		display: block;
    		padding-left: 29px;
    		background-position: 8px 7px;
    		color: #fff;
    	}
    	.quick_edit_website a {
    		padding-left: 10px;
    	}
    #modalBackground {
    	display: none;
    	position: fixed;
    	z-index: 1000;
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
    	background-color: #000;
    	filter: alpha(opacity=50);
    	-moz-opacity: 0.5;
    	-webkit-opacity: 0.5;
    	-o-opacity: 0.5;
    	opacity: 0.5;
    }
    .websiteBox {
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	border: 1px solid #e6e6e6;
    	padding: 6px;
    	margin-bottom: 6px;
    	background: #FFFFFF; /* old browsers */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F7F7F7',GradientType=0 ); /* ie */
    	background: -moz-linear-gradient(top, #FFFFFF 73%, #FCFCFC 84%, #F9F9F9 92%, #F7F7F7 99%); /* firefox */
    	background: -ms-linear-gradient(top, #FFFFFF 73%, #FCFCFC 84%, #F9F9F9 92%, #F7F7F7 99%); /* firefox */
    	background: -o-linear-gradient(top, #FFFFFF 73%, #FCFCFC 84%, #F9F9F9 92%, #F7F7F7 99%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(73%,#FFFFFF), color-stop(84%,#FCFCFC), color-stop(92%,#F9F9F9), color-stop(99%,#F7F7F7)); /* webkit */
    	background: linear-gradient(top, #FFFFFF 73%, #FCFCFC 84%, #F9F9F9 92%, #F7F7F7 99%); /* firefox */
    }
    .oldTypeWebsite {
    	padding-left: 186px;
    }
    .websiteBoxAvatar {
    	display: inline-block;
    	border: 1px solid #ededed;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	width: 145px;
    	height: 116px;
    	margin-right: 10px;
    	text-align: center;
    	padding: 8px;
    	background-color: #fff;
    }
    .websiteBoxText {
    	width: 400px;
    	display: inline-block;
    	vertical-align: top;
    }
    	.websiteBoxText ul {
    		font-size: 10px;
    		margin: 0;
    		padding: 0;
    	}
    		.websiteBoxText ul li {
    			overflow: hidden;
    			height: 10px;
    			display: block;
    			background: #ffffff; /* old browsers */
    			padding: 2px 0;
    		}
    #listAvailableDomains ul {
    	margin: 4px;
    }
    	#listAvailableDomains ul li {
    		list-style-type: circle;
    		margin-left: 10px;
    		font-weight: bold;
    	}
    #popup {
    	background-color: #fff;
    	border-radius: 4px 4px 0 0;
    /*	margin: -150px -315px;
    	left: 50%;
    	top:50%;*/
    }
    .popupWrapper {
    	display: none;
    	position: absolute;
    	left: 200px;
    	top: 200px;
    	z-index: 100003;
    	box-shadow: 1px 1px 5px #404040;
    }
    /*	.popupDragable {
    		-moz-border-radius:4px 4px 0 0;
    		border-radius:4px 4px 0 0;
    		filter:alpha(opacity=90);
    		-moz-opacity:0.9;
    		-webkit-opacity:0.9;
    		-o-opacity:0.9;
    		opacity:0.9;
    		margin:0px;
    		cursor:move;
    		background-color:#404040;
    		min-height:20px;
    		color:#fff;
    		padding:8px;
    		font-weight:bold;
    	}*/
    .popupDragable {
    	-moz-border-radius: 4px 4px 0 0;
    	border-radius: 4px 4px 0 0;
    	margin: 0 0 15px 0;
    	cursor: move;
    	background-color: #fff;
    	min-height: 20px;
    	color: #fff;
    	padding: 8px;
    	font-weight: bold;
    	border-bottom: 1px solid #DDD;
    }
    .popupContent {
    	border-top-width: 0;
    	padding: 7px 26px;
    	/*padding-top:18px;*/
    	-moz-border-radius: 0 0 4px 4px;
    	border-radius: 0 0 4px 4px;
    	/*overflow:auto;*/
    }
    	.popupContent label {
    		color: #000;
    	}
    .modal-nopadding .popupContent {
        padding: 0;
    }
    .modal-nopadding #dragableHeader {
        margin-bottom: 0;
    }
        .modal-nopadding #dragableHeader h2 {
            display: none;
        }
    .popupClose, .popupMin {
    	z-index: 102;
    	float: right;
    }
    .popupMin {
    	right: -60px;
    }
    .popupBlock {
    	display: none;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	z-index: 100;
    	background-color: #000;
    	filter: alpha(opacity=80);
    	zoom: 1;
    	opacity: 0.8;
    	color: #fff;
    	text-align: center;
    	padding-top: 40px;
    }
    #imagePreviews, #imagePreviews2 {
    	display: none;
    	position: absolute;
    	z-index: 100;
    	background-color: #fff;
    	border: 1px solid #d0d0d0;
    	padding: 10px;
    	overflow: auto;
    	width: 145px;
    	text-align: center;
    }
    .searchList {
    	width: 100%;
    }
    #newThreadSaved {
    	position: absolute;
    	top: 0;
    	left: 33%;
    }
    /* articles */
    h2.overview {
    	font-size: 14px;
    	border-top: 1px solid #e6e6e6;
    	padding-top: 8px;
    	margin-top: 8px;
    }
    .e9 {
    	padding: 20px;
    }
    .e1 p.firstchar {
    	text-indent: 0;
    }
    .e1 {
    	color: #434343;
    	font-family: 'Ubuntu',sans-serif;
    }
    	.e1 p:first {
    	}
    	.e1 p {
    		position: relative;
    		font-weight: 300;
    		line-height: 1.5;
    		margin: 0 0 18px;
    		padding-left: 1px;
    		text-align: justify;
    		top: 3px;
    	}
    .e1 {
    	font-family: DroidSans;
    }
    	.el h1 {
    		font-size: 34px;
    	}
    		article h1 {
    			font-size: 28px;
    		}
    	.e1 h3 {
    		font-size: 18px;
    	}
    	.e1 p {
    		font-size: 14px;
    		line-height: 22px;
    	}
    /*
    article>p:nth-of-type(1):first-letter {
    	display: inline-block;
    	float: left;
    	font-size: 36px;
    	font-weight: 500;
    	text-transform: uppercase;
    	line-height: 36px;
    	margin: 0 6px 0 0;
    	color: #069;
    	color: rgba(0, 102, 153, 1.0);
    }*/
    .sidebar {
    	float: right;
    	border: 1px solid #E7E7E7;
    	border-radius: 2px;
    	padding: 6px 6px 6px 6px;
    	margin: 12px;
    	width: 200px;
    	position: relative;
    	z-index: 10;
    }
    	.sidebar iframe {
    		margin-left: 30px;
    		margin-top: 15px;
    	}
    #dBookmark2 {
    	margin-left: 15px;
    	margin-top: 10px;
    	text-align: center;
    	width: 110px;
    }
    .star-rating-div {
    	margin-top: 12px;
    }
    .star-rating {
    	list-style: none;
    	margin: 0px;
    	margin-left: 40px;
    	padding: 0px;
    	width: 100px;
    	height: 20px;
    	position: relative;
    	background: url(/images/star_rating.gif) top left repeat-x;
    }
    	.star-rating li {
    		padding: 0px;
    		margin: 0px;
    		/*\*/
    		float: left;
    		/* */
    	}
    		.star-rating li a:active {
    			outline: none;
    		}
    		.star-rating li a {
    			display: block;
    			width: 20px;
    			height: 20px;
    			text-decoration: none;
    			text-indent: -9000px;
    			z-index: 20;
    			position: absolute;
    			padding: 0px;
    		}
    			.star-rating li a:hover, .star-rating li a.selected {
    				background: url(/images/star_rating.gif) left bottom;
    				z-index: 1;
    				left: 0px;
    			}
    	.star-rating a.one-star {
    		left: 0px;
    	}
    		.star-rating a.one-star:hover, .star-rating a.one-star-selected {
    			width: 20px;
    		}
    	.star-rating a.two-stars {
    		left: 20px;
    	}
    		.star-rating a.two-stars:hover, .star-rating a.two-star-selected {
    			width: 40px;
    		}
    	.star-rating a.three-stars:hover, .star-rating a.three-star-selected {
    		width: 60px;
    	}
    	.star-rating a.three-stars {
    		left: 40px;
    	}
    	.star-rating a.four-stars {
    		left: 60px;
    	}
    		.star-rating a.four-stars:hover, .star-rating a.four-star-selected {
    			width: 80px;
    		}
    	.star-rating a.five-stars {
    		left: 80px;
    	}
    		.star-rating a.five-stars:hover, .star-rating a.five-star-selected {
    			width: 100px;
    		}
    /* articles end */
    /* help highlight */
    #helpHighlight {
    	display: none;
    	position: fixed;
    	top: 132px;
    	left: 300px;
    	z-index: 1003;
    }
    #helpHighlightText {
    	background-color: #000;
    	width: 450px;
    	margin: 0;
    	padding: 18px;
    	color: #fff;
    	text-align: left;
    	-moz-border-radius: 0.5em;
    	border-radius: 0.5em;
    }
    #helpHighlightClose {
    	text-align: right;
    	margin-right: 7px;
    }
    #helpHighlightArrowBottom, #helpHighlightArrowTop {
    	padding-left: 55px;
    	margin: 0;
    	text-align: left;
    	display: none;
    }
    #helpHighlightArrowTop {
    	margin: -2px;
    }
    #closeHelpHighlight a, #helpHighlightText a {
    	color: #BFDCFF;
    }
    /* help highlight end */
    #popupContent > #fileUpload {
    	width: 250px;
    	float: left;
    }
    /* search start */
    /* line 1 */
    .searchResults em {
    	background-color: #fdff7f;
    }
    /* line 5 */
    #loadingDiv {
    	position: fixed;
    	left: 20px;
    	top: 140px;
    	z-index: 100000;
    	width: 100px;
    	padding: 8px;
    	background-color: white;
    	border: 1px solid black;
    	text-align: center;
    	font-size: 11px;
    	display: none;
    }
    /* line 21 */
    #hd {
    	padding-top: 15px;
    	padding-bottom: 15px;
    }
    	/* line 24 */
    	#hd h1 {
    		font-size: 2em;
    		font-weight: bold;
    	}
    /* line 33 */
    #facets h3, #facets2 h3 {
    	font-size: 1.2em;
    	font-weight: bold;
    	margin-bottom: 6px;
    }
    /* line 40 */
    #facets .elastic-search-facet, #facets .elastic-search-slider-facet {
    	margin-bottom: 15px;
    }
    	/* line 42 */
    	#facets .elastic-search-facet .chosen-values, #facets .elastic-search-slider-facet .chosen-values {
    		margin-bottom: 5px;
    	}
    /* line 46 */
    #facets .elastic-search-slider {
    	margin-top: 8px;
    }
    #facets ul, #facets2 ul {
    	margin: 4px 4px;
    }
    /* line 52 */
    #searchFormContainer {
    	display: none;
    }
    	#searchFormContainer .elastic-search-form-input {
    		width: 280px;
    	}
    	#searchFormContainer .elastic-search-form-button {
    		width: 100px;
    		margin-top: 5px;
    		margin-left: 5px;
    	}
    /* line 58 */
    #searchStats .stats {
    	text-align: right;
    	border-bottom: 1px solid #999;
    	padding-bottom: 5px;
    	margin-bottom: 10px;
    }
    /* line 67 */
    #searchResults h2 a {
    	font-weight: bold;
    	text-transform: capitalize;
    }
    /* line 73 */
    #searchResults table.info td {
    	font-size: 0.9em;
    	margin-bottom: 5px;
    }
    /* line 77 */
    #searchResults span.imgInfo {
    	padding-left: 10px;
    }
    /* line 80 */
    #searchResults span.creationDate {
    	font-style: italic;
    	color: #888;
    }
    /* line 84 */
    #searchResults p.excerpt {
    	margin-bottom: 10px;
    	text-transform: lowercase;
    }
    /* line 89 */
    .imgGalleryTable {
    	width: 100%;
    }
    	/* line 91 */
    	.imgGalleryTable td {
    		text-align: center;
    	}
    /* line 96 */
    div.imgThumbList {
    	text-align: center;
    	min-height: 25px;
    }
    /* line 100 */
    table.imgNavTable {
    	width: 120px;
    	display: inline-block;
    }
    	/* line 103 */
    	table.imgNavTable td {
    		font-size: 0.9em;
    	}
    /* line 108 */
    #tooltip {
    	position: absolute;
    	z-index: 3000;
    	border: 1px solid #111;
    	background-color: #eee;
    	padding: 5px;
    	filter: alpha(opacity=85);
    	-moz-opacity: 0.85;
    	-webkit-opacity: 0.85;
    	-o-opacity: 0.85;
    	opacity: 0.85;
    }
    	/* line 116 */
    	#tooltip h3, #tooltip div {
    		margin: 0;
    	}
    	/* line 118 */
    	#tooltip.pretty {
    		font-family: Helvetica;
    	}
    		/* line 121 */
    		#tooltip.pretty h3 {
    			margin-bottom: 5px;
    			font-size: 1.1em;
    			text-align: center;
    		}
    		/* line 126 */
    		#tooltip.pretty p {
    			text-align: left;
    		}
    			/* line 129 */
    			#tooltip.pretty p.creationDate {
    				font-style: italic;
    				color: #666;
    				text-align: center;
    			}
    /* search end */
    p.bigger {
        margin: 15px;
        font-size: 17px;
    }
    .yourKarma {
    	font-size: 20px;
    	font-weight: bold;
    	text-align: center;
    	width: 140px;
    	float: right;
    	margin: 20px;
    }
    .usersKarma {
    	font-size: 20px;
    	font-weight: bold;
    	text-align: center;
    	margin: 20px;
    }
    .yourKarmaPoints {
    	font-size: 24px;
    	color: Gray;
    }
    .websiteAdmin {
    	margin: 4px 4px 10px 4px;
    	padding-left: 10px;
    	border: 0px;
    }
    	.websiteAdmin input {
    		margin-left: 40px;
    	}
    .theme2 {
    	list-style: none;
    	margin-left: 3px;
    	padding-left: 3px;
    }
    	.theme2 li {
    		display: inline;
    		margin-left: 8px;
    	}
    .tab-row h2 {
    	font-size: 14px !important;
    }
    #frontPageSummary {
    	width: 410px;
    	float: left;
    	margin-bottom: 5px;
    	margin-right: 10px;
    }
    .tryDragDrop {
    	display: none;
    	font-size: 10px;
    }
    img.disabled {
    	filter: alpha(opacity=20);
    	-moz-opacity: 0.2;
    	-webkit-opacity: 0.2;
    	-o-opacity: 0.2;
    	opacity: 0.2;
    }
    .collectKarma {
    	font-size: 80%;
    	padding: 8px;
    	margin-bottom: 10px;
    }
    	.collectKarma img {
    		filter: alpha(opacity=70);
    		-moz-opacity: 0.7;
    		-webkit-opacity: 0.7;
    		-o-opacity: 0.7;
    		opacity: 0.7;
    		width: 8px;
    	}
    .tab-page p {
    	margin: 6px;
    	margin-left: 185px;
    	font-weight: bold;
    }
    .tab-page > div {
        margin: 5px 0;
    }
    .reportform {
    	list-style-type: none;
    }
    #advImg8 {
    	margin: 15px auto 0;
    	text-align: center;
    }
    /*#advImg6Warp {
    	position: absolute;
    	right: 0;
    	width: 150px;
    	display: none;
    }*/
    #advImg6 {
    	position: fixed;
    	width: 160px;
    }
    #advImg11_2 {
        background-size: 140px 200px;
    }
    #advImg11_2_fallback {
        position: absolute;
        top: 0;
        top: 10px;
        left: 14px;
    }
    body.mceContentBody {
    	background-image: none !important;
    	background-color: #fff;
    }
    td.mceStatusbarBottom div {
    	clear: none !important;
    	padding: 0 !important;
    	margin: 0 !important;
    }
    div.information {
    	margin: 6px;
    }
    	div.information span.label {
    		width: 130px;
    		text-align: right;
    		display: inline-block;
    		font-weight: bold;
    	}
    	div.information span {
    		margin: 6px;
    	}
    .vcard div {
    	margin: 10px;
    }
    #daycareParentTab, #babysitterTab, #videoTab {
    	padding: 10px;
    }
    	#videoTab img {
    		max-width: 100px;
    		margin-right: 4px;
    	}
    .weblogList ul {
    	list-style-type: none;
    	padding: 4px;
    	margin: 0;
    }
    .moreItemsLink {
    	margin-left: 15px;
    }
    /* public videos */
    /*  
        root element for the scrollable.  
        when scrolling occurs this element stays still.  
    */
    div.scrollable {
    	/* required settings */
    	position: relative;
    	overflow: hidden;
    	height: 427px;
    }
    	/*  
        root element for scrollable items. Must be absolutely positioned 
        and it should have a super large width to accomodate scrollable items. 
        it's enough that you set width and height for the root element and 
        not for this element. 
    */
    	div.scrollable div.items {
    		/* this cannot be too large */
    		height: 2000em;
    		position: absolute;
    	}
    		div.scrollable div.items div {
    			max-width: 110px;
    			display: inline-block;
    			height: 100px;
    		}
    		/*  
        a single item. must be floated on horizontal scrolling 
        typically this element is the one that *you* will style 
        the most. 
    */
    		div.scrollable div.items div {
    			float: left;
    			margin: 6px;
    			width: 120px;
    			text-align: center;
    			position: relative;
    		}
    			div.scrollable div.items div img.playbtn {
    				position: absolute;
    				top: 5px;
    				left: 8px;
    			}
    /* you may want to setup some decorations to active item */
    div.items div.active {
    	border: 1px inset #ccc;
    	background-color: #fff;
    }
    /* public videos end */
    .helpCubic {
    	margin-left: 40px;
    	width: 400px;
    	border-bottom: 1px dotted #999;
    	margin-bottom: 4px;
    	padding-bottom: 4px;
    }
    #helpDiv a {
    	font-weight: bold;
    }
    #faqHelp {
    	background: url(/images/info5.gif) no-repeat;
    	padding-left: 80px;
    }
    #faqHelp2 {
    	background: url(/images/info5.gif) no-repeat 0% 50%;
    	padding-left: 80px;
    	padding-top: 20px;
    	height: 70px;
    }
    #awHelp {
    	background: url(/images/alert.gif) no-repeat;
    	padding-left: 80px;
    }
    #forumHelp {
    	background: url(/images/globe.gif) no-repeat;
    	padding-left: 80px;
    }
    #emailHelp {
    	background: url(/images/folder.gif) no-repeat;
    	padding-left: 80px;
    }
    #faqslist {
    	margin-left: 60px;
    }
    #helpSearchResults {
    	margin-left: 40px;
    }
    #faqUl {
    	background: url(/images/info5.gif) no-repeat;
    	padding-left: 60px;
    	margin-top: 10px;
    }
    #awUl {
    	background: url(/images/alert.gif) no-repeat;
    	padding-left: 60px;
    	margin-top: 10px;
    }
    #mediaspace {
    	background-color: #fff;
    	z-index: 20;
    	display: none;
    	position: fixed;
    	left: 300px;
    	top: 150px;
    }
    #quoteText {
    	padding: 4px;
    }
    .likes {
    	border-top: 1px solid #e6e6e6;
    	padding: 4px;
    }
    	.likes img {
    		margin: 5px;
    		margin-right: 5px;
    		max-width: 21px;
    		max-height: 21px;
    	}
    .userLikes {
    	font-size: 90%;
    }
    #quickuploadWrapper > select {
    	max-width: 300px;
    }
    #loading {
    	display: none;
        left: 0px;
    	position: relative;
        top: -4px;
    }
    ul.inline {
    	margin: 13px 0;
    }
    	ul.inline li {
    		display: inline;
    		padding: 6px 12px 6px 12px;
    	}
    .VerifiedBronz, .VerifiedSilver, .VerifiedGold, .NotVerified {
    	background-image: url(/images/bland/verifiedbadges.png);
    	background-repeat: no-repeat;
    	width: 13px;
    	height: 15px;
    	display: block;
    	margin: 0 5px;
    	background-position: 0 0px;
    }
    .VerifiedBronz {
    	background-position: 0 0px;
    }
    .VerifiedSilver {
    	background-position: 0 0px;
    }
    .VerifiedGold {
    	background-position: 0 0px;
    }
    .NotVerified {
    	background-position: 0 -35px;
    }
    .offerDiv {
    	margin-top: 14px;
    }
    .offerSpan {
    	display: inline-block;
    	border: 1px solid #e4e4e4;
    	padding: 16px;
    	width: 180px;
    	height: 355px;
    	margin: 0;
    	vertical-align: middle;
    	text-align: left;
    	background-color: #eae7de;
    }
    	.offerSpan > .price {
    		font-size: 18px;
    		text-align: center;
    	}
    		.offerSpan > .price > .equalsPrice {
    			font-size: 13px;
    			font-style: italic;
    		}
    	.offerSpan ul {
    		height: 240px;
    	}
    	.offerSpan > .action {
    		text-align: center;
    		margin-top: 6px;
    		vertical-align: bottom;
    	}
    .offerBest {
    	background-color: #fff;
    	position: relative;
    	z-index: 10;
    	width: 190px;
    	height: 385px;
    	margin: 0 -12px;
    	-o-box-shadow: 0 0 5px #e4e4e4;
    	-ie-box-shadow: 0 0 5px #e4e4e4;
    	-moz-box-shadow: 0 0 5px #e4e4e4;
    	-webkit-box-shadow: 1px 0 15px #2d2d2d;
    	box-shadow: 0 0 5px #2d2d2d;
    	border: 2px solid #3d709b;
    }
    .sigtip {
    	background: #fff;
    	border: #999 1px solid;
    	padding: 10px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	overflow: auto;
    }
    .picturePreview {
    	list-style: none;
    }
    #messageboardText, .mbAnswer {
    }
    .ogWrap {
    	margin: 6px 0 6px 6px;
    	display: block;
    }
    	.ogWrap > a {
    		margin: 6px;
    	}
    	.ogWrap > a, .ogContent {
    		display: inline-block;
    		vertical-align: top;
    	}
    		.ogWrap > a > img {
    			max-width: 100px !important;
    			max-height: 100px;
    		}
    .ogContent {
    	width: 380px;
    }
    	.ogContent > h3 {
    		font-size: 14px;
    		font-weight: bold;
    		margin: 0;
    	}
    	.ogContent > p {
    		margin: 0;
    	}
    	.ogContent > a {
    		text-decoration: none;
    		color: #ccc;
    		font-size: 80%;
    	}
    .ogWrap > .geomap > iframe {
    	border-width: 0;
    	width: 67%;
    	height: 180px;
    	margin-top: 6px;
    }
    .ogWrap > .geomap > img {
    	width: 25%;
    }
    #messageboardText .geomap > img {
    	width: 25px;
    }
    .pagesList {
    	list-style-type: none;
    	padding: 0;
    	margin: 0;
    }
    .lockedWeblog {
    	background: url('/images/barnaland/icon-grid.gif') no-repeat -7px -552px;
    	padding-left: 14px;
    }
    #websiteSuggestions {
    	display: none;
    	border: 1px solid #e3e3e3;
    	position: absolute;
    	z-index: 10;
    	background-color: #fff;
    }
    .websiteSearchBox {
    	margin: 8px 0;
    }
    .searchresults img {
    	max-width: 60px;
    	max-height: 60px;
    	display: inline-block;
    	margin: 8px;
    }
    .searchresults .website {
    	background-color: #fff;
    	border-bottom: 1px solid #e3e3e3;
    	margin: 4px;
    }
    	.searchresults .website:hover {
    		background-color: #DAEDFB;
    	}
    .searchresults .text {
    	display: inline-block;
    	vertical-align: top;
    }
    /*
    .mobileFooter 
    {
    	width:165px;
    	background-color:#3d3d3d;
    	padding:12px;
    	margin-left:45px;
    	margin-bottom:-20px;
    	margin-top:-20px;
    	height:145px;
    	text-align:center;
    	color:#fff;
    }*/
    .mobileFooter h3 {
    	margin-bottom: 13px;
    	margin-top: 11px;
    }
    .mobileFooter a {
    	margin-left: 5px;
    	margin-right: 5px;
    }
    .ui-autocomplete {
    	list-style: none;
    	background: #fff;
    }
    	.ui-autocomplete > li {
    		padding-left: 4px;
    	}
    .ui-autocomplete {
        width: 474px !important;
        border: 1px solid #BBB;
        border-radius: 0;
        border-top-width: 0;
    }
    .ui-menu-item:hover {
        border-width: 0;
        background-color: whitesmoke;
        cursor: pointer;
    }
    .ui-menu-item > a:hover {
        border-width: 0;
        background-color: whitesmoke;
        cursor: pointer;
    }
    .ui-helper-hidden-accessible {
        display: none !important;
    }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
        color: #178BDE;
        background-color: transparent !important;
        text-decoration: none;
        border-width: 0 !important;
    }
    .ui-corner-all {
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    .ui-menu-item:hover, .ui-menu-item > a:hover {
    }
    li.avatarList:hover {
        background-color: #e2e2e2 !important;
    }
    li.avatarList {
    	background-repeat: no-repeat;
    	-moz-background-size: 21px;
    	-o-background-size: 21px;
    	-webkit-background-size: 21px;
    	background-size: 21px;
    	background-position: 9px 3px;
    }
        li.avatarList a {
    		display: block;
    		padding: 8px 34px;
    	}
    /**Popup message box**/
    .message-box-title {
      font-weight: bold;
      font-size: 15px;
      margin-bottom: 5px
    }
    .message-box-message {
      -ms-word-wrap: break-word;
      word-wrap: break-word;
    }
    .message-box-message a,
    .message-box-message label {
      color: #ffffff;
    }
    .message-box-message a:hover {
      color: #cccccc;
      text-decoration: none;
    }
    .message-box-close-button {
      position: relative;
      right: -0.3em;
      top: -0.3em;
      float: right;
      font-size: 20px;
      font-weight: bold;
      color: #ffffff;
      -webkit-text-shadow: 0 1px 0 #ffffff;
      text-shadow: 0 1px 0 #ffffff;
      opacity: 0.8;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      filter: alpha(opacity=80);
    }
    .message-box-close-button:hover,
    .message-box-close-button:focus {
      color: #000000;
      text-decoration: none;
      cursor: pointer;
      opacity: 0.4;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
      filter: alpha(opacity=40);
    }
    #message-box-container {
      position: fixed;
      z-index: 999999;
      right: 10px;
      bottom: 200px;
    }
    #message-box-container * {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #message-box-container > div {
      position: relative;
      overflow: hidden;
      margin: 0 0 6px;
      padding: 15px;
      width: 244px;
      -moz-border-radius: 3px 3px 3px 3px;
      -webkit-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background-position: 15px center;
      background-repeat: no-repeat;
      -moz-box-shadow: 0 0 12px #999999;
      -webkit-box-shadow: 0 0 12px #999999;
      box-shadow: 0 0 12px #999999;
      color: #ffffff;
      opacity: 0.8;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      filter: alpha(opacity=80);
    }
    #message-box-link #message-box-container  > :hover {
      -moz-box-shadow: 0 0 12px #000000;
      -webkit-box-shadow: 0 0 12px #000000;
      box-shadow: 0 0 12px #000000;
      opacity: 1;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      filter: alpha(opacity=100);
      cursor: pointer;
    }
    #message-box-container.message-box-top-center > div,
    #message-box-container.message-box-bottom-center > div {
      width: 244px;
      margin: auto;
    }
    .message-box-success {
      background-color: #51a351;
    }
    .message-box-error {
      background-color: #bd362f;
    }
    .message-box-info {
      background-color: #2f96b4;
    }
    .message-box-warning {
      background-color: #f78716;
    }
    @media (max-width:660px) {
    	#logo_announcement, #bottom, #leftcontent, #mainmenu, #rightcontent {
    		display: none;
    	}
    	#userInfoBar, #wrapper, #centercontent {
    		width: auto;
    	}
    	#hiddenFeatures, #advImg6 {
    		display: none !important;
    	}
    	#userInfoBarWrap {
    		background-image: url(/images/bland/desktopLogo.png);
    		background-repeat: no-repeat;
    		background-position: 15px 15px;
    		background-color: #2d2d2d;
    		height: 80px;
    	}
    	/*
    	#wrapper {
    	margin-top:35px;
    	padding-bottom:5px;
    	}
    	*/
    	.register #gender {
    		width: 130px;
    	}
    }
    #userInfoLogo {
    	background-image: url(/images/bland/desktopLogoLight.png);
    	background-repeat: no-repeat;
    	width: 155px;
    	height: 30px;
    	display: inline-block !important;
    	margin-left: -12px;
    }
    @font-face {
        font-family: 'FontAwesome';
        src: url('/css/fontawesome-webfont.eot?v=3.2.1');
        src: url('/css/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('/css/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('/css/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('/css/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
        font-weight: normal;
        font-style: normal;
    }

Examples and source code

icon-lock

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-lock"></i> icon-lock
Icon classes are echoed via CSS :before.

icon-lock

icon-lock

icon-lock

icon-lock

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-lock icon-large"></i> icon-lock</p>
<p><i class=" icon-lock icon-2x"></i> icon-lock</p>
<p><i class=" icon-lock icon-3x"></i> icon-lock</p>
<p><i class=" icon-lock icon-4x"></i> icon-lock</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-lock"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-lock icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-lock icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-lock"></i>  normal<br>
<i class=" icon-lock icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-lock icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-lock icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-lock icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-lock icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-lock icon-2x icon-spin"></i>
<i class=" icon-lock icon-3x icon-spin"></i>
<i class=" icon-lock icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-lock on icon-check-empty
icon-lock on icon-circle
icon-lockl on icon-sign-blank
icon-ban-circle on icon-lock

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-lock "></i>
</span>
icon-lock on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-lock icon-light"></i>
</span>
icon-lock on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-lock icon-light "></i>
</span>
icon-lock on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-lock icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-lock