html { 
    height: 100%;
}

html, body, #content {
    background-color: #ffffff;
}

body, td, p {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 17px;
    text-align: left;
    margin: 10px;
    padding: 0;
}

body, body div, body p, body th, body td, body li, body dd  {
    font-size:  x-small;
    voice-family:   "\"}\"";
    voice-family:   inherit;
    font-size:  small
    }

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd   {
    font-size:  small
    }

span.left {
    float: left;
    text-align: left;
}

span.right {
    float: right;
    text-align: right;
}
#container {
    text-align: center;
}
#content {
    width: 750px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: auto;
}
#content a {
    color: #000000;
    text-decoration: underline;
}
#content a:hover {
    color: #000000;
    text-decoration: underline;
}
#content a:visited {
    color: #000000;
    text-decoration: underline;
}

#panel, #panel table, #panel tr, #panel td, #panel p,
#panel div, #panel span, #panel th, #panel li
{
    font-size: x-small;
}
#panel {
    width: 100%;
    float: left;
    display: inline;
    padding: 0;
    margin: 6px 0px 10px 0px;
    text-align: left;
}
#panel div.title {
    font-size: x-small;
    font-weight: bold;
    color: #cc0000;
    padding: 2px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-bottom: 4px solid #ccc;
    margin: 0;
}
#panel div.content {
    margin: 0;
    border: 1px solid #ccc;
    font-size: x-small;
    padding: 6px;
}


div.login {
    width: 300px;
    background: #eeeeee;
    border: 1px solid #ccc;
    padding: 5px;
    margin: auto;
    text-align: center;
}

div.login p {
    text-align: center;
    font-size: x-small;
}

div.login td {
    font-size: x-small;
}

div.login h1 {
    font-size: small;
    text-align: center;
}


div.row {
    clear: both;
    padding-top: 5px;
}

div.row span.label {
    float: left;
    font-size: x-small;
    font-weight: bold;
    width: 100px;
    text-align: right;
    margin: 5px 0 5px 0;
}

div.row span.formw {
    float: right;
    text-size: x-small;
    width: 425px;
    text-align: left;
    margin: 5px 0 5px 0;
}

input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    margin: 0px;
    padding: 0px;
}

input.button {
    background-color: #dddddd;
    padding: 0px;
    margin-top: 0px;
    border-color: #FFF #999 #999 #FFF;
    border-width: 1px;
    border-style: solid;
}

form {
    margin: 0px;
    padding: 0px;
}

span.caption {
    font-weight: normal;
}


.message {
  color: #FF6600;
  float: left;
  width: 80%;
  font-size: x-small;
  font-weight: bold;
  background: #eeeeee;
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 10px;
}

#icons {
    text-align: right;
}

#toolbar {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 15px;
    border-bottom: 1px dotted #CCCCCC;
}

#header {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 0 5px 0;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #CC0000;
}
.head_lucid {
    display: inline;
    font-size: x-large;
    font-weight: bold;
    color: #CC0000;
    text-transform: lowercase;
}
.head_cms {
    display: inline;
    font-size: x-large;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
.head_caption {
    display: inline;
    font-size: medium;
    color: #333;
}
#header p {
    display: inline;
}
#header p.version {
    font-size: xx-small;
    margin-left: 5px;
}

#menu {
    width: 100%;
    float: left;
    font-size: small;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #CCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CC0000;
}
#menu li {
    float: left;
    margin: 0; 
    padding: 0;
    display: inline;
    list-style: none;
}
#menu a:link, #menu a:visited {
    float: left;
    font-size: x-small;
    line-height: 20px;
    font-weight: bold;
    margin: 0 10px 0 10px;
    text-decoration: none;
    color: #000;
    border-bottom: 4px solid #CCC;
}
#menu a:hover {
    border-bottom: 4px solid #FFFFFF;
    padding-bottom: 0px;
    background-color: #CCC;
    color: #CC0000;
}

#info {
    font-size: x-small;
    width: 100%;
    margin: 5px 0 10px 0;
    padding-bottom: 3;
}

#mainBody {
    float: left;
    width: 100%;
}

#panelBox {
    float: left;
    width: 80%;
    display: inline;
    padding: 0;
}

#navBox {
    float: right;
    display: inline;
    width: 18%;
    margin: 6px 0px 10px 10px;
    padding: 0;
    text-align: left;
}
#navBox div.title {
    font-size: x-small;
    font-weight: bold;
    background-color: #eee;
    padding: 2px 14px 2px 2px ;
    border: 1px solid #ccc;
    border-bottom: 4px solid #CC0000;
}
#navBox div.content {
    padding: 0 0 0 4px;
    border: 1px solid #ccc;
}
#navBox ul {
    margin: 0;
    padding: 0;
}
#navBox li {
    font-size: x-small;
    margin: 0; 
    padding: 0;
    list-style: square inside;
}


#footer {
    width: 100%;
    float: left;
    font-size: x-small;
    margin: 60px 0 15px 0;
    padding: 0 0 0 0;
    border-top: 4px solid #ccc;
    border-bottom: 2px solid #ccc;
}
#footer a, #footer a:active, #footer a:visited {
    text-decoration: none;
    color: #CC0000;
}
#footer a:hover {
    color: #000000;
    text-decoration: none;
}


#pluginlist tbody tr td {
    font-size: x-small;
    padding: 3px 8px;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
}
#pluginlist tbody tr.title td {
    background-color: #ddd;
    font-weight: bold;
}
#pluginlist tbody tr.even td {
    background-color: #eee;
}
#pluginlist tbody tr.odd  td {
    background-color: #fff;
}

/*Added for the page properties popup*/
#page_properties {
	font-family: Verdana,sans-serif;
	font-size: 77%;
	color: #333333;
	background: #ffffff;
	padding: 0;
	margin: 0;
}
#page_properties form {
	margin: 0;
	padding: 0;
}
#page_properties legend {
	font-weight: bold;
	color: #333333;
	margin: 0;
	padding: 0.5em;
}
#page_properties label {
	margin-top: 7px;
	display: block;
}
#page_properties fieldset {
	float: left;
	margin: 0 1em 0 0;
	padding: 1em;
	border: 1px solid #bbbbbb;
	background: #EEEEEE;
}
#page_properties fieldset div {
	border: 1px solid #cccccc;
	margin: 0;
	padding: 2px;
}
#page_properties fieldset div br {
	display: none;
}
#page_properties fieldset div input {
	padding: 2px;
}
#submit {
	clear: both;
	padding-left: 20px;
	padding-top: 20px;
}
/*END PAGE PROPERTIES SECTION*/