﻿body
{
	background-color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	margin: 0px 0px 0px 35px;
}

/* Master Page Styles Section */


.Logo {
	position: relative;
	float:left;
	background: url("/Images/SmartMusic_Logo.gif");
	background-repeat: no-repeat;
	width: 180px;
	height: 105px;
}
a.Home {
   position:absolute;
	display: inline-block;
	width: 180px; 
	height: 105px; 
	top: 0; 
	left: 0; 
	border: 0;
	float: left;
	visibility:visible;
}
.UtilityNav
{
	color: #000000;
	font-family:Arial;
	font-size: 12px;
	text-align: right;
	padding-top: 6px;
	float:right;
}
.UtilityNav a
{
	color:#000000;
	text-decoration:none;
}
.UtilityNav a:hover
{
	text-decoration:underline;
}


/*---FOOTER---*/
#Footer
{
    font-family: Verdana;
	clear:both;
	position:relative;
	font-size: 12px;
	color: #808080;
	line-height: 16px;
	width: 960px;
	height:220px;
	display:block;
}

#Footer a
{
	color: #318ba6;
	text-decoration:none;
}

#Footer a:hover
{
	text-decoration:underline;
}

#FooterAbout
{
 position:absolute; 
 left:150px; 
 top:90px; 
 text-align:center; 
 width:675px; 
 height:50px;
 display:block;
}

#FooterContactInfo
{
 position:absolute; 
 left:330px; 
 top:90px; 
 text-align:center; 
 width:300px; 
 height:50px;
 display:block;
}

#SocialContainer
{
	position:absolute;
	width: 755px; 
	height: 34px;
	left: 135px; 
	top: 25px;
	margin: 0;
}

#SocialContainer  li
{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#SocialContainer  li, #SocialContainer  a
{
	display:block;
    line-height:34px;
}

#ContactTextBefore
{
	left: 0px;
}


#Contact
{
	left: 70px; 
}

#Contact a
{
	background: url('/images/Button_Contact.png') no-repeat top left;
	width: 34px;
	height: 34px;
}

#BlogTextBefore
{
	left: 142px;
}


#Blog
{
	left: 200px; 
}

#Blog a
{
	background: url('/images/Button_Blog.png') no-repeat top left;
	width: 34px;
	height: 34px;
}

#BlogTextAfter
{
	left: 240px;
}

#FacebookTextBefore
{
	left: 305px;
}

#Facebook
{
	left: 385px;
}

#Facebook a
{
	background: url('/images/Button_Facebook.png') no-repeat top left;
	width: 34px;
	height: 34px;
}

#Twitter
{
	left: 424px;
}

#Twitter a
{
	background: url('/images/Button_Twitter.png') no-repeat top left;
	width: 34px;
	height: 34px;
}

#YouTube
{
	left: 462px;
}

#YouTube a
{
	background: url('/images/Button_YouTube.png') no-repeat top left;
	width: 34px;
	height: 34px;
}

#Forum
{
	left: 600px;
}

#Forum a
{
	background: url('/images/Button_Forum.png') no-repeat top left;
	width: 34px;
	height: 34px;
}

#ForumTextBefore
{
	left: 536px;
}

#ForumTextAfter
{
	left: 640px;
}


/* Menu Styles Section */
.TopMenu
{
	background: url('/Images/MenuBack.png') repeat-x;
	height:38px;
}
a.TopMenuItem {
	background: url('/Images/MenuBack_Right_Off.png') no-repeat scroll top right; 
	display: block;
	padding-right: 10px;
	margin-right: 5px;
	height: 32px;
	cursor: hand;
}
a.TopMenuItem span {
	background: url('/Images/MenuBack_Left_Off.png') no-repeat; 
	display: block;
	height: 32px;
	padding: 7px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
} 
a.TopMenuItemOn {
	background: url('/Images/MenuBack_Right_On.png') no-repeat scroll top right; 
	display: block;
	padding-right: 10px;
	margin-right: 5px;
	height: 32px;
	cursor: hand;
}
a.TopMenuItemOn span {
	background: url('/Images/MenuBack_Left_On.png') no-repeat; 
	display: block;
	height: 32px;
	padding: 7px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
} 
.TopMenuBorder
{
	background: url('/Images/MenuBorder.png') repeat-x;
	height:38px;
}
.SubNavStyle
{
	border: solid 1px #7db2ce;
}
.SubNavItemStyle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-top: solid 1px #7db2ce;
	border-bottom: solid 1px #013953;
	display:block;
	width: 155px;
	line-height:14px;
	height: auto;
	padding: 3px 6px 3px 6px;
	margin: 0px 0px 0px 0px;
}
.SecNavMenu 
{
	background-color: #ef6678;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	width: 170px;
}
a.SecNavItem {
	background: url('/Images/SecNav_Off_Bottom.png') no-repeat bottom left; 
	font-family: Arial;
	font-weight:bold;
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	width:170px;
	cursor: hand;
}
a.SecNavItem span {
	background: url('/Images/SecNav_Off_Top.png') no-repeat top left; 
	display: block;
	width:170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
} 
a.SecNavItemOn {
	background: url('/Images/SecNav_On_Bottom.png') no-repeat bottom left; 
	font-family: Arial;
	font-weight:bold;
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	width:170px;
	cursor: hand;
}
a.SecNavItemOn span {
	background: url('/Images/SecNav_On_Top.png') no-repeat top left; 
	display: block;
	width:170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
} 
div.SecNavItemText  
{
	font-size:12px;
	color: #FFFFFF;
	padding: 4px 6px 2px 6px;
}
.SecSubNav
{
border: solid 1px #f38c9a;
}

