[squirrelmail.git] / templates / default / css / default.css

/* page body formatting */
body {
    color:  #000000 /* __COLOR8__ */;
    background-color: #ffffff /* __COLOR4__*/;
    font-family: Arial, Helvetica, sans-serif;
}
body.sqm_leftMain {
    color:  #000000 /* __COLOR6__*/;
    background-color: #a0b8c8 /* __COLOR3__*/;
    text-align: left;
}

img {
    border:0;
}

em {
    font-weight: bold;
    font-style: normal;
}

.quote1 {
    color: #800000 /* __COLOR13__*/;
}

.quote2 {
    color: #ff0000 /* __COLOR14__*/;
}

/* right links */
a:link, a:visited, a:hover, a:active {
    color: #0000cc /* __COLOR7__ */;
}

/* left links */
.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
    color:  #000000 /* __COLOR6__*/;
}

.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
    color:  #770000 /* __COLOR11__ */;
}

.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
    color:  #002266 /* __COLOR15__ */;
}

/* highlighted texts */
.highlight {
    color:  #002266 /* __COLOR15__ */;
}

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

.error_table {
    color: #ff0000 /* __COLOR14__*/;
    border: 2px solid #dcdcdc /* __COLOR0__ */;
    background-color: #a0b8c8 /* __COLOR3__*/;
}
.error_thead {
    background-color: #666666 /* __COLOR10__*/;
}
.error_thead_caption {
    background-color: #666666 /* __COLOR10__*/;
}
.error_row {
    color: #ff0000 /* __COLOR14__*/;
}
.error_val {
    color: #000000 /* __COLOR6__*/;
    border: 2px solid #dcdcdc /* __COLOR0__ */;

}
.error_key {
    border: 2px solid #dcdcdc /* __COLOR0__ */;
    color: #ff0000 /* __COLOR14__*/;
    background-color: #dcdcdc /* __COLOR0__ */;
}

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

table.spacer {
    border: 0;
    height: 5px;
    width:100%;
    background-color: #ffffff /* __COLOR4__ */;
}

table.table1    {
    border: 1px solid #dcdcdc /* __COLOR0__ */;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

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

table.table2    {
    border: 1px solid #ababab /* __COLOR9__ */;
    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: #dcdcdc /* __COLOR0__ */;
    text-align: center;
    font-weight: bold;
}

td.header2  {
    background: #ababab /* __COLOR9__ */;
    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: #ffffcc /* __COLOR5__*/;
    font-weight: bold;
    padding-top:2px;
    padding-bottom: 2px;
    text-align: center;
}

td.header5 {
    background-color: #ababab /* __COLOR9__ */;
    font-weight: bold;
    text-align: left;
}

td.fieldName {
    text-align: right;
    width:25%;
    font-weight: bold;
    vertical-align:top;
}

td.fieldValue {
    text-align: left;
    width:75%;
    font-weight: normal;
}

tr.even {
    background: #ededed /* __COLOR12__*/;
}
tr.odd  {
    background: #ffffff /* __COLOR4__*/;
}

.table_standard {
    border:1px solid #dcdcdc /* __COLOR0__ */;
    width: 100%;
}

.sqm_loginOrgName, .sqm_signoutBar {
    background: #dcdcdc /* __COLOR0__ */;
}

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

.sqm_wrapperTable   {
    border:0;
    padding:0;
    margin-left:0;
    border-spacing:0;
    width:99%
}
sqm_leftMain table {
    border:0;
    padding:0;
    margin:0;
    border-spacing:0;
}
.sqm_folderHeader {
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.sqm_clock {
}
.sqm_lastRefreshTime {
    white-space: nowrap;
}
.sqm_refreshButton {
}

/* note.tpl defs */
.sqm_noteWrapper {
    text-align:center;
    width:100%;
}
.sqm_note {
    margin-left:auto;
    margin-right:auto;
    font-weight:bold;
    text-align:center;
}

/* motd defs */
.sqm_motd {
    background: #ababab /* __COLOR9__ */;
}
.sqm_motd td {
    background: #ffffff /* __COLOR4__*/;
}

/* empty_folder.tpl defs */
div.sqm_emptyFolderWrapper {
    width:100%;
    text-align: center;
}
table.sqm_emptyFolder {
    background: #ababab /* __COLOR9__ */;
    width:95%;
    margin-left:auto;
    margin-right: auto;
}
table.sqm_emptyFolder td {
    background: #ffffff /* __COLOR4__*/;
    text-align: center;
}

/* error_box.tpl definitions */
.table_errorBoxWrapper   {
    background: #ababab /* __COLOR9__ */;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.table_errorBox  {
    background: #dcdcdc /* __COLOR0__ */;
}
.error_message {
    background: #ffffff /* __COLOR4__*/;
}
td.error_header {
    font-weight: bold;
    color: #cc0000 /* __COLOR2__*/;
}

/* page_header.tpl definitions */
.sqm_currentFolder	{
    background: #ababab /* __COLOR9__ */;
    text-align: left;
}
.sqm_headerSignout	{
    background: #ababab /* __COLOR9__ */;
    text-align: right;
}
.sqm_topNavigation	{
    text-align: left;
}
.sqm_providerInfo	{
    text-align: right;
}

/* message_list.tpl definitions */
#message_list {
    width: 100%;
}
.table_messageListWrapper	{
    background: #ababab /* __COLOR9__ */;
    width:100%;
}

.table_messageList	{
    background: #ffffcc /* __COLOR5__*/;
}

.table_messageList	tr.headerRow	{
    text-align: left;
}
.table_messageList td.spacer {
    background: #dcdcdc /* __COLOR0__ */;
}
.table_messageList	tr.mouse_over	{
    background: #ffffcc /* __COLOR5__*/;
}
.table_messageList	tr.clicked	{
    background: #ff9933 /* __COLOR16__*/;
}
.table_messageList	td.col_check	{
    text-align: left;
}
.table_messageList	td.col_subject	{
    text-align: left;
}
.table_messageList	td.col_flags	{
    text-align: left;
}
.table_messageList	td.col_text	{
    text-align: left;
}
td.message_count	{
    text-align: right;
}
.unread {
    font-weight: bold;
}
.deleted	{
    color: #ababab /* __COLOR9__ */;
}
.flagged	{
    color: #cc0000 /* __COLOR2__ */;
}
.high_priority	{
    color: #800000 /* __COLOR13__*/;
}
.low_priority	{
    color: #000000 /* __COLOR4__*/;
}

.links_paginator			{
    text-align: left;
}

.message_list_controls {
    background: #dcdcdc /* __COLOR0__ */;
}

.message_control_buttons {
    text-align: left;
}
.message_control_delete {
    text-align: right;
}
.message_control_move {
    text-align: right;
}

.spacer	{
    background: #ffffff /* __COLOR4__*/;
}

/* 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 #dcdcdc /* __COLOR0__ */;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#folderManip   td.folderAction {
    background: #dcdcdc /* __COLOR0__ */;
}

