/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-image: url(/images/skin/bgtile-greyblue.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* header area definitions */
#header-area {
	background-image: url(/images/skin/header.jpg);
	position: relative;
	height: 100px;
	width: 780px;
	margin: auto;
	margin-top: 1em;
	padding: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#header-area img {
	padding-top: .5em;
}
#top-menu-area {
	position: absolute;
	left: 55%;
	top: 5%;
}
#top-menu-area a {
	font-family: Arial;
	font-size: 1em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: .8em;
	padding-right: .8em;
}
#top-menu-area a:hover {
	text-decoration: underline;
}
#top-menu-area a.selected {
	color: #00cc66;
	text-decoration: underline;
}

/* main area definitions */
#main-area-container {
	position: relative;
	width: 780px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: auto;
	background-color: #ced1de;
}
main-area-container p{
	padding: 5px;
}

#main-area-container-media {
	position: relative;
	width: 170px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: auto;
	background-color: #ced1de;
}
#main-area-container-control {
	position: relative;
	width: 610px;
	height:112px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: auto;
	background-color: #ced1de;
}
#main-area-container-audiocc {
	position: top;
	width: 610px;
	height:112px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: auto;
	background-color: #ced1de;
}
/* left main area definitions */
#left-menu-area {
	width: 170px;
	float: left;
}
/*#left-menu-area img {
	padding: 5px;
}*/
#left-menu-area table {
	width: 120px;
	text-align: left;
	border: 1px solid #FFFFFF;
	margin-top: 1em;
	margin-bottom: 1em;
}
#left-menu-area th {
	background-image: url(/images/skin/title-bar-background.jpg);
	background-repeat: repeat-x;
	letter-spacing: .05em;
	font-size: 1.2em;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .5em;
	font-weight: bold;
}
#left-menu-area th.inactive {
	background-image: url(/images/skin/title-bar-background-inacti.jpg);
	background-repeat: repeat-x;
	color: #ced1de;
}
#progress-area {
}
#progress-area img {
	padding-left: .2em;
}
#progress-area table {
	border-collapse: collapse;
	background-color: #EBEBF3;
}
#progress-area tr {
	height: 2em;
	color: #666666;
	font-weight: bold;
}
#progress-area tr.completed {
	color: #00cc66;
}
#progress-area tr.selected {
	color: #00cc66;
	background-color:#FFFFFF;
}
#progress-area td {
	padding-left: .5em;
}
#progress-area td.heading {
	font-size: .8em;
	color: #000000;
}
#tool-resource-area {
}
#tool-resource-area table {
	border-collapse: collapse;
}
#tool-resource-area td {
	font-size: 1.1em;
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: .5em;
	font-weight: bold;
}
#tool-resource-area a {
	color: #002951;
	text-decoration: none;
}
#tool-resource-area a:hover {
	text-decoration: underline;
}
#tool-resource-area a.inactive {
	color: #5a6591;
	text-decoration: none;
}
#tool-resource-area a.inactive:hover {
	text-decoration: none;
}
#tool-resource-area a.selected {
	color: #00cc66;
	background-color:#FFFFFF;
}
#tool-resource-area td.selected {
	color: #ced1de;
	background-color:#FFFFFF;
}

#left-menu-button {
	margin-top: .5em;
	margin-bottom: .5em;
}
#left-menu-button a {
	color: #002951;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: .5em;
	padding-right: .5em;
	padding-top : .3em;
	padding-bottom : .3em;
	border: 1px solid #002951;
}
#left-menu-button a:hover {
	text-decoration: none;
	color: #00cc66;	
}
#left-menu-button a:visited {
	/*color: #00cc66;*/
}
#left-menu-button a.inactive {
	color: #5a6591;
	text-decoration: none;
	background-color: #EBEBF3;
	padding-left: .5em;
	padding-right: .5em;
	padding-top : .3em;
	padding-bottom : .3em;
	border: 1px solid #5a6591;
}
#left-menu-button a.selected {
	color: #00cc66;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: .5em;
	padding-right: .5em;
	padding-top : .3em;
	padding-bottom : .3em;
	border: 1px solid #00cc66;
}
/* right main area definitions */
#right-main-area-top {
	width: 600px;
	min-height:471px;
	/*height:471px;*/
	background-color: #FFFFFF;
	float: right;
	padding: 5px;
	font-size: 115%;
}

#main-popup-area {
	width: 600px;
	min-height:471px;
	/*height:471px;*/
	background-color: #FFFFFF;
	float: right;
	padding: 5px;
	font-size: 75%;
}

#right-main-area-top table.putable {
	font-size: 75%;
	
}


/* added 5/14/07  by K. Dannay */

#right-main-area-top th {
    FONT-SIZE: 1.1em; /* was 12pt */
    font-family: Arial
}

#main-popup-area ul li{
	list-style: disc;
	list-style-type: disc;
}

#right-main-area-top ul li{
	list-style: disc;
	list-style-type: disc;
}
/* end of 5/14/07 additions */

