/*
       *** DO NOT EDIT THIS FILE ***

  This is the CSS file for the base Click Wiki definitions.  Edit the site.css files elsewhere
  to override any settings here.

  This primarily sets various baselines and inter-browser compatibility.
*/

#mmentry * {
  margin:0;
  padding:0;
}
body {
  font: normal 10pt verdana, arial, helvetica, sans-serif;
}
/*
body * {
  position: relative;
}
*/

/*
  This is the CSS file for the base Click Wiki content definitions.  Edit the site.css files elsewhere
  to override any settings here.

  This primarily sets basic tag formatting.
*/


#entry {
  font: normal normal normal 100% "DejaVu Sans", "Vera Sans", Verdana, Arial, Helvetica, sans;
  font: normal normal normal 100% "DejaVu Sans", "Vera Sans", Verdana, Arial, Helvetica, sans caption;
  font: normal normal normal 100% "DejaVu Sans", "Vera Sans", Verdana, Arial, Helvetica, sans icon;
  font: normal normal normal 100% "DejaVu Sans", "Vera Sans", Verdana, Arial, Helvetica, sans menu;
  font: normal normal normal 100% "DejaVu Sans", "Vera Sans", Verdana, Arial, Helvetica, sans message-box;
  font: normal normal normal 100% "DejaVu Sans", "Vera Sans", Verdana, Arial, Helvetica, sans small-caption;
  font: normal normal normal 100% "DejaVu Sans", "Vera Sans", Verdana, Arial, Helvetica, sans status-bar;
}

/******************************************************************************************** Links **/

#entry * a { text-decoration: underline; color: #009; }
#entry a.internal     { text-decoration: underline; border-bottom: 0; color: #090; }
#entry * a.internaltodo { text-decoration: none; border-bottom: 1px dotted #f00; color: #900;  }
* html #entry a.internaltodo { border-bottom: none; background: url(/i/click/dotted.red.gif) repeat-x bottom; }
#entry a.external     { text-decoration: underline; color: #00c; }


#entry a span.linkinfo {
  position: absolute;
  left: -5000px;
  width: 4000px;
}
#entry a.internal {
  padding: 0;
}
#entry a.internaltodo {
  padding: 0;
}
#entry a.external {
  background: transparent url(/i/click/theme.base/i/a.back.external.png) no-repeat scroll center right;
  padding: 0 16px 0 0;
}
#entry a.external {
  background: transparent url(/i/click/theme.base/i/a.back.external.png) no-repeat scroll center right;
  padding: 0 16px 0 0;
}
#entry a.mail {
  background: transparent url(/i/click/theme.base/i/a.back.mail.png) no-repeat scroll center right;
  padding: 0 18px 0 0;
}
#entry a.wiki {
  background: transparent url(/i/click/theme.base/i/a.back.wiki.png) no-repeat scroll center right;
  padding: 0 16px 0 0;
}
#entry a.user {
  background: transparent url(/i/click/theme.base/i/a.back.user.png) no-repeat scroll center right;
  padding: 0 16px 0 0;
}
#entry a.usertodo {
  background: transparent url(/i/click/theme.base/i/a.back.usertodo.png) no-repeat scroll center right;
  padding: 0 16px 0 0;
}

#entry a[rel~=jpg] {
  background: transparent url(/i/click/theme.base/i/a.back.image.png) no-repeat scroll center right;
  padding: 0 16px 0 0;
}

/******************************************************************************************** Functions **/

#entry tt {
  font: 10pt sans;
  border-style: solid;
  border-color: black black black navy;
  border-width: 1px 1px 1px 8px;
  padding: 4px;
  background: #FFFF99 url(/i/click/base/tt.background.png) repeat top;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
}


#entry .errorflag {
  background: #C00 none;
  color: yellow;
  font-weight: bold;
  padding: 0 .5em;
}
#entry .error {
  background: #009;
  color: white;
  padding: 0 1em;
  font-weight: bold;
}
#entry .error a {
  color: yellow;
}


#entry div.wf_updates h2 a{
  font-size: 80%;
  text-decoration: none;
}


/******************************************************************************************** Containers **/


