[squirrelmail.git] / templates / default / stylesheet.tpl

<?php
/**
 * SquirrelMail CSS template
 *
 * Template is used by style.php script to generate css file used by
 * SquirrelMail scripts.
 *
 * Available constants
 *
 * Color codes used by selected theme:
 * <ul>
 *   <li>SQM_BACKGROUND - background color
 *   <li>SQM_BACKGROUND_LEFT - background of folder tree
 *   <li>SQM_TEXT_STANDARD - text color
 *   <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
 *   <li>SQM_LINK - color of links
 *   <li>SQM_LINK_LEFT - color of links in folder tree
 *   <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
 *   <li>todo: other constants should be documented here
 * </ul>
 *
 * Optional template variables
 * <ul>
 *   <li>fontfamily - string with list of fonts used by selected style.
 *   <li>fontsize - integer with selected font size value.
 * </ul>
 * Variables are set to empty string, when value is not set.
 *
 * @copyright &copy; 2005-2006 The SquirrelMail Project Team
 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
 * @version $Id$
 * @package squirrelmail
 * @subpackage templates
 */

/* retrieve the template vars */
extract($t);
//return false;
?>
/* older css template */
body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
<?php
if($fontfamily) echo '  font-family: '.$fontfamily.";\n";
?>
}
body, small {
<?php
if($fontsize) echo '  font-size: '.($fontsize-2)."pt;\n";
?>
}
td, th {
<?php
if($fontsize) echo '  font-size: '.$fontsize."pt;\n";
?>
}
textarea, pre {
font-family: monospace;
<?php
if($fontsize) echo '  font-size: '.($fontsize-1)."pt;\n";
?>
}

/* page body formatting */
body {
    color:  <?php echo SQM_TEXT_STANDARD; ?>;
    background-color: <?php echo SQM_BACKGROUND; ?>;
}
body.sqm_leftMain {
    color:  <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
    background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
    text-align: left;
}

/* right links */
a:link, a:visited, a:hover, a:active {
    color: <?php echo SQM_LINK; ?>;
}

/* left links */
.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
    color:  <?php echo SQM_LINK_LEFT; ?>;
}

.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
    color:  <?php echo SQM_TEXT_SPECIAL; ?>;
}

.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
    color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
}

/* highlighted texts */
.highlight {
    color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
}

.error_table {
    color: <?php echo $color[14]; ?>;
    border: 2px solid <?php echo $color[0]; ?>;
    background-color: <?php echo $color[3]; ?>;
}
.error_thead {
    background-color: <?php echo $color[10]; ?>;
}
.error_thead_caption {
    background-color: <?php echo $color[10]; ?>;
}
.error_row {
    color: <?php echo $color[14]; ?>;
}
.error_val {
    color: <?php echo $color[8]; ?>;
    border: 2px solid <?php echo $color[0]; ?>;

}
.error_key {
    border: 2px solid <?php echo $color[0]; ?>;
    color: <?php echo $color[14]; ?>;
    background-color: <?php echo $color[0]; ?>;
}

table.table_empty, table.table_blank    {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
}

table.table1    {
    border: 1px solid <?php echo $color[0]; ?>;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

table.table1    td  {
    padding-left: 2px;
    padding-right: 2px;
}

table.table2    {
    border: 1px solid <?php echo $color[9]; ?>;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

table.table2    td  {
    padding-left: 2px;
    padding-right: 2px;
}

td.emptyList    {
    text-align: center;
    font-weight: bold;
}

td.header1  {
    background: <?php echo $color[0]; ?>;
    text-align: center;
    font-weight: bold;
}

td.header2  {
    background: <?php echo $color[9]; ?>;
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.header3  {
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

td.header4  {
    background: <?php echo $color[5]; ?>;
    font-weight: bold;
    padding-top:2px;
    padding-bottom: 2px;
    text-align: center;
}

tr.even {
    background: <?php echo $color[12]; ?>;
}
tr.odd  {
    background: <?php echo $color[4]; ?>;
}

.table_standard {
    border:1px solid <?php echo $color[0]; ?>;
}

.sqm_loginOrgName, .sqm_signoutBar {
    background: <?php echo $color[0]; ?>;
}

.sqm_signout {
    margin-top: 2em;
    text-align: center;
}

.sqm_motd {
    background: <?php echo $color[9]; ?>;
}
.sqm_motd td {
    background: <?php echo $color[4]; ?>;
}

/* empty_folder.tpl defs */
.sqm_emptyFolder {
    background: <?php echo $color[9]; ?>;
}
.sqm_emptyFolder td {
    background: <?php echo $color[4]; ?>;
}

/* error_box.tpl definitions */
.table_errorBoxWrapper   {
    background: <?php echo $color[9]; ?>;
}

.table_errorBox  {
    background: <?php echo $color[0]; ?>;
}
.error_message {
    background: <?php echo $color[4]; ?>;
}

/* page_header.tpl definitions */
.sqm_currentFolder	{
    background: <?php echo $color[9]; ?>;
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.sqm_headerSignout	{
    background: <?php echo $color[9]; ?>;
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}
.sqm_topNavigation	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.sqm_providerInfo	{
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}

/* message_list.tpl definitions */
.table_messageListWrapper	{
    background: <?php echo $color[9]; ?>;
}

.table_messageList	{
    background: <?php echo $color[5]; ?>;
}

.table_messageList	tr.headerRow	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.table_messageList td.spacer {
    background: <?php echo $color[0]; ?>;
}
.table_messageList	tr.mouse_over	{
    background: <?php echo $color[5]; ?>;
}
.table_messageList	tr.clicked	{
    background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
}
.table_messageList	td.col_check	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.table_messageList	td.col_subject	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.table_messageList	td.col_flags	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.table_messageList	td.col_text	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.deleted	{
    color: <?php echo $color[9]; ?>;
}
.flagged	{
    color: <?php echo $color[2]; ?>;
}
.high_priority	{
    color: <?php echo $color[1]; ?>;
}
.low_priority	{
    color: <?php echo $color[8]; ?>;
}

.links_paginator			{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

.message_list_controls {
    background: <?php echo $color[0]; ?>;
}

.message_control_buttons {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.message_control_delete {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}
.message_control_move {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}

.spacer	{
    background: <?php echo $color[4]; ?>;
}

/* folder_manip.tpl defs */
#folderManip   {
    text-align:center;
}

#folderManip   td  {
    text-align: center;
    padding: 2px;
}

#folderManip   table   {
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0;
    width: 70%;
}

#folderManip   table.wrapper   {
    border: 1px solid <?php echo $color[0]; ?>;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#folderManip   td.folderAction {
    background: <?php echo $color[0]; ?>;
}

#folderManip    div {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

/* addressbook_list.tpl defs */
#addressList    {
    text-align: center;
}

#addressList    input   {
    font-size: 8pt;
}

#addressList    select  {
    font-size: 75%;
}

