/********************************* GLOBAL *************************************/
body
{
	background: #f0f0f0;
}

body *
{
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/*
#minwidth
{
}
* html #minwidth
{
	border-left: 900px solid blue;
	padding-left: -900px;
}
*/

select, input
{
	font-size: 11px;
}

option
{
}

#page
{
	min-width: 900px;
	width: 900px;
	margin: 10px;
}

#loginpage
{
	min-width: 750px;
	width: 750px;
	margin: 10px;
}

h3, p
{
	margin: 5px auto;
	text-align: center;
}

h3
{
	font-size: 11px;
}


/********************************* HEADER *************************************/

div.bar
{
	padding: 0;
/*	background: url( 'images/bar.gif' ) repeat-x left top;
	background-position: 100% -42px;*/
	border-bottom: 1px solid #24618e;
}

#header
{
	width: 100%;
}

#userinfo
{
	text-align: right;
	vertical-align: bottom;
}

#id
{
	font-size: 16px;
	font-weight: bold;
}

#info_links
{
	font-size: 10px;
}

#info_links a
{
	font-size: 10px;
	color: #24618e;
	text-decoration: none;
}

#info_links a:hover, #info_links a:active
{
	color: #333333;
	text-decoration: underline;
}


/*********************************** TABS *************************************/

#tabs
{
	width: 100%;;
	float: left;
/*	background: #ffffff; */
	font-size: 11px;
	line-height: normal;
	border-bottom: 1px solid #24618e;
}

#tabs ul
{
	margin: 0;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#tabs li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs a
{
	float: left;
	background: url("images/tableftJ.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

#tabs a span
{
	float: left;
	display: block;
	background: url("images/tabrightJ.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #24618e;
	font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span { float:none; }
/* End IE5-Mac hack */

#tabs a:hover span, #tabs a.current span
{
	color: #ffffff;
	background-position: 100% -42px;
}

#tabs a:hover, #tabs a.current
{
	background-position: 0% -42px;
}



/*********************************** MAIN *************************************/

#main_window
{
	padding: 10px;
	vertical-align: top;
}

#filler
{
	width: 15px;
}

#sidebar_title
{
	width: 23%;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	padding: 3px;
	background: url( 'images/bar.gif' ) repeat-x left top;
	background-position: 100% -42px;
	border-top: 1px solid #bdcfdd;
	border-left: 1px solid #bdcfdd;
	border-right: 1px solid #14364f;
}

#sidemenu
{
	height: 300px;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #14364f;
	border-left: 1px solid #bdcfdd;
	border-right: 1px solid #14364f;
	background: #ffffff;
	vertical-align: top;
}

#sidemenu ul
{
	font-size: 11px;
	font-weight: normal;
	list-style-image: url( "images/blue_dot.gif" );
	padding-left: 5px;
	margin-left: 15px;
	margin-top: 0px;
}

#sidemenu li
{
	margin-top: 5px;
}

#sidemenu a
{
	color: #24618e;
	text-decoration: none;
}

#sidemenu a:hover, #sidemenu a:active
{
	color: #333333;
}

#sidemenu a.current, #sidemenu a.current:hover, #sidemenu a.current:active
{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#maintabs
{
	font-size: 11px;
	line-height: normal;
}

#maintabs ul
{
	margin: 0;
	padding: 0px 10px 0px 10px;
	list-style: none;
}

#maintabs li
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#maintabs a
{
	float: left;
	background: url("images/tableftJ.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

#maintabs a span
{
	float: left;
	display: block;
	background: url("images/tabrightJ.gif") no-repeat right top;
	padding: 5px 15px 5px 6px;
	color: #24618e;
	font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#maintabs a span { float: none; }
/* End IE5-Mac hack */

#maintabs a:hover span, #maintabs a.current span
{
	color: #ffffff;
	background-position: 100% -42px;
}

#maintabs a:hover, #maintabs a.current
{
	background-position: 0% -42px;
}

#buttonbar
{
	padding: 5px;
	background: #dddddd url( 'images/grey_bar.gif' ) repeat-x left top;
	border-top: 1px solid #bdcfdd;
	border-right: 1px solid #14364f;
	border-bottom: 1px solid #14364f;
	border-left: 1px solid #bdcfdd;
}

#buttonbar a
{
	float: left;
	display: block;
	color: #333333;
	font-size: 11px;
	text-decoration: none;
	height: 26px;
}

#buttonbar a:hover, #buttonbar div.over a
{
	background: url( 'images/button_right.gif' ) no-repeat right top;
}

#buttonbar div
{
	float: left;
	padding-left: 3px;
	margin-right: 3px;
	height: 26px;
}

#buttonbar div.over
{
	background: url( 'images/button_left.gif' ) no-repeat left top;
}

#buttonbar span
{
	display: block;
	padding: 7px 6px 4px 20px;
	background: url( 'images/button_icons.gif' ) no-repeat left;
}

a img
{
	border: none;
	text-decoration: none;
}

#main
{
	vertical-align: top;
	color: #333333;
}

#content
{
	/*width: 100%;*/
	text-align: center;
	margin: 0;
}

div#mycontent
{
	overflow: auto;
	height: 300px;
	background: #f0f0f0;
}

div.logincontent
{
/*	min-height: 300px; */
	margin: 0 auto;
	border-left: 1px solid #bdcfdd;
	border-right: 1px solid #14364f;
	border-bottom: 1px solid #14364f;
	background: white;
}

div.content
{
	height: 300px;
	overflow: hidden;
	margin: 0 auto;
	border-left: 1px solid #bdcfdd;
	border-right: 1px solid #14364f;
	border-bottom: 1px solid #14364f;
	background: white;
}

#content thead tr
{
	position: relative;
	height: auto;
	white-space: nowrap;
}

#content tbody
{
	overflow: auto;
	overflow-x: hidden;
	height: auto;
	background: #ffffff;
}

#content tbody tr
{
	height: auto;
	white-space: nowrap;
}

#content th
{
	font-size: 11px;
	color: #24618e;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	background: #dddddd url( 'images/grey_bar.gif' ) repeat-x;
	padding: 3px;
}

#content th.noborder
{
	border-right: none;
}

#content tbody td
{
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	border-bottom: 1px solid #24618e;
}

#content tr.message td
{
	border: none;
}

#content .msgtype
{
	padding: 0px;
	margin: 0px;
}

#content .msgtype td
{
	text-align: center;
	padding: 0px;
	border: none;
}

#content tr.greeting
{
	background: #ffffff;
	color: #000000;
}

#content tr.message
{
	background: #ffffff;
	color: #666666;
}

#content tr.messageover
{
	background: #24618e;
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
}

#content tr.messageover td
{
	border: none;
	background: #24618e;
}

#content tr.greetingover
{
	background: #24618e;
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
}

#content tr.greetingover td
{
	background: #24618e;
}

#content td.unreadmessage
{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

#content .filler
{
	border: none;
	background: #f0f0f0;
}

#content td:last-child { padding-right: 20px; }
#content th:last-child { padding-right: 20px; border-right: none; }
#content .msgtype td:last-child { padding: 0px; }

#content #daysofweek td
{
	padding: 0px;
	margin: 0px;
	border:none;
}

hr
{
	margin-top: auto;
	margin-bottom: auto;
}

div.form
{
	font-size: 11px;
	padding: 30px 20px 20px 20px;
	overflow: auto;
	height: 250px;
}

div.formheader
{
	display: block;
	font-weight: bold;
	color: black;
	text-align: left;
	border: none;
}

div.form ul
{
	list-style: none;
	color: #666666;
}


/******************************** MAGIC BOX ***********************************/
#overlay
{
	background: url( 'images/transparent.gif' ) repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 800px;
}

#container
{
	position: absolute;
	top: 40px;
	left: 0;
	width: 850px;
	z-index: 150;
	margin: auto;
	text-align: center;
}

#container .box
{
	border: 1px solid #24618e;
	width: 45%;
	margin: auto;
	padding: 0;
	background: #ffffff;
}

.box .title
{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	padding: 5px;
	background: url( 'images/bar.gif' ) repeat-x left top;
	background-position: 100% -42px;
	border: none;
}

.box table
{
	margin: 0 10px;
}

.box h3
{
	padding: 5px;
}

a
{
	color: #24618e;
}


/************************** stolen from other styles **************************/
img.closehelp, span.closehelp
{
	padding: 0px;
	margin: 0px;
	border: none;
}

img.help, span.closehelp
{
	padding: 0px;
	margin: 1px;
	border: none;
	position: relative;
	vertical-align: middle;
}

div.fathelp
{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	text-align: left;
	white-space: normal;
	width: 260px;
	border: 1px solid #000000;
	position: absolute;
	visibility: hidden;
	z-index: 200;
	background: #f0f0ff;
	color: #666666;
}

.help *, .fathelp *
{
	font-size: 10px;
}

div.help
{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	text-align: left;
	white-space: normal;
	width: 200px;
	border: 1px solid #000000;
	position: absolute;
	visibility: hidden;
	z-index: 200;
	background: #f0f0ff;
	color: #666666;
}

div.errhelp
{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	text-align: left;
	white-space: normal;
	width: 200px;
	border: 1px solid #000000;
	position: absolute;
	visibility: hidden;
	z-index: 200;
	background: #ffffff;
	color: red;
}

div.help_inner
{
	font-size: 10px;
	padding: 10px;
}


td.save
{
	text-align: center;
}

table.form
{
/*	width: 100%; */
	background: #ffffff;
}

div.formlabeldiv
{
	white-space: nowrap;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	color: #666666;
}

.lformlabel
{
	white-space: nowrap;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 50%;
	vertical-align: middle;
	color: #666666;
}

.formlabel
{
	white-space: nowrap;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 50%;
	vertical-align: middle;
	color: #666666;
}

.formdevice
{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	width: 50%;
}

.formdevice *, .formlabel *
{
	font-size: 11px;
	font-weight: normal;
}

.small-center
{
	font-size: 11px;
	text-align: center;
}

div.header
{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-align: left;
	border-bottom: 1px solid #666666;
}

input.button
{
	color: #093d64;
}

a.calendar
{
	text-decoration: none;
}

.error
{
	color: red;
}

#errmsg
{
	text-align: center;
}

#error
{
	margin: 5px auto;
	color: red;
	font-size: 11px;
	width: 80%;
	border-top: 1px solid #bdcfdd;
	border-right: 1px solid #14364f;
	border-bottom: 1px solid #14364f;
	border-left: 1px solid #bdcfdd;
	background: white;
}

#info
{
	margin: 0 auto;
	color: blue;
	font-size: 11px;
	width: 80%;
	border-top: 1px solid #bdcfdd;
	border-right: 1px solid #14364f;
	border-bottom: 1px solid #14364f;
	border-left: 1px solid #bdcfdd;
	background: white;
}

#frommsg
{
	font-size: 11px;
	padding: 0 3px;
}

#fromaddr
{
	font-weight: bold;
}

#infobox
{
	position: absolute;
	margin: 0;
	background: url( 'images/infobox.gif' ) repeat-x;
	z-index: 195;
	border-top: 1px solid #bdcfdd;
	border-bottom: 1px solid #14364f;
	height: 25px;
	vertical-align: middle;
}

#infobox span
{
	display: block;
	padding-top: 3px;
	color: #24618e;
	font-size: 11px;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: auto;
	text-align: center;
}

#arrows div
{
	padding-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 26px;
}

#arrows div.over
{
	background: url( 'images/button_left.gif' ) no-repeat left top;
}

#arrows a
{
	float: left;
	display: block;
	height: 26px;
	text-decoration: none;
}

#arrows a:hover, #arrows div.over a
{
	background: url( 'images/button_right.gif' ) no-repeat right top;
}

#arrows span
{
	display: block;
	padding: 4px 7px 4px 23px;
}

#addafebox div, #addcontactbox div, #importlistbox div
{
	font-size: 11px;
	padding: 5px;
}

h3.info
{
	font-size: 11px;
	color: #24618e;
}

p.info
{
	font-size: 10px;
	color: #24618e;
}

ul.info li
{
	font-size: 10px;
	color: #24618e;
}

.info
{
	color: #24618e;
}

#importlistbox .info
{
	color: #24618e;
}

div.helpdiv, #importlistbox div.helpdiv
{
	font-size: 11px;
	position: relative;
	padding: 0px;
	float: left;
	text-align: left;
	margin: 10px 10px 5px 10px;
	z-index: 199;
}

div.submitdiv, #addafebox div.submitdiv, #addcontactbox div.submitdiv, #importlistbox div.submitdiv
{
	font-size: 11px;
	position: relative;
	padding: 0px;
	text-align: right;
	margin: 10px 10px 5px 10px;
}

div#skiptest
{
	font-size: 11px;
	position: relative;
	padding: 0px;
	float: left;
	text-align: left;
	margin: 10px 10px 5px 10px;
	z-index: 200;
	display: none;
}

form
{
	padding: 0px;
	margin: 0px;
}

.faq
{
	font-size: 11px;
}

div.faq
{
	text-align: left;
}

dl
{
	margin-left: 10px;
	font-size: 11px;
}

dt
{
	font-weight: bold;
}

dd
{
	padding-bottom: 15px;
}

a.handset
{
	text-decoration: none;
}

a.handset span
{
	text-decoration: underline;
}

.emailbody pre div
{
	text-align: left;
	font-family: monospace;
/*	font-size: 80%; */
	margin-top: 5px;
}

.emailheader
{
	text-align: left;
/*	font-size: 80%; */
	margin-bottom: 5px;
}

td.buttoninfo
{
	width: 110px;
	text-align: right;
}

div.msgcount
{
	text-align: center;
	font-size: 10px;
}

img.mboxvolume
{
	background: #24618e;
	height: 5px;
	border-left: 1px solid #14364f;
	border-top: 1px solid #14364f;
	border-bottom: 1px solid #14364f;
}

img.volumefill
{
	height: 5px;
	border-right: 1px solid #14364f;
	border-top: 1px solid #14364f;
	border-bottom: 1px solid #14364f;
}