/********     (c) Copyright 2012 Readyforce     ********/
/*        Compiled at: 2012-02-04T21:56:02+00:00       */
/*******************************************************/

/*	--------------------------------------------------
	Global Reset
	-------------------------------------------------- */
	html, body { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit;}
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }

/*	--------------------------------------------------
	Body
	-------------------------------------------------- */
	body { background: #FFF url(/rf/assets/images/ui/main_page_background.jpg) repeat-x; font-family: "Lucida Grande", "Arial", Verdana, sans-serif;
           font-size: 13px; line-height: 18px; text-shadow: 0 0 1px rgba(0,0,0,0.01); color: #555; }

    body.bare {
        background-image: none;
    }

/*	--------------------------------------------------
	Links
	-------------------------------------------------- */
	a                        { color: #477EA8; outline: 0; line-height: inherit; }
	a:hover                  { color: #2A5F87; }

	a.muted, a.muted:visited { color: #777; }
	a.muted:hover            { color: #555; }

	h1 a, h1 a:visited,
    h2 a, h2 a:visited,
    h3 a, h3 a:visited       { color: #333; text-decoration: none; font-weight: bold; }
	h4 a, h4 a:visited,
    h5 a, h5 a:visited       { text-decoration: none; line-height: inherit; font-weight: bold; }
	h3 a:hover               { color: auto; }
	h4 a:hover, h5 a:hover   { text-decoration: underline; }
	p a, p a:visited         { line-height: inherit; }

/*	--------------------------------------------------
	Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #141414; font-weight: bold; }
	h1     { font-size: 24px; line-height: 1.2; }
	h1.sub { font-size: 20px; padding-bottom: 3px; margin-bottom: 16px; }
	h2     { font-size: 20px; line-height: 1.2; margin: 0 0 10px; }
	h3     { font-size: 18px; line-height: 1.2; margin: 3px 0 9px; }
	h4     { font-size: 16px; line-height: 1.2; margin: 0 0 9px; }
	h5     { font-size: 14px; line-height: 20px; }
	h6     { font-size: 12px; font-weight: normal; line-height: 18px; color: #777; margin: 0 0 9px; }

	h1.oversize { font-size: 48px; margin-bottom: 2px; }

	h2.subhead { font-size: 18px; color: #747474; font-weight: normal; margin-bottom: 30px; }
	h3.subhead { font-size: 15px; color: #acacac; margin-top: -7px; }
	h4.subhead { font-size: 14px; font-weight: normal; color: #555555; }

    h2.subhead sup { font-size: 13px; }

	.underlined { border-bottom: solid 1px #ddd; padding-bottom: 4px; }
	.subheader { margin-bottom: 16px; margin-top: -4px; font-weight: normal; color: #777; }

	p { line-height: 19px; margin: 0 0 18px; font-size: 13px; color: #555; }
	p img { margin: 0; }
	p.lead { font-size: 18px; line-height: 24px; margin: 0 0 18px; color: #777; }

	em { font-style: italic; line-height: inherit; }
	strong { font-weight: bold; line-height: inherit; }
	small { font-size: 11px; line-height: 1.0; color: #777; font-weight: normal; }

	.rel { position: relative; }

    /* used under the headline panel */
	h1 a.return-link {
	    font-size: 12px;
	    display: block;
        margin: 8px 0 6px 2px;
        font-family: "Lucida Grande", "Arial", Verdana, sans-serif;
	    font-weight: normal;
	    float: right;
	    color: #477EA8;
    }
    h1 a.return-link:hover {
        text-decoration: underline;
    }


/*	Blockquotes (props to @paulrobertlloyd for inspiration) -------------------- */
	blockquote, blockquote p { font-size: 13px; line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote.solid { background: #f5f5f5; }
	blockquote p { margin: 0; padding: 0 0 9px; }
	blockquote h5 { margin: 0; }
	blockquote cite { display: block; padding: 0 0 9px 6px; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	blockquote cite a:hover { color: #555; text-decoration: none; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 17px 0 18px; height: 0; }
	hr.spacer { border: none; margin: 80px 0px; }
	body.ie6 hr { margin: 8px 0 9px; }

	code, pre { font: 12px/18px "Monaco", "Courier New", "Courier", monospace; color: #e33100; }

	address { color: #333; line-height: 18px; margin: 0 0 18px; }
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }

/*	--------------------------------------------------
	Lists
	-------------------------------------------------- */
	ul, ol       { margin-bottom: 18px; }
	ul           { list-style: none outside; }
	ol           { list-style: decimal; }
	ol, ul.square,
    ul.circle,
    ul.disc      { margin-left: 30px; }
	ul.square    { list-style: square outside; }
	ul.circle    { list-style: circle outside; }
	ul.disc      { list-style: disc outside; }
	ul.large     { font-size: 15px; }
	ul ul, ol ol { margin-left: 30px; margin-top: 4px; margin-bottom: 5px; }
	li           { line-height: 18px; }
	ul.large li  { line-height: 21px; }
	dt           { line-height: 18px; font-weight: bold; color: #333; }
	dd           { margin: 0 0 18px; line-height: 18px; }

/* ---------------------------------------------------
   Markdown 
   --------------------------------------------------- */
	.markdowned ol,
    .markdowned ul { margin: -4px 5px 8px 30px;  }
	.markdowned ul { list-style: disc; }
    .markdowned li { margin-bottom: 4px; } 
    .markdowned h3, 
    .markdowned h4 { margin-top: 20px; margin-bottom: 12px; font-size: 15px; } 

/* ---------------------------------------------------
   Paginaters
   --------------------------------------------------- */
    .paginator .page { text-decoration: none }
    .paginator .current.page { font-weight: bold; cursor: default; }

/*	Code Lists -------------------- */
	ol.code { background: #333; border: 0; margin: 0; padding: 18px; list-style: none; }
	ol.code li { color: #fff; margin: 0; line-height: 18px; padding: 0; font-family: "Consolas", "Courier New", Monaco, Courier, monospace; }
	ol.code li code { font-family: "Consolas", "Courier New", Monaco, Courier, monospace; font-size: 12px; line-height: inherit; color: inherit; }
	ol.code .indent-1 { padding-left: 2em; }
	ol.code .indent-2 { padding-left: 4em; }
	ol.code .indent-3 { padding-left: 6em; }
	ol.code li.selector { color: #39c; }
	ol.code li.property { color: #f63; padding: 0 0 0 2em; }
	ol.code li.property span.value, ol.code .class { color: #9c3; }
	ol.code li.punctuate,
	ol.code li.selector span.punctuate,
	ol.code li.property span.punctuate { color: #999; }

/*	Definition Lists -------------------- */
	dl dt, dl dt a { font-size: 15px; font-weight: bold; color: #6c675a;  }
	dl dt { border-bottom: solid 1px #6c675a; padding-bottom: 3px; margin-bottom: 8px; }
	dl dt a:hover { text-decoration: none; }
	dl dd, dl dd a { font-size: 13px; color: #777; }
	dl dd { margin-bottom: 6px; }

/*	--------------------------------------------------
	Tables
	-------------------------------------------------- */
	table { background: none; width: 100%; margin: 0 0 18px; border: none; border-collapse: separate; text-align: left;}
	table thead { }
	table thead tr th,
	table tbody tr td { font-size: 12px; line-height: 18px; }
	table thead tr {  }
	table thead tr th { padding: 3px 0px 6px; font-size: 13px; font-weight: normal; color: #aeaeae; border-bottom: solid 1px #d9d9d9; }
	table tbody {  }
	table tbody tr {  }
	table tbody tr td { color: #333; padding: 6px 10px 6px 0; vertical-align: top; }
	table tfoot {  }
	table tfoot tr {  }
	table tfoot tr td { color: #333; padding: 6px 10px 6px 0; vertical-align: top; font-weight: bold; border-top: solid 1px #d9d9d9;  }

    table tbody tr.even td { background: #EEE; } 

	table.simple tr td p { font-size: 11px; }
	table.simple tr td span { color: #999; }
    table.simple tr td .comp { color: #333; }

    table.sortable thead th           { font-size: 11px; color: #A1A1A1; font-weight: normal; line-height: 110%; 
                                        padding-right: 8px; border-bottom:none; border-top:1px solid #A1A1A1; cursor:pointer; }
    table.sortable thead  th .sorter  { display: inline-block; width: 15px; height: 7px; margin-left: 2px;   }
    .sortable thead th.headerSortUp,
    .sortable thead th.headerSortDown { font-weight: bold; }
    .sortable .headerSortUp .sorter   { background: url('/rf/assets/images/icons/icon-sprite.png') -70px -1px no-repeat;  }
    .sortable .headerSortDown .sorter { background: url('/rf/assets/images/icons/icon-sprite.png') -70px -9px no-repeat;  }
    .sortable tbody td                { padding-right: 8px; }

    table tr td.centered, table tr th.centered { text-align: center; }

    table.listing { }
    table.listing thead th { text-align: left; }
    table.listing thead tr th, 
    table.listing tr.header td,
    table.listing thead tr td { background: #7B848B url('/rf/assets/images/ui/table_listing_thead_bg.gif') top left repeat-x;
                                color: #C6CBCF; padding: 13px; font-size: 14px;  border-left: 1px solid #3F4A50;
                                border-bottom: 1px solid #5C666F; cursor: pointer; }
    table.listing span.onboarding-info, table.selfserve span.info             { margin-left: 8px; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url('/rf/assets/images/icons/icon-sprite.png') -60px -65px no-repeat; }

    table.listing tr td                            { padding: 12px 8px 4px 16px; }
    table.listing tr.odd                           { background: #FAFAFA; } 
    table.listing.sortable thead th                { border-top: none; } 
    table.listing.sortable thead th .sorter        { display: block; float: right; width: 16px; height:16px; margin: 0px;  }
    table.listing.sortable .headerSortUp .sorter   { background: url('/rf/assets/images/icons/icon-sprite.png') -95px -15px no-repeat;  }
    table.listing.sortable .headerSortDown .sorter { background: url('/rf/assets/images/icons/icon-sprite.png') -115px -15px no-repeat;  }

    table.small.listing { }
    table.small.listing thead tr th, 
    table.small.listing thead tr td { color: #C6CBCF; padding: 8px; font-size: 13px; } 
    table.small.listing tr td                            { padding: 8px 6px 4px 10px; }  
    table.small.listing tr.odd                           { background: #FAFAFA; } 
    table.small.listing.sortable thead th                { white-space: normal; } 
    table.small.listing.sortable thead th .sorter        { display: block; float: right; width: 16px; height:16px; margin: 0px; }
    table.small.listing.sortable .headerSortUp .sorter   { background: url('/rf/assets/images/icons/icon-sprite.png') -95px -15px no-repeat;  }
    table.small.listing.sortable .headerSortDown .sorter { background: url('/rf/assets/images/icons/icon-sprite.png') -115px -15px no-repeat;  }

    table.closed               { border-top: 5px solid #EDEEF0; background: #F5F5F5; padding-bottom: 10px; }
    table.closed th            { font-size: 16px; font-weight: normal; font-family: ScalaSansProRegular; 
                                 color: #C6CCD0; padding: 16px 12px 8px 12px; text-align: left; } 
    table.closed td            { font-size: 12px; padding: 4px 14px; color: #8C9499; } 
    table.closed td a          { color: #C6CCD0; } 
    table.closed .icon         { margin-left: 15px; } 
    table tr.fade { opacity: 0.4; }
    table .nowrap { white-space: nowrap; }

/*	--------------------------------------------------
 	Drawers
	-------------------------------------------------- */
    .drawer td   { background: #F2F2F2;
                   box-shadow:         inset 0px 1px 3px rgba(0,0,0,0.35);
                   -moz-box-shadow:    inset 0px 1px 3px rgba(0,0,0,0.35);
                   -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.35); }
    .drawer td h5{ font-size: 13px; }


/*	--------------------------------------------------
	Forms
	-------------------------------------------------- */
	form         { margin: 0 0 18px; }
	fieldset     { margin-bottom: 8px; }
	label        { display: block; font-size: 13px; font-weight: bold; line-height: 18px; }
	label.inline { display: inline; }

	.input-text, input.password, textarea {
        display: inline-block; background: #fff url(/rf/assets/images/input-bg.png) no-repeat 0 0;
        margin: 0px 0px 9px; padding: 5px 6px; border: 1px solid #aaa;
        font: 13px/18px "Lucida Grande", Arial, Verdana, sans-serif;
        text-shadow: 0 0 1px #fff; color: #555;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: background-color 0.15s linear;
    }

	form select:focus, form input.input-text:focus, form textarea:focus { outline: none; }
	.input-text:focus, textarea:focus { outline: 0; color: #222; border: 1px solid #999; background-color: #fbfbfb; }
	input.sidebar, textarea.sidebar { width: 272px; }
	input.input-file { display: block; margin-bottom: 8px; }
	input.input-text.error, select.error, textarea.error { padding: 2px 3px; border: 2px solid #e33100; }

	/* Super Awesome Brand New Mega Cool Inline Labels */
	label.inlined { padding-left: 6px; font-weight: normal; font-size: 12px; color: #808080; -webkit-transition: color 0.15s linear; position: relative; top: 1px; display: inline;}
	label.inlined + input.input-text { margin-top: -21px; background-color: transparent; position: relative; }
	label.inlined.focus { color: #bbb; }
	label.inlined.has-text { color: #fff; -webkit-transition-duration: 0.0s; }
    label.big { opacity: 1; font-size:14px; font-weight:bold; }
	form fieldset small { display: block; margin-top: 4px; }

	/* Text input and textarea sizes */
	input.mini, textarea.mini { width: 90px; }
	input.small, textarea.small { width: 120px; }
	input.medium, textarea.medium { width: 286px; }
	input.large, textarea.large { width: 548px; }

	input.end, textarea.end { margin-bottom: 0; }

	input.grey, textarea.grey { background-color: #eee; margin-bottom: 10px; }

	/* Sets of checkboxes and radio buttons */
	ul.options { margin-bottom: 18px; }
	ul.options li { padding: 0 0 3px; }
	ul.options li label { font-size: 13px; font-weight: normal; }
	ul.options li input.radio,
	ul.options li input.checkbox {  }

	/* Inline options */
	ul.options.inline {  }
	ul.options.inline li { display: inline; padding-right: 8px; }
	ul.options.inline li.label { font-weight: bold; background: none; color: #333; text-transform: none; padding: 0; display: inline; font-size: 13px; }
	ul.options.inline label { display: inline; }

	/* Actions (buttons and links) at the bottom of forms) */
	fieldset.actions { margin: 9px 0 0; padding: 12px 0 13px; text-align: right; border-top: 1px solid #ddd;}
	fieldset.actions * { display: inline-block; }

    /* Error states */
    form label.error {display: inline block; font-size: 12px; margin: 0 0 9px 0; padding: 0px; line-height: 4px; color: #910000; }
    form .phone label.error { margin: 9px 0px }

    .charcounter { display: block; font-size: 11px; margin-bottom: 9px; margin-top: -3px; } 

/*	Buttons ---------- */
    .button { 
        background: #eee url(/rf/assets/images/buttons/button-overlay.png) repeat-x 0 0; 
        display: inline-block;
        padding: 9px 10px 9px 10px; 
        color: #477ea8; 
        font-size: 13px; 
        font-weight: bold; 
        line-height: 13px !important;
        text-decoration: none; 
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px; 
        border-radius: 3px;
        border: solid 1px #ddd;
        position: relative; 
        cursor: pointer; 
        overflow: visible; 
        width: auto; 
        text-shadow: 0px 1px 1px rgba(255,255,255,0.75); 
    }

    a.button, .page-container a.button { text-decoration: none; }
	.button::-moz-focus-inner { border: 0; padding: 0; }

	.button:hover { background-color: #ddd; }
	.button:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }

    /* Small Buttons */
	.button.micro { font-size: 10px; padding: 3px 6px 3px 6px !important; background-image: url(/rf/assets/images/buttons/button-overlay.png); }

	/* Small Buttons */
	.button.small { font-size: 11px; padding: 5px 10px 5px !important; background-image: url(/rf/assets/images/buttons/button-overlay.png); }

	/* Medium Buttons */
	.button.medium { font-size: 15px; padding: 9px 18px 11px 18px !important; background-image: url(/rf/assets/images/buttons/medium-overlay.png); }
    body.ie .button.medium { padding: 10px 18px 10px 18px !important; }

	/* Large Buttons */
	.button.large { font-size: 17px; padding: 18px 19px 19px !important; background-image: url(/rf/assets/images/buttons/large-overlay.png); }

	/* Colors for our buttons */
	.button.blue            { background-color: #195685; border-color: #2a5f87; color: #fff; text-shadow: 0px -1px 1px rgba(0,0,0,0.75); }
	.button.blue:hover      { background-color: #103f63; }

    .button.red             { background-color: #b72f1c; border-color: #6E1D04; color: #fff; text-shadow: 0px -1px 1px rgba(0,0,0,0.75); }
	.button.red:hover       { background-color: #6E1D04; }

    .button.green           { background-color: #59A500; border-color: #569417; color: #fff; font-weight: bold;
                              text-shadow: 0px 1px 1px rgba(0,0,0,0.75); }
    .button.green:hover     { background-color: #448000; }

    .button.orange          { background-color: #FF7B00; border-color: #FF7B00; color: #FFF; font-weight: bolder; text-shadow: 0px 0px 1px rgba(255,255,255,0.75); }
    .button.orange:hover    { background-color: #FF9B00; }

    .button.gray            { background-color: #C8CED2; border-color: #C8CED2; color: #838C92; text-shadow: 0px 0px 1px rgba(255,255,255,0.5); }
    .button.gray:hover      { background-color: #FF9B00; }

    .button.inactive { 
        opacity: 0.5; 
        -moz-opacity: 0.5; 
        background-color: #555; 
        color: #999;
        text-shadow: none;
        border: 1px solid #666; 
    }

    .button.inactive:hover  { cursor: default; background-color: #666; }
	.button.inactive:active { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); }

    .button.glossy          { background-image: url('/rf/assets/images/ui/glossy_button_bg.png') !important; background-repeat: repeat-x; }

    .jobs.button            { padding-top: 10px !important; padding-bottom: 10px !important; float: left; margin-top: 10px; } 
    .jobs.button .icon      { width: 25px; height: 25px; background-position: -95px -60px; /* display: inline-block; float: none; vertical-align: text-bottom; */} 
    .jobs.button .text      { display: block; float: left; padding: 7px; }  

    .green.button .icon       { display: inline-block; width: 18px; height: 18px; float: none; vertical-align: top;
                                background: url(/rf/assets/images/icons/icon-sprite.png) -75px -65px; margin: -1px 0 0 2px; } 

    .small.green.button .icon { width: 13px; height: 13px; background-position: -115px 0px; margin: 0 -3px 0 1px; vertical-align: -2px; } 

    .ie .green.button .icon   { margin-top: -1px; } 


    /* autocomplete/search inputs */
    input.running           { background: url('/rf/assets/images/spinners/ajax-loader.gif') no-repeat right 5px; }

    /* Split Buttons */
    ul.button               { background-image: url(/rf/assets/images/buttons/medium-overlay.png);
                              display: inline-block; width: auto; padding: 0; }
    ul.button:hover         { background-color: #eee; }
    ul.button:active        { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); }
    ul.button li            { display: block; float: left; border-right: 1px solid #B6BCC0; /*background: url(/rf/assets/images/buttons/split-divider.gif) top right no-repeat; */}
    ul.button li.last       { border-right: none; }
    ul.button li a          { display: block; font-size: 15px; padding: 13px 19px 14px 18px; text-decoration: none;}
    ul.button li a.dropdown { padding-right: 36px !important; background: url(/rf/assets/images/buttons/button-dropdown.png) right center no-repeat; }
    ul.button li a img      { margin: -3px 5px -7px 0px; }

    /* button bar */
    ul.bar              { margin: 0px; padding: 0px; display: block; height: 28px; background-color: #E0E3E5; }
    ul.bar:hover        { background-color: #E0E3E5; }
    ul.bar li           { margin: 0px; padding: 8px 14px 0px 14px; height: 21px; font-size: 12px; line-height: 130%; color: #5E6A6F; }
    ul.bar li a,
    ul.bar li span      { margin: 0px; padding: 0px; font-size: 12px; line-height: 130%; color: #5E6A6F !important; }
    ul.bar.glossy       { background-position: 0px -4px; }

    ul.bar li.highlight { background-color: #77BB00; color: #FFF; }
    ul.bar li.highlight span,
    ul.bar li.highlight a    { color: #FFF !important; font-weight: bold; text-shadow: 0px 0px 2px #000000;
                               filter: dropshadow(color=#000000, offx=0, offy=0);}
    ul.bar.glossy .highlight { background-image: url('/rf/assets/images/ui/glossy_button_bg.png') !important; background-position: 0px -4px !important; }

    .button .negative a { color: #D21900; }
    .button .positive a { color: #197547; }

/*	--------------------------------------------------
	Structure
	-------------------------------------------------- */

	/*	Container ------------------------------------- */
	div.container           { position: relative; width: 1013px; margin: 0 auto; padding: 0; }

    div.outer-page-container{ background: url(/rf/assets/images/ui/page_background.png) top left no-repeat; padding: 15px 23px 0 23px; margin-top: -15px;}

	div.page-container      { margin: 0; padding: 5px 20px 5px 20px; background: #FFF; position: relative; }

    /* .ie8 div.container      { position: static; } */
    .ie8 div.page-container { width: 927px; }

	.right                  { float: right; }
	.left                   { float: left; }
    .clr                    { clear: both; }
    .invisible              { visibility: hidden; }
    div.content-container   { padding: 15px 25px; }

    #debug-container        { padding: 10px 30px; text-align: left; font-family: Monaco, Courier, mono-spaced; } 
    #debug-container table  { padding: 0px 20px; } 

/*	--------------------------------------------------
	Grid
	-------------------------------------------------- */
	.column-row, .row { margin: 12px -27px; }
	.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }

	.one    { width: 60px; }
	.two    { width: 140px; }
	.three  { width: 220px; }
	.four   { width: 300px; }
	.five   { width: 380px; }
	.six    { width: 460px; }
	.seven  { width: 540px; }
	.eight  { width: 620px; }
	.nine   { width: 700px; }
	.ten    { width: 780px; }
	.eleven { width: 860px; }
	.twelve { width: 940px; }

    .offset-by-one-quarter { margin-left: 25px; }
	.offset-by-one-half    { margin-left: 50px; }
	.offset-by-one         { margin-left: 100px; }
	.offset-by-two         { margin-left: 180px; }
	.offset-by-three       { margin-left: 260px; }
	.offset-by-four        { margin-left: 340px; }
	.offset-by-five        { margin-left: 420px; }
	.offset-by-six         { margin-left: 500px; }
	.offset-by-seven       { margin-left: 580px; }
	.offset-by-eight       { margin-left: 660px; }
	.offset-by-nine        { margin-left: 740px; }
	.offset-by-ten         { margin-left: 820px; }

	/* Clear the columns automagically, thanks @kneath */
	.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .column-row,
    * html .row,
    * html .clearfix { height: 1%; }
	.column-row, .row, .clearfix { display: inline-block; }
	.column-row, .row, .clearfix { display: block; }

	/*	IE6 Problems ---------- */
	body.ie .column-row          { width: 980px; }
	body.ie .eight .column-row	 { width: 640px; }
	body.ie .nine .column-row	 { width: 720px; }
	body.ie .ten .column-row	 { width: 800px; }
	body.ie .eleven .column-row  { width: 880px; }

    .column-row .rule            { height: 1px; background: #EEE; margin-top: 4px; margin-bottom: 12px; }

/*	----------------------------------------
	Alerts & Errors
	---------------------------------------- */
	/* Plain, Simple Alert */
	p.warning, p.error, p.success, p.info {
        margin: 0 0 18px; padding: 9px 30px 9px 15px; color: #fff !important; text-shadow: 0 0 1px rgba(0,0,0,0.01);
        background: url(/rf/assets/images/buttons/medium-overlay.png) repeat-x; position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
	p.warning a, p.error a, p.success a, p.info a { color: #fff !important; font-weight: bold; text-decoration: underline; }
	p.warning a.alert-close, p.error a.alert-close, p.success a.alert-close, p.info a.alert-close { width: 17px; height: 18px; text-indent: -9999px; display: block; position: absolute; right: 10px; top: 10px; background: url(/rf/assets/images/buttons/close.png) no-repeat; opacity: 0.3; -moz-opacity: 0.3 }
	p.warning a.alert-close:hover, p.error a.alert-close:hover, p.success a.alert-close:hover, p.info a.alert-close:hover { opacity: 1; -moz-opacity: 1; }

	/* Warnings */
	p.warning { background-color: #f09f00;  }
	p.warning small { color: #fff; }

	/* Errors */
	p.error { background-color: #9a271f; color: #fff; }
	p.error strong { color: #fff; }
	p.error small { color: #fff; }
	span.error { color: #9a271f; font-weight: bold; }

	/* Success */
	p.success { background-color: #4ca200; color: #fff; }
	p.success strong { color: #fff; }
	p.success small { color: #fff; }
	span.success { color:#4ca200; font-weight: bold; }

	p.info { background-color: #477ea8; color: #fff; }
	p.info small { color: #fff; }
	span.info { color:#477ea8; font-weight: bold; }

    /* judgements */
    .judgement.absolutely { color: #51E85E; font-weight: bold; text-shadow: 0px 1px 2px #333;
                            filter: dropshadow(color=#424242, offx=0, offy=1);}
    .judgement.yes        { color: green; }
    .judgement.maybe      { color: #F7B705; }
    .judgement.no         { color: red; }
    .judgement.pending    { color: #CCC; font-style: italic; } 
    .judgement.nocolor    { color: inherit !important; }

    .decision-made.yes, .decision-choose a.yes:hover     { color: #669966; font-weight: bold; }
    .decision-made.maybe, .decision-choose a.maybe:hover { color: #FFCC00; font-weight: bold; }
    .decision-made.no, .decision-choose a.no:hover       { color: #BD362D; font-weight: bold; }



/*	--------------------------------------------------
	Custom Labels
	-------------------------------------------------- */
	.label { background: #999; display: inline-block; padding: 3px 5px 4px; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 0 1px transparent; }
	.label:hover { text-decoration: none; color: #fff; }
	body.ff2 .label { -moz-border-radius: 0; }

	/* Color colors */
	.label.green { background: #a5c941; text-shadow: 0 0 1px #a5c941; }
	.label.blue { background: #2daebf; text-shadow: 0 0 1px #2daebf; }
	.label.magenta { background: #a9014b; text-shadow: 0 0 1px #a9014b; }
	.label.red { background: #e33100; text-shadow: 0 0 1px #e33100; }
	.label.orange { background: #ff5c00; text-shadow: 0 0 1px #ff5c00; }
	.label.yellow { background: #fc9200; text-shadow: 0 0 1px #fc9200; }

	/* Other Basics */
	.label.black { background: #333; text-shadow: 0 0 1px #222; }
	.label.white { background: #fff; padding: 0 3px 1px; border: 1px solid #ddd; color: #333; text-shadow: 0 0 1px #fff; }

/*	--------------------------------------------------
    Icons	
	-------------------------------------------------- */

    .icon         { display: block; float: left; background-image: url('/rf/assets/images/icons/icon-sprite.png');
                    background-repeat: no-repeat; }
    .small.icon   { width: 18px; height: 18px; }
    .micro.icon   { display: inline-block; width: 13px; height: 14px; float: none; }
    
    a.details-link               { text-decoration: none; }
    a.details-link .micro.icon   { background: url(/rf/assets/images/icons/icon-sprite.png) -60px -65px; vertical-align: middle; height: 13px; }
    a.details-link .text         { text-decoration: underline; }
    
    .location.small.icon { background-position:   3px 3px; }
    .calendar.small.icon { background-position: -16px 2px; }
    .gasoline.small.icon { background-position: -40px 1px; width: 20px; }

    .req.icon            { width: 24px; height: 17px; overflow: hidden; text-indent: -99px; display: inline-block; } 
    .open.req.icon       { background-position: -120px -35px; }
    .closed.req.icon     { background-position: -150px -35px; } 
    .private.req.icon    { background-position: -180px -35px; } 
    .pending.req.icon    { background-position: -210px -35px; } 
    .not-sourcing.req.icon    { background-position: -210px -35px; } 
    .paused.req.icon     { background-position: -210px -35px; } 
    .info.icon           { background: url(/rf/assets/images/icons/icon-sprite.png) -60px -65px no-repeat; }
    
    .status-label        { display: inline-block; width: 55px; vertical-align: -4px; margin-left: 2px; font-size: 11px; } 

    .account-mgr.icon    { background: #CCC; background-image: none; } 
    .newwindow.icon      { display: inline-block; float: none; width: 14px; height: 13px; background-position: -135px -1px; 
                           vertical-align: -3px; } 
/**
 * RF additions
 */

.opacity50 {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.sub-header {
    position: relative;
    margin-bottom: 18px;
    padding-bottom:8px;
    border-bottom: 1px solid #ddd;
}

fieldset.address #city          { width: 160px; }
fieldset.address #postal_code   { width: 85px; }
form fieldset label small       { display:inline-block; }

fieldset label.no-width         { width: auto; display: inline-block;}

.blocklist    { display: block; list-style: none; margin: 3px 0px; padding: 0px; }
.blocklist li { list-style: none; margin: 0 12px 6px 0; padding: 0px; display: block; float: left; }


.clickable {
    cursor: pointer;
    text-decoration: underline;
    color: #477ea8;
}

input.phone {
    width: 255px !important;
}

.inline-block { display: inline-block; }


/**
 * star ratings
 */
.star-rating-container               { }
.star-rating-container .stars        { width: 55px; height: 13px; background: url('/rf/assets/images/icons/icon-sprite.png') 0px -40px; float: left }
.star-rating-container .filled-stars { width: 0px; height: 13px; background: url('/rf/assets/images/icons/icon-sprite.png') 0px -25px; }
.star-rating-container .score        { float: left; display: block; font-size: 11px; line-height: 12px; padding-left: 4px; }
    /*
     * jQuery UI CSS Framework 1.8.4
     *
     * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Theming/API
     */
    
    /* Layout helpers
     * ----------------------------------*/
    .ui-helper-hidden { display: none; }
    .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
    .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
    .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .ui-helper-clearfix { display: inline-block; }
    .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
    
    /* Interaction Cues
     * ----------------------------------*/
    .ui-state-disabled { cursor: default !important; }
    
    /* Icons
     * ----------------------------------*/
    
    /* states and images */
    .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
    
    
    /* Misc visuals
     * ----------------------------------*/
    
    /* Overlays */
    .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    
    
    /*
     * jQuery UI CSS Framework @VERSION
     *
     * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Theming/API
     *
     */
    
    /* Component containers
     * ----------------------------------*/
    .ui-widget {  }
    .ui-widget .ui-widget {  }
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  }
    .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; color: #333333; }
    .ui-widget-content a { color: #333333; }
    .ui-widget-header { border: 1px solid #e78f08; background: #f6a828; color: #ffffff; font-weight: bold; }
    .ui-widget-header a { color: #ffffff; }
    
    /* Interaction states
     * ----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #1c94c4; }
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce; font-weight: bold; color: #c77405; }
    .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff; font-weight: bold; color: #eb8f00; }
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
    .ui-widget :active { outline: none; }
    
    /* Interaction Cues
     * ----------------------------------*/
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c; color: #363636; }
    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 color: #ffffff; }
    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
    
    /* Misc visuals
     * ----------------------------------*/
    
    /* Corner radius */
    .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
    .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
    .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
    .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
    .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
    .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
    .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
    .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
    .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    
    /* Overlays */
    .ui-widget-overlay { background: #666666; opacity: .50;filter:Alpha(Opacity=50); }
    .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    
    /*
     * jQuery UI Autocomplete @VERSION
     *
     * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Autocomplete#theming
     */
    .ui-autocomplete { position: absolute; cursor: default; }
    
    /* workarounds */
    * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
    
    /*
     * jQuery UI Menu @VERSION
     *
     * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Menu#theming
     */
    .ui-menu {
        list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
        float: left;
    }
    .ui-menu .ui-menu {
        margin-top: -3px;
    }
    .ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }
    .ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
    }
    .ui-menu .ui-menu-item a.ui-state-hover,
    .ui-menu .ui-menu-item a.ui-state-active {
        font-weight: normal;
        margin: -1px;
    }

    /*
     * jQuery UI Slider 1.8.14
     *
     * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Slider#theming
     */
    .ui-slider { position: relative; text-align: left; }
    .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
    .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
    
    .ui-slider-horizontal { height: .8em; }
    .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
    .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
    .ui-slider-horizontal .ui-slider-range-min { left: 0; }
    .ui-slider-horizontal .ui-slider-range-max { right: 0; }
    
    .ui-slider-vertical { width: .8em; height: 100px; }
    .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
    .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
    .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
    .ui-slider-vertical .ui-slider-range-max { top: 0; }
    

/***************************************
*********** end jquery ui **************
***************************************/


/**
 * Tooltips
 */
.tooltip {
    padding: 10px;
    background-color: #ffffdd;
    width: 260px;
    -khtml-box-shadow: 1px 6px 10px #888;
    -moz-box-shadow: 1px 6px 10px #888;
    -webkit-box-shadow: 1px 6px 10px #888;
    box-shadow: 1px 6px 10px #888;
    z-index: 10;
}
.tooltip.wide { 
    width: 550px;
}

.tooltip-dark {
    padding: 10px;
    background-color: #4d4b4b;
    width: 250px;
    font-size: 12px;
    color: #fff;
    -khtml-box-shadow: 1px 2px 6px #888;
    -moz-box-shadow: 1px 2px 6px #888;
    -webkit-box-shadow: 1px 2px 6px #888;
    box-shadow: 1px 2px 6px #888;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 10;
}

#graph_tip {
    position: absolute;
    width: 110px;
    height: 20px;
    border: 1px solid #333;
    -webkit-box-shadow: 1px 1px 5px #5e5e5e;
    -moz-box-shadow:    1px 1px 5px #5e5e5e;
    box-shadow:         1px 1px 5px #5e5e5e;
    background: #d9d4b2
}

#graph_tip .rating-label {
    font-weight: bold;
}


/**
 * Resizable textareas
 */
textarea.resizable {
    display: block;
    overflow: auto;
}

/**
 * Quote bubbles
 */
.quote-bubble {
    position: relative;
    padding: 15px;
    margin: 10px 0 10px;
    color: #333;
    background: #eee;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.quote-bubble p {

}

/* creates the triangle */
.quote-bubble:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -25px;
    left: 72%;
    border-width: 0 20px 25px 0px;
    border-style: solid;
    border-color: transparent #eee;
}

/* Bump the triangle over when narrower */
.four .quote-bubble:after {
    left: 62%;
}

.quote-owner {
    padding: 32px 90px 0 0;
    text-align: right;
    background: 96% 0 no-repeat;
    /* Make sure the headshots are 65 x 65 px */
}

.quote-owner h5 {
    margin: 0;
    font-size: 12px;
}

.quote-owner p {
    margin: -3px 0 0 0;
    font-size: 12px;
}

.hilight {
    text-shadow: 1px 1px 5px #FFFF00;
}

.strong {
    font-size: 14px;
    font-weight: bold;
}

.scrollfix {
    z-index:10;
}

/** 
 * Client quotes 
 * Inheriting from above, but slightly different. 
 */
.client-quote {} 
.client-quote .quote-bubble p  { color: #8C9499; font-size: 11px; line-height: 160%; } 
.client-quote .quote-owner     { background: none; padding-right: 0px; padding-top: 0px;  } 
.client-quote .quote-owner h5  { color: #5B666C; font-size: 12px; } 
.client-quote .quote-owner p   { font-size: 11px; color: color: #8C9499; } 
.client-quote .text-container  { float: right; text-align: right; margin: 16px 8px 8px 0; } 
.client-quote .quote-owner img { width: 50px; height: 50px; background: #CCC; float: right;  } 

.tablesorter-helper {
    display: none;
}



/*	--------------------------------------------------
	Header
	-------------------------------------------------- */

#header { 
    position: relative;  
    clear: both; 
    height: 81px; 
    width: 966px; 
    margin: 0 23px;
}

#header #logo { 
    width: 194px; 
    height: 34px; 
    margin: 24px 0 0 12px; 
    display: block; 
    float: left; 
    position: relative;
    background: url(/rf/assets/images/ui/rf_logo.png) no-repeat; 
    text-indent: -999px; 
    text-decoration: none;
}

#header a #is-dev { 
    position: absolute; 
    top: 3px; 
    left: 195px; 
    display: block; 
    padding: 2px 4px; 
    color: #FF7B00;
    text-indent: 0px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    text-decoration: none;
    text-shadow: 0px 0px 4px #fdff87; 
    filter: dropshadow(color=#fdff87, offx=0, offy=0);
    font-size: 9px; 
    font-weight: bold;
}
                       
.starburst {
    display: block;
    width: 3em;
    height: 3em;
    background:#fe0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    rotation: -45deg;
    position: relative;
    top: -8px;
    left: -12px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.starburst span {
    display: block;
    width: 3em;
    height: 3em;
    background: #fe0;
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    rotation: 22.5deg;
}

.starburst span strong {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 3px;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    rotation: -22.5deg;
    line-height: 27px;
    font-size: 110%;
}

/* Dropdown panels and help ----------*/
.dropdown-element             { position: absolute; top: 40px; padding: 15px !important; z-index: 20; }
.dropdown-element form        { margin: 0; }
.dropdown-element small       { display: block; margin-top: 8px; }
#header .dropdown-element a   { margin: 0; }

#signInButton                 { margin-top: 18px; }
#signInPanel                  { right: 0px; top: 45px; width: 235px; text-align: left; }
#signInPanel input.input-text { width: 220px; }

#helpPanel                    { right: -9px; top: 20px; width: 317px; text-align: left; display: none; z-index: 20; }
#helpPanel h3                 { color: #2a5f87; font-size: 16px; }
#helpPanel table td           { font-size: 13px; }
#helpPanel .close             {
    float: right;
    cursor: pointer;
}

/* header search ----------*/
.search-form                  { display: block; margin: 27px 0px 0px 187px; position: relative; float: left; }
.ie .search-form              { margin-left: 60px; }
.search-form .input-text      { width: 180px; }
.search-form .button    { position: absolute; right: 0px; top: 0px; height: 30px; width: 36px; padding: 0;  margin: 0;
                                background: url(/rf/assets/images/buttons/header-search.png); border: none; }
.search-form .button:hover { background-position: 0px -30px; }

.search-form .search-clear { font-size: 1px; cursor: pointer; height: 15px; width: 15px; margin-left: 5px;
                                background-image: url(/rf/assets/images/buttons/close_sprite.gif); vertical-align: middle; display: none; }
.search-form .search-clear:hover { background-position: 0px -15px; }
.search-form #advanced-search { position: absolute; color: gray; font-size: 11px; top: 8px; right: 197px; }

/* user controls -----------*/
#header .user-controls     { float: right; width: 280px; height: 41px; border: 1px solid #E4E7E9; padding: 5px; color: #5B666E;
                             background: #E4E7E9 url(/rf/assets/images/ui/blue_small_background.gif) repeat-x; margin-top: 15px;
                             -moz-border-radius: 8px; border-radius: 8px; }

#header .user-controls .user-name  {
    float: left;
    font-weight: bold;
    font-size: 12px;
    margin-top: 1px;
    width: 175px;
    overflow: hidden;
    white-space: nowrap;
}

body.ie #header .user-controls .user-name  {
    font-size: 13px;
}

#header .user-controls .rule       { clear: both; margin: 2px 0 0 0; border-top: 1px solid #EFF1F3; }
#header .user-controls .buttons    { border-top:1px solid #C3C8CD; margin-top:0; color: #838C92; font-size: 11px; padding: 1px 2px 0 2px; }
#header .user-controls .buttons a  { color: #838C92; text-decoration: none; width: 33%; display: block; float: left; position: relative; }
#header .user-controls .icon       { width: 18px; height: 18px; display: inline-block; float: none; vertical-align: middle; }
#header .user-controls .text       { display: inline-block; margin-left: 2px; height: 20px; vertical-align: middle; }
#header #dashboard_link .icon      { background: url(/rf/assets/images/icons/header-sprite-icons.gif)   0px 0px no-repeat; }
#header #message_link .icon        { background: url(/rf/assets/images/icons/header-sprite-icons.gif) -25px 0px no-repeat; }
#header #settings_link .icon       { background: url(/rf/assets/images/icons/header-sprite-icons.gif) -50px 0px no-repeat; }
#header #message_link              { text-align: center;  width: 36%; }
#header #message_link .msg-count   { font-weight: bold; }
#header #message_link .new-indicator {
    position: absolute;
    top: 0;
    left: 5px;
    background-color: #ff0000;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 0 6px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#header #settings_link             { text-align: right;  width: 30%; }
#header .user-controls #help_btn   { margin: -2px 0 3px 3px; }
#header .user-controls #logout_btn   { margin: -2px 0 3px 0; }

.ie #header .user-controls         { height: 45px; }
.ie #header .user-controls a       { cursor: pointer; }
.ie #header .user-controls .icon   { vertical-align: bottom; }
.ie #header .user-controls .text   { vertical-align: bottom; line-height: 18px; }

#feed-item-notifications {
    display: none;
    position: absolute;
    margin-top: 2px;
    width: 280px;
    z-index: 10;
    background-color: #fff;
    border: 0 solid #eee;
    border-width:0 1px 1px 1px;
}

#feed-item-notifications a {
    display: block;
    float: none;
    color: #5B666E;
    background-color: #FFFEF0;
    text-decoration: none;
    font-size: 11px;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

#feed-item-notifications a:hover {
    background-color: #E9ECD9;
}

/* sudo bar ------------- */
#sudobar             { padding: 5px; margin: 0 23px -15px 23px; text-align: center; clear: both; font-weight: bold;
                       background: #EAC516 url(/rf/assets/images/buttons/button-overlay.png) 0px 0px repeat-x;
                       -moz-border-radius-topleft: 6px;
                       -moz-border-radius-topright: 6px;
                       border-top-left-radius: 6px;
                       border-top-right-radius: 6px; }
#sudobar a.button    { margin: -2px 0 0 4px; display: inline-block; vertical-align: bottom; }
#sudobar .sudo-chars { font-size: 20px; font-weight: bold; color: #ff00ee; margin: 0 50px; }


/*	--------------------------------------------------
	Footer
	-------------------------------------------------- */

#footer               { margin: 40px 14px; padding-top: 10px; clear: both;  }
#footer .rule         { height: 1px; background: #C6CCD0; margin-bottom: 8px;
                        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.2);
                        -moz-box-shadow:    0px 0px 3px rgba(0,0,0,.2);
                        box-shadow:         0px 0px 3px rgba(0,0,0,.2); }
#footer a             { text-decoration: none; color: #838C92; }
#footer a:hover       { color: #C6CCD0; }
#footer p             { font-size: 12px; color: #838C92 }
#footer p.right       { text-align: right; }
#footer span, #footer a { padding: 0px 5px }


/*	--------------------------------------------------
	Group patterns (panels)
	-------------------------------------------------- */

ul.nav            { display: block; height: 20px; padding: 30px 15px 0 0px; float: left;}
ul.nav li         { display: block; margin-left: 10px; float: left; }

div.panel         { -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
                    -moz-border-radius-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
                    padding: 20px; margin-bottom: 30px; }

div.shaded.panel  { background: url(/rf/assets/images/shader.gif) repeat-x #f2f2f2; padding: 30px; }

div.light.panel   { -webkit-box-shadow: none; -moz-box-shadow: none; -moz-border-radius-box-shadow: none; box-shadow: none;
                    padding: 10px; margin-top: 0; margin-bottom: 0; ; border-top: 1px solid #E4E3E1; color: #5B666E}
.light.panel h3   { font-family: ScalaSansProBold; color: #5B666E; font-weight: normal; font-size: 18px; margin-bottom: 5px; }
.light.panel p,
.light.panel li   { color:  #5B666E; font-size: 12px; }

.ie div.light.panel { border-left: none; border-right: none; border-bottom: none; }

div.dark.panel    { background: #636D73 url(/rf/assets/images/ui/dark_grey_header.gif) top left repeat-x;
                    -moz-border-radius: 4px; border-radius: 4px;
                    -webkit-box-shadow: inset 0px 0px 2px #4d4d4d;
                    -moz-box-shadow: inset 0px 0px 2px #4d4d4d;
                     box-shadow: inset 0px 0px 2px #4d4d4d; padding: 10px 0; color: #E0E3E5; margin: 0 -14px; }
.dark.panel a     { color: #E0E3E5; }
.dark.panel h1    { color: #FFF; font-weight: normal; font-style: normal; line-height:normal;
                    font-family: 'ScalaSansProBold', sans-serif; font-size-adjust: 0.47; font-size: 25px;
                    margin: 0px; padding: 0px;}
.dark.panel .carveout     { background: #636D73 url(/rf/assets/images/ui/dark_grey_header.gif) bottom left repeat-x;
                            -moz-border-radius: 4px; border-radius: 4px;
                            -webkit-box-shadow: inset 0px 0px 2px #4d4d4d;
                            -moz-box-shadow: inset 0px 0px 2px #4d4d4d;
                             box-shadow: inset 0px 0px 2px #4d4d4d; padding: 12px 12px 0 12px; }
.dark.panel .carveout h1  { color: #E0E3E5; font-size: 14px; margin: 0; padding: 0 }
.dark.panel .green.button { color: #FFF; }

div.gray.panel  { background: #E4E6E9 url(/rf/assets/images/ui/large_gray_gradient.gif) top left repeat-x; 
                  -moz-border-radius: 5px; border-radius: 5px; padding: 12px;
                  -webkit-box-shadow: none; -moz-box-shadow: none; -moz-border-radius-box-shadow: none; box-shadow: none; }

div.gray.panel .footer { 
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

body.ie gray.panel { border: 1px solid #CCC; } 

.headline.panel { display: block; height: 41px; background: #EFEFF1 url(/rf/assets/images/ui/light_header.gif) bottom left repeat-x;
                  margin: -5px -20px 15px -20px; font-family: ScalaSansProBold; font-weight: normal; font-size: 26px;
                  padding: 10px 16px 0 16px; }
.headline.panel .light { font-family: ScalaSansProRegular; color: #5B666E; font-size: 22px; } 


.headline.panel span.subnav   { font-family: "Lucida Grande", Verdana, sans-serif; display: block;
                                padding: 8px 10px 0 0; border: none; font-size: 12px; }
.headline.panel span.subnav a { color: #477EA8; font-weight: normal; font-size: 12px; }

.headline.panel .column       { border-right: 1px solid #E3E6E8; margin-right: 20px; margin-left: 0;
                                margin-top: -10px; height: 41px; padding-top: 10px; }

.yellow.panel { background: #FDFCD4; border: 1px solid #DDE0E2;
                -webkit-box-shadow: 1px 1px 1px #dde0e2;
                -moz-box-shadow: 1px 1px 1px #dde0e2;
                box-shadow: 1px 1px 1px #dde0e2;
                -moz-border-radius: 10px; border-radius: 10px; padding: 10px; margin-bottom: 10px; }

.yellow.panel .header.new {
    background-color: #f0efda;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px 10px 0 0;
}
.panel .header .icon       { display: block; width: 12px; height: 12px; margin: 3px 5px 0 0; float: left; cursor: pointer; } 
.panel .header .open       { background: url(/rf/assets/images/icons/icon-sprite.png) -60px -50px no-repeat; }
.panel .header .closed     { background: url(/rf/assets/images/icons/icon-sprite.png) -75px -20px no-repeat; display: none; }

.collapsed.yellow.panel .header.new {
    background-color: transparent;
}

.collapsed.yellow.panel { background: #D3D7DA url(/rf/assets/images/ui/yellow_panel_collapsed.gif) top left repeat-x; }
.collapsed.panel .body  { display: none; } 
div.light.yellow.panel     { margin-bottom: 10px; border: none; padding: 0px; 
                             background: #FEFEEB url(/rf/assets/images/ui/yellow_grad.gif) bottom left repeat-x;  
                             -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; 
                             -moz-border-radius: 0px; border-radius: 0px; }

body.ff2 div.panel,
body.ie div.panel { border: solid 1px #e2e2e2; }

.white.panel { background: #FFF; border: 1px solid #D5D5D5;
               -webkit-box-shadow: none;
               -moz-box-shadow: none;
               box-shadow: none;
               -moz-border-radius: 7px; 
               border-radius: 7px; 
               padding: 10px; margin-bottom: 7px; }

.white.panel .header {
    background-color: #F0F0F2;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding: 10px;
    border-radius: 7px 7px 0 0;
    color: #494D50; 
    font-family: ScalaSansProBold;
    font-size: 18px;
    font-weight: normal;
}

.white.panel .header a.edit { 
    font-weight: normal; 
    color: #2A6EAB;
    text-decoration: underline; 
    font-family: "Lucida Grande", Verdana, sans-serif; 
    margin: 4px 8px 0 0; 
}

.ie .white.panel .header a.edit { 
    margin-top: -25px; 
}

.white.panel .header .cta { 
    background: url(/rf/assets/images/ui/blue_cta.png) no-repeat center bottom; 
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -11px; /* taking into account the white panel's border... */
    margin-bottom: 0px; 
    padding: 12px 10px 25px 10px; 
    border-radius: 7px 7px 0 0;
    color: #FFF;
    font-family: "Lucida Grande", Verdana, sans-serif; 
    font-size: 13px; 
    text-align: center;
}

.white.panel .header .cta a { 
    color: #FFF; 
    font-weight: bold; 
    text-decoration: underline; 
}


/**
 * tabs
 */
.tab-container { display: none; } 
ul.tabs { display: block; margin: 20px 0; padding: 0; height: 36px; border-bottom: solid 1px #ddd; }
ul.tabs li { list-style: none; display: block; line-height: 36px; float: left; margin: 0; }
ul.tabs li a { font-size: 15px; display: block; height: 36px; line-height: 36px; padding: 0px 20px; }
ul.tabs li.active a { cursor: default; color: #141414; border: solid 0px #ddd; border-width: 1px 1px 0px 1px; background: #fff; line-height: 34px; padding: 0px 19px;
                      -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft:  0px;
                       border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius:      0px; }

.tab-pane { visibility: hidden; }
.ajax-tab { padding-bottom: 20px }

/* Dark Tabs  ****/
ul.dark.tabs    { margin-bottom: 0px; border-bottom: 1px solid #778288; }
ul.dark.tabs li { background: #F3F4F4; margin-right: 2px;
                  -moz-border-radius-topleft:     4px;
                  -moz-border-radius-topright:    4px;
                  -moz-border-radius-bottomright: 0px;
                  -moz-border-radius-bottomleft:  0px;
                  border-top-left-radius:         4px;
                  border-top-right-radius:        4px;
                  border-bottom-right-radius:     0px;
                  border-bottom-left-radius:      0px; }
ul.dark.tabs li a        { color: #477EA7; font-size: 13px; }
ul.dark.tabs li.active   { background: #919A9E url(/rf/assets/images/ui/table_listing_thead_bg.gif) 0px -80px; }
ul.dark.tabs li.active a { background: none; color: #FFF; font-weight: bold; font-size: 14px; text-decoration: none;
                           border-top: none; border-left: none; border-bottom: 1px solid #778288; line-height: 37px;
                           text-shadow: 1px 1px 4px #363636; filter: dropshadow(color=#363636, offx=1, offy=1); }

/* yellow tabs ****/
.yellow.tab-container            {
    -moz-border-radius-topleft:    10px;
    -moz-border-radius-topright:   10px;
    border-top-left-radius:        10px;
    border-top-right-radius:       10px;
    background: #E6E4B8 url(/rf/assets/images/ui/yellow_tab_background.gif) top left repeat-x;
}

.yellow.tab-container ul.tabs    {
    margin-bottom: 0px;
    border-bottom: 2px solid #D9D59A;
}

.yellow.tab-container ul.tabs li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #477EA8;
    text-shadow: 1px 1px 2px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

.yellow.tab-container ul.tabs li.active {
    background: transparent;
    border: 2px solid #D9D59A; border-bottom: none;
    -moz-border-radius-topleft:    10px;
    -moz-border-radius-topright:   10px;
    border-top-left-radius:        10px;
    border-top-right-radius:       10px;
    height: 34px;
}


.yellow.tab-container ul.tabs li.active a {
    background: #FFF;
    line-height: 36px;
    -moz-border-radius-topleft:     8px;
    -moz-border-radius-topright:    8px;
    border-top-left-radius:         8px;
    border-top-right-radius:        8px;
    color: #5B666E;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    height: 36px;
}


.yellow.tab-container .tab-pane  {
    border: 2px solid #D9D59A;
    padding-top: 5px;
    border-bottom: none; border-top: none;
    background: #FFF url(/rf/assets/images/ui/yellow_tab_pane_background.gif) bottom left repeat-x;
    margin: 0px;
}


/**
 * Modals
 */
div.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(/rf/assets/images/1pxfade.png);
    z-index: 999;
}

div.modal-scaffolding {
    display: none;
    position: fixed;
    top: 20px;
    padding: 15px;
    overflow: auto;
    z-index: 1000;
}

div.modal-closer {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 1px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    background-image: url(/rf/assets/images/buttons/close_sprite.gif);
}

div.modal-closer:hover {
    background-position: 0px -15px;
}

div.modal-scaffolding.curvy {
    padding: 0 15px 15px 15px;
    -webkit-border-radius: 13px; 
    -moz-border-radius: 13px; 
    border-radius: 13px;
}

div.modal-scaffolding.curvy h3.header {
    margin: 0 -15px 15px -15px;
    padding: 12px 10px;
    background-color: #eee;
    text-align: center;
    font-size: 16px;
    color: #888;
    -webkit-border-radius: 13px 13px 0 0; 
    -moz-border-radius: 13px 13px 0 0; 
    border-radius: 13px 13px 0 0;
}

div.modal-scaffolding.curvy .modal-closer {
/*    top: -25px;
    right: -25px;
    width: 50px;
    height: 52px;
    background: transparent url(/rf/assets/images/buttons/modal-closer-curvy.png) 0 0 no-repeat;
    display: none;
*/
}

div.modal-scaffolding.curvy .modal-closer:hover {
    background-position: 0 0;
}

div.modal {
    background-color: #f9f9f9; 
    padding: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

div.modal form {
    margin-bottom: 0px;
}

div.modal.bare {
    background: none;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#modal_popup {
    display: none;
    z-index: 5;
}
#modal_popup .close {
    float: right;
}

div.popupbutton {
    border: 1px solid #999;
    position: absolute;
    left: 75px;
    top: -14px;
    background-color: #FFF;
    padding: 10px;
}

/**
 * progress bar
 */
ul.progress-bar {
    height: 32px;
    margin: 0 0 15px;
    padding: 0;
    background: url(/rf/assets/images/progress-bg.gif) no-repeat;
    padding: 0px 0px 0px 1px;
}
ul.progress-bar.center {
    margin: 0 auto 35px;
}
ul.progress-bar li {
    width: 140px;
    text-align: center;
    font-size: 13px;
    color: #878787;
    display: block;
    float: right;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 0 0 -10px;
    background: url(/rf/assets/images/progress-arrow.gif) right top no-repeat;
}
ul.progress-bar li.first, ul.progress-bar li.last {
    width: 129px;
}
ul.progress-bar li.first {
    margin-left: 0px;
    padding-right: 10px;
}
ul.progress-bar li.last {
    width: 149px;
    padding-right: 0;
    background: none;
    border-right: 1px solid #E7E7E7
}
ul.progress-bar li.complete {
    background-image: url(/rf/assets/images/progress-complete.png);
}
ul.progress-bar li.active {
    background-image: url(/rf/assets/images/progress-current.png);
    color: #fff;
    font-weight: bold;
}
ul.progress-bar a {
    cursor: pointer;
    color: #878787;
}
ul.progress-bar li.active a {
    color: #fff;
}

div.fit {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-top: 20px;
    padding-left: 44px;
}
div.fit small {
    font-size: 11px;
    color: #777;
    font-weight: normal;
    display: block;
    margin-bottom: 2px;
}
div.good.fit {
    background: url(/rf/assets/images/icons/checkmark.png) no-repeat;
}
div.poor.fit {
    background: url(/rf/assets/images/icons/poorfit.png) no-repeat;
}
div.possible.fit {
    background: url(/rf/assets/images/icons/possiblefit.png) no-repeat;
}

/** tiny progress bar **/
div.progress        { float: right; }
div.progress .inner { float: left;  width: 150px; height: 18px; position: relative; border: 1px solid #DDD;
                      background: #BBB url('/rf/assets/images/buttons/button-overlay.png') top left repeat-x;
                      -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.progress .bar   { height: 14px; background: url('/rf/assets/images/buttons/button-overlay.png') top left repeat-x;
                      margin: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius: 2px; background-color: #477EA8; }
div.progress span   { color: #FFF; position: absolute; display: block; top: 0px; left: 3px; font-weight: bold; font-size: 11px; }



/* @end */


/* @group Candidate Landing Page */

h1#candidateIntro {
    font-size: 36px;
    margin-bottom: 3px;
    width: 461px;
    color: #333;
}
h1#candidateIntro strong {
    color: #141414;
}

ul.benefits {
    margin: 35px 0px;
}
ul.benefits li {
    padding-left: 80px;
    position: relative;
    margin-bottom: 20px;
}
ul.benefits li p {
    font-size: 13px;
    text-align: justify;
}
ul.benefits li img {
    position: absolute;
    left: -10px;
    top: 0px;
}

body.ie6 ul.benefits li {
    margin-bottom: 0 !important;
}
body.ie6 ul.benefits li img {
    position: absolute;
    left: -90px;
    top: 0px;
}

cite {
    font-size: 12px;
    color: #aaa;
    margin-bottom: 25px;
    display: block;
}

div#videoSplash {
    width: 420px;
}

ul.testimonials {
    display: block;
    overflow: hidden;
    margin-left: -15px;
    width: 435px;
}
ul.testimonials li {
    width: 130px;
    float: left;
    margin-left: 15px;
}
ul.testimonials li h5  {
    font-size: 14px;
    margin-bottom: 3px;
}
ul.testimonials li p  {
    font-size: 12px;
    line-height: 1.2;
}

body.ie6 ul.testimonials {
    margin-left: -30px;
    width: 450px;
}

#cand-action-butt {
    margin-top: 15px;
}

/* @end */


/* @group Skills Test */

span.data {
    padding-left: 40px;
    display: block;
    margin-bottom: 12px;
    position: relative;
    font-size: 12px;
}
span#timeToComplete {
    background: url(/rf/assets/images/icons/clock.gif) no-repeat;
}
span#numberComplete {
    background: url(/rf/assets/images/icons/clipboard.gif) no-repeat;
    line-height: 35px;
}
span#numberComplete strong {
    position: absolute;
    left: 12px;
    top: 2px;
    font-size: 13px;
    font-weight: bold;
}
body.ie6 span#numberComplete strong {
    left: -28px;
}

p.question {
    font-size: 18px;
    line-height: 1.3;
    padding-left: 50px;
    position: relative;
}
span#questionNumber {
    font-size: 48px;
    color: #e5e5e5;
    font-weight: bold;
    position: absolute;
    left: -20px;
    top: -10px;
    display: block;
    line-height: 1;
    width: 60px;
    text-align: right;
}
body.ie6 span#questionNumber {
    left: -70px;
}

/* @end */





/*	--------------------------------------------------
    Fonts
	-------------------------------------------------- */
@font-face {
    font-family: 'ScalaSansProRegular';
    src: url('/rf/assets/fonts/scalasanspro-regular-webfont.eot?') format('eot'); 
    src: url('/rf/assets/fonts/scalasanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/rf/assets/fonts/scalasanspro-regular-webfont.woff') format('woff'),
         url('/rf/assets/fonts/scalasanspro-regular-webfont.ttf') format('truetype'),
         url('/rf/assets/fonts/scalasanspro-regular-webfont.svg#webfontYirZeSjh') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ScalaSansProBold';
    src: url('/rf/assets/fonts/scalasanspro-bold-webfont.eot');
    src: local('☺'), 
        url('/rf/assets/fonts/scalasanspro-bold-webfont.woff') format('woff'), 
        url('/rf/assets/fonts/scalasanspro-bold-webfont.ttf') format('truetype'), 
        url('/rf/assets/fonts/scalasanspro-bold-webfont.svg#webfont8oFBUMtY') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('/rf/assets/fonts/myriadpro-light-webfont.eot');
    src: url('/rf/assets/fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/rf/assets/fonts/myriadpro-light-webfont.woff') format('woff'),
         url('/rf/assets/fonts/myriadpro-light-webfont.ttf') format('truetype'),
         url('/rf/assets/fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('/rf/assets/fonts//rf/assets/fonts/myriadpro-bold-webfont.eot');
    src: url('/rf/assets/fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/rf/assets/fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('/rf/assets/fonts/myriadpro-bold-webfont.ttf') format('truetype'),
         url('/rf/assets/fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProSemibold';
    src: url('/rf/assets/fonts/myriadpro-semibold-webfont.eot');
    src: url('/rf/assets/fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/rf/assets/fonts/myriadpro-semibold-webfont.woff') format('woff'),
         url('/rf/assets/fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('/rf/assets/fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 

/**
 * RF Additions...
   */
ul.small.new-progress-bar {
    display: inline-block;
    height: 26px;
    margin: 3px 0px;
    padding: 0;
    border: 1px solid #E7E7E7;
    border-top: none;
    list-style: none;
}
.small.new-progress-bar li    {
    display: block;
    float: left;
    width: auto;
    text-align: center;
    font-size: 12px;
    color: #878787;
    height: 26px;
    margin: 0px;
    padding: 0px 10px 0px 0px;
    background: url('/rf/assets/images/progress-bar.png') -20px -64px no-repeat;
}
.small.new-progress-bar li span {
    display: block;
    height: 21px;
    padding: 5px 0 0 20px;
    line-height: 18px;
    background: url('/rf/assets/images/progress-bar.png') 0px -64px  no-repeat;
}

.small.new-progress-bar li span a {
    line-height: 18px;
}

.small.new-progress-bar li.first,
.small.new-progress-bar li.last {

}

.small.new-progress-bar li.first span {
    background: none;
}

.small.new-progress-bar .last {
    border-right: none;
}

.small.new-progress-bar .complete  {
    background-position: -20px -96px;
}

.small.new-progress-bar .complete span {
    background-position: 0px -96px;
}

.small.new-progress-bar .active {
    color: #fff;
    font-weight: bold;
    background-position: -20px 0px;
}

.small.new-progress-bar .active a {
    color: white;
}

.small.new-progress-bar a {
    text-decoration: none;
}

.small.new-progress-bar .active span{
    color: #fff;
    font-weight: bold;
    background-position: 0px 0px;
}

.small.new-progress-bar .next span {
    background-position: 0px -32px;
}

div.process-list {
    margin-left: 40px;
}


    .dash-actions { padding: 0; height: 150px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.35);
                    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.35); z-index: 2;  margin: 0 13px 40px 13px; }

    .dash-actions .div.column,
    .dash-actions .columns         { margin: 0; height: 150px; position: relative;
                                     background: url(/rf/assets/images/buttons/dash-actions-background.png) right no-repeat; }
	div.dash-actions div.three     { width: 225px; }
	div.dash-actions div.four      { width: 33%; }
	div.dash-actions div.four.last { width: 34%; }
	div.dash-actions div.six       { width: 50%; }

    .ie div.dash-actions div.four  { width: 31%; }
    .ie div.dash-actions div.six   { width: 450px; }

	div.dash-actions div.last { background-position: 0px 0px !important; }

	div.dash-actions a,
    div.dash-actions .dash-action-container { text-decoration: none; display: block; padding: 20px; text-align: center; height: 110px; cursor: pointer; }
	div.dash-actions h4 { text-align: center; margin-bottom: 0; padding: 0; color: #141414; }
	div.dash-actions span { color: #999; font-size: 13px; }

	div.dash-actions .badge { display: block; position: absolute; left: 54%; top: 15px; height: 24px; padding: 0px 8px; line-height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; color: #fff; font-weight: bold; font-size: 12px; text-shadow: 0 0 1px rgba(0,0,0,0.01); background: url(/rf/assets/images/buttons/medium-overlay.png) #b72f1c 0px -8px; background-repeat: repeat-x; -webkit-box-shadow:  0px 1px 3px rgba(0,0,0,0.35); -moz-box-shadow:  0px 1px 3px rgba(0,0,0,0.35); }



/**
 * Phone controls
 */
.phone                { font-size: 16px; }
.phone input          { margin-bottom: 0px; }
.phone .country_code  { width: 10px; }
.phone .area_code     { width: 30px; }
.phone .local_number  { width: 90px; }
.phone .primary-label { display: inline-block; margin: 4px 0 0 5px; }
.phone select         { margin-left: 5px; display: inline-block; margin: 2px 0 0 5px; }
.phone.icon           { background: url(/rf/assets/images/icons/icon-sprite.png) -95px -35px no-repeat; width: 19px; height: 19px; }

.email.icon           { background: url(/rf/assets/images/icons/icon-sprite.png) -75px -35px no-repeat; width: 19px; height: 19px; }


/* auto-generated floating loading indicator */
.loading-indicator {
    background-color: white;
    border: 1px solid #BBBBBB;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.9;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 500;
    font-size: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.loader {
    background: rgba(255, 255, 255, .8);
    position: absolute;
    min-height: 50px;
    z-index: 600;
}

.loader h2 {
    display: block;
    padding: 20px;
    color: #555;
    font-weight: normal;
    background: url('/rf/assets/images/spinners/ajax-loader.gif') 0px 23px no-repeat;

}

/* on-hover actions */
.hover-actions {
    position: absolute;
    background-color: #fff;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #555;
    z-index: 100;
    display: none;
}
.hover { 
    position: relative;
}

.action {

}


/**
 * histogram
 */
dl.histogram, dl.histogram dt, dl.histogram dd { margin:0; padding:0; }
dl.histogram         { position: relative; }
dl.histogram dt      { position: absolute; font-size: 9px; text-align: center; z-index: 4; border: none; font-weight: normal; }
dl.histogram dd      { position:relative; float:left; display:inline; margin-left: 1px; background: #EEE; }
dl.histogram span    { position:absolute; display:block; bottom:0; left:0; z-index:1; color:#555; text-decoration:none; }
dl.histogram span em { display:block; font-style:normal; float:left; line-height:200%; background:#fff; color:#555; border:1px solid #b1b1b1; position:absolute; top:50%; left:3px; text-align:center; width:23px; }

dl.with-axis         { border-left: 1px solid #555; border-bottom: 1px solid #555 }

dl span.axis         { display: block; position: absolute; z-index: 4; font-size: 9px; text-align: left;  }


/* Disposition */
.disposition {
    color: #FFF;
    padding: 2px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
}
.disposition.active {
    background-color: #94E01B;
}
.disposition.invited {
    background-color: #E0671B;
}
.disposition.hired {
    background-color: #0A801A;
}
.disposition.closed {
    background-color: #4F1A14;
}
.disposition.rejected {
    background-color: #E62E37;
}
.disposition.withdrawn {
    background-color: #7A7878;
}
.disposition.expired {
    background-color: #916365;
}
.disposition.no_show {
    background-color: #AD4247;
}

.inline-error {
    color: #E33100;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
}

.grey-box {
    padding: 15px;
    margin-left: 50px;
    background-color:#eeeeee;
}

/**
 * Minimal header (in minimal template)
 */

#minimal-header {
    padding: 0px;
}

#minimal-header .logo {
    width: 194px;
    height: 31px;
    cursor: pointer;
    background: url('/rf/assets/images/ui/rf_logo.png') top left no-repeat;
    margin: 15px 0 0 20px;
}

#minimal-header .logo h1 {
    display: none;
    color: #222;
    text-shadow: 0px 1px 1px #AAA;
    font-size: 16px;
    margin: 0px; 
    padding: 0px;
}

#minimal-header .logo p {
    display: none;
    margin: 3px 0 0 0;
    padding: 0px;
    color: #666;
    font-size: 12px;
}


.rounded-corners {
    -moz-border-radius-topleft:    10px;
    -moz-border-radius-topright:   10px;
    border-top-left-radius:        10px;
    border-top-right-radius:       10px;
    -moz-border-radius-bottomleft:    10px;
    -moz-border-radius-bottomright:   10px;
    border-bottom-left-radius:        10px;
    border-bottom-right-radius:       10px;
}

.rounded-top-corners {
    -moz-border-radius-topleft:    10px;
    -moz-border-radius-topright:   10px;
    border-top-left-radius:        10px;
    border-top-right-radius:       10px;
}

.rounded-bottom-corners {
    -moz-border-radius-bottomleft:    10px;
    -moz-border-radius-bottomright:   10px;
    border-bottom-left-radius:        10px;
    border-bottom-right-radius:       10px;
}

.tight.rounded-corners {
    -moz-border-radius-topleft:    5px;
    -moz-border-radius-topright:   5px;
    border-top-left-radius:        5px;
    border-top-right-radius:       5px;
    -moz-border-radius-bottomleft:    5px;
    -moz-border-radius-bottomright:   5px;
    border-bottom-left-radius:        5px;
    border-bottom-right-radius:       5px;
}

.dropshadow {
    -webkit-box-shadow:  0px 1px 3px rgba(0,0,0,0.35);
    -moz-box-shadow:  0px 1px 3px rgba(0,0,0,0.35);
}

.big-dropshadow {
    -webkit-box-shadow:  0px 6px 18px rgba(0,0,0,0.55);
    -moz-box-shadow:  0px 6px 18px rgba(0,0,0,0.55);
}


a.big-link {
    display: block;
    font-size: 24px;
    margin: 20px 10px;
}




.tree-expander { 
    display: inline-block;
    height: 10px;
    width: 10px;
    cursor: pointer;
    background-image: url("/rf/assets/images/arrow-black-right.png");
}

.tree-expander.expanded { 
    background-image: url("/rf/assets/images/arrow-black-down.png");
}


/**
 * Boners
 */

.boner .step { 
    height: 36px; 
    position: relative; 
}

#candidate-dashboard .boner div.icon { 
    float: right; 
    background: url(/rf/assets/images/icons/icon-sprite.png) -60px -18px no-repeat;
    width: 13px; 
    height: 13px; 
    margin: 7px 0 0 0; 
}

#candidate-dashboard .boner .step.active div.icon { 
    background: url(/rf/assets/images/icons/icon-sprite.png) -61px -32px no-repeat;
} 

#candidate-dashboard .boner .step.inactive div.icon { 
    display: none; 
} 
.boner .step .bar { 
    float: left; 
    text-align: left;  
    padding-top: 0; 
    width: 335px;
    height: 36px; 
    border-bottom: 1px solid #E5E7E9; 
    border-top: #F3F5F5; 
}

#candidate-dashboard .boner .step .bar { 
    width: 130px; 
    border: none; 
} 

.boner .percent { 
    float: right; 
    width: 50px; 
    font-size: 16px;
    color: #5B666E;
    font-family: ScalaSansProBold;
    width: 43px;
    float: left;
    padding: 5px 0 0 13px; 
    text-align: right;
}

.boner .step .bar div { 
    background: transparent url(/rf/assets/images/ui/boner-shine.png) top left repeat-x;
    height: 21px; 
    margin-top: 8px;  
    overflow: hidden; 
}

#candidate-dashboard .boner .step .bar div { 
    height: 15px; 
} 

.boner .step .bar span { 
    display: none; 
}

.boner .step .avg-score { 
    position: absolute; 
    top: 14px; 
    right: 10px; 
    font-size: 11px; 
    color: #8C9499; 
    text-shadow: 0px 0px 2px #fff; 
} 

.boner .step .presented { 
    color: #73B900; 
    font-weight: bold; 
}

.boner .step .selectable { 
    color: #5B666E; 
    font-weight: bold; 
}

.boner .step.last          { 
    background: #FFF; 
    margin-top: 4px;  /* issue with RCR and margin */
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
} 

.boner .row-label { 
    width: 150px; 
    float: left; 
    margin-left: 6px;
    height: 36px; 
    border-bottom: 1px solid #E5E7E9; 
    border-top: #F3F5F5; 
}

#candidate-dashboard .boner .row-label { 
    border-bottom: none; 
}

.boner .row-label .count { 
    font-size: 19px; 
    color: #5B666E; 
    font-family: ScalaSansProBold; 
    width: 43px;
    float: left; 
    padding: 8px 9px 0 0;
    text-align: right;
} 

.boner .last .row-label .count { 
    color: #64AC00; 
} 

.boner .row-label .name { 
    font-size: 11px; 
    color: #8c9499; 
    width: 80px; 
    float: left; 
    line-height: 13px; 
    margin: 6px 5px 0 4px; 
} 


/** tree expanders **/
.expander { 
    cursor: pointer;
}
.expandable { 
    display: none;
    margin-left: 15px;
} 
.expandable.expanded { 
    display: block;
}

.community-expert-name.elite {
    padding-right: 20px;
    background: url(/rf/assets/images/icons/crown.png) right 0 no-repeat;
}

/**
 * Old common.css
 * Please do not delete until oct 1
 */

/**
 * CSS used on the landing page for candidates
 */

#candidate-landing-container    { padding-top: 25px; }

#candidate-landing-container h1 { font-family: ScalaSansProBold; font-weight: normal; }

#accreditations { 
    margin-top: 70px;  
    text-align: right; 
}

.testimonials h5 a {
    text-decoration: underline;
}

#cand-quote {
    width: 400px;
}