@import "cityemail.css";
/*
 * COPYRIGHT INFORMATION - DO NOT REMOVE
 * Copyright (c) 2007 LinuxMagic Inc. All Rights Reserved.
 * 
 * user.css : Cityemail theme
 */

body, html {
    margin: 0;
    padding: 0;
}

.MagicBody {
    background: #FFF;
    margin: 0;
}

a {
    color: #18558C;
    font-weight: bold;
    text-decoration: none;
    outline: none;
}

#MagicWrapper {
    border: 0;
    width: auto;
}

.MagicOuterTable {border: 0}

#header {	
	height: 115px;
	width: 100%;
}

#header #topheader {
	background: #ECECEC url('/isp_images/background-topheader.gif') repeat-x;
	height: 91px;
}

#header-logo {
	background: #F1F1F1 url('/isp_images/sidebar-logo.gif') top left;
	width: 237px;
	height: 91px;
	float: left;
}

#header-tagline {
	background: #ECECEC url('/isp_images/sidebar-slogan.gif');
	float: left;
	position: relative;
	left: -237px;
	top: 91px;
	width: 237px;
	height: 22px;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

#header-city {
	background: transparent url('/isp_images/header-city.gif') no-repeat bottom right;
	width: 338px;
	height: 91px;
	margin: 0 0 0 auto;
    float: right;
    position: absolute;
    right: 0;
    clear: right;
}

#header #bottomheader {
	background: #ECECEC url('/isp_images/background-bottomheader.gif');
	height: 22px;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}



/**** 
 ** Links for the top menu
 */
#links ul {
	float: right;
	clear: right;
	margin-right: 10px;
	margin-top: 0.255em;
	font: 11px Verdana, Arial, sans-serif;
}

#links li {
	display: block;
	float: left;
}
#links li a {
    border: 0;
	font-weight: bold;
	padding-left: 12px;
	color: #18558C; 
	text-decoration: none;
}
#links li a:hover {
	color: #333;
}



/* DEPRECATED, USE .MagicOuterTable INSTEAD, July 27th/2003 michael@wizard.ca */
.maintable {
	border-right:  #cccccc 1px solid;
	border-top:    #cccccc 1px solid;
	border-left:   #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-color: #ffffff;
}

/* MAGICOUTERTABLE, Only used to set borders of the containing table.
   MAGICOUTERTABLE, Only used to set borders of the containing table.
   Generally, no need to change this except for colors
   Avoid using cellpadding or cellspacing here, as it can screw layout
*/

.MagicOuterTable {
    width: 100%;
}

.wizHeaderCol {
	background-color: #CCCCCC;
	color: black;
	font-weight: bold;
	padding: 2px;
}

/* If you want a 'Logout' to appear on the menu as well.. */
 
#interface_name {
    font-family: 'Helvetica';
    font-weight: 400;
    color: #0C721C;
    font-style: italic;
    text-decoration: none;
    font-size: 140%;
}
.MagicContentTable {
    clear: both;
    background: transparent;
    border: 0;
    margin-top: -3px;
}
.MagicContentCell {
    padding-top: 10px;
    border-left: 1px solid #D7D7D7;
    padding-left: 20px;
    background-color: transparent !important;
}


/***
 * MAGIC MENU (side menu)
 ***/

.MagicMenuTable {
    border: 0;
    padding: 0;
    margin: 0;
    width: 219px;
}

#Sidebar {background: transparent; padding: 0;}

/***
 * This is the dash in the menu
 * We are hiding it in the cityemail theme
 */
.dash {
    display: none;
}

/***
 ** MagicMenuCell is the *table cell* that contains the whole menu (ul.MagicMenu) and .MagicMenuHeader
 */
td.MagicMenuCell {
    background: #FFF url('/isp_images/background-sidebar.gif') no-repeat;
    border: 0;
    padding: 0px 0px 0px 8px;
    width: 229px;
}

td.MagicMenuCell a:hover {
   color: #18558C;
   text-decoration: none;
   border:0;
}

.MagicMenuCell h4 {
    border: 0px;
    padding-top: 12px;
    padding-left: 10px;
    margin-top: 0px;
    font: 13px Verdana, Arial, sans-serif;
    font-weight: bold;
    text-transform: capitalize;
}

.MagicMenuCell em {
    display: inline;
    color: #a50c0c;
    font-style: normal;
    padding-right: 5px
}

#MagicMenu {margin: 20px 0 0}

#MagicMenu h4,
#MagicStatus h4{
	border: 0px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
	text-transform: none;
}

