@import "ccf.css"; /* CCF Main Styles */
@import "rcorners.css"; /* Nifty Corners Styles */
@import "pagebox.css"; /* Pagebox Styles */
@import "forms.css"; /* Form Styles */
@import "tabsWrap.css"; /* tabsWrap Styles */

body
{
   font-family: Verdana, Arial;
   font-size: 8.5pt;
   color: #666;
   font-weight: normal;
}

/*
   Filename:   global.css
   Author(s):  Manuel Navarro
   Company:    The Community College Foundation

   Use:  This file is intended to be used globally
      throughout any website that needs it.

   Any styles may be added to this file as long as they
      do not overlap other pre-defined styles from other
      stylesheet sources.

   NOTE: PLEASE LABEL OR DESCRIBE WHAT MOST STYLES ARE FOR
*/

/*---------------- START STYLES ---------------*/
/*
   The following are misc styles, styles for text fonts... 
      or div placement. Anything than does not fit withint
      it's own category that can and will be
      reused over and over should go here.
   NOTE: Most styles explain themselves.
*/
.rel_up2 { position: relative; top: -2px; }

/* Text alignment */
.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }

/* Background colors (Add more when needed) */
.bg_white { background-color: #ffffff !important; }
.bg_black { background-color: #000000 !important; }

/* Padding options (Add more when needed) */
.pad_option2 { padding: 2px; }
.pad_option8 { padding: 8px; }
.nopad { padding: 0px; }

/* Text Indents */
.indent5px { text-indent: 5px; }

/* Margin styles (Add more when needed) */
.margin_option3 { margin: 3px !important; }
.margin_option8 { margin: 8px !important; }

/* Float options */
.float_left  { float: left;  }
.float_leftp { position: absolute; top: 0px; left: 10px; }
.float_right { float: right; }
.float_rightp { position: absolute; top: 0px; right: 10px; }
.nofloat { float: none !important; }

/* Position Options */
.relative { position: relative; }
.absolute { position: absolute; }

/* Width Options (These are percentages) */
.width_half, .width_p50 { width: 50%; }
.width_full { width: 100%; }
.width_p49  { width: 49%; }

/* Block styles (Add more when needed) */
.block   { display: block; }
.inline  { display: inline; }
.hidden { display: none; }

/* Visibility styles */
.vhidden { visibility: hidden; }
.vshow { visibility: visible; }

/* Clear Styles */
.clear, .clear_both { clear: both; display: block; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }

/* Div/Layer center on screen */
.center { margin: 0px auto; }
.screen_center *
{ text-align: left; }

/* Font styles */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.red00 { color: #F00; }
.red01 { color: #A00; }

.green00 { color: #0F0; }
.green01 { color: #0A0; }

/* The following only applies to Internet Explorer
      IE Does not implement select inputs z-index properly
      so this is used instead.
*/
iframe.select_zindex
{
   display: none;
   display/**/:block;/*Do not show for IE5*/
   position:absolute;/*must have*/
   top:0;/*must have*/
   left:0;/*must have*/
   z-index:-1;/*must have*/
   filter:mask();/*must have*/
   width: expression(this.parentNode.offsetWidth + 20 + "px");/*must have for any big value*/
   height: expression(this.parentNode.offsetHeight + 20 + "px");/*must have for any big value*/
}


/****** Page banner style ***************/
#banner, #banner_home, #banner_logo, #pageTitle, #pageTitle * *
{ display: block; padding: 0px; }

#banner, #pageTitle h1, #banner, #pageTitle h2
{
    height: auto;
    background: url("../images/grad_mainTop_b.gif") 0 0 repeat-x;
}
#banner, #banner_home, #banner_logo { height: 145px; }
#banner_home { margin: 0px 10px; }
#banner .rb_holder { background: #fff; }
#banner, #banner .rb_holder * { position: relative; background-color: #191B41; }

#banner object { position: absolute; top: 50%; margin-top: -35px; }

#pageTitle { width: 100%; }
#pageTitle h1, #pageTitle h2
{
   display: block;
   font-family: "Arial Black", Arial;
   font-size: 18px;
   font-weight: normal;
   letter-spacing: -1px;
   margin: 0px;
   padding: 0px 10px;
   width: auto;
   color: #036;
   background-position: 0 -145px;
}
#pageTitle h1
{
   font-family: Verdana;
   font-size: 20px;
   color: #003A5D;
}

#pageTitle .top * { background: #92AAC3; }
#pageTitle h1, #pageTitle h2, #pageTitle * * { background-color: #D5DEE8; }
#pageTitle .rb_holder { background: transparent; }

#pageTitle small { display: inline; background: none; font-weight: normal; }

/**** Style 2 Settings ****/
.style2 #banner, .style2 #banner_home, .style2 #banner_logo  { height: 90px; }
.style2 #banner { background-position: 0px -7px; }
.style2 #pageTitle { width: 100%; }
.style2 #pageTitle h2
{
   color: #ECF0F4;
   background-position: 0 -90px;
}
.style2 #pageTitle h2, .style2 #pageTitle * * { background-color: #3B6693; }

/******** FAQ List Properties ***********/
.faqlist { position: relative; margin: 0px; padding: 0px; color: #444; }
.faqlist dt, .faqlist dd, .faqlist dd strong { border: dotted 2px; }
.faqlist dt, .faqlist dd strong { border-top: none; border-left: none; border-right: none; }
.faqlist dd, .faqlist dd strong { border-color: #456F99; }
.faqlist strong { font-size: 120%; font-weight: bold; }
.faqlist dt
{
   position: relative;
   font-weight: bold;
   padding: 3px 0px;
   border-color: #191B41;
}

.faqlist dd
{
   position: relative;
   display: block;
   background: #fff;
   height: auto;
   padding: 5px 5px 5px 15px;
   margin: 0px 0px 10px 25px;
   border-top: none;
}

.faqlist dd strong
{
   position: relative;
   padding: 5px 10px 0px 0px;
   background: #fff;
   width: 27px;
   margin: -5px 0px 0px -42px;   /* Margin = Negative Top for top padding on parent, Negative left
                                       for (left border size) + (left padding and left margin on parent) */
   border-color: #456F99;
   z-index: 1;
}

/* Table properties */
.flat_table
{
   border: none;
   padding: 0px;
}

.tdTop td { vertical-align: top; }


/* List Menu (addition for CSS Menu styles) */
.bubble_menu
{
   font-size: 11px;
   padding: 0px;
   margin: 5px auto 0px !important;
   width: 597px;
   height: auto;
   background: url("../images/round_boxes/topMenu_bgfilter.gif") no-repeat 0px 0px;
}

.bubble_menu.topPiece
{ background: url("../images/round_boxes/topMenu_bgfilter_topPiece.gif") no-repeat 0px 0px; }
.bubble_menu.bottomPiece
{
   position: relative;
   margin-top: 0px !important;
   background: url("../images/round_boxes/topMenu_bgfilter_bottompiece.gif") no-repeat 0% 100%;
   z-index: 1;
}

.bubble_menu .top
{
   min-height: 23px;
   height: auto !important;
   height: 30px;
   padding: 7px 0px 0px 5px;
   margin: 0px;
   background: transparent url("../images/round_boxes/topMenu_main.png") no-repeat left top;
}

.bubble_menu.bottomPiece .top
{
   min-height: 4px;
   height: 8px;
   padding-top: 2px;
   background: transparent url("../images/round_boxes/topMenu_middle.png") no-repeat left top;
}

/* Firefox height fix */
.bubble_menu .top:after
{
   content: "";
   display: block;
   clear: left;
   height: 0px;
   visibility: hidden;
}

.bubble_menu li a
{
   display: block;
   padding: 3px 13px;
   margin: 0px;
   border: none;
   white-space: nowrap;
   color: #fff;
   font-weight: bold;
   background: url("../images/round_boxes/topMenu_seperate.gif") no-repeat 100% 50%;
}

* html .bubble_menu li a { width: 1%;  /* IE Fix */ }

.bubble_menu li a.last { background-image: none; }

.bubble_menu .msie_menuDrop_right a,
.bubble_menu .msie_menuDrop a,
.bubble_menu li a:hover
{
   padding: 4px 15px 2px 11px;
   color: #E5F2FF;
   border: none;
   text-decoration: none;
}

.bubble_menu .bottom
{
   display: block;
   clear: left;
   width: 100%; height: 9px;
   overflow: hidden;
   padding: 0px; margin: 0px;
   background: url("../images/round_boxes/topMenu_bottom.png") no-repeat;
}
.bubble_menu.topPiece .bottom
{
   background: url("../images/round_boxes/topMenu_middle.png") no-repeat !important;
   height: 2px;
}

/* IE < 7 PNG FIX */
* html .bubble_menu .top
{
   /* Reset background image */
   background-image/**/: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src="https://owa.communitycollege.org/framework/images/round_boxes/topMenu_main_msie.png", sizingMethod="scale");
}

* html .bubble_menu .bottom
{
   /* Reset background image */
   background-image/**/: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src="https://owa.communitycollege.org/framework/images/round_boxes/topMenu_bottom.png", sizingMethod="scale");
}

* html .bubble_menu.topPiece .bottom,
* html .bubble_menu.bottomPiece .top
{
   /* Reset background image */
   background-image/**/: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src="https://owa.communitycollege.org/framework/images/round_boxes/topMenu_middle.png", sizingMethod="scale");
}
/* END IE < 7 PNG FIX */

/* Highlightable message classes */
.sesInfo, .sesGood, .sesBad, .sesUpdate
{
   display: block;
   text-align: left;
   color: #333;
   margin: 5px 10px 8px;
   padding: 5px;
}
.sesInfo
{
   background: #E4F4E7;
   border: solid 1px #28A07C;
}
.sesInfo b
{ color: #00281B; }

.sesBad.compress,
.sesBad.squish { margin: 5px 30px 8px; }

.sesGood
{
   padding: 6px 6px 6px 15px;
   border: dashed 2px #555;
   border-left-style: solid;
   background: #eee;
}

.sesUpdate
{
   background: #FFFFB5 url("../images/process_accept.gif") no-repeat 3px 50%;
   padding: 8px 5px 8px 40px;
   border: solid 1px #FFF000;
}

.sesBad, .sesUpdate.error
{
   color: #3A1416;
   background-color: #E2C4C0;
   border: dotted 1px #672428;
}

.sesUpdate.error, .sesUpdate.bgError
{
   background-image: url("../images/process_error.gif");
   border-style: solid;
}

.sesInfo blockquote, .sesGood blockquote, .sesBad blockquote, .sesUpdate blockquote
{ margin: 6px 20px; }

.sesInfo h1, .sesGood h1 { font-size: 23px; margin: 10px 0px 13px; }
.sesInfo big, .sesGood big, .sesBad big, .sesUpdate big { font-size: 14px; font-weight: bold; }

.sesBad h1, .sesUpdate h1 { font-size: 19px; }
.sesUpdate h1, .sesBad h1, .sesBad h2, .sesBad h3, .sesBad h4 { margin: 3px 0px 5px; }
.sesBad big, .sesUpdate big { font-size: 12px; }
.sesBad b, .sesBad big { color: #3A1416; }

.sesBad a, .sesUpdate.error a { color: #822D32; }
.sesBad a:hover, .sesUpdate.error a:hover { text-decoration: underline; }

.sesYellowInfo { color: #666; }
.sesYellowInfo .title
{
   background: #F5F5DC !important;
   border: solid 2px #F0E68C;
}
.sesYellowInfo .body
{
   padding: 8px;
   border: solid 2px #F0E68C;
   border-top: none;
   background: #FFFFF0;
}

fieldset.sesUpdate, .sesUpdate.noUpdate
{
   background-image: url("../images/process.gif");
   padding-left: 40px !important;
}

.update_icon
{
   background: transparent url("../images/visible_checked_small.gif") no-repeat 0px 0px;
   width: 16px;
   height: 17px;
   margin: 5px 5px 5px 0px;
   vertical-align: middle;
}
.update_icon.false { background-position: 0px -33px; }

   /* IE Height Fix */
   * html .sesInfo, * html .sesGood, * html .sesBad, * html .sesUpdate, * html .sesYellowInfo
   { height: 1%; }

/* END: Highlightable message classes */