/*=======================
  Stylesheet for LCP LessonPlanet site
  Bronwen Reid, Symbiosis
===================*/

body {
	background-color:#fff;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#333;
	margin:0px; padding:0px;
}

/*=== Default Settings ======*/
form { padding:0px; margin:0px; }
table td { vertical-align:top; }

.right { float:right; }
.left { float:left; }

.clearer { 
    clear:both;
    height:1px;line-height: 1px;
    margin:0;padding:0;
}

/*=== 2 column page layout ======*/

#outer {
	background-color:#b4cfe0 ;
}

#main {
	background-color:#fff;
	margin:0;
	margin-left:140px;
    border-bottom:1px solid #fff;
}

#sidebar {
	background-color:#b4cfe0 ;
	width:140px;
	float:left;
} 


#logo {
	position:absolute;
	top:0px;
	left:0px;
}


/* ====== Left Menu Styles ====== */
ul#menu {
    margin:0px;
    padding:0px;
    list-style-type: none;
}

ul#menu li { margin:0px; padding:0px; }

#menu a {
    display: block;
    padding: 5px 5px 5px 8px;
    width: 127px;
    background-color: #b4cfe0;
    border-bottom: 1px solid #fff;
}

#menu a:link, #menu a:visited {
    color: #004186;
    font-weight:bold;
    text-decoration: none;
}

#menu a:link.homeon, #menu a:visited.homeon,
#menu a:link.home, #menu a:visited.home {
	background-color:#ea4c24;
	color:#333;
}

#menu a:link.downloads, #menu a:visited.downloads {
	background-color:#09a5cd;
}

#menu a:link.downloadson, #menu a:visited.downloadson {
    color: #fff;
    background-color:#004186;
}
#menu a:link.on, #menu a:visited.on {
    color: #fff;
    background-color:#004186;
}


#menu a:hover.home, #menu a:hover.homeon,
#menu a:hover.downloads, #menu a:hover.downloadson,
#menu a:hover {
    color: #fff;
    background-color: #004186;
}



/*=== Footer / header menus ===*/

ul#headermenu, ul#footermenu {
    margin:0px;
    padding:0px;
    list-style-type: none;
	text-align:right ;
}

ul#headermenu li, ul#footermenu li { margin:0px; padding:0px; margin:0px 2px; display:inline ;  }

#headermenu a:link, #headermenu a:visited,
#footermenu a:link, #footermenu a:visited {
    font-weight:normal;
    text-decoration:none;
    color:#fff;
}
#headermenu a:hover, #footermenu a:hover {
    font-weight:normal;
    text-decoration:underline;
    color:#fff;
}

/*=== Footer / header bars ===*/

.footerbar {
	background-color:#09a5cd;
	color:#fff;
	padding:8px;
	font-size:92%;
}

.headerbar {
	height:14px;
	background-color:#09a5cd;
	color:#fff;
	padding:8px;
	font-size:92%;
}

#infobar {
	background-color:#b4cfe0;
	height:10px;
	padding:4px 8px;
	font-size:92%;
	color:#333;
}

#infobar #breadcrumb {
	padding-left:140px;
	float:left;
	border:0px solid pink;
}
#infobar #youare {
	float:right;
	border:0px solid pink;
}
/*== Progress of Order ===*/
ul#order_progress {
	padding:0px;margin:0px;
	margin:2em 0em;
	list-style-type: none;
	border:0px solid #b4cfe0;
	font-size:90%;
	text-align:center;
	background-color:#b4cfe0;
	color:#666;
}
ul#order_progress li {
	display: inline;
	margin:0px;padding:0;
	padding:2px 4px;
}
ul#order_progress li.this {
	background-color:#b4cfe0;
	color:#efeddb;
	color:#333;
	font-weight:bold;
}


/*=== Content ===*/

.pagecontent {
	margin:1.2em 2em ;
    line-height:160%;
    
    height: auto !important;
    height: 300px;
    min-height: 300px;
}

.pageheading {
	color:#09a5cd;
	font-weight:bold;
	margin:0px;
	background:no-repeat;
}

