/******************************************************************************
 * Author: Kevin Archibald - uarstech <at> saonet.ucla.edu
 *         UCLA Undergraduate Admission
 * Filename: style.css 
 * Description: Controls the style elements of the main content.
 *
 ******************************************************************************/
 
 #body-content{
	 padding-left:20px;
	 font-size:105%;
 }
 
 /********** Secondary Layout ***********/
#right-column-float {
	float: right;
	position: relative;
	left: 50px;
	width: 210px;
}
#right-column-float img{
	padding: 5px;
}
 
 /*********** Default Styles ***********
#pagetitle{ /* PAGE TITLES 
 	font-size: 2.5em;
	line-height: 1em;
	margin: 0 0 14px 0;
	border: none;
}*/

/*********** Classes ************/
.notes{
	font-size:0.9em;
	color:#555;
}
.pullquote{
	font-family: Constantia,Cambria,Georgia,Palatino,serif;
	font-size: 1.3em;
	font-style: italic;
	margin-bottom: 0;
	padding: .7em 1.5em;
	background-image: url(../images/quote.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.image-float-left{
	display:block;
	float:left;
	padding:5px;
}
.div-left-margin{
	margin-left:150px;
}
.align-center{
	margin-left: auto;
	margin-right: auto;
}

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



/* !!! IMPORTANT: ROUNDED CORNERS FOR TABLES DEFINED IN not-ie.css !!! */
/*table{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	border-collapse:collapse;
}

.table-title{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom: .5em;
}
.table-right th{
	text-align: right;
	background: #536895;
	color:#FFFFFF;
	border-top: 1px #FFFFFF solid;
}
.table-right td{
	background-color: #e5ebeb;
	text-align: right;
	border-top: 1px #FFFFFF solid;
}


.table-right-except1 th{
	text-align: left;
	background: #536895;
	color:#FFFFFF;
	border-top: 1px #FFFFFF solid;
}
.table-right-except1 td{
	background-color: #e5ebeb;
	border-top: 1px #FFFFFF solid;
	text-align:right;
}
.table-right-except1 td:first-child{
	text-align:left;
}

.table-left th{
	text-align: left;
	background: #536895;
	color:#FFFFFF;
	border-top: 1px #FFFFFF solid;
}
.table-data {
	font-size: 0.8em;
}

.table-vertical {
	table-layout:fixed;
}
.table-vertical th{
	text-align: center;
	border-left: 2px #FFFFFF solid;
	background: #536895;
	color:#FFFFFF;
}
.table-vertical td{
	background-color: #e5ebeb;
	text-align: center;
	border-left: 2px #FFFFFF solid;
}
.table-left th a, .table-right th a, .table-vertical th a, .table-data th a {
	color:#CCFFFF;
}*/




.table-data,
.table-left,
.stripe { border:1px solid #ccc; border-collapse:collapse; border-spacing:0; margin:20px 0;}

.table-data tr,
.table-left tr,
.stripe tr { background:#fff; }

.table-data tr.alt,
.table-left tr.alt,
.stripe tr.alt { background:#eee; }

.table-data th,
.table-left th,
.normal th,
.stripe th { background:#d1e8f8; border-bottom:1px solid #204e91; font-weight:600; padding:10px; text-align:left; }

.table-data td,
.table-left td,
.normal td,
.stripe td { padding:10px; vertical-align:top;border-top: 1px #EEE solid; }

.normal th{ border-bottom:1px solid #204e91; font-weight:600; padding:7px;}
.normal td{ padding:7px;border-top: 1px #EEE solid; }

.table-data th{
	text-align: right;
	vertical-align:bottom;
}
.table-data td{
	text-align: right;
}
.table-data td:first-child, .table-data th:first-child {
	text-align: left;
}

/********* Row Styles **********/
.table-row-total td{
	font-weight:bold;
	border-top: 1px #CCC solid;
	border-bottom: 1px #ccc solid;
}
.table-row-title{
	font-size: 1.5em;
	color: #536895;
	padding: .4em 0 0 0;
	font-weight: bold;
}
.table-row-title td{
	padding-top: 15px;
}
.table-row-border-top td{
	border-top: 1px #CCC solid;
}

/********* Cell Styles *********/
.table-border-left{
	border-left: 1px #EEE solid;
}

/********* List Styles *********/
#main-content ul, ol {
	line-height: 1.7em;
	margin-top: 0.4em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}
#main-content ol {
    list-style: decimal;
}
#main-content li{
	margin-top: 0.4em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 3em;
}
#main-content ul li ul {
    list-style: disc;
}
*/

/********* Color Styles *********/
.color-white, .white { /*used in tours calendar*/
	color: white; }
	
.color-red {
	color: #E00000;
}
.color-new {
	color: #F00000;
	font-size: 12px;
}


/*-------------------------misc------------------------*/
.table-align-left {
	margin-left:0;
}

.imgpad{
	margin: 0 5px 5px 0;
}
	
.indent { /*use this for indentation*/
	padding-left: 15px;
	}

.box, #PDFLibrary{
	border: 2px solid #536895;
}
#PDFLibrary {
	height: 100px;
	width: 78px;
}

/*--------------Video Links--------------*/
div.vid-box-wide a{
	display: inline-block;
	width:100%;
	margin: 10px 0;
	padding:5px 6px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
div.vid-box-wide a:after {clear: both; margin: 15px 0 0 0; content: "&nbsp;"; display: block; height: 0; visibility:hidden;}
div.vid-box-wide a:hover {background:#EEE;text-decoration:none;}
div.vid-box-wide span.thumbnail{
	display:block;
	margin: 0 5px 0 0;
}
div.vid-box-wide span.thumbnail img{
	display:block;
	margin: 0 10px 0 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
div.vid-box-wide span.title{
	display:block;
	margin: 0 5px 10px;
	font-size:1.3em;
}
div.vid-box-wide span.detail{
	display:block;
	margin: 5px;
}
div.vid-box-wide span.detail span.text{
	font-weight:normal;
	color:#333;
}
div.vid-box-wide span.detail span.link{
	font-size:.9em;
}
div.vid-sep{
	margin:7px 0;
	border-top:#EEE 1px solid;
	display: block;
	height: 1px;
	clear: both;
}


/*--------------Boxes--------------*/
div.box-side{
	display: inline-block;
	width: 184px;
	margin: 10px 0;
	padding:2px 6px;
	background:#f8f8f8;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}

.invisible
{
    display:none;
}