
/*
DEFAULTS
H1 Text: color: #333333;  font-size:20px;  style: bold
H2 Text: color: #333333;  font-size:16px;  style: bold
H3 Text: #699a9a;  font-size:12px;
H4 Text: color: #333333;  font-size:14px;
H5 Text: color: #333333;  font-size:14px;
Body Text: #333333;  font-size:11px;
Secondary Body Text: #666666;  font-size:11px;
Body Text small: #333333;  font-size:9px; Background: #e5e5e5
Special Button: Border: 1px; Border-colour: #666666; text-colour: #689a9a; Text-Size: 13px; Include Gradient image; Corner-Radius 3px 
Primary Button: #689a9a; text-colour: #333333; Text-Size: 12px; Corner-Radius 3px 
Secondary Button: Border: 1px; Border-colour: #ffffff; text-colour: #689a9a; Text-Size: 12px; Include Gradient image; Corner-Radius 3px 
Secondary Button Active: #689a9a; text-colour: #ffffff; Text-Size: 12px; Include Gradient image; Corner-Radius 3px 
Primary Link: #003366 
Active Link: #999933 
Secondary Link: #666666 
Percentage bars: background: #edf3fe; Text: #660000 
Success message: bg: #as is; remove border 
Alert Message: bg: #as is 
Error Message: bg: #as is ; remove border 
Blue info area: #edf3fe 
Yellow info area: #ffffcc 
Inactive tabs: #727272, corner radius: 3px 
Active Tabs: #ffffff, corner radius: 3px
color pallette
light  - #E7EBEF
       - #ADBECE
       - #6B9A9C
       - #7B9EAD
darker - #9C9A9C
*/

body,#frame-body
{
    font-family:arial;
    font-size:11px;
    color:#333;
    padding:0;
    margin:0;
    left:0px;
    top:0px;
    max-width:1024px;
    text-align: center;
    margin: 0 auto;
    background-color:#EAEAEA;
}
#frame-body
{
   width:100%;
   background-color:#fff;
   margin:none;
   text-align: left;
}
h1
{
  color: #333333;
  font-size:20px;
  font-weight: bold;
  padding:0;
  margin:0;
}
h2
{
   color: #666;
   font-weight: bold;
   font-size:16px;
   padding:0;
   margin:0;

}
h2.soft
{
  font-size:15px;
  color: #777;
}
h3
{
	color:#699a9a;
	font-size:12px;
	padding:0;
	margin:0;
}
h3.soft
{
	color:#699a9a;
	font-size:13px;
}
h4
{
	color: #333;
	font-size:12px;
 	padding:0;
	margin:0;
}
.slogan,.logo
{
	
	margin-left:10px;
	
}
.slogan a,.logo a
{
	text-decoration:none;
	color:#000;
}

