/* Copyright 2013 Ward Rowell. All rights reserved. */

/* ////////////////////////////////////////////////////////////////////// TOC */
/* ////////////////////////////////////////////////////////////////////////// */

/* Suggested Property Order
 * Redundant Classes
 * Body
 * Forms
 * Typography and General */

/* ////////////////////////////////////////////////// SUGGESTED PROPERTY ORDER*/
/* ////////////////////////////////////////////////////////////////////////// */

/* display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 */

/* //////////////////////////////////////////////////////// REDUNDANT CLASSES */
/* ////////////////////////////////////////////////////////////////////////// */

.genericText {
	font-family: Arial, Helvitica, Times New Roman;
	font-size: 11px;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clearBoth {
	clear: both;
	display: block;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

.clearLeft {
	clear: left;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

/* ///////////////////////////////////////////////// REDUNDANT TYPE SELECTORS */
/* ////////////////////////////////////////////////////////////////////////// */

caption {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
}

/* ///////////////////////////////////////////////////////////////////// BODY */
/* ////////////////////////////////////////////////////////////////////////// */

body {
	background-color: #fff;
	color: #4c4c4c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
}

/* //////////////////////////////////////////////////////////////////// FORMS */
/* ////////////////////////////////////////////////////////////////////////// */

.ButtonTD {
    BORDER-RIGHT: 1px ridge;
    BORDER-TOP: 1px ridge;
    FONT: bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    BORDER-LEFT: 1px ridge;
    WIDTH: 20px;
    COLOR: white;
    BORDER-BOTTOM: 1px ridge;
    BACKGROUND-COLOR: #514970;
    TEXT-ALIGN: center
}

.FrmBUTTON
{
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    FONT: bold 8pt Arial, Verdana;
    BORDER-LEFT: thin outset;
    WIDTH: 125px;
    COLOR: #514970;
    BORDER-BOTTOM: thin outset;
    
}

.FrmNext
{
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    FONT: bold 8pt Arial, Verdana;
    BORDER-LEFT: thin outset;
    WIDTH: 75px;
    COLOR: #514970;
    BORDER-BOTTOM: thin outset;
    BACKGROUND-COLOR: lightsteelblue
}

.TallButton
{
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    BACKGROUND: #006300;
    BORDER-LEFT: thin outset;
    WIDTH: 125px;
    COLOR: white;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: thin outset;
    FONT-STYLE: normal;
    HEIGHT: 60px;
    FONT-VARIANT: normal
}

.Button
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica,Sans-Serif;
    CURSOR: hand
}

.singleSelect
{
    FONT-SIZE: 8pt;    
    FONT-FAMILY: Arial, Verdana
}

.multiSelect
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana;
    HEIGHT: 50pt
}
.checkbox
{
}
.checkboxLabel
{
    FONT-SIZE: 8pt;
    WIDTH: 700pt;
    FONT-FAMILY: Arial, Verdana
}
.radioButtonLabel
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana
}

/* //////////////////////////////////////////////////////////////// TYPOGRAPHY */
/* /////////////////////////////////////////////////////////////////////////// */

.ErrMessage
{
    FONT: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR: red
}
.InfoMessage
{
    FONT: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR: #006363
}
.ClearInputText
{
    BORDER-RIGHT: 0pt;
    BORDER-TOP: 0pt;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    BORDER-LEFT: 0pt;
    COLOR: black;
    BORDER-BOTTOM: 0pt;
    TEXT-ALIGN: right
}

.TinyText
{
    FONT-SIZE: 7pt;
    COLOR: purple;
    FONT-FAMILY: Arial, Verdana
}

.text
{
    FONT-SIZE: 8pt;
    WIDTH: 300pt;
    FONT-FAMILY: Arial, Verdana
}

.textshort
{
    FONT-SIZE: 8pt;
    WIDTH: 200pt;
    FONT-FAMILY: Arial, Verdana
}

.textXshort
{
    FONT-SIZE: 8pt;
    WIDTH: 100pt;
    FONT-FAMILY: Arial, Verdana
}

.pageHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 16pt;
    COLOR: darkblue;
    FONT-FAMILY: Arial, Verdana
}

.groupHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: Darkblue;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline
}

.topicTitle
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11pt;
    BORDER-LEFT: medium none;
    COLOR: darkblue;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Arial, Verdana
}

.ProcessComplete
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14pt;
    BORDER-LEFT: medium none;
    COLOR: darkblue;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Arial, Verdana
}

.topicText
{
    FONT-SIZE: 8pt;
    COLOR: darkblue;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline
}

