/*
Colors:
orange: #FF5E1E;
yellow: #FFD100;
light gray: #E8E5DE;
other light gray: #E4E4E4;
darker gray: #E7E5DD;
*/

body
{
    font-family: Calibri, Trebuchet MS, Helvetica, Sans-Serif;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

h1
{
    font-size: x-large;
    margin-top: 0px;
}

h3 a
{
    color: #FF5E1E;
    font-weight: bold;
    padding-bottom: 1px;
    margin-bottom: 1px;
}

h3
{
    color: #000000;
    font-weight: bold;
    padding-bottom: 3px;
    margin-bottom: 1px;
    display: block;
}

a, .LinkButton
{
    color: #FF5E1E;
    font-weight: bold;
    text-decoration: none;
}

a:hover, .LinkButton:hover
{
    border-bottom: dotted 1px #FF5E1E;
}

/* header */

#TrackOffLogo
{
    margin: 0px 2px 5px 2px;
    padding: 0px; /* width: 100%;*/
    background-color: #000000;
    color: #000000;
}

#TrackOffLogo img
{
    margin: 0px;
    padding: 10px 0px 0px 20px;
    height: 57px;
    width: 307px;
    color: #000000;
    background-color: #000000;
    border-width: 0px;
}

#TrackOffLogo a
{
    padding: 0px;
    margin: 0px;
    border-width: 0px;    
}

#TrackOffLogo a:hover
{
    border-bottom-style:none;  
}

#HeaderContent
{
    padding: 0px;
    margin: 0px 2px;
}

#NavigationContent
{
    text-align: center;
    margin: 2px;
    padding: 2px 25px 2px 25px;
    background-color: #FF5E1E;
    overflow: hidden;
    color: #FFFFFF;
}

#NavigationContent a, #NavigationContent a:hover
{
    border-width: 0px;
    border-bottom: none;
}


.SubNavigationContent
{
    float: none;
    margin: 2px 2px 0px 2px;
    background-color: #FFD100;
    padding-left: 21px;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom:2px;
}

.SubNavigationContent a, .SubNavigationContent a:hover
{
    color: #000000;
    font-size: small;
    padding: 0px 10px;
    text-decoration: none;
    font-weight: bold;
    border-width: 0px;
    border-bottom: none;
}

.SubNavigationContent input, .SubNavigationContent input:hover
{
    color: #000000;
    font-size: small;
    padding: 0px 10px;
    text-decoration: none;
    font-weight: bold;
    border-width: 0px;
    border-bottom: none;
}


/* DIVS for layout */

.MainForm
{
    padding: 0px;
    margin: 0px auto;
}

#Container
{
    width: 950px;
    background: transparent url(../../images/background.png) repeat-y scroll center top;
    text-align: left;
    padding: 0px;
    margin: 0px auto;
}

#DocumentWrapper
{
    margin: 0px 28px 0px 24px; /* width: 900px; */
    position: relative;
    overflow: hidden;
    padding: 0px 2px;
}

.BodyContentWithBackground
{
    clear: both;
  /*  background-image: url(../../images/cornerkid2.jpg); */
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% 100%;
    padding: 5px 22px;
    margin: 5px 5px 0px 5px;
}

.BodyContent
{
    clear: both;
    padding: 5px 22px;
    margin: 5px 5px 0px 5px;
}

#FooterContent
{
    background-color: #FFFFFF;
    clear: both;
    padding: 0px;
    margin: 0px 5px 0px 5px;
    text-align: center;
}

#FooterContent .graybox
{
    background-color: #E8E5DE;
    padding: 0px;
    margin: 0px;
}

#LeftColumnContent
{
    /* float: left; */
    padding: 0px;
    margin: 0px;
}

#RightColumnContent
{
    float: right;
    padding: 0px;
    margin: 5px;
}

#RightColumnContent h3
{
    margin-bottom: 1px;
    padding-bottom: 3px;
}

.WideColumn
{
    width: 533px;
}

.NarrowColumn
{
    width: 250px;
}

.ImageWithLink
{
    clear: both;
    margin: 10px;
    vertical-align: top;
}

.ImageWithLink div.description
{
  padding-left: 215px;
}

.ImageWithLink div.imagelink
{
    float: left;
    height: 125px;
    padding-right: 15px;
}

/* Rating */

.ratingStar
{
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 17px;
    margin: 0;
    padding: 5px 0px;
    width: 17px;
}

.emptyRatingStar
{
    background-image: url(../../images/ratings/emptystar.png);
}

.waitingRatingStar
{
    background-image: url(../../images/ratings/filledstar.png);
}

.filledRatingStar
{
    background-image: url(../../images/ratings/filledstar.png);
}

/* General style */



.caption
{
    font-size: small;
}

.FormButton, a.FormButton, a.FormButton:hover
{
    color: #FFFFFF;
    background-color: #FF5E1E;
    font-weight: bold;
    border: 0px;
    padding: 3px;
    text-decoration: none;
}

.FormButtonHover, a.FormButtonHover, a.FormButtonHover:hover
{
    color: #FF5E1E;
    background-color: #FFFFFF;
    font-weight: bold;
    border: 0px;
    padding: 3px;
    text-decoration: none;
}

#signupForUpdatesBox
{
    margin-bottom: 10px;
}

.PaddedList
{
    margin: 20px 5px;
}

ul.PaddedList li
{
    padding: 10px 0px;
}

.Thumbnail
{
    margin: 0px;
    padding: 0px;
}
.Thumbnail img
{
    background-color: #FFFFFF;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: solid 1px #FFFFFF;
}

.AssetDetailRightColumn
{
    margin-left: 410px;
    padding-left: 10px;
}

.AssetImage
{
    float: left;
    width: 410px;
    margin: 2px 0px 20px 0px;
    padding: 0px;
}

.AssetImage img
{
    padding-bottom: 10px;
    max-width: 350px;
}

.AssetImage a.FormButton
{
    text-decoration: none;
}

.HeadingLabel
{
    font-weight: bold;
}

.Text-Short
{
    width: 20px;
}

.Text-Long
{
    width: 250px;
}

.Text-Med
{
    width: 100px;
}


.SearchCriteria
{
font-size: small;
text-align: center;
}
.SearchCriteria a
{
padding: 2px 6px;
}

.QuestionCell
{
	vertical-align:top;
	/*padding:5px 0px 5px 0px;*/
	width:520px;	
}
.RatingQuestionCell
{
	vertical-align:top;
	padding:5px 0px 5px 0px;
	width:430px;	
}

.AnswerCell
{
	/*padding:5px 0px 5px 0px;*/
	width:520px;
}
.RatingAnswerCell
{
	padding:5px 0px 5px 0px;
	width:90px;
}

.FeedbackTextBox
{
	width:368px;	
}


div.SectionMenu div.AspNet-Menu-Vertical ul.AspNet-Menu
{	
	list-style-position:inside;
	margin-left:30px;
	
}


div.SectionMenu div.AspNet-Menu-Vertical ul.AspNet-Menu li 
{
	margin: 0px;	
	padding:0px;
	vertical-align:middle;
	list-style-type:disc;
	float:none;
}

div.SectionMenu div.AspNet-Menu-Vertical ul.AspNet-Menu li a
{	
	display:inline-block;	
}


div.SectionMenu div.AspNet-Menu-Vertical ul.AspNet-Menu li a:hover
{		
	border-bottom-style:none;
}


	
.hilite 
{
	border: 1px solid #ff5e1e;
	font-size: 1em;
	background-color:#f9ded4;
	padding:10px;
	margin-bottom:10px;
}

.imgWithLinkLeftColumn
{
	vertical-align:top;
}

.imgWithLinkLeftColumn a:hover
{	
	border-style:none;
}

.LinkButton
{
   font-family: Calibri, Trebuchet MS, Helvetica, Sans-Serif;
   background-color: transparent;
   border-style: none;
   cursor: pointer;
   text-align: left;
   display: table-cell;
   padding: 0px 5px;
   margin-right:4px;
   width: auto;
   overflow: visible;
   
}

div.SectionMenu
{
	float:left;
	margin-top:3px;
	/*margin-left:20px;	*/
}

div.SectionMenu h3
{
	margin-left:25px;	
}

div.SectionMenu ul
{	
	/*margin-top:0px;
	margin-bottom:0px;*/
}

div.SectionMenu ul li
{
	/*margin: 0px;	
	padding:0px;*/
	vertical-align:middle;
	list-style-type:disc;
	float:none;
}

div.SectionMenu ul li a
{	
	display:inline-block;	
}

div.SectionMenu ul li a:hover
{		
	border-bottom-style:none;
}

.LinkButtonPlus
{
	font-family: Calibri, Trebuchet MS, Helvetica, Sans-Serif;
	background-color: transparent;
	border-style: none;
	cursor: pointer;
	text-align: left;
	display: inline-block;   
	font-size:16px;
	font-weight:bold;
	color:#ff5e1e;
	width:199px;
}

.teacherPacks:hover
{
	border:none;	
}

.teacherPacks img
{
	border:none;	
}

.ratingStar2
{
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 17px;
    margin: 0;
    padding: 5px 0px;
    width: 17px;
    height:10px;
}

.ratingContainer2
{
	width:400px;
	margin-left:10px;	
}