/* CSS Document */

/******************************************Main Layout Areas***************************************************************/



/*\*/ html * img#footerquote {
[bottom: 42px;
bottom: 41px;
]bottom: 53px;
}/**/

/*\*/ * html img#footerquote {
bottom: 47px;
}/**/

#wrapOuter {
	width: 720px;
	height: 447px;
	margin: 0 40px;
	padding: 0;
	background: #c9d8df;
	position: relative;
}

#vNavWrapper {
	float: left;
	width: 109px;
	height: 447px;
	background: #7395a6;
}

/*\*/* html #vNavWrapper ul.vNav {
padding-right: 0!important;
margin-right: 0!important;
}/**/


.search {
	position:absolute;
	bottom:5px;
	margin:5px;
	padding:0;
	text-align:left;
}

.search input {
	margin:0;
	padding:0;
	font-size:80%;
}


#mainBox {
	float: left;
	width: 611px;
	background: #F7F7F3;
}

#mainContent {
	padding-bottom: 10px!important;
}
 

#contentContainer {
	width: 611px;
	float: right;
	height: 377px; /****Min-height allows change text size without breaking floated column layout****/
	background: #fff;
}


.overflow {
	overflow: auto;
}


html>body #vNavWrapper .search input.moveMe {
	*position: relative;
	*left: 0px;
}/***Adjusts alignment of Search Box in Vertical Nav Column in IE7***/



#contentContainer #mainBox #mainContent h1 {
	margin-bottom: 0;
	text-transform: uppercase;
}



#wrap #wrapOuter #wrapInner #contentContainer #mainBox #mainContent .lowerLevel {
	color: #FDBB30;
}


#contentContainer #mainBox #mainContent ul,
#contentContainer #mainBox #mainContent ol {
	padding-left: 40px;
	margin-bottom: 30px;
}


#mainBox #mainContent h3 {
	border-bottom: 1px solid #7495a7;
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 1.2em;
}


#mainBox #mainContent h4 {
	font-size: 12px;
	margin-top: 30px;	/***Adjustment made for lower-level pages to have 
	                     spacing between subsections on a given page***/
}

html>body #mainBox #mainContent h4 {
	*font-size: 1em;
}

/*\*/ * html #wrapInner #contentContainer div #mainContent h4 {
	font-size: 1em;
} /**/


#wrapInner #contentContainer #mainBox #mainContent .first { 
	margin-top: 15px;	
}





#wrapInner #contentContainer #mainBox #mainContent .noSpaceBottom {
margin-bottom: 0px!important;
padding-bottom: 0px!important;
}
#wrapInner #contentContainer #mainBox #mainContent .noSpaceTop {
margin-top: 0px!important;
padding-top: 0px!important;
}








#mainBox #mainContent p.instructionalNote {
	font-style: italic;
}


#mainBox #mainContent .listHeader span {
	display: block;
	font-style: italic;
	font-weight: normal;
}


/*\*/ * html #mainBox #mainContent .listHeader span {
	[font-size: 1em;
	font-size: 11px;
	]font-size: 1em;
}/**/




div.photoRight img {
	float: right;
	padding-bottom:29px;
	background:url(/acp/working/images/bov_stripes_btmright.gif) no-repeat bottom right;
}
div.photoRight p {
	background:#fff;
	margin:0;
	padding:5px;
	float: right;
}

img.imagePlainLeft {
	float: left;
	padding: 10px 10px 10px 0;
}

img.imagePlainRight {
	float: right;
	padding: 10px 0 10px 10px;
}



/***** two column lists ***/

#mainBox #mainContent div.dataColumnsTwo {
	margin: 0 0 0 0px;
	padding: 25px 0 0 0;
	width: 580px;
	clear: both;
}

#contentContainer.scrollRight #mainBox #mainContent div.dataColumnsTwo {
	margin: 0 0 0 0px;
	padding: 25px 0 0 0;
	width: 420px;
	clear: both;
}

#mainBox #mainContent div.dataColumnsTwo:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


html>body #wrap #wrapOuter #wrapInner #mainBox #mainContent div.dataColumnsTwo:after {
	*display: inline-block;
}




div.dataColumnLeft {
	margin: 25px 0 0 25px;
	width: 180px;
	float: left;
}

div.dataColumnRight {
	margin: 25px 0 0 18px;
	width: 180px;
	float: left;
}

