/* 
pgyMail.com styles
Nick Grossman - www.wrkng.net
Planned launch 9/1/06

*/


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

html 
{
 font-family: Trebuchet MS, Verdana, arial, sans-serif;
 font-size: 80%;
}
body 
{
 margin: 0;
 padding: 0;
}
#wrapper
{
 margin: 0;
 padding: 0;
 background: #4e89b5 url(App_Themes/Inbox/Images/headerBG.gif) top left repeat-x;
}
#header
{
 margin: 0;
 padding: 0;
}
#loggedIn
{
 padding: 0;
 margin: 0;
 text-align: left;
}
#page
{
 clear: both;
 margin: 0;
 padding: 0;
 position: relative;
 background: #fff;
}

#sidebar
{
 position: absolute;
 top: 0;
 left: 0;
 margin: 10px 0;
 width: 318px;
 padding: 5px 0px 5px 5px;
 overflow: hidden; 
 background: #fff;
}
#main
{
 margin: 0 0 0 325px;
 padding: 10px;
 overflow-y:scroll;
 text-align: left;
 background: #fff;
}
#footer
{
 clear: both;
 font-size: .9em; 
 color: #999;
 margin: 0; 
 padding: 5px 8px;
 background: #000;
 height: 20px;
 text-align: right;
 }

/* Header
--------------------------------*/

#header h1
{
 padding: 0;
 margin: 0;
 background: url(App_Themes/PGYMail/Images/pgyMailLogo.gif) 10px 7px no-repeat;
 text-indent: -9999px;
 height: 35px;
}
#header h1 span 
{
 display: none;
}
#header h2 
{
 position: absolute;
 top: 6px;
 left: 80px;
 margin: 0;
 text-align: left;
 padding: 0;
 font-size: 1.1em;
 color: #fff;
 font-weight: normal;
 display: none;
}

#searchform {
 position: absolute;
 top: 5px;
 left: 85px;
}

/* loggedIn Bar 
------------------------------*/
#welcome
{
 position: absolute;
 top: 5px;
 margin: 0;
 right: 10px;
 padding: 0px 8px;
 color: #fff;
 font-size: .9em;
}
#welcome a
{
 color:White;	
}
#welcome a:hover 
{ 
 text-decoration: none;
}
#navTabs 
{
  margin: 0 0 0 85px; /* This should match left margin of #searchform */
  padding: 10px 0 0 0;
}
#navTabs ul 
{
 padding: 0;
 margin: 0;
}
#navTabs li 
{
 float: left;
 list-style: none;
 margin: 0;
 padding: 0 0 0 5px;
 display: block;
 background: #666 url(App_Themes/Inbox/Images/left_all.gif) 0 0 no-repeat
}
#navTabs li img 
{
 display: none;
}
#navTabs li a
{
 display: block;
 padding: 7px 11px 5px 5px;
 text-decoration: none;
 color: #fff;
 margin: 0;
 background: #666 url(App_Themes/Inbox/Images/right_all.gif) 100% 0px no-repeat
}
#navTabs li a:hover
{
 /*background-position: 100% 0px;*/
 color: #ffd42f;
 text-decoration: none;
}
#navTabs li:hover 
{
 /*background-position: 0px 0px; */
}
#navTabs li.selected,
#navTabs li.selected:hover 
{
 background-position: 0px -29px;
 background-color: #fff;
}
#navTabs li.selected a,
#navTabs li.selected a:hover 
{
 background-position: 100% -29px;
 background-color: #fff;
 border: 0;
 color: #000;
}


/*-------------------------
/
/
/   sidebar
/
/
--------------------------*/

#dragMe 
{
 position: absolute;
 width: 6px;
 height: 100%;
 background: #999;
 cursor: e-resize;
} 
#sidebarIntro
{
 text-align: right;
 padding: 2px 0px 7px;
 margin: 0 12px 0 0;
}

