a:active
{
/*   border: solid 1px red;*/
}
sup
{
  vertical-align:.2em; 
  font-size:0.7em;
}

html.busy, html.busy * {  
  cursor: wait !important;  
}  

#header>#logo {
    float: left;
    width: 380px;
    height:82px;
}
#logo a
{
    display:block;
    width: 380px;
    height: 82px;
    background: url("/imagesCG/logoRight.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
}
#addTo, .imageWithSound input, #utils, #filter input[type="submit"], #trayRename, #trayDel, #trayName, #trayRight {
    display: none;
}
.clear {
    clear: both;
}
.nav ul {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: right;
    height: 30px;
    overflow: hidden;
}
.nav ul li {
    float: left;
}
body {
    background-color: transparent !important;
}
ol, ul {
    list-style: none outside none;
}
#header a:link, #header a:hover, #header a:active, #header a:visited {
    margin: 0 3px;
    text-decoration: none;
}
.nav {
    width: 600px;
}
.nav ul li a, .nav ul li a:link, .nav ul li a:visited {
    border-right: 1px solid #CCCCCC;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-decoration: none;
}
.nav ul {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: right;
    height: 30px;
    overflow: hidden;
}
.nav ul li:hover {
    background: none repeat scroll 0 0 #F0F0F0;
}
#featuremenu {
    position: relative;
}
#menuPlay {
    display: inline-block;
    height: 78px;
    left: 25px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 26px;
    width: 400px;
}
#menuPlay span {
    display: none;
    position: absolute;
}
#menuPlay a {
    display: block;
    outline: medium none;
    position: absolute;
    text-indent: -9999px;
}
#menuPlay a:hover {
    background-position: left bottom;
}
#menuPlay a:hover span {
    display: block;
}
ul#menuPlay li {
    display: inline;
}
#menuPlay {
}
#menuPlay .option1 {
    background: url("../imagesCG/GreenTab-Soundfinder.gif") no-repeat scroll 0 -15px transparent;
    height: 75px;
    left: 1px;
    width: 153px;
}
#menuPlay .option2 {
    background: url("../imagesCG/YellowTab-ClipArt.gif") no-repeat scroll 0 -15px transparent;
    height: 75px;
    left: 133px;
    width: 163px;
}
#menuPlay .option3 {
    background: url("../imagesCG/BlueTab-Sharing.png") no-repeat scroll 0 -15px transparent;
    height: 75px;
    left: 275px;
    width: 167px;
}
#menuPlay .option4 {
    background: url("../imagesCG/DarkPinkTab-YourLessonpix.gif") no-repeat scroll 0 -15px transparent;
    height: 75px;
    left: 417px;
    width: 167px;
}
#menuPlay .option5 {
    background: url("../imagesCG/option5_blank.gif") no-repeat scroll 0 0 transparent;
    height: 75px;
    left: 645px;
    width: 167px;
}
#menuPlay .option6 {
    background: url("../imagesCG/option6_blank.gif") no-repeat scroll 0 0 transparent;
    height: 75px;
    left: 812px;
    width: 167px;
}
#header .nav a:link, #header .nav a:hover, #header .nav a:active, #header .nav a:visited {
    color: #414141;
    margin: 0 !important;
}
#breadcrumbs {
    background: none repeat scroll 0 0 #F0F0F0;
    display: block;
    float: left;
    height: 32px;
    padding-left: 20px;
    width: 960px;
}
#breadcrumbs .divider {
    background: url("../imagesCG/menu-divider.jpg") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 31px;
    padding: 0 10px;
    width: 18px;
}
#breadcrumbs .links a {
    color: #797979;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-top: 10px;
    position: relative;
    text-decoration: none;
}
#breadcrumbs .links a:hover {
    color: #434343;
}
#breadcrumbs .links a:active {
    border: solid 2px dashed red;
}
#breadcrumbShadow {
    background: url("../imagesCG/breadcrumb-shadow.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    margin: 0 auto;
    width: 980px;
}


#filter {
    float: left;
}
#filter input, #filter label {
    color: #797979;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-top: 10px;
    position: relative;
}

#filterBox p
{
  margin-left: 2em;
}

#categoryTree, #filterBox {
    background: none repeat scroll 0 0 #F0F0F0;
    padding: 0 0 10px;
    width: 166px;
    margin-bottom: 5px;
}
#categoryTree ul ul {
    margin-left: 15px;
}
#categoryTree li ul li {
    margin-left: 5px;
}
#categoryTree li ul li:before {
    color: #797979;
    content: ">> ";
}
#categoryTree a {
    padding: 5px;
}
#categoryTree li.selected a {
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}
#categoryTree h4, #filterBox h4 {
    background: url("../imagesCG/menuhdr.jpg") repeat-x scroll 29px 22px #F0F0F0;
    color: #434343;
    height: 22px;
    padding: 13px 10px 15px 8px;
}
#categoryTree h5, #filterBox h5 {
    background: url("../imagesCG/menuhdr.jpg") repeat-x scroll 18px 15px #F0F0F0;
    color: #434343;
    height: 15px;
    padding: 13px 10px 15px 8px;
}

h4 {
    font: bold 12px "HelveticaNeue",Arial,Helvetica,sans-serif;
}
h5 {
    font: normal 11px "HelveticaNeue",Arial,Helvetica,sans-serif;
}
#categoryTree li {
    padding: 2px 0 2px 10px;
}
#categoryTree ul, #categoryTree li {
    display: block;
}
#categoryTree a, #filterBox p {
    color: #797979;
}
#categoryTree a:hover {
    color: #434343;
}
#categoryTree li {
    white-space: nowrap;
}
.imageWithSound {
    text-align: center;
}
#matchedImages {
    margin-top: 10px;
}
#matchedImages .grid_2 {
    border: 1px solid #CCCCCC;
    float: left;
    height: 125px;
    margin: 0 0 10px 10px;
    position: relative;
    width: 127px;
}

#matchedImages .imgIcon img.plusBut ,
#matchedImages .grid_2 img.plusBut ,
#dashboard img.plusBut
{
    cursor: pointer;
    position: absolute;
    right: -8px;
    top: -8px;
}
#matchedImages .grid_2 img.lpImage {
    height: 100px;
    padding: 0;
    width: 100px;
    z-index: 999;
}
img.lpImage {
    z-index: 1999;
}
.imageWithSound a:link, .imageWithSound a:hover, .imageWithSound a:visited {
    color: #02023A;
    font-family: inherit;
    font-size: 140%;
    font-weight: bold;
/*    white-space: nowrap;*/
}
#categoryTree a.toolTipIcon {
    left: -8px;
    top: -2px;
}
.colShadow {
    background: url("../imagesCG/col-shadow.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    width: 165px;
}
#trayWrapper {
    width: 250px;
    height: 453px !important;
}

#trayWrapper.fixed {
    position: fixed;
    top: 5px;
    width: 250px;
}

#trayLeft img.save, #trayLeft img.empty, #trayLeft img.load {
    margin-right: 0;
}
#trayLeft h4 {
    color: #434343;
    height: 71px;
    padding-top: 8px;
}
#trayLeft a.traycontrols {
    left: 216px !important;
    position: relative;
    top: 8px !important;
}
#tray img.lpImage {
    display: inline;
/*    float: left;*/
    margin: 1px;
    width:48px;
    height:48px;
}

#tray img.Outline
{
  background-color: white;
}
#tray img.lpImage:hover, #tray.outline:hover {
    background-color: #DFD;
}
.ui-draggable {
/*    width: 249px; */
}
img.infotext {
    height: 30px !important;
    margin-left: 5px;
    width: 200px !important;
}
img.infotextfooter {
    height: 50px !important;
    margin-bottom: 5px;
    margin-left: 12px;
    width: 220px !important;
}
#trayLeft h4 a {
}
#trayLeft a.toolTipIcon {
    left: -8px;
    top: 62px;
}
#tray .introHelp {
    display: inline-block;
    font-size: 15px;
    height: 30px;
    padding: 10px 0;
}
.trayshadow {
    background: url("../imagesCG/trayshadow.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    width: 236px;
}
#trayfooter, #deleteitems {
}
#deleteitems {
    height: 50px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-top: 2px;
    vertical-align: top !important;
}
button.creatematerials {
    background: none repeat scroll 0 0 #E4E4E4;
    border: 1px solid #434343;
    float: left;
    height: 63px;
    position: absolute;
    right: 9px;
    top: 7px;
    width: 84px;
}
#matImage {
    width: 240px;
    float:right;
}
img.yourtray {
    height: 31px;
    margin: 15px 0 0;
    width: 147px;
}
img.save {
    margin-left: 8px;
}
#tray img.trayImage,
#tray img.lpImage
 {
    display:block;
    width: 48px;
    height:48px;
    float:left !important;
}
#tray {
    height: 264px;
    width: 230px;
    margin: 10px;
    overflow-y: auto;
    display:block;
}
#trayInner {
    height: 100px;
    width: 80px;
}
#trayLeft h4 {
    position: relative;
}
h4 input, h4 img {
    float: left;
}
h4 input {
    margin: 0 0 0 7px;
}
input.create {
    background: url("../imagesCG/create.png") no-repeat scroll 0 -83px transparent;
    border: medium none !important;
    height: 42px;
    text-indent: -9999px;
    top: -9px;
    width: 135px;
}
.loadDialog .ui-widget-header,
.saveDialog .ui-widget-header,
.createDialog .ui-widget-header,
.clearDialog .ui-widget-header
 {
    display: none !important;
}

.loadDialog.ui-dialog .ui-dialog-buttonpane,
.saveDialog.ui-dialog .ui-dialog-buttonpane,
.createDialog.ui-dialog .ui-dialog-buttonpane,
.clearDialog.ui-dialog .ui-dialog-buttonpane

{
    background: none repeat scroll 0 0 transparent;
}
.loadDialog.ui-dialog .ui-widget-content,
.saveDialog.ui-dialog .ui-widget-content,
.createDialog.ui-dialog .ui-widget-content,
.clearDialog.ui-dialog .ui-widget-content
{
    border: medium none !important;
}
.loadDialog.ui-dialog,
.saveDialog.ui-dialog,
.createDialog.ui-dialog,
.clearDialog.ui-dialog,
{
    border:none !important;
}
.loadDialog.ui-dialog .ui-button-text-only.ui-state-focus,
.saveDialog.ui-dialog .ui-button-text-only.ui-state-focus,
.createDialog.ui-dialog .ui-button-text-only.ui-state-focus,
.clearDialog.ui-dialog .ui-button-text-only.ui-state-focus
{
    border:none !important;
}
#wizardIFrame {
    background: url("../imagesCG/dialog-bg3.png") no-repeat scroll 0 0 transparent !important;
    height: 379px;
    margin-left: 16px;
    margin-top: 40px;
    position: relative;
    width: 780px;
}
.opera #wizardIFrame {
    margin-left: 76px;
}
.opera .ui-button {
    left: -20px;
}
#wizardHeader {
    padding: 30px 5px 0 45px !important;
    width: 430px;
}

#matSelect{
    width: 450px;
    vertical-align:top;
    padding-left:14px;
}

