/* GICC Member Self-Service & Backend style sheet */
body { margin: 0 auto; margin-top: 1em; padding: 10px; 
       width: 920px; text-align: left; font-size:14px; line-height:1.5em;
       font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}

#gccWrapper { display:block; width: 100%; height: 100%; border: solid 1px gray; padding: 0; margin: 0;
              background-color: #f8f8ff; position: relative; top: -5px; left: -5px; /* these two define the shadow 'offset'*/
}
#gccHeader { display:block; width: 100%; min-height: 200px; margin: 0; text-align: center;
             font-size:200%; padding-top: 10px; font-family: Verdana,Arial,Helvetica,sans-serif;}
#gccContent { display:block; clear:left; width: 100%; margin-left:5px; margin-right: 10px;
              padding-right: 5px; text-align: left; height: auto;}
#gccFooter { display:block; clear:left; padding-top: 1em; clear: left; margin-top: 1em;
             text-align: center; font-size: 80%; font-style: italic; }

.gccShadow { background: url(images/shadowdark.gif) repeat; bottom: 4px; right: 4px;}
.gccShadowy { background: url(images/shadowlight.gif) repeat; bottom: 4px; right: 4px;}
.gccDashboard {display: block; border: 1px dotted black; font-size:12px; position: relative;
               width: 85%;margin: auto; margin-top: 4px; margin-bottom: 2px;padding:0;}
.gccMenu {font-size: 12px; display: block;  text-align: center; }
.gccTitle {font-size:16px; margin-top: 5px; margin-bottom:5px; font-weight: bold;}
.gccInside { margin-right:10px; margin-bottom: 5px; min-height:35em;}
.gccInnnerside { margin-right:10px; margin-bottom: 5px;}
.gccBody { text-align: left;}
.gccBodyTitle { margin-top: 3px; text-align: left; font-size: 120%; font-weight: bold;}
.gccBodySubtitle { margin-top: 2px; text-align: left; font-size: 110%; font-style: italic;}
.gccBannerTitle {font-size:48px; font-weight: bold; font-family:'Georgia,Times,TimesRoman';}
.gccText { text-align: left; }
.gccBucks { text-align: right; }
.gccBook { text-align:left; height: 400px;}
.gccDressing { margin: 0;}
.gccGravy { text-align: left;}
.gccDumpling { font-size:65%;}
.gccBooboo { color: red; font-weight: bold; text-align: center; min-height: 1.5em;}
.gccCaption { text-align: center; font-size: 80%; font-style: italic; text-align: center;}
.gccNasty { font-weight: bold; color: red; font-size: 150%; text-align: center;}
.gccArea { text-align: left; width: 300px; font-size: 120%;}
.gccRegister { vertical-align: top; }
.gccDeferred { display:none; }
.gccNews { border-style: dotted; border-color: green; text-align: left;}
.gccForm { display: inline; }
.gccGrid { max-width: 95%; margin: auto; border: 0; padding: 3px; height:auto;}
.gccSignature {font-size:75%;}
.w06 { width: 6em; }
.w12 { width: 12em;}
.w15 { width: 15em;}
.w22 { width: 22em; }
.w30 { width: 30em;}
.w40 {width:40em;}
.w50 { width: 50em; }
.gccInfoX { display:block; text-align: center; width: 500px; height: auto;
            margin: auto; padding: 5px; border: 1px solid #666666;
            background-color: #ffffe1; font-size: 88%; }
.gccInfo { width:700px; display:block;
           background:#E0ECFF url(/images/information.gif) no-repeat scroll left top;
           border:2px solid #132A5B; color:#145280;
           font-family:Georgia,Clarendon,serif; font-size:90%; 
           height:auto; margin:auto; 
           padding:8px 18px 12px 70px; text-align:left; }
.gccIndent { margin-left: 8em; margin-right: 8em;}
.noShow {display:none;} /* initially hidden tooltips */
.bold {font-weight:bold;}
.slanted {font-style: italic; font-size:88%;}
.right {float: right;}
.seeme {color: red; font-weight: bold;margin-left:0.5em;}
.buttonLink {text-decoration: none}
.highlightme { font-weight: bold; font-size: 115%;}
.maxsize {color: gray; font-size: 70%;}
.formLegend {font-size: 90%; font-style: italic; color: gray;}
.webAd {font-size:70%; font-weight: bold; color:blue;}
.gccNormal {font-size:90%; text-align:left}
.listing {height:auto;}
.xDir {font-weight:bold}
.xFile {}
.xIcons {width:10em; text-align:right; margin-right:1em;}
.xIcons img {border:none;}
.xNotes {font-weight:normal; font-style:italic}

/* ----- GICC Form styling ----- */
form, .dijit.Dialog, .myform { font:100% verdana,arial,sans-serif; margin: 0; padding: 0;
                               min-width: 550px; max-width: 650px; width: 650px; }
form fieldset, .dijit.Dialog fieldset, .myfieldset { border-color: #000; border-width: 1px; border-style: solid;
                                                     padding: 10px; margin: 0; width:auto; }
form label, .dijit.Dialog label, .mylabel { display: block; float: left;
                                            width: 150px; padding: 0; margin: 5px 0 0; text-align: right; margin-right:5px;}
.checkboxlabel {display:inline; float:none; width:auto; margin:0; text-align:inherit;}
form fieldset legend, .dijit.Dialog fieldset legend, .mylegend { font-size:1.1em;}
form input, form textarea, .dijit.Dialog input, .dijit.Dialog textarea, .myinput, .mytextarea {
    width:auto; margin:5px 0 0 10px; height: 1.4em; padding-bottom: 1px;}
.dijit.Dialog button, .mybutton {margin:5px 0 0 10px;}
form input#reset, .dijit.Dialog input#reset { margin-left:0px; }
form textarea, .mytextarea { overflow: auto; }
form small, .dijit.Dialog small, .mysmall { display: block; margin: 0 0 5px 160px; padding: 1px 3px; font-size: 88%;}
form .required, .dijit.Dialog .required, .myrequired {font-weight:bold;}
form br, .dijit.Dialog br, .mybr { clear:left; }

/* ----- GICC Front-end styles (legacy) below ----- */
a:link { color:#663300; }
a:visited { color:#ab8a00; }
b {font-size: 110%;}
.innertube { /* margin: 10px; margin-top: 0; */}
.centered { text-align:center; }
.right { display: inline; text-align: right}
.spacer { line-height: 1em; margin-top: 20px;}
.smaller { font-size: 60%; text-align: center; }
.error { text-align:center; color: red; font-weight: bold; }
a img {border:none;}