/*
Generic HTML elements
---------------------
*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #AFD0F2;
	background-image: url(/images/common/new_design/page_background_tile.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
body td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
A {
	color: #FF3300;
	text-decoration: underline;
}
A:visited {
	color: #999999;
	text-decoration: underline;
}
A:hover {
	color: #339900;
	text-decoration: underline;
}
li {
	margin-bottom: 4px;
}
p {
	margin-top: 0px;
}

#hiddentags {
	display: none;
}

/*
Elements for editing page content
---------------------------------
*/
.BlueBold {
	color: #663399;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #663399;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-right:3px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #663399;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #663399;
	margin-top: 15px;
	margin-bottom: 3px;
}
.SmallText {
	font-size: 11px;
}

/*
Flags
--------------------
*/
#FlagsElement {
	display: block;
	background-color: #FFF8EF;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 9px;
	padding-right: 9px;
}
#FlagContent {
	display: block;
	float: right;
	width: 264px;
	font-size: 11px;
	color: #663399;
}
#FlagContent a {
	font-size: 12px;
}
#LanguageFlag {
	width: 60px;
	margin-bottom: 8px;
}
#FlagSpacer {
	display: block;
	border-top: 1px solid #E5E1C1;
	border-bottom: 1px solid #FFFFFF;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
}
#FlagClear {
	clear:left;
}

/*
Page layout elements
--------------------
*/
#LeftShadowTD {
	width: 10px;
	background-image: url(/images/common/new_design/shadow_left_tile.gif);
	background-repeat: repeat-y;
}
#RightShadowTD {
	width: 10px;
	background-image: url(/images/common/new_design/shadow_right_tile.gif);
	background-repeat: repeat-y;
}
#LeftShadowTop {
	display: block;
	width:10px;
	height:40px;
	background-image: url(/images/common/new_design/shadow_top_left.gif);
}
#RightShadowTop {
	display: block;
	width:10px;
	height:40px;
	background-image: url(/images/common/new_design/shadow_top_right.gif);
}
#PageBorder {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffe35a;
	background-image: url(/images/common/new_design/yellow_background_tile.gif);
	overflow: hidden;
}
#SpacerArea {
	display: block;
	position: relative;
	width: 738px;
	height: 31px;
	background-image: url(/images/common/new_design/balloon_bottom.gif);
	background-repeat: no-repeat;
}
#ContentLeftShadowTD {
	width: 18px;
	background-image: url(/images/common/new_design/content_shadow_left_tile.gif);
	background-repeat: repeat-y;
}
#ContentRightShadowTD {
	width: 8px;
	background-image: url(/images/common/new_design/content_shadow_right_tile.gif);
	background-repeat: repeat-y;
}
#ContentLeftShadowTop {
	display: block;
	width:18px;
	height:15px;
	background-image: url(/images/common/new_design/content_shadow_left_top.gif);
}
#ContentRightShadowTop {
	display: block;
	width:8px;
	height:15px;
	background-image: url(/images/common/new_design/content_shadow_right_top.gif);
}
#ContentPanel {
	width: 554px;
	background-color: #FFFFFF;
}
#ContentShadowBottom {
	display: block;
	width:580px;
	height:35px;
	background-image: url(/images/common/new_design/content_shadow_bottom.gif);
	background-repeat: no-repeat;
}
#GenericTitleBar h1 {
	display: block;
	position: relative;
	margin: 2px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 6px;
	background-color: #5063D6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}
#TitleBarLanguage {
	display: block;
	position: absolute;
	top: 6px;
	right: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
#GenericTitleBar a {
	color: #FFFFFF;
	text-decoration: none;
}
#GenericTitleBar a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#GenericTitleBar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#GenericTitleBar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#ContentArea {
	display: block;
	width: 354px;
	margin-top: 20px;
	margin-left: 8px;
	margin-right: auto;
	
}
#FullWidthContentArea {
	display: block;
	margin-top: 20px;
	margin-left: 8px;
	margin-right: 8px;
	
}
#SidePanelArea {
	display: block;
	float: right;
	width: 160px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: 0;
	padding-right: 8px;
}

/*
Footer elements
---------------
*/

#FooterArea {
	display: block;
	background-color:#662D97;
	background-image: url(/images/common/new_design/footer_background.gif);
	width: 750px;
	height: 42px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffe35a;
	font-weight: normal;
}
#FooterLinks {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 4px 0px 4px;
}
#FooterLinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#FooterLinks a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#FooterLinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#FooterCopyright {
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFEFA1;
}
#FooterCopyright a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFEFA1;
	font-weight: normal;
	text-decoration: none;
}
#FooterCopyright a:visited {
	color: #FFEFA1;
	text-decoration: none;
}
#FooterCopyright a:hover {
	color: #FFEFA1;
	text-decoration: underline;
}