a
{
   color:#1F4B79;
   outline: 0;
}
a img
{
	border:none;
}
textarea
{
    background-image:url("/images/front_panel/page/input.gif");
    background-color: #fff;
    background-repeat:repeat-x;
    padding-left:2px;
    border-top:solid 1px #9A9A9C;
    border-left:solid 1px #9A9A9C;
    border-bottom:solid 1px #DDDCE1;
    border-right:solid 1px #DDDCE1;
    width:99%;
    height:100px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input
{
    background-image:url("/images/front_panel/page/input.gif");
    _background-image:none;
    background-color: #fff;
    background-repeat:repeat-x;
    padding-left:2px;
    border-top:solid 1px #9A9A9C;
    border-left:solid 1px #9A9A9C;
    border-bottom:solid 1px #DDDCE1;
    border-right:solid 1px #DDDCE1;
    font-size:11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
select
{
	font-size:11px;
}
input[type=button],
input[type=submit],
.button-link,.link_edit
{

        background-image:none;
        background-repeat:no-repeat;
        background-position:center right;
	background-color: #A4C2C2;
        border:solid 1px #3E3F3F;
	color:#333;
	padding:0px 3px 5px 2px;
	height:23px;
        line-height:20px;
	white-space:nowrap;
	font-size:11px;
	cursor:pointer;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
         border-radius: 3px;
         outline: 0;
         /*
          background-image:url('/images/default/controls/button-sprite.png');
         padding-right:15px;*/
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
.link_edit
{
	width:auto;
	display:block;
	float:right;
	text-decoration:none;
	height:13px;
        padding-right:5px;
	padding-top:3px;
        line-height:13px;
}
.cancel_link
{
    line-height:22px;
    padding-right:2px;
}
.tool-box
{
	text-align:right;	
}
/*#content h2
{
    margin-top:10px;
    margin-bottom:16px;
}*/
.page_header
{
   margin-top:10px;
   margin-bottom:16px;
}
.page_header a
{
    font-size:11px;
    margin-left:10px;
}

#application .special-button-link
{
	width:auto;
	line-height:29px;
	display:block;
	float:left;
	text-decoration:none;
	padding:0 1px;
}
#application .page-controls
{
	color:#699a9a;
	padding:0;
	margin:-12px 0 9px 0;
}
#tweet
{
    
    background-image:url(/images/logos/t_logo-a.png);
    background-repeat:no-repeat;
    padding-left:40px;
    height:40px;
    display:block;
    line-height:40px;
    text-decoration:none;
    color:#3B5998;
    width:100px;
}
#application .special-button,#application .special-button-link,
#job_search .special-button,#job_search .special-button-link
{
    /*
      font-size:12px;
    */
    background-image:url('/images/default/controls/special_button_bg.gif');
    background-repeat:repeat-x;
    color:#333;
    font-weight:bold;
    background-color:fff;
    background-repeat:repeat-x;
    height:33px;
    border:solid 1px #D1D1D1;
    border-bottom:solid 1px #b1b1b1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    margin:2px;
    padding:0px 5px;
    line-height:29px;
    vertical-align: middle;
}
#job_search .special-button,#job_search #search-button
{
    font-size:12px;
    font-weight:normal;
    line-height:20px;
    color:#699a9a;
    height:27px;
    background-image:url('/images/default/controls/search_button_bg.gif');
}
#application .special-button:hover img,#application .special-button-link:hover img,
#job_search .special-button:hover img,#job_search .special-button-link:hover img
{
  background-color:#ADBECE;
}

#application .special-button img,#application .special-button-link img,
#job_search .special-button img,#job_search .special-button-link img
{
  margin:0px 5px 0px 0px;
  background-color:#E7EBEF;
  vertical-align:middle;
}
#application .passed-step img,#application .passed-step img,
#job_search .passed-step img,#job_search .passed-step img
{
    background-color:#7B9EAD;
}
#application .closed-step,#application .closed-step,
#job_search .closed-step,#job_search .closed-step
{
    color:#999;
}
#application .current-step img,#application .current-step img,
#job_search .current-step img,#job_search .current-step img
{
    background-color:#7B9EAD;
}
#application #office-use-button,#application #office-use-button,
#job_search #office-use-button,#job_search #office-use-button
{
    margin-left:50px;
    line-height:32px;
}
#application .closed-step:hover,#application .closed-step:hover,
#job_search .closed-step:hover,#job_search .closed-step:hover
{
    background-color:#D0D0D0;
}

/*Application Logo*/
#application_logo a img
{
	border:none;
}
#header
{
	background-color:#fff;
	padding-bottom:10px;
	padding-top:5px;
}

#application
{
    text-align:left;
}
#content
{

  background-color:#fff;
  padding:10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top:solid 1px #999;
  background-image:url('/images/default/navigation/content_bar_bg.jpg');
  background-repeat:repeat-x;
}
#flash_success
{
    margin-top:10px;
    color:#333;
    padding: 10px;
    background-color:#fff;
    border:solid 1px #68D011;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:10px;
    
}
.login_msg
{
	float:right;
	padding:5px;
}
.flash_success_text
{
	padding:5px;
	margin-bottom:10px;
	margin-left:45px;
	color:#333333;
	font-weight:normal;
	font-size:1.3em;
}
#logo_uploader
{
	margin-right:10px;
	background-color:#f1f1f1;
	padding:10px;
}
.flash_success_icon
{
	float:left;
	background: transparent url("/images/templates/panel_icons/success.gif") no-repeat center;
	width:37px;
	height:34px;
}
#flash_error
{
    color:#333;
    padding: 10px;
    background-color:#fff;
    border:solid 1px #C30000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top:10px;
    margin-bottom:10px;
}

.flash_error_text
{
	padding:5px;
	margin-bottom:10px;
	margin-left:45px;
	color:#333333;
	font-weight:normal;
	font-size:1.3em;
}
.flash_error_text a 
{
	color:#333;
}
.flash_error_icon
{
	float:left;
	background: transparent url("/images/templates/panel_icons/error.gif") no-repeat center;
	width:37px;
	height:34px;
}
.notice
{
	border:solid 1px #70AFC9;
	padding:5px;
	margin-bottom:10px;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color:#fff;

	
}
.notice .header
{
    margin:5px 55px 0px;
    font-size:15px;
}
.notice_text
{
	padding:5px;
	margin:0px 50px 10px;
	color:#333333;
	font-weight:normal;
	font-size:1.3em;
}
.notice_icon
{
	float:left;
	background: transparent url("/images/default/application_icons/notice.png") no-repeat center;
	width:48px;
	height:48px;
}
form
{
    margin:0px;
}
select.fixed_width
{
    font-family: Monospace;
    /*width: 60px;*/
}

.fieldWithErrors {
    display:inline;
}
.fieldWithErrors textarea,
.fieldWithErrors input,
.fieldWithErrors select,
.errorField
{
  border:solid 2px #DE5C5C;
}

.hiddenFieldWithErrors {
    padding: 2px;
    padding:5px 2px 6px;
    display:inline;
}

#errorExplanation {
    width: 98%;
    border: 2px solid #DE5C5C;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #DE5C5C;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul {
    margin: 10px;
}

#errorExplanation ul li {
    font-size: 12px;
}

#errorExplanation li {
    margin-left: 30px;
    list-style: square;
    font-size: 12px;
}
.errorExplanation {
    width: 98%;
    border: 2px solid #DE5C5C;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

.errorExplanation .header {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #DE5C5C;
    color: #fff;
}

.errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

.errorExplanation ul {
    margin: 10px;
}

.errorExplanation ul li {
    font-size: 12px;
}

.errorExplanation li {
    margin-left: 30px;
    list-style: square;
    font-size: 12px;
}
/*Windows*/

.window h3
{
	text-align:left;
        line-height:20px;
}
.window .tool-bar
{
	background-color:#EDEDED;
	padding:5px;
	height:20px;
        border-bottom:solid 1px #D8D8D8;
}
.window .tool-bar td
{
    height:20px;
    vertical-align: middle;
}
#candidate_list .tool-bar td
{
    vertical-align: top;
}
.panel_header .controls
{
   /*line-height:20px;*/
}
.panel_header .controls span
{
   line-height:22px;
}
.window .tool-bar .tool-box
{
		text-align:right;
                white-space: nowrap;
}
.window .content
{
	padding:10px;
	background-color:#fff;
	text-align:left;
}
.window,.note .content
{
	border:solid 1px #B8B8B8;
	margin-bottom:10px;
	background-color:#fff;
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.search_toggle
{
  font-size:10px;
  float:right;
  margin-right:10px;
}
.search-results li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.search-result
{
	border-bottom:solid 1px #d1d1d1;
	padding:10px;	
}
.search-result .title
{
	margin-bottom:2px;
	font-size:14px;
}
.search-result .title .info
{
	display:block;
	font-size:11px;
        padding:0px;
}
.info
{
    padding:10px;
}
.search-result div
{
	margin-top:5px;	
}
.odd
{
	background-color:#fff;
}
.even, .even .list_table th
{
    background-color:#EDEDED;
}
.list_table
{
	width:100%;
}
.list_table th
{
	background-color:#FAFAFA;
	padding:2px;
        text-align:left;
}
.list_table td
{
	padding:2px;
}
.pagination
{
  padding: 3px 0px;
  margin: 3px 3px 3px 0px;
  text-align:center;
}
.content .top-control-bar
{
  padding:5px;
  color:#699a9a;
}
.content .top-control-bar div
{
	display:inline;
}
.control-bar
{
	text-align:right;
	padding:2px;
}

.control-bar a
{
	float:right;
}

.pagination a,.pagination .current,.pagination .disabled
{
	padding:2px 4px;
	text-decoration:none;
	border:solid 1px #689a9a;
	background-color:#fff;
	color:#333;
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pagination .current
{
	background-color:#689a9a;
	color:#fff;
}
.pagination .disabled
{
	border:solid 1px #d1d1d1;
	color:#d1d1d1;
}
.icon-side-bar
{

}
.side-bar
{
	margin-left:10px;
}
.panel_table,.content-table
{
	width:99%;
	border:none;
}
.content-table td
{
	vertical-align:top;
}

/*Job Search*/
#job_search
{
	text-align:center;
	background-color:#fff;
        margin-bottom:80px;
}

#job_search .control_bar
{
	background-color:#f1f1f1;
	text-align:right;
	padding:5px;
	padding-right:10px;
}

#job_search .landing-page
{
	margin-top:30px;
	width:960px;
}
#job_search .results-page #application_logo
{
    text-align:left;
}

#job_search .results-page h2, #job_search .results-page h1
{
	text-align:left;
}

#job_search .search-results
{
	text-align:left;
}
#job_search .results-page .inline-search-box 
{
	width:100%;
	margin:0;
        text-align:left;
}
#job_search .results-page .inline-search-box .search-input
{
		width:200px;
}
#job_search .results-page .inline-search-box .search-input,#job_search .results-page .inline-search-box div
{
	float:left;
}
#job_search .results-page .inline-search-box h3,#job_search .results-page .inline-search-box .search-input
{
	margin-top:5px;
}
#job_search .result_ref
{
	float:right;
	margin-top:10px;
}
#job_search .result_ref
{
	float:right;
	margin-top:10px;
}
.result_real_estate
{
	color:#000;
	padding:2px;
	font-weight:bold;
}
#job_search .result_body
{
	height:50px;
	padding:10px;
	text-align:left;
       
}
#job_search .job_search_register
{
	float:left;
	background-color:#f1f1f1;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}
#search_box
{
	
	margin:0 auto;
	margin-right:320px;
	border-right:solid 2px #f1f1f1;
}
		
#job_search_bottom
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#f1f1f1 none repeat scroll 0 0;
	border-top:1px solid #999;
	padding:5px;
}

#job_search .job_search_sign_in
{
	float:left;
	background-color:#f1f1f1;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}
.large
{
   font-size:18px;
   font-weight: bold;
   color:#699a9a;

}
#job_search .job_search_or
{
	float:left;

	font-size:2em;
	vertical-align:middle;
	line-height:300px;
}
#job_search .read_more
{
	text-align:right;
}
#job_search .search-box
{
	text-align:left;
	width:470px;
}
#job_search .result_real_estate
{
	color:#000;
	padding:2px;
	font-weight:bold;
	text-align:left;
}
#job_search #header
{
	text-align:left;
}

#job_search .search-box .search-input
{
	width:95%;
	margin:1px;
}
#job_search .search-box .search-controls a
{
	margin-left:5px;
}
#job_search .control_box input, #job_search .search-box input
{
	margin-right:7px;
	font-size:17px;
}
#job_search .result
{
	max-width:50em;
	text-align:left;
	border-bottom:solid 1px #f1f1f1;
	padding:5px;
}
#job_search .list_form .search-box
{
	margin-bottom:10px;
}
#job_search .list_form .search-controls
{
	display:block;
}
#job_links
{
    float:right;
    width:300px;
    padding:10px;
    margin-top:-20px;
    
}
.apply_now
{
	margin-top:10px;
	border-top:solid 1px #f1f1f1;
	padding:10px;
	margin:auto;
	text-align:left;
}
.applicant_intro
{
	font-size:1.5em;
	padding:10px;	
}
.job_search_register
{
	float:left;
	background-color:#f1f1f1;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}
.job_search_sign_in
{
  float:left;
  background-color:#f1f1f1;
  -webkit-border-radius: 5px
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.job_search_sign_in input,.job_search_register input
{
	width:auto;
}
.job_search_sign_in th,.job_search_register th
{
	background-color:transparent;
	white-space:nowrap;
}

.job_search_or
{
	float:left;

	font-size:2em;
	vertical-align:middle;
	line-height:300px;
}
/*normalize*/
div.center
{
	text-align: center;
	margin: 0 auto;
}
.left
{
	float:left;

}
div.full
{
	width:100%;
       
}
div.half
{
	width:49%;
}
div.third
{
	width:33%;
}
.right
{
	float:right;
}
div.cb
{
	clear:both;	
}
div.text-left
{
	text-align:left;
}
div.text-right
{
	text-align:right;
}
.list_form
{
	margin-top:10px;
}
.list_form div
{
	padding:0px;
	margin:0;
	width:auto;
	float:left;
}
.block_form
{
	padding:10px;
}
.side_bar h3
{
	margin-left:5px;
}
.profile_header
{
    margin-top:20px;
}
.profile_header .page_header
{
    margin-bottom:0px;
}
.profile_avatar
{
    margin:10px 0px 0px 10px;
}
.avatar,.avatar img
{
	width:50px;
        height:50px;
        margin-right:10px;
	margin-bottom:10px;
        text-align:center;
       
        background-repeat: no-repeat;
}
.tiny,.tiny img
{
    width:25px;
    height:25px;
    background-repeat: no-repeat;
}
.user-photo
{
    background-position: center;
}
.company-logo
{
     background-position: left;
}

.avatar img
{
    margin:auto;
}

.new_instance
{
    padding:10px;
}

.new_instance ol,.new_instance h3
{
	font-size:13px;
 
}

.new_instance a
{
  font-weight:bold;
  color:#333;
  text-align:center;
}
.new_instance a.big-link h3
{
    font-size:15px;
}
.new_instance a.big-link:hover div
{
    background-color:#E7EBEF;
    
}
.new_instance a.big-link img
{
     background-color:#7B9EAD;
}
.new_instance a.big-link:hover img
{
     background-color:#7B9EAD;
}


/*FROM OLD DESIGN*/
div.auto_complete       {z-index:999;width:100%; background: #fff;text-align:left;cursor:hand;}
div.auto_complete ul    
{ 
    border-top:solid 1px #FFFFFF;
    border-right:solid 1px #B2B4BF;
    border-bottom:solid 1px #B2B4BF;
    border-left:solid 1px #E0DFE3; 
    margin:0;
    padding:0; 
    width:100%; 
    list-style-type:none; 
}

div.auto_complete ul li               { margin:0; padding:3px; }
div.auto_complete ul li.selected    { background-color: #E0DFE3; }
div.auto_complete ul strong.highlight { color: #B2B4BF; margin:0; padding:0; }
div.auto_complete ul li div           {font-size:10px;color:#999999;}
div.auto_complete ul li div a         {font-size:10px;color:#999999;}
.request_suggestions
{
	position:absolute;
	background-color:#f1f1f1;
	border:solid 1px #A9A9A9;
	color:#333;
	padding:5px;
	font-size:11px;
	width:300px;
	z-index:999;
}
.request_suggestions ul li
{
	border-bottom:solid 1px #A9A9A9;
	background-color:#fff;
  padding:2px;
  font-weight:400;
 
}
.confirm_options
{
    background-color: #f0f0f0;
    padding: 1em;
    display: none;
}
.confirm_options h1
{
    font-size: 12pt;
    
}
.confirm_options h3
{
    padding: 1em 0;
}
.content h3.request_parent 
{ 
    border-bottom: 1px solid #666; 
    padding: 1em 0 0.5em 0;
    font-size: 14pt;
}
#app_loader_overlay
{
  top: 0;
  width: 100%;
  background-color: #e0e0e0;
  opacity: 0.5;
  filter:alpha(opacity='50');
  z-index: 98;
}
#app_loader
{
  background-color: white;
  padding: 1em;
  position: fixed;
  display: none;
  z-index: 99;
  width: 280px;
  text-align: center;
  
  border: 1px solid  #555;
}
#app_loader img
{
  float: left;
  margin-right: 1em;
}
#app_loader #loader_img
{
  background:url(/images/ajax-loader.gif);
  background-repeat:none;
  width:32px;
  height:32px;
  float:left;
}
.hr {
    width: 100%;
    font-size: 0pt;
    height: 1px;
    line-height: 1px;
    background-color: #9e9e9e;
    margin: 0 0 5px;
}
#activity_filter
{
    float:left;
    margin-top: -26px;
}

.hide_all_link
{
    float: right;
}

.show_all_link
{
    float: right;
}

#activity_search
{
    float: right;
    clear:right;
    margin-top: -26px;
}
.activity_table th, #activity_table th
{
   background-color:#EDEDED;
   border-bottom:1px solid #D8D8D8;
   border-top:1px solid #D8D8D8;
   padding:5px 3px;
}
#activity_table .pool_status
{
    vertical-align: middle;
    text-align: center;
}
#activity_table .evaluation_list
{
   background-color:#E5E5F5;
}
#activity_table .successful_candidate
{
    background-color:#C5D0E0;
}
#activity_table .regretted_candidate
{
    background-color:#EAE0EA;
}
#activity_table .short_list
{
    background-color:#E7EBEF;
}
#activity_table .resume_sent_stage
{
    background-color:#D5D5F0;
}
#activity_table .interview_stage
{
    background-color:#D0E5F0;
}
.activity_candidate
{
    padding: 3px 0px 3px 0px
}

.activity_last_updated
{
    width: 60px;
}

.activity_contacts
{
    width: 110px;
}

.stage_select
{
    height: 18px;
    width: auto;
}
.note .content
{
	margin:3px;
        padding:5px;
}
.note h5
{
	border-bottom:solid 1px #f1f1f1;
	font-weight:bold;
}
.note h5 
{
	margin-top:2px;
	font-size:11px;
	font-weight:600;
	border-bottom:solid 1px #999;
	color:#555;
        margin-bottom:10px;
}
.note .controls
{
	color:#555;	
	font-size:10px;
}
.note
{
   background-color:#EDEDED;
    margin-bottom:2px;
}
.notes_manager
{
	
}
.notes_manager a
{
	text-decoration:none;
}
.note_body
{
    
    display:block;
    padding:5px;
    margin-bottom:5px;
}
.icon-side-bar-item
{
	margin-bottom:10px;
}
.rounded_icon
{
	width:57px;
}

.rounded_icon a {
    background-color: #fff;
    display: block;
    height: 100%;
    width:57px;
}
.rounded_icon a.selected:hover {
    background-color: #999;
}
.rounded_icon a:hover {
    background-color: #ECF2FE;
}
.rounded_icon a.selected {
    background-color:#A4C2C2;
}
.rounded_icon_completeness
{
  margin-bottom:5px;
  
}
.rounded_icon .text
{
	text-align:center;
		
}
div#message_box_side {
}
div#message_box_side ul
{
    list-style:url(/images/templates/messages/folder_table.png);
    font-weight:500;
}
div#message_box_side li
{
    margin-left:40px;
    list-style:url(/images/templates/messages/folder_table.png);
    font-size:10px;
    border-bottom:solid 1px #f1f1f1;
}
div#message_box_side .thread_name
{
    border-bottom:solid 1px #f1f1f1;
    margin-bottom:2px;	
}
div#message_box_side li a
{
    text-decoration:none;
}
div#message_box_main {
}
div#message_box_main .message
{
    border:solid 1px #f1f1f1;
    padding:10px;
    background-color:#fff;
}
div#message_box_main .message .body
{
    border:solid 1px #f1f1f1;
    padding:10px;
    background-color:#f9f9f9;
}
div#message_box_main .mine
{
    background-color:#fff;
}

div#message_box_main .mine .body
{
    background-color:#f9f9f9;
}
.message_link
{
    float: right;
}

.message_user
{
    float: right;
}

.message_subject, .message_body
{
    margin: 15px 5px 5px 5px;
}

.message_template
{
    margin: 20px 5px 5px 5px;
}

.subject_input , .body_input , .message_template_select
{
    float: right;
    margin-right: 15%;
    clear: both;
}

.message_submit
{
    float: right;
    margin-right: 4%;
    margin-top: -6px;
}








.skip_message_link
{
    text-align:right;
	  margin-top: 45px;
    clear: both;
}
#MaJiG_BOX_canvas
{
	background-color: #e0e0e0;
  opacity: 0.5;
  filter:alpha(opacity='50');	
}
.new_instance
{
    margin-left: 30px;
}

p.red { color: #cc0000; }
ul.errors { color: #cc0000; margin-bottom: 10px; }
ul.errors li { list-style-type: disc; margin-left: 20px; }

p.posted { font-size: 12px; color: green; }


.connection
{
    width: 100%;
    height: 100%;
    padding: 10px 5px 10px 5px;
}

.contact_pagination
{
    padding: 5px;
}
.empty_avatar
{
    float:left;
    width:46px;
    height:46px;
    border:solid 1px #999;
    background-color:#e3e3e3;
    margin-right:10px;
    text-align:center;
    padding:2px;
    overflow: hidden;
}
.medium_avatar
{
    height:100px;
    width:300px;
    border:solid 2px #999;
    background-color:#e3e3e3;
    text-align:center;
}
div.avatar-status
{
    width:46px;
    margin-top:-20px;
    background-color:#CC0000;
    color:#fff;
    padding:2px;
    text-align:center;
    line-height:10px;
    position:absolute;
}
.medium_avatar .logo_name
{
    margin:20px auto;
    vertical-align: middle;
    color:#999;
    overflow: hidden;
}
.alert
{
    color:#FF4A4A;
    margin:5px;
    padding:5px;
    border: solid 1px #FF4A4A;
}
#footer
{
    padding-top:50px;
    padding-bottom:50px;
}
.rounded
{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.padded
{
    padding:5px;
}
.full
{
    width:100%;
}
.white
{
    background-color:#fff;
}
.box
{
    border:solid 1px #e1e1e1;
    margin-bottom:10px;
}
.box .content
{
    margin:10px;
}
.new_instance .box img
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

#email_templates_list .header th
{
  color:#699A9A;
  padding-top:10px;
  border-bottom:solid 1px #d1d1d1;
}
.mini-stats
{
   height:33px;
   font-weight:bold;
   border:solid 1px #d1d1d1;
   text-align:center;
   margin-bottom:11px;
}
.mini-stats .content
{
    padding:0px;
    margin-top:9px;
}
.mini-stats .content a
{
    font-weight:normal;
}
#vendors img
{
    border:solid 1px #d1d1d1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#fff;
    padding:5px;
    width:150px;
    cursor:pointer;
}
#vendors td,#vendors th
{
    text-align:center;
    vertical-align:middle;
}
#profile_tag_cloud
{
    background-color:#EDEDED;
    padding:3px;
    margin-top:5px;
    border:solid 1px #B8B8B8;
}
.tag_field
{
    width:120px;
}
.tag_loader_holder
{
    width:20px;
    height:20px;
    float:left;
}
#profile_tag_cloud .tag,.tag_cloud_control .tag
{
    border:solid 1px #d1d1d1;
    padding:3px;
    margin:2px;
    float:left;
    background-color:#fff;
}
#profile_tag_cloud .tag span,.tag_cloud_control .tag span
{
    padding:3px;
    float:left;
}
#profile_tag_cloud .tag a,.tag_cloud_control .tag a
{
    background-image:url('/images/default/application_icons/delete.png');
    background-repeat: no-repeat;
    background-position: center;
    float:right;
    display:block;
    width:12px;
    height:20px;
}
#cloud_search_container
{
    text-align:center;

}
.tag_cloud
{
    background-color:#EDEDED;
    padding:10px;
    margin-top:5px;
    border:solid 1px #B8B8B8;
}
.tag_cloud a
{
    text-decoration:none;
    padding:0px 10px;
    white-space:nowrap;
   
}
.tag_cloud a.current
{
    color:#7B9EAD;
}
.advance_search
{
    width:700px;
}
.tag1 { font-size: 1.0em; }
.tag2 { font-size: 1.2em; }
.tag3 { font-size: 1.4em; }
.tag4 { font-size: 1.6em; }
.autocomplete ul
{
    background-color:#fff;
    border:solid 1px #B8B8B8;
    list-style:none;
}
.autocomplete ul,
.autocomplete ul li
{
    margin:0;
    padding:2px;
}
.autocomplete ul li.selected
{
    background-color:#7B9EAD;
}
#password_info,
#password_confirmation_info
{
    margin-left:10px;
}
#password_confirmation_info span,
#password_info span
{
    display:block;
    padding:2px;
    border:solid 1px #999;
    background-color:#f1f1f1;
    color:#999;
     -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

}
#password_confirmation_info .unconfirmed,
#password_info .weak
{
   border-color:red;
   color:red;
}
#password_info .medium
{
    border-color:orange;
   color:orange;
}
#password_confirmation_info .confirmed,
#password_info .strong
{
   border-color:green;
   color:green;
}
.formats
{
    border:solid 1px #d8d8d8;
    font-size:10px;
    color:#999;
     background-color:#fff;
}
.cv_enhancer_box
{
    font-size:14px;
    background-color:#EDEDED;
    border:solid 1px #B8B8B8;
}
.introduction-steps
{
    font-size:14px;
    text-align:right;
}
.introduction-steps a.next
{
     color:#7B9EAD;
     font-size:16px;
     font-weight:bold;
     text-decoration: none;
}
.small
{
    font-size:9px;
}
.centered-table th
{
    text-align: right;
}
.centered-table td
{
    text-align: left;
}
#cv_uploader_status div
{
    margin-bottom:5px;
    padding:5px;
    font-size:10px;
    color:#333;
    font-family: Arial;
    padding-left:15px;
}
#cv_uploader_status .upload_success
{
    background-color:#FFDF81;
    border:solid 1px #FFCC33;
}
#cv_uploader_status .upload_failed
{
    background-color:#FFAA81;
    border:solid 1px #FF7632;
}

div.facebook_friends {
   width:660px;
   height:600px;
   border:1px solid #ccc;
   background:#f2f2f2;
	 align:center;
   padding:20px;
   overflow:auto;
}
div.facebook_friends p,
div.facebook_friends li { vertical-align:middle; font:normal 13px arial;color:#333; height:55px;}
div.facebook_friends span { vertical-align:middle; padding-bottom:45px;}
div.facebook_friends input { vertical-align:middle; float:right; position:relative;}

.new_friends {
    margin-top: 25px;
    margin-left: 180px;
    width: 460px;
}

.new_friends #facebook_login {
    margin-top: 10px;
		margin-left: 210px;
}

.new_friends #friends {
    margin-top: 10px;
}

.new_friends #friends .friend {
    margin-left: 25px;
}

.new_friends #friends .more_friends {
    float: left;
    margin-left: 25px;
    margin-top: -1px
}

.new_friends #friends .name_label {
    margin-left: 19%;
}
.new_friends #friends .email_label {
    margin-left: 34%;
}

.new_friends #friends .submit {
    margin-left: 420px;
    margin-bottom: 5px;
}
.commentator
{
  border:solid 1px #f1f1f1;
  cursor:pointer;
}
.active_commentator
{
    border:solid 1px #7B9EAD;
}

.tool_comment,#comment_details,#vouch_details,#comment_heading
{
    padding:5px;
    border:solid 1px #7B9EAD;
    margin-top:2px;
    height:100px;
}

#comment_form,#vouch_form
{
    margin-bottom:10px;
}
#comment_error, #vouch_error { color: #cc0000; }

#comment_details, #vouch_details
{
  width:166px;
  margin-top:0px;
}

.comment
{
    padding:10px;
    border:solid 1px #7B9EAD;
}
.comment_header
{
    margin-bottom:10px;
    font-size:12px;
    font-weight:bold;
}
.sidebar_tool
{
    border:solid 1px #B8B8B8;

}
.sidebar_tool .header
{
  font-size:12px;
  padding-left:45px;
  padding-top:3px;
  margin:4px;
  margin-bottom:20px;
  background-repeat:no-repeat;
  background-position: top left;
}
.comments_tool .header
{
  background-image:url('/images/default/controls/comment.png');
}
#all_comments, #all_vouches
{
    float: left;
    margin-top:20px;
    width: 49%;
}
#all_comments { margin-right: 1%; }
#all_comments h2, #all_vouches h2
{
  margin-bottom:10px;
}
.vouch_tool .header
{
  background-image:url('/images/default/controls/vouch.png');
}
.remove_tool
{
  float:right;
  margin-top:-30px;
  padding:3px 5px;
  background-color:#7B9EAD;
}
.remove_tool a
{
  color:#fff;
  text-decoration:none;
  font-size:10px;
}
.sidebar_tool
{
  background-image:url('/images/default/navigation/content_bar_bg.jpg');
  background-repeat:repeat-x;
}
.sidebar_tool .header .info_header
{
  font-size:9px;
}
.bubble
{
    margin-top:-11px;
    margin-right:1px;
}
.bubble .avatar
{
    margin:0;
    margin-top:11px;
    padding:0;
}
.active_bubble
{
    background-image:url('/images/default/controls/bubble.png');
    background-repeat:no-repeat;
    background-position:top center;
}
.friend_list_row td
{
    background-color:#f1f1f1;
}

.community_table {
    margin: 20px 10px 20px 10px;
    border-collapse:collapse;
}

.community_table td {
    padding: 5px;;
    text-align: left;
    width: 150px;
    border-bottom:solid 1px #A9A9A9;
}
span.already_vouched
{
  color: #008000;
}

.activity_feed {
   list-style-type: none;
}

.about_ago {
    color: #777777;
}

.feed_comment {
  margin-right: 10px;
}

.feed_comment #comment_details {
    width: 100%;
}

.comment_comments {
    padding-left: 40px;
}

.job_status_change {
    font-weight: bold;
    font-size: 14px;
    width: 180px;
}

#navcontainer
{
    margin: 0 auto;
    width:200px;
    float:left;
}
#feed_container
{
    width:740px;
    float:left;
    margin-left:20px;
}
/* to stretch the container div to contain floated list */
#navcontainer:after
{
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}

ul#navlist
{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    font-size: 12px;
}

ul#navlist li
{
    margin: 0;
    padding: 0;
}

ul#navlist li a
{
    display: block;
    width: 100%;
    padding: 0.5em;
    border-bottom:solid 1px #e3e3e3;
    text-decoration: none;
    
    height: 100%;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
  font-weight:bold;
  color:#333;

}
ul#navlist li#active a:before
{
  content:"> "
}
ul#navlist li a:hover, ul#navlist li#active a:hover
{
  
  color:#333;
}

#career_convo {
    margin-bottom: 5px;
    background-color:#f1f1f1;
    border:solid 1px #d2d2d2;
    padding:10px;
    
}

#career_convo #career-convo-heading {
    margin-top: 5px;
    font-size: 14px;
}

#career_convo input[type='submit']{
    margin-right: 15px;
}
#career_convo textarea {
    height: 50px;

}
.feed_reply
{
   background-color:#f1f1f1;
   border:solid 1px #d2d2d2;
   margin:-10px 10px 10px 10px;
   padding:10px;
}

#navigation
{
	height: 25px;
	background-image:url('/images/default/navigation/navigation_bar_bg.jpg');
	border-bottom:solid 1px #999;
}
#sub_navigation
{
  background-color:#fff;
  height: 25px;
  padding-top:3px;

}
#tab_navigation
{
  height: 25px;
  padding-top:3px;
  font-family:arial;
}
#navigation ul,#sub_navigation ul,#tab_navigation ul
{
	padding: 0;
}
#sub_navigation div.active
{
	display:block;
}

#tab_navigation ul
{
  margin-left:45px;
}
#navigation li,#sub_navigation li,#tab_navigation li
{
  float: left;
	margin-right: 6px;
	padding: 0;
	display: block;
	list-style: none;
	line-height: 15px;
	border: none;
}

#navigation ul.main_nav 
{
	margin:0px;
	margin-left:30px;
}

#navigation ul.main_nav, #sub_navigation ul.sub_nav
{
	margin:0px;
	margin-left:30px;
}

#navigation ul.main_nav li
{
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
  background-color: #727272;
}
#sub_navigation ul.sub_nav li
{
  background:none;
  color:#999;
}
#tab_navigation ul.tab_nav li
{
  background-color: #d2d2d2;
}
#navigation ul.main_nav li.focused,
#tab_navigation ul.tab_nav li.focused,
#sub_navigation ul.sub_nav li.focused
{
  background-color: #fff;

}
#navigation ul.main_nav li.current a,#navigation ul.main_nav li.focused a
{
  background-color:#fff;
	color: #999;
        -moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border:solid 1px #999;
	border-bottom:none;
}

#navigation ul.main_nav li.dimmed
{
  background-color: #f1f1f1;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border:none;
}

#sub_navigation ul.sub_nav li.current 
{
	color:#003366;
}

div#navigation a:link,
div#navigation a:visited,
div#sub_navigation a:link,
div#sub_navigation a:visited,
div#tab_navigation a:link,
div#tab_navigation a:visited
{
	text-decoration: none;
}

#navigation a:link, #navigation a:visited
{
	color: #ededed;
	border: 0px;
}
.sub_navigation a:link, .sub_navigation a:visited
{
	color: #333;
	border: 0px;
}
#tab_navigation a:link, #tab_navigation a:visited
{
	color: #333;
	border: 0px;
}
#navigation ul.main_nav a:link,
#navigation ul.main_nav a:visited,
#sub_navigation ul.sub_nav a:link,
#sub_navigation ul.sub_nav a:visited,
#tab_navigation ul.tab_nav a:link,
#tab_navigation ul.tab_nav a:visited
{
	float: left; /* for IE6 */
	font-size: 12px;
	font-weight:500;
	padding: 4px 10px 6px 10px;
}
#sub_navigation ul.sub_nav a:link, #sub_navigation ul.sub_nav a:visited
{
  font-size: 11px;
}
#navigation ul.main_nav li.current a:link, #navigation ul.main_nav li.current a:visited
{
	color: #999;
	text-decoration: none;
}

#sub_navigation ul.sub_nav li.current a:link, #sub_navigation ul.sub_nav li.current a:visited
{
	color: #999;
	text-decoration: none;
}

#tab_navigation ul.tab_nav li.current a:link, #tab_navigation ul.tab_nav li.current a:visited
{
	color: #999;
	text-decoration: none;
}


#navigation ul.main_nav li:hover
{
  background-color: #fff;
}
#navigation a:hover
{
  color:#333; 
}
#sub_navigation ul.sub_nav li:hover
{
  color:#333;
}
#sub_navigation a:hover
{
  color:#333; 
}
#tab_navigation ul.tab_nav li:hover
{
  background-color: #f1f1f1;
  color:#333;
}
#tab_navigation a:hover
{
  color:#333; 
}
#navigation ul.main_nav a:hover
{
  _color: #333333;
}
.calendar_date_select {
  color:white;
  border:#777 1px solid;
  display:block;
  width:196px;
  z-index: 1000;
}

.calendar_date_select .weekdays td {
  font-weight:bold;
  background-color: #aaa;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
  color: white !important;
}

.calendar_date_select .cds_time, .calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #555;
}