#sidebarNav 
{
 float: left;
 width: 100px;
 padding: 10px 0;
 font-size: .9em;
}
#sidebarNav ul 
{
 padding: 0;
 margin: 0;
}
#sidebarNav li 
{
 list-style: none;
 padding: 0;
 margin: 0 0 8px;
}
#sidebarNav li a 
{
 display: block;
 width: 92px;
 padding: 4px;
 margin: 0;
}
#sidebarNav li a:hover 
{
 background: #fff8ba;
}
#sidebarNav li.selected a,
#sidebarNav li.selected a:hover 
{
 /*background: #6a9913; */
 color: #000;
 font-weight: bold;
 padding: 6px 4px;
}

#sidebarNav li.selected li /* subnav for sidebar */
{
 margin: 0;
 padding: 0;
}
#sidebarNav li.selected li a,
#sidebarNav li.selected li a:hover 
{
 /*background: #A3BF64;*/
 font-weight: normal;
}

#sidebarChooser 
{
 background: green;
 padding: 4px; 
 color: yellow;
}
#sidebarChooser select {
 margin: 1px 0;
}

/* ----- INBOX  ---- */

#inbox 
{
 float: right;
 width: 197px;
 border: 1px solid #666;
 border-left: 4px solid #6a9913;
 margin: 0 16px 8px 0;
 height: 200px;
 overflow-y: scroll;
 background: #fff;
 position: relative;
} 
#inbox ul 
{
 padding: 0;
 margin: 0;
}

#inbox li 
{
 list-style: none; 
 padding: 5px;
 border-bottom: 1px solid #ccc;
 font-size: .95em;
 margin: 0;
 clear: both;
 height: 4em;
}
#inbox .selected {
 background: #000;
 color: #fff;
}

#inbox .unread {
 font-weight: bold;
}

#inbox .inboxItemMain 
{
 float: left;
 width: 125px;
 margin: 0;
 padding: 0;
 font-size: .9em;
}
#inbox .inboxItemSide
{
 float: right;
 width: 37px;
 margin: 0;
 padding: 0;
 text-align: right;
 font-size: .9em;
}
#inbox .name {
 display: block;
}
#inbox .title {
 display: block;
}
#inbox .date {

}
#inbox .type {

}

/*-------------------------
/
/
/   MAIN SECTION
/
/
--------------------------*/


/* Main - General 
--------------------------*/

#main h2 
{
 font-size: 1.3em;
 font-weight: normal;
 margin: 0 0 15px 0;
}
#main table 
{ 
 width: 100%;
}


/* Login
--------------------------*/

#LoginForm 
{
 width: 298px;
 margin: 0px 0 25px 0px;
 border: 1px solid #ccc;
}
#LoginForm table#ctl00_ContentPlaceHolder1_Login1 table 
{
 margin: 0;
 width: 296px;
}
#LoginForm .LoginTitle 
{
 background: #2a6ea8;
 color: #fff;
 padding: 5px 15px;
 font-size: 1.2em;
}
#LoginForm .LoginLabel 
{
 margin: 0;
 padding: 10px 5px;
}
#LoginForm .LoginTextBox
{
 padding: 2px 3px 1px;
 font-size: 1em;
 color: #444;
 margin: 0 3px 0 0;
}
#LoginForm .LoginCheckBox 
{
 font-size: .9em;
 color: #666;
 padding: 2px 10px 2px 100px;
}
#LoginForm .LoginButton 
{
 margin: 10px 10px 10px 0;
}


/* Homepage
-----------------------------*/

#Intro 
{
 width: 278px;
 float: left;
 border: 1px solid #ccc;
 padding: 10px;
}
#Intro p 
{
 padding: 2px 5px;
}

#RecentNews 
{
 width: 350px;
 float: right;
 margin: 0 15px;
}
#RecentNews h3 
{
 border-bottom: 1px solid #999;
 margin: 0 0 10px 0;
}
#RecentNews h4 
{
 margin: 0;
 padding: 0;
}
#RecentNews p 
{
 margin: 3px 10px;
 font-size: .9em;
}



/* Eval Form
------------------------------*/

#EvalInfo
{
 position: relative;
}


