/* New styles for HC2.0 apps added for testing purposes Sept 2008 */

/* Used for tabbed navigation */
#olc-Content #menucontainer {margin-bottom:0px}

#olc-Content #pagenav {margin-top:5px;margin-bottom:0px;text-align:center}
#olc-Content #pagenav a:link {text-decoration:none;font-size:8pt;}
#olc-Content #pagenav a:active {text-decoration:none;font-size:8pt;}
#olc-Content #pagenav a:visited {text-decoration:none;font-size:8pt;}
#olc-Content #pagenav a:hover {text-decoration:none;font-size:8pt;}
#olc-Content #pagenav td {background-image:url(/olc/images/WAE/tab_bgnormal2.gif);background-color:#EEE;border-top: solid 1px #666;border-right: solid 1px #666;border-left: solid 1px #666; border-bottom: solid 1px #000;padding:2px 8px 2px 8px;white-space:nowrap}
#olc-Content #pagenav td.active {border-top: solid 1px #000;border-right: solid 1px #000;border-left: solid 1px #000; border-bottom: dashed 1px #999;background-image:url(/olc/images/WAE/tab_bgactive2.gif); background-color:white;font-weight:bold;white-space:nowrap}
#olc-Content #pagenav td.active a {color:#000;}
#olc-Content #pagenav td.blank {border-top: 0px;border-right: 0px;border-left: 0px;padding:0px; background-image:none;background-color:white;font-size:8pt;font-weight:bold;color:#999;white-space:nowrap}
#olc-Content #pagenav #search a:link {text-decoration:none;font-weight:normal;font-size:8pt;}
#olc-Content #pagenav #search a:active {text-decoration:none;font-weight:normal;font-size:8pt;}
#olc-Content #pagenav #search a:visited {text-decoration:none;font-weight:normal;font-size:8pt;}
#olc-Content #pagenav #search a:hover {text-decoration:none;font-weight:normal;font-size:8pt;}

#olc-Content #subnav td {color: #666;font-size:8pt;}
#olc-Content #subnav a {margin-right:10px;padding:1px 2px 1px 2px}
#olc-Content #subnav a:link {text-decoration:none;font-size:8pt;}
#olc-Content #subnav a:active {text-decoration:none;;font-size:8pt;}
#olc-Content #subnav a:visited {text-decoration:none;;font-size:8pt;}
#olc-Content #subnav a:hover {text-decoration:underline;color: #000;}
#olc-Content #subnav a.highlighted {background-color:#EEE;border:solid 1px #CCC}
#olc-Content #subnav td.links {padding-top:6px;padding-bottom:6px;padding-left:3px;border-bottom:dashed 1px #999}

/* Section headings on the new "My Pages" */
#mpModule {margin-bottom:10px;margin-top:15px;border-top:solid 1px #666}
#mpModule td.sectionHead {padding:3px;background-image:url(/olc/images/WAE/tab_bgnormal.gif);border-top:solid 1px #CCC;border-bottom:solid 0px #CCC;background-color:#EEE;font-weight:bold;font-size:8pt;}
#mpModule td.sectionHead a {font-weight:normal;font-size:8pt}
#mpModule td a {font-size:8pt}

/* Used for small tabbed areas */
#littletabs {margin-bottom:10px}
#littletabs a:link {text-decoration:none;font-size:8pt;}
#littletabs a:active {text-decoration:none;font-size:8pt;}
#littletabs a:visited {text-decoration:none;font-size:8pt;}
#littletabs a:hover {text-decoration:none;font-size:8pt;}
#littletabs td.normal {border-top: solid 1px #999;border-right: 0px;border-left: solid 1px #999; border-bottom: solid 1px #999;background-color:#EEE;padding: 1px 5px 1px 5px;white-space:nowrap;font-size:8pt}
#littletabs td.active {border-top: solid 1px #999;border-right: 0px;border-left: solid 1px #999; border-bottom: none; font-weight:bold;white-space:nowrap;color:#000;padding: 1px 5px 1px 5px;white-space:nowrap;font-size:8pt}
#littletabs td.blank {border-top: 0px;border-right: 0px;padding:0px; background-image:none;font-size:8pt;border-left: solid 1px #999; border-bottom: solid 1px #999}
#littletabs #search a:link {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs #search a:active {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs #search a:visited {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs #search a:hover {text-decoration:none;font-weight:normal;font-size:8pt;}

