/**************************************/
/**************************************/
/*Crestview Middle School CUSTOM THEME */
/**************************************/
/**************************************/

/* Specifies centered, fixed width design */

body { 
background-color:#ffffff; /* sets background color around site  */
font-family:verdana,arial,helvetica,sans-serif;
color:#000; 
text-align: center; /* centers the site on the screen */ 
}


.ms-main{ 
width:600px;/*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 */ 
margin: 0 auto;

}
/* Fixes an issue w/ webpart picker window */
#mainTable{ 
width: 100%; 
}
/* End centered/fixed width classes */
/* Small default image in header area */
td.ms-titleimagearea {
padding-left: 2px;
visibility: hidden; /* Set Visibility to Hidden to hide title link */
}


/*Global Breadcrumb Area*/

.ms-globalbreadcrumb {
font-size: 8pt;
text-align: right;
background-color:#97c1f5; /*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: #ffffff;
}

/* specifies color and text properties for LINKS in global breadcrumb */ 
.ms-globallinks, .ms-globallinks a {
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
text-decoration: underline;
}

/* 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: #97c1f5;
border-bottom-color: #97c1f5;
vertical-align: top;
background-color: #ffffff;
background-image: url('menubuttonhover.gif');
}


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

.ms-SPLink {
font-family: verdana;
font-size: 8pt;
color: #ffffff;
}

.ms-SpLinkButtonActive a, .ms-SpLinkButtonActive a:hover, .ms-SpLinkButtonActive a:focus, .ms-SpLinkButtonActive a:link, .ms-SPLinkButtonActive a:visited{
color:#ffffff;
}
.ms-SpLinkButtonInActive a, .ms-SpLinkButtonInActive a:hover, .ms-SpLinkButtonInActive a:focus, .ms-SpLinkButtonInActive a:link, .ms-SPLinkButtonInActive a:visited{
color:#ffffff;
}
.ms-globallinks .ms-hovercellinactive a:visited, .ms-globallinks .ms-hovercellinactive a:link, .ms-globallinks .ms-hovercellinactive a{
    color:#ffffff;
}
.ms-globallinks a:hover{
color:#ffffff;
}
.ms-globallinks .ms-splinkbuttonactive a:hover, .ms-globallinks .ms-hovercellactive a:hover{
color:#ffffff;
}

/* End Global Breadcrumb*/

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

/*Custom header image*/
.ms-globalTitleArea {
text-align: left;
background-image:url(images/Logo.jpg); /*calls in custom header image*/
background-position:left; /*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: 10px; 
padding-right: 0px;
padding-top: 70px; /*enlarges area to display full image - adjust as needed*/
padding-bottom: 5px;
}

/* Site title in header */
.ms-sitetitle a {
font-family: verdana;
font-size: 11pt;
font-style: normal;
font-variant: normal;
line-height: normal;
font-weight: bold;
color: #000000;
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{
padding:0px;
margin:0px;
color: #000 !important;
}

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

/* Unselected nav items */

/*border around entire top nav area */
.ms-topnavContainer {
border:none;
background: url("topnavunselected.gif") top left repeat-x; 
}

/*styles around top nav items */
.ms-topnav{
	border:solid 1px #c2dcff;
	border-left:solid 1px #ffffff;
	border-bottom:none;
	background-color:#001F45; /*color behind & below custom image*/
	background-image:url("topnavunselected.gif");
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-decoration:none;
}



/*unselected links in top nav */
.ms-topnav a {
	display: block;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #ffffff;	
}

/* selected link in top nav*/
.ms-topnavselected{
	background: #FFF url('topnavselected_classic.gif') repeat-x top left;/* background image of selected nav */

}

.ms-topnavselected a {
	color:#000000; 
	font-weight:bold; /* weight of selected top nav item */
	text-decoration: underline;
}

.ms-topNavHover {
background-color: #1541e3;
color: #ffffff;
/* match this border style with the border style in .ms-topnavselected.  The page will jump otherwise */
}

.ms-topNavHover a {
color:#ffffff;
text-decoration: underline;
}

.ms-topnav img{
position: relative;
}

.ms-banner{
vertical-align: top;
}

.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 #97c1f5 solid;
border-right: 4px #97c1f5 solid;
border-bottom: 4px #97c1f5 solid;
border-left: 4px #97c1f5 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: #1541e3; /*main background color of flyout menu*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #ffffff;
}

