@CHARSET "UTF-8";
/*
 * glassdoor.com styles affecting forms.
 */

/* --------------------------------------------------------------------------------------------------------
 * Common Form Elements
 * --------------------------------------------------------------------------------------------------------*/

	input[type='text'],
	input[type='password'],
	textarea {
		font-size: 12px;
		padding: 0 0 0 1px;
		}

/* --------------------------------------------------------------------------------------------------------
 * Completed Action Styles (messaging to user that just completed an action such as change password)
 * --------------------------------------------------------------------------------------------------------*/

	.completedActionFrame {
        padding: 8px 0;
        margin: 8px 0 20px 0;
        border: 1px solid #ab1600;
        background-color: transparent;
	 	position: relative; 
		}
		
	.completedActionFrame p {
		font-size: 14px;
		color: black;
		margin: 0;
		padding: 0;
		}

	.completedActionFrame p strong {
		color: #ab1600;
		font-weight: bold;
		}

	.completedActionFrame h3 {
		color: #007600;	
		font-weight: normal;
		margin: 2px 0;	
		}
		
	.completedActionFrame h3 strong {
		color: #007600;	
		font-weight: bold;	
		}
		
	.completedActionFrame .illustration {
		margin-right: 8px;
		height: 91px;
		width: 129px;
		float: right;
		}
		
	.completedActionFrame .messages {
		margin-left: 32px;
		text-align: center;	
	}
		
	.completedActionFrame .incent {
		margin-right: 138px;
		margin-left: 10px;
	}
	
	.completedActionFrame .messages .slightlySmall {
		font-size: 13px;
		margin: 2px 0;
	}
	
	.completedActionFrame .messages .slightlySmaller {
		font-size: 12px;
		margin: 2px 0;
	}
	
	.completedActionFrame .messages .check{
		vertical-align: text-bottom;
		}
		
	.doNextMessage .button {
		float: right;
		margin: -7px 0 0 8px;
		width: 100px;
		}
		
	.doNextMessage .doNextMsgLayoutTable {
		margin-left: auto;
		margin-right: auto;
		}

/* --------------------------------------------------------------------------------------------------------
 * Error handling
 * --------------------------------------------------------------------------------------------------------*/

    /*
     * Error header put into page if there are any errors on the page.  This header
     * will also contain action errors, if there are any.
     */
    .errorHeader {
        clear: both;
        padding: 4px;
        margin: 8px 20px;
        border: 2px solid #DA0000;
        }

    .fieldError {
        clear: both;
        padding: 4px;
        }

    .errorHeader div.errorMessage,
    .fieldError div.errorMessage  {
        clear: both;
        }
        
    .noIcon {
        width: 16px;
        height: 16px;
        }

    div.errorMessage .stopIcon,
    div.errorMessage .noIcon {
        float: left;
        padding: 0 2px 0 1px;
        margin: 0;
        }

    .errorHeader div.errorMessage p {
    	text-align: left;
    	margin: 0;
        padding: 3px;
        }

    .fieldError div.errorMessage p {
        text-align: left;
        margin: 0;
        padding: 1px;
        }

/* --------------------------------------------------------------------------------------------------------
 * FIELD LABEL / ERROR - Used to style labels for fields that have errors.
 * --------------------------------------------------------------------------------------------------------*/

    .labelError {
        white-space: nowrap;
        color: #880000;
        }
    
    .labelErrorRight {
        white-space: nowrap;
        color: #880000;
        text-align: right;
        }

/* --------------------------------------------------------------------------------------------------------
 * FIELD LABEL / NON-INPUT - Used to style data labels.
 * --------------------------------------------------------------------------------------------------------*/

    .label {
        white-space: nowrap;
        color: #886f4b;
        }
    
/* --------------------------------------------------------------------------------------------------------
 * FIELD LABEL / REQUIRED - normal specifies no alignment, Right forces it right
 * --------------------------------------------------------------------------------------------------------*/
    
    .labelReq {
        font-size: 1em;
        white-space: nowrap;
        color: #886f4b;
        padding-bottom: 2px;
        }

    .labelReqRight {
        white-space: nowrap;
        color: #886f4b;
        text-align: right;
        }

/* --------------------------------------------------------------------------------------------------------
 * FIELD LABEL / OPTIONAL - normal specifies no alignment, Right forces it right
 * --------------------------------------------------------------------------------------------------------*/
    
    .labelOpt {
        white-space: nowrap;
        color: #886f4b;
        padding-bottom: 2px;
        }

    .labelOptRight {
        white-space: nowrap;
        color: #886f4b;
        text-align: right;
        }