#matPreview {
    margin-left: 100px;
}
#wizardHeader h2 {
    font-size: 20px;
}
#matSelect input
{
  width:120px;
}
#matSelect label
{
  width:80px;
}
#matSelect select {
/*    height: 220px !important;*/
    margin-right: 13px;
    width: 177px;
}
#choosePix {
    background: none repeat scroll 0 0 transparent !important;
    height: 300px;
    padding: 20px;
    width: 400px;
}
#choosePix p {
    padding: 0 26px 18px;
}
h4#matTitle, #matDescription {
    position: absolute;
    padding-top: 10px;

}
h4#matTitle {
    color: #FFFFFF;
    font-size: 18px;
    left: 534px;
    top: 10px;
    width: 205px;
}
#matDescription {
    color: #EEEEEE;
    left: 534px;
    letter-spacing: 1px;
    line-height: 17px;
    top: 50px;
    width: 225px;
}

#rightClickWarning
{
    background: none repeat scroll 0 0 black !important;
    height: 470px !important;
    width: 850px !important;
}    

#createdialog {
    background: none repeat scroll 0 0 transparent !important;
    height: 470px !important;
    width: 850px !important;
}
.smalldialog, #loaddialog, #cleardialog, #savedialog, #restrictedDialog, #blendInstr {
    background: url("../imagesCG/dialog-small.png") no-repeat scroll 0 0 transparent !important;
    height: 420px !important;
    margin-left: 175px;
    padding: 63px 9px 0 63px;
    width: 550px !important;
}
.smalldialog p, #cleardialog p, #savedialog p {
    font-size: 20px;
    margin-bottom: 20px;
}

#restrictedDialog h3
{
    font-size: 24px;
    margin-bottom: 20px;
}
#restrictedDialog p
{
    font-size: 15px;
    padding-right: 20px;
    width:450px;
    margin-bottom: 5px;
}
#restrictedDialog p a:link,
#restrictedDialog p a:hover,
#restrictedDialog p a:active
{
    color: blue;
}


#blendInstr h3
{
    font-size: 18px;
    width:400px;
    margin-bottom: 10px;
}
#blendInstr p
{
    font-size: 14px;
    width:400px;
    margin-bottom: 10px;
}

#blendInstr ul
{
    font-size: 14px;
    width:400px;
    margin-bottom: 10px;
}

#blendInstr b
{
    font-weight: bold;
}

#blendInstr dl
{
    float: left;
    width: 450px;
    margin: .5em 0;
    padding: 0;
    border-bottom: 1px solid #999;
}

#blendInstr dt
{
    clear: left;
    float: left;
    width: 153px;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #999;
    font-weight: bold;
}

#blendInstr dd
{
    float: left;
    width: 270px;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #999;
}

#blendInstr .ui-dialog-buttonset 
{
    position: absolute;
    right: 372px;
    top: -161px;
}
.smalldialog h3, #savedialog h3 {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.smalldialog button,#cleardialog button, #loaddialog button, #savedialog button, #restrictedDialog button, #blendInstr button {
    border: 1px solid #414141;
    height: 40px;
    margin-left: 73px;
    margin-top: 88px;
    width: 110px;
}
#loaddialog.ui-dialog .ui-dialog-buttonpane button {
    left: -100px;
}
#loaddialog span {
    display: block;
    font-size: 20px;
    margin-bottom: 20px !important;
}
#loaddialog h3 {
    margin-bottom: 10px;
}
#wizardIFrame {
    background: url("../imagesCG/dialog-bg3.png") no-repeat scroll 0 0 transparent !important;
    height: 435px;
    margin-left: 22px;
    margin-top: 20px;
    padding: 32px 0 0 30px;
    position: relative;
    width: 850px;
}
#createdialog {
    background: none repeat scroll 0 0 transparent !important;
    height: 500px !important;
    width: 895px !important;
}
.grid_2 {
    display: none;
}
#matchedImages .grid_2 {
    display: block;
}
#matchedImages .grid_2.imgIcon:hover {
    background: none repeat scroll 0 0 #F0F0F0;
}
.loadDialog.ui-dialog .ui-dialog-buttonpane,
.saveDialog.ui-dialog .ui-dialog-buttonpane,
.createDialog.ui-dialog .ui-dialog-buttonpane,
.clearDialog.ui-dialog .ui-dialog-buttonpane
{
    position: relative;
}
.loadDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.saveDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.createDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.clearDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
 {
    position: absolute;
    right: -75px;
    top: -490px;
}
.loadDialog.ui-dialog,
.saveDialog.ui-dialog,
.createDialog.ui-dialog,
.clearDialog.ui-dialog
 {
    background: none repeat scroll 0 0 transparent !important;
    margin-left: -50px;
    width: 885px !important;
    border:none !important;
}
.saveDialog.ui-dialog hr
{
    width: 79%;
    margin-left: -8px;
}
#wizardFooter input {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #434343;
    height: 34px;
    padding: 3px;
    width: 72px;
    border-radius:20px;
}
#wizardFooter #shareButton  {
    background-color: #6B9DF4;
}

#wizardFooter {
    left: 524px;
    position: absolute;
    text-align: center;
    top: 290px;
    width: 241px;
}
.ui-widget-overlay {
    opacity: 0.6 !important;
}
.loadDialog .ui-dialog-buttonset, .loadDialog ui-dialog-buttonset button,
.saveDialog .ui-dialog-buttonset, .saveDialog ui-dialog-buttonset button,
.createDialog .ui-dialog-buttonset, .createDialog ui-dialog-buttonset button,
.clearDialog .ui-dialog-buttonset, .createDialog ui-dialog-buttonset button
 {
    border: medium none !important;
    outline: medium none !important;
}
.ui-button {
    border: medium none red !important;
}
.catIcon {
    background-color: white;
    background-image: url("/drawings/4365/130x130/Folder.png");
    background-position: 0 -10px;
    background-repeat: no-repeat;
}
.catIcon img {
    margin-top: 33px;
}
#imageBox {
    border: 3px inset #AAAAAA;
    height: 240px;
    overflow: scroll;
    width: 460px;
}
#imageBox tbody td {
/*    background-color: #E7E7E7;
    background-image: url("/images/grad-bg.jpg");
    background-repeat: repeat-x;
*/
    padding: 2px;
}
#imageBox thead tr * ,
#dashboard #imageBox thead tr * {
    background-color: black;
    color: white;
    font-weight: bold;
    padding: 2px;
}
#imageBox tr * {
    text-align: center;
    vertical-align: middle;
}
#imageBox tr input {
    text-align: left;
    vertical-align: middle;
}
#imageBox img {
    margin-left: 4px;
    margin-right: 2px;
}
.spinnerCell input
{
  width: 2em;
}
#matDescription ul {
    list-style: square outside none;
    margin: 10px 5px 5px;
}
#optionBox {
    font-size: 120%;
    height: 240px;
    line-height: 1.7em;
    padding: 2em;
    width: 460px;
}
#categoryTree ul ul li:before {
    color: #797979;
    content: ">";
    margin-left: 0;
}
#categoryTree ul ul ul li:before {
    color: #797979;
    content: ">>";
    margin-left: 3px;
}
#categoryTree ul ul ul ul li:before {
    color: #797979;
    content: ">>>";
    margin-left: 6px;
}
#categoryTree li.selected a {
    cursor: pointer;
    font-weight: normal !important;
}
#breadcrumbs .divider {
    background: url("../imagesCG/menu-divider.png") no-repeat scroll 15px -4px transparent;
}
#cat_crumbs {
    color: #797979;
    font-size: 150%;
    margin-top: 3px;
    padding-left: 8px;
}
#cat_crumbs a {
    color: #7979d9;
}
#cat_crumbs a:hover {
    color: #434343;
}
#cat_crumbs a:last-child, #cat_crumbs a:last-child:hover {
    font-weight: bold;
    text-decoration: none;
    color: #797979;
}
#showPicture #cat_crumbs a:last-child, #showPicture #cat_crumbs a:last-child:hover {
    text-decoration: underline;
    font-weight: normal;
}
.imageWithSound a:link, .imageWithSound a:hover, .imageWithSound a:visited {
    color: #02023A;
    font-family: inherit;
    font-size: 115%;
}

#content h2
{
    background-color: #EEE;
  }
#newFilter {
    float:right;
}
#navcolumn {
    clear: both;
    margin-top: 10px;
}
#trayLeft {
    background-image: url("/images/blackboard.png");
    background-repeat: no-repeat;
}
#newFilter form {
    color: #434343;
}
#newFilter form label {
    color: #797979;
}
button.creatematerials {
    background: url("../imagesCG/createbutton.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
}
.createDialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background: url("../imagesCG/close.png") no-repeat scroll 0 0 transparent !important;
    border: medium none !important;
    height: 57px !important;
    left: -92px !important;
    text-indent: -9999px;
    width: 50px;
}
.smalldialog.ui-dialog .ui-dialog-buttonpane, 
.loadDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, 
.clearDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, 
.saveDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    position: absolute;
    right: 288px;
    top: -175px;
}
.smalldialog .ui-button, 
.loadDialog.ui-dialog .ui-button, 
.clearDialog.ui-dialog .ui-button, 
.saveDialog.ui-dialog .ui-button {
    background: none repeat scroll 0 0 #EEEEEE !important;
    border: 1px solid #414141 !important;
    color: #434343 !important;
    height: 40px !important;
    margin-left: 73px !important;
    min-width: 100px;
}
.smalldialog .ui-button:hover, .loadDialog .ui-button:hover, .clearDialog .ui-button:hover, .saveDialog .ui-button:hover {
    background: none repeat scroll 0 0 #CCCCCC !important;
}
.smalldialog .ui-dialog .ui-dialog-buttonset
{
    margin-right: -110px !important;
}
#createdialog {
    background: none repeat scroll 0 0 transparent !important;
    height: 500px !important;
    width: 910px !important;
}

#trayLeft
{
    margin-top:8px;
}
#trayLeft .ui-state-hover {
    background: none repeat scroll 0 0 #7EA676;
    border: medium none;
}
#trayCreate {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}
#deleteitems button {
    background: url("../imagesCG/saveButs.png") no-repeat scroll left center transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 34px;
    text-indent: -9999px;
    text-transform: capitalize;
    width: 59px;
}
#deleteitems #trayClear {
    background: url("../imagesCG/clearButs.png") no-repeat scroll left center transparent;
}
#deleteitems #trayLoad {
    background: url("../imagesCG/loadButs.png") no-repeat scroll left center transparent;
}
#trash {
    vertical-align: bottom;
}
.dragtext {
    margin-top: 10px;
}
#BinkoTest {
    background-color: pink;
    float: left;
    height: 120px;
    width: 164px;
}
#searchTabs {
    display: block;
    float: left;
    font-size: 120%;
    padding-left: 10px;
    text-align: right;
    width: 134px;
}
#searchTabs .current, #searchTabs li.current:hover {
    background: url("/imagesCG/searchTabActive.png") no-repeat scroll left top transparent;
/*    color: #3E6E31;*/
    font-size: 110%;
    font-weight: bold;
    height: 23px;
    padding-right: 5px;
    padding-top: 8px;
    color:black;
}
#searchTabs li {
    background: url("/imagesCG/searchTabNormal.png") no-repeat scroll 19px top transparent;
    font-family: comic Sans MS;
    height: 19px;
    padding-right: 5px;
    padding-top: 3px;
}
#searchTabs li:hover {
    background: url("/imagesCG/searchTabNormal.png") no-repeat scroll 15px top transparent;
}
#searchTabs li a:link, #searchTabs li a:visited, #searchTabs li a:hover {
    color: white;
    font-family: comic Sans MS;
    font-size: 95%;
    text-decoration: none;
}
#searchTabs li.current a:link, #searchTabs li.current a:visited, #searchTabs li.current a:hover {
    color: black;
}

