﻿body
{
	background-position: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #72a0b9;
	background-image: url(  '../images/back.gif' );
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}

td
{
}

a
{
	color: #72a0b9;
}
a:hover
{
	color: #C6102C;
}

div.WizardContent h1
{
	color: #72a0b9;
	font-size: 14px;
	font-weight: bold;
}
div.WizardContent h2
{
	padding: 0px;
	margin: 0px;
	color: #C6102C;
	font-size: 14px;
	font-weight: bold;
}
div.WizardContent p
{
	margin: 0px;
	padding: 6px 8px 3px 8px;
}
.FormHeading
{
	font-weight: bold;
	color: #000000;
	font-size: 16px;
}
.FormLabel
{
	font-weight: bold;
}
td.FormInput	
{
}

.FormTextBox	{
	border-width:thin;
	border:solid 1px #72a0b9;
	font-size:12px;
	line-height:18px;
	width:210px;
	height: 20px;
}

.InputLabel	{
	text-align:right;
	font-family:Arial;
	color: #000000;
}
.FormControl
{
	border: 1px solid #72a0b9;
	background-color: #F3F7F8;
}
.FormControlInvalid
{
	border: 1px solid #72a0b9;
	background-color: #FDEAEC;
}

div.WizardContainer
{}

div.WizardBanner
{
	background-color: #72a0b9;
	height: 64px;
}

div.BannerImage
{
	text-align: left;
}
div.BannerImage img
{
	float: left;
}
div.BannerLogo
{
	text-align: right;
}
div.BannerLogo img
{
	float: right;
}

div.WContent
{
	padding: 0px 24px 0px 24px;
	margin: 0px;
	height:375px;
	background-color: #FFFFFF;
}
div.WContentFirstRun
{
	padding: 4px 24px 0px 24px;
	margin: 0px;
	background-color: #FFFFFF;
}
div.StatusHeader
{
 background-color:#f9e08f;
 width:100%;
 padding: 0px;
 margin: 0px;
}
div.SuccessHeaderText
{
 padding: 8px 0px 8px 40px;
 margin: 0px 0px 0px 0px;
}
div.SuccessHeader
{
 background-image: url('/wizards/images/Check_Success.gif');
 background-position:left;
 background-repeat:no-repeat;
 background-color:#e8efc3;
 width:100%;
 padding: 0px;
 margin: 0px;
}
div.StatusHeaderText
{
 padding: 8px 0px 8px 20px;
 margin: 0px 0px 0px 0px;
}
div.HeaderText
{
 float:left;
 display:block;
 height:20px;
 width: auto;
 padding:4px 0px 0px 8px;
}
.EBContentOuter
{
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	font-size: 14px;
}
.EBContentOuter h1
{
	color: #000000;
	font-family:Verdana;
	font-size: 1.5em;
	font-weight:normal;
	margin-top:0px;
}
.EBContentOuter h2
{
	color: #000000;
	font-family:Verdana;
	font-size: 1.25em;
	font-weight:normal;
	margin-top:0px;
}
.EBContentOuter h3
{
	color: #b2b2b2;
	font-family:Verdana;
	font-size: 1.1em;
	margin-top:0px;
	margin-bottom:10px;
}
.EBContentOuter a
{
	text-decoration:underline;
	color:#00618d;
}
.EBContentOuter a:hover
{
	text-decoration:underline;
	color:#e8203b;
}

.EBContentInner
{
	padding: 23px 23px 23px 23px;
	margin: 0px;
	background-color: #FFFFFF;
}
div.EBLoginStatus
{
	height:35px;
	margin-right:10px;
	float:right;
}