#folderManip    div {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: left;
}

/* login defs */
#sqm_login  {
    margin-top: 25px;
    text-align: center;
}

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

#sqm_login  td   {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: auto;
    text-align: center;
}

#sqm_login  td.orgName {
    font-weight: bold;
    background: none;
    font-size: 90%;
}

#sqm_login  td.orgLogo {
    width: 155px;
    text-align: center;
    vertical-align: center;
}

#sqm_login  td.orgLogo  img {
    width: 150px;
    padding:0;
}

#sqm_login  td.attr   {
    font-size: 70%;
    padding-top:5px;
    padding-bottom: 10px;
}

#sqm_login  td.fieldName {
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    width: 50%;
}

#sqm_login  td.fieldInput {
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
}

#sqm_login  td.loginSubmit {
    padding-top: 15px;
}

/* 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 #ababab /* __COLOR9__ */;
    margin-top: 8px;
    margin-bottom: 8px;
}

#addressList    td  {
    text-align: left;
    padding: 2px;
}

#addressList    td.header1  {
    text-align: center;
    background: #ababab /* __COLOR9__ */;
}
#addressList    td.abookSwitch  {
    background: #dcdcdc /* __COLOR0__ */;
    text-align: right;
}

#addressList    td.abookButtons  {
    background: #dcdcdc /* __COLOR0__ */;
}

#addressList    td.abookField   {
    border-left: 1px solid #ababab /* __COLOR9__ */;
    border-right: 1px solid #ababab /* __COLOR9__ */;
    white-space: nowrap;
    overflow: hidden;
}

#addressList    td.colHeader {
    text-align: center;
    font-weight: bold;
    font-size: 98%;
    background: #ababab /* __COLOR9__ */;
    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 #ababab /* __COLOR9__ */;
    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 #ababab /* __COLOR9__ */;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 6px;
    width: 95%
}

#addrAddEdit    td.header   {
    background: #ababab /* __COLOR9__ */;
    text-align: center;
    font-weight: bold;
}

#addrAddEdit    td.fieldName   {
    text-align: right;
    width: 30%;
}

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

#addrAddEdit    td  {
    text-align: left;
    padding: 2px;
}

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

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

#optionGroups   {
    text-align: center;
}

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

#help   td.help  {
    text-align: left;
}

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

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

#help   td.nav  {
    text-align: center;
    color: #dcdcdc /* __COLOR0__ */;
    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: #dcdcdc /* __COLOR0__ */;
}

#optionsIdentity    td.fieldName    {
    text-align: right;
    width: 30%;
}

#optionsIdentity    td.fieldValue   {
    text-align: left;
}

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

#optionsIdentity hr  {
    width: 95%;
    border: 1px solid #ababab /* __COLOR9__ */;
}

#vCard  {
    text-align: center;
}

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

#vCard  td.fieldName   {
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}

#vCard  td.fieldValue   {
    text-align: left;
}

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

div.search td.header4  {
    border-bottom: 1px solid #ababab /* __COLOR9__ */;
    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 #ababab /* __COLOR9__ */;
    border-top: 1px solid #ababab /* __COLOR9__ */;
    border-bottom: 1px solid #ababab /* __COLOR9__ */;
}

div.search td.queryDesc  {
    border-top: 1px solid #ababab /* __COLOR9__ */;
    border-bottom: 1px solid #ababab /* __COLOR9__ */;
}

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: #cc0000 /* __COLOR2__ */;
    font-weight: bold;
    font-size: 125%;
}

div.search td.searchForm  {
    border-right: 1px solid #dcdcdc /* __COLOR0__ */;
    border-left: 1px solid #dcdcdc /* __COLOR0__ */;
    font-weight: bold;
    text-align: center;
}