#entry table.layout {
  margin: 1em 0 0 0;
  clear: both;
}
#entry table.content  {
  border: 1px solid #999;
  padding: 0px;
  margin: 0px;
}
#entry table.content tr th {
  padding: 2px;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #ccc;
  vertical-align: top;
  background-color: #333;
  color: white;
}
#entry table.content tr th * {
  font-weight: bold;
}
#entry table.content tr th a {  color: #66f;  background: transparent none; }
#entry table.content tr th a.internal {  color: #6f6;  background: transparent none;   }
#entry table.content tr th a.internaltodo {  color: #f66;  background: transparent none;   }
#entry table.content tr td {
  padding: 2px;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #cccccc;
  vertical-align: top;
  background-color: white;
}
#entry table.content tr td.content_alt  {
  padding: 2px;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #cccccc;
  vertical-align: top;
  background-color: #dddddd;
}




#entry div.dated {
  margin: 0;
}
#entry div.dated  h3 {
  background: #eef;
  border: 1px solid #ddd;
  padding: 0;
  margin: .5em 0 .2em 0;
  font-size: 140%;
}
#entry div.dated  h3 a {
}
#entry div.dated  ul {
  margin: 0 0 0 1.5em;
}
#entry div.dated  ul li {
  list-style: square outside url(/i/click/theme.base/i/li.arrow.png);
  padding: 0;
  margin: 0 0 .2em 0;
}











#entry fieldset, #entry form {
 width: 100%;
}

/**** Interactive **/

fieldset.toolbar {
  padding: 0px;
  padding-bottom: 4px;
  border: 1px solid #b0b0b0;
  background: #dddddd;
  margin:0px;
}
* html fieldset.toolbar { padding-top: 2px; padding-bottom: 2px; }
a.toolbar_text {
  background: #ddd;
  border: 1px solid #ddd;
  padding: 2px 6px 2px 6px;
  display: block;
  clear: none;
  float: left;
  text-decoration: none;
  text-align: center;
  font: 10px/18px Arial, Helvetica, sans;
  color: black;
  width: 50px;
}
a.toolbar_button {
  background: #ddd;
  border: 1px solid #ddd;
  padding: 2px 6px 2px 6px;
  display: block;
  clear: none;
  float: left;
  text-decoration: none;
  text-align: center;
  font: 12px/18px Times New Roman, Times, serif;
  color: black;
  width: 24px;
}
a.toolbar_button:hover, a.toolbar_text:hover {
  background: #bbf;
  border: 1px solid #bbb;
}



/* Edit **************************************************************************************/

#edit_nav    { white-space: nowrap; font: 10px Arial; text-align: left; background: white}
#edit_nav ul { border-bottom: 1px solid black; line-height: normal; margin: 0; padding: 0; width: 100%; }
#edit_nav li { background: #CCCCCC; border: 1px solid black; display: inline; height: 100%;
              margin: .5em; padding: .25em .5em 0 .5em; position: relative;
              border-top: 1px solid black; font: 10px Arial; cursor: pointer;}
#edit_nav li.selected { background: #ffffff; border: 1px solid black; border-bottom: 1px solid white;
              color: black; font: 10px Arial; cursor: default; }
#edit_nav :link, #edit_nav :visited { text-decoration: none; color: #333333; cursor: pointer; }
#edit_nav :link:hover, #edit_nav :visited:hover { text-decoration: underline; color: black; }

.edit_panel { padding: 10px; border: 1px solid black; border-top: 0px; }

/* Editor *******************************************************************************/

textarea.editor
{
  width: 100%;
  font: 11pt Arial;
  font: 13px/20px Verdana, Arial, Helvetica, sans-serif; color: #333333;
  height: 400px;
  border: 1px solid black;
  background: #ffffdd;
}

iframe.editor { border:0px; border-top: 1px solid black;
border-bottom: 1px solid black; width: 100%; height: 400px; }

td.editor
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}
input.editor
{
  width: 210px;
  font: 12px Verdana;
  border: 1px solid #668866;
  background: #ffffdd;
}
select.editor
{
  width: 210px;
  font: 12px Verdana;
  border: 1px solid #668866;
}

/* Edit Help ********************************************************************************/

table.edit_help { border: 1px solid black; }
td.edit_help { border: 1px solid black; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; }
td.edit_helpex { border: 1px solid black; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; }


