.menu
{
	font-family: Verdana;
	font-size: 10px;
	color: White;
	text-align: center;
	z-index: 100;
	display: block;
	min-width: 100px;
	width: 100px;
}

.menufly
{
	min-width: 150px;
}

.menubar
{
	font-family: Verdana;
	font-size: 10px;
	color: White;
	white-space: nowrap;
	text-decoration: none;
}

.menubar a
{
	font-family: Verdana;
	font-size: 10px;
	color: White;
	white-space: nowrap;
	text-decoration: none;
}

.toolbar
{
	background-image: url('images/tool_bg.png' );
	background-repeat: repeat-x;
}

.buttonbar
{
	background-image: url('images/buttonbar.png' );
	background-repeat: repeat-x;
}

.buttonbarfloat
{
	background-image: url('images/buttonbar.png' );
	background-repeat: repeat-x;
	border-left: solid 1px #bdbda3;
	border-right: solid 1px #bdbda3;
	border-top: solid 1px #bdbda3;
}

.linkbuttonwhite
{
	font-family: Verdana;
	font-size: 10px;
	color: White;
	white-space: nowrap;
	text-decoration: none;
}

.barband
{
	background-image: url('images/menu_bg.png' );
	background-repeat: repeat-x;
	height: 30px;
	font-family: Verdana;
	font-size: 10px;
	color: White;
	white-space: nowrap;
	text-decoration: none;
}

.bargradient
{
	background-repeat: repeat-x;
	background-image: url('images/header_bg_gray.jpg' );
}

.redfiller
{
	background-repeat: repeat-x;
	background-image: url('images/redbar_filler.png' );
}

.menubarhighlight
{
	font-family: Verdana;
	font-size: 10px;
	color: #ff6666;
	white-space: nowrap;
}

.menuhov
{
	color: #ff6666;
}

.submenu
{
	font-family: Verdana;
	font-size: 10px;
	color: Black;
	background-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: Silver;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: Silver;
	padding: 4px;
	text-align: left;
	z-index: 200;
	width: 150px;
}

.submenubottom
{
	font-family: Verdana;
	font-size: 10px;
	color: Black;
	background-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: Silver;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: Silver;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Silver;
	width: 150px;
	padding: 4px;
	text-align: left;
	z-index: 200;
}

.copyright
{
	font-family: Verdana;
	font-size: 10px;
	color: White;
}

.label
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.labelcountblue
{
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #224499;
}

.labelcountgreen
{
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #119966;
}

.labelcountred
{
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #bb1100;
}

.labelsmall
{
	font-family: Arial;
	font-size: 10px;
	color: #333333;
}

.credits
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

.balance
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
}

.quickBarLabel
{
	font-family: Arial;
	font-size: 10px;
	color: Olive;
}

.quickBarLabel a
{
	font-family: Arial;
	font-size: 10px;
	color: Olive;
}

.instruction
{
	font-family: Arial;
	font-size: 10px;
	color: #6694e3;
}

.labelbold
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.errorPanel
{
	border: 1px solid #ff0000;
	text-align: left;
	background-color: #ffffff;
	height: 24px;
}

.errorMessage
{
	font-family: Arial;
	font-size: 10px;
	color: #ff0000;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

.accordionHeader
{
	border: 1px solid #1B1B1B;
	color: #ffffff;
	background-color: #1B1B1B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 5px;
	margin-top: 0px;
	cursor: pointer;
	background-image: url('images/menu_bg.png' );
	overflow: hidden;
}

.accordionHeaderSelected
{
	border: 1px solid #1B1B1B;
	color: #ff6666;
	background-color: #1B1B1B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 5px;
	margin-top: 0px;
	cursor: pointer;
	background-image: url('images/menu_bg.png' );
}

.accordionContent
{
	background-color: #1B1B1B;
	border: 1px #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #fcfbaa;
}

.accordionContent a
{
	color: #4b9dd7;
	cursor: hand;
	text-decoration: none;
}

.accordionContent a:hover
{
	text-decoration: underline;
}

.container
{
	border: 1px solid Silver;
}

.containerHeader
{
	background-image: url('images/tab-light.jpg' );
	background-repeat: repeat-x;
	font-family: Trebuchet MS;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #666666;
	white-space: nowrap;
	padding-left: 6px;
	padding-right: 6px;
	height: 24px;
	vertical-align: middle;
	border-bottom: 1px solid Silver;
}

.quickBar
{
	background-image: url('images/quickfiller.jpg' );
	background-repeat: repeat-y;
}

.title
{
	font-family: Arial;
	font-size: 18px;
	color: #333333;
}

.gridtitle
{
	font-family: Arial;
	font-size: 18px;
	color: #333333;
}

.titleblue
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #4b9dd7;
}