div.search td.queryError {
    color: #cc0000 /* __COLOR2__ */;
    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: #cc0000 /* __COLOR2__ */;
    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: right;
    font-weight: bold;
    width: 30%;
    vertical-align: top;
}

div.compose td.fieldValue {
    text-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: #ababab /* __COLOR9__ */;
}

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

div.compose tr.attachment td {
    background: #dcdcdc /* __COLOR0__ */;
    border-top: 1px solid #ababab /* __COLOR9__ */;
    border-bottom: 1px solid #ababab /* __COLOR9__ */;
}

div.compose table.close {
    width: 100%;
    background: #dcdcdc /* __COLOR0__ */;
    border:1px solid #ababab /* __COLOR9__ */;
    text-align: center;
    margin: 0;
}

div.readMenuBar table {
    padding:0;
    margin:0;
    width: 100%;
    border-left: 1px solid #ababab /* __COLOR9__ */;
    border-right: 1px solid #ababab /* __COLOR9__ */;
}

div.readMenuBar table.top {
    border-top: 1px solid #ababab /* __COLOR9__ */;
}

div.readMenuBar table.bottom {
    border-bottom: 1px solid #ababab /* __COLOR9__ */;
}

div.readMenuBar td {
    padding:2px;
}

div.readMenuBar td.nav {
    padding-top:4px;
    padding-bottom:4px;
}

div.readMenuBar tr.buttons {
    background-color: #dcdcdc /* __COLOR0__ */;
}

div.readMenuBar td.buttons {
    width:1%;
    vertical-align: middle;
    white-space: nowrap;
}

div.readMenuBar input, select {
	padding:0;
	font-size:100%;
}

div.readMenuBar td.move {
    text-align: right;
}

div.readMenuBar form {
    display:inline;
}

div.readHeaders table.table2 {
    width:100%;
    background-color: #dcdcdc /* __COLOR0__ */;
}

div.readHeaders td {
    padding-left:4px;
    padding-right:4px;
}

div.readHeaders table.spacer {
    border: 0;
    height: 5px;
    width:100%;
    background-color: #ffffff /* __COLOR4__ */;
}

div.readBody table {
    width: 100%;
}

div.readBody table.table2 tr {
    background-color: #ffffff /* __COLOR4__ */;
}

div.readBody table.table2 td {
    padding: 10px;
    width:100%;
}

div.readAttachments table {
    width: 100%;
}

div.readAttachments td.attachSize, td.attachDesc {
    font-weight: bold;
}

div.readAttachments td.attachActions {
    text-align: right;
}

div.readInlineImages {
    width:100%;
    text-align: center;
}

div.readInlineImages table {
    width: 50%;
    margin-top:8px;
    margin-bottom:8px;
    margin-left: auto;
    margin-right: auto;
}

div.readInlineImages td.header5 {
    padding-left:2px;
    padding-right:2px;
    width:60%;
    white-space:nowrap;
}

div.readInlineImages td.header5 a {
    font-size:75%;
    font-weight: normal;
}

div.readInlineImages td.image {
    border:1px solid #ababab /* __COLOR9__ */;
    padding:10px;
}
Commit	Line	Data
d53d16e0	1	/* page body formatting */
d53d16e0	2	body {
c0d5a297	3	color: #000000 /* __COLOR8__ */;
c0d5a297	4	background-color: #ffffff /* __COLOR4__*/;
a7f6c9c0	5	font-family: Arial, Helvetica, sans-serif;
d53d16e0	6	}
d53d16e0	7	body.sqm_leftMain {
c0d5a297	8	color: #000000 /* __COLOR6__*/;
c0d5a297	9	background-color: #a0b8c8 /* __COLOR3__*/;
d53d16e0	10	text-align: left;
	11	}
	12
a7f6c9c0	13	img {
	14	border:0;
	15	}
	16
191ed154	17	em {
	18	font-weight: bold;
	19	font-style: normal;
	20	}
	21
c0d5a297	22	.quote1 {
	23	color: #800000 /* __COLOR13__*/;
	24	}
	25
	26	.quote2 {
	27	color: #ff0000 /* __COLOR14__*/;
	28	}
	29
d53d16e0	30	/* right links */
d53d16e0	31	a:link, a:visited, a:hover, a:active {
c0d5a297	32	color: #0000cc /* __COLOR7__ */;
d53d16e0	33	}
	34
	35	/* left links */
	36	.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
c0d5a297	37	color: #000000 /* __COLOR6__*/;
d53d16e0	38	}
a7f6c9c0	39
d53d16e0	40	.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
c0d5a297	41	color: #770000 /* __COLOR11__ */;
d53d16e0	42	}
a7f6c9c0	43
d53d16e0	44	.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
c0d5a297	45	color: #002266 /* __COLOR15__ */;
d53d16e0	46	}
	47
	48	/* highlighted texts */
	49	.highlight {
c0d5a297	50	color: #002266 /* __COLOR15__ */;
d53d16e0	51	}
d53d16e0	52
0b5be35d	53	.thead_caption {
	54	font-weight: bold;
	55	text-align: center;
	56	}
	57