#littletabs2 {margin-bottom:0px;margin-top:10px}
#littletabs2 a:link {text-decoration:none;font-size:8pt;}
#littletabs2 a:active {text-decoration:none;font-size:8pt;}
#littletabs2 a:visited {text-decoration:none;font-size:8pt;}
#littletabs2 a:hover {text-decoration:none;font-size:8pt;}
/* I took this out, can add back in later if desired 'background-image:url(/olc/images/WAE/tab_bgnormal3.gif)' */
#littletabs2 td {background-color:#EEE;border-top: solid 1px #999;border-right: solid 1px #CCC;border-left: solid 1px #999; border-bottom: solid 1px #999;padding: 1px 5px 1px 5px;white-space:nowrap;font-size:8pt}
#littletabs2 td.active {border-top: solid 1px #999;border-right: solid 1px #999;border-left: solid 1px #999; border-bottom: dashed 0px #CCC;background-color:#EEE;font-weight:bold;white-space:nowrap;color:#000;background-image:none;}
#littletabs2 td.blank {border-top: 0px;border-right: 0px;border-left: 0px;padding:0px; background-image:none;background-color:white;font-size:8pt;font-weight:bold;color:#999;white-space:nowrap}
#littletabs2 #search a:link {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs2 #search a:active {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs2 #search a:visited {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs2 #search a:hover {text-decoration:none;font-weight:normal;font-size:8pt;}

/* Used for menu links througout the community */
#littlemenu {font-size:8pt;}
#littlemenu a {font-size:8pt;font-weight:normal}

