/***** Style information of edit layout. *****/

/** general **/
body { font-family: arial, helvetica, sans-serif; color: black; background-color: white; }
img { border: none; }
table { margin: 0; border-collapse: collapse; }
td { padding: 0; }
a { text-decoration: none; }
body,td,input { font-size: 13px; }
textarea { font-size: 12px; }

/** page layout **/
td#sidebar { vertical-align: top; width: 200px; }

/** container menu **/
table.menu { width: 200px; margin-top: 6px; }
td.menu {}
td.menuitem {}
td.menuitem-notpublic {}
td.menuitem-active {}
td.menuitem-active-notpublic {}
a.menu {}
a.menu-active {}
a.menu-active-notpublic {}
a.menu-notpublic {}
img.menubutton {}

/** login menu **/
div#loginmenu {}
div#loginmenu a { color: #cccccc; }
div#loginmenu a:hover {}
ul#adminlinks { display: inline; }
ul#adminlinks a { color: #cccccc; }
ul#adminlinks a:hover {}
ul#adminlinks li {}

/** component listing **/
td#component-listing { vertical-align: top; }
table.components { width: 820px; }
td.componentpagetitle { padding: .6em 0 .8em 0; font-weight: bold; text-decoration: none; color: #003366; background-color: white; }
td.component { padding-bottom: 1em; }
table.component {  width: 820px; border: 1px solid #dddddd; }
td.componentheader { font-weight: bold; vertical-align:top; background-color: #dddddd; width: 20%; }
td.componentname {}
td.componentdesc {}
td.componentusage {}
td.componentattrs {}
td.componentperm { text-align: right; }
td.componentcontent { vertical-align: top; }
div.componentcontent { width: 819px; }

/** actions: save, delete and show **/
span#save {     color: black; background-color: #ccffcc; padding: 3px; margin-right: 3px; }
span#save a {   color: green; background-color: #ccffcc; }
span#delete {   color: black; background-color: #ffcccc; padding: 3px; margin-right: 3px; }
span#delete a { color: red;   background-color: #ffcccc; }
span#show {     color: black; background-color: #ccccff; padding: 3px; }
span#show a {   color: blue;  background-color: #ccccff; }
td.help { padding-top: 3px; }

/** tool tips **/
.tooltip { width: 430px; position: absolute; display: none; text-align: left; font-weight: normal; color: black; background-color: #ffffff; border: 1px solid #dddddd; padding: 3px; }
.tooltip p { margin: 0 0 4px 0; }
.highlight { color: orange; }

/** component items, grid **/
table.componentitems { width: 100%; vertical-align:top; }
table.componentitems td {}
table.grid td { border: 1px solid #cccccc; padding: 0 1px; }
tr.header { font-weight: bold; }

/** template selector **/
table#ts-table-admin td { border-right: 1px solid #dddddd; padding: 0 3px 0 3px; }

/* HTML */
/* This will remove the border from the textarea. */
/* If you don't like this, remove the border line */
/* and set a width of 810px to give it enough */
/* space. */ 
textarea.textarea-html { border: none; width: 819px; height: 290px; margin-top: 2px; }

/* News Component */
/* This makes editing news kind of nicer */
select#news-id {         border: 1px solid #dddddd; }
input.news-entry {       border: 1px solid #dddddd; width: 600px; }
textarea.news-entry {    border: 1px solid #dddddd; width: 600px; height: 150px; }
span.news-entry-action { border: 1px solid #dddddd; padding: 1px; margin-right: 10px; }
textarea.news-layout {   border: 1px solid #dddddd; width: 600px; height: 150px; }

/* News View */
table#newsview input {  border: 1px solid #dddddd; width: 600px; }
table#newsview select { border: 1px solid #dddddd; }

/* Form */
table#form-edit {}
table#form-edit input {    border: 1px solid #dddddd; width: 300px; }
table#form-edit textarea { border: 1px solid #dddddd; width: 600px; height: 150px; }

/***** Style information of container layout. *****/
div#name {
   ;
}
table#ts-table-admin {
   ;
}