/*link color flyout hover */
.ms-topNavFlyOuts a {
	display: block;
	min-width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;	/* text color for flyout items */
	padding: 4px 8px 4px 8px;
}



/*hover over item in flyouts */
.ms-topNavFlyOutsHover {
border-style: none;
border-color: inherit;
border-width: medium;
background-color: #ffffff !important; /* "!important" keeps consistent background color on short items when hovering */
background-repeat: repeat-x;
}

.ms-topNavFlyOutsHover a {
	color: #0000FF;
}

.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-left: 2px;
margin-top: 30px;
}

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

/*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:none;
background-repeat:no-repeat; /*can repeat if custom bg image allows it*/
background-color:transparent; /*color behind & below custom image*/
}

/* Margin to the right of left nav*/
.ms-pagemargin {
background-color:#ffffff !important;
background-image: none;
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:#ffffff !important;
background-image: none;
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:#ffffff !important;
background-image: none;
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:#ffffff !important;
background-image: none;
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:#488ED9; /* 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 {
font-size: 8pt;
padding-top: 5px; /* added to push left nav down */
padding-right: 0px;
border: none; /* border around all quick launch items */
background-color:transparent; /*lets image below navigation show through*/
}

.ms-quickLaunch a, .ms-navheader2 a {
	font-family: Arial,Helvetica,sans-serif;
	font-size: .8em;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
	padding-left: 5px;
}

/* 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: #FFCC99;;
}

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

/*border on top of each item in left nav (including FFCC99 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;
}

.ms-quicklaunch table.ms-selectednavheader td{
width:100%;
background-color:#97c1f5;
background-image:none;
background-repeat:repeat-x;
padding-top:2px;
padding-bottom:2px;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
padding:1px 6px 3px 6px;
}

.ms-quicklaunch table.ms-selectednavheader td{
width:100%;
background-color:#97c1f5;
}

.ms-selectednavheader a{
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

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

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

/* hover over FFCC99 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:#ffffff; 
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
overflow-x: hidden;
overflow-y: hidden;
text-align: center;
}


td.ms-titleareaframe, div.ms-titleareaframe, .ms-pagetitleareaframe, .ms-mwspagetitleareaframe, .ms-consoletitleareaframe {
background-image:none !important; 
background-repeat: repeat-x;
background-position: left top;
background-color: transparent;  
text-align: center;
}


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

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


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

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

.ms-titlearearight {
	background-color: #ffffff;
}
.ms-pagetitleareaframe {
	background-color: #ffffff;
}
td.ms-titleareaframe {
	background-color: #ffffff;
}
td.ms-pagebottommarginleft {
	background-color: transparent;
	background-image: none;
}

/********************/
/* 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: none;
}
/* Left Web Part Styles */

.ms-WPBody h1, h2, h3, h4, h5, h6 { 
	font-family: Arial, Helvetica, sans-serif; 
 }
.ms-WPBody h1 { font-size: 20pt }
.ms-WPBody h2 {  font-size: 18pt }
.ms-WPBody h3 {  font-size: 16pt }
.ms-WPBody h4 {  font-size: 14pt }
.ms-WPBody h5 {  font-size: 12pt }
.ms-WPBody h6 {  font-size: 10pt }

.ms-WPBody a:link, .ms-WPBody a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Helvitica, sans-serif;
	color: #0000FF;
	background-color:transparent;} 
	
/* Web Part Header styles */

.ms-standardheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
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;
}

/* 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: 2px;
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;
}

.ms-picker-daycenter a,.ms-picker-today a,.ms-picker-dayselected a{
color:#a5a5a5 !important;
text-decoration:none !important;
background-color:#ffffff !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: #ffffff;
text-align: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.ms-siteaction,.ms-siteaction a{
font:8pt tahoma;
font-weight:bold;
color:#666666;
text-decoration:none;
}
.ms-siteactionsmenu{
white-space:nowrap;
font:8pt tahoma;
padding:0;
border:none;
cursor:pointer;
}

.ms-siteactionsmenu div div div a{
font-size: 8pt;
color:#FFFFFF;
font-weight:bold;
}
.ms-MenuUIItemTableCell,.ms-MenuUIItemTableCellCompact
{
padding:2px;
color:#003399;
text-decoration:none;
font-size:8pt;
font-family:tahoma;
}