/* Used for displaying a list of data and photos */
#datalistShell {margin-top:0px;border-right:solid 1px #999;border-left:solid 1px #999;border-bottom:solid 1px #999;}
#datalist td {border-top:dashed 1px #999;vertical-align: top}
#datalistShell td.heading {font-size:8pt;color:#666;font-weight:bold}
#datalist div.date {font-size:8pt;font-style:italic;}
p.datalist {border-bottom:dashed 1px #999;padding-bottom:3px;margin-top:5px;margin-bottom:5px}

/* Used on myCommunity.jsp to display rss links */
#olc-Content #rsslink {margin-bottom:15px}
#olc-Content #rsslink td.main {padding-bottom:5px}
#olc-Content #rsslink a {font-size:8pt}

/* Used on myConnections.jsp for displaying network info */
#flevels {margin-bottom:5px}
#flevels td {font-size:8pt}
#flevels td.icon {border-top:solid 1px #CCC;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;padding:0px;background-color:white}
#flevels td.count {border-right:solid 1px #CCC;border-top:solid 1px #CCC;border-bottom:solid 1px #CCC;padding-left:3px;padding-right:5px;background-color:white}
#flevels a {font-size:8pt}

/* Used for ajax components on myProfile.jsp and elsewhere */
#olc-Content #boxything {background-color:#EEEEEE;border: solid 1px #999;padding:4px;margin-bottom:5px;margin-top:5px;font-size:8pt}
.sadlink {color:#999;font-size:8pt}

/* Used on myProfile.jsp for displaying the inset box of membership links */
#insetcontainer {border:solid 1px #999;}
#insetcontainer td {padding:3px;}
#insetcontainer td.title {color:#666;background-image:url(/olc/images/WAE/tab_bgnormal.gif);border-bottom:solid 1px #CCC;background-color:#EEE;font-weight:bold;font-size:8pt;}

/* Used on myProfile.jsp for displaying the photo caption */
div.caption {width:150px;margin-top:0px;padding-top:3px;text-align:center;font-size:8pt}

/* Some new styles for the Social Networking templates -- invitations and evites */
#SNdatalist td {border-bottom:dashed 1px #999;vertical-align: top}
#SNdatalist div.date {font-size:8pt;font-style:italic;}
#SNdatalist td.noBorder: {border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;}
#SNdatalist span.eventTitle {font-weight:bold} 
#SNdatalist td.friendinfo {padding-top:8px }
#responseDisplay {border:solid 1px #999;margin-top:5px;}
#responseDisplay td { font-size:8pt ;color:#999;padding:1px;border-bottom:0px;background-color:#EEE}
#responsesummary {border-bottom:dashed 1px #999;padding:2px;font-size:8pt;text-align:center}

#yourStatus {border:solid 1px #CCC;background-color:#EEE;margin-bottom:15px}

#olc-networkTable td.numberdisplayed {font-style:italic;font-size:8pt;padding-bottom:4px}
#olc-networkTable span.eventTitle {font-size:12pt;font-weight:bold} 
#olc-networkTable div.date {font-size:8pt;font-style:italic;margin-bottom:2px;}
.invite-display td {background-color:#EEE}
td.noBorder: {border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;} 

/* Used on Socnet evites templates */
#littletabs2 {margin-bottom:0px;margin-top:10px}
#littletabs2 a:link {text-decoration:none;font-size:8pt;}
#littletabs2 a:active {text-decoration:none;font-size:8pt;}
#littletabs2 a:visited {text-decoration:none;font-size:8pt;}
#littletabs2 a:hover {text-decoration:none;font-size:8pt;}
/* I took this out, can add back in later if desired 'background-image:url(/olc/images/WAE/tab_bgnormal3.gif)' */
#littletabs2 td {background-color:#EEE;border-top: solid 1px #999;border-right: solid 1px #CCC;border-left: solid 1px #999; border-bottom: solid 1px #999;padding: 1px 5px 1px 5px;white-space:nowrap;font-size:8pt}
#littletabs2 td.active {border-top: solid 1px #999;border-right: solid 1px #999;border-left: solid 1px #999; border-bottom: dashed 0px #CCC;background-color:#EEE;font-weight:bold;white-space:nowrap;color:#000;background-image:none;}
#littletabs2 td.blank {border-top: 0px;border-right: 0px;border-left: 0px;padding:0px; background-image:none;background-color:white;font-size:8pt;font-weight:bold;color:#999;white-space:nowrap}
#littletabs2 #search a:link {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs2 #search a:active {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs2 #search a:visited {text-decoration:none;font-weight:normal;font-size:8pt;}
#littletabs2 #search a:hover {text-decoration:none;font-weight:normal;font-size:8pt;}

/* Styles for the "ajaxy" versions of edit profile pages and hidden preferences */
div#profileSections {font-size:8pt;margin-bottom:15px;margin-top:15px;background-color:#EEE;border:solid 1px #CCC;text-align:center;padding:5px}
div#profileSections a {font-size:8pt;line-height:12px;}
div#profileSections p {font-size:8pt;}

/* Miscellaneous */
#olc-Content a.olcsmall { font-size:8pt;font-weight:normal}
#noData td {padding-bottom:8px}
#noData td.icon {padding-right:4px} 

/* Making perm email prettier */
#pe-settings {border:solid 1px #CCC}
#pe-settings td {border-bottom:solid 1px #CCC}
#pe-settings td.noborder {border-bottom:0px}

/* My Gadgets Styles */

#gdg-dataTable td.header {background-color: #CCCCCC;border-top: solid 1px #999999; border-bottom: solid 1px #99
9999;font-weight: bold;font-size: 9pt;vertical-align:middle }
#gdg-dataTable td.subheader {background-color: #EEEEEE;font-size: 8pt; color:#666666 ;vertical-align:bottom ;}

#gdg-dataTable td.post-subheader {background-color: #EEEEEE;font-size: 8pt; color:#666666 ;vertical-align:botto
m;border-right:solid 1px #CCCCCC }
#gdg-dataTable td.postnumber {background-color: #EEEEEE;border-right:solid 1px #CCCCCC}
#gdg-dataTable td {border-bottom: solid 1px #CCCCCC;font-size: 8pt;vertical-align: top}
#gdg-dataTable a:link {font-size: 8pt;}
#gdg-dataTable a:hover {font-size: 8pt;}
#gdg-dataTable a:active {font-size: 8pt;}
#gdg-dataTable a:visited {font-size: 8pt;}
#gdg-dataTable a.subheader:link {font-size: 8pt;}
#gdg-dataTable a.subheader:hover {font-size: 8pt;}
#gdg-dataTable a.subheader:active {font-size: 8pt;}
#gdg-dataTable a.subheader:visited {font-size: 8pt;}

#gdg-pageNumbers td {font-size: 8pt; background-color: #EEEEEE; color: #999999;border-bottom: solid 1px #CCCCCC;}
#gdg-pageNumbers a:link {font-size: 8pt;font-weight: bold;}
#gdg-pageNumbers a:hover {font-size: 8pt;font-weight: bold;}
#gdg-pageNumbers a:active {font-size: 8pt;font-weight: bold;}
#gdg-pageNumbers a:visited {font-size: 8pt;font-weight: bold;}

#gdg-dataList td {border-bottom: solid 1px #CCCCCC;}
#gdg-dataList td.inactive {font-style: italic}

/* New My Gadgets Styles added in January 2010 */

#scrollingArea {margin-bottom:0px;border-right:solid 1px #999;border-left:solid 1px  #999;border-top:0px;border-bottom:0px; height:78px;overflow:auto;padding:2px;font-size:8pt;font-weight:bold;}

#titleArea {margin-bottom:0px;margin-top:0px;background-color:#CCC;border:solid 1px #999;padding:2px;font-size:8pt;font-weight:bold;}
#titleArea td {padding:2px;font-size:8pt;font-weight:bold;}
#titleArea a.instructionsLink {font-size:8pt;font-weight:normal}

#instructionsText {padding:10px;border-right:solid 1px #999;border-left:solid 1px #999;border-bottom:solid 1px #999;background-color:#EEE;font-size:8pt;margin-bottom:0px}
#instructionsText a {font-size:8pt;font-weight:normal}

#gadgetBoxContainer {margin-top:8px;margin-left:8px}
.gadgetBoxNormal {color:black;padding:2px;background-color:#EEE;border:solid 1px #999;white-space:nowrap;font-size:8pt;width:100px;margin-right:4px;margin-bottom:4px;text-align:center;cursor:pointer;font-weight:normal}
.gadgetBoxOn {color:black;padding:2px;background-color:#CCC;border:solid 1px #000;white-space:nowrap;font-size:8pt;width:100px;margin-right:4px;margin-bottom:4px;text-align:center;cursor:pointer;font-weight:normal}
.gadgetsCanvas {border-right:solid 1px #999;border-left:solid 1px #999;border-bottom:solid 1px #999;}