/*
Searchbox elements
------------------
*/
#SearchBox {
	display: block;
	background-color: #ffaf1b;
	padding: 5px 0px 5px 0px;
	margin-bottom: 12px;
	text-align: center;
}
#SearchBox  #SearchText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 148px;
	margin: 0px 0px 0px 0px;
}
#SearchBox #SearchSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 4px 0px 0px 0px;
}

/*
Menu elements
-------------
*/
#MenuOff a {
	display: block;
	background-color: #FFF7c5;
	margin: 1px 0px 0px 0px;
	padding: 3px 2px 3px 5px;
	background-image: url(/images/common/new_design/menu_off_highlight.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4b1d6f;
	text-decoration: none;
}
#MenuOff a:visited {
	background-color: #FFF7c5;
	background-image: url(/images/common/new_design/menu_off_highlight.gif);
	background-position: top;
	background-repeat: repeat-x;
	color: #4b1d6f;
	text-decoration: none;
}
#MenuOff a:hover {
	background-color: #FF3300;
	background-image: none;
	color: #FFFFFF;
	text-decoration: none;
}
#MenuOn a {
	display: block;
	background-color: #663098;
	margin: 1px 0px 0px 0px;
	padding: 3px 2px 3px 5px;
	background-image: url(/images/common/new_design/menu_on_highlight.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#MenuOn a:visited {
	background-color: #663098;
	background-image: url(/images/common/new_design/menu_on_highlight.gif);
	background-position: top;
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}
#MenuOn a:hover {
	background-color: #FF3300;
	background-image: none;
	color: #FFFFFF;
	text-decoration: none;
}
#MenuSpacer {
	display: block;
	height: 10px;
	font-size: 5px;
	line-height: 5px;
	overflow: hidden;
}
#SubMenu {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #fff5b3;
}
#SubMenuOff a {
	display: block;
	background-color: #transparent;
	padding: 1px 2px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff170f;
	text-decoration: none;
}
#SubMenuOff a:visited {
	background-color: transparent;
	color: #ff170f;
	text-decoration: none;
}
#SubMenuOff a:hover {
	background-color: #fffad9;
	color: #ff170f;
	text-decoration: none;
}
#SubMenuOn a {
	display: block;
	background-color: transparent;
	padding: 1px 2px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff170f;
	text-decoration: none;
}
#SubMenuOn a:visited {
	background-color: transparent;
	color: #ff170f;
	text-decoration: none;
}
#SubMenuOn a:hover {
	background-color: #fffad9;
	color: #ff170f;
	text-decoration: none;
}
#SubMenuSpacer {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	border-top: 1px solid #f1e49b;
	border-bottom: 1px solid #fffad9;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}
#ToTop a {
	display: block;
	margin-top: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 23px;
	background-image: url(/images/common/new_design/totop1.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4b1d6f;
	font-weight: normal;
	text-decoration: none;
}
#ToTop a:visited {
	background-image: url(/images/common/new_design/totop1.gif);
	background-repeat: no-repeat;
	color: #4b1d6f;
	text-decoration: none;
}
#ToTop a:hover {
	background-image: url(/images/common/new_design/totop2.gif);
	background-repeat: no-repeat;
	color: #4b1d6f;
	text-decoration: underline;
}
/*
Listing common elements
-----------------------
*/
#GenericListingElement {
	display: block;
	background-color: #A7B1EA;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1px;
}
#GenericListingElementTitle {
	display: block;
	background-color: #EDEFFB;
	padding-left: 9px;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-bottom: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5063D6;
	font-weight: normal;
}
#ListingContent {
	display: block;
	background-color: #FFF8EF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#ListingSpacer {
	display: block;
	border-top: 1px solid #E5E1C1;
	border-bottom: 1px solid #FFFFFF;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 2px;
}

/*
Search form elements
-----------------------
*/
#errorReport {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff3300;
}
#errorReport dt {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}
#errorReport dd {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 8px;
}
#FormContent {
	display: block;
	background-color: #FFF8EF;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 9px;
	padding-right: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#FormSpacer {
	display: block;
	border-top: 1px solid #E5E1C1;
	border-bottom: 1px solid #FFFFFF;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 4px;
}
#FormFieldTitle {
	display: block;
	width: 100px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663399;
	font-weight: bold;
	padding-top: 4px;
}
#FormContent input {
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#FormContent select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#FormSubmitBox {
	display: block;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #FFA822;
	padding: 10px;
	text-align: center;
}
#FormSubmitBox input {
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 15px;
	margin-right: 15px;
}
#FormHelpText {
	display: block;
	margin-top: 1px;
	margin-left: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #663399;
}