.buttonblue
{
	border: none;
	background-color: #6694e3;
	padding: 1px 6px;
	font-family: Arial;
	font-size: 12px;
	color: White;
	cursor: hand;
	width: 75px;
}

.linkbuttonblue
{
	color: #6694e3;
	font-family: Arial;
	font-size: 12px;
	cursor: hand;
}

.buttongray
{
	border: none;
	background-color: #666666;
	padding: 1px 6px;
	font-family: Arial;
	font-size: 12px;
	color: White;
	cursor: hand;
	width: 75px;
}

.buttonred
{
	border: none;
	background-color: #ff6666;
	padding: 1px 6px;
	font-family: Arial;
	font-size: 12px;
	color: White;
	cursor: hand;
	width: 75px;
}

.general
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.generalbold
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.bigbold
{
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.redbold
{
	font-family: Arial;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}

.linespace
{
	line-height:200%;
}

.general a
{
	color: #4b9dd7;
	cursor: hand;
	text-decoration: none;
}

.general a:hover
{
	text-decoration: underline;
}

.logo
{
	src: url('images/logo.png' );
}

.modalPopup
{
	background-color: White;
	border-width: 1px;
	border-style: solid;
	border-color: Gray;
	height: auto;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: .7;
}

.rowSpacing
{
	height: 10px;
}

.collapsePanel
{
	background-color: white;
	overflow: hidden;
	padding: 3px;
	width: 300px;
}

.divModalMessageSuccess
{
	border-width: 2px;
	border-style: solid;
	border-color: #54864E;
	color: #54864E;
	background-color: #B8D4B5;
	padding: 4px;
	font-family: Arial;
	font-size: 10px;
}

.divModalMessageCaution
{
	border-width: 2px;
	border-style: solid;
	border-color: #B19707;
	color: #B19707;
	background-color: #F8E78B;
	padding: 4px;
	font-family: Arial;
	font-size: 10px;
}

.divModalMessageFeedback
{
	border-width: 2px;
	border-style: solid;
	border-color: #26588A;
	color: #26588A;
	background-color: #B7CFE7;
	padding: 4px;
	font-family: Arial;
	font-size: 10px;
}

.divModalMessageError
{
	border-width: 2px;
	border-style: solid;
	border-color: #980202;
	color: #980202;
	background-color: #F2C8C8;
	padding: 4px;
	font-family: Arial;
	font-size: 10px;
}

.searchbox
{
	border: solid 1px Silver;
}

.search
{
	border: none 0px White;
}

.repeater table
{
	border-color: #CCCCCC;
	border-width: 0 0 1px 1px;
	border-style: solid;
}

.repeater td, .repeater th
{
	border-color: #FFFFFF;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 4px;
}

.grid
{
	background-color: White;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: Black;
	font-family: Arial;
	font-size: 12px;
}

.grid a
{
	color: #333333;
	cursor: hand;
	text-decoration: underline;
}

.gridHeader
{
	font-family: Arial;
	font-size: 12px;
	background-color: #B9B9B9;
	color: #333333;
	font-weight: normal;
	font-style: normal;
}

.gridHeader a
{
	cursor: hand;
	text-decoration: none;
}

.gridHeader a:hover
{
	text-decoration: underline;
}


.gridFooter
{
	font-family: Arial;
	font-size: 12px;
	background-color: #333333;
	color: White;
}

.gridEdit
{
	font-family: Arial;
	font-size: 12px;
	background-color: #ffc73c;
}

.gridRow
{
	background-color: White;
}

.gridAlternate
{
	font-family: Arial;
	font-size: 12px;
	background-color: #d3d4d6;
}

.wizardSideBar
{
	background-color: #6694e3;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: Silver;
	padding: 10px;
	width: 200px;
}

.wizardSideBar a
{
	color: White;
}

.wizardSideBar a:hover
{
	text-decoration: underline;
}

.wizardStep
{
	padding: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	vertical-align: top;
	width: 100%;
}

.wizardNavigation
{
}

.bottomLine
{
	border-bottom-color: Silver;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.topLine
{
	border-top-color: Silver;
	border-top-style: solid;
	border-top-width: 1px;
}

.leftMenuItem
{
	border-bottom-color: Silver;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Helvetica;
	font-size: 12px;
	color: #6694e3;
}

.leftMenuItem a
{
	text-decoration: none;
	color: #6694e3;
}

.leftMenuItem a:hover
{
	text-decoration: underline;
}

.linkButton
{
	font-family: Helvetica;
	font-size: 12px;
	color: #6694e3;
}


/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#MySplitter
{
	height: 600px;
	margin: 0em 0em;
	z-index: 0; /* No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#LeftPane
{
	background: #ffffff;
	overflow: auto;
	z-index: 0; /* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#RightPane
{
	background: #f8fff8;
	overflow: auto; /* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#MySplitter .vsplitbar
{
	width: 6px;
	background: #cccccc url(images/vgrabber.gif) no-repeat center;
}
#MySplitter .vsplitbar.active
{
	background: #d7d7d7 url(images/vgrabber.gif) no-repeat center;
	opacity: 0.7;
}


/* Generic context menu styles */
.contextMenu
{
	position: absolute;
	width: 240px;
	z-index: 999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A
{
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A
{
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A
{
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A
{
	background-color: transparent;
}

.contextMenu LI.separator
{
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.newgroup A
{
	background-image: url(images/addressbook/group_add.png);
}
.contextMenu LI.newgroupdisabled A
{
	background-image: url(images/addressbook/group_add_gray.png);
	color: Silver;
}
.contextMenu LI.editgroup A
{
	background-image: url(images/addressbook/group_edit.png);
}
.contextMenu LI.editgroupdisabled A
{
	background-image: url(images/addressbook/group_edit_gray.png);
	color: Silver;
}
.contextMenu LI.deletegroup A
{
	background-image: url(images/addressbook/group_delete.png);
}
.contextMenu LI.deletegroupdisabled A
{
	background-image: url(images/addressbook/group_delete_gray.png);
	color: Silver;
}
.contextMenu LI.movegroup A
{
	background-image: url(images/addressbook/group_move.png);
}
.contextMenu LI.movegroupdisabled A
{
	background-image: url(images/addressbook/group_move_gray.png);
	color: Silver;
}
.contextMenu LI.copygroup A
{
	background-image: url(images/addressbook/group_copy.png);
}
.contextMenu LI.copygroupdisabled A
{
	background-image: url(images/addressbook/group_copy_gray.png);
	color: Silver;
}
.contextMenu LI.importgroup A
{
	background-image: url(images/addressbook/group_import.png);
}
.contextMenu LI.importgroupdisabled A
{
	background-image: url(images/addressbook/group_import_gray.png);
	color: Silver;
}
.contextMenu LI.newcontact A
{
	background-image: url(images/addressbook/contact_add.png);
}
.contextMenu LI.newcontactdisabled A
{
	background-image: url(images/addressbook/contact_add_gray.png);
	color: Silver;
}
.contextMenu LI.movecontact A
{
	background-image: url(images/addressbook/contact_move.png);
}
.contextMenu LI.movecontactdisabled A
{
	background-image: url(images/addressbook/contact_move_gray.png);
	color: Silver;
}
.contextMenu LI.copycontact A
{
	background-image: url(images/addressbook/contact_copy.png);
}
.contextMenu LI.copycontactdisabled A
{
	background-image: url(images/addressbook/contact_copy_gray.png);
	color: Silver;
}
.contextMenu LI.deletecontact A
{
	background-image: url(images/addressbook/contact_delete.png);
}
.contextMenu LI.deletecontactdisabled A
{
	background-image: url(images/addressbook/contact_delete_gray.png);
	color: Silver;
}
.contextMenu LI.importcontact A
{
	background-image: url(images/addressbook/contact_import.png);
}
.contextMenu LI.importcontactdisabled A
{
	background-image: url(images/addressbook/contact_import_gray.png);
	color: Silver;
}
.contextMenu LI.exportcontact A
{
	background-image: url(images/addressbook/contact_export.png);
}
.contextMenu LI.exportcontactdisabled A
{
	background-image: url(images/addressbook/contact_export_gray.png);
	color: Silver;
}
.contextMenu LI.deduplicatecontact A
{
	background-image: url(images/addressbook/contact_deduplicate.png);
}
.contextMenu LI.deduplicatecontactdisabled A
{
	background-image: url(images/addressbook/contact_deduplicate_gray.png);
	color: Silver;
}
.contextMenu LI.optionscontact A
{
	background-image: url(images/addressbook/contact_options.png);
}
.contextMenu LI.optionscontactdisabled A
{
	background-image: url(images/addressbook/contact_options_gray.png);
	color: Silver;
}
.contextMenu LI.permissionsgroup A
{
	background-image: url(images/addressbook/group_permissions.png);
}
.contextMenu LI.permissionsgroupdisabled A
{
	background-image: url(images/addressbook/group_permissions_gray.png);
	color: Silver;
}
.contextMenu LI.noimage A
{
}
.contextMenu LI.newfolder A
{
	background-image: url(images/addressbook/group_add.png);
}
.contextMenu LI.renamefolder A
{
	background-image: url(images/addressbook/group_edit.png);
}
.contextMenu LI.deletefolder A
{
	background-image: url(images/addressbook/group_delete.png);
}
.contextMenu LI.movefolder A
{
	background-image: url(images/addressbook/group_move.png);
}
.contextMenu LI.movesms A
{
	background-image: url(images/addressbook/sms_move.png);
}

.tooltip
{
	border: 1px solid #999999;
	color: white;
	font-family: Arial;
	font-size: 10px;
}

#tooltip
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #b7b7b7;
	background-color: #eee;
	padding: 2px;
	opacity: 0.85;
	font-family: Arial;
	font-size: 10px;
}

#tooltip h3, #tooltip div
{
	font-family: Arial;
	font-size: 10px;
	margin: 0;
}

.hide
{
	display: none;
}

/* General dropdown styles */
.dropdown dd, .dropdown dt, .dropdown ul
{
	border: 1px none Silver;
	margin: 0px;
	padding: 0px;
}
.dropdown dd
{
	position: relative;
}
/* DT styles for sliding doors */
.dropdown dt a
{
	background: #d7d7d7 url(images/arrow.png) no-repeat scroll right center;
	display: block;
	padding-right: 20px;
	border: 0px none #1a407e;
	width: 100px;
	color: #666666;
	font-family: Trebuchet MS;
	font-weight: bold;
}
.dropdown dt a span
{
	cursor: pointer;
	display: block;
	padding: 2px;
}
/* UL styles */
.dropdown dd ul
{
	background: #d7d7d7 none repeat scroll 0 0;
	display: none;
	list-style: none;
	padding: 5px 0px;
	position: absolute;
	left: -3px;
	top: 3px;
	width: 150px;
	min-width: 150px;
	border: solid 1px Silver;
	border-top: none;
}
.dropdown span.value
{
	display: none;
}
.dropdown dd ul li a
{
	margin: 0px;
	padding: 2px;
	display: block;
	width: 150px;
	color: #666666;
	font-family: Trebuchet MS;
}

.watermark
{
	color: #999999;
	font-style: italic;
}

.flatlist
{
	border: solid 1px #666666;
}

.uanchor
{
	font-family: Verdana;
	font-size: 10px;
	text-decoration: underline;
}

.uanchor a
{
	font-family: Verdana;
	font-size: 10px;
	text-decoration: underline;
}

.PartMenuPopupStyle
{
	background-color: #C1D4E3;
	font-size: 10px;
	font-family: Arial;
}

.PartTitleStyle
{
	background-color: #C1D4E3;
	height: 25px;
	font-size: 8px;
	padding: 0px 0px 5px 10px;
	background-image: url(images/boxHeaderTopLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.PartTitleStyle table
{
	background-image: url(images/boxHeaderTopRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.PartTitleStyle table tr td
{
	padding: 10px 10px 0 10px;
}
.PartTitleStyle table tr td span
{
	font-size: 12px;
	font-weight: bold;
	color: #224499;
	background-color: #C1D4E3;
	padding-right: -10px;
}

.PartStyle
{
	background-color: #F8F8f0;
	border: solid 1px #DDDDDD;
}
.PartZone
{
	border: dashed 1px #DDDDDD;
}
.PartZoneHeader
{
	height: 0px;
	display: none;
}

.barbandbottomlink
{	
	cursor: hand;
	font-family: Verdana;
	font-size: 10px;
	color: White;
	white-space: nowrap;
	text-decoration: none;
}