/*Default Styles
  ----------------*/
body
{}

h1
{
	font-family:Verdana, Arial, Sans-Serif;
}

h2
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .95em;
	font-style:italic;
}

img { border: 0; }

textarea { resize: none; }

/*fieldset
{
    border: 1px solid black;
}*/

legend
{
    font-style: italic;
    font-weight: bold;
    /*color: #003399;*/
}

h5.FAQ
{
    font-size: larger;
}

abbr
{
    cursor: help;
}

.italicHeader
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .95em;
	font-style:italic;
	font-weight:bold;
	padding-bottom: 10px;
}

.fieldSetHeader
{
	font-family: Verdana, Arial, Sans-Serif;
}

.contentFontBold
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	font-weight: bold;
}

.contentFont
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
}

.smallGrayFont
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .55em;
	color:Gray;
}

.grayNote { font-family: Verdana, Arial, Sans-Serif; color: Gray; font-size: 80%;}

.small { font-size: small; }

.redContentFont
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	color: Red;
	font-style:normal;
	font-weight:normal;
}

.listFormat
{
	list-style-type: disc;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
}

.hyperLinkButton
{
	color: #0000FF;
	background: inherit;
	font-family: Arial, Sans-Serif;
	font-size: .80em;
}

.linkButtonArrow
{
	width: 10px;
	height: 9px;
	padding-right: 3px;
}

.linkArrowDiv
{
	width: 15px;
	height: 15px;
	text-align: center;
}

.lblAlert
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .95em;
	color: red;
}

.calendarImage
{
	width: 16px;
	height: 16px;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
}

img.arrow
{
    border: 0;
    vertical-align: middle;
}

table.commonGrid
{
    background-color: #F7F7DE;
    padding: 4px;
    color: Black;
    font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	width: 790px;
	border-collapse: collapse;
	border: solid 1px  #DEDFDE;
}

table.commonGrid .gridHeader
{
    background-color: #6B696B;
    font-weight: bold;
    color: White;  
    text-align: center;  
}

table.commonGrid td { border: solid 1px #DEDFDE; }

/* resultsGrid */
table.resultsGrid
{
    background-color: #F7F7DE;
    font-size: .75em;
    color: Black;
    font-family: Verdana, Arial, Sans-Serif;
	border-collapse: collapse;
}

table.resultsGrid td 
{ 
    border-left: solid 1px #DEDFDE; 
    border-right: solid 1px #DEDFDE;
    border-top: solid 1px #DEDFDE;
    border-bottom: solid 1px #DEDFDE;
    /*border-top-style: none;
    border-bottom-style: none;*/
    padding: 3px;
}

table.resultsGrid .resultsGridHeader  th
{
	border: solid 1px #DEDFDE;
	color: White;
	font-weight: bold;
	background-color: #6B696B;
	padding: 3px;
}

table.resultsGrid .empty td
{
    border-style: none;
    border-width: 0px;
    background-color: #FFFFFF;
}

table.resultsGrid .resultsGridPager td
{
	border-style: none;
	font-weight: bold;
	background-color: #F7F7DE;
}

table.resultsGrid .resultsGridPager a
{
	color: Black;
}

.commonLink
{
	color: #333399;
	background: inherit;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}

.commonLinkUnderline
{
	color: #333399;
	background: inherit;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	text-decoration: underline;
}

.red { color: Red; }

.uploadDiv { padding-left: 30px; }

td.bold { font-weight: bold; }

ol.terms li { padding-bottom: 10px; } 

ul li.newToSdmsCmeBullet { padding-bottom: 3px; }

img.question { vertical-align: bottom; }

.infoBox { border: solid 1px black; background-color: #F1F1F1 }

.tooltip {
	display:none;
	background:transparent url(../images/tooltip/black_arrow_sdms.png);
    background-repeat: no-repeat;
	font-size:12px;
	height:130px;
	width:255px;
	padding:25px;
	color:#fff;	
}

/*Layout
  ---------*/

#bannerDiv
{
	width: 975px;
	height: 100px;
	text-align: left;
	vertical-align: middle;
}

.contentDiv
{
	text-align: left;
	width: 975px;
	padding: 20px 0px 10px 0px;
}

/*Left Nav
  ----------*/

#leftNav
{
	background-color: #ddeeff;
	width: 150px;
	vertical-align: top;
}

#leftNavGreeting
{
	text-align: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	width: 140px;
}

.leftNavLinkButton
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .90em;
	color: #333399;	
	text-decoration: none;
	background: inherit;
}

leftNavLinkButton:visited
{
    font-family: Verdana, Arial, Sans-Serif;
	font-size: .90em;
	color: #333399;	
	text-decoration: none;
	background: inherit;
}

leftNavLinkButton:hover
{
	color: #6C757A;
	background: inherit;
}
	
.leftNavLinksTable
{
	width: 140px;
}

/*Log-In Form
  ---------------*/

#leftLogInHeaderDiv
{
	width: 393px;
	vertical-align: middle;
	text-align:left;
	padding-left: 5px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: url(../images/panel-header.jpg) repeat-x;
}

#leftLogInDiv
{
	width: 358px;
	padding: 20px;
	border: 1px solid #000000;
	text-align: left;
}

#passwordRecoveryDiv
{
	width: 358px;
	padding: 20px;
	border: 1px solid #000000;
	text-align: left;
}

#rightLogInHeaderDiv
{
	width: 314px;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: url(../images/panel-header.jpg) repeat-x;
}

#rightLogInDiv
{
	width: 279px;
	padding: 20px;
	border: 1px solid #000000;
	text-align: left;
}

#btnRegisterDiv
{
	width: 279px;
	text-align: center;
}

div.innerListContainerDiv
{
	width: 279px;
	text-align: left;
}

/*Activity Application Wizard
  ---------------------*/

.yellowHeaderDiv
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .95em;
	font-style:italic;
	font-weight:bold;
	background-color: #FAFAD2;
	border: 1px solid #000000;
	width: 785px;
	text-align: center;
	vertical-align: middle;
	height: 20px;
}

