/*  CAREERTECH STANDARD STYLE SHEET
 *  (Oklahoma Department of Career and Technology Education)
 *  Place your CSS changes at the bottom in the Customizations section.
 *  Do this by copying the existing and pasting it in the Customizations section.
 *  This will make it easier to upgrade with newer releases in the future. 
 *  You should preferrably use this as your main styles and not deviate
 *  from the standard CareerTech colors and look unless approved the
 *  brand manager. 
 *  Author: Robert E. Breisch
 *  Prior Updates:  2006.09.01
 *  Last Updated:  2010.01.12
 *  */




/* MAIN CONTAINER _______________________________________________ The basic elements: */
body {
font: 62.5% Arial, Helvetica, Verdana, Lucida, sans-serif;
background: #F5F5F5;
color: Black;
margin: 0;
padding: 0;
text-align: center;
}
* html body {
margin: 0;
}

#visual-portal-wrapper {
margin: 0 auto 0 auto;
width: 800px;
border: none;
}

#top_bar {
background: #990000 url("../images/bkgd_fade_sharp_top.gif") no-repeat top center;
width: 800px;
height: 40px;
}
#main_bkgd_center {
margin: -5px 0 0 0;
padding: 0 20px 0 20px;
background: url("../images/bkgd_fade_sharp.gif") repeat-y;
line-height: 1.2;
text-align: left;
}
/* Helper element to work with CSS floats */
.visualClear {
display: block;
clear: both;
}
/* Hiding helper elements for old browsers */
.netscape4 {
display: none;
}
#portal-top {
/* Top section */
margin: 0;
padding: 0;
background-color: transparent;
}
#main-header {
background-color: transparent;
padding: 0 0 5px 0;
}
* html #main-header {
background-color: transparent;
padding: 12px 0 5px 0;
}
/* ----- columns.css ----- */
#portal-columns {
width: 100% !important;
border-collapse: collapse;
border-spacing: 0;
}
#portal-column-one {
vertical-align: top;
width: 180px;
}
#portal-column-content {
vertical-align: top;
margin: 0;
padding: 0;
}
#portal-column-two {
vertical-align: top;
width: 180px;
}
/* Padding for the columns */
#portal-column-one .visualPadding {
padding: 0em 0em 1em 2em;
}
#portal-column-two .visualPadding {
padding: 0em 2em 1em 0em;
}




/* PORTAL-PERSONALTOOLS AND SPECIAL TOP ELEMENTS __________________________ Bar with personalized menu (user preferences, favorites etc) */
#portal-personaltools {
background: transparent;
border: 0px;
line-height: 1em;
color: #CCCCCC;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: left;
text-transform: lowercase;
white-space: nowrap;
list-style-image: none;
list-style-type: none;
position: absolute;
top: 6px;
width: 520px;
height:15px;
}
#portal-personaltools li {
background-color: #ECECEC;
color: #CCCCCC;
display: inline;
margin-left: 1em;
}
#portal-personaltools li a {
text-decoration: none;
color: #CCCCCC;
padding: 0.2em 0.2em 0.2em 0.4em;
}
#portal-personaltools li.selected a {
text-decoration: none;
background-color: #ECECEC;
color: #999999;
border: 0px solid #999999;
}
#portal-personaltools li a:hover {
background-color: #ECECEC;
color: #999999;
border: 0px solid #999999;
}
#portal-personaltools .portalUser {
background: transparent; /*url(images/user.gif) center left no-repeat;*/
padding: 0 0 0 0;
}
#portal-personaltools .portalNotLoggedIn {
/* Used on all descriptions relevant to those not logged in */
color: #CCCCCC;
padding: 0;
background: transparent;
background-image: none;
}
#portal-personaltools .visualIconPadding {
padding-left: 10px;
}
#skip_nav {
list-style: none;
list-style-image: none;
}
* html #skip_nav {
display: block;
background: transparent;
background-image: none; /* safari bug */
border: none;
height: 1px;
overflow: hidden;
padding: 0;
margin: -1px 0 0 -1px;
width: 1px;
list-style: none;
list-style-image: none;
}