/* --------------------------------------------------------------------------------------------------------
 * Surveys
 * --------------------------------------------------------------------------------------------------------*/


/* --------------------------------------------------------------------------------------------------------
 * employerAutoComplete - text styles - styling for an employerAutoComplete div
 * --------------------------------------------------------------------------------------------------------*/

    .employerAC {
        width: 275px;           /* set width of widget here*/
        }

    /* style the actual text input box */
    .employerAC input {
        width: 275px;
        }

    /* style the pop-up list of suggestions */
    .employerAC .yui-ac-content {
        width: 500px;
        }

	.employerAC .yui-ac-content .yui-ac-highlight {
		background-color: #F9FFC4; 
		}

    .employerAC .searchResult {
    	white-space: nowrap;
    }

    .employerAC div.ticker {
    	float: left;
    	white-space: nowrap;
    	width: 45px;
    	min-width: 45px;
    	padding: 0 5px 0 0;
    	overflow: hidden;
		font-size: 10px;
    	}

	.employerAC .yui-ac-content .yui-ac-highlight div.ticker,
	.employerAC .yui-ac-content .yui-ac-highlight div.name {
		color: black;
		}

    .employerAC div.name {
    	float: left;
    	white-space: nowrap;
    	max-width: 425px;
    	min-width: 200px;
    	padding: 0 5px 0 5px;
    	overflow: hidden;
		font-size: 11px;
    	}

    .employerAC div.industry {
    	display: inline;
    	white-space: nowrap;
    	padding: 0 0 0 5px;
    	overflow: hidden;
    	list-style-type: none;
		font-size: 11px;
		color: #CCCCCC;
		font-style: italic;
    	}

    /*
     * The following works around a bug in IE that caused bullets to appear in auto-complete list.
     */
    .employerAC .yui-ac-content li {
    	list-style-type: none;
    	}

	.employerAC .yui-ac-content .yui-ac-highlight div.industry {
		color: #886f4b;
		}

/* --------------------------------------------------------------------------------------------------------
 * locationAutoComplete - text styles - styling for an locationAutoComplete div
 * --------------------------------------------------------------------------------------------------------*/

    .locationAC {
        width: 275px;           /* set width of widget here*/
        }

    /* style the actual text input box & the pop-up list of suggestions */
    .locationAC input,
    .locationAC .yui-ac-content {
        width: 275px;
        }

	.locationAC .yui-ac-content .yui-ac-highlight {
		color: black;
		background-color: #F9FFC4; 
		}


/* --------------------------------------------------------------------------------------------------------
 * locationAutoComplete - text styles - styling for an locationAutoComplete div
 * --------------------------------------------------------------------------------------------------------*/

    .jobTitle {
        width: 275px;           /* set width of job title / occupation field here */
        }

/* --------------------------------------------------------------------------------------------------------
 * pagerControl
 *   This is used for controls in a "pager" (a table with next, prev, results per page
 *   etc.).  This is applied to the controls, i.e. the Prev, Next, and other control links
 * --------------------------------------------------------------------------------------------------------*/

    .pagerControl {
        font-size: 0.9em;
        color: #c1a674;
        }
    
    .pagerControl a {
        text-decoration: none;
        color: #c1a674;
        }
    
    .pagerControl a:visited {
        text-decoration: none;
        }
    
    .pagerControl a:hover {
        text-decoration: underline;
        }

/* --------------------------------------------------------------------------------------------------------
 * EDIT ICON
 *
 * Styles applied to icons allowing attribute editing.
 * --------------------------------------------------------------------------------------------------------*/

    .editIcon {
        margin: 0 11px;
        vertical-align: middle;
        }

/* --------------------------------------------------------------------------------------------------------
 * GENERIC YUI AUTOCOMPLETE input box styles - need these for the dropdown items
 * --------------------------------------------------------------------------------------------------------*/
	
	/* styles for header/body/footer wrapper within container */
	.yui-ac-content {
	    position:absolute;
	    border: 1px solid #808080;
	    background: white;
	    overflow: hidden;
	    z-index: 9050;
	    max-height: 11em;
	    overflow: auto;
		}
	
	/* styles for container shadow */
	.yui-ac-shadow {
		position: absolute;
		margin: .3em;
		width: 100%;
		background: black;
		opacity: 0.1;
		z-index: 9049;
		}

	/* styles for results list */
	.yui-ac-content ul{
	    margin: 0;
	    padding: 0;
	    width: 100%;
		}
	
	/* styles for result item */
	.yui-ac-content li {
	    margin: 0;
	    padding: 2px 5px;
	    cursor: default;
	    white-space: nowrap;
	}
	
	/* styles for prehighlighted result item */
	.yui-ac-content li.yui-ac-prehighlight {
	    background:#B3D4FF;
		}
	
	/* styles for highlighted result item */
	.yui-ac-content li.yui-ac-highlight {
	    background: #426FD9;
	    color: white;
		}

