html, BODY { background: white; font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px;}
P, ul, ol, li, blockquote, td { line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000 }
.norm { line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; font-style: normal; }
.small { line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; margin-right: 0px }
.smgrey { line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #999999; margin-right: 0px }
.largeb { line-height: 100%; font-size: 16px; font-weight: bold; color: #000000; }
.error { line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; border: 1px solid #990000; padding: 3px; background-color:#FFCCCC; text-align: center }
.success { line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; border: 1px solid #009933; padding: 3px; background-color:#99FFCC; text-align: center }
.yellowbox { line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; border: 1px solid #FFCC33; padding: 3px; background-color:#FFFF99; }
.answercorrect { font-family: arial, tahoma, sans-serif; font-size: 14px; font-weight: bold; color: #33FF00; border: 1px solid #33FF00;
padding-top: 3px; padding-bottom: 3px; padding-right: 3px; line-height: 150%;}
.header { line-height: 100%; font-size: 22px; font-weight: bold; color: #000000; }
.underhead { border-top: 1px solid #3399CC; margin-top: -10px; }
.underheadtext { border-left: 1px solid #3399CC; border-right: 1px solid #3399CC; border-top: 2px solid #FFFFFF;
padding-left: 5px; padding-right: 5px; margin-left: 30px; padding-top: 0px; position: relative; top: 1px;
color: #999999; font-weight: bold; font-size: 14px; }
.subhead { line-height: 100%; font-size: 14px; font-weight: bold; color: #006699; border-top: 1px solid #006699; border-bottom: 1px solid #006699; padding: 3px; margin-top: 2em; }
.subheadtextonly { line-height: 100%; font-size: 14px; font-weight: bold; color: #006699; }
.question { line-height: 150%; font-size: 14px; }
.screenshot {border: 1px solid #666666; float: left;
margin-left: 5px; margin-right: 10px; margin-top: 0px; margin-bottom: 10px;}
.bluebg {background-color: #DEF3FD; border: 1px solid #CBDFEA; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 13px; font-weight: normal; color: #000000; font-style: normal;}
.bluebgoverlay { background-color: #FFFFFF; border: 1px solid #CBDFEA; padding: 3px; }
.bluebgoverlayq { background-color: #FFFFCC; border: 1px solid #CBDFEA; padding: 3px; }
.bluecell {background-color: #DEF3FD; }
.bluebgbox {background-color: #DEF3FD; border: 1px solid #CBDFEA; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 13px; font-weight: normal; color: #000000; font-style: normal;
padding-left: 45px; text-indent: -40px; width: 400px;}
.bluebgoverlaybox { background-color: #FFFFFF; border: 1px solid #CBDFEA; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 13px; font-weight: normal; color: #000000; font-style: normal;
padding-left: 45px; text-indent: -40px; width: 400px;}
.yelbg {background-color: #F7FCC1; border: 1px solid #F1DB80; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 13px; font-weight: normal; color: #000000; font-style: normal;}
.yelbgoverlay { background-color: #FFFFFF; border: 1px solid #F1DB80; padding: 3px; }
.yelcell {background-color: #F7FCC1; }
.yelbgbox {background-color: #F7FCC1; border: 1px solid #F1DB80; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 13px; font-weight: normal; color: #000000; font-style: normal;
padding-left: 45px; text-indent: -40px; width: 400px;}
.brnbg {background-color: #E6EACE; border: 1px solid #C2C7A9; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 13px; font-weight: normal; color: #000000; font-style: normal;}
.brnbgoverlay { background-color: #FFFFFF; border: 1px solid #C2C7A9; padding: 3px; }
.brncell {background-color: #E6EACE; }
.brnbgbox {background-color: #E6EACE; border: 1px solid #C2C7A9; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 13px; font-weight: normal; color: #000000; font-style: normal;
padding-left: 45px; text-indent: -40px; width: 400px;}
.label {color: #376B9B; font-size: 13px; font-family: "Times New Roman",serif; }
.listcell {border-bottom: 1px solid #CBDFEA;}
.private {color: #6699CC;}
.topbar {background-color: #EEEEEE; border: 2px solid #006699; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; font-style: normal;}
.diffstdtext { font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px;
color: #666666; font-weight: bold;}
.bluebgdiffstd {background-color: #CCCCCC; border: 1px solid #999999; padding: 5px;
line-height: 120%; font-family: arial, tahoma, helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; font-style: normal;}
.bluebgoverlayqdiffstd { background-color: #E8E1E1; border: 1px solid #999999; padding: 3px; }
.questiondiffstd { line-height: 100%; font-size: 14px; font-weight: bold; color: #999999; }
a.bubble:link, a.bubble:visited, a.bubble:active
{ font-weight: bold; color: black; font-size: 11px;
display: block; float: left; height: 20px; width: 20px;
background: url('/bubblesoft/images/bubbleoff.gif') top center no-repeat;
padding-top: 1px; text-align: center; overflow: hidden;
text-decoration: none; }
a.bubble:hover
{ font-weight: bold; color: black; font-size: 11px;
display: block; float: left; height: 20px; width: 20px;
background: url('/bubblesoft/images/bubbleon.gif') top center no-repeat;
padding-top: 1px; text-align: center; overflow: hidden;
text-decoration: none; }
a.bubbleon:link, a.bubbleon:visited, a.bubbleon:active, a.bubbleon:hover
{ font-weight: bold; color: black; font-size: 11px;
display: block; float: left; height: 20px; width: 20px;
background: url('/bubblesoft/images/bubbleon.gif') top center no-repeat;
padding-top: 1px; text-align: center; overflow: hidden;
text-decoration: none; }
a.bubblegrey:link, a.bubblegrey:visited, a.bubblegrey:active
{ font-weight: bold; color: black; font-size: 11px;
display: block; float: left; height: 20px; width: 20px;
background: url('/bubblesoft/images/bubblegrey.gif') top center no-repeat;
padding-top: 1px; text-align: center; overflow: hidden;
text-decoration: none; }
a.bubblegrey:hover
{ font-weight: bold; color: black; font-size: 11px;
display: block; float: left; height: 20px; width: 20px;
background: url('/bubblesoft/images/bubbleon.gif') top center no-repeat;
padding-top: 1px; text-align: center; overflow: hidden;
text-decoration: none; }
.treeMenuDefault { font-size: 13px; }
.treeMenuBold { font-style: italic; font-weight: bold; }
.treespan { font-size: 13px; padding: 1px; border: 1px solid #FFFFFF;}
.treespanselect { font-size: 13px; padding: 1px; background-color: #FFFF99; border: 1px solid #FFCC99; }
.treespanprivate { font-size: 13px; padding: 1px; border: 1px solid #FFFFFF; color: #6699CC;}
.treespanselectprivate { font-size: 13px; padding: 1px; background-color: #FFFF99; border: 1px solid #FFCC99; color: #6699CC; }
.foldername { font-size: 13px; }
.foldernameselect { font-size: 13px; font-weight: bold; }
.foldercount {font-size: 12px; color: #999999; }
.areyousure { line-height: 120%;
font-family: arial, tahoma, helvetica, sans-serif;
font-size: 16px; font-weight: normal; color: #000000;
text-decoration: none;
border: 2px solid #249FD8;
padding-bottom: 3px; padding-top: 25px; padding-right: 25px; padding-left: 25px;
background-color: #FFFFCC;
min-height: 120px;
text-align: center;
width: 500px;}
/*this will set a clear after a float so the parent element is not collapsed */
.clearfix {display: inline-block; visibility: hidden; }
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
font-size: 0;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* BUTTONS */
a.button em{
display: block; float: left;
background: url('/bubblesoft/images/button_l.gif') no-repeat;
width: 5px; height: 22px;
}
a.button em.arrow{
display: block; float: left;
background: url('/bubblesoft/images/button_larrow.gif') no-repeat;
width: 20px; height: 22px;
}
a.button span{
display: block; float: left;
background: url('/bubblesoft/images/button_bg.gif') repeat-x;
height: 22px;
}
a.button span img{
margin-top: 4px; margin-right: 3px;
}
a.button b{
display: block; float: left;
background: url('/bubblesoft/images/button_r.gif') no-repeat;
width: 5px; height: 22px;
}
a.button b.arrow{
display: block; float: left;
background: url('/bubblesoft/images/button_rarrow.gif') no-repeat;
width: 20px; height: 22px;
}
a.button:hover em{
display: block; float: left;
background: url('/bubblesoft/images/buttonon_l.gif') no-repeat;
width: 5px; height: 22px;
}
a.button:hover em.arrow{
display: block; float: left;
background: url('/bubblesoft/images/buttonon_larrow.gif') no-repeat;
width: 20px; height: 22px;
}
a.button:hover span{
display: block; float: left;
background: url('/bubblesoft/images/buttonon_bg.gif') repeat-x;
height: 22px;
}
a.button:hover b{
display: block; float: left;
background: url('/bubblesoft/images/buttonon_r.gif') no-repeat;
width: 5px; height: 22px;
}
a.button:hover b.arrow{
display: block; float: left;
background: url('/bubblesoft/images/buttonon_rarrow.gif') no-repeat; width: 18px;
width: 20px; height: 22px;
}
a.button:link, a.button:visited, a.button:active, a.button:hover {
line-height:22px; /*equal to the height of the button*/
cursor: pointer; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none;
text-align: center; display: inline-block; white-space: nowrap;
}
a.buttondead em{
display: block; float: left;
background: url('/bubblesoft/images/buttonoff_l.gif') no-repeat;
width: 5px; height: 22px;
}
a.buttondead span{
display: block; float: left;
background: url('/bubblesoft/images/buttonoff_bg.gif') repeat-x;
height: 22px;
}
a.buttondead span img{
margin-top: 4px; margin-right: 3px;
}
a.buttondead b{
display: block; float: left;
background: url('/bubblesoft/images/buttonoff_r.gif') no-repeat;
width: 5px; height: 22px;
}
a.buttondead:link, a.buttondead:visited, a.buttondead:active, a.buttondead:hover {
line-height:22px; /*equal to the height of the button*/
cursor: pointer; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 11px; font-weight: normal; color: #666666; text-decoration: none;
text-align: center; display: inline-block; white-space: nowrap;
}
/* FORM FIELDS */
.fieldholder { display: inline-block; }
.fieldholder em{
display: block; float: left;
background: url('/bubblesoft/images/fieldholder_l.gif') no-repeat;
width: 12px; height: 34px;
}
.fieldholder span{
display: block; float: left;
background: url('/bubblesoft/images/fieldholder_bg.gif') repeat-x;
height: 34px;
}
.fieldholder b{
display: block; float: left;
background: url('/bubblesoft/images/fieldholder_r.gif') no-repeat;
width: 11px; height: 34px;
}
.fieldInput
{
height: 20px;
background:transparent;
border: none;
color: #000000;
margin-top: 6px;
margin-left: 0px;
}
.checkboxholder{
background: url('/bubblesoft/images/fieldholder_checkbox.gif') no-repeat;
width: 25px; height: 25px; display: inline-block;
}
.checkboxInput
{
height: 20px;
background: none;
border: none;
color: #000000;
margin-top: 3px;
margin-left: 5px;
}
#navhover{
font-size: 14px;
color: #999999;
margin-left: auto; margin-right: auto;
}
/* LINKS */
A:link, A:active { color: #006699; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: normal; }
A:visited { color: #006699; text-decoration: none; font-weight: normal; font-family: arial, tahoma, helvetica, sans-serif }
A:hover { color: #006699; text-decoration: underline; }
A.smallbold:link, A.smallbold:active, A.smallbold:visited, A.smallbold:hover { font-size: 11px; font-weight: bold; }
A.nav:link, A.nav:active, A.nav:visited{ font-size: 11px; color: #FFFFFF; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: bold; margin-right: 18px; }
A.nav:hover { color: #FF9900; }
A.navon:link, A.navon:active, A.navon:visited, A.navon:hover { font-size: 11px; color: #FF9900; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: bold; margin-right: 18px; }
A.extranav:link, A.extranav:active, A.extranav:visited { font-weight: bold; font-size: 12px; color: #666666; text-decoration: none; }
A.extranav:hover { font-weight: bold; font-size: 12px; color: #CCCCCC; text-decoration: none; }
A.subnav:link, A.subnav:active, A.subnav:visited { font-size: 11px; color: #FFFFFF; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: bold; }
A.subnav:hover { color: #FFCC00; }
A.subnavon:link, A.subnavon:active, A.subnavon:visited, A.subnavon:hover { font-size: 11px; color: #FFCC00; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: bold; }
A.supersubnav:link, A.supersubnav:active, A.supersubnav:visited { font-size: 11px; color: #006699; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: normal; }
A.supersubnav:hover { color: #006699; text-decoration: underline; }
.preload{display:none;}
a.pagelink:link, a.pagelink:visited, a.pagelink:active {
line-height:17px; /*equal to the height of the button*/
width: 14px; margin-right: 15px;
cursor: pointer; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none;
text-align: center; display: inline-block; white-space: nowrap;
background: url('/bubblesoft/images/icon_page.gif') no-repeat;
}
a.pagelink:hover {
line-height:17px; /*equal to the height of the button*/
width: 14px; margin-right: 15px;
cursor: pointer; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;
text-align: center; display: inline-block; white-space: nowrap;
background: url('/bubblesoft/images/icon_page.gif') no-repeat;
}
a.pagelinkon:link, a.pagelinkon:visited, a.pagelinkon:active, a.pagelink:hover {
line-height:17px; /*equal to the height of the button*/
width: 14px; margin-right: 15px;
cursor: pointer; font-family: arial, tahoma, helvetica, sans-serif;
font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;
text-align: center; display: inline-block; white-space: nowrap;
background: url('/bubblesoft/images/icon_pageon.gif') no-repeat;
}
A.smalldk:link, A.smalldk:active { font-size: 11px; color: #336699; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: normal; }
A.smalldk:visited { font-size: 11px; color: #336699; text-decoration: none; font-weight: normal; font-family: arial, tahoma, helvetica, sans-serif }
A.smalldk:hover { color: #336699; text-decoration: underline; }
.glossary { font-size: 13px; color: #FF9900; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: bold; }
A.glossary:link, A.glossary:active, A.glossary:visited { font-size: 13px; color: #FF9900; text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; font-weight: normal; }
A.glossary:hover { color: #3399CC; text-decoration: none; }
A:link.bubnav, A:active.bubnav , A:visited .bubnav {
text-decoration: none; width: 150px; border: 2px solid #006699;
text-align: center; padding: 15px; display: block; margin-bottom: 10px;}
A:hover.bubnav { background: #006699; color: white; }
A:link.bubnav span, A:active.bubnav span, A:visited .bubnav span {
font-size: 14px; color: #006699;
font-family: arial, tahoma, helvetica, sans-serif; font-weight: bold;}
A:hover.bubnav span{ color: white; }