/*
Name:		global.css (FAME CSS)
Author:		CPI Mobile
Date:		06/09/2009
*/


/* Site-Wide Generic Styles
****************************/

/***********************************************************
 Global Reset
************************************************************/

/* *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
*/
html, body, a, img, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
/* ol, ul, li { list-style:none }*/
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:underline }
a:hover { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
/** { outline: none; }*/

html
{
	font: .75em normal Verdana, Arial, sans-serif;
	height:100%;
}

pre
{
	font: 1em normal Verdana, Arial, sans-serif;
}

#fame_body /* avoids specifying body tags within iframes, like the tinyMCE editor */
{
	background: url(../images/bg_texture2.gif) top left repeat;
	line-height: 170%;
	padding: 0;
	height:100%;
}

blockquote
{
	margin-left: 40px;
	margin-right: 40px;
}

th
{
    font-weight: bold;
}

h1
{
	font-size:2.0em;
	font-family:Arial;
	padding:0 0 10px 0;
	color:#9C7D50;
}
h1 a
{
	font-size:inherit;
	color:#9C7D50;
}

h2
{
	font-size:1.75em;
	font-family:Arial;
	padding:0 0 10px 0;
	color:#466F8F;
}
h2 a
{
	font-size:inherit;
	color:#466F8F;
}

h3
{
	font-size:1.3em;
	font-family:Arial;
	font-weight:bold;
	padding:0 0 10px 0;
	color:#9C7D50;
}
h3 a
{
	font-size:inherit;
	color:#9C7D50;
}

h4
{
	font-size:1em;
	font-family:Arial;
	font-weight:bold;
	padding:0 0 10px 0;
	color:#466F8F;
}
h4 a
{
	font-size:inherit;
	color:#466F8F;
}

h5
{
}

h6
{
}

p
{
	color:#3A3A3A;
	padding:0 5px 0px 0;
}

a
{
	color:#466F8F;
}

a:visited
{
}

a:hover
{
}

ul
{
}

ul li
{
}

ol
{
}

ol li
{
}

input
{
	vertical-align:middle;
}

table 
{
	border-color: #cfced6;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-spacing: 0px;
	border-collapse: separate;
}
table td, table th 
{
	border-color: #c5dbec;
	border-width: 1px 1px 0 0;
	border-style: solid;
}
table td, table th 
{
	padding:3px;
}

table.layout
{
    border-width: 0;
    border-collapse: collapse;
}
table.layout td, table.layout.th
{
    margin: 0;
    padding: 0;
    border: 0;
}


.accordian_header
{
}

.tablecell_pad
{
	padding:10px;
}
.column_pad
{
	padding:0 20px;
	margin:20px 0;
}
.column
{
	float:left;
	min-height:30px;
}
.column196
{
	float:left;
	width:196px;
	min-height:30px;
}
.column200
{
	float:left;
	width:200px;
	min-height:30px;
}

.column235
{
	float:left;
	width:235px;
	min-height:30px;
}
.column250
{
	float:left;
	width:250px;
	min-height:30px;
}
.column270
{
	float:left;
	width:270px;
	min-height:30px;
}
.column300
{
	float:left;
	width:300px;
	min-height:30px;
}
.column320
{
	float:left;
	width:320px;
	min-height:30px;
}
.column340
{
	float:left;
	width:340px;
	min-height:30px;
}
.column360
{
	float:left;
	width:360px;
	min-height:30px;
}
.column465
{
	float:left;
	width:465px;
	min-height:30px;
}
.column550
{
	float:left;
	width:550px;
	min-height:30px;
}
.column568
{
	float:left;
	width:568px;
	min-height:30px;
}

.column600
{
	float:left;
	width:600px;
	min-height:30px;
}

.column660
{
	float:left;
	width:660px;
	min-height:30px;
}
.column700
{
	float:left;
	width:700px;
	min-height:30px;
}
.column750
{
	float:left;
	width:750px;
	min-height:30px;
}
.column800
{
	float:left;
	width:800px;
	min-height:30px;
}

.column804
{
	float:left;
	width:804px;
	min-height:30px;
}

.left
{
}

.right
{
}

.clear
{
	clear:both;
	line-height:0;
	font-size:0;
}
.border_left
{
	border-left: 1px solid #acacac;
}
.border_right
{
	border-right: 1px solid #acacac;
}

#accessibilityNav
{
    left: -9999px;
    top: 0px;
    position: absolute;
    width: 300px;
    margin: 0;
    padding: 0;
}

#admin_nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
.dynamicContent ul li, .dynamicContent table tr td ul li, #dlgCompare ul li, #dlgCompare table tr td ul li, .mceContentBody ul li
{
	list-style: disc outside none;
	margin-left: 20px;
}

.dynamicContent ol li, .dynamicContent table tr td ol li, #dlgCompare ol li, #dlgCompare table tr td ol li, .mceContentBody ol li
{
	list-style: lower-alpha outside none;
	margin-left:20px;
}
*/
/** OVERALL CONTENT BLOCK **/
#fame_content
{
	width: 1000px;
	/*margin: 0 auto;*/
	background: url(../images/shadow_border2.gif) #fff repeat-y 0px 0px;
	background-color:#fff;
	padding:0 7px;
		
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -115px; /* the bottom margin is the negative value of the footer's height */

}
/** HEADER, LOGO, SEARCHBAR **
*******************************/

#header
{
	width:100%;
}

#logo
{
	float:left;
	padding:15px 0 0 50px;
}
#logo.small a
{
	background: transparent url(../images/logo_220x74.png) no-repeat scroll left top;
	display:block;
	height:74px;
	width:220px;
	text-indent:-9999px;
}
#logo.big a
{
	background: transparent url(../images/logo_252x84.png) no-repeat scroll left top;
	display:block;
	height:84px;
	width:252px;
	text-indent:-9999px;
}

#right_hdr
{
	float:right;
	padding:10px 15px 3px 15px;
	width:642px;
}

#search_bar
{
	margin:0 3px 0 0;
	padding-bottom:5px;
	border-bottom:solid 1px #6c6c6c;
	position:relative;
	height:25px;
}

#search_bar #search_input
{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	height:23px;
	line-height:23px;
	vertical-align:middle;
}

#search_bar #search_input label
{
	margin:0;
	padding: 0 15px 0 5px;
}
#search_bar #search_input input
{
	margin:0;
	padding: 0;
	vertical-align:middle;
}

#search_bar #search_input #tb_search
{
}
#main_nav_links
{
	text-align:right;
	font-weight:bold;
	padding:2px 3px 2px;
}

#ul_main_nav
{
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}
#ul_main_nav li
{
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

/* Footer
****************************/
#fame_footer
{
	/* Setup to match #fame_content so that footer is anchored at bottom */
	width: 1000px;
	background: url(../images/shadow_border2.gif) #fff repeat-y 0px 0px;
	background-color:#fff;
	padding:0 7px;
	margin:0 auto;

	height:135px;
	background-color:#E4E4E3;
	text-align:center;
	padding-top:20px;
}
#push {
	height: 135px; /* .push must be the same height as .footer */
}

/** GENERAL BLOG CONTENT STYLES **
*********************************/
#fame_content .blog_widget
{
	padding:20px 0 0 20px;
}
#fame_content .blog_widget h3
{
	padding-bottom:0;
}

#fame_content .blog_title a
{
	font-weight:bold;
}
#fame_content .blog_date
{
	font-size:.85em;
	font-weight:bold;
	padding:0 0 5px;
}
#fame_content .blog_more
{
	font-size:.85em;
	padding:0 0 5px;
}

#feed_page_content
{
	margin: 40px;
}

#ulFeedList, #ulCategoryFeeds
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#ulFeedList li, #ulCategoryFeeds li
{
	padding: 0px 20px 2px 20px;
	background: url(../images/feed-icon-14x14.png) no-repeat 0 2px;

}

/** BLOG PAGE CONTENT STYLES **
******************************/

#blog_main .blog_title
{
	float:left;
	padding-bottom:5px;
	/* Setting width due to IE6 widenning the containing column when title is long */
	width:100%;
}
#blog_main .blog_title a
{
	font-size:1.5em;
	text-decoration:none;
}
#blog_main .blog_title a:hover
{
	font-size:1.5em;
	text-decoration:underline;
}
#blog_main .blog_date
{
	font-size:1em;
	font-weight:bold;
	color:#6c6c6c;
	padding:0 0 15px;
}
#blog_main.detail h1
{
	color:#466F8F;
}

#ulPostList
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#ulPostList li, #blog_main h1
{
	padding-bottom:20px;
}
#ulPostList li p
{
	clear:both;
}




/** EVENT PAGE CONTENT STYLES **
******************************/



#ulEventList
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#ulEventList li
{
	padding-bottom:20px;
}
#ulEventList li p
{
	clear:both;
}
#ulEventList .eventTitle a
{
	font-weight:bold;
}
#ulEventList .event_date
{
	font-size:.85em;
	font-weight:bold;
	padding:0 0 5px;
}



/** FAME HOME PAGE ***
************************/
#image_block_container
{
	background-color:#E4E4E3;
	padding:0 0 0 20px;
	margin-top:25px;
}
#image_block_container a
{
	display:block;
	float:left;
	padding:0;
	margin:0 7px 0 0;
	width:316px;
	height:330px;
}
#image_block_container a img
{
	margin:0;
	padding:0;
}
#image_block_container a:hover {
	filter:alpha(opacity=50); /* New std; works for FF, Safari, Opera */
	-moz-opacity:0.5;  /* Needed for IE */
	-khtml-opacity: 0.5;  /* Old Mozilla */
	opacity: 0.5;  /* Old Safari (1.x) */
}