/* --------------------------------------------------------------------------------------------------------
 * GENERIC YUI AUTOCOMPLETE input box styles - need these for the dropdown items
 * --------------------------------------------------------------------------------------------------------*/
 
 .strutsRadioButton {
    clear: left;
    display: inline;
    padding-right: 10px;
    }

/* --------------------------------------------------------------------------------------------------------
 * AJAX TEMPLATE - A template for Ajax - do not display it!
 * --------------------------------------------------------------------------------------------------------*/
 
    .ajaxTemplate {
        display: none;
        }

/* --------------------------------------------------------------------------------------------------------
 * FORM ELEMENTS
 * --------------------------------------------------------------------------------------------------------*/
 
    form p .aside {
        font-size: 11px;
        color: #886f4b;
        }

/* --------------------------------------------------------------------------------------------------------
 * PAD TABLE CELLS IN FORMS
 * --------------------------------------------------------------------------------------------------------*/
    
    form table td {
        padding: 0.2em;
        }

/* --------------------------------------------------------------------------------------------------------
 * 'ASIDE' TEXT FOR A FIELD IN A FORM
 * --------------------------------------------------------------------------------------------------------*/

    form .aside {
        font-size: 9px;
        color: #886f4b;
    	}

/* --------------------------------------------------------------------------------------------------------
 * REVERT TO NORMAL FOR FIREFOX
 * --------------------------------------------------------------------------------------------------------*/
    
    li>input.button, li>button, input.button>input.button, button>button {
        padding: 2px;
        }

/* --------------------------------------------------------------------------------------------------------
 * Style to allow spaces to be displayed in select box options
 * --------------------------------------------------------------------------------------------------------*/

    .spacedOption {
        white-space: pre
    	}

/* --------------------------------------------------------------------------------------------------------
 * Style used for in-place editor fields.
 * --------------------------------------------------------------------------------------------------------*/

    .inplaceEditor {
		position: absolute;
		visibility: hidden;
		z-index: 10000;
		border: 1px #606060 solid;
    	}

/* --------------------------------------------------------------------------------------------------------
 * Styles for breadcrumb bar
 * --------------------------------------------------------------------------------------------------------*/
 
 	.breadcrumbs {
 		margin: 0;
 		border-bottom: 1px #886f4b dotted;
 		}

 	.breadcrumbs ul {
		list-style: none;
 		}

 	.breadcrumbs li {
 		float: left;
 		padding: 0 3px 0 0;
 		}

 	.breadcrumbs li a {
 		text-decoration: none;
 		}

 	.breadcrumbs li a:hover {
 		text-decoration: underline;
 		}

 	.breadcrumbs .aside {
 		float: right;
 		margin: 0;
 		padding: 0;
 		}

