/**************************************
 * THEME NAME: americanp
 *
 * Files included in this sheet:
 *
 *   americanp/styles_cisco.css
 **************************************/

/***** americanp/styles_cisco.css start *****/

/***
 *** General CSS File
 ***/

body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 85%;
  
  background-color: #003366;
}

#message-messages{
	background-color: #FFFFFF;
}
#page{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}
#page.clearfix{
    background: transparent;
    width: 100%;
}

/**
 * Header Styles
 **/
div.coursefullname {
    position: absolute;
    bottom: 6px;
    left: 264px;
    font-size: 20px;
    font-family: Century Gothic,Arial,Helvetica,sans-serif;
}

img.courseimage{
    position: absolute;
    top: 20px;
    left: 20px;
}

#header-home .headermain,
#header .headermain {
  display: none;
}

div#header-home,
div#header {
  background: transparent url(pix/header.png) no-repeat left top;
  color: #FFFFFF;
  height: 123px;
  border-bottom: #476c91 solid 2px;
  position: relative;
}

#heading-hr {
  display: none;
}

.navbar .breadcrumb {
  margin-top: .8em;
}

/**
 * Footer Styles
 **/
#footer{
    background-color: #003366;
    color: #FFFFFF;
    margin: 0px;
}

#prefooter{
    text-align:center;
    margin: 0px;
}

#footer .validators{
    margin: 0px;
}
#footer .logininfo {
  text-align: right;
  width: 100%;
  padding-bottom: 5px;
  font-size: 90%;
}

/**
 * Link colors
 **/
a:link,
a:visited,
a:hover {
  color: #003399;
  /*text-decoration: underline; Main site has this, but may make things too ugly in other areas */
}

.navbar .breadcrumb a,
.navbar .breadcrumb a:link,
.navbar .breadcrumb a:active,
.navbar .breadcrumb a:hover {
  color:#061E36;
}

.block_admin_tree a:link,
.block_admin_tree a:visited,
.block_admin_tree a:hover {
  color:#061E36;
}

span.button,
span.button input,
span.button a:link, 
span.button a:visited,
span.button a:active {
  color:#061E36;
}

/**
 * Heading colors
 **/
h1, h1.main,
h2, h2.main,
h3, h3.main,
h4, h4.main,
h5, h5.main,
h6, h6.main {
  color:#061E36;
}

/**
 * Tabs
 **/

.tabrow0 a {
  color:#000000;
  font-size: 105%;
  font-weight: bold;
  line-height 1.13em;
}

.tabrow0 a {
  background: transparent url(pix/tab/left.gif) repeat left top;
  border-left: #000000 solid 1px;
}

.tabrow0 a span {
  background: transparent url(pix/tab/left.gif) repeat right top;
  border-right: #000000 solid 1px;
  
}
.tabrow1 a span {
    border-right: 0px;
}

/* Hover Styles */
.tabrow0 .last a:hover,
.tabrow0 a:hover {
  background-image: url(pix/tab/left.gif);
  color: #FFFFFF;
  text-decoration: none;
}

.tabrow0 .last a:hover span,
.tabrow0 a:hover span {
  background-image: url(pix/tab/left.gif);
}

.tabrow0 .here a:hover {
  background-image: url(pix/tab/left.gif);
}

.tabrow0 .here a:hover span {
  background-image: url(pix/tab/left.gif);
}

.tabrow0 .here a,
.tabrow0 .here a:hover {
  color: #444;
  text-decoration: none;
}

.tabrow0 div, 
.tabrow0 ul {
    background: transparent;

}
/* Sub tab link coloring */
ul.tabrow1 li a,
ul.tabrow1 li a:link,
ul.tabrow1 li a:visited,
.tabrow0 ul li a:hover span,
.tabrow0 ul a {
  color:#000000;
  text-decoration: none;
  
}

.tabrow0 ul li.here a:hover span {
  color: #444;
}

/* Header tabs */
.header-tabs .tabtree {
  margin: 0 0 -1px 252px;
  background-color: #FF9900;
  padding: 10px 0 4px 0;

  /* Fixes overlap problem with navbar */
  position: relative;
  z-index: 0;
}

/* Columns */
#left-column {
    background-color: #E5EAEF;
    border-right: #476c91 solid 2px;
}
#layout-table #middle-column {
    padding-left: 1px;
    padding-right: 1px;
    border-left: #003366 solid 2px;
}

#layout-table {
    margin-top: 0px;
}

.rounded .rounded-block {
    }
/* Keeps top of navbar visible */
.navbar {
  position: relative;
  z-index: 1;
}

.header-tabs {
  background-color: #FF9900;
  border-top: #003366 solid 2px;
  border-bottom: #003366 solid 2px;
  margin: 0 0 -1px 0;
}

#header-tabs .tabrow0 {
  padding-bottom: 0;
  text-align: left;
  line-height: normal;
  margin-top: 0;
}

#header-tabs .tabrow1 {
  display: none;
}

#site-index .header-tabs {
  margin-bottom: 0px;
}

/**
 * Format Page
 **/

.format-page {
  margin-left: 0;
}

/**
 * Page menu
 **/

.mod-pagemenu .menutree {
  padding-left: 0;
}

.mod-pagemenu .menutree,
.mod-pagemenu .menutree .childtree {
  list-style-type: none;
}