.pageheading h1 { 
	margin:0;
	background-color:#09a5cd;
	color:#fff;
	font-size:140%;
	xfont-family:arial,helvetica,sans-serif;
	padding:6px 12px;
}
.pageheading h2 { margin:0.5em 1em;}

h1, h2, h3 { color:#09a5cd; }

/*=== Forms ===*/

.button {
	font-size:0.8em;
	font-size:11px;font-weight:bold;
	letter-spacing:.1px;
	background-color:#b4cfe0; color:#333;
    background-color:#09a5cd; color:#fff;
    border:1px outset #ccc;
    text-transform: lowercase;
}

.inputbox {
    border:1px solid #09a5cd;
    height:1 li;
}
input, textarea {
	font-family:verdana, Arial, Helvetica, sans-serif;
}


/*=== Text Styles ======*/
.error { color:#900; font-weight:bold; padding:6px 0px; }
.success, .msg { color:#063; font-weight:bold; padding:6px 0px; }
.hint { font-size: 90%; color: #76797c; margin: 0 0 0.2em 0; }
.required { font-size: 90%;color:#999; }

p.emp { font-weight:bold; font-size:105%; }

.big  { font-size:110%; }
.std { font-size:100%; }
.small { font-size:90%; }
.smaller { font-size:85%; }

/*===== General Table styles ======*/
tr.heading td, td.heading {
	background-color:#09a5cd;color:#fff;
	font-weight:bold;
}

td.celltag { text-align:right;padding-right:12hipx;f1ont-weight:bold; }


/*===== LessonPlanet layout styles ======*/

div.downloads_currency {
	width:280px;
	margin:0;padding:0;
	margin:0px 20px;
}

div.downloads_currency div {
	display:block;
	margin:0em;
 	padding:6px;
	font-weight:bold;
	font-size:140%;
	background-color:#d7e7ec;
 	color:#004186;
}

.downloads_currency a:link, .downloads_currency a:visited {
	color:#b4cfe0;text-decoration:none;
}
.downloads_currency a:link.this, .downloads_currency a:visited.this,
.downloads_currency a:hover {
	color:#004186;
}
.download , .freedownload{
 	width:500px;
 	padding:8px;
 	background-color:#d3e3ed;
 	margin:20px;
 	color:#004186;
}

.freedownload {
	width:496px;
	border:2px solid #756aad;
	background-color:#ddd9ec;
}
.freedownload .button {
	background-color:#756aad;
}

.download_longname {
 	font-weight:bold;
}
.download_button {
}
.download_price {
	display:block;
}
/*== shopping basket and checkout ==*/
.basket .heading {
	background-color:#b4cfe0;
}
a:link.basketlink, a:visited.basketlink {
	font-weight:bold;
	color:#fff;
	decoration:underline;
}
td.total {
	background-color:#fff;
	font-weight:bold;
	text-align:right;
}
td.totaltop {
	border-bottom:3px double #ccc;
	height:1px;line-height: 1px;
	margin:0px;padding:0px;
}
td.totalbottom {
	border-top:3px double #ccc;
	margin:0px;padding:0px;
	height:1px;line-height: 1px;
}
tr.basketline td {
	border-bottom:1px solid #ccc;
}


div.basket_currency {
	display:block;
	width:80px;
	padding:5px;
	font-weight:bold;
	background-color:#d7e7ec;
	font-size:120%;
 	color:#004186;
 	margin-bottom:10px;
 	text-align:center;
}

.basket_currency a:link, .basket_currency a:visited {
	color:#b4cfe0;text-decoration:none;
}
.basket_currency a:link.this, .basket_currency a:visited.this,
.basket_currency a:hover {
	color:#004186;
}

/*---- If we want user to select style from editor, must go in editthis.css as well */
/* for sidebox on homepage */
.sidebox {
	padding:10px;
	margin:0px 10px 10px 0px;
	width:200px;
	background-color:#b4cfe0;
	background-color:#fff;
	border:1px solid #09a5cd;
	font-size:1.2em;
	font-weight:bold;
	float:left;
}