.breadcrumbs
{
	background-color:#DDD2C2;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	padding-left:20px;
}

div.blockUI h2
{
	vertical-align: middle;
	padding: 5px;
}



/*************************************************************************************/
/** EDUCATION AND BUSINESS STYLES ****************************************************/
/*************************************************************************************/


/* Main Nav
****************************/

#tab_nav
{
    float: right;
	padding:0px 15px 0 15px;
}
#tab_nav ul li
{
	display:inline;
	list-style:none;
	margin-right:10px;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:center;
	margin:0 2px;
	padding:0px;
}

#tab_nav li a
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:156px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	/* See Education.css and business.css for additions of images and colors */
}

#tab_nav li a:hover
{
	/* See Education.css and business.css for additions of images and colors */

}

/* TAB SELECTIONS *
*****************************/
#tab_nav li a.tab_selected
{
	color:#fff;
	font-weight:bold;
	display:block;
	width:156px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	padding:0;
	margin:0;
	/* See Education.css and business.css for additions of images and colors */
}




/*** EDUCATION/BUSINESS HOME ***
**********************/
#educ_home_marquee
{
	position:relative;
	width:100%;
	height:137px;
	/* See Education.css and business.css for additions of images and colors */
}
#educ_tagline
{
	position:absolute;
	/* See Education.css and business.css for additions of images and colors */
	height:76px;
	width:353px;
	top:20px;
	left:50px;
	
}
.sub_feature
{
	background-color:#F1F1F0;
}