d53d16e0	58	.error_table {
c0d5a297	59	color: #ff0000 /* __COLOR14__*/;
	60	border: 2px solid #dcdcdc /* __COLOR0__ */;
	61	background-color: #a0b8c8 /* __COLOR3__*/;
d53d16e0	62	}
d53d16e0	63	.error_thead {
c0d5a297	64	background-color: #666666 /* __COLOR10__*/;
d53d16e0	65	}
d53d16e0	66	.error_thead_caption {
c0d5a297	67	background-color: #666666 /* __COLOR10__*/;
d53d16e0	68	}
d53d16e0	69	.error_row {
c0d5a297	70	color: #ff0000 /* __COLOR14__*/;
d53d16e0	71	}
d53d16e0	72	.error_val {
c0d5a297	73	color: #000000 /* __COLOR6__*/;
c0d5a297	74	border: 2px solid #dcdcdc /* __COLOR0__ */;
d53d16e0	75
	76	}
	77	.error_key {
c0d5a297	78	border: 2px solid #dcdcdc /* __COLOR0__ */;
	79	color: #ff0000 /* __COLOR14__*/;
	80	background-color: #dcdcdc /* __COLOR0__ */;
d53d16e0	81	}
d53d16e0	82
5ff83abf	83	table.table_empty,table.table_blank {
a7f6c9c0	84	margin: 0;
	85	padding: 0;
	86	border: 0;
	87	width: 100%;
d53d16e0	88	}
a7f6c9c0	89
c0d5a297	90	table.spacer {
	91	border: 0;
	92	height: 5px;
	93	width:100%;
	94	background-color: #ffffff /* __COLOR4__ */;
	95	}
	96
a7f6c9c0	97	table.table1 {
c0d5a297	98	border: 1px solid #dcdcdc /* __COLOR0__ */;
a7f6c9c0	99	width: 90%;
	100	margin-left: auto;
	101	margin-right: auto;
d53d16e0	102	}
a7f6c9c0	103
	104	table.table1 td {
	105	padding-left: 2px;
	106	padding-right: 2px;
d53d16e0	107	}
a7f6c9c0	108
a7f6c9c0	109	table.table2 {
c0d5a297	110	border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	111	width: 80%;
	112	margin-left: auto;
	113	margin-right: auto;
d53d16e0	114	}
a7f6c9c0	115
	116	table.table2 td {
	117	padding-left: 2px;
	118	padding-right: 2px;
d53d16e0	119	}
d53d16e0	120
a7f6c9c0	121	td.emptyList {
	122	text-align: center;
	123	font-weight: bold;
d53d16e0	124	}
d53d16e0	125
a7f6c9c0	126	td.header1 {
c0d5a297	127	background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0	128	text-align: center;
a7f6c9c0	129	font-weight: bold;
d53d16e0	130	}
d53d16e0	131
a7f6c9c0	132	td.header2 {
c0d5a297	133	background: #ababab /* __COLOR9__ */;
a7f6c9c0	134	text-align: center;
	135	font-weight: bold;
	136	padding-top: 2px;
	137	padding-bottom: 2px;
d53d16e0	138	}
d53d16e0	139
a7f6c9c0	140	td.header3 {
	141	text-align: center;
	142	font-weight: bold;
	143	padding-top: 4px;
	144	padding-bottom: 4px;
d53d16e0	145	}
a7f6c9c0	146
a7f6c9c0	147	td.header4 {
c0d5a297	148	background: #ffffcc /* __COLOR5__*/;
a7f6c9c0	149	font-weight: bold;
	150	padding-top:2px;
	151	padding-bottom: 2px;
	152	text-align: center;
d53d16e0	153	}
d53d16e0	154
c0d5a297	155	td.header5 {
	156	background-color: #ababab /* __COLOR9__ */;
	157	font-weight: bold;
	158	text-align: left;
	159	}
	160
	161	td.fieldName {
	162	text-align: right;
	163	width:25%;
	164	font-weight: bold;
	165	vertical-align:top;
	166	}
	167
	168	td.fieldValue {
	169	text-align: left;
	170	width:75%;
	171	font-weight: normal;
	172	}
	173
a7f6c9c0	174	tr.even {
c0d5a297	175	background: #ededed /* __COLOR12__*/;
d53d16e0	176	}
a7f6c9c0	177	tr.odd {
c0d5a297	178	background: #ffffff /* __COLOR4__*/;
d53d16e0	179	}
d53d16e0	180
a7f6c9c0	181	.table_standard {
c0d5a297	182	border:1px solid #dcdcdc /* __COLOR0__ */;
f40969ae	183	width: 100%;
d53d16e0	184	}
a7f6c9c0	185
a7f6c9c0	186	.sqm_loginOrgName, .sqm_signoutBar {
c0d5a297	187	background: #dcdcdc /* __COLOR0__ */;
d53d16e0	188	}
d53d16e0	189
a7f6c9c0	190	.sqm_signout {
	191	margin-top: 2em;
	192	text-align: center;
d53d16e0	193	}
d53d16e0	194
5dc95bcb	195	.sqm_wrapperTable {
	196	border:0;
	197	padding:0;
	198	margin-left:0;
	199	border-spacing:0;
	200	width:99%
	201	}
	202	sqm_leftMain table {
	203	border:0;
	204	padding:0;
	205	margin:0;
	206	border-spacing:0;
	207	}
	208	.sqm_folderHeader {
	209	font-size:18px;
	210	font-weight:bold;
	211	text-align:center;
	212	}
	213	.sqm_clock {
	214	}
	215	.sqm_lastRefreshTime {
	216	white-space: nowrap;
	217	}
	218	.sqm_refreshButton {
	219	}
	220
