/* Main Style Sheet for ISQED.com */


/* Standard HTML Elements */

body {background-color:#CCCCCC; margin: 0px; text-align:center; font-family: Arial, Helvetica, sans-serif; color:black;}

a:link {color:#1A68AB; text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {color:#029897; text-decoration:none;}

h1 {font-size:13pt; color:#1A68AB; margin: 3px 0px 4px 10px; letter-spacing:.02em; word-spacing:.05em;}
h2 {font-size:12pt; color:#1A68AB; margin: 7px 0px 2px 10px; letter-spacing:.02em; word-spacing:.05em;}
h3 {font-size:11pt; color:#1A68AB; margin: 6px 0px 2px 10px; letter-spacing:.02em; word-spacing:.05em;}

p {font-size:9pt; margin:2px 10px 8px 10px; line-height: 140%; letter-spacing:.02em; word-spacing:.05em; }
b, strong {font-weight: bold;}
div, td {font-size: 9pt;}
i, em {font-style: italic}
img {border: none;}
li {font-size: 9pt; margin-bottom:4px;}
  

/* IDs */

#HPMainSectionLeft {width: 300px; float: left; }
#HPMainSectionRight {width: 300px; float: right; }
#HPMainSectionCenter {width: 365px; float: left;border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; }
#MainContainer {width:1000px; background:white; margin:0px auto 0px auto; display:block; text-align:left; border:solid 1px #CCCCCC;}
#MainSection {width:980px; padding:10px 10px 10px 10px;}
#MainSectionLeft {width:180px; float:left; }
#MainSectionRight {width:799px; float:right; border-left:solid 1px #EAEAEA;}


/* Classes applicable to any element */

.BodyTextBoldGray {font-size: 9pt;  color:#333333; font-weight: Bold;}
.divClear {clear:both;}
.Footer {font-size: 7pt; color:black;}
.FormCategoryName {width:600px; font-size: 10pt; font-weight: bold; color:#CC3333; padding: 12px 5px 2px 10px;}
.FormVariableName {width:200px; font-size: 8.5pt; font-weight: bold; text-align:right; padding-right:8px; padding-top:3px; float:left;} 
.FormVariableValue {width:390px; font-size: 8.5pt; padding-top:3px; float:right;}
.HPSpeakerName {font-size:8pt; font-weight:bold;}
.HPSpeakerTitle {font-size:8pt;}
.HPSpeakerCompany {font-size:8pt;}
.InkItem {margin-bottom:6px;}
.PR_Title {margin-top: 8px; font-size: 13pt; margin-bottom: 8px; text-align:center; }
.PR_Subtitle {margin: 0px; font-size: 11pt; margin-bottom: 4px; text-align:center; }


/* Classes applicable to Program */

.ProgramDate {font-size:11pt; font-weight:bold; color:#272D2F; margin-top:20px; line-height:100%;}
.ProgramRoom {margin-top:0px; margin-bottom:2px; line-height:100%;}
.ProgramSessionID {font-weight:bold; font-size:9.5pt; margin-top:6px; margin-botton:2px; line-height:100%;}
.ProgramSponsor {font-style:italic; font-weight:bold; margin-top:0px; margin-bottom:2px; line-height:100%;}
.ProgramTime {font-size: 8pt;  color: white; text-align: center; padding:5px 6px 0px 6px;}
.ProgramTimeBGColorOne { background:#000025;}
.ProgramTitle {margin-top: 6px; margin-bottom: 2px; font-size: 9pt; font-weight:bold; color:black;}
.ProgramTitleMinor {margin-top:0px; margin-bottom:2px; line-height:100%;}
.ProgramTitleBGColorOne {background-color:#F4D5A8;}
.ProgramTitleBGColorTwo {background-color:#BDBDBD;}
.ProgramTitleBGColorThree {background-color:#D4F2F7;}
.ProgramTitleBGColorFour {background-color:#EAEAEA;}
.ProgramTitleBGColorFive {background-color:#FFFFFF;}
.ProgramTitleBGColorSix {background-color:darkorange;}
.ProgramTitleBGColorSeven {background-color:#9ccfd7;}

/* Classes applicable to Keynotes */

.KeynoteBlock {margin-top:20px;}
.KeynoteTitle {font-size:11pt; color:#1A68AB; margin: 6px 0px 2px 10px;}
.KeynotePhotoContainer {width:150px; float:right; margin:0px 0px 4px 4px; border:solid 1px #CCCCCC; padding:4px;}
.KeynoteAbstract {font-size:9.5pt;}
.KeynoteAboutName {font-weight:bold;}
.KeynoteBio {font-size:9pt; margin-bottom:0px;}
.KeynoteDate {font-style:italic; margin-top:0px;}

/* Classes applicable to Fellows */

.FellowName {font-weight:bold; margin:0px 0px 0px 20px; line-height:120%;}
.FellowTitle {margin:0px 0px 0px 20px; line-height:120%;}
.FellowOrganization {margin:0px 0px 8px 20px; line-height:120%;}

/* Classes applicable to Committees Members */

.CMemberName {font-weight:bold; margin-bottom:0px; line-height:120%;}
.CMemberTitle {margin-top:0px; margin-bottom:0px; line-height:120%;}
.CMemberOrganization {margin-top:0px; line-height:120%;}
.CMemberNameOrg {margin-top:0px; margin-bottom:2px; margin-left:20px; line-height:100%;}
.CMemberNameOrgChair {font-weight:bold; margin-top:0px; margin-bottom:2px; margin-left:20px; line-height:100%;}
.CMemberConfirmedHeading {margin-top:6px; margin-bottom:2px; margin-left:20px; line-height:100%; color:#666666;}


/* Classes applicable to Technical Sessions */

.SessionID {margin-top:20px; margin-bottom:0px; padding-top:6px; border-top:solid 1px #CCCCCC;}
.SessionDay {margin-top:0px; margin-bottom:0px;}
.SessionTitle {font-size:12pt; font-weight:bold; margin-top:0px; margin-bottom:0px;}
.SessionChair {margin-top:0px;}
.PaperTime {margin-top:10px; margin-bottom:0px;}
.PaperID {margin-top:0px; margin-bottom:0px;}
.PaperTitle {margin-top:0px; margin-bottom:0px; font-weight:bold; color:#7f34cd;}
.PaperAuthor {margin-top:0px; margin-bottom:0px; font-style:italic;}
.PaperAuthorPhotoContainer {width:150px; float:right; margin:0px 0px 4px 4px; border:solid 1px #CCCCCC; padding:4px;}
.PaperAbstract {margin:5px 0px 5px 10px;}
.PaperOrganization {margin-top:0px; margin-bottom:0px;}
.TechSessionID {font-size:11pt; font-weight:bold; margin-top:8px; margin-bottom:0px;}
.TechSessionTitle {margin-top:0px; margin-bottom:0px; font-style:italic;}
.TechSessionChair {margin-top:0px; margin-bottom:0px;}
.TechSessionChairEmail {margin:0px 0px 0px 15px; color:darkblue;}

/* IDs and Classes for Simple_Toggle.js and Technical Sessions */

#toggle-view {list-style:none; margin:0; padding:0;	width:700px;}
#toggle-view li {margin:0px 0px 0px 10px; position:relative; cursor:pointer;}
#toggle-view h4 {margin:0; font-size:9pt;}
#toggle-view span {padding-left:10px; color:#AAAAAA; font-size:9pt;}	
#toggle-view p {margin:5px 0px 5px 10px; display:none;}	


/* Classes applicable to Sponsors */

.BronzeSponsor {font-size: 9pt; font-weight: bold; color:#663300; margin: 0px 0px 2px 10px;}
.GoldSponsor {font-size: 9pt; font-weight: bold; color:#CC6600; margin: 0px 0px 2px 10px;}
.EmeraldSponsor {font-size: 9pt; font-weight: bold; color: #3e9211; margin: 0px 0px 2px 10px;}
.PlatinumSponsor {font-size: 9pt; font-weight: bold; color:#333333; margin: 0px 0px 2px 10px;}
.OtherSponsor {font-size: 9pt; font-weight: bold; color:#000000; margin: 0px 0px 2px 10px;}
.PremierSponsor {font-size: 9pt; font-weight: bold; color:#CC0033; margin: 0px 0px 2px 10px;}
.SilverSponsor {font-size: 9pt; font-weight: bold; color:#666666; margin: 0px 0px 2px 10px;}


/* Classes applicable to only specified elements */

a.Footer {color:black;;}
li.ProgramParagraph {font-size: 8.5pt; margin: 0px 6px 0px 6px; list-style-type: square;}
li.PDF {list-style:none; background-image: url(http://www.ISQED.com/English/Images/Icons/PDF_Icon_16px.gif); background-repeat: no-repeat; background-position:-2px 2px 0px 2px; padding-left:22px; padding-bottom:10px; margin-right:10px; margin-left:0px; }
li.BlueArrow {list-style: none; background-image: url(http://www.ISQED.com/English/Images/Buttons/Arrow_Blue_Right_8px.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 0px; }
li.Word {list-style:none; background-image: url(http://www.ISQED.com/English/Images/Icons/Word_Icon_16px.gif); background-repeat: no-repeat; background-position:-2px 2px 0px 2px; padding-left:22px; padding-bottom:10px; margin-right:10px; margin-left:0px; }

/* ================================================================ 
The original version is available at http://www.cssplay.co.uk/menus/iPad-Anywidth2.html
Copyright (c) 2011 Stu Nicholls. All rights reserved.
=================================================================== */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

#MainMenu {height:30px; background:black; margin:0px 0px 0px 0px; position:absolute; z-index:999;}

#MainMenu ul {margin:0px; padding:0px; list-style:none; white-space:nowrap; position:relative;}
#MainMenu li {margin:0px; line-height:100%} /* Neutralize the standard settings */
#MainMenu > ul {float:left;}

#MainMenu ul ul {position:absolute; left:-9999px;}
#MainMenu > ul > li {float:left; display:block; position:relative;}

#MainMenu ul ul {background:#666666; padding:5px 0px 5px 0px; width:201px;}
#MainMenu > ul > li > ul {border-top:0px;}

#MainMenu a {display:block; font:bold 10pt arial, helvetica, sans-serif; color:white; line-height:30px; text-decoration:none; padding:0px 10px 0px 20px;}
#MainMenu > ul > li > a {float:left; color:white;}
#MainMenu ul ul li a {line-height:30px; color:white; padding:0px; text-indent:10px;}

#MainMenu ul li:hover > ul {left:0px; top:30px;}
#MainMenu ul ul li:hover > ul {background:#777777; left:100%; top:auto; margin:-30px 0px 0px 0px; padding:0px; width:220px;}

#MainMenu li a.fly {background:transparent url('/English/Images/Buttons/CSSMenu_right-arrow.gif') no-repeat right center;}

#MainMenu > ul li:hover > a {background-color:#FFD600; color:black;}
#MainMenu ul ul li:hover > a,
#MainMenu ul ul li:hover > a.fly {background-color:#FFDD00; color:black;}

#MainMenu > ul > li.close {display:none; position:absolute; left:0; top:-30px; width:100%; height:25px; background:none;}
#MainMenu > ul > li.close a {width:100%; padding:0; text-indent:15px; background:#5C6969; color:white;}

@media only screen and (max-device-width:768px)
/* for iPhone, iPod Touch and iPad */
{#MainMenu ul ul {display:none;}
#MainMenu ul li:hover > ul {display:block;}
#MainMenu ul li:hover ~ li.close {display:block;}
}