#addressList    table   {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    border: 1px solid <?php echo $color[9]; ?>;
    margin-top: 8px;
    margin-bottom: 8px;
}

#addressList    td  {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
    padding: 2px;
}

#addressList    td.header1  {
    text-align: center;
    background: <?php echo $color[9]; ?>;
}
#addressList    td.abookSwitch  {
    background: <?php echo $color[0]; ?>;
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}

#addressList    td.abookButtons  {
    background: <?php echo $color[0]; ?>;
}

#addressList    td.abookField   {
    border-left: 1px solid <?php echo $color[9]; ?>;
    border-right: 1px solid <?php echo $color[9]; ?>;
    white-space: nowrap;
    overflow: hidden;
}

#addressList    td.colHeader {
    text-align: center;
    font-weight: bold;
    font-size: 98%;
    background: <?php echo $color[9]; ?>;
    padding-top: 0px;
    padding-bottom: 0px;
}

#addressList    td.abookEmpty   {
    text-align:center;
    font-weight: bold;
}

#addressList    td.abookCompose {
    font-size: 8pt;
    white-space: nowrap;
}

#addrBookSearch {
    text-align: center;
}

#addrBookSearch table   {
    padding: 0;
    border: 0;
    margin-left: auto;
    margin-right: auto;
}

#addrBookSearch   table.wrapper   {
    border: 1px solid <?php echo $color[9]; ?>;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#addrBookSearch td  {
    padding: 2px;
}

#addrBookSearch label   {
    font-weight: bold;
}

#addrBookSearch input   {
    font-size: 75%;
}

#addrBookSearch select  {
    font-size: 75%;
}

#addrBookSearch td.buttons  {
    text-align: center;
}

#addrAddEdit    {
    text-align: center;
}

#addrAddEdit    table   {
    border: 1px solid <?php echo $color[9]; ?>;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 6px;
    width: 95%
}

#addrAddEdit    td.header   {
    background: <?php echo $color[9]; ?>;
    text-align: center;
    font-weight: bold;
}

#addrAddEdit    td.fieldName   {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    width: 30%;
}

#addrAddEdit    td.addButton   {
    text-align: center;
}

#addrAddEdit    td  {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
    padding: 2px;
}

#addrAddEdit    input   {
    font-size: 75%;
}

#addrAddEdit    select  {
    font-size: 75%;
}

#optionGroups   {
    text-align: center;
}

#optionGroups   table   {
    border: 1px solid <?php echo $color[0]; ?>;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 95%;
}

#optionGroups   td  {
    width: 50%;
    padding: 2px;
    vertical-align: top;
}

#optionGroups   td.title    {
    background: <?php echo $color[0]; ?>;
    text-align: center;
    font-weight: bold;
}

#optionGroups   td.optionElement    {
    height: 100%;
    padding: 10px; 
}

#optionGroups   td.optionElement    table   {
    border:1px solid <?php echo $color[9]; ?>;
    height: 100%;
}


#optionGroups   td.optionName   {
    background: <?php echo $color[9]; ?>;
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
    height: 1%;
}

#optionGroups   td.optionDesc   {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
    background: <?php echo $color[0]; ?>;
}

#optionDisplay  {
    text-align:center;
}

#optionDisplay  table   {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 95%;
    border: 1px solid <?php echo $color[0]; ?>
}

#optionDisplay  td  {
    width: 50%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
}

#optionDisplay  td.optionName   {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}

#optionDisplay  td.optionValue  {
    text-align:<?php echo SQM_ALIGN_LEFT; ?>;
}

#optionOrder  {
    text-align:center;
}

#optionOrder    table   {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 95%;
    border: 1px solid <?php echo $color[0]; ?>
}

#optionOrder    table.moveFields    {
    width: auto;
}

