/*
	CSS file for SurfBuddies SurfMail
*/
body 
{
	color: #000000;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	background-color: #FFB100;
	background: #FFB100;
	background-image: url(/WebMail/sbthemes/default/bg.gif);
	background-repeat: repeat-y; 
}
.bodyclass 
{
	margin: 0px;
	padding: 0px;
	background-color: #FFB100;
}
TD, TH, INPUT, SELECT, TEXTAREA, BUTTON, .input 
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9pt;
}
INPUT, SELECT, TEXTAREA, BUTTON, .input 
{
	border-width: 1px;
}
TH 
{
	text-align: left;
}
.composeth 
{
	text-align: right;
}
H1 
{
	color: #6A4498;
	font-size: 16pt;
}
H2 
{
	color: #6A4498;
	font-size: 14pt;
	font-weight: bold;
}
H3 
{
	color: #6A4498;
	font-size: 12pt;
	font-weight: bold;
}
SMALL, .small 
{
	font-size: 7pt;
	}
STRONG, .strong 
{
	font-weight: bold;
}
CODE, .code 
{
	font-size: 10pt;
	color: #660000;
	font-family: monospace;
}
A:link 
{
	color: #FF6600;
}
A:visited 
{
	color: #FF9900;
}
A:hover 
{
	color: #FF0000;
}
.menu 
{
	position: absolute;
	left: 0px;
	top: 120px;
	color: #ffffff;
	float: left;
	width: 190px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 5px;
}
.button
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #6A4498 1px solid;
	border-bottom: #6A4498 1px solid;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff !important;
}
.Refreshbutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 25px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/refresh.gif);
	background-repeat: no-repeat; 
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
}
html>body .Refreshbutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
.NewMsgbutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 25px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/ico_new.gif);
	background-repeat: no-repeat; 
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
}
html>body .NewMsgbutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
.Sendbutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 15px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/btn_send.gif);
	background-repeat: no-repeat; 
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
}
html>body .Sendbutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 25px;
	height: 30px;
}
.Speakbutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 15px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/btn_speak.gif);
	background-repeat: no-repeat; 
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
}
.Deletebutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 25px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/btn_delete.gif);
	background-repeat: no-repeat; /*	width: 25px; */
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
}
html>body .Deletebutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
.Replybutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 25px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/btn_reply.gif);
	background-repeat: no-repeat;
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
}
html>body .Replybutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
.ReplyAllbutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 25px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/btn_replyall.gif);
	background-repeat: no-repeat;
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
}
html>body .ReplyAllbutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
.Fwdbutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 25px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/btn_forward.gif);
	background-repeat: no-repeat;
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
}
html>body .Fwdbutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
.Prevbutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 15px;
	padding-right: 5px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/NavPrev.gif);
	background-repeat: no-repeat;
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
	background-position: left center;
}
html>body .Prevbutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
.Nextbutton
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 5px;
	padding-right: 15px;
	color: #ffffff !important;
	background-image: url(/WebMail/sbthemes/default/NavNext.gif);
	background-repeat: no-repeat;
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
	background-position: right center;
}
html>body .Nextbutton
{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
.buttonSelected
{
	background-color: #f35237;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #6A4498 1px solid;
	border-bottom: #6A4498 1px solid;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff !important;
	font-style: italic;
}
.button A:hover
{
	font-weight:bold !important;
}
.button-head 
{
	margin-top: 5px;
	border-right: #000066 1px solid;
	padding-right: 5px;
	border-top: #6699cc 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 3px;
	border-left: #6699cc 1px solid;
	color: #ffffff !important;
	padding-top: 3px;
	border-bottom: #000066 1px solid;
	background-color: #275a8d;
	text-decoration: none;
}
.frame 
{
	font-size: 8pt;
	text-align:center;
}
.menu A, .button A, .frame A 
{
	color: #ffffff !important;
	text-decoration: none;
}
.main 
{
	/* main working area */
	position: absolute;
	left: 200px;
	top: 105px;
	
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.tbl TH, .DataGrid .Header TD, .Header 
{
	background-color: #ff8103 !important;
	padding: 3px;
	font-weight: bold;
}
.tbl TD, .DataGrid .Item TD 
{
	background-color: #fed809;
	padding: 3px;
}
.DataGrid .AlternatingItem TD 
{
	padding: 3px;
	background-color: #e6e6fa;
}
.tbl A:link, .DataGrid A:link 
{
	color: #000099 !important;
}
.tbl A:visited, .DataGrid A:visited 
{
	color: #6A4498 !important;
}
.tbl A:hover, .DataGrid A:hover  
{
	color: #0000ff !important;
}
.inf 
{
	background-color: #FED809;
	color: #6A4498;
	padding: 10px;
	border: solid 2px #6a4498;
}
.inf A 
{
	color: #0000ff !important;
}
.infheader
{
	font-weight: bold;
	font-size: large;
}
.err 
{
	background-color: #FFE5E5;
	color: #660000;
	padding: 10px;
	border: solid 2px #ff0000;
}
.graph-used 
{
	background-color: #357cb9;
	height: 10px;
	border-left: solid 1px #357cb9;
	border-top: solid 1px #357cb9;
	border-bottom: solid 1px #357cb9;
}
.graph-free 
{
	background-color: #eaf2f8;
	height: 10px;
	border-right: solid 1px #357cb9;
	border-top: solid 1px #357cb9;
	border-bottom: solid 1px #357cb9;
}
body
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	background-color: #FFB100;
	background-image: url(/WebMail/sbthemes/default/bg.gif);
	background-repeat: repeat-y; 

}
.sbheader
{
	position: absolute;
	left: 0px;
	top: 0px;
	left: 0pc;
	float: none;
	width: 100%;
	height: 105px;
	z-index: 0;
	margin: 0px;
	padding: 0px;
	background: #FFB100;
	background-position: left top;
	background-image: url(/WebMail/sbthemes/default/Header.jpg);
	background-repeat: no-repeat;
}

.containerclass
{
	margin: 0px;
	padding: 0px;
/*	position: static;
	top: 105px;
	background-color: transparent;
	background-image: url(/WebMail/sbthemes/default/bg.gif);
	background-repeat: repeat-y;
*/
}

.bottom-bottom
{
}

.bottom-main-containerclass
{
}
html>body .bottom-main-containerclass
{
}

.bottom-containerclass
{
}

html>body .bottom-containerclass
{
}
.bottom-containerclass A:link 
{
}
.bottom-containerclass A:visited 
{
}
.bottom-containerclass A:hover 
{
}
.footertext
{
}
.spanstyle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    Z-INDEX: 5;
    VISIBILITY: visible;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    POSITION: absolute;
    TOP: -50px
}
.menulink, .menulink-home, .menulink-inbox, .menulink-sent, .menulink-trash, .menulink-newmsg, .menulink-theme, .menulink-goodies, .menulink-logout, .menulink-buddylist, .menulink-editchild, .menulink-blocked, .menulink-parent
{
	background-color: #FCC01E;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #6A4498 1px solid;
	border-bottom: #6A4498 1px solid;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #cc3300;
}
.linkbutton
{
	background-color: #b0c4de;
	font-size: 8pt;
	text-decoration: none;
	border-left: #6699FF 1px solid;
	border-top: #6699FF 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff !important;
	text-align: center;
}
.menulink A:hover, .linkbutton A:hover
{
	font-weight:bold !important;
}
.menulink A, .menulink A:visited
{
	color: #cc3300 !important;
	text-decoration: none;
}
.menulink-home A:hover, .menulink-inbox A:hover, .menulink-sent A:hover, .menulink-trash A:hover, .menulink-newmsg A:hover, .menulink-theme A:hover, .menulink-goodies A:hover, .menulink-logout A:hover, .menulink-buddylist A:hover, .menulink-editchild A:hover, .menulink-blocked A:hover, .menulink-parent A:hover
{
	font-weight:bold !important;
}
.menulink-home A, .menulink-inbox A, .menulink-sent A, .menulink-trash A, .menulink-newmsg A, .menulink-theme A, .menulink-goodies A, .menulink-logout A, .menulink-buddylist A, .menulink-editchild A, .menulink-blocked A, .menulink-parent A
{
	color: #cc3300 !important;
	text-decoration: none;
}
.menulink-home A:visited, .menulink-inbox A:visited, .menulink-sent A:visited, .menulink-trash A:visited, .menulink-newmsg A:visited, .menulink-theme A:visited, .menulink-goodies A:visited, .menulink-logout A:visited, .menulink-buddylist A:visited, .menulink-editchild A:visited, .menulink-blocked A:visited, .menulink-parent A:visited
{
	color: #cc3300 !important;
	text-decoration: none;
}
.menulabel 
{
	margin-top: 5px;
	border-right: #000066 1px solid;
	padding-right: 5px;
	border-top: #6699cc 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 3px;
	border-left: #6699cc 1px solid;
	color: #ffffff !important;
	padding-top: 3px;
	border-bottom: #6A4498 1px solid;
	background-color: #F35237;
	text-decoration: none;
}
.msgbodyclass
{
	background-color: #ffffff;
	color: #000000 !important;
}

.WelcomeTable
{
	width: 85%;
}
.WelcomeTable TH
{
}
.WelcomeTable TD
{
}
.WelcomeTable A:link
{
}
.WelcomeTable A:visited
{
}
.WelcomeTable A:hover
{
}
.WelcomeTable2
{
	border: 1px;
	padding: 5;
}

.WelcomeTableGraph
{
	margin-top:30px;
}
.WelcomeTableGraph TH
{
	background-color: #ff8103 !important;
	padding: 3px;
	font-weight: bold;
}
.WelcomeTableGraph TD
{
	background-color: #fed809;
	padding: 3px;
}
.WelcomeTableGraph A:link
{
	color: #000099 !important;
}
.WelcomeTableGraph A:visited
{
	color: #6A4498 !important;
}
.WelcomeTableGraph A:hover
{
	color: #0000ff !important;
}

.WelcomeTable2Div
{
}
.WelcomeTable2Div2
{
}