#searchArea
{
  background-color: #EEE;
}
#searchArea #formArea
{
    padding: 8px;
    padding-top: 2px;
}
#searchArea #wordEntry {
    background-color: #DEF1D7;
    float: left;
    padding: 5px;
    height: 128px;
    width: 525px;
}
#searchArea p
{
  margin-top: 3px;
  margin-bottom: 3px;
}
.letter {
    float: left;
    font-size: 28px;
    height: 50px;
    line-height: 0.9em;
    margin: 1px;
    margin-bottom: 5px;
    text-align: center;

    vertical-align: middle;
    border:1px #888 solid;
    background: url("/images/graygrad.png") repeat-x scroll left 0px transparent; 
    border-radius: 7px;
    width:auto;

}
.letter label {
    display: block;
    padding: 3px;
    text-align: center;
    min-width: 20px;
}
.letter input {
/*    display: block;
    text-align: center;
    text-align: center;
    width: 25px;
    height: 13px;
    border: none !important;
*/
}
.letter input:active {
    border: none !important;
}
.letter a:link, 
.letter a:visited,
.letter a:hover
{
    text-decoration: none;
    color: black;
}
#note {
    background-color: #FFFFC9;
    float: right;
    padding: 10px;
    width: 275px;
}
#note ul
{
    list-style: disc outside;
    margin: 10px 20px;
}
#note ul li
{
    padding-bottom: 5px;
}
#note p
{
    padding-top: 10px;
}
#note h3
{
  font-size: 180%;
}

#editCollection #content,
#showPicture #content
{
    width: 715px;
    margin-right: 5px;
}
#editCollection #formArea {
    background-color: #A6CF92;
    margin: 10px auto;
    padding: 10px;
    width: 626px;
}
#editCollection #formArea fieldset
{
  background-color: #dfeed7;
  margin: 10px;
  padding: 10px;
}
#editCollection #formArea fieldset label
{
  width: 10em;
  float:left;
  clear:both;
  margin:5px;
  text-align:right;
  font-size: 110%;
}
#editCollection #formArea fieldset #collecction_name
{
  width: 40%;
  float:left;
  margin:5px;
}

#editCollection #imageBox
{
  margin: 10px auto;
  height: 30em;
  width: 550px;
}

#imageBox .ui-state-highlight 
{ 
    height: 3em; 
    line-height: 3em; 
    background-color: green !important;
    
}

#editCollection .buttonBar
{
  margin: 10px;
}
#editCollection #formArea .buttonBar input
{
  float:right;
  width: 10em;
}
#editCollection #formArea .buttonBar a
{
    font-size: 130%;
}

#editCollection h1
{
  font-size: 24px;
}
#editCollection h1 img
{
  padding-bottom: 5px;
  padding-left: 5px;
}

#showPicture h1
{
    font-size: 30px;
    margin: 10px;
    background-color: #dfeed7;
    padding: 5px;
}
#showPicture #imageProps
{
    font-size: 15px;
}
#imageProps label
{
    font-weight: bold;
    }
#imageProps p
{
    margin-bottom: 5px;
}
#relatedImages, #imageProps
{
    padding: 5px;
    float:left;
    width: 170px;
    margin-left: 10px;
}

#imageArea
{
    float:left;
    margin-left: 36px;
}
#imageArea .imgIcon
{
    position: relative;
}
#imageArea .lpImage
{
    width: 380px !important;
    height: 380px !important;
    padding: 5px;
    border: 1px solid #CCCCCC; 
}

#exportBar
{
 text-align:center;
 vertical-align: middle;
 height: 25px;
 background-color: #EED;
}

#exportBar strong
{
font-weight: bold;
margin-right: 5px;
font-size: 120%;
}
#relatedImages
{
  height: 450px;
  overflow: scroll;
  width: 202px;
}
#leftCol
{
  float:left;
}
.articleCat #categoryTree  #articleList li
{
  white-space: pre-wrap;
}
.articleCat #categoryTree  ul#articleList
{
  list-style: disc outside;
}

.articleCat #content
{
  width: 815px;
}

#categoryInfo {
    background: url("/imagesCG/orangeStripe.png") repeat-x scroll left -563px transparent;
    font-size: 16px;
    line-height: 1.2em;
    margin: 10px;
    padding: 10px;
    width: 780px;
}

#categoryInfo .cat_image
{
  float: right;
  width: 200px;
}
.articleCat h1
{
  font-size: 36px;
margin-bottom: 5px;
}

#articleBody blockquote
{
    clear:both;
    font-size: 17px;
    margin: 10px;
    padding: 15px 30px;
    background-color: #EEF;
}
#articleBody blockquote .author
{
    text-align:right;
    font-size: 18px;
    font-style: italic;
}
#articleBody .pullQuoteRight
{
    clear:right;
    width: 240px;
    float:right;
    margin-right:0;
    margin-left: 10px;
    background-color: #FF9;
    padding: 10px;
}
#articleBody ol 
{
    padding-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
}
#articleBody ol li
{
    margin-top: 5px;
    line-height: 1.1em;
}
#articleBody .pullQuoteRight h2
{
    font-size: 20px;
    border-bottom: solid 2px white;
}
#articleBody .pullQuoteRight p
{
    padding:5px;
    
}
#articleBody b, #articleBody em, #articleBody strong
{
    font-weight: bold;
}
#articleBody .cat_image
{
    margin-left: 10px;
    margin-bottom: 10px;
}

#categoryInfo ul, #articleBody ul
{
  padding-top: 10px;
  list-style: disc outside;
  margin-left: 30px;
}
#categoryInfo ol, #articleBody ol
{
  padding-top: 10px;
  list-style: decimal outside;
  margin-left: 30px;
  padding-bottom: 10px;
}
#categoryInfo p
{
  padding-top: 10px;
}

#articleBody .cat_image
{
    float:right;
}

#articleBody
{
margin: 10px;
padding: 10px;
font-size: 14px;
margin-bottom: 20px;
}

#articleBody p, #articleBody li
{
margin: 4px;
padding: 4px;
font-size: 14px;
line-height: 1.2em;
margin-bottom: .3em;
}

#articleBody li
{
    margin:0;
    padding:2px;
}
#articleBody h5
{
  background: none;
  font-size: 18px;
}
#articleBody h4
{
  background: none;
  font-size: 20px;
}
#articleBody h3
{
  background: none;
  font-size: 22px;
}
#articleBody h2
{
  background: none;
  font-size: 25px;
}
#articleBody h1
{
  background: none;
  font-size: 30px;
}

/* Promo Box Stuff */
#catInfo
{
  width: 350px;
  float:left;
  font-size: 120%;
  padding: 5px;
  min-height: 100px;
}
#catInfo img
{
  float:left;
  margin-right: 3px;

}
#catInfo h1
{
  font-size: 30px;
  margin-bottom: .3em;
}

#promoBox h2
{
  font-size: 22px;
  margin-bottom: .3em;
  font-weight: bold;
}


#promoBox
{
    position: relative;
    font-size: 120%;
    width: 600px;
    float:right;
    background-color: #FFFFCC;
    padding: 5px;
    height: 100px;
    line-height: 1.2em;
}


/* Login Stuff */
#signuporinvite, #loginbox
  {
    padding: 10px;
    background-color: #EEE;
    margin-top: 10px;
    float:left; 
    width: 450px;
    margin-left: 50px;
    margin-right: 50px;
  }
#signuporinvite h2,
#signuporinvite h3,
#signuporinvite p
{
    margin:0;
  margin-bottom: 5px;
}
#signuporinvite hr
{
 border:solid 1px white;
  margin-top:3px;
  margin-bottom:3px;
}
#signuporinvite .buttonBox
{
  text-align:right;
  margin-right: 1em;
}

#loginbox
{
  width: 200px;
  border: solid 3px #ccc;
  padding: 3px;
  float:right;
}
#loginbox h2, #loginbox p
{
 margin:0;
 padding:0;
}
#loginbox p
{
  text-align:right;
 margin: 2px 0;
}
#loginbox input 
{
  width: 9em;
}
#loginbox h2, #signuporinvite h2
{
  border-bottom: solid 2px white;
  font-size: 24px;
}
#signuporinvite h3
{
    font-size: 20px;
}

#forgotPass  h1
{
    font-size: 30px;
    margin-bottom: 10px;
    border-bottom: solid 1px white;
}

#forgotPass
{
    background-color: #EEE;
    width: 550px;
    margin: 0 auto;
    padding: 15px;
}
#forgotPass p
{
    font-size: 18px;
    padding: 1em;
}

#forgotPass legend
{
    font-size: 20px;
    color: #005;
    background-color: white;
    padding: 5px;

}
#forgotPass fieldset
{
    background-color: white;
    padding: 20px;
    font-size: 17px;
}

.errorMsg
{
  color: #FF0000; 
  font-size:90%;
  font-weight:bold;
  margin: .5em;
  line-height: 1;
}

div.errBox, div#errBox
{
  color: #FF0000; 
  font-size:140%;
  font-weight:bold;
  margin: .5em;
  line-height: 1;
  margin: 0 auto;
  width: 50%;
  text-align:center;
}



/* register form */
#regHeader
{
  padding: .3em;
}
#regHeader h1,
#regHeader h2
{
  margin: 0;
  padding: 0;
  text-align:center;
}

#regHeader h1, #introSplash h2
{
  font-size: 32px;
  margin-bottom: 10px;
}
#regHeader h2
{
  font-size: 120%;
  font-weight:normal;
}

#regMain
{
  background-color: #EEF;
  margin-top:1em;
}
#regHeader
{
  background-color: #EEF;
  background-image:url(/images/bluebg.png);
  background-repeat:repeat-x;
}

fieldset
{
/* border: solid 2px #292986;*/
 padding: 5px;
 margin:0;
}

legend
{
 display:none;
  padding: 0 5px; 
  margin-left: 5%;
}
fieldset ol
{
  margin: 0;
  padding: 0;
}

fieldset li
{
   padding: .1em .3em;
   display:block;
   margin:0;
   clear:both;
}
fieldset label
{
  display:block;
  float:left;
  clear:left;
  width: 18em;
  height: 2em;
  text-align:right;
  margin-right: 10px;
}
#registerForm
{
    line-height: 1.4em;
    font-size: 16px;
    padding: 20px;
}
#registerForm #digSeal
{
  padding: 0px;
  float:left;
  width: 100px;
  margin-top: 30px;
  margin-right: -20px;
}
#registerForm #benefits
{
  background-color: white;
  padding: 10px;
  float:right;
  width: 200px;
  margin-top: 10px;
  line-height: 1.2em;
  font-size: 13px;
  margin-right: -20px;
}
#registerForm  #benefits h3
{
  font-size: 15px;
  font-weight: bold;
  margin:0;
  padding:0;
  margin-bottom: 5px;
}
#registerForm form
{
   margin-left: 40px;
}

