/*  © 2007 ReferenceVault - All Rights Reserved */
/****************
* Layout 
*****************/
#master_container{
	margin-top:50px;
}
#footer{
	height:24px;
	width:100%;
	padding:0px 0;
	text-align:center;
	border-top:0px solid #2E2E38;
	font-family:verdana, arial, helvetica, sans-serif;
	margin-top:120px;
	overflow:hidden; /* Cheap hack to deal with anything that goes beyond the height forcing a scrollbar */ 
}
 #footer_content{
 	margin:0;
 	padding:4px;
 }


/****************************
* Action message
***************************/
.actionMessage{
	font-family: Arial, 'Trebuchet MS', Sans-Serif;
	font-weight: normal;
	margin: 10px 0;
	padding: 4px 0 4px 24px; 
	color: #005533;
	font-size:1.3em;
	background:#FFFFCC url(../../../common/images/icons/icon_success.gif) no-repeat 4px 4px;
}
.actionError,
.errorMessage,
.summaryBoxWhite p.errorMessage
{
	font-family: Arial, 'Trebuchet MS', Sans-Serif;
	font-weight: bold;
	margin: 10px 0;
	padding: 4px 0 4px 24px; 
	color: #CC0000;
	font-size:1.1em;
	background:#FFFFCC url(../../../common/images/icons/error_go.gif) no-repeat 4px 4px;
	position:relative;
}
tr.error td{
	font-family: Arial, 'Trebuchet MS', Sans-Serif;
	font-weight: bold;
	margin: 0px 0;
	color: #CC0000;
	font-size:1.1em;
	background:#FFFFCC;
}



/*****************************
* Tables
*****************************/

td, th{
	padding: 1px 6px;
}

th{
	background-color: #93BC0C;
}
table.written th,
table.out th,
table.sent th {
	background-color:#6699CC;
}

/**
* The overflow is a little funky. In order to make it work
* the WIDTH needs to be set on overflow element itself.
* This can be done inline
*/
.overflow{
	display:block;
	overflow:hidden;
}

table.received th,
table.in th{
	
}

table.positions th {
	background-color:#339999;
}

table.features th {
	background-color: #000;
}


/*****************************
* General
*****************************/
.left{
	float:left;
}
.right{
	float:right;
	position:relative;
}

.half{
	width:45%;
	float:left;
	display:block;
}
.pageHead{
	background:none;
	color:#003366;
	font-family: "Arial Black", Arial, san serif;
	font-size:3.8em; 
	font-variant:normal;
	font-weight:bold;
	letter-spacing:-3px;
	text-transform: none;

}
.pageSubhead{
	font-size:1.1em;
	color:#0099CC;
	font-weight:bold;
	font-variant:small-caps;
	background:none;
}
.clear{
	height:0px; clear:both; display:block; font-size:0px; line-height:0;
}
pre.overflow{
	overflow:auto;
	background:#ffffff;
	border:1px solid #d9d9d9;
	font-size:1.1em;
	color:#333333;
	padding:10px 4px 26px;
}
#column_content pre.overflow{
	width:185px;
}

/******************************
* Styles for customizing forms
******************************/
form, .form{
	position:relative;
	height:auto;
}
label.independent, .independent{
	display:inline; 
}
.inline-short,
.inline{
	clear:both;
}
.inline-short label,
.inline label{
	clear:none;
	float:left;
	width:120px;
	text-align:left;
	padding:0 1em;
}
.inline-short label{
	width:80px;
}

.checkbox label, 
.rightLabel{
	display:inline;
}
.checkbox input{
	margin:0 10px;
}
form .radio{
	border:1px solid #efefef;
	background:#fff;
	padding:4px;
}
.radio label{
	clear:right;
	font-weight:normal;
}
.radio input{
	position:relative;
	float:left;	
	padding:0px;
	border-width:0px;
	margin:0px 10px 0px 0px;
}
form p{
	margin: 5px 0;
}

.hidden{
	display:none;
}
.link_bold{
	font-size:1.1em;
	font-weight:bold;	
}
.link_bold:hover{
	font-size:1.1em;
	font-weight:bold;	
}

