@import url(/myCorner/includes/css/modals.css);

/** Right column items - common **/

.rightcol-item { width: 229px; height: auto; margin: 5px 0 0 21px; padding: 0; cursor: pointer; }


/** Right column: Latest messages, birthdays, motivations, and library articles **/
#libraryarticles {margin-left: 7px;}
#lb-bottom {display: block; width: 229px; height: 10px; padding: 0 0 0 10px; background: transparent url(/myCorner/images/articles/bg-inlibrary-bottom.gif) no-repeat 0 0;}
#lb-content,
#lb-content2 { overflow: auto; width: 212px; height: 375px; margin: 0; padding: 3px 0 0 0; background: transparent url(/myCorner/images/articles/bg-inlibrary-main.gif) no-repeat bottom center;}
#lb-content {overflow-y: scroll;}

#lb-content p a {display: block; text-decoration: none; color: #333; padding: 5px 0;}
#lb-content p a span.archivetitle {text-decoration: underline; color: #00C;}

/* Library thumbs */
#lb-content p {display: block; width: 165px; height: auto; float: left; clear: left; font-weight: bold; font-size: .95em; margin:0 10px; padding: 0; color: #535498;}

#lb-content p img {width: 23px; height: 16px; margin: 0 5px 0 0; padding: 2px; border: 1px solid #B5B5B5; background-color: #FFF; vertical-align: top;}
#lb-content p span.archivetitle {display: block; font-weight: normal; }

#lb-content2 {/*width: 229px;*/ height: auto; padding: 0 3px; background: transparent url(/myCorner/images/articles/bg-inlibrary-main2.gif) repeat-y 0 0;}
#lb-subheading p { margin: 0 10px 10px 10px; padding: 0 0 10px 0; clear: left; color: #666; font-size: .95em; cursor: text;}

#lb-top {display: block; width: 229px; height: 40px; padding: 0 0 0 10px; background: transparent url(/myCorner/images/articles/bg-inlibrary-top.gif) no-repeat 0 0; }
#lb-top p {display: block; font: bold 1em/115% Arial; color: #333; clear: both; margin: 0; padding: 8px 0 0 0px; text-align: left; cursor: text;}

#rightcol-latest-messages-top, 
#rightcol-upcoming-birthdays-top, 
#rightcol-my-motivations-top { margin: 0; padding: 0; width: 229px; height: 41px; }

#rightcol-latest-messages-top p, 
#rightcol-upcoming-birthdays-top p, 
#rightcol-my-motivations-top p { display: block; font: normal 1em/115% Arial; color: #535498; clear: both; margin: 0; padding: 8px 0 0 28px; text-align: left; }

#rightcol-latest-messages-top.on p, 
#rightcol-upcoming-birthdays-top.on p, 
#rightcol-my-motivations-top.on p { color: #333; font-weight: bold;}

#rightcol-latest-messages-content, 
#rightcol-upcoming-birthdays-content { margin: 0; padding: 3px 0 0 0; width: 229px; min-height: 165px; overflow: hidden; }

/* 10/14/08 - moved below style from above block to style height separately*/ 
#rightcol-my-motivations-content { margin: 0; padding: 3px 0 0 0; width: 229px; height: auto; overflow: hidden; }

#rightcol-my-motivations-content div.gridheader {visibility: hidden; display: none;}
#rightcol-my-motivations-content h3 {color: #535498; font-size: 1em; margin: 0 0 0 5px; padding: 0 0 10px 0; clear: left; background: transparent url(/mycorner/images/bg-rightrail-table-border.gif) repeat-x 0 bottom; }

#rightcol-latest-messages-content p, 
#rightcol-upcoming-birthdays-content p { margin: 0; padding: 0 15px; clear: left; color: #535498;}
#rightcol-my-motivations-content p { margin: 0; padding: 3px 5px; clear: left; color: #666;}
#rightcol-my-motivations-content p b {color: #333;}
/* For the temporary table - this can be removed when the latest messages table is removed. */
#rightcol-upcoming-birthdays-content table { margin: 0 0 0 30px; }

#lb-bottom,
#rightcol-latest-messages-bottom, 
#rightcol-upcoming-birthdays-bottom, 
#rightcol-my-motivations-bottom { margin: 0; padding: 0; width: 229px; height: 45px; }

#lb-bottom a,
#rightcol-latest-messages-bottom a, 
#rightcol-upcoming-birthdays-bottom a, 
#rightcol-my-motivations-bottom a {color: #00C; text-align: left; text-decoration: underline; display: block; padding-left: 20px;}

#rightcol-my-motivations-bottom input.acptdcln {color: #00C; float: left; border: 0; width: 95px; height: 29px; margin: 0 0 0 8px; padding: 0; background: transparent url(/mycorner/images/dedications/btn-acpt-dcln.png) no-repeat 3px 3px; }
#rightcol-my-motivations-bottom input.dedicatemotivate {color: #00C; float: left; border: 0; width: 194px; height: 29px; margin: 0 0 0 11px; padding: 0; background: transparent url(/mycorner/images/dedications/btn-choose-note.png) no-repeat 3px 3px; }

.rightcol-input-right { width: 65px; margin: 0; padding: 0; border: 0; text-align: center; }
.rightcol-input-center { width: 95px; margin: 0; padding: 0; border: 0; text-align: center; }
.rightcol-table { border: 0; margin: 0 0 10px 13px; }