/* PORTAL-SITE ACTIONS _______________________________ links for site-map, accessibility, etc.*/
#portal-siteactions {
background-color: transparent;
white-space: nowrap;
list-style-image: none;
list-style-type: none;
margin: -47px 1px 1px 1px;
height: auto;
line-height: normal;
float: right;
padding: 3px 1em 3px 0;
}
* html #portal-siteactions {
background-color: transparent;
white-space: nowrap;
list-style-image: none;
list-style-type: none;
margin: -35px 1px 1px 1px;
height: auto;
line-height: normal;
float: right;
padding: 3px 1em 3px 0;
}
#portal-siteactions li {
display: inline;
}
#portal-siteactions li a {
background-color: transparent;
border: 0px solid #FFFFFF;
color: #CCCCCC;
height: auto;
padding: 0.2em;
margin-right: 0.2em;
text-decoration: none;
text-transform: lowercase;
}
#portal-siteactions li.selected a {
text-decoration: none;
background-color: #ECECEC;
color: #999999;
border: 0px solid #CCCCCC;
}
#portal-siteactions li a:hover {
background-color: #ECECEC;
color: #999999;
border: 0px solid #CCCCCC;
}





/* HEADER LOGO & DIVISION NAME __________________________________ */
#logo {
font-family: arial, helvetica, sans-serif;
background:  url("../images/logo_parent_hover.gif") no-repeat;
white-space: nowrap;
display: block;
width: 185px;
height: 70px;
margin: 0;
}
* html #logo {
margin: 10px 0 0 0;
}
#logo a {
display: block;
color: #000000;
font-size: 11px;
width: 185px;
height: 70px;
display: block;
float: left;
color: black;
text-decoration: none;
}
#logo img {
width: 185px;
height: 70px;
border: 0
}
* html a:hover {
visibility:visible;
}
#logo a:hover img {
visibility:hidden;
color: #990000;
}
#logo span {
position: absolute;
left: 0px;
top: -200px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
#division {
position: relative;
background-color: transparent;
color: #666666;
margin: 0 0 0 10px;
top: -45px;
left: 185px;
font-size: 1.6em;
font-weight: bold;
}
#division a{
color: #999999;
}

#division a:hover{
color: #990000;
}
/* PORTAL LOGO DEPRECIATED (this will be removed in the next template __________________________________ */
#portal-logo {
background:  url("../images/logo.gif") no-repeat;
background-color: transparent; /*#FFCC99;*/
border: 0;
margin: 0;
padding: 0;
width: 760px;
}
#portal-logo a {
display: block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0;
padding: 0;
padding-top: 110px;
height: 0px !important;
height /**/: 110px;
width: 500px;
cursor: pointer;
}




/* PORTAL TABS & BREADCRUMB BAR _________________ The MAIN TABS, The path bar, including breadcrumbs and add to favorites */
/* The global section tabs. */
#portal-globalnav {
display: none;
}
#portal-breadcrumbs {
display: none;
}





