/**************************************/
/**************************************/
/* CENTAURUS HIGH SCHOOL CUSTOM THEME */
/**************************************/
/**************************************/

/* Specifies centered, fixed width design */

body{ 
background-color:#ffffff; /* sets background color around site  */
font-family:Verdana; 
color:#000; 
text-align: center; /* centers the site on the screen */
} 

.ms-main{ 
width: 980px; /*specifies width of site */
border: none; /* border around site */
background-color:#ffffff; /*background behind main site - most is covered up by content, but match this w/ bg color of body class above */ 
} 

/* Fixes an issue w/ webpart picker window */
#mainTable{ 
width: 100%; 
}
/* End centered/fixed width classes */

/*Global Breadcrumb Area*/

.ms-globalbreadcrumb {
font-size: 8pt;
text-align: right;
background-color:#ffffff; /*changes bg color of global nav area */
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 5px;
}

/* specifies color and text decoration for global breadcrumb text */
.ms-globalbreadcrumb, .ms-globalbreadcrumb a {
text-decoration: none;
color: #666666;
}

/* specifies color and text properties for LINKS in global breadcrumb */ 
.ms-globallinks, .ms-globallinks a {
color: #666666;
text-decoration: none;
font-family: tahoma;
}

/* hover over links in global breadcrumb */
.ms-globalbreadcrumb a:hover {
text-decoration:underline;
color: #000000;
}

/*Welcome link in Global Breadcrumb*/

/* Hover over welcome button */
.ms-HoverCellActive, .ms-SpLinkButtonActive {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #6f9dd9;
border-bottom-color: #6f9dd9;
vertical-align: top;
background-color: #ffbb47;
background-image: url(/_layouts/images/menubuttonhover.gif);
}