#contentContainer #mainBox #mainContent div.dataColumnLeft ul,
#contentContainer #mainBox #mainContent div.dataColumnRight ul {
	margin-left: 0;
	margin-bottom: 15px;
	padding: 0;
	list-style: none;
	background: transparent;
}

/*\*/ * html #contentContainer #mainBox #mainContent .dataColumnLeft {
	margin: 25px 0 0 12px;
} /**/

div.dataColumnLeft ul li,
div.dataColumnRight ul li {
	background: transparent;
}

div ul li.fieldName {
	font-weight: bold;
}


/***** for three column lists SEE 2-COLUMN PAGE TWEAKINGS section below ***/


#sideContent h2 {
	margin: 35px 10px;
	text-transform: uppercase;
}


#sideContent p {
	margin-left: 10px;
	margin-right: 10px;
}


div.navVisualCue {
	position: absolute;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.italics {
	font-style: italic;
}

.clear {
	clear: both!important;
}


/********************************************************************     2 Column Page Tweakings updated 2-15-07      *********/



/*\*/ * html #wrapInner #contentContainer div.scrollRight {
	background: #c9d8df;
	height: 377px;
} /**/



#mainBox.scrollRight { 
/* Necessary for 2-Column pages and Home Page, AND 
to allow for the Board of Visitors page setup, 
which requires no height style set for MAINBOX 
========= See extra specificity for IE6 Rules below*/
	height: 377px;
}

#contentContainer #mainBox.scrollRight #mainContent div.photoRow p {
	width: 390px;
	margin-top: 40px;
}


#contentContainer #mainBox.scrollRight #mainContent div.photoRow:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html>body #contentContainer #mainBox.scrollRight #mainContent div.photoRow {
	*display: inline-block;
}


/******  3 column lists using DIVs and ULs ****/

#mainBox.scrollRight #mainContent #dataColumnsThree {
	margin: 0 0 0 0px;
	padding: 25px 0 0 0;
	width: 590px;
	clear: both;
}
#mainBox.scrollRight #mainContent #dataColumnsThree li{
	margin-bottom: 5px;
}

#mainBox #mainContent #dataColumnsThree:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html>body #mainBox.scrollRight #mainContent #dataColumnsThree:after {
	*display: inline-block;
}


#mainBox.scrollRight #mainContent #dataColumnsThree div.dataColumn3Left {
	float: left;
	width: 180px;
	margin: 0 0 0 20px;
	padding: 0;
}

#mainBox.scrollRight #mainContent #dataColumnsThree div.dataColumn3Middle {
	float: left;
	width: 180px;
	margin:0 0 0 15px;
	padding: 0;
}

#mainBox.scrollRight #mainContent #dataColumnsThree div.dataColumn3Right {
	float: left;
	width: 180px;
	margin:0 0 0 15px;
	padding: 0;
}

/*\*/ * html #mainBox.scrollRight #mainContent #dataColumnsThree div.dataColumn3Left {
		margin-left: 10px;
} /**/

#mainBox.scrollRight #mainContent #dataColumnsThree div ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}

#wrapOuter #wrapInner #contentContainer #mainBox.scrollRight #mainContent table {
	width: 555px!important;
}

/*\*/ * html #wrap #wrapOuter #wrapInner #contentContainer #mainBox #mainContent table {
font-size: 1em;
}/**/



/******  3 column lists using DIVs and ULs, with dataColumnsThree as CLASS not ID ****/

#mainBox.scrollRight #mainContent div.dataColumnsThree {
	margin: 0 0 0 0px;
	padding: 25px 0 0 0;
	width: 590px;
	clear: both;
}

#wrap #wrapOuter #wrapInner #mainBox #mainContent div.dataColumnsThree:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html>body #wrap #wrapOuter #wrapInner #mainBox.scrollRight #mainContent div.dataColumnsThree:after {
	*display: inline-block;
}










#mainBox.scrollRight #mainContent div.dataColumnsThree div.dataColumn3Left {
	float: left;
	width: 180px;
	margin: 0 0 0 20px;
	padding: 0;
}

#mainBox.scrollRight #mainContent div.dataColumnsThree div.dataColumn3Middle {
	float: left;
	width: 180px;
	margin:0 0 0 15px;
	padding: 0;
}

#mainBox.scrollRight #mainContent div.dataColumnsThree div.dataColumn3Right {
	float: left;
	width: 180px;
	margin:0 0 0 15px;
	padding: 0;
}