.topicTextHand
{
	font-size: 8pt;
	cursor: hand;
	color: darkblue;
	font-style: italic;
	font-family: Arial, Verdana;
	text-decoration: underline;
}

.questionText {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana
}

.PageXOfYTitle {
    FONT-SIZE: 9pt;
    WIDTH: 785px;
    COLOR: mediumblue;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #f7f7f7;
    TEXT-ALIGN: right
}

.Help {
    FONT-WEIGHT: normal;
    COLOR: #0033cc;
    FONT-FAMILY: 'Comic Sans MS'
}

.TodaysDate {
    FONT-SIZE: 9pt;
    COLOR: red;
    FONT-FAMILY: Arial, Verdana
}

.content {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana
}

.contenthighlight {
    FONT-SIZE: 8pt;
    COLOR: darkblue;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: beige
}

.contentBlue {
    FONT-SIZE: 8pt;
    COLOR: darkblue;
    FONT-FAMILY: Arial, Verdana;
}

.contentRed {
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Arial, Verdana;
}

.contentWhite {
    FONT-SIZE: 8pt;
    COLOR: #f7f7f7;
    FONT-FAMILY: Arial, Verdana
}

.nodata {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11pt;
    COLOR: Red;
    FONT-FAMILY: Arial, Verdana
}

.HorizontalQuestionSpace {
    WIDTH: 5pt
}

.VerticalQuestionSpace {
    LINE-HEIGHT: 1px
}

.VerticalAnswerSpace {
    LINE-HEIGHT: 1px
}

.verticalspace {
    LINE-HEIGHT: 1px
}

.verticalspacesmall {
    LINE-HEIGHT: 1px
}

.horiztonalspace {
    WIDTH: 8px
}

.thinBorder {
	border-right: #514970 thin solid;
	padding-right: 10px;
	border-top: #514970 thin solid;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: #514970 thin solid;
	padding-top: 10px;
	border-bottom: #514970 thin solid;
	background-color: #ffffcf;
}

.newSkillObject {
    BORDER-RIGHT: #514970 thin solid;
    BORDER-TOP: #514970 thin solid;
    BORDER-LEFT: #514970 thin solid;
    BORDER-BOTTOM: #514970 thin solid;
    BACKGROUND-COLOR: blanchedalmond
}

.SkillObjectLibraryDisplay {
    BORDER-RIGHT: #514970 thin solid;
    BORDER-TOP: #514970 thin solid;
    BORDER-LEFT: #514970 thin solid;
    COLOR: white;
    BORDER-BOTTOM: #514970 thin solid;
    BACKGROUND-COLOR: mediumslateblue
}

.ElementLibraryDisplay {
    BORDER-RIGHT: #514970 thin solid;
    BORDER-TOP: #514970 thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #514970 thin solid;
    COLOR: purple;
    BORDER-BOTTOM: #514970 thin solid;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: lightgrey
}
.questionSpacing {
    WIDTH: 100%;
    HEIGHT: 2pt;
    TEXT-ALIGN: left
}
.verticalspaceBig {
    LINE-HEIGHT: 2pt
}
.checkbox {
}

.FormWidth {
    WIDTH: 785px
}

.ColumnWidth {
    WIDTH: 393px
}

.radio {
}

.textarea {
    FONT-SIZE: 8pt;
    WIDTH: 500pt;
    FONT-FAMILY: Arial, Verdana
}

.textareacourier {
    FONT-SIZE: 8pt;
    WIDTH: 500pt;
    FONT-FAMILY: Courier
}

.ControlLabel {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial, Verdana
}

.skillobjectLabel {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: darkblue;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana
}

.skillobjectLabelSlate {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: slategray;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana
}
.skillobjectLabelWhite {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #f7f7f7;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana
}

.imageButton {
    CURSOR: hand
}

.Denotes {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Verdana
}

.Notation {
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: darkblue;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline
}

.imageLabel {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana
}
.helptext {
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial, Verdana
}

.actionMove {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: purple;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana
}

.actionCopy {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: crimson;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana
}

.inactive {
    DISPLAY: none;
    VISIBILITY: hidden
}

.active {
    VISIBILITY: visible
}

.textplain {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana
}

.texthighlight {
    FONT-SIZE: 8pt;
    COLOR: darkblue;
    FONT-FAMILY: Arial, Verdana
}

.underline {
	border-bottom: black thin solid;
}

td {
	font-size: 9px;
	line-height: 16px;	
}

th 
{	
	color: #50496D;	
}

.smalltext {
	font-size: 10px;
	padding-right: 3px;
}