/*********************************************************************************************** Blocks **/



                                                                                        /* block: headers */
#entry h1 {
  font-weight: bold;
  font-size: 200%;
  margin: .8em 0 .2em 0;
  border-bottom: 2px solid black;
  color: black;
  clear: left;
}
#entry h1.include {
  font-weight: bold;
  font-size: 200%;
  padding: .2em;
  margin: 0;
  text-indent: 0;
  border: 1px solid black;
  border-color: #eee #ccc #ccc #eee;
  background: #ccd;
  color: black;
}
#entry a.include {
  text-decoration: none;
  padding: 0;
  margin: 0;
  text-indent: 0;
  color: #030;
}
#entry h2 {
  font-weight: bold;
  font-size: 180%;
  margin: .8em 0 .2em 0;
  border-bottom: 1px solid black;
  color: black;
  clear: left;
}
#entry h3 {
  font-weight: bold;
  font-size: 160%;
  margin: .8em 0 .2em 0;
  color: black;
  clear: left;
}
#entry h4 {
  font-weight: bold;
  font-size: 140%;
  margin: .8em 0 .2em 0;
  color: black;
  clear: left;
}
#entry h5 {
  font-weight: bold;
  font-size: 120%;
  margin: .8em 0 .2em 0;
  color: black;
  clear: left;
}
#entry h6 {
  font-weight: bold;
  font-size: 110%;
  margin: .8em 0 .2em 0;
  color: black;
  clear: left;
}
                                                                                        /* block: para */
#entry p {
  text-indent: 2em;
  font: normal normal normal 110%/160% "Times New Roman", Times, Garamond, serif;
  font: normal normal normal 100%/160% "DejaVu Sans", "Vera Sans", Verdana, Arial, Helvetica, sans-serif;
  margin: .2em 0 .8em 0;
}
#entry table.content * p {
  text-indent: 0;
  margin: 0;
}
                                                                                        /* block: lists */
#entry ul, #entry ol {
  margin: .2em 0 .8em 2em;
}
#entry li {
  list-style: disc inside none;
  margin: 0 0 .2em 0;
}
#entry ol li {
  list-style: decimal inside none;
}
                                                                                         /* Definitions */
#entry div.define {
  margin: 0 0 1em 0;
  padding: 0;
  border: 1px solid #999;
  border-color: #999 #666 #666 #999;
  display: table;
}
* html div.define { width: 50% }
#entry div.define dl {
  background: #eef;
  border: 1px solid #ccc;
  border-width: 1px 1px 2px 1px;
  margin: 0;
  padding: 0;
  clear: both;
}
#entry div.define dl dt {
  margin: 0;
  padding: .2em 1em;
  background: #ddd;
  border: 1px solid #ccc;
  border-width: 1px 0;
  font-weight: bold;
}
#entry div.define dl dt * {
  font-weight: bold;
}
#entry div.define dl dd {
  margin: 0 1em .4em 2em;
  padding: 0;
}
#entry div.define dl dd + div.define dl dt {
  margin: 1em 0 0 0;
}
                                                                                         /* Images */
div.image {
  background: #ddd;
  border: 1px solid #ccc;
  margin-top: .5em;
}
div.image img {
  background: #000;
  margin: 3px;
  border: 1px solid #ccc;
}
div.image .caption {
  font-size: 80%;
  font-style: italic;
  text-align: center;
  margin: .1em 1em;
}















#entry img {
  border: 0;
  z-index: 5000;
}
#entry a.wikiimage {
  border: 0;
  z-index: 6000;
}
#entry img.wikiimage {
  border: 0;
  z-index: 6001;
}
                                                                                                                                                       /* block: rule */
#entry hr {
  display: none
}
#entry div.hr {
  height: .7em;
  width: 100%;
  border: 0;
  margin: 0 0 .7em 0;
  background: #fff none;
  border-bottom: 1px solid #999;
}
                                                                                                                                                       /* block: code */
#entry code {
  background: #ddddff;
  padding: .5em 2em .5em 2em;
  margin: .5em 0 .5em 0;
  border: 1px blue dashed;
  font-family: monospace;
}

/*********************************************************************************************** Formatting **/


#entry strong b {
  font-weight: bold;
}
#entry em i {
  font-style: italic;
}

