/* This file defines styles for layout divs WITHIN the content area. It also covers table styles and tint styles. basically, any useful layout elements that can be used globally.
 This file is likely to exapnd a great deal, as more requirements are identified by end users. */
/* Accessibility Items */	
.access {
	display: none;
}
/* END Accessibility Items */

/**********************************************/
/*sagba 190207*/
/* to fix occasional problematic internal layout issues where padding throws out divs when in IE6. */
#content #ie6fix div.int_layout .pad05 {margin:0; padding:0;}

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

/*STYLES FOR 2 COLUMN LAYOUTS*/
	/*over-rides default styling for tags in main content section. Put other default tags in here as necessary... This allows the padding style defined below to work properly, as well as providing the default of no padding.*/
	div.int_layout, div.int_layout p, div.int_layout table, div.int_layout ul, div.int_layout table ol, div.int_layout dl{
		margin: 0;
		padding: 0;
	}
/*pre-defined column widths WITH MARGINS- widths are set to 1% less than required to provide margin between divs when float is applied.  The left and right columns should add to 100*/
div.col10m { width: 9%;}
div.col20m { width: 19%;}
div.col25m { width: 24%;}
div.col30m { width: 29%;}
div.col33m { width: 32%;}
div.col40m { width: 39%;}
div.col45m { width: 44%;}
div.col50m { width: 49%;}
div.col60m { width: 59%;}
div.col66m { width: 65%;}
div.col70m { width: 69%;}
div.col75m { width: 74%;}
div.col80m { width: 79%;}
div.col90m { width: 89%;}
/*bottom-margin applied to divs WITHIN columns to maintain illusion of margins.*/
	div.col10m div, div.col20m div, div.col25m div, div.col30m div, div.col33m div, div.col40m div, div.col45m div, div.col50m div, div.col60m div, div.col66m div, div.col70m div, div.col75m div, div.col80m div, div.col90m div { margin-bottom: 0.5em;}
/*END pre-defined column widths WITH MARGINS*/
/*pre-defined column widths WITHOUT MARGINS- widths are set to exact width. The left and right columns should add to 100*/
div.col05 { width: 5%;}
div.col10 { width: 10%;}
div.col15 { width: 15%;}
div.col20 { width: 20%;}
div.col25 { width: 25%;}
div.col30 { width: 30%;}
div.col33 { width: 33%;}
div.col40 { width: 40%;}
div.col45 { width: 45%;}
div.col50 { width: 50%;}
div.col60 {	width: 60%;}
div.col66 { width: 66%;}
div.col70 { width: 70%;}
div.col75 { width: 75%;}
div.col80 { width: 80%;}
div.col90 { width: 90%;}

/*Homepage specific styles sagba 300107*/
div.colA {width:37.3%; height:auto;}
div.colB {width:61%;}
div.colC {width:76.7%; margin:.8em 0;}
div.colD {width:21.1%;}
div.colE {width:62%; height:22em;} /*Amended from height:auto to accomodate the increased height of the news box*/
div.colF {width:34.3%;}
div.colB img, div.colB div#random {margin:0 0 .5em 0;}
/*Forcing the welcome message to take the required height*/
div.welcome {height:11.5em;}
/*Styles specifically for the CU News Homepage block*/
/*Allows for the display of news items with dates*/
/*in a listed format*/
#content div.colA li {padding:0; margin:0;}
#content div.colA div.news {margin:0 0 .3em 0;}
/**/

/*floats for column divs - this style MUST be applied for the positioning and margins to work. Padding is set to 0 to over-ride any accidental padding, as the internal layout will break with padding*/
	div#leftcol, div.leftcol { float:left; clear:left; padding:0;}
	div#rightcol, div.rightcol { float: right; clear:right; padding:0;}
/* div.leftcol and div.rightcol added to facilitate the use of multiple sets of columns */
/*end floats*/

	/*STYLES FOR DIVS WITHIN MAIN COLUMNS*/