#introSplash {
    background-color: black;
    background-image: url("/images/introBG.png");
    background-position: right top;
    background-repeat: no-repeat;
    color: white;
    font-size: 140%;
    height: 333px;
    padding: 1em 1em 0;
}
#introSplash h2
{
  margin-bottom: 30px;
}
#introSplash p
{
    font-size: 23px;
    line-height: 1.2em;
    padding-right: 340px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#introSplash #confirm
{
  font-size: 18px;
  margin-bottom: 30px;
}

/* My Photos */
#myPhotosBox a
{
    display:block;
    float:right;

}

#myPictures #matchedImages .grid_2 img.lpImage {
    height: 80px;
    padding: 0;
    width: 80px;
    z-index: 999;
}

#myPictures #matchedImages .grid_2 {
    border: 1px solid #CCCCCC;
    float: left;
    height: 90px;
    margin: 0 10px 10px 0;
    position: relative;
    width: 102px;
}

#myPictures .instructions
{
    font-size: 30px;
    text-align:center;
    margin:0 20%;
    margin-top: 30px;
    color: #888;
}
#myPictures .instructions a:hover,
#myPictures .instructions a:link,
#myPictures .instructions a:visited
{
    color: #55A;
}


#contentWrapper #editCollection  ul,
#promoBox ul, #certBox ul
{
    list-style: disc outside;
    margin-left: 5px;
    }
#promoBox ol
{
    list-style: decimal outside;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.3em;
    }

#contentWrapper #editCollection ul li,
#promoBox li
{
    margin-left: 15px;
}

#promoBox #promoCall
{
    float:right;
    margin-top: 10px;
    margin-right: 20px;
}

#promoBox.blackBG
{
    background-color: black;
    color: white;
    background-image: url(/imagesCG/darkBG.jpg);
}
#contentWrapper #editCollection p
{
    padding: 3px;
}

#myPictures #matchedImages.tableClipper {
    height: 45em !important;
    padding-top: 10px;
}

#matchedImages.tableClipper
{
  padding-top: 10px;
}

#benefitTable
{
  border: solid 1px black;
  margin-bottom: 10px;
}
#benefitTable th
{
    background-color: #EEE;
    text-align:right;
    padding: 5px;
    }
#benefitTable td
{
    padding: 5px;
    
}
#signupBoxInArt
{
    margin-left: 85px;
    margin-top: 45px;
}

#optionBox #waitButton
{
    top:30px;
    height: 200px;
    left: 99px;
    margin: 0 auto;
    position: absolute;
    width: 275px;
}

#matDescription ol
{
  list-style: decimal outside;
  margin-left:10px;
  margin-top: 5px;
}
#directcontact
{
    font-size: 18px;
    line-height: 1.3em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 5px 5px 10px;
    width: 300px;
}
#directcontact h2
{
    font-size: 30px;
    margin-bottom: 10px;
    
}

#chargeFields h2
{
    padding-top: 10px;
  font-size: 24px;
}
table#charges 
{
}
table#charges td,table#charges th
{
  padding: 5px;
}

table#charges th
{
text-align:right;
}
table#charges tr.total td
{
  border-top: 1px solid black !important;
}
table#charges td
{
  width: 5em;
}

fieldset#chargeFields
{
  width: 500px;
  margin: 0 auto;
  background-color: #FFE;
  padding-right: 100px;
}
#userCCFields,
#extraAttribs
{
    position:relative;
}

/*#userCCFields .AuthorizeNetSeal,
#extraAttribs .AuthorizeNetSeal,
*/
#securitySeals
{
    position:absolute;
    right:0;
    width:100px;
}
#userCCFields h1,
#extraAttribs h1
{
    margin-top: 10px;
    text-align: center;
    font-size: 25px;
    margin-bottom: 10px;
}
table#charges
{
    width: 100%;
}
#userCCFields .comment,
#extraAttribs .comment
{
    font-size: 80%;
    font-style: italic;
    margin-left: 5px;
}
#paymentInstr
{
  margin: 0 auto;
  width: 600px;
  font-size: 120%;
}
#extraAttribs p.instr
{
  margin: 0 auto;
    width:600px;
}
#extraAttribs
{
  margin: 0 auto;
  margin-top: 10px;
/*  width: 600px;*/

}

fieldset#chargeFields .buttonBar
{
  text-align:center;
}
.actionCell img
{
  cursor:move;
}
.actionCell a.copyImg,
.actionCell a.copyImg img
{
  cursor:pointer !important;
}


#extraMatches ol#extraMatchList
{
    padding-right: 5px;
}
#extraMatches ol#extraMatchList
{
  padding-left: 30px;
}
#extraMatches ol#extraMatchList li
{
  list-style: decimal outside !important; 
    display: list-item;
    padding-left: 0;
}
#extraMatches 
{
    display: list-item;
    padding-left: 0;
}

blockquote.hints
{
    text-align:center;
    font-size: 14px;
    }
#imageBox table#imageDetailList {
    width: 100% !important;
    margin:0 !important;
}

.instructions
{
    margin: 0 auto;
    font-family: comic Sans MS;
}
.instructions h1
{
  font-size: 24px;
  text-align:center;
  padding-bottom: 5px;
}

#suggestions
{
    font-size: 18px;
    padding:10px;
}
#suggestions h3
{
    font-size:24px;
    padding-bottom: 3px;
}
#suggestions p
{
    margin-bottom:5px;
}
#suggestions sup
{
    font-size: 10px;
    margin: 3px;
}
#suggestions ul li *
{
    vertical-align:top;
    display:block;
    float:left;
    margin: 3px;
}
#registerForm fieldset p
{
  clear:both;
}

#avatarArea {
    background-color: #DDDDFF;
    float: right;
    margin-right: 27px;
    padding: 10px;
    width: 125px;
}
#avatarArea h3
{
    font-size: 20px;
}
#avatarArea #avatar
{
    text-align:center;
    width:100px;
    margin: 0 auto;
    display:block;
}

.links super {
    color: orange;
    display: inline-block;
    float: right;
    font-size: 8px;
    padding-left: 5px;
    vertical-align: super;
}
#certBox
{
    background-color: #dde;
    padding-top: 10px;
    padding-bottom: 10px;
}
#certPix {
    background-color: #DDE;
    float: right;
    height: 340px;
    overflow: auto;
    padding: 10px;
    text-align: right;
    width: 255px;
}
#certPix label
{
    display:block;
    vertical-align: middle;
    padding-bottom: 10px;
}
#certPix label img
{
    vertical-align:middle;
    margin-left: 10px;
}
#certReady
{
    height: 300px;
    margin: 20px;
    margin-top: 0;
    background-color: #F0F0FF;

}
#certButtons
{
    padding-left: 50px;
    background-color: #DDE;
    text-align:right;
}

#certBox ul
{
    list-style: disc inside ;
    margin-left: 5px;
}

#certReady strong
{
    font-weight: bold;
    color: #580;
}

#certReady p,
#certReady ul
{
    padding: 10px;
}
#collectionSummary  #imageBox {
    border: 3px inset #AAAAAA;
    height: 175px;
    overflow: scroll;
    width: 433px;
}


.uploadOption
{
  background-color: #efefef;
  float:right;
  width: 293px;
  padding: 2px;
  margin-right: 10px;
  }

#dashboard .uploadOption
{
  background-color: #efefef;
  float:right;
  width: 323px;
  padding: 5px;
  margin:5px;
  border-radius: 5px;
  }

#dashboard #uploadOptionBoxes
{
    padding:10px;
}
.uploadOption h4,
.uploadOption p
{
  margin:0;
}

#uploadBox label
{
    width:40px;
    text-align:right;
    display:inline-block;
    margin-right:3px;
}

.uploadOption h4
{
    font-size: 15px;
    padding: 3px;
}

.uploadOption label
{
  font-size: 12px;
  font-weight: bold;
  margin-left:12px;
  
}
.uploadOption input
{

}
#addTextOption, #customizeBox
{
    height:114px;
}
#addTextOption, #customizeBox
{
    height:114px;
}
#addTextOption label
{
  text-align:left;
  font-size: 12px;
  font-weight: normal;
  width: auto;
  display:inline;
  float:none;
}
#addTextOption input
{
  display:inline;
  text-align: left;
  float:none;

}
#addTextOption b
{
  font-size: 12px;
  font-weight: bold;
}
#addTextOption textArea
{
    width: 95%;
    height: 2.5em;
    margin-bottom:3px;
}
.uploadOption .submitRow input
{
  text-align:center;
  float:right;
}
.uploadOption .submitRow 
{
    text-align: right;
    margin:0 !important;
    padding:0;
    width:auto !important;
}
#emailBox
{
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    line-height:1.3em;
}
#emailUpload,#uploadBox
{
    line-height:1.3em;
    height:90px;
}

#uploadBox form
{
    margin-top:5px;
}
#licenseList table
{
    text-align: center;
}

form#userList fieldset
{
    margin-top:0 !important;
    padding-top:0 !important;
    background-color: transparent !important;
}
#licenseList table,
#userList table
{
    width: 100%;
    border: solid 1px white;
}
#licenseList table th

{
    background-color: #DFEED7;
}
#userList table thead th
{
/*    font-weight: bold;
    background-color: #252;
    color:white;*/
    background-color: #DFEED7;
}

#licenseList td,
#userList td,
#userList tbody th
{
    background-color: white;
    border-bottom: outset 2px #252;
    padding: 2px;
}

#userActions 
{
    text-align:right;
}

form#userList table td label
{
    display:inline;
    height: 1em !important;
    margin-right:0;
    margin:0;
    float:none !important;
    clear:none;
    font-size:100%;
    text-align:left;
    width:auto;
}

#invite
{
    padding: 2px;
    background-color: #DFEED7;
    float:right;
    width: 300px;
}

#codeBox, #inviteBox
{
    margin: 5px;
}
#userListWrapper 
{
    height: 20em;
    overflow: auto;
}
#userListWrapper table tbody th
{
    text-align:center;
}

#resetPass form
{
    margin-top: 2em;
    margin-left: 2em;
    margin-right: 2em;
    font-size: 20px;
}

#resetPass
{
  padding-top: 8em;
}
#resetPass p
{
text-align:center;
}
#resetPass .ui-dialog-buttonset
{
    position: absolute;
    right: 366px !important;
    top: -250px !important;
}

#welcome ul li {
    font-size: 20px;
    list-style-type: none;
    background: url("/imagesCG/star20.png") 0px 3px no-repeat;
    padding-left: 25px;
    vertical-align: middle;
    line-height:30px;
    background-image-position: left middle;
} 

#manageGroups
{
    display:block;
    padding: 5px;
    padding-top: 10px;
    text-align:center;
    float:right;
} 

#articleResults {
    background-color: #FFFFC9;
    float: right;
    padding: 10px;
    width: 400px;
    height: 128px;
}
#articleResults ul
{
    list-style: disc outside;
    margin: 10px 20px;
    float:left;
    width: 150px;
}
#articleResults ul li
{
    padding-bottom: 5px;
}
#articleResults p
{
    padding-top: 10px;
}
#articleResults h3
{
  font-size: 180%;
}

#articleResults.wide ul
{
    width: 300px;
}
#kwSearchForm #wordEntry
{
    width: 400px;
}

