/*

    AFFILIATES4U v4.0
    VERSION 1.0

    ---CONTENTS -------

        1.DEFAULTS
        2.HEADER
        3.NAVIGATION
            3.1 SUB NAVIGATION
            3.2 BREADCRUMB
        4.GLOBAL LAYOUT
            4.1.BULK CONTENT
            4.2.ASIDE
            4.3.FOOTER
            4.4 TABLUAR DATA
        5.PAGE SPECIFIC
            5.1.NEWS
            5.2.ARTICLES
            5.3.RESOURCES
            5.4.JOBS
            5.5.EVENTS
            5.6.PROFILE
            5.7.ACCOUNT
        6.ICONS
        7.USEFUL BITS
        8.HOUSE KEEPING
        9.DEBUG STYLES

    -------------------

    ---COLOURS --------
        Black = #0D0D0D; / rgb(13,13,13);
        Off-Black = #1a1a1a ;/ rgb(26,26,26);
        Soft Black = #333; / rgb(187,62,81);
        Soft red = #BB4251; / rgb(140,14,3);
        Vibrant red = #C5332B; / rgb(197,51,43);
        Teal = #5BB7C6; / rgb(91,183,198);
        Light teal = #C5D9D2; / rgb(197,217,210);
    -------------------

*/

/*@charset "utf-8"; - no real reason I can see, but webkit browsers kick the toys out at this - we-ir-d*/

@import url(fontface.css);

/* import CSS for compliant browsers 'coz we love 'em */
@import url(reset.css); @import url(typography.css); @import url(970_16_10.css); @import url(forms.css);


/***************************************
1.Defaults
****************************************/
html, body {margin:0;padding:0;}
/*body {background:url(../img/display/textures/pattern.gif) #f6f6f6 repeat top center ;overflow-x:hidden;}*/
html {height:100%;}
body {background: #fff;}
/*body {background: url(../img/display/pif.gif) #da2037 repeat-y top center; }*/

body.mceContentBody {
   background: #FFF;
}


/***************************************
2.Header
****************************************/
#header {
    position:relative;
    padding-top:0px;
    padding-bottom:10px;
    z-index:1;
    background:url(../img/display/gradients/body.gif) transparent repeat-x top center;
}

.banner_head {
	position:absolute;
	z-index:1;
	right:25px;
	bottom:-50px;
	width:350px;
	overflow:hidden;
}

#account {
    position:absolute;
    top:-14px;
    margin-top:10px;
    right:0px;
    width:300px;
    height:10px;
    padding:10px 2px;
    padding-top:20px;
    z-index:10;
	color:#999;
}

#account li {
    display:inline;
    font-size:0.825em;
    position:absolute;
    top:12px;
    text-shadow:none;
}

#account li a {
    text-decoration:underline;
    text-shadow:none;
    color:#999;
}
#account li.login_title {
    display:block;
    position:absolute;
    top:13px;
    right:10px;
}

#account li.noscript {
    position:absolute;
    top:10px;
    right:350px;
    width:120px;
}

#account li a.blip {
	text-decoration:none;
	height:11px;
	width:11px;
    min-height: 11px;
    _height: 11px;
	overflow: hidden;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
	position:relative;
	top:1px;
}

#account li a.blip.pm {
    background:url(../img/display/icons/11/mail-top.png) transparent no-repeat 0 0;
}

#account li a.blip.pm.unread {
    background:url(../img/display/icons/11/mail-top-full.png) transparent no-repeat 0 0;
}

#account li a.blip.al {
    background:url(../img/display/icons/11/alert.png) transparent no-repeat 0 0%;
	left:-6px;
}

#account li a.blip.al.unread {
    background:url(../img/display/icons/11/alert-full.png) transparent no-repeat 0 0%;
	left:-6px;
}

#logo {
    line-height:0;
    padding-top:0;
    text-indent:-999em;
    width:350px;
    height:70px;
    position:relative;
    z-index:4;
    top:-11px;
    margin:10px 0 10px 15px;
    overflow:hidden;
    background:url(../img/display/a4u-logo.png) transparent no-repeat 0 -1px;
}

#logo a, #logo a:hover, #logo a:focus, #logo a:active {
    display:block;
    width:350px;
    height:70px;
}

.atar {clear:right;}

#quote {
    width:420px;
    float:left;
    padding-left:59px;
    margin-left:115px;
    border-left:1px dotted #bbb;
    position:relative;
    font-smooth:always;
    top:-5px;
    margin-top:10px;
    right:5px;
}

#quote img {
    diplay:block;
    float:right;
    margin-left:28px;
    z-index:1;
    position:relative;
    top:6px;
}

#quote .relative span {
    display:block;
    z-index:3;
    background:url(../img/display/60-overlay.png) transparent no-repeat 0 0;
    height:60px;
    width:60px;
    position:absolute;
    top:6px;
    right:0;
}

#quote blockquote p {
    font-size:16px;
    font-style:normal;
    text-shadow:none;
    text-align:right;
    color:#eee;
}

#quote blockquote a.quote {
    font-size:16px;
    font-style:normal;
    text-shadow:none;
    text-align:right;
    color:#ddd;
    text-decoration: none;
    border: none;
}

#quote blockquote a.quote:hover {
    border-bottom: 1px solid #333;
}

#quote blockquote a.name {
    font-size:11px;
    display:block;
    position:relative;
    top:-6px;
    color:#666;
    text-align:right;
    font-style:italic;
}

#quote blockquote a.name:hover {
    text-decoration: underline;
}

/*
#quote blockquote p:before {
    content:"\275B ";
    display:inline;
    font-size:26px;
    color:#bbb;
    padding-right:3px;
    text-shadow:-1px 0 0 rgba(0,0,0,0.1), 1px 0 0 #fff;
}

#quote blockquote p:after {
    content:"\275C ";
    display:inline;
    font-size:26px;
    vertical-align:sub;
    color:#ccc;
    text-shadow:-1px 0 0 rgba(0,0,0,0.1), 1px 0 0 #fff;
}
*/

/***************************************
3.Navigation
****************************************/

/*
#nav {
    display:block;
    position:relative;
    margin-left:10px;
    margin-bottom:30px;
    clear:both;
}

#nav li {
    font-size:18px;
    display:inline;
    margin-right:5px;
}

#nav li a {
    padding:5px 10px;
    position:relative;
    background:#fff;
    -webkit-transition: all 0.15s ease-in-out;
    border:1px solid #ddd;
}

#nav .feature_banner {
	position:relative;
}

#nav .forum_nav .feature_banner {
        position:absolute;
        right:20px;
        top:-60px;
        z-index:1;
        width:375px;
        height:70px;

}

#nav .feature_banner a, #nav .feature_banner a:hover, #nav .feature_banner a:focus, #nav .feature_banner a:active {
	width:375px;
	height:70px;
	position:absolute;
	background:url(../img/display/misc/a4u-now.gif) transparent no-repeat 0 0;
	text-indent:-999em;
	border:0;
	top:-25px;
	left:60px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}


#search {
    position:absolute;
    right:5px;
    top:-3px;
}

#search input {
    width:320px;
    padding:8px;
    border:1px solid #aaa;
    border-top-color:#777;
    border-bottom-color:#bbb;
    color:#aaa;
    text-indent:14px;
    background:url(../img/display/icons/return.gif) transparent no-repeat 295% 50%;
    background-color:#fff;
    background-color:rgba(255,255,255,0.8);
    -moz-border-radius:18px;
    -webkit-border-radius:14px;
}

#search input[type="button"] {
    display:none;
}

#search input:focus, #search input:active {
    color:#333;
    background-color:rgba(255,255,255,1);
    background-position:95% 50%;
    outline:none;
}
*/

#navigation {
    margin-bottom:40px;
    padding-top:8px;
    z-index:9;
    position:relative;
}

#navigation .top {
    display:inline;
    float:left;
    font-size:1em;
    padding:0 11px;
    border-right:1px solid #444;
    border-left:1px solid #000;
    border-right:1px solid rgba(255,255,255,0.1);
    border-left:1px solid rgba(0,0,0,0.8);
    position:relative;
    z-index:4;
} 

#navigation .top a {
    color:#fff;
    position:relative;
    z-index:5;
}

#navigation .top a:hover,
#navigation .top a:focus,
#navigation .top a:active {
    color:#5BB7C6;
}

#navigation .top:first-child {
    border-left:0;
}  

#navigation .top:last-child {
    border-right:0;
} 

#navigation .sub {
    position: absolute;
    z-index: 20;
    top: 31px;
    left: 0;
    z-index:15;
    width:200px!important;
    background:#161718;
    border:1px solid rgba(255,255,255,0.2);
    border-top:0;
    padding:14px 11px 6px 11px;
}

#navigation .sub.a_news {
    
}

#navigation .sub.a_depth {
    
}

#navigation .sub.a_res {
    width:400px!important;
}

#navigation .sub.a_ev {
    
}

#navigation .sub a {
    color:#5BB7C6;
    background:#333;
    display:block;
    padding:6px;
    z-index:6;
}

#navigation .sub a:hover,
#navigation .sub a:focus,
#navigation .sub a:active {
    color:#fff;
    background:#111;
}

#navigation .sub .double {
    float:left;
    display:inline;
    width:45%;
    margin-right:10%;
}

#navigation .sub .double + .double {
    margin-right:0;
}

#navigation .sub li {
    display:block;
    font-size:12px;
    margin-bottom:6px;
}

#navigation .title {
    color:#eee;
}

#navigation .title.t2 {
    color:#eee;
    margin-top:16px;
}

    /***************************************
    3.1 Sub Navigation
    ****************************************/

    #sub_nav {
        display:block;
        margin-bottom:0px;
        position:relative;
        left:40px;
        top:-13px;
    }

    #sub_nav li {
        display:inline;
        font-size:11px;
        margin-right:15px;
        line-height:10px;
    }

    #sub_nav li a {
        color:#444;
    }

    /*Links Hovers and focus' for subnav*/
    #sub_nav li a:hover, #sub_nav li a:focus, #sub_nav li a:active {
        color:#8C0E03;
    }

    /***************************************
    3.2 Breadcrumb
    ****************************************/

	#breadcrumb {		
        color:#777;
        display:block;
        margin-bottom:20px;
        margin-left:10px;
        clear:both;
	}

    #breadcrumb li {
        display:inline;
        font-size:0.725em;
    }

    #breadcrumb li:after {
        content:" \203A";
    }


    #breadcrumb li:last-child:after {
        content:"";
    }

    #breadcrumb a {
        margin-right:2px;
        position:relative;
    }

/***************************************
4.Global layout
****************************************/

#content {
    padding:15px 0 20px 0;
    height:1%;/*For IE*/
    background:#fff;
    width:970px;
}

.sky {
    display:none;
    position:absolute;
    left:-140px;
    top:60px;
}

@media only screen and (min-width: 1280px) {
    .sky {
        display:block;
    }
}


#alert {
    overflow: hidden;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    background-color: #fff;
	background-color: rgba(255,255,255,0.8);
    height: 0;
    color: #333;
    font-size:40px;
    z-index: 2000;
	position:fixed;
}

ul.errorlist {
	display:block;
	margin-bottom:20px;
	padding:3px;
	position:relative;
	background:#FFEFEF none repeat scroll 0 0;
	border:1px solid #FFAFAF;
}

ul.errorlist li {
	font-weight: bold;
}

.searchit input {
    padding:5px;
    width:80%;
}

    /***************************************
    4.1.Bulk content
    ****************************************/

    #bulk {
		position:relative;
        width:590px;
    }

	#news .single, #resources #bulk {
		position:relative;
	}
	
	.social_intergation {
		position:relative;
		margin:24px 0 32px;
		padding-bottom:6px;
		background:#444;
		padding-top:12px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		-webkit-box-shadow: #666 0px 2px 3px;
		-moz-box-shadow: #666 0px 2px 3px;
		box-shadow: #666 0px 2px 3px;
		background: #333333;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
		background: -moz-linear-gradient(#333333, #111111);
		background: linear-gradient(#333333, #111111);
	}
	
	.social_intergation .title {
		float:left;
		display:inline;
		width:130px;
		text-transform:uppercase;
		color:#eee;
		border-right:1px solid #444;
		padding-left:12px;
	}
	
	.social_intergation .facebuk {
		float:left;
		display:inline;
		width:100px;
		padding-left:18px;
		border-left:1px solid #444;
		height:21px;
	}
	
	.social_intergation .twittit {
		float:left;
		display:inline;
		width:110px;
		margin-left:16px;
	}


        /***************************************
        4.1.2 Sorting & Pagination
        ****************************************/

        #bulk #sort{
            margin-top:30px;
            margin-bottom:30px;
            display:block;
            clear:both;
            background:#f6f6f6;
            padding:5px;
            padding-left:8px;
            border:1px solid #ddd;
        }

        #bulk #sort li, #bulk #sort li form {
            list-style:none;
            display:inline;
            margin-right:3px;
        }


        #bulk #sort li, #bulk #sort li form input  {
            font-size:10px;
        }


        #bulk #sort li a {
            border:1px solid #ddd;
            padding:3px;
            text-align:center;
            background:#fff;
        }

        #bulk #sort li a.deactive {
            border:none;
            padding:3px;
            text-align:center;
            background:transparent;
        }

        #bulk #sort li form input {
            width:180px;
            color:#777;
            border:1px solid #ddd;
            padding:3px;
            position:relative;
            top:4px;
        }

        #bulk #paginator a, #bulk #paginator span.paginate-current {
            padding: 0 2px;
        }

        #bulk #paginator span.paginate-current {
            font-size: 1.0em;
            font-weight: bold;