#EvalPerson
{
 text-align: center;
 margin-right: 15px;
}
#EvalPerson h3 
{
 padding: 5px 0;
 margin: 0;
 font-size: 1.5em;
 text-align: center;
 border: 0;
}
#RotationDetails
{
 /*float: left;*/

}
#RotationBlock
{
 float:left;	
}
#RotationActors
{
 float:right;
}

#RotationName
{
 text-align:center;
 font-size:14px;
 font-weight:bold;	
}
#RotationDetails dl 
{
 border: 1px solid #ccc;
 margin: 0 10px 15px 0;
 font-size: .9em;
 float: left;
 padding: 0 5px;
}

#RotationDetails dt 
{
 display: block;
 float: left;
 clear: left;
 /*border-top: 1px solid #ccc;*/
 padding: 2px 8px 2px 0;
 font-weight: bold;
}
#RotationDetails dd {
 display:block;
 padding: 2px 0;
 margin: 0;
 /*border-top: 1px solid #ccc;*/
}
#RotationDetails .WorkflowPast 
{
 font-weight: normal;
 color: #777;
}
dd.WorkflowPast 
{
 text-decoration: line-through;
}
.WorkflowCurrent 
{
 font-weight: bold;
 color: Green;
}
#RotationDetails .WorkflowFuture 
{
 font-weight: normal;
}

#EvalComments
{
 width: 310px;
 float:left;
}
table.Comments 
{
 margin: 10px;
 padding: 3px;
}
#EvalActions
{
 width:310px;
 float:right;	
 display:block;
}
#EvalComments label
{
 display:block; 
 font-size: .9em;
}

#EvalActions label 
{
 display:block;
 font-size: .9em;
 
}

#EvalComments textarea
{
 float:left;
 width: 300px;
 height: 110px;
 color: SlateGray;
}

#EvalActions textarea 
{
 width: 307px;
 height: 110px;
 color: SlateGray;
}

#SaveForm 
{
 width: 340px;
 padding: 10px;
 margin: 0;
 clear: left;
}
#SaveForm a.sign,
#SaveForm a.save 
{
 float: left;
 margin: 0 10px 0 0;
}

#Legend {
 margin: 10px 5px;
 padding: 0;
 font-size: .85em;
}
#Legend h4 
{
 margin: 0;
 background: #999;
 color: #fff;
 font-weight: normal;
 text-transform: uppercase;
 padding: 2px;
}
#Legend ul {
 margin: 0;
 padding: 8px 10px;
 }
#Legend li {
 padding: 0;
 list-style: none;
 margin: 0 10px 3px 0;
 float: left;
}


.RatingHeader {
 text-align: right;
}
td.IndicatorID {
 font-size: 2em;
 border-bottom: 1px solid #ccc;
 padding: 2px;
}
tr.Odd {
/* Took these out temporarily to accomodate the "tableruler" js that wipes out the current class */
}


/*NEW */

.NewCategory td {
 text-align: left;
 font-weight: bold;
 padding: 8px 0 0;
 border-bottom: 2px solid #000;
}

.NewCategory h3
{
 margin: 20px 0 0 0;
 font-weight: normal;
 font-size: 1.1em;
 text-transform: uppercase;

 padding: 2px;
}

.NewIndicator,
.NewIndicator2
{
 font-size: .9em;
 font-family:MS Sans Serif;
 border-bottom: 1px solid #ccc;	
 padding: 8px 10px;
 line-height: 1.3em;
}
.NewIndicator2 {
 border-right: 0;
}

table.ruler 
{
 clear: both;
}
td.RatingHeader,
td.NAHeader
{
 border-bottom: 0;
 width: 40px;
}
td.RatingHeader
{
 width: 26px;
 text-align: center;
}
td.RatingControl 
{
 padding: 4px;
}
td.RatingControl table 
{
 margin: 0;
 padding: 0;
}
td.RatingControl td {
 width: 21px;
 text-align: center;
}
td.RatingControl .NAspacer 
{
 display: block;
 padding: ;
 width: 20px;
 text-align: left;
}

