/* 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_plain.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-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;
}
#media-title-top {
	width: 610px;
	/*height:471px;*/
	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;
}
#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;
}

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;
}

.answer
{
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.shortQuestion
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #99ccff
}
TD.shortQuestion1
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: bottom
}
TD.shortQuestion2
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
}
TD.shortAnswer
{
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #99ccff;
    TEXT-ALIGN: center
}
TD.shortAnswer1
{
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: bottom;
    TEXT-ALIGN: center
}
TD.answerNumber
{
    VERTICAL-ALIGN: bottom
}

TD.answerNumber1
{
    VERTICAL-ALIGN: top
}
TD.questionNumber
{
    VERTICAL-ALIGN: top
}
TD.questionText
{
    VERTICAL-ALIGN: top;
}

.surveyQuestionText
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #99ccff
}

.surveyQuestionText1
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    VERTICAL-ALIGN: bottom;
    
}

.heading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: larger;
    TEXT-ALIGN: center
}
.title {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight : Bold;
	color : #009999;
}

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

.highlight2 {
	color : #009999;
	font-size: 1em;
}

.highlight3 {
	color : #009999;
	font-size: 1em;	
}

.highlight4 {
	color : #009999;
	font-size: 1em;	
}

.highlightB {
	font-size: 1em;
	color : #009999;
	font-weight : Bold;	
}

.blue {
	color: #002951;
}

.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;
}
.smallblue {
	color: #002951;
}

.smallboldblue {
	color: #002951;
	font-weight : Bold;	
}
/*-------------added styles--------------*/

/*-------------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;
}

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.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: smaller;
	FONT-STYLE: italic;
}
.largerText{
	FONT-SIZE: larger;
	FONT-STYLE: bold;
}

.specialText{
	FONT-STYLE: italic;
}

UL {
	list-style-type: disc;
}

#profile {
	font-size: 110%;
}