.ms-SpLinkButtonInActive, .ms-SpLinkButtonActive {
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.ms-SPLink {
font-family: verdana;
font-size: 8pt;
color: #003399;
}
/* End Global Breadcrumb*/

/***************/
/* Header area */
/***************/

/*Custom header image*/
.ms-globalTitleArea {
text-align: right;
background-image: url(CHS_banner.gif); /*calls in custom header image*/
background-position:center; /*centers image on page - may need to adjust if the site is not centered on screen*/
background-repeat:no-repeat; /*prevents image from repeating*/
padding-left: 0px; 
padding-right: 0px;
padding-top: 85px; /*enlarges area to display full image - adjust as needed*/
}

/* Site title in header */
.ms-sitetitle a {
font-family: verdana;
font-style: normal;
font-variant: normal;
font-size: 11pt;
line-height: normal;
font-weight: bold;
color: #666666;
text-decoration: none;
visibility:hidden; /* Set Visibility to "Hidden" to hide title link */
}

/* Small default image in header area */
td.ms-titleimagearea {
padding-left: 2px;
visibility: hidden; /* Set Visibility to Hidden to hide title link */
}

/****************************/
/*Gloval navigation changes */
/****************************/

/*Global nav container*/
.ms-bannerContainer {
background-image: url('topnav_CHS.gif'); /* custom image behind top nav */
background-position:center; /* centers top nav background - may need to adjust for sites not using centered design*/
background-repeat:no-repeat; /*prevents background from repeating*/
background-color: #ffffff;
height:26px; /*set to height of background image*/
padding-right: 10px;
padding-left: 5px;
}

/******************/
/*Global nav items*/
/******************/

/* Unselected nav items */

/*border around entire top nav area */
.ms-topnavContainer{
border:none;
}

/*styles around top nav items */
.ms-topnav{
border:none; /* border around each top nav item */
border-left:none; /* border to left of each top nav link */
border-bottom:none;
background-image:none; /*image behind each top nav item */
background-repeat:repeat-x;
font-family:Tahoma;
font-size:8pt; /*font size for top nav */
background-color:transparent; /* transparent allows bg image referenced above to show through */
color:#eeeeee; /* text color for top nav */
}

/*unselected links in top nav */
.ms-topnav a{
display:block;
white-space:nowrap;
padding:1px 10px 0px 5px; /* padding above/below, and between links in top nav */
height:18px; /* height of top nav items */
}

/* selected link in top nav*/
.ms-topnavselected{
color:#eeeeee; /*font color of selected top nav */
background:url('topnavselected_CHS.gif'); /*background image of selected nav */
background-repeat:repeat-x;
font-weight:bold; /* weight of selected top nav item */
border:none;
border-bottom-width:0px;
border-left:none;
background-color:transparent; /*color under background image */
}

.ms-topnavselected a{
color:#eeeeee; /*font color of selected top nav item - change this to change color of LINKS too */
}

.ms-topNavHover{
background-image:url('topnavhover_CHS.gif');
background-color:transparent;
border:none; /* match this border style with the border style in .ms-topnavselected.  The page will jump otherwise */
border-left:none; /* match this border style w/ ms.topnavselected, too. */
border-bottom-width:0px;
color:#eeeeee;
text-decoration:underline;
}

.ms-topNavHover a{
color:#eeeeee;
text-decoration: underline !important; /* need "!important" for underline to show in IE */
}

.ms-topnav img{
	position: relative;
	left: -6px;
}

.ms-banner a:link {
text-decoration:none;
white-space: nowrap;
}

/* Top Nav Flyouts */

/* border around flyouts - may need to reference this class on Master Page: <DynamicMenuStyle CssClass="ms-topNavFlyOutsContainer" /> */
.ms-topNavFlyOutsContainer{
border-top: 4px #000099 solid;
border-right: 4px #3333cc solid;
border-bottom: 4px #3333cc solid;
border-left: 4px #000099 solid;
}
.ms-topNavFlyOuts {
border: none; /*you can have a border around flyout items, but keep this consistent w/ hover setting to prevent "jump"   */	
background-color: #cc0000; /*main background color of flyout menu*/
font-family: Tahoma;
font-size: 8pt;
}

/*hover over item in flyouts */
.ms-topNavFlyOutsHover {
	border:none;
	background-color: #FE050C !important; /* "!important" keeps consistent background color on short items when hovering */
	background-image: url('flyouthover.gif'); /* image for hovering over links in dropdown menus */
	background-repeat: repeat-x;
}

/*link color flyout hover */
.ms-topNavFlyOutsHover a {
	color: #ffffff !important;
}

.ms-topNavFlyOuts a {
display: block;
min-width: 120px;
color: #ffffff; /* text color for flyout items */
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
}

.ms-banner a:visited {
text-decoration: none;
}

/*********************/
/* Search Box Styles */
/*********************/

.ms-sbtable {
color: #000000;
font-family: Verdana;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
}

.ms-sbtable-ex {
width: 100%;
border-collapse: collapse;
margin-top: 2px;
margin-left: 2px;
}

/* Advanced Search text styles */
.ms-sblink a:link, .ms-sblink a:visited {
font-family: Tahoma;
font-size: 8pt;
color: #666666; /* text color for Advanced Search link */
text-decoration: none;
padding-left: 4px;
}

/*hover over Adv. Search link style*/
.ms-sblink a:hover { 
color: #000000;
text-decoration: underline;
}


/*******************/
/* Left Navigation */
/*******************/

/*Custom left nav background image*/
.ms-nav {
background-image:url('navshape_CHS.gif');
background-repeat:no-repeat; /*can repeat if custom bg image allows it*/
background-color:#000099; /*color behind & below custom image*/
}

/* Margin to the right of left nav*/
.ms-pagemargin {
background-color: #000099 !important;
background-image: url('navshape_small_chs.gif');
background-repeat: no-repeat;
background-position: 0px 0px; /* used to align background patterns, if any.  Not necessary here, so they're set to 0 */
height: 100%;
}

/* Margin to right of left nav - shows up in certain admin pages, e.g, "Create Site" page.  Match to ".ms-pagemargin" above*/
div.ms-areaseparatorleft {
background-color: #000099 !important;
background-image: url('navshape_small_chs.gif');
background-repeat: no-repeat;
background-position: 0px 0px; /* used to align background patterns, if any.  Not necessary here, so they're set to 0 */
height: 100%;
}

/* Right side border */
td.ms-rightareacell div.ms-pagemargin {
background-color: #000099 !important;
background-image: url('navshape_small_chs.gif') !important;
background-repeat: repeat-x;
height: 100%;
border:0px transparent none;
}

/* Right side border - shows up in application master page screens, e.g, Create Site page.  Match to "td.ms-rightareacell div.ms-pagemargin" above*/
div.ms-areaseparatorright {
background-color: #000099 !important;
background-image: url('navshape_small_chs.gif') !important;
background-repeat: repeat-x;
height: 100%;
border:0px transparent none;
}


/*Quick Launch Styles*/

.ms-quicklaunch table.ms-navheader td, .ms-navheader2 td, .ms-quicklaunch span.ms-navheader {
background-color:transparent; /* background color of header items in left nav */
border:none; /* border around each header item in quick launch */
padding-top: 1px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
}

.ms-quickLaunch {
padding-top: 15px; /* added to push left nav down */
border:none; /* border around all quick launch items */
font-size: 8pt;
font-family: tahoma;
line-height: 10pt;
background-color:transparent; /*lets image below navigation show through*/
}

/* additional border area on right/bottom of quick launch */
.ms-quicklaunchouter {
border: none;
}

/* Background of area below headers in left nav */
.ms-navsubmenu1 {
width: 100%;
border-collapse: collapse;
background-color :transparent;
}

/* Background of sub-links in left nav */
.ms-navsubmenu2 {
width: 100%;
border-collapse: collapse;
background-color:transparent;
}

/* Unselected sub-item in left nav */
table.ms-navitem td,span.ms-navitem{
background-image:url('navBullet.gif');
background-repeat:no-repeat;
background-position:left top;
padding:3px 6px 4px 16px;
font-family:tahoma;
}


/* Link color for sub-items in left nav */
.ms-navItem a {
color: #eeeeee;
text-decoration: none;
}

/* Hover over sub-item in left nav */
.ms-navItem a:hover {
color: #dfdfdf;
text-decoration: underline;
}

/* Header in left nav */
.ms-navheader a, .ms-navheader2 a {
font-weight: bold;
color: #eeeeee;
text-decoration: none;
}

/*Hover over header in left nav*/
.ms-navheader a:hover, .ms-navheader2 a:hover {
color: #dfdfdf;
text-decoration: underline;
}

/*border on top of each item in left nav (including recycle bin and sub-nav items */
.ms-quicklaunch table td {
border:none;
}

/* background image for each quick launch header */
table.ms-navheader td {
background-image: none;
}

/* Selected HEADER in left nav */
.ms-quicklaunch table.ms-selectednavheader td {
width: 100%;
background-color:#eb0101; /* added color to match image bg for long, wrapping left nav headers that image doesn't cover fully */
background-image: url(flyouthover.gif);
background-repeat: repeat-x;
border:none; /*border around selected item*/
padding-top: 1px; /*extra padding around link in selected area */
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
}

/* Selected SUB-NAV item in left nav - outer area */
.ms-quicklaunch table.ms-selectednav {
border:none; /* outer border of selected sub-nav item */
background-image: url('flyouthover.gif');
background-repeat: repeat-x;
background-color: #eb0101; /* background color of selected sub-nav item */
margin-top: 2px;
margin-right: 2px;
margin-left: 3px;
margin-bottom: 0pt;
width: 97%;
}

/* Selected SUB-NAV item in left nav - inner area */
.ms-quicklaunch table.ms-selectednav td {
background-color: transparent;
background-image: none;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left top;
border: none; /* inner border of selected sub-nav item */
padding-top: 0px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Selected LINK in sub-nav */
table.ms-selectednav td a.ms-selectednav {
background-color:transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #eeeeee; /*text color for selected sub-nav item*/
}

/* Recycle bin styles */
table.ms-recyclebin td {
background-color:transparent; /*sets background color of Recycle Bin area */
width: 100%; 
border:none; /*border for recycle bin area */
padding-top: 3px;
padding-right: 5px; 
padding-bottom: 7px; 
padding-left: 3px;
}

/* Recycle bin text color */
table.ms-recyclebin td a {
	font-weight: bold;
	color: #CECECE;
	text-decoration: none;
}

/* hover over recycle bin link */
table.ms-recyclebin td a:hover {
color: #cecece;
text-decoration: underline;
}



/****************/
/* PAGE BORDERS */
/****************/

/* Top border above left nav and page layout */
.ms-pagetitleareaframe table, .ms-titleareaframe {
background-color:#3333CC;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
height: 10px;
overflow-x: hidden;
overflow-y: hidden;
}

td.ms-titleareaframe, div.ms-titleareaframe, .ms-pagetitleareaframe, .ms-mwspagetitleareaframe, .ms-consoletitleareaframe {
background-image:none !important; /*top border image */
background-repeat: repeat-x;
background-position: left top;
background-color: #3333cc; /*bg color of top border */
text-align: center;
}

div.ms-titleareaframe {
height: 100%;
}

/* Bottom left and bottom right corners border */
.ms-pagebottommargin, .ms-pagebottommarginleft, .ms-pagebottommarginright {
background-color: #000099; /*bottom border color */
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}

/* Bottom border */
.ms-bodyareapagemargin {
background-color: #000099; /*bottom border color */
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-top:none; /*border on top of bottom border area */
}

/********************/
/* Page Body Styles */
/********************/

/* Page breadcrumb */
.removeMargins {
margin-top: -11px;
margin-left: -11px;
margin-right: -10px;
}

/* Breadcrumb links */
.ms-pagebreadcrumb{
padding:2px 3px 3px 11px;
border-left:1px solid transparent; /*border to left of breadcrumb container */
border-top:1px solid transparent; /*border to top of breadcrumb container */
}

.ms-pagebreadcrumb, .ms-pagebreadcrumb a {
font-size: 8pt;
background-color:transparent; /*background color for breadcrumb area*/
color: #666666; /*breadcrumb text color */
text-decoration: none;
}


/* Main content area of page */
.ms-bodyareaframe,.ms-viewareaframe{
vertical-align:top;
height:100%;
width:100%;
background-color:#ffffff; /*background color of body */
border:none; /*border around content of page - set to none to avoid "floating border" in pages with little content in non-IE browsers */
}

.ms-bodyareaframe {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.ms-bodyareacell {
vertical-align: top;
height: 100%;
width: 100%;
border-top:1px solid #000099; /*borders of page body*/
border-right:1px solid #3333cc;
border-left:1px solid #000099;
border-bottom:1px solid #3333cc;

}

/* Web Part Header styles */

.ms-standardheader {
font-size: 1em;
margin-top: 0em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em;
text-align: left;
color:#525252;
}

/* Web part text, links, visited links */
.ms-WPTitle,.ms-WPTitle A:link,.ms-WPTitle A:visited {
font-weight: bold;
font-family: tahoma,sans-serif;
color:#111681;
padding-left: 3px;
padding-right: 7px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 10pt;
}

/* Hover style for web part title links */
.ms-WPTitle A:hover {
	text-decoration:underline;
}

/* Line under Web Part title */
.ms-WPHeader TD{
	border-bottom: 1px solid #111681;
}

/* Web Part border */
.ms-WPBorder,.ms-WPBorderBorderOnly {
	border: 1px solid #3232c9;
	margin-right: 5px;
	margin-left: 5px;
}

/************************************/
/*Styles for document libraries, etc*/
/************************************/

/*Document Library title*/
.ms-pagetitle {
color: #eeeeee;
font-family: verdana;
font-size: 16pt;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
font-weight: normal;
}

/* Breadcrumb trail in doc libraries (different from breadcrumb trail on pages) */

/* Current location in doc library breadcrumb (and ">" separators) */
.ms-titlearea, .ms-mwstitlearea {
	color: #eeeeee;
	font-family: tahoma;
	font-size: 8pt;
	letter-spacing: 0.1em;
}

/* Links in doc library breadcrumb trail */
.ms-titlearea a {
color: #cccccc;
text-decoration: none;
}

/* Hover over links in doc library breadcrumb trail */
.ms-titlearea a:hover, .ms-mwstitlearea a:hover {
color: #dfdfdf;
text-decoration: underline;
}

.ms-titleareaframe table td.ms-titlearea, .ms-areaseparator table td.ms-titlearea, .ms-pagetitleareaframe table td.ms-titlearea, .ms-consoletitleareaframe {
padding-top: 7px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0px;
}

/**************/
/* MISC ITEMS */
/**************/

/* Fixes calendar width issue - use for fixed width sites to keep calendar from extending past fixed width of page */
.ms-calheader img { 
width:auto;
}

/* Calendar Date picker footer - text styles and "Today is" text color */
table.ms-picker-table td.ms-picker-footer {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #c2dcff;
font-family: Tahoma;
font-size: 8pt;
color: #eeeeee; /* Color of "Today is" text */
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

/* Calendar Date picker footer - link color for date */
.ms-picker-footer a {
	color: #cccccc;
}

/* Calendar Date picker footer - hover link color for date */
.ms-picker-footer a:hover {
color: #c0c0c0;
text-decoration: underline !important;
}

/*Removes blue line under global navigation (appears in IE) */

.ms-consolemptablerow{ 
background-color: transparent; 
}

/* Background area of "Create Site" header */
.ms-areaseparator {
background-color: #3333cc;
background-image: url('formtitlegrad.gif');
background-repeat: repeat-x;
border-right-width: medium;
border-right-style: none;
border-left-width: medium;
border-left-style: none;
padding-left: 5px;
height: 61px;
}

/* Area to left of "Create Site" header */
td.ms-areaseparatorleft {
background-color: transparent; /*overrides core.css color*/
background-image: none; /*overrides core.css bg image*/
background-attachment: scroll;
background-position: 0% 0%;
background-repeat: repeat-x;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #6f9dd9;
height: 100%;
}

/* Background color on "form-type" pages - master page properties, etc */
.ms-formbody {
font-family:verdana;
font-size:.7em;
vertical-align:top;
background:#dfdfdf; /*background color */
border-top:1px solid #d8d8d8;
padding:3px 6px 4px 6px;
}
.ms-formbodysurvey {
font-family:verdana;
font-size:.7em;
vertical-align:top;
background:none;
border-top:none;
padding:5px 8px 15px 8px;
}

/* Background color on other "form-type" pages - create site, etc */
.ms-authoringcontrols {
background-color:#dfdfdf; /*background color*/
font-family:tahoma;
font-size:8pt;
color:#525252;
}

.ms-propertysheet th.ms-authoringcontrols {
background-color:#dfdfdf; /*background color*/
font-family:tahoma;
font-size:8pt;
color:#083772;
text-align:left;
}

/* Fixes globl nav display issue in Firefox */
.ms-globallinks {
    white-space:nowrap
}

/* small area at bottom left/right corners of the Page Editing Toolbar */
.ms-consoletitleareaframebottom {
background-color: #3333cc;
text-align: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

/********************************/
/* Rounded corners on body area */
/********************************/

/* container around area w/ rounded corners */
.cornerBox { 
position:relative; 
background:transparent;
width: 100%;
height:100%; 
}

/*bottom left and right corners - uses darker corner image to match dark border color */
.cornerbottom { 
position: absolute; 
width: 10px;
height: 10px; 
background: url('cornerbottom.gif') no-repeat; 
font-size: 0em; 
}

/*top left and right coners - uses lighter corner image to match lighter border color*/
.cornertop {
position: absolute;
width: 10px;
height: 10px;
background: url('cornertop.gif') no-repeat;
font-size:0em;
}

.cornerBoxInner { 
padding: 0px; 
}

/*top left corner*/
.TL { 
top: 0; 
left: 0; 
background-position: 0 0; 
}

/*top right corner*/
.TR { 
top: 0; 
right: 0; 
background-position: -10px 0; 
}

/*bottom left corner*/
.BL { 
bottom: 0; 
left: 0; 
background-position: 0 -10px; 
}

/*bottom right corner*/
.BR { 
bottom: 0; 
right: 0; 
background-position: -10px -10px; 
}