#tryItNowBut
{
    margin-top: 5px;
}
#tryItNowBut a
{
    display:block;
    width: 155px;
    height: 123px;

    background-image: url('/images/tryItNowBut.png');
    background-repeat: no-repeat;
    text-indent: -3000px;
}

.Qs {
    background-color: #FFFFEE;
    float: left;
    font-size: 13px;
    line-height: 1.3em;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 10px !important;
    padding: 7px;
    width: 30%;
}
.Qs p {
    padding-bottom: 5px;
}
.Qs h2 {
    font-weight: bold;
    padding-bottom: 5px;
    font-size:24px;
}
.Qs img {
    float:right;
}

/* Stuff for MinPairs */
.minPairLeft, .minPairRight
{
    float:left;
    width: 50%;
    margin-bottom: 5px;
    }
.minPairLeft
{
    background-color:#FEE;
}
.minPairRight
{
    background-color:#EEF;

}
.minPairBox .imgIcon
{
    width: 100px;
}

.minPairBox h2
{
    font-size:30px;
    margin-bottom: 8px;

}

#content .minPairLeft h2
{
    text-align:right;
    padding-right: 16px;
    background-color: #A99 !important;
    color: white;
}
.minPairRight h2
{
    text-align:left;
    padding-left: 10px;
    background-color: #99A !important;
    color: white;
}
.minPairRight h2 img
{
    margin-left:-18px;
    margin-right: 6px;
}

.minPairBox {
    border: 1px solid #AAAAAA;
    height: 168px;
    margin: 3px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#content .minPairBox .imgIcon
{
    margin-left: 5px;

}
.minPairExpanded
{
    height: auto !important;
}

.morePairs
{
    clear:both;
    position:absolute;
    bottom:0;
    right:0;
}
.morePairs a:link,
.morePairs a:visited,
.morePairs a:hover
{
    text-decoration: none;
    color: white;
    text-indent:-1000em;
    background-image: url(/images/moreBut.png);
    width:76px;
    height:20px;
    background-repeat: no-repeat;
    display:block;
}

.minPairExpanded
{
    height: auto !important;
}

.minPairExpanded .morePairs a
{
    background-image: url(/images/lessBut.png);
}

#cycle
{
    text-align:right;
    background-color: #F0F0F0;
}
#cycle div.slide
{
    width:980px;
    height:480px;
/*    background-image:url(/images/swoosh2.png);

    background-position: left bottom;
    background-repeat: repeat-x;
*/
}

#matInfo
{
    float:left; 
    width: 470px;
    padding:5px;
    padding-top:20px;
}
#matInfo #sharingCommon {
    background: url("/imagesCG/blueStripe.png") repeat-x scroll left -615px transparent;
    float: right;
    width: 161px;
}

#matInfo h1
{
    font-size: 24px;
    margin-bottom: 5px;
}

#matInfo p
{
    font-size: 18px;
    padding:5px;
}
#matInfo ul li
{
    font-size: 16px;
    list-style: disc outside;
    margin-left: 20px;
}

#matCycleBox
{
    width:180px;
    height:180px;
    overflow: hidden;
    margin-right:10px;
    padding-bottom:5px;
    position:relative;
}
#matCycle {
    background-color: #F0F0F0;
    border: 3px solid #D0ABAC;
    border-radius: 10px;
    height: 170px;
    position: relative;
    width: 170px;
    margin: 4px auto;
}
#matCycle div.matSlide
{
    width:170px;
    height:170px;
/*    position:relative;*/
/*    background-image:url(/images/swoosh2.png);

    background-position: left bottom;
    background-repeat: repeat-x;
*/
}

#matCycle .matSlide .matSlideTitle {
    background-color: #493D3D;
    bottom: 0;
    color: white;
    font-size: 18px;
    opacity: 0.91;
    padding: 2px;
    position: absolute;
    text-align: center;
    width: 100%;
}
#matCycle .matSlide .matSlideTitle a
{
    color: white;
}


.matButton{
    position: absolute;
    left: 50px;
    top: 45px;
    z-index: 1000;
    display:none;
}
#nextBut
{
    left:auto;
    right:50px;
}

img.swoosh
{
    position:absolute;
    bottom:0px;
    left:-1px;
    width:981px;
    border:none !important;
    z-index:-1000;
}
#cyclePager
{
    text-align:center;
    font-size:20px;
    font-family: verdana, arial, sans-serif;
    background-color: none;
    width:980px;
    margin-top: -25px;
    z-index: 999;
    position: relative;
}
#cyclePager a:link,
#cyclePager a:visited,
#cyclePager a:hover
{
    padding:3px;
    background-color: #e5e5e5;
    margin: 3px;
    color: black;
    text-decoration: none;
    display: inline-block;
    text-indent: -3000px;
    width:1em;
    font-size: 12px;
}
#cyclePager a:link.activeSlide,
#cyclePager a:visited.activeSlide,
#cyclePager a:hover.activeSlide
{
    font-weight: bold;
    background-color: black;
    color: white;
}

#cycleControls
{
    position:relative;
    overflow: visible;
}
#cycleToggle
{
    position: absolute;
    left:0;
    top:-33px;
    z-index: 2000;
}
    
#homePage #cycle h2, #homePage #cycle h3
{
    color: black;
}

div#certSlide ul
{
    list-style: disc;
    text-align:left;
    margin: 10px;
    margin-left: 30px;
    font-size: 18px;
    float:right;
    margin-right:30px;
}
div#certSlide
{
    font-size:18px;
    text-align:left;
}
div#certSlide h1
{
    text-align:right;
    color: black;
    font-size: 61px;
    line-height: 1.1em;
    margin: 11px;
    margin-right:28px;
}
div#certSlide h2
{
    text-align:center;
    line-height: 1.1em;
    margin-bottom: 10px;
    font-size:24px;
}
div#certSlide p
{
}

div#sharingSlide h1
{
    margin-right:200px;
    text-align:right;
    font-size:35px;
    margin-top:20px;
}
div#sharingSlide h2
{
    margin-right:200px;
    text-align:right;
}
div#sharingSlide .rightInfo
{
    text-align:right;
    margin-right: 200px;
    font-size: 18px;
}
div#sharingSlide ul
{
    padding-top: 40px;
    font-size: 24px;
    list-style: square outside none;
    margin-left: 106px;
    text-align: left;
    width: 312px;
}
div#sharingSlide li
{
    padding-bottom: 10px;
}

div#sharingSlide .actionBox
{
    float:right;
    margin-right: -50px;
}

#slide1 li {
    display: block;
    float: left;
    font-family: Comic Sans MS;
    font-size: 30px;
    padding-top: 10px;
    text-align: center;
    width: 33%;
    padding-bottom:10px;
}
#slide1 li strong {
    display: block;
    font-size: 40px;
    margin: 0 auto;
}
#slide1 img
{
 border-bottom: 3px #555 solid ;
}

#homePage #slide2 h2
{
    font-size: 32px;
}
#homePage #slide2 h3
{
    font-size: 20px;
    padding:3px 0;
}
.slide img.bigLeft
{
    position:absolute;
    top:0;
    left:0;
    z-index: -1000;
}

#welcomeSlide img.bigLeft
{
    top: auto;
    bottom: 20px;
}
#homePage #welcomeSlide h1
{
    margin-top: 25px;
    font-family: verdana, sans-serif;
    font-size: 50px;
}
#homePage #welcomeSlide .rightInfo
{
    width: 630px;
}
#homePage #welcomeSlide h2
{
    font-size: 30px;
    margin-bottom: 40px;
}
#welcomeSlide ul,
#welcomeSlide p
{
    font-size: 22px;
    text-align: left;
    width: 400px;
    margin: 0 auto;
    list-style: disc;
    margin-top: 10px;

}
#welcomeSlide li
{
    margin-top: 5px;
    margin-left: 50px;
}
    
#slide4 h2
{
    width:100%;
    text-align:center;
    
}
.rightInfo
{
    padding-top:10px;
    float:right;
    width:460px;
    text-align: center;
}

.actionBox
{
    clear:both;
    padding-top: 10px;
    font-size: 20px;
    vertical-align: middle;
    height: 50px;
    margin-right: 20px;
    margin-top:10px;
}
.actionBox 
{
    float:right;
}

#slide2 .caption {
    font-size: 17px;
    margin: 0 80px;
}

#slide2 .actionBox
{
    display:inline-block;
    float:none;
    margin:0;
    }

#slide3
{
    
}
#homePage #slide3 h2
{
    font-size:26px;
    text-align: center;
    background-color: #F0F0F0;
    padding:10px 0;
}
.slide .bigRight {
    bottom: 25px;
    position: absolute;
    right: -21px;
    z-index: -1000;
}
#slide3 .leftInfo
{
    float:left;
    width:300px;
    text-align:left;
    font-size: 17px;
}

#slide3 ul {
     font-size: 23px;
    line-height: 1.4em;
    list-style: square outside none;
    margin-left: 18px;
    margin-top: 49px;
    padding-left: 26px;
}
#slide3 .actionBox
{
    float:none;
    margin-left:13px;
}

#slide4 .bigRight
{
    right:-28px;
    bottom: 21px;
}
#slide4 .bigLeft {
    bottom: 40px;
    left: -22px;
    top: auto;
}
#homePage #slide4 h2
{
    font-size: 31px;
}
#slide4 p, #slide4 ol {
    font-size: 18px;
    margin: 14px auto 0 350px;
    padding-top: 0;
    text-align: left;
    width: 352px;
}

#slide4 p {
    font-size: 21px;
    margin: 5px auto 0 338px;
    padding-top: 10px;
    text-align: left;
    width: 401px;
}


.slide
{
    overflow: hidden;
}
#slide4 li
{
    margin-top: 5px;
    font-size: 17px;
}

#slide4 .actionBox
{
    float:none;
    width: 230px;
    margin:0 auto;
    text-align:center;
    margin-top: 50px;
}
#slide4 .actionBox a {
    float: none;
    margin: 16px auto;
}


#bogoSlide
{
    background-position:top left;
    background-repeat:no-repeat;
/*
    background-image: url(/images/FrontBlack.png);
    background-color: #171f17;
*/
    background-color: #000046;
    background-image: url(/images/FrontPageCyber.png);
    color:white;
}

#bogoSlide p
{
    margin-top: 260px;
    font-size: 30px;
    line-height:1.2em;
    margin-right: 10px;
}
#bogoSlide .callToAction
{
    margin-left: 630px;
    margin-top: 15px;
}

#bogoSlide i
{
    font-style: oblique;
}

#forgotLink
{
    width:100%;
    text-align:right;
    display:block;
    margin-top:5px;
    font-size: 15px;
}
#loginBox
{
    background-color: #EEF;
    border: 3px solid black;
    font-size: 20px;
}
#loginBut
{
    margin-top: 10px;
    font-weight: bold;
    margin-left: 40%;
    }

#footer {
    background-image: url(/images/footerBG.jpg);
    height:230px;
    padding-top: 55px;
    background-repeat: no-repeat;
    font-size: 18px;
}

#footer ul h3
{
    color:white;
    border-bottom: solid 3px white;
    text-align: left;
    padding-bottom: 5px;
    font-size: 20px;
}
#footer ul {
    width: 25%;
    float:left;
}
#footer ul li {
    margin-left: 35px;

}