/*
in-page 'Enter Keyword' Box
-----------------------
*/
#EnterKeywordTop {
	display: block;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	border-top: 1px solid #FF6633;
	border-left: 1px solid #FF6633;
	border-right: 1px solid #FF6633;
	background-color: #FFF8EF;
	background-image: url(/images/common/keyword_box_background.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
	padding-left:8px;
	font-size: 13px;
	color: #5063D6;
	font-weight: bold;
	
}
#EnterKeywordTop #SearchText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
	margin-top:10px;
}
#EnterKeywordTop #SearchSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 35px;
	margin-left: 10px;
	margin-top:10px;
}
#EnterKeywordBottom {
	display: block;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
	height: 10px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
	background-image: url(/images/common/keyword_box_bottom.gif);
	background-position: top;
	margin-bottom: 15px;
}

/*
in-page 'Take Survey' Box
-----------------------
*/
#surveyBox {
	display: block;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	border: 1px solid #5063D6;
	background-color: #b5d1f5;
	background-image: url(/images/common/survey_box_background.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top:7px;
	padding-bottom:9px;
	padding-left:8px;
	padding-right:8px;
	font-size: 13px;
	color: #5063D6;
	font-weight: bold;
}
#surveyBox h2 {
	margin: 0px 0px 5px 0px !important;
	padding: 0px 0px 0px 115px !important;
	border: none !important;
	color: #5063D6 !important;
}
#surveyBox p {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 115px !important;
	font-size: 11px;
	line-height: 13px;
}

/*
in-page Blue Box
-----------------------
*/
#blueBox {
	display: block;
	width: 354px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
	border: 1px solid #5063D6;
	background-color: #dbe6f4;
	padding: 7px 8px 9px 8px;
	font-size: 13px;
	color: #5063D6;
}
#blueBox h2 {
	margin: 0px 0px 5px 0px !important;
	padding: 0px 0px 0px 0px !important;
	border: none !important;
	color: #5063D6 !important;
}
#blueBox p {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 10px 0px !important;
	font-size: 11px;
	line-height: 13px;
}

/*
in-page 'Enter Page Number' Box
-----------------------
*/
#EnterPageNumberTop {
	display: block;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	border-top: 1px solid #FF6633;
	border-left: 1px solid #FF6633;
	border-right: 1px solid #FF6633;
	background-color: #FFF8EF;
	background-image: url(/images/common/keyword_box_background.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
	padding-left:8px;
	padding-right:110px;
	font-size: 12px;
	color: #5063D6;
	font-weight: bold;
	
}
#EnterPageNumberTop #SearchText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 40px;
	margin-top:10px;
}
#EnterPageNumberTop #SearchSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	margin-top:10px;
}
#EnterPageNumberBottom {
	display: block;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
	height: 10px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
	background-image: url(/images/common/keyword_box_bottom.gif);
	background-position: top;
	margin-bottom: 15px;
}

/*
Book details elements
---------------------
*/
#SidepanelCoverImage {
	display: block;
	width: 160px;
	margin-bottom: 10px;
	text-align: center;
}
#SidepanelCoverImage img {
	border: 1px solid #000000;
}
#SidepanelCoverImage p {
	margin: 4px 0px 10px 0px;
	font-size: 10px;
	line-height: 11px;
}


/*
Classes
-----------------------
*/
.PictureBorder {
	border: 1px solid #000000;
}
.PictureRight {
	display: block;
	clear: both;
	float: right;
	margin: 5px 0px 12px 15px;
}
.PictureLeft {
	display: block;
	clear: both;
	float: left;
	margin: 5px 10px 12px 0px;
}
.PictureLeftNoClear {
	display: block;
	clear: none;
	float: left;
	margin: 5px 10px 12px 0px;
}
.PictureRightNoClear {
	display: block;
	clear: none;
	float: right;
	margin: 5px 0px 0px 15px;
}
/*
Music Keyboard panel
-----------------------
*/
#MusicKeyboardPanel {
	display: block;
	background-color: #A7B1EA;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1px;
}
#MusicKeyboardPanelContent {
	display: block;
	background-color: #FFF8EF;
	background-image: url(/images/common/music_keyboard.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 135px;
	padding-right: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


/*
Clear both
-------------------------
*/
.clearBoth {
	display: block;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}