/*\*/ * html #mainBox.scrollRight #mainContent div.dataColumnsThree div.dataColumn3Left {
		margin-left: 10px;
} /**/

#mainBox.scrollRight #mainContent div.dataColumnsThree div ul {
	margin: 0 0 15px 0;
	padding: 0!important;
	list-style: none;
}



/********************************************************************     3 Column Page Tweakings updated 2-16-07      *********/


#wrap #wrapOuter #wrapInner #contentContainer.scrollRight {
/*	background: url(/acp/working/images/col2-3_bg_solid.gif) repeat-y; */
	background: #F7F7F3;
}


#contentContainer.scrollRight #mainBox.threeColumns {
	width: 425px;
	background: transparent;
	min-height: 377px;
} 


/*\*/ * html #contentContainer div.threeColumns {
	width: 425px;
	background: transparent;
	height: 377px;
} /**/


/*\*/ * html #wrapInner div.scrollRight {
	height: 377px;
} /**/


#contentContainer.scrollRight #mainBox.threeColumns #mainContent h1 {
	color: #fdbb30;
	text-transform: uppercase;
	margin-bottom: 0;
}


/************BELOW --
Two IE6 Specific tweakings to 
allow viewer to change text size without 
breaking floated column layout*************/


/*Should hide below 2 rules from IE5 Mac*/
* html #contentContainer {
height: 1%
}

* html #wrapOuter {
height: 1%
}


#contentContainer.scrollRight #sideBox {
	background: transparent;
	float: right;
	width: 166px;
}


#contentContainer.scrollRight #sideBox #sideContent h2 {
	margin-bottom: 25px;
}


#contentContainer #sideBox #sideContent ul.links {
	margin: 0 10px;
	padding: 0;
	list-style: none;
}


#wrapInner #contentContainer #mainBox.threeColumns #mainContent div.photoRow p {
	width: 220px;
	margin-top: 20px;
}


#wrapInner #contentContainer #mainBox.threeColumns #mainContent table {
	width: 400px!important;
}




#contentContainer.scrollRight #sideBox #sideContent h2,
#contentContainer.scrollRight #sideBox #sideContent ul,
#contentContainer.scrollRight #sideBox #sideContent ul.links,
#contentContainer.scrollRight #sideBox #sideContent p {
/*Adjusts spacing on pages with 3 columns, scrollbar on right, 
spacing between left edge of white column and text within column*/
	margin-left: 7px;
}


#sideContent ul.links li a,
#sideContent ul.links li a:link,
#sideContent ul.links li a:visited {
	color: #3882c4!important;
}


#sideContent ul.links li a:hover {
	color: #fdbb30!important;
}







/************************************************************************************               Unique Pages    *******/
/* Order of unique pages
Home Page (already added to Cold Fusion)
Community Page (already added to Cold Fusion)
Research Publications (already added to Cold Fusion)
Job Boards (already added to Cold Fusion)
Professors (already added to Cold Fusion)
Calendar (already added to Cold Fusion)
Working Papers (moved table rules to Unique Tables section below)
Employer Profiles (moved table rules to Unique Tables section below)
*/
















/************************************************************************Unique Pages -   Board of Visitors*******/

#contentContainer.scrollRight #mainBox.threeColumns #mainContent p.board {
	margin-top: 45px;
}

#contentContainer.scrollRight #mainBox.threeColumns #mainContent span.smallHeader {
	color: #3882c4;
	text-transform: uppercase;
	font-weight: bold;
}

#contentContainer.scrollRight #mainBox.threeColumns #mainContent div.photoRow p {
	width: 233px;
	margin-top: 50px;
}

#contentContainer.scrollRight #sideBox #sideContent span.board {
	font-style: italic;
	color: #3882c4;
	text-transform: lowercase;
	padding-left: 0px;
	padding-right: 2px;
}

#contentContainer.scrollRight #sideBox #sideContent h4.board {
	margin: 0 0 0 10px;
	padding: 0;
	color: #3882c4;
	text-transform: uppercase;
	font-size: 12px;
}

#contentContainer.scrollRight #sideBox #sideContent ul.board {
	margin: 0 0 15px 10px;
	padding: 0;
	list-style: none;
}

#contentContainer.scrollRight #mainBox.threeColumns #mainContent div.photoRow:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html>body #contentContainer.scrollRight #mainBox.threeColumns #mainContent div.photoRow {
	*display: inline-block;
}