/* PORTAL SEARCH BOX ________________________________*/
#portal-searchbox {
background-color: /*#CC9999;*/transparent;
margin: 4em 0 0 0;
padding: 0 2em 0 0;
text-align: right;
text-transform: uppercase;
white-space: nowrap;
z-index: 2;
}
input.searchButton {
margin-bottom: 1px ! important;
background: #FFFFFF; /*url(images/search_icon.gif) 2px 1px no-repeat;*/
cursor: pointer;
padding: 1px 1px 1px 1px;
color: #999999;
font-weight: bold;
text-transform: uppercase;
}
input.searchButton a:hover{color: #990000;}    /* on mouse over */
input.searchButton a:active {color: #0000FF}   /* selected link */




/* PORTLETS MAIN STYLING _____________________________________*/
dl.portlet {
margin: 1px 0 1em 0;
border-bottom: 0px solid #CCCCCC;
/*width: 150px;*/
display: block;
}
dl.portlet a {
text-decoration: none;
}
/* XXX: The two below rules should really be in the rule above, but that makes the items grow/shrink on :hover (navtree) - need to investigate how to make it not do that. ~limi, Dec 2005 */
dd.portletItem a,
dd.portletFooter a {
border-bottom: none;
}
dd.portletItem a:visited,
dd.portletFooter a:visited {
color: #999999;
}
.portletHeader {
background-color: #ECECEC;
border: 0px solid #CCCCCC;
padding: 0 0.5em;
text-transform: uppercase;
font-weight: bold;
line-height: 1.6em;
color: #999999;
}
.portletHeader a {
color: #999999;
}
.portletItem {
margin: 0;
padding: 0.5em 0em 0.5em 0.5em;
border-left: 0px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
}
.portletItem a {
display: block;
}
.portletItemDetails {
text-align: right;
display: block;
color: Black;
}
dd.portletFooter {
background-color: transparent;
margin: 0;
padding: 0em 0em 0.25em 0em;
border: 0px solid #CCCCCC;
border-style: dotted solid none solid;
text-align: right;
}
/* ----- portlets.css ----- */
/* Elements that enable layout with rounded corners */
.portletTopLeft {}
.portletTopRight {}
.portletBottomLeft {}
.portletBottomRight {}
.navTree {
list-style: none; 
list-style-image: none; 
margin-top: 1px;
}











/* NAVIGATION TREE MENU _____________________ */
.portletNavigationTree {
font: 1.3em Arial, Helvetica, Verdana, Lucida, sans-serif;
font-weight: bold;
color: #000000;
list-style: none; 
list-style-image: none; 
line-height: 1em;
background-image: none;
background-color: transparent;
padding: 0em 0em 0em 0em;
margin: 0 0 0 0; 
}
.navTree li {
margin-bottom: 1px;
}
.navTreeItem {
display: block;
padding: 0.2em 0 0 0;
margin: 0;
}
.navTreeItem a,
dd.portletItem .navTreeItem a {
background-image: none;
border: 0px solid #FFFFFF;
display: block;
text-decoration: none;
padding: 0em 0.2em 0em 0em;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.navTreeItem a:hover,
dd.portletItem .navTreeItem a:hover {
background-image: none;
background-color: transparent;/*#ECECEC;*/
color: #990000;
border-top: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
}
#portlet-navigation-tree .contenttype-large-plone-folder a.navTreeCurrentItem,
#portlet-navigation-tree .contenttype-topic a.navTreeCurrentItem {
color: #990000;
}
.navTreeCurrentItem {
background-image: none;
background-color: transparent;/*#ECECEC;*/
border: 0px solid #CCCCCC !important;
}
li.navTreeCurrentItem {
background-image: none;
display: block;
}
li.navTreeCurrentItem a,
li.navTreeCurrentItem a:hover,
li.navTreeCurrentItem a:selected {
background-image: none;
background-color: transparent;
color: #990000;
display: block;
border: 0px solid #ECECEC;
min-height: 1em;
line-height: 1em;
height: auto;
}
/* Another workaround for broken Internet Explorer */
* html li.navTreeCurrentItem a,
* html li.navTreeCurrentItem a:hover {
height: 1em;
color: #990000;
}
.navTreeLevel0 { margin: 0; }
.navTreeLevel1 { margin-left: 1em; font-size: 0.9em;}
.navTreeLevel2 { margin-left: 2em; font-size: 0.9em; }
.navTreeLevel3 { margin-left: 3em; font-size: 0.9em; }
.navTreeLevel4 { margin-left: 4em; font-size: 0.9em; }
.navTreeLevel5 { margin-left: 5em; font-size: 0.9em; }
/* The new navtree level structure. */
.portletNavigationLevel0 {
margin: 0;
}






/* MAIN CONTENT SECTION . . . DOCUMENT AREA ____________________________*/
.documentContent {
font-size: 1.2em;
padding: 0em 1em 1em 1em !important;
background: #FFFFFF;
}


/* Links with differently colored link underlines - only for content */
a {
background: transparent;
color:#660000;
}
a:visited {
background: transparent;
color:#330066;
}
a:hover {
background: transparent;
color:#cc0000;
border-bottom: 1px solid #cc0000;
}
.documentContent a {
background: transparent;
color:#660000;
}
.documentContent a:visited {
background: transparent;
color:#330066;
}
.documentContent a:hover {
background: transparent;
color:#cc0000;
border-bottom: 1px solid #cc0000;
}
.documentContent li a {
background: transparent;
color:#660000;
}
.documentContent li a:visited {
background: transparent;
color:#330066;
}
.documentContent li a:hover {
background: transparent;
color:#cc0000;
border-bottom: 1px solid #cc0000;
}
.documentContent p a {
background: transparent;
color:#660000;
}
.documentContent p a:visited {
background: transparent;
color:#330066;
}
.documentContent p a:hover {
background: transparent;
color:#cc0000;
border-bottom: 1px solid #cc0000;
}
.state-private {
background: transparent;
color: #990000 !important;
}
.documentContent dd a { 
background: transparent;
text-decoration: none;
border-bottom: 1px #444 solid;
}
.documentContent dd a:visited {
background: transparent;
text-decoration: none;
color: #330066;
}
.documentContent dd a:active {
background-color: transparent;
text-decoration: none;
color: #990000;
}
/* End of doc links */
#content {
padding: 0em 1em 0 1em !important;
margin: 0em 0em 2em 0em;
}
#content-news h1 {
margin-bottom: 1em;
}
h1.documentFirstHeading {
font-size: 2em;
padding-top: 0;
margin: -0.1em 0 0.5em 0;
}
.documentDescription {
/* The summary text describing the document */
font-weight: bold;
display: block;
margin: 0em 0em 0.5em 0em;
line-height: 1.5em;
}
.documentByLine {
font-size: 0.8em;
font-weight: normal;
color: #76797c;
margin: 0em 0em 0.5em 0em;
}