/* Summary Evaulation
----------------------------*/
#summaryComments dl
{
 margin: 5px 0 0 0; padding: 0;
}
#summaryComments dt
{
 margin: 0;
 padding: 12px 0 2px 24px;
 color: #666;
 background-position: 0 11px;
 background-repeat: no-repeat;
}
#summaryComments .comment
{
 background-image: url(App_Themes/Inbox/Images/comment.gif);
}
#summaryComments .action
{
 background-image: url(App_Themes/Inbox/Images/actions.gif);
}
#summaryComments .review
{
 background-image: url(App_Themes/Inbox/Images/reviewed.gif);
}
#summaryComments .pending
{
 background-image: url(App_Themes/Inbox/Images/pending.gif);
}
#summaryComments .name {
 font-weight: bold;
}
#summaryComments .role 
{

}
#summaryComments .faculty 
{
 /* color: #4e89b5; */
}
#summaryComments .resident 
{
 /* color: #d45500; */
}
#summaryComments .pdirector
{
 /*color: #6a9913; */
}
#summaryComments dd
{
 margin: 0 25px;
 padding: 2px 5px 2px 0;
}

/* Eval Status Reports 
--------------------------*/

#StatusNavigator {
 margin: 0 0 10px;
}
#FacultyStatus {
 float: left;
}


/*-------------------------
/
/
/   FOOTER
/
/
--------------------------*/


#footer p 
{
 margin: 0 0 5px 0;
}
#footer a {
 color: #fff;
}

/*-------------------------
/
/
/   COMMON ELEMENTS & STYLES
/
/
--------------------------*/


.button, .save, .sign {
 /* padding: 4px;
 border-width: 1px 2px 2px 1px;
 border-style: solid;
 border-color: #000;
 margin: 4px 0;
 background-color: #ccc;
 text-decoration: none;
 display: block; */
}
.InlineButton {
 padding: 2px;
 margin: 4px 0;
 background-color: #999;
 text-decoration: none;
 color: #000;
}
.InlineButton:hover, .button:hover, .save:hover, .sign:hover {
 background-color: #bbb;
} 
.save {
 /* background-image:  url(Images/Save.bmp);
 background-position: 5px 5px;
 background-repeat: no-repeat;
 padding-left: 25px; */
}
.sign {
 /* background-image:  url(Images/Sign.gif);
 background-position: 5px 5px;
 background-repeat: no-repeat;
/* padding-left: 25px; */
}
#userMessage 
{	
 
 }
 .userMessageVisible 
 {
	background: #ffd42f;
	border: 1px solid #000;
	padding: 4px;
	float: left;
	margin: 0 0 8px 0;
	display: block;
 }
tr.ruled 
{
 background: #FFF8BA;
}
.GridView {
 padding: 0 10px;
}
.GridView h3 {
 text-transform: uppercase;
 font-weight: normal;
 font-size: 1em;
 padding: 0 1px 3px;
}

a.excel {
 background: url(App_Themes/Inbox/Images/excel.gif) center left no-repeat;
 padding-left: 20px;
}
.pinball-on
{
background-color: #fff8ba;
}
.hidden 
{ 
 display: none;
}

/* Star Ratings */
.ratingBox {
    width: 21px;
    height: 30px;
    margin: 0px 2px;
    padding: 0px;
    display: block;
    float: left;
    text-align:center;
    overflow:hidden;
}
.ratingStar {
    font-size: 0pt;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
.filledRatingStar1 {
 background-image: url(App_Themes/PGYMail/Images/Ratings/10Rating1_chooser.gif);
}
.emptyRatingStar1 {
 background-image: url(App_Themes/PGYMail/Images/Ratings/10Rating1_chooser.gif);
}

/*-------------------------
/
/
/   HTML RULES
/
/
--------------------------*/


h1, h2, h3 {

}

h3 {
 font-size: 1.2em;
}

h4 {
 font-size: 1em;
}

ul {
 margin: 8px;
 padding: 0 5px 0 15px;
}

li {
 list-style: square;
 margin: 0 0 .5em 0;
 line-height: 1.25em;
} 

hr 
{
 visibility: hidden;
 clear: both;
 margin: 0;
 padding: 0;
 border: 0;
 height: 1px;
}