#optionOrder    table.moveFields    td  {
    border-left: 1px solid <?php echo $color[0]; ?>;
    border-right: 1px solid <?php echo $color[0]; ?>;
    padding-left: 2px;
    padding-right: 2px;
}

#optionOrder    td.moveLink  {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    font-size: 75%;
    vertical-align: bottom;
}

#optionOrder    td.fieldName    {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

#optionHightlightList   {
    text-align: center;
}

#optionHighlightList    table   table   {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 75%;
}

#optionHighlightList    td.ruleButtons  {
    text-align: center;
    width: 1%;
}

#optionHighlightList    td.ruleName {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
    width: 30%;
    padding-left: 4px;
    padding-right: 4px;
}

#optionHighlightAdd {
    text-align: center;
}

#optionHighlightAdd    table   table   {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 75%;
}

#optionHighlightAdd td.ruleField    {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    font-weight: bold;
    width: 40%;
}

#optionHighlightAdd td.fieldValue   {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

#optionHighlightAdd td.colorTable  {
    text-align: center;
}

#optionHighlightAdd table.colorTable    {
    margin-left: auto;
    margin-right: auto;
}

/* help defs */
#help   {
    text-align: center;
}

#help   td.help  {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

#help   li  {
    padding-left: 0px;
}

#help   ul  {
    padding-left: 20px;
    padding-right: 75px;
}

#help   td.nav  {
    text-align: center;
    color: <?php echo $color[0]; ?>;
    padding-top: 15px;
    padding-bottom: 5px;
}

#help   h1  {
    font-size: 14pt;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 0px;
}

#help   h2  {
    font-size: 10pt;
    font-weight: normal;
    margin-bottom: 2px;
    margin-top: 0;
}

#help   h3  {
    font-weight: bold;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

#help   td.help p   {
    margin-top: 2px;
    margin-bottom: 10px;
}

#help   td.help  li   {
    margin-left: 10px;
}

#optionsIdentity    table   {
    margin-top: 10px;
    margin-bottom: 10px;
}

#optionsIdentity    table.table2 tr  {
    background: <?php echo $color[0]; ?>;
}

#optionsIdentity    td.fieldName    {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    width: 30%;
}

#optionsIdentity    td.fieldValue   {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

#optionsIdentity    td.actionButtons  {
    text-align: center;
}

#optionsIdentity hr  {
    width: 95%;
    border: 1px solid <?php echo $color[9]; ?>;
}

#vCard  {
    text-align: center;
}

#vCard  table   {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#vCard  td.fieldName   {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    font-weight: bold;
    vertical-align: top;
}

#vCard  td.fieldValue   {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

div.search table   {
    margin-top: 12px;
    margin-bottom: 12px;
}

div.search td.header4  {
    border-bottom: 1px solid <?php echo $color[9]; ?>;
    vertical-align: bottom;
}

div.search td.queryAction {
    text-align: center;
    font-size: small;
    width: 1%;
    padding-left: 8px;
    padding-right: 8px;
    border-left: 1px solid <?php echo $color[9]; ?>;
    border-top: 1px solid <?php echo $color[9]; ?>;
    border-bottom: 1px solid <?php echo $color[9]; ?>;
}

div.search td.queryDesc  {
    border-top: 1px solid <?php echo $color[9]; ?>;
    border-bottom: 1px solid <?php echo $color[9]; ?>;
}

div.search span {
    padding-left: 2px;
    padding-right: 2px;
}

div.search span.operator {
    font-weight: normal;
    text-decoration: underline;
    font-style: italic;
}

div.search span.mailbox {
    font-weight: bold
}

div.search span.conditions {
    font-weight: normal;
    text-decoration: underline;
    font-style: italic;
}

div.search span.value {
    font-weight: bold;
}

div.search span.error  {
    color: <?php echo $color[2]; ?>;
    font-weight: bold;
    font-size: 125%;
}

div.search td.searchForm  {
    border-right: 1px solid <?php echo $color[0]; ?>;
    border-left: 1px solid <?php echo $color[0]; ?>;
    font-weight: bold;
    text-align: center;
}

div.search td.queryError {
    color: <?php echo $color[2]; ?>;
    font-weight: bold;
    text-align: center;
    padding: 4px;
}

div.search td.header1 input {
    font-size: 80%;
    margin: 2px;
}

div.search h1 {
    font-weight: bold;
    font-size: 150%;
    margin-top: 6px;
    margin-bottom: 2px;
}

div.search h2 {
    color: <?php echo $color[2]; ?>;
    font-weight: bold;
    text-align: center;
}

div.compose    {
    text-align: center;
}