.calendar_date_select .cds_buttons {
  background-color:#E7E8E8;
  border-top: 1px solid #777;
  border-bottom: 1px solid black;
}

.calendar_date_select .cds_footer {
  background-color: #899853;
  padding:3px;
  font-size:12px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select input, .calendar_date_select select { height:21px; font-size:13px;}
.calendar_date_select .cds_header input.prev {
  width:22px;
  float:left;
}
.calendar_date_select .cds_header input.next {
  width:22px;
  float:right;
}
.calendar_date_select .cds_header select.month {
  width:95px;
}

.calendar_date_select .cds_header select.year {
  width:56px;
}

.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend {
  background-color: #eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select .days td {
  border-bottom: 1px solid #ddd;
}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td.hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}
.majig_cloud
{
  
}
.majig_cloud_keyword
{
  cursor:pointer;
  font-size:1em;
  zoom:1;
  line-height:1.5em;
}
.majig_cloud_description
{
  color:#999; 
}
.majig_cloud_limit
{
  background-color:#fff;
  padding:2px;
  border:solid 1px #333; 
}
.majig_cloud .striked
{
  text-decoration:line-through;
}
.majig_cloud .used
{
  color:#899853;
  font-weight:700;
}
.red_border_cloud
{
  border:solid 2px #DE5C5C; 
}

/* Prototip.css */
#billing .tooltip
{
  width: 350px;
}
.tooltip { width: 150px; color: #fff;}
.tooltip h2{color: #fff;}
.tooltip .title {color:#fff; background:#333;font-weight:600; font: 16px Verdana, serif; padding: 5px;}
.tooltip .content { background: #333; font: 12px Arial, Helvetica, sans-serif; padding: 10px; border:solid 1px #f1f1f1;}

.pinktip { border: 5px solid #a1a1a1; }
.pinktip .title { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; padding: 5px; }
.pinktip .content { background: #fff; color: #555555; padding: 5px; }

/* Effects like 'blind' go a little bit better when 
   there is no border on the tooltip itself.
   Put the borders on .title and .content instead,
   here's how to do that: */
.darktip { width: 200px; }
.darktip .title, .darktip .content { border: 5px solid #999999; padding: 5px; }
.darktip .title { border-bottom: none; background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.darktip .content { border-top: none; background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; }
