/******** Default EditPageSR Styles ********
* 6 Mar 2010, ajr
* CSS 2.1
*/

*{padding:0; margin:0 } /*To prevent any unexpected inherentances*/

a{color:blue;text-decoration:underline}
a:hover{color:#FF0000}

html{height:100%}

body{
padding:1% 1% 3em 1%; background-color:#c0c0c0; position:relative; min-height:85%;}/*bottom pad and min-height needed push logo down*/

body[class="admin"]{background-color:#c0c0c0; min-height:140%;}
body[class="bodyBG_plain-gray"]{background-color:#c0c0c0;}
body[class="bodyBG_plain-white"]{background-color:rgb(255,255,255);}
body[class="bodyBG_light-gray-gradient"]{background:url(./images/bgGradient_light-gray.gif) 0% 0% repeat-x; }/*no bg color*/
body[class="bodyBG_teal-gradient"]{background:url(./images/bgGradient_teal.jpg) rgb(118,163,169) 0% 0% repeat-x;}

body,p,input,div{color:black;font:normal normal normal 100% Arial,Helvetica,sans-serif}

p{margin:.5em 0}

div.row{margin-top:.5em;background:transparent;text-align:left}
div.center{margin-top:.5em;background:transparent;text-align:center;}

/*div.instrTitle{margin:0 auto;color:black;font-size:1.6em;font-weight:bold;text-align:center}*/

div.clearer {clear:both;}/*Used to force div to stretch vertically to fit all included divs*/

div.imgBox{text-align:center; margin:.5em auto; position:relative; clear:both}
div[class='imgBox left']{margin-left:0; margin-right:.5em; float:left; clear:both}
div.imgBox img{border:2px solid black;width:98%}
div.imgBox div{font-weight:bold}

div#htmlCssLogos{margin:1em auto auto 10%;position:absolute;bottom:0;clear:both}

div#availableProxies{width:98%;border:2px gray solid;margin:1em auto; padding:.5em;}
div#availableProxies div.proxyTags{font-size:.9em}
div#availableProxies div[class="adminHint"]{font-size:100%}

/* User Rendering Box */
div#adminRenderTitle{margin-top:1em;font-weight:bold;font-size:1.5em;text-align:center}

#adminSettings,#adminInstr, #navSettings, #content{
width:86%;
border:2px gray solid;
overflow:auto;
padding:1em;
-moz-border-radius:1.1em;
border-radius:1.1em;
z-index:0;
}

#adminSettings,#navSettings, #adminInstr{background:silver url(./images/stucco2.jpg) repeat fixed;}/*color must preceed image*/

#adminSettings,#adminInstr, div.pageTitle{margin:auto; width:86%;}

div.pageTitle{
font-weight:bold;font-size:2em;
text-align:center;margin:auto;
text-shadow:#222 .06em .06em .25em;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#808080,strength=6, direction=135);/*MS filter; css2.1+ error*/
}

div.pageTitle.titleFont_serf{font-family:"Times New Roman", Times, serif;}
div.pageTitle.titleFont_sans-serf{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

div.pageTitle.titleColor_black{color:black}/*[class-"foo"] doesn't work???*/
div.pageTitle.titleColor_blue{color:blue}
div.pageTitle.titleColor_sky-blue{color:rgb(135,206,235)}
div.pageTitle.titleColor_med-blue{color:rgb(0,104,204)}
div.pageTitle.titleColor_green{color:green}

div.pageTitle.titleSize_small{font-size:1.8em}
div.pageTitle.titleSize_medium{font-size:2.4em}
div.pageTitle.titleSize_large{font-size:3.4em}

div[id="navTabs"][class="navTabsLoc_top"]{line-height:1.5em; margin:auto; text-align:center; width:50%; position:relative;}

div[id="navTabs"][class="navTabsLoc_left"]{float:left; margin-right:2em}/* No width assigned Must have float*/
div[id="navTabs"][class="navTabsLoc_left"] ul{float:left; margin-top:1em; }

div[class="navTabsLoc_top"] li{display:inline;}

ul#navTabsList{list-style: none; font-weight:bold; font-size:1em}
ul#navTabsList.titleFont_serf{font-family:"Times New Roman", Times, serif;}/*These make the nav button fonts the same as the title*/
ul#navTabsList.titleFont_sans-serf{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
ul#navTabsList li {margin-top:.2em; padding:.1em .5em; }
ul#navTabsList li.color_sky-blue{background-color:rgb(135,206,235); border:1px blue solid;}
ul#navTabsList li.color_teal{background-color:rgb(0,128,128); border:1px green solid;}
ul#navTabsList li.color_white{background-color:rgb(255,255,255); border:none}
ul#navTabsList li.color_silver{background-color:rgb(192,192,192); border:1px black solid;}
ul#navTabsList li {}
ul#navTabsList li {}
ul#navTabsList li {}

ul#navTabsList li a{color:blue;text-decoration:none}
ul#navTabsList li:hover{background-color:rgb(220,20,60); cursor:pointer;}

ul.no-bullets{list-style-type:none}
ul ul{list-style-type:none}

/*div#content{-moz-box-shadow: gray 10px 5px 5px;-webkit-box-shadow:gray 10px 5px 5px;box-shadow:gray 10px 5px 5px;}*/
div#content.navTabsLoc_top{margin:auto}
div#content.navTabsLoc_none{margin:auto}

div#content.BG_stucco{background:url(./images/stucco2.jpg) repeat fixed;} /*color must preceed image*/
div#content.BG_plain-white{background-color:white; }
div#content.BG_no-border-white{background-color:white; border:none}/* Note this must  follow boder assignment above*/

div#content.contentWidth_narrow{width:50%;}
div#content.contentWidth_medium{width:75%;}
div#content.contentWidth_wide{width:90%;}

div#content ul{margin-left:2em}

#htmlSource{border:2px solid red}

/* these used in admin mode */
div.adminPageTitle{font-weight:bold;font-size:1.5em;text-align:center}

legend{font:bold 14pt Arial,Helvetica,sans-serif}/*Appies to all fieldsets*/

fieldset#adminSettings{margin-top:0; margin-bottom:2em}
fieldset#adminSettings textarea{margin:0 auto; width:90%;display:block;height:20em}

fieldset#adminSettings textarea+div.row{margin-top:.1em;text-align:left}
fieldset#adminSettings div input[type="submit"]{font-size:12pt}

fieldset#navSettings{width:96%; margin:2em auto; text-align:center}/* Override common assingment above*/
fieldset#navSettings input[type="submit"]{font-size:12pt; margin:auto}
fieldset#navSettings div{margin-top:1em; margin-left:1em; font-size:.9em}
fieldset#navSettings input{margin:0em .5em; font-size:.9em}

fieldset#navSettings div.navButtons span{border:2px gray solid; padding:.2em .5em; }
fieldset#navSettings div.navButtons span+span{margin-left:.25em}

fieldset#adminInstr h2{margin-top:.2em;text-align:center}
fieldset#adminInstr span{margin-right:3em}

input[type="submit"]{padding:0 .2em; width:auto;font-weight:bold; overflow:visible}
/* IE7 gimmick fixes button padding bug */
input[type="text"]{border:black 1px solid; padding:.1em .25em}

#lastDate{float:right;font-weight:bold}

#adminName{margin-right:6em}

select{border:gray 1px solid;font-size:11pt}
option{padding:0 .5em}

textarea{border:1px gray solid;padding:.3em;font-size:9pt;overflow:auto}

/*.centerBlock{margin:0 auto 0 auto; }*/
/*.centerText{text-align:center !important}!important required, must override selectors with text-align:left*/

/** Message classes **/
*.adminHint,*.errorMsg,*.noteMsg,*.warningMsg{border:none; margin:.5em auto 0 0;font-size:1em !important;}
*.adminHint{color:green;font-style:italic;font-weight:500; }
*.errorMsg{color:#dc143c;font-size:33pt;font-weight:normal !important;}
*.noteMsg{color:#0068cc;font-style:italic;font-weight:500}
*.responseMsg{color:#0068cc;font-weight:normal !important;}
*.warningMsg{color:#dc143c;font-style:italic;font-weight:normal !important;}


/*** Used only by editPageProxyTagsExhibit.php ***/
div[id="tagsExhibit"]{
width:90%;
border:2px gray solid;
margin:.5em auto 0 auto;
padding:.1em 1em 1em 1em;
background-color:silver;
background-image:url(./images/stucco2.jpg);
background-repeat:repeat;
position:relative;
}
div[id="tagsExhibit"] div[class="proxyTags"]{font-size:100%; margin-top:1em; border:2px gray solid; padding:.5em}

/* User Rendering Classes from proxy tags. See also id= contents, above*/
div.subtitle{margin:0 auto;color:black;font-size:1.2em;font-weight:bold;text-align:center}
div.blue-title{margin:0 auto;color:#0068cc;font-size:1.6em;font-weight:bold;text-align:center}
div.blue-subtitle{margin:.5em auto 0 auto;color:#0068cc;font-size:1.2em;font-weight:bold;text-align:center}
div.header{font-weight:bold; margin-right:.5em; float:left}
div.page-title{margin:0 auto;color:black;font-size:1.6em;font-weight:bold;text-align:center}

div.imgBox{text-align:center; margin:.5em auto; position:relative; clear:both}
div[class='imgBox left']{margin-left:0; margin-right:.5em; float:left; clear:both}
div.imgBox img{border:2px solid black;width:98%}
div.imgBox div{font-weight:bold}

hr.blue-line{color:blue; background-color:blue; line-height:5px; border:0}
hr.black-line{color:black; background-color:black; line-height:5px; border:0}

/* from proxy tags.  Generally used for <span> tags; but, can be used for any other class */
*.bigFont{font-size:2em !important}/*Generally used as <tag class="foo bigFont">**/
*.green{color:green}
*.blue{color:#0068cc}
*.bold{font-weight:bold}
*.italic{font-style:italic}
*.red{color:red}
*.underline{text-decoration:underline}
*.yel-highlight{background-color:yellow}