div.compose table {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

div.compose td.fieldName {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    font-weight: bold;
    width: 30%;
    vertical-align: top;
}

div.compose td.fieldValue {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

div.compose td.buttons {
    text-align: center;
}

div.compose input {
    font-size: 80%;
}

div.compose textarea {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.compose td.bottomSend {
    text-align: center;
}

div.compose tr.header {
    background: <?php echo $color[9]; ?>;
}

div.compose tr.header td {
    padding-top: 4px;
    padding-bottom: 4px;
}

div.compose tr.attachment td {
    background: <?php echo $color[0]; ?>;
    border-top: 1px solid <?php echo $color[9]; ?>;
    border-bottom: 1px solid <?php echo $color[9]; ?>;
}

div.compose table.close {
    width: 100%;
    background: <?php echo $color[0]; ?>;
    border:1px solid <?php echo $color[9]; ?>;
    text-align: center;
    margin: 0;
}

div.readMenuBar table.table2 {
    width: 100%;
}
Commit	Line	Data
02b2c3f1	1	<?php
	2	/**
	3	* SquirrelMail CSS template
	4	*
e3812cb2	5	* Template is used by style.php script to generate css file used by
02b2c3f1	6	* SquirrelMail scripts.
e3812cb2	7	*
02b2c3f1	8	* Available constants
	9	*
	10	* Color codes used by selected theme:
	11	* <ul>
	12	* <li>SQM_BACKGROUND - background color
	13	* <li>SQM_BACKGROUND_LEFT - background of folder tree
	14	* <li>SQM_TEXT_STANDARD - text color
	15	* <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
bd26fc82	16	* <li>SQM_LINK - color of links
	17	* <li>SQM_LINK_LEFT - color of links in folder tree
	18	* <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
02b2c3f1	19	* <li>todo: other constants should be documented here
	20	* </ul>
	21	*
	22	* Optional template variables
	23	* <ul>
	24	* <li>fontfamily - string with list of fonts used by selected style.
	25	* <li>fontsize - integer with selected font size value.
	26	* </ul>
	27	* Variables are set to empty string, when value is not set.
	28	*
47ccfad4	29	* @copyright © 2005-2006 The SquirrelMail Project Team
02b2c3f1	30	* @license http://opensource.org/licenses/gpl-license.php GNU Public License
	31	* @version $Id$
	32	* @package squirrelmail
	33	* @subpackage templates
	34	*/
	35
	36	/* retrieve the template vars */
	37	extract($t);
116e1263	38	//return false;
02b2c3f1	39	?>
ca23755b	40	/* older css template */
02b2c3f1	41	body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
ca23755b	42	<?php
e3812cb2	43	if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
ca23755b	44	?>
02b2c3f1	45	}
02b2c3f1	46	body, small {
ca23755b	47	<?php
e3812cb2	48	if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
ca23755b	49	?>
	50	}
	51	td, th {
	52	<?php
e3812cb2	53	if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
ca23755b	54	?>
	55	}
	56	textarea, pre {
e3812cb2	57	font-family: monospace;
ca23755b	58	<?php
e3812cb2	59	if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
ca23755b	60	?>
02b2c3f1	61	}
02b2c3f1	62
ca23755b	63	/* page body formatting */
02b2c3f1	64	body {
	65	color: <?php echo SQM_TEXT_STANDARD; ?>;
	66	background-color: <?php echo SQM_BACKGROUND; ?>;
	67	}
29997535	68	body.sqm_leftMain {
02b2c3f1	69	color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
02b2c3f1	70	background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
96f180f6	71	text-align: left;
02b2c3f1	72	}
02b2c3f1	73
bd26fc82	74	/* right links */
bd26fc82	75	a:link, a:visited, a:hover, a:active {
02b2c3f1	76	color: <?php echo SQM_LINK; ?>;
02b2c3f1	77	}
ca23755b	78
02b2c3f1	79	/* left links */
29997535	80	.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
02b2c3f1	81	color: <?php echo SQM_LINK_LEFT; ?>;
02b2c3f1	82	}
e32c931f	83
29997535	84	.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
bd26fc82	85	color: <?php echo SQM_TEXT_SPECIAL; ?>;
bd26fc82	86	}
e32c931f	87
bd26fc82	88	.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
	89	color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
	90	}
02b2c3f1	91
ca23755b	92	/* highlighted texts */
	93	.highlight {
	94	color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
02b2c3f1	95	}
02b2c3f1	96
02b2c3f1	97	.error_table {
	98	color: <?php echo $color[14]; ?>;
	99	border: 2px solid <?php echo $color[0]; ?>;
	100	background-color: <?php echo $color[3]; ?>;
02b2c3f1	101	}
	102	.error_thead {
	103	background-color: <?php echo $color[10]; ?>;
	104	}
	105	.error_thead_caption {
	106	background-color: <?php echo $color[10]; ?>;
	107	}
	108	.error_row {
	109	color: <?php echo $color[14]; ?>;
	110	}
	111	.error_val {
	112	color: <?php echo $color[8]; ?>;
02b2c3f1	113	border: 2px solid <?php echo $color[0]; ?>;
	114
	115	}
	116	.error_key {
02b2c3f1	117	border: 2px solid <?php echo $color[0]; ?>;
02b2c3f1	118	color: <?php echo $color[14]; ?>;
02b2c3f1	119	background-color: <?php echo $color[0]; ?>;
	120	}
	121
64033e1c	122	table.table_empty, table.table_blank {
	123	margin: 0;
	124	padding: 0;
	125	border: 0;
	126	width: 100%;
	127	}
e3812cb2	128
85c8aff6	129	table.table1 {
	130	border: 1px solid <?php echo $color[0]; ?>;
	131	width: 90%;
	132	margin-left: auto;
	133	margin-right: auto;
	134	}
	135
	136	table.table1 td {
	137	padding-left: 2px;
	138	padding-right: 2px;
	139	}
	140
26aefb60	141	table.table2 {
	142	border: 1px solid <?php echo $color[9]; ?>;
	143	width: 80%;
	144	margin-left: auto;
	145	margin-right: auto;
	146	}
	147
	148	table.table2 td {
	149	padding-left: 2px;
	150	padding-right: 2px;
	151	}
	152
