/* -----------------------------------------------------------------------

 MagicMail Server CSS (2.1)
 http://magicmail.linuxmagic.com/

 Copyright: 2010 Wizard IT Services, All Rights Reserved
 All style attributes in alpha-numeric order starting from 0

----------------------------------------------------------------------- */

/* Quick Styles */
a {color: #10456B}
a:hover {color: #000}

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

h3 {
	color: #343434;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0;
}
	
.minibutton {
	background: #FFF;
	border: 1px solid #999;
	display: inline-block;
	-moz-border-radius: 3px;
	padding: 1px;
	-webkit-border-radius: 3px;
}

	.minibutton a {
		background: #DEDEDE url(../pics/background-mailboxheader.gif) repeat-x;
		color: #343434;
		cursor: pointer;
		display: block;
		font-size: 11px;
		padding: 1px 6px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}
	
		.minibutton a:hover {background: #FFF url(../pics/background-mailbox.gif) repeat-x top left}
		
/* Layout */

.MagicBody {
	background: #A5AAAD url(../pics/pagebackground.gif) repeat-x;
	margin: 30px 0 0;
	text-align: center;
}

	#MagicWrapper {
		margin: 0 auto;
		text-align: left;
		width: 1000px;
	}

		.MagicOuterTable {
			border: 4px solid #424542;
			border-spacing: 0;
			width: 1000px;
		}
		
			.MagicContentTable {
				background: #FFF url(../pics/background-menu.gif) no-repeat;
				width: 100%;
			}
			
				.MagicEmbeddedTable {
					background: #FFF;
					border: 1px solid #AAA;
				}

					.MagicEmbeddedTable th {
						background: #EFEFEF;
						border-bottom: 1px solid #AAA;
						min-height: 25px;
						padding-left: 10px;
					}
			
	.MagicCompanyFooter td,
	.MagicCopyRight  td {
		font-size: 11px;
		line-height: 135%;
		text-align: center;
	}
		
/* Header */

#MainHeaderTable {
	background: #FFF url(../pics/background.gif) repeat-x;
	border-spacing: 0;
	height: 104px;
	width: 100%;
}

	#MainHeaderTable table {float: right}

		#HeaderLogo {
			height: 77px;
			vertical-align: top;
		}

		#MainHeaderTable td.nopad a.nopad {float: right; margin: -1px 0 0;}
		
			#MainHeaderTable td.nopad a:hover.nopad {
				cursor: pointer;
				filter: alpha(opacity=80);
				opacity: 0.8;
			}

	#MainHeaderSubMenu {
		background: url(../pics/background-sub.gif) no-repeat;
		font-size: 10px;
		height: 25px;
	}

		#MainHeaderSubMenu a {color: #000}
		#MainHeaderSubMenu a:hover {color: #10456B}
		
/* Sidebar */

.MagicMenuCell {
	background: url(../pics/background-menu2.gif) repeat-y;
	vertical-align: top;
	width: 240px;
}

	#loggedinas {
		background: #FFF;
		border: 2px solid #10456B;
		font-size: 11px;
		margin: 4px 4px 12px 20px;
		overflow: hidden;
		padding: 6px;
		text-align: center;
		width: 180px;
	}
	
		#loggedinas strong {color: #10456B}

	#Sidebar {
		background: url(../pics/background-menu2.gif) repeat-y;
		padding: 0 0 0 20px;
		width: 195px;
	}

		.sideerror {
			background: #FFF;
			border: 2px solid #A00;
			color: #840000;
			font-size: 10px;
			font-weight: bold;
			margin: 13px 0;
			padding: 4px 0 !important;
			text-align: center;
			width: 175px;
		}

/* Main Menu */
		