#media-title-top {
	width: 610px;
	height:24px;
	background-color: #FFFFFF;
	float: right;
	padding: 5px;
}
#title-area-media {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;	
	border-bottom-color: #ced1de;
}
#title-area-media h1 {
	font-size: 1.4em;
	color: #002951;
	font-weight: bold;
	padding-left: 15px;
}
#titlearea {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ced1de;	
}
#right-main-area-top h1 {
	font-size: 1.4em;
	color: #002951;
	font-weight: bold;
}

#right-top-button {
	position: absolute;
	right: 0em;
	top: 0em;
	padding-top: 0.4em;
}
#right-top-button a {
	color: #999999;
	text-decoration: none;
	padding-left: 0.5em;
	padding-right: 1em;
	padding-top : 0.3em;
	padding-bottom : 0.3em;
}
#right-top-button a:hover {
	text-decoration: none;
}
#right-top-button a.inactive {
	color: #CCCCCC;
}
#right-main-area-bottom {
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #FFFFFF;
	width: 600px;
	padding: 5px;
}


#right-main-area-button {
	margin-top: .5em;
	margin-bottom: .5em;
}
#right-main-area-button a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #115182;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top : 0.3em;
	padding-bottom : 0.3em;
	border: 1px solid #666666;
}
#right-main-area-button a:hover {
	text-decoration: none;
}
#right-main-area-button a.inactive {
	color: #666666;
	text-decoration: none;
	background-color: #EBEBF3;
}

#right-main-area-top INPUT.submitButton /* added right-main-area-top */
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #115182;
	margin-top: .5em;
	margin-bottom: .5em;
}

#main-popup-area INPUT.submitButton 
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #115182;
	margin-top: .5em;
	margin-bottom: .5em;
}

/* footer area definitions */
#footer-area {
	text-align: center;
	overflow: hidden;
	margin: auto;
	color: #ced1de;
	font-size: 1.0em;
	clear: both;
	width: 42em;
}
#footer-area p {
	text-align: center;
	background-color: #002951;
	padding: .4em;
}
#footer-area a {
	color: #ced1de;
	text-decoration: none;
}
#footer-area a:hover {
	text-decoration: underline;
}
error
{
    FONT-WEIGHT: bold;
    COLOR: #CC0000
}
.error
{
    FONT-WEIGHT: bold;
    COLOR: #CC0000
}
.smerror
{
    FONT-WEIGHT: bold;
    COLOR: #CC0000
}

.errMsg{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color : #CC0000;
}
/* for the folling classes the container has been added as a prefix 05/14/07 by K. Dannay */
/* this insures the correct formatting for the "right-main-area-top contatiner" only */

#right-main-area-top .popup{
	height:250px;
	
}



#right-main-area-top .pumain{
	float: left;
}

#right-main-area-top .answer
{
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
#right-main-area-top TD.shortQuestion
{
    PADDING-LEFT: 2px;
    FONT-SIZE: .9em;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #99ccff
}
#right-main-area-top TD.shortQuestion1
{
    PADDING-LEFT: 2px;
    FONT-SIZE: .9em;
    VERTICAL-ALIGN: bottom
}
#right-main-area-top TD.shortQuestion2
{
    	PADDING-LEFT: 2px;
    	VERTICAL-ALIGN: middle;
}
#right-main-area-top ul
{
	PADDING-LEFT: 20px;
    	list-style: disc;
	list-style-type: disc;
}

#right-main-area-top TD.shortAnswer
{
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #99ccff;
    TEXT-ALIGN: center
}
#right-main-area-top TD.shortAnswer1
{
    FONT-SIZE: .9em;
    VERTICAL-ALIGN: bottom;
    TEXT-ALIGN: center
}
#right-main-area-top TD.answerNumber
{
    VERTICAL-ALIGN: bottom
}

#right-main-area-top TD.answerNumber1
{
    VERTICAL-ALIGN: top
}
#right-main-area-top TD.questionNumber
{
    VERTICAL-ALIGN: top
}
#right-main-area-top TD.questionText
{
    VERTICAL-ALIGN: top;
}
#right-main-area-top TD.answerText
{
    PADDING-LEFT: 10px;
    TEXT-ALIGN: left;
}
#right-main-area-top .surveyQuestionText
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #99ccff
}
#right-main-area-top .surveyQuestionText1
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    VERTICAL-ALIGN: bottom;
}
#right-main-area-top .heading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    TEXT-ALIGN: center
}

#main-popup-area .title {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight : Bold;
	color : #009999;
}


#right-main-area-top .title {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight : Bold;
	color : #009999;
}

#main-popup-area .highlight {
	color : #009999;
	font-size: 1em;
}

#right-main-area-top .highlight {
	color : #009999;
	font-size: 1em;
}

#right-main-area-top .highlight2 {
	color : #009999;
	font-size: 1em;
}

#right-main-area-top .highlight3 {
	color : #009999;
	font-size: 115%;	
}

#right-main-area-top  .highlight4 {
	color : #009999;
	font-size: 115%;	
}
#right-main-area-top  .bigTitle {
	color : #009999;
	font-size: 300%;	
}

