/******************************************************************************
 * Author: Mike Takahashi - mtakahashi <at> support.ucla.edu
 * Graduate Division Author: Eli Levy - elevy <at> gdnet.ucla.edu
 * Filename: audience.css 
 * Description: Controls the elements on audience pages and major navigation pages such as Diversity.
 *
 ******************************************************************************/

@media print {
/* Printer friendly page layout that hides headers & footers */
    body { 
	font-family: "Times New Roman", Times, serif;
    font-size: 11pt;
	margin: 0 auto;
    line-height : 1.20em;	
	 }
	p, ol {
	font-size: 100%;
	}
	 #top, 
	 #breadcrumbs,
	 #banner, 
	 #footer,
	 #footer ul,
	 #colophon {
	 display: none;
	 }
	 #column-one,
 	 #quick-links {
	 width: 100% !important;
	 background-color: #ffffff !important;
	 }	 
	 .column-main {
  	 float: none  !important;
	 }	 
/* Print link addresses after links on this typ of page */
a:after 	{	content: " - " attr(href) "";
				font-weight: bold;
				text-decoration: none;
		}
a[href^="/"]:after 	{	content: " - https://grad.ucla.edu" attr(href) "";
				font-weight: bold;
				text-decoration: none;
		}
a[href^="#"]:after 	{	content: "";
				visibility: hidden;
		}
a[href^="javascript"]:after 	{	content: "";
				visibility: hidden;
		}
a[href^="mailto"]:after 	{	content: "";
				visibility: hidden;
		}
a[name]:after 	{	content: "";
				visibility: hidden;
		}
}

p, ol { font: 1.25em Arial, Verdana, Helvetica, Times;
	color: #464646;
	}
h1 {
    font: 1.6em Arial, Verdana, Times;
    color: #536895;
}
h1.documentFirstHeading {
    background-color: #536895;
    font: 1.6em Arial, Verdana, Times;
    color: #ffffff;
    margin: 0;
    padding: 4px 4px 4px 8px;
}
h2 {
    margin: 0;
    padding: 0;
    font: bold 1.2em Verdana, Arial, Times;
}
#progreq-h2 {
    margin: 0;
    padding: 0;
    font: bold 1.6em Verdana, Arial, Times;
}
.progreq-h3 {
    margin: 0;
    padding: 0;
    font: bold 1.4em Verdana, Arial, Times;
}

#quick-links ul {
    list-style-image: url(../../graphics/site2010/arrow-gold.gif) !important;
}
#quick-links label {
	display: none;
}
#columns ul.plain {
    list-style-image: url(../../graphics/site2010/bulletgrey.gif);
}
#columns ul {
	font-size: 1.2em;
    line-height: 1.5em;
    margin: 10px 0 10px 30px;
    padding: 0;
    list-style-image: url(../../graphics/site2010/arrow-blue.gif);
}
p a,
h1 a,
h2 a,
#columns li a {
	color: #014A67;
	text-decoration: none;
}
p a:visited,
h1 a:visited,
h2 a:visited,
#columns li a:visited {
    color: #628596;
    text-decoration: none;   
}
p a:focus,
p a:hover,
h1 a:focus,
h1 a:hover, 
h2 a:focus,
h2 a:hover, 
#columns li a:hover,
#columns li a:focus {
	color: #003366;
    text-decoration: underline;   
}
#banner {
    float: left;
	position: relative;
    border: 3px solid #ffb300;
	width: 644px;
}
#content {
    margin-top: 10px;
    padding: 0 8px;
}
#breadcrumbs {
    background-color: #e5ebeb;
    font-size: 10px;
    padding: 2px;
}
#breadcrumbs a {
    font-size: 10px;
    color: #27408B;
    text-decoration: none;
}
#breadcrumbs a:hover,
#breadcrumbs a:focus {
    background-color: #FFD779;
    text-decoration: underline;
}
#quick-links {
    background-color: #e5ebeb;
    padding: 8px;
}
.highlight-bar {
    background-color: #e5ebeb;
    padding: 4px 10px;
}
#column-one-content {
    padding: 10px;
}
.column-two {
    padding: 4px 10px 4px 20px;
}
.column-three {
    padding: 4px 10px 4px 20px;
}
#column-one {
    position: relative;
    float: left;
	width: 294px;
}
.column-two {
	margin-left: 50px;
    position: relative;
    float: left;
	width: 200px;
	text-align: center;
}
.column-three {
    position: relative;
    float: left;
	width: 630px;
}
.column-main {
    position: relative;
    float: left;
    width: 900px;
    padding: 0px 20px 7px 20px;
}
#column-none {
    padding: 0 8px;
}
.pdf { font-size: 80%;
}

/* Tables Styling */

#horizontal-minimalist {
	background: #ffffff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#horizontal-minimalist th {
	font-size: 14px;
	font-weight: normal;
	color: #536895;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
	white-space:nowrap;
}
#horizontal-minimalist a,
#horizontal-minimalist a:visited {
	color: #536895;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}
#horizontal-minimalist a:hover {
    border-bottom: none;
}
#horizontal-minimalist td {
	padding: 6px 8px;
}
#horizontal-minimalist tbody tr:hover td {
	color: #536895;
}