﻿
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#666666;
}

p {
	margin: 10px 0 0 10px;
	font-size: medium;
}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
p.contentarea {
	padding: 10 20  0 15;
	margin:0;
	width:177px;
	}	

	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(../../images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}

.photo-offset
{position:relative;
}
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6 {
	font-size:1.8em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	margin:5px 0;
}

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.1em;
}

h3.small {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ol, li {text-align:left;}

a:link {
	color:#d61719;
	text-decoration:none;
}

a:visited {
	color:#980000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	color:#980000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Masterpage Formatting 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

 #masterpage-table 
  {
	position:relative; 
	top:0px; 
	width: 80%; 
	height: 800px; 
	vertical-align:top;	
	
	
	 
}
                             
 #masterpage-table-contentcell 
 {
 	position:relative; 
 	width: 20%; height: 100%; 
	vertical-align:top;
	right:0px;

}

#top-information {
	height:6em;
	left:0px;
	

	color:black;
	font-size:larger;
	position:relative;
	width:100%;
	}
	
#logo {
	position:relative;
	top:.4em;
	left:0;
	font-size:2.2em;
	font-family:Arial, sans-serif;
	height:3.0em;
	padding:     .6em 0   .1em 0;
	font-weight:bold;
	color:Blue;
	}

#logo a {
	color:black;
	text-decoration:none;
	}

#top-information-home {
	text-align:right;
	position:absolute;
	right:0px;
	margin-right:.5em;
	top:10px;
	height:4em;

	}
	

#footer-sub-container {
	
	
	position:relative;
	
	width:100%;
	vertical-align:bottom;
	font-weight:bold;
	border:solid 1px gray;
	}
#footer-sub {
	width:100%;
	
	}
.BottomMenu 
{ 
  padding:0 0 0 60px;
  color:Black;	
	}











#MainMenu 
{
	margin-left:20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main {
	background:#608FC8;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	padding:.8em 0 0 0;
	font-weight:bold;
	z-index:5;
	border:solid 1px gray;
	height: 18px;
}

#nav-main ul {
	margin:0;
	padding:0 20% 0 0;
	}
	
#nav-main li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#nav-main a:link,
#nav-main a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#nav-main a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#nav-main a:active {
	color:#FFFFFF;
}

#nav-main li.current a:link,
#nav-main li.current a:visited {
	text-decoration:underline;
}

#nav-main li.current a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#nav-main li.current a:active {
	color:#FFFFFF;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link,
#nav-main a.StaticSelectedStyle:visited {
	color:#D4E7F8;
	text-decoration:underline;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Home Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.poster-photo-container {

	position:relative;
	width:100%;
	background:#608fc8;
	border-bottom:solid 2px gray;
	left: 0px;
	top: 0px;
}
	
.poster-photo-image 
{
	
	left:0px;
	display:block;
	width:100%;
	}

#content-main 
{ 

	position:relative;
	top:0px;
	width: 100%;
	height:100%;
}
	
#content-linkarea-container 
{   
	
	position:relative;
	top:0px;
	right:0px;
	width:100%;
	height:100%;
	}
.content-class td
{
 vertical-align:top;
 padding:1px 0 0 0 ;
	
	
	
	}

#content-linkarea 
{   
	position:relative;
	top:0px;
	height:100%;
	color:Black;
}

/* Additions to content-linkarea */
#content-linkarea ul {
	margin:0;
	padding:0 0 0 0;
	}
	
#content-linkarea li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#content-linkarea a:link,
#content-linkarea a:visited {
	color:black;
	text-decoration:none;
	font-size: small;
	font-weight: 700;
}

#content-linkarea a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#content-linkarea a:active {
	color:White;
}

#content-linkarea li.current a:link,
#content-linkarea li.current a:visited {
	text-decoration:underline;
}

#content-linkarea li.current a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#content-linkarea li.current a:active {
	color:White;
}

/* ACTIVE PAGES */
#content-linkarea a.StaticSelectedStyle:link,
#content-linkarea a.StaticSelectedStyle:visited {
	color:#D4E7F8;
	text-decoration:underline;
}







#contentdiv
{position:relative;
 left:0px;
 width:100%;
 height:100%;}





 
#castle-three-column-left{
margin-top:10px;
width:100%;
height:100%;


} 

#castle-three-column-center{
margin-top:10px;
width:100%;
height:100%;

	
} 

 

	
/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #7295C0;
    color: white;
    background-color: #7295C0;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: White;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: White;
    background-color: #7295C0;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: White;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #7295C0;
    border: 1px dashed #7295C0;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    color:White;
}
	
	/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}


/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(images/Question.png);
	overflow:hidden;
	cursor:help;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Black;
     color:White;
     font-family:Arial;
     font-size:small;
   
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Black;
     color:Yellow;
     font-family:Arial;
     font-size:small;
 
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Black;
     color: #FFCAAF;
     font-family:Arial;
     font-size:small;
   
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Black;
     color:Aqua;
     font-family:Arial;
     font-size:small;
   
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Black;
     color: #93FF9E;
     font-family:Arial;
     font-size: small;
  
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}

.Registration
{
border:solid 1px black;
font-size:small;

background-color: #E8E8FF;
	margin-left: 156px;
}
.Login
{
font-size:small;
color:Gray;	

}

.LoginHomepage
{
font-size:xx-small;
color:Gray;	

}