/*             opacity: 0.5; */
        }

        /***************************************
        4.1.3 Feedback/warnings
        ****************************************/

       #bulk .feedback {
            clear:both;
            background-color:#feffe1;
            padding:5px 10px;
            border:1px solid #eee;
            margin-bottom:0px;
			margin-top:20px;
        }

        #bulk .feedback.error {
            clear:both;
            background-color:#FFEFEF;
            border:1px solid #FFAFAF;
        }

        #bulk .feedback h4, #bulk .feedback h4 span {
            font-size:18px;
            line-height:24px;
            margin-bottom:0;
            padding-left:35px;
            position:relative;
        }

        #bulk .feedback ol {
            display:block;
            padding-left:35px;
        }

        #bulk .feedback ol li {
            display:inline;
            list-style:none;
            margin-right:3px;
        }

        #bulk .feedback ol li:after {
            content:', ';
        }

        #bulk .feedback ol li a {
            color:#888;
        }

        #bulk .feedback ol li a:hover {
            color:#333;
        }

        /***************************************
        4.1.4 Loops and single
        ****************************************/

        #bulk #loop_list, #bulk .single {
            margin-top:22px;
            clear:both;
            display:block;
            position: relative;
        }

        #bulk #loop_list li {
            display:block;
            padding-top:10px;
            padding-bottom:30px;
            margin-bottom:20px;
            border-bottom:1px solid #ddd;
            list-style:none;
        }

        #bulk #loop_list .g7 {
            width:470px;
        }

        /*#bulk #loop_list li:last-child, #bulk .single li:last-child {
            border-bottom:0;
        }*/

        #bulk #loop_list .thumb {
            position:relative;
            z-index:0;
        }

        #bulk #loop_list .thumb a {
            display:block;
            padding:3px;
            background:rgba(0,0,0,0);
            border:1px solid #ddd;
            width:80px;
            height:80px;
            position:relative;
            top:-3px;
            overflow: visible;
            -webkit-transition: all 0.15s ease-in-out;
        }

        #bulk #loop_list .thumb a:hover, #bulk #loop_list .thumb a:focus, #bulk #loop_list .thumb a:active {
            background:rgba(0,0,0,0.1);
            -webkit-transform: rgba(0,0,0,0.3);
        }

        #bulk #loop_list .thumb img {
            width:80px;
            display:block;
        }

        #bulk #loop_list h2, #bulk #loop_list h2 a {
            margin-bottom:10px;
            line-height:30px;
            display:block;
        }

        #bulk #loop_list h2 a:hover, #bulk #loop_list h2 a:focus, #bulk #loop_list h2 a:active {
            color:#1a1a1a;
        }

        #bulk #loop_list .post_meta_data, #bulk .single .post_meta_data {
            border-top:1px solid #ddd;
            border-bottom:1px solid #ddd;
            padding:3px 0;
        }

        #bulk .single .post_meta_data {
            margin-top:20px;
        }
		
		body#news #bulk .single .post_meta_data {
			margin-bottom:12px;
		}

        #bulk #loop_list .post_meta_data li, #bulk .single .post_meta_data li {
            margin:0;
            border:0;
            padding:0;
            display:inline;
            font-size:11px;
            color:#888;
            margin-right:3px;
            padding-right:8px;
            border-right:1px solid #ddd;
        }

        #bulk #loop_list .post_meta_data li:last-child, #bulk .single .post_meta_data li:last-child {
            border-right:0;
            padding-right:0;
            margin-right:0;
        }

        #bulk #loop_list .post_meta_data li a, #bulk .single .post_meta_data li a {
            color:#1a1a1a;
        }

        #bulk #loop_list .post_meta_data li, #bulk .single .post_meta_data li  {
            padding-left:18px;
        }

        #bulk #loop_list  .post_meta_data li, #bulk .single .post_meta_data li {
            background:url(../img/display/icons/16/author.png) transparent no-repeat 0 -1px;
        }

        #bulk #loop_list  .post_meta_data li + li, #bulk .single .post_meta_data li + li {
            background:url(../img/display/icons/16/date.png) transparent no-repeat 0 -1px;
        }

        #bulk #loop_list  .post_meta_data li + li + li, 
        body#news #bulk #loop_list  .post_meta_data li + li + li + li, 
		#bulk .single .post_meta_data li + li + li {
            background:url(../img/display/icons/16/comment.png) transparent no-repeat 0 0;
        }

        #bulk #loop_list  .post_meta_data li + li + li + li,
		body#news #bulk #loop_list  .post_meta_data li + li + li,
		body#news #bulk .single .post_meta_data li + li + li {
            background:url(../img/display/icons/16/tag.png) transparent no-repeat 0 -1px;
        }

		/*body#news #bulk #loop_list  .post_meta_data li + li + li + li {
            background:url(../img/display/icons/16/useful.png) transparent no-repeat 0 -1px;
        }*/

	    #bulk .single .post_meta_data li + li + li + li {
            background:url(../img/display/icons/16/useful.png) transparent no-repeat 0 -1px;
        }

        #bulk .single .post_meta_data li + li + li + li + li {
            background:url(../img/display/icons/16/views.png) transparent no-repeat 0 -1px;
        }

        #bulk #loop_list .useful {
            font-size:14px;
            font-weight:bold;
            text-align:left;
            display:block;
            padding:4px 6px;
            color:#fff;
            text-align:center;
            background:#408995;
            position:absolute;
            z-index:5;
            top:-15px;
            left:-10px;
            text-shadow:0 -1px 0 rgba(0,0,0,0.3);
            -moz-box-shadow:0 3px 3px rgba(0,0,0,0.1);
            -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1);
           /*-moz-border-radius:18px;
            -webkit-border-radius:15px;*/
        }

        #loop_list div.thumb {
            border: none;
            background: none;
            margin: 0;
            padding: 0;
        }


        #loop_list div.thumb span {
            bottom: auto;
        }


        /*#bulk .bits {
            opacity:0.2;
            padding:2px;
            border:1px solid #eee;
            height:1%;
            padding-bottom:1px;
        }

        #bulk .bits a {
            display:block;
            overflow:hidden;
            height:22px;
            padding-top:2px;
            text-indent:30px;
        }

        #bulk .bits:hover, #bulk .bits:focus, #bulk .bits:active {
            opacity:1;
        }
        */
		#channel_spon {padding:15px; padding-bottom:0; border:1px solid #ddd; position:relative; margin-top:30px;}
		#channel_spon h4 {font-size:16px; margin-bottom:6px;}
		#channel_spon span {display:block; font-variant:small-caps; font-size:11px; color:#aaa; letter-spacing:1px; margin-bottom:3px;}
		#channel_spon p {width:70%;}
		#channel_spon a.av {display:block; border:1px solid #eee; position:absolute; bottom:15%; right:10px; width:80px; height:80px; z-index:2;}

        /***************************************
        4.1.4 Single
        ****************************************/

        #bulk .single {
            margin-top:0;
            position:relative;
        }

        #bulk .single h1 {
            line-height:32px;
            margin-bottom:20px;
        }

		#bulk .single .go_rel {
			position:relative;
			border:1px solid #ddd;
			-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
            -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
			margin-bottom:10px;
		}

		#bulk .single .single_image {
            display:block;
        }

        #bulk .single blockquote p {
            font-size:14px; line-height:22px; color:#1a1a1a;
        }

		#bulk .single blockquote.intro_bit {padding-bottom:6px; border-bottom:1px dotted #ddd; margin-bottom:13px;}

        #bulk .single ul, #bulk .single ol {
            display:block;
            margin-bottom:20px;
            border:0;
        }

        #bulk .single .full {
            overflow:hidden;/*If javascript disabled the cut images off so they won't overflow*/
        }

        #bulk .single .full blockquote p {
            padding:10px 0 10px 20px;
            border-left:5px solid #ddd;
        }

        #bulk .single .full ul {
            display:block;
            list-style-type:disc;!important
            list-style-position:outside;!important
        }

        #bulk .single .full ol {
            display:block;
            list-style-type:decimal;!important
            list-style-position:outside;!important
        }

        #bulk .single .full img {
            display:block;
            margin:22px 0;
            -moz-box-shadow:0 3px 3px rgba(0,0,0,0.3);
            -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);
        }

        /*Author styles*/
        #bulk .single #author {
            background:#fff;
            padding:30px 0;
            overflow:hidden;
            border-top:1px solid #eee;
			border-bottom:1px solid #eee;
			margin-bottom:30px;
			margin-top:12px;
        }

        #bulk .single #author  h4 {
            margin-top:20px;
            margin-bottom:40px;
        }

        #bulk .single #author img {
            display:block;
            padding:5px;
            background:rgb(255,255,255);
            background:rgba(255,255,255,0.7);
            border:1px solid #ddd;
            position:relative;
            -moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
            -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
        }

        #bulk .single #author h5 {
            border:0;
            margin-top:0;
            margin-bottom:0;
            font-size:18px;
        }

        #bulk .single #author p {
            font-size:11px;
        }

        #bulk .single #author a {
            font-size:11px;
        }

        #bulk .single #author span {
            margin-bottom:6px;
            display:block;
            color:#aaa;
            text-transform:uppercase;
            letter-spacing:2px;
        }

        /*Feedback*/
        #bulk .single .feedback {
            padding:10px;
            margin-top:20px;
			height:130px;
            background:#c9eaef;
            border:1px solid #81b1b9;
            position:relative;
        }

		#bulk .single .feedback h2 {
			padding-top:0;
			margin-top:10px;
			padding-left:10px;
		}

        #bulk .single .useful {
            display:block;
            overflow:hidden;
            font-size:22px;
			width:60px;
			opacity:0.8;
            padding: 0;
            float: left;
			margin-left:5px;
        }

		#bulk .single .not_useful {
            display:block;
            overflow:hidden;
            font-size:22px;
            color:#333;
			width:60px;
			opacity:0.8;
            padding: 0;
            float: left;
            margin-left: 20px;
        }

        #bulk #feedback input.vote-input {
            width: 64px;
            height: 64px;
        }

        #bulk #feedback input.vote-input.useful {
            background: url(../img/display/icons/64/useful.png);
        }

        #bulk #feedback input.vote-input.useful.active {
            background: url(../img/display/icons/64/useful-active.png);
        }

        #bulk #feedback input.vote-input.not_useful {
            background: url(../img/display/icons/64/hatey.png);
        }

        #bulk #feedback input.vote-input.not_useful.active {
            background: url(../img/display/icons/64/hatey-active.png);
        }

        #bulk #feedback form input[type="submit"] {
            margin: 0;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            -moz-border-radius: none;
            -webkit-border-radius: none;
        }

	   #bulk .single .useful:hover, #bulk .single .useful:focus, #bulk .single .useful:active,
	   #bulk .single .not_useful:hover, #bulk .single .not_useful:focus, #bulk .single .not_useful:active   {
	   	opacity:1;
	   }


        #bulk .single .feedback span {
            position:absolute;
            right:40px;
            top:63%;
            margin-top:-10px;
            font-size:32px;
            color:#81b1b9;
        }

        #bulk .single .feedback cite {
            position:absolute;
            right:36px;
            top:80%;
            margin-top:-11px;
            font-size:11px;
            color:#81b1b9;
        }

        #bulk .single .feedback_small {
            position:absolute;
            right:-25px;
            top:10px;
            z-index:30;
            width:90px;
        }

        #bulk .single .feedback_small a {
            display:block;
            padding:20px;
            background:url(../img/display/icons/40/useful.png) transparent no-repeat 0 2px;
            color:#333;
            font-size:11px;
            color:#2a808e;
        }

        #bulk .single .feedback_small span {
            color:#333;
            position:relative;
            top:-8px;
            display:block;
            width:90px;
            z-index:11;
            color:#fff;
            font-size:16px;
            text-shadow:0 1px 1px #000;
            font-weight:800;
			margin:0 auto;
			left:-18px;
			text-align:center;
        }

		#articles #bulk .single .feedback {padding:5px; height:65px;}
		#articles #bulk .single .feedback span {top:50%;}
		#articles #bulk .single .feedback cite {}

        /*Sharing styles*/
        #bulk .single #further {
            margin:40px 0 30px 0;
            position:relative;
            clear:both;
        }

        #bulk .single #further h5 {
            border-bottom:0;
            margin-top:0;
        }

        #bulk #further ul li {
            display:inline;
            float:left;
            width:23px;
            height:23px;
            margin-right:5px;
            text-indent:-999em;
        }

        #bulk #further ul li a {
            display:block;
            width:23px;
            height:23px;
        }

        #bulk #further a.print {
            display:block;
            position:absolute;
            right:0;
            top:44px;
            font-size:12px;
            padding-top:4px;
            padding-left:30px;
            height:30px;
			width:70px;
        }

        /*Meme styles*/
        #bulk .single .meme {
            position:absolute;
            right:120px;
            top:48px;
        }



        /*Adstyles styles*/
        #bulk .adspace {
            border:1px solid #ddd;
            padding:10px;
            margin:30px 0;
            clear:both;
            background:#f8f8f8;
        }

        #bulk .adspace a > img {
            display:inline;
            float:left;
            position:relative;
        }

        #bulk .adsense {
            width:200px;
            float:left;
            clear:right;
            margin-left:8px;
            padding-top:10px;
            display:inline;
			overflow:visible;
        }

        #bulk .adsense span {
            font-weight:600;
            display:block;
            margin-bottom:10px;
        }

        #bulk .adsense, #bulk .adsense a {
            font-size:10px;
            padding-bottom:1px;
        }

        #bulk .adsense a {
            display:block;
            margin-top:20px;
        }

        .adus {
            display:block;
            margin:0;
            line-height:6px;
        }

	#bulk p.voted {
	    margin: 1em 0;
	}

	#bulk p.voted span.voted-up {
	    color: #2e9632;
	}

	#bulk p.voted span.voted-down {
	    color: #be262c;
	}


        /***************************************
        4.1.5 Paging
        ****************************************/

        #bulk #paging {
            display:block;
            margin-bottom:20px;
            clear:both;
        }

        #paging li {
            display:inline;
            margin-left: 2px;
        }

        #paging li a {
            padding:3px 6px;
            border:1px solid #ddd;
            color:#444;
        }

        #paging li a:hover, #paging li a:focus, #paging li a:active, #paging li a.current  {
            background:#edebe2;
            color:#8C0E03;
        }

        #paging li a.prev {

        }

        #paging li a.next {

        }


    /***************************************
    4.2.Aside
    ****************************************/

    #aside {
        position:relative;
        width:300px;
        display: inline;
        float: left;
        margin-left: 60px;
    }

    .searchit {
        background:#2c2f31;
        position:absolute;
        top:-60px;
        left:0;
        height:35px;
        width:260px;
        padding:20px;
        -moz-border-radius-bottomleft:12px;
        -moz-border-radius-bottomright:12px;
        -webkit-border-bottom-left-radius:12px;
        -webkit-border-bottom-right-radius:12px;
        border-bottom-left-radius:12px;
        border-bottom-right-radius:12px;
    }
    .searchit input {
        width:94%;
        background:url(../img/display/icons/16/search.png) #fff no-repeat 97% 50%;
        border:0;
    }
    .spc {
        height:50px;
    }

    body#events .searchit,
    body#events .spc {
        display:none;
    }

    #aside img, #aside img > a {
        display:block
    }

    #aside .unit {
        margin-bottom:40px;
        position:relative;
        clear:both;
    }

    #aside .unit ul li {
        list-style:none;
        border-bottom:1px solid #ddd;
        padding-bottom:10px;
    }

    #aside .unit ul li + li {
        padding-top:10px;
    }

	#aside .unit h3, #aside .unit h4, #aside .unit h5 {
		color:#fff;
		background:#c4332b;
        padding:5px 10px;
        width:280px;
	}

	.chrome #aside .unit h3, .chrome #aside .unit h4, .chrome #aside .unit h5 {background:#C4332B;}

    #aside .topitem {
        position:relative;
       /* top:-8px;*/
        margin-bottom:34px;
    }

    #aside .threehundred {height:250px; background:url(../img/display/misc/load.gif) #ddd no-repeat center center; }
	#aside .threehundred.adjust {height:80px; background:url(../img/media/display/misc/load.gif) #ddd no-repeat center center; }

	/*Tell users it's an advert. No need to tell screen readers or search as there is alt text for that - providing it includes the word advert that is*/
	#aside .threehundred:before {content:'Advertisement'; position:absolute; top:-20px; left:5px; font-size:10px; color:#aaa; text-transform:uppercase;}

    #aside h3 {
        font-size:16px;
        line-height:20px;
        padding-bottom:4px;
        border-bottom:1px dotted #ddd;
        margin-bottom:19px;
    }

    #aside .unit .tabnav {
        margin-bottom:20px;
		border:0!important;
    }

    #aside .unit .tabnav li {
        display: inline;
        list-style: none;
        padding-right: 5px;
        border:0;
    }

    #aside .tabnav li a {
        padding:6px;
        border:1px solid #eee;
        color:#C5332B;
        text-transform:uppercase;
        -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
        background:#fff;
        position:relative;
    }

    #aside .tabnav li a:hover, #aside .tabnav li a:active, #aside .tabnav li.ui-tabs-selected a {
        background:#C5332B;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, rgb(196,51,43)), color-stop(0.55, rgb(160,26,19)));
		background:-moz-linear-gradient(center top, rgb(196,51,43) 49%, rgb(160,26,19) 55%);
        color:#fff;
        text-shadow:none;
        border-color:#fff;
        outline:none;
        border:1px solid #fff;
    }

    #aside .tabnav li a:active, #aside .tabnav li.ui-tabs-selected a {
        -moz-box-shadow:0 -1px 1px rgba(250,250,250,1);
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
		box-shadow:0 1px 1px rgba(0,0,0,0.1);
        top:1px;
		color:#fff;
		background:#C4332B;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, rgb(196,51,43)), color-stop(0.55, rgb(160,26,19)));
		background:-moz-linear-gradient(center top, rgb(196,51,43) 49%,rgb(160,26,19) 55%);
		text-shadow:0 1px 0 rgba(0,0,0,0.6);
    }

    #aside .tabdiv {
        margin-top: 2px;
        background: #fff;
        border: 1px solid #ddd;
        padding: 5px;
    }

    #aside .tabdiv {
        background:#fff;
    }

    #aside .unit .tabdiv li {
        border-bottom-color:#e1ded2;
    }

    #aside .unit .tabdiv li a {
        display:block;
    }

    #aside .unit .tabdiv li:first-child {
        padding-top:10px;
    }

    #aside .unit .tabdiv li:last-child {
        border:0;
        padding-bottom:0;
    }

    #aside .ui-tabs-hide {
        display: none;
    }

    #aside .unit.split h3 {
        clear:both;
    }

    #aside .unit.split ul {
        width:45%;
        margin-right:5%;
        float:left;
        margin-bottom:20px;
    }

    #aside .unit.split ul li {
        border-bottom:0;
        padding-bottom:0;
    }

    #aside .unit.split ul + ul {
        margin-right:0;
    }

	#aside .unit.helper {}

	#aside .explain {padding:10px; width:278px; border:1px solid #ddd; background:#f6f6f6; top:-10px;}
	#aside #followme {display:block; position:relative; left:5px;}
	#aside #followme li {display:block; float:left; width:32px; margin:0 5px 0 5px; height:32px; border-bottom:0; padding:7px; background:#f6f6f6; border:1px solid #ddd;}
	#aside #followme a {display:block; text-indent:-999em; border-bottom:0; width:32px; height:32px;}
	#aside #followme li a {background:url(../img/display/icons/sprites/follow-32.png) transparent no-repeat 0 -999em;}
    #aside span.job-meta {display:block; /*margin-left:1.8em;*/}
	
	#aside .form_aside {
	
	}
	
	#aside .form_aside li  {
		display:block;
		border-bottom:0!important;
		margin-bottom:6px!important;
		padding:0!important;
	}
	
	#aside .form_aside li input, #aside .form_aside li select {
		width:95%;
		padding:3px;
	}
	
	#aside .form_aside li select {
		margin-bottom:12px;
	}
	
	#aside .form_aside li + li input {
		width:95%;
	}
	
	#aside .form_aside li + li + li input {
		width:auto;
	}
	
	#aside .form_aside label {
		display:block;
	}
	
	#aside .form_aside h3 {
		margin-bottom:0;
        background:#2c2f31;
	}
	
    .newsletter_subscribe {
        border:1px solid #ddd;
        background:#edf1f3;
    }

    #aside .newsletter_subscribe {
        padding:20px;
        width:258px;
    }

    #aside .newsletter_subscribe li {
        margin-bottom:6px;
    }

     #aside .newsletter_subscribe li.drop {
         margin-bottom:0!important;
     }

    .newsletter_subscribe input[type="text"],
    .newsletter_subscribe select {
        color:#888;
        padding:3px;
    }

    #aside .newsletter_subscribe input[type="text"] {
        width:237px;
    }

    .newsletter_subscribe .small_button {
        border:0!important;
    }
	
    /*Some hardcore hack matching here to remove the timestamp*/
    #aside .dsq-widget-meta a[href*="#comment"] {
        display:none!important;
    }

    /* Our events widget */

    #aside .upcoming {
        padding:10px 20px;
        width:258px;
        background:#2c2f31;
    }

    #aside .our_events h3 {
        margin-bottom:0;
        text-indent:10px;
        color:#fff;
        background:#439fbc;
    }

    #aside .event {
        border-bottom:1px solid #444;
        padding:14px 0;
    }

    #aside .event:last-child {
        border-bottom:0;
    }

    #aside .our_events .details {
        float:left;
        display:inline;
        width:76%;
        padding-right:7%;
    }

    #aside .our_events .date {
        float:left;
        display:inline;
        width:17%;
        background:url(../img/display/icons/cal.png) transparent no-repeat center top;
        padding:6px 0;
    }

    #aside .our_events .details .event_title {
        display:block;
        font-size:16px;
        font-weight:600;
        margin-bottom:6px;
    }

    #aside .our_events .details .event_title a {
        color:#53bada; 
    }

    #aside .our_events .details .event_title a:hover,
    #aside .our_events .details .event_title a:focus, 
    #aside .our_events .details .event_title a:active {
        color:#fff;
    }

    #aside .our_events .details a.more {
       font-size:12px; 
       color:#fff;
    }

    #aside .our_events .details a.more:hover,
    #aside .our_events .details a.more:focus,
    #aside .our_events .details a.more:active {
        color:#53bada; 
    }

    #aside .our_events .date span {
        display:block;
        color:#439fbc;
        text-transform:uppercase;
        text-align:center;
        font-weight:600;
        margin-bottom:0;
        padding-top:1px;
    }

    #aside .our_events .month {
        position:relative;
        top:9px;
    }


    /***************************************
    4.3.Footer
    ****************************************/

    .feet_full {
        background:#222;
        padding-bottom:24px;
        border-top:1px solid #000;
    }
    #footer {
        margin-top:20px;
        padding-top:20px;
    }

    #footer li, #footer span {
        color:#888;
    }

    #footer h6, #footer li h6 {
        font-size:14px;
        margin-bottom:10px;
        color:#fff;
    }

    #footer .split_push {
        position:relative;
        top:30px;
    }

    #foot_subscribe {
        background:url(../img/display/icons/40/rss.png) transparent no-repeat 0 0;
        padding-left:55px;
    }

    #foot_subscribe ul {
        position:relative;
        top:-8px;
    }

    #foot_additional {
        margin-top:20px;
        padding-top:30px;
        border-top:1px dotted #ddd;
        height:1%;
        clear:both;
        position:relative;
    }

    #foot_subscribe, #foot_additional li + li:before {
        content:' | ';
    }

    #footer .bits {
        position:absolute;
        right:10px;
        top:50px;
    }

    #foot_additional h6 {
        font-size:18px;
    }

    #footer #foot_additional li {
        display:inline;
    }

    #footer .legal {
        display:block;
        clear:both;
        padding-top:20px;
    }
	
	.arch li {
		border-bottom:1px solid #ddd;
		padding-bottom:8px;
		margin-bottom:8px;
		font-size:1.2em;
		list-style-type:none;
	}

    /***************************************
    4.4.Tabular data
    ****************************************/

    .general_table {
        font-size:11px!important;
    }

    .general_table td {
        padding:12px 8px;
        border-bottom:1px solid #fff;
    }
    .general_table tr {
        background:#757575;
        background: -webkit-linear-gradient(top, #757575, #414141);
        background: -moz-linear-gradient(top, #757575, #414141);
        background: -o-linear-gradient(top, #757575, #414141);
        background: -ms-linear-gradient(top, #757575, #414141);
        background: linear-gradient(top, #757575, #414141);
        color:#fff;
    }
   .general_table tr.tab_type {
        background:#221a1b;
        background: -webkit-linear-gradient(bottom, #221a1b, #2d2d2d);
        background: -moz-linear-gradient(bottom, #221a1b, #2d2d2d);
        background: -o-linear-gradient(bottom, #221a1b, #2d2d2d);
        background: -ms-linear-gradient(bottom, #221a1b, #2d2d2d);
        background: linear-gradient(bottom, #221a1b, #2d2d2d);
    }
    .general_table .row .central {
        text-align:center;
    }
    #top_50 a {
        color:#fff;
        display:block;
    }
    #top_50 a:hover, #top_50 a:focus,#top_50 a:active {
        color:#baecf3;
    }

    .tab_type th {
        padding:8px 5px;
        color:#fff;
    }
    #top_50 td.tw {
        text-indent:-999em;
        width:16px;
        height:16px;
        background:url(../img/display/icons/16/twit.png) transparent no-repeat center center;
    }
    #top_50 td.geo {
        text-indent:-999em;
        width:16px;
        height:16px;
    }
    #top_50 td.us {background:url(../img/display/icons/16/flags/us.png) transparent no-repeat center center;}
    #top_50 td.in {background:url(../img/display/icons/16/flags/in.png) transparent no-repeat center center;}
    #top_50 td.gb {background:url(../img/display/icons/16/flags/gb.png) transparent no-repeat center center;}
    #top_50 td.vn {background:url(../img/display/icons/16/flags/vn.png) transparent no-repeat center center;}
    #top_50 td.ie {background:url(../img/display/icons/16/flags/ie.png) transparent no-repeat center center;}

    #top_50 td.tw a,
    #top_50 td.geo a {
        width:16px;
        height:16px;
    }
    .tab_type .url {}
    .tab_type .a { text-indent:-999em; }
    .tab_type .b { text-indent:-999em; }
    .tab_type .c { text-indent:-999em; background:url(../img/display/icons/12/alexa.png) transparent no-repeat center center;}
    .tab_type .d { text-indent:-999em; background:url(../img/display/icons/12/klout.png) transparent no-repeat center center; }
    .tab_type .e { text-indent:-999em; background:url(../img/display/icons/12/bar.png) transparent no-repeat center center; }
    .tab_type .f { text-indent:-999em; background:url(../img/display/icons/12/slip.png) transparent no-repeat center center; }
    .tab_type .g { text-indent:-999em; background:url(../img/display/icons/12/bub.png) transparent no-repeat center center; }
    .tab_type .h { text-indent:-999em; background:url(../img/display/icons/12/leaf.png) transparent no-repeat center center; }
    .tab_type .i { text-indent:-999em; background:url(../img/display/icons/12/star.png) transparent no-repeat center center; }


/***************************************
5.Page specific
****************************************/


    /***************************************
    5.1 News
    ****************************************/
    body#news h1 {
        position:relative;
        width:100%;
    }

    body#news h1 .icon.sixteen.rss, body#blogs h1 .icon.sixteen.rss {
        display:block;
        float:right;
        height:16px;
        margin-top:10px;
        text-indent:-999em;
        width:16px;
    }

    body#news .icon.twentyfour.alert {
        height:25px;
    }

    body#news #article_highlight {
       /* background:url(../img/display/gradients/highlight-article.gif) #060707 repeat-x bottom left;*/
        background:#2a2d2f;
        position:relative;
        top:-3px;
        padding-bottom:10px;
        -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
    }

    body#news #article_highlight .thumber {
        position:relative;
        right:-30px;
        float:right;
        top:17px;
        background:#fff;
        width:170px;
        height:110px;
        padding:5px;
        -moz-box-shadow:0 3px 3px rgba(0,0,0,0.1);
        -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1);
    }

    body#news #article_highlight .thumber img {
        display:block;
    }

    body#news #article_highlight h1 {
        font-size:26px;
        line-height:26px;
        margin-top:20px;
        text-shadow:0 1px 1px rgba(0,0,0,0.8);
        position:relative;
        left:5px;
    }

    body#news #article_highlight h1 a {
        line-height:26px;
    }

    body#news #article_highlight p {
        color:#fff;
        text-shadow:0 1px 0 rgba(0,0,0,0.1);
        position:relative;
        left:5px;
        font-size:12px;
    }

    body#news #article_highlight a.block {
        border:0;
        margin-top:20px;
        background:#fff;
        width:90px;
        text-align:center;
        text-transform:uppercase;
        padding:2px;
        -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
        text-shadow:none;
    }

    body#news #article_lowlights, body#news #article_misc {
        margin:20px 0;
        padding:20px 0;
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
    }

    body#news #article_misc {
        border-top:0;
        padding-top:0;
        padding-bottom:20px;
    }

    body#news #article_lowlights h4, body#news #article_misc h4, body#news .article_define h3 {
        color:#777;
        font-size:16px;
        font-variant:small-caps;
        letter-spacing:1px;
    }

    body#news #article_lowlights h2 {
        color:#777;
        font-size:14px;
		width:164px;
		padding:2px;
		z-index:2;
    }

	body#news #article_lowlights a:hover h2, body#news #article_lowlights a:focus h2, body#news #article_lowlights a:active h2 {

	}

    body#news #article_lowlights img {
        display:block;
        margin-bottom:14px;
		z-index:1;
		border:1px solid #ddd;
		width:165px;
		-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
    }

	body#news #article_lowlights a {
		overflow:visible;
	}

	body#news #article_lowlights div {
		margin-bottom:10px;
		padding-bottom:0;
		overflow:hidden;
		width:168px;
	}

    body#news #article_misc {
        position:relative;
    }

	body#news #article_lowlights div a h2 {border-bottom:0:}

    body#news #article_misc .g6.inside {
        position:relative;
    }

    body#news #article_misc .image_portal {
        background:url(../img/display/misc/lift-base.gif) white no-repeat bottom left;
        height:253px;
        padding:5px;
        width:160px;
        position:absolute;
        top:50px;
        right:-30px;
    }

    body#news #article_misc .image_portal img {
        display:block;
        position:relative;
        width:120px;
        height:240px;
    }

    body#news #article_misc h3 {
        margin-top:30px;
        margin-bottom:10px;
        font-size:22px;
        line-height:24px;
    }

    body#news #article_misc p {
        margin-bottom:20px;
        color:#666;
    }

    body#news #article_misc ul {
        display:block;
        margin-bottom:40px;
        margin-top:0;
    }

    body#news .article_define {
        margin-bottom:40px;
    }

    body#news .article_define h4 {
        font-size:14px;
        margin-bottom:5px;
        margin-top:15px;
        position:relative;
        left:5px;
    }

    body#news .article_define ul {
        position:relative;
        left:5px;
    }

    body#news .article_define ul li {
        list-style-position:outside;
        list-style-type:circle;
    }

	body#news .through { display:block; font-size:12px; padding-top:12px;}

	body#news #replybox h5 {font-size:18px; border:0;}

	body#news.home #bulk #events_go{}
	body#news.home #bulk #events_go h4{color:#777777;font-size:16px;font-variant:small-caps;letter-spacing:1px;}
	body#news.home #events_go ul {display:block; margin-top:6px;}
	body#news.home #events_go li {text-transform:uppercase; letter-spacing:1px;}
	body#news.home #events_go li {list-style-type:none; border-bottom:1px solid #ddd; padding-bottom:6px; margin-bottom:5px; color:#aaa;}
	body#news.home #events_go li h5 {list-style:none; margin-bottom:6px; font-size:12px; letter-spacing:1px; color:#aaa;}
	body#news.home #events_go li a {display:block;}
	body#news.home #events_go li span{display:block; letter-spacing:normal}

	.mate {margin:0 0 10px 0; padding:9px 0; border-bottom:1px solid #ddd; position:relative; top:-18px;}
	.mate a {display:block; margin:0 auto; width:468px; height:60px;}
	.mate img {display:block;}
	
	body#news .related_stories {
		margin-top:22px;
		margin-bottom:12px;
		border-top:1px solid #eee;
		padding-top:17px;
	}
	
	body#news .related_stories h4 {
		font-size:22px;
		color:#444;
	}
	
	body#news .related_stories .story {
		clear:both;
		border-bottom:1px solid #eee;
		padding-bottom:11px;
		margin-bottom:14px;
	}
	
	body#news .related_stories .tmb {
		width:60px;
		height:60px;
		overflow:hidden;
		float:left;
		display:inline;
	}
	
	body#news .related_stories .tmb img {
		display:block;
		margin:0;
	}
	
	body#news .related_stories .details {
		width:440px;
		float:left;
		display:inline;
		margin-left:30px;
	}
	
	body#news .related_stories .details h5 {
		margin-bottom:8px;
		margin-top:0;
		font-style:normal;
		border-bottom:0;
	}
	
	body#news .related_stories .details span {
	
	}
	
	body#news .related_stories .details p {
	
	}
	
	body#news .content_ad {
		margin-bottom:17px;
		padding:12px 0 6px 0;
		border-bottom:1px solid #eee;
		position:relative;
		top:-8px;
		background:#f2f2f2;
	}
	
	body#news .content_ad .ad {
		margin:0 auto;
		width:300px;
	}
	
    /***************************************
    5.2 Articles/Blogs
    ****************************************/
	/*body#blogs #bulk, body#news #bulk {position:relative; top:-10px;}*/
	body#blogs #sort, body#news #sort {padding-bottom:0px;}
	body#blogs #sort select, body#news #sort select {padding:1px; font-size:10px; width:240px; height:21px; text-shadow:none; border:1px solid #ddd;}

    body#blogs #loop_list .vote-input {
        border:0;
		background:none;
		-moz-border-radius:0; -moz-box-shadow:none; -webkit-border-radius:0; -webkit-box-shadow:none;
		margin:0 0 0 0;
		display:none;
	}

	body#blogs #loop_list #upvote-1 { border:0;}

	body#blogs #loop_list .thumb .upvote a,
	body#blogs #loop_list .thumb .downvote a {
        border:0;
        padding:0;
        text-align:center;
        padding: 3px 5px;
        font-weight:600;
		height:auto;
		float:left;
	    width:34px;
        position:relative;
        color:#333;
		background:#ddd;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, rgb(220,220,220)), color-stop(0.49, rgb(200,200,200)));
		background:-moz-linear-gradient(center top,rgb(220,220,220) 49%,rgb(200,200,200) 55%);
		text-shadow:0 1px 1px rgba(255,255,255,0.6);
		-moz-border-radius:0; -moz-box-shadow:none;
		-webkit-border-radius:0; -webkit-box-shadow:none;
		margin:0 0 0 0;
	}
	body#blogs #loop_list .thumb .downvote a {}


	#upvote-1-image, #downvote-1-image {display:none;}

	body#blogs #loop_list .thumb .downvote a:hover,
    body#blogs #loop_list .thumb .downvote a.active {
        background:#C4332B;
    }

	body#blogs #loop_list .thumb .upvote a:hover,
    body#blogs #loop_list .thumb .upvote a.active {
        background:#408995;
    }
	body#blogs #loop_list .vote-input.a,
    body#blogs #loop_list .vote-input.b {
        width:34px;
        float:left;
    }
	body#blogs #loop_list .vote-input.b {
        clear:right;
    }

    .req {position:relative; margin-bottom:20px; display:block; padding:3px; background:#f6f6f6; border:1px solid #ddd;}
    .req.error {background:#FFEFEF; border:1px solid #FFAFAF;}

    /***************************************
    5.3 Resources aka The Hub
    ****************************************/
	
	body#resources .dir, body#resources .spc  {
		font-size:1.6em;
		margin-bottom:0px;
	}

	body#resources h1.spc {
		padding-left:60px;
		width:95%;
	}

	body#resources .iconic.hd {
		position:absolute;
		top:-7px;
	}
	
	/*
	.directory_list {

    }

    .sort_alpha {

    }

    .sort_alpha li {
        display:inline;
        text-transform:uppercase;
    }

    .sort_alpha li a {
        padding:1px;
    }

    #bulk .sort_alpha {
        margin:20px 0;
        display:block;
    }

    .directory_list {
        margin-bottom:40px;
    }

    .directory_list .g3 {
		width:155px;
		padding:5px 10px 5px 5px;
    }

    .directory_list .g3 span {
        display:block;
        font-size:52px;
        color:#ddd;
        line-height:40px;
        margin-bottom:20px;
		text-transform:uppercase;
    }

    .sep {
        margin:30px 0;
        clear:both;
        border-right:1px solid #eee;
    }

    .directory_list .g3  ol li {
        list-style:none;
        margin:0;
    }
	*/

	.index_sort {
		margin-bottom:18px;
		padding-top:8px;
		border-top:1px solid #ddd;
	}
	
	.index_sort span.describe {
		font-size:11px;
		color:#aaa;
		text-transform:uppercase;
	}
	
	.index_sort ol {
		display:block;
		padding-left:90px;
		width:440px;
		position:relative;
		top:-22px;
	}

	.index_sort li {
		display:inline;
		margin-right:6px;
	}

	.index_sort.letter {
		height:18px;
		overflow:hidden;
		margin-top:28px;
	}

	.index_sort.letter li {
		margin-right:0px;
	}
	
	.index_sort.letter li a {
		padding:2px;
		display:inline;
		display:inline-block;
	}

	.index_sort.word {
		margin-bottom:0;
		padding:12px 0;
		position:relative;
	}
	
	.index_sort.word .count {
		color:#aaa;
	}
	
	.index_sort.word li {
		white-space:no-wrap;
	}

	.index_sort.word li a {
		font-size:11px;
		white-space:nowrap;
	}
	
	.index_sort.word form {
		margin-bottom:0;
		width:80%;
		display:block;
		position:relative;
		top:-20px;
		left:100px;
	}

	.index_sort.word.jstrue form {
		position:absolute;
		top:10px;
	}
	
	body .index_sort.word form select#speciality_select, body .index_sort.word select#company_type_select {
		padding:4px 6px;
		width:99%;
	}
	
	.index_sort.drilldown {
		padding-top:16px;
	}
	
	#bulk .index_sort.drilldown select {
		width:70%;
	}
	
	body #bulk .directory_list .index_sort form .filter_button {
		width:90px;
		display:block;
		clear:both;
		margin-top:4px;
		font-size:12px;
		position:relative;
		left:95px;
		padding:8px 6px;
	}