.clean{
	margin:0px; 
	padding: 0px;
	border-width: 0px; 
	background:none; 	
	width:auto;
}
form.clean input{
	padding: 0px;
	border-width:0px;
}
select{
}
option{
	padding-right:20px;
}

.form h2{
	padding:10px;
}

.required{
	color:#dd0000;
}

.formField{
	padding:4px;
	background:#fafafa;
	border:1px solid #fafafa;	
}
.clean .formField{
	background:#fff;
	border:1px solid #fff;	
	
}

.formFieldFocussed{
	background:#ccc;
	border:1px solid #999;	
	padding:4px;
	background: #e2e0dA;
	border:1px solid #a99;
}
select.small{
	width:100px;
	overflow:auto;	
}
select.medium{
	width:200px;	
	overflow:scroll;
}
select.large{
	width:400px;
	overflow:auto;
}
select.small option,
select.medium option,
select.large option{
	width:auto;	
}



/***********************
* Make a Textfield and label integrated
***********************/
.labelized{
	position:relative;	
}
.labelized label{
	position:absolute;
	left:4px; top:2px;
	color:#999;
}
.labelized label:focus, 
.labelized label.focussed{
	display:none;
}
.labelized label.unfocussed{
	position:absolute;
	left:4px; top:2px;
}

.labelized input,
.labelized select{
	
}
.labelized input.focussed,
.labelized select.focussed{
	
}

/***********************
* Message View
***********************/
.message{
	font-size:1.2em;
	margin:10px 0 0 0;
	padding:10px;
	background: #FAFAFA;
	border:1px solid #F2F2F2;
	border-left: 4px solid #99CC00;
	position:relative;
	clear:both;
}
tr.readMessage td{
	font-weight:normal;	
}
tr.unreadMessage{
	background:#eee;	
}
tr.unreadMessage td{
	font-weight:bold;	
}
tr.unreadMessage td a{
	font-weight:normal;	
}


/*********************
/* featureBox 
*********************/
.featureBox {
	margin:10px; 
	padding: 5px;
	border: 1px #f2f2f2 solid;
	background: #FAFAFA url(../images/icon_tip.gif) no-repeat 5px 5px;
	padding-left:25px;
	position:relative;
}

.featureBox p { 
	margin: 0; 
	font: 12px Arial, Sans-serif; 
	padding: 1px; 
	color: #333333;
}

/****************************
* Summary box
*****************************/
.summaryBox{
	margin:10px;
	padding:10px;
	border: 1px solid #f2f2f2;
	background:#FAFAFA;	
	position:relative;
	height:1%;
}
.summaryBox .half{
	background:#FFFFFF;
	width:48%;
	padding:4px;
	height:1%;
}
.summaryBox p{
	margin:0;
	padding:1px;
	color:#333333;
}
.summaryBox h2{
	font-size:1.5em;
	color:#FF6600;
	font-weight:bold;
	letter-spacing:-1px;
}
.summaryBox h3{
	font-size:1.1em;
	color:#0099CC;
	font-weight:bold;
	font-variant:small-caps;
}
.summaryBox h3.icon{
	background-position:0px 5px;
	font-variant:normal;
	text-transform:uppercase;
}
.summaryBox h4{
	font-size:1em;
	text-transform:uppercase;
}

/****************************
* Summary box yellow
*****************************/
.summaryBoxYellow{
	margin: 5px 0px 15px 0px;
	padding:7px;
	border: 1px solid #f2f2f2;
	background: #FFFFCC;	
	position:relative;
}

.summaryBoxYellow p{
	margin:0;
	padding:1px;
	color:#333333;
}
.summaryBoxYellow h2{
	font-size:1.5em;
	color:#FF6600;
	font-weight:bold;
	letter-spacing:-1px;
}
.summaryBoxYellow h3{
	font-size:1.1em;
	color:#0099CC;
	font-weight:bold;
	font-variant:small-caps;
}
.summaryBoxYellow h3.icon{
	background-position:0px 5px;
	font-variant:normal;
	text-transform:uppercase;
}
.summaryBoxYellow h4{
	font-size:1em;
	text-transform:uppercase;
}


/****************************
* Summary box green
*****************************/
.summaryBoxGreen{
	margin: 5px 0px 15px 0px;
	padding:7px;
	border: 1px solid #f2f2f2;
	background: #99CCFF;
	position: relative;
}