.SecSubNavItem
{
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	border-bottom: solid 1px #f38c9a;
	display:block;
	padding: 1px 6px 1px 6px;
	margin: 0px 0px 0px 0px;
}

/* Basic Page Styles Section */

a
{
	color: #0033cc;
}

img
{
	border: none;
}

div.PageBody	
{
	padding:30px 20px 30px 20px;
	width: 560px;
}
div.Notice
{
	color: #e51931;
	font-weight: bold;
}
blockquote
{
	margin: 0px;
	font-style: italic;
	padding: 4px 8px 8px 8px;
}
h1	
{
	font-family: Arial;
	font-weight:lighter;
	color: #e8203b;
	font-size: 24px;
	margin-bottom: -16px;
	margin-top: 0px;
}
h2	
{
	font-family: Arial;
	font-weight:lighter;
	color: #000000;
	font-size: 20px;
}
h3
{
	font-family: Arial;
	font-weight:lighter;
	color: #000000;
	font-size: 18px;
	padding-top: 8px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
h4
{
	font-family: Arial;
	font-weight:lighter;
	color: #e8203b;
	font-size: 16px;
	width: 100%;
	border-bottom:solid 1px #e8203b;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 30px;
	margin-bottom: 12px;
}
h5	
{
	font-family: Arial;
	font-size: 13px;
	margin-bottom: 12px;
	width:auto;
}

h6
{
	font-family: Arial;
	font-size: 13px;
	margin-bottom: 2px;
	margin-top:16px;
	width:auto;
}

ul
{
	margin-bottom: 0px;
	margin-top: 5px;
}
ul li
{
	margin-bottom:5px;
}

ol
{
	margin-bottom: 0px;
	margin-top: 5px;
}
ol li
{
	margin-bottom:5px;
}

/* for individual list items that are videos */
li.video
{
list-style: none; 
background: url('/Images/VideoIcon.gif') no-repeat top left;
padding-left:18px;
margin-left:-18px;
margin-bottom:7px;
}

.video div
{
margin-left:-18px;
padding-right: 3px;
float:left;
}

.video a
{
padding-left:18px;
}

/* for individual list items that are PDFs */
li.pdf
{
list-style: none; 
background: url('/Images/PdfIcon.gif') no-repeat top left;
padding-left:18px;
margin-left:-18px;
margin-bottom:5px;
line-height:16px;
}

.pdf div
{
margin-left:-18px;
padding-right: 3px;
float:left;
}

.pdf a
{
padding-left:18px;
}

/* for individual list items that are Word docs */
li.word
{
list-style: none; 
background: url('/Images/word.gif') no-repeat top left;
padding-left:18px;
margin-left:-18px;
margin-bottom:5px;
line-height:16px;
}

.word div
{
margin-left:-18px;
padding-right: 3px;
float:left;
}

.word a
{
padding-left:18px;
}

/* for individual list items that are PowerPoint docs */
li.ppt
{
list-style: none; 
background: url('/Images/powerpoint.gif') no-repeat top left;
padding-left:18px;
margin-left:-18px;
margin-bottom:5px;
line-height:16px;
}

.ppt div
{
margin-left:-18px;
padding-right: 3px;
float:left;
}

.ppt a
{
padding-left:18px;
}

/* for individual list items that are videos coming soon, so no links */
li.video2
{
list-style: none; 
background: url('/Images/VideoIcon.gif') no-repeat top left;
padding-left:18px;
margin-left:-18px;
margin-bottom:7px;
}



hr
{
	width:96%;
	color: #cccccc;
}
.hrClass
{
   width:620px;
   height:1px;
   font-weight:lighter;
   color :#e8203b;
 }
.Signature
{
	font-weight: bold;
	display: block;
}

.FormLabel	{
	text-align:right;
	font-size:12px;
	font-family:Arial;
	color: #000000;
}

.Fixed	{
	font-size:12px;
	font-family:Arial;
	color: #000000;
}
.Resizable	{
	font-size:.8em;
	font-family:Arial;
	color: #000000;
}

.ReadOnlyText	
{
	font-size:12px;
	color: #606060;
}

.HomeHeading
{
	font-weight:bolder;
	font-size:18px;
}

.HomeLibrary
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
}
.HomeLibraryText
{
	font-weight:normal;
	color:#FFFFFF;
	font-size:13px;
}