.special_block, .spec_list {
	list-style:none;
	/*border-top:1px solid #ddd;*/
	padding-top:17px;
	position:relative;
	left:2px;
}

.special_block {
	padding-top:0;
}

.special_block li {
	width:250px;
	float:left;
	list-style:none;
	margin-right:15px;
	margin-bottom:10px;
	position:relative;
}

.special_block sup {
	font-size:10px;
	position:absolute;
	right:12px;
	top:11px;
	vertical-align:middle;
	color:#aaa;
}

.special_block li a.ic, .iconic {
	display:block;
	width:39px;
	height:41px;
	background:url(../img/display/icons/hub/sprite-small.png);	
	background-color:transparent;
	position:relative;
	text-indent:-999em;
}

.spec_list {
	width:250px;
	float:left;
	margin-right:25px;
	border:none;
	padding:none;
	list-style-type:none;
	position:relative;
	top:-10px;
}

.spec_list li {
	list-style-type:none;
	font-size:0.625em;
	line-height:1.4em;
	color:#777;
	margin-bottom:14px;
	height:auto;
	min-height:80px;
	border-bottom:1px solid #eee;
}

.htar {
	width:40px;
	height:40px;
	border:1px solid #ddd;
	overflow:hidden;
	float:left;
	margin-right:12px;
	zoom:1;
	display:block;
}