c0d5a297	221	/* note.tpl defs */
	222	.sqm_noteWrapper {
	223	text-align:center;
	224	width:100%;
	225	}
	226	.sqm_note {
	227	margin-left:auto;
	228	margin-right:auto;
	229	font-weight:bold;
	230	text-align:center;
	231	}
	232
	233	/* motd defs */
d53d16e0	234	.sqm_motd {
c0d5a297	235	background: #ababab /* __COLOR9__ */;
d53d16e0	236	}
d53d16e0	237	.sqm_motd td {
c0d5a297	238	background: #ffffff /* __COLOR4__*/;
d53d16e0	239	}
	240
	241	/* empty_folder.tpl defs */
3a729fa3	242	div.sqm_emptyFolderWrapper {
	243	width:100%;
	244	text-align: center;
	245	}
	246	table.sqm_emptyFolder {
c0d5a297	247	background: #ababab /* __COLOR9__ */;
3a729fa3	248	width:95%;
	249	margin-left:auto;
	250	margin-right: auto;
d53d16e0	251	}
3a729fa3	252	table.sqm_emptyFolder td {
c0d5a297	253	background: #ffffff /* __COLOR4__*/;
3a729fa3	254	text-align: center;
d53d16e0	255	}
	256
	257	/* error_box.tpl definitions */
	258	.table_errorBoxWrapper {
c0d5a297	259	background: #ababab /* __COLOR9__ */;
	260	margin-left: auto;
	261	margin-right: auto;
	262	text-align: center;
d53d16e0	263	}
	264
	265	.table_errorBox {
c0d5a297	266	background: #dcdcdc /* __COLOR0__ */;
d53d16e0	267	}
d53d16e0	268	.error_message {
c0d5a297	269	background: #ffffff /* __COLOR4__*/;
	270	}
	271	td.error_header {
	272	font-weight: bold;
	273	color: #cc0000 /* __COLOR2__*/;
d53d16e0	274	}
d53d16e0	275
d53d16e0	276	/* page_header.tpl definitions */
d53d16e0	277	.sqm_currentFolder {
c0d5a297	278	background: #ababab /* __COLOR9__ */;
d53d16e0	279	text-align: left;
	280	}
	281	.sqm_headerSignout {
c0d5a297	282	background: #ababab /* __COLOR9__ */;
d53d16e0	283	text-align: right;
d53d16e0	284	}
d53d16e0	285	.sqm_topNavigation {
d53d16e0	286	text-align: left;
	287	}
	288	.sqm_providerInfo {
d53d16e0	289	text-align: right;
	290	}
	291
	292	/* message_list.tpl definitions */
f40969ae	293	#message_list {
	294	width: 100%;
	295	}
d53d16e0	296	.table_messageListWrapper {
c0d5a297	297	background: #ababab /* __COLOR9__ */;
f40969ae	298	width:100%;
d53d16e0	299	}
	300
	301	.table_messageList {
c0d5a297	302	background: #ffffcc /* __COLOR5__*/;
d53d16e0	303	}
d53d16e0	304
d53d16e0	305	.table_messageList tr.headerRow {
d53d16e0	306	text-align: left;
d53d16e0	307	}
d53d16e0	308	.table_messageList td.spacer {
c0d5a297	309	background: #dcdcdc /* __COLOR0__ */;
d53d16e0	310	}
d53d16e0	311	.table_messageList tr.mouse_over {
c0d5a297	312	background: #ffffcc /* __COLOR5__*/;
d53d16e0	313	}
d53d16e0	314	.table_messageList tr.clicked {
c0d5a297	315	background: #ff9933 /* __COLOR16__*/;
d53d16e0	316	}
d53d16e0	317	.table_messageList td.col_check {
	318	text-align: left;
	319	}
	320	.table_messageList td.col_subject {
	321	text-align: left;
	322	}
	323	.table_messageList td.col_flags {
	324	text-align: left;
	325	}
d53d16e0	326	.table_messageList td.col_text {
	327	text-align: left;
	328	}
191ed154	329	td.message_count {
	330	text-align: right;
	331	}
	332	.unread {
	333	font-weight: bold;
	334	}
d53d16e0	335	.deleted {
c0d5a297	336	color: #ababab /* __COLOR9__ */;
d53d16e0	337	}
d53d16e0	338	.flagged {
c0d5a297	339	color: #cc0000 /* __COLOR2__ */;
d53d16e0	340	}
d53d16e0	341	.high_priority {
c0d5a297	342	color: #800000 /* __COLOR13__*/;
d53d16e0	343	}
d53d16e0	344	.low_priority {
c0d5a297	345	color: #000000 /* __COLOR4__*/;
d53d16e0	346	}
d53d16e0	347
d53d16e0	348	.links_paginator {
	349	text-align: left;
	350	}
	351
d53d16e0	352	.message_list_controls {
c0d5a297	353	background: #dcdcdc /* __COLOR0__ */;
d53d16e0	354	}
d53d16e0	355
d53d16e0	356	.message_control_buttons {
d53d16e0	357	text-align: left;
d53d16e0	358	}
	359	.message_control_delete {
	360	text-align: right;
d53d16e0	361	}
	362	.message_control_move {
	363	text-align: right;
d53d16e0	364	}
	365
	366	.spacer {
c0d5a297	367	background: #ffffff /* __COLOR4__*/;
d53d16e0	368	}
a7f6c9c0	369
	370	/* folder_manip.tpl defs */
	371	#folderManip {
	372	text-align:center;
	373	}
	374
	375	#folderManip td {
	376	text-align: center;
	377	padding: 2px;
	378	}
	379
	380	#folderManip table {
	381	margin-left: auto;
	382	margin-right: auto;
	383	padding-top: 8px;
	384	padding-bottom: 8px;
	385	border: 0;
	386	width: 70%;
	387	}
	388
	389	#folderManip table.wrapper {
