html, body { font: 0.9em Arial,Verdana,Sans-Serif;
background: #ccc;
text-align: center;
margin:0;
padding:0;
}
tr, td, th, thead {
font: 1em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
}
#wrapper {
background: #fff;
margin:0px auto;
position:relative;
text-align:left;
width:744px;
top:0;
}
/* Mozilla 1.4 fix to force inheritance of background color to children */
#wrapper:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;} 
#logo {
padding:0;
margin:0;
border-top: solid 1px #fff;
height:61px;
}
#header-menu {
display : none;
background: url(../resources/$master_graphics/$FILE/bar-bg.gif);
height:31px;
}
#content-wrapper {
background:#fff;
float:left;
width:602px;
border-right:solid 1px #ccc;
}
#content {
font: 0.9em Arial,Verdana,Sans-Serif;
background:#fff;
margin:15px 1px 20px 10px;
line-height: 1.5em;
width:98%;
}
.content-header {
background: url(../resources/$master_graphics/$FILE/background_header.jpg) repeat-x;
height:29px;
padding-left:10px;
padding-top:7px;
}
#nav-wrapper {
float:right;
width:141px;
background:#fff;
}
#nav { background:#fff;font-size:0.8em;
padding:10px;
padding-top:0px;
margin:0;
}
.nav-header {
background: url(../resources/$master_graphics/$FILE/background_header.jpg) repeat-x;
height:31px;
padding-left:10px;
padding-top:7px;
}
a:link, a:active {
color:#06e;
text-decoration:underline;
}
a:visited {
color:#06e;
text-decoration:none;
}
a:hover {
color:#f90;
}
acronym, abbr	{
border-bottom:1px dotted #f90;
font-weight:bold;
cursor:help;
}
code, tt, pre
{
font-family: monospace;
font-size:10px;
color:#333;
background:#EAE7E7;
display:block;
padding:4px;
margin-top:10px;
border:1px #333 dotted;
line-height:17px;
}
#logo a:link, #logo a:visited, #logo a:active {
color:#553b1c;
}
#header-menu ul {
list-style: none;
padding:0;
margin:0;
height:31px;
}
#header-menu ul li {
background:transparent  url(../resources/$master_graphics/$FILE/li-bg.gif)  repeat-y right center;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
float: left;
position: relative;
border-right:#666 1px solid;
}
#header-menu a {
line-height: 20px;
font-size:10px;
font-weight: bold;
text-decoration:none;
border: none;
color: #fff;
}
#header-menu a:hover { text-decoration:underline;
}
#header-menu ul li ul li a {
margin:0;
display: block;
}
#header-menu li:hover ul, #header-menu li.over ul {
display: block;
}
.content-header h1 {
color:#333;
font-size:110%;
margin:0;
padding:0;
}
#nav ul {
list-style:none;
margin:0;
padding:0;
}
#nav li {
margin-bottom:0px;
padding:0 0 0 5px;
}
#nav li a {
padding:0 0 0 5px;
text-decoration:none;
}
#nav li a:hover {
}
#nav h1,h2, h3 {
color:#D8AA2D;
font-size:130%;
margin-bottom:3px;
font-variant:small-caps;
}
.navblock {
font-size : 10pt;
}
.navblockheader {
font-weight : bold;
font-size : 10pt;
color : #f70;
padding : 3px;
height : 15px;
}
#admin {
position: absolute;
right: 20px;
padding:0;
top:102px;
margin:3px 0 5px 0;
}
#admin a {
color:#f00;
margin:0 1px 0 1px;
padding:0;
}
.contententry{ 
font: 0.9em Arial,Verdana,Sans-Serif;
}
.contententry p{ 
font: 0.9em Arial,Verdana,Sans-Serif;
}
.contententry h1 {
font-size:1.3em;
font-weight:bold;
color:#D8AA2D;
margin-bottom:5px;
}
.contententry h1 a:link,  .contententry h1 a:active, .contententry h1 a:visited{
color:#D8AA2D;
text-decoration:none;
}
.contententry h1 a:hover {
color:#D8AA2D;
text-decoration:underline;
}
.contententry h2, .commententry h2 {
color:#999;
font-weight:bold;
font-size:.8em;
margin:0;
padding:0;
border:0;
}
.contentfooter {
ccolor:#999;
font-weight:bold;
font-size:.8em;
border-bottom: 1px dotted #ccc;
}
.contentfooter ul {
margin: 0;
white-space: nowrap;
padding: 0;
}
.contentfooter li {
display: inline;
list-style-type: none;
}
.contentfooter li a:active, .contentfooter li a:visited,.contentfooter li a:link{
color:#999;
padding: 0px 4px 0px 15px;
background: url(../resources/$master_graphics/$FILE/icon_bullet.gif) 0px 0px no-repeat;
text-decoration:none;
}
.contentfooter li a:hover{
color:#000;
background: url(../resources/$master_graphics/$FILE/icon_bullet_hover.gif) 0px 0px no-repeat;
}
.contentcomments {
color:#999;
margin-top:-19px;
margin-left:350px;
position: relative;
float:right;
}
.contentcomments img {
margin:0;
padding:0;
}
#comments h1 {
font-size:.8em;
font-weight:bold;
color:#D8AA2D;
margin-bottom:5px;
}
.commententry {
font: 0.9em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
margin:15px 0px 5px 0px;
}
.commententry p {
line-height:1.5em;
}
.commententry h2 {
font-size:1em;
font-weight:bold;
display:block;
border-bottom:1px solid #ccc;
}
.commententry h3 {
color:#999;
font-size: 1em;
font-weight:bold;
margin-top:-15px;
float:right;
}
.calender th, thead {
font-size:0.7em;
color:#69c;
}
.calender td {
color:#ccc;
}
.calender {
margin-top:0px;
}
.thumbnail {
float:left;
background: url(../resources/$master_graphics/$FILE/shadowalpha.png) no-repeat bottom right !important;
background: url(../resources/$master_graphics/$FILE/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.thumbnail img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
} 
.newline { clear: both; }
form {
margin:0px;
}
form td, form tr, form input {
font:11px verdana, sans-serif;
}
form input.text, form textarea.text {
font:11px Verdana,Sans-serif;
color:#000;
background:#fff;
border:1px solid #69c;
margin-top:2px;
}
form input.button {
color:#fff;
background:#D8AA2D; 
}
.searchbutton {
margin-bottom:-4px;
}
form textarea {
font:11px Verdana,Sans-serif;
}
fieldset {
border: 1px solid #ccc;
margin-top:10px;
margin-bottom:10px;
}
legend {
font:0.8em Verdana,Sans-serif;
color:#D8AA2D;
font-weight:bold;
}
label {
color:#333;
font-weight: bold;
margin-right:5px;
margin-top:0px;
}
.formtable {
margin:10px;
}
.edittable {
font:11px verdana, sans-serif;
border-right:1px solid #ccc;
}
.edittable td{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:2px;
}
.edittable th, .sorttable th{
font:11px verdana, sans-serif;
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border:1px solid #000;
padding:2px;
margin:0;
font-weight:bold;
}
.sorttable {
font:11px verdana, sans-serif;
border-right:1px solid #ccc;
}
.sorttable td{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:2px;
}
.sorttable thead td{
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border:1px solid #000;
padding:2px;
margin:0;
font:11px verdana, sans-serif;
text-decoration:underline;
cursor:pointer;
font-weight:bold;
}
.tag1 { font-size: 1em; }
.tag2 { font-size: 1.2em; }
.tag3 { font-size: 1.4em; }
.tag4 { font-size: 1.6em; }
.tag5 { font-size: 1.8em; }
.tag6 { font-size: 2em; }
#tagcloud {
width:90%;
margin:0px;
line-height:2em;
}
.title {
width:400px;
font-weight:bold;
text-align:center;
background-color:#404040;
color:#fff;
}
#files table {
width: 400px;
}
.embedded th {
background-color:#dedede;
font-size:9pt;
border:1px solid #c0c0c0;
}
/* styles for the views */
#view {
overflow: auto;
}
#view table {
width: 100%;
}
#view a {
text-decoration: none;
color: #666;
}
#view th {
border:1px none #888888;
padding: 2px;
font-size: 9pt;
font-family: sans-serif;
background-color: #000;
color: #fff;
text-decoration:underline;
}
#view td {
border-top:0;
color: #666;
border-right:0;
border-left:0;
border-bottom:1px solid #c9c9c9;
padding: 2px;
font-size: 9pt;
font-family: sans-serif;
}
#vwActions {
text-align: right;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
font-family: sans-serif;
font-size: 8pt;
}
#vwActions a {
text-decoration: none;
color: #333333;
}
#vwActions a:hover {
text-decoration: underline;
color: #333333;
}
#viewFooter {
width: 100%;
background-color: #7c90cd;
color: #fff;
font-family: sans-serif;
font-size: 8pt;
}
#viewFooter td {
width: 48%;
}
.content-prop {
height:100%;
float:right;
width:1px;
}
.content-clear {
clear:both;
height:1px;
overflow:hidden;
}
.nav-prop {
height:100%;
float:right;
width:1px;
}
.nav-clear {
clear:both;
height:1px;
overflow:hidden;
}
.alert {
border:1px solid orange;
padding:10px 15px;	
background:#fafad2;
font-size : 9pt;
font-weight : normal;
color : red;
text-align:left;
width : 70%;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber { width:100%;}
.tabberlive { margin-top:1em; width:100%;}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: white;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px 5px 0 5px;
border:1px solid #aaa;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
ul.tabnav
{
margin:0;
padding: 3px 0;
font: bold 12px Verdana, sans-serif;
}
ul.tabnav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabnav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
ul.tabnav li a:link { color: #448; }
ul.tabnav li a:visited { color: #667; }
ul.tabnav li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
input.general,textarea.general, select.general{
border: 1px solid #ccc;
font:11px Verdana,Sans-serif;
color:#000;
margin-top:2px;
}
input:focus,select:focus, textarea:focus {
border: 1px solid #000;
font:11px Verdana,Sans-serif;
color:#000;
margin-top:2px;
}
input.required, textarea.required {
border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
border: 1px solid #FF3300;
color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
border: 1px solid #00CC00;
color : #000;
}
.validation-advice {
margin: 5px 0;
padding: 5px;
background-color: #FF3300;
color : #FFF;
font-weight: bold;
}
.custom-advice {
margin: 5px 0;
padding: 5px;
background-color: #C8AA00;
color : #FFF;
font-weight: bold;
}