#right-main-area-top .highlightB {
	font-size: 115%;
	color : #009999;
	font-weight : Bold;	
}
#right-main-area-top .blue {
	color: #002951;
	font-size: 115%;
}
#right-main-area-top .smallblue {
	color: #002951;
	font-size: 90%;
}

#right-main-area-top .smallboldblue {
	color: #002951;
	font-weight : Bold;	
	font-size: 90%;
}
/* end of #right-main-area-top prefix additions to classes 5/14/07 */


#right-main-area-top .boldblue {
	font-size: 1em;
	color: #002951;
	font-weight: bold;
}
.titleblue {
	font-size: 1.4em;
	color: #002951;
	font-weight: bold;
}
.titlegray{
	font-size: 1.4em;
	color: #5A6591;
	font-weight: bold;
}
.exTitle {
	font-size: 1.2em;
	color: #002951;
	font-weight: bold;
}
.header {
	font-size: 1.2em;
	color: #002951;
	font-weight: bold;
}

/*-------------added styles--------------*/

/* Personal Plan Page definitions - added 5/21/07 by K. Dannay */

#right-main-area-top table.pp-table {
	border: 1px solid #115182;
	font-size: 1.2em;
	
}
#right-main-area-top td.ppHeader {
	font-size: 1.4em;
	color: #FFFFFF;
	text-align: center;
	height: 40px;
	font-weight: bold;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
}
#right-main-area-top td.fill {
	background-color: #CED1DE;
	font-size: .4em;
	}
#right-main-area-top td.fieldlabel{
	font-size: 1.0em;
	color: #666666;
	padding-right: 5px;
	}
#right-main-area-top td.fieldtext {
	font-size: 1.0em;
	color: #115182;
	font-weight: bold;
	padding-left: 5px;
	}

#right-main-area-top td.ppSubsection {
	font-size: 1.2em;
	font-weight: bold;
	color: #115182;
	text-align: center;
	padding-top: .8em;
	padding-bottom: .4em;
	font-weight: bold;
	BACKGROUND-COLOR: #EBEDF2;
}
#right-main-area-top td.studentresponse{
	color: #115182;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: .8em;
	font-weight:normal;
	text-align: left;
	border-bottom: 1px solid #ebedf2;
	}
#right-main-area-top .leftsection {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	BACKGROUND-COLOR: #CED1DE;
	padding: 10px;
	border-top: 1px solid #FFFFFF;
	}
#right-main-area-top .leftsubsection{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	BACKGROUND-COLOR: #EBEDF2;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFFFFF;
	}
/* end of Personal Plan Page definitions */

/*-------------style table cell header blue----*/
td.blueheader {
	background-image: url(/images/skin/title-bar-background-inacti.jpg);
	background-repeat: repeat-x;
	color: #ced1de;
}
	
/*----------style misc a links---------*/

a.white:link {
	color: White;
	text-decoration: none;
	font-size: 1.2 em;
	font-weight : Bold;
}
a.white:hover {
	color: #009999;
	text-decoration: none;
	font-size: 1.2 em;
	font-weight : Bold;
}
a.white:visited  {
	color: White;
	text-decoration: none;
	font-size: 1.2 em;
	font-weight : Bold;
}

td.ltBlueHeader {
	font-size: 1.2em;
	color: #002951;
	text-align: center;
	padding-top: .2em;
	padding-bottom: .2em;
	font-weight: bold;
	BACKGROUND-COLOR: #ced1de;

}

td.dkBlueHeader {
	font-size: 1.2em;
	color: #ced1de;
	text-align: center;
	padding-top: .2em;
	padding-bottom: .2em;
	font-weight: bold;
	BACKGROUND-COLOR: #7171C6;

}
td.GreyHeader {
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	BACKGROUND-COLOR: #CCCCCC;
}

td.NavyHeader {
	font-size: 1.4em;
	color: #FFFFFF;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	BACKGROUND-COLOR: #115182;
}

.smallerText{
	FONT-SIZE: .9em; /* was smaller */
	FONT-STYLE: italic;
}
.largerText{
	FONT-SIZE: 1.2em ; /* was larger */
	FONT-STYLE: bold;
}

.specialText{
	FONT-STYLE: italic;
}

#profile {
	font-size: 110%;
}
#right-main-area-top .nopadding {
	padding:.5em;
	padding-top:.1em;
	padding-bottom:.1em;
}

#callout {
	font-weight: bold;
	background-color: #cccccc;
	padding:.5em;
	border: 1px solid #000000;
	}
	
	/* link to take user to the top of page*/
a.top-link:link {
	font-size: .75em;
	color: #00cc66;
	text-decoration: none;
	font-weight: bold;
	}
a.top-link:hover {
	font-size: .75em;
	color: #0000cc;
	text-decoration: underline;
	font-weight: bold;
	}
a.top-link:visited {
	font-size: .75em;
	color: #00cc66;
	text-decoration: none;
	font-weight: bold;
	}