85c8aff6	153	td.emptyList {
	154	text-align: center;
	155	font-weight: bold;
	156	}
	157
301d1912	158	td.header1 {
	159	background: <?php echo $color[0]; ?>;
	160	text-align: center;
	161	font-weight: bold;
	162	}
	163
301d1912	164	td.header2 {
	165	background: <?php echo $color[9]; ?>;
	166	text-align: center;
	167	font-weight: bold;
26aefb60	168	padding-top: 2px;
26aefb60	169	padding-bottom: 2px;
301d1912	170	}
301d1912	171
95acecda	172	td.header3 {
	173	text-align: center;
	174	font-weight: bold;
	175	padding-top: 4px;
	176	padding-bottom: 4px;
	177	}
	178
146acc11	179	td.header4 {
	180	background: <?php echo $color[5]; ?>;
	181	font-weight: bold;
	182	padding-top:2px;
	183	padding-bottom: 2px;
	184	text-align: center;
	185	}
	186
a71b394e	187	tr.even {
	188	background: <?php echo $color[12]; ?>;
	189	}
	190	tr.odd {
	191	background: <?php echo $color[4]; ?>;
	192	}
	193
e3812cb2	194	.table_standard {
e3812cb2	195	border:1px solid <?php echo $color[0]; ?>;
e3812cb2	196	}
e3812cb2	197
8f8188ae	198	.sqm_loginOrgName, .sqm_signoutBar {
96f180f6	199	background: <?php echo $color[0]; ?>;
c03e9db0	200	}
c03e9db0	201
8f8188ae	202	.sqm_signout {
	203	margin-top: 2em;
	204	text-align: center;
	205	}
	206
c03e9db0	207	.sqm_motd {
c03e9db0	208	background: <?php echo $color[9]; ?>;
c03e9db0	209	}
c03e9db0	210	.sqm_motd td {
c03e9db0	211	background: <?php echo $color[4]; ?>;
c03e9db0	212	}
	213
	214	/* empty_folder.tpl defs */
c03e9db0	215	.sqm_emptyFolder {
c03e9db0	216	background: <?php echo $color[9]; ?>;
c03e9db0	217	}
c03e9db0	218	.sqm_emptyFolder td {
c03e9db0	219	background: <?php echo $color[4]; ?>;
c03e9db0	220	}
c03e9db0	221
3cecf1cd	222	/* error_box.tpl definitions */
3cecf1cd	223	.table_errorBoxWrapper {
3cecf1cd	224	background: <?php echo $color[9]; ?>;
	225	}
	226
	227	.table_errorBox {
2be6e3fc	228	background: <?php echo $color[0]; ?>;
2be6e3fc	229	}
2be6e3fc	230	.error_message {
2be6e3fc	231	background: <?php echo $color[4]; ?>;
3cecf1cd	232	}
3cecf1cd	233
e3812cb2	234	/* page_header.tpl definitions */
	235	.sqm_currentFolder {
	236	background: <?php echo $color[9]; ?>;
e3812cb2	237	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	238	}
	239	.sqm_headerSignout {
	240	background: <?php echo $color[9]; ?>;
e3812cb2	241	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2	242	}
e3812cb2	243	.sqm_topNavigation {
e3812cb2	244	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	245	}
	246	.sqm_providerInfo {
e3812cb2	247	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	248	}
	249
	250	/* message_list.tpl definitions */
	251	.table_messageListWrapper {
e3812cb2	252	background: <?php echo $color[9]; ?>;
	253	}
	254
	255	.table_messageList {
e3812cb2	256	background: <?php echo $color[5]; ?>;
	257	}
	258
e3812cb2	259	.table_messageList tr.headerRow {
e3812cb2	260	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2	261	}
e3812cb2	262	.table_messageList td.spacer {
e3812cb2	263	background: <?php echo $color[0]; ?>;
e3812cb2	264	}
e3812cb2	265	.table_messageList tr.mouse_over {
	266	background: <?php echo $color[5]; ?>;
	267	}
	268	.table_messageList tr.clicked {
	269	background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
	270	}
e3812cb2	271	.table_messageList td.col_check {
	272	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	273	}
	274	.table_messageList td.col_subject {
	275	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	276	}
	277	.table_messageList td.col_flags {
	278	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	279	}
e3812cb2	280	.table_messageList td.col_text {
	281	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	282	}
e3812cb2	283	.deleted {
	284	color: <?php echo $color[9]; ?>;
	285	}
	286	.flagged {
	287	color: <?php echo $color[2]; ?>;
	288	}
	289	.high_priority {
	290	color: <?php echo $color[1]; ?>;
	291	}
	292	.low_priority {
	293	color: <?php echo $color[8]; ?>;
	294	}
	295
e3812cb2	296	.links_paginator {
	297	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	298	}
	299