#entry big { font-size: 100% }                                                       /* disable */
#entry small { font-size: 100% }                                                   /* disable */


/*************************************************************************************** Special **/


/* Gallery */

dl.gallery
{
  border: 4px solid #fff;
  background-color: #ddd;
  width: 202px;
  text-align: center;
  padding: 10px;
  float: left;
  margin: 1em;
}

.gallery dt {
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #bbb;
  font-weight: bold;
  overflow: hidden;
  height: 200px;
  line-height: 200px;
  width: 200px;
}
.gallery dt a {
}
.gallery dt img
{
  vertical-align: middle;
  border: 0;
}
.gallery dd
{
  font-size: 80%;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  border-top: 0;
}





/*************************************************************************************** Panel **/


/*
#entry div.panel {
  background: #ddd;
  border: 1px solid #ccc;
  padding: 1em;
  font: normal 100% Arial, Verdana, Helvetica, sans;
  z-index: 9000;
}
#entry div.panel fieldset div.hr {
  background:transparent;
}
#entry div.panel p {
  text-indent: 0;
  margin: 0 0 .5em 0;
  padding: 0;
}
#entry div.panel p.panelhelp {
  text-indent: 0;
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: 90%;
}
#entry div.panel fieldset label
 {
  width: 10em;
  float: left;
  text-align: right;
  margin-right: 1em;
  display: block;
  font: 100% sans;
  font-weight: bold;
  color: #333;
}
span.label {
  font: 100% sans;
  font-weight: bold;
  color: #333;
}
#entry div.panel fieldset p {
  margin: .5em 0 .5em 0;
  padding: 0;
  display: block;
  clear: both;
}
#entry div.panel fieldset p.fieldhelp {
  margin: 0 2em 1em 15em;
  padding: 0;
  font: 80% sans;
  color: #333;
}
#entry div.panel fieldset input, div.panel fieldset select
{
  color: black;
  font: 100% sans;
  background: #ffd;
  border: 1px inset #333;
  width: 70%;
  padding: .2em 0 .2em .5em;
  z-index: 9002;
}
#entry div.panel fieldset p textarea, #entry div.quickpanel p textarea {
  width: 96%;
  height: 6em;
  background: #ffd;
  font: normal 120% Arial, Verdana, Helvetica, sans;
  border: 1px inset #333;
  padding: .2em .5em;
}
#entry div.panel .submit, input.submit
{
  font-weight: bold;
  color: #000;
  margin: .2em 0;
  width: 140px;
  height: 24px;
  background: #ffa20f url(/i/click/base/button/button_submit_out.gif);
  border: 0;
}
#entry div.panel .submit:hover
{
  background: #f6c36c url(/i/click/base/button/button_submit_over.gif);
}
#entry .panel fieldset {
  border: 1px solid #999;
  margin: 0;
}
#entry .panel legend
{
  background: #ddd;
  border: 0;
  margin: 0 0 0 1em;
  padding: .2em .5em;
  font: 160% sans;
  font-weight: bold;
  color: #333;
}
#entry .panel fieldset hr {
  height: 0;
  border: 0;
  border-bottom: 1px solid #999;
  width: 98%;
}

#entry .panel fieldset input.checkbox, #entry .panel fieldset input.checkbox {
  height: 16px;
  width: 16px;
}


#entry div.quickpanel {
  background: #ddd;
  border: 1px solid #ccc;
  padding: 2px 4px 4px 4px;
  font: normal 90% Arial, Verdana, Helvetica, sans;
  z-index: 9000;
  text-align: left;
  clear: both;
}
#entry div.quickpanel img {
  border: 0;
  vertical-align: text-bottom;
}
#entry div.quickpanel span.pbutton {
  font: 23px Arial;
}
#entry div.quickpanel a {
  offwidth: 10em;
  offheight: 26px;
  padding: 3px 1em;
  background: #ccc none;
  border: 1px solid #aaa;
  border-color: #eee #aaa #aaa #eee;
  font: bold 14px/26px Arial, Verdana, Helvetica, sans;
  text-decoration: none;
  color: black;
  white-space: nowrap;
}
#entry div.quickpanel a:hover {
  background: #aaf none;
}
#entry div.quickpanel .submit {
  font-weight: bold;
  color: #000;
  margin: .2em 0;
  width: 140px;
  height: 24px;
  background: #ffa20f url(/i/click/base/button/button_submit_out.gif);
  border: 0;
}
#entry div.quickpanel .submit:hover {
  background: #f6c36c url(/i/click/base/button/button_submit_over.gif);
}
#entry div.quickpanel p {
  text-indent: 0;
  margin: 0;
  padding: .2em 0;
  font-size: 90%;
}
#entry div.quickpanel p.panelhelp {
  padding: .5em;
  border-bottom: 1px solid #ccc;
  margin: 0 0 .5em 0;
}
#entry div.quickpanel p label {
  width: 8em;
  display: block;
  font-weight: bold;
  color: #333;
  float: left;
  clear: left;
}
#entry div.quickpanel p input, div.quickpanel p select
{
  color: black;
  font: 100% sans;
  background: #ffd;
  border: 1px inset #333;
  width: 70%;
  padding: .2em 0 .2em .5em;
  z-index: 9002;
}
*/