/*-- Right Column Active Content States --*/
#rightcol-latest-messages-content div#rightcol-latest-messages-content2,
#rightcol-upcoming-birthdays-content div#rightcol-upcoming-birthdays-content2,
#rightcol-my-motivations-content div#rightcol-my-motivations-content2 {min-height: 165px; background: transparent url(/mycorner/images/layout/home/rightcolumn/right-column-content2.gif) no-repeat 6px bottom;}
#rightcol-latest-messages-content table, 
#rightcol-upcoming-birthdays-content table {border: 0; width: 200px; margin: 0 0 0 10px; padding: 0 0 10px 0; /*font-size: .90em;*/}
#rightcol-my-motivations-content table {border: 0; width: 200px; margin: 0 0 0 5px; padding: 0 0 10px 0; /*font-size: .90em;*/}
#rightcol-my-motivations-content table#ctl00_ctlRightMyMotivations_ctlGridDedications_ctlMotivations_gvAvailableFriend {width: 175px;}
#rightcol-latest-messages-content tr, 
#rightcol-upcoming-birthdays-content tr, 
#rightcol-my-motivations-content tr { height: auto; /*padding: 5px 0;*/ }
#rightcol-latest-messages-content tr td, 
#rightcol-upcoming-birthdays-content tr td, 
#rightcol-my-motivations-content tr td {border: 0; padding: 2px 0; /*line-height: 0; */}
#rightcol-latest-messages-content tr td strong, 
#rightcol-upcoming-birthdays-content tr td strong, 
#rightcol-my-motivations-content tr td strong {color: #333;}
#lb-content p,
#lb-content2 p {background: transparent url(/myCorner/images/bg-rightrail-table-border.gif) repeat-x bottom;}
#rightcol-latest-messages-content tr td[colspan="2"], 
#rightcol-upcoming-birthdays-content tr , 
#rightcol-my-motivations-content tr td span[colspan="2"] {background: transparent url(/myCorner/images/bg-rightrail-table-border.gif) repeat-x bottom; height: 1.25em; padding: 0 6px 5px 7px; color: #00C; text-decoration: underline; }
#rightcol-latest-messages-content tr td p {height: 18px; overflow: hidden;}
#rightcol-latest-messages-content tr td[colspan="2"] p, 
#rightcol-my-motivations-content tr td span[colspan="2"] p {margin: 0;}
#rightcol-latest-messages-content td img, 
#rightcol-upcoming-birthdays-content td img {width: 25px; height: 19px; padding: 0 3px; vertical-align: top;  }
#rightcol-my-motivations-content p img {vertical-align: middle; cursor: pointer; width: 70px; height: 52px; padding: 0 5px 5px 0;}
#rightcol-latest-messages-content td input, 
#rightcol-upcoming-birthdays-content td input {cursor: pointer;}
#rightcol-latest-messages-content td input, 
#rightcol-upcoming-birthdays-content td input, 
#rightcol-my-motivations-content td input {border: 0; background-color: transparent; width: auto; margin: 0 0 2px 5px;}

/* 12/15/08: The following fixes Sys.ArgumentException error for IE7 for upcoming birthdays control. Changed input element to span to avoid Sys.ArgumentException exception. */
#rightcol-upcoming-birthdays-content tr td a.birthdayname { text-decoration: none; }
#rightcol-upcoming-birthdays-content tr td span.name 
{ cursor:pointer; background-color:transparent; border:0 none; margin:0 0 2px 5px; color:#333333; float:left; font-family:Arial,Helvetica,sans-serif; font-size:1em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:115%; width:65%; }
/* End of Sys.ArgumentException fix */

#rightcol-latest-messages-content td input.name, 
#rightcol-upcoming-birthdays-content td input.name, 
#rightcol-my-motivations-content td input.name { width: 65%; font: bold 1em/115% Arial, Helvetica, sans-serif; color: #333; float: left; /*display: inline;*/}
#rightcol-latest-messages-content td input.dob, 
#rightcol-upcoming-birthdays-content td input.dob, 
#rightcol-my-motivations-content td input.dob {width: 25%; font: normal 1em/115% Arial, Helvetica, sans-serif; color: #535498; float: right; text-align: right;/*display: inline;*/}

table#tblAvailableFriends tr td {vertical-align: top;}
div#ctl00_ctlRightMyMotivations_ctlGridDedications_ctlMotivations_gvcontainer {width: 200px; height: 100px; overflow: auto; margin-bottom: 10px;}

div#dedicationMessage blockquote {padding: 5px 15px;}
div#dedicationMessage h4 {margin: 10px; padding: 5px; font: bold 1.15em/115% Arial, Helvetica, sans-serif; color: #333; background: transparent url(/mycorner/images/bg-rightrail-table-border.gif) repeat-x 0 bottom;}
div#dedicationMessage h5 {font-size: 14px; color: #545398; margin: 10px; padding: 5px; background: transparent url(/mycorner/images/bg-rightrail-table-border.gif) repeat-x 0 top;}
div#dedicationMessage h5 span {display: block; width: 100%; height: 100%; margin: 0 0 0 -5px; padding:5px 5px 10px 5px; background: transparent url(/mycorner/images/bg-rightrail-table-border.gif) repeat-x 0 bottom;}