c0d5a297	390	border: 1px solid #dcdcdc /* __COLOR0__ */;
a7f6c9c0	391	width: 95%;
	392	margin-left: auto;
	393	margin-right: auto;
	394	padding: 0;
	395	}
	396
	397	#folderManip td.folderAction {
c0d5a297	398	background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0	399	}
	400
	401	#folderManip div {
	402	margin-left: auto;
	403	margin-right: auto;
	404	width: 80%;
	405	text-align: left;
	406	}
	407
	408	/* login defs */
	409	#sqm_login {
	410	margin-top: 25px;
	411	text-align: center;
	412	}
	413
	414	#sqm_login table {
	415	border: 0;
	416	padding: 0;
	417	margin-left: auto;
	418	margin-right: auto;
	419	width: auto;
	420	}
	421
	422	#sqm_login td {
	423	padding-left: 2px;
	424	padding-right: 2px;
	425	padding-top: 0px;
	426	padding-bottom: 0px;
	427	width: auto;
	428	text-align: center;
	429	}
	430
	431	#sqm_login td.orgName {
	432	font-weight: bold;
	433	background: none;
	434	font-size: 90%;
	435	}
	436
	437	#sqm_login td.orgLogo {
	438	width: 155px;
	439	text-align: center;
	440	vertical-align: center;
	441	}
	442
	443	#sqm_login td.orgLogo img {
	444	width: 150px;
	445	padding:0;
	446	}
	447
	448	#sqm_login td.attr {
	449	font-size: 70%;
	450	padding-top:5px;
	451	padding-bottom: 10px;
	452	}
	453
	454	#sqm_login td.fieldName {
	455	font-size: 10pt;
	456	font-weight: bold;
c0d5a297	457	text-align: right;
a7f6c9c0	458	width: 50%;
	459	}
	460
	461	#sqm_login td.fieldInput {
c0d5a297	462	text-align: left;
a7f6c9c0	463	padding-top: 1px;
	464	padding-bottom: 1px;
	465	}
	466
	467	#sqm_login td.loginSubmit {
	468	padding-top: 15px;
	469	}
	470
	471	/* addressbook_list.tpl defs */
	472	#addressList {
	473	text-align: center;
	474	}
	475
	476	#addressList input {
	477	font-size: 8pt;
	478	}
	479
	480	#addressList select {
	481	font-size: 75%;
	482	}
	483
	484	#addressList table {
	485	margin-left: auto;
	486	margin-right: auto;
	487	width: 95%;
c0d5a297	488	border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	489	margin-top: 8px;
	490	margin-bottom: 8px;
	491	}
	492
	493	#addressList td {
	494	text-align: left;
	495	padding: 2px;
	496	}
	497
	498	#addressList td.header1 {
	499	text-align: center;
c0d5a297	500	background: #ababab /* __COLOR9__ */;
a7f6c9c0	501	}
a7f6c9c0	502	#addressList td.abookSwitch {
c0d5a297	503	background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0	504	text-align: right;
	505	}
	506
	507	#addressList td.abookButtons {
c0d5a297	508	background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0	509	}
	510
	511	#addressList td.abookField {
c0d5a297	512	border-left: 1px solid #ababab /* __COLOR9__ */;
c0d5a297	513	border-right: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	514	white-space: nowrap;
	515	overflow: hidden;
	516	}
	517
	518	#addressList td.colHeader {
	519	text-align: center;
	520	font-weight: bold;
	521	font-size: 98%;
c0d5a297	522	background: #ababab /* __COLOR9__ */;
a7f6c9c0	523	padding-top: 0px;
	524	padding-bottom: 0px;
	525	}
	526
	527	#addressList td.abookEmpty {
	528	text-align:center;
	529	font-weight: bold;
	530	}
	531
	532	#addressList td.abookCompose {
	533	font-size: 8pt;
	534	white-space: nowrap;
	535	}
	536
	537	#addrBookSearch {
	538	text-align: center;
	539	}
	540
	541	#addrBookSearch table {
	542	padding: 0;
	543	border: 0;
	544	margin-left: auto;
	545	margin-right: auto;
	546	}
	547
	548	#addrBookSearch table.wrapper {
c0d5a297	549	border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	550	width: 95%;
	551	margin-left: auto;
	552	margin-right: auto;
	553	padding: 0;
	554	}
	555
	556	#addrBookSearch td {
	557	padding: 2px;
	558	}
	559
	560	#addrBookSearch label {
	561	font-weight: bold;
	562	}
	563
	564	#addrBookSearch input {
	565	font-size: 75%;
	566	}
	567
	568	#addrBookSearch select {
	569	font-size: 75%;
	570	}
	571
	572	#addrBookSearch td.buttons {
	573	text-align: center;
	574	}
	575
	576	#addrAddEdit {
	577	text-align: center;
	578	}
	579
	580	#addrAddEdit table {