div.MoveImage {
    position: relative;
    float:none;
    display: block;
    width: 325px;
    height: 165px;
    background: url("/Wizard/Images/MoveThisSub.gif");
    background-repeat: no-repeat;
    background-position:inherit;
}
a.MoveLink {
    display: inline-block;
    width: 225px; 
    height:53px; 
    padding:55px 50px 55px 50px;
    visibility:visible;
    border:solid 1px transparent;
}
a.MoveLink:hover {
   background-color:#ffffee;
   border:solid 1px #f5deb3;
}
div.RenewImage {
    position: relative;
    float:none;
    display: block;
    width: 320px;
    height: 165px;
    background: url("/Wizard/Images/RenewThisSub.gif");
    background-repeat: no-repeat;
    background-position:inherit;
   margin-right:2px;
}
a.RenewLink {
    display: inline-block;
    width: 210px; 
    height:53px; 
    padding:55px 55px 55px 55px;
    visibility:visible;
    border:solid 1px transparent;
}
a.RenewLink:hover {
   background-color:#ffffee;
   border:solid 1px #f5deb3;
}
div.RenewCCImage {
    position: relative;
    float:none;
    display: block;
    width: 325px;
    height: 165px;
    background: url("/Wizard/Images/RenewWithCC.gif");
    background-repeat: no-repeat;
    background-position:inherit;
   margin-right:2px;
}
a.RenewCCLink {
    display: inline-block;
    width: 235px; 
    height:53px; 
    padding:55px 45px 55px 45px;
    visibility:visible;
    border:solid 1px transparent;
}
a.RenewCCLink:hover {
   background-color:#ffffee;
   border:solid 1px #f5deb3;
}
div.RenewCodeImage {
    position: relative;
    float:none;
    display: block;
    width: 325px;
    height: 165px;
    background: url("/Wizard/Images/RenewWithCode.gif");
    background-repeat: no-repeat;
    background-position:inherit;
}
a.RenewCodeLink {
    display: inline-block;
    width: 235px; 
    height:53px; 
    padding:55px 45px 55px 45px;
    visibility:visible;
    border:solid 1px transparent;
}
a.RenewCodeLink:hover {
   background-color:#ffffee;
   border:solid 1px #f5deb3;
}
.LoggedIn
{
	font-size:12px;
}
a.AccountLink 
{
	font-size:12px;
	text-decoration:none;
	color:#00618d;
}
a.AccountLink:hover 
{
	font-size:12px;
	text-decoration:underline;
	color:#e8203b;
}

div.WizardContent
{
	padding: 16px;
	margin: 0px;
	background-color: #FFFFFF;
	height: 372px;
}
div.SMLogo
{
	background-image: url( '/wizards/images/SmartMusicLogo.gif');
	background-repeat:no-repeat;
	text-align:right;
	float:right;
	padding-right:6px;
	display:block;
	width:110px;
	height:60px;
}
.Message
{
	font-size:12px;
	color: Red;
}
.ValidationControl
{
	color: #C6102C;
	display: block;
	/*
	width: 72px;
	*/
}

div.ActivationContainer
{
	padding: 12px;
	margin: 0px;
}
div.ActivationInner
{
	padding: 50px;
	margin: 0px;
	text-align: center;
}
.ActivationStatus
{
	color: #C6102C;
	font-size: 14px;
	font-weight: bold;
}
div.SubscriptionStatus
{
	width: 200px;
	padding: 16px;
	margin: 0px;
}
.SubscriptionList
{
	padding: 0px;
	margin: 0px;
	width: 720px;
	border: 1px solid #72a0b9;
	background-color: #F3F7F8;
	height: 140px;
	color: #005683;
	cursor: hand;
    cursor: pointer;
}
td.StatusColumn
{
	background-color: Transparent;
}
div.ManageContent
{
	background-color: #FFFFFF;
}
div.StatusBar
{
	text-align: right;
}
div.SubSelectionContainer
{
	border-width: 2px;
	border-style: inset;
	width: 735px;
	height: 100px;
	overflow: auto;
}
div.SubListItem
{
	color: #333333;
	background-color: #FFFFFF;
}
div.SubListItem:Hover
{
	background-color: #e5eef2;
	color: #333333;
}
div.SubListItem a
{
	padding: 2px 6px 2px 6px;
	display: block;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
}
div.SubListItem a:hover
{
	display: block;
	color: #C6102C;
	text-decoration: none;
	background-color: #FFFFFF;
}
div.SubListItemSelected
{
	display: block;
	color: #cccccc;
	text-decoration: none;
}
span.SelectedSub
{
	color: #C6102C;
	background-color: #FFFFFF;
}
div.ManageBar
{
	padding: 7px 0px 7px 50px;
	margin: 0px;
	width: 670px;
	height: 18px;
	background-image: url( '/wizards/images/managebar.png' );
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}
div.ManageBar:hover
{
	background-image: url( '/wizards/images/managebaractive.png' );	
}
div.ManageBarActive
{
	background-image: url( '/wizards/images/managebaractive.png' );	
	padding: 7px 0px 7px 50px;
	margin: 0px;
	width: 670px;
	height: 18px;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;	
	font-weight: bold;
}
div.ManageBar a
{
	text-decoration: none;
	color: #666666;
}
div.ManageBarActive a
{
	text-decoration: none;
	color: #666666;
}
div.ManageBar a:hover
{
	text-decoration: none;
	color: #ca1f29;
}
div.ManagePanel
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	border: 1px solid #3f86a6;
	background-color: #e5eff3;
	width: 717px;
	height: 250px;
	overflow: auto;
}
div.InnerManagePanel
{
	padding: 4px 6px 4px 6px;	
}
div.ManagePanel h1
{
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-size: 16px;
}
div.ManagePanel a
{
	color: #00618d;
}
div.ManagePanel a:hover
{
	color: #c6102c;
}