#footer ul li a {
    color: white;
    font-size: 18px;
    line-height: 1.5em;
    padding: 0 10px 0 0;
}

#forgotPass fieldset label {
    clear: none;
    display: inline-block;
    float: none;
    height: 2em;
    margin-right: auto;
    text-align: right;
    width: 10em;
    margin:none;
}

#restrictedBlock
{
    display:block;
    float:right;
    font-size: 20px;
    vertical-align:middle;
}
#restrictedLink
{
    font-size: 20px;
    vertical-align:middle;
}

form.infoForm
{
    clear:both;
    background-color: #E9EEEE;
    padding: 10px;
    margin:10px;
}
form.infoForm label
{
    display:block;
    float:left;
    clear:left;
    text-align:right;
    width: 9em;
    vertical-align:top;
    font-weight: bold;
}

form.infoForm table td
{
    vertical-align: top;
    padding-bottom: 3px;
}
form.infoForm table
{
    margin-top: 10px;
}
form.infoForm button.callToAction
{
    float:none;
    text-align:center;
    margin-top: 15px;
    margin-left: 60px;
}
form.infoForm input
{
    width:200px;
}

form.infoForm textarea
{
    width: 200px;
}


form.infoForm button.callToAction span
{
    white-space: nowrap !important;
}
 

table.pricelist
{
    border: 3px solid #080;
    width:40%;
    margin: 0 70px;
}
table.pricelist th
{
    background: #eeffee;
    font-weight: bold;
    padding:2px;
}
table.pricelist tbody th
{
    width:5em;
}
table.pricelist tbody th,
table.pricelist tbody td
{
    border: solid 1px #585;
    vertical-align: middle;
    line-height: 1.2em;
    padding: 2px;
    text-align: right;
}
table.pricelist caption
{
    background-color:white;
    color: black;
    padding: 5px;
    font-weight: bold;
}


form.infoForm span.rightPhone
{
    display:block;
    float:right;
}

#articleBody blockquote.poemOrSong
{
    padding-left: 20px;
    width:380px;
    clear:none;
}

#articleBody blockquote#promoBlurb
{

    width:250px;
    background-color: #F8F5BE;
    text-align:center;
}
#articleBody blockquote#promoBlurb p
{
    font-size:22px;
}

#articleBody blockquote#promoBlurb a.callToAction
{
    margin-left: 12%;
}


#articleBody blockquote#testimonial a.callToAction
{
    margin-left: 5%;
}
#articleBody blockquote#testimonial
{
    float:right;
    width:255px;
    font-size:15px;
    padding:0;
    margin:0;
    padding-bottom:20px;

    }
#articleBody blockquote#testimonial p
{
    font-size:16px;
    padding:10px;
    padding-bottom:0;
}

#articleBody blockquote#testimonial p.cite
{
    margin-top:0;
    margin-bottom:0;
    font-style: oblique;
    text-align:right;
    padding:0;
}

#actionShots,
#symbolsUsed
{
    float:right;
    width:335px;

    background-color: #B3C2DB;
    margin-bottom:10px;
    clear:right;
    padding:8px;
    margin-left:12px;
    position:relative;
}

#actionShots img
{
    margin-bottom: 5px;
}
#actionShots #actions
{
}
#actionShots #actions .callToAction
{
    float:none;
    width:55%;
    margin:0 auto;
    text-align: center;
}
#actionShots #actions img
{
    vertical-align:middle;
}
#symbolsUsed
{
    background-color: #FFC;
    max-height: 300px;
    padding:0;
    width: 350px;
    overflow: auto;
    padding-top: 10px;

}
#content #symbolsUsed h2
{
    background-color:#FFC;
    font-size: 20px;
    padding-bottom: 10px;
}
#symbolsUsed #matchedImages
{

}

#symbolsUsed .grid_2
{
    width:auto;
    height:auto;
}
#symbolsUsed  .imageWithSound
{
    background-color:white;
}
#symbolsUsed  .lpImage
{
    height:95px !important;
    width:95px !important;
    
}

#content.showMaterial h2
{
    background-color:white;
}

.showMaterial #matDesc
{
    padding:5px;
}
.showMaterial #matDesc p
{
    font-size:18px;
    padding:8px;
}
.editMaterial #matDesc
{
    width:335px;
    height:500px;
}
.editMaterial textarea#matDescEdit
{
    height:400px;
    width:100%;
}

.showMaterial #imageProps, .editMaterial #imageProps
{
    width:688px;;
    line-height: 1.3em;
}
.showMaterial #imageProps ul, .editMaterial #imageProps ul
{
    display:inline-block;
}

.editMaterial #titleField
{
    font-size: 25px;
}

#matDesc ol
{
    list-style: decimal inside;
    padding: 5px;
    margin-left: 15px;
    font-size: 16px;
}
#matDesc li
{
    padding-bottom: 5px;
}
#matDesc i, #matDesc em
{
    font-style: oblique;
}
#matDesc b, #matDesc strong
{
    font-weight: bold;
}
.showMaterial #matDesc 
{
    margin-bottom: 35px;
}

.matNote h2
{
    padding:4px;
}
.matNote h2

{
    font-size: 20px;
    text-align:center;
}
.matNote p
{
    padding: 5px;
    font-size: 14px;
    
}
.matNote ul
{
    padding: 5px;
    font-size: 14px;
    list-style: square;
    margin-left: 18px;
    }
.matNote b
{
    font-weight: bold;
}

h1.userProfileTitle 
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#materials 
{
    margin: 10px 0 10px 10px;
    padding-left: 13px;
}
#materials .matSummary h3
{
    font-size:20px;
    margin: 3px;
    padding:0;
    width: 175px;
    overflow:hidden;
}
#materials .matSummary {
    float: left;
    height: 232px;
    margin: 4px;
    padding: 5px;
    text-align: center;
    width: 180px;
    border-radius: 10px;
}

#materials.edit .matSummary
{
    height:240px;
}
#materials .matSummary img.artImg
{
    width:175px;
    height: 175px;
    display:inline;
    margin:0; 
    float:none;
}

#materials h1.profTab
{
    font-size: 21px;
    margin-bottom: 0;
    margin-right:3px;
    float:left;
    padding: 5px 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #F0F5FF;
}

#materials h1.curTab
{
    background-color: #D5E5FF;
}

#materials h1.pubProfile
{
    margin-left: 20px;
    border-bottom: none;
}
#materials h1.allProfile
{
    border-bottom: none;
}

#categoryTree.userProfile li
{
    white-space: normal;
    padding: 5px;
}
#categoryTree.userProfile li a
{
    padding:0;
}

#categoryTree.userProfile li.selected a
{
    font-weight: bold !important;
    
}
    
#bioBox
{
    float:right;
    width:59%;
}

#profileBio
{
    max-height: 175px;
    overflow: auto;
    background-color: white;
    opacity: 0.59;
    padding: 5px;
}
#profileBio p
{
    opacity:.99;
    color:black;
}

#sharingBox
{
    float:right;
    margin-top:20px;
}

#materials.sharingMaterials div.matSummary,
#materials.sharingMaterials div.matSummary
{
background: url("/imagesCG/blueStripe.png") repeat-x scroll center -460px white    
}
#materials.sharingMaterials div.matSummary p *
{
    text-align:left;
}

#tagList
{
    max-height:100px;
    overflow:auto;
    font-size: 11px;
    line-height: 1.2em;
}
#tagList label
{
    font-size:15px;

}

a.loadMoreTrigger 
{
    display:block;
    background-color: #eef;
    color: blue;
    font-size: 20px;
    text-align: center;
    text-decoration: underline;
    height: 30px;
    padding-top: 10px;
    cursor:pointer !important;
}

#ccssMenu ul, #ccssMenu li
{
/*    background-color: #EFE; */
    white-space: nowrap;
    z-index: 1000;
}
#ccssMenu li>a
{
    background-color: #EEE;
}
.CCSSStandard ul li a
{
    white-space: normal;
    font-size: 80%;
    width: 400px;
    padding:10px;
}

.CCSSStandard ul li a .CCSSCode
{
    display:block;
    font-size: 120%;
    font-weight: bold;
    background-color: black;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.ccssResultCode b,
.ccssResultText b
{
    font-weight: bold !important;
}
.ccssResultCode
{
    font-weight: bold;
    float:left;
    display:block;
    width: 250px;
}
.ccssResultText
{
    display:block;
    float:left;
    width: 400px;
}
.ui-autocomplete { 
    padding: 10px;
    border: solid 4px #EEF !important;
height: 300px; overflow-y: scroll; overflow-x: hidden;}

#editMaterial #content
{
    width: 100%;
    float:right;
}
#editMaterial #imageProps
{
    width:550px;
}

#editMaterial #imageProps #matDesc
{
    width:600px;
}

#editMaterial h1
{
    background-color: #B3C2DA;
    padding:5px;
}
#editMaterial h1 input, #editMaterial h1 p
{
    margin:0;
}


#editMaterial div.tagsinput span.tag {
    background: none repeat scroll 0 0 #E4E9F2;
    border: 1px solid #B3C2DB;
    border-radius: 10px 10px 10px 10px;
    color: #3333C9;
    display: block;
    float: left;
    font-family: helvetica;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px;
    text-decoration: none;
}

#classify
{
    background-color: #E4E9F2;
    width: 585px;
    padding: 7px;
    border-radius:8px;
}
#classify h2
{
    font-size: 20px;
    height:auto;
    margin-bottom: 5px;
    background: none;
}
#classify p
{
    margin-top:8px;
}

#showPicture .showMaterial h1
{
     background-color: #E4E9F2;
}
#editMaterial h1 button
{
     font-size: 24px;
     margin-left: 10px
}

.matSummary .matEditBar
{
    font-size:10px;
    color:white;
    background-color: #555555;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top:4px;
    padding-bottom:4px;
    margin-left:-5px;
    width: 190px;
    margin-top:-5px;
    margin-bottom:3px;
}
.matSummary .matEditBar select
{
    background-color: #555555;
    border: medium none;
    color: white;
    float: left;
    margin-left: 10px;
}
.matSummary .matEditBar .matActions
{
    float:right;
}
.matSummary .matEditBar.privateMat,
.matSummary .matEditBar.privateMat select
{
background-color: #663333;
}
.matSummary .matEditBar.unlistedMat,
.matSummary .matEditBar.unlistedMat select
{
background-color: #777733;
}
.matSummary .matEditBar.publicMat,
.matSummary .matEditBar.publicMat select
{
background-color: #336633;
}


#sharingCommon {
    background: url("/imagesCG/blueStripe.png") repeat-x scroll left bottom transparent;
    border-radius: 13px 13px 13px 13px;
    padding-bottom: 8px;
    text-align: center;
    width: 100%;
    border: solid 2px #F3F7FF;
}

#sharingCommon h4 {
    background-color: #C8D9F9;
    border-radius: 12px 12px 12px 12px;
    font-size: 18px;
    margin: 3px 3px 0;
    padding: 3px 3px 5px;
}
#sharingCommon h4 a:link,
#sharingCommon h4 a:active,
#sharingCommon h4 a:visited,
#sharingCommon h4 a:hover
 {
     text-decoration: none;
     display:block;
     color:#005;
}

#sharingCommon img
{
    margin: 0 auto;
    padding-top:5px;
}

