/****************** Default Styling ********************/

input, select, textarea { padding: 5px 6px; border-radius: 4px;border: 1px solid #dbd9d9;}
input:focus, select:focus, textarea:focus {border-color:#5d9cec}
input[type=button], input[type=submit] { padding: 6px 10px; border-radius: 2px;border: 1px solid #999999}
input[type=button]:hover, input[type=submit]:hover { border-color:#5d9cec}
input[type=file] { padding: 0;}

/*Remove underlines from links except on hover*/
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:underline;color: #0066cc;}

/*Left and Right margin for entire page.*/
body {margin-left:5px; margin-right:5px;}

/*Empty cells in all tables should be shown with borders if borders specified.*/
table {empty-cells:show;}

/* make FF and chrome behave like IE for textarea fields */
textarea {resize:none;}

/*This creates the main panel with the dropshadow and rounded corners.*/
.ContentFrame {margin-left:10px; margin-right:10px; margin-bottom:20px;  padding:20px; border: 1px solid #C1CDCD; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: #666 2px 2px 5px 2px; -moz-box-shadow: #666 2px 2px 5px 2px; box-shadow: #666 2px 2px 5px 2px; background: #FFFFFF;}

/*We can't do the dropshadow panel for IE6/7/8. So style it differently for these browsers.*/
.IELT9 .ContentFrame {padding:20px; border: 1px solid #C1CDCD; background: #FFFFFF;}

.SideBySide {width:100%;}
.IE7 .SideBySide {width:1%;}
.IE7 .QuestionLabel.SideBySide {white-space:nowrap;}
.IE7 .QuestionDescription.SideBySide {white-space:nowrap;}

.clickable {
    cursor: pointer;
}
td.cell.left {
    text-align: left;
}
td.cell.right {
  text-align: right;
}
td.cell.center {
  text-align: center;
}
tr.QuestionValue:hover {
  background-color: #ecf1ef;
}
/******************************************************/
/************************Panels**************************/
#LeftPanel {
  vertical-align: top;
  width: 1%;
}
#RightPanel {vertical-align:top;width:1%;}
#BodyPanel {vertical-align:top;}

/********************************************************/

/********************Login Page************************/

#Login {margin-top:60px; width:800px}
#Login #Header {margin:20px 0 30px 0;}

#Login #ContentFrame{width:800px;text-align:left;}

#Login #Instructions {margin: 0 0 20px 0}
#Login #Form {margin-left:60px}
#Login #ErrorMessage {margin: 0 0 20px 0;}
#Login #PasswordLabel {padding-left:35px}
#Login #PasswordPrompt {padding-left:35px}
#Login #NewApplicantLink .QuestionLabel {font-size:.8em;}
#Login #ForgotPasswordLink .QuestionLabel {font-size:.8em;}
#Login #LoginButton {padding-left:10px; padding-right:10px}
#Login #ButtonRow {padding-top:40px;}
#Login input[type='text'],#Login input[type='password'] {width: 300px}

/*************** Attachments Page ***************/
#Attachments {text-align:left;}
#Attachments #ContentFrame {margin-top:60px;}
#Attachments #Header {margin:0 0 20px 0;}

/********************Forgot Password Page************************/

#ForgotPassword {margin-top:60px; width:600px;}
#ForgotPassword #ContentFrame {width:600px;text-align:left;}
#ForgotPassword #Header {margin:20px 0 30px 0;}
#ForgotPassword #Instructions {margin: 0 0 20px 0; width:600px;}
#ForgotPassword #ErrorMessage {margin: 0 0 20px 0; width:600px;}
#ForgotPassword #Button {text-align:center;margin-top:40px}
#ForgotPassword #BackToLogin .QuestionLabel {font-size:.8em;}

/***************************************************************/

/********************Account Creation Page************************/

#AccountCreation {margin-top:60px; width:600px}
#AccountCreation #ContentFrame {width:600px;text-align:left;}
#AccountCreation #Header {margin:20px 0 20px 0;}
#AccountCreation #Instructions {margin: 0 0 20px 0;}
#AccountCreation #ErrorMessage {margin: 0 0 20px 0;width:600px;}
#AccountCreation #Form {text-align:center;}
#AccountCreation #Table {text-align:left;}
#AccountCreation .Label {width:500px;}
#AccountCreation #Button {text-align:center;padding-top:20px}
#AccountCreation #BackToLogin {margin-top:10px;text-align:left}
#AccountCreation #BackToLogin .QuestionLabel {font-size:.8em;}

/********************************************************/


/********************Account Page************************/

#Account {margin-top:20px;}
#Account #Applications, #Account #Requirements, #Account #Payments{text-align:left;}
#Account #Header {margin:0 0 10px 0;}
#Account #ErrorMessage {margin: 0 0 20px 0;}
#Account #Instructions {margin: 0 0 20px 0}
#Account #HideViews {text-align:right;margin-bottom:10px;}
#Account #AcceptDeclineApp {text-align:right;margin-bottom:10px;}
#Account #AcceptDeclineApp img {vertical-align:middle;}
#Account #AcceptDeclineApp span {vertical-align:middle;}
#Account #AcceptDeclineApp #AcceptLabel {margin-right:20px}
#Account #AcceptDeclineReq {text-align:right;margin-bottom:10px;}
#Account #AcceptDeclineReq img {vertical-align:middle;}
#Account #AcceptDeclineReq span {vertical-align:middle;}
#Account #AcceptDeclineReq #AcceptLabel {margin-right:20px}

#Account .NewStage2, #Account .NewResubmission {margin: 0 0 20px 0}
#Account .NewStage2 div, #Account .NewResubmission div {margin: 0 0 5px 0}
#Account #Show {text-align:right;margin-bottom:10px;}
#Account .ShowLabel {margin-right:5px;}
#Account #Table {width:100%;}
#Account .ColumnHeader td {color:#ffffff; padding:0 5px 0 5px;}
#Account .ColumnHeader .ColumnDivider {background-color:transparent;overflow:hidden;width:5px;height:32px;background-repeat:repeat-y;float:right;}
#Account #Table tr.QuestionValue td {padding:5px;}
#Account .Sort{background-color:transparent;overflow:hidden;width:9px;height:5px;cursor:pointer;margin-left:5px;margin-top:2px;}
#Account .SortAscending{background-image:url(../Images/sortAsc.gif);}
#Account .SortDescending{background-image:url(../Images/sortDesc.gif);}

/******************************************************/

/*************************Transfer Decline Page***************************/

#TransferDecline {margin-top:30px; width:640px;text-align:left;}
#TransferDecline #ContentFrame {width:640px;}
#TransferDecline #ErrorMessage {margin: 20px 0 20px 0;}
#TransferDecline #PageTitle {margin-bottom:10px;}
#TransferDecline #Form {text-align:center;}
#TransferDecline .Label {white-space:nowrap;text-align:right;}
#TransferDecline #BodyLabel {vertical-align:top;}
#TransferDecline #CancelButton {margin-left:10px;}

/********************************************************************/

/*************************Transfer Page***************************/

#Transfer {margin-top:30px; width:860px;text-align:left;}
#Transfer #ContentFrame {width:860px;}
#Transfer #ErrorMessage {margin: 20px 0 20px 0;}
#Transfer #PageTitle {margin-bottom:10px;}
#Transfer #Form {text-align:center;}
#Transfer .Label {white-space:nowrap;text-align:right;}
#Transfer #BodyLabel {vertical-align:top;}
#Transfer #BodyNote { margin-top: 5px;}
#Transfer #CancelButton {margin-left:10px;}

/********************************************************************/

/*************************Manage Viewer Page***************************/

#Manage {margin-top:30px; width:840px;text-align:left;}
#Manage #ContentFrame {width:840px; }
#Manage #ErrorMessage {margin: 20px 0 20px 0;}
#Manage #PageTitle {margin-bottom:10px;}
#Manage #CurrentViewers {margin-top:20px;}
#Manage #NoViewers {margin-top:20px;}
#Manage #Header2 {margin:50px 0 0 0;}
#Manage #Form {text-align:center;}
#Manage .Label {white-space:nowrap;text-align:right;}
#Manage #BodyLabel {vertical-align:top;}
#Manage #CancelButton {margin-left:10px;}


/********************************************************************/

/*******************Change Account Page*******************/

#ChangeAccount {margin-top:20px;}
#ChangeAccount #ContentFrame {width:800px; text-align:left;}
#ChangeAccount #EmailHeader, #ChangeAccount #PasswordHeader {margin:0 0 20px 0;}
#ChangeAccount #ErrorMessage {margin: 0 0 20px 0;}
#ChangeAccount #EmailInstructions, #ChangeAccount #PasswordInstructions {margin: 0 0 20px 0}
#ChangeAccount #EmailForm {margin: 0 0 40px 0;}
#ChangeAccount #EmailPrompt {margin: 0 0 5px 0;}
#ChangeAccount #PasswordPrompt {margin: 0 0 10px 0;}
#ChangeAccount #PasswordConfirmPrompt {margin: 0 0 5px 0;}
#ChangeAccount #BackToAccount {margin: 40px 0 0 0;}

/*******************************************************/

/*******************Announcement Page*******************/

#Announcement {margin-top:120px;}
#Announcement #ContentFrame {width:500px; text-align:center;}
#Announcement #Header {margin:0 0 20px 0;}
#Announcement #Instructions {margin: 0 0 40px 0;}
#Announcement #Button {margin-top:20px;text-align:center;}

/*******************************************************/

/*******************Security Questions Page*******************/

#SecurityQuestions {margin-top:20px;}
#SecurityQuestions #ContentFrame {width:845px; text-align:left;}
#SecurityQuestions #Header {margin:0 0 20px 0;}
#SecurityQuestions #ErrorMessage {margin: 0 0 20px 0;}
#SecurityQuestions #Instructions {margin: 0 0 20px 0}
#SecurityQuestions #Form {margin: 0 0 10px 0;}
#SecurityQuestions .Prompt {margin: 0 0 25px 0;}
#SecurityQuestions .Question {width:525px;}
#SecurityQuestions .Answer {width:300px;margin-left:10px;}

/************************************************************/

/******************* Prompt Security Questions Page*******************/

#PromptForSecurityQuestions {margin-top:20px;}
#PromptForSecurityQuestions #ContentFrame {width:845px; text-align:center;}
#PromptForSecurityQuestions #ErrorMessage {margin: 0 0 20px 0;}
#PromptForSecurityQuestions #Form {margin: 20px 0 10px 0;}
#PromptForSecurityQuestions #Question {margin: 0 0 15px 0;}
#PromptForSecurityQuestions #Answer {margin: 0 0 15px 0;}
#PromptForSecurityQuestions .Answer {width:300px;margin-left:10px;}

/************************************************************/

/********************Navigation Tabs************************/

.ContentFrame #Navigation {margin-left:-15px;margin-top:-15px;}
#Navigation {margin-bottom:15px;text-align:left;white-space:nowrap;}
#NavigationTabs {list-style: none;padding:0;margin:0;}
#NavigationTabs li {display: inline;margin-left:2px;margin-right:2px;padding:5px 10px 5px 10px;border-radius: 3px;}
#NavigationTabs a:hover {text-decoration:none;}

/**********************************************************/

/********************Application Page************************/

#Application {padding-top:10px; }
#Application #PageTitle {padding-top:2px;}
#Application #PrinterFriendlyEmailLinks {padding-top:3px;text-align: right}
#Application #RequiredIconLegend {clear:both;margin-bottom:20px;text-align:left}
#Application #SimplifyIconLegend {clear:both;margin-bottom:7px;text-align:left}
.Progress {width:500px;font-size:.8em;}
#PrinterFriendly #Application #PageTitle {padding-bottom:20px;}
#PrinterFriendly #Application #FormTitle {padding-bottom:20px;}

/************************************************************/

/********************Application Password Page************************/

#ApplicationPassword {margin:50px 10px 0 10px;}
#ApplicationPassword #ContentFrame {width:500px;text-align:center;}
#ApplicationPassword #Form {margin-top:20px;margin-bottom:20px;}
#ApplicationPassword #ErrorMessage {text-align:left;margin: 0 0 20px 0;}
#ApplicationPassword #PasswordLabel {margin-right:10px;}
#ApplicationPassword #OK {padding-left:5px; padding-right:5px; margin-left:10px;}

/********************************************************************/

/********************Application TaxId Page***************************/

#TaxId {margin: 50px 10px 0 10px;}
#TaxId #ContentFrame {width:700px;text-align:center;}
#TaxId #ErrorMessage {text-align:left; font-weight:normal;margin: 0 0 20px 0;}
#TaxId #Form {margin-top:20px;margin-bottom:20px;}
#TaxId #Instructions {text-align:left;margin: 0 0 20px 0;}
#TaxId #TaxIdLabel {margin-right:10px;}
#TaxId #OK {padding-left:5px; padding-right:5px; margin-left:10px;}

/********************************************************************/

/*****************************Quiz Page******************************/

#Quiz {margin: 50px 10px 0 10px; text-align:left;}
#Quiz #PageTitle {text-align:center}
#Quiz #ErrorMessage {text-align:left; font-weight:normal;margin: 0 0 20px 0;}

/********************************************************************/

/*******************Outcomes Page*******************/

#Outcomes {margin-top:120px;}
#Outcomes #ContentFrame {width:500px; text-align:center;}
#Outcomes #Header {margin:0 0 20px 0;}
#Outcomes #Instructions {margin: 0 0 40px 0;}
#Outcomes #Button {margin-top:20px;text-align:center;}

/*******************************************************/


/****************Email Draft Confirm on Submit Page*****************/

#EmailDraftConfirm {margin-top:50px; width:400px;}
#EmailDraftConfirm #ContentFrame {width:400px;text-align:center;padding-bottom:0px}
#EmailDraftConfirm #ErrorMessage {text-align:left; font-weight:normal; margin 20 0 20px 0;}
#EmailDraftConfirm #Form {margin-top:20px; margin-bottom:20px;}
#EmailDraftConfirm #No, #EmailDraftConfirm #Yes {text-align:left; margin-left:70px;}
#EmailDraftConfirm #Button {margin-top:20px;}

/********************************************************************/

/*************************Email Draft Page***************************/

#EmailDraft {margin-top:50px; width:800px;text-align:left}
#EmailDraft #ContentFrame {width:800px;padding-bottom:0;}
#EmailDraft #ErrorMessage {text-align:left; font-weight:normal; margin: 20px 0 20px 0;}
#EmailDraft #Form {margin-top:30px;margin-bottom:20px;}
#EmailDraft .Label {white-space:nowrap;text-align:right;}
#EmailDraft #ToLabel {padding-top:.5em; vertical-align:top;}
#EmailDraft #BodyLabel {vertical-align:top;}
#EmailDraft #ToNote, #EmailDraft #BodyNote {width:440px;}
#EmailDraft #CancelButton {margin-left:10px;}

/********************************************************************/

/********************Notify Recommenders Page************************/

#NotifyRecommenders {margin-top:30px; width:625px;text-align:left;}
#NotifyRecommenders #ContentFrame {width:625px;}
#NotifyRecommenders #ErrorMessage {margin:0 0 10px 0;}
#NotifyRecommenders #PageTitle {margin-bottom:10px;}
#NotifyRecommenders #Form {text-align:center;}
#NotifyRecommenders .Label {white-space:nowrap;text-align:right;}
#NotifyRecommenders #BodyLabel {vertical-align:top;}
#NotifyRecommenders #CancelButton {margin-left:10px;}

/********************Recommenders Page*******************************/
#EnterHere {text-align:left;}


/**********************Acknowledgement Page*************************/

#Acknowledgement {margin-top:50px; width:800px}
#Acknowledgement #ContentFrame{width:800px;text-align:left;}
#Acknowledgement #Header {margin:20px 0 30px 0;}
#Acknowledgement #ErrorMessage {margin-left:30px; margin-right:30px;}
#Acknowledgement #Form {margin-left:30px; margin-right:30px;}
#Acknowledgement #Button {margin-top:20px;text-align:center;}

/*******************************************************************/

/****************** Dialog Box Styling******************/

#dialog {position:absolute; width:425px; z-index:2000; background-color:transparent; font-family:arial, verdana, tahoma, sans-serif}
#dialog input {padding: 5px 7px 5px 7px}
#dialog-content {display:block; padding:6 6 0 6; color:#333333; font-size:13px}
#dialog-text {float:left;margin-top:10px}
#dialog-buttons {margin:20px 0 8px 0;text-align:center;}

.DialogModalBackgroundIE{position: absolute; left: expression(ignoreMe = document.documentElement.scrollLeft + "px"); top: expression(ignoreMe = document.documentElement.scrollTop + "px"); width: expression(document.documentElement.clientWidth + "px"); height: expression(document.documentElement.clientHeight + "px"); opacity:0.02; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=2); background-color:Black; z-index:1999 }
.DialogModalBackgroundIE8{position: absolute; left: 0; top: 0; width: expression(document.body.scrollWidth + "px"); height: expression(document.body.scrollHeight + "px"); opacity:0.02; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=2); background-color:Black; z-index:1999 }
.DialogModalBackground{position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity:0.02; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=2); background-color:Black; z-index:1999 }

.DialogTopLeft{background:transparent url(../Images/DialogBox/TopLeft.gif) no-repeat 0 0;padding-left:15px;zoom:1}
.DialogTopRight{background:transparent url(../Images/DialogBox/TopRight.gif) no-repeat right 0;zoom:1;padding-right:15px;}
.DialogTopCenter{background:transparent url(../Images/DialogBox/TopCenter.gif) repeat-x 0 0;overflow:hidden;height:16px;font-size:1pt}
.DialogContent{overflow:hidden;border-left:10px solid #7f7f7f;border-right:10px solid #7f7f7f;padding-top:6px;padding-bottom:0;padding-left:0;padding-right:0;font:normal 10pt tahoma,arial,helvetica,sans-serif;zoom:1;}
.DialogContent{background:#ffffff;}
.DialogBottomLeft{padding-left:15px;zoom:1;background:transparent url(../Images/DialogBox/BottomLeft.gif) no-repeat 0 bottom;}
.DialogBottomRight{padding-right:15px;zoom:1;background:transparent url(../Images/DialogBox/BottomRight.gif) no-repeat right bottom;}
.DialogBottomCenter{font-size:1pt; height:16px; zoom:1;background:transparent url(../Images/DialogBox/BottomCenter.gif) repeat-x 0 bottom;}
.DialogErrorIcon{width:32px;height:32px;float:left;margin:13px 13px 0 9px;background:transparent url(../Images/DialogBox/icon_alert_error.png) no-repeat 0 0;}
.DialogPromptIcon{width:43px;height:32px;float:left;margin:13px 13px 0 9px;background:transparent url(../Images/DialogBox/info-icon.png) no-repeat 0 0;}

/*****************************************************************/

/***********************Error Header Styling**********************/

#ErrorBlock {border: 1px solid #c0212f; padding:10px; padding-top:15px;margin: 10px 10px 10px 0;color:#c0212f;border-radius: 2px;}
#ErrorBlock #Header{font-weight:bold;color:#c0212f;}
#ErrorBlock #Icon{width:32px;height:32px;float:left;background:transparent url(../Images/DialogBox/icon_alert_error.png) no-repeat 0 0;margin-right:5px;}
#ErrorBlock li{list-style-type:bullet;margin-left:15px;color:#c0212f;}


/****************************************************************/

/*************************Error.aspx*****************************/
#Error {margin-top:60px; width:800px;text-align:left;}
#Error #Header {margin:20px 0 30px 0;}
#Error #Message { margin-top: 20px;}
#Error #StackTrace { margin-top: 20px;}
/***************************************************************/

/********************Resend Confirm Email Page************************/

#ResendConfirmEmail {
margin-top: 60px;
width: 600px
}

#ResendConfirmEmail #ContentFrame {
width: 600px;
text-align: left;
}

#ResendConfirmEmail #Header {
margin: 20px 0 20px 0;
}

#ResendConfirmEmail #Instructions {
margin: 0 0 20px 0;
}

#ResendConfirmEmail #Form {
text-align: center;
}

#ResendConfirmEmail #Table {
text-align: left;
}

#ResendConfirmEmail .Label {
width: 500px;
}

#ResendConfirmEmail #Button {
text-align: center;
padding-top: 20px
}

#ResendConfirmEmail #BackToLogin {
margin-top: 10px;
text-align: left
}

#ResendConfirmEmail #BackToLogin .QuestionLabel {
font-size: .8em;
}

#ResendConfirmEmail #Table td {
padding-bottom: 3%;
}

#ResendConfirmEmail #ConfirmEmail {
text-align: center;
font-weight: bold;
}

#ResendConfirmEmail #SecondMessage {
font-style: italic
}

/********************************************************/

/********************Confirm Email Page************************/
#ConfirmEmail #Form {
  margin-top: 20px;
  margin-bottom: 20px;
}

#ConfirmEmail .ConfirmButton {
  margin-top: 20px;
}
/********************************************************/