/*
Wills Eye Institute Knowledge Portal common stylesheet
(c) Wills Eye Institute 2009. All rights reserved.
*/
 
/* Comon CSS Index .................. /

/..................................  */

/* global elements */
html{height:100%}
body{background-color:#fff;font:9pt Verdana,sans-serif;margin:0;padding:0;height:100%;}
a span{display:none}
a:active{outline:none}
a:focus{-moz-outline-style:none}
input   {border:1px solid #b6b6b6;background:white;color:black;margin:8;padding: 2px; font:10px Verdana,sans-serif; }
input.radio  {border:none; background-color:Transparent;}

a img   { border: 0px; }

blockquote{margin:5px}
select{background:#ffffff; border:1px solid #b6b6b6; font:10px Verdana,sans-serif;}
table,td{border:0;border-collapse:collapse;padding:0;margin:0}
td{padding:0}
form{margin:0;padding:0}

h1  { color: #07426a; font-size: 18px; font-weight: bold; line-height: 18px; margin-top: 3px;}
h2  { color: #07426a; font-size: 14px; font-weight: bold; line-height: 14px;}
h3  { color: #07426a; font-size: 12px; font-weight: bold; line-height: 12px; margin-top: 0px; }
h4  { color: #07426a; font-size: 11px; font-weight: bold; line-height: 11px; margin-top: 0px; }
h5  { font-size: 10px; font-weight: bold; line-height: 10px; margin-top: 0px; }

a,a:active,a:visited {color:#07426a; text-decoration:none;}
a:hover {color:#8c1a1a; text-decoration:underline}
a.footer,a.footer:active,a.footer:visited {color:#07426a; text-decoration:none;}
a.footer:hover {color:#8c1a1a; text-decoration:underline;}
a.sidepanel,a.sidepanel:active,a.sidepanel:visited {font-size: 8pt; color:#07426a; text-decoration:none;}
a.sidepanel:hover {font-size: 8pt; color:#8c1a1a; text-decoration:underline}

.bold{font-weight:bold}
.italic{font-style:italic}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.padright {padding-right: 10px;}

.alert  { color: #8c1a1a; font-style: italic; font-size: 12px; font-weight: bold; }

.panelBox { width: 679px; height: 189px; background-color: #fff; border: #b6b6b6 solid 1px; padding: 2px; float: left; }
.panelSidebar {height: 59px; border: 1px solid #b6b6b6; font-size: 8pt; background-color: #fafae1;}
.columnMain {background-color: #fafae1; height: 175px; width: 316px; overflow: auto; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 0px; border-left: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6;}
.columnMain2 {background-color: #fafae1; height: 175px; width: 278px; overflow: auto; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 0px; border-left: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6;}
/*.columnContent {height: 92px; border-bottom: 1px solid #b6b6b6; vertical-align: middle; margin: auto;}*/
.columnContent { border-bottom: 1px solid #b6b6b6; vertical-align: middle; margin-top: 3px; padding-bottom: 1px;}
.columnContent2 {border-bottom: 1px solid #b6b6b6; display: block; padding-top: 10px; padding-bottom: 10px;}
.columnContent3 {padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;}
.contentTable       { }
.contentTable td    { padding: 8px 10px 8px 0px; }
.columnText {padding: 10px; }
.fullPage {border: 0px; width: 996px; }

/* main layout elements */
#masterContainer    { margin: auto auto auto auto; width: 996px; }
#headerContainer    { height: 105px; background-color: #fff; color: #000; }
#footerContainer    { width: 992px; height: 74px; background-color: #fff; border: #b6b6b6 solid 1px; color: #07426a; padding: 2px; font-size:7pt; font-weight: bold;}
#mainContainer      { width: 996px; }
.pageContainer      { margin: 16px 32px 16px 32px; }

/* form table elements */
.formContainer          { border: 0px; }
.formTable              { border: 0px; margin: 8px;}
.formTable tr.formHeader th { background-color: #8c1a1a; border-bottom: #000 solid 1px; color: #fff; height: 24px; margin: 4px; }
.formTable td               { padding: 2px 4px 2px 4px; text-align: left;}
.formTable th.header    { padding: 8px 3px 0px 3px; text-align: left; }
.formTable th		    { padding: 0px 3px 0px 3px; text-align: left; }
.formTable th.label	    { color: #07426a; font-size: 10px; }

/* Speaker Resources Style*/
.srTable {background-color: #fafae1; margin-top: 15px; margin-right: 15px; width: 600px;}
.srTable td {padding: 5px;border: 1px solid #b6b6b6;}

/* validation elements */
.validationSummary  { }
.validationSuccess  { color: #090; font-weight: bold; }
.validationFail     { color: #c00; font-weight: bold; }

.bigAsterisk            { color: #a55; font-size: 11pt; font-weight: bold; margin: 3px; vertical-align: middle; }

/* registration style */
.planTable {background-color: #fafae1; margin-top: 15px; margin-left:15px; margin-right: 15px;}
.planTable td {padding: 5px;}
.planTable th.line, td.line {border-bottom: 1px solid #b6b6b6;}
.planItem {border-bottom: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6;}
.planItem2 {border-bottom: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6;}
.planTitle {font-weight:bold;margin-bottom:3px;}
.planDesc {}
.noResultsContainer     { color: #8c1a1a; font-size: 14px; font-weight: bold; text-align: center; margin: 32px; }
.planDetailTable {width: 300px;}
.planDetailTable TD{padding: 2px 0px 2px 0px;}
.planDetailItem {font-style: italic;}

/* adminForm table elements */
.adminFormTable				{ border: 1px solid #000; font-size: 12px; }
.adminFormTable td			{ padding: 2px; }
.adminFormTable th			{ padding: 2px; }
.adminFormHeader			{ background-color: #cadce3; color: #fff; font-weight: bold; }
.adminFormHeader th		    { padding: 2px 4px 2px 4px; border-bottom: 1px solid #004a2a; color: #07426a; text-align: center; }

/* datagrid elements */
.dg					{ border: 2px solid #000; font-size: 12px; }
.dg td				{ padding: 2px; }
.dg th				{ padding: 2px; }
.dgHeader			{ background-color: #8c1a1a; color: #fff; font-weight: bold; }
.dgHeader td		{ padding: 2px 4px 2px 4px; border-bottom: 1px solid #004a2a; text-align: center; }
.dgHeader a			{ color: #8c1a1a; }
.dgHeader a:hover	{ color: #8c1a1a; text-decoration: underline; }
.dgItem				{ background-color: #fff; }
.dgItem td			{ padding: 2px 8px 2px 8px;  }
.dgAltItem			{ background-color: #e5e5e5; }
.dgAltItem td		{ padding: 2px 8px 2px 8px;  }
.dgSelectedItem		{ background-color: #f0af00; font-weight: bold; }
.dgSelectedItem td	{ padding: 2px 8px 2px 8px;  }
.dgEditItem			{ background-color: #f0c2c2; }
.dgFooter			{ background-color: #999; font-weight: bold; }
.dgFooter a			{ color: #fff; }
.dgFooter a:hover	{ color: #fff; text-decoration: underline; }
.dgPager			{ background-color: #707070; font-weight: bold; }
.dgPager td			{ padding: 2px 8px 2px 8px; }

/* login style */
.login                  {font:10px Verdana; }
.login td               {padding: 2px 4px 2px 4px; }
.loginCheckBox          {border: 0px; }
.loginFailureText       { }
.loginHyperLink         { }
.loginInstructionText   { }
.loginLabel             {font:10px Verdana; }
.loginLoginButton       {background-color:#8c1a1a; color:White; }
.loginTextBox           {border:1px solid #b6b6b6; font:10px Verdana; }
.loginTitleText         {font:10px Verdana; }
.loginValidatorText     { }

.loginContainer         { }
.loginContainer td      { text-align: left; margin: 0px; padding: 0px; }
.loginContainer input   { border: 1px solid #b6b6b6; }

.noMarginPadding    { border: 0px; margin: -1px 0px 0px 0px; padding: 0px; }
.queryText          { border: 1px solid #b6b6b6; }

/* search style */
.clearContainer     { float: right; margin-right: 20px; }
a.small             { font-size: 9px; }

.tree               { font-family: Verdana; font-size: 10px; }
.tree input         { border: 0px; background-color: #fafae1; margin-right: 3px; }
.tree span          { vertical-align: top; }
.treeHoverNode      { }
.treeLeafNode       { }
.treeNode           { }
.treeParentNode     { }
.treeRootNode       { }
.treeSelectedNode   { }

.columnMainDynamic      { background-color: #fafae1; border: 1px solid #c8dbe2; }
.columnContentDynamic   { margin: 4px; }

.searchCheckbox         { font-family: Verdana; font-size: 10px; }
.searchCheckbox td      { margin: 0px; padding: 0px; }
.searchCheckbox label   { vertical-align: top; }
.searchCheckbox input   { border: 0px; background-color: transparent; margin-right: 3px; padding-top: 1px; }

.searchViewContainer        { float: right; font-size: 10px; padding: 6px 10px 6px 3px; }
.searchViewContainer ul     { margin: 0px; padding: 0px; list-style-type: none; }
.searchViewContainer ul li  { display: inline; margin: 0px 2px 0px 2px; font: 10px Verdana; }

.searchToolbarContainer { float: left; padding: 6px 3px 6px 3px; margin-bottom: 6px; }

ul.sortOptions      { margin: 0px; padding: 0px; list-style-type: none; }
ul.sortOptions li   { display: inline; margin: 0px 4px 0px 4px; font: 10px Verdana; }

.searchResultsContainer     { text-align: center; }
.searchResultsContainer img { border: 0px; margin: 3px 0px 3px 0px; }

.searchResults          { width: 100%; }
.searchResultsHeader    { color: #8c1a1a; font-family: Verdana; font-size: 12px; font-weight: bold; padding: 6px; }    
.resultContainer        { position: static; top: 0px; text-align: center; width: 150px; margin: 0px 3px 12px 3px; float: left; }
a.resultTitle,a.resultTitle:active,a.resultTitle:visited    { color:#07426a; font-size: 11px; font-weight: bold; text-decoration:none; }
a.resultTitle:hover                                         { color:#8c1a1a; font-size: 11px; font-weight: bold; text-decoration:underline }
.resultLabel            { color: #afafaf; font-size: 9px; font-weight: bold; }
.resultValue            { font-size: 9px; }

.tagChild               { margin-left: 16px; }

.resultsSummaryContainer    { border-top: 1px solid #000; font-weight: bold; color: #b6b6b6; padding: 8px; margin: 0px 8px 0px 2px; clear: both; }

.searchPagerContainer       { border-top: 1px solid #000; clear: both; font-weight: bold; padding: 4px 8px 8px 8px; margin: 0px 8px 0px 2px; text-align: right; }
.searchPagerContainer a     { margin: 0px 4px 0px 4px; }
.searchPagerContainer span  { margin: 0px 4px 0px 4px; }

.selectedTags   { font-size: 9px; }
.treeContainer  { border: 1px solid #c8dbe2; background-color: #fafae1; position: absolute; display: none; height: 440px; width: 300px; top: -4px; left: 184px; overflow: scroll; padding: 6px; }
.treeInfo       { font-size: 10px; font-weight: bold; color: #8c1a1a; width: 100%; margin-bottom: 4px; }

/* events style */
.eventsContainer        { border: 2px solid #000; height: 665px; width: 996px; }
.eventContainer         { margin: 16px; }
.groupContainer         { background-color: #fff; border: 2px solid #b6b6b6; filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; height: 454px; margin: 16px 0px 0px 32px; overflow-x: hidden; overflow-y: auto; width: 450px; }
.resultGroupContainer   { clear: both; }

.eventsCal				{ font-weight: bold; margin: 16px 0px 0px 187px; }
.eventsCalDay			{ color: #000; height: 20px; font-size: 9px; width: 20px; }
.eventsCalDayHeader	    { color: #8c1a1a; font-size: 10px; height: 20px; width: 20px; }
.eventsCalOtherMonthDay	{ color: #777; height: 20px; font-size: 9px; width: 20px; }
.eventsCalSelectedDay   { background-color: #transparent !important; color: #000 !important; font-size: 9px; }
.eventsCalTodayDay		{ background-color: #transparent; color: #000; font-size: 9px; }

.eventDate      { color: #8c1a1a; font-size: 10px; font-weight: bold; }
.eventSpeaker   { color: #000; font-size: 10px; font-weight: bold; }
.eventTime      { color: #000; font-size: 10px; }
.eventLocation  { color: #000; font-size: 10px; }

/* Content view styles */
.viewContainer  { margin: 16px; }
.viewSummary    { width: 480px; text-align: left; margin: 8px auto 16px auto; }
.viewTitle      { color: #07426a; font-size: 18px; font-weight: bold; }
.viewLabel      { color: #8c1a1a; font-size: 12px; font-weight: bold; }

.stepDisabled       { background: #aaa; border-left: 1px solid #a0a0a0; font-size: 12px; font-weight: normal; line-height: 24px; padding: 0px 8px 0px 8px; margin: 2px; text-align: center; white-space: nowrap; }
.stepEnabled        { background-image: url(images/buttons/stepBackground.gif); background-repeat: repeat-x; border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; line-height: 24px; white-space: nowrap; margin: 2px; padding: 0px 8px 0px 8px; text-align: center; }
.stepEnabled a      { font-size: 12px; font-weight: bold; }
.stepHighlight      { background-image: url(images/buttons/stepBackgroundHighlight.gif); background-repeat: repeat-x; border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; line-height: 24px; white-space: nowrap; margin: 2px; padding: 0px 8px 0px 8px; text-align: center; }
.stepHighlight a    { color: #8c1a1a; font-size: 12px; font-weight: bold; }

.stepInfo       { }
.stepInfo th    { color: #707070; font-size: 10px; font-weight: bold; text-align: center; }

/* Silverlight player styles */
.silverlightHost { height: 620px; width: 800px; }

div.dimmer
{
    display: none;
    left:0px;
    top:0px;
    font-family:verdana;
    font-weight:bold;
    height: 100%;
    width: 100%;
    background-color: #000;
	filter:alpha(opacity=75);-moz-opacity: 0.75;-khtml-opacity: 0.75;opacity: 0.75;
    z-index: 10;
    position: fixed;
}

.silverlightContainerOuter
{
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
}
.silverlightContainerInner
{
    position: relative;
    margin-left: auto; 
    margin-right: auto;
    top: 16px;
    border: 1px solid #fff; 
    width: 800px;
    height: 640px;
    overflow: hidden;
    text-align: center;
}

.silverlightControlMenu
{
    height: 20px;
    width: 800px;
    text-align: right; 
    background-color: #777;
    line-height: 20px;
    border-bottom: 1px solid #fff;
}
.silverlightControlMenu a { color: #fff; font-size: 12px; font-weight: bold; }

div.loadingScreen
{
    position:absolute;
    left:0px;
    top:0px;
    font-family:verdana;
    font-weight:bold;
    height: 100%;
    width: 100%;
    background-color: #fff;
    filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
    vertical-align: middle;
    text-align: center;
}
div.loadingContainer    { border: 1px solid #000; background-color: #fff; text-align: center; width: 200px; height: 150px; position: absolute; top: 50%; margin-top: -75px; left: 50%; margin-left: -100px; vertical-align: middle; }
font.loadingText        { color: #8c1a1a; font-size: 12px; font-weight: bold; }

/* quiz styles */
.questionListContainer      { margin: 10px 10px 10px 0px; }
.questionContainer          { margin: 8px; }
.questionContainer ol       { color: #000; font-size: 9pt; }
.questionContainer ol li    { }
.questionNumber             { color: #afafaf; font-size: 14px; font-weight: bold; }
.questionText               { color: #707070; font-size: 14px; font-weight: bold; }
.quizAnswer                 { margin: 8px; }
.quizAnswer ul              { list-style-type: none; }
.quizAnswer ul li           { }
.answerNumber               { color: #afafaf; font-size: 12px; font-weight: bold; }
.answerText                 { font-size: 12px; font-weight: bold; }
.answerText input           { border: 0px; margin-right: 4px; }

.radioList          { margin: 8px 32px 8px 32px; }
.quizTextBox        { margin: 8px 0px 8px 0px; }
.radioList input    { border: 0px; margin: 0px 4px 0px 4px; }

.moduleThumbnail    { border: 0px; margin: 0px; padding: 0px; }

.welcome            { font-size: 12px; font-weight: bold; }
.welcomeHighlight   { color: #8c1a1a; font-size: 12px; font-weight: bold; }

/* Extranet styles */
.sectionTitle               { color: #8c1a1a; font-size: 14px; font-weight: bold; line-height: 14px; }
.sectionContainer           { margin: 12px; text-align: center; }
.sectionHeader              { font-size: 12px; font-weight: bold; line-height: 12px; }
.sectionContainer select    { font-size: 9px; }
.sectionTable               { border: 1px solid #000; font-size: 9px; }
.sectionTableHeader         { background-color: #cadce3; border-bottom: 1px solid #000; color: #07426a; font-size: 12px; font-weight: bold; padding: 2px; }
.restrictions               { margin: 6px; text-align: left; }
.restrictions ul            { margin: 4px; }
.restrictions ul li         { margin: 2px 0px 0px 24px; }


/* Grid styles */
.grid                   { border: 1px solid #000; font-size: 9px; }
.grid select            { font-size: 10px; }
.gridAlternatingRow     { background-color: #fff; }
.gridAlternatingRow td  { padding: 0px 4px 0px 4px; }
.gridEditRow            { }
.gridEmptyDataRow       { color: #8c1a1a; font-size: 12px; }
.gridFooter             { font-size: 10px; }
.gridHeader             { color: #07426a; font-size: 12px; }
.gridHeader th          { background-color: #cadce3; border-bottom: 1px solid #000; }
.gridPager              { font-size: 10px; }
.gridRow                { background-color: #fff; }
.gridRow td             { padding: 0px 4px 0px 4px; }
.gridSelectedRow        { }

/* Header styles */
.siteList               { border: 1px solid #999; position: absolute; top: 23px; left: 189px; width: 132px; font-size: 9px; text-align: left; }
.siteListTable td       { background-color: #fafae1; padding: 3px; width: 132px; }
.siteRowHighlight td    { background-color: #cbdde3; margin: 3px; width: 132px; cursor: pointer; }
.siteRowNormal td       { background-color: #fafae1; margin: 3px; width: 132px; }

/* Wizard styles */
.wizard { margin: auto; }

/* Forgot Password styles */
.passwordRecoveryContainer          { width: 360px; margin: auto; text-align: center; }
.passwordRecoveryContainer table    { width: 100%; }

.fp-InstructionText     { font-weight: bold; font-size: 12px; padding: 4px; }
.fp-Label               { font-weight: bold; font-size: 10px; padding: 4px; }
.fp-SuccessText         { font-weight: bold; font-size: 12px; color: #8c1a1a; padding: 4px; }
.fp-TitleText           { font-weight: bold; font-size: 14px; color: #8c1a1a; padding: 4px; }


              
/* color reference key */
/*
logo red:   8c1a1a
light gray: e5e5e5
dark gray:  707070
*/

/****  for extranet homepage   ****/
/* Image elements */


#contenthome1 { width: 100%; text-align: left; padding: 5px 10px 0 10px; background-color: #F9F7F8;	background-image: url(../images/background1.gif); background-repeat: no-repeat; background-position: center; font-family: Arial,Helvetica,Tahoma,Verdana,Geneva,Swiss,SunSans-Regular,sans-serif;}
#contentmain1 {width: 770px; color: #000000; background-color: #FFFFFF; text-align: left; margin-left:auto; margin-right:auto; border-left: 0px solid #003263; border-right: 0px solid #003263; }
#mainlayout1 {width: 100%; padding: 0px;}
#maincontentrow1 {width: 100%; text-align: center;}
.hometitle {color: #8B0101; font-weight:bold; font-size:18px; border-bottom: 1px solid; margin: 5px 0 0 0; text-align: left; }
.homefootertitle {color: #000000; font-weight:bold; font-size:14px; border-bottom: 1px solid; margin: 5px 0 0 0; text-align: left; }
.tiny {font-size:8px;}
img.meetingpicture {float: right; width: auto; padding: 10px 0px 0px 15px;}