@import url("/includes/css/ccie_global.css");

/* @group Forms */
TD.fieldlabel
{
	background-color: #FFFFCC;
	border-left: 1px solid #ededc4;
	border-right: 1px solid #ededc4;
	border-top: 1px solid #ededc4;
	border-bottom: 1px solid #ededc4;
	padding-left: 3px;
	text-align: right;
	vertical-align: top;
	text-transform: inherit;
}
/* @end */
/* Main styles */

body {
	margin: 0px;
}

body, table, div, span, p, h1, h2, h3, ul, li, td, tr, th, select, option, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a {
	color: #3399CC;
}

a:hover, a:active {
	color: #66CCFF;
}

/* Left side navigation */

.side_box, .side_title, .shortcut, .shortcut_title {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.side_box {
	background-color: #3399CC;
}

.shortcut a {
	text-decoration: none;
}

.side_title {
	background-color: #CC9900;
}

.side_box a, .side_title a  {
	color: #FFFFFF;
	text-decoration: none;
}

.side_box a:hover, .side_title a:hover  {
	color: #DDDDDD;
}

#side_hilite {
	background-color: #66CCFF;
}

.shortcut_title {
	color: #000000;
}

/* crumbtrail */

.crumbtrail {
    padding: 4px 0;
    width: 100%;
    height: 13px;
	background: #379BCE url(/images/poll_bar_lg.gif) repeat-x;
    text-align: center;
}

.crumbtrail_left, .crumbtrail_right {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}

.crumbtrail_left {
    float: left;
    text-align: left;
}

.crumbtrail_right {
    float: right;
    text-align: right;
}

.crumbtrail a  {
	color: #FFF;
	text-decoration: none;
}

.crumbtrail a:hover  {
	color: #DDD;
}

/* main styles */
.page_wrapper {
    width: 100%;
    text-align: center;
}
.main_wrapper {
    margin: auto; 
    width: 1000px;
}
.main_left {
    float: left;
    margin: 10px 0 10px 10px;
    width: 150px;
    text-align: center;
}
.main_left ul {
    margin: 0;
    padding: 0;
}
.main_left li {
    list-style-type:  none;
    margin: 0 0 10px 0;
    padding: 0;
}
.main_left li div {
    padding: 4px;
}
.main_right {
    float: right;
    margin: 15px 0;
    padding: 0;
    width: 775px;
    text-align: left;
}
.main_right h1, .main_right .header1  {
    margin-top: 0;
    font-size: 15px;
}

/* Menu */
#menu_account div {
    margin: auto;
    padding-bottom: 8px;
    text-align: center;
}
#menu_account img {
    float: right;
    margin: -3px 5px 0 0;
}
#menu_account hr {
    margin-bottom: 5px;
}
#menu_account form {
    margin: 0;
    padding: 0;
}
#menu_account .login_account {
    margin: auto;
    width: 150px;
    text-align: left;
    
}
#menu_account .login_account input {
    width: 100%;
    margin: 3px 0 3px 0;
}
#menu_account .login_account label {
    font-size: 11px;
    font-weight: bold;
    color: #999;
}

#menu_subscribe div {
    color: #3399cc;
    font-size: 12px;
    text-align: center;
}
#menu_subscribe .subscribe_header, #menu_subscribe input, #menu_subscribe img, #menu_subscribe form {
    margin-bottom: 5px;
}

#menu_middle {
    text-align: center;
}
#menu_middle span {
    color: #cc6633;
    font-size: 12px;
}
#menu_middle hr {
    margin-top: 5px;
}
#menu_middle .text_left {
    margin: 5px 0 5px 5px;
    padding: 10px 0;
    width: 105px;
    color: #CC6633;
    font-size:10px;
    text-align: center;
}
#menu_school {
    text-align: center;
}
#menu_school img, #menu_calendar img {
    position: relative;
    float: right;
}
#menu_school img {
    margin-top: 8px;
}
#menu_calendar img {
    margin-top: 14px;
}
html>body #menu_calendar img {
    margin-top: 6px;
}
#menu_magazine p {
    color: #545454;
    font-size:10px;
}

#menu_shortcuts ul {
    margin: 9px 0 0 10px;
    padding: 0;
}
#menu_shortcuts li {
    margin: 2px 0 8px 0;
    padding: 0;
}
#menu_shortcuts a,  
#menu_shortcuts a:link, 
#menu_shortcuts a:visited {
    padding-left: 7px;
    color: #666;
    background: url(/image_oa/arrow-nav-small.png) no-repeat 0 3px;
    font-size: 11px;
    text-decoration: none;
}
#menu_shortcuts a:active, 
#menu_shortcuts a:hover {
    text-decoration: underline;
}