/*\*/ html * #contentContainer.scrollRight #sideBox #sideContent h4.board {
	[margin-left: 10px;
	margin-left: 7px;
	]margin-left: 7px;
}/**/

/*\*/ html * #contentContainer.scrollRight #sideBox #sideContent ul.board {
	[margin-left: 10px;
	margin-left: 7px;
	]margin-left: 7px;
}/**/






/************************************************************************Unique Pages -   Individual Professors*******/

/*pasted as internal style rules in CFM file.

/************************************************************************Unique Pages -   Graduate Exams*******/

#mainBox.scrollRight #mainContent div.subMenu {
	padding: 4px 0;
	text-align: center;
	background:#fdbb30;
	margin: 10px 20px;
}

#mainBox.scrollRight #mainContent div.subMenu ul.exams {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#mainBox.scrollRight #mainContent div.subMenu ul.exams li {
	display: inline;
	color: #fff;
}

#mainBox.scrollRight #mainContent div.subMenu ul.exams li a:hover {
	color: #fff;
}

#mainBox.scrollRight #mainContent div.examsDataColumnLeft {
	float: left;
	width: 184px;
	text-align: center;
	margin: 0 0 0 20px;
	padding: 0;
}

#mainBox.scrollRight #mainContent div.examsDataColumnMiddle {
	float: left;
	width: 200px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#mainBox.scrollRight #mainContent div.examsDataColumnRight {
	float: left;
	width: 183px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#mainBox.scrollRight #mainContent div.examsDataColumnLeft h4,
#mainBox.scrollRight #mainContent div.examsDataColumnMiddle h4,
#mainBox.scrollRight #mainContent div.examsDataColumnRight h4 {
	margin-top: 8px;
	margin-bottom: 10px;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

#mainBox.scrollRight #mainContent div.examsDataColumnLeft ul,
#mainBox.scrollRight #mainContent div.examsDataColumnMiddle ul,
#mainBox.scrollRight #mainContent div.examsDataColumnRight ul {
	margin: 0 0 25px 0;
	padding: 0;
	list-style: none;
}

#mainBox.scrollRight #mainContent div.examsDataColumnLeft li,
#mainBox.scrollRight #mainContent div.examsDataColumnMiddle li,
#mainBox.scrollRight #mainContent div.examsDataColumnRight li {
	margin: 0;
	padding: 0;
}





/**********************************************************************************Unique Tables***********/


/****Recent News****/

#wrapInner #contentContainer #mainBox #mainContent table.recentNews {
	width: 571px;
	margin: -5px 0 0 20px;
}

#wrapInner #contentContainer #mainBox #mainContent table.recentNews td {
	padding: 8px 0;
	margin: 0;
	vertical-align: middle;
}

#wrapInner #contentContainer #mainBox #mainContent table.recentNews td.picture {
	width: 85px;
}

#wrapInner #contentContainer #mainBox #mainContent table.recentNews td.text ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#wrapInner #contentContainer #mainBox #mainContent table.recentNews td.text ul li {
	margin: 0;
	padding: 0;
} 





/****Working Papers****/


table.workingPapers {
	width: 571px;
	margin: 25px 0 0 20px;
	border-collapse: collapse;
	clear: both;
}
table.workingPapers td {
	padding: 8px;
	margin: 0;
	vertical-align: top;
}

table.workingPapers tr.even {
	background: #fdbb30;
	color: #fff;
}
table.workingPapers tr td a:hover {
	color: #fff;
}
table.workingPapers td.number {
	font-size: 110%;
	font-weight: bold;
	width: 30px;
}
table.workingPapers td.name {
	width: 120px;
}
table.workingPapers td.link {
	width: 200px;
}





/****Employer Profiles****/

table.employerProfiles {
	width: 571px;
	margin: 0 0 30px 20px;
	border-collapse: collapse;
}
table.employerProfiles td {
	padding: 8px 30px 8px 30px;
	margin: 0;
	vertical-align: top;
}

table.employerProfiles tr.odd {
	background: #fdbb30;
	color: #fff;
}

table.employerProfiles td {
	font-weight: bold;
}
table.employerProfiles td.name {
	width: 120px;
}
table.employerProfiles td.employer {
	width: 331px;
}



/*****************************Accessibility*************************************************************************/