.summaryBoxGreen p{
	margin: 0;
	padding: 1px;
	color: #666666;
}
.summaryBoxGreen h2{
	font-size: 1.5em;
	color: White;
	font-weight: bold;
	letter-spacing: -1px;
}
.summaryBoxGreen h3{
	font-size:1.1em;
	color:#0099CC;
	font-weight:bold;
	font-variant:small-caps;
}
.summaryBoxGreen h3.icon{
	background-position:0px 5px;
	font-variant:normal;
	text-transform:uppercase;
}
.summaryBoxGreen h4{
	font-size:1em;
	text-transform:uppercase;
}



/****************************
* Summary box white
*****************************/
.summaryBoxWhite{
	margin: 5px 0px 15px 0px;
	padding:7px;
	border: 1px solid #f2f2f2;
	border-bottom: 5px solid #f2f2f2;
	background: #FFFFFF;	
	position:relative;
}

.summaryBoxWhite p{
	margin:0;
	padding:1px;
	color:#333333;
}

.summaryBoxWhite h2{
	font-size:1.7em;
	color: #000;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform: none;
}
.summaryBoxWhite h3{
	font-size:1.3em;
	color:#0099CC;
	font-weight:bold;
	font-variant:small-caps;
}
.summaryBoxWhite h3.icon{
	background-position:0px 5px;
	font-variant:normal;
	text-transform:uppercase;
}
.summaryBoxWhite h4{
	font-size:1em;
	text-transform:uppercase;
}


/****************************
* Summary box blueborder
*****************************/
.summaryBoxGray{
	margin: 5px 0px 15px 0px;
	padding:7px;
	border: 2px solid #999999;
	background: #e7e7e7;	
}
#column_content .summaryBoxGray{
	margin:10px 0px;
}

.summaryBoxGray p{
	margin:0;
	padding:1px;
	color:#333333;
}

.summaryBoxGray h3{
	font-size:1.3em;
	color:#0099CC;
	font-weight:bold;
	font-variant:small-caps;
}
.summaryBoxGray h3.icon{
	background-position:0px 5px;
	font-variant:normal;
	text-transform:uppercase;
}
.summaryBoxGray h4{
	font-size:1em;
	text-transform:uppercase;
}


/****************************
* Profile Summary
*****************************/
.profileBox{
	margin: 5px 0px 15px 0px;
	padding:7px;
	border: 1px solid #f2f2f2;
	border-bottom: 5px solid #f2f2f2;
	/* not sold on using a background here!
	background: #fff url(../images/bg_gray.gif) repeat-x;
	*/
	position:relative;
}

.profileBox p{
	margin:0;
	padding:1px;
	color:#333333;
}


.profileBox h2{
	border-bottom: 1px dotted #929292;
	color: #454545;
	font-size:2.0em;
	font-weight:bold;
	line-height: 39px;
	text-transform: none;
}

.profileBox h3{
	font-size:1.5em;
	color:#339933;
	font-weight:bold;

}
.profileBox h3.icon{
	background-position:0px 5px;
	font-variant:normal;

}
.profileBox h4{
	font-size:1em;
	text-transform:uppercase;
}


/****************************
* Positions Box
*****************************/
.positionBox{
	margin: 5px 0px 15px 0px;
	padding:7px;
	border: 1px solid #f2f2f2;
	border-bottom: 5px solid #f2f2f2;
	background: #fff url(../images/bg_gray.gif) repeat-x;
	position:relative;
}

.positionBox p{
	margin:0;
	padding:1px;
	color:#333333;
}


.positionBox h2{
	border-bottom: 1px dotted #929292;
	color: #454545;
	font-size:2.0em;
	font-weight:bold;
	line-height: 39px;
	text-transform: none;
}
.positionBox h3{
	font-size:1.5em;
	color:#339933;
	font-weight:bold;

}
.positionBox h3.icon{
	background-position:0px 5px;
	font-variant:normal;

}
.positionBox h4{
	font-size:1em;
	text-transform:uppercase;
}

.positionBox .desc {
	font-size: 1.2em;
	margin: 10px 10px 10px 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 10px;	
}