/* --------------------------------------------------------------------------------------------------------
 * Styles for tab headers
 * --------------------------------------------------------------------------------------------------------*/
 
 	.tabPage {
 		float: left;
 		background: white;
 		}

	.tabPage .noNav {
		float: left;
		width: 1000px;
		height: 1px;
		clear: right;
		margin: 0;
		background: white url('../../img/tabs/bg.gif') repeat-x bottom;
		line-height: normal;
		}

	.tabPage .tabNav {
		float: left;
		width: 1000px;
		clear: right;
		margin: 0;
		background: white url('../../img/tabs/bg.gif') repeat-x bottom;
		line-height: normal;
		}

	.tabPage .tabNav ul {
		margin: 0;
		padding: 3px 10px 0;
		list-style: none;
		}

	.tabPage .tabNav li {
		float: left;
		margin: 0;
		padding: 0 0 0 6px;
		line-height: 20px;
		font-size: 15px;
		background: url('../../img/tabs/tab-left.gif') no-repeat left top;
		}

	.tabPage .tabNav li:hover {
		background: url('../../img/tabs/tab-left-hover.gif') no-repeat left top;
		}

	.tabPage .tabNav li.current:hover {
		background: url('../../img/tabs/tab-left-selected.gif') no-repeat left top;
		}

	.tabPage .tabNav li a {
		float: left;
		display: block;
		background: url('../../img/tabs/tab-right.gif') no-repeat right top;
		padding: 6px 27px 4px 21px;
		text-decoration: none;
		font-weight: normal;
		color: #0066cc;
		}

	.tabPage .tabNav li a:link,
	.tabPage .tabNav li a:visited {
		color: #0066cc;
		}

	.tabPage .tabNav li a:hover {
		color: #cc5a00;
		}

	.tabPage .tabNav li:hover a,
	.tabPage .tabNav a:hover {
		background-image: url('../../img/tabs/tab-right-hover.gif');
		}

	.tabPage .tabNav .current,
	.tabPage .tabNav .current:hover {
		background-image: url('../../img/tabs/tab-left-selected.gif');
		}

	.tabPage .tabNav .current:hover a,
	.tabPage .tabNav .current a {
		background-image: url('../../img/tabs/tab-right-selected.gif');
		padding-bottom: 5px;
		font-weight: bold;
		color: #886f4b;
		cursor: default;
		}

	.tabPage .tabNav .current a:hover {
		color: #886f4b;
		}

	.tabPage .tabNav li.aside {
		float: left;
		padding: 5px 0 0 12px;
		background: none;
		font-size: 11px;
		white-space: nowrap;
		}
	
	.tabPage .tabNav li.aside a {
		float: none;
		display: inline;
		background: none;
		font-weight: normal;
		padding: 0;
		text-decoration: underline;
		}

	.tabPage .tabNav li.aside a:hover {
		display: inline;
		background: none;
		font-weight: normal;
		}

	.tabPage .tabBody {
		padding: 8px 6px;
		background-color: white;
		}

	.tabPage .tabBody div.hr {
		margin: 10px 8px;
		}

/* --------------------------------------------------------------------------------------------------------
 * Styles for the paging control header and footer
 * --------------------------------------------------------------------------------------------------------*/

	.toolbar {
		vertical-align: baseline;
		}

	.toolbar h3 {
		color: black;
		float: left;
		width: auto;
		margin: 0 10px 0 0;
		font-size: 16px;
		}
		
	.toolbar .nav {
		float: left;
		width: auto;
		margin: 0 10px 0 0;
		font-size: 10px;
		line-height: 18px;
		}

	.toolbar .pageControls {
		float: right;
		width: auto;
		font-size: 10px;
		line-height: 18px;
		text-align: right;
		}

	.toolbar .pageControls select {
		font-size: 10px;
		}
		
	.toolbar ul.sortOptions {
		display: block;
		list-style: none;
		}

	.toolbar ul.sortOptions li {
		float: left;
		margin: 0px 0 0 16px;
		font-size: 11px;
		}

	.toolbar ul.sortOptions li img {
		padding: 2px 2px 0 2px;
		vertical-align: top;
		}

/* --------------------------------------------------------------------------------------------------------
 * Account Settings page
 * --------------------------------------------------------------------------------------------------------*/

	.account {
		width: 96%;
		margin: 0 auto;
	}
	
	.account h2{
		color: black;
		font-size: 18px;
		}
	
	.account table {
		width: 100%;
		margin: 0 8px;
	}
	
	.account .personalInfo .s3kr3t{
		font-size: 2.3em;
		line-height: 1;
		vertical-align: baseline;
	}
	
	.account caption {
		color: black;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		border-bottom: 1px solid #886f4b;
		padding-bottom: 8px;
	}
	
	.account td,
	.account th {
		padding: 8px 0 0 8px;
	}

	.account th {
		font-size: 12px;
		width: 170px;
		}

	.account td img {
		vertical-align: middle;
		}

 /* --------------------------------------------------------------------------------------------------------
  * Popup for non-members
  * --------------------------------------------------------------------------------------------------------*/

	#MemberOnlyFeature {
		z-index: 80;
		position: absolute;
		top: -6px;
		left: -2px;
		width: auto;
		padding: 8px 12px;
		white-space: nowrap;
		font-size: 14px;
		}

	#MemberOnlyFeature img.closeBox {
		float: none;
		position: relative;
		top: 1px;
		cursor: pointer;
		}

/* --------------------------------------------------------------------------------------------------------
 * END FORM ELEMENTS
 * --------------------------------------------------------------------------------------------------------*/