#header h1 {
/*Allows header text to appear for screen readers, but not to appear in regular browsers*/
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
/*background: #c9d8df url(/acp/working/images/logo.gif) top left no-repeat;*/
}


#header h1 a.ucla, #header h1 a.ucla:link, #header h1 a.ucla:visited {
	display: block;
float: left;
background: #c9d8df url(/acp/working/images/logo.gif) no-repeat;
background-position: 0 0;
width: 100px;
	height: 53px;
	margin: 0;
	padding: 0;
	border: 0;
}

#header h1 a.econ, #header h1 a.econ:link, #header h1 a.econ:visited {
	display: block;
float: left;
background: #c9d8df url(/acp/working/images/logo.gif) no-repeat;
background-position: -100px 0;
width: 380px;
	height: 53px;
	margin: 0;
	padding: 0;
	border: 0;
}


p.access {
/*For text to appear only for screen readers, example is Skip Navigation*/ 
	position: absolute;
	left: -9000px;
}












/*****************************Safari font size tweakings*************************************/

/*\*/ html * #wrapInner {
	[font-size: small;
	font-size: .95em;
    ]font-size: 1em;
}/**/


/*\*/ html * #mainNav li ul a {
	[font-size: small;
	font-size: .9em;
    ]font-size: .9em;
}/**/




/* IE HACKS ============================================================ */
/* Hides from IE-mac \*/
* html #wrapOuter {font-size:100%;}
* html .row {height: 1%;}
/* End hide from IE-mac */

/*.row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div {zoom: 100%}

*/

/*****************************************************************/


/**************** newCSS added 3/10/09 ***************************/

/* CSS Document */

body {
background: #c9d8df;
}


#wrap {
/*  border: 1px solid #fff; */
  padding-bottom: 50px;
  padding-top: 20px;
  height: auto;
}

#wrapOuter {
  background: #f7f7f3;
  background: url(../images/wrap_bg.gif) top left repeat-y;
  height: auto;
  border-left: 1px solid #7495a7;
  border-right: 1px solid #7495a7;
  border-bottom: 1px solid #7495a7;
}


#mainNav {
  border-top: 1px solid #7495a7;
  border-left: 1px solid #7495a7;
  border-right: 1px solid #7495a7;
}


/*
#vNavWrapper {
  height: auto;
  following for gradient
  background: #7395a6 url(navGrad_c.jpg) bottom left no-repeat;
  padding-bottom: 43px;
}
*/

.vNav li{
padding-bottom: 8px;  
}

.search {
  position: relative;
  margin: 200px 4px 5px;
}

#contentContainer {
  height: auto!important;
}

/************************************************/
#wrap #wrapOuter #wrapInner #contentContainer #mainBox.scrollRight {
height: auto!important;
}


#wrap #wrapOuter #wrapInner #contentContainer #mainBox {
background: #f7f7f3;
}

/************************************************/

#wrap #wrapOuter #wrapInner #contentContainer #mainBox #mainContent .lowerLevel {
color: #fdbb30;
}

#contentContainer.scrollRight #sideBox {
  width: 183px;
}

/*\*/ * html #contentContainer.scrollRight #sideBox {
width: 165px;
width: 180px;
}/**/

img#footerquote {
  bottom: 25px;
  position: absolute;
  right: 40px;
  z-index: 100;
}

/*\*/html * img#footerquote {
[bottom: 25px;
bottom: 25px;
]bottom: 25px;
}/**/

/*\*/ * html img#footerquote {
bottom: 25px;
}/**/

html>body img#footerquote {
*bottom: 25px;
}

div.photoRow {
float: right;
background: transparent;
width: 200px;
}

#wrap div.navVisualCue {
display: none;
visibility: hidden;
}

#wrap #wrapOuter #wrapInner #contentContainer #mainContent table tr.odd {
background: #ccc;
}

#wrap #wrapOuter #wrapInner #contentContainer #mainContent table tr.even {
background: #ccc;
}

#wrap #wrapOuter #wrapInner #contentContainer.scrollRight,
#wrap #wrapOuter #wrapInner #contentContainer.scrollRight #sideBox {
background: #f7f7f3!important;
}

#wrap .talkBubble {
background: transparent url(btm.gif) no-repeat scroll left bottom;
}

#wrap .talkBubble p {
background: transparent url(top.gif) no-repeat scroll 0 0!important;
}

a {
text-decoration: none;
}