/* form styles */
#search_form input {
	font-size: 10px;
}

.error, .error li {
	color: #CC0000;
}

.required {
	color: #CC0000;
}

/* Homepage Styles */
.home { 
    padding-left: 20px;
    width: 100%;
}
html>body .home {
    padding: 0;
}
.home_left {
    float: left;
    width: 49%;
}
.home_right {
    float: right;
    width: 49%;  
}
.home_box, .home_box_center {
    margin-top: 5px;
    padding-bottom: 3px;
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
}
.home_box_center {
    text-align: center;
}
.home_box_right {
    float: right;
    padding-top: 2px;
}

.home p {
    padding: 0 2px;
}
.home .header1 {
    margin-top: 13px;
    padding: 1px;
}
.home .header2_small {
    padding: 1px;
}
.header2_small a:active, .header2_small a:hover { 
    color: #666;
    text-decoration: underline;
}
.home_carousel { width: 100%; }

/* catalog carousel display  */
.catalog_home_search {
    text-align: center;
}
.catalogbox {
    margin: 0 0 10px 0;
    height: 320px;
}
html>body .catalogbox {
    height: 295px;
}
.catalogbox_carousel {
    height: 145px;
}
.catalogbox_list {
    margin:  0 10px;
    padding-top: 5px;
    border-top: 1px solid #CCC;
}
.catalogbox .header {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    color:  #cc6633;
    text-align: center;
}
.catalogbox_keywords {
    margin: 7px 0px 3px 0px;
    width: 350px;
    text-align: center;
	position: absolute;
}
.catalogbox form {
    margin: 23px 0 0 0;
}
.catalogbox .example {
    margin: 13px 0 0 0;
    font-size: 9px;
    font-weight: normal;
    text-align: center;
}
.catalogbox_categories {
    margin: 6px 0px 0px 350px;
    padding-left: 20px;
    width: 360px;
    border-left: 1px solid #CCC;
}
.catalogbox_categories ul {
    margin: 5px 14px 0 0;
    padding: 0;
    list-style: none;
}
.catalogbox_categories li {
    margin: 4px 0 0 -8px;
    padding: 0;
}
.catalogbox_categories li a {
    font-size: 11px;
}
ul.catalogbox_categories_2 {
    float: right;
}
ul.catalogbox_categories_2 li {
    margin-right: 15px;
}


/* making all labels bold really makes things ugly */

label {
  font-size: 11px,
  font-weight: normal
}
.form_field_label,
.field_label,
.form_field_label_required,
.field_label_required {
	font-size: 11px;
	font-weight: bold;
}

label.required
.form_field_label_required,
.field_label_required {
	color: #CC0000;
}

.form_field_note,
.field_note {
	font-size: 11px;
	color: #666;
}

.message_box {
    margin: 10px auto;
    padding-left: 5px;
    width: 90%;
	background-color: #f8f8f8;
	border-top: 1px dotted #CC9900;
	border-bottom: 1px dotted #CC9900;
}

.clear_box {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
	border-right: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	border-top: 1px solid #b4b4b4;
}

/* catalog styles */
.product_name {
	font-size: 14px;
	font-weight: bold;
	color: #996699;
}
.product_name a {
	color: #996699;
	text-decoration: none;
}
.product_name a:hover {
	color: #996699;
}
.product_subtitle {
	font-weight: bold;
	color: #BB88BB;
}
.product_author {
	font-weight: bold;
}
.product_price {
	font-weight: bold;
	color: #cc6633;
}
.product_category {
	font-weight: bold;
}
.new_cart_item {
	font-size: 10px;
	color: #CC0000;
}
.new_cart_item a {
	color: #CC0000;
}
.new_cart_item a:hover {
	color: #FF0000;
}

/* product search styles */

ol.search_results li {
	margin-bottom: 10px;
}

ol.search_results li .product_title {
	font-weight: bold;
}

ol.search_results li .product_details {
	font-size: 11px;
}

ol.search_results li .product_details .author {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
}

ol.search_results li .product_details .issue {
	color: #336600;
	font-size: 11px;
}

ol.search_results li .product_details .product_price {
	color: #993300;
	font-size: 11px;
}

a.more_results {
	margin-left: 30px;
}

a.small {
  font-size: 10px;
}


/* misc. styles */

.bottom_text, .bottom_text p {
    margin-top: 15px;
	font-size: 10px;
	text-align: center;
	font-weight: normal;
}

.small, .small li, .small td, .small p {
	font-size: 10px;
}