/*
.position_title {
	font-size: 1.6em;
	font-weight: bold;
}

.position_company {
	font-size: 1.4em;
}

.position_company_link {
	font-size: 1em;
	font-weight: normal;
}

.position_dates {
	color: #333333;
	font-weight: bold;
	font-size: 1em;
	padding: 2px 0px 5px 0px;
	/* white-space: nowrap; */
}

*/



/***********************
* FAQ
***********************/
.faq .question{
	color: #822923;
	font-size: 1.3em;
	font-weight: bold;
}
.faq .answer{
	font-size: 1.2em;
	margin: 10px 0 10px 0em;
	padding: 10px 10px 30px 10px;
	text-align:left;
	display: block;
	background:#FAFAFA;
	border: 1px solid #D3D3D3;
}

/************************
* Navigation tweaks
************************/

#column_content .new-ref {
	font-size:1.3em;
	padding-left:24px;
	margin:0;
	background: transparent url(../images/new_ref.gif) no-repeat scroll 4px 4px;
}

/*********************
* Recaptcha fixes
*********************/

#recaptcha_widget_div #recaptcha_table{
	width:auto;
}
#recaptcha_widget_div tr{
	height:auto;
}
#recaptcha_widget_div form{
	margin:0px; padding: 0 0px;
	border: 0px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
#recaptcha_widget_div label {
	display:inline;
	font-weight:normal;
	margin:0px 0;
}
#recaptcha_widget_div input {
	padding: 0px;
	border:0px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

/*** Clean theme ***/

 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFF !important; 
 }
 
 #recaptcha_table {
	border-color: #FFF !important; 
	position:relative !important;
 }
 
.recaptchatable *{
	position:relative !important;
} 
 
#recaptcha_response_field {
	font-size:1.2em !important;
	padding:5px 3px 4px !important;
	color:#000 !important;
	border-color: #DFDFDF !important; 
	background-color:#FFF !important;
	position:relative !important; 
	width:294px !important;
}
#recaptcha_reload_btn, #recaptcha_switch_audio_btn, #recaptcha_switch_img_btn, #recaptcha_whatsthis_btn,
.recaptchatable #recaptcha_whatsthis_btn{
	visibility: hidden !important;
}
/** Branding **/

#recaptcha_table img#recaptcha_logo, #recaptcha_tagline{
	visibility: hidden !important;
	/*
	margin-left:-40px !important;
	z-index:100 !important;
	position: relative !important;
	*/
}



/**************************
* JTIP
**************************/

.jTip{
	background-color:#d00;
	color:#fff;
	padding:4px;
	font-weight: bold;
	text-decoration:none;
}

.cleanTip{
	background-color:transparent;
	color:#0099CC;
	font-weight: normal;
	text-decoration:none;
}
.cleanTip:hover{
	text-decoration:none;
}


/**************************
* Accordion
**************************/

#column_content .accordionClose h1,
#column_content .accordionOpen h1
{
	padding-left:0px;
}

#column_content .accordionClose h1 a,
#column_content .accordionClose h1 span
{
	padding-left:25px;
	background-image:url(../images/accordion_head_close.gif);
	background-repeat: no-repeat;
}

#column_content .accordionOpen h1 a,
#column_content .accordionOpen h1 span
{
	padding-left:25px;
	background-image:url(../images/accordion_head_open.gif);
	background-repeat: no-repeat;
}
#column_content h1 a.icon{
	margin-left:0px;
	padding-left:25px;
}
.accordionClose .navigation{
	display:none;
}

.accordionOpen .navigation{
	display:block;
}


/***********************
* Highlights
***********************/

.highlight {
	background: #FFFFCC;
}

.highlight_blue {
	background: #F0F8FF;
	padding: 3px;
}


.highlight_green {
	background: #99CC00;
	color: #FFF;
}

.highlight_red {
	background: #A52A2A;
	color: #FFF;
}

/***********************
* HowItWorks
***********************/
.hiw-question{
	text-transform:uppercase;
	font-size:1.2em;
}

.hiw-summary {
	font-size:1.2em;
	margin:10px 0 0 0;
	padding:10px;
	background: #FFFFCC;
	border:1px solid #F2F2F2;
	border-left: 4px solid #99CC00;
}