c0d5a297	581	border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	582	margin-left: auto;
	583	margin-right: auto;
	584	margin-top: 6px;
	585	margin-bottom: 6px;
	586	width: 95%
	587	}
	588
	589	#addrAddEdit td.header {
c0d5a297	590	background: #ababab /* __COLOR9__ */;
a7f6c9c0	591	text-align: center;
	592	font-weight: bold;
	593	}
	594
	595	#addrAddEdit td.fieldName {
	596	text-align: right;
	597	width: 30%;
	598	}
	599
	600	#addrAddEdit td.addButton {
	601	text-align: center;
	602	}
	603
	604	#addrAddEdit td {
	605	text-align: left;
	606	padding: 2px;
	607	}
	608
	609	#addrAddEdit input {
	610	font-size: 75%;
	611	}
	612
	613	#addrAddEdit select {
	614	font-size: 75%;
	615	}
	616
	617	#optionGroups {
	618	text-align: center;
	619	}
	620
	621	/* help defs */
	622	#help {
	623	text-align: center;
	624	}
	625
	626	#help td.help {
	627	text-align: left;
	628	}
	629
	630	#help li {
	631	padding-left: 0px;
	632	}
	633
	634	#help ul {
	635	padding-left: 20px;
	636	padding-right: 75px;
	637	}
	638
	639	#help td.nav {
	640	text-align: center;
c0d5a297	641	color: #dcdcdc /* __COLOR0__ */;
a7f6c9c0	642	padding-top: 15px;
	643	padding-bottom: 5px;
	644	}
	645
	646	#help h1 {
	647	font-size: 14pt;
	648	font-weight: bold;
	649	margin-top: 2px;
	650	margin-bottom: 0px;
	651	}
	652
	653	#help h2 {
	654	font-size: 10pt;
	655	font-weight: normal;
	656	margin-bottom: 2px;
	657	margin-top: 0;
	658	}
	659
	660	#help h3 {
	661	font-weight: bold;
	662	font-size: 10pt;
	663	margin: 0;
	664	padding: 0;
	665	}
	666
	667	#help td.help p {
	668	margin-top: 2px;
	669	margin-bottom: 10px;
	670	}
	671
	672	#help td.help li {
	673	margin-left: 10px;
	674	}
	675
	676	#optionsIdentity table {
	677	margin-top: 10px;
	678	margin-bottom: 10px;
	679	}
	680
	681	#optionsIdentity table.table2 tr {
c0d5a297	682	background: #dcdcdc /* __COLOR0__ */;
a7f6c9c0	683	}
	684
	685	#optionsIdentity td.fieldName {
	686	text-align: right;
	687	width: 30%;
	688	}
	689
	690	#optionsIdentity td.fieldValue {
	691	text-align: left;
	692	}
	693
	694	#optionsIdentity td.actionButtons {
	695	text-align: center;
	696	}
	697
	698	#optionsIdentity hr {
	699	width: 95%;
c0d5a297	700	border: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	701	}
	702
	703	#vCard {
	704	text-align: center;
	705	}
	706
	707	#vCard table {
	708	margin-left: auto;
	709	margin-right: auto;
	710	margin-top: 10px;
	711	margin-bottom: 10px;
	712	}
	713
	714	#vCard td.fieldName {
	715	text-align: right;
	716	font-weight: bold;
	717	vertical-align: top;
	718	}
	719
	720	#vCard td.fieldValue {
	721	text-align: left;
	722	}
	723
	724	div.search table {
	725	margin-top: 12px;
	726	margin-bottom: 12px;
	727	}
	728
	729	div.search td.header4 {
c0d5a297	730	border-bottom: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	731	vertical-align: bottom;
	732	}
	733
	734	div.search td.queryAction {
	735	text-align: center;
	736	font-size: small;
	737	width: 1%;
	738	padding-left: 8px;
	739	padding-right: 8px;
c0d5a297	740	border-left: 1px solid #ababab /* __COLOR9__ */;
	741	border-top: 1px solid #ababab /* __COLOR9__ */;
	742	border-bottom: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	743	}
	744
	745	div.search td.queryDesc {
c0d5a297	746	border-top: 1px solid #ababab /* __COLOR9__ */;
c0d5a297	747	border-bottom: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	748	}
	749
	750	div.search span {
	751	padding-left: 2px;
	752	padding-right: 2px;
	753	}
	754
	755	div.search span.operator {
	756	font-weight: normal;
	757	text-decoration: underline;
	758	font-style: italic;
	759	}
	760
	761	div.search span.mailbox {
	762	font-weight: bold
	763	}
	764
	765	div.search span.conditions {
	766	font-weight: normal;
	767	text-decoration: underline;
	768	font-style: italic;
	769	}
	770
	771	div.search span.value {
	772	font-weight: bold;
	773	}
	774
	775	div.search span.error {
c0d5a297	776	color: #cc0000 /* __COLOR2__ */;
a7f6c9c0	777	font-weight: bold;
	778	font-size: 125%;
	779	}
	780
	781	div.search td.searchForm {
c0d5a297	782	border-right: 1px solid #dcdcdc /* __COLOR0__ */;
c0d5a297	783	border-left: 1px solid #dcdcdc /* __COLOR0__ */;
a7f6c9c0	784	font-weight: bold;
	785	text-align: center;
	786	}
	787
	788	div.search td.queryError {
c0d5a297	789	color: #cc0000 /* __COLOR2__ */;
a7f6c9c0	790	font-weight: bold;
	791	text-align: center;
	792	padding: 4px;
	793	}
	794
	795	div.search td.header1 input {
	796	font-size: 80%;
	797	margin: 2px;
	798	}
	799
	800	div.search h1 {
	801	font-weight: bold;
	802	font-size: 150%;
	803	margin-top: 6px;
	804	margin-bottom: 2px;
	805	}
	806
	807	div.search h2 {
c0d5a297	808	color: #cc0000 /* __COLOR2__ */;
a7f6c9c0	809	font-weight: bold;
	810	text-align: center;
	811	}
	812
	813	div.compose {
	814	text-align: center;
	815	}
	816
	817	div.compose table {
	818	margin-top: 10px;
	819	margin-bottom: 10px;
	820	margin-left: auto;
	821	margin-right: auto;
	822	}
	823
	824	div.compose td.fieldName {
	825	text-align: right;
	826	font-weight: bold;
	827	width: 30%;
	828	vertical-align: top;
	829	}
	830
	831	div.compose td.fieldValue {
	832	text-align: left;
	833	}
	834
	835	div.compose td.buttons {
	836	text-align: center;
	837	}
	838
	839	div.compose input {
	840	font-size: 80%;
	841	}
	842
	843	div.compose textarea {
	844	margin-top: 5px;
	845	margin-bottom: 5px;
	846	}
	847
	848	div.compose td.bottomSend {
	849	text-align: center;
	850	}
	851
	852	div.compose tr.header {
c0d5a297	853	background: #ababab /* __COLOR9__ */;
a7f6c9c0	854	}
	855
	856	div.compose tr.header td {
	857	padding-top: 4px;
	858	padding-bottom: 4px;
	859	}
	860
	861	div.compose tr.attachment td {
c0d5a297	862	background: #dcdcdc /* __COLOR0__ */;
	863	border-top: 1px solid #ababab /* __COLOR9__ */;
	864	border-bottom: 1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	865	}
	866
	867	div.compose table.close {
	868	width: 100%;
c0d5a297	869	background: #dcdcdc /* __COLOR0__ */;
c0d5a297	870	border:1px solid #ababab /* __COLOR9__ */;
a7f6c9c0	871	text-align: center;
	872	margin: 0;
	873	}
	874
