/*
<div class="header">
<h1></h1>
</div>
<div id="container">
<div id="content">
<div class="foot">
</div>
</div>
<div id="quickmenu">
</div>
</div>
*/

body {background: #fff;font-family:sans-serif;}

body, td, th, a, li, ul, textarea {
color: #333;
}

input{
color:#000;
padding:3px 2px 2px;
behavior:url(styles/tgld/formFcs.htc);
}
input#inputtitle {font-size:18px;font-weight:bold;padding:2px 3px;}

textarea {
font-size: small;
width: 500px;
border:1px solid #A7A6AA;
padding:4px 3px 3px;
line-height:145%;
}

* html body textarea {/*IE ONLY*/
word-break: break-all;
behavior:url(styles/tgld/textareaFcs.htc);
}

input:focus,textarea:focus,select:focus {
color:#000;
background:#e7ffd7;
}

textarea.skinedit, textarea.templateedit{
font-family: monospace;
font-size: medium;
}

img { border: none; }
.skip { display: none; }
label { cursor: pointer; }
.error { color: red; font-size: 1.2em; }

/* header */
.header {border-top:2px solid #000;}

h1 {
text-align: right;
font-size: 25px;
font-weight: normal;
letter-spacing: 0.1em;
margin: 0 0 3px 0;
}

/* page content */
#content {
margin-left:127px;
font-style: normal;
text-decoration: none;
color: #333;
text-align: justify;
line-height: 13pt;
border-top: 1px solid #ccc;
border-right: 5px solid #000;
border-bottom: 1px solid #ccc;
border-left: 1px solid #000;
-moz-border-radius: 10px;
padding: 10px 10px 0 10px;
background-color: #fff;
}

/* quick menu on left */
#quickmenu {
position: absolute;
top: 10px;
left: 10px;
width: 123px;
margin: 0;
padding: 0;
font-size: 70%;
border-right: 1px solid #ccc;
border-bottom: 10px solid #fff;
}
#quickmenu ul {
list-style-type: none;
padding: 0 8px 0 3px;
margin: 0;
letter-spacing:1px;
}

/*introduction on login/logout*/
#quickmenu p {
padding: 5px;
margin: 0;
text-align: justify;
}
#quickmenu li {
margin: 0;
text-align:left;
}
#quickmenu a {
display: block;
padding: 3px 0 0 5px;
font-size: 1em;
font-weight:bold;
line-height: 1.3em;
text-decoration: none;
border-bottom:1px dotted #369;
}
#quickmenu a:hover {
background: #369;
color: #fff;
}
#quickmenu h2 {
font-size: small;
text-align: left;
padding: 4px 0 0 7px;
margin: 15px 0 0 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
background:#000 url(tgld/effect.gif) repeat-x;
color: #fff;
}

#quickmenu form {
margin: 0;
padding: 5px;
text-align: center;
}

#quickmenu option {
font-size: 0.9em;
}

.loginname {
float: right;
font-size: small;
text-align: right;
line-height: normal;
padding:0 0 5px 5px;
background-color: #fff;
}

#content h2 {
color: #666;
border-bottom: 1px dotted #ccc;
font-size: large;
line-height: 120%;
text-decoration: none;
font-weight: bold;
letter-spacing:3px;
}

#content h3 {
border-bottom:1px dotted #ccc;
font-size: medium;
font-weight: normal;
line-height: 120%;
color: #333;
padding-left: 20px;
letter-spacing: 2px;
}

#content .note, pre {
background-color: #ddd;
padding: 5px;
}

pre {margin-left: 10px;}

.batchoperations {
background-color: #eef;
width: auto;
padding: 5px;
text-align: right;
}

table {
width: 100%;
font:0.8em Arial, Helvetica, sans-serif;
background-color:#F2F2F2;
}

caption {
background:#000 url(tgld/effect.gif) repeat-x;
color:#FFF;
font-weight:bold;
font-size:1.2em;
border:1px solid #000;
}

thead th {
background:#F5B348 url(tgld/effect3.gif) repeat-x;
color:#724809;
padding:2px;
border-top:1px solid #F4D39E;
border-left:1px solid #F4D39E;
border-bottom:1px solid #B76E00;
border-right:1px solid #B76E00;
}

tfoot th {
background:#F29601 url(tgld/effect5.gif) repeat-x;
color:#724809; padding:2px;
font-size:1.2em;
}

tfoot td {
background:#FC0 url(tgld/effect4.gif) repeat-x;
color:#724809;
font-weight:bold;
font-size:1.2em;
padding:0px 5px;
}

tbody td {
background:#D7DBDD url(tgld/effect2.gif) repeat-x;
color:#000;
padding:2px;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-bottom:1px solid #AFB5B8;
border-right:1px solid #AFB5B8;
}

tbody th {
background:#000 url(tgld/effect.gif) repeat-x;
color:#ECF0F2;
padding:3px 2px;
text-align:left;
letter-spacing:2px;
border-top:1px solid #93A1AA;
border-left:1px solid #93A1AA;
border-bottom:1px solid #2F3B42;
border-right:1px solid #2F3B42;
}

tbody td a {
color:#6C7579;
text-decoration:none;
font-weight:bold;
}

tbody td a:hover {
background-color:#000; color:#FFF;
}

tbody th a {
color:#FFF;
text-decoration:none;
font-weight:bold;
}

tbody th a:hover {
color:#FC0;
text-decoration:none;
}

td{
text-align: left ! important;
}

/*
td.draft, td.future {
background-color: #ffe;
}

tr.highlighted td {
background-color: green;
}
*/

a:link, a:visited {
color: #369;
text-decoration: none;
}
a:hover {text-decoration: underline;}

table.navigation td, table.navigation th {
border: none;
}

/* footer */
.foot {
border-top:1px solid #ccc;
padding: 2px 0;
margin:25px 10px 0 10px;
text-align: center;
color:#ccc;
font-size:x-small;
}

form {margin-bottom: 0;}

input.transparent {background-color: transparent;}

/* a div that has an indent */
div.indent {margin-left: 40px;}

#content {
font-size: small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}

html>body #content { font-size: small; }

img.skinpreview {border: 1px solid #ccc;}