/***********************
* Misc Text Styles
***********************/

.txtHuge{
	font-size:2.1em;
	letter-spacing:-.5px;
	font-weight:bold;

}

.txtBig{
	font-size:1.8em;
	color: #666666;
	font-weight:normal;
	letter-spacing:-.5px;
	background:none;
	font-variant:normal;
	text-transform: none;
}

.txtHeading{
	font-size:2.1em;
	color: #822923;
	font-weight:bold;
	letter-spacing:-1px;
	background:none;
	font-variant:normal;
	text-transform: none;
}


.txtPrettyBig{
	font-size:1.4em;
	color: #666666;
	font-weight:normal;
	letter-spacing:-.5px;
	background:none;
	font-variant:normal;
	text-transform: none;
}

.txtBigger{
	font-size:1.2em;
	margin:10px 0 0 0;
	padding:10px;
	font-variant:normal;
	text-transform: none;

}

.txtPrettySmall{
	font-size:.8em;
	margin:10px 0 0 0;
	padding: 1px;
	font-variant:normal;
	text-transform: none;

}

/***********************
* Web References
***********************/

.webReferenceBox{
	
	margin: 5px 0px 15px 0px;
	padding:7px;
	border: 1px solid #f2f2f2;
	border-bottom: 5px solid #f2f2f2;
	/* not sold on using a background for header but might work if find right one
	background: #fff url(../images/bg_gray.gif) repeat-x;
	*/
	position:relative;
}

.webReferenceBox h2 {
	border-bottom: 1px dotted #929292;
	color: #454545;
	font-size:2.0em;
	font-weight:bold;
	line-height: 39px;
	text-transform: none;
}

.webReferenceBox h3{
	font-size:1.5em;
	color:#339933;
	font-weight:bold;
}

.webReference{
	padding:0px 0px 15px 0px;
}


.webReference .categoryTitle{
	color: #999999;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 25px 0px 2px 0px;
}

.webReference p{
}

.webReference p.title{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
}

.webReference p.description{
	color: #505050;
	font-size:1.2em;
	font-style: normal;
	line-height: 1.5em;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;

}

.webReference .url {
	margin: 2px 0px 2px 0px;
	font-size: .9em;
	font-weight: normal;
}

/***************************
*  User tab navigation
***************************/

#navlist
{
padding: 03px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DCDCDC;
text-decoration: none;
}

#navlist li a:link { color: #7C7C7C; }

#navlist li a:hover
{
color: #FFFFFF;
background: #778899;
border-color: #227;
}

#navlist li a#current,
#navlist li a.current
{
background: white;
border-bottom: 1px solid white;
color: #CC0001;
}


#navlist li a#no-tab,
#navlist li a.no-tab
{
background: white;
border-bottom: 0px solid white;
color: #CC0001;
}


/* FEATURE PAGE ----------------------------------------------- */
#featurePage{
	width:740px;
	float:left;
	padding:2px 0 0 0;
}
#featurePage ul.feature{
	width:740px;
	padding-bottom:50px;
	margin:0;
	list-style-type:none;
}
#featurePage ul.feature li{
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	display:block;
	width:230px;
	height:200px;
	padding-bottom:25px;
}

* html featurePage ul#feature li {
	margin:0 12px 15px 0;
}

#featurePage ul.feature li a.item{
	display:block;
	width:230px;
	height:200px;
}
#featurePage ul.feature li a.item:hover{
}

#featurePage h2{
	font-size: 18px;
	font-weight:bold;
	color: #D76E08;
	width:705px;
	margin: 0px 5px 0px 5px;
	padding: 2px 0px 2px 5px;
	}

#featurePage h3{
	font-size: 16px;
	font-weight:bold;
}

#featurePage .txtOrange{
	color: #D76E08;
	font-weight: bold;
	
}


/* FORM FIELD HINTS ----------------------------------------------- */
.hint {
   	display: none;
    position: absolute;
    right: 2px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}

/* Employment History */
.position {
	position: relative;
	padding-bottom: 20px;
}

.position_desc {
	font-size: 1.2em;
	margin: 10px 10px 10px 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 10px;	
}


.position_title {
	font-size: 2.3em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1.5px;
}