/*internal padding for padded divs. This style SHOULD NOT be applied to the main columns or they will break.*/

 div.int_layout div.pad03 {padding: 0.3em;} 
 div.int_layout div.pad04 {padding: 0.4em;}
 div.int_layout div.pad05 {padding: 0.5em;}
 div.int_layout div.pad06 {padding: 0.6em;}
 div.int_layout div.pad07 {padding: 0.7em;}
 div.int_layout div.pad08 {padding: 0.8em;}
 div.int_layout div.pad09 {padding: 0.9em;}
 div.int_layout div.pad10 {padding: 1.0em;}

 div.int_layout div.para p {margin:0 0 0.8em 0;}
/* places a 1em margin at the bottom of the specified div */
 div.marginbottom {border-bottom:1em solid #fff;}
/*end internal padding*/

	/*END STYLES FOR DIVS WITHIN MAIN COLUMNS*/
/*END STYLES FOR 2 COLUMN LAYOUT*/	
/*END INTERNAL LAYOUT definitions for #content area*/

/* TABLES */
	/*These are the default styles for tables. 
	To over-ride them, further class definitions are below in the 'modular table styles' section. Some are also over-ridden by the .tint classes below*/
	table {	/*by default border-collapse is set to collapse. This can be changed through the use of the .separate style below*/
        font-size: .9em;
		line-height: 1.4em;
		border: 1px solid #333;
		border-collapse:collapse;
		padding: 0;
        margin: 0 0 1em 0;
	}
	table caption { /*by default the table caption is set to hidden. This can be changed by removing the .hidecaption style below*/
		font-weight: bold;
		border: 0;
		margin: 0 0 0 0;
		padding: 0.5em;
	}
	th {
		background-color:#eee;
		padding: 0.5em;
		font-weight: bold;
		text-align: left;
		border: 1px solid;
	}
	td {
		padding: 0.5em;
		font-size: 1em;
		border: 1px solid;
	}		
	/*modular table styles*/
		
	/*table and cell widths*/
		td.width10, th.width10 { width: 10%;}
		td.width20, th.width20  { width: 20%;}
		td.width25, th.width25 { width: 25%;}
		td.width30, th.width30 { width: 30%;}
		td.width33, th.width33 { width: 33%;}
		td.width40, th.width40 { width: 40%;}
		table.width50, td.width50, th.width50 {	width: 50%;}
		table.width60 {	width: 60%;}
		table.width66 {	width: 66%;}
		table.width70 {	width: 70%;}			
		table.width75 {	width: 75%;}
		table.width80 {	width: 80%;}
		table.width90 {	width: 90%;}		
		table.width100 { width: 100%;}
	/*END table and cell widths*/
	/*border collapse*/
		table.separate {
			border-collapse:separate;
		}
	/*END border collapse*/

		table.hidecaption caption {
			display:none;
		}
		
	/*vertical cell borders*/
		table.vertical0, table.vertical0 td, table.vertical0 th {border-left:none; border-right:none;}
		table.vertical1, table.vertical1 td, table.vertical1 th {border-left:1px solid; border-right:1px solid;}
		table.vertical2, table.vertical2 td, table.vertical2 th {border-left:2px solid; border-right:2px solid;}				
		table.vertical3, table.vertical3 td, table.vertical3 th {border-left:3px solid; border-right:3px solid;}				
	/*END vertical cell borders*/
	/*horizontal cell borders*/
		table.horizontal0, table.horizontal0 td, table.horizontal0 th {border-top:none; border-bottom:none;}		
		table.horizontal1, table.horizontal1 td, table.horizontal1 th {border-top:1px solid; border-bottom:1px solid;}
		table.horizontal2, table.horizontal2 td, table.horizontal2 th {border-top:2px solid; border-bottom:2px solid;}
		table.horizontal3, table.horizontal3 td, table.horizontal3 th {border-top:3px solid; border-bottom:3px solid;}
	/*END horizontal cell borders*/
	/*vertical padding styles*/
		caption.vpad00, table.vpad00 th, table.vpad00 td {padding-top:0; padding-bottom:0;}
		caption.vpad01, table.vpad01 th, table.vpad01 td {padding-top:0.1em; padding-bottom:0.1em;}
		caption.vpad02, table.vpad02 th, table.vpad02 td {padding-top:0.2em; padding-bottom:0.2em;}
		caption.vpad03, table.vpad03 th, table.vpad03 td {padding-top:0.3em; padding-bottom:0.3em;}
		caption.vpad04, table.vpad04 th, table.vpad04 td {padding-top:0.4em; padding-bottom:0.4em;}
		caption.vpad05, table.vpad05 th, table.vpad05 td {padding-top:0.5em; padding-bottom:0.5em;}
		caption.vpad06, table.vpad06 th, table.vpad06 td {padding-top:0.6em; padding-bottom:0.6em;}
		caption.vpad07, table.vpad07 th, table.vpad07 td {padding-top:0.7em; padding-bottom:0.7em;}
		caption.vpad08, table.vpad08 th, table.vpad08 td {padding-top:0.8em; padding-bottom:0.8em;}
		caption.vpad09, table.vpad09 th, table.vpad09 td {padding-top:0.9em; padding-bottom:0.9em;}
		caption.vpad10, table.vpad10 th, table.vpad10 td {padding-top:1em; padding-bottom:1em;}																
	/*END vertical padding styles*/
	/*horizontal padding styles*/
		caption.hpad00, table.hpad00 th, table.hpad00 td {padding-left:0; padding-right:0;}
		caption.hpad01, table.hpad01 th, table.hpad01 td {padding-left:0.1em; padding-right:0.1em;}
		caption.hpad02, table.hpad02 th, table.hpad02 td {padding-left:0.2em; padding-right:0.2em;}
		caption.hpad03, table.hpad03 th, table.hpad03 td {padding-left:0.3em; padding-right:0.3em;}
		caption.hpad04, table.hpad04 th, table.hpad04 td {padding-left:0.4em; padding-right:0.4em;}
		caption.hpad05, table.hpad05 th, table.hpad05 td {padding-left:0.5em; padding-right:0.5em;}
		caption.hpad06, table.hpad06 th, table.hpad06 td {padding-left:0.6em; padding-right:0.6em;}
		caption.hpad07, table.hpad07 th, table.hpad07 td {padding-left:0.7em; padding-right:0.7em;}
		caption.hpad08, table.hpad08 th, table.hpad08 td {padding-left:0.8em; padding-right:0.8em;}
		caption.hpad09, table.hpad09 th, table.hpad09 td {padding-left:0.9em; padding-right:0.9em;}
		caption.hpad10, table.hpad10 th, table.hpad10 td {padding-left:1em; padding-right:1em;}	
	/*END horizontal padding styles*/
	/*text alignment*/
		table.textLeft th, table.textLeft td, caption.textLeft, th.textLeft, tr.textLeft, td.textLeft {text-align:left;}
		table.textRight th, table.textRight td, caption.textRight, th.textRight, tr.textRight, td.textRight {text-align:right;}
		table.textCenter th, table.textCenter td, caption.textCenter, th.textCenter, tr.textCenter, td.textCenter {text-align:center;}
		table.textTop th, table.textTop td, caption.textTop, th.textTop, tr.textTop, td.textTop {vertical-align:top;}
		table.textMid th, table.textMid td, caption.textMid, th.textMid, tr.textMid, td.textMid {vertical-align:middle;}
		table.textBottom th, table.textBottom td, caption.textBottom, th.textBottom, tr.textBottom, td.textBottom {vertical-align:bottom;}				
	/*END text alignment*/

/* COLOURS used for the backgrounds of the internal layout DIVs and data tables. border colours are assigned, but are only made visible through use of the .outline class. */
	table.outline0 {border: 0px;}
	table.outline1, caption.outline1, div.int_layout div.outline1 {border-style:solid; border-width:1px;}
	table.outline2, caption.outline2, div.int_layout div.outline2 {border-style:solid; border-width:2px;}	
	table.outline3, caption.outline3, div.int_layout div.outline3 {border-style:solid; border-width:3px;}	
	table.outline4, caption.outline4, div.int_layout div.outline4 {border-style:solid; border-width:4px;}	
	/*END modular table styles*/	
/* END TABLES */

/*TINT classes*/
/*START tint1 class. To add new tint classes, copy all the classes below, to ensure that table styling also works*/
	table.tint1, table.tint1 td, caption.tint1, tr.tint1, th.tint1, td.tint1, div.tint1 { 
		background:#eee; 
		border-color: #9b9b9b;
		/*color: black;*/
	}
	table.tint1 th {/*this is to ensure that th border colours are tint-defined in Mozilla and Opera, without over-writing background-colour*/
		border-color: #9b9b9b;
	}
/*END tint1 class*/	
	
	table.tint2, table.tint2 td, caption.tint2, tr.tint2, th.tint2, td.tint2, div.tint2 { 
		background:#e0e0e0;
		border-color: #8e8e8e;
	}
	table.tint2 th {
		border-color: #8e8e8e;
	}
		
	table.tint3, table.tint3 td, caption.tint3, tr.tint3, th.tint3, td.tint3, div.tint3 { 
		background:#ccc; 
		border-color: #7c7c7c;	
	}
	table.tint3 th {
		border-color: #7c7c7c;
	}	
	table.tint4, table.tint4 td, caption.tint4, tr.tint4, th.tint4, td.tint4, div.tint4 { 
		background:#cae3ff; 
		border-color: #7991ab;
	}
	table.tint4 th {
		border-color: #7991ab;
	}
	div.tint5 {
		background:#e6f8e5;
		border-color:#dbebd9;
	}
	div.tint6 {
		background:#e6edf5;
		border-color: #e2ebf3;
	}
	div.tint7 {
		background:#ffffe0;
		border-color: #e2ebf3;
	}
/*END TINT classes*/
hr.invisible {color:#fff; background:#fff; border:#fff; margin:0; padding:0;}

/* PAD 05em */
 #content #ie6fix div.int_layout div.pad05 {padding: 0.5em 0 0.5em 0;}
 #content #ie6fix div.int_layout div.pad05 h2,
 #content #ie6fix div.int_layout div.pad05 h3,
 #content #ie6fix div.int_layout div.pad05 h4,
 #content #ie6fix div.int_layout div.pad05 h5,
 #content #ie6fix div.int_layout div.pad05 h6
 #content #ie6fix div.int_layout div.pad05 img
 	{margin-left:0.5em; margin-right:0.5em;}
 #content #ie6fix div.int_layout div.pad05 img.floatLeft
 	{margin-left:0.5em; margin-right:0.5em; padding-right:0;}
 #content #ie6fix div.int_layout div.pad05 p,
 #content #ie6fix div.int_layout div.pad05 a,
 #content #ie6fix div.int_layout div.pad05 li
 	{padding:0 0.5em 0 0.5em; width:auto;}
 #content #ie6fix div.int_layout div.pad05 p a,
 #content #ie6fix div.int_layout div.pad05 li a
 	{padding:0 0 0.5em 0; font-size:1.0em}
 #content #ie6fix div.int_layout div a
 	{font-size:.9em;}
 #content #ie6fix div.int_layout div p a
 	{font-size:1.0em;}
 #content #ie6fix div.int_layout div ul.none li a
	{font-size:1.0em;}
 #content.Homepage div.int_layout div.brief div.news a {margin:0; padding:0 0.5em 0 0;}

 #content #ie6fix div.int_layout div.pad03 {padding: 0.3em 0 0.3em 0;}
 #content #ie6fix div.int_layout div.pad03 p,
 #content #ie6fix div.int_layout div.pad03 h2,
 #content #ie6fix div.int_layout div.pad03 h3,
 #content #ie6fix div.int_layout div.pad03 h4,
 #content #ie6fix div.int_layout div.pad03 h5,
 #content #ie6fix div.int_layout div.pad03 h6,
 #content #ie6fix div.int_layout div.pad03 img,
 #content #ie6fix div.int_layout div.pad03 a
  {margin-left:0.3em; margin-right:0.3em;}

 div.page_snippet a:link,
 div.page_snippet a:visited, 
 div.page_snippet a:hover, 
 div.page_snippet a:active {font-size:.9em;}
 div.page_snippet p a:link {font-size:1em;}
 
/*Focus on tweaks for news homepage - adjustments for box model breakage*/
 div.focusOn div {margin:0; padding:0;}
 div.focusOn .leftcol {width:47%; padding:0 0 0.5em 0.5em; }
 div.focusOn .rightcol {width:47%; padding:0 0.5em 0.5em 0; }
 
/**/
#content div.label-15 span.data-label {width:10%;}
#content div.label-15 span.data-content {width:89%;}

#content div.label-15 span.data-label {width:15%;}
#content div.label-15 span.data-content {width:84%;}

#content div.label-20 span.data-label {width:20%;}
#content div.label-20 span.data-content {width:79%;}

#content div.label-25 span.data-label {width:25%;}
#content div.label-25 span.data-content {width:74%;}

#content div.label-30 span.data-label {width:30%;}
#content div.label-30 span.data-content {width:69%;}

#content div.label-33 span.data-label {width:33%;}
#content div.label-33 span.data-content {width:66%;}

#content div.label-40 span.data-label {width:40%;}
#content div.label-40 span.data-content {width:59%;}

#content div.data-pair {clear:both; display:block; width:100%; margin:0 0 .5em 0; font-size:.9em; line-height:1.4em;}
#content div.data-pair p {font-size:1em;}
#content div.data-pair span {display:block;}
#content div.data-pair span.data-label {display:block; float:left; clear:left;}
#content span.data-content {display:block; float:left;}
/**/
/*Alumni Giving Site Specific styles*/
/*sagba 080507*/
#salary_donate_wrapper {
	background-image: url(../_core/images/donate_salary.jpg);
	height: 142px;
	padding: 10px 10px 10px 10px;
	background-repeat: no-repeat;
}
#salary_donate_wrapper .salary_calc_wrapper {
	height: 113px;
}
#donateTxt {margin:30px 0 0 0; display:block; float:left; clear:left}
#sub #donateTxt {margin:5px 0 0 0; display:block; float:left; clear:leftl; width:99%;}
#sub #button {margin:4px 0 0 0;}
#salary_donate_wrapper label {margin:0 0 3px 0;}
#salary_donate_wrapper input {margin:0 5px 0 0;}
#sub #donate_one_hour_wrapper {background:#e6edf5; border:1px solid #e2ebf3; float:left; padding:.3em;}
/*Research homepage*/
div#random img {margin:0; padding:0;}

/*Graduation pages styles*/
#content div.int_layout div.graduation-panel {
	background:url("../_core/images/graduation-panel-bg.gif") repeat-x top left;
	width:49.5%;
	}
#content div.grad div.int_layout p {margin:0 0 0.5em 0;}
div.int_layout ul.none li {margin:.3em 0;}
#content div.int_layout div.gradimg {
	background:url("../_core/images/grad-home.jpg") no-repeat center top;
	height:13.10em;
	width:23.7em;
	display:block;
	margin-bottom:.5em;
	margin-top:.3em;
	}
#content div.int_layout div.gradimg p{ width:100%; display:block;}
#sub div.graduation-extras img.floatLeft {margin:0 .2em 0 0;}