/* Media ***********************************************************************************/

.media_player a { text-decoration: underline; color: black; }

.media_audio {
  font: 80%/160% sans;
  font-weight: bold;
  background: #ddd;
  padding: 2px 6px;
  border: 1px solid #bbb;
  width: 400px;
  text-align: right;
}
.media_video {
  font: 80%/160% sans;
  font-weight: bold;
  background: #ddd;
  padding: 2px 6px;
  border: 1px solid #bbb;
  width: 400px;
  text-align: right;
}
.media_player {
  font: 80%/160% sans;
  font-style: italic;
  background: #ddd;
  padding: 0;
  border: 1px solid black;
  width: 414px;
  text-align: center;
}


table.f_notice {
  width: 100%;
  margin-top: 1em;
}
td.f_notice {
  background: #cdf;
  border: 1px solid #cdf;
  border-color: #def #9ac #9ac #def;
  padding: 5px;
  font-size: 90%;
  vertical-align: middle;
}
td.f_notice img {
  margin: 4px 4em 4px 1em;
}



/* Click UI ************************************************************************************/


#panelsection
{
  margin: 0;
  padding: 0;
}

#panelsection ul
{
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#panelsection ul li
{
  display: block;
  float: left;
  text-align: center;
  padding: 0;
  margin: 0;
}

#panelsection ul li a
{
  background: #ddd;
  width: 90px;
  height: 18px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ddd;
  border-right: none;
  padding: 0;
  margin: 0 0 10px 0;
  color: #006;
  text-decoration: none;
  display: block;
  text-align: center;
  font: bold 12px/18px sans-serif;
}

#entry input.submit
{
  font-weight: bold;
  color: #000;
  margin: .2em 0;
  width: 140px;
  height: 24px;
  background: #ffa20f url(http://clipone.com/i/click/base/button/button_submit_out.gif);
  border: 0;
}


/* Toolbar */

div.CUItb {
  background: #ccc;
  clear: all;
  height: 24px;
  margin-left: 10px;
}

div.CUItbsep {
  width: 1px;
  float: left;
  border: 1px solid #ccc;
  border-color: #ccc #ddd #ddd #ccc;
  margin: 0 6px;
  background: #bbb;
  height: 20px;
  overflow: hidden;
}
div.CUItbbtn {
  width: 20px;
  float: left;
  border: 1px solid #ccc;
  background: #ccc;
  height: 20px;
}
div.CUItbbtn:hover {
  border: 1px solid #999;
  background: #99c;
}
div.CUItbbtn a {
  display: block;
  width: 20px;
  background-image: url(/i/click/theme.base/i/icons.gif);
  background-repeat: no-repeat;
  text-decoration: none;
}

a.CUIi01_bold      { background-position:  0px   0px; }
a.CUIi01_italic    { background-position: -60px  0px; }
a.CUIi01_underline { background-position: -140px 0px; }
a.CUIi01_link      { background-position: -500px 0px; }
a.CUIi01_image     { background-position: -380px 0px; }




/* *************************************************************************************** */




/*
    ROBIN:

#entry h1 {
  font: bold 120px Arial;
  height: 50px;
  color: #Fdd;
  border: 0;
  text-align: right;
}

*/