.mod-pagemenu .menutree .menuitem a {
  color: #000000;
  text-transform: uppercase;
}

.mod-pagemenu .menutree .childtree .menuitem a {
  text-transform: none;
}

.mod-pagemenu .menutree .menuitem a:hover {
  text-decoration: none;
}

.mod-pagemenu .menutree .menuitem a.current,
.mod-pagemenu .menutree .menuitem a.current:hover {
  font-weight: bold;
  color: #2F6681;
}

/* Crazy styles to have a light blue bar for the current menu item */
.mod-pagemenu .menutree li.current {
  background-color: #DDE6EB;
}

.mod-pagemenu .menutree li.current .childtree {
  margin-bottom: -3px;
}

.mod-pagemenu p {
    margin: 0;
}

.mod-pagemenu .menutree li.current .childtree,
.mod-pagemenu .menutree li.current .childtree .menuitem {
  background-color: #FFFFFF;
}

/* Page menu styles for when displayed in drop down format */
form#pagemenudropdown0 {
    postion: relative;
    background: transparent url(pix/pagemenu1.gif) no-repeat left center;
    padding: 70px 150px 22px 95px;
}

#pagemenudropdown0_jump {
    margin-top: 70px;
    margin-bottom: 22px;
}

form#pagemenudropdown1 {
    background: transparent url(pix/pagemenu2.gif) no-repeat left center;
    padding: 70px 150px 22px 95px;
}

#pagemenudropdown1_jump {
    margin-top: 70px;
    margin-bottom: 22px;
}

form#pagemenudropdown2 {
    background: transparent url(pix/pagemenu3.gif) no-repeat left center;
    padding: 70px 150px 22px 95px;
}

#pagemenudropdown2_jump {
    margin-top: 70px;
    margin-bottom: 22px;
}

form#pagemenudropdown3 {
    background: transparent url(pix/pagemenu4.gif) no-repeat left center;
    padding: 70px 150px 22px 95px;
}

#pagemenudropdown3_jump {
    margin-top: 70px;
    margin-bottom: 22px;
}

form#pagemenudropdown4 {
    background: transparent url(pix/pagemenu5.gif) no-repeat left center;
    padding: 70px 150px 22px 95px;
}

#pagemenudropdown4_jump {
    margin-top: 70px;
    margin-bottom: 22px;
}

/**
 * Blocks
 **/

/* OK, weird setup, but makes it so no background behind edit widgets so it looks mucho nicer */
.sideblock div.header .title h2 {
  background-color: #829AB4;
  margin: -4px -4px -4px -4px;
  padding: 4px;
}
/* Needed to get the top line above the sideblock */
.sideblock div.header {
  padding-top: 4px;
}

.sideblock div.header .title .commands {
  margin-top: 7px;
}

.sideblock div.header .title .commands img {
  height: 11px;
  width: 11px;
}

.sideblock div.header .title h2 {
  color: #061E36;
}

.sideblock .content {
  background-color: transparent;
}

.sideblock .hide-show a {
  border: none;
}

/* List blocks */
.sideblock .content ul.list li {
  padding-top: 2px;
  padding-bottom: 2px;
}

/* No border for module type blocks */
.block_page_module .content,
.block_page_module .header,
.block_page_module h2.header {
  border: none;
}

.block_page_module .header h2 {
    display: none;
}
.block_page_module .header .hide-show-image {
    display: none;
}

.block_page_module .content {
  padding-left: 0;
  padding-right: 0;
}

/* Global search Block Fix */
.mod-forum.sideblock th.header {
  border-style: none;
}

.block_search .header h2 {
    display: none;
}
.block_search .header {
    border: 0;
}
.block_search .header .hide-show-image {
    display: none;
}

/**
 * YUI Drop-down menu
 **/

div.yuimenu {
  border-top: 1px solid #003366;
  border-left: 1px solid #003366;
  border-right: 1px solid #003366;
  border-bottom: 1px solid #003366;
  background-color: #E5EAEF;
  padding: 0;
}

div.yuimenu ul {
  padding: 0;
}

/* Rollover color */
div.yuimenu li.selected,
div.yuimenubar li.selected {
  background-color: #FFFFFF;
}

div.yuimenu .yuimenuitem a {
  color: #003366;
}

div.yuimenu li.selected a.selected {
  color: #FFFFFF;
  text-decoration: none;
}
.yuimenubaritem-selected,
.yuimenuitem-selected {
    background-color: #829AB4;

}
div.yuimenu .yuimenuitem a.yuicurrent,
div.yuimenu .yuimenuitem a.yuicurrent:hover {
  text-decoration: none;
  color: #003366;
  font-weight: bold;
}

div.yuimenu li.yuimenuitem {
  border-bottom: 1px dotted #003366;
  display: block;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 90%;
}

div.yuimenu li.yuilastmenuitem {
  border-bottom: none;
}

div.yuimenu .yuichildtree .yuimenuitem {
  font-size: 100%;
}

.yuimenuitemlabel {
    padding: 2px 24px 2px 3px;
    outline:none;
}

/* Module CSS */
.crslessonbox {
    border: none;
}

.textpadding{
    padding-left: 10px;
    padding-right: 10px;
}

.que .incorrect {
    background-color:#CF6767;
}/***** americanp/styles_cisco.css end *****/