#MagicStatus h4 {
	margin: 20px 0px;
}

#MagicMenu h4 em,
#MagicStatus h4 em{
	display: inline;
}

#MagicMenu ul {
    list-style: none;
    list-style-position: outside;
    padding: 0 0 0 10px;
    margin: 0;
    margin-top: 12px;
    position: relative;
}

#MagicMenu ul li {
    font: 13px Verdana, Arial, sans-serif ;
    display: block;
    border-bottom: 1px solid #CFCFCF;
    width: 180px;
    min-height: 21px;
    padding: 2px;
    text-indent: 0;
    position: relative;
}

#MagicMenu ul li a {
    text-decoration: none;
    display: block;
    font-weight: normal;
    width: 100%;
    padding: 0px;
    text-indent: 30px;
    color: #111;
}
#MagicMenu ul li a:hover {
    color: #18558C;
}

#MagicMenu ul.Submenu {
    display: block;
}

#MagicMenu ul.Submenu li {
    padding-left: 5px;
    min-height: 12px;
    border-bottom: 0;
} 

#MagicMenuLogout,
#MagicMenuLogout a {
    margin: 0px;
    display: block;
    text-decoration: none;
    font: 13px Verdana, Arial, sans-serif ;
    display: block;
    color: #111;
}

/*** Status box at the bottom of the side menu ***/
#MagicStatus {
   font: 14px Verdana, Arial, sans-serif;
   color: #111;
   padding: 5px 0px;
   font-weight: normal;
}

#MagicStatus small {
    margin-top: 4px;
}

#MagicStatus p {
	padding: 4px 0px;
	text-align: center;
}


/*
.leftmenu {
	border-right:  #DC150E 1px solid;
	border-left:   #DC150E 1px solid;
	border-top:    #DC150E 1px solid;
	border-bottom: #DC150E 1px solid;
	padding-right: 12px;
	padding-left: 12px;
	padding-top:10px;
}
*/
/* DEPRECATED, USE .MagicBody INSTEAD, July 27th/2003, michael@wizard.ca */
.WizBackground {
	background-color: #FFFFFF;
}

/* MAGICBODY, used in the Body Tag of the HTML Only
   You should ONLY ever have to change the background
   Try to avoid Font Tags, as it can cause problems
*/
.MagicBody {
	background-color: #FFFFFF;
}




.MagicCopyRight {
    font-family: Arial, serif;
}
.MagicCopyRight a:link
.MagicCopyRight a:active,
.MagicCopyRight a:visited {
}

#WelcomeBlurb img {
    float: right;
}
#WelcomeBlurb ul {
    list-style-type: square;
    padding-left: 20px;
}
#WelcomeBlurb li {
    padding-bottom: 0.3em;
}


.MagicEmbeddedTable th a {
   text-decoration: none;
   color: #666;
   font-size: 0.6em;
   padding: 2px 7px;
   font-weight: normal;
   border: 1px dotted #666;
   background-color: #FFF;
}
.MagicEmbeddedTable img[src="pics/protected.gif"],
.MagicEmbeddedTable img[src='pics/disabled.gif'] {
    width: 65px;
    height: 23px;
}

#login_msg {
    display: none;
}

#loggedinas {
	display: none;
	color: #222;
	font-size: 11px;
	margin: 8px 8px 18px 0px;
	padding: 2px;
	text-align: center;
}

.MagicCopyRight a:hover {
    border: 0;
}

#MagicSpamCount {
	border: 1px solid #DDD;
	margin-right: 8px;
    width: auto;
}

#MailSummary {
	background: #F7F7F7 !important;
	border: 0px !important;
	margin: 0px !important;
	padding: 0px 0px 4px 0px !important;
	width: auto !important;
}

#MailSummary h4 {
	background: #EEE !important;
	border-bottom: 1px solid #999 !important;
	color: #222 !important;
	font-size: 12px !important;	
}

#MailSummary p {
	border: 0px;
	padding: 0px 4px;
}

#MailSummary p.SummaryItem strong {
	font-size: 12px !important;
}

#MailSummary p.Tooltip {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}

#PoweredBy {
	text-align: center;
}

html .Mailbox {
	width: auto;
	height: auto;
}

#MagicWrapper #MagicFooter a {
    color: #18558C;
}

h2 {
    color:#10456B;
    font-size:16px;
    font-weight:bold;
    margin:0 0 8px;
    text-decoration: none;
}

.MailboxName a {
    color:#000000;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
}

a.MailboxEdit {
    color:#2951A5;
    margin:0 2px 0 1px;
}