.tabSelected 
{
	background-color: #50496D;
	color: #FFFFFF;	
	padding: 5px;
}

.tab 
{
	background-color: #CCCCCC;
	color: #50496D;	
	padding: 5px;
}

.tab a
{
	color: #50496D;	
}

.dBlueBar {
	background-color: #50496D;
	background-image: url(images/dblue1x1.gif);
}

.BlueBar {
	background-color: #5081B2;
	background-image: url(images/blue1x1.gif);
}

.lBlueBar {
	background-color: #98B4D8;
	background-image: url(images/lblue1x1.gif);
}

.dBlueHR {
	background-color: #999999;
	background-image: url(images/dblue1x1.gif);
	height: 2px;
}

.navBkgrd {
	background-color: #98B4D8;
}

.navFont {
	color: #336699;
	font-size: 11px;
}

.navBkgrdSelected {
	background-color: #F9F9FF;
	color: #336699;
	font-size: 11px;
}

.iconText {
	color: #514970;
	font-size: 10px;
	line-height: 11px;
	text-decoration: none;
}

.header1 {
	background-image: url(images/lgrey1x14.gif);
	background-repeat: repeat-x;
}

.header2 {
	background-image: url(images/grey1x42.gif);
	background-repeat: repeat-x;
}

.header3 {
	background-image: url(images/lgrey1x4.gif);
	background-repeat: repeat-x;
}

.header4 {
	background-image: url(images/lgrey1x7.gif);
	background-repeat: repeat-x;
}

.header5 {
	background-image: url(images/grey1x4.gif);
	background-repeat: repeat-x;
}

.grey {
	background-image: url(images/grey1x1.gif);
	background-repeat: repeat;
}

.lgrey {
	background-image: url(images/lgrey1x1.gif);
	background-repeat: repeat;
}

.dgrey {
	background-image: url(images/dgrey1x1.gif);
	background-repeat: repeat;
}

hr {
	height: 2px;
	color: #4F476E;
}

.lightHR {
	height: 2px;
	color: #CCCCCC;
}

.separator {
	height: 2px;
	color: #CCCCCC;
}

.NavLink {
	FONT-SIZE: 7pt;
    COLOR: White;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
    cursor: hand
}
.BoxTable {
	border-right: #999999 thin ridge;
	border-top: #999999 thin ridge;
	border-left: #999999 thin ridge;
	border-bottom: #999999 thin ridge;
}
.StatusOff {
	font-size: 8pt;
	color: red;
	font-family: Arial, Verdana;
	font-weight: bold;
}

.StatusOn {
	font-weight: bold;
	font-size: 8pt;
	color: green;
	font-family: Arial, Verdana;
}

.criteria {
	
}

.finalSearchResults {
	
	overflow: auto;
}

.divLanguage {
	
	overflow: auto;
	width: 100%;
	height: 300pt;
}

.divWorkElement {
	
	overflow: auto;
	width: 100%;
	height: 400pt;
}

.divSearchCriteria {
	
	overflow: auto;	
	height: 100px;
}

.Scale {
	
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #D2CDD1;
}

.ScaleHeading {
    
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: Darkblue;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}

.SearchHeading {
    
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: Darkblue;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

.smallNavText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 2px;
	padding-top: 2px;
}

.smallNavText a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}
	

/* /////////////////////////////////////////////////////////////////// TIPHANY */
/* /////////////////////////////////////////////////////////////////////////// */

.contentZipRegionState {
	
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.ZipRegionStateBkgrd {
	
	background-color: #D2CDD1;
	border: solid thin #E8E8E8;	
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.OR {
	
	padding-top: 15px;
	padding-left: 3px;	
	font-weight: bold;
}

.searchResults {
	
	background-color: #50496D;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #ffffff;
	font-weight: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana
}

.results1 {
	background-color: #ffffff;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana
}

.results2 {
	background-color: #D2CDD1;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana
}

.contentBold {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana;
    font-weight: bold;
}

.smallFooter {	
	font-size:	9px;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	line-height: 13px;
	color: 66CCFF;
}	

.denotesRequired {
    
    FONT-SIZE: 10px;
	color: #ff0000;
}	

.greenTextTitle
{
    font-size: 10px;
    color: #008000;
}

.blueText {
    
    FONT-SIZE: 10px;
	color: Blue;
}	

#login a {
	text-decoration: underline;	
	font-size: 10px;
}

.contentPadding 
{
	padding: 10px;			
}

.contentPaddingSide
{
	padding-left: 10px;		
	padding-right: 10px;		
}