.HomeRenew
{
	font-weight:bolder;
	color: #00618d;
	font-size:18px;
}
.HomeRenewSub
{
	font-weight:normal;
	color: #666666;
	font-size:14px;
}

.TeacherCaption
{
	font-weight:normal;
	color: #666666;
	font-size:11px;
	text-align:right;
	float:left;
	margin-top:8px;
	width:255px;
}

.TeacherQuote
{
	font-weight:normal;
	color: #666666;
	font-size:12px;
	margin-top:0px;
}

/* Controls */

.FormInput	{
	border-width:thin;
	border:solid 1px #b1b4bb;
	font-size:12px;
	line-height:18px;
	width:210px;
	height: 20px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup {
	border:solid 1px #CCCCCC;
	background-color:#ffffcc;
	height:300px;
	width:400px;
}

/* Right Alley Purchase Control */
div.RightAlley
{
	width: 180px;
}
div.RightAlleyPrimaryHead
{
	height: 199px;
}
div.RightAlleyPrimaryContent
{
	background-image: url('/Images/AlleyRedBorder.png');
	background-repeat: repeat-y;
	text-align: center;
	padding-bottom: 0px;
}
div.SideAlleyButton
{
	padding-top: 2px;
	padding-bottom: 10px;
}
div.RightAlleyPrimaryContent div.Teacher
{
	color: #666666;
}
div.RightAlleyPrimaryContent div.Teacher h1
{
	font-size: 16px;
	margin-top: 0px;
	margin-bottom:0px;
	font-weight: bold;
	color: #000000;
}
div.RightAlleyPrimaryContent div.Teacher h2
{
	font-size: 18px;
	margin-bottom:0px;
	margin-top: 0px;
	color: #000000;
}
div.RightAlleyPrimaryContent div.Student
{
	color: #666666;
}
div.RightAlleyPrimaryContent div.Student h1
{
	font-size: 16px;
	margin-bottom:0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
}
div.RightAlleyPrimaryContent div.Student h2
{
	font-size: 18px;
	margin-bottom:0px;
	margin-top: 0px;
	color: #000000;
}

div.RightAlleyPrimaryBottom
{
	padding: 0px;
	margin: 0px;
	height: 4px;
	width: 180px;
}

div.RightAlleySecondaryTop
{
	height: 4px;
	width: 180px;
	margin-top: 16px;
}
div.RightAlleySecondaryContent
{
	padding: 8px 0px 4px 0px;
	background-repeat: repeat-y;
	width: 180px;
	background-image: url('/Images/RightAlleySecondaryContent.png');
	text-align: center;
}
div.RightAlleySecondaryContent h1
{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}
div.RightAlleySecondaryContent p
{
	padding: 0px 10px 0px 10px;
	margin: 4px 0px 4px 0px;
}
div.RightAlleySecondaryContent img
{
	padding-top: 12px;
	padding-bottom: 0px;
}
div.RightAlleySecondaryBottom
{
	height: 4px;
	width: 180px;
}
div.DownloadLink
{
	margin: 8px;
	font-size: 16px;
	font-weight: bolder;
}
div.LeftAlley
{
	padding: 0px 5px 0px 5px;
	margin: 12px 0px 0px 0px;
}
div.SideQuote
{}
div.Quote
{
	color: #666666;
	font-size: 17px;
	padding: 8px 0px 8px 0px;
}
div.QuoteFooter
{
	font-size: 12px;
}
div.QuoteSignature
{
	padding-left: 8px;
}

/* Store */

.Box_Account {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.Box_Account td.TopLeft {
  background-image:url('/Images/Box_Account_TL.gif');
  background-repeat:no-repeat;
  padding-top:12px;
  padding-left:12px;	
}
.Box_Account td.TopRight {
  background-image:url('/Images/Box_Account_TR.gif');
  background-repeat:no-repeat;
  width:12px;
}
.Box_Account td.BottomLeft {
  background-image:url('/Images/Box_Account_BL.gif');
  background-repeat:no-repeat;
}
.Box_Account td.BottomRight {
  background-image:url('/Images/Box_Account_BR.gif');
  background-repeat:no-repeat;
  height:12px;
}
.Box_Account td.BottomLeftMerged {
  background-image:url('/Images/Box_Merged_BL.gif');
  background-repeat:no-repeat;
}
.Box_Account td.BottomRightMerged {
  background-image:url('/Images/Box_Merged_BR.gif');
  background-repeat:no-repeat;
  height:12px;
}
.Box_Yellow {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.Box_Yellow td.TopLeft {
  background-image:url('/Images/Box_Yellow_TL.gif');
  background-color: #ffffce;
  background-repeat:no-repeat;
  padding-top:12px;
  padding-left:12px;	
}
.Box_Yellow td.TopRight {
  background-image:url('/Images/Box_Yellow_TR.gif');
  background-repeat:no-repeat;
  width:12px;
}
.Box_Yellow td.BottomLeft {
  background-image:url('/Images/Box_Yellow_BL.gif');
  background-repeat:no-repeat;
}
.Box_Yellow td.BottomRight {
  background-image:url('/Images/Box_Yellow_BR.gif');
  background-repeat:no-repeat;
  height:12px;
}
.Box_Info {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.Box_Info td.TopLeft {
  background-image:url('/Images/Box_Info_TL.gif');
  background-repeat:no-repeat;
  padding-top:12px;
  padding-left:12px;	
}
.Box_Info td.TopRight {
  background-image:url('/Images/Box_Info_TR.gif');
  background-repeat:no-repeat;
  width:12px;
}
.Box_Info td.BottomLeft {
  background-image:url('/Images/Box_Info_BL.gif');
  background-repeat:no-repeat;
}
.Box_Info td.BottomRight {
  background-image:url('/Images/Box_Info_BR.gif');
  background-repeat:no-repeat;
  height:12px;
}
.Box_Info td.TopLeftMerged {
  background-image:url('/Images/Box_Merged_TL.gif');
  background-repeat:no-repeat;
  padding-top:12px;
  padding-left:12px;	
}
.Box_Info td.TopRightMerged {
  background-image:url('/Images/Box_Merged_TR.gif');
  background-repeat:no-repeat;
  width:12px;
}
.Validation_Summary
{
	background-image:url('/Images/Error_Large.gif');
	background-position: left center;
	background-repeat:no-repeat;
	border: solid 1px #CCCCCC;
	color: #000000;
	background-color: #ffffcc;
	padding: 12px 12px 12px 44px;
	margin-bottom: 12px;
	display: block;
	width: 92%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.Success
{
    background-image:url('/Images/Success_Large.png');
	background-position: left center;
	background-repeat:no-repeat;
	border: solid 1px #CCCCCC;
	color: #000000;
	background-color: #ffffcc;
	padding: 12px 12px 12px 44px;
	margin-bottom: 12px;
	display: block;
	width: 92%;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Store */
div.StoreProgress
{
	height: 48px;
	text-align: right;
}
div.StoreProgress img
{
	float: right;
}
div.StoreBody
{
	padding: 10px 15px 10px 15px;
	width: 460px;
}
div.StoreBody ul
{
	line-height: 1.8em;
}
div.StoreBody h3
{
	margin: 0px;   
}

div.StoreBodyFull
{
	padding: 0px 20px 0px 0px;
	width: 610px;
    min-height: 120px;
}

div.EmbedBody
{
	padding: 10px 15px 10px 0px;
	width: 97%;
}

div.EmbedBody ul
{
	line-height: 1.8em;
}
div.EmbedBody h3
{
	margin: 0px;   
}

.AccessoryTitle
{
	font-size: 14px;
	font-weight: bold;
}
.AccessoryPrice
{
	font-size: 20px;
	font-weight: lighter;
}
.AccessoryDescription
{
	color: #666666;
}
.AccessoryQty
{
	font-weight: bolder;
	text-align: right;
	margin-right: 6px;
}
.AccessoryDetailLink
{
	width: 100px;
	float: right;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

div.MiniCart
{
    width: 300px;
    margin-top: 20px;
}
div.MiniCartContent
{
	background-image: url('/Images/MyCart_Fill.gif');
	padding: 12px;
	color: #666666;
}
div.MiniCartBottomContent
{
	padding: 12px;
	clear: both;
	background-image: url('/Images/MyCart_BottomFill.gif');
	color: #666666;
}
/*td.MiniCartSubRow
{
	color: #999999;
}
td.MiniCartMainRow
{
	color: #000000;
}*/


div.AccountText
{
	 padding-left:20px;
	 padding-right:20px;
}

/* AJAX Tabs */

.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block;}

.ajax__tab_sm .ajax__tab_header {font-family:Arial;font-size:12px;background:url(/Images/tab-line.gif) repeat-x bottom;}
.ajax__tab_sm .ajax__tab_outer {padding-right:0px;background:url(/Images/tab-right.gif) no-repeat right;height:23px; vertical-align:bottom;}
.ajax__tab_sm .ajax__tab_inner {padding-left:3px;background:url(/Images/tab-left.gif) no-repeat;}
.ajax__tab_sm .ajax__tab_tab {color:#000000;padding:4px 20px 4px 20px;margin:0;background:url(/Images/tab.gif) repeat-x;height:23px; vertical-align:bottom;}
.ajax__tab_sm .ajax__tab_hover .ajax__tab_outer {background:url(/Images/tab-hover-right.gif) no-repeat right;height:23px; vertical-align:bottom;}
.ajax__tab_sm .ajax__tab_hover .ajax__tab_inner {background:url(/Images/tab-hover-left.gif) no-repeat;}
.ajax__tab_sm .ajax__tab_hover .ajax__tab_tab {color:#000000;background:url(/Images/tab-hover.gif) repeat-x;height:23px; vertical-align:bottom;}
.ajax__tab_sm .ajax__tab_active .ajax__tab_outer {background:url(/Images/tab-active-right.gif) no-repeat right;height:25px;}
.ajax__tab_sm .ajax__tab_active .ajax__tab_inner {background:url(/Images/tab-active-left.gif) no-repeat;}
.ajax__tab_sm .ajax__tab_active .ajax__tab_tab {font-weight:bold;color:#000000;background:url(/Images/tab-active.gif) repeat-x;height:25px;}
.ajax__tab_sm .ajax__tab_body {font-family:Arial;border:1px solid #CCCCCC;border-top:0;padding:8px 8px 20px 12px;background-color:#ffffff;}

/*  Video Control*/

.video__tab_sm .ajax__tab_header {font-family:Arial;font-size:9px;background:url(/Images/Space.gif) repeat-x bottom; margin-top:0px; float:right;}
.video__tab_sm .ajax__tab_outer {padding-right:0px;background:url(/Images/Video_Off_Right.gif) no-repeat right;height:16px; vertical-align:bottom;}
.video__tab_sm .ajax__tab_inner {padding-left:3px;background:url(/Images/Video_Off_Left.gif) no-repeat;}
.video__tab_sm .ajax__tab_tab {color:#000000;padding:4px 8px 4px 8px;margin:0;background:url(/Images/Video_Off_Back.gif) repeat-x; height:16px; vertical-align:bottom;}
.video__tab_sm .ajax__tab_hover .ajax__tab_outer {background:url(/Images/Video_Over_Right.gif) no-repeat right; height:16px; vertical-align:bottom;}
.video__tab_sm .ajax__tab_hover .ajax__tab_inner {background:url(/Images/Video_Over_Left.gif) no-repeat;}
.video__tab_sm .ajax__tab_hover .ajax__tab_tab {color:#000000;background:url(/Images/Video_Over_Back.gif) repeat-x; height:16px; vertical-align:bottom;}
.video__tab_sm .ajax__tab_active .ajax__tab_outer {background:url(/Images/Video_On_Right.gif) no-repeat right; height:16px;}
.video__tab_sm .ajax__tab_active .ajax__tab_inner {background:url(/Images/Video_On_Left.gif) no-repeat;}
.video__tab_sm .ajax__tab_active .ajax__tab_tab {font-weight:bold;color:#000000;background:url(/Images/Video_On_Back.gif) repeat-x;height:16px;}
.video__tab_sm .ajax__tab_body {border-top:0;padding:16px 0px 0px 0px;}

div.VideoBack
{
    font-family: Arial;
	font-size: 13px;
    background: #dde6d3;
	width: 150px; 
	display:inline-block;
	text-align:center; 
	border:solid 1px #a3be7e;
	padding: 7px 11px 11px 11px;
    -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/Styles/Pie/PIE.htc);
    cursor: hand;
}

/* NEW STYLES */


div.PrimaryContainer
{
	border: 1px solid #cccccc;
	border-radius: 5px;    
	-moz-border-radius: 5px;    
	-webkit-border-radius: 5px;    
	behavior: url(/Styles/Pie/PIE.htc);
}

div.PageHeader
{
	margin-bottom: 30px;
}

div.SecondaryContainer
{
	border: 1px solid #cccccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/Styles/Pie/PIE.htc);
	background-color: #EFEFEF;
}

div.PrimaryInset
{
	padding: 15px;
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/Styles/Pie/PIE.htc);
}
div.SecondaryInset
{
	padding: 15px;
}

.FormField input
{
	padding: 3px;
	background-color: #FEFEFE;
	border: 1px solid #cccccc;
}

.FormField input.Invalid
{
	background-color: #FFFFCC;
}

.FormField select
{
    padding: 3px;
	background-color: #FEFEFE;
	border: 1px solid #cccccc;
}

.FormField select.Invalid
{
	background-color: #FFFFCC;
}

div.TertiaryInsert
{
	padding: 15px;
	background-color: #ffffcc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/Styles/Pie/PIE.htc);
}

.Information
{
	background-image: url('/Images/Info.png');
	background-position: left center;
	background-repeat: no-repeat;
	border: 1px solid #0099FF;
	color: #000000;
	background-color: #fcfcfc;
	padding: 12px 12px 12px 44px;
	margin-bottom: 12px;
	display: block;
	width: 92%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.RightAlleyStyle1
{
    border: 1px solid #7bb5ce;
    padding: 12px;
    margin-top: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(/Styles/Pie/PIE.htc);
}

div.RightAlleyStyle1 h2
{
    color: #00618d;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0px;
    margin:0px 0px 8px 0px;
}

.FormFormat
{
    color: #999999;
    text-align: right;
}

div.RightAlleyStyle2
{
    padding: 16px;
    background-color: #EAEAEA;
    border: 1px solid #CCCCCC;
    margin-top: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(/Styles/Pie/PIE.htc);
}

td.FormFlag
{
    width: 16px;
}

td.FormValidator
{
    width: 48px;
}

.WaterMark
{
    color: #999999;
}

.StoreAlley
{
    width: 300px;
    display: block;
    float: right;
}

div.MiniCart div.Name
{
    padding: 2px;
    color: #000000;
    font-size: 10pt;
}

div.MiniCart div.Detail
{
    padding: 2px;
}

div.MiniCart div.Detail table
{
    width: 100%;
    color: #808080;
}

div.MiniCart td.Quantity
{}

div.MiniCart td.Price
{
    text-align: right;
}

div.MiniCartButton
{
    height: 40px;
    margin: 12px 2px 2px 2px;
}

a.CartEditLink
{
    height: 40px;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    float: left;
}

div.MiniCartSection
{
    padding: 6px;
    color: #999999;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #cccccc;
    margin-top: 6px;
}

div.MiniCartSummary
{
    width: 260px;
    display: block;
    height: 18px;
}

div.MiniCartSummary div.Label
{
    width: 175px;
    height: 18px;
    display: block;
    float: left;
    text-align: right;
}

div.MiniCartSummary div.Value
{
    width: 85px;
    height: 18px;
    display: block;
    float: right;
    text-align: right;
}

div.SubTotal
{
    font-weight: bold;
    padding: 8px 8px 2px 8px;
    text-align: right;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #cccccc;
    margin-top: 6px;
}

div.Total
{
    font-weight: bold;
    padding: 8px 8px 2px 8px;
    text-align: right;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #cccccc;
    margin-top: 6px;
    font-size: 12pt;
}

div.StoreItemBox
{
    padding: 8px;
    margin: 4px 4px 2px 4px;
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-height: 1em;
    box-shadow: 1px 1px 4px #eeeeee;
}

div.StoreItemBox h2
{
    padding: 4px 0px 4px 0px;
    margin: 0px;
    font-size: 1.3em;
    font-weight: bold;
}

div.StoreItemBox table
{
    margin-top: 12px;
}

div.StoreItemBox .ItemPrice
{
    font-size: 1.4em;
    font-weight: bold;
}

div.StoreItemBox .Quantity
{
    font-weight: bold;
    font-size: 1em;
}

div.StoreItemBox .QuantityField input
{
    width: 30px;
}

div.StoreItemBox .Info
{
    color: #808080;
    padding-top: 5px;
}
div.vIcon
{
    width: 16px;
    height: 16px;
}

table.Recommended
{
    padding: 0px;
    margin: 0px;
    width: 570px;
}

table.Recommended td.Icon
{
    width: 136px;
    vertical-align: top;
}
table.Recommended td.Name
{
    padding: 8px 8px 2px 8px;
}
table.Recommended td.Name h2
{
    padding: 0px;
    margin: 0px;
}
table.Recommended td.Price
{
    padding: 2px 8px 2px 8px;
    font-size: 12pt;
    font-weight: bold;
    text-align: right;
}
table.Recommended td.Qty
{
    width: 46px;
    padding: 2px 2px 2px 8px;
    text-align: right;
    color: #808080;
}
table.Recommended td.QtyField
{
    width: 46px;
    padding: 2px 8px 2px 2px;
}
table.Recommended td.Button
{
    width: 100px;
}
table.Recommended td.Description
{
    width: 456px;
    padding: 8px;
    color: #666666;
}

div.AjaxUpdate
{
    width: 16px;
    height: 16px;
    display: block;
    float: right;
}

div.AjaxUpdate img
{
    width: 16px;
    height: 16px;
}

div.ModalDialog
{
    margin: 0px;
    padding: 24px;
    background-color: #ffffce;
    border-radius: 4px;
    box-shadow: 3px 3px 6px #666666;
}
div.ModalDialog .CloseButton
{
    width: 16px;
    height: 16px;
    display: block;
    float: right;
}

div.ModalDialog h3
{
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-left: 0px;
}

div.ModalDialog .Validation_Summary
{
    width: 90%;
    background-position: left top;
    background-color: #FFE99D;
}

div.ModalDialog div.Legend
{
    padding: 12px;
    border: 1px solid #808080;
    background-color: #EFEFEF;
    font-weight: bold;
    border-radius: 4px;
    margin-left: 12px;
}

div.ModalVideoDialog
{
    margin: 0px;
    padding: 0px;
    background-color: #1e1e1e;
    border-radius: 4px;
    box-shadow: 3px 3px 6px #666666;
    behavior: url(/Styles/Pie/PIE.htc);
}
div.ModalVideoDialog .CloseButton
{
    width: 66px;
    height: 22px;
    display: block;
    float: right;
    padding: 4px;
}

span.DisplayAddress
{
    color: #666666;
}
div.Legal
{
    color: #666666;
}
div.OptionsChanged
{
    padding: 8px;
    margin: 16px;
    border: 1px solid #990000;
    background-color: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 1.2em;
}

div.ReceiptItem
{
    margin-top: 6px;
    margin-bottom: 8px;
    font-size: 1.1em;
}

div.ReceiptItem div.Name
{
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 3px;
}

div.ReceiptItem div.Detail
{
    color: #666666;
    padding-top: 0px;
    padding-bottom: 3px;
}

span.StudentReceiptCode
{
    color: #800000;
    padding-top: 0px;
    padding-bottom: 5px;
}

div.ReceiptOrderDate
{
    font-size: 1.3em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    margin-bottom: 12px;
    padding-bottom: 4px;
    padding-top: 8px;
}

div.ReceiptSubTotal
{
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    font-size: 1.3em;
}

div.ReceiptTotal
{
    font-size: 1.3em;
    font-weight: bold;
}

div.Download
{
    background-color: #ffffff;
    border: 1px solid #e8203b;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 48px;
    width: 298px;
    box-shadow: 1px 1px 4px #eeeeee;
}

div.Download h2
{
    padding: 5px;
    margin: 0px 0px 12px 0px;
    font-size: 1.2em;
    display: block;
    text-align: right;
    color: #FFFFFF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 24px;
    font-weight: bold;
    background-color: #e8203b;
    line-height: 24px;
    vertical-align: middle;
}
img.DownloadButton
{
    height: 70px; 
    width: 256px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.DownloadSize
{
    padding: 2px;
    text-align: center;
    margin-bottom: 8px;
}

a.PrintLink
{
    background-position: left center;
    display: inline-block;
    float: right;
    height: 18px;
    padding-right: 16px;
    padding-left: 24px;
    background-image: url('/Images/Print.gif');
    background-repeat: no-repeat;
    line-height: 18px;
    vertical-align: middle;
}

div.PromoCode .ValidResult
{
    background-position: left center;
    color: #009900;
    display: block;
    padding-top: 6px;
    padding-bottom: 3px;
    background-image: url('/Images/Icon_Check.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    min-height: 16px;
}

div.PromoCode .InvalidResult
{
    background-position: left center;
    color: #990000;
    display: block;
    padding-top: 6px;
    padding-bottom: 3px;
    background-image: url('/Images/Error.gif');
    background-repeat: no-repeat;
    padding-left: 20px;
    min-height: 16px;
}

div.Basket
{
    width: 940px;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -32px;
}

div.Basket table.Layout
{
    width: 830px;
    margin-left: 25px;
    margin-right: 10px;
}

div.Basket td.Name
{
    width: 375px;
    padding: 4px;
    text-align: left;
    font-weight: bold;
}
div.Basket td.Quantity
{
    width: 100px;
    padding: 4px;
    text-align: center;
}
div.Basket td.Price
{
    width: 100px;
    padding: 4px;
    text-align: center;
}
div.Basket td.Total
{
    width: 100px;
    padding: 4px;
    text-align: right;
}
div.CartItemBox
{
    margin: 6px 0px 0px 0px;
    padding: 16px 0px 16px 0px;
    border: 1px solid #CCCCCC;
    width: 885px;
    -webkit-border-radius: 4px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topright: 0;
    border-radius: 4px;
    border-top-right-radius: 0;
    box-shadow: 1px 1px 4px #eeeeee;
    float: left;
}
div.CartRemove
{
    height: 48px;
    width: 52px;
    background-color: #eeeeee;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    float: right;
    margin: 6px 0px 0px 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 1px 1px 4px #eeeeee;
}

div.CartRemove a
{
    padding-top: 20px;
    background-image: url('../Images/CartItem_Trash.gif');
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    text-align: center;
    margin-top: 6px;
    font-size: 9px;
}

div.Basket td.Quantity input
{
    width: 40px;
    text-align: center;
}

div.Basket td.Quantity a
{
    display: block;
    text-align: center;
}

div.FullCartTotals
{
    background-color: #ffffce;
    margin-right: 53px;
    border: solid 1px #cccccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: right;
    width: 240px;
    margin-top: 6px;
    padding: 6px;
    box-shadow: 1px 1px 4px #eeeeee;
}

div.FullCartTotals table
{
    width: 100%;
}

div.FullCartTotals td.Label
{
    padding: 3px;
    margin: 3px;
    text-align: right;
    width: 140px;
    font-size: 1.1em;
}

div.FullCartTotals td.Value
{
    padding: 3px;
    margin: 3px;
    text-align: right;
    width: 100px;
    font-size: 1.1em;
}

 div.FullCartTotals div.Divider
{
    width: 100%;
    height: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
}

table#EndDates
{
    width: 100%;
}

table#EndDates tr.OddRow
{
    height: 32px;
}

table#EndDates tr.Header
{}

table#EndDates tr.Header th
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

table#EndDates tr.OddRow td
{
    height: 32px;
/*    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;*/
}

div.RenewalItems td
{
    text-align: left;
}

div.TabPanel
{
    padding: 0px 16px 16px 16px;
    margin: 0px;
    min-height: 350px;
}
div.TabPanelContent
{
    padding: 0px 16px 16px 16px;
    margin: 0px;
}

table.Grid
{
    border: 1px solid #cccccc;
    border-collapse: collapse;
    width: 100%;
}

table.Grid td
{
    border: 1px solid #cccccc;
}

table.Grid th
{
    border: 1px solid #cccccc;
}

table.Grid tr.Header
{
    background-color: #e2ecf2;
}

table.Grid tr.OddRow
{}

table.Grid tr.EvenRow
{
    background-color: #F0F0F0;
}

/* PIE Rounded Corner Boxes Section */

div.Box_MobileApp
{
    background: #f9ebed;
    color:#ef2139; 
    font-weight:bold;
    font-size:1.2em;
	width: 154px; 
	display:inline-block;
	text-align:center; 
    font-family:Arial;
	border:solid 1px #ef2139;
	padding:12px;
    margin-top:16px;
    -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/Styles/Pie/PIE.htc);
}

div.Box_Download
{
    background: #ecf4f8;
	width: 162px; 
	display:inline-block;
	text-align:center; 
	border:solid 1px #7db2ce;
	padding:8px;
    margin-top:16px;
    -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/Styles/Pie/PIE.htc);
}

div.Box_Download h1
{
    color: #000000;
    font-family:Arial;
    font-weight:bold;
    font-size:1.25em;
    margin:4px;
}

div.Box_Gray
{
    background: #efefef;
	width: 158px; 
	display:inline-block;
	text-align:center; 
	border:solid 1px #cecece;
	padding:10px;
    margin-top:16px;
    -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/Styles/Pie/PIE.htc);
}

div.Box_Special
{
    background: #ecf4f8;
	width: 520px; 
	display:inline-block;
	text-align:left; 
	border:solid 1px #7db2ce;
	padding:12px;
    margin-top:0px;
    -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/Styles/Pie/PIE.htc);
}

div.Box_Blue
{
    background: #ecf4f8;
	width: 156px; 
	display:inline-block;
	text-align:center; 
	border:solid 1px #7db2ce;
	padding:8px;
    margin-top:16px;
    -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/Styles/Pie/PIE.htc);
}

div.Box_Recommend
{
    background: #f5f5f5;
	width: 580px; 
	display:inline-block;
	text-align:center; 
    font-size: 16px; 
    font-weight: normal;
	padding:16px;
    -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/Styles/Pie/PIE.htc);
}

div.Box_Blue h1
{
    color: #000000;
    font-family:Arial;
    font-weight:bold;
    font-size:1em;
    margin:4px;
}

 #ContactUs
	{
		display:inline-block;
		width: 101px;
		height: 30px;
	}

	#ContactUs a
	{
		display:block;
		background-image: url('/images/Button_ContactUs.png');
		background-repeat:no-repeat;
		width: 101px;
		height: 30px;
	}

	#ContactUs a:hover
	{
		background-position: 0 -30px;
	}
	
     #CommunityButton
	{
		display:inline-block;
		width: 257px;
		height: 60px;
	}

	#CommunityButton a
	{
		display:block;
		background-image: url('/images/Button_SMCommunity.png');
		background-repeat:no-repeat;
		width: 257px;
		height: 60px;
	}