#MagicMenu {width: 175px}

	#Sidebar h4 {
		color: #10456B;
		font-size: 14px;
		font-weight: bold;
		padding: 2px 9px;
		text-transform: none;
	}
	
		#Sidebar h4 em {display: none}

	#MagicMenu ul {
		list-style: none;
		margin-left: 5px;
	}

		#MagicMenu ul li {
			border-bottom: 1px solid #AAA;
			color: #000;
			height: 26px;
			font-size: 12px;
			min-height: 18px;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		
			#MagicMenu ul > li {height: auto}

			#MagicMenu .dash {display: none}

			#MagicMenu ul li a {
				background: url(../pics/icons.gif) no-repeat left center;
				color: #000;
				display: block;
				height: 26px;
				font-size: 12px;
				line-height: 26px;
				padding-left: 25px;
				text-decoration: none;
			}

			#MagicMenu li#MenuHome a {background-position: 0 -1px}
			#MagicMenu li#MenuHome a:hover {background-position: 0 -31px}
			#MagicMenu li#MenuWebmail a {background-position: 0 -61px}
			#MagicMenu li#MenuWebmail a:hover {background-position: 0 -91px}
			#MagicMenu li#MenuSpam a {background-position: 0 -121px}
			#MagicMenu li#MenuSpam a:hover {background-position: 0 -151px}
			#MagicMenu li#MenuVirus a {background-position: 0 -121px}
			#MagicMenu li#MenuVirus a:hover {background-position: 0 -151px}
			#MagicMenu li#MenuEmail a {background-position: 0 -181px}
			#MagicMenu li#MenuEmail a:hover {background-position: 0 -211px}
			#MagicMenu li#MenuHelp a {background-position: 0 -241px}
			#MagicMenu li#MenuHelp a:hover {background-position: 0 -271px}
			#MagicMenu li#MenuLogout a {background-position: 0 -301px}
			#MagicMenu li#MenuLogout a:hover {background-position: 0 -331px}
			#MagicMenu li#MenuDomains a {background-position: 0 -361px}
			#MagicMenu li#MenuDomains a:hover {background-position: 0 -391px}
			#MagicMenu li#MenuMailboxes a {background-position: 0 -421px}
			#MagicMenu li#MenuMailboxes a:hover {background-position: 0 -451px}
			#MagicMenu li#MenuDialup a {background-position: 0 -481px}
			#MagicMenu li#MenuDialup a:hover {background-position: 0 -511px}
			
			#MagicMenu ul li a:hover {background-color: #EEE; color: #10456B}
			
				#MagicMenu ul.Submenu li {
					border-bottom: 0;
					border-top: 1px solid #AAA;
				}

					#MagicMenu ul.Submenu .dash {display: none}
				
					#MagicMenu li#MenuSpam ul li a, #MagicMenu li#MenuSpam ul li a:hover {background: transparent}
				
					#MagicMenu ul.Submenu li a {
						color: #444;
						display: block;
						height: 20px;
						line-height: 20px;
						padding: 0 0 0 23px;
						margin: 0;
						font-size: 11px;
						text-decoration: none;
					}
					
						#MagicMenu ul.Submenu a:hover {color: #10456B}

/* Security Status */
						
#MagicStatus {font-weight: bold}

	#MagicStatus p {
		margin: 8px 0;
		width: 175px;
		text-align: center;
	}
	
		#MagicStatus small {font-size: 11px}

	#MagicStatus #MagicStatus-container {margin: -4px 0 0}

		#MagicStatus #MagicStatus-container a img[alt="enabled"]{background: url(../pics/spamenabled.gif) no-repeat}
		#MagicStatus #MagicStatus-container a img[alt="disabled"]{background: url(../pics/spamdisabled.gif) no-repeat}
		#MagicStatus #MagicStatus-container a img[alt="unavailable"]{background: url(../pics/spamunavailable.gif) no-repeat}

		#MagicStatus #MagicStatus-container a:hover[id="MagicStatus-spam"],
		#MagicStatus #MagicStatus-container a:hover[id="MagicStatus-virus"] {
			filter: alpha(opacity=80);
			opacity: 0.8;
		}

		#MagicStatus #MagicStatus-container a[id="MagicStatus-spam"] > img,
		#MagicStatus #MagicStatus-container a[id="MagicStatus-virus"] > img {
			height: 0;
			padding: 22px 76px 0 0;
			width: 0;
		}