c0d5a297	875	div.readMenuBar table {
	876	padding:0;
	877	margin:0;
	878	width: 100%;
	879	border-left: 1px solid #ababab /* __COLOR9__ */;
	880	border-right: 1px solid #ababab /* __COLOR9__ */;
	881	}
	882
	883	div.readMenuBar table.top {
	884	border-top: 1px solid #ababab /* __COLOR9__ */;
	885	}
	886
	887	div.readMenuBar table.bottom {
	888	border-bottom: 1px solid #ababab /* __COLOR9__ */;
	889	}
	890
	891	div.readMenuBar td {
	892	padding:2px;
	893	}
	894
	895	div.readMenuBar td.nav {
	896	padding-top:4px;
	897	padding-bottom:4px;
	898	}
	899
	900	div.readMenuBar tr.buttons {
	901	background-color: #dcdcdc /* __COLOR0__ */;
	902	}
	903
	904	div.readMenuBar td.buttons {
	905	width:1%;
	906	vertical-align: middle;
	907	white-space: nowrap;
	908	}
	909
	910	div.readMenuBar input, select {
	911	padding:0;
	912	font-size:100%;
	913	}
	914
	915	div.readMenuBar td.move {
	916	text-align: right;
	917	}
	918
	919	div.readMenuBar form {
	920	display:inline;
	921	}
	922
	923	div.readHeaders table.table2 {
	924	width:100%;
	925	background-color: #dcdcdc /* __COLOR0__ */;
	926	}
	927
	928	div.readHeaders td {
	929	padding-left:4px;
	930	padding-right:4px;
	931	}
	932
	933	div.readHeaders table.spacer {
	934	border: 0;
	935	height: 5px;
	936	width:100%;
	937	background-color: #ffffff /* __COLOR4__ */;
	938	}
939
940	div.readBody table {
941	width: 100%;
942	}
943
944	div.readBody table.table2 tr {
945	background-color: #ffffff /* __COLOR4__ */;
946	}
947
948	div.readBody table.table2 td {
949	padding: 10px;
950	width:100%;
951	}
952
953	div.readAttachments table {
a7f6c9c0	954	width: 100%;
a7f6c9c0	955	}
c0d5a297	956
	957	div.readAttachments td.attachSize, td.attachDesc {
	958	font-weight: bold;
	959	}
	960
	961	div.readAttachments td.attachActions {
	962	text-align: right;
	963	}
	964
	965	div.readInlineImages {
	966	width:100%;
	967	text-align: center;
	968	}
	969
	970	div.readInlineImages table {
	971	width: 50%;
	972	margin-top:8px;
	973	margin-bottom:8px;
	974	margin-left: auto;
	975	margin-right: auto;
	976	}
	977
	978	div.readInlineImages td.header5 {
	979	padding-left:2px;
	980	padding-right:2px;
	981	width:60%;
	982	white-space:nowrap;
	983	}
	984
	985	div.readInlineImages td.header5 a {
	986	font-size:75%;
	987	font-weight: normal;
	988	}
	989
	990	div.readInlineImages td.image {
	991	border:1px solid #ababab /* __COLOR9__ */;
	992	padding:10px;
	993	}
	994
	995
	996
	997