/*
TODO: take these out -- should be part of the dynamic content, not hardcoded
*/
#block1
{
	padding: 10px 0 10px 20px;
	margin-top:20px;
}
#block2
{
	padding: 10px 0 10px 20px;
	margin-top:7px;
}
#block3
{
	padding: 10px 0 10px 20px;
	margin-top:7px;
}
.sub_feature p
{
	padding: 0 100px 3px 0;
}


/* Selected Tab Pages
****************************/
#subnav_strip
{
	width:100%;
	height:18px;
	background-color:#466F8F;
}



#ctxmenu
{
	background-color:#466F8F;
	padding: 0px 0 15px 0px;
	width:196px;
}
#ctxmenu ul.title_graphic li a
{
	/* See Education.css and business.css for additions of images and colors */
	display:block;
	height:26px;
	width:116px;
	text-indent:-9999px;
}
#ctxmenu ul 
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#ctxmenu ul li
{
	padding:0 0 5px 50px;
}
#ctxmenu ul li ul li
{
	padding: 0 0 5px 20px;
	display:none;
}
#ctxmenu ul li a
{
	color:#fff;
	text-decoration:none;
}
#ctxmenu ul li a:hover
{
	text-decoration:underline;
}
#ctxmenu ul li.selected
{
	/* See Education.css and business.css for additions of images and colors */
}
#ctxmenu ul.title_graphic
{
	padding-bottom:10px;
}

#ref_block
{
	padding: 10px 0 10px 26px;
}
#ref_block h1
{
	padding-top:10px;
}
#ref_block ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}


/** Blog/Reference Masters **
**************************************/
#subnav_strip_thick
{
	width:100%;
	height:55px;
	background-color:#000;
	/*background-color:#466F8F;*/
	position:relative;
}
#page_title
{
	position:absolute;
	display:block;
	height:26px;
	width:500px;
	left:50px;
	top:15px;
	padding:0;
	font-family:Arial;
	color:#FFF;
	font-size:2em;
}

#page_title img
{
	padding:0 15px 0 0;
}


/** REFERENCE CONTENT STYLES **
******************************/
#ref_main h1
{
	/* See Education.css and business.css for additions of images and colors */
}
#ref_selector
{
	padding:20px 0 20px 20px;
}


/** SITE MAP **/
h4.map_ref_title
{
	font-weight:normal;
	font-style:italic;
	padding-left:30px;
}

/** SOCIAL SHARE **/
/******************/
div#social_share
{
	color:#466F8F;
	height:16px;
	width:143px;
}
div#social_share a
{
	line-height: 16px; /* pic height */
	vertical-align: middle;
}
div#social_share a img
{
	vertical-align: top;
}
/** COLLEGE PAGES **/
/******************/
#college_detail ul, div.institution_popup ul
{
	padding-left:0px;
	margin:0;
	list-style:none
}
#college_detail strong
{
	color:#466F8F;
}
#college_detail p
{
	padding-bottom:15px;
}

div.institution_popup h3
{
	margin: 0;
	padding: 0;
}

table.CPITransferArticulationList, table.CPICollegeCourseOfferingList
{
	border-collapse: collapse;
}
table.CPITransferArticulationList td, table.CPICollegeCourseOfferingList td
{
	text-align: center;
}
table.CPITransferArticulationList th, table.CPICollegeCourseOfferingList th
{
	text-align: center;
}

/** System Config List Screen **/
/*******************************/
#config_list
{
}
#config_list h1, .config_list h2
{
	text-align:center;
}
#config_list ul
{
	width:300px;
	margin: 0 auto;
	padding-top:30px;
}
#config_list ul li
{
	list-style: none;
    margin: 0;
    padding: 0;
    text-align:left;

}

/* nested accordians look silly with way too much spacing.
   So we remove the padding from any inner accordian */
div.ui-accordion-content div.ui-accordion-content 
{
    padding-top: 0;
}