e3812cb2	300	.message_list_controls {
52a3af10	301	background: <?php echo $color[0]; ?>;
e3812cb2	302	}
e3812cb2	303
e3812cb2	304	.message_control_buttons {
e3812cb2	305	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2	306	}
	307	.message_control_delete {
	308	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2	309	}
	310	.message_control_move {
	311	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2	312	}
	313
	314	.spacer {
e3812cb2	315	background: <?php echo $color[4]; ?>;
e3812cb2	316	}
301d1912	317
	318	/* folder_manip.tpl defs */
	319	#folderManip {
	320	text-align:center;
	321	}
	322
	323	#folderManip td {
	324	text-align: center;
	325	padding: 2px;
	326	}
	327
	328	#folderManip table {
	329	margin-left: auto;
	330	margin-right: auto;
	331	padding-top: 8px;
	332	padding-bottom: 8px;
	333	border: 0;
	334	width: 70%;
	335	}
	336
	337	#folderManip table.wrapper {
	338	border: 1px solid <?php echo $color[0]; ?>;
	339	width: 95%;
	340	margin-left: auto;
	341	margin-right: auto;
	342	padding: 0;
	343	}
	344
	345	#folderManip td.folderAction {
	346	background: <?php echo $color[0]; ?>;
	347	}
	348
	349	#folderManip div {
	350	margin-left: auto;
	351	margin-right: auto;
	352	width: 80%;
a43fe997	353	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
a71b394e	354	}
	355
	356	/* addressbook_list.tpl defs */
	357	#addressList {
	358	text-align: center;
	359	}
	360
	361	#addressList input {
3f92c0c7	362	font-size: 8pt;
a71b394e	363	}
	364
	365	#addressList select {
	366	font-size: 75%;
	367	}
	368
	369	#addressList table {
	370	margin-left: auto;
	371	margin-right: auto;
3f92c0c7	372	width: 95%;
a71b394e	373	border: 1px solid <?php echo $color[9]; ?>;
	374	margin-top: 8px;
	375	margin-bottom: 8px;
	376	}
	377
	378	#addressList td {
a43fe997	379	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
a71b394e	380	padding: 2px;
	381	}
	382
	383	#addressList td.header1 {
	384	text-align: center;
	385	background: <?php echo $color[9]; ?>;
	386	}
	387	#addressList td.abookSwitch {
	388	background: <?php echo $color[0]; ?>;
a43fe997	389	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
a71b394e	390	}
	391
	392	#addressList td.abookButtons {
	393	background: <?php echo $color[0]; ?>;
	394	}
	395
	396	#addressList td.abookField {
	397	border-left: 1px solid <?php echo $color[9]; ?>;
	398	border-right: 1px solid <?php echo $color[9]; ?>;
3f92c0c7	399	white-space: nowrap;
3f92c0c7	400	overflow: hidden;
a71b394e	401	}
	402
	403	#addressList td.colHeader {
	404	text-align: center;
	405	font-weight: bold;
	406	font-size: 98%;
	407	background: <?php echo $color[9]; ?>;
	408	padding-top: 0px;
	409	padding-bottom: 0px;
	410	}
	411
	412	#addressList td.abookEmpty {
	413	text-align:center;
	414	font-weight: bold;
3f92c0c7	415	}
	416
	417	#addressList td.abookCompose {
	418	font-size: 8pt;
	419	white-space: nowrap;
	420	}
	421
	422	#addrBookSearch {
	423	text-align: center;
	424	}
	425
	426	#addrBookSearch table {
	427	padding: 0;
	428	border: 0;
	429	margin-left: auto;
	430	margin-right: auto;
	431	}
	432
	433	#addrBookSearch table.wrapper {
	434	border: 1px solid <?php echo $color[9]; ?>;
	435	width: 95%;
	436	margin-left: auto;
	437	margin-right: auto;
	438	padding: 0;
	439	}
	440
	441	#addrBookSearch td {
	442	padding: 2px;
	443	}
	444
	445	#addrBookSearch label {
	446	font-weight: bold;
	447	}
	448
	449	#addrBookSearch input {
	450	font-size: 75%;
	451	}
	452
	453	#addrBookSearch select {
	454	font-size: 75%;
	455	}
	456
	457	#addrBookSearch td.buttons {
	458	text-align: center;
c1ce39b1	459	}
	460
	461	#addrAddEdit {
	462	text-align: center;
	463	}
	464
	465	#addrAddEdit table {
	466	border: 1px solid <?php echo $color[9]; ?>;
	467	margin-left: auto;
	468	margin-right: auto;
	469	margin-top: 6px;
	470	margin-bottom: 6px;
	471	width: 95%
	472	}
	473
	474	#addrAddEdit td.header {
	475	background: <?php echo $color[9]; ?>;
	476	text-align: center;
	477	font-weight: bold;
	478	}
	479
	480	#addrAddEdit td.fieldName {
a43fe997	481	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
c1ce39b1	482	width: 30%;
	483	}
	484
	485	#addrAddEdit td.addButton {
	486	text-align: center;
	487	}
	488
	489	#addrAddEdit td {
a43fe997	490	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
c1ce39b1	491	padding: 2px;
	492	}
	493
	494	#addrAddEdit input {
	495	font-size: 75%;
	496	}
	497
	498	#addrAddEdit select {
	499	font-size: 75%;
64033e1c	500	}
	501
	502	#optionGroups {
	503	text-align: center;
	504	}
	505
	506	#optionGroups table {
	507	border: 1px solid <?php echo $color[0]; ?>;
	508	margin-left: auto;
	509	margin-right: auto;
	510	padding: 0;
	511	width: 95%;
	512	}
	513
	514	#optionGroups td {
	515	width: 50%;
	516	padding: 2px;
	517	vertical-align: top;
	518	}
	519
	520	#optionGroups td.title {
	521	background: <?php echo $color[0]; ?>;
	522	text-align: center;
	523	font-weight: bold;
	524	}
	525
	526	#optionGroups td.optionElement {
	527	height: 100%;
	528	padding: 10px;
	529	}
	530
	531	#optionGroups td.optionElement table {
	532	border:1px solid <?php echo $color[9]; ?>;
	533	height: 100%;
	534	}
	535
	536
	537	#optionGroups td.optionName {
	538	background: <?php echo $color[9]; ?>;