/* Spam Count */

#MagicSpamCount {width: 174px}

	p#HelpMsg {
		background: #999;
		color: #FFF;
		font-size: 0.9em;
		margin: 0px;
		padding: 6px;
		text-align: center;
	}

		p#HelpMsg:hover {cursor: help}
		
		#MagicSpamCount #MailSummary {
			background: #F2F2F2;
			border: 1px solid #444;
			margin: 15px auto 0;
			width: 100%;
		}

			#MailSummary h4 {
				background: #999;
				border-bottom: 1px solid #555;
				border-top: none;
				color: #FFF;
				font-weight: bold;
				margin: 0;
				padding: 3px;
				text-align: center;
				font-size: 10pt;
			}

			#MailSummary p {
				font-size: 12px;
				margin: 5px;
				text-align: center;
			}

				#MailSummary p span {
					display: block;
					margin: .5em 0;
				}
			
			#MailSummary .Tooltip {
				background: #FCFCFC;
				border: 1px solid #DDD;
				filter: alpha(opacity=90);
				font-size: 12px;
				line-height: 18px;
				width: 250px;
				-moz-border-radius: 5%;
				-moz-opacity: 0.90;
				padding: 10px;
				text-align: left;
			}
			
/* Powered By */

#PoweredBy {
	margin: 8px 0;
	text-align: center;
	width: 175px;
}
		
/* Page Content */

.MagicContentCell {vertical-align: top}

	.MagicContentCell p {margin: 8px 0}
    
/* Spam Logs */

.spamlogtable {margin: 0 0 4px}

    .spamlogtable th {
        font-size: 12px;
        font-weight: bold;
        padding: 3px;
        white-space: nowrap;
    }

    .spamlogtable td {
        border-bottom: 1px solid #DDD;
        padding: 2px 4px;
    }

/* Login Page */
#LoginWrapper {
    margin: auto;
    width: 600px;
    padding: 10px;
}

#Promo {
    margin: 40px auto 20px;
}

#LoginInfo {
    float: left;
    width: 400px;
    text-align: left;
    font-size: 14px;
}
#LoginInfo p {
    margin-top: 8px;
}

.LoginBody {
    background: #fff url('../pics/background2.gif') repeat-x 0 0;
}

#Login {
    width: 180px;
    padding: 5px 15px 35px;
    margin-left: 400px;
    -moz-border-radius: 7px;
    border-top: 2px solid #ededed;
    border-left: 2px solid #ededed;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background: #dedede;
    margin-top: 50px;
}

#Login a:hover {
    border:none;
    }

#LoginHeader h3 {
    margin-bottom: 10px;
    color: #10456B;
}

#Login input[type="text"],
#Login input[type="password"] {
    border-top: 2px solid #cdcdcd;
    border-left: 2px solid #cdcdcd;
    border-bottom: 2px solid #ededed;
    border-right: 2px solid #ededed;
    -moz-border-radius: 5px;
    padding: 2px;
}

#Login input[type="text"]:focus,
#Login input[type="password"]:focus {
    background:#ffedde;
}

#Footer {
    width: 100%;
    margin: 20px auto 0;
    padding-top: 10px;
    clear: both;
    border-top: solid 1px #cdcdcd;
}

.SubmitButton {
    margin-top: 10px;
    text-align: right;
}

#webmaillinks {
    margin-left: 50px;
}

#webmaillinks a {
    text-decoration: none;
    font-weight: bold;
}

#webmaillinks td {
    vertical-align: bottom;
    text-align: center;
}

#login-error {
    display: none;
    position:absolute;
    width:148px;
    margin-top:4px;
    font-weight:bold;
}