#themeBox .themeName
{
    margin-top: 40px;
    width: 100px;
    display:block;
    float:left;
}    
#themeBox
{
    margin:0 auto;
    height: 200px;
    overflow: auto;
}


#themeBox img
{
    margin:3px;
    width:375px;
}
#themeBox .selected img
{
    border: solid 3px blue;
    margin:0;
}


#profileTheme
{
    width:400px;
    float:left;
}
#profileAvatar
{
    width:100px;
    float:left;
}
#editBio
{
    width:475px;
    height:200px;
    float:left;
}
#editBio textarea
{
    height:200px;
}


#themePreview {
    background: url("/imagesCG/blueStripe.png") repeat-x scroll left top transparent;
    border: 2px solid #EBF3FF;
    font-size: 16px;
    line-height: 1.2em;
    margin: 10px;
    padding: 10px;
    width: 760px;
}

#themePreview
{
    width: 760px;
    margin: 0 auto;
    padding:10px;
    padding:10px;
    border-position: top left;
}
#themePreview h1
{
    font-size:20px;
}
#themePreview p
{
    color:black;
    opacity: 1.0;

}
#themePreview img
{
    float:left;
    margin-left: 2px;
    margin-right: 15px;
}
#ageLevels .value
{
    font-weight: normal;
}
#matCatInfo {
    border-bottom: 10px solid #749ADC;
    font-family: Verdana;
    margin: 3px 11px;
    overflow: hidden;
    width: 789px;
    position:relative;
}

#matCatInfo.topCat
{
    height:245px;
}
#matCatInfo.topCat .matCatBlock
{
    float:right;
    width: 530px;
    margin-top: 70px;
    text-align: center;
}
#matCatInfo .matCatBlock h1
{
    font-size: 40px;
}
#matCatInfo .matCatBlock p
{
    font-size: 20px;
}

#matCatInfo.subCat .matCatBlock h1
{
    font-size: 30px;
}
#matCatInfo.subCat .matCatBlock p
{
    font-size: 15px;
    padding:10px;
}



#matCatInfo img.catImage
{
    position:absolute;
    z-index: -1000;
}
#matTableHeader
{
    padding:0;
    margin:0;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 15px;
}

/* Category Specific Test */
.sharingTop #sharingTopHeader img
{
/*    left: 30px;*/
}
.sharingTop #sharingTopHeader .matCatBlock
{
    float:right;
    width:400px;
    margin-top:40px;
}
.sharingTop #sharingTopHeader .matCatBlock p
{
    margin:0 auto;
}
.sharingTop #sharingTopHeader h1
{
    font-size:39px;
}
#matCatInfo #AutismCatHeader .catImage
{
    left: 50px;
}
#matCatInfo #CommunicationCatHeader .matCatBlock {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    text-align: right;
    width: 387px;
    height:225px;
}
#matCatInfo #CommunicationCatHeader img {
position:absolute;
z-index: -1000;
}

#shareblock
{
    height:24px;
}

#matCategoryTree ul li:before
{
    content: "" !important;
}
#matCategoryTree ul 
{
   margin-left: 0 !important;
   margin-top:-8px;
   border-radius: 5px;
   background-color:white;
    
}

.parentIcon
{
    float:left;
    border: solid 3px #F0F0F0;
    border-radius: 10px;
    margin-right: 10px;
    text-align: center;
    padding: 3px;
    width:120px;
}
.parentIcon img
{
    border:none;
    width:100px;
    margin-bottom: 5px;
}
.parentIcon span
{
    font-size: 16px;
    display:block;
    text-align: center;
}


#searchBox {
    float: right;
    position: relative;
    top: 5px;
    background-color: #B5B5B5;
    padding:2px;
    border-radius:10px;
    margin-right: 10px;
}
#searchBox input.searchButton {
    border-radius: 0 10px 10px 0;
/*    color: black;*/
/*    box-shadow: 0 0 1px 2px;*/
/*    background: linear-gradient(to bottom, #FDDC99 0px, #FDD688 19%, #FDCC66 47%, #FDBA31 50%, #FDBA31 100%) repeat scroll 0 0 transparent;*/
    cursor: pointer;
    padding-left: 0;
    width: 30px;
    font-weight:bold;
    font-size:12px;
}
#searchBox .sbHolder
{
    width:50px;
    display:inline-block;
}
#searchBox label
{
    color: white;
    display:none;
}
#searchBox select
{
    background-color: #B5B5B5;
    color:white;
    border:none;
    text-align:right;
}
#searchBox select option
{
    padding-right:5px;
}

#quickArticles
{

}
#quickArticles img
{
    float:left;
    width:80px;
    margin-right:5px;
}
#quickArticles .quickArt
{
     background: url("/imagesCG/orangeStripe.png") repeat-x scroll center -550px white;
    padding: 5px;
    width:225px;
    float:left;
    margin:3px;
}
#quickArticles .articleRow
{
    clear:both;
}
#quickArticles .quickArt p
{
    padding:5px;
}
#quickArticles  b
{
    font-weight:bold;
}
#quickArticles .quickArt h3
{
    text-align: center;
    font-size: 15px;
}
.quickArt img.artImg
{
    float:left;
}
#quickSearch #materials .matSummary
{
    width:160px;
    height:auto;
}
#quickSearch #materials .matSummary img
{
    width:150px;
}
#quickSearch #materials .matSummary img
{
    width:150px;
    height:150px
}
#quickSearch #materials .matSummary h3
{
    width:150px;
}
#quickSearch #materials
{
    margin:auto;
    padding:0;
}

#quickSearch h2
{
    background-color: #FFF4A9;
    border-radius: 10px 10px 10px 10px;
    font-size: 24px;
    margin: 5px 0;
    padding: 6px;
}

#quickSearch #quickArticles h2
{
    background-color: #F7F7F7;

}
#quickSearch #materials h2
{
    background-color: #D5E5FF;
}
#quickSearch #content
{
    width: 728px;
}

#quickSearch #entry
{
    width:70%;
    margin: 0 auto;
    margin-top:10px;
}

#quickSearch #formArea 
{
    margin:5px 35px;
    padding:5px;
    border: solid 3px #f0f0f0;
    border-radius: 10px;
}
#quickSearch label
{
    font-size: 16px;
    margin-left: 60px;
}
#quickSearch #formArea h1
{
    font-size:24px;
    padding:5px;
    
}

#quickSearch .bigLink
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: .3em;
    margin-right:10px;
}
#quickSearch h3.bigLink
{
    font-size:15px;
    padding:15px;
    line-height: 1.3em;
}

#profileTheme
{
    width:400px;
    float:left;
}

.embedTab
{
    font-size:13px;
}
.embedBlock
{
    position:relative;
    background-color: #FFF;
    font-size:10px;
    font-family: courier, terminal, serif;
    width:280px;
    height:80px;
    overflow:scroll;
    line-height:1.1em;
}

#embedTabs
{
    display:none;
    background-color: #F5F5F5;
    padding: 2px;
    position: relative;
    width: 323px;
}
#embedTabs ul
{
    font-size:11px;
    width:316px;
}


#registerForm #instructions p
{
    margin: 10px 120px;
}
#addOrgForm .submit
{
font-size:24px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 

#searchBox {
    float: right;
    position: relative;
    top: 2px;
    background-color: #B5B5B5;
    padding: 2px;
    border-radius: 10px;
    margin-right: 10px;
    height: 24px;
}

}

#articleBody #bmArt h1
{
font-size:26px;
}


.bgColorRow #jquery-colour-picker {
    width:140px;
}

#articleBody #bmArt h3
{
    margin-left: 20px;
    font-size:20px;
    margin-top:10px;
    margin-bottom:0px;
}
#articleBody #bmArt h2
{
    margin-bottom: 5px;
    margin-top: 10px;
    border-bottom: 2px solid purple;
}
#articleBody #bmArt caption
{
    font-size: 20px;
}
#articleBody #bmArt th
{
    font-weight:bold;

    padding:4px;
}
#articleBody #bmArt table
{
    border: solid 3px #85a;
    margin-bottom:20px;
}
#articleBody #bmArt table td,
#articleBody #bmArt table th
{
    padding:5px;
}
#articleBody #bmArt thead th
{
    background-color: #85a;
    color:white;
    border-left:solid 1px #eee;
    padding:5px;
}
#articleBody #bmArt tbody th
{
    background-color: #Eee;
    text-align:center;
    border-bottom:solid 1px #555;
}
#articleBody #bmArt tbody td
{
    text-align:center;
    background-color: #fafafa;
    border-left:solid 1px black;
    padding:0 5px;
    border-bottom:solid 1px #555;
}
#articleBody #bmArt tbody td.highlight
{
    background-color: #FFFFcc;

}
#articleBody #bmArt ul
{
padding-top: 5px;
padding-left:35px;
}
#articleBody #bmArt .pullQuoteRight
{
    background-color: #FFFFcc;
    border: 5px solid white;
    border-radius: 15px;
}
#articleBody #bmArt .pullQuoteRight p
{
    font-size: 14px;
    font-style: oblique;
    }

#articleBody #bmArt .pullQuoteRight cite
{
    font-size: 14px;
    text-align:right;
    display:block;
    font-style: oblique;
}
#articleBody #bmArt blockquote
{
    background-color: #F5F5F5;
    font-size:15px;
}
.cvcInstr
{
    font-size:90%;
    font-style: oblique;
}
.cvcInstr b
{
    color:black;
    font-weight:bold !important;
}

#wordFilters
{
    background-color: #DEF1D7;
    border-bottom:solid 5px white;
    padding-bottom:3px;
}
#wordFilters>h4 {
    background-color: #DEF1D7;
    font-family: comic Sans MS;
    height: 19px;
    padding-right: 5px;
    padding-top: 3px;
    background: url("../imagesCG/grmenuhdr.jpg") repeat-x scroll 29px 13px;
    text-align:center;
    font-size:14px;
}
#wordFilters input,
#wordFilters select
{

}
#wordFilters label
{
    display:inline-block;
    width:50px;
    text-align:right;
}
#wordFilters p
{
    margin-top:2px;
}
#wordFilters #patInstr h5
{
    margin-top:3px;
}
#filterWarning
{
    margin-left: 175px;
     background-color: rgba(254, 254, 200, 1);
    padding: 7px;
    margin: 3px;
    margin-left: 175px;
    float: left;
    border-radius: 16px;
}
#filterWarning label
{
   font-weight: bold;
}


#groupList td
{
    white-space:nowrap !important;
}
table tr.active th
{
    background-color: #EFE;
}
table tr.expired th
{
    background-color: #FEE;
}
.goog-logo-link,.goog-logo-link:link,.goog-logo-link:visited,.goog-logo-link:hover,.goog-logo-link:active
{font-size:12px;
font-weight:bold;
color:#444;
text-decoration:none}
.goog-te-banner .goog-logo-link,.goog-close-link{
display:block;
margin:0px 10px}
.goog-te-banner .goog-logo-link{
padding-top:2px;
padding-left:4px}
li .goog-logo-link img, .goog-logo-link img
{
  vertical-align:text-bottom;
}

li .goog-logo-link,li .goog-logo-link:link,li .goog-logo-link:visited,li .goog-logo-link:hover,li .goog-logo-link:active
{
color:white !important;
}
#googpwdby
{
    margin: 5px;
    text-align:center;
    
}
#googpwdby img
{
    vertical-align:text-bottom;
}
#translateBlock
{
    text-align:center;
    float:right;
    font-size:90%;
}