.appStepsDiv
{
	padding-bottom: 10px;
	padding-top: 10px;
}

.activityApplicationWizard
{
	width: 795px;
	height: 415px;
	padding-left: 20px;
	text-align: left;
}

.appWizardHeaderCell
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	text-align: right;
	width: 200px;
	font-weight: bold;
	/*vertical-align: top;*/
}

.appWizardHeaderCellLeft
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	text-align: left;
	width: 200px;
	font-weight: bold;
	/*vertical-align: top;*/
}

/*Register Wizard Form
  ---------------------*/

#regWizardHeaderDiv
{
	width: 450px;
	height: 20px;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: url(../images/panel-header.jpg) repeat-x;
}

#regWizardMainDiv
{
	width: 455px;
	border: 1px solid #000000;
}

.userRegistrationWizard
{
	width: 435px;
	height: 415px;
	padding-left: 20px;
	text-align: left;
}

.regWizardControlsDiv
{
	width: 435px;
	height: 415px;
	padding-top: 10px;
	padding-left: 20px;
}

.wizardHeaderCell
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	text-align: right;
	padding-left: 0px;
}

.wizardDataCell
{
	text-align: left;
	padding-left: 0px;
}

.wizardTable
{
	padding-left: 20px;
}

.wizardStepHeader
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .95em;
	font-style:italic;
	font-weight:bold;
	padding-top: 15px;
	padding-bottom: 5px;
}

/*UserHome.aspx
  -----------------*/

#rightContent
{
	width: 795px;
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
}

/*CMEActivities.aspx
  -----------------*/

.activitiesGrid
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	width: 790px;
}

/*CMERoster.aspx
  -----------------*/

.yellowControlDiv
{
	background-color: #FAFAD2;
	border: 1px solid #000000;
	width: 780px;
	padding: 15px;
}

.verticalRuleCell
{
	width: 1px;
	background-color: #000000;
}

.linkButton
{
	color: #333399;
	background: inherit;
	font-family: Arial, Sans-Serif;
	font-size: .85em;
	font-weight: bold;
	text-decoration: none;
}

.linkButton:hover
{
	color: #6C757A;
	background: inherit;
}

.participantsRosterPanel
{
	width: 795px;
}

.participantsGrid
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	width: 790px;
}

.centeredCell
{
	text-align: center;
}

.mainParticipantInfoTable
{
	padding: 10px 10px 10px 0px;
}
	
.leftParticipantInfoTable
{
	width: 400px;
}

.topPaddedRow
{
	padding-top: 8px;
}

.participantInfoHeaderCell
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	width: 125px;
	text-align: right;
	padding-right: 10px;
}

.participantInfoEntryCell
{
	width: 125px;
	text-align: left;
}

.rightParticipantInfoTable
{
	width: 125px;
}

.participantCMEHeaderCell
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em;
	width: 50px;
	text-align: right;
	/*padding-right: 5px;*/
}

.participantCMEEntryCell
{
	width: 60px;
	text-align: left;
}

.txtAutoFill
{
	background-color: #FFCC99;
}

.txtCMEEntry
{
	width: 40px;
}

.txtCMETotal
{
	font-weight:bold;
	width: 40px;
	background-color: #ddeeff;
}

.txtCMETotalAlert
{
	font-weight:bold;
	width: 40px;
	background-color: #ddeeff;
	color: Red;
}


/*Footer
  --------*/

.footer
{
	font-family: Arial, Sans-Serif;
	font-size: .75em;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height:2em;
	width: 975px;
}

.footer a
{
	color: #808080; 
	background: #fff;
}

/* FAQ */
p.FAQAnswer { padding-left: 15px; }