body {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#20478f}
td {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#20478f}
th {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #ffffff; background-color: #3068a8;}
p {font-family: Verdana,Arial,Helvetica,sans-serif; color:#20478f; line-height:18px;}
li {font-family: Verdana,Arial,Helvetica,sans-serif; color:#20478f; line-height:18px;}
input {font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px;}
select {font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px;}
textarea {font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px;}
form {display:inline;}

.required   	{color: #ff0000; background: threedface;}
.optional	{background: threedface;}
.field		{background: #E2EBF7;}
.alternate	{background: #E2EBF7;}
.row		{background: #F2FAFF;}
.red		{color: #ff0000;}
.black		{color: #000000;}
.white		{color: #ffffff;}
.btn {color: #ffffff; background: #3068A8; font-family: Arial,Lucida,Verdana,Helvetica; font-size: 12px; font-weight: bold; border-bottom: 1px solid #104A7B;	border-right: 1px solid #104A7B; border-left: 1px solid #DFECFE; border-top: 1px solid #DFECFE;	height:19px; text-decoration:none; cursor: hand;}

.smallest {font-size: 10px;}
.smaller {font-size: 11px;}
.larger {font-size: 14px;}
.largest {font-size: 16px;}

.copyright {font-size: 11px; color: #1a2781;}
.lmargin  {padding-left: 22px;}

a {text-decoration: underline;}
a:link {color: #20478f; text-decoration: underline;}
a:active {color: #20478f; text-decoration: underline;}
a:visited {color: #20478f; text-decoration: underline;}
a:hover {color: #20478f; text-decoration: none;}

.textnav {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 11px; color: #000000; padding-left: 12px;}
a.textnav:link {color: #000000; text-decoration: none;}
a.textnav:active {color: #000000; text-decoration: none;}
a.textnav:visited {color: #000000; text-decoration: none;}
a.textnav:hover {color: #000000; text-decoration: underline;}

.ae {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 11px; color: #626997; text-decoration: none;}
a.ae:link {color: #626997; text-decoration:  none;;}
a.ae:active {color: #626997; text-decoration:  none;;}
a.ae:visited {color: #626997; text-decoration:  none;;}
a.ae:hover {color: #626997; text-decoration: underline;}

a.login {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight:bold; color: #1d2881; padding-left: 22px;}
a.login:link {color: #1d2881;  text-decoration: underline;}
a.login:active {color: #1d2881; text-decoration: underline;}
a.login:visited {color: #1d2881; text-decoration: underline;}
a.login:hover {color: #1d2881; text-decoration: none;}

.breadcrumbon {font-family:Arial,Helvetica,Verdana,sans-serif;font-size: 11px; text-decoration: none; color: #000000;}
.breadcrumb {font-family:Arial,Helvetica,Verdana,sans-serif;font-size: 11px; text-decoration: none; color: #1a257b;}
a.breadcrumb:link {color: #1a257b; text-decoration: underline;}
a.breadcrumb:active {color: #1a257b; text-decoration: underline;}
a.breadcrumb:visited {color: #1a257b; text-decoration: underline;}
a.breadcrumb:hover {color: #1a257b; text-decoration: none;}

a.completed_link {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #f5dc0d; background: #202e72;}
a.completed_link:link {color: #f5dc0d; text-decoration: none;}
a.completed_link:active {color: #f5dc0d; text-decoration: none;}
a.completed_link:visited {color: #f5dc0d; text-decoration: none;}
a.completed_link:hover {color: #f5dc0d; text-decoration: underline;}

a.livesec_link {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #20478f; background: #f5dc0d;}
a.livesec_link:link {color: #20478f; text-decoration: none;}
a.livesec_link:active {color: #20478f; text-decoration: none;}
a.livesec_link:visited {color: #20478f; text-decoration: none;}
a.livesec_link:hover {color: #20478f; text-decoration: underline;}

/* Survey global styles */

.caption {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 22px; font-weight: bold; color: #000000;}
.name {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 22px; font-weight: bold; color: #00119d;}

.captionsm {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 18px; font-weight: bold; color: #000000;}
.namesm {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 18px; font-weight: bold; color: #00119d;}

.sectiontitle {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 20px; color: #1d2b77;}

 div.rowoverpad {padding-left:10px; padding-top:5px; padding-right:6px;}
 div.rowover a {text-decoration: none; color: #1d2b77;}
 div.rowover a:link {text-decoration: none; color: #1d2b77;}
 div.rowover a:active  {text-decoration: none; color: #1d2b77;}
 div.rowover a:visited {text-decoration: none; color: #1d2b77;}
 div.rowover a:hover {color: #ffffff; font-weight:bold; background-color:#1d2b77; display: block;}


/* Scores & Progress */

.inprogltsm {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #1b2881; border-right: 1px solid #b7b7bd; background: url(/images/survey/progress/prog-lt-sm.gif) no-repeat top;}
.inprogltlg {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #1b2881; border-right: 1px solid #b7b7bd; background: url(/images/survey/progress/prog-lt-lg.gif) no-repeat top;}

.inprogdksm {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #1b2881; border-right: 1px solid #b7b7bd; background: url(/images/survey/progress/prog-dk-sm.gif) no-repeat top;}
.inprogdklg {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #1b2881; border-right: 1px solid #b7b7bd; background: url(/images/survey/progress/prog-dk-lg.gif) no-repeat top;}


.completed {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #f5dc0d; border-right: 1px solid #ffffff; background: #202e72;}
.comprog {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #f5dc0d; border-right: 1px solid #ffffff; background: #264c92;}
.livesec {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #20478f; border-right: 1px solid #ffffff; background: #f5dc0d;}

.progpercent {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 18px; font-weight: bold; color: #ffffff;}
.progpercentsm {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 14px; font-weight: bold; color: #ffffff;}


/* Assessment In Progress */


.inprogskin {background: #fcf3ab;}
.inprogdesc a {font-family:Arial,Helvetica,Verdana,sans-serif; width: 468px; height: 27px; font-size: 12px; color: #1d2b77; background: #fefef3; border-bottom: 1px solid #fcf3ab; border-right: 1px solid #fcf3ab; display:block;}

.inprogrowact {width:82px; font-size: 12px; color: #2737ba; font-weight: bold; background: #fefef3; border-bottom: 1px solid #fcf3ab; border-right: 1px solid #fcf3ab; text-align: center;}
.inprogrowpot {width:83px; font-size: 12px; color: #000000; font-weight: bold; background: #fefbe2; border-bottom: 1px solid #fcf3ab; text-align: center;}
.inprogrowwin {width:82px; font-size: 12px; color: #2737ba; font-weight: bold; background: #fefef3; border-bottom: 1px solid #fcf3ab; border-left: 1px solid #fcf3ab; text-align: center;}

.inprogrowacttl {width:82px; font-size: 12px; color: #2737ba; font-weight: bold; background: #ffffff; border-right: 1px solid #fcf3ab; text-align: center;}
.inprogrowpottl {width:83px; font-size: 12px; color: #000000; font-weight: bold; background: #eff0f6; text-align: center;}
.inprogrowwinnr {width:82px; font-size: 12px; color: #2737ba; font-weight: bold; background: #ffffff; border-left: 1px solid #fcf3ab; text-align: center;}

/* Update Your Score */


.updateskin {background: #e0e3f9;}
.updatedesc a {font-family:Arial,Helvetica,Verdana,sans-serif; width: 468px; height: 27px; font-size: 12px; color: #1d2b77; background: #eff0f6; border-bottom: 1px solid #e0e3f9; border-right: 1px solid #e0e3f9; display:block;}

.updaterowact {width:82px; font-size: 12px; color: #2737ba; font-weight: bold; background: #f9f9fe; border-bottom: 1px solid #e0e3f9; border-right: 1px solid #e0e3f9; text-align: center;}
.updaterowpot {width:83px; font-size: 12px; color: #000000; font-weight: bold; background: #f9f9fe; border-bottom: 1px solid #e0e3f9; text-align: center;}
.updaterowwin {width:82px; font-size: 12px; color: #2737ba; font-weight: bold; background: #f9f9fe; border-bottom: 1px solid #e0e3f9; border-left: 1px solid #e0e3f9; text-align: center;}

.updaterowacttl {width:82px; font-size: 12px; color: #2737ba; font-weight: bold; background: #ffffff; border-right: 1px solid #e0e3f9; text-align: center;}
.updaterowpottl {width:83px; font-size: 12px; color: #000000; font-weight: bold; background: #eff0f6; text-align: center;}
.updaterowwinnr {width:82px; font-size: 12px; color: #2737ba; font-weight: bold; background: #ffffff; border-left: 1px solid #e0e3f9; text-align: center;}


/* Assessment Forms */

.formsectitle {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 20px; color: #1d2b77; padding-left: 17px;  padding-right: 15px;}
.formsubtitle {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 18px; color: #1d2b77; padding-left: 20px;  padding-right: 15px;}

.formabstract {font-size: 12px; color: #0028e9; margin: 11px 200px 15px 17px; line-height: 18px;}
.formsubheading  {font-size: 18px; font-weight: bold; color: #202e72; margin: 15px 90px 8px 17px;}
.formtext {font-size: 12px; color: #202e72; margin: 8px 140px 8px 17px; line-height: 18px;}

.subformskin {background: #eff0f6;}
.subformheader {font-size: 12px; font-weight: bold; color: #1d2b77; padding-left: 15px;  padding-right: 10px; background: #d2d5e3 url(/images/survey/assessment/sub-form-head.gif) no-repeat top left;}
.subformlineno {font-size: 12px; font-weight: bold; text-align: center; color: #1d2b77; background: #f8f8fb; padding-top: 6px; border-right: 2px solid #eff0f6; border-bottom: 2px solid #eff0f6;}
.subformline {font-size: 12px; color: #1d2b77; padding: 6px; border-left: 2px solid #eff0f6; border-right: 4px solid #eff0f6; border-bottom: 2px solid #eff0f6;}
.subformlinechng {font-size: 12px; color: #1d2b77; background: #eff0f6; padding: 6px; border-left: 2px solid #eff0f6; border-right: 4px solid #eff0f6; border-bottom: 2px solid #ffffff;}
.subformcheck {text-align: center; background: #f8f8fb; padding-top: 6px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}

.progtblbrdr  {border-left: 1px solid #b7b7bd; border-top: 1px solid #b7b7bd;  border-bottom: 1px solid #b7b7bd;}
.scoretblbrdr  {border-left: 1px solid #ffffff; border-top: 1px solid #28367a;  border-bottom: 1px solid #28367a;}
.completedscr {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #c0c7ff; border-right: 1px solid #ffffff; background: #243276;}
.updatescr {font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #243276; border-right: 1px solid #ffffff; background: #c0c7ff;}