a43fe997	539	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
64033e1c	540	height: 1%;
	541	}
	542
	543	#optionGroups td.optionDesc {
a43fe997	544	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
64033e1c	545	background: <?php echo $color[0]; ?>;
	546	}
	547
	548	#optionDisplay {
	549	text-align:center;
	550	}
	551
	552	#optionDisplay table {
	553	margin-left: auto;
	554	margin-right: auto;
	555	margin-top: 8px;
	556	margin-bottom: 8px;
	557	width: 95%;
	558	border: 1px solid <?php echo $color[0]; ?>
	559	}
	560
	561	#optionDisplay td {
	562	width: 50%;
	563	padding-top: 2px;
	564	padding-bottom: 2px;
	565	padding-left: 4px;
	566	padding-right: 4px;
	567	white-space: nowrap;
	568	}
	569
	570	#optionDisplay td.optionName {
a43fe997	571	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
64033e1c	572	}
	573
	574	#optionDisplay td.optionValue {
a43fe997	575	text-align:<?php echo SQM_ALIGN_LEFT; ?>;
176dafe1	576	}
176dafe1	577
85c8aff6	578	#optionOrder {
176dafe1	579	text-align:center;
	580	}
	581
85c8aff6	582	#optionOrder table {
176dafe1	583	margin-left: auto;
	584	margin-right: auto;
	585	margin-top: 8px;
	586	margin-bottom: 8px;
	587	width: 95%;
	588	border: 1px solid <?php echo $color[0]; ?>
	589	}
	590
85c8aff6	591	#optionOrder table.moveFields {
176dafe1	592	width: auto;
	593	}
	594
85c8aff6	595	#optionOrder table.moveFields td {
176dafe1	596	border-left: 1px solid <?php echo $color[0]; ?>;
	597	border-right: 1px solid <?php echo $color[0]; ?>;
	598	padding-left: 2px;
	599	padding-right: 2px;
	600	}
	601
85c8aff6	602	#optionOrder td.moveLink {
a43fe997	603	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
176dafe1	604	font-size: 75%;
393a696c	605	vertical-align: bottom;
176dafe1	606	}
176dafe1	607
85c8aff6	608	#optionOrder td.fieldName {
a43fe997	609	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
176dafe1	610	}
85c8aff6	611
	612	#optionHightlightList {
	613	text-align: center;
	614	}
	615
	616	#optionHighlightList table table {
	617	margin-top: 10px;
	618	margin-bottom: 10px;
	619	width: 75%;
	620	}
	621
	622	#optionHighlightList td.ruleButtons {
	623	text-align: center;
	624	width: 1%;
	625	}
	626
	627	#optionHighlightList td.ruleName {
a43fe997	628	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
85c8aff6	629	width: 30%;
	630	padding-left: 4px;
	631	padding-right: 4px;
	632	}
	633
	634	#optionHighlightAdd {
	635	text-align: center;
	636	}
	637
	638	#optionHighlightAdd table table {
	639	margin-top: 10px;
	640	margin-bottom: 10px;
	641	width: 75%;
	642	}
	643
	644	#optionHighlightAdd td.ruleField {
a43fe997	645	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
85c8aff6	646	font-weight: bold;
	647	width: 40%;
	648	}
	649
	650	#optionHighlightAdd td.fieldValue {
a43fe997	651	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
85c8aff6	652	}
	653
	654	#optionHighlightAdd td.colorTable {
	655	text-align: center;
	656	}
	657
	658	#optionHighlightAdd table.colorTable {
	659	margin-left: auto;
	660	margin-right: auto;
	661	}
95acecda	662
	663	/* help defs */
	664	#help {
	665	text-align: center;
	666	}
	667
	668	#help td.help {
	669	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	670	}
	671
	672	#help li {
	673	padding-left: 0px;
	674	}
	675
	676	#help ul {
	677	padding-left: 20px;
	678	padding-right: 75px;
	679	}
	680
	681	#help td.nav {
	682	text-align: center;
	683	color: <?php echo $color[0]; ?>;
	684	padding-top: 15px;
	685	padding-bottom: 5px;
	686	}
	687
	688	#help h1 {
	689	font-size: 14pt;
	690	font-weight: bold;
	691	margin-top: 2px;
	692	margin-bottom: 0px;
	693	}
	694
	695	#help h2 {
	696	font-size: 10pt;
	697	font-weight: normal;
	698	margin-bottom: 2px;
	699	margin-top: 0;
	700	}
	701
	702	#help h3 {
	703	font-weight: bold;
	704	font-size: 10pt;
	705	margin: 0;
	706	padding: 0;
	707	}
	708
	709	#help td.help p {
	710	margin-top: 2px;
	711	margin-bottom: 10px;
	712	}
	713
	714	#help td.help li {
	715	margin-left: 10px;
	716	}
	717