.htar a, .htar img {
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
}

.spec_list.last {
	margin-right:0;
}

.spec_list li a {
	display:block;
	font-size:1.4em;
	margin-bottom:4px;
}

.iconic {
	position:absolute;
	left:0;
	top:0;
}

.special_block li a.link {
	position:absolute;
	bottom:30%;
	display:block;
	left:55px;
	width:155px;
	z-index:3;
}

li#b2b a, #b2b .iconic{ background-position: 0 0;  } /*Arrows*/
li#mobile a, #mobile .iconic { background-position: 0 -44px;  } /*Asterix*/
li#web_development a, #web_development .iconic { background-position: 0 -88px;  } /*Book*/
li#blogging a, #blogging .iconic { background-position: 0 -132px;  } /*Brain*/
li#telecoms a, #telecoms .iconic { background-position: 0 -176px;  } /*Box*/
{ background-position: 0 -220px;  } /*Bulb*/
li#ppc a, #ppc .iconic { background-position: 0 -264px;  } /*Click*/
li#analytics a, #analytics .iconic { background-position: 0 -308px;  } /*Drops*/
li#web_design a, #web_design .iconic { background-position: 0 -352px;  } /*Erm*/
li#multi_channel a, #multi_channel .iconic { background-position: 0 -396px;  } /*Explain*/
li#seo a, #seo .iconic { background-position: 0 -440px;  } /*Eye*/
li#support_systems a, #support_systems .iconic { background-position: 0 -484px;  } /*Fix*/
li#gaming a, #gaming .iconic { background-position: 0 -528px;  } /*Game*/
li#am a, #am .iconic{ background-position: 0 -572px;  } /*Helix*/
li#email a, #email .iconic { background-position: 0 -616px;  } /*Ie*/
li#comparison a, #comparison .iconic { background-position: 0 -660px;  } /*Index*/
li#ecommerce a, #ecommerce .iconic { background-position: 0 -704px;  } /*Leaf*/
{ background-position: 0 -748px;  } /*Lock*/
li#dating a, #dating .iconic { background-position: 0 -792px;  } /*Man Woman*/
li#copywriting a, #copywriting .iconic { background-position: 0 -836px;  } /*Pencil*/
li#travel a, #travel .iconic { background-position: 0 -880px;  } /*Plane*/
li#prog_mgmt a, #prog_mgmt .iconic { background-position: 0 -924px;  } /*Plant*/
li#leads a, #leads  .iconic { background-position: 0 -968px;  } /*Plug*/
li#press a, #press .iconic{ background-position: -44px 0;  } /*Point*/
li#communities a, #communities .iconic  { background-position: -44px -44px;  } /*Print*/
li#retail a, #retail .iconic { background-position: -44px -88px;  } /*Shoe*/
li#finance a, #finance .iconic { background-position: -44px -132px;  } /*Silver*/
li#datafeeds a, #datafeeds .iconic { background-position: -44px -176px;  } /*Snail*/
li#incentive a, #incentive .iconic { background-position: -44px -220px;  } /*Star*/
li#voucher a, #voucher .iconic { background-position: -44px -264px;  } /*Stars*/
{ background-position: -44px -308px;  } /*Treedown*/
li#useability a, #useability .iconic { background-position: -44px -352px;  } /*Triangle*/
li#telecoms a, #telecoms .iconic { background-position: -44px -396px;  } /*TV*/
li#socmedia a, #socmedia  .iconic { background-position: -44px -440px;  } /*Whoop*/