/* LINK CLASS TYPES AND MINI ICONS __________________this is for little icons */
.link-action {
background: transparent url("../images/action_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-add {
background: transparent url("../images/add_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-add-alt {
background: transparent url("../images/add_alternative_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-anchor {
color: #76797c;
text-decoration: none;
font-weight: normal;
}
.link-book {
background: transparent url("../images/book_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-callto {
background: transparent url("../images/phone_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-code {
background: transparent url("../images/code_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-comment {
background: transparent url("../images/discussionitem_icon.gif") center left no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-external {
background: transparent url("../images/link_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-event {
background: transparent url("../images/event_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-edit {
background: transparent url("../images/edit_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-feed {
background: transparent url("../images/rss.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ftp {
background: transparent url("../images/file_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-https {
background: transparent url("../images/lock_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-irc {
background: transparent url("../images/discussionitem_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-mailto {
background: transparent url("../images/mail_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}

/* Microsoft Office Docs _________ */
.link-ms-access {
background: transparent url("../images/icon_ms_access_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ms-access-lg {
background: transparent url("../images/icon_ms_access_32px.gif") 0px 1px no-repeat;
padding: 8px 4px 8px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2em;
}
.link-ms-excel {
background: transparent url("../images/icon_ms_excel_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ms-excel-lg {
background: transparent url("../images/icon_ms_excel_32px.gif") 0px 1px no-repeat;
padding: 8px 4px 8px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2em;
}
.link-ms-outlook {
background: transparent url("../images/icon_ms_outlook_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ms-outlook-lg {
background: transparent url("../images/icon_ms_outlook_32px.gif") 0px 1px no-repeat;
padding: 8px 4px 8px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2em;
}
.link-ms-powerpoint {
background: transparent url("../images/icon_ms_powerpoint_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ms-powerpoint-lg {
background: transparent url("../images/icon_ms_powerpoint_32px.gif") 0px 1px no-repeat;
padding: 8px 4px 8px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2em;
}
.link-ms-word {
background: transparent url("../images/icon_ms_word_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ms-word-lg {
background: transparent url("../images/icon_ms_word_32px.gif") 0px 1px no-repeat;
padding: 8px 4px 8px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2em;
}

/* OpenOffice Docs _________ */
.link-oob {
background: transparent url("../images/icon_oob_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-oob-lg {
background: transparent url("../images/icon_oob_32px.gif") 0px 1px no-repeat;
padding: 10px 4px 10px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2.2em;
}
.link-ooc {
background: transparent url("../images/icon_ooc_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ooc-lg {
background: transparent url("../images/icon_ooc_32px.gif") 0px 1px no-repeat;
padding: 10px 4px 10px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2.2em;
}
.link-ood {
background: transparent url("../images/icon_ood_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ood-lg {
background: transparent url("../images/icon_ood_32px.gif") 0px 1px no-repeat;
padding: 10px 4px 10px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2.2em;
}
.link-ooi {
background: transparent url("../images/icon_ooi_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-ooi-lg {
background: transparent url("../images/icon_ooi_32px.gif") 0px 1px no-repeat;
padding: 10px 4px 10px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2.2em;
}
.link-oom {
background: transparent url("../images/icon_oom_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-oom-lg {
background: transparent url("../images/icon_oom_32px.gif") 0px 1px no-repeat;
padding: 10px 4px 10px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2.2em;
}
.link-oow {
background: transparent url("../images/icon_oow_16px.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-oow-lg {
background: transparent url("../images/icon_oow_32px.gif") 0px 1px no-repeat;
padding: 10px 4px 10px 36px;
margin: 0px 0px 0px 4px;
text-decoration: none;
line-height: 2.2em;
}
/* NEWS LINK _________ */
.link-news {
background: transparent url("../images/topic_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-pdf {
background: transparent url("../images/link_pdf.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-plain {
background-image: none;
padding: 0;
}
.link-parent {
/*display: block;*/
background: transparent url("../images/arrowUp.gif") 4px 5px no-repeat;
padding: 1px 4px 4px 20px;
font-size: 0.8em;
font-weight: normal;
text-decoration: none;
}
.link-user {
background: transparent url("../images/user.gif") 0 1px no-repeat;
padding: 1px 4px 4px 18px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-webcal {
background: transparent url("../images/event_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
.link-zip {
background: transparent url("../images/zip_icon.gif") 0px 1px no-repeat;
padding: 1px 4px 4px 20px;
margin: 0px 0px 0px 4px;
text-decoration: none;
}
  




/* MISC. ITEMS __________________________________________ for random items, if list grows too large it will be split into smaller groups */
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
color: #990000;
background-color: transparent;
font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
font-weight: normal;
margin: 0 0 0.25em 0;
border-bottom: 1px solid #CCCCCC;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h7 a,
h8 a, 
h9 a {
color: #990000 ! important;
text-decoration: none;
}
h1 {
font-size: 2em;
padding: 1em 0 0 0;
font-weight: bold;
}
h2 {
font-size: 1.8em;
padding: 0.5em 0 0 0;
font-weight: bold;
}
h3 {
font-size: 1.6em;
font-weight: bold;
}
h4 {
font-size: 1.4em;
border-bottom: none;
font-weight: bold;
}
h5 {
font-size: 1.2em;
border-bottom: none;
font-weight: bold;
}
h6 {
font-size: 1.1em;
border-bottom: none;
font-weight: bold;
}
h7 {
font-size: 1em;
border-bottom: none;
font-weight: bold;
}
h8 {
font-size: 0.8em;
border-bottom: none;
font-weight: bold;
}

h9 {
font-size: 0.7em;
border-bottom: none;
font-weight: bold;
}

.headergray {
border-bottom: none;
font-weight: bold;
color:#999999;
background-color: transparent;
}
.headerdarkgray {
border-bottom: none;
font-weight: bold;
color:#666666;
background-color: transparent;
}
.headerlightgray {
border-bottom: none;
font-weight: bold;
color:#CCCCCC;
background-color: transparent;
}
.currentItem {
border-collapse: collapse;
border: 2px solid #990000;
padding: 1px;
}
table {
font-size: 1.1em;
}
a {
color: #666666;
background-color: transparent;
text-decoration: none;
}

img {
border: none;
vertical-align: middle;
}
p {
margin: 0 0 0.75em 0;
line-height: 1.5em;
}
p img {
border: none;
margin: 0;
}
hr {
border: 0;
height: 1px;
color: #CCCCCC;
background-color: #CCCCCC;
margin: 0.5em 0 1em 0;
}
ul {
line-height: 1.5em;
margin: 0.5em 0 0 1.5em;
padding: 0;
list-style-image:  url("../images/bullet.gif");
list-style-type: square;
}
ol {
line-height: 1.5em;
margin: 0.5em 0 0 2.5em;
padding: 0;
list-style-image: none;
}
li {
margin-bottom: 0.5em;
}
dt {
font-weight: bold;
}
dd {
line-height: 1.5em;
margin-bottom: 1em;
}
.discussion {
margin-top: 1em;
}
.even {
background-color: #F5F5F5;
}
.odd {
background-color: transparent;
}
.visualHighlight {
background-color: transparent;
}
.discreet {
color: #76797c;
font-size: 0.8em;
font-weight: normal;
}
/* For ghosted elements */
.visualGhosted {
/*opacity: 0.2;
-moz-opacity: 0.2;
-html-opacity: 0.2;*/
}
/* Kupu image alignment classes */
.image-left {
float: left;
clear: both;
margin: 0.5em 1em 0.5em 0;
border: 1px solid Black;
}
.image-inline {
float: none;
}
.image-right {
float: right;
clear: both;
margin: 0.5em;
border: 1px solid Black;
}
.card {
background-color: #ECECEC;
border-color: #CCCCCC;
border-width: 1px;
border-style: solid;
float: left;
margin: 1em;
text-align: center;
width: 110px;
padding: 1em 0;
}
.card a {
text-decoration: none;
}
.portrait {
background-color: ;

}
.portraitPhoto {
border: 1px solid #CCCCCC;
}
.visualOverflow {
overflow: auto;
margin: 0 0 1em 0;
}
.visualOverflow pre,
.visualOverflow table,
.visualOverflow img {
margin: 0;
}
/* Extra padding class for the generated icons - we have to do it
this way because of the IE flicker bug on hovering. */
.visualIconPadding {
padding-left: 18px;
margin-left: -1px;
margin-bottom: 1px;
min-height: 1.6em;
height: auto;
line-height: 1.6em;
}
/* And another IE workaround */
* html .visualIconPadding {
height: 1.6em;
}
.visualIconReplace {
background: transparent;
display: block !important;
border: 0;
margin: 0;
padding: 0 0 0 18px !important;
overflow: hidden;
width: 0px !important;
width /**/: 18px;
}
.webmail {
background: transparent url("../images/ct_webmail.jpg") no-repeat top left;
padding: 0 0 0 170px;
}
.webmail img {
border-right: 1px solid #999999;
}






/* TABLE STYLES ____________________________________*/
.listing,
.stx table {
/* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
border-collapse: collapse;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
font-size: 0.8em;
margin: 1em 0em 1em 0em;
}
.listing th,
.stx table th {
background: #ECECEC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
font-weight: normal;
padding: 0.5em 1em;
text-transform: none;
}
.listing .top {
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF ! important;
border-right: 1px solid #FFFFFF ! important;
text-align: right ! important;
padding: 0em 0em 1em 0em;
}
.listing .odd {
/*every second line should be shaded */
background-color: transparent;
}
.listing .even {
background-color: #eeeeee;
}
.listing .listingCheckbox {
text-align: center;
}
.listing td,
.stx table td {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 0.5em 1em;
text-align: left;
}
.listing a,
.stx a {
background-color: transparent;
color: #666666;
}
.listing a:hover,
.stx a:hover {
background-color: transparent;
color: #990000;
}
	







/* FORM AND TEXT AREA SECTION _________________ */
#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
border-color: #990000;
border-width: 1px;
}
fieldset {
border: 1px solid #CCCCCC;
margin: 1em 0em 1em 0em;
padding: 0em 1em 1em 1em;
line-height: 1.5em;
width: auto;
}
legend {
background: #FFFFFF;
padding: 0.5em;
font-size: 0.9em;
}
form {
border: none;
margin: 0;
}
label {
font-weight: bold;
}
label em {
color: #990000;
}
textarea {
font: 100% Monaco, "Courier New", Courier, monospace;
border: 1px solid #CCCCCC;
color: Black;
background: White url(images/input_background.gif) repeat-x;
width: 100%;
}
input {
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
visibility: visible;
border: 1px solid #CCCCCC;
color: Black;
vertical-align: middle;
background: White url(images/input_background.gif) repeat-x;
}
select {
border: 1px solid #CCCCCC;
color: Black;
background-color: White;
vertical-align: top;
}
abbr, acronym, .explain {
border-bottom: 1px dotted Black;
color: Black;
background-color: transparent;
cursor: help;
}
q {
font-family: Baskerville, Georgia, serif;
font-style: italic;
font-size: 1.2em;
}
blockquote {
padding-left: 0.5em;
margin-left: 0;
border-left: 4px solid #CCCCCC;
color: #76797c;
}
code {
font-family: Monaco, "Courier New", Courier, monospace;
font-size: 1.2em;
color: Black;
background-color: #ECECEC;
padding: 0 0.1em;
}
pre {
font-family: Monaco, "Courier New", Courier, monospace;
font-size: 1em;
padding: 1em;
border: 1px solid #CCCCCC;
color: Black;
background-color: #F5F5F5;
overflow: auto;
}
ins {
color: green;
text-decoration: none;
}
del {
color: red;
text-decoration: line-through;
}
/* The edit form elements */
.field {
top: 0;
left: 0;
margin: 0 1em 1em 0;
}
.field em {
color: #990000;
}
.field .field {
margin: 1em 0 0 0;
}
.fieldRequired {
background:  url("../images/required.gif") center left no-repeat;
padding: 0 0 0 0;
color: #FFFFFF;
}
.formHelp {
font-size: 0.9em;
color: #76797c;
margin: 0 0 0.2em 0;
}
.formHelp:hover {
color: Black;
cursor: default;
}
.formControls {
margin: 1em 0;
}
.error {
/* Class for error indication in forms */
background-color: #ffce7b;
border: 1px solid #ffa500;
padding: 1em;
margin: 0 0 1em 0;
width: 95%;
}
.error .fieldRequired {
color: #ffce7b;
}
/* End edit form elements */






/* NEWS ITEM SECTION _______________________________ */
.newsItem {
margin-bottom: 1em;
border-bottom: 1px solid #CCCCCC;
}
.newsImage {
border: 1px solid black;
}
.newsImageContainer {
float:right;
margin: 0 0 0.5em 1em;
width: 202px;
}
.newsContent {
padding: 0 1em 1em 1em;
}
.newsContent ul,
.newsContent li {
display: block;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.newsAbout {
display: block;
color: #76797c;
font-size: 0.8em;
padding: 0;
margin-top: 0;
list-style: none;
list-style-image: none;
float: right;
text-align: right;
}
.newsAbout li {
display: inline;
}
.newsFooter {
}
.newsFooter li {
display: inline;
margin: 0 1em 0 0;
}






/* SYSTEM AND ERROR MESSAGES _________________________________*/
.portalMessage,
.system-message,
#error-handling {
background-color: #ffce7b;
border: 1px solid #ffa500;
color: Black;
font-size: 0.8em;
font-weight: bold;
margin: 1em 0em;
padding: 0.5em 1em 0.5em 3em;
vertical-align: middle;
background-image:  url("../images/info_icon.gif");
background-repeat: no-repeat;
background-position: 5px 50%;
}
.portalMessage a {
color: Black;
}





/* ACCESSIBILITY ______________________________________ and visual enhancement elements */
.hiddenStructure {
display: block;
background: transparent;
background-image: none; /* safari bug */
border: none;
height: 1px;
overflow: hidden;
padding: 0;
margin: -1px 0 0 -1px;
width: 1px;
}
.contentViews .hiddenStructure,
.contentActions .hiddenStructure {
position: absolute;
top: -200px;
left: -200px;
}
.hiddenLabel {
display: block;
background: transparent;
background-image: none; /* safari bug */
border: none;
height: 1px;
overflow: hidden;
padding: 0;
margin: -1px 0 0 -1px;
width: 1px;
}






/* PORTAL FOOTER ___________________________________ */
#portal-footer {
display: none;
background-color: transparent;
border-top: 0px solid #8cacbb;
border-bottom: 0px solid #8cacbb;
float: none;
line-height: 1.2em;
margin: 1em 0em 1em 0em;
padding: 0.5em 0em 0.5em 0em;
text-align: center;
color: #999999;
}
#portal-footer p {
margin: 0.25em 0;
}
#portal-footer a {
text-decoration: none;
color: #666666;
border: none;
}
#portal-footer a:visited {
color: #777777;
}
#portal-footer a:hover {
background-color: transparent;
color: #990000;
}






/* COLOPHON SECTION & FOOTER ICONS ____________________________used as footer, special notices of emergency can be placed in footer if needed*/
#portal-colophon {
float: none;
margin: 0.5em 0em 0em 0em;
padding: 0em 0em 0em 0em;
text-align: center;
}
#portal-colophon ul,
#portal-colophon ul li,
#portal-colophon ul li a {
list-style-image: none;
list-style-type: none;
display: inline;
text-decoration: none;
color: Black;
}
#portal-colophon ul {
display: table-row;
list-style-type: none;
padding: 0;
margin: 0;
}
#portal-colophon ul li {
display: table-cell;
font-size: 0.8em;
margin: 0;
padding: 0 0.5em;
}
#portal-colophon .colophonWrapper {
display: table;
margin: 0 auto;
}
#portal-colophon .colophonIcon {
display: block; /* This is for Mozilla, as it doesn't support inline-block. */
display: inline-block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0 auto;
padding: 25px 0 0 0;
height: 0px;
width: 25px;
}
* html #portal-colophon .colophonIcon {
display: block; /* This is for Mozilla, as it doesn't support inline-block. */
display: inline-block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0 auto 10px auto;
padding: 25px 0 0 0;
height: 0px;
width: 25px;
}
#portal-colophon a {
cursor: pointer;
}
/* EACH COLOPHON ICON _____________________each is set here */
#colophon_copyright {
background-image:  url("../images/colophon_copyright.gif");
}
#colophon_copyright:hover {
background-image:  url("../images/colophon_copyright_red.gif");
}
#colophon_webtech {
background-image:  url("../images/colophon_webtech.gif");
}
#colophon_webtech:hover {
background-image:  url("../images/colophon_webtech_red.gif");
}
#colophon_sec508 {
background-image:  url("../images/colophon_sec508.gif");
}
#colophon_sec508:hover {
background-image:  url("../images/colophon_sec508_red.gif");
}
#colophon_wai_aa {
background-image:  url("../images/colophon_wai-aa.gif");
}
#colophon_wai_aa:hover {
background-image:  url("../images/colophon_wai-aa_red.gif");
}
#colophon_xhtml {
background-image:  url("../images/colophon_xhtml.gif");
}
#colophon_xhtml:hover {
background-image:  url("../images/colophon_xhtml_red.gif");
}
#colophon_css {
background-image:  url("../images/colophon_css.gif");
}
#colophon_css:hover {
background-image:  url("../images/colophon_css_red.gif");
}
#colophon_anybrowser {
background-image:  url("../images/colophon_anybrowser.gif");
}
#colophon_anybrowser:hover {
background-image:  url("../images/colophon_anybrowser_red.gif");
}
#colophon_privacy {
background-image:  url("../images/colophon_privacy.gif");
}
#colophon_privacy:hover {
background-image:  url("../images/colophon_privacy_red.gif");
}
#colophon_terms {
background-image:  url("../images/colophon_terms.gif");
}
#colophon_terms:hover {
background-image:  url("../images/colophon_terms_red.gif");
}







/* BOTTOM CAP IMAGE ____________________________bottom border image */
#bottom {
background: #F5F5F5 url("../images/bkgd_fade_sharp_bot.gif") no-repeat top center;
color: Black;
margin: 0;
text-align: center;
height: 30px;
}








/* END OF CAREERTECH STANDARD STYLE SHEET Version 0.5 */




/* CUSTOMIZATION SECTION _____________________________________________________
   1. Copy elements from above and place in this section to edit.
   2. Add new elements in this section.
   3. Enjoy the power of CSS!
______________________________________________________________________________ */



/* DROPDOWN PORTLET */
select.fiscal {
border:1px solid #CCCCCC;
padding: 0 0 0 0;
width: 130px;
color: #990000;
font-weight: bold;
background: White url(images/input_background.gif) repeat-x;
}
a {
text-decoration: none;
color: #666666;
background-color: transparent;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: #990000;
background-color: transparent;
font-weight: bold;
}
a:visited {
text-decoration: none;
color: #777777;
background-color: transparent;
font-weight: bold;
}





/* END OF CUSTOMIZATIONS SECTION */