div.ExpiredSub
{
	color: #c6102c;
	padding-left: 16px;
	font-size: 12px;
}
div.CurrentSub
{
	color:#00618d;
	padding-left: 16px;
	font-size: 12px;
}
div.ManageSubCommand a
{
	color: #00618D;
	font-size: 11px;
}
div.ManageSubCommand a:hover
{
	color: #c6102c;
	font-size: 11px;
}
div.SubTypeLabel
{
	color: #666666;
	padding-left: 16px;
	font-size: 7pt;
}
.ManageSubName
{
	font-weight: bold;
	font-size: 12px;
}
.SubReady
{
	color: #009900;
}
.SubActive
{
	color: #009900;
}
.SubActiveOther
{
	color: #808080;
}
.SubExpired
{
	color: #C6102C;
}
div.ConfirmLogin
{
	width: 440px;
	height: 170px;
	margin-top: 80px;
	margin-left: 128px;
}
div.ConfirmLogin p
{
	padding-left: 24px;
	padding-bottom: 8px;
}
div.ConfirmLogin table
{
	margin-left: 24px;
}
div.ConfirmLogin h1
{
	padding: 3px;
	margin: 3px;
}
div.Note
{
	font-style: oblique;
	font-size: 12px;
}
.SetUp
{
	background-color: #FFFFFF;
	background-image: url('/wizards/images/banner/setupfill.png');
	margin-bottom:12px;
}
select.SchoolList
{
	width: 500px;
	height: 200px;
	margin-left: 16px;
	margin-right: 16px;
	border: 1px solid #72a0b9;
	background-color: #F3F7F8;
}
div.AJAXLock
{
    z-index: 5;
    left: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 100%;
    background-color: #72a0b9; /*#666666;*/
    opacity: .50;
	filter: alpha(opacity=50);
}
div.AJAXContent
{
    z-index: 20;
    left: 245px;
    width: 300px;
    position: absolute;
    top: 200px;
    height: 90px;
    border-right: #333333 1px solid;
    border-top: #333333 1px solid;
    border-left: #333333 1px solid;
    color: #000000;
    border-bottom: #333333 1px solid;
    background-color: #cccccc;
}
div.AJAXShadow
{
    z-index: 15;
    left: 250px;
    width: 300px;
    position: absolute;
    top: 205px;
    height: 90px;
    background-color: #004b7b;
    /*background-color: #333333;*/
    opacity: .50;
	filter: alpha(opacity=50);
}


/* --- School List Control --- */
		.ListContainer
        {
            width: 730px;
            background: #ffffff;
            font-size: 9pt;
        }
        .ListContainer p
        {
        	padding-left: 6px;
        	padding-right:6px;
        	padding-top: 0px;
        	padding-bottom:6px;
        }
        .Schools
        {
            width: 550px;
            height: 250px;
        }
        .Heading
       {
			color: #72a0b9;
			font-size: 14px;
			font-weight: bold;
		}
        .SchoolResults
        {
            font-size: 8pt;
        }
        .FindHeading
        {
            margin: 6px;
            padding: 4px;
            font-size: 11pt;
            font-weight: bold;
            color: #cd1b3f;
            display: block;
        }
        .OptOut
        {
        	padding-left: 6px;
            font-size:8pt;	
        }
        
/* --- End School List Control --- */