26aefb60	718	#optionsIdentity table {
	719	margin-top: 10px;
	720	margin-bottom: 10px;
	721	}
	722
	723	#optionsIdentity table.table2 tr {
	724	background: <?php echo $color[0]; ?>;
	725	}
	726
	727	#optionsIdentity td.fieldName {
	728	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	729	width: 30%;
	730	}
	731
	732	#optionsIdentity td.fieldValue {
	733	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	734	}
	735
	736	#optionsIdentity td.actionButtons {
	737	text-align: center;
	738	}
	739
	740	#optionsIdentity hr {
	741	width: 95%;
	742	border: 1px solid <?php echo $color[9]; ?>;
	743	}
	744
a88fa973	745	#vCard {
	746	text-align: center;
	747	}
	748
	749	#vCard table {
	750	margin-left: auto;
	751	margin-right: auto;
	752	margin-top: 10px;
	753	margin-bottom: 10px;
	754	}
	755
	756	#vCard td.fieldName {
	757	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	758	font-weight: bold;
	759	vertical-align: top;
	760	}
	761
	762	#vCard td.fieldValue {
	763	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
146acc11	764	}
146acc11	765
762853f4	766	div.search table {
146acc11	767	margin-top: 12px;
	768	margin-bottom: 12px;
	769	}
	770
762853f4	771	div.search td.header4 {
146acc11	772	border-bottom: 1px solid <?php echo $color[9]; ?>;
	773	vertical-align: bottom;
	774	}
	775
762853f4	776	div.search td.queryAction {
146acc11	777	text-align: center;
	778	font-size: small;
	779	width: 1%;
	780	padding-left: 8px;
	781	padding-right: 8px;
	782	border-left: 1px solid <?php echo $color[9]; ?>;
	783	border-top: 1px solid <?php echo $color[9]; ?>;
	784	border-bottom: 1px solid <?php echo $color[9]; ?>;
	785	}
	786
762853f4	787	div.search td.queryDesc {
146acc11	788	border-top: 1px solid <?php echo $color[9]; ?>;
	789	border-bottom: 1px solid <?php echo $color[9]; ?>;
	790	}
	791
762853f4	792	div.search span {
146acc11	793	padding-left: 2px;
	794	padding-right: 2px;
	795	}
	796
762853f4	797	div.search span.operator {
146acc11	798	font-weight: normal;
	799	text-decoration: underline;
	800	font-style: italic;
	801	}
	802
762853f4	803	div.search span.mailbox {
146acc11	804	font-weight: bold
	805	}
	806
762853f4	807	div.search span.conditions {
146acc11	808	font-weight: normal;
	809	text-decoration: underline;
	810	font-style: italic;
	811	}
	812
762853f4	813	div.search span.value {
146acc11	814	font-weight: bold;
	815	}
	816
762853f4	817	div.search span.error {
146acc11	818	color: <?php echo $color[2]; ?>;
	819	font-weight: bold;
	820	font-size: 125%;
	821	}
	822
762853f4	823	div.search td.searchForm {
146acc11	824	border-right: 1px solid <?php echo $color[0]; ?>;
	825	border-left: 1px solid <?php echo $color[0]; ?>;
	826	font-weight: bold;
	827	text-align: center;
	828	}
	829
762853f4	830	div.search td.queryError {
146acc11	831	color: <?php echo $color[2]; ?>;
	832	font-weight: bold;
	833	text-align: center;
	834	padding: 4px;
	835	}
	836
762853f4	837	div.search td.header1 input {
146acc11	838	font-size: 80%;
	839	margin: 2px;
	840	}
	841
762853f4	842	div.search h1 {
146acc11	843	font-weight: bold;
	844	font-size: 150%;
	845	margin-top: 6px;
	846	margin-bottom: 2px;
	847	}
	848
762853f4	849	div.search h2 {
146acc11	850	color: <?php echo $color[2]; ?>;
	851	font-weight: bold;
	852	text-align: center;
	853	}
	854
762853f4	855	div.compose {
	856	text-align: center;
	857	}
	858
	859	div.compose table {
	860	margin-top: 10px;
	861	margin-bottom: 10px;
	862	margin-left: auto;
	863	margin-right: auto;
	864	}
	865
	866	div.compose td.fieldName {
	867	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	868	font-weight: bold;
	869	width: 30%;
	870	vertical-align: top;
	871	}
	872
	873	div.compose td.fieldValue {
	874	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	875	}
	876
	877	div.compose td.buttons {
	878	text-align: center;
	879	}
	880
	881	div.compose input {
	882	font-size: 80%;
	883	}
	884
	885	div.compose textarea {
	886	margin-top: 5px;
	887	margin-bottom: 5px;
	888	}
	889
	890	div.compose td.bottomSend {
	891	text-align: center;
	892	}
	893
	894	div.compose tr.header {
	895	background: <?php echo $color[9]; ?>;
	896	}
	897
	898	div.compose tr.header td {
	899	padding-top: 4px;
	900	padding-bottom: 4px;
	901	}
	902
	903	div.compose tr.attachment td {
	904	background: <?php echo $color[0]; ?>;
	905	border-top: 1px solid <?php echo $color[9]; ?>;
	906	border-bottom: 1px solid <?php echo $color[9]; ?>;
	907	}
	908
	909	div.compose table.close {
	910	width: 100%;
	911	background: <?php echo $color[0]; ?>;
	912	border:1px solid <?php echo $color[9]; ?>;
	913	text-align: center;
	914	margin: 0;
	915	}
	916
	917	div.readMenuBar table.table2 {
	918	width: 100%;
919	}
920
921