.divided {
	position:relative;
	border-bottom:1px solid #ddd;
	margin-bottom:18px;
	top:-5px;
}

.no_indent {
	padding-left:0!important;
}

.specin span {
	color:#aaa;
	font-size:1em;
}

.specin  {
	font-size:0.825em;
	color:#666;
	text-transform:uppercase;
	padding-top:11px;
	padding-left:55px;
}

.featured_outer {
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding-top:16px;
	margin-bottom:20px;
}

.featured {
	background:#D0E8E7;
	padding:10px;
	position:relative;
	margin-bottom:16px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.featured a.av {
	display:block;
	width:60px;
	height:60px;
	position:relative;
	float:left;
	display:inline;
}

.featured a.av img {
	display:block;
}

.featured .deets {
	width:370px;
	float:left;
	margin-left:30px;
	display:inline;
}

.featured .deets h3 {
	margin-bottom:8px;
}

.featured .deets p {
	margin-bottom:0;
	font-size:11px;
}

    /***************************************
    5.4 Jobs
    ****************************************/
    body#jobs #loop_list  {
        margin-top:20px;
    }

	body#jobs h1 {padding-bottom:24px; border-bottom:1px solid #ddd;}

    body#jobs h1 .icon.sixteen.rss {
        display:block;
        text-indent:-999em;
        height:16px;
        width:16px;
        position:absolute;
        right:0;
        top:11px;
    }

    .trigger/*Alight Dave*/ {
        display:block;
        position:absolute;
        right:30px;
        top:8px;
    }

   .trigger .icon.sixteen.plus {
        background-position:100% -1px;
        padding:0 20px 3px 0;
        position:relative;
        color:#666;
    }

    .trigger-deactive {
        display:block;
        position:absolute;
        right:30px;
        top:8px;
    }

   .trigger-deactive .icon.sixteen.plus {
        background-position:100% -1px;
        padding:0 20px 3px 0;
        position:relative;
        color:#666;
    }

    .toggle_container {
        padding-top:20px;
        margin-bottom:10px;
    }

    .toggle_container ul {

    }


   #bulk #loop_list .toggle_container ul li {
        width:32%;
        padding:0;
        margin:0;
        border:0;
        display:block;
        float:left;
        border-right:3px solid #fff;
    }

   #bulk #loop_list .toggle_container ul li a {
        padding:5px 10px;
        display:block;
        background:#f6f6f6;
        margin-bottom:5px;
    }

    body#jobs #bulk .jobs_search {
        margin:0 0 20px 0;
        padding-top:25px;
        padding-bottom:10px;
        border-bottom:1px solid #ddd;
    }

    body#jobs #bulk #loop_list ul.loop_it {
        position:relative;
        margin-top:-20px;
    }

    body#jobs #bulk #loop_list ul.loop_it li {
        background:#fff;
        margin-bottom:0;
        padding:20px 5px 20px 5px;
		position:relative;
    }

    body#jobs #bulk #loop_list ul.loop_it li:nth-child(2n+2) {
        background:#f0fafb;
    }

    body#jobs #bulk #loop_list ul.loop_it li:last-child {
        border-bottom:1px solid #ddd;
    }

    body#jobs #bulk #loop_list ul.loop_it li h2 {
        font-size:24px;
        line-height:20px;
        letter-spacing:-1px;
    }


    body#jobs #bulk #loop_list ul.loop_it li span {

    }

    body#jobs #bulk #loop_list ul.loop_it li .jmeta1 {
        color:#c5332b;
    }

    body#jobs #bulk #loop_list ul.loop_it li .jmeta2 {

    }

    body#jobs #bulk #loop_list ul.loop_it li .jmeta3 {
        color:#777;
    }

	body#jobs #bulk #loop_list ul.loop_it li .jmeta4 {
        width:180px;
		height:100px;
		position:absolute;
		right:15px;
		top:26px;
		font-size:18px;
		color:#ddd;
		text-align:right;
		white-space:nowrap;
		word-wrap:break-word;
    }

	body#jobs #bulk #loop_list h2, body#jobs #bulk #loop_list h2 a {width:80%;}

        /***************************************
        5.4.1 Jobs single
        ****************************************/

        body#jobs .single h1 {
            border-bottom:1px solid #ddd;
            padding-bottom:5px;
        }

        body#jobs table.jobs {
            font-size: 12px;
            display: block;
            margin-bottom:40px;
        }

        body#jobs table.jobs tr {
            text-indent: 5px;
            color:#333;
            text-shadow: 0 1px 1px #fff;
        }

        body#jobs table.jobs td {
            width:160px;
            padding: 5px 0px;
            text-shadow:none;
        }

        body#jobs table.jobs td + td {
            width:430px;
        }

        /*defined in jquery for IE but this is our fallback*/
        body#jobs table.jobs tr:nth-child(2n+1) {background: #eff7f7;}
        body#jobs table.jobs tr:last-child {background:#d95e4d;color:#fff;}

        body#jobs .unit.adding, body#jobs .unit.looking {
            display:block;
            width:300px;
            height:130px;
            text-indent:-999em;
            position:relative;
        }

        /*body#jobs .unit.looking {
            background:url(../img/display/buttons/sprites/looking-adding.gif) no-repeat 0 0;
        }
		*/

        body#jobs .unit.adding {
            background:url(../img/display/misc/add-a-job.png) no-repeat 0 0;
        }

        body#jobs .apply li {
            display:block;
            list-style:none;
            font-size:12px;
            margin-bottom:8px;
        }

        body#jobs .apply a {
            font-size:14px;
            margin-right:20px;
            vertical-align:super;
        }

        body#jobs li.attach {
            margin-bottom:20px;
        }

        body#jobs .vitae {
            padding-left:18px;
            background:url(../img/display/icons/16/cv.png) transparent no-repeat 0 0;
        }

        body#jobs .or_upload {
            padding-left:18px;
            background:url(../img/display/icons/16/upload.png) transparent no-repeat 0 0;
        }

        body#jobs .vitae:hover, body#jobs .vitae:focus, body#jobs .vitae:active  {
            background-position:0 0;
        }

        body#jobs li.file_feedback {
            color:#aaa;
            border:1px solid #eee;
            font-size:10px;
            padding:4px 8px;
            display:block;
            max-width:395px;
        }
		.applic li {margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:19px; color:#666;}
		.applic .small_button {margin-top:20px; display:block; width:80px; text-align:center;}


        .job_sumitter form {
            background:url(../img/display/icons/lock.png) #eee no-repeat 95% 20px;
            padding:15px;
            border:1px solid #ddd;
            width:94%;
            margin-top:20px;
        }

    /***************************************
    5.5 Events
    ****************************************/
	
	body#events .full_width_promote {
		width:960px;
		margin:0 auto 28px auto;
		position:relative;
	}
	
	body#events .full_width_promote .g8 {
		width:465px;
		border:1px solid #ddd;
		background:#f2f2f2;
		position:relative;
		height:200px;
		overflow:hidden;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	
	body#events .full_width_promote .g8 div {
		position:absolute;
		padding:10px 20px;
		width:425px;
		background:#000;
		background:rgba(0,0,0,0.85);
		bottom:8px;
		left:0;
		border-top:1px solid #444;
		border-bottom:1px solid #333;
	}
	
	body#events .full_width_promote .g8 div .event {
		color:#fff;
		display:block;
		text-transform:uppercase;
		font-size:16px;
		margin-bottom:6px;
	}
	
	body#events .full_width_promote .g8 div .date {
		color:#ddd;
		font-size:16px;
		font-family:Georgia, "Times New Roman", Times, serif;
		padding-left:6px;
		border-left:1px solid #555;
		text-transform:none;
	}
	
	body#events .full_width_promote .g8 div .hash {
		color:#eee;
		background:#333;
		padding:3px 6px;
	}
	
	body#events .full_width_promote .g8 div a {
		font-size:12px;
	}
	
	body#events .full_width_promote .c1 {
		background:url(../img/display/events/a4uexpo-london.jpg) #f2f2f2 no-repeat center center;
	}
	
	body#events .full_width_promote .c2 {
		background:url(../img/display/events/pit.jpg) #f2f2f2 no-repeat center center;
	}
	
	body#events  h1 {border-bottom:1px solid #aaa;padding-bottom:24px; font-size:28px;}
	body#events #bulk {}
	body#events .unit.explain {top:0; margin-bottom:24px;}

    body#events h1 .icon.sixteen.rss {
        display:block;
        text-indent:-999em;
        height:16px;
        width:16px;
        position:absolute;
        right:0;
        top:11px;
    }
	body#events #bulk .g2 {height:80px;}
	body#events #bulk li {padding-bottom:40px;}
	body#events #bulk .g2 a {height:70px; width:75px; display:block; border:1px solid #ddd; padding:5px; background:#fff; position:relative; top:-6px; -moz-box-shadow:0 3px 3px #eee; -webkit-box-shadow:0 3px 3px #eee;}
	body#events #bulk .g2 a:hover, body#events #bulk .g2 a:focus, body#events #bulk .g2 a:active {background:#eee;}
	body#events #bulk .g2 img {background:#fff; display:block; width:75px;}
	body#events #bulk h4 {margin-bottom:3px; font-size:18px;}
	body#events #bulk h6 {font-size:11px; text-transform:uppercase; color:#aaa; margin-bottom:0px;}
	body#events #bulk ul.tails {margin-bottom:6px; margin-top:0;}
	body#events #bulk ul.cont{ margin-bottom:12px; background:#f6f6f6; border:1px solid #ddd; padding:2px 6px; display:block; -moz-border-radius:3px;  -webkit-border-radius:3px;}
	body#events #bulk ul.cont li {display:inline; padding-right:3px; border-bottom:0; font-size:11px;}
	body#events #bulk ul.tails li {letter-spacing:1px; font-size:12px; font-variant:small-caps; color:#aaa; border-bottom:0; margin-bottom:0; padding:0; display:inline; padding-right:3px;}
	body#events #bulk a.small_button { top:12px;}
	body#events #bulk ol.go_date {display:block; margin-top:0; position:relative; top:-8px;}
	body#events #bulk ol.go_date.mnth {margin-bottom:12px; padding-bottom:16px; border-bottom:1px solid #eee; position:relative; top:-16px;}
	body#events #bulk ol.go_date li {display:inline; border:0; padding:0; margin:0; padding-right:6px; text-transform:uppercase; font-size:12px;}
	body#events #bulk ol.go_date li a {color:#ccc; font-weight:600; letter-spacing:1px;}
	body#events #bulk ol.go_date li a.selected, body#events #bulk ol.go_date li a:hover, body#events #bulk ol.go_date li a:focus, body#events #bulk ol.go_date li a:active {color:#333;}


    /***************************************
    5.6 Profile
    ****************************************/
    body#profile {

    }

    body#profile .avatar_large {
        border:5px solid #ddd;
        border:5px solid rgba(0,0,0,0.05);
        outline:1px solid #ddd;
        width:160px;
        height:160px;
        position:relative;
        overflow:hidden;
		min-height:160px;
    	vertical-align: middle;
    }

    body#profile .over {
        z-index:5;
        position:absolute;
        top:0;
        left:0;
        height:160px;
        width:160px;
        text-indent:-999em;
        display:block;
    }

	body#profile .avatar_large img {display:block; position:relative!important;}


    body#profile .over.affiliate {background:url(../img/display/avatars/160-aff-overlay.png) transparent no-repeat 0 0;}
    body#profile .over.merchant {background:url(../img/display/avatars/160-mer-overlay.png) transparent no-repeat 0 0;}
    body#profile .over.agency {background:url(../img/display/avatars/160-age-overlay.png) transparent no-repeat 0 0;}
    body#profile .over.network {background:url(../img/display/avatars/160-net-overlay.png) transparent no-repeat 0 0;}
    body#profile .over.press {background:url(../img/display/avatars/160-press-overlay.png) transparent no-repeat 0 0;}
    body#profile .over.search {background:url(../img/display/avatars/160-search-overlay.png) transparent no-repeat 0 0;}
    body#profile .over.legend {background:url(../img/display/avatars/160-leg-overlay.png) transparent no-repeat 0 0;}

	#bulk.prof_full {
		width:99%;
		position:relative;
	}

	#bulk.prof_full input[type="submit"] { width:200px;}

	#bulk ul.staff_av li a img {display:block; border:1px solid #ddd; height:60px; width:60px; -moz-box-shadow:0 3px 3px #ddd; overflow:visible; position:relative; z-index:1;}


	body#profile #bulk .g6 {
        padding-left:20px;
        padding-top:5px;
        width:330px;
		min-height:200px;
    }

	body#profile #bulk .g6 h1.user { text-transform:capitalize;}

    /*Some html allowed so control it*/
    .profile_control h2, .profile_control h3, .profile_control h4, .profile_control h5, .profile_control h6 {
        font-size:16px;
        line-height:20px;
        margin-bottom:11px;
        font-weight:700;
    }

    .my_network {
        clear:both;
        margin-top:20px;
        margin-bottom:30px;
        padding-top:30px;
        border-top:1px dotted #ddd;
        clear:both;
    }

    .my_network .g4.inside  {
        border-right:1px solid #eee;
        padding-right:10px;
        width:219px;
    }

    .my_network h2 {
        margin-bottom:40px;
        margin-top:10px;
    }

	 .my_network li {
		word-wrap:break-word;
		white-space:wrap;
		list-style:none;
		text-overflow:ellipsis;
    }

    .my_network a {
        font-size:11px;
		word-wrap:break-word;
		white-space:wrap;
    }
	/*
    .my_network ol li {
        display:inline;
        margin-right:3px;
        line-height:36px;
		padding:5px 8px;
		background:#f6f6f6;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, rgb(240,240,240)), color-stop(0.49, rgb(2320,230,230)));
		background:-moz-linear-gradient(center top,rgb(240,240,240) 49%,rgb(230,230,230) 55%);
		-moz-border-radius:20px;
		white-space:nowrap;
		text-align:center;
    }*/

	.my_network ol li {
        display:block;
        margin-right:3px;
        line-height:20px;
		padding:3px;
		margin-bottom:5px;
		text-indent:10px;
		background:#f6f6f6;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, rgb(240,240,240)), color-stop(0.49, rgb(230,230,230)));
		background: -moz-linear-gradient(center top,rgb(240,240,240) 49%,rgb(230,230,230) 55%);
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		white-space:nowrap;
		text-align:left;
    }

	.my_network ol li + li {width:80%; opacity:0.95;}
	.my_network ol li + li + li {width:70%; opacity:0.85;}
	.my_network ol li + li + li + li {width:60%; opacity:0.75;}
	.my_network ol li + li + li + li + li {width:50%; opacity:0.65;}
	.my_network ol li + li + li + li + li + li {width:40%; opacity:0.55;}
	.my_network ol li + li + li + li + li +  li {display:none;}

    .my_network .be_social li  {
        position:relative;
    }

    .my_network.be_social li {
        display:block;
        border:1px solid #eee;
        padding:5px;
        margin-bottom:11px;
        width:152px;
        height:22px;
        float:left;
        margin-right:12px;
        display:block;
        text-indent:30px;
    }

    .my_network.be_social li a {
        display:block;
        font-size:14px;
        width:152px;
        min-height:22px;
        _height: 22px;
        padding-top:2px;
    }

    body#profile .unit ul {
        list-style:none;
    }

    body#profile .unit ul li {
        list-style:none;
        margin-bottom:3px;
        border:0;
        padding:0;
    }

    body#profile #aside .icon.twelve {padding-left:20px;}

    body#profile .icon.twelve.company { background-position: 0 4px; }
    body#profile .icon.twelve.email { background-position: 0 4px; }
    body#profile .icon.twelve.tel { background-position: 0 3px; }
    body#profile .icon.twelve.private_message { background-position: 0 3px; }
    body#profile .icon.twelve.report { background-position: 0 3px; }
    body#profile .icon.twelve.card { background-position: 0 3px; }

    /***************************************
    5.7 Account
    ****************************************/

    body#user_account {

    }

    body#user_account #bulk {
        position:relative;
        margin-bottom:60px;
    }

    body#user_account ul#messagebox {
        top: 0;
		left:0;
        position: relative;
		margin-bottom:40px;
        color: #050;
		z-index:40;
		display:block;

    }

    body#user_account ul#messagebox li {
        list-style-type: none;
        font-size: 0.825em;
        background:rgba(0,0,0,0.8);
		border:3px solid rgba(255,255,255,0.1);
		-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
		padding:12px;
		color:#fff;
		text-align:center;
		display:inline;
    }

    body#user_account #bulk #user_account_toggle {
        margin-top:40px;
        margin-bottom:40px;
        padding-bottom:3px;
        border-bottom:1px solid #ddd;
    }

    body#user_account #bulk #user_account_toggle li {
        display:inline;
        border-bottom:0;
        text-transform:uppercase;
    }

    body#user_account #bulk #user_account_toggle li a {
        color:#333;
        background:url(../img/display/gradients/60-chrome.gif) #eee repeat-x 0 0;
        padding:6px;
        border:1px solid #ddd;
        font-size:14px;
    }

    body#user_account #bulk #user_account_toggle li a:hover {
        background-position:0 -15px;
    }

    body#user_account div.account #user_account_toggle li a[title="View your account settings"],
    body#user_account div.basics #user_account_toggle li a[title="Edit basic information such as your name and job details"],
    body#user_account div.company #user_account_toggle li a[title="Edit job information and company details"],
    body#user_account div.networks #user_account_toggle li a[title="Add or remove yourself from any networks"],
    body#user_account div.picture #user_account_toggle li a[title="Manage your profile picture"],
    body#user_account div.privacy #user_account_toggle li a[title="Change your privacy settings"] {
        background:#fff !important;
    }

    body#user_account #bulk a.view_it {
        position:absolute;
        top:0px;
        right:0px;
        z-index:13;
        font-size:16px;
        padding:5px;
        border:1px solid #ddd;
    }

    body#user_account #bulk a.pms {
        position:absolute;
        top:67px;
        right:0;
        padding-left:30px;
        z-index:13;
        font-size:12px;
        background:url(../img/display/icons/24/mail-normal.png) transparent no-repeat 0 -3px;
        color:#333;
    }

    body#user_account #bulk a.pms.mail_alert {
        background:url(../img/display/icons/24/mail-alert.png) transparent no-repeat 0 -3px;
        color:#c4332b;
    }

    body#user_account #bulk a.pms:hover, body#user_account #bulk a.pms:focus, body#user_account #bulk a.pms:active {
        color:#333;
    }

    body#user_account #linkContainer {
        position:absolute;
        right:0;
        display:block;
        margin-top:-20px;
    }

    form .optional {
        opacity:.7;
    }

    body#user_account #aside .unit.percentage_comp {
        position:relative;
        height:80px;
    }

    body#user_account #aside .unit.percentage_comp span {
        font-size:20px;
    }

    body#user_account #aside .unit.percentage_comp div {
        position:absolute;
        height:60px;
        width:300px;
        overflow:hidden;
        z-index:10;
        top:30px;
        left:0;
        background:url(../img/display/misc/percentbar.png) transparent no-repeat 0 0;
    }

    body#user_account #aside .unit.percentage_comp cite {
        position:absolute;
        height:60px;
        width:300px;
        overflow:hidden;
        z-index:9;
        top:30px;
        left:0;
        background:url(../img/display/misc/percentbar-fill.png) #f6f6f6 no-repeat 0 0;
        display:block;
        text-indent:-999em;
        width:0%;
    }

    body#user_account #aside .unit.percentage_comp cite.fifth {width:20%;}
    body#user_account #aside .unit.percentage_comp cite.quarter {width:25%;}
    body#user_account #aside .unit.percentage_comp cite.third {width:33%;}
    body#user_account #aside .unit.percentage_comp cite.half {width:50%;}
    body#user_account #aside .unit.percentage_comp cite.twothirds {width:66%;}
    body#user_account #aside .unit.percentage_comp cite.threequarters {width:75%;}
    body#user_account #aside .unit.percentage_comp cite.fourfiths {width:80%;}
    body#user_account #aside .unit.percentage_comp cite.done {width:100%;}

	#websites-0, #websites-1, #websites-2, #websites-3, #websites-4, #websites-5, #websites-6, #websites-7,
	#interests-0, #interests-1, #interests-2, #interests-3, #interests-4, #interests-5, #interests-6, #interests-7,
	#feeds-0 {
		position:relative; z-index:1;
	}

	.check_wreck .checkbox {
		width: 19px;
		height: 25px;
		padding: 0 5px 0 0;
		background: url(../img/display/icons/sprites/checkbox.png) transparent no-repeat 0 0;
		display: block;
		z-index:5;
		position:absolute;
		right:375px;
		top:8px;
	}


    /***************************************
    5.8 Process - login etc...
    ****************************************/

    .signinvia {
        margin-top:10px;
        padding-bottom:30px;
        position:relative;
        top:5px;
    }

    .signinvia h2 {
        color:#333;
        font-size:18px;
        margin-bottom:30px;
    }

    .signinvia p {
        font-size:14px;
        width:70%;
        margin-bottom:40px;
        margin-top:20px;
    }

    .signinvia sup a {
        font-size:11px;
    }

    .via {
        margin-bottom:5px;
        display:block;
        text-indent:-999em;
        overflow:hidden;
        outline:none;
    }

    .viafacebook {
        float:left;
        width:150px;
        height:24px;
        margin-right:10px;
        background:url(../img/display/icons/sprites/facebook_signin.png) transparent no-repeat 0 0;
    }

    .viatwitter {
        float:left;
        width:150px;
        height:22px;
        background:url(../img/display/icons/sprites/twitter_signin.png) transparent no-repeat 0 0;
    }

    .viafacebook:hover, .viatwitter:hover {
        background-position:0 -24px;
    }

    .viafacebook:focus, .viatwitter:focus , .viafacebook:active, .viatwitter:active{
        background-position:0 -48px;
    }

    /***************************************
    5.9.Company Profile
    ****************************************/

    body#profile.company .avatar_small {
        border:5px solid #ddd;
        border:5px solid rgba(0,0,0,0.05);
        outline:1px solid #ddd;
        width:110px;
        height:110px;
        position:relative;
		left:0;
        overflow:hidden;
		padding:0;
		background-color:#fff;
		min-height:110px;
   	    display: table-cell;
    	vertical-align: middle;
    }
	body#profile.company .avatar_small img { position:relative; vertical-align:middle; display:table-cell; display:block;}

    body#profile.company #bulk .prof_des {
        width:370px;
    }

	body#profile.company #bulk .g6 {min-height:160px;}

    .company_meta {
        color:#999;
        /*font-variant:small-caps;*/
        display:block;
        margin-bottom:5px;
        letter-spacing:1px;
        font-style:normal;
    }
    
    .web_extern {
        display:block;
        padding:5px;
        border:1px solid #ddd;
        width:140px;
        position:relative;
        top:6px;
        text-align:center;
    }

    #google-map {
        width:294px;
        height:254px;
        border:3px solid #f6f6f6;
        -moz-box-shadow:0 3px 3px rgba(0,0,0,0.1);
        -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1);
    }

    body#profile.company #bulk .staff_av {

    }

    body#profile.company #bulk .staff_av li {
        list-style:none;
        float:left;
        display:inline;
        margin-right:5px;
        margin-bottom:5px;
		position:relative;
		z-index:1;
    }

    body#profile.company #bulk .staff_av li a {
        list-style:none;
        display:block;
		overflow:visible;
		z-index:1;
		position:relative;
    }

	body#profile.company #bulk .staff_av li img {display:block; position:relative; z-index:2;}

	body#profile.company #bulk .staff_av li span {
	opacity:0; filter:alpha(opacity=0); position:absolute; top:-5px; right:-15px; padding:4px 6px; background:#fff; color:#333; font-size:10px; background:rgba(255,255,255,0.9); z-index:20;
	-moz-box-shadow:0 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1); width:80px; white-space:normal; word-wrap:break-word; text-align:left;
	}

	body#profile.company #bulk .staff_av li a:hover span, body#profile.company #bulk .staff_av li a:focus span,
	body#profile.company #bulk .staff_av li a:active span {display:block; z-index:22; opacity:1; filter:alpha(opacity=100);}

    body#profile.company #bulk .card li {
        padding-left:20px;
        margin-bottom:3px;
        list-style:none;
    }

	.com_break {margin-top:30px; padding-top:9px; border-top:1px solid #ddd;}
	.lift {position:relative; top:3px; padding-left:5px; display:block; color:#aaa; width:450px; float:right; clear:right;}
	.lift a {padding-right:10px;}
	.view_c {display:block; float:right; margin-left: 4px; padding:5px; border:1px solid #ddd; text-align:center; width:74px; padding-left:10px; position:relative; top:-2px;}
    .view_c.vc {width:25px;}
    .view_c.mod {width:50px;}
	#bulk .matched_com { margin:20px 0 30px 0; padding-bottom:20px; display:block; clear:both; border-bottom:3px double #ddd;}
	.matched_com li { font-size:14px; text-transform:uppercase; letter-spacing:1px; background:rgba(0,0,0,0.04); padding:5px; list-style:none;
        display:block;
        margin-right:3px;
        line-height:20px;
		padding:3px;
		margin-bottom:5px;
		text-indent:10px;
		background:#f6f6f6;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, rgb(240,240,240)), color-stop(0.49, rgb(230,230,230)));
		background: -moz-linear-gradient(center top,rgb(240,240,240) 49%,rgb(230,230,230) 55%);
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		white-space:nowrap;
		text-align:left;
	}


	.matched_com li  + li {width:80%; opacity:0.95;}
	.matched_com li  + li + li {width:70%; opacity:0.85;}
	.matched_com li  + li + li + li {width:60%; opacity:0.75;}
	.matched_com li  + li + li + li + li {width:50%; opacity:0.65;}
	.matched_com li  + li + li + li + li + li {width:40%; opacity:0.55;}
	.matched_com li  + li + li + li + li + li + li {width:30%; opacity:0.45;}
	.matched_com li  + li + li + li + li + li + li + li {width:20%; opacity:0.35;}

	.them {position:relative; padding:5px; padding-bottom:0px; width:98%; background:#f9f9f9; border:1px solid #ddd; position:relative; z-index:1; clear:both; height:45px;}
	.them:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.them img {width:30px; height:30px; display:inline; position:relative; top:5px; border:1px solid #ddd; left:5px; float:left;}
	.them span {font-size:20px; padding-left:5px; position:relative; top:8px; display:block; float:left; margin-left:12px;}
	.them a {margin-top:20px; padding-left:10px;}
	span.jointhisbadboy {display:block; position:absolute; right:0px; top:12px; font-size:14px;}
	span.jointhisbadboy a {color:#aaa;}

	.notif {background:url(../img/display/misc/lightbulb.gif) transparent no-repeat 95% 50%; }
	.notif ol { display:block; position:relative; left:-10px; margin-bottom:20px;}
	.notif li {
		 color:#aaa; padding:5px; padding-left:10px; display:block; border:1px solid #eee; width:580px;
		background:#f6f6f6; text-shadow:0 1px 0 #fff; position:relative; left:0px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
	}
	.notif li.unseen {background:#eee; left:20px; width:560px;}
	.notif li:first-of-type{border-bottom:0;}
	.notif li + li {border-top-color:#fff;}
	.notif li + li + li + li + li + li {left:20px; width:560px; opacity:0.7;}
	.notif li + li + li + li + li + li + li + li + li + li + li + li {left:40px; width:540px; opacity:0.5;}
	.notif li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {left:60px; width:540px; opacity:0.3;}
	.notif a {}
	.notif em { color:#ddd; text-shadow:0 1px 0 #fff;}

	/***************************************
	 5.10.Statistics
	 **************************************/

	#statistics table {
		margin: 1em 0 2em 0;
	}

	#statistics img {
		margin: 2em 0;
	}

	#statistics th,
	#statistics td {
		padding: 0.4em;
	}

	#statistics th {
		font-weight: bold;
		border: 2px solid #efefef;
	}

	#statistics td {
		border: 1px solid #efefef;
	}

	#statistics td.center {
		text-align: center;
	}

	#statistics div.unit {
		width: 590px;
		margin-top: 1em;
		border-bottom: 4px double #efefef;
	}

	/***************************************
    5.11 Training
    ****************************************/

	#training_wrapp {
		position:relative;
	}

	#training_wrapp #bulk img {
		display:block;
		position:relative;
	}

	#training_wrapp .g7 {
		position:relative;
		padding-right:20px;
		width:380px;
	}

	#training_wrapp .g7 h3 {
		margin:12px 0;
	}

	#training_wrapp .g7 p:first-child {
		font-size:18px;
		line-height:26px;
	}

	.training_session {
		margin:24px 0 48px 0;
		position:relative;
	}

	.training_session .g5 {
		width:250px;
		padding:0 25px 0 15px;
	}

	.training_session .g5 img {
		diplay:block;
		margin-bottom:12px;
	}
	
	.training_session .g8 {
		max-height:400px;
		overflow-x:hidden;
		overflow-y:scroll;
		width:415px;
		padding:10px;
		padding-right:30px;
		margin-right:20px;
		background:#f9f9f9;
	}

	.training_session .g8 h3 {
		font-size:18px;
		padding:10px;
		padding-left:15px;
		background:#fff;
		position:relative;
		left:-15px;
		border:1px solid #ddd;
		top:3px;
		width:40%;
	}

	.training_session .g8 h4 {
		font-weight:600;
		letter-spacing:1px;
		text-transform:uppercase;
		font-size:14px;
		margin-bottom:0;
	}

	.training_session .g8 h4 + span {
		font-size:12px;
		line-height:18px;
		font-style:italic;
		display:block;
		margin-bottom:14px;
		color:#888;
	}

	.training_session .g8 ul {
		display:block;
		list-style-type:circle;
		list-style-position:outside;
		padding-left:14px;
		margin-bottom:24px;
	}

	.training_session .book {
		text-indent:-999em;
		display:block;
		width:170px;
		height:120px;
		background:url(../../media/img/content/training/book.gif) transparent no-repeat 0 0;
	}

	.training_session .trate {
		text-align:center;
		font-weight:800;
		letter-spacing:-2px;
		font-size:32px;
		position:relative;
		display:block;
		left:-4px;
		margin-top:12px;
		color:#aaa;
	}

	.book_sess {
		margin-bottom:32px;
		padding:12px 0;
		background:url(../../media/img/content/training/wave.gif) transparent no-repeat 0 0;
	}

	/***************************************
    5.12 New Style homepages
    ****************************************/

    /*Widgets global*/

    .home_widget {
        padding-bottom:19px;
        margin-bottom:20px;
        border-bottom:1px solid #ddd;
    }

    .home_widget:last-of-type {
        border-bottom:0;
    }

    .home_widget h5 {
        font-size:12px;
        font-weight:600;
    }

    .home_widget .meta {
        font-size:11px;
        color:#666;
    }

    .home_widget .upper {
        text-transform:uppercase;
    }
    
    /*Refine by columns*/

    .refineby4 .element {
        width:22%;
        padding-right:3%;
        float:left;
        display:inline;
    }

    .refineby5 .element {
        width:18%;
        padding-right:2%;
        float:left;
        display:inline;
    }

    .refineby4 .element h6 {
        margin-bottom:12px;   
    }

    .refineby2 .element {
        width:44%;
        padding-right:5%;
        float:left;
        display:inline;
        border-right:1px solid #ddd;
    }

    .refineby2 .element + .element {
        padding-left:5%;
        padding-right:0;
        border-right:0;
    } 

    /*Main Feature*/

    .home_widget.main_feature h3 {
        font-size:18px;
        font-weight:600;
    }

    .home_widget .lead_feature {
        width:270px;
        float:left;
        display:inline;
        margin-right:30px;
    }

    .home_widget .lead_image {
        width:270px;
        height:190px;
        background:#ddd;
        margin-bottom:18px;
    }

    .home_widget .aside_feature {
        width:290px;
        float:left;
        display:inline;
    }

    .home_widget .aside_feature li {
        list-style-type:none;
        margin-bottom:6px;
        position:relative;
    }

    .home_widget .aside_feature li:before {
        content:"\25B6";
        padding-right:6px;
        font-size:9px;
        position:absolute;
        top:0;
        left:-16px;
    }

    .home_widget .feature_list ol {
        padding:10px 20px 10px 30px;
        width:240px;
        background:#edf1f3;
    }

    .home_widget .feature_list h4 {
        font-size:13px;
        padding:5px 20px 5px 30px;
        color:#fff;
        background:#2c2f31;
        margin-bottom:0;
    }

    .home_widget .feature_list h4 a {
        padding-left:110px;
    }


    /*Opinions Feature*/

    .home_widget.opinions .stack_image {
        background:url(../img/display/misc/pic-stack.png) transparent no-repeat top left;
        padding-bottom:18px;
    }

    /* Reports Feature */

    .home_widget.reports .focus_element {
        margin:30px 0 40px 0;
    }

    .home_widget.reports .report_image {
        width:130px;
        height:170px;
        float:left;
        display:inline;
        margin-right:30px;
        background:#ddd;
    }

    .home_widget.reports .speil {
        width:380px;
        float:left;
        display:inline;
    }

    .home_widget.reports .speil h4 {
        font-size:18px;
        font-weight:600;
        margin-bottom:12px;
        margin-top:12px;
    }

    .home_widget.reports .speil .meta {
        margin-bottom:6px;
        display:block;
    }

    .home_widget.reports .speil .cta {
        color:#c5332b;
        font-weight:600;
    }

    .home_widget.reports .refineby5 a {
        width:118px;
    }

    .home_widget.reports img {
        max-width: 100%;
        _width: 100%;
        display:block;
    }

    /* As list */

    .home_widget.as_list ul {
        display:block;
    }

    .home_widget.as_list li {
        list-style:none;
        padding:8px 0;
        border-bottom:6px;
        border-bottom:1px solid #ddd;
    }

    .home_widget.as_list li a {
        font-size:14px;
    }

    .home_widget.as_list li:last-child {
        border-bottom:0;
    }

    .home_widget.as_list .element.col h5 {
        background:#C4332B;
        color:#fff;
        padding:5px 10px;
    }

    .home_widget.as_list .element.col h5.var {
        background:#439FBC;
    }

    .home_widget.as_list .element.col h5 a {
         padding-left:40px;
     }

     .home_widget.as_list .hil {
         font-weight:600;
     }

     .home_widget.as_list .meta {
         display:block;
         color:#aaa;
     }

     .home_widget.as_list.by2 {
         padding:3%;
         background:#f6f6f6;
         border:1px solid #ddd;
     }

    /* Newsletter full width */s

    .home_widget.subscribe_large {
         border-top:0;
    }

    .subscribe_large .newsletter_subscribe {
        padding:20px 20px 20px 20px;
        width:548px;
    }

    .subscribe_large h5 {
         background:#2c2f31;
         margin-bottom:0;
         color:#fff;
         padding:5px 10px 5px 20px;
         font-size:16px;
         font-weight:600;
    }

    .subscribe_large .level {
        margin-top:5px;
    }

    .subscribe_large .level div {
        float:left;
        display:inline;
        width:270px;
    }

    .subscribe_large .level div.drop {
        width:270px;
    }

    #bulk .subscribe_large form .level input[type="text"] {
        width:90%;
    }

    #bulk .subscribe_large form .level select {
        width:95%;
    }

    #bulk .subscribe_large form .level .check label {
        font-size:11px;
        color:#555;
    }

    #bulk .subscribe_large form .small_button {
        text-transform:none;
        width:120px;
        font-size:14px;
        margin-top:10px;
    }

    /*Additional rules*/
    .no_bb {
        border-bottom:0;
        margin-bottom:10px;
    }


    /***************************************
    5.13.a4uevents page
    ****************************************/

    .a4uevents_pg {
        width:960px;
        margin:0 auto 0 10px;
    }

    .a4uevents_pg .featured_event {
        height:320px;
        background:url(../img/content/events/back.jpg) #111 no-repeat 0 0;
        position:relative;
        border-bottom:3px solid #ddd;
    }

    .a4uevents_pg .caption {
        position:absolute;
        top:18%;
        left:40px;
        width:66%;
    }

    .a4uevents_pg .caption h2 {
        font-size:48px;
        line-height:40px;
        font-weight:800;
        letter-spacing:-2px;
        margin-bottom:40px;
        color:#fff;
    }

    .a4uevents_pg .caption h2 b {
        color:#c5332b;
    }

    .a4uevents_pg .caption h2 i {
        font-style:normal;
        color:#258E99;
    }

    .a4uevents_pg .caption p {
        font-size:16px;
        line-height:20px;
        font-weight:600;
        color:#ddd;
        width:90%;
    }

    .a4uevents_pg .split_events {
        margin-bottom:40px;
        padding-bottom:43px;
        border-bottom:1px dotted #777;
    }

    .a4uevents_pg .split_events .element {
        width:25%;
        float:left;
        display:inline;
    }

    .a4uevents_pg .split_events .element .cl {
        clear:left;
    }

    .a4uevents_pg .split_events .element p,
    .a4uevents_pg .split_events .element h3,
    .a4uevents_pg .split_events .element .astype {
        width:90%;
    }

    .a4uevents_pg .split_events .element h3 {
        font-weight:600;
        text-transform:uppercase;
        margin-top:20px;
        margin-bottom:12px;
        height:38px;
    }

    .a4uevents_pg .split_events .astype {
        display:block;
        margin-bottom:12px;
        padding-bottom:11px;
        color:#555;
        font-family:Georgia, Serif;
        font-size:11px;
        border-bottom:1px dotted #666;
    }

    .a4uevents_pg .split_events .element p {
        font-size:11px;
        margin-bottom:18px;
    }

    .a4uevents_pg .split_events .small_button {
        font-size:12px;
        font-weight:600;
    }

    .a4uevents_pg .foot {
        text-align:center;
        font-size:18px;
        margin-bottom:28px;
    }

    /***************************************
    5.14.Other pages
    ****************************************/
	.logo_ness li { display:block; list-style:none;}
	.logo_ness li { display:block;}
	.logo_dw {display:block; padding-bottom:20px; border:0;}
	.button_me_up {}
	.button_me_up li {list-style-type:none; background:rgba(0,0,0,0.03); padding:10px; padding-bottom:5px; position:relative;}
	.button_me_up a { position:absolute; right:10px; top:10px; display:block;}
	.mover {display:none; padding:20px 0 10px 0; margin-top:20px; border-top:1px solid #ddd;}
	.mover textarea {width:98%; height:60px; border:0; font-size:12px; font-family:"Courier New", Courier, mono; padding:6px;}
	.logo_dw {display:block; text-indent:-999em; height:180px; width:400px; background:url(../img/content/suite.gif) white no-repeat 0 0;}

    /*****************
     dwg mod 29/3/11
     survey section
    *****************/
    .survey img {
        display:block;
        position:relative;
        left:26px;
    }
    .survey blockquote {
        display:block;
        margin:18px 0;
        padding:18px 0;
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
    }
    .survey blockquote p {
        padding-left:24px;
        font-style:italic;
        font-size:14px;
        color:#333;
    }
    .survey blockquote cite {
        text-align:right;
        font-size:12px;
        display:block;
    }
    .survey .small_button {
        margin:4px 0 8px 0;
        display:inline-block;
        width:150px;
    }
    .survey .small_button span {
        background:url(../img/display/icons/en.gif) transparent no-repeat 0 0;
        display:inline-block;
        text-indent:-999em;
        height:12px;
        width:22px;
        position:relative;
        top:4px;
        left:-1px;
    }
    .survey .small_button + .small_button span {
        background:url(../img/display/icons/es.gif) transparent no-repeat 0 0;   
    }

    .survey .small_button + .small_button + .small_button {
       width:180px;   
    }

    .survey .small_button + .small_button + .small_button span {
        background:url(../img/display/icons/fr.png) transparent no-repeat 0 0;   
    }

     /*****************
     top50 affiliates
    *****************/

    body.top-50-affiliates-bloggers h2 {
        margin-top:20px;
    }

    body.top-50-affiliates-bloggers .button_me_up {
        margin-bottom:30px;
    }

    body.top-50-affiliates-bloggers .button_me_up li {
        margin-bottom:6px;
    }

/***************************************
6.Icons
****************************************/

    /***************************************
    6.1 Sprites
    ****************************************/
    /*Social*/
    /*Set background miles out so default is blank*/
    .be_social li a {background:url(../img/display/icons/sprites/24-social.png) transparent no-repeat 0 -999em;}

	/*12*/
	#bulk #loop_list .thumb .voteme a {background:url(../img/display/icons/sprites/12-votes.png) transparent no-repeat 0 0;}
	#bulk #loop_list .thumb .voteme a.up {background-position: 0 0px;}
	#bulk #loop_list .thumb .voteme a.down {background-position: 0 -12px;}

    /*Display an icon from the spirte based on a variable from the url - sexy huh!*/
	.be_social li a[href*="/feed/"] {background-position: 0 -200px;}
    .be_social li a[href*="delicious."] {background-position: 0 0px;}
    .be_social li a[href*="facebook."] {background-position: 0 -25px;}
    .be_social li a[href*="flickr."] {background-position: 0 -50px;}
    .be_social li a[href*="linkedin."] {background-position: 0 -75px;}
    .be_social li a[href*="twitter."] {background-position: 0 -100px;}
    .be_social li a[href*="google."] {background-position: 0 -125px;}
    .be_social li a[href*="xing"] {background-position: 0 -150px;}
    .be_social li a[href*="mailto"] {background-position: 0 -175px;}
    .be_social li a[href*=".to"] {background-position: 0 -225px;}

    /*24*/
    .icon.twentyfour { background:url(../img/display/icons/sprites/24-actions.png) transparent no-repeat 0 -999em;}
    .icon.twentyfour.refresh { background-position: 0 0px;}
    .icon.twentyfour.alert { background-position: 0 -24px;}
    .icon.twentyfour.no { background-position: 0 -50px;}
    .icon.twentyfour.yes { background-position: 0 -75px;}
    .icon.twentyfour.down { background-position: 0 -100px;}
    .icon.twentyfour.up { background-position: 0 -125px;}
    .icon.twentyfour.right { background-position: 0 -150px;}
    .icon.twentyfour.left { background-position: 0 -175px;}
    .icon.twentyfour.reply { background-position: 0 -200px;}
    .icon.twentyfour.love { background-position: 0 -225px;}
    .icon.twentyfour.hate { background-position: 0 -250px;}
    .icon.twentyfour.com { background-position: 0 -275px;}
    .icon.twentyfour.link { background-position: 0 -300px;}
	.icon.twentyfour.edit { background-position: 0 -325px;}

    /*42*/
    .icon.fourtytwo { background:url(../img/display/icons/sprites/42-love-levels.png) transparent no-repeat 0 -999em;}
    .icon.fourtytwo.love { background-position: 0 0;}
    .icon.fourtytwo.hate { background-position: 0 -42px;}

    /*64*/
    .icon.sixtyfour { background:url(../img/display/icons/sprites/64-love-levels.png) transparent no-repeat 0 -999em;}
    .icon.sixtyfour.love { background-position: 0 0;}
    .icon.sixtyfour.hate { background-position: 0 -64px;}


	#aside #followme li.a a {background-position: 0 -32px;}
	#aside #followme li.b a {background-position: -32px -32px;}
	#aside #followme li.c a {background-position: -64px -32px;}
	#aside #followme li.d a {background-position: -96px -32px;}
	#aside #followme li.e a {background-position: -128px -32px;}

	#aside #followme li.a a:hover, #aside #followme li.a a:focus, #aside #followme li.a a:active {background-position: 0 1px;}
	#aside #followme li.b a:hover, #aside #followme li.b a:focus, #aside #followme li.b a:active {background-position: -32px 1px;}
	#aside #followme li.c a:hover, #aside #followme li.c a:focus, #aside #followme li.c a:active {background-position: -64px 1px;}
	#aside #followme li.d a:hover, #aside #followme li.d a:focus, #aside #followme li.d a:active {background-position: -96px 1px;}
	#aside #followme li.e a:hover, #aside #followme li.e a:focus, #aside #followme li.e a:active {background-position: -128px 1px;}


    /***************************************
    6.2 Single
    ****************************************/
    /*12*/
    .icon.twelve {}
    .icon.twelve.company { background:url(../img/display/icons/12/address-book.png) transparent no-repeat 0 0; }
    .icon.twelve.email { background:url(../img/display/icons/12/email.png) transparent no-repeat 0 0; }
    .icon.twelve.tel { background:url(../img/display/icons/12/phone.png) transparent no-repeat 0 0; }
    .icon.twelve.private_message { background:url(../img/display/icons/12/private.png) transparent no-repeat 0 0; }
    .icon.twelve.report { background:url(../img/display/icons/12/alert.png) transparent no-repeat 0 0; }
    .icon.twelve.card { background:url(../img/display/icons/12/vcard.png) transparent no-repeat 0 0; }
    .icon.twelve.building { background:url(../img/display/icons/12/building.png) transparent no-repeat 0 0; }
    .icon.twelve.address { background:url(../img/display/icons/12/address.png) transparent no-repeat 0 5px; }

    /*16*/
    .icon.sixteen {}
    .icon.sixteen.rss { background:url(../img/display/icons/16/rss.png) transparent no-repeat 0 0; }
    .icon.sixteen.num1 { background:url(../img/display/icons/16/numbers/1.png) transparent no-repeat 0 0; }
    .icon.sixteen.cross { background:url(../img/display/icons/16/cross.png) transparent no-repeat 0 0; }
    .icon.sixteen.plus { background:url(../img/display/icons/16/plus.png) transparent no-repeat 0 0; }

    /*24*/
    .icon.twentyfour { }
    .icon.twentyfour.printer { background:url(../img/display/icons/24/printer.png) transparent no-repeat 0 0; }

    a.icon.twentyfour {display:block; height:24px; width:24px;}

    /*Tab menu*/
    #aside .unit .tabdiv li { background:url(../img/display/icons/16/numbers/1.png) transparent no-repeat 0 12px; padding-left:22px; }
    #aside .unit .tabdiv li + li { background:url(../img/display/icons/16/numbers/2.png) transparent no-repeat 0 12px; padding-left:22px; }
    #aside .unit .tabdiv li + li + li { background:url(../img/display/icons/16/numbers/3.png) transparent no-repeat 0 12px; padding-left:22px; }
    #aside .unit .tabdiv li + li + li + li { background:url(../img/display/icons/16/numbers/4.png) transparent no-repeat 0 12px; padding-left:22px; }
    #aside .unit .tabdiv li + li + li + li + li { background:url(../img/display/icons/16/numbers/5.png) transparent no-repeat 0 12px; padding-left:22px; }

	.suc {background:url(../img/display/misc/cog.gif) transparent no-repeat 95% 80%; }
	.uh-oh {background:url(../img/display/misc/uh-oh.gif) transparent no-repeat  90% 10%; }
	.tact {background:url(../img/display/misc/tact.gif) transparent no-repeat  90% 10%; }
	.ppal {background:url(../img/display/misc/paypal.gif) transparent no-repeat  90% 120%; }



/***************************************
7.Useful tit-bits
****************************************/

#f_peel {
    display:none;
    width:177px;
    height:175px;
    position:absolute;
    right:0;
    top:0;
    z-index:20;
}