#ccBox
{

    margin: 0 auto;
    width:75%;
    padding:10px;
/*    background-color: #FEFEFE;*/

 margin-bottom: 10px;
}
#ccBox label
{
    width:12em;
}
#ppInstr
{
    float:right;
    text-align:center;
}
#ccORLine
{
    clear:both;
    border-bottom: solid 2px #555;
    text-align:center;
    margin-bottom: -.5em;
    }
#ccORLine span
{
    text-align:center;
}

p.sampleField,
p.sampleField2 {
  border: solid 2px #555;
  border-radius: 9px;
  margin-left: -8px;
  padding-left: 5px;
  background-color: #eee;
}
div#sampleBox,
div#sampleBox2
{
  float: right;
  margin-right: -2px;
  background-color: #555;
  padding: 5px;
  border-radius: 12px;
}
div#sampleBox img,
div#sampleBox2 img
{
    width:150px;
    height:150px;
    border:none;
}
#matSearchBox
{
    width:173px;
}
#matSearchBox input
{
    width:173px
}
}
#emailNote
{
    font-size:90%;
    padding:10px 50px;
    font-style:oblique;
}

#emailNote b
{
    font-weight: bold;
}
a#mailTipLink:link,
a#mailTipLink:active,
a#mailTipLink:visited
{
    color:black;
    text-decoration: none;
    
}
span.customized
{
    font-size:80%;
    
}
#customizeOption
{
  background-color: #DFEED7;
  width: 90%;
  margin:10px auto;
  padding: 5px;
  }
#customizeOption p
{
    padding:10px;
}
#customizeOption h4
{
    font-size: 15px;
    padding: 3px;
}
img.howToBut
{
    width: 70px;
    margin: 2px;
    position: absolute;
    top: -9px;
    right: -9px;
    border:none !important;
}

#optionBox .ui-tabs-panel
{
    padding: .5em .5em;
    font-size:90%;
    line-height:1.8em;
}
#optionBox #cardTabs
{
    margin-top:-20px;
    font-size: 1.05em;
    height:292px;
    overflow:hidden;
}
#optionBox #cardTabs .ui-tabs-anchor
{
    padding: .2em 1em;
}
#optionBox #cardTabs blockquote
{
clear:both;
margin-left: 30px;
margin-right: 20px;
line-height:1.3em;
padding:0;
margin-bottom:0;
padding-bottom:0;
}
#optionBox #cardTabs blockquote h2
{
    margin:0;
    padding:0;
    font-weight:bold;
}
#optionBox #cardTabs blockquote p
{
    padding-bottom:2px;
}
#optionBox #cardTabs blockquote input,
#optionBox #cardTabs blockquote select
{
    font-size:90%;
    line-height:1.3em;
    padding: 0px;
}
#optionBox #cardTabs blockquote select
{
    padding: 1px 0px;
}

#cardTabs ul b
{
    color: #0e0;
    font-style: oblique;
}
#cardTabs #dynDetails
{
    font-size:95%;
    padding:5px;
    line-height:1.7em;
    margin-top:12px;
    margin-left:10px;
    margin-bottom:0;
    padding-bottom:0;
}
#cardTabs #dynDetails img#sampleImg2
{
    width:120px;
    height:120px;
    margin-top:10px;
}

#cardTabs #dynDetails p 
{
    white-space:nowrap;
}
#cardTabs #dynDetails select option,
#cardTabs #dynDetails select 
{
    font-size:95%;
}

#cardTabs #dynDetails p label
{
    width:84px;
    text-align:right;
    display:inline-block;
}

p.colorRow img
{
    vertical-align:middle;
}
/*.betaTab a, */
#gdInst
{
    background-image: url(/images/betaflagsm.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 40px;
}

.betaSpacer
{
    background-image: url(/images/betaflagsm.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 40px;
    height:40px;
}
#gridLayout
{
    width:495px; /* These are really maxes and will need to be scaled */
    height:340px;
    margin-top:10px;
/*    background-color:#005;*/
    padding:5px;
    float:left;
    overflow:auto;
    position:relative;
    margin-right:10px;
}
#gridLayout .gridPage
{
    background-color: white;
    border-left: solid 2px #aaa;
    border-top: solid 2px #aaa;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    margin: 0 auto;
}
#gridLayout .gridPage table
{
    margin:0 auto;
}
#gridLayout .gridPage .gridCell
{
    width:100px;
    height:100px;
/*    margin:1px;*/
    float:left;
    color:black;
    text-align:center;
    font-size: 100%;
    vertical-align:middle;
    border:solid 2px #aaa;
    border-radius:5px;
    background-color: white;
    overflow:hidden;
    cursor: all-scroll;
}

.gridCell img
{
    width:80%;
    height:80%;
}
.gridCell>div
{
    border-radius:5px;
}
.gridCell .cellTitle
{
    margin:0;
    background-color:white;
    white-space:nowrap;
}
#gridLayout .ui-state-hover
{
    border:none;
}
#gridDetails
{
    width:240px;
    float:left;
    margin-top:20px;
    background-color: #444;
    padding:5px;
    color:white;
    font-weight:bold;
    margin-bottom: 5px;
    border: solid 1px yellow;
    border-radius: 10px;
}
#gridDetails p
{
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4em;
    margin-bottom:4px;
}
#gdTitle
{
    width: 148px;
    line-height: 1.4em;
    margin-top:3px;
    margin-bottom:3px;
}
#gridDetails img#gdPreview
{
    width:75px;
    height:75px;
    display:block;
    float:right;
    margin-right:5px;
    border:solid 2px yellow;
    border-radius:5px;

}

#trayWizard
{
    width:770px;
}
#gridLayout .gridPage .activeCell
{
    border-color:yellow;
}
#gridInstr b
{
    color: #F88;
}

#gridInstr
{
    font-size:14px;
    padding: 14px 5px;
    }
#gridInstr input
{
    display:block;
    margin:0 auto;
    margin-top:5px;
    border-radius: 15px;
    font-size:15px;
    padding:5px 8px;
    background-color: #DDF;
}

#gdDone
{
    display:block;
    margin: 0 auto;
    border-radius: 15px;
    font-size:15px;
}    

#gdActions, #gdInst
{
    color:white;
    font-size:15px;
}
#gdInst h2
{
    margin-top:10px;
    line-height:1.5em;
    font-size:120%;
    font-weight: bold;
    margin-bottom: 10px;
}
#gdInst p
{
    line-height:1.5em;
    font-weight: normal;
}
#gdInst p i
{
    font-style: oblique;
    font-weight: normal;
}
#gdInst p b
{
    font-weight: bold;
}
#gdActions p
{
    padding-left:20px;
    line-height: 1.4em;
    margin-bottom: 10px;
}

#gdInst h2 img
{
    width: 70px;
    margin: 0px;
    border:none !important;
    vertical-align:middle;
    margin-left:10px;
}
#gdRight
{
    float:right;
    width:254px;
}
#mat_filter
{
    width:95%;
}
#matFilterWarning
{
    text-align: center;
    background-color: #efe;
    font-size: 17px;
    margin: 5px;
    padding: 5px;
}

.fontSelect
{
    max-width:200px;
}

a.simpleButton:link,
a.simpleButton:visited,
a.simpleButton:hover,
a.simpleButton:active
{
    border-radius: 20px; 
    padding: 4px 20px; 
    display:inline-block; 
    text-decoration:none; 
    color:black; 
    font-size:15px; 
    font-weight:bold; 
}
a.simpleYellow:link,
a.simpleYellow:visited,
a.simpleYellow:hover,
a.simpleYellow:active
{
   background-color: #FF8; 
   border: solid 3px #FF0;
}
a.simpleBlue:link,
a.simpleBlue:visited,
a.simpleBlue:hover,
a.simpleBlue:active
{
   background-color: #DDF; 
   border: solid 3px #55F;
   font-weight:normal;
}

#logoutWarning
{
    background-color: #F88;
    height: 40px;
    border: 2px solid #844;
    border-radius: 10px;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
    margin-top: 3px;
}
#logoutWarning img
{
    height:40px;
}
#logoutWarning p
{
    padding-top:5px;
}
#logoutWarning a:link
{
    padding:0 5px;
}

#corefringeform #instructions
{
    font-family: Verdana, Arial, sans-serif;
    font-size:12px;
}

#corefringeform img.howToBut
{
    top: -60px;
}

#coreLayout
{
    width:225px;
    float:right;
    text-align:right;
    font-size:14px;
    background-color:#555;
    padding:5px;
    color:white;
    border-radius:10px;
}

#coreLayout input
{
    font-size:10px;
}
#coreCols
{
    width: 125px;
    float: right;
    text-align: center;
}
#coreLeft
{
    width:90px;
    float:right;
    margin-right:5px;
}
#coreLeft h2
{
    text-align:center;
    font-weight:bold;
}
#coreFringeRows,
#coreCoreRows
{

}
#corePreview
{
    clear:right;
    float:right;
    width:125px;
    height:125px;
    background-color:#555;

    }
#corePreview .cell
{
    margin-left:1px;
    margin-bottom:1px;
    float:left;
    background-color:#DDD;
    display:inline-block;
    border-radius:3px;
}
#corePreview .active
{
    background-color: #CFC;
}
#corePage
{
    margin:0 auto;
    text-align:center;
    background-color:#555;
}

blockquote#coreDetails
{
    font-size:14px;
    margin-top:10px;
}
#coreInstr
{
    float: right;
    width: 205px;
    font-size: 14px;
    line-height: 1.4em;
    padding: 5px;
    margin: 10px;
    background-color: #ffe;
    border-top: solid 10px #FDA;
}
#coreInstr b
{
    font-weight:bold;
    text-decoration:underline;
}

#painterBlock label
{
    color:white;
  border: 1px solid #fff;
  padding: 5px;
  display: block;
  position: relative;
  margin: 5px;
  cursor: pointer;
}

#painterBlock :checked + label {
  border-color: #aae;
}

#painterBlock input#painter
{
  display: none;
}

#painterBlock 
{
    text-align:center;
    font-size:16px;
}
#painterBlock label
{
    border: solid 4px #444;
    width: auto;
    display: inline-block;
    margin: 0;
    color:white;
    background-color:#666;
}
#painterBlock label img
{
    width:35px;
    vertical-align:middle;
    margin:0;
    padding:0;
}

#trayWizard.painting, #trayWizard.painting .lpImage,
#trayWizard.painting #gridLayout .gridPage .gridCell,
#trayWizard.painting #painterBlock label
{
    cursor: url(/drawings/bill/625/32x32/Paintbrush.png) 0 32, auto;
}
#videoblock
{
    font-size:14px;
    line-height:1.4em;
}
#videoblock h2
{
    text-align:left;
    font-weight:bold;
    font-size:15px;
    margin-top:10px;
    margin-bottom:5px;
}

#symBldLink sup
{
    background-color: #AD595E;
    border-radius: 12px;
    padding: 3px 5px;
    color: white;
    vertical-align: .6em;
}

#keepDialog p {
    margin-bottom: 15px;
    line-height: 1.1em;
    font-size: 14px;
    margin-top: 15px;
}