.position_company {
	font-size: 2.3em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -1.5px;
}

.position_company_link {
	font-size: 1em;
	font-weight: normal;
}

.position_dates {
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	padding: 2px 0px 5px 0px;
	/* white-space: nowrap; */
}


/* Action Bars */

.action_bar {
background: #FFFFFF; 
border: solid 1px #E7E7E7;
margin: 5px 0px 5px 0px;
padding: 5px 5px 5px 5px;
}

.action_bar .endorse{
	background:url(../../../common/images/icons/icon_ref_add.gif) no-repeat #F0FFFF;  
	padding: 0px 0px 0px 25px;
	font:bold 1em Georgia, "Times New Roman", Times, serif;
	color:#144848;
}


/* in Hx Links */

.editLink {
	font-size: .8em;
	font-weight: normal;
	text-transform: none;
}

.viewMore {
	height:41px;
	border-top: dotted 1px #929292;
	border-bottom: dotted 1px #929292;
	margin: 10px 0px 10px 0px;
	
}

.viewMore a.genericLink {
	background: #F0FFFF url(../../../common/images/icons/icon_arrow_green_right.png) no-repeat 10px 10px;
	padding:0 0 0 35px;
	font:bold 18px/39px Georgia, "Times New Roman", Times, serif;
	color:#144848;
	display:block;
	text-decoration:none;

}
.viewMore a.genericLink:hover {
	background: url(../../../common/images/icons/icon_arrow_green_right.png) 10px 10px no-repeat #FFFFFF;
	text-decoration: underline;
}

.viewMore a.webrefLink {
	background: #F0FFFF url(../../../common/images/icons/icon_external.gif) no-repeat 10px 15px;
	padding:0 0 0 35px;
	font:bold 18px/39px Georgia, "Times New Roman", Times, serif;
	color:#144848;
	display:block;
	text-decoration:underline;

}
.viewMore a.webrefLink:hover {
	background: url(../../../common/images/icons/icon_external.gif) 10px 15px no-repeat #FFFFB5;
	color: #0099CC; 
}

/************************
* Show Hide classes
*************************/
.showhide_show{
	background-image:url(../../../common/images/icons/icon_bullet_green.gif);
	padding: 4px 0px 4px 25px;
	background-position: 4px 4px;
	background-repeat: no-repeat;
	outline: none;
}
.showhide_hide{
	background-image:url(../../../common/images/icons/icon_bullet_green_down.gif);
	padding: 4px 0px 4px 25px;
	background-position: 4px 4px;
	background-repeat: no-repeat;
	outline: none; 
}


/* Form Restyling -- Remove once styles integrated into appropriate areas */

.outlineBox {
	
	border: solid 1px #CCCCCC;
	padding: 15px;
}


/* Accomplishments Box and Items*/

.accomplishmentsBox{
	margin: 5px 0px 15px 0px;
	padding:7px;
	border: 1px solid #f2f2f2;
	border-bottom: 5px solid #f2f2f2;
	/* not sold on using a background here!
	background: #fff url(../images/bg_gray.gif) repeat-x;
	*/
	position:relative;
}

.accomplishmentsBox p{
	margin:0;
	padding:1px;
	color:#333333;
}


.accomplishmentsBox h2{
	border-bottom: 1px dotted #929292;
	color: #454545;
	font-size:2.0em;
	font-weight:bold;
	line-height: 39px;
	text-transform: none;
}

.accomplishmentsBox h3{
	font-size:1.5em;
	color:#339933;
	font-weight:bold;

}
.accomplishmentsBox h3.icon{
	background-position:0px 5px;
	font-variant:normal;

}
.accomplishmentsBox h4{
	font-size:1em;
	text-transform:uppercase;
}



.accomplishment .item li {
	font-size: 1.2em;
	list-style: disc;
}

.accomplishment .item li a {
	font-size: .8em;
}


.accomplishment .details {
	background: #F0F8FF;
	border: 1px dotted #999999;
	padding: 5px;
	font-size: 1.1em;
	font-style: italic;
	margin: 0 1.2cm 0 1cm;
}

.accomplishment .details .position {
	color: #999999;
	font-size: .8em;
	font-style: normal;
	padding: 5px 0 0 0;
}