.smallbold, .smallbold li, .smallbold td, .smallbold p {
	font-size: 10px;
	font-weight: normal;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #CC9900;
}

.table_of_contents .beginnings		{ color: #996699; }
.table_of_contents .section			{ font-size: 15px; color: #CC9900; font-weight: bold; text-decoration: underline; }
.table_of_contents .chapter			{ font-size: 14px; color: #996699; font-weight: bold; }
.table_of_contents .title			{ color: #000000; font-weight: bold; }
.table_of_contents .subtitle		{ font-weight: bold; font-style: italic; }

/* table styles */
.title_row, .title_row td {
	font-size: 11px;
	font-weight: bold;
	background-color: #996699;
	color: #FFFFFF;
}

.even, .even_row, .even_row td {
	font-size: 11px;
	background-color: #DDDDDD;
}

.odd, .odd_row, .odd_row td {
	font-size: 11px;
	background-color: #FFFFFF;
}

.grid td {
  border: 3px solid #CCC;
  width: 170px;
  height: 170px;
  padding: 5px;
  margin: 5px;
  text-align: center;
}

.grid td:hover {
  background: #EFEFEF;
}

/* main header */
#top_header {
    min-width: 1000px;
    height: 120px;
    background: url(images/bg_fade.gif) repeat-x;
    text-align: center;
    border-bottom: 2px solid #FFF;
}
#top_logo {
    float: left;
    margin: 30px 0 0 0;
}
#top_banner {
    height: 90px;
    text-align: center;
}
#top_banner #WebAdOuter {
    margin: auto;
}
#top_banner img {
    margin-top: 10px;
}
#top_search {
    float: right;
    margin: 93px 0 0 0;
    width: 220px;
}
#top_search form {
    margin: 0;
    padding: 0;
}
#top_search #search_keyword {
    width: 150px;
}
#top_middle {
    margin: auto;
    width: 500px;
}
#top_menu {
    margin: auto;
    width: 438px;
    height: 30px;
    text-align: center;
}
html>body #top_menu {
    padding-left: 20px;
    width: 435px;
} 
#top_menu img {
    display:block;
}
#top_menu ul {
    margin: 0;
    padding: 0;
}
#top_menu li {
    float:left;
    display: inline;
    list-style: none;
    margin: 0 2px 0 0;
    padding: 0;
    height: 30px;
}

/* drop-down menus */
.nav_menu {
	background-color: #FFFFFF;
	visibility: hidden;
	position: absolute;
	width: 130px;
	padding-bottom: 2px;
    z-index: 100;
}
.nav_menu div {
	margin: 2px 2px 0 2px;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
}
.nav_menu_link {
	background-color: #3399CC;
	color: #FFFFFF;
    text-align: left;
}
.nav_menu_link a  {
	color: #FFFFFF;
	text-decoration: none;
}
.nav_menu_link a:hover  {
	color: #DDDDDD;
}

/* @group AJAX Autocomplete classes */
li.item {
    list-style-type: none;
    display:block;
    margin:0;
    padding: 3px;
    font-size:9px;
    background-color: #FFF;
    border-bottom: 1px dotted #999;
    text-align: left;
}
li.item .name {
  font-weight:bold;
  font-size:10px;
}
div.auto_complete {
  z-index: 1000 !important; /* above everything */
  position:absolute !important; 
  background: #FFF;
}
div.auto_complete ul {
    z-index: 100 !important; /* above everything */
    position:absolute !important; 
    margin:0;
    padding:0;
    width: 150px;
    border:1px solid #888;
}
div.auto_complete ul li {
    margin:0;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}
/* @end */

/* Comments Form */
.comment_name {
    font-size: 15px;
	font-weight: bold;
}
.comment_name a {
	text-decoration: none;
}
.comment_state {
    font-size: 11px;
    font-weight: bold;
}
.comment_link {
    float: right;
}

/* EED Pages */
.eed_content {
    width: 500px;
}
.eed_side {
    float: right;
    padding:10px;
    width: 230px;
}
.eed_header {
    color: #CC6633;
    font-size: 14px;
}
img.eed_header {
    margin: 15px 0 10px 0;
}
.eed_date {
    margin-bottom: 15px;
    color: gray;
    font-size: 11px;
}
.eed_comments_box {
    clear: both;
}
.eed_comment_header {
    margin: 20px 0 10px 0;
    font-weight: bold;
}
.eed_print {
    float: right;
    margin-top: -5px;
    width: 150px;
    text-align: right;
}

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 .clearfix {
	display: inline-block;
}
 html[xmlns] .clearfix {
	display: block;
}
 * html .clearfix {
	height: 1%;
}