#f_peel a {
    display:block;
    text-indent:-999em;
    width:177px;
    height:175px;
    background:url(../img/display/misc/peel.png) transparent no-repeat 0 0;
}

@media only screen and (min-width:1280px) {
    #f_peel {
        display:block;
    }
}

.last {
    margin-right: 0;
}

.height_fix {
    height: 1%;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.hidden {display:none;}

.relative {
    position: relative;
}

.clear_left {
    clear:left;
}

.clear_right {
    clear:right;
}

.clear_both {
    clear: both;
}

hr {
    height: 0;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #f6f6f6;
    clear:both;
}

.indent {padding-left:5%;}

.margin-top-bottom {
    margin: 32px 0 18px 0;
}

.smaller {
    font-size: 50%;
}

#aside .note {padding:10px; background:#f6f6f6; border:1px solid #ddd; color:#333; margin-bottom:20px;}

.que a {
	background:url(../img/display/icons/12/que.png) transparent no-repeat 0 0; display:block; position:absolute;
	left:140px; top:8px; z-index:2; padding:6px; text-indent:-999em;
}

.que span {
	display:block; font-size:10px; display:none; padding:8px; position:absolute; width:180px; z-index:3; color:#333; top:-35px; right:160px;
	border:1px solid #ddd; -moz-box-shadow:0 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1);
}
.que a:hover + span {text-indent:0; background:#f6f6f6; display:block;}
/* br + br {display:none;} */

/*Style images in posts*/

body#news .full img[alt*="left"] {float:left; margin-right:10px;}
body#news .full img[alt*="right"] {float:right; margin-left:10px;}
body#news .full img[alt*="left"]:after, body#news .full img[alt*="right"]:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/***************************************
8.Housekeeping
****************************************/

#skipLink {display:block;position:absolute; z-index:1000; left:-105px;top:-20px;padding:0; font-size:10px; color:#aaa;}
#skipLink:focus,#skipLink:active {top:4px;}
#skipLink:hover, #skipLink:focus, #skipLink:active { color:#333;}
.line_skip {margin-top:40px;}
.line_drag {margin-top:-20px;}
html {image-rendering: -moz-crisp-edges;}
img  {image-rendering: optimizeQuality;  -ms-interpolation-mode: bicubic; }
img[src$=".gif"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
input[type="submit"], button {cursor:pointer;}
sup { vertical-align:super; font-size:inherit;}
.none {display:none;}


/*Removemarkdown editor shiz*/
.markItUp .markItUpButton1 a, .markItUp .markItUpButton2 a, .markItUp .markItUpButton3 a,
.markItUp .markItUpButton11 a, .markItUp .markItUpButton13 a, .markItUp .markItUpButton14 a, .markItUpHeader .markItUpSeparator {display:none!important;}

/*Intrinsic Ratios for Video - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/*/

.vid {
	overflow:hidden;
}
.videoWrapper {
  position: relative;
  height: 0;
}
* html .videoWrapper {
  margin-bottom: 45px;
}
.videoWrapper div, .videoWrapper embed, .videoWrapper object {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/* ratios */
.wideScreen {
  padding-bottom: 56.25%;
}
.fourBYthree {
  padding-bottom: 75%;
}
/* chromes */
.chrome_15 {
  padding-top: 15px;
}
.chrome_25 {
  padding-top: 25px;
}
.chrome_35 {
  padding-top: 35px;
}



/************************************
9. Debug Styles
************************************/

div#debug {
    margin-top: 2em;
}

div#debug h2 span {
    font-size: 0.6em;
}

div#debug table th {
    font-weight: bold;
    margin-left: 8px;
}

div#debug table thead {
    margin-bottom: 8px;
}

div#debug table tr {
    margin-bottom: 8px;
}

div#debug table th.number {
    width: 30px;
}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#moccaUItoTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:5px;
	right:5px;
	overflow:hidden;
	width:22px;
	height:22px;
	border:none;
	text-indent:-999px;
	background:url(../img/display/misc/ui.totop.png) no-repeat left top;
	z-index:100;
}

.moccaUIhover {
	background:url(../img/display/misc/ui.totop.png) no-repeat left -51px;
	width:22px;
	height:22px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#shadow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}

#logo-modal {
  position: absolute;
  background: #FFFFFF;
  width: 320px;
  padding: 20px;
  top: 0;
  z-index: 200;